@charset "UTF-8";
/* CSS Document */

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em { font-style: normal;
}

legend { 
	display: none;
}

h1,h2,h3,h4,h5,h6 { 
font-weight: normal;
font-size: 100%; 
color:#000; 
}
img,fieldset { border: 0; }
li { list-style-type: none; }


a:hover img{
	opacity:0.8;
}

a { text-decoration: none;
color: inherit;	}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix { /zoom: 1; } /* IE */


/* Fonts
------------------------------------------------------------*/
body {
font-size: 90%;
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,
"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


#container{
	background-color:#FFF;
	width: 100%;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */
	background-image:url(../img/bg.gif);
} 



/* header
 ------------------------------------------------------------*/

#header { 
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	}	
#header .title{
	float:left;
	width:250px;
	text-align:center;
	padding:10px 0;
	}
#header .title .catch{
	display:block;
	width:250px;
	float:left;
	text-align:center;
	font-size:150%;
	line-height:1.5;
	}
#header .title h1{
	font-size:200%;
	text-align:center;
	font-weight:bold;
}
#header .title span{
	font-size:70%;
	}
@media only screen and (max-width:900px){
#header .title{
	width: 48%;
}
#header .title .catch{
	width:100%;
	font-size:100%;
	height:aute;
}
#header .title h1{
	font-size:120%;
}
}

#header .contactT{
	width:160px;
	height:60px;
	background-color:#86c03f;
	float:right;
	padding:20px;
}

#header .contactT .contactLink{
	display:block;
	width:160px;
	height:25px;
	color:#FFF;
	border:1px solid #FFF;
	padding:5px 0 0;
	text-align:center;
	font-size:80%;
}

#header .contactT .contactTel,
#header .contactT .contactTelPC{
	width:160px;
	height:25px;
	color:#FFF;
	font-size:125%;
		padding:5px 0 0;
	text-align:center;
}

@media only screen and (min-width:900px){
	#header .contactT .contactTel{
	display:none;
}
}

@media only screen and (max-width:900px){	
#header .contactT{
	width:46%;
	height:aute;
	float:right;
	padding:2%;
	font-size:80%;
}
#header .contactT .contactLink{
	width:90%;
}
#header .contactT .contactTel{
	width:90%;
}
#header .contactT .contactTelPC{
	display:none;
}
}

#global-navbox {
	width:47%;
	float:right;
	padding:0;
}
nav ul {	
	font-size:14px;
	position:relative;
	margin: 0 auto;
}
nav ul li {
	text-align:center;
	float:left;
	width: 22%;
	padding:2.5em 0.5em;
}
nav ul li:first-child{
	width: 19%;
}
nav li a.active{
	border-bottom:#86c03f 3px solid;
}
nav li:hover {
	position:relative;
	opacity:0.7;
	text-shadow: 1px 2px 3px #FFF;
	}

@media only screen and (max-width:900px){
#global-navbox {
	width:100%;
	padding:0;
	color:#FFF;
	background-color:#666;
	margin:0;
}
nav ul li {
	display: block;
	line-height:1;
	padding:1.5em 0;
	width:49.5%;
	margin:0 auto;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
}
nav ul li:first-child{
	width: 49.5%;
}
}




/* 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.png) no-repeat right center;}
.slider_next {background: #fff url(../img/next.png) no-repeat left center;}

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

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background:#666;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
@media screen and (max-width: 900px) {
.pagination { display:none;
 }
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* topcontents
 ------------------------------------------------------------*/


.bannerTop{
	width:100%;
	height:210px;
	background-image:url(../img/bggb.gif);
	background-size:contain;
}
.bannerwrap{
	width: 100%;
	max-width:1200px;
	margin:0 auto;
	padding:20px 0;
	clear:both;
}
@media screen and (max-width: 900px) {
.bannerwrap{
	padding:0;
}
}
.bannerwrap p{
	color:#FFF;
	text-align:right;
	padding:0 25px 10px 0;
}

