@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Patua+One");
/* Layout */
html, body {
  background: rgba(185, 143, 38, 0.15) url("../image/bg.svg") repeat-y 50% 0/cover content-box; }
  @media only screen and (max-width: 768px) {
    html, body {
      background-size: 100%; } }

html {
  scroll-behavior: smooth; }

.container {
  width: 70%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  background-color: #fff; }
  @media only screen and (max-width: 768px) {
    .container {
      width: 80%; } }
  .container .row:last-child {
    margin-bottom: 0; }

.row {
  width: 70%;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .row {
      width: 100%; } }

header .container {
  text-align: center;
  padding: 80px 0; }
  @media only screen and (max-width: 768px) {
    header .container {
      padding: 54px 0 24px; } }
  header .container h1 img {
    width: 360px;
    height: auto; }
    @media only screen and (max-width: 768px) {
      header .container h1 img {
        width: 180px; } }
    header .container h1 img:first-child {
      margin-bottom: 80px; }
      @media only screen and (max-width: 768px) {
        header .container h1 img:first-child {
          margin-bottom: 28px; } }

footer .container {
  text-align: center;
  padding: 80px 0; }
  @media only screen and (max-width: 768px) {
    footer .container {
      padding: 54px 0; } }
  footer .container #copyright {
    font-size: 12px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      footer .container #copyright {
        font-size: 10px; } }

/*  */
#map {
  padding-bottom: 40px; }
  #map p {
    text-align: center; }

/*  */
body {
  color: #231815;
  font-size: 15px;
  font-weight: 400;
  font-feature-settings: 'palt';
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 2.1;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 768px) {
    body {
      font-size: 14px;
      line-height: 1.89; } }

p {
  margin-bottom: 1.5em; }
  p:empty {
    display: none; }
  .row p:last-child {
    margin-bottom: 0; }

h2, h3, h4, h5, h6 {
  text-align: center;
  font-weight: bold;
  line-height: 1.7; }

h2 {
  font-size: 20px;
  margin-bottom: 1em; }
  h2::after {
    content: '';
    display: block;
    height: 2px;
    width: 240px;
    background-color: #B98F26;
    margin: 20px auto 48px; }
    @media only screen and (max-width: 768px) {
      h2::after {
        width: 160px;
        margin: 8px auto 36px; } }
  @media only screen and (max-width: 768px) {
    h2.heading {
      margin-top: 40px; } }
  h2.heading img {
    width: 200px; }
    @media only screen and (max-width: 768px) {
      h2.heading img {
        width: 90%; } }

h3 {
  font-size: 16px;
  margin-bottom: 1em; }
  @media only screen and (max-width: 768px) {
    h3 {
      font-size: 15px; } }

/* Grid */
.row {
  overflow: hidden; }

.grid {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 12px 24px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .grid {
      padding: 8px 8px; } }

.grid-0 {
  padding-bottom: 0; }

.grid-sp-2 {
  width: 16.66666%; }

.grid-sp-3 {
  width: 25%; }

.grid-sp-4 {
  width: 33.33333%; }

.grid-sp-6 {
  width: 50%; }

.grid-sp-8 {
  width: 66.66666%; }

.grid-sp-9 {
  width: 75%; }

@media only screen and (min-width: 768px) {
  .grid-2 {
    width: 16.66666%; }

  .grid-3 {
    width: 25%; }

  .grid-4 {
    width: 33.33333%; }

  .grid-6 {
    width: 50%; }

  .grid-8 {
    width: 66.66667%; }

  .grid-9 {
    width: 75%; } }
@media only screen and (max-width: 1100px) {
  .grid-md-6 {
    width: 50% !important; } }
@media only screen and (max-width: 768px) {
  .grid-md-6 {
    width: 100% !important; } }
hr {
  border: none;
  border-bottom: 1px dotted #231815;
  margin-bottom: 40px;
  margin-top: 40px; }

a {
  color: #231815;
  text-decoration: none; }
  a:hover, a:active {
    opacity: 0.6;
    transition: 0.2s; }
    @media only screen and (max-width: 768px) {
      a:hover, a:active {
        opacity: 1; } }
  a:focus {
    outline: none; }
  a.disable {
    opacity: 0.3 !important;
    cursor: auto !important; }

::selection {
  background: #eee; }

::-moz-selection {
  background: #eee; }

img {
  max-width: 100%;
  height: auto; }
  img + h2, img + h3, img + h4, img + h5 {
    margin-top: 0.4em; }

li {
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-small {
  font-size: 90%;
  line-height: 2; }
  @media only screen and (max-width: 768px) {
    .text-small {
      font-size: 11px !important;
      line-height: 2.1; } }

.text-large {
  font-size: 1.1em; }

.text-bold {
  font-weight: bold; }

.text-underline {
  text-decoration: underline; }

strong {
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    strong {
      line-height: 1.6;
      margin-bottom: 6px; } }

hr.hr {
  border: 3px solid #999;
  width: 48px;
  margin-bottom: 60px; }

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 33%;
  overflow: hidden;
  margin: 0; }
  @media only screen and (max-width: 768px) {
    .map {
      padding-bottom: 120%; } }

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 99.9%;
  height: 100%;
  padding: 1px;
  box-sizing: border-box;
  background-color: #eee;
  border-color: transparent !important; }

/*  */
.hidden-pc {
  display: block; }
  @media only screen and (min-width: 768px) {
    .hidden-pc {
      display: none; } }

.visible-pc {
  display: none; }
  @media only screen and (min-width: 768px) {
    .visible-pc {
      display: block; } }

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */