@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*▼色▼*/
/*▼文字▼*/
/*▼サイズ▼*/
/*▼FLEX系▼*/
/*▼グリッド系▼*/
.page_ctt {
  position: relative;
  overflow: hidden; }

body.page_00 .page_ctt {
  background-image: url("../img/tobira/bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: clamp(100px, 85%, 949px) auto; }

/*
.pagebase {position: fixed; z-index: 20; top: 0; left: 0; width: 100%; height: 100svh;
  >div {border-left: 1px solid $col-kin; border-right: 1px solid $col-kin; margin: 0 auto; background-color: white; height: 100%;}
}
*/
.main_ctt {
  position: relative;
  z-index: 30;
  text-align: center;
  border-left: 1px solid #c4a162;
  border-right: 1px solid #c4a162;
  background-color: white; }

.main_ctt {
  width: clamp(30rem, 100%, 1120px);
  margin-left: auto;
  margin-right: auto;
  padding: 7rem 0 0 0; }

body.tobira .main_ctt {
  background-color: inherit !important;
  border: none !important; }

.pd9 {
  padding-left: 9rem !important;
  padding-right: 9rem !important; }

/*main.main_ctt {width: clamp(30rem , 100% , calc( 1120px + 10rem ) ); margin-left: auto; margin-right: auto; padding-left: $s-lr; padding-right: $s-lr;}*/
.kei4 {
  position: relative; }
  .kei4::before, .kei4::after {
    content: '';
    display: block;
    position: absolute;
    top: -2rem;
    z-index: 1;
    background-image: url("../img/kei4.png");
    width: 6px;
    height: calc(100% + 2rem);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: contain; }
  .kei4::before {
    left: 3.5rem; }
  .kei4::after {
    right: 3.5rem; }

.tit_naka {
  text-align: center; }
  .tit_naka > .box {
    padding-bottom: 6rem;
    background-image: url("../img/naka/tit_naka_c.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  .tit_naka h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 12.7rem;
    position: relative;
    margin: 0;
    padding: 0 22rem;
    color: #c4a162;
    background-image: url("../img/naka/tit_naka_l.png"), url("../img/naka/tit_naka_r.png");
    background-position: left 8rem center , right 8rem center;
    background-repeat: no-repeat;
    background-size: contain; }
    .tit_naka h1 span {
      font-size: 4.6rem;
      font-family: 'Noto Serif JP', serif;
      font-weight: 700 !important;
      line-height: 1.1;
      display: inline-block; }
      .tit_naka h1 span span.layer:first-child::after {
        /* content: '｜'; */
        display: inline; }
      /* .tit_naka h1 span.gyo2 span.layer:first-child::before, .tit_naka h1 span.gyo2 span.layer:first-child::after {
        content: '　'; } */
    .tit_naka h1 i {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 14px;
      bottom: -7px;
      left: 0;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center; }
      .tit_naka h1 i::before, .tit_naka h1 i::after {
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 14px;
        width: calc(50% - 8px); }
      .tit_naka h1 i::before {
        background-image: url("../img/naka/tit_bar_l.png");
        background-position: left 15px center; }
      .tit_naka h1 i::after {
        background-image: url("../img/naka/tit_bar_r.png");
        background-position: right 15px center; }
      .tit_naka h1 i img {
        height: 14px;
        width: auto; }

.turnthepage {
  margin-top: 7rem; }
  .turnthepage > .box {
    text-align: center; }
  .turnthepage a {
    display: inline-block;
    margin: 0 0.5em;
    transition: 0.3s; }
    .turnthepage a img {
      width: 5rem;
      height: auto;
      opacity: 1 !important; }
    .turnthepage a:hover {
      scale: 1.05; }

.loadimg, .loadimg img {
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  display: none !important; }

/*---------------------------------------------------------------------------BP1920*/
/*---------------------------------------------------------------------------BP1600*/
/*---------------------------------------------------------------------------BP1280*/
@media (max-width: 1280px) {
  .main_ctt {
    width: calc(100% - 20rem);
    margin: 0 10rem; } }
/*---------------------------------------------------------------------------BP1120*/
@media (max-width: 1120px) {
  .kei4::before {
    left: 3%;
    opacity: 0.5; }

  .kei4::after {
    right: 3%;
    opacity: 0.5; }

  .tit_naka h1 {
    background-position: left 5rem center , right 5rem center;
    padding: 0 16rem;
    background-image: url(../img/naka/tit_naka_l2.png), url(../img/naka/tit_naka_r2.png); } }
/*---------------------------------------------------------------------------BP1024*/
@media (max-width: 1024px) {
  .tit_naka h1 span {
    font-size: 3.8rem; }

  body.page_00 .main_ctt {
    width: 100%;
    margin: 0; } }
/*---------------------------------------------------------------------------BP1023*/
/*---------------------------------------------------------------------------BP960*/
@media (max-width: 960px) {
  .main_ctt {
    width: 80%;
    margin: 0 10%; } }
/*---------------------------------------------------------------------------BP896*/
@media (max-width: 896px) {
  .main_ctt {
    width: 90%;
    margin: 0 5%; } }
/*---------------------------------------------------------------------------BP768*/
@media (max-width: 768px) {
  .main_ctt {
    width: 100%;
    margin: 0 0%; }

  .tit_naka h1 {
    padding: 0rem 16rem; }

  .tit_naka h1 span {
    font-size: 3.2rem; } }
/*---------------------------------------------------------------------------BP767*/
/*---------------------------------------------------------------------------BP620*/
@media (max-width: 620px) {
  .kei4::before {
    left: 3%;
    opacity: 0.25; }

  .kei4::after {
    right: 3%;
    opacity: 0.25; }

  .pd9 {
    padding-left: 7.5% !important;
    padding-right: 7.5% !important; }

  .tit_naka h1 {
    height: 10rem;
    padding: 0rem 13rem; }

  .tit_naka h1 span {
    font-size: 2.8rem; }

  .tit_naka h1 {
    background-position: left 6.5% center , right 6.5% center; } }
/*---------------------------------------------------------------------------BP480*/
@media (max-width: 480px) {
  .tit_naka h1 {
    height: 9rem;
    padding: 0rem 10rem; } }