img[src$=".svg"],img{width:100%;height:auto}.att{padding-left:1em;text-indent:-1em}.project #visual{position:relative;background:url(/recruit/img/common/paint-bg.jpg) no-repeat center center;background-size:cover;padding:3%}.project #visual .content-inner{position:relative;padding:0}.project #visual .content-inner:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(30deg,#212121e6,#21212100 50%);transition:all .3s ease;transition-delay:.3s;opacity:0}@media only screen and (max-width: 768px){.project #visual .content-inner:after{width:100%;background-image:linear-gradient(30deg,#474747e6,#21212100 70%)}}.project #visual .content-inner.active:after{opacity:1}.project #visual .text{position:absolute;z-index:1;top:0;left:7%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:left;color:#fff}@media only screen and (max-width: 768px){.project #visual .text{justify-content:flex-end}}.project #visual .text h1{font-weight:700;font-size:clamp(30px,3vw,38px);margin-bottom:45px}@media only screen and (max-width: 768px){.project #visual .text h1{font-size:1rem;margin-bottom:10px}}.project #visual .text p{font-size:clamp(30px,3vw,38px);font-weight:700}@media only screen and (max-width: 768px){.project #visual .text p{font-size:1rem;margin-bottom:20px}}.project #outline{padding:100px 0}@media only screen and (max-width: 768px){.project #outline{padding:40px 0}}.project #outline h2{text-align:center;font-size:clamp(40px,4vw,50px);font-weight:700;margin-bottom:30px}@media only screen and (max-width: 768px){.project #outline h2{font-size:2rem;margin-bottom:15px}}.project #outline p{max-width:820px;margin:auto;line-height:2}.project #profile{background-color:#08338f;padding:80px 0}@media only screen and (max-width: 768px){.project #profile{padding:20px 0 40px}}.project #profile .note{text-align:right;color:#fff;font-size:clamp(10px,1.2vw,12px)}.project #profile h2{text-align:center;font-size:clamp(40px,4vw,50px);font-weight:700;color:#fff;margin-bottom:30px}@media only screen and (max-width: 768px){.project #profile h2{font-size:2rem;margin-bottom:15px}}.project #profile .layout{display:flex;justify-content:center;gap:40px}@media only screen and (max-width: 768px){.project #profile .layout{flex-wrap:wrap;gap:20px}}.project #profile .layout .box{width:240px}@media only screen and (max-width: 768px){.project #profile .layout .box{width:100%;display:flex;gap:20px}}.project #profile .layout .box .image{width:25%;min-width:100px;margin:0 auto 20px}@media only screen and (max-width: 768px){.project #profile .layout .box .prof{flex:1}}.project #profile .layout .box p{font-size:.8rem;color:#fff}.project #profile .layout .box .name{font-size:1rem;color:#fff;margin-bottom:.5rem}.project .section-content{padding:100px 0}@media only screen and (max-width: 768px){.project .section-content{padding:50px 0}}.project .section-content .title{position:relative;text-align:center;color:#08338f;margin-bottom:80px}@media only screen and (max-width: 768px){.project .section-content .title{margin-bottom:40px}}.project .section-content .title .en{font-size:clamp(40px,4vw,50px);font-weight:700;margin-bottom:20px}@media only screen and (max-width: 768px){.project .section-content .title .en{font-size:2rem}}.project .section-content .title .paint{position:absolute;top:-8px;left:50%;z-index:-1}.project .section-content .title .paint img{height:100px;transform:rotate(30deg) translate(-50%);transform-origin:left}@media only screen and (max-width: 768px){.project .section-content .title .paint img{height:70px}}.project .section-content .title h2{font-size:clamp(28px,2.8vw,34px);font-weight:700}@media only screen and (max-width: 768px){.project .section-content .title h2{font-size:1.3rem}}.project .section-content .layout{display:flex;justify-content:space-between;margin-bottom:100px}@media only screen and (max-width: 768px){.project .section-content .layout{display:block;margin-bottom:30px}}.project .section-content .layout .image{width:48%}@media only screen and (max-width: 768px){.project .section-content .layout .image{width:100%;margin-bottom:40px}}.project .section-content .layout p{width:43%;line-height:1.8;padding-right:5%}@media only screen and (max-width: 768px){.project .section-content .layout p{width:100%;padding:0}}.project .section-content .layout.rev{flex-direction:row-reverse}.project .section-content .layout.rev p{padding-right:0;padding-left:5%}@media only screen and (max-width: 768px){.project .section-content .layout.rev p{width:100%;padding:0}}.project #sec02{background-color:#f6f6f6}