@charset "utf-8";
#content_Wrap {
font-feature-settings: "palt";
}
figure {
position: relative;
}
.note {
display: inline-block;
font-size: 10px;
line-height: 1.4;
}
figure + .note {
padding-top: 1em;
}
p + .note {
padding-top: 1em;
}
.f-10px {
font-size: 10px;
}
/* ----------------------------------
concept
---------------------------------- */

.main_Wrap .page_ttl{
position: absolute;
/*top: 25.55555556%;*/
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: fit-content;
/*color: #a08080;*/
color: #fff;
}
.main_Wrap .page_ttl h3 {
text-align: center;
font-size: clamp(26px, 2.7vw, 32.4px);
line-height: 1.5;
letter-spacing: 0.18em;
font-family: "Cinzel", serif;
}
.main_Wrap .page_ttl h4 {
text-align: center;
font-size: clamp(12px, 1.125vw, 13.5px);
line-height: 1.5;
letter-spacing: 0.06mm;
}

.sec_main_copy {

}
.sec_main_copy h5{
color: #806a6a;
font-size: clamp(32px, 4.167vw, 50px);
font-family: "Cinzel", serif;
letter-spacing: 0.12em;
}
.sec_main_copy h3{
font-size: clamp(32px, 3vw, 32px);
line-height: 1.6;
}
.sec_main_copy p{
font-size: clamp(16px, 1.5vw, 18px);
letter-spacing: 0.15em;
line-height: 1.8;
}
.sec_main_copy h5 + h3{
padding-top: 1em;
}
.sec_main_copy h5 + p{
padding-top: 2em;
}
.sec_main_copy h3 + p{
padding-top: 2em;
}
.text_box {
}
.text_box h3 {
color: #806a6a;
font-size: clamp(32px, 4.167vw, 50px);
letter-spacing: 0.1em;
font-family: "Cinzel", serif;
}
.text_box p {
font-size: clamp(14px, 1.34vw, 16px);
line-height: 2;
letter-spacing: 0.12em;
}
.text_box h3 + p{
padding-top: 2em;
}

.copy_inner {
width: 94%;
max-width: 1200px;
margin: 0 auto;
}

.access_Wrap {
padding: 0 0 80px;
}
.access_Wrap .access_bg{
background: url(../img/access_bg.jpg)no-repeat top center;
background-size: 100% 85%;
padding: 80px 0 60px;
}
.access_Wrap .sec_main_copy {
width: 94%;
max-width: 1200ppx;
margin: 0 auto;
text-align: center;
}
.access_Wrap .sec_main_copy h5 {
text-align: center;
letter-spacing: 0.1em;
}
.access_Wrap .sec_main_copy h3 {

}
.access_Wrap .sec_main_copy p {

}

.access_Wrap .sec_content {
display: flex;
flex-wrap: wrap;
margin: 60px auto 0;
}
.access_Wrap .img_box {
width: 50%;
}
.access_Wrap .img_box h5 {
text-align: center;
color: #7a5c57;
font-size: clamp(32px, 4vw, 48px);
letter-spacing: 0.1em;
padding-bottom: 0.5em;
}
.access_Wrap .img_box p {
text-align: center;
font-size: clamp(16px, 1.5vw, 18px);
padding-top: 1em;
}
.access_Wrap .access_map {
width: 94%;
max-width: 1200px;
margin: 0 auto 0;
}
.lifestyle_Wrap{

}
.lifestyle_Wrap .sec_main_copy{
background: url(../img/lifestyle_ttl_bg.jpg)no-repeat top center;
background-size: cover;
text-align: center;
padding: 100px 0 120px;
}
.lifestyle_Wrap .sec_main_copy h5{
color: #a69141;
font-size: clamp(32px, 5vw, 60px);
}


.style_box {
position: relative;
padding: 100px 0 140px;
}
.style_box.shopping {
background: url(../img/bg_shopping.png)no-repeat top left;
background-size: auto 100%;
}
.style_box.carlife {
background: url(../img/bg_carlife.png)no-repeat top right;
background-size: auto 100%;
}
.style_box.education {
background: url(../img/bg_education.png)no-repeat top left;
background-size: auto 100%;
}

.style_box .box_inner{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
width: 94%;
max-width: 1200px;
margin: 0 auto 0;
gap: 30px 5%;
}
.style_box .text_box {
width: 34.16666667%;
}
.style_box.shopping .text_box h3 {
color:#dd9c5b;
}
.style_box.carlife .text_box h3 {
color:#806a6a;
}
.style_box.education .text_box h3 {
color:#e08a81;
}

.style_box .img_box {
width: 60.83333333%;
}
.style_box .img_box ul {
display: flex;
flex-wrap: wrap;
gap: 30px 2.73972603%;
}
.style_box .img_box ul li {
width: 31.50684932%;
}
.style_box .img_box ul li:nth-child(2) {
padding-top: 60px;
}
.style_box.shopping .img_box ul li:nth-child(2) {
padding-top: unset;
}

