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

/*///////////////////////////////////////01*/
 :root {
  --main_c01: #FF007C;/*メインカラー1*/
  --main_c02: #FF007A;/*メインカラー2*/
  --ac_01: #FF007C;/*アクセントカラー1*/	 
  /*--mau: background-image: url(https://beiz.jp/images_T/wood-texture/wood-texture_00005.jpg);	*/
  --bg01: #FF007C;/*UP背景*/
}
.root{
	color: #FF007C;	/*color: #1DA0C7;*/
	background-color: #FF0004;
	
}



/* hero slider text */
.banner_section .banner_text {
  margin-top: -90px;
}
.top_t{
	color: hsla(0,0%,42%,1.00);
	font-size: 0.8em;
}
/* hero slider heading h1 */
.banner_section .banner_text h1 {
	font-size: 5.2em;
	/*color: var(--dark-purple);*/
	font-weight: 800;
	letter-spacing : -0.09em;
	line-height: 1em;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000000!important;
}
.banner_section .banner_text h1 span {
	/*color: #FF0078!important;*/
	color: var(--main_c01)!important;
}
.banner_section .banner_text h5{
	color: #BBBBBB!important;
	letter-spacing : -0.09em!important;
	font-size: 1.2em;
	font-weight: 700;
}
.banner_section .banner_text p{
	color: #858585!important;
	letter-spacing : -0.09em!important;
	font-size: 3em;
	line-height: 1.3em;
	font-weight: 800;
}
.banner_section .banner_text p span{
	color: var(--main_c01)!important;
	font-size: 1.5em;
	padding-left: 6px;
}
.but_main_box{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
  display: flex;
  position: relative;
  z-index: 99;
}



.but_box{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFB800;
	color: #FFFFFF;
	padding-top: 19px;
	padding-right: 99px;
	padding-bottom: 19px;
	padding-left: 99px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
	animation: pulse-blue-medium-sm 3.5s infinite;
}

.but_box h2{
	color: #410808!important;
	letter-spacing : -0.09em!important;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-weight: 600;
}
.but_box p{
	color: #410808!important;
	letter-spacing : -0.09em!important;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	font-weight: 500;
}
.but_box h1{
	color: #410808!important;
	letter-spacing : -0.09em!important;
	font-size: 2em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-weight: 700;
}
.but_main_box2{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1024px){
.non_sp{
	display: none;
}
.top_t{
	font-size: 0em;
}
.banner_section .banner_text {
  margin-top: -20px;
}
.banner_section .banner_text h1 {
	font-size: 3.3em!important;}
.banner_section .banner_text h1 span {
	color: var(--main_c01)!important;
	padding-left: 35px;
}
.banner_section .banner_text h5{
	font-size: 0.8em;
}
.banner_section .banner_text p{
	font-size: 2em;
	line-height: 1.1em;
	color: hsla(0,0%,17%,1.00)!important;
	margin-top: 20px;
}
.banner_section .banner_text p span{
	color: var(--main_c01)!important;
	font-size: 1em;
}
	
.but_main_box{
	margin-top: 33px;
}
	.but_main_box2{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;	
		width: 100%;
}
.but_box{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFB800;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 33px;
	padding-bottom: 15px;
	padding-left: 33px;
	border-radius: 10px;	
	
}
.but_box h2{
	font-size: 0.7em;
}
.but_box h1{
	font-size: 1.5em;
}	
}

.banner_section .banner_slider::before {
	/*background-color: var(--mau);*/
	background-color: #8C00FF;
}

/*///////////////////////////////////////02*/

.bg01{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(320deg,rgba(0,0,0,1.00) 0%,rgba(2,18,108,1.00) 100%);
	background-image: -moz-linear-gradient(320deg,rgba(0,0,0,1.00) 0%,rgba(2,18,108,1.00) 100%);
	background-image: -o-linear-gradient(320deg,rgba(0,0,0,1.00) 0%,rgba(2,18,108,1.00) 100%);
	background-image: linear-gradient(130deg,rgba(0,0,0,1.00) 0%,rgba(2,18,108,1.00) 100%);
}
.ui_text{
	padding-top: 59px;
}
.ui_text h2{
	color: #FFFFFF!important;
	font-size: 3em;
	margin-bottom: 11px;
	font-weight: 700;
}
.ui_text h2 span{
	color: var(--main_c02)!important;
}
.ui_text h3{
	margin-bottom: 30px;
	font-weight: 700;
	color: hsla(0,0%,100%,0.69);
	font-size: 1em;
}
.ui_text p{
	color: #FFFFFF!important;
	font-size: 1.3em;
	color: hsla(0,0%,100%,1.00)!important;
	font-weight: 700;
	line-height: 1.3em;
	letter-spacing : -0.04em!important;
}
.ui_text p span{
color: var( --ac_01)!important;
}
@media screen and (max-width: 1024px){
.bg01{
	padding-top: 40px;
	margin-top: -100px;
}

.ui_text h2{
	color: #FFFFFF!important;
	font-size: 2.5em;
}
.ui_text h3{
	font-size: 1em;
}
.ui_text p{
	color: hsla(0,0%,94%,1.00)!important;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.4em;
	text-align: left;
}
.ui_text p span{
color: var( --ac_01)!important;
}
.sp_cho1{
	padding-top: 50px;
	padding-bottom: 30px;
}
}
/*///////////////////////////////////////03*/
.section_3_title{
	color: #000000;
	letter-spacing : -0.09em!important;
}
.section_3_title h2{
	color: #000000!important;
	font-size: 3em;
	margin-bottom: 11px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 86px;
	letter-spacing : -0.09em!important;
}
.section_3_title span{
	color: var(--main_c02)!important;
	letter-spacing : -0.09em!important;
	font-size: 2.2em;
}
.section_3_title p{
	letter-spacing : -0.09em!important;
	font-size: 1.4em;
	line-height: 1.1em;
	color: hsla(0,0%,17%,1.00)!important;
	font-weight: 700;
	padding-bottom: 69px;
	padding-top: 69px;
}

