@charset "utf-8";

/*ecoグローバル 201503追加*/
.spxGnav__eco_sapias,
.spxGnav__eco_sapix_new,
.spxGnav__close_new,
#spxGnav .spxGnav__close_new,.spxGnav__eco_event_b,.spxGnav__eco_library_b,.spxGnav__eco_ecoclub_b {background-repeat: no-repeat;height:96px }
.spxGnav__eco_sapias a,
.spxGnav__eco_sapix_new a,
.spxGnav__close_new a { display: block;width:100%;height:100%;color:white;font-size:11px;font-size:0.6875rem;background-color:#1253a4;background-position:center 32px;background-repeat:no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);transition:background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1) }
.spxGnav__eco_sapix_new a:hover {background-color: #3498db}
.spxGnav__eco_sapias a:hover{background-color: #3498db}
#spxGnav .spxGnav__close_new a:hover { background-color: #3498db }
.eco .spxGnav__eco_sapix_new a,
.eco #spxGnav .spxGnav__close_new a{background-color: #1abc9c}
.eco #spxGnav .spxGnav__close_new a,
#spxGnav .eco .spxGnav__close_new a { background-color: #1abc9c }
.eco .spxGnav__eco_sapias a {background-color: #6f4d35}
.eco .spxGnav__eco_library_b a,.eco .spxGnav__eco_event_b a,.eco .spxGnav__eco_ecoclub_b a{background-color: #1abc9c;}
.eco .spxGnav__eco_sapix_new a:hover {background-color: #3498db}
.eco .spxGnav__eco_ecoclub a:sapias {background-color: #3498db}
.eco #spxGnav .spxGnav__close_new a:hover,
#spxGnav .eco .spxGnav__close_new a:hover { background-color: #3498db }
.spxGnav__eco_sapias .heroGnav__ico,
.spxGnav__eco_sapix_new .heroGnav__ico,
#spxGnav .spxGnav__close_new .heroGnav__ico { margin: auto;position:absolute;top:16px;left:0;bottom:0;right:0 } 
{ margin: auto;position:absolute;top:16px;left:0;bottom:0;right:0 }
.spxGnav__eco_sapias strong,
.spxGnav__eco_sapix_new strong,
#spxGnav .spxGnav__close strong {display: -moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;padding-top:6px;padding-top:0.375rem;padding-left:6px;padding-left:0.375rem;font-weight:normal;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-o-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}
.spxGnav__eco_sapias strong span,
.spxGnav__eco_sapix_new strong span,
#spxGnav .spxGnav__close_new strong span{display: none !important;visibility:hidden}

@media (min-width: 768px) { 
.spxGnav__eco_sapias,
.spxGnav__eco_sapix_new,
#spxGnav .spxGnav__close_new,.spxGnav__eco_event_b,.spxGnav__eco_library_b,.spxGnav__eco_ecoclub_b { height: 112px }
.spxGnav__eco_sapias,
.spxGnav__eco_sapix_new a,
#spxGnav .spxGnav__close_new a {background-position: center 20px } 
.spxGnav__eco_sapias strong,
.spxGnav__eco_sapix_new strong,
#spxGnav .spxGnav__close_new strong,.spxGnav__eco_event_b strong,.spxGnav__eco_library_b strong,.spxGnav__eco_ecoclub_b strong {
	position: absolute;
        bottom: 0;
        width: 100%;
        padding-left: 8px;
        padding-left: 0.5rem;
        padding-bottom: 6px;
        padding-bottom: 0.375rem;
        padding-right: 8px;
        padding-right: 0.5rem;
}
.ie9 .spxGnav__eco_sapias strong,
.ie9 .spxGnav__eco_sapix_new strong,
.ie10 .spxGnav__eco_sapias strong,
.ie10 .spxGnav__eco_sapix_new strong,
.ie11 .spxGnav__eco_sapias strong,
.ie11 .spxGnav__eco_sapix_new strong,
.ie9 #spxGnav .spxGnav__close_new strong,
#spxGnav .ie9 .spxGnav__close_new strong,
.ie10 #spxGnav .spxGnav__close_new strong,
 #spxGnav .ie10 .spxGnav__close_new strong,
.ie11 #spxGnav .spxGnav__close strong,
#spxGnav .ie11 .spxGnav__close strong{
	padding-right: 0;
	}
.spxGnav__eco_sappias strong span,		
.spxGnav__eco_sapix_new strong span,
#spxGnav .spxGnav__close_new strong span {display: inline !important; visibility: visible; }
.spxGnav__eco_sapias .heroGnav__ico,
.spxGnav__eco_sapix_new .heroGnav__ico,
 #spxGnav .spxGnav__close_new .heroGnav__ico { top: -24px}		
}

@media (min-width: 1024px) {
	.spxGnav__eco_sapias,
	.spxGnav__eco_sapix_new,
	#spxGnav .spxGnav__close { height: 112px }
	.spxGnav__eco_sapias a,
	.spxGnav__eco_sapix_new a,
	#spxGnav .spxGnav__close a {font-size: 12px;
        font-size: 0.75rem;}
}

.spxGnav__eco_ecoclub_b {
    width: 65.78947%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
	}
.spxGnav__eco_ecoclub_b a {
    background-image: url(/assets/img/ico/ico_eco_ecoclub@2x.png?=v20180130);
    -webkit-background-size: 174px auto;
    -moz-background-size: 174px auto;
    -o-background-size: 174px auto;
    background-size: 174px auto;
}

@media (min-width: 768px){
.spxGnav__eco_ecoclub_b {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left:  17.02128%;
    clear: none;}
	}

@media (min-width: 1024px){
.spxGnav__eco_ecoclub_b {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left:  12.69841%;
    clear: none;
	width: 240px;}
	}

#spxGnav .spxGnav__eco_ecoclub_b{
	   width: 65.78947%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
}

@media (min-width: 768px){
#spxGnav .spxGnav__eco_ecoclub_b{
	    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
}
}

.spxGnav__eco_library_b{
    width: 31.57895%;
    float: left;
    margin-left: 34.5947%;
    clear:none;
				}

@media (min-width: 768px){
.spxGnav__eco_library_b {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 17.02128%;
    clear: none;}
	}

@media (min-width: 768px){
#spxGnav .spxGnav__eco_library_b {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
}
}

@media (min-width: 1024px){
.spxGnav__eco_library_b {
    width: 11.11111%;
    float: left;
    margin-right: -100%;
    margin-left: 12.69841%;
    clear: none;
    width: 112px;
	}
	}

.spxGnav__eco_library_b a{
	background-image: url(/assets/img/ico/ico_eco_library@2x.png);
    -webkit-background-size: 52px 47px;
    -moz-background-size: 52px 47px;
    -o-background-size: 52px 47px;
    background-size: 52px 47px;
		}
.spxGnav__eco_library_b a,.spxGnav__eco_event_b a{
display: block;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 11px;
    font-size: 0.6875rem;
    background-color: #1253a4;
    background-position: center 32px;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.spxGnav__eco_ecoclub_b a{
display: block;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 11px;
    font-size: 0.6875rem;
    background-color: #1253a4;
    background-position: center 42px;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}


.spxGnav__eco_library_b a:hover,.spxGnav__eco_event_b a:hover,.spxGnav__eco_ecoclub_b a:hover{
	background-color: #3498db;
}


.spxGnav__eco_library_b a strong,.spxGnav__eco_event_b a strong,.spxGnav__eco_ecoclub_b a strong{
	color: #333333; 
	display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-left: 6px;
    /* padding-left: 0.375rem; */
    font-weight: normal;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.spxGnav__eco_library_b a:hover strong,.spxGnav__eco_event_b a:hover strong,.spxGnav__eco_ecoclub_b a:hover strong{
	color: white;
}

.spxGnav__eco_event_b {
    width: 31.57895%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
}

.spxGnav__eco_event_b a {
    background-image: url(/assets/img/ico/ico_kansai@2x.png);
    -webkit-background-size: 68px 60px;
    -moz-background-size: 68px 60px;
    -o-background-size: 68px 60px;
    background-size: 68px 60px;
    background-position: center 24px;
	background-color: #f68847!important;
	}

@media (min-width: 768px){
	.spxGnav__eco_event_b{
width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
	}
}

@media (min-width: 768px){
#spxGnav .spxGnav__eco_event_b {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 8.51064%;
    clear: both;
}
}


@media (min-width: 768px){
	.spxGnav__eco_event_b a{
		background-position: center 16px;
	}
	.spxGnav__eco_library_b a{
		background-position: center 20px;
	}

}
	
	
@media (min-width: 1024px){
.spxGnav__eco_event_b {
    width: 11.11111%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
    width: 112px;
}
}


.spxGnav__eco_sapias { 
	width: 65.78947%;
	float:left;
	margin-left:34.21053%;
	margin-right:0;
	clear:none;}	
.spxGnav__eco_sapias .heroGnav__ico { max-width: 80% }
.spxGnav__eco_sapias a { background-image: url("/assets/img/ico/ico_eco_sapias@2x.png");-webkit-background-size:180px auto;-moz-background-size:180px auto;-o-background-size:180px auto;background-size:180px auto }
.spxGnav__eco_sapias a strong { color: #333333 }
.spxGnav__eco_sapias a:hover strong { color: white }
.ie8 .spxGnav__eco_sapias a { -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc") }

@media (min-width: 768px) { 
    .spxGnav__eco_sapias {
       width: 31.91489%;
    float: right;
    margin-right: 17.02128%;
    /* margin-left: 31.91489%; */
    clear: none;
    margin-top: -128px;
    }

    .spxGnav__eco_sapias .heroGnav__ico { top: -16px }
    .spxGnav__eco_sapias a {
        -webkit-background-size: 209px 49px;
        -moz-background-size: 209px 49px;
        -o-background-size: 209px 49px;
        background-size: 209px 49px;
        background-position: center 20px;
    }
}
.eco #spxGnav .spxGnav__close_new a { background-color: transparent }	
.eco #spxGnav .spxGnav__close_new a:hover { background-color: transparent }

@media (min-width: 1024px) { 
    .spxGnav__eco_sapias {
        width: 23.80952%;
        float: left;
        margin-right: -100%;
        margin-left: 38.39683%;
        clear: none;
        width: 240px;
    }
}
#spxGnav .spxGnav__eco_sapias { 
	width: 65.78947%;
	float:left;
	margin-left:34.21053%;
	margin-right:0;
	clear:none; 
}

@media (min-width: 768px) { 
    #spxGnav .spxGnav__eco_sapias {
        width: 31.91489%;
        float: left;
        margin-right: -100%;
        margin-left: 59.5%;
        clear: none;
    }
}

.spxGnav__eco_sapix_new 
{ width: 31.57895%;
	float:right;
	margin-left:0;
	margin-right:0;
	clear:none;}
.spxGnav__eco_sapix_new a { background-image: url("/assets/img/ico/ico_sapixlogo@2x.png");-webkit-background-size:78px 43px;-moz-background-size:78px 43px;-o-background-size:78px 43px;background-size:78px 43px;background-position:center center }
.ie8 .spxGnav__eco_sapix_new a { -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc") }
.spxGnav__eco_sapix_new a strong { display: none !important;visibility:hidden }
.eco .spxGnav__eco_sapix_new a { background-color: #1253a4 }
#spxGnav .spxGnav__close_new{
	width: 31.57895%;
	float:right;
	margin-left:0;
	margin-right:0;
	clear:none; 
}
#spxGnav .spxGnav__close_new a { position: absolute;top:24px;right:24px;width:48px;height:48px;background-color:transparent;background-image:url("/assets/img/ico/ico_close@2x.png");background-position:0 0;background-repeat:no-repeat;-webkit-background-size:48px 96px;-moz-background-size:48px 96px;-o-background-size:48px 96px;background-size:48px 96px }
.ie8 #spxGnav .spxGnav__close_new a { -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc") }
#spxGnav .spxGnav__close_new a:hover,
#spxGnav .spxGnav__close_new a:focus { background-color: transparent;background-position:0 -48px }
@media (min-width: 768px) { 
    #spxGnav .spxGnav__close_new { display: none !important }
}

@media (min-width: 768px) { 
    .spxGnav__eco_sapix_new {
        width: 14.89362%;
        float: left;
        margin-right: -100%;
				    margin-left: 34.08511%;
				    clear: none;
    }
}

@media (min-width: 1024px) { 
    .spxGnav__eco_sapix_new {
        width: 11.11111%;
        float: left;
        margin-right: -100%;
        margin-left: 25.4%;
        clear: none;
        width: 112px;
    }
}

#spxGnav .spxGnav__eco_sapix_new{ 
	width: 31.57895%;
	float:right;
	margin-right:0;
	margin-left:34.21053%%;
	clear:none;
}
@media (min-width: 768px) { 
    #spxGnav .spxGnav__eco_sapix_new {
        width: 14.89362%;
        float: left;
        margin-right: -100%;
        margin-left: 42.59574%;
        clear: none;
    }
}

@media (min-width: 768px){
	.new-Gnav-eco{
		position: relative;
		left: 20%;
	}
}

/*ここまでがecomenu*/

/*ecoサイドバー*/
.eco_sapias .lnav__eco_sapias a {
background: #f8fcfc;
		font-weight: bold;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px
}

/*ecoのfooter*/
@media (min-width: 768px) {
	.ftContent__eco li.eco__quiz_new {
		width: 31.91489%;
		float: left;
		margin-left: 0%;
		margin-right: -100%;
		clear: both
	 }
	.ftContent__eco li.eco__library_new {
		width: 31.91489%;
		float: left;
		margin-right: -100%;
		margin-left: 34.04255%;
		clear: none
	 }

	.ftContent__eco li.eco__sapix_new {
		width: 31.91489%;
		float: right;
		margin-right: 0;
		margin-left: 0;
		clear: none
	 }
	}

	.ftContent__eco li.eco__quiz_new {
		width: 23.80952%;
		float: left;
		margin-right: -100%;
		margin-left: 50.79365%;
		clear: none
	 }
	.ftContent__eco li.eco__library_new {
		width: 23.80952%;
		float: right;
		margin-right: 0;
		margin-left: 0;
		clear: none
	 }
	 .ftContent__eco li.eco__sapix_new {
		width: 23.80952%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		clear: both
	 }


/* 環境の関西圏のイベントアイコンん */
.ico-eco-event-kansai {
    background-image: url(/assets/img/ico/ico_eco_kansai_primary@2x.png);
    background-position: 0 8px;
    -webkit-background-size: 68px 60px;
    -moz-background-size: 68px 60px;
    -o-background-size: 68px 60px;
    background-size: 68px 60px;
	}
/* 環境の関西圏のイベント黒板のキャラクター */
.application_course .blackboard__inner .item-ecoscience_a {
    position: absolute;
    bottom: -2px;
    right: 10px;
    text-align: right;
}
.application_course .blackboard__inner .item-ecoscience_b{
	display: none;
}
.application_course .blackboard__inner .item-ecoscience_c{
	display: none;
}
@media (min-width: 768px) {
.application_course .blackboard__inner .item-ecoscience_b {
	display: block;
    position: absolute;
    bottom: -2px;
    left: 160px;
    text-align: right;
}
	.application_course .blackboard__inner .item-ecoscience_c{
	display: none;
}
}
@media (min-width: 1024px) {
.application_course .blackboard__inner .item-ecoscience_b {
    position: absolute;
    bottom: -2px;
	top: 40px;
    right: 60px;
    text-align: right;
}
	.application_course .blackboard__inner .item-ecoscience_c {
		display: block;
    position: absolute;
    bottom: -2px;
		top:60px;
	   left: 240px;
    text-align: right;
}
}

/*環境講座4年エネルギー*/
.blackboard__inner .item-children img.eco{
	width: 135px;
}
.primary--beta .btn-eco{
	font-weight: bold;
 line-height: 1.5;
	text-align: center;
	padding: 8px 10px;
}
@media (min-width:768px){
	.primary--beta .btn-eco{
		font-size: 0.75rem;
	padding: 8px 6px;
	}
}
@media (min-width:1024px){
.primary--beta .btn-eco{
	font-size: 0.875rem;
	font-weight: bold;
 line-height: 1.5;
	text-align: center;
	padding: 8px 10px 7px 10px;
}
}
.btn-block{
	display: block;
}
/*sapiasアイコン*/
.ico-eco-sapias {
	background-image: url("/assets/img/ico/ico_eco_sapias_30@2x.png");
	background-position: 0 16px;
	-webkit-background-size: 68px 16px;
	-moz-background-size: 68px 16px;
	-o-background-size: 68px 16px;
	background-size: 68px 16px
 }

.ie8 .ico-eco-sapias {-ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")}

/* sapias ナビボタン*/
.btn-primary_sapias {
		color: white;
		background-color: #6f4d35;
		border-color: #0e407f;
		border: none
	 }
.btn-primary_sapias:hover{
	color: white;
			background-color: #af7954;
			border-color: #3498db
	}

/*sapias alert-back*/
.alert-sapias {
	background-color: #faebd7;
	border-color: #faebd7;
	color: #708090;
	padding: 0.25rem 0.8rem;
 }
.alert-sapias h3{
	margin-top: 0.75rem;
}
.alert-sapias p{
margin-bottom: 0.75rem;	
}
@media (min-width: 768px) { 
	.alert-sapias{
		padding: 0.25rem 0.8rem;
	}
}
@media (min-width: 1024px) { 
		.alert-sapias{
		height: auto;
	}
.alert-sapias:after{
		content: "";
		display: table;
			}
	.alert-sapias:after{
		clear: both;
	}
}

/* 環境講座　*/

.h-milli-eco {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5
	 }
.ecoedu-title{
	display: block;
	padding-bottom: 1rem;
}
.ecoedu-title-kansai{
	display: block;
}
@media(min-width:768px){
	.ecoedu-title-kansai{
		display: inline-block;
		padding-left: 0.5rem;
		padding-bottom: 0;
		vertical-align: sub;
		vertical-align: -webkit-baseline-middle;}
}
.alert-sapias-info{
	/*
	background-color: #faebd7;
	border-color: #faebd7;
	*/
}
.alert-sapias-info hr{
	border-top-color: #fcb658;
}
.blackboard__eocinner {
	padding: 0.25rem 0 0.25rem 0;
    background-color: #ffffff;
}

.blackboard__eocinner-sapias {
	padding: 0.25rem 0 0;
}
.blackboard__eocinner-5stcourse {
	padding: 0.25rem 0 0;
	margin-bottom: 30px;
}
.blackboard__eocinner-sapias .text-white,.blackboard__eocinner-5stcourse .text-white{
	color: #FFFFFF;
}
.eco-title-back{
}
.eco-title-back a{
	display: inline-block;
	padding: 1.2rem 1.2rem 1.2rem 0.5rem;
	color: #FFFFFF;
	background-color: #704e35;
}
.eco-title-back a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3498db
}
	.eco-title-back-green{
	display: inline-block;
	padding: 1.2rem 1.2rem 1.2rem 0.5rem;
	background-color: #1abc9c;
}
.eco-title-back-primary{
	display: inline-block;
	padding: 1.2rem;
	background-color: #1253a4;
}
dl.ecoedu_time{
		clear: both;
	}
dl.ecoedu_time.agenda {
		margin-bottom: 0.5rem;
	}
.ecoedu_time dt{
	display: inline-block;
	float: left;
	margin-right: 0.5rem;
	padding: 0.5rem;
background-color: #ffffff;
}
.ecoedu_time.agenda dd {
margin-left: 87px;
padding-top: 0;
	font-size: 18px;
}
.ecoedu_time.agenda dd.h-sapias{
	padding-top: 3px;
}
.ecoedu_time.agenda dt{
	display: inline-block;
	float: left;
	margin-right: 0.5rem;
	padding: 0 0.5rem 0 0.5rem; 
background-color: #ffffff;
}
.ecoedu_time dd {
margin-left: 87px;
padding-top: 0.5rem;	
	font-size: 20px;
}
.ecoedu_time dd.sapias {
	padding-top: 0;
}
.ecoedu_time dd span{
	display: block;
}
.agenda small.notice{
	display: inline-block;
	padding-bottom: 1rem;
}
@media (min-width: 1024px) { 
	.ecoedu_time dd span{
		display: inline-block;
		}
	.ecoedu_time dd span.last{
		display: block;
	}
}
.eco-spxgrid-flex{
	display: flex;
	flex-direction: column;
}
.eco-spxgrid-flex .ecoedu-img-box{
	margin-bottom: 1rem;
}
@media (min-width: 768px) { 
.eco-spxgrid-flex{
	flex-direction:row;
}
.eco-spxgrid-flex.water{
	flex-direction:row;
}
	.eco-spxgrid-flex figure{
		min-width: 0%
	}
	.eco-spxgrid-flex.water figure:first-child{
		min-width: 0%;
		margin-right: 16px;
	}
	.eco-spxgrid-flex .ecoedu-box{
		min-width: 50%
	}
	.eco-spxgrid-flex .ecoedu-img-box{
		margin-left: 2rem;
	}
	.eco-spxgrid-flex .ecoedu-box small.block{
		display: block;
	}
}
@media (min-width: 1024px) {
	.eco-spxgrid-flex .ecoedu-box small.block{
		display: inline-block;
	}
}
.eco .spxrow-flex{
	display: flex;
	align-items:flex-end;
}



.ecoedu-ecoclub-box{
	background: image(none);
}
.ecoedu-ecoclub-box small.block{
	display: block;
}
@media (min-width: 1024px) { 
	.ecoedu-ecoclub-box small.block{
		display: inline-block;
	}
}
.coedu-ecoclub-img-box{
	margin-bottom: 1rem;
}
@media (min-width: 768px) { 
	.coedu-ecoclub-img-box{
		display: none;
	}	
}
.btn-purple {
		color: white;
		background-color: #9b59b6;
		border-color: #9b59b6;
		border: none
	 }
		.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active {
			color: white;
			background-color: #3498db;
			border-color: #3498db
		 }
	.open .btn-purple.dropdown-toggle {
		color: white;
		background-color: #15987e;
		border-color: #13866f
	 }
	.btn-purple:active,.btn-purple.active {background-image: none}
	.open .btn-purple.dropdown-toggle {background-image: none}
	.btn-purple.disabled,.btn-purple.disabled:hover,.btn-purple.disabled:focus,.btn-purple.disabled:active,.btn-purple.disabled.active,.btn-purple[disabled],.btn-purple[disabled]:hover,.btn-purple[disabled]:focus,.btn-purple[disabled]:active,.btn-purple[disabled].active,fieldset[disabled] .btn-purple,fieldset[disabled] .btn-purple:hover,fieldset[disabled] .btn-purple:focus,fieldset[disabled] .btn-purple:active,fieldset[disabled] .btn-purple.active {background-color: #1abc9c;border-color:#1abc9c}
	.btn-purple .badge {color: #1abc9c;background-color:#fff}
.eco .h-alpha-eco{
	 padding: 0 0 1em 0;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #1abc9c;
    font-size: 14px;
    color: #1abc9c;
    font-weight: bold;
}
.eco .h-alpha-eco.custom{
	 padding: 0 0 0.5em 0;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #1abc9c;
    font-size: 14px;
    color: #1abc9c;
	font-weight: normal;
}
.eco .h-alpha-eco.custom span.text{
	display: block;
	margin-top: 4px;
	margin-left: 18px;
	line-height: 1.5;
}
.eco .h-alpha-eco.custom span.text.bold{
	font-weight: bold;
}
.eco .h-alpha-eco span.line_down{
	display: block;
	padding-top: 0.5rem;
	line-height: 1.5;
}
.img-line{
	border: 1px solid #cccccc;
}
@media (min-width: 768px) { 
	.eco .h-alpha-eco span.line_down{
		display: inline-block;
		margin-left: 1rem;
		padding-top: 0;
	}
}
/*　エコエネルギーイレギュラー */
@media (min-width: 768px) { 
.h-adjust{
	margin-top: 40px;
}
}

.eco-center td {
	text-align: center;
}
.eco-center th.head{
	text-align: center;
}
.eco-center.gray td {
	background-color: #cccccc;
	border-color: #cccccc;
}
.eco-center.gray td.active {
	background-color: #FFFFFF;
	border-color: #dbe5f1;
}



/* 画像のジャギー対策*/
img { -ms-interpolation-mode: bicubic; }
.table-bordered>tbody>tr>td.bold,.table-bordered>tbody>tr>th.bold {border-left: 2px inset #dddddd;}
/* 1024px以上の幅の場合に適応される */
@media (min-width: 1024px) { 
.pc-br{ display:block;}
.graph-w_g {
	 width:65%;
	 margin-left:40px;
	}
.focus{
	padding-left:40px;
}
	
/*clear:both*/  

/*モーダル　テーブル矢印*/
.table-arrow{ visibility:hidden;
}

.title_font_f{
	font-size:1.4em;
}

.grid-topplus{
	padding-top:3rem;
	}

.spxrow .spxgrid-3-sp-a:nth-child(3n+1){
	width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
	}
	
	.spxrow .spxgrid-3-sp-a:nth-child(3n+2) {
    width: 47.2%;
    float: left;
    margin-right: -100%;
    margin-left: 26%;
    clear: none;
}

.spxrow .spxgrid-3-sp-a:nth-child(3n+3) {
    width: 31.91489%;
    float: right;
    margin-right: -7%;
    clear: none;
	}
	.spxrow .top-margin{
		margin-top:1rem;
	}
}

/* 768px以上の幅の場合に適応される */
@media (min-width: 768px) { 
/*precで改行*/
.nline{}
.nline:before{
	content: "\A";
	white-space: pre;}
}

/* 768pxまでの幅の場合に適応される */
@media screen and (max-width: 768px) {
.graph-w_g {
	 width:156px;
	 }
}

/* 768pxまでの幅の場合に適応される */
@media screen and (max-width: 768px) {
 
 /*オブジェクト消す*/
 .logo_er { display:none;
}
.eco_title_font{ font-size:60%;
}
.eco_title_font_b{ font-size:75%;
}
.eco_title_font_c{ font-size:90%;
}
.eco_title_font_d{ font-size:98%;
}
.eco_title_font_f{ font-size:30%;
}
.title_clear{clear:both;
}
.table-arrow{ font-size:70%;
}
/*blockで改行*/
.text-clear{display:block;}
/*precで改行*/
.text-br{}
.text-br:before{
	content: "\A";
	white-space: pre;}
/*text-size*/	
.mobile-p{font-size:12px;
}
/* table内のbock改行*/
.mobile-br{ display:block;}
/*clear:both*/
.mobile-clare{clear:both;}
}
@media (min-width: 1024px) { 
.test-space{
	padding-left: 0.75rem;
}
}

/* 568px以上の幅の場合に適応される */
@media (min-width: 568px) { 
/*モーダル　テーブル矢印*/
.table-arrow{ visibility:hidden;
}
.table-arrow.dis-non{ display: none;
}
}


/* 639pxまでの幅の場合に適応される */
@media screen and (max-width: 639px) {
/*モーダル　テーブル矢印*/
.table-arrow{ font-size:70%;
}

}
@media (min-width: 1024px){
.ecogrid-tatle{
	float: right;
	clear: none;
	width: 70%;
	}
}

/* 2019環境5年生　*/
@media (min-width: 1024px){
.ecoedu-course-box{
	display: flex;
}
.item-one{
	flex-basis: 60%;
	padding-right: 8px;
}
}


/*タブカスタマイズ*/
/* 320pxまでの幅の場合に適応される */
@media screen and (max-width: 320px) {
		.nav-tabs li a {
				margin-right: 2px;
				margin-right: 0.2rem;
				line-height: 1.4;
				padding:0.6rem;
				border: 0;
				border-radius: 2px 2px 0 0;
				background-color: #f7f9fc
			 }
				
				.nav-tabs li a.mockexam {
				padding:0.6rem;
				}
				
			.nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
			border: 1px solid #dddddd;
			border-bottom-color: transparent;
			cursor: default;
			margin-bottom:-1px;
		 }
	

			.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
				color: white;background-color:#1253a4 ;
								}
}

/* 合格力と学校別SO終了ダブ */
 .nav-tabs>li>a.glay {
				background-color:#cccccc;
			 }

		 .nav-tabs>li.active>a.glay,.nav-tabs>li.active>a.glay:hover,.nav-tabs>li.active>a.glay:focus {
	color: white;background-color:#cccccc;
		 }

.table.table-primary.end th,.table.table-primary.end td{
	background-color: #cccccc;
}

.btn-primary.end,.btn-pink.end {
    color: white;
    background-color: #cccccc;
    border-color: #cccccc;
	opacity: 1;
	}

/*exam 5つの特徴*/
.faqexam_index .panel-exam .panel-title>a { font-weight: normal;color:#1253a4;padding-left:48px;padding-left:3rem;padding:12px 8px 8px 40px;padding:0.75rem 0.5rem 0.5rem 3rem;line-height:24px;line-height:1.5rem;background:transparent url("/assets/img/ico/ico-under-arrow@2x.png") 8px 10px no-repeat; -webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px;background-size:24px 24px }

.faqexam_index .panel-exam .panel-title>a.eco{
	background:transparent url("/assets/img/ico/ico-under-arrow-eco@2x.png") 8px 10px no-repeat; -webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px;background-size:24px 24px
}

.faqexam_index .panel-exam.top-no-boder .panel-title>a {
	font-weight:bold;
	padding-left: 48px;
    /* padding-left: 3rem; */
    /* padding: 12px 8px 8px 40px; */
    padding: 0.75rem 0.5rem 0.5rem 2.5rem;
}
.faqexam_index .panel-exam .panel-title>a:hover{ text-decoration:none;}
.ie8 .faqexam_index .panel-exam .panel-title>a { -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc") }
.faqexam_index .panel-exam .panel-body { padding: 16px 16px 16px 40px;padding:1rem 1rem 1rem 2.5rem; }
.faqexam_index .panel-exam.top-no-boder .panel-body { padding: 16px 16px 16px 16px;padding:1rem 1rem 1rem 1rem; }
.ie8 .faqexam_index .panel-exam .panel-body { -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc") }

.panel-exam .panel-body {border-top: 2px solid #dbe5f1 !important}
.panel-exam {border-color: #dbe5f1}
.panel-exam .panel-title {font-size: 14px;font-size:0.875rem}
.panel-exam .panel-heading {
		color: #1253a4;
		background-color: #f7f9fc;
		border-color: #dbe5f1
	 }
.panel-exam.panal-eco {border-color: #1abc9c}
.panel-exam.panal-eco .panel-heading-eco {
		color: #1253a4;
		background-color: #f8fcfc;
	}

.panel-exam.panal-eco p a.link-btn{
	font-weight: bold;
}
.panel-exam.panal-eco p a.link-btn img{
width: 32px;
height: 26px;
	margin-right: 0.5rem
}

.panel-exam.panal-eco p a.no-link-btn{
	font-weight: bold;
	text-decoration: none;
	color: #5f6a7d;
}
.panel-exam.panal-eco p a.no-link-btn:hover{
	color: #5f6a7d;
}
.panel-exam.panal-eco p a.no-link-btn img{
width: 32px;
height: 26px;
	margin-right: 0.5rem
}


.panel-exam.top-no-boder{
	border-top: none;
}

tr.under_line th,tr.under_line td{
	border-bottom: 2px solid #1253a4!important;
}

tr.top_line th,tr.top_line td{
	border-top: 2px solid #1253a4!important;
}
.ul-end_block{
	background-color: #ccc;
	padding: 0.5rem 1.25rem 0.5rem 2rem;
	display: inline-block;
}


/*入試分析会 */

.application_activities_analysis .blackboard__inner{
	padding: 1.5rem 1.5rem 5rem 1.5rem;
}
@media(min-width:768px){
.application_activities_analysis .blackboard__inner{
	padding: 1.5rem 8rem 1.5rem 1.5rem;
}	
}
.application_activities_analysis .blackboard__inner .h-giga em{
	display: block;
}
@media (min-width: 768px) {
	.application_activities_analysis .blackboard__inner .h-giga em{
	display:inline-block;}
}
.application_activities_analysis_index .panel-title>a.conf-title {
	font-weight: bold;
	color:#1253a4;
	font-size: 0.75rem;
	padding:0.65rem 0.5rem 0.5rem 0.5rem;
	line-height:24px;
	line-height:1.5rem;
/*
	background:transparent url("/assets/img/ico/ico-under-arrow@2x.png") 8px 10px no-repeat;
	-webkit-background-size:24px 24px;
	-moz-background-size:24px 24px;
	-o-background-size:24px 24px;
	background-size:24px 24px
*/}

.application_activities_analysis_index .panel-title>a.conf-title:hover{
	text-decoration: none;
} 

.application_activities_analysis_index .panel-exam{
	border-color: #1253a4;
}
.application_activities_analysis_index .panel-body.conf{
	font-size: 0.75rem;
}
.application_activities_analysis_index .panel-body.conf ul{
	list-style-type: none;
	margin-left: -1em;
}
.application_activities_analysis_index .panel-body.conf li{
	text-indent: -8px;
	line-height: 1.75;
	margin-bottom: 0.5rem
}
.application_activities_analysis_index .panel-body.conf li::before{
	font-family: FontAwesome;
	content: "\f10c";
	color: #1253a4;
	display: inline-block;
	margin-right: 8px;
}
.application_activities_analysis_index .table-analysis a{
	display: block;
	margin-bottom: 0.5rem;
	font-weight: bold;
}
.application_activities_analysis_index .table-analysis td span{
	margin-left: 10px;
	display: block;
}

.application_activities_analysis_index .table-analysis td.app-stop span,
.application_activities_analysis_index .table-analysis td.dl-start span{
	display: block;
	margin-left: 0;
	font-weight: bold;
	color: #1253a4;
} 

.underline{
	text-decoration: underline;
	text-decoration-color: #5f6a7d;
}

.underline-pink{
	text-decoration: underline;
	text-decoration-color: #f26964;
}

.rb-c{
	position: relative;
}
.rb-c small{
	position: absolute;
	top: -10px;
	left: -4px;
	width: 50px;
	font-size: 65%;
}

ruby.rb-d{
	position: relative;
	width: 100%;
	height: 100%;
}
ruby.rb-d small{
position: absolute;
    top: -10px;
    left: -6px;
    font-size: 10px;
    line-height: 14px;
    font-family:Arial, Helvetica, "sans-serif";
    white-space: nowrap;
    text-align: center;
}
/* IEのみ 対応 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ruby.rb-d small{
position: absolute;
    left: 4px;
}
}


/*入試分析会 */

.h-alpha.heght-padd{
padding: 0.5rem 0;
}

.blackboard__inner .item-txt .tag__tt-term{ color:#FFFFFF;font-weight:bold; border-bottom:solid 1px #f26964;}		
.blackboard__inner .item-txt .tag__tt span.exam-term { font-size: 22px;font-size:1.2rem }	
		
.blackboard__inner .item-txt .tag__tt span.exam-date {
line-height: 1em;
}	
@media (min-width: 520px) { 
	.blackboard__inner.variable{
		padding-right: 7rem;
	}		
 .blackboard__inner .item-txt .tag__tt span.exam-date {
line-height: 1em;
}	
}
/*
@media (min-width: 768px) { 
.blackboard__inner .item-txt .tag__tt span.exam-date {
line-height: 1.5em;
}	
}
*/
@media (min-width: 1024px) { 
.blackboard__inner .item-txt .tag__tt span.exam-date {
line-height: 1em;
}	
}


/*モーダルのテーブルtdフォントサイズ
.panel-exam .table tbody.exam {font-size: 12px;font-size:0.75rem}
*/

/*モーダルのタイトルリンク解除*/
.panel-meeting .panel-title .no-link {
			padding: 13px 8px;
			padding: 0.8rem 0.5rem;
			text-decoration: none;
			font-weight: 600;
			-webkit-transition: none;
			transition: none
		 }

.panel-title .no-link {
		display: block;
		width: 100%;
		height: 100%;
		padding: 16px;
		padding: 1rem;
		font-weight: bold
	 }

@media (min-width: 768px) { 
    .faqexam_index .primary-second .faq-nav--lnav {
        display: none !important;
        visibility: hidden;
    }
				.spxrow .spxgrid-3-sp-a:nth-child(3n+1){
width: 24%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
	}
	
	.spxrow .spxgrid-3-sp-a:nth-child(3n+2) {
    width: 47.5%;
    float: left;
    margin-right: -100%;
    margin-left: 26.5%;
    clear: none;
}

.spxrow .spxgrid-3-sp-a:nth-child(3n+3) {
    width: 24%;
    float: right;
    margin-right: 0;
    clear: none;
	}
}

.application_mockexam .nav-tabs>li.subject__exam.active>a { background-color: #1abc9c }

.list-exam {
margin-top:-1em; 
margin-bottom:2em;
padding:1em 0 1em 1em;
list-style-type:none;
line-height:1.25rem;
font-size:0.75rem;
}
.list-exam li{
	margin-bottom:0.25rem;
}

.btn-primary__nolink{
    color: white;
    background-color: #1253a4;
    border-color: #0e407f;
    border: none;
	display: block;
}
.btn-primary__nolink.pink{
	  background-color: #f26964;
    border-color: #f26964;
}
.btn-primary__nolink:hover{
	color: #FFFFFF;
	cursor: default;
}

/* --プライバシーポリシー　リスト-- */　
.list-privacy {
margin-bottom:12px;
padding:0 0 0 40px;
}
.list-privacy li{
	margin-bottom:0.25rem;
    list-style-type:none;
	line-height: 1.75;
    font-size:0.875rem;
}

.list-no6 {
margin-bottom:12px;
padding:0 0 0 0;
}
.list-no6 li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.25rem;
    list-style-type:none;
	line-height: 1.75;
    font-size:0.875rem;
}

.text-normal {color: #5f6a7d}

.school-time{
	position:relative;
	display:inline-block;
	margin-right:1.6rem;
	}
.school-time:after{
	content: url("/assets/img/application/mockexam/ico/ico-mockexam-gouhan_ampm@2x.png");
	position:absolute;
	padding-left:2px;
	}

	.btn_no-hove {
		display: inline-block;
		margin-bottom: 0;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 15px 12px;
		font-size: 16px;
		line-height: 1.5;
		border-radius: 2px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none
	 }

		.btn_no-hove:focus {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
			outline: 0
		 }

		.btn_no-hove:hover,.btn_no-hove:focus {color: white;text-decoration:none}

		.btn_no-hove:active,.btn_no-hove.active {outline: 0;background-image:none}

		.btn_no-hove.disabled,.btn_no-hove[disabled],fieldset[disabled] .btn_no-hove {
			cursor: not-allowed;
			pointer-events: none;
			opacity: 0.65;
			filter: alpha(opacity=65)
		 }

.btn-pink_no-hover {
		color: white;
		background-color: #f26964;
		border-color: #f26964;
		border: none;
		font-size:12px;
		font-size:0.75rem;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 2.5rem
	 }

.btn-large-04{
    padding: 15px 0 15px 1rem;
    font-weight: bold;
	text-align: left;
}

@media screen and (min-width: 768px){
	.btn-large-04{
    padding: 15px 0.5rem 15px 1.5rem;
    font-weight: bold;
	text-align: left;
}
}

.btn-large-04 span{
	display: block;
	font-size: 1rem; 
}

.btn-pink img.icon{
	padding-left: 0.5rem;
}
.btn-pink img.icon-b{
		margin-top: -1rem;
	margin-left: -0.3rem;
	}

.btn-pink_no-hover img.none{
	padding-left: 0.5rem;
	visibility: hidden;
}
.btn-pink_no-hover img.none-b{
		margin-top: -1rem;
	margin-left: -0.75rem;
		visibility: hidden;
}

@media screen and (min-width: 768px) { 
	.btn-pink img.icon-b{
		padding-left: 0rem;
		margin-left: 0;
	margin-top: 0.5rem;
}
.btn-pink_no-hover img.none-b{
	padding-left: 0rem;
	margin-top: 0.5rem;
	visibility: hidden;
}
}

@media (min-width: 1024px) { 
	.btn-pink img.icon-b{
		padding-left: 0.5rem;
		margin-left: 0;
	margin-top: -1rem;
}
.btn-pink_no-hover img.none-b{
	padding-left: 0.5rem;
	margin-top: -1rem;
	visibility: hidden;
}
}

.d-line{
height: 100%;
    width: 100%;
    border-top: solid #dddddd 1px!important;
}
.rightUp {
      background-image: linear-gradient(to top left,
                        transparent, transparent 50%,
                        #d4d4d4 51%, #d4d4d4 51%,
                        transparent 51%, transparent );
}

.list-reference img.icon{
	padding-right: 0.5rem;
}
.list-reference.under{
	margin-top:1rem;
}
.list-reference.top-under{
	margin-top:-1.25rem;
	margin-bottom: 1.75rem;
}

.list-reference li.guide{
	margin-bottom: 0;
}
.list-reference li.left-space{
	padding-left: 1rem;
}
.list-reference.bottom-zero{
	margin-bottom: 0;
}

a:focus, *:focus { outline:none; }

.table.table-primary th.mockexam{
	text-align: center;
	vertical-align: middle;
}

.table.table-primary td.rink{
}
.table.table-primary td.rink a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.table.table-primary th.so-line,.table.table-primary td.so-line{
	    border-bottom: #1253a4 double 1px;
}


/* 380pxまでの幅の場合に適応される */
@media screen and (max-width: 380px) {
.table-responsive.mock{ border-top:none;}

.table-condensed>thead>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tbody>tr>td {
	padding: 8px ;
	border-spacing: 0;}
	}

.end{background-color:#cccccc;}

.end_link{
	padding: 0.25rem 0.5rem;
	pointer-events: none;
	color: #5f6a7d;
}

.table-primary.end td,.table-primary.end th{
	background-color:#cccccc;
	}

.g-return{
	display: block;
	
}

.g-return img{
	display: inline-block;
	margin-bottom: 4px;
}

.g-return img.school{
	display: block;
}

@media (min-width: 1024px) { 
	.g-return{
	display: block;
}

.g-return img{
	display: inline;
	float: right;
	padding-right: 1rem;
}
.g-return img.school{
	padding-right: 1.7rem;
	}

	}

/*chromeバグ対応　モーダルスクロール */
.modal.fade.in { transform: translateZ(0); -webkit-transform: translateZ(0);} 

/* 1024px以上の幅の場合に適応される app-blessed1を直接書き換え
@media (min-width: 768px) { 
.examCourse .examCourseBox__module h4+p.exam {height: 5em;}
} */

/* 打ち消し線　色　*/
 .del {
	 padding-right:0.5rem; 
   color: #f26964;
   text-decoration : line-through ;
 }
 .del span {
   color: #5f6a7d;
 }
.del2{
	background-image: linear-gradient(#f26964,#f26964);
	background-position: 0 50%;
	background-size: 100% 2px;
	background-repeat: repeat-x;
	color: #5f6a7d;
	margin-right:0.5rem;
	text-decoration: none;
	display: inline-block;
}
.del-conte{
	color: #f26964;
	display: block;
}
@media screen and (min-width: 520px) {
	.del-conte{
		display: inline-block;
	}
}
.list-reference li.nobefore {
		text-indent: -0.45rem;
		margin-bottom: 4px;
		margin-bottom: 0.25rem;
	 }
.list-reference li.nobefore:before{content:normal;}

/*sapix-open期間外黒板 */
@media screen and (max-width: 768px) {
.top_padd {padding-top:0.5rem !important;}
.bottom_padd-examforth { padding-bottme:96px !important; padding-bottom:6rem !important; }
}
@media screen and (max-width: 320px) {

.bottom_padd { padding-bottme:24px !important; padding-bottom:2rem !important; }
}

/*sapix-open-2018-募集期間 */
.so-schoollist{
	margin-top: 0 !important;
	}
.so-schoollist section{
	margin-bottom: 1rem;
}
.so-schoollist ul{
	margin-bottom: 0 ;
}
.so-schoollist .date{
	border-left: 1px solid #1253a4;
	border-right: 1px solid #1253a4;
	border-bottom:  1px solid #1253a4;
	margin-top: -1px;
	padding: 0.5rem;
	height: 5rem;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: 0px 1px 1px #5f6a7d
 }
.so-schoollist .date.exception{
	padding: 0.5rem 0;
	height: 92px;
}
.so-schoollist .date.exception.center{
	display: flex;
    align-items: center;
}
@media  (min-width: 768px) {
	.so-schoollist .date.exception{
		height: 125px;
	}
}
@media  (min-width: 1024px) {
	.so-schoollist .date.exception{
		height: 85px;
	}
}
.so-schoollist .date.exception hr{
	margin: 0.5rem;
}
.so-schoollist .date.end-glay{
	border-left: none;
	border-right: none;
	border-bottom:  none;
	}
.so-schoollist .date.end-glay.black{
	border-left: #5f6a7d 1px solid;
	border-right: #5f6a7d 1px solid;
	border-bottom: #5f6a7d 1px solid;
}

.so-schoollist .date.date-pink{
	border-left: 1px solid #f26964;
	border-right: 1px solid #f26964;
	border-bottom:  1px solid #f26964;
	}

.so-schoollist .date p{
	text-align: left;
	margin: 0 0 0 1rem;
	line-height: 1.75;
}
.so-schoollist .date p.top_margin{
	margin-top: 0.75rem;
}
.so-schoollist .date p a::before{
	display: inline-block;
    margin-right: 0.5em;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size: large;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0da"
}
.so-schoollist .date p a.onerous{
  margin-left: -0.8rem;
}
.so-schoollist .date p a.onerous::before{
	margin-right: 0.1rem;
}

@media screen and (min-width: 768px) and (max-width:1023px){
	.so-schoollist .date p a.onerous{
	text-indent: 0;
  margin-left: 0;
}
}

.so-schoollist .date p a.end_link::before{
	content: ""
}


.so-schoollist .date p a.center{
	display: block;
text-align: center!important;
	margin-left: -1rem!important;
}
.so-schoollist .date p a.center::before{
	content: " "
}


.so-schoollist .date-ampm{
	border-left: 1px solid #1253a4;
	border-right: 1px solid #1253a4;
	border-bottom:  1px solid #1253a4;
	margin-top: -1px;
	padding: 0.5rem;
	height: 3rem;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: 0px 1px 1px #5f6a7d
 }
.so-schoollist .date-ampm.pink{
	border-left: 1px solid #f26964;
	border-right: 1px solid #f26964;
	border-bottom:  1px solid #f26964;
 }

.so-schoollist .date-ampm.green{
	border-left: 1px solid #1abc9c;
	border-right: 1px solid #1abc9c;
	border-bottom:  1px solid #1abc9c;
 }
.so-schoollist .date.green{
	border-left: 1px solid #1abc9c;
	border-right: 1px solid #1abc9c;
	border-bottom:  1px solid #1abc9c;
 }

.so-schoollist .date-ampm>p{
	text-align: center;
}

.so-schoollist .date-ampm>p>small{
	padding-left: 0.5rem;
}
@media (min-width: 768px) {
	.btn-hight-adjus{
padding: 18px 0;		
	}
	.h-kilo.large{
		font-size: 0.875rem;
	}
	.so-schoollist .date-ampm{
		height: 4rem;
	}
	
	.so-schoollist .date-ampm>p>small{
		display: block;
	}
	
}
@media (min-width: 1024px) {
	.btn-hight-adjus{
padding: 15px 0;		
	}
	.h-kilo.large{
		font-size: 1.125rem;
	}
	.so-schoollist .date-ampm{
		height: 3rem;
	}
	.so-schoollist .date-ampm>p>small{
		display: inline-block;
	}
}


.tag__label-sp{
display: inline-block;
    margin-left: -0.5rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 24px;
    font-size: 10px;
    font-size: 0.625rem;
    background-color: #f26964;
    color: white;
    font-weight: normal;
    border-radius: 2px;
}

@media (min-width: 768px) {
	.so-schoollist .date{
		height: 7rem;
	}
	.so-schoollist .date.when{
		height: 5rem;
	}
	.so-schoollist .date p small{
display: block;		
	}
		.so-schoollist .date p small.noblock{
display:inline-block;		
	}
}
@media (min-width: 1024px) {
	.so-schoollist .date,.so-schoollist .date.when{
		height: 4rem;
	}
	.so-schoollist .date p small{
display: inline;		
	}
}

.so-schoollist .date.eco21{
	margin: auto;
	padding: 1rem;
	height: 140px;
}
@media(min-width: 768px){
	.so-schoollist .date.eco21{
		height: 130px;
	}
}
@media screen and (min-width: 768px) and (max-width:1023px){
	.so-schoollist .date.eco21{
		padding: 0.5rem;
	}
	.so-schoollist .date.eco21 p{
		margin-left: 0;
	}
}

.h-tera {
    margin-top: 0;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
}
.h-tera.block{
	display: block;
}
@media(min-width:768px){
.h-tera {
    margin-top: 0;
	margin-left: 1rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
}
	.h-tera.block{
	display:inline-block;
}
}
.btn-info.mock-btn{
	width: 100%;
	padding: 15px 5px;
}
@media(max-width:767px){
	.mock-btn-margin{
		height: 84px!important;
}
}
.btn .title-block{
display: block;
}
.block-line{
	display: block;
}
.block-line-center{
	display: block;
	text-align: center;
}
@media(min-width:1024px){
.block-line,.block-line-center{
	display: inline-block;
	}
	.block-line-center{
		text-align: left;
	}
}
@media(max-width:375px){
.block-line-time{
	display: block;
}
}
.exam-icon-img{
	margin-bottom: 1rem;
}
@media(min-width:768px){
	.exam-icon-img{
	margin-bottom: 0;
}
}

.exam-modal{
	position: relative;
}
.exam-modal section{
	margin-bottom: 8px;
}
.table>thead>tr.title>th{
	border-bottom: 1px!important;
}
@media (max-width: 767px){
.table-responsive.noborder{
border: none;
	}
}
.application_mockexam .table caption{
	font-size: 0.875rem;
	color: #1253a4;
	text-align: left;
	padding: 8px;
	font-weight: bold;
}

.application_course_03_index table caption{
	text-align: left;
	color: #1253a4;
	font-size: 14px;
	font-weight: bold;
}



.application_mockexam .table td.v-middle{
	vertical-align: middle;
}
.application_mockexam .table th.border-shot{
	display: inline-block;
	padding-right: 3rem;
}
.application_mockexam .table td.border-shot{
	padding-left: 1.2rem;
}


@media(min-width:768px){
	.application_mockexam .table caption{
		padding: 5px;
	}
	}
.application_mockexam .table tr.time th small{   
	display: block;
	font-weight: normal;
	color: #5f6a7d;
 font-size: 0.875rem;
}
.application_mockexam .table tr.time-two th small{   
	display: block;
	font-weight: normal;
	color: #5f6a7d;
 font-size: 0.875rem;
}
@media(min-width:768px){
	.application_mockexam .table tr.time th span{
		width: 100px;
		display: inline-block;
	}
	.application_mockexam .table tr.time th small{   
display: inline-block;
		padding-left: 0.5rem;
}
	.application_mockexam .table tr.time-two th span{
		display: inline-block;
	}
	.application_mockexam .table tr.time-two th small{   
display: inline-block;
		padding-left: 1rem;
}
}

.application_mockexam .table tr.time-two.develop span{
	display: block;
	margin-bottom: .5rem;
}
.application_mockexam .table tr.time-two.develop small{
	display: block;
	padding-left: 0;
	margin-bottom: .025rem;
}


@media(min-width:1024px){
.application_mockexam .table tr.time-two th small{   
display: inline-block;
		padding-left: 2.4rem;
}
}



.application_mockexam .table colgroup.group-a{
	width: 30%;
}
.application_mockexam .table colgroup.group-b{
	width: 20%;
}
.application_mockexam .table colgroup.group-b.-two{
	width: 20%;
}
.application_mockexam .table colgroup.group-c{
	width: 50%;
}
.application_mockexam .table colgroup.group-c-b{
	width: 50%;
}
.application_mockexam .table colgroup.group-time{
	width: 35%;
}
.application_mockexam .table th.sub-space{
	padding: 0;
}
@media(min-width:768px){
.application_mockexam .table colgroup.group-a{
	width: 25%;
}
	.application_mockexam .table colgroup.group-b-two{
	width: 15%;
}
		.application_mockexam .table colgroup.group-b{
	width: 15%;
}
	.application_mockexam .table colgroup.group-c{
	width: 25%;
}
.application_mockexam .table colgroup.group-c-b{
	width: 0%;
}

.application_mockexam .table colgroup.group-time{
	width: 35%;
}
}
@media(min-width:1024px){
.application_mockexam .table colgroup.group-a{
	width: 15%;
}
	.application_mockexam .table colgroup.group-b{
	width: 17%;
}
.application_mockexam .table colgroup.group-b.-two{
	width: 10%;
}
		.application_mockexam .table colgroup.group-c{
	width: 15%;
}
.application_mockexam .table colgroup.group-time{
	width: 20%;
}
	.application_mockexam .table colgroup.sub-title{
	width: 10%;
}
	.application_mockexam .table colgroup.sub-point{
	width: 15%;
}
		.application_mockexam .table colgroup.sub-point-b{
	width: 17%;
}
}
.application_mockexam .table colgroup.record{
	width: 30%
}
.application_mockexam .table colgroup.record-stu{
width: 35%	
}
.application_mockexam .table colgroup.record-schedule{
width: 35%
}
@media(min-width:768px){
.application_mockexam .table colgroup.record{
	width: 18%
}
.application_mockexam .table colgroup.record-stu{
width: 30%	
}
.application_mockexam .table colgroup.record-schedule{
width: 52%
}	
}



.application_mockexam .table colgroup.layout22 col.column_01{
	width: 30%
}
.application_mockexam .table colgroup.layout22 col.column_02{
	width: 25%
}
.application_mockexam .table colgroup.layout22 col.column_03{
	width: 45%
}

.variable .variable-42{
	width: 40%;
}
.variable .variable-68{
	width: 60%;
}
@media(min-width:768px){
.variable .variable-42{
	width: 20%;
}
.variable .variable-68{
	width: 80%;
}	
}
.application_mockexam .table.notice{
	margin-bottom: 0;
}
.list-reference.notice{
	margin-bottom: 24px;
}
.panel-meeting .panel-title.no_link{
    display: block;
    width: 100%;
    height: 100%;
	padding: 13px 8px;
    padding: 0.8rem 0.5rem;
    font-weight: 600;
}

.application_mockexam .nav-tabs>li.subject__kantou-so.active>a {
    background-color: #1abc9c;
}
.application_mockexam #syutoken table {
    border-top: 4px solid #1abc9c;
	}
.application_mockexam #kannsai table {
    border-top: 4px solid #f68847;
	}
.application_mockexam .table.sale th span{
	display: block;
}
@media(min-width:1024px){
.application_mockexam .table.sale{
width:85%;}
}
.table.table-primary td.t-right{
	text-align: right;
} 
.table.table-primary td.t-right_border{
	border-left: none;
}
.table.table-primary td.t-left_border{
	border-right: none;
}

.spx_stickit-ts.spx_stickit-mockexam{
		z-index: 100;
	}
	.title-fix h1{
		margin-top: 0;
	}
@media (max-width: 767px){
.title-fix{
	position: fixed;
	top: 0!important;
	z-index: 100;
	width: 95%!important;
	}
	.title-fix h1{
		margin-top: 0;
	}
	.breadcrumb-margn{
		margin-top: 2rem;
	}
}

.mock-so-margn{
	margin-top: 0.5rem;
}

.h-primary-mock-so {
position: relative;
    margin-top: 0;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    font-weight: bold;
    color: #1253a4;
    border-top: 6px solid #1253a4;
    -webkit-box-shadow: #dbe5f1 0 1px 0;
    box-shadow: #dbe5f1 0 1px 0;
    background: #f7f9fc;
}

@media(min-width:568px){
	.h-primary-mock-so{
		width: 540px;
	}
}
@media(min-width:569px){
	.h-primary-mock-so{
		width: 608px;
	}
}
@media(min-width:667px){
	.h-primary-mock-so{
		width: 634px;
	}
}

@media(min-width:768px){
	.h-primary-mock-so{
		width: 496px;
	}
}


@media(min-width:768px){
	 .marg{
		background-color: white;
	margin-top: -32px;	
		padding-top: 32px;
		z-index: 99999;
	}
.h-primary-mock-so {
position: relative;
    margin-top: 0;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding-top: 80px;
    padding-top: 5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: bold;
    color: #1253a4;
    border-top: 4px solid #1253a4;
    -webkit-box-shadow: #dbe5f1 0 1px 0;
    box-shadow: #dbe5f1 0 1px 0;
    background: #f7f9fc url(/assets/img/ico/ico_mockexam_primary@2x.png) 0 16px no-repeat;
    -webkit-background-size: 48px 47px;
    -moz-background-size: 48px 47px;
    -o-background-size: 48px 47px;
    background-size: 48px 47px;
}
}
@media(min-width:1024px){
	.h-primary-mock-so,.marg{
		width: 752px!important;
	}
}

.mock-so-date{
	display: inline-block;
	padding: 4px 8px 4px 0;
	color: #f26964;
  font-weight: bold;
	width: 75px;
	}
@media(min-width:768px){
	.mock-so-date{
			padding: 4px 8px 4px 8px;
		position: relative;
		bottom: 6px;
	}
	.mock-so-date.two,.mock-so-date.two-last{
	bottom: 0;
	}
}
@media(min-width:1024px){
	.mock-so-date{
		margin-left: 1.5rem;
	}
	.mock-so-date.two-last{
		margin-left: 0.5rem;
	}
		.mock-so-date.two,.mock-so-date.two-last{
	bottom: 6px;
	}
}
@media(min-width:768px){
.mock-so-date-gakubetu{
	margin-left: -7px;
	}
}
@media(min-width:1024px){
.mock-so-date-gakubetu{
	margin-left: 0;
	display: inline-block;
	}
}

.only-date{
	display: block;
	padding: 10px 0 0 10px;
	font-size: 0.75rem;
}
@media(min-width:768px){
	.only-date{
		display: inline-block;
		padding: 0 0 0 10px;
	}
}

#section-first-exam,#section-second-exam,#section-third-exam,#section-forth-exam,#section-five-exam,#section-six-exam,#school-place,#sapix-place,#school-briefing{
	margin-top: -90px;
 padding-top: 140px;
	}


@media(min-width:768px){
	
#section-first-exam,#section-second-exam,#section-third-exam,#section-forth-exam,#section-five-exam,#section-six-exam,#school-place,#sapix-place,#school-briefing{
	margin-top: -250px;
 padding-top: 250px;
	}
}

@media(min-width:1024px){
	
#section-first-exam,#section-second-exam,#section-third-exam,#section-forth-exam,#section-five-exam,#section-six-exam,#school-place,#sapix-place,#school-briefing{
	margin-top: -180px;
 padding-top: 180px;
	}
}

.exam-hall{
	padding: 15px;
	border: 2px solid #1253a4;
} 

.exam-hall .panel-title a{
	color: #1253a4;
}

.alert-exam{
	   margin-bottom: 1.5rem!important;
    line-height: 1.75;
	}

.alert-exam-li{
	margin-bottom:2em!important;
}

.school .school-class .alert{
	font-size: 1rem;
}

.application_mockexam_05 #section-third-exam .alert-blue .list-reference{
	margin-bottom: 1.5rem;
}
.application_mockexam_05 #section-third-exam #school-briefing .alert-blue .list-reference{
	margin-bottom: 0;
}


@media(min-width:768px){
	.school .school-class .alert{
		font-size: 0.875rem;
	}
}

@media(max-width:565px){
	.height-marg{
	height: 100px;
	}
}
.mark-set{
	display: inline-block;
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color: #f26964;
	border-radius: 2px;
	padding:2px 4px;
}

.mark-set-inlist{
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#f26964;
	border-radius: 2px;
	padding:2px 4px;
}

.mark-s{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	display: inline-block;
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#1253a4;
	border-radius: 2px;
	padding:3px 6px;
}

.mark-chu{
	display: inline-block;
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#9b59b6;
	border-radius: 2px;
	padding:3px 4px; 
}

.mark-school-three{
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#1abc9c;
	border-radius: 2px;
	padding:3px 4px;
}
.mark-school-two{
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#f26964;
	border-radius: 2px;
	padding:3px 4px;
}
.mark-school-one{
	margin-left: 4px;
	font-weight: bold;
	line-height: 1.25;
	font-size: 12px;
	font-size: 0.75rem;
	color: white;
	background-color:#3498db;
	border-radius: 2px;
	padding:3px 4px;}

.mark-school-one,.mark-school-two,.mark-school-three{
	display: table-cell;
}
@media(min-width:768px){
.mark-school-one,.mark-school-two,.mark-school-three{
	display:inline-block;
}
}

@media(min-width:768px){
		.mark-left{
		position: relative
	}
	.left-fw{
		position: absolute;
		left: 70px;
	}
	.left-rear{
		position: absolute;
		left: 136px;
	}
}

@media(min-width:1024px){
	.mark-left{
		position: relative
	}
	.left-fw{
		position: absolute;
		left: 180px;
	}
	.left-rear{
		position: absolute;
		left: 250px;
	}
}


.mocexam-so-grid-flex{
	/*
	display: flex;
	flex-direction: column;
	*/
	flex: 1 1 auto;
}

@media (min-width: 768px) { 
.mocexam-so-grid-flex{
	flex-direction:row;
}
}

#section-first,#section-second,#section-third,#section-forth,#section-five {
	margin-bottom: 0.5rem;
}

.cue{
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 1.8rem;
	}

.panel-body .h-notice {
	padding-top: 25px;
}


.cue p{
text-indent: -2rem;
line-height: 1.75;
margin: 0;
}

.cue p span.first-letter{
	font-size: 1.2rem;
	font-weight: bold;
	color: #1253a4;
	padding-right: 0.5rem;
}
@media (max-width:767px){
.pull-right.pull-disabled{
	float: none!important;
	margin-left: 0;
	}
		.chotto-shita{
		margin-bottom: 2rem!important;
	}
}
.sarani-sita{
	margin-bottom: 2rem;
}
.sarani-sita04{
	margin-bottom: 4rem;
}

.exam-space{
	display: inline-block;
	padding-top: 6px;
}

.list-dot.so-ul-dot li{
margin-bottom: 1rem;	
}
.list-dot.so-ul-dot li:first-child{
	margin-top: 2em;
}
.list-dot.so-ul-dot li:last-child{
	margin-bottom: 2rem;
}
.list-reference li.mb_1{
	margin-bottom: 1rem;
}
.so_put{
	display: flex;
}
.so_put dt{
	white-space: nowrap;
}

/* 入試分析会用にfa-circle-o */ 
.list-circle-o {
	margin-top: -0.5rem;
	margin-left: 1.25em;
	margin-bottom: 2rem;
	padding-left: 0;
	list-style-type: none;
	line-height: 20px;
	line-height: 1.25rem;
	font-size: 12px;
	font-size: 0.75rem
 }
	.list-circle-o li {
		text-indent: -0.5em;
		margin-bottom: 4px;
		margin-bottom: 0.25rem
	 }
.list-non{
	  margin-left: 1rem;
    padding-left: 0;
    list-style-type: none;
}
.list-non li {
	margin-bottom: 0.5rem;
	line-height: 1.75;
}


.exam-qa{
	margin-bottom: 0.5rem;
}
.text-btn{
	border: solid 1px #f70606;
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.list-indet{
	text-indent: -42px;
	margin-left: 32px;
	display: inline-block;
}
@media (min-width:768px){
	.list-indet{
	text-indent: -38px;
	margin-left: 40px;
}
}


/* 春期講習用ー特別講習ー首都圏と関西圏 */
.btn-school,.btn-school:active {
		padding-left: 60px !important;
		background-image: url("/assets/img/ico/ico_school@2x.png");
		-webkit-background-size: 25px 25px;
		-moz-background-size: 25px 25px;
		-o-background-size: 25px 25px;
		background-size: 25px 25px;
		background-position: 16px center;
		background-repeat: no-repeat;
		text-align: left
	 }
		
.inline-ul{
	list-style-type:none;
	padding-left:1.2rem;
	}
.inline-ul li{
		text-indent:-0.4rem;
			}
.inline-ul-second{
	list-style-type:none;
	padding-left:1.15rem;
	}
.inline-ul li-second{
		text-indent:-0.4rem;
			}
.inline-circle{
	display:inline-block;
	vertical-align:middle;
	}	
	
	.h-alpha-green {
		padding: 1.5em 0;
		margin-bottom: 24px;
		margin-bottom: 1.5rem;
		border-top: 3px solid #1abc9c;
		border-bottom: 1px solid #dbe5f1;
		background-color: #dcf4f0;
		font-size: 14px;
		color: #1abc9c;
		font-weight: bold;
		line-height: 1.5
	 }
	
	
	/* 合格メソッドモーダルのタブ */
.sapix_course .nav-tabs>li.subject__kantou.active>a {background-color: #1253a4}
.sapix_course .nav-tabs>li.subject__kansai.active>a {background-color: #f68847}
	
/* 赤い注意 */		
.rice{
	font-size:0.75rem;
	color:#f26964;
	padding-left:0.2rem;}		
	
.rice_b{
	font-size: 0.75rem;
color: #5f6a7d;
padding-right: 0.2rem;}			
		
/* New eco-quiz　btn table */
.btn-quzi,.btn-quzi:active {
		padding-left: 50px !important;
		padding-right:10px;
		background-image: url("/assets/img/ico/ico_entrance@2x.png");
		-webkit-background-size: 25px 25px;
		-moz-background-size: 25px 25px;
		-o-background-size: 25px 25px;
		background-size: 25px 25px;
		background-position: 16px center;
		background-repeat: no-repeat;
		text-align: left
	 }
	.btn-quzi-answer,.btn-quzi-answer:active {
		padding-left: 50px !important;
		padding-right:10px;
		background-image: url("/assets/img/ico/ico_eco_library@2x.png");
		-webkit-background-size: 25px 25px;
		-moz-background-size: 25px 25px;
		-o-background-size: 25px 25px;
		background-size: 25px 25px;
		background-position: 16px center;
		background-repeat: no-repeat;
		text-align: left
	 }			
		
.spxrow .spxgrid-eco {margin-top: 2.63158%}
@media screen and (max-width: 765px) {
	 .logo_er_quzi { display:none;}
	}
	
@media (min-width: 768px) {
.spxrow .spxgrid-eco{ margin-bottom:20px;}
.spxrow .spxgrid-eco:nth-child(1) {
	width: 32%;
	float: left;
	margin-right: -100%;
	margin-left: 0%;
	clear: none
 }
.spxrow .spxgrid-eco:nth-child(2) {
	width: 32%;
	float: right;
	margin-right: 0;
	margin-left: 0;
	clear: none
 }
table.ecotable{ width:65%;}
}
@media (min-width: 1024px) {
	.spxrow .spxgrid-eco {margin-top: 0}
		.spxrow .spxgrid-eco:nth-child(1) {
		width: 38%;
		float: left;
		margin-right: -100%;
		margin-left: 0%;
		clear: none
	 }
	.spxrow .spxgrid-eco:nth-child(2) {
		width: 38%;
		float: right;
		margin-left: 0;
		margin-right: 0;
		clear: none
	 }
		table.ecotable{ width:75%;}
	}

/* カリキュラム */
.sapix_curriculum #curriculum-timetable .table .col__span4 { width:200px;}
ol.curriculum{
	margin-top:0.5rem;
	padding-left:20px;
	}

@media (max-width: 768px) {
	.flaot-clear{ clear:both; margin-top:0.5rem;}
	.flaot-clear-notop{ clear:both;}
	.top-margin{margin-top: 0.5rem}
}
@media (max-width: 768px) {
	.curriculum-br{ display:block;}
	}
	
@media (min-width: 1024px) {
		.curriculum-br{ padding-right:1rem;}
		}


/* 会社概要 */
@media (min-width: 768px) {
.plus-wide-dt{ width:210px !important}
.plus-wide-dd{ margin-left:230px !important}
	.plus-wide-dt .line{
		display: block;
	}
}

@media (min-width: 1024px) {
.plus-wide-dt{ width:240px !important}
.plus-wide-dd{ margin-left:260px !important}
.plus-wide-dt .line{
	display: inline;
	}
}

/* 試験監督 */
@media (min-width: 768px) {
.part-proctor-ci{ margin-top:2.8rem}
}

@media (min-width: 1024px) {
.part-proctor-ci{ margin-top:2.8rem}
}

.btn-center{padding-right:1rem !important}

/*　夏期講習 */
.small-sign{
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	color: #1253a4;
 padding: 0.5rem 0 0 0.25rem;
 font-weight: bold;
	}
@media (min-width: 1024px) {
	.small-sign{
	display: inline-block;
		padding: 0 0 0 1rem;
	}
}

.small-sign:before{
	content: "\203B\0020";
}

.small-sign-notice{
	font-size: 14px;
	font-size: 0.875rem;
	color: #f26964;
	padding: 0.5rem 0 0 1.25rem;
	text-indent: -1.25em;
	}
.small-sign-notice:before{
	content: "\203B\0020";
}

/*　夏期講習 */
.small-sign-br{
	display:block;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0.5rem 0 0 0.25rem;
	color: #1253a4;
font-weight: bold;
	}
.small-sign-br:before{
	content: "\203B\0020";
}
.small-sign-br.remode{
	font-weight:normal;
}
.small-sign-br.remode:before{
content: ""	
}
.small-sign-test{
	display: block;
	padding-top: 0.5rem;
}
@media (min-width:1024px){
.small-sign-test{
	display: inline-block;
	padding-top: 0.5rem;
	padding-left: 1.5rem;
}
	.small-sign-test_b{
		display: block;
	padding-top: 0.5rem;
	}
}
.sign-date{
	display:block;
}
.sign-date:after{
	content: "、";
	padding-left: 0.5rem;
 display: inline-block;
 margin-right: -0.5rem;
}
.sign-date.adjust{
	margin-left: 6px;
}

@media (min-width: 1024px) {
.sign-date{
	display: inline-block;
	padding-left: 0.5rem;
}
	.sign-date.adjust{
		margin-left: 0;
	}
}

.six-time{
	display: block;
	}

.w-table{
	width: 100%;
}
.w-table th:nth-child(1),.w-table th:nth-child(2),.w-table th:nth-child(3),.w-table th:nth-child(4){
	width: 25%;
}
@media (min-width: 1024px) {
	.w-table th:nth-child(1){ width: 30%;}
	.w-table th:nth-child(2){ width: 15%;}
	.w-table th:nth-child(3){ width:27.5%; }
	.w-table th:nth-child(4){ width: 27.5%;}
}
.w-table-school{
	width: 100%;
	}
.w-table-school th:nth-child(1){
	width: 42%;
	height: 50%;
}
.w-table-school td:nth-child(2){
	width: 58%;
}
.w-table-school th span.date{
	display: block;
}
@media (min-width: 768px) {
	.w-table-school th:nth-child(1){
	width: 40%;
	}
.w-table-school td:nth-child(2){
	width: 60%;
}
.w-table-school th span.date{
	display:inline-block;
	padding-left: 6px;
}
.w-table-school th.thremode:nth-child(1){
	width: 62%
}	
.w-table-school td.tdremode:nth-child(2){
	width: 38%;
}	
}

@media (min-width: 1024px) {
	.w-table-school th:nth-child(1){
	width: 30%;
	}
.w-table-school td:nth-child(2){
	width: 70%;
}
.w-table-school th.thremode:nth-child(1){
	width: 45%
}	
.w-table-school td.tdremode:nth-child(2){
	width: 55%;
}		
}
.cancel{
	font-size: 14px;
	font-size: 0.875rem;
	color: #1253a4;
	font-weight: bold;
	text-align: justify;
}
.cancel span{
	display: block;
}
.table-bottom{
	margin-bottom: 2.5rem;
}

.table-bottom_35{
	margin-bottom: 3.5rem;
}

/* 作文コンクール */
.table-hight-flat{
	padding-bottom:30rem;
	display:block;
	}

@media (min-width: 768px) {
	.table-hight-flat{
	padding-bottom:25rem ;
	display:block;
	}
}
@media (min-width: 1024px) {
.table-hight-flat{
	padding-bottom:8px;
	}
	}

/* eco-プライマリー */
@media (min-width: 1024px) {
	.secthon-minus{ margin-bottom:-1rem !important;}
}
	

/* 模試・赤いボタン */
.btn-large.exam-pink {
padding: 1.0rem 0.5rem 1.0rem 1.5rem;
}

@media (min-width: 768px) {

/* 模試・赤いボタン */
.btn-large.exam-pink {
padding: 1.5rem 0.5rem 1.5rem 1.5rem;
}
}
	
.list-bottom{
		margin-bottom:1rem !important;
		}	
	
	/* 特別講習のタイトル幅 */
	.application_course .blackboard__inner{
		padding: 1.5rem 1.5rem 4rem 1.5rem !important;
	}
	
/*カーニング メイリオは使えない　*/
.text-setting{
	font-feature-settings: "palt" 1;
}

/* 太文字　*/
.text-bold{
	font-weight: bold;
}

/* 今解き申し込み期間 */
.table-text-right {
	text-align: right;
}

.sale-stop{
	display: inline-block; 
	position: relative;  
}
.sale-stop::before{
	content: '';                	
	width: 100%;                	
	height: 1px;                	
	border-top: solid 2px #f26964;  
	position: absolute;            	
	left: 0 ;                    	
	top: calc(50% - 4px) ; 
}
.sale-stop::after{
	content: '';                		
	width: 100%;                		
	height: 1px;                		
	border-bottom: solid 2px #f26964;   
	position: absolute;           		
	left: 0 ;                    		
	bottom: calc(50% - 4px); 
}

.entrace-stop{
	display: inline-block; 
	position: relative;  
}
.entrace-stop::before{
	content: '';                	
	width: 100%;                	
	height: 1px;                	
	border-top: solid 2px #f26964;  
	position: absolute;            	
	left: -2px ;                    	
	top: calc(50% - 1px) ; 
}
del.event-stop{
	    background-image: linear-gradient(#fe3464, #fe3464);
    background-position: 0 50%;
    background-size: 100% 2px;
    background-repeat: repeat-x;
    margin: 0 0.0em;
    text-decoration: none;
}
del.event-stop.ver-black{
	    background-image: linear-gradient(#5f6a7d, #5f6a7d);
    background-position: 0 50%;
    background-size: 100% 1px;
    background-repeat: repeat-x;
    margin: 0 0.0em;
    text-decoration: none;
}

.event-stop-text{
	color: #f26964;
	font-size: 1rem;
	font-weight: bold;
}
.alert-pink-white{
	background-color: #fff;
    border: 2px #f26964 solid;
	font-size: 1.125rem;
    font-weight: bold;
	color: #f26964;
}

/* アンケート　amazon-font */
.font-a{
	font-family: Verdana,"sans-serif"
}
.font-b{
	font-family:" ＭＳ Ｐゴシック", MS PGothic," sans-serif"
}
.entrance{
	font-size: 0.75rem;
}

/* 入室テストの実施要項　*/
.next{
	margin: 1rem 0;
}
.next img{
	display: block;
	 margin-left: auto;
 margin-right: auto;
	width: 24px;
	height: 24px;
}

.bottom-marg{
	margin-bottom: 4rem!important;
}

.entrance_box h4+p{
	height: 2rem!important;
}
@media (min-width: 768px) {
.application_entrance_index small.start{
	display: block;
	margin-left: 210px;
}
	.application_entrance_guidelines_index .guide th{
		width: 28%;
	}
	.application_entrance_guidelines_index .guide td{
		width: 72%;
	}
	.chotto-ue{
		margin-top: -3px;
	}
	.chotto-ue-b{
		margin-top: -1rem;
	}
	.chotto-ue-c{
		margin-top: -0.5rem;
	}
.chotto-ue-aki{
		margin-top: 1rem;
	}
}



@media (max-width: 768px){
.entrance-stop {
  padding:10px;
}
.entrance-stop table {
  background:#f1f1f1;
  width:700px;
  display: block;
  position: relative;
  overflow: scroll;
  height: 400px;
  border-collapse: collapse;
}

.entrance-stop table th {
  text-align:center;
  width: 94px;
  display: table-cell;
}

.entrance-stop table td {
  text-align:center;
  width: 94px;
  display: table-cell;
}
	.entrance-stop table td:nth-child(8) {
		border-left: 2px solid #1253a4;
	}
.entrance-stop table thead,
.entrance-stop table tbody {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.entrance-stop table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
		.entrance-stop thead th.line-bold-left{
	border-left: 2px solid #1253a4;
}	

	.entrance-stop table thead th.hold {
		position: -webkit-sticky;
  position: sticky;
		left: -1px;
	}
	
	.entrance-stop table tbody th{
	position: -webkit-sticky;
  position: sticky;
  top: 0;
		left: 0;
  z-index: 1;
	}
}

@media (min-width: 769px){

.application_entrance_guidelines_index .head-stop tbody{
	height: 100%;
	position: relative;
}
.application_entrance_guidelines_index .head-stop .text-black{
	color:#5f6a7d;
	padding-left: 2px;
}
.application_entrance_guidelines_index .head-stop th {
	height: 41px;
	vertical-align: middle;
}

.application_entrance_guidelines_index .head-stop th:nth-child(8){
	border-left: 2px solid #1253a4;
}	
	
.application_entrance_guidelines_index .head-stop td {
	text-align: center;
	font-size: 1rem;
	z-index: 100;
}
	.application_entrance_guidelines_index .head-stop td:nth-child(8) {
		border-left: 2px solid #1253a4;
	}
.application_entrance_guidelines_index .head-stop th.sticky{
	position:sticky;
	top: 0;
	text-align: center;
	background-color: #f7f9fc;
	z-index: 1000;
	border-bottom: none;
	display: table-cell;
}
.application_entrance_guidelines_index .head-stop th.sticky::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

/* 募集停止校舎の一覧　現6を表示 */
.application_entrance_guidelines_index .head-stop.ver-old6 th:nth-child(8){
	display: table-cell;
}	
.application_entrance_guidelines_index .head-stop.ver-old6 td:nth-child(8) {
		display: table-cell;
	}

/* 募集停止校舎の一覧　現6を非表示 */
.application_entrance_guidelines_index .head-stop.ver-normal th:nth-child(8){
	display: none;
}	
.application_entrance_guidelines_index .head-stop.ver-normal td:nth-child(8) {
		display: none;
	}



.chotto-aida{
	display:inline-block;
	padding-bottom: 0.5rem;
}
.chotto-aida-list{
	padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
.daibu-shita{
	margin-top: 34px!important;
}
}
.stronger{
	font-weight: bold;
} 
.notice-chek{
	text-indent: 0;
}
.notice-chek-right{
	display: inline-block;
	padding-left: 0.25rem;
} 
.application_course_07_index th.course_07guide {
	width: 40%;
}
@media (min-width:768px){
.application_course_07_index th.course_07guide {
	width: 30%;
}
}
.info-p{
	margin-bottom: 32px;
	margin-bottom: 1rem;
}
.info-p p{
	margin-bottom: 0;
}


/* 　入室テストスケジュール　*/
.ent-scr th.corurse{
	color: #f26964!important;
	border-right: 1px solid #1253a4!important;
}
.ent-scr th.corurse-end{
	color: #f26964!important;
	border-right: 1px solid #1253a4!important;
	background-color: #cccccc!important;
}
.corurse-month{
	display: block;
	color: #5f6a7d;!important;
	font-weight: normal!important;
		}

table.ent-scr th.entrance{
	color: #1253a4!important;
	background-color: #FFFFFF!important;
}
table.ent-scr th.line,table.ent-scr td.line{
	border-bottom:#1253a4 solid 1px;
}
.ent-scr th.entrance-end{
	color: #5f6a7d!important;
	background-color: #cccccc!important;
	}
.ent-scr td span.cor{
	display: block;
	color: #f26964!important;
	font-weight: bold;
}
.ent-scr td span.cor-end{
	display: block;
	color: #5f6a7d;!important;
	font-weight: bold;
}

.h-primary .sh-info{
	position: absolute;
	color: #f26964;
	font-size: 60%;
	margin-top: -80px;
	padding-top: 0;
	padding-left: 80px;
	}

@media (min-width: 768px) {
.school-test{
	height: 80px;
	padding-top: 30px;
}
		.application_mockexam .blackboard__inner .h-giga.w-test{
		float: left;
		margin-right: 1rem;
	}	
	}

.w-test-title{
	padding-right: 0.8rem;
}

hr.exam{
	margin-top: 1rem;
}
@media (min-width: 1024px) {
.puls{
	width: 55%!important;
	}
	.puls-left{
	padding-left: 2rem;	
	}
}

/* コメリストの太文字　*/
.list-reference li strong{
	font-weight: bold;
}

/* ご挨拶写真 */
.corporate_message_index .pic--president.new{
width: 37.87234%;
margin-bottom: 16px;
}
.sapix_message_index .pic--president.new{
width: 37.87234%;
margin-bottom: 16px;
}

/* 新学年準備講座 */
.course-nine-day th.course-nine,.course-nine-day td.course-nine{
	 border-bottom: 2px solid #1253a4;
	}
.course-nine-day th.course-nine,.course-nine-day td.course-nine-top{
	 border-top: 2px solid #1253a4;
	}


.form-line{
	display: block;
	margin-bottom: 0.5rem;
	}
.form-line span{
	display: block;
	font-weight: bold;
	padding-right: 1rem;
}
@media (min-width:1024px) {
	.form-line span{
		display: inline-block;
	}
}
.common-time{
	font-weight: bold;
	margin-bottom: 1rem!important;
}
.common-time + ul{
	margin-top: 0.5rem;
}

.course-nine-day colgroup col.one{
width: 12%;
}
.course-nine-day colgroup col.two{
width: 38%;
}
.course-nine-day colgroup col.three{
width: 50%;
}
@media (min-width: 1024px) {
	.course-nine-day colgroup col.one{
width: 8%;
}
.course-nine-day colgroup col.two{
width: 32%;
}
.course-nine-day colgroup col.three{
width: 60%;
}
}
/* エコ　いねとエネルギー校舎対応 */
.so-schoollist section.eco-hight .list-unstyled a{
	height: 70px
}
small.eco-line{
display: block;
}
.eco-block{
	display: block;
	margin-left: 0.4rem;
}
.eco-block.pc-line{
	display: inline;
	margin-left: 0;
}

@media (min-width:768px) {
.eco-block.pc-line{
	display: block;
	margin-left: 0.4rem;
}
.eco-block.mb-line{
	display: inline;
	margin-left: 0;
}
}
/* カリキュラム */
	@media (min-width:768px) {
	.sapix_curriculum #curriculum-timetable .table .col__span3.change{
		width: 220px;
	}	
	}
	@media (min-width: 768px) {
	.target-wrap{
		display: flex;
		width: 400px;
		justify-content: space-between;
		}
}
.font-midle{
	font-size: 0.875rem
}
.panel-eco{
	margin-top: -0.5rem;
}
.panel-title_eco{
	margin-top: 1rem;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 1rem 0 1rem 3rem;
	background: transparent url(/assets/img/ico/ico_question@2x.png) 8px 10px no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
	background-color: #f8fcfc;
}	
.panel-eco .answer{
	padding-top: 1rem;
}

.panel-eco .answer p{
	padding-left: 3rem;
	padding-bottom: 1rem;
	margin-bottom: 0;
background: transparent url(/assets/img/ico/ico_answer@2x.png) 8px 1px no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
}

.panel-eco .answer p.no-a{
	padding-left: 3rem;
	padding-bottom: 1rem;
	margin-bottom: 0;
	background: none;
}

.panel-eco .answer .list-reference{
	margin-top: -0.5rem;
	padding-left: 3rem;
	margin-bottom: 1rem;
}
.panel-eco .answer .h-epsilon{
	padding-left: 3rem;
}
.eco-green{
	border-top: 4px solid #1abc9c;
}
.eco-green th,.eco-green td{
	font-size: 12px;
	font-size: 0.75rem;
}
@media (min-width: 1024px) {
	.table.sytoyama-time-table{
		width: 70%;
	}
}
.table.sytoyama-time-table td.no-border{
	border: none!important;
}
@media (min-width: 1024px) {
	.table.water-time{
		width: 32%;
	}
}

.event-new6th td span{
	display: block;
}
.event-new6th td span:first-child{
margin-bottom: 0.5rem;	
}
.list-unstyled.blackboard_list{
color: #FFFFFF;
	text-indent:-1em;
  padding-left:1em;
	font-size: 0.875rem;
	margin-top: -1rem;
	margin-bottom: 3rem;
}
.list-unstyled.blackboard_list li{
	margin-bottom: 0.5rem;
}
.lead.blackboard_notice span{
	display: block;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
	.list-unstyled.blackboard_list{
		margin-bottom: 4rem;
	}
}

.online-terms .lnav__online-terms a{
	background: #f8fcfc;
  font-weight: bold;
	border-radius: 2px;
}
.online-terms .primary-second{
	margin-bottom: 6rem;
}

.application_course_04_index .dl-tag .tag__label{
	margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.application_course_04_index .dl-tag {
	height: 60px;
}
	.application_course_04_index .dl-tag.no-height {
	height: auto;
}
	.application_course_04_index .test-day{
/*	height: 8rem; */
}
}
@media (min-width: 1024px) {
.application_course_04_index .dl-tag {
	height: auto;
}
		.application_course_04_index .test-day{
/*	height: 6rem; */
}
}

.text-body{
	margin-bottom: .5rem
}

/* add by JIP */
.fa-ul.remode li{
	margin-bottom: 1rem;
}
.fa-ul.remode li:last-child{
	margin-bottom: 0rem;
}
/* ************ */
/*
.fa-ul.remode li:first-child{
	margin-bottom: 1rem;
}
*/


.request .alert span{
	font-weight: bold;
	color: #f26964;
}
.request .alert br.pc{
	display: none;
}
@media (min-width: 768px) {
.request .alert br.pc{
	display: block;
}	
}

.so-help-box-a{
	margin-bottom: 4rem;
}
.so-help-box-a section{
	margin-bottom: 0.5rem;
}
.so-help-box-a .h-epsilon,.so-help-box-b .h-epsilon{
	margin-left: 1rem
}
.so-help-box-a .panel-exam{
	border-color: rgba(242,105,100,0.5);
}
.so-help-box-a .panel-exam .panel-heading{
	  background-color: #fde8e7;
    border-color: #fde8e7;
}
.so-help-box-a .panel-exam .panel-heading .panel-title>a{
	background: transparent url("/assets/img/ico/ico-under-arrow_pink@2x.png")  8px 10px no-repeat;
	    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
}
.so-help-box-a .panel-exam .panel-body{
	border-top: 2px solid rgba(242,105,100,0.5) !important;
}
.application_mockexam .alert-pink>p{
	margin-bottom: .5rem;
}
.application_mockexam_05 #section-third-exam .alert .alert-exam{
	font-weight: bold;
}




/* サピックスオープン　操作手順　*/


.spxrow .spxgrid-2:first-child figure.custom{
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
.spxrow .spxgrid-2:first-child figure.custom{
	margin-bottom: 0;
}	
}


@media (min-width: 768px) {
	.spxflex{
	display: flex;
	}
}
.spxflex .spxbox-1{
margin-right: 1rem;
margin-bottom: 1rem;
}

.spxflex .spxbox-1{
	margin-right: 0
}

.spxflex .half60{
	width: 100%
}

.spxflex .half40{
	width: 100%
}
@media (min-width: 768px) {
.spxflex .spxbox-1{
margin-right: 1rem;
	margin-bottom: 0rem;
}
.spxflex .spxbox-1{
	margin-right: 0
}
.spxflex .half60{
	width: 60%
}
.spxflex .half40{
	width: 40%
}
}
@media (min-width: 768px) {
	.spxrow .spxgrid-4.w-change:nth-child(4n+1){
		width: 26%!important;
	}
	.spxrow .spxgrid-4.w-change:nth-child(4n+2){
		width: 26%!important;
	}
}
/* sapix-event */　
.blackboard__sapix-event {
	padding: 0.25rem 0 0;
	margin-bottom: 30px;
}
@media (min-width: 1024px){
.event-map {
    display: flex;
    width: inherit;
    justify-content: space-between;
}
}
.event-map .school-map{
	margin-bottom: 2rem;
}
.sapix-event .school-line{
	font-size: 16px;
}
@media(min-width:768px){
.sapix-event .school-line{
	font-size: 14px;
}
}

.sapix-event .panel-default .panel-title{
		font-weight: normal;
    color: #1253a4;
    padding-left: 48px;
    padding-left: 3rem;
    padding: 12px 8px 8px 40px;
    padding: 0.75rem 0.5rem 0.5rem 2.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    background: transparent url(/assets/img/ico/ico_question@2x.png) 8px 10px no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
}
.sapix-event .panel-default .panel-body{
	padding: 16px 16px 16px 40px;
    padding: 1rem 1rem 1rem 2.5rem!important;
    background: transparent url(/assets/img/ico/ico_answer@2x.png) 8px 10px no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
}


.ie8 .btn-school,.ie8 .btn-school:active {-ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")}