/*
Theme Name: SBorigin-child
Version: 1.6
Template: SBorigin
*/

/*
* fontawesomeセット
* content:'\○○○';
* font: var(--fa-font-solid);
*/
html,body{
	font-family: "Kiwi Maru";
	font-weight: 100;
	letter-spacing: 2px;
}
a{
	transition: ease all .4s;
}
a:hover{
	opacity: .7;
}
/*=====================================
*
*header
*
=======================================*/
header{

}
header .header_inner{
	display: flex;
	justify-content: space-between;
	max-width: 1300px;
	width: 100%;
	padding: 20px;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 99;
}
header .header_inner .logo{
	width: 260px;
}
header .header_inner .header_inner_menu{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .header_inner .header_inner_menu .Gmenu{
	display: flex;
	justify-content: flex-end;
}
header .header_inner .header_inner_menu .Gmenu li{
	margin-right: 40px;
}
header .header_inner .header_inner_menu .Gmenu li a{
	font-size: 14px;
	color: #111;
}
header .header_inner .header_inner_menu .contact{

}
header .header_inner .header_inner_menu .contact a{
	background: #0cc0df;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 10px 15px;
	line-height: 1;
	font-weight: 900;
}
header .SPmenu{
	display: none;
}
@media screen and (max-width:968px){
	header .header_inner .logo {
		width: 200px;
	}
	header .header_inner .header_inner_menu .Gmenu li{
		margin-right: 20px;
	}
	header .header_inner .header_inner_menu .contact a{
		letter-spacing: 0;
	}
}
@media screen and (max-width:768px){
	header .header_inner{
		padding: 10px 20px;
		background: #fff;
	}
	header .header_inner .logo {
		width: 160px;
	}
	header .header_inner .header_inner_menu .Gmenu li a{
		letter-spacing: 0;
	}
	header .modal_bg{
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background: #000;
		z-index: 98;
		transition: ease all .4s;
		opacity: 0;
		pointer-events: none;
	}
	header .modal_bg.active{
		opacity: .3;
		pointer-events: all;
	}
	header .SPmenu{
		display: block;
		width: 40px;
		height: 30px;
		position: fixed;
		right: 20px;
		top: 17px;
		display: flex;
		flex-wrap: wrap;
		z-index: 99;
	}
	header .SPmenu span{
		height: 3px;
		width: 100%;
		background: #111;
		transition: ease all .4s;
		position: relative;
		top: 0;
	}
	header .SPmenu.active span:nth-child(1){
		top: 11px;
		transform: rotate(45deg);
	}
	header .SPmenu.active span:nth-child(2){
		transform: rotate(-45deg);
	}
	header .SPmenu.active span:nth-child(3){
		opacity: 0;
	}
	header .header_inner .header_inner_menu{
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		height: 100vh;
		width: 70vw;
		max-width: 500px;
		transform: translateX(100%);
		transition: ease all .4s;
		z-index: 99;
	}
	header .header_inner .header_inner_menu.active{
		transform: translateX(0);
	}
	header .header_inner .header_inner_menu .Gmenu{
		display: block;
		padding-top: 80px;
	}
	header .header_inner .header_inner_menu .Gmenu li{
		margin: 0;
		margin: 0 20px;
	}
	header .header_inner .header_inner_menu .Gmenu li a{
		padding: 20px;
		border-bottom: 1px solid #ccc;
		display: block;
		font-size: 16px;
	}
	header .header_inner .header_inner_menu .contact {
		margin-top: 20px;
		display: block;
	}
	header .header_inner .header_inner_menu .contact a{
		max-width: 260px;
		width: calc(100% - 40px);
		margin: 0 auto;
		padding: 15px;
		display: block;
		text-align: center;
	}
}

/*=====================================
*
*front
*
=======================================*/
.front_title{
	display: flex;
	flex-flow: column-reverse;
	flex-wrap: wrap;
}
.front_title h2{
	font-size: 16px;
	width: 100%;
	font-weight: 400;
}
.front_title .en{
	font-size: 40px;
	font-weight: bold;
	width: 100%;
}
.front_title .en span{
	position: relative;
	display: inline-block;
}
.front_title .en span::before{
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #76b9c4;
	border-radius: 10px;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translate(100%,-50%);
}
.front_title .en span::after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #76b9c4;
	border-radius: 50%;
	position: absolute;
	right: -105px;
	top: 50%;
	transform: translate(100%,-50%);
}
.front_btn{

}
.front_btn a{
	background: #0cc0df;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 15px;
	line-height: 1;
	font-weight: 900;
	max-width: 260px;
	width: 100%;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width:1260px){
	.w126{
		padding: 0 20px;
	}
}
@media screen and (max-width:960px){
	.front_btn a{
		max-width: 200px;
	}
}
@media screen and (max-width:768px){
	.front_btn a {
		max-width: 260px;
		width: 100%;
	}
}
@media screen and (max-width:768px){
	.front_title .en{
		font-size: 30px;
	}
}

