@charset "utf-8";

/*------------------------------
特設ごとのバリエーション
------------------------------*/

/*-----コンテンツ見出し　特設ごとに変更、文字色は#fffか#000-----*/
#feature-wrap h2{background: #47ca4c;color: #fff;}

/*-----見出し形状はクラスで切替-----*/
.main_cont.h2_square h2{border-radius: 0;}
.main_cont.h2_r-corner h2{border-radius: 0.3em;}
.main_cont.h2_round h2{border-radius: 5em;}

/*------------------------------
共通設定
------------------------------*/
.ls_min{letter-spacing: -0.05em;}

body{margin: 0;padding: 0;}

#feature-wrap {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; 
	font-size: 16px; 
	color: #2c2c2c;
	line-height: 1.8 !important; 
	letter-spacing: normal !important;
}

.feature-innr{width: 1120px;margin: 0 auto;max-width: 100%;}
#feature-wrap .sp{ display: none;}
#feature-wrap img{-webkit-backface-visibility: hidden;}
#feature-wrap * {box-sizing: border-box;}
#feature-wrap ul{ list-style-type: none; margin: auto; padding: 0;}
#feature-wrap hr{ border: 0; border-top: 1px dashed #ffc000; border-bottom: 1px dashed #fff; margin: 4% 0;}

/*bg*/
#feature-wrap{ overflow: hidden;}

/*clearfix*/
#feature-wrap .clearfix:after {content:" "; display:block; clear:both;}

/*backtop*/
.top_btn {position: fixed; bottom: 30px; right: 50px; z-index: 100;}

/*pc-only_sp-only*/
.pc-only{display: block;}
.pc-only2{display: inline-block;}
.sp-only{display: none;}
.sp-only2{display: none;}


/*------------------------------
コンテンツ
------------------------------*/
/*-----コンテンツ共通-----*/
#feature-wrap h2{text-align: center; margin-bottom: 1.9rem; width:100%; padding: 0.2em; font-weight: bold; font-size: 1.8rem;}
#feature-wrap section{margin-bottom: 3.8rem;}

/*-----sec_banner-----*/
#sec_banner {margin: 10% auto 10%!important; max-width: 90%;}
.banner-frame {text-align: center;}
.banner-box {display:inline-block; width:47%; margin:auto 1%; vertical-align:top; border:2px solid #47ca4c; box-shadow:5px 5px 0px 0px #47ca4c;}
.banner-box a{display:block; padding:1% 1% 3%; color:#000;}
.banner-box a:hover{text-decoration: none; opacity:0.8;}
.caption {font-size:1.4em;} 

/*-----footer-----*/
.footer p{text-align: center;font-size: 0.85rem;margin-bottom: 3em;}


/*================================================
	SP
================================================*/
@media (max-width: 900px) {
	/*------------------------------
	共通設定
	------------------------------*/
	#feature-wrap,.feature-innr {width: 100%;}
	#feature-wrap .sp{display: block;}
	#feature-wrap .pc{display: none;}
	#feature-wrap hr{ margin: 8% 0;}
	#feature-wrap::after{ height: 50px;}
	#feature-wrap a:hover{opacity: 1;}
	#feature-wrap .main-box{ background-size: contain;}

	/*h2*/
	.pconly{display: none;}

	/*bg*/
	.side-left { display: none;}
	.side-right { display: none;}
	
	/*pc-only_sp-only*/
	.pc-only{display: none;}
	.pc-only2{display: none;}
	.sp-only{display: block;}
	.sp-only2{display: inline-block;}


	/*------------------------------
	コンテンツ
	------------------------------*/

	/*-----コンテンツ共通-----*/
	#feature-wrap h2{font-size: 1.3rem;}
	.main_cont h2{width: 95%!important;margin: 0 auto 1rem;}
	#feature-wrap section{margin-bottom: 3rem;}
	
	/*-----sec_banner-----*/
	.banner-box {display: block; width: 90%; margin: 8% auto;}
	.caption {font-size:1.2em;}
}

@media only screen and (min-width: 450px) and (max-width: 900px) {
	.nav-box ul li {font-size: 1.1rem;}
}