@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?e7dkxh");
  src: url("fonts/icomoon.eot?e7dkxh#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?e7dkxh") format("truetype"), url("fonts/icomoon.woff?e7dkxh") format("woff"), url("fonts/icomoon.svg?e7dkxh#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sp-icon .path1:before {
  content: "\e9d0";
  color: #4d5f56;
}

.icon-sp-icon .path2:before {
  content: "\e9d1";
  margin-left: -0.9287109375em;
  color: white;
}

.icon-sp-icon .path3:before {
  content: "\e9d2";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path4:before {
  content: "\e9d3";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path5:before {
  content: "\e9d4";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path6:before {
  content: "\e9d5";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path7:before {
  content: "\e9d6";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path8:before {
  content: "\e9d7";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path9:before {
  content: "\e9d8";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path10:before {
  content: "\e9d9";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path11:before {
  content: "\e9da";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path12:before {
  content: "\e9db";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path13:before {
  content: "\e9dc";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path14:before {
  content: "\e9dd";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path15:before {
  content: "\e9de";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path16:before {
  content: "\e9df";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path17:before {
  content: "\e9e0";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path18:before {
  content: "\e9e1";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path19:before {
  content: "\e9e2";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path20:before {
  content: "\e9e3";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path21:before {
  content: "\e9e4";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path22:before {
  content: "\e9e5";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path23:before {
  content: "\e9e6";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path24:before {
  content: "\e9e7";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path25:before {
  content: "\e9e8";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path26:before {
  content: "\e9e9";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path27:before {
  content: "\e9ea";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path28:before {
  content: "\e9eb";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path29:before {
  content: "\e9ec";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path30:before {
  content: "\e9ed";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path31:before {
  content: "\e9ee";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path32:before {
  content: "\e9ef";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path33:before {
  content: "\e9f0";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path34:before {
  content: "\e9f1";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path35:before {
  content: "\e9f2";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path36:before {
  content: "\e9f3";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path37:before {
  content: "\e9f4";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path38:before {
  content: "\e9f5";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path39:before {
  content: "\e9f6";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path40:before {
  content: "\e9f7";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path41:before {
  content: "\e9f8";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path42:before {
  content: "\e9f9";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path43:before {
  content: "\e9fa";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path44:before {
  content: "\e9fb";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path45:before {
  content: "\e9fc";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path46:before {
  content: "\e9fd";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path47:before {
  content: "\e9fe";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path48:before {
  content: "\e9ff";
  margin-left: -0.9287109375em;
  color: white;
}

.icon-sp-icon .path49:before {
  content: "\ea00";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-sp-icon .path50:before {
  content: "\ea01";
  margin-left: -0.9287109375em;
  color: white;
}

.icon-sp-icon .path51:before {
  content: "\ea02";
  margin-left: -0.9287109375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path1::before {
  content: "\e96e";
  color: #4d5f56;
}

.icon-bottom-page-logo .path2::before {
  content: "\e96f";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path3::before {
  content: "\e970";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path4::before {
  content: "\e971";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path5::before {
  content: "\e972";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path6::before {
  content: "\e973";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path7::before {
  content: "\e974";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path8::before {
  content: "\e975";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path9::before {
  content: "\e976";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path10::before {
  content: "\e977";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path11::before {
  content: "\e978";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path12::before {
  content: "\e979";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path13::before {
  content: "\e97a";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path14::before {
  content: "\e97b";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path15::before {
  content: "\e97c";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path16::before {
  content: "\e97d";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path17::before {
  content: "\e97e";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path18::before {
  content: "\e97f";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path19::before {
  content: "\e980";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path20::before {
  content: "\e981";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path21::before {
  content: "\e982";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path22::before {
  content: "\e983";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path23::before {
  content: "\e984";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path24::before {
  content: "\e985";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path25::before {
  content: "\e986";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path26::before {
  content: "\e987";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path27::before {
  content: "\e988";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path28::before {
  content: "\e989";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path29::before {
  content: "\e98a";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path30::before {
  content: "\e98b";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path31::before {
  content: "\e98c";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path32::before {
  content: "\e98d";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path33::before {
  content: "\e98e";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path34::before {
  content: "\e98f";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path35::before {
  content: "\e990";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path36::before {
  content: "\e991";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path37::before {
  content: "\e992";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path38::before {
  content: "\e993";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path39::before {
  content: "\e994";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path40::before {
  content: "\e995";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path41::before {
  content: "\e996";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path42::before {
  content: "\e997";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path43::before {
  content: "\e998";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path44::before {
  content: "\e999";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path45::before {
  content: "\e99a";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path46::before {
  content: "\e99b";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path47::before {
  content: "\e99c";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path48::before {
  content: "\e99d";
  margin-left: -3.984375em;
  color: white;
}

.icon-bottom-page-logo .path49::before {
  content: "\e99e";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path50::before {
  content: "\e99f";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path51::before {
  content: "\e9a0";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path52::before {
  content: "\e9a1";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path53::before {
  content: "\e9a2";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path54::before {
  content: "\e9a3";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path55::before {
  content: "\e9a4";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path56::before {
  content: "\e9a5";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path57::before {
  content: "\e9a6";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path58::before {
  content: "\e9a7";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path59::before {
  content: "\e9a8";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path60::before {
  content: "\e9a9";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path61::before {
  content: "\e9aa";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path62::before {
  content: "\e9ab";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path63::before {
  content: "\e9ac";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path64::before {
  content: "\e9ad";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path65::before {
  content: "\e9ae";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path66::before {
  content: "\e9af";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path67::before {
  content: "\e9b0";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path68::before {
  content: "\e9b1";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path69::before {
  content: "\e9b2";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path70::before {
  content: "\e9b3";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path71::before {
  content: "\e9b4";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path72::before {
  content: "\e9b5";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path73::before {
  content: "\e9b6";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path74::before {
  content: "\e9b7";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path75::before {
  content: "\e9b8";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path76::before {
  content: "\e9b9";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path77::before {
  content: "\e9ba";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path78::before {
  content: "\e9bb";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path79::before {
  content: "\e9bc";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path80::before {
  content: "\e9bd";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path81::before {
  content: "\e9be";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path82::before {
  content: "\e9bf";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path83::before {
  content: "\e9c0";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path84::before {
  content: "\e9c1";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path85::before {
  content: "\e9c2";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path86::before {
  content: "\e9c3";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path87::before {
  content: "\e9c4";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path88::before {
  content: "\e9c5";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path89::before {
  content: "\e9c6";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path90::before {
  content: "\e9c7";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path91::before {
  content: "\e9c8";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path92::before {
  content: "\e9c9";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path93::before {
  content: "\e9ca";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path94::before {
  content: "\e9cb";
  margin-left: -3.984375em;
  color: white;
}

.icon-bottom-page-logo .path95::before {
  content: "\e9cc";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-bottom-page-logo .path96::before {
  content: "\e9cd";
  margin-left: -3.984375em;
  color: white;
}

.icon-bottom-page-logo .path97::before {
  content: "\e9ce";
  margin-left: -3.984375em;
  color: #4d5f56;
}

.icon-footer-logo .path1:before {
  content: "\e903";
  color: #4d5f56;
}

.icon-footer-logo .path2:before {
  content: "\e904";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path3:before {
  content: "\e905";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path4:before {
  content: "\e906";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path5:before {
  content: "\e907";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path6:before {
  content: "\e908";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path7:before {
  content: "\e909";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path8:before {
  content: "\e90a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path9:before {
  content: "\e90b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path10:before {
  content: "\e90c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path11:before {
  content: "\e90d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path12:before {
  content: "\e90e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path13:before {
  content: "\e90f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path14:before {
  content: "\e910";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path15:before {
  content: "\e911";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path16:before {
  content: "\e912";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path17:before {
  content: "\e913";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path18:before {
  content: "\e914";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path19:before {
  content: "\e915";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path20:before {
  content: "\e916";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path21:before {
  content: "\e917";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path22:before {
  content: "\e918";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path23:before {
  content: "\e919";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path24:before {
  content: "\e91a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path25:before {
  content: "\e91b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path26:before {
  content: "\e91c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path27:before {
  content: "\e91d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path28:before {
  content: "\e91e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path29:before {
  content: "\e91f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path30:before {
  content: "\e920";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path31:before {
  content: "\e921";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path32:before {
  content: "\e922";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path33:before {
  content: "\e923";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path34:before {
  content: "\e924";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path35:before {
  content: "\e925";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path36:before {
  content: "\e926";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path37:before {
  content: "\e927";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path38:before {
  content: "\e928";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path39:before {
  content: "\e929";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path40:before {
  content: "\e92a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path41:before {
  content: "\e92b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path42:before {
  content: "\e92c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path43:before {
  content: "\e92d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path44:before {
  content: "\e92e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path45:before {
  content: "\e92f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path46:before {
  content: "\e930";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path47:before {
  content: "\e931";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path48:before {
  content: "\e932";
  margin-left: -3.177734375em;
  color: white;
}

.icon-footer-logo .path49:before {
  content: "\e933";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path50:before {
  content: "\e934";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path51:before {
  content: "\e935";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path52:before {
  content: "\e936";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path53:before {
  content: "\e937";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path54:before {
  content: "\e938";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path55:before {
  content: "\e939";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path56:before {
  content: "\e93a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path57:before {
  content: "\e93b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path58:before {
  content: "\e93c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path59:before {
  content: "\e93d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path60:before {
  content: "\e93e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path61:before {
  content: "\e93f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path62:before {
  content: "\e940";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path63:before {
  content: "\e941";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path64:before {
  content: "\e942";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path65:before {
  content: "\e943";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path66:before {
  content: "\e944";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path67:before {
  content: "\e945";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path68:before {
  content: "\e946";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path69:before {
  content: "\e947";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path70:before {
  content: "\e948";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path71:before {
  content: "\e949";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path72:before {
  content: "\e94a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path73:before {
  content: "\e94b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path74:before {
  content: "\e94c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path75:before {
  content: "\e94d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path76:before {
  content: "\e94e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path77:before {
  content: "\e94f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path78:before {
  content: "\e950";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path79:before {
  content: "\e951";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path80:before {
  content: "\e952";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path81:before {
  content: "\e953";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path82:before {
  content: "\e954";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path83:before {
  content: "\e955";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path84:before {
  content: "\e956";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path85:before {
  content: "\e957";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path86:before {
  content: "\e958";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path87:before {
  content: "\e959";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path88:before {
  content: "\e95a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path89:before {
  content: "\e95b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path90:before {
  content: "\e95c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path91:before {
  content: "\e95d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path92:before {
  content: "\e95e";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path93:before {
  content: "\e95f";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path94:before {
  content: "\e960";
  margin-left: -3.177734375em;
  color: white;
}

.icon-footer-logo .path95:before {
  content: "\e961";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path96:before {
  content: "\e962";
  margin-left: -3.177734375em;
  color: white;
}

.icon-footer-logo .path97:before {
  content: "\e963";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path98:before {
  content: "\e964";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path99:before {
  content: "\e965";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path100:before {
  content: "\e966";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path101:before {
  content: "\e967";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path102:before {
  content: "\e968";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path103:before {
  content: "\e969";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path104:before {
  content: "\e96a";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path105:before {
  content: "\e96b";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path106:before {
  content: "\e96c";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-footer-logo .path107:before {
  content: "\e96d";
  margin-left: -3.177734375em;
  color: #4d5f56;
}

.icon-hachiman-icon-01:before {
  content: "\e900";
  color: #4d5f56;
}

.icon-hachiman-svg-01:before {
  content: "\e901";
  color: #deb753;
  vertical-align: middle;
}

.icon-tel:before {
  content: "\e902";
  color: #4d5f56;
}

.icon-envelop:before {
  content: "\e9cf";
  color: #4d5f56;
}

@font-face {
  font-family: honoka;
  src: url(./fonts/font_1_honokamin.ttf);
  font-display: swap;
}

/*
Theme Name: Hachiman
Theme URI: 
Description: Hachimanテーマ
Version: 1.0
*/
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL control ->                    */
/* =====>=====>=====>=====>=====>=====>===== */
html,
body {
  width: 100%;
  min-height: 100%;
}

@media only screen and (max-width: 780px) {
  html, body {
    min-width: 320px;
  }
  body#top {
    min-width: 1200px;
  }
}

header,
footer {
  width: 100%;
}

p, a,
dl, ol, ul, dt, dd,
figcaption, time {
  color: #000;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}

figure {
  overflow: hidden;
}

.call, a.call, .now {
  pointer-events: none;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL CLASS control ->              */
/* =====>=====>=====>=====>=====>=====>===== */
.inner {
  width: 95%;
  max-width: 980px;
  margin: auto;
}

.fx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

a {
  text-decoration: none;
}

.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- MAIN-VISUAL control ->                */
/* =====>=====>=====>=====>=====>=====>===== */
#MV {
  width: 100%;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1198px) {
  #MV {
    width: auto;
  }
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- header ->														 */
/* =====>=====>=====>=====>=====>=====>===== */
header {
  margin-bottom: -115px;
  border-top: 5px solid #4c5e55;
  background: url(../images/common/back_sec.png);
}

header .header-content {
  background: url(../images/common/back_header.svg) top center no-repeat;
}

header .inner {
  padding-top: 50px;
  box-sizing: border-box;
  position: relative;
}

header .inner .logoContent {
  margin-bottom: 50px;
}

@media only screen and (max-width: 780px) {
  header .inner .logoContent {
    justify-content: center;
  }
}

header .inner .hdrLogo span {
  font-size: 100px;
}

header .inner .hdrLogo .icon-bottom-page-logo span {
  font-family: 'icomoon' !important;
  letter-spacing: 0em;
}

@media only screen and (max-width: 780px) {
  header .inner .hdrLogo span {
    font-size: 70px;
  }
}

header .inner .address {
  color: #4c5e56;
  text-align: left;
}
header .inner .address .tel {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 5px;
}
header .inner .address .reserved {
  width: 109px;
  background: url(../images/common/back_tell.svg) no-repeat;
  box-sizing: border-box;
  color: #FFF;
  letter-spacing: 0.1em;
  line-height: 25px;
  text-align: center;
  text-indent: 0.1em;
  margin: 0 10px 0 0;
}
header .inner .address .tel .icon-tel {
}
header .inner .address .tel .icon-tel::before {
  color: #4c5e56;
  font-size: 20px;
  line-height: 25px;
  margin: 0 5px 0 0;
}
header .inner .address .tel .icon-tel a {
  color: #4c5e56;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0;
}

header .inner .address .otime {
  color: #4c5e56;
  letter-spacing: 0em;
  float: right;
}

header .inner .address .otime span {
  color: #4c5e56;
}

header .inner .address .otime span:nth-child(1) {
  font-family: serif;
}

@media only screen and (max-width: 780px) {
  header .inner .address {
    display: none;
  }
}

header .inner nav#GNav {
  margin-bottom: 60px;
}

header .inner nav#GNav ul li a {
  display: block;
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
  text-align: center;
  transition: .6s;
}

header .inner nav#GNav ul li a span {
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
}

header .inner nav#GNav ul .tel {
  height: 68px;
}

header .inner nav#GNav ul .tel a span {
  padding: 5px 20px;
  color: #fff;
  font-size: 15px;
  font-family: Corp, sans-serif;
  background-color: #444;
  box-sizing: border-box;
}

header .inner nav#GNav ul .tel img {
  margin-top: 12px;
}

@media only screen and (max-width: 780px) {
  header .inner nav#GNav {
    display: none;
  }
}

header .inner figure {
  width: 100%;
  margin: 0 auto;
  background: url(../images/thanks/top_slide.svg) no-repeat center center;
  background-size: cover;
}

header .inner h1 {
  height: 260px;
  margin-top: 20px;
  position: relative;
  left: 80px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

header .inner h1 span {
  color: #4c5e56;
  font-size: 28px;
  font-family: honoka;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}

@media only screen and (max-width: 780px) {
  header .inner h1 {
    left: 5%;
  }
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- .page-top ->													 */
/* =====>=====>=====>=====>=====>=====>===== */
.page-top {
  justify-content: flex-end;
}

.page-top a img {
  position: relative;
  top: 10px;
}

@media only screen and (max-width: 780px) {
  .page-top a img {
    width: 50%;
  }
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- #gNavSp ->														 */
/* =====>=====>=====>=====>=====>=====>===== */
nav#gNavSp {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 0 0 80px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

nav#gNavSp ul {
  display: none;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

nav#gNavSp ul li {
  border-bottom: 1px solid #4c5e56;
  box-sizing: border-box;
}

nav#gNavSp ul li a {
  display: block;
  width: 100%;
  padding: 10px;
  color: #4c5e56;
  box-sizing: border-box;
}

nav#gNavSp ul li a span {
  margin-left: 10px;
}

nav#gNavSp ul li a.hdrLogo {
  display: block;
  text-align: center;
}

nav#gNavSp ul li a.hdrLogo span {
  margin-left: 0px;
  font-size: 60px;
  font-family: 'icomoon' !important;
  letter-spacing: 0em;
}

nav#gNavSp ul li .icon-hachiman-svg-01:before {
  vertical-align: middle;
}

nav#gNavSp ul li:nth-child(1) a {
  padding: 20px 10px;
}

@media only screen and (max-width: 780px) {
  nav#gNavSp {
    display: none;
  }
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- sp-footer ->													 */
/* =====>=====>=====>=====>=====>=====>===== */
#sp-footer {
  display: none;
}

@media only screen and (max-width: 780px) {
  #sp-footer {
    display: block;
    width: 100%;
    background: #ffffff;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
  }
  #sp-footer ul {
    display: table;
    width: 100%;
    border-top: solid 1px #dcdddd;
    font-size: 1.0rem;
  }
  #sp-footer ul li {
    display: table-cell;
    width: 25%;
    height: 70px;
    vertical-align: middle;
  }
  #sp-footer ul li a {
    display: block;
    width: 100%;
    color: #4c5e56;
  }
  #sp-footer ul li:nth-child(n+2) {
    box-sizing: border-box;
    border-left: solid 1px #dcdddd;
  }
  #sp-footer ul li:nth-child(1) a {
    padding: 4px 0;
  }
  #sp-footer ul li:nth-child(2) a, #sp-footer ul li:nth-child(3) a {
    padding: 11px 0;
  }
  #sp-footer ul li:nth-child(4) a {
    padding: 10px 0;
  }
  #sp-footer span.icon-sp-icon span {
    font-size: 60px;
    font-family: 'icomoon' !important;
    letter-spacing: 0em;
  }
  #sp-footer .menu-icon {
    position: relative;
    top: 4px;
  }
  #sp-footer .text {
    position: relative;
    bottom: 2px;
  }
  #sp-footer #panel-btn-icon, #sp-footer #panel-btn-icon:before, #sp-footer #panel-btn-icon:after {
    display: block;
    width: 14px;
    height: 2px;
    margin: 0 auto;
    line-height: 0em;
    background: #4c5e56;
    position: relative;
    top: 4px;
    transition: .2s;
  }
  #sp-footer #panel-btn-icon:before, #sp-footer #panel-btn-icon:after {
    content: "";
    transition: .3s;
  }
  #sp-footer #panel-btn-icon:before {
    margin-top: 3px;
  }
  #sp-footer #panel-btn-icon:after {
    margin-top: 2px;
  }
  #sp-footer #panel-btn .close {
    background: transparent;
  }
  #sp-footer #panel-btn .close:before, #sp-footer #panel-btn #panel-btn .close:after {
    margin-top: 0;
  }
  #sp-footer #panel-btn .close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #sp-footer #panel-btn .close:after {
    margin-top: -2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- footer ->														 */
/* =====>=====>=====>=====>=====>=====>===== */
footer {
  padding: 50px 0;
  border-top: 5px solid #4c5e55;
  background: url(../images/common/back_sec.png);
  text-align: center;
  box-sizing: border-box;
}

footer .footer_info {
  margin-bottom: 60px;
}

@media only screen and (max-width: 780px) {
  footer .footer_info {
    margin-bottom: 30px;
    justify-content: space-around;
  }
}

footer .ftrLogo span {
  font-size: 100px;
}

footer .ftrLogo .icon-footer-logo span {
  font-family: 'icomoon' !important;
  letter-spacing: 0em;
}

@media only screen and (max-width: 780px) {
  footer .ftrLogo span {
    font-size: 80px;
  }
}

footer .ftrLogo p {
  color: #4c5e56;
  font-size: 18px;
  letter-spacing: 0em;
  position: relative;
  left: 60px;
}

footer .ftrLogo p::before {
  content: "〈";
  display: inline-block;
}

footer .ftrLogo p::after {
  content: "〉";
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  footer .ftrLogo {
    margin-bottom: 30px;
  }
}

footer .address {
  color: #4c5e56;
  text-align: left;
}
footer .address .tel {
  display: flex;
  margin: 0 0 5px;
}
footer .address .reserved {
  width: 109px;
  background: url(../images/common/back_tell.svg) no-repeat;
  box-sizing: border-box;
  color: #FFF;
  letter-spacing: 0.1em;
  line-height: 25px;
  text-align: center;
  text-indent: 0.1em;
  margin: 0 10px 0 0;
}
footer .address .tel .icon-tel {
}
footer .address .tel .icon-tel::before {
  color: #4c5e56;
  font-size: 20px;
  line-height: 25px;
  margin: 0 5px 0 0;
}
footer .address .tel .icon-tel a {
  color: #4c5e56;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0;
}

footer .address .otime, footer .address .ctime {
  color: #4c5e56;
  letter-spacing: 0;
}

footer .address .otime span:nth-child(1), footer .address .ctime span:nth-child(1) {
  font-family: serif;
}

footer ul.fx {
  margin-bottom: 60px;
}

footer ul.fx li a {
  display: block;
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
  text-align: center;
  transition: 0.6s;
}

footer ul.fx li a span {
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
}

footer ul.fx .tel {
  height: 68px;
}

footer ul.fx .tel a span {
  padding: 5px 20px;
  color: #fff;
  font-size: 15px;
  font-family: Corp, sans-serif;
  background-color: #444;
  box-sizing: border-box;
}

footer ul.fx .tel img {
  margin-top: 12px;
}

@media only screen and (max-width: 780px) {
  footer ul.fx {
    display: none;
  }
}

footer small {
  color: #4c5e56;
  font-size: 14px;
}

body#top {
  min-width: 1200px;
}

body#top header {
  margin-bottom: 0px;
  border-top: 5px solid #4c5e55;
  background: #f9f4e3;
}

body#top header figure#MV.fx {
  position: absolute;
  z-index: 0;
}

body#top header figure#MV.fx .mvfadeout {
  width: 100%;
  opacity: 0;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}

body#top header figure#MV.fx .mvfadein {
  width: 100%;
  opacity: 1;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}

body#top header .inner {
  padding-top: 0px;
  padding-bottom: 30px;
  position: relative;
}

body#top header .inner h1 {
  height: 312px;
  margin-top: 20px;
  position: relative;
  left: 650px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transition: 0.3s;
}

body#top header .inner h1 span {
  color: #4c5e56;
  font-size: 40px;
  font-family: honoka;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}

body#top header .inner .hdrLogo span {
  font-size: 200px;
}

body#top header .inner .address .otime {
  color: #4c5e56;
  letter-spacing: 0em;
  float: right;
}

body#top header .inner .address .otime span {
  color: #4c5e56;
}

body#top header .inner nav#GNav {
  margin-bottom: 0px;
}

body#top header .inner nav#GNav ul li a {
  display: block;
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
  text-align: center;
  transition: .6s;
}

body#top header .inner nav#GNav ul li a span {
  color: #4c5e56;
  font-family: sans-serif;
  line-height: 1.4em;
}

body#top header .inner nav#GNav ul .tel {
  height: 68px;
}

body#top header .inner nav#GNav ul .tel a span {
  padding: 5px 20px;
  color: #fff;
  font-size: 15px;
  font-family: Corp, sans-serif;
  background-color: #444;
  box-sizing: border-box;
}

body#top header .inner nav#GNav ul .tel img {
  margin-top: 12px;
}

body#top header .inner:nth-child(2) {
  padding-top: 30px;
}

body#top header .inner:nth-child(3) {
  margin-top: 180px;
  padding-bottom: 60px;
}

body#top main section {
  padding: 60px 0;
}

body#top main section .inner p.explain {
  color: #4c5e56;
  font-size: 20px;
  font-family: honoka;
  letter-spacing: 0.2em;
  line-height: 2.5em;
  margin-bottom: 40px;
}

body#top main #sec01 {
  background: url(../images/common/back_sec.png);
}

body#top main #sec01 .inner {
  width: 1036px;
  background: url(../images/index/back_circle01.png) no-repeat;
}

body#top main #sec01 h2 {
  width: 981px;
  margin: 0 auto 40px;
  padding: 0px 0 20px;
  color: #fff;
  font-size: 26px;
  font-family: honoka;
  line-height: 3em;
  letter-spacing: 0.2em;
  text-align: center;
  background: url(../images/index/back_h2.png) no-repeat;
  box-sizing: border-box;
}

body#top main #sec01 h2::before {
  content: "";
  display: inline-block;
  width: 37px;
  height: 99px;
  margin-right: -1px;
  background: url(../images/index/back_h2_left.png) no-repeat;
  background-size: contain;
  float: left;
  position: relative;
  left: 1px;
}

body#top main #sec01 h2::after {
  content: "";
  display: inline-block;
  width: 37px;
  height: 99px;
  background: url(../images/index/back_h2_right.png) no-repeat;
  background-size: contain;
  float: right;
}

body#top main #sec01 .content {
  width: 760px;
  margin: 0 auto 80px;
}

body#top main #sec01 .content2 {
  width: 590px;
  margin-bottom: 140px;
  position: relative;
  left: 320px;
}

body#top main #sec01 .content2 span {
  font-size: 16px;
  letter-spacing: 0.1em;
}

body#top main #sec01 .example {
  margin-bottom: 60px;
  padding-top: 60px;
  background: url(../images/index/example_back.svg) center center no-repeat;
  box-sizing: border-box;
}

body#top main #sec01 .example ul {
  width: 950px;
  margin: 0 auto;
}

body#top main #sec01 .example ul li {
  color: #4c5e56;
  font-size: 20px;
  letter-spacing: 0em;
  text-align: center;
  box-sizing: border-box;
  float: left;
}

body#top main #sec01 .example ul.top li:nth-child(n+2) {
  margin-left: 10px;
}

body#top main #sec01 .example ul.top li:nth-child(odd) {
  width: 170px;
  padding: 70px 0;
  background: url(../images/index/example_circle01.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

body#top main #sec01 .example ul.top li:nth-child(even) {
  width: 200px;
  padding: 85px 0;
  background: url(../images/index/example_circle02.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

body#top main #sec01 .example ul.top li:nth-child(1), body#top main #sec01 .example ul.top li:nth-child(5) {
  margin-top: 40px;
  margin-bottom: 20px;
}

body#top main #sec01 .example ul.top li:nth-child(3) {
  margin-top: -40px;
}

body#top main #sec01 .example ul.bottom li:nth-child(n+2) {
  margin-left: 2px;
}

body#top main #sec01 .example ul.bottom li:nth-child(odd) {
  width: 200px;
  padding: 85px 0;
  background: url(../images/index/example_circle02.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

body#top main #sec01 .example ul.bottom li:nth-child(even) {
  width: 170px;
  padding: 70px 0;
  background: url(../images/index/example_circle01.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

body#top main #sec01 .example ul.bottom li:nth-child(2), body#top main #sec01 .example ul.bottom li:nth-child(4) {
  margin-top: 80px;
}

body#top main #sec01 .example ul.bottom li:nth-child(3) {
  margin-top: 160px;
}

body#top main #sec01 .content3 {
  margin-bottom: 100px;
}

body#top main #sec01 .content3 .box img {
  margin-bottom: 35px;
}

body#top main #sec01 .content3 h3 {
  margin-bottom: 35px;
  color: #4c5e56;
  font-size: 20px;
}

body#top main #sec01 .content3 p {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
}

body#top main #sec02 {
  background: #f9f4e3;
}

body#top main #sec02 .inner {
      width: 1036px;
    padding: 27px 0;
    background: url(../images/index/back_circle02.png) no-repeat;
    box-sizing: border-box;
    background-position: 12px 0px;
}

body#top main #sec02 h2 {
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#top main #sec02 .content {
  margin-bottom: 100px;
}

body#top main #sec02 .content .pic-box {
  width: 450px;
}

body#top main #sec02 .content .info-box {
  width: 480px;
}

body#top main #sec02 .content h3 {
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: relative;
  top: 50px;
  left: 40px;
}

body#top main #sec02 .content h4 {
  margin: 190px 0 30px;
  color: #4c5e56;
  font-size: 20px;
}

body#top main #sec02 .content p {
  margin-bottom: 30px;
  color: #4c5e56;
}

body#top main #sec02 .content a {
  padding: 10px 0;
  background: url(../images/index/back_course_off.svg) no-repeat;
}

body#top main #sec02 .content a span {
  padding: 0 40px;
  color: #fff;
}

body#top main #sec02 .content a span::before {
  content: ">";
  display: inline-block;
  font-size: 20px;
}

body#top main #sec02 .content a:hover {
  background: url(../images/index/back_course_on.svg) no-repeat;
}

body#top main #sec02 .content a:hover span {
  color: #4c5e56;
}

body#top main #sec02 .content:nth-child(3) {
  margin-bottom: 80px;
}

body#top main #sec02 .content:nth-child(3) h3 {
  top: 30px;
  left: 380px;
}

body#top main #sec02 .content:nth-child(3) h4 {
  margin-top: 140px;
}

body#top main #sec03 {
  padding: 100px 0 120px;
  background: url(../images/common/back_sec.png);
}

body#top main #sec03 .inner {
  width: 1020px;
}

body#top main #sec03 h2 {
  margin-bottom: 40px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#top main #sec03 .map {
  width: 1020px;
  height: 520px;
  margin-bottom: 60px;
  border: 1px solid #806239;
  box-sizing: border-box;
}

body#top main #sec03 .content {
  width: 905px;
  margin: 0 auto;
}

body#top main #sec03 .content .left-box img {
  margin-bottom: 30px;
}

body#top main #sec03 .content .left-box figcaption {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
  text-align: center;
}

body#top main #sec03 .content .right-box {
  width: 380px;
}

body#top main #sec03 .content .right-box h3 {
  margin-bottom: 10px;
  color: #4c5e56;
  font-size: 16px;
  border-bottom: 1px solid #4c5e56;
}

body#top main #sec03 .content .right-box p {
  margin-bottom: 15px;
  color: #4c5e56;
  font-size: 16px;
}

body#top main #sec03 .content .right-box .attention {
  margin-bottom: 0px;
  padding: 10px 5px;
  font-size: 14px;
  letter-spacing: 0em;
  border: 1px solid #4c5e56;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
  border-radius: 5px;
  box-sizing: border-box;
}

body#top main #sec04 {
  padding: 90px 0 0;
  background: #f9f4e3;
}

body#top main #sec04 .inner {
    background: url(../images/index/back_circle03.png) no-repeat;
    background-position: 65px 5px;
    box-sizing: border-box;
    padding-top: 30px;
}

body#top main #sec04 h2 {
  margin-bottom: 120px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#top main #sec04 .news {
  margin-bottom: 60px;
}

body#top main #sec04 article.fx {
  margin-bottom: 20px;
}

body#top main #sec04 article.fx .box.cf {
  width: 330px;
  margin-left: 20px;
}

body#top main #sec04 article.fx .box.cf time {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
  float: left;
}

body#top main #sec04 article.fx .box.cf p {
  color: #4c5e56;
  letter-spacing: 0em;
}

body#top main #sec04 article.fx .box.cf .title a{
  margin-left: 10px;
  color: #ddb653;
}

body#contact header .inner figure {
  background: url(../images/contact/top_slide.png) no-repeat center center;
  background-size: cover;
}

body#contact main {
  background: #f9f4e3;
}

body#contact main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#contact main #sec01 h2 {
  margin-bottom: 65px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#contact main #sec01 .content .box {
  width: 100%;
  max-width: 420px;
}

@media only screen and (max-width: 780px) {
  body#contact main #sec01 .content .box {
    max-width: none;
    margin-bottom: 14px;
  }
}

body#contact main #sec01 .content .input-content {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 70px;
}

@media only screen and (max-width: 780px) {
  body#contact main #sec01 .content .input-content {
    justify-content: center;
  }
}

body#contact main #sec01 .content input[type="text"], body#contact main #sec01 .content input[type="tel"], body#contact main #sec01 .content input[type="email"], body#contact main #sec01 .content textarea {
  width: 100%;
  height: 40px;
  margin-bottom: 14px;
  padding-left: 20px;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
  border: 0px;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
}

body#contact main #sec01 .content input[type="text"]::-webkit-input-placeholder, body#contact main #sec01 .content input[type="tel"]::-webkit-input-placeholder, body#contact main #sec01 .content input[type="email"]::-webkit-input-placeholder, body#contact main #sec01 .content textarea::-webkit-input-placeholder {
  color: #a1aaa5;
}

body#contact main #sec01 .content input[type="text"]::-moz-placeholder, body#contact main #sec01 .content input[type="tel"]::-moz-placeholder, body#contact main #sec01 .content input[type="email"]::-moz-placeholder, body#contact main #sec01 .content textarea::-moz-placeholder {
  color: #a1aaa5;
}

body#contact main #sec01 .content input[type="text"]:-ms-input-placeholder, body#contact main #sec01 .content input[type="tel"]:-ms-input-placeholder, body#contact main #sec01 .content input[type="email"]:-ms-input-placeholder, body#contact main #sec01 .content textarea:-ms-input-placeholder {
  color: #a1aaa5;
}

body#contact main #sec01 .content input:nth-child(4) {
  margin-bottom: 1px;
}

body#contact main #sec01 .content textarea {
  height: 200px;
  padding: 10px 20px;
  margin-bottom: 0px;
}

body#contact main #sec01 .content input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 860px;
  margin: 0 auto 66px;
  color: #fff;
  font-size: 16px;
  line-height: 3.5em;
  letter-spacing: 0.2em;
  text-align: center;
  background: url(../images/contact/back_submit.png) center center no-repeat;
  box-sizing: border-box;
  border: 0px;
  cursor: pointer;
}

body#contact main #sec01 .content input[type="submit"]:hover {
  color: #fff;
  background: url(../images/contact/back_submit_on.png) center center no-repeat;
}

body#contact main #sec01 p.attention, body#contact main #sec01 p.explain {
  width: 100%;
  max-width: 840px;
  margin: 0 auto 70px;
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: -0.1em;
}

body#contact main #sec01 p.attention {
  margin-bottom: 30px;
}

body#contact main #sec01 .separate-border {
  width: 100%;
  height: 3px;
  margin-bottom: 50px;
  background: url(../images/thanks/separate_border.png) no-repeat;
}

body#contact main #sec01 .content2 {
  margin-bottom: 290px;
  justify-content: space-around;
}

body#contact main #sec01 .content2 .box {
  text-align: center;
}

body#contact main #sec01 .content2 .box h4 {
  margin-bottom: 20px;
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.2em;
  text-align: center;
}

body#contact main #sec01 .content2 .box .contact {
  font-size: 24px;
  margin-bottom: 15px;
}

body#contact main #sec01 .content2 .box .contact a {
  font-size: 24px;
  letter-spacing: -0.1em;
  color: #4c5e56;
}

body#contact main #sec01 .content2 .box .icon-tel::before {
  margin-right: -10px;
  vertical-align: middle;
}

body#contact main #sec01 .content2 .box .mail a {
  font-size: 18px;
  text-decoration: underline;
}

body#contact main #sec01 .content2 .box .otime {
  color: #4c5e56;
}

body#contact main #sec01 .content2 .box .otime span {
  color: #4c5e56;
  letter-spacing: 0em;
}

body#contact main #sec01 .content2 .box .otime span::before {
  content: "〈";
  display: inline-block;
}

body#contact main #sec01 .content2 .box .otime span::after {
  content: "〉";
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  body#contact main #sec01 .content2 .box {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 780px) {
  body#contact main #sec01 .content2 {
    margin-bottom: 145px;
  }
}

@media only screen and (max-width: 780px) {
  body#contact main #sec01 {
    padding-top: 200px;
  }
}

body#thanks header .inner figure {
  background: url(../images/thanks/top_slide.png) no-repeat center center;
  background-size: cover;
}

body#thanks main {
  background: #f9f4e3;
}

body#thanks main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#thanks main #sec01 h2 {
  margin-bottom: 65px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#thanks main #sec01 .content_back {
  width: 100%;
  max-width: 445px;
  margin: 0 auto;
  background: url(../images/thanks/thanks_icon.svg) right bottom no-repeat;
}

@media only screen and (max-width: 780px) {
  body#thanks main #sec01 .content_back {
    max-width: 595px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 595px) {
  body#thanks main #sec01 .content_back {
    padding-bottom: 170px;
    background-position: center bottom;
    box-sizing: border-box;
  }
}

body#thanks main #sec01 .content {
  width: 100%;
  max-width: 445px;
  margin: 0 auto 85px;
  padding: 94px 115px 94px 0;
  background: url(../images/thanks/back_mes.svg) no-repeat;
  box-sizing: border-box;
}

body#thanks main #sec01 .content h3, body#thanks main #sec01 .content p.message {
  color: #4c5e56;
  letter-spacing: 0em;
  text-align: center;
}

body#thanks main #sec01 .content h3 {
  margin-bottom: 30px;
  font-size: 18px;
}

body#thanks main #sec01 .content p.message {
  font-size: 16px;
}

@media only screen and (max-width: 780px) {
  body#thanks main #sec01 .content {
    max-width: 325px;
    margin: 0 auto;
    padding: 94px 0 94px 0;
    background-position: center center;
    background-size: contain;
  }
}

body#thanks main #sec01 p.explain {
  width: 100%;
  max-width: 840px;
  margin: 0 auto 70px;
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: -0.1em;
}

body#thanks main #sec01 .separate-border {
  width: 100%;
  height: 3px;
  margin-bottom: 50px;
  background: url(../images/thanks/separate_border.png) no-repeat;
}

body#thanks main #sec01 .content2 {
  margin-bottom: 290px;
  justify-content: space-around;
}

body#thanks main #sec01 .content2 .box {
  text-align: center;
}

body#thanks main #sec01 .content2 .box h4 {
  margin-bottom: 20px;
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  text-align: center;
}

body#thanks main #sec01 .content2 .box .contact {
  font-size: 24px;
  margin-bottom: 15px;
}

body#thanks main #sec01 .content2 .box .contact a {
  font-size: 24px;
  letter-spacing: -0.1em;
  color: #4c5e56;
}

body#thanks main #sec01 .content2 .box .icon-tel::before {
  margin-right: -10px;
  vertical-align: middle;
}

body#thanks main #sec01 .content2 .box .mail a {
  font-size: 18px;
  text-decoration: underline;
}

body#thanks main #sec01 .content2 .box .otime {
  color: #4c5e56;
}

body#thanks main #sec01 .content2 .box .otime span {
  color: #4c5e56;
  letter-spacing: 0em;
}

body#thanks main #sec01 .content2 .box .otime span::before {
  content: "〈";
  display: inline-block;
}

body#thanks main #sec01 .content2 .box .otime span::after {
  content: "〉";
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  body#thanks main #sec01 .content2 .box {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 780px) {
  body#thanks main #sec01 .content2 {
    margin-bottom: 145px;
  }
}

@media only screen and (max-width: 780px) {
  body#thanks main #sec01 {
    padding-top: 200px;
  }
}

body#access header .inner figure {
  background: url(../images/access/top_slide.png) no-repeat center center;
  background-size: cover;
}

body#access main {
  background: #f9f4e3;
}

body#access main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#access main #sec01 h2 {
  margin-bottom: 65px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#access main #sec01 .map {
  width: 100%;
  height: 520px;
  margin-bottom: 60px;
  border: 1px solid #806239;
  box-sizing: border-box;
}

body#access main #sec01 .content {
  width: 100%;
  max-width: 905px;
  margin: 0 auto 100px;
}

body#access main #sec01 .content .left-box img {
  margin-bottom: 30px;
}

body#access main #sec01 .content .left-box figcaption {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
  text-align: center;
}

@media only screen and (max-width: 890px) {
  body#access main #sec01 .content .left-box {
    margin-bottom: 60px;
  }
}

body#access main #sec01 .content .right-box {
  width: 380px;
}

body#access main #sec01 .content .right-box h3 {
  margin-bottom: 10px;
  color: #4c5e56;
  font-size: 16px;
  border-bottom: 1px solid #4c5e56;
}

body#access main #sec01 .content .right-box p {
  margin-bottom: 15px;
  color: #4c5e56;
  font-size: 16px;
}

@media only screen and (max-width: 890px) {
  body#access main #sec01 .content .right-box p {
    margin-bottom: 30px;
  }
}

body#access main #sec01 .content .right-box .attention {
  margin-bottom: 0;
  padding: 10px 5px;
  font-size: 14px;
  letter-spacing: 0em;
  border: 1px solid #4c5e56;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
  border-radius: 5px;
  box-sizing: border-box;
}

@media only screen and (max-width: 890px) {
  body#access main #sec01 .content .right-box {
    width: 100%;
    max-width: 450px;
  }
}

@media only screen and (max-width: 890px) {
  body#access main #sec01 .content {
    width: auto;
    justify-content: center;
  }
}

body#news header .inner figure {
  background: url(../images/news/top_slide.png) no-repeat center center;
  background-size: cover;
}

body#news main {
  background: #f9f4e3;
}

body#news main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#news main #sec01 .content {
  margin: 0 auto 100px;
  align-items: inherit;
}

body#news main #sec01 .content .left-box {
  width: 100%;
  max-width: 605px;
}

body#news main #sec01 .content .left-box .articles {
  margin-bottom: 85px;
}

@media only screen and (max-width: 915px) {
  body#news main #sec01 .content .left-box .articles {
    margin-bottom: 45px;
    justify-content: space-around;
  }
}

body#news main #sec01 .content .left-box article.fx {
  width: 280px;
  margin-bottom: 50px;
  /*横長長方形画像*/
}

body#news main #sec01 .content .left-box article.fx .image-lengthLong {
  display: inline-block;
  width: 280px;
  height: 280px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

body#news main #sec01 .content .left-box article.fx .image-lengthLong img {
  position: absolute;
  top: -100%;
  bottom: -100%;
  margin: auto;
}

@media only screen and (max-width: 700px) {
  body#news main #sec01 .content .left-box article.fx .image-lengthLong img {
    right: -100%;
    left: -100%;
  }
}

@media only screen and (max-width: 700px) {
  body#news main #sec01 .content .left-box article.fx .image-lengthLong {
    width: 230px;
    height: 230px;
  }
}

body#news main #sec01 .content .left-box article.fx .box.cf {
  width: 100%;
  max-width: 260px;
  margin-left: 20px;
}

body#news main #sec01 .content .left-box article.fx .box.cf time {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
  float: left;
}

body#news main #sec01 .content .left-box article.fx .box.cf h2 a{
  margin-left: 10px;
  color: #ddb653;
  letter-spacing: 0em;
  float: left;
     min-width: 170px;
}

body#news main #sec01 .content .left-box article.fx .box.cf p {
  color: #4c5e56;
  letter-spacing: 0em;
  float: left;
}

@media only screen and (max-width: 700px) {
  body#news main #sec01 .content .left-box article.fx .box.cf {
    max-width: 210px;
  }
}

@media only screen and (max-width: 700px) {
  body#news main #sec01 .content .left-box article.fx {
    max-width: 230px;
  }
}

body#news main #sec01 .content .left-box .pagenavi {
  justify-content: center;
}

body#news main #sec01 .content .left-box .pagenavi .current {
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 0em;
  text-align: center;
  background: #deb653;
  -webkit-border-radius: 50%;
  /* for Safari and Chrome */
  -moz-border-radius: 50%;
  /* for Firefox */
  -o-border-radius: 50%;
  /* for opera */
  border-radius: 50%;
  margin: 0 5px;
}

body#news main #sec01 .content .left-box .pagenavi .extend, body#news main #sec01 .content .left-box .pagenavi .page-numbers {
  color: #4c5e56;
  font-size: 16px;
  margin: 0 5px;
}

@media only screen and (max-width: 915px) {
  body#news main #sec01 .content .left-box {
    max-width: 899px;
    margin-bottom: 95px;
  }
}

body#news main #sec01 .content .right-box {
  width: 100%;
  max-width: 250px;
}

body#news main #sec01 .content .right-box aside {
  margin-bottom: 85px;
}

body#news main #sec01 .content .right-box aside h3 {
  margin-bottom: 40px;
  padding: 0 0 10px 5px;
  color: #4c5e56;
  font-size: 20px;
  font-family: serif;
  border-bottom: 1px solid #4c5e56;
  box-sizing: border-box;
}

body#news main #sec01 .content .right-box aside ul li {
  margin-bottom: 40px;
  padding-left: 5px;
  box-sizing: border-box;
}

body#news main #sec01 .content .right-box aside ul li a {
  color: #4c5e56;
  font-size: 16px;
}
body#news main #sec01 .content .right-box aside select::-ms-expand,
body#blog main #sec01 .content .right-box aside select::-ms-expand {
	display: none;
}
body#news main #sec01 .content .right-box aside select,
body#blog main #sec01 .content .right-box aside select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 45px;
    background: #FFF;
    border: #4c5e56 solid 1px;
    border-radius: 10px;
    color: #4c5e56;
    font-size: 16px;
    line-height: 43px;
    padding: 0 15px;
    margin: 0;
}

@media only screen and (max-width: 915px) {
  body#news main #sec01 .content .right-box {
    max-width: none;
  }
}

@media only screen and (max-width: 915px) {
  body#news main #sec01 .content {
    margin-bottom: 15px;
    justify-content: center;
  }
}

@media only screen and (max-width: 915px) {
  body#news main #sec01 {
    padding-top: 200px;
  }
}

body#blog header .inner figure {
  background: url(../images/blog/top_slide.png) no-repeat center center;
  background-size: cover;;
}

body#blog main {
  background: #f9f4e3;
}

body#blog main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#blog main #sec01 .content {
  margin: 0 auto 15px;
  align-items: inherit;
}

body#blog main #sec01 .content .left-box {
  width: 100%;
  max-width: 605px;
}

body#blog main #sec01 .content .left-box article {
  margin-bottom: 145px;
}

body#blog main #sec01 .content .left-box article img {
  margin-bottom: 30px;
}

body#blog main #sec01 .content .left-box article .box .basic-info {
  margin-bottom: 60px;
}

body#blog main #sec01 .content .left-box article .box .basic-info h2 {
  color: #4c5e56;
  font-size: 20px;
  letter-spacing: 0em;
}

body#blog main #sec01 .content .left-box article .box .basic-info time {
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: 0em;
  float: left;
}

