@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他
=================================================================== */
/*
/*----------------------------------------------------
	header
----------------------------------------------------*/
.fixed{
	position:fixed !important;
}
.pc {
  display: block;
}

.sp {
  display: none;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.camera_target {
  top: 20px !important;
}

header {
	background: url(../img/share/bg_head01.gif) repeat-x;
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 100;
	margin-top:0;
	top:0;
}
.headerBorder{border-bottom: 1px solid #dcdddd;margin-top: -1px;}
header .headerBgLeft{
	background:url(../img/share/bg_head02.png) repeat-x left top;
	width:27%;
	position:absolute;
	height:80px;
	left: 0px;
	top: 0px;
	z-index: 101;
}
header .headerIn {
	margin: 0px auto;
	max-width: 1200px;
	position: relative;
	z-index: 102;
	/*background: url(../img/share/bg_head04.png) no-repeat center top;
	background-size:contain;*/
	overflow: hidden;
}


header .headerIn h1 {
	font-weight: normal;
	float: left;
	width: 32.8%;
	background: #fff;
}

header .headerIn h1 img{
	max-width: 100%;
	height: auto;
	width:auto;　
}
header .headerIn .gnav {
	float: right;
	width: 67.2%;
	padding-top: 2.4%;
	position: relative;
}
.headerBorder .headerIn .gnav .headerList {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 0px;
	right: 5px;
	padding-top: 0.7%;
	padding-right: 10px;
	text-align: right;
	white-space:nowrap;
}

.headerBorder .headerIn .gnav .headerList p {
	display: inline-block;
	padding-right: 1%;
	margin-top:2px;
}
header .headerIn .gnav .headerList p a {
	font-size: 80%;
	color: #fff;
	background: url(../img/share/icon_head.png) no-repeat left 0.2em;
	padding-left: 12px;
	text-decoration: none;
}

header .headerIn ul {
	list-style-type: none;
	width: 100%;
}

header .headerIn ul li {
	background: url(../img/share/bg_gnav.png) no-repeat right top;
	background-size:contain;
	float: left;
}


/*header .headerIn ul li:nth-child(6) {background: url(none);}*/
header .headerIn ul li:nth-child(6) {background:none;}



/*トップページのスライドナビ
-----------------------------------*/
#navBox {
	width:100%;
	min-width:1200px;
}
#navBox .navBoxBg {
	background: rgba(255,255,255,0.85);
}

#hoverbox{
	position:absolute;
	left:3%;
	top:0;
	height:100%;
	width:24%;
	cursor:pointer;
}

a#open{
	margin-top: -1px;
}

.toggleIn a{
	cursor:default;
}

#navBox #toggle {
}
#navBox #toggle .toggleIn {
	margin: 0px auto 0px;
	max-width: 1200px;
	width:100%;
	position:relative;
}
.Panel-show #toggle .toggleIn {
	margin: 0px auto 0px !important;
}
#navBox #toggle .toggleIn a {
	display: block;
}
#navBox #toggle .toggleIn a img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#navBoxIn {
	width:1200px;
	padding:2% 2%;
	margin: 0px auto;
	overflow: hidden;
	box-sizing:border-box;
	/*display: -wbkit-flex;
  display: flex;*/
	display: none;
}
.navHeightBox {
	display: -wbkit-flex;
  display: flex;
}

.navBox01,
.navBox02,
.navBox03,
.navBox04,
.navBox05,
.navBox06 {
	width: 14.9%;
	float: left;
	margin-right: 1.4%;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px #bbb;
	-moz-box-shadow: 1px 1px 3px #bbb;
	box-shadow: 1px 1px 3px #bbb;
}
#navBoxIn div:last-child {margin-right: 0;}

#navBoxIn div h2 {
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
}

#navBoxIn div h2 img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#navBoxIn div ul {
	list-style-type: none;
	background: #fff;
	padding: 5% 5% 2%;
	font-size: 80%;
}
#navBoxIn div ul li ul {
	font-size:100%;
	padding: 4% 0% 1% 3%;
}

#navBoxIn div ul li {
	padding-bottom: 2%;
}

