@charset "UTF-8";

@media (min-width: 1023px) {
.sp {
display:none
}

img[src$="new_window_icon.png"],img[src$="new_window_icon_bk.png"] {
display:inline!important
}
}

@media screen and (max-width: 1023px) {
html {
overflow-y:scroll
}

body {
min-width:320px;
overflow:hidden;
padding-top:50px
}

#wrap {
overflow:hidden;
width:100%
}

#breadCrumb {
border-top:1px solid #ccc;
margin:0 auto 25px;
width:100%
}

#breadCrumb h1 {
left:55px
}

#breadCrumb h1:before {
height:52px;
left:-60px;
top:-15px;
width:52px
}

#catImg h2 img {
display:block;
height:auto!important;
margin-left:auto;
margin-right:auto;
max-width:100%!important
}

#header {
background-color:#fff;
height:50px;
left:0;
margin:0;
position:fixed;
top:0;
width:100%;
z-index:8995
}

#header.b-shadow {
box-shadow:0 3px 6px 0 rgba(0,0,0,0.3)
}

#header .hdrL h1,#header .hdrL p {
float:left;
height:24px;
margin:13px 0 0 10px;
width:auto
}

#header .hdrL h1 img,#header .hdrL p img {
height:24px;
width:auto
}

.navi-btn {
background:url(../../img/sp/common/bg_btn_sp.png) no-repeat left top/30px auto;
border:1px solid #ccc;
height:30px;
position:fixed;
right:10px;
text-indent:9999px;
top:9px;
width:30px;
z-index:9005
}

.navi-btn.open {
background:url(../../img/sp/common/bg_btn_sp.png) no-repeat left -30px/30px auto
}

#nav {
background-color:rgba(107,59,26,0.9);
display:none;
height:120%;
left:0;
overflow:hidden;
padding-top:50px;
position:fixed;
top:0;
width:100%;
z-index:9000
}

#nav .navInr ul {
background:none;
border-top:1px solid #999;
height:auto;
width:100%
}

#nav .navInr ul li {
border-bottom:1px solid #999;
float:none
}

#nav .navInr ul li a {
background:url(../../img/sp/common/arrow_navi.png) no-repeat calc(100% - 10px) center/11px auto;
color:#fff;
display:block;
font-size:16px;
padding:15px
}

#nav .navInr ul li a:hover {
text-decoration:none!important
}

#nav .search-sp {
height:26px;
margin:30px auto 0;
position:relative;
width:250px
}

#content #sidebar {
float:none;
width:100%
}

#content #sidebar .sideInr {
background:none;
width:100%
}

#content #sidebar .sideInr h3 {
border-bottom:#CCC 1px dotted;
border-top:3px solid #5B322E;
color:#693B21;
font-weight:700;
margin-bottom:0;
padding:18px 10px
}

#content #sidebar .sideInr h3 .en {
display:inline-block;
font-family:"Times New Roman",Times,"serif";
font-size:12px;
padding-left:7px
}

#content #sidebar .sideInr ul li {
border-bottom:#CCC 1px dashed;
margin:0 auto;
width:100%
}

#content #sidebar .sideInr ul li a {
background:url(../../img/common/side_arrow_icon.png) no-repeat 13px 48%;
box-sizing:border-box;
font-size:14px;
margin:2px auto;
padding:14px 10px 14px 30px;
width:100%
}

#content #sidebar .sideInr ul li a:hover {
background:#E9E2DE url(../../img/common/side_arrow_icon.png) no-repeat 13px 48%
}

#content #sidebar p {
margin:20px 0 30px;
text-align:center
}

#content #sidebar p img {
max-width:100%;
width:auto
}

ul.recruit li {
border-bottom:#D5DCE9 1px solid!important;
box-sizing:border-box;
margin:0!important;
padding:0!important;
width:100%!important
}

ul.recruit li a {
background:url(../../img/common/side_arrow_icon03.png) no-repeat 95% 48%!important;
box-sizing:border-box;
margin:1px auto!important;
padding:10px 12px!important;
width:100%!important
}

