@charset "UTF-8";
/* CSS Document */
/*-------------------HTML5共通
---------------------------*/
body{
	line-height: 1.5;
}
html{
	font-family: serif;
	font-size: 62.5%;/*10px*/
	-webkit-text-size-adjust: 100%;/*モバイルの文字サイズコントロール制御*/
}
.selif{
	font-family: serif;
}
.san-selif{
	font-family: sans-serif;
}
article{}
section{}
.container{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.container2{
	width: 780px;
	margin: 0 auto;
}
.container3{
	width: 620px;
	margin: 0 auto;
}

.row{
}
.inner{
	margin: 10px;
}

/*dt,dd,dl*/
dt{
	clear: both;
	float: left;
	margin-right: 20px;
	line-height: 2em;
}
dd{
	float: left;
	line-height: 2em;
}

/*背景色*/
.back_gray{
	background-color: #efefef;
}
.back_white{
	background-color: #fff;
}
.back_green{
	background-color: #006837;
}
.back_green2{
	background-color: #003333;
}
.back_green3{
	background-color: #e7ede6;
}

/*フォント色*/
.color_green{
	color: #006837;
}

/*ボタン*/
.btn001 a{
	background-color:#036eb8;
	width: 120px;
	padding: 8px;
	text-align: center;
	background-image: url(../images/btn1_item.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	border-radius: 15px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	text-decoration: none;
	line-height: 1;
	float: right;
}
.btn001 a:hover{
	opacity: 0.9;
}
.btn002 a{
	background-color:#fe544f;
	width: 120px;
	padding: 8px;
	text-align: center;
	background-image: url(../images/btn1_item.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	border-radius: 15px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	text-decoration: none;
	line-height: 1;
	float: right;
}
.btn002 a:hover{
	opacity: 0.9;
}
.btn003 a{
	background-color:#036eb8;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding: 16px 0;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 1;
}

.btn003 a:hover{
	opacity: 0.9;
}
/*見出し*/
.midashi001{
	font-size: 26px;
	/*text-align: center;*/
	line-height: 1.4;
	margin-bottom: 20px;
	font-weight: normal;
}
.midashi002{
	font-size: 24px;
	/*text-align: center;*/
	line-height: 1.4;
	color: #004c22;
	font-weight: normal;
}
.midashi003{
	font-size: 20px;
	text-align: center;
	line-height: 1.4;
	border: 2px solid #000;
	text-align: center;
	padding: 10px 0;
	font-weight: normal;
}
/*ヘッダー*/
header{
	background-image: url("../images/header_back.png");
	background-size: cover;
	border-bottom: 1px solid #ccc;
	width: 100%;
	border-top: 5px solid #c7b299;
}
.header_logo{
	margin-top: 25px;	
}
.header_logo a img:hover {
	opacity: 0.5;
}
.header_logo p{
	line-height: 1.5;	
	font-size: 1.2rem;
	color: #004c22;
}

.header_logo img{
	width: 226px;
}
header nav{
}

#head_wrap{
	background-color: #fff;
	/*padding: 10px 0;*/
}
/*ナビPC*/
li:hover{
	opacity: 0.5;
}

/*スマホナビ*/
.side_content ul li{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.side_content ul li a{
	text-decoration: none;
	display: block;
	color: #666;
}
.side_content ul li a:after{
	/*content: url(../images/li_style003.jpg);*/
}

#topimage{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100;
	padding: 0px 0;}


.box_style001{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
   -ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px solid #036eb8;
	background-color: #fff;
	padding: 20px;
}
.box_style002{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
   -ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px solid #fe544f;
	background-color: #fff;
	padding: 20px;
}
.box_style003{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
   -ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, .75);
	padding: 20px;
}


.li_style001{
	text-indent: 10px;
	background-image: url(../images/li_style001.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.li_style002{
	text-indent: 10px;
	background-image: url(../images/li_style002.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

/*ニュース部分*/


/*フッター*/
footer{
	padding-top: 20px;
	min-height: 50px;
	font-size: 1.6rem;
	color:#333;
}
footer small{
	font-size: 10px;
	text-align: center;
}

.footer_fuji{
	background-image: url(../images/footer_fuji.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 80px;
}

/*パンくずリスト*/
.breadcrumb li{
	display: inline-block;
	margin-right: 5px;
}
.breadcrumb li:before{
	content: ">";
	margin-right: 10px;
}
.breadcrumb li:first-child:before{
	content: none;
}

/*-------------------カラム共通
---------------------------*/
.col1{width: 8.3333333%;}
.col2{width: 16.6666667%;}
.col3{width: 25%;}
.col4{width: 33.3333333%;}
.col5{width: 41.6666667%;}
.col6{width: 50%;}
.col7{width: 58.3333333%;}
.col8{width: 66.6666667%;}
.col9{width: 75%;}
.col10{width: 91.6666667%;}
.col12{width: 100%;}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: left;}
/*---------------------マージン共通
-------------------------------*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
/*----------------パディング共通
----------------------------*/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}

/*-----------------フォントサイズ
-----------------------*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f27{font-size: 27px;}
.f28{font-size: 28px;}
.f29{font-size: 29px;}
.f30{font-size: 30px;}
.f31{font-size: 31px;}
.f32{font-size: 32px;}
.f33{font-size: 33px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f37{font-size: 37px;}
.f38{font-size: 38px;}

.f1em{font-size: 1em;}
.f11em{font-size: 1.1em;}
.f12em{font-size: 1.2em;}
.f13em{font-size: 1.3em;}
.f14em{font-size: 1.4em;}
.f15em{font-size: 1.5em;}
.f16em{font-size: 1.6em;}
.f17em{font-size: 1.7em;}
.f18em{font-size: 1.8em;}
.f19em{font-size: 1.9em;}
.f20em{font-size: 2em;}

/*--------ボーダー共通
--------------------*/
.bt1{border-top: 1px solid #333;}
.bt2{border-top: 2px solid #333;}
.bt3{border-top: 3px solid #333;}
.bb1{border-bottom: 1px solid #333;}
.bb2{border-bottom: 2px solid #333;}
.bb3{border-bottom: 3px solid #333;}

/*-----------------フロート
-----------------------*/
.left{
	float: left;
}
.right{
	float: right;
}
/*---------------テキスト寄せ
------------------------*/
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
/*---------------clearfix
-----------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{
	clear: both;
}
/*----パソコンとスマホでの表示非表示
---------------------------*/
.pc_show{
	
}
.sp_show{
	display: none;
}
@media (max-width:768px) {
	.pc_show{
		display: none;	
	}
	.sp_show{
		display: inherit;
	}
	.sp_img img{
		width: 100%;
		height: auto;
	}
	/*-----------スマホ時フォントサイズ
	-----------------------*/
	.sp_f10{font-size: 10px;}
	.sp_f11{font-size: 11px;}
	.sp_f12{font-size: 12px;}
	.sp_f13{font-size: 13px;}
	.sp_f14{font-size: 14px;}
	.sp_f15{font-size: 15px;}
	.sp_f16{font-size: 16px;}
	.sp_f17{font-size: 17px;}
	.sp_f18{font-size: 18px;}
	.sp_f19{font-size: 19px;}
	.sp_f20{font-size: 20px;}
	.sp_f21{font-size: 21px;}
	.sp_f22{font-size: 22px;}
	.sp_f23{font-size: 23px;}
	.sp_f24{font-size: 24px;}
	.sp_f25{font-size: 25px;}
	.sp_f26{font-size: 26px;}
	.sp_f27{font-size: 27px;}
	.sp_f28{font-size: 28px;}
	.sp_f29{font-size: 29px;}
	.sp_f30{font-size: 30px;}
	.sp_f31{font-size: 31px;}
	.sp_f32{font-size: 32px;}
	.sp_f33{font-size: 33px;}
	.sp_f34{font-size: 34px;}
	.sp_f35{font-size: 35px;}
	.sp_f36{font-size: 36px;}
	.sp_f37{font-size: 37px;}
	.sp_f38{font-size: 38px;}
	
	.midashi001{
		font-size: 20px;
	}
	.midashi002{
		font-size: 20px;
	}
	.midashi003{
		font-size: 18px;
	}
}




