@charset "utf-8";

/*********************************************************
          1000px以下
*********************************************************/
@media screen and (max-width:1000px){
/*========================================================
header
========================================================*/
header {
    width: auto;
    margin: 5px 2%;
}
/*========================================================
menu
========================================================*/
nav#menubar ul {
    width: auto;
}
#mainimg {
    width: auto;
}
/*========================================================
pan
========================================================*/
#pan {
    width: auto;
    margin: 0 2%;
}
/*========================================================
contents
========================================================*/
#contents {
    width: auto;
    margin: 0 2%;
}
#main {
    width: auto;
}
/* contact ---------------------------------------------*/
table.field-table {
    width: auto;
}
table.field-table th,
table.field-table td {
    display: block;
    border: none;
    padding: 0px;
}
table.field-table td {
    padding-bottom: 15px;
}
/*========================================================
footer
========================================================*/
footer ul {
    width: auto;
}
/*========================================================
other
========================================================*/
img.fr_w,
img.fl_w {
    width: 40%;
    height: auto;
}

}

/*********************************************************
          680px以下
*********************************************************/
@media screen and (max-width:680px){
/*========================================================
header
========================================================*/
header {
    -webkit-flex-direction: column;
    flex-direction: column;
}
/*========================================================
menu
========================================================*/
nav#menubar a {
    font-size: 13px;
}

/*========================================================
sub
========================================================*/
#sub {
    display: none;
}
/*========================================================
footer
========================================================*/
footer ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}
/*========================================================
other
========================================================*/
img.fr_w,
img.fl_w {
    width: 50%;
    height: auto;
}

}

/*********************************************************
          480px以下
*********************************************************/
@media screen and (max-width:480px){
body {
    line-height: 1.5;
}
/*========================================================
menu
========================================================*/
nav#menubar ul {
    -webkit-flex-direction: column;
    flex-direction: column;
}
nav#menubar li {
    border: 1px solid #dcdcdc;
}
nav#menubar li:nth-child(n+2) {
    border-top: none;
}
nav#menubar a {
    padding: 3px 15px;
    text-align: left;
}
nav#menubar ul li a span {
    display: inline;
    margin-left: 10px
}
/*========================================================
main
========================================================*/
/* corporate recruit -----------------------------------*/
table.ta01 th {
    width: 75px;
}
/* contact ---------------------------------------------*/
table.field-table input,
table.field-table textarea {
    width : 100%;
}
table.field-table textarea {
    width : 100%;
    height : 150px;
}
/*========================================================
other
========================================================*/
img.fr_w,
img.fl_w {
    width: 100%;
}

}