@charset "UTF-8";

@media screen and (max-width: 768px){ body { min-width: 0; font-size: 13px }
img { max-width: 100%; height: auto }  .t-1 th { min-width: 0 }
h2 img { width: 100% }  #hdDesc { width: 98%; padding: 5px 0; font-size: 8px; line-height: 1.2 }
#hdInfo { width: 100%; padding: 0; text-align: center }
#hdInner { width: 100%; padding: 0 }
#hdInq { padding: 0; float: none; white-space: normal; text-align: center; padding: 0 2% }
#hdLogo {position: inherit;display: block;margin: 10px auto;}
#hdNav a {text-indent: 0;height: auto;line-height: 1.4;padding: 5px 40px 6px 10px;border-bottom: 1px solid #80653e;width: 100%;box-sizing: border-box;background: none #e9e4db;position: relative;}
#hdNav a::after {content: "";display: block;position: absolute;right: 5px;top: 50%;margin-top: -8px;background: url(//yotairen-tochigi.jp/images/common/icon_arrow.png) no-repeat #e9e4db;background-size: auto 16px;height: 16px;width: 26px;}
#hdNav li { float: none }
#hdNav li:last-child a { border-bottom: none }
#hdNav { width: 96%; border: 1px solid #80653e; box-sizing: border-box; margin: 0 2% 20px }
#hdNav1>a:hover, #hdNav2>a:hover, #hdNav3>a:hover, #hdNav4>a:hover, #hdNav5>a:hover, #hdNav6>a:hover { width: 100%; background-position: right 10px center }
.bx-wrapper { width: 96%; margin: 0 2% 20px !important }  #side { float: none; margin: 0 auto }  #ftrCta {margin-bottom: 40px;max-width: 690px;margin-left: auto;margin-right: auto;}
#ftrCtaCon { padding: 2%; font-size: 13px }
#ftrCtaTel, #ftrCtaFax {padding: 0 15px;box-sizing: border-box;display: table;margin: 0 auto 10px;}  #ftrWrap { background-size: contain; padding-top: 9.5% }
#ftrInner2 { width: 100%; padding: 2%; font-size: 12px; text-align: center; box-sizing: border-box }
#ftrLeft { float: none; margin-bottom: 10px }
#ftrRight { float: none; padding: 0; width: 100% }
#ftrRight li {border-bottom: 1px solid #895f1e;}
#ftrRight a {text-decoration: none;display: block;position: relative;background: #fff;line-height: 1.4;padding: 7px 46px 5px 28px;}
#ftrRight a:hover { text-decoration: none }
#ftrRight li a::after { content: ""; display: block; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(//yotairen-tochigi.jp/images/common/icon_arrow.png) no-repeat; background-size: auto 16px; width: 25px; height: 16px }
#ftrRight li a::before { content: "\0025b6"; color: #895f1e; font-size: 9px; position: absolute; top: 9px; left: 10px }
#ftrRight li:before { content: none }
#ftrUl1 { float: none; text-align: left; margin-right: 0; border: 1px solid #895f1e; border-bottom: none }
#ftrUl2 li:last-child { border-bottom: none }
#ftrUl2 { float: none; text-align: left; margin-right: 0; border: 1px solid #895f1e; border-top: none }
#copyright { padding-top: 20px; font-size: 8px }  #wrap { width: 96%; padding: 0 2% }
#main { float: none; width: 100% } #topAct, #topBusBg { max-width: 690px; margin-left: auto; margin-right: auto; box-sizing: border-box }
#topAct section { padding: 2% }
#topActBg { padding: 0 2% 1px }
#topBusBg p { font-size: 16px }
#topGrtn { background-size: contain; padding: 30% 0 0; font-size: 14px }
#topGrtn h2 { text-align: center }
#topGrtnCeo { position: inherit; float: right; width: 40%; max-width: 200px }
#topKg h2 { padding: 5px }
#topKg, #topParent { background: none; border: 1px solid #fcc; background-color: #ffe; text-align: center; padding: 2%; min-height: 0; margin-bottom: 20px }
#topKg p, #topParent p { padding: 0 2%; font-size: 14px; line-height: 1.6; text-align: left }
#topKgTokuten li { float: none; width: 100%; border-bottom: 1px dashed #ccc; padding: 5px 0 }
#topKgTokuten li:last-child { border-bottom: none }
#topKgTokuten ul { font-size: 14px; line-height: 1.4 }
#topKgTokuten { width: 100%; box-sizing: border-box; height: auto; padding: 2%; text-align: center }
#topParent h2 { padding: 5px 25%; margin-bottom:10px }
#topParent p { margin-bottom: 0 }
.ftrCtaHd { line-height: 0 }
.topActImg { position: inherit; display: block; margin: 0 auto }
#topGrtn h2 img { width: auto !important }
#topGoal img { width: auto !important }
#topActBg h3 img { width: 100% }
img[src*="bus_ttl.png"] { width: auto !important }
#topKg img { width: auto !important }
#topParent img { width: auto !important }  #gmap, .maplink { width: 100% }
#gmap iframe { width: 100% }  .actCon .tel { font-size: 18px; display: block }
#seika img,#sports img,#succer img,#outdoor img { width: 100% }  img.staffAll { width: 100%; margin-bottom: 10px }
#staffList li {padding: 20px 0 0;flex-direction: column;}
.archives a { padding: 10px 2% 0 }
.archives h4 { font-size: 14px }
.breadcrumbs {text-align: left;padding: 5px 8px;line-height: 1.4;}
.ht-1 {font-size: 24px;text-align: center;line-height: 1.3;}
.ht-2 { font-size: 18px; font-weight: normal }
.ht-3 { font-size: 14px }
.staffListL { width: 100%; float: none }
.staffListL p, .staffListL span { font-size: 14px }
.staffListL img {margin-bottom: 10px;}
.staffListR {padding: 0 2%;text-align: center}
.staffListR td { font-size: 14px }
.staffListR th { font-size: 14px; padding: 5px 0 }
.staffListR span { font-size: 24px }
#auStaff { width: 100% }  .archives .date { position: inherit; display: block }  .inqNums { text-align: center }
.inqNums img { padding: 0 18%; box-sizing: border-box }
.inqStr, .inqStr2 {font-size: 13px;text-align: center;}
.inqStrM { display: table; margin: 0 auto 10px }
.pp { box-sizing: border-box; width: 100% }
.pp h3 { font-size: 15px }
.pp p { font-size: 12px }  .albumHd img, #albumSingle img[src*="ttl_album.png"] { width: 100% }
#album>ul { text-align: center; }
#album>ul>li { width: 44%; float: none; display: inline-block; padding: 20px 0 0; vertical-align: top }
#album>ul img { width: 100%; height: auto }  #recruit img { width: 100% }  .list_documents .head { padding: 0; text-align: center }
.list_documents .head::before,.list_documents .head::after {content: "";}
.list_documents .meta-date { position: static; margin: 0; text-align: center }
.list_documents .meta-date::after { margin-left: 3px }
.list_documents .meta-date::before { margin-right: 3px }
.list_documents .meta-date::before,.list_documents .meta-date::after {content: "▼";color: #bc2828;}  }