@charset "utf-8";


/* カート　リンク */
.cart_link{
	display: block !important;
	z-index: 100;
}
.season_page .cart_link{
	display: block !important;
}
.cart_link{
	position: absolute;
	top: 50%;
	right: 0%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
}
.cart_link .icon{
	padding: 0 14px;
	position: relative;
	margin: 10px 0 0;
}
.cart_link .icon img{
	vertical-align: bottom;
}
.count{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #e2274c;
	font-size: 10px;
	color: #fff;
	font-family: europa, sans-serif;
	top: -5px;
	right: 3px;
	padding: 0 0 0 4.5px;
}
.cart_link_txt{
	text-align: center;
    font-size: 10px;
    margin: 0 0 0 2px;
    display: block;
	color: #fff;
	letter-spacing: 2px;
	font-family: europa, sans-serif;
}
@media only screen and (max-width: 860px){
	.cart_link{
		position: absolute;
		top: 3%;
		right: 4%;
		-webkit-transform: translate(0%, 0%); /* Safari用 */
		transform: translate(0%, 0%);
		width: 46px;
		height: 46px;
	}
	.cart_link_txt{
		text-align: center;
		font-size: 9px;
		margin: 0 0 0 2px;
		display: block;
	}
}


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

.season_nav{
	width: 100%;
	padding: 0;
	height: 50px;
	position: relative;
}
.season_nav_competition{
	width: 100%;
	padding: 0;
	height: 70px;
	position: relative;
	@media only screen and (max-width: 860px){
		margin: 60px 0 0;
	}
}
.season_nav_inner{
	width: 86%;
    max-width: 1280px;
    margin: 0 auto;
	height: 100%;
}
.spring_bg{
	background: #fc9a9a;
}
.summer_bg{
	background: #7ACBDB;
}
.winter_bg{
	background: #BEC1D9;
}
.season_title{
	color: #fff;
	font-size: 13px;
	width: 260px;
	line-height: 1.3;
	span{
		font-size: 20px;
	}
}

.toppage_category_menu{
	width: calc(100% - 500px);
	padding: 0;
}
.toppage_category_menu li{
	width: 25%;
	height: 50px;
	text-align: center;
	font-size: 13px;
	padding: 15px 0 10px;
	color: #fff;
}

.toppage_category_menu li.shinjyuku_menu{
	background: #00a0e9;
}
.toppage_category_menu li.akihabara_menu{
	background: #fabe00;
}
.toppage_category_menu li.shibuya_menu{
	background: #718cc7;
}
.toppage_category_menu li.kunitachi_menu{
	background: #8fc31f;
}
.toppage_category_menu li.online_menu{
	background: #E1C12A;
}
.toppage_category_menu li.no-active{
	background: #C7C7C7 !important;
}
.pamphlet{
	width: 140px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	background: #E8E8E8;
	padding: 16px 0 0;
}
.school_hotel{
	width: 90px;
	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;
	}
	.season_nav_inner{
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
	}
	.season_title{
		color: #fff;
		font-size: 12px;
		width: 86%;
		padding: 20px 0;
		margin: 0 auto;
	}
	.toppage_category_menu{
		width: 100%;
		padding: 0;
	}
	.toppage_category_menu li{
		width: 25%;
		padding: auto;
		text-align: center;
		font-size: 13px;
		color: #fff;
	}
	.toppage_category_menu li.shinjyuku_menu{
		background: #00a0e9;
	}
	.toppage_category_menu li.akihabara_menu{
		background: #fabe00;
	}
	.toppage_category_menu li.shibuya_menu{
		background: #718cc7;
	}
	.toppage_category_menu li.kunitachi_menu{
		background: #8fc31f;
	}
	.toppage_category_menu li.online_menu{
		background: #E1C12A;
	}
	.pamphlet{
		font-size: 10px;
		width: 100%;
		height: 35px;
		text-align: center;
		background: #E8E8E8;
		padding: 9px 0 0;
		margin: 0;
		
	}
	.pamphlet_2{
		font-size: 10px;
		width: 100%;
		text-align: center;
		background: #E8E8E8;
		padding: auto;
		margin: 0;
	}
	.school_hotel {
		width: 100%;
		height: 35px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		background: #0B318F;
		padding: 9px 0 0;
	}
	.suisensyo{
		width: 100%;
		height: 35px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		background: #0068b7;
		padding: 9px 0 0;
	}
}


.header_check .form_name{
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	margin: 2px 0 0;
}
.header_subject .form_name{
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	margin: 2px 0 0;
}

/* 教科ごとのタイトル */
.subject_title_box{
	width: 100%;
	height: auto;
	padding: 2% 0;
	border-bottom: 1px solid #fff;
}
.subject_title_box .inner{
	width: 86%;
	max-width: 1280px;
	margin: 0 auto;
}
.subject_title_box li:nth-child(1){
	border-right: 1px solid #fff;
	padding: 0 2% 0 0;
}
.subject_title_box .en{
	color: #fff;
	font-size: 12px;
	margin: 0 0 10px 0;
}
.subject_title_box .subject_title{
	color: #fff;
	font-size: 50px;
	line-height: 1;
	font-weight: 200;
	letter-spacing: 4px;
}
.subject_title_box .subject_title span{
	color: #fff;
	font-size: 25px;
	font-weight: 200;
}
.subject_title_box li:nth-child(2){
	padding: 0 0 0 2%;
}
.school_price{
	color: #fff;
	font-size: 25px;
	font-weight: 200;
}
.school_price span{
	color: #fff;
	font-size: 18px;
	font-weight: 200;
}
.school_year{
	color: #fff;
	font-size: 18px;
	margin: 0 0 0 -5px;
	line-height: 1;
	font-weight: 200;
}

/* SP */
@media screen and (max-width: 860px){
	.header_check .form_name{
		font-size: 12px;
		margin: 2px 0 0;
	}
	.header_subject .form_name{
		font-size: 12px;
		margin: 2px 0 0;
	}
	.subject_title_box .inner{
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
	}
	.subject_title_box{
		padding: 4% 7%;
	}
	.subject_title_box li:nth-child(1){
		border-right: 0px solid #fff;
		padding: 0 5% 10px 0;
	}
	.subject_title_box .en{
		font-size: 11px;
		margin: 0 0 5px;
	}
	.subject_title_box .subject_title{
		font-size: 45px;
		font-weight: 200;
		letter-spacing: 4px;
	}
	.subject_title_box .subject_title span{
		color: #fff;
		font-size:14px;
	}
	.subject_title_box li:nth-child(2){
		padding: 0;
	}
	.school_price{
		color: #fff;
		font-size: 20px;
	}
	.school_price span{
		color: #fff;
		font-size: 12px;
	}
	.school_year{
		color: #fff;
		font-size: 13px;
		margin: 0 0 0 -5px;
		line-height: 1;
	}
}

/* ========================================
 *  footer
  ========================================*/

footer{
	background: #efefef;
	width: 100%;
	height: auto;
	padding: 4% 0 3%;
}
footer p{
	color: #595757;
}
.footer_list{
	max-width: 1280px;
	width: 86%;
	margin: 0 auto 5%;
}
.list01,.list02{
	width: 50%;
	padding: 0 5%;
	margin: 0 0 5% 0;
}
.list03,.list04{
	width: 50%;
	padding: 0 5%;
}
.list01 ul li{
	width: 50%;
}
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_footer.png) no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto;
}
footer .copy{
	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 5%;
		margin: 0 0 5% 0;
	}
	.list03{
		width: 100%;
		padding: 0 5%;
		margin: 0 0 5% 0;
	}
	.list04{
		width: 100%;
		padding: 0 5%;
	}
	.footer_list{
		width: 86%;
		margin: 5% auto;
		font-size: 12px;
	}
	footer .logo{
		width: 100px;
		margin: 8% auto 0%;
	}
	footer .copy{
		text-align: center;
		font-weight:  500;
		font-size: 10px;
		margin: 2% auto 0;
	}

}
/* ========================================
 *  contaienr
  ========================================*/

.container{
	width: 86%;
	max-width: 1280px;
	margin: 4% auto;
}
.container .titlebox{
	width: 100%;
	margin: 0;
}
.container .titlebox .icon{
    width: 40px;
    margin: 4px 15px 0 0;
}
.container .titlebox .icon_txt{
	width: 50px; 
	margin: 0 15px 0 0;
}
.container .titlebox .title{
	color: #595757;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
}
.container .titlebox .title span{
	color: #595757;
	font-size: 12px;
	font-weight: 300;
}
.container .titlebox .txt{
	color: #595757;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin: 2% 0;
}
.container .titlebox .txt_02{
	color: #595757;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin: 2% 0;
}

/* SP */
@media screen and (max-width: 860px){
	.container .titlebox{
		padding: 0;
	}
	.container .titlebox .icon{
		width: 40px; 
		margin: 0 15px 0 0;
	}
	.container .titlebox .icon_txt{
		width: 30px; 
		margin: 0 15px 0 0;
	}
	.container .titlebox .title{
		color: #595757;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2;
	}
	.container .titlebox .title span{
		color: #595757;
		font-size: 10px;
		font-weight: 300;
	}
	.container .titlebox .txt{
		color: #595757;
		font-size: 10px;
		font-weight: 400;
		line-height: 1.5;
		margin: 2% 0;
	}
	.container .titlebox .txt_02{
		font-size: 10px;
	}
}


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

 *  トップページ / index.html
　
  ================================================================================*/
