@charset "utf-8";

/* mainimage */
.mainvisual{position: relative;overflow: hidden;width: 100%;}
.mainvisual h2{position: absolute;z-index: 2;display: flex;}
#mv h2{width: 61%;bottom: -2.7%;right: 6%;}
.mainimage{width: 100%;}
.mainimage figcaption.cap_w{font-size: 12px;position: absolute;bottom: 10px;right: 20px;z-index: 2;}
/* 共通 */
.contents_imgbg{background: url("../../common/img/layer_bk.webp") top center/100%;}
.inner{max-width: 1000px;margin: 0 auto;width: 90%;}
.contents_item{margin-top: 100px;}
.contents_tit{font-size: 42px;text-align: center;line-height: 1;color: #a79030;letter-spacing: 0.1em;}
.contents_tit_s{text-align: center;font-size: 32px;color: #5c6e72;letter-spacing: 0.1em;font-weight: 500;}
.contents_tit_s .red{color:#991020;font-weight: 500;}
.contents_tit + .contents_tit_s{margin-top: 1.2em;}
.contents_tit_s + p{text-align: center;letter-spacing: 0.05em;line-height: 1.8;font-size: 18px;margin-top: 2em;}
.contents_tit_s + p ~ figure{margin-top: 70px;}


#rarity{padding:0 0 100px;}
.rarity_tit{font-family: YakuHanJP, 'Noto Sans JP', sans-serif;background:#5c6e72;padding:0.2em;color:#fff;text-align: center;letter-spacing: 0.05em;font-size: 20px;margin: 2em auto 0;width: 710px;}
.rarity_read{text-align: center;letter-spacing: 0.05em;font-size: 22px;margin: 1em auto;border-bottom: 2px dotted #333;padding-bottom: 0.5em;width: fit-content;transition: 2.5s all;}
.rarity_read strong{font-size:1.8emtransition: 0.5s all;}
.rarity_img_tit{font-family: YakuHanJP, 'Noto Sans JP', sans-serif;text-align: center;letter-spacing: 0.05em;font-size: 18px;margin: 2em auto 0;font-weight: 600;transition: 3.5s all;}
.rarity_img_tit .red{color:#991020;font-weight: 500;}
.rarity_img{width:200px;margin:2em auto;transition: 3.5s all;}
.rarity_note{text-align: center;letter-spacing: 0.05em;font-size: 0.6em;margin: 3em auto 0;}

.item_tit{font-size: 22px;color: #5c6e72;padding:0.2em;letter-spacing: 0.1em;font-weight: 500;}
.item_tit strong{font-weight: 500;color: #991020;}
.item_tit + p{font-size: 15px;margin-top: 0.7em;line-height: 1.7;letter-spacing: 0.1em;}
.note{font-size: 10px;margin-top: 1.5em;}

@media screen and (max-width: 767px){
/* mainimage */
.mainvisual h2{width: 65.10416666666667%;position: absolute;bottom: 0px;left: -10px;}
.mainimage{width: 100%;}
.mainimage figcaption.cap_w{font-size: 10px;bottom: 5px;right: 10px;}
/* 共通 */
.contents_item{margin-top: 60px;}
.contents_tit{font-size: 2em;}
.contents_tit_s{font-size: 1.3em;letter-spacing: 0.05em;}
.contents_tit_s + p{font-size: 0.9em;margin-top: 1.5em;}
.contents_tit_s + p ~ figure{margin-top: 30px;}

#rarity{padding:0 0 100px;}
.rarity_tit{padding: 0.4em;width: 100%;font-size: 0.9em;}
.rarity_read{text-align: center;font-size: 0.9em;}
.rarity_read strong{font-size:1.8em}
.rarity_read.m01{width:96%;line-height: 1.2;}
.rarity_img_tit{font-size: 0.9em;}
.rarity_img{width:120px;}
.rarity_note{text-align: left;}

.item_tit{font-size: 1.15em;}
.item_tit + p{font-size: 0.8em;letter-spacing: 0.03em;}
.note{font-size: 0.6em;}
}

#intro{background-position: center 20%;padding: 150px 0 100px;}
.intro_tit{font-size: 32px;text-align: center;color: #03351d;letter-spacing: 0.15em;font-weight: 600;padding-left: 0.15em;}
.kotesashi_item{margin-top: 130px;}
.kotesashi_tit{font-size: 80px;text-align: center;letter-spacing: 0.05em;padding-left: 0.05em;line-height: 1.1;}
.kotesashi_tit small{font-size: 0.58em;display: block;}
.kotesashi_tit strong {display: inline-block;background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-decoration: none;margin: 0 10px;}
.kotesashi_tit + p{font-size: 20px;line-height: 1.8;margin-top: 1em;text-align: center;letter-spacing: 0.15em;padding-left: 0.15em;}
.kotesashi_tit + p span{display: inline-block;background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-decoration: none;}
.front_item{display: flex;justify-content: center;gap: 0 20px;margin-top: 40px;}
.front_item > li{width: 370px;}
.front_item > li:nth-child(2){width: 120px;}
.front_tit{font-size: 68px;line-height: 1.1;letter-spacing: 0.05em;padding-left: 0.05em;text-align: center;}
.front_tit small{font-size: 0.58em;display: block;}
.front_tit strong{display: inline-block;background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-decoration: none;}
.front_lead{font-size: 24px;text-align: center;margin-top: 0.1em;line-height: 1.4;letter-spacing: 0.1em;}
.front_lead small{font-size: 16px;}
.front_lead strong{font-size: 28px;display: block;text-align: center;letter-spacing: 0.05em;margin-top: 5px;}
.front_lead span{font-size: 0.8em;}
.front_lead + p{font-size: 14px;margin-top: 0.5em;line-height: 1.6;}
.concept_image{text-align: center;}
.concept_wideimg{position: relative;}
.concept_image .note{font-size:12px;text-align:right;margin:10px 10px 0 0;}
.cwimg02,.cwimg03{position: absolute;top: 0;width: 100%;height: 100%;opacity: 0;transition: 0.5s all;}
.cwimg02.on,.cwimg03.on{opacity: 1;}

@media screen and (max-width: 767px){
#intro{padding: 50px 0 50px;}
.intro_tit{font-size: 1.3em;}
.kotesashi_item{margin-top: 50px;}
.kotesashi_tit{font-size: 46px;margin-bottom: 30px;line-height: 100%;letter-spacing: 0.15em;}
.kotesashi_tit small{font-size: 28px;margin-bottom: 15px;letter-spacing: 0.1em;}
.kotesashi_tit div {line-height: 1;}
.kotesashi_tit .sp_small {font-size: 24px;display: block;}
.kotesashi_tit + p{font-size: 0.85em;}

.concept_image{text-align: center;width: 100%;padding-bottom: 15px;}
.concept_image img {/* width: 960px;max-width: 960px;height: auto; */}
.cwimg {transition: 0.8s ease-in-out;opacity: 0;}
.cwimg.on {opacity: 1.0;overflow: auto;}
.cwimg01{width: 100%;overflow: hidden;}
.concept_wideimg{position: relative;}
.concept_wideimg .note{font-size:10px;text-align:right;margin:10px 10px 0 0;}
.concept_wideimg picture{position: relative;}
.front_item{flex-wrap: wrap;gap: 0;margin-top: 40px;padding-bottom: 40px;}
.front_item > li{width: 90%;}
.front_tit{font-size: 2em;}
.front_lead{font-size: 22px;}
.front_lead + p{font-size: 13px;}
}

#station_front{background-position: center 50%;padding-bottom: 100px;}
#station_front .mainvisual h2{width: 100%;position: absolute;bottom: -7%;left: -2.7%;z-index: 2;display: flex;}
.merit_item{display: flex;align-items: center;margin-top: 60px;}
.merit_item > dt{width: 55%;}
.merit_item > dd{width: 44%;margin: 0 2.5%;}
.merit_item + .merit_item{margin-top: 20px;}
.asset_value_bk{background: #fff;padding: 0 0 70px 0;}
.asset_value_item{display: flex;justify-content: center;margin: 80px auto 0;padding-top: 50px;position: relative;gap: 0 6%;flex-direction: row-reverse;}
.asset_value_item + .asset_value_item{margin-top: 50px;}
.asset_value_item::before{content: "";display: block;width: 93%;height: 1px;position: absolute;left: 0;right: 0; top: 0;margin: 0 auto;background: #555;}
.asset_value_item:first-child::before{background: unset;}
.asset_value_item > dt{position: relative;}
.asset_value_item > dt figure:nth-of-type(n+2){position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: 1s all;}
.asset_value_item.seibu > dt figure:nth-of-type(2).on{opacity: 1;}
.asset_value_item.seibu > dt figure:nth-of-type(3).on{opacity: 1;}
.asset_value_item.seibu > dt figure:nth-of-type(4).on{opacity: 1;}
.asset_value_item.resale_value > dt figure:nth-of-type(2){transform: scaleY(0);transform-origin: bottom;}
.asset_value_item.resale_value > dt figure:nth-of-type(2).on{transform: scaleY(1);transform-origin: bottom;opacity: 1;}
.asset_value_item.resale_value > dt figure:nth-of-type(3).on{opacity: 1;}
.asset_value_item.near_station > dt figure:nth-of-type(2){transform: translateY(5%);}
.asset_value_item.near_station > dt figure:nth-of-type(2).on{transform: translateY(0%);opacity: 1;}
.asset_value_item.near_station > dt figure:nth-of-type(3){transform: scale(0,0) translate(-5%,-5%);}
.asset_value_item.near_station > dt figure:nth-of-type(3).on{transform: scale(1,1) translate(0%,0%);;opacity: 1;}
.asset_value_item.near_station > dt figure:nth-of-type(4).on{opacity: 1;}
.asset_value_item.small_household > dt figure:nth-of-type(2).on{opacity: 1;}
.asset_value_item.small_household > dt figure:nth-of-type(3).on{opacity: 1;}
.asset_value_item.small_household > dt figure:nth-of-type(4).on{opacity: 1;}
.asset_value_item.time_valid > dt table{width: 100%;}
.asset_value_item.time_valid > dt th,.asset_value_item.time_valid > dt td{padding: 10px 2px;border: 1px solid #888;text-align: center;vertical-align: middle;}
.asset_value_item.time_valid > dt th{font-size: 17px;white-space: nowrap;}
.asset_value_item.time_valid > dt td{font-size: 15px;}
.asset_value_item.time_valid > dt td big{font-size: 1.8em;line-height: 1;}
.asset_value_item.time_valid > dt td:nth-of-type(1){background: #f7f4dd;}
.asset_value_item.time_valid > dt td:nth-of-type(1) big{color: #d80c18;}
.asset_value_item.time_valid > dt td:nth-of-type(2){color: #595757;}
.asset_value_item > dd strong{font-weight: 500;color: #991020;}
#compact{margin-top: 80px;}
#compact .contents_tit_s{margin-top: 70px;}
#compact .asset_value_item{padding-top: 0;}
#compact .asset_value_item::before{display: none;}

#park_front{background-position: center 60%;padding-bottom: 100px;}
#park_front .mainvisual h2{width: 74.2%;position: absolute;bottom: -2%;left: 2%;z-index: 2;display: flex;}
.wide_span_img01 .cap_b{right: 10%;}
#parkview .parkview_img{margin-top:70px;}
#wide_span .parkview_img{margin-top:70px;}

@media screen and (min-width: 768px){
.merit_item:nth-of-type(even) > dt{order: 2;}
.merit_item:nth-of-type(even) > dd{order: 1;}
.asset_value_item:nth-of-type(even) > dt{order: 2;}
.asset_value_item:nth-of-type(even) > dd{order: 1;}
.asset_value_item.seibu > dt{width: 33%;}
.asset_value_item.seibu > dd{width: 46%;}
.asset_value_item.resale_value > dt{width: 42%;}
.asset_value_item.resale_value > dd{width: 40%;}
.asset_value_item.near_station > dt{width: 50%;}
.asset_value_item.near_station > dd{width: 35%;}
.asset_value_item.time_valid > dt{width: 42%;}
.asset_value_item.time_valid > dd{width: 40%;}
.asset_value_item.small_household > dt{width: 50%;}
.asset_value_item.small_household > dd{width: 35%;}
}

@media screen and (max-width: 1001px){
.item_tit br{display: none;}
}
@media screen and (max-width: 767px){
#station_front{padding-bottom: 50px;background-position: center top;}
#station_front .mainvisual h2{width: 98%;position: absolute;bottom: -4%;left: -2.7%;z-index: 2;display: flex;}
.merit_item{margin-top: 30px;flex-wrap: wrap;}
.merit_item > dt{width: 100%;}
.merit_item > dd{width: 100%;margin: 10px 0 0;}
.merit_item + .merit_item{margin-top: 30px;}
#asset_value{padding: 30px 0;}
.asset_value_item{flex-wrap: wrap;width: 90%;margin: 40px auto 0;padding-top: 30px;position: relative;gap: 15px 0;}
.asset_value_item + .asset_value_item{margin-top: 30px;}
.asset_value_item::before{width: 100%;}
.asset_value_item > dt{width: 100%;order: 2;}
.asset_value_item dt.seibu_img{width: 80%;order: 2;}
.asset_value_item.time_valid > dt th,.asset_value_item.time_valid > dt td{padding: 7px 1px;}
.asset_value_item.time_valid > dt th{font-size: 15px;}
.asset_value_item.time_valid > dt td{font-size: 12px;}
#compact{margin-top: 40px;}
#compact .contents_tit_s{margin-top: 30px;}

#park_front{background-position: center 60%;padding-bottom: 50px;}
#park_front .mainvisual h2{width: 54.2%;position: absolute;bottom: -2%;left: 2%;z-index: 2;display: flex;}
.wide_span_img01 .cap_b{right: 0%;}
}