.style_box .img_box ul li h4{
font-size: 15px;
letter-spacing: 0.08em;
}
.style_box .img_box ul li p {
letter-spacing: 0.08em;
}
.style_box .img_box ul li figure + h4 {
padding-top: 1em;
}


.style_box figure {
box-shadow: 6px 6px 10px 0px rgba(82, 97, 105, 0.5);
}

.under_decoration {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
}

.map_Wrap {
padding: 80px 0;
}
.map_Wrap figure {
width: 94%;
max-width: 1000px;
margin: 0 auto 0;
}
.lifeinformation_Wrap {
}
.lifeinformation_Wrap .sec_main_copy {
text-align: center;
margin: 0 auto 60px;
}
.lifeinformation_Wrap .sec_main_copy h5 {
color: #a69141;
font-size: clamp(28px, 3.34vw, 40px);
}

.lifeinfo_Area {
display: flex;
flex-wrap: wrap;
width: 94%;
max-width: 1000px;
margin: 0 auto;
gap: 40px 4%;
}
.lifeinfo_Area .lifeinfo_box {
width: 48%;
}
.lifeinfo_Area .lifeinfo_box:nth-of-type(4) {
margin-top: -20%;
}
.lifeinfo_Area .lifeinfo_box:nth-of-type(6) {
margin-top: -25%;
}

.lifeinfo_Area .cat_ttl {
text-align: center;
padding: 0.6em 0;
border-top: 1px solid #31485b;
border-bottom: 1px solid #31485b;
margin-bottom: 1em;
}
.lifeinfo_Area .cat_ttl h4{
color: #7a5c57;
font-size: clamp(16px, 1.67vw, 20px);
letter-spacing: 0.18em;
}
.lifeinfo_Area .cat_ttl.style01 h4{
color: #dd9c5b;
}
.lifeinfo_Area .cat_ttl.style02 h4{
color: #e08a81;
}
.lifeinfo_Area .cat_ttl.style03 h4{
color: #758bb7;
}
.lifeinfo_Area .cat_ttl.style04 h4{
color: #6cac9f;
}
.lifeinfo_Area .cat_ttl.style05 h4{
color: #917caa;
}
.lifeinfo_Area .cat_ttl.style06 h4{
color: #8a9e9a;
}

.lifeinfo_Area .cat_ttl dd {
}
.lifeinfo_Area .cat_ttl dt {
}
.lifeinfo_Area h4 {
}
.lifeinfo_Area dl {
display: flex;
justify-content: space-between;
font-size: clamp(12px, 1.167vw, 14px);
line-height: 1.8;
}
.lifeinfo_Area dl dd {
}
.lifeinfo_Area dl dt {
}

/*=============================
調整
=============================*/
@media only screen and (max-width: 1280px) {


}

/*=============================
tab
=============================*/
@media only screen and (max-width: 1024px) {


}


/*=============================
spから
=============================*/
@media screen and (max-width: 767px) {
.scroll-hint {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.js-scrollable img {
        width: calc(1200px * 0.7);
max-width: none;
}

.main_Wrap .page_ttl {
/*top: 19.28571429%;*/
    width: 100%;
}
.text_box h3 + p {
    padding-top: 1.5em;
}

.access_Wrap {
    padding: 0 0 40px;
}
.access_Wrap .access_bg {
    background-size: cover;
    padding: 40px 0 40px;
    margin: 0 auto 40px;
}
.access_Wrap .sec_content {
    margin: 40px auto 0;
    gap: 40px 0;
}

.access_Wrap .img_box {
    width: 100%;
}
.lifestyle_Wrap .sec_main_copy {
    padding: 60px 0;
}
.style_box .text_box {
    width: 100%;
    order: 1;
}
.style_box .img_box {
    width: 100%;
    order: 2;
}
.style_box .img_box ul li {
    width: 100%;
}
.style_box {
    position: relative;
    padding: 40px 0 70px;
}
.style_box.shopping {
    background: url(../img/bg_shopping.png) no-repeat top center;
    background-size: 100% auto;
}
.style_box.carlife {
    background: url(../img/bg_carlife.png) no-repeat top center;
    background-size: 100% auto;
}
.style_box.education {
    background: url(../img/bg_education.png) no-repeat top left;
    background-size: 100% auto;
}
.style_box .img_box ul li:nth-child(2) {
padding-top: 0;
}
.map_Wrap {
    padding: 40px 0 60px;
}

.lifestyle_Wrap .sec_main_copy h5 {
    font-size: clamp(28px, 4.167vw, 50px);
}
.lifeinformation_Wrap .sec_main_copy {
    margin: 0 auto 30px;
}
.lifeinfo_Area .lifeinfo_box {
    width: 100%;
}















.lifeinfo_Area .lifeinfo_box:nth-of-type(4) {
margin-top: 0;
}
.lifeinfo_Area .lifeinfo_box:nth-of-type(6) {
margin-top: 0;
}



}