@charset "utf-8";
/* 標準調整 */
img {
	height: auto;
	max-width: 100%;
}
html {
 	line-height: 1.6;
	font-size: 100%;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "MS P Gothic", "MS Pゴシック", Osaka, Arial, Helvetica, sans-serif;
}

/* 個別スタイル */

/*～～～～～～～～～～～～～～～～～～～～～～～

共通

～～～～～～～～～～～～～～～～～～～～～～～*/
a {
	display:block;
	transition:all .3s;
}
a:hover{
	opacity:0.7;
	transition:all .3s;
}
img {
	width:100%;
}
	
/*▼レスポンシブ 表示/非表示*/
@media screen and (min-width: 768px){
	.pc {display:block;}
	.sp {display:none;}
}/*pc end*/
@media screen and (max-width: 767px){
	.pc {display:none;}
	.sp {display:block;}
}/*sp end*/
/*▲レスポンシブ 表示/非表示*/

.wrapper{
	background: #fff6e6;
}
.wrapper .inner {
	position:relative;
	background:#fff;
	width: 750px;
	margin: 0 auto;
	box-shadow: 0 0 20px 0 #ccc;
}	
@media screen and (max-width: 767px){
	.wrapper{
		width:100%;
	}
	.wrapper .inner {
		width:100%;
		margin:0 0 36vw;
	}
}/*sp end*/
	
/*▼共通CVボタン*/
.common_cta_btn{
	width:84%;
	margin:0 auto 50px;
}
.common_cta_btn:last-child{
	margin:0 auto;
}
@media screen and (max-width: 767px){
.common_cta_btn{
	margin:0 auto 8vw;
}
.common_cta_btn:last-child{
	margin:0 auto;
}
}
/*▲共通CVボタン*/
	

/*～～～～～～～～～～～～～～～～～～～～～～～

header ヘッダー

～～～～～～～～～～～～～～～～～～～～～～～*/
.header{
	padding:16px 0 16px;
}
.header .link01{
	width:240px;
	margin:0 auto;
}
.header .img_block{}
@media screen and (max-width: 767px){
	.header{
		padding:2vw 0 2vw;
	}
	.header .link01{
		width:28vw;
		margin:0 auto;
	}
}/*sp end*/




/*～～～～～～～～～～～～～～～～～～～～～～～

fv ファーストビュー

～～～～～～～～～～～～～～～～～～～～～～～*/
.fv{}
.fv_cta{
	padding:60px 0 80px;
	background:#e9e6f3;
}
.fv .img_block04{}
@media screen and (max-width: 767px){
.fv{}
.fv_cta{
	padding:8vw 0 10vw;
}
.fv .img_block04{}
}/*sp end*/
	




/*～～～～～～～～～～～～～～～～～～～～～～～

pro01 プログラム1
	
～～～～～～～～～～～～～～～～～～～～～～～*/
.pro01{}
@media screen and (max-width: 767px){
	.pro01{}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

pro02 プログラム2
	
～～～～～～～～～～～～～～～～～～～～～～～*/
.pro02{}
@media screen and (max-width: 767px){
	.pro02{}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

cta_02
	
～～～～～～～～～～～～～～～～～～～～～～～*/
.cta_02{
	padding:60px 0 80px;
	background:#fde6c6;
}
@media screen and (max-width: 767px){
	.cta_02{
		padding:8vw 0 10vw;
	}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

event イベント概要

～～～～～～～～～～～～～～～～～～～～～～～*/
.event{
	padding: 0 0 80px;
	background:#fde6c6;
}
.event .event_block01{}
.event .event_block02{}
.event .event_block02 .event_block02_ttl {
	padding: 80px 0 60px;
}
.event .event_block02 .event_block02_school_list{}
.event .event_block02_school_list .list_items {
	width:90%;
	margin:0 auto 60px;
}
.event .event_block02_school_list .list_items .img_block{
}
.event .event_block02_school_list .list_items:last-child{
	margin:0 auto 0;
}
@media screen and (max-width: 767px){
.event{
	padding: 0 0 14vw;
}
.event .event_block02 .event_block02_ttl {
	padding: 8vw 0 6vw;
}
.event .event_block02_school_list .list_items{
	width:92%;
	margin:0 auto 10vw;
}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

que よくある質問

～～～～～～～～～～～～～～～～～～～～～～～*/
.que {
	padding:90px 0 100px;
}
@media screen and (max-width: 767px){
	.que{
		padding:10vw 0 14vw;
	}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

cta_03
	
～～～～～～～～～～～～～～～～～～～～～～～*/
.cta_03{
	padding:60px 0 140px;
}
@media screen and (max-width: 767px){
	.cta_03{
		padding:8vw 0 16vw;
	}
}/*sp end*/





/*～～～～～～～～～～～～～～～～～～～～～～～

fixed_cta 下部固定CTA

～～～～～～～～～～～～～～～～～～～～～～～*/
.fixed_cta {
	position: fixed;
	bottom: 0;
	z-index:999;
	width: 750px;
	background: rgba(237,229,249,0.9);
	padding: 40px 0 40px;
	border-top: 1px solid #eee;
}
.fixed_cta .img_block01 {
	width: 83%;
	margin: 0 auto 20px;
}
.fixed_cta .fixed_cta_btn_area {
	display: flex;
	justify-content: space-between;
	padding: 0 60px 0;
}
.fixed_cta .fixed_cta_btn_area .btn {
	width: 48%;
}
.fixed_cta .fixed_cta_btn_area .btn .img_block{}
.fixed_cta .fixed_cta_btn_area .btn .img_block img{
	width:100%;
}
@media screen and (max-width: 767px){
.fixed_cta {
	width: 100%;
	padding: 1rem 0 1rem;
}
.fixed_cta .img_block01 {
	margin: 0 auto 2vw;
	width: 83%;
}
.fixed_cta .fixed_cta_btn_area {
	padding: 0 8vw 0;
}
.fixed_cta .fixed_cta_btn_area .btn{}
.fixed_cta .fixed_cta_btn_area .btn .img_block{}
}/*sp end*/


