@charset "UTF-8";
/* 余白調整用 */
@media screen and (max-width: 896px) { .mb0_sp { margin-bottom: 0 !important; }
  .mb10_sp { margin-bottom: 1.34vw !important; }
  .mb20_sp { margin-bottom: 2.67vw !important; }
  .mb30_sp { margin-bottom: 4vw !important; }
  .mb40_sp { margin-bottom: 5.34vw !important; }
  .mb50_sp { margin-bottom: 6.67vw !important; }
  .mb80_sp { margin-bottom: 10.67vw !important; }
  .pb0_sp { padding-bottom: 0 !important; }
  .pb10_sp { padding-bottom: 1.34vw !important; }
  .pb20_sp { padding-bottom: 2.67vw !important; }
  .pb30_sp { padding-bottom: 4vw !important; }
  .pb40_sp { padding-bottom: 5.34vw !important; }
  .pb50_sp { padding-bottom: 6.67vw !important; } }
@media screen and (min-width: 897px) { .mb0_pc { margin-bottom: 0px !important; }
  .mb10_pc { margin-bottom: 10px !important; }
  .mb20_pc { margin-bottom: 20px !important; }
  .mb40_pc { margin-bottom: 40px !important; }
  .mb60_pc { margin-bottom: 60px !important; }
  .mb80_pc { margin-bottom: 80px !important; }
  .mb100_pc { margin-bottom: 100px !important; }
  .mb120_pc { margin-bottom: 120px !important; }
  .mb140_pc { margin-bottom: 140px !important; }
  .pb0_pc { padding-bottom: 0px !important; }
  .pb20_pc { padding-bottom: 20px !important; }
  .pb40_pc { padding-bottom: 40px !important; }
  .pb60_pc { padding-bottom: 60px !important; }
  .pb80_pc { padding-bottom: 80px !important; }
  .pb100_pc { padding-bottom: 100px !important; }
  .pb120_pc { padding-bottom: 120px !important; }
  .pb140_pc { padding-bottom: 140px !important; } }
@media screen and (pc) { .mb0_pc { margin-bottom: 0px !important; }
  .mb10_pc { margin-bottom: 10px !important; }
  .mb20_pc { margin-bottom: 20px !important; }
  .mb40_pc { margin-bottom: 40px !important; }
  .mb60_pc { margin-bottom: 60px !important; }
  .mb80_pc { margin-bottom: 80px !important; }
  .mb100_pc { margin-bottom: 100px !important; }
  .mb120_pc { margin-bottom: 120px !important; }
  .mb140_pc { margin-bottom: 140px !important; }
  .pb0_pc { padding-bottom: 0px !important; }
  .pb20_pc { padding-bottom: 20px !important; }
  .pb40_pc { padding-bottom: 40px !important; }
  .pb60_pc { padding-bottom: 60px !important; }
  .pb80_pc { padding-bottom: 80px !important; }
  .pb100_pc { padding-bottom: 100px !important; }
  .pb120_pc { padding-bottom: 120px !important; }
  .pb140_pc { padding-bottom: 140px !important; } }
/* 要素表示・非表示用 */
.sp { display: inline-block; }

@media screen and (max-width: 896px) { .pc { display: none; } }
@media screen and (min-width: 897px) { .sp { display: none; } }
@media screen and (pc) { .sp { display: none; } }
@keyframes bounce { 30%,  to { transform: translateY(0); }
  80% { transform: translateY(15px); } }
* { box-sizing: border-box; }

html { font-size: 62.5%; }

