@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain{background: #E9E7DE;position: relative;padding-bottom: 9.3rem;}
#contentsmain .inner-Box{width: 648px;margin: 0 auto;padding-top: 23px;}
#contentsmain::before{content: "";display: block;width: 100%;height: 156px;background: url(../images/sitemap/contentsmain-back01.svg)no-repeat top center;position: absolute;top: -156px;left: 0;background-size: cover;}

#contentsmain .f-link-Box{position: relative;padding: 0;margin-bottom: 3.4rem;}
#contentsmain .f-link-Box a{position: relative;padding: 0 0 0 1.2rem;}
#contentsmain .f-link-Box .navi01{width: 34.1%;float: left;}
#contentsmain .f-link-Box .navi02{width: 22.2%;float: left;margin-bottom: 3.2rem;}
#contentsmain .f-link-Box .navi03{width: 22.4%;float: left;}
#contentsmain .f-link-Box .navi04{width: 16.4%;float: left;}
#contentsmain .f-link-Box .navi05{width: 65.6%;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsmain .f-link-Box .navi05 li{width: 59.2%;}
#contentsmain .f-link-Box .navi05 li:nth-child(5),
#contentsmain .f-link-Box .navi05 li:nth-child(7),
#contentsmain .f-link-Box .navi05 li:nth-child(3){width: 40%;position: relative;left: 6px;}
#contentsmain .f-link-Box .navi05 li.ntll{ width: 100%; }
#contentsmain .f-link-Box li a::before{content: "";display: block;width: 0.7rem;height: 1px;background: #000;display: block;position: absolute;top: 1.1rem;left: 0;}
#contentsmain .f-link-Box li{font-size: 1.4rem;letter-spacing: 0.14rem;font-weight: 400;margin-bottom: 0.8rem;}
#contentsmain .f-link-Box li.topttl{margin-bottom: 3.8rem;}
#contentsmain .f-link-Box li.topttl a{ padding: 0;}
#contentsmain .f-link-Box li.topttl a::before{ content: none;}
#contentsmain .f-link-Box li.topttl,#contentsmain .f-link-Box li.ntll{ font-size: 1.6rem; letter-spacing: 0.16rem; font-weight: 500;}
#contentsmain .f-link-Box li.bttt{margin-bottom: 3.8rem;}
#contentsmain .f-link-Box li.ntll a{ padding: 0;}
#contentsmain .f-link-Box li.ntll a:before{ content: none;}

#contentsmain .ftcbox{padding: 0;max-width: 1200px;margin: 0 auto;padding-bottom: 11rem;}
#contentsmain .ftcbox .contactlink{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: -21px;}
#contentsmain .ftcbox ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 1.2rem;margin-bottom: 30px;letter-spacing: 0.12rem;margin-left: 221px;position: relative;z-index: 3;}
#contentsmain .ftcbox ul li{margin-right: 4rem;position: relative;}
#contentsmain .ftcbox ul li::before{content: "";width: 1px;height: 1.4rem;background: #000;display: block;position: absolute;top: 0.4rem;right: -2.1rem;}
#contentsmain .ftcbox ul li:last-child::before{content: none;}
#contentsmain .ftcbox ul li a:hover{ color: #000;}


}
@media screen and (min-width:768px) and ( max-width:1919px) {
	

	
}

@media screen and (max-width: 767px) {

    #contentsmain{background: #E9E7DE;position: relative;padding-bottom: 14.3vw;}
#contentsmain .inner-Box{margin: 0 6.6vw;padding-top: 7.13vw;}
#contentsmain::before{content: "";display: block;width: 100%;height: 14.6vw;background: url(../images/sitemap/contentsmain-back01.svg)no-repeat top center;position: absolute;top: -7.6vw;left: 0;background-size: 100% auto;}

#contentsmain .f-link-Box{position: relative;padding: 0;margin-bottom: 5.4vw;}
#contentsmain .f-link-Box a{position: relative;padding: 0 0 0 1.2rem;}
#contentsmain .f-link-Box .navi01{width: 56.4%;float: left;margin-bottom: 6vw;}
#contentsmain .f-link-Box .navi02{width: 40.2%;margin-bottom: 3.2vw;float: left;padding-top: 14.3vw;}
#contentsmain .f-link-Box .navi03{width: 56.4%;float: left;margin-bottom: 5vw;}
#contentsmain .f-link-Box .navi04{width: 40.2%;float: left;}
#contentsmain .f-link-Box .navi05{width: 100%;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsmain .f-link-Box .navi05 li{width: 100%;}
#contentsmain .f-link-Box .navi05 li.ntll{ width: 100%; }
#contentsmain .f-link-Box li a::before{content: "";display: block;width: 0.7rem;height: 0.27vw;background: #000;display: block;position: absolute;top: 3vw;left: 0;}
#contentsmain .f-link-Box li{font-size: 3.73vw;letter-spacing: 0.37vw;font-weight: 400;margin-bottom: 2.4vw;}
#contentsmain .f-link-Box li.topttl{margin-bottom: 7.5vw;}
#contentsmain .f-link-Box li.topttl a{ padding: 0;}
#contentsmain .f-link-Box li.topttl a::before{ content: none;}
#contentsmain .f-link-Box li.topttl,#contentsmain .f-link-Box li.ntll{font-size: 4.27vw;letter-spacing: 0.43vw;font-weight: 500;}
#contentsmain .f-link-Box li.bttt2{margin-bottom: 7.8vw;}
#contentsmain .f-link-Box li.ntll a{ padding: 0;}
#contentsmain .f-link-Box li.ntll a:before{ content: none;}

#contentsmain .ftcbox{padding: 0;}
#contentsmain .ftcbox .contactlink{font-size: 4.27vw;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 8vw;}
#contentsmain .ftcbox ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 3.2vw;margin-bottom: 8.0vw;letter-spacing: 0.32vw;position: relative;z-index: 3;}
#contentsmain .ftcbox ul li{position: relative;width: 50%;font-size: 3.73vw;letter-spacing: 0.47vw;margin-bottom: 3vw;}
#contentsmain .ftcbox ul li::before{content: "";}
#contentsmain .ftcbox ul li:last-child::before{content: none;}
#contentsmain .ftcbox ul li a:hover{ color: #000;}



}