/* レスポンシブ */

@media screen and (max-width: 980px) {
}


@media screen and (max-width: 768px) {


.btn_line02 img{
width:60px;
height:auto;
}


.fix_btn{
width:60px;
top:90px;
}


#container {
background:url(../img/common/header_bg.gif) center -8px repeat-x;
width:  100%;
/*overflow:hidden;*/
}

.box1000{
width:100%;
}


.txt20{ font-size:18px; }

.w100 {
width: 100%;
height:auto;
}

.pc_only{
display:none!important;
}

.main_img01.pc_only,
.pc_only.slide01,
#menu_bar,
#btn_pc{
display:block!important;
}
.sp_only{
display:block;
}

.imgR {
	float: right;
	margin: 0 0 15px 15px;
}

.imgL {
	float: left;
	margin: 0 15px 15px 0;
}


/* 1カラム */
.box950{
clear:both;
width:94%;
padding:0 2%;
}

#main{
clear:both;
width:100%;
float:none;
padding:0; 
}

#main_contents{
width:100%;
padding:0 0;}

/* 2カラム-メイン */
.box698{
clear:both;
width:98% !important;
float:none;
padding:0 1%!important; 
}

/* 2カラム-サイド */
.box220{
width:96%;
float:none;
padding:0 2%;
}

.img100{
width:100%;
height:auto;}

.img50{
width:50%;
height:auto;}


/* ヘッダー */

header {
height:120px;
clear:both;
width:100%;
padding:0;
position:relative;
}

/*----タグライン・ロゴ----*/
header #tag_line{
height:1.5em;
font-size:12px;
padding:2px 10px;
}

header #logo img{
top:40px;
left:10px;
position:absolute;
max-width:55%;
height:auto;
}

header .right{display:none;}

/*　PC用グローバルナビ非表示　*/
nav#gnavi{display:none;}

#sp_menu {
display: block;

    }

#sp_menu #logo{
text-align:left;
float:left;
width:300px;
top:40px;
}


#menu_bar a {
display:block;
background:url(../img/common/menu.gif) no-repeat;
width:38px;
height:31px;
text-indent:-9999px;
}

#menu_bar{
position:absolute;
right:20px;
top:60px;
}

#btn_pc a {
display:block;
background:url(../img/common/btn_pc.gif) no-repeat;
width:36px;
height:31px;
text-indent:-9999px;
}

#btn_pc{
position:absolute;
right:75px;
top:60px;
}

#sidr-right{
display:none;	
}

/*  #breadcrumb  */
#breadcrumb{
background:#f1f2f3;
padding:5px 10px 3px!important;
border-bottom:1px dotted #999999;
margin-bottom:10px;
}

/*  コンテンツ共通部分  */

#main h1 img{
width:100%;
height:auto;
}

h3.stit01{
width:100%;
display:block;
padding:4px 15px;
font-size:22px;
min-height:35px;
}

#main p{
font-size:15px;
}



#sidebar #form_box{
display:none;
}

/*  トップ  */

#index #main_img{
background:url(../img/top/main_img.jpg) no-repeat;
background-size:100% auto;
width:100%;
height:auto;
padding-bottom:3.5%;
}

#index h1{
text-indent:-9999px;
}

#index #contents01 .max100,#index #contents02 p .max100{
max-width:40%;
}

#index li h3{
font-weight:bold;
font-size:20px !important;
}

#index #contents02 .btn li{
text-align:center;}

#index #contents02 ul .max100{
max-width:60%;
}

/*　事業紹介　*/

#business ul.column3 li{
width:47%;
}

#business ul.column4 li{
width:47%;
}

#business ul.column4 li img{
width:100%;
height:auto;
}

#business ul.column4 li br{
display:none;
}

/*　会社概要　*/

#outline #contents01 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack:center;
     justify-content:center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

#outline #contents01 .img01{

padding-right:4%;
}

#outline #contents01 .img01 img{
max-width:100% !important;
display:block;
}

#outline #contents01 .txt01{
width:55%;
}


/*　募集要項　*/

#visit_box h4{
font-size:36px;
}

#recruit #img_visit, #recruit #arrow{
display:none;
}

#recruit h6 img{
max-width:90%;
}


/*　新和通商ってどんな会社？　*/
#about .about_box img{
max-width:40%;
}

#about #contents01 .about_box h3{
font-size:18px;
padding-top:0px;}

#about #contents01 .about_box .map{
padding-left:0px;}

#about #contents01 .txt_box{
width:55%;
}