body#blog main #sec01 .content .left-box article .box .basic-info .category a{
  margin-left: 10px;
  font-size: 16px;
  color: #ddb653;
  letter-spacing: 0em;
  float: left;
}

body#blog main #sec01 .content .left-box article .box .detail img {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

body#blog main #sec01 .content .left-box article .box .detail p {
  color: #4c5e56;
  font-size: 16px;
}

body#blog main #sec01 .content .left-box article .box .detail p, body#blog main #sec01 .content .left-box article .box .detail img {
  margin-bottom: 30px;
}

@media only screen and (max-width: 915px) {
  body#blog main #sec01 .content .left-box article {
    margin-bottom: 85px;
  }
}

body#blog main #sec01 .content .left-box .pagenavi {
  padding: 30px 15px 0;
  border-top: 1px solid #4c5e56;
  box-sizing: border-box;
}

body#blog main #sec01 .content .left-box .pagenavi a {
  color: #4c5e56;
  font-size: 16px;
  box-shadow: border-box;
}

body#blog main #sec01 .content .left-box .pagenavi .pre::before {
  content: "<";
  display: inline-block;
}

body#blog main #sec01 .content .left-box .pagenavi .next::after {
  content: ">";
  display: inline-block;
}

@media only screen and (max-width: 915px) {
  body#blog main #sec01 .content .left-box {
    max-width: none;
    margin-bottom: 95px;
  }
}

