@charset "UTF-8";
/****************************************************
common
****************************************************/
/*body*/
body{
	background: #F6F8FD;
}
main{
	color:#333;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size:16px;
	font-weight:500;
}
@media screen and (max-width:768px){
	main{
		font-size:14px;
		line-height:1.5;
	}
}
/*inner*/
.inner{
	margin:0 auto;
	width:1000px;
	xwidth:70%;
}
@media screen and (max-width:768px){
	.inner{
		width:320px;
	}
}
/*sec*/
.sec{
	padding:160px 0;
}
@media screen and (max-width:768px){
	.sec{
		padding:90px 0;
	}
}
.sec_pb0{
	padding-bottom:0;
}
.sec_gradient{
	background: linear-gradient(to bottom,  rgba(222,240,250,1) 0%,rgba(178,209,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.sec_titles{
	text-align:center;
}
.sec_subtitle{
	background: linear-gradient(45deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	display:inline-block;
	font-family: "Poppins", sans-serif;
	font-size:14px;
	font-weight:600;
	position:relative;
}
.sec_subtitle:after{
	background: linear-gradient(45deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom:0;
	content:"";
	display:block;
	height:2px;
	left:0;
	width:100%;
}
.sec_title{
	font-size:35px;
	line-height:1.4;
	margin-top:15px;
}
@media screen and (max-width:768px){
	.sec_title{
		font-size:26px;
	}
}
/****************************************************
header
****************************************************/
.header{
	background:linear-gradient(to right,  #689ed1 0%,#284d88 100%);
}
/****************************************************
kv
****************************************************/
.kv_page{
	height:800px;
}
.kv_page_wrap{
	left:0;
	position:absolute;
	width:100%;
}
.kv_movie{
	height:766px;
	left:0;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%;
}
.kv_logo_wrap{
	left:42px;
	position:absolute;
	top:32px;
}
.kv_logo{
	height:77px;
}
@media screen and (max-width:768px){
	.kv_logo{
		height:50px;
		left:20px;
		top:18px;
	}
}
.kv_cnt{
	bottom:15%;
	color:#fff;
	left:9%;
	position:absolute;
}
@media screen and (max-width:768px){
	.kv_cnt{
		bottom:46px;;
	}
}
.kv_cnt_title{
	font-size:3.472vw;
	line-height:1.2;
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:768px){
	.kv_cnt_title{
		font-size:27px;
	}
}
.kv_cnt_title span{
	display:inline-block;
	transform:translatex(-25px);
}
@media screen and (max-width:768px){
	.kv_cnt_title span{
		transform:translatex(-15px);
	}
}
.kv_cnt_text{
	font-size:1.389vw;
	font-weight:700;
	margin-top:25px;
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:768px){
	.kv_cnt_text{
		font-size:14px;
	}
}
.kv_cnt_btns{
	margin-top:35px;
}
@media screen and (max-width:768px){
	.kv_cnt_btns{
		margin-top:20px;
	}
}
.kv_cnt_btn{
	border-radius:99em;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	padding:20px 0;
	text-align:center;
	width:316px;
}
@media screen and (max-width:768px){
	.kv_cnt_btn{
		font-size:14px;
		padding:12px 0;
		width:238px;
	}
}
.kv_cnt_btn.contact{
	background:#fff;
	color:#3864BE;
	margin-right:30px;
}
.kv_cnt_btn.contact:hover{
	background:#f90;
	color:#fff;
}
.kv_cnt_btn.dl{
	background:#3864BE;
	border:1px solid #fff;
	color:#fff;
}
@media screen and (max-width:768px){
	.kv_cnt_btn.dl{
		margin-top:13px;
	}
}
.kv_cnt_btn.dl:hover{
	background:#fff;
	color:#3864BE;
}
.kv_cnt_btn_icon_wrap{
	display:inline-block;
	position:relative;
}
.kv_cnt_btn_icon{
	height:20px;
	margin-right:14px;
	transform:translatey(4px);
	transition:.5s;
}
@media screen and (max-width:768px){
	.kv_cnt_btn_icon{
		height:14px;
		transform:translatey(2px);
	}
}
.kv_cnt_btn:hover .kv_cnt_btn_icon{
	opacity:0;
}
.hv{
	height:20px;
	left:0;
	opacity:0;
	position:absolute;
	top:4px;
	transition:.5s;
	transform:translatey(4px);
}
@media screen and (max-width:768px){
	.hv{
		height:14px;
		top:2px;
		transform:translatey(2px);
	}
}
.kv_cnt_btn:hover .hv{
	opacity:1;
	transform:translatey(4px);
}
@media screen and (max-width:768px){
	.kv_cnt_btn:hover .hv{
		transform:translatey(2px);
	}
}
.kv_top_scroll{
	left:auto;
	right:5%;
}
/****************************************************
about
****************************************************/
.about_cnt .sec_titles,
.about_cnt .sec_title{
	text-align:left;
}
.about_img{
	position:relative;
	text-align:center;
}
@media screen and (max-width:768px){
	.about_img{
		margin-top:60px;
	}
}
.about_img img{
	height:400px;
}
@media screen and (max-width:768px){
	.about_img img{
		height:254px;
	}
}
.about_img .img1{
	position:relative;
	z-index:3;
}
.about_img .img2{
	left:0;
	position:absolute;
}
.about_img .img3{
	position:absolute;
	right:-30px;
}
@media screen and (max-width:768px){
	#about .inner_sp{
		width:333px;
	}
}
.about_feature{
	background:url(../img/about_feature_bg.webp) no-repeat center center / cover;
	border-radius:99em;
	margin-top:43px;
	padding:60px;
	text-align:center;
}
@media screen and (max-width:768px){
	.about_feature{
		background:url(../img/about_feature_bg_sp.webp) no-repeat center center / cover;
		padding:70px 20px;
	}
}
.about_feature_title{
	color:#fff;
	font-size:25px;
}
@media screen and (max-width:768px){
	.about_feature_title{
		font-size:20px;
	}
}
.about_feature_cnt1{
	margin-top:37px;
}
@media screen and (max-width:768px){
	.about_feature_cnt1{
		margin-top:25px;
	}
}
.about_feature_cnt img{
	height:55px;
}
@media screen and (max-width:768px){
	.about_feature_cnt img{
		height:50px;
	}
}
@media screen and (min-width:769px){
	.about_feature_cnt img + img{
		margin-left:15px;
	}
	.about_feature_cnt2{
		margin-top:24px;
	}
}
@media screen and (max-width:768px){
	.about_feature_cnt img + img{
		margin-top:15px;
	}
	.about_feature_cnt2{
		margin-top:15px;
	}
}
/****************************************************
reasons
****************************************************/
.reasons_items{
	margin-top:60px;
}
.reasons_item{
	position:relative;
	width:31%;
}
@media screen and (max-width:768px){
	.reasons_item{
		width:100%;
	}
	.reasons_item + .reasons_item{
		margin-top:90px;
	}
}
.reasons_item_num{
	height:35px;
	left:50%;
	position:absolute;
	top:0;
	transform:translate(-50%,-50%);
}
.reasons_item_title{
	font-size:20px;
	line-height:1.4;
	margin-top:10px;
	text-align:center;
}
@media screen and (max-width:768px){
	.reasons_item_title{
		font-size:18px;
		margin-top:15px;
	}
}
@media screen and (min-width:769px){
	.reasons_item:last-child .reasons_item_title{
		line-height:56px;
	}
}
.reasons_item_text{
	margin-top:10px;
}
@media screen and (max-width:768px){
	.reasons_item_text{
		margin-top:23px;
		text-align:center;
	}
}
/****************************************************
purpose
****************************************************/
.purpose_items{
	margin-top:60px;
}
.purpose_item{
	background:#fff;
	border-radius:20px;
	display:flex;
	justify-content:space-between;
	padding:20px;
	width:48.3%;
}
@media screen and (max-width:768px){
	.purpose_item{
		width:100%;
	}
}
.purpose_item:nth-child(n+3){
	margin-top:30px;
}
.purpose_item_img{
	width:29.3%;
}
@media screen and (max-width:768px){
	.purpose_item_img{
		width:90px;
	}
}
.purpose_item_img img{
	display:block;
}
.purpose_item_cnt{
	width:61.8%;
}
@media screen and (max-width:768px){
	.purpose_item_cnt{
		width:160px;
	}
}
.purpose_item_cnt_tab{
	background:#335DB9;
	border-radius:5px;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:600;
	padding:3px 10px;
}
@media screen and (max-width:768px){
	.purpose_item_cnt_tab{
		font-size:10px;
	}
}
.purpose_item_cnt_title{
	font-size:24px;
	margin-top:10px;
}
@media screen and (max-width:768px){
	.purpose_item_cnt_title{
		font-size:17px;
		margin-top:7px;
	}
}
.purpose_item_cnt_text{
	letter-spacing:0.1px;
	margin-top:10px;
}
@media screen and (max-width:768px){
	.purpose_item_cnt_text{
		margin-top:7px;
	}
}
/****************************************************
feature
****************************************************/
#feature{
	position:relative;
}
#feature .inner{
	position:relative;
	z-index:2;
}
.feature_titles{
	color:#3864BE;
	text-align:center;
}
.feature_title{
	font-size:35px;
	line-height:1;
}
@media screen and (max-width:768px){
	.feature_title{
		font-size:24px;
		line-height:1.2;
	}
}
.feature_title strong{
	font-size:45px;
}
@media screen and (max-width:768px){
	.feature_title strong{
		font-size:30px;
	}
}
.feature_items{
	margin-top:70px;
}
.feature_item + .feature_item{
	margin-top:112px;
}
@media screen and (max-width:768px){
	.feature_item + .feature_item{
		margin-top:90px;
	}
}
.feature_item_img{
	padding-left:4.6%;
	width:46.6%;
}
@media screen and (max-width:768px){
	.feature_item_img{
		padding-left:0;
		width:100%;
	}
}
.feature_item_img img{
	display:block;
}
.feature_item_cnt{
	width:45%;
}
@media screen and (max-width:768px){
	.feature_item_cnt{
		margin-top:20px;
		width:100%;
	}
}
.feature_item_cnt_title{
	color:#3864BE;
	font-size:30px;
	margin-top:10px;
}
@media screen and (max-width:768px){
	.feature_item_cnt_title{
		font-size:25px;
		margin-top:15px;
	}
}
.feature_item_cnt_text{
	letter-spacing:0px;
	margin-top:10px;
}
@media screen and (max-width:768px){
	.feature_item_cnt_text{
		margin-top:15px;
	}
}
.feature_bg_text{
	display:block;
	left:0;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
}
/****************************************************
creator
****************************************************/
#creator{
	overflow:hidden;
}
.creator_cnt{
	width:42%;
}
@media screen and (max-width:768px){
	.creator_cnt{
		width:100%;
	}
}
.creator_cnt .sec_titles,
.creator_cnt .sec_title{
	text-align:left;
}
.creator_cnt_text{
	line-height:1.4;
}
@media screen and (min-width:769px){
	.creator_slider_wrap{
		width:50%;
	}	
}
@media screen and (max-width:768px){
	.creator_slider_wrap{
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}
}

.creator_slider{
	width:1345px;
}
.slick-slide + .slick-slide{
	margin-left:30px;
}
/****************************************************
flow
****************************************************/
.flow_items{
	margin:60px auto 0;
	width:80%;
}
@media screen and (max-width:768px){
	.flow_items{
		width:100%;
	}
}
.flow_item + .flow_item{
	margin-top:40px;
}
.flow_item_title{
	background: linear-gradient(45deg,  rgba(56,100,190,1) 0%,rgba(119,183,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius:10px;
	color:#fff;
	padding:10px 25px;
}
.flow_item_title_num{
	font-size:24px;
	font-family: "Poppins", sans-serif;
}
@media screen and (max-width:768px){
	.flow_item_title_num{
		font-size:18px;
	}
}
.flow_item_title_dot{
	background:#fff;
	border-radius:50%;
	margin:0 16px;
	height:8px;
	width:8px;
}
.flow_item_title_text{
	font-size:20px;
	font-weight:700;
	transform:translatey(-3px);
}
@media screen and (max-width:768px){
	.flow_item_title_text{
		font-size:16px;
	}
}
.flow_item_text{
	letter-spacing:0px;
	line-height:1.4;
	padding:18px 20px 0;
}
@media screen and (max-width:768px){
	.flow_item_text{
		padding:18px 0 0;
	}
}
/****************************************************
faq
****************************************************/
.tateto_faq_items{
	margin:60px auto 0;
	width:76%;
}
@media screen and (max-width:768px){
	.tateto_faq_items{
		width:100%;
	}
}
.tateto_faq_item + .tateto_faq_item{
	margin-top:40px;
}
.tateto_faq_item_q{
	background:#fff;
	border-radius:10px;
	cursor:pointer;
	padding:16px 80px;
	position:relative;
}
@media screen and (max-width:768px){
	.tateto_faq_item_q{
		padding:15px 50px;
	}
}
.tateto_faq_item_q_q{
	height:30px;
	left:30px;
	position:absolute;
	top:18px;
}
@media screen and (max-width:768px){
	.tateto_faq_item_q_q{
		height:29px;
		left:14px;
	}
}
.tateto_faq_item_q:after{
	background:url(../img/icon_plus.webp) no-repeat center center / contain;
	content:"";
	display:block;
	height:22px;
	position:absolute;
	right:20px;
	top:50%;
	transform:translatey(-50%);
	width:22px;
}
.tateto_faq_item_q.on:after{
	background:url(../img/icon_minus.webp) no-repeat center center / contain;
}
.tateto_faq_item_a{
	display:none;
	padding:18px 30px;
}
@media screen and (max-width:768px){
	.tateto_faq_item_a{
		padding:18px 15px;
	}
}
.tateto_faq_item_a p{
	line-height:1.4;
}
/****************************************************
form
****************************************************/
.form_items{
	margin:100px auto 0;
	width:53%;
}
@media screen and (max-width:768px){
	.form_items{
		width:100%;
	}
}
.form_item + .form_item{
	margin-top:35px;
}
.form_item .hisu{
	color:#3864BE;
	font-size:12px;
	font-weight:700;
	margin-left:12px;
}
.form_item small{
	font-size:12px;
	font-weight:700;
	margin-left:12px;
}
.select_wrap{
	display:inline-block;
	margin-top:10px;
	position:relative;
}
.select_wrap:after{
	background: #95A3BD;
	content:"";
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	height: calc(tan(60deg) * 18px / 2);
	position:absolute;
	right:18px;
	top:50%;
	transform:translatey(-50%);
	width: 18px;
}
.mw_wp_form .kind{
	background:#fff;
	border-radius:10px;
	border:1px solid #95A3BD;
	padding:19px 20px;
	width:377px;
}
@media screen and (max-width:768px){
	.mw_wp_form .kind{
		width:100%;
	}
}
input[type="text"],
input[type="email"],
textarea{
	background:#fff;
	border-radius:10px;
	border:1px solid #95A3BD;
	margin-top:10px;
}
.mwform-radio-field-text:before,
.mwform-checkbox-field-text:before{
	background:#fff;
	border-radius:10px;
	border:1px solid #95A3BD;
	height:33px;
	width:33px;
}
.mwform-radio-field {}
.mwform-radio-field-text{
	xdisplay:none;
}
input[type="submit"],
input[type="button"],
input[type="reset"]{
	background:#3864BE;
	border-radius:10px;
	font-size:20px;
}
@media screen and (max-width:768px){
	input[type="submit"],
	input[type="button"],
	input[type="reset"]{
		font-size:16px!important;
		padding:12px 0!important;
		width:266px;
	}
}
.mw_wp_form .horizontal-item{
	margin-right:0;
}

/****************************************************
footer
****************************************************/
.footer{
	background:#3864BE;
	padding-bottom:90px;
}
.footer_copyright{
	color:#fff;
	font-family: "Poppins", sans-serif;
	padding:10px 0;
	text-align:center;
}

/*ショート動画スタジオページ追加 2025.04****************************************************/

/****************************************************
common
****************************************************/
/*anima*/
@media screen and (max-width:768px){
	.js-anima-pc .anima-slideup,
	.js-anima-pc.anima-slideup{
		opacity:1;
		transform:none;
	}
}
.page-id-44569 main{
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width:768px){
	.page-id-44569 .inner{
		width:84%;
	}
}
.gradient_box{
	xbackground: linear-gradient(90deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%);
	xborder-radius:40px;
	xpadding:2px;
}
@media screen and (max-width:768px){
	.gradient_box{
		xborder-radius:20px;
		xpadding:1px;
	}
}
.gradient_box_inner{
	background:#fff;
	border-radius:40px;
	position:relative;
	padding:10px 35px 20px;
}
@media screen and (max-width:768px){
	.gradient_box_inner{
		border-radius:20px;
		padding:5px 20px 20px;
	}
}
.gradient_box_inner:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    border: 2px solid transparent;
    background: linear-gradient(90deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
}
@media screen and (max-width:768px){
	.gradient_box_inner:before{
		border-radius: 20px;
		border: 1px solid transparent;
	}
}
.gradient_box_title{
	color:#3864be;
	font-size:24px;
	text-align:center;
}
@media screen and (max-width:768px){
	.gradient_box_title{
		font-size:18px;
	}
}
.gradient_box_item{
	border-top:1px solid #d3e8f9;
	padding:25px 10px 15px;
}
.gradient_box_item:last-child{
	padding-bottom:0;
}
.sns_title{
	font-size:30px;
	margin-bottom:40px;
	text-align:center;
}
@media screen and (max-width:768px){
	.sns_title{
		font-size:22px;
		margin-bottom:30px;
	}
}
.title_t1:after{
	background: linear-gradient(90deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%); 
	content:"";
	display:block;
	height:3px;
	margin:6px auto 0;
	width:100px;
}
@media screen and (max-width:768px){
	.title_t1:after{
		width:50px;
	}
}
.sns_title_tab{
	background: linear-gradient(90deg,  rgba(255,170,130,1) 0%,rgba(56,100,190,1) 100%);
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:16px;
	font-weight:700;
	line-height:27px;
	text-align:center;
	width:119px;
}
@media screen and (max-width:768px){
	.sns_title_tab{
		font-size:13px;
		line-height:20px;
		margin-bottom:10px;
		width:70px;
	}
}
/****************************************************
kv
****************************************************/
.kv_sns{
	/*padding-top:js settiong*/
}
@media screen and (max-width:768px){
	.kv_sns{
		padding-top:81px;
	}
}
.kv_sns_movie_wrap{
	/*height:js;*/
	overflow:hidden;
	position:absolute;
	/*top:js setting*/
	width:100%;
}
@media screen and (max-width:768px){
	.kv_sns_movie_wrap{
		height:700px;
		top:81px;
	}
}
@media screen and (max-width:413px){
	.kv_sns_movie_wrap{
		height:640px;
	}
}
.kv_sns_movie{
	display:block;
	height:auto;
	left:50%;
	top:-30%;
	transform:translatex(-50%);
	position:absolute;
	width:130%;
}
@media screen and (max-width:768px){
	.kv_sns_movie{
		top:-40%;
		width:200%;
	}
}
.kv_sns_inner{
	margin:0 auto;
	position:relative;
	width:90%;
	max-width:1300px;
}
@media screen and (min-width:769px){
	.kv_sns_inner{
		min-width:1100px;
	}
}
@media screen and (max-width:768px){
	.kv_sns_inner{
		width:90%;
	}
}
.kv_sns_cnt{
	padding-top:3.056vw;
	position:relative;
	z-index:2;
	transform-origin:top left;
}
@media screen and (min-width:1440px){
	.kv_sns_cnt{
		padding-top:44px;
	}
}
@media screen and (max-width:768px){
	.kv_sns_cnt{
		padding-top:18px;
	}
}
.kv_sns_cnt_logo{
	height:78px;
}
@media screen and (max-width:768px){
	.kv_sns_cnt_logo{
		height:40px;
	}
}
.kv_sns_cnt_title{
	color:#fff;
	font-size:4.444vw;
	line-height:1.2;
	margin-top:3.472vw;
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width:1440px){
	.kv_sns_cnt_title{
		font-size:64px;
		margin-top:62px;
	}
}
@media screen and (max-width:768px){
	.kv_sns_cnt_title{
		font-size:22px;
		margin-top:5px;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	}
}
.kv_sns_cnt_title .sp1{
	margin-left:-30px;
}
@media screen and (max-width:768px){
	.kv_sns_cnt_title .sp1{
		margin-left:-15px;
	}
}
.kv_sns_cnt_title .sp2{
	margin-left:-35px;
}
@media screen and (max-width:768px){
	.kv_sns_cnt_title .sp2{
		margin-left:-10px;
	}
}
.kv_cnt_sns_text{
	color:#fff;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size:1.528vw;
	font-weight:500;
	line-height:2;
	margin-top:2.083vw;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width:1440px){
	.kv_cnt_sns_text{
		font-size:22px;
		margin-top:45px;
	}
}
@media screen and (max-width:768px){
	.kv_cnt_sns_text{
		font-size:14px;
		margin-top:5px;
		text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
	}
}
.kv_sns .kv_cnt_btns{
	margin-top:2.431vw;
}
@media screen and (min-width:1440px){
	.kv_sns .kv_cnt_btns{
		margin-top:68px;
	}
}
@media screen and (max-width:768px){
	.kv_sns .kv_cnt_btns{
		margin-top:5px;
	}
}
.kv_sns_cnt_btn{
    border-radius: 99em;
	box-shadow: 10px 10px 20px 0px rgba(56,100,190,0.3);
    display: inline-block;
    font-size: 1.25vw;
    font-weight: 700;
    padding: 1.389vw 3.681vw;
    text-align: center;
	transition:.3s;
}
@media screen and (min-width:1440px){
	.kv_sns_cnt_btn{
		font-size:18px;
		padding:25px 0;
		width: 316px;
	}
}
@media screen and (max-width:768px){
	.kv_sns_cnt_btn{
		font-size: 14px;
		padding: 10px 0;
		width: 300px;
	}
}
.kv_sns_cnt_btn:hover{
	box-shadow:none;
	transform:translatey(5px);
}
.kv_sns_cnt_btn.contact{
	background:#fff;
	color:#3864be;
	margin-right:20px;
}
@media screen and (max-width:768px){
	.kv_sns_cnt_btn.contact{
		margin:0;
	}
}
.kv_sns_cnt_btn.dl{
	background:#3864be;
	color:#fff;
}
@media screen and (max-width:768px){
	.kv_sns_cnt_btn.dl{
		margin-top:10px;
	}
}
.kv_sns_cnt_btn_icon{
	height:25px;
	margin-right:10px;
	transform:translatey(5px);
}
@media screen and (max-width:768px){
	.kv_sns_cnt_btn_icon{
		height:18px;
	}
}
/*kv_sns_sp*/
@media screen and (min-width:769px){
	.kv_sns_sp_wrap{
		height:100%;
		position:absolute;
		right:0;
		top:0;
		width:40%;
	}
}
@media screen and (min-width:769px){
	.kv_sns_sp{
		left:50%;
		position:absolute;
		top:30px;
		transform:translatex(-50%);
	}
}
@media screen and (max-width:768px){
	.kv_sns_sp{
		margin:5px auto 0;
		position:relative;
		width:183px;
	}
}
@media screen and (min-width:769px){
	.kv_sns_sp_frame{
		height:calc(100dvh - 163px);
		max-height:750px;
	}
}
@media screen and (max-width:768px){
	.kv_sns_sp_frame{
		width:100%;
	}
}
.kv_sns_sp_movie {
    height: auto;
    left: 4.4%;
    position: absolute;
    top: 11.2%;
    width: 90.8%;
}
@media screen and (max-width:768px){
	.kv_sns_sp_movie{
		left: 8px;
        top: 43px;
        width: 167px;
	}
}
/****************************************************
main
****************************************************/
.main_sns{
	position:relative;
	z-index:2;
}
/****************************************************
intro
****************************************************/
.intro{
	margin-top:300px;
}
@media screen and (max-width:768px){
	.intro{
		margin-top:110px;
	}
}
.intro_inner{
	margin:0 auto;
	width:900px;
}
@media screen and (max-width:768px){
	.intro_inner{
		width:88%;
	}
}
.intro_title{
	font-size:22px;
	text-align:center;
}
@media screen and (max-width:768px){
	.intro_title{
		font-size:17px;
	}
}
.intro_img{
	height:156px;
}
@media screen and (max-width:768px){
	.intro_img{
		height:87px;
	}
}
.intro_text{
	font-size:20px;
	line-height:2;
}
@media screen and (max-width:768px){
	.intro_text{
		font-size:15px;
	}
}
@media screen and (min-width:769px){
	.intro .gradient_box.box1{
		margin:30px auto 0;
		width:520px;
	}
}
@media screen and (min-width:769px){
	.intro .gradient_box_item{
		justify-content:space-around;
	}
}
@media screen and (max-width:768px){
	.intro .gradient_box_item{
		margin-top:10px;
		padding:15px 20px 0;
	}
}
.intro .gradient_box_item .logo{
	width:auto;
}
@media screen and (max-width:768px){
	.intro  .gradient_box_item .logo{
		width:50%;
	}
	.intro .gradient_box_item .logo:nth-child(even){
		padding-left:30px;
	}
	.intro .gradient_box_item .logo:nth-child(n+3){
		margin-top:20px;
	}
	.intro .gradient_box_item .logo img{
		height:34px;
	}
}
/****************************************************
bg_movie
****************************************************/
.bg_movie_wrap{
	margin-top:100px;
	padding-top:100px;
	position:relative;
}
.bg_movie{
	height:auto;
	left:50%;
	position:absolute;
	top:0;
	transform:translatex(-50%);
	width:100%;
	z-index:1;
}
.bg_movie_wrap section{
	position:relative;
	z-index:2;
}
/****************************************************
works
****************************************************/
#works{
	overflow:hidden;
}
@media screen and (max-width:768px){
}
.works_inner{
	margin:0 auto;
	width:86%;
}
#works .sns_title{
	margin-bottom:10px;
	text-align:left;
}
/*slider*/
@media screen and (min-width:769px){
	#works .creator_slider{
		height:571px;
	}
}
@media screen and (max-width:768px){
	#works .creator_slider{
		width:600px;
	}
}
#works .slick-slide + .slick-slide{
	margin-left:20px;
}
@media screen and (max-width:768px){
	#works .slick-slide + .slick-slide{
		margin-left:10px;
	}
}
#works .creator_slider_item{
	border-radius:40px;
	overflow:hidden;
}
@media screen and (max-width:768px){
	#works .creator_slider_item{
		border-radius:10px;
	}
}
#works .creator_slider_item video{
	display:block;
}
/****************************************************
merit
****************************************************/
.merit_inner{
	margin:0 auto;
	width:1100px;
}
@media screen and (max-width:768px){
	.merit_inner{
		width:89%;
	}
}
.merit_items{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:space-between;
}
@media screen and (max-width:768px){
	.merit_items{
		gap:15px;
	}
}
.merit_item{
	background:#d3e8f9;
	border-radius:60px;
	display:flex;
	flex-direction:column;
	padding:30px 25px 40px;
}
@media screen and (min-width:769px){
	.merit_item{
		width:calc( (100% - 60px) / 4 );
	}
}
@media screen and (max-width:768px){
	.merit_item{
		border-radius:30px;
		flex-direction:row;
		justify-content:space-between;
		padding:20px 25px;
		width:100%;
	}
}
.merit_item_img{
	text-align:center;
}
@media screen and (max-width:768px){
	.merit_item_img{
		align-items:center;
		display:flex;
		width:27%;
	}
}
.merit_item_img img{
	height:103px;
}
@media screen and (max-width:768px){
	.merit_item_img img{
		height:auto;
		width:100%;
	}
}
@media screen and (max-width:768px){
	.merit_item_cnt{
		width:66%;
	}
}
.merit_item_cnt_title{
	color:#3864be;
	font-size:20px;
	line-height:1.4;
	margin-top:20px;
	text-align:center;
}
@media screen and (min-width:769px){
	.row1.merit_item_cnt_title{
		line-height:56px;
	}
}
@media screen and (max-width:768px){
	.merit_item_cnt_title{
		font-size:18px;
		margin-top:0;
		text-align:left;
	}
}
.merit_item_cnt p{
	line-height:1.4;
	margin-top:20px;
}
@media screen and (max-width:768px){
	.merit_item_cnt p{
		margin-top:10px;
	}
}
/****************************************************
utilize
****************************************************/
.utilize_inner{
	margin:0 auto;
	width:850px;
}
@media screen and (max-width:768px){
	.utilize_inner{
		width:84%;
	}
}
.utilize_items{
	gap:20px;
}
@media screen and (max-width:768px){
	.utilize_items{
		gap:10px;
	}
}
.utilize_item{
	width:calc( (100% - 40px) / 3 );
}
@media screen and (max-width:768px){
	.utilize_item{
		width:calc( (100% - 10px) / 2 );
	}
}
/****************************************************
nayami
****************************************************/
.nayami_title{
	color:#3864be;
	font-size:26px;
	position:relative;
	text-align:center;
	z-index:2;
}
@media screen and (max-width:768px){
	.nayami_title{
		font-size:20px;
	}
}
.nayami_inner{
	background:#fff;
	border-radius:120px;
	margin:-25px auto 0;
	padding:70px 0 30px;
	width:920px;
}
@media screen and (max-width:768px){
	.nayami_inner{
		width:84%;
	}
}
@media screen and (min-width:769px){
	.nayami_item{
		padding: 0 30px;
		width:33.33%;
	}
	.nayami_item + .nayami_item{
		border-left:2px solid #f6f8fd;
	}
}
.nayami_item_title{
	color:#3864be;
	font-size:18px;
	line-height:1.4;
	text-align:center;
}
@media screen and (min-width:769px){
	.nayami_item:nth-child(2) .nayami_item_title{
		line-height:50px;
	}
}
.nayami_item img{
	height:106px;
}
.nayami_item p{
	font-weight:400;
}
/*sp*/
@media screen and (max-width:768px){
	.nayami_inner{
		border-radius:60px;
		margin-top:-30px;
		padding:60px 15px 40px;
	}
	.nayami_item{
		border-bottom:4px solid #f6f8fd;
		padding:0 0 20px;
	}
	.nayami_item:last-child{
		border:none;
		padding-bottom:0;
	}
	.nayami_item + .nayami_item{
		margin-top:20px;
	}
	.nayami_item_img{
		width:30%;
	}
	.nayami_item_img img{
		height:auto;
	}
	.nayami_item_cnt{
		width:66%;
	}
	.nayami_item_title{
		font-size:16px;
		text-align:left;
	}
	.nayami_item_cnt p{
		margin-top:15px;
	}
}

