@charset "UTF-8";

.main_wrap{z-index: 1;font-size: 1.5vw;}
.main_sparkling_copy{position: absolute;left: 0;top: 0;z-index: 30;display: none;}
.main_sparkling_copy img{width: 1920px;}
.main_last_copy{position: absolute;left: 0;right: 0; top: 18%;z-index: 40;opacity: 0;transition: 2s ease;width: 35.26%;margin: 0 auto;}
.main_last_copy img{width: 677px;filter: drop-shadow(0 0 0.1em rgba(0,0,0,0.5)) drop-shadow(0 0 0.1em rgba(0,0,0,0.5)) drop-shadow(0 0 0.1em rgba(0,0,0,0.5));}

#intro{background: url("../../common/img/intro_bk.jpg") no-repeat left top/cover;}
.intro_txt{line-height: 2.5 !important;}
.column3{margin-top: 20px;}

.future_img{max-width: 1920px;margin: 40px auto 0;}
.future_img [src*="future_img_copy"]{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.future_item{margin-top: 75px;display: grid;grid-template-columns: 42.5% 54.7%;grid-column-gap: 2.8%;}
.future_map{padding: 28px 30px;margin-top: 20px;grid-row: 2/3;}
.future_map h6{font-size: 19px;font-weight: 600;}
.future_map h6:nth-of-type(1){color: #b1464d;}
.future_map h6:nth-of-type(2){color: #5e9016;}
.future_map h6:nth-of-type(3){color: #3684a8;}
.future_map h6:nth-of-type(4){color: #d48c00;}
.future_map h6 i{color: #000;border-radius: 50%;border: 2px solid;display: inline-flex;justify-content: center;align-items: center;width: 1.4em;height: 1.4em;line-height: 1;font-weight: 600;margin-right: 0.3em;padding-bottom: 0.1em;}
.future_map h6:nth-of-type(1) i{border-color: #b1464d;}
.future_map h6:nth-of-type(2) i{border-color: #5e9016;}
.future_map h6:nth-of-type(3) i{border-color: #3684a8;}
.future_map h6:nth-of-type(4) i{border-color: #d48c00;}
.future_map h6:nth-of-type(n+2){margin-top: 0.7em;}
.future_map h6 + p{margin-top: 0.3em;}
.future_map::before{content: "";height: 100%;display: block;width: 40px;position: absolute;left: 0;top: 0;border: 1px solid #333;border-right: none;}
.future_map::after{content: "";height: 100%;display: block;width: 40px;position: absolute;right: 0;top: 0;border: 1px solid #333;border-left: none;}
.future_item > figure{grid-column: 2/3;grid-row: 1/3;}

@media screen and (min-width: 1921px) {
main{height: 1200px;width: 1920px;margin: 0 auto;}
.main_wrap{font-size: 20px;}
}

@media screen and (min-width: 769px) {
.layer article{margin-top: 0;}

.future_item > dd{animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.main_wrap{font-size: 5vw;}
.main_last_copy{width: 76%;filter: drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1);}
.main_last_copy img{filter: drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1);transform: translateZ(0);}

#intro{}
.column3{margin-top: 20px;}
.column3 > * .cap_wb{text-shadow: none;position: static;color: #000;text-align: right;margin-top: 0.5em;}

#future{}
.future_img{margin: 20px auto 0;}
.future_item{margin-top: 30px;display: flex;flex-wrap: wrap;}
.future_copy{width: 100%;order: 1;}
.future_map{padding: 20px;margin-top: 15px;order: 3;}
.future_map h6{font-size: 16px;}
.future_map h6:nth-of-type(n+2){margin-top: 0.7em;}
.future_map h6 + p{margin-top: 0.3em;}
.future_item > figure{margin-top: 20px;order: 2;width: 100%;}
}