@charset "utf-8";
.mvMain{
	width:100%;
	position:relative;
	display:block;
}
.mvMain picture,
.mvMain img{
	position:relative;
	display:block;
	z-index:1;
}
.mvMain .animeTitle{
	display:block;
	position:absolute;
	color:var(--main-color);
	line-height:1.0;
	transform:translateX(-100%);
	opacity:0;
	transition:all 1.8s;
	z-index:0;
}
.mvMain.show .animeTitle{
	transform:translateX(0);
	opacity:0.2;
}
.formSec,
.thanksSec{
	width:100%;
	background-color:#f5f5f5;
	text-align:left;
}
.formSec .doubleTtl,
.thanksSec .doubleTtl{text-align:center;}
.formDlSet dt[data-required]:after{
	content:"必須";
	background-color:#707070;
	color:#fff;
	vertical-align:middle;
	text-align:center;
}
.formDlSet dt label{display:inline-block;}
.formLead{text-align:center;}
.formDlSet dd,
.formDlSet dd *{line-height:1.0;}
.formDlSet label:hover{opacity:1;}
.formDlSet input,
.formDlSet select,
.formDlSet textarea{
	display:block;
	border:none;
	outline:none;
	border-radius:4px;
	vertical-align:top;
	cursor:pointer;
}
.formDlSet span.confirm{
	display:block;
	line-height:1.4;
}
.formDlSet textarea{line-height:1.4;}
.formDlSet select,
.formDlSet input:not(.data-half),
.formDlSet textarea:not(.data-half){width:100%;}
.formDlSet input:placeholder,
.formDlSet textarea:placeholder{color:#c3c3c3;}
.formDlSet .wpcf7-not-valid-tip{
	display:block;
	margin-top:8px;
}
.formSec .boxBtn{
	margin:0 auto;
	background-color:var(--main-color);
	border-color:var(--main-color);
	color:#fff;
}
.formSec .boxBtn:hover{color:var(--main-color);}
.formSec .boxBtn:after{background-color:#fff;}
.formSec .boxBtn span{
	flex:1;
	text-align:center;
}
body:not([data-slug$="-confirm"]) .formSec .boxBtn span.confirm{display:none;}
body[data-slug$="-confirm"] .formSec .boxBtn span.form{display:none;}
.formSec .boxBtn svg{border-radius:0;}
.formSec .boxBtn:hover svg use{fill:var(--main-color);}

.formSec .boxBtn[data-color="white"]{
	margin:0 auto;
	background-color:#fff;
	color:var(--main-color);
}
.formSec .boxBtn[data-color="white"]:hover{color:#fff;}
.formSec .boxBtn[data-color="white"]:after{background-color:var(--main-color);}
.formSec .boxBtn[data-color="white"] svg{background-color:transparent;}
.formSec .boxBtn[data-color="white"] svg use{fill:var(--main-color);}
.formSec .boxBtn[data-color="white"]:hover svg use{fill:#fff;}

.flexSec{
	width:100%;
	text-align:left;
}
.flexSec[data-color="blue"]{background-color:#f0f6f6;}
.flexSec .doubleTtl strong{font-weight:bold;}
.fgGroup{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.fgGroup figure{
	display:block;
	text-align:center;
}
.fgGroup img{
	display:block;
	margin:0 auto;
	border-radius:50%;
	border:2px solid var(--main-gray);
	overflow:hidden;
}
.thanksMsg{line-height:2.0;}
.thanksSec .secLink{text-align:center;}
.thanksSec .boxBtn{margin:0 auto;}
.thanksSec .boxBtn span{
	flex:1;
	text-align:center;
}
@media screen and (max-width:767.98px){/*390px*/
	.mvMain .animeTitle{
		bottom:-15.3846vw;
		left:-2.0vw;
	}
	.mvMain .animeTitle{font-size:6.5rem;}
	.formSec{
		margin-bottom:10.2564vw;
		padding:10.7692vw 5.1282vw 13.3333vw;
	}
	.formSec .doubleTtl+.formLead{
		margin-top:7.1795vw;
		line-height:2.0;
		text-align:left;
	}
	.formDlSet{
		margin-top:10.2564vw;
		border-top:1px solid #d3d3d3;
	}
	.formDlSet dt,
	.formDlSet dd{
		width:100%;
		padding:30px 0;
	}
	.formDlSet dt{
		padding:2.8205vw 0;
		font-size:1.3333rem;
		line-height:6.1538vw;
	}
	.formDlSet dt[data-required]:after{
		display:inline-block;
		width:12.8205vw;
		height:6.1538vw;
		font-size:1.0rem;
		vertical-align:middle;
	}
	.formDlSet dt label{
		margin-right:3.5897vw;
		vertical-align:middle;
	}
	.formDlSet dd{
		padding:0 0 5.8974vw;
		border-bottom:1px solid #d3d3d3;
	}
	.formDlSet span.confirm,
	.formDlSet input,
	.formDlSet select,
	.formDlSet textarea{font-size:1.3333rem;}
	.formDlSet input,
	.formDlSet select{height:15.3846vw;}
	.formDlSet span.confirm,
	.formDlSet input{padding:4.1026vw;}
	.formDlSet select{padding:4.1026vw 7vw 4.1026vw 4.1026vw;}
	.formDlSet *.data-half{width:100%;}
	.formDlSet .selectBox svg{
		right:2.0513vw;
		top:calc(50% - 1.7949vw);
		width:4.1026vw;
	}
	.formDlSet textarea{
		height:53.3333vw;
		padding:4.1026vw;
	}
	.formSec .secLink{margin-top:7.1795vw;}
	.formSec .boxBtn{
		width:100%;
		height:17.9487vw;
		padding:2.5641vw 4.6154vw;
	}
	.formSec .secLink .boxBtn+.boxBtn{margin-top:3vw;}
	.formSec .boxBtn span{
		padding-left:5.641vw;
		font-size:1.3333rem;
	}
	.formSec .boxBtn svg{width:5.641vw;}
	.flexSec{padding:12.8205vw 5.1282vw 15.3846vw;}
	.mvMain+.flexSec{margin-top:7.6923vw;}
	.flexSec .doubleTtl{
		margin-bottom:6.9231vw;
		text-align:center;
	}
	.flexSec p{line-height:2.0;}
	.flexSec .fgGroup{
		flex-wrap:wrap;
		margin-top:11.5385vw;
	}
	.fgGroup figure{width:43.0769vw;}
	.fgGroup figure:nth-child(n+3){margin-top:6.6667vw;}
	.fgGroup img{width:31.7949vw;}
	.fgGroup figcaption{
		margin-top:1.5385vw;
		font-size:1.0833rem;
		line-height:1.846;
	}
	.flexSec .audienceTxt{
		text-align:center;
		line-height:1.857;
		font-size:1.1667rem;
	}
	.flexSec .audienceTxt strong{
		display:inline-block;
		margin:0 1.5385vw 2.5641vw;
		font-size:2.3333rem;
		vertical-align:-0.2rem;
	}
	.flexSec .secLink{margin-top:24px;}
	.flexSec .boxBtn{
		width:100%;
		height:20.5128vw;
		padding:5.641vw 7.1795vw 5.641vw 7vw;
		font-size:1.6667rem;
	}
	.flexSec .boxBtn svg{width:7.6923vw;}
	.thanksSec{padding:13.8462vw 5.1282vw 20.5128vw;}
	.thanksMsg{margin-top:8.9744vw;}
	.thanksSec .secLink{margin-top:8.7179vw;}
	.thanksSec .boxBtn{
		width:71.7949vw;
		height:15.3846vw;
		padding:3.8462vw 2.3077vw;
	}
	.thanksSec .boxBtn svg{width:6.4103vw;}
	.thanksSec .boxBtn span{
		padding-left:6.4103vw;
		font-size:1.3333rem;
	}
}
@media screen and (min-width:768px){
	.mvMain .animeTitle{
		bottom:-10vw;
		left:-1vw;
	}
	.mvMain .animeTitle{font-size:9.375rem;}
	.formLead{font-size:0.875rem;}
	.formDlSet{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		flex-wrap:wrap;
	}
	.formDlSet span.confirm,
	.formDlSet input,
	.formDlSet select,
	.formDlSet textarea{font-size:1.0rem;}
	.formDlSet input.data-half,
	.formDlSet .selectBox.data-half,
	.formDlSet textarea.data-half{width:40.32258%;}
	.formDlSet > *{
		display:block;
		position:relative;
	}
	.formDlSet dd:after{
		content:"";
		position:absolute;
		right:0;
		bottom:0;
		display:block;
		height:1px;
		background-color:#d0d0d0;
	}
	.formDlSet dt[data-required]:after{
		display:table;
		position:absolute;
		right:0;
		font-size:1.0rem;
	}
	.formDlSet dt label{font-size:1.125rem;}
	.formSec .boxBtn{font-size:1.25rem;}
	.flexSec{
		display:flex;
		justify-content:space-between;
	}
	.flexSec .doubleTtl strong{line-height:1.5;}
	.flexSec .boxBtn{font-size:1.25rem;}
	.flexSec .audienceTxt{
		line-height:4.4375rem;
		font-size:1.25rem;
	}
	.flexSec .audienceTxt strong{
		margin:0 8px;
		font-size:2.5rem;
		vertical-align:-0.375rem;
	}
	.fgGroup figcaption{line-height:2.0;}
	.thanksMsg{text-align:center;}
	.thanksSec .boxBtn{font-size:1.25rem;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	.formSec{
		margin-bottom:5.3333vw;
		padding:5.5vw 12.5% 12.6667vw;
	}
	.formSec .doubleTtl+.formLead{margin-top:4.5833vw;}
	.formDlSet{margin-top:6.3333vw;}
	.formDlSet dt,
	.formDlSet dd{padding:2.5vw 0;}
	.formDlSet dt{width:19.5833vw;}
	.formDlSet dt[data-required]:after{
		width:7.9167vw;
		height:3vw;
		top:3.9167vw;
		line-height:3vw;
	}
	.formDlSet dt label{padding:1vw 0;}
	.formDlSet dd{width:51.6667vw;}
	.formDlSet dd:after{width:75vw;}
	.formDlSet span.confirm{min-height:5.8333vw;}
	.formDlSet input,
	.formDlSet select{height:5.8333vw;}
	.formDlSet span.confirm,
	.formDlSet input{padding:1.6667vw 3vw;}
	.formDlSet select{padding:1.6667vw 3.5vw 1.6667vw 3vw;}
	.formDlSet .selectBox svg{
		right:1.6667vw;
		top:calc(50% - 0.75vw);
		width:1.75vw;
	}
	.formDlSet textarea{
		height:17.3333vw;
		padding:1.6667vw 3vw;
	}
	.formSec .secLink{margin-top:5.5vw;}
	.formSec .boxBtn{
		width:43.3333vw;
		height:8vw;
		padding:1.5vw 1.5vw 1.5vw 3.25vw;
	}
	.formSec .secLink .boxBtn+.boxBtn{margin-top:2vw;}
	.formSec .boxBtn svg{width:1.9167vw;}
	.mvMain+.flexSec{margin-top:10.4167vw;}
	.flexSec{padding:8.3333vw 2vw;}
	.flexSec > *:first-child{width:40vw;}
	.flexSec > *:last-child{width:60vw;}
	.flexSec .doubleTtl{padding-top:1.0833vw;}
	.flexSec .doubleTtl strong{margin-top:1.8333vw;}
	.flexSec .fgGroup{width:100%;}
	.flexSec .secLink{margin-top:2vw;}
	.flexSec .boxBtn{
		width:33.3333vw;
		height:8.3333vw;
		padding:1.6667vw 2.3333vw 1.6667vw 3.1667vw;
	}
	.fgGroup img{width:12.1667vw;}
	.fgGroup figcaption{
		margin-top:0.5833vw;
		font-size:0.95rem;
	}
	.thanksSec{padding:7.6667vw 0 10.1667vw;}
	.thanksMsg{margin-top:3.1667vw;}
	.thanksSec .secLink{margin-top:4.4167vw;}
	.thanksSec .boxBtn{
		width:33.3333vw;
		height:8.3333vw;
		padding:1.6667vw 2.3333vw;
	}
	.thanksSec .boxBtn span{padding-left:2.6667vw;}
}
@media screen and (min-width:1220px){
	.formSec{
		margin-bottom:64px;
		padding:66px 0 152px;
		padding-right:calc(50% - 450px);
		padding-left:calc(50% - 450px);
	}
	.formSec .doubleTtl+.formLead{margin-top:55px;}
	.formDlSet{margin-top:76px;}
	.formDlSet dt,
	.formDlSet dd{padding:30px 0;}
	.formDlSet dt{width:235px;}
	.formDlSet dt[data-required]:after{
		width:95px;
		height:36px;
		top:47px;
		line-height:36px;
	}
	.formDlSet dt label{padding:12px 0;}
	.formDlSet dd{width:620px;}
	.formDlSet dd:after{width:900px;}
	.formDlSet span.confirm{min-height:70px;}
	.formDlSet input,
	.formDlSet select{height:70px;}
	.formDlSet span.confirm,
	.formDlSet input{padding:20px 36px;}
	.formDlSet select{padding:20px 42px 20px 36px;}
	.formDlSet .selectBox svg{
		right:20px;
		top:calc(50% - 9px);
		width:21px;
	}
	.formDlSet textarea{
		height:208px;
		padding:20px 36px;
	}
	.formSec .secLink{margin-top:66px;}
	.formSec .boxBtn{
		width:520px;
		height:96px;
		padding:18px 18px 18px 39px;
	}
	.formSec .secLink .boxBtn+.boxBtn{margin-top:18px;}
	.formSec .boxBtn svg{width:23px;}
	.mvMain+.flexSec{margin-top:125px;}
	.flexSec{
		padding:100px 0;
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	.flexSec > *:first-child{width:480px;}
	.flexSec > *:last-child{width:720px;}
	.flexSec .doubleTtl{padding-top:13px;}
	.flexSec .doubleTtl strong{margin-top:22px;}
	.flexSec .fgGroup{
		width:736px;
		margin:0 -18px;
	}
	.flexSec .secLink{margin-top:24px;}
	.flexSec .boxBtn{
		width:400px;
		height:100px;
		padding:20px 28px 20px 38px;
	}
	.fgGroup img{width:146px;}
	.fgGroup figcaption{margin-top:7px;}
	.thanksSec{padding:92px 0 122px;}
	.thanksMsg{margin-top:38px;}
	.thanksSec .secLink{margin-top:53px;}
	.thanksSec .boxBtn{
		width:400px;
		height:100px;
		padding:20px 28px;
	}
	.thanksSec .boxBtn span{padding-left:32px;}
}