@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;0,6..96,900;1,6..96,400;1,6..96,700;1,6..96,900&display=swap");
@font-face {
  font-family: 'text_v';
  src: url("../font/FOT-TsukuAOldMinPr6-R.otf"); }
body {
  padding: 0 10px;
  background: #C9D6FF;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #E2E2E2, #C9D6FF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
  body .secHed_01 {
    max-width: 940px;
    min-width: 355px;
    height: auto;
    margin: 0 auto;
    padding: 0; }
    body .secHed_01 #mainTitle_wrap, body .secHed_01 .secHedTitle_02_wrap {
      text-align: center; }
      body .secHed_01 #mainTitle_wrap .mainTitle, body .secHed_01 .secHedTitle_02_wrap .mainTitle {
        display: inline-block;
        width: auto;
        margin: 50px auto 80px;
        padding: 20px 10px 20px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        font-family: "Bodoni Moda", serif;
        font-weight: 700;
        font-size: 4rem;
        line-height: 0.8em; }
        @media (max-width: 680px) {
          body .secHed_01 #mainTitle_wrap .mainTitle, body .secHed_01 .secHedTitle_02_wrap .mainTitle {
            margin: 30px auto 40px; } }
    body .secHed_01 .h1content_wrap {
      max-width: 870px;
      margin: 0 auto; }
  body .text_v_wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px; }
    body .text_v_wrap .text_v {
      display: inline-block;
      margin-left: 1em;
      vertical-align: top;
      text-align: left;
      font-family: text_v;
      font-size: 1.5rem;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
  body .text_en {
    display: block;
    margin-top: -80px;
    margin-bottom: 30px;
    font-family: "Bodoni Moda", serif;
    font-size: 2rem; }
  body .separation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 60px 0 100px;
    font-size: 1.5rem;
    color: rgba(80, 80, 80, 0.8); }
    body .separation::before {
      border-top: 1px solid rgba(80, 80, 80, 0.8);
      content: "";
      width: 20em;
      /* 線の長さ */
      margin-right: 10px; }
  body .secHed_02 {
    widt: 100%;
    height: auto;
    margin: 0 10px;
    padding: 50px 0; }
    body .secHed_02 .secHedTitle_02 {
      display: inline-block;
      width: auto;
      margin: 0 auto 50px;
      padding: 5px 10px;
      border-bottom: 2px double #000;
      font-family: "Bodoni Moda", serif;
      font-weight: 700;
      font-size: 3rem;
      line-height: 0.8em; }
  body .content_wrap .grid .grid-item {
    width: calc(100% / 3);
    height: auto;
    padding: 0 10px 20px; }
    @media (max-width: 680px) {
      body .content_wrap .grid .grid-item {
        width: calc(100% / 2); } }
    body .content_wrap .grid .grid-item .grid-item_box {
      width: 100%;
      height: auto;
      padding: 10px 10px 0;
      background-color: rgba(255, 255, 255, 0.25);
      border-radius: 10px;
      transition: all 0.3s 0s ease; }
    body .content_wrap .grid .grid-item .popup-ajax {
      text-decoration: none;
      color: inherit; }
      body .content_wrap .grid .grid-item .popup-ajax:hover .grid-item_box {
        background-color: rgba(255, 255, 255, 0.5); }