ul.recruit li a.cr,ul.recruit li a:hover {
background:#EFF2F7 url(../../img/common/side_arrow_icon03.png) no-repeat 95% 48%!important;
color:#627CB0!important
}

ul.recruit li.sub {
border:none!important
}

ul.recruit li.entry {
line-height:1.5!important
}

ul.recruit li.sub a {
background:#FFF url(../../img/common/side_recruit_icon01.png) no-repeat 3% 48%!important;
border-bottom:#D5DCE9 1px dotted!important;
box-sizing:border-box;
font-size:85%!important;
padding:9px 12px 8px 18px !important;
width:100%!important
}

ul.recruit li.sub a.cr,ul.recruit li.sub a:hover {
background:#FFF url(../../img/common/side_recruit_icon02.png) no-repeat 3% 48%!important
}

#footer {
clear:both;
padding-top:0;
width:100%
}

#footer .footBnr {
background:url(../../img/common/bnr_bg.png) repeat 0 0;
height:auto;
margin-bottom:10px;
width:100%
}

#footer .footBnr ul {
box-sizing:border-box;
height:auto;
padding:20px;
width:100%
}

#footer .footBnr ul li:nth-of-type(1) {
margin:0 0 15px
}

#footer .footBnr ul li {
display:block;
height:auto;
margin-right:0;
margin-top:0;
width:100%
}

#footer .footBnr ul li img {
height:auto;
max-width:395px;
width:100%
}

#footer.top .pagetop .ftL {
float:none;
margin:0;
text-align:center;
width:inherit
}

#footer.top .pagetop .ftR {
float:none;
text-align:right;
width:inherit
}

#footer .fNav .inner {
flex-wrap:wrap;
padding:10px 10px 15px;
width:100%
}

#footer .fNav .inner .catList:nth-of-type(1),#footer .fNav .inner .catList:nth-of-type(5),#footer .fNav .inner .catList:nth-of-type(9) {
margin-left:0
}

#footer .fNav .inner .catList {
box-sizing:border-box;
float:left;
margin:15px 5px 0 0;
min-height:1px;
width:calc(50% - 5px)
}

#footer .fNav .inner .catList:nth-child(2n) {
margin:15px 0 0 5px
}

#footer .fNav .inner .catList h4 {
margin-bottom:13px;
margin-top:0px
}

#footer .fNav .inner .catList h4 a {
background:url(../../img/sp/common/line_footer.png) repeat-x left bottom;
color:#fff;
display:block;
padding-bottom:5px
}

#footer .fNav .inner .catList ul li {
font-size:11px;
margin-bottom:7px;
padding-left:15px
}

#footer .fNav .inner .catList ul li a {
color:#FFF
}

#footer .flogo_sp {
display:block;
text-align:center
}

#footer small {
color:#FFF;
display:block;
margin-top:-30px;
padding:30px 0 12px;
text-align:center;
width:100%
}

.pc,#header .hdrR,.fix-header,.fix-header li,#footer .fNav .sociarea_l {
display:none
}

img[src$="new_window_icon.png"],img[src$="new_window_icon_bk.png"] {
display:none!important
}

#catImg,.sideInr#bgNone {
background:none!important
}

#catImg h2,#nav .navInr,#footer .pagetop,#footer .fNav {
width:100%
}

#content #sidebar .sideInr ul li a.cr,#content #sidebar .sideInr ul li a.cr:hover {
background:#693B21 url(../../img/common/side_arrow_icon02.png) no-repeat 13px 48%
}

#footer .footBnr ul li:nth-of-type(4),#footer .fNav .inner .catList:nth-of-type(4) {
margin-right:0
}

#footer .fNav .inner .catList:nth-of-type(2),#footer .fNav .inner .catList:nth-of-type(3) {
min-height:180px
}
}

@media screen and (max-width: 375px) {
#footer .fNav .inner .catList ul li {
font-size:9px
}
}