.toppage{
	width: 100%;
	position: relative;
}
.toppage #shinjyuku{
	background: #00a0e9;
	padding: 3% 0;
}
.toppage #akihabara{
	background: #fabe00;
	padding: 3% 0;
}
.toppage #shibuya{
	background: #718cc7;
	padding: 3% 0;
}
.toppage #kunitachi{
	background: #8fc31f;
	padding: 3% 0;
}
.toppage_inner{
	width: 86%;
	max-width: 1280px;
	margin: 0 auto;
}
.toppage_inner_title{
	width: 30%;
	padding: 0 5% 0 0
}
.toppage_inner_title .en{
	color: #fff;
	font-size: 12px;
	margin: 0 0 4px 0;
}
.toppage_inner_title .title span{
	display: inline-block;
	color: #fff;
	font-size: 50px;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: 4px;
	margin: 0 0 0 -2px;
	border-bottom: 1px solid hsla(0,0%,100%,0.73);
}
.toppage_inner_title .title_sub{
	width: 80%;
	color: #fff;
	font-size: 12px;
	margin: 8px 0 0;
}
.toppage_list_box{
	width: 70%;
	margin: 2% 0 0;
}
.list{
	margin: 20px 0 0 -2%;
}
.list_category_title{
	color: #fff;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 1px;
	margin: 2% 0 4%;
}
.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;
}
.list li figure{
	width: 100%;
	padding-bottom: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all  1s;
}
.list li figurecaption{
	width: 100%;
	padding: 5% 5% 5% 13%;
	display: block;
	color: #fff;
	text-align: left;
	position: relative;
}
.list li figurecaption .en{
	font-size: 10px;
	margin: 0 0 5px 4px;
}
.list li figurecaption .subject_title{
	font-size: 27px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 4px;
}
.list li figurecaption .subject_title span{
	font-weight: 300;
	font-size: 13px;
	line-height: 0.7;
	letter-spacing: 2px;
}
.list li figurecaption .left_bar{
	height: 100%;
	width: 12px;
	position: absolute;
	left: 8px;
	top:0;
}

/* 科目ごとの設定 ===================*/
/*油絵*/
.list .aburae figure{
    background-color: #fff;
}
.list .aburae figurecaption{
	background: #fff;
}
.list .aburae *{
	color: #008e5c;
}
.list .aburae .left_bar{
	background: #008e5c;
}
#shinjyuku .aburae figure{
	background: url(../subject/aburae/img/aburae_img_01.png);
	background-position: center center;
	background-size: cover;
}
#shibuya .aburae figure{
	background: url(../subject/shibuya/aburae/img/aburae_img_01.png);
	background-position: center center;
	background-size: cover;
}
#kunitachi .aburae figure{
	background: url(../subject/kunitachi/aburae/img/aburae_img_01.png);
	background-position: center center;
	background-size: cover;
}
#akihabara .aburae figure{
	background: url(../subject/akihabara/aburae/img/abura_img_01.png);
	background-position: center center;
	background-size: cover;
}
/*日本画*/
.list .nihonga figurecaption{
	background: #fff;
}
.list .nihonga *{
	color: #e8373d;
}
.list .nihonga .left_bar{
	background:#e8373d;
}
.list .nihonga figure{
	background: url(../subject/nihonga/img/nihonga_img_01.png);
	background-position: center center;
    background-color: #e8373d;
	background-size: cover;
}
#akihabara .nihonga figure{
	background: url(../subject/akihabara/nihonga/img/nihonga_img_01.png);
	background-position: center center;
	background-size: cover;
}
/*彫刻*/
.list .choukoku figurecaption{
	background: #fff;
}
.list .choukoku *{
	color: #fabe00;
}
.list .choukoku .left_bar{
	background:#fabe00;
}
.list .choukoku figure{
	background: url(../subject/choukoku/img/choukoku_img_01.png);
	background-position: center center;
    background-color: #fabe00;
	background-size: cover;
}

/*先端*/
.list .sentan figurecaption{
	background: #fff;
}
.list .sentan *{
	color:  #76a32d;
}
.list .sentan .left_bar{
	background: #76a32d;
}
.list .sentan figure{
	background: url(../subject/sentan/img/sentan_img_02.png);
	background-position: center center;
    background-color: #76a32d;
	background-size: cover;
}
/*建築*/
.list .kenchiku figurecaption{
	background: #fff;
}
.list .kenchiku *{
	color:  #924898;
}
.list .kenchiku .left_bar{
	background: #924898;
}
.list .kenchiku figure{
	background: url(../subject/kenchiku/img/kenchiku_img_01.png);
	background-position: center center;
    background-color: #924898;
	background-size: cover;
}

/*映像*/
.list .eizo figurecaption{
	background: #fff;
}
.list .eizo *{
	color: #5976ba;
}
.list .eizo .left_bar{
	background: #5976ba;
}
.list .eizo figure{
	background: url(../subject/eizo/img/eizo_img_01.png);
	background-position: center center;
    background-color: #5976ba;
	background-size: cover;
}
/*デザイン*/
.list .design figurecaption{
	background: #fff;
}
.list .design *{
	color: #00a0e9;
}
.list .design .left_bar{
	background: #00a0e9;
}
#shinjyuku .geidai figure{
	background: url(../subject/design/geidai/img/design_img_01.png);
	background-position: center center;
	background-size: cover;
}
#shinjyuku .kougei figure{
	background: url(../subject/design/kougei/img/kougei_img_01.png);
	background-position: center center;
	background-size: cover;
}
#shinjyuku .shiritsu figure{
	background: url("../subject/design/shiritsu/img/design__shiritsu_img_01.png");
	background-position: center center;
	background-size: cover;
}
#shibuya .geidai figure{
	background: url(../subject/design/geidai/img/design_img_02.png);
	background-position: center center;
	background-size: cover;
}
#shibuya .shiritsu figure{
	background: url(../subject/shibuya/design/img/design_img_02.png);
	background-position: center center;
	background-size: cover;
}
#kunitachi .geidai figure{
	background: url(../subject/design/geidai/img/design_img_01.png);
	background-position: center center;
	background-size: cover;
}
#kunitachi .shiritsu figure{
	background: url(../subject/kunitachi/design/img/design_img_02.png);
	background-position: center center;
	background-size: cover;
}
#akihabara .geidai figure{
	background: url(../subject/akihabara/design/img/design_img_01.png);
	background-position: center center;
	background-size: cover;
}
#akihabara .shiritsu figure{
	background: url("../subject/akihabara/design/img/design_img_06.png");
	background-position: center center;
	background-size: cover;
}

/*デザイン*/
.list .dessin figurecaption{
	background: #fff;
}
.list .dessin *{
	color: #6C9BD2;
}
.list .dessin .left_bar{
	background: #6C9BD2;
}
#shibuya .dessin figure{
	background: url(../subject/shibuya/dessin/img/dessin_img_01.png);
	background-position: center center;
	background-size: cover;
}
#kunitachi .dessin figure{
	background: url(../subject/kunitachi/dessin/img/dessin_img_01.png);
	background-position: center center;
	background-size: cover;
}

/*芸術学*/
.list .geijyutsu figurecaption{
	background: #fff;
}
.list .geijyutsu *{
	color: #7f4b58;
}
.list .geijyutsu .left_bar{
	background: #7f4b58;
}
/*中学生受験科*/
.list .high figurecaption{
	background: #fff;
}
.list .high *{
	color: #45b035;
}
.list .high .left_bar{
	background: #45b035;
}
.list .high figure{
	background: url(../subject/high_school_exam/img/high_img_01.png);
	background-position: center center;
    background-color: #45b035;
	background-size: cover;
}
/*新宿　基礎*/
#shinjyuku .kiso figurecaption{
	background: #fff;
}
#shinjyuku .kiso *{
	color: #eb6ea5;
}
#shinjyuku .kiso .left_bar{
	background: #eb6ea5;
}
#shinjyuku .kiso figure{
	background: url(../subject/kiso/shinjyuku/img/kiso_img_01.png);
	background-position: center center;
    background-color: #eb6ea5;
	background-size: cover;
}

/*新宿　夜間*/

#shinjyuku .kiso_night figurecaption{
	background: #fff;
}
#shinjyuku .kiso_night *{
	color: #6a8eb2;
}
#shinjyuku .kiso_night .left_bar{
	background: #6a8eb2;
}
#shinjyuku .kiso_night figure{
	background: url(../subject/kiso/night_dessin/img/night_img_01.png);
	background-position: center center;
    background-color: #6a8eb2;
	background-size: cover;
}

