@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url("https://use.typekit.net/rii5dxn.css");

/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
font-size:20px;
letter-spacing: 0.02em;
text-align:left;
color:#151515;
}
@media screen and (max-width:768px){
html,body{ font-size:5vw; min-width:240px; max-width:767px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*youtube*/
.youtube{ position:relative; width:100%; padding-top:56.25% !important;}
.youtube iframe{ position: absolute; top:0; right:0; width:100% !important; height:100% !important;}

/*txt*/
.skia{ font-family: "skia-cc", sans-serif;}
.gothic{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;}

p{ line-height:1.5em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#326496;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: opacity 0.3s;}
.opa:hover{ opacity: 0.7;}



/*ヘッダー*/
body{ padding-top: 84px;}
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff; width: 100%; min-width: 1000px; margin: auto;}
header dl{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
header dl dt{ width: 150px; padding: 0 0 0 30px;}
header dl dt figure{ text-align: left;}
header dl dt img{ height: 45px;}
header dl dd{ display: flex;}
header dd nav{ display: flex; margin: 0 0 0 auto;}
header dd nav ul{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.7rem; font-weight: bold; margin: 0 1em;}
header dd nav ul li{ margin: 0 1em;}
header dd nav ul li a{ padding: 0.25em 0; position: relative;}
header dd nav ul li a:after{ background-color: #151515; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transform: scale(0, 1);
transform-origin: right top; transition: transform .3s; width: 100%;}
header dd nav ul li a:hover:after{ transform-origin: left top; transform: scale(1, 1);}
header dd .ec_btn a{ background: #C81C65; color: #fff; display: flex; align-items: center; justify-content: center; width: 210px; height: 84px;}
header dd .ec_btn a span.ec_logo{ line-height: 0;}
header dd .ec_btn a span.ec_logo img{ height: 21px;}
header dd .ec_btn a p{ font-size: 0.7rem; line-height: 1.25em; font-weight: bold; margin: 0 12px;}
header dd .ec_btn a p span{ font-size: 0.6rem; line-height: 1.25em; display: block; margin-bottom: 0.25em;}
header dd .ec_btn a i{ font-size: 0.6rem;}
@media print, screen and (min-width:1001px){
header dd{ position: static !important; right: 0 !important; opacity: 1.0 !important; display: flex !important; height: auto !important;}
#smp_nav_btn{ display: none !important;}
}
@media screen and (max-width:1000px){
body{ padding-top: 84px;}
body.hidden{ overflow: hidden;}
header dl dt{ width: 50%; padding: 20px 0 19px 30px;}
header dl dt img{ height: 45px;}
header dl dd{ display: none; /*display: flex;*/ flex-direction: column; align-items: center; justify-content: flex-start; background: #C81D65; color: #fff; width: 100%; height: calc(100dvh - 84px); padding: 40px 0; position: fixed; right: -100vw; top: 84px; transition: right 0.3s; overflow-x: hidden; overflow-y: scroll;}
header dl dd.active{ right: 0;}
header dl dd nav{ display: flex; align-items: center; justify-content: flex-start; margin: 0; width: 92.5%}
header dl dd ul{ display: flex; flex-direction: column; align-items: flex-start; margin: 0; width: 92.5%;}
header dl dd ul li{ font-size: 0.8rem; padding: 10px; margin-bottom: 10px;}
header dl dd ul li a:after{ background: #fff;}
header dd .ec_btn{ width: 92.5%; padding: 20px;}
header dd .ec_btn br{ display: none;}
header dd .ec_btn a{ display: flex; align-items: center; justify-content: space-between; border: 2px solid #fff; width: 400px; height: 84px; border-radius: 84px; padding: 0 20px;}
header dd .ec_btn a span.ec_logo img{ height: 40px;}
header dd .ec_btn a p{ text-align: center; font-size: 0.8rem; margin: 0 1em;}
header dd .ec_btn a p span{ font-size: 0.7rem;}
header dd .ec_btn a i{ font-size: 0.7rem;}

#smp_nav_btn{ display: flex; align-items: flex-end; justify-content: center; padding: 0; width: 45px; height: 45px; position: fixed; right:20px; top:20px; z-index:999; transition:0.3s; cursor:pointer;}
#smp_nav_btn span{ display:block; height:2px; width:100%; background:#B43374; position:absolute; left:0; right:0; top: 50%; transform: translateY(-50%); margin:auto; transition:0.3s;}
#smp_nav_btn span:before{ content: ""; display:block; height:2px; width:100%; background:#B43374; position:absolute; bottom:15px; transition:0.3s;}
#smp_nav_btn span:after{ content: ""; display:block; height:2px; width:100%; background:#B43374; position:absolute; top:15px; transition:0.3s;}
#smp_nav_btn.active span{ background:rgba(255,255,255,0);}
#smp_nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#smp_nav_btn.active span:after{ top:0; transform: rotate(-45deg);}
}
@media screen and (max-width:768px){
body{ padding-top: 15vw;}
body.hidden{ overflow: hidden;}
header dl{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
header dl dt{ width: 50%; padding: 2.5vw 3.75vw;}
header dl dt img{ height: 10vw;}
header dl dd{ display: none; /*display: flex;*/ flex-direction: column; align-items: center; justify-content: flex-start; background: #C81D65; color: #fff; width: 100%; height: calc(100dvh - 15vw); padding: 10vw 0; position: fixed; right: -100vw; top: 15vw; transition: right 0.3s; overflow-x: hidden; overflow-y: scroll;}
header dl dd.active{ right: 0;}
header dl dd nav{ display: flex; align-items: center; justify-content: flex-start; margin: 0; width: 92.5%}
header dl dd ul{ display: flex; flex-direction: column; align-items: flex-start; margin: 0; width: 92.5%;}
header dl dd ul li{ padding: 1.875vw; margin-bottom: 5%;}
header dl dd ul li a:after{ background: #fff; transform-origin: left top; transform: scale(1, 1);}
header dd .ec_btn{ width: 100%; padding: 3.75vw;}
header dd .ec_btn a{ display: flex; align-items: center; justify-content: space-between; border: 2px solid #fff; width: 100%; height: 15vw; border-radius: 15vw; padding: 0 5vw;}
header dd .ec_btn a span.ec_logo img{ height: 6.25vw;}
header dd .ec_btn a p{ text-align: center; font-size: 0.7rem; margin: 0 1em;}
header dd .ec_btn a p span{ font-size: 0.6rem;}
header dd .ec_btn a i{ font-size: 0.6rem;}

#smp_nav_btn{ display: flex; align-items: flex-end; justify-content: center; padding: 0; width: 7.5vw; height: 7.5vw; position: fixed; right:3.75vw; top:3.75vw; z-index:999; transition:0.3s; cursor:pointer;}
#smp_nav_btn span{ display:block; height:2px; width:100%; background:#B43374; position:absolute; left:0; right:0; top: 50%; transform: translateY(-50%); margin:auto; transition:0.3s;}
#smp_nav_btn span:before{ content: ""; display:block; height:2px; width:100%; background:#B43374; position:absolute; bottom:calc(1.875vw + 2px); transition:0.3s;}
#smp_nav_btn span:after{ content: ""; display:block; height:2px; width:100%; background:#B43374; position:absolute; top:calc(1.875vw + 2px); transition:0.3s;}
#smp_nav_btn.active span{ background:rgba(255,255,255,0);}
#smp_nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#smp_nav_btn.active span:after{ top:0; transform: rotate(-45deg);}
}

/*フッター*/

/*メイン*/
#content{ overflow:hidden;}
section{ width:100%; margin:0 auto; padding: 80px 0; position: relative;}
.maincontent{ padding:0; margin:0 auto; width: 92.5%; max-width:840px; position: relative;}
@media screen and (max-width:768px){
section{ padding: 12.5% 0;}
.maincontent{ padding:0; margin:0 auto; width:92.5%;}
}



/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.05em;}

.tit_num{ display: flex; align-items: center; justify-content: center; background: url("../images/sec01_tit_num_bg.png"); background-size: 100%; width: 280px; height: 280px; position: absolute; right: 0; top: -80px;}
.tit_num p{ color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding-left: 35px; padding-bottom: 20px;}
.tit_num p span{ font-size: 0.65rem; line-height: 1em; margin-bottom: -0.5em;}
.tit_num p strong{ font-size: 4.7rem; line-height: 1em;}
@media screen and (max-width:768px){
.tit_num{ width: 40vw; height: 40vw; right: -1.875vw; top: -18.75vw;}
.tit_num p{ padding-left: 5vw; padding-bottom: 3.75vw;}
.tit_num p span{ font-size: 0.5rem;}
.tit_num p strong{ font-size: 2.5rem;}
}

h2.tit_h2{ display: flex; flex-direction: column; font-size: 2.4rem;}
h2.tit_h2 span{ margin: 0 auto 0 0;}
h2.tit_h2 strong{ margin: 0 auto 0 0; font-size: 3.65rem; line-height: 1.25em; color: #C81D65;}
@media screen and (max-width:768px){
h2.tit_h2{ margin-top: 15vw; font-size: 1.6rem;}
h2.tit_h2 strong{ font-size: 2.4rem;}
}
h2.tit_h2-2{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 40px; padding-bottom: 30px; position: relative; z-index: 1;}
h2.tit_h2-2:after{ content: ""; width: 560px; height: 2px; background: #151515; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
h2.tit_h2-2 span{ font-size: 1.3rem; line-height: 1.25em; margin-bottom: 0.25em;}
h2.tit_h2-2 strong{ display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.4rem; line-height: 1.25em; background: url("../images/tit_bg.png") center center no-repeat; background-size: 100%; width: 450px; height: 75px; padding-bottom: 0.25em;}
@media screen and (max-width:768px){
h2.tit_h2-2{ margin-bottom: 7.5%; padding-bottom: 5%;}
h2.tit_h2-2:after{ width: 100%;}
h2.tit_h2-2 span{ font-size: 0.9rem;}
h2.tit_h2-2 strong{ font-size: 1.6rem; width: 75vw; height: 12.5vw;}
}



/*fv*/
section#fv{ padding: 0;}
#fv01{ background: url("../images/fv_bg.jpg") center bottom no-repeat; background-size: cover; width: 100vw; height: 68vw; margin: auto; position: relative; z-index: 1;}
#fv01 figure.fv_tit{ position: absolute; right: calc((60/1280)*100vw); top: calc((60/1280)*100vw); z-index: 3;}
#fv01 figure.fv_tit img{ height: calc((210/1280)*100vw);}
#fv01 figure.fv_img{ position: absolute; right: calc((180/1280)*100vw); top: calc((320/1280)*100vw); z-index: 3;}
#fv01 figure.fv_img img{ width: calc((120/1280)*100vw);}
#fv01 span.ico1{ position: absolute; left: calc((-120/1280)*100vw); top: 60%; transform: translateY(-50%); z-index: 3;}
#fv01 span.ico1 img{ height: calc((380/1280)*100vw);}
#fv01 p.att{ font-size: 0.7rem; position: absolute; right: calc((180/1280)*100vw); bottom: calc((140/1280)*100vw);}
@media print, screen and (min-width:1000px){
#fv01{ width: 100%; height: calc((870/1280)*100vw);}
#fv01 figure.fv_tit{ right: calc((60/1280)*100vw); top: calc((60/1280)*100vw);}
#fv01 figure.fv_tit img{ height: calc((210/1280)*100vw);}
#fv01 figure.fv_img{ right: calc((180/1280)*100vw); top: calc((320/1280)*100vw);}
#fv01 figure.fv_img img{ width: calc((120/1280)*100vw);;}
#fv01 span.ico1{ left: calc((-120/1280)*100vw);}
#fv01 span.ico1 img{ height: calc((380/1280)*100vw);}
}
@media screen and (max-width:768px){
#fv01{ background: url("../images/fv_bg_smp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 125vw; border-top: 2px solid #C81D65;}
#fv01 figure.fv_tit{ right: 2.5vw; top: 2.5vw;}
#fv01 figure.fv_tit img{ height: 27.5vw;}
#fv01 figure.fv_img{ right: 5vw; top: 42.5vw;}
#fv01 figure.fv_img img{ width: 22.5vw;}
#fv01 span.ico1{ left: -27.5vw; top: 52.5%; transform: translateY(0);}
#fv01 span.ico1 img{ height: 37.5vw;}
#fv01 p.att{ font-size: 0.4rem; right: 5vw; bottom: 15vw;}
}

#fv02{ background: #C81D65; color: #fff; padding: 80px 0; transform: skewY(-5deg); margin-top: -60px; position: relative; z-index: 3;}
#fv02_in{ padding: 40px 0 0; transform: skewY(5deg); position: relative;}
#fv02 h1{ font-size: 2.4rem; margin-bottom: 30px;}
#fv02 h1 strong{ display: inline-block;}
#fv02 p.txt{ font-size: 0.9rem; font-weight: bold;}
#fv02 p.txt strong{ display: inline-block;}
#fv02 span.ico2{ position: absolute; right: -80px; top: -40px;}
#fv02 span.ico2 img{ height: 240px;}
#fv02 .fv02_btn ul{ display: flex; align-items: flex-end; justify-content: flex-end; margin: -40px 0 0 auto;}
#fv02 .fv02_btn ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 230px; height: 230px; border: 2px solid #fff; border-radius: 50%; transition: 0.3s;}
#fv02 .fv02_btn ul li a:hover{ opacity: 0.7;}
#fv02 .fv02_btn ul li a p{ font-size: 0.95rem; font-weight: bold; text-align: center; margin: 0;}
#fv02 .fv02_btn ul li a p span{ display: block; font-size: 1.1rem;}
#fv02 .fv02_btn ul li a figure{ margin: 12px auto;}
#fv02 .fv02_btn ul li.fv02_btn1 a figure img{ height: 60px;}
#fv02 .fv02_btn ul li.fv02_btn2 a figure img{ height: 64px;}
#fv02 .fv02_btn ul li a strong{ font-size: 0.95rem; text-decoration: underline;}
#fv02 .fv02_btn ul li a i{ font-size: 1rem; margin-top: 12px;}
#fv02 .fv02_btn ul li.fv02_btn1 a{ width: 230px; height: 230px; background: #14489B;}
#fv02 .fv02_btn ul li.fv02_btn2 a{ width: 280px; height: 280px; margin-left: 20px; background: #C81D65;}
@media print, screen and (min-width:1281px){
#fv02{ margin-top: calc((-60/1280)*100vw);}
}
@media screen and (max-width:100px){
#fv02 h1{ font-size: 2.4rem; margin-bottom: 30px;}
#fv02 h1 strong{ display: inline-block;}
#fv02 p.txt{ font-size: 0.9rem; font-weight: bold;}
#fv02 p.txt strong{ display: inline-block;}
#fv02 span.ico2{ position: absolute; right: -80px; top: -40px;}
#fv02 span.ico2 img{ height: 240px;}
#fv02 .fv02_btn ul{ display: flex; align-items: flex-end; justify-content: flex-end; margin: -40px 0 0 auto;}
#fv02 .fv02_btn ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 230px; height: 230px; border: 2px solid #fff; border-radius: 50%; transition: 0.3s;}
#fv02 .fv02_btn ul li a:hover{ opacity: 0.7;}
#fv02 .fv02_btn ul li a p{ font-size: 0.95rem; font-weight: bold; text-align: center; margin: 0;}
#fv02 .fv02_btn ul li a p span{ display: block; font-size: 1.1rem;}
#fv02 .fv02_btn ul li a figure{ margin: 12px auto;}
#fv02 .fv02_btn ul li.fv02_btn1 a figure img{ height: 60px;}
#fv02 .fv02_btn ul li.fv02_btn2 a figure img{ height: 64px;}
#fv02 .fv02_btn ul li a strong{ font-size: 0.95rem; text-decoration: underline;}
#fv02 .fv02_btn ul li a i{ font-size: 1rem; margin-top: 12px;}
#fv02 .fv02_btn ul li.fv02_btn1 a{ width: 230px; height: 230px; background: #14489B;}
#fv02 .fv02_btn ul li.fv02_btn2 a{ width: 280px; height: 280px; margin-left: 20px; background: #C81D65;}

}
@media screen and (max-width:768px){
#fv02{ padding: 10% 0; margin-top: -7.5vw;}
#fv02_in{ padding: 7.5% 0 0;}
#fv02 h1{ font-size: 1.6rem; margin-bottom: 3.75%;}
#fv02 p.txt{ font-size: 0.7rem;}
#fv02 span.ico2{ right: -12.5vw; top: -0;}
#fv02 span.ico2 img{ height: 22.5vw;}
#fv02 .fv02_btn ul{ justify-content: center;margin: 0 auto;}
#fv02 .fv02_btn ul li a{ width: 36vw; height: 36vw; padding-top: 1.875vw;}
#fv02 .fv02_btn ul li a p{ font-size: 0.6rem;}
#fv02 .fv02_btn ul li a p span{ font-size: 0.7rem;}
#fv02 .fv02_btn ul li a figure{ margin: 1.875vw auto;}
#fv02 .fv02_btn ul li.fv02_btn1 a figure img{ height: 10vw;}
#fv02 .fv02_btn ul li.fv02_btn2 a figure img{ height: 10vw;}
#fv02 .fv02_btn ul li a strong{ font-size: 0.6rem;}
#fv02 .fv02_btn ul li a i{ font-size: 0.8rem; margin-top: 1.875vw;}
#fv02 .fv02_btn ul li.fv02_btn1 a{ width: 36vw; height: 36vw;}
#fv02 .fv02_btn ul li.fv02_btn2 a{ width: 44vw; height: 44vw; margin-left: 3.75vw;}
}



/*sec01*/
#sec01{ position: relative; z-index: 10;}
#sec01 ul{ margin: 60px auto 80px;}
#sec01 ul li{ position: relative;}
#sec01 ul li.sec01_img2{ z-index: 3;}
#sec01 ul li figure{ display: flex; align-items: center; justify-content: center; width: 632px; margin: 0 auto 0 0; text-align: left;position: relative; right: 220px;}
#sec01 ul li figure img{ border-radius: 16px;}
#sec01 ul li span.ico{ position: absolute;}
#sec01 ul li.sec01_img1 span.ico{ width: 250px; right: -360px; top: 20px;}
#sec01 ul li.sec01_img2 span.ico{ width: 250px; left: -200px; top: 90px;}
#sec01 ul li.sec01_img3 span.ico{ width: 250px; right: -220px; top: 90px;}
#sec01 ul li.sec01_img2{ margin: -40px 0; text-align: right;}
#sec01 ul li.sec01_img2 figure{ width: 540px; margin: 0 0 0 auto; left: auto; left: 220px;}
#sec01 ul li.sec01_img2 p{ display: flex; align-items: center; justify-content: center; text-align: center; background: #ABCD03; color: #fff; position: absolute; right: -140px; top: -96px; margin: 0; font-size: 1rem; font-weight: bold; line-height: 1.33em; width: 228px; height: 96px; border-radius: 96px; transform: rotate(5deg); z-index: 5;}
#sec01 ul li.sec01_img2 p:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #abcd03 transparent transparent transparent; border-width: 13px 9px 0px 9px; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto;}
#sec01 figure.arrow img{ height: 126px;}
@media screen and (max-width:1080px){
#sec01 ul li.sec01_img2 p{ right: -40px;}
}

@media screen and (max-width:768px){
#sec01 ul{ margin: 10% auto;}
#sec01 ul li{ margin: 12.5% auto;}
#sec01 ul li figure{ width: 80vw; left: -6.25vw;}
#sec01 ul li figure img{ border-radius: 2.5vw;}
#sec01 ul li span.ico{ position: absolute;}
#sec01 ul li.arrow figure{ width: 100%; margin: 0 auto; text-align: center; left: 0;}
#sec01 ul li.arrow figure img{ width: 17.5vw; border-radius: 0;}
#sec01 ul li.sec01_img1 span.ico{ width: 40vw; right: -27.5vw; top: 0;}
#sec01 ul li.sec01_img2 span.ico{ width: 40vw; left: -27.5vw; top: 25vw;}
#sec01 ul li.sec01_img3 span.ico{ width: 37.5vw; right: -5vw; top: 15vw;}
#sec01 ul li.sec01_img2{ margin: 12.5% auto;}
#sec01 ul li.sec01_img2 figure{ width: 80vw; left: auto; right: -6.25vw;}
#sec01 ul li.sec01_img2 p{ right: 3.75vw; top: -12.5vw; font-size: 0.7rem; width: 37.5vw; height: 12.5vw; border-radius: 12.5vw;}
#sec01 ul li.sec01_img2 p:after{ border-width: 2.5vw 1.875vw 0px 1.875vw; bottom: -2vw;}
}




/*secret*/
#secret{ padding-top: 0;}
#secret #secret01{ height: 80px; position: relative;}
#secret #secret01 figure{ display: flex; align-items: center; justify-content: center; position: relative; width: calc(1605px*3);}
#secret #secret01 figure span{ width: 1605px;}
#secret #secret02{ height: 80px; position: relative; margin-top: 40px;}
#secret #secret02 figure{ display: flex; align-items: center; justify-content: center; position: relative; width: calc(1605px*3);}
#secret #secret02 figure span{ width: 1605px;}
@media screen and (max-width:768px){
#secret #secret01{ height: 12vw;}
#secret #secret01 figure{ width: calc(240.75vw*3);}
#secret #secret01 figure span{ width: 240.75vw;}
#secret #secret02{ height: 12vw; position: relative; margin-top: 3.75%;}
#secret #secret02 figure{ width: calc(240.75vw*3);}
#secret #secret02 figure span{ width: 240.75vw;}
}

#secret #secret01 figure{ position: absolute; animation: secret01 linear 10s infinite;}
#secret #secret02 figure{ position: absolute; animation: secret02 linear 10s infinite;}
@media screen and (max-width:768px){
#secret #secret01 figure{ position: absolute; animation: secret01_smp linear 10s infinite;}
#secret #secret02 figure{ position: absolute; animation: secret02_smp linear 10s infinite;}
}
@keyframes secret01{
0%{ left: 0; top: 0;}
100%{ left: -1605px;}
}
@keyframes secret02{
0%{ right: 0; top: 0;}
100%{ right: -1605px;}
}
@keyframes secret01_smp{
0%{ left: 0; top: 0;}
100%{ left: -240.75vw;}
}
@keyframes secret02_smp{
0%{ right: 0; top: 0;}
100%{ right: -240.75vw;}
}



/*secret_cont*/
#secret_cont{ background: #151515; color: #fff; position: relative;}
#secret_cont:after{ content: ""; position: absolute; left: 0; right: 0; bottom: -40px; width: 100%; height: 80px; background: #151515; transform: skewY(-1.25deg);}
#secret_cont h2.tit_h2-2:after{ background: #fff;}
@media screen and (max-width:768px){
#secret_cont:after{ bottom: -7.5vw; height: 15vw; transform: skewY(-3.75deg);}
}

#secret_cont ul{ display: flex; justify-content: space-between;}
#secret_cont ul li{ width: 400px;}
#secret_cont ul li figure{ margin-bottom: 20px;}
#secret_cont ul li figure img{ border-radius: 16px;}
#secret_cont ul li h4{ text-align: center; font-size: 1.3rem; margin-bottom: 15px;}
#secret_cont ul li p{ font-size: 0.7rem; text-align: justify;}
@media screen and (max-width:840px){
#secret_cont ul li{ width: calc(50% - 15px);}
}
@media screen and (max-width:768px){
#secret_cont ul{ display: block;}
#secret_cont ul li{ width: 100%; margin-top: 7.5%;}
#secret_cont ul li figure{ margin-bottom: 3.75%;}
#secret_cont ul li figure img{ border-radius: 2.5vw;}
#secret_cont ul li h4{ font-size: 1.2rem; margin-bottom: 3.75%;}
#secret_cont ul li p{ font-size: 0.7rem;}
}



/*sec02*/
#sec02{ padding-top: 140px;}
#sec02 .sec02_list_wrap{ margin-top: 100px; position: relative;}
#sec02 .sec02_list_wrap p{ display: flex; align-items: center; justify-content: center; text-align: center; background: #ABCD03; color: #fff; position: absolute; right: -80px; top: -96px; margin: 0; font-size: 1rem; font-weight: bold; line-height: 1.33em; width: 228px; height: 96px; border-radius: 96px; transform: rotate(5deg); z-index: 5;}
#sec02 .sec02_list_wrap p:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #abcd03 transparent transparent transparent; border-width: 13px 9px 0px 9px; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto;}
#sec02 span.ico{ width: 250px; position: absolute; left: -120px; bottom: 20px; z-index: 5;}
#sec02 .sec02_list_wrap .sec02_list{ margin-left: 80px; width: calc(270px*4*3); overflow: hidden;}
#sec02 .sec02_list_wrap .sec02_list_slide{ display: flex; width: 100%;}
#sec02 .sec02_list_wrap .sec02_list_slide ul{ display: flex; width: calc(270px*4);}
#sec02 .sec02_list_wrap .sec02_list_slide ul li{ width: 270px; padding-right: 30px;}
#sec02 .sec02_list_wrap .sec02_list_slide ul li img{ border-radius: 16px;}
@media screen and (max-width:1000px){
#sec02 .sec02_list_wrap p{ right: 0px;}
}
@media screen and (max-width:768px){
#sec02{ padding-top: 25%;}
#sec02 .sec02_list_wrap{ margin-top: 20%;}
#sec02 .sec02_list_wrap p{ right: 0; top: -12.5vw; font-size: 0.7rem; width: 37.5vw; height: 12.5vw; border-radius: 12.5vw;}
#sec02 .sec02_list_wrap p:after{ border-width: 2.5vw 1.875vw 0px 1.875vw; bottom: -2vw;}
#sec02 span.ico{ width: 33.33vw; left: -7.5vw; bottom: 5vw;}
#sec02 .sec02_list_wrap .sec02_list{ margin-left: 15vw; width: calc(45vw*4*3);}
#sec02 .sec02_list_wrap .sec02_list_slide ul{ display: flex; width: calc(45vw*4);}
#sec02 .sec02_list_wrap .sec02_list_slide ul li{ width: 45vw; padding-right: 3.75vw;}
#sec02 .sec02_list_wrap .sec02_list_slide ul li img{ border-radius: 2.5vw;}
}

#sec02 .sec02_list_wrap .sec02_list_slide{ position: relative; animation: sec02_list linear 10s infinite;}
@media screen and (max-width:768px){
#sec02 .sec02_list_wrap .sec02_list_slide{ position: relative; animation: sec02_list_smp linear 10s infinite;}
}
@keyframes sec02_list{
0%{ left: 0; top: 0;}
100%{ left: calc(-270px*4);}
}
@keyframes sec02_list_smp{
0%{ left: 0; top: 0;}
100%{ left: calc(-45vw*4);}
}



/*secret*/
#total_sales{ padding-top: 0;}
#total_sales .att{ text-align: center; margin-top: 50px;}
#total_sales .att ul{ display: inline-block; font-size: 0.6rem; line-height: 1.5em;}
@media screen and (max-width:768px){
#total_sales .att{ text-align: left; margin-top: 10%;}
#total_sales .att ul{ display: block; font-size: 0.6rem;}
#total_sales .att ul li{ padding-left: 1em; position: relative;}
#total_sales .att ul li span{ position: absolute; left: 0; top: 0;}
}



/*review*/
#review{ position: relative; z-index: 1;}
#review:before{ content: ""; opacity: 0.2; width: 100vw; height: 540px; background: url("../images/review_bg.png") center top; background-size: auto 100%; position: absolute; left: 50%; top: 420px; transform: translateX(-50%); z-index: -1;}
#review p.lead_txt{ text-align: center; font-size: 0.9rem;}
#review p.lead_txt strong{ display: inline-block; position: relative;}
@media screen and (max-width:768px){
#review:before{ height: 100vw; left: 50%; top: 72.5vw;}
#review p.lead_txt{ font-size: 0.8rem;}
}

#review .att{ text-align: center; margin-top: 50px;}
#review .att ul{ display: inline-block; font-size: 0.6rem; line-height: 1.5em;}
@media screen and (max-width:768px){
#review .att{ text-align: left; margin-top: 10%;}
#review .att ul{ display: block; font-size: 0.6rem;}
#review .att ul li{ padding-left: 1em; position: relative;}
#review .att ul li span{ position: absolute; left: 0; top: 0;}
}

#review01{ margin-top: 50px; position: relative; z-index: 3;}
#review01 span.ico01{ width: 148px; position: absolute; right: -220px; top: -50px; z-index: -1;}
#review01 ul{ display: flex !important; justify-content: center; flex-wrap: wrap; width: calc(100% + 50px); margin: 0 0 0 -25px;}
#review01 ul li{ width: 33.33%; padding: 25px 25px; float: none !important; position: relative;}
#review01 ul li .review_box{ border: 2px solid #009944; background: #F2F2F2; padding: 20px 30px; border-radius: 16px; position: relative;}
#review01 ul li .review_box:before{ content: ""; width: 52px; height: 52px; background: url("../images/review_box_ico01.png") center center no-repeat; background-size: 100%; position: absolute; right: -26px; top: -26px; z-index: 5;}
#review01 ul li .review_box p:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #f2f2f2 transparent transparent transparent; border-width: 12px 5px 0px 5px; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; z-index: 5;}
#review01 ul li .review_box p:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #009944 transparent transparent transparent; border-width: 14px 6px 0px 6px; position: absolute; left: 0; right: 0; bottom: -14px; margin: auto; z-index: 3;}
#review01 ul li .review_box p{ font-size: 0.7rem; font-weight: bold; text-align: justify;}
#review01 ul li .review_box p.name{ font-size: 0.65rem; text-align: right; margin-top: 1em;}
#review02{ margin-top: 25px; position: relative; z-index: 1;}
#review02 span.ico02{ width: 148px; position: absolute; left: -220px; top: 80px; z-index: -1;}
#review02 ul{ display: flex !important; justify-content: center; flex-wrap: wrap; width: calc(100% + 50px); margin: 0 0 0 -25px;}
#review02 ul li{ width: 33.33%; padding: 25px 25px; float: none !important; position: relative;}
#review02 ul li .review_box{ border: 2px solid #660874; background: #F2F2F2; padding: 20px 30px; border-radius: 16px; position: relative;}
#review02 ul li .review_box:before{ content: ""; width: 52px; height: 52px; background: url("../images/review_box_ico02.png") center center no-repeat; background-size: 100%; position: absolute; right: -26px; top: -26px; z-index: 5;}
#review02 ul li .review_box p:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #f2f2f2 transparent transparent transparent; border-width: 12px 5px 0px 5px; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; z-index: 5;}
#review02 ul li .review_box p:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #660874 transparent transparent transparent; border-width: 14px 6px 0px 6px; position: absolute; left: 0; right: 0; bottom: -14px; margin: auto; z-index: 3;}
#review02 ul li p{ font-size: 0.7rem; font-weight: bold; text-align: justify;}
#review02 ul li p.name{ font-size: 0.65rem; text-align: right; margin-top: 1em;}
@media screen and (max-width:840px){
#review01 ul,
#review02 ul{ width: 100%; margin: 0;}
#review01{ margin-top: 60px;}
#review01 ul{ width: 100%; margin: 0;}
#review01 ul li{ width: 100%; padding: 26px;}
#review02{ margin-top: 0;}
#review02 ul{ width: 100%; margin: 0;}
#review02 ul li{ width: 100%; padding: 26px;}

#review02 .bx-wrapper{ padding-bottom: 52px;}
#review02 .bx-wrapper .bx-prev { left: auto; right: 60px; background:none;}
#review02 .bx-wrapper .bx-next { right: 0; background: none;}
#review02 .bx-wrapper .bx-controls-direction a{ display: flex; align-items: center; justify-content: center; background: #151515; color: #fff; font-size: 0.8rem; width: 52px; height: 52px; border-radius: 50%; top: auto; bottom: 0;}
#review02 .bx-wrapper .bx-controls-direction a:hover{ color:#fff;}
#review02 .bx-wrapper .bx-controls-direction a.disabled { display: none;}
}
@media screen and (max-width:768px){
#review01 ul,
#review02 ul{ width: 100%; margin: 0;}
#review01{ margin-top: 10%;}
#review01 span.ico01{ width: 25vw; right: -3.75vw; top: 15vw;}
#review01 ul{ width: 100%; margin: 0;}
#review01 ul li{ width: 100%; padding: 5vw;}
#review01 ul li .review_box{ padding: 7.5% 10%; border-radius: 2.5vw;}
#review01 ul li .review_box:before{ width: 10vw; height: 10vw; right: -5vw; top: -5vw;}
#review01 ul li .review_box p:before{ border-width: 2.4vw 1vw 0 1vw; bottom: calc(-2.4vw + 2px);}
#review01 ul li .review_box p:after{ border-width: 2.8vw 1.2vw 0 1.2vw; bottom: -2.8vw;}
#review01 ul li .review_box p{ font-size: 0.7rem;}
#review01 ul li .review_box p.name{ font-size: 0.65rem;}
#review02{ margin-top: 0;}
#review02 span.ico02{ width: 25vw; left: -5vw; top: -12.5vw;}
#review02 ul{ width: 100%; margin: 0;}
#review02 ul li{ width: 100%; padding: 5vw;}
#review02 ul li .review_box{ padding: 7.5% 10%; border-radius: 2.5vw;}
#review02 ul li .review_box:before{ width: 10vw; height: 10vw; right: -5vw; top: -5vw;}
#review02 ul li .review_box p:before{ border-width: 3.6vw 1.5vw 0 1.5vw; bottom: calc(-3.6vw + 2px);}
#review02 ul li .review_box p:after{ border-width: 4.2vw 1.8vw 0 1.8vw; bottom: -4.2vw;}
#review02 ul li .review_box p{ font-size: 0.7rem;}
#review02 ul li .review_box p.name{ font-size: 0.65rem;}

#review02 .bx-wrapper{ padding-bottom: 10vw;}
#review02 .bx-wrapper .bx-prev { left: auto; right: 12.5vw; background:none;}
#review02 .bx-wrapper .bx-next { right: 0; background: none;}
#review02 .bx-wrapper .bx-controls-direction a{ display: flex; align-items: center; justify-content: center; background: #151515; color: #fff; font-size: 0.8rem; width: 10vw; height: 10vw; border-radius: 50%; top: auto; bottom: 0;}
#review02 .bx-wrapper .bx-controls-direction a:hover{ color:#fff;}
#review02 .bx-wrapper .bx-controls-direction a.disabled { display: none;}
}



/*product_slide*/
#product_slide{ padding-top: 0;}
#product_slide #product_slide_wrap{ width: calc(2135px*3);}
#product_slide #product_slide_wrap ul{ display: flex; width: calc(2135px*3);}
#product_slide #product_slide_wrap ul li{ width: 2135px;}
@media screen and (max-width:768px){
#product_slide #product_slide_wrap{ width: calc(300vw*3);}
#product_slide #product_slide_wrap ul{ display: flex; width: calc(300vw*3);}
#product_slide #product_slide_wrap ul li{ width: 300vw;}
}

#product_slide #product_slide_wrap ul{ position: relative; animation: product_slide linear 20s infinite;}
@media screen and (max-width:768px){
#product_slide #product_slide_wrap ul{ position: relative; animation: product_slide_smp linear 20s infinite;}
}
@keyframes product_slide{
0%{ left: 0; top: 0;}
100%{ left: -2135px;}
}
@keyframes product_slide_smp{
0%{ left: 0; top: 0;}
100%{ left: -300vw;}
}



/*cm*/
#cm{ background: #660874; color: #fff;}
#cm:after{ content: ""; position: absolute; left: 0; right: 0; bottom: -40px; width: 100%; height: 80px; background:  #660874; transform: skewY(-1.25deg);}
#cm h2.tit_h2-2:after{ background: #fff;}
#cm h2.tit_h2-2 strong{ background-image: url("../images/tit_bg_wh.png"); color: #660874;}
#cm p.lead_txt{ text-align: center; font-size: 0.9rem;}
#cm p.lead_txt strong{ display: inline-block;}
@media screen and (max-width:768px){
#cm:after{ bottom: -7.5vw; height: 15vw; transform: skewY(-3.75deg);}
#cm p.lead_txt{ font-size: 0.8rem;}
}

#cm #cm_movie{ margin: 80px auto 60px;}
#cm #cm_prof{ width: 630px; margin: 60px auto 0; position: relative;}
#cm #cm_prof span.ico01{ position: absolute; left: -240px; top: 0; width: 86px;}
#cm #cm_prof span.ico02{ position: absolute; right: -320px; top: 160px; width: 284px;}
#cm #cm_prof h3{ text-align: center; font-size: 1.9rem; margin-bottom: 40px; position: relative;}
#cm #cm_prof figure.cm_prof_img{ margin-bottom: 40px; position: relative;}
#cm #cm_prof figure.cm_prof_img:before{ content: "© 2022 MEDICOM TOY"; color: #151515; font-size: 0.4rem; position: absolute; right: 60px; bottom: 15px; z-index: 3;}
#cm #cm_prof figure.cm_prof_img img{ border-radius: 16px;}
#cm #cm_prof h4{ text-align: center; font-size: 1.3rem; margin-bottom: 40px;}
#cm #cm_prof p.cm_prof_txt{ text-align: center; font-size: 0.8rem; padding: 30px; border: 1px dotted #fff;}
#cm #cm_prof h5{ display: flex; align-items: center; justify-content: center; width: 300px; height: 60px; font-size: 1rem; margin: 60px auto 30px; border: 1px dotted #fff; position: relative;}
#cm #cm_prof h5 strong{ font-weight: 500;}
#cm #cm_prof h5:before{ content: ""; width: 1px; height: 60px; background: none; border-left: 1px dotted #fff; position: absolute; left: 50%; top: -60px;}
#cm #cm_prof ul{ text-align: center; font-size: 0.7rem;}
#cm #cm_prof ul li{ margin: 0.33em 0 0;}
@media screen and (max-width:768px){
#cm #cm_movie{ margin: 7.5% auto;}
#cm #cm_prof{ width: 100%; margin: 10% auto 0;}
#cm #cm_prof span.ico01{ left: 7.5vw; top: -2.5vw; width: 15vw;}
#cm #cm_prof span.ico02{ right: -7.5vw; top: 32.5vw; width: 35vw;}
#cm #cm_prof h3{ font-size: 1.2rem; margin-bottom: 7.5%;}
#cm #cm_prof figure.cm_prof_img{ padding-right: 10%; margin-bottom: 5%;}
#cm #cm_prof figure.cm_prof_img:before{ font-size: 0.3rem; right: 15vw; bottom: 2.5vw;}
#cm #cm_prof figure.cm_prof_img img{ border-radius: 0 2.5vw 2.5vw 0; margin-left: -7.5vw;}
#cm #cm_prof h4{ font-size: 1rem; margin-bottom: 7.5%;}
#cm #cm_prof p.cm_prof_txt{ font-size: 0.7rem; padding: 5%; text-align: justify;}
#cm #cm_prof h5{ width: 50vw; height: 10vw; font-size: 0.7rem; margin: 10vw auto 7.5%;}
#cm #cm_prof h5:before{ height:10vw; top: -10vw;}
#cm #cm_prof ul{ font-size: 0.6rem;}
}



/*lineup*/
.lineup_list{ margin-top: 60px;}
.lineup_list h4{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.lineup_list h4 strong{ display: flex; align-items: center; justify-content: center; background: #001C90; color: #fff; font-size: 1.45rem; line-height: 1em; padding: 0 0.5em 0.125em;}
.lineup_list ul{ display: flex; justify-content: center; width: calc(100% + 12px); margin: 0 0 0 -6px;}
.lineup_list ul li{ width: calc(33.33% - 12px); margin: 0 6px; text-align: center;}
.lineup_list ul.kind{ margin-bottom: 24px;}
.lineup_list ul.img img{ width: 200px;}
.lineup_list ul.color{ width: 100%; margin: 30px 0 0;}
.lineup_list ul.color li{ width: 30px; height: 30px; margin: 0 8px; background: #000; border-radius: 50%;}
.lineup_list ul.color li.color01{ background: #253F3F;}
.lineup_list ul.color li.color01-2{ background: #2B2A32;}
.lineup_list ul.color li.color02{ background: #F7F4EC;}
.lineup_list ul.color li.color02-2{ background: #6C686F;}
.lineup_list ul.color li.color03{ background: #C7C6CB;}
.lineup_list ul.color li.color03-2{ background: #F7F4EC;}
.lineup_list figure.btn a{ background: #C81C65; color: #fff; display: flex; align-items: center; justify-content: space-between; width: 660px; height: 100px; border-radius: 100px; margin: 30px auto 0; padding: 0 30px;}
.lineup_list figure.btn a span.ec_logo{ line-height: 0;}
.lineup_list figure.btn a span.ec_logo img{ height: 50px;}
.lineup_list figure.btn a p{ font-size: 1.3rem; line-height: 1.25em; font-weight: bold; margin: 0;}
.lineup_list figure.btn a p span{ font-size: 1.16rem; line-height: 1.25em; display: block;}
.lineup_list figure.btn a i{ font-size: 1.2rem;}
@media screen and (max-width:768px){
.lineup_list{ margin-top: 15%;}
.lineup_list h4{ margin-bottom: 3.75%;}
.lineup_list h4 strong{ font-size: 0.8rem;}
.lineup_list ul{ width: calc(100% + 1.25vw); margin: 0 0 0 -0.625vw;}
.lineup_list ul li{ width: calc(33.33% - 1.25vw); margin: 0 0.625vw;}
.lineup_list ul.kind{ margin-bottom: 5%;}
.lineup_list ul.img img{ width: 90%;}
.lineup_list ul.color{ width: 100%; margin: 5% 0 0;}
.lineup_list ul.color li{ width: 3.75vw; height: 3.75vw; margin: 0 0.75vw;}
.lineup_list figure.btn a{ width: 100%; height: 12.5vw; border-radius: 10vw; margin: 7.5% auto 0; padding: 0 5vw;}
.lineup_list figure.btn a span.ec_logo img{ height: 6.25vw;}
.lineup_list figure.btn a p{ font-size: 0.6rem;}
.lineup_list figure.btn a p span{ font-size: 0.7rem;}
.lineup_list figure.btn a i{ font-size: 0.8rem;}
}



/*lineup01*/
#lineup01{ padding-top: 220px;}
#lineup01 span.ico01{ position: absolute; left: -80px; top: -80px; width: 180px;}
#lineup01 span.ico02{ position: absolute; right: -220px; top: -160px; width: 390px;}
#lineup01 h2{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 80px;}
#lineup01 h2 strong{ font-size: 2.25rem; line-height: 1em;}
#lineup01 h2 figure{ margin: 20px auto;}
#lineup01 h2 figure img{ height: 250px;}
#lineup01 h2 span{ font-size: 2.15rem; line-height: 1em;}
@media screen and (max-width:768px){
#lineup01{ padding-top: 37.5%;}
#lineup01 span.ico01{ left: 3.75vw; top: -8.75vw; width: 20vw;}
#lineup01 span.ico02{ right: -15vw; top: -22.5vw; width: 50vw;}
#lineup01 h2{ margin-bottom: 10%;}
#lineup01 h2 strong{ font-size: 1.2rem;}
#lineup01 h2 figure{ margin: 5% auto;}
#lineup01 h2 figure img{ height: 33.33vw;}
#lineup01 h2 span{ font-size: 1.2rem;}
}

#lineup01 .lineup01_zu{ text-align: center;}
#lineup01 .lineup01_zu figure{ margin-bottom: 40px;}
#lineup01 .lineup01_zu ul{ display: inline-block; font-size: 0.6rem;}
#lineup01 .lineup01_zu ul li{ margin-bottom: 0.25em;}
@media screen and (max-width:768px){
#lineup01 .lineup01_zu figure{ margin-bottom: 7.5%;}
#lineup01 .lineup01_zu ul{ display: block; font-size: 0.6rem; text-align: left;}
#lineup01 .lineup01_zu ul li{ padding-left: 2em; margin-bottom: 0.25em; position: relative;}
#lineup01 .lineup01_zu ul li span{ position: absolute; left: 0; top: 0;}
}



/*lineup02*/
#lineup02{ padding-top: 40px;}
#lineup02 h2{ background: #C81D65; transform: skewY(3.75deg);}
#lineup02 h2.tit_h2-2{ padding: 60px 0; margin: 0 0 20px;}
#lineup02 h2.tit_h2-2 strong{ background-image: url("../images/tit_bg_wh.png"); color: #C81D65; transform: skewY(-3.75deg);}
#lineup02 h2.tit_h2-2:after{ display: none;}
@media screen and (max-width:768px){
#lineup02{ padding-top: 10%;}
#lineup02 h2.tit_h2-2{ padding: 15% 0; margin-bottom: -5vw;}
}

#lineup02 .lineup02_tit{ display: flex; align-items: center; justify-content: center; background: #000; color: #fff; width: 400px; height: 160px; padding: 20px; position: relative; left: -220px; margin-bottom: 60px;}
#lineup02 .lineup02_tit figure{ width: 170px; margin: 0 30px 0 0;}
#lineup02 .lineup02_tit h3{ display: flex; flex-direction: column;}
#lineup02 .lineup02_tit h3 strong{ font-size: 1.3rem; line-height: 1.5em;}
#lineup02 .lineup02_tit h3 span{ font-size: 0.7rem; line-height: 1.5em;}
#lineup02 #lineup02_1 .lineup02_tit{ background: #5CB531;}
#lineup02 #lineup02_2{ margin-top: 80px;}
#lineup02 #lineup02_2 .lineup02_tit{ background: #8E3B8E;}
@media screen and (max-width:1280px){
#lineup02 .lineup02_tit{ left: calc((-120/1280)*100vw);}
}
@media screen and (max-width:768px){
#lineup02 .lineup02_tit{ justify-content: flex-start; width: 75vw; height: auto; padding: 3.75%; left: -3.75vw; margin-bottom: -7.5vw;}
#lineup02 .lineup02_tit figure{ width: 32.5vw; margin-right: 5%;}
#lineup02 .lineup02_tit h3 strong{ font-size: 1.2rem;}
#lineup02 .lineup02_tit h3 span{ font-size: 0.7rem;}
#lineup02 #lineup02_2{ margin-top: 20%;}
}





@media print, screen and (min-width:769px){
.smp{ display:none !important;}
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
}