@charset "UTF-8";
/* CSS Document */


/* ---------- Common ---------- */
header { margin-bottom: 20px; background: rgba(126,156,79,.7); background: linear-gradient(0deg, rgba(126,156,79,0) 45%, rgba(126,156,79,.7) 45%); }
header::after { content: ""; width: 0; height: 0; padding-top: 0; background: none; display: none; }

#page-ttl { width: 100%; height: 110px; padding: 5px 0; background: #999; background: linear-gradient(0deg, #BBB 0%, #999 100%); position: relative; overflow: hidden; }
#page-ttl::before { content: ""; width: 15%; height: 140px; background: rgba(255,255,255,.4); clip-path: polygon(0 0, 100% 0, 0 100%); position: absolute; top: 0; left: 0; }
#page-ttl::after { content: ""; width: 15%; height: 140px; background: rgba(255,255,255,.4); clip-path: polygon(0 100%, 100% 100%, 100% 0); position: absolute; bottom: 0; right: 0; }
#page-ttl div { height: calc(100% - 4px); border-top: solid 2px #FFF; border-bottom: solid 2px #FFF; }
#page-ttl h1 { font-size: 2.5rem; line-height: 1.2; font-weight: bold; text-align: center; color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

main { padding: 3rem 0; }
.column { margin-bottom: 3rem; }
.bg-green { padding: 2rem 0; background: #ECF0E5; }
.inner-box { width: min(92%,960px); margin: 0 auto; }
.column h2 { font-family: "Noto Serif Japanese Regular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.4rem; line-height: 1.2; text-align: center; padding-bottom: 2rem; color: #7E9C4F; position: relative; }
.column h2::after { content: ""; width: 1.6rem; height: .8rem; background: #7E9C4F; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); }
.basic p { font-size: 1rem; line-height: 1.8; text-align: center; padding-bottom: .8rem; }
.basic p span::before { content: "\A"; white-space: pre; }

.menu-box ul { display: flex; justify-content: space-between; }
.menu-box ul li { width: 31%; height: 0; padding-top: 31%; position: relative; }
.menu-box ul li a { width: calc(100% - 4px); height: calc(100% - 4px); border: solid 2px #7E9C4F; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; }
.menu-box ul li a img { position: absolute; top: 50%; transform: translateY(-50%); }
.menu-box ul li a:hover img { opacity: .8; }
.menu-box ul li a div { content: ""; width: 140%; height: 75%; background: #7E9C4F; mix-blend-mode: multiply; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); position: absolute; right: 1.5rem; bottom: -4rem; }
.menu-box ul li a strong { font-size: 1.6rem; line-height: 1.3; font-weight: normal; color: #FFF; width: 100%; height: 6.5rem; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 1.5rem; bottom: 0; z-index: 3; }

@media only screen and (max-width: 520px) and (orientation: portrait) {
  header { height: 70px; margin-bottom: 10px; border-top: none; background: #7E9C4F; }
  header::before, header::after { width: 0; padding-top: 0; background: none; display: none; }

  #page-ttl { height: 60px; }
  #page-ttl::before, #page-ttl::after { width: 20%; height: 70px; }
  #page-ttl h1 { font-size: 1.6rem; line-height: 1.2; }
  
  main { padding: 2rem 0; }
  
  .column { margin-bottom: 2rem; }
  .bg-green { padding: 1.5rem 0; }
  .column h2 { font-size: 1.3rem; line-height: 1.2; }
  .basic p { line-height: 1.6; text-align: justify; }
  .basic p span::before { content: ""; }

  .menu-box ul li { width: 31%; height: auto; padding-top: 0; border: solid 2px #7E9C4F; overflow: hidden; }
  .menu-box ul li a { width: 100%; height: auto; border: none; position: relative; top: 0; left: 0; transform: translate(0,0); }
  .menu-box ul li a img { position: relative; top: 0; left: 0; transform: translate(0,0); }
  .menu-box ul li a:hover img { opacity: .8; }
  .menu-box ul li a div { width: 100%; height: 2.4rem; background: #7E9C4F; mix-blend-mode: multiply; bottom: 0; left: 0; clip-path: polygon(0 0,0 100%,100% 100%,100% 0); }
  .menu-box ul li a strong { font-size: .9rem; line-height: 1.2; text-align: center; width: 100%; height: 2.4rem; left: 0; }
}


/* ---------- Overview ---------- */
#greeting h3 { font-size: 2rem; line-height: 1.6; text-align: center; padding: 1rem 0 2rem 0; }
#greeting h3 strong { position: relative; }
#greeting h3 strong::before { content: ""; width: 1em; height: 1px; background: #333; position: absolute; top: 50%; left: -1.5em; transform: translateY(-50%); }
#greeting h3 strong::after { content: ""; width: 1em; height: 1px; background: #333; position: absolute; top: 50%; right: -1.5em; transform: translateY(-50%); }
#greeting dl { display: flex; justify-content: space-between; }
#greeting dl dt { width: 36%; }
#greeting dl dt strong { font-weight: normal; padding-top: 1em; display: flex; align-items: center; justify-content: flex-start; }
#greeting dl dt strong span { width: 8em; }
#greeting dl dt strong i { width: min(calc(100% - 8em),160px); }
#greeting dl dd { width: 60%; }
#greeting dl dd h4 { font-size: 1.2rem; line-height: 1.4; font-weight: bold; color: #7E9C4F; margin: 1em 0 .5em 0; padding-bottom: .3rem; border-bottom: solid 1px #7E9C4F; }
#greeting dl dd h4:nth-of-type(1) { margin-top: 0; }
#greeting dl dd p { font-size: .95rem; line-height: 1.7; text-align: justify; padding-bottom: 1em; }
#greeting dl dd p span::before { content: "\A"; white-space: pre; }
#greeting dl dd p#signature { display: flex; align-items: center; }
#greeting dl dd p#signature strong { width: 9rem; padding-left: 1em; }

#business p { font-size: 1.1rem; line-height: 1.8; text-align: center; }
#business p span::before { content: "\A"; white-space: pre; }
#business p.link-btn { font-size: 1.1rem; line-height: 1.2; text-align: left; padding: 1rem 0; }
#business p.link-btn a { color: #FFF; width: 10em; margin: 0 auto; padding: .4rem .5rem; background: #7E9C4F; display: block; position: relative; }
#business p.link-btn a:hover { background: rgba(126,156,79,.8); }
#business p.link-btn a::after { content: ""; width: .6em; height: .8em; background: #FFF; clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); }

#outline ul li { font-size: 1rem; line-height: 1.4; padding: .6em .5em .6em 10em; position: relative; }
#outline ul li:nth-child(2n + 1) { background: rgba(126,156,79,.15); }
#outline ul li h3 { font-weight: bold; position: absolute; left: .5em; }
#outline ul li ul li { padding: 0; }
#outline ul li ul li:nth-child(2n + 1) { background: none; }
#outline ul li ul li h4 { position: absolute; left: 0; }
#outline ul li ul.sublist1 li { padding-bottom: .6em; }
#outline ul li ul.sublist2 li { padding-bottom: .2em; }
#outline ul li ul.sublist3 li { padding: 0 0 .2em 9em; }
#outline ul li ul.sublist3 li strong { font-weight: normal; position: absolute; left: 16em; }
#outline ul li ul.sublist4 { display: flex; flex-wrap: wrap; }
#outline ul li ul.sublist4 li { padding-bottom: .2em; }
#outline ul li ul.sublist4 li::after { content: "／"; }
#outline ul li ul.sublist4 li:last-child::after { content: ""; }
#outline ul li ul li:last-child { padding-bottom: 0; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #greeting h3 { font-size: 5.5vw; line-height: 1.6; padding: 0 0 1rem 0; }
  #greeting h3 strong::before, #greeting h3 strong::after { width: 0; height: 0; background: none; display: none; }
  #greeting h3 span::before { content: "\A"; white-space: pre; }
  #greeting dl { flex-direction: column-reverse; }
  #greeting dl dt { width: 100%; padding-top: 1rem; }
  #greeting dl dt strong { justify-content: flex-end; }
  #greeting dl dd { width: 100%; }
  #greeting dl dd p { line-height: 1.6; }
  #greeting dl dd p span::before { content: ""; }
  #greeting dl dd p#signature { flex-direction: column; align-items: flex-end; }
  #greeting dl dd p#signature strong { width: 7rem; margin-top: .2em; }
  
  #business p { font-size: 1rem; line-height: 1.6; text-align: justify; }
  #business p span::before { content: ""; }

  #outline .inner-box { width: 100%; }
  #outline ul li { padding: .6em 4%; }
  #outline ul li h3 { color: #7E9C4F; padding-bottom: .2em; position: relative; left: 0; }
  #outline ul li ul li h4 { position: relative; }
  #outline ul li ul.sublist3 li { padding: 0 0 .2em 0; }
  #outline ul li ul.sublist3 li strong { padding-left: 1em; position: relative; left: 0; }
  #outline ul li ul.sublist4 { flex-direction: column; }
  #outline ul li ul.sublist2 li, #outline ul li ul.sublist4 li { padding-left: 1em; }
  #outline ul li ul.sublist2 li::before, #outline ul li ul.sublist4 li::before { content: "●"; color: rgba(126,156,79,.5); position: absolute; left: 0; }
  #outline ul li ul.sublist4 li::after { content: ""; }
}


/* ---------- Business ---------- */
#onestop ul { margin-top: 1.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
#onestop ul li { width: 32%; margin-bottom: 2%; background: #FFF; box-shadow: 0 0 .5rem rgba(126,156,79,.5); transition: .3s; display: flex; flex-direction: column; cursor: pointer; }
#onestop ul li:hover { background: rgba(126,156,79,.15); box-shadow: 0 0 .5rem rgba(126,156,79,.7); transform: scale(1.04); }
#onestop ul li:nth-child(3n) { margin-right: 0; }
#onestop ul li:nth-child(n + 4) { margin-bottom: 0; }
#onestop ul li dl { width: 100%; display: flex; flex-direction: column; }
#onestop ul li dl dt { width: 35%; margin: 0 auto; padding: 1rem 0 .5rem 0; }
#onestop ul li dl dt img { filter: invert(62%) sepia(16%) saturate(1114%) hue-rotate(42deg) brightness(89%) contrast(89%); }
#onestop ul li dl dd { font-size: 1.3rem; line-height: 1.2; text-align: center; color: #7E9C4F; min-height: 3rem; display: flex; align-items: center; justify-content: center; flex-grow: 1; }

#ev-station p.link-btn { font-size: 1.1rem; line-height: 1.2; text-align: left; padding: 1rem 0; }
#ev-station p.link-btn a { color: #FFF; width: 10em; margin: 0 auto; padding: .4rem .5rem; background: #7E9C4F; display: block; position: relative; }
#ev-station p.link-btn a:hover { background: rgba(126,156,79,.8); }
#ev-station p.link-btn a::after { content: ""; width: .6em; height: .8em; background: #FFF; clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); }
#ev-station ul { margin-top: 1.2em; display: flex; justify-content: space-between; }
#ev-station ul li { width: 32%; position: relative; }
#ev-station ul li strong { font-size: .9rem; line-height: 1.2; font-weight: normal; text-align: center; color: #FFF; width: 100%; padding: .3rem 0; background: rgba(126,156,79,.8); display: block; position: absolute; bottom: 0; }

#customer ul { display: flex; flex-wrap: wrap; align-items: stretch; position: relative; }
#customer ul li { width: 16%; padding: 1% 0; margin: 0 calc(4% / 5) calc(4% / 5) 0; box-shadow: 0 0 .3rem rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center; }
#customer ul li:nth-child(6n) { margin-right: 0; }
#customer ul li:last-child { font-size: 1rem; text-align: center; color: #7E9C4F; margin-left: auto; box-shadow: none; justify-content: flex-end; }
#customer ul li img { width: 90%; height: auto; }

/* - Modal - */
.work-modal { width: 100%; height: 100%; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; transition: all 0.35s; z-index: 9999; pointer-events: none; opacity: 0; }
.work-modal.active { opacity: 1; pointer-events: all; }
.modal-wrap { width: min(94%,540px); position: relative; z-index: 1;
  .modal-box { width: calc(100% - 2px); padding: 1px; background: #FFF; }
  .modal-box dl { padding: .8rem 1.6rem; background: #7E9C4F; display: flex; align-items: center; justify-content: center; }
  .modal-box dl dt { width: 60px; margin-right: 10px; }
  .modal-box dl dt img { filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(110deg) brightness(98%) contrast(108%); }
  .modal-box dl dd { font-size: 1.5rem; line-height: 1.2; font-weight: bold; color: #FFF; width: calc(100% - 70px); }
  .modal-box .text-box { padding: 1rem 1.6rem; }
  .modal-box p { line-height: 1.5; text-align: justify; }
  .modal-close { font-size: 3rem; line-height: 1.1; color: #FFF; display: flex; align-items: center; justify-content: center; position: absolute; top: -1em; right: 0; cursor: pointer; }
}
.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
/* - Modal - */

@media only screen and (max-width: 520px) and (orientation: portrait) {
  #onestop ul { margin-top: .7rem; justify-content: space-between; }
  #onestop ul li { width: 49%; margin: 0 0 2% 0; }
  #onestop ul li:nth-child(n + 4) { margin-bottom: 2%; }
  #onestop ul li:nth-child(n + 5) { margin-bottom: 2%; }
  #onestop ul li dl dt { width: 40%; }
  #onestop ul li dl dd { font-size: 1.2rem; line-height: 1.2; }
  
  #ev-station ul { flex-direction: column; }
  #ev-station ul li { width: 100%; margin-bottom: .5rem; }
  #ev-station ul li:last-child { margin-bottom: 0; }

  #customer ul li { width: 32%; margin: 0 2% 2% 0; }
  #customer ul li:nth-child(3n) { margin-right: 0; }

  .modal-box { width: calc(100% - 2rem); padding: 1rem; flex-direction: column; }
  .modal-box dl dd h2 { font-size: 113%; line-height: 1.2em; top: -2em; left: auto; right: -.5em; }
  .modal-close { top: .5rem; right: .5rem; }
}


/* ---------- Staff ---------- */
#staff-list { padding: 2rem 0 1rem 0; }
#staff-list li { width: calc(960px + ((100vw - 960px) / 2)); margin-bottom: 3rem; background: #98B072; }
#staff-list li:nth-child(2n) { margin-left: calc((100vw - 960px) / 2); }
#staff-list li a dl { width: min(100%,960px); padding-left: calc((100vw - 960px) / 2); display: flex; flex-direction: row-reverse; align-items: stretch; justify-content: space-between; }
#staff-list li:nth-child(2n) a dl { padding-left: 0; flex-direction: row; }
#staff-list li a dl dt { width: 36%; background: #FFF; }
#staff-list li a dl dt img { transition: .3s; }
#staff-list li a:hover dl dt img { opacity: .8; }
#staff-list li dl dd { width: 64%; position: relative; }
#staff-list li:nth-child(1) a dl dd { background: url("../business/images/staff/number01.png") no-repeat top left; background-size: 30%; }
#staff-list li:nth-child(2) a dl dd { background: url("../business/images/staff/number02.png") no-repeat top right; background-size: 30%; }
#staff-list li:nth-child(3) a dl dd { background: url("../business/images/staff/number03.png") no-repeat top left; background-size: 30%; }
#staff-list li a dl dd h3 { font-size: 1.3rem; line-height: 1.2; text-align: center; color: #7E9C4F; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%); }
#staff-list li a dl dd h3 strong { font-weight: normal; display: block; position: relative; z-index: 2; }
#staff-list li a dl dd h3::after { content: ""; width: 3.5rem; height: 3.5rem; border: solid 1px #7E9C4F; background: #FFF; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; transform: rotate(-45deg) skew(calc(35deg / 2), calc(35deg / 2)); z-index: 1; }
#staff-list li:nth-child(2n) dl dd h3 { right: auto; left: 0; transform: translate(-50%,-50%); }
#staff-list li a dl dd h4 { font-size: 1.8rem; line-height: 1.6; color: #FFF; padding-right: 4%; position: absolute; top: 40%; transform: translateY(-50%); }
#staff-list li:nth-child(2n) dl dd h4 { text-align: right; padding-right: 0; right: 0; }
#staff-list li a dl dd p.link-btn { font-size: 1.1rem; line-height: 1.2; text-align: left; padding-bottom: 0; position: absolute; bottom: 1.5rem; }
#staff-list li a dl dd p.link-btn strong { color: #7E9C4F; font-weight: normal; width: 10em; margin: 0 auto; padding: .4rem .5rem; background: #FFF; display: block; position: relative; }
#staff-list li a:hover dl dd p.link-btn strong { background: #FF3; }
#staff-list li a dl dd p.link-btn strong::after { content: ""; width: .6em; height: .8em; background: #7E9C4F; clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); }
#staff-list li:nth-child(2n) a dl dd p.link-btn { right: 0; }
@media only screen and (max-width: 960px) {
  #staff-list li { width: 96%; }
  #staff-list li:nth-child(2n) { margin-left: 4%; }
  #staff-list li:nth-child(2n) dl { padding: 0 4vw 0 0; }
  #staff-list li a dl dd { margin-left: 4vw; }
  #staff-list li:nth-child(2n) a dl dd { margin-right: 4vw; margin-left: 0; }
  #staff-list li a dl dd h3 { top: 1rem; right: -34vw; transform: translate(-50%,-50%); }
  #staff-list li:nth-child(2n) a dl dd h3 { right: 0; left: -34vw; transform: translate(50%,-50%); }
}
@media only screen and (max-width: 768px) {
  #staff-list li a dl dd h4 { font-size: 1.5rem; line-height: 1.6; top: 35%; }
}
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #staff-list { padding: 0; }
  #staff-list li, #staff-list li:nth-child(2n) { width: 92%; margin: 0 auto 2rem auto; }
  #staff-list li a dl, #staff-list li:nth-child(2n) a dl { flex-direction: column; }
  #staff-list li a dl dt { width: 100%; }
  #staff-list li a dl dd { width: 100%; margin: 0; padding: 2rem 0 1rem 0; background: #000; }
  #staff-list li:nth-child(1) dl dd, #staff-list li:nth-child(2) a dl dd, #staff-list li:nth-child(3) dl dd { background-position: top right; background-size: 50%; }
  #staff-list li a dl dd h4, #staff-list li:nth-child(2n) a dl dd h4 { font-size: 1.2rem; line-height: 1.4; text-align: center; padding: 0 .5rem 1rem .5rem; position: relative; top: 0; right: 0; left: 0; transform: translateY(0); }
  #staff-list li a dl dd h3, #staff-list li:nth-child(2n) a dl dd h3 { top: 0; left: 50%; transform: translate(-50%,-50%); }
  #staff-list li a dl dd p.link-btn, #staff-list li:nth-child(2n) a dl dd p.link-btn { position: relative; right: auto; bottom: 0; left: 0; }
}


/* ---------- Message ---------- */
#message-title { background: #ECF0E5; background: linear-gradient(0deg, rgba(126,156,79,.15) 100px, rgba(126,156,79,0) 100px); position: relative; }
#message-title #main-image { width: min(60%,800px); height: 0; padding-top: 450px; position: relative; overflow: hidden; }
#message-title #main-image img { width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); }
#message-title #title-box { width: max(60%,640px); position: absolute; top: 40%; right: 0; transform: translateY(-50%); }
#message-title #title-box h2 { width: 250px; margin: 0 calc((100vw - 960px) / 2) 0 auto; }
#message-title #title-box h3 { text-align: right; margin-bottom: 1rem; padding-right: calc((100vw - 960px) / 2); background: rgba(126,156,79,1); }
#message-title #title-box h3 strong { font-size: 2rem; line-height: 1.3; color: #FFF; padding: 1.5rem 0 1.5rem 1rem; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
#message-title #title-box p { font-size: 1.1rem; line-height: 1.3; text-align: right; color: #7E9C4F; margin-right: calc((100vw - 960px) / 2); text-shadow: #FFF 2px 0px 2px, #FFF -2px 0px 2px, #FFF 0px -2px 2px, #FFF -2px 0px 2px, #FFF 2px 2px 2px, #FFF -2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px -2px 2px, #FFF 1px 2px 2px, #FFF -1px 2px 2px, #FFF 1px -2px 2px, #FFF -1px -2px 2px, #FFF 2px 1px 2px, #FFF -2px 1px 2px, #FFF 2px -1px 2px, #FFF -2px -1px 2px, #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px;}

#message .inner-box { padding: 1rem 0 0 0; }
.message-box { padding-bottom: 2rem; }
.message-box h2 { font-size: 1.4rem; line-height: 1.4; color: #7E9C4F; margin-bottom: .8rem; padding-left: .6rem; border-left: solid 10px #7E9C4F; }
.message-box h2 span::before { content: "\A"; white-space: pre; }
.message-box p { font-size: 1rem; line-height: 1.8; text-align: justify; padding-bottom: .8em; }
.message-box dl { display: flex; justify-content: space-between; }
.message-box dl.right-photo { flex-direction: row-reverse; }
.message-box dl dt { width: 30%; padding-top: .4rem; }
.message-box dl dd { width: 66%; }

#message-contents { padding-top: 3rem; }
#message-contents .inner-box { display: flex; align-items: stretch; justify-content: space-between; }
#time-schedule, #offtime { width: 46%; border: solid 1px #7E9C4F; position: relative; }
#time-schedule h2, #offtime h2 { width: calc(240px - 1.6rem); padding: .8rem; background: #7E9C4F; position: absolute; top: 1rem; }
#time-schedule h2 { left: -.8rem; }
#offtime h2 { text-align: right; right: -.8rem; }
#time-schedule h2 img, #offtime h2 img { width: auto; height: 20px }
#time-schedule ul { padding: 5rem 1rem .8rem 1rem; }
#time-schedule ul li { line-height: 1.4; padding: 0 0 .4em 6em; position: relative; }
#time-schedule ul li::after { content: ""; width: 1px; height: 100%; background: #7E9C4F; position: absolute; top: .6em; left: 4.9em; }
#time-schedule ul li:last-child::after { background: none; }
#time-schedule ul li strong { font-weight: normal; text-align: right; color: #7E9C4F; width: 3.6em; position: absolute; left: 0; }
#time-schedule ul li h3 { font-weight: bold; position: relative; }
#time-schedule ul li h3::before { content: ""; width: .6em; height: .6em; border-radius: 50%; background: #7E9C4F; position: absolute; top: .4em; left: -1.4em; }
#time-schedule ul li p { font-size: .8rem; line-height: 1.4; text-align: justify; }
#offtime dl { padding: .5rem; }
#offtime dl dd { padding: .8rem .5rem .5rem .5rem; }
#offtime dl dd h3 { font-size: 1.2rem; line-height: 1.4; font-weight: bold; color: #7E9C4F; padding-bottom: .5rem; }
#offtime dl dd p { font-size: 1rem; line-height: 1.8; text-align: justify; }

#message-menu { padding-top: 3rem; }
#message-menu ul { display: flex; justify-content: space-between; }
#message-menu ul li { width: 49%; }
#message-menu ul li a:hover { opacity: .8; }

@media only screen and (max-width: 960px) {
  #message-title { background: linear-gradient(0deg, rgba(126,156,79,.15) 60px, rgba(126,156,79,0) 60px); }
  #message-title #main-image { width: max(50%,450px); padding-top: 320px; }
  #message-title #title-box { width: max(60%,480px); }
  #message-title #title-box h2 { width: 220px; margin-right: 4vw; }
  #message-title #title-box h3 { margin-bottom: .5rem; padding-right: 4vw; }
  #message-title #title-box h3 strong { font-size: 1.5rem; line-height: 1.3; }
  #message-title #title-box p { margin-right: 4vw; }
  
  #offtime h2 { width: calc(160px - 1.6rem); }
}
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #message-title { padding-bottom: 4rem; background: linear-gradient(0deg, rgba(126,156,79,.15) 55%, rgba(126,156,79,0) 55%);}
  #message-title #main-image { width: 90%; height: auto; padding-top: 0; overflow: visible; }
  #message-title #main-image img { position: relative; top: 0; transform: translateY(0); }
  #message-title #title-box { width: 96%; top: auto; bottom: 0; transform: translateY(0); }
  #message-title #title-box h2 { width: 160px; }
  #message-title #title-box h3 strong { font-size: 4.2vw; line-height: 1.3; padding: .5rem 0 .5rem .5rem; }
  #message-title #title-box p { font-size: .9rem; line-height: 1.3; }
  .message-box h2 { font-size: 1.2rem; line-height: 1.4; }
  .message-box h2 span::before { content: ""; }
  .message-box p { line-height: 1.5; }
  .message-box dl, .message-box dl.right-photo { flex-direction: column-reverse; }
  .message-box dl dt { width: 100%; padding-top: .6rem; }
  .message-box dl dd { width: 100%; }
  
  #message-contents { padding-top: 2rem; }
  #message-contents .inner-box { flex-direction: column; }
  #time-schedule { margin-bottom: 2rem; }
  #time-schedule, #offtime { width: 100%; }
  #time-schedule h2, #offtime h2 { width: calc(200px - 1rem); padding: .5rem; top: -1rem; }
  #time-schedule h2 { left: -.5rem; }
  #offtime h2 { text-align: left; right: auto; left: -.5rem; }
  #time-schedule h2 img, #offtime h2 img { height: 18px; }
  #time-schedule ul { padding-top: 2.5rem; }
  #offtime dl dd h3 { font-size: 1.1rem; line-height: 1.4; }
  #offtime dl dd p { line-height: 1.5; }

  #message-menu ul { flex-direction: column; }
  #message-menu ul li { width: 100%; margin-bottom: 1rem;  }
  #message-menu ul li:last-child { margin-bottom: 0; } 
}


/* ---------- Site ---------- */
#pickup h3 { text-align: center; width: 100%; margin: 2rem 0; position: relative; }
#pickup h3 img { width: 140px; }
#pickup h3::before { content: ""; width: calc(50% - 100px); height: 1px; background: #7E9C4F; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; }
#pickup h3::after { content: ""; width: calc(50% - 100px); height: 1px; background: #7E9C4F; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; }
#pickup ul#gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
#pickup ul#gallery li { width: 24%; border-bottom: solid 1px #7E9C4F; margin-bottom: 4%; display: flex; flex-direction: column; }
#pickup ul#gallery li:nth-child(n + 5) { margin-bottom: 0; }
#pickup ul#gallery li dl { display: flex; flex-direction: column; flex-grow: 1; }
#pickup ul#gallery li dl dt { position: relative; }
#pickup ul#gallery li dl dt strong { font-size: .8rem; line-height: 1.2; font-weight: normal; text-align: left; color: #FFF; width: 6em; padding: .4em .5em; background: #7E9C4F; box-shadow: 0 0 .3rem rgba(0,0,0,.5); display: block; position: absolute; top: .5rem; left: -.5rem; pointer-events: none; }
#pickup ul#gallery li dl dt a img { transition: .3s; }
#pickup ul#gallery li dl dt a:hover img { opacity: .8; }
#pickup ul#gallery li dl dd { display: flex; align-items: center; justify-content: center; flex-grow: 1; }
#pickup ul#gallery li dl dd p { font-size: .9rem; line-height: 1.4; text-align: center; padding: .4rem 0; }
#pickup ul#gallery li dl dd p span::before { content: ""; }
#pickup ul#gallery li dl dd ul { display: none; }
#pickup ul#gallery li dl dd ul li { width: 0; height: 0; position: absolute; }

#dairy-head { padding-top: 3rem; position: relative; }
#dairy-head h2 { text-align: center; width: min(80%,360px); padding: .6rem 0; background: #7E9C4F; box-shadow: .3rem .3rem .5rem rgba(0,0,0,.3); position: absolute; transform: rotate(-5deg); top: -2rem; left: -2rem; }
#dairy-head h2 img { width: min(80%,180px); }
#dairy-head div { width: min(100%,720px); margin: 0 auto; }
#dairy-head p { font-size: 1.2rem; line-height: 1.8; font-weight: bold; text-align: center; color: #7E9C4F; padding: 2rem 0 3rem 0; }
#dairy-head p span::before { content: "\A"; white-space: pre; }
#dairy-head ul { display: flex; flex-wrap: wrap; }
#dairy-head ul li { width: 15%; margin-right: 2%; }
#dairy-head ul li:last-child { margin-right: 0; }
#dairy-head ul li dl { width: 100%; height: 0; padding-top: 100%; position: relative; }
#dairy-head ul li dl::after { content: ""; width: 100%; height: 100%; background: #7E9C4F; clip-path: polygon(0 0, 50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
#dairy-head ul li dl dt { font-size: .9rem; line-height: 1.2; color: #FFF; position: absolute; top: .3rem; left: .3rem; z-index: 2; }
#dairy-head ul li dl dd div { width: calc(100% - 3px); height: calc(100% - 3px); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; }
#dairy-head ul li dl dd strong { font-size: 1rem; line-height: 1.2; font-weight: normal; text-align: center; color: #FFF; width: 4em; padding: .3rem; background: #7E9C4F; display: block; position: absolute; right: 0; bottom: 1rem; z-index: 4; }
#dairy-head ul li dl dd strong i { font-size: .6rem; line-height: 1.2; font-style: normal; padding-left: .2em; }
#dairy-head ul li dl dd strong span { font-size: .7rem; line-height: 1.2; display: block; }
.diary-column .question { margin-top: 4rem; padding: 1rem 0; background: #7E9C4F; }
.diary-column .question dl { width: min(92%,960px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.diary-column .question dl dt { width: 8rem; }
.diary-column .question dl dd { font-size: 1.5rem; line-height: 1.4; font-weight: bold; color: #FFF; width: calc(100% - 10rem); }
.diary-column .answer dl { margin-top: 1rem; display: flex; align-items: center; justify-content: space-between; }
.diary-column .answer dl dt { width: 6rem; height: 6rem; position: relative; }
.diary-column .answer dl dt::after { content: ""; width: 100%; height: 100%; background: #7E9C4F; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.diary-column .answer dl dt strong { width: calc(100% - 3px); height: calc(100% - 3px); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.diary-column .answer dl dd { width: calc(100% - 7rem); }
.diary-column .answer dl dd p { font-size: 1rem; line-height: 1.6; text-align: justify; }

@media only screen and (max-width: 768px) {
  #dairy-head ul li dl dt { font-size: 1.5vw; line-height: 1.2; top: .2rem; left: .2rem; }
  #dairy-head ul li { width: 15%; margin-right: 0 2% 8% 0; }
  #dairy-head ul li dl dd strong { width: calc(100% - .6em); bottom: -1.5rem; }
}
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #pickup h3 { margin: 0 0 1rem 0; }
  #pickup h3 img { width: 120px; }
  #pickup h3::before { width: calc(50% - 70px); }
  #pickup h3::after { width: calc(50% - 70px); }
  #pickup ul#gallery li { width: 49%; }
  #pickup ul#gallery li:nth-child(n + 5) { margin-bottom: 4%; }
  #pickup ul#gallery li:nth-child(n + 7) { margin-bottom: 0; }
  #pickup ul#gallery li dl dt strong { left: -.25rem; }
  #pickup ul#gallery li dl dd p span::before { content: "\A"; white-space: pre; }
  
  #dairy-head { padding-top: 2rem; }
  #dairy-head h2 { width: 60%; padding: .4rem 0; top: -1.5rem; left: -1rem; }
  #dairy-head h2 img { width: min(80%,120px); }
  #dairy-head p { font-size: 1rem; line-height: 1.4; text-align: justify; color: #7E9C4F; padding: 1rem 0 2rem 0; }
  #dairy-head p span::before { content: ""; }
  #dairy-head ul li { width: 30%; margin: 0 5% 10% 0; }
  #dairy-head ul li:nth-child(3n) { margin-right: 0; }
  #dairy-head ul li:nth-child(n + 6) { margin-bottom: 0; }
  #dairy-head ul li dl dt { font-size: 3vw; line-height: 1.2; top: .2rem; left: .2rem; }
  #dairy-head ul li dl dd strong { font-size: 3.5vw; line-height: 1.2; width: calc(100% - .6em); bottom: -1rem; }
  #dairy-head ul li dl dd strong span { font-size: 2.5vw; line-height: 1.2; }
  .diary-column .question { margin-top: 2rem; }
  .diary-column .question dl { align-items: flex-start; }
  .diary-column .question dl dt { width: 18vw; margin: 0 auto; padding-bottom: .5rem; }
  .diary-column .question dl dd { font-size: 1.05rem; line-height: 1.3; width: calc(100% - 22vw); }
  .diary-column .answer dl { align-items: flex-start; }
  .diary-column .answer dl dt { width: 19vw; height: 19vw; position: relative; }
  .diary-column .answer dl dd { width: calc(100% - 22vw); }
  .diary-column .answer dl dd p { font-size: .9rem; line-height: 1.4; }
}


/* ---------- Feature ---------- */
#feature2 { padding-bottom: 2rem; }
.feature ul.feature-list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.feature ul.feature-list li { width: 49%; margin-top: 2%; background: #ECF0E5; }
.feature ul.feature-list li dl { display: flex; justify-content: space-between; }
.feature ul.feature-list li dl dt { width: 30%; display: flex; align-items: center; justify-content: center; }
.feature ul.feature-list li dl dt img { width: 80%; }
.feature ul.feature-list li dl dd { width: calc(70% - 1px - 1rem); padding: .5rem 1rem .5rem 0; }
.feature ul.feature-list li dl dd h3 { font-size: 1rem; line-height: 1.2; text-align: center; color: #FFF; padding: .4rem 0 .3rem 0; background: #7E9C4F; }
.feature ul.feature-list li dl dd h4 { width: 90%; margin: 0 auto; padding-top: .5rem; }
.feature ul.feature-list li dl dd ul { margin-top: .5rem; padding-top: .3rem; border-top: solid 1px #7E9C4F; display: block; }
.feature ul.feature-list li dl dd ul li { font-size: .9rem; line-height: 1.2; text-indent: -1em; text-align: center; width: 100%; padding: 0 0 .2rem 1em; }
.feature ul.feature-list li dl dd ul li:last-child { padding-bottom: 0; }
.feature ul.feature-list2 { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.feature ul.feature-list2 li { width: 23.5%; margin-top: 2%; background: #ECF0E5; display: flex; flex-direction: column; }
.feature ul.feature-list2 li dl { padding: .5rem 1rem; display: flex; flex-direction: column; }
.feature ul.feature-list2 li dl dt { width: 50%; margin: 0 auto; }
.feature ul.feature-list2 li dd { min-height: 2.8rem; display: flex; align-items: center; justify-content: center; flex-grow: 1; }
.feature ul.feature-list2 li dd h3 { font-size: 1.1rem; line-height: 1.3; font-weight: bold; text-align: center; color: #7E9C4F; }
.feature ul.feature-list2 li dd h3 span { font-size: .9rem; line-height: 1.3; font-weight: normal; text-align: center; display: block; }
.feature ul.attention { margin-top: .5rem; }
.feature ul.attention li { line-height: 1.3; text-indent: -1em; padding: 0 0 .2em 1em; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  .feature ul.feature-list li { width: 100%; margin-top: 2%; }
  .feature ul.feature-list2 li { width: 49%; margin-top: 2%; }
  .feature ul.feature-list2 li dd h3 { font-size: 1rem; line-height: 1.3; }
}



/*
.feature ul#feature-list1 { justify-content: center; }
.feature ul#feature-list2 { justify-content: space-between; }
.feature ul.feature-list li { width: 23%; background: #ECF0E5; margin: 3% calc(8% / 3) 0 0; }
.feature ul#feature-list1 li { width: 31%; background: #ECF0E5; margin: 3% calc(7% / 2) 0 0; }
.feature ul#feature-list1 li:nth-child(3n), .feature ul#feature-list1 li:last-child { margin-right: 0; }
.feature ul#feature-list2 li:nth-child(4n) { margin-right: 0; }
.feature ul.feature-list li dl { padding: 0 1rem; }
.feature ul.feature-list li dl dt { width: min(130px,60%); margin: 0 auto; padding: 1.2rem 0; }
.feature ul.feature-list li dl dd h3 { font-size: 1rem; line-height: 1.2; text-align: center; color: #FFF; padding: .3rem; background: #7E9C4F; }
.feature ul.feature-list li dl dd h4 { padding: .8rem 0; border-bottom: solid 1px #7E9C4F; }
.feature ul.feature-list li dl dd ul { padding: .5rem 0 1.2rem 0; display: block; }
.feature ul.feature-list li dl dd ul li { font-size: .9rem; line-height: 1.2; text-indent: -1em; text-align: center; width: auto; margin: 0; padding: .3em 0 0 1em; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  .feature ul.feature-list li { width: 48%; }
  .feature ul.feature-list li:nth-child(2n) { margin-right: 0; }
  .feature ul.feature-list li dl { padding: 0 .6rem; }
  .feature ul.feature-list li dl dt { width: 80%; padding: .6rem 0; }
  .feature ul.feature-list li dl dd h3 { font-size: .9rem; line-height: 1.2; }
  .feature ul.feature-list li dl dd h4 { padding: .5rem 0; }
  .feature ul.feature-list li dl dd ul li { font-size: .7rem; line-height: 1.2; text-align: justify; }
  .feature ul.feature-list li dl dd ul { padding: .2rem 0 .6rem 0; }
}
*/


/* ---------- Employ ---------- */
#mynavi-banner { width: min(100%,260px); margin: 1rem auto 0 auto; }
#mynavi-banner a:hover { opacity: .8; }
.basic p.coming { line-height: 1.2; color: #C00; width: min(100%,260px); margin: 1rem auto; padding: 1rem 0; border: solid 1px #C00; background: #FDD; }
#recruiting { margin-top: 2rem; padding: .7rem; border: solid 1px #CCC; }
#recruiting dl dt { font-size: 1.2rem; line-height: 1.2; text-align: center; color: #7E9C4F; padding: .4rem 0; background: #E5EBDC; }
#recruiting dl dd ul { padding-top: .2rem; display: flex; flex-wrap: wrap; align-items: stretch; }
#recruiting dl dd ul li { font-size: 1.1rem; line-height: 1.4; text-align: center; color: #7E9C4F; width: calc(32% - 2px); margin: 1% 2% 0 0; padding: .8rem 0; border: solid 1px #7C9C4F; border-radius: .5rem; }
#recruiting dl dd ul li:nth-child(3n) { margin-right: 0; }
#employ-terms ul { border-top: dotted 1px #999; }
#employ-terms ul li { font-size: 1rem; line-height: 1.6; padding: .7rem 0 .7rem 7em; border-bottom: dotted 1px #999; position: relative; }
#employ-terms ul li h3 { position: absolute; left: 0; }
#employ-terms ul li h3 span { color: #7E9C4F; }
#employ-terms ul li ul { border: none; }
#employ-terms ul li ul li { border: none; }
#employ-terms ul li ul.sub-list1 li { text-indent: -1em; padding: .2em 0 0 1em; }
#employ-terms ul li ul.sub-list1 li span { color: rgba(126,156,79,.5); }
#employ-terms ul li ul.sub-list2 li { padding: .4em 0 0 4em; }
#employ-terms ul li ul.sub-list2 li h4 { color: #7E9C4F; position: absolute; left: 0; }
#employ-terms ul li ul.attention li { font-size: .9rem; line-height: 1.4; text-indent: -1em; padding: .2em 0 0 1em; }
#employ-terms ul li ul li:first-child { padding-top: 0; }
#employ-terms ul li ul.spacer li:first-child { padding-top: .4em; }
#employ-contact p { font-size: 1.2rem; line-height: 1.4; text-align: center; padding-top: .5rem; }
#employ-contact p strong { font-weight: normal; text-align: center; padding-left: .5rem; }
#employ-contact ul { padding-top: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#employ-contact ul li { font-size: 1.2rem; line-height: 1.4; text-align: center; }
#employ-contact ul li span { font-size: 1rem; line-height: 1.4; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #recruiting dl dt { font-size: 1.1rem; line-height: 1.2; }
  #recruiting dl dd ul { flex-direction: column; }
  #recruiting dl dd ul li { font-size: 1rem; line-height: 1.4; text-align: justify; text-indent: -1em; width: auto; margin: .3rem 0 0 0; padding: 0 0 0 1em; border: none; }
  #recruiting dl dd ul li::before { content: "●"; }
  #employ-terms ul { border: none; }
  #employ-terms ul li { line-height: 1.4; padding: 0 0 1rem 0; border: none; }
  #employ-terms ul li h3 { line-height: 1.2; text-align: center; color: #7E9C4F; margin-bottom: .5rem; padding: .3rem 0; background: rgba(126,156,79,.15); position: relative; }
  #employ-terms ul li h3 span { display: none; }
  #employ-contact p { font-size: 1rem; line-height: 1.4; }
  #employ-contact p strong { padding-left: 0; }
  #employ-contact p strong::before { content: "\A"; white-space: pre; }
}


/* ---------- Welfare ---------- */
#welfare ul { display: flex; flex-wrap: wrap; align-items: stretch; }
#welfare ul li { width: 23%; background: #ECF0E5; margin: 3% calc(8% / 3) 0 0; }
#welfare ul li:nth-child(4n) { margin-right: 0; }
#welfare ul li dl { padding: 0 1rem; }
#welfare li dl dt { width: 60%; margin: 0 auto; padding: 1.2rem 0; }
#welfare ul li dl dd h3 { font-size: 1.2rem; line-height: 1.4; font-weight: bold; text-align: center; color: #7E9C4F; min-height: 4.2em; padding: .3rem 0; border-top: solid 1px #7E9C4F; border-bottom: solid 1px #7E9C4F; display: flex; align-items: center; justify-content: center; }
#welfare ul li dl dd ul { padding: .5rem 0 1rem 0; display: block; }
#welfare ul li dl dd ul li { font-size: .8rem; line-height: 1.2; text-align: justify; text-indent: -1em; width: auto; margin: 0; padding: .3em 0 0 1em; }
#welfare ul li dl dd ul li span { color: rgba(126,156,79,.5); }
#office ul { margin-top: 1rem; display: flex; flex-wrap: wrap; }
#office ul li { width: 24%; margin: 0 calc(4% / 3) 1.2% 0; position: relative; }
#office ul li:nth-child(4n) { margin-right: 0; }
#office ul li span { font-size: .9rem; line-height: 1.2; text-align: center; color: #FFF; width: 100%; padding: .2em 0; background: rgba(126,156,79,.8); display: block; position: absolute; bottom: 0; }
#office ul li a:hover { opacity: .8; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #welfare ul li { width: 48%; }
  #welfare ul li:nth-child(2n) { margin-right: 0; }
  #welfare ul li dl { padding: 0 .6rem; }
  #welfare ul li dl dt { width: 80%; padding: .6rem 0; }
  #welfare ul li dl dd h3 { font-size: 1rem; line-height: 1.4; }
  #office ul li { width: 49%; margin: 0 2% 2% 0; }
  #office ul li:nth-child(2n) { margin-right: 0; }
}


/* ---------- FAQ ---------- */
.faq { margin-bottom: 4rem; }
.faq h2 { font-family: "Noto Serif Japanese Regular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.4rem; line-height: 1.2; text-align: center; padding-bottom: 1.5rem; color: #7E9C4F; }
.faq ul { border-top: solid 1px #CCC; }
.faq ul li { padding: .5rem 0 .5rem 0; border-bottom: solid 1px #CCC; }
.faq ul li dl { margin-bottom: .5rem; display: flex; justify-content: space-between; }
.faq ul li dl dt { width: 3rem; height: 3rem; position: relative; }
.faq ul li dl dt::after { content: ""; width: 3rem; height: 3rem; clip-path: polygon(0 50%, 50% 100%, 100% 50%, 50% 0); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.faq ul li dl dt strong { font-size: 1.2rem; line-height: 1.2; text-align: center; color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.faq ul li dl dd { width: calc(100% - 3.5rem); }
.faq ul li dl.question { align-items: center; }
.faq ul li dl.question dt::after { background: #EE8F27; }
.faq ul li dl.question dd { font-size: 1.1rem; line-height: 1.4; font-weight: bold; color: #EE8F27; }
.faq ul li dl.answer dt::after { background: #7E9C4F; }
.faq ul li dl.answer dd p { font-size: 1rem; line-height: 1.6; text-align: justify; }
.faq ul li dl.center { align-items: center; }

@media only screen and (max-width: 520px) and (orientation: portrait) {
  .faq { margin-bottom: 3rem; }
  .faq h2 { font-size: 1.3rem; line-height: 1.2; padding-bottom: 1rem; }
  .faq ul li dl, .faq ul li dl.question, .faq ul li dl.center { align-items: flex-start; }
  .faq ul li dl dt { width: 2.5rem; height: 2.5rem; }
  .faq ul li dl dt::after { width: 2.5rem; height: 2.5rem; }
  .faq ul li dl dt strong { font-size: 1.1rem; line-height: 1.2; }
  .faq ul li dl dd { width: calc(100% - 3rem); }
  .faq ul li dl.question dd { font-size: 1rem; line-height: 1.4; }
  .faq ul li dl.answer dd p { line-height: 1.4; }
}

dl.line-btn a { width: 100%; margin-top: 2rem; display: flex; align-items: center; justify-content: center; }
dl.line-btn a dt { width: 40px; height: auto; margin-right: .5rem; }
dl.line-btn a dt img { transition: .4s; }
dl.line-btn a dd { font-size: 1.2rem; line-height: 1.3; color: #333; transition: .4s; }
dl.line-btn a:hover dt img { opacity: .8; }
dl.line-btn a:hover dd { color: #EE8F27; }