@font-face {
  font-family: "Noto Sans JP Thin";
  src: url(../font/NotoSansJP-Thin.otf);
}

@font-face {
  font-family: "Noto Sans JP Light";
  src: url(../font/NotoSansJP-Light.otf);
}

@font-face {
  font-family: "Noto Sans JP Regular";
  src: url(../font/NotoSansJP-Regular.otf);
}

@font-face {
  font-family: "Noto Sans JP Medium";
  src: url(../font/NotoSansJP-Medium.otf);
}

@font-face {
  font-family: "Noto Sans JP Bold";
  src: url(../font/NotoSansJP-Bold.otf);
}

@font-face {
  font-family: "Noto Sans JP Black";
  src: url(../font/NotoSansJP-Black.otf);
}

.fw-thin {
  font-family: "Noto Sans JP Thin";
}

.fw-light {
  font-family: "Noto Sans JP Light";
}

.fw-regular {
  font-family: "Noto Sans JP Regular";
}

.fw-medium {
  font-family: "Noto Sans JP Medium";
}

.fw-bold {
  font-family: "Noto Sans JP Bold";
}

.fw-black {
  font-family: "Noto Sans JP Black";
}

@font-face {
  font-family: "Lato Thin";
  src: url(../font/Lato-Thin.otf);
}

@font-face {
  font-family: "Lato Light";
  src: url(../font/Lato-Light.otf);
}

@font-face {
  font-family: "Lato Regular";
  src: url(../font/Lato-Regular.otf);
}

@font-face {
  font-family: "Lato Medium";
  src: url(../font/Lato-Medium.otf);
}

@font-face {
  font-family: "Lato Bold";
  src: url(../font/Lato-Bold.otf);
}

@font-face {
  font-family: "Lato Black";
  src: url(../font/Lato-Black.otf);
}

.f_lato {
  font-family: 'Lato Regular';
}

.f_lato.fw-thin {
  font-family: "Lato Thin";
}

.f_lato.fw-light {
  font-family: "Lato Light";
}

.f_lato.fw-regular {
  font-family: "Lato Regular";
}

.f_lato.fw-medium {
  font-family: "Lato Medium";
}

.f_lato.fw-bold {
  font-family: "Lato Bold";
}

.f_lato.fw-black {
  font-family: "Lato Black";
}

@font-face {
  font-family: "Noto Serif JP ExtraLight";
  src: url(../font/Lato-ExtraLight.otf);
}

@font-face {
  font-family: "Noto Serif JP Light";
  src: url(../font/Lato-Light.otf);
}

@font-face {
  font-family: "Noto Serif JP Regular";
  src: url(../font/Lato-Regular.otf);
}

@font-face {
  font-family: "Noto Serif JP Medium";
  src: url(../font/Lato-Medium.otf);
}

@font-face {
  font-family: "Noto Serif JP SemiBold";
  src: url(../font/Lato-SemiBold.otf);
}

@font-face {
  font-family: "Noto Serif JP Bold";
  src: url(../font/Lato-Bold.otf);
}

@font-face {
  font-family: "Noto Serif JP Black";
  src: url(../font/Lato-Black.otf);
}

.f_serif {
  font-family: 'Noto Serif JP Regular';
}

.f_serif.fw-extralight {
  font-family: "Noto Serif JP ExtraLight";
}

.f_serif.fw-light {
  font-family: "Noto Serif JP Light";
}

.f_serif.fw-regular {
  font-family: "Noto Serif JP Regular";
}

.f_serif.fw-medium {
  font-family: "Noto Serif JP Medium";
}

.f_serif.fw-semibold {
  font-family: "Noto Serif JP SemiBold";
}

.f_serif.fw-bold {
  font-family: "Noto Serif JP Bold";
}

.f_serif.fw-black {
  font-family: "Noto Serif JP Black";
}

* {
  margin: 0;
  padding: 0;
  color: #222222;
  font-family: 'Noto Sans JP Regular';
}

h1, h2, h3, h4, h5, h6, p, span {
  padding: 0;
  margin: 0;
}

dl, ol, ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: #222222;
  -webkit-transition: .4s ease opacity;
  transition: .4s ease opacity;
}
a.line {
  text-decoration: none;
  color: #222222;
  -webkit-transition: .4s ease opacity;
  transition: .4s ease opacity;
    border-bottom: 1px #C4C4C4 solid;
    padding-bottom: 3px;
}
a:hover {
  color: #222222;
  opacity: 0.6;
}

.orange-btn {
  border: 1px solid #DE750F;
  border-radius: 40px;
    padding: 20px 15px 20px 15px;
  -webkit-transition: .4s ease;
  transition: .4s ease;
    background-color: #DE750F;
    color: #fff;
    box-sizing: border-box;
}

.salon-add-btn{
	width: 300px;
	display: block;
}