/*新宿　夜間*/
#shinjyuku .ryugaku figurecaption{
	background: #fff;
}
#shinjyuku .ryugaku *{
	color: #6a8eb2;
}
#shinjyuku .ryugaku .left_bar{
	background: #6a8eb2;
}
#shinjyuku .ryugaku figure{
	background: url(../subject/ryugaku/night/img/night_img_01.png);
	background-position: center center;
    background-color: #6a8eb2;
	background-size: cover;
}

/*渋谷　基礎*/
#shibuya .kiso figurecaption{
	background: #fff;
}
#shibuya .kiso *{
	color: #f6ab00;
}
#shibuya .kiso .left_bar{
	background: #f6ab00;
}
#shibuya .kiso figure{
	background: url(../subject/shibuya/kiso/img/kiso_img_01.png);
	background-position: center center;
    background-color: #f6ab00;
	background-size: cover;
}

/*国立　基礎*/
#kunitachi .kiso figurecaption{
	background: #fff;
}
#kunitachi .kiso *{
	color: #f6ab00;
}
#kunitachi .kiso .left_bar{
	background:#f6ab00;
}
#kunitachi .kiso figure{
	background: url(../subject/shibuya/kiso/img/kiso_img_02.png);
	background-position: center center;
    background-color: #f6ab00;
	background-size: cover;
}

/*秋葉原　基礎*/
#akihabara .kiso figurecaption{
	background: #fff;
}
#akihabara .kiso *{
	color: #f6ab00;
}
#akihabara .kiso .left_bar{
	background:#f6ab00;
}
#akihabara .kiso figure{
	background: url(../subject/akihabara/kiso/img/kiso_img_01.png);
	background-position: center center;
    background-color: #f6ab00;
	background-size: cover;
}

/*秋葉原　つくば*/
#akihabara .tsukuba figurecaption{
	background: #fff;
}
#akihabara .tsukuba *{
	color: #f6ab00;
}
#akihabara .tsukuba .left_bar{
	background:#f6ab00;
}
#akihabara .tsukuba figure{
	background: url("../subject/akihabara/tsukuba/img/tsukuba_img_01.png");
	background-position: center center;
    background-color: #f6ab00;
	background-size: cover;
}
/*秋葉原　夜間コース*/
#akihabara .night figurecaption{
	background: #fff;
}
#akihabara .night *{
	color: #6A8EB2;
}
#akihabara .night  .left_bar{
	background:#6A8EB2;
}
#akihabara .night figure{
	background: url(../subject/shibuya/kiso/img/kiso_img_01.png);
	background-position: center center;
    background-color: #6A8EB2;
	background-size: cover;
}

/*小論文*/
.list .note figurecaption{
	background: #fff;
}
.list .note *{
	color: #cb5245;
}
.list .note .left_bar{
	background: #cb5245;
}
/*美大学科講座*/
.list .study figurecaption{
	background: #fff;
}
.list .study *{
	color: #f6ab00;
}
.list .study .left_bar{
	background: #f6ab00;
}

/* PCのみhover　アクション */
@media screen and (min-width: 860px){
	.list li:hover figure{
		opacity: 0.8;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
	}
}
@media only screen and (max-width: 860px){
	.toppage #shinjyuku{
		padding: 6% 0;
	}
	.toppage #akihabara{
		padding: 6% 0;
	}
	.toppage #shibuya{
		padding: 6% 0;
	}
	.toppage #kunitachi{
		padding: 6% 0;
	}
	.toppage_inner{
		width: 86%;
		max-width: 1280px;
		margin: 0 auto;
	}
	.toppage_inner_title{
		width: 100%;
		padding: 0 0;
	}
	.toppage_inner_title .en{
		color: #fff;
		font-size: 12px;
		margin: 0 0 4px 0;
	}
	.toppage_inner_title .title span{
		display: inline-block;
		color: #fff;
		font-size: 50px;
		line-height: 1.2;
		font-weight: 200;
		letter-spacing: 4px;
		margin: 0 0 0 -2px;
		border-bottom: 1px solid hsla(0,0%,100%,0.73);
	}
	.toppage_inner_title .title_sub{
		width: 100%;
		color: #fff;
		font-size: 12px;
		margin: 8px 0 0;
	}
	.toppage_list_box{
		width: 100%;
		margin: 2% 0 0;
	}
	.list_category_title{
		color: #fff;
		font-size: 18px;
		font-weight: 200;
		letter-spacing: 1px;
		margin: 4% 0 2%;
	}
	.list_category_title span{
		height: 20px;
		width: 6px;
		background: #fff;
		margin: 0 14px 0 0;
	}
	.list{
		margin: 20px 0 0 -2%;
	}
	.list li{
	  width: 48%;
	  margin: 0 0 20px 2%;
	  text-align: center;
	  position: relative;
	}
	.list li figure{
		width: 100%;
		padding-bottom: 100%;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
	}
	.list li figurecaption{
		width: 100%;
		padding: 6% 5% 6% 16%;
		display: block;
		color: #fff;
	}
	.list li figurecaption .left_bar{
		height: 100%;
		width: 6px;
		position: absolute;
		left: 8px;
		top:0;
	}
	.list li figurecaption .en{
		font-size: 10px;
		margin: 0 0 5px 0;
	}
	.list li figurecaption .subject_title{
		font-size: 14px;
		line-height: 1.2;
		font-weight: 300;
		letter-spacing: 2px;
	}
	.list li figurecaption .subject_title span{
		font-weight: 300;
		font-size: 12px;
		line-height: 0.7;
	}
}
/* ================================================================================

 *  個人情報入力ページ / form.html
　
  ================================================================================*/

.form_wrap{
	width: 100%;
	margin: 3% auto;
}
.side_left{
	width: 64%;
    margin: 0;
    padding: 0 3% 0 0;
}
.cart_page .side_left{
	width: 100%;
	margin: 0;
	padding: 0;
}
.lead{
	width: 100%;
	border: 2px solid #595757;
	padding: 3% 5%;
}
.cart_lead{
	background: #595757;
}
.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);
}
.cart_lead .main_txt{
	color: #fff;
}
.lead .sub_txt{
	line-height: 1.3;
	font-size: 15px;
}
.cart_lead .sub_txt{
	color: #fff;
}
.cart_lead .sub_txt a{
	color: #fff;
}
.required_point{
	color: #e60012;
}
.discount_list a{
	color: #e4007f;
}

@media screen and (max-width: 860px){
	.side_left{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.lead .main_txt{
		font-size: 16px;
	}
	.lead .sub_txt{
		font-size: 12px;
	}
}

/* フォーム */

.personal_info_list{
	width: 100%;
    position: relative;
    max-width: 1280px;
    margin: 40px auto;
    border-top: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
}
.personal_info_list li{
	width: 100%;
	border-bottom: 1px solid #EDEDED;
}
.personal_info_list .personal_info_left{
	width: 300px;
	padding: 22px 20px;
	text-align: left;
	background: #F4F4F5;
	align-self: stretch;
}
.personal_info_list .personal_info_left_txt{
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	display: block;
	color: #595757;
}
.personal_info_list .personal_info_right{
	padding: 22px 40px;
	width: calc(100% - 300px);
}
.personal_info_list .personal_info_right .contents{
	width: 100%;
	display: block;
}
.personal_info_list .personal_info_right .contents_margin{
	width: 100%;
	display: block;
	margin: 0 0 20px;
}
.personal_info_list .personal_info_right .error{
	color: #e60012;
	font-size: 12px;
	margin: 5px 0;
}
.personal_info_list .hissu{
	color: #fff;
	text-align: center;
	background: #E32629;
	border-radius: 2px;
	font-size: 10px;
	padding: 2px 5px;
    margin: 0 0 0 5px;
}
@media screen and (max-width: 860px){
	.personal_info_list .personal_info_left_txt{
		font-size: 13px;
	}
}

/* input 系　共通設定  =========================*/
input[type="text"] {
	border: 1px solid rgba(215,215,215,1.00);
	padding: 0.35em 0.5em; 
	text-align: left;
}
input[type="password"] {
	border: 1px solid rgba(215,215,215,1.00);
	padding: 0.35em 0.5em; 
	text-align: left;
}
input[type="text"]:focus {
  outline: 0;
  border-color: #1d2088;
}
textarea{
	width: 100%;
	border: 1px solid rgba(215,215,215,1.00); 
	border-radius: 6px; 
	padding: 0.35em 0.5em; 
	font-family: "Noto Sans Japanese";
}
textarea:focus {
  outline: 0;
  border-color: #1d2088;
}

/* ラジオボタン =========================*/
.radio_btn input[type="radio"] {
	display: none;
}
.radio_btn label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
.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%;
}
.radio_btn input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 55%;
	left: 4px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	background: #1d2088;
	border-radius: 100%;
}
input[type="radio"]:focus {
  outline: 0;
  border-color: #1d2088;
}
/* セレクトボタン =========================*/
.select_label {
	position: relative;
	display: inline-block;
	border: 1px solid rgba(215,215,215,1.00);
	border-radius: 5px;
	background: #fff;
	margin: 0 5px 0 0;
}
.select_birth {
	width: 100px;
}
.select_gakunen {
	width: 300px;
}
.select_school {
	width: 300px;
}
.select_lap {
	width: 100px;
}
.select_label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 7px;
	display: block;
	width: 0;
	height: 0;
	margin: -4px 0 0 0;
	border: 5px solid transparent;
	border-top: 6px solid #595757;
}
select {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	padding: 0.35em 0.5em; 
	color:  #595757;
	border: none;
	border-radius: 5px;
	background: transparent;
}