body#blog main #sec01 .content .right-box {
  width: 100%;
  max-width: 250px;
}

body#blog main #sec01 .content .right-box aside {
  margin-bottom: 85px;
}

body#blog main #sec01 .content .right-box aside h3 {
  margin-bottom: 40px;
  padding: 0 0 10px 5px;
  color: #4c5e56;
  font-size: 20px;
  font-family: serif;
  border-bottom: 1px solid #4c5e56;
  box-sizing: border-box;
}

body#blog main #sec01 .content .right-box aside ul li {
  margin-bottom: 40px;
  padding-left: 5px;
  box-sizing: border-box;
}

body#blog main #sec01 .content .right-box aside ul li a {
  color: #4c5e56;
  font-size: 16px;
}

@media only screen and (max-width: 915px) {
  body#blog main #sec01 .content .right-box {
    max-width: none;
  }
}

@media only screen and (max-width: 915px) {
  body#blog main #sec01 {
    padding-top: 200px;
  }
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- front-page only -> --idutsuya追       */
/* =====>=====>=====>=====>=====>=====>===== */

.sp-1198{
  display: none;
}
@media only screen and (max-width: 1198px) {
.sp-1198{
  display: block;
}
.pc-1198{
  display: none;
}
body#top {
    min-width: 100%;
}
body#top header .fx {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
body#top main section {
    padding: 10vw 0;
}
body#top header .inner .hdrLogo span {
    font-size: 40vw;
}
body#top header .inner h1 {
    height: 40vw;
    margin-top: 20px;
    position: absolute;
    left: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transition: 0.3s;
    right: 5vw;
    top: 20vw;
    text-shadow: 1px 1px 1px #fff;
}
body#top header .inner h1 span {
    color: #4c5e56;
    font-size: 5vw;
    font-family: honoka;
    letter-spacing: 0.2em;
    line-height: 0.5em;
    transition: 3s ease-in-out;
    -webkit-transition: 3s ease-in-out;
}
body#top header .inner:nth-child(3) {
    display: none;
}
body#top main #sec01 .inner {
    width: 100%;
    background: url(../images/index/back_circle01.png) no-repeat;
}
body#top main #sec01 .content {
    width: 100%;
    margin: 10vw auto 5vw;
    text-align: center;
    display: block;
}
body#top main #sec01 .content2 {
    width: 90%;
    margin-bottom: 10vw;
    position: relative;
    left: 0;
    margin: 0 auto;
}
body#top main #sec01 .content2 span {
    font-size: 4.2vw;
    letter-spacing: 0.1em;
}
body#top main section .inner p.explain {
    color: #4c5e56;
    font-size: 5.2vw;
    font-family: honoka;
    letter-spacing: 0.2em;
    line-height: 1.5em;
    margin-bottom: 5vw;
}
body#top main #sec02 .inner {
    width: 100%;
    padding-bottom: 5px;
    background: url(../images/index/back_circle02.png) no-repeat;
    box-sizing: border-box;
}
body#top main #sec03 .inner {
    width: 100%;
}
body#top main #sec01 h2 {
    width: 80vw;
    margin: 10vw auto;
    padding: 0px 10vw 20px;
    color: #fff;
    font-size: 5.2vw;
    font-family: honoka;
    line-height: 2em;
    letter-spacing: 0em;
    text-align: center;
    background: url(../images/index/back_h2.png) no-repeat;
    box-sizing: content-box;
    background-position: center center;
}
body#top main #sec01 h2::before {
    content: "";
    display: none;
    width: 37px;
    height: 99px;
    margin-right: -1px;
    background: url(../images/index/back_h2_left.png) no-repeat;
    background-size: contain;
    float: left;
    position: relative;
    left: 1px;
}
body#top main #sec01 h2::after {
    content: "";
    display: none;
    width: 37px;
    height: 99px;
    background: url(../images/index/back_h2_right.png) no-repeat;
    background-size: contain;
    float: right;
}
body#top main #sec01 .example {
    margin-bottom: 10vw;
    padding-top: 0;
    background: url(../images/index/example_back.svg) center center no-repeat;
    box-sizing: border-box;
}
body#top main #sec01 .example ul.top li:nth-child(odd) {
      width: 30vw;
    padding: 15vw 0;
    background: url(../images/index/example_circle01.svg) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    margin: 0;
}
body#top main #sec01 .example ul.top li:nth-child(even) {
    width: 30vw;
    padding: 15vw 0;
    background: url(../images/index/example_circle02.svg) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    margin: 0;
}
body#top main #sec01 .example ul.bottom li:nth-child(odd) {
      width: 30vw;
    padding: 15vw 0;
    background: url(../images/index/example_circle01.svg) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    margin: 0;
}
body#top main #sec01 .example ul.bottom li:nth-child(even) {
    width: 30vw;
    padding: 15vw 0;
    background: url(../images/index/example_circle02.svg) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    margin: 0;
}
body#top main #sec01 .example ul {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body#top main #sec01 .example ul li {
    color: #4c5e56;
    font-size: 4.2vw;
    letter-spacing: 0em;
    text-align: center;
    box-sizing: border-box;
    float: left;
}
body#top main #sec01 .example ul.bottom{
    margin-top: 40vw;
}
body#top main #sec01 .content3 {
    display: block;
    width: 95%;
    margin: 0 auto 10vw;
}
body#top main #sec01 .content3 h3 {
    margin-bottom: 5vw;
    color: #4c5e56;
    font-size: 4.9vw;
}
body#top main #sec01 .content3 p {
    color: #4c5e56;
    font-size: 4.2vw;
    letter-spacing: 0em;
    margin-bottom: 5vw;
}
body#top main #sec01 .content3 > img{
    width: 100%;
}
body#top main #sec02 .content {
    margin-bottom: 10vw;
    display: block;
    width: 95%;
    margin: 0 auto;
}
body#top main #sec02 .content .pic-box img{
    width: 100%;
}
body#top main #sec02 .content .info-box {
    width: auto;
    text-align: center;
}
body#top main #sec02 .content h4 {
    margin: 10vw 0 5vw;
    color: #4c5e56;
    font-size: 4.9vw;
}
body#top main #sec02 .content p {
    margin-bottom: 5vw;
    color: #4c5e56;
}
body#top main #sec02 .content .pic-box {
    width: 100%;
}
body#top main #sec02 .content:nth-child(3) {
    margin-bottom: 0;
}
body#top main #sec02 .content:nth-child(3) h4 {
    margin-top: 15vw;
}
body#top main #sec02 .content:nth-child(3) h3 {
    top: 10vw;
    left: 7vw;
}
body#top main #sec02 .content:nth-child(3) img{
    width: 100%;
}
body#top main #sec03 {
    padding: 15vw 0 15vw;
    background: url(../images/common/back_sec.png);
}
body#top main #sec03 h2 {
    color: #4c5e56;
    font-size: 5.2vw;
    font-family: honoka;
    text-align: center;
    width: 95%;
    margin: 0 auto 5vw;
}
body#top main #sec03 .map {
    width: 95%;
    height: 80vw;
    border: 1px solid #806239;
    box-sizing: border-box;
    margin: 0 auto 10vw;
}
body#top main #sec03 .content {
    width: 100%;
    margin: 0 auto;
}
body#top main #sec03 .content .left-box img {
    margin-bottom: 5vw;
    width: 100%;
}
body#top main #sec03 .content .left-box figcaption {
    color: #4c5e56;
    font-size: 4.2vw;
    letter-spacing: 0em;
    text-align: center;
    width: 95%;
    margin: 0 auto 5vw;
}
body#top main #sec03 .content .right-box {
    width: 95%;
    margin: 0 auto;
}
body#top main #sec03 .content .right-box h3 {
    margin-bottom: 3vw;
    color: #4c5e56;
    font-size: 4.2vw;
    border-bottom: 1px solid #4c5e56;
}
body#top main #sec03 .content .right-box p {
    margin-bottom: 15px;
    color: #4c5e56;
    font-size: 4.6vw;
    letter-spacing: -0.05em;
}
body#top main #sec03 .content .right-box .attention {
    margin-bottom: 0px;
    padding: 2vw 1vw;
    font-size: 3.9vw;
    letter-spacing: 0em;
    border: 1px solid #4c5e56;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}