#navBoxIn div ul a {
	padding-left: 8%;
	color: #595757;
	text-decoration: none;
	line-height: 1.2em;
	display: inline-block;
}

#navBoxIn div ul a:hover {
	color: #bbb;
}

.navBox01 {border: 3px solid #44BABC;}
.navBox02 {border: 3px solid #e85498;}
.navBox03 {border: 3px solid #FF8027;}
.navBox04 {border: 3px solid #51A2D1;}
.navBox05 {border: 3px solid #EF8A99;}
.navBox06 {border: 3px solid #EB6154;}

.navBox01 h2 {background: #44BABC;}
.navBox02 h2 {background: #e85498;}
.navBox03 h2 {background: #FF8027;}
.navBox04 h2 {background: #51A2D1;}
.navBox05 h2 {background: #EF8A99;}
.navBox06 h2 {background: #EB6154;}
/*
.navBox01 {border: 3px solid #44BABC;}
.navBox02 {border: 3px solid #e85498;}
.navBox03 {border: 3px solid #f18f27;}
.navBox04 {border: 3px solid #5a9bc2;}
.navBox05 {border: 3px solid #ef92a7;}
.navBox06 {border: 3px solid #dc6a5f;}

.navBox01 h2 {background: #44BABC;}
.navBox02 h2 {background: #e85498;}
.navBox03 h2 {background: #f18f27;}
.navBox04 h2 {background: #5a9bc2;}
.navBox05 h2 {background: #ef92a7;}
.navBox06 h2 {background: #dc6a5f;}
*/
.navBox01 ul a {background: url(../img/share/nav_icon01.gif) no-repeat left 0.2em;}
.navBox02 ul a {background: url(../img/share/nav_icon02.gif) no-repeat left 0.2em;}
.navBox03 ul a {background: url(../img/share/nav_icon03.gif) no-repeat left 0.2em;}
.navBox04 ul a {background: url(../img/share/nav_icon04.gif) no-repeat left 0.2em;}
.navBox05 ul a {background: url(../img/share/nav_icon05.gif) no-repeat left 0.2em;}
.navBox06 ul a {background: url(../img/share/nav_icon06.gif) no-repeat left 0.2em;}

.navBox02 ul li.icon3 a {
    background: url(../img/share/icon_arrow_small.gif) no-repeat left 0.1em;
}

#navBoxIn div ul li ul li a {background: url(../img/share/nav_icon07.gif) no-repeat left 0.2em;}

/*Contact Form 7確認画面*/

.wpcf7c-conf {
  color: #333 !important;
  border: none !important;
  background: transparent !important;
}
.wpcf7-confirm, .wpcf7-submit, .wpcf7-back {
    text-indent: 103% !important;
}

/*リマーケティング タグを入れると隙間ができる*/
iframe[name="google_conversion_frame"] { position:absolute;
bottom: 0; }

#navBoxIn div ul .subnav{
	display:none;
}


@media screen and (max-width: 1200px) {


	header {
		background: none;
	}
	header .headerIn {
		background: url(../img/share/bg_head04.png) no-repeat center top;
		background-size:cover;
	}

	header .headerIn ul li img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}

	header {
		background: url(none);
	}
	header .headerBgLeft{
		display:none;
	}

	header .headerIn ul li:nth-child(1) {width: 12%;}
	header .headerIn ul li:nth-child(2) {width: 15%;}
	header .headerIn ul li:nth-child(3) {width: 15%;}
	header .headerIn ul li:nth-child(4) {width: 20%;}
	header .headerIn ul li:nth-child(5) {width: 20%;}
	header .headerIn ul li:nth-child(6) {width: 18%;}

	.headerBorder .headerIn .gnav .headerList {
		padding-right: 0%;
	}

	#navBox {
		width:100%;
		min-width:100%;
	}
	#navBoxIn {
	width: 100%;
	padding: 2% 0% 2% 1.5%; /*サファリでバグがでたため*/
	font-size: 90%;
	}


	.navBox01,
	.navBox02,
	.navBox03,
	.navBox04,
	.navBox05,
	.navBox06 {
		width: 14.7%; /*サファリでバグがでたため*/
	}

	#navBoxIn div ul a {
		padding-left: 10%;
	}
}
@media screen and (max-width: 1000px) {
	.headerBorder .headerIn .gnav .headerList {
		padding-top: 0.3%;
	}
}
@media screen and (max-width: 960px) {
	#navBoxIn {
	}
	.navBox01,
	.navBox02,
	.navBox03,
	.navBox04,
	.navBox05,
	.navBox06 {
		width: 14.9%; /*サファリでバグがでたため*/
		margin-right: 1%;
	}
	#navBoxIn div ul {
	padding: 5% 1% 2%;
	}
}

@media screen and (max-width: 860px) {
}



@media screen and (max-width: 800px) {
	.headerBorder .headerIn .gnav .headerList {padding-top: 0.8%;}
	.headerBorder .headerIn .gnav .headerList img {
		max-width: 90%;
		height: auto;
		width /***/:auto;　
	}
	#navBoxIn div ul a {
		/*padding-left: 15%;*/
	}

	.headerBorder .headerIn .gnav .headerList {
		padding-top: 0%;
	}

}

@media only screen and (min-device-width: 414px) and (max-device-width: 751px) and (orientation: landscape) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }
}
@media only screen and (min-device-width: 767px) and (orientation:portrait) {
	html {
    overflow-y: scroll !important;
  }

  body {
    position: absolute;
    width: 100%;
    left: 0;
    background: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  #h_logo {
	padding-top: 20%;
	background: #fff;
  }

	.sp_menu_ttl {
	color: #258d3a;
	text-align: center;
	padding: 3%;
	}

  #sp_nav {
	position: fixed;
	list-style: none;
	top:0;
	left: 0;
	width: 100%;
	z-index: 5000;
  }
  #sp_nav li {
    float: left;
    width: 25%;
  }
	#sp_nav li img{
	  width:100% !important;
  }
  #sp_gnav {
    z-index: -1;
    position: fixed;
    width: 85%;
    height: 90%;
    padding-bottom: 20px;
    left: 100%;
    /*background: #f2faf7;*/
    min-height: 100%;
  }
  #sp_gnav #sp_nav_head {
    position: relative;
    /*background: #ccece0;
    margin-bottom: 20px;*/
  }
  #sp_gnav #sp_nav_head .close {
    position: absolute;
    width: 14%;
    top: 50%;
    right: 15px;
  }
  #sp_gnav #sp_gnav_content {
    padding-bottom: 20px;
    overflow-y: scroll;
  }
  #sp_gnav h3 {
	/*width: 65%;*/
    width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 1px auto 0;
	/*padding-left: 5%;
    text-shadow: 1px 1px 1px #969696;*/
    font-size: 20px;
	color: #fff;
	background-image: url(../img/sp_share/nav_allow_close.png);
	background-repeat: no-repeat;
	/*background-position: 95% 50%;*/
    background-position: 93% 50%;
	background-size: 15px;
	text-align: center;
  }
  #sp_gnav h3 img{
	  vertical-align: middle;
  }
  #sp_gnav h3.open {
    background-image: url(../img/sp_share/nav_allow_open.png);
  }
  #sp_gnav h3.info {
    background-color: #44BABC;
  }
  #sp_gnav h3.intro {
    background-color: #e85498;
  }
  #sp_gnav h3.exam {
    background-color: #FF8027;
  }
  #sp_gnav h3.campas {
    background-color: #51A2D1;
  }
  #sp_gnav h3.graduate {
    background-color: #EF8A99;
  }
  #sp_gnav h3.event {
    background-color: #EB6154;
  }


  #sp_gnav ul {
    display: none;
   /* width: 70%;*/
    width: 100%;
    margin: 0 auto;
    list-style: none;
  }
  #sp_gnav ul li {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
  }
  #sp_gnav ul li.wh{
    background-color: #fff !important;
  }
  #sp_gnav ul li.gr{
    background-color: #f9f9f9 !important;
  }
  #sp_gnav ul li:nth-child(even) {
    background-color: #f9f9f9;
  }
  #sp_gnav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding-left: 5%;
    background-image: url(../img/sp_share/allow_ico.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 8px;
    font-size: 13px;
    color: #595757;
  }

  #main_visual {
    width: 100%;
  }
  #main_visual img {
    width: 100%;
  }

  #sp_news {
	margin-bottom: 25px;
	background: #fff;
  }
  #sp_news h2 {
    margin-bottom: 10px;
  }
  #sp_news #news_feed {
    padding: 0 3%;
  }
  #sp_news #news_feed dl {
    margin-bottom: 10px;
  }
  #sp_news #news_feed dl dt {
    margin-bottom: 5px;
    color: #4bb539;
  }
  #sp_news #news_feed dl dd {
    color: #595757;
  }
  #sp_news #news_feed dl dd a {
    color: #595757;
    text-decoration: underline;
    line-height:1.5em;
  }
  #sp_news .more {
    padding: 0 3%;
  }

	.more img{
		border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

  #btns {
    margin-bottom: 20px;
  }
  #btns ul {
	padding: 0 3%;
	list-style-type: none;
  }
  #btns ul li {
		margin-bottom: 10px;
		border: 2px solid #00a064;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
  }
  #btns ul li img{
	  width:100%;
  }


  #sp_footer ul {
    list-style: none;
    margin-bottom: 20px;
  }
  #sp_footer ul li {
    float: left;
    width: 33.333%;
  }
	#sp_footer ul li img{
		width:100%;
	}

  #sp_f_contact {
    margin-bottom: 20px;
    padding: 0 3%;
  }
  #sp_f_contact img{
  	width:100%;
  }

  #sp_f_copy {
    background: #258d3a;
    padding: 13px 0;
  }
  #sp_f_copy h2 {
    width: 45%;
    margin: 0 auto 10px;
  }
  #sp_f_copy p {
    text-align: center;
    color: #fff;
  }
}