.bannerL{
	width:50%;
	float:left;
	clear:both;
	position:relative;
}
.bannerL h3 {
	display:inline-block;
	padding:0.5em 1em ;
	color:#FFF;
}
.bannerR{
	width:50%;
	float:left;
}
@media only screen and (max-width:900px){
.bannerL{
		width:100%;
		background-color:#86c03f;
}
.bannerR{
		width:100%;
		background-color:#60b1d9;
}
}
.bannerTitle img{
	width: 100%;
}
.categoryL,
.categoryR {
	float:left;
	padding:0 1em;
}

@media only screen and (max-width:900px){
.categoryL,
.categoryR {
	padding:1em;
}
}
.categoryL img{
	float:left;
	width:33.3%;
}
.categoryR img{
	float:left;
	width:20%;
}
.bannerMid{
	width:100%;
	background-image:url(../img/bg.gif);
	margin:0 auto;
}
.bannerMid1,
.bannerMid2,
.bannerMid3,
.bannerMid4{
	float:left;
	width:21.4%;
	height:348px;
	background-color:#FFF;
	margin-top:50px;
	padding:1%;
	position: relative;
	line-height:1.4;
}
.bannerMid1 span{
	display:block;
	padding:0 10% 0 0;
}
@media only screen and (max-width:900px){
.bannerMid1,
.bannerMid2,
.bannerMid3,
.bannerMid4{
	width:44%;
    display:block;
	height:inherit;
	margin-top:20px;
}
.bannerMid3{
	margin-left:1%;
	clear: both; 
}
}
.bannerMid1,
.bannerMid3{
	border-bottom:5px solid #86c03f;
	border-right:5px solid #86c03f;
	color:#86c03f;
}
.bannerMid2,
.bannerMid4{
	border-bottom:5px solid #60b1d9;
	border-right:5px solid #60b1d9;
	color:#60b1d9;
}
.bannerMid1,
.bannerMid2,
.bannerMid3{
	margin-right:1%;
}
.bannerMid1{
	margin-left:1%;
}

.bannerMid1 .pho,
.bannerMid2 .pho,
.bannerMid3 .pho,
.bannerMid4 .pho{
	width:100%;
	padding-bottom:0.5em;
}
.bannerMid1 h3,
.bannerMid3 h3{
	font-size:125%;
	font-weight:bold;
	line-height:1.2;
	color:#86c03f;
}
.bannerMid2 h3,
.bannerMid4 h3{
	font-weight:bold;
	font-size:125%;
	line-height:1.2;
	color:#60b1d9;
}

.bannerMid1 .link,
.bannerMid2 .link,
.bannerMid3 .link,
.bannerMid4 .link{
	position: absolute;
	bottom:13px;
	right:13px;
}
@media only screen and (max-width:900px){
.bannerMid1,
.bannerMid2,
.bannerMid3,
.bannerMid4{
	width:44%;
	height:aute;
	margin-top:20px;
}
.bannerMid3{
	margin-left:1%;
	clear: both; 
}
.bannerMid1 h3,
.bannerMid3 h3,
.bannerMid2 h3,
.bannerMid4 h3{
	font-size:80%;
	display:block;
	padding-bottom:1em;
}
.bannerMid1 span,
.bannerMid2 span,
.bannerMid3 span,
.bannerMid4 span{
	display:none;
}
.bannerMid1 .link,
.bannerMid2 .link,
.bannerMid3 .link,
.bannerMid4 .link{
	position: absolute;
	bottom:3px;
	right:3px;
}
}
.ecomark,
.ecomarkE{
	text-align:center;
}
.ecomark img{
	padding:30px 40px;
}
.ecomarkE table{
	margin:0 auto;
	width:70%;
}
.ecomarkE table tr td{
	text-align:center;
}
.conPro{
	font-size:130%;
	width:100%;
	margin:20px 0;
	line-height:1.8;
	text-align:center;
}

