@charset "utf-8";
*{
	margin:0;
	padding:0;
	line-height:150%;
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#000000;
}
body{
	margin:0;
	padding:0;
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#000000;
	background:#ffffff;
}

header, section, article, footer, nav{
	display:block;
}
h1{
	font-size:140%;
}
h2{
	font-size:120%;
}
h3{
	font-size:110%;
}
h4{
	font-size:100%;
}
a img {
	border:none;
}

li{
	list-style-type:none;
}


a{
color:#036EB8;
}

a{
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
a:hover{
	-khtml-opacity:0.7;
	opacity:0.7;
}
.clear{
	float:none;
	clear:both;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.wrapper{
	max-width:1180px;
	margin:0 auto;
	padding:0 15px;
}

#main{
	padding-bottom:85px;
}

#inside{
	padding-top:20px;
	padding-bottom:50px;
}

.wrapper{
	max-width:1100px;
	margin:0 auto;
	position:relative;
	padding:0 10px;
}

/* ------------ HEADER ------------ */
#header{
	height:82px;
	background:#ffffff;
	border-top:#76ae25 4px solid;
	border-bottom:#ccc 1px solid;
}
#header h1{
	float:left;
	display:block;
	width:180px;
}

#header h1 a{
	display:block;
	width:100%;
}
#header h1 img{
	display:block;
	width:100%;
}
#header #head_nav{
	float:right;
	display:block;
	width:50px;
	text-align:center;
	margin-top:15px;
}
#header #head_nav img{
	display:block;
	margin:0 auto;
	width:35px;
	
}
#header #head_nav a{
	font-size:85%;
	letter-spacing:-0.1em;
	text-decoration:none;
}



/* ------------ FOOTER ------------ */

#footer{
	position:relative;
}
#footer #copyright{
	display:block;
	padding:20px 0 17px 0;
	color:#000;
	line-height:100%;
	text-align:center;
	margin:0 auto;
}

/* ------------ TABLE ------------ */
/*table{margin:15px 0 15px;}
table th{background-color:#ddd;
		padding:10px;
	box-sizing:border-box;}
table td{padding:5px;
	box-sizing:border-box;
	vertical-align:top;}
*/


/* ------------ SAMPLE ------------ */
.sample_area{
padding:20px 10px 20px;
border:solid 1px #ccc;
margin:15px 0 15px;
}


/* ------------ BUTTON ------------ */
/*.btn-wrapper{
	margin:15px 0 15px;
}


.btn-wrapper .btn{
		margin:0 auto 0 auto;
}

.btn-wrapper .btn-300{
	width:300px;
}

.btn-wrapper .btn-400{
	width:400px;
}

.btn-wrapper .btn-500{
	width:500px;
}

.btn-wrapper .btn-half{
	width:50%;
}

.btn-wrapper .btn-all{
	width:100%;
}




.btn{
border-radius:4px;
border:solid 1px;
padding:15px 10px;
display:block;
text-decoration:none;
text-align:center;
font-weight:bolder;
line-height:100%;
width:auto;
position:relative;
}

.btn-green{
border-color:#8fc31f;
background-color:#8fc31f;
color:#fff;
}

.btn-orange{
border-color:#fc880b;
background-color:#fc880b;
color:#fff;
}

.btn-whitegray{
border-color:#666;
background-color:#fff;
color:#666;
}

.btn-whitegreen{
border-color:#8fc31f;
background-color:#fff;
color:#8fc31f;
}

.btn-gray{
border-color:#ccc;
background-color:#ccc;
color:#fff;
}





.btn.arrow:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:7px;
	background:url(../images/arrow_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:9px 14px;
}
.btn.blank:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blank_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:17px 17px;
}
.btn.arrowGreen:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12.5px;
	background:url(../images/arrowGreen_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:9px 14px;
}
.btn.blankGreen:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blankGreen_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:17px 17px;
}
.btn.arrowGray:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12.5px;
	background:url(../images/arrowGray_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:9px 14px;
}
.btn.blankGray:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blankGray_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:17px 17px;
}

.btn_s.arrow:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12.5px;
	background:url(../images/arrow_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:6px 12px;
}
.btn_s.blank:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blank_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px 10px;
}
.btn_s.arrowGreen:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12.5px;
	background:url(../images/arrowGreen_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:6px 12px;
}
.btn_s.blankGreen:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blankGreen_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px 10px;
}
.btn_s.arrowGray:after{
	content:'';
	display:block;
	width:9px;
	height:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12.5px;
	background:url(../images/arrowGray_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:6px 10px;
}
.btn_s.blankGray:after{
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8.5px;
	right:15px;
	background:url(../images/blankGray_link.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px 10px;
}

*/