.salon-add-btn i{
	color:#fff;
	display: inline-block;
	margin-right: 7px;
}

.orange-btn:hover {
  border: 1px solid #DE750F;
  position: 1;
  background-color: #fff;
  color: #DE750F;
}
a.orange-btn .arrow {
  background-color: #333;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
    margin-left: 10px;
}

a.orange-btn .arrow::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
          transform: rotate(-45deg) translate(-50%, -50%);
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
    background-color: #fff;
}

a.orange-btn .arrow::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
    background-color: #fff;
}

a.orange-btn:hover .arrow {
  background-color: #F5772E;
}

a.orange-btn:hover .arrow::before, a.orange-btn:hover .arrow::after {
  background-color: #F5772E;
}
header .header-inner .header-links .header-btn a.header-d-blue:hover .arrow::before, header .header-inner .header-links .header-btn a.header-d-blue:hover .arrow::after {
  background-color: #F5772E;
}
.font-weight-medium {
  font-weight: 500;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.black {
  color: #222222;
}

.white {
  color: #ffffff;
}

.gray {
  color: #858585;
}
.gray02 {
  color: #666;
}
.gray {
  color: #858585;
}

.brown {
  color: #c73100;
}

.blue {
  color: #335880;
}

.red {
  color: #ff0000;
}

.f_10 {
  font-size: 10px;
}

.f_11 {
  font-size: 11px;
}

.f_12 {
  font-size: 12px;
}

.f_13 {
  font-size: 13px;
}

.f_14 {
  font-size: 14px;
}

.f_15 {
  font-size: 15px;
}

.f_16 {
  font-size: 16px;
}

.f_17 {
  font-size: 17px;
}

.f_18 {
  font-size: 18px;
}

.f_19 {
  font-size: 19px;
}

.f_20 {
  font-size: 20px;
}

.f_21 {
  font-size: 21px;
}

.f_22 {
  font-size: 22px;
}

.f_23 {
  font-size: 23px;
}

.f_24 {
  font-size: 24px;
}

.f_25 {
  font-size: 25px;
}

.f_26 {
  font-size: 26px;
}

.f_27 {
  font-size: 27px;
}

.f_28 {
  font-size: 28px;
}

.f_29 {
  font-size: 29px;
}

.f_30 {
  font-size: 30px;
}

.f_31 {
  font-size: 31px;
}

.f_32 {
  font-size: 32px;
}

.f_33 {
  font-size: 33px;
}

.f_34 {
  font-size: 34px;
}

.f_35 {
  font-size: 35px;
}

.f_36 {
  font-size: 36px;
}

.f_37 {
  font-size: 37px;
}

.f_38 {
  font-size: 38px;
}

.f_39 {
  font-size: 39px;
}

.f_40 {
  font-size: 40px;
}

.f_41 {
  font-size: 41px;
}

.f_42 {
  font-size: 42px;
}

.f_43 {
  font-size: 43px;
}

.f_44 {
  font-size: 44px;
}

.f_45 {
  font-size: 45px;
}

.f_46 {
  font-size: 46px;
}

.f_47 {
  font-size: 47px;
}

.f_48 {
  font-size: 48px;
}

.f_49 {
  font-size: 49px;
}

.f_50 {
  font-size: 50px;
}

.f_120 {
  font-size: 120px;
}

.f_126 {
  font-size: 126px;
}

.f_132 {
  font-size: 132px;
}

.f_138 {
  font-size: 138px;
}

.f_144 {
  font-size: 144px;
}

.f_150 {
  font-size: 150px;
}

.f_156 {
  font-size: 156px;
}

.f_162 {
  font-size: 162px;
}

.f_168 {
  font-size: 168px;
}

.f_174 {
  font-size: 174px;
}

.f_180 {
  font-size: 180px;
}

.f_186 {
  font-size: 186px;
}

.f_192 {
  font-size: 192px;
}

.f_198 {
  font-size: 198px;
}

.f_204 {
  font-size: 204px;
}

.f_210 {
  font-size: 210px;
}

.f_216 {
  font-size: 216px;
}

.f_222 {
  font-size: 222px;
}

.f_228 {
  font-size: 228px;
}

.f_234 {
  font-size: 234px;
}

.f_240 {
  font-size: 240px;
}

.f_246 {
  font-size: 246px;
}

.f_252 {
  font-size: 252px;
}

.f_258 {
  font-size: 258px;
}

.f_264 {
  font-size: 264px;
}

.f_270 {
  font-size: 270px;
}

.f_276 {
  font-size: 276px;
}

.f_282 {
  font-size: 282px;
}

.f_288 {
  font-size: 288px;
}

.f_294 {
  font-size: 294px;
}

.f_300 {
  font-size: 300px;
}

.f_306 {
  font-size: 306px;
}

.f_312 {
  font-size: 312px;
}

.f_318 {
  font-size: 318px;
}

.f_324 {
  font-size: 324px;
}

.f_330 {
  font-size: 330px;
}

.f_336 {
  font-size: 336px;
}

.f_342 {
  font-size: 342px;
}

.f_348 {
  font-size: 348px;
}

.f_354 {
  font-size: 354px;
}

.f_360 {
  font-size: 360px;
}

.f_366 {
  font-size: 366px;
}

.f_372 {
  font-size: 372px;
}

.f_378 {
  font-size: 378px;
}

.f_384 {
  font-size: 384px;
}

.f_390 {
  font-size: 390px;
}

.f_396 {
  font-size: 396px;
}

.f_402 {
  font-size: 402px;
}

.f_408 {
  font-size: 408px;
}

.f_414 {
  font-size: 414px;
}

.f_420 {
  font-size: 420px;
}

.ls_40 {
  letter-spacing: 0.04em;
}

.ls_50 {
  letter-spacing: 0.05em;
}

.ls_60 {
  letter-spacing: 0.06em;
}

.ls_70 {
  letter-spacing: 0.07em;
}

.ls_80 {
  letter-spacing: 0.08em;
}

.ls_90 {
  letter-spacing: 0.09em;
}

.ls_100 {
  letter-spacing: 0.1em;
}

.ls_110 {
  letter-spacing: 0.11em;
}

.ls_120 {
  letter-spacing: 0.12em;
}

.ls_130 {
  letter-spacing: 0.13em;
}

.ls_140 {
  letter-spacing: 0.14em;
}

.ls_150 {
  letter-spacing: 0.15em;
}

.ls_160 {
  letter-spacing: 0.16em;
}

.ls_170 {
  letter-spacing: 0.17em;
}

.ls_180 {
  letter-spacing: 0.18em;
}

.ls_190 {
  letter-spacing: 0.19em;
}

.ls_200 {
  letter-spacing: 0.2em;
}

.ls_210 {
  letter-spacing: 0.21em;
}

.ls_220 {
  letter-spacing: 0.22em;
}

.ls_230 {
  letter-spacing: 0.23em;
}

.ls_240 {
  letter-spacing: 0.24em;
}

.ls_250 {
  letter-spacing: 0.25em;
}

.ls_260 {
  letter-spacing: 0.26em;
}

.ls_270 {
  letter-spacing: 0.27em;
}

.ls_280 {
  letter-spacing: 0.28em;
}

.ls_290 {
  letter-spacing: 0.29em;
}

.ls_300 {
  letter-spacing: 0.3em;
}

.ls_310 {
  letter-spacing: 0.31em;
}

.ls_320 {
  letter-spacing: 0.32em;
}

.ls_330 {
  letter-spacing: 0.33em;
}

.ls_340 {
  letter-spacing: 0.34em;
}

.ls_350 {
  letter-spacing: 0.35em;
}

.ls_360 {
  letter-spacing: 0.36em;
}

.ls_370 {
  letter-spacing: 0.37em;
}

.ls_380 {
  letter-spacing: 0.38em;
}

.ls_390 {
  letter-spacing: 0.39em;
}

.ls_400 {
  letter-spacing: 0.4em;
}

.lh_0 {
  line-height: 0;
}

.lh_1 {
  line-height: 0.1;
}

.lh_2 {
  line-height: 0.2;
}

.lh_3 {
  line-height: 0.3;
}

.lh_4 {
  line-height: 0.4;
}

.lh_5 {
  line-height: 0.5;
}

.lh_6 {
  line-height: 0.6;
}

.lh_7 {
  line-height: 0.7;
}

.lh_8 {
  line-height: 0.8;
}

.lh_9 {
  line-height: 0.9;
}

.lh_10 {
  line-height: 1;
}

.lh_11 {
  line-height: 1.1;
}

.lh_12 {
  line-height: 1.2;
}

.lh_13 {
  line-height: 1.3;
}

.lh_14 {
  line-height: 1.4;
}

.lh_15 {
  line-height: 1.5;
}

.lh_16 {
  line-height: 1.6;
}

.lh_17 {
  line-height: 1.7;
}

.lh_18 {
  line-height: 1.8;
}

.lh_19 {
  line-height: 1.9;
}

.lh_20 {
  line-height: 2;
}

.lh_21 {
  line-height: 2.1;
}

.lh_22 {
  line-height: 2.2;
}

.lh_23 {
  line-height: 2.3;
}

.lh_24 {
  line-height: 2.4;
}

.lh_25 {
  line-height: 2.5;
}

.lh_26 {
  line-height: 2.6;
}

.lh_27 {
  line-height: 2.7;
}

.lh_28 {
  line-height: 2.8;
}

.lh_29 {
  line-height: 2.9;
}

.lh_30 {
  line-height: 3;
}

.lh_31 {
  line-height: 3.1;
}

.lh_32 {
  line-height: 3.2;
}

.lh_33 {
  line-height: 3.3;
}

.lh_34 {
  line-height: 3.4;
}

.lh_35 {
  line-height: 3.5;
}

.lh_36 {
  line-height: 3.6;
}

.lh_37 {
  line-height: 3.7;
}

.lh_38 {
  line-height: 3.8;
}

.lh_39 {
  line-height: 3.9;
}

.lh_40 {
  line-height: 4;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.ml90 {
  margin-left: 90px;
}

.ml100 {
  margin-left: 100px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pl90 {
  padding-left: 90px;
}

.pl100 {
  padding-left: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pr50 {
  padding-right: 50px;
}

.pr60 {
  padding-right: 60px;
}

.pr70 {
  padding-right: 70px;
}

.pr80 {
  padding-right: 80px;
}

.pr90 {
  padding-right: 90px;
}

.pr100 {
  padding-right: 100px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb100 {
  padding-bottom: 100px;
}

.mx10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mx30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mx40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mx50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mx60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mx70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mx80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mx90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mx100 {
  margin-left: 100px;
  margin-right: 100px;
}
.ml60{
    margin-left: 60px;
    
}
.px10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px40 {
  padding-left: 40px;
  padding-right: 40px;
}

.px50 {
  padding-left: 50px;
  padding-right: 50px;
}

.px60 {
  padding-left: 60px;
  padding-right: 60px;
}

.px70 {
  padding-left: 70px;
  padding-right: 70px;
}

.px80 {
  padding-left: 80px;
  padding-right: 80px;
}

.px90 {
  padding-left: 90px;
  padding-right: 90px;
}

.px100 {
  padding-left: 100px;
  padding-right: 100px;
}

.my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.my60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.my70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.my80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.my90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.my100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.py5 {
  padding-top: 5x;
  padding-bottom: 5px;
}
.py10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.py100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

.m50 {
  margin: 50px;
}

.m60 {
  margin: 60px;
}

.m70 {
  margin: 70px;
}

.m80 {
  margin: 80px;
}

.m90 {
  margin: 90px;
}

.m100 {
  margin: 100px;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.p50 {
  padding: 50px;
}

.p60 {
  padding: 60px;
}

.p70 {
  padding: 70px;
}

.p80 {
  padding: 80px;
}

.p90 {
  padding: 90px;
}

.p100 {
  padding: 100px;
}

header .header-inner {
  max-width: 1400px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

header .header-inner #logo {
  max-width: 220px;
  width: 16%;
}

header .header-inner h1 img {
  width: 100%;
  height: auto;
}

#h1txt{
	background-color: #e5e5e5;
}

#h1txt p{
	font-size: 12px;
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0px;
}

header .header-inner .header-links .header-btn a {
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
}

header .header-inner .header-links .header-btn a p {
  -webkit-transition: .4s ease color;
  transition: .4s ease color;
}

header .header-inner .header-links .header-btn a .arrow {
  background-color: #ffffff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
}

header .header-inner .header-links .header-btn a .arrow::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 5px;
  height: 1px;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
          transform: rotate(-45deg) translate(-50%, -50%);
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
}

header .header-inner .header-links .header-btn a .arrow::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 5px;
  height: 1px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
}

header .header-inner .header-links .header-btn a.header-blue {
  background-color: #F5772E;
  border-radius: inherit;
  padding: 10px 10px;
  border: 1px solid #F5772E;
}

header .header-inner .header-links .header-btn a.header-blue i{
	color:#fff;
	display: inline-block;
	margin-left: 5px;
}

header .header-inner .header-links .header-btn a.header-blue .arrow::before, header .header-inner .header-links .header-btn a.header-blue .arrow::after {
  background-color: #F5772E;
}

header .header-inner .header-links .header-btn a.header-blue:hover {
  background-color: #ffffff;
}

header .header-inner .header-links .header-btn a.header-blue:hover p,
header .header-inner .header-links .header-btn a.header-blue:hover i {
  color: #F5772E;
}

header .header-inner .header-links .header-btn a.header-blue:hover .arrow {
  background-color: #F5772E;
}

header .header-inner .header-links .header-btn a.header-blue:hover .arrow::before, header .header-inner .header-links .header-btn a.header-blue:hover .arrow::after {
  background-color: #ffffff;
}

header .header-inner .header-links .header-btn a.header-d-blue {
  background-color: #EF5214;
  border-radius: 30px;
  border: 1px solid #EF5214;
}

header .header-inner .header-links .header-btn a.header-d-blue .arrow::before, header .header-inner .header-links .header-btn a.header-d-blue .arrow::after {
  background-color: #EF5214;
}

header .header-inner .header-links .header-btn a.header-d-blue:hover {
  background-color: #ffffff;
}

header .header-inner .header-links .header-btn a.header-d-blue:hover p {
  color: #EF5214;
}

header .header-inner .header-links .header-btn a.header-d-blue:hover .arrow {
  background-color: #EF5214;
}

header .header-inner .header-links .header-btn a.header-d-blue:hover .arrow::before, header .header-inner .header-links .header-btn a.header-d-blue:hover .arrow::after {
  background-color: #ffffff;
}

body {
  overflow-x: hidden;
}


.mv h2 {
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mv {
  margin-top: 20px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: #E2EBE8;
  position: relative;
}

.mv img {
    text-align: center;
  max-width: 1094px;
  height: auto;
    margin: 0 auto;
}
main {
  max-width: 1100px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


main .cnt01 .cnt01-inner {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

main .cnt01 .cnt01-inner .cnt01-row {
  margin-left: auto;
  margin-right: auto;
}
main .cnt01 .cnt01-inner ul.cnt01-row {
    border-bottom: 1px #E0E0E0 solid;
    border-top: 1px #E0E0E0 solid;
  padding: 37.5px 0;
}
main .cnt01 .cnt01-inner .cnt01-row li:first-child {
    border-right: 1px #E0E0E0 solid;
}
main .cnt01 .cnt01-inner .cnt01-row li {
  height: 120px;
  width: 535px;
  padding: 0 30px;
}
main .cnt02 {
  position: relative;
  z-index: 1;
}

main .cnt02 .cnt02-inner {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

main .cnt02 .cnt02-inner .cnt02-img {
  max-width: 480px;
  width: 48%;
}

main .cnt02 .cnt02-inner .cnt02-img .cnt02-img01 {
  max-width: 480px;
  width: 100%;
  height: auto;
}

main .cnt02 .cnt02-inner .cnt02-img .cnt02-img02 {
  max-width: 270px;
  width: 55%;
  height: auto;
}

main .cnt02 .cnt02-inner .cnt02-text {
  position: relative;
  z-index: 1;
}


main .cnt02 .cnt02-inner .cnt02-text hr {
  background-color: #335880;
  width: 50px;
  height: 1px;
  opacity: 1;
}

main .cnt02 .cnt02-inner .cnt02-text p {
  max-width: 513px;
}

main .cnt03 .cnt03-inner .cnt03-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.cnt03-inner .title_border {
    border-bottom: 1px solid #8CBAAF;
    border-top: 1px solid #8CBAAF;
    
}
.recommend_box{
    justify-content: space-between;
    
}
.cnt03-inner ul.recommendation {
}
.cnt03-inner ul.recommendation li {
    background-image: url(../img/check.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    
}

main .cnt03 .cnt03-inner img.case_img{
    width: 700px;
}
main .cnt04 .cnt04-inner .cnt04-chart {
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

main .cnt04 .cnt04-inner .cnt04-chart::before {
  position: absolute;
  content: "";
  top: 51%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 2px;
  background-color: #c7c7c7;
  z-index: -1;
}

main .cnt04 .cnt04-inner .cnt04-chart img {
  width: 100%;
  height: auto;
}

main .cnt04 .cnt04-inner .cnt04-chart ul li {
  cursor: pointer;
  height: 110px;
}

main .cnt04 .cnt04-inner .cnt04-chart ul li .cnt04-chart-btn {
  width: 26px;
  height: 26px;
  border: 5px solid #333333;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

main .cnt04 .cnt04-inner .cnt04-chart ul li.current-btn .cnt04-chart-btn {
  width: 36px;
  height: 36px;
  border: 8px solid #c73100;
}

main .cnt04 .cnt04-inner .cnt04-chart ul li.current-btn:hover .cnt04-chart-btn {
  border: 8px solid #c73100;
}

main .cnt04 .cnt04-inner .cnt04-chart ul li:hover .cnt04-chart-btn {
  border: 5px solid #c73100;
}

main .cnt04 .cnt04-inner .cnt04-btm {
  position: relative;
  z-index: 1;
}

main .cnt04 .cnt04-inner .cnt04-btm::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background-color: #e5e5e5;
  z-index: -1;
}

main .cnt04 .cnt04-inner .cnt04-btm .cnt04-btm-inner {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0.1;
          box-shadow: 0px 0px 5px 0.1;
  max-width: 750px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  visibility: hidden;
  height: 0;
  z-index: -1;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

main .cnt04 .cnt04-inner .cnt04-btm .cnt04-btm-inner .cnt04-btm-btn {
  border: 1px solid #333333;
  border-radius: 40px;
  max-width: 350px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

main .cnt04 .cnt04-inner .cnt04-btm .cnt04-btm-inner .cnt04-btm-btn:hover {
  position: 1;
  background-color: #333333;
  color: #ffffff;
}

main .cnt04 .cnt04-inner .cnt04-btm .cnt04-btm-inner.current {
  opacity: 1;
  visibility: visible;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
}
main .cnt05 .cnt05-inner .flow_table{
  display: flex;
  justify-content: flex-end;
    background-image: url(../img/cnt05-01.jpg);
    background-repeat: no-repeat;
    background-position: center left;
}
main .cnt05 .cnt05-inner table{
    max-width: 880px;
    background-color: #fff;
    margin: 50px 0;
    padding: 0 0 30px 0;
}
main .cnt05 .cnt05-inner table th{
    padding: 0 30px;
}
main .cnt05 .cnt05-inner table td{
    border-bottom: 1px solid #E0E0E0;
    padding-right: 30px;
}


main .cnt06 .cnt06-inner {
}
main .cnt06 .cnt06-inner .cnt06-row li {
    width: 49%;
}
main .cnt06 .cnt06-inner h3.menu {
    background-color: #8CBAAF;
    padding: 10px 20px;
    color: #fff;
  }
main .cnt06 .cnt06-inner h3.menu span{
    float: right;
    display: inline-block;
    color: #fff;
  }
main .cnt06 .cnt06-inner h3.menu span span{
    margin-top: 1px;
  }
main .cnt06 .cnt06-inner table {
    border-top: 1px solid #D5D5D5;
}

main .cnt06 .cnt06-inner table tbody tr {
    border-bottom: 1px solid #D5D5D5;
}
main .cnt06 .cnt06-inner table tbody tr th {
    background-color: #EEEEEE;
    width: 30%;
}

main .cnt06 .cnt06-top {
  background-color: #E2EBE8;
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
}

main .cnt06 .cnt06-top p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.cnt06-box {
    max-width: 970px;
    border: 1px solid #F0EDED;
    background-color: #fff;
    padding: 50px 40px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 15px 15px #F0EDED;
}
.cnt06-right {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
}
.cnt06-attention-icon02 {
    background-color: #8CBAAF;
}
.cnt07-table {
  max-width: 580px;
  width: 80%;
  margin-left: auto;
}

main .cnt07 .cnt07-inner .cnt07-top .cnt07-row .cnt07-table table {
  width: 100%;
  border-top: 1px solid #cacaca;
}

main .cnt07 .cnt07-inner .cnt07-top .cnt07-row .cnt07-table table tbody tr th {
  background-color: #e3e3e3;
  border-bottom: 1px solid #cacaca;
  vertical-align: text-top;
  font-weight: 500;
  width: 78px;
}

main .cnt07 .cnt07-inner .cnt07-top .cnt07-row .cnt07-table table tbody tr td {
  border-bottom: 1px solid #cacaca;
  padding-right: 0;
}

main .cnt07 .cnt07-inner .cnt07-top .cnt07-top-btm .cnt07-top-btm-item {
  max-width: 220px;
  width: 24%;
}

main .cnt07 .cnt07-inner .cnt07-top .cnt07-top-btm .cnt07-top-btm-item:last-of-type iframe {
  width: 100%;
}


main .cnt08 .cnt08-inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
main .cnt08 .cnt08-inner .shop_box{
    border: 1px solid #8CBAAF;
    padding: 30px;
}
main .cnt08 .cnt08-inner .cnt08-top {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-row img {
  width: 20%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-row .cnt08-table {
  max-width: 730px;
  width: 80%;
  margin-left: auto;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-row .cnt08-table table {
  width: 100%;
  border-top: 1px solid #cacaca;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-row .cnt08-table table tbody tr th {
  background-color: #e3e3e3;
  border-bottom: 1px solid #cacaca;
  vertical-align: text-top;
  font-weight: 500;
  width: 78px;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-row .cnt08-table table tbody tr td {
  border-bottom: 1px solid #cacaca;
  padding-right: 0;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-top-btm .cnt08-top-btm-item {
  max-width: 220px;
  width: 24%;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-top-btm .cnt08-top-btm-item img {
  width: 100%;
  height: auto;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-top-btm .cnt08-top-btm-item:last-of-type {
  max-width: 500px;
  width: 50%;
}

main .cnt08 .cnt08-inner .cnt08-top .cnt08-top-btm .cnt08-top-btm-item:last-of-type iframe {
  width: 100%;
}

main .cnt08 .cnt08-inner .cnt08-btns {
}
main .cnt08 .cnt08-inner .cnt08-btns button:first-child {
  background-color: #8CBAAF;
    color: #fff;
    pointer-events:none;
}
main .cnt08 .cnt08-inner .cnt08-btns button {
    border: 1px solid #8CBAAF;
  position: relative;
  background: transparent;
  width: 80px;
  -webkit-transition : all 0.4s ease 0s;
  transition : all 0.4s ease 0s;
  z-index: 1;
    margin-right: 5px;
    padding: 5px 0;
}

main .cnt08 .cnt08-inner .cnt08-btns button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  z-index: -1;
}

main .cnt08 .cnt08-inner .cnt08-btns button:hover {
  background-color: #8CBAAF;
  color: #fff;
}

main .cnt08 .cnt08-inner .cnt08-btns button:hover::before {

}

main .cnt08 .cnt08-inner .cnt08-btns button.current {
  color: #333333;
}

main .cnt08 .cnt08-inner .cnt08-btns button.current::before {
  background-color: #ffffff;
}
main .cnt08 .cnt08-inner .cnt08-btns button.current:hover::before {
  background-color: #8CBAAF;
  color: #fff;

}
main .cnt08 .cnt08-inner .cnt08-item {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

main .cnt08 .cnt08-inner .cnt08-item {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  display: none;
}
.slide {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
 
@keyframes slideshow{
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
 
.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 24s linear infinite;
}
 
.slide img:nth-child(2){
  animation-delay: 8s;
}
 
.slide img:last-child{
  animation-delay: 16s;
}
.gm-btn,
.grad-trigger,
.grad-btn{
	display: none;
}
.salon-shop .img {
    width: 180px;
    position: absolute;
    top: 80px;
    left: 40px;
}
.salon-shop .descri {
	padding-top: 20px;
    margin-left: 200px;
    color: #858585;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-align: left;
    min-height: 200px;
}
.shop_detail {
    max-width: 1100px;
    text-align: center;
  justify-content: space-between;
  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.shop_detail .salon-shop{
	width: 48.5%;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
	padding: 60px 40px 20px;
	margin-bottom: 20px;
	margin-right: 2%;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}
.shop_detail .salon-shop h4{
	text-align: left;
	font-family: "Noto Serif JP Medium";
	letter-spacing: 0.12em;
	font-size: 16px;
	position: absolute;
	top: 40px;
	left: 40px;
	color: #335880;
}
.shop_detail .salon-shop:nth-child(even){
	margin-right: 0px;
}
.shop_detail .salon-shop ul.shopinfo{
	text-align: left;
	padding-top: 15px;
}
.shop_detail .salon-shop ul.shopinfo li{
	position: relative;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	line-height: 1em;
	width: 100%;
	margin-bottom: 5px;
}
.shop_detail .salon-shop ul.shopinfo span{
	    background-color: #e3e3e3;
	    letter-spacing: 0.05em;
	    font-size: 13px;
	    line-height: 1.6em;
    vertical-align: text-top;
    font-weight: 500;
    width: 85px;
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    vertical-align: top;
    padding: 5px 0px;
    text-align: center;
}

.shop_detail .salon-shop ul.shopinfo p{
	 letter-spacing: 0.05em;
	 line-height: 1.6em;
	    font-size: 13px;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0px 5px 100px;
}
main .cnt08 .cnt08-inner .cnt08-item.current {
  width: 49%;
  opacity: 1;
  visibility: visible;
  height: auto;
  display: block;
    margin-bottom: 20px
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-slider {
  width: 35%;
  max-width: 260px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-slider .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-slider .slick-dots li {
  margin: 0 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-slider .slick-dots li button {
  border: none;
  background-color: #aeaeae;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  text-indent: -999999px;
  -webkit-transition: .4s ease background-color;
  transition: .4s ease background-color;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-slider .slick-dots li.slick-active button {
  background-color: #666666;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-row .cnt08-text {
  max-width: 240px;
  width: 65%;
  margin-left: auto;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-item-btm table {
  width: 100%;
  border-top: 1px solid #cacaca;
    margin-bottom: 20px;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-item-btm table tbody tr th {
  background-color: #e3e3e3;
  border-bottom: 1px solid #cacaca;
  vertical-align: text-top;
  font-weight: 500;
  width: 78px;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-item-btm table tbody tr td {
  border-bottom: 1px solid #cacaca;
  padding-right: 0;
}

main .cnt08 .cnt08-inner .cnt08-item .cnt08-item-btm .cnt08-item-btm-text hr {
  opacity: 1;
  background-color: #868686;
  width: 25px;
}

.cnt08-item-btns {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    justify-content: center;
}

.cnt08-item-btns a {
  margin-bottom: 10px;
}

main .cnt08 .cnt08-inner .cnt08-pins {
  height: 44px;
}

main .cnt08 .cnt08-inner .cnt08-pins .cnt08-pin {
  height: 44px;
  background-color: #8CBAAF;
  color: #fff;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
main .cnt08 .cnt08-inner .cnt08-pins .cnt08-pin p {
  color: #fff;
}

main .cnt08 .cnt08-inner .cnt08-pins .cnt08-pin.current {
  opacity: 1;
  visibility: visible;
  height: 44px;
}


main .cnt09 {
}
main .cnt09 .product_box{
    
}
main .cnt09 .product_box img.product_pic{
    width: 38%;
}
main .cnt09 .product_box .product_text_blue{
    background-color: #e2ebe8;
    padding: 20px;
    margin-top: 15px;
}
main .cnt09 .product_box .product_text table th{
    width: 60px;
    
}
main .cnt09 .product_box .product_text .cnt08-item-btns {
  width: 200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    justify-content: center;
}

main .cnt09 .product_box .product_text .cnt08-item-btns a {
  margin-bottom: 10px;
  background-color: #F5772E;
  color:#fff;
  text-align: center;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 14px;
  display: block;
}

main .cnt09 .product_box .product_text .cnt08-item-btns a i.fa-external-link-alt{
	color:#fff;
	margin-right: 3px;
	display: inline-block;
	font-size: 12px;
}

main .cnt09 .product_box .product_text .cnt08-item-btns a i.fa-caret-right{
	color:#fff;
	margin-left: 10px;
	display: inline-block;
	font-size: 12px;
}

.cnt08-item-btns {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    justify-content: center;
}

.cnt08-item-btns a {
  margin-bottom: 10px;
}

.cnt10 {
    background-color: #E2EBE8;
    
}
.cnt10 .cnt10-inner{
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.cnt10 .cnt10-inner .cnt10-list {
}

.cnt10 .cnt10-inner .cnt10-list li {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition: .4s ease;
  transition: .4s ease;
    padding-left: 30px;
    margin-top: 10px
}

.cnt10 .cnt10-inner .cnt10-list li .cnt10-title {
  cursor: pointer;
  -webkit-transition: .4s ease;
  transition: .4s ease;
    background-color: #fff;
    background-image: url(../img/faq.png);
    background-repeat: no-repeat;
    background-position: left 22px center;
    background-size: 28px auto;
    padding-left: 55px;
}

.cnt10 .cnt10-inner .cnt10-list li .cnt10-title .cnt10-arrow {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff;
}
.cnt10 .cnt10-inner .cnt10-list li .cnt10-title .cnt10-arrow::before, .cnt10 .cnt10-inner .cnt10-list li .cnt10-title .cnt10-arrow::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 1px;
  height: 6px;
  background-color: #333333;
  -webkit-transition: .4s ease;
  transition: .4s ease;
    color: #fff;
}

.cnt10 .cnt10-inner .cnt10-list li .cnt10-title .cnt10-arrow::before {
  -webkit-transform: translate(-2px, -50%) rotate(-40deg);
          transform: translate(-2px, -50%) rotate(-40deg);
    color: #fff;
}

.cnt10 .cnt10-inner .cnt10-list li .cnt10-title .cnt10-arrow::after {
  -webkit-transform: translate(2px, -50%) rotate(40deg);
          transform: translate(2px, -50%) rotate(40deg);
}

.cnt10 .cnt10-inner .cnt10-list li .cnt10-text {
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
}

.cnt10 .cnt10-inner .cnt10-list li.current h3 {
    color: #fff;
}
.cnt10 .cnt10-inner .cnt10-list li.current .current-title {
  background-color: #8CBAAF;
  padding-top: 30px;
  padding-bottom: 30px;
    color: #fff;
    background-image: url(../img/faq02.png);
    background-repeat: no-repeat;
    background-position: left 25px center;
    background-size: 21px auto;
    padding-left: 55px;
}

.cnt10 .cnt10-inner .cnt10-list li.current .current-title .cnt10-arrow {
  background-color: #8CBAAF;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.cnt10 .cnt10-inner .cnt10-list li.current .current-title .cnt10-arrow::before, .cnt10 .cnt10-inner .cnt10-list li.current .current-title .cnt10-arrow::after {
  background-color: #fff;
}

.cnt10 .cnt10-inner .cnt10-list li.current .cnt10-text {
    background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.8;
  opacity: 1;
  visibility: visible;
}

.cnt11 .cnt11-inner {
  max-width: 600px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.cnt11 .cnt11-inner .cnt11-left {
  max-width: 725px;
  width: calc(725 / 1100 * 100%);
  margin-right: auto;
}

.cnt11 .cnt11-inner .cnt11-left img {
  width: 100%;
  height: auto;
}

main .cnt11 .cnt11-inner .cnt11-right {
  max-width: 330px;
  width: 30%;
  margin-left: auto;
}

.cnt11 .cnt11-inner .cnt11-right img {
  width: 100%;
  height: auto;
}

footer {
  width: 100%;
    background-color: #e7e7e7;
}

.cnt-btm {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.cnt-btm .cnt-btm-inner {
  height: 100%;
}

.cnt-btm .cnt-btm-inner a {
  height: 100%;
  width: calc(100% / 3);
  background-color: #9ab5be;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.cnt-btm .cnt-btm-inner a + a {
  border-left: 1px solid #ffffff;
}

.cnt-btm .cnt-btm-inner a:hover {
  background-color: #abc0c7;
  opacity: 1;
}

.toppage {
  position: fixed;
  bottom: 80px;
  right: 2%;
  z-index: 100;
}