@media only screen and (max-width:900px){
.ecomark img{
	padding:10px 20px;
}
.ecomarkE table tr th{
	display:block;
}
.ecomarkE table tr td{
	display:none;
}

.conPro{
	width:94%;
	font-size:110%;
	margin:20px 0;
	line-height:1.5;
	text-align:left;
	padding:3%;
}
}

.conTop{
	font-size:120%;
	width:65%;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position: relative;
	border-bottom:5px solid #60b1d9;
	border-right:5px solid #60b1d9;
	padding:20px;
	line-height:1.7;
}
.conTop span{
border-bottom: 1px solid #60b1d9;
padding-bottom:5px;
color:#000;
}
.conTop h3{
	font-size:125%;
	line-height:1;
	color:#60b1d9;
	padding-bottom:1em;
}
.conTop h4{
	font-size:100%;
	line-height:0.5;
	color:#60b1d9;
	padding-bottom:1em;
}
@media only screen and (max-width:900px){
.conTop{
	font-size:110%;
	width:80%;
	}
}

/*footer
------------------------------------------------------------*/
footer {
	text-align:center;
	line-height:1.5;
	clear:both;
	padding-top:1em;
	}
footer h1{
	font-size:1.5em;
	line-height:1.5;
	}
	


footer .footlink{
	margin:0 auto;
}
.footlink .footlinkS{
	display:inline-block;
	clear:both;
	font-weight:bold;
	font-size:80%;
	background-color:#CCC;
	padding:1.5em;
	margin-bottom:1em;
	border-radius:100px;
	line-height:1.5;
	}
@media screen and (max-width: 900px) {
.footlink .footlinkS{
	display:none;
	}
}

footer a {
		color:#000;
}

.bannerBot{
	width:100%;
	height:180px;
	background-image:url(../img/bggg.gif);
	background-size:contain;
}
.bannerwrapB{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:0;
	clear:both;
}

.footerL{
	width:25%;
	height:160px;
	background-color:#86c03f;
	float:left;
	padding:10px 20px;
}

.footerL .contactMesse{
	width:180px;
	height:50px;
	font-size:85%;
	padding:10px 0 0;
	text-align:center;
	float:right;
}

.footerL .contactLinkB{
	display:block;
	width:180px;
	height:25px;
	color:#FFF;
	border:1px solid #FFF;
	padding:7px 0 5px;
	text-align:center;
	float:right;
	font-size:100%;
}

.footerL .contactTelB,
.footerL .contactTelBPC{
	width:180px;
	height:25px;
	color:#FFF;
	font-size:140%;
	padding:5px 0 0;
	text-align:center;
	float:right;
}
@media screen and (min-width: 900px) {
	.footerL .contactTelB{
		display:none;
	}
}

.footerL .contactLinkB a,
.footerL .contactTelB a{
	color:#FFF;
}
@media screen and (max-width: 900px) {
.bannerBot{
	height:inherit;
}
.footerL{	
	width:100%;
	float:none;
	height:aute;
	padding:0;
}

.footerL .contactMesse{
	width:98%;
	font-size:100%;
	float:none;
}
.footerL .contactLinkB,
.footerL .contactTelB{
	width:80%;
	float:none;
	margin-left:10%;
}
.footerL .contactTelBPC{
	display:none;
}
}

.footerR{
	width:65%;
	height:180px;
	float:left;
	padding:10px;
	text-align:left;
	margin-top:10px;
}

.footinfo{
	}
.footinfo tr td{
	padding:10px 3px;
	}
.footinfo1{
	width:inherit;
	display:inline;
	background-color:#86c03f;
	font-size:100%;
	color:#FFF;
	padding:3px;
	}
.footinfo2 tr td:first-child{
	font-size:130%;
	width:90px;
	padding:10px 0;
	}
.footinfo2 tr td:nth-child(2){
	font-size:180%;
	width:150px;
	padding:10px 0;
	}
