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

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0; padding:0; border-top:none;}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

.mainContentsBox{max-width: 960px; margin: 0 auto;}
.secBox{width: 960px;margin: 60px auto;}
.secBox h3{font-size:30px;border-bottom:1px solid #58595b;margin-bottom: 30px;}
.sectionInner{max-width: 750px; margin: 0 auto;}
a:hover{opacity: .7;}

/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerBox{width:980px; margin:0 auto;}
.headerBoxInner{}

#headerBox .rightBox{width: 160px;}
#headerBox .leftBox{width: 400px;}

#headerBox .leftBox h1{padding-right: 15px;}
#headerBox .leftBox p:last-child{padding-top: 14px;font-size: 16px;font-weight: bold;}
#headerBox .leftBox p a{color: #fa235f;}

#headerBox .rightBox p:first-child{padding: 10px 10px 10px 0px;border-right: 1px solid #afafaf;margin-right: 10px;}
#headerBox .rightBox p:last-child{padding-top: 5px;}
.spheader{display:none;}
/*----------------------------------------------------------------------------
***                                                                  entrytopBox
----------------------------------------------------------------------------*/
/*.entryBox{margin: 30px auto;}
.entryBoxInner{}
.entryBox p{padding: 15px;background: linear-gradient(-50deg, #b721ffed 0%, #21d4fde0 100%);width: 350px;margin:0 auto;font-weight:bold;border-radius: 5px;font-size: 18px;}
.entryBox p a{color:#fff;}
*/
.entrytopBox{max-width: 750px; width: 100%; margin: 0 auto;}
.entrytopBox .ttl{text-align: center; font-weight: bold; font-size:1.9em; color:#FA235F; line-height: 1.5em;margin-bottom: 1em;}
.entrytopBox .txt{text-align: center; font-size: 1.1em;}
.entrytopBox .txt span{font-weight: bold;}

/*----------------------------------------------------------------------------
***                                                                  btnBox
----------------------------------------------------------------------------*/
.btnBox{margin: 2em auto 3em;}
.btnBox p{text-align: center; margin: 0 auto;}
/*----------------------------------------------------------------------------
***                                                                  topBox
----------------------------------------------------------------------------*/
.topBox{}
.topBoxInner{width: 960px;margin:0 auto;}
/*----------------------------------------------------------------------------
***                                                                  titleBox
----------------------------------------------------------------------------*/

.titleBox{background: url(../../images/img_back_h2.jpg) no-repeat bottom 0 center/cover;height: 550px;}
.titleBoxInner{}
.titleBox h2{padding: 120px 0px;}

/*----------------------------------------------------------------------------
***                                                                  menuBox
----------------------------------------------------------------------------*/
.menuBox{}
.menuBoxInner{}

.menuBox ul{padding: 30px 0px 40px;}
.menuBox ul li{float:left;font-size: 20px;font-weight:bold;border-right: 1px solid #949494ee;text-align:center;padding: 0px 15px;line-height: 2.8em; width: 20%}
.menuBox ul li:last-child{border-right:none;}

.menuBox ul li:nth-child(1) a{color: #fa235f;}
.menuBox ul li:nth-child(2) a{color: #ffb300;}
.menuBox ul li:nth-child(3) a{color: #8ac43f;}
.menuBox ul li:nth-child(4) a{color: #00ace6;}
.menuBox ul li:nth-child(5) a{color: #0071bb;}


/*----------------------------------------------------------------------------
***                                                                  menuBox
----------------------------------------------------------------------------*/
.contestBox{}
.contestBoxInner{}



.contestBox .sBox_a{width: 58%;margin-top: 1em;}

.contestBox .sBox_b{width: 62%;}
.contestBox .sBox_b dd.ttl{font-weight: bold; color: #EA288E; font-size: 1.1em; margin: 1em 0 0.3em;}
.contestBox .mokutekiBox p.ttl{font-weight: bold; color: #EA288E; font-size: 1.4em; text-align: center;margin-top: 2em;}
.contestBox .mokutekiBox .imgBox p:first-child{margin-bottom: 1.5em;}
.contestBox .mokutekiBox dt.icon_b{position: relative;padding-left: 35px; font-size: 1.3em; margin-bottom: 0.5em;}
.contestBox .mokutekiBox dt.icon_b:before{content: '';background: url("../../images/ico_speach.png")no-repeat; background-size: cover;width: 35px; height: 35px; position: absolute;left: 0;bottom: 0;}



/*2025年5月27日ここから*/
.contestBox .mokutekiBox.doryokuBox{padding:2em 1em;border: 2px solid #ff0000;margin: 3em auto;}
.contestBox .hintoBox{border: 6px solid #f6e378;border-radius: 1em;padding: 2em;margin: 3em auto;background: #fffff1;}
.contestBox .hintoBox .hintoTop{font-size: 170%;font-weight: bold;color: #eb9a00;text-align: center;}
.contestBox .hintoBox .hintoTxt{font-size: 100%;margin-top: 0.5em;color: #835326;font-weight: bold;}
.contestBox .hintoBox .videoInfo .videoBox{width: 48%;}
.contestBox .hintoBox .videoInfo .video01{margin: 1em;}
/*2025年5月27日ここまで*/







/*----------------------------------------------------------------------------
***                                                           aboutContestBox
----------------------------------------------------------------------------*/
.aboutContestBox{background: #FFF8F8; padding: 3em 0; margin-bottom: 3em;}
.aboutContestBox dt.icon_a{position: relative;padding-left: 35px; font-size: 1.3em; margin-bottom: 0.5em;}
.aboutContestBox dt.icon_a:before{content: '';background: url("../../images/ico_speach.png")no-repeat; background-size: cover;width: 35px; height: 35px; position: absolute;left: 0;bottom: 0;}
.aboutContestBox .img{text-align: center;margin: 1em auto 0;}
/*----------------------------------------------------------------------------
***                                                                 voiceBox
----------------------------------------------------------------------------*/
.voiceSec{background: #FCF6ED; margin: 0 auto; padding: 3em 0;}
.voiceSec h3{color:#ffb300;}
/*2023年4月7日修正ここから*/
.voiceSec dt{color:#ffb300; margin-bottom: 0.3em; font-size: 1.1em;margin-top: 2em;}
.voiceSec dd{background: #fff; padding: 1.5em; line-height: 1.5em;margin-bottom: 1em;}
/*2023年4月7日修正ここまで*/
/*----------------------------------------------------------------------------
***                                                                scaduleSec
----------------------------------------------------------------------------*/


#scaduleSec{}
.scaduleSecInner{}

#scaduleSec h3{color: #8AC43F;}

#scaduleSec dl{padding-bottom:40px;}
#scaduleSec .floatL dl:first-child{padding-bottom: 0;}

#scaduleSec .floatR dl:last-child,
#scaduleSec .floatL dl:last-child{padding-bottom:0px;}

#scaduleSec dl dt{color: #8AC43F;font-size: 19px;}
#scaduleSec dl dd strong{font-size: 18px;}
#scaduleSec dl dd:last-child{font-size:15px;}
#scaduleSec dl dt span{background:#f00;color:#fff;padding:0 0.7em;font-size:17px;margin-left:5px;}
#scaduleSec dl dt span.blue{background: #4FCBE8;}
#scaduleSec dl dt span.pink{background: #EA4E86;}

#scaduleSec .floatL{width: 50%;border-left: 5px solid #8AC43F;padding-left: 20px;}
#scaduleSec .floatR{width:49%;border-left: 5px solid #8AC43F;padding-left: 20px;}


/*----------------------------------------------------------------------------
***                                                               speachSec
----------------------------------------------------------------------------*/

#speachSec{}
.speachSecInner{}

#speachSec h3{color: #00ace6;}
#speachSec .sBox_c{padding: 0px 40px;}

#speachSec .dlBox_A{border-bottom:1px dashed #696969; padding:30px 0px 20px;margin-bottom:20px;}
#speachSec .dl_Lbox{width: 340px;}
#speachSec .dl_Lbox .floatR{padding-top: 40px;}
#speachSec .dl_Lbox .Abox{
    padding-right: 25px;
}
#speachSec .dl_Lbox dd span{font-size:12px;}
#speachSec strong{color:#eb1f78;}

#speachSec .themeBox li{background: #F2F8F9; padding: 1.3em; margin-bottom: 2em;}
#speachSec .themeBox li:last-child{margin-bottom:0.5em;}
#speachSec .themeBox li .speachTheme span{font-weight: normal; font-size: 0.9em;}
#speachSec .themeBox li .speachTheme .ttl{border-bottom: #00ace6 solid 1px; line-height: 1.2em; padding: 0.2em;}
#speachSec .themeBox ol{margin-top: 1em;}
#speachSec .themeBox .speachTheme li{margin-bottom: 0.5em; padding: 0;}

/*2022年4月7日ここから*/
#speachSec .themeBox li .speachTheme {width: 66%;font-weight: bold;font-size: 1.1em;display: flow;align-items: center;margin: auto;}
#speachSec .themeBox li .speachTheme .ttlGaba {width: 100%;padding-top: 0.5em;font-weight: normal;}
#speachSec .themeBox li .speachTheme span.mondai {font-weight: bold;}
.fontL{font-weight:lighter;}
/*2022年4月7日ここまで*/

/*----------------------------------------------------------------------------
***                                                             attentionBox
----------------------------------------------------------------------------*/

#attentionBox .pullBtn {max-width: 300px;margin: 40px auto 20px auto;}
#attentionBox .pullBtn:hover {cursor: pointer;}
#attentionBox .contentsBox {max-width: 750px;margin: 0 auto 3% auto;background-color: #fffde7;padding: 2% 3%;border-top: none;}
#attentionBox .contentsBox .attentionUl .attentionLi {padding: 20px; border-bottom: 2px dotted;}
#attentionBox .contentsBox .attentionUl .attentionLi:last-child {border-bottom: none;}
#attentionBox .contentsBox .attentionUl dt {color:#eb1f78;}
#attentionBox .contentsBox .attentionUl dt:before {content: "●";}
#attentionBox .contentsBox .attentionUl dd {position:relative;padding: 5px 0 5px 18px;}
#attentionBox .contentsBox .attentionUl dd:last-child {padding-bottom: 0;}
#attentionBox .contentsBox .attentionUl dd:before {content: url("../../images/img_icon6.png");display: block;width: 16px;position: absolute;top: 5px;left: 1px;}
#attentionBox .contentsBox .attentionUl dd.checkNone:before {display: none;}
#attentionBox .pullBtnBox .up{display: none;}
#attentionBox .pullBtnBox .open .down{display: none;}
#attentionBox .pullBtnBox .open .up{display: block;}

/*----------------------------------------------------------------------------
***                                                                 areaSec
----------------------------------------------------------------------------*/

#areaSec{}
.areaSecInner{}

#areaSec h3{color:#00ace6;}
#areaSec dt{color:#fff;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;background:#000;padding: 35px 5px;float:left;margin-right: 18px;}
#areaSec dl:nth-child(even){width: 21%;float:left;}
#areaSec dl:nth-child(odd){width: 28%;float:left;}
#areaSec dd{font-size:14px;}
#areaSec dd p{width: 51px;padding-bottom: 4px;}

#areaSec .area_sBox{padding: 30px 15px;}

#areaSec strong{color:#eb1f78;}

#areaSec dl:nth-child(1) dt{background:#f6931e;}
#areaSec dl:nth-child(2) dt{background:#29aae1;}
#areaSec dl:nth-child(3) dt{background:#e5ce0c;}
#areaSec dl:nth-child(4) dt{background:#8bc43f;}

/*----------------------------------------------------------------------------
***                                                                 entrySec
----------------------------------------------------------------------------*/

#entrySec{}
.entrySecInner{}

#entrySec h3{color:#0071bb;}
#entrySec .boder{border-bottom:1px dashed #676767ee;padding-bottom: 15px;margin-bottom: 15px;}

#entrySec .floatL{padding:0px 20px 0px 0px;}

#entrySec .step1 dt{color:#00ace6;}
#entrySec .step2 dt{color:#0171bb;}
#entrySec .step3 dt{color:#2e3192;}
#entrySec .step4 dt{color:#1b1464;}

#entrySec .step2 dl,
#entrySec .step4 dl{padding-top: 10px;}

#entrySec .entry_Sbox{padding: 0px 15px;}

.noteBox{background:#fffde7;margin: 0px auto 40px;border-radius: 10px;padding: 20px;}
.noteBox p{text-align:center;font-size: 25px;font-weight:bold;color:#eb1f78;}

.modal-content{position:  fixed;background:#fff;z-index: 999999;width: 958px;margin: 0 auto;padding: 95px 0px 46px;border-radius: 10px;}
.modal-content .modal-close{position:  absolute;right:  25px;top: 20px;cursor:pointer;}
.info{display: inline-block;font-size: 18px;font-weight:bold;cursor:pointer;color: #1fd7eb;background: #fff;padding: 10px 20px;border: 2px solid;margin-top: 11px;border-radius: 50px;}
.textBoxpop{width: 700px;margin:0 auto;position: relative;}
.textBoxpop p{line-height: 1.8em;padding-bottom: 16px;text-align: center;font-weight: 500;}
.textBoxpop p:nth-child(2){font-size:25px;font-weight:bold;margin-bottom:10px;text-align:center;}
.textBoxpop .text_popA2{text-align:center;background:#E91E63;padding: 8px;font-size:18px;width: 450px;margin:0 auto;border-radius: 35px;}
.textBoxpop .text_popA2 a{color:#fff;font-weight:bold;}
.textBoxpop .text_popA{color:#e91e63;font-weight: bold;font-size: 23px;display: block;margin-top: 25px;}
.textBoxpop .text_popB{color:#00BCD4;font-weight: bold;font-size: 23px;display: block;margin-top: 25px;}
.absoluteBox p{position:absolute;}
.absoluteBox p:first-child{top: 366px;left: 35px;}
.absoluteBox p:last-child{top: 355px;right: 30px;}

.absoluteBox2 p{position:absolute;top:320px; right:50px;}
/*モーダルウインドウのオーバーレイ*/
#modal-overlay {z-index: 99999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color: rgba( 0,0,0, 0.7 );}


/*----------------------------------------------------------------------------
***                                                                 footer
----------------------------------------------------------------------------*/
footer{background:#58595b;}
.footerBoxInner{padding:10px 0px;}
footer p{color:#fff;}