@charset "utf-8";

body{background:#f5f4ed;}
a{color:#006e37;}
a:hover{color:#398545;}

.siteGreen{color:#398545;}
.bgSiteGreen{background:#398545;}

/*==== ヘッダー ===================*/
nav{background:#398545;}
.headBG{background:url(../../images/guest/bg_lefttop.png) no-repeat bottom left, url(../../images/guest/bg_righttop.png) no-repeat bottom right; width:100%; margin-top:-10px; padding-top:10px; border-bottom:solid 1px #6fa678;}
.headBox{width:100%;}
/* ロゴ・メッセージ */
.logoMsg{max-width: 910px; height: 0; padding-top: 180px; background: url(../../images/guest/logo.png) 0 0 no-repeat; background-size: 100%; overflow: hidden;}	
/* ログインボタンなど(ヘッダー右) */
.headR{margin:0 0 0 auto; padding-top:36px;}
.headR a{color:#fff; text-decoration:none; letter-spacing:4px; border:solid 2px #fff; border-radius:4px; padding:6px 50px;}
.headR a:hover{background:rgba(255,255,255,0.2);}
.headR p{margin-top:20px;}

/* グローバルメニュー */
.gmenuLink a{color:#fff;}
.gmenuLink a:hover{color:#fff; text-decoration:underline dotted; text-underline-offset:4px;}
.gmenuLink a.active{background:#006e37; border-radius:20px; margin-right:4px;}
.gmenuLink a.active:hover{text-decoration:none;}
/* ハンバーガーメニュー */
button.navbar-toggler{display:none;}
.hmenuLink a{color:#fff; border-bottom:solid 1px #fff; padding-left:10px;}
.hmenuLink a:hover{color:#fff; background:#6fa678;}
.hmenuLink a.active{ background:#006e37; color:#fff!important;}
.hmenuLink a.active:hover{text-decoration:none;}

/*==== フッター ===================*/
footer ul{list-style:none; padding-left:0;}
footer ul li.nav-item a{color:#fff!important;}
footer ul li.nav-item a:hover{color:#fff; text-decoration:underline dotted; text-underline-offset:4px;}
footer img{max-width:100%;}
/* 曲線 */
.footCurved {position: relative; background: #f5f4ed; height: 10vh; border-bottom-left-radius: 60% 55%; border-bottom-right-radius: 60% 55%;}
/* ボタン */
.btnFootR{color:#fff; display:block; padding:8px; border-radius:6px; text-decoration:none; letter-spacing:2px;}
.btnFootR-1{background:#fc7d1e;}
.btnFootR-2{background:#0379ba;}
.btnFootR-3{background:#23512a;}
/* ページトップに戻るボタン */
.btnToTop{position:fixed; bottom: 15px; right: 15px;}
.btnToTop a{display: block; text-align: center; color: #000; font-size:40px; text-decoration: none; padding: 5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.btnToTop a:hover{color:#333;}

/*==== トップページ ===================*/
/* メインビジュアル */
.mainVisualWrap{background:#398545; padding-top:270px;}
.mainVisualWrap img{max-width:100%; height:auto;}

/* News */
.newsWrap{background:#fff; border-radius:10px;}
.newsCont .new{background:orange; color:#fff; border-radius:6px; height:24px;}
.newsWrap .imgClip{position:relative; top:20px;}
.btnIchiranWrap{position:relative;}
.btnIchiran{position:absolute; bottom:-15px; right:10px;}
.btnIchiran a{display:block; color:#fff; text-decoration:none; padding:8px 34px; background:#333; border-top-left-radius:10px 10px; border-bottom-right-radius:10px 10px; letter-spacing:2px;}

/*==== レスポンシブ ===================*/
@media screen and (max-width:1199px) {
	.logoMsg{padding-top: 140px;}
	.headR{padding-top:26px;}
	.mainVisualWrap{padding-top:220px;}
}
/* ハンバーガーメニュー表示：1000px */
@media screen and (max-width:1000px) {
	.headBox{width:90%; background:url(../../images/guest/bg_lefttop.png) no-repeat bottom left, url(../../images/guest/bg_righttop.png) no-repeat bottom right; background-size: contain;}	/* ヘッダー */
	.headBG{background:none;}
	.headR{display:none;}	/* ヘッダー右上のログインボタン⇒HMに含める */
	button.navbar-toggler{display:block;}	/* HMボタン */
	ul.nav{display:none!important;}	/* Gナビゲーション */
	.mainVisualWrap{padding-top:180px;}
}

@media screen and (max-width:991px) {
.logoMsg{width:100%;}
}

@media screen and (max-width:767px) {
	.logoMsg{padding-top: 100px;}
	.mainVisualWrap{padding-top:140px;}
}

@media screen and (max-width:575px) {
	footer ul li{text-align:center;}
}

@media screen and (max-width:500px) {
	.logoMsg{padding-top: 76px;}
	.headBox{width:86%;}
	.mainVisualWrap{padding-top:120px;}
}

@media screen and (max-width:400px) {
	.logoMsg{padding-top: 60px;}
	.headBox{width:80%;}
	.mainVisualWrap{padding-top:100px;}
}