.copyright {
	color:#86c03f;
	padding:20px 0 0 0;
	text-align:left;
	margin-top:1em;
}
@media screen and (max-width: 900px) {
	
footer tr td{
		display: list-item;
		width:100%;
		list-style:none;
　		text-align:center;
}
.footlink tr td:last-child{
	font-size:1%;
	color:#FFF;
	line-height:0.1;
}

.footerR{
	width:94%;
	height:inherit;
	background-color:#CCC;
	margin-top:0;
	padding:3%;
}
.footinfo1{
	display: list-item;
	margin-top:1em;
	}

.footinfo2 tr td:first-child{
	margin-top:1em;
	padding:0;
	}
.footinfo2 tr td:nth-child(2){
	padding:0;
	}
	.copyright {
	text-align:center;
}
}

/*汎用
------------------------------------------------------------*/
.imagewrapPersonal,
.imagewrapSocial,
.imagewrapTrust,
.imagewrapAbout,
.imagewrapMani,
.imagewrapEnvi{
	width:100%;
	background-size:cover;
	overflow:hidden;
	display: block;
	line-height:0;
}
.imagewrapPersonal{
	background-image:url(../img/image-personalbg.png);
}
.imagewrapSocial{
	background-image:url(../img/image-socialbg.png);
}
.imagewrapTrust{
	background-image:url(../img/image-trustbg.png);
}
.imagewrapAbout{
	background-image:url(../img/image-aboutbg.png);
}
.imagewrapMani{
	background-image:url(../img/image-manibg.png);
}
.imagewrapEnvi{
	background-image:url(../img/image-envibg.png);
}

.imagepho{
	width: 100%;
	max-width:1200px;
	margin:0 auto;
	clear:both;
	font-size: 0;
	line-height: 0;
		}

.imagepho img{
	width:100%;

}
.hrwrap{
	clear:both;
	width:100%;
	height:5px;
	opacity:0.5;
	background-color:#86c03f;
}
	


.lead{
	font-size:120%;
	text-align:center;
	padding:1em;
	clear:both;
	}
.lead h2{
	font-size:150%;
	line-height:2.5;
	}
.lead h3{
	font-size:120%;
		line-height:2;
	}
.lead h3 img{
	width:10%;
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	}
.lead span img{
	width:40%;
	}

@media only screen and (max-width:900px){
.lead{
	font-size:100%;
	text-align:left;
}
.lead h3{
	text-align:right;
	}
.lead h3 img{
	width:35%;
	}
.lead span img{
	width:80%;
	}
}

.contentswrapG,
.contentswrapB{
	width: 100%;
	max-width:1200px;
	margin:3em auto 1em;
	padding:20px 0;
	clear:both;
	outline-offset:-15px;
	background-color:#FFF;
	position:relative;
}

.contentswrapB{
	outline: 1px solid #60A1C9;
}
.contentswrapG{
	outline: 1px solid #86c03f;
}

	
@media only screen and (max-width:900px){
.contentswrapG,
.contentswrapB{
	width: 90%;
}
}
.contentsMark,
.contentsMark2{
	position: absolute;
	top:-17px;
	left:-12px;
	z-index:100;
}
.contentsMark img{
	width:250px;
	height:auto;
}
.contentsMark2 img{
	width:440px;
	height:auto;
}

.hr-dottedG,
.hr-dottedB{
	width: 92%;
	margin-left:auto;
	margin-right:auto;
	height:10px;
}
.hr-dottedG{
	background-image:url(../img/hrg.gif);
}
.hr-dottedB{
	background-image:url(../img/hrb.gif);
}
.contact{
	margin:0 aute;
	padding:1em;
	text-align:center;
}
.contact img{
	width: 25%;
	display:inline;
	margin:0 aute;
	text-align:center;
}
@media only screen and (max-width:900px){
.contentsMark2 img{
	width:100%;
}

.hr-dottedG,
.hr-dottedB{
	width: 88%;
}
.contact img{
	width: 80%;
}
}
	
/*personal / social
------------------------------------------------------------*/
.flowwrapG,
.flowwrapB{
	width:100%;
	background-color:#FFF;
	padding:1% 2%;
	box-sizing: border-box;
	}