#about #contents02 .txt_box{
width:55%;
}

#about #contents02 .point h3{
font-size:16px;
}

#about #contents02 .point img{
width:40%;
height:auto;
}

/*　はじめての方へ　*/

#beginner.max100{
max-width:40%;
}

#contents01 .txt01{
width:55%;}

#beginner #contents02 .txt_box{
width:55%;
}

#beginner #contents02 .img{
width:43%;
padding-right:2%;
}

.point{
width:96%;
margin:0 auto 20px;
}
.point img{
width:30%;
}

.point .txt_box{
width:66%!important;
}


/*　ご家族の方へ　*/
#family #contents01 .max100{
width:40%;
padding-right:2%;
}


#family ul.column2_2 li span{height:9em;}

/*　スタッフブログ　*/

#news_box ul{
font-size:14px;
overflow:hidden;
padding:20px 10px;
}

#index #news_box ul li .article{
display:block;
padding-left:0;
margin-top:10px;
margin-bottom:20px;
clear:both;
font-weight:bold;
font-size:16px;
}

/*　エントリー */

#entry .message{
width:100%;
}

#entry .message th{
width:25%
}

#entry .message th img{
max-width:100%;
height:auto;
}

#entry .message td {
width:75%;
padding:0;
}

#entry .message td span{
font-size:16px;
padding:9px;
}

.table_form {
border-top:1px solid #4786b8;
/*border-collapse:collapse*/
}

.table_form th{
display:block;
padding:5px 15px;
width:100%;
vertical-align:middle;
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;
}

.table_form td{
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;
}

.table_form td input[type="text"]{
width:98% !important;
}




/*----------------------------------------------------
	お問い合わせ窓口
---------------------------------------------------- */

h2#stit_entry{
text-align:center;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;  
border-radius:6px 6px 0px 0px;
background:#4686b8;
height:49px;
}

#contact_box dl.column3 {
width: 31%;
margin-left: 2%;
}

#inq_box{
width: 90%;
text-align:center !important;
height:auto;
padding-left:12px;
padding-right:12px;
padding-botton:12px;
}

#inq_box .left{
float:none !important;
text-align:center;
}

#inq_box #inq_img{
display:none;
}

#inq_box .tel{
height:auto;
float:none !important;
text-align:center;
}

#inq_box h4{
font-size:16px;
}

#inq_box .tel-link{
width:90%;
float:none;
}

#inq_box span.txt{
font-size:12px;
display:block;
float:none;
padding-bottom:10px;
}


/*--sidebar--*/

#sidebar .entry_btn{
display:none
}

/*--フッター共通エリア--*/
#footer, #footer .left{
width:100%;
text-align:center !important;}

#footer_nav{display:none;}
#copyright{
font-size:12px;
}


/*----------------------------------------------------
	座談会 2018/01
----------------------------------------------------*/

#interview td.img{
width:20%;
}

#interview td.txt{
width:78%;
}

/*#interview .txt_box img{
width:20%;
}

#interview .txt_box p{
width:78%;
margin-top: 30px;

}*/

#interview .txt_box p.l4{
height:120px;
margin-top: 10px;
}

#news_box ul li .article {
    float:none;
    width: 100%;
}


#sidebar #btn_inte02,
#sidebar #blog_box{
width:31.3%;
margin-right: 2%;
float:left;
text-align:center;
}

#sidebar #btn_inte02 img,
#sidebar #blog_box img{
width:95%;
margin:0 auto;
}

#sidebar #bnr_box ul {
    width: 100%;
    margin-left:-2%;
    overflow: hidden;
}

#sidebar #bnr_box ul li{
float:left;
width:31.3%;
margin-left:2%;
margin-bottom: 20px;
}

#sidebar #bnr_box ul li:nth-child(10),
#sidebar #bnr_box ul li:nth-child(7),
#sidebar #bnr_box ul li:nth-child(4){
clear:both;
}



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

#contact_box .email.txt13 a{
font-size:18px;
background:url(../img/common/icon_email.gif) 0 34% no-repeat;
background-size: 23px auto;
padding-left:26px;
}

.main_img01.pc_only,
.pc_only.slide01{
display: none!important;
}

h3.stit01 {
padding: 5px 15px 3px;
line-height: 35px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}
/* 共通 */
body{
font-size:14px;
}


#container {
background-image:none;
}

header{
background:#fff;
height:90px;
}

#fix_head{
background: #fff;
overflow: hidden;
height:53px;
position: relative;
}

