@charset "utf-8";
/* ==========================================================================

	common style
	
========================================================================== */
body, div, p, ul, li, h1, h2, h3, h4, h5, h6, a, span {margin:0; padding:0; font-weight:normal; font-family: fot-tsukuardgothic-std, sans-serif; font-style: normal;font-feature-settings : "palt" 1;}
a, p, li, ol {color:#1F1F1F;letter-spacing: 1px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
a {text-decoration:none; cursor:pointer;}
a:hover{ color: #1F1F1F;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
ul {list-style:none;}
div{ width: 100%;}
iframe {border:none;}
.f_img img{ width: 100%; height: auto; max-width: 100%; vertical-align: bottom;}
.txt_hidden span{display: none;}
.pc{display: block !important;}
.sp{ display: none !important;}
video {
    width: 100%;
    max-width: 100%;
    height: auto;
}
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
.tyugo{
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.europe{
	font-family: europa, sans-serif;
	font-weight: 400;
	font-style: normal;
}
@media only screen and (max-width: 860px){
	.pc{display: none !important;}
	.sp{display: block !important;}
}
.fb_iframe_widget span {
  vertical-align: baseline !important;
}
.fb_iframe_widget_fluid span {
    width: 100%;
	vertical-align: baseline !important;
}

/* ========================================
 * ブロックリンク設定
  ========================================*/

.block_link{
    position:relative;
}
.block_link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	background: transparent url(../img/link_bg.png) 0 0 repeat;
	z-index: 10;
}
/* ========================================
 * flex box 
  ========================================*/

.flex-center{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
.flex-start{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
.flex-start-h{
	display: -webkit-flex; /* Safari */ 
	display: flex;
}
.flex-start-hight{
	display: -webkit-flex; /* Safari */ 
	display: flex;
}
.flex-end{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}
/* pcのみ　*/
.flex-center-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
.flex-center-pc-h{
	display: -webkit-flex; /* Safari */ 
	display: flex;
}
.flex-start-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
.flex-start-pc-h{
	display: -webkit-flex; /* Safari */ 
	display: flex;
}
.flex-end-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}
/* spのみ　*/
.flex-center-sp{
	display: block;
}
.flex-start-sp{
	display: block;
}
.flex-end-sp{
	display: block;
}

.flex-row-reverse{
	-webkit-flex-direction: row-reverse; /* Safari */
  	flex-direction:         row-reverse;
}
.flex-row-reverse-pc{
	-webkit-flex-direction: row-reverse; /* Safari */
  	flex-direction:         row-reverse;
}
.flex-space{
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
.flex-space-end{
	-webkit-justify-content: flex-end; /* Safari */
    justify-content:         flex-end;
}
.flex-space-start{
	-webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
}
.flex-space-center{
	-webkit-justify-content: center; /* Safari */
    justify-content:         center;
}
.flex-wrap {
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.flex-height{
	align-self: stretch;
}
@media only screen and (max-width: 860px){
	.flex-center-pc{
		display: block;
	}
	.flex-start-pc{
		display: block;
	}
	.flex-end-pc{
		display: block;
	}
	.flex-center-sp{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	.flex-start-sp{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-align-items: flex-start; /* Safari */
		align-items: flex-start;
	}
	.flex-end-sp{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:         space-between;
		-webkit-align-items: flex-end; /* Safari */
		align-items: flex-end;
	}
	.flex-row-reverse-pc{
		-webkit-flex-direction: row; /* Safari */
		flex-direction:         row;
	}
}


/* ========================================
 *  天地中央
  ========================================*/

.center_layout{
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
}
.center_layout_2{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

/* ========================================
 *  header
  ========================================*/
.sub_page .main_header {
	position: relative;
}
#main_page .main_header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	transition: .3s;
	background: #0B318F;
}
.main_header .header_nav{
	padding: 0 50px;
	height: 60px;
	background: #0B318F;
}
.main_header .inner_left{
	width: calc(100% - 200px);
}
.main_header .inner_left .logo{
	width: 90px;
    margin: 0 30px 0 0;
}
.main_header .inner_left .nav{
	width: calc(100% - 10px);
}
.main_header .inner_left .nav li{
	width: auto;
	margin: 0 12px 0 0;
	font-size: 11px;
	text-align: center;
	color: #fff;
}
@media only screen and (min-width: 1100px){
    .main_header .inner_left .nav li{
        width: auto;
        margin: 0 12px 0 0;
        font-size: 12px;
        text-align: center;
        color: #fff;
    }
}
.main_header .header_nav_sp{
	width: 100%;
}
.main_header .inner_right{
	width: 200px;
	color: #fff;
}
.main_header .inner_right .mypage_login_box li{
	color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
    border-radius: 22px;
    padding: 4px 0px 5px;
    width: 90px;
    text-align: center;
}
.main_header .inner_right .mypage_login_box li p{
	color: #fff;
}
.main_header .inner_right .mypage_login_box li:first-child{
	margin: 0 10px 0 0;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
.is-hide {
 	transform: translateY(-100%);
}

@media only screen and (min-width: 861px){
    .main_header .inner_right .mypage_login_box li:hover{
        color: #0B318F;
        font-size: 13px;
        border: 1px solid #fff;
        border-radius: 22px;
        padding: 4px 0px 5px;
        width: 90px;
        text-align: center;
        background: #fff;
    } 
    .main_header .inner_right .mypage_login_box li:hover p{
        color: #0B318F;
    } 
}

@media only screen and (max-width: 860px){
    .main_header{
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        transition: .3s;
        background: #0B318F;
    }
    .main_header .header_nav{
        padding: 0 20px;
        height: 60px;
        background: #0B318F;
        position: relative;
    }
    .main_header .inner_left{
        width: calc(100% - 180px);
    }
    .main_header .inner_left .logo{
        width: 90px;
        margin: 0 30px 0 0;
    }
    .main_header .inner_right{
        width: 90px;
        color: #fff;
        margin: 0 43px 0 0;
    }
    .main_header .inner_right .mypage_login_box li{
        color: #fff;
        font-size: 12px;
        border: 0px solid #fff;
        border-radius: 22px;
        padding: 4px 0px;
        width: 30px;
        text-align: center;
    }
    .main_header .inner_right .mypage_login_box li:first-child{
        margin: 0 5px 0 0;
    }
    .main_header .header_nav_sp{
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        background: #0B318F;
        width: 100%;
        height: auto;
    }
    .main_header .header_nav_sp .nav{
        position: relative;
        margin: 0 auto;
		padding: 0px;
        border-top: 1px solid rgba(255,255,255,0.1);
        width: 100%;
    }
    .main_header .header_nav_sp .nav li{
        border-bottom: 1px solid rgba(255,255,255,0.1);
        color: #fff;
        display: block;
        text-align: left;
        text-decoration: none;
        padding: 11px 20px;
        font-size: 13px;
        position: relative;
        letter-spacing: 2px;
        margin: 0;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .main_header .header_nav_sp .nav li::after {
        content: "";
        background: url(../img/mypage/icon_more_white.svg) top left no-repeat;
        top: 50%;
        right: 20px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        position: absolute;
    }
}


/* ハンバーガーメニュー　*/
.menu-trigger,
.menu-trigger span {
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 35px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,1);
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.hover span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.hover span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.hover span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}
@media only screen and (max-width: 860px){
    .menu-trigger,
    .menu-trigger span{
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      cursor :pointer;
    }
    .menu-trigger{
        position: absolute;
        top: 50%;
        right: 5%;
        -webkit-transform: translate(0, -50%); /* Safari用 */
        transform: translate(0, -50%);
        width: 30px;
        height: 50px;
        z-index: 2;
        margin: 0;
    }
    .menu-trigger span{
      position: absolute;
      width: 30px;
      height: 2px;
      left: 0;
      right: 0;
      margin: auto;
    }
    .menu-trigger span:nth-of-type(1){
      top: 15px;
    }
    .menu-trigger span:nth-of-type(2){
      top: 0;
      bottom: 0;
    }
    .menu-trigger span:nth-of-type(3){
      bottom: 15px;
    }
    .menu-trigger.active span:nth-of-type(1){
      -webkit-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2){
      opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3){
      -webkit-transform: translateY(-9px) rotate(45deg);
        transform: translateY(-9px) rotate(45deg);
    }
}



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

footer{
	background: #F2F2F2;
	padding: 0 0 0 0;
	width: 100%;
	margin: 0;
}
.footer_inner{
	max-width: 1280px;
	margin: 0 auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 0 5% 0;
	width: 90%;
	height: 100%;
	position: relative;
}
.pagetop{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 2.5% 0 2.5%;
}
.pagetop .pagetop_txt{
	font-size: 11px;
	letter-spacing: 3px;
	vertical-align: text-top;
	color: #C4C4C4;
	text-align: center;
	margin: 0 auto;
	width: auto;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
	position: relative;
}
.pagetop_icon{
	width: 30px;
	margin: 0 auto 0px;
	display: block;
}

.footer_menu_wrap{
	color: #525252;
}
.footer_menu{
	width: calc(100% / 6);
	border-right: 1px solid #fff;
	padding-left: 3%;
	padding-right: 3%;
    padding-top: 108px;
    padding-bottom: 18px;
}
.footer_menu:last-child{
	width: calc(100% / 6);
	border-right: 0px solid #fff;
	padding-left: 18px;
	padding-right: 18px;
    padding-bottom: 18px;
}
.footer_menu li{
    font-size: 12px;
}
.footer_logo_01{
	width: 110px;
	margin: 0 0 20px !important;
}
.footer_menu_top{
	font-size: 12px;
	letter-spacing: 3px;
	font-family: europa, sans-serif;
	margin: 0px 0 15px;
	color: #525252;
}
.footer_menu_list{
	margin: 0px 0 6px;
}
.footer_menu_top::before{
	content: "";
	height: 2px;
	width: 20px;
	align-self: center;
	display: block;
	margin: 0 0 10px;
}
.footer_menu_common .footer_menu_top::before{
	background: #7C7C7C;
}
.footer_menu_isi .footer_menu_top::before{
	background: #cb2727;
}
.footer_menu_shinjyuku .footer_menu_top::before{
	background: #00A0E9;
}
.footer_menu_akihabara .footer_menu_top::before{
	background: #F39800;
}
.footer_menu_shibuya .footer_menu_top::before{
	background: #718CC7;
}
.footer_menu_kunitachi .footer_menu_top::before{
	background: #8FC41F;
}
.footer_menu_other .footer_menu_top::before{
	background: #9B9B9B;
}

.footer_logo_wrap{
	margin: 5% auto 0;
	width: 100%;
	padding: 0 3%;
}
.footer_logo_wrap .logo{
	width: 130px;
}
.footer_logo_wrap .footer_menu_bottom{
	width: calc(100% - 160px);
	padding: 0 0 0 55px;
	margin: 10px 0 0;
}
.footer_logo_wrap .footer_menu_bottom li{
	margin: 0;
	font-size: 12px;
    letter-spacing: 1px;
	font-family: europa, sans-serif;
}
/*
.footer_logo_wrap .footer_menu_bottom li:first-child::after{
	content: "";
	height: 10px;
	width: 2px;
	align-self: center;
	display: inline-block;
	margin: 0 10px 0 8px;
	background: #BBBBBB; 
}
*/

footer .copy{
	width: 100%;
	padding: 0 3%;
	margin: 10px 0 0;
	font-size: 10px;
	letter-spacing: 2px;
	font-family: europa, sans-serif;
}

.gakkyusya_logo{
    width: 110px;
}

/* hover処理 */
@media only screen and (min-width: 860px){
	.footer_menu li:hover{
		color: #B4B4B4;
	}
}
@media only screen and (max-width: 860px){
	.pagetop{
		width: 100%;
		margin: 0 auto 0;
        padding: 20px 9px;
	}
	.pagetop .pagetop_txt{
		font-size: 11px;
		letter-spacing: 3px;
		vertical-align: text-top;
		color: #C4C4C4;
		text-align: center;
		margin: 0 auto 2%;
		width: auto;
		text-transform: uppercase;
		font-family: 'Quicksand', sans-serif;
		position: relative;
	}
	.pagetop_icon{
		width: 30px;
		margin: 0 auto 0px;
		display: block;
	}
	
	.mypage footer{
		padding: 0 0 80px 0;
	}
	.footer_inner{
		max-width: 1280px;
		margin: 0 auto;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		padding: 0 0 5% 0;
		width: 90%;
		height: 100%;
		position: relative;
	}
	.footer_menu_wrap{
		color: #525252;
		margin: 0 auto 0px;
	}
	.footer_menu{
		width: 100%;
		border-right: 0px solid #fff;
		height: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.footer_menu:last-child{
		width: 100%;
		border-right: 0px solid #fff;
		height: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.footer_menu li{
		width: 50%;
		border-bottom: 1px solid #E8E8E8;
		padding: 10px 0;
		font-size: 11px;
	}
	.footer_menu_top{
		font-size: 12px;
		letter-spacing: 3px;
		font-family: europa, sans-serif;
		margin: 0px 0 13px;
		color: #525252;
        position: relative;
	}
	.footer_menu_list{
		margin: 0px 0 6px;
	}
	.footer_menu_top::before{
		content: "";
		height: 2px;
		width: 100%;
		align-self: center;
		display: block;
		margin: 0 0 13px;
	}
    .footer_menu_top::after {
        content: "";
        background: url(../img/mypage/icon_more.svg) top left no-repeat;
        top: 50%;
        right: 2px;
        width: 16px;
        height: 16px;
        margin-top: -2px;
        position: absolute;
    }
    
    .footer_menu_common .footer_menu_top::before{
		background: #7C7C7C;
	}
	.footer_menu_shinjyuku .footer_menu_top::before{
		background: #00A0E9;
	}
	.footer_menu_akihabara .footer_menu_top::before{
		background: #F39800;
	}
	.footer_menu_shibuya .footer_menu_top::before{
		background: #718CC7;
	}
	.footer_menu_kunitachi .footer_menu_top::before{
		background: #8FC41F;
	}
	.footer_menu_common {
		padding-top: 50px;
	}
	.footer_menu_shinjyuku,.footer_menu_akihabara,.footer_menu_shibuya,.footer_menu_kunitachi,.footer_menu_other {
		padding-top: 0px;
	}

	.footer_logo_wrap{
		margin: 0 auto 0;
		width: 100%;
		padding: 0 3%;
	}
	.footer_logo_wrap .logo{
		width: 120px;
        margin: 0;
	}
	.footer_logo_wrap .footer_menu_bottom{
		width: 100%;
		padding: 0 0 0 0;
		margin: 10px 0 0px;
	}
	.footer_logo_wrap .footer_menu_bottom li{
		margin: 0;
		font-size: 12px;
		font-family: europa, sans-serif;
		color: #4F4F4F;
	}

	footer .copy{
		width: 100%;
		padding: 0 3%;
		margin: 10px 0 0;
		font-size: 10px;
		letter-spacing: 2px;
		font-family: europa, sans-serif;
        color: #4F4F4F;
        text-align: right;
	}
    .gakkyusya_logo{
        width: 30%;
        margin: 0px 0 0 70%;
    }
}


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

 *  リンクボタン
　
   ================================================================================ */


.more_link_btn *{
	-webkit-transition: 0.3s;
}
.more_link_btn {
	margin: 20px 0 0;
	padding: 10px 20px 10px;
	border: 1px solid #00A0E9;
	text-align: left;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	width: 20%;
	border-radius: 20px;
	background: #00A0E9;
	color: #fff;
}
.more_link_btn:after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 15px;
	width: 19px;
	height: 19px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background: url(../img/arrow_r_white.png) center / cover no-repeat;
}
.more_link_btn p{
	line-height: 1;
	font-family: 'Quicksand', sans-serif;
	height: 10px;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 0 0 10px;
	z-index: 2;
	color: #fff;
}

@media only screen and (min-width: 860px){
	.more_link_btn:hover {
		cursor: pointer;
		color: #00A0E9;
		background: #fff;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	.more_link_btn:hover:after {
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		right: 10px;
		width: 19px;
		height: 19px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		background: url(../img/arrow_r.png) center / cover no-repeat;
	}
	.more_link_btn:hover p{
		color:#00A0E9;
		z-index: 2;
	}
}
@media only screen and (max-width: 860px){
	.more_link_btn {
		margin: 0 auto;
		padding: 9px 20px 9px;
		border: 1px solid #00A0E9;
		text-align: left;
		text-transform: uppercase;
		position: relative;
		overflow: hidden;
		-webkit-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
		width: 60%;
		background: #00A0E9;
	}
	.more_link_btn:after {
		display: none;
	}
	.more_link_btn p{
		color: #fff;
		font-size: 10px;
	}
	.more_link_btn p{
		line-height: 1;
		font-family: 'Quicksand', sans-serif;
		height: 10px;
		font-size: 11px;
		letter-spacing: 2px;
		margin: 0 0 0 10px;
		z-index: 2;
	}
	.more_link_btn .triganle{
		width: 13px;
		height: 13px;
		display: inline-block;
		background: url(../img/top/triangle_w.svg) no-repeat;
		background-position: center;
		background-size: contain;
	}
}


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

 *  トップページ - index.html
　
   ================================================================================ */

body{
	overflow: hidden;
}
#main_page main{
	padding: 60px 0 0 0;
}

/* app_bar　=====================*/

.app_bar{
	background: #ff9aa0;
	padding: 15px 15px;
	width: 100%;
	text-align: center;
	color: #fff;
}
.app .app_bar{
	display: none;
}

.app_bar_event{
	background: #ff9aa0;
	margin: auto;
	padding: 20px 15px;
	width: 80%;
	text-align: center;
	font-size: 17px;
	color: #fff;
}
.app .app_bar_event{
	display: none;
}
#app_info .app_title{
	font-size: 27px;
	text-align: center;
	margin: 0 0 10px;
}
#app_info .app_txt{
	font-size: 14px;
	text-align: center;
}
#app_info .app_btn{
	width: 342px;
	margin: 30px auto 10px;
}
#app_info .app_btn .img{
	width: 50%;
	height: 55px;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 860px){
	#app_info .app_btn{
		width: 274px;
		margin: 30px auto 20px;
	}
	#app_info .app_btn .img{
		width: 50%;
		height: 44px;
		padding: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#app_info .app_title{
		font-size: 20px;
		text-align: center;
		margin: 0 0 10px;
	}
}

.toppage_contents_titlebox{
	width: 100%;
	margin: 0 0 20px;
}
.toppage_contents_title{
	font-size: 16px;
	display: inline-block;
	font-family: europa, sans-serif;
}

/* スライダー部分　=====================*/

.top_intro{
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 1;
	margin: 0 auto;
}


/* 共通設定　=====================*/

.toppage_contents_titlebox{
	width: 100%;
	margin: 0 0 20px;
}
.toppage_contents_title{
	font-size: 16px;
	display: inline-block;
}
.toppage_contents_bar{
	content: '';
	width: 7px;
	height: 22px;
	border-radius: 4px;
	margin: 0 12px 0 0;
}

/* トップページ　ニュース・イベント更新リスト分　=====================*/

.news_top{
    position: relative;
    width: 86%;
    z-index: 1;
	max-width: 1280px;
	margin: 4% auto 3%;
}
.news_top .more_btn{
	margin-top: 20px;
}
.news_top_list .toppage_contents_bar{
	background: #172A99;
}
.event_top_list .toppage_contents_bar{
	background: #E2274C;
}

/* ニュース */
.news_top_list{
	margin: 0;
	width: 49%;
}
.news_top_title{
	font-family: europa, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
    position: relative;
	font-size: 22px;
	letter-spacing: 1px;
	color: #3D3D3D;
}
.news_top_title::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	width: 110%;
}
.news_top_list .news_top_title::before{
    border-bottom: 2px solid #0B318F;
}
.news_top_list .news_list li {
	border-bottom: 1px dashed #e9eff2;
	position: relative;
	padding: 10px 0 10px 0px;
}
.news_top_list .news_list{
	border-top: 1px dashed #e9eff2;
}


/* イベント */
.event_top_list{
	margin: 0;
	width: 49%;
}
.event_top_list .news_top_title::before{
    border-bottom: 2px solid #C00006;
}
.event_top_list .news_list li {
	border-bottom: 1px dashed #e9eff2;
	position: relative;
	padding: 10px 0 10px 0px;
}
.event_top_list .news_list{
	border-top: 1px dashed #e9eff2;
}


/* 全ページ共通　ニュース・イベントリスト設定 */

.news_list{
	border-top: 1px dashed #D7D7D7;
}
.news_list a[href]::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 14px;
  width: 15px;
  height: 15px;
  background: url(../img/icon_more.svg) center / cover no-repeat;
}
.news_list li{
	border-bottom: 1px dashed #D7D7D7;
	padding: 10px 0;
}
.news_list li .date{
	width: 80px;
	font-size: 12px;
	margin: 0 0 0 10px;
	font-family: europa, sans-serif;
}
.news_list li .news_category{
	font-size: 11px;
	color: #fff;
	padding: 3px 5px;
	margin: 0 20px 0 0;
	min-width: 60px;
	text-align: center;
}
.news_list li .category_limited{
	background: #e2274c;
}
.news_list li .category_news{
	background: #00A0E9;
}
.news_list li .txt{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 13px;
    font-weight: bold;
	width: calc(100% - 210px);
}

@media only screen and (min-width: 861px){
	.news_list li:hover{
		background: #f4f4f4;
	}
}
@media only screen and (max-width: 860px){
    /* ニュース */
    .news_top_list{
        margin: 0;
        width: 100%;
    }
	.news_list{
		border-top: 1px dashed #D7D7D7;
	}
    .mypage_contents .news_list{
		border-top: 1px dashed #D7D7D7;
        margin: 0 0 20px;
	}
	.news_list li{
		border-bottom: 1px dashed #D7D7D7;
		padding: 10px 0;
	}
	.news_list li .date{
		width: 80px;
		font-size: 12px;
	}
	.news_list li .news_category{
		font-size: 10px;
		color: #fff;
		padding: 2px 10px;
        border-radius: 1px;
		margin: 0 10px 0 0;
		min-width: 50px;
		text-align: center;
	}
	.news_list li .category_limited{
		background: #e2274c;
	}
	.news_list li .txt{
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
        font-weight: bold;
		width: 100%;
        margin: 5px 0 0 10px;
	}
    

    /* イベント */
    .event_top_list{
        margin: 20px 0 0;
        width: 100%;
    }
}


/* トップページ　カテゴリー部分　=====================*/

