@charset "utf-8";
@import url("season-base.css");

/* ===== 冬期講習（winter）だけのスタイル ===== */
/* 元ファイル: 0928_冬期講習/作業データ/css/season.css を season-base.css と分割したもの */
.color_pink{
    color: #e2274c;
}

/* ========================================
 *  header
  ========================================*/

.season_nav{
	width: 100%;
	padding: 0;
	height: 50px;
	position: relative;
    margin: 108px 0 0; /* PCヘッダー（.main_header .header_nav）の高さ分 */
}
.summer_bg{
	background: #fc9a9a;
}
.summer_bg{
	background: #7ACBDB;
}
.toppage_category_menu li{
	width: 25%;
	height: 50px;
	text-align: center;
	font-size: 13px;
	padding: 15px 0 10px;
	color: #fff;
	background: #ccc;
    border-right: 1px solid #ddd;
}
.toppage_category_menu li.study_menu{
	background: #f6ab00;
}
.school_hotel{
	width: 130px;
	height: 50px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background: #0B318F;
	padding: 16px 0 0;
}
.suisensyo{
	width: 65px;
	height: 50px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background: #0068b7;
	padding: 16px 0 0;
}
.pamphlet_2{
	width: 320px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	background: #E8E8E8;
	padding: 16px 0 0;
}
@media only screen and (max-width: 860px){
	.season_nav{
		width: 100%;
		height: auto;
		margin: 60px 0 0;
	}
	.toppage_category_menu li{
		width: calc(100% / 7);
		text-align: center;
		font-size: 10px;
		color: #fff;
        height: 40px;
        padding: 12px 0 10px;
	}
    .toppage_category_menu li span{
        letter-spacing: 0px;
    }
	.pamphlet{
		font-size: 10px;
		width : calc(100% / 3) ;
		text-align: center;
		background: #E8E8E8;
		padding: auto;
		margin: 0;
	}
	.pamphlet_2{
		font-size: 10px;
		width : calc(100% / 3) ;
		text-align: center;
		background: #E8E8E8;
		padding: auto;
		margin: 0;
	}
	.school_hotel {
		width : calc(100% / 3) ;
		height: 50px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		background: #0B318F;
		padding: 16px 0 0;
	}
	.suisensyo{
		width: 100%;
        width : calc(100% / 3) ;
	}
}
.subject_title_box .subject_title span{
	color: #fff;
	font-size: 22px;
	font-weight: 200;
	display: inline-block;
	line-height: 1.7;
}
.school_target{
	color: #fff;
	font-size: 13px;
	margin: 10px 0 0;
	line-height: 1.8;
	font-weight: 200;
}

/* SP */
@media screen and (max-width: 860px){
	.subject_title_box .subject_title{
		font-size: 35px;
		font-weight: 200;
		letter-spacing: 1px;
	}
	.subject_title_box .subject_title span{
		color: #fff;
		font-size:14px;
		line-height: 1.6;
	}
    .school_target{
        font-size: 11px;
        margin: 10px 0 0;
        line-height: 1.2;
        font-weight: 200;
    }
}
.list01,.list02{
	width: 50%;
	padding: 0 5%;
	margin: 0 0 30px 0;
}
footer .school{
	border-bottom: 1px solid rgba(207,207,207,1.00);
	font-size: 18px;
	font-weight:400px;
	margin: 0 0 13px 0;
	line-height: 2.5;
}
footer .subject{
	font-size: 14px;
	font-weight:400px;
	margin: 0 0 6px 0;
	line-height: 1.7;
}
footer .logo{
	width: 100%;
	height: 40px;
	background: url("../img/logo_ena.svg") no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto;
}
footer .copy_season{
	text-align: center;
	font-weight:  500;
	font-size: 10px;
	margin: 20px auto 0;
	font-family: "Montserrat";
}

@media screen and (max-width: 860px){
	.list01,.list02{
		width: 100%;
		padding: 0;
		margin: 0 0 5% 0;
	}
	.list03{
		width: 100%;
		padding: 0%;
		margin: 0 0 5% 0;
	}
	.footer_list{
		width: 86%;
		margin: 5% auto;
		font-size: 11px;
	}
	footer .logo{
		width: 100px;
		margin: 8% auto 0%;
	}
	footer .copy_season{
		text-align: center;
		font-weight:  500;
		font-size: 10px;
		margin: 2% auto 0;
	}
}
.container .titlebox .txt span{
	color: #595757;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin: 2% 0;
}
.container .titlebox .txt .small{
	color: #595757;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	margin: 2% 0;
}
.container .titlebox .txt .memo{
	color: #e4007f;
	font-size: 13px;
	font-weight: 400;
}

