/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

/*layout*/
/*------------------------------------------------------------------------------*/
#contents{
	width:94%;
	background:none;
	margin: 0px auto 0px;
	padding: 00px 0px 20px;
}

#contents_in{
	width:100%;
	margin: 0px auto 0px;
	padding: 0;
	text-align: left;
}
#contents_left{
	float: none;
	width: 100%;
	margin-bottom: 30px;
	padding:0;
}
#contents_right{
	float: none;
	width: 100%;
	padding:0%;
}


/*locator*/
/*--------------------------------------------------------------------------------*/

#locator_in{
	max-width:1080px;
	width:94%;
	margin:0px auto;
}

/*title*/
/*------------------------------------------------------------------------------*/
.subtitle02_box{
	width:100%;
	margin-bottom:20px;
}
	.subtitle02_box_in{
		max-width:1080px;
		width:94%;
		margin:0px auto;
	}

.subtitle03 {
    height: 120px;
    font-size: 100%;
    padding: 41px 0 0 10px;
}

.subtitle04 {
    font-size: 120%;
}

.image_title {
	margin-bottom:30px;
}
.image_title .valign_m {
	height:150px;
	padding:30px 10% 30px 0;
}
.image_title .valign_m h3{
	font-size: 135%;
	font-weight:bold;
}


/*box*/
/*------------------------------------------------------------------------------*/
.box2_ti_l{
	float:none;
	width:100%;
}
.box2_ti_r{
	float:right;
	width:48.5%;
	margin:0 0 1.5% 3%;
}

.box2_tfi_r{
	float:right;
	width:48.5%;
	margin:0 0 1.5% 3%;
}

.lft, .rgt, .lft_it, .rgt_it {
	float: none;
	width: 100%;
}




/*quest*/
/*------------------------------------------------------------------------------*/
.izu_box {
    /* display: block; */
    width: 100%;
    height: 210px;
    float: none;
    border: 1px solid #EBEDF1;
    margin-bottom: 10px;
}

.izu_box02{
	width: 100%;
	height: 210px;
	float: none;
	background-color: #EBEDF1;
	margin-bottom: 10px;
}

.izu_box img{
	padding: 27% 13%;
}

.educational_po_box{
 	float: none;
 	margin: 0 auto;
}

.right_arrow{
	float: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #3D5F8D transparent transparent transparent;
    margin: 10px auto;
}


.contact_left {
    width: 100%;
    height: 76px;
    float: none;
    padding: 15px 0;
}

.contact_right {
    width: 100%;
    float: none;
    height: auto;
}

.contact_in_left {
    width: 100%;
    float: none;
}

.contact_in_left .tel {
    text-align: center;
    background: none;
}

.contact_in_left .tel_time {
    text-indent: 0;
    text-align: center;
}

.contact_in_right {
    width: 100%;
    float: none;
}
.contact_in_left .tel_tex { text-align: center;}
.contact_in_right .form01 a, 
.contact_in_right .form02 a {
    margin: 10px auto 20px;
}

/*btn*/
/*------------------------------------------------------------------------------*/

.free_btn01 a{
	min-width:250px;
}
.free_btn01 a:after{
 content:"";
 width:10px;
 height:10px;
 border: solid #FFF;
 border-width:1px 1px 0 0;
 -webkit-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 transform: rotate(45deg);
 position:absolute;
 right:25px;
 top:calc(50% - 5px);
}

/*access*/
/*------------------------------------------------------------------------------*/

.adress_box dt{
	float:none;
	width:100%;
	position:relative;
	font-weight:bold;
}
.adress_box dt:before{
	content:"【";
	position: static;
}
.adress_box dt:after{
	content:"】";
	position: static;
}
.adress_box dd{
	float:none;
	width:100%;
}

/*curriculum*/
/*------------------------------------------------------------------------------*/
.iconlink li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}


/*curriculum下層*/
/*------------------------------------------------------------------------------*/
.curriculum_mainbox{
	padding:20px 5%;
}
.curriculum_mainbox h3{
	font-size:22px;
	line-height:1.4;
}
.curriculum_mainbox_l{
	float:none;
	width:100%;
}
.curriculum_mainbox_r{
	float:right;
	width:48.5%;
	margin:0 0 1.5% 3%;
}
.curriculum_mainbox_r img{
	width:100%;
	height:auto;
}

.curriculum_box li{
	float:none;
	width:100%;
	padding:20px;
	background:#FFF !important;
}

