@charset "utf-8"; 
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{min-width: 950px;}
#wrap p, li{}

#contentsArea .SecBox{width:950px; margin:80px auto;}
#contentsArea h2{font-size:40px; font-weight:bold; text-align:center; padding:0em 0 0.5em;}

.pcNone{display:none;}
.spNone{display:block;}

/*@media (max-width:1025px) and (min-width:376px){
	
	
}*/

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreaLogo{}
#headerAreaLogo .headerTitle{margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{width:100%;}
#contentsAreaInner{}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{}
.mainSectionInner{}
/*.mainSection h2{color:#f7931e;}
*/
/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerAreaLogo{}
#footerAreaLink{}

/*----------------------------------------------------------------------------
 ***                                                                  背景ピンクと青
----------------------------------------------------------------------------*/
.bk_half{background:linear-gradient(90deg,#f66bb9 0%,#f66bb9 50%,#009ec6 50%,#009ec6 100%); width:100%; height:auto; margin:0em auto 0; position:relative;}
/*----------------------------------------------------------------------------
 ***                                                                   titleBox
----------------------------------------------------------------------------*/
a:hover{opacity:0.8;}

#titleBox .bg_dotBox{background: url("../images/2021/fv_bg2402.png")repeat;}

#titleBox .appTitle{padding:0.5em 0 0; width:100%; text-align:center;font-size: 75px;line-height: 1.2;position: relative;z-index: 2;font-weight: 800;}
#titleBox .appTitle img{display: block;margin:0 auto 10px;;}
#titleBox .appTitle span{display: block;font-size: 60%;}
#titleBox .appTitle_txt{font-size: 30px;text-align: center;font-weight: bold;margin-top: 1em;position: relative;z-index: 2;}

#titleBox .fv01{max-width:240px; top:40px; left:-27px;}
#titleBox .fv02{max-width:240px; top:40px; right:-18px;}

#titleBox .fv05{max-width:106px; top:45px; left:220px;border:solid 2px #ffdff9;border-radius: 20px;}
#titleBox .fv06{max-width:134px; top:45px; right:220px;border:solid 3px #81b743;border-radius: 20px;}

#titleBox .fv07{top:340px; left:220px;}
#titleBox .fv08{top:340px; right:235px;}
#titleBox .fv08 a,
#titleBox .fv07 a{display: block;width: 170px; height: auto;margin-bottom: 5px;}
#titleBox .fv08 a img,
#titleBox .fv07 a img{width: 100%;height: auto;}
#titleBox .titleBoxInner{min-width:980px;position: absolute;width: 100%; }
#titleBox .titleBoxInner ul{display:flex;max-width: 1500px;width: 100%;margin: auto;}
#titleBox .titleBoxInner ul .apuri,
#titleBox .titleBoxInner ul .sapuri{width: 50%;}
#titleBox .titleBoxInner ul .apuri{height: 2em;width: 100%;font-size: 120%;background:#de5194; }
#titleBox .titleBoxInner ul .sapuri{height: 2em;width: 100%;font-size: 120%;background:#0080ab;}

#titleBox .titleBoxInner li{font-size:50px; color:#FFF; text-align:center; font-weight:bold; padding-top:0.3em;}
.nengaBnrP{text-align:center; margin:1.3em 0 1.3em 0;}
#titleBox .titleBoxInner li a{color: #FFFFFF;   display: block;width: 100%;height: 100%;}
#titleBox .titleBoxInner ul span{font-size: 35px;position: absolute;}

#titleBox .titlehalfBox ul{display: flex;justify-content: space-between;align-items: flex-start;}
#titleBox .titlehalfBox ul li{width: 50%;margin: 0;}
#titleBox .titlehalfBox ul li{top:0em;position: relative;}
#titleBox .titlehalfBox ul li .linkBox a{text-decoration: none;}
#titleBox .titlehalfBox ul li p{position: relative;}
#titleBox .titlehalfBox ul li p.appPhoto{background: rgba(255,255,255,0.3);margin-top: -10em;}
#titleBox .titlehalfBox ul li.apuri p.appPhoto{text-align: end;padding:0 15em 0 0;}
#titleBox .titlehalfBox ul li.sapuri p.appPhoto{padding:0 0 0 15em;}


#titleBox .titlehalfBox ul li p.appname{font-size: 50px;font-weight: bold;color: #fff;text-align: center;}
#titleBox .titlehalfBox ul li p.appBtn{position: absolute;top: 1em;width: 200px;}
#titleBox .titlehalfBox ul li.apuri p.appBtn{right: 30px;}
#titleBox .titlehalfBox ul li.sapuri p.appBtn{left: 30px;}
#titleBox .titlehalfBox ul li p.appBtn a{display: block;}
#titleBox .titlehalfBox ul li p.appBtn a img{margin-bottom: 4px;width: 100%;height: auto;}





/*----------------------------------------------------------------------------
 ***                                                                   aboutBox
----------------------------------------------------------------------------*/
#aboutSec{background:url(../images/2021/bk_img01.jpg) repeat; padding:1em 0;}
#aboutSec .aboutBox .aboutInner{background-color:#FFF;  margin:0em auto; padding:2em 1em 1em;}
#aboutSec .aboutBox::before{background:linear-gradient(90deg,#f66bb9 45%,#009ec6 20%,#009ec6 100%); background-size:356px;}
#aboutSec .aboutBox::before{content:""; display:block; height:0.7em; margin:0 auto;}

#aboutSec .aboutBox .aboutInner .nova .title{font-size:40px; font-weight:bold; text-align:center;padding: 0;line-height: 1.2;}
#aboutSec .aboutBox .aboutInner .nova span{color:#009EC6;}
#aboutSec .aboutBox .aboutInner .nova .title_logo{text-align:center;}
#aboutSec .aboutBox .aboutInner .nova img{display: inline-block;padding: 0 0 0 10px;}
#aboutSec .aboutBox .aboutInner .nova p{margin:1em auto;font-size: 18px;}
#aboutSec .aboutBox .aboutInner .nova .title_txt{padding: 0 1em;}

#aboutSec .move_iconBox{display: flex;flex-wrap: wrap;width: 100%;margin: 2em auto 4em;position: relative;}
/*#aboutSec .move_iconBox::before{content: "";display: block;border: 3px #b3b3b3 dashed;border-radius: 50vw;width: 590px;height: 620px;position: absolute;top: -10em;margin: 0 auto;z-index: 0;left: 0;right:0; transform:rotate3d(-162, 0, 0, -128deg);}*/


#aboutSec .move_icon{position: absolute;z-index: 3;}
#aboutSec .move_icon01{animation-delay: 0.2s;top: 2em;left: 8em;}
#aboutSec .move_icon02{animation-delay: 0.7s;top: 14em;left: 4em;}
#aboutSec .move_icon03{animation-delay: 0.5s;top: 28em; left: 16em;}
#aboutSec .move_icon04{animation-delay: 0.2s;top: 10em;right: 4em;}
#aboutSec .move_icon05{animation-delay: 0.5s;top: -2em;right: 13em;}
#aboutSec .move_icon06{animation-delay: 0.7s;top: 25em;right: 11em;}

#aboutSec .phone_up{width: 100%;text-align: center;z-index: 2;}

/*----------------------------------------------------------------------------
 ***                                                               foryouSecBox
----------------------------------------------------------------------------*/
#foryouSec .foryouBox .foryouInner .o_box{padding: 1em 10em 0em;}
#foryouSec .foryouBox .foryouInner .o_Ttl{font-size: 30px;font-weight: bold;text-align: center;padding: 0 0 0.5em;line-height: 1;}
#foryouSec .foryouBox .foryouInner .o_txt p{font-size:20px; border-bottom:dashed 1px #7B7B7B; border-bottom-width:2px; margin:0 auto; padding:15px 0em 15px 3em;position: relative;}
#foryouSec .foryouBox .foryouInner .o_txt p::before{content:"";display: block;background: url(/app/images/2021/icon_check.png)no-repeat;width:31px;height: 30px;position: absolute;left: 15px;}
#foryouSec .foryouBox .foryouInner .o_txt p:last-child{border-bottom: none;}
#foryouSec .foryouBox .foryouInner .o_txt span{color:#FF6700; font-weight:bold;}



/*　回る */
#aboutSec .rotateY{
  animation-name:rotateYAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
@keyframes rotateYAnime{
  from{
    transform: rotateY(0);
    opacity: 0;
    }
  to{
    transform: rotateY(-360deg);
    opacity: 1;
    }
}


/*----------------------------------------------------------------------------
 ***                                                               diagnosisSec
----------------------------------------------------------------------------*/
#diagnosisSec{margin-top: 2em;}
#diagnosisSec .o_Ttl{ font-size: 30px;font-weight: bold;text-align: center;padding: 0 0 0.2em;line-height: 1;}
#diagnosisSec .o_txt{font-size: 18px;text-align: center;}

#diagnosisSec #nova-diag-container{margin-top: 0.5em;position: relative;}
#diagnosisSec #nova-diag-container .img_usagi{position: absolute;right: 40px;top: -65px;}
#diagnosisSec #nova-q-box{background:#ffedf0;border-radius: 10px;margin: 0em auto 1em;padding: 1.5em 1em 2em;width: 90%;max-width: 750px;}
#diagnosisSec #nova-progress{text-align: center;font-size: 20px;line-height: 1;}
#diagnosisSec #nova-q-text{text-align: center;margin-bottom: 0.8em;font-size: 22px;line-height: 1;font-weight: 600;}
#diagnosisSec #nova-btns{text-align: center;}
#diagnosisSec #nova-btns button{width: 47%;text-align: center;font-size: 18px;border-radius: 50vw;padding: 0.8em 0.5em;margin: 0 0.5em;border:none;filter: drop-shadow(2px 4px 4px #ccc);background: #fff;}
#diagnosisSec #nova-btns button:hover{opacity: 0.9;}
#diagnosisSec #diagnosis-start{background:linear-gradient(90deg,#f19dae 0%,#c6c6ff 50%,#009bc3 100%);color: #fff;font-size: 25px;max-width: 400px;border-radius: 10px;margin:0  auto 0.5em;text-align: center;}
#diagnosisSec #diagnosis-start span{display: inline-block;padding: 0 1em;}
#diagnosisSec #diagnosis-now{background:linear-gradient(90deg,#a7e4bd 0%,#c2d48c 50%,#e8bf48 100%);color: #fff;font-size: 25px;max-width: 400px;border-radius: 10px;margin:0  auto 0.5em;text-align: center;display: none;}
#diagnosisSec #diagnosis-now span{display: inline-block;padding: 0 1em;}
#diagnosisSec #diagnosis-result{background:linear-gradient(90deg,#f19dae 0%,#c6c6ff 50%,#009bc3 100%);color: #fff;font-size: 25px;max-width: 400px;border-radius: 10px;margin:0  auto 0.5em;text-align: center;display: none;}
#diagnosisSec #diagnosis-result span{display: inline-block;padding: 0 1em;}

#diagnosisSec #nova-r-box{border-radius: 10px;margin: 0em auto 1em;padding:  1em ;width: 90%;max-width: 750px;border: 3px dashed #e2d5ff;}
#diagnosisSec #nova-r-box .app_pittari{text-align: center;font-weight: 500;font-size: 20px;}
#diagnosisSec #nova-r-box #nova-app-name{text-align: center;font-size: 40px;line-height: 1;margin-bottom: 0.3em;}
#diagnosisSec #nova-r-box #nova-app-name.appname_sapuri{color: #009ec6;}
#diagnosisSec #nova-r-box #nova-app-name.appname_apuryu{color: #f66bb9 ;}
#diagnosisSec #nova-r-box #nova-app-desc{text-align: center;font-size:18px;line-height: 1.5;margin: auto;}

#diagnosisSec .appBtnBox{margin-top: 1em;}
#diagnosisSec .appBtnBox .app_txt{text-align: center;font-size: 20px;font-weight: bold;line-height: 1.3;}
#diagnosisSec .appBtnBox .appBtn{text-align: center;}
#diagnosisSec .appBtnBox .appBtn img{width: 28%;height: auto;margin: 0 0.5em;}
#diagnosisSec .appBtnBox #sapuriBlock,
#diagnosisSec .appBtnBox #apuryuBlock{display: none;}
#diagnosisSec .appBtnBox #sapuriBlock.sapuriBlock{display: block;}
#diagnosisSec .appBtnBox #apuryuBlock.apuryuBlock{display: block;}

#diagnosisSec .nova-go-btn{text-align: center;color: #000;background: #fff;border: 3px solid #ccc;padding: 0.5em 1em;max-width: 200px;margin: 0.5em auto 0;display: block;border-radius: 50vw;}
#diagnosisSec .nova-go-btn:hover{text-decoration: none;background: #ccc;}
#diagnosisSec .nova-go-btn:visited{text-decoration: none;}
#diagnosisSec .nova-reset-btn{border: none;border-bottom: 1px solid #000;display: block;margin: auto;font-size: 16px;background: none;}

/*----------------------------------------------------------------------------
 ***                                                               chooseSecBox
----------------------------------------------------------------------------*/
#chooseSec{background:linear-gradient(90deg,#f66bb9 0%,#f66bb9 50%,#009ec6 50%,#009ec6 100%); display:flex; justify-content:center; width:100%; height:100%;}

#chooseSec .chooseBox .chooseInner .c_title .sp_only{display:none;}

#chooseSec .chooseBox .chooseInner .c_title .subtitle{font-size:20px; display:flex; align-items:center; text-align:center; font-weight:bold; width:290px; margin:0em auto 0em;color: #000;line-height: 1;}
#chooseSec .chooseBox .chooseInner .c_title .subtitle::before, #chooseSec .chooseBox .chooseInner .c_title .subtitle::after{content:""; height:1px; flex-grow:1; background-color:#000;}
#chooseSec .chooseBox .chooseInner .c_title .subtitle::before{margin-right:1rem;}
#chooseSec .chooseBox .chooseInner .c_title .subtitle::after{margin-left:1rem;}
#chooseSec .chooseBox .chooseInner .half{display:flex; height:auto; justify-content:space-between; color:#FFF;}

#chooseSec .chooseBox .chooseInner .half .img{text-align:center;}
#chooseSec .chooseBox .chooseInner .half h3{font-size:30px; font-weight:bold; position:relative; text-align:center; color:#FFF;}

#chooseSec .chooseBox .chooseInner .half h3::before{content:""; position:absolute; left:44%; bottom:0px; display:inline-block; width:50px; height:3px; background-color:#FFF; border-radius:2px;}

#chooseSec .chooseBox .chooseInner .half .subtxt{font-size:25px; text-align:center; margin:1em 0 0; color:#FFF;line-height: 1;font-weight: bold;}
#chooseSec .chooseBox .chooseInner .half .c_txt{padding:5px 1.5em; line-height:1.7em; color:#FFF; font-size:20px;}

#chooseSec .chooseBox .chooseInner .half .leftbox{width:475px;}
#chooseSec .chooseBox .chooseInner .half .leftbox img{border:solid 2px #FFDFF9;}
#chooseSec .chooseBox .chooseInner .half .leftbox .off img{border:none; height:auto;}

#chooseSec .chooseBox .chooseInner .half .off img{width:85%; height:85%; margin-top:1em;}

#chooseSec .chooseBox .chooseInner .half .rigthbox{width:475px;}

#chooseSec .chooseBox .chooseInner .half .leftbox .moreBtn a{display:block; background:linear-gradient(180deg,#fff 0%,#fff 50%,#e3e3e3 50%,#e3e3e3 100%); border-radius:50px; font-size:32px; font-weight:bold; color:#ea1e79; padding:0.5em 1.5em 0.5em; line-height:1em; text-align:center; width:67%; margin:0.5em auto;}
#chooseSec .chooseBox .chooseInner .half .leftbox .moreBtn a::after{content:"▶"; color:#ea1e79; margin-left:47px; position:absolute;}
#chooseSec .chooseBox .chooseInner .half .leftbox .formBtn a{display:block; background:linear-gradient(180deg,#ea1e79 0%,#ea1e79 50%,#d31459 50%,#d31459 100%);  border-radius:50px; font-size:32px; font-weight:bold; color:#fff; padding:0.5em 0.5em 0.5em; line-height:1em; text-align:center; width:81%; margin:0.5em auto;}
#chooseSec .chooseBox .chooseInner .half .leftbox .formBtn a::after{content:"▶"; color:#fff; margin-left:28px;}
#chooseSec .chooseBox .chooseInner .half .rigthbox .moreBtn a{display:block; background:linear-gradient(180deg,#fff 0%,#fff 50%,#e3e3e3 50%,#e3e3e3 100%); border-radius:50px; font-size:32px; font-weight:bold; color:#009ec6; padding:0.5em 1.5em 0.5em; line-height:1em; text-align:center; width:67%; margin:0.5em auto;}
#chooseSec .chooseBox .chooseInner .half .rigthbox .moreBtn a::after{content:"▶"; color:#009ec6; margin-left:47px; position:absolute;}
#chooseSec .chooseBox .chooseInner .half .rigthbox .formBtn a{display:block; background:linear-gradient(180deg,#2473aa 0%,#2473aa 50%,#3d528c 50%,#3d528c 100%); border-radius:50px; font-size:32px; font-weight:bold; color:#fff; padding:0.5em 0.5em 0.5em; line-height:1em; text-align:center; width:81%; margin:0.5em auto;}
#chooseSec .chooseBox .chooseInner .half .rigthbox .formBtn a::after{content:"▶"; color:#fff; margin-left:28px;}

/*----------------------------------------------------------------------------
 ***                                                             　  appSecBox
----------------------------------------------------------------------------*/
#appSec{background:#e2d5ff; padding:1em 0;}
#appSec .appBox .appInner .a_box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
#appSec .appBox .appInner .a_box .white{background-color:#FFF; width:255px; padding:1.5em; display:inline-block; margin:2em 0.2em;}
#appSec .appBox .appInner .a_box .icon{text-align:center;}

#appSec .appBox .appInner .a_box h3{font-size:25px; text-align:center;margin:0.2em auto 0;}
#appSec .appBox .appInner .a_box .white img{margin:-3em auto 0; text-align:center;}
#appSec .appBox .appInner .a_box .bluebox .blue{ color:#716bab; }
#appSec .appBox .appInner .a_box .redbox .red{color:#c66683;}
#appSec .appBox .appInner .a_box .pinkbox .pink{ color:#e65e70; }
#appSec .appBox .appInner .a_box .yellowbox .yellow{ color:#f7bb78; }
#appSec .appBox .appInner .a_box .purplebox .purple{ color:#9e6b98;}
#appSec .appBox .appInner .a_box .greenbox .green{ color:#62a4ab; }

#appSec .message{background: #fff;padding: 2em;border-radius: 20px;margin-top: 2em;position: relative;z-index: 1;}
#appSec .message::after{content: "";display: block;width: 2em;height: 2em;position: absolute;top: -10px;left: calc(50% - 0.5em);transform: translate(0%, 0%) rotate(135deg) skew(0deg, 0deg);background: #fff;z-index: -1;}
#appSec .message .m_title{display:flex; align-items:center; text-align:center; font-weight:bold; font-size:20px; max-width:500px; margin:0 auto 0em;}
#appSec .message .m_title::before, 
#appSec .message .m_title::after{content:""; height:1px; flex-grow:1; background-color:#000;}
#appSec .message .m_title::before{margin-right:1rem;}
#appSec .message .m_title::after{margin-left:1rem;}
#appSec .message .english{font-size:14px;}
#appSec .message .japanese{display:flex; margin:1.5em 0 0;}
#appSec .message .japanese .txts{width:70%; padding:0 1em; line-height:1.8em;}




/*----------------------------------------------------------------------------
 ***                                                              priceSecBox
----------------------------------------------------------------------------*/
#priceSec{background:url("../images/2021/bk_img02.jpg")repeat; padding:80px 0; background-size:157%;}
#priceSec .priceBox .priceInner p{text-align:center; line-height:1.5em; font-weight:bold;font-size: 25px;}
#priceSec .priceBox .priceInner .small_txt{font-size:14px;}
#priceSec .priceBox .priceInner .p_box{width:700px; margin:0 auto;}
#priceSec .priceBox .priceInner .p_box .r_pricce{width:500px; margin:0 auto 0em; text-align:center; position:relative;}
#priceSec .priceBox .priceInner .p_box .r_pricce span{font-size:40px; padding:0 0.3em;}
/*#priceSec .priceBox .priceInner .p_box .r_pricce::before{content:""; display:block; position:absolute; top:0px; left:45%; width:30px; height:25px; background:#000; margin:7em auto;}
#priceSec .priceBox .priceInner .p_box .r_pricce::after{content:""; display:block; position:absolute; top:130px; left:41%; width:0px; height:0; border:34px solid; border-color:#000 transparent transparent transparent;}
*/
#priceSec .priceBox .priceInner .p_box .s_price{width:540px; background:#FFF; border-left:#333 solid 15px; border-right:#333 solid 15px; padding:1em 2em; margin:1em auto;}
#priceSec .priceBox .priceInner .p_box .s_price h3{font-size:30px; font-weight:bold; text-align:center;background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #fcee21 0%) repeat scroll 0 0;width: 60%;margin: 0 auto;}

#priceSec .priceBox .priceInner .p_box .s_price .s_black{font-size:45px; }
#priceSec .priceBox .priceInner .p_box .s_price .monthly{font-size:30px;}
#priceSec .priceBox .priceInner .p_box .s_price .big_pink{font-size:40px; color:#ea1e79; font-weight:bold; margin:0 0.1em;}
#priceSec .priceBox .priceInner .p_box .s_price .center{margin-top:0em;}



/*----------------------------------------------------------------------------
 ***                                                              contensSec
----------------------------------------------------------------------------*/
#contensSec .contensBox{background: #f9d8df;padding: 80px 0;}
/*#contensSec .contensBox .slider{position:relative;}*/
.slick-prev, 
.slick-next {position: absolute;bottom: 0;cursor: pointer; outline: none;background: #fff;font-size: 200%;text-align: center;border-radius: 50vw;width: 48px; height: 48px;display: flex!important;justify-content: center;align-items: center;}

.slick-prev {left: 40%;}
.slick-next {right: 40%;}

#contensSec .contensBox .slider li{padding: 1em;}
#contensSec .contensBox .slider p{width: 100%;}
#contensSec .contensBox .slider img{width: 100%;height: auto;}
#contensSec .contensBox .slider{padding-bottom: 3em;width: 97%;margin: 0 auto;}
/*#contensSec .contensBox .slider .slick-track{width: 8000px!important;}*/
#contensSec .contensBox .slider .slick-slide{margin: 0 1em 1em;height: auto;background: #fff;filter: drop-shadow(0.15em 0.15em 0.15em #989898);border-radius: 10px;}
#contensSec .contensBox .slider .sl_box{}
#contensSec .contensBox .levelbox{}
#contensSec .contensBox .date{font-size: 90%;}
#contensSec .contensBox .level{text-align: center;font-weight: bold;}
#contensSec .contensBox .level span{text-align: left;}
#contensSec .contensBox .slider .sl_box .L3{color:#ffbb40;}
#contensSec .contensBox .slider .sl_box .L4{color:#ff6f90;}
#contensSec .contensBox .slider .sl_box .L5{color:#4ccaab;}
#contensSec .contensBox .slider .sl_box .L6{color:#8b58cc;}
#contensSec .contensBox .slider .sl_box .L7{color:#fa2247;}
#contensSec .contensBox .slider .sl_box .cs{color: red;font-weight: bold;}

#contensSec .slick-track{display: flex;align-items: stretch;}

@media (min-width:768px) and (max-width:1300px){
}

/*----------------------------------------------------------------------------
 ***                                                              userSecBox
----------------------------------------------------------------------------*/
#userSec{}
#userSec .userBox .userInner .u_box .allbox{padding:1.5em; display:inline-block; margin:2em 1em;}
#userSec .userBox .userInner .u_box .voicebox_a{position:relative; background:#f9d8df; width:390px; height:155px; border-radius:10px;}
#userSec .userBox .userInner .u_box .voicebox_a::before{content:""; position:absolute; bottom:-1.8em; left:2em; margin-top:-1em; border-top:30px solid #f9d8df; border-left:65px solid transparent; border-right:0px solid transparent; transform:rotate(0deg);}

#userSec .userBox .userInner .u_box .voicebox_b{position:relative; background:#FFF; border:5px solid #f9d8df; width:380px; height:145px; border-radius:10px;}
#userSec .userBox .userInner .u_box .voicebox_b::before{content:""; position:absolute; bottom:-2em; left:2em; border-top:30px solid #f9d8df; border-left:65px solid transparent; border-right:0px solid transparent; width:0; height:0;  transform:rotate(0deg);}
#userSec .userBox .userInner .u_box .voicebox_b::after{content:""; position:absolute; bottom:-1.6em; left:2em; margin-top:-1em; border-top:30px solid #FFF; border-left:61px solid transparent; border-right:0px solid transparent; width:0; height:0; transform:rotate(0deg);}
#userSec .userBox .userInner .u_box .kinds{text-align: end;font-size: 90%;}

#userSec .pullBtnBox{width: 70%;margin: 0 auto;}
#userSec .pullBtn{max-width: 146px;margin: 4% auto;cursor: pointer;filter: drop-shadow(0.15em 0.15em 0.15em #989898);}
#userSec .up{display: none;}
#userSec .open .down{display: none;}
#userSec .open .up{display: block;}
/*----------------------------------------------------------------------------
 ***                                                              joinSecSecBox
----------------------------------------------------------------------------*/
#joinSec{background:linear-gradient(90deg,#f66bb9 0%,#f66bb9 50%,#009ec6 50%,#009ec6 100%); display:flex; justify-content:center; width:100%; height:100%;}
#joinSec .joinBox{margin:30px auto;}

#joinSec .joinBox .joinInner{padding:0 1em;}
#joinSec .joinBox .joinInner .half{display:flex; height:auto; justify-content:space-between;}

#joinSec .joinBox .joinInner ul{display:flex;}

#joinSec .joinBox .joinInner .img_box{width:30%;}
#joinSec .joinBox .joinInner .txt_box{width:70%; margin:2em auto 0;}
#joinSec .joinBox .joinInner .txt_box p{text-align:center;}
#joinSec .joinBox .joinInner .txt_box .j_title{font-size:35px; font-weight:bold; color:#FFF;}
#joinSec .joinBox .joinInner .txt_box .j_sub{color:#FFF; border-bottom:1px solid #FFF; width:90%; margin:0px auto 20px;}

#joinSec .joinBox .joinInner .j_apuri, #joinSec .joinBox .joinInner .j_sapuri{width:420px;}

#joinSec .joinBox .joinInner .j_apuri .moreBtn a{display:block; background:linear-gradient(180deg,#fff 0%,#fff 50%,#e3e3e3 50%,#e3e3e3 100%); border-radius:50px; font-size:25px; font-weight:bold; color:#ea1e79; padding:0.5em 1.5em 0.3em; line-height:1em; text-align:center; width:60%; margin:0.3em auto;}
#joinSec .joinBox .joinInner .j_apuri .moreBtn a::after{content:"▶"; color:#ea1e79; margin-left:10px; position:absolute;}

#joinSec .joinBox .joinInner .j_apuri .formBtn a{display:block; background:linear-gradient(180deg,#ea1e79 0%,#ea1e79 50%,#d31459 50%,#d31459 100%);  border-radius:50px; font-size:32px; font-weight:bold; color:#fff; padding:0.5em 0.5em 0.5em; line-height:1em; text-align:center; width:90%; margin:0.5em auto;}
#joinSec .joinBox .joinInner .j_apuri .formBtn a::after{content:"▶"; color:#fff; margin-left:10px;}

#joinSec .joinBox .joinInner .j_sapuri .moreBtn a{display:block; background:linear-gradient(180deg,#fff 0%,#fff 50%,#e3e3e3 50%,#e3e3e3 100%); border-radius:50px; font-size:25px; font-weight:bold; color:#009ec6; padding:0.5em 1.5em 0.3em; line-height:1em; text-align:center; width:60%; margin:0.5em auto;}
#joinSec .joinBox .joinInner .j_sapuri .moreBtn a::after{content:"▶"; color:#009ec6; margin-left:10px; position:absolute;}

#joinSec .joinBox .joinInner .j_sapuri .formBtn a{display:block; background:linear-gradient(180deg,#2473aa 0%,#2473aa 50%,#3d528c 50%,#3d528c 100%); border-radius:50px; font-size:32px; font-weight:bold; color:#fff; padding:0.5em 0.5em 0.5em; line-height:1em; text-align:center; width:90%; margin:0.5em auto;}
#joinSec .joinBox .joinInner .j_sapuri .formBtn a::after{content:"▶"; color:#fff; margin-left:10px;}

#joinSec .joinBox .joinInner .linkBox{display: flex;justify-content: space-between;margin-top: 1em;}
#joinSec .joinBox .joinInner .linkBox a{width: 49%;}
#joinSec .joinBox .joinInner .linkBox a img{width: 100%;height: auto;}

/*----------------------------------------------------------------------------
 ***                                                                   faqSec
----------------------------------------------------------------------------*/
#faqSec .faqBox .faqInner h3{font-size:20px; text-align:center; border-bottom:2px solid #000;}
#faqSec .faqBox .faqInner .qa_box{width:900px; margin:1em auto 2em;}
#faqSec .faqBox .faqInner .qa_box .qbox{padding:0em 3em; position:relative;font-size: 20px;line-height: 1;}
#faqSec .faqBox .faqInner .qa_box .abox{background:#e5f8ff; height:auto; padding:1em 3.5em; position:relative;font-size: 18px;}

#faqSec .faqBox .faqInner .qa_box .qbox::before{content:"Q"; display:block; color:#f19dae; position:absolute; left:0.9em; font-size:29px; font-weight:bold;line-height: 1.3;}
#faqSec .faqBox .faqInner .qa_box .abox::before{content:"A"; display:block; color:#009ec6; position:absolute; left:1em; font-size:29px; font-weight:bold;line-height: 1.3;}
#faqSec .faqBox .faqInner .qa_box .small_txt{font-size:15px;}


/*----------------------------------------------------------------------------
 ***                                                                   messageBox
----------------------------------------------------------------------------*/
#messageSec{background:url(../images/2021/bk_img01.jpg) no-repeat; padding:1em 0;}
#messageSec .messageBox .messageInner{background-color:#FFF; width:765px; margin:0em auto; padding:2em 5.2em;}
#messageSec .messageBox::before{background:linear-gradient(90deg,#f66bb9 45%,#009ec6 20%,#009ec6 100%); background-size:356px;}
#messageSec .messageBox::after{background:linear-gradient(90deg,#009ec6 45%,#f66bb9 20%,#f66bb9 100%); background-size:356px;}
#messageSec .messageBox::before, #messageSec .messageBox::after{content:""; display:block; width:930px; height:0.7em; margin:0 auto;}










/*----------------------------------------------------------------------------
 ***                                                                contactBox
----------------------------------------------------------------------------*/
#contactBox{ width:660px;  margin:50px auto 60px;}
#contactBox p{}
#contactBox ul{ margin:20px;}
#contactBox li{text-align:center;}


/*----------------------------------------------------------------------------
 ***                                                     ヘッダーフッター修正2204
----------------------------------------------------------------------------*/
.headerInner{position: relative;}
.headerInner .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -19px;line-height: 1.6;margin: 0;padding: 0;left: calc( (100% - 950px)/2 );}
.headerInner .ttlSub {position: absolute;top: -19px;right: calc( (100% - 950px)/2 );color: #fff;font-size: 11px;text-align: right;width: 400px;line-height: 1.6;margin: 0;padding: 0;}