@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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*::before,
*::after {
  box-sizing: border-box; }

a,
area,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

a {
  text-decoration: none; }

img {
  vertical-align: top;
  width: 100%;
  height: auto; }

.layout, #header .header__inner, #header #nav, #header #nav .nav__inner, #contents .section .section__inner, #footer .footer__inner {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 1000px) {
    .layout, #header .header__inner, #header #nav, #header #nav .nav__inner, #contents .section .section__inner, #footer .footer__inner {
      padding: 0 20px; } }
  @media screen and (max-width: 768px) {
    .layout, #header .header__inner, #header #nav, #header #nav .nav__inner, #contents .section .section__inner, #footer .footer__inner {
      padding: 0 10px; } }

.br_sp-s {
  display: none; }
  @media screen and (max-width: 480px) {
    .br_sp-s {
      display: block; } }

.pc-only {
  display: block; }
  @media screen and (max-width: 480px) {
    .pc-only {
      display: none; } }

.sp-only {
  display: none; }
  @media screen and (max-width: 480px) {
    .sp-only {
      display: block; } }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #231815;
  min-width: 320px;
  -webkit-text-size-adjust: 100%; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

#wrapper {
  position: relative;
  overflow: hidden; }

#header .header__inner {
  background: url(../img/index/main02.jpg) no-repeat center left;
  min-height: 475px; }
  @media screen and (max-width: 768px) {
    #header .header__inner {
      background: url(../img/index/header_sp_768.jpg) no-repeat center center;
      padding: 0;
      min-height: 546px;
      background-size: contain; } }
  @media screen and (max-width: 480px) {
    #header .header__inner {
      min-height: 290px;
      background-size: cover; } }
#header .sp-head {
  display: none; }
  @media screen and (max-width: 768px) {
    #header .sp-head {
      display: block;
      background: rgba(255, 255, 255, 0.6);
      background-size: cover;
      text-align: center;
      padding: 10px 0; }
      #header .sp-head img {
        max-width: 100px; } }
@media screen and (max-width: 768px) {
  #header #nav {
    position: fixed;
    top: 0;
    right: 0;
    text-align: right;
    z-index: 100; } }
#header #nav .btn {
  position: relative;
  display: none;
  background: #fff;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  margin: 10px 10px 0 0;
  vertical-align: middle;
  z-index: 102; }
  @media screen and (max-width: 768px) {
    #header #nav .btn {
      display: inline-block; } }
  #header #nav .btn span {
    position: absolute;
    left: 3px;
    display: block;
    height: 4px;
    width: 24px;
    border-radius: 5px;
    background: #004ea2;
    cursor: pointer;
    transition: all 0.3s; }
  #header #nav .btn span:nth-child(1) {
    top: 3px; }
  #header #nav .btn span:nth-child(2) {
    top: 13px; }
  #header #nav .btn span:nth-child(3) {
    bottom: 3px; }
  #header #nav .btn.active span:nth-child(1) {
    transform: translatey(10px) rotate(-45deg); }
  #header #nav .btn.active span:nth-child(2) {
    display: none; }
  #header #nav .btn.active span:nth-child(3) {
    transform: translatey(-10px) rotate(45deg); }
