@charset "UTF-8";

main img{width: 100%;}
main .page_tit i{color: rgba(96,80,70,0.2)!important;}
.submain{position: absolute;z-index: 2;left: 0;bottom: 0;width: 30%;animation-name: fadeInUp;}
.page_subtit{line-height: 1;position: absolute;left: 0;bottom: 24%;z-index: 1;animation-name: fadeInUp;}
.page_subtit i{font-weight: 300;font-family: "EB Garamond", serif;color: #605238;display: inline-block;font-size: 4.3vw;opacity: 0.5;animation-name: fadeInUp;}

@media screen and (min-width: 769px) and (max-width: 1250px) {
main .page_tit i{font-size: 9vw!important;}
}

@media screen and (max-width: 768px) {
main .page_tit i{font-size: 9vw!important;}
.viewBox{margin: 2em 1em;}
.viewBox dl{display: flex;align-items: center;justify-content: space-between;}
.viewBox dt{width: 35%;font-weight: 300;font-family: "EB Garamond", serif;color: #605238;display: inline-block;font-size: 6.6vw;opacity: 0.5;animation-name: fadeInUp;}
.viewBox dd{width: 65%;animation-name: fadeInUp;}

}

#town_planning_contents{padding: 3.5em 0;margin-top: 3.5em;background: #f7f7f7;}
.town_planning_tit{font-size: 1.4em;text-align: center;animation-name: fadeInUp;}
.town_planning_map{padding: 0 1em;margin-top: 1.5em;text-align: center;mix-blend-mode: multiply;}
.town_planning_img{margin-top: 1.5em;animation-name: fadeInUp;}


@media screen and (max-width: 768px) {
#town_planning_contents{padding: 2.5em 0;margin-top: 2.5em;}
.town_planning_tit{font-size: 1.2em;}
.town_planning_map{padding: 0;margin-top: 1.3em;}
.town_planning_img{margin-top: 1.5em;}
}