body#top main #sec04 {
    padding: 10vw 0 0;
    background: #f9f4e3;
}
body#top main #sec04 h2 {
    margin-bottom: 10vw;
    color: #4c5e56;
    font-size: 7.2vw;
    font-family: honoka;
    text-align: center;
}
body#top main #sec04 article.fx {
    margin-bottom: 20px;
    width: 48%;
}
body#top main #sec04 article.fx > img{
    width: 100%;
}
body#top main #sec04 article.fx .box.cf {
    width: 100%;
    margin: 2vw auto 0;
}
body#top main #sec04 article.fx .box.cf time {
    color: #4c5e56;
    font-size: 4.2vw;
    letter-spacing: 0em;
    float: left;
}
body#top main #sec04 article.fx .box.cf .title {
    margin-left: 2vw;
    color: #ddb653;
    font-size: 4.2vw;
}
body#top main #sec04 article.fx .box.cf p {
    color: #4c5e56;
    letter-spacing: 0em;
    float: left;
    font-size: 4.4vw;
}

/*はちまん鍼灸院について*/
body#about main #sec01 {
    padding-top: 105px;
    background: url(../images/common/back_main.svg) no-repeat;
    background-position: center 80px;
}

/*診療案内*/
body#information main #sec01 {
    padding-top: 105px;
    background: url(../images/common/back_main.svg) no-repeat;
    background-position: center 80px;
}

