@charset "UTF-8";
* {
box-sizing: border-box;
}

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

html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow:auto;
}

body {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 768px) {
  body {
    font-size:1.4rem;
  }
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #111;
}

a:hover {
  color: #111;
  text-decoration: none !important;
}

i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
p {
  margin: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

figure {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 0;
vertical-align: baseline;
background: transparent;
}

@media screen and (max-width: 768px) {
  #inner {
    font-size: calc(100vw * 10 / 375);
  }
}

.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


/* --------------------------
pagetop
-------------------------- */
.pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  width: 50px;
  height: 50px;
}

.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/page_top.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pagetop a:hover {
  width: 50px;
  height: 50px;
  background: url(../images/page_top_hover.png) no-repeat;
  background-size: contain;
  border: 1px solid #978153;
}

.scroll-back-to-top-wrapper.show {
  visibility: hidden !important;
  opacity: 0;
}

/* --------------------------
フッター
-------------------------- */
footer {
  background: #163259;
  padding: 30px 0 0;
}
@media screen and (max-width: 520px) {
  footer {
    padding-bottom: 112px;
  }
}

.innerWide {
    width: 96%;
    max-width: 1140px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
.innerWide {
  width: 90%;
}
}

footer .instaWrap {
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: 30px;
  border-bottom: 1px solid #a8a8a8;
}

@media screen and (max-width: 768px) {
  footer .instaWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

footer .instaWrap .insta {
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%20stroke-width%3D%221%22%20class%3D%22ai%20ai-InstagramFill%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.465%201.066C8.638%201.012%209.012%201%2012%201c2.988%200%203.362.013%204.534.066%201.172.053%201.972.24%202.672.511.733.277%201.398.71%201.948%201.27.56.549.992%201.213%201.268%201.947.272.7.458%201.5.512%202.67C22.988%208.639%2023%209.013%2023%2012c0%202.988-.013%203.362-.066%204.535-.053%201.17-.24%201.97-.512%202.67a5.396%205.396%200%200%201-1.268%201.949c-.55.56-1.215.992-1.948%201.268-.7.272-1.5.458-2.67.512-1.174.054-1.548.066-4.536.066-2.988%200-3.362-.013-4.535-.066-1.17-.053-1.97-.24-2.67-.512a5.397%205.397%200%200%201-1.949-1.268%205.392%205.392%200%200%201-1.269-1.948c-.271-.7-.457-1.5-.511-2.67C1.012%2015.361%201%2014.987%201%2012c0-2.988.013-3.362.066-4.534.053-1.172.24-1.972.511-2.672a5.396%205.396%200%200%201%201.27-1.948%205.392%205.392%200%200%201%201.947-1.269c.7-.271%201.5-.457%202.67-.511zm8.98%201.98c-1.16-.053-1.508-.064-4.445-.064-2.937%200-3.285.011-4.445.064-1.073.049-1.655.228-2.043.379-.513.2-.88.437-1.265.822a3.412%203.412%200%200%200-.822%201.265c-.151.388-.33.97-.379%202.043-.053%201.16-.064%201.508-.064%204.445%200%202.937.011%203.285.064%204.445.049%201.073.228%201.655.379%202.043.176.477.457.91.822%201.265.355.365.788.646%201.265.822.388.151.97.33%202.043.379%201.16.053%201.507.064%204.445.064%202.938%200%203.285-.011%204.445-.064%201.073-.049%201.655-.228%202.043-.379.513-.2.88-.437%201.265-.822.365-.355.646-.788.822-1.265.151-.388.33-.97.379-2.043.053-1.16.064-1.508.064-4.445%200-2.937-.011-3.285-.064-4.445-.049-1.073-.228-1.655-.379-2.043-.2-.513-.437-.88-.822-1.265a3.413%203.413%200%200%200-1.265-.822c-.388-.151-.97-.33-2.043-.379zm-5.85%2012.345a3.669%203.669%200%200%200%204-5.986%203.67%203.67%200%201%200-4%205.986zM8.002%208.002a5.654%205.654%200%201%201%207.996%207.996%205.654%205.654%200%200%201-7.996-7.996zm10.906-.814a1.337%201.337%200%201%200-1.89-1.89%201.337%201.337%200%200%200%201.89%201.89z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  width: 50px;
  height: 50px;
}

footer .footerMenu {
  width: 90%;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 991px) {
  footer .footerMenu {
    width: 100%;
  }
}

footer .footerMenu .border.gold {
  margin: 20px 0;
}
.border.gold {
    border-bottom: #978153 1px solid;
    margin: 20px auto;
}

footer .footerMenu .footer_in .footer_nav {
  margin-bottom: 40px;
}

footer .footerMenu .footer_in .footer_nav a {
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
  color: #fff;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  footer .footerMenu .footer_in .footer_nav a {
    font-size: 0.8em;
  }
}

