@charset "UTF-8";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
strong { font-weight: bold; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
body { font-family: meiryo, helvetica, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif; word-break: break-word }
img { vertical-align: top }  body { min-width: 1000px; font-size: 15px }
p { line-height: 1.8; margin-bottom: 15px }
a:hover { text-decoration: none }
@media screen and (min-width: 769px) {
a[href^="tel:"] { color: inherit; text-decoration: inherit; pointer-events: none }
}  .brown { color: #674719 }
.green { color: #90b520 }
.center { text-align: center; margin-left: auto; margin-right: auto }
.ht-1 { font-size: 40px; color: #895f1e; margin-bottom: 30px; padding-bottom: 5px; padding-top: 5px }
.ht-2 { font-size: 26px; min-height: 35px; padding: 0 0 0 15px; line-height: 35px; font-weight: bold; background: url(//yotairen-tochigi.jp/images/common/icon_ttl_or.png) no-repeat; color: #99542f; margin-bottom: 15px }
.ht-2.brown { background-image: url(//yotairen-tochigi.jp/images/common/icon_ttl_br.png) }
.ht-2.green { background-image: url(//yotairen-tochigi.jp/images/common/icon_ttl_green.png) }
.ht-2.pink { background-image: url(//yotairen-tochigi.jp/images/common/icon_ttl_pink.png) }
.ht-3 { font-size: 26px; color: #895f1e; background: url(//yotairen-tochigi.jp/images/common/bg_ttl_br.png) no-repeat; min-height: 35px; padding-left: 15px; line-height: 35px; margin-bottom: 20px }
.ind { padding-left: 20px; padding-right: 20px }
.or { color: #99542f }
.pink { color: #dc5884 }
.t-1 { border: 1px solid #80653e; border-collapse: separate; margin: 30px 0; width: 100% }
.t-1 td { color: #80653e; border-top: 1px solid #80653e; padding: 1em }
.t-1 th, .t-1 td { vertical-align: top }
.t-1 th { background-color: #e2dcd4; color: #80653e; border-top: 1px solid #fff; text-align: center; padding: 1em; min-width: 160px; font-weight: bold }
.t-1 tr:first-child th, .t-1 tr:first-child td { border-top: none }
.t-1--fixth th {width: 160px;}
@media ( max-width: 599px ) {
.t-1--fixth th {width: 100px;}
}
@media ( max-width: 480px ) {
.t-1--fixth th {width: 1em;}
}
.breadcrumbs { font-size: 12px; margin-bottom: 20px; background: url(//yotairen-tochigi.jp/images/common/bg_ptn_br.png); padding: 5px 10px; border: 1px solid #ccc }
.gotohome::before { content: "≫" }
.mb0 { margin-bottom:0 !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}  #hdCn { margin: 2px 0 4px 0px }
#hdDesc { width: 960px; padding: 0 20px; margin: 0 auto }
#hdDescWrap { background-color: #9ecc14; color: #fff; font-size: 13px; line-height: 20px }
#hdInfo {position: relative;padding: 14px 0 0 90px;font-size: 10px;width: 270px;float: left}
#hdInner { width: 960px; padding: 0 20px; margin: 0 auto; overflow: hidden }
#hdInq { padding: 32px 1px 0 350px; font-size: 13px; color: #895f1e; font-weight: bold; white-space: nowrap; text-align: right }
#hdLogo { position: absolute; top: 10px; left: 0px }
#hdNav a { display: block; background: url(//yotairen-tochigi.jp/images/common/gn.png) no-repeat; height: 50px; text-indent: -9999px; transition: all 0.3s }
#hdNav li { float: left }
#hdNav { width: 960px; margin: 0 auto 20px; overflow: hidden }
#hdNav1>a { width: 161px; background-position: 0 0 }
#hdNav1>a:hover { width: 161px; background-position: 0 -50px }
#hdNav2>a { width: 159px; background-position: -161px 0 }
#hdNav2>a:hover { width: 159px; background-position: -161px -50px }
#hdNav3>a { width: 160px; background-position: -320px 0 }
#hdNav3>a:hover { width: 160px; background-position: -320px -50px }
#hdNav4>a { width: 160px; background-position: -480px 0 }
#hdNav4>a:hover { width: 160px; background-position: -480px -50px }
#hdNav5>a { width: 159px; background-position: -640px 0 }
#hdNav5>a:hover { width: 159px; background-position: -640px -50px }
#hdNav6>a { width: 161px; background-position: -799px 0 }
#hdNav6>a:hover { width: 161px; background-position: -799px -50px }
#hdRec { font-size: 12px; font-weight: normal }
#hdTelFax { vertical-align: middle }
.bx-wrapper { width: 960px; margin: 0 auto 10px !important }  #side { width: 240px; float: left }
#sideArea p { border: 1px solid #7dbbff; border-top: none; text-align: center; background-color: #fcf8e7; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; padding: 10px 0; margin: 0 }
#sideArea { margin-bottom: 20px }
#sideBnr li { margin-bottom: 20px }
#sideInfo ul { border: 1px solid #ff7f7f; border-top: none; padding: 10px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; margin-bottom: 20px; font-size: 13px }
#sideInfo li { line-height: 20px; word-break: break-all; position: relative; padding-left: 18px }
#sideInfo li:before { content: "\0025cf"; display: block; float: left; color: #ff7f7f; font-size: 16px; position: absolute; top: 0; left: 0 }
#sideHoiku {margin-bottom: 20px;}
.sideHoiku__inner {padding: 10px;border: 1px solid #ff954d;border-top: none;}
#sideHoiku img {max-width: 100%;height: auto;}
.instaTextIcon {display: flex;justify-content: center;align-items: center;gap: 10px;margin: 8px 0 0;font-size: 13px;background: #fff2e9;padding: 5px;}
.sideHoiku__banner a {transition: .3s;}
.sideHoiku__banner a:hover {opacity: .7;}
.instaTextIcon__anchor {transition: .3s;}
.instaTextIcon__anchor:hover {opacity: .7;}  #ftrCta a { text-decoration: none }
#ftrCta { margin-top: 100px }
#ftrCtaCon { border: 1px solid #81511c; border-top: none; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; font-size: 16px; font-weight: bold; color: #444; padding: 10px 25px 0 }
#ftrCtaRec { font-size: 15px; color: #895f1e; text-align: center; margin-bottom: 10px }
#ftrCtaTel { margin-right: 25px }
.ftrCtaHd { margin-bottom: 0 }  footer { margin-top: 60px }
#ftrWrap { background: url(//yotairen-tochigi.jp/images/common/ftr_bg.png) no-repeat; background-position: center top 0px; padding-top: 101px }
#ftrAddr { font-size: 14px }
#ftrInner { background-color: #ece5dd }
#ftrInner2 { max-width: 1000px; padding: 40px 20px 30px; margin: 0 auto }
#ftrLeft { float: left }
#ftrLogo {margin: 5px 0 7px !important;position: relative;--logo-size: 65px;padding: 0 0 0 calc(var(--logo-size) + 8px);min-height: var(--logo-size);}
.ftrLogo__logo {position: absolute;left: 0;margin: 0;}
.ftrLogo__text {font-size: 12px;font-weight: normal;line-height: 1;margin: 0;padding: 5px 0 0;}
.ftrLogo__textimg {margin: 5px 0 0;}
#ftrRight { padding: 34px 0 0 0; font-size: 13px; line-height: 22px; overflow: hidden; float: right; width: 380px }
#ftrRight li:before { content: "\0025b6"; color: #895f1e; font-size: 9px; margin-right: 5px }
#ftrRight a { color: #000; text-decoration: none }
#ftrRight a:hover { text-decoration: underline }
#ftrRight a:visited { color: #800080 }
#ftrUl1 { float: left; margin-right: 50px }
#copyright { clear: both; display: block; text-align: center; color: #895f1e; padding-top: 60px }
@media ( max-width: 768px ) {
#ftrLogo {display: flex;flex-direction: column;padding: 0;gap: 8px;}
.ftrLogo__logo {position: static;order: 2;}
.ftrLogo__textimg {margin: 0;order: 2;}
.ftrLogo__text {order: 1;padding: 0;}
}  #wrap { width: 960px; padding: 0 20px; margin: 0 auto; overflow: hidden }
#main { float: right; width: 690px } .topActImg { position: absolute; top: 10px; right: 10px }
#topAct section { background-color: #fff; padding: 20px 290px 1px 20px; margin-bottom: 20px; position: relative; min-height: 230px }
#topAct h3 { margin-bottom: 10px }
#topAct a { color: #895f1e; font-size: 13px }
#topAct a:after { content: "\0020" }
#topActBg { background: url(//yotairen-tochigi.jp/images/common/bg_ptn_br.png); padding: 0 20px 1px; margin-bottom: 60px }
#topBusBg { background: url(//yotairen-tochigi.jp/images/common/bg_ptn_bl.png); padding: 0 20px 20px; margin-bottom: 60px }
#topBusBg p { font-size: 18px; font-weight: bold; color: #444 }
#topBusBg img { margin-bottom: 20px }
#topBusCon { background-color: #fff; padding: 20px 20px 1px }
#topGoal { margin-bottom: 80px }
#topGoal p { padding: 0 20px }
#topGrtn {background: url(//yotairen-tochigi.jp/images/top/grtn_bg.png?20230302) no-repeat;padding: 190px 0 0 30px;font-size: 16px;color: #895f1e;position: relative;min-height: 271px;margin-bottom: 30px}
#topGrtn h2 { margin-bottom: 20px }
#topGrtnCeo { position: absolute; top: 145px; right: 20px }
#topGrtnName { margin: 15px 0 }
#topKg { background: url(//yotairen-tochigi.jp/images/top/kg_bg.png) no-repeat; min-height: 641px; margin-bottom: 60px }
#topKg h2 { padding: 25px 0 62px 0; height: 30px }
#topKg p { padding: 0 90px 0; line-height: 38px; font-size: 16px; font-weight: bold; color: #444 }
#topKgTokuten { width: 436px; height: 128px; margin: 25px auto 0; padding: 15px 35px; background-color: #fff; border: 1px solid #81511c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#topKgTokuten ul { color: #bc2828; margin: 10px 0 0; font-size: 16px; line-height: 1.8 }
#topKgTokuten li { float: left; width: 50% }
#topKgTokuten li:before { content: "" }
#topParent { background: url(//yotairen-tochigi.jp/images/top/parent_bg.png) no-repeat; min-height: 416px; padding: 25px 90px 0 }
#topParent h2 { margin-bottom: 65px }
#topParent p { font-size: 16px; font-weight: bold; color: #444; line-height: 37px; margin-bottom: 100px }  #staffList li {border-bottom: 1px solid #d3c2b0;padding: 40px 0;display: flex;gap: 20px;}
.staffBr { font-size: 16px; color: #895f1e }
.staffListL {width: 300px;text-align: center;flex-shrink: 0;}
.staffListL p { font-size: 18px; color: #895f1e; font-weight: bold; line-height: 1.2; margin-bottom: 0 }
.staffListL span { font-size: 15px }
.staffListL img { margin-bottom: 20px }
.staffListR {width: 100%;box-sizing: border-box;}
.staffListR p { margin-bottom: 10px }
.staffListR span {color: #714211;font-size: 29px;letter-spacing: -1.5px;line-height: 1.2;display: block;margin-top: 15px;}
.staffListR span:after { content: "\00300d"; font-family: serif }
.staffListR span:before { content: "\00300c"; font-family: serif }
.staffListR table { border: 1px solid #836639; border-collapse: separate; margin-bottom: 20px; width: 100% }
.staffListR tr:first-child th, .staffListR tr:first-child td { border-top: none }
.staffListR td { border-top: 1px solid #836639; padding: 15px 1em; font-size: 16px; color: #895f1e }
.staffListR th { background-color: #dcd4c8; font-size: 16px; font-weight: bold; color: #895f1e; padding: 0.8em 0; text-align: center; border-top: 1px solid #fff; width: 90px }  #actSmry { color: #755524; font-size: 16px; padding: 0 20px; margin: 50px 0 0 }
.actCon { border-top: 2px dotted #946c2e; margin: 50px 0 0; padding: 50px 20px 0 }
.actCon>h2 { margin-bottom: 20px }
.actCon table { border: 1px solid #af6035; border-collapse: separate; margin: 30px 0; width: 100% }
.actCon table.brown { border: 1px solid #80653e }
.actCon table.green { border: 1px solid #90b520 }
.actCon table.pink { border: 1px solid #dc5884 }
.actCon tr:first-child th, .actCon tr:first-child td { border-top: none }
.actCon th, .actCon td { vertical-align: top }
.actCon td { color: #af6035; padding: 1em; border-top: 1px solid #af6035 }
.actCon th { background-color: #f0e1d9; border-top: 1px solid #fff; color: #af6035; text-align: center; padding: 1em }
.actCon .brown td { color: #80653e; border-top: 1px solid #80653e }
.actCon .brown th { background-color: #e2dcd4; color: #80653e }
.actCon .green td { color: #90b520; border-top: 1px solid #90b520 }
.actCon .green th { background-color: #eaf1d5; color: #90b520 }
.actCon .pink td { color: #dc5884; border-top: 1px solid #dc5884 }
.actCon .pink th { background-color: #f8e0e8; color: #dc5884 }
.actCon .tel { font-size: 32px; display: inline-block; padding-top: 10px; font-weight: bold }  #inquiry>section { padding-top: 80px }
#inquiry>h1:first-child+section { padding-top: 0 }
.inqStr { font-size: 16px; color: #81511c }
.inqStr2 { font-size: 15px; color: #81511c; padding: 0 20px }
.inqStrM { font-size: 17px; background: url(//yotairen-tochigi.jp/images/common/icon_mail_br.png) no-repeat; padding-left: 35px; min-height: 17px; line-height: 17px; margin-bottom: 0 }
.inqStrM>a{ color: #81511c; text-decoration: none }
.inqStrM>a:hover{ text-decoration: underline }
.pp { border: 1px solid #444; padding: 20px; width: 540px; margin: 0 auto; height: 300px; overflow: auto }  #aboutus>*:first-child+section { margin-top: 0 }
#aboutus>section { margin-top: 60px }
#gmap { border: 1px solid #7dbbff; width: 650px; height: 350px; overflow: hidden; margin: 20px auto 5px }
.maplink { text-align: right; width: 650px; margin: 0 auto }
.maplink>a { color: #7dbbff; font-size: 18px; text-decoration: none }
.maplink>a:hover { text-decoration: underline }  #info>section { margin: 80px 0 }
#info>*:first-child+section { margin-top: 0 }
#info>h2 { margin-bottom: 30px }
#info h3 { margin-bottom: 20px }
.archives .date { position: absolute; top: 0; left: 0 }
.archives .date:before { content: "\0025cf"; color: #895f1e; padding-right: 0.5em }
.archives a { color: #444; text-decoration: none; display: inline-block; padding-left: 10.5em }
.archives a:hover { text-decoration: underline }
.archives a:visited { color: #800080 }
.archives h4 { font-size: 18px; color: #444; position: relative }
.archives li { border-bottom: 2px dotted #895f1e; padding: 20px 0 15px }
.archives li:first-child { padding-top: 0 }
.archives.pink li { border-color: #ff7f7f }
.archives.pink .date:before { color: #ff7f7f }
.post .ht-1 { margin-bottom: 10px }
.postCon { border: 1px solid #888; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 20px; margin-bottom: 10px }
.postCon img { max-width: 100%; height: auto }
.postMeta { margin: 0 -20px 20px; border-bottom: 1px dashed #888; padding: 5px 20px; font-size: 13px; text-align: right }
.postNav {margin: 0 -20px;border-top: 1px dashed #888;padding: 10px 20px;overflow: hidden;line-height: 1.4;}
.postNav .next { width: 48%; float: right; text-align: right }
.postNav .prev { width: 48%; float: left }  #album>ul { overflow: hidden }
#album>ul>li { width: 27%; text-align: center; padding: 20px 3% 0; float: left; font-size: 12px }
#album>ul>li:nth-child(3n+1) { clear: left }
#album>ul img { width: 150px; height: 150px }
#albumHowto { margin: 0 -20px 20px !important; padding: 5px 20px; border-bottom: 1px dashed #888; font-size: 14px; text-align: right }
#albumHowto:after { content: "\00bb" }
#albumThumbs { border: 1px solid #888; padding: 0 20px }
#albumThumbs img { width: 100%; height: auto; margin-top: 20px }
#albumThumbs img:first-child { margin-top: 0 }  #print .menu_buttons { margin: 0 -20px 20px; overflow: hidden; border-bottom: 1px dashed #888 }
#print .menu_buttons li { width: 25%; float: left; text-align: center }
#print .menu_buttons a { display: block; background-color: #fcc; margin: 0 10px 10px; padding: 10px; text-decoration: none; color: #444 }
#print .menu_buttons a:hover { opacity: .7 }
#print .notice { color: #e00; border: 1px solid #fcc; background-color: #fee; padding-left: 10px }
#print h2 { font-size: 32px; color: #895f1e; margin-bottom: 20px }
#print h3 { font-size: 24px; color: #895f1e; margin-bottom: 10px }
#print ol { list-style: decimal; padding-left: 20px; margin-bottom: 15px }
#print ol>li { line-height: 1.4; margin-top: 15px }
#print ol>li:first-child { margin-top: 0 }
#print>section { border: 1px solid #888; padding: 0 20px }
#print>section>section>section { border: 1px solid #ccc; padding: 20px 20px 0; margin-bottom: 20px }
#print>section>section>section ul { list-style: disc; padding-left: 20px }
#print>section>section>section ul>li { line-height: 1.4; margin-bottom: 20px }
.howLink { border-bottom: 1px dashed #888; margin: 0 -20px 10px; padding: 5px 20px; font-size: 13px; text-align: right }
.howLink:after { content: "\00bb" }
.printSec { margin-top: 100px; border-top: 1px dashed #ccc; padding-top: 20px }  .block_documents .msg_empty { color: #666; border: 1px solid #666; text-align: center; margin: 0 auto; padding: 20px 40px }
.block_documents_kotei .list_documents .head {}
.block_documents_kotei .list_documents { margin: 0 }
.block_documents_kotei { border: 3px solid #ff7f7f; border-radius: 4px; padding: 15px; margin-bottom: 80px }
.documents-content a[href*=".pdf"] { display: inline-block; position: relative; padding-left: 30px; background: url(//yotairen-tochigi.jp/images/common/ico-pdf.png) no-repeat; background-size: auto 24px }
.list_documents .documents-content { border: 1px solid #888; padding: 15px 20px }
.list_documents .head { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-right: 7em; line-height: 1.4 }
.list_documents .head::after { content: "▼"; color: #bc2828; margin-left: 5px }
.list_documents .head::before {content: "▼";color: #bc2828;margin-right: 5px;}
.list_documents .meta-date { position: absolute; right: 0; top: 15px; font-size: 12px }
.list_documents .meta-date::after {content: ")";}
.list_documents .meta-date::before {content: "(";}
.list_documents > li .documents-content > :last-child { margin-bottom: 0 !important }
.list_documents > li { padding: 15px 0; position: relative }
.list_documents > li:first-child .meta-date { top: 0 }
.list_documents > li:first-child { padding-top: 0 }
.list_documents {margin-bottom: 40px;}
@media ( min-width: 769px ) {
.sp_only { display: none !important }
}