body { font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-size: 2.14vw; color: #fefefe; overflow-x: hidden; }

img { vertical-align: bottom; }

@media screen and (min-width: 897px) { body { font-size: 1.6rem; }
  a:hover { opacity: .7; } }
@media screen and (pc) { body { font-size: 1.6rem; }
  a:hover { opacity: .7; } }
/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/
@media screen and (max-width: 896px) { header { position: relative; }
  header img { width: 100%; } }
@media screen and (min-width: 897px) { header { height: 850px; background: url(../img/pc/kv_bg.jpg) center 0/cover no-repeat; position: relative; } }
@media screen and (pc) { header { height: 850px; background: url(../img/pc/kv_bg.jpg) center 0/cover no-repeat; position: relative; } }
h1 { text-align: center; }

.headerLink { position: absolute; top: 2.67vw; right: 2.67vw; }

@media screen and (max-width: 896px) { .headerLink { width: 34vw; } }
@media screen and (min-width: 897px) { h1 { display: flex; justify-content: center; }
  .headerLink { position: absolute; top: 18px; right: calc(50% - 500px); } }
@media screen and (pc) { h1 { display: flex; justify-content: center; }
  .headerLink { position: absolute; top: 18px; right: calc(50% - 500px); } }
.headerAnchor { position: absolute; left: 5vw; bottom: -23.67vw; text-align: center; z-index: 1; }
.headerAnchor a { display: block; }
.headerAnchor a span { padding-top: 2.67vw; display: inline-block; position: relative; }

@media screen and (max-width: 896px) { .headerAnchor { width: 90%; } }
@media screen and (min-width: 897px) { .headerAnchor { position: absolute; left: calc(50% - 500px); bottom: -85px; }
  .headerAnchor a { width: 1000px; height: 151px; display: block; background: url(../img/pc/anchor_bg.png) 0 0/100% no-repeat; }
  .headerAnchor a:hover { opacity: 1; animation: bounce 0.35s cubic-bezier(0.1, 0.25, 0.35, 0.5) forwards; }
  .headerAnchor a span { padding-top: 20px; display: inline-block; position: relative; }
  .headerAnchor a span:before { content: ""; width: 79px; height: 79px; display: block; background: url(../img/pc/anchor_icon.png) 0 0 no-repeat; position: absolute; right: -92px; top: -10px; } }
@media screen and (pc) { .headerAnchor { position: absolute; left: calc(50% - 500px); bottom: -85px; }
  .headerAnchor a { width: 1000px; height: 151px; display: block; background: url(../img/pc/anchor_bg.png) 0 0/100% no-repeat; }
  .headerAnchor a:hover { opacity: 1; animation: bounce 0.35s cubic-bezier(0.1, 0.25, 0.35, 0.5) forwards; }
  .headerAnchor a span { padding-top: 20px; display: inline-block; position: relative; }
  .headerAnchor a span:before { content: ""; width: 79px; height: 79px; display: block; background: url(../img/pc/anchor_icon.png) 0 0 no-repeat; position: absolute; right: -92px; top: -10px; } }
/*---------------------------------------------------------------------------------------
	lead
----------------------------------------------------------------------------------------*/
/* leadBnr */
.leadBnr { margin-bottom: calc(65 / 750 * 100vw); }
.leadBnr a:hover { opacity: .8; }

@media screen and (max-width: 896px) { .leadBnr img { width: calc(740 / 750 * 100vw); } }
@media screen and (min-width: 897px) { margin-bottom: 130px; }
@media screen and (pc) { margin-bottom: 130px; }
/* leadConts */
.leadConts { padding: 22vw 0 calc(80 / 750 * 100vw); text-align: center; background: url(../img/lead_bg.jpg) center 0/130% no-repeat, #fff; }
.leadConts h2 { margin-bottom: 2.67vw; font-size: 8vw; font-weight: 600; line-height: 1.2; text-shadow: 0 0 4vw rgba(0, 0, 0, 0.4); }

@media screen and (min-width: 897px) { .leadConts { padding: 125px 0 0; position: relative; background: url(../img/pc/lead_bg.jpg) center 0/100% no-repeat, #fff; }
  .leadConts h2 { margin-bottom: 20px; font-size: 82px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
  .leadConts h2:before { content: ""; width: 1336px; height: 466px; display: block; background: url(../img/lead_ttl_bg.png) 0 0 no-repeat; position: absolute; left: calc(50% - 668px); top: 50px; } }
@media screen and (pc) { .leadConts { padding: 125px 0 0; position: relative; background: url(../img/pc/lead_bg.jpg) center 0/100% no-repeat, #fff; }
  .leadConts h2 { margin-bottom: 20px; font-size: 82px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
  .leadConts h2:before { content: ""; width: 1336px; height: 466px; display: block; background: url(../img/lead_ttl_bg.png) 0 0 no-repeat; position: absolute; left: calc(50% - 668px); top: 50px; } }
/* leadText */
.leadText { font-size: 4.8vw; line-height: 1.56; color: #fff; text-align: center; text-shadow: 0 0 1vw rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 896px) { .leadText { margin: 0 2.67vw; margin-bottom: 11vw; text-shadow: 1.34vw 1.34vw 4vw rgba(0, 0, 0, 0.7); } }
@media screen and (min-width: 897px) { .leadText { margin-bottom: 145px; font-size: 2.2rem; line-height: 1.54; letter-spacing: -.01em; } }
@media screen and (pc) { .leadText { margin-bottom: 145px; font-size: 2.2rem; line-height: 1.54; letter-spacing: -.01em; } }
/* leadStructure */
.leadStructure { display: flex; }

.leadStructureCont { display: flex; flex-direction: column; }

.leadStructureText { padding: 6vw 8vw; font-size: 4.8vw; line-height: 1.54; color: #009ee9; text-align: left; box-shadow: 1.34vw 1.34vw 4vw rgba(0, 0, 0, 0.25); background: #ffffff; }
.leadStructureText h4 { font-size: 4.8vw; font-weight: 900; }

@media screen and (max-width: 896px) { .leadStructure { margin: 0 6.67vw; margin-bottom: 11vw; flex-direction: column-reverse; }
  .leadStructure img { width: 100%; height: auto; }
  .leadStructureCont { margin-bottom: 8vw; text-align: left; }
  .leadStructureCont h3 { margin-bottom: 4vw; padding-left: 2.67vw; }
  .leadStructureCont h3 img { width: 75%; } }
@media screen and (min-width: 897px) { .leadStructure { justify-content: center; position: relative; left: 50px; }
  .leadStructureCont { position: relative; top: -25px; left: -165px; }
  .leadStructureText { padding: 65px 65px 65px 60px; max-width: 470px; font-size: 1.8rem; box-shadow: 21px 18px 30px rgba(0, 0, 0, 0.25); position: relative; top: -40px; left: 15px; }
  .leadStructureText h4 { margin-bottom: 15px; font-size: 2.4rem; } }
@media screen and (pc) { .leadStructure { justify-content: center; position: relative; left: 50px; }
  .leadStructureCont { position: relative; top: -25px; left: -165px; }
  .leadStructureText { padding: 65px 65px 65px 60px; max-width: 470px; font-size: 1.8rem; box-shadow: 21px 18px 30px rgba(0, 0, 0, 0.25); position: relative; top: -40px; left: 15px; }
  .leadStructureText h4 { margin-bottom: 15px; font-size: 2.4rem; } }
/* leadEffect */
.leadEffectCont { position: relative; }
.leadEffectCont:before { content: ""; width: 100%; height: 100%; display: block; background: url(../img/lead_effect_bg.png) 0 0 repeat; position: absolute; top: 4vw; left: 0; }
.leadEffectCont p { position: relative; z-index: 1; }

.leadEffectText { margin-top: calc(150 / 750 * 100vw); margin-bottom: calc(60 / 750 * 100vw); text-align: center; position: relative; }
.leadEffectText:before { content: ""; width: 0; height: 0; border-style: solid; border-width: calc(50 / 750 * 100vw) calc(120 / 750 * 100vw) 0 calc(120 / 750 * 100vw); border-color: #009ee9 transparent transparent transparent; display: block; position: absolute; top: calc(-80 / 750 * 100vw); left: calc(50% - 120 / 750 * 100vw); }

.leadEffectNote { padding-left: 1em; text-indent: -1em; font-size: 4vw; line-height: 1.2; color: #009ee9; text-align: left; text-shadow: 0.1em 0.1em #fff, 0.2em 0.2em #fff; }
.leadEffectNote:before { content: "※"; }

@media screen and (max-width: 896px) { .leadEffect { padding: 0 6.67vw; }
  .leadEffect h3 { margin-bottom: 4vw; text-align: right; }
  .leadEffect h3 img { width: 75%; }
  .leadEffect img { width: 100%; }
  .leadEffectCont { margin: 0 6.67vw 4vw; }
  .leadEffectCont > :not(:last-child) { margin-bottom: 2.67vw; } }
@media screen and (min-width: 897px) { .leadEffect { margin: 0 auto; margin-top: 40px; max-width: 1000px; }
  .leadEffect h3 { text-align: left; }
  .leadEffectCont { margin-top: -25px; display: flex; justify-content: center; position: relative; }
  .leadEffectCont:before { content: ""; width: 1000px; height: 285px; display: block; background: url(../img/lead_effect_bg.png) 0 0 repeat; position: absolute; top: 30px; left: 0; }
  .leadEffectCont:after { content: ""; width: 230px; height: 475px; display: block; background: url(../img/lead_effect_img.png?date=1906) 0 0 no-repeat; position: absolute; top: -55px; left: calc(50% - 115px); z-index: 1; }
  .leadEffectCont p:not(:last-child) { margin-right: 140px; }
  .leadEffectText { margin-top: 180px; margin-bottom: 25px; }
  .leadEffectText:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 110px 0 110px; border-color: #009ee9 transparent transparent transparent; display: block; position: absolute; top: -75px; left: calc(50% - 110px); }
  .leadEffectText:after { content: ""; width: 411px; height: 431px; display: block; background: url(../img/pc/lead_effect-text_after.png) 0 0/contain no-repeat; position: absolute; top: -195px; left: calc(50% + 140px); }
  .leadEffectText img { width: 830px; }
  .leadEffectNote { font-size: 2rem; text-align: center; } }
@media screen and (pc) { .leadEffect { margin: 0 auto; margin-top: 40px; max-width: 1000px; }
  .leadEffect h3 { text-align: left; }
  .leadEffectCont { margin-top: -25px; display: flex; justify-content: center; position: relative; }
  .leadEffectCont:before { content: ""; width: 1000px; height: 285px; display: block; background: url(../img/lead_effect_bg.png) 0 0 repeat; position: absolute; top: 30px; left: 0; }
  .leadEffectCont:after { content: ""; width: 230px; height: 475px; display: block; background: url(../img/lead_effect_img.png?date=1906) 0 0 no-repeat; position: absolute; top: -55px; left: calc(50% - 115px); z-index: 1; }
  .leadEffectCont p:not(:last-child) { margin-right: 140px; }
  .leadEffectText { margin-top: 180px; margin-bottom: 25px; }
  .leadEffectText:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 110px 0 110px; border-color: #009ee9 transparent transparent transparent; display: block; position: absolute; top: -75px; left: calc(50% - 110px); }
  .leadEffectText:after { content: ""; width: 411px; height: 431px; display: block; background: url(../img/pc/lead_effect-text_after.png) 0 0/contain no-repeat; position: absolute; top: -195px; left: calc(50% + 140px); }
  .leadEffectText img { width: 830px; }
  .leadEffectNote { font-size: 2rem; text-align: center; } }
/* leadScene */
.leadScene { margin-top: calc(80 / 750 * 100vw); margin-bottom: calc(60 / 750 * 100vw); position: relative; }

.leadSceneTtl { margin-bottom: calc(10 / 750 * 100vw); text-align: center; position: relative; }

.leadSceneThumb { position: relative; }

@media screen and (max-width: 896px) { .leadSceneTtl img { width: calc(552 / 750 * 100vw); }
  .leadSceneThumb img { width: calc(669 / 750 * 100vw); } }
@media screen and (min-width: 897px) { .leadScene { margin-top: 145px; margin-bottom: 145px; }
  .leadScene:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_scene_before.png) 0 0/contain no-repeat; position: absolute; top: 60px; left: calc(50% - 570px); }
  .leadScene:after { content: ""; width: 312px; height: 541px; display: block; background: url(../img/pc/lead_scene_after.png) 0 0/contain no-repeat; position: absolute; top: -20px; left: calc(50% + 280px); }
  .leadSceneTtl { margin-bottom: 30px; } }
@media screen and (pc) { .leadScene { margin-top: 145px; margin-bottom: 145px; }
  .leadScene:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_scene_before.png) 0 0/contain no-repeat; position: absolute; top: 60px; left: calc(50% - 570px); }
  .leadScene:after { content: ""; width: 312px; height: 541px; display: block; background: url(../img/pc/lead_scene_after.png) 0 0/contain no-repeat; position: absolute; top: -20px; left: calc(50% + 280px); }
  .leadSceneTtl { margin-bottom: 30px; } }
/* leadReview */
.leadReviewMoreButton { transition: all .5s; min-width: 280px; display: inline-block; cursor: pointer; padding: 20px; border: #009ee9 solid 1px; color: #000; }
.leadReviewMoreButton:hover { background: rgba(0, 158, 233, 0.2) 20%; }

.leadReview { position: relative; }

.leadReviewTtl { margin-bottom: calc(30 / 750 * 100vw); text-align: center; position: relative; }

.leadReviewList { padding: calc(25 / 750 * 100vw) calc(25 / 750 * 100vw) calc(30 / 750 * 100vw) calc(25 / 750 * 100vw); text-align: left; background: #ececec; box-sizing: border-box; position: relative; z-index: 1; }
.leadReviewList:not(:last-child) { margin-bottom: calc(15 / 750 * 100vw); }
.leadReviewListUp { min-height: calc(25 / 750 * 100vw); display: flex; align-items: center; position: relative; }
.leadReviewListStar:before { content: ""; width: calc(200 / 750 * 100vw); height: calc(34 / 750 * 100vw); display: block; position: absolute; top: 0; left: 0; }
.leadReviewListStar.star01:before { background: url(../img/lead_review_star01.png) 0 0/contain no-repeat; }
.leadReviewListStar.star02:before { background: url(../img/lead_review_star02.png) 0 0/contain no-repeat; }
.leadReviewListStar.star03:before { background: url(../img/lead_review_star03.png) 0 0/contain no-repeat; }
.leadReviewListStar.star04:before { background: url(../img/lead_review_star04.png) 0 0/contain no-repeat; }
.leadReviewListStar.star05:before { background: url(../img/lead_review_star05.png) 0 0/contain no-repeat; }
.leadReviewListName { min-width: calc(170 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); color: #666666; line-height: 1; }
.leadReviewListDate { margin-left: calc(35 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); color: #666666; line-height: 1; }
.leadReviewListText { margin-top: calc(15 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); color: #000000; line-height: 1.88; line-height: calc(30 / 18); }

@media screen and (max-width: 896px) { .leadReviewTtl img { width: calc(479 / 750 * 100vw); }
  .leadReviewList { margin: 0 calc(30 / 750 * 100vw); }
  .leadReviewListUp { flex-wrap: wrap; }
  .leadReviewListStar { margin-bottom: calc(15 / 750 * 100vw); width: 100%; height: calc(34 / 750 * 100vw); } }
@media screen and (min-width: 897px) { .leadReview { margin-top: 145px; margin-bottom: 135px; }
  .leadReview:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_review_before.png) 0 0/contain no-repeat; position: absolute; top: 60px; left: calc(50% - 570px); }
  .leadReview:after { content: ""; width: 312px; height: 541px; display: block; background: url(../img/pc/lead_review_after.png) 0 0/contain no-repeat; position: absolute; top: -20px; left: calc(50% + 280px); }
  .leadReviewTtl { margin-bottom: 35px; }
  .leadReviewList { margin: 0 auto; padding: 20px 25px 25px 20px; max-width: 830px; }
  .leadReviewList:not(:last-child) { margin-bottom: 30px; }
  .leadReviewListUp { min-height: 25px; }
  .leadReviewListStar { min-width: 147px; }
  .leadReviewListStar:before { content: ""; width: 147px; height: 25px; display: block; position: absolute; top: 0; left: 0; }
  .leadReviewListName { margin-left: 25px; min-width: 170px; font-size: 16px; }
  .leadReviewListDate { margin-left: 35px; font-size: 16px; }
  .leadReviewListText { margin-top: 15px; font-size: 16px; } }
@media screen and (pc) { .leadReview { margin-top: 145px; margin-bottom: 135px; }
  .leadReview:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_review_before.png) 0 0/contain no-repeat; position: absolute; top: 60px; left: calc(50% - 570px); }
  .leadReview:after { content: ""; width: 312px; height: 541px; display: block; background: url(../img/pc/lead_review_after.png) 0 0/contain no-repeat; position: absolute; top: -20px; left: calc(50% + 280px); }
  .leadReviewTtl { margin-bottom: 35px; }
  .leadReviewList { margin: 0 auto; padding: 20px 25px 25px 20px; max-width: 830px; }
  .leadReviewList:not(:last-child) { margin-bottom: 30px; }
  .leadReviewListUp { min-height: 25px; }
  .leadReviewListStar { min-width: 147px; }
  .leadReviewListStar:before { content: ""; width: 147px; height: 25px; display: block; position: absolute; top: 0; left: 0; }
  .leadReviewListName { margin-left: 25px; min-width: 170px; font-size: 16px; }
  .leadReviewListDate { margin-left: 35px; font-size: 16px; }
  .leadReviewListText { margin-top: 15px; font-size: 16px; } }
/* leadProduct */
.leadProduct { margin: 0 auto; text-align: left; position: relative; }

.leadProductText { margin-top: calc(80 / 750 * 100vw); margin-bottom: calc(60 / 750 * 100vw); text-align: center; position: relative; }

.leadProductCatch { margin-bottom: calc(50 / 750 * 100vw); text-align: center; }

.leadProductCatchText { padding: 0 calc(5 / 750 * 100vw) calc(5 / 750 * 100vw) calc(10 / 750 * 100vw); font-size: calc(50 / 750 * 100vw); font-weight: 600; color: #000; line-height: 1; letter-spacing: -.05em; display: inline-block; background: linear-gradient(to bottom, #fff 50%, rgba(0, 158, 233, 0.2) 50%); }
.leadProductCatchText.pc { display: none; }

.leadProductCatchNote { margin-top: calc(10 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); font-weight: 300; line-height: 1; color: #000; letter-spacing: -.05em; }

.leadProductFeature { margin-top: calc(80 / 750 * 100vw); margin-bottom: calc(125 / 750 * 100vw); position: relative; }

.leadProductFeatureTtl { margin-bottom: calc(35 / 750 * 100vw); font-size: calc(53 / 750 * 100vw); font-weight: 900; color: #009ee9; line-height: 1; letter-spacing: -.05em; position: relative; }

.leadProductFeatureCont { display: flex; flex-direction: column-reverse; }

.leadProductFeatureLists { font-size: calc(30 / 750 * 100vw); font-weight: 400; color: #000; line-height: 1; letter-spacing: -.05em; }
.leadProductFeatureLists li { margin-bottom: calc(25 / 750 * 100vw); }

.leadProductComparison { position: relative; }

.leadProductComparisonTtl { margin-bottom: calc(35 / 750 * 100vw); font-size: calc(53 / 750 * 100vw); font-weight: 900; color: #009ee9; line-height: 1.25; line-height: calc(45 / 36); letter-spacing: -.05em; position: relative; }

.leadProductComparisonThumb { margin-bottom: calc(55 / 750 * 100vw); display: inline-block; position: relative; }
.leadProductComparisonThumb:before { content: ""; width: calc(419 / 750 * 100vw); height: calc(155 / 750 * 100vw); display: block; background: url(../img/lead_product-comparison_thumb_before.png) 0 0/contain no-repeat; position: absolute; top: calc(-115 / 750 * 100vw); right: calc(-35 / 750 * 100vw); }

.leadProductComparisonTableCont:not(:last-child) { margin-bottom: calc(65 / 750 * 100vw); }

.leadProductComparisonTableTtl { margin-bottom: calc(15 / 750 * 100vw); font-size: calc(42 / 750 * 100vw); font-weight: 600; color: #000; line-height: 1; letter-spacing: -.05em; }
.leadProductComparisonTableTtl span { font-size: 80%; }

@media screen and (max-width: 896px) { .leadProduct { margin: 0 calc(30 / 750 * 100vw); }
  .leadProductText img { width: calc(689 / 750 * 100vw); }
  .leadProductCatchText.AMTp10 { margin-top: calc(10 / 750 * 100vw); }
  .leadProductFeatureThumb { margin-bottom: calc(30 / 750 * 100vw); text-align: center; }
  .leadProductFeatureThumb img { width: calc(538 / 750 * 100vw); }
  .leadProductComparisonThumb { margin-top: calc(115 / 750 * 100vw); }
  .leadProductComparisonThumb img { width: calc(661 / 750 * 100vw); }
  .leadProductComparisonTableCont img { width: calc(689 / 750 * 100vw); } }
@media screen and (min-width: 897px) { .leadProduct { width: 840px; padding-bottom: 110px; }
  .leadProductText { margin-top: 120px; margin-bottom: 40px; }
  .leadProductText img { width: 830px; }
  .leadProductCatch { margin-bottom: 30px; }
  .leadProductCatchText { padding: 0 5px 5px 10px; font-size: 3rem; }
  .leadProductCatchText.pc { display: inline-block; }
  .leadProductCatchText.sp { display: none; }
  .leadProductCatchNote { margin-top: 5px; font-size: 1.4rem; }
  .leadProductFeature { margin-top: 70px; margin-bottom: 60px; }
  .leadProductFeature:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_product-feature_before.png) 0 0/contain no-repeat; position: absolute; top: -17px; left: calc(50% - 620px); }
  .leadProductFeatureTtl { margin-bottom: 30px; font-size: 36px; }
  .leadProductFeatureCont { flex-direction: row; justify-content: space-between; }
  .leadProductFeatureLists { font-size: 20px; }
  .leadProductFeatureLists li { margin-bottom: 20px; }
  .leadProductFeatureThumb { margin-top: -39px; }
  .leadProductComparison:before { content: ""; width: 411px; height: 431px; display: block; background: url(../img/pc/lead_product-comparison_before.png) 0 0/contain no-repeat; position: absolute; top: -35px; left: calc(50% + 310px); }
  .leadProductComparisonTtl { margin-bottom: 30px; font-size: 36px; }
  .leadProductComparisonThumb { margin-bottom: 60px; }
  .leadProductComparisonThumb:before { content: ""; width: 260px; height: 239px; display: block; background: url(../img/pc/lead_product-comparison_thumb_before.png) 0 0/contain no-repeat; position: absolute; top: -70px; right: -270px; }
  .leadProductComparisonTableCont:not(:last-child) { margin-bottom: 65px; }
  .leadProductComparisonTableTtl { margin-bottom: 10px; font-size: 24px; } }
@media screen and (pc) { .leadProduct { width: 840px; padding-bottom: 110px; }
  .leadProductText { margin-top: 120px; margin-bottom: 40px; }
  .leadProductText img { width: 830px; }
  .leadProductCatch { margin-bottom: 30px; }
  .leadProductCatchText { padding: 0 5px 5px 10px; font-size: 3rem; }
  .leadProductCatchText.pc { display: inline-block; }
  .leadProductCatchText.sp { display: none; }
  .leadProductCatchNote { margin-top: 5px; font-size: 1.4rem; }
  .leadProductFeature { margin-top: 70px; margin-bottom: 60px; }
  .leadProductFeature:before { content: ""; width: 341px; height: 477px; display: block; background: url(../img/pc/lead_product-feature_before.png) 0 0/contain no-repeat; position: absolute; top: -17px; left: calc(50% - 620px); }
  .leadProductFeatureTtl { margin-bottom: 30px; font-size: 36px; }
  .leadProductFeatureCont { flex-direction: row; justify-content: space-between; }
  .leadProductFeatureLists { font-size: 20px; }
  .leadProductFeatureLists li { margin-bottom: 20px; }
  .leadProductFeatureThumb { margin-top: -39px; }
  .leadProductComparison:before { content: ""; width: 411px; height: 431px; display: block; background: url(../img/pc/lead_product-comparison_before.png) 0 0/contain no-repeat; position: absolute; top: -35px; left: calc(50% + 310px); }
  .leadProductComparisonTtl { margin-bottom: 30px; font-size: 36px; }
  .leadProductComparisonThumb { margin-bottom: 60px; }
  .leadProductComparisonThumb:before { content: ""; width: 260px; height: 239px; display: block; background: url(../img/pc/lead_product-comparison_thumb_before.png) 0 0/contain no-repeat; position: absolute; top: -70px; right: -270px; }
  .leadProductComparisonTableCont:not(:last-child) { margin-bottom: 65px; }
  .leadProductComparisonTableTtl { margin-bottom: 10px; font-size: 24px; } }
/*---------------------------------------------------------------------------------------
	lineup
----------------------------------------------------------------------------------------*/
.lineup { padding-bottom: 12vw; background: #ffffff; }
.lineup h2 { margin-bottom: 6.67vw; height: calc(322 / 750 * 100vw); font-size: 5.34vw; font-weight: 900; display: flex; justify-content: center; align-items: center; background: url(../img/lineup.jpg) calc(50% - 8vw) 0/cover no-repeat; }

.lineupCont:not(:first-child) { margin-top: 10.67vw; }

.lineupRelease { margin-bottom: 2.67vw; padding: 1.34vw; font-size: 4vw; display: inline-block; background: #000000; }

.lineupRelease_new { margin-bottom: 10px; padding: 5px 10px; font-size: 18px; display: inline-block; background: #d90000; }

.lineupHead.old { margin-bottom: calc(60 / 750 * 100vw); padding-bottom: calc(40 / 750 * 100vw); border-bottom: calc(2 / 750 * 100vw) solid #e0e0e0; }

.lineupName { font-size: 4vw; font-weight: 600; color: #009ee9; line-height: 1.2; }
.lineupName span { margin-bottom: 1.34vw; font-size: 9vw; font-weight: 900; display: inline-block; }

.lineupPrice { font-size: 6.94vw; font-weight: 600; color: #000000; }
.lineupPrice small { font-size: 60%; }

.lineupNote { margin-top: 4vw; font-size: 4vw; line-height: 1.47; color: #000000; display: flex; justify-content: center; }
.lineupNote li { padding-left: 1em; text-indent: -1em; }
.lineupNote li:before { content: "・"; }
.lineupNote li img { vertical-align: middle; }

.lineupBox { margin-top: 5.34vw; }

.lineupBoxText { margin-top: 5.6vw; font-size: 3.34vw; line-height: 1.47; color: #000; display: flex; }
.lineupBoxText ul { margin-right: 4vw; display: flex; }
.lineupBoxText li { margin-right: 1.34vw; display: flex; flex-direction: column; }
.lineupBoxText li:last-child { margin-right: 0; }
.lineupBoxText li span { margin-top: 1.34vw; }

.lineupIconText1 { font-size: 1.74vw; text-align: center; }
.lineupIconText2 { font-size: 1.34vw; line-height: 1.02; text-align: center; }

.lineupBoxSpec { margin-top: 4vw; font-size: 4.33vw; color: #000000; }
.lineupBoxSpec thead { background: #e2e2e2; }
.lineupBoxSpec thead th { padding-left: 1.34vw; font-weight: 600; text-align: left; }
.lineupBoxSpec thead td { font-weight: 600; text-align: center; }
.lineupBoxSpec tbody { background: #e2e2e2; }
.lineupBoxSpec tbody tr:nth-child(2n) th { background: #e2e2e2; }
.lineupBoxSpec tbody tr:nth-child(2n) td { background: #f6f6f6; }
.lineupBoxSpec tbody tr:nth-child(2n+1) th { background: #efefef; }
.lineupBoxSpec tbody tr:nth-child(2n+1) td { background: #ffffff; }
.lineupBoxSpec th { padding: 1.34vw 0; padding-left: 1.34vw; width: 18%; font-weight: 600; text-align: left; border: 1px solid #b4b4b4; }
.lineupBoxSpec td { padding: 1.34vw 0; width: 15%; font-weight: 300; text-align: center; border: 1px solid #b4b4b4; }

.lineupBoxOther { margin-top: 2.67vw; padding: 4vw; font-size: 4vw; line-height: 1.47; color: #000000; background: #f6f6f6; }
.lineupBoxOther p { padding-left: 0; position: relative; }
.lineupBoxOther p:not(:last-of-type) { margin-bottom: calc(40 / 750 * 100vw); }
.lineupBoxOther p:first-of-type:before { content: "＜付属品＞"; position: absolute; top: 0; left: 0; }

.lineupBnr { margin: 0 auto; margin-top: 6vw; width: calc(540 / 750 * 100vw); }
.lineupBnr a { min-height: calc(154 / 750 * 100vw); font-size: 2.94vw; line-height: 1.3; color: #fff; text-align: left; text-decoration: none; display: flex; justify-content: center; background: url(../img/lineup_bnr_bg.png) 0 0/contain no-repeat; position: relative; }
.lineupBnr a span { display: inline-block; }
.lineupBnr a span span { font-size: 4.8vw; font-weight: 600; }
.lineupBnr a span span span { font-size: 4.33vw; }
.lineupBnr a > span { position: absolute; top: 5vw; left: 4vw; }

@media screen and (max-width: 896px) { .lineupCont { padding: 0 4vw; }
  .lineupName { margin-bottom: 2.67vw; line-height: 1.2; }
  .lineupNote { padding: 0 6.67vw; }
  .lineupNote li:not(:last-child) { margin-bottom: 1.34vw; }
  .lineupNote li img { width: 25vw; }
  .lineupBoxImg { margin-top: 6.67vw; }
  .lineupBoxImg ul { display: flex; flex-wrap: wrap; }
  .lineupBoxImg ul li { width: 49%; }
  .lineupBoxImg ul li:nth-child(2n+1) { margin-right: 1%; margin-bottom: 1%; }
  .lineupBoxImg ul img { width: 100%; }
  .lineupBoxOther p:not(:last-of-type) { padding-top: 5.67vw; } }
@media screen and (min-width: 897px) { .lineup { padding-bottom: 80px; }
  .lineup h2 { margin-bottom: 50px; height: 322px; font-size: 4rem; background-position: center 0; background-size: cover; }
  .lineupCont { margin: 0 auto; max-width: 1000px; }
  .lineupCont:not(:first-child) { margin-top: 80px; }
  .lineupRelease { margin-bottom: 20px; padding: 5px; font-size: 1.8rem; }
  .lineupHead { display: flex; justify-content: space-between; align-items: center; }
  .lineupHead.old { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
  .lineupName { font-size: 1.6rem; }
  .lineupName span { margin-bottom: 8px; font-size: 5.5rem; }
  .lineupPrice { font-size: 2.6rem; letter-spacing: -.05em; }
  .lineupNote { margin-top: 40px; font-size: 1.5rem; }
  .lineupBox { margin-top: 40px; }
  .slider-pro { margin: 0; }
  .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { left: 0; }
  .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container { border: 1px solid #ddd; }
  .sp-right-thumbnails { right: -26px; }
  .sp-thumbnails img { width: 195px; height: auto; border: none; position: relative; left: -45px; }
  .lineupBoxText { margin-top: 30px; font-size: 1.5rem; }
  .lineupBoxText ul { margin-right: 35px; }
  .lineupBoxText li { margin-right: 10px; flex-direction: column; }
  .lineupBoxText li:last-child { margin-right: 0; }
  .lineupBoxText li span { margin-top: 5px; }
  .lineupIconText1 { font-size: 1.3rem; }
  .lineupIconText2 { font-size: 1rem; }
  .lineupBoxImg { margin-top: 50px; }
  .lineupBoxImg ul { display: flex; flex-wrap: wrap; }
  .lineupBoxImg li { margin-right: 2px; margin-bottom: 2px; }
  .lineupBoxImg li:nth-child(3n) { margin-right: 0; }
  .lineupBoxSpec { margin-top: 30px; font-size: 1.8rem; }
  .lineupBoxSpec thead th { padding-left: 30px; }
  .lineupBoxSpec th { padding: 10px 0; padding-left: 30px; width: 168px; }
  .lineupBoxSpec td { padding: 10px 0; width: 206px; }
  .lineupBoxOther { margin-top: 20px; padding: 33px 55px 28px 35px; font-size: 1.5rem; }
  .lineupBoxOther p { padding-left: 80px; }
  .lineupBoxOther p:not(:last-of-type) { margin-bottom: 20px; }
  .lineupBnr { margin: 0 auto; margin-top: 45px; width: 830px; }
  .lineupBnr a { width: 830px; min-height: 105px; font-size: 1.6rem; text-align: center; background: url(../img/pc/lineup_bnr_bg.png) 0 0/contain no-repeat; }
  .lineupBnr a span span { font-size: 3rem; }
  .lineupBnr a span span span { font-size: 2.5rem; }
  .lineupBnr a > span { top: calc(50% - 30px); left: calc(50% - 180px); } }
@media screen and (pc) { .lineup { padding-bottom: 80px; }
  .lineup h2 { margin-bottom: 50px; height: 322px; font-size: 4rem; background-position: center 0; background-size: cover; }
  .lineupCont { margin: 0 auto; max-width: 1000px; }
  .lineupCont:not(:first-child) { margin-top: 80px; }
  .lineupRelease { margin-bottom: 20px; padding: 5px; font-size: 1.8rem; }
  .lineupHead { display: flex; justify-content: space-between; align-items: center; }
  .lineupHead.old { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
  .lineupName { font-size: 1.6rem; }
  .lineupName span { margin-bottom: 8px; font-size: 5.5rem; }
  .lineupPrice { font-size: 2.6rem; letter-spacing: -.05em; }
  .lineupNote { margin-top: 40px; font-size: 1.5rem; }
  .lineupBox { margin-top: 40px; }
  .slider-pro { margin: 0; }
  .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { left: 0; }
  .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container { border: 1px solid #ddd; }
  .sp-right-thumbnails { right: -26px; }
  .sp-thumbnails img { width: 195px; height: auto; border: none; position: relative; left: -45px; }
  .lineupBoxText { margin-top: 30px; font-size: 1.5rem; }
  .lineupBoxText ul { margin-right: 35px; }
  .lineupBoxText li { margin-right: 10px; flex-direction: column; }
  .lineupBoxText li:last-child { margin-right: 0; }
  .lineupBoxText li span { margin-top: 5px; }
  .lineupIconText1 { font-size: 1.3rem; }
  .lineupIconText2 { font-size: 1rem; }
  .lineupBoxImg { margin-top: 50px; }
  .lineupBoxImg ul { display: flex; flex-wrap: wrap; }
  .lineupBoxImg li { margin-right: 2px; margin-bottom: 2px; }
  .lineupBoxImg li:nth-child(3n) { margin-right: 0; }
  .lineupBoxSpec { margin-top: 30px; font-size: 1.8rem; }
  .lineupBoxSpec thead th { padding-left: 30px; }
  .lineupBoxSpec th { padding: 10px 0; padding-left: 30px; width: 168px; }
  .lineupBoxSpec td { padding: 10px 0; width: 206px; }
  .lineupBoxOther { margin-top: 20px; padding: 33px 55px 28px 35px; font-size: 1.5rem; }
  .lineupBoxOther p { padding-left: 80px; }
  .lineupBoxOther p:not(:last-of-type) { margin-bottom: 20px; }
  .lineupBnr { margin: 0 auto; margin-top: 45px; width: 830px; }
  .lineupBnr a { width: 830px; min-height: 105px; font-size: 1.6rem; text-align: center; background: url(../img/pc/lineup_bnr_bg.png) 0 0/contain no-repeat; }
  .lineupBnr a span span { font-size: 3rem; }
  .lineupBnr a span span span { font-size: 2.5rem; }
  .lineupBnr a > span { top: calc(50% - 30px); left: calc(50% - 180px); } }
/*---------------------------------------------------------------------------------------
	qa
----------------------------------------------------------------------------------------*/
.qa { padding: 8vw 4vw 10.67vw; background: #e2e2e2; }
.qa h2 { margin-bottom: 3.34vw; font-size: 6.67vw; font-weight: 600; line-height: 1.26; color: #000; text-align: center; }

.qaContInner { padding: 4vw 4.67vw 2.67vw 3.34vw; font-size: 4vw; line-height: 1.28; color: #000; background: #fff; transition: all .7s; }
.qaContInner:not(:last-child) { margin-bottom: 5px; }
.qaContInner .q, .qaContInner .a { position: relative; }
.qaContInner .q { margin-bottom: 1.34vw; padding: 0.34vw 5vw 0 8.67vw; font-weight: bold; cursor: auto; box-sizing: border-box; }
.qaContInner .q:before { content: ""; width: calc(54 / 750 * 100vw); height: calc(54 / 750 * 100vw); display: block; background: url(../img/icon_q.png) 0 0/contain no-repeat; position: absolute; top: 0; left: 0; }
.qaContInner .a { padding: 2vw 5vw 2.4vw 8.67vw; box-sizing: border-box; }
.qaContInner .a:before { content: ""; width: calc(54 / 750 * 100vw); height: calc(54 / 750 * 100vw); display: block; background: url(../img/icon_a.png) 0 0/contain no-repeat; position: absolute; top: 2vw; left: 0; }

@media screen and (min-width: 897px) { .qa { padding: 70px 0 85px; }
  .qa h2 { margin-bottom: 40px; font-size: 5rem; }
  .qaCont { margin: 0 auto; max-width: 1000px; }
  .qaContInner { padding: 30px 35px 20px 25px; font-size: 1.8rem; }
  .qaContInner:not(:last-child) { margin-bottom: 5px; }
  .qaContInner .q { margin-bottom: 10px; padding: 15px 70px 10px 75px; }
  .qaContInner .q:before { width: 54px; height: 54px; position: absolute; top: 0; left: 0; }
  .qaContInner .q.row2 { padding-top: 10px; padding-bottom: 10px; }
  .qaContInner .q span:after { width: 30px; height: 30px; position: absolute; top: 10px; right: 0; }
  .qaContInner .a { padding: 18px 80px 18px 75px; }
  .qaContInner .a:before { width: 54px; height: 54px; position: absolute; top: 10px; left: 0; } }
@media screen and (pc) { .qa { padding: 70px 0 85px; }
  .qa h2 { margin-bottom: 40px; font-size: 5rem; }
  .qaCont { margin: 0 auto; max-width: 1000px; }
  .qaContInner { padding: 30px 35px 20px 25px; font-size: 1.8rem; }
  .qaContInner:not(:last-child) { margin-bottom: 5px; }
  .qaContInner .q { margin-bottom: 10px; padding: 15px 70px 10px 75px; }
  .qaContInner .q:before { width: 54px; height: 54px; position: absolute; top: 0; left: 0; }
  .qaContInner .q.row2 { padding-top: 10px; padding-bottom: 10px; }
  .qaContInner .q span:after { width: 30px; height: 30px; position: absolute; top: 10px; right: 0; }
  .qaContInner .a { padding: 18px 80px 18px 75px; }
  .qaContInner .a:before { width: 54px; height: 54px; position: absolute; top: 10px; left: 0; } }
/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/
footer { padding: 8vw 4vw 10.67vw; text-align: center; background: url(../img/footer_bg.jpg) center 0/cover no-repeat; }
footer h2 { margin-bottom: 3.34vw; font-size: 6.67vw; font-weight: 600; display: inline-block; position: relative; z-index: 1; }
footer h2:before { content: ""; width: calc(100 / 750 * 100vw); height: calc(100 / 750 * 100vw); display: block; background: url(../img/footer_ttl_icon.png) 0 0/contain no-repeat; position: absolute; top: calc(40 / 750 * 100vw); right: calc(-75 / 750 * 100vw); z-index: -1; }
footer h2 > span { margin-top: 1.34vw; font-size: 4vw; display: block; }
footer p { font-size: 3.2vw; line-height: 1.6; }

.footerCont { margin-bottom: 2.67vw; padding: 5.34vw 13.34vw 4vw; background: rgba(5, 89, 128, 0.5); }
.footerCont:last-of-type { margin-bottom: 7.34vw; }
.footerCont li { display: inline-block; }

.footerRelease { margin-bottom: 1.34vw; background: #000000; }

.footerReservation { margin-bottom: 1.34vw; background: #4a4a4a; }

@media screen and (max-width: 896px) { footer h2 { line-height: 1.2; }
  .footerCont h3 { margin-bottom: 2.67vw; font-size: 4.67vw; font-weight: 600; }
  .footerCont img { width: 100%; }
  .footerCont li { margin-bottom: 1.34vw; }
  .footerRelease { font-size: 4vw; }
  .footerReservation { font-size: 4vw; } }
@media screen and (min-width: 897px) { footer { padding: 70px 0 75px; }
  footer h2 { margin-bottom: 40px; font-size: 5rem; }
  footer h2:before { content: ""; width: 91px; height: 91px; display: block; background: url(../img/footer_ttl_icon.png) 0 0 no-repeat; position: absolute; top: 14px; right: -100px; }
  footer h2 > span { margin-top: 10px; font-size: 2.5rem; }
  footer p { font-size: 1.6rem; }
  .footerCont { margin: 0 auto; margin-bottom: 10px; padding: 20px 85px 10px; max-width: 1000px; }
  .footerCont:last-of-type { margin-bottom: 55px; }
  .footerCont h3 { margin-bottom: 15px; font-size: 2.6rem; }
  .footerCont ul { display: flex; flex-wrap: wrap; }
  .footerCont li { margin-right: 10px; margin-bottom: 10px; }
  .footerCont li:nth-child(3n) { margin-right: 0; }
  .footerRelease { margin: 0 auto; margin-bottom: 10px; padding: 10px 0; max-width: 1000px; font-size: 1.8rem; }
  .footerReservation { margin-bottom: 10px; } }
@media screen and (pc) { footer { padding: 70px 0 75px; }
  footer h2 { margin-bottom: 40px; font-size: 5rem; }
  footer h2:before { content: ""; width: 91px; height: 91px; display: block; background: url(../img/footer_ttl_icon.png) 0 0 no-repeat; position: absolute; top: 14px; right: -100px; }
  footer h2 > span { margin-top: 10px; font-size: 2.5rem; }
  footer p { font-size: 1.6rem; }
  .footerCont { margin: 0 auto; margin-bottom: 10px; padding: 20px 85px 10px; max-width: 1000px; }
  .footerCont:last-of-type { margin-bottom: 55px; }
  .footerCont h3 { margin-bottom: 15px; font-size: 2.6rem; }
  .footerCont ul { display: flex; flex-wrap: wrap; }
  .footerCont li { margin-right: 10px; margin-bottom: 10px; }
  .footerCont li:nth-child(3n) { margin-right: 0; }
  .footerRelease { margin: 0 auto; margin-bottom: 10px; padding: 10px 0; max-width: 1000px; font-size: 1.8rem; }
  .footerReservation { margin-bottom: 10px; } }
/*---------------------------------------------------------------------------------------
	fadeIn
----------------------------------------------------------------------------------------*/
.fadeInAnim { transform: translate(0, 40px); opacity: 0; }
.fadeInAnim.fadeInAnimActive { transform: translate(0, 0); opacity: 1; transition: all 0.7s; }

/*---------------------------------------------------------------------------------------
	sliderpro
----------------------------------------------------------------------------------------*/
.sp-top-thumbnails .sp-thumbnail-arrows, .sp-bottom-thumbnails .sp-thumbnail-arrows { display: none; }

/* main部分 */
.review { padding: 0 2.67vw; }
@media screen and (min-width: 897px) { .review { margin: 0 auto; padding: 0; max-width: 1000px; } }
@media screen and (pc) { .review { margin: 0 auto; padding: 0; max-width: 1000px; } }

/* main画像 */
.reviewMain { padding: 2.67vw; text-align: center; border-bottom: none; }
.reviewMain h1 img { width: 100%; }
@media screen and (min-width: 897px) { .reviewMain { padding: 20px 0; }
  .reviewMain h1 img { width: auto; } }
@media screen and (pc) { .reviewMain { padding: 20px 0; }
  .reviewMain h1 img { width: auto; } }

/* タブ */
.reviewTab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
.reviewTab:before { content: ""; width: 23%; display: block; order: 1; }
.reviewTab:after { content: ""; width: 23%; display: block; }
.reviewTab a { width: 23%; height: calc(130 / 750 * 100vw); border-radius: 3px 3px 0 0; background: #333333; transition: all .7s 0s ease; }
.reviewTab a:before { content: ""; width: 0; height: calc(5 / 750 * 100vw); display: block; background: #333333; position: absolute; left: 0; bottom: calc(-5 / 750 * 100vw); }
.reviewTab a.rs.active { background: #003bd0; }
.reviewTab a.rs.active:before { background: #003bd0; z-index: 1; }
.reviewTab a.rs.active span:after { background: url(../img/review/tub-on_rs.png) 0 0/contain no-repeat; }
.reviewTab a.rs span:after { content: ""; width: calc(130 / 750 * 100vw); height: calc(55 / 750 * 100vw); display: block; background: url(../img/review/tub-off_rs.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 55 / 750 * 100vw / 2); left: calc(50% - 130 / 750 * 100vw / 2); }
.reviewTab a.rsE.active { background: #fff100; }
.reviewTab a.rsE.active:before { background: #fff100; z-index: 1; }
.reviewTab a.rsE.active span { height: 80px; }
.reviewTab a.rsE.active span:after { background: url(../img/review/tub-on_rs-e.png) 0 0/contain no-repeat; }
.reviewTab a.rsE span:after { content: ""; width: calc(150 / 750 * 100vw); height: calc(62 / 750 * 100vw); display: block; background: url(../img/review/tub-off_rs-e.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 62 / 750 * 100vw / 2); left: calc(50% - 150 / 750 * 100vw / 2); }
.reviewTab a.rsRED.active { background: #f00015; }
.reviewTab a.rsRED.active:before { background: #f00015; z-index: 1; }
.reviewTab a.rsRED.active span:after { background: url(../img/review/tub-on_rs-red.png) 0 0/contain no-repeat; }
.reviewTab a.rsRED span:after { content: ""; width: calc(150 / 750 * 100vw); height: calc(70 / 750 * 100vw); display: block; background: url(../img/review/tub-off_rs-red.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 70 / 750 * 100vw / 2 ); left: calc(50% - 150 / 750 * 100vw / 2); }
.reviewTab a.rsF.active { background: #00654e; }
.reviewTab a.rsF.active:before { background: #00654e; z-index: 1; }
.reviewTab a.rsF.active span:after { background: url(../img/review/tub-on_rs-f.png) 0 0/contain no-repeat; }
.reviewTab a.rsF span:after { content: ""; width: calc(155 / 750 * 100vw); height: calc(55 / 750 * 100vw); display: block; background: url(../img/review/tub-off_rs-f.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 55 / 750 * 100vw / 2); left: calc(50% - 155 / 750 * 100vw / 2); }
.reviewTab a.active { height: calc(150 / 750 * 100vw); transition: all .7s 0s ease; }
.reviewTab a.active:before { width: calc(100vw - 2.67vw * 2); }
.reviewTab a.active span { height: calc(150 / 750 * 100vw); }
.reviewTab a span { height: calc(130 / 750 * 100vw); display: block; position: relative; }
@media screen and (min-width: 897px) { .reviewTab a { height: 70px; }
  .reviewTab a:before { height: 5px; bottom: -5px; }
  .reviewTab a.rs span:after { content: ""; width: 115px; height: 48px; top: calc(50% - 24px); left: calc(50% - 57.5px); }
  .reviewTab a.rsE span:after { content: ""; width: 140px; height: 54px; top: calc(50% - 27px); left: calc(50% - 70px); }
  .reviewTab a.rsRED span:after { content: ""; width: 135px; height: 60px; top: calc(50% - 30px); left: calc(50% - 67.5px); }
  .reviewTab a.rsF span:after { content: ""; width: 130px; height: 48px; top: calc(50% - 24px); left: calc(50% - 65px); }
  .reviewTab a.active { height: 80px; }
  .reviewTab a.active:before { width: 1000px; }
  .reviewTab a.active span { height: 80px; }
  .reviewTab a span { height: 70px; } }
@media screen and (pc) { .reviewTab a { height: 70px; }
  .reviewTab a:before { height: 5px; bottom: -5px; }
  .reviewTab a.rs span:after { content: ""; width: 115px; height: 48px; top: calc(50% - 24px); left: calc(50% - 57.5px); }
  .reviewTab a.rsE span:after { content: ""; width: 140px; height: 54px; top: calc(50% - 27px); left: calc(50% - 70px); }
  .reviewTab a.rsRED span:after { content: ""; width: 135px; height: 60px; top: calc(50% - 30px); left: calc(50% - 67.5px); }
  .reviewTab a.rsF span:after { content: ""; width: 130px; height: 48px; top: calc(50% - 24px); left: calc(50% - 65px); }
  .reviewTab a.active { height: 80px; }
  .reviewTab a.active:before { width: 1000px; }
  .reviewTab a.active span { height: 80px; }
  .reviewTab a span { height: 70px; } }

/* クチコミ一覧 */
.reviewConts { display: none; position: relative; }
.reviewConts.active { display: block; }
.reviewConts h2 { margin-top: calc(5 / 750 * 100vw); padding: 0 8vw; min-height: calc(207 / 750 * 100vw); display: flex; justify-content: center; align-items: flex-end; background: url(../img/review/title_bg_sp.png) 0 0/cover no-repeat; }
.reviewConts h2 img { width: 100%; }
.reviewConts li { margin-left: calc(100 / 750 * 100vw); }
.reviewConts .reviewDetailInner { padding: 2.67vw 4vw 3.34vw 6.67vw; }
.reviewConts .reviewDetailInner:before { background: 0 0 no-repeat/contain url(/rs2019/img/review/fukidashi_left.png); top: 0; left: -12px; }
.reviewConts .reviewDetailThumb { top: 0; left: calc(-100 / 750 * 100vw); }
.reviewConts .reviewDetailThumb img { width: calc(80 / 750 * 100vw); }
@media screen and (min-width: 897px) { .reviewConts h2 { margin-top: 5px; min-height: 207px; background: url(../img/review/title_bg.png) 0 0/cover no-repeat; }
  .reviewConts h2 img { width: auto; }
  .reviewConts li { margin-left: 130px; }
  .reviewConts .reviewDetailInner { padding: 20px 30px 25px 35px; }
  .reviewConts .reviewDetailThumb { top: 0; left: -70px; }
  .reviewConts .reviewDetailThumb img { width: 55px; } }
@media screen and (pc) { .reviewConts h2 { margin-top: 5px; min-height: 207px; background: url(../img/review/title_bg.png) 0 0/cover no-repeat; }
  .reviewConts h2 img { width: auto; }
  .reviewConts li { margin-left: 130px; }
  .reviewConts .reviewDetailInner { padding: 20px 30px 25px 35px; }
  .reviewConts .reviewDetailThumb { top: 0; left: -70px; }
  .reviewConts .reviewDetailThumb img { width: 55px; } }

.reviewDetail { padding: 6.67vw 4vw 7.34vw; background: #ffffff; }
.reviewDetail li { position: relative; }
.reviewDetail li:not(:last-child) { margin-bottom: 4vw; }
@media screen and (min-width: 897px) { .reviewDetail { padding: 50px 45px 55px 35px; }
  .reviewDetail li { max-width: 80%; }
  .reviewDetail li:not(:last-child) { margin-bottom: 50px; } }
@media screen and (pc) { .reviewDetail { padding: 50px 45px 55px 35px; }
  .reviewDetail li { max-width: 80%; }
  .reviewDetail li:not(:last-child) { margin-bottom: 50px; } }

.reviewDetailInner { color: #000; text-align: left; border-radius: 30px; display: block; background: #dfdfdf; }
.reviewDetailInner:before { content: ""; width: 33px; height: 28px; display: block; position: absolute; }

.reviewDetailThumb { position: absolute; }

.reviewDetailProfile { margin-bottom: 1.34vw; font-size: 3.47vw; line-height: 1; }
@media screen and (min-width: 897px) { .reviewDetailProfile { margin-bottom: 10px; font-size: 1.6rem; } }
@media screen and (pc) { .reviewDetailProfile { margin-bottom: 10px; font-size: 1.6rem; } }

.reviewDetailText { font-size: 4vw; font-weight: 600; line-height: 1.5; }
@media screen and (min-width: 897px) { .reviewDetailText { font-size: 2rem; } }
@media screen and (pc) { .reviewDetailText { font-size: 2rem; } }

@media screen and (min-width: 897px) { footer { padding: 95px 0 75px; } }
@media screen and (pc) { footer { padding: 95px 0 75px; } }

/*# sourceMappingURL=base.css.map */