@charset "UTF-8";
/* ========================
location
======================== */
.contents { overflow: hidden; font-feature-settings: "palt";}
/*img{width: 100%;}*/

figure{position: relative;}

.f-50{font-size: 50%;}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}


#main_Wrap {
position: relative;
text-align: center;
}
#main_Wrap h2 {
position: absolute;
top: 11.046511627906977%;
left: 7.142857142857142%;
transform: translate(0, 0);
font-size: clamp(20px,3vw,36px);
color: #e1bb79;
/*  text-shadow: 0px 0px 4px #000000, 0px 0px 6px rgba(0,0,0,0.8);*/
letter-spacing: 0.12em;
font-family: "Cinzel", serif;
line-height: 0.8;
}
#main_Wrap h2 span {
font-size: 30%;
}
#main_Wrap figcaption{
color: #808080;
}

.page_head {
position: relative;
width: 94%;
margin: 0 auto;
padding: 140px 0 80px;
text-align: center;
}
.page_head h3 {
font-size: clamp(20px, calc(9.333333333333334px + 1.3888888888888888vw), 26px);
line-height: 1.8;
letter-spacing: 0.12em;
color: #fff;
}
.page_head p{
font-size: clamp(13px, calc(7.666666666666667px + 0.6944444444444444vw), 16px);
line-height: 2;
padding: 50px 0 0;
}

.sec01 {
background: linear-gradient(135deg,  rgba(61,59,59,1) 0%,rgba(38,36,36,1) 100%); 
padding: 100px 0;
}
.sec01 .sec_head {
text-align: center;
color: #ddcca6;
line-height: 1.75;
margin: 120px auto 24px;
}
.sec01 .sec_head.Fst {
margin: 0 auto 80px;
}
.sec01 .sec_head h3 {
font-size: clamp(18px,2vw,24px);
letter-spacing: 0.08em;
}
.sec01 .lead_img {
}
.sec01 ul {
display: flex;
}
.sec01 li {
}
.sec01 li figure {
}
.sec01 .view {
width: 100%;
max-width: 1010px;
margin: 0 auto;
}
.sec01 .view figure {
}
.sec01 .view p{
font-size: 10px;
text-align: right;
padding-right: 1em;
margin-top: -0.5em;
}

.cat_box {
position: relative;
padding: 80px 0 100px;
}
.cat_box.station{
background:#f5f5f1 url(../img/station_bg.jpg) no-repeat top left / 50% auto;
}
.cat_box.shopping{
background:#e9eff4 url(../img/shopping_bg.jpg) no-repeat top right / 50% auto;
}
.cat_box.business{
background:#f5f5f1 url(../img/business_bg.jpg) no-repeat top left / 50% auto;
}
.cat_box.traditional{
background:#e9eff4 url(../img/traditional_bg.jpg) no-repeat top right / 50% auto;
}

.cat_box .cat_lead {
position: relative;
}
.cat_box .cat_lead figure {
width: 50%;
}
.cat_box.station .cat_lead figure,
.cat_box.business .cat_lead figure{
margin: 0 0 0 auto;
}
.cat_box.shopping .cat_lead figure,
.cat_box.traditional .cat_lead figure{
margin: 0 auto 0 0;
}

.cat_box .cat_lead img {
}
.cat_box .cat_ttl_area {
position: absolute;
top: 50%;
width: 54.285714285714286%;
padding: 0 7.142857142857142%;
transform: translate(0,-50%);
z-index: 1;
}
.cat_box.station .cat_ttl_area,
.cat_box.business .cat_ttl_area{
left: 0;
}
.cat_box.shopping .cat_ttl_area,
.cat_box.traditional .cat_ttl_area{
right: 0;
}