#header #nav .nav__inner {
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  z-index: 100; }
  #header #nav .nav__inner::before, #header #nav .nav__inner::after {
    content: '';
    display: table; }
  #header #nav .nav__inner::after {
    clear: both; }
  @media screen and (max-width: 768px) {
    #header #nav .nav__inner {
      display: none;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #fff;
      padding: 40px 0 10px;
      z-index: 101;
      overflow-y: auto; } }
  #header #nav .nav__inner .sp-head-menu {
    display: none; }
    @media screen and (max-width: 768px) {
      #header #nav .nav__inner .sp-head-menu {
        display: block;
        text-align: center; }
        #header #nav .nav__inner .sp-head-menu img {
          max-width: 150px; } }
  #header #nav .nav__inner .nav-l, #header #nav .nav__inner .nav-r {
    float: left;
    width: 40%; }
    @media screen and (max-width: 768px) {
      #header #nav .nav__inner .nav-l, #header #nav .nav__inner .nav-r {
        float: none;
        width: 100%; } }
    #header #nav .nav__inner .nav-l ul, #header #nav .nav__inner .nav-r ul {
      display: table;
      padding: 72px 0 0;
      width: 100%; }
      #header #nav .nav__inner .nav-l ul > li, #header #nav .nav__inner .nav-r ul > li {
        display: table-cell;
        padding: 5px 10px;
        vertical-align: bottom;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #header #nav .nav__inner .nav-l ul > li, #header #nav .nav__inner .nav-r ul > li {
            display: block;
            padding: 10px 15px;
            text-align: center;
            border-top: 1px solid #ccc; }
            #header #nav .nav__inner .nav-l ul > li:first-child, #header #nav .nav__inner .nav-r ul > li:first-child {
              border-top: none; } }
        #header #nav .nav__inner .nav-l ul > li a, #header #nav .nav__inner .nav-r ul > li a {
          display: block;
          border-bottom: 2px solid transparent;
          font-size: 25px;
          color: #231815;
          line-height: 1.3em;
          transition: border-bottom .3s;
          font-family: 梅UIゴシック; }
          #header #nav .nav__inner .nav-l ul > li a:hover, #header #nav .nav__inner .nav-r ul > li a:hover {
            border-bottom: 2px solid #004ea2; }
          #header #nav .nav__inner .nav-l ul > li a.is-active, #header #nav .nav__inner .nav-r ul > li a.is-active {
            border-bottom: 2px solid #004ea2; }
  #header #nav .nav__inner .nav-c {
    float: left;
    width: 20%; }
    @media screen and (max-width: 768px) {
      #header #nav .nav__inner .nav-c {
        float: none;
        width: 100%;
        display: none; } }
    #header #nav .nav__inner .nav-c h1 {
      margin: 5px auto; }
  #header #nav .nav__inner .nav-r {
    float: right;
    width: 40%; }
    #header #nav .nav__inner .nav-r img {
      max-width: 191px; }
    @media screen and (max-width: 768px) {
      #header #nav .nav__inner .nav-r {
        float: none;
        width: 100%; } }
    #header #nav .nav__inner .nav-r ul {
      padding: 2px 0 0; }
    #header #nav .nav__inner .nav-r .link-img {
      vertical-align: top; }
      #header #nav .nav__inner .nav-r .link-img a:hover {
        opacity: 0.5; }
      #header #nav .nav__inner .nav-r .link-img .head-title {
        text-align: left;
        padding-left: 20px; }
        @media screen and (max-width: 768px) {
          #header #nav .nav__inner .nav-r .link-img .head-title {
            text-align: center;
            padding-left: 0; } }
        #header #nav .nav__inner .nav-r .link-img .head-title img {
          max-width: 130px; }
      #header #nav .nav__inner .nav-r .link-img .head-mail img {
        max-width: 190px; }
      #header #nav .nav__inner .nav-r .link-img .head-tel img {
        max-width: 190px; }

@media screen and (max-width: 768px) {
  #contents {
    margin-top: 20px; } }
#contents .corona-info .corona-box {
  border: 1px solid #a40b5d;
  max-width: 850px;
  margin: 20px auto 30px; }
  #contents .corona-info .corona-box .corona-title {
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    margin: 10px auto 0; }
    @media screen and (max-width: 768px) {
      #contents .corona-info .corona-box .corona-title {
        font-size: 16px;
        padding: 0 10px; } }
  #contents .corona-info .corona-box h2 {
    text-align: center;
    font-size: 25px;
    color: #a40b5d;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
    @media screen and (max-width: 768px) {
      #contents .corona-info .corona-box h2 {
        font-size: 20px;
        padding: 0 10px;
        text-align: left; } }
  #contents .corona-info .corona-box .corona-list {
    display: flex;
    justify-content: center; }
    #contents .corona-info .corona-box .corona-list li {
      text-align: center;
      padding: 0 20px 10px; }
      @media screen and (max-width: 768px) {
        #contents .corona-info .corona-box .corona-list li {
          width: 50%;
          padding: 10px; } }
      #contents .corona-info .corona-box .corona-list li img {
        max-width: 150px; }

#footer-access .line-top {
  border-top: 3px solid #004ea2; }
#footer-access .footer-title {
  margin: 20px auto 0;
  text-align: center; }
  #footer-access .footer-title img {
    max-width: 179px; }
#footer-access h2 {
  font-size: 32px;
  font-family: kozukamincho,YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-align: center;
  font-weight: 500; }
  @media screen and (max-width: 768px) {
    #footer-access h2 {
      font-size: 26px; } }