/* 参加者氏名 ふりがな */
input{
	border-radius: 5px;
}
.name_input_box_sei{
	width: 200px;
	height: 30px;
	font-size: 14px;
	display: inline-block;
	margin: 0 20px 5px 5px;
}
.name_input_box_mei{
	width: 200px;
	height: 30px;
	font-size: 14px;
	display: inline-block;
	margin: 0 0 5px 5px;
}
/* 生年月日 */
.b_year{
	width: 100px;
    margin: 0 5px 0 0;
}
.b_month{
	width: 50px;
}
.b_day{
	width: 50px;
}
/* 住所 */
.zip_code01{
	width: 80px;
	margin: 0 3px;
}
.zip_code02{
	width: 100px;
	margin: 0 3px;
}
.address01{
	width: 300px;
	margin: 0 3px;
}
.address02{
	width: 300px;
	margin: 0 3px;
}
.form_input_box{
    width: 300px;
	margin: 0 3px;
}
.form_graduation_input_box{
    width: 210px;
	margin: 0 3px;
}
.personal_info_list .attention{
    font-size: 12px;
    margin: 10px 0 0;
    display: block;
    position: relative;
}

.submit_txt{
	text-align: center;
	font-size: 12px;
}

/* 確認ボタン */
.submit { 
	width: 280px;
	margin: 30px auto 0;
	background: #1d2088;
	padding: 15px 0;
	font-size: 13px;
	border: 1px solid #1d2088 !important;
	color:#fff;
	text-align: center;
	display: block;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all  1s;
}
@media screen and (min-width: 860px){
	.submit:hover{
		width: 280px;
		margin: 30px auto 0;
		background: #fff;
		padding: 15px 0;
		font-size: 13px;
		border: 1px solid #1d2088 !important;
		color:#1d2088;
		text-align: center;
		display: block;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
	}
}
@media screen and (max-width: 860px){
	.submit { 
		width: 100%;
		margin: 30px auto;
		background: #1d2088;
		padding: 15px 0;
		font-size: 13px;
        letter-spacing: 2px;
		border: 1px solid #1d2088 !important;
		color:#fff;
		text-align: center;
		display: block;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	}
}


@media only screen and (max-width: 860px){
	.personal_info_list{
		width: 100%;
		position: relative;
		max-width: 1280px;
		margin: 20px auto 5%;
		border-top: 0px solid #EDEDED;
		border-left: 0px solid #EDEDED;
		border-right: 0px solid #EDEDED;
	}
	.personal_info_list li{
		width: 100%;
		border-bottom: 1px solid #EDEDED;
	}
	.personal_info_list li:last-child{
		width: 100%;
		border-bottom: 0px solid #EDEDED;
	}
	.personal_info_page{
		margin: 0px auto;
	}
	.personal_info_list .personal_info_left{
		width: 100%;
		padding: 10px 20px;
		text-align: left;
		background: #EDEDED;
		align-self: stretch;
	}
	.personal_info_list .personal_info_left_txt{
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		display: block;
		color: #595757;
	}
	.personal_info_list .personal_info_right{
		padding: 20px 20px;
		width: 100%;
	}
	.personal_info_list .personal_info_right .contents{
		width: 100%;
		display: block;
	}
	.personal_info_list .personal_info_right .contents_margin{
		width: 100%;
		display: block;
		margin: 0 0 20px;
	}
	.personal_info_list .personal_info_right .error{
		color: #e60012;
		font-size: 12px;
		margin: 5px 0;
	}
	.name_input_box_sei{
		width: 90%;
		height: 33px;
		font-size: 14px;
		display: inline-block;
		margin: 0 5px 16px 10px;
	}
    .name_input_box_mei{
		width: 90%;
		height: 33px;
		font-size: 14px;
		display: inline-block;
		margin: 0 5px 0px 10px;
	}
    .form_input_box{
        width: 100%;
        margin: 0;
    }
    .personal_info_list .attention{
        font-size: 10px;
        margin: 10px 0 0;
        display: block;
        position: relative;
    }
    .select_birth {
        width: 60px;
    }
	.select_gakunen {
        width: 100%;
        margin: 0;
    }
	.select_school {
        width: 100%;
        margin: 0;
    }
}


/* side_right */
.side_right{
	width: 36%;
}
.cart_page .side_right{
	width: 100%;
	margin: 60px auto 0;
}
.side_right .info{
	background: rgba(29,32,136,0.1);
	padding: 50px;
	margin: 0 auto 30px;
}
.info_title{
	border-bottom: 1px solid #3e3a39;
	color: #1d2088;
	font-weight: 500;
	font-size: 15px;
}
.info_txt{
	margin: 40px auto;
	padding: 0;
}
.info_txt .subtitle{
	color: #1d2088;
	font-weight: 500;
	font-size: 15px;
	margin: 0 auto 10px;
}
.info_txt .subtxt{
	line-height: 1.8;
	font-size: 12px;
	color: #231815;
	padding: 0 15px;
	margin: 0;
}

.side_right .right_side_contents{
	margin: 0 auto 0;
	border: 1px solid #1d2088;
}
.right_side_title{
	color: #fff;
	background: #1d2088;
	text-align: center;
	font-size: 18px;
	padding: 15px 0;
}
.right_side_contents .inner{
	padding: 30px;
}
.right_side_list{
	width: 100%;
	position: relative;
}
.right_side_list li{
	width: 100%;
	position: relative;
	margin: 0 auto 20px;
}
.right_side_list .question_title{
	width: 350px;
	position: relative;
}
.right_side_list .question_contents{
	width: calc(100% - 350px);
	position: relative;
}
.right_side_list .question_contents span{
	font-size: 11px;
	margin: 5px 0 0;
	color: #8F8F8F;
	display: block;
}

@media screen and (max-width: 860px){
	.side_right{
		width: 100%;
		margin: 30px 0 0;
	}
	.cart_page .side_right{
		width: 100%;
		margin: 30px auto 0;
	}
	.right_side_title{
		font-size: 14px;
	}
	.side_right .info {
		background: rgba(29,32,136,0.1);
		padding: 30px;
		margin: 0 auto 30px;
	}
	.info_title{
		border-bottom: 1px solid #3e3a39;
		color: #1d2088;
		font-weight: 500;
		font-size: 13px;
		padding: 0 0 4px;
		text-align: center;
	}
	.info_txt{
		margin: 20px auto;
		padding: 0;
	}
	.info_txt .subtitle{
		color: #1d2088;
		font-weight: 500;
		font-size: 15px;
		margin: 0 auto 10px;
	}
	.info_txt .subtxt{
		line-height: 1.8;
		font-size: 12px;
		color: #231815;
		padding: 0px;
		margin: 0;
	}
	.right_side_list{
		width: 100%;
		position: relative;
	}
	.right_side_list li{
		width: 100%;
		position: relative;
		margin: 0 auto 20px;
	}
	.right_side_list .question_title{
		width: 100%;
		position: relative;
	}
	.right_side_list .question_contents{
		width: 100%;
		position: relative;
		margin: 8px 0 0;
	}
	.right_side_list .question_contents span{
		font-size: 11px;
		margin: 5px 0 0;
		color: #8F8F8F;
		display: block;
	}
}


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

 *  カート表示 / cart.html
　
  ================================================================================*/

