#commonspace #main{background:url(../images/commonspace/mv.webp) no-repeat left center;background-size:cover;height:90vh;position:relative}@media screen and (max-width: 768px){#commonspace #main{background:url(../images/commonspace/mv.webp) no-repeat center center;height:60vh;background-size:cover}}#commonspace #main .inner 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{#commonspace #main .inner h1{padding:150px 0 100px}}#commonspace #main .inner h1 span{display:block;position:absolute;left:0;right:0}#commonspace #main .inner h1 span.en{bottom:1em}@media screen and (max-width: 768px){#commonspace #main .inner h1 span.en{bottom:1em}}#commonspace #main .inner h1 span.en img{height:80px}@media screen and (max-width: 768px){#commonspace #main .inner h1 span.en img{height:40px}}#commonspace #main .inner h1 span.number{bottom:4em}@media screen and (max-width: 768px){#commonspace #main .inner h1 span.number{bottom:4em}}#commonspace #main .inner h1 span.number img{height:120px}@media screen and (max-width: 768px){#commonspace #main .inner h1 span.number img{height:90px}}#commonspace #contents .top{background:#0d253f;padding:4em 0}#commonspace #contents .top h2{font-size:min(4.2dvw,24px);text-align:center;color:#fff;margin-bottom:3em}#commonspace #contents .top .popup-movie{line-height:1;font-size:0}#commonspace #contents .top .popup-movie .in{width:100%;max-width:960px;margin:auto}#commonspace #contents .top .popup-movie .in .pop-bnr{cursor:pointer}#commonspace #contents .top .popup-movie .in .pop-bnr img{display:block;width:100%;height:auto}#commonspace #contents .top .popup-movie .in .pop-video{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media screen and (min-width: 769px),print{#commonspace #contents .top .popup-movie .in .pop-video{padding:40px}}#commonspace #contents .top .popup-movie .in .pop-video.is-active{opacity:1;visibility:visible;pointer-events:auto}#commonspace #contents .top .popup-movie .in .pop-video .modal-inner{position:relative;width:min(96vw,1080px);background:#000;aspect-ratio:16/9}#commonspace #contents .top .popup-movie .in .pop-video iframe{display:block;width:100%;height:100%;border:none}#commonspace #contents .top .popup-movie .in .pop-video .modal-close{position:absolute;top:-48px;right:0;width:40px;height:40px;border:none;background:#fff;color:#000;font-size:28px;line-height:1;cursor:pointer;z-index:10}#commonspace #contents .top .popup-movie .popup-movie_txt{text-align:center;font-size:min(2.8dvw,14px);width:90%;margin:auto}#commonspace #contents .btm{padding:4em 0;background:url(../images/commonspace/bg01.webp) 50% 50%/cover no-repeat}#commonspace #contents .btm .flex{display:flex;justify-content:center;flex-wrap:wrap;gap:2em;width:90%;max-width:1480px;margin:auto}#commonspace #contents .btm .flex .left{width:100%;height:100%}@media screen and (min-width: 769px),print{#commonspace #contents .btm .flex .left{width:calc(50% - 1em)}}#commonspace #contents .btm .flex .left h3{height:100%;max-height:100px;width:auto}#commonspace #contents .btm .flex .left .profile{display:flex;justify-content:center;flex-wrap:wrap;gap:1em}@media screen and (min-width: 769px),print{#commonspace #contents .btm .flex .left .profile{justify-content:flex-start}}#commonspace #contents .btm .flex .left .profile img{width:100%;max-width:220px}#commonspace #contents .btm .flex .left .profile .txt img{width:100%;max-width:220px}#commonspace #contents .btm .flex .left .profile .txt p{font-size:min(3.2dvw,16px);color:#fff}#commonspace #contents .btm .flex .left .profile .txt p strong{font-size:min(7dvw,52px)}#commonspace #contents .btm .flex .left .profile .txt p.p2{font-size:min(4.6dvw,28px)}#commonspace #contents .btm .flex .left .lead{padding:2em 0 0;font-size:min(2.8dvw,14px);color:#fff}#commonspace #contents .btm .flex .right{width:100%}@media screen and (min-width: 769px),print{#commonspace #contents .btm .flex .right{width:calc(50% - 1em)}}#commonspace #contents .btm .flex .right img{display:block;width:100%;max-width:1000px;height:auto;margin:auto}#commonspace #contents .sec01,#commonspace #contents .sec02,#commonspace #contents .sec04{padding:4em 0}#commonspace #contents .sec01 .box,#commonspace #contents .sec02 .box,#commonspace #contents .sec04 .box{width:90%;max-width:1280px;margin:auto}#commonspace #contents .sec01 h3,#commonspace #contents .sec02 h3,#commonspace #contents .sec04 h3{font-size:min(6.8dvw,50px);text-align:center;color:#5c5c5c;margin-bottom:1em}#commonspace #contents .sec01 .photo .cap.bk{color:#000;text-shadow:none}#commonspace #contents .sec02 .box p{font-size:min(3.2dvw,16px);text-align:center}#commonspace #contents .sec02 .box .car-wrap{width:100%;max-width:1004px;margin:4em auto}#commonspace #contents .sec02 .box .car-wrap .block{padding:1em;background:#173c79;background:linear-gradient(0deg, rgb(23, 60, 121) 0%, rgb(21, 119, 185) 100%)}#commonspace #contents .sec02 .box .car-wrap .block p{text-align:center}#commonspace #contents .sec02 .box .car-wrap .block p:first-child{font-size:min(4.4dvw,26px);color:#fff;margin-bottom:.5em}#commonspace #contents .sec02 .box .car-wrap .block p:last-child{font-size:min(3.2dvw,16px);color:#fff}#commonspace #contents .sec02 .box .car-wrap .block2{display:flex;flex-wrap:wrap;margin-top:2em;gap:1em;padding-bottom:1em;border-bottom:solid 10px #173c79}#commonspace #contents .sec02 .box .car-wrap .block2 dl,#commonspace #contents .sec02 .box .car-wrap .block2 figure{width:100%}@media screen and (min-width: 769px),print{#commonspace #contents .sec02 .box .car-wrap .block2 dl,#commonspace #contents .sec02 .box .car-wrap .block2 figure{width:calc(50% - 1em)}}#commonspace #contents .sec02 .box .car-wrap .block2 dl{color:#606060}#commonspace #contents .sec03 .img{position:relative}#commonspace #contents .sec03 .img .photo.bg img{object-fit:cover;min-height:400px}#commonspace #contents .sec03 .img .txt-box{position:absolute;bottom:0;padding:0 2em 2em;z-index:1}#commonspace #contents .sec03 .img .txt-box p{font-size:min(3.2dvw,16px);color:#fff}#commonspace #contents .sec03 .img .txt-box img{width:auto;height:100%;max-height:22px}@media screen and (min-width: 769px),print{#commonspace #contents .sec03 .img .txt-box img{max-height:44px}}#commonspace #contents .sec03 .img:nth-of-type(odd) .txt-box{right:0}#commonspace #contents .sec03 .img:nth-of-type(even) .txt-box{left:0}#commonspace #contents .sec03 .img .txt-box2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);z-index:1;width:90%;max-width:400px;margin:auto}@media screen and (min-width: 769px),print{#commonspace #contents .sec03 .img .txt-box2{max-width:800px}}#commonspace #contents .sec03 .img .txt-box2 p{font-size:min(3.2dvw,16px);color:#fff;margin-bottom:2em}#commonspace #contents .sec03 .img .txt-box2 img{width:auto;height:100%;max-height:22px}@media screen and (min-width: 769px),print{#commonspace #contents .sec03 .img .txt-box2 img{max-height:44px}}#commonspace #contents .sec03 .img .txt-box2 .photo img{max-height:100%}#commonspace #contents .sec04 .scroll-wrap{display:flex;align-items:center;width:90%;max-width:1480px;gap:4em;margin:auto;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .left{width:40%;min-width:0}#commonspace #contents .sec04 .scroll-wrap .left img{display:block;width:100%;height:auto}#commonspace #contents .sec04 .scroll-wrap .right{width:55%;min-width:0;position:relative;height:100vh;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .sec04-slider-layout{position:relative;width:100%;height:100%}#commonspace #contents .sec04 .scroll-wrap .sec04-swiper{width:calc(100% - 80px);height:100%;margin-left:0;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .swiper-wrapper{margin:0;padding:0;list-style:none}#commonspace #contents .sec04 .scroll-wrap .swiper-slide{flex-shrink:0;width:100%;height:auto;box-sizing:border-box;opacity:.35;transition:opacity .6s ease}#commonspace #contents .sec04 .scroll-wrap .swiper-slide figure{width:100%;margin:0}#commonspace #contents .sec04 .scroll-wrap .swiper-slide img{display:block;width:100%;height:auto}#commonspace #contents .sec04 .scroll-wrap .swiper-slide p{box-sizing:border-box;width:100%;margin:0;padding:1.5em 2em;font-size:14px;line-height:2;background:#fff}#commonspace #contents .sec04 .scroll-wrap .swiper-slide.swiper-slide-active{opacity:1}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow,#commonspace #contents .sec04 .scroll-wrap .sec04-pagination{position:absolute;right:20px;z-index:10}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow{width:40px;height:40px;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow span{position:absolute;top:50%;left:50%;display:block;width:14px;height:14px;border-top:1px solid #333;border-left:1px solid #333}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow.swiper-button-disabled{opacity:.3;pointer-events:none}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-prev{top:calc(50% - 130px)}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-prev span{transform:translate(-50%, -25%) rotate(45deg)}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-next{top:calc(50% + 90px)}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-next span{transform:translate(-50%, -75%) rotate(225deg)}#commonspace #contents .sec04 .scroll-wrap .sec04-pagination{top:50%;width:40px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}#commonspace #contents .sec04 .scroll-wrap .sec04-pagination .swiper-pagination-bullet{display:block;width:6px;height:6px;margin:0;border-radius:50%;background:#999;opacity:1;transition:background .3s ease,transform .3s ease}#commonspace #contents .sec04 .scroll-wrap .sec04-pagination .swiper-pagination-bullet-active{background:#275bae;transform:scale(1.5)}@media screen and (max-width: 767px){#commonspace #contents .sec04 .scroll-wrap{display:block;width:90%;margin:auto;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .left,#commonspace #contents .sec04 .scroll-wrap .right{width:100%}#commonspace #contents .sec04 .scroll-wrap .left{margin-bottom:3em}#commonspace #contents .sec04 .scroll-wrap .left img{display:block;width:100%;height:auto}#commonspace #contents .sec04 .scroll-wrap .right{position:relative;height:auto;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .sec04-slider-layout{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"prev" "slider" "next" "pagination";row-gap:15px;width:100%;height:auto;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .sec04-swiper{grid-area:slider;width:100%;height:clamp(350px,85vw,680px);margin:0;overflow:hidden}#commonspace #contents .sec04 .scroll-wrap .swiper-wrapper{width:100%;height:100%;margin:0;padding:0;align-items:stretch}#commonspace #contents .sec04 .scroll-wrap .swiper-slide{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box;overflow:hidden;opacity:1}#commonspace #contents .sec04 .scroll-wrap .swiper-slide figure{flex:0 0 auto;width:100%;margin:0}#commonspace #contents .sec04 .scroll-wrap .swiper-slide img{display:block;width:100%;height:auto;object-fit:contain}#commonspace #contents .sec04 .scroll-wrap .swiper-slide p{flex:0 0 auto;box-sizing:border-box;width:100%;margin:0;padding:1.2em 5%;font-size:13px;line-height:1.8;background:#fff}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow,#commonspace #contents .sec04 .scroll-wrap .sec04-pagination{position:relative;top:auto;right:auto;transform:none}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow{justify-self:center;width:40px;height:30px}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-prev{grid-area:prev}#commonspace #contents .sec04 .scroll-wrap .sec04-arrow-next{grid-area:next}#commonspace #contents .sec04 .scroll-wrap .sec04-pagination{grid-area:pagination;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:auto;margin-bottom:1em}}/*# sourceMappingURL=commonspace.css.map */