#footer-access .access-box {
  padding: 20px 30px 0; }
  #footer-access .access-box::before, #footer-access .access-box::after {
    content: '';
    display: table; }
  #footer-access .access-box::after {
    clear: both; }
  @media screen and (max-width: 480px) {
    #footer-access .access-box {
      padding: 20px 10px 0; } }
  #footer-access .access-box .a-box-left {
    float: left;
    width: 50%; }
    @media screen and (max-width: 768px) {
      #footer-access .access-box .a-box-left {
        float: none;
        width: 100%;
        padding: 10px; } }
    @media screen and (max-width: 768px) {
      #footer-access .access-box .a-box-left .shop-img {
        text-align: center; } }
    #footer-access .access-box .a-box-left .shop-img img {
      max-width: 450px; }
    #footer-access .access-box .a-box-left .a-contact-btn {
      max-width: 450px;
      padding: 10px;
      margin: 10px 0; }
      #footer-access .access-box .a-box-left .a-contact-btn::before, #footer-access .access-box .a-box-left .a-contact-btn::after {
        content: '';
        display: table; }
      #footer-access .access-box .a-box-left .a-contact-btn::after {
        clear: both; }
      @media screen and (max-width: 768px) {
        #footer-access .access-box .a-box-left .a-contact-btn {
          margin: 20px auto; } }
      #footer-access .access-box .a-box-left .a-contact-btn .a-btn-left {
        float: left;
        width: 40%;
        margin-top: 40px; }
        #footer-access .access-box .a-box-left .a-contact-btn .a-btn-left img {
          max-width: 154px; }
      #footer-access .access-box .a-box-left .a-contact-btn .a-btn-right {
        float: left;
        width: 60%;
        text-align: center; }
        #footer-access .access-box .a-box-left .a-contact-btn .a-btn-right img {
          max-width: 266px; }
        #footer-access .access-box .a-box-left .a-contact-btn .a-btn-right a:hover {
          opacity: 0.5; }
        #footer-access .access-box .a-box-left .a-contact-btn .a-btn-right p {
          margin-bottom: 5px; }
  #footer-access .access-box .a-box-right {
    float: left;
    width: 50%; }
    @media screen and (max-width: 768px) {
      #footer-access .access-box .a-box-right {
        float: none;
        width: 100%;
        padding: 10px; } }
    #footer-access .access-box .a-box-right .a-logo {
      text-align: center; }
      #footer-access .access-box .a-box-right .a-logo img {
        max-width: 191px; }
    #footer-access .access-box .a-box-right h3 {
      font-size: 20px;
      font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: bold;
      text-align: center;
      line-height: 1.2em;
      margin-top: 5px; }
    #footer-access .access-box .a-box-right table {
      margin-top: 10px; }
      #footer-access .access-box .a-box-right table tr {
        border-bottom: 1px dashed #231815;
        font-size: 17px;
        font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
        #footer-access .access-box .a-box-right table tr th {
          width: 25%;
          text-align: left;
          padding: 7px 10px; }
          @media screen and (max-width: 768px) {
            #footer-access .access-box .a-box-right table tr th {
              width: 30%; } }
        #footer-access .access-box .a-box-right table tr td {
          width: 75%; }
          @media screen and (max-width: 768px) {
            #footer-access .access-box .a-box-right table tr td {
              width: 70%; } }
      #footer-access .access-box .a-box-right table .l-none {
        border-bottom: none; }
#footer-access .qr-code .bk-qr-box {
  position: relative;
  max-width: 700px;
  margin: 0 auto; }
#footer-access .qr-code .bk-qr {
  text-align: center;
  margin-bottom: 50px; }
  #footer-access .qr-code .bk-qr img {
    max-width: 700px; }
#footer-access .qr-code .down-a {
  position: absolute;
  top: 34%;
  left: 74%; }
  @media screen and (max-width: 480px) {
    #footer-access .qr-code .down-a {
      right: 2%; } }
  #footer-access .qr-code .down-a img {
    max-width: 165px; }
    @media screen and (max-width: 480px) {
      #footer-access .qr-code .down-a img {
        max-width: 90px; } }
  #footer-access .qr-code .down-a a:hover {
    opacity: 0.8; }
#footer-access .qr-code .down-g {
  position: absolute;
  top: 65%;
  left: 74%; }
  @media screen and (max-width: 480px) {
    #footer-access .qr-code .down-g {
      right: 2%; } }
  #footer-access .qr-code .down-g img {
    max-width: 165px; }
    @media screen and (max-width: 480px) {
      #footer-access .qr-code .down-g img {
        max-width: 90px; } }
  #footer-access .qr-code .down-g a:hover {
    opacity: 0.8; }

.map {
  width: auto;
  height: auto; }

#footer {
  background: #004ea2; }
  #footer .footer__inner {
    text-align: center; }
    #footer .footer__inner p {
      padding: 8px; }
      #footer .footer__inner p img {
        max-width: 104px; }