/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝� */
@media screen and (max-width: 768px) {
    .box980 {
        width: 100%;
        clear: both;
        -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
    .interview .tit_box .txt {
        padding: 10px;
        width: 100%;
    }
    .interview .tit_box img {
        width: 100%;
    }
    #con04 .imgR {
        float: none;
        margin: 0 auto 10px;
        display: block;
    }
    #con04 .bg_yellow {
        padding: 20px 4% 0px;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    #con04 .bg_yellow li {
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
    }
    #con04 .bg_yellow li:nth-child(even), #con04 .bg_yellow li:nth-child(odd) {
        float: none;
    }
    #step li {
        padding-right: 30px;
        margin-bottom: 5px;
    }
    h3.stit_w {
        padding-right: 3%;
        padding-left: 3%;
        font-size: 28px;
        line-height: 1.5;
    }
    .column5 li {
        width: 20%;
    }
    .link_box {
        width: 100%;
    }
    .bg_baige .left {
        text-align: center;
        float: none;
    }
    .bg_baige .right {
        text-align: center;
        float: none;
    }
}

@media screen and (max-width: 480px) {/*-----------------------------*/


.sp_only{
display:block ;
}

.pc_only{
display:none;
}

img{
max-width:100%;
height:auto;
}

/* 蜈ｱ騾� */
body{
font-size:14px;
}

/* 1繧ｫ繝ｩ繝� */
.box980{
clear:both;
width:100%;
padding-left:0;
padding-right:0;
}

p.txt30 {
    font-size: 24px;
}

p.txt18,
dl.txt18{
    font-size: 14px;
line-height:1.6;
}

.mb30 {
    margin-bottom: 20px;
}

.pt50 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 25px;
}

#container {
background-image:none;
}

/*----繧ｿ繧ｰ繝ｩ繧､繝ｳ繝ｻ繝ｭ繧ｴ----*/

header #logo{padding-left:10px;
}

header #logo img{
max-width:32%;
height:auto;
float:left;
}

header h1{
float:left;
font-size:12px;
padding-left:2%;
line-height:1.2;
max-width:50%;
}

header span.fb{
font-size:24px;
}

header #guide_navi{
display:none;
}

.left{float: none;}
.right{float: none;}

.mb50{margin-bottom:30px!important;}

.pt30{padding-top:15px;}
.pt40{padding-top:20px;}

.imgR {
margin: 0 auto 10px;
display:block;
}

.imgL {
margin: 0 auto 10px;
display:block;
}

/*
.max100{
max-width:100%!important;
margin-left:auto;
margin-right:auto;
}*/

.pc_only2{display:none;
}

.sp_only{display:block;}

/*  #breadcrumb  */
#breadcrumb{
padding:2px 2%!important;
margin-bottom:0px;
text-align:left;
}

#breadcrumb li{
font-size:12px!important;
line-height:1.4!important;}


/* 繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝� */



/*----------------------------------------------------
	index 繝医ャ繝励�繝ｼ繧ｸ
----------------------------------------------------*/
#main_img h2{
text-align:left;
font-size:16px;
padding:0;
}

#main_img h2 span.sp_only{
font-weight:bold;
font-size:20px;
padding-bottom:10px;
}

#main_img h2 span{
display:block;
padding-left:3%;
padding-right:3%;
}

#index #con01 p,
#index #con03,
#index #con04,
#index #con05{
padding-left:3%;
padding-right:3%;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#index #con01 h3.txt32{
font-size:20px;
padding-left:3%;
padding-right:3%;
}

#index #con01 .bg_baige {
    padding: 10px;
margin-bottom:0 !important;
}

#index #con01 .bg_baige .imgL{
max-width: 43%;
padding-left:3%;
}
#index #con01 .bg_baige .imgR{
max-width: 43%;
padding-right:3%;
}

#index #con01 .bg_baige h4.txt28{
font-size:16px;
text-align:left;}

#index #con01 .bg_baige h4.txt28 br{
display:none;
}

.arrow_down {
background: url(../img/top/sp_arrow_down01.jpg) 50% top no-repeat #ededed;
padding:0 3%;
}

