@charset "UTF-8";

/*----------------■ライブジョブハイスクール----------------*/

.live_job_highschool_ul,.live_job_highschool_bn{
	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;
}

.live_job_highschool_ul li{margin:10px 10px 0 0;}
.live_job_highschool_mi{color:#fff;background:#005AAA;padding:10px 20px;font-weight:bold;font-size:25px;margin:50px 0 25px;position:relative;}
.live_job_highschool_mi span{font-size:16px;font-weight:bold;}

.live_job_highschool_mi2{color:#005AAA;border:5px solid #005AAA;;padding:5px 15px;font-weight:bold;font-size:25px;margin:50px 0 25px;position:relative;}
.live_job_highschool_mi2.open_detail{cursor:pointer;}
.live_job_highschool_mi2 i{position:absolute;right:5%;top:50%;transform:translateY(-50%);-webkit- transform:translateY(-50%);}
.live_job_highschool_mi2.panel-up #live_job_highschool_close{display:none;}
.live_job_highschool_mi2.panel-down #live_job_highschool_open{display:none;}

.live_job_highschool_mp3 li{border-bottom:1px dotted #999;padding:30px 0;}
.live_job_highschool_mp3_mi{color:#005AAA;font-weight:bold;}
.live_job_highschool_mp3 p{font-weight:500;}
.live_job_highschool_mp3 audio{width:100%;margin:20px 0 30px;}

.live_job_highschool_message li{margin-top:20px;}
.live_job_highschool_message div{background:#fff;padding:20px;border-radius:10px;text-align:center;}
.live_job_message_mi1{font-weight:bold;font-size:20px;}
.live_job_message_mi2{font-weight:bold;font-size:20px;}
.live_job_message_mi2 span{font-weight:bold;font-size:30px;}
.live_job_message_mi3{font-weight:bold;font-size:20px;}
.live_job_message_mi5{margin:20px 0;}
.live_job_message_btn{margin:20px auto;max-width:250px;}
.live_job_message_btn a{display:block;color:#fff;background:#EA636A;padding:10px 0;font-weight:bold;border-radius:50px;font-size:20px;}
.live_job_message_btn a:hover{color:#fff;background:#f99;}
.live_job_message_mi6{font-size:18px;margin-bottom:20px;background:linear-gradient(transparent 75%, #EA636A 75%);display:inline-block;}


.live_job_highschool_each_box{padding:0 0 0 15px;border-left:5px solid #0059A8;margin-top:30px;}
.live_job_highschool_each_mi{font-weight:bold;font-size:20px;margin:40px 0 20px;}
.live_job_highschool_each_address{margin:40px 0 20px;border:2px solid #ccc;border-radius:10px;text-align:center;}

.live_job_highschool_each_address p{font-size:20px;margin-top:20px;margin-bottom:20px;}
.live_job_highschool_each_address_mi{margin-bottom:30px;font-weight:bold;background:linear-gradient(transparent 90%, #EA636A 90%);padding:10px;display:inline-block;}
.live_job_message_logo{max-width:300px;margin-left:auto;margin-right:auto;}
.live_job_message_logo a{padding-top:20%;;display:block;margin:0 auto;background-size:contain;background-position:center;background-repeat:no-repeat;}

/*----------------■中大画面ライブジョブハイスクール----------------*/
@media screen and (min-width: 767px) {

.live_job_highschool_message{
	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;
}

.live_job_highschool_mp3 img{float:left;}
.live_job_highschool_text{float:right;}

.live_job_highschool_mi span{margin-left:20px;}
.live_job_highschool_bn li{width:30%;margin:20px 0 0 2.5%;}

.live_job_highschool_message li{width:32%;margin-right:2%;}
.live_job_highschool_message li.live_job_highschool_message_third{margin-right:0;}

.live_job_highschool_each_address{padding:50px;}
.live_job_highschool_each_address_mi{font-size:40px;}

.live_job_highschool_each_ph02{float:left;width:48%;}
.live_job_highschool_each_ph03{float:right;width:48%;}

}

/*----------------■大画面ライブジョブハイスクール----------------*/
@media screen and (min-width: 1025px) {
.live_job_highschool_mp3_mi{font-size:20px;}
.live_job_highschool_mp3 p{font-size:18px;}
.live_job_highschool_mp3 img{width:40%;}
.live_job_highschool_text{width:55%;}
}

/*----------------■中小画面ライブジョブハイスクール---------------*/
@media screen and (max-width: 1024px) {

.live_job_highschool_mp3_mi{font-size:18px;}

}

/*----------------■中画面ライブジョブハイスクール---------------*/
@media screen and (min-width: 767px) and (max-width: 1024px){

.live_job_highschool_mp3 img{width:45%;}
.live_job_highschool_text{width:50%;}

}

/*----------------■小画面ライブジョブハイスクール----------------*/
@media screen and (max-width: 766px){

.live_job_highschool_mi span{display:block;}

.live_job_highschool_text{margin-top:30px;}

.live_job_highschool_bn li{width:44%;margin:20px 0 0 4%;}

.live_job_highschool_each_ph03{margin-top:20px;}
.live_job_highschool_each_address{padding:20px;}
.live_job_highschool_each_address_mi{font-size:20px;}

}