@charset "UTF-8";

body {
width: 100%;
margin:0;
padding:0;
color:#111;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 25px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
a:link {color:#00c6b2; text-decoration:none;}
a:visited {color:#00c6b2;text-decoration:none;}
a:hover {color:#66cccc; text-decoration:underline;}
a:active {color:#00c6b2;text-decoration:none;}

.fontSho{color: #229b52;}
.font147{font-size: 1.720em;}

.bg{background: url("../img/index/bg.jpg") center center repeat;background-size: 960px 721px;}
.bg2{background: url("../img/index/bg2.jpg") center center repeat;	background-size: 960px 721px;}


/* header
--------------------------------------------------------------------------------------*/
#header{
	width:100%;
	margin: 0;
	padding: 20px 0 10px 0;
	text-align: center;
	position: relative;
}

#header #head {
	max-width: 1300px;
	margin: 0 auto;
}

#header #head h1 {
	width: 30%;
	float:left;
	margin-top:0.5%;
}
#header #head h1 img{ width: 100%; height: auto;}

#header #head nav#nav {
	width: 40%;
	margin:0 1% 0 5%;
	float:left;
}
#header #head #nav .nav {
	width: 100%;
	padding: 0;
	text-align:center;
	margin: 0;
	clear:both;
	list-style-type:none;
}
#header #head #nav .nav li {
	width:31.3%;
	float:left;
	padding: 0 1%;
	position:relative;
	padding-top: 1%;
	font-size:0.9em; 
}
#header #head #nav .nav li span{
	display: inline-block;
	vertical-align: middle;
	background: url("../img/common/down.png") no-repeat left center;
	background-size:20px 15px;
	padding-left: 25px;
}
#header #head #nav .nav  li a{text-decoration: none; color: #646464; font-weight: 700;}
#header #head #nav .nav  li a:hover {opacity: .5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;text-decoration: none;}

#header #head #headR {
	width: 20%;
	float: right;
	text-align: right;
	color: #229b52;
	font-size: 0.5em;
}
#header #head #headR a{color: #229b52;}
#header #head #headR li span{font-size: 1.5em;}
#header #head #headR img{ width: 100%; height: auto;}


/* common
--------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin:0;
	padding:0;
	text-align: center;
	overflow: hidden;
}

.container{
	max-width: 1300px;
	margin: 0 auto;
}

.container80{
	width: 80%;
	margin: 0 10%;
}

.container60{
	width: 60%;
	margin: 0 20%;
}

.box {
	width: 100%;
	clear:both;
}

.box2nd {
	clear:both;
}

ul.lists{
	text-align:left;
}
ul.lists li{
	display:block;
	background:url(../img/common/li.png) no-repeat 0px 5px;
	text-align:left;
	padding-left:18px;
	background-size:12px 12px;
}
ul.lists li.kome{background:url(../img/common/kome.png) no-repeat 0px 5px;background-size:12px 12px;}



/* footer
--------------------------------------------------------------------------------------*/

#footerWrap {
	width:100%;
	padding:0 0 0 0;
}

/* contactus*/
#footerWrap #contactus{
	width: 100%;
	padding: 8% 0;
	text-align: center;
}

#footerWrap #contactus #footer_logo{
	margin-bottom:1em;
}
#footerWrap #contactus p.footer_adress{
	font-size:1.2em;
}
#footerWrap #contactus p.footer_tel{
	font-size:1.2em;
	color: #229b52;
}
#footerWrap #contactus .footer_tel a{ color:#229b52;}
#footerWrap #contactus p.footer_mail{
	font-size:1.5em;
}
#footerWrap #contactus .footer_mail a{ color:#111;}
#footerWrap #contactus #btnForm{
	/*
	margin-bottom:60px;*/
}

#footerWrap #footer {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 1% 0;
	background-color: #229b52;
	color: #fff;
	font-size: 0.5em;
}



@media screen and (max-width: 768px) {
[href^="tel"] {pointer-events: auto;}
}





/* ここからスマホ
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
.forPc {display: none;}
.forSp {display: block;}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;   
outline: none;
}

html, body{
	text-align: center;
	width: 100%;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-text-size-adjust: none;
	font-size-adjust:none;
	margin: 0;
   padding: 0;
	overflow-x: hidden;
}

img {
	width: 100%;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
}
a {word-break: break-all;}

	
.font147{font-size: 1.1em;}

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

#header{
	width:100%;
	margin: 0 0 0 0;
	height: 100px;
	background-color:#fff;
	padding:0 0;
	text-align: center;
	position: relative;
}
	#header #head {
	max-width: 100%;
	width:100%;
	margin: 0;
	position: relative;
}
#header #head h1 {
	width: 35%;
	margin: 3% 0 2% 2%; 
	top:2%;
	left:0;
}
#header #head nav#nav {
	width:  96%;
	margin:1% 2%;
	position:absolute;
	top: 65px;
}
	
#header #head #nav .nav {
	width: 100%;
	padding: 0;
	text-align:center;
	margin: 0;
	clear:both;
	list-style-type:none;
}
#header #head #nav .nav  li {
	width:32%;
	float:left;
	padding: 0 0.5%;
	position:relative;
	padding-top: 0;
	font-size:0.85em; 
}
#header #head #nav .nav  li span{
	background-size:16px 11px;
	padding-left: 20px;
}

#header #head #headR {
	width: 55%;
	margin: 3% 2% 2% 0; 
	top:2%;
	right:0;
	position:absolute;
}
#header #head #headR li span{
	font-size: 1.2em;
}
	#header #head #headR img{
		width:100%;
		height: auto;
	}
	
/* common
--------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 0;
	padding: 0 0;
}

.container{
	max-width: 100%;
	width: 90%;
	margin: 0 5%;
}



.container80,
.container60{
	width: 100%;
	margin: 0 0%;
}


.box {
	width: 100%;
	text-align:left;
	clear:both;
}




/* footer
--------------------------------------------------------------------------------------*/

#footerWrap {
	width:100%;
	padding:0 0 0 0;
}

/* contactus*/
#footerWrap #contactus{
	width: 100%;
	margin: 0 0;
	text-align: center;
	padding: 8% 0%;
}
#footerWrap #contactus #footer_logo img{
	width: 50%;
	margin: 0 25%;
}
#footerWrap #contactus p.footer_mail img,
#footerWrap #contactus #btnForm img,
#footerWrap #contactus #link_sho img{
	width: 60%;
	margin: 0 20%;
}
#footerWrap #contactus p.footer_adress,
#footerWrap #contactus p.footer_tel{
	font-size:0.8em;
}
	
	#footerWrap #contactus p.footer_mail{
	font-size:0.8em;
		margin-bottom: 3%;
}
	#footerWrap #contactus #btnForm{
		margin-bottom: 3%;
}
/*
#footerWrap #contactus #footer_logo{
	margin-bottom:1em;
}
#footerWrap #contactus p.footer_tel{
	font-size:1.6em;
	color: #229b52;
}
#footerWrap #contactus .footer_tel a{ color:#229b52;}
#footerWrap #contactus p.footer_mail{
	font-size:1.6em;
}
#footerWrap #contactus .footer_mail a{ color:#111;}
#footerWrap #contactus #btnForm{
	margin-bottom:60px;
}

#footerWrap #footer {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 1% 0;
	background-color: #229b52;
	color: #fff;
	font-size: 0.7em;
}

	*/

}