@charset "Shift_JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Barlow&display=swap);

/*----------------■初期設定----------------*/
*  {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
ul,ol  {
	list-style: none;
}
table  {
	border-collapse: collapse;
}
th,td  {
	text-align: left;
	vertical-align: top;
}
img {
	border: none;
	vertical-align: top;
}

 /* リンク色の初期値 */
a:link { text-decoration:none;color:#06c; }
a:visited { text-decoration:none;color:#06c; }
a:hover { text-decoration:none;color:#f00; }
a:active { text-decoration:none;color:#ccf; }

a[name]:hover { text-decoration:none;color:#000; }

/*----------------■よく使うもの----------------*/
 
.fltl  {
	float: left;
}
.fltr  {
	float: right;
}
.clear  {
	clear: both;
}
.clearfix:after {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}
.clearfix  {
	zoom:  1;
}

/*----------------■全体構造----------------*/

img{
	max-width: 100%;
	height: auto;
}
a:hover img { /* 画像オンマウス処理 */
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

body {
	color: #444;
	text-align:center;
	background: #fff;
	font-size: 15px;
	line-height: 1.6;
	font-family: 'Noto Sans Japanese', serif;
}
.main_contents {
	text-align:left;
}


.mi1 {
	font-size: 20px;
	padding: 40px 0 10px 0;
}
.mi2 {
	border-left: 1px solid #B4AB85;
	padding: 10px;
	margin: 50px 0 30px 0;
}
.mi3 {
	font-weight: bold;
	margin-top: 15px;
	color: #1B52A4;
}

ul.list {
	margin: 15px 0 15px 15px;
}
ul.list li  {
	margin-left: 1em;
	list-style: disc;
}
ol.list {
	margin: 15px 0 15px 20px;
}
ol.list li  {
	margin-left: 1em;
	list-style: decimal;
}

table.tb {
	width: 100%;
	margin: 20px 0;
}
table.tb th {
	padding: 10px;
	border: 1px solid #ccc;
	background: #def;
}
table.tb td {
	padding: 10px;
	border: 1px solid #ccc;
}

.text {
	margin: 15px 0;
	text-indent: 1em;
}
strong {
	font-weight: bold;
	color: #f00;
}

.open_detail {
	cursor: pointer;
}

.school_sns{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.school_sns li{font-size:40px;margin-left:10%;}
.school_sns li:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}

.dl_table dt span{
	letter-spacing: 5px;
}

.dl_table {
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
}
.dl_table dt{
	border-top: 1px solid #ccc;
}
.dl_table dt span{
	letter-spacing: 5px;
}
.dl_table dd select{
	border: 1px solid #999;
	border-radius: 5px;
}


.qa_dl dt{
	background: #1B52A4;
	color: #fff;
	font-weight: bold;
	margin: 25px 0 10px;
	padding: 10px;
}
.qa_dl dd{
	padding: 0 10px;
}

/*----------------■ヘッダー---------------*/
#head{
	padding: 30px 0;
	background: url(../image/head/bg_tile.svg);
	background-size: 30px auto;
}

/*----------------■フッター---------------*/
.foot_bn {
	margin-top: 80px;
	text-align: center;
}

#foot {
	background: #7ee;
	padding: 30px 0;
	margin-top: 80px;
}
#foot p{
	font-size: 12px;
}
#foot ul{
	margin: 15px 0;
}
#foot ul a{
	color: #444;
}
#foot ul a:hover{
	color: #00a;
}

#foot_go_top {
	position: fixed;
	z-index: 9998;
	width: 80px;
	height: 80px;
	right: 0;
	bottom: 0;
}
#foot_go_top img{
	width: 80px;
	height: 80px;
}

/*----------------■トップページ---------------*/
.top_test_bn{margin:30px 5% 0;}
.top_test_bn img{margin:0 auto;}