#fix_head.fixed {
background: #fff;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
border-bottom: 1px solid #eee;
}
/*----タグライン・ロゴ----*/

header #tag_line{
background:#6ECDE7;
height:2.7em;
padding:2px 10px;
line-height:1.4;
}

header #tag_line span{
display:block;
}

header #logo img{
top:6px;
left:10px;
}

#menu_bar{
top:12px;
right:10px;
}

#btn_pc{
top:12px;
right:60px;
}

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

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

.imgR {
float: none;
margin: 0 auto 20px;
display:block;
}

.imgL {
float: none;
margin: 0 auto 20px;
display:block;
}

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

.pc_only2{
display:none;
}

.sp_only2{display:block;}

/* メインコンテンツ */


/*----------------------------------------------------
	index トップページ
----------------------------------------------------*/

#memento #omakase {
    background: url(../img/memento/img.jpg) 20px 30% #fffaf1 no-repeat;
}

#memento h3.omakase{
font-size:20px!important;
}

#memento #omakase{
background: url(../img/memento/img.jpg) center 5% #fffaf1 no-repeat;
 padding: 3%;
}

#memento #omakase ul{
padding-left:0 ;
padding-top:180px ;
}

#memento #omakase li{
background:url(../img/memento/check01.gif) 0 -1px no-repeat;
padding-left:28px; 
font-size:16px;
line-height:1.5;
padding-bottom:3px;
}

#memento .txt22{
font-size:16px!important;
text-align:left!important;
}

#memento #contents02 table td{
font-size:16px;
background:url(../img/memento/check02.gif) 10px 5px no-repeat;
}

#memento #contents02 table td span{
display:block;
}

#memento #contents04 li{
width:48%;
font-size:18px;
}

#bnr_memento img{
width: 95%;
margin: 0 auto;
}

#memento table.price{
width:100%;
font-size:14px;
margin-bottom:10px;
}

#memento #contents03 .exp{
line-height:1.4;
padding-bottom:5px;
}


/*----------------------------------------------------
	index トップページ
----------------------------------------------------*/

#index #main_img{
padding-bottom:13px;
}

#index #contents01 p{
font-size:16px;}

#index #contents01  ul.btn li{
display:block;
width:100%;
text-align:center;
}

#index #contents01  ul.btn li{
padding-bottom:20px;
}

#index #contents03 li h3{
font-weight:bold;
font-size:22px;
}

#index #contents03 li h3.lh2{
line-height:1.4 !important;
height:1.4em !important;
}

#index #contents03 li{
width:98%;
padding:5%;
margin:0 auto 20px!important;
height:auto;
}

#index #contents03 li img{
width:100%;
}

#index #contents03 li h3 span{
display:inline;
}

/*----------------------------------------------------
	business 事業紹介
----------------------------------------------------*/

ul.column2 li{
padding:3px;
width:100%;
float:none;
margin-left:0;
clear:both;
overflow:hidden;
}

ul.column2{
margin-left:0;
}

ul.column2 li h4{padding-bottom:0px;}

#business ul.column3 h4{
font-size:18px;}

#business ul.column3 li{
padding:5px;
}

#business ul.column4 li{
width:47%;
font-size:15px;
}

#business ul.column3 li span{
display:block;
height:7em;
padding:5px 0;
}


#business ul.column4{
margin-left: -1%;
}

#business ul.column4 li img{
width:100%;
height:auto;
}

#business #contents05 span.left{
text-align:center!important;
width:100%;
padding-bottom:20px;
}

#business #contents05 span.left img{
display:block;
margin:0 auto 10px;
}

#business #contents05 p{
width:100%;
}

#contents06 #gmap{
width:100%;
padding: 0 0 56%;
margin-bottom:15px;
}

#contents06 dl.add{
width:97%!important;
margin:0 auto 30px;
}

#contents06 dl.add dt{
margin-bottom:10px;
}

#contents06 dl.add dd{
margin-bottom:10px;
}

/*----------------------------------------------------
	outline 会社概要ページ
----------------------------------------------------*/

#contents01 .max100{
display:block;
margin:0 auto 10px;
text-align:center;
}

#outline #contents01 {
display: block;
}

#outline #contents01 .txt01{
width:95%;
}

#outline .txt_list{
padding:0 3%;
}

#outline .txt_list li{
font-size:16px;
}

.table01{
border-top:1px solid #999;
/*border-collapse:collapse*/
}