.cat_box .cat_ttl_area .cat_inner{
width: 100%;
}
.cat_box .cat_ttl_area .cat_inner h3 {
font-size: clamp(30px,3.333333333333333vw,40px);
letter-spacing: 0.08em;
font-family: "Cinzel", serif;
}
.cat_box.station .cat_ttl_area .cat_inner h3,
.cat_box.business .cat_ttl_area .cat_inner h3{
color: #a6956e;
}
.cat_box.shopping .cat_ttl_area .cat_inner h3,
.cat_box.traditional .cat_ttl_area .cat_inner h3{
color: #3c5268;
}
.cat_box .cat_ttl_area .cat_inner span.line{
position: relative;
display: block;
width: 100%;
height: 1px;
margin: 28px auto;
}
.cat_box .cat_ttl_area .cat_inner span.line::before{
content: "";
position: absolute;
top: 0;
left: -23.1875%;
display: block;
width: 146.375%;
height: 1px;
}
.cat_box.station .cat_ttl_area .cat_inner span.line::before,
.cat_box.business .cat_ttl_area .cat_inner span.line::before{
background: #a6956e;
}
.cat_box.shopping .cat_ttl_area .cat_inner span.line::before,
.cat_box.traditional .cat_ttl_area .cat_inner span.line::before{
background: #3c5268;
}


.cat_box .cat_ttl_area .cat_inner h4 {
color: #000;
font-size: clamp(20px,2vw,26px);
letter-spacing: 0.08em;
}
.cat_box .cat_ttl_area .cat_inner p {
font-size: clamp(14px,1.34vw,16px);
letter-spacing: 0.08em;
line-height: 1.8;
padding-top: 2em;
color: #000;
}
.cat_box .cat_ttl_area .cat_inner p.facility {
position: relative;
width: fit-content;
color: #000;
font-size: clamp(18px,2vw,24px);
line-height: 0.8;
padding-top: 1em;
}
.cat_box .f-80 {
}
.cat_box .f-140 {
}
.cat_box.station .f-240,
.cat_box.business .f-240{
color: #a6956e;
}
.cat_box.shopping .f-240,
.cat_box.traditional .f-240{
color: #3c5268;
}
.cat_box.station .f-180,
.cat_box.business .f-180{
color: #a6956e;
}
.cat_box.shopping .f-180,
.cat_box.traditional .f-180{
color: #3c5268;
}
.cat_box .f-240 {
}
.cat_box .f-180 {
}
.cat_box .meter {
position: absolute;
top: calc(100% + 0.5em);
right: 0.2em;
font-size: 12px;
letter-spacing: 0.1em;
}
.cat_box .cat_imglist {
margin: 80px auto 0;
}
.cat_box .cat_imglist ul {
display: flex;
gap: 0 30px;
}
.cat_box.station .cat_imglist ul {
width: 96.428571428571429%;
margin: 0 auto 0 0;
}
.cat_box.shopping .cat_imglist ul {
width: 96.428571428571429%;
margin: 0 0 0 auto;
}
.cat_box.business .cat_imglist ul,
.cat_box.traditional .cat_imglist ul{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
.cat_box .cat_imglist ul li {
}
.cat_box .cat_imglist ul li p{
text-align: center;
color: #000;
font-size: 14px;
letter-spacing: 0.08em;
padding-top: 5px;
}
.cat_box.shopping .cat_imglist ul li p span{
color: #3c5268;
}
.cat_box .facility_list{
margin: 80px auto 0;
}
.cat_box .facility_list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 94%;
max-width: 1200px;
margin: 0 auto 0;
gap: 40px 0;
}
.cat_box .facility_list ul li {
width: 31.666666666666667%;
}
.cat_box .facility_list ul li p{
text-align: center;
color: #000;
font-size: 14px;
letter-spacing: 0.08em;
padding-top: 5px;
}
.cat_box.shopping .facility_list ul li p span{
color: #3c5268;
}