/*=====================================
*mv
=======================================*/
.mv{
	background: url(../images/mv.webp) center/ cover no-repeat;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mv .mv_inner{
	text-align: center;
}
.mv .mv_inner .mv_logo{
	width: 260px;
	margin: 0 auto;
}
.mv .mv_inner .text{
	margin-top: 80px;
	font-size: 20px;
	font-weight: 900;
	color: #111;
	position: relative;
}
.mv .mv_inner .text .main{
	position: relative;
}
.mv .mv_inner .text .price{
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff52;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	transform: translate(-80%, -80%);
	padding: 30px 0;
	color: #0cc0df;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0;
}
.mv .mv_inner .text .price::before{
	content: '';
	width: 126px;
	height: 126px;
	background: url(../images/mv_circle.webp) center/ cover no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.mv .mv_inner .text .price span{
	font-size: 24px;
}
.mv .mv_inner .mv_btn{
	margin-top: 40px;
}
.mv .mv_inner .mv_btn a{
	background: #0cc0df;
	color: #fff;
	border-radius: 5px;
	font-size: 24px;
	padding: 15px 40px;
	line-height: 1;
	font-weight: 900;
	display: inline-block;
}
.mv .mv_break{
	display: none;
}
@media screen and (max-width:768px){
	.mv .mv_inner .text .price{
		transform: translate(-30%, -80%);
	}
}
@media screen and (max-width:568px){
	.mv .mv_inner .mv_logo{
		width: 200px;
	}
	.mv .mv_inner .text .main{
		padding: 0 20px;
		font-size: 16px;
	}
	.mv .mv_break{
		display: inherit;
	}
	.mv .mv_inner .text{
		margin-top: 40px;
	}
	.mv .mv_inner .text .price{
		width: 80px;
		height: 80px;
		font-size: 14px;
		padding: 18px 0;
	}
	.mv .mv_inner .text .price span{
		font-size: 18px;
	}
	.mv .mv_inner .text .price::before{
		background-size: 100%;
		width: 100px;
		height: 100px;
	}
}

/*=====================================
*section1
=======================================*/
.sec1{
	margin: 0 auto;
	padding: 70px 0 210px;
}
.sec1 h2{
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: #111;
	position: relative;
	z-index: 2;
}
.concept{
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: -25px;
}
.concept .text{
	position: absolute;
	left: 0;
	top: 80px;
	background: #fffffff0;
	padding: 20px 40px;
	max-width: 660px;
	border-radius: 10px;
	font-size: 16px;
	color: #111;
}
.concept .text p{
	margin: 20px auto;
}
.concept .text .text_icon{
	margin-top: 20px;
}
.concept .text .text_icon ol{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.concept .text .text_icon ol li{
	margin-right: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width:1260px){
	.sec1{
		padding: 70px 0 20px;
	}
	.concept .text{
		padding: 20px;
		left: -20px;
	}
}
@media screen and (max-width:1060px){
	.concept .text p{
		font-size: 14px;
	}
}
@media screen and (max-width:968px){
	.concept{
		display: block;
	}
	.concept .text {
		position: relative;
		margin-top: -80px;
		top: 0;
		width: 90%;
		padding: 20px 40px;
	}
}
@media screen and (max-width:568px){
	.sec1 h2{
		font-size: 30px;
	}
	.concept{
		top: -20px;
	}
	.concept .text{
		padding: 0;
		margin-top: 0;
		width: 100%;
		left: 0px;
	}
	.concept .text .text_icon ol li{
		margin-right: 5px;
	}
}

/*=====================================
*section2
=======================================*/
.sec2{
	margin: 120px auto 0;
    padding: 120px 0 60px;
	position: relative;
}
.sec2::before{
	content: '';
	display: block;
	width: 72vw;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #f0f9fa;
	border-radius: 40px 0 0 40px;
}
.sec2 .studio_flex{
	margin: 120px auto;
}
.sec2 .studio_flex .studio_flex_top{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.sec2 .studio_flex .studio_flex_top .image_main{
	overflow: hidden;
	width: 50.794%;
}
.sec2 .studio_flex .studio_flex_top .image_main li img{
	border-radius: 20px;
}
.sec2 .studio_flex .studio_flex_top .text{
	padding-left: 40px;
	width: 49.206%;
}
.sec2 .studio_flex .studio_flex_top .text h3{
	font-size: 24px;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	padding-top: 0;
	font-weight: 900;
}
.sec2 .studio_flex .studio_flex_top .text p{
	font-size: 14px;
	color: #555;
	margin: 10px auto;
}
.sec2 .studio_flex .studio_flex_top .text .text_table{
	border-radius: 10px;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
	width: 100%;
}
.sec2 .studio_flex .studio_flex_top .text .text_table table{
	border-collapse: collapse;
	width: 100%;
}
.sec2 .studio_flex .studio_flex_top .text .text_table table th{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
	vertical-align: top;
	text-align: left;
	font-weight: 500;
	width: 25%;
}
.sec2 .studio_flex .studio_flex_top .text .text_table table td{
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #555;
}
.sec2 .studio_flex .studio_flex_top .text .text_table table tr:last-child th,
.sec2 .studio_flex .studio_flex_top .text .text_table table tr:last-child td{
	border-bottom: none;
}
.sec2 .studio_flex .studio_flex_top li .comment{
	font-size: 14px;
	margin: 10px auto;
}
.sec2 .studio_flex .studio_flex_bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px auto;
}
.sec2 .studio_flex .studio_flex_bottom .splide__arrow{
	height: calc(100% - 20px);
	background: #84bfc9;
	border-radius: 5px;
	transition: ease all .4s;
}
.sec2 .studio_flex .studio_flex_bottom .splide__arrow svg{
	fill: #ffffff;
}
.sec2 .studio_flex .studio_flex_bottom .image_sub{
	width: 70%;
	background: #fff;
	padding: 10px 50px;
	border-radius: 10px;
}
.sec2 .studio_flex .studio_flex_bottom .image_sub .splide__track--nav>.splide__list>.splide__slide.is-active{
	border: 3px solid #0cc0df;
}
.sec2 .studio_flex .studio_flex_bottom .front_btn{
	text-align: center;
	width: 30%;
}
@media screen and (max-width:1060px){
	.sec2 .studio_flex .studio_flex_top .text .text_table table th{
		padding: 10px;
		font-size: 13px;
		width: 114px;
	}
	.sec2 .studio_flex .studio_flex_top .text .text_table table td{
		padding: 10px;
		font-size: 12px;
	}
}
@media screen and (max-width:968px){
	.sec2{
		margin: 60px auto 0;
		padding: 70px 0 60px;
	}
	.sec2 .studio_flex {
		margin: 60px auto;
	}
}
@media screen and (max-width:768px){
	.sec2 .studio_flex .studio_flex_top{
		flex-wrap: wrap;
	}
	.sec2 .studio_flex .studio_flex_top .image_main{
		width: 100%;
	}
	.sec2 .studio_flex .studio_flex_top .text{
		width: 100%;
		padding: 0;
		margin: 20px auto;
	}
	.sec2 .studio_flex .studio_flex_bottom{
		justify-content: center;
		margin-top: 20px;
	}
	.sec2 .studio_flex .studio_flex_top .image_main{
		margin: 20px 0;
	}
	.sec2 .studio_flex .studio_flex_top .image_main .splide__arrow{
		top: 38%;
	}
	.sec2 .studio_flex .studio_flex_top .text{
		display: contents;
	}
	.sec2 .studio_flex .studio_flex_top .text h3{
		order: -1;
		width: 100%;
	}
	.sec2 .studio_flex .studio_flex_top .text p{
		order: -1;
		width: 100%;
		margin: 20px 0 0;
	}
	.sec2 .studio_flex .studio_flex_bottom .image_sub{
		display: none;
	}
	.sec2 .studio_flex .studio_flex_bottom .front_btn{
		width: 100%;
	}
}
@media screen and (max-width:568px){
	.sec2 .studio_flex .studio_flex_top .text h3{
		font-size: 20px;
		padding: 10px 0;
		padding-top: 0;
	}
	.sec2 .studio_flex .studio_flex_top .text p{
		letter-spacing: 0;
		order: -1;
		width: 100%;
	}
	.sec2 .studio_flex .studio_flex_top li .comment{
		font-size: 12px;
	}
}


/*=====================================
*section3
=======================================*/
.sec3{
	margin: 0 auto;
	padding: 120px 0;
}
.sec3 .plan_table{
	margin: 60px auto;
	border-radius: 20px 20px 0 0;
	background: #fff;
	overflow: hidden;
}
.sec3 .plan_table h3{
	background: #0cc0df;
	color: #fff;
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	padding: 20px;
	line-height: 1;
}
.sec3 .plan_table .plan_table_inner .title{
	background: #effafc;
	color: #00b0e3;
	font-size: 20px;
	text-align: center;
	font-weight: 900;
	padding: 20px;
	line-height: 1;
	border-bottom: 2px dashed #9dd5df;
	position: relative;
	letter-spacing: 0;
}
.sec3 .plan_table .plan_table_inner .title span{
	font-size: 14px;
	letter-spacing: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_ttls{
	display: flex;
	justify-content: space-between;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_ttls .ttl{
	padding: 20px;
	background: #f8fcfd;
	color: #00b0e3;
	font-size: 20px;
	text-align: center;
	font-weight: 900;
	width: calc( 100% / 3);
	line-height: 1;
	letter-spacing: 0;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_ttls .ttl:nth-child(2){
	border-left: 2px dashed #ccc;
	border-right: 2px dashed #ccc;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_cont{
	display: flex;
	justify-content: space-between;
	border-bottom: 2px dashed #ccc;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_cont > div{
	padding: 20px;
	font-size: 20px;
	text-align: center;
	font-weight: 900;
	background: #fff;
	width: calc( 100% / 3);
	letter-spacing: 0;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_cont > div:nth-child(2){
	border-left: 2px dashed #ccc;
	border-right: 2px dashed #ccc;
}
.sec3 .plan_table .plan_table_inner .plan_table_inner_cont:last-child{
	border-bottom: none;
}
.sec3 .plan_table .readmore{
	background: #effafc;
	color: #00b0e3;
	font-size: 16px;
	text-align: center;
	font-weight: 900;
	padding: 20px;
	line-height: 1;
	position: relative;
}
.sec3 .plan_table .readmore:hover{
	cursor: pointer;
}
.sec3 .plan_table .readmore span{
	position: relative;
}
.sec3 .plan_table .readmore span::before{
	content: '';
	background: url(../images/more.webp)no-repeat center;
	width: 16px;
	height: 8px;
	position: absolute;
	left: -10px;
	top: calc(50% + 2px);
	transform: translate(-100%, -50%);
}
.sec3 .plan_table .readclose{
	background: #effafc;
	color: #00b0e3;
	font-size: 16px;
	text-align: center;
	font-weight: 900;
	padding: 20px;
	line-height: 1;
	position: relative;
	display: none;
}
.sec3 .plan_table .readclose:hover{
	cursor: pointer;
}
.sec3 .plan_table .readclose span{
	position: relative;
}
.sec3 .plan_table .readclose span::before{
	content: '';
	background: url(../images/more.webp)no-repeat center;
	width: 16px;
	height: 8px;
	position: absolute;
	left: -10px;
	top: calc(50% + 2px);
	transform: translate(-100%, -50%) rotate(180deg);
}
.sec3 .plan_table .plan_table_hide{
	display: none;
}
.sec3 .store{
	border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.sec3 .store h3{
	background: #84bfc9;
	color: #fff;
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	padding: 20px;
}
.sec3 .store .text{
	border: 1px solid #84bfc9;
	padding: 20px;
}
.sec3 .store .text .title{
	font-weight: 900;
	font-size: 18px;
}
.sec3 .store .text .title:nth-of-type(2){
	margin-top: 40px;
}
.sec3 .store .text ol{
}
.sec3 .store .text ol li{
	font-size: 18px;
	padding: 20px 10px;
    border-top: 1px dashed #ccc;
	letter-spacing: 0;
	color: #555;
}
.sec3 .store .text ol li span{
	width: 25%;
	color: #111;
	display: inline-block;
}
.sec3 .store .text ol li:first-child{
	border-top: none;
}
@media screen and (max-width:968px){
	.sec3{
		margin: 0 auto;
		padding: 60px 0;
	}
}
@media screen and (max-width:768px){
	.sec3 .plan_table .plan_table_inner .title span{
		position: relative;
		transform: none;
		right: 0;
		top: 0;
		display: block;
		margin-top: 10px;
	}
	.sec3 .plan_table .plan_table_inner .title{
		font-size: 16px;
		padding: 10px;
	}
	.sec3 .plan_table .plan_table_inner .title span{
		font-size: 12px;
	}
	.sec3 .plan_table .plan_table_inner .plan_table_inner_ttls .ttl{
		font-size: 14px;
		line-height: 1.5;
		padding: 10px;
	}
	.sec3 .plan_table .plan_table_inner .plan_table_inner_cont > div{
		padding: 10px;
		font-size: 14px;
	}
	.sec3 .plan_table .readmore,
	.sec3 .plan_table .readclose{
		padding: 10px;
		font-size: 12px;
	}
	.sec3 .plan_table .readmore span::before,
	.sec3 .plan_table .readclose span::before{
		width: 12px;
		height: 8px;
		background-size: 100%;
		top: calc(50% + 1px);
	}
	.sec3 .store .text ol li{
		font-size: 16px;
	}
	.sec3 .store .text ol li span{
		width: 32%;
	}
}
@media screen and (max-width:568px){
	.sec3 .plan_table{
		border-radius: 10px 10px 0 0;
	}
	.sec3 .plan_table h3{
		font-size: 16px;
		padding: 10px;
	}
	.sec3 .plan_table .plan_table_inner .plan_table_inner_ttls .ttl{
		line-height: 1;
	}
	.sec3 .plan_table .plan_table_inner .plan_table_inner_cont > div{
		font-size: 12px;
	}
	.sec3 .store .text .title{
		font-size: 16px;
	}
	.sec3 .store .text .title:nth-of-type(2) {
		margin-top: 20px;
	}
	.sec3 .store .text ol li{
		font-size: 14px;
		padding: 10px;
	}
	.sec3 .store .text ol li span{
		display: block;
		width: 100%;
	}
}

/*=====================================
*section4
=======================================*/
.sec4{
	margin: 0 auto;
	background: #e9f3f5;
	padding: 80px 0;
}
.sec4 .flow{
	margin: 60px auto 0;
}
.sec4 .flow ol{
	display: flex;
	justify-content: space-between;
}
.sec4 .flow ol li{
	max-width: 300px;
	width: 100%;
	position: relative;
}
.sec4 .flow ol li::after{
    content: '';
    border: 8px solid transparent;
    border-left: 8px solid #84bfc9;
    position: absolute;
    right: -6px;
    top: 33%;
    transform: translate(100%, -50%);
}
.sec4 .flow ol li:last-child::after{
	content: none;
}
.sec4 .flow ol li .image{
	position: relative;
}
.sec4 .flow ol li .image img{
	border-radius: 10px;
	border: 1px solid #b4dce3;
}
.sec4 .flow ol li .image span{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-50%);
	background: #0cc0df;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 1;
}
.sec4 .flow ol li .title{
	font-size: 18px;
	margin: 10px auto;
	font-weight: 500;
}
.sec4 .flow ol li .text{
	color: #555;
	font-size: 14px;
}
@media screen and (max-width:1260px){
	.sec4 .flow ol li{
		max-width: 240px;
	}
}
@media screen and (max-width:968px){
	.sec4{
		padding: 60px 0;
	}
	.sec4 .flow {
		margin: 40px auto 0;
	}
	.sec4 .flow ol {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sec4 .flow ol li{
		max-width: 48%;
		text-align: center;
		margin: 30px 0;
	}
	.sec4 .flow ol li .image span{
		width: 80%;
		max-width: 230px;
		text-align: center;
	}
	.sec4 .flow ol li .text{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
}
@media screen and (max-width:568px){
	.sec4{
		padding-bottom: 0;
		overflow: hidden;
	}
	.sec4 .flow ol{
		display: block;
	}
	.sec4 .flow ol li{
		max-width: 100%;
		margin: 80px auto;
	}
	.sec4 .flow ol li::after{
		border: 40px solid transparent;
		border-top: 16px solid #84bfc9;
		display: inline;
		left: 50%;
		right: auto;
		top: auto;
		bottom: -25px;
		transform: translate(-50%, 100%);
	}
}

/*=====================================
*section5
=======================================*/
.sec5{
	margin: 0 auto;
	padding: 120px 0;
}
.sec5 .front_title{
	text-align: center;
}
.sec5 .front_title .en span::before,
.sec5 .front_title .en span::after{
	content: none;
}
.sec5 .faq{
	margin: 0 auto;
	max-width: 800px;
	padding: 0 20px;
}
.sec5 .faq .faq_inner{
	margin: 40px auto;
}
.sec5 .faq .faq_inner h3{
	background: #0cc0df;
	color: #fff;
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	padding: 20px;
	line-height: 1;
	position: relative;
	transition: ease all .4s;
	border-radius: 10px;
}
.sec5 .faq .faq_inner h3:hover{
	cursor: pointer;
}
.sec5 .faq .faq_inner h3.active{
	border-radius: 10px 10px 0 0;
}
.sec5 .faq .faq_inner h3::before{
	content: '';
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(calc(-50% - 0.5px));
}
.sec5 .faq .faq_inner h3::after{
	content: '';
	width: 1px;
	height: 15px;
	background: #fff;
	position: absolute;
	right: 27px;
	top: calc( 50% - 0.5px);
	transform: translateY(-50%);
	transition: ease all .4s;
}
.sec5 .faq .faq_inner h3.active::after{
	transform: translateY(-50%) rotate(90deg);
	opacity: 0;
}
.sec5 .faq .faq_inner ol{
	display: none;	
}
.sec5 .faq .faq_inner ol li{
	letter-spacing: 0;
}
.sec5 .faq .faq_inner ol li .title{
	border-bottom: 1px solid #ccc;
	padding: 20px;
	padding-right: 40px;
	position: relative;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	transition: ease all .4s;
	background: #fff;
}
.sec5 .faq .faq_inner ol li .title:hover{
	background: #fafafa;
	cursor: pointer;
}
.sec5 .faq .faq_inner ol li .title::before{
	content: '';
	width: 15px;
	height: 1px;
	background: #111;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(calc(-50% - 0.5px));
}
.sec5 .faq .faq_inner ol li .title::after{
	content: '';
	width: 1px;
	height: 15px;
	background: #111;
	position: absolute;
	right: 27px;
	top: calc( 50% - 0.5px);
	transform: translateY(-50%);
	transition: ease all .4s;
}
.sec5 .faq .faq_inner ol li .title.active::after{
	transform: translateY(-50%) rotate(90deg);
	opacity: 0;
}
.sec5 .faq .faq_inner ol li .answer{
	padding: 20px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.8;
	display: none;
}
@media screen and (max-width:968px){
	.sec5 {
		padding: 60px 0;
	}
}
@media screen and (max-width:568px){
	.sec5 .faq{
		padding: 0;
	}
	.sec5 .faq .faq_inner h3{
		font-size: 18px;
	}
	.sec5 .faq .faq_inner{
		margin: 20px auto;
	}
}

/*=====================================
*cta
=======================================*/
.cta{
	background: url(../images/cta.webp) center/ cover no-repeat;
	margin: 50px auto;
}
.cta .cta_inner{
	max-width: 1060px;
	padding: 80px 20px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.cta .cta_inner .text{
	font-size: 16px;
	font-weight: 900;
	line-height: 1.8;
	letter-spacing: 0;
}
.cta .cta_inner .text span{
	font-size: 18px;
}
.cta .cta_inner .cta_btn{

}
.cta .cta_inner .cta_btn a{
	background: #0cc0df;
	color: #fff;
	border-radius: 5px;
	font-size: 24px;
	padding: 15px 50px;
	line-height: 1;
	font-weight: 900;
	width: 100%;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width:968px){
	.cta .cta_inner .text{
		font-size: 14px;
	}
	.cta .cta_inner .text span {
		font-size: 16px;
	}
	.cta .cta_inner .cta_btn a{
		font-size: 20px;
		padding: 15px 30px;
	}
}
@media screen and (max-width:768px){
	.cta .cta_inner{
		display: block;
	}
	.cta .cta_inner .text{
		text-align: center;
	}
	.cta .cta_inner .cta_btn {
		margin-top: 20px;
	}
	.cta .cta_inner .cta_btn a{
		text-align: center;
		max-width: 260px;
		margin: 0 auto;
	}
}


/*=====================================
*
*single
*
=======================================*/

/*=====================================
*
*page
*
=======================================*/
#page h1{
	text-align: center;
    font-weight: 900;
    font-size: 30px;
    margin: 60px auto;
}
#page .maincontents{
	margin-top: 120px;
}
#page .maincontents .contents{
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 20px;
}
#page .maincontents .contents p{
	margin: 20px auto;
}
#page .maincontents .contents h2{
	font-size: 25px;
    font-weight: 400;
    margin: 40px auto 20px;
}
#page .maincontents .contents .terms ol{
	padding: 0 20px;
}
#page .maincontents .contents .terms ol li ol{
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 20px auto;
}
#page .maincontents .contents .terms ol li{
	list-style: disc;
    list-style-position: inside;
    line-height: 1.8;
	margin: 10px 0;
}
#page .maincontents .contents .terms.none{
	display: none;
}
#page .maincontents .contents .privacy ul{
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 20px;
}
#page .maincontents .contents .privacy ul li{
    line-height: 1.8;
	position: relative;
	padding-left: 15px;
}
#page .maincontents .contents .privacy ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #333;
}
#page .back-gray{
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 20px auto;
}
@media screen and (max-width:568px){
	#page h1{
		font-size: 25px;
	}
	#page .maincontents .contents h2{
		font-size: 20px;
	}
	#page .maincontents .contents p{
		letter-spacing: 0;
	}
	#page .maincontents .contents .terms ol li,
	#page .maincontents .contents .privacy ul li{
		letter-spacing: 0;
		font-size: 14px;
		margin: 10px auto;
		line-height: 1.5;
	}
}