.flowwrapG{
	border-bottom:5px solid #86c03f;
	border-right:5px solid #86c03f;
	}
.flowwrapB{
	border-bottom:5px solid #60A1C9;
	border-right:5px solid #60A1C9;
	}
.flowwrapG h2{
	font-size:140%;
	color:#86c03f;
}
.flowwrapB h2{
	font-size:140%;
	color:#60A1C9;
}
.flowT{
	margin-bottom:1em;
}
.flowT h3{
	padding:0.5em;
}
.flowT tr td:nth-child(odd){
	float:left;
	width:21.8%;
	border:5px solid #999;
	box-sizing: border-box;
}
.flowT tr td:nth-child(even){
	float:left;
	width:3.2%;
	vertical-align: middle;
	padding:0.3em;
}


.flowT img{
	width:100%;
}
@media only screen and (max-width:900px){

.flowwrapG,
.flowwrapB{
	border-right:none;
	}
.flowT tr td{
	padding:1em;
}	

.flowT tr td:nth-child(odd){
	outline: 5px solid #999;
	outline-offset: -0.5em;
	width:97%;
	border:none;
	}

.flowT tr td:nth-child(even){
	display:none;
}
.flowT img{
	width:70%;
	padding-left:15%;
}
}

.categoryG {
	width:70%;
	float:left;
	padding:2em 15%;
}
.categoryB {
	width:100%;
	float:left;
	padding:2em 0;
}
.categoryG img{
	width:32%;
	}
.categoryB img{
	width:20%;
	}
@media only screen and (max-width:900px){
.categoryG,
.categoryB{
	width:96%;
	float:left;
	padding:2em 2%;
}
.categoryG img,
.categoryB img{
	width:50%;
	}
}
	
.conLeadG,
.conLeadB{
	font-size:120%;
	width:86%;
	margin-left:auto;
	margin-right:auto;
	line-height:1.7;
	padding-top:2em;
	padding-bottom:2em;
}
.conLeadG span{
border-bottom: 1px solid #86c03f;
padding-bottom:5px;
color:#000;
}
.conLeadB span{
border-bottom: 1px solid #60A1C9;
padding-bottom:5px;
color:#000;
}

.concon,
.conconEn{
	font-size:110%;
	width:86%;
	margin-left:auto;
	margin-right:auto;
	line-height:1.5;
}

@media only screen and (max-width:900px){
.conLeadG,
.conLeadB{
	font-size:100%;
	padding-top:1em;
	padding-bottom:1em;
}
.concon{
	font-size:100%;
}
}

.conconEn img{
	width:100%;
	padding:1em 0;
	}

.conTableG,
.conTableB{
	width:100%;
	margin-bottom:1em;
}
.conTableG span,
.conTableB span{
	font-size:80%;
}

.conTableG .conTitleG,
.conTableB .conTitleB{
	display:block;
	width:80%;
	text-align:center;
	font-size:130%;
	padding:0.3em 0.6em;
	float:left;
	margin-top:0.5em;
	position:relative;
	vertical-align:middle;
	line-height:1.2;
}
.conTableG .conTitleG{
	color:#86c03f;
	border:1px solid #86c03f;
}
.conTableB .conTitleB{
	color:#60A1C9;
	border:1px solid #60A1C9;
}
.conTableG h3,
.conTableB h3{
	width:40%;
	display:block;
	color:#FFF;
	padding:0.3em 1em;
	margin-top:0.5em;
	text-align:center;
}
.conTableG h3{
	background-color:#86c03f;
}
.conTableB h3{
	background-color:#60A1C9;
}


.conTableG tr th,
.conTableB tr th{
	width:30%;
	padding:1em 1em 0 1em;
}
.conTableG tr td:first-child,
.conTableB tr td:first-child{
	width:22%;
}
.conTableG tr td:last-child,
.conTableB tr td:last-child{
	width:53%;
}