/* SP */
@media screen and (max-width: 860px){
	.container{
		width: 100%;
		padding: 0 20px;
		margin: 4% auto;
	}
	.container .titlebox .title{
		color: #595757;
		font-size: 17px;
		font-weight: 500;
		line-height: 1.2;
        letter-spacing: 0;
	}
	.container .titlebox .txt{
		color: #595757;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5;
		margin: 2% 0;
	}
	.container .titlebox .txt span{
		color: #595757;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.6;
		margin: 2% 0;
	}
	.container .titlebox .txt .small{
		color: #595757;
		font-size: 11px;
		font-weight: 400;
		line-height: 1.6;
		margin: 2% 0;
	}
	.container .titlebox .txt .memo{
		color: #e4007f;
		font-size: 10px;
		font-weight: 400;
	}
}

.form_top_study{
    padding: 5% 0;
}
.form_top_study .sub{
    width: 100%;
    text-align: center;
    margin: 0 auto 30px;
    font-size: 24px;
}
.list_category_title span{
	height: 20px;
	width: 6px;
	background: #fff;
	margin: 0 14px 0 0;
}
.list li{
	width: 31%;
	padding: 0%;
	margin: 0 0 2% 2%;
	overflow: hidden;
}


/* オンライン学科　ZA ZB */

.vimeo_study_summer {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.vimeo_study_summer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 860px){
	.list_category_title span{
		height: 20px;
		width: 6px;
		background: #fff;
		margin: 0 14px 0 0;
	}
	.list li{
	  width: 48%;
	  margin: 0 0 20px 2%;
	  text-align: center;
	  position: relative;
	}
	.list li figurecaption .en{
		font-size: 10px;
		margin: 0 0 5px 0;
	}
}
.lead .main_txt{
	font-size: 24px;
	line-height: 1.6;
	font-weight:400px;
	margin: 0 0 14px 0;
	border-bottom: 1px solid rgba(207,207,207,1.00);
}
@media screen and (max-width: 860px){
	.lead .main_txt{
		font-size: 16px;
	}
}
input[type="password"] {
	border: 1px solid rgba(215,215,215,1.00);
	padding: 0.35em 0.5em; 
	text-align: left;
}
textarea:focus {
  outline: 0;
  border-color: #1d2088;
}
.radio_btn label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
	font-weight: bold;
    font-size: 14px;
}
@media screen and (max-width: 860px){
	.radio_btn label {
		position: relative;
		font-size: 12px;
	}
}
.radio_btn label::before {
	position: absolute;
	content: '';
	top: 55%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}


@media only screen and (max-width: 860px){
	.personal_info_list li{
		width: 100%;
		border-bottom: 1px solid #EDEDED;
	}
}
.right_side_list li{
	width: 100%;
	position: relative;
	margin: 0 auto 20px;
}

@media screen and (max-width: 860px){
	.right_side_list li{
		width: 100%;
		position: relative;
		margin: 0 auto 20px;
	}
}
.course_list .right .contents{
	margin: 20px 0;
}

.course_info_txt{
	font-size: 13px;
    margin: 8px 0 0;
}
.course_number p{
	background: #000;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 5px 0 0;
    text-align: center;
}
.course_date p{
	font-size: 18px;
}
.course_period p{
	font-size: 11px;
}
.course_price p{
	font-size: 22px;
}


