/* CSS Document */
@charset "UTF-8";

.mainV{width:calc(100% - 60px);height:calc(100vh - 80px);margin-left:auto;position:relative;margin-bottom:65px;}
.mainV::after{display:block;content:"";width:100%;height:100%;mix-blend-mode: multiply;background-color:dimgray;opacity: 0;animation: late-open 1s ease-in 6.5s forwards;}
.mainV h2{position:absolute;color:#ffffff;font-size:80px;line-height:95px;font-weight:bold;top:50%;left:150px;transform:translateY(-50%);z-index: 1;opacity: 0;animation: blur 1s ease-in-out 7s forwards;}
.mainV span{position:absolute;color:#ffffff;font-size:22px;line-height:26px;font-family: 'Inter', sans-serif;margin-left:25px;bottom:24px;}
.mainV .bg_item{position:absolute;background: no-repeat center/cover;z-index:-1;}
.mainV .bg1{width: calc(100% / 7 *2);padding-top: calc((100vh - 80px)/4*2);top: 0;left: 0;}
.mainV .bg2{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: 0;left:calc(100% / 7 *2);}
.mainV .bg3{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top:calc((100vh - 80px)/4);left:calc(100% / 7 *2);}
.mainV .bg4{width: calc(100% / 7 *2);padding-top: calc((100vh - 80px)/4);top: 0;left:calc(100% / 7 *3);}
.mainV .bg5{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4);left:calc(100% / 7 *3);}
.mainV .bg6{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4);left:calc(100% / 7 *4);}
.mainV .bg7{width: calc(100% / 7);padding-top: calc(calc(100vh - 80px)/4*2);top: 0;left:calc(100% / 7 *5);}
.mainV .bg8{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: 0;left:calc(100% / 7 *6);}
.mainV .bg9{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4);left:calc(100% / 7 *6);}
.mainV .bg10{width: calc(100% / 7);padding-top: calc(calc(100vh - 80px)/4);top:calc((100vh - 80px)/4*2);left:0;}
.mainV .bg11{width: calc(100% / 7*2);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4*2);left: calc(100% / 7);}
.mainV .bg12{width: calc(100% / 7*2);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4*3);left:0;}
.mainV .bg13{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top:calc((100vh - 80px)/4*3);left:calc(100% / 7 *2);}
.mainV .bg14{width: calc(100% / 7*2);padding-top: calc((100vh - 80px)/4*2);top: calc((100vh - 80px)/4*2);left:calc(100% / 7 *3);}
.mainV .bg15{width: calc(100% / 7*2);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4*2);left:calc(100% / 7 *5);}
.mainV .bg16{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4*3);left:calc(100% / 7 *5);}
.mainV .bg17{width: calc(100% / 7);padding-top: calc((100vh - 80px)/4);top: calc((100vh - 80px)/4*3);left:calc(100% / 7 *6);} 
.top section .h3_ttl{position:relative;padding-left:40px;}
.top section .h3_ttl::before{position:absolute;display:block;content:"";width:1px;height:60px;background-color:#d5d5d5;left:0;}
.top section .h3_ttl::after{position:absolute;display:block;content:"";width:1px;height:33px;background-color:#2377E4;left:0;top:0;}
.top section .btn_wrap{margin-top:50px;}
.top .sec1{padding:65px 0;margin-bottom:65px;position:relative;overflow:hidden;}
.top .sec1::before{position:absolute;display:block;content:"";background-color:#fafafa;width:70%;height:100%;top:0;z-index:-1;}
.top .sec1 .outer{width:1170px;padding-left:60px;margin:0 auto;display:flex;justify-content: space-between;align-items: center;}
.top .sec1 .wrap{padding-right:100px;min-width:525px;}
.top .sec1 .img_wrap{width:calc(100% - 100px);min-width:750px;}
.top .sec2{background:url("../img/top/b1.jpg") no-repeat center/cover;padding:130px 0;margin-bottom:100px;}
.top .sec2 .aj_box{text-align: right;}
.top .sec2 .wrap{text-align:left;display:inline-block;}
.top .sec2 .h3_ttl,
.top .sec2 p,
.top .sec2 span{color:#ffffff;}



/*スライダー関係ここ*/


.top .sec3{margin-bottom:140px;position:relative;}
.top .sec3::after{position:absolute;display:block;content: "";background-color:#fafafa;width:74%;height:88%;bottom:0;right:0;z-index: -2;}
.top .sec3 .outer{overflow:hidden;}
.top .sec3 .slider_wrap{position:relative;}
.top .sec3 .slider{width:1460px;margin-left:auto;position:relative;overflow: hidden;}
.top .sec3 .js-main{height:280px;overflow: hidden;}
.top .sec3 .js-item{width:calc((100% - 90px)/4);transition:0.5s;}
.top .sec3 .js-item div{width:100%;position:relative;}
.top .sec3 .js-item div::before{display: block;content: "";padding-top: 66%;width: 100%;}
.top .sec3 .js-main > .js-item{position:absolute;top:0;transition:0.5s;}
.top .sec3 .js-main > .js-item:nth-child(1){left:calc((100%/4)*-1);}
.top .sec3 .js-main > .js-item:nth-child(2){left:0%;}
.top .sec3 .js-main > .js-item:nth-child(3){left:calc(100%/4);}
.top .sec3 .js-main > .js-item:nth-child(4){left:calc((100%/4)*2);}
.top .sec3 .js-main > .js-item:nth-child(5){left:calc((100%/4)*3);}
.top .sec3 .js-main > .js-item:nth-child(n + 6){left:calc((100%/4)*4);}
.top .sec3 img{width:100%;height:100%;object-fit:cover;position: absolute;top: 0;}
.top .sec3 h3{margin-top:15px;font-weight:bold;transition:0.5s;}
.top .sec3 .js-item a:hover h3{color:#2377E4;}
.top .sec3 .cnt_wrap{display:flex;margin-top:70px;}
.top .sec3 .cnt_wrap p{position:relative;width: 30px;height: 30px;cursor: pointer;z-index:1;}
.top .sec3 .cnt_wrap .prev{margin-right:50px;}
.top .sec3 .cnt_wrap span{color:#2377E4;font-size:30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.top .sec3 .btn_wrap{position:absolute;bottom:-25px;/*right:110px;*/left:50%;transform:translateX(-50%);}
.top .sec3 .btn_wrap a{margin-left: auto;}


/*スライダー関係ここまで*/



.top .sec4{margin-bottom:130px;}
.top .sec4 .aj_box{display:flex;}
.top .sec4 .wrap{width:250px;margin-right:75px;position:relative;}
.top .sec4 .btn_wrap{position:absolute;bottom:0;}
.top .sec4 .items{width:calc(100% - 330px);}
.top .sec4 .item{border-bottom:1px solid #d5d5d5;padding:25px 0;}
.top .sec4 .item:first-of-type{border-top:1px solid #d5d5d5;}
.top .sec4 .item a{line-height:30px;display:block;position:relative;transition:0.5s;}
.top .sec4 .item a:hover,
.top .sec4 .item a:hover time{color:#2377E4;}
.top .sec4 .item a::after{position:absolute;display: block;font-family: 'Material Icons';content:"\f1df";color:#2377E4;right:0;top:50%;transform:translateY(-50%);}
.top .sec4 time{font-family: 'Inter', sans-serif;color:#838383;margin-right:30px;transition:0.5s;}
.top .sec4 h3{display: inline-block;}
.top .sec5{position:relative;padding-bottom:65px;margin-bottom:80px;}
.top .sec5::after{position:absolute;display:block;content:"";background-color:#2377E4;width:90%;padding-top:36%;top:50px;right:0;z-index:-2;}
.top .sec5 .img_wrap{display:flex;width:calc(100% - 225px);position:relative;z-index:-1;}
.top .sec5 .aj_box{margin-top:-90px;position:relative}
.top .sec5 .aj_box::before{position:absolute;display:block;content:"";background-color:#ffffff;width:100%;height:100%;left:calc(-100% + 60px);}
.top .sec5 .outer{display:inline-block;}
.top .sec5 .wrap{display:flex;align-items: baseline;}
.top .sec5 .wrap > div{background-color:#ffffff;padding:50px 45px 50px 0;display:flex;align-items: center;}
.top .sec5 .h3_ttl{margin:0 30px 0 0;}
.top .sec5 .btn_wrap{margin-top:0;}
.top .sec5 h3{font-size: 134px;font-weight:bold;color: #ffffff;right: 0;bottom:-30px;position:absolute;z-index: -1;}
.top .sec6{text-align:center;margin-bottom:70px;}
.top .sec6 .h3_ttl{padding-left:0;}
.top .sec6 .h3_ttl::before,
.top .sec6 .h3_ttl::after{display:none;}
.top .sec6 p{text-align:center;}
.top .sec6 .btn_wrap a{margin:0 auto;}

.hero{background:linear-gradient(#fafafa 70%, transparent 70%);padding:100px 0 90px 60px;}
.hero div:not(.img_wrap){padding:0 0 100px 90px;}
.hero h2{font-size:40px;font-weight:bold;}
.hero h2 span{font-size:16px;color: #2377E4;margin-left:20px;}
.hero .img_wrap{width:100%;height:400px;margin-left:auto;}
.hero .img_wrap img{object-fit:cover;width:100%;height:100%;}
.h_n.hero{padding:100px 0 100px 150px;background:none;border-bottom:1px solid #d5d5d5;}
.h_n.hero div{padding:0;}
.pgn{display:flex;justify-content: center;margin-top:80px;}
.pgn p,
.pgn a{font-family: 'Inter', sans-serif;font-size:16px;padding: 0 5px;margin: 0 5px;transition:0.5s;}
.pgn .now,
.pgn a:hover{color:#2377E4;}
.pgn .none{pointer-events: none;}
.pgn a .pg_r{font-size:20px;}
.company .hero{margin-bottom:20px;}
.company .sec1{margin-bottom:105px;}
.company .sec1 .inner{border-bottom:1px solid #d5d5d5;padding-bottom:125px;}
.company .sec1 h4{font-size:50px;line-height:50px;font-weight:bold;margin-bottom:30px;}
.company .sec2{padding-bottom:90px;position: relative;margin-bottom:85px;}
.company .sec2::before{display:block;content:"";position:absolute;background-color:#fafafa;width:calc(100% - 65px);height:630px;bottom:0;z-index:-1;}
.company .sec2 .outer{position:relative;margin-bottom:50px;}
.company .sec2 .wrap{position:absolute;background-color:#ffffff;padding:25px 40px;right:0;bottom:0;}
.company .sec2 .wrap p{font-size:16px;}
.company .sec2 .wrap h4{font-size:26px;}
.company .sec2 .wrap span{font-size:14px;margin-left:20px;}
.company .sec3{margin-bottom:90px;}
.company .sec3 .aj_box{display:flex;justify-content: space-between;}
.company .sec3 .h3_ttl{white-space: nowrap;margin-right:20px;}
.company .sec3 dl{width:785px;display:flex;flex-wrap:wrap;}
.company .sec3 dt,
.company .sec3 dd{font-size:14px;line-height:26px;;padding:30px 0;border-bottom:1px solid #d5d5d5;}
.company .sec3 dt:first-of-type,
.company .sec3 dd:first-of-type{padding-top:0;}
.company .sec3 dt{width:140px;font-weight:bold;}
.company .sec3 dd{width:calc(100% - 140px);}

.company .sec4{margin-bottom:90px;}
.company .sec4 .aj_box{display:flex;justify-content: space-between;}
.company .sec4 .h3_ttl{white-space: nowrap;margin-right:20px;}
.company .sec4 iframe{width:785px;max-width:100%;height:320px;display:flex;flex-wrap:wrap;}
.equip .sec1{margin-bottom:100px;}
.equip .sec1 h3{background-color:#2377E4;color:#ffffff;font-size:18px;line-height:50px;font-weight:bold;padding-left:10px;}
.equip .sec1 table{margin-bottom:40px;}
.equip .sec1 tr:first-of-type{border-bottom:1px solid #2377E4;}
.equip .sec1 tr:nth-of-type(odd):not(:first-of-type){background-color:#fafafa;}
.equip th,
.equip td{padding:30px 0 30px 10px;}
.equip th:nth-of-type(1),
.equip td:nth-of-type(1){width:325px;}
.equip th:nth-of-type(2),
.equip td:nth-of-type(2){width:320px;}
.equip th:nth-of-type(3),
.equip td:nth-of-type(3){width:365px;}
.equip th:nth-of-type(4),
.equip td:nth-of-type(4){width:45px;white-space:nowrap;text-align: center;}
.equip th{font-weight:bold;}
.equip .sec1 .wrap{display:flex;justify-content:space-between;}
.equip .sec1 .wrap div{width:calc((100% - 60px)/3);}
.equip .sec1 .wrap img{object-fit: cover;}
.works .sec1{background-color:#FAFAFA;padding:85px 0 100px 0;}
.works .sec1 .aj_box{display:flex;flex-wrap:wrap;justify-content: space-between;}
.works .sec1 .aj_box::after{content:"";width:calc((100% - 50px)/3);}
.works .sec1 .item{width:calc((100% - 50px)/3);}
.works .sec1 .item:nth-of-type(n+4){margin-top:45px;}
.works .sec1 .item div{position:relative;width:100%;margin-bottom:15px;}
.works .sec1 .item div::before{display: block;content: "";width:100%;padding-top: 70%;}
.works .sec1 .item div img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;}
.works .sec1 p{line-height:22px;font-weight:bold;transition:0.5s;}
.works .sec1 .item a:hover p{color:#2377E4;}
.news .sec1{padding:50px 0 130px 0}
.news .sec1 .item{border-bottom:1px solid #d5d5d5;padding:25px 0;}
.news .sec1 .item a{line-height:30px;display:flex;position:relative;transition:0.5s;}
.news .sec1 .item a:hover,
.news .sec1 .item a:hover time{color:#2377E4;}
.news .sec1 .item a::after{position:absolute;display: block;font-family: 'Material Icons';content:"\f1df";color:#2377E4;right:0;top:50%;transform:translateY(-50%);}
.news .sec1 time{font-family: 'Inter', sans-serif;color:#838383;margin-right:30px;transition:0.5s;}
.news .sec1 h3{padding-right: 40px;}
.post .sec1 {padding:85px 0 100px 0;}
.post .sec1 h3{font-size:26px;font-weight:bold;margin-bottom:25px;}
.post .sec1 .btn_wrap{margin-top:100px;text-align: center;}
.post .sec1 .btn_wrap.ret a{margin:0 auto;}
.works_det .img_wrap{background-color:#fafafa;width:100%;height:700px;padding:50px 100px;margin-bottom:35px;}
.works_det .img_wrap img{object-fit:contain;width:100%;height:100%;}
.news_det .sec1 time{font-family: 'Inter', sans-serif;font-size:14px;color:#838383;display:inline-block;margin:0 30px 10px 0;transition:0.5s;}
.news_det .sec1 p{margin-bottom:60px;}
.news_det .sec1 .wrap{display:flex;flex-wrap:wrap;justify-content: space-between;}
.news_det .img_wrap{background-color:#fafafa;width:calc((100% - 50px)/2);height:335px;padding:20px;}
.news_det .img_wrap img{object-fit:contain;width:100%;height:100%;}


.contact section{margin-bottom:120px;}
.contact section h3{font-size:20px;font-weight:bold;margin-bottom:20px;}
.contact section table{width:100%;margin:50px 0 75px 0;}
.contact section tr{border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.contact section th,
.contact section td{padding:40px 0;}
.contact section th{width:250px;}
.contact section .txt{vertical-align:top;padding-top:55px;}
.contact section th span{background-color:#2377E4;color:#ffffff;font-size:13px;line-height:25px;display:inline-block;padding:0 8px;margin-right:15px;}
.contact section th .sub{background-color:#939393;}
.contact section input[type="text"],
.contact section select,
.contact section textarea{line-height:22px;border:1px solid #e3e3e3;border-radius:3px;padding:15px;width:100%;}
.contact section input.in1,
.contact section select{width:360px;max-width:100%;}
.contact section input.in2{width:90px;margin-right:5px;}
.contact section input.in3{width:70px;margin-right:5px;}
.contact section td label{margin-right:30px;white-space: nowrap;}
.contact section .birth label{margin-right:5px;}
.contact section input[type="radio"],
.contact section input[type="checkbox"]{width:inherit;margin-right:10px;}
.contact section input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.contact section input[type="submit"]{background-color:#2377E4;color:#ffffff;font-size:14px;line-height:50px;width:230px;margin:0 auto;border:none;display:block;border-radius:inherit;}
.contact section input[type="submit"]:hover{cursor:pointer;}
.contact section .btn_wrap{width:230px;margin:0 auto;position:relative;}
.contact section .btn_wrap::before{position:absolute;display:block;font-family: 'Material Icons';content:"\f1df";color:#ffffff;right:15px;top:50%;transform:translateY(-50%);transition:0.5s;}
.contact section .btn_wrap:hover::before{right:5px;}
.contact section .tel{font-family: 'Inter', sans-serif;font-size:20px;line-height:40px;}