/* ------------ 装飾 ------------ */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
 content:"";
 display:block;
 overflow:hidden;
}
 
.clearfix:after {
 clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
 zoom:1;
}

.clear{
clear:both;
}

/* 行 */
.center{
text-align:center;
}

.right{
text-align:right;
}

.left{
text-align:left;
}
.justify {
  text-align: justify;
}

.pull-left{
float:left;
}

.pull-right{
float:right;
}



/* 文字色 */
.txt-red{
color:#E60012;
}

.txt-gray{
color:#999;
}

.txt-green{
	color:#8FC31F;
}

/* 文字サイズ */
.txt-small{
	font-size:80%;
}

/* 余白 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}



/* 背景色 */
.gray-box{
background-color:#EFEFEF;
padding:10px;
}

.green-box{
	background-color:#EBFFCF;
	padding:10px;
}

/*見出し装飾*/
.darkgray-headline{
	background-color:#595757;
	color:#fff;
	padding:7px;
}

.lightgray-headline{
	background-color:#9FA0A0;
	color:#fff;
	padding:5px;
}

.greenline-headline{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 2px #8fc31f;
}


/*ボタン*/

.btn{
	}











@media screen and (min-width:980px){
	body{
	font-size:18px;
}



}

/*---------------------------------------------
 
 TABLET SIZE 
 
 ----------------------------------------------*/
@media screen and (max-width:980px){
	
	body{
	font-size:18px;
}

	.wrapper{
		padding:0 10px;
	}

/* ------------ HEADER ------------ */
#header{
	background:#ffffff;
	border-top:#76ae25 4px solid;
	border-bottom:#ccc 1px solid;
	height:63px;
}
#header h1{
	float:left;
	display:block;
	width:140px;
}
#header h1 a{
	display:block;
	width:100%;
}
#header h1 img{
	display:block;
	width:100%;
}
#header #head_nav{
	float:right;
	display:block;
	width:50px;
	text-align:center;
	margin-top:10px;
}
#header #head_nav img{
	display:block;
	margin:0 auto;
	width:26px;
	
}
#header #head_nav a{
	font-size:75%;
	letter-spacing:-0.1em;
	text-decoration:none;
}

	





	
	
}

/*---------------------------------------------
 
SMARTPHONES SIZE
 
 ----------------------------------------------*/

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


	body{
		font-size:14px;
	}
	.ifPc{
		display:none !important;
	}
	.ifSp{
		display:block !important;
	}
	#main{
		padding-bottom:20px;
	}
	.wrapper{
		padding:0 10px;
	}
	
/* ------------ HEADER ------------ */
	#header{
		height:60px;
	}
	#header h1{
		width:106px;
		margin-top:6px;
		margin-left: 0;
	}
	#header #head_nav{
		width:50px;
		margin-top:10px;
	}

	#header #head_nav img{
		width:22px;
	}

	#header #head_nav a{
		font-size:50%;
	}




}

@media screen and (max-width:320px){
/* ------------ HEADER ------------ */
	.ifPc{
		display:none !important;
	}

	#header{
		height:50px;
	}
		#header h1{
		width:106px;
		margin-top:0;
		margin-left: 0;
	}
	#header #head_nav{
		width:50px;
		margin-top:5px;
	}

	#header #head_nav img{
		width:22px;
	}

	#header #head_nav a{
		font-size:50%;
	}

/* ------------ FOOTER ------------ */
#footer #copyright{
	font-size:80%;
	}




}