#container .contents [class^=pho]>div{margin-bottom:2.2em}#container .contents .imgCenter{text-align:center;margin-bottom:60px}#container .contents .imgCenter:last-child{margin-bottom:0}#container .contents .member{color:#FFF;margin-top:120px}#container .contents .member .sectionHead{margin-top:0;mix-blend-mode:hard-light}#container .contents .member .sectionHead:after{background:#FFF}#container .contents .member ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:60px}#container .contents .member ul.column1 li{width:100%}#container .contents .member ul.column1 li a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container .contents .member ul.column1 li a>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#container .contents .member ul.column1 li a>div:last-child{width:520px}#container .contents .member ul.column1 li a>div .dev{margin-bottom:0}#container .contents .member ul.column1 li a>div .link{margin-top:auto}#container .contents .member ul.column2 li{width:calc(50% - 30px)}#container .contents .member ul.column3 li{width:calc((100% - 120px) / 3)}#container .contents .member ul.column4{-ms-flex-wrap:wrap;flex-wrap:wrap}#container .contents .member ul.column4 li{width:calc(50% - 30px);margin-bottom:30px}#container .contents .member ul.column4 li:nth-child(2n):after{display:none}#container .contents .member ul li{border-top:2px solid #FFF;padding:50px 20px 20px;position:relative}#container .contents .member ul li:not(:last-child):after{content:"";display:block;width:2px;height:calc(100% - 30px);background:#FFF;position:absolute;right:-30px;top:30px}#container .contents .member ul li a{color:#FFF;display:block;position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#container .contents .member ul li a:hover{opacity:1;color:#0072bc}#container .contents .member ul li a:after{content:"";display:block;width:30px;height:30px;border-radius:50%;background-image:url("../../images/ico_link_white.svg");background-repeat:no-repeat;background-position:center;background-color:#1d264d;position:absolute;-webkit-transition:0.2s;transition:0.2s}#container .contents .member ul li a:hover:after{-webkit-transform:scale(1.15);transform:scale(1.15);background-color:#0072bc}@media (max-width:736px){#container .contents .member ul li a:after{width:20px;height:20px;background-size:50% auto}#container .contents .member ul li a:hover:after{-webkit-transform:scale(1);transform:scale(1)}}#container .contents .member ul li a:after{position:absolute;bottom:-3px;right:0;background-color:#FFF;background-image:url("/images/ico_link.svg")}#container .contents .member ul li a:hover{color:#FFF;opacity:0.6}#container .contents .member ul li span{display:block}#container .contents .member ul li span.pho{width:100px;margin-bottom:40px}#container .contents .member ul li span.job{font-size:18px;letter-spacing:0.1em;background:#FFF;color:#1d264d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 7px;line-height:30px;margin-bottom:20px}#container .contents .member ul li span.name{font-family:"Shippori Mincho",serif;font-size:20px;letter-spacing:0.1em;font-weight:600;margin-bottom:35px}#container .contents .member ul li span.dev{font-size:12px;margin-bottom:50px}#container .contents .member ul li p{font-size:13px;letter-spacing:0.1em;margin-bottom:60px}#container .contents .member ul li .link{margin-top:auto;width:100%;font-size:16px;font-weight:bold}#container .other{padding-left:100px;background:-webkit-gradient(linear,left bottom,left top,color-stop(15%,rgb(255,255,255)),color-stop(15%,#1d264d));background:linear-gradient(0deg,rgb(255,255,255) 15%,#1d264d 15%)}#container .other ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}#container .other ul li{background:#0072bc}#container .other ul li a{display:block;position:relative}#container .other ul li a .txt{display:block;position:absolute;top:22px;left:22px;color:#FFF;letter-spacing:0.1em}#container .other ul li a .txt span{font-family:"Archivo","Noto Sans JP",sans-serif;font-size:20px}#container .other ul li a .txt span em{font-size:60px;font-weight:300}#container .other ul li a .txt p{font-size:16px;font-weight:bold}#projectstory #container .other{margin-top:100px;padding-top:80px}@media (max-width:736px){#container .pageTitle .titleBox{max-width:70%}#container .contents .imgCenter{margin-bottom:30px}#container .contents .imgCenter img{width:100%}#container .contents .member{color:#FFF;margin-top:50px}#container .contents .member .sectionHead{margin-top:0}#container .contents .member .sectionHead:after{background:#FFF}#container .contents .member ul{display:block;margin-bottom:30px}#container .contents .member ul li{width:100%!important;padding:20px 0 50px}#container .contents .member ul li:first-child{border-top:none}#container .contents .member ul li:not(:last-child):after{display:none}#container .contents .member ul li a{display:block!important}#container .contents .member ul li a:after{bottom:1px}#container .contents .member ul li a>div{width:100%!important}#container .contents .member ul li span{display:block}#container .contents .member ul li span.pho{width:80px;margin-bottom:20px}#container .contents .member ul li span.job{font-size:16px;line-height:25px;margin-bottom:10px}#container .contents .member ul li span.name{margin-bottom:10px}#container .contents .member ul li span.dev{margin-bottom:20px!important}#container .contents .member ul li p{margin-bottom:40px}#container .contents .member ul li .link{margin-top:0}#container .other{padding-left:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgb(255,255,255)),color-stop(10%,#1d264d));background:linear-gradient(0deg,rgb(255,255,255) 10%,#1d264d 10%)}#container .other ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#container .other ul li{width:30%}#container .other ul li a .txt{top:10px;left:10px}#container .other ul li a .txt span{font-size:12px}#container .other ul li a .txt span em{font-size:40px}#container .other ul li a .txt p{font-size:10px}#projectstory #container .other{margin-top:60px;padding-top:20px}}#projectstory .pageTitle .titleBox .shift h1{font-size:max(2.5vw,30px);letter-spacing:0.05em}#projectstory .contents{}#projectstory .contents figure.pho figcaption{background:#F8F8F8;display:inline-block;padding:10px 15px;margin-top:10px;font-weight:bold}#projectstory .contents .phoL figure.pho{text-align:right}#projectstory .contents .video{padding-bottom:56.25%;position:relative}#projectstory .contents .video+.video{margin-top:50px}#projectstory .contents .video iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}#projectstory .contents .ico_link ul{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}#projectstory .contents .ico_link ul li{margin:0 30px}#projectstory .contents aside.column .inner h1{margin-top:50px}#projectstory .contents aside.column .inner .flex{display:-webkit-box;display:-ms-flexbox;display:flex}#projectstory .contents aside.column .inner .flex figure{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:400px;margin-left:60px}#projectstory .contents aside.column .inner .link{display:block;margin:80px 0 50px}#projectstory .contents aside.column .inner .link a{display:inline-block;position:relative;font-size:24px;font-family:"Shippori Mincho",serif;color:#0072bc;font-weight:bold}#projectstory .contents aside.column .inner .link a:hover{opacity:1;color:#0072bc}#projectstory .contents aside.column .inner .link a:after{content:"";display:block;width:30px;height:30px;border-radius:50%;background-image:url("../../images/ico_link_white.svg");background-repeat:no-repeat;background-position:center;background-color:#1d264d;position:absolute;-webkit-transition:0.2s;transition:0.2s}#projectstory .contents aside.column .inner .link a:hover:after{-webkit-transform:scale(1.15);transform:scale(1.15);background-color:#0072bc}@media (max-width:736px){#projectstory .contents aside.column .inner .link a:after{width:20px;height:20px;background-size:50% auto}#projectstory .contents aside.column .inner .link a:hover:after{-webkit-transform:scale(1);transform:scale(1)}}#projectstory .contents aside.column .inner .link a:after{display:inline-block;margin-left:0.5em}@media (max-width:736px){#projectstory .pageTitle .titleBox .shift h1{font-size:20px;letter-spacing:0}#projectstory .contents .video+.video{margin-top:15px}#projectstory .contents aside.column .inner .flex{display:block}#projectstory .contents aside.column .inner .flex figure{width:100%;margin-left:0}#projectstory .contents aside.column .inner .link{margin:40px 0 15px}#projectstory .contents aside.column .inner .link a{font-size:18px}#projectstory .contents aside.column .inner .link a:after{margin-top:3px}}#psInterview .pageTitle{z-index:0}#psInterview .pageTitle .titleBox{position:relative}#psInterview .pageTitle .titleBox .job{display:inline-block;border:1px solid #1d264d;background:#FFF;font-size:18px;line-height:40px;padding:0 15px;position:absolute;top:-20px;left:-25px}#psInterview .pageTitle .titleBox .shift span{display:block;letter-spacing:0.1em}#psInterview .pageTitle .titleBox .shift span.name{font-size:20px;font-family:"Shippori Mincho",serif;font-weight:600;margin:30px 0 15px}#psInterview .pageTitle .titleBox .shift span.dev{font-size:12px}#psInterview .pageTitle .titleBox .shift h1{font-size:50px}#psInterview .pageTitle .projectBox{position:absolute;left:6vw;top:160px}#psInterview .pageTitle .projectBox p{font-weight:bold;margin-bottom:15px}#psInterview .pageTitle .projectBox .linkBtn small{font-size:12px;font-family:"Archivo","Noto Sans JP",sans-serif;letter-spacing:0.1em;font-weight:normal;padding-right:1em}@media (max-width:736px){#psInterview .pageTitle{padding-bottom:150px;margin-bottom:40px}#psInterview .pageTitle .titleBox .job{font-size:12px;line-height:24px;padding:0 10px;top:-12px;left:-12px}#psInterview .pageTitle .titleBox .shift span.name{font-size:14px;margin:20px 0 5px}#psInterview .pageTitle .titleBox .shift span.dev{font-size:11px}#psInterview .pageTitle .titleBox .shift h1{font-size:24px}#psInterview .pageTitle .projectBox{background:#F8F8F8;width:100%;padding:20px;position:absolute;left:0vw;top:auto;bottom:0}#psInterview .pageTitle .projectBox .linkBtn a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#psInterview .pageTitle .projectBox .linkBtn small{font-size:11px}}
/*# sourceMappingURL=projectstory.css.map */