.section_3_box{}

.section_3_box h4{
	letter-spacing : -0.09em!important;
	font-size: 2em!important;
	font-weight: 800;
	color: #000000!important;
}

.section_3_box p{
	letter-spacing : -0.05em!important;
	font-size: 1.1em;
	line-height: 1.3em;
	color: hsla(0,0%,45%,1.00)!important;
	font-weight: 700;
	text-align: left;
}

@media screen and (max-width: 1024px){
.section_3_title{
}
.section_3_title h2{
	color: #000000!important;
	font-size: 2em;
	margin-bottom: 11px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 20px;
}
.section_3_title span{
	color: var(--main_c02)!important;
	font-size: 2.2em;
}
.section_3_title p{
	font-size: 1.2em;
	color: hsla(0,0%,56%,1.00)!important;
	padding-bottom: 30px;
	padding-top: 30px;
}

.section_3_box{}

.section_3_box h4{
	letter-spacing : -0.09em!important;
	font-size: 2em!important;
	font-weight: 700;
}

.section_3_box p{
	letter-spacing : -0.05em!important;
	font-size: 1.1em;
	line-height: 1.3em;
	color: hsla(0,0%,45%,1.00)!important;
	font-weight: 700;
	text-align: left;
}
}
/*///////////////////////////////////////04*/

.section_4_title{
	color: #000000;
	letter-spacing : -0.09em!important;
}
.section_4_title h2{
	color: #000000!important;
	font-size: 1.8em;
	margin-bottom: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 0px;
	letter-spacing : -0.09em!important;
	margin-top: -20px;
}
.section_4_title span{
	color: var(--main_c02)!important;
	letter-spacing : -0.09em!important;
	font-size: 2.2em;
}
.section_4_title p{
	letter-spacing : -0.09em!important;
	font-size: 1.4em;
	line-height: 1.1em;
	color: hsla(0,0%,17%,1.00)!important;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 20px;
}
.n_mini{
	font-size: 0.7em!important;	
}
.hosoku{
	color: #9A9A9A;
	font-size: 1em;
	font-weight: 600;
}
@media screen and (max-width: 1024px){
.section_4_title{
}
.section_4_title h2{
	font-size: 1.8em;
	margin-top: -20px;
}
.section_4_title span{
	font-size: 2.2em;
}
.section_4_title p{
	font-size: 1em;
	color: hsla(0,0%,36%,1.00)!important;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left;
}
.n_mini{
	font-size: 0.7em!important;	
}
.section_4_box p{font-size: 2em!important;}


.section_4_box .num_d{
	font-size: 0.8em!important;	
	}

}
/*///////////////////////////////////////05*/

.kinou_title{}
.kinou_title h2{
	color: #FFFFFF!important;
	font-size: 2.4em!important;
	margin-bottom: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 0px;
	letter-spacing : -0.09em!important;
	margin-top: 0px;
}
.kinou_title p{
	letter-spacing : -0.09em!important;
	font-size: 1.4em!important;
	line-height: 1.4em;
	color: hsla(0,0%,100%,0.81)!important;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left;
}
.kinou_img{}


.free_app_section .container .free_app_inner {
	background-color: var(--bg01);
}
	.sp_cho3{
	margin-top: -220px;
	padding-bottom: 20px;
	}
	
	.sp_cho4{
	margin-bottom: 100px;
	margin-top: 50px;
	}