.beginner_top{
	margin: 10px auto 0;
	position: relative;
	background: #F4F4F4;
	padding: 0;
}
.top_contents_inner{
	width: 86%;
    z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
.beginner_top .top_contents_inner .txt{
	padding: 6% 0 6% 0;
}
.beginner_top .top_contents_inner .txt_sub{
	font-size: 15px;
}
.beginner_top .top_contents_inner .txt_title{
	font-size: 36px;
	letter-spacing: 10px;
	font-weight: 500;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 5px 0 30px;
}
.beginner_top .top_contents_inner .txt_main{
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 2;
}
.biginner_top_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background:url(../img/biginner_bg.png) no-repeat;
	background-size: contain;
	background-position: right;
}
@media only screen and (max-width: 860px){
    .beginner_top{
        margin: 0 auto 0;
        position: relative;
        background: #F4F4F4;
        padding: 0;
    }
    .top_contents_inner{
        width: 100%;
        z-index: 1;
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
    }
    .beginner_top{
        margin: 40px auto 0;
        position: relative;
        background: #F4F4F4;
        padding: 0;
    }
    .biginner_top_bg{
        width: 100%;
        height: 300px;
        position: relative;
        right: 0;
        top: 0;
        background:url(../img/biginner_bg.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .beginner_top .top_contents_inner .txt{
        width: 86%;
        margin: 3% auto;
        padding: 6% 0 6% 0;
    }
    .beginner_top .top_contents_inner .txt_sub{
        font-size: 14px;
    }
    .beginner_top .top_contents_inner .txt_title{
        font-size: 30px;
        letter-spacing: 10px;
        font-weight: 500;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 5px 0 20px;
    }
    .beginner_top .top_contents_inner .txt_main{
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 2;
        margin: 0 0 20px 0;
    }
    .beginner_top .more_link_btn{
        width: 100%;
    }
}

/* トップページ　ブログ更新・イベント案内部分　=====================*/

.blog_top{
	margin: 0 auto 0;
	position: relative;
	background: #fff;
	padding: 5% 0;
}
.blog_update_list_wrap{
	width: 30%;
	padding: 0 2% 0 0;
}
.event_update_list_wrap{
	width: 70%;
}
.blog_update_title{
	font-family: europa, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
    position: relative;
	font-size: 22px;
	letter-spacing: 1px;
	color: #3D3D3D;
	margin: 0 20px 0 0;
}
.blog_update_sub{
	font-size: 12px;
	letter-spacing: 1px;
}
.blog_top .more_btn{
    margin: 20px 0 0;
}
.blog_top .more_btn .more_btn_txt{
    font-size: 11px;
}

.blog_update_list{
	margin: 5% 0 0;
}
.blog_update_list li {
	border-bottom: 1px solid #e9eff2;
	position: relative;
	padding: 15px 0 15px 0px;
}
.blog_update_list li:first-child {
	border-top: 1px solid #e9eff2;
}
.blog_update_list .update_date{
    font-family: europa, sans-serif;
    font-size: 12px;
    width: 80px;
}
.blog_update_list .blog_category{
	font-size: 11px;
	color: #fff;
	padding: 2px 4px;
	margin: 0 20px 0 0;
	min-width: 60px;
	text-align: center;
    border-radius: 1px;
}
.blog_update_list .update_title{
    font-size: 13px;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px);
    margin: 6px 0 0;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
        
.blog_update_list a[href]::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 14px;
  width: 19px;
  height: 19px;
  background: url(../img/arrow_r.png) center / cover no-repeat;
}

.event_update_list{
	margin-right: -10px;
}
.campaign_list{
	margin: 0 0 0 -2%;
    font-size: 12px;
}
.campaign_list li{
	width: 31.333333%;
    margin: 0 0 5% 2%;
    text-align: center;
    position: relative;
}
.campaign_category{
	position: absolute;
	top: -10px;
	left: -5px;
	color: #fff;
	padding: 5px 9px;
	background: #172a99;
	font-size: 13px;
	z-index: 11;
}
.campaign_img{
	position: relative;
	width: 100%;
}
.campaign_kousya_list{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100%;
}
.campaign_kousya_list li{
	padding: 3px 2px;
	margin: 0 3px;
	color: #fff;
	width: 50px;
}

.campaign_title{
	margin: 10px 0 0;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
}
.campaign_title:before{
	content: "";
	width: 12px;
	height: 2px;
	margin: 0 5px 0 0;
	display: inline-block;
    vertical-align: super;
	background: #4E4E4E;
}
.campaign_period{
	text-align: left;
	font-weight: 500;
	font-size: 13px;
}
.campaign_day{
	text-align: left;
	font-weight: 500;
	font-size: 13px;
}
.campaign_more{
	margin: 8px 0 0;
	text-align: right;
	font-size: 12px;
}
.campaign_more:before{
	content: url(../img/mypage/icon_more.svg);
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
    vertical-align: sub;
}

@media only screen and (max-width: 860px){
    .blog_top{
        margin: 0 auto 0;
        position: relative;
        background: #fff;
        padding: 5% 0;
        width: 86%;
    }
    .blog_update_list_wrap{
        width: 100%;
        padding: 0 2% 0 0;
    }
    .event_update_list_wrap{
        width: 100%;
    }
	.campaign_list{
		margin: 16% 0 0 0;
		font-size: 12px;
	}
	.campaign_list li{
		width: 48%;
		margin: 0% 0% 8% 2%;
		text-align: center;
		position: relative;
	}
	.campaign_category{
		position: absolute;
		top: -8px;
		left: -5px;
		color: #fff;
		padding: 3px 5px;
		background: #172a99;
		font-size: 10px;
		z-index: 11;
	}
	.campaign_img{
		position: relative;
		width: 100%;
	}
	.campaign_kousya_list{
		position: absolute;
		bottom: 10px;
		left: 10px;
		width: 100%;
	}
	.campaign_kousya_list li{
		padding: 3px 1px;
    	font-size: 9px;
		font-weight: bolder;
		margin: 0 3px;
		color: #fff;
		width: 50px;
	}
	.campaign_title{
		margin: 10px 0 0;
		text-align: left;
		font-size: 17px;
		font-weight: 700;
	}
	.campaign_title:before{
		content: "";
		width: 12px;
		height: 2px;
		margin: 0 5px 0 0;
		display: inline-block;
		vertical-align: super;
		background: #4E4E4E;
	}
	.campaign_period{
		text-align: left;
		font-weight: 500;
		font-size: 12px;
	}
	.campaign_day{
		text-align: left;
		font-weight: 500;
		font-size: 11px;
	}
	.campaign_more{
		margin: 8px 0 0;
		text-align: right;
		font-size: 11px;
		font-weight: bolder;
	}
	.campaign_more:before{
		content: url(../img/mypage/icon_more.svg);
		width: 12px;
		height: 12px;
		margin: -4px 5px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
}



/* トップページ　アイテム部分　=====================*/

.school_top{
	margin: 0 auto;
}
.school_top .shinjyuku{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: #00A0E9;
}
.school_top .akihabara{
	width: calc(100% / 3);
	margin: 0 auto;
	position: relative;
	background: #F39800;
	overflow: hidden;
}
.school_top .shibuya{
	width: calc(100% / 3);
	margin: 0 auto;
	position: relative;
	background: #718CC7;
	overflow: hidden;
}
.school_top .kunitachi{
	width: calc(100% / 3);
	margin: 0 auto;
	position: relative;
	background: #8FC41F;
	overflow: hidden;
}
.school_top .goukaku{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: #E2274C;
}
.school_list_3{
	margin: 0 auto;
	position: relative;
}
.school_top .shinjyuku .bg_img{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	width: 105%;
}
.school_top .goukaku .bg_img{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	width: 105%;
}
.school_top .akihabara .bg_img{
	margin: 0 auto;
	position: relative;
}
figure.item_img {
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
	color: #ffffff;
	text-align: left;
	font-size: 16px;
}
figure.item_img * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.85s ease;
	transition: all 0.85s ease;
}
figure.item_img .bg_img img{
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
}
.kousya_txt .kousya_txt_box{
	position: absolute;
	top: 50%;
	left: 10%;
	-webkit-transform: translate(0%, -50%); /* Safari用 */
	transform: translate(0%, -50%);
	width: 100%;
}
.kousya_txt_box .kousya_name{
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
}
.kousya_txt_box .kousya_en{
	font-size: 26px;
	font-family: europa, sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	color: #fff;
}
.kousya_txt_box .kousya_ja{
	font-size: 36px;
	font-weight: 200;
	letter-spacing: 4px;
	color: #fff;
	text-align: center;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.kousya_link_bar{
	margin: 0 0 0 10px;
	height: 1px;
	background: #fff;
	width: 10px;
	color: #fff;
}
.kousya_txt_box .kousya_name{
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
}
.goukaku_txt .kousya_txt_box{
	position: absolute;
	top: 50%;
	right: 0%;
	-webkit-transform: translate(0%, -50%); /* Safari用 */
	transform: translate(0%, -50%);
	width: 50%;
	padding: 0 10% 0 0;
}
.goukaku_txt .kousya_name{
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
}
.goukaku_txt .kousya_link_bar{
	margin: 0;
	height: 1px;
	background: #fff;
	width: 10px;
	color: #fff;
	position: absolute;
	left: 80%;
	top: 50%;
	-webkit-transform: translate(0%, -50%); /* Safari用 */
	transform: translate(0%, -50%);
}

/* hover 処理 */
@media only screen and (min-width: 861px){
	figure.item_img:hover .bg_img img,
	figure.item_img.hover .bg_img img{
		opacity: 1;
		vertical-align: top;
		cursor: pointer;
		-webkit-transition: all 0.85s ease;
		transition: all 0.85s ease;
		-webkit-transform: scale(1.1);
	}
	figure.item_img:hover .button{
		cursor: pointer;
		color: #fff;
	}
	figure.item_img:hover .button:after {
		left: -10%;
		width: 120%;
	}
	figure.item_img:hover .button p{
		color: #fff;
	}
	figure.item_img:hover .triganle{
		width: 20px;
		height: 20px;
		display: inline-block;
		background: url(../img/top/triangle_w.svg) no-repeat;
		background-position: center;
		background-size: contain;
	}
	.kousya_hover:hover .kousya_link_bar{
		margin: 0 0 0 10px;
		height: 1px;
		background: #fff;
		width: 10%;
	}
	.goukaku_txt:hover .kousya_link_bar{
		margin: 0;
		height: 1px;
		background: #fff;
		left: 80%;
		width: 10%;
	}
}

@media only screen and (max-width: 860px){ 
    .school_top .shinjyuku{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #00A0E9;
       height: auto;
    }
    .school_top .akihabara{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #F39800;
        height: auto;
        overflow: hidden;
    }
    .school_top .shibuya{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #718CC7;
        height: auto;
        overflow: hidden;
    }
    .school_top .kunitachi{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #8FC41F;
        height: auto;
        overflow: hidden;
    }
    .school_top .goukaku{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #E2274C;
        height: auto;
    }
}

/* トップページ 新美ギャラリー部分　=====================*/

.shinbi_gallery_top{
	background: #F5F5F5;
    background-image: url(../img/gallery/bg_patter.png);
	padding: 70px 0 70px;
    position: relative;
}
.shinbi_gallery_top .sub{
	text-align: center;
	font-size: 11px;
	letter-spacing: 2px;
	font-family: europa, sans-serif;
	margin: 0px auto 0;
    position: relative;
    z-index: 9;
}
.shinbi_gallery_top .title {
    text-align: center;
    margin: 10px auto 22px;
    z-index: 9;
    position: relative;
}
.shinbi_gallery_top .title span{
    font-size: 50px;
    letter-spacing: 6px;
    color: #212121;
    font-family: europa, sans-serif;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    display: inline-block;
    background: linear-gradient(transparent 60%, #fff 60%);
}
.gallery_bg_01{
    position: absolute;
    top: -40px;
    width: 360px;
    left: 30%;
    z-index: 1;
}
.gallery_bg_02{
    position: absolute;
    top: -40px;
    width: 260px;
    left: 40%;
    z-index: 1;
}
.shinbi_gallery_top .txt{
	text-align: center;
	font-size: 13px;
    letter-spacing: 3px;
    line-height: 1.8;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    z-index: 9;
    position: relative;
}
.gallery_contents{
    width: 81%;
    margin: 5% auto 0;
    background: rgba(255,255,255,0.64);
    padding: 32px 0 37px 0;
    z-index: 9;
    position: relative;
}
.gallery_bg_03{
    position: absolute;
    top: -30px;
    width: 70px;
    left: 56%;
    z-index: 1;
}


.gallery_top_slider{
    width: 58%;
    background: #fff;
    padding: 0 0% 0 5%;
}
.gallery_information{
	width: 40%;
	padding: 0;
}
.shinbi_gallery_top .sub_title{
	font-size: 12px;
    letter-spacing: 4px;
	font-family: europa, sans-serif;
	margin: 0 auto 26px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 9;
}
.shinbi_gallery_top .name_box{
	margin: 5% auto 20px;
}
.shinbi_gallery_top .name_photo{
	width: 110px;
	padding: 0 20px 0 0;
}
.shinbi_gallery_top .name_txt{
	width: auto;
}

.shinbi_gallery_top .name_txt .en{
	font-size: 12px;
	font-family: europa, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.shinbi_gallery_top .name_txt .ja{
	font-size: 25px;
	letter-spacing: 4px;
    text-decoration: underline;
    font-weight: bold;
}
.shinbi_gallery_top .day_list{
    width: 100%;
    margin: 0 0 10px;
}
.shinbi_gallery_top .day_list .list_title{
    font-size: 14px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    font-weight: 600;
    text-align: right;
    line-height:20px;
}
.shinbi_gallery_top .day_list .list_contents{
    font-size: 20px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}
.shinbi_gallery_top .time_txt{
    font-size: 12px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.shinbi_gallery_top .gallery_more{
    width: 80%;
    background: #000;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    font-size: 12px;
    padding: 15px 0;
    margin: 20px auto 0;
	border: 1px solid #000;
}
.shinbi_gallery_top .gallery_top_link{
	font-size: 12px;
    letter-spacing: 4px;
	font-family: europa, sans-serif;
	margin: 60px auto 0px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 9;
}

@media only screen and (min-width: 861px){ 
	.shinbi_gallery_top .gallery_more:hover{
		width: 80%;
		background: #fff;
		color: #000;
		text-align: center;
		letter-spacing: 2px;
		font-family: europa, sans-serif;
		font-size: 12px;
		padding: 15px 0;
		margin: 20px auto 0;
		border: 1px solid #000;
	}
}

@media only screen and (max-width: 860px){ 
    .shinbi_gallery_top{
        background: #F5F5F5;
        padding: 0 0 50px;
    }
    .shinbi_gallery_top .icon{
        width: 50px;
        margin: 0 auto;
        vertical-align: top;
    }

    .shinbi_gallery_top .sub{
        text-align: center;
        font-size: 11px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0px auto 0;
        padding: 13px 0 0 0;
    }
    .shinbi_gallery_top .title{
        text-align: center;
        font-size: 32px;
        font-family: europa, sans-serif;
        font-weight: 400;
        letter-spacing: 2px;
        margin: 0 auto 20px;
    }
    .shinbi_gallery_top .txt{
        text-align: center;
        font-size: 13px;
        width: 86%;
        margin: 0 auto;
    }
    .gallery_contents{
        width: 86%;
        margin: 10% auto 0;
        background: #fff;
        padding: 40px 0 0;
    }
    .gallery_contents_inner{
    }
    .gallery_top_slider{
        width: 100%;
        background: #fff;
        padding: 20px;
        margin: 20px auto 0;
    }
    .gallery_information{
        width: 100%;
        padding: 0;
        margin: 12px auto 0;
    }
    .shinbi_gallery_top .sub_title{
        font-size: 14px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0 auto 5px;
        font-weight: bold;
        text-align: center;
    }
    .shinbi_gallery_top .name_box{
        margin: 20px auto 20px;
    }
    .shinbi_gallery_top .name_photo{
        width: 140px;
        padding: 0;
        margin: 0 auto;
    }
    .shinbi_gallery_top .name_txt{
        width: 100%;
        margin: 10px auto 0;
    }
    .shinbi_gallery_top .name_txt .en{
        font-size: 12px;
        font-family: europa, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: center;
    }
    .shinbi_gallery_top .name_txt .ja{
        font-size: 25px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: center;
    }
    .shinbi_gallery_top .day_list{
        width: 100%;
        margin: 0 0 10px;
    }
    .shinbi_gallery_top .day_list .list_title{
        font-size: 14px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        font-weight: 600;
        width: 46%;
        text-align: right;
        line-height:20px;
    }
    .shinbi_gallery_top .day_list .list_contents{
        font-size: 20px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        width: 54%;
    }
    .shinbi_gallery_top .time_txt{
        font-size: 12px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }
}


/* 体験一覧　=====================*/

.taiken_wrap{
	margin: 5% auto 0;
}
.taiken_wrap li{
	width: 50%;
	position: relative;
}
.taiken_wrap .txt_box{
	position: absolute;
	top: 50%;
	left: 10%;
	-webkit-transform: translate(0%, -50%); /* Safari用 */
	transform: translate(0%, -50%);
	width: 100%;
}
.taiken_wrap .txt_box .more_link_btn{
	width: 50%;
}



/* 優秀作品　=====================*/

.passwork_wrap{
	padding: 70px 0;
}
.passworks_title_en_small{
	color: #fff;
	font-size: 11px;
	letter-spacing: 2px;
	font-family: europa, sans-serif;
	margin: 0 0 10px;
}
.passworks_title_ja{
	color: #fff;
	font-size: 22px;
	letter-spacing: 2px;
}
.passworks_title_en{
	color: #fff;
	font-size: 33px;
	letter-spacing: 8px;
	font-family: europa, sans-serif;
	margin: 0 0 20px;
}
.passwork_wrap .gallery_more{
    width: 300px;
    background: #000;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    font-size: 12px;
    padding: 15px 0;
    margin: 70px auto 0;
}
@media only screen and (min-width: 861px){ 
	.passwork_wrap .gallery_more:hover{
		width: 300px;
		background: #fff;
		color: #000;
		text-align: center;
		letter-spacing: 2px;
		font-family: europa, sans-serif;
		font-size: 12px;
		padding: 15px 0;
		margin: 70px auto 0;
	}
}
@media only screen and (max-width: 860px){ 
	.passwork_wrap{
		padding: 30px 16px;
	}
	.passworks_title_en_small{
		color: #fff;
		font-size: 11px;
		letter-spacing: 2px;
		font-family: europa, sans-serif;
		margin: 0 0 10px;
		text-align: center;
	}
	.passworks_title_ja{
		color: #fff;
		font-size: 20px;
		letter-spacing: 2px;
		text-align: center;
	}
	.passworks_title_en{
		color: #fff;
		font-size: 28px;
		letter-spacing: 8px;
		font-family: europa, sans-serif;
		margin: 0 0 20px 1px;
		text-align: center;
	}
	.passwork_wrap .gallery_more{
		width: 300px;
		background: #000;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		font-family: europa, sans-serif;
		font-size: 12px;
		padding: 15px 0;
		margin: 30px auto 0;
	}
}

/* SNSリスト　=====================*/

.media_list{
	background: #F7F7F7;
	padding: 100px 0;
}
.sns_list{
	width: 640px;
	margin: 0 auto;
}
.sns_list .left{
	width: 200px;
}
.sns_list .right{
	width: 440px;
}
.sns_list .left p{
	font-size: 14px;
	letter-spacing: 4px;
	color: #636363;
	font-family: europa, sans-serif;
}
.sns_icon_list{
	width: 100%;
}
.sns_icon_list .tw{
	width: 40px;
    margin: 0 15px;
}
.sns_icon_list .youtube{
	width: 100px;
    margin: 0 15px;
}
.sns_icon_list .blog{
	width: 120px;
    margin: 0 15px;
}
@media only screen and (max-width: 860px){
    .media_list{
        background: #F7F7F7;
        padding: 40px 0;
		clear: both;
    }
    .sns_list{
        width: 90%;
        margin: 0 auto;
    }
    .sns_list .left{
        width: 100%;
        margin: 0 0 18px;
    }
    .sns_list .right{
        width: 100%;
    }
    .sns_list .left p{
        font-size: 12px;
        letter-spacing: 2px;
        color: #636363;
        text-align: center;
        font-family: europa, sans-serif;
    }
    .sns_icon_list{
        width: 100%;
    }
    .sns_icon_list .tw{
        width: 30px;
        margin: 0 10px;
    }
    .sns_icon_list .youtube{
        width: 80px;
        margin: 0 10px;
    }
    .sns_icon_list .blog{
        width: 110px;
        margin: 0 10px;
    }
}

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

 *  　サブページ　共通設定
　
   ================================================================================ */

.sub_page_titlebox{
	margin: 40px auto;
	width: 100%;
}
.sub_page_title_en{
	font-size: 40px;
	letter-spacing: 6px;
	color: #636363;
	font-family: europa, sans-serif;
	text-align: center;
}
.sub_page_title_small_ja{
	font-size:12px;
	letter-spacing: 4px;
	color: #636363;
	text-align: center;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

.sub_page_title_ja{
	font-size: 38px;
	letter-spacing: 4px;
	color: #636363;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	text-align: center;
}
.sub_page_title_small_en{
	font-size: 14px;
	letter-spacing: 4px;
	color: #636363;
	font-family: europa, sans-serif;
	text-align: center;
}
@media only screen and (max-width: 860px){
    .sub_page_titlebox{
        margin: 30px auto;
        width: 100%;
    }
    .sub_page_title_en{
        font-size: 32px;
        letter-spacing: 6px;
        color: #636363;
        font-family: europa, sans-serif;
        text-align: center;
    }
    .sub_page_title_small_ja{
        font-size:11px;
        letter-spacing: 4px;
        color: #636363;
        text-align: center;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }

    .sub_page_title_ja{
        font-size: 32px;
        letter-spacing: 4px;
        color: #636363;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        text-align: center;
    }
    .sub_page_title_small_en{
        font-size: 12px;
        letter-spacing: 4px;
        color: #636363;
        font-family: europa, sans-serif;
        text-align: center;
    }
}


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

 *  　新美について
　
   ================================================================================ */

.aboutpage{
    width: 100%;
}
.beginnerpage{
    width: 100%;
}

.aboutpage .photo_01{
    width: 100%;
}
.aboutpage .about_box_01{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.aboutpage .about_box_01 p{
    text-align: center;
}
.about_txt_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 82%;
}
.about_en_title{
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-family: europa, sans-serif;
}
.about_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px auto;
}

.beginnerpage .photo_01{
    width: 100%;
}
.beginnerpage .about_box_01{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.beginnerpage .about_box_01 p{
    text-align: center;
}

.about_box_01 .about_box_title{
    font-size: 22px;
    letter-spacing: 5px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.beginnerpage .about_box_01 .about_box_title{
    font-size: 36px;
    letter-spacing: 5px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_01 .about_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 45%;
    line-height: 2;
}
.beginnerpage .about_box_01 .about_box_txt{
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 50%;
    line-height: 2;
}


.about_box_02{
    width: 100%;
    padding: 50px 0;
}
.about_box_02_flex{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.about_box_02_flex .left{
    width: 50%;
    padding: 0 2% 0 0;
}
.about_box_02_flex .right{
    width: 50%;
}
.about_box_02 .about_box_title{
    font-size: 35px;
    letter-spacing: 8px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_02 .about_box_subtitle{
    font-size: 16px;
    letter-spacing: 5px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 20px auto 18px;
}
.about_box_02 .about_box_subtitle span{
    font-size: 22px;
    letter-spacing: 5px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_02 .about_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.about_box_02  .about_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}
.photo02{
    margin: 0 auto;
    width: 100%;
}
.photo02 li{
    margin: 0;
    width: 50%;
}
.photo03{
    margin: 0 auto;
    width: 100%;
}
.photo03 .photo03_01{
    margin: 0;
    width: 32%;
}
.photo03 .photo03_02{
    margin: 0;
    width: 32%;
}
.photo03 .photo03_03{
    margin: 0;
    width: 32%;
}


.about_box_03_flex{
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
.about_box_03_flex .left{
    width: 44%;
    padding: 0 2% 0 0;
}
.about_box_03_flex .right{
    width: 56%;
}
.about_box_03 .about_box_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_03 .about_box_subtitle span{
    font-size: 22px;
    letter-spacing: 5px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_03 .about_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.about_box_03  .about_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}


.about_box_04{
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 90px;
}
.about_box_04_flex{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.about_box_04_flex .left{
    width: 44%;
    padding: 0 2% 0 0;
}
.about_box_04_flex .right{
    width: 56%;
}
.about_box_04 .about_box_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.about_box_04 .about_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.about_box_04 .about_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}
.photo_04{
    margin: 30px auto 0;
    width: 100%;
}

.beginner_link_04{
	background: #fff;
	border-radius: 22px;
	padding: 10px;
	width: 300px;
	margin: 20px 0 0;
	border: 1px solid #fff;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
.beginner_link_04_txt{
	color: #979797;
	font-size: 14px;
	text-align: center;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
.beginner_link_04_txt:after{
	content: url("../img/icon_more_grey.svg");
	width: 15px;
	height: 15px;
	margin: 0 0 0 10px;
	display: inline-block;
    vertical-align: sub;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
@media only screen and (min-width: 861px){
	.beginner_link_04:hover{
		background: rgba(255,255,255,0.46);
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04:hover .beginner_link_04_txt{
		color: #979797;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04:hover .beginner_link_04_txt:after{
		content: url("../img/icon_more_grey.svg");
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
}


.about_box_05{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.about_box_05 .about_en_title{
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-family: europa, sans-serif;
    text-align: center;
}
.about_box_05 .about_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px auto;
}
.about_box_05 .about_box_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
     text-align: center;
}
.about_box_05 .about_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto 30px;
    width: 55%;
    line-height: 2;
    text-align: center;
}

.access_maplist{
    margin: 0px auto 20px;
    width: 55%;
    background: #fff;
}
.access_maplist .photo{
    width: 50%;
    background: #fff;
}
.access_maplist .txt{
    width: 50%;
    background: #fff;
    padding: 20px;
}
.access_maplist .txt .txt01{
    font-size: 17px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    color: #3D3D3D;
    margin: 0 0 10px;
}
.access_maplist .txt .txt02{
    font-size: 13px;
    color: #3D3D3D;
}

.kiso_list{
    margin: 0px auto 20px;
    width: 90%;
    background: #fff;
}
.kiso_list .photo{
    width: 50%;
    background: #fff;
}
.kiso_list .txt{
    width: 50%;
    background: #fff;
    padding: 20px;
}
.kiso_list .txt .txt01{
    font-size: 14px;
    color: #3D3D3D;
    margin: 0 0 10px;
    font-weight: bold;
}
.kiso_list .txt .txt02{
    font-size: 13px;
    color: #3D3D3D;
}
.photo_02_beginner{
    width: 60%;
    margin: 0 0 20px;
    
}
.beginnerpage .experience_contents {
    margin: 20px auto;
    background: #fff;
    padding: 40px 30px;
}

.about_box_bottom_link{
    margin: 60px auto;
    width: 280px;
}
.about_box_bottom_link li{
    margin: 0 0 18px;
    width: 100%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    position: relative;
    padding: 0 0 0 40px;
}
.about_box_bottom_link li .link_title{
    width: 100%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    position: relative;
}
.about_box_bottom_link li .link_txt{
    width: 100%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
}
.about_box_bottom_link li::before{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 1px;
    width: 15px;
    height: 15px;
    background: url(../img/icon_more.svg) center / cover no-repeat;
}

.about_box_06{
    border-top: 1px solid #D7D7D7;
}

@media only screen and (max-width: 860px){
   .aboutpage{
        width: 100%;
    }
    .aboutpage .photo_01{
        width: 100%;
    }
    .aboutpage .about_box_01{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .aboutpage .about_box_01 p{
        text-align: center;
    }
    .aboutpage .about_txt_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 82%;
    }
    .aboutpage .about_en_title{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        font-family: europa, sans-serif;
    }
    .aboutpage .about_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px auto;
    }

    .about_box_01 .about_box_title{
        font-size: 20px;
        letter-spacing: 5px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_01 .about_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .beginnerpage .about_box_01 .about_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }

    .about_box_02{
        width: 100%;
        padding: 60px 0;
    }
    .about_box_02_flex{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .about_box_02_flex .left{
        width: 100%;
        padding: 0 0 20px 0;
    }
    .about_box_02_flex .right{
        width: 100%;
    }
    .about_box_02 .about_box_title{
        font-size: 30px;
        letter-spacing: 8px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_02 .about_box_subtitle{
        font-size: 16px;
        letter-spacing: 5px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 20px auto 18px;
    }
    .about_box_02 .about_box_subtitle span{
        font-size: 20px;
        letter-spacing: 5px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_02 .about_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .about_box_02  .about_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }
    .photo02{
        margin: 0 auto;
        width: 100%;
    }
    .photo02 li{
        margin: 0;
        width: 100%;
    }
    .photo03{
        margin: 0 auto;
        width: 100%;
    }
    .photo03 .photo03_01{
        margin: 0;
        width: 49%;
    }
    .photo03 .photo03_02{
        margin: 0;
        width: 49%;
    }
    .photo03 .photo03_03{
        margin: 0;
        width: 100%;
    }


    .about_box_03_flex{
        width: 100%;
        margin: 0 auto;
        padding: 80px 0;
    }
    .beginnerpage .about_box_03_flex{
        width: 100%;
        margin: 0 auto;
        padding: 80px 0 40px;
    }
    .about_box_03_flex .left{
        width: 100%;
        padding: 0 2% 0 0;
    }
    .about_box_03_flex .right{
        width: 100%;
    }
    .about_box_03 .about_box_title{
        font-size: 30px;
        letter-spacing: 8px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_03 .about_box_subtitle span{
        font-size: 20px;
        letter-spacing: 5px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_03 .about_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .about_box_03  .about_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }


    .about_box_04{
        width: 100%;
        margin: 0 auto;
        padding: 60px 0 70px;
    }
    .about_box_04_flex{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .about_box_04_flex .left{
        width: 44%;
        padding: 0 2% 0 0;
    }
    .about_box_04_flex .right{
        width: 56%;
    }
    .about_box_04 .about_box_title{
        font-size: 30px;
        letter-spacing: 4px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .about_box_04 .about_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .about_box_04 .about_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }
    .photo_04{
        margin: 30px auto 0;
        width: 100%;
    }
    .photo_04 img{
        margin: 10px auto 0;
        width: 100%;
    }

	.beginner_link_04{
		background: #fff;
		border-radius: 22px;
		padding: 10px;
		width: 100%;
		margin: 20px 0 0;
		border: 1px solid #fff;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04_txt{
		color: #979797;
		font-size: 14px;
		text-align: center;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04_txt:after{
		content: url("../img/icon_more_grey.svg");
		width: 15px;
		height: 15px;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: sub;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}

    .about_box_05{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .about_box_05 .about_en_title{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        font-family: europa, sans-serif;
        text-align: center;
    }
    .about_box_05 .about_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px auto;
    }
    .about_box_05 .about_box_title{
        font-size: 30px;
        letter-spacing: 6px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
         text-align: center;
    }
    .about_box_05 .about_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto 30px;
        width: 100%;
        line-height: 2;
        text-align: center;
    }
    
    .beginnerpage .about_box_03 .about_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto 30px;
        width: 100%;
        line-height: 2;
    }

    .access_maplist{
        margin: 0px auto 20px;
        width: 100%;
        background: #fff;
    }
    .access_maplist .photo{
        width: 100%;
        background: #fff;
    }
    .access_maplist .txt{
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    .access_maplist .txt .txt01{
        font-size: 17px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #3D3D3D;
        margin: 0 0 10px;
    }
    .access_maplist .txt .txt02{
        font-size: 13px;
        color: #3D3D3D;
    }
    .kiso_list{
        margin: 0px auto 20px;
        width: 100%;
        background: #fff;
    }
    .kiso_list .photo{
        width: 100%;
        background: #fff;
    }
    .kiso_list .txt{
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    .kiso_list .txt .txt01{
        font-size: 14px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #3D3D3D;
        margin: 0;
    }
    .beginnerpage .experience_contents {
        margin: 20px auto;
        background: #fff;
        padding: 20px 20px;
    }
    
    .about_box_bottom_link{
        margin: 60px auto;
        width: 100%;
    }
    .about_box_bottom_link li{
        margin: 0 0 18px;
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 20px;
        letter-spacing: 5px;
        position: relative;
        padding: 0 0 0 40px;
    }
    .about_box_bottom_link li .link_title{
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 20px;
        letter-spacing: 5px;
        position: relative;
    }
    .about_box_bottom_link li .link_txt{
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        position: relative;
    }
    .about_box_bottom_link li::before{
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 5px);
        left: 1px;
        width: 15px;
        height: 15px;
        background: url(../img/icon_more.svg) center / cover no-repeat;
    } 

}



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

 *  　留学生コース
　
   ================================================================================ */

.ryugakupage{
    width: 100%;
}

.ryugaku_page_inner{
   max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    position: relative;
}
.ryugaku_page_sns{
 	max-width: 5%;
    margin: 0 0 0 auto;
    width: 30%;
    position: relative;
}
.ryugaku_weibo{
	top: 5px;
	right: 20px;
	text-align: center;
	font-weight: bolder;
	color: #fff;
	font-size: 12px;
	padding: 1px 10px;
}

.beginnerpage{
    width: 100%;
}
.ryugakupage .photo_01{
    width: 100%;
}
.ryugakupage .ryugaku_box_01{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.ryugakupage .ryugaku_box_01 p{
    text-align: center;
}
.ryugaku_txt_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 82%;
}
.ryugaku_en_title{
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-family: europa, sans-serif;
}

.ryugaku_en_title-02{
    font-size: 12px;
    letter-spacing: 2px;
    color: #000000;
    font-family: europa, sans-serif;
}


.ryugaku_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px auto;
}


.beginnerpage .photo_01{
    width: 100%;
}
.beginnerpage .ryugaku_box_01{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.beginnerpage .ryugaku_box_01 p{
    text-align: center;
}

.ryugaku_box_01 .ryugaku_box_title{
    font-size: 22px;
    letter-spacing: 5px;
    color: #fff;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.beginnerpage .ryugaku_box_01 .ryugaku_box_title{
    font-size: 36px;
    letter-spacing: 5px;
    color: #fff;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_01 .ryugaku_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 45%;
    line-height: 2;
}
.beginnerpage .ryugaku_box_01 .ryugaku_box_txt{
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 50%;
    line-height: 2;
}

.ryugaku_box_02{
    width: 100%;
    padding: 50px 0;
}
.ryugaku_box_02_flex{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.ryugaku_box_02_flex .left{
    width: 50%;
    padding: 0 2% 0 0;
}
.ryugaku_box_02_flex .right{
    width: 50%;
}
.ryugaku_box_02 .ryugaku_box_title{
    font-size: 35px;
    letter-spacing: 8px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_02 .ryugaku_box_subtitle{
    font-size: 16px;
    letter-spacing: 2px;
	line-height: 2;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 20px auto 18px;
}
.ryugaku_box_02 .ryugaku_box_subtitle span{
    font-size: 22px;
    letter-spacing: 5px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_02 .ryugaku_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #000000;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.ryugaku_box_02  .ryugaku_en_bar{
    background: #000000;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}


.ryugaku_box_start{
    width: 100%;
    padding: 0px 0;
}
.ryugaku_box_start_flex{
    width: 100%;
    margin: 0 auto;
    padding: 60px 0 50px;
}
.ryugaku_box_start_flex .left{
    width: 50%;
    padding: 0 2% 0 0;
}
.ryugaku_box_start_flex .right{
    width: 50%;
}
.ryugaku_box_start .ryugaku_box_title{
    font-size: 35px;
	font-weight: bolder;
    letter-spacing: 8px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_start .ryugaku_box_subtitle{
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 2;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 20px auto 0px;
}
.ryugaku_box_start .ryugaku_box_subtitle span{
    font-size: 22px;
    letter-spacing: 5px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_start .ryugaku_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #000000;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.ryugaku_box_start  .ryugaku_en_bar{
    background: #000000;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}
.ryugaku_box_start .form_link-04{
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
}

.photo02{
    margin: 0 auto;
    width: 100%;
}
.photo02 li{
    margin: 0;
    width: 50%;
}
.photo03{
    margin: 0 auto;
    width: 100%;
}
.photo03 .photo03_01{
    margin: 0;
    width: 32%;
}
.photo03 .photo03_02{
    margin: 0;
    width: 32%;
}
.photo03 .photo03_03{
    margin: 0;
    width: 32%;
}


.ryugaku_box_03_flex{
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
.ryugaku_box_03_flex .left{
    width: 44%;
    padding: 0 2% 0 0;
}
.ryugaku_box_03_flex .right{
    width: 56%;
}
.ryugaku_box_03 .ryugaku_box_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_03 .ryugaku_box_subtitle{
    font-size: 18px;
    letter-spacing: 5px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 25px auto 8px;
}

.ryugaku_box_03 .ryugaku_box_subtitle span{
    font-size: 22px;
    letter-spacing: 5px;
    color: #000000;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_03 .ryugaku_box_txt{
    font-size: 14px;
    letter-spacing: 2px;
    color: #000000;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.ryugaku_box_03  .ryugaku_en_bar{
    background: #000000;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}


.ryugaku_box_04{
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 90px;
}
.ryugaku_box_04_flex{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.ryugaku_box_04_flex .left{
    width: 44%;
    padding: 0 2% 0 0;
}
.ryugaku_box_04_flex .right{
    width: 56%;
}
.ryugaku_box_04 .ryugaku_box_title{
    font-size: 30px;
    letter-spacing: 8px;
    color: #fff;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
}
.ryugaku_box_04 .ryugaku_box_txt{
    font-size: 15px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}

.ryugaku_box_04 .ryugaku_box_txt_name{
    font-size: 17px;
	font-weight: bolder;
    letter-spacing: 2px;
    color: #fff;
    margin: 30px auto 10px;
    width: 100%;
    line-height: 2;
}

.ryugaku_box_04 .ryugaku_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px 0;
}
.ryugaku_photo_04{
    margin: 10px 0px 10px 0px;
    width: 25%;
}

.beginner_link_04{
	background: #fff;
	border-radius: 22px;
	padding: 10px;
	width: 300px;
	margin: 20px 0 0;
	border: 1px solid #fff;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
.beginner_link_04_txt{
	color: #979797;
	font-size: 14px;
	text-align: center;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
.beginner_link_04_txt:after{
	content: url("../img/icon_more_grey.svg");
	width: 15px;
	height: 15px;
	margin: 0 0 0 10px;
	display: inline-block;
    vertical-align: sub;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
@media only screen and (min-width: 861px){
	.beginner_link_04:hover{
		background: rgba(255,255,255,0.46);
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04:hover .beginner_link_04_txt{
		color: #979797;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04:hover .beginner_link_04_txt:after{
		content: url("../img/icon_more_grey.svg");
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
}


.ryugaku_box_05{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.ryugaku_box_05 .ryugaku_en_title{
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-family: europa, sans-serif;
    text-align: center;
}
.ryugaku_box_05 .ryugaku_en_bar{
    background: #fff;
    height: 1px;
    width: 30px;
    margin: 10px auto;
}
.ryugaku_box_05 .ryugaku_box_title{
    font-size: 25px;
    letter-spacing: 8px;
    color: #fff;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 30px auto 23px;
     text-align: center;
}
.ryugaku_box_05 .ryugaku_box_txt{
    font-size: 13px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto 30px;
    width: 55%;
    line-height: 2;
    text-align: center;
}



/*  2019/12/16 追加 ↓↓*/
.ryugaku_information{
	background: #ebebeb;
	padding: 10px 0 10px;
}
.ryugaku_information .ryugaku_box_title{
    font-size: 35px;
    font-weight: bolder;
    letter-spacing: 8px;
    color: #2e2e2e;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 20px auto 15px;
}
.ryugaku_information .ryugaku_box_title_sub{
	font-size: 16px;
	font-weight: bold;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
}
.ryugaku_information .ryugaku_info_txt{
	font-size: 14px;
	line-height: 2;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
}
@media only screen and (max-width: 860px){
	.ryugaku_information{
		background: #ebebeb;
		padding: 70px 0 70px;
	}
	.ryugaku_information .ryugaku_box_title{
		font-size: 28px;
		font-weight: bolder;
		letter-spacing: 8px;
		color: #2e2e2e;
		font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
		margin: 20px auto 20px;
	}
}




.access_maplist{
    margin: 0px auto 20px;
    width: 55%;
    background: #fff;
}
.access_maplist .photo{
    width: 50%;
    background: #fff;
}
.access_maplist .txt{
    width: 50%;
    background: #fff;
    padding: 20px;
}
.access_maplist .txt .txt01{
    font-size: 17px;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    color: #3D3D3D;
    margin: 0 0 10px;
}
.access_maplist .txt .txt02{
    font-size: 13px;
    color: #3D3D3D;
}

.kiso_list{
    margin: 0px auto 20px;
    width: 90%;
    background: #fff;
}
.kiso_list .photo{
    width: 50%;
    background: #fff;
}
.kiso_list .txt{
    width: 50%;
    background: #fff;
    padding: 20px;
}
.kiso_list .txt .txt01{
    font-size: 14px;
    color: #3D3D3D;
    margin: 0 0 10px;
    font-weight: bold;
}
.kiso_list .txt .txt02{
    font-size: 13px;
    color: #3D3D3D;
}
.photo_02_beginner{
    width: 60%;
    margin: 0 0 20px;
    
}
.beginnerpage .experience_contents {
    margin: 20px auto;
    background: #fff;
    padding: 40px 30px;
}

.ryugaku_box_bottom_link{
    margin: 60px auto;
    width: 280px;
}
.ryugaku_box_bottom_link li{
    margin: 0 0 18px;
    width: 100%;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    position: relative;
    padding: 0 0 0 40px;
}
.ryugaku_box_bottom_link li .link_title{
    width: 100%;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    position: relative;
}
.ryugaku_box_bottom_link li .link_txt{
    width: 100%;
    font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
}
.ryugaku_box_bottom_link li::before{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 1px;
    width: 15px;
    height: 15px;
    background: url(../img/icon_more.svg) center / cover no-repeat;
}

.ryugaku_box_06{
    border-top: 1px solid #D7D7D7;
}

@media only screen and (max-width: 860px){
   .ryugakupage{
        width: 100%;
    }
    .ryugakupage .photo_01{
        width: 100%;
    }
    .ryugakupage .ryugaku_box_01{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .ryugakupage .ryugaku_box_01 p{
        text-align: center;
    }
    .ryugakupage .ryugaku_txt_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 82%;
    }
    .ryugakupage .ryugaku_en_title{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        font-family: europa, sans-serif;
    }
    .ryugakupage .ryugaku_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px auto;
    }

    .ryugaku_box_01 .ryugaku_box_title{
        font-size: 20px;
        letter-spacing: 5px;
        color: #fff;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_01 .ryugaku_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .beginnerpage .ryugaku_box_01 .ryugaku_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }

    .ryugaku_box_02{
        width: 100%;
        padding: 60px 0;
    }
    .ryugaku_box_02_flex{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .ryugaku_box_02_flex .left{
        width: 100%;
        padding: 0 0 20px 0;
    }
    .ryugaku_box_02_flex .right{
        width: 100%;
    }
    .ryugaku_box_02 .ryugaku_box_title{
        font-size: 30px;
        letter-spacing: 8px;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_02 .ryugaku_box_subtitle{
        font-size: 14px;
    	letter-spacing: 2px;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 20px auto 18px;
    }
    .ryugaku_box_02 .ryugaku_box_subtitle span{
        font-size: 20px;
        letter-spacing: 5px;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_02 .ryugaku_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #000000;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .ryugaku_box_02  .ryugaku_en_bar{
        background: #000000;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }
	
	
	.ryugaku_box_start{
        width: 100%;
        padding: 60px 0;
    }
    .ryugaku_box_start_flex{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .ryugaku_box_start_flex .left{
        width: 100%;
        padding: 0 0 20px 0;
    }
    .ryugaku_box_start_flex .right{
        width: 100%;
    }
    .ryugaku_box_start .ryugaku_box_title{
        font-size: 30px;
        letter-spacing: 8px;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 3px;
    }
    .ryugaku_box_start .ryugaku_box_subtitle{
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.8;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 20px auto 18px;
    }
    .ryugaku_box_start .ryugaku_box_subtitle span{
        font-size: 20px;
        letter-spacing: 5px;
        color: #000000;
        font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_start .ryugaku_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #000000;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .ryugaku_box_start .ryugaku_en_bar{
        background: #000000;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }
	.ryugaku_box_start .form_link-04{
		width: 100%;
		margin-top: 30px;
	}
	
    .photo02{
        margin: 0 auto;
        width: 100%;
    }
    .photo02 li{
        margin: 0;
        width: 100%;
    }
    .photo03{
        margin: 0 auto;
        width: 100%;
    }
    .photo03 .photo03_01{
        margin: 0;
        width: 49%;
    }
    .photo03 .photo03_02{
        margin: 0;
        width: 49%;
    }
    .photo03 .photo03_03{
        margin: 0;
        width: 100%;
    }


    .ryugaku_box_03_flex{
        width: 100%;
        margin: 0 auto;
        padding: 80px 0;
    }
    .beginnerpage .ryugaku_box_03_flex{
        width: 100%;
        margin: 0 auto;
        padding: 80px 0 40px;
    }
    .ryugaku_box_03_flex .left{
        width: 100%;
        padding: 0 2% 0 0;
    }
    .ryugaku_box_03_flex .right{
        width: 100%;
    }
    .ryugaku_box_03 .ryugaku_box_title{
        font-size: 30px;
        letter-spacing: 8px;
        color: #000000;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_03 .ryugaku_box_subtitle span{
        font-size: 20px;
        letter-spacing: 5px;
        color: #000000;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_03 .ryugaku_box_txt{
        font-size: 13px;
        letter-spacing: 1.3px;
        color: #000000;
        margin: 0px auto;
        width: 100%;
        line-height: 1.8;
    }
    .ryugaku_box_03  .ryugaku_en_bar{
        background: #000000;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }


    .ryugaku_box_04{
        width: 100%;
        margin: 0 auto;
        padding: 60px 0 70px;
    }
    .ryugaku_box_04_flex{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .ryugaku_box_04_flex .left{
        width: 44%;
        padding: 0 2% 0 0;
    }
    .ryugaku_box_04_flex .right{
        width: 56%;
    }
    .ryugaku_box_04 .ryugaku_box_title{
        font-size: 23px;
        letter-spacing: 4px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
    }
    .ryugaku_box_04 .ryugaku_box_txt{
        font-size: 13px;
        letter-spacing: 1.3px;
        color: #fff;
        margin: 0px auto;
        width: 100%;
        line-height: 1.7;
    }
    .ryugaku_box_04 .ryugaku_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px 0;
    }
    .photo_04{
        margin: 30px auto 0;
        width: 100%;
    }
    .photo_04 img{
        margin: 10px auto 0;
        width: 100%;
    }

	.beginner_link_04{
		background: #fff;
		border-radius: 22px;
		padding: 10px;
		width: 100%;
		margin: 20px 0 0;
		border: 1px solid #fff;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04_txt{
		color: #979797;
		font-size: 14px;
		text-align: center;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	.beginner_link_04_txt:after{
		content: url("../img/icon_more_grey.svg");
		width: 15px;
		height: 15px;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: sub;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}

    .ryugaku_box_05{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .ryugaku_box_05 .ryugaku_en_title{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        font-family: europa, sans-serif;
        text-align: center;
    }
    .ryugaku_box_05 .ryugaku_en_bar{
        background: #fff;
        height: 1px;
        width: 30px;
        margin: 10px auto;
    }
    .ryugaku_box_05 .ryugaku_box_title{
        font-size: 30px;
        letter-spacing: 6px;
        color: #fff;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 30px auto 23px;
         text-align: center;
    }
    .ryugaku_box_05 .ryugaku_box_txt{
        font-size: 13px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto 30px;
        width: 100%;
        line-height: 2;
        text-align: center;
    }
    
    .beginnerpage .ryugaku_box_03 .ryugaku_box_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #fff;
        margin: 0px auto 30px;
        width: 100%;
        line-height: 2;
    }

    .access_maplist{
        margin: 0px auto 20px;
        width: 100%;
        background: #fff;
    }
    .access_maplist .photo{
        width: 100%;
        background: #fff;
    }
    .access_maplist .txt{
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    .access_maplist .txt .txt01{
        font-size: 17px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #3D3D3D;
        margin: 0 0 10px;
    }
    .access_maplist .txt .txt02{
        font-size: 13px;
        color: #3D3D3D;
    }
    .kiso_list{
        margin: 0px auto 20px;
        width: 100%;
        background: #fff;
    }
    .kiso_list .photo{
        width: 100%;
        background: #fff;
    }
    .kiso_list .txt{
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    .kiso_list .txt .txt01{
        font-size: 14px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #3D3D3D;
        margin: 0;
    }
    .beginnerpage .experience_contents {
        margin: 20px auto;
        background: #fff;
        padding: 20px 20px;
    }
    
    .ryugaku_box_bottom_link{
        margin: 60px auto;
        width: 100%;
    }
    .ryugaku_box_bottom_link li{
        margin: 0 0 18px;
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 20px;
        letter-spacing: 5px;
        position: relative;
        padding: 0 0 0 40px;
    }
    .ryugaku_box_bottom_link li .link_title{
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 20px;
        letter-spacing: 5px;
        position: relative;
    }
    .ryugaku_box_bottom_link li .link_txt{
        width: 100%;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        position: relative;
    }
    .ryugaku_box_bottom_link li::before{
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 5px);
        left: 1px;
        width: 15px;
        height: 15px;
        background: url(../img/icon_more.svg) center / cover no-repeat;
    } 
	
	/* ================================================================================

 *  　Weibo
　
   ================================================================================ */
	
	.ryugaku_page_inner{
   	max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    position: relative;
	}
	.ryugaku_page_sns{
		max-width: 5%;
		margin: 0 0 0 auto;
		width: 30%;
		position: relative;
	}
	.ryugaku_weibo{
		float: left;
		top: 0px;
		right: 20px;
		text-align: center;
		font-weight: bolder;
		color: #fff;
		font-size: 12px;
		padding: 1px 10px;
	}

	

}



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

 *  　施設紹介
　
   ================================================================================ */

.aboutpage .shisetsu_txt_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 82%;
}
.shisetsu_txt01{
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 0 auto 40px;
}
.shisetsu_01{
    background: #F2F2F2;
    padding: 70px 0;
    position: relative;
}
.shisetsu_list_01{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.shisetsu_01 .shisetsu_bar{
    background: #fff;
    height: 12px;
    width: 50px;
    margin: 0 0 18px;
}
.shisetsu_list_01 .right{
    width: 58%;
    margin: 0
}
.shisetsu_list_01 .left{
    width: 42%;
    margin: 0 5% 0 0;
}
.aboutpage .shisetsu_en{
    font-size: 12px;
    letter-spacing: 2px;
    color: #212121;
    font-family: europa, sans-serif;
}
.aboutpage .shisetsu_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #212121;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 10px auto 23px;
}
.aboutpage .shisetsu_title_small{
    font-size: 24px;
    letter-spacing: 6px;
    color: #212121;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 10px auto 23px;
}
.aboutpage .shisetsu_txt{
    font-size: 12px;
    letter-spacing: 2px;
    color: #212121;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}

.shisetsu_02{
    background: #fff;
    padding: 70px 0;
    position: relative;
}
.shisetsu_list_02{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.shisetsu_list_02 .right{
    width: 58%;
    margin: 0
}
.shisetsu_list_02 .left{
    width: 42%;
    margin: 0 0 0 5%;
}
.shisetsu_02 .shisetsu_bar{
    background: #F2F2F2;
    height: 12px;
    width: 50px;
    margin: 0 0 18px;
}


@media only screen and (max-width: 860px){
    .aboutpage .shisetsu_txt_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 100%;
    }
    .shisetsu_txt01{
        width: 88%;
        text-align: center;
        font-size: 13px;
        margin: 0 auto 30px;
    }
    .shisetsu_01{
        background: #F2F2F2;
        padding: 0px 0 50px;
        position: relative;
    }
    .shisetsu_list_01{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .shisetsu_01 .shisetsu_bar{
        background: #fff;
        height: 12px;
        width: 50px;
        margin: 0 0 18px;
    }
    .shisetsu_list_01 .right{
        width: 100%;
        margin: 0
    }
    .shisetsu_list_01 .left{
        width: 78%;
        margin: 26px auto 0;
    }
    .aboutpage .shisetsu_en{
        font-size: 12px;
        letter-spacing: 2px;
        color: #212121;
        font-family: europa, sans-serif;
    }
    .aboutpage .shisetsu_title{
        font-size: 32px;
        letter-spacing: 8px;
        color: #212121;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 10px auto 23px;
    }
    .aboutpage .shisetsu_title_small{
        font-size: 20px;
        letter-spacing: 6px;
        color: #212121;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 10px auto 23px;
    }
    .aboutpage .shisetsu_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #212121;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }

    .shisetsu_02{
        background: #fff;
        padding: 0px 0 50px;
        position: relative;
    }
    .shisetsu_list_02{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .shisetsu_list_02 .right{
        width: 100%;
        margin: 0
    }
    .shisetsu_list_02 .left{
        width: 78%;
        margin: 26px auto 0;
    }
    .shisetsu_02 .shisetsu_bar{
        background: #F2F2F2;
        height: 12px;
        width: 50px;
        margin: 0 0 18px;
    }

}


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

 *  　アマチュアモデル募集
　
   ================================================================================ */

.model_txt_01{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
.model_txt_02{
    font-size: 12px;
    line-height: 1.5;
    margin: 20px 0 0;
}

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

 *  　特待生・奨学生制
　
   ================================================================================ */

.aboutpage .scholarship_txt_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 82%;
}
.scholarship_txt01{
    width: 100%;
    text-align: center;
    font-size: 19px;
    margin: 0 auto 20px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 5px;
}
.scholarship_txt02{
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 0 auto 20px;
}

.scholarship_box_01{
    width: 88%;
    margin: 70px auto;
}
.special_title{
    font-size: 32px;
    letter-spacing: 8px;
    color: #161616;
    text-align: center;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.special_title_txt{
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 20px auto 0;
    letter-spacing: 2px;
    line-height: 2;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.special_bosyu{
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 30px auto 0;
}
.scholarship_list{
	width: 100%;
	position: relative;
	max-width: 1280px;
	margin: 30px auto;
	border-top: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.scholarship_list li{
	width: 100%;
	border-bottom: 1px solid #EDEDED;
}
.scholarship_list .scholarship_list_left{
	width: 200px;
	padding: 22px 20px;
	text-align: left;
	background: #F4F4F5;
	align-self: stretch;
}
.scholarship_list .scholarship_list_right{
	padding: 22px 40px;
	width: calc(100% - 200px);
    font-size: 13px;
}
.scholarship_list .scholarship_list_right .bold{
	font-size: 14px;
    font-weight: bold;
}
.scholarship_list .scholarship_list_right .color_red{
	font-size: 13px;
    color: #D60B41;
}
.scholarship_list .scholarship_list_right a{
    text-decoration: underline;
}
.special_img{
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 860px){
    .aboutpage .scholarship_txt_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 88%;
    }
    .scholarship_txt01{
        width: 100%;
        text-align: center;
        font-size: 17px;
        margin: 0 auto 20px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 5px;
    }
    .scholarship_txt02{
        width: 100%;
        text-align: center;
        font-size: 12px;
        margin: 0 auto 20px;
    }

    .scholarship_box_01{
        width: 100%;
        margin: 30px auto;
    }
    .special_title{
        font-size: 26px;
        letter-spacing: 8px;
        color: #161616;
        text-align: center;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .special_title_txt{
        width: 100%;
        text-align: center;
        font-size: 13px;
        margin: 10px auto 20px;
    }
    .special_bosyu{
        color: #fff;
        padding: 15px 0;
        text-align: center;
        font-size: 15px;
        letter-spacing: 2px;
        margin: 10px auto 0;
    }
    .scholarship_list{
        width: 100%;
        position: relative;
        max-width: 1280px;
        margin: 10px auto;
        border-top: 1px solid #EDEDED;
        border-left: 1px solid #EDEDED;
        border-right: 1px solid #EDEDED;
    }
    .scholarship_list li{
        width: 100%;
        border-bottom: 1px solid #EDEDED;
    }
    .scholarship_list .scholarship_list_left{
        width: 100%;
        padding: 22px 20px;
        background: #F4F4F5;
        align-self: stretch;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    .scholarship_list .scholarship_list_right{
        padding: 22px 20px;
        width: 100%;
    }
    .scholarship_list .scholarship_list_right a{
        text-decoration: underline;
    }
    .special_img{
        width: 100%;
        margin: 0 auto 60px;
    }
}


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

 *  　出張美大進学説明会
　
   ================================================================================ */

.aboutpage .demost_txt_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 82%;
}
.demost_txt01{
    width: 100%;
    text-align: center;
    font-size: 19px;
    margin: 0 auto 20px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 5px;
    font-weight: bold;
}
.demost_txt02{
    width: 60%;
    text-align: center;
    font-size: 13px;
    margin: 0 auto 20px;
    letter-spacing: 1px;
    line-height: 2;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.dormitory_txt01{
    width: 60%;
    text-align: center;
    font-size: 13px;
    margin: 0 auto 50px;
    letter-spacing: 1px;
    line-height: 2;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

.demost_photo{
    width: 80%;
    margin: 30px auto;
}
.demost_photo li{
    width: 32%;
    margin: 0 0.5% 20px;
}
.demost_inner{
    width: 80%;
    margin: 30px auto;
}
.demost_inner .photo{
    width: 35%;
    margin: 0 3% 0 0;
}
.demost_inner .txtbox{
    width: 62%;
    margin: 0;
}
.demost_01{
    background: #F2F2F2;
    padding: 50px 0;
    position: relative;
}
.demost_01 .demost_bar{
    background: #fff;
    height: 12px;
    width: 50px;
    margin: 0 0 18px;
}
.demost_02{
    background: #fff;
    padding: 50px 0;
    position: relative;
}
.demost_02 .demost_bar{
    background: #F2F2F2;
    height: 12px;
    width: 50px;
    margin: 0 0 18px;
}
.aboutpage .demost_en{
    font-size: 12px;
    letter-spacing: 2px;
    color: #212121;
    font-family: europa, sans-serif;
}
.aboutpage .demost_title{
    font-size: 38px;
    letter-spacing: 8px;
    color: #212121;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 10px auto 23px;
}
.aboutpage .demost_txt{
    font-size: 12px;
    letter-spacing: 2px;
    color: #212121;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.aboutpage .demost_txt a{
    font-size: 15px;
    letter-spacing: 2px;
    color: #212121;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
}
.aboutpage .demost_txt_02{
    font-size: 15px;
    letter-spacing: 2px;
    color: #212121;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
    font-weight: bold;
}
.aboutpage .demost_txt_tel{
    font-size: 13px;
    letter-spacing: 2px;
    color: #212121;
    margin: 0px auto;
    width: 100%;
    line-height: 2;
    text-decoration: underline;
}
.aboutpage .demost_list{
    background: #fff;
    padding: 20px 30px;
    margin: 0 0 20px;
}
@media only screen and (max-width: 860px){
    .aboutpage .demost_txt_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 88%;
    }
    .demost_txt01{
        width: 100%;
        text-align: center;
        font-size: 18px;
        margin: 0 auto 20px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 5px;
        font-weight: bold;
    }
    .demost_txt02{
        width: 100%;
        text-align: center;
        font-size: 12px;
        margin: 0 auto 20px;
        letter-spacing: 1px;
        line-height: 2;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }

    .demost_photo{
        width: 100%;
        margin: 30px auto;
    }
    .demost_photo li{
        width: 48%;
        margin: 0 1% 10px;
    }
    .demost_inner{
        width: 90%;
        margin: 30px auto;
    }
    .demost_01{
        background: #F2F2F2;
        padding: 10px 0;
        position: relative;
    }
    .demost_01 .demost_bar{
        background: #fff;
        height: 12px;
        width: 50px;
        margin: 0 0 18px;
    }
    .demost_02{
        background: #fff;
        padding: 10px 0;
        position: relative;
    }
    .demost_02 .demost_bar{
        background: #F2F2F2;
        height: 12px;
        width: 50px;
        margin: 0 0 18px;
    }
    .aboutpage .demost_en{
        font-size: 12px;
        letter-spacing: 2px;
        color: #212121;
        font-family: europa, sans-serif;
    }
    .aboutpage .demost_title{
        font-size: 28px;
        letter-spacing: 8px;
        color: #212121;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 10px auto 23px;
    }
    .aboutpage .demost_txt{
        font-size: 12px;
        letter-spacing: 2px;
        color: #212121;
        margin: 0px auto;
        width: 100%;
        line-height: 2;
    }
    .dormitory_txt01{
        width: 88%;
        text-align: center;
        font-size: 13px;
        margin: 0 auto 50px;
        letter-spacing: 1px;
        line-height: 2;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .demost_inner .photo{
        width: 100%;
        margin: 0;
    }
    .demost_inner .txtbox{
        width: 100%;
        margin: 20px 0 0;
    }
    .aboutpage .demost_list{
        background: #fff;
        padding: 20px 20px;
        margin: 0 0 15px;
    }
}


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

 *  　プライバシーポリシー
　
   ================================================================================ */

.privacy_page .privacy_inner{
    max-width: 720px;
    margin: 40px auto 80px;
    width: 60%;
}
.privacy_page .privacy_inner .txt01{
    font-size: 13px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 3px;
    line-height: 1.6;
}
.privacy_page .privacy_inner .privacy_title01{
    font-size: 20px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 4px;
    font-weight: 900;
    margin: 30px 0 10px;
}
.privacy_page .privacy_inner .privacy_txt01{
    font-size: 12px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 3px;
    line-height: 2;
}
.privacy_page .privacy_inner .privacy_txt02{
    font-size: 13px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 3px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
    margin: 20px 0 0;
}    
@media only screen and (max-width: 860px){
    .privacy_page .privacy_inner{
        max-width: 800px;
        margin: 40px auto 40px;
        width: 86%;
    }
    .privacy_page .privacy_inner .txt01{
        font-size: 12px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        line-height: 1.6;
    }
    .privacy_page .privacy_inner .privacy_title01{
        font-size: 18px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 4px;
        font-weight: 900;
        margin: 30px 0 10px;
    }
    .privacy_page .privacy_inner .privacy_txt01{
        font-size: 12px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        line-height: 2;
    }
    .privacy_page .privacy_inner .privacy_txt02{
        font-size: 12px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 3px;
        line-height: 2;
        font-weight: bold;
        text-align: left;
        padding: 30px;
        margin: 20px 0 0;
    }    
}

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

 *  　SHINBI GALLERY
　
   ================================================================================ */

.gallery_page{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 80px;
    background: #F5F5F5;
    background-image: url(../img/gallery/bg_patter.png);
}
.gallery_page .photo_01{
    width: 100%;
    margin: 0 auto;
}
.gallery_page_inner{
    max-width: 1000px;
    margin: 0 auto 0px;
    width: 80%;
    position: relative;
}

.gallery_top_title{
    font-size: 50px;
    letter-spacing: 6px;
    color: #212121;
    font-family: europa, sans-serif;
    text-align: center;
    font-weight: bold;
    margin:0px auto 0;
    line-height: 1.3;
    position: relative;
    z-index: 9;
}
.gallery_top_txt{
    font-size: 12px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 3px;
    text-align: center;
    width: 600px;
    margin: 20px auto 0;
    line-height: 1.8;
    font-weight: 800;
    position: relative;
    z-index: 9;
}

.gallery_schedule_title{
    font-size: 50px;
    letter-spacing: 6px;
    color: #212121;
    font-family: europa, sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    padding: 80px 0 40px;
    line-height: 1.3;
}
.gallery_schedule_bg{
    background: rgba(255,255,255,0.6);
    padding: 40px 0;
}
.gallery_schedule_list{
    width: 80%;
    margin: 0 auto;
}
.gallery_main_photo{
    width: 47%;
    margin: 0 5% 0 8%;
}
.next_gallery{
    font-size: 23px;
    letter-spacing: 2px;
    color: #212121;
    font-family: europa, sans-serif;
    text-align: left;
    font-weight: bold;
    margin: 0px auto 40px;
    line-height: 1.3;
}
.gallery_page .gallery_information .name_box{
	margin: 5% auto 8%;
}
.gallery_page .gallery_information .name_photo{
	width: 110px;
	padding: 0 20px 0 0;
}
.gallery_page .gallery_information .name_txt{
	width: auto;
}

.gallery_page .gallery_information .name_txt .en{
	font-size: 12px;
	font-family: europa, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.gallery_page .gallery_information .name_txt .ja{
	font-size: 25px;
	letter-spacing: 4px;
    text-decoration: underline;
    font-weight: bold;
}

.gallery_page .gallery_information .day_list{
    width: 100%;
    margin: 0 0 10px;
}
.gallery_page .gallery_information .day_list .list_title{
    font-size: 14px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    font-weight: 600;
    width: auto;
    text-align: right;
    line-height:20px;
}
.gallery_page .gallery_information .day_list .list_contents{
    font-size: 20px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    width:auto;
}
.gallery_page .gallery_information .time_txt{
    font-size: 14px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    line-height: 20px;
    text-align: left;
    width: 100%;
}

.gallery_page .gallery_more{
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    font-size: 12px;
    padding: 15px 0;
    margin: 20px 0 0;
}

.gallery_archive_title{
    font-size: 50px;
    letter-spacing: 6px;
    color: #212121;
    font-family: europa, sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 60px auto 0;
    line-height: 1.3;
}
.archive_ul{
    margin: 60px auto 0;
    width: 88%;
}
.archive_li{
    width: calc(100% / 3);
    padding: 0 10px;
    margin: 0 0 40px;
}
.archive_li .txt_box{
    margin: 15px 0 0;
}
.archive_li .name_en{
	font-size: 10px;
	font-family: europa, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.archive_li .name_ja{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
    font-weight: bold;
}


.gallery_info_title{
    font-size: 28px;
	letter-spacing: 5px;
    text-align: center;
    font-weight: bold;
}
.gallery_info_title_en{
	font-size: 10px;
	font-family: europa, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
    text-align: center;
}
.gallery_main_photo_info{
    width: 100%;
    margin: 50px auto;
}
.gallery_photo_list{
	margin-bottom: 70px;
    margin-top: 5px;
    margin-left: -1.3333333333333333333%;
}
.gallery_photo_list li{
    width: 32%;
    margin: 0 0 20px 1.3333333333333333333333333333%;
    text-align: center;
    position: relative;
}


.gallery_exhibition_title{
    font-size: 20px;
	letter-spacing: 0px;
    text-align: center;
    font-weight: bold;
}


.archive_page .gallery_information{
    width: 100%;
    margin: 20px auto;
}
.archive_page .gallery_information .time_txt {
    font-size: 14px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
    margin: 0;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.archive_page .gallery_information .time_txt2 {
    font-size: 14px;
    letter-spacing: 2px;
    font-family: europa, sans-serif;
	margin-top: 25px;
    margin-bottom: 125px;
    line-height: 20px;
    width: 100%;
}
.personal_information{
    width: 100%;
    margin: 30px auto;
}
.personal_information .personal_photo{
    width: 30%;
    margin: 0 3% 0 0;
}
.personal_information .personal_txtbox{
    width: 70%;
}
.personal_information .name_ja{
	font-size: 17px;
	letter-spacing: 3px;
    font-weight: bold;
}
.personal_information .name_en{
	font-size: 11px;
	font-family: europa, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.personal_information .personal_info{
	font-size: 12px;
	letter-spacing: 3px;
    margin: 20px 0 0;
    font-weight: bold;
}
.personal_information .personal_era_list{
	margin: 0;
	width: 100%;
	position: relative;
}
.personal_information .personal_era_list .era_box{
	margin: 0;
	width: 60px;
	position: relative;
    font-family: europa, sans-serif;
}
.personal_information .personal_era_list .era_txt{
	margin: 0;
	width: calc(100% - 60px);
	position: relative;
}


@media only screen and (max-width: 860px){
   .gallery_page{
        width: 100%;
        margin: 0 auto;
        padding: 0 0 40px;
    }
    .gallery_page .photo_01{
        width: 100%;
        margin: 0 auto;
    }
    .gallery_page_inner{
        max-width: 1000px;
        margin: 0 auto 0px;
        width: 88%;
        position: relative;
    }

    .gallery_top_title{
        font-size: 40px;
        letter-spacing: 6px;
        color: #212121;
        font-family: europa, sans-serif;
        text-align: center;
        font-weight: bold;
        margin: 40px auto 0;
        line-height: 1.2;
    }
    .gallery_top_txt{
        font-size: 12px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 3px;
        text-align: left;
        width: 90%;
        margin: 20px auto 0;
        line-height: 1.8;
        font-weight: 800;
    }
    .gallery_archive_list{
        margin: 60px auto 0;
    }
    .archive_page .gallery_archive_list{
        margin: 0px auto 0;
    }
    .gallery_schedule_title{
        font-size: 30px;
        letter-spacing: 6px;
        color: #212121;
        font-family: europa, sans-serif;
        text-align: center;
        font-weight: bold;
        margin: 0px auto 0px;
        line-height: 1.2;
        padding: 30px 0;
    }
    .gallery_schedule_bg{
        background: #EFEFEF;
        padding: 40px 0;
    }
    .gallery_schedule_list{
        width: 90%;
        margin: 0 auto;
    }
    .gallery_main_photo{
        width: 100%;
        margin: 0 0 5%;
    }
    .gallery_information{
        width: 100%;
    }
    .next_gallery{
        font-size: 20px;
        letter-spacing: 2px;
        color: #212121;
        font-family: europa, sans-serif;
        text-align: left;
        font-weight: bold;
        margin: 20px auto 20px;
        line-height: 1.3;
    }
    .gallery_page .gallery_information .name_box{
        margin: 5% auto 8%;
    }
    .gallery_page .gallery_information .name_photo{
        width: 40%;
        padding: 0 20px 0 0;
    }
    .gallery_page .gallery_information .name_txt{
        width: auto;
    }

    .gallery_page .gallery_information .name_txt .en{
        font-size: 16px;
        font-family: europa, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
    }
    .gallery_page .gallery_information .name_txt .ja{
        font-size: 28px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        text-decoration: underline;
    }
    .gallery_page .gallery_information .day_list{
        width: 100%;
        margin: 0 0 10px;
    }
    .gallery_page .gallery_information .day_list .list_title{
        font-size: 14px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        font-weight: 600;
        width: auto;
        text-align: right;
        line-height:20px;
    }
    .gallery_page .gallery_information .day_list .list_contents{
        font-size: 20px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        width:auto;
    }
    .gallery_page .gallery_information .time_txt{
        font-size: 14px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        line-height: 20px;
        text-align: left;
        width: 100%;
    }

    .gallery_page .gallery_more{
        width: 100%;
        background: #000;
        color: #fff;
        text-align: center;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        font-size: 12px;
        padding: 15px 0;
        margin: 20px 0 0;
    }

    .gallery_archive_title{
        font-size: 30px;
        letter-spacing: 6px;
        color: #212121;
        font-family: europa, sans-serif;
        text-align: center;
        font-weight: bold;
        margin: 0px auto 50px;
        padding: 0px 0;
        line-height: 1.2;
    }
    .archive_ul{
        margin: 0px auto 0;
        width: 100%;
    }
    .archive_li{
        width: 50%;
        padding: 0 10px;
        margin: 0 0 20px;
    }
    .archive_li .txt_box{
        margin: 15px 0 0;
    }
    .archive_li .name_en{
        font-size: 10px;
        font-family: europa, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
    }
    .archive_li .name_ja{
        font-size: 13px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
    } 
    
    .gallery_info_title{
        font-size: 20px;
        letter-spacing: 2px;
        text-align: center;
        font-weight: bold;
    }
    .archive_page .gallery_information .time_txt {
        font-size: 14px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 0;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }
    .personal_information{
        width: 100%;
        margin: 20px auto;
    }
    .personal_information .personal_photo{
        width: 40%;
        margin: 0 3% 0 0;
    }
    .personal_information .personal_txtbox{
        width: 100%;
        margin: 10px 0 0;
    }
    .personal_information .name_ja{
        font-size: 19px;
        letter-spacing: 3px;
        font-weight: bold;
    }
    .personal_information .name_en{
        font-size: 12px;
        font-family: europa, sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
    }
    .gallery_photo_list{
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 60px;
    }
    .gallery_photo_list li{
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
        position: relative;
    }
}




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

 *  　合格実績
　
   ================================================================================ */

.archive_tab{
	background: #f3f3f3;
	border-top: 1px solid #e5e5e5;
}
.archive_tab_ul{
	width: 100%;
    margin: 0 auto;
}
.archive_tab li{
    width: 150px;
    height: 50px;
    text-align: center;
    font-size: 13px;
    padding: 15px 0 10px;
    color: #fff;
	background: #bcbcbc;
	cursor: pointer;
}
@media only screen and (min-width: 861px){
	.archive_tab li:hover{
		width: 150px;
		height: 50px;
		text-align: center;
		font-size: 13px;
		padding: 15px 0 10px;
		color: #fff;
		background: #7f7f7f;
		cursor: pointer;
	}
}
.archive_tab li.active{
	background: #e60012;
}
@media only screen and (max-width: 860px){
	.archive_tab_ul{
		width: 100%;
		margin: 0 auto;
	}
	.archive_tab li{
		width: calc(100% / 3);
		height: 30px;
		text-align: center;
		font-size: 10px;
		padding: 6px 0 8px;
		color: #fff;
		background: #bcbcbc;
		cursor: pointer;
	}
	.archive_tab li.active{
		background: #e60012;
	}	
}

.result_page{
	position: relative;
	padding: 0 0 150px;
}
.result_page section{
	max-width: 1280px;
	margin: 0 auto;
}
.result_page_inner{
    max-width: 1000px;
    margin: 0 auto;
    width: 80%;
    position: relative;
}
.result_page .year_title_box{
    margin: 30px auto;
}
.result_page .year_title_box .year_title{
    font-size: 50px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 2px;
    text-align: center;
}
.result_page .year_title_box .year_title span{
    font-size: 50px;
    font-family: europa, sans-serif;
    letter-spacing: 2px;
    text-align: center;
}
.result_page .year_title_box .year_title_sub{
    font-size: 19px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    margin: 5px auto 0;
}
.result_page .year_title_box .year_title_sub span{
    font-size: 19px;
    font-family: europa, sans-serif;
    letter-spacing: 2px;
    text-align: center;
}
.result_page .year_title_box .year_title_subtxt{
    font-size: 13px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    margin: 5px auto 0;
}
.goukaku_pdf_link{
	position: absolute;
	top: 0px;
	right: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 10px 10px;
}
.goukaku_midashi{
	text-align: center;
	margin: 0 0 15px;
}
.goukaku_midashi span{
	font-size: 60px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 0px;
    margin: 0 auto 10px;
	text-align: center;
    font-weight: bold;
    color: #e60012;
    line-height: 1.2;
	background: linear-gradient(transparent 40%, #ffff66 0%);
}
/* 2020年PDF */
.sokuho_img{
	width: 100%;
}
.sokuho_margin{
	margin: 20px 0 0;
}

/* 芸大・美大総合格数 1位のとき */
.result_all{
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 30px;
}
.result_all .result_all_title{
    font-size: 80px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    margin: 0 0 0 160px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
	text-shadow: 0px 2px 1px #666666;
}
.result_all .result_all_title span{
    font-size: 60px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    margin: 0 0 0 160px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
.result_all .result_all_title_1{
    font-size: 90px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 0px;
    margin: 0 0 0px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
	text-shadow: 0px 2px 1px #666666;
}
.result_all .result_all_subtitle{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 90px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
.result_all .result_all_subtitle span{
 	font-size: 50px;
    font-family: europa, sans-serif;
    letter-spacing: 7px;
    margin: 0 2px 0 9px;
    font-weight: bold;
    color: #fff;
}
.result_all .medal_img_01{
    width: 110px;
    position: absolute;
    top: -10px;
    left: 10px;
}
.result_all_list{
    width: 100%;
    margin: 10px 0 0 30px;
}
.result_all_list li{
    width: auto;
    margin: 0 2px;
    position: relative;
    padding: 0 0 0 140px;
}
.result_all_list li .result_name{
    font-size: 34px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    font-weight: bold;
    color: #fff;
}
.result_all_list li .result_number .all_number{
    font-size: 146px;
    font-family: europa, sans-serif;
    letter-spacing: -3px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66ccff 60%);
}
.result_all_list li .result_number .geneki_number{
    font-size: 146px;
    font-family: europa, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.result_all_list li .result_number .mei{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 10px;
}
.result_all .medal_img_02{
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
}


/* 芸大・美大総合格数 それ以外 */
.result_all_silver{
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 30px;
}
.result_all_silver .result_all_title{
    font-size: 80px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    margin: 0;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    text-shadow: 0px 2px 1px #666666;
}
.result_all_silver .result_all_title_sub{
    font-size: 60px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    margin: 10px 0 0;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
.result_all_silver .result_all_subtitle{
    font-size: 40px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: -1px;
    margin: 10px 0 0;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
.result_all_silver .result_all_subtitle_yellow{
    font-size: 50px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 3px;
    margin: 0 2px;
    font-weight: bold;
    color: #FFF000;
}
.result_all_silver .medal_img_01{
    width: 110px;
    position: absolute;
    top: -40px;
    left: 10px;
}
.result_all_silver_list{
    width: 100%;
    margin: 10px 0 0 30px;
}
.result_all_silver_list li{
    width: auto;
    margin: 0 20px;
    position: relative;
    padding: 0px;
}
.result_all_silver_list li .result_name{
    font-size: 34px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
    color: #fff;
}
.result_all_silver_list li .result_number .all_number{
    font-size: 140px;
    font-family: europa, sans-serif;
    letter-spacing: -5px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66ccff 60%);
}
.result_all_silver_list li .result_number .geneki_number{
    font-size: 140px;
    font-family: europa, sans-serif;
    letter-spacing: -5px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.result_all_silver_list li .result_number .mei{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 10px;
}
.result_all_silver .medal_img_02{
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
}


/* 東京藝術大学 */
.result_geidai{
    width: 100%;
    margin: 10px auto 0;
    padding: 13px 0 20px;
}
.result_geidai .result_all_title{
    font-size: 100px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1;
    text-shadow: 0px 2px 1px #666666;
}
.result_geidai_list{
    width: 100%;
    margin: 30px auto 0;
    border-top: 5px solid rgba(255,255,255,1.00);
    border-left: 5px solid rgba(255,255,255,1.00);
    border-right: 5px solid rgba(255,255,255,1.00);
}
.result_geidai_list li{
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 10px 50px;
    border-bottom: 5px solid rgba(255,255,255,1.00);
}
.result_geidai_list li.list_50{
    width: 50%;
    margin: 0 auto;
    position: relative;
    padding: 20px 30px 60px;
    border-bottom: 5px solid rgba(255,255,255,1.00);
}
.message_bottom{
	padding-bottom: 30px !important;
}
.result_geidai_list li.right_boder{
    border-right: 5px solid rgba(255,255,255,1.00);
}
.result_geidai_list .number_box{
    width: 100%;
    margin: 0 auto;
}
.result_geidai_list .number_box .all_box{
    width: 200px;
    margin: 0;
}
.result_geidai_list .number_box .geneki_box{
    width: 280px;
    margin: 0;
}
.result_geidai_list li .result_subject{
    font-size: 54px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: -1px;
    text-align: left;
    font-weight: bold;
    color: #fff;
}
.result_geidai_list li .result_name{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: -2px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.result_geidai_list li .result_number{
    text-align: center;
}
.result_geidai_list li .result_number .all_number{
    font-size: 120px;
    font-family: europa, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66ccff 60%);
}
.result_geidai_list li .result_number .geneki_number{
    font-size: 120px;
    font-family: europa, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.result_geidai_list li .result_number .mei{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 10px;
}
.result_geidai_list li .subject_message{
    width: 100%;
    margin: 40px auto 0;
}
.result_geidai_list li .subject_message .message_01{
    font-size: 28px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: -2px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto;
	color: #66ccff;
}
.result_geidai_list li .subject_message .message_01 .color_white{
    font-size: 38px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing:-2px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}



/* 多摩美術大学 */
.univercity_unit{
    width: 100%;
    margin: 20px auto 0;
}
.result_info{
    width: 100%;
    margin: 30px auto;
    position: relative;
}
.subject_result_list{
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.subject_result_list .subject_result_list_li{
    width: 100%;
    position: relative;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0,0,0,0.55);
}
.subject_result_list .subject_name_box{
    width: 45%;
    position: relative;
}
.subject_result_list .subject_name_title{
    font-size: 32px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    font-weight: bold;
}
.subject_result_list .subject_name_title .senkou{
    font-size: 15px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
}
.subject_result_list .subject_number_box{
    width: 53%;
    position: relative;
}

.subject_number_box_inner{
    width: 100%;
    position: relative;
}
.subject_number_box_inner li{
    width: 50%;
    position: relative;
}
.subject_number_box_inner .result_number .all_number{
    font-size: 100px;
    font-family: europa, sans-serif;
    letter-spacing: -4px;
    text-align: right;
    font-weight: bold;
    color: #008BD5;
    line-height: 1;
    width: 120px;
    display: inline-block;
}
.subject_number_box_inner .result_number .geneki_number{
    font-size: 100px;
    font-family: europa, sans-serif;
    letter-spacing: -4px;
     text-align: right;
    font-weight: bold;
    color: #E55296;
    line-height: 1;
    width: 120px;
    display: inline-block;
}
.subject_number_box_inner .result_number .mei_all{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #008BD5;
    margin: 0 0 0 4px;
}
.subject_number_box_inner .result_number .mei_geneki{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #E55296;
    margin: 0 0 0 4px;
}

.result_name_img{
    width: 80px;
    margin: 0 5px 0 0;
}
.zenkoku_hanko{
    position: absolute;
    width: 80px;
    top: -10px;
    left: -40px;
}

/* 武蔵野美術大学 */
.musabi_uni{
    width: 100%;
    margin: 30px auto 0;
}
.musabi_list .subject_number_box_inner .result_number .all_number{
    font-size: 100px;
    font-family: europa, sans-serif;
    letter-spacing: 1px;
    text-align: right;
    font-weight: bold;
    color: #83A429;
    line-height: 1;
    width: 120px;
    display: inline-block;
}
.musabi_list .subject_number_box_inner .result_number .mei_all{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 8px;
    text-align: left;
    font-weight: bold;
    color: #83A429;
    margin: 0 0 0 4px;
}


.subject_message{
    width: 100%;
    margin: 20px auto;
}
.subject_message .message_01{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 5px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto;
}
.subject_message .message_01 .color_red{
    font-size: 30px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #E50011;
}
.subject_message .message_02{
    margin: 18px auto;
    width: 100%;
    text-align: center;
}
.subject_message .message_02 span{
    font-size: 33px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #E50011;
    margin: 0 auto;
    display: inline-block;
    background: linear-gradient(transparent 40%, #ffff66 0%);
}


@media only screen and (max-width: 860px){
	.result_page{
		position: relative;
		padding: 0 0 50px;
	}
    .result_page_inner{
        max-width: 1000px;
        margin: 0 auto;
        width: 93%;
        position: relative;
    }
    .result_page .year_title_box{
        margin: 30px auto;
    }
    .result_page .year_title_box .year_title{
        font-size: 40px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        text-align: center;
    }
    .result_page .year_title_box .year_title span{
        font-size: 40px;
        font-family: europa, sans-serif;
        letter-spacing: 2px;
        text-align: center;
    }
    .result_page .year_title_box .year_title_sub{
        font-size: 17px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        text-align: center;
        margin: 5px auto 0;
    }
    .result_page .year_title_box .year_title_sub span{
        font-size: 14px;
        font-family: europa, sans-serif;
        letter-spacing: 2px;
        text-align: center;
    }
    .result_page .year_title_box .year_title_subtxt{
        font-size: 11px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        text-align: center;
        margin: 5px auto 0;
    }
    
    /* 芸大・美大総合格数 */
    .result_all{
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 30px;
    }
	.goukaku_pdf_link{
		position: relative;
		top: 0px;
		right: 0px;
		margin: 10px auto 30px;
		text-align: center;
		color: #fff;
		font-size: 12px;
		width: 50%;
		padding: 10px 10px;
	}
	.goukaku_midashi{
		text-align: center;
		margin: 0 0 15px;
	}
	.goukaku_midashi span{
		font-size: 10vw;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
		letter-spacing: 5px;
		margin: 0 auto 10px;
		text-align: center;
		font-weight: bold;
		color: #e2274c;
		line-height: 1.2;
	}
    .result_all .result_all_title{
		font-size: 15vw;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
		letter-spacing: 1px;
		margin: 30px 0 0 0px;
		font-weight: bold;
		text-align: center;
        color: #fff;
        line-height: 1.2;
		text-shadow: 0px 1px 1px #666666;
    }
    .result_all .result_all_title_1{
        font-size: 17vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        margin: 0 0 0 10px;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
		text-shadow: 0px 1px 1px #666666;
    }
    .result_all .result_all_subtitle{
        font-size: 30px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 7px;
        margin: 0 0 0 30px;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
		text-shadow: 0px 1px 1px #666666;
    }
    .result_all .result_all_subtitle span{
        font-size: 50px;
        font-family: europa, sans-serif;
        letter-spacing: 10px;
        margin: 0 2px;
        font-weight: bold;
        color: #fff;
    }
    .result_all .medal_img_01{
        width: 70px;
        position: absolute;
        top: -20px;
        left: 10px;
    }
    .result_all_list{
        width: 100%;
        margin: 14px 0 0 30px;
    }
    .result_all_list li{
        width: 90%;
        margin: 0 0 20px;
        position: relative;
        padding: 0 0 0 0px;
    }
    .result_all_list li .result_name{
        font-size: 8vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        padding: 0 0 0 30px;
    }
    .result_all_list li .result_number .all_number{
        font-size: 25vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66ccff 60%);
    }
    .result_all_list li .result_number {
        width: 100%;
        text-align: right;
    }
    .result_all_list li .result_number .geneki_number{
        font-size: 26vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66FFCC 60%);
    }
    .result_all_list li .result_number .mei{
        font-size: 30px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        margin: 0 0 0 10px;
    }
    .result_all .medal_img_02{
        width: 40px;
        position: absolute;
        top: 0;
        left: -20px;
    }
    
    
    /* 芸大・美大総合格数 それ以外 */
    .result_all_silver{
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 10px;
    }
    .result_all_silver .result_all_title{
        font-size: 12vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        margin: 10px 10px 0;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
    	text-shadow: 0px 2px 1px #666666;
    }
	.result_all_silver .result_all_title_sub{
        font-size: 8vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 2px;
        margin: 5px 10px 20px;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
    }
    .result_all_silver .result_all_subtitle{
       font-size: 30px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        margin: 0 10px 0px;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
    }
    .result_all_silver .result_all_subtitle_yellow{
        font-size: 25px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        margin: 0 10px 0;
        font-weight: bold;
        color: #FFF000;
    }
    .result_all_silver_list{
        width: 100%;
        margin: 10px 0 0 0;
    }
    .result_all_silver_list li{
        width: auto;
        margin: 0 10px 40px;
        position: relative;
        padding: 0px;
    }
    .result_all_silver_list li .result_name{
        font-size: 28px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        text-align: left;
        font-weight: bold;
        color: #fff;
    }
    .result_all_silver_list li .result_number{
        text-align: right;
    }
    .result_all_silver_list li .result_number .all_number{
        font-size: 25vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66ccff 60%);
    }
    .result_all_silver_list li .result_number .geneki_number{
        font-size: 26vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66FFCC 60%);
    }
    .result_all_silver_list li .result_number .mei{
        font-size: 30px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        margin: 0 0 0 10px;
    }
	.result_all_silver .medal_img_02 {
		width: 40px;
		position: absolute;
		top: 0;
		left: -20px;
	}
    
    
    /* 東京藝術大学 */
    .result_geidai{
        width: 100%;
        margin: 30px auto 0;
        padding: 14px 0 20px;
    }
    .result_geidai .result_all_title{
        font-size: 12vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        margin: 0 0 0px 0;
        font-weight: bold;
        color: #fff;
        text-align: center;
		text-shadow: 0px 1px 1px #666666;
    }
    .result_geidai_list{
        width: 100%;
        margin: 20px auto 0;
        border-top: 5px solid rgba(255,255,255,1.00);
        border-left: 5px solid rgba(255,255,255,1.00);
        border-right: 5px solid rgba(255,255,255,1.00);
    }
    .result_geidai_list li{
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 0 10px 50px;
        border-bottom: 5px solid rgba(255,255,255,1.00);
    }
    .result_geidai_list li.list_50{
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 8px 18px 26px;
        border-bottom: 5px solid rgba(255,255,255,1.00);
    }
    .result_geidai_list li.right_boder{
        border-right: 0px solid rgba(255,255,255,1.00);
    }
    .result_geidai_list .number_box{
        width: 100%;
        margin: 0 auto;
    }
    .result_geidai_list .number_box .all_box{
        width: 100%;
        margin: 0;
    }
    .result_geidai_list .number_box .geneki_box{
        width: 100%;
        margin: 0;
    }
    .result_geidai_list li .result_subject{
        font-size: 11vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        margin: 0;
        line-height: 1.1;
    }
    .result_geidai_list li .result_name{
        font-size: 7vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: -1px;
        text-align: left;
        font-weight: bold;
        color: #fff;
    }
    .result_geidai_list li .result_number{
        text-align: right;
    }
    .result_geidai_list li .result_number .all_number{
        font-size: 25vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66ccff 60%);
    }
    .result_geidai_list li .result_number .geneki_number{
        font-size: 25vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        background: linear-gradient(transparent 60%, #66FFCC 60%);
    }
    .result_geidai_list li .result_number .mei{
        font-size: 30px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: right;
        font-weight: bold;
        color: #fff;
        margin: 0 0 0 10px;
    }
	.result_geidai_list li .subject_message{
		width: 100%;
		margin: 40px auto 0;
	}
	.result_geidai_list li .subject_message .message_01{
		font-size: 30px;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
		letter-spacing: 0px;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 auto;
		color: #66ccff;
	}
	.result_geidai_list li .subject_message .message_01 .color_white{
		font-size: 38px;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
		letter-spacing: 0px;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
	}
    
    /* 多摩美術大学 */
    .univercity_unit{
        width: 100%;
        margin: 10px auto 0;
    }
    
    .subject_result_list{
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .subject_result_list .subject_result_list_li{
        width: 100%;
        position: relative;
        padding: 18px 0;
        border-bottom: 1px solid rgba(0,0,0,0.55);
    }
    .subject_result_list .subject_name_box{
        width: 100%;
        position: relative;
    }
    .subject_result_list .subject_name_title{
		font-size: 10vw;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
		letter-spacing: 0px;
		text-align: left;
		font-weight: bold;
		margin: 0 0 10px 7px;
		line-height: 1.2;
    }
    .subject_result_list .subject_name_title .senkou{
        font-size: 22px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 0px;
        text-align: left;
        font-weight: bold;
    }
    .subject_result_list .subject_number_box{
        width: 100%;
        position: relative;
    }

    .subject_number_box_inner{
        width: 100%;
        position: relative;
    }
    .subject_number_box_inner li{
        width: 100%;
        position: relative;
    }
    .subject_number_box_inner .result_number{
        text-align: right;
    }
    .subject_number_box_inner .result_number .all_number{
        font-size: 16vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #008BD5;
        line-height: 1;
        width: 72px;
        display: inline-block;
    }
    .subject_number_box_inner .result_number .geneki_number{
        font-size: 16vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
         text-align: right;
        font-weight: bold;
        color: #E55296;
        line-height: 1;
        width: 72px;
        display: inline-block;
    }
    .subject_number_box_inner .result_number .mei_all{
        font-size: 12vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: left;
        font-weight: bold;
        color: #008BD5;
        margin: 0 0 0 4px;
    }
    .subject_number_box_inner .result_number .mei_geneki{
        font-size: 12vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: left;
        font-weight: bold;
        color: #E55296;
        margin: 0 0 0 4px;
    }

    .result_name_img{
        width: 60px;
        margin: 0 5px 0 0;
    }
    .zenkoku_hanko{
        position: absolute;
        width: 60px;
        top: -10px;
        left: 35%;
    }

    /* 武蔵野美術大学 */
    .musabi_list .subject_number_box_inner .result_number .all_number{
        font-size: 16vw;
        font-family: europa, sans-serif;
        letter-spacing: 1px;
        text-align: right;
        font-weight: bold;
        color: #83A429;
        line-height: 1;
        width: 72px;
        display: inline-block;
    }
    .musabi_list .subject_number_box_inner .result_number .mei_all{
        font-size: 12vw;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 8px;
        text-align: left;
        font-weight: bold;
        color: #83A429;
        margin: 0 0 0 4px;
    }


    .subject_message{
        width: 100%;
        margin: 20px auto;
    }
    .subject_message .message_01{
        font-size: 20px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
        margin: 0 auto;
    }
    .subject_message .message_01 .color_red{
        font-size: 20px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        text-align: center;
        font-weight: bold;
        line-height: 1;
        color: #E50011;
    }
    .subject_message .message_02{
        margin: 18px auto;
        width: 100%;
        text-align: center;
    }
    .subject_message .message_02 span{
        font-size: 26px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        text-align: center;
        font-weight: bold;
        line-height: 1;
        color: #E50011;
        margin: 0 auto;
        display: inline-block;
        background: linear-gradient(transparent 40%, #ffff66 0%);
    }
 
    
}


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

 *  　ニュースページ
　
   ================================================================================ */

.news_list_page{
	width: 90%;
    max-width: 1080px;
	margin: 0 auto 5%;
}
.news_list_page .news_list li {
	position: relative;
	padding: 20px 0 20px 0px;
}


.page_link_box{
	margin: 5% auto 5%;
	width: 90%;
}
.page_link_box .page_link{
	display: inline-block;
    margin: 0 0 0 -1px;
    border: 1px solid #0B318F;
	border-radius: 50%;
    font-size: 12px;
    color: #0B318F;
    vertical-align: top;
    font-family: europa, sans-serif;
}
.page_link_box .page_link{
	display: block;
    width: 30px;
    padding: 6px 0 7px;
    font-weight: bold;
    color: #0B318F;
    line-height: 14px;
    background: #fff;
    font-family: europa, sans-serif;
    text-align: center;
	margin: 0 3px;
}
.page_link_box li.active {
	display: block;
    width: 30px;
    padding: 6px 0 7px;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    font-family: europa, sans-serif;
    text-align: center;
	background: #0B318F;
}
.page_link_box .prev{
	margin: 0 10px 0 0;
	width: 28px;
}
.page_link_box .next{
	margin: 0 0 0 10px;
	width: 28px;
}


.news_article{
	width: 100%;
	position: relative;
}
.news_article_inner{
	width: 80%;
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}
.news_article_bar{
	background: #F4F4F4;
	height: 40px;
	width: 100%;
}
.news_article .news_article_date{
	width: 100px;
	font-size: 16px;
	margin: 0 0 0 0px;
	color: #636363;
	font-family: europa, sans-serif;
}
.news_article .news_article_category{
	font-size: 11px;
	color: #fff;
	padding: 3px 5px;
	margin: 0 20px 0 0;
	min-width: 60px;
	text-align: center;
}
.news_article .category_limited{
	background: #e2274c;
}
.news_article .category_news{
	background: #00A0E9;
}
.news_article_title{
	margin: 10px 0 30px;
}
.news_article_title span{
	font-size: 24px;
	letter-spacing: 3px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	border-bottom: 1px solid #868686;
}

.news_article_txt_box{
	margin: 30px auto 60px;
	width: 100%;
	font-size: 120%;
}
.news_article .txt_size_1{
	font-size: 14px;
	margin: 0 0 20px;
}
.news_article .txt_size_2{
	font-size: 11px;
	margin: 0 0 10px;
}
.news_article .txt_size_3{
	font-size: 10px;
}

/* 写真用 */

.news_article_photo_1{
	margin: 30px auto;
	width: 100%;
}
.news_article_photo_2{
	margin: 30px auto;
	width: 100%;
}
.news_article_photo_2 li{
	margin: 0;
	width: 49%;
}
.news_article_photo_4{
	margin: 30px auto;
	width: 100%;
}
.news_article_photo_4 li{
	margin: 0 0 2%;
	width: 49%;
}

.news_page_link{
	width: 80%;
	max-width: 1280px;
	margin: 40px auto;
	padding: 10px 0;
}
.news_page_link .prev_link{
	width: calc(50% - 1px);
	border-right: 1px solid #191919;
}
.news_page_link .next_link{
	width: 50%;
}

.news_page_link_txt_box{
	width: calc(100% - 50px);
}
.news_page_link .next_link .news_page_link_txt_box{
	text-align: right;
}
.news_page_link_txt{
	font-size: 15px;
}
.news_page_link_news_title{
	font-size: 18px;
	letter-spacing: 3px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.prev_arrow{
	width: 30px;
	height: 30px;
	margin: 0 20px 0 0;
}
.next_arrow{
	width: 30px;
	height: 30px;
	margin: 0 0 0 20px;
}

.list_back{
	text-align: center;
	font-size: 12px;
	letter-spacing: 2px;
	margin: 0 0 40px;
}
.list_back span{
	text-align: center;
	font-size: 12px;
	letter-spacing: 2px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	text-decoration: underline;
	display: inline-block;
}


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

 *  　授業料
　
   ================================================================================ */

.subpage_kousya_title_box{
	width: 100%;
	padding: 20px 0;
}
.subpage_kousya_inner{
	max-width: 1280px;
	margin: 0;
	width: 80%;
}
.subpage_kousya_title_box .kousya_name{
	font-size: 36px;
	text-align: center;
	letter-spacing: 3px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 0;
	color: #fff;
}
.subpage_kousya_title_box .kousya_name_en{
	font-size: 12px;
	text-align: center;
	font-family: europa, sans-serif;
	color: #fff;
}
@media only screen and (max-width: 860px){
    .subpage_kousya_title_box{
        width: 100%;
        padding: 12px 0;
    }
    .subpage_kousya_inner{
        max-width: 1280px;
        margin: 0;
        width: 88%;
    }
    .subpage_kousya_title_box .kousya_name{
        font-size: 28px;
        text-align: center;
        letter-spacing: 3px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 0;
        color: #fff;
    }
    .subpage_kousya_title_box .kousya_name_en{
        font-size: 12px;
        text-align: center;
        font-family: europa, sans-serif;
        color: #fff;
    }
}

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

 *  　新宿校 秋葉原　渋谷校　国立校　共通設定
　
   ================================================================================ */

.kousya_nav{
	padding: 0;
	height: 92px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.kousya_nav_inner{
    overflow-x: hidden;
    overflow-y: hidden;
}
.kousya_nav_box{
	max-width: 1440px;
	margin: 0 auto;
    width: 90%;
	padding: 7px 0 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
    white-space: nowrap;
}
.kousya_nav_box li{
	margin: 0 4px;
}
.kousya_nav_box li .subject_name{
	color: #fff;
	padding: 0 10px;
	font-size: 11px;
	letter-spacing: 1px;
}
.kousya_nav_box li .subject_icon{
	width: 50px;
	margin: 0 auto 0px;
}

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

   パンくずリスト

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

/* パンくず　リスト */
.pankuzu{
	padding: 15px 50px;
	width: 100%;
	background: #F4F4F4;
	margin: 0 auto;
}
.pankuzu li{
	display: inline-block;
	font-family: "europa",sans-serif;
}
.pankuzu li a{
	display: inline-block;
	font-family: "europa",sans-serif;
	letter-spacing: 1px;
}
.pankuzu li :hover{
	color: #B4B4B4;
}
.pankuzu li::after, .cd-multi-steps li::after {
	content: '';
	height: 0px;
	width: 0px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
}

.pankuzu.custom-separator i.icon, 
.cd-multi-steps.custom-separator i.icon {
	height: 16px;
	width: 16px;
	display: inline-block;
	position: relative;
}
.pankuzu.custom-separator i.icon img{
	vertical-align: baseline;
}
.title_icon{
	width: 50px;
	margin: 0 auto 12px;
}

@media only screen and (max-width: 860px){
	.pankuzu {
		padding: 5px 5%;
		width: 100%;
		margin: 60px auto 0;
	}
	.pankuzu li{
		display: inline-block;
		font-size: 10px;
	}
	.pankuzu.custom-separator i.icon img{
		vertical-align: baseline;
	}
	.pankuzu.custom-separator i.icon, 
	.cd-multi-steps.custom-separator i.icon {
		height: 13px;
		width: 15px;
		margin: 0 0 0 2px;
		display: inline-block;
		position: relative;
	}
}

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

   校舎メイン　トップ

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

.kousya_main_top{
	width: 100%;
	margin: 0 auto;
}
.kousya_main_top .kousya_txt_box *{
	color: #fff;
	text-align: center;
}
.kousya_main_top .kousya_main_inner{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
}
#isi_page .kousya_main_inner{
	background: url(../img/isi_kousya_top_1440.png) no-repeat;
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
}
#shinjyuku_page .kousya_main_inner{
	background: url(../img/shinjyuku_kousya_top_1440.png) no-repeat;
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
}
#akihabara_page .kousya_main_inner{
	background: url(../img/akihabara_kousya_top_1440.png) no-repeat;
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
}
#shibuya_page .kousya_main_inner{
	background: url(../img/shibuya_kousya_top_1440.png) no-repeat;
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
}
#kunitachi_page .kousya_main_inner{
	background: url(../img/kunitachi_kousya_top_1440.png) no-repeat;
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
}
.kousya_main_top .kousya_txt_box .kousya_sub{
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0 auto 30px;
	letter-spacing: 2px;
}
.kousya_main_top .kousya_txt_box .kousya_name_ja{
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	font-size: 50px;
	letter-spacing: 10px;
	text-align: center;
	font-weight: 400;
}
.kousya_main_top .kousya_txt_box .kousya_name_en{
	font-family: europa, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
}
.kousya_main_top .kousya_txt_box .kousya_txt{
	/*width: 36%;*/
	width: 45%;
	text-align: center;
	margin: 5% auto 0;
	line-height: 2;
	font-size: 13px;
	letter-spacing: 1px;
}

.subject_list{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.subject_list li{
	width: 50%;
	height: 300px;
}
.subject_list li .left{
	width: 30%;
}
.subject_list li .right{
	width: 70%;
	overflow: hidden;
}
.subject_list li .list_aburae{
	height: 300px;
	background: url(../img/shinjyuku_aburae.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_nihonga{
	height: 300px;
	background: url(../img/shinjyuku_nihonga.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

.subject_list li .list_choukoku{
	height: 300px;
	background: url(../img/shinjyuku_choukoku.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_design{
	height: 300px;
	background: url(../img/shinjyuku_design.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_eizo{
	height: 300px;
	background: url(../img/shinjyuku_eizo.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_sentan{
	height: 300px;
	background: url(../img/shinjyuku_sentan.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_kenchiku{
	height: 300px;
	background: url(../img/shinjyuku_kenchiku.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_kiso{
	height: 300px;
	background: url(../img/shinjyuku_kiso.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

.subject_list li .list_geijyutsu{
	height: 300px;
	background: url(../img/shinjyuku_geigaku.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_chugaku{
	height: 300px;
	background: url(../img/shinjyuku_chugaku.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_donichi{
	height: 300px;
	background: url(../img/shinjyuku_donichi.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_tsushin{
	height: 300px;
	background: url(../img/shinjyuku_tsuushin.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_study{
	height: 300px;
	background: url(../img/shinjyuku_study.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_suisen{
	height: 300px;
	background: url(../img/akihabara/suisen/suisen_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

.subject_list li .list_suisen_shibuya{
	height: 300px;
	background: url(../img/shibuya/suisen/suisen_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

.subject_list li .list_suisen_kunitachi{
	height: 300px;
	background: url(../img/kunitachi/suisen/suisen_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

.subject_list li .list_aburae_akihabara{
	height: 300px;
	background: url(../img/akihabara/aburae/aburae_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_aburae_shibuya{
	height: 300px;
	background: url(../img/shibuya/aburae/aburae_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_aburae_kunitachi{
	height: 300px;
	background: url(../img/kunitachi/aburae/aburae_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_nihonga_akihabara{
	height: 300px;
	background: url(../img/akihabara/nihonga/nihonga_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_design_akihabara{
	height: 300px;
	background: url(../img/akihabara/design/design_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_design_shibuya{
	height: 300px;
	background: url(../img/shibuya/design/design_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_design_kunitachi{
	height: 300px;
	background: url(../img/kunitachi/design/design_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_kiso_akihabara{
	height: 300px;
	background: url(../img/akihabara/kiso/kiso_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_kiso_shibuya{
	height: 300px;
	background: url(../img/shibuya/kiso/kiso_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 
.subject_list li .list_kiso_kunitachi{
	height: 300px;
	background: url(../img/kunitachi/kiso/kiso_top.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
} 

/*20201006追加*/
.subject_list li .list_isi_top{
	height: 300px;
	background: url(../img/top0.jpg) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_isi_basic{
	height: 300px;
	background: url(../img/top1.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_isi_examination{
	height: 300px;
	background: url(../img/top2.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
.subject_list li .list_isi_graduate{
	height: 300px;
	background: url(../img/top3.png) no-repeat;
	background-blend-mode: multiply;
	background-position: center center;
	background-size: cover;
}
/*20201006追加*/

.subject_list .subject_icon{
	width: 70px;
	margin: 0 auto;
}
.subject_list .subject_name{
	text-align: center;
	font-size: 13px;
	letter-spacing: 2px;
	color: #fff;
    font-weight: bold;
}
@media only screen and (min-width: 1441px){
	.subject_list li{
		width: 50%;
		height: 500px;
	}
	.subject_list li .left{
		width: 22%;
	}
	.subject_list li .right{
		width: 78%;
		overflow: hidden;
	}
    
	.subject_list li .list_aburae{
		height: 500px;
	}
	.subject_list li .list_nihonga{
		height: 500px;
	} 
	.subject_list li .list_choukoku{
		height: 500px;
	} 
	.subject_list li .list_design{
		height: 500px;
	} 
	.subject_list li .list_eizo{
		height: 500px;
	} 
	.subject_list li .list_sentan{
		height: 500px;
	} 
	.subject_list li .list_kenchiku{
		height: 500px;
	} 
	.subject_list li .list_kiso{
		height: 500px;
	} 
	.subject_list li .list_geijyutsu{
		height: 500px;
	} 
	.subject_list li .list_chugaku{
		height: 500px;
	} 
	.subject_list li .list_donichi{
		height: 500px;
	}
	.subject_list li .list_tsushin{
		height: 500px;
	} 
	
    .subject_list li .list_study{
        height: 500px;
    } 
    .subject_list li .list_suisen{
        height: 500px;
    } 

    .subject_list li .list_aburae_akihabara{
        height: 500px;
    }
    .subject_list li .list_aburae_shibuya{
        height: 500px;
    }
    .subject_list li .list_aburae_kunitachi{
        height: 500px;
    }
    .subject_list li .list_nihonga_akihabara{
        height: 500px;
    } 
    .subject_list li .list_design_akihabara{
        height: 500px;
    } 
    .subject_list li .list_design_shibuya{
        height: 500px;
    } 
    .subject_list li .list_design_kunitachi{
        height: 500px;
    } 
    .subject_list li .list_kiso_akihabara{
        height: 500px;
    } 
    .subject_list li .list_kiso_shibuya{
        height: 500px;
    } 
    .subject_list li .list_kiso_kunitachi{
        height: 500px;
    } 
    
	.subject_list li .list_suisen_shibuya{
        height: 500px;
    } 
	.subject_list li .list_suisen_kunitachi{
        height: 500px;
    } 

	/*20201006追加*/
	.subject_list li .list_isi_top{
		height: 500px;
	}
	.subject_list li .list_isi_basic{
		height: 500px;
	}
	.subject_list li .list_isi_examination{
		height: 500px;
	}
	.subject_list li .list_isi_graduate{
		height: 500px;
	}
	/*20201006追加*/	

	.subject_list .subject_icon{
		width: 100px;
		margin: 0 auto;
	}
	.subject_list .subject_name{
		text-align: center;
		font-size: 15px;
		letter-spacing: 3px;
		color: #fff;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	}
}

@media only screen and (max-width: 860px){ 
    .kousya_main_top .kousya_main_inner{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
		/*202008817修正・追加*/
        /*padding: 60px 0;*/
		padding: 120px 0;
		
    }
    #isi_page .kousya_main_inner{
        background: url(../img/isi_kousya_top.png) no-repeat;
        background-blend-mode: multiply;
        background-position: top center;
        background-size: cover;
    }
    #shinjyuku_page .kousya_main_inner{
        background: url(../img/shinjyuku_kousya_top.png) no-repeat;
        background-blend-mode: multiply;
        background-position: top center;
        background-size: cover;
    }
    #akihabara_page .kousya_main_inner{
        background: url(../img/akihabara_kousya_top.png) no-repeat;
        background-blend-mode: multiply;
        background-position: top center;
        background-size: cover;
    }
    #shibuya_page .kousya_main_inner{
        background: url(../img/shibuya_kousya_top.png) no-repeat;
        background-blend-mode: multiply;
        background-position: top center;
        background-size: cover;
    }
    #kunitachi_page .kousya_main_inner{
        background: url(../img/kunitachi_kousya_top.png) no-repeat;
        background-blend-mode: multiply;
        background-position: top center;
        background-size: cover;
    }
    .kousya_main_top .kousya_txt_box .kousya_sub{
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 18px;
        text-align: center;
        margin: 0 auto 30px;
        letter-spacing: 2px;
    }
    .kousya_main_top .kousya_txt_box .kousya_name_ja{
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        font-size: 42px;
        letter-spacing: 10px;
        text-align: center;
        font-weight: 400;
    }
    .kousya_main_top .kousya_txt_box .kousya_name_en{
        font-family: europa, sans-serif;
        font-size: 12px;
        letter-spacing: 2px;
    }
    .kousya_main_top .kousya_txt_box .kousya_txt{
        width: 82%;
        text-align: center;
        margin: 5% auto 0;
        line-height: 2;
        font-size: 13px;
        letter-spacing: 1px;
    }
    
    .subject_list{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .subject_list li{
        width: 100%;
        height: 180px;
    }
    .subject_list li .left{
        width: 33%;
    }
    .subject_list li .right{
        width: 67%;
        overflow: hidden;
    }
    .subject_list li .list_aburae{
        height: 180px;
    }
    .subject_list li .list_nihonga{
        height: 180px;
    } 
    .subject_list li .list_choukoku{
        height: 180px;
    } 
    .subject_list li .list_design{
        height: 180px;
    } 
    .subject_list li .list_eizo{
        height: 180px;
    } 
    .subject_list li .list_sentan{
        height: 180px;
    } 
    .subject_list li .list_kenchiku{
        height: 180px;
    } 
    .subject_list li .list_kiso{
        height: 180px;
    } 
    .subject_list li .list_geijyutsu{
        height: 180px;
    } 
    .subject_list li .list_chugaku{
        height: 180px;
    } 
    .subject_list li .list_donichi{
        height: 180px;
    }
    .subject_list li .list_tsushin{
        height: 180px;
    } 
    
    .subject_list li .list_study{
        height: 180px;
    } 
    .subject_list li .list_suisen{
        height: 180px;
    } 

    .subject_list li .list_aburae_akihabara{
        height: 180px;
    }
    .subject_list li .list_aburae_shibuya{
        height: 180px;
    }
    .subject_list li .list_aburae_kunitachi{
        height: 180px;
    }
    .subject_list li .list_nihonga_akihabara{
        height: 180px;
    } 
    .subject_list li .list_design_akihabara{
        height: 180px;
    } 
    .subject_list li .list_design_shibuya{
       height: 180px;
    } 
    .subject_list li .list_design_kunitachi{
        height: 180px;
    } 
    .subject_list li .list_kiso_akihabara{
        height: 180px;
    } 
    .subject_list li .list_kiso_shibuya{
        height: 180px;
    } 
    .subject_list li .list_kiso_kunitachi{
        height: 180px;
    } 
	
	/*20201006追加*/
	.subject_list li .list_isi_top{
		height: 180px;
	}
	.subject_list li .list_isi_basic{
		height: 180px;
	}
	.subject_list li .list_isi_examination{
		height: 180px;
	}
	.subject_list li .list_isi_graduate{
		height: 180px;
	}
	/*20201006追加*/
	
    .subject_list .subject_icon{
		width: 50px;
		margin: 0 auto;
	}
	.subject_list .subject_name{
		text-align: center;
		font-size: 12px;
		letter-spacing: 1px;
		color: #fff;
        width: 90%;
        margin: 0 auto;
        font-weight: bold;
	}
}


/* 学費 */
.gakuhi_list_wrap_bg{
	background: #EDEDED;
	padding: 6% 0 1%;
}
.price_link_list{
	width: 100%;
	margin: 2% auto 0;
}
.price_link_list li{
	margin: 0 5px;
	min-width: 80px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	background: #BEBEBE;
}
.price_link_list li.active{
	background: #00A0E9;
}


.gakuhi_list_name{
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
}
.gakuhi_title{
	text-align: center;
	font-size: 40px;
	color: #3F3F3F;
	letter-spacing: 7px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.gakuhi_title_en{
	text-align: center;
	letter-spacing: 2px;
	font-family: europa, sans-serif;
	margin: 4px 0 0;
	color: #B7B7B7;
}
.subpage_gakuhi_txt{
	text-align: center;
	margin: 4% auto;
	font-size: 14px;
	line-height: 2;
}
.gakuhi_list_wrap{
	width: 74%;
    max-width: 1280px;
    padding: 0 0px;
    margin: 4% auto 5%;
}
.gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
}
#isi_page .gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
	background: #fff;
}
#shinjyuku_page .gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
	background: #fff;
}
#akihabara_page .gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
	background: #fff;
}
#shibuya_page .gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
	background: #fff;
}
#kunitachi_page .gakuhi_subject_box{
	width: 100%;
	margin: 0 auto 4%;
	background: #fff;
}
.gakuhi_subject_name{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 2px;
	padding: 10px 10px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.gakuhi_list{
	width: 100%;
	margin: 0 auto 0;
	border-right: 1px solid #DFDFDF;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.gakuhi_list li{
	align-items: stretch;
}
.subpage_gakka_box{
    width: 74%;
    max-width: 1280px;
    margin: 4% auto 0;
}
.subpage_gakka_gakuhi_txt{
    width: 100%;
    margin: 0 auto 20px;
}
.subpage_gakka_gakuhi_txt .subpage_gakka_gakuhi_txt_left{
    width: 100px;
    margin: 0 20px 0 0;
    border: 1px solid #000;
    padding: 4px 0;
    text-align: center;
}
.subpage_gakka_gakuhi_txt .subpage_gakka_gakuhi_txt_right{
    width: calc(100% - 120px);
    margin: 0 auto;
    font-weight: bold;
}

.gakuhi_list .gakuhi_list_cellname{
	background: #F4F4F4;
	font-size: 12px;
	font-weight: 500;
	display: flex;
 	align-items: center;
}

.gakuhi_list .gakuhi_list_course{
	width: 25%;
	padding: 10px;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
}
.gakuhi_list .gakuhi_list_contents .gakuhi_list_course .txt{
    line-height: 1.5;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: flex-start;/* 文字右揃え */
    align-items: center;/* 縦中央 */
    font-weight: bold;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}
.gakuhi_list .gakuhi_list_contents .gakuhi_list_course span{
    width: 100%;
    font-size: 11px;
}
.gakuhi_list .gakuhi_list_price{
	width: 25%;
	padding: 10px;
	text-align: right;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
}
.gakuhi_list .gakuhi_list_contents .gakuhi_list_price .txt{
    line-height: 1.5;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;/* 文字右揃え */
    align-items: center;/* 縦中央 */
    font-weight: bold;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}
.gakuhi_list .gakuhi_list_contents .gakuhi_list_price span{
    width: 100%;
    font-size: 11px;
}

.subpage_gakka .gakuhi_list .gakuhi_list_course{
	width: calc(100% / 3);
	padding: 10px;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
    font-weight: bold;
}
.subpage_gakka .gakuhi_list .gakuhi_list_price{
	width: calc(100% / 3);
	padding: 10px;
	text-align: right;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
}
.subpage_locker .gakuhi_list .gakuhi_list_course{
	width: 50%;
	padding: 10px;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
    font-weight: bold;
}
.subpage_locker .gakuhi_list .gakuhi_list_price{
	width: 50%;
	padding: 10px;
	text-align: right;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	display: flex;
    align-items: stretch;
}

.gakuhi_list .gakuhi_list_cellname .gakuhi_list_course{
	min-height: 70px;
}
.gakuhi_list .gakuhi_list_cellname .gakuhi_list_price{
	min-height: 70px;
}
.gakuhi_list .gakuhi_list_cellname .gakuhi_list_course .txt{
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.gakuhi_list .gakuhi_list_cellname .gakuhi_list_price .txt{
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.gakuhi_list_price span{
	font-size: 10px;
}

@media only screen and (max-width: 860px){ 
    .gakuhi_list_wrap_bg{
        background: #EDEDED;
        padding: 40px 0;
    }
    .price_link_list{
        width: 86%;
        margin: 20px auto 0;
    }
    .price_link_list li{
        width: calc(100% / 3);
        padding: 10px 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        background: #BEBEBE;
        margin: 2px;
        font-weight: bold;
    }
    .price_link_list li.active{
        background: #00A0E9;
    }
    .gakuhi_title{
        text-align: center;
        font-size: 32px;
        color: #3F3F3F;
        letter-spacing: 7px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .gakuhi_title_en{
        text-align: center;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 4px 0 0;
        color: #B7B7B7;
        font-size: 12px;
    }
    .gakuhi_list_wrap{
        width: 86%;
        max-width: 1280px;
        padding: 0 0px;
        margin: 4% auto 5%;
    }
    .subpage_gakuhi_txt{
        text-align: center;
        margin: 26px auto;
        font-size: 11px;
        line-height: 1.7;
        width: 86%;
        font-weight: bold;
    }
    
    .gakuhi_list .gakuhi_list_cellname{
        background: #F4F4F4;
        font-size: 11px;
        font-weight: 500;
        display: flex;
        align-items: center;
    }
    .gakuhi_subject_name{
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 13px;
        letter-spacing: 2px;
        padding: 10px 10px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    
    .gakuhi_list .gakuhi_list_course{
        width: 25%;
        padding: 5px;
        border-left: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
        position: relative;
        display: flex;
        align-items: stretch;
    }
    .gakuhi_list .gakuhi_list_price{
        width: 25%;
        padding: 3px;
        text-align: right;
        border-left: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
        position: relative;
        display: flex;
        align-items: stretch;
    }
    .gakuhi_list .gakuhi_list_cellname .gakuhi_list_course .txt{
        font-size: 12px;
        text-align: center;
        font-weight: 600;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%); /* Safari用 */
        transform: translate(-50%, -50%);
    }
    .gakuhi_list .gakuhi_list_cellname .gakuhi_list_price .txt{
        font-size: 12px;
        text-align: center;
        font-weight: 600;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        position: absolute;
        top: 50%;
        left: 50%;
         width: 100%;
        -webkit-transform: translate(-50%, -50%); /* Safari用 */
        transform: translate(-50%, -50%);
    }
    .gakuhi_list .gakuhi_list_contents .txt{
        font-size: 12px;
    }
    .subpage_gakka_box{
        width: 86%;
        max-width: 1280px;
        margin: 4% auto 0;
    }
    .subpage_gakka_gakuhi_txt{
        width: 100%;
        margin: 0 auto 20px;
    }
    .subpage_gakka_gakuhi_txt .subpage_gakka_gakuhi_txt_left{
        width: 100px;
        margin: 0 auto 15px;
        border: 1px solid #000;
        padding: 4px 0;
        text-align: center;
    }
    .subpage_gakka_gakuhi_txt .subpage_gakka_gakuhi_txt_right{
        width: 100%;
        margin: 0 auto;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
    }
    
    /* 通信SP単独 */
    .subpage_gakuhi_tsushin .gakuhi_list .gakuhi_list_cellname{
        background: #F4F4F4;
        font-size: 11px;
        font-weight: 500;
        display: block;
        align-items: center;
        width: 40%;
    }
    .subpage_gakuhi_tsushin .gakuhi_list .gakuhi_list_cellname div{
        width: 100%;
        height: 100px;
    }
    .subpage_gakuhi_tsushin .gakuhi_list .gakuhi_list_contents{
        width: 60%;
    }
    .subpage_gakuhi_tsushin .gakuhi_list .gakuhi_list_contents div{
        width: 100%;
        height: 100px;
    }
    .subpage_gakuhi_tsushin .gakuhi_list .gakuhi_list_contents .gakuhi_list_course .txt{
        line-height: 1.5;
        text-decoration: none;
        width: 100%;
        display: flex;
        justify-content: flex-end;/* 文字右揃え */
        align-items: center;/* 縦中央 */
        text-align: right;
    }
    
    .subpage_gakka{
        margin: 0 auto 14%;
    }
}



/* アクセス */
.access_list{
	max-width: 1440px;
	padding: 6% 0;
	margin: 0 auto;
}
.access_list_name{
	width: 100%;
	max-width: 1440px;
}
.access_title{
	text-align: center;
	font-size: 40px;
	color: #3F3F3F;
	letter-spacing: 7px;
	font-family: europa, sans-serif;
	font-weight: 100;
}
.access_title_en{
	text-align: center;
	letter-spacing: 2px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 4px 0 0;
	color: #B7B7B7;
}

.access_kousya_list{
	width: 100%;
	margin: 2% auto 0;
}
.access_kousya_list li{
	margin: 0 5px;
	min-width: 80px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
}
#isi_access{
	margin-top: -48px;
	padding-top: 48px;
}
#shinjyuku_access{
	margin-top: -48px;
	padding-top: 48px;
}
#akihabara_access{
	margin-top: -48px;
	padding-top: 48px;
}
#shibuya_access{
	margin-top: -48px;
	padding-top: 48px;
}
#kunitachi_access{
	margin-top: -48px;
	padding-top: 48px;
}

.access_contents{
	width: 62%;
	margin: 3% auto 10%;
	max-width: 1000px;
}
.access_contents .map{
	padding: 30px;
	background: #F4F4F4;
}
.access_contents_inner{
    margin: 5% auto;
    width: 100%;
}
.access_txt_box{
    width: 58%;
    padding: 0 2% 0 0;
}
.access_txt01{
	font-size: 20px;
	margin: 0;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	letter-spacing: 1px;
}
.access_txt01 span{
	font-size: 15px;
	margin: 0;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	letter-spacing: 1px;
}
.access_txt02{
	font-size: 16px;
	margin: 20px 0 5px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	letter-spacing: 1px;
    font-weight: bold;
}
.access_txt03{
	font-size: 13px;
	letter-spacing: 2px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 0px;
	line-height: 1.5;
}
.access_txt_tel{
	font-size: 22px;
	letter-spacing: 1px;
    font-family: europa, sans-serif;
	margin: 10px 0 0px;
	line-height: 22px;
}
.access_txt_tel span{
	font-size: 15px;
	letter-spacing: 2px;
    font-family: europa, sans-serif;
	margin: -2px 0 0;
	line-height: 22px;
}
.access_txt_fax{
	font-size: 15px;
	letter-spacing: 2px;
    font-family: europa, sans-serif;
	margin: 3px 0 0;
	line-height: 22px;
}
.access_info{
	font-size: 12px;
	letter-spacing: 2px;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 0px;
	line-height: 1.9;
    color: #676767;
}
.access_photo{
	margin: 0 auto;
    width: 42%;
}
.access_map_btn{
	margin: 5% auto
}

.access_map_btn li{
	width: 48%;
	background: #000;
	padding: 15px 0;
	color: #fff;
	text-align: center;
}
@media only screen and (max-width: 860px){ 
    .access_list{
        max-width: 1440px;
        padding: 40px 0;
        margin: 0 auto;
    }
    .access_kousya_list{
        width: 86%;
        margin: 20px auto 0;
    }
    .access_kousya_list li{
        width: calc(100% / 3);
        padding: 10px 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        margin: 2px;
        font-weight: bold;
    }
    .access_list_name{
        width: 100%;
        max-width: 1440px;
    }
    .access_title{
        text-align: center;
        font-size: 36px;
        color: #3F3F3F;
        letter-spacing: 5px;
        font-family: europa, sans-serif;
        font-weight: 100;
    }
    .access_title_en{
        text-align: center;
        letter-spacing: 4px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 4px 0 0;
        color: #B7B7B7;
        font-size: 13px;
    }

    .access_contents{
        width: 86%;
        margin: 30px auto;
        max-width: 1280px;
    }
    .access_contents .map{
        padding: 12px;
        background: #F4F4F4;
    }
    .access_contents_inner{
        margin: 5% auto;
        width: 100%;
    }
    .access_txt_box{
        width: 100%;
        padding: 0 2% 0 0;
    }
    
    .access_txt01{
        font-size: 18px;
        margin: 0;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
    }
    .access_txt01 span{
        font-size: 13px;
        margin: 0;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
    }
    .access_txt02{
        font-size: 13px;
        margin: 20px 0 5px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        letter-spacing: 1px;
        font-weight: bold;
    }
    .access_txt03{
        font-size: 12px;
        letter-spacing: 2px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 0px;
        line-height: 1.5;
    }
    .access_txt_tel{
        font-size: 18px;
        letter-spacing: 1px;
        font-family: europa, sans-serif;
        margin: 10px 0 0px;
        line-height: 22px;
    }
    .access_txt_tel span{
        font-size: 13px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: -2px 0 0;
        line-height: 22px;
    }
    .access_txt_fax{
        font-size: 13px;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
        margin: 3px 0 0;
        line-height: 22px;
    }
    .access_info{
        font-size: 11px;
        letter-spacing: 2px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 0px;
        line-height: 1.9;
        color: #676767;
    }
    .access_photo{
		/*
        width: 65%;
        margin: 5% 0 0 35%;
		*/
        width: 100%;
        margin: 5% 0 0 0;
    }
    .access_map_btn{
        margin: 5% auto
    }

    .access_map_btn li{
        width: 100%;
        background: #000;
        padding: 15px 0;
        color: #fff;
        text-align: center;
        margin: 0 0 10px;
    }
    
}

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

   各教科ごとのページ

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

.subject_information_box{
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: 1440px;
	background: #fff;
}
.subject_information{
	width: 90%;
	position: relative;
	padding: 0 0 10%;
}
.subject_name_box{
	width: 10%;
	position: relative;
	align-self: stretch;
}
.subject_name_box_inner{
    transform: rotate(90deg);
    top: 150px;
    position: absolute;
    width: 300px;
    left: -90px;
}
.subject_name_box_inner .subject_name_en{
	color: #fff;
	font-size: 12px;
	font-family: europa, sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.subject_name_box_inner .subject_name_ja{
	color: #fff;
	font-size: 26px;
	letter-spacing: 4px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

.subject_information_top{
	margin: 0 auto;
	position: relative;
}
.subject_information_top .subject_top_img{
	width: 60%;
}
.subject_information_top .txt_area{
	width: 40%;
	padding: 15px 50px;
}
.subject_information_top .txt_area .modoru{
	width: 20px;
}
.subject_information_top .txt_area .subject_info_area{
	width: 100%;
	margin: 30px auto 0;
	padding: 0 20px;
}
.subject_info_area .subject_name_en{
	font-size: 11px;
	letter-spacing: 1px;
	font-family: europa, sans-serif;
	color: #3E3E3E;
}
.subject_info_area .subject_name_ja{
	font-size: 46px;
	letter-spacing: 10px;
	margin: 20px 0 5px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    line-height: 1.3;
}
.subject_info_area .subject_name_kana{
	font-size: 12px;
	letter-spacing: 8px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	color: #3E3E3E;
}
.subject_info_area .subject_info_txt{
	font-size: 12px;
	line-height: 2.5;
	letter-spacing: 1px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	margin: 8% 0 0;
}

.subject_page_bg{
    height: 50px;
    width: 100%;
}

.subject_contents_list{
	padding: 6% 70px 0;
	margin: 0 auto 0;
	width: 100%;
}
.border_sen{
	border-bottom: 1px solid rgba(162,162,162,0.46);
	width: calc(100% - 140px);
	height: 1px;
	margin: 30px auto 0;
}
.subject_contents_list .subject_contents_titlebox{
	width: 18%;
}
.subject_contents_title{
	font-size: 15px;
	letter-spacing: 1px;
	color: #000;
    font-family: europa, sans-serif;
}
.subject_contents_list .subject_contents_left{
	width: 82%;
}
.subject_contents_list .subject_contents_all{
    width: 100%;
    margin: 0 auto 55px;
}
.subject_contents_list .subject_contents_left_photo{
    width: 100%;
    margin: 0 auto 55px;
}
.subject_contents_txt_bg{
    width: 100%;
    background: #F8F8F8;
    padding: 30px;
}
.subject_contents_list .subject_contents_left_photo .subject_contents_txt{
    width: 65%;
    padding: 0 5% 0 0;
}
.subject_contents_list .subject_contents_left_photo .subject_contents_photo{
    width: 35%;
}
.subject_contents_left .txt{
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0 0 18px;
	color: #222222;
}
.subject_contents_left .txt_coruse_titlebox{
    margin: 0 0 20px;
}
.contents_title_bigtitle{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0 0 5px;
	color: #151515;
    font-weight: 700;
}
.contents_title{
	font-size: 21px;
	letter-spacing: 3px;
	line-height: 1.5;
	margin: 0 0 20px;
	color: #151515;
    font-weight: 700;
}
.contents_title_bar{
    height: 12px;
    width: 40px;
    margin: 0 0 8px;
}
.contents_title_en{
    background: #fff;
    margin: 5px 0 10px 0;
    position: relative;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: europa, sans-serif;
}
.txt_border_bar{
    height: 2px;
    width: 50px;
    margin: 20px 0;
    background: #A0A0A0;
}
.subject_contents_left .txt_subtitle{
	font-size: 21px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 17px 0 0;
	color: #151515;
    font-weight: bold;
    text-decoration: underline;
}
.subject_contents_left .txt_subtitle span{
	font-size: 21px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 17px 0 0;
	color: #151515;
    font-weight: bold;
    text-decoration: underline;
}
.subject_contents_left .txt_subtitle_suji{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0;
	color: #151515;
    font-weight: bold;
}
.subject_contents_left .txt_subtitle_info{
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0;
	color: #151515;
    font-weight: bold;
}
.subject_contents_left .txt_subtitle_small{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0 0 1%;
	color: #151515;
    font-weight: bold;
}
.subject_contents_left .coruse_title{
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 1.8;
	margin: 0;
	color: #000;
	background: #E5E5E5;
	display: inline-block;
	padding: 5px 15px;
    font-weight: bold;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}


.subject_contents_left .border{
	border-bottom: 1px dashed #B5B5B5;
	width: 100%;
	height: 1px;
	margin: 30px auto;
}
.term_information{
	width: 100%;
}
.term_information .term_box{
	width: 100%;
	background: #F2F2F2;
    border-bottom: 1px solid #fff;
}
.term_information .term_box .term_name{
	width: 6%;
	padding: 0 2%; 
}
.term_information .term_box .term_txt{
	width: 94%;
	padding: 3%;
	border-left: 1px solid #fff;
	font-size: 12px;
	line-height: 2;
    font-weight: bold;
}
.term_information .term_box .term_txt .underline_txt{
	font-size: 14px;
	line-height: 2;
	margin: 0 0 10px;
	text-decoration: underline;
}
.term_information .term_box .term_txt .term_event_title{
	font-size: 14px;
	margin: 0px 0 3px;
    display: inline-block;
    font-weight: bold;
    font-family: europa, sans-serif;
    background: #fff;
    padding: 2px 10px;
} 
.term_information .term_box .term_txt .term_event{
	font-size: 12px;
	line-height: 2;
	margin: 15px 0 10px 0px;
}
.term_information .term_box .term_txt .term_event_txt{
	font-size: 12px;
	line-height: 2;
	margin:2px 0 0;
    display: block;
} 
.term_information .term_summer{
	background: #fff;
	padding: 2% 0;
	margin: 0 0 0 10%;
}

.subject_page_photo{
	margin: 3% auto 0;
}
.subject_page_photo li{
	width: 49%;
	margin: 0 0px 20px 0;
}

.subject_information_box .more_link{
	margin: 5% auto;
}
.subject_information_box .more_link .more_icon{
	width: 13px;
	height: 20px;
	margin: 0 0 0 10px;
}
.subject_information_box .more_link .more_icon img{
	vertical-align: inherit;
}
.subject_information_box .more_link .more_txt{
	font-size: 13px;
	letter-spacing: 2px;
}


.subject_bottom_linkmenu{
	padding: 0;
	width: 100%;
}
#isi_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
	padding: 60px 0px 60px 70px;
	width: 100%;
	background: url(../img/shinjyuku/subject_bottom_menu.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1440px;
}
#shinjyuku_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
	padding: 60px 0px 60px 70px;
	width: 100%;
	background: url(../img/shinjyuku/subject_bottom_menu.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1440px;
}
#akihabara_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
	padding: 60px 0px 60px 70px;
	width: 100%;
	background: url(../img/akihabara/subject_bottom_menu.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1440px;
}
#shibuya_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
	padding: 60px 0px 60px 70px;
	width: 100%;
	background: url(../img/shibuya/subject_bottom_menu.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1440px;
}
#kunitachi_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
	padding: 60px 0px 60px 70px;
	width: 100%;
	background: url(../img/kunitachi/subject_bottom_menu.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1440px;
}
.subject_bottom_linkmenu .left{
	width: 20%;
}
.subject_bottom_linkmenu .left .bar{
	width: 30px;
	height: 2px;
	background: #fff;
	margin: 0 0 10px;
}
.subject_bottom_linkmenu .left .kousya_en{
	font-size: 12px;
	letter-spacing: 3px;
	font-family: europa, sans-serif;
	color: #fff;
}
.subject_bottom_linkmenu .left .kousya_txt{
	font-size: 30px;
	letter-spacing: 5px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	color: #fff;
	font-weight: 100;
	margin: 10% 0 0;
}
.subject_bottom_linkmenu .right{
	width: 80%;
	margin: 5% 0 0;
	overflow: hidden;
}
.subject_bottom_linkmenu .right li{
	margin: 0 0 15px;
}
.subject_bottom_linkmenu .right .subject_name{ 
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 100;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

.underline {
	display: inline-block;
	padding-bottom: 4px;
	position: relative;
	transition: .5s all;
}
.underline::after {
	background-color: #fff;
	bottom: 50%;
	content: '';
	display: inline-block;
	height: 1px;
	position: absolute;
	transition: .5s all;
	width: 0;
}
.subject_bottom_linkmenu .right li.active .underline::after{
	background-color: #fff;
	bottom: 50%;
	content: '';
	display: inline-block;
	height: 1px;
	position: absolute;
	transition: .5s all;
	width: 100%;
	left: 130px;
}

.subject_contents_photo_100{
    width: 100%;
    margin: 30px 0;
}

.choukoku_photo01{
    width: 70%;
    margin: 0 0 30px;
}
.isi_design_photo01{
    width: 100%;
    margin: 30px 0;
}
.shinjyuku_design_photo01{
    width: 100%;
    margin: 30px 0;
}
.photo_3_list{
    width: 100%;
}
.photo_3_list li{
    width: 100%;
    margin: 0 0 20px;
}
.desgin_photo_list_2{
    width: 100%;
    margin: 0;
    padding: 0;
}
.desgin_photo_list_2 li{
    width: 49%;
    margin: 0 0 10px;
}


@media only screen and (min-width: 861px){
	.underline:hover:after {
		width: 100%;
		transition: .5s all;
	}
	.underline:hover .subject_name{
		opacity: 0.5;
	}
	.to-right::after {
		left: 130px;
	}
}

@media only screen and (max-width: 860px){
    
    .subject_information_box{
        width: 100%;
        position: relative;
        margin: 0 auto;
        max-width: 1440px;
        background: #fff;
    }
    .subject_information{
        width: 100%;
        position: relative;
        padding: 0 0 30px;
    }
    .subject_name_box{
        width: 100%;
        position: relative;
        align-self: stretch;
    }
    .subject_name_box_inner{
        transform:rotate(0deg);
        top: 0px;
        position: relative;
        padding: 20px 0;
        width: 100%;
        left: 0;
		/*20200908追加*/
		margin-top: 60px;
    }
    .subject_name_box_inner .subject_name_en{
        color: #fff;
        font-size: 11px;
        text-align: center;
        letter-spacing: 2px;
        font-family: europa, sans-serif;
    }
    .subject_name_box_inner .subject_name_ja{
        color: #fff;
        font-size: 24px;
        letter-spacing: 2px;
        text-align: center;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .subject_information_top .subject_top_img{
        width: 100%;
    }
    .subject_information_top .txt_area{
        width: 86%;
        margin: 20px auto 0;
        padding:0;
    }
    .subject_information_top .txt_area .modoru{
        width: 20px;
    }
    .subject_information_top .txt_area .subject_info_area{
        width: 100%;
        margin: 20px auto 0;
        padding: 0;
    }
    .subject_info_area .subject_name_en{
        font-size: 11px;
        letter-spacing: 1px;
        font-family: europa, sans-serif;
        color: #3E3E3E;
    }
    .subject_info_area .subject_name_ja{
        font-size: 38px;
        letter-spacing: 5px;
        margin: 20px 0 0;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    .subject_info_area .subject_name_kana{
        font-size: 12px;
        letter-spacing: 8px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #3E3E3E;
    }
    .subject_info_area .subject_info_txt{
        font-size: 12px;
        line-height: 2.5;
        letter-spacing: 1px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        margin: 18px 0 0;
    }
    
    .subject_contents_list{
        padding: 0;
        margin: 40px auto 0;
        width: 100%;
    }
    .subject_contents_list .subject_contents_titlebox{
        width: 100%;
        margin: 0 0 40px;
    }
    .subject_contents_title{
        font-size: 16px;
        letter-spacing: 1px;
        color: #000;
        text-align: center;
        background: #F8F8F8;
        padding: 15px 0;
    }
    .subject_contents_list .subject_contents_left{
        width: 86%;
        margin: 0 auto;
    }
    .subject_contents_left .subject_contents_txt .txt{
        font-size: 13px;
        letter-spacing: 0;
        line-height: 1.8;
        margin: 0 0 20px;
        color: #696969;
    }
    .subject_contents_left .subject_contents_txt .txt_subtitle{
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.5;
        margin: 0 0 15px;
        color: #151515;
        font-weight: bold;
    }
    .subject_contents_left .subject_contents_txt .coruse_title{
        font-size: 13px;
        letter-spacing: 3px;
        line-height: 1.8;
        margin: 0 0 2%;
        color: #151515;
        background: #E5E5E5;
        display: inline-block;
        padding: 5px 15px;
    }
    .subject_contents_list .subject_contents_left_photo{
        width: 100%;
        margin: 0 auto 40px;
        padding: 0 0 20px;
        border-bottom: 1px dashed #777777;
    }
    .subject_contents_list .subject_contents_all{
        width: 100%;
        margin: 0 auto 40px;
        padding: 0 0 20px;
        border-bottom: 1px dashed #777777;
    }
    .subject_contents_list .subject_contents_left_photo .subject_contents_txt{
        width: 100%;
        padding: 0 0 0;
    }
    .subject_contents_list .subject_contents_left_photo .subject_contents_photo{
        width: 100%;
        margin: 0 0 20px;
    }
    
    .term_information .term_box .term_name{
        width: 8%;
        padding: 0 2%;
    }
    .term_information .term_box .term_txt{
        width: 92%;
        padding: 30px 20px;
        border-left: 1px solid #fff;
        font-size: 12px;
        line-height: 2;
        font-weight: bold;
    }
    .term_information .term_box .term_txt span{
        font-size: 14px;
        line-height: 2;
        margin: 0 0 10px;
        font-weight: bold;
        text-decoration: underline;
    } 
    .term_information .term_summer{
        background: #fff;
        padding: 20px 0;
        margin: 0;
        text-align: center;
    }
    
    .subject_contents_left .subject_contents_txt .border{
        border-bottom: 1px dashed #ccc;
        width: 100%;
        height: 1px;
        margin:40px auto;
    }
    #isi_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
        padding: 60px 0px;
        width: 100%;
        background: url(../img/shinjyuku/subject_bottom_menu.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1440px;
    }
    #shinjyuku_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
        padding: 60px 0px;
        width: 100%;
        background: url(../img/shinjyuku/subject_bottom_menu.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1440px;
    }
    #akihabara_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
        padding: 60px 0px;
        width: 100%;
        background: url(../img/akihabara/subject_bottom_menu.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1440px;
    }
    #shibuya_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
        padding: 60px 0px;
        width: 100%;
        background: url(../img/shibuya/subject_bottom_menu.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1440px;
    }
    #kunitachi_page .subject_bottom_linkmenu .subject_bottom_linkmenu_bg{
        padding: 60px 0px;
        width: 100%;
        background: url(../img/kunitachi/subject_bottom_menu.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1440px;
    }
    .subject_bottom_linkmenu .left{
        width: 78%;
        margin: 0 auto;
    }
    .subject_bottom_linkmenu .left .bar{
        width: 30px;
        height: 2px;
        background: #fff;
        margin: 0 0 10px;
    }
    .subject_bottom_linkmenu .left .kousya_en{
        font-size: 12px;
        letter-spacing: 3px;
        font-family: europa, sans-serif;
        color: #fff;
    }
    .subject_bottom_linkmenu .left .kousya_txt{
        font-size: 26px;
        letter-spacing: 3px;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
        color: #fff;
        font-weight: 100;
        margin: 16px 0 0;
    }
    .subject_bottom_linkmenu .right{
        width: 78%;
        margin: 30px auto 0;
        overflow: hidden;
    }
    .subject_bottom_linkmenu .right li{
        margin: 0 0 12px;
    }
    .subject_bottom_linkmenu .right .subject_name{ 
        color: #fff;
        font-size: 12px;
        letter-spacing: 2px;
        font-weight: 100;
        font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    }
    
    .choukoku_photo01{
        width: 100%;
        margin: 0 0 30px;
    }

}


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

 *  合格者作品一覧ページ 0624更新
　
   ================================================================================ */

.control {
    position: relative;
    cursor: pointer;
    font-size: 0.1px;
    color: white;
    transition: background 150ms;
}

.control:not(.mixitup-control-active):hover {
    background: #3f3f3f;
}

.mixitup-control-active {
    background: #393939 !important;
}

input[type="text"]:focus {
  outline: 0;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.mix {
    background: #fff;
    position: relative;
}

.passworks_page{
	max-width: 1440px;
	width: 100%;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
}

.passworks_page .passworks_inner{
	position: relative;
	width: 92%;
	max-width: 1440px;
    float: none;
    margin: auto;
	padding: 0 0 100px;
	overflow: hidden;
}
.passworks_page .passworks_title{
	font-size: 18px;
	letter-spacing: 4px;
	color: #0E0E0E;
	text-align: left;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.passworks_page .passworks_title_en{
    font-size: 12px;
    letter-spacing: 2px;
    color: #0E0E0E;
    font-family: europa, sans-serif;
}
.passworks_title_era_nav{
	margin: 30px 0 0;
}
.passworks_title_era_nav li{
    font-size: 14px;
    letter-spacing: 2px;
    color: #000;
	border: 1px solid #000;
    font-family: europa, sans-serif;
	margin: 0 10px 0 0;
	padding: 2px 5px;
}
.passworks_title_era_nav li.active{
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
	background: #000;
	padding: 2px 5px;
    font-family: europa, sans-serif;
}
@media only screen and (min-width: 861px){
	.passworks_title_era_nav li:hover{
		font-size: 14px;
		letter-spacing: 2px;
		color: #fff;
		background: #000;
		border: 1px solid #000;
		font-family: europa, sans-serif;
		margin: 0 10px 0 0;
		padding: 2px 5px;
	}
}
	

.sort_title{
	font-size: 12px;
	letter-spacing: 2px;
	color: #0E0E0E;
	text-align: left;
	margin: 0 0 5px;
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.sort_list_space{
	width: 100%;
	margin: 0;
}	
.sort_menu_box{
	width: 100%;
	margin: 0 auto 30px;
}
.control {
    position: relative;
    cursor: pointer;
    font-size: 0.1px;
    color: white;
    transition: background 150ms;
}

.control:not(.mixitup-control-active):hover {
    background: #3f3f3f;
}

.mixitup-control-active {
    background: #393939 !important;
}

input[type="text"]:focus {
  outline: 0;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.filtr-container{
	margin: 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
	display: block;
    overflow: hidden;
}
.mix{
    margin: 0 0 1.125rem;
    width: 100%;
}
.mix img{
	max-width: 100%; 
	height: auto;
	display: block; 
	width: 100%;
}



.sort_flex_box{
	margin: 6px auto 20px;
	width: 100%;
}
.sort_flex_box_list{
	width: auto;
	margin: 0;
}
.sort_btn{
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	background: #000;
	margin: 0 2px 5px;
	cursor: pointer;
}
.sort_btn_reset{
	padding: 5px 10px;
	font-size: 12px;
	color: #000;
	background: #fff;
	margin: 0 10px 5px 0;
	cursor: pointer;
	border: 1px double #000;
}
.sort_btn_2{
	padding: 5px 10px;
	font-size: 11px;
	color: #fff;
	background: #ccc;
	margin: 0 2px 0px;
	cursor: pointer;
}
.simplefilter {
	margin: 0;
}
.multifilter {
	margin: 0;
}
.simplefilter li.active {
    background:#000 !important;
}
.multifilter li.active {
    background-color: #000;
}
.sortandshuffle li.active {
    background: #000 !important;
}


/* ローディングの背景部分のCSS */
.loader{
  background:#D60B41;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
	color: #ffffff;
	font-size: 10px;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	left:50%;
	top: 50%;
	margin: -0.3em 0 0 -0.8em;
	position:absolute;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}


.loading-txt{
	font-size: 12px;
	letter-spacing: 2px;
	color: #fff;
	font-family: europa, sans-serif;
	text-align: center;
	top: 58%;
	width: 100%;
	margin: 0;
	position:absolute;
}

@media screen and (min-width: 861px){
	.sort_btn_reset:hover{
		padding: 5px 10px;
		font-size: 12px;
		color: #fff;
		background: #000;
		margin: 0 10px 5px 0;
		cursor: pointer;
		border: 1px double #000;
	}
}

@media screen and (min-width: 1441px){
	.filtr-item{
		width: calc(100% / 5);
		padding: 0 5px 10px;
	}
}


@media screen and (max-width: 860px){
	.passworks_page{
		max-width: 1440px;
		width: 100%;
		padding: 0 5%;
		margin: 0 auto;
		position: relative;
	}
	.passworks_page .passworks_title{
		font-size: 18px;
		letter-spacing: 4px;
		color: #0E0E0E;
		text-align: center;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	}
	.passworks_page .passworks_title_en{
		font-size: 11px;
		letter-spacing: 1px;
		color: #0E0E0E;
		font-family: europa, sans-serif;
		text-align: center;
	}
	.subject_bar{
		font-size: 13px;
		letter-spacing: 2px;
		color: #fff;
		text-align: center;
		padding: 12px 0;
		margin: 20px 0 0;
		font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	}
	.passworks_title_era_nav{
		margin: 20px 0 0;
		-webkit-justify-content: center; /* Safari */
    	justify-content:         center;
	}
	.goukaku_nav{
		-webkit-justify-content: center; /* Safari */
    	justify-content:         center;
	}
	.passworks_title_era_nav li{
		font-size: 12px;
		letter-spacing: 2px;
		color: #000;
		border: 1px solid #000;
		font-family: europa, sans-serif;
		margin: 0 5px;
		padding: 2px 5px;
		
	}
	.passworks_title_era_nav li.active{
		font-size: 12px;
		letter-spacing: 2px;
		color: #fff;
		background: #000;
		padding: 2px 5px;
		font-family: europa, sans-serif;
	}
	.passworks_page .passworks_inner{
		position: relative;
		width: 100%;
		margin: 0 auto;
		max-width: 1440px;
		padding: 0 0 100px;
	}
	
	.filtr-container{
		margin: 0;
		-webkit-column-count: 2; 
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 0.5rem;
		-moz-column-gap: 0.5rem;
		column-gap: 0.5rem;
		-webkit-column-width: 50%;
		-moz-column-width: 50%;
		column-width: 50%;
		display: block;
		overflow: hidden;
	}
	.mix{
		margin: 0 0 0.555rem;
		width: 100%;
	}
	.mix img{
		max-width: 100%; 
		height: auto;
		display: block; 
		width: 100%;
	}
	
	.sort_list_space{
		width: 100%;
		margin: 0;
		z-index: 1000;
	}
	.works_list_space{
		width: 100%;
	}
	.filtr-item{
		width: calc(100% / 2);
		padding: 0 3px 6px;
	}
	.fltr-controls{
		border-radius: 4px;
		padding: 5px 10px;
		color: #fff;
		background: #ccc;
		margin: 0 2px 5px;
		cursor: pointer;
	}
	.simplefilter li.active {
		background:#000 !important;
	}
	.multifilter li.active {
		background-color:#000;
	}
	.sortandshuffle li.active {
		background:#000 !important;
	}
    .sort_menu_box{
        display: block;
        position: relative;
        background: #fff;
		padding: 0;
        width: 100%;
        height: auto;
		z-index: 10;
		margin: 16px 0;
	}
	.sort_menutrigger{
        bottom: 0%;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 10;
        margin: 0;
		color: #fff;
		text-align: center;
		display: block;
		position: relative;
    }
	.sort_menutrigger_txt{
        color: #fff;
		font-size: 15px;
		letter-spacing: 1px;
    }
	.sort_flex_box {
		margin: 6px auto 0px;
		width: 100%;
	}
	
	.accordion1 {text-align: center;}
	.accordion1 .inner {display: none;}
	.accordion1 p{cursor: pointer; padding: 10px;}
	.accordion1 p.ac1{background: #F50057;}
	.accordion1 p.ac2{background: #FFEA00;}
	.accordion1 p.ac3{background: #64DD17;}
	.accordion1 .inner li{padding:0;}
	
	.control-group{
		width: 100%;
	}
	.sort_btn{
		padding: 10px 0px;
		font-size: 12px;
		color: #fff;
		background: #000;
		margin: 0;
		width: 100%;
		cursor: pointer;
	}
	

	.accordionbox{
		width: 100%;
		padding: 0;
		margin: 10px 0 0;
	}
	.accordionlist .accordion_top{
		display:block;
		padding: 0;
	}
	.accordionlist .accordion_top:first-child{
		border-top: none !important;
		position: relative;
	}
	.accordionlist .accordion_top .title{
		text-align: center;
		padding: 10px 0;
		position: relative;
		color: #fff;
	}
	.accordionlist ul{
		display: none;
		background: #fff;
	}
	.accordionlist ul li{
		color: #fff;
		padding: 10px 0;
		text-align: center;
	}
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: absolute;
		width: 20px;
		height: 20px;
		right: 10px;
		top: 44%;
		margin-right: 5px;
	}
	.accordion_icon span {
		position: absolute;
		left: 6px;
		width: 50%;
		height: 2px;
		background-color: #fff;
		border-radius: 4px;
	}

	.accordion_icon span:nth-of-type(1) {
		transform: translate(5px, 0) rotate(-45deg);
		top: 0px;
	}
	.accordion_icon span:nth-of-type(2) {
		transform: translate(-1px, 0) rotate(45deg);
	}
	/*＋、－切り替え*/
	.accordion_icon.active span:nth-of-type(1) {
		transform: translate(4px, 0) rotate(45deg);
	}
	.accordion_icon.active span:nth-of-type(2) {
		transform: translate(-2px, 0) rotate(-45deg);
	}

	.passworks_page .sub_page_titlebox {
		margin: 30px auto 0;
		width: 100%;
	}
	
}



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

 *  　オンライン教育
　
   ================================================================================ */


.onlinepage{
    width: 100%;
}
.onlinepage .sub_page_title_ja{
	color: #E1C12A;
}
.onlinepage .sub_page_titlebox{
	text-align: center;
}
.onlinepage *{
	font-family: europa, a-otf-gothic-bbb-pr6n, sans-serif;
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_txt{
		font-size: 0.9em;
	}
}
.onlinepage .target{
	color: #fff;
	text-align: center;
	font-size: 12px;
	background: #E1C12A;
	width: auto;
	padding: 1px 5px;
	display: inline-block;
	margin: 30px 0 0;
}
.onlinepage .target2{
	color: #fff;
	text-align: center;
	font-size: 12px;
	background: #C9173E;
	width: auto;
	padding: 1px 5px;
	display: inline-block;
}
.onlinepage .target_txt01{
	color: #E1C12A;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0 0;
}
.onlinepage .target_txt02{
	color: #E1C12A;
	text-align: center;
	font-size: 12px;
	margin: 10px 0 0;
}
.onlinepage .target_txt03{
	color: #C9173E;
	text-align: center;
	font-size: 12px;
	margin: 10px 0 0;
}
.onlinepage .about_box_01 .about_box_txt{
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0px auto;
    width: 50%;
    line-height: 2;
}
@media screen and (max-width: 860px){
	.onlinepage .sub_page_titlebox{
		padding: 0 20px;
	}
	.onlinepage .target_txt01{
		font-size: 14px;
	}
	.onlinepage .target{
		margin: 10px 0 0;
	}
	.onlinepage .about_box_01 .about_box_txt{
		width: 100%;
		font-size: 1em;
	}
}

.onlinepage .about_box_01{
	padding: 60px 0;
}
.onlinepage .about_box_03{
	padding: 100px 0px;
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_03{
		padding: 50px 0px;
	}
}
.onlinepage .about_box_03 .about_box_txt{
	margin: 30px 0;
}
.onlinepage .about_box_03 .photo02 li{
	width: calc(50% - 20px);
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_03 .photo02 li{
		width: 100%;
		margin: 0 0 10px;
	}
}
.onlinepage .about_box_04{
	padding: 0px 0px 100px;
	margin: 0;
}
@media only screen and (max-width: 860px) {
	.onlinepage .about_box_04{
		padding: 0px 0px 50px;
		margin: 0;
	}
}
.onlinepage .photo100{
	width: 100%;
	position: relative;
}
.onlinepage .about_box_04 .photo100{
	margin: 0 auto 60px;
}
.onlinepage .about_box_04 .online_title{
	margin: 60px auto 20px;
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_04 .online_title{
		margin: 20px auto 5px;
	}
}
.onlinepage .about_box_04 .about_box_txt{
	margin: 30px auto;
}
.onlinepage .about_box_04 .photo02{
	margin: 60px auto;
}
.onlinepage .about_box_04 .photo02 li{
	width: calc(50% - 10px);
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_04 .photo02{
		margin: 60px auto 40px;
	}
	.onlinepage .about_box_04 .photo02 li{
		width: 100%;
		margin: 0 0 10px;
	}
}
.online_date_list{
	margin: 40px auto 10px;
}
.online_date_list li{
	width: calc(33.333% - 20px);
	border: 1px solid #fff;
	border-radius: 16px;
	padding: 40px;
}
@media screen and (max-width: 860px){
	.online_date_list li{
		width:100%;
		margin: 0 auto 10px;
	}
}
.online_date_list li *{
	color: #fff;
}
.online_date_list li p{
	font-size: 17px;
	margin: 0 0 16px;
}
.online_date_list li span{
	display: block;
	line-height: 2;
}
.onlinepage .about_box_04 .attention{
	text-align: right;
	font-size: 11px;
}
@media screen and (max-width: 860px){
	.onlinepage .about_box_04 .attention{
		text-align: center;
		font-size: 11px;
	}
}
.onlinepage .about_box_05{
	padding: 100px 0;
	margin: 0;
}
@media only screen and (max-width: 860px) {
	.onlinepage .about_box_05{
		padding: 50px 0;
		margin: 0;
	}
}
.onlinepage .about_box_05 .online_title{
	margin: 60px auto 20px;
}
@media only screen and (max-width: 860px) {
	.onlinepage .about_box_05 .online_title{
		margin: 30px auto 20px;
	}
}
.onlinepage .about_box_05 .photo80{
	width: 80%;
	margin: 0 auto 20px;
}
@media only screen and (max-width: 860px) {
	.onlinepage .about_box_05 .photo80{
		width: 100%;
		margin: 0 auto 10px;
	}
}
.onlinepage .t_center{
	text-align: center;
}
.onlinepage .color_white{
	color: #fff;
}
.pc_icon{
	width: 100px;
	margin: 0 auto 25px;
}
.online_subtitle{
	font-size: 22px;
	letter-spacing: 1px;
}
.online_title{
	font-size: 34px;
	letter-spacing: 4px;
	margin: 0 0 20px;
}
@media screen and (max-width: 860px){
	.pc_icon{
		width: 60px;
		margin: 0 auto 15px;
	}
	.online_subtitle{
		font-size: 16px;
		letter-spacing: 1px;
	}
	.online_title{
		font-size: 2.3em;
		letter-spacing: 3px;
		margin: 10px 0 10px;
		line-height: 1.3;
	}
}
.kouhyou_title{
	position: relative;
	font-size: 30px;
	margin-left: 55px;
}
.kouhyou_title::before {
    content: "";
    position: absolute;
	left: -46px;
	top: 8px;
    width: 35px;
    height: 35px;
    background-image: url("../img/online/kouhyou.png");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .6s;
    z-index: 10;
}
@media screen and (max-width: 860px){
	.kouhyou_title{
		position: relative;
		font-size: 22px;
		margin-left: 35px;
	}
	.kouhyou_title::before {
		content: "";
		position: absolute;
		left: -35px;
		top: 6px;
		width: 25px;
		height: 25px;
		background-image: url("../img/online/kouhyou.png");
		background-size: contain;
		background-repeat: no-repeat;
		transition: transform .6s;
		z-index: 10;
	}
}
.online_movie{
	margin: 60px auto;
	width: 100%;
	cursor: pointer;
	background: #fff;
	position: relative;
}
@media screen and (max-width: 860px){
	.online_movie{
		margin: 30px auto 0;
		width: 100%;
		cursor: pointer;
		background: #fff;
		position: relative;
	}
}
.online_movie:hover .img{
	width: 100%;
}
.online_movie .over{
	background: rgba(33,33,33,1.00);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
.online_movie .icon{
	position: absolute;
	width: 60px;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}
.online_movie:hover .over{
	opacity: 0.2;
}
.online_movie:hover .icon{
	opacity: 0.4;
}
.online_subject_list{
	margin: 40px 0 0;
}
.online_subject_list li{
	width: calc(20% - 6px);
	text-align: center;
	color: #fff;
	padding: 20px 0;
	margin: 0 0 6px;
}
@media screen and (max-width: 860px){
	.online_subject_list li{
		width: calc(50% - 3px);
		text-align: center;
		color: #fff;
		padding: 20px 0;
		margin: 0 0 6px;
	}
}

.online_subject_list_txt{
	margin: 20px auto;
}
.online_subtitle_txt{
	font-size: 11px;
	margin: 20px 0;
	color: #959595;
}
.online_subject_list_txt li{
	margin: 0 0 20px 0;
}
.online_subject_name{
	font-size: 12px;
	padding: 3px 10px 2px;
	display: inline-block;
	color: #fff;
	margin: 0 0 5px;
}
.online_subject_c_1{
	font-size: 12px;
	color: #444444;
}
.online_subject_c_2{
	font-size: 12px;
	color: #444444;
}
@media screen and (max-width: 860px){
	.online_subject_c_1{
		font-size: 11px;
		color: #444444;
	}
	.online_subject_c_2{
		font-size: 11px;
		color: #444444;
	}
}



.online_flow{
	padding: 100px 0;
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-width: 860px) {
	.online_flow{
		padding: 50px 0;
		width: 100%;
		margin: 0 auto;
	}
}
.flow_area{
	margin: 50px auto;
	border-radius: 20px;
	padding: 90px;
	background: #fff;
}
.flow_area .list{
	width: 680px;
	margin: 0 auto;
}
@media only screen and (max-width: 860px) {
	.flow_area{
		padding: 30px 24px;
		margin: 30px auto;
	}
	.flow_area .list{
		width: 100%;
		margin: 0 auto;
	}
}
.flow_area .list li{
	margin: 0 0 36px;
}
.flow_area .list li .number{
	width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 0 20px 0 0;
    font-size: 24px;
    text-align: center;
    padding: 7px 0 0 1px;
}
@media only screen and (max-width: 860px) {
	.flow_area .list li .number{
		width: 24px;
		height: 24px;
		border-radius: 50%;
		margin: 0 14px 0 0;
		font-size: 14px;
		text-align: center;
		padding: 1px 0 0 1px;
	}
}
.flow_area .list li .txt{
	width: calc(100% - 66px);
}
@media only screen and (max-width: 860px) {
	.flow_area .list li .txt{
		width: calc(100% - 40px);
	}
}
.flow_title {
	margin: 5px 0 0 10px;
}
.flow_title span{
	font-size: 26px;
	display: inline-block;
	letter-spacing: 4px;
	border-bottom: 1px solid rgba(62,62,62,1.00);
	padding: 0 0 2px;
	margin: 0 0 20px;
}
@media only screen and (max-width: 860px) {
	.flow_title {
		margin: -1px 0 0 0;
	}
	.flow_title span{
		font-size: 15px;
		display: inline-block;
		letter-spacing: 2px;
		border-bottom: 1px solid rgba(62,62,62,1.00);
		padding: 0 0 2px;
		margin: 0 0 12px;
	}
}
.flow_txt{
	margin: 5px 0 0 10px;
}
@media screen and (max-width: 860px){
	.flow_txt{
		margin: 5px 0 0 0px;
	}
}
.flow_txt_red{
	color: #C9173E;
	margin: 10px 0 0 10px;
}
.flow_txt_red span{
	color: #C9173E;
	display: block;
	font-size: 18px;
}
@media only screen and (max-width: 860px) {
	.flow_txt_red{
		color: #C9173E;
		margin: 10px 0 0 0px;
	}
	.flow_txt_red span{
		color: #C9173E;
		display: block;
		font-size: 15px;
	}
}

.flow_attention *{
	color: #595A5A;
}
.qa_title {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 30px 0;
  cursor: pointer; 
}
@media only screen and (max-width: 860px) {
	.qa_title {
	  font-size: 13px;
	  font-weight: bold;
	  position: relative;
	  padding: 30px 0;
	  cursor: pointer; 
	}
}
.qa_title:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 25px;
    height: 12px;
    margin-top: -6px;
    background-image: url("https://vanstore.itembox.design/item/arrow_bottom.svg?t=20190827125325");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s;
}
@media only screen and (max-width: 860px) {
	.qa_title:after {
		right: 9px;
		top: 52%;
		width: 14px;
	}
}
.qa_title.active:after {
    transform: rotate(-180deg);
}
.qa_title_border {
	border-top: 1px solid #000;
}
.flow_area .bar {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #000; 
}
.answer_box{
	width: 100%;
	display: none;
	padding: 10px 44px 35px;
}
@media only screen and (max-width: 860px) {
	.answer_box {
		width: 100%;
		display: none;
		padding: 0px 0px 20px;
	}
}
.answer_box .txt_01{
	font-size: 16px;
	margin: 0 0 2px;
}
.answer_box .txt_02{
	font-size: 12px;
	margin: 0 0 15px;
}
.answer_box .txt_list{
	position: relative;
	margin-left: 15px;
}
.answer_box .txt_list:before {
    content: "・";
    position: absolute;
    width:15px;
    height: 15px;
	top: 0;
	left: -15px;
	color: #595A5A;
    transition: transform .3s;
}
@media only screen and (max-width: 860px) {
	.answer_box .txt_01{
		font-size: 12px;
		margin: 0 0 2px;
		font-weight: bold;
	}
	.answer_box .txt_02{
		font-size: 11px;
		margin: 0 0 15px;
	}
	.answer_box .txt_list{
		position: relative;
		margin-left: 12px;
	}
	.answer_box .txt_list:before {
		content: "・";
		position: absolute;
		width:12px;
		height: 12px;
		top: 0;
		left: -12px;
		color: #595A5A;
		transition: transform .3s;
	}
}
.link_box {
	width: auto;
	margin: 20px auto 0;
	padding: 20px 50px 20px;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	font-size: 14px;
	position: relative;
	border-radius: 36px;
}
@media only screen and (max-width: 860px) {
	.link_box {
		width: 80%;
		margin: 0 auto;
		padding: 20px 50px 20px 20px;
		font-size: 12px;
	} 
}
.link_box:before {
	content: "";
	position: absolute;
	right: 32px;
	bottom: 22px;
	width: 18px;
	height: 18px;
	background-image: url("../img/online/arrow.png");
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform .6s;
	z-index: 10;
}
@media only screen and (min-width: 861px) {
	.link_box:hover {
		background: #fff;
		cursor: pointer;
		color: #66613e;
	}
	.link_box:hover:before {
	  content: "";
	  position: absolute;
	  right: 32px;
	  bottom: 22px;
	  width: 18px;
	  height: 18px;
	  background-image: url("../img/online/arrow.png");
	  background-size: contain;
	  background-repeat: no-repeat;
	  transition: transform .6s;
	  z-index: 10;
	} 
}

.red_link{
	background: #C9173E;
	border: 1px solid #C9173E;
	width: 400px;
}
@media only screen and (max-width: 860px) {
	.red_link{
		background: #C9173E;
		border: 1px solid #C9173E;
		width: 100%;
	}	
}
@media only screen and (min-width: 860px) {
	.red_link:hover {
		color: #C9173E;
	}
}
.orange_link{
	background: #F0873C;
	border: 1px solid #F0873C;
	width: 400px;
}
@media only screen and (max-width: 860px) {
	.orange_link{
		background: #F0873C;
		border: 1px solid #F0873C;
		width: 100%;
		margin: 30px auto 0;
	}
}
@media only screen and (min-width: 861px) {
	.orange_link:hover {
		color: #F0873C;
	}
}
	
.link_txt {
	position: relative;
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 13px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}
.link_txt:after {
	height: 2px;
	left: 0;
	bottom: -5px;
	width: 100%;
	content: '';
	position: absolute;
	z-index: 1;
	background: #65603d;
}
.link_txt:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 2px;
	width: 12px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform .6s;
	z-index: 10;
	}
.link_txt_orange:before {
	background-image: url("../img/online/link_blank_orange.svg");
}
.link_txt_white:before{
	background-image: url("../img/online/link_blank_white.svg");
}
@media only screen and (min-width: 861px) {
	.link_txt:hover::after {
		width: 100%;
	}
	.link_txt:hover::before {
		background-size: contain;
		background-repeat: no-repeat; 
	} 
}
@media only screen and (max-width: 860px) {
	.link_txt {
		position: relative;
		display: inline-block;
		font-weight: 800;
		letter-spacing: 2px;
		font-size: 12px;
		cursor: pointer;
		padding: 0 0px 0 0;
		line-height: 1;
	}
    .link_txt:after {
		height: 2px;
		left: 0;
		bottom: -5px;
		width: 100%;
		content: '';
		position: absolute;
		z-index: 1;
		background: #65603d;
	} 
}

.link_txt_orange{
	color: #F0873C;
    margin: 20px 0 0 10px;
} 
@media screen and (max-width: 860px){
	.link_txt_orange{
		color: #F0873C;
		margin: 20px 0 0 0px;
	} 
}
.link_txt_orange:after{
    background:  #F0873C;
}
.link_txt_white{
	color: #fff;
    margin: 50px auto 10px;
	text-align: center;
	display: table;
} 
@media only screen and (max-width: 860px) {
	.link_txt_white{
		color: #fff;
		margin: 30px auto 10px;
		text-align: center;
		display: table;
	} 
}
.link_txt_white:after{
    background: #fff;
}
.linkanime,
.linkanime::after {
  -webkit-transition: all 640ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 640ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 640ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 640ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
	
/* youtube iframe */
#modal-content{
	width:80%;
	margin:0;
	padding:0;
	background:#fff;
	position:fixed;
	display:none ;
	z-index:99999;
}
#modal-content .inner{
	position:relative;
}
#modal-content .inner{
	position:relative;
	width:100%;
	padding-top:56.25%;
	overflow:hidden;
}
#modal-content .inner #player{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
#modal-overlay{
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba( 0,0,0, 0.75 );
}
	
.photo_bg{
	background: #9CCBED;	
}
.photo_page 
{
	padding-bottom: 100px;
}
.photo_page .online_subtitle{
	font-size: 16px;
}
@media only screen and (max-width: 860px){
	.photo_page .online_subtitle{
		font-size: 13px;
	}
}

.photo_page .flow_area .list{
	width: 641px;
	margin: 0 auto;
}
@media screen and (max-width: 860px){
	.photo_page .flow_area .list{
		width: 100%;
		margin: 0 auto;
	}
}
.photo_page .flow_area{
	margin: 50px auto 70px;
	border-radius: 20px;
	padding: 0px 90px 0;
	background: #fff;
}
@media screen and (max-width: 860px){
	.photo_page .flow_area{
		margin: 50px auto 70px;
		border-radius: 20px;
		padding: 0px 10% 0;
		background: #fff;
	}
}
.photo_page .flow_area .list li .number{
	width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 0 20px 0 0;
    font-size: 18px;
    text-align: center;
    padding: 6px 0 0 1px;
}
.photo_page .flow_photo{
	width: 70%;
	margin: 30px 0;
}
@media screen and (max-width: 860px){
	.photo_page .flow_photo{
		width: 100%;
		margin: 12px 0;
	}
	.photo_page .flow_area .list li .number{
		width: 26px;
		height: 26px;
		border-radius: 50%;
		margin: 0 14px 0 0;
		font-size: 13px;
		text-align: center;
		padding: 4px 0 0 1px;
	}
}

.photo_page .flow_title span{
	font-size: 16px;
	display: inline-block;
	letter-spacing: 2px;
	border-bottom: 1px dashed rgba(62,62,62,1.00);
	padding: 0 0 2px;
	margin: 0 0 4px;
}
@media screen and (max-width: 860px){
	.photo_page .flow_title span{
		font-size: 14px;
		display: inline-block;
		letter-spacing: 2px;
		border-bottom: 0px dashed rgba(62,62,62,1.00);
		padding: 0 0 2px;
		margin: 0 0 4px;
		text-decoration: underline;
	}
}
.photo_attention{
	background: #C9173E;
	padding: 5px 10px;
	text-align: center;
	width: 300px;
	margin: 60px auto;
}

@media screen and (max-width: 860px){
	.online_calendar .about_txt_inner{
		width: 100%;
	}
	.online_flow_page .about_txt_inner{
		width: 100%;
	}
	.online_flow_page .red_link{
		width: 82%;
		margin: 0 auto;
	}
	.online_flow_page .flow_area {
		border-radius: 0;
		margin: 50px auto 50px;
	}
}