.cart_inner {
    width: 100%;
    margin: 5% auto 0;
	padding: 5% 0 0 0;
    position: relative;
    display: block;
	border-top: 1px solid rgba(74,74,74,1.00);
}
.course_list{
	width: 100%;
	margin: 0% auto 8%;
}
.course_list .left{
	width: 18%;
}
.period_box{
	width: 100%;
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
}
/* 期間　color 指定 */
.period_01{
	background: #F5FBFE;
}
.period_02{
	background: #FFF6E9;
}
.period_03{
	background: #FEF7FA;
}
.period_04{
	background: #e9e6f3;
}
.period_05{
	background: #f0ede6;
}
.period_06{
	background: #fdeff5;
}
.period_name{
	font-size: 20px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans Japanese","ＭＳ ゴシック", "MS Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.kounai{
	background: #0B318F;
}
.kounai .period_name{
	font-size: 17px;
	color: #fff;
	padding: 11px 0;
}
@media screen and (max-width: 860px){
	.kounai .period_name{
		font-size: 12px;
		color: #fff;
		padding: 11px 0;
	}
}
.kougai{
	background: #999999;
}
.kougai .period_name{
	font-size: 17px;
	color: #fff;
	padding: 11px 0;
}
@media screen and (max-width: 860px){
	.kougai .period_name{
		font-size: 12px;
		color: #fff;
		padding: 11px 0;
	}
}
.shinjyuku {
	background: #00a0e9;
}
.shinjyuku .period_name {
	color: #fff;
}
.shibuya {
	background: #718cc7;
}
.shibuya .period_name {
	color: #fff;
}
.kunitachi {
	background: #8fc31f;
}
.kunitachi .period_name {
	color: #fff;
}

.course_list .right{
	width: 82%;
	padding: 0 0 0 20px;
}
.course_subject{
	font-size: 13px;
	display: inline-block;
	color: #fff;
	padding: 5px 8px;
	margin: 0 0 10px 0;
}
.course_name{
	font-size: 18px;
	font-weight: bold;
    margin: 0;
    background: #EFEFEF;
    padding: 10px 11px;
	border-top: 1px solid #ccc;
}
.course_name span{
	font-size: 15px;
	font-weight: 500;
}
.course_info_txt{
	font-size: 13px;
    margin: 15px 0;
}
.course_info_box{
	margin: 0 auto 20px;
    padding: 10px 0 0 30px;
	border-top: 1px solid #ccc;
	position: relative;
}
.course_number p{
	background: #000;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}
.course_name_sub{
	font-size: 18px;
	margin: 10px 0 10px 0;
	font-weight: 500;
}
.course_date p{
	font-size: 18px;
}
.course_period p{
	font-size: 13px;
}
.course_price p{
	font-size: 22px;
}
.syasen{
	text-decoration: line-through;
}
.muryou{
	color: #fff;
	background: #E85298;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	padding: 8px 13px;
	font-size: 11px;
	left: -20%;
}
/* コースを削除する */
.delete_btn{
	background: #c2221f;
	padding: 1% 2%;
	width: 200px;
	color: #fff;
	border: 1px solid #c2221f;
	cursor: pointer;
	margin-left: auto;
}
.delete_btn .icon{
	width: 16px;
	margin: 3px 0 0 0;
}
.delete_btn .txt{
	font-size: 12px;
	color: #fff;
}
/* 合計金額 */
.cart_total_box{
	width: 100%;
	margin: 2% 0 0 0%;
	text-align: right;
	padding: 2% 0;
	border-top: 1px solid #ccc;
}
.cart_total_box .txt{
	font-size: 28px;
	text-align: right;
	margin: 0 15px 0 0;
}
.cart_total_box .price{
	font-size: 23px;
	text-align: right;
}
.discount_list span{
	color:  #1d2088;
	font-weight: 500;
	border-bottom:1px solid #1d2088;
}


/* SP */
@media screen and (max-width: 860px){
	.period_name{
		font-size: 14px;
	}
	.course_subject{
		font-size: 11px;
	}
	.course_name{
		font-size: 14px;
		margin: 0;
		font-weight: bold;
	}
	.course_info_txt{
		font-size: 11px;
	}
	.course_info_box{
		border-top: 1px solid #ccc;
		padding: 15px 0 0 0;
		margin: 0 0 15px;
	}
	.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: 14px;
	}
	.course_period p{
		font-size: 12px;
	}
	.course_price p{
		font-size: 16px;
	}
	.delete_btn .icon{
		width: 10px;
		margin: 0 0 7px 2px;
	}
	.delete_btn .txt{
		font-size: 10px;
	}
	.cart_total_box .txt{
		font-size: 20px;
	}
	.cart_total_box .price{
		font-size: 16px;
	}
	.discount_list span{
		color:  #1d2088;
		font-weight: 500;
		border-bottom:1px solid #1d2088;
		font-size: 12px;
		margin: 10px 0 0 0;
	}
}

/* 特典　*/
.benefits{
	margin: 5% 0;
}
.benefits li{
	border:1px solid #1d2088;
	padding: 3%;
	margin: 3% 0 1% 0;
}
.benefits li .left{
	width: 18%;
}
.benefits .benefits_number{
	text-align: center;
	font-size: 25px;
	color: #1d2088;
}
.benefits .benefits_number span{
	text-align: center;
	font-size: 36px;
	color: #1d2088;
	font-weight: 600;
}
.benefits li .right{
	width: 82%;
	padding: 0 0 0 2%;
	border-left:1px solid #1d2088;
}
.benefits .form{
	margin: 0;
	width: 50%;
}
.benefits .arrow_box{
	width: 10%;
}
.benefits .arrow_box .arrow{
	width: 30px;
	margin: 0 auto;
}
.benefits .befits_total_box{
	width: 40%;
	font-size: 30px;
	text-align: center;
}
@media screen and (max-width: 860px){
	.benefits{
		margin: 5% 0;
	}
	.benefits_contents .contents{
		width: 100%;
		margin: 20px 0;
	}
	.benefits li{
		border:1px solid #1d2088;
		padding: 20px;
		margin: 3% 0 1% 0;
	}
	.benefits li .left{
		width: 100%;
		border-right:0px solid #1d2088;
		border-bottom:1px solid #1d2088;
	}
	.benefits .benefits_number{
		text-align: center;
		font-size: 20px;
		color: #1d2088;
	}
	.benefits .benefits_number span{
		text-align: center;
		font-size: 22px;
		color: #1d2088;
		font-weight: 600;
	}
	.benefits li .right{
		width: 100%;
		padding: 0;
		border-left: 0px solid #1d2088;
	}
	.benefits .form{
		margin: 0;
		width: 100%;
		font-size: 12px;
	}
	.benefits .arrow_box{
		width: 20px;
		margin: 0 10px 0 0;
	}
	.benefits .arrow_box .arrow{
		width: 20px;
		margin: 0;
	}
	.benefits .befits_total_box{
		width: calc(100% - 30px);
		font-size: 16px;
		text-align: left;
	}
}



/*　ポイント ============================================== */

.point_left{
	font-size: 13px;
	width: 100%;
	margin: 0 0 10px 0;
}
.point_left .point_title{
	font-size: 15px;
	margin: 0 50px 0 0;
}
.point_use_contents .point_mark{
	width: 24px;
	margin: 0 10px 0 0;
}
.point_use_contents .point_number{
	font-size: 13px;
	font-family: europa, sans-serif;
}
.point_right .point_number{
	width: auto;
	text-align: right;
}

.point_use_contents .point_number span{
	font-size: 12px;
	font-family: europa, sans-serif;
}
.point_right .point_number span{
	margin: 0 0 0 11px;
}
.point_left .point_number span{
	margin: 0 0 0 5px
}
.point_right{
	font-size: 13px;
	width: 100%;
}
.point_use_input{
	border: 1px solid rgba(215,215,215,1.00);
    padding: 0.35em 0.5em;
    text-align: left;
	width: 100px;
    height: 30px;
    font-size: 14px;
    display: inline-block;
    margin: 0 5px 5px 5px;
}
.point_right .point_title{
	font-size: 12px;
	margin: 0 20px 0 0;
}
.point_right_inner{
	width: auto;
}

@media screen and (max-width: 860px){
	.point_use_contents .point_mark{
		width: 18px;
		margin: 0 10px 0 0;
	}
	.point_left .point_mark{
		margin: -10px 5px 0 0;
	}
	.point_use_contents{
		margin: 20px 0;
		width: 100%;
	}
	.point_left .point_title {
		font-size: 15px;
		margin: 0 50px 0 0;
		width: 100%;
		text-align: left;
	}
	.point_right .point_title{
		font-size: 12px;
		margin: 0 20px 0 0;
		width: 50%;
	}
	.point_right .point_number{
		width: auto;
		text-align: right;
    	margin: 4px 0 0 0;
	}
	.point_right_inner{
		width: 50%;
	}
}


/*　右サイド ============================================== */
.side_right .txt{
	font-size: 15px;
	font-weight: 500;
}
.side_right .txt_center{
	text-align: center;
}
.side_right .attention{
	margin: 3% 0 0 0;
}
.side_right .contents_01{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin: 3% auto;
	padding: 3% 0;
}
.side_right .contents_01 .txt{
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.side_right .contents_01 .arrow{
	width: 30px;
    margin: 15px auto;
}
.side_right .contents_01 .arrow img {transform: rotate(90deg);}

/*　銀行振り込み情報　部分 */
.bank{
	margin: 30px auto;
}
.bank_title{
	font-size: 18px;
	color: #1d2088;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.bank_txt{
	font-size: 15px;
	font-weight: 500;
}
.bank_txt span{
	color: #1d2088;
	font-weight: 600;
}
.bank_info{
	margin: 20px auto;
}
.bank_info li{
	font-size: 15px;
}
.bank_info li span{
	font-size: 17px;
	font-weight: 600;
}
.bank .attention{
	color: #1d2088;
	margin: 20px auto;
}

@media screen and (max-width: 860px){
	.side_right .attention{
		font-size: 11px;
	}
	.side_right .txt{
		font-size: 12px;
	}
	.side_right .contents_01 .txt{
		font-size: 12px;
	}
	.side_right .contents_01 .arrow{
		width: 20px;
	}
	.bank_title{
		font-size: 15px;
	}
	.bank_txt{
		font-size: 12px;
	}
	.bank_info li{
		font-size: 12px;
	}
	.bank_info li span{
		font-size: 14px;
	}
	.bank .attention{
		font-size: 12px;
	}
}

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

 *  最終確認画面　/ check.html
　
  ================================================================================*/

.check_wrap{
	width: 100%;
	margin: 3% auto;
}
table.check{
	display: block;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	font-size: 15px;
}
table.check tbody{
	width: 100%;
	display: block;
}
table.check tr {
	width: 2000px;
}
table.check th {
	width: 2000px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.check td {
	width: 2000px;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.total_box{
	width: 100%;
	margin: 2% 0 0 0%;
	padding: 2% 0;
	text-align: right;
	border-top: 1px solid #ccc;
}
.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{
	text-align: center;
	font-size: 30px;
	font-weight: 300;
}
.thanks_wrap .attention_txt{
	margin: 5% auto 0;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}
.attention_txt span{
	color: #e4007f;
}
.link_shinbi{
	text-align: center;
	margin: 5% auto 0;
}
.link_shinbi a{
	font-size: 20px;
	color: #1d2088;
	font-weight: 400;
	display: inline-block;
	border-bottom: 1px solid #1d2088;
	padding: 2%;
}
@media screen and (max-width: 860px){
	.thanks{
		font-size: 25px;
		font-weight: 300;
	}
	.thanks_wrap .attention_txt{
		margin: 5% auto 0;
		font-size: 13px;
		line-height: 1.5;
		text-align: center;
	}
	.link_shinbi{
		margin: 10% 0 0;
	}
	.link_shinbi a{
		font-size: 16px;
		color: #1d2088;
		font-weight: 400;
		display: inline-block;
		border-bottom: 1px solid #1d2088;
		padding: 2%;
	}
}

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

 *  各教科　申し込みページ

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

/* 校舎ごとのメニュー */
.subject_kousya{
	padding: 10px 0;
}
.subject_kousya .title{
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-weight: 200;
	letter-spacing: 4px;
	max-width: 1280px;
	width: 86%;
	margin: 0 auto;
}
.subject_kousya .title span{
	color: #fff;
	font-size: 12px;
	line-height: 1;
	font-weight: 200;
	letter-spacing: 2px;
	margin: 0 auto;
}
.subject_kousya_shinjyuku{
	background: #259fd6;
}
.subject_kousya_akihabara{
	background: #fabe00;
}
.subject_kousya_shibuya{
	background: #718cc7;
}
.subject_kousya_kunitachi{
	background: #8fc31f;
}
/* 教科メニュー */
.subject_menu_title{
	width: 100%;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}
.subject_menu {
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	margin: 0 0 4% 0;
	width: 100%;
}
.subject_menu_25 li{
	width: 25%;
}
.subject_menu_5 li{
	width: 20%;
}
.subject_menu_3 li{
	width: calc(100% / 3);
}
.subject_menu_2 li{
	width: 50%;
}

.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.design{
	background: #00a0e9;
	border: 1px solid #00a0e9;
}
.subject_menu li a.aburae{
	background: #008e5c;
	border: 1px solid #008e5c;
}
.subject_menu li a.kiso{
	background: #f6ac19;
	border: 1px solid #f6ac19;
}
.subject_menu li a.kiso_shinjyuku{
	background: #eb6ea5;
	border: 1px solid #eb6ea5;
}
.subject_menu li a.night{
	background: #304a63;
	border: 1px solid #304a63;
}
.subject_menu li a.active{
	background: #ccc;
	border: 1px solid #ccc;
}
.subject_menu li a.kunitachi{
	background: #8fc31f;
	border: 1px solid #8fc31f;
}
.subject_menu li a.shibuya{
	background: #718cc7;
	border: 1px solid #718cc7;
}
.subject_menu li a.akihabara{
	background: #FABE00;
	border: 1px solid #FABE00;
}
.subject_menu li a.nihonga{
	background: #e8373d;
	border: 1px solid #e8373d;
}
.subject_menu li a.online{
	background: #E1C12A;
	border: 1px solid #E1C12A;
}

.special_td_01{
	background: #a8d06d;
}
.special_td_02{
	background: #41b5dc;
}
.special_td_03{
	background: #f7b263;
}
.special_td_04{
	background: #bbb3d8;
}
.special_td_05{
	background: #e098c0;
}
@media screen and (max-width: 860px){
	.subject_kousya .title{
		color: #fff;
		font-size: 15px;
		line-height: 1;
		font-weight: 200;
		letter-spacing: 4px;
		max-width: 1280px;
		width: 86%;
		margin: 0 auto;
	}
	.subject_menu li a{
		padding: 5px 0px;
		font-size: 11px;
	}
	.subject_menu_25 li{
		width: 100%;
	}
	.subject_menu_5 li{
		width: 100%;
	}
	.subject_menu_5 li:last-child{
		width: 100%;
	}
	.subject_menu_3 li{
		width: 50%;
	}
}
/* PC のみ　hoverアクション　*/
@media screen and (min-width: 860px){
	.subject_menu li a:hover{
		display: inline-block;
		padding: 8px 5px;
		font-size: 13px;
		text-align: center;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all  1s;
	}
	.design .subject_menu li a.link:hover{
		background: #fff;
		color: #00a0e9;
	}
	.design_night .subject_menu li a.link:hover{
		background: #fff;
		color: #304a63;
	}
	.night_dessin .subject_menu li a.link:hover{
		background: #fff;
		color: #6a8eb2;
	}
	.subject_menu li a.kiso:hover{
		color: #f6ac19;
		background: #fff;
	}
	.subject_menu li a.kiso_shinjyuku:hover{
		color: #eb6ea5;
		background: #fff;
	}
	.subject_menu li a.night:hover{
		color: #304a63;
		background: #fff;
	}
	.subject_menu li a.design:hover{
		color: #00a0e9;
		background: #fff;
	}
	.subject_menu li a.aburae:hover{
		color: #008e5c;
		background: #fff;
	}
	.subject_menu li a.kunitachi:hover{
		color: #8fc31f;
		background: #fff;
	}
	.subject_menu li a.shibuya:hover{
		color: #718cc7;
		background: #fff;
	}
	.subject_menu li a.akihabara:hover{
		color: #FABE00;
		background: #fff;
	}
	.subject_menu li a.nihonga:hover{
		color: #e8373d;
		background: #fff;
	}
		.subject_menu li a.online:hover{
		color: #E1C12A;
		background: #fff;
	}
}

.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;
}
.side_inner .point_02{
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	z-index: 999;
	color: #e4007f;
	border: 1px solid #e4007f;
	margin: 0 0 10px 0;
	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 .point_02{
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	z-index: 999;
	color: #e4007f;
	border: 1px solid #e4007f;
	margin: 0 0 10px 0;
	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;
}
.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_title_box .title span.night{
	color: #FBF4AA;
	text-align: center;
	font-size: 18px !important;
}
.subject_list_info_box table td{
	padding: 0;
}
.subject_list_info_box .course_number{
	background: #000;
	color: #fff;
	width: 130px;
	padding: 0 5px;
}
.subject_list_info_box .date01{
	width: 350px;
	padding: 0 5px;
	font-size: 11px;
	border-right: 1px dotted rgba(45,45,45,1.00);
}
.subject_list_info_box .date02{
	width: 150px;
	padding: 0 5px;
	font-size: 10px;
	border-right: 1px dotted rgba(45,45,45,1.00);
}
.info_period{
	background: #9fa0a0;
	color: #fff;
}
.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;
}
.info_attention{
	background: #e6e6e6;
	font-size: 10px;
	padding: 5px;
}
.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 tbody{
	width: 100%;
	display: block;
}
table.subject_table tr {
	width: 2000px;
}
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 .td_30 {
	width: 25%;
}
table.subject_table td .td_position_top{
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	font-size: 11px;
	text-align: center;
}
table.subject_table td .td_position_top_2{
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 50%;
	font-size: 11px;
	text-align: center;
}
table.subject_table td .td_position_bottom{
	border-left: 1px solid #B4B4B4;
	border-top: 1px solid #B4B4B4;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50%;
	font-size: 11px;
	text-align: center;
}
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;
}
table.subject_table .date{
	text-align: right;
	width: 60px;
	padding: 4px;
	background: #ccc;
}
table.subject_table .half_boder_bottom{
	padding: 0;
	margin: 0 0 10px;
	border-bottom: 1px dashed #B4B4B4;
}
.bg_grey{
	background: #EDEDED;
}
.bg_red{
	background: #e60012 !important;
}
.select_txt{
	width: 120px !important;
	font-size: 15px;
	padding: 0 10px;
	text-align: center;
}
.select_txt div{
	width: 30px;
	margin: 0 auto;
}
.select_txt p{
	width: 15px;
	text-align: center;
}
table.subject_table .part{
	font-size: 15px;
	width: 30px;
	padding: 0 5px;
	text-align: center;
	background: #fffeee;
}
table.subject_table .select_txt p{
	width: 15px;
	text-align: center;
}
table.subject_table .txt{
	text-align: center;
	padding: 10px;
}
table.subject_table .rest{
	background: #fff;
}
table.subject_table .border_none_bottom{
	border-bottom: none;
}
table.subject_table .border_none_top{
	border-top: none;
	border-right: 2px solid #B4B4B4;
}
table.subject_table .border_none_color{
	border-top: 1px solid rgba(255,255,255,1);
}
table.subject_table .txt_left{
	text-align: left;
}
table.subject_table .txt_right{
	text-align: right;
}
table.subject_table .txt_center_01{
	margin: -20px 0 0;
}
table.subject_table .txt_center_02{
	margin: -26px 0 0;
}
.special{
	background: #e4007f;
	color: #fff;
}
.special_yellow{
	background: #fcc800;
}

/* 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 .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{
		font-size: 12px;
		width: 10px !important;
		padding: 0 3px;
	}
	.select_txt p{
		width: 12px;
		text-align: center;
	}
	table.subject_table .part{
		font-size: 12px;
		width: 10px;
	}
	table.subject_table td .td_position_top{
		border-right: 1px solid #B4B4B4;
		border-bottom: 1px solid #B4B4B4;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 50%;
		font-size: 8px;
		text-align: center;
	}
	table.subject_table td .td_position_top_2{
		border-right: 1px solid #B4B4B4;
		border-bottom: 1px solid #B4B4B4;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 30%;
		font-size: 8px;
		text-align: center;
	}
	table.subject_table td .td_position_bottom{
		border-left: 1px solid #B4B4B4;
		border-top: 1px solid #B4B4B4;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 50%;
		height: 50%;
		font-size: 8px;
		text-align: center;
	}
}


/* 夏スぺ */
table.specia_table{
	margin: 20px auto 0;
}
table.specia_table td{
	border: 1px solid #e4007f;
	padding: 2%;
}
table.specia_table .special{
	width: 30%;
}
/* 夏スぺ　黄色*/
table.specia_table_yellow{
	margin: 20px auto 0;
}
table.specia_table_yellow td{
	border: 1px solid #fcc800;
	padding: 2%;
}
table.specia_table .special_yellow{
	width: 30%;
}

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

.bg_red{
	background: #e8373d;
	color: #fff;
}
.bg_blue{
	background: #00a0e9;
	color: #fff;
}
.bg_green{
	background: #00a040;
	color: #fff;
}
.bg_green_kiso{
	background: #a9d06b;
}
.bg_green_kiso2{
	background: #66bf97;
}
.bg_blue_kiso{
	background: #4bb2d8;
}
.bg_orange_kiso{
	background: #f9c158;
}
.bg_perple_kiso{
	background: #bbb3d8;
}
.bg_pink_kiso{
	background: #e098c0;
}
.bg_yellow_kiso{
	background: #D4B572;
}
.bg_pink2_kiso{
	background: #F7C7C6;
}
.bg_black{
	background: #3e3a39;
	color: #fff;
}

.comment{
	width: 100%;
	margin: 0 0 2% 0%;
	padding: 2% 3%;
}
.comment_0{
	width: 100%;
	margin: 0; 
	padding: 2% 3%;
}
.comment_aburae{
	background: #E4007F;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 2% 3%;
}
.comment_aburae_winter{
	border: 3px solid #008e5c;
}
.comment_aburae_02 p{
	color: #fff;
}
.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;
}

.attention_mark{
}
.attention_mark span{
	display: inline-block;
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
}
.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_03 {
	width: 100%;
	margin: 2% 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #dee2f2;
}
.comment_04 {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #fce9f2;
	font-size: 16px;
}
.comment_05 {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	border: 2px solid #eb6ea5;
	font-size: 16px;
}
.comment_06 {
	width: 100%;
	margin: 2% 0 1% 0%;
	padding: 2%;
	text-align: center;
	border: 2px solid #f6ac19;
	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_shinjyuku {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #00a0e9;
	font-size: 16px;
	color: #fff;
}
.comment_shibuya {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #718cc7;
	font-size: 16px;
	color: #fff;
}
.comment_kunitachi {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #8fc31f;
	font-size: 16px;
	color: #fff;
}
.comment_akihabara {
	width: 100%;
	margin: 0 0 1% 0%;
	padding: 2%;
	text-align: center;
	background: #fabe00;
	font-size: 16px;
	color: #fff;
}

.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_sentan{
	border: 3px solid #76a32d;
}

.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;
}
.bg_special{
	background: #fffcd1;
}
.bg_special span{
	color: #e4007f;
	font-size: 12px;
}
.bg_special_pink{
	background: #fffcd1;
}
.bg_special_pink span{
	color: #e4007f;
	font-size: 12px;
}
/* SP */
@media screen and (max-width: 860px){
	.attention_mark span{
		font-size: 13px;
	}
	.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_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_03 {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 2%;
		font-size: 10px;
	}
	.comment_04 {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 2%;
		text-align: center;
		background: #fce9f2;
		font-size: 12px;
	}
	.comment_05 {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 2%;
		text-align: center;
		border: 2px solid #eb6ea5;
		font-size: 12px;
	}
	.comment_06 {
		width: 100%;
		margin: 2% 0 1% 0%;
		padding: 2%;
		text-align: center;
		border: 2px solid #f6ac19;
		font-size: 12px;
	}
	.comment_05 {
		font-size: 12px;
	}
	.comment_shinjyuku {
		font-size: 12px;
	}
	.comment_shibuya {
		font-size: 12px;
	}
	.comment_kunitachi {
		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;
	}
	
}


.course_right{
	width: 60%;
}
/*　各教科申し込み時　右側　カート設定　設定 */
.course_cart{
	background: #595757;
	padding: 8px 10px;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all  1s;
}
.course_cart2{
	background: #e85298;
	padding: 2% 6%;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all  1s;
}
@media screen and (min-width: 860px){
	.course_cart:hover{
		background: #1d2088;
		padding: 8px 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: 13px;
	height: 13px;
    margin: 0;
}
.cart_icon img{
	vertical-align: top;
}
.cart_txt{
	font-size: 12px;
	color: #fff;
}
@media screen and (max-width: 860px){
	.course_price {
		font-size: 16px;
		text-align: right;
		margin: 0 0 5px 0;
	}
	.cart_icon{
		width: 10px;
		margin: 3px 0 0 0;
	}
	.cart_txt{
		font-size: 10px;
		color: #fff;
	}
}


/*　持参用具　設定 */
.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%;
}
.tool_info ul li{
	margin: 0 0 10px 0;
}
.tool_info ul li p{
	font-size: 14px;
}
.memo{
	color: #e4007f;
}

/* 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;
	}
	.tool_info ul li p{
		font-size: 10px;
		line-height: 1.5;
	}
	.memo{
		color: #e4007f;
		font-size: 10px;
	}
}


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

/*　参考資料用写真　設定 */
.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;
}

