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

@media(max-width:834px){
	
    .mainV{width:100%;height: calc(100vh - 60px);margin-bottom:0;}
    .mainV h2{font-size:30px;line-height:50px;left:0;width:100%;padding-left:20px;}
    .mainV h2 span{font-size:12px;line-height:20px;bottom:4px;margin-left:20px;}
    .mainV .bg1{width:calc(100%/3*2);padding-top:calc((100vh - 60px)/4*2);}
    .mainV .bg2{width:calc(100%/3);padding-top:calc((100vh - 60px)/4);left:auto;right:0;}
    .mainV .bg3{width:calc(100%/3);padding-top:calc((100vh - 60px)/4);left:auto;right:0;top:calc((100vh - 60px)/4);}
    .mainV .bg10{width:calc(100%/3);padding-top:calc((100vh - 60px)/4);top:calc((100vh - 60px)/4*2);}
    .mainV .bg11{width:calc(100%/3*2);padding-top:calc((100vh - 60px)/4);top:calc((100vh - 60px)/4*2);left:calc(100%/3);}
    .mainV .bg12{width:calc(100%/3*2);padding-top:calc((100vh - 60px)/4);top:calc((100vh - 60px)/4*3);}
    .mainV .bg13{width:calc(100%/3);padding-top:calc((100vh - 60px)/4);top:calc((100vh - 60px)/4*3);left:calc(100%/3*2);}
    .mainV .bg4,.mainV .bg5,.mainV .bg6,.mainV .bg7,.mainV .bg8,.mainV .bg9,
    .mainV .bg14,.mainV .bg15,.mainV .bg16,.mainV .bg17{display: none!important;}
    .top .sec1{margin-bottom:0;}
    .top .sec1::before{display:none;}
    .top .sec1 .outer{width:100%;padding:0 20px;flex-direction:column;}
    .top .sec1 .wrap,
    .top .sec1 .img_wrap{width:100%;padding-right:0;min-width:inherit;}
    .top .sec1 .img_wrap{margin-top:50px;}
    .top .sec2{padding:60px 0;margin-bottom:60px;}
    .top .sec2 .aj_box{text-align:center;}
    .top .sec2 .wrap{text-align:center;}
    .top .sec2 h2{display: inline-block;margin-left: -40px;}
    .top .sec2 .btn_wrap a{margin:0 auto;}


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


    .top .sec3{margin-bottom:60px;padding:60px 0;background-color:#fafafa;}
    .top .sec3::after{display:none;}
    .top .sec3 .outer{padding:0 20px;}
    .top .sec3 .outer .aj_box{padding:0;}
    .top .sec3 .slider{width:100%;}
    .top .sec3 .js-main{width:100%;height:auto;}
    .top .sec3 .js-main::after {display: block;content: "";padding-top: 70%;}
    .top .sec3 .js-item{width:100%;}
    .top .sec3 .js-main > .js-item:nth-child(1){left:calc(-100% - 10px);}
    .top .sec3 .js-main > .js-item:nth-child(2){left:0;}
    .top .sec3 .js-main > .js-item:nth-child(3){left: calc(100% + 10px);}
    .top .sec3 .js-main > .js-item:nth-child(4){left: calc(200% + 10px);}
    .top .sec3 .js-main > .js-item:nth-child(n + 5){left:calc(300% + 10px);}
    .top .sec3 .cnt_wrap{width:100%;justify-content: center;}
    .top .sec3 .btn_wrap{position:static;transform: inherit;}
    .top .sec3 .btn_wrap a{margin:0 auto;}


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


    .top .sec4{margin-bottom:60px;}
    .top .sec4 .aj_box{flex-direction:column;}
    .top .sec4 .wrap{width:100%;margin:0;}
    .top .sec4 .btn_wrap{position:static;}
    .top .sec4 .items{width:100%;}
    .top .sec5{background-color:#2377E4;margin-bottom:60px;padding-bottom:50px;}
    .top .sec5::after{display:none;}
    .top .sec5 .img_wrap{width:100%;z-index: 0;}
    .top .sec5 .aj_box{margin-top:50px;}
    .top .sec5 .aj_box::before{display: none;}
    .top .sec5 .outer{width:100%;}
    .top .sec5 .wrap{display: block;}
    .top .sec5 .wrap > div{flex-direction:column;align-items: center;padding:30px;}
    .top .sec5 h3{font-size:50px;bottom:-65px;z-index:0;left: 50%;right: inherit;transform: translateX(-50%);}
    .top .sec5 .btn_wrap{margin-top:30px;}

    /*下層Aタイプ*/
    .hero,
    .h_n.hero{background:none;padding:30px 0;}
    .hero h2{font-size:30px;line-height:30px;margin-bottom:20px;padding-left:20px;}
    .hero h2 span{font-size:12px;}
    .hero div:not(.img_wrap){padding:0;}
    .hero .img_wrap{height:200px;}
    .pgn{margin-top:40px;}
    /*company*/
    .company .sec1{margin-bottom:50px;}
    .company .sec1 .inner{padding-bottom:60px;}
    .company .sec1 h4{font-size:22px;line-height:22px;margin-bottom:20px;}
    .company .sec2{padding-bottom:60px;margin-bottom:60px;}
    .company .sec2::before{width:100%;height:75%;}
    .company .sec2 .outer{margin-bottom:30px;}
    .company .sec2 .wrap{padding:20px;}
    .company .sec2 .wrap p{font-size:12px;}
    .company .sec2 .wrap h4{font-size:20px;line-height:24px;}
    .company .sec2 .wrap span{font-size:12px;margin-left:0;}
    .company .sec2 .img_wrap{height:30vh;}
    .company .sec2 img{object-fit:cover;width:100%;height:100%;}
    .company .sec3{margin-bottom:60px;}
    .company .sec3 .aj_box{flex-direction:column;}
    .company .sec3 dl{width:100%;}
    .company .sec3 dt{width:120px;padding:15px 0 15px 0;}
    .company .sec3 dd{width:calc(100% - 120px);padding:15px 0 15px 0;}
	.company .sec4{margin-bottom:60px;}
    .company .sec4 .aj_box{flex-direction:column;}
    .equip .sec1{margin-bottom:60px;}
    .equip .sec1 .wrap{flex-direction:column;}
    .equip .sec1 .wrap div{width:100%;}
    .equip .sec1 .wrap div:not(:first-of-type){margin-top:20px;}
    .posts .sec1{padding:60px 0 80px 0;}
    .works .sec1 .item{width:calc((100% - 20px)/2);}
    .works .sec1 .item:nth-of-type(n+4){margin-top:0;}
    .works .sec1 .item:nth-of-type(n+3){margin-top:20px;}
    .news .sec1{padding-top:0;}
    .post .sec1{padding:60px 0 80px 0;}
    .post .sec1 .btn_wrap{margin-top:50px;}
    .works_det .img_wrap{height:30%;padding:20px;}
    .news_det .sec1 p{margin-bottom:30px;}
    .news_det .sec1 .wrap{flex-direction:column;}
    .news_det .img_wrap{width:100%;height:50%;}
    .news_det .img_wrap:first-of-type{margin-bottom:30px;}

    /*contact*/
    /*.contact .outer{padding-bottom:40px;}*/
    /* .contact section{margin-bottom:60px;}
    .contact section table{margin:30px 0 50px 0;}
    .contact section th,
    .contact section td,
    .contact section .txt{display:block;padding:20px 0;}
    .contact section th{padding-bottom:10px;}
    .contact section td{padding-top:0;}
    .contact section input.in1{width:100%;}
    .contact section .wrap{padding:25px 20px;margin-bottom:25px;}
    .contact section .wrap p{text-align:left;;}
    .contact section .wrap label{margin:20px auto 0 auto;padding:15px 10px;width:100%;box-sizing:border-box;}
    .contact section input[type="checkbox"]{width:auto;}
    .contact section input.in1,
    .contact section select{width:100%;}
    .contact section td label{margin-right:15px;} */


}