.conTableG tr td,
.conTableB tr td{
	padding:1em 1em 0 1em;
}
.conTableG img,
.conTableB img{
	width:200px;
	vertical-align:middle;
}
@media only screen and (max-width:900px){
.conTableG,
.conTableB{
	display: block;
	width:100%;
	float:left;
}
.conTableG .conTitleG,
.conTableB .conTitleB{
	display:block;
	text-align:center;
	width:90%;
		}
	
.conTableG tr th,
.conTableB tr th,
.conTableG tr td,
.conTableB tr td{
	float:left;
	display:block;
	width:100%;
	padding:1em 0;
	text-align:center;
}
.conTableG tr td:first-child,
.conTableB tr td:first-child{
	float:left;
	display: block;
	width:100%;
	text-align:center;
}
.conTableG tr td:last-child,
.conTableB tr td:last-child{
	float:left;
	display: block;
	width:100%;
	text-align:left;
}
.conTableG h3,
.conTableB h3{
	width:88%;
}
.conTableG img,
.conTableB img{
	width:50%;
}
}

.contableB-s{
	width:100%;
	font-size:90%;
}
.conTableB .contableB-s tr td{
	width:29%;
	border-left:1px solid #60A1C9;
}
.conTableB .contableB-s tr td:nth-child(2){
	width:38%;
}
@media only screen and (max-width:900px){
.conTableB .contableB-s tr td{
	display: block;
	width:75%;
	text-align:left;
	padding-left:25%;
	border-left:none;
}
}


/*trust
------------------------------------------------------------*/
.kyoka,
.kyokaHan{
	font-size:90%;
	width:100%;
	margin-top:3em;
	margin-bottom:1em;
}
.kyoka thead tr th,
.kyokaHan thead tr th{
	background-color:#60A1C9;
	color:#FFF;
	border-right:1px solid #FFF;
}
.kyoka thead tr th,
.kyoka tbody tr td,
.kyokaHan thead tr th,
.kyokaHan tbody tr td{
	padding:0.5em 1em;
}
.kyoka tbody tr:nth-child(odd) td{
	background-color:#D0E1BC;
	border-right:1px solid #FFF;
}.kyoka tbody tr:nth-child(even) td{
	background-color:#D0E1EC;
	border-right:1px solid #FFF;
}
.kyoka thead tr th:first-child,
.kyoka tbody tr td:first-child{
		width:15%;
}
.kyoka thead tr th:nth-child(2),
.kyoka tbody tr td:nth-child(2){
		width:17%;
}
.kyoka thead tr th:nth-child(3),
.kyoka tbody tr td:nth-child(3){
		width:12%;
}
.kyoka thead tr th:nth-child(4),
.kyoka tbody tr td:nth-child(4){
		width:11%;
}
.kyoka thead tr th:last-child,
.kyoka tbody tr td:last-child{
		width:45%;
}

@media screen and (max-width: 900px) {
.kyoka{
    width: 90%;
  }

.kyoka  tr {
    width: 100%;
  }
.kyoka tr td {
    display: block;
    width: 100%;
 	border-bottom:1px solid #FFF;
 }
.kyoka tbody tr td:first-child {
    background: #60A1C9;
    color: #fff;
    font-weight: bold;
    text-align: center;
	

  }
.kyoka  td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    text-align: left;
 	border-right:4px solid #FFF;
	padding-right:1em;
  }
  .kyoka thead tr th:first-child,
.kyoka tbody tr td:first-child{
    display: block;
    width: 100%;
}
.kyoka thead tr th:nth-child(2),
.kyoka tbody tr td:nth-child(2){
    display: block;
    width: 100%;}
.kyoka thead tr th:nth-child(3),
.kyoka tbody tr td:nth-child(3){
    display: block;
    width: 100%;}
.kyoka thead tr th:nth-child(4),
.kyoka tbody tr td:nth-child(4){
    display: block;
    width: 100%;}
.kyoka thead tr th:last-child,
.kyoka tbody tr td:last-child{
    display: block;
    width: 100%;}

.kyoka thead{
    display: none;
}
}