/* 各教科ごとの色分け ===================================== */

.bg_white{
	background: #fff !important;
}

/* 油絵 */
.aburae .bg{
	background: #008e5c;
}
.aburae .bg_option{
	background: #FCE2BA;
}
.aburae_bg{
	background: #008e5c;
}
.aburae .color{
	color: #008e5c;
}
.aburae_color{
	color: #008e5c !important;
}
.aburae .border{
	border: 1px solid #008e5c;
}
.aburae_night_bg{
	background: #00613c;
}

/* 日本画 */
.nihonga .bg{
	background: #e8373d;
}
.nihonga_bg{
	background: #e8373d;
}
.nihonga .color{
	color: #e8373d;
}
.nihonga_color{
	color: #e8373d;
}
.nihonga .border{
	border: 1px solid #e8373d;
}

/* 彫刻 */
.choukoku .bg{
	background: #fabe00;
}
.choukoku_bg{
	background: #fabe00;
}
.choukoku .color{
	color: #fabe00;
}
.choukoku_color{
	color: #fabe00;
}
.choukoku .border{
	border: 1px solid #fabe00;
}

/* 先端 */
.sentan .bg{
	background: #76a32d;
}
.sentan_bg{
	background: #76a32d;
}
.sentan .color{
	color: #76a32d;
}
.sentan_color{
	color: #76a32d;
}
.sentan .border{
	border: 1px solid #76a32d;
}

