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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
	
}
#wrap p,li{
	
}

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

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

/*----------------------------------------------------------------------------
 ***                                                                  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: 980px;
	height: 460px;
	margin: 0 auto;
	position: relative;
}
.N_nbr{background: #ffffe5;}
.bnr{margin: 0em auto;text-align: center;width: 38%;padding: 2em 0 2.5em;}
.bnr img{width: 100%;}

/*----------------------------------------------------------------------------
 ***                                                                   titleBox
----------------------------------------------------------------------------*/
a:hover{ opacity:0.7;}

#titleBox{
    overflow: hidden;
    background: linear-gradient(
90deg,#f66bb9 0%,#f66bb9 50%,#009ec6 50%, #009ec6 100%);
}
#titleBox h1{ 
	position: relative; 
	top: 50px; 
	left: -23px; 
	padding: 0; 
	width: 100%; 
	text-align: center;}
#titleBox p{position: absolute;pointer-events: none;}
#titleBox .fv01{/* margin: 2.8em 50em 0 0; */max-width: 240px;top: 40px;left: -27px;}
#titleBox .fv02{/* margin: 2.8em -49em 0 0; */max-width: 240px;top: 40px;right: -18px;}
#titleBox .fv03{/* margin: 4em 28em 0 0; */max-width: 106px;top: 45px;left: 220px;}
#titleBox .fv04{/* margin: 4em -25em 0 0; */max-width: 134px;top: 45px;right: 220px;}
#titleBox .fv05{/* margin: 22em 27em 0 0; */max-width: 90px;border: solid 2px #ffdff9;top: 350px;left: 220px;}
#titleBox .fv06{/* margin: 22em -24em 0 0; */max-width: 150px;top: 350px;right: 235px;}

#titleBox .titleBoxInner{min-width:980px;}
#titleBox .titleBoxInner ul{display: flex;}
#titleBox .titleBoxInner ul .apuri{background: #de5194;width: 960px;height: 80px;}
#titleBox .titleBoxInner ul .sapuri{background: #0080ab;width: 960px;height: 80px;}
#titleBox .titleBoxInner li{
	font-size: 50px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-top: 0.3em;}

#titleBox .titleBoxInner li a{color: #FFFFFF;   display: block;width: 100%;height: 100%;}
#titleBox .titleBoxInner ul span{font-size: 35px;position: absolute;}

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

#aboutSec .aboutBox .aboutInner .nova .title{font-size:45px; font-weight:bold; text-align:center;}
#aboutSec .aboutBox .aboutInner .nova span{color:#ee5a24;}
#aboutSec .aboutBox .aboutInner .nova .title_logo{text-align:center;}
#aboutSec .aboutBox .aboutInner .nova img{}
#aboutSec .aboutBox .aboutInner .nova p{margin:1em auto;font-size: 18px;}
#aboutSec .aboutBox .aboutInner .nova .title_txt{padding: 0 3.5em;}
/*----------------------------------------------------------------------------
 ***                                                               foryouSecBox
----------------------------------------------------------------------------*/
#foryouSec{height: 635px;}
#foryouSec .foryouBox .foryouInner .o_box{background: url("../images/2021/bk_img03.png") no-repeat;height: 525px;
background-size: 100%;}
#foryouSec .foryouBox .foryouInner .o_txt{padding-top: 5em;}
#foryouSec .foryouBox .foryouInner .o_txt p{font-size: 25px; border-bottom: dashed 1px #7B7B7B; border-bottom-width: 3px;width: 655px;margin: 0 auto;padding: 12px 2em;}
#foryouSec .foryouBox .foryouInner .o_txt p::before{content: "★";color: #000000;}
#foryouSec .foryouBox .foryouInner .o_txt span{color: #FF6700;font-weight: bold;}

/*----------------------------------------------------------------------------
 ***                                                               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: 1.5em auto -2em;}
#chooseSec .chooseBox .chooseInner .c_title .subtitle::before,#chooseSec .chooseBox .chooseInner .c_title .subtitle::after{
	content:"";
	height: 1px;
	flex-grow: 1;
	background-color: #000000;}
#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:#FFFFFF; }

#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: #FFFFFF;}

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

#chooseSec .chooseBox .chooseInner .half .subtxt{
	font-size: 23px;text-align: center;margin: 1em 0;color: #FFFFFF;}
#chooseSec .chooseBox .chooseInner .half .c_txt{
	padding: 5px 1.5em; line-height: 1.7em;color: #FFFFFF;height: 220px;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,#ffffff 0%,#ffffff 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: #ffffff;
	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: #ffffff;margin-left: 28px;
}
#chooseSec .chooseBox .chooseInner .half .rigthbox .moreBtn a{
	display: block;
	background:linear-gradient(180deg,#ffffff 0%,#ffffff 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: #ffffff;
	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: #ffffff;margin-left: 28px;
}

/*----------------------------------------------------------------------------
 ***                                                             　  appSecBox
----------------------------------------------------------------------------*/
#appSec {background:#e2d5ff; padding: 1em 0;}
#appSec .appBox .appInner .a_box{}
#appSec .appBox .appInner .a_box .white{background-color: #FFFFFF;border-radius: 35px;width: 255px;height: 295px;padding: 1.5em;display: inline-block;margin: 2em 0.2em;}
#appSec .appBox .appInner .a_box .icon{text-align: center;}

#appSec .appBox .appInner .a_box .bluebox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .bluebox .blue{font-size: 25px;text-align: center;color: #716bab;margin: 1em auto;}