.kyokaHan{
	float:left;
	font-size:90%;
	width:45%;
	margin-top:3em;
	margin-bottom:1em;
	margin-left:3em;
}
.kyokaHan tbody tr td{
	background-color:#D0E1BC;
	border-right:1px solid #FFF;
}

@media screen and (max-width: 900px) {
.kyokaHan{
	width:95%;
	margin-top:3em;
	margin-left:0;

}
.kyokaHan tbody tr td{
 	border-bottom:1px solid #FFF;
}

}

/*aboutus
------------------------------------------------------------*/
.gaiyoT,
.gaiyoC{
	font-size:90%;
	width:100%;
	margin-top:3em;
	margin-bottom:1em;
	float:left;
	vertical-align:top;
}
.gaiyoT tr th{
	width:15%;
	padding:0.4em 0;
	vertical-align:top;
}
.gaiyoT tr td{
	padding:0.4em 0;
	vertical-align:top;
}
.gaiyoT tr:first-child td:last-child{
	width:27%;
	vertical-align:top;
}
.gaiyoT tr:first-child td:last-child img{
	width:95%;
	vertical-align:top;
	padding:0.4em 1em;
}
.gaiyoC tr td{
	padding:0 0 0.4em 1em;
	width:23%;
	text-align:right;
	background-image:url(../img/carbg.gif);
	background-repeat:repeat-y;
	background-size:contain;
	line-height:1;
	border-top: solid 10px #FFF;
}

.gaiyoC tr td img{
	width:100%;
}
.gaiyoC tr td h4{
	display:block;
	float:right;
	padding:0 2em 0 0;
}

@media screen and (max-width: 900px) {
.gaiyoT,
.gaiyoC{
    width: 100%;
  }
.gaiyoT tr th{
	display: block;
	width:100%;
	text-aline:center;
}
.gaiyoT tr:first-child td:last-child{
	width:96%;
}
.gaiyoT tr td{
    display: block;
    width: 100%;
 	border-bottom:1px solid #ccc;
 }
.gaiyoC tr td{
    display: block;
    width: 96%;
	padding:0 2%;
 	border-bottom:1px solid #ccc;
	background-image:none;
	padding-bottom:2em;
	line-height:1.5;
}
.gaiyoC tr td h4{
	display:block;
	float:right;
	padding:0;
}
}
 
/*form
------------------------------------------------------------*/	

#formcontents{
	padding-top:20px;
	width:98%;
	padding-left:2%;
	background-color:#FFF;
	margin-top:0.5em;
}

#formcontents .cform input{
	font-size:100%;
}

#formcontents table{
	padding-top:20px;
	line-height:2;
	width:98%;
	padding-left:2%;
	padding-right:2%;
}
#formcontents table tr td{
	border-bottom:thin dotted #083761;
	padding:0.2em;
	}
#formcontents table td{
	vertical-align:top;
	}
#formcontents table td:first-child{
	width:30%;
	}

#formcontents table td input{
	line-height:2;
	background-color:#EEE;
	}
#formcontents table td textarea{
		background-color:#EEE;
}
#formcontents table td textarea{
	font-size:100%;
}
#formcontents table td span{
	font-size:90%;
	color:#F60;
}
.formtext{
	padding-top:20px;
	line-height:1.5;
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.formtext-s{
	padding-top:20px;
	line-height:1.5;
	width:96%;
	padding-left:2%;
	padding-right:2%;
}

.formtext-s a{
	text-decoration:underline;
}

input.submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    border-style: none;
	}
input.submit_button:hover {
    opacity:0.5}
	

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

#formcontents table td{
		display:block;
		width:92%;
		list-style:none;
		
}
#formcontents table td:first-child{
		display: list-item;
		width:96%;
		list-style:none;
		
}
}

.mailcon,
.error_messe{
	text-align:center;
}
.mailcon table{
	margin:0 auto;
	text-align:left;
}
.mailcon table tr td{
	padding:0.5em;
}
.mailcon table tr td:first-child{
	width:15%;
}
.mailcon input .submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    border-style: none;
	}
	
