/* ***************************** Import file to Scss or Sass. */
#wrapper img { width: auto; height: auto; max-width: 100%; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.bot { position: absolute; top: 13730px; left: 0; width: 100%; z-index: 10; opacity: 0.5; }

.bot img { display: block; width: 100%; max-width: 750px; height: auto; margin: 0 auto; }

#wrapper #area { position: relative; top: 0; left: 0; background: url(../img/bg.png) center top repeat-y; background-size: 100% auto; color: #643200; padding: 60px 0 80px 0; }

#wrapper #area a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

#wrapper #area a:hover { opacity: 0.7; }

#wrapper #area .page { position: absolute; bottom: 32px; right: 80px; width: 115px; }

#wrapper #area .mfont { font-family: 'Noto Serif JP', serif; }

#wrapper #area .title strong { display: block; text-align: center; font-size: 57px; letter-spacing: 0.07em; }

#wrapper #area .title h2 { text-align: center; font-size: 87px; letter-spacing: 0.14em; margin: 0 0 30px 0; }

#wrapper #area .title dl { color: #643200; width: 850px; margin: 0 auto 40px auto; }

#wrapper #area .title dl dt { margin: 0 0 16px 0; }

#wrapper #area .title dl dt strong { display: block; border: 2px solid #AA000F; border-left: none; border-right: none; font-size: 39px; text-align: center; font-weight: bold; color: #AA000F; padding: 8px 0; }

#wrapper #area .title dl dd ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

#wrapper #area .title dl dd ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; letter-spacing: 0.04em; }

#wrapper #area .title dl dd ul li:last-child:after { display: none; }

#wrapper #area .title dl dd ul li:after { display: block; content: '/'; font-size: 35px; margin: 0 18px; }

#wrapper #area .title dl dd ul li a { color: #643200; font-weight: bold; font-size: 35px; }

#wrapper #area .title dl dd ul li a:hover { opacity: 0.7; }

#wrapper #area .min { width: 850px; margin: 0 auto 45px auto; }

#wrapper #area .min h4 { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; border-radius: 20px 20px 0 0; background: #AA000F; font-size: 45px; letter-spacing: 0.14em; color: #FFFFFF; width: 100%; height: 70px; margin: 0 0 18px 0; }

#wrapper #area .min .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

#wrapper #area .min .flex .left { width: 458px; padding: 15px 0 0 0; }

#wrapper #area .min .flex .left .tel { width: 437px; margin: 0 0 22px 0; }

#wrapper #area .min .flex .left dl { display: -webkit-flex; display: -ms-flex; display: flex; margin: 0 0 18px 0; }

#wrapper #area .min .flex .left dl dt { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-weight: normal; border: 1px solid #643200; font-size: 24px; width: 118px; height: 43px; margin: 0 10px 0 0; }

#wrapper #area .min .flex .left dl dd { font-size: 24px; line-height: 1.41667; width: 330px; }

#wrapper #area .min .flex .left .link a { display: block; width: 403px; margin: 0 auto; }

#wrapper #area .min .flex .right { width: 358px; }

@media screen and (max-width: 960px) { #wrapper #area { padding: 6.25vw 0 8.33333vw 0; }
  #wrapper #area .page { bottom: 3.33333vw; right: 8.33333vw; width: 11.97917vw; }
  #wrapper #area .title strong { font-size: 5.9375vw; }
  #wrapper #area .title h2 { font-size: 9.0625vw; margin: 0 0 3.125vw 0; }
  #wrapper #area .title dl { width: 88.54167vw; margin: 0 auto 4.16667vw auto; }
  #wrapper #area .title dl dt { margin: 0 0 1.66667vw 0; }
  #wrapper #area .title dl dt strong { font-size: 4.0625vw; padding: 0.83333vw 0; }
  #wrapper #area .title dl dd ul li:after { font-size: 3.64583vw; margin: 0 1.875vw; }
  #wrapper #area .title dl dd ul li a { font-size: 3.64583vw; }
  #wrapper #area .min { width: 88.54167vw; margin: 0 auto 4.6875vw auto; }
  #wrapper #area .min h4 { border-radius: 2.08333vw 2.08333vw 0 0; font-size: 4.6875vw; height: 7.29167vw; margin: 0 0 1.875vw 0; }
  #wrapper #area .min .flex .left { width: 47.70833vw; padding: 1.5625vw 0 0 0; }
  #wrapper #area .min .flex .left .tel { width: 45.52083vw; margin: 0 0 2.29167vw 0; }
  #wrapper #area .min .flex .left dl { margin: 0 0 1.875vw 0; }
  #wrapper #area .min .flex .left dl dt { font-size: 2.5vw; width: 12.29167vw; height: 4.47917vw; margin: 0 1.04167vw 0 0; }
  #wrapper #area .min .flex .left dl dd { font-size: 2.5vw; width: 34.375vw; }
  #wrapper #area .min .flex .left .link a { width: 41.97917vw; }
  #wrapper #area .min .flex .right { width: 37.29167vw; } }