@charset "utf-8";
.clearfix:after {content:"";display: block;clear: both;}
html {font-size:100%;font-family:"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",
"メイリオ",Meiryo,"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
img {vertical-align:bottom;}
.w100 {width:100%;}
.h100 {height:100%;}
@media print,screen and (min-width: 799px) {
.spOnly {display:none;}
.pcOnly {display:block;}
a img:hover {
opacity: 0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";}
#fNav li a:hover {color:#666;}
#topNewsNew div p#spNewsCop {display:none;}
#topNewsNew div p#pcNewsCop {display:block;}
}


/*---------top----------*/
@media screen and (min-width: 800px) {

header {width:1000px;margin:0 auto;overflow:hidden;padding-bottom:20px;}
header h1 {width:438px;float:left;padding-top:60px;}
header div {width:400px;float:right; /*border:1px solid #cc0000;*/}

}

@media screen and (max-width: 798px) {
header {width:100%;margin:0 auto;overflow:hidden;padding-bottom:20px;}

header h1 {width:100%;float:none;padding-top:20px;text-align:center;}
header h1 img {max-width:80%;margin-bottom:20px;}

header div {width:100%;float:none; /*border:1px solid #cc0000;*/}

}

header .tel{
text-align:center;
/*background:#00A996;*/
margin-bottom:15px;
}

header .tel a{
	cursor:pointer;
}



header nav ul{
display:-webkit-box;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap: nowrap;
justify-content:space-around;
justify-content:space-between;
/*border-left:1px solid #73D0C5;*/
}

header nav li{
text-align:center;
width:31%;
font-size:80%;
border-right:1px solid #73D0C5;
}

header nav li:nth-of-type(2){
width:38%;
}


header nav li:last-child{
border-right:none;
}


header nav li a{
	text-decoration:none;
	color:#333;
}

header nav li a:hover{
color:#00A996;
}


header nav li span{
	display:block;
	padding:10px 0 6px;
}

header nav li a img{
display: inline-block;
width: 60px;
height: 60px;
line-height: 60;
overflow: hidden;
transition: .6s;
opacity: 1;
}
	
@media screen and (max-width: 798px) {
header nav li a img{
display: inline-block;
width: 36px;
height: 36px;
line-height: 36;
overflow: hidden;
transition: .6s;
opacity: 1;
}

}
	
header nav li a:hover img{
text-decoration:none;
color:#333;
-webkit-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
opacity: 0.7;}





#topMain {width:100%;margin:0 auto 50px auto;}

@media screen and (min-width: 800px) {
#topClumn {width:1000px;margin:0 auto 60px auto;overflow:hidden;color:#666;}
#topLeft {width:525px;float:left;}
#topRight {width:400px;float:right;}
#topNewsNew div {width:325px;float:left;padding-bottom:1.5em;min-height:225px;}
#topNewsImg {width:170px;float:right;}
}


@media screen and (max-width: 798px) {
#topLeft{
box-sizing:border-box;
padding:0 5%;
float:none;
clear:both;
margin-bottom:2em;
}

#topRight{
	padding:0 5%;
float:none;
clear:both;
margin-bottom:2em;
}

#topNewsImg {

max-width:100%;
margin-bottom:1em;}

#topNewsNew div {height:auto;}
}


#topClumn h2 {
font-weight:normal;
letter-spacing:1px;
margin-bottom:1em;
padding-bottom:5px;
border-bottom:1px solid #00A996;
color:#333;
}
#topClumn h2 img {width:34px; height:auto;margin-right:10px;
vertical-align:middle;
}

#topNewsDay {font-size:90%;margin-bottom:10px;}
#topNewsNew {width:100%;overflow:hidden;}
#topNewsNew div {float:left;padding-bottom:1.5em;}
#topNewsNew div h3 {font-size:120%;margin-bottom:15px;font-weight:normal;color:#333;}
#topNewsNew div p {font-size:90%;line-height:180%;}
#topNewsNew div h4 {width:230px;}

#topNewsNew div.textOnly {width:100%;}

#topRight table {width:100%;border-collapse:collapse;margin-bottom:20px;}
#topRight table th {width:130px;90%;font-weight:normal;text-align:center;}
#topRight table td {text-align:center;font-size:90%;}
#topRight table th,
#topRight table td {border-bottom:solid 1px #999;padding:5px 0;}
#topRight table td span {color:#31af9c;font-size:140%;}

#topRight p {font-size:90%;margin-bottom:15px;line-height:180%;}
#topRight p span.satuday {
color:#31af9c;font-size:140%;
position:relative;top:2px;}

