@charset "utf-8";
#page-kv { background: url('/img/bg-kv.jpg') no-repeat 50% 50% / cover;}
#page-kv .inner-kv { position: relative; width: 100%; height: 230px;}
#page-kv .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
#page-kv .txt h2 { color: #fff; font-size: 1.85rem; font-weight: 700; letter-spacing: 0.16rem; line-height: 1.2; text-align: center; text-shadow: 0 0 16px #a09673;}
#page-kv .txt p { margin-top: 18px; color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.1rem; text-align: center; text-shadow: 0 0 16px #a09673;}

@media (max-width: 801px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#page-kv .inner-kv { height: 160px;}
	#page-kv .txt h2 { font-size: 1.45rem;}
	#page-kv .txt p { margin-top: 8px; font-size: 1.0rem;}
}



.breadlist { width: 100%; padding: 18px;}
.breadlist ul { width: 100%; max-width: 1200px; margin: 0 auto; font-size: 0;}
.breadlist ul li { position: relative; display: inline-block; margin-right: 8px; padding-right: 18px; font-size: 0.96rem; vertical-align: top;}
.breadlist ul li:last-child { margin-right: 0px; padding-right: 0px; max-width: 800px;}
.breadlist ul li:after { content: ''; display: block; width: 0; height: 0; border: solid 5px transparent; border-left: solid 8px #50a63a; border-right: 0;
 position: absolute; right: 0; top: 50%; transform: translateY(-50%);
}
.breadlist ul li:last-child:after { content: none;}
.breadlist ul li a { color: #000; text-decoration: none;}
.breadlist ul li a:hover { color: #50a63a;}
@media (max-width: 1001px) {
	.breadlist ul li:last-child { max-width: 500px;}
}
@media (max-width: 801px) {
	.breadlist ul li:last-child { max-width: 300px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.breadlist { padding: 12px;}
	.breadlist ul li { margin-right: 4px; padding-right: 12px; font-size: 0.72rem;}
	.breadlist ul li:last-child { max-width: 180px;}
	.breadlist ul li:after { border: solid 4px transparent; border-left: solid 6px #50a63a; border-right: 0;}
}


#page-index .inner-sct { padding: 20px 0 120px;}
.pageNav { width: 100%; max-width: 900px; margin: 0 auto;}
.pageNav ul { font-size: 0;}
.pageNav ul li { display: inline-block; width: 50%; padding: 12px 15px; font-size: 1.38rem;}
.pageNav ul li a { position: relative; display: block; width: 100%; padding: 15px; padding-left: 75px; background: #fff; border: solid 2px #6b9d57; border-radius: 8px;
 color: #000; font-weight: 700; text-decoration: none;
}
.pageNav ul li a:after { content: ''; display: block; width: 23px; height: 23px; background: url('/img/icn-arw.jpg') no-repeat 50% 50% / 100% auto; border-radius: 50%;
 position: absolute; left: 30px; top: 50%; transform: translateY(-50%);
}
.pageNav ul li a:hover { background: #f0f5ee;}
@media (max-width: 801px) {
	.pageNav ul li { padding: 8px 10px; font-size: 1.12rem;}
}
@media (max-width: 481px) {
	.pageNav ul li { display: block; width: 100%; padding: 8px 15px;}
	.pageNav ul li a { padding: 10px; padding-left: 40px;}
	.pageNav ul li a:after { width: 20px; height: 20px; left: 12px;}
}



.box { position: relative; width: 90%; max-width: 1100px; margin: 0 auto; padding: 20px 50px 50px; background: #fff; border-radius: 20px;}
.box .box-tit { padding: 25px 0; border-bottom: solid 3px #50a63a;}
.box .box-tit h3 { font-size: 1.85rem; font-weight: 700; letter-spacing: 0.16rem; line-height: 1.25; text-align: center;}
.box .box-tit h3 span { display: inline-block; margin-left: 10px;}
.box .box-tips { padding: 25px 0; border-bottom: dashed 1px #999;}
.box .box-tips h3 { font-size: 1.5rem; font-weight: 700; letter-spacing: 0.075rem; line-height: 1.2; text-align: center;}
@media (max-width: 801px) {
	.box { padding: 12px 30px 30px;}
	.box .box-tit h3 { font-size: 1.5rem;}
}
@media (max-width: 481px) {
	.box { padding: 12px 20px 20px; border-radius: 10px;}
	.box .box-tit { padding: 10px 0; border-width: 2px;}
	.box .box-tit h3 { font-size: 1.2rem; letter-spacing: 0.1rem;}
	.box .box-tit h3 span { display: block; margin: 0 auto;}

	.box .box-tips { padding: 10px 0;}
	.box .box-tips h3 { font-size: 1.0rem; letter-spacing: 0.05rem;}
}




#article .inner-sct { padding: 20px 0 100px;}
article .article-hd { margin-bottom: 40px; padding-top: 20px;}
article .article-hd h2 { margin-bottom: 18px; padding-bottom: 20px; border-bottom: solid 3px #50a63a; font-size: 1.85rem; font-weight: 700;}
article .article-hd p { font-size: 1.0rem; line-height: 1.2;}
article .article-hd p time { display: inline-block; margin-right: 10px; vertical-align: middle;}
article .article-hd p span { display: inline-block; width: 100px; padding: 2px 0px; border-radius: 50px; vertical-align: middle; text-align: center;}
article .article-ctn { }
article .article-ctn h2 { margin-bottom: 30px; padding-bottom: 16px; border-bottom: dashed 1px #999; font-size: 1.6rem; letter-spacing: 0.075rem; line-height: 1.4;}
article .article-ctn h3 { margin-bottom: 30px; padding-bottom: 16px; border-bottom: dashed 1px #999; font-size: 1.6rem; letter-spacing: 0.075rem; line-height: 1.4;}
article .article-ctn h4 { position: relative; margin-bottom: 10px; padding-left: 30px; font-size: 1.65rem; letter-spacing: 0.075rem; line-height: 1.4;}
article .article-ctn h4:before { content: ''; display: block; width: 15px; height: 15px; background: #6b9d57; border-radius: 50%;
 position: absolute; left: 0; top: 0.42em;
}
article .article-ctn p { margin-bottom: 20px; font-size: 1.0rem; letter-spacing: 0.075rem;}
article .article-ctn p:last-child { margin-bottom: 0px;}
article .article-ctn p.mb { margin-bottom: 30px;}
article .article-ctn p a { word-wrap:break-word;}
article .article-ctn .waku { padding: 30px; border: solid 1px #6b9d57;}
article .article-ctn hr { height: 1px; margin: 30px auto; border: 0px;}
article .article-ctn ul.mark li { position: relative; padding-left: 25px;}
article .article-ctn ul.mark li:before { content: ''; display: block; width: 14px; height: 3px; background:#50a63a;
 position: absolute; left: 0; top: 0.65rem;
}
@media (max-width: 801px) {
	article .article-hd { margin-bottom: 30px; padding-top: 2px;}
	article .article-ctn .waku { padding: 20px;}
}
@media (max-width: 481px) {
	article .article-hd { margin-bottom: 20px;}
	article .article-hd h2 { margin-bottom: 10px; padding-bottom: 12px; border-width: 2px; font-size: 1.05rem; letter-spacing: 0.05rem;}
	article .article-hd h2 span { display: block; margin: 0 auto;}
	article .article-hd p { font-size: 0.75rem;}
	article .article-hd p span { width: 80px;}
	article .article-ctn h3 { margin-bottom: 18px; padding-bottom: 10px; font-size: 0.925rem; letter-spacing: 0.05rem;}
	article .article-ctn h4 { margin-bottom: 6px; padding-left: 20px; font-size: 0.875rem; letter-spacing: 0.05rem;}
	article .article-ctn h4:before { width: 8px; height: 8px;}
	article .article-ctn p { font-size: 0.8rem; letter-spacing: 0.05rem;}
	article .article-ctn p.mb { margin-bottom: 20px;}
	article .article-ctn .waku { padding: 12px;}
	article .article-ctn hr { margin: 16px auto;}
	article .article-ctn ul.mark li { padding-left: 18px; font-size: 0.75rem;}
	article .article-ctn ul.mark li:before { width: 10px; height: 2px; top: 0.45rem;}
}