@charset "UTF-8";
@media screen and (min-width: 759px) { .grad-bg { width: 1100px; margin: 42px auto 60px; clear: both; }
  .grad-bg .pc-block { display: block; }
  .grad-bg .sp-block { display: none; }
  .grad-bg .ttl { position: relative; background: #b38d3b; text-align: center; color: #fff; font-size: 26px; padding: 31px 0; letter-spacing: 0.04em; }
  .grad-bg .ttl .icon { width: 105px; height: auto; position: absolute; left: 223px; top: -13px; }
  .grad-bg .inner-box { text-align: center; padding-bottom: 50px; background: url("../../../assets/img/mask/pc_bg.png") no-repeat left top; background-size: cover; }
  .grad-bg .inner-box p { font-size: 18px; line-height: 1; letter-spacing: 0.04em; padding-top: 50px; }
  .grad-bg .inner-box .contents { width: 718px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 49px; }
  .grad-bg .inner-box .contents .cont-left, .grad-bg .inner-box .contents .cont-right { width: 50%; }
  .grad-bg .inner-box .contents .cont-left .cnt-tlt, .grad-bg .inner-box .contents .cont-right .cnt-tlt { font-size: 22px; line-height: 1.45454545; letter-spacing: 0.04em; padding-bottom: 25px; }
  .grad-bg .inner-box .contents .cont-left img, .grad-bg .inner-box .contents .cont-right img { width: 293px; height: auto; }
  .grad-bg .inner-box .contents .cont-left p, .grad-bg .inner-box .contents .cont-right p { padding: 0; font-size: 20px; font-weight: bold; line-height: 1.6; padding-top: 7px; }
  .grad-bg .inner-box .contents .cont-left .sml, .grad-bg .inner-box .contents .cont-right .sml { font-weight: normal; font-size: 16px; display: block; line-height: 1.5625; padding-top: 20px; }
  .grad-bg .inner-box .contents .cont-left .cnt-tlt { color: #000000; }
  .grad-bg .inner-box .contents .cont-left img { padding-right: 34px; padding-top: 12px; }
  .grad-bg .inner-box .contents .cont-left p { color: #000000; padding-right: 15px; }
  .grad-bg .inner-box .contents .cont-left .sml { padding-right: 30px; }
  .grad-bg .inner-box .contents .cont-right .cnt-tlt { color: #000000; }
  .grad-bg .inner-box .contents .cont-right img { padding-left: 33px; padding-top: 12px; }
  .grad-bg .inner-box .contents .cont-right p { color: #000000; padding-left: 44px; }
  .grad-bg .inner-box .contents .cont-right .sml { padding-left: 32px; }
  .grad-bg .inner-box .other-contents { text-align: center; }
  .grad-bg .inner-box .other-contents .cont-ttl { font-size: 20px; line-height: 1.7; color: #9b7a33; padding-top: 43px; padding-bottom: 18px; }
  .grad-bg .inner-box .other-contents img { width: 185px; height: auto; }
  .grad-bg .inner-box .other-contents .sml { font-size: 16px; padding-top: 12px; line-height: 1.56; font-weight: normal; }
  .grad-bg .inner-box .other-contents p { font-size: 20px; padding-top: 23px; font-weight: bold; }
  .grad-bg .inner-box .other-contents p .inner-sml { font-size: 16px; display: block; padding-bottom: 9px; }
  .grad-bg .inner-box .other-contents .other { font-size: 19px; padding-top: 9px; }
  .kutikomi .gold_bg { background: #f0d186 !important; }
  .kutikomi h2 { font-size: 33px !important; padding: 37px 0 !important; letter-spacing: 1px !important; }
  .kutikomi h2 span { padding-bottom: 13px; }
  .kutikomi h2 span.other { display: inline-block !important; font-size: 33px !important; position: relative; padding-bottom: 5px; padding-right: 36px; }
  .kutikomi h2 span.other i { display: block; width: 60px; height: 58px; background: url("../../img/mask/img_mask-tlt.png") no-repeat left top; background-size: 50px 48px; position: absolute; right: -37px; top: -7px; }
  .kutikomi ul.sp-slider { width: 570px; margin: 50px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 46px; }
  .kutikomi ul.sp-slider li { width: 260px; }
  .kutikomi ul.sp-slider li .slide-name { font-size: 12px; line-height: 1.5; background: url(../../img/mask/kutikomi-human01.png) no-repeat center left; background-size: 40px; padding: 11px 0 6px 48px; }
  .kutikomi ul.sp-slider li .slide-name span { font-size: 11px; display: block; }
  .kutikomi ul.sp-slider li .slide-name a { font-size: 11px; display: block; color: #000; text-decoration: underline; }
  .kutikomi ul.sp-slider li .slide-name a:hover { text-decoration: none; }
  .kutikomi ul.sp-slider li:nth-child(2) .slide-name { background: url(../../img/mask/kutikomi-human02.png) no-repeat center left; background-size: 40px; }
  .kutikomi ul.sp-slider li .slide-txt { font-size: 15px; line-height: 1.7; margin-top: 5px; }
  .kutikomi ul.sp-slider li .slide-txt span { color: #a3161b; }
  .share_voice { background: #f0d186 !important; }
  .share_voice .hash_tag { margin-top: 0 !important; background: #e9be66; padding: 20px 0 !important; font-size: 18px; width: 740px !important; }
  .share_voice .hash_tag:after, .share_voice .hash_tag:before { display: none !important; }
  .share_voice .hash_tag li { letter-spacing: 0.9px; color: #000 !important; }
  .share_voice .hash_tag li span:before { border: solid 1px #000 !important; }
  .share_voice .btn_wrap { margin-top: 0 !important; width: 740px !important; }
  .share_voice .btn_wrap .btn_area { margin: 30px 0 0 !important; }
  /*footerコンテンツ*/
  #link-box .link-cnt { display: flex; justify-content: center; flex-wrap: wrap; }
  #link-box .link-cnt li { width: 50%; position: relative; }
  #link-box .link-cnt li:after { content: ""; width: 14px; height: 22px; background: url(../../img/underlayer_cmn/arrow_w.png) no-repeat top center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1; }
  #link-box .link-cnt li:hover:after { content: ""; width: 14px; height: 22px; background: url(../../img/underlayer_cmn/arrow_w.png) no-repeat top center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1; }
  #link-box .link-cnt li a { display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; height: 12.4450948vw; align-items: center; position: relative; transition: 0.4s; }
  #link-box .link-cnt li a .left { margin-left: 3.00146404vw; }
  #link-box .link-cnt li a .left .sml { font-size: 1.02489016vw; line-height: 1.3; }
  #link-box .link-cnt li a .left .large { font-size: 1.4641288vw; line-height: 1.35; margin-top: 16px; }
  #link-box .link-cnt li a .right { margin-right: 3.95314776vw; }
  #link-box .link-cnt li.basic a:after { content: ""; background: -moz-linear-gradient(0deg, #791413 0%, #b42123 100%); background: -webkit-linear-gradient(0deg, #791413 0%, #b42123 100%); background: -ms-linear-gradient(0deg, #791413 0%, #b42123 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.basic a:before { content: ""; background: -moz-linear-gradient(0deg, #b42123 0%, #791413 100%); background: -webkit-linear-gradient(0deg, #b42123 0%, #791413 100%); background: -ms-linear-gradient(0deg, #b42123 0%, #791413 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -2; }
  #link-box .link-cnt li.basic a:hover:after { opacity: 0; }
  #link-box .link-cnt li.basic a .right img { width: 155px; width: 11.3469982vw; height: auto; }
  #link-box .link-cnt li.intensiverepair a:after { content: ""; background-image: -moz-linear-gradient(0deg, #000202 0%, #0f4588 100%); background-image: -webkit-linear-gradient(0deg, #000202 0%, #0f4588 100%); background-image: -ms-linear-gradient(0deg, #000202 0%, #0f4588 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.intensiverepair a:before { content: ""; background: -moz-linear-gradient(0deg, #0f4588 0%, #000202 100%); background: -webkit-linear-gradient(0deg, #0f4588 0%, #000202 100%); background: -ms-linear-gradient(0deg, #0f4588 0%, #000202 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -2; }
  #link-box .link-cnt li.intensiverepair a:hover:after { opacity: 0; }
  #link-box .link-cnt li.intensiverepair a .right img { width: 83px; width: 6.07613452vw; height: auto; }
  #link-box .link-cnt li.mask a:after { content: ""; background-image: -moz-linear-gradient(0deg, #a16209 0%, #ebad51 100%); background-image: -webkit-linear-gradient(0deg, #a16209 0%, #ebad51 100%); background-image: -ms-linear-gradient(0deg, #a16209 0%, #ebad51 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.mask a:before { content: ""; background: -moz-linear-gradient(0deg, #ebad51 0%, #a16209 100%); background: -webkit-linear-gradient(0deg, #ebad51 0%, #a16209 100%); background: -ms-linear-gradient(0deg, #ebad51 0%, #a16209 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -2; }
  #link-box .link-cnt li.mask a:hover:after { opacity: 0; }
  #link-box .link-cnt li.mask a .left { margin-left: 2.41581252vw; }
  #link-box .link-cnt li.mask a .right { margin-right: 5.27086368vw; }
  #link-box .link-cnt li.mask a .right img { width: 81px; width: 5.92972164vw; height: auto; }
  #link-box .link-cnt li.cool a:after { content: ""; background-image: -moz-linear-gradient(0deg, #0f8bc8 0%, #37baf0 100%); background-image: -webkit-linear-gradient(0deg, #0f8bc8 0%, #37baf0 100%); background-image: -ms-linear-gradient(0deg, #0f8bc8 0%, #37baf0 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.cool a:before { content: ""; background: -moz-linear-gradient(0deg, #37baf0 0%, #0f8bc8 100%); background: -webkit-linear-gradient(0deg, #37baf0 0%, #0f8bc8 100%); background: -ms-linear-gradient(0deg, #37baf0 0%, #0f8bc8 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 12.4450948vw; z-index: -2; }
  #link-box .link-cnt li.cool a:hover:after { opacity: 0; }
  #link-box .link-cnt li.cool a .right { margin-right: 4.24597352vw; margin-top: 1px; }
  #link-box .link-cnt li.cool a .right img { width: 10.9077595vw; height: auto; }
  #bnr { background: #000; padding: 50px 0 50px; border-bottom: 1px solid #b38d3b; }
  #bnr .bnr-box { background: #fff; width: 1100px; height: 260px; margin: 0 auto; }
  #bnr .bnr-box a { display: block; transition: 0.4s; }
  #bnr .bnr-box a:hover { opacity: 0.8; }
  body #wrapper #main section#content_footer ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  body #wrapper #main section#content_footer ul li { position: relative; }
  body #wrapper #main section#content_footer ul li::before, body #wrapper #main section#content_footer ul li::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  body #wrapper #main section#content_footer ul li::before { z-index: 2; }
  body #wrapper #main section#content_footer ul li.mask::before { background: #a06209; background: linear-gradient(90deg, #a06209 0%, #ebae51 100%); }
  body #wrapper #main section#content_footer ul li.mask::after { background: #ebae51; background: linear-gradient(90deg, #ebae51 0%, #a06209 100%); }
  body #wrapper #main section#content_footer ul li.mask:hover::before { opacity: 0; }
  body #wrapper #main section#content_footer ul li.basic::before { background: #b32123; background: linear-gradient(90deg, #b32123 0%, #781413 100%); }
  body #wrapper #main section#content_footer ul li.basic::after { background: #781413; background: linear-gradient(90deg, #781413 0%, #b32123 100%); }
  body #wrapper #main section#content_footer ul li.basic:hover::before { opacity: 0; }
  body #wrapper #main section#content_footer ul li.intensiverepair::before { background: #000101; background: linear-gradient(90deg, #000101 0%, #004688 100%); }
  body #wrapper #main section#content_footer ul li.intensiverepair::after { background: #004688; background: linear-gradient(90deg, #004688 0%, #000101 100%); }
  body #wrapper #main section#content_footer ul li.intensiverepair:hover::before { opacity: 0; }
  body #wrapper #main section#content_footer ul li { width: 100%; background: #f8e4b9; background: -moz-radial-gradient(center, ellipse cover, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); background: -webkit-radial-gradient(center, ellipse cover, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); background: radial-gradient(ellipse at center, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e4b9', endColorstr='#f4b84b',GradientType=1 ); box-sizing: border-box; border: 1px solid #b38d3b; padding: 85px 0 37px; }
  body #wrapper #main section#content_footer ul li .inner figure { width: 800px; margin: 0 auto; position: relative; z-index: 2; }
  body #wrapper #main section#content_footer ul li .inner figure span { position: absolute; opacity: 0.6; line-height: 0; width: 100%; top: 155px; left: 50%; transform: translateX(-50%); z-index: 1; pointer-events: none; }
  body #wrapper #main section#content_footer ul li .inner .btn_area { position: relative; width: 360px; line-height: 0; margin: auto; margin-top: -33px; z-index: 2; text-align: center; }
  body #wrapper #main section#content_footer .last-contents ul li { background: #000; padding: 50px 0 100px; }
  body #wrapper #main section#content_footer .last-contents ul li .btn_area { width: 540px; margin: 0 auto; height: 70px; }
  body #wrapper #main section#content_footer .last-contents ul li .btn_area .t { color: #fff; background: #b38c3b; line-height: 66px; }
  body #wrapper #main section#content_footer .last-contents ul li .btn_area .plus { position: absolute; width: 14px; top: 29px; right: 19px; z-index: 1; transform: rotate(-90deg) scale(1); transition: all .4s; }
  body #wrapper #main section#content_footer .last-contents ul li .btn_area a { /*&:hover{ .plus{ transform: rotate(0deg) scale(1); transition: all .4s; }
}*/ } }
@media screen and (max-width: 758px) { .grad-bg { text-align: center; margin: 6.40000008vw 5.86666652vw 13.333333vw; clear: both; }
  .grad-bg .pc-block { display: none; }
  .grad-bg .sp-block { display: block; }
  .grad-bg .ttl { color: #fff; background: #b38d3b; line-height: 1.36363636; font-size: 5.86666652vw; position: relative; padding: 4vw 0; }
  .grad-bg .ttl .icon { width: 17.9999995vw; height: auto; position: absolute; left: -3vw; top: -8vw; }
  .grad-bg .inner-box { background: url("../../../assets/img/mask/sp_bg.png") no-repeat left top; background-size: cover; padding-bottom: 6.06666678vw; }
  .grad-bg .inner-box p { font-size: 4.53333322vw; line-height: 1.52941176; padding-top: 5vw; padding-bottom: 5vw; }
  .grad-bg .inner-box .contents { padding-bottom: 1.06666668vw; }
  .grad-bg .inner-box .contents .cont-left .cnt-tlt, .grad-bg .inner-box .contents .cont-right .cnt-tlt { font-size: 5.3333332vw; line-height: 1.35; padding-bottom: 4.5vw; }
  .grad-bg .inner-box .contents .cont-left img, .grad-bg .inner-box .contents .cont-right img { width: 60.6666651vw; height: auto; }
  .grad-bg .inner-box .contents .cont-left p, .grad-bg .inner-box .contents .cont-right p { font-size: 4.79999988vw; line-height: 1.66666667; padding-top: 2.40000003vw; padding-bottom: 6.93333342vw; font-weight: bold; }
  .grad-bg .inner-box .contents .cont-left .cont-ttl, .grad-bg .inner-box .contents .cont-right .cont-ttl { padding: 0.53333334vw 0 3.46666671vw 0; font-size: 5.06666654vw; line-height: 1.47368421; color: #9b7a33; }
  .grad-bg .inner-box .contents .cont-left .sml, .grad-bg .inner-box .contents .cont-right .sml { font-size: 3.9999999vw; line-height: 1.4625; padding: 0; padding-top: 4.53333339vw; font-weight: normal; }
  .grad-bg .inner-box .contents .cont-left { padding-top: 8.0000001vw; }
  .grad-bg .inner-box .other-contents .cont-ttl { font-size: 5.06666654vw; line-height: 1.47368421; color: #9b7a33; padding-bottom: 3.73333338vw; }
  .grad-bg .inner-box .other-contents img { width: 38.2666657vw; height: auto; }
  .grad-bg .inner-box .other-contents p { font-size: 4.79999988vw; line-height: 1.66666667; padding-top: 3.46666671vw; padding-bottom: 0; font-weight: bold; }
  .grad-bg .inner-box .other-contents p .inner-sml { display: block; font-size: 3.9999999vw; }
  .grad-bg .inner-box .other-contents .sml { font-size: 3.9999999vw; line-height: 1.53333333; padding: 0; padding-top: 4px; font-weight: normal; }
  .grad-bg .inner-box .other-contents .other { padding-top: 0.80000001vw; font-size: 4.53333322vw; }
  .kutikomi .gold_bg { background: #f0d186 !important; }
  .kutikomi .gold_bg h2 { padding: 3.5vw !important; }
  .kutikomi .gold_bg h2 span { font-size: 5.3333332vw; }
  .kutikomi .gold_bg h2 span.other { font-size: 6.13333318vw !important; position: relative; padding-right: 48px; }
  .kutikomi .gold_bg h2 span.other i { display: block; width: 7.9999998vw; height: 7.73333314vw; background: url("../../img/mask/img_mask-tlt.png") no-repeat left top; background-size: auto; background-size: 7.9999998vw 7.73333314vw; position: absolute; right: 7.8vw; top: 0.5vw; }
  .kutikomi .gold_bg .sp-slider { margin-top: 8.3333334vw; position: relative; padding-bottom: 9.33333345vw; }
  .kutikomi .gold_bg .sp-slider .slick-dots { display: flex; justify-content: space-between; flex-wrap: wrap; width: 7.9999998vw; margin: 2vw auto 0; }
  .kutikomi .gold_bg .sp-slider .slick-dots li { width: 2.6666666vw; height: 2.6666666vw; margin: 0; border-radius: 2.6666666vw; padding-top: 0; text-indent: -9999px; background: #dbbc74; }
  .kutikomi .gold_bg .sp-slider .slick-dots li.slick-active { background: #b38d3b; }
  .kutikomi .gold_bg .sp-slider .slick-prev { text-indent: -9999px; position: absolute; left: 4.9vw; top: 53.5vw; border: none; display: block; width: 4.66666655vw; height: 9.3333331vw; background: url(../../img/underlayer_cmn/kutikomi-arrow-left.png) no-repeat top left; background-size: 4.66666655vw 9.3333331vw; z-index: 2; }
  .kutikomi .gold_bg .sp-slider .slick-next { text-indent: -9999px; position: absolute; right: 4.9vw; top: 53.5vw; border: none; display: block; width: 4.66666655vw; height: 9.3333331vw; background: url(../../img/underlayer_cmn/kutikomi-arrow-right.png) no-repeat top left; background-size: 4.66666655vw 9.3333331vw; z-index: 2; }
  .kutikomi .gold_bg .sp-slider li .slide-img { margin: 0 15.3333342vw; }
  .kutikomi .gold_bg .sp-slider li .slide-img img { width: 69.3333316vw; height: auto; }
  .kutikomi .gold_bg .sp-slider li .slide-name { width: 69.3333316vw; margin: 0 auto; font-size: 2.93333326vw; font-weight: bold; background: url(../../img/mask/kutikomi-human01.png) no-repeat center left; background-size: 10.6666664vw; padding: 2vw 0 2vw 13vw; margin-top: 2.5vw; box-sizing: border-box; }
  .kutikomi .gold_bg .sp-slider li .slide-name span, .kutikomi .gold_bg .sp-slider li .slide-name a { display: block; font-size: 2.6666666vw; font-weight: normal; line-height: 1; padding-top: 2px; color: #000; text-decoration: underline; }
  .kutikomi .gold_bg .sp-slider li .slide-name.other { background: url(../../img/mask/kutikomi-human02.png) no-repeat center left; background-size: 10.6666664vw; }
  .kutikomi .gold_bg .sp-slider li .slide-txt { width: 69.3333316vw; margin: 0 auto; font-size: 3.46666658vw; line-height: 1.88; margin-bottom: 3vw; }
  .kutikomi .gold_bg .sp-slider li .slide-txt span { color: #a3161b; }
  .share_voice { background: #f0d186 !important; }
  .share_voice .hash_tag { margin-top: 0 !important; background: #e9be66 !important; padding: 5vw 0 !important; }
  .share_voice .hash_tag li { color: #000 !important; }
  .share_voice .hash_tag li span:before { border: solid 1px #000 !important; }
  .share_voice .hash_tag:after, .share_voice .hash_tag:before { display: none !important; }
  .share_voice .btn_wrap { margin-top: 5vw !important; }
  #link-box .link-cnt li { position: relative; }
  #link-box .link-cnt li:after { content: ""; width: 3.33333vw; height: 5.86667vw; background: url(../../img/underlayer_cmn/arrow_w.png) no-repeat top center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1; }
  #link-box .link-cnt li a { display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; height: 30.666667vw; align-items: center; position: relative; transition: 0.4s; }
  #link-box .link-cnt li a .left { margin-left: 23px; }
  #link-box .link-cnt li a .left .sml { display: block; font-size: 3.2vw; line-height: 1.3em; margin-bottom: 2.66667vw; }
  #link-box .link-cnt li a .left .large { font-size: 4.53333vw; line-height: 1.35; margin-top: 16px; }
  #link-box .link-cnt li a .right { margin-right: 50px; }
  #link-box .link-cnt li.basic a:after { content: ""; background: -moz-linear-gradient(0deg, #791413 0%, #b42123 100%); background: -webkit-linear-gradient(0deg, #791413 0%, #b42123 100%); background: -ms-linear-gradient(0deg, #791413 0%, #b42123 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 30.666667vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.basic a .right img { width: 27.06667vw; }
  #link-box .link-cnt li.intensiverepair a:after { content: ""; background-image: -moz-linear-gradient(0deg, #000202 0%, #0f4588 100%); background-image: -webkit-linear-gradient(0deg, #000202 0%, #0f4588 100%); background-image: -ms-linear-gradient(0deg, #000202 0%, #0f4588 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 30.666667vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.intensiverepair a .right img { width: 13.73333vw; }
  #link-box .link-cnt li.mask a:after { content: ""; background-image: -moz-linear-gradient(0deg, #a16209 0%, #ebad51 100%); background-image: -webkit-linear-gradient(0deg, #a16209 0%, #ebad51 100%); background-image: -ms-linear-gradient(0deg, #a16209 0%, #ebad51 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 30.666667vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.mask a .right img { width: 13.73333vw; }
  #link-box .link-cnt li.mask a .left { margin-left: 33px; }
  #link-box .link-cnt li.cool a:after { content: ""; background-image: -moz-linear-gradient(0deg, #0f8bc8 0%, #36b9ef 100%); background-image: -webkit-linear-gradient(0deg, #0f8bc8 0%, #36b9ef 100%); background-image: -ms-linear-gradient(0deg, #0f8bc8 0%, #36b9ef 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 30.666667vw; z-index: -1; transition: 0.4s; }
  #link-box .link-cnt li.cool a .right img { width: 28.1333326vw; }
  #bnr { background: #000; padding: 30px 0 30px; border-bottom: 1px solid #b38d3b; }
  #bnr a { display: block; width: 88.2666644vw; height: 55.9999986vw; margin: 0 auto; }
  #bnr a img { width: 100%; height: auto; }
  body #wrapper #main section#content_footer ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  body #wrapper #main section#content_footer ul li { width: 100%; }
  body #wrapper #main section#content_footer ul li { width: 100%; background: #f8e4b9; background: -moz-radial-gradient(center, ellipse cover, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); background: -webkit-radial-gradient(center, ellipse cover, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); background: radial-gradient(ellipse at center, #f8e4b9 0%, #f7d284 41%, #f4b84b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e4b9', endColorstr='#f4b84b',GradientType=1 ); box-sizing: border-box; border: 1px solid #b38d3b; padding: 14.66667vw 0 4vw; }
  body #wrapper #main section#content_footer ul li .inner figure { width: 100%; margin: 0 auto; position: relative; z-index: 2; }
  body #wrapper #main section#content_footer ul li .inner figure span { position: absolute; opacity: 0.8; line-height: 0; width: 192%; top: 19vw; left: 50%; transform: translateX(-50%); z-index: 1; pointer-events: none; }
  body #wrapper #main section#content_footer ul li .inner .btn_area { position: relative; width: 69.86667vw; line-height: 0; margin: auto; margin-top: 4vw; z-index: 2; }
  body #wrapper #main section#content_footer ul li .inner .btn_area .btn .arw { top: 5.5vw; }
  body #wrapper #main section#content_footer .inner { text-align: center; padding: 0; margin: 0; width: 100%; } }
.lead { margin-bottom: calc(50 / 750 * 100vw); padding: calc(40 / 750 * 100vw); height: calc(572 / 750 * 100vw); overflow-y: hidden; background: url(../../../assets/img/mask/lead_bg_sp.png) 0 0/100% no-repeat; box-sizing: border-box; position: relative; }
.lead_text { font-size: calc(24 / 750 * 100vw); font-weight: 600; color: #fefefe; line-height: calc(60 / 24); text-align: left; letter-spacing: .05em; }

@media screen and (min-width: 759px) { .lead { margin-bottom: 110px; padding: 90px 0; height: 475px; background: url(../../../assets/img/mask/lead_bg.png) 0 0/100% no-repeat; }
  .lead_wrap { margin: 0 auto; max-width: 910px; }
  .lead_text { font-size: 24px; } }
@media screen and (max-width: 1536px) and (min-width: 759px) { .lead { background: url(../../../assets/img/mask/lead_bg.png) 0 0/cover no-repeat; } }
.catch { margin-bottom: calc(50 / 750 * 100vw); }
.catch_text { font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #000; line-height: calc(60 / 28); text-align: center; letter-spacing: .05em; }
.catch_text strong { font-size: calc(38 / 750 * 100vw); line-height: calc(60 / 38); }

@media screen and (min-width: 759px) { .catch { margin-bottom: 140px; }
  .catch_text { font-size: 28px; }
  .catch_text strong { font-size: 38px; } }

/*oki fix 25*/
.approach .btmtxt{ margin:5px 0px;text-align: right; }

.approach { background-color: #f1daa2; }
.approach .gold_bg h2 { position: relative; overflow: hidden; font-size: calc(30 / 750 * 100vw); font-weight: 600; line-height: calc(60 / 30); text-align: center; color: #ffffff; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; padding: 5vw 0; }
.approach .gold_bg h2::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
.approach .gold_bg h2.anim::before { animation: shine 3s; }
.approach .gold_bg h2 strong { font-size: calc(60 / 750 * 100vw); line-height: calc(60 / 48); }
.approach .gold_bg h2 span { font-size: 5.333333vw; display: block; margin-bottom: 5px; }
.approach img { max-width: 100%; height: auto; vertical-align: bottom; }
.approach * { box-sizing: border-box; }
.approach_wrap { padding: calc(60 / 750 * 100vw) calc(44 / 750 * 100vw) calc(140 / 750 * 100vw); }
.approach_box { position: relative; }
.approach_box.box1 .approach_text { margin-bottom: calc(40 / 750 * 100vw); }
.approach_box.box1 .approach_note { line-height: 1.8; }
.approach_box.box2 .approach_text { margin-bottom: calc(40 / 750 * 100vw); }
.approach_box.box3 .approach_text { margin-bottom: calc(35 / 750 * 100vw); }
.approach_inner { padding: calc(50 / 750 * 100vw) calc(45 / 750 * 100vw); background-color: #051a2b; }
.approach_title { font-size: calc(38 / 750 * 100vw); font-weight: 600; color: #fff; line-height: calc(56 / 38); text-align: center; letter-spacing: .05em; }
.approach_title strong { font-size: calc(56 / 750 * 100vw); line-height: 1; }
.approach_title span { margin-bottom: calc(14 / 750 * 100vw); font-size: calc(45 / 750 * 100vw); line-height: 1; display: block; }
.approach_title sup { vertical-align: top; }
.approach_title_wrap { margin-bottom: calc(8 / 750 * 100vw); height: calc(220 / 750 * 100vw); display: flex; justify-content: center; align-items: center; background-color: #b48c3b; }
.approach_text { font-size: calc(36 / 750 * 100vw); font-weight: 300; color: #fff; line-height: calc(50 / 36); text-align: left; }
.approach_note { margin-top: calc(18 / 750 * 100vw); font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #000; line-height: calc(30 / 22); text-align: left; letter-spacing: -.01em; }
.approach_note sup { font-size: 100%; vertical-align: baseline; }
.approach_img { text-align: center; }
.approach_img.img1 img { width: calc(360 / 750 * 100vw); }
.approach_img.img2 img { width: calc(565 / 750 * 100vw); }
.approach_img.img3 img { width: calc(402 / 750 * 100vw); }
.approach_image { font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #000; line-height: 1; text-align: right; letter-spacing: .04em; position: absolute; right: 0; bottom: calc(4 / 750 * 100vw); }
.approach_qa { margin-top: calc(50 / 750 * 100vw); }
.approach_qa_wrap { border: calc(2 / 750 * 100vw) solid #ab7900; background-color: rgba(255, 255, 255, 0.5); }
.approach_qa_cont { padding: calc(50 / 750 * 100vw) 0 calc(110 / 750 * 100vw); position: relative; display: none; opacity: 0; visibility: hidden; transition: opacity .3s .3s, visibility .3s .3s; }
.approach_qa_cont::before { content: ""; width: calc(574 / 750 * 100vw); height: calc(2 / 750 * 100vw); background-color: #ab7900; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.approach_qa_cont.isActive { opacity: 1; visibility: visible; transition: opacity .3s, visibility .3s; }
.approach_qa_box { position: relative; }
.approach_qa_item { position: relative; }
.approach_qa_title.title1 { padding: calc(50 / 750 * 100vw) calc(105 / 750 * 100vw) calc(42 / 750 * 100vw) calc(163 / 750 * 100vw); font-size: calc(43 / 750 * 100vw); font-weight: 600; color: #010101; line-height: calc(50 / 43); text-align: left; letter-spacing: .05em; position: relative; cursor: pointer; }
.approach_qa_title.title1::before { content: ""; width: calc(103 / 750 * 100vw); height: calc(93 / 750 * 100vw); display: block; background: url(../../img/mask/approach_qa_icon-q.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 50 / 750 * 100vw); left: calc(45 / 750 * 100vw); }
.approach_qa_title.title1 span { position: absolute; top: 50%; right: calc(80 / 750 * 100vw); transform: translateY(-50%); }
.approach_qa_title.title1 span::before, .approach_qa_title.title1 span::after { content: ""; width: calc(50 / 750 * 100vw); height: calc(6 / 750 * 100vw); display: block; background-color: #ab7900; position: absolute; top: calc(50% - 3 / 750 * 100vw); left: calc(50% - 25 / 750 * 100vw); transition: transform .3s; }
.approach_qa_title.title1 span::after { transform: rotate(90deg); }
.approach_qa_title.title1.isActive span::after { transform: rotate(0); }
.approach_qa_title.title2 { margin-bottom: calc(30 / 750 * 100vw); font-size: calc(46 / 750 * 100vw); font-weight: 600; color: #000000; line-height: 1; text-align: center; letter-spacing: -.01em; }
.approach_qa_text.text1 { margin-top: calc(20 / 750 * 100vw); font-size: calc(30 / 750 * 100vw); font-weight: 600; color: #000; line-height: calc(34 / 30); text-align: center; letter-spacing: -.01em; }
.approach_qa_text.text1 small { font-size: calc(25 / 750 * 100vw); }
.approach_qa_text.text2 { font-size: calc(38 / 750 * 100vw); font-weight: 600; color: #000; line-height: calc(75 / 38); text-align: center; letter-spacing: .05em; }
.approach_qa_text.text2 strong { font-size: calc(56 / 750 * 100vw); line-height: calc(75 / 56); }
.approach_qa_text.text3 { font-size: calc(27 / 750 * 100vw); font-weight: 600; color: #fff; line-height: calc(33 / 27); text-align: center; letter-spacing: -.01em; }
.approach_qa_text.text3 strong { font-size: calc(38 / 750 * 100vw); line-height: calc(46 / 38); }
.approach_qa_text.text3 span { margin-bottom: calc(20 / 750 * 100vw); display: block; }
.approach_qa_list { margin-bottom: calc(140 / 750 * 100vw); display: flex; justify-content: center; align-items: flex-start; position: relative; }
.approach_qa_list::before { content: ""; width: calc(151 / 750 * 100vw); height: calc(73 / 750 * 100vw); display: block; background: url(../../img/mask/approach_qa_arrow-bottom.png) 0 0/contain no-repeat; position: absolute; bottom: calc(-115 / 750 * 100vw); left: 50%; transform: translateX(-50%); }
.approach_qa_list_item { width: calc(290 / 750 * 100vw); height: calc(290 / 750 * 100vw); display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #102b42; }
.approach_qa_list_item:not(:last-of-type) { margin-right: calc(10 / 750 * 100vw); }
.approach_qa_img { min-height: calc(340 / 750 * 100vw); text-align: center; position: relative; }
.approach_qa_img::before { content: ""; display: block; position: absolute; }
.approach_qa_img.img1 { height: calc(420 / 750 * 100vw); }
.approach_qa_img.img1::before { width: calc(440 / 750 * 100vw); height: calc(420 / 750 * 100vw); background: url(../../img/mask/approach_qa_img01.png) 0 0/contain no-repeat; top: 0; left: calc(50% - 185 / 750 * 100vw); }
.approach_qa_img.img2::before { width: calc(335 / 750 * 100vw); height: calc(340 / 750 * 100vw); background: url(../../img/mask/approach_qa_img02.png) 0 0/contain no-repeat; top: 0; left: calc(50% - 208 / 750 * 100vw); }
.approach_qa_image { font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #000; line-height: 1; text-align: right; letter-spacing: .04em; position: absolute; right: calc(45 / 750 * 100vw); bottom: calc(55 / 750 * 100vw); }

@media screen and (max-width: 758px) { .approach_box:not(:last-of-type) { margin-bottom: calc(50 / 750 * 100vw); }
  .approach_qa_box:not(:last-of-type) { margin-bottom: calc(160 / 750 * 100vw); }
  .approach_qa_box:not(:last-of-type)::before { content: ""; width: calc(151 / 750 * 100vw); height: calc(73 / 750 * 100vw); display: block; background: url(../../img/mask/approach_qa_arrow-bottom.png) 0 0/contain no-repeat; position: absolute; bottom: calc(-115 / 750 * 100vw); left: 50%; transform: translateX(-50%); }
  .approach_qa_item:not(:last-of-type) { margin-bottom: calc(150 / 750 * 100vw); }
  .approach_qa_item:not(:last-of-type)::before { content: ""; width: calc(151 / 750 * 100vw); height: calc(73 / 750 * 100vw); display: block; background: url(../../img/mask/approach_qa_arrow-bottom.png) 0 0/contain no-repeat; position: absolute; bottom: calc(-115 / 750 * 100vw); left: 50%; transform: translateX(-50%); } }
@media screen and (min-width: 759px) { .approach .gold_bg h2 { position: relative; overflow: hidden; font-size: 30px; font-weight: 600; line-height: calc(60 / 30); text-align: center; color: #ffffff; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; padding: 30px 0; }
  .approach .gold_bg h2::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
  .approach .gold_bg h2.anim::before { animation: shine 3s; }
  .approach .gold_bg h2 strong { font-size: 48px; line-height: calc(60 / 48); }
  .approach .gold_bg h2 span { font-size: 22px; display: block; }
  .approach_wrap { margin: 0 auto; padding: 60px 0 120px; width: 1100px; }
  .approach_cont { display: flex; justify-content: space-between; align-items: flex-start; }
  .approach_box { width: 350px; }
  .approach_box:not(:last-of-type) { margin-right: 24px; }
  .approach_box.box1 .approach_text { margin-bottom: 65px; }
  .approach_box.box2 .approach_text { margin-bottom: 30px; }
  .approach_box.box3 .approach_text { margin-bottom: 50px; }
  .approach_inner { padding: 25px 23px; height: 390px; }
  .approach_title { font-size: 20px; line-height: calc(30 / 20); }
  .approach_title strong { font-size: 30px; line-height: 1; }
  .approach_title span { margin-bottom: 7px; font-size: 24px; }
  .approach_title_wrap { margin-bottom: 4px; height: 120px; }
  .approach_text { font-size: 19px; line-height: calc(27 / 19); }
  .approach_note { margin-top: 10px; font-size: 12px; line-height: calc(16 / 12); }
  .approach_img.img1 img { margin-right: -40px; width: 191px; }
  .approach_img.img2 img { width: 300px; }
  .approach_img.img3 img { width: 213px; }
  .approach_image { font-size: 12px; bottom: -50px; }
  .approach_qa { margin-top: 60px; }
  .approach_qa_wrap { border: 1px solid #ab7900; background-color: rgba(255, 255, 255, 0.5); }
  .approach_qa_cont { padding: 24px 60px 95px 60px; }
  .approach_qa_cont::before { width: 980px; height: 1px; }
  .approach_qa_outline { display: flex; justify-content: flex-start; align-items: flex-end; }
  .approach_qa_box:not(:last-of-type) { margin-right: 70px; }
  .approach_qa_box:not(:last-of-type)::before { content: ""; width: 39px; height: 81px; display: block; background: url(../../img/mask/approach_qa_arrow-right.png) 0 0/contain no-repeat; position: absolute; top: 74px; right: -39px; }
  .approach_qa_box.box2 { margin-bottom: -8px; }
  .approach_qa_inner { padding-left: 35px; display: flex; justify-content: flex-start; align-items: flex-start; }
  .approach_qa_item:not(:last-of-type) { margin-right: 24px; }
  .approach_qa_item:not(:last-of-type)::before { content: ""; width: 39px; height: 81px; display: block; background: url(../../img/mask/approach_qa_arrow-right.png) 0 0/contain no-repeat; position: absolute; top: 107px; right: -39px; }
  .approach_qa_title.title1 { padding: 35px 110px 35px 150px; font-size: 30px; line-height: 1; }
  .approach_qa_title.title1::before { width: 84px; height: 75px; top: calc(50% - 37px); left: 60px; }
  .approach_qa_title.title1 span { right: 85px; }
  .approach_qa_title.title1 span::before, .approach_qa_title.title1 span::after { width: 50px; height: 6px; top: calc(50% - 3px); left: calc(50% - 25px); }
  .approach_qa_title.title2 { margin-bottom: 0; font-size: 26px; }
  .approach_qa_text.text1 { margin-top: 10px; font-size: 20px; line-height: calc(20 / 18); }
  .approach_qa_text.text1 small { font-size: 18px; }
  .approach_qa_text.text2 { font-size: 20px; line-height: calc(40 / 20); }
  .approach_qa_text.text2 strong { font-size: 30px; line-height: calc(40 / 30); }
  .approach_qa_text.text3 { font-size: 16px; line-height: calc(20 / 16); }
  .approach_qa_text.text3 strong { font-size: 22px; line-height: calc(27 / 22); }
  .approach_qa_text.text3 span { margin-bottom: 10px; }
  .approach_qa_list { margin-bottom: 74px; }
  .approach_qa_list::before { width: 81px; height: 39px; bottom: -56px; }
  .approach_qa_list_item { width: 171px; height: 171px; }
  .approach_qa_list_item:not(:last-of-type) { margin-right: 17px; }
  .approach_qa_img { min-height: 250px; }
  .approach_qa_img.img1 { height: auto; }
  .approach_qa_img.img1::before { width: 256px; height: 250px; top: 0; left: calc(50% - 110px); }
  .approach_qa_img.img2::before { width: 195px; height: 200px; top: 45px; left: calc(50% - 120px); }
  .approach_qa_image { font-size: 12px; right: 60px; bottom: 55px; } }
.explanation { background-color: #f1daa2; }
.explanation .gold_bg h2 { position: relative; overflow: hidden; font-size: calc(30 / 750 * 100vw); font-weight: 600; line-height: calc(60 / 30); text-align: center; color: #ffffff; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; padding: 5vw 0; }
.explanation .gold_bg h2::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
.explanation .gold_bg h2.anim::before { animation: shine 3s; }
.explanation .gold_bg h2 strong { font-size: calc(60 / 750 * 100vw); line-height: calc(60 / 48); }
.explanation .gold_bg h2 span { font-size: 5.333333vw; display: block; margin-bottom: 5px; }
.explanation img { max-width: 100%; height: auto; vertical-align: bottom; }
.explanation * { box-sizing: border-box; }
.explanation_wrap { padding: calc(60 / 750 * 100vw) calc(45 / 750 * 100vw) calc(150 / 750 * 100vw); }
.explanation_cont { margin-top: calc(80 / 750 * 100vw); }
.explanation_inner { padding: calc(70 / 750 * 100vw) calc(40 / 750 * 100vw) calc(135 / 750 * 100vw); background-color: #051a2b; position: relative; }
.explanation_list { display: flex; justify-content: center; align-items: flex-start; }
.explanation_list_item { padding-bottom: calc(1em + 18 / 750 * 100vw); text-align: center; position: relative; }
.explanation_list_item:not(:last-of-type) { margin-right: calc(19 / 750 * 100vw); }
.explanation_list_item img { width: calc(182 / 750 * 100vw); }
.explanation_list_item span { font-size: calc(24 / 750 * 100vw); font-weight: 300; color: #f1daa3; line-height: 1; text-align: center; letter-spacing: .04em; word-break: keep-all; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.explanation_title.title1 { font-size: calc(38 / 750 * 100vw); font-weight: 300; color: #fff; line-height: calc(56 / 40); text-align: center; letter-spacing: -.01em; }
.explanation_title.title2 { margin-bottom: calc(40 / 750 * 100vw); font-size: calc(32 / 750 * 100vw); font-weight: 300; color: #fff; line-height: 1; text-align: center; letter-spacing: .04em; position: relative; }
.explanation_title.title2::before, .explanation_title.title2::after { content: ""; width: calc(210 / 750 * 100vw); height: calc(2 / 750 * 100vw); display: block; background-color: #7e7e7e; position: absolute; top: calc(50% - 1 / 750 * 100vw); }
.explanation_title.title2::before { left: 0; }
.explanation_title.title2::after { right: 0; }
.explanation_title_wrap { height: calc(180 / 750 * 100vw); display: flex; justify-content: center; align-items: center; background-color: #b48c3b; }
.explanation_note { margin-top: calc(59 / 750 * 100vw); font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #999; line-height: calc(30 / 22); text-align: left; letter-spacing: -.01em; }
.explanation_note sup { font-size: 100%; vertical-align: baseline; }
.explanation_image { font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #999; line-height: 1; text-align: right; letter-spacing: .04em; position: absolute; right: calc(40 / 750 * 100vw); bottom: calc(85 / 750 * 100vw); }

@media screen and (max-width: 758px) { .explanation .golden_repair { padding-top: 2vw; padding-bottom: 7vw; }
  .explanation .golden_repair .ttl { text-align: center; text-align: center; background: #b38d3b; font-size: 5.333333vw !important; line-height: 1.4 !important; padding: 5vw 0 4.2vw; color: #fff; width: 88.26667vw; margin: 0 auto; }
  .explanation .golden_repair .ttl ruby rt { font-size: 9px; }
  .explanation .golden_repair .sub_ttl { color: #000000; width: 88.26667vw; font-size: 22px; font-size: 2.93333vw; line-height: 0.87273em; margin: 3.66667vw auto 0; text-align: right; }
  .explanation .golden_repair .sub_ttl span { display: inline-block; position: relative; top: 0.4vw; width: auto; margin-top: 0; }
  .explanation .golden_repair .list_ttl { position: relative; overflow: hidden; width: 88.26667vw; font-size: 32px; font-size: 4.26667vw; line-height: 1.6em; text-align: center; color: #000000; margin: 0 auto; padding: 1.06667vw 0; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; }
  .explanation .golden_repair .list_ttl::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
  .explanation .golden_repair .list_ttl.anim::before { animation: shine 3s; }
  .explanation .golden_repair .sub-txt { text-align: right; display: block; margin-right: 5.86666652vw; }
  .explanation .golden_repair span { color: #000000; }
  .explanation .golden_repair ul { width: 88.26667vw; margin: 7vw auto 5vw; position: relative; 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 5vw;
  }
  .explanation .golden_repair ul#golden_repair_list li span small { font-size: 75%; letter-spacing: -.025em; }
  .explanation .golden_repair ul li { 
    opacity: 0; transition: 2.5s cubic-bezier(0.23, 1, 0.32, 1); width: calc(100% / 3); text-align: center; font-size: 3.466667vw; }
  .explanation .golden_repair ul li img {
    margin-bottom: 2vw;
  }
  .explanation .golden_repair ul li:nth-child(2) img, .explanation .golden_repair ul li:nth-child(3) img { width: 35.9999991vw; }
  .explanation .golden_repair ul li:nth-child(1) { margin: 0 auto; }
  .explanation .golden_repair ul li:nth-child(2), .explanation .golden_repair ul li:nth-child(3) {}
  .explanation .golden_repair ul li:nth-child(2) { left: 4.26666656vw; }
  .explanation .golden_repair ul li:nth-child(3) { right: 4.26666656vw; }
  .explanation .golden_repair ul li.anim { opacity: 1; }
  .explanation_block:not(:last-of-type) { margin-bottom: calc(85 / 750 * 100vw); } }
@media screen and (min-width: 759px) { .explanation .gold_bg h2 { position: relative; overflow: hidden; font-size: 30px; font-weight: 600; line-height: calc(60 / 30); text-align: center; color: #ffffff; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; padding: 30px 0; }
  .explanation .gold_bg h2::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
  .explanation .gold_bg h2.anim::before { animation: shine 3s; }
  .explanation .gold_bg h2 strong { font-size: 48px; line-height: calc(60 / 48); }
  .explanation .gold_bg h2 span { font-size: 22px; display: block; }
  .explanation .golden_repair span { display: block; width: 814px; font-size: 12px; line-height: 1.6em; margin: 54px auto 0; text-align: right; color: #000000; }
  .explanation .golden_repair .ttl { font-size: 34px; line-height: 0.94118em; margin-top: 30px; text-align: center; font-size: 26px; line-height: 0; margin: 30px auto 0; background: #b38d3b; width: 1101px; color: #fff; padding: 30px 0; }
  .explanation .golden_repair .ttl ruby rt { font-size: 10px; }
  .explanation .golden_repair .sub_ttl { width: 814px; font-size: 12px; line-height: 1.6em; margin: 7px auto 0; text-align: right; width: 1100px; font-size: 12px; line-height: 1.6em; margin: 7px auto 0; text-align: right; color: #000000; }
  .explanation .golden_repair .sub_ttl span { position: relative; top: 3px; display: inline-block; width: auto; margin-top: 0; position: relative; top: 3px; display: inline-block; width: auto; margin-top: 0; }
  .explanation .golden_repair .list_ttl { position: relative; overflow: hidden; width: 1101px; font-size: 18px; line-height: 1.77778em; text-align: center; color: #000000; margin: 1px auto 0; padding: 1px 0; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; position: relative; overflow: hidden; width: 1101px; font-size: 18px; line-height: 1.77778em; text-align: center; color: #000000; margin: 1px auto 0; padding: 1px 0; background: url(../../img/underlayer_cmn/gold_bg.jpg) repeat-y top left; background-size: 100%; }
  .explanation .golden_repair .list_ttl::before { position: absolute; content: ""; width: 50%; /*キラッの横幅*/ height: 100%; /*キラッの縦幅*/ top: 0; /*.shine span.maskのトップ0を基点*/ left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); /*背景白透過を斜めに*/ }
  .explanation .golden_repair .list_ttl.anim::before { animation: shine 3s; }
  .explanation .golden_repair ul#golden_repair_list { width: 670px; margin: 20px auto 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  .explanation .golden_repair ul#golden_repair_list li { width: 180px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; opacity: 0; transition: 2.5s cubic-bezier(0.23, 1, 0.32, 1); width: 203px; position: relative; }
  .explanation .golden_repair ul#golden_repair_list li:nth-child(1) img { width: 100% !important; }
  .explanation .golden_repair ul#golden_repair_list li.anim { opacity: 1; }
  .explanation .golden_repair ul#golden_repair_list li img { width: 180px; }
  .explanation .golden_repair ul#golden_repair_list li span { display: block; position: absolute; display: block; position: absolute; left: 0; bottom: -48px; width: auto; margin: 0; font-size: 17px; line-height: 1.2; width: 100%; text-align: center; color: #000000; }
  .explanation .golden_repair ul#golden_repair_list li span small { font-size: 75%; letter-spacing: -.025em; }
  .explanation .golden_repair ul#golden_repair_list li:nth-child(2) span, .explanation .golden_repair ul#golden_repair_list li:nth-child(3) span { bottom: -60px; }
  .explanation_wrap { margin: 0 auto; padding: 60px 0 120px; width: 1100px; }
  .explanation_cont { margin-top: 60px; }
  .explanation_inner { padding: 50px 165px 35px; }
  .explanation_outline { display: flex; justify-content: center; align-items: flex-start; }
  .explanation_block:not(:last-of-type) { margin-right: 20px; }
  .explanation_block.block2 .explanation_title.title2::before, .explanation_block.block2 .explanation_title.title2::after { width: 90px; height: 1px; top: calc(50% - 1px); }
  .explanation_list { padding-bottom: 20px; display: flex; justify-content: center; align-items: flex-start; border-bottom: 1px solid #7e7e7e; }
  .explanation_list_item { padding-bottom: calc(1em + 15px); }
  .explanation_list_item:not(:last-of-type) { margin-right: 10px; }
  .explanation_list_item img { width: 144px; }
  .explanation_list_item span { font-size: 15px; }
  .explanation_title.title1 { font-size: 26px; line-height: 1; }
  .explanation_title.title2 { margin-bottom: 20px; font-size: 20px; }
  .explanation_title.title2::before, .explanation_title.title2::after { width: 172px; height: 1px; top: calc(50% - 1px); }
  .explanation_title_wrap { height: 70px; }
  .explanation_title sup { font-size: 30%; vertical-align: top; }
  .explanation_note { margin-top: 60px; font-size: 12px; line-height: calc(16 / 12); text-align: center; }
  .explanation_image { font-size: 12px; right: 140px; bottom: 85px; } }