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

/*--------------------------------------------------------------------------------------------------- */
/* 共通----------------- */

*{margin:0;padding:0;box-sizing:content-box; }

body{letter-spacing:1px; font-family:/* '秀英にじみ丸ゴシック B JIS2004','Shuei NijimiMGo B JIS2004','游ゴシック','Yu Gothic', serif;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;  */
	"メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%; color: #333;background: url("../img/bg.jpg") repeat;}
#container{}

header,.content,footer{ width: 100%; text-align: center; overflow: hidden;}


@media screen and (min-width: 600px){ /*PC*/
    body{font-size:18px; width:100%; line-height:28px;}
    #container { min-width:1020px;}
    .spOnly{display: none;}
    .inner{ width: 980px; margin: 0 auto;}
}
@media screen and (max-width:599px){ /*SP*/
    body{font-size:14px; line-height:20px;}
    #container { width:100%;}
    .pcOnly{display: none;}
    .inner{ width: 94%; margin: 0 3%; }
}

/*----固定ヘッダー-------------------------------*/

#fix{ width: 100%; background-color:rgba(255,255,255,0.0); /* position: fixed; z-index: 2000; top:0;*/}
#fix .inner{position: relative;}
@media screen and (min-width: 600px){ /*PC*/
	#fix{height: 58px; padding: 15px 0 0 0; /*box-shadow:0px 0px 5px 1px rgba(0,0,0,0.2);*/ }
	#fix .logo{display: none; /*width: 160px; margin-right: 150px; vertical-align: top; margin-top: 2px;*/}
}
@media screen and (max-width: 599px){ /*SP*/
	#fix{height:36px; padding:10px 0 0 0; /*box-shadow:0px 0px 5px 1px #dbdbdb;*/ }
	#fix .logo{display: none; /* width:105px; margin-top:3px; vertical-align:middle;*/}
}

#fix select{cursor: pointer;
		text-overflow: ellipsis;
		border: 1px solid #999;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		box-sizing: border-box;
		align-items: center;
		white-space: pre;
		-webkit-rtl-ordering: logical;
		color: black;
		background-color: white;position: absolute; right: 0;}

@media screen and (min-width: 600px){ /*PC*/
	#fix select{width:20%; margin:5px 0;height:30px;font-size:16px; line-height:20px; padding: 4px;}
}
@media screen and (max-width: 599px){ /*SP*/
	#fix select{width: 50%; margin:0px 0; font-size:16px; line-height:30px;height: 30px;}
	
}

/*----固定フッダ-------------------------------*/
#fix_fut{ width: 100%;background: url("../img/fut.png") repeat-x; background-position: bottom; position: fixed; z-index: 1000;}
#fix_fut .inner{position: relative;height:60px;}
#fix_fut .leaf01{position:absolute;}
#fix_fut .leaf02{position:absolute;}

@media screen and (min-width: 600px){ /*PC*/
	#fix_fut{background-size: 80%;bottom: -15px;}
#fix_fut .leaf01{bottom: 25px;width: 80px;right:0;}
#fix_fut .leaf02{bottom: 25px;width: 80px;left:0;}
}
@media screen and (max-width: 599px){ /*SP*/
	#fix_fut{background-size:200%;bottom: -10px;}
#fix_fut .leaf01{bottom: 15px;width: 50px;right:-20px;}
#fix_fut .leaf02{bottom: 15px;width: 50px;left:-15px;}
}

/*----ヘッダー-------------------------------*/
header{ }
header .subtitle{color: #278433;}
.lead{font-weight: bold;}
@media screen and (min-width: 600px){ /*PC*/
    header{overflow: hidden;}
	header .inner{padding:50px 0 30px;}
	header img.title {width: 60%; margin: 0px auto 0px;}
	header .subtitle{font-size: 16px; font-weight: bold;}
    header .lead{ width:70%; margin: 60px auto 40px; font-size: 18px; line-height: 34px; text-align: left;}
}
@media screen and (max-width: 599px){ /*SP*/
    header{margin-top:36px;}
	header .inner{margin:0 auto; width:100%;}
	header img.title{ width: 90%;}
	header .subtitle{font-size: 12px; font-weight: bold;}
    header .lead{ font-size:12px; line-height: 22px; padding:4% 5% ;margin:15px auto; width:90%;text-align: left;}
}
    
/*----コンテンツ-------------------------------*/
.content{}





/*----ポイント----------------*/
section.about {}
section.about dl dt{color: #055310;}
@media screen and (min-width: 600px){ /*PC*/
	section.about .inner{margin: 20px auto;}
	section.about dl{ width:70%; display: table;  border-bottom: 1px dotted #999; margin: 0px auto;}
	section.about dl:first-child{border-top: 1px dotted #999;}
	section.about dl dt,section.about dl dd{vertical-align: middle; display: table-cell; line-height: 24px; font-size: 18px; padding:6px 2px;height: 60px;}
	section.about dl dt{width:  25%;}
	section.about dl dd{width:  72%; text-align: left;}
}
@media screen and (max-width: 599px){ /*SP*/
	section.about dl{ width:100%; display:block;border-bottom: 1px dotted #999;}
	section.about dl:first-child{border-top: 1px dotted #999;}
	section.about dl dt,section.about dl dd{vertical-align: middle; display:block; line-height:24px; font-size: 16px; padding:2.5%;width:94%;}
	section.about dl dt{ background-color: #fff; border-bottom: 1px dotted #ccc;}
	section.about dl dd{}
}

 
/*----フッダー-------------------------------*/
footer{}
address{color: #111;text-decoration: none; font-style: normal;}
address a{color:rgb(212, 183, 126);}
footer a { text-decoration: none; color:rgb(29, 112, 171);}

@media screen and (min-width: 600px){ /*PC*/
	footer{margin: 30px 0;}
	footer > .inner{ padding: 30px 0; }
	footer .inner span{ font-size: 80%;}
    footer address{ font-size: 70%; padding: 20px 0; }
	
}
@media screen and (max-width: 599px){ /*SP*/
	footer{margin-top: 15px;}
	footer > .inner{ padding:20px 0; }
	footer .inner span{ font-size: 80%;}
	footer .att{padding: 4%; font-size: 9px; margin: 10px 0 0 0;line-height: 14px;}
    footer address{ font-size:9px; padding:10px 0; line-height: 16px; margin-bottom: 52px; }
}