@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; }
  .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; }
  .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; } }
* { box-sizing: border-box; }

html { font-size: 62.5%; }

body { font-family: "Noto Sans Japanese","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-size: 2.14vw; color: #fefefe; background: #000000; }

@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
----------------------------------------------------------------------------------------*/
header { padding: 4vw 6vw; border-bottom: 1px solid #fff; background: #000; }

@media screen and (min-width: 897px) { header { padding: 15px 0; } }
@media screen and (pc) { header { padding: 15px 0; } }
h1 img { width: 35.33vw; width: calc(265 / 750 * 100vw); }

@media screen and (min-width: 897px) { h1 img { width: 145px; } }
@media screen and (pc) { h1 img { width: 145px; } }
.headerInner { display: flex; justify-content: space-between; align-items: center; }

@media screen and (min-width: 897px) { .headerInner { margin: 0 auto; width: 920px; } }
@media screen and (pc) { .headerInner { margin: 0 auto; width: 920px; } }
.brandButton img { width: 25.33vw; width: calc(190 / 750 * 100vw); }

@media screen and (min-width: 897px) { .brandButton img { width: 190px; } }
@media screen and (pc) { .brandButton img { width: 190px; } }
/*---------------------------------------------------------------------------------------
	movie
----------------------------------------------------------------------------------------*/
.movieCont { transition: border-color .5s ease-out; }

.movieConts { margin: 6.67vw 3.34vw 12.67vw; font-size: 3.2vw; }

@media screen and (min-width: 897px) { .movieConts { margin: 63px auto 78px; max-width: 920px; font-size: 2.4rem; } }
@media screen and (pc) { .movieConts { margin: 63px auto 78px; max-width: 920px; font-size: 2.4rem; } }
.movieNavs { text-align: center; display: flex; justify-content: space-between; align-items: flex-end; background: #000; }
.movieNavs li { transition: all .5s ease-out; margin-bottom: 1.34vw; width: 100%; line-height: 1.25; display: inline-block; opacity: .8; }
.movieNavs li:hover { opacity: 1; }
.movieNavs li:first-child { margin-right: 1.34vw; }
.movieNavs li.active { opacity: 1; }
.movieNavs li.movieNavE { padding: 5.67vw 0 4vw; background: #fff100; }
.movieNavs li.movieNavE.active { margin-top: 0; margin-bottom: 0; padding: 5.67vw 0; }
.movieNavs li.movieNavE img { width: 26.3vw; width: calc(197 / 750 * 100vw); }
.movieNavs li.movieNavRed { padding: 3vw 0 2.67vw; background: #f00015; }
.movieNavs li.movieNavRed.active { margin-top: 0; margin-bottom: 0; padding: 4.8vw 0; }
.movieNavs li.movieNavRed img { width: 21.3vw; width: calc(160 / 750 * 100vw); }
.movieNavs li span { margin-bottom: 1.6vw; display: inline-block; }

@media screen and (min-width: 897px) { .movieNavs li { margin-bottom: 8px; padding: 0; height: 85px; display: flex; justify-content: flex-start; align-items: center; text-align: left; cursor: pointer; font-size: 18px; }
  .movieNavs li:first-child { margin-right: 8px; }
  .movieNavs li.movieNavE { margin-left: 20px; padding: 30px 10px 30px 15px; }
  .movieNavs li.movieNavE.active { margin-bottom: 0; padding: 30px 10px 30px 15px; height: 100px; }
  .movieNavs li.movieNavE img { margin-right: 15px; width: 162px; }
  .movieNavs li.movieNavRed { margin-right: 20px; padding: 30px 10px 30px 15px; }
  .movieNavs li.movieNavRed.active { margin-bottom: 0; padding: 30px 10px 30px 15px; height: 100px; }
  .movieNavs li.movieNavRed img { margin-right: 15px; width: 135px; }
  .movieNavs li span { margin-bottom: 0; } }
@media screen and (pc) { .movieNavs li { margin-bottom: 8px; padding: 0; height: 85px; display: flex; justify-content: flex-start; align-items: center; text-align: left; cursor: pointer; font-size: 18px; }
  .movieNavs li:first-child { margin-right: 8px; }
  .movieNavs li.movieNavE { margin-left: 20px; padding: 30px 10px 30px 15px; }
  .movieNavs li.movieNavE.active { margin-bottom: 0; padding: 30px 10px 30px 15px; height: 100px; }
  .movieNavs li.movieNavE img { margin-right: 15px; width: 162px; }
  .movieNavs li.movieNavRed { margin-right: 20px; padding: 30px 10px 30px 15px; }
  .movieNavs li.movieNavRed.active { margin-bottom: 0; padding: 30px 10px 30px 15px; height: 100px; }
  .movieNavs li.movieNavRed img { margin-right: 15px; width: 135px; }
  .movieNavs li span { margin-bottom: 0; } }
.movieNavE { font-family: "Hiragino Kaku Gothic ProN", sans-serif; font-weight: 600; color: #000; }
.movieNavE .movieCont { border: 0.67vw solid #fff100; }

.movieNavRed { font-family: "Hiragino Kaku Gothic ProN", sans-serif; font-weight: 600; color: #000; }
.movieNavRed .movieCont { border: 0.67vw solid #f00015; }

@media screen and (min-width: 897px) { .movieNavE .movieCont { border: 5px solid #fff100; }
  .movieNavRed .movieCont { border: 5px solid #f00015; } }
@media screen and (pc) { .movieNavE .movieCont { border: 5px solid #fff100; }
  .movieNavRed .movieCont { border: 5px solid #f00015; } }
.movieArea { padding: 0; padding-bottom: 56.25%; height: 0; position: relative; display: block; overflow: hidden; }
.movieArea iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

/*---------------------------------------------------------------------------------------
	lead
----------------------------------------------------------------------------------------*/
.leadConts { padding: 77.33vw 6.67vw 13.34vw; background: url(../img/lead_bg.png) 50% 0/contain no-repeat; }

@media screen and (min-width: 897px) { .leadConts { padding: 0; position: relative; background: none; } }
@media screen and (pc) { .leadConts { padding: 0; position: relative; background: none; } }
.leadText { padding-top: 3.34vw; font-family: 'Noto Sans JP', sans-serif; font-size: 4.8vw; font-weight: bold; line-height: 1.56; color: #fff; text-align: center; }

@media screen and (min-width: 897px) { .leadTeaser { text-align: center; }
  .leadTeaser img { width: 70%; } }
@media screen and (pc) { .leadTeaser { text-align: center; }
  .leadTeaser img { width: 70%; } }
/*---------------------------------------------------------------------------------------
	bnr
----------------------------------------------------------------------------------------*/
.bnrConts { padding: 10.67vw 0 11.34vw; background: url(../img/bnr_bg.png) 0 0/cover no-repeat; }
.bnrConts li { margin-bottom: 5.34vw; }
.bnrConts li:last-child { margin-bottom: 0; }
.bnrConts a { width: 100%; display: inline-block; position: relative; }
.bnrConts img { width: 100%; }

@media screen and (min-width: 897px) { .bnrConts { padding: 100px; background: url(../img/pc/bnr_bg.png) 0 0/cover no-repeat; }
  .bnrConts li { margin-bottom: 30px; } }
@media screen and (pc) { .bnrConts { padding: 100px; background: url(../img/pc/bnr_bg.png) 0 0/cover no-repeat; }
  .bnrConts li { margin-bottom: 30px; } }
@media screen and (min-width: 897px) { .bnrRS { margin: 0 auto; max-width: 1000px; } }
@media screen and (pc) { .bnrRS { margin: 0 auto; max-width: 1000px; } }
.bnrUnder { margin: 8vw 3.34vw 0; display: flex; flex-direction: column; }
.bnrUnder li:not(:last-child) { margin-bottom: 2.67vw; }

@media screen and (min-width: 897px) { .bnrUnder { margin: 90px auto 0; max-width: 920px; flex-direction: row; }
  .bnrUnder li:not(:last-child) { margin-right: 20px; margin-bottom: 0; } }
@media screen and (pc) { .bnrUnder { margin: 90px auto 0; max-width: 920px; flex-direction: row; }
  .bnrUnder li:not(:last-child) { margin-right: 20px; margin-bottom: 0; } }
.rsE:before { content: ""; width: 24.4vw; width: calc(183 / 750 * 100vw); height: 27.9vw; width: calc(209 / 750 * 100vw); display: block; background: url(../img/bnr_rs-e_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; }

.rsRed:before { content: ""; width: 25vw; width: calc(193 / 750 * 100vw); height: 25vw; width: calc(193 / 750 * 100vw); display: block; background: url(../img/bnr_rs-red_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; }

.rs:before { content: ""; width: 24vw; width: calc(180 / 750 * 100vw); height: 27.9vw; width: calc(209 / 750 * 100vw); display: block; background: url(../img/bnr_rs_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; }

.rsF:before { content: ""; width: 24.1vw; width: calc(181 / 750 * 100vw); height: 27.9vw; width: calc(209 / 750 * 100vw); display: block; background: url(../img/bnr_rs-f_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 2px; }

@media screen and (max-width: 896px) { .rsE:before { left: 0.67vw; }
  .rsRed:before { left: 0.67vw; }
  .rs:before { left: 0.67vw; }
  .rsF:before { left: 0.67vw; } }
@media screen and (min-width: 897px) { .rsE:before { content: ""; width: 159px; height: 190px; display: block; background: url(../img/pc/bnr_rs-e_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; }
  .rsRed:before { content: ""; width: 261px; height: 191px; display: block; background: url(../img/pc/bnr_rs-red_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: -28px; }
  .rs:before { content: ""; width: 161px; height: 200px; display: block; background: url(../img/pc/bnr_rs_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; }
  .rsF:before { content: ""; width: 150px; height: 190px; display: block; background: url(../img/pc/bnr_rs-f_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; } }
@media screen and (pc) { .rsE:before { content: ""; width: 159px; height: 190px; display: block; background: url(../img/pc/bnr_rs-e_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; }
  .rsRed:before { content: ""; width: 261px; height: 191px; display: block; background: url(../img/pc/bnr_rs-red_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: -28px; }
  .rs:before { content: ""; width: 161px; height: 200px; display: block; background: url(../img/pc/bnr_rs_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; }
  .rsF:before { content: ""; width: 150px; height: 190px; display: block; background: url(../img/pc/bnr_rs-f_caption.png) 0 0/contain no-repeat; position: absolute; bottom: 1px; right: 30px; } }
.bnrNew:after { content: ""; width: 8vw; height: 8vw; display: block; background: url(../img/icon_new.png) 0 0/contain no-repeat; position: absolute; top: -4vw; right: 1.74vw; }

@media screen and (min-width: 897px) { .bnrNew:after { content: ""; width: 60px; height: 60px; top: -25px; left: 8px; } }
@media screen and (pc) { .bnrNew:after { content: ""; width: 60px; height: 60px; top: -25px; left: 8px; } }
/*---------------------------------------------------------------------------------------
	detail
----------------------------------------------------------------------------------------*/
.detailConts { padding: 10.67vw 0 2.67vw; text-align: center; }
.detailConts h2 { margin-bottom: 7.73vw; font-size: 8vw; font-weight: 900; position: relative; }
.detailConts h2:before { content: ""; display: block; position: absolute; top: 3.74vw; left: 0; height: 1px; width: 0; background: #fff; opacity: 0; }
.detailConts h2.active:before { transition: all .7s .3s; width: 100%; opacity: 1; }
.detailConts a { display: inline-block; }
.detailConts img { width: 100%; }

@media screen and (min-width: 897px) { .detailConts { padding: 110px 0; }
  .detailConts h2 { margin-bottom: 65px; font-size: 6rem; }
  .detailConts h2:before { content: ""; top: 30px; }
  .detailConts h2.active:before { transition: all 1.1s .7s; }
  .detailConts img { width: auto; } }
@media screen and (pc) { .detailConts { padding: 110px 0; }
  .detailConts h2 { margin-bottom: 65px; font-size: 6rem; }
  .detailConts h2:before { content: ""; top: 30px; }
  .detailConts h2.active:before { transition: all 1.1s .7s; }
  .detailConts img { width: auto; } }
.detailCont { padding: 0 3.2vw; }

@media screen and (min-width: 897px) { .detailCont { padding: 0; } }
@media screen and (pc) { .detailCont { padding: 0; } }
.detailList { display: flex; justify-content: center; }
.detailList li:not(:last-child) { margin-right: 2.67vw; }

@media screen and (min-width: 897px) { .detailList li:not(:last-child) { margin-right: 20px; } }
@media screen and (pc) { .detailList li:not(:last-child) { margin-right: 20px; } }
.detailBnrGinza { max-width: 47.33vw; }

/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/
footer { padding: 10.67vw 0; text-align: center; }
footer p { font-size: 3.2vw; line-height: 1.6; }

@media screen and (min-width: 897px) { footer { padding: 40px 0 75px; }
  footer p { font-size: 1.6rem; } }
@media screen and (pc) { footer { padding: 40px 0 75px; }
  footer p { font-size: 1.6rem; } }
/*---------------------------------------------------------------------------------------
	fadeIn
----------------------------------------------------------------------------------------*/
.fadeInAnim { transform: translate(0, 40px); opacity: 0; }
.fadeInAnim.fadeInAnimActive { transform: translate(0, 0); opacity: 1; transition: all 0.7s; }

/*---------------------------------------------------------------------------------------
	bnrReview
----------------------------------------------------------------------------------------*/
.bnrReview { margin-bottom: calc(80 / 750 * 100vw); padding: 0 3.34vw; text-align: center; }
.bnrReview img { width: 100%; }

@media screen and (min-width: 897px) { .bnrReview { margin: 0 auto; margin-bottom: 80px; padding: 0; max-width: 920px; } }
@media screen and (pc) { .bnrReview { margin: 0 auto; margin-bottom: 80px; padding: 0; max-width: 920px; } }
/* 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(125 / 750 * 100vw); height: calc(60 / 750 * 100vw); display: block; background: url(../img/review/tub-off_rs-e.png) 0 0/contain no-repeat; position: absolute; top: calc(50% - 60 / 750 * 100vw / 2); left: calc(50% - 125 / 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: 105px; height: 50px; top: calc(50% - 25px); left: calc(50% - 52.5px); }
  .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: 105px; height: 50px; top: calc(50% - 25px); left: calc(50% - 52.5px); }
  .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 */