.top_news_mi{font-weight:bold;font-size:24px;margin:30px 0;}
.top_news_ul{margin:0 auto 80px;text-align:left;border-bottom:1px solid #ccc;}
.top_news_ul li{;border-top:1px solid #ccc;padding:30px 0;}
.top_news_ul li a{display:block;color:#000;}
.top_news_ul li a:hover{color:#666;}
.top_news_date{font-size:20px;margin-bottom:10px;}
.top_news_name{float:left;border-radius:50px;background:#7ee;padding:0 20px;line-height:50px;}
.top_news_icon img{float:left;margin-left:10px;height:50px;width:auto;}
.top_news_text{font-size:20px;margin-top:10px;}
.top_news_detaile{text-align:right;margin-top:10px;}

.facebook a{color: #3b5998;}
.twitter a{color: #000;}
.instagram a{color: #FF1F8B;}
.youtube a{color: #F00;}
.tiktok a{color: #000;}
.line a{color:#1FC46E;}

.head_tab {
	margin: 30px auto 0;
}
.head_tab li{
	float: left;
	cursor: pointer;
	background: #eec url(../image/top/tab.svg) no-repeat center 8px;
	background-size: 80px auto;
	border-radius: 10px 10px 0 0;
	width: 32%;
	font-weight: bold;
}
.head_tab li.selected{
	background: #7ee url(../image/top/tab.svg) no-repeat center 8px;
	background-size: 80px auto;
}
#head_tab02{margin:0 2%;}
.head_bg {
	background: #7ee;
}
.head_copy {
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
}
.head_copy li{
	display: none;
}
#head_copy01{display:block;}

.head_bg h2 {
	font-size: 23px;
	padding-bottom: 40px;
	font-weight: bold;
}
.head_bg h2 span{
	background:-moz-linear-gradient(transparent 60%, #de0 0%);
	background:-webkit-linear-gradient(transparent 60%, #de0 0%);
	background: linear-gradient(transparent 60%, #de0 0%);
}

.schook_ul_head_bg{background:#fff;padding:20px 2%;margin:0 auto 30px;max-width:960px;}

.head_carousel_pc li,.head_carousel_sp li{
	height: 484px;
}
.head_carousel_pc a,.head_carousel_sp a{
	display: block;
	width: 100%;
	height: 100%;
}
#head_carousel_pc01 a,#head_carousel_sp01 a{background:url(../image/top/carousel_a.svg) no-repeat center;background-size:320px auto;}
#head_carousel_pc01 a:hover,#head_carousel_sp01 a:hover{background:url(../image/top/carousel_a_on.svg) no-repeat center;background-size:320px auto;}
#head_carousel_pc02 a,#head_carousel_sp02 a{background:url(../image/top/carousel_b.svg) no-repeat center;background-size:320px auto;}
#head_carousel_pc02 a:hover,#head_carousel_sp02 a:hover{background:url(../image/top/carousel_b_on.svg) no-repeat center;background-size:320px auto;}
#head_carousel_pc03 a,#head_carousel_sp03 a{background:url(../image/top/carousel_c.svg) no-repeat center;background-size:320px auto;}
#head_carousel_pc03 a:hover,#head_carousel_sp03 a:hover{background:url(../image/top/carousel_c_on.svg) no-repeat center;background-size:320px auto;}

#type01,#type02,#type03{
	height: 10px;
	margin-top: 100px;
}
.type01,.type02,.type03{
	position: relative;
	margin: 90px 0 40px 0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	border-top: 1px solid #ccc;
}
.type01 span,.type02 span,.type03 span{
	font-weight: bold;
	font-size: 30px;
}

.type01_01,.type01_02 {
	background: #de0;
	position: relative;
	padding: 50px 0;
	border-radius: 40px;
}
.type01_01{margin-top:50px;}
.type01_02{margin-top:90px;}
.type01_arrow {
	width: 51px;
	height: auto;
	position: absolute;
	bottom: -50px;
	left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.type01_01 h3,.type01_02 h3{
	text-align: center;
	position: absolute;
	top: -20px;
	left: 50%;
	width: 100%;
	font-weight: bold;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	font-size: 24px;
}
.type01_01 h4,.type01_02 h4{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	padding: 10px 0 20px 0;
	line-height: 40px;
	border-top: 1px solid #880;
}
.type01_01 h4 img,.type01_02 h4 img{
	width: 40px;
	height: auto;
	margin-left: 6px;
}
.type01_03_mi {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
.type01_03 {
	margin-top: 60px;
}
.type01_03_left{float:left;}
.type01_03_right{float:right;}

.type02_01_mi {
	text-align: center;
}
.type02_01 {
	background: #f3f3db;
	margin-top: 30px;
	padding: 40px 0;
}
.type02_01 h3{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}
.type02_01 li{
	text-indent: -20px;
	padding-left: 20px;
	padding-bottom: 15px;
}
.type02_arrow {
	margin: 10px 0 20px;
	text-align: center;
}
.type02_arrow img{
	width: 36px;
	height: auto;
}
.type02_comment {
	text-align: center;
}

.type02_02 h3{
	border-top: 1px solid #ccc;
	font-size: 20px;
	padding-top: 15px;
	font-weight: bold;
}

.type02_02_left,.type02_02_right{
	margin-top:60px;
}
.type02_02_left dt{
	padding: 10px 15px;
	background: #de0;
	margin: 30px 0 15px 0;
	border-radius: 0 23px 23px 0;
	font-weight: bold;
}
.type02_02_left img{
	margin-top: 25px;
}
.type02_02_right p {
	margin: 30px 0;
}
.type03_01_mi {
	margin-top: 30px;
}

.type03_01_right{
	margin-top:60px;
}
.type03_01_right dt{
	margin: 30px 0 15px 0;
	text-align: center;
}
.type03_01_right dt.type03_01_right_01{margin-top:0;}
.type03_01_right dt b,.type03_01_right dt span{
	display: block;
	padding: 10px 0;
	font-weight: bold;
	width: 50%;
}
.type03_01_right dt b{
	float: left;
	background: #de0;
}
.type03_01_right dt span{
	float: right;
	color: #fff;
	background: #9d9d9d url(../image/top/img_beak.svg) no-repeat left center;
	background-size: 10px auto;
	border-radius: 0 23px 23px 0;
}

.mi_block {
	margin: 100px 0 40px 0;
	background: #7EE;
	background-image: linear-gradient(45deg,#7EE, #7EE 48.5%,#FFF 49.5%, #FFF 50.5%,#7EE 51.5%, #7EE);
	background-size: 7px 7px;
	position: relative;
	font-weight: bold;
	text-align: center;
	padding: 30px 0;
}
.mi_block span{
	font-weight: bold;
	text-align: center;
	font-size: 26px;
}
.mi_block img{
	position: absolute;
	top: -20px;
	width: 50px;
	left: 50%;
	height: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.twitter_comment {
	margin-bottom: 30px;
}
.twitter_box {
	border: 1px solid #ccc;
}

.school_ul_head p{
	margin-top:25px;
	text-align:center;
	border-radius:50px;
	background:#FB2577;
	background: linear-gradient(180deg, #FB2577 0%, #FB2577 50%, #E4216A 50%, #E4216A 100%);
}
.school_ul_head p a{
	border-radius:50px;
	display: block;
	position:relative;
	padding:15px 0;
	color:#fff;
}
.school_ul_head li a:hover{background:rgba(255,255,255,0.5);}
.school_ul_head p i{color:#fff;position:absolute;left:20px;top:50%;transform:translateY(-50%);-webkit- transform:translateY(-50%);}

.school_ul li{
	color: #f00;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 20px;
	text-indent: -8px;
	padding-left: 25px;
}
.school_ul li a{color: #444;}
.school_ul li a:hover{color: #999;}

.school_comment{margin-top:50px;font-weight:bold;font-size:18px;}

/*----------------■大画面---------------*/
@media print, screen and (min-width: 611px) {

.pc_br {
	display: block;
}
.sp_br {
	display: none;
}


.wrap1000{
	width: 1000px;
	margin: 0 auto;
}
.wrap600{
	width: 600px;
	margin: 0 auto;
}

.dl_table dt{
	float: left;
	clear: both;
	width: 250px;
	padding: 20px 25px 20px 5px;
}
.dl_table dd{
	border-top: 1px solid #ccc;
	float: right;
	width: 320px;
	padding: 20px 0;
}

/*----------------■大画面ヘッダー---------------*/
#head h1 img{
	width: 400px;
	height: auto;
}


/*----------------■大画面フッター---------------*/
.foot_bn img{
	width: 1000px;
}


/*----------------■大画面トップページ---------------*/
.school_ul_head{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.top_news_ul{width:800px;}
.top_news_right{float:right;width:450px;}
.top_news_img{float:left;width:300px;}

.top_test_bn{margin-bottom:60px;}
.top_test_bn img{width:1000px;}

.head_tab {
	width: 906px;
}
.head_tab li{
	padding: 30px 0 20px 0;
}
.head_copy {
	width: 1000px;
}

.school_ul_head{width:1000px;margin:0 auto 50px;}
.school_ul_head01,.school_ul_head02,.school_ul_head03,.school_ul_head04,.school_ul_head05{width:304px;}

.school_ul_head02{margin-left:20px;margin-right:20px;}
.school_ul_head04{margin-left:160px;margin-right:20px;}

.head_carousel_pc {
	width: 1000px;
	height: 330px;
	margin: 0 auto;
	position: relative;
}
.head_carousel_pc li{
	width: 320px;
	position: absolute;
	top: 0;
}
#head_carousel_pc01{left:0;}
#head_carousel_pc02{left:340px;}
#head_carousel_pc03{right:0;}

.head_carousel_sp {
	display: none;
}

.type01,.type02,.type03{
	padding-top: 130px;
}
.type_ti01 {
	position: absolute;
	width: 180px;
	height: auto;
	top: 0;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.type_ti02 {
	position: absolute;
	width: auto;
	height: 255px;
	bottom: 0;
	left: 670px;
}
#type01{margin-top:220px;}


.type01_01 ul,.type01_02 ul{
	padding: 0 35px;
}
.type01_01 li,.type01_02 li{
	float: left;
	width: 290px;
	position: relative;
}
.type01_center{margin:0 30px;}
.type01_02 li{
	padding-bottom:65px;
}
.type01_02 img{
	position: absolute;
	width: 290px;
	left: 0;
	bottom: -100px;
}
.type01_03_mi {
	margin-top: 80px;
}
.type01_03 li {
	width: 493px;
	height: 130px;
}
.type01_03 a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}
.type01_03 a img{
	display: none;
}
.type01_03_left a{background:url(../image/top/link_l_pc.svg) no-repeat center;background-size:493px auto;}
.type01_03_left a:hover{background:url(../image/top/link_l_pc_on.svg) no-repeat center;background-size:493px auto;}
.type01_03_right a{background:url(../image/top/link_r_pc.svg) no-repeat center;background-size:493px auto;}
.type01_03_right a:hover{background:url(../image/top/link_r_pc_on.svg) no-repeat center;background-size:493px auto;}

.type02_01 ul{
	float: left;
	width: 274px;
}
.type02_01_list {
	padding: 0 30px;
}
.type02_01 ul.type02_01_center{
	border-left: 1px solid #aaa;
	padding: 0 29px;
	margin: 0 29px;
	border-right: 1px solid #aaa;
}

.type02_02_left{
	float: left;
	width: 478px;
}
.type02_02_right{
	float: right;
	width: 478px;
}
.type02_02_left img {
	width: 336px;
	margin-left: 70px;
}
.type02_02_right img {
	width: 398px;
	border: 1px solid #ccc;
	padding: 39px;
	height: auto;
}

.type03_01_mi {
	text-align: center;
}
.type03_01_left{
	float: left;
	width: 413px;
	height: auto;
	padding: 30px;
	margin-top: 60px;
	border: 1px solid #ddd;
}
.type03_01_right{
	float: right;
	width: 478px;
}

.twitter_comment {
	text-align: center;
}
.twitter_box {
	margin: 0 200px;
}

.step_image img{
	width: 400px;
	height: auto;
	margin-left: 300px;
}

.school_ul li{
	float: left;
	width: 279px;
	height: 100px;
}
.school_center {
	margin: 0 44px;
}
.school_last{
	border-bottom: 1px solid #ccc;
}


}





/*----------------■小画面---------------*/
@media screen and (max-width: 610px) {

.pc_br {
	display: none;
}
.sp_br {
	display: block;
}

.main_contents {
	padding-left: 5%;
	padding-right: 5%;
}

.dl_table dt{
	padding: 10px 0 0 0;
}
.dl_table dd{
	padding: 0 0 10px 0;
}
.dl_table dd input,.dl_table dd textarea{
	max-width: 100%;
}

/*----------------■小画面ヘッダー---------------*/
#head h1 img{
	width: 90%;
	height: auto;
}

/*----------------■小画面フッター---------------*/


/*----------------■小画面トップページ---------------*/
.top_news_ul{margin-left:3%;margin-right:3%;}
.top_news_detaile{margin-bottom:10px;text-align:left;}

.head_tab {
	width: 90%;
}
.head_tab li{
	padding: 30px 0 10px 0;
}
.head_copy li{
	width: 90%;
	margin: 0 5%;
}

.head_carousel_pc {
	display: none;
}

.type01,.type02,.type03{
	padding-top: 115px;
}
.type_ti01 {
	position: absolute;
	width: 400px;
	height: auto;
	top: 0;
	left: 50%;
    transform: translate(-50%, -45%);
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
}

.type01_01 ul,.type01_02 ul{
	padding: 0 5%;
}
.type01_02 {
	padding: 120px 0 50px 0;
}
.type01_02 img{
	margin-top: 20px;
}
.type01_center{margin:30px 0;}
.type01_03_mi {
	margin-top: 30px;
}
.type01_03 li{
	width: 48%;
}
.type01_03 a span{
	display: none;
}

.type02_01_list {
	padding: 0 5%;
}

.type03_01_left{
	margin-top: 20px;
}

.twitter_box {
	max-width: 320px;
	margin: 0 auto;
}

.school_ul_head{margin:0 5% 50px;}
.school_ul {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}


}