.sec03 {
background: #fff;
padding: 80px 0 50px;
}
.sec03 .list {
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
.sec03 .list:not(:first-of-type) {
margin: 60px auto 0;
}
.sec03 .list h3{
display: flex;
align-items: center;
font-size: clamp(22px,3vw,36px);
color: #a6956e;
letter-spacing: 0.08em;
font-family: "Cinzel", serif;
}
.sec03 .list h3:before,
.sec03 .list h3:after {
content: "";
/*flex-grow: 1;*/
height: 1px; 
background: #a6956e;
}
.sec03 .list h3:after {
content: "";
flex-grow: 1;
}
.sec03 .list h3:before {
width: 0.9em;
margin:0 .4em 0 0; 
}
.sec03 .list h3:after {
margin:0 0 0 .4em; 
}
.sec03 .list:nth-of-type(3) h3:after {
white-space: nowrap;
}

.sec03 .list ul{
display: flex;
gap:0 30px;
margin: 32px auto 0;
}
.sec03 .list ul li{

}
.sec03 .list ul li p{
text-align: center;
color: #000;
font-size: 14px;
letter-spacing: 0.08em;
padding-top: 5px;
}
.sec03 .list ul li p span{
color: #a6956e;
}

.map_area {
margin: 80px auto 0;
}
.map_area figure {
width: 94%;
max-width: 1200px;
margin: 0 auto;
}

.life_info_area {
display: flex;
flex-wrap: wrap;
width: 94%;
max-width: 1200px;
margin: 80px auto 0;
gap: 60px 5%;
}
.life_info_area .info_box {
width: 47.5%;
}
.life_info_area h4 {
font-size: clamp(20px,2.4vw,28px);
letter-spacing: 0.08em;
font-family: "Cinzel", serif;
color: #8b795a;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
border-bottom: 1px solid #8b795a;
}
.life_info_area h4 dt {
}
.life_info_area h4 dd {
}
.life_info_area dl {
color: #000;
font-size: 14px;
letter-spacing: 0.08em;
display: flex;
justify-content: space-between;
}
.life_info_area dl:not(:first-of-type) {
margin: 10px auto 0;
}

.life_info_area dl dt {
}
.life_info_area dl dd {
}

#notes_Area {
background: #fff;
}
.notes{
color: #000;
}
/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {






}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
.contents {
padding: 0;
}

#main_Wrap h2 span {
font-size: 50%;
}

.page_head {
padding: 60px 0 50px;
}
.page_head p {
padding: 30px 0 0;
text-align: left;
}
.sec01 {
padding: 60px 0;
}
.sec01 .sec_head {
margin: 60px auto 24px;
}
.sec01 .sec_head.Fst {
margin: 0 auto 40px;
}
.sec01 ul {
flex-wrap: wrap;
}
.sec01 ul li{
width: 100%;
}
.sec01 ul li:not(:last-child){
width: 50%;
}
.cat_box {
padding: 40px 0 60px;
}
.cat_box .cat_ttl_area {
position: unset;
top: unset;
width: 100%;
padding: 0 3%;
transform: unset;
margin: 0 auto 30px;
}
.cat_box .cat_ttl_area .cat_inner p.facility {
margin-bottom: 2em;
}
.cat_box .cat_lead figure {
width: 100%;
}
.cat_box .cat_imglist {
margin: 30px auto 0;
}
.cat_box .cat_imglist ul {
display: flex;
flex-wrap: wrap;
gap: 20px 4%;
}
.cat_box.station .cat_imglist ul {
width: 94%;
margin: 0 auto;
}
.cat_box.station .cat_imglist ul li:nth-child(1){
/*width: 100%;*/
display: none;
}
.cat_box.station .cat_imglist ul li:nth-child(2),
.cat_box.station .cat_imglist ul li:nth-child(3){
width: 48%;
}
.cat_box.shopping .cat_imglist ul {
width: 94%;
margin: 0 auto;
}
.cat_box .facility_list {
margin: 30px auto 0;
}
.cat_box .facility_list ul {
gap: 30px 0;
}
.cat_box .facility_list ul li {
width: 100%;
}
.sec03 {
    padding: 40px 0 50px;
}
.sec03 .list ul {
flex-wrap: wrap;
gap: 30px 0;
margin: 20px auto 0;
}
.sec03 .list ul li {
    width: 100%;
}
.map_area {
    margin: 40px auto 0;
}
.life_info_area {
    margin: 60px auto 0;
    gap: 40px 0;
}
.life_info_area .info_box {
    width: 100%;
}

}