<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

h2{
	font-size:24px;
	line-height:60px;
	background-color: #3e3a39;
	color: #FFFFFF;
	text-align: center;
	height: 60px;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root h2 {padding: 3px 0 0  !important; height: 57px;}
/**/

.mainImage { width:980px; margin:0 auto;}
.mainImage img{width: 100%; height: auto;}
.mainContents{ width:980px; margin:30px auto;}
.maintext{text-align:center; font-size: 16px; color: #333333; line-height: 200%; padding-top:30px;}

.bt01{
	width: 200px;
	margin: 30px auto;
	text-align: center;
}
.bt01 a{
	width: 200px;
	height: 36px;
	background-color:#00703C;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	display: block;
	font-size: 18px;
	box-sizing: border-box;
}
.bt01 a:hover{
	background-color:#338D63;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .bt01 a{padding: 3px 0 0  !important; height: 33px;}
/**/


.greenBox{
	width: 980px;
	border: solid 1px #00703C;
	box-sizing: border-box;
	padding: 20px 50px 30px;
	text-align: center;

}
.subTitle{
	display: inline-block;
	font-size: 24px;
	color: #00703C;
	padding-left: 40px;
	background:url("../img/img_check.png") no-repeat 0px 10px;
	background-size:26px 22px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .subTitle{padding-top: 5px !important; }
/**/

.line01{ height: 1px; background-color:#cccccc; margin: 10px 0;}
.subImage,.subImage2{width: 100%; text-align: center; margin: 30px auto 0;}
.subImage img{max-width: 830px; width: 100%; height: auto;}
.subImage2 img{max-width: 740px; width: 100%; height: auto;}

.subTitle2{
	background-image: url("../common/img/line02.png");
	background-repeat: repeat-x;
	height: 21px;
	text-align: center;
}
/*.subTitle2 span{display: inline-block; width:100px; background-color:#ffffff;}*/

.bukkenn{ width: 980px; margin: 0 auto;}
.bukkenn ul{
	font-size:0;
	display: flex;
	justify-content: space-between;
}
.bukkenn li{
	width: 470px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.bukkenn .bImage{width: 200px; height: 200px}

.bukkenn .bInfo{
	width: 240px;
	text-align: center;
	font-size: 18px;
	color: #000000;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	box-sizing: border-box;	
}

.bukkenn .bInfo .bName{
	text-align: center;
	width: 100%;
	font-size: 18px;
	color: #000000;
}

.bukkenn .bInfo .bt02,
.bukkenn .bInfo .bt03,
.bukkenn .bInfo .bt04{
	width: 100%;
}

.bukkenn .bInfo .bt02{
	margin-top: auto;
}

.bukkenn .bInfo .bt02 a{
	display: block;
	border: solid 1px #DCDCDC;
	color: #00703C;
	background-color: #ffffff;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	box-sizing: border-box;
}
.bukkenn .bInfo .bt02 a:hover{
	border: solid 1px #00703C;
	color: #00703C;
	background-color: #ffffff;
}

.bukkenn .bInfo .bt03 a{
	display: block;
	background-color:#00703C;
	color: #FFFFFF;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	margin-top: 10px;
	letter-spacing: -0.1em;
	box-sizing: border-box;
}
.bukkenn .bInfo .bt03 a:hover{
	background-color:#338D63;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .bukkenn .bInfo .bt03 a{padding-top: 2px !important; }
/**/

.bukkenn .bInfo .bt04 a{
	display: block;
	background-color:#00703C;
	color: #FFFFFF;
	/*height: 46px;
	line-height: 46px;*/
	line-height: 140%;
	padding:10px 0 10px;
	font-size: 14px;
	margin-top: 10px;
	/*letter-spacing: -0.1em;*/
	box-sizing: border-box;
}
.bukkenn .bInfo .bt04 a:hover{
	background-color:#338D63;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .bukkenn .bInfo .bt04 a{padding:12px 0 8px !important; }
/**/


.bukkenn .bImage img{width: 100%; height:auto;}
.bannerArea{ width:980px; margin:30px auto 80px;}
.bannerArea img{width: 100%; height: auto;}

.pc{display: block;}
.sp{display: none;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.opa {
    /*transition: 0.3s ease-in-out;*/
}
.opa:hover {
    opacity: 0.7;
    filter: alpha(opacity=80);
}

@media all and (max-width: 980px) {
.mainImage{ width:100%;}
.mainContents{ width:96%;}
.greenBox{width: 100%; padding: 20px 20px 30px;}
.bannerArea{width:100%;}
.bukkenn{ width: 100%;}
.bukkenn ul{display: block; width: 100%;}
.bukkenn li{ margin:20px auto 0 !important;}
}


@media screen and (max-width: 768px) {
h2{font-size:18px; line-height:46px; height: 46px; }
.maintext{text-align:left; font-size: 14px; line-height: 160%; padding-top:20px;}
.bt01 a{height: 32px; line-height: 32px; font-size: 14px;}
.greenBox{
	padding: 15px 20px 20px;
}	
.subTitle{
	font-size: 18px;
	padding-left: 30px;
	background:url("../img/img_check.png") no-repeat 0px 5px;
	background-size:20px 17px;
	 line-height: 160%;
}	
.pc{display: none;}
.sp{display: block;}
}
@media screen and (max-width: 640px) {

}

@media screen and (max-width: 500px) {
.bukkenn li{width: 100%;}
.bukkenn .bImage{max-width: 200px; width: 44%; height: 44%; }
.bukkenn .bInfo{width:51%;}

.bukkenn .bInfo .bName{font-size: 14px; line-height: 140%;}	
.bukkenn .bInfo .bt02 a,
.bukkenn .bInfo .bt03 a{
	width: 100%;
	height: 36px;
	font-size: 12px;
	line-height: 36px;
}
.bukkenn .bInfo .bt04 a{
	width: 100%;
	/*height: 36px;*/
	font-size: 12px;
	/*line-height: 36px;*/
}

}

@media screen and (max-width: 320px) {
.bukkenn .bInfo .bt02 a,
.bukkenn .bInfo .bt03 a{font-size: 10px;}
}
</pre></body></html>