@charset "utf-8";

/*-------------- all --------------*/
/* nav ol {     padding: 90px 0 20px;} */
.btns { display: block; width: 320px; border: 1px solid #9a8b68; padding: 25px 0; font-size: 14px; text-align: center; letter-spacing: 0.04em; color: #bdb28f; font-weight: 700; margin: 100px auto 90px;}
.view { font-weight: 700; letter-spacing: 0.04em; color: #bdb28f; text-decoration: underline; text-decoration-color: #bdb28f; text-underline-offset: 9px;}
h3 { font-size: 20px; letter-spacing: 0.04em;}
h3 span { display: block; font-size: 40px; font-weight: 500; margin-bottom: 9px;}
nav ol { padding-bottom: 25px;}
/*-------------- fv --------------*/
#fv {padding: 0 0 150px;}
#fv .fv { background:  url(../images/sitemap/bg_01.png)no-repeat center center / cover; height: 350px;padding: 139px 0 120px; width: 87.5%;}
#fv .fv h2{color: #fff; font-weight: 700; margin: 0 40% 0 26%;}
#fv .fv h2 .title{ padding: 0 0 18px;font-size: 40px; letter-spacing: 5px;}
#fv .fv h2 .logo{font-size: 0px; margin: 0 auto; width: 30%;}


/*-------------- about --------------*/
/* .bg { background: url(../images/access/bg_05.png)no-repeat center top 6.3%; background-size: 1115px;} */


/*--------------sitemap-------------*/
#sitemap .box{display: flex; justify-content: space-between;}
#sitemap .box ul{width: 320px; border-top: 1px solid #000;}
#sitemap .box ul li{display: flex; align-items: center; margin: 40px 0 0; }
#sitemap .box ul li::before{content: ""; background: #000; width: 17px; height: 2px; margin: 0 15px 0 0  }
#sitemap .box ul li a{font-size: 20px; font-weight: 400;}

/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	nav ol {padding: 115px 0 10px 0%;}
	/*-------------- all --------------*/
	
	.btns { display: block; width: 80%; margin: 0 auto; padding: 18px 0; font-size: 12px; background-color: #fff; margin: 50px auto;}
	.view { }
	h3 { font-size: 15px;}
	h3 span { font-size: 24px; margin-bottom: 11px;}


	/*-------------- fv --------------*/
	#fv {    padding: 0 0 50px;}
	#fv .fv { background: url(../images/sitemap/bg_01_sp.png) no-repeat center center / cover; height: auto; padding: 25% 0;width: 100%;}
	#fv .fv h2 .title{ padding: 0 0 5px;font-size: 25px; letter-spacing: 5px;}
	#fv .fv h2 {margin: 0 auto;}

	/*--------------sitemap-------------*/
	#sitemap{margin: 0 0 70px;}
	#sitemap .box{width: 87%; margin: 0 auto; flex-direction: column;}
	#sitemap .box ul{border-top: none; width: auto;}
	#sitemap .box ul:not(:nth-child(2),:nth-child(3)){border-top: 1px solid #000;}
	#sitemap .box ul li{display: flex; align-items: center; margin: 35px 0 0; }
	#sitemap .box ul li::before{content: ""; width: 17px; height: 2px; margin: 0 15px 0 0  }
	#sitemap .box ul li a{font-size: 18px; }
	
}