main #hero .hero-wrap{position:relative;height:calc(100vh - 7rem);margin-top:7rem;background:url("../img/top/img_hero.jpg") no-repeat right bottom/contain,#f2f2f2;box-sizing:border-box}main #hero .hero-wrap .catch{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:1;font-family:"Noto Serif JP",serif;font-weight:bold}main #hero .hero-wrap .catch h2{font-size:6rem;margin-bottom:4rem}main #hero .hero-wrap .catch p{font-size:1.9rem}main #hero .hero-wrap .sp{display:none}main #about .about-wrap{background:#f2f2f2;position:relative;padding-bottom:9rem;overflow:hidden}main #about .about-wrap:after{content:"";position:absolute;background:url("../img/top/bg_about.png") no-repeat center/contain;max-width:1366px;width:100%;height:360px;bottom:0;left:52%;transform:translateX(-50%);z-index:2}main #about .about-wrap .inner{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;padding:6rem 0 85px}main #about .about-wrap .inner .title01{max-width:16rem;writing-mode:vertical-rl;line-height:6rem;margin-right:14rem}main #about .about-wrap .inner .title01 span{background:#00c961;color:#fff;padding:7px 0 10px}main #about .about-wrap .inner div{max-width:63rem;margin-top:3rem;padding-top:6rem;border-top:1px solid #ccc;position:relative}main #about .about-wrap .inner div:before{content:"";position:absolute;left:0;top:-1px;width:6rem;height:inherit;border-bottom:2px solid #00c961}main #about .about-wrap .inner div .sp{display:none}main #about .about-wrap .back-white{content:"";position:absolute;width:95%;height:calc(100% - 9rem);top:0;right:0;background:#fff;z-index:1}main #advantage .advantage-wrap{background:#f2f2f2;padding:6rem 0 12rem}main #advantage .advantage-wrap .top{position:relative;border-top:1px solid #ccc;padding-top:6rem;display:flex;align-items:center;justify-content:space-between;z-index:2}main #advantage .advantage-wrap .top:before{content:"";position:absolute;left:0;top:-1px;width:6rem;height:inherit;border-bottom:2px solid #00c961}main #advantage .advantage-wrap .top .title01{max-width:63rem;margin-right:2rem}main #advantage .advantage-wrap .top .view-more{color:#001e3c}main #advantage .advantage-wrap .top .view-more span{border:1px solid #001e3c}main #advantage .advantage-wrap .top .view-more span:before{border-bottom:10rem solid rgba(0,30,60,0.3)}main #advantage .advantage-wrap .under{position:relative}main #advantage .advantage-wrap .under ul{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;margin-top:6rem}main #advantage .advantage-wrap .under ul li{width:calc(33.333% - 3rem /3);line-height:0}main #advantage .advantage-wrap .under ul li:nth-child(2){margin:6rem 3rem 0}main #advantage .advantage-wrap .under ul li:nth-child(3){margin:12rem 0 0}main #advantage .advantage-wrap .under ul li p{background:#001e3c;color:#fff;font-family:"Noto Serif JP",serif;font-weight:bold;text-align:center;padding:2.5rem 5px;line-height:28px}main #advantage .advantage-wrap .under .back-gray{content:"";position:absolute;max-width:118rem;width:100%;height:46rem;background:#e5e5e5;z-index:1;left:50%;top:50%;transform:translate(-50%, -50%)}main #advantage .advantage-wrap .under .back-gray:before{position:absolute;content:'ADVANTAGE';top:-60px;right:0;font-family:"EB Garamond",serif;font-size:9rem;font-weight:bold;color:#e5e5e5;line-height:56px;z-index:1}main #works .works_inner{display:flex;justify-content:center;align-items:stretch}main #works .works_inner .left{width:35%;background:url("../img/top/bg_text_works.png") no-repeat center top/328px 61px,url("../img/top/bg_works.png") no-repeat right bottom/516px 355px,#001e3c;color:#fff;padding:5rem 2rem}main #works .works_inner .left .inner{max-width:395px;margin:0 3rem 0 auto}main #works .works_inner .left .inner div{max-width:33rem;margin-bottom:3rem}main #works .works_inner .left .inner div .title01{margin-bottom:2rem}main #works .works_inner .left .inner .view-more{color:#fff;margin:0 0 0 auto}main #works .works_inner .left .inner .view-more span{border:1px solid #fff;width:5rem;height:5rem;border-radius:5rem;padding:12px 0}main #works .works_inner ol{display:flex;justify-content:center;flex-wrap:wrap;width:65%}main #works .works_inner ol li{overflow:hidden;width:calc( 100%/3)}main #works .works_inner ol li a{color:#fff;display:block;height:100%;position:relative;padding:4rem 3rem;box-sizing:border-box;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important}main #works .works_inner ol li a span{position:relative;z-index:2}main #works .works_inner ol li a .title02{position:relative;padding-left:3rem}main #works .works_inner ol li a .title02:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:1px;background:#fff}main #works .works_inner ol li a .btn{width:10rem;height:10rem;border-radius:5rem;text-align:center;padding:37px 0 43px;box-sizing:border-box;position:relative;display:block;overflow:hidden;z-index:1;border:1px solid #fff;position:absolute;right:3rem;bottom:3rem}main #works .works_inner ol li a .btn img{position:relative;z-index:1}main #works .works_inner ol li a .btn:before{content:"";position:absolute;top:0;bottom:0;left:0;transform:translateX(-100%);transition:.5s transform}@media screen and (max-width: 810px){main #works .works_inner ol li a .btn{width:6rem;height:6rem;border-radius:3rem;padding:1.6rem 0}}main #works .works_inner ol li a .btn:before{right:-10rem;border-right:10rem solid transparent;border-bottom:10rem solid rgba(255,255,255,0.3)}main #works .works_inner ol li a:hover .btn:before{transform:translateX(0)}main #works .works_inner ol li:first-child a{background:url("../img/top/bg_works-item01.jpg")}main #works .works_inner ol li:nth-child(2) a{background:url("../img/top/bg_works-item02.jpg")}main #works .works_inner ol li:nth-child(3) a{background:url("../img/top/bg_works-item03.jpg")}main #works .works_inner ol li:last-child a{background:url("../img/top/bg_works-item04.jpg")}main #company .company-wrap{position:relative;height:auto;padding:9rem}main #company .company-wrap .wrapper{position:relative;z-index:2}main #company .company-wrap .wrapper .title01{font-size:3rem;text-align:center;margin-bottom:6rem;padding-top:6rem}main #company .company-wrap .wrapper ul{display:flex;align-items:center;justify-content:space-between}main #company .company-wrap .wrapper ul li{width:calc(50% - 3rem /2);height:auto}main #company .company-wrap .wrapper ul li a{color:#fff;display:block;max-width:100%;width:100%;height:auto;position:relative;padding:67% 3rem 0;box-sizing:border-box;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important}main #company .company-wrap .wrapper ul li a .top{color:#fff;position:absolute;z-index:2;top:3rem;left:3rem}main #company .company-wrap .wrapper ul li a .top .title02{position:relative;padding-left:3rem}main #company .company-wrap .wrapper ul li a .top .title02:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:1px;background:#fff}main #company .company-wrap .wrapper ul li a .under{position:absolute;bottom:3rem;right:3rem;font-family:"EB Garamond",serif;font-weight:bold;display:flex;align-items:center}main #company .company-wrap .wrapper ul li a .under span{width:10rem;height:10rem;border-radius:5rem;text-align:center;padding:37px 0 43px;box-sizing:border-box;position:relative;display:block;overflow:hidden;z-index:1;border:1px solid #fff;margin-left:2rem}main #company .company-wrap .wrapper ul li a .under span img{position:relative;z-index:1}main #company .company-wrap .wrapper ul li a .under span:before{content:"";position:absolute;top:0;bottom:0;left:0;transform:translateX(-100%);transition:.5s transform}@media screen and (max-width: 810px){main #company .company-wrap .wrapper ul li a .under span{width:6rem;height:6rem;border-radius:3rem;padding:1.6rem 0}}main #company .company-wrap .wrapper ul li a .under span:before{right:-10rem;border-right:10rem solid transparent;border-bottom:10rem solid rgba(255,255,255,0.3)}main #company .company-wrap .wrapper ul li a:hover .under span:before{transform:translateX(0)}main #company .company-wrap .wrapper ul li:first-child{margin-right:3rem}main #company .company-wrap .wrapper ul li:first-child a{background:url("../img/top/bg_company.jpg")}main #company .company-wrap .wrapper ul li:last-child a{background:url("../img/top/bg_environment.jpg")}main #company .company-wrap .back-gray{content:"";position:absolute;max-width:118rem;width:100%;height:46rem;background:#e5e5e5;top:9rem;left:50%;transform:translateX(-50%)}footer #f-contact{padding-right:2rem;padding-left:2rem;background:url("../img/common/bg_text_contact.png") no-repeat top center/444px 59px,url("../img/common/bg_f-contact.jpg") no-repeat center/cover}footer #f-contact .title01{line-height:5.2rem;padding-top:15rem}footer #f-contact div{padding:7rem 5%}footer .f-footer .inner .left{width:34% !important}footer .f-footer .inner .left p{margin-bottom:4rem}footer .f-footer .inner .map{width:62%}footer .f-footer .inner .map iframe{width:100%;height:40rem}@media screen and (max-width: 1320px){main #about .about-wrap:after{max-width:1000px;height:285px;left:49%;bottom:21px}}@media screen and (max-width: 1280px){main #hero .hero-wrap{height:70vh}main #hero .hero-wrap .catch h2{font-size:4.5rem}}@media screen and (max-width: 1120px){main #about .about-wrap{padding:0 2rem}main #about .about-wrap:after{display:none}main #about .about-wrap .inner{display:block;padding:12rem 0 6rem;margin:0 auto;max-width:60rem}main #about .about-wrap .inner .title01{writing-mode:horizontal-tb;line-height:6rem;max-width:60rem;margin:0 auto}main #about .about-wrap .inner .title01 br{display:none}main #about .about-wrap .inner .title01 span{padding:5px 6px;margin-right:5px}main #about .about-wrap .inner div{max-width:60rem;padding-top:4rem;margin:3rem auto 0}main #about .about-wrap .inner div .sp{display:block;margin-top:2rem}main #about .about-wrap .inner:after{content:"";position:absolute;background:url("../img/top/bg_text_about.png") no-repeat left center/30rem auto;max-width:30rem;width:100%;height:64px;left:0;top:35px;display:block}main #about .about-wrap .back-white{height:100%}main #works .works_inner{display:block}main #works .works_inner .left{background-position:left top,right bottom;width:100%;padding:10rem 2rem 3rem;box-sizing:border-box}main #works .works_inner .left .inner{max-width:60rem;margin:0 auto}main #works .works_inner .left .inner div{max-width:100%;margin-bottom:4rem}main #works .works_inner .left .inner .view-more{justify-content:flex-end}main #works .works_inner ol{width:100%}main #works .works_inner ol li a{height:auto;padding:55% 3rem 4rem}main #works .works_inner ol li a span{position:absolute !important;z-index:2}main #works .works_inner ol li a .title02{top:3rem;left:3rem}main #works .works_inner ol li a .title01{top:6rem;left:3rem}footer #f-contact{background:url("../img/common/bg_text_contact.png") no-repeat top center/444px 59px,url("../img/common/bg_f-contact.jpg") no-repeat center/cover}footer #f-contact .title01{line-height:5.2rem;padding-top:10rem}footer #f-contact div{padding:7rem 0;box-sizing:border-box}footer .f-footer .inner{display:block !important;max-width:50rem}footer .f-footer .inner .left{width:100% !important;max-width:31rem;margin:0 auto 4rem !important}footer .f-footer .inner .left p{margin-bottom:4rem}footer .f-footer .inner .map{padding-top:75%;position:relative;width:100%;height:0}footer .f-footer .inner .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}}@media screen and (max-width: 1050px){main #company .company-wrap{padding:0 2rem 7rem}main #company .company-wrap .wrapper ul{display:block;max-width:50rem;margin:0 auto !important}main #company .company-wrap .wrapper ul li{width:100%;height:auto}main #company .company-wrap .wrapper ul li:first-child{margin:0 auto 3rem}main #company .company-wrap .back-gray{height:100%;top:0}}@media screen and (max-width: 960px){main #hero .hero-wrap{height:auto;background:#f2f2f2;padding-top:65%}main #hero .hero-wrap .catch{top:4rem;transform:none;width:36rem}main #hero .hero-wrap .catch h2{margin-bottom:2rem}main #hero .hero-wrap .sp{display:block;position:absolute;bottom:0;right:0;width:80%}main #about .about-wrap .back-white{width:100%}main #advantage .advantage-wrap{padding:4rem 2rem}main #advantage .advantage-wrap .top{position:relative;padding:4rem 0 0;display:block;box-sizing:border-box}main #advantage .advantage-wrap .top .title01{max-width:100%;margin:0 0 2rem 0}main #advantage .advantage-wrap .top .title01 br{display:none}main #advantage .advantage-wrap .top .view-more{color:#001e3c;margin:0 0 0 auto;justify-content:flex-end}main #advantage .advantage-wrap .top .view-more span{border:1px solid #001e3c}main #advantage .advantage-wrap .top .view-more span:before{border-bottom:10rem solid rgba(0,30,60,0.3)}main #advantage .advantage-wrap .under ul{flex-wrap:wrap;justify-content:space-between;margin-top:6rem;padding:0 2rem;box-sizing:border-box}main #advantage .advantage-wrap .under ul li{width:calc(50% - 3rem /2)}main #advantage .advantage-wrap .under ul li:nth-child(2){margin:0 0 0 3rem}main #advantage .advantage-wrap .under ul li:nth-child(3){margin:3rem 0 0}main #advantage .advantage-wrap .under ul li img{width:100%}main #advantage .advantage-wrap .under .back-gray{height:110%;padding:0 2rem;box-sizing:border-box}main #advantage .advantage-wrap .under .back-gray:before{top:-60px;right:auto;font-size:6rem;line-height:8rem}main #works .works_inner ol li a .title02{top:2rem;left:2rem}main #works .works_inner ol li a .title01{top:5rem;left:2rem;font-size:2.8rem}main #works .works_inner ol li a .btn{right:2rem;bottom:2rem}main #company .company-wrap .wrapper .title01{max-width:50rem;margin:0 auto 6rem;text-align:left}main #company .company-wrap .wrapper .title01 br{display:none}footer #f-contact .wrapper{padding:1rem 0 4rem}}@media screen and (max-width: 810px){main #hero .hero-wrap{margin-top:8rem}}@media screen and (max-width: 600px){main #hero .hero-wrap{padding-top:85%}main #hero .hero-wrap .catch{top:2rem;width:30rem}main #hero .hero-wrap .catch h2{font-size:3rem}main #hero .hero-wrap .catch p{font-size:1.4rem}main #about .about-wrap .inner{padding:8rem 0 4rem}main #about .about-wrap .inner .title01{line-height:1.6}main #about .about-wrap .inner:after{background:url("../img/top/bg_text_about.png") no-repeat left center/20rem auto;max-width:20rem;height:41px;top:25px}main #advantage .advantage-wrap .top{padding-bottom:4rem}main #advantage .advantage-wrap .under .back-gray:before{left:0;font-size:5rem;line-height:9rem}main #works .works_inner .left{background:url(../img/top/bg_text_works.png) no-repeat left top/230px 43px,url(../img/top/bg_works.png) no-repeat right bottom/80% auto,#001e3c;padding:6rem 2rem 2rem}main #works .works_inner ol{display:block}main #works .works_inner ol li{width:100%}main #works .works_inner ol li a{padding-top:30%}main #works .works_inner ol li a .title02{top:1.5rem;left:2rem}main #works .works_inner ol li a .title01{top:4.5rem;left:2rem;font-size:2rem}main #works .works_inner ol li a .btn{right:2rem;bottom:2rem}main #company .company-wrap .wrapper .title01{font-size:2rem;margin-bottom:3rem;padding-top:3rem}main #company .company-wrap .wrapper ul li a .top{top:2rem;left:2rem}main #company .company-wrap .wrapper ul li a .under{bottom:2rem;right:2rem}footer #f-contact{background:url("../img/common/bg_text_contact.png") no-repeat top center/300px auto,url("../img/common/bg_f-contact.jpg") no-repeat center/cover}footer #f-contact .title01{line-height:3.5rem;padding-top:7rem}}@media screen and (max-width: 510px){main #advantage .advantage-wrap .under ul{display:block;max-width:40rem;margin:0 auto;padding:4rem 2rem}main #advantage .advantage-wrap .under ul li{width:100%}main #advantage .advantage-wrap .under ul li:nth-child(2){margin:3rem auto}main #advantage .advantage-wrap .under ul li:nth-child(3){margin:0}main #advantage .advantage-wrap .under .back-gray{height:100%}main #company .company-wrap .wrapper .title01{text-align:justify}}@media screen and (max-width: 400px){main #about .about-wrap:after{background-size:20rem auto;height:38px;left:50%;transform:translateX(-50%)}}