/*診療案内*/
body#flow main #sec01 {
    padding-top: 105px;
    background: url(../images/common/back_main.svg) no-repeat;
    background-position: center 80px;
}
}

body#about header .inner figure {
  background: url(../images/about/top_slide.png) no-repeat left 12.5% center;
  background-size: cover;
}
body#flow header .inner figure {
  background: url(../images/flow/top_slide.png) no-repeat right 37.5% center;
  background-size: cover;
}
body#information header .inner figure {
  background: url(../images/information/top_slide.png) no-repeat center center;
  background-size: cover;
}
body#cost header .inner figure {
  background: url(../images/price/top_slide.png) no-repeat center center;
  background-size: cover;
}
.img_max img{
  width: 100%;
}
a.disabled   {
  pointer-events: none;
}

body#confirmation header .inner figure {
  background: url(../images/contact/top_slide.png) no-repeat;
}

body#confirmation main {
  background: #f9f4e3;
}

body#confirmation main #sec01 {
  padding-top: 245px;
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
}

body#confirmation main #sec01 h2 {
  margin-bottom: 65px;
  color: #4c5e56;
  font-size: 26px;
  font-family: honoka;
  text-align: center;
}

body#confirmation main #sec01 .content .box {
  width: 100%;
  max-width: 420px;
}

