/* micro clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


/* =Typography
-----------------------------------------------------------------------------*/
body {
	background-color: #EAEBED;
	font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0.08rem;
	line-height: 1.6;
}
h1, h2, h3, h4, h5 {
	font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0.08rem;
}
h2, h3 { 
	font-weight: normal;
}
p, ul, ol, table{font-size:1.4rem;margin-left:45px;margin-right:45px;margin-top:20px;margin-bottom:20px;}
img{ max-width: 1000px; width: 100%; height: auto; }
a { color: #cd7a43; }
/* =Common
-----------------------------------------------------------------------------*/
body{color:#333;
}

.button01{
	display: block;
	padding:17px;
	background-color: #ed7100;
	color: #FFF;
	font-size: 12px; font-size: 1.2rem;
	font-weight:bold;
	text-align: center;
	border-radius: 5px;
}
a.button01{text-decoration: none;}
a:hover.button01{background-color: #d78f4d; color: #FFF;}
.width-80{width: 80%;}
.center{text-align: center;}
.txLeft {text-align: left;}
.txRight { text-align: right; }
.mouse-on img:hover{
	opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);	
}
.font-s{font-size: 8px;font-size: 0.8rem;}
.bold{font-weight: bold;}
.mt0{margin-top:0;}
.mb40{margin-bottom: 40px;}
.mt40{margin-top:40px;}
.tx-red{color:red;}
.topbtn{text-align:center;margin-top:40px;}
.topbtn a{background-color:#387c2d;padding:15px 20px;color:#FFF;text-decoration:none;display:block;width:50%;margin:0 auto;}
.topbtn a:hover{background-color: #d9dccb; color:#245d1f;}

/* =Layout
-----------------------------------------------------------------------------*/
#header{background-color:#ffffff;border-bottom:1px solid #EEE;}
#header .header-wrapper{margin:0 auto;max-width:1000px;width:100%;padding-top:10px;height:80px; }
#header .header-wrapper .left{/*float:left;*/}
#header .header-wrapper .left p{margin:0;padding-top:3px;}
#header .header-wrapper .left p img{ }
#header .header-wrapper .right{float:right;}
#header h1{margin-top:0px;color:#333;font-weight:normal;font-size:1.3rem;margin-bottom:0;padding-top:24px; padding-left: 131px; background: url(img/logo.png) no-repeat top left;background-size:112px;height:40px; }

#wrapper{max-width:1000px;margin:0 auto;}
.contents-wrapper{background-color:#FFF;padding-top:2px;}
.contents-wrapper h2{background-color:#000000;color:#FFF;margin-left:32px;margin-right:32px;padding:8px 8px 8px 13px;font-size:16px;margin-top:35px;margin-bottom:40px; }

.inner 		{margin-left:45px;margin-right:45px;margin-top:50px;margin-bottom:50px;}

.koushi{margin-left:55px;margin-right:55px;padding-top:17px;margin-bottom:55px;}
.koushi .left{float:left;margin-right:28px;}
.koushi .left img{}
.koushi .right{float:left;width:73%;}
.koushi .right h3{font-size:18px;border-bottom:3px solid #888;padding-bottom:4px;margin-left:0;margin-right:0;margin-bottom:20px;margin-top:0;}
.koushi .right p{margin-left:0;margin-right:0;line-height:1.8;}

.contents-wrapper h3{margin-left:45px;margin-right:45px;font-size:1.6rem;border-bottom:3px solid #387b2d;padding-bottom:8px;margin-bottom:25px;margin-top:30px;}
.contents-wrapper h3 span{background-color:#e70;color:#FFF;padding:4px 12px;font-size:12px;margin-right:12px;}

.contents-wrapper table{width:91%;}
.contents-wrapper table tbody{}
.contents-wrapper table tbody tr{}
.contents-wrapper table tbody tr th{border:1px solid #ccc;padding:10px;background-color:rgba(189, 186, 152, 1);color:#FFF; width: 20%;}
.contents-wrapper table tbody tr td{border:1px solid #CCC;padding:10px;}

.inquery{margin-left:30px;margin-right:30px;margin-bottom:30px;}
.inquery .left{float:left;width:49%;}
.inquery .right{float:left;}

#form{margin-left:45px;margin-right:45px;padding-bottom:45px;margin-top:60px;}
#form .input-field{margin-bottom:25px;}
#form .input-field .input { border: 1px solid #CCC; margin-left: 15px; margin-right: 15px; margin-top: 20px; padding: 5px; }
#form .input-field input{width:99%;height:3em;border:1px solid #CCC;padding-left:8px;}
#form .input-field input[placeholder]{}
#form .input-field input[type="submit"]{background-color:#387c2d;border:none;color:#FFF;font-size:18px;width:50%;}
#form .input-field select{width:100%;border:1px solid #ccc;height:3.5em;background-color:#FFF;border-radius:1px;}
#form .input-field select option{}
#form .input-field label{font-size:1.4rem;display:block;margin-bottom:8px;}
#form .input-field label span{}
#form .input-field textarea{width:97%;border:1px solid #CCC;padding-left:8px;}
#form .input-field textarea[placeholder]{padding:10px;letter-spacing:0.08rem;}
#form .input-field input.checkbox{width:20px;vertical-align:middle;margin-left:20px;}
#form .input-field span.checkbox{padding-bottom:-2px;margin-left:8px;font-size:14px;line-height:14px;}
input[type="button"],
input[type="submit"]{ font-size: 14px; padding: 10px 15px; }
input[type="checkbox"]{ width: 18px; height: 18px; }

.privacy{border:1px solid #CCC;height:320px;padding-bottom:20px;overflow:auto;}
.privacy p{font-size:12px;}
.privacy h4{font-size:12px;margin-left:22px;}
.privacy h5{}
.privacy ol{font-size:1.2rem;}
.privacy ol li{}

.btn 			{ text-align:center;margin:60px auto;}
.btn a 			{ display:block;background-color:#387d2d;width:50%;margin:0 auto;padding:25px 20px;font-size:16px;color:#FFF;text-decoration:none;}
.btn a:hover 	{ background-color: #d9dccb; color:#245d1f; }

/* =footer
-----------------------------------------------------------------------------*/
.footer{
	background-color: #000000;
	color:#FFF;
	text-align: center;
	padding: 1.0em;
}
.footer p,.footer ul{line-height:1.6;margin-top:0;margin-bottom:0;
}
.footer ul{font-size: 9px; font-size: 0.9rem; margin-bottom: 0.8em;}
.footer ul li{display: inline; margin-right: 1em;}
.footer ul li:last-child{margin-right:0;}
.footer ul li a{color: #333; text-decoration:none;}
.footer ul li a:hover{color: #555;}
.footer .copy{font-size: 8px; font-size: 0.8rem;}




/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#header h1 {background-size:100px;height:40px;}
	#header .header-wrapper{margin:0 auto;max-width:1000px;padding-top:10px;height:71px;width:95%; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	img{ max-width: 100%; width: auto;}
	p, ul, ol, table{font-size:1.4rem;margin-left:16px;margin-right:16px;}
	#header{}
	#header .header-wrapper{margin:0 auto;width:95%;padding-top:8px; padding-left: 10px;height:52px; }
	#header .header-wrapper .left{float:none;}
	#header .header-wrapper .left p{padding-top:0;text-align:center;padding-left:18px;}
	#header .header-wrapper .left p img{text-align:center; }
	#header .header-wrapper .right{float:none;}
	#header .header-wrapper .right a{display: block;text-align: center;}
	#header .header-wrapper .right img{text-align:center; }
	#header h1{background-size:80px;padding-top:3px;padding-left:82px;height:40px;}

	.contents-wrapper h2{ margin-left:5%; margin-right: 5%; }

	.koushi{margin-left:16px;margin-right:16px;padding-top:17px;margin-bottom:30px;}
	.koushi .left{float:left;margin-right:18px;width:30%;}
	.koushi .left img{}
	.koushi .right{float:none;width:100%;}
	.koushi .right h3{font-size:18px;border-bottom:none;padding-bottom:4px;margin-left:0;margin-right:0;margin-bottom:20px;margin-top:0;}
	.koushi .right p{margin-left:0;margin-right:0;line-height:1.8;}

	.contents-wrapper h3{margin-left:16px;margin-right:16px;font-size:1.6rem;border-bottom:3px solid #888;padding-bottom:8px;margin-bottom:25px;}
	.contents-wrapper h3 span{background-color:#e70;color:#FFF;padding:4px 12px;font-size:12px;margin-right:12px;}

	.contents-wrapper table{width:91%;}
	.contents-wrapper table tbody{}
	.contents-wrapper table tbody tr{}
	.contents-wrapper table tbody tr th{border:1px solid #ccc;padding:10px;background-color:rgba(189, 186, 152, 1);color:#FFF;}
	.contents-wrapper table tbody tr td{border:1px solid #CCC;padding:10px;}

	.inquery{margin-left:16px;margin-right:16px;margin-bottom:30px;}
	.inquery .left{float:left;width:100%;}
	.inquery .right{float:left;}
	.inner 		{margin-left:15px;margin-right:15px;margin-top:35px;margin-bottom:35px;}

	#form{margin-left:16px;margin-right:16px;padding-bottom:45px;margin-top:40px;}
	#form .input-field{margin-bottom:25px;}
	#form .input-field input{width:99%;height:3em;border:1px solid #CCC;}
	#form .input-field input[placeholder]{}
	#form .input-field input[type="submit"]{width:85%;}
	#form .input-field select{width:100%;border:1px solid #ccc;height:3.5em;background-color:#FFF;border-radius:1px;}
	#form .input-field select option{}
	#form .input-field label{font-size:1.4rem;display:block;margin-bottom:8px;}
	#form .input-field label span{}
	#form .input-field textarea{width:94%;border:1px solid #CCC;}
	#form .input-field textarea[placeholder]{padding:10px;letter-spacing:0.08rem;}

	.privacy{border:1px solid #CCC;height:120px;padding-bottom:20px;overflow:auto;}
	.btn a 	{ width: 80%;}
	.btn 	{ margin-top: 30px; margin-bottom: 40px; }
}


/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 736px) {
}

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