@charset "UTF-8";

/*allreset*/

h4.h4recruit {color: #004d39;font-size: 18px;font-weight: 600;border-bottom: 1px solid #004d39;padding-bottom: 10px;text-align: center;margin-bottom: 10px;margin-right: 5%;margin-left: 5%;line-height: 1.5em;}

body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-size: 100%;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;box-sizing: border-box;}
html {padding-top: 50px;}
img {display: block}

*:focus{
  outline: none;
}

.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}

dd.pricemaru1 {text-align: center;color: #fff;font: 15px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;top: 20px;}
dt.pricemaru2 {text-align: center;color: #ff0;font: bold 40px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;top: 40px;}
dd.pricemaru3 {text-align: center;color: #fff;font: 15px/1.25em "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;bottom: 15px;}

.nofloat {clear: both;}
.img100 {width: 100%;height: auto;}
.imgcenter{height: auto;margin-right: auto;margin-left: auto;}
-webkit--moz--o--ms-
tag {border-radius:10px;}
tag {box-shadow: /*hl*/10px /*vt*/10px /*bl*/10px /*wd*/10px rgba(0,0,0,0.4) /*inset*/;}
tag {transition: /*pp*/xxx /*tm*/0s /*ease-in-out*/linear /*dl*/0 ;}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; }

p.exp00 {color: #666;font-size: 10px;line-height: 1.5em;}
p.exp01 {color: #666;font-size: 12px;line-height: 1.5em;}
p.spexp01 {color: #666;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;}
p.exp03 {color: #ea6d8d;font-size: 12px;line-height: 1.5em;border-bottom-color: #fffefe;margin-bottom: 5px;}

.txtcenter {text-align: center;}

.mgl0 {margin-left: 0px!important;}
.mgl10 {margin-left: 10px!important;}
.mgl20 {margin-left: 20px!important;}
.mgl30 {margin-left: 30px!important;}
.mgl40 {margin-left: 40px!important;}
.mgl50 {margin-left: 50px!important;}
.mgl60 {margin-left: 60px!important;}
.mgl70 {margin-left: 70px!important;}
.mgl80 {margin-left: 80px!important;}
.mgl90 {margin-left: 90px!important;}
.mgl100 {margin-left: 100px!important;}
.mgl130 {margin-left: 130px!important;}

.mgb0 {margin-bottom: 0px!important;}
.mgb10 {margin-bottom: 10px!important;}
.mgb20 {margin-bottom: 20px!important;}
.mgb30 {margin-bottom: 30px!important;}
.mgb40 {margin-bottom: 40px!important;}
.mgb50 {margin-bottom: 50px!important;}
.mgb60 {margin-bottom: 60px!important;}
.mgb70 {margin-bottom: 70px!important;}
.mgb80 {margin-bottom: 80px!important;}
.mgb90 {margin-bottom: 90px!important;}
.mgb100 {margin-bottom: 100px!important;}
.mgb130 {margin-bottom: 130px!important;}

.mgl-0 {margin-left: -0px!important;}
.mgl-10 {margin-left: -10px!important;}
.mgl-20 {margin-left: -20px!important;}
.mgl-30 {margin-left: -30px!important;}
.mgl-40 {margin-left: -40px!important;}
.mgl-50 {margin-left: -50px!important;}


.mgr0 {margin-right: 0px!important;}
.mgr10 {margin-right: 10px!important;}
.mgr20 {margin-right: 20px!important;}
.mgr30 {margin-right: 30px!important;}
.mgr40 {margin-right: 40px!important;}
.mgr50 {margin-right: 50px!important;}

.up0 {margin-top: 0px!important;}
.up50 {margin-top: -50px!important;}
.up40 {margin-top: -40px!important;}
.up30 {margin-top: -30px!important;}
.up20 {margin-top: -20px!important;}


.up10 {margin-top: -10px!important;}

.dn50 {margin-top: 50px!important;}
.dn40 {margin-top: 40px!important;}
.dn30 {margin-top: 30px!important;}
.dn20 {margin-top: 20px!important;}
.dn10 {margin-top: 10px!important;}

.btm50 {margin-bottom: 50px!important;}
.btm40 {margin-bottom: 40px!important;}
.btm30 {margin-bottom: 30px!important;}
.btm20 {margin-bottom: 20px!important;}
.btm10 {margin-bottom: 10px!important;}

article.contentsbody {background-color: #fff;}

.inline {display: inline;}

.sacramento {font-family: 'Sacramento', cursive;}

.nosp {display: none!important;}
.nopc {display: block;}

img.flakeitem {display: none;}
img.img100 {width: 100%;height: auto;}

/*wideslider*/ 
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 1500;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
		filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;right: 0;}	
div.tothetopfixed a  {display: block;float: right;background-color: #fff;}
 

 
div.tothetopfixed a:hover {
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
}

div.tothetopfixed a {
    display: block;
    color: #fff;
    border-radius: 5px;
    font-size: 0.8em;width: 40px;height: 40px;background: url(../img/b_gototop.png) no-repeat 0 0;background-size:contain;text-indent: -9999px;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;margin: 0 5% 5% 0;}


/*structure*/


body.body {}
div.body {}
section.spmenu {position: fixed;z-index: 1001;top: 0;height: 50px;width: 100%;background-color: #fff;}

.trans2 {transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
	}
.notrans {}

/*header*/



/*topimg*/
section.topimg {width: 100%;background-size:100% auto;position: relative;background-position: center top;padding-bottom: 50%;}
div.topimg {width: 100%;position: relative;}
img.topimgtxt {position: absolute;top: 0;width: 90%;height: auto;margin: auto;right: 0;bottom: 0;left: 0;z-index: 200;}
img.topimgimg {width: 100%;height: auto;}



section.bgblue01 {background-color: #dce5f3;}
p.topimg {color: #333;font-size: 18px;line-height: 2em;font-weight: bold;}
div.contents {margin-right: auto;margin-left: auto;}
div.company {margin-right: auto;margin-left: auto;}

div.topcat {background-color: rgba(0,99,57,0.9);width: 100%;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;padding-top: 5%;}


div.pcheader {}
section.contents {background-color: #fff;}
section.bgoff {background-color: #fff;padding-top: 5%;padding-bottom: 5%;}
section.bgon {background-color: #f5f2e9;padding-top: 5%;padding-bottom: 5%;}
div.div960,div.div800,div.div600,div.div400    {width: 90%;margin-right: 5%;margin-left: 5%;}

/*pickup*/
div.pickup {margin-right: auto;margin-left: auto;}
ul.pickup {overflow: hidden;}
ul.pickup li {margin-right: 5%;margin-left: 5%;margin-bottom: 5%;}
ul.pickup li a {display: block;}
ul.pickup li a b {background-color: #ddd;display: block;position: relative;color: #333;font-size: 18px;font-weight: bold;height: 40px;padding-left: 80px;padding-top: 20px;}
ul.pickup li a b:after{
    content: "\f138";
    color: #333;
    font: 20px FontAwesome;position: absolute;right: 15px;}
ul.pickup li a img {width: 100%;height: auto;}

ul.pickup li a b.pickup1 {background: #ddd url(../img/p_catsp01.jpg) no-repeat;background-size:60px 60px;}
ul.pickup li a b.pickup2 {background: #ddd url(../img/p_catsp02.jpg) no-repeat;background-size:60px 60px;}
ul.pickup li a b.pickup3 {background: #ddd url(../img/p_catsp03.jpg) no-repeat;background-size:60px 60px;}

/*searchbox*/
div.searchbox {margin-right: 5%;margin-left: 5%;border: 1px solid #004d39;background-color: #fff;padding: 5%;}
h2.searchbox {color: #004d39;font-size: 18px;font-weight: bold;text-align: center;display: block;margin-right: 5%;margin-left: 5%;position: relative;z-index: 100;line-height: 1.5em;background-size:100% auto;background: #f5f2e9 url(../img/bg_h2search.png) center bottom;padding-top: 5%;padding-bottom: 5%;}

form.searchandfilter {margin-right: auto;margin-left: auto;}

form.searchandfilter ul {}
form.searchandfilter ul li {overflow: hidden;}

form.searchandfilter ul li h4 {}
form.searchandfilter ul li label {}

form.searchandfilter ul li.sf-field-taxonomy-area {margin-bottom: 5%;}

form.searchandfilter ul li.sf-field-taxonomy-jobcat{margin-bottom: 5%;}

form.searchandfilter ul li.sf-field-taxonomy-employ{}

form.searchandfilter ul li.sf-field-taxonomy-option{}

input.sf-input-checkbox {}
li.sf-level-0 {float: left;margin-right: 2em;margin-bottom: 1em;}

select.sf-input-select {border: 1px solid #ccc;color: #333;font-size: 15px;padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;width: 100%;}

li.sf-field-submit input {
		-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;background-color: #004d39;color: #fff;font-size: 18px;text-align: center;margin-right: auto;margin-left: auto;padding-top: 2%;padding-bottom: 2%;width: 100%;}

.searchandfilter h4 {color: #333;font-size: 15px;font-weight: bold;margin-bottom: 5px;text-align: left;}

aside.pushbar div {font-size: 15px;text-align: center;color: #004d39;}

/*topnewjob*/
div.tnj-all {margin-right: 5%;margin-left: 5%;}
div.tnj-in {} 

div.topnewjob {border: 1px solid #333;margin-bottom: 5%;}

h2.tnj-tit a{background-color: #e5edeb;display: block;color: #004d39;font-size: 15px;font-weight: bold;text-decoration: underline;padding: 2%;line-height: 1.5em;}
h2.tnj-tit {}


.tnj-pay {color: #333;font-size: 15px;font-weight: bold;margin-right: 2%;margin-left: 2%;margin-top: 2%;}
.tnj-exp {color: #333;font-size: 12px;line-height: 1.5em;height: 6em;overflow: hidden;margin-right: 2%;margin-left: 2%;margin-top: 2%;}

ul.tnj-tarm {overflow: hidden;margin: 2%;}
ul.tnj-tarm li {background-color: #666;color: #fff;font-size: 10px;padding: 5px;float: left;display: block;margin-right: 5px;}

div.btn-top01 a {display: block;background-color: #004d39;color: #fff;font-size: 15px;text-align: center;margin-right: 5%;margin-left: 5%;padding: 15px 5px;line-height: 1.5em;}
div.btn-top01 a i {color: #fff;font-size: 15px;margin-right: 5px;}
div.btn-top02 a {display: block;background-color: #8fc31f;color: #004d39;font-size: 15px;text-align: center;margin-right: 5%;margin-left: 5%;padding: 15px 5px;line-height: 1.5em;}
div.btn-top02 a i {color: #004d39;font-size: 15px;margin-right: 5px;}


/*topabout*/
div.topabout {margin-right: auto;margin-left: auto;}

h3.topabout {color: #333;font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 5%;margin-left: 5%;margin-right: 5%;line-height: 1.5em;}

p.exp01 {color: #333;font-size: 12px;line-height: 1.75em;margin-right: 5%;margin-left: 5%;}

img.rogotopmid {margin-right: auto;margin-left: auto;height: auto;width: 75%;margin-bottom: 5%;}

p.topcont {color: #333;font-size: 12px;text-align: center;}

div.rogocomp {margin-right: auto;margin-left: auto;}
ul.rogocomp {overflow: hidden;margin-left: -10px;}
ul.rogocomp li {float: left;margin-left: 20px;}
ul.rogocomp li a {}
ul.rogocomp li a img {height: 50px;width: auto;}


/*footer*/





footer.footer {background-color: #fff;padding-top: 5%;padding-bottom: 5%;}
p.copyright {color: #000;font-size: 10px;text-align: center;clear: both;}


/*header*/




h1.h1head a {display: block;height: 40px;margin-right: auto;margin-left: auto;background: url(../img/bg_h1.gif) no-repeat;text-indent: -9999px;position: absolute;top: 5px;left: 5px;width: 216%;
background-size:216px auto;
}


header.spheader {background-color: #fff;height: 50px;position: fixed;z-index: 500;width: 100%;top: 0;}
div.header {margin-right: auto;margin-left: auto;height: 30px;margin-top: 10px;}

div.rogoheadpc {background-color: #fff;height: 40px;width: 216px;}

div.rogoheadpc a b {display: block;position: absolute;color: #133c36;font-size: 15px;font-weight: bold;text-indent: -9999px;}


div.rogoheadpc2 {height: 30px;background-color: #fff;width: 260px;}
div.rogoheadpc2 a {background: url(../img/tit_housing.png) no-repeat left top;display: block;background-size:190px auto;height: 35px;text-indent: -9999px;width: 190px;margin-left: 10px;}
div.rogoheadpc2 a b {display: block;position: absolute;color: #133c36;font-size: 15px;font-weight: bold;text-indent: -9999px;}





ul.mmpc {padding-top: 30px;}
ul.mmpc li {float: left;margin-right: 30px;}
ul.mmpc li a {color: #fff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;font-size: 18px;}
ul.mmpc li a:hover {color: #fff001;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

div.telheadpc {float: right;margin-top: -10px;}

div.telheadpc a {color: #fff;font: bold 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}
div.telheadpc a:hover {}
div.telheadpc a i {color: #fff;font-size: 30px;font-weight: bold;margin-right: 5px;}


/*section*/
section.bgon1 {background-color: #d2e1ec;padding-top: 5%;padding-bottom: 5%;}

/*content*/
.cont5{margin-right: 5%;margin-left: 5%;}

div.contents {margin-left: auto;margin-right: auto;}
h2.h2toptxt {color: #000;font-size: 15px;line-height: 1.5em;text-align: center;font-weight: 600;}

ul.topmenu_top {overflow: hidden;width: 100%;}

div.tmblock {position: relative;padding-bottom: 60%;}
ul.topmenu_top li {background-color: #eee;}

ul.topmenu_top li img {width: 100%;height: auto;position: absolute;}
ul.topmenu_top li b {
    font: 50px din-condensed;display: block;position: absolute;bottom: 25px;left: 15px;}
ul.topmenu_top li strong {color: #fff;font-size: 18px;font-weight: 400;display: block;position: absolute;bottom: 10px;left: 15px;}
ul.topmenu_top li i {display: block;color: #000;font-size: 12px;line-height: 1.5em;padding: 15px 10px 10px;}
b.topmenu_top01 {color: #0073de;}
b.topmenu_top02 {color: #40d400;}
b.topmenu_top03 {color: #ff6900;}

ul.topmenu_btm {overflow: hidden;padding-right: 5%;padding-left: 5%;}
ul.topmenu_btm li {width: 100%;padding-bottom: 50%;margin-bottom: 5%;}
div.ttblock {position: relative;}
ul.topmenu_btm li img {position: absolute;width: 100%;height: auto;top: 0;left: 0;}
ul.topmenu_btm li b {position: absolute;color: #000;font: 50px din-condensed;margin-top: 15%;margin-left: 5%;}
ul.topmenu_btm li i {position: absolute;color: #000;font-size: 20px;font-weight: 400;margin-top: 30%;margin-left: 5%;}


ul.feednwes {margin-right: auto;margin-left: auto;border-top: 1px dotted #ccc;}
ul.feednwes li {overflow: hidden;border-bottom: 1px dotted #ccc;}
ul.feednwes li a {color: #000;font-size: 15px;line-height: 1.5em;display: inline-block;overflow: hidden;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;padding: 5%;}
ul.feednwes li a:hover {background-color: #eee;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

ul.feednwes li a i  {color: #000;font-size: 12px;}
ul.feednwes li a img {width: 100px;height: 100px;float: left;margin-right: 5%;border: 1px solid #ccc;}

h2.h2title {text-align: center;margin-bottom: 5%;}
h2.h2title b {font: 30px din-condensed;display: block}
h2.h2title i {color: #000;font-size: 16px;font-weight: 400;}

ul.gotocontact {margin-right: auto;margin-left: auto;overflow: hidden;}
ul.gotocontact li {margin-left: 5%;margin-right: 5%;}
ul.gotocontact li:nth-child(1) {margin-bottom: 5%;}
ul.gotocontact li a {background-color: #fff;display: block;text-align: center;color: #000;font-size: 20px;font-weight: bold;padding-top: 20px;padding-bottom: 20px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
ul.gotocontact li a i {color: #000;margin-right: 5px;}
ul.gotocontact li a:hover,ul.gotocontact li a:hover i {color: #133c36;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
ul.gotocontact li b {display: none;}


/*next*/
section.bread {margin-top: 10px;padding: 7px 10px 5px;}
div.bread {color: #fff;font-weight: 100;font-size: 10px;}
div.bread a {color: #fff;}
div.bread a:hover {text-decoration: underline;}
section.nexthead {width: 100%;height: 90px;position: relative;}
.next00 {background-color: #333;}
.next01 {background: url(../img/bg_nexthead01.jpg) no-repeat center top;background-size: 170% auto;}
.next02 {background: url(../img/bg_nexthead02.jpg) no-repeat center top;background-size: 170% auto;}
.next03 {background: url(../img/bg_nexthead03.jpg) no-repeat center top;background-size: 170% auto;}
.next04 {background: url(../img/bg_nexthead04.jpg) no-repeat center top;background-size: 170% auto;}
.next05 {background: url(../img/bg_nexthead05.jpg) no-repeat center top;background-size: 170% auto;}
.next06 {background: url(../img/bg_nexthead06.jpg) no-repeat center top;background-size: 170% auto;}
div.nexthead {margin-right: auto;margin-left: auto;}
next01 {}
h2.h2next {color: #fff;text-shadow: #000000 0 0 20px;}
h2.h2next i {color: #fff;font-size: 20px;font-weight: 600;}
h2.h2next b {font: 35px din-condensed;}



ul.nextmenu {overflow: hidden;}
ul.nextmenu li {color: #fff;width: 50%;float: left;border-bottom: 1px solid #333;}
ul.nextmenu li:nth-child(odd) {border-right: 1px solid #333;}
ul.nextmenu li a {color: #fff;font-size: 12px;text-align: center;font-weight: 200;display: block;padding-top: 10px;padding-bottom: 10px;}
div.mmpc {width: 100%;background-color: #222;margin-right: auto;margin-left: auto;right: 0;left: 0;bottom: 0;border-top: 1px solid #333;}
div.h2pc {margin-right: auto;margin-left: auto;position: absolute;bottom: 15px;left: 15px;}
b.h2next00 {color: #fff;}
b.h2next01 {color: #0073de;}
b.h2next02 {color: #ff6000;}
b.h2next03 {color: #3fe747;}
b.h2next04 {color: #13ae67;}
b.h2next05 {color: #0073de;}

.tshadow {text-shadow: #000000 0 0 20px;}


.nmnow a {color: #ff8000!important;}

/*protop*/







/*contact*/
p.contactexp02 {margin-right: 5%;margin-left: 5%;color: #000;font-size: 12px;padding: 5%;background-color: #efefef;margin-bottom: 10%;line-height: 1.5em;text-align: center;}

p.contactexp02 a{color: #0067a4;text-align: center;}
p.contactexp02 a:hover{text-decoration: underline;}


p.thanks {color: #666;font-size: 12px;line-height: 1.5em;text-align: center;margin-top: 10%;}
h3.point2 {text-align: center;color: #666;font-size: 20px;line-height: 1.5em;}
div.contact {margin-right: 5%;margin-left: 5%;margin-bottom: 10%;}
form#mailformpro {margin-right: auto;margin-left: auto;margin-top: 20px;}
form#mailformpro button{color: #fff;font-size: 18px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;padding: 10px 20px;}
dl.contact {overflow: hidden;}
dl.contact dt {color: #666;font-size: 80%;}
dl.contact dt b {color: #c00;font-size: 12px;}
dl.contact dd {padding-top: 5px;padding-bottom: 5px;}

dl.contact03 input,dl.contact03 textarea {background-color: #fff;padding: 5px;border: 1px solid #ccc;border-radius:5px;color: #666;}

input[type="text"]:focus,input[type="email"]:focus,dl.contact03 textarea:focus,dl.contact03 dd select:focus,button[type="submit"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus
 {
  outline: 0;
  border-color: orange;
}

dd.contact03rb input[type="checkbox"], dd.contact03rb input[type="radio"] {width: 15px;height: 15px;}
.ipt01 {color: #666;font-size: 16px;width: 90%;}
.ipt02 {color: #666;font-size: 16px;width: 90%;}
.ipt03 {color: #666;font-size: 16px;height: 1em;width: 90%;}
.ipt04 {color: #666;font-size: 16px;width: 90%;}
.ipt05 {color: #666;font-size: 16px;width: 90%;}
.ipt06 {color: #666;font-size: 16px;height: 20em!important;width: 90%;}
p.contactexp {color: #000;font-size: 15px;line-height: 1.5em;margin-right: 5%;margin-left: 5%;margin-bottom: 3%;}

textarea.ipt06 {color: #666;font-size: 16px;height: 20em!important;width: 95%!important;margin-bottom: 5%;padding: 3%;}

dl.contact03 {overflow: hidden;width: 100%;}
dl.contact03 dt {color: #666;font-size: 15px;line-height: 1.5em;}
dl.contact03 dt b {color: #c00;font-size: 12px;}
dl.contact03 dd i {color: #c00;}
dl.contact03 dd {color: #666;font-size: 15px;margin-bottom: 5%;line-height: 1.5em;}
dd.contact03cap {color: #666;font-size: 75%;line-height: 1.5em;}

dl.contact03 dt i {color: #666;font-size: 11px;margin-left: 0.3px;}
dl.contact03 dd.contact03rb {margin-top: 10px;}

div#mfp_overlay_inner{width: 90%!important;margin-right: 5%;margin-left: 5%;}













/*privacy*/
div.privacy {margin-right: 5%;margin-left: 5%;width: 90%;}
div.privacy p {color: #000;font-size: 15px;line-height: 1.75em;font-weight: 200;margin-bottom: 50px;}
div.privacy h4 {color: #000;font-size: 18px;font-weight: 600;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;line-height: 1.5em;}


p.eqother {color: #000;font-size: 15px;line-height: 1.5em;margin-right: 5%;margin-left: 5%;}
p.eqother2 {color: #000;font-size: 14px;line-height: 1.5em;margin-right: 5%;margin-left: 5%;text-align: right;}
ul.eqother {overflow: hidden;list-style-position: outside;list-style-type: disc;margin-right: 5%;margin-left: 5%;width: 90%;}
ul.eqother li {color: #000;font-size: 14px;line-height: 1.5em;float: left;margin-left: 2em;list-style-type: disc;}

h5.h5next {color: #000;font-size: 25px;margin-bottom: 5%;font-weight: 400;padding: 10px;text-align: center;border-bottom: 1px dotted #ccc;margin-right: 5%;margin-left: 5%;}








/*blog*/
article.blog-colm {margin-right: 5%;margin-left: 5%;}
div.blog-body {margin-bottom: 10%;}
div.blog-side {}

div.side-tit {color: #333;margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px dotted #ccc;font-size: 18px;font-weight: 400;}
ul.side-menu {margin-bottom: 10%;}
ul.side-menu li {list-style-position: outside;list-style-type: disc;margin-left: 1.5em;}
ul.side-menu li a {color: #000;font-size: 13px;display: block;line-height: 1.5em;margin-bottom: 10px;}
ul.side-menu li a:hover {text-decoration: underline;}

ul.blog-list {margin-bottom: 5%;}
ul.blog-list li {line-height: 1.5em;}
ul.blog-list li a {color: #000;font-size: 13px;line-height: 1.5em;display: block;overflow: hidden;padding: 25px;}
ul.blog-list li a:hover {background-color: #efefef;}
ul.blog-list li a img {float: left;height: auto;margin-right: 10px;}
ul.blog-list li a span {color: #000;font-size: 13px;line-height: 1.5em;display: block;float: right;width: 430px;}
ul.blog-list li a b {display: block;margin-bottom: 10px;font-size: 18px;line-height: 1.5em;font-weight: 600;}
ul.blog-list li a i {display: block;margin-bottom: 10px;}

div.blog-date {margin-bottom: 10px;color: #000;font-size: 13px;text-align: right;}
h3.blog-tit {font-size: 25px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;line-height: 1.5em;color: #db5f83;margin-left: 5px;display: inline-block;position: relative;top: 3px;width: 100%;}
div.blog-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 200;}
div.blog-body p img {max-width:660px;margin-bottom: 10px;height: auto;width: 100%;}
.bog-archnav {margin-top: 10%;}

ul.archnav {overflow: hidden;display: block;width: 100%;position: relative;height: 1em;}
li.archnav-p {width: 5em;display: block;position: absolute;left: 0;}
li.archnav-i {width: 7em;display: block;position: absolute;left: 50%;margin-left: -3.5em;}
li.archnav-n {width: 5em;display: block;position: absolute;right: 0;}
li.archnav-p a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-i a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-n a {color: #333;font-size: 15px;font-weight: 200;}


section.list-top {background-color: #fff;}
div.list-top {margin-right: auto;margin-left: auto;}

ul.side-list {margin-bottom: 10%;}
ul.side-list li {margin-bottom: 10px;}
ul.side-list li a {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 200;text-indent: -8px;margin-left: 20px;}
ul.side-list li a:before {content: "\f138";color: #333;font: 15px FontAwesome;display: inline-block;padding-right: 5px;}
ul.side-list li a:hover:before {color: #df5f61;text-decoration: underline;display: inline-block;}
ul.side-list li a:hover {color: #df5f61;text-decoration: underline;}

.news-date {color: #333;font-size: 12px;margin-bottom: 10px;}



ul.bread_crumb {overflow: hidden;}
ul.bread_crumb li {font-weight: 200;font-size: 12px;float: left;overflow: hidden;color: #fff;}
ul.bread_crumb li a {text-decoration: none;color: #fff;font-weight: 200;font-size: 12px;}
ul.bread_crumb li a:last-child:after {
    content : '　>　';
}


div.wp-pagenavi {width: 100%;text-align: center;display: block;margin-top: 50px;margin-bottom: 50px;}
.pages {}
a.page {color: #666;font-weight: normal;font-style: normal;font-size: 13px;padding: 6px 12px;border: 1px solid #ddd;margin-left: -1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
a.page:hover {background-color: #efefef;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

a.nextpostslink,a.previouspostslink {color: #333;font-size: 12px;display: inline-block;padding: 5px;text-align: center;margin-right: 0.5em;}

a.last,a.first  {color: #333;font-size: 12px;display: inline-block;text-align: center;margin-left: 0.5px;margin-right: 0.5em;padding: 0.5em;}


div.blog-other {width: 100%;}

/*news-list-top*/
ul.news-list-top {}
ul.news-list-top li {overflow: hidden;margin-bottom: 3%;border-top: 1px dotted #ccc;padding-top: 3%;}
ul.news-list-top li a {color: #333;font-size: 15px;line-height: 1.5em;display: block;}
ul.news-list-top li a img {width: 25%;height: auto;float: left;}
ul.news-list-top li b {color: #0071be;font-size: 15px;font-weight: bold;display: inline-block;margin-bottom: 10px;line-height: 1.5em;}


ul.news-list-top li i {color: #333;font-size: 12px;display: inline-block;margin-bottom: 10px;}
.newstext {}
.newsexp {display: inline;line-height: 1.5em;color: #333;font-size: 12px;}
















/*content*/
/*topimg*/
section.topimg {/*background: url(../img/bg_comp01.jpg) no-repeat center bottom;width: 100%;background-size:cover;height: 1000px;*/}


div.toplink {width: 1200px;margin-right: auto;margin-left: auto;}

ul.toplink {overflow: hidden;margin-left: -20px;}
ul.toplink li {width: 285px;float: left;margin-left: 20px;background: url(../img/bg_toplink.png) no-repeat center top;margin-bottom: 30px;}
ul.toplink li a {text-align: center;display: block;}
ul.toplink li a img {width: 75%;height: auto;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
ul.toplink li a b {color: #fff;font-size: 22px;font-weight: 600;text-align: center;display: block;margin-bottom: 20px;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
ul.toplink li a i {color: #fff;font-size: 15px;text-align: center;display: block;margin-bottom: 30px;line-height: 1.5em;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

ul.toplink li:nth-child(5) {margin-left: 180px;}

p.topexp {color: #184b77;font-size: 30px;font-weight: 600;line-height: 1.5em;text-align: center;padding-top: 50px;padding-bottom: 50px;}

ul.toplink li a:hover b {color: #70e5ff;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
ul.toplink li a:hover i {color: #70e5ff;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-icolor: #15a9c9;-out;
}


div.topnews {}
div.topfb {width: 460px;float: right;}
div.topfb iframe {width: 460px;margin-right: auto;margin-left: auto;}

div.topnews_l {margin-bottom: 10%;margin-top: 5%;}
div.topnews_r {}
ul.topnews {}
ul.topnews li {overflow: hidden;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px dotted #ccc;}
ul.topnews li a b:before {color: #000;display: inline-block;
content: "\f138";font: 15px FontAwesome;padding-right: 5px;
}

ul.topnews li a i {color: #000;font-size: 12px;display: block;text-align: left;margin-bottom: 0!important;}
ul.topnews li a b {color: #000;font-size: 18px;font-weight: 400;display: block;margin-top: 10px;line-height: 1.5em;}
ul.topnews li a img {width: 100px;height: auto;margin-right: 20px;}

ul.topnews li a:hover b {text-decoration: underline;color: #0092cb;}

h2.h2home2 {color: #000;font-size: 20px;font-weight: 600;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}

/*next*/


/*protop*/




/*blog*/
article.blog-colm {overflow: hidden;margin-right: 5%;margin-left: 5%;margin-top: 5%;}
div.blog-body {}
div.blog-side {}

div.side-tit {color: #333;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;font-size: 18px;font-weight: 400;}
ul.side-menu {margin-bottom: 50px;}
ul.side-menu li {list-style-position: outside;list-style-type: disc;margin-left: 1.5em;}
ul.side-menu li a {color: #000;font-size: 13px;margin-bottom: 15px;display: block;line-height: 1.5em;}
ul.side-menu li a:hover {text-decoration: underline;}

ul.blog-list {margin-bottom: 20px;}
ul.blog-list li {line-height: 1.5em;}
ul.blog-list li a {color: #000;font-size: 13px;line-height: 1.5em;display: block;overflow: hidden;padding: 25px;width: 650px;}
ul.blog-list li a:hover {background-color: #efefef;}
ul.blog-list li a img {width: 150px;height: auto;margin-right: 10px;}
ul.blog-list li a span {color: #000;font-size: 13px;line-height: 1.5em;display: block;float: right;width: 430px;}
ul.blog-list li a b {display: block;margin-bottom: 10px;font-size: 18px;line-height: 1.5em;font-weight: 600;}
ul.blog-list li a i {display: block;margin-bottom: 10px;}

div.blog-date {margin-bottom: 10px;color: #000;font-size: 13px;text-align: right;}
h3.blog-tit {font-size: 25px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;line-height: 1.5em;color: #db5f83;margin-left: 5px;display: inline-block;position: relative;top: 3px;width: 100%;}
div.blog-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 200;}
div.blog-body p img {max-width:660px;margin-bottom: 10px;height: auto;width: 100%;}
.bog-archnav {margin-top: 50px;}

ul.archnav {overflow: hidden;display: block;width: 100%;position: relative;height: 1em;}
li.archnav-p {width: 5em;display: block;position: absolute;left: 0;}
li.archnav-i {width: 7em;display: block;position: absolute;left: 50%;margin-left: -3.5em;}
li.archnav-n {width: 5em;display: block;position: absolute;right: 0;}
li.archnav-p a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-i a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-n a {color: #333;font-size: 15px;font-weight: 200;}


section.list-top {background-color: #fff;}
div.list-top {margin-right: auto;margin-left: auto;}

ul.side-list {margin-bottom: 50px;}
ul.side-list li {margin-bottom: 10px;}
ul.side-list li a {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 200;text-indent: -8px;margin-left: 20px;}
ul.side-list li a:before {content: "\f138";color: #333;font: 15px FontAwesome;display: inline-block;padding-right: 5px;}
ul.side-list li a:hover:before {color: #df5f61;text-decoration: underline;display: inline-block;}
ul.side-list li a:hover {color: #df5f61;text-decoration: underline;}

.news-date {color: #333;font-size: 12px;margin-bottom: 10px;}

h3.experi-tit {color: #005f8c;font-size: 25px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #0067a4;margin-bottom: 10px;padding-bottom: 10px;}

h3.result-tit {color: #000;font-size: 25px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #57900d;margin-bottom: 10px;padding-bottom: 10px;}


h2.nomalhead {background: url(../img/bg_h2.gif) repeat center center;padding-top: 25px;padding-bottom: 25px;text-align: center;color: #000;font-size: 30px;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}


section.next-clm {background-color: #fff;padding-top: 1px;padding-bottom: 1px;}

div.next-page {padding-top: 5%;padding-bottom: 5%;}



h3.h3page {color: #000;font: bold 20px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;border-bottom: 1px dotted #0067a4;margin-bottom: 10px;padding-bottom: 5px;text-align: center;}
dl.exp01 {}
dl.exp01 dt {color: #333;font-size: 18px;line-height: 1.5em;width: 5em;float: left;
text-align: justify;
text-justify: inter-ideograph;
text-align-last: justify;margin-right: 2em;margin-bottom: 0.5em;}
dl.exp01 dd {color: #333;font-size: 18px;line-height: 1.5em;margin-bottom: 0.5em;}
p.exp01 {color: #333;font-size: 13px;line-height: 1.75em;}
p.exp01 a {color: #0067a4;}
p.exp01 a:hover {text-decoration: underline;}


.expbtm {margin-bottom: 5%;}

div.kaicho {text-align: center;color: #333;font-size: 12px;}
div.yakuin {overflow: hidden;}


p.exp02 {background-color: #f1f8fa;padding: 20px;color: #333;font-size: 18px;line-height: 1.75em;text-align: center;margin-bottom: 50px;}

p.exp03 {background-color: #f1f8fa;padding: 20px;color: #333;font-size: 15px;line-height: 1.75em;text-align: left;margin-bottom: 50px;}


/*sasaintro*/
div.sasaintro {margin-bottom: 50px;}
div.sasaintro_l {margin-bottom: 10%;}
div.sasaintro_r {}

p.sasatit {color: #333;font-size: 20px;line-height: 1.75em;text-align: center;}
p.sasaexp {color: #333;font-size: 13px;line-height: 1.75em;margin-top: 25px;}

a.btn01 {display: block;text-align: center;font-size: 15px;border: 1px solid #0067a4;border-radius:5px ;color: #0067a4;background-color: #f1f8fa;
transition: all 0.2s ease-in-out;padding-top: 20px;padding-bottom: 20px;}
a.btn01:hover {background-color: #b9e1ed;
transition: all 0.2s ease-in-out;
}
img.sasabook {margin-right: auto;margin-left: auto;margin-bottom: 25px;}

.btngotoent {margin-bottom: 50px;}

ol.exp01 {}
ol.exp01 li {list-style-type: decimal;color: #333;font-size: 15px;line-height: 1.75em;margin-left: 1em;}

ul.action {overflow: hidden;text-align: center;}
ul.action li {text-align: left;display: inline-block;width: 30%;float: left;margin-bottom: 0.5em;margin-right: 3%;}
ul.action  li a{color: #0067a4;font-size: 13px;text-align: left;}
ul.action  li a:hover{text-decoration: underline;}

ul.actionbtn {}
ul.actionbtn li {margin-bottom: 10px;}
ul.actionbtn li a {display: block;background-color: #f7fbfc;padding: 15px;width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4;}
ul.actionbtn li a:hover {background-color: #c6e7f0;}

ul.action2 {overflow: hidden;text-align: center;margin-bottom: 50px;}
ul.action2 li {text-align: center;display: inline-block;margin-right: 1em;margin-left: 1em;}
ul.action2  li a{color: #0067a4;font-size: 18px;text-align: center;}
ul.action2  li a:hover{text-decoration: underline;}

ul.action2btn {display:flex;
justify-content:left;
flex-wrap: wrap;
margin-left: 1.5%;
}
ul.action2btn li {margin-bottom: 2.5%;
	margin-right:1%;
width: 30%;
margin-left: 1%;
}
ul.action2btn li a {display: block;background-color: #f7fbfc;
width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4;
text-align: center;
padding-top: 15px;
	padding-bottom: 15px;
}
ul.action2btn li a:hover {background-color: #c6e7f0;}


ul.actionnews {margin-bottom: 50px;}
ul.actionnews li {margin-top: 25px;}

ul.actionnews li b {color: #333;font-size: 18px;display: block;margin-bottom: 10px;}
ul.actionnews li i {color: #333;font-size: 14px;display: block;padding: 10px;background-color: #f1f8fa;line-height: 1.75em;}

ul.actionnews li a i span {color: #0067a4;}
ul.actionnews li a i span:hover {text-decoration: underline;}

table.school {border-top: 1px solid #ccc;border-left: 1px solid #ccc;width: 100%;margin-bottom: 25px;}
table.school th {color: #333;font-size: 13px;width: 8em;padding: 10px;text-align: left;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #f7fbfc;vertical-align: top;line-height: 1.5em;}
table.school td {color: #333;font-size: 13px;padding: 10px;text-align: left;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;vertical-align: top;line-height: 1.5em;}
table.school td a {color: #0067a4;text-decoration: underline;}

h4.h4scool {color: #333;font-size: 18px;margin-bottom: 10px;margin-top: 25px;font-weight: bold;
text-align: center;
}


div.grade_0 {}
div.grade_g {}
div.grade_s {}

h4.grade {}
ul.grade {}
ul.grade li {margin-bottom: 10px;}
ul.grade li a {display: block;background-color: #f7fbfc;padding: 15px;width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4;}
ul.grade li a:hover {background-color: #c6e7f0;}
ul.grade li a:before {content:'▶';margin-right: 5px;}

ul.grade2 {margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
width: 90%;
}
ul.grade2 li {
	width: 100%;
	margin-bottom: 5%;
}
ul.grade2 li a {display: block;background-color: #f7fbfc;padding: 50px 15px;width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4;
transition: all 0.2s ease-in-out;
text-align: center;
}
ul.grade2 li a:hover {background-color: #c6e7f0;
transition: all 0.2s ease-in-out;
}
ul.grade2 li a:before {content:'▶';margin-right: 5px;}



table.grade {width: 100%;border-top: 1px dotted #ccc;margin-bottom: 25px;}

table.grade td {color: #333;font-size: 14px;line-height: 1.5em;border-bottom: 1px dotted #ccc;vertical-align: top;padding-top: 5px;padding-bottom: 5px;}

table.grade tr:nth-child(1) td:nth-child(2) {width: 4em;}
table.grade tr:nth-child(1) td:nth-child(1) {width: 9em;}

div.gradelist {margin-bottom: 50px;}

a.btn01 {display: block;background-color: #f7fbfc;padding: 15px;width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4}
a.btn01:hover {background-color: #c6e7f0;}

div.gotograde {position: fixed;bottom: 0;width: 100%;}
div.gotograde a {background-color: #c00;color: #fff;font-size: 15px;font-weight: bold;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;width: 100%;display: block;text-align: center;padding-top: 10px;padding-bottom: 10px;}
div.gotograde a:hover {background-color: #ff8000;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
div.gotograde a:after {display: inline-block;color: #c00;font-size: 10px;background-color: #fff;content:'NEW';margin-left: 5px;padding-right: 5px;padding-left: 5px;}


h3.subtitle {color: #333;font-size: 18px;font-weight: bold;margin-bottom: 10px;}

div.honbun {color: #333;font-size: 15px;line-height: 1.5em;margin-bottom: 50px;}




p.featmagazine {color: #333!important;font-size: 20px!important;font-weight: bold!important;line-height: 1.5em!important;margin-bottom: 10px!important;}
p.expmagazine{color: #333!important;font-size: 18px!important;line-height: 1.5em!important;}
img.magazineimg {border: 1px solid #ccc!important;width: 100%!important;height: auto!important;}



/*contact*/
p.thanks {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;}
div.contact {margin-right: auto;margin-left: auto;}
form#mailformpro {margin-right: auto;margin-left: auto;border-top: 1px dotted #ccc;}
form#mailformpro button{color: #fff;font-size: 20px;width: 10em;padding-top: 20px;padding-bottom: 20px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;}
dl.contact {overflow: hidden;}
dl.contact dt {color: #333;font-size: 80%;}
dl.contact dt b {color: #c00;font-size: 12px;}
dl.contact dd {padding-top: 5px;padding-bottom: 5px;}

dl.contact03 input,dl.contact03 textarea {background-color: #fff;padding: 5px;border: 1px solid #ccc;border-radius:5px;color: #333;font-size: 100%;margin-right: auto;margin-left: auto;}

input[type="text"]:focus,input[type="email"]:focus,dl.contact03 textarea:focus,dl.contact03 dd select:focus,button[type="submit"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus
 {
  outline: 0;
  border-color: #00a2d9;
}

dd.contact03rb input[type="checkbox"], dd.contact03rb input[type="radio"] {width: 25px;height: 25px;display: block;}
.ipt01 {color: #333;font-size: 15px;width: 95%;background-color: #333;}
.ipt02 {color: #333;font-size: 15px;width: 5em;}
.ipt03 {color: #333;font-size: 15px;height: 1em;}
.ipt04 {color: #333;font-size: 15px;width: 95%;}
.ipt05 {color: #333;font-size: 15px;width: 95%;}
.ipt07 {color: #333;font-size: 15px;width: 2em;}
.ipt06 {color: #333;font-size: 15px;height: 20em!important;}
.ipt09 {color: #333;font-size: 15px;width: 3em;}
p.contactexp {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;margin-left: auto;margin-right: auto;}
p.contactexp a {text-decoration: underline;color: #333;}
p.contactexp a:hover {color: #bea934;}

textarea.ipt06 {color: #333;font-size: 15px;height: 20em!important;width: 95%!important;}

dl.contact03 {overflow: hidden;margin-right: auto;margin-left: auto;}

dl.contact03 dt b {color: #c00;font-size: 12px;}
dl.contact03 dt i {color: #333;font-size: 12px;margin-left: 1em;}
dl.contact03 dt {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 500;padding-top: 15px;}
dl.contact03 dd {color: #333;font-size: 14px;line-height: 2.5em;border-bottom: 1px dotted #ccc;display: block;padding-bottom: 15px;}
dd.contact03cap {color: #333;font-size: 75%;line-height: 1.5em;}

dl.contact03 dd.contact03rb {margin-top: 10px;}

table#mfp_confirm_table tr th {
	white-space: nowrap;
}

label {
    display: inline-block;
}
.reqbox {float: left;display: block;}



input[type="radio"],input[type="checkbox"]  {border: 0!important;}

input.reqbox[type="radio"],input[type="checkbox"] {width: 30px;height: 30px;display: block;}

input.reqbox {-webkit-appearance: none;border-style: none;}
input.reqbox:before {content:'\f10c';color: #ccc;font: 25px FontAwesome;}
input.reqbox:checked:before {content:'\f058';color: #0083be;font: 25px FontAwesome;}

div.specialterm {color: #333;font-size: 20px;line-height: 2em;background-color: #fef7f8;padding: 20px;margin-right: auto;margin-left: auto;}
div.specialterm b {color: #db5f83;font-size: 25px;}


/*footer*/
footer.footer {background-color: #efefef;padding: 5%;}

div.footcolmn {overflow: hidden;margin-bottom: 50px;}

p.footadd {color: #000;font-size: 24px;font-weight: 6500;margin-bottom: 5%;}
dl.footadd {margin-bottom: 5%;}
dl.footadd dt {color: #000;font-size: 15px;font-weight: 500;margin-bottom: 5px;}
dl.footadd dd {color: #000;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;}


div.footleft {}


div.footright {}

ul.footlink {}
ul.footlink li {color: #000;font-size: 15px;width: 43%;list-style-type: disc;list-style-position: outside;float: left;margin-bottom: 0.5em;margin-left: 1em;}
ul.footlink li a {color: #000;font-size: 13px;} 
ul.footlink li a:hover{text-decoration: underline;} 

.h3-gallery {
	 background-color: #f1f8fa;
    padding: 18px;
    color: #333;
    font-size: 20px;
    line-height: 1.75em;
    text-align: center;
    margin-bottom: 10%;
}


.p-gallery-name {
	color: #333;
	font: bold 18px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin-top: 1%;
	margin-bottom: 10%;
	text-align: center;
}
.imggallery {
	width: 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}



/*order form2020*/

.div-order0 {
display:flex;
justify-content:left;
align-items: center;
}

.div-orderl {
}
.div-orderl img {
	width: 100px;
	height: 100px;
	margin-right: 10px;
}
.div-orderr {
	line-height: 2em;
}
.div-orderr b {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.div-orderr i {
	color: #333!important;
	font-size: 12px;
}
.orderdt {
	color: #333!important;
	font-size: 20px!important;
	font-weight: bold!important;
	margin-bottom: 5%;
}

.orderdd {
	border-bottom-style: none!important;
	border-bottom-width: 0!important;
	padding-bottom: 0;
}

/*wp-pagenavi*/


div.wp-pagenavi {width: 100%;text-align: center;padding-top: 50px;padding-bottom: 100px;}
.pages {}
a.page {color: #240700;font-weight: normal;font-style: normal;font-size: 13px;padding: 10px 12px;  position: relative;border: 2px solid #fff;margin-left: -1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
background-color: #ebe7e5;
}
.current {color: #fff;font-weight: normal;font-style: normal;font-size: 13px;padding: 10px 12px;background-color: #5e1200; position: relative;border: 2px solid #fff;z-index: 10;margin-left: -1px;}
a.page:hover {background-color: #efefef;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

a.previouspostslink {border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #fff;color: #240700;font-size: 13px;padding: 10px 12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
background-color: #ebe7e5;
}
a.nextpostslink {border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #240700;font-size: 13px;border-right: 1px solid #fff;padding: 10px 12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
background-color: #ebe7e5;
}
a.nextpostslink:hover,a.previouspostslink:hover {
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;background-color: #efefef;}

.ul-teacher  {display:flex;
justify-content:left;
flex-wrap: wrap;
margin-bottom: 20px;
}
.ul-teacher  li {margin-bottom: 10px;
width: calc(100% / 3 - 10px);
margin-right: 10px;
transition: all 0.2s ease-in-out;
}
.ul-teacher  li a {display: block;background-color: #f7fbfc;padding: 15px;width: 100%;border: 1px solid #b7c8dd;border-radius:5px ;color: #0067a4;}
.ul-teacher  li a:hover {background-color: #c6e7f0;transition: all 0.2s ease-in-out;}
.h4-teasearch {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

.th-teacher {

	margin-top: -50px!important;
	padding-top: 50px!important;
	display: block;
}

.a-bgkitei {
	font-size: 25px;
	font-weight: bold;
	background-color: #e4f0f6 !important;
	color: #335fc4!important;
}
.a-bgkitei:hover {background-color: #efefef;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
	
}
.a-bgryoshi {
	font-size: 25px;
	font-weight: bold;
	background-color: #fcf7da !important;
	color: #fe692d !important;
}
.a-bgryoshi:before,.a-bgkitei:before  {content: ''!important;
}

.noteat {
	display: none;
}