.table01 th{
display:block;
padding:5px 15px;
width:100%;
vertical-align:middle;
border-top: none!important;
font-weight:bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.table01 td{
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;
}

#outline #contents03 dt{
height:2em;
font-weight:bold;
padding-left:5px;
}

#outline #contents03 dd{
text-indent:-0.5em;
padding-left:0.5em;}

#outline #contents03 dd span{
display:block;
padding-bottom:4px;
}

#contents06 dl.add{
width:99%;
}

.gmap {
padding-bottom:30px;
}
/*----------------------------------------------------
	about 新和通商ってどんな会社？
----------------------------------------------------*/

#about .about_box img{
max-width:100%;
}

#about #contents01 .txt_box{
width:100%;
}

.point{
clear:both;
overflow:hidden;
}

.point img{
width:auto;
display:block;
margin:0 auto 20px;
border:1px solid #999;
}

.point .txt_box{
width:90% !important;
margin:0 auto 20px;
}

.point h3{
font-size:24px;
color:#666666;
}

/*----------------------------------------------------
	beginner 初めての方へ
----------------------------------------------------*/

#contents01 .txt01{
width:95%;
margin:0 auto auto;}

#beginner #contents02 .txt_box{
width:95%;
margin:0 auto auto;
}

ul.column2_3 li{
padding:3px;
max-width:334px;
width:96%;
float:none;
margin:0 auto 30px;
clear:both;
overflow:hidden;
}

ul.column2_3 li img{
width:100%;}

ul.column2_3{
margin-left:0;
}

#beginner .txt02{
width:96%;
margin:0 auto 30px;
}

#beginner .txt02 .txt24{font-size:20px;}

/*----------------------------------------------------
	family ご家族のみなさまへ
----------------------------------------------------*/

ul.column2_2{
margin-left:-3%;
}

ul.column2_2 li{
padding:3px 0 19px;
width:90%;
float:none;
font-size:16px;
margin:0 auto 30px;
}

#family ul.column2_2 li span{height:8em !important;}

#family dl.q_a dt{
font-size:18px;
padding:3px 10px 5px 40px;
text-indent:-1.3em;
}

#family dl.q_a dt br{
display:none;
}

#family dl.q_a dd{
font-size:16px;
padding:6px 10px 5px 40px;
text-indent:-1.3em;
line-height:1.4;
margin-bottom:15px;
}

#visit_box h6{
padding:0px;
border:0;
margin-bottom:5px;
background:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;  
border-radius:0px;
}

#recruit h6 img{
max-width:100%;
width:100%;
padding:0;
}

#entry .message th{
width:25%
}



/*----------------------------------------------------
	inquiry お問い合わせページ
----------------------------------------------------*/

#form .btn{
margin:0 auto 10px;
}

#form .btn .left,#form .btn .right{
text-align:center!important;
}

#form .btn span{
margin:0 auto 20px;
display:block;
}


/*----------------------------------------------------
	job-offer 募集要項ページ
----------------------------------------------------*/


#job-offer .sort_list li{
float:none;
width:95%;
margin:0 auto;
}

#job-offer .sort_list li a{
font-size:16px;
}

#job-offer .sort_list li br{
display:none;}

.table_detail{
border-top:1px solid #84cbe1;
margin-bottom:30px;
}
.table_detail th{
display:block;
width:100%;
border-top:none;
padding:6px 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 td{
display:block;
width:100%;
border-top:none;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*----------------------------------------------------
	job-offer 詳細ページ
----------------------------------------------------*/



#job-offer ul.feature img{
float:left;
width:30%;
max-width:30%;
padding-bottom:0;
margin-bottom:0;
padding-left:1%;
}

#job-offer ul.feature li{
width:95%;
padding:0 2%;
float:none;
clear:both;
border-bottom:1px dotted #ccc;
overflow:hidden;
padding-bottom:5px;
margin:0 auto 10px;
}

#job-offer ul.feature li span{
float:right;
width:67%;
height:auto;
padding-bottom:10px;
}

#job-offer .flow{
width:96%;
padding:3%;
}

#job-offer .flow th{
display:block;
width:100%;
font-size:100%;
padding-left:10px;
height:1.8em;
line-height:1.8;
}

#job-offer .flow th.time{
padding-left:27px;
/*
color :#4786b8;
background:url(../img/common/icon_time.gif) 2px 40% no-repeat;*/
}

#job-offer .flow td.txt{
display:block;
width:90%;
padding-top:0 !important;
padding-left:10px;
padding-bottom:15px;
font-size:90%;
}

#job-offer .flow_img {
width:40%;
padding-left:0px;
padding-bottom:15px;
}