/* 建築 */
.kenchiku .bg{
	background: #924898;
}
.kenchiku_bg{
	background: #924898;
}
.kenchiku .color{
	color: #924898;
}
.kenchiku_color{
	color: #924898;
}
.kenchiku  .border{
	border: 1px solid #924898;
}

/* 映像 */
.eizo .bg{
	background: #5976ba;
}
.eizo_bg{
	background: #5976ba;
}
.eizo .color{
	color: #5976ba;
}
.eizo_color{
	color: #5976ba;
}
.eizo .border{
	border: 1px solid #5976ba;
}

/* 基礎 */
.kiso .bg{
	background: #eb6ea5;
}
.kiso .bg_2{
	background: #779bb9;
}
.kiso .bg_3{
	background: #008e5c;
}
.kiso .bg_4{
	background: #e8373d;
}
.kiso .bg_5{
	background: #fabe00;
}
.kiso .bg_6{
	background: #00a0e9;
}
.kiso .bg_7{
	background: #006D94;
}
.kiso_bg{
	background: #eb6ea5;
}
.kiso .color{
	color: #eb6ea5;
}
.kiso_color{
	color: #eb6ea5;
}
.kiso .border{
	border: 1px solid #eb6ea5;
}

/* デザイン */
.design .bg{
	background: #00a0e9;
}
.design .bg_sub{
	background: #fff;
}
.design_bg{
	background: #00a0e9;
}
.design .color{
	color: #00a0e9;
}
.design_color{
	color: #00a0e9 !important;
}
.design .border{
	border: 1px solid #00a0e9;
}