footer .footerMenu .footer_in .footer_nav a:hover {
  opacity: 0.6;
}

footer .footerMenu .footer_in .footer_nav .search_areaWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  footer .footerMenu .footer_in .footer_nav .search_areaWrap ul li a {
    font-size: 0.8em;
  }
}

footer .footerMenu .footer_in .footer_nav .search_areaWrap .search_area_L {
  margin-right: 40px;
}

@media screen and (max-width: 991px) {
  footer .footerMenu .footer_in.w-20 {
    width: 27%;
  }
}

@media (min-width: 521px) and (max-width: 768px) {
  footer .footerMenu .footer_in.w-20.footer_in_others {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 520px) {
  footer .footerMenu .footer_in.w-20.footer_in_others {
    width: 40%;
  }
}

@media (min-width: 521px) and (max-width: 768px) {
  footer .footerMenu .footer_in.w-20.footer_in_others .footer_nav:nth-child(-n+2) {
    margin-right: 70px;
  }
}

@media screen and (max-width: 768px) {
  footer .footerMenu .footer_in.w-32.footer_in_search {
    width: 60%;
  }
}

@media screen and (max-width: 520px) {
  footer .footerMenu .footer_in.w-32.footer_in_search {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  footer .footerMenu .footer_in.w-32.footer_in_about {
    width: 35%;
  }
}

@media screen and (max-width: 520px) {
  footer .footerMenu .footer_in.w-32.footer_in_about {
    width: 50%;
  }
}

footer .footer_in .footer_nav .title {
  color: #fff;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

@media screen and (max-width: 768px) {
  footer .footer_in .footer_nav .title {
    font-size: 0.8em;
  }
}

footer .footer_nav__areaBox .search_area_R {
  padding-top: 23px;
}

footer .footer_haseko {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(215, 207, 203, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

footer .footer_haseko a {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: auto;
}

footer .footer_haseko a img {
  height: 50px;
}

footer .footer_haseko .copyright {
  color: #fff;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  margin-top: 10px;
}

footer .group_site {
  width: 96%;
  max-width: 733px;
  padding: 0 0 20px;
}

footer .group_site p.title {
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 25px 0 10px;
  border-bottom: 1px solid rgba(215, 207, 203, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
}

footer .group_site ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .group_site ul li {
  margin-right: 20px;
  margin-bottom: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

footer .group_site ul li:first-child {
  width: 20%;
}

@media screen and (max-width: 520px) {
  footer .group_site ul li:first-child {
    width: 100%;
    margin-right: 0;
  }
}

footer .group_site ul li:nth-child(2) {
  width: 31%;
}

@media screen and (max-width: 520px) {
  footer .group_site ul li:nth-child(2) {
    width: 100%;
    margin-right: 0;
  }
}

footer .group_site ul li:last-child {
  width: 36%;
  margin-right: 0px;
}

@media screen and (max-width: 520px) {
  footer .group_site ul li:last-child {
    width: 100%;
  }
}

footer .group_site ul li img {
  height: 35px;
  width: 100%;
}


.ib_onlylg {
  display: block;
}
.ib_lg {
  display: none;
}
.ib_md {
  display: none;
}
.ib_sm {
  display: none;
}

@media screen and (max-width: 1024px) {
.ib_onlylg {
  display: none;
}
.ib_lg {
  display: block;
}
}
@media screen and (max-width: 768px) {
.ib_md {
  display: block;
}

}@media screen and (max-width: 520px) {
.ib_sm {
  display: block;
}
}