@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
overflow: hidden;
color: #000;
font-family: noto-serif, serif;
font-style: normal;
font-weight: 400;
font-size: 3.73333333vw;
line-height: 100%;
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:768px){
	.allwrapper,
	.modal {
	width: 100vw;
	font-size: 13px;
	}
}
@media (min-width:1100px){
	.allwrapper,
	.modal {
	width: 100%;
	font-size: 17px;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }

/* line */
.deco_line { text-decoration: underline; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}



/* other style
-----------------------------------------------*/
body.static .wrapper {
margin-top: 0;
}
.footer {
position: relative;
background: #fff;
z-index: 2;
}
.ff_yugo { font-family: yu-gothic-pr6n, sans-serif; font-weight: 400; font-feature-settings: "palt"; }

.mv { width: 100%; min-height: 140vw; }
.mv_title { width: 100%; top: 0; left: 0; animation-delay: 1.5s; }
@media (min-width:768px){
	.mv { min-height: 46.8vw; }
	.mv picture { width: 128%; margin-left: -14%; }
	.mv_title { width: 38.72%; top: 18vw; left: 60%; }
}
@media (min-width:1100px){
	.mv picture { width: 100%; margin-left: 0; }
	.mv_title { width: 35.33333333%; top: 14.5vw; left: 64.8%; }
}

.allwrapper h2 { position: relative; z-index: 3; }
.crossfade { overflow: hidden; background: #fff; }
.modal_open {
position: relative;
display: block;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.ico_item { position: absolute; bottom: 2.13vw; width: 21.333333vw; }
.ico_item.right { right: 2.13vw; }
.ico_item.left { left: 2.13vw; }
.modal_open:hover img { opacity: 0.7; }
@media (min-width:768px){
	.ico_item { width: 85px; bottom: 10px; }
	.ico_item.right { right: 10px; }
	.ico_item.left { left: 10px; }
}

video.intro_movie { width: 66.66666666%; margin-top: 14.66vw; }
img.intro_bg { width: 78.4%; margin: 8.26vw auto 0 0; }
img.intro_img01 { width: 94.13333333%; margin: -106.13333333vw 0 0 auto; }
.intro_img02 { width: 73.06666666%; height: 49.86666666vw; margin: 2.66vw auto 0 0; }
@media (min-width:768px){
	video.intro_movie { width: 188px; margin: 70px auto 0 calc(50% - 286px); }
	img.intro_bg { width: 354px; margin: -263px auto 0 calc(50% - 70px); }
	img.intro_img01 { width: 317px; margin: -357px auto 0 calc(50% - 30px); }
	.intro_img02 { width: 247px; height: 168px; margin: 10px auto 0 calc(50% - 172px); }
}
@media (min-width:1100px){
	video.intro_movie { width: 250px; margin: 95px auto 0 calc(50% - 382px); }
	img.intro_bg { width: 354px; margin: -263px auto 0 calc(50% - 70px); }
	img.intro_img01 { width: 423px; margin: -477px auto 0 calc(50% - 40px); }
	.intro_img02 { width: 330px; height: 225px; margin: 12px auto 0 calc(50% - 230px); }
}

.look01_text { width: 42.93333333%; margin: 24vw 3.73% 0 auto; }
img.look01_img01 { width: 48.8%; margin: -33.2vw 0 auto 0; z-index: 2; }
.look01_img02 { width: 90.66666666%; margin: -21.6vw 0 0 auto; }
@media (min-width:768px){
	.look01_text { width: 143px; margin: 94px auto 0 calc(50% + 202px); }
	img.look01_img01 { width: 165px; margin: -111px 0 auto calc(50% + 19px); }
	.look01_img02 { width: 305px; margin: -73px auto 0 calc(50% + 50px); }
}
@media (min-width:1100px){
	.look01_text { width: 191px; margin: 125px auto 0 calc(50% + 270px); }
	img.look01_img01 { width: 219px; margin: -150px 0 auto calc(50% + 25px); }
	.look01_img02 { width: 408px; margin: -97px auto 0 calc(50% + 68px); }
}

.look02_text { width: 51.73333333%; margin: 16.8vw auto 0 7.73333333%; }
img.look02_bg { width: 62.93333333%; margin: -25.86666666vw 0 0 auto; }
.look02_img01 { width: 90.66666666%; margin: -111.33vw auto 0 0; }
@media (min-width:768px){
	.look02_text { width: 171px; margin: -443px auto 0 calc(50% - 336px); }
	img.look02_bg { width: 213px; margin: -88px auto 0 calc(50% - 230px); }
	.look02_img01 { width: 305px; margin: -382px auto 0 calc(50% - 357px); }
}
@media (min-width:1200px){
	.look02_text { width: 228px; margin: -592px auto 0 calc(50% - 450px); }
	img.look02_bg { width: 283px; margin: -116px auto 0 calc(50% - 308px); }
	.look02_img01 { width: 408px; margin: -510px auto 0 calc(50% - 475px); }
}

.look03_text { width: 51.73333333%; margin: 149.86vw auto 0 5.06666666%; }
.look03_img01 { width: 90.66666666%; margin: -154.66vw auto 0; }
img.look03_img02 { width: 48.8%; margin: -8.53vw 0 0 auto; }
@media (min-width:768px){
	.look03_text { width: 153px; margin: 128px auto 0 calc(50% - 241px); }
	.look03_img01 { width: 306px; margin: -102px auto 0 calc(50% - 65px); }
	img.look03_img02 { width: 164px; margin: -270px auto 0 calc(50% - 242px); }
}
@media (min-width:1200px){
	.look03_text { width: 203px; margin: 170px auto 0 calc(50% - 322px); }
	.look03_img01 { width: 408px; margin: -135px auto 0 calc(50% - 87px); }
	img.look03_img02 { width: 219px; margin: -360px auto 0 calc(50% - 323px); }
}

img.look04_look05_bg01 { width: 100%; margin: 13.6vw auto 0; }
.look04_look05_img01 { width: 85.06666666%; height: 113vw; margin: -121.33vw auto 0; }
img.look04_look05_img02 { width: 94.13333666%; margin: 11.73vw auto 0 0; }
.look04_look05_box02 { width: 100%; margin: 13.33vw auto 0; padding-bottom: 26.93vw; background: url("../images/look04+look05-bg02.jpg") center bottom / auto 285.33vw no-repeat; }
.look04_text { width: 41.06666666%; top: 130.93vw; left: 48.53333333%; }
.look04_img01 { width: 90.666666666%; margin: 0 auto 0; }
img.look04_img01_deco { width: 28.53333333%; top: -5.06vw; left: 69.86666666%; }
img.look04_img02 { width: 48.53333333%; margin: -18.4vw auto 0 0; }
.look05_text { width: 56%; bottom: 4vw; left: 5.33333333%; }
.look05_img01 { width: 90.66666666%; margin: 13.33vw auto 0; }
.look05_img01 .crossfade { height: 121.33333333vw; }
@media (min-width:768px){
	img.look04_look05_bg01 { width: 337px; margin: 125px auto 0 calc(50% - 313px); }
	.look04_look05_img01 { width: 288px; height: 385px; margin: -410px auto 0 calc(50% - 288px); }
	img.look04_look05_img02 { width: 317px; margin: -279px auto 0 calc(50% + 46px); }
	.look04_look05_box02 { margin: 400px auto 0; padding: 236px 0 107px; background: url("../images/look04+look05-bg02.jpg") center top / cover; }
	.look04_text { width: 139px; top: 332px; left: calc(50% + 170px); }
	.look04_img01 { position: absolute; width: 306px; margin: 0; top: -110px; left: calc(50% + 21px); }
	img.look04_img01_deco { width: 96px; top: -128px; left: calc(50% + 240px); }
	img.look04_img02 { width: 164px; margin: 0 auto 0 calc(50% + 6px); }
	.look05_text { width: 185px; bottom: 30px; left: calc(50% - 325px); }
	.look05_img01 { width: 306px; margin: -367px auto 0 calc(50% - 327px); }
	.look05_img01 .crossfade { height: 409px; }
}
@media (min-width:1100px){
	img.look04_look05_bg01 { width: 450px; margin: 168px auto 0 calc(50% - 420px); }
	.look04_look05_img01 { width: 383px; height: 512px; margin: -545px auto 0 calc(50% - 386px); }
	img.look04_look05_img02 { width: 423px; margin: -374px auto 0 calc(50% + 62px); }
	.look04_look05_box02 { margin-top: 350px; padding: 317px 0 145px; }
	.look04_text { width: 187px; top: 443px; left: 769px; }
	.look04_img01 { width: 408px; top: -150px; left: 570px; }
	img.look04_img01_deco { width: 128px; top: -170px; left: 862px; }
	img.look04_img02 { width: 219px; margin-left: 550px; }
	.look05_text { width: 249px; bottom: 42px; left: 110px; }
	.look05_img01 { width: 408px; margin: -490px auto 0 105px; }
	.look05_img01 .crossfade { height: 546px; }
}
@media (min-width:1200px){
	.look04_look05_box02 { width: 1165px; margin-left: calc(50% - 542px); }
}

.look06_img01 { width: 94.13333333%; margin: 7.2vw auto 0 1.6%; }
.look06_img01 .ico_item { left: 5.33333333vw; }
.look06_text { width: 51.46666666%; margin: 8vw auto 0 0; padding: 5.6vw 5.06666666vw 5.33vw; background: #f7ed9b; }
img.look06_img02 { width: 48.53333334%; margin: -53.33vw 0 0 auto; }
@media (min-width:768px){
	.look06_img01 { width: 317px; margin: 75px auto 0 calc(50% - 287px); }
	.look06_img01 .ico_item { left: 18px; }
	.look06_text { width: 213px; margin: -109px auto 0 calc(50% + 41px); padding: 19px 48px 19px 30px; }
	img.look06_img02 { width: 164px; margin: -350px auto 0 calc(50% + 110px); }
}
@media (min-width:1100px){
	.look06_img01 { width: 423px; margin: 100px auto 0 calc(50% - 383px); }
	.look06_img01 .ico_item { left: 23px; }
	.look06_text { width: 284px; margin: -145px auto 0 calc(50% + 55px); padding: 26px 63px 26px 39px; }
	img.look06_img02 { width: 219px; margin: -465px auto 0 calc(50% + 148px); }
}

img.look07_bg01 { width: 100%; margin: 13.33vw auto 0; }
.look07_text { width: 14.4%; margin: -125.33vw auto 0 79.2%; }
.look07_img01 { width: 85.06666666%; margin: -35.46vw auto 0 3.46666666%; }
.look07_img01 .crossfade { height: 113.71733333vw; }
@media (min-width:768px){
	img.look07_bg01 { width: 337px; margin: 185px auto 0 calc(50% - 356px); }
	.look07_text { width: 50px; margin: -422px auto 0 calc(50% - 90px); }
	.look07_img01 { width: 287px; margin: -119px auto 0 calc(50% - 345px); }
	.look07_img01 .crossfade { height: 383px; }
}
@media (min-width:1100px){
	img.look07_bg01 { width: 450px; margin: 250px auto 0 calc(50% - 475px); }
	.look07_text { width: 65px; margin: -563px auto 0 calc(50% - 120px); }
	.look07_img01 { width: 383px; margin: -158px auto 0 calc(50% - 461px); }
	.look07_img01 .crossfade { height: 512px; }
}

.interval01 { width: 100%; margin: 7.46vw auto 0; padding: 7.46vw 0; background: #0c2e3b; }
.interval01_text01 { width: 12.26666666%; top: 8.53vw; left: 3.2%; }
.interval01_img01 { width: 85.06666666%; height: 113.71733333vw; margin-left: 11.46666666%; }
img.interval01_img02 { width: 93.86666666%; margin: 2.06vw auto 0 0; }
@media (min-width:768px){
	.interval01 { position: relative; width: 337px; margin: -276px auto 0 calc(50% + 19px); padding: 26px 0; }
	.interval01_text01 { width: 40px; top: 29px; left: 12px; }
	.interval01_img01 { width: 287px; height: 383px; margin-left: 11.46666666%; }
	img.interval01_img02 { width: 317px; margin: -98px auto 0 calc(50% - 280px); }
}
@media (min-width:1100px){
	.interval01 { width: 450px; margin: -335px auto 0 calc(50% + 25px); padding: 34px 0; }
	.interval01_text01 { width: 55px; top: 38px; left: 15px; }
	.interval01_img01 { width: 383px; height: 512px; margin-left: 52px; }
	img.interval01_img02 { width: 423px; margin: -162px auto 0 calc(50% - 373px); }
}

.look08_img01 { width: 90.66666666%; margin: 24.8vw 0 0 auto; }
.look08_img01::before { content: ""; position: absolute; top: -11.2vw; left: -9.33333333vw; display: block; width: 89.86666666vw; height: 103.2vw; background: #f7ed9b; }
.look08_text01 { width: 51.2%; margin: 0 auto 0 48.8%; padding: 8.53vw 4.8vw 8vw 4.26666666vw; background: #f7ed9b; }
.look08_img02 { width: 48.8%; margin: -49.44vw auto 0 0; }
@media (min-width:768px){
	.look08_img01 { width: 306px; margin: 115px auto 0 calc(50% - 240px); z-index: 4; }
	.look08_img01::before { top: -38px; left: -32px; width: 303px; height: 350px; }
	.look08_text01 { width: 303px; margin: -236px auto 0 calc(50% - 57px); padding: 27px 17px 183px 146px; }
	.look08_img02 { width: 165px; margin: -163px auto 0 calc(50% + 107px); z-index: 4; }
}
@media (min-width:1100px){
	.look08_img01 { width: 408px; margin: 153px auto 0 calc(50% - 320px); }
	.look08_img01::before { top: -51px; left: -43px; width: 405px; height: 465px; }
	.look08_text01 { width: 404px; margin: -315px auto 0 calc(50% - 70px); padding: 74px 22px 245px 194px; }
	.look08_img02 { width: 219px; margin: -217px auto 0 calc(50% + 142px); }
}

.look09_img01 { width: 90.93333333%; margin: 13.6vw 0 0 auto; }
.look09_text01 { width: 49.86666666%; margin: 9.86vw auto 0 45.6%; }
img.look09_img02 { width: 41.06666666%; margin: -105.6vw auto 0 0; }
img.look09_img03 { width: 41.06666666%; margin: 0 auto 0 0; }
@media (min-width:768px){
	.look09_img01 { width: 306px; margin: 118px auto 0 calc(50% - 325px); }
	.look09_text01 { width: 166px; margin: -478px auto 0 calc(50% - 186px); }
	img.look09_img02 { width: 139px; margin: 156px auto 0 calc(50% - 357px); }
	img.look09_img03 { width: 139px; margin: 0 auto 0 calc(50% - 357px); }
}
@media (min-width:1100px){
	.look09_img01 { width: 408px; margin: 155px auto 0 calc(50% - 433px); }
	.look09_text01 { width: 222px; margin: -638px auto 0 calc(50% - 250px); }
	img.look09_img02 { width: 183px; margin: 208px auto 0 calc(50% - 476px); }
	img.look09_img03 { width: 183px; margin: 0 auto 0 calc(50% - 476px); }
}

.look10_text01 { width: 51.46666666%; margin: 13.33vw auto 0 5.6%; }
.look10_img01 { width: 90.66666666%; margin: 3.73vw auto 0 0; }
img.look10_img02 { width: 40.53333333%; margin: -95.46vw 0 0 auto; }
img.look10_img03 { width: 40.53333333%; margin: 0 0 0 auto; }
@media (min-width:768px){
	.look10_text01 { width: 171px; margin: 7px auto 0 calc(50% + 18px); }
	.look10_img01 { width: 306px; margin: -484px auto 0 calc(50% + 18px); }
	img.look10_img02 { width: 139px; margin: -322px auto 0 calc(50% + 219px); }
	img.look10_img03 { width: 139px; margin: 0 auto 0 calc(50% + 219px); }
}
@media (min-width:1100px){
	.look10_text01 { width: 227px; margin: 9px auto 0 calc(50% + 24px); }
	.look10_img01 { width: 408px; margin: -646px auto 0 calc(50% + 25px); }
	img.look10_img02 { width: 183px; margin: -430px auto 0 calc(50% + 292px); }
	img.look10_img03 { width: 183px; margin: 0 auto 0 calc(50% + 292px); }
}

.look11_img01 { width: 100%; margin: 7.2vw auto 0; }
.look11_img01 .ico_item { right: 6.66666666%; bottom: 8.26vw; }
.look11_text01 { width: 58.66666666%; margin: -1.86vw auto 0 33.86666666%; }
.look11_img02 {
width: 100%; height: 65.33333333vw; margin-top: 2.66vw;
background: url("../images/look11-img02_sp.jpg") repeat-x;
background-size: auto 100%;
animation: bgiLoop01 15s linear infinite;
}
@keyframes bgiLoop01 {
	0% { background-position: 0 0;}
	100% { background-position: -146.4vw 0; }
}
@media (min-width:768px){
	.look11_img01 { width: 345px; margin-top: 102px; }
	.look11_img01 .ico_item { right: 27px; bottom: 32px; }
	.look11_text01 { width: 195px; margin: -7px auto 0 calc(50% - 41px); }
	.look11_img02.sp_none { display: flex; width: 471px; height: auto; margin-top: 20px; background: none; animation: none; }
	.look11_img02 picture { width: 157px; }
	.look11_img02 picture:nth-child(2) { animation-delay: 0.5s; }
	.look11_img02 picture:nth-child(3) { animation-delay: 1s; }
}
@media (min-width:1100px){
	.look11_img01 { width: 460px; margin-top: 140px; }
	.look11_img01 .ico_item { right: 32px; bottom: 37px; }
	.look11_text01 { width: 261px; margin: -10px auto 0 calc(50% - 55px); }
	.look11_img02.sp_none { width: 657px; margin-top: 28px; }
	.look11_img02 picture { width: 219px; }
}

.look12_text01 { width: 41.06666666%; margin: 34.66vw auto 0 52.8%; }
img.look12_img01 { width: 48.8%; margin: -35.46vw auto 0 0; z-index: 2; }
.look12_img02 { width: 90.66666666%; margin: 0 auto 0 0; }
.look12_img02::before { content: ""; position: absolute; top: -28vw; left: -9.33333333vw; display: block; width: 96.26vw; height: 68.53vw; background: #f7ed9b; }
@media (min-width:768px){
	.look12_text01 { width: 136px; margin: 123px auto 0 calc(50% - 47px); }
	img.look12_img01 { width: 164px; margin: -74px auto 0 calc(50% - 224px); }
	.look12_img02 { width: 306px; margin: -115px auto 0 calc(50% - 49px); }
	.look12_img02::before { top: -26px; left: -207px; width: 357px; height: 230px; }
}
@media (min-width:1100px){
	.look12_text01 { width: 182px; margin: 220px auto 0 calc(50% - 63px); }
	img.look12_img01 { width: 219px; margin: -100px auto 0 calc(50% - 300px); }
	.look12_img02 { width: 408px; margin: -153px auto 0 calc(50% - 65px); }
	.look12_img02::before { top: -34px; left: -277px; width: 477px; height: 310px; }
}

.look13_text01 { width: 42.66666666%; margin: 22.4vw auto 0 4.26666666%; }
img.look13_bg01 { width: 96.53333333%; margin: 10.4vw auto 0 0; }
.look13_img01 { width: 48.8%; height: 65vw; margin: -105vw 0 0 auto; }
.look13_img02 { width: 90.66666666%; margin: 0 auto 0 0; }
@media (min-width:768px){
	.look13_text01 { width: 143px; margin: 107px auto 0 calc(50% - 316px); }
	img.look13_bg01 { width: 387px; margin: 33px auto 0 calc(50% - 330px); }
	.look13_img01 { width: 164px; height: 220px; margin: -381px auto 0 calc(50% - 157px); }
	.look13_img02 { width: 306px; margin: -136px auto 0 calc(50% + 24px); }
}
@media (min-width:1100px){
	.look13_text01 { width: 190px; margin: 143px auto 0 calc(50% - 422px); }
	img.look13_bg01 { width: 515px; margin: 45px auto 0 calc(50% - 440px); }
	.look13_img01 { width: 219px; height: 294px; margin: -510px auto 0 calc(50% - 210px); }
	.look13_img02 { width: 408px; margin: -180px auto 0 calc(50% + 33px); }
}

.look14 { width: 100%; margin: 13.3vw auto 0; padding-top: 3.73vw; background: url("../images/look14-bg01.jpg") center top / auto 77.73% no-repeat; }
.look14_text01 { width: 18.4%; margin: 0 auto 0 4%; }
.look14_img01 { width: 85.06666666%; margin: -57.06666666vw auto 0 11.46666666%; }
img.look14_text02 { width: 10.1333333%; margin: 39.73vw auto 0 82.4%; }
.look14_img02 { width: 70.93333333%; height: 94.872vw; margin: -92.26vw auto 0 5.86666666%; }
@media (min-width:768px){
	.look14 { position: relative; width: 525px; height: 450px; margin: 75px auto 0 calc(50% - 287px); padding-top: 13px; background: url("../images/look14-bg01.jpg") center top / cover; }
	.look14_text01 { width: 63px; margin: 0 auto 0 13px; }
	.look14_img01 { width: 287px; margin: -190px auto 0 39px; }
	img.look14_text02 { position: absolute; top: 138px; left: 387px; width: 187px; margin: 0; }
	.look14_img02 { position: absolute; top: 192px; left: 334px; width: 240px; height: 321px; margin: 0; }
}
@media (min-width:1100px){
	.look14 { width: 700px; height: 600px; margin: 100px auto 0 calc(50% - 287px); padding-top: 13px; }
	.look14_text01 { width: 83px; margin-left: 18px; }
	.look14_img01 { width: 383px; margin: -255px auto 0 52px; }
	img.look14_text02 { top: 185px; left: 516px; width: 249px; }
	.look14_img02 { top: 256px; left: 446px; width: 320px; height: 428px; }
}

img.interval02_bg { width: 89.86666666%; margin: 56vw auto 0 0; }
.interval02_img01 { width: 90.66666666%; height: 121.33333333vw; margin: -145.86vw 0 0 auto; }
img.interval02_img01_deco { width: 41.6%; margin: -127.46vw auto 0 1.33333333%; }
img.interval02_text01 { width: 51.46666666%; margin: 110.4vw auto 0 2vw; }
@media (min-width:768px){
	img.interval02_bg { width: 304px; margin: 302px auto 0 calc(50% - 169px); }
	.interval02_img01 { width: 306px; height: 409.5px; margin: -492px auto 0 calc(50% - 138px); }
	img.interval02_img01_deco { width: 141px; margin: -430px auto 0 calc(50% - 164px); }
	img.interval02_text01 { width: 174px; margin: 373px auto 0 calc(50% - 163px); }
}
@media (min-width:1100px){
	img.interval02_bg { width: 405px; margin: 320px auto 0 calc(50% - 226px); }
	.interval02_img01 { width: 408px; height: 546px; margin: -657px auto 0 calc(50% - 184px); }
	img.interval02_img01_deco { width: 188px; margin: -573px auto 0 calc(50% - 217px); }
	img.interval02_text01 { width: 232px; margin: 495px auto 0 calc(50% - 217px); }
}

.look15_16 { width: 100%; margin: 13.33vw auto 0; padding-top: 8vw; padding-bottom: 7.46vw; background: url("../images/look15+16-bg01.jpg") center top / auto 100% no-repeat; }
.look15_text01 { width: 61.6%; margin: 0 auto 0 32.53333333%; }
.look15_img01 { width: 90.66666666%; margin: 2.66vw auto 0; }
.look15_img01 .crossfade,
.look16_img01 .crossfade { height: 121.408vw; }
.look16_img01 { width: 90.66666666%; margin: 0 auto; }
.look16_text01 { width: 66.4%; margin: 4vw auto 0 5.06666666%; }
@media (min-width:768px){
	.look15_16 { margin-top: 75px; padding-top: 27px; padding-bottom: 27px; background: url("../images/look15+16-bg01.jpg") center top / cover; }
	.look15_text01 { width: 205px; margin-left: calc(50% + 109px); }
	.look15_img01 { width: 306px; margin: 9px auto 0 calc(50% + 11px); }
	.look15_img01 .crossfade,
	.look16_img01 .crossfade { height: 409.5px; }
	.look16_img01 { width: 306px; margin: -360px auto 0 calc(50% - 317px); }
	.look16_text01 { width: 220px; margin: 14px auto 0 calc(50% - 315px); }
}
@media (min-width:1100px){
	.look15_16 { margin-top: 113px; padding-top: 37px; padding-bottom: 37px; }
	.look15_text01 { width: 272px; margin-left: calc(50% + 145px); }
	.look15_img01 { width: 407px; margin: 9px auto 0 calc(50% + 13px); }
	.look15_img01 .crossfade,
	.look16_img01 .crossfade { height: 545px; }
	.look16_img01 { width: 407px; margin: -482px auto 0 calc(50% - 423px); }
	.look16_text01 { width: 294px; margin: 20px auto 0 calc(50% - 420px); }
}

.bottomarea { padding: 10.66vw 0 0; }
.bottomarea *,
.bottomarea a { color: #000 !important; }
.bottomarea_banner { width: 88%; }
.bottomarea_staffcredit { margin-top: 16vw; }
.brandlogo { padding-bottom: 10vw; margin-top: 20vw; }
.brandlogo img { width: 50px; margin-bottom: 10px; }
@media (min-width:768px){
	.bottomarea { padding-top: 62px; }
	.bottomarea_banner { width: 300px; }
	.bottomarea_staffcredit { margin-top: 70px; font-size: 13px; }
	.brandlogo { margin-top: 100px; padding-bottom: 100px; font-size: 13px; }
	.brandlogo img { width: 85px; margin-bottom: 12px; }
}

.modal {
z-index: 200;
}
.modal__container{
z-index: 9000;
position: fixed;
top: -150vh;
left: 0;
width: 100%;
height: 101%;
text-align: center;
background: rgba(255,255,255,100%);
padding: 70px 0 32.27vw;
overflow: auto;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
}
.modal__container.is-active{
visibility: visible;
top: 0;
}
.modal__close-btn {
position: fixed;
top: 6vw;
right: 3.7vw;
width: 22px;
cursor: pointer;
}
img.modal__close-btn-img { width: 100%; height: auto; }
.modal__content { text-align: left; color: #454444; }
.modal_box + .modal_box { padding-top: 20vw; }
.modal_pricebox { width: 93.33333333%; }
.modal_pricebox li { margin-top: 4vw; background: url("../images/modal-item-bg.png") center left / 8px auto repeat-x; }
.modal_pricebox li a { align-items: center; }
.modal_itemname { padding-right: 15px; background: #fff; color: #454444; }
.modal_buy { width: 53px; padding-left: 15px; background: #fff; }
@media (min-width:768px){
	.modal__container { padding-bottom: 100px; }
	.modal__close-btn { top: 30px; right: 30px;	}
	.modal_item { width: 375px; }
	.modal_box + .modal_box { padding-top: 50px; }
	.modal_pricebox { width: 100%; }
	.modal_pricebox li { margin-top: 15px; }
	.modal_buy { width: 68px; }
}
@media (min-width:1100px){
	.modal__close-btn { top: 50px; right: calc(50% - 500px); }
	.modal__content { display: flex; justify-content: space-between; flex-wrap: wrap; width: 780px; }
	#modal02 { padding-top: 0; }
}