@media only screen and (max-width: 750px) {
  html {
    overflow-y: scroll !important;
  }

  body {
    position: absolute;
    width: 100%;
    left: 0;
    background: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 3px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  img {
    max-width: 100%;
		height: auto;
		width /***/:auto;　
  }

  #h_logo {
	padding-top: 20%;
	background: #fff;
  }

	.sp_menu_ttl {
	color: #258d3a;
	text-align: center;
	padding: 3%;
	}

  #sp_nav {
	position: fixed;
	list-style: none;
	top:0;
	left: 0;
	width: 100%;
	z-index: 5000;
  }
  #sp_nav li {
    float: left;
    width: 25%;
  }
	#sp_nav li img{
	  width:100% !important;
  }
  #sp_gnav {
    z-index: -1;
    position: fixed;
    width: 85%;
    height: 90%;
    padding-bottom: 20px;
    left: 100%;
    /*background: #f2faf7;*/
    min-height: 100%;
  }
  #sp_gnav #sp_nav_head {
    position: relative;
    /*background: #ccece0;
    margin-bottom: 20px;*/
  }
  #sp_gnav #sp_nav_head .close {
    position: absolute;
    width: 14%;
    top: 50%;
    right: 15px;
  }
  #sp_gnav #sp_gnav_content {
    padding-bottom: 20px;
    overflow-y: scroll;
  }
  #sp_gnav h3 {
	/*width: 65%;*/
    width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 1px auto 0;
	/*padding-left: 5%;
    text-shadow: 1px 1px 1px #969696;*/
    font-size: 20px;
	color: #fff;
	background-image: url(../img/sp_share/nav_allow_close.png);
	background-repeat: no-repeat;
	/*background-position: 95% 50%;*/
    background-position: 93% 50%;
	background-size: 15px;
	text-align: center;
  }
  #sp_gnav h3 img{
	  vertical-align: middle;
		max-width: 50% !important;
		height: auto;
		width /***/:auto;　
  }
  #sp_gnav h3.open {
    background-image: url(../img/sp_share/nav_allow_open.png);
  }
  #sp_gnav h3.info {
    background-color: #44BABC;
  }
  #sp_gnav h3.intro {
    background-color: #e85498;
  }
  #sp_gnav h3.exam {
    background-color: #FF8027;
  }
  #sp_gnav h3.campas {
    background-color: #51A2D1;
  }
  #sp_gnav h3.graduate {
    background-color: #EF8A99;
  }
  #sp_gnav h3.event {
    background-color: #EB6154;
  }


  #sp_gnav ul {
    display: none;
   /* width: 70%;*/
    width: 100%;
    margin: 0 auto;
    list-style: none;
  }
  #sp_gnav ul li {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
  }
  #sp_gnav ul li.wh{
    background-color: #fff !important;
  }
  #sp_gnav ul li.gr{
    background-color: #f9f9f9 !important;
  }
  #sp_gnav ul li:nth-child(even) {
    background-color: #f9f9f9;
  }
  #sp_gnav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding-left: 5%;
    background-image: url(../img/sp_share/allow_ico.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 8px;
    font-size: 13px;
    color: #595757;
  }

  #main_visual {
    width: 100%;
  }
  #main_visual img {
    width: 100%;
  }

  #sp_news {
	margin-bottom: 25px;
	background: #fff;
  }
  #sp_news h2 {
    margin-bottom: 10px;
  }
  #sp_news #news_feed {
    padding: 0 3%;
  }
  #sp_news #news_feed dl {
    margin-bottom: 10px;
  }
  #sp_news #news_feed dl dt {
    margin-bottom: 5px;
    color: #4bb539;
  }
  #sp_news #news_feed dl dd {
    color: #595757;
  }
  #sp_news #news_feed dl dd a {
    color: #595757;
    text-decoration: underline;
    line-height:1.5em;
  }
  #sp_news .more {
    padding: 0 3%;
  }

	.more img{
		border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

  #btns {
    margin-bottom: 20px;
  }
  #btns ul {
	padding: 0 3%;
	list-style-type: none;
  }
  #btns ul li {
		margin-bottom: 10px;
		border: 2px solid #00a064;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
  }


  #sp_footer ul {
    list-style: none;
    margin-bottom: 20px;
  }
  #sp_footer ul li {
    float: left;
    width: 33.333%;
  }

  #sp_f_contact {
    margin-bottom: 20px;
    padding: 0 3%;
  }

  #sp_f_copy {
    background: #258d3a;
    padding: 13px 0;
  }
  #sp_f_copy h2 {
    width: 45%;
    margin: 0 auto 10px;
  }
  #sp_f_copy p {
    text-align: center;
    color: #fff;
  }

footer p.copyright small {
  font-size: 70%;
}


}




/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------*/
.tC {text-align: center;}
.tR {text-align: right;}
.oFH {
	overflow: hidden;
}

/*----------------------------------------------------*/

.red{color:#e2380d;}
.green{color:#258D3A;}

.mk {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.mk:hover {
	opacity: 0.8;
	filter: alpha(opacity=20);
}
.bgGreen {
	color: #fff;
	background: #258D3A;
	padding: 1px 2px 2px 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.bgGreenIcon {
	color: #fff;
	background: #258D3A url(../img/share/icon01.gif) no-repeat 10px 0.6em;
	padding: 3px 12px 3px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	float: right;
	width:37%;
}

.bgGreenIcon a {
	color: #fff;
	text-decoration: none;
}

.color-orange{color:#ff8027;}
.color-schoolguide{color:#44babc;}
.center {text-align:center;}
.clear {clear: both;}

.bold {
	font-weight: bold;
}
p:has(.kome) {
	font-size: 1.4rem;
}
.kome {
	display: block;
	float: left;
}

.komeTxt {
	overflow: hidden;
	display: block;
}

.komeTxt2 {
	overflow: hidden;
	display: block;
}

/*.kome:before { content:"※" }*/
.fL {float:left;}
.fR {float:right;}
.oH {overflow:hidden;}

/*--  !important  --*/
.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font110 {font-size: 110%;}
.font120 {font-size: 120%;}
.font140 {font-size: 140%;}
.font180 {font-size: 180%;}
.font190 {font-size: 190%;}

/*--  !important  --*/
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}

.mb4 {margin-bottom: 4% !important;}
.mb6 {margin-bottom: 6% !important;}
.mb8 {margin-bottom: 8% !important;}


.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}

.pb0 {padding-bottom: 0px!important;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}

.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}

.pr0 {padding-right: 0px !important;}
@media only screen and (max-width: 768px) {
	.bgGreen { display:inline-block;}
	.bgGreenIcon {
		width:auto;
	}
}
@media only screen and (max-width: 480px) {
	.pt30sp{padding-top: 20px;}
	.komeTxt2 {
	display: inline;
	}
	.spW47{width:47% !important;}
	.spTc {text-align: center;}
}

#searchform{
	width:calc(100% - 490px);
}

.searchwrapper{
	display:inline-block;
	background-color:white;
	border-radius:10px;
	height:15px;
	width:calc(100% - 62px);
	vertical-align:top;
	padding:2px;
	text-align:left;
}

#searchicon{
	height:16px;
	margin-left:5px;
}

#searchtext{
	border:none;
	height:16px;
	padding:0;
	vertical-align:top;
	width:calc(100% - 30px);
}

#searchsubmit{
	border:none;
	background-color:white;
	color:#258c39;
	border-radius:3px;
	font-size:12px;
	padding:2px 5px 2px;
	margin-right:5px;
	height:18px !important;
	font-weight:bold;
	line-height:12px;
	display:inline-block;
}

#searchform{
	display:inline-block;
	vertical-align:top;
	margin-top:-2px;
}

footer #searchform{width:auto;}

footer .searchwrapper{
	display:block-inline;
	background-color:white;
	border-radius:12px;
	height:20px;
	width:200px;
	vertical-align:top;
	padding:2px;
	text-align:left;
	margin-bottom:20px;
}

footer #searchicon{
	height:20px;
	margin-left:5px;
}

footer #searchtext{
	border:none;
	height:20px;
	padding:0;
	vertical-align:top;
	width:calc(100% - 35px);

}
#searchtext:focus,#searchtext:focus {
    outline-width: 0;
}

footer #searchsubmit{
	border:none;
	background-color:white;
	color:#258c39;
	border-radius:3px;
	font-size:13px;
	padding:3px 8px;
	margin-right:3px;
	display:inline-block;
	height:25px;
	font-weight:bold;
	line-height:13px;
}

footer #searchform{
	display:block;
	text-align:center;
}

/*.headerList{
	background-color:#258c39;
}*/

.gs-result .gs-title{
	height:auto !important;
}

.searchichiran{
	margin:150px auto 100px;
}

.headerBorder .headerIn .gnav .headerList {
	height:22px;
}

@media only screen and (max-width: 990px) {
	header .headerIn .gnav .headerList p{
		vertical-align:top;
		margin-top:.3%;
	}
	header .headerIn .gnav .headerList p a{
		font-size:70%;
	}

	#searchicon{
		height:13px;
	}
	#searchform{
		width:calc(100% - 440px);
		vertical-align:top;
		margin-top:0px;
	}
	.searchwrapper{
		width:calc(100% - 50px);
		height:13px;
	}
	#searchtext{
		width:calc(100% - 25px);
		height:13px;
	}
	#searchsubmit{
		font-size:70%;
	}

	.searchichiran{
		margin:20px auto;
	}
}

@media only screen and (max-width: 1000px) {
	.headerBorder .headerIn .gnav .headerList {
		padding-top:2px;
	}
}
@media only screen and (max-width: 870px) {
	#searchform{
		width:calc(100% - 440px);
	}
	#searchicon{
		height:13px;
		width:10px;
		margin-left:0;
	}
	#searchtext{
		width:calc(100% - 15px);
	}
	footer #searchicon{
		height:20px;
		width:auto;
	}

	.headerBorder .headerIn .gnav .headerList {
		padding-top:1px;
	}
}


@media only screen and (min-width: 735px) {
	.mb10pconly{
		margin-bottom: 10px;
	}
}