@media only screen and (max-width: 780px) {
  body#confirmation main #sec01 .content .box {
    max-width: none;
    margin-bottom: 14px;
  }
}

body#confirmation main #sec01 .content .input-content {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 70px;
}

@media only screen and (max-width: 780px) {
  body#confirmation main #sec01 .content .input-content {
    justify-content: center;
  }
}

body#confirmation main #sec01 .content input[type="text"], body#confirmation main #sec01 .content input[type="tel"], body#confirmation main #sec01 .content input[type="email"], body#confirmation main #sec01 .content textarea {
  width: 100%;
  height: 40px;
  margin-bottom: 14px;
  padding-left: 20px;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
  border: 0px;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
}

body#confirmation main #sec01 .content input[type="text"]::-webkit-input-placeholder, body#confirmation main #sec01 .content input[type="tel"]::-webkit-input-placeholder, body#confirmation main #sec01 .content input[type="email"]::-webkit-input-placeholder, body#confirmation main #sec01 .content textarea::-webkit-input-placeholder {
  color: #a1aaa5;
}

body#confirmation main #sec01 .content input[type="text"]::-moz-placeholder, body#confirmation main #sec01 .content input[type="tel"]::-moz-placeholder, body#confirmation main #sec01 .content input[type="email"]::-moz-placeholder, body#confirmation main #sec01 .content textarea::-moz-placeholder {
  color: #a1aaa5;
}

body#confirmation main #sec01 .content input[type="text"]:-ms-input-placeholder, body#confirmation main #sec01 .content input[type="tel"]:-ms-input-placeholder, body#confirmation main #sec01 .content input[type="email"]:-ms-input-placeholder, body#confirmation main #sec01 .content textarea:-ms-input-placeholder {
  color: #a1aaa5;
}

body#confirmation main #sec01 .content input:nth-child(4) {
  margin-bottom: 1px;
}

body#confirmation main #sec01 .content textarea {
  height: 200px;
  padding: 10px 20px;
  margin-bottom: 0px;
}

body#confirmation main #sec01 .content input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 860px;
  margin: 0 auto 66px;
  color: #fff;
  font-size: 16px;
  line-height: 3.5em;
  letter-spacing: 0.2em;
  text-align: center;
  background: url(../images/contact/back_submit.png) center center no-repeat;
  box-sizing: border-box;
  border: 0px;
  cursor: pointer;
}

body#confirmation main #sec01 .content input[type="submit"]:hover {
  color: #fff;
  background: url(../images/contact/back_submit_on.png) center center no-repeat;
}

body#confirmation main #sec01 p.attention, body#confirmation main #sec01 p.explain {
  width: 100%;
  max-width: 840px;
  margin: 0 auto 70px;
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: -0.1em;
}

body#confirmation main #sec01 p.attention {
  margin-bottom: 30px;
}

body#confirmation main #sec01 .separate-border {
  width: 100%;
  height: 3px;
  margin-bottom: 50px;
  background: url(../images/thanks/separate_border.png) no-repeat;
}

body#confirmation main #sec01 .content2 {
  margin-bottom: 290px;
  justify-content: space-around;
}

body#confirmation main #sec01 .content2 .box {
  text-align: center;
}

body#confirmation main #sec01 .content2 .box h4 {
  margin-bottom: 20px;
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.2em;
  text-align: center;
}

body#confirmation main #sec01 .content2 .box .contact {
  font-size: 24px;
  margin-bottom: 15px;
}

body#confirmation main #sec01 .content2 .box .contact a {
  font-size: 24px;
  letter-spacing: -0.1em;
  color: #4c5e56;
}

body#confirmation main #sec01 .content2 .box .icon-tel::before {
  margin-right: -10px;
  vertical-align: middle;
}

body#confirmation main #sec01 .content2 .box .mail a {
  font-size: 18px;
  text-decoration: underline;
}

body#confirmation main #sec01 .content2 .box .otime {
  color: #4c5e56;
}

body#confirmation main #sec01 .content2 .box .otime span {
  color: #4c5e56;
  letter-spacing: 0em;
}

body#confirmation main #sec01 .content2 .box .otime span::before {
  content: "〈";
  display: inline-block;
}

body#confirmation main #sec01 .content2 .box .otime span::after {
  content: "〉";
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  body#confirmation main #sec01 .content2 .box {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 780px) {
  body#confirmation main #sec01 .content2 {
    margin-bottom: 145px;
  }
}

@media only screen and (max-width: 780px) {
  body#confirmation main #sec01 {
    padding-top: 200px;
  }
}

.mw_wp_form_confirm .confirmation_box{
    margin: 1vw 1vw;
    font-size: 18px;
    padding: 1vw;
    box-sizing: border-box;
    background: #fff;
}

body main .mainTtl {
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 50px;
}
body main .mainTtl::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 58px;
    height: 54px;
    background: url("../images/back-title.png") no-repeat center center;
    background-size: cover;
}
body main .mainTtl h2 {
    position: relative;
    z-index: 9;
    color: #4c5e56;
    font-size: 28px;
    letter-spacing: 0.1em;
    font-family: honoka;
}

@media only screen and (max-width: 780px) {
body main .mainTtl {
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 50px;
}
body main .mainTtl::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 58px;
    height: 54px;
    background: url("../images/back-title.png") no-repeat center center;
    background-size: cover;
}
body main .mainTtl h2 {
    position: relative;
    z-index: 9;
    color: #4c5e56;
    font-size: 24px;
    letter-spacing: 0.1em;
    font-family: honoka;
}
}

/*about*/
body#about main {
  background: #f9f4e3;
}
body#about main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 245px 0 100px;
}
body#about main #sec01 h2 {
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  text-indent: 0.1em;
  margin: 0 0 25px;
}
body#about main #sec01 h2 br {
  display: none;
}
body#about main #sec01 .explain {
  position: relative;
  color: #4c5e56;
  font-size: 16px;
  padding: 25px 125px 25px 0;
}
body#about main #sec01 .explain::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 88px;
  height: 142px;
  background: url("../images/about/back-icon.svg") no-repeat right center;
  background-size: contain;
  margin: auto 0;
}

body#about main #sec02 {
  background: url(../images/about/back_circle01.png) no-repeat center top 50px, url(../images/common/back_sec.png);
  padding: 100px 0;
}
body#about main #sec02 .top-box.fx {
    align-items: flex-start;
}
body#about main #sec02 .bottom-box.fx {
    align-items: flex-end;
}
body#about main #sec02 .fx .left-box,
body#about main #sec02 .fx .right-box {
    width: 50%;
}
body#about main #sec02 .top-box .left-box {
    width: 40%;
}
body#about main #sec02 .bottom-box .left-box {
    width: 45%;
}
body#about main #sec02 .fx .left-box img,
body#about main #sec02 .fx .right-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#about main #sec02 .top-box .right-box img {
    display: block;
    margin: 150px 0 0 auto;
}
body#about main #sec02 div.message {
  padding: 0 0 100px 50px;
  margin: -25px 0 0;
}
body#about main #sec02 h3,
body#about main #sec02 .bottom-box .detail {
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  margin: 0 0 25px;
}
body#about main #sec02 h3 {
  margin: 25px 0;
}
body#about main #sec02 p {
  color: #4c5e56;
  font-size: 16px;
}
body#about main #sec02 p.subject {
  letter-spacing: 0.5em;
}
body#about main #sec02 p.name {
  font-size: 22px;
  letter-spacing: 0.5em;
  margin: 0 0 25px;
}
body#about main #sec02 p.name span {
  font-family: honoka;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 0 0 0 1em;
}
body#about main #sec02 p.name br {
  display: none;
}

body#about main #sec03 {
  padding: 100px 0 0;
}
body#about main #sec03 .bottom-box {
    margin: -50px 0 0;
}
body#about main #sec03 .fx {
}
body#about main #sec03 .fx .box {
    width: 45%;
}
body#about main #sec03 .fx .box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#about main #sec03 .fx .box h3 {
    color: #4c5e56;
    font-size: 24px;
    font-family: honoka;
    letter-spacing: 0.1em;
    padding: 0 0 25px;
}
body#about main #sec03 .fx .box p {
    color: #4c5e56;
    font-size: 16px;
}
body#about main #sec03 .img-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
body#about main #sec03 .img-box img.img2 {
    margin: 225px 0 0 -50px;
}
body#about main #sec03 .img-box p {
    color: #4c5e56;
    font-size: 16px;
    margin: 375px 0 0 50px;
}