/*policy
------------------------------------------------------------*/	
.policyT,
.mapT{
	width:100%;
	text-aline:left;
	margin:3em 0;
}
.policyT tr th,
.policyT tr td,
.mapT tr th,
.mapT tr td{
	padding:0.4em 2em;
}

.policyT tr th,
.mapT tr th{
	text-align:left;
	font-weight:bold;
	background-color:#E1E1DD;
}
.policyT tr:last-child{
	display:inline-block;
	font-size:120%;
	float:right;
	}

.mapT tr th span{
	color:#fff;
}

.mapT tr td{
 	border-bottom:1px solid #ccc;
}
.mapT tr:first-child td{
 	border-top:1px solid #ccc;
}


@media only screen and (max-width:768px){
.policyT,
.mapT{
	margin:2em 0;
	display:block;
	}
.policyT tr th,
.policyT tr td,
.mapT tr th,
.mapT tr td{
	display:block;
	width:96%;
	padding:0.4em 2%;
	}
.policyT tr:last-child{
	font-size:100%;
	}

}


/*manifesto
------------------------------------------------------------*/	
.manif{
	width:100%;
	text-aline:left;
	margin:3em 0;
	overflow:hidden;
}
.manif tr th{
	margin-top:0.5em;
	display:inline;
	padding:0.3em 0.6em;
	color:#60A1C9;
	border:1px solid #60A1C9;
	text-align:left;
	font-size:130%;
	font-weight:bold;
	width:30%;
}
.manif tr td span{
	color:#ccc;
}
.manif tr td h4{
	color:#60A1C9;
	font-weight:bold;
	padding:0.6em 0;
}
.manif tr:nth-child(2) td:last-child {
	width:30%;
}
.manif tr:first-child td img{
	padding-left:10%;
	width:90%;
}
.manif tr:last-child td img{
	padding:2em 0;
	width:100%;
}

@media only screen and (max-width:768px){
.manif{
	margin:2em 0;
	display:block;
	}
.manif tr th,
.manif tr td{
	display:block;
	width:96%;
	padding:0.4em 2%;
	}
.manif tr:first-child td img{
	padding-left:10%;
	padding-right:10%;
	width:80%;
}
.manif tr:nth-child(2) td:last-child {
	width:100%;
}

}


/*environment
------------------------------------------------------------*/	
.envir{
	width:100%;
	text-aline:left;
	margin:1em 0;
	overflow:hidden;
}
.envir tr th{
	display:block;
	text-align:center;
	padding:0.3em 1em ;
	color:#86c03f;
	border:1px solid #86c03f;
	font-size:130%;
	font-weight:bold;
	width:30%;
}
@media screen and (max-width: 768px) {
.envir tr th{
	width:84%;
}
}
.envir tr td{
	padding:0.6em 0 2em;
}

/*totop
------------------------------------------------------------*/	
.totop{
	display:inline-block;
	float:right;
	clear:both;
	font-weight:bold;
	font-size:80%;
	background-color:#666;
	color:#FFF;
	padding:1em 0.3em 0.3em 0.3em;
	margin-right:2em;
	margin-bottom:1em;
	border-radius:30px 30px 5px 5px;
	}
@media screen and (max-width: 768px) {
.totop{
	display:none;
} 
}
.linkbannerWrap{
	width: 100%;
	height:100px;
	max-width:1200px;
	margin:0 auto;
	padding:5px 0;
	clear:both;
	position:relative;
}

.linkbanner{
	text-align:right;
	padding-right:3%;
	margin:0 auto;
	width:50%;
	height:50px;
	line-height:3.2;
	color:#FFF;
	background-image:url(../img/kanagawalogo.jpg);
	background-position:left top;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#0b3857;
}
@media screen and (max-width: 768px) {
.linkbannerWrap{
	margin:0 auto;
	width: 80%;
}
.linkbanner{
	width:100%;
	height:50px;
	text-align:center;
	margin-right:none;
	margin-bottom:15px;
	font-size:60%;
	line-height:5.5;
	background-image:none;
}
}