#appSec .appBox .appInner .a_box .redbox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .redbox .red{font-size: 25px;text-align: center;color: #c66683;margin: 1em auto;}

#appSec .appBox .appInner .a_box .pinkbox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .pinkbox .pink{font-size: 25px;text-align: center;color: #e65e70;margin: 1em auto;}

#appSec .appBox .appInner .a_box .yellowbox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .yellowbox .yellow{font-size: 25px;text-align: center;color: #f7bb78;margin: 1em auto;}

#appSec .appBox .appInner .a_box .purplebox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .purplebox .purple{font-size: 25px;text-align: center;color: #9e6b98;margin: 1em auto;}

#appSec .appBox .appInner .a_box .greenbox img{margin: -3em auto 0;text-align: center;}
#appSec .appBox .appInner .a_box .greenbox .green{font-size: 25px;text-align: center;color: #62a4ab;margin: 1em auto;}

/*----------------------------------------------------------------------------
 ***                                                              priceSecBox
----------------------------------------------------------------------------*/
#priceSec{background:url("../images/2021/bk_img02.jpg")no-repeat; padding:1em 0; background-size:157%;}
#priceSec .priceBox .priceInner p{text-align:center; line-height:2em; 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 5em; text-align:center; position:relative;}
#priceSec .priceBox .priceInner .p_box .r_pricce span{font-size:40px; padding: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 30px; border-right:#333 solid 30px; height:140px; padding:1em 2em; margin:2em 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:40px; }
#priceSec .priceBox .priceInner .p_box .s_price .monthly{font-size:30px;}
#priceSec .priceBox .priceInner .p_box .s_price .big_pink{font-size:50px; color:#ea1e79; font-weight:bold; margin:0 0.1em;}
#priceSec .priceBox .priceInner .p_box .s_price .center{margin-top:1em;}


/*----------------------------------------------------------------------------
 ***                                                              userSecBox
----------------------------------------------------------------------------*/
#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:#FFFFFF; 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 #FFFFFF;
	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: 5em 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: #FFFFFF;}
#joinSec .joinBox .joinInner .txt_box .j_sub{color: #FFFFFF;border-bottom: 1px solid #FFFFFF; width: 70%;margin:20px auto;}

#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,#ffffff 0%,#ffffff 50%,#e3e3e3 50%,#e3e3e3 100%);
	border-radius: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #ea1e79;
	padding:0.5em 1.5em 0.5em;
	line-height:1em;
	text-align: center;
	width: 70%;
	margin: 0.3em auto;
	
}

#joinSec .joinBox .joinInner .j_apuri .moreBtn a::after{
	content:"▶";color: #ea1e79;margin-left: 15px;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: #ffffff;
	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: #ffffff;margin-left: 10px;
}

#joinSec .joinBox .joinInner .j_sapuri .moreBtn a{
	display: block;
	background:linear-gradient(180deg,#ffffff 0%,#ffffff 50%,#e3e3e3 50%,#e3e3e3 100%); 
	border-radius: 50px; 
	font-size: 20px;
	font-weight: bold;
	color: #009ec6;
	padding:0.5em 1.5em 0.5em;
	line-height:1em;
	text-align: center;
	width: 70%;
	margin: 0.5em auto;	
}

#joinSec .joinBox .joinInner .j_sapuri .moreBtn a::after{
	content:"▶";color: #009ec6;margin-left: 15px;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: #ffffff;
	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: #ffffff;margin-left: 10px;
}

/*----------------------------------------------------------------------------
 ***                                                                   faqSec
----------------------------------------------------------------------------*/
#faqSec .faqBox .faqInner h3{font-size: 20px; text-align: center;border-bottom: 2px solid #000000;}
#faqSec .faqBox .faqInner .qa_box{width:900px; margin: 2em auto;}
#faqSec .faqBox .faqInner .qa_box .qbox{padding: 1em 4em;position: relative;}
#faqSec .faqBox .faqInner .qa_box .abox{background: #b8dfee;width: 770px; height: auto;padding: 1em 4em;position: relative;}

#faqSec .faqBox .faqInner .qa_box .qbox::before{content:"Q";display: block;color:#f19dae; position: absolute;left: 1.3em;top:0.5em;font-size: 25px; font-weight: bold;}
#faqSec .faqBox .faqInner .qa_box .abox::before{content:"A";display: block;color:#009ec6;position: absolute;left: 1.3em; font-size: 25px;font-weight: bold;top:0.5em;}
#faqSec .faqBox .faqInner .qa_box .small_txt{font-size: 14px;}

/*----------------------------------------------------------------------------
 ***                                                                   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;}

#messageSec .messageBox .messageInner .message .m_title{display:flex; align-items:center; text-align:center; font-weight:bold; font-size:20px; width:500px; margin:1.5em auto;}
#messageSec .messageBox .messageInner .message .m_title::before, #messageSec .messageBox .messageInner .message .m_title::after{content:""; height:1px; flex-grow:1; background-color:#000;}
#messageSec .messageBox .messageInner .message .m_title::before{margin-right:1rem;}
#messageSec .messageBox .messageInner .message .m_title::after{margin-left:1rem;}
#messageSec .messageBox .messageInner .message .english{font-size:14px;}
#messageSec .messageBox .messageInner .japanese{display:flex; margin:1.5em 0;}
#messageSec .messageBox .messageInner .japanese .imgs{width:30%;}
#messageSec .messageBox .messageInner .japanese .txts{width:70%; padding:0 1em; line-height:1.8em;}



/*----------------------------------------------------------------------------
 ***                                                                contactBox
----------------------------------------------------------------------------*/

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