#topRight p span{
	color:#31af9c;
}

.btn{
clear:both;
width:230px;
font-size:100%!important;
border:1px solid #31af9c;
border-radius: 10px; 
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
transition: .6s;
overflow: hidden;
background:url(../images/btn_icon.png) no-repeat 90% 50% #fff;
line-height:180%;
}

.btn a{
	display:block;
	text-align:center;
	padding:10px;
	color:#31af9c;
	text-decoration:none;
	letter-spacing:1px;
}

.btn:hover{
	background:url(../images/btn_icon_over.png) no-repeat 90% 50% #31af9c;

-moz-transition: 0.3s ease;
-webkit-transition:  0.3s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;}


.btn a:hover{
	display:block;
	text-align:center;
	padding:10px;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
}

@media screen and (max-width: 798px) {
.btn{
	margin:0 auto;
}

}


@media screen and (min-width: 800px) {
	}

#gmap {width:100%;position:relative;padding-top:31.666%;}
#gmap iframe {width:100%;position:absolute;left:0;top:0;height:100%;z-index:1;}
#footers {width:100%;background-color:#31af9c;}

#footInner {width:1000px;margin:0 auto;padding:40px 0;position:relative;}


#topReturn {width:95px;
position:absolute;
right:0;top:-45px;z-index:9;
}
#topReturn img{
transition: .6s;
}
#topReturn img:hover{
opacity: 1;
-moz-opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-webkit-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);}


#topReturn {width:95px;position:absolute;right:0;top:-45px;z-index:9;}
#footBlockUpSp {display:none;}
#footBlockUp {width:855px;margin:0 auto 40px auto;padding-top:0px;overflow:hidden;}
#footBlockUp h2 {width:390px;float:left;}
#fNav {width:410px;float:right;}
#fNav li {display:inline-block;}
#fNav li a {display:block;color:#fff;font-size:14px;text-decoration:none;
border-right:solid 1px #fff;padding-right:17px;margin-right:17px;}
#fNav li:last-child a {border:none;margin-right:0;padding-right:0;}

#fNav li a:hover{
color:#FC0;
}

#footBlockBottom {width:855px;margin:0 auto;overflow:hidden;}
#footLeft {width:250px;float:left;}
#footLeft p {font-size:14px;color:#fff;margin-bottom:7px;line-height:180%;}
#footMiddle {width:358px;float:left;}
#footMiddle dl {width:100%;overflow:hidden;margin-bottom:7px;font-size:14px;color:#fff;}
#footMiddle dl dt {width:122px;float:left;padding:2px 0;}
#footMiddle dl dd {width:230px;float:right;padding:2px 0;}
.rec {width:220px;float:left;}
#cpRight {width:100%;padding:10px 0;text-align:center;font-size:90%;color:#31af9c;}



@media screen and (max-width: 798px) {
#gmap {padding-top:100%;}

#footInner {width:100%;padding:20px 0 40px 0;}
#topReturn {width:60px;top:-6%;right:5px;}


#fNav {
width:100%;float:none;
padding:0;
border-top:1px solid  #fff;
}
#fNav li {
display:block;width:100%;
border-bottom:1px solid  #fff;
background:url(../images/btn_icon_over.png) 98% center no-repeat;
}
#fNav li a{
display:block;
color:#fff;
font-size:120%;
text-decoration:none;
border-right:none;
padding:0.5em 0.5em 0.5em 1em;
}



#footBlockUp {width:100%;margin:0 auto 30px auto;padding-top:0px;overflow:hidden;}

#footBlockUp h2 {
	width:80%;float:none;
	width:90%;margin:10px auto 4% auto;}
#footBlockUp h2 img {max-width:100%;}
.rec {width:90%;margin:20px 10px 0px 15px;}
#footBlockBottom {width:90%;font-size:110%;}
#footLeft {width:100%;float:none;margin-bottom:5%;}
#footLeft p {font-size:100%; text-align:center;margin-bottom:15px;}
#footLeft p a {text-decoration:none;color:#fff;}
#footMiddle {width:100%;float:none;}
#footMiddle dl {
	width:100%;
border-bottom:1px dotted #FFF;}
#footMiddle dl dt {width:100%;
white-space:nowrap;
border-top:1px dotted #FFF;
padding-top:8px;
padding-left:5px;
}
#footMiddle dl dd {width:100%;
padding-left:2em;
padding-top:0;
padding-bottom:8px;}
#topNewsNew div p#spNewsCop {display:block;}
#topNewsNew div p#pcNewsCop {display:none;}
}