@import url('./reset.css');


@media (max-width: 768px) {
	.img img { margin-bottom: 1em;}
	}


i.fa {  margin-right:5px; color:#AAA;font-size:120%; }
.btn-info i.fa{color:#FFF;}
.btnbox { width:100%; text-align:center; margin:10px 0 50px; clear:both;}
A.btn_more{
	display:inline-block;
	padding:0.182em 1.937em 0.182em 1em;
	font-size:0.75em;
	line-height:1.0;
	font-weight:bold;
	color:#73C6D8 !important;
	text-align:center;
	border:1px solid #73C6D8;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	background:url(../img/bl_arrow.png) right center no-repeat;
	}
A.btn_more:hover{
	color:#FFF !important;
	background:#73C6D8 url(../img/wh_arrow.png) right center no-repeat;
	}
	
A.btn_moremin{
	display:inline-block;
	padding:0.182em 1.937em 0.182em 1em;
	font-size:0.625em;
	line-height:1.0;
	font-weight:bold;
	color:#73C6D8 !important;
	text-align:center;
	border:1px solid #73C6D8;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	background:url(../img/bl_arrow.png) right center no-repeat;
	}
A.btn_moremin:hover{
	color:#FFF !important;
	background:#73C6D8 url(../img/wh_arrow.png) right center no-repeat;
	}


A.btn_link{
	display:inline-block;
	padding:0.625em 2.312em 0.625em 1em;
	font-size:0.937em;
	line-height:1.0;
	font-weight:bold;
	color:#73C6D8 !important;
	text-align:center;
	border:1px solid #73C6D8;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	background:url(../img/bl_arrow_mid.png) right center no-repeat;
	}
A.btn_link:hover{
	color:#FFF !important;
	background:#73C6D8 url(../img/wh_arrow_mid.png) right center no-repeat;
	}


#header { border-top: 3px solid #FACF8D;}
#header .container {position:relative;}
#header .copy {
    margin: 0.5em 0;
    font-size: 0.75em;
    color: #F49106;
    text-align: left;
    background: #FFF;	
}
#header .logo { margin-bottom:0.5em; float:left;}
#header .hd_contact { position:absolute; top:8px; right:1em;}
#header .hd_contact li { display:inline-block;}
#header .tel { position:absolute; top:8px; right:440px;}
#header .tel li { display:inline-block; margin:0 0 0 0.312em; padding:0; line-height:0;}
#header .searchbox { position: absolute; top:8px; right:430px;}
#header .searchbox form { position:relative;}  
#header .searchbox input[type="text"] {
	font-size:0.75em;
	background-color: #EEE;
	border: 0;
	height: 26px;
	width: 105px;
	padding-left: 10px;
	position: absolute;
	left: 0;
	top: 0; 
}
#header .searchbox .submit {
	border: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	position: absolute;
	left: 105px;
	top: 0;
}
#header .navbar {
	margin:0;
	border:none;
	background:none;
	box-shadow: none;
	float:right;
	z-index:100;
    min-height:inherit!important;
}
#header .navbar-collapse{ padding: 0!important;}

#header #menu { margin-top: 10px}
#header #menu li {  }
#header #menu li A { font-size: 0.812em; margin: 0 0 0 20px; padding:10px 0; color:#F49106; font-weight:bold;}
#header #menu .caret {
  width: 9px;
  height: 5px;
  margin-left: 8px;
  border:none;
  background:url(../img/gr_arrow.png) no-repeat right center;
}
#header #menu .dropdown-menu { }
#header #menu .dropdown A { display: block; }
#header #menu .dropdown li A { font-size: 0.912em; margin:0; font-weight:normal; padding:10px 20px; color: #FFF;}

@media (min-width: 768px) {
    ul#menu a {margin-top: 20px;}
    ul#menu li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}
ul#menu li { position:relative;}
ul#menu li A:hover{ background: #FFF;}
ul#menu li ul{
    z-index:1;  min-width:100px;
    padding:5px 0 0;
    margin-top: -5px;
    position: absolute;
    left:15px;
    background:#FFF url(/img/i_submenu_top.png) no-repeat 15px 0px;
    border:none;
}
ul#menu li ul li { display: block;
    float: none;border:none;}