#index #con02 h3.txt30{
padding-top:40px!important;
font-size:20px;
}


h3.txt24{
font-size:20px;
}

h3.txt30{
font-size:20px;
}

h4.txt30{
font-size:22px;
}


.column5{

margin-left:55px;
}

.column5 li{
width:20%;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
padding-left:4px;
}

.column5 li img{
display:block;
padding-left:0px;
padding-bottom:4px;
}

#index #con03 p{
text-align:left!important;
}

.interview .tit_box .txt {
    padding: 10px;
    width: 100%;
}

.interview .tit_box h5 {
    font-size: 16px;
}

.interview .tit_box h4 {
    font-size: 20px;
}

.interview .tit_box h4 br{
display:none;
}


.interview .tit_box p{
font-size:12px;}


.interview .txt_box p{
font-size:14px;
}

.interview .txt_box p .imgL,
.interview .txt_box p .imgR{
display:none;
}

.interview .txt_box p img.sp_only{
padding-bottom:15px;
width:100%;
}

#index .btn_recruit a{
font-size:16px;
text-indent:-1em;
padding-left:2em;
}

h3.stit_w {
padding:8px 3%;
    line-height: 1.3;
    font-size: 20px;
}

h4.txt24{
font-size:18px;
}

.link_box {
    width: 100%;
}

h5.txt20{
font-size:16px;
margin-bottom:8px;
}

.link_box .btn a {
background-size:18px auto;
    width: 100%;
    font-size: 18px;
padding: 10px 10px 10px 40px;
}

.link_box .btn a br{
display:none;
}

#index .faq dt{
font-size: 18px;
padding:10px;
}

#index .faq dt span, 
#index .faq dd span{
display:none;
}

#index .faq dd{
font-size:16px;
padding:0 0 10px 0;
text-indent:0;
margin-bottom:20px;
line-height:1.4;
}

#index .faq .ac-cont {
transition: 0.4s;
height: 0;
overflow: hidden;
padding:0 10px;
}

#index .faq input:checked + .ac-cont {
padding:0 10px 10px;
}

#index p.sign {
max-width:100%;
}

#index p.sign img{
max-width:40%;
float:right;
}

#index #con05 .left .imgL{
display:block;
float:none;
margin:0 auto 20px;
}

#index #con05 .txt_box {
    width: 100%;
}

#index #con05 dt.mb20{
margin-bottom:0;
}


/*----------------------------------------------------
	job-offer 蜍滄寔隕����繝ｼ繧ｸ
----------------------------------------------------*/

#con01,
#con03,
#con04,
#job_type{
padding-left:3%;
padding-right:3%;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#tit_img {
    padding: 4px 4%;
    background: #000;
}

.imgR,
.imgL{
float:none;
}

#con04 h4.tC{
text-align:left;
}

h3.txt36{
font-size:24px;
line-height:1.4;
}

h3.txt36 br{
display:none;
}

#con01 h4.txt24{
margin-bottom:15px;
}

#con04 .bg_yellow {
    padding: 20px 4% 0px;
    width: 100%;
max-width:100%;
height:auto;
}

#con04 .bg_yellow li{
width:100%;
font-size: 16px;
margin-bottom: 20px;
}

#con04 .bg_yellow li:nth-child(even),
#con04 .bg_yellow li:nth-child(odd) {
    float: none;
}

#con04 .bg_yellow li br{
display:noen;
}

.table_detail{
border-top:1px solid #ccc;}

.table_detail th{
background:#efefef;
display:block;
width:100%;
border-top:none;
border-right:none;
border-bottom:1px solid #ccc;
font-weight:bold;
padding:4px 12px;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.table_detail th.tit {
line-height:1.3;
font-weight:normal;
font-size:18px;
padding:10px 12px;
}

.table_detail td{
display:block;
width:100%;
border-top:none;
border-bottom:1px solid #ccc;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


#step li {
width:25%;
padding-bottom:10px;
box-sizing: content-box;
}

.pagenavi .btn {
    font-size: 15px;
    padding: 10px 0;
}

/*----------------------------------------------------
	job-offer 隧ｳ邏ｰ繝壹�繧ｸ
----------------------------------------------------*/

.column3 li {
    float: none;
    width: 90%;
    margin: 0 auto 20px;
}

.column3 li:last-child {
   margin: 0 auto 20px!important;
}

.column3 li img {
width:100%;
}

#flow table .time {
    text-align: left;
    background-size: 24px auto;
    height: auto;
    padding-left: 30px;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
line-height:1.3;
}

#flow table td.img{
width:25%;
text-align:left;
padding-left:10px;
}


