.mv{background:url(../img/top/ia-hero.png) no-repeat center/cover;height:83rem;margin-bottom:10rem;overflow-x:hidden}@media screen and (max-width: 1200px){.mv{height:clamp(415px,69.1666666667vw,830px);margin-bottom:clamp(50px,8.3333333333vw,100px)}}@media screen and (max-width: 767px){.mv{background:url(../img/top/sp-ia-hero.png) no-repeat center/cover;height:clamp(400px,106.6666666667vw,800px)}}.inner{display:grid;grid-template-columns:repeat(1, 1fr);gap:10rem 0}.inner>div{opacity:0;transform:translateY(30px);visibility:hidden;transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}.inner>div .ttl{display:flex;justify-content:center;font-size:3.2rem;font-weight:600;margin-bottom:3.4rem}.inner>div.is-visible{opacity:1;transform:none;visibility:visible;transition-delay:0s}@media screen and (max-width: 1200px){.inner{gap:clamp(50px,8.3333333333vw,100px) 0}.inner>div{padding:0 clamp(30px,5vw,60px);box-sizing:border-box}.inner>div .ttl{font-size:clamp(16px,100vw,32px)}}@media screen and (max-width: 767px){.inner{gap:clamp(100px,26.6666666667vw,200px) 0}.inner>div{padding:0}.inner>div .ttl{font-size:clamp(23px,6.1333333333vw,46px);margin-bottom:clamp(20px,5.3333333333vw,40px)}}.about p{text-align:center;font-size:1.6rem;line-height:1.75}@media screen and (max-width: 1200px){.about p{font-size:clamp(8px,1.3333333333vw,16px)}}@media screen and (max-width: 767px){.about p{text-align:left;font-size:clamp(13px,3.4666666667vw,26px);padding:0 clamp(18px,4.8vw,36px);box-sizing:border-box}}.skills .box_wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:5rem}.skills .box_wrap .box ul{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center}.skills .box_wrap .box ul li i{font-size:6rem}.skills .box_wrap .box ul li h3{display:inline-block;font-weight:500;font-size:2rem;border-bottom:1px solid #000;padding-bottom:.5rem;margin-bottom:1rem}.skills .box_wrap .box ul li p{font-size:1.6rem;line-height:1.75}.skills .box_wrap .box ul li:first-of-type{text-align:center}.skills .box_wrap .box ul li:last-of-type{grid-column:2/6}@media screen and (max-width: 1200px){.skills .box_wrap .box ul li i{font-size:clamp(30px,5vw,60px)}.skills .box_wrap .box ul li h3{font-size:clamp(10px,1.6666666667vw,20px)}.skills .box_wrap .box ul li p{font-size:clamp(8px,1.3333333333vw,16px)}}@media screen and (max-width: 767px){.skills .box_wrap{grid-template-columns:repeat(1, 1fr);gap:clamp(30px,8vw,60px);padding:0 clamp(18px,4.8vw,36px);box-sizing:border-box}.skills .box_wrap .box ul li i{font-size:clamp(40px,10.6666666667vw,80px)}.skills .box_wrap .box ul li h3{font-size:clamp(16px,4.2666666667vw,32px);padding-bottom:clamp(5px,1.3333333333vw,10px);margin-bottom:clamp(10px,2.6666666667vw,20px)}.skills .box_wrap .box ul li p{font-size:clamp(13px,3.4666666667vw,26px)}}.works ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:0 5rem}.works ul li{font-size:1.3rem}.works ul li a:hover img{transform:scale(1.05)}.works ul li img{display:block;margin-bottom:.5rem;-o-object-fit:cover;object-fit:cover;height:45rem;width:100%;transition:transform .6s ease}.works ul li figure figcaption{display:block;padding:2rem 1rem 1rem;box-sizing:border-box;font-size:1.5rem;line-height:1.75;letter-spacing:.05em}.works ul li figure figcaption span{display:block;border-left:2px solid #000;padding-left:1rem;margin-bottom:1rem;font-size:1.4rem;font-weight:500}.works ul li figure figcaption small{display:block;margin-top:1rem;text-align:right;font-size:1.3rem}@media screen and (max-width: 1200px){.works ul{gap:0 clamp(25px,4.1666666667vw,50px)}.works ul li{font-size:clamp(6.5px,1.0833333333vw,13px)}.works ul li img{height:clamp(225px,37.5vw,450px)}.works ul li figure figcaption{padding:clamp(10px,1.6666666667vw,20px) clamp(5px,.8333333333vw,10px) clamp(5px,.8333333333vw,10px);font-size:clamp(7.5px,1.25vw,15px)}.works ul li figure figcaption span{padding-left:clamp(5px,.8333333333vw,10px);margin-bottom:clamp(5px,.8333333333vw,10px);font-size:clamp(7px,1.1666666667vw,14px)}.works ul li figure figcaption small{margin-top:clamp(5px,.8333333333vw,10px);font-size:clamp(6.5px,1.0833333333vw,13px)}}@media screen and (max-width: 767px){.works ul{grid-template-columns:repeat(1, 1fr);gap:clamp(40px,10.6666666667vw,80px) 0;padding:0 clamp(18px,4.8vw,36px);box-sizing:border-box}.works ul li{font-size:clamp(10px,2.6666666667vw,20px)}.works ul li img{margin-bottom:clamp(15px,4vw,30px);height:clamp(250px,66.6666666667vw,500px)}.works ul li figure figcaption{padding:clamp(15px,4vw,30px) 0 0;font-size:clamp(13px,3.4666666667vw,26px)}.works ul li figure figcaption span{border-left:3px solid #000;padding-left:clamp(10px,2.6666666667vw,20px);margin-bottom:clamp(6px,1.6vw,12px);font-size:clamp(12px,3.2vw,24px)}.works ul li figure figcaption small{margin-top:clamp(15px,4vw,30px);font-size:clamp(10px,2.6666666667vw,20px)}}.contact p{text-align:center;font-size:1.6rem}.contact ul{display:flex;align-items:center;justify-content:center;gap:0 2rem;margin-top:5rem}.contact ul li a i{font-size:4.2rem}@media screen and (max-width: 1200px){.contact p{font-size:clamp(8px,1.3333333333vw,16px)}.contact ul li a i{font-size:clamp(21px,3.5vw,42px)}}@media screen and (max-width: 767px){.contact p{font-size:clamp(13px,3.4666666667vw,26px);line-height:1.75}.contact ul{gap:0 clamp(30px,8vw,60px);margin-top:clamp(50px,13.3333333333vw,100px)}.contact ul li a i{font-size:clamp(40px,10.6666666667vw,80px)}}