/****************************************************
feature
****************************************************/
.sns_feature{
	background:#d3e8f9;
	padding-top:120px;
	position:relative;
	z-index:2;
}
@media screen and (max-width:768px){
	.sns_feature{
		padding-top:80px;
	}
}
.sns_feature_title{
	color:#3864be;
	font-size:33px;
	text-align:center;
}
@media screen and (max-width:768px){
	.sns_feature_title{
		font-size:24px;
	}
}
.sns_feature_item + .sns_feature_item{
	margin-top:80px;
}
@media screen and (max-width:768px){
	.sns_feature_item + .sns_feature_item{
		margin-top:60px;
	}
}
@media screen and (max-width:768px){
	.sns_feature_item_cnt{
		margin-top:10px;
	}
}
.sns_feature_item_cnt_title_num{
	height:50px;
	margin-right:30px;
}
@media screen and (max-width:768px){
	.sns_feature_item_cnt_title_num{
		height:32px;
		margin-right:10px;
	}
}
.sns_feature_item_cnt_title_text{
	color:#3864be;
	font-size:24px;
	line-height:1.4;
}
@media screen and (max-width:768px){
	.sns_feature_item_cnt_title_text{
		font-size:17px;
	}
}
/*lineup*/
.lineup{
	margin:120px auto 0;
	width:940px;
}
@media screen and (max-width:768px){
	.lineup{
		margin-top:50px;
		width:84%;
	}
}
.lineup_title{
	color:#3864be;
	font-size:28px;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:768px){
	.lineup_title{
		font-size:19px;
	}
}
.lineup_title span{
	font-size:24px;
	font-weight:500;
}
@media screen and (max-width:768px){
	.lineup_title span{
		font-size:16px;
	}
}
.lineup .gradient_box_title{
	font-size:30px;
}
@media screen and (max-width:768px){
	.lineup .gradient_box_title{
		font-size:18px;
	}
}
@media screen and (min-width:769px){
	.gradient_box_item .logo{
		width:33%;
	}
}
.gradient_box_item .logo img{
	height:53px;
}
@media screen and (max-width:768px){
	.gradient_box_item .logo img{
		height:42px;
	}
}
@media screen and (min-width:769px){
	.gradient_box_item .text{
		width:67%;
	}
}
@media screen and (max-width:768px){
	.gradient_box_item .text{
		margin-top:10px;
	}
}
.gradient_box_item .text p{
	line-height:1.5;
}
/****************************************************
flow
****************************************************/
.flow_inner{
	margin:0 auto;
	text-align:center;
	width:864px;
}
@media screen and (max-width:768px){
	.flow_inner{
		width:89%;
	}
}
/****************************************************
faq
****************************************************/
.faq_sns{
	padding-top:120px;
}
@media screen and (max-width:768px){
	.faq_sns{
		padding-top:80px;
	}
}
@media screen and (min-width:769px){
	.faq_sns .tateto_faq_items{
		margin:-10px auto 0;
		width:840px;
	}
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_items{
		margin-top:20px;
		width:89%;
	}
}
.faq_sns .tateto_faq_item{
	border-top:2px solid #d3e8f9;
	padding:20px 0 0;
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item{
		padding:0;
	}
}
.faq_sns .tateto_faq_item:last-child{
	border-bottom:2px solid #d3e8f9;
	padding-bottom:20px;
}
.faq_sns .tateto_faq_item + .tateto_faq_item{
	margin-top:30px;
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item + .tateto_faq_item{
		margin-top:20px;
	}
}
.faq_sns .tateto_faq_item_q{
	background:none;
	font-size:18px;
	font-weight:700;
	padding:9px 60px 9px 80px;
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item_q{
		font-size:16px;
		padding:20px 40px 20px 60px;
	}
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item_q:after{
		height:15px;
		width:15px;
	}
}
.faq_sns .tateto_faq_item_q_q{
	height:49px;
	left:10px;
	top:0;
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item_q_q{
		height:30px;
		top:50%;
		transform:translatey(-50%);
	}
}
.faq_sns .tateto_faq_item_a{
	padding:18px 20px 0 80px;
}
@media screen and (max-width:768px){
	.faq_sns .tateto_faq_item_a{
		padding:0 0 0 10px;
	}
}
.faq_sns .tateto_faq_item_a p{
	line-height:1.8;
}
/****************************************************
contact
****************************************************/
.contact_sns .form_items{
	margin-top:50px;
}
@media screen and (max-width:768px){
	.contact_sns .form_items{
		margin-top:30px;
	}
}
.contact_sns ::placeholder{
	color:#95a4bd;
}
.contact_sns input[type="submit"]{
	border-radius:99em;
	transition:.3s;
}
.contact_sns input[type="submit"]:hover{
	background:#3864be;
	box-shadow:none;
	transform:translatey(5px);
}
.contact_sns .box{
    position: relative;
    z-index: 1;
}
.contact_sns textarea{
   /* width: 100%;
    height: 100px;
    padding: 10px;
    line-height: 1.5;
    box-sizing: border-box;
    background: transparent;*/
}
.contact_sns .placeholder{
	color:#95a4bd;
    position: absolute;
    left: 13px;
    top: 20px;
    xz-index: -1;
    font-size: 80%;
    padding: 10px;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.contact_sns .placeholder{
		font-size: 17px;
	}
}
.contact_sns .placeholder.hidden{
    display: none;
}
/****************************************************
creators
****************************************************/
.creators{
	margin-top:120px;
}
@media screen and (max-width:768px){
	.creators{
		margin-top:60px;
	}
}
.creators .inner{
	background:url(../img/creators_bg.webp) no-repeat center center / cover;
	border-radius:100px;
	padding:50px 50px 60px;
	text-align:center;
}
@media screen and (max-width:768px){
	.creators .inner{
		background:url(../img/creators_bg_sp.webp) no-repeat center center / cover;
		border-radius:90px;
		padding:60px 30px;
	}
}
.creators p{
	color:#fff;
	font-size:18px;
	font-weight:500;
	text-shadow: 0px 0px 5px rgba(56,100,190,1);
}
@media screen and (max-width:768px){
	.creators p{
		font-size:16px;
		text-align:left;
	}
}
.creators_btn{
	background:#fff;
	border-radius:99em;
	box-shadow: 10px 10px 20px 0px rgba(56,100,190,0.3);
	color:#3864be;
	display:inline-block;
	font-size:20px;
	font-weight:700;
	line-height:72px;
	transition:.3s;
	width:470px;
}
@media screen and (max-width:768px){
	.creators_btn{
		font-size:16px;
		line-height:50px;
		width:250px;
	}
}
.creators_btn:hover{
	box-shadow:none;
	transform:translatey(5px);
}