@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: #eef9ff;
}
.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{
	background:#B6E0F8;
}
	
	
/*～～～～～～～～～～～～～～～～～～～～～～～

course コース

～～～～～～～～～～～～～～～～～～～～～～～*/
.course{}
.course .list01 .course_cta{
	background:#E2EAAE;
		padding: 0 0 66px;
}
.course .list02 .course_cta{
	background:#B6E0F8;
		padding: 0 0 66px;
}
@media screen and (max-width: 767px){
	.course .list01 .course_cta{
		padding:0 0 9vw;
	}
	.course .list02 .course_cta{
		padding:0 0 9vw;
	}
}/*sp end*/
	
	
/*～～～～～～～～～～～～～～～～～～～～～～～

que よくある質問

～～～～～～～～～～～～～～～～～～～～～～～*/
.que {
	border-bottom: 1px solid #eee;
}
.que .que_cta{
	padding: 0 0 66px;
}
@media screen and (max-width: 767px){
	.que .que_cta{
		padding:0 0 9vw;
	}
}/*sp end*/

/*～～～～～～～～～～～～～～～～～～～～～～～

school スクール

～～～～～～～～～～～～～～～～～～～～～～～*/
.school {
	padding: 100px 0 100px;
}
.school .ttl {
	width: 74%;
	margin: 0 auto 80px;
}
.school .ttl .img_block{}
.school .list{}
.school .list .list_link {
	width: 90%;
	margin: 0 auto 80px;
}
.school .list .list_link:last-child {
	margin: 0 auto 0;
}
.school .list .list_link .img_block{}
@media screen and (max-width: 767px){
	.school{
		padding: 16vw 0 16vw;
	}
	.school .ttl {
		width: 80%;
		margin: 0 auto 12vw;
	}	
	.school .ttl .img_block{}
	.school .list{}
	.school .list .list_link {
		width: 96%;
		margin: 0 auto 10vw;
	}	
	.school .list .list_link .img_block{}
}/*sp end*/


/*～～～～～～～～～～～～～～～～～～～～～～～

fixed_cta 下部固定CTA

～～～～～～～～～～～～～～～～～～～～～～～*/
.fixed_cta {
	position: fixed;
	bottom: 0;
	z-index:999;
	width: 750px;
	background: rgba(255,255,255,0.9);
	padding: 40px 0 40px;
	border-top: 1px solid #eee;
}
.fixed_cta .img_block01 {
	width: 60%;
	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;
}
.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*/


