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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
*{box-sizing: border-box;}
body {}
#wrap {}
.pcNone{display:none;}

p,h3,h4,h5,h6,h7{color:#333;}

#headerArea {height: 155px;}

#topSection{margin-bottom: 25px;}
#topSection h2{font-size: 45px; font-weight: bold; text-align: center; color: #ff1f1f;}
#topSection h2 .topTxt{font-size: 29px; font-weight: bold; text-align: center; color: #111;line-height: 1;}
#topSection p#topSecTxt{text-align: center; font-size: 115%;padding-top: 1.5em;margin:0 1em;line-height: 1.5; font-weight: 600;}

#meritSection h3{font-size: 30px;padding: 1em 0 0.7em;color: #cc0e19;border-top: #878787 solid 1px;width: 87%;margin: 0 auto;}
#meritSection .meritBox{margin: 0 auto; max-width: 792px; margin-bottom: 2em;}
#meritSection .meritBox ul{display: flex;justify-content: space-between;flex-wrap: wrap;-webkit-box-pack: justify; gap: 1em;}
#meritSection .meritBox li{display: flex; align-items: center; box-sizing: border-box; position: relative; width: 49%; height: 6em; padding-left: 60px;border: solid #D44B4A 2px; background-color: #FEF6F6;}
#meritSection .meritBox li p{color: #D44B4A; font-size: 125%; padding: 0;}
#meritSection .meritBox li span{font-weight: 700; color: #D44B4A;}
#meritSection .meritBox li::before{content: ""; position: absolute; left: 15px; top: 10px; background-image: url(../../images/onlineMLEvent/ico_good.png); background-size: contain; background-repeat: no-repeat; width: 30px; height: 46px; display: block;}

/* 2025年11月14日ここから */
#meritSection .imgBox{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 4em; max-width: 792px;}
#meritSection .imgWrapper01{position: relative;}
#meritSection .imgWrapper01 .mainImg{display: block;}
#meritSection .imgWrapper01 .decoImg{position: absolute; top: 10px; left: -20px;}
#meritSection .imgWrapper02{position: relative;}
#meritSection .imgWrapper02 .mainImg{display: block;}
#meritSection .imgWrapper02 .decoImg{position: absolute; top: 12px; right: -38px;}

#detailSection .detailBox{max-width: 792px; margin: 0 auto; background-color: #F3F7F3; padding-bottom: 2em;}
#detailSection .detailBox h3{font-size: 150%; color: #fff; background-color: #38AA9F; padding: 0.3em; font-weight: 600; text-align: center;}
#detailSection .detailBox .detailContent{padding: 2em 2em 0 2em;}
#detailSection .detailBox .detailContent .indent{text-indent: -0.4em;}
#detailSection .detailBox .detailContent h4{font-size: 140%; color: #38AA9F;}
#detailSection .detailBox .detailContent h5{margin-top: 1em;}
#detailSection .detailBox .detailContent h5:first-child{margin-top: 0;}
#detailSection .detailBox .detailContentInner{font-size: 115%; font-weight: 500; padding: 1em; background-color: #fff;}
#detailSection .detailBox .detailContentInner.france{margin-top: 1em;}
#detailSection .detailBox .detailContentInner dt{margin-top: 1em;}
#detailSection .detailBox .detailContentInner dt:first-child{margin-top: 0;}
#detailSection .detailBox .detailContentInner dd{margin-left: 1em;}
#detailSection .detailBox .detailContentInner .disc{text-indent: -1em; padding-left: 1em;}
#detailSection .detailBox .detailContentInner .fontB{font-weight: 700;}
#detailSection .detailBox .detailContentInner .fontRed{color: #E71F1D;}

#btnSection {display: flex; flex-wrap: wrap; justify-content: center; gap: 2em; max-width: 792px; margin: 2em auto;}
#btnSection a{display: block; width: 100%; max-width: 360px; font-size: 130%; padding: 1em; color: #fff; background-color: #abaaaa; text-align: center; border-radius: 10px;}
#btnSection a:hover{text-decoration: none; opacity: 0.7;}
#btnSection a.bgPink{background: #EC7C9B;}
#btnSection a.bgBlue{background: #7cacec;}
#btnSection a span{font-size: 130%; color: #fff;}

footer p{text-align:center;}
#footerArea{padding: 3em 0 1em 0;}


/* SP版 */
@media screen and (max-width: 480px){

#wrap{background:#fff; width: 100%;}
.spNone{display:none;}
.pcNone{display: block;}
.contentsArea{background: none; margin: 0;}
#headerArea {height: auto; margin: 0; background: #FFF;}
#headerAreaInner{margin: 0;}
#breadcrumb{width: 100%; padding: 0 6px; margin: 0;}
.contentsArea{padding: 0 1.5em;}

#topSection h2 img{max-width: 100%; height: auto;}
#topSection p#topSecTxt{margin: 0; text-align: left;}

#meritSection .meritBox ul{display: block;}
#meritSection .meritBox li{width: 100%; margin-bottom: 1em;}
#meritSection .imgBox{margin-bottom: 2em;}
#meritSection .imgBox img{margin-bottom: 1em;}
#meritSection .imgBox div:nth-child(odd) {margin-left: 0; margin-right: auto;}
#meritSection .imgBox div:nth-child(even) {margin-left: auto; margin-right: 0;}
#meritSection .imgWrapper {margin-left: 0; margin-right: auto;}

#detailSection .detailBox .detailContent{padding: 1em 1em 0 1em;}
#detailSection .detailBox .detailContentInner dd{margin-left: 0;}

#btnSection{display: flex; flex-direction: column; align-items: center; gap: 2em; margin-bottom: 4em;}
#btnSection a{font-size: 110%;}

footer{ background:#E6E6E6;}
footer p{padding:1% 0;font-size: 100%;}
#footerArea{background: none; margin: 0; padding: 1em 0;}
#footerInner{ padding:5% 0;}
}
/* 2025年11月14日ここまで */