/*=====================================
*
*archive
*
=======================================*/

/*=====================================
*
*breadcrumb
*
=======================================*/
.breadcrumb{
	margin: 40px auto;
}
.breadcrumb ul{
	display: flex;
	justify-content: flex-start;
}
.breadcrumb ul li{
	
}
.breadcrumb ul li::after{
	content:'\f054';
	font: var(--fa-font-solid);
	font-size: 8px;
	margin: 0 5px;
	position: relative;
	top: -2px;
}
.breadcrumb ul li:last-child::after{
	content: none;
}
.breadcrumb ul li a{
	color: #333;
	font-size: 12px;
}

/*=====================================
*
*toc
*
=======================================*/

/*=====================================
*
*footer
*
=======================================*/
footer{

}
footer .footer_inner{
	display: flex;
	justify-content: flex-start;
	max-width: 1300px;
	padding: 0 20px;
	margin: 0 auto;
}
footer .footer_inner .footer_logo{
	margin-right: 20px;
}
footer .footer_inner .profile{
	line-height: 2;
	font-size: 14px;
	letter-spacing: 0;
}
footer .footer_menu{
	margin-top: 50px;
}
footer .footer_menu ol{
	display: flex;
	justify-content: center;
}
footer .footer_menu ol li:first-child{
	margin-right: 20px;
}
footer .footer_menu ol li a{
	color: #111;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0;
}
footer .copyright{
	text-align: center;
	letter-spacing: 0;
	font-size: 12px;
	margin-top: 20px;
}
@media screen and (max-width:568px){
	footer .footer_inner{
		justify-content: center;
		flex-wrap: wrap;
	}
	footer .footer_inner .footer_logo{
		margin: 0 auto 20px;
	}
}
/*=====================================
*
*sidenav
*
=======================================*/

/*=====================================
*
*pc&tablet&spのnone処理
*
=======================================*/
/*=====================================
*pcのみ削除
=======================================*/
@media screen and (min-width: 1025px){
	.pcnone{
		display: none;
	}
}
/*=====================================
*tablet削除
=======================================*/
@media screen and (max-width: 1024px) and (min-width: 415px){
	.tabnone{
		display: none;
	}
}
/*=====================================
*sp削除
=======================================*/
@media screen and (max-width:414px){
	.spnone{
		display: none;
	}
}