#job-offer .flow_img img{
max-width:100%;
}

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

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



#entry .message td span{
font-size:14px;
padding:9px;
margin-bottom:5px;
}

#message_box .imgL {
width:auto;
max-width: 90% !important;
padding:0 5%;
display:block;
margin-right :auto;
margin-left :auto;
}

#message_box p {
    width: 96%;
padding:0 2%;

}

#contact_box dl.column3{
width:95%;
float:none;
margin-bottom:10px;

}

#contact_box dl span{
display:inline;
}

#inq_box{
width:98%;
padding:10px;
}
#inq_box .btn li{
display:block;
padding-right:0;
text-align:center;
}

#inq_box .tel dt img{
max-width:80%;}
#inq_box span.base01,#inq_box span.base02{
display:block;
width:auto;
line-height:1.2em;
}

#inq_box .btn li{
margin-bottom:15px;}

#form .form_flow li{
font-size:13px;
}

/*----------------------------------------------------
	ブログ
----------------------------------------------------*/

#blog article{
overflow:hidden;}

#blog article h3{
font-size:18px;
}


#btm_contact{
background: #fff;
max-height:46px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap; 
margin-left:auto;
margin-right:auto; 
width:100%;
}

#btm_contact li{
width:33%;
padding:0;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#btm_contact li{
border-left:1px solid #fff;
background: #ff9900;
}


#btm_contact li:first-child{
border-left:none;
width:34%;
}

#btm_contact li a{
background: #ff9900;
display: block;
text-align: center;
}

#btm_contact li img{
max-width: 100%;
max-height:47px;
vertical-align: middle;
}

.btn_line02{
width:70px;
position: absolute;
right:11px;
bottom:87px;
margin: auto;
}

.btn_line02 img{
width:65px;
height:auto;
}

.fix_btn{
position: fixed;
width:100%;
z-index: 9999;
bottom:0;
top:auto;
left:auto;
}

#footer #logo02 img{
height:35px;
width: auto;
}

#footer.mb30{
margin-bottom: 15px;
}

footer .add {
padding-right: 92px;
text-align: left;
padding-left: 4px;
}

footer dd.mb15{
white-space: nowrap;
}

/*----------------------------------------------------
	座談会 2018/01
----------------------------------------------------*/

#interview h2.stit01{
color:#fff;
line-height: 1.4;
font-size:18px;
padding: 5px;
text-align: center;
margin-bottom: 15px;
}

#interview table{
width:98%;
margin: 0 auto;
}

#interview td.img{
width:25%;
}

#interview td.txt{
line-height:1;
width:75%;
padding: 8px 10px;
vertical-align: middle;
}

#interview td.img img{
max-width: 96%;
height:auto;
}

#interview td{
border-bottom: 6px solid #fff;
}

#interview .c01 td.txt{
background:#ffe3ea;
}

#interview .c02 td.txt{
background:#d3f4a8;
}

#interview .c03 td.txt{
background:#ffff99;
}

#interview .c04 td.txt{
background:#ffefd6;
}

#interview .c05 td.txt{
background:#c3fbff;
}

#interview .c06 td.txt{
background:#eed1f0;
}

#interview td.txt p{
display: inline;
/*display: block;
line-height: 1.4;
min-height: auto;
position: relative;*/
}

#interview td span{
font-size:15px;
padding: 0;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
width:100%;
vertical-align: middle;
display: inline;
position: relative;
/*position: absolute;*/
 top: 0%;
 -webkit-transform: translateY(0%);
 -ms-transform: translateY(0%);
 transform: translateY(0%);
}

#kengaku h3{
font-size:20px;
margin-bottom: 5px;
}

#sidebar #bnr_box ul{
margin-left:auto;
margin-right: auto;
}

#index #contents03.mb50{
margin-bottom: 10px !important;
}


#sidebar #btn_inte02,
#sidebar #blog_box{
text-align:center;
width:100%;
float:none;
}

#sidebar #btn_inte02 img,
#sidebar #blog_box img{
width:95%;
margin:0 auto;
}

#sidebar #bnr_box ul {
    width: 100%;
    margin-left:0;
    overflow: hidden;
}
#sidebar #bnr_box ul li {
    width: 100%;
    text-align: center;
}

#news_box h3 {
    height: 44px;
    color: #fff;
    font-size: 22px;
    line-height: 44px;
}


@media screen and (max-width: 360px) {/*-----------------------------*/
footer .add {
font-size:13px;
}


}/*-----------------------------*/