*{font-family:"Shippori Mincho",serif}#future #main{background:url(../images/future/mv.webp) no-repeat left center;background-size:cover;height:90vh;position:relative}#future #main .mv{position:absolute;left:0;right:0;bottom:0;z-index:2}#future #main .mv h1{padding:4em 0 2em;text-align:center;color:#fff;font-size:min(4.8dvw,30px);font-family:"Anton",sans-serif}@media screen and (min-width: 1024px),print{#future #main .mv h1{padding:150px 0 100px}}#future #main .mv h1 span{display:block;position:absolute;left:0;right:0}#future #main .mv h1 span.en{bottom:1em;padding:0 1em}@media screen and (max-width: 768px){#future #main .mv h1 span.en{bottom:1em}}#future #main .mv h1 span.en img{height:60px}@media screen and (max-width: 768px){#future #main .mv h1 span.en img{height:40px}}#future #main .mv h1 span.number{bottom:4em}@media screen and (max-width: 768px){#future #main .mv h1 span.number{bottom:4em}}#future #main .mv h1 span.number img{height:120px}@media screen and (max-width: 768px){#future #main .mv h1 span.number img{height:90px}}#future #main .mv-bg{position:absolute;width:100vw;height:90vh}#future #main .mv-bg video{width:100%;height:100%;object-fit:cover}#future #main .cap{z-index:1}#future #contents{position:relative}#future #contents .movie-bg{position:sticky;top:0;height:100vh;z-index:0;overflow:hidden}#future #contents .movie-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}#future #contents .front-wrap{position:relative;z-index:1;margin-top:-100vh;padding:2em 0}#future #contents .front-wrap:after{content:"";position:absolute;inset:0;background:rgba(0,92,180,.8);z-index:-1}#future #contents .front-wrap .h2_head{font-family:"Shippori Mincho",serif;font-size:min(6dvw,42px);text-align:center;color:#fff;margin:2em auto 1em}#future #contents .front-wrap .h2_head::after{content:"";display:block;width:3em;height:2px;border-radius:12px;background:#fff;margin:.5em auto 0}#future #contents .front-wrap .sec01{display:flex;flex-direction:column;margin-bottom:0}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec01{margin:4em auto}}#future #contents .front-wrap .sec01 .top{width:100%;color:#fff}#future #contents .front-wrap .sec01 .top h3{font-size:min(4.4dvw,26px);line-height:1.6}#future #contents .front-wrap .sec01 .top small{font-size:min(2.4dvw,12px)}#future #contents .front-wrap .sec01 .btm{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:2em auto}#future #contents .front-wrap .sec01 .btm .txt-area{width:100%;color:#fff}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec01 .btm .txt-area{width:53%}}#future #contents .front-wrap .sec01 .btm .txt-area p{font-size:min(3.2dvw,16px);line-height:2}#future #contents .front-wrap .sec01 .btm .txt-area p em{font-size:min(4.4dvw,26px)}#future #contents .front-wrap .sec01 .btm .img-area{width:100%;margin-top:2em}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec01 .btm .img-area{width:47%;margin-top:0}}#future #contents .front-wrap .sec01 .btm .img-area .photo{margin-top:0}#future #contents .front-wrap .sec01 .move-img .photo{margin-top:25dvw}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec01 .move-img .photo{margin-top:10dvw}}#future #contents .front-wrap .sec02{margin-top:0}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02{margin:4em 0}}#future #contents .front-wrap .sec02 .container{display:grid;grid-template-columns:auto auto;grid-template-rows:1fr auto auto;grid-auto-flow:row;gap:10dvw 0;grid-template-areas:"area1" "area2" "area3" "area4"}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .container{gap:20px 10dvw;grid-template-areas:"area1 area2" "area3 area3" "area4 area4"}}#future #contents .front-wrap .sec02 .area1,#future #contents .front-wrap .sec02 .area2,#future #contents .front-wrap .sec02 .area3,#future #contents .front-wrap .sec02 .area4{display:flex}#future #contents .front-wrap .sec02 .area1 .txt-area h4,#future #contents .front-wrap .sec02 .area2 .txt-area h4,#future #contents .front-wrap .sec02 .area3 .txt-area h4,#future #contents .front-wrap .sec02 .area4 .txt-area h4{display:flex;align-items:center}#future #contents .front-wrap .sec02 .area1 .txt-area h4 .num,#future #contents .front-wrap .sec02 .area2 .txt-area h4 .num,#future #contents .front-wrap .sec02 .area3 .txt-area h4 .num,#future #contents .front-wrap .sec02 .area4 .txt-area h4 .num{display:flex;align-items:center}#future #contents .front-wrap .sec02 .area1 .txt-area h4 .num::after,#future #contents .front-wrap .sec02 .area2 .txt-area h4 .num::after,#future #contents .front-wrap .sec02 .area3 .txt-area h4 .num::after,#future #contents .front-wrap .sec02 .area4 .txt-area h4 .num::after{content:"";display:block;width:1.5px;height:4em;background:#183987;padding:1.5px;border-radius:8px;margin-left:1em}#future #contents .front-wrap .sec02 .area1 .txt-area h4 .num img,#future #contents .front-wrap .sec02 .area2 .txt-area h4 .num img,#future #contents .front-wrap .sec02 .area3 .txt-area h4 .num img,#future #contents .front-wrap .sec02 .area4 .txt-area h4 .num img{min-width:100%;width:1.5em;min-height:100%;height:1.5em}#future #contents .front-wrap .sec02 .area1 .txt-area h4 .head,#future #contents .front-wrap .sec02 .area2 .txt-area h4 .head,#future #contents .front-wrap .sec02 .area3 .txt-area h4 .head,#future #contents .front-wrap .sec02 .area4 .txt-area h4 .head{color:#fff;font-size:min(4dvw,22px);margin-left:1.75em}#future #contents .front-wrap .sec02 .area1 .txt-area h4 .head small,#future #contents .front-wrap .sec02 .area2 .txt-area h4 .head small,#future #contents .front-wrap .sec02 .area3 .txt-area h4 .head small,#future #contents .front-wrap .sec02 .area4 .txt-area h4 .head small{display:block;font-size:min(2.8dvw,14px);margin-top:.25em}#future #contents .front-wrap .sec02 .area1 .txt-area p,#future #contents .front-wrap .sec02 .area2 .txt-area p,#future #contents .front-wrap .sec02 .area3 .txt-area p,#future #contents .front-wrap .sec02 .area4 .txt-area p{margin:1em auto;font-size:min(3.2dvw,16px);color:#fff;line-height:1.6}#future #contents .front-wrap .sec02 .area1 .txt-area p small,#future #contents .front-wrap .sec02 .area2 .txt-area p small,#future #contents .front-wrap .sec02 .area3 .txt-area p small,#future #contents .front-wrap .sec02 .area4 .txt-area p small{display:block;font-size:min(2.4dvw,12px);margin-top:.5em}#future #contents .front-wrap .sec02 .area1 .img-area,#future #contents .front-wrap .sec02 .area2 .img-area,#future #contents .front-wrap .sec02 .area3 .img-area,#future #contents .front-wrap .sec02 .area4 .img-area{margin:1em auto}#future #contents .front-wrap .sec02 .area1{grid-area:area1;flex-direction:column}#future #contents .front-wrap .sec02 .area1 .move-img .photo{margin-top:5dvw}#future #contents .front-wrap .sec02 .area2{grid-area:area2;flex-direction:column-reverse}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area2{flex-direction:column}}#future #contents .front-wrap .sec02 .area2 .txt-area h4 .num::after{background:#f29600}#future #contents .front-wrap .sec02 .area2 .move-img .photo{margin-top:10dvw}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area2 .move-img .photo{margin-top:0}}#future #contents .front-wrap .sec02 .area3{grid-area:area3;gap:0 2em;flex-wrap:wrap;margin:0 auto}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area3{margin:4em auto}}#future #contents .front-wrap .sec02 .area3 .txt-area{width:100%}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area3 .txt-area{width:42%}}#future #contents .front-wrap .sec02 .area3 .txt-area h4 .num::after{background:#00691f}#future #contents .front-wrap .sec02 .area3 .img-area{width:100%}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area3 .img-area{width:53%}}#future #contents .front-wrap .sec02 .area3 .move-img .photo{margin-top:5dvw}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area3 .move-img .photo{margin-top:0}}#future #contents .front-wrap .sec02 .area4{grid-area:area4;gap:0 2em;flex-wrap:wrap-reverse}#future #contents .front-wrap .sec02 .area4 .txt-area{width:100%}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area4 .txt-area{width:42%}}#future #contents .front-wrap .sec02 .area4 .txt-area h4 .num::after{background:#802f4b}#future #contents .front-wrap .sec02 .area4 .txt-area h4 .head .small{font-size:min(3.2dvw,16px)}#future #contents .front-wrap .sec02 .area4 .img-area{width:100%}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area4 .img-area{width:53%}}#future #contents .front-wrap .sec02 .area4 .move-img .photo{margin-top:5dvw}@media screen and (min-width: 769px),print{#future #contents .front-wrap .sec02 .area4 .move-img .photo{margin-top:0}}/*# sourceMappingURL=future.css.map */