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

@media(max-width:834px){
	
    .top .mainV{width:100%;;padding-bottom:40px;margin-bottom:0px;}
    .top .mainV::after{font-size:90px;}
    .top .mainV .aj_box > p{font-size:24px;line-height:30px;margin-bottom:30px;}
    .top .slider .prev{left:80px;}
    .top .slider .next{right:80px;}
    .top .sec1{margin-bottom:20px;}
    .top .sec1 .aj_box{width:100%;padding:0;}
    .top .sec1 .t_wrap{width:calc(100% - 40px);padding:30px 20px;margin-top:-30px;}
    .top .sec1 .ttl_wrap{margin-bottom:40px;}
    .top .sec1 .ttl_wrap p{font-size:80px;}
    .top .sec1 p{text-align:justify;margin-bottom:30px;}
    .top .sec2{margin-bottom:80px;}
    .top .sec2 .outer{flex-direction:column;align-items: flex-start;}
    .top .sec2 .img_wrap{width:calc(100% - 20px);height:175px;position:static;}
    .top .sec2 .wrap,
    .top .sec2 .outer:nth-of-type(even) .wrap{width:100%;margin-top:-20px;}
    .top .sec2 h2{margin-bottom:20px;padding:0 20px;}
    .top .sec2 p{width:100%;margin:0;}
    .top .sec2 .outer:nth-of-type(even){flex-direction: column;align-items: flex-end;}
    .top .sec2 .outer:nth-of-type(n+2){margin-top:30px;}
    .top .sec3{margin-bottom:55px;}
    .top .sec3 h2{font-size:46px;padding-bottom:40px;}
    .top .sec3 h2 span{width:100%;}
    /*int共通*/
    .int_wrap .items{flex-direction:column;;}
    .int_wrap .item{width:100%;}
    .int_wrap .item:nth-of-type(n+2){margin-top:60px;}
    /*int共通ここまで*/
    .top .sec3 .item{width:100%;}
    .top .sec4{margin-bottom:55px;}
    .top .sec4 h3{line-height: 80px;;}
    .top .sec4 h3::before{right:15px;}
    .top .sec4 a{line-height:80px;}
    .top .sec4 a::before{right:15px;}
    .article .hero h2{font-size: 46px;padding-bottom: 40px;}
    .article .hero h2 span {width: 100%;}
    .interview .sec1{padding-top:60px;}
    .interview .sec1 h3{font-size:16px;line-height:20px;margin-bottom:10px;}
    .interview .sec1 .item,
    .interview .sec1 .img_wrap{margin-bottom:40px;}
    .interview .sec1 .img_wrap:last-of-type{margin-bottom:60px;}
    .interview .sec2{padding-bottom:80px;}
    .interview .int_wrap .item{width: 100%;}

    .recruit .sec1{margin:50px 0 80px 0;}
    .recruit .hero h2{font-size:36px;}
    .recruit .sec1 dt{width:100px;}
    .recruit .sec1 dd{width:calc(100% - 100px);}


    /*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;}


}