@media only screen and (max-width: 780px) {
body#about main {
  background: #f9f4e3;
}
body#about main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 200px 0 25px;
}
body#about main #sec01 h2 {
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  text-indent: 0.1em;
  margin: 0 0 25px;
}
body#about main #sec01 h2 br {
  display: inline;
}
body#about main #sec01 .explain {
  position: relative;
  color: #4c5e56;
  font-size: 16px;
  padding: 0 0 167px;
}
body#about main #sec01 .explain::after {
  content: "";
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 25px;
  right: 0;
  width: 88px;
  height: 142px;
  background: url("../images/about/back-icon.svg") no-repeat right center;
  background-size: contain;
  margin: 0 auto;
}

body#about main #sec02 {
  background: url(../images/about/back_circle01.png) no-repeat center top 50px, url(../images/common/back_sec.png);
  padding: 75px 0 50px;
}
body#about main #sec02 .top-box.fx {
    align-items: flex-start;
}
body#about main #sec02 .bottom-box.fx {
    align-items: flex-end;
}
body#about main #sec02 .fx .left-box,
body#about main #sec02 .fx .right-box {
    width: 100%;
    margin: 0 0 25px;
}
body#about main #sec02 .top-box .left-box {
    width: 100%;
}
body#about main #sec02 .bottom-box .left-box {
    width: 100%;
}
body#about main #sec02 .fx .left-box img,
body#about main #sec02 .fx .right-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#about main #sec02 .top-box .right-box img {
    display: block;
    margin: 25px 0;
}
body#about main #sec02 div.message {
  padding: 0 0 75px;
  margin: 0;
}
body#about main #sec02 h3,
body#about main #sec02 .bottom-box .detail {
  color: #4c5e56;
  font-size: 22px;
  font-family: honoka;
  letter-spacing: 0.1em;
  margin: 0 0 25px;
}
body#about main #sec02 h3 {
  margin: 15px 0;
}
body#about main #sec02 p {
  color: #4c5e56;
  font-size: 16px;
}
body#about main #sec02 p.subject {
  letter-spacing: 0.5em;
}
body#about main #sec02 p.name {
  font-size: 22px;
  letter-spacing: 0.5em;
  margin: 0 0 25px;
}
body#about main #sec02 p.name span {
  font-family: honoka;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 0 0 0 1em;
}
body#about main #sec02 p.name br {
  display: none;
}

body#about main #sec03 {
  padding: 75px 0 0;
}
body#about main #sec03 .bottom-box {
    flex-direction: column-reverse;
    margin: 0;
}
body#about main #sec03 .fx {
}
body#about main #sec03 .top-box,
body#about main #sec03 .bottom-box {
    margin: 0 0 25px;
}
body#about main #sec03 .fx .box {
    width: 100%;
    margin: 0 0 25px;
}
body#about main #sec03 .fx .box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#about main #sec03 .fx .box h3 {
    color: #4c5e56;
    font-size: 22px;
    font-family: honoka;
    letter-spacing: 0.1em;
    padding: 0 0 15px;
}
body#about main #sec03 .fx .box p {
    color: #4c5e56;
    font-size: 16px;
}
body#about main #sec03 .img-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 50px;
}
body#about main #sec03 .img-box img {
    width: 60vw;
    max-width: 315px;
}
body#about main #sec03 .img-box img.img2 {
    width: 40vw;
    max-width: 270px;
    margin: -75px 0 0 150px;
}
body#about main #sec03 .img-box p {
    width: 100%;
    color: #4c5e56;
    font-size: 16px;
    text-align: center;
    margin: 15px 0 0;
}
}

/*information*/
body#information main {
  background: #f9f4e3;
}
body#information main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 245px 0 25px;
}
body#information main #sec01 .information-box.fx {
    align-items: flex-start;
    padding: 0 0 75px;
}
body#information main #sec01 .information-box.fx .left-box {
    width: 45%;
}
body#information main #sec01 .information-box.fx .right-box {
    width: 50%;
    padding: 125px 0 0;
}
body#information main #sec01 .information-box.fx .left-box img,
body#information main #sec01 .information-box.fx .right-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#information main #sec01 .box {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin: 0 0 75px;
}
body#information main #sec01 .box1 {
    position: relative;
    padding: 50px 225px 50px 50px;
}
body#information main #sec01 .box2 {
    position: relative;
    padding: 50px 25px 250px;
}
body#information main #sec01 .box1 img.icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    width: 165px;
    height: 260px;
    margin: auto 0;
}
body#information main #sec01 .box ul {
    justify-content: flex-start;
    background: #f5e8ca;
    border-radius: 5px;
    padding: 25px;
    margin: 25px 0 0;
}
body#information main #sec01 .box ul li {
    color: #4c5e56;
  font-size: 18px;
  margin: 0 25px 0 0;
}
body#information main #sec01 .introduce.fx {
    padding: 0 25px 25px;
}
body#information main #sec01 .reverse.fx {
    flex-direction: column-reverse;
}
body#information main #sec01 .introduce.fx .txt-box {
    width: 60%;
}
body#information main #sec01 .introduce.fx .img-box {
    position: relative;
    width: 35%;
}
body#information main #sec01 .introduce.fx .img-box img.img {
    position: absolute;
    bottom: -200px;
    right: -125px;
}
body#information main #sec01 .introduce.fx .img-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#information main #sec01 h3 {
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  margin: 0 0 25px;
}
body#information main #sec01 .box2 h3 {
    position: relative;
    line-height: 1.5;
    padding: 25px 0 25px 120px;
    margin: 0 0 50px 25px;
}
body#information main #sec01 .box2 h3 br {
    display: none;
}
body#information main #sec01 .box2 h3::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 106px;
    height: 103px;
    background: url("../images/information/pickup.svg") no-repeat center center;
    background-size: cover;
    margin: auto 0;
}
body#information main #sec01 h4 {
    background: #f5e8ca;
    border-radius: 5px;
    color: #4c5e56;
    padding: 15px 25px;
    margin: 25px 0;
}
body#information main #sec01 h4 span {
    font-family: honoka;
    font-size: 24px;
}
body#information main #sec01 h5 {
  color: #4c5e56;
  font-size: 20px;
  margin: 0 0 25px;
}
body#information main #sec01 p {
  color: #4c5e56;
  font-size: 16px;
}
body#information main #sec01 .box1 p {
    font-size: 18px;
}
body#information main #sec02 {
  background: url(../images/common/back_sec.png);
  padding: 100px 0 0;
}
body#information main #sec02 .detail.fx {
    align-items: stretch;
}
body#information main #sec02 .detail .box {
    overflow: hidden;
    width: 48.75%;
    min-height: 225px;
    border: #deb653 solid 2px;
    border-radius: 10px;
    margin: 0 0 15px;
}
body#information main #sec02 .detail .box h3 {
    background: #f5e8ca;
    color: #4c5e56;
    font-size: 20px;
    padding: 10px 25px;
}
body#information main #sec02 .detail .box p {
    color: #4c5e56;
    font-size: 16px;
    padding: 25px 125px 25px 25px;
}
body#information main #sec02 .detail .box:nth-of-type(1) {
    background: url("../images/information/icon01.svg") no-repeat right 25px bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(2) {
    background: url("../images/information/icon02.svg") no-repeat right 15px bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(3) {
    background: url("../images/information/icon03.svg") no-repeat right 15px bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(4) {
    background: url("../images/information/icon04.svg") no-repeat right 25px bottom 15px;
}

@media only screen and (max-width: 780px) {
body#information main {
  background: #f9f4e3;
}
body#information main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 200px 0 25px;
}
body#information main #sec01 .information-box.fx {
    align-items: flex-start;
    padding: 0 0 50px;
}
body#information main #sec01 .information-box.fx .left-box {
    width: 100%;
}
body#information main #sec01 .information-box.fx .right-box {
    width: 100%;
    padding: 25px 0 0;
}
body#information main #sec01 .information-box.fx .left-box img,
body#information main #sec01 .information-box.fx .right-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#information main #sec01 .box {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin: 0 0 50px;
}
body#information main #sec01 .box1 {
    position: relative;
    padding: 25px 25px 300px;
}
body#information main #sec01 .box2 {
    position: relative;
    padding: 25px;
}
body#information main #sec01 .box1 img.icon {
    position: absolute;
    top: inherit;
    bottom: 15px;
    left: 25px;
    right: 0;
    width: 165px;
    height: 260px;
    margin: 0 auto;
}
body#information main #sec01 .box ul {
    justify-content: flex-start;
    background: #f5e8ca;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0 0;
}
body#information main #sec01 .box ul li {
    color: #4c5e56;
  font-size: 16px;
  margin: 0 25px 0 0;
}
body#information main #sec01 .introduce.fx {
    padding: 0 0 50px;
}
body#information main #sec01 .introduce.fx .txt-box {
    width: 100%;
    margin: 15px 0 0;
}
body#information main #sec01 .introduce.fx .img-box {
    position: relative;
    width: 60vw;
    max-width: 315px;
    margin: 0 auto;
}
body#information main #sec01 .introduce.fx .img-box.img {
    padding: 0 0 50px;
}
body#information main #sec01 .introduce.fx .img-box img.img {
    position: absolute;
    bottom: 0;
    right: -40px;
    width: 40vw;
    max-width: 270px;
}
body#information main #sec01 .introduce.fx .img-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}
body#information main #sec01 h3 {
  color: #4c5e56;
  font-size: 22px;
  font-family: honoka;
  letter-spacing: 0.1em;
  margin: 0 0 15px;
}
body#information main #sec01 .box2 h3 {
    position: relative;
    line-height: 1.5;
    padding: 25px 0 25px 120px;
    margin: 0 0 25px;
}
body#information main #sec01 .box2 h3 br {
    display: inline;
}
body#information main #sec01 .box2 h3::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 106px;
    height: 103px;
    background: url("../images/information/pickup.svg") no-repeat center center;
    background-size: cover;
    margin: auto 0;
}
body#information main #sec01 h4 {
    background: #f5e8ca;
    border-radius: 5px;
    color: #4c5e56;
    padding: 15px;
    margin: 25px 0;
}
body#information main #sec01 h4 span {
    font-family: honoka;
    font-size: 24px;
}
body#information main #sec01 h5 {
  color: #4c5e56;
  font-size: 20px;
  margin: 0 0 15px;
}
body#information main #sec01 p {
  color: #4c5e56;
  font-size: 16px;
}
body#information main #sec01 .box1 p {
    font-size: 16px;
}
body#information main #sec02 {
  background: url(../images/common/back_sec.png);
  padding: 75px 0 0;
}
body#information main #sec02 .detail.fx {
    align-items: stretch;
}
body#information main #sec02 .detail .box {
    overflow: hidden;
    width: 100%;
    min-height: 225px;
    border: #deb653 solid 2px;
    border-radius: 10px;
    margin: 0 0 15px;
}
body#information main #sec02 .detail .box h3 {
    background: #f5e8ca;
    color: #4c5e56;
    font-size: 20px;
    padding: 10px 25px;
}
body#information main #sec02 .detail .box p {
    color: #4c5e56;
    font-size: 16px;
    padding: 15px 25px 140px 25px;
}
body#information main #sec02 .detail .box:nth-of-type(1) p {
    color: #4c5e56;
    font-size: 16px;
    padding: 15px 100px 15px 25px;
}
body#information main #sec02 .detail .box:nth-of-type(2) p {
    color: #4c5e56;
    font-size: 16px;
    padding: 15px 25px 90px 25px;
}
body#information main #sec02 .detail .box:nth-of-type(1) {
    background: url("../images/information/icon01.svg") no-repeat right 15px bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(2) {
    background: url("../images/information/icon02.svg") no-repeat center bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(3) {
    background: url("../images/information/icon03.svg") no-repeat center bottom 15px;
}
body#information main #sec02 .detail .box:nth-of-type(4) {
    background: url("../images/information/icon04.svg") no-repeat center bottom 15px;
}
}

