@charset "UTF-8";
/* CSS Document */
/****sp**16pxで掛け算**/
/**1200px***/
@media (max-width: 75em) {


}
/****sp**16pxで掛け算**/
/**768***/

@media screen and (max-width: 36em) {
/* 575pxまでの幅の場合に適応される */
    .sp-0{ 
    margin-left:-15px;  
    margin-right:-15px;
    }
    .sp-0 > div{
            padding-right:0;
            padding-left:0;
    }
    .sp-1{ 
    margin-left:-15px;  
    margin-right:-15px;
    }
    .sp-1 > div{
            padding-right:5px;
            padding-left:5px;
    }
    
    .h_logo{
        text-align: center
    }
    header .h_logo img{
        height: 60px!important;

    }
	.slide{
		height: 350px;
	}
    .slide img {
        width:100%;
        height:440px!important;
		object-position:cover;
    }
    .top2 .slide_text_w{
        padding:10px;
    }
    .top2 .slide_text_w h2{
        font-size: 1.5em;
    }
    .top2 .slide_text_w h3.anime{
        font-size: 1.1em;
        width:80%;
        margin:0 auto;
    }
    .top2 .slide_text_w h3{
        text-shadow: none;
    }
    /**#top_w100**/
    #top_w100{
        margin-bottom: 50px;
    }
    /***.top_link_text_w*/
    #top_link{
        background-position: top;
        position: relative;
        z-index: 1;
    }
    #top_link::after{
        content:"";
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,0.40);
        position: absolute;
        top:0;
        z-index:-1;
    }
    .top_link_text_w{
        margin-top: 70px;
    }
    #top_link figure{
        height: 160px;
        margin-bottom: 10px;
    }
    
    /**top_w100**/
    .top_w100_w{
        padding:15px;
    }
    .top_w100_w h2{
        font-size: 1.2em;
    }
    .top_w100_w h3{
        font-size: .9em;
    }
    /*footer**/
    address p a{
        color:#54442d!important;}

    .f_text .col-3{
        margin-top: 20px;
    }
    #page_top{
        width:50px;
        height: 50px;
    }
    #page_top a{
        width:50px;
        height: 50px;
    }
    #page_top a::before{
        font-size: 18px;
        top:0px;
    }
    /**drawer-menu**/
    .drawer-menu address{
        font-size: .9em;
    }

    /***ori1**/
    .ori1 .title_w{
        padding:200px 0;
    }
    .ori1 .page_title{
        width:100%;
        top:35%;
    }
    .ori1 .page_title h2{
        font-size: 1.5em;
        display: block;
        width:100%;
    }
    /*.next_left, .next_right**/
    .next_left, .next_right{
        height: 200px;
    }
    .next_left a h3, .next_right a h3{
        padding-top: 70px;
        font-size: 1.3em;
    }
    .next_left a p, .next_right a p{
        font-size: 0.8em;
        padding:0 30px;
    }
    
    /**flow**/
    .flow_box span{
        display: block;
        margin-right:0;
        margin-bottom: 15px;
    }
    /**.job_w **/
    .job_w table td:nth-child(odd){
        width:40%;
    }
    
    /**.faq_box**/
    
    .faq_box{
        padding:15px 15px 0 15px;
    }
    
    /**company**/
    .com_table td:nth-child(odd){
        width:35%;
    }
}