/* SP */
@media screen and (max-width: 860px){
    .cart_page .container {
        width: 100%;
        padding: 0 20px;
        margin: 30px auto;
    }
    .cart_inner {
        margin: 20px auto 0;
        padding: 20px 0 0 0;
    }
    .cart_page .course_list .left{
        width: 20%;
        padding: 0 10px 0 0;
    }
    .cart_page .course_list .right{
        width: 80%;
        padding: 0;
    }
    .subject_wrap .course_name {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        background: #EFEFEF;
        padding: 10px 11px;
        border-top: 1px solid #ccc;
    }
    .cart_page .course_name{
		font-size: 16px;
	}
	.course_info_txt{
		font-size: 11px;
	}
	.course_number p{
		background: #000;
		color: #fff;
		font-size: 10px;
		padding: 3px 5px;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.course_date p{
		font-size: 10px;
	}
	.course_period p{
		font-size: 12px;
	}
	.course_price p{
		font-size: 16px;
	}
}
.benefits li{
	border:1px solid #1d2088;
	padding: 3%;
	margin: 3% 0 1% 0;
}
@media screen and (max-width: 860px){
	.benefits li{
		border:1px solid #1d2088;
		padding: 20px;
		margin: 3% 0 1% 0;
	}
}
.bank_txt span{
	color: #1d2088;
	font-weight: 600;
}
.bank_info li{
	font-size: 15px;
}
.bank .attention{
	color: #1d2088;
	margin: 20px auto;
}

@media screen and (max-width: 860px){
	.bank_info li{
		font-size: 12px;
	}
	.bank .attention{
		font-size: 12px;
	}
}

table.check {
  display: block;
  border-collapse: collapse;
  text-align: center;
  line-height: 1.5;
  font-size: 15px; }

table.check td {
  width: 1200px;
  padding: 16px 20px;
  vertical-align: middle;
  border: 1px solid #ccc;
  text-align: left; }
.total_box .total{
	font-size: 28px;
	text-align: right;
	margin: 0 15px 0 0;
}
.total_box .price{
	font-size: 23px;
	text-align: right;
	color: #e4007f;
}

.point_use_check{
	margin: 20px 0 18px;
}
.point_use_check .point_title{
	font-size: 15px;
	margin: 0 50px 0 0;
}
.point_use_check .point_mark{
	width: 18px;
	margin: 0 10px 0 0;
}
.point_use_check .point_number{
	font-size: 18px;
	font-family: europa, sans-serif;
}
.point_use_check .point_number span{
	font-size: 13px;
	font-family: europa, sans-serif;
}


table.check02{
	margin: 10% auto;
}
.attention_txt{
	margin: 5% auto 0;
	font-size: 15px;
	line-height: 1.5;
}
.attention_txt span{
	color: #e4007f;
}



@media screen and (max-width: 860px){
	table.check{
		font-size: 12px;
	}
	.attention_txt{
		margin: 5% auto 0;
		font-size: 12px;
		line-height: 1.5;
	}
	.total_box{
		width: 100%;
		margin: 2% 0 0 0;
	}
	.total_box .total{
		font-size: 20px;
	}
	.total_box .price{
		font-size: 16px;
	}
	
	.point_use_check{
		margin: 18px 0 15px;
	}
	.point_use_check .point_title{
		font-size: 13px;
		margin: 0 50px 0 0;
	}
	.point_use_check .point_mark{
		width: 15px;
    	margin: -6px 10px 0 0;
	}
	.point_use_check .point_number{
		font-size: 15px;
		font-family: europa, sans-serif;
	}
	.point_use_check .point_number span{
		font-size: 11px;
		font-family: europa, sans-serif;
	}
}

/* ================================================================================

 *  申し込み完了ページ　/ thaks.html
　
  ================================================================================*/
.thanks_wrap {
  width: 100%;
  margin: 10% auto; }

.thanks_wrap .attention_txt {
  margin: 5% auto 0;
  font-size: 15px;
  line-height: 1.5;
  text-align: center; }

.thanks_wrap .attention_txt_2 {
  margin: 5% auto 0;
  font-size: 15px;
  line-height: 2;
  text-align: left;
  max-width: 500px;
  padding: 20px;
  border-radius: 12px;
  background: #efefef; }

.attention_txt span {
  color: #e4007f; }

.attention_txt_2 span {
  color: #e4007f; }

@media screen and (max-width: 860px) {
  .thanks_wrap {
    width: 100%;
    margin: 10% auto 50px; }

  .thanks_wrap .attention_txt {
    margin: 5% auto 0;
    font-size: 15px;
    line-height: 1.5;
    text-align: center; }

  .thanks_wrap .attention_txt_2 {
    margin: 30px auto 0;
    font-size: 13px;
    line-height: 2;
    text-align: left;
    max-width: 500px;
    padding: 20px;
    border-radius: 12px;
    background: #efefef; }
}
.subject_menu {
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	margin: 0 0 4% 0;
	width: 100%;
}
.subject_menu_6 li{
	width: calc(100% / 6);
}
.subject_menu_7 li{
	width: calc(100% / 7);
}

.subject_menu li a{
	display: block;
	width: 100%;
	padding: 8px 5px;
	font-size: 13px;
	color:#fff;
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all  1s;
}
.subject_menu li a:after{
    display: none;
}
/* 現在のページ（active）は青 */
.subject_menu li a.active{
	background: #00a0e9;
	border: 1px solid #00a0e9;
}
.subject_menu li a.shinjyuku{
	background: #00a0e9;;
	border: 1px solid #00a0e9;;
}
.subject_menu li a.nihonga{
	background: #e8373d;
	border: 1px solid #e8373d;
}
.subject_menu li a.omiya{
	background: #ed5da0;
	border: 1px solid #ed5da0;
}
/* 現在のページ以外のタブはグレー */
.subject_menu li a:not(.active){
	background: #ccc;
	border: 1px solid #ccc;
}
@media screen and (max-width: 860px){
	.subject_menu li a{
		padding: 5px 0px;
		font-size: 11px;
	}
	.subject_menu_25 li{
		width: 50%;
	}
	.subject_menu_5 li{
		width: 20%;
	}
	.subject_menu_5 li:last-child{
		width: 20%;
	}
	.subject_menu_3 li{
		width: calc(100% / 3);
	}
    .subject_menu_7 li{
        width: calc(100% / 3);
    }
    .subject_menu_7 li:last-child{
		width: 100%;
	}
}
/* PC のみ　hoverアクション　*/
@media screen and (min-width: 860px){
	/* タブのhoverは青地に白文字 */
	.season_page .subject_menu li a:not(.active):hover{
		color: #fff;
		background: #00a0e9;
		border: 1px solid #00a0e9;
	}
}

.table_plus{
	font-size: 26px;
	text-align: center;
	margin: 8px auto;
}
.side_inner{
	margin: 0 0 6%;
}
.subject_wrap{
	width: 100%;
	margin: 4% auto;
}
.subject_list{
	width: 100%;
	margin: 0 auto 5%;
	position: relative;
}
.list_half .subject_list{
	width: 48%;
	margin: 0 auto 5%;
	position: relative;
}
.list_half .subject_table{
	margin: 0 auto 5%;
}
.side_inner .point{
	width: 300px;
	height: 20px;
	z-index: 999;
	margin: 0 0 10px 0;
	color: #fff;
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
}
.subject_list .point{
	width: 300px;
	height: 20px;
	z-index: 999;
	margin: 0 0 10px 0;
	color: #fff;
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
}
.subject_list_title_box{
	width: 100%;
	padding: 1% 0;
	position: relative;
	background: #f9f9f9;
}
.subject_list_title_box .title{
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.bg_option .title{
	color: #000 !important;
}
.subject_list_title_box .title span{
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.subject_list_info_box table td{
	padding: 0;
}
.subject_list_info_box .course_number{
	background: #000;
	color: #fff;
	width: 130px;
	padding: 0 5px;
    text-align: center;
}
.subject_list_info_box .date01{
	width: 350px;
	padding: 0 5px;
	font-size: 11px;
    text-align: center;
	border-right: 1px dotted rgba(45,45,45,1.00);
}
.subject_list_info_box .date02{
	width: 150px;
	padding: 0 5px;
	font-size: 10px;
    text-align: center;
	border-right: 1px dotted rgba(45,45,45,1.00);
}
.info_period span{
	background: #e60012;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.info_period .hours_3{
	background: #004098;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.info_period .hours_6{
	background: #62446A;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 860px){
	.info_period{
		font-size: 10px;
	}
}
.info_attention{
	background: #e6e6e6;
	font-size: 10px;
	text-align: center;
}
.comment_design_05{
	border: 3px solid #00a0e9;
	margin: 2% 0 0 0%;
}
.university{
	font-size: 16px;
	margin: 0;
	color: #e4007f;
	font-weight: 500;
}
.attention{
	font-size: 12px;
	margin: 5px 0 0;
	font-weight: 500;
}
table.subject_table{
	display: block;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
}
table.subject_table th {
	width: 2000px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #B4B4B4;
}
table.subject_table td {
	width: 2000px;
	vertical-align: middle;
	border: 1px solid #B4B4B4;
	position: relative;
}
table.subject_table span {
	font-size: 12px;
}
table.subject_table .period{
	background: #000;
	font-size: 30px;
	color: #fff;
	font-weight: 200;
	width: 0px;
	padding: 0 5px;
	text-align: center;
}
table.subject_table .period_02{
	background: #000;
	font-size: 15px;
	font-weight: 200;
	color: #fff;
	width: 80px;
	padding: 0 5px;
	text-align: center;
}

.a_txt{
	position: absolute;
    text-align: center;
    top: -5px;
    left: 0;
    width: 100%;
}
@media screen and (max-width: 860px){
	.a_txt{
		position: absolute;
		text-align: center;
		top: -17px;
		left: 0;
		width: 100%;
	}
}
.choukoku_01_02{
	position: relative;
}
.choukoku_03_04{
	position: relative;
}
.choukoku_01{
	position: absolute;
	width: 100%;
	text-align: left;
	left: 20px;
	top:10px;
}
.choukoku_02{
	position: absolute;
	width: 50%;
	height: 50%;
	left: 50%;
	text-align: center;
	padding: 5px 0px 0 0;
	border-top: 1px solid #b4b4b4 !important;
	border-left: 1px solid #b4b4b4 !important;
}
.choukoku_03{
	position: absolute;
	width: 50%;
	height: 50%;
	left: 0;
	top: 0;
	text-align: center;
	padding: 5px 0px 0 0;
	border-bottom: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
}
.choukoku_03 span{
	display: none;
}
.choukoku_04{
	position: absolute;
	width: 100%;
	text-align: right;
	right: 20px;
	top:18px;
}
.select_txt div{
	width: 30px;
	margin: 0 auto;
}
.select_txt p{
	width: 15px;
	text-align: center;
}

/* SP */
@media screen and (max-width: 860px){
	.side_inner{
		margin: 0 0 15%;
	}
	.list_half .subject_list{
		width: 100%;
		margin: 0 auto 5%;
		position: relative;
	}
	table.subject_table{
		font-size: 12px;
	}
    .subject_list_title_box{
        width: 100%;
        padding: 10px 0;
        position: relative;
    }
	.subject_list_title_box .title{
		color: #fff;
		text-align: center;
		font-size: 15px;
	}
	table.subject_table span {
		font-size: 11px;
	}
	table.subject_table .period{
		background: #000;
		font-size: 20px;
		color: #fff;
		width: 10px;
		padding: 0 5px;
		text-align: center;
	}
	table.subject_table .period_02{
		background: #000;
		font-size: 13px;
		color: #fff;
		width: 10px;
		padding: 0 5px;
		text-align: center;
	}
	.select_txt p{
		width: 12px;
		text-align: center;
	}
}


/* 夏スぺ */
table.specia_table{
	margin: 20px auto 0;
}
table.specia_table td{
	border: 1px solid #e4007f;
	padding: 2%;
}

.select_menu li{
	width: 100%;
	height: auto;
}

.comment{
	width: 100%;
	margin: 0 0 2% 0%;
	padding: 2% 3%;
}
.comment_0{
	width: 100%;
	margin: 0; 
	padding: 2% 3%;
}

.comment .comment_title{
	width: 100%;
	font-size:20px;
}
.comment_design_01{
	background: #ed6d34;
	margin: 0 0 0 0%;
}
.comment_design_01 .comment_title{
	width: 100%;
	font-size:20px;
	color: #fff;
	text-align: center;
}
.comment_design_02{
	background: #00a040;
	margin: 0 0 0 0%;
}
.comment_design_02 .comment_title{
	width: 100%;
	font-size:20px;
	color: #fff;
	text-align: center;
}
.comment_design_03{
	background: #5654a2;
	margin: 0 0 0 0%;
}
.comment_design_03 .comment_title{
	width: 100%;
	font-size:20px;
	color: #fff;
	text-align: center;
}
.comment_design_04{
	border: 1px solid #231815;
	margin: 0 0 2% 0%;
}
.comment_design_05{
	border: 3px solid #00a0e9;
	margin: 0 0 2% 0%;
}
.comment_design_05_margin{
	margin-top: 2% !important;
}

.comment_high_school2 {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #FFF100;
	font-size: 16px;
}
.comment_high_school2 .comment_title{
	width: 100%;
	font-size:20px;
	text-align: center;
	color: #45b035;
}
.comment_high_school {
	width: 100%;
	margin: 2% 0 1% 0%;
	padding: 2%;
	text-align: center;
	border: 3px solid #45B035;
	font-size: 16px;
}
.comment_high_school .txt{
	font-size: 14px;
}
.comment_high_school .small{
	font-size: 11px;
	margin: 5px 0 0;
}
.comment .txt{
	width: auto;
	padding: 0 0 0 2%;
	font-size: 15px;
}
.comment_02 {
	width: 100%;
	margin: 2% 0 2% 0%;
	border: 3px solid #00a0e9;
	padding: 2%;
	text-align: center;
}
.comment_02 .comment_title{
	width: 100%;
	text-align: center;
	font-size:20px;
}
.comment_02 .color{
	font-size: 20px;
	margin: 0 0 10px 0;
}
.comment_02 .university{
	font-size: 16px;
	margin: 10px 0 0;
}
.comment_05 {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	border: 2px solid #eb6ea5;
	font-size: 16px;
}
/* 映像　*/
.comment_07 {
	width: 100%;
	margin: 0% 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #d3def1;
	font-size: 15px;
}
.comment_geijyutsu{
	border: 3px solid #7f4b58;
	margin: 0 auto 2%;
	width: 98%;
}
.comment_geijyutsu .comment_title{
	width: 100%;
	font-size:20px;
	color: #7f4b58;
	text-align: center;
}

.comment_kiso{
	border: 3px solid #eb6ea5;
	margin: 0% auto 2%;
	width: 100%;
	text-align: center;
}
.comment_kiso .comment_title{
	width: 100%;
	font-size:20px;
	color: #eb6ea5;
	text-align: center;
}
.comment_shibuya_kiso {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #8fc31f;
	font-size: 16px;
	text-align: center;
}
.comment_shibuya_kiso_d {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #6a8eb2;
	font-size: 12px;
	text-align: center;
}
.comment_shibuya_kiso_d .comment_title{
	width: 100%;
	font-size:20px;
	text-align: center;
	color:#6a8eb2;
}
.comment_shibuya_kiso_d .comment_txt{
	width: 100%;
	font-size:16px;
	text-align: center;
	color:#6a8eb2;
}
.comment_shibuya_kiso_a {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #008e5c;
	font-size: 12px;
	text-align: center;
}
.comment_shibuya_kiso_a .comment_title{
	width: 100%;
	font-size:20px;
	text-align: center;
	color:#008e5c;
}
.comment_shibuya_kiso_a .comment_txt{
	width: 100%;
	font-size:16px;
	text-align: center;
	color:#008e5c;
}
.comment_shibuya_kiso_d2 {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #00a0e9;
	font-size: 12px;
	text-align: center;
}
.comment_shibuya_kiso_d2 .comment_title{
	width: 100%;
	font-size:20px;
	text-align: center;
	color:#00a0e9;
}
.comment_shibuya_kiso_d2 .comment_txt{
	width: 100%;
	font-size:16px;
	text-align: center;
	color:#00a0e9;
}
.comment_eizo{
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #5976ba;
	font-size: 12px;
	text-align: center;
}

.comment_shibuya_aburae {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #00a0e9;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.comment_shibuya_kiso {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	border: 2px solid #8fc31f;
	font-size: 16px;
	text-align: center;
}
.comment_online {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	font-size: 16px;
	text-align: center;
	background: rgba(255,220,220,1.00);
}
.comment_online .txt01{
	color: rgba(190,20,23,1.00);
	font-size: 14px;
	font-weight: bold;
}
.comment_online .txt02{
	font-size: 12px;
	margin: 10px 0 0;
}
.bg_special span{
	color: #e4007f;
	font-size: 12px;
}
/* SP */
@media screen and (max-width: 860px){
	.comment .txt{
		font-size: 12px;
	}
	.comment_02 {
		width: 100%;
		margin: 2% 0 5% 0%;
		border: 3px solid #00a0e9;
		padding: 2%;
		text-align: center;
		font-size: 10px;
	}
	.comment_02 .comment_title{
		font-size:14px;
	}
    .comment_high_school2 .comment_title{
        font-size:16px;
        letter-spacing: 0px
    }
	.comment_02 .color{
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	.comment_02 .university{
		font-size: 12px;
		margin: 10px 0 0;
	}
	.comment_02 .color{
		font-size: 15px;
		margin: 0 0 10px 0;
	}
	.comment_02 .university{
		font-size: 13px;
		margin: 10px 0 0;
	}
	.comment_05 {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 2%;
		text-align: center;
		border: 2px solid #eb6ea5;
		font-size: 12px;
	}
	.comment_05 {
		font-size: 12px;
	}
	.comment_high_school {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 4% 2%;
		text-align: center;
		font-size: 14px;
		line-height: 1.5;
	}
	.comment_high_school .attention{
		font-size: 10px;
		display: block;
		line-height: 1.5;
	}
	.comment_0 p{
		font-size: 11px;
	}
	.comment_0 .comment_title{
		font-size: 13px;
	}
}
@media screen and (min-width: 860px){
	.course_cart:hover{
		background: #1d2088;
		padding: 10px;
		width: 100%;
		color:#1d2088;
		cursor: pointer;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
	}
}
.course_price {
	font-size: 22px;
	text-align: right;
	margin: 0 0 5px 0;
}
.cart_icon{
    width: 15px;
    margin: 0px 0 6px 0;
}
@media screen and (max-width: 860px){
	.course_price {
		font-size: 16px;
		text-align: right;
		margin: 0 0 5px 0;
	}
	.cart_icon {
        width: 13px;
        margin: -3px 0 5px 0;
    }
}


/*　持参用具　設定 */
.tool_info .title{
	color: #fff;
	font-size: 15px;
	padding: 5px 10px;
	margin: 0 0 5px 0;
	display: inline-block;
}
.tool_info .attention{
	font-size: 12px;
	margin: 5px 0 15px;
}
.tool_info ul{
	margin: 2% 0 2%;
}

/* SP */
@media screen and (max-width: 860px){
	.tool_info .title{
		font-size: 11px;
	}
	.tool_info .attention{
		font-size: 11px;
		margin: 5px 0 5px;
	}
	.tool_info ul li{
		margin: 0 0 10px 0;
		font-size: 10px;
	}
	.memo{
		color: #e4007f;
		font-size: 10px;
	}
}


/*　基礎科の道具写真　設定 */
.tool_img_box{
	width: 100%;
	margin: 5% auto;
}
.tool_img_box li{
	width: 50%;
	padding: 2% 4%;
}
/* SP */
@media screen and (max-width: 860px){
	.tool_img_box li{
		width: 100%;
		padding: 5% 10%;
	}
}

/*　参考資料用写真　設定 */
.img_box{
	margin: 20px 0 0 -2.3333333333333333333333333333%;
}
.img_box li{
  width: 31%;
  margin: 0 0 20px 2.3333333333333333333333333333%;
  text-align: center;
  position: relative;
}
.img_box figurecaption{
	text-align: right;
}
.img_box figurecaption span{
	text-align: right;
	color: #e4007f;
	line-height: 1.3;
}
@media screen and (max-width: 860px){
	.img_box{
		margin: 8% 0 0 -2%;
	}
	.img_box li{
		width: 48%;
		margin: 0 0 2% 2%;
	}
	.img_box figurecaption{
		font-size: 10px;
		line-height: 1;
	}
}


.color_pink{
	color: #E4007F;
}

.magenta_bg{
	color: magenta ;
}

.magenta_color{
	color: magenta !important;
}
.aburae_bg{
	background: #008e5c;
}
.aburae .color{
	color: #008e5c;
}
.aburae .border{
	border: 1px solid #008e5c;
}
.nihonga_bg{
	background: #e8373d;
}
.nihonga .color{
	color: #e8373d;
}
.nihonga .border{
	border: 1px solid #e8373d;
}
.choukoku_bg{
	background: #fabe00;
}
.choukoku .color{
	color: #fabe00;
}
.choukoku .border{
	border: 1px solid #fabe00;
}
.sentan_bg{
	background: #76a32d;
}
.sentan .color{
	color: #76a32d;
}
.sentan .border{
	border: 1px solid #76a32d;
}
.kenchiku_bg{
	background: #924898;
}
.kenchiku .color{
	color: #924898;
}
.kenchiku  .border{
	border: 1px solid #924898;
}
.eizo_bg{
	background: #5976ba;
}
.eizo .color{
	color: #5976ba;
}
.eizo .border{
	border: 1px solid #5976ba;
}
.kiso .color{
	color: #eb6ea5;
}
.kiso .border{
	border: 1px solid #eb6ea5;
}
.design_bg{
	background: #00a0e9;
}
.design .color{
	color: #00a0e9;
}
.design_color{
	color: #00a0e9 !important;
}
.design .border{
	border: 1px solid #00a0e9;
}
.night_dessin_bg{
	background: #6a8eb2;
}
.night_dessin .color{
	color: #6a8eb2;
}
.night_dessin .border{
	border: 1px solid #6a8eb2;
}
.high_school_exam .color{
	color: #45b035;
}
.high_school_exam .border{
	border: 1px solid #45b035;
}
.shibuya_jyuken .bg_3{
	background: #008e5c;
}
.shibuya_jyuken .bg_4{
	background: #00a0e9;
}
.shibuya_jyuken .bg_5{
	background: #006953;
}
.shibuya_jyuken .bg_6{
	background: #0068b7;
}
.shibuya_jyuken  .bg_7{
	background: #796baf;
}
.shibuya_jyuken_bg{
	background: #718cc7;
}
.shibuya_jyuken .color{
	color: #718cc7;
}
.shibuya_jyuken .border{
	border: 1px solid #718cc7;
}

/* 渋谷 基礎 */
.shibuya_kiso .bg{
	background: #f6ac19;
}
.shibuya_kiso .bg_2{
	background: #779bb9;
}
.shibuya_kiso .bg_3{
	background: #008e5c; /*油*/
}
.shibuya_kiso .bg_4{
	background: #e8373d;
}
.shibuya_kiso .bg_5{
	background: #fabe00;
}
.shibuya_kiso .bg_6{
	background: #00a0e9;
}
.shibuya_kiso .color{
	color: #f6ac19;
}
.shibuya_kiso .border{
	border: 1px solid #f6ac19;
}

/* 国立 */
.kunitachi_jyuken .bg{
	background: #8fc31f;
}
.kunitachi_jyuken .bg_3{
	background: #008e5c;
}
.kunitachi_jyuken .bg_4{
	background: #00a0e9;
}
.kunitachi_jyuken .bg_5{
	background: #006953;
}
.kunitachi_jyuken .bg_6{
	background: #0068b7;
}
.kunitachi_jyuken .bg_7{
	background: #796baf;
}
.kunitachi_jyuken .color{
	color: #8fc31f;
}
.kunitachi_jyuken .border{
	border: 1px solid #8fc31f;
}

/* 国立 基礎 */
.kunitachi_kiso .bg{
	background: #f6ac19;
}
.kunitachi_kiso .bg_2{
	background: #779bb9;
}
.kunitachi_kiso .bg_3{
	background: #008e5c;
}
.kunitachi_kiso .bg_4{
	background: #e8373d;
}
.kunitachi_kiso .bg_5{
	background: #fabe00;
}
.kunitachi_kiso .bg_6{
	background: #00a0e9;
}
.kunitachi_kiso .bg_7{
	background: #3575a7;
}
.kunitachi_kiso .color{
	color: #f6ac19;
}
.kunitachi_kiso .border{
	border: 1px solid #f6ac19;
}

/* 芸術学科 */
.geijyutsu .bg{
	background: #7f4b58;
}
.geijyutsu .color{
	color: #7f4b58;
}
.geijyutsu .border{
	border: 1px solid #7f4b58;
}

/* 美大学科 */
.study .bg{
	background: #f6ab00;
}
.study_bg{
	background: #f6ab00;
}
.study .bg_shinjyuku{
	background: #00a0e9;
}
.study .bg_shibuya{
	background: #718cc7;
}
.study .color{
	color: #f6ab00;
}
.study .border{
	border: 1px solid #f6ab00;
}
.study_special .bg{
	background: #ff755a;
}
.study_special_bg{
	background: #ff755a;
}
.akihabara .period_name {
	color: #fff;
}
.bg_akihabara{
	background: #FABE00;
}
.akihabara_jyuken .bg{
	background: #FABE00;
}
.akihabara_jyuken .bg_2{
	background: #e8373d; /* 日本画 */
}
.akihabara_jyuken .bg_3{
	background: #008e5c; /* 油絵 */
}
.akihabara_jyuken .bg_4{
	background: #00a0e9;
}
.akihabara_jyuken .bg_5{
	background: #006953;
}
.akihabara_jyuken .bg_6{
	background: #0068b7;
}
.akihabara_jyuken .bg_7{
	background: #796baf;
}
.akihabara_jyuken .bg_night_yellow{
	background: #D99A00; /* 夜間 */
}
.akihabara_jyuken .color{
	color: #FABE00 !important;
}
.akihabara_jyuken .border{
	border: 1px solid #FABE00;
}


.bg_night{
	background: #45607A;
}

.online_bg{
	background: #E1C12A !important;
}
.bg_online{
	background: #E1C12A !important;
}

/* ================================================================================

 *  大宮　設定　2022 summer
　
  ================================================================================*/

.omiya .bg{
	background: #ed5da0;
}
.bg_omiya{
	background: #ed5da0;
}
.omiya .bg_2{
	background: #008e5c; /* 油絵 */
}
.omiya .bg_3{
	background: #00a0e9; /* デザイン */
}
.omiya .bg_4{
	background: #006953; /* 油絵 夜間 */
}
.omiya .bg_5{
	background: #0068b7; /* デザイン 夜間 */
}
.omiya .bg_7{
	background: #796baf; /* デザイン 志望校別 */
}
.omiya .color{
	color: #ed5da0 !important;
}
.omiya .border{
	border: 1px solid #ed5da0;
}

.omiya_kiso .bg{
	background: #ed5da0;
}
.omiya_kiso .bg_2{
	background: #779bb9;
}
.omiya_kiso .bg_3{
	background: #008e5c;
}
.omiya_kiso .bg_4{
	background: #e8373d;
}
.omiya_kiso .bg_5{
	background: #fabe00;
}
.omiya_kiso .bg_6{
	background: #00a0e9;
}
.omiya_kiso .bg_7{
	background: #3575a7;
}
.online_flow_page .flow_area li .number {
    padding: 4px 0 0 9px;
    border: 1px solid #ffffff;
}
.online_flow_page .flow_area li .flow_title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 0px solid #E1C12A;
    padding: 0 0 5px 41px;
    margin: 0 0 10px;
}
.online_page .online_flow {
    border-radius: 10px;
}
.online_page .flow_title{
    text-align: left;
}
.online_page .flow_txt{
    text-align: left;
}
@media screen and (max-width: 860px){
    .online_flow_page .flow_area li .number {
        padding: 4px 0 0 0;
    }
    .online_flow_page .flow_area li .flow_title{
        margin: 0 0 1px;
    }
}