/*flow*/
body#flow main {
  background: #f9f4e3;
}
body#flow main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 245px 0 50px;
}
body#flow main #sec01 .fx {
}
body#flow main #sec02 .fx {
    align-items: flex-end;
}
body#flow main #sec01 .fx .left-box,
body#flow main #sec02 .fx .left-box {
    width: 45%;
    text-align: center;
}
body#flow main #sec01 .fx .left-box {
    padding: 0 0 75px;
}
body#flow main #sec02 .fx .left-box {
    padding: 0 0 50px;
}
body#flow main #sec01 .fx .left-box img,
body#flow main #sec02 .fx .left-box img {
    position: relative;
    z-index: 9;
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
body#flow main #sec01 .fx .left-box .line {
    position: relative;
}
body#flow main #sec01 .fx .left-box .line::after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: -100px;
    left: 0;
    right: 0;
    width: 1px;
    height: 100px;
    background: #4c5e56;
    margin: 0 auto;
}
body#flow main #sec01 .fx .right-box,
body#flow main #sec02 .fx .right-box {
    width: 50%;
}
body#flow main #sec02 .fx .right-box {
    padding: 0 0 75px;
}
body#flow main #sec01 .fx .right-box h3,
body#flow main #sec02 .fx .right-box h3 {
  position: relative;
  background: #f5e9cb;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  padding: 15px;
  margin: 0 0 25px;
}
body#flow main #sec01 .fx .right-box h3 img {
  position: absolute;
  top: -52px;
  right: 15px;
  width: 90px;
  height: 52px;
}
body#flow main #sec01 .fx .right-box p,
body#flow main #sec02 .fx .right-box p {
  color: #4c5e56;
  font-size: 16px;
}
body#flow main #sec01 .fx .right-box p {
  padding: 0 15px;
}
body#flow main #sec01 .fx .right-box .box {
    display: flex;
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
    margin: 25px 0 0;
}
body#flow main #sec01 .fx .right-box .box .left-content {
    width: 55%;
    padding: 0 5% 0 0;
}
body#flow main #sec01 .fx .right-box .box .left-content h4 {
    position: relative;
    color: #4c5e56;
    font-size: 20px;
    padding: 15px 0 15px 85px;
    margin: 0 0 10px;
}
body#flow main #sec01 .fx .right-box .box .left-content h4::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 66px;
    background: url("../images/flow/check.svg") no-repeat center center;
    background-size: cover;
    margin: auto 0;
}
body#flow main #sec01 .fx .right-box .box .left-content p {
    padding: 0;
}
body#flow main #sec01 .fx .right-box .box .right-content {
    width: 40%;
}
body#flow main #sec01 .fx .right-box .box .right-content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

body#flow main #sec02 {
  background: url(../images/common/back_sec.png);
  padding: 100px 0 0;
}
body#flow main #sec02 .fx .right-box {
  position: relative;
}
body#flow main #sec02 .fx .right-box img.attention {
    content: "";
    position: absolute;
    top: -200px;
    right: 0;
    width: 196px;
    height: 175px;
    background: url("../images/flow/img08.png") no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 780px) {
body#flow main {
  background: #f9f4e3;
}
body#flow main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 200px 0 50px;
}
body#flow main #sec01 .fx {
    margin: 0 0 50px;
}
body#flow main #sec02 .fx {
    align-items: flex-end;
}
body#flow main #sec01 .fx .left-box,
body#flow main #sec02 .fx .left-box {
    width: 100%;
    text-align: center;
}
body#flow main #sec01 .fx .left-box {
    padding: 0 0 15px;
}
body#flow main #sec02 .fx .left-box {
    padding: 0 0 25px;
}
body#flow main #sec01 .fx .left-box img,
body#flow main #sec02 .fx .left-box img {
    position: relative;
    z-index: 9;
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
body#flow main #sec01 .fx .left-box img {
    width: 60vw;
    max-width: 315px;
}
body#flow main #sec01 .fx .left-box .line {
    position: relative;
}
body#flow main #sec01 .fx .left-box .line::after {
    content: none;
}
body#flow main #sec01 .fx .right-box,
body#flow main #sec02 .fx .right-box {
    width: 100%;
}
body#flow main #sec02 .fx .right-box {
    padding: 0 0 75px;
}
body#flow main #sec01 .fx .right-box h3,
body#flow main #sec02 .fx .right-box h3 {
  position: relative;
  background: #f5e9cb;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #4c5e56;
  font-size: 20px;
  font-family: honoka;
  letter-spacing: 0.1em;
  padding: 15px;
  margin: 0 0 15px;
}
body#flow main #sec01 .fx .right-box h3 img {
  position: absolute;
  top: -52px;
  right: 15px;
  width: 90px;
  height: 52px;
}
body#flow main #sec01 .fx .right-box p,
body#flow main #sec02 .fx .right-box p {
  color: #4c5e56;
  font-size: 16px;
}
body#flow main #sec01 .fx .right-box p {
  padding: 0 15px;
}
body#flow main #sec01 .fx .right-box .box {
    display: flex;
    flex-wrap: wrap;
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
    margin: 25px 0 0;
}
body#flow main #sec01 .fx .right-box .box .left-content {
    width: 100%;
    padding: 0;
}
body#flow main #sec01 .fx .right-box .box .left-content h4 {
    position: relative;
    color: #4c5e56;
    font-size: 18px;
    padding: 15px 0 15px 85px;
    margin: 0 0 10px;
}
body#flow main #sec01 .fx .right-box .box .left-content h4::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 66px;
    background: url("../images/flow/check.svg") no-repeat center center;
    background-size: cover;
    margin: auto 0;
}
body#flow main #sec01 .fx .right-box .box .left-content p {
    padding: 0;
}
body#flow main #sec01 .fx .right-box .box .right-content {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}
body#flow main #sec01 .fx .right-box .box .right-content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

body#flow main #sec02 {
  background: url(../images/common/back_sec.png);
  padding: 75px 0 0;
}
body#flow main #sec02 .fx .right-box {
  position: relative;
}
body#flow main #sec02 .fx .right-box img.attention {
    content: none;
}
}

/*cost*/
body#cost header .inner figure {
  background: url(../images/price/top_slide.png) no-repeat;
}
@media only screen and (max-width: 780px) {
body#cost header .inner figure {
    background: url(../images/price/top_slide_sp.jpg) no-repeat;
    background-size: cover;
}
}
body#cost header .inner figure h1 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

body#cost main {
  background: #f9f4e3;
}

body#cost main #sec01 {
  background: url(../images/common/back_main.svg) no-repeat;
  background-position: center 80px;
  position: relative;
  padding: 245px 0 0;
}
#unker_cost{
    position: absolute;
    top: 130px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 780px) {
  body#cost main #sec01 {
    padding: 200px 0 0;
  }
  #unker_cost{
      position: absolute;
      top: 50vw;
      width: 100%;
      margin: auto;
      left: 0;
      right: 0;
}
}
body#cost main #sec01 h2 {
  margin-bottom: 10px;
  color: #4c5e56;
  font-size: 24px;
  font-family: honoka;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  text-indent: 0.1em;
}
body#cost main #sec01 h2 br {
  display: none;
}
body#cost main #sec01 .explain {
  margin-bottom: 55px;
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-align: center;
}

body#cost main #sec01 .image-box {
  max-width: 940px;
  margin: 0 auto 60px;
}

body#cost main #sec01 .image-box img {
  display: block;
  width: 100%;
  margin: 0 auto 30px;
  max-width: 450px;
}

body#cost main #sec01 .infomation-box {
  max-width: 980px;
  margin-bottom: 30px;
}

body#cost main #sec01 h3, body#cost main #sec01 h3::before {
  color: #4c5e56;
  font-size: 20px;
}

body#cost main #sec01 h3::before {
  content: "●";
  display: inline-block;
}

body#cost main #sec01 h3 span {
  display: inline-block;
}

body#cost main #sec01 h3 br {
  display: none;
}

@media only screen and (max-width: 880px) {
  body#cost main #sec01 h2 br {
    display: inline;
  }
  body#cost main #sec01 h3 {
    font-size: 16px;
  }
  body#cost main #sec01 h3 .dt {
    display: none;
  }
  body#cost main #sec01 h3 span.course {
    font-size: 20px;
  }
  body#cost main #sec01 h3 br {
    display: inline-block;
  }
  body#cost main #sec01 h3::before {
    font-size: 18px;
  }
}

body#cost main #sec01 .title {
  padding: 15px 20px;
  background: #f8e8ca;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
  border-radius: 5px;
}

body#cost main #sec01 .title .cost {
  color: #4c5e56;
  font-size: 20px;
}

body#cost main #sec01 .title h3 {
  float: left;
}

body#cost main #sec01 .title .cost {
  float: right;
}

@media only screen and (max-width: 880px) {
  body#cost main #sec01 .title h3 {
    float: none;
  }
  body#cost main #sec01 .title .cost {
    font-size: 16px;
    float: none;
  }
}

body#cost main #sec01 .detail {
  padding: 20px 30px;
  color: #4c5e56;
  font-size: 16px;
  letter-spacing: -0.05em;
}

body#cost main #sec01 .back-change {
  padding-top: 80px;
}

body#cost main #sec01 .back-change, body#cost main #sec01 .page-top {
  background: url(../images/common/back_sec.png);
}

body#cost main #sec01 .other-box {
  width: 100%;
  max-width: 980px;
  margin-bottom: 100px;
  padding: 35px 70px 5px;
  box-sizing: border-box;
  border: 1px solid #dcded9;
  -webkit-border-radius: 5px;
  /* for Safari and Chrome */
  -moz-border-radius: 5px;
  /* for Firefox */
  -o-border-radius: 5px;
  /* for opera */
  border-radius: 5px;
}

body#cost main #sec01 .other-box .box {
  margin: 0 auto 30px;
}

body#cost main #sec01 .other-box .box .detail {
  padding: 0 0 0 20px;
}

@media only screen and (max-width: 708px) {
  body#cost main #sec01 .other-box .box {
    width: 100%;
    max-width: 368px;
  }
  body#cost main #sec01 #biyou.back-change {
    position: relative;
  }
  body#cost main #sec01 #biyou .image-box{
       position: absolute;
      top: 90vw;
      right: 0;
      left: 0;
      width: 95%;
  }
  body#cost main #sec01 .other-box {
      padding: 35px 5px 5px;
  }
}

@media only screen and (max-width: 850px) {
  body#cost main #sec01 .other-box {
    padding: 35px 5px 5px;
  }
}