@media screen and (max-width: 1024px){
	
	.sp_bg01{
		background-color: var(--bg01);
	}
	
	.sp_cho2{
	margin-top: -100px;
}
	.sp_cho3{
	margin-top: -120px;
	padding-bottom: 20px;
	}
	
	.sp_cho4{
		margin-top: 0px;
	margin-bottom: 100px;
	}
	
	.kinou_title p{
	font-size: 1.4em!important;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left;
}
	.kinou_img{
	margin-top: -100px;
	margin-bottom: -50px;
}
}

/*///////////////////////////////////////06*/

.frow_title{}
.frow_title h2{
	color: #000000!important;
	font-size: 3.4em!important;
	margin-bottom: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 0px;
	letter-spacing : -0.09em!important;
	margin-top: 0px;
}
.frow_title p{
	letter-spacing : -0.09em!important;
	font-size: 1.2em!important;
	line-height: 1.4em;
	color: hsla(0,0%,0%,0.63)!important;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left;
	padding-left: 80px;
	padding-right: 80px;
}
.step_text h4{
	color: #000000!important;
	font-size: 2.5em!important;
	margin-bottom: 10px;
	font-weight: 700;
}
.step_text p{
	color: #545454!important;
	font-size: 1.1em!important;
	margin-bottom: 0px;
	font-weight: 700;
	padding-bottom: 30px;
	line-height: 1.2em;
}
@media screen and (max-width: 1024px){
.frow_title{}
.frow_title h2{
	font-size: 2.4em!important;
}
.frow_title p{
	font-size: 1.1em!important;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.step_text h4{color: #000000!important;
	font-size: 2em!important;
	margin-bottom: 0px;
	font-weight: 700;}
.step_text p{
	font-size: 1.1em!important;
	padding-bottom: 30px;
}

}
/*///////////////////////////////////////07FAQ*/
.faq_title{}

.faq_title{}
.faq_title h2{
	color: #000000!important;
	font-size: 3.4em!important;
	margin-bottom: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-top: 0px;
	letter-spacing : -0.09em!important;
	margin-top: 0px;
}
.faq_title p{
	letter-spacing : -0.09em!important;
	font-size: 1.2em!important;
	line-height: 1.4em;
	color: hsla(0,0%,0%,0.63)!important;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	padding-left: 80px;
	padding-right: 80px;
}
@media screen and (max-width: 1024px){
.faq_title{}
.faq_title h2{
	font-size: 2.4em!important;
}
.faq_title p{
	font-size: 1.1em!important;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
}


.icon_img img{
	width: 180px;
}
@media screen and (max-width: 1024px){
.icon_img img{
	width: 130px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*	.banner_text{
	margin-top: 50px;
}
	.banner_text h5{
	font-size: 0.9em;
	margin-bottom: 16px;
	margin-top: 33px;
}
	.banner_text h1{
	font-size: 2.5em;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 30px;
	line-height: 1.4em;
}*/
	.banner_text p{font-size: 0.8em;}
}

/*about*/
.center_img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
.center_img img{
	width: 300px;
}
.bg02{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(320deg,rgba(233,85,131,1.00) 0%,rgba(255,139,80,1.00) 100%);
	background-image: -moz-linear-gradient(320deg,rgba(233,85,131,1.00) 0%,rgba(255,139,80,1.00) 100%);
	background-image: -o-linear-gradient(320deg,rgba(233,85,131,1.00) 0%,rgba(255,139,80,1.00) 100%);
	background-image: linear-gradient(130deg,rgba(233,85,131,1.00) 0%,rgba(255,139,80,1.00) 100%);
}
.bg02 .section_title span{
	color: #FDFF00!important;
}

.ab_title_cho1{
	padding-top: 0px;
	font-size: 4em!important;
	min-height: 0px;
	font-weight: 800!important;
	line-height: 1.5em;
	letter-spacing : -0.09em;
}
.ab_title_cho1 span{
	padding-top: 0px;
	font-size: 2em!important;
	min-height: 0px;
	font-weight: 700;
}
.sp_b{
	margin-top: 6px;
}
.hito{
	text-align: center;
	padding-top: 37px;
	padding-bottom: 17px;
}
.end_p{
	width: 100%;
	height: 100px;
}
@media screen and (max-width: 1024px){
.end_p{
	width: 100%;
	height: 50px;
}	
.ab_title_cho1{
	padding-top: 0px;	
}
}
.modoru_box{
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: center;
}
.modoru_box a{
	background-color: #9C9C9C;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 26px;
	padding-bottom: 6px;
	padding-left: 26px;
	border-radius: 154px;
	font-size: 0.8em;
}


.otoiawase_box{
	padding-top: 40px;
	padding-bottom: 100px;
	text-align: center;
}
.otoiawase_box a{
	background-color: #FF0000;
	color: #FFFFFF;
	padding-top: 16px;
	padding-right: 46px;
	padding-bottom: 16px;
	padding-left: 46px;
	border-radius: 154px;
	font-size: 1em;
	font-weight: 600;
	letter-spacing : -0.09em;
}

.cho4{
	width: 100%;
	height: 20px;
}

/*プレゼント*/
.bg03{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(320deg,rgba(255,0,0,1.00) 0%,rgba(170,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(320deg,rgba(255,0,0,1.00) 0%,rgba(170,0,0,1.00) 100%);
	background-image: -o-linear-gradient(320deg,rgba(255,0,0,1.00) 0%,rgba(170,0,0,1.00) 100%);
	background-image: linear-gradient(130deg,rgba(255,0,0,1.00) 0%,rgba(170,0,0,1.00) 100.00%);
}
.bg03 .pre h2{
	letter-spacing : -0.09em!important;
	line-height: 0.9em;
	color: #FFDA00!important;
}
.bg03 .pre .ab_title_cho1 .kyan{
	font-size: 1em!important;
	font-weight: 800!important;	
	letter-spacing : -0.09em!important;
	color: #FFDA00!important;
}
.butchi{
	background-color: #FFFFFF;
	color: #FF0004;
	text-align: left;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	font-weight: 600;
	line-height: 1.4em;
}
.butro{
	text-align: center;
	margin-top: -10px;
	margin-bottom: 25px;
}
.butro img{
	width: 50px;
}
@media screen and (max-width: 1024px){
.bg03 .pre h2{
	font-size: 3.5em!important;
	letter-spacing : -0.09em!important;
	line-height: 0.9em;
	color: #FFDA00!important;
}
.bg03 .pre .ab_title_cho1 .kyan{
	font-size: 1em!important;
}
}


/*登録募集*/
.bg04{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(146deg,rgba(0,255,220,1.00) 0%,rgba(0,64,170,1.00) 100%);
	background-image: -moz-linear-gradient(146deg,rgba(0,255,220,1.00) 0%,rgba(0,64,170,1.00) 100%);
	background-image: -o-linear-gradient(146deg,rgba(0,255,220,1.00) 0%,rgba(0,64,170,1.00) 100%);
	background-image: linear-gradient(304deg,rgba(0,255,220,1.00) 0%,rgba(0,64,170,1.00) 100%);
}
.bg04 .bosyu h2{
	letter-spacing : -0.09em!important;
	line-height: 1.5em;
	color: #FFF!important;
}
.bg04 .bosyu h2 span{
	letter-spacing : -0.09em!important;
	color: #FFD900!important;
}
.bg04 .bosyu .ab_title_cho1 .kyan{
	font-size: 1.1em!important;
	font-weight: 800!important;	
	letter-spacing : -0.09em!important;
	color: #FFF!important;
}

/*パートナー募集*/
.bg05{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(146deg,rgba(0,203,52,1.00) 0%,rgba(32,132,0,1.00) 100%);
	background-image: -moz-linear-gradient(146deg,rgba(0,203,52,1.00) 0%,rgba(32,132,0,1.00) 100%);
	background-image: -o-linear-gradient(146deg,rgba(0,203,52,1.00) 0%,rgba(32,132,0,1.00) 100%);
	background-image: linear-gradient(304deg,rgba(0,203,52,1.00) 0%,rgba(32,132,0,1.00) 100.00%);
}
.bg05 .pato h2{
	letter-spacing : -0.09em!important;
	line-height: 1.5em;
	color: #FFF!important;
}
.bg05 .pato h2 span{
	letter-spacing : -0.09em!important;
	color: #FFD900!important;
}
.bg05 .pato .ab_title_cho1 .kyan{
	font-size: 1.1em!important;
	font-weight: 800!important;	
	letter-spacing : -0.09em!important;
	color: #FFF!important;
}
.bg05 .pato a{
	color: #FFF600!important;
}

/*そぽんさー募集*/
.bg06{
	background-color: #030F37;
	padding-top: 30px;
	color: #FFFFFF;
	letter-spacing : -0.09em!important;
	background-image: -webkit-linear-gradient(146deg,rgba(255,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(146deg,rgba(255,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: -o-linear-gradient(146deg,rgba(255,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: linear-gradient(304deg,rgba(255,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
}
.bg06 .spo h2{
	letter-spacing : -0.09em!important;
	line-height: 1.5em;
	color: #FFF!important;
}
.bg06 .spo h2 span{
	letter-spacing : -0.09em!important;
	color: #FFD900!important;
}
.bg06 .spo span{
	letter-spacing : -0.09em!important;
	color: #FFD900!important;
}
.bg06 .spo .ab_title_cho1 .kyan{
	font-size: 1.1em!important;
	font-weight: 800!important;	
	letter-spacing : -0.09em!important;
	color: #FFF!important;
}
.bg06 .spo a{
	color: #FFF600!important;
}

.moto{
	text-align: center;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.moto a{
	color: #FEFEFE;
	text-align: center;
}