#flow table td.txt{
    font-size: 14px;
padding-bottom:15px;
padding-top:10px;
padding-left:10px;
}

#flow table td.pc_only{
display:none;
}

#form_box h2 {
    font-size: 24px;
}


#form_box{
width:96%;
margin: auto 2%;
}

#inquiry #form_box{
padding-top:20px;
}


#form_box .tel-link {
    font-size: 30px;
}

.form_flow {
    margin: 20px auto;
    width: 100%;
}

#form_box p.tC{
padding:0;
text-align:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.table_form{
margin-bottom:15px!important;
border-top: 1px solid #b4c8d8;}

.table_form {
    margin: 20px auto 30px;
width: 100%;
}

.table_form th{
width:100%;
height:2.2em;
display:block;
padding:5px 15px 5px 15px;
border-top: none !important;
vertical-align:middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

}

table.confirm th {
padding:5px 15px 5px 15px !important;
font-weight:normal;
}

.table_form td{
clear:both;
display:block;
padding:10px 15px;
width:100%;
border-top: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align:left;
}

.table_form td input[type="text"],.table_form td textarea{
width:96% !important;
border:1px solid #ccc;
}

#form_box  .btn{
text-align:center!important;}

#form_box .submit02,#form_box .back {
display: block;
float: none;
width: 100%;
text-align:center!important; 
}

#form_box .submit02 input[type="submit"]{
margin: 0 auto 20px!important;
}

#form_box .btn .back input{
    width: 86%;
padding: 10px 2.5% 10px 2.5%;
}

#form_box .btn, #form_box .submit{width: 100%;}

#form_box .btn .submit02 input,
#form_box .btn .submit input {
    box-sizing: content-box;
    width: 85%;
}


.form_wrap p.txt22{
font-size:18px;
text-align:center!important;
}

/*----------------------------------------------------
	#縺雁撫縺�粋繧上○ 2
----------------------------------------------------*/

#inq01 .txt28{
font-size:20px;
}
#inq01 .tel-link {
    font-size: 36px !important;
}

#inq01 .time {
    font-size: 14px;
    padding-left: 0;
text-align:center;
}

#inq01 h5.txt36{
font-size:20px;
}

#inq01 h5.mb40{
margin-bottom:20px;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/

footer .map_box ,footer .txt_box {
width: 100%;
text-align:center!important;
}

footer .map_box iframe{
width: 80%;
text-align:center!important;
}

footer .map_box p.btn{
width: 80%;
padding-left:10%;
padding-right:10%;
text-align:center;
}

footer .btn a{
padding:15px 3%;
width: 100%;
margin:0 auto;
font-size:22px;
}

footer .bg_wine .txt_box{
width:100%;
text-align:left;
padding: 10px 5%;
}

footer .bg_wine .txt_box h3{
text-align:left;
}

footer .bg_wine h3.txt24 {
font-size:18px;}

footer .bg_wine .txt_box ul{
text-align:left;
}

footer .bg_wine .txt_box ul li{
font-size:18px;}

/*
#btm_contact{
position: fixed !important;
display: block;
position: absolute;
bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
z-index:99999;
}

#btm_contact li{
width: 50%;
padding: 0;
float: left;
}

#btm_contact li img{
width:100%;
}
*/

#copyright{ font-size:10px; }

#job_type p.btn{
    width: 100%;
    text-align: left;
    white-space: normal;
}

#footer .txt_box img{
    width: 150px;
    margin: 0 auto;
}