@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");.l-container{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 20px}@media screen and (max-width:768px){.l-container{padding:0 37px}}img,picture{display:inline-block}.p-project{max-width:100vw;overflow:hidden;font-family:"Noto Serif JP","Hiragino Mincho ProN","Noto Serif JP","Yu Mincho",YuMincho,serif;text-justify:inter-character;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.p-project__mainimage{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:auto;max-height:600px;aspect-ratio:1400/600;background:center/cover no-repeat url("../img/project/mainimage-bg-pc.webp")}@media screen and (max-width:768px){.p-project__mainimage{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-height:inherit;aspect-ratio:500/400;padding-bottom:40px;background-image:url("../img/project/mainimage-bg-sp.webp")}}.p-project__mainimage:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0,72,148);background:-webkit-gradient(linear,left top,right top,from(rgb(0,72,148)),to(rgb(84,195,241)));background:linear-gradient(90deg,rgb(0,72,148) 0%,rgb(84,195,241) 100%);mix-blend-mode:multiply;z-index:1}.p-project__mainimage:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0,72,148);background:-webkit-gradient(linear,left top,right top,from(rgb(0,72,148)),to(rgba(84,195,241,0)));background:linear-gradient(90deg,rgb(0,72,148) 0%,rgba(84,195,241,0) 100%);opacity:0.3;z-index:2}.p-project__mainimage--header{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:58px;background-color:#000000;z-index:10}@media screen and (max-width:768px){.p-project__mainimage--header img,.p-project__mainimage--header picture{width:84vw;max-width:420px}}.p-project__mainimage--bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.1);z-index:0}.p-project__mainimage--container{z-index:9}@media screen and (max-width:768px){.p-project__mainimage__title img,.p-project__mainimage__title picture{width:75.6vw;max-width:378px}}.p-project__about{padding-top:60px;padding-bottom:110px;background-color:#f7f6ee}@media screen and (max-width:768px){.p-project__about{padding-top:65px;padding-bottom:84px}}.p-project__about__title{margin-bottom:37px}@media screen and (max-width:768px){.p-project__about__title{margin-bottom:30px}}.p-project__about__title img,.p-project__about__title picture{margin-right:-40px}@media screen and (max-width:768px){.p-project__about__title img,.p-project__about__title picture{margin-right:-37px}}.p-project__about__content{padding-right:93px;padding-left:25px}@media screen and (max-width:768px){.p-project__about__content{margin:0 -37px;padding-right:0;padding-left:0}}.p-project__talk{padding-top:95px;padding-bottom:120px}@media screen and (max-width:768px){.p-project__talk{padding-top:82px;padding-bottom:97px}}.p-project__talk__title{margin-bottom:47px;text-align:center}@media screen and (max-width:768px){.p-project__talk__title{margin-bottom:57px}}.p-project__talk__title img,.p-project__talk__title picture{width:auto;max-height:167px}@media screen and (max-width:768px){.p-project__talk__title img,.p-project__talk__title picture{max-height:inherit}}@media screen and (max-width:768px){.p-project__talk__content{margin:0 -37px}}.p-project__talk__image{position:relative;width:100%;height:auto;max-height:480px;aspect-ratio:1400/480;overflow:hidden}@media screen and (max-width:768px){.p-project__talk__image{max-height:inherit;aspect-ratio:500/320}}.p-project__talk__image--image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.p-project__talk__illustration{margin:60px -20px 0}@media screen and (max-width:768px){.p-project__talk__illustration{margin:80px -27px 0}}.p-project__talk.talk-01{background-color:rgba(130,192,234,0.3)}@media screen and (max-width:768px){.p-project__talk.talk-01 .p-project__talk__title img,.p-project__talk.talk-01 .p-project__talk__title picture{width:75.8vw;max-width:379px}}.p-project__talk.talk-01 .p-project__talk__content img,.p-project__talk.talk-01 .p-project__talk__content picture{margin-right:-60px}.p-project__talk.talk-02{background-color:rgba(80,200,168,0.3)}.p-project__talk.talk-02 .p-project__talk__title{margin-bottom:35px}@media screen and (max-width:768px){.p-project__talk.talk-02 .p-project__talk__title{margin-bottom:80px}.p-project__talk.talk-02 .p-project__talk__title img,.p-project__talk.talk-02 .p-project__talk__title picture{width:75.2vw;max-width:376px}}.p-project__talk.talk-02 .p-project__talk__content img,.p-project__talk.talk-02 .p-project__talk__content picture{margin-right:-65px;margin-left:-42px}@media screen and (max-width:768px){.p-project__talk.talk-02 .p-project__talk__content img,.p-project__talk.talk-02 .p-project__talk__content picture{margin-right:0;margin-left:0}}.p-project__talk.talk-03{background-color:rgb(247,246,238)}.p-project__talk.talk-03 .p-project__talk__title{margin-bottom:25px}@media screen and (max-width:768px){.p-project__talk.talk-03 .p-project__talk__title{margin-bottom:17px}.p-project__talk.talk-03 .p-project__talk__title img,.p-project__talk.talk-03 .p-project__talk__title picture{width:75.4vw;max-width:377px}}.p-project__talk.talk-03 .p-project__talk__content img,.p-project__talk.talk-03 .p-project__talk__content picture{margin-right:-59px;margin-left:-22px}@media screen and (max-width:768px){.p-project__talk.talk-03 .p-project__talk__content img,.p-project__talk.talk-03 .p-project__talk__content picture{margin-right:0;margin-left:0}}.p-project__talk.talk-04{background-color:rgba(217,236,249,0.3)}.p-project__talk.talk-04 .p-project__talk__title{margin-bottom:7px}@media screen and (max-width:768px){.p-project__talk.talk-04 .p-project__talk__title{margin-bottom:0}.p-project__talk.talk-04 .p-project__talk__title img,.p-project__talk.talk-04 .p-project__talk__title picture{width:75.4vw;max-width:377px}}.p-project__talk.talk-04 .p-project__talk__content img,.p-project__talk.talk-04 .p-project__talk__content picture{margin-right:-47px;margin-left:-36px}@media screen and (max-width:768px){.p-project__talk.talk-04 .p-project__talk__content img,.p-project__talk.talk-04 .p-project__talk__content picture{margin-right:0;margin-left:0}}.p-project__contact{padding-top:73px}@media screen and (max-width:768px){.p-project__contact{padding-top:100px}}.p-project__contact__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:25px;margin-bottom:65px}@media screen and (max-width:768px){.p-project__contact__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:13px;margin-bottom:25px}}.p-project__contact__item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px;border:solid 1px #004894}@media screen and (max-width:768px){.p-project__contact__item{padding:15px}}.p-project__contact__item__image{margin-bottom:10px;text-align:center}@media screen and (max-width:768px){.p-project__contact__item__image{margin-bottom:0}}.p-project__contact__item__image img,.p-project__contact__item__image picture{width:100%;max-width:227px;height:auto}.p-project__contact__item__text{font-size:16px;line-height:1.5625;text-align:center}.p-project__contact__item__text a{color:#004894}.p-project__contact__item__title{font-size:18px;line-height:1.6666666667;color:#004894}.p-project__contact__item__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;max-width:380px}.p-project__contact__item--link{position:relative;display:block;width:calc(50% - 8px);max-width:182px;height:auto}.p-project__contact__item--link--bg{position:absolute;bottom:0;left:0;width:100%;min-height:25px;background-color:#727171;mix-blend-mode:multiply;z-index:9}.p-project__contact__item--link--text{position:absolute;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:25px;font-size:12px;line-height:2.5;color:#ffffff;text-align:center;z-index:10}.p-project__contact__item.type-01{padding:17px 25px 25px;width:31.8181818182%;max-width:350px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.p-project__contact__item.type-01{width:100%;max-width:inherit;padding:17px 20px 25px}}.p-project__contact__item.type-02{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:68.1818181818%;max-width:750px;gap:48px}@media screen and (max-width:768px){.p-project__contact__item.type-02{width:100%;max-width:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}}.p-project__contact__text{font-size:13px;line-height:1.6923076923;letter-spacing:0.02em}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.modal-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:100px 35px 40px;width:53.5714285714%;max-width:750px;text-align:center;border-radius:50px;border:solid 15px #00af82}@media screen and (max-width:768px){.modal-content{padding:65px 20px 30px;width:92%;max-width:460px;border-radius:30px;border:solid 9px #00af82}}.modal-content-image{margin-bottom:78px}@media screen and (max-width:768px){.modal-content-image{margin-bottom:40px}}.close-btn-button{cursor:pointer;position:absolute;top:25px;right:25px}@media screen and (max-width:768px){.close-btn-button{top:18px;right:18px}}.close-btn-button img,.close-btn-button picture{width:29px;height:auto}@media screen and (max-width:768px){.close-btn-button img,.close-btn-button picture{width:17px}}.close-btn-text{text-align:center}.close-btn-text img,.close-btn-text picture{cursor:pointer;max-width:230px;height:auto}@media screen and (max-width:768px){.close-btn-text img,.close-btn-text picture{max-width:140px}}
/*# sourceMappingURL=project-story.css.map */