/* デザイン 夜間 */
.design_night .bg{
	background: #304a63;
}
.night_dessin .bg_2{
	background: #00557b;
}
.design_night_bg{
	background: #304a63;
}
.design_night .color{
	color: #304a63;
}
.design_night .border{
	border: 1px solid #304a63;
}

/* 夜間デッサン */
.night_dessin .bg{
	background: #6a8eb2;
}
.night_dessin_bg{
	background: #6a8eb2;
}
.night_dessin .color{
	color: #6a8eb2;
}
.night_dessin .border{
	border: 1px solid #6a8eb2;
}

/* 中学生受験 */
.high_school_exam .bg{
	background: #45b035;
}
.high_school_exam_bg{
	background: #45b035;
}
.high_school_exam .color{
	color: #45b035;
}
.high_school_exam .border{
	border: 1px solid #45b035;
}

/* 渋谷 受験 */
.shibuya_jyuken .bg{
	background: #718cc7;
}
.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{
	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_bg{
	background: #f6ac19;
}
.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{
	background: #8fc31f;
}
.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_bg{
	background: #f6ac19;
}
.kunitachi_kiso .color{
	color: #f6ac19;
}
.kunitachi_kiso .border{
	border: 1px solid #f6ac19;
}

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

/* 小論文ゼミ */
.note .bg{
	background: #cb5245;
}
.note_bg{
	background: #cb5245;
}
.note .color{
	color: #cb5245;
}
.note .border{
	border: 1px solid #cb5245;
}

/* 美大学科 */
.study .bg{
	background: #f6ab00;
}
.study_bg{
	background: #f6ab00;
}
.study .bg_shinjyuku{
	background: #00a0e9;
}
.study .bg_shibuya{
	background: #718cc7;
}
.study .bg_kunitachi{
	background: #8fc31f;
}
.study .color{
	color: #f6ab00;
}
.study .border{
	border: 1px solid #f6ab00;
}

/* オンライン */
.online .bg{
	background: #E1C12A;
}
.online_bg{
	background: #E1C12A;
}

.online .color{
	color: #E1C12A;
}
.online .border{
	border: 1px solid #E1C12A;
}

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

 *  秋葉原校　設定　2019 夏期講習 START～
　
  ================================================================================*/


/* index.html 一覧 */
.akihabara {
	background: #FABE00;
}
.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{
	background: #FABE00;
}
.akihabara_jyuken .color{
	color: #FABE00 !important;
}
.akihabara_jyuken .border{
	border: 1px solid #FABE00;
}

.bg_night{
	background: #45607A;
}
.bg_aburae_night{
	background: #005B38;
}
.bg_design_night{
	background: #006896;
}

.online_bg{
	background: #E1C12A !important;
}
.seisaku{
	font-size: 15px;
    font-weight: 600;
	margin: 4px 0 0;
}
.seisaku_attention{
	font-size: 10px;
    margin: 0 0 4px;
    font-weight: 500;
}


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

 *  公開コンクール 2020 
　
  ================================================================================*/

$color-kounai: #27a7e0;
$color-kougai: #1d2c67;
$font-GO: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", sans-serif;

.kounai_bg{
	background: $color-kounai;
}
.kougai_bg{
	background: $color-kougai;
}

.competition_2020{
	position: relative;
	background: #65a1d1;
	margin: 60px 0 0;
	@media screen and (min-width: 861px){
		margin: 0px 0 0;
	}
	.hero_area{
		min-height: 500px;
		max-width: 1800px;
		margin: 0 auto;
		height: calc(100vh - 60px);
		position: relative;
		@media screen and (min-width: 861px){
			max-height: 800px;
		}
		.bg{
			height: 100%;
			.left{
				background: $color-kounai;
				width: 50%;
				height: 100%;
			}
			.right{
				background: $color-kougai;
				width: 50%;
				height: 100%;
			}
		}
		.shinbi_logo{
			margin: 0 auto;
			width: 100px;
			position: absolute;
			top: 30px;
			left: 50%;
			-webkit-transform: translate(-50%, 0%); /* Safari用 */
			transform: translate(-50%, 0%);
			@media screen and (min-width: 861px){
				top: 28px;
			}
		}
		.logo{
			width: 76%;
			margin: 4% 0 0;
			max-width: 768px;
			@media screen and (min-width: 861px){
				width: 35%;
				max-width: 368px;
				margin: 1% 0 0;
			}
		}
		.university_name{
			position: absolute;
			bottom: 30px;
			left: 30px;
			width: 23%;
			@media screen and (min-width: 861px){
			    position: absolute;
				bottom: 30px;
				left: 50%;
				width: 8%;
				max-width: 117px;
				margin-left: -246px;
			}
		}
	}
	.lead_txt{
		max-width: 1800px;
		padding: 40px 20px;
		margin: 0 auto;
		background: #fff;
		.title{
			width: 90%;
			margin: 0 auto;
			@media screen and (min-width: 861px){
				width: 400px;
			}
		}
		.txt{
			font-family: $font-GO;
			text-align: center;
			font-weight: bold;
			font-size: 13px;
			line-height: 2;
			margin: 20px 0 0;
		}
	}
	.link_area{
		max-width: 1800px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		.bg{
			position: absolute;
			top: 0;
			left: 0;
			width: 20%;
			@media screen and (min-width: 861px){
				width: 70px;
			}
		}
		.bg_2{
			position: absolute;
			top: 0;
			left: 0;
			width: 20%;
			@media screen and (min-width: 861px){
				width: 70px;
			}
		}
		li{
			position: relative;
			@media screen and (min-width: 861px){
				min-height: 320px;
			}
			.title{
				width: 40%;
				margin: 0 10% 0 0;
				max-width: 190px;
			}
			.link{
				background: #fff;
				padding: 15px 15px 10px;
				width: 50%;
				text-align: center;
				img{
					vertical-align: top;
					max-width: 180px;
					margin: 0 auto;
					display: inline-block;
				}
				@media screen and (min-width: 861px){
					padding: 15px 40px 14px;
				}
			}
			@media screen and (min-width: 861px){
				&:hover{
					.link{
						background: #fff100;
					}
				}
			}
		}
		.kounai{
			width: 100%;
			background: $color-kounai;
			padding: 40px 30px;
			@media screen and (min-width: 861px){
				width: 50%;
				padding: 40px 90px;
			}
		}
		.kougai{
			width: 100%;
			background: $color-kougai;
			padding: 40px 30px;
			@media screen and (min-width: 861px){
				width: 50%;
				padding: 40px 90px;
			}
		}
	}
	.saigen{
		max-width: 1800px;
		padding: 40px 30px;
		margin: 0 auto;
		background: #fff;
		@media screen and (min-width: 861px){
			
			padding: 6% 0;
		}
		.title{
			font-family: $font-GO;
			text-align: center;
			font-weight: bold;
			font-size: 26px;
			margin: 0 0 20px;
		}
		.saigen_photo{
			max-width: 1200px;
			margin: 0 auto;
			li{
				width: 100%;
				margin: 0 0 20px;
				@media screen and (min-width: 861px){
					width: 30%;
					margin: 0;
				}
			}
		}
	}
	.access{
		background: #0B318F;
		padding: 40px 30px;
		max-width: 1800px;
		margin: 0 auto;
		@media screen and (min-width: 861px){
			padding: 6% 20px;
		}
		.inner{
			max-width: 900px;
			margin: 0 auto;
		}
		.title{
			font-family: $font-GO;
			text-align: center;
			font-weight: bold;
			font-size: 36px;
			margin: 0 -10px 5px 0;
			letter-spacing: 10px;
			color: #fff;
			line-height: 1;
		}
		.en_title{
			text-align: center;
			font-weight: bold;
			font-size: 12px;
			color: #fff;
		}
		.access_info{
			margin: 20px 0 0;
			.map{
				width: 100%;
				margin: 0 0 20px;
				@media screen and (min-width: 861px){
					width: 55%;
					margin: 0 5% 0 0;
				}
			}
			.txt_box{
				width: 100%;
				@media screen and (min-width: 861px){
					width: 40%;
				}
				*{
					font-family: $font-GO;
				}
				.map_title{
					width: 70%;
					margin: 0 0 20px;
				}
				.address{
					color: #fff;
					font-size: 16px;
					font-weight: bold;
				}
				.access_point{
					font-size: 16px;
					margin: 25px 0 0;
					background: #fff;
					border-radius: 10px;
					display: inline-block;
					font-weight: bold;
					padding: 2px 12px;
				}
				.txt{
					color: #fff;
					font-size: 13px;
					margin: 10px 0 0;
				}
			}
		}
	}
}