.curriculum_box li:nth-child(odd){
	background:#EBEDF1 !important;
}

.curriculum_link li{
	width:48.5%;
	margin:25px 0 0 3% !important;
}
.curriculum_link li:nth-child(odd){
	clear:both;
	margin-left:0 !important;
}

/*teature*/
/*------------------------------------------------------------------------------*/

.teature_box li{
	width:48.5%;
	margin:30px 0 0 3% !important;
	clear:none !important;
}
.teature_box li:nth-child(odd){
	clear:both !important;
	margin-left:0 !important;
}
.teature_box li:nth-child(-n+2){
	margin-top:0 !important;
}
.teature_box li h4{
	font-size:16px;
	margin:10px 0 8px;
}

/*course*/
/*------------------------------------------------------------------------------*/

.course_box li{
	float:none;
	width:100%;
	background:#FFF !important;
}

.course_box li:nth-child(odd){
	background:#EBEDF1 !important;
}


.course_box li:before{
	background:#666 !important;
}
.course_box li:nth-child(odd):before{
	background:#3D5F8D !important;
}

.course_box li.bl-hover{
	background:#666 !important;
}
.course_box li:nth-child(odd).bl-hover{
	background:#3D5F8D !important;
}
.course_box li.bl-hover:before{
	background:#FFF !important;
}
.course_box li.bl-hover:after{
	border-color:#666 !important;
}
.course_box li:nth-child(odd).bl-hover:after{
	border-color:#3D5F8D !important;
}

/*scroll_box*/
/*------------------------------------------------------------------------------*/
.scroll-box{
 width:100%;
 overflow:auto;
 overflow-x:auto;
 padding-bottom:10px;
}
.scroll-box > *{
	width:750px !important;
}
.scroll-box::-webkit-scrollbar {
 height: 10px;
}
.scroll-box::-webkit-scrollbar-track {
 border-radius: 10px;
 background: #ddd;
}
.scroll-box::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #213F85;
}
.scroll-info{
 display:block;
 margin-bottom:10px;
 text-align:center;
 font-size:12px;
}
.scroll-info:before{
 content:"◆";
 color:#3D5F8D;
}

/*faq*/
/*------------------------------------------------------------------------------*/

.faq_anchor li{
	padding:10px;
}
.faq_anchor li:before{
	display:none;
}
.faq_anchor li:after{
	display:none;
}
.faq_anchor li .num{
	position: static;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:5px;
}

.faq_q{
	padding: 0 0 15px 65px;
}
.faq_a{
	padding: 0 0 0 65px;
}

.faq_q .num{
	width: 50px;
	font-size: 14px;
}

.faq_a .num{
	width:50px;
	font-size:14px;
}

.sp_none {
	display: none;
}

.bg_grey {
	background-color: #fff;
}



/*MEETING*/
/*-----------------------------------------------------------------*/
.mt_list .txt {width: 68%;}

.mtbox .flt_pc, .mtbox .flr_pc {
    width: 100%;
}
.dl_list dt {
    width: 20%;
}
.dl_list dd{
	width: 78%;
}


/*FOLLOWSYSTEM*/
/*-----------------------------------------------------------------*/
.flbox dt, .flbox dd {
	float: none;
    width: 100%;
    display: block;
    padding-right: 0;
}


/*FLOW*/
/*-----------------------------------------------------------------*/
.flwlist dl {
    position: relative;
    display: block;
    margin-bottom: 35px;
}
.flwlist dt {
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px;
    margin-bottom: 5px;
}
.flwlist dt::after {display: none;}
.flwlist dd {
    display: block;
}

.flwlist dl::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 35px 0 35px;
    border-color: #3D5F8D transparent transparent transparent;
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -20px;
}


/*individual.html*/
/*-----------------------------------------------------------------*/
.individual_box li {
    display: block;
    float: none;
    width: 98%;
    padding: 2%;
    border: 1px solid #EBEDF1;
    margin-bottom: 20px;
    height: auto!important;
}

.individual_box li:nth-child(even){
        background-color: transparent;
}



/*------------------------------------------------------------------------------*/
}


/* screens smaller than 430---------------------------------------------------------- */
@media only screen and (max-width:430px) {

/*feature*/
.feature_box li {
    float: none;
    width: 100%;
    height: auto !important;
}

}/*------------------------------------------------------------------------------*/