ul#menu li ul a { text-align: left; border:none;color:#FFF;
    display: block;
    background:#F49106 url(/img/i_arrow.gif) no-repeat 8px 50%;
    white-space:nowrap; font-size:12px;

}
ul#menu li ul a:hover {
    background:#F4944A url(/img/i_arrow.gif) no-repeat 8px 50%;
}

#footer { background:#F49106; color:#FFF;}
#footer .logo { margin:0.75em 0 0.75em -1em;}
#footer .copy { font-size:10px; text-align:right; clear:both;}
#footer .menu li{ line-height:1.7;}
#footer .sub li { line-height:1.2;}
#footer .menu li A { color:#FFF; background:url(../img/ft_arrow.png) no-repeat left 1px; padding-left:1.312em; font-size:0.875em;}
#footer .menu li A { color:#FFF; background:url(../img/ft_arrow.png) no-repeat left 1px; padding-left:1.312em; font-size:0.875em;}
#footer .menu .fb A { background:url(../img/fb_arrow.png) no-repeat left 1px;}
#footer .menu .ig A { background:url(../img/ig_arrow.png) no-repeat left 1px;}

#footer .sub li A { color:#FFF; background:url(../img/wh_arrow.png) no-repeat left center; margin-left:0.312em; padding:0.312em 0 0.312em 0.65em; font-size:0.75em;}
#footer .row div { padding:0 !important;}

@media (max-width: 768px) {

}

@media (max-width: 1170px) {
#header .hd_contact { position:absolute; top:40px; right:0;}
#header .searchbox { position: absolute; top:40px; right:420px;}
#header .tel { position:absolute; right:0; margin:0; padding:0;}
#header #menu{ margin-top: 0;}
#header #menu li A { margin:0 0 0 10px;}
    #header #menu li li A { margin: 0;}
}
@media (max-width: 768px) {
    #header .navbar {
        text-align: center;
        margin:0 auto;
        width:100%;
    }
    ul#menu li ul{ position: relative; top:0; left:0; padding:5px 0 10px; background:none;}

    #header #menu li { margin:0!important;}
    #header #menu li li A { background: none;}
    #header #menu A { padding:10px!important; display: block;}
    #header #menu li.open A {  color:#666; text-align:center; }
    #header #menu li.open ul A {padding:2px 10px;}
    #header  .navbar-collapse { height: auto;}
    #header  .navbar-nav { margin:0!important;}
    #header .navbar-collapse { overflow-x: auto; }
    #header .navbar-header img {height:18px; }
    #header .navbar-header li a { width:100%; padding:10px 15px; }
    #header .container{ position: relative;}
	#header .tel,
	#header .searchbox,
	#header .hd_contact { display:none;}
	#header .copy { margin:0.187em 0;text-align: center;text-align:center; font-size:10px;}
	#footer .sm { display:none;}
    #header .logo { text-align: center; display:block; width:100%;float: none;}
}
	
section header {position: relative;}
section header .btn_more{
 position:absolute; top:0px; right:0;
}

article {
	margin-top: 96px;
}
section { margin-bottom:1.56em; clear:both; position:relative; }
section h2.maintitle {
	font-size:1.2em;
	line-height: 1.2em;
	font-weight:bold;
	margin:0.5em 0;
	color:#8CC6B5;
	}
section h2.maintitle small { font-size:0.875em; color:#8CC6B5;}
section h2.title {
	padding:0;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0.93em;
	color:#F49106;
	border-bottom:1px solid #DDD;

	}
section h2.title:after{
		 content: ".";
		 display: block;
		 height: 0;
		 font-size:0;
	height:0;line-height: 0;
		 clear: both;
		 visibility:hidden;
	 }
section h2.title span { font-weight:bold; display:block; float:left; padding-bottom:0.625em; display:inline; border-bottom:3px solid #FACF8D; line-height: 120%; }
section h2.title span a { font-weight:bold;
	color:#F49106;}
section h2.top { color:#8CC6B5;}
section h2.area span { border-bottom:3px solid #32C8DE; }
section h2.topareatitle {
	font-size:1.125em;
	font-weight:bold;
	line-height:1.0;
	margin-bottom:0.93em;
	color:#666;
	}
section h2.topareatitle a{
	font-weight: bold;
}
section h2.topareatitle img { vertical-align:middle; width:10%; height:auto; margin-right:0.625em;}

section h3 {
	margin-bottom:7px;
	font-size:0.937em;
	font-weight:bold;
	color:#8CC6B5;
	}

section h3 a {color:#32C8DE; font-weight: bold;}
section P { font-size:14px; margin-bottom:1em;
	line-height: 1.8;}
section P.min { font-size:0.75em;}

section	small {font-size:0.75em; line-height: 100%!important;}

section h1.title{
	font-size: 2em;
	margin-bottom: 1em;
}
section h1.title small{
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0.5em;
}
#top_slide {
    height:360px;
}
#slide_navi {
background: #EEE;padding:8px 3px; margin-bottom: 15px;}

#slide_navi .row {padding:0 15px!important;}
#slide_navi .row div { padding:2px 2px!important; margin: 0!important;}
#slide_navi .row a {border:none!important;}
#slide_navi .row img { border: none!important; display: block; float:left;}
#maincontent {
    height:360px;
    overflow: hidden;
    position:absolute;left:0%; width:100%;
    background:#000 repeat-x 0 100%;
}
#maincontent .element {
    display: none;
    position: absolute !important;
}
#maincontent .slide  { display:none; position:relative;}
#maincontent .slide img { max-width: none; width:none;}
#maincontent .left {
    top :155px;
    left: 20px;
    cursor: pointer;
}
#maincontent .right {
    top: 155px;
    right: 20px;
    cursor: pointer;
}



/*main img*/
.mainimg { width:100%; }
.mainimg .slider {}
.mainimg .bx-custom-pager { bottom:-90px !important; margin:0; padding:0;}
.mainimg .bx-custom-pager .bx-pager-item{ width:25%;}
.mainimg .bx-pager-item .active img{ opacity: 0.1;}
.mainimg .slimg { width:640px; margin:0 auto;}

.page_mainimg { width:100%; padding:2.5em 0; text-align: center;background-position:center center; background-repeat: no-repeat;background-size:cover; }
.page_mainimg.about {background-image: url(../img/main_about.jpg);}
.page_mainimg.brochure {background-image: url(../img/main_brochure.jpg);}
.page_mainimg.counseling { background-image:url(../img/main_counseling.jpg) ; }
.page_mainimg.seminar {background-image: url(../img/main_seminar.jpg);}
.page_mainimg.about_merit { background-image:url(../img/main_about_merit.png) ; }
.page_mainimg.news { background-image:url(../img/main_news.jpg)}
.page_mainimg.plan { background-image:url(../img/main_plan.png); }
.page_mainimg.area { background-image:url(../img/main_area.jpg)}
.page_mainimg.area_usa { background-image:url(../img/main_usa.png)}
.page_mainimg.area_australia { background-image:url(../img/main_australia.jpg)}
.page_mainimg.area_canada { background-image:url(../img/main_canada.jpg)}
.page_mainimg.area_newzealand { background-image:url(../img/main_newzealand.jpg)}
.page_mainimg.area_philippines { background-image:url(../img/main_philippines.jpg)}
.page_mainimg.area_italy { background-image:url(../img/main_italy.jpg)}
.page_mainimg.area_germany { background-image:url(../img/main_germany.jpg)}
.page_mainimg.area_spain { background-image:url(../img/main_spain.jpg)}
.page_mainimg.area_france { background-image:url(../img/main_france.jpg)}
.page_mainimg.area_malta { background-image:url(../img/main_malta.jpg)}
.page_mainimg.area_china { background-image:url(../img/main_china.jpg)}
.page_mainimg.area_corona { background-image:url(../img/main_corona.jpg)}
.page_mainimg.area_uk { background-image:url(../img/main_uk.jpg)}
.page_mainimg.company { background-image:url(../img/main_company.jpg)}

.page_mainimg.blog { background-image:url(../img/main_uk.jpg)}
.page_mainimg.tokyo { background-image:url(../img/main_tokyo.jpg)}
.page_mainimg.shizuoka { background-image:url(../img/main_shizuoka.jpg)}
.page_mainimg.sapporo { background-image:url(../img/main_sapporo.jpg)}

.page_mainimg.contact { background-image:url(../img/main_contact.jpg)}
.page_mainimg.thanks { background-image:url(../img/main_thanks.jpg)}

.page_mainimg .copytxt { margin:0 auto; padding:1.375em 0 0.85em; width:345px; text-align:center;background-color:rgba(245,156,4,0.6);}
.page_mainimg .copytxt h1 { display: inline-block; font-size:1.875em; line-height: 110%; padding:0 0 0.625em 0; color:#FFF; border-bottom:1px solid #FFF; }

.page_mainimg .copytxt h1 a { color:#FFF;}
.page_mainimg .copytxt P { font-size:14px; padding:0.85em; margin-bottom:0; color:#FFF; line-height:1.3;}

@media (max-width: 768px) {
	.page_mainimg { padding:2.0em 0;}
	.page_mainimg .copytxt { width:90%;}
	.page_mainimg .copytxt h1 { font-size:26px; }
	.page_mainimg .copytxt P { font-size:14px;}
}

/*TOP*/

.cat {line-height: 100%;}

.cat li { display:inline;}
.cat a,
.cat span{color:#FFF!important;
	display:inline-block;
	margin:0 2px 2px 0;
	padding:3px 5px;
	font-size:10px;
	line-height:10px;
	color:#FFF;
	background:#F49106;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; white-space: nowrap;}
.seminar_info { padding-bottom: 1em;}
.seminar_info .img { margin-bottom: 5px;}
.seminar_info .item { margin-bottom: 20px;}
.seminar_info h3 {
	margin:5px 0;
}
.seminar_info .time{
	margin-bottom:3px;
	font-size:0.75em;
	color:#666;
}

.seminar_info .txt{
	font-size:12px!important;line-height: 120%;
	margin-bottom: 5px;
}

.plan_info h3 { font-size:0.875em;}
.plan_info h3 small { font-size:0.75em;color:#73C6D8;}
.plan_info P { line-height:1.5; margin-bottom:0.625em;}
.plan_info_cont A { color:#666 !important;}
.plan_info .img { margin-bottom:0.625em;}

.area_info .country div {margin-bottom:0.625em;}
.area_info .country P { font-size:0.875em; color:#73C6D8; font-weight:bold; line-height:1.2; display:inline-block; vertical-align: middle; margin: 0; }
.area_info .country img { margin-right:0.2em; display:inline-block; vertical-align: middle; }
@media (max-width: 768px) {
	.seminar_info .img {height: auto;}
	.seminar_info .time {white-space: nowrap; font-size:10px;}
	.plan_info p {font-size:12px;}
	.plan_info .col-md-2{margin-bottom: 10px;}
	header h1.title { font-size:22px; font-weight: bold;}
	dl dd{margin-bottom: 5px; font-size: 14px;}
	dl dt{font-size:12px;}
    .area_info .country div { margin-bottom: 5px;padding:0px; min-height:85px;}
    .area_info .country{ text-align: center;}
    .area_info .country P { display: block; margin: 5px;}
}

.news .newstxt { position:relative; padding-bottom: 20px;}
.news .newstxt .txt { position:relative; }
.news .newstxt dt { font-size:0.75em; float:left; margin-bottom:0.75em;}
.news .newstxt dd { font-size:0.75em; margin:0 0 0.75em 110px;}

.copy {
	margin-bottom:0.937em;
	padding:0.625em;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.contact .contactlist h3 A { font-weight:bold; color:#73C6D8;}
.contact .contactlist P { font-size:0.687em; margin-bottom:0.312em;}
.contact .contactlist .tel A { color:#666;}
.contact .img { display:inline-block; vertical-align:middle; margin:0 0.625em 0.625em 0;}
.contact .txt { display:inline-block; vertical-align:middle; margin:0 0 0.625em 0;}
.contact .btn_cont { text-align:center; margin:0.912em auto;}
.contact .btn_cont li{ display:inline; margin:0 0.312em;}

@media (max-width: 768px) {
	.contact .img{ width:30%; height:auto; float:left; margin:0 0.875em 0.875em 0;
	}
}
.seminar_info P.copy {
color: #666;
    position: absolute;
    top: 0;
    left: 250px;
    background: none;
    text-align: left;
	}
.plan_info P.copy { color:#666; position:absolute; top:0; left:250px; }
.area_info P.copy { position:absolute; top:-3px; left:120px;}

@media (max-width: 992px) {
.seminar_info P.copy,
.plan_info P.copy,
.area_info P.copy { margin-bottom:0.875em; font-size:0.75em; font-weight:nomal; position:static; }
}
@media (min-width: 768px) {
	.seminar_info .img{height:124px; overflow:hidden;}
	.seminar_info .img img {max-height: 100%; width:auto;}
}
@media (max-width: 768px) {
.seminar_info .img  { width:30%; height:40%; float:right; margin:0 0 10px 10px;}
.plan_info .img { width:30%; height:auto; float:left; margin:0 0.875em 0.875em 0;}
.news .newstxt .txt { height:100px;}
.contact .img { display: inherit;}
.contact .img  img { width:100%; height:auto;}
.contact .txt { display:inherit;}
.contact  h2 { margin-bottom:0.312em !important;}
.contact .btn_more{ position: static; margin-bottom:0.75em;}
}

#instagram { height:268px; overflow: hidden;}
#instagram img {  height:80px; width:auto; margin-top: -13px;}
#instagram .instagram-placeholder{  float: left;padding:4px; border:1px solid #DDD; margin:0 4px 3px 0;
background:#FFF;}

#instagram .instagram-placeholder a {display: block;height: 54px; overflow: hidden; width:78px; }
/*contets*/
.about_desc { margin-bottom: 0;}
.about_desc .maintitle { margin-top: 2em;}

@media (max-width: 992px) {
	.about_desc .maintitle {margin-top: 0!important;}
}

.merit { display:table;}
.merit .txt { display:table-cell; vertical-align:middle;}
.merit .txt h3 {
	margin:0.75em 0 0.187em!important;
	font-size:0.875em;
	font-weight:bold;
	color:#666;
	}
.merit .contactlist h3 { font-size:0.875em; display: block; background:url(../img/bl_arrow_mid.png) no-repeat right center;}
.merit .contactlist P { margin-bottom:0; font-size:0.687em;}
.merit .contactlist .tel A { color:#666;}
h2.copy {
	margin-bottom:0.937em;
	padding:0.625em;
	font-size:1em;
	line-height:1.0;
	font-weight:bold;
	text-align:center;
	background:#EEE;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.palselect .selectbox { width:20%; padding:0 5px 5px; float:left; box-sizing: border-box;}
.palselect .selectbox:nth-child(6n) { margin-right:0;}
.palselect .selectbox img { width:100%; height:auto;}

.palselect .selectbox ul { margin-top: 10px;}
.palselect .selectbox li{ font-size:0.75em; text-align:center;}
.palselect .selectbox .arrow { display: inline-block; background:url(../img/bl_arrow.png) no-repeat right 4px; width:20px; height:13px;}
.palselect .selectbox P { line-height:1.4; padding-bottom:10px;}
.planinfo { font-size:0.75em; line-height:1.2; margin-bottom:1.875em;}
.planinfo span { color:#8EBAAD; display:block; font-size:2.825em; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
.planinfo th { min-width:8%; text-align:center; white-space: nowrap;}
.planinfo th,
.planinfo td { padding:0.312em 0.312em 0 0.312em; vertical-align:middle;}
.cuntoryinfo { margin:1em 0;}
.cuntoryinfo dt { font-size:0.75em; float:left; clear:left;}
.cuntoryinfo dd { font-size:0.75em; margin-left:50px;}

#area_city .col-sm-6 {}
#area_city .col-sm-6 h3 { margin-top: 10px;}
#area_city .col-sm-6 p { font-size: 14px; line-height: 130%; margin-bottom: 5px;}
.city {padding-bottom: 10px;}
.city .img { margin:0 10px 10px 0; width:40%; height: auto; float:left;}


@media (max-width: 768px) {
.about_meritimg { text-align:center; margin-bottom: 20px;}
.palselect .selectbox { width:50%; margin:0; padding:0.312em; float:left; box-sizing: border-box;}
.palselect .selectbox li{ font-size:0.75em; text-align:left;}
.planinfo { margin-bottom:0.875em;}
.city .img { width:35%;}
}

/*学校詳細*/
#school { border-top:1px solid #DDD; padding-top: 15px;}
#school h1{margin-bottom: 24px;}
@media (max-width: 768px) {
	#school .copy {margin-bottom: 10px;line-height: 120%; font-size: 12px;}
	#school h1 { margin-bottom:10px;font-size:20px; font-weight: bold;}
}

#school li { font-size: 14px;}
#school .pull-left{ float:left; clear:left; }
/*
#school .pull-right{ clear:right;float:right;}
*/
#school .img_slider {margin-bottom: 10px;}
#school .img_slider .bx-wrapper {margin-bottom: 5px;}
#school .img_slider .thumbnails img {
	width:19%;
}
#school .programs {
}
#school .programs .sub { margin:5px 0;}
#school .programs .sub li { font-size: 12px;  display:inline; margin-right: 10px; color:#666;}

@media (max-width: 768px) {
	#school .programs .sub li{display:block; font-size: 12px; line-height: 120%; margin-bottom: 3px;}
}
/*
#school .img_slider .thumbnails　{ clear: both;}
*/
#school .cat {margin-bottom: 10px;}
#school .dl-horizontal {font-size:12px;}
#school .dl-horizontal dt{ text-align: left; width:120px!important;}
#school .points li { margin-bottom: 10px; list-style: disc; margin-left: 20px;}
#school .nationalities{
}
#school .nationalities table { font-size:12px;}
#school .nationalities th,#school .nationalities td{padding-right: 10px; white-space: nowrap;}

@media (max-width: 768px) {
}
#school .table { font-size: 12px!important; border-bottom: 1px solid #ddd;}
#school .table th { width:140px;}

#wp-calendar {}
#wp-calendar #next { text-align: right;}
#wp-calendar caption {
	border-bottom:1px solid #DDD;
	font-size:1em;
	font-weight:bold;
	padding:0.812em 0;
	color:#F49106;
	margin-bottom:0.93em;
}
#wp-calendar caption span {
	font-weight:bold; padding-bottom:0.625em; display:inline; border-bottom:3px solid #FACF8D;

}
#wp-calendar td { width:14%; line-height: 110%; }
#wp-calendar td a { font-size:14px; }
#wp-calendar td#today { background:#FFF;}


#search #searchform lavel.control-label {margin-bottom: 5px;}
#search #searchform { padding:15px; border:1px solid #DDD; margin-bottom: 20px;}
#search #searchform .submit button { width:100%;}

#form {}
#form   { border:1px solid #DDD; padding:15px;}
#form label.control-label{margin-bottom: 5px;}
#form label.control-label span {margin-left: 5px; margin-top:-5px!important;line-height:12px;font-size: 12px; font-weight: normal;}
#form label.control-label span.label-default { background: #666!important;}
#form textarea { }
#form  input#zip { width:200px;}
#form p { font-size: 12px;}
#form select {margin-right: 3px;}
#form  form label {margin-right: 15px;}
#form  form label input { margin-right: 5px;}
#form span label { padding-right: 20px; margin-bottom: 5px;}
.checkbox-inline, .radio-inline {padding-left: 10px;}
#form textarea.form-control { width:100%;}
#form .submit {margin:0 auto 20px!important;padding:10px 0 0; text-align: center;}
#form .submit button { min-width:250px; width:50%; }
#form .submit input { margin:0 atuo;   border:none; background:none; color:#FFF; display:inline-block; margin:0; padding:5px; font-size:18px; display:inline;}

@media (max-width: 768px) {
 #form input.form-control{width:100%!important;}
}
#form .wpcf7-list-item-label,
#form .wpcf7-form-control-wrap,
#form .wpcf7-form-control{}
#form .form-control { width:auto; display:inline-block; }
#blog .post header {position:relative; margin:30px auto;}
#blog .post .meta { margin-bottom: 7px;}
#blog .post .meta p {margin-bottom: 0;}
#blog .post header .cat{float:left;}
#blog .post h2.title {margin-bottom:7px;}
#blog .post .date { font-size: 11px; float:right;}
#side section {
	margin-bottom: 1em;
}
#side section h3{
	color: #ffffff;
    padding-left: 0px!important;
    border-left: none!important;
    background-color: #F49106;
    margin: 0px 0px 0.5em 0px!important;
    padding: 8px 0px 8px 0px;
    font-size: large;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15rem;
}
#side ul.list li{ margin-bottom: 5px; position: relative; padding-left: 20px; font-size: 12px;}
#side ul.list li i.fa{ position: absolute;top:3px; left:0;}
#side .fb-page {margin-bottom: 10px;}

#side .banner li {margin-bottom: 5px; text-align: center;}
#side li.counseling { margin-bottom: 0;}
#side li.brochure {}


#station_service li {float:left; list-style: disc;margin-left: 20px; width:30%; font-size:14px; padding-right: 20px;}
#station_about .table {font-size:12px;}
#station_about .table th {white-space: nowrap;}
#station_about .table td p { font-size:12px;}
@media (max-width: 768px) {
	#station_detail .contact { text-align: center;}
	#station_service li { width:40%;}

}


#company th{width:150px; font-size:12px;}
#company table.table {margin-bottom: 40px!important; border-bottom: 1px solid #DDD;}
@media (max-width: 768px) {
	#company th{width:30%;}

}

#message .pull-left{ margin-right: 10px; margin-bottom: 10px;}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
	width: 100% !important;
}


#workingholiday{}
#workingholiday h1 { margin-bottom:20px;}
#workingholiday .section { margin-bottom:2em;}
#workingholiday .img img { max-width:100%; height:auto; text-align:center;}

#workingholiday .item { margin-bottom: 20px;}
#workingholiday .item h4 { font-size:18px; font-weight: bold; margin-bottom: 5px;}
#workingholiday h2.campaign { background:#EA5514; text-align:center; font-size:150%; margin:0 0 20px; color:#FFF; border:none;}

#workingholiday h3.cntitle { font-size:150%; line-height:46px; background:url(../img/working-holiday/cn_back.jpg) no-repeat left center; border:none; margin: 0 0 10px; padding-left:80px; }
#workingholiday h3.autitle { font-size:150%; line-height:46px; background:url(../img/working-holiday/au_back.jpg) no-repeat left center; border:none; margin: 0 0 10px; padding-left:80px; }
#workingholiday h4 { font-size:130%; line-height:1.5; color:#EA5514;}
#workingholiday .ctimg { float:right; margin:0 0 10px 10px;}

#workingholiday .copy { text-align:center;}
#workingholiday dl {}
#workingholiday dt { border-left:3px solid #EA5514; padding:0 0 0 8px;}
#workingholiday dd { line-height:1.7; padding:5px 0 5px 0; margin-bottom:10px;}

#workingholiday .cncopy { border:3px solid #F7CCD3; background:#FBE6EA url(../img/working-holiday/cn_back2.png) no-repeat 110% top; margin-bottom: 10px;}
#workingholiday .cncopy ul { margin:10px 0;}
#workingholiday .cncopy li { font-size:110%; font-weight:bold; margin:8px 0; list-style:none;}
#workingholiday .cncopy li span { color:#D60021; margin-left:10px;}

#workingholiday .aucopy { border:3px solid #CCCCE8; background:#F2F2F9 url(../img/working-holiday/au_back2.png) no-repeat 110% top; margin-bottom: 10px;}
#workingholiday .aucopy ul { margin:10px 0;}
#workingholiday .aucopy li { font-size:110%; font-weight:bold; margin:8px 0; list-style:none;}
#workingholiday .aucopy li span { color:#02008A; margin-left:10px;}


#workingholiday h3.voice { font-size:18px; line-height:1.8; color:#EA5514;  margin:0 0 10px;}
#workingholiday h3.voice small { display:block; padding:0 0 10px 0; margin:0;}
#workingholiday .voiceimg { float:right; margin:0 0 10px 10px;}

#workingholiday .contact { max-width:100%; border:5px solid #E1E1E1; padding:15px; box-sizing: border-box; margin-bottom:30px;}
#workingholiday .contact h3 { margin:0; background:none; border:none; color:#EA5514;font-size:140%; padding:0; margin-bottom:10px;}

@media screen and (max-width: 768px) {
	#workingholiday h2.campaign { font-size:130%; margin:0 0 10px;}
	#workingholiday .copy img { max-width:100%; height:auto;}
	#workingholiday .fee img { max-width:100%; height:auto;}
	#workingholiday .smmg { margin-bottom:10px;}
	#workingholiday .row { box-sizing: border-box; margin-right: 0;  margin-left: 0;}

	#workingholiday h3.voice { margin:10px 0;}
	#workingholiday .contact { text-align:center;}
}

@media screen and (max-width: 480px) {
	#workingholiday .ctimg { width:40%; height:auto;}
	#workingholiday .contact img { max-width:100%; height:auto;}
}

#seminar .dl-horizontal dt{ text-align: left;}
#seminar .title{
	margin-bottom: 10px;
}
#seminar header {margin-bottom: 10px;}

#kyugakuryugaku {}
#kyugakuryugaku h1 { margin-bottom:20px;}
#kyugakuryugaku .point li { background:url(../img/kyugaku-ryugaku/check.jpg) no-repeat left -3px; font-size:0.875em; line-height:25px; margin-bottom:10px; padding:0 0 0 28px;}
#kyugakuryugaku .cl { clear: both;}
#kyugakuryugaku h3 img { vertical-align:middle; margin-right:5px;}
#kyugakuryugaku .plantitle {
	font-size:0.937em;
	line-height:2.0;
	font-weight:bold;
	margin:0.5em 0;
	padding:0.312em 0;
	text-align:center;
	color:#FFF;
	background:#FFA900;}
#kyugakuryugaku .skill {
	background:#EAF3EF;
	display:inline;
	padding:3px 12px;
	margin-bottom:10px;
	color:#539F7D;
	font-size:11px;
	font-weight:bold;
	moz-border-radius: 50px;
    -webkit-border-radius: 50px;
	float: right;
	margin-top: 5px;
    border-radius: 50px;}
#kyugakuryugaku h4 { font-size:0.937em; font-weight:bold; margin:10px 0; }
#kyugakuryugaku .voice h3 { font-size:1em; line-height:1.8; color:#539F7D;  margin:0 0 10px;}
#kyugakuryugaku .voice P { font-size:0.825em; color:#666;}
#kyugakuryugaku .episode { margin:1em 0;}
#kyugakuryugaku .episode h3  { font-size:0.937em; color:#FFA900;}
#kyugakuryugaku .episode strong { color:#539F7D;}
#kyugakuryugaku .episode .ptr { float:right; margin:0 0 1.25em 1.25em; width:25%; height:auto;}
#kyugakuryugaku .episode .cl { clear:both;}

@media screen and (max-width: 480px) {
#kyugakuryugaku .flag { width:20%; height:auto;}
#kyugakuryugaku .episode .ptr { width:40%; height:auto; margin:0 0 0.937em 0.937em;}
}

#careerup {}
#careerup h1 { margin-bottom:20px;}
#careerup .img img { width:100%; height:auto; }
#careerup .point li { background:url(../img/kyugaku-ryugaku/check.jpg) no-repeat left -3px; font-size:0.875em; line-height:25px; margin-bottom:10px; padding:0 0 0 28px;}
#careerup .cl { clear: both;}
#careerup .plantitle {
	font-size:0.937em;
	line-height:2.0;
	font-weight:bold;
	margin:0.935em 0;
	padding:0.312em 0;
	text-align:center;
	color:#FFF;
	background:#FFA900;}
#careerup .period {
	background:#EAF3EF;
	display:inline-block;
	padding:0 15px;
	margin-bottom:10px;
	color:#539F7D;
	font-weight:nomal;
	font-size:0.725em;
	moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;}
#careerup h4 { font-size:0.937em; font-weight:bold; margin:0 0 10px; color:#539F7D;}
#careerup .plan p { margin-bottom:5px;}
#careerup .plan img { margin-bottom:1em;}
.contact .btn_cont li a {
margin-bottom: 0.5em;
    font-size: 16px;
}
/* オンラインフォーム */
#form .Dprice p {
	font-size: 16px;
	margin-top: 10px;
}
#form .Dprice p .Tred {
    color: #FB4C2F;
}
#form .Dprice p .T700 {
    color: #000;
	font-weight: 700;
}
#form .Dprice p select.wpcf7-form-control{
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	margin-left: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}