@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Roboto:ital,wght@0,100;0,300;1,100&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

@font-face {
  font-family: 'Hiragino Mincho Pro';
  src: url("../../assets/fonts/hiragino-mincho-pro/Hiragino Mincho Pro W6.otf");
  font-weight: 600; }

@font-face {
  font-family: 'Hiragino Mincho Pro';
  src: url("../../assets/fonts/hiragino-mincho-pro/hiragino-mincho-pro-w3.otf");
  font-weight: 300; }

html {
  scroll-behavior: smooth; }

:target {
  scroll-margin-top: 80px; }

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1160px;
    /* 1140px */ } }

@media (min-width: 1400px) {
  .container {
    max-width: 1320px; } }

.row {
  margin-left: -15px;
  margin-right: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/*------top------*/
.logo__white {
  display: block; }

.logo__black {
  display: none; }

.navi__top {
  max-width: 100%;
  border-bottom: 1px solid #A7A7A7;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: 9; }
  @media screen and (max-width: 991px) {
    .navi__top {
      position: relative; }
      .navi__top .logo__white {
        display: none; }
      .navi__top .logo__black {
        display: block; } }
  .navi__top.open {
    background-color: #333333;
    border: none;
    position: fixed;
    z-index: 9;
    top: 0; }
    .navi__top.open.sticky {
      background-color: #333333;
      border: none; }
      .navi__top.open.sticky .logo__white {
        display: block; }
      .navi__top.open.sticky .logo__black {
        display: none; }
    .navi__top.open .sp__menu {
      -ms-scroll-chaining: none;
      overscroll-behavior: contain;
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      display: block;
      background: #333333;
      top: 61px;
      padding-top: 32px; }
    .navi__top.open .logo__white {
      display: block; }
    .navi__top.open .logo__black {
      display: none; }
  .navi__top__content {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    padding-left: 2.9%;
    padding-right: 2.9%; }
    @media screen and (max-width: 991px) {
      .navi__top__content {
        padding: 14px 15px; } }
  .navi__top.sticky {
    position: fixed;
    z-index: 9;
    background: #FFFFFF;
    top: 0; }
    .navi__top.sticky .logo__white {
      display: none; }
    .navi__top.sticky .logo__black {
      display: block; }
    .navi__top.sticky .top__menu ul li a {
      color: #333333; }
    .navi__top.sticky .top__menu ul li:hover {
      border-bottom: 1px solid #559AD7; }
    .navi__top.sticky .top__menu ul li.active {
      border-bottom: 1px solid #559AD7; }
  .navi__top.page:not(.sticky):not(.open) {
    position: absolute;
    background: #FFFFFF; }
    .navi__top.page:not(.sticky):not(.open) .logo__white {
      display: none; }
    .navi__top.page:not(.sticky):not(.open) .logo__black {
      display: block; }
    .navi__top.page:not(.sticky):not(.open) .top__menu ul li a {
      color: #333333; }
    .navi__top.page:not(.sticky):not(.open) .top__menu ul li:hover {
      border-bottom: 1px solid #559AD7; }
    .navi__top.page:not(.sticky):not(.open) .top__menu ul li.active {
      border-bottom: 1px solid #559AD7; }

.top__logo {
  width: 123px;
  display: flex;
  align-items: center;
  justify-content: center; }

.top__menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px; }
  @media screen and (max-width: 991px) {
    .top__menu {
      display: none; } }
  .top__menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 24px; }
    .top__menu ul li {
      padding: 24px 0;
      border-bottom: 1px solid transparent;
      margin-bottom: -1px; }
      .top__menu ul li a {
        display: block;
        color: #FFFFFF;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none; }
      .top__menu ul li:hover {
        border-bottom: 1px solid #FFFFFF; }
      .top__menu ul li.active {
        border-bottom: 1px solid #FFFFFF; }

.top__contact {
  background: #559AD7;
  border-radius: 30px;
  border: none;
  color: #FFFFFF;
  display: flex;
  text-align: center;
  gap: 15px;
  padding: 16px 30px;
  cursor: pointer;
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  width: 243px;
  text-decoration: none;
}
  .top__contact span {
    width: calc(100% - 15px);
    line-height: 12px; }
  .top__contact:hover {
    opacity: 0.8; }

.top__contact-overlay {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease-out; }

.top__contact-overlay-on {
  visibility: visible;
  opacity: 1; }

.top__contact-popup-wrap {
  position: absolute;
  top: 217px;
  left: 0;
  right: 0;
  margin: auto;
  width: 720px;
  height: 335px; }
  @media screen and (max-width: 767px) {
    .top__contact-popup-wrap {
      width: 345px;
      height: 400px; } }

.top__contact-popup-cancel-wrap {
  width: 52px;
  height: 61px;
  position: absolute;
  right: 0; }
  @media screen and (max-width: 767px) {
    .top__contact-popup-cancel-wrap {
      width: auto;
      height: 35px; } }

.top__contact-popup-close {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  width: fit-content; }
  @media screen and (max-width: 767px) {
    .top__contact-popup-close {
      font-size: 9px;
      line-height: 12px; } }

.top__batsu-wrap {
  width: fit-content; }

.top__batsu {
  display: block;
  position: relative;
  width: 50px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .top__batsu {
      width: 30px;
      height: 23px; } }

.top__batsu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 50px;
  /* 棒の高さ */
  background: white;
  transform: translate(-50%, -50%) rotate(-74deg); }
  @media screen and (max-width: 767px) {
    .top__batsu::before {
      width: 1px;
      height: 30px; } }

.top__batsu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 50px;
  /* 棒の高さ */
  background: white;
  transform: translate(-50%, -50%) rotate(74deg); }
  @media screen and (max-width: 767px) {
    .top__batsu::after {
      width: 1px;
      height: 30px; } }

.top__contact-popup {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 274px; }
  @media screen and (max-width: 767px) {
    .top__contact-popup {
      top: 35px;
      bottom: auto;
      height: 365px; } }
  .top__contact-popup__top {
    background-color: #559AD7;
    width: 100%;
    height: 72px;
    color: white;
    text-align: center;
    line-height: 72px; }
    @media screen and (max-width: 767px) {
      .top__contact-popup__top {
        height: 78px;
        line-height: 78px; } }
  .top__contact-popup__bottom {
    width: 100%;
    height: 196px;
    padding-top: 22px;
    background-color: white; }
    @media screen and (max-width: 767px) {
      .top__contact-popup__bottom {
        height: 287px; } }
    .top__contact-popup__bottom-btns {
      width: 550px;
      height: 114px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 0 20px; }
      @media screen and (max-width: 767px) {
        .top__contact-popup__bottom-btns {
          width: 100%;
          height: auto;
          justify-content: space-evenly; } }
    .top__contact-popup__bottom-btn {
      width: 265px;
      height: 57px;
      border-bottom: 1px solid #CECECE;
      text-decoration: none;
      color: black; }
      .top__contact-popup__bottom-btn-content {
        padding-top: 17px;
        width: 100%;
        height: fit-content; }
      .top__contact-popup__bottom-btn-text {
        font-family: Hiragino Kaku Gothic StdN;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center; }
      .top__contact-popup__bottom-btn-arrow-right {
        margin-right: 1px;
        float: right; }

.sp__btn {
  padding: 8px 16px 7px;
  width: 29px;
  cursor: pointer;
  position: relative;
  display: none; }
  @media screen and (max-width: 991px) {
    .sp__btn {
      display: block; } }
  .sp__btn.open .sp__btn__close {
    display: block; }
  .sp__btn.open .sp__btn__open {
    display: none; }
  .sp__btn__bg {
    top: 0;
    left: 0;
    transform: translate(0);
    position: absolute;
    width: 100%;
    height: 100%; }
  .sp__btn__open {
    position: absolute;
    width: 28px;
    height: 1px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 3;
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 22px;
    text-align: center;
    color: #333333; }
    .sp__btn__open span {
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .sp__btn__open span::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
        -ms-transition-duration: .4s;
        -ms-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
        -webkit-transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
        -moz-transition-duration: .4s;
        -moz-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
        transition-delay: .2s;
        -webkit-transition-delay: .2s;
        background-color: #333333; }
      .sp__btn__open span:first-child {
        transform: translateY(2px); }
      .sp__btn__open span:last-child {
        transform: translateY(7px); }
  .sp__btn__close {
    width: fit-content;
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    display: none; }
    .sp__btn__close span {
      width: 30px;
      height: 23px; }
      .sp__btn__close span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: white;
        transform: translate(-50%, -50%) rotate(-74deg);
        width: 1px;
        height: 30px; }
      .sp__btn__close span::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: white;
        transform: translate(-50%, -50%) rotate(74deg);
        width: 1px;
        height: 30px; }

.sp__menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 8;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
  -ms-transition-duration: .5s;
  -ms-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
  -moz-transition-duration: .5s;
  -moz-transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
  display: none;
  padding-left: 15px;
  padding-right: 15px; }
  .sp__menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .sp__menu ul li {
      padding: 10px 0;
      border-bottom: 1px solid #5E5E5E; }
      .sp__menu ul li:hover {
        border-bottom: 1px solid #FFFFFF; }
      .sp__menu ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #FFFFFF;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px; }
        .sp__menu ul li a > span {
          width: calc(100% - 15px);
          font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
          font-style: normal;
          font-weight: 600;
          font-size: 18px;
          line-height: 27px;
          /* identical to box height */
          display: flex;
          flex-direction: column; }
        .sp__menu ul li a .en {
          font-family: "Cinzel", serif;
          font-style: normal;
          font-weight: 400;
          font-size: 11px;
          line-height: 15px;
          /* identical to box height */
          text-transform: uppercase;
          color: #ABABAB; }
  .sp__menu .footer__bottom {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    padding-top: 22px;
    border-top: 1px solid #E6E6E6;
    margin-top: 100px; }

.sp__contact {
  padding: 40px 0; }
  .sp__contact button {
    background: #559AD7;
    border-radius: 30px;
    border: none;
    color: #FFFFFF;
    padding: 12px 18px;
    cursor: pointer;
    width: 305px;
    margin: 0 auto;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.03em;
    height: 46px;
    display: flex;
    align-items: center; }
    .sp__contact button span {
      width: calc(100% - 15px);
      font-style: normal;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      text-align: center;
      letter-spacing: 0.03em; }

/*--footer--*/
.footer {
  background-color: #333333;
  width: 100%; }
  .footer__info {
    padding: 90px 0 46px 0;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 170px; }
    @media screen and (max-width: 1199px) {
      .footer__info {
        padding: 60px 35px 48px 35px; } }
  .footer__title {
    font-family: "Cinzel", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    /* identical to box height */
    text-align: center;
    color: #FFFFFF;
    margin-top: -12px; }
  .footer__left {
    border-left: 1px solid #5E5E5E;
    padding: 0 30px;
    width: auto;
    height: 100%; }
    @media screen and (max-width: 1199px) {
      .footer__left {
        width: 100%;
        border: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 30px; } }
    .footer__left ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 21px; }
      @media screen and (max-width: 767px) {
        .footer__left ul {
          gap: 13px; } }
      .footer__left ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
        .footer__left ul li a {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          /* identical to box height */
          color: #FFFFFF;
          text-decoration: none; }
          .footer__left ul li a:hover {
            color: rgba(255, 255, 255, 0.35); }
    .footer__left .contact {
      padding: 12px 18px;
      border-radius: 30px;
      background-color: #559AD7;
      text-decoration: none;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.03em;
      color: #FFFFFF;
      display: none; }
      @media screen and (max-width: 1199px) {
        .footer__left .contact {
          display: flex;
          align-items: center;
          height: 46px;
          width: 305px; } }
      .footer__left .contact span {
        width: calc(100% - 15px);
        text-align: center;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        /* identical to box height */
        text-align: center;
        letter-spacing: 0.03em;
        color: #FFFFFF; }
      .footer__left .contact:hover {
        opacity: 0.8; }
  .footer__right {
    border-left: 1px solid #5E5E5E;
    padding: 0 0 39px 65px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 43.16%;
    align-items: flex-start; }
    @media screen and (max-width: 1199px) {
      .footer__right {
        display: none; } }
    .footer__right ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 75px;
      row-gap: 24px; }
      .footer__right ul li {
        list-style: none;
        padding: 10px 0;
        border-bottom: 1px solid #7D7D7D;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 218px; }
        .footer__right ul li:hover {
          border-bottom: 1px solid #FFFFFF; }
        .footer__right ul li a {
          font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          color: #FFFFFF;
          text-decoration: none;
          position: relative;
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: flex-start; }
          @media screen and (max-width: 767px) {
            .footer__right ul li a {
              font-size: 14px;
              line-height: 21px; } }
          .footer__right ul li a span {
            font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            width: calc(100% - 15px); }
          .footer__right ul li a > span {
            font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            width: calc(100% - 15px);
            gap: 10px;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .footer__right ul li a > span i {
              color: #559AD7;
              position: relative; }
  .footer__bottom {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 51px; }
    @media screen and (max-width: 1199px) {
      .footer__bottom {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 20px; } }

.footer__logo {
  width: 201px; }
  @media screen and (max-width: 767px) {
    .footer__logo {
      width: 140px; } }
  .footer__logo img {
    width: 201px;
    max-width: 100%; }

.sns {
  width: 54px; }
  @media screen and (max-width: 767px) {
    .sns {
      width: 38px; } }
  .sns img {
    max-width: 100%; }

/*--copy right--*/
.copyright {
  background-color: #FFFFFF;
  padding-left: 15px;
  padding-right: 15px; }
  .copyright__text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #838383;
    padding: 10px 0 5px 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    max-width: 100%;
    width: 100%; }

.row0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.re-padding-container {
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (max-width: 767px) {
    .re-padding-container {
      margin-left: 0px;
      margin-right: 0px; } }

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  line-height: 40px; }

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 34px; }

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  line-height: 30px; }

h4 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 26px; }

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold; }

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold; }

.mt80 {
  margin-top: 80px; }

.mt60 {
  margin-top: 60px; }

.mt50 {
  margin-top: 50px; }

.mt40 {
  margin-top: 40px; }

.mt30 {
  margin-top: 30px; }

.mt21 {
  margin-top: 21px; }

.mt20 {
  margin-top: 20px; }

.mt17 {
  margin-top: 17px; }

.mt15 {
  margin-top: 15px; }

.mt10 {
  margin-top: 10px; }

.ml60 {
  margin-left: 60px; }

.ml50 {
  margin-left: 50px; }

.ml40 {
  margin-left: 40px; }

.ml30 {
  margin-left: 30px; }

.ml20 {
  margin-left: 20px; }

.ml10 {
  margin-left: 10px; }

.mb160 {
  margin-bottom: 160px; }

.mb100 {
  margin-bottom: 100px; }

.mb60 {
  margin-bottom: 60px; }

.mb50 {
  margin-bottom: 50px; }

.mb40 {
  margin-bottom: 40px; }

.mb30 {
  margin-bottom: 30px; }

.mb20 {
  margin-bottom: 20px; }

.mb10 {
  margin-bottom: 10px; }

.mb5 {
  margin-bottom: 5px; }

.mr60 {
  margin-right: 60px; }

.mr50 {
  margin-right: 50px; }

.mr40 {
  margin-right: 40px; }

.mr30 {
  margin-right: 30px; }

.mr20 {
  margin-right: 20px; }

.mr10 {
  margin-right: 10px; }

.p30 {
  padding: 30px; }

.pt60 {
  padding-top: 60px; }

.pb160 {
  padding-bottom: 160px; }

.h100 {
  height: 100%; }

.breadcrumbsWrapper {
  width: 100%;
  margin-top: 160px;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .breadcrumbsWrapper {
      margin-top: 100px;
      margin-bottom: 15px; } }
  .breadcrumbsWrapper ol {
    display: flex; }
    .breadcrumbsWrapper ol li {
      display: inline; }
      .breadcrumbsWrapper ol li a {
        text-decoration: none;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 32px;
        color: #333333; }
        @media screen and (max-width: 767px) {
          .breadcrumbsWrapper ol li a {
            font-size: 13px; } }
  .breadcrumbsWrapper span {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
    margin: 0px 15px; }
    @media screen and (max-width: 767px) {
      .breadcrumbsWrapper span {
        font-size: 13px; } }
  .breadcrumbsWrapper .currentPage {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-break: anywhere;
    -webkit-line-clamp: 1;
    width: 80%;
    height: 29px; }
    @media screen and (max-width: 767px) {
      .breadcrumbsWrapper .currentPage {
        width: 50%; } }
    .breadcrumbsWrapper .currentPage:hover {
      opacity: 0.5; }

@media screen and (min-width: 768px) {
  .br-sp {
    display: none; } }

.icon__q::before {
  content: "Q";
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 30.9254px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .icon__q::before {
      font-size: 20px;
      line-height: 23px; } }

.icon__a::before {
  content: "A";
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 30.9254px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .icon__a::before {
      font-size: 20px;
      line-height: 23px; } }

.icon__pen::before {
  content: "";
  background-image: url("../../assets/img/images/pen.png");
  width: 16px;
  height: 13px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__document::before {
  content: "";
  background-image: url("../../assets/img/images/document.png");
  width: 17px;
  height: 14px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__envelope::before {
  content: "";
  background-image: url("../../assets/img/images/envelope.png");
  width: 16px;
  height: 13px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__next::before {
  content: "";
  background-image: url("../../assets/img/icons/white_next_icon.png");
  width: 7px;
  height: 14px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__external::before {
  content: "";
  background-image: url("../../assets/img/images/arrow_up_right_blue.png");
  width: 12px;
  height: 12px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__blackNext::before {
  content: "";
  background-image: url("../../assets/img/icons/black_next_icon.png");
  width: 7px;
  height: 14px;
  display: flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon__nextPage::before {
  content: "";
  background-image: url("../../assets/img/icons/next_page_icon.png");
  width: 11px;
  height: 20px;
  display: inline-flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
  @media screen and (max-width: 767px) {
    .icon__nextPage::before {
      width: 8px;
      height: 15px; } }

.icon__prevPage::before {
  content: "";
  background-image: url("../../assets/img/icons/prev_page_icon.png");
  width: 11px;
  height: 20px;
  display: inline-flex;
  background-size: contain;
  background-origin: initial;
  background-repeat: no-repeat;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
  @media screen and (max-width: 767px) {
    .icon__prevPage::before {
      width: 8px;
      height: 15px; } }

.accordion-item {
  border-bottom: 1px solid #D5D5D5;
  padding: 34px 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 32px; }
  @media screen and (max-width: 767px) {
    .accordion-item {
      padding: 24px 0 27px 0;
      gap: 21px; } }

.accordion-body {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  /* or 178% */
  color: #333333;
  display: flex;
  gap: 18px;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .accordion-body {
      font-size: 14px;
      line-height: 23px;
      gap: 11px; } }
  .accordion-body .blue {
    color: #467FB1; }
  .accordion-body .answer {
    width: calc(100% - 45px); }
    @media screen and (max-width: 767px) {
      .accordion-body .answer br {
        display: none; } }

.collapse:not(.open) {
  display: none; }

.accordion-button {
  border: none;
  background: transparent;
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 31px;
  /* identical to box height, or 141% */
  color: #333333;
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .accordion-button {
      font-size: 15px;
      line-height: 20px; } }
  .accordion-button::after {
    content: "";
    background-image: url("../../assets/img/images/plus.png");
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background-size: 20px;
    transition: transform .2s ease-in-out;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      .accordion-button::after {
        width: 13px;
        height: 13px;
        background-size: 13px; } }
  .accordion-button.open::after {
    background-image: url("../../assets/img/images/minus.png"); }
  .accordion-button span {
    text-align: left;
    display: flex;
    width: calc(100% - 44px);
    gap: 18px; }
    @media screen and (max-width: 767px) {
      .accordion-button span {
        width: calc(100% - 26px);
        gap: 11px; } }
  .accordion-button .question {
    width: calc(100% - 45px); }

.banner {
  position: relative;
  max-width: 100%;
  overflow: hidden; }
  .banner__img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 767px) {
      .banner__img {
        height: auto; } }
    .banner__img img {
      width: 100%;
      height: auto; }
      .banner__img img.pc {
        display: block; }
        @media screen and (max-width: 767px) {
          .banner__img img.pc {
            display: none; } }
      .banner__img img.sp {
        display: none; }
        @media screen and (max-width: 767px) {
          .banner__img img.sp {
            display: block; } }
  .banner__description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
    .banner__description__content {
      padding-top: 136px;
      margin: 0 auto;
      display: flex;
      max-width: 100%;
      flex-direction: column;
      gap: 24px;
      justify-content: center;
      align-content: center;
      text-align: center; }
      @media screen and (max-width: 991px) {
        .banner__description__content {
          padding-top: 50px; } }
      @media screen and (max-width: 767px) {
        .banner__description__content {
          padding-top: 98px; } }
  .banner__logo {
    width: 337px;
    margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .banner__logo {
        width: 192.31px; } }
    .banner__logo img {
      max-width: 100%;
      width: auto; }
  .banner__action {
    width: 426px;
    margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .banner__action {
        width: 305px; } }
    .banner__action a {
      background-color: #559AD7;
      border-radius: 30px;
      padding: 18px 25px;
      display: flex;
      text-decoration: none;
      color: #FFFFFF;
      line-height: 24px;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      cursor: pointer;
      align-items: center; }
      @media screen and (max-width: 1199px) {
        .banner__action a {
          font-size: 14px;
          line-height: 21px;
          letter-spacing: 0.03em; } }
      .banner__action a span {
        width: calc(100% - 15px);
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        line-height: 24px;
        /* identical to box height */
        text-align: center; }
        @media screen and (max-width: 1199px) {
          .banner__action a span {
            line-height: 14px; } }
      .banner__action a:hover {
        opacity: 0.87; }

/*--ota--*/
.ota__text {
  display: flex;
  flex-direction: column; }
  .ota__text .large {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 68px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF; }
    @media screen and (max-width: 1199px) {
      .ota__text .large {
        font-size: 23px;
        line-height: 34px; } }
    .ota__text .large span {
      letter-spacing: -0.01em; }
  .ota__text .small {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 27px;
    line-height: 40px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.15em;
    color: #FFFFFF;
    text-shadow: 3.91644px 5.87467px 13.7076px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1199px) {
      .ota__text .small {
        font-size: 14px;
        line-height: 21px; } }

.ota__button {
  width: 426px;
  margin: 0 auto; }
  .ota__button ul {
    list-style: none;
    display: flex;
    flex-flow: wrap;
    width: fit-content;
    gap: 7.21px;
    justify-content: center;
    align-content: center; }
    .ota__button ul li {
      list-style: none;
      width: fit-content;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 19px;
      line-height: 28px;
      /* identical to box height */
      color: #333333;
      background-color: rgba(255, 255, 255, 0.85);
      padding: 4.34px 13.34px 4.2px 14.44px;
      display: flex;
      align-items: center;
      gap: 8.41px; }
      @media screen and (max-width: 991px) {
        .ota__button ul li {
          font-size: 13px;
          line-height: 20px;
          padding: 3px 10px; } }
      .ota__button ul li .blue {
        color: #2876BA; }
      .ota__button ul li img {
        width: 17.4px; }
        @media screen and (max-width: 991px) {
          .ota__button ul li img {
            width: 12.05px; } }

/*----*/
.swiper__fv {
  width: 100%;
  height: 227px; }
  @media screen and (max-width: 767px) {
    .swiper__fv {
      height: 87px; } }

.fv__slider {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 25px 0; }
  @media screen and (max-width: 767px) {
    .fv__slider {
      padding: 7px 0; } }
  .fv__slider .swiper-slide {
    overflow: hidden;
    height: 277px;
    width: 357px !important; }
    @media screen and (max-width: 767px) {
      .fv__slider .swiper-slide {
        height: 87px;
        width: 136px !important;
        margin-right: 8px !important; } }
    .fv__slider .swiper-slide img {
      object-fit: cover;
      object-position: center;
      display: flex;
      align-items: center;
      height: 227px;
      min-width: 100%; }
      @media screen and (max-width: 767px) {
        .fv__slider .swiper-slide img {
          height: 87px; } }

/*---home__intro---*/
.home__intro {
  padding-top: 15px;
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 38px;
  text-align: center;
  color: #333333;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .home__intro {
      font-size: 13px;
      line-height: 24px;
      padding-bottom: 31px; } }
  .home__intro span {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .home__intro span {
        font-size: 13px;
        line-height: 24px; } }

.home__title {
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .home__title {
      max-width: 100%;
      width: 100%; } }
  .home__title .large {
    font-family: "Cinzel", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 76px;
    line-height: 102px;
    color: #333333; }
    .home__title .large.white {
      color: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .home__title .large {
        font-size: 58px;
        line-height: 78px; } }
  .home__title span {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */
    letter-spacing: 0.03em;
    color: #333333; }
    .home__title span.white {
      color: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .home__title span {
        font-size: 18px;
        line-height: 27px; } }

/*---partner---*/
.partner {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 50px;
  padding-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .partner {
      padding-bottom: 60px;
      gap: 13.5px; } }
  .partner__title {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .partner__title {
        font-size: 18px;
        line-height: 27px; } }
  .partner__logo {
    overflow: hidden; }
    .partner__logo img {
      display: block;
      max-width: 100%;
      height: auto; }
      @media screen and (max-width: 767px) {
        .partner__logo img {
          height: 40px; } }
    .partner__logo__a {
      height: 71px;
      display: block; }
      @media screen and (max-width: 767px) {
        .partner__logo__a {
          height: 40px; } }
    .partner__logo__b {
      height: 71px;
      display: block; }

/*---problems-----------*/
.problems {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .problems__content {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: 50px; }
    @media screen and (max-width: 767px) {
      .problems__content {
        padding-left: 20px;
        padding-right: 20px; } }
  .problems__title {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .problems__title {
        font-size: 18px;
        line-height: 27px; } }
  .problems__items {
    display: flex;
    gap: 29px;
    width: 100%;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .problems__items {
        display: flex;
        flex-shrink: 1;
        flex-flow: row wrap;
        align-items: flex-start;
        gap: 15px; } }
  .problems__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 263px; }
    @media screen and (max-width: 767px) {
      .problems__item {
        width: calc(50% - 15px); } }
    .problems__item__img {
      width: 100%;
      height: 250px;
      background-color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      box-shadow: 7px 13px 55px rgba(0, 0, 0, 0.07); }
      @media screen and (max-width: 767px) {
        .problems__item__img {
          height: 140px; } }
      .problems__item__img img {
        max-width: 100%;
        max-height: 100%; }
    .problems__item__number {
      position: absolute;
      width: 63px;
      height: 63px;
      background-color: #333333;
      text-align: center;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      left: -20px;
      top: -20px; }
      @media screen and (max-width: 767px) {
        .problems__item__number {
          width: 45px;
          height: 45px;
          left: -10px;
          top: -10px;
          font-size: 11px;
          line-height: 16px; } }
      .problems__item__number span {
        color: #FFFFFF;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 19px; }
        @media screen and (max-width: 767px) {
          .problems__item__number span {
            font-size: 11px;
            line-height: 16px; } }
      .problems__item__number .number {
        font-family: "Cinzel", serif;
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        text-align: center;
        letter-spacing: 0.08em;
        line-height: 28px; }
        @media screen and (max-width: 767px) {
          .problems__item__number .number {
            font-size: 17px;
            line-height: 19px;
            /* 23px */ } }
    .problems__item__title {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #333333;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 3px; }
      .problems__item__title span {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #333333; }
        @media screen and (max-width: 767px) {
          .problems__item__title span {
            font-size: 13px;
            line-height: 20px; } }
      .problems__item__title strong {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        color: #333333; }
        @media screen and (max-width: 767px) {
          .problems__item__title strong {
            font-size: 15px;
            line-height: 20px; } }

/*--tabirai--*/
.tabirai {
  padding: 100px 0px 160px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .tabirai {
      padding: 80px 0 40px; } }
  .tabirai__bg {
    position: relative;
    text-align: center;
    height: 313px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .tabirai__bg {
        height: 203px; } }
    .tabirai__bg::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 50%;
      background: #F2F6FB;
      transform: skew(0deg, 6deg); }
    .tabirai__bg::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 50%;
      background: #F2F6FB;
      transform: skew(0deg, -6deg); }
  .tabirai__text {
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .tabirai__text {
        font-size: 18px;
        line-height: 27px;
        padding-left: 39px;
        padding-right: 39px; } }
    .tabirai__text span {
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 16px;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.03em;
      color: #333333; }
      @media screen and (max-width: 767px) {
        .tabirai__text span {
          font-size: 18px;
          line-height: 27px; } }
    .tabirai__text img {
      max-width: 100%; }

/*--solve--*/
.solve {
  background: linear-gradient(180deg, #FFFFFF 0.27%, #FAFAFA 17.66%, #F4F4F4 34.35%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 156px; }
  @media screen and (max-width: 767px) {
    .solve {
      padding-bottom: 60px; }
      .solve .home__title span {
        width: 278px; } }
  .solve__content {
    gap: 50px;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .solve__content {
        padding-left: 15px;
        padding-right: 15px;
        gap: 30px; } }
  .solve__items {
    background: #FFFFFF;
    box-shadow: 7px 13px 55px rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .solve__items {
        padding: 0; } }
  .solve__item {
    display: flex;
    flex-direction: row;
    gap: 58px;
    padding: 70px;
    border-bottom: 1px solid #CECECE;
    align-items: center;
    justify-content: center;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .solve__item {
        gap: 25px;
        padding: 30px 20px 40px 20px;
        flex-direction: column;
        max-width: 100%; } }
    .solve__item.reverse {
      flex-direction: row-reverse; }
      @media screen and (max-width: 767px) {
        .solve__item.reverse {
          flex-direction: column; } }
    .solve__item.bottom {
      border: none; }
    .solve__item__title {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      color: #333333;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px; }
      .solve__item__title span {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        color: #333333; }
      @media screen and (max-width: 767px) {
        .solve__item__title {
          font-size: 16px;
          line-height: 26px;
          gap: 8px; }
          .solve__item__title span {
            font-size: 16px;
            line-height: 26px; } }
      .solve__item__title .number {
        width: 45px;
        height: 45px;
        background-color: #333333;
        color: #FFFFFF;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Cinzel", serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px; }
        .solve__item__title .number span {
          color: #FFFFFF;
          text-align: center;
          font-family: "Cinzel", serif;
          font-style: normal;
          font-weight: 400;
          font-size: 22px;
          line-height: 30px; }
        @media screen and (max-width: 767px) {
          .solve__item__title .number {
            font-size: 16px;
            line-height: 22px;
            width: 33px;
            height: 33px; }
            .solve__item__title .number span {
              font-size: 16px;
              line-height: 22px; } }
      .solve__item__title div {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 24px;
        line-height: 34px; }
        @media screen and (max-width: 767px) {
          .solve__item__title div {
            font-size: 16px;
            line-height: 26px; } }
    .solve__item__img {
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(50% - 29px);
      flex-direction: column; }
      .solve__item__img > .solve__item__title {
        display: none; }
      @media screen and (max-width: 767px) {
        .solve__item__img {
          width: 100%;
          overflow: hidden;
          height: auto;
          gap: 25px; }
          .solve__item__img > .solve__item__title {
            display: flex; } }
      .solve__item__img img {
        max-width: 100%;
        width: 100%; }
    .solve__item__desc {
      width: calc(50% - 29px);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 25px;
      flex-direction: column; }
      @media screen and (max-width: 767px) {
        .solve__item__desc {
          width: 100%; }
          .solve__item__desc > .solve__item__title {
            display: none; } }
      .solve__item__desc ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: flex-start;
        justify-content: center; }
        @media screen and (max-width: 767px) {
          .solve__item__desc ul {
            gap: 10px; } }
        .solve__item__desc ul li {
          background: url("../../assets/img/images/cycle_tick_blue.png") no-repeat left top;
          padding-left: 30px;
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 300;
          font-size: 16px;
          line-height: 24px;
          color: #333333; }
          @media screen and (max-width: 767px) {
            .solve__item__desc ul li {
              font-size: 13px;
              line-height: 20px; } }
    .solve__item__desc100 {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 34px;
      flex-direction: column; }
    .solve__item__icons {
      background-color: #F2F6FB;
      padding: 50px;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-around; }
      @media screen and (max-width: 991px) {
        .solve__item__icons {
          padding: 30px 20px;
          flex-direction: column;
          gap: 10px;
          width: 100%; } }
    .solve__item__col {
      width: 33.33%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding-left: 32.24px; }
      .solve__item__col:first-child {
        padding-left: 0; }
      @media screen and (max-width: 991px) {
        .solve__item__col {
          width: 100%;
          padding-left: 0; } }
      .solve__item__col ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px; }
        .solve__item__col ul li {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 15px;
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 22px;
          /* or 138% */
          color: #333333;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .solve__item__col ul li {
              gap: 10px;
              font-size: 14px;
              line-height: 19px; } }
          .solve__item__col ul li:first-child .solve__item__text {
            line-height: 24px; }
            @media screen and (max-width: 767px) {
              .solve__item__col ul li:first-child .solve__item__text {
                line-height: 21px; } }
    .solve__item__icon {
      width: 45px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .solve__item__text {
      width: calc(100% - 60px);
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 22px;
      /* or 138% */
      color: #333333; }

/*---about--*/
.about__bg {
  background: linear-gradient(to bottom, #f4f4f4, #333333);
  position: relative;
  border-bottom: 136px solid #333333; }
  @media screen and (max-width: 767px) {
    .about__bg {
      border-bottom: 60px solid #333333; } }
  .about__bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50.5%;
    background: #333333;
    transform: skew(0deg, 6deg); }
    @media screen and (max-width: 767px) {
      .about__bg::before {
        top: -20px; } }
  .about__bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50.5%;
    background: #333333;
    transform: skew(0deg, -6deg); }
    @media screen and (max-width: 767px) {
      .about__bg::after {
        top: -20px; } }

.about__desc {
  display: flex;
  flex-direction: column;
  gap: 40px; }
  @media screen and (max-width: 767px) {
    .about__desc {
      gap: 0px; } }
  .about__desc__text {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .about__desc__text {
        font-size: 18px;
        line-height: 27px; } }
  .about__desc__img {
    display: none; }
    @media screen and (max-width: 767px) {
      .about__desc__img {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        overflow: hidden;
        margin-right: -15px; }
        .about__desc__img img {
          max-width: 100%;
          width: 100%;
          object-fit: cover; } }
  .about__desc__list {
    display: flex;
    flex-direction: column;
    gap: 30px; }
    .about__desc__list ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .about__desc__list ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 30px;
        padding: 23px 0 26px 5px;
        color: #FFFFFF;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 27px;
        border-bottom: 1px solid #656565;
        align-items: center;
        justify-content: flex-start; }
        @media screen and (max-width: 767px) {
          .about__desc__list ul li {
            font-size: 15px;
            line-height: 20px; } }
    .about__desc__list p {
      color: #FFFFFF;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 27px; }
      @media screen and (max-width: 767px) {
        .about__desc__list p {
          font-size: 15px;
          line-height: 20px; } }

.about__content {
  display: flex;
  padding-top: 100px;
  padding-bottom: 53px; }
  @media screen and (max-width: 767px) {
    .about__content {
      background-color: #333333;
      padding-top: 40px; } }
  .about__content__bottom {
    display: flex;
    flex-direction: column;
    gap: 51px;
    max-width: 100%;
    padding-left: 7.07%;
    padding-right: 7.07%;
    background-color: #333333; }
    @media screen and (max-width: 767px) {
      .about__content__bottom {
        padding-left: 15px;
        padding-right: 15px; } }

.about__text {
  z-index: 8;
  width: 50%;
  padding-right: 1.5%;
  gap: 25px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .about__text {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px; } }

.about__img {
  z-index: 8;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .about__img {
      display: none; } }
  .about__img img {
    max-width: 100%;
    width: 100%;
    object-fit: cover; }

.about__note {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #656565;
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  /* identical to box height */
  letter-spacing: 0.03em;
  color: #FFFFFF;
  z-index: 8;
  padding: 30px 0;
  align-content: center;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .about__note {
      padding: 20px 28px;
      font-size: 16px;
      line-height: 24px;
      flex-direction: column;
      align-items: center; } }
  .about__note a {
    color: #80AFD8; }
  .about__note .blue {
    color: #80AFD8; }

.about__action {
  z-index: 8;
  padding-left: 16.5%;
  padding-right: 16.5%;
  z-index: 8;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 32px; }
  @media screen and (max-width: 991px) {
    .about__action {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 767px) {
    .about__action {
      gap: 10px;
      flex-direction: column;
      padding-left: 9.3%;
      padding-right: 9.3%; } }
  .about__action a {
    border-radius: 30px;
    padding: 18px 25px;
    text-align: center;
    display: flex;
    text-decoration: none;
    width: 50%;
    align-items: center;
    color: #333333;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .about__action a {
        padding: 13px 18px;
        width: 305px;
        margin: 0 auto;
        height: 46px; } }
    .about__action a span {
      width: calc(100% - 15px);
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height */
      text-align: center; }
      @media screen and (max-width: 767px) {
        .about__action a span {
          font-size: 14px;
          line-height: 21px; } }
    .about__action a.blue {
      color: #FFFFFF;
      background-color: #559AD7; }
    .about__action a.white {
      color: #333333;
      background-color: #FFFFFF; }
    .about__action a:hover {
      opacity: 0.87; }

/*---plan---*/
.plan__content {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 140px;
  padding-top: 104px; }
  @media screen and (max-width: 767px) {
    .plan__content {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 60px;
      padding-top: 60px; } }

.plan__desc {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start; }
  .plan__desc__text {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    /* or 144% */
    color: #333333; }
    @media screen and (max-width: 767px) {
      .plan__desc__text {
        font-size: 14px;
        line-height: 23px; } }
  .plan__desc__items {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .plan__desc__items {
        gap: 20px; } }

.plan__item {
  background: #FFFFFF;
  box-shadow: 7px 13px 55px rgba(0, 0, 0, 0.07);
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 35px; }
  @media screen and (max-width: 767px) {
    .plan__item {
      padding: 30px 20px;
      gap: 20px; } }
  .plan__item__titles {
    background-color: #707070;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    /* identical to box height, or 130% */
    text-align: center;
    color: #FFFFFF;
    padding: 13px 0; }
    @media screen and (max-width: 767px) {
      .plan__item__titles {
        font-size: 16px;
        line-height: 26px;
        padding: 6px 0; } }
    .plan__item__titles.black {
      background-color: #333333; }
  .plan__item__title {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    /* identical to box height, or 125% */
    text-align: center;
    color: #333333;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    gap: 20px; }
    @media screen and (max-width: 767px) {
      .plan__item__title {
        gap: 5px;
        flex-flow: wrap;
        font-size: 16px;
        line-height: 30px;
        align-content: center;
        justify-content: center;
        display: flex; } }
    @media screen and (max-width: 767px) {
      .plan__item__title.sp__column {
        flex-direction: column;
        gap: 0; } }
    .plan__item__title .large {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 26px;
      line-height: 39px;
      /* identical to box height */
      text-align: center;
      color: #333333;
      border-bottom: 2px solid #333333;
      width: fit-content;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .plan__item__title .large {
          font-size: 20px;
          line-height: 30px;
          margin: 0; } }
    .plan__item__title .medium {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 22px;
      line-height: 33px;
      /* identical to box height */
      text-align: center;
      color: #333333;
      border-bottom: 1px solid #333333;
      width: fit-content;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .plan__item__title .medium {
          font-size: 20px;
          line-height: 30px;
          margin: 0; } }
  .plan__item__content {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 767px) {
      .plan__item__content {
        flex-direction: column; } }
  .plan__item__left {
    width: 342px;
    display: flex;
    flex-direction: column;
    gap: 40px; }
    @media screen and (max-width: 767px) {
      .plan__item__left {
        width: 100%;
        gap: 20px;
        padding-bottom: 20px; } }
    .plan__item__left p {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 11px;
      line-height: 16px;
      color: #333333; }
      @media screen and (max-width: 767px) {
        .plan__item__left p {
          padding-bottom: 10px; } }
  .plan__item__right {
    width: calc(100% - 342px);
    border-left: 1px solid #CECECE;
    padding-left: 34px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px; }
    @media screen and (max-width: 767px) {
      .plan__item__right {
        width: 100%;
        padding: 0;
        border-left: none;
        border-top: 1px solid #CECECE;
        padding-top: 20px;
        gap: 15px; } }
    .plan__item__right ul {
      list-style: none;
      margin: 0 auto;
      padding: 0;
      width: fit-content;
      display: flex;
      flex-direction: column;
      gap: 19px; }
      @media screen and (max-width: 767px) {
        .plan__item__right ul {
          gap: 12px;
          width: 100%; } }
      .plan__item__right ul li {
        display: flex;
        gap: 15px;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        /* identical to box height */
        color: #333333;
        align-content: center;
        justify-content: flex-start; }
        .plan__item__right ul li span {
          font-size: 16px;
          line-height: 30px;
          width: calc(100% - 40px); }
          @media screen and (max-width: 767px) {
            .plan__item__right ul li span {
              font-size: 14px;
              line-height: 21px; } }
        @media screen and (max-width: 767px) {
          .plan__item__right ul li {
            font-size: 14px;
            line-height: 21px;
            gap: 10px; } }
        .plan__item__right ul li img {
          height: 30px;
          max-width: 100%; }
          @media screen and (max-width: 767px) {
            .plan__item__right ul li img {
              height: 21px; } }
        .plan__item__right ul li:first-child {
          line-height: 24px; }
          .plan__item__right ul li:first-child .plan__item__text {
            line-height: 24px; }
            @media screen and (max-width: 767px) {
              .plan__item__right ul li:first-child .plan__item__text {
                font-size: 14px;
                line-height: 21px; } }
    .plan__item__right p {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 21px;
      /* identical to box height */
      text-align: center;
      color: #333333;
      background-color: #F2F6FB;
      padding: 5px 0 6px 0; }
      @media screen and (max-width: 767px) {
        .plan__item__right p {
          padding: 20px;
          font-size: 13px;
          line-height: 20px; } }
      .plan__item__right p.small {
        font-size: 13px;
        line-height: 20px; }
  .plan__item__list {
    display: flex;
    gap: 40px; }
    @media screen and (max-width: 991px) {
      .plan__item__list {
        flex-direction: column;
        gap: 12px; } }
  .plan__item__icon {
    width: 45px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .plan__item__icon {
        width: 35px; } }
  .plan__item__text {
    width: calc(100% - 60px);
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    /* or 138% */
    color: #333333; }
    @media screen and (max-width: 767px) {
      .plan__item__text {
        width: calc(100% - 40px);
        font-size: 14px;
        line-height: 19px; } }

#tabiraiFreePlan:target::before, #tabiraiPaidPlan:target::before {
  content: "";
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden; }

/*---contact--*/
.contact {
  background-color: #333333; }
  .contact__content {
    width: 100%;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .contact__content {
        padding: 60px 35px;
        gap: 30px; } }
    .contact__content .home__title {
      align-items: center; }
      @media screen and (max-width: 767px) {
        .contact__content .home__title {
          align-items: flex-start; } }
      .contact__content .home__title span {
        font-size: 22px;
        line-height: 33px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .contact__content .home__title span {
            font-size: 18px;
            line-height: 27px; } }
  .contact__action {
    width: 100%;
    align-content: center;
    justify-content: center;
    display: flex; }
    @media screen and (max-width: 767px) {
      .contact__action {
        justify-content: flex-start; } }
    .contact__action a {
      font-family: 'Hiragino Kaku Gothic StdN';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height */
      text-align: center;
      color: #FFFFFF;
      display: flex;
      border-radius: 30px;
      background-color: #559AD7;
      padding: 18px 25px;
      text-decoration: none;
      width: 426px;
      align-items: center;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        .contact__action a {
          width: 305px;
          padding: 12px 18px;
          height: 46px; } }
      .contact__action a span {
        width: calc(100% - 15px); }
      .contact__action a:hover {
        opacity: 0.87; }

/*--flow--*/
.flow {
  padding: 100px 0 140px 0; }
  @media screen and (max-width: 767px) {
    .flow {
      padding: 60px 0; } }
  .flow__content {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px; }
    @media screen and (max-width: 767px) {
      .flow__content {
        padding-left: 35px;
        padding-right: 35px; } }
  .flow__desc {
    display: flex;
    flex-direction: column;
    gap: 20.26px;
    padding-left: 12.24%;
    /*11.56%; */
    padding-right: 12.24%;
    /*11.56%; */ }
    @media screen and (max-width: 767px) {
      .flow__desc {
        flex-direction: row;
        padding: 0; } }
  .flow__img {
    overflow: hidden;
    display: flex;
    align-items: center; }
    .flow__img img {
      max-width: 100%; }
    .flow__img .flow__pc {
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .flow__img .flow__pc {
          display: none; } }
    .flow__img .flow__sp {
      display: none; }
      @media screen and (max-width: 767px) {
        .flow__img .flow__sp {
          display: block; } }
  .flow__time {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #CECECE;
    padding: 30px 15px 28.5px 15px;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .flow__time {
        padding: 15px 16px 15px;
        width: 115px; } }
    .flow__time__content {
      display: flex;
      gap: 21px;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .flow__time__content {
          flex-direction: column;
          gap: 10.47px; } }
      .flow__time__content img {
        max-width: 53px; }
        @media screen and (max-width: 991px) {
          .flow__time__content img {
            max-width: 36.56px; } }
      .flow__time__content .blue {
        color: #559AD7; }
        .flow__time__content .blue .number {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 32px;
          line-height: 40px; }
          @media screen and (max-width: 991px) {
            .flow__time__content .blue .number {
              font-size: 20px;
              line-height: 23px; } }
      .flow__time__content__text {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 40px;
        /* identical to box height, or 182% */
        text-align: center;
        color: #333333; }
        @media screen and (max-width: 991px) {
          .flow__time__content__text {
            font-size: 14px;
            line-height: 23px; } }

/*--example---*/
.example {
  background-color: #F4F4F4;
  padding: 100px 0 140px 0; }
  @media screen and (max-width: 767px) {
    .example {
      padding: 60px 0; } }
  .example__content {
    display: flex;
    flex-direction: column;
    gap: 50.44px;
    max-width: 100%;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .example__content {
        padding-left: 15px;
        padding-right: 15px; } }
  .example__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24.67px; }
    @media screen and (max-width: 991px) {
      .example__items {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
        row-gap: 25px; } }
  .example__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px; }
    .example__item:hover .example__item__img img {
      transform: scale(1.5); }
    .example__item__img {
      width: 100%;
      height: 172.77px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .example__item__img {
          height: 105px; } }
      .example__item__img img {
        width: 100%;
        object-fit: cover; }
    .example__item__desc {
      display: flex;
      flex-direction: column;
      gap: 14px; }
      @media screen and (max-width: 767px) {
        .example__item__desc {
          gap: 10px;
          flex-direction: column-reverse; } }
      .example__item__desc a {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 33px;
        /* or 165% */
        color: #333333;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-break: anywhere;
        -webkit-line-clamp: 3;
        height: 99px; }
        @media screen and (max-width: 767px) {
          .example__item__desc a {
            font-size: 15px;
            line-height: 20px;
            height: 60px; } }
      .example__item__desc p {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 27px;
        color: #333333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 5px !important;
        line-break: anywhere;
        -webkit-line-clamp: 3; }
        @media screen and (max-width: 767px) {
          .example__item__desc p {
            font-size: 13px;
            line-height: 19.5px;
            height: 60px; } }
  .example__action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 426px; }
    @media screen and (max-width: 767px) {
      .example__action {
        width: 305px; } }
    .example__action a {
      width: 100%;
      background-color: #333333;
      border-radius: 30px;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 18px 25px;
      text-decoration: none;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height */
      text-align: center;
      color: #FFFFFF; }
      @media screen and (max-width: 767px) {
        .example__action a {
          padding: 12px 25px 13px 25px; } }
      .example__action a span {
        width: calc(100% - 15px);
        text-align: center;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height */
        text-align: center;
        color: #FFFFFF; }
        @media screen and (max-width: 767px) {
          .example__action a span {
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.03em; } }
      .example__action a:hover {
        opacity: 0.87; }

/*---column---*/
.column {
  padding: 140px 0 190px 0; }
  @media screen and (max-width: 767px) {
    .column {
      padding: 60px 0 90px 0; } }
  .column__content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    position: relative;
    gap: 50px; }
    @media screen and (max-width: 767px) {
      .column__content {
        padding-left: 15px;
        padding-right: 15px;
        gap: 36px; } }
  .column__items {
    overflow-x: hidden;
    box-shadow: 9.15385px 17px 71.9231px rgba(0, 0, 0, 0.07); }
    .column__items .swiper-pagination {
      bottom: -50px;
      position: absolute; }
      @media screen and (max-width: 767px) {
        .column__items .swiper-pagination {
          bottom: -31px; } }
    .column__items .swiper-pagination-bullet {
      width: 35.45px;
      height: 1px;
      background: #C0C0C0; }
    .column__items .swiper-pagination-bullet-active {
      background: #333333; }
  .column__item {
    background: #FFFFFF;
    box-shadow: 9.15385px 17px 71.9231px rgba(0, 0, 0, 0.07);
    padding: 21px;
    display: flex;
    flex-direction: column;
    gap: 29px;
    width: 373px;
    height: 476px; }
    @media screen and (max-width: 767px) {
      .column__item {
        gap: 20px;
        padding: 16px;
        width: auto;
        height: auto; } }
    .column__item__img {
      overflow: hidden;
      max-width: 100%;
      width: 100%;
      max-height: 214px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .column__item__img {
          height: auto;
          max-height: 164px; } }
      .column__item__img img {
        width: 100%;
        object-fit: cover; }
    .column__item__desc {
      display: flex;
      flex-direction: column;
      gap: 29px; }
      @media screen and (max-width: 767px) {
        .column__item__desc {
          gap: 22px; } }
      .column__item__desc .meta {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .column__item__desc .meta .date {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 300;
          font-size: 15px;
          line-height: 22px;
          /* identical to box height */
          color: #7A7A7A; }
          @media screen and (max-width: 767px) {
            .column__item__desc .meta .date {
              font-size: 12px;
              line-height: 18px; } }
        .column__item__desc .meta .cate {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          line-height: 22px;
          /* identical to box height */
          color: #80AFD8;
          background-color: #F2F6FB;
          padding: 3px 17px; }
          @media screen and (max-width: 767px) {
            .column__item__desc .meta .cate {
              font-size: 12px;
              line-height: 18px;
              padding: 2px 9px; } }
      .column__item__desc a {
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
        /* or 160% */
        color: #333333;
        text-decoration: none;
        height: 116px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-break: anywhere;
        -webkit-line-clamp: 4; }
        @media screen and (max-width: 767px) {
          .column__item__desc a {
            font-size: 14px;
            line-height: 22px;
            height: 88px; } }
        .column__item__desc a:hover {
          opacity: 0.87; }

/*--faq--*/
.faq__content {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px; }
  @media screen and (max-width: 767px) {
    .faq__content {
      padding-left: 15px;
      padding-right: 15px; } }

.faq__items {
  display: flex;
  flex-direction: column; }

.faq__item {
  border-bottom: 1px solid #D5D5D5; }

.faq .ewd-ufaq-faq-div {
  border-bottom: 1px solid #D5D5D5;
  padding: 34px 0 40px 0; }
  .faq .ewd-ufaq-faq-div:last-child {
    margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-div {
      padding: 24px 0 27px 0; } }

.faq .ewd-ufaq-post-margin {
  width: 100%; }
  .faq .ewd-ufaq-post-margin:visited {
    color: #333333; }

.faq .ewd-ufaq-faq-title-text {
  position: relative; }

.faq .ewd-ufaq-faq-title-text .ewd-ufaq-post-margin {
  display: flex;
  flex-direction: row-reverse; }

.faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle .ewd-ufaq-faq-title-text::after, .faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle[aria-expanded="false"] .ewd-ufaq-faq-title-text::after {
  content: "";
  background-image: url("../../assets/img/images/plus.png");
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  margin-left: auto;
  background-size: 20px;
  transition: transform .2s ease-in-out;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle .ewd-ufaq-faq-title-text::after, .faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle[aria-expanded="false"] .ewd-ufaq-faq-title-text::after {
      width: 13px;
      height: 13px;
      background-size: 13px; } }

.faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle[aria-expanded="true"] .ewd-ufaq-faq-title-text::after {
  content: "";
  background-image: url("../../assets/img/images/minus.png");
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  margin-left: auto;
  background-size: 20px;
  transition: transform .2s ease-in-out;
  background-repeat: no-repeat;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle[aria-expanded="true"] .ewd-ufaq-faq-title-text::after {
      width: 13px;
      height: 13px;
      background-size: 13px; } }

.faq .ewd-ufaq-faq-title-text {
  width: 100%; }

.faq .ewd-ufaq-faq-list.ewd-ufaq-page-type-distinct h4, .faq .ewd-ufaq-faq-body .ewd-ufaq-faq-post p {
  background: transparent;
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 31px;
  margin: 0 !important;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-list.ewd-ufaq-page-type-distinct h4, .faq .ewd-ufaq-faq-body .ewd-ufaq-faq-post p {
      font-size: 15px;
      line-height: 20px; } }

.faq .ewd-ufaq-faq-body .ewd-ufaq-faq-post p {
  font-weight: 300; }

.faq .ewd-ufaq-faq-list.ewd-ufaq-page-type-distinct h4::before {
  content: "Q";
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 30.9254px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #333333;
  margin-right: 10px; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-list.ewd-ufaq-page-type-distinct h4::before {
      font-size: 20px;
      line-height: 23px; } }

.faq .ewd-ufaq-faq-body .ewd-ufaq-faq-post p::before {
  content: "A";
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 30.9254px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #333333;
  margin-right: 16px; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-body .ewd-ufaq-faq-post p::before {
      font-size: 20px;
      line-height: 23px; } }

.faq .ewd-ufaq-faq-body {
  padding: 0;
  margin-top: 32px; }
  @media screen and (max-width: 767px) {
    .faq .ewd-ufaq-faq-body {
      margin-top: 21px; } }

.faq div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
  margin-right: 0; }

.faq .ewd-ufaq-faq-categories {
  display: none; }

.faq .ewd-ufaq-post-margin-symbol.ewd-ufaq- {
  display: none; }

.example-single .h1-heading {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
  font-style: normal;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .example-single .h1-heading {
      font-size: 24px;
      line-height: 32px; } }

.example-single .hotel {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .example-single .hotel {
      font-weight: 600;
      font-size: 16px;
      line-height: 28px; } }

.example-single .p-normal {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .example-single .p-normal {
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.03em; } }

.example-single .p-underline {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  color: #333333;
  background: linear-gradient(to top, #DDEFFF 30%, #ffffff 40%); }
  @media screen and (max-width: 767px) {
    .example-single .p-underline {
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.03em; } }

.example-single .underlineThinFull {
  border-bottom: 1px solid #EAEAEA; }

.example-single .underlineBoldShort {
  border-bottom: 3px solid #333333;
  width: 80px;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .example-single .underlineBoldShort {
      margin-bottom: 25px; } }

.example-single .underlineBorderRadius {
  width: 306.38px;
  height: 5px;
  background-color: #EDEDED;
  border-radius: 30px;
  margin-top: 8px; }
  @media screen and (max-width: 767px) {
    .example-single .underlineBorderRadius {
      width: 144px;
      margin-top: 6px; } }

.example-single .titleItem {
  margin-top: 60px;
  margin-bottom: 41px;
  font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.03em;
  color: #333333;
  padding-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
  position: relative; }
  .example-single .titleItem::before {
    content: "";
    border-bottom: 3px solid #333333;
    width: 80px;
    display: block;
    position: absolute;
    bottom: -1.5px;
    left: 0; }
  @media screen and (max-width: 767px) {
    .example-single .titleItem {
      margin-top: 40px;
      margin-bottom: 25px;
      padding-bottom: 20px;
      font-size: 22px; } }
  .example-single .titleItem__document {
    padding-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .example-single .titleItem__document {
        margin-bottom: 20px;
        padding-bottom: 20px; } }

.example-single .noUnderline {
  text-decoration: none !important; }

.example-single .content-mt {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .example-single .content-mt {
      margin-top: 25px;
      margin-right: -15px; } }

.example-single .bannerPage__layout {
  padding-top: 123px;
  margin: 0px 0px 110px 0px !important;
  width: 100%;
  height: 461px; }
  @media screen and (max-width: 767px) {
    .example-single .bannerPage__layout {
      padding-top: 64px;
      margin: 0px 0px 40px 0px !important;
      height: 305px; } }
  .example-single .bannerPage__layout__bg {
    position: relative; }
  .example-single .bannerPage__layout__subbg {
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
    display: flex; }
    .example-single .bannerPage__layout__subbg__left {
      width: 18.6%;
      background: #FFFFFF; }
      @media screen and (max-width: 1399px) {
        .example-single .bannerPage__layout__subbg__left {
          width: 12.2%; } }
      @media screen and (max-width: 767px) {
        .example-single .bannerPage__layout__subbg__left {
          width: 20%; } }
    .example-single .bannerPage__layout__subbg__right {
      width: 81.4%; }
      @media screen and (max-width: 1399px) {
        .example-single .bannerPage__layout__subbg__right {
          width: 87.8%; } }
      @media screen and (max-width: 767px) {
        .example-single .bannerPage__layout__subbg__right {
          width: 80%; } }

.example-single .bannerPage__content {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .example-single .bannerPage__content {
      margin-top: 40px; } }
  .example-single .bannerPage__content__ttl {
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 400;
    line-height: 121.32px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .bannerPage__content__ttl {
        font-size: 58px;
        line-height: 78.18px; } }
  .example-single .bannerPage__content__subttl {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color: #333333;
    letter-spacing: 0.03em; }
    @media screen and (max-width: 767px) {
      .example-single .bannerPage__content__subttl {
        font-size: 18px;
        line-height: 27px; } }
  .example-single .bannerPage__content__des {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 80px; }
    @media screen and (max-width: 767px) {
      .example-single .bannerPage__content__des {
        margin-top: 10px;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 40px; } }

.example-single .article-list {
  max-width: 100%; }
  .example-single .article-list__wap {
    display: flex;
    gap: 60px 30px;
    width: 100%;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .example-single .article-list__wap {
        gap: 30px 15px; } }
  .example-single .article-list__item {
    display: flex;
    flex-direction: column;
    width: calc(33.33333% - 20px); }
    @media screen and (max-width: 767px) {
      .example-single .article-list__item {
        width: calc(50% - 8px);
        margin-bottom: 0px; } }
    .example-single .article-list__item a {
      text-decoration: none !important; }
    .example-single .article-list__item img {
      transition: transform .5s ease; }
    .example-single .article-list__item a:hover img {
      transform: scale(1.3); }
  .example-single .article-list__thumb {
    width: 100%;
    overflow: hidden;
    height: 232px; }
    @media screen and (max-width: 767px) {
      .example-single .article-list__thumb {
        height: 105px; } }
    .example-single .article-list__thumb img {
      width: 100%;
      object-fit: cover; }
  .example-single .article-list__txt__ttl {
    font-size: 20px;
    font-weight: 600;
    line-height: 32.91px;
    color: #333333; }
  .example-single .article-list__txt__subttl {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    color: #333333; }

.example-single .page-numbers {
  align-self: center;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 30.5px;
  margin-left: 30px;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .example-single .page-numbers {
      font-size: 18px;
      line-height: 21.09px;
      margin-left: 24px; } }

.example-single .pagging {
  justify-content: center;
  width: 100%;
  margin-top: 87px; }
  @media screen and (max-width: 767px) {
    .example-single .pagging {
      margin-top: 60px; } }
  .example-single .pagging i {
    vertical-align: middle; }

.example-single .nav-links .current {
  color: #559AD7 !important;
  text-decoration: underline; }

.example-single .nav-links a {
  text-decoration: none !important; }

.example-single .detail__contents {
  display: flex;
  padding-top: 123px; }
  @media screen and (max-width: 767px) {
    .example-single .detail__contents {
      padding-top: 84px;
      display: block; } }
  .example-single .detail__contents__left {
    margin-right: 36px;
    width: 71.7%; }
    @media screen and (max-width: 767px) {
      .example-single .detail__contents__left {
        width: 100%;
        margin-right: 0px; } }
  .example-single .detail__contents__right {
    margin-left: 16px;
    width: 28.3%; }
    @media screen and (max-width: 767px) {
      .example-single .detail__contents__right {
        width: 100%;
        margin-left: 0px; } }

.example-single .detail__date {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  color: #7A7A7A;
  margin-right: 10px; }
  @media screen and (max-width: 767px) {
    .example-single .detail__date {
      font-size: 12px;
      line-height: 18px;
      align-self: center; } }

.example-single .detail__author {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  background-color: #F2F6FB;
  padding: 1.5px 9px 1px 9px;
  align-self: center; }
  .example-single .detail__author p {
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    color: #80AFD8; }
    @media screen and (max-width: 767px) {
      .example-single .detail__author p {
        font-size: 12px;
        line-height: 18px; } }

.example-single .detail__thumb {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .example-single .detail__thumb {
      margin-top: 20px; } }
  .example-single .detail__thumb img {
    max-width: 100% !important;
    max-height: auto !important;
    width: 100%; }

.example-single .detail__excerpt {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .example-single .detail__excerpt {
      margin-top: 40px; } }
  .example-single .detail__excerpt p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .detail__excerpt p {
        font-weight: 300;
        font-size: 14px;
        line-height: 26px; } }

.example-single .detail__body {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .example-single .detail__body {
      margin-top: 40px; } }
  .example-single .detail__body p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body p {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: -0.03em; } }
  .example-single .detail__body .wp-block-image {
    margin-top: 20px; }
  .example-single .detail__body .wp-element-caption {
    text-align: center;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body .wp-element-caption {
        font-size: 14px;
        line-height: 26px; } }
  .example-single .detail__body h2 {
    margin-top: 60px;
    margin-bottom: 40px;
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #333333;
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
    position: relative; }
    .example-single .detail__body h2::before {
      content: "";
      border-bottom: 3px solid #333333;
      width: 80px;
      display: block;
      position: absolute;
      bottom: -1.5px;
      left: 0; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body h2 {
        margin-top: 40px;
        margin-bottom: 25px;
        padding-bottom: 20px;
        font-size: 22px;
        line-height: 34px; } }
  .example-single .detail__body .h2-b {
    margin-top: 60px;
    margin-bottom: 30px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #333333;
    border-left: 3px solid #333333;
    padding-left: 15px;
    padding-bottom: 0;
    border-bottom: none;
    position: inherit; }
    .example-single .detail__body .h2-b::before {
      content: "";
      border-bottom: none;
      width: 0;
      display: block;
      position: static;
      bottom: 0;
      left: 0; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body .h2-b {
        margin-top: 40px;
        margin-bottom: 25px;
        font-size: 22px;
        line-height: 32px; } }
  .example-single .detail__body h3 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #333333; }
    .example-single .detail__body h3::before {
      content: 'ー';
      padding-right: 10px; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body h3 {
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 26px; } }
  .example-single .detail__body .h3-b {
    margin-top: 76px;
    margin-bottom: 23px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #333333;
    display: inline-flex; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body .h3-b {
        margin-top: 55px;
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 26px; } }
    .example-single .detail__body .h3-b::before {
      border-left: 1px solid #559AD7;
      border-top: 1px solid #559AD7;
      min-width: 30px;
      height: 30px;
      content: '';
      display: inline-block;
      margin-right: -6px;
      margin-top: -16px; }
      @media screen and (max-width: 767px) {
        .example-single .detail__body .h3-b::before {
          margin-right: -7px;
          margin-top: -15px; } }
    .example-single .detail__body .h3-b::after {
      border-right: 1px solid #559AD7;
      border-bottom: 1px solid #559AD7;
      min-width: 30px;
      min-height: 30px;
      content: '';
      display: inline-block;
      margin-left: -6px;
      margin-bottom: -3px;
      align-self: self-end; }
      @media screen and (max-width: 767px) {
        .example-single .detail__body .h3-b::after {
          margin-left: -7px;
          margin-bottom: -15px; } }
  .example-single .detail__body h4 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body h4 {
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 14px; } }
  .example-single .detail__body .h4-b {
    margin-top: 60px;
    margin-bottom: 20px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #559AD7; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body .h4-b {
        margin-top: 40px;
        margin-bottom: 14px;
        font-size: 14px; } }
  .example-single .detail__body a {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    text-decoration-line: underline;
    color: #559AD7;
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 30px;
    align-items: center; }
    .example-single .detail__body a span {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.03em;
      text-decoration-line: underline;
      color: #559AD7;
      padding-right: 6px; }
    .example-single .detail__body a.link__button {
      border: 1px solid #333333;
      border-radius: 30px;
      background-color: #FFFFFF;
      text-align: center;
      padding: 12px 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 305px;
      text-decoration: none;
      color: #333333;
      height: 46px; }
      .example-single .detail__body a.link__button span {
        color: #333333;
        text-decoration-line: none; }
        .example-single .detail__body a.link__button span.internal {
          padding-right: 0;
          width: calc(100% - 15px); }
      .example-single .detail__body a.link__button .icon__external::before {
        background-image: url("../../assets/img/images/arrow_up_right_black.png"); }
      .example-single .detail__body a.link__button:hover {
        opacity: 0.87; }
      .example-single .detail__body a.link__button.black {
        border: 1px solid #333333;
        background-color: #333333;
        color: #FFFFFF; }
        .example-single .detail__body a.link__button.black span {
          color: #FFFFFF; }
        .example-single .detail__body a.link__button.black .icon__external::before {
          background-image: url("../../assets/img/images/arrow_up_right_white.png"); }
  .example-single .detail__body .wp-block-embed .wp-block-embed__wrapper .wp-embedded-content {
    width: 100%;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .example-single .detail__body .wp-block-embed .wp-block-embed__wrapper .wp-embedded-content {
        margin-bottom: 0; } }

.example-single #toc_container {
  width: 100%;
  margin-bottom: 60px;
  padding: 0px; }
  @media screen and (max-width: 767px) {
    .example-single #toc_container {
      margin-bottom: 40px; } }
  .example-single #toc_container .toc_depth_1 {
    display: none; }
  .example-single #toc_container .toc_number {
    display: none; }
  .example-single #toc_container ul {
    background: #FBFBFB; }
  .example-single #toc_container ul li a {
    display: block;
    padding: 16px 20px 18px 20px;
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #333333;
    text-decoration: none !important; }
    @media screen and (max-width: 767px) {
      .example-single #toc_container ul li a {
        padding: 12px 20px;
        font-size: 14px; } }
  .example-single #toc_container ul li ul {
    padding: 10px 20px 20px 40px;
    background: #FFFFFF !important;
    margin-left: 0px !important; }
  .example-single #toc_container ul li ul li {
    list-style-type: disc !important; }
    .example-single #toc_container ul li ul li a {
      display: block;
      padding: 10px 0px 0px 0px !important;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif !important;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      letter-spacing: -0.03em;
      color: #333333;
      text-decoration: none !important; }
      @media screen and (max-width: 767px) {
        .example-single #toc_container ul li ul li a {
          font-size: 14px; } }
    .example-single #toc_container ul li ul li::marker {
      font-size: 11px;
      font-weight: 300; }
  .example-single #toc_container .toc_list {
    width: 100%; }

.example-single #ez-toc-container {
  width: 100%;
  padding: 0px !important;
  border-radius: 0px;
  border-top: none;
  border-bottom: none; }
  .example-single #ez-toc-container ul li {
    border-bottom: 1px solid #EAEAEA;
    padding: 20px; }
    @media screen and (max-width: 767px) {
      .example-single #ez-toc-container ul li {
        padding: 15px; } }
    .example-single #ez-toc-container ul li a {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: -0.03em;
      line-height: 18px;
      color: #333333;
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        .example-single #ez-toc-container ul li a {
          font-size: 12px; } }
  .example-single #ez-toc-container ul.ez-toc-list-level-3 {
    margin-left: 0px !important; }
  .example-single #ez-toc-container ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 {
    border-bottom: none;
    padding: 10px 0px 0px 15px; }
    .example-single #ez-toc-container ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 a {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-size: 13px;
      font-weight: 300;
      line-height: 20px;
      color: #333333;
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        .example-single #ez-toc-container ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 a {
          font-size: 12px;
          line-height: 15px; } }
  .example-single #ez-toc-container ul li a::before {
    display: none; }

.example-single .detail_inner ol, .example-single .detail_inner ul {
  background-color: #F9FBFF;
  color: #333333;
  margin-bottom: 40px;
  padding: 20px 30px 30px; }

.example-single .detail_inner ul {
  padding-left: 20px;
  list-style-type: disc; }

.example-single .detail_inner ul li {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  position: relative;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-left: 30px; }
  @media screen and (max-width: 767px) {
    .example-single .detail_inner ul li {
      font-size: 14px;
      margin-top: 10px; } }
  .example-single .detail_inner ul li::marker {
    font-size: 11px;
    font-weight: 300; }

.example-single .detail_inner ol {
  margin-top: 40px;
  list-style-type: decimal; }
  @media screen and (max-width: 767px) {
    .example-single .detail_inner ol {
      padding-top: 0px; } }

.example-single .detail_inner ol li {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  margin-left: 30px; }
  @media screen and (max-width: 767px) {
    .example-single .detail_inner ol li {
      line-height: 26px;
      font-size: 14px;
      margin-top: 10px; } }

.example-single .list {
  padding: 30px;
  margin-top: 40px;
  background-color: #F9FBFF;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .example-single .list {
      padding: 20px 15px;
      margin-top: 25px; } }
  .example-single .list__title {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px; }
    @media screen and (max-width: 767px) {
      .example-single .list__title {
        margin-bottom: 5px; } }
  .example-single .list ul {
    padding-left: 20px;
    list-style-type: disc; }
  .example-single .list ul li {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    position: relative;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media screen and (max-width: 767px) {
      .example-single .list ul li {
        font-size: 14px;
        margin-top: 10px; } }
    .example-single .list ul li::marker {
      font-size: 11px;
      font-weight: 300; }
  .example-single .list ol {
    padding-left: 20px;
    list-style-type: decimal;
    padding-top: 15px; }
    @media screen and (max-width: 767px) {
      .example-single .list ol {
        padding-top: 0px; } }
  .example-single .list ol li {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px; }
    @media screen and (max-width: 767px) {
      .example-single .list ol li {
        line-height: 26px;
        font-size: 14px;
        margin-top: 10px; } }
  .example-single .list p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media screen and (max-width: 767px) {
      .example-single .list p {
        font-size: 14px; } }

.example-single .exButton {
  border-radius: 30px;
  display: flex;
  text-align: center;
  gap: 6px;
  padding: 12px 57px 13px 57px;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .example-single .exButton {
      margin: auto; } }
  .example-single .exButton span {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    width: calc(100% - 12px);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.03em; }
    @media screen and (max-width: 767px) {
      .example-single .exButton span {
        font-size: 14px; } }
  .example-single .exButton img {
    width: 12px;
    height: 12px;
    margin: auto; }
  .example-single .exButton i {
    margin: auto; }
  .example-single .exButton:hover {
    opacity: 0.87; }
  .example-single .exButton__white {
    background: #FFFFFF;
    border: 1px solid #333333;
    color: #333333; }
    .example-single .exButton__white__next {
      padding: 12px 30px 13px 59px;
      gap: 24px; }
      .example-single .exButton__white__next img {
        width: 7px;
        height: 12px;
        margin: auto; }
  .example-single .exButton__black {
    background: #333333;
    color: #FFFFFF;
    border: none; }
    .example-single .exButton__black__next {
      padding: 12px 30px 13px 59px;
      gap: 24px; }
      .example-single .exButton__black__next img {
        width: 7px;
        height: 12px;
        margin: auto; }
  .example-single .exButton__blue {
    background: #559AD7;
    color: #FFFFFF;
    border: none; }
    @media screen and (max-width: 767px) {
      .example-single .exButton__blue {
        width: 100%; } }
    .example-single .exButton__blue__next {
      padding: 12px 30px 13px 102px;
      gap: 60px; }
      .example-single .exButton__blue__next img {
        width: 7px;
        height: 12px;
        margin: auto; }

.example-single .btn-link {
  display: flex;
  gap: 6px; }
  .example-single .btn-link a {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.03em;
    text-decoration-line: underline;
    color: #559AD7; }
  .example-single .btn-link img {
    width: 12px;
    height: 12px;
    align-self: center; }

.example-single .bg-pale-blue {
  background: #F9FBFF; }

.example-single .rowtd {
  display: flex;
  gap: 5px; }

.example-single .index-button {
  width: 100%;
  padding: 17px 20px 13px 20px;
  background: none;
  border: 1px solid #EAEAEA; }
  @media screen and (max-width: 767px) {
    .example-single .index-button {
      padding: 15px 15px 10px 15px; } }
  .example-single .index-button i {
    font-size: 23px; }
  .example-single .index-button span {
    font-family: "Cinzel", serif !important;
    font-size: 14px;
    width: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #333333;
    letter-spacing: 0.1em; }
    .example-single .index-button span::before {
      content: "";
      flex-shrink: 0;
      width: 18px;
      height: 18px;
      align-self: center;
      padding: 0 2px;
      transition: transform .2s ease-in-out;
      background-repeat: no-repeat;
      background-image: url("../../assets/img/single/index_close.png");
      background-position: center;
      background-size: 10px 18px; }
  .example-single .index-button.open span::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 10px;
    align-self: center;
    transition: transform .2s ease-in-out;
    background-repeat: no-repeat;
    background-image: url("../../assets/img/single/index_open.png");
    background-size: 18px 10px; }

.example-single .index-body {
  border: 1px solid #EAEAEA;
  border-top: none;
  padding: 20px !important; }
  @media screen and (max-width: 767px) {
    .example-single .index-body {
      padding: 15px !important; } }
  .example-single .index-body p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #333333;
    padding-left: 15px; }
    @media screen and (max-width: 767px) {
      .example-single .index-body p {
        font-size: 11px;
        line-height: 15px; } }
  .example-single .index-body__title {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #333333;
    letter-spacing: -0.03em;
    padding-left: 0px !important; }
    @media screen and (max-width: 767px) {
      .example-single .index-body__title {
        font-size: 12px;
        line-height: 18px; } }

.example-single .table-boder {
  width: 100%; }
  .example-single .table-boder tr td {
    border: 1px solid #EAEAEA;
    padding: 20px 43px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px; }
    @media screen and (max-width: 767px) {
      .example-single .table-boder tr td {
        padding: 20px;
        font-size: 14px; } }

.example-single .share {
  margin-top: 60px;
  margin-bottom: 140px;
  justify-content: end; }
  @media screen and (max-width: 767px) {
    .example-single .share {
      margin-top: 40px;
      margin-bottom: 90px;
      justify-content: end; }
      .example-single .share img {
        width: 40px;
        height: 40px; } }
  .example-single .share p {
    align-self: center;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 23.44px;
    font-weight: 400;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .share p {
        margin-right: 10px;
        font-size: 16px;
        line-height: 19px; } }

.example-single .related-post {
  border: 1px solid #EAEAEA;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .example-single .related-post {
      margin-top: 25px; } }
  .example-single .related-post__content {
    padding: 30px; }
    .example-single .related-post__content__img {
      width: 30.5%; }
      .example-single .related-post__content__img img {
        width: 100%;
        height: 138px; }
    .example-single .related-post__content__txt {
      width: calc(69.5% - 65px);
      margin-left: 20px;
      margin-right: 30px; }
    .example-single .related-post__content__iconNext {
      width: 15px;
      margin: auto; }
  .example-single .related-post__contentMobile {
    padding: 15px 10px 15px 15px; }
    .example-single .related-post__contentMobile__item {
      width: calc(100% - 15px); }
      .example-single .related-post__contentMobile__item__img {
        width: 33.7%; }
        .example-single .related-post__contentMobile__item__img img {
          width: 100%;
          height: 60px; }
      .example-single .related-post__contentMobile__item__txt {
        width: calc(66.3% - 10px);
        margin-left: 10px;
        align-self: center; }
    .example-single .related-post__contentMobile__iconNext {
      width: 15px;
      margin: auto;
      text-align: end; }

.example-single .quote {
  padding: 30px; }
  @media screen and (max-width: 767px) {
    .example-single .quote {
      padding: 20px 15px; } }
  .example-single .quote__title {
    position: relative; }
    .example-single .quote__title p {
      padding-top: 10px;
      position: relative;
      font-size: 16px;
      font-weight: 600;
      line-height: 26px; }
    .example-single .quote__title__open {
      position: absolute; }
  .example-single .quote__content {
    padding-bottom: 15px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .example-single .quote__content {
        padding-bottom: 10px; } }
    .example-single .quote__content p {
      margin-top: 10px;
      position: relative;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; }
      @media screen and (max-width: 767px) {
        .example-single .quote__content p {
          font-size: 14px; } }
    .example-single .quote__content__close {
      width: 100%;
      bottom: 0;
      text-align: end;
      position: absolute; }

.example-single .document {
  border: 1px solid #EAEAEA;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .example-single .document {
      margin-top: 20px; } }
  .example-single .document__content {
    padding: 30px; }
    @media screen and (max-width: 767px) {
      .example-single .document__content {
        padding: 20px; } }
    .example-single .document__content__img {
      width: 43%; }
      @media screen and (max-width: 767px) {
        .example-single .document__content__img {
          width: 35%; } }
      .example-single .document__content__img img {
        max-width: 100%;
        width: 100%;
        height: 198px; }
        @media screen and (max-width: 767px) {
          .example-single .document__content__img img {
            height: 67px; } }
    .example-single .document__content__txt {
      width: calc(57% - 30px);
      margin-left: 30px; }
      @media screen and (max-width: 767px) {
        .example-single .document__content__txt {
          width: calc(65% - 10px);
          margin-left: 10px;
          align-self: center; } }

@media screen and (max-width: 767px) {
  .example-single .see-more {
    margin-top: 80px; } }

.example-single .see-more__title {
  font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
  width: 100%;
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0.03em;
  color: #333333;
  align-self: center;
  text-align: center;
  margin-bottom: 45px; }
  @media screen and (max-width: 767px) {
    .example-single .see-more__title {
      margin-bottom: 20px;
      font-size: 18px;
      line-height: 27px; } }

.example-single .see-more__btn {
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .example-single .see-more__btn {
      padding-top: 40px; } }

.example-single .right__title {
  font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.03em;
  color: #333333;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .example-single .right__title {
      text-align: center;
      margin-top: 40px;
      font-size: 18px;
      line-height: 27px; } }

.example-single .right__item__img {
  width: calc(53% - 20px); }
  @media screen and (max-width: 767px) {
    .example-single .right__item__img {
      width: calc(45% - 15px); } }
  .example-single .right__item__img img {
    max-width: 100%;
    width: 100%;
    height: 91px;
    object-fit: cover; }

.example-single .right__item__txt {
  width: 47%;
  margin-left: 20px; }
  @media screen and (max-width: 767px) {
    .example-single .right__item__txt {
      width: 55%;
      margin-left: 15px; } }

.example-single .img-post img {
  width: 100%;
  height: 100%; }

.example-single .ptitle {
  width: 100%; }
  .example-single .ptitle p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    margin: 15px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-break: anywhere;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle p {
        margin: 10px 0px; } }
  .example-single .ptitle__example p {
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    -webkit-line-clamp: 3; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle__example p {
        font-size: 15px;
        line-height: 20px; } }
  .example-single .ptitle__relatedContent p {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    -webkit-line-clamp: 2; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle__relatedContent p {
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        margin: auto; } }
  .example-single .ptitle__relatedMenu p {
    margin: 0px 0px 5px 0px !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-line-clamp: 2;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle__relatedMenu p {
        font-size: 14px;
        line-height: 20px; } }
  .example-single .ptitle__document p {
    margin: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    -webkit-line-clamp: 1; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle__document p {
        font-size: 15px;
        -webkit-line-clamp: 2;
        margin: auto; } }
  .example-single .ptitle__newMenu p {
    margin: 0px 0px 5px 0px !important;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    -webkit-line-clamp: 1; }
    @media screen and (max-width: 767px) {
      .example-single .ptitle__newMenu p {
        font-size: 12px;
        line-height: 18px; } }

.example-single .psub-title {
  width: 100%; }
  .example-single .psub-title p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-break: anywhere; }
  .example-single .psub-title__example p {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    -webkit-line-clamp: 2; }
    @media screen and (max-width: 767px) {
      .example-single .psub-title__example p {
        font-size: 13px;
        line-height: 19.5px;
        -webkit-line-clamp: 3; } }
  .example-single .psub-title__relatedContent p {
    color: #969696;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    -webkit-line-clamp: 3; }
    @media screen and (max-width: 767px) {
      .example-single .psub-title__relatedContent p {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0px !important; } }
  .example-single .psub-title__relatedMenu p {
    color: #333333;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    -webkit-line-clamp: 3; }
    @media screen and (max-width: 767px) {
      .example-single .psub-title__relatedMenu p {
        font-size: 12px;
        line-height: 18px; } }
  .example-single .psub-title__document p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #000000;
    -webkit-line-clamp: 2; }
    @media screen and (max-width: 767px) {
      .example-single .psub-title__document p {
        font-size: 12px;
        line-height: 22px; } }
  .example-single .psub-title__newMenu p {
    color: #333333;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    -webkit-line-clamp: 4; }
    @media screen and (max-width: 767px) {
      .example-single .psub-title__newMenu p {
        font-size: 12px;
        line-height: 18px; } }

.example-single .box {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .example-single .box {
      margin-top: 40px;
      gap: 25px; } }
  .example-single .box__title {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    /* identical to box height, or 131% */
    letter-spacing: -0.03em;
    color: #333333;
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
    position: relative; }
    .example-single .box__title::before {
      content: "";
      border-bottom: 3px solid #333333;
      width: 80px;
      display: block;
      position: absolute;
      bottom: -1.5px;
      left: 0; }
    @media screen and (max-width: 767px) {
      .example-single .box__title {
        font-size: 22px;
        line-height: 34px;
        padding-bottom: 20px; } }
  .example-single .box__sub__title {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    color: #333333;
    padding-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .example-single .box__sub__title {
        font-size: 18px;
        line-height: 28px; } }
  .example-single .box__content.has__bg {
    background-color: #F9FBFF;
    padding: 30px; }
    @media screen and (max-width: 767px) {
      .example-single .box__content.has__bg {
        padding: 20px 15px; } }
  .example-single .box__content.quote {
    background-image: url("../../assets/img/images/quote_open.png"), url("../../assets/img/images/quote_close.png");
    background-position: left 30px top 30px , right 30px bottom 30px;
    background-repeat: no-repeat, no-repeat;
    padding-top: 40px;
    gap: 15px; }
    @media screen and (max-width: 767px) {
      .example-single .box__content.quote {
        background-position: left 15px top 20px , right 15px bottom 20px;
        padding-top: 30px; } }
    .example-single .box__content.quote .box__sub__title {
      font-weight: 600;
      font-size: 16px;
      line-height: 26px;
      padding-bottom: 10px; }
  .example-single .box__content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 25px; }
    @media screen and (max-width: 767px) {
      .example-single .box__content ul {
        padding-left: 20px; } }
    .example-single .box__content ul li {
      list-style: disc;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      color: #333333;
      padding-top: 15px;
      padding-left: 15px; }
      @media screen and (max-width: 767px) {
        .example-single .box__content ul li {
          font-size: 14px;
          line-height: 26px;
          padding-top: 10px;
          padding-left: 10px; } }
  .example-single .box__content ol {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 25px; }
    @media screen and (max-width: 767px) {
      .example-single .box__content ol {
        padding-left: 20px; } }
    .example-single .box__content ol li {
      list-style: decimal;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      color: #333333;
      padding-top: 15px;
      padding-left: 15px; }
      @media screen and (max-width: 767px) {
        .example-single .box__content ol li {
          font-size: 14px;
          line-height: 26px;
          padding-top: 10px;
          padding-left: 10px; } }
  .example-single .box__content p {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #333333; }
    @media screen and (max-width: 767px) {
      .example-single .box__content p {
        font-size: 14px;
        line-height: 26px; } }
  .example-single .box__content a {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    text-decoration-line: underline;
    color: #559AD7;
    display: inline-flex;
    margin-top: 20px;
    align-items: center; }
    .example-single .box__content a span {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.03em;
      text-decoration-line: underline;
      color: #559AD7;
      padding-right: 6px; }
    .example-single .box__content a.link__button {
      border: 1px solid #333333;
      border-radius: 30px;
      background-color: #FFFFFF;
      text-align: center;
      padding: 12px 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 305px;
      text-decoration: none;
      color: #333333;
      margin-top: 10px;
      height: 46px; }
      .example-single .box__content a.link__button span {
        color: #333333;
        text-decoration-line: none; }
        .example-single .box__content a.link__button span.internal {
          padding-right: 0;
          width: calc(100% - 15px); }
      .example-single .box__content a.link__button .icon__external::before {
        background-image: url("../../assets/img/images/arrow_up_right_black.png"); }
      .example-single .box__content a.link__button:hover {
        opacity: 0.87; }
      .example-single .box__content a.link__button.black {
        border: 1px solid #333333;
        background-color: #333333;
        color: #FFFFFF; }
        .example-single .box__content a.link__button.black span {
          color: #FFFFFF; }
        .example-single .box__content a.link__button.black .icon__external::before {
          background-image: url("../../assets/img/images/arrow_up_right_white.png"); }

.example-single .wp-block-table {
  padding-bottom: 8px;
  margin-bottom: 30px; }
  .example-single .wp-block-table td {
    padding: 20px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px;
    color: #333333; }
  .example-single .wp-block-table::-webkit-scrollbar {
    height: 5px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 5px;
    /* width of vertical scrollbar */
    border: 1px solid #EDEDED; }
  .example-single .wp-block-table::-webkit-scrollbar-track {
    border-radius: 30px;
    background: #EDEDED; }
  .example-single .wp-block-table::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: #EDEDED; }
  .example-single .wp-block-table.is-style-stripes {
    border: none; }
    .example-single .wp-block-table.is-style-stripes table {
      border-collapse: collapse;
      width: max-content; }
      .example-single .wp-block-table.is-style-stripes table tr td {
        border: 1px solid #EAEAEA;
        padding: 20px 40px;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 32px;
        color: #333333; }
        @media screen and (max-width: 767px) {
          .example-single .wp-block-table.is-style-stripes table tr td {
            padding: 20px;
            font-size: 14px; } }
      .example-single .wp-block-table.is-style-stripes table tr:nth-of-type(odd) {
        background-color: #F9FBFF; }

.example-single .wp-block-quote {
  background-color: #F9FBFF;
  padding: 30px;
  background-image: url("../../assets/img/images/quote_open.png"), url("../../assets/img/images/quote_close.png");
  background-position: left 30px top 30px , right 30px bottom 30px;
  background-repeat: no-repeat, no-repeat;
  margin-bottom: 30px;
  gap: 15px; }
  @media screen and (max-width: 767px) {
    .example-single .wp-block-quote {
      background-position: left 15px top 20px , right 15px bottom 20px;
      padding-top: 30px; } }
  .example-single .wp-block-quote .box__sub__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px; }
  .example-single .wp-block-quote p {
    font-size: 16px;
    font-weight: 300; }
  .example-single .wp-block-quote cite {
    display: block;
    text-align: right;
    font-size: 14px; }

.example-single .mtz-summary-block {
  width: 100%;
  border-left: 1px #EAEAEA solid;
  border-right: 1px #EAEAEA solid; }

.example-single .mtz-summary-block:first-of-type {
  border-top: 1px #EAEAEA solid;
  margin-top: 40px; }

.example-single .mtz-summary-block:last-of-type {
  border-bottom: 1px #EAEAEA solid;
  margin-bottom: 40px; }

.example-single .mtz-summary-heading {
  padding: 16px 20px;
  background-color: #FBFBFB;
  font-family: "Hiragino Mincho Pro";
  font-size: 18px;
  font-weight: 600; }

.example-single .detail_inner .mtz-summary-block ul, .example-single .detail_inner .mtz-summary-block ol {
  margin: 0;
  background-color: #ffffff;
  padding: 14px;
  font-family: "Hiragino Kaku Gothic";
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }

.example-single .detail_inner .mtz-summary-block ul li, .example-single .detail_inner .mtz-summary-block ol li {
  margin-top: 0;
  margin-bottom: 5px; }

.contact-container {
  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  color: #333333;
  /**---------------- Media query ----------------**/ }
  .contact-container .relative {
    position: relative; }
  .contact-container .white {
    color: white; }
  .contact-container .dark {
    color: #333333; }
  .contact-container .bannerPage__layout {
    padding-top: 143px;
    width: 100%;
    height: 471px;
    margin: 0px 0 100px 0;
    padding-left: 100px; }
    @media screen and (max-width: 767px) {
      .contact-container .bannerPage__layout {
        padding-top: 64px;
        height: 326px;
        margin: 0 0 40px 0;
        padding-left: 15px; } }
    .contact-container .bannerPage__layout__subbg {
      width: 100%;
      height: 100%;
      display: flex; }
      .contact-container .bannerPage__layout__subbg__right {
        width: 100%;
        background-color: #F4F4F4;
        margin-left: 60px; }
  .contact-container .bannerPage__content {
    position: absolute; }
    .contact-container .bannerPage__content__ttl {
      font-family: "Cinzel", serif;
      text-transform: uppercase;
      font-size: 90px;
      font-weight: 400;
      line-height: 121.32px;
      color: #333333; }
      @media screen and (max-width: 767px) {
        .contact-container .bannerPage__content__ttl {
          font-size: 58px;
          line-height: 78.18px; } }
    .contact-container .bannerPage__content__subttl {
      font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
      font-size: 22px;
      font-weight: 600;
      line-height: 33px;
      color: #333333;
      letter-spacing: 0.03em; }
      @media screen and (max-width: 767px) {
        .contact-container .bannerPage__content__subttl {
          font-size: 18px;
          line-height: 27px; } }
    .contact-container .bannerPage__content .container {
      margin-top: 75px;
      padding: 0; }
  .contact-container .body-container {
    padding: 0 100px 0 100px; }
    @media screen and (max-width: 767px) {
      .contact-container .body-container {
        padding: 0 15px 0 15px; } }
  .contact-container .breadcrumbsWrapper {
    margin: 160px 0 30px 0; }
    @media screen and (max-width: 767px) {
      .contact-container .breadcrumbsWrapper {
        margin: 100px 0 15px 0; } }
  .contact-container ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CECECE;
    opacity: 1;
    /* Firefox */ }
  .contact-container :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #CECECE; }
  .contact-container ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #CECECE; }
  .contact-container #responsive-form {
    max-width: 800px;
    margin: 0 auto;
    width: 100%; }
  .contact-container .form-row {
    width: 100%; }
    .contact-container .form-row .column-half + .column-half {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .contact-container .form-row .column-half + .column-half {
          margin: 20px 0 0 0; } }
    .contact-container .form-row .column-full + .column-full {
      margin-top: 8px;
      margin-bottom: 30px; }
  .contact-container .column-half {
    width: calc(50% - 10px); }
  .contact-container .column-half, .contact-container .column-full {
    float: left;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .contact-container .clearfix:after {
    content: "";
    display: table;
    clear: both; }
  .contact-container .center-items {
    display: flex;
    align-items: center;
    justify-content: center; }
  .contact-container .center-position {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .contact-container .bottom-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .contact-container .bottom-items {
        display: block; } }
  @media only screen and (min-width: 48em) {
    .contact-container .column-half {
      width: calc(50% - 10px); } }
  .contact-container .wpcf7-form span.required_field {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .contact-container .wpcf7-form span.required_field {
        font-size: 14px; } }
    .contact-container .wpcf7-form span.required_field:after {
      content: '*必須';
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #D75555;
      margin-left: 7px; }
      @media screen and (max-width: 767px) {
        .contact-container .wpcf7-form span.required_field:after {
          margin-left: 4px; } }
  .contact-container .wpcf7-textarea {
    resize: none;
    height: 200px; }
  .contact-container .wpcf7-list-item {
    margin: 0;
    display: flex; }
  .contact-container .wpcf7-spinner {
    display: none; }
  .contact-container .wpcf7 .relative input + span + i {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%); }
  .contact-container .wpcf7 .relative input + i {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%); }
  .contact-container .wpcf7 a:link,
  .contact-container .wpcf7 a:visited {
    color: #559AD7;
    text-decoration: none; }
  .contact-container .wpcf7 label {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px; }
  .contact-container .wpcf7 p + p {
    margin-top: 60px; }
  .contact-container .wpcf7 input[type="text"],
  .contact-container .wpcf7 input[type="email"],
  .contact-container .wpcf7 input[type="tel"],
  .contact-container .wpcf7 select,
  .contact-container .wpcf7 textarea {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    width: 100%;
    background: #fff;
    border: 1px solid #CECECE;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 18px 13px 18px; }
    .contact-container .wpcf7 input[type="text"].wpcf7-not-valid,
    .contact-container .wpcf7 input[type="email"].wpcf7-not-valid,
    .contact-container .wpcf7 input[type="tel"].wpcf7-not-valid,
    .contact-container .wpcf7 select.wpcf7-not-valid,
    .contact-container .wpcf7 textarea.wpcf7-not-valid {
      border: 2px solid #D75555; }
    .contact-container .wpcf7 input[type="text"]::placeholder,
    .contact-container .wpcf7 input[type="email"]::placeholder,
    .contact-container .wpcf7 input[type="tel"]::placeholder,
    .contact-container .wpcf7 select::placeholder,
    .contact-container .wpcf7 textarea::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 26px;
      color: #CECECE;
      opacity: 1;
      /* Firefox */ }
    .contact-container .wpcf7 input[type="text"]:-ms-input-placeholder,
    .contact-container .wpcf7 input[type="email"]:-ms-input-placeholder,
    .contact-container .wpcf7 input[type="tel"]:-ms-input-placeholder,
    .contact-container .wpcf7 select:-ms-input-placeholder,
    .contact-container .wpcf7 textarea:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 26px;
      color: #CECECE; }
    .contact-container .wpcf7 input[type="text"]::-ms-input-placeholder,
    .contact-container .wpcf7 input[type="email"]::-ms-input-placeholder,
    .contact-container .wpcf7 input[type="tel"]::-ms-input-placeholder,
    .contact-container .wpcf7 select::-ms-input-placeholder,
    .contact-container .wpcf7 textarea::-ms-input-placeholder {
      /* Microsoft Edge */
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 26px;
      color: #CECECE; }
  .contact-container .wpcf7 input[type="text"]:read-only,
  .contact-container .wpcf7 input[type="email"]:read-only,
  .contact-container .wpcf7 textarea:read-only {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 12px 18px 12px 18px; }
    .contact-container .wpcf7 input[type="text"]:read-only:focus-visible,
    .contact-container .wpcf7 input[type="email"]:read-only:focus-visible,
    .contact-container .wpcf7 textarea:read-only:focus-visible {
      outline: none; }
  .contact-container .wpcf7 input[type="text"],
  .contact-container .wpcf7 input[type="email"],
  .contact-container .wpcf7 input[type="tel"],
  .contact-container .wpcf7 select {
    height: 52px; }
  .contact-container .wpcf7 select {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADCSURBVHgBlZA9DoIwGIb7E3Y2wi0MnMAb6AlkdHN18wi6ubo6GU9A3ExYGB2ZoCN709b3S9qENIbgm0Db7+vzNC1fIUmSsKZpWrYwgRH0s9bWZVnuloC0Twjx0Foz2fe9yrLszjm/5XnOh2F4z4AH59wRh21bRFJRKTVC8ITgCkEKwSsGi6I4YdgDXIP7UE2G5kRwiQUerDzYhbqY2qlBGyDYeIDAM61jkMLZj+AxUylljWmKrzPG0B1H9k9wajXX/wI7Pl4wdxZbVgAAAABJRU5ErkJggg==) no-repeat;
    background-position: right 30px top 23px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 20px;
    cursor: pointer; }
    .contact-container .wpcf7 select:has(option[value=""]:checked) {
      color: #CECECE; }
  .contact-container .wpcf7 button,
  .contact-container .wpcf7 input[type="submit"],
  .contact-container .wpcf7 input[type="button"] {
    width: 390px;
    height: 60px;
    background: #333333;
    border-radius: 30px;
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    border: none;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .contact-container .wpcf7 button,
      .contact-container .wpcf7 input[type="submit"],
      .contact-container .wpcf7 input[type="button"] {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.03em; } }
    .contact-container .wpcf7 button.wpcf7-previous,
    .contact-container .wpcf7 input[type="submit"].wpcf7-previous,
    .contact-container .wpcf7 input[type="button"].wpcf7-previous {
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      background: #FFFFFF;
      border: 1px solid #333333;
      color: #333333; }
      .contact-container .wpcf7 button.wpcf7-previous:before,
      .contact-container .wpcf7 input[type="submit"].wpcf7-previous:before,
      .contact-container .wpcf7 input[type="button"].wpcf7-previous:before {
        content: "\f053";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        left: 30px; }
    .contact-container .wpcf7 button.wpcf7-submit.loading,
    .contact-container .wpcf7 input[type="submit"].wpcf7-submit.loading,
    .contact-container .wpcf7 input[type="button"].wpcf7-submit.loading {
      cursor: not-allowed; }
      .contact-container .wpcf7 button.wpcf7-submit.loading span,
      .contact-container .wpcf7 input[type="submit"].wpcf7-submit.loading span,
      .contact-container .wpcf7 input[type="button"].wpcf7-submit.loading span {
        visibility: hidden; }
      .contact-container .wpcf7 button.wpcf7-submit.loading:after,
      .contact-container .wpcf7 input[type="submit"].wpcf7-submit.loading:after,
      .contact-container .wpcf7 input[type="button"].wpcf7-submit.loading:after {
        content: '';
        position: absolute;
        background-color: #fbfbfc;
        /* Light Gray 100 */
        left: 48%;
        right: 0;
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 100%;
        transform-origin: 12px 12px;
        animation-name: spin;
        animation-duration: 1000ms;
        animation-timing-function: linear;
        animation-iteration-count: infinite; }
    .contact-container .wpcf7 button.wpcf7-submit:after,
    .contact-container .wpcf7 input[type="submit"].wpcf7-submit:after,
    .contact-container .wpcf7 input[type="button"].wpcf7-submit:after {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      right: 30px; }
    .contact-container .wpcf7 button:disabled,
    .contact-container .wpcf7 input[type="submit"]:disabled,
    .contact-container .wpcf7 input[type="button"]:disabled {
      opacity: 0.87; }
    .contact-container .wpcf7 button:not([disabled]),
    .contact-container .wpcf7 input[type="submit"]:not([disabled]),
    .contact-container .wpcf7 input[type="button"]:not([disabled]) {
      opacity: 1; }
    .contact-container .wpcf7 button:not([disabled]):hover,
    .contact-container .wpcf7 input[type="submit"]:not([disabled]):hover,
    .contact-container .wpcf7 input[type="button"]:not([disabled]):hover {
      opacity: 0.87; }
    @media screen and (max-width: 767px) {
      .contact-container .wpcf7 button,
      .contact-container .wpcf7 input[type="submit"],
      .contact-container .wpcf7 input[type="button"] {
        width: 305px;
        height: 46px; } }
  .contact-container .wpcf7 input[type="button"] {
    background: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 30px;
    color: #333333; }
  .contact-container .wpcf7 input[type="checkbox"] {
    height: 20px;
    width: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 1px solid #559AD7;
    color: white; }
    .contact-container .wpcf7 input[type="checkbox"]:checked {
      background: #559AD7;
      color: white; }
    .contact-container .wpcf7 input[type="checkbox"]:after {
      content: ' ';
      position: relative;
      left: 35%;
      top: 10%;
      width: 20%;
      height: 55%;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(50deg);
      display: none; }
    .contact-container .wpcf7 input[type="checkbox"]:checked:after {
      display: block; }
  .contact-container .wpcf7 .form-title, .contact-container .wpcf7 .form-title-confirm, .contact-container .wpcf7 .form-title-thanks {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .contact-container .wpcf7 .form-title, .contact-container .wpcf7 .form-title-confirm, .contact-container .wpcf7 .form-title-thanks {
        text-align: justify;
        font-weight: 400;
        font-size: 14px;
        line-height: 23px; } }
    .contact-container .wpcf7 .form-title-confirm {
      margin-bottom: 90px; }
      @media screen and (max-width: 767px) {
        .contact-container .wpcf7 .form-title-confirm {
          margin-bottom: 60px; } }
    .contact-container .wpcf7 .form-title-thanks {
      text-align: justify;
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .contact-container .wpcf7 .form-title-thanks {
          margin-bottom: 20px; } }
  .contact-container .wpcf7 .agreement p, .contact-container .wpcf7 .agreement a {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px; }
  .contact-container .wpcf7 .email_sent {
    background-image: url("../../assets/img/contact/mail.png");
    content: '';
    width: 72px;
    height: 70.62px;
    display: inline-block;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .contact-container .wpcf7 .email_sent {
        width: 52.74px;
        height: 51.73px; } }
  .contact-container span.wpcf7-not-valid-tip {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #D75555;
    position: absolute;
    text-shadow: none; }
  .contact-container div.wpcf7-validation-errors {
    text-shadow: none;
    border: transparent;
    background: #f9cd00;
    padding: 5px;
    color: #9C6533;
    text-align: center;
    margin: 0;
    font-size: 12px; }

.about-content {
  padding-top: 144px;
  overflow: hidden;
  color: #333333; }
  .about-content img {
    max-width: 100%; }
  @media (min-width: 1200px) {
    .about-content .container {
      max-width: 1160px; } }
  @media screen and (max-width: 767px) {
    .about-content {
      overflow: hidden;
      padding-top: 64px; }
      .about-content .work .item .item-1-under .item-1-under-box .i-item img {
        height: 110px !important; } }
  .about-content .about-head .about-head-box {
    position: relative;
    padding-bottom: 55px; }
    .about-content .about-head .about-head-box .about-head-box-cover {
      background: #f4f4f4;
      left: 60px;
      min-width: 1200px;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1; }
    .about-content .about-head .about-head-box .title {
      font-size: 90px;
      line-height: 121px;
      margin-top: 60px;
      display: inline-block;
      font-weight: 400;
      font-family: "Cinzel", serif; }
    .about-content .about-head .about-head-box .sub-title {
      font-size: 22px;
      font-weight: 600;
      line-height: 33px;
      font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
      letter-spacing: 0.03em; }
    .about-content .about-head .about-head-box .description {
      font-size: 16px;
      margin-top: 20px;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      width: 568.2px;
      line-height: 23px;
      font-weight: 400; }
  @media screen and (max-width: 767px) {
    .about-content .about-head .about-head-box .title {
      font-size: 58px;
      line-height: 78px;
      margin-top: 40px;
      font-weight: 400; }
    .about-content .about-head .about-head-box .sub-title {
      font-weight: 600;
      font-size: 18px;
      line-height: 27px; }
    .about-content .about-head .about-head-box .description {
      margin-top: 10px;
      font-size: 14px;
      line-height: 23px;
      max-width: 100%; } }
  .about-content .introduce {
    margin-top: 90px; }
    .about-content .introduce .introduce-title {
      text-align: center; }
      .about-content .introduce .introduce-title .title {
        font-size: 22px;
        line-height: 33px;
        font-weight: 600;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing: 0.03em; }
        .about-content .introduce .introduce-title .title::after {
          content: "";
          display: block;
          width: 44px;
          margin: 15px auto 0 auto;
          border-bottom: 1px solid #333; }
      .about-content .introduce .introduce-title .sub-title {
        font-size: 28px;
        line-height: 42px;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 600;
        margin-top: 35px;
        letter-spacing: 0.03em; }
      .about-content .introduce .introduce-title img {
        margin-top: 30px; }
    .about-content .introduce .introduce-content {
      margin-top: 75px; }
      .about-content .introduce .introduce-content .left-content {
        max-width: 43%;
        flex: auto; }
        .about-content .introduce .introduce-content .left-content .left-content-box {
          max-width: 458px; }
          .about-content .introduce .introduce-content .left-content .left-content-box .description {
            width: 458px;
            font-weight: 500;
            font-size: 22px;
            line-height: 34px;
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif; }
          .about-content .introduce .introduce-content .left-content .left-content-box .information-list {
            background: #FBFBFB;
            margin-top: 30px;
            padding: 22px 17px 20px;
            width: 458px; }
            .about-content .introduce .introduce-content .left-content .left-content-box .information-list .item {
              font-size: 20px;
              line-height: 30px;
              margin-bottom: 6px;
              position: relative;
              padding-left: 30px;
              font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
              font-weight: 300; }
              .about-content .introduce .introduce-content .left-content .left-content-box .information-list .item::after {
                content: "";
                background: url("../../assets/img/about/introduce_tick.png") no-repeat;
                position: absolute;
                left: 0;
                top: 2px;
                width: 25px;
                height: 25px; }
          .about-content .introduce .introduce-content .left-content .left-content-box .text-under {
            padding: 0 30px;
            margin-top: 30px;
            font-weight: 600;
            font-size: 24px;
            line-height: 48px;
            text-align: center;
            letter-spacing: 0.04em;
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif; }
            .about-content .introduce .introduce-content .left-content .left-content-box .text-under span {
              color: #559AD7;
              font-size: 35px;
              font-weight: 600; }
      .about-content .introduce .introduce-content .right-content {
        flex: auto;
        max-width: 50%; }
        .about-content .introduce .introduce-content .right-content img {
          max-width: unset; }
      .about-content .introduce .introduce-content .title-under {
        margin-top: 115px;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-weight: 600;
        font-size: 29px;
        line-height: 48px;
        text-align: center;
        letter-spacing: 0.04em; }
      .about-content .introduce .introduce-content .img-list {
        margin-top: 40px; }
        .about-content .introduce .introduce-content .img-list .item {
          border: 1px solid #E4E4E4;
          flex: 49%;
          max-width: 50%;
          text-align: center;
          padding-bottom: 10px; }
          .about-content .introduce .introduce-content .img-list .item .title {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 28px;
            line-height: 48px;
            letter-spacing: 0.04em;
            border-bottom: 1px solid #333;
            border-left: 3px solid #333;
            padding: 0 15px;
            width: max-content;
            margin-left: 55px;
            margin-top: 35px; }
          .about-content .introduce .introduce-content .img-list .item img {
            margin-top: 30px; }
        .about-content .introduce .introduce-content .img-list :nth-child(1) {
          border-top: none;
          border-left: none; }
          .about-content .introduce .introduce-content .img-list :nth-child(1) .title {
            margin-top: 8px; }
        .about-content .introduce .introduce-content .img-list :nth-child(2) {
          border-top: none;
          border-right: none; }
          .about-content .introduce .introduce-content .img-list :nth-child(2) .title {
            margin-top: 8px; }
          .about-content .introduce .introduce-content .img-list :nth-child(2) img {
            margin-top: 0; }
        .about-content .introduce .introduce-content .img-list :nth-child(3) {
          border-bottom: none;
          border-left: none; }
        .about-content .introduce .introduce-content .img-list :nth-child(4) {
          border-bottom: none;
          border-right: none; }
    @media screen and (max-width: 767px) {
      .about-content .introduce {
        margin-top: 60px; }
        .about-content .introduce .introduce-title .title {
          font-size: 18px;
          line-height: 27px; }
        .about-content .introduce .introduce-title .sub-title {
          font-size: 18px;
          line-height: 27px;
          margin-top: 26px; }
          .about-content .introduce .introduce-title .sub-title span {
            display: block; }
        .about-content .introduce .introduce-title img {
          width: 106px;
          margin-top: 10px; }
        .about-content .introduce .introduce-content {
          margin-top: 0; }
          .about-content .introduce .introduce-content .left-content {
            order: 2;
            width: 100%;
            max-width: 100%; }
            .about-content .introduce .introduce-content .left-content .left-content-box .description {
              margin-top: 10px;
              font-size: 13px;
              line-height: 24px;
              font-weight: 400;
              max-width: 100%; }
              .about-content .introduce .introduce-content .left-content .left-content-box .description span {
                display: block; }
            .about-content .introduce .introduce-content .left-content .left-content-box .information-list {
              width: 100%;
              padding-bottom: 15px;
              padding-top: 20px; }
              .about-content .introduce .introduce-content .left-content .left-content-box .information-list .item {
                font-weight: 300;
                font-size: 13px;
                line-height: 20px;
                padding-left: 25px; }
                .about-content .introduce .introduce-content .left-content .left-content-box .information-list .item::after {
                  background: url("../../assets/img/about/introduce_tick_mb.png") no-repeat;
                  width: 16px;
                  height: 16px; }
            .about-content .introduce .introduce-content .left-content .left-content-box .text-under {
              padding: 0;
              font-size: 18px;
              line-height: 33px; }
              .about-content .introduce .introduce-content .left-content .left-content-box .text-under span {
                font-size: 26px;
                display: inline-block; }
          .about-content .introduce .introduce-content .right-content {
            order: 1;
            width: 100%;
            max-width: 100%; }
            .about-content .introduce .introduce-content .right-content img {
              height: 320px; }
          .about-content .introduce .introduce-content .title-under {
            margin-top: 70px;
            font-size: 22px;
            line-height: 32px; }
          .about-content .introduce .introduce-content .img-list {
            margin-top: 0; }
            .about-content .introduce .introduce-content .img-list .item {
              border-bottom: 1px solid #E4E4E4;
              border-top: 1px solid #E4E4E4;
              border-left: none;
              border-right: none;
              max-width: 100%;
              width: 100%;
              flex: auto;
              padding-bottom: 30px; }
              .about-content .introduce .introduce-content .img-list .item .title {
                margin-top: 30px;
                font-size: 20px;
                line-height: 48px;
                margin-left: 10px;
                padding: 0 7px; }
              .about-content .introduce .introduce-content .img-list .item img {
                padding: 0;
                text-align: center;
                margin-top: 20px; }
              .about-content .introduce .introduce-content .img-list .item:nth-child(1) {
                border-top: none; }
                .about-content .introduce .introduce-content .img-list .item:nth-child(1) .title {
                  margin-top: 26px; }
                .about-content .introduce .introduce-content .img-list .item:nth-child(1) img {
                  width: 255px; }
              .about-content .introduce .introduce-content .img-list .item:nth-child(2) img {
                margin-top: 0;
                width: 272px; }
              .about-content .introduce .introduce-content .img-list .item:nth-child(3) img {
                width: 290px; }
              .about-content .introduce .introduce-content .img-list .item:nth-child(4) {
                border-bottom: none; }
                .about-content .introduce .introduce-content .img-list .item:nth-child(4) img {
                  width: 304px; } }
  .about-content .feature {
    background: #333333;
    margin-top: 120px;
    color: #fff; }
    .about-content .feature .title {
      font-family: "Cinzel", serif;
      font-size: 76px;
      line-height: 102px;
      font-weight: 400;
      color: #fff;
      margin-top: 60px;
      display: inline-block; }
    .about-content .feature .sub-title {
      font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.03em;
      color: #FFFFFF; }
    .about-content .feature .feature-box {
      margin-top: 40px;
      position: relative;
      padding-bottom: 100px;
      grid-gap: 40px; }
      .about-content .feature .feature-box .feature-item {
        flex: 1; }
        .about-content .feature .feature-box .feature-item .num {
          font-family: "Cinzel", serif;
          font-size: 28px;
          line-height: 38px;
          font-weight: 400; }
        .about-content .feature .feature-box .feature-item .text {
          padding: 0 15px 30px 90px;
          border-bottom: 1px solid #7D7D7D;
          position: relative; }
          .about-content .feature .feature-box .feature-item .text .text-top {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-weight: 300;
            font-size: 12px;
            line-height: 18px; }
          .about-content .feature .feature-box .feature-item .text .text-bot {
            font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px; }
          .about-content .feature .feature-box .feature-item .text ::before {
            position: absolute;
            content: '';
            width: 72px;
            height: 80px;
            top: -10px;
            left: 0; }
          .about-content .feature .feature-box .feature-item .text ::after {
            position: absolute;
            content: '';
            background: url("../../assets/img/about/down-arrow.png") no-repeat;
            width: 12px;
            height: 8px;
            top: 15px;
            right: 0; }
        .about-content .feature .feature-box .feature-item:hover .text {
          border-bottom: 1px solid #ffffff; }
      .about-content .feature .feature-box :nth-child(1) .text ::before {
        background: url("../../assets/img/about/feature-item-01.png") no-repeat; }
      .about-content .feature .feature-box :nth-child(2) .text ::before {
        background: url("../../assets/img/about/feature-item-02.png") no-repeat; }
      .about-content .feature .feature-box :nth-child(3) .text ::before {
        background: url("../../assets/img/about/feature-item-03.png") no-repeat; }
    @media screen and (max-width: 767px) {
      .about-content .feature {
        padding-bottom: 60px;
        margin-top: 30px; }
        .about-content .feature .title {
          font-weight: 400;
          font-size: 40px;
          line-height: 54px;
          margin-top: 40px; }
        .about-content .feature .sub-title {
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          width: 246px;
          margin-top: 2px; }
        .about-content .feature .feature-box {
          margin-top: 32px;
          grid-gap: 0;
          flex-direction: column;
          padding: 0 15px; }
          .about-content .feature .feature-box .feature-item .num {
            position: relative;
            z-index: 2;
            padding-left: 3px;
            margin-top: 16px; }
          .about-content .feature .feature-box .feature-item .text {
            border-bottom: 1px solid #7D7D7D;
            padding: 0 15px 34px 77px; }
            .about-content .feature .feature-box .feature-item .text ::before {
              z-index: 0; }
            .about-content .feature .feature-box .feature-item .text .text-top {
              font-size: 11px;
              line-height: 16px;
              margin-top: -25px; }
            .about-content .feature .feature-box .feature-item .text .text-bot {
              font-size: 16px;
              line-height: 24px; }
          .about-content .feature .feature-box :nth-child(1) .num {
            margin-top: 0; }
          .about-content .feature .feature-box :nth-child(1) .text ::before {
            background: url(../../assets/img/about/feature-item-01-mb.png) no-repeat;
            top: -2px; }
          .about-content .feature .feature-box :nth-child(1) .text .text-top {
            margin-top: -15px; }
          .about-content .feature .feature-box :nth-child(2) .text ::before {
            background: url(../../assets/img/about/feature-item-02-mb.png) no-repeat;
            top: 15px; }
          .about-content .feature .feature-box :nth-child(3) .text ::before {
            background: url(../../assets/img/about/feature-item-03-mb.png) no-repeat;
            top: -3px; } }
  .about-content .work {
    margin-top: 150px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1360px; }
    .about-content .work .item {
      margin: 0 auto; }
      .about-content .work .item .item-content .item-content-img {
        flex: 60%;
        max-width: 692px;
        overflow: hidden; }
      .about-content .work .item .item-content .item-content-text {
        flex: 40%;
        text-align: left; }
        .about-content .work .item .item-content .item-content-text .box {
          margin-left: 70px;
          position: relative;
          max-width: 498px; }
          .about-content .work .item .item-content .item-content-text .box .num {
            color: #E2E2E2;
            font-family: "Cinzel", serif;
            font-weight: 400;
            font-size: 90px;
            line-height: 121px;
            position: absolute;
            top: 0;
            left: 70px;
            z-index: -1; }
          .about-content .work .item .item-content .item-content-text .box .title {
            font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
            font-weight: 600;
            font-size: 32px;
            line-height: 48px;
            margin-top: 65px;
            display: inline-block;
            padding-left: 20px; }
          .about-content .work .item .item-content .item-content-text .box .sub-title {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-weight: 500;
            font-size: 24px;
            line-height: 36px;
            color: #969696;
            margin-top: 35px; }
          .about-content .work .item .item-content .item-content-text .box .description {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-size: 16px;
            line-height: 28px;
            margin-top: 15px;
            font-weight: 400; }
        .about-content .work .item .item-content .item-content-text sup {
          font-size: 30%;
          vertical-align: top;
          position: relative;
          top: -0.1em; }
      .about-content .work .item .item-1-under {
        margin: 90px auto 0 auto;
        max-width: 880px;
        padding-left: 15px;
        padding-right: 15px; }
        .about-content .work .item .item-1-under .item-1-under-box {
          grid-gap: 35px; }
          .about-content .work .item .item-1-under .item-1-under-box .i-item {
            flex: 0 0 48%; }
            .about-content .work .item .item-1-under .item-1-under-box .i-item .title {
              font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
              font-weight: 400;
              font-size: 16px;
              line-height: 28px;
              margin-top: 30px; }
            .about-content .work .item .item-1-under .item-1-under-box .i-item img {
              height: 270px; }
        .about-content .work .item .item-1-under .local-person {
          margin: 50px -15px 0;
          background: #FBFBFB;
          padding: 0 40px 22px 40px; }
          .about-content .work .item .item-1-under .local-person p {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-size: 16px;
            line-height: 28px;
            font-weight: 400; }
          .about-content .work .item .item-1-under .local-person .title {
            display: inline-block;
            margin-top: 30px;
            font-weight: 400; }
          .about-content .work .item .item-1-under .local-person .open-modal {
            text-align: right;
            margin-top: 20px; }
            .about-content .work .item .item-1-under .local-person .open-modal a {
              text-decoration: none;
              font-weight: 600;
              font-size: 14px;
              line-height: 21px;
              color: #333333; }
              .about-content .work .item .item-1-under .local-person .open-modal a i {
                margin-left: 3px; }
              .about-content .work .item .item-1-under .local-person .open-modal a:hover {
                cursor: pointer; }
    .about-content .work .item-2 {
      margin-top: 140px;
      margin-left: 100px; }
      .about-content .work .item-2 .item-content .item-content-text {
        max-width: 568px; }
        .about-content .work .item-2 .item-content .item-content-text .box {
          padding-left: 0;
          margin-left: 0; }
          .about-content .work .item-2 .item-content .item-content-text .box .num {
            left: 0; }
      .about-content .work .item-2 .item-2-under {
        margin-top: 100px; }
        .about-content .work .item-2 .item-2-under .item-2-under-box {
          grid-gap: 60px; }
          .about-content .work .item-2 .item-2-under .item-2-under-box .left-col {
            flex-grow: 1;
            background: #FBFBFB;
            padding: 43px 0 25px 65px; }
            .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item {
              margin-bottom: 30px; }
              .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .num {
                font-family: "Cinzel", serif;
                font-style: normal;
                font-weight: 400;
                font-size: 22px;
                line-height: 30px;
                color: #4E4E4E;
                padding-left: 4px; }
              .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .description {
                padding: 0 0 30px 15px;
                margin-left: 15px;
                border-left: 2px solid #333333; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .description p {
                  font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
                  font-weight: 300;
                  font-size: 17px;
                  line-height: 26px;
                  margin-top: 4px; }
            .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-left-col {
              flex: 1; }
            .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-right-col {
              flex: 1; }
          .about-content .work .item-2 .item-2-under .item-2-under-box .right-col {
            flex-grow: 1; }
            .about-content .work .item-2 .item-2-under .item-2-under-box .right-col img {
              margin-top: 30px; }
    .about-content .work .item-3 {
      margin-top: 140px; }
    @media screen and (max-width: 767px) {
      .about-content .work {
        margin-top: 60px; }
        .about-content .work .item .item-content .item-content-text {
          max-width: 100%; }
          .about-content .work .item .item-content .item-content-text .box {
            padding: 0;
            margin: 0; }
            .about-content .work .item .item-content .item-content-text .box .num {
              font-size: 50px;
              line-height: 67px;
              left: 15px; }
            .about-content .work .item .item-content .item-content-text .box .title {
              font-size: 18px;
              line-height: 27px;
              margin-top: 37px;
              padding-left: 32px; }
            .about-content .work .item .item-content .item-content-text .box img {
              margin-top: 10px;
              margin-right: 15px; }
            .about-content .work .item .item-content .item-content-text .box .sub-title {
              margin: 20px 15px 0 15px;
              font-size: 16px;
              line-height: 24px; }
            .about-content .work .item .item-content .item-content-text .box .description {
              margin: 10px 15px 0 15px;
              font-size: 13px;
              line-height: 24px; }
              .about-content .work .item .item-content .item-content-text .box .description span {
                display: block; }
        .about-content .work .item .item-1-under {
          margin-top: 40px; }
          .about-content .work .item .item-1-under .item-1-under-box {
            grid-gap: 15px; }
            .about-content .work .item .item-1-under .item-1-under-box .i-item {
              flex: 0 0 47%;
              display: flex;
              flex-direction: column; }
              .about-content .work .item .item-1-under .item-1-under-box .i-item .title {
                font-size: 13px;
                line-height: 20px;
                font-weight: 300;
                margin-top: 10px; }
          .about-content .work .item .item-1-under .local-person {
            margin-top: 30px;
            padding: 20px; }
            .about-content .work .item .item-1-under .local-person .title {
              margin-top: 0;
              font-size: 13px;
              line-height: 20px;
              margin-bottom: 5px;
              font-weight: 300; }
            .about-content .work .item .item-1-under .local-person p {
              font-size: 13px;
              line-height: 20px;
              font-weight: 300; }
            .about-content .work .item .item-1-under .local-person .open-modal {
              margin-top: 5px; }
              .about-content .work .item .item-1-under .local-person .open-modal a {
                font-size: 13px;
                line-height: 20px; }
        .about-content .work .item-2 {
          margin-top: 60px;
          margin-left: 0; }
          .about-content .work .item-2 .item-content .item-content-text .box img {
            margin-left: 15px;
            padding-right: 0; }
          .about-content .work .item-2 .item-2-under {
            margin-top: 0; }
            .about-content .work .item-2 .item-2-under .item-2-under-box {
              grid-gap: 0; }
              .about-content .work .item-2 .item-2-under .item-2-under-box .left-col {
                order: 2;
                margin-top: 20px;
                padding: 20px 10px 0 4px;
                margin-left: 15px;
                margin-right: 15px; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-left-col {
                  flex: 0 0 50%; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-right-col {
                  flex: 0 0 50%; }
                  .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-right-col .item .num {
                    padding-left: 4px; }
                  .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .left-right-col .item .description {
                    margin-left: 10px; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .num {
                  font-size: 15px;
                  line-height: 20px;
                  padding-left: 9px; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .description {
                  border-left: 1px solid #333333;
                  padding-bottom: 5px;
                  padding-left: 8px; }
                  .about-content .work .item-2 .item-2-under .item-2-under-box .left-col .item .description p {
                    font-size: 12px;
                    line-height: 18px;
                    margin-top: 3px; }
              .about-content .work .item-2 .item-2-under .item-2-under-box .right-col {
                order: 1;
                text-align: center; }
                .about-content .work .item-2 .item-2-under .item-2-under-box .right-col img {
                  margin-top: 40px;
                  width: 298px; }
        .about-content .work .item-3 {
          margin-top: 60px; } }
  .about-content .measure {
    margin-top: 100px; }
    .about-content .measure .measure-top {
      text-align: center;
      border: 2px solid #E4E4E4; }
      .about-content .measure .measure-top .title-box {
        margin-top: -25px;
        display: inline-block;
        background: #ffffff; }
        .about-content .measure .measure-top .title-box .title {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-weight: 600;
          font-size: 29px;
          line-height: 48px; }
        .about-content .measure .measure-top .title-box .sub-title {
          font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
          font-weight: 300;
          font-size: 18px;
          line-height: 48px; }
      .about-content .measure .measure-top .measure-top-list {
        margin-top: 25px;
        grid-gap: 50px;
        justify-content: center;
        margin-bottom: 40px; }
    .about-content .measure .measure-mid {
      margin-top: 90px; }
      .about-content .measure .measure-mid .item {
        flex: 1 0 369px;
        text-align: center;
        border-left: 1px solid #cecece; }
        .about-content .measure .measure-mid .item img {
          margin-top: -19px; }
        .about-content .measure .measure-mid .item .content {
          text-align: left;
          margin: 0 47px; }
          .about-content .measure .measure-mid .item .content .step {
            display: inline-block;
            background: #333333;
            font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            width: 93px;
            height: 36px;
            padding-left: 9px;
            padding-top: 6px;
            position: relative; }
            .about-content .measure .measure-mid .item .content .step span {
              font-family: "Cinzel", serif;
              font-weight: 400;
              font-size: 22px;
              line-height: 30px;
              position: absolute;
              top: 3px;
              right: 10px; }
          .about-content .measure .measure-mid .item .content .title {
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-weight: 500;
            font-size: 17px;
            line-height: 27px;
            margin-top: 13px; }
          .about-content .measure .measure-mid .item .content .summary {
            margin-top: 8px;
            font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px; }
      .about-content .measure .measure-mid .item-1 {
        border: none; }
        .about-content .measure .measure-mid .item-1 .content {
          margin-left: 0; }
      .about-content .measure .measure-mid .item-2 {
        flex: 1 0 418px; }
      .about-content .measure .measure-mid .item-3 .content {
        margin-right: 0; }
    .about-content .measure .measure-bot {
      margin-top: 140px; }
      .about-content .measure .measure-bot .title {
        text-align: center;
        font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 600;
        font-size: 22px;
        line-height: 33px; }
      .about-content .measure .measure-bot .measure-bot-list {
        grid-gap: 22px;
        justify-content: space-between;
        margin-top: 45px; }
        .about-content .measure .measure-bot .measure-bot-list .item {
          flex: 1;
          text-align: center; }
          .about-content .measure .measure-bot .measure-bot-list .item a {
            display: block; }
          .about-content .measure .measure-bot .measure-bot-list .item .img-link {
            max-width: 272px;
            max-height: 173px;
            overflow: hidden;
            margin: 0 auto;
            display: flex; }
            .about-content .measure .measure-bot .measure-bot-list .item .img-link img {
              transition: transform .5s ease; }
              .about-content .measure .measure-bot .measure-bot-list .item .img-link img:hover {
                transform: scale(1.2); }
          .about-content .measure .measure-bot .measure-bot-list .item .content {
            text-align: left;
            max-width: 272px;
            margin: 0 auto; }
            .about-content .measure .measure-bot .measure-bot-list .item .content .title {
              text-align: left;
              margin-top: 15px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              -webkit-box-orient: vertical; }
              .about-content .measure .measure-bot .measure-bot-list .item .content .title a {
                text-decoration: none;
                font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
                font-weight: 500;
                font-size: 20px;
                line-height: 33px;
                color: #333333; }
            .about-content .measure .measure-bot .measure-bot-list .item .content .summary {
              font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
              font-weight: 300;
              font-size: 18px;
              line-height: 27px;
              margin-top: 14px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              -webkit-box-orient: vertical; }
    .about-content .measure .btn-see-more {
      margin-top: 42px;
      text-align: center; }
      .about-content .measure .btn-see-more a {
        border-radius: 30px;
        background: #333333;
        display: inline-block;
        width: 426px;
        font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        position: relative;
        color: #fff;
        text-decoration: none;
        justify-content: center;
        padding: 18px 0; }
        .about-content .measure .btn-see-more a:before {
          content: "";
          background: url(../../assets/img/icons/white_next_icon.png) no-repeat;
          width: 7px;
          height: 12px;
          position: absolute;
          right: 30px;
          top: 23px; }
        .about-content .measure .btn-see-more a:hover {
          opacity: 0.87; }
    @media screen and (max-width: 767px) {
      .about-content .measure {
        margin-top: 57px; }
        .about-content .measure .measure-top .title-box {
          margin: -15px 25px; }
          .about-content .measure .measure-top .title-box .title {
            font-size: 22px;
            line-height: 32px; }
          .about-content .measure .measure-top .title-box .sub-title {
            font-size: 14px;
            line-height: 21px;
            margin-top: 19px; }
        .about-content .measure .measure-top .measure-top-list {
          grid-gap: 0;
          justify-content: left;
          margin: 36px auto;
          max-width: 302px; }
        .about-content .measure .measure-top .img-w-app {
          margin-top: 36.75px;
          margin-bottom: 50px; }
        .about-content .measure .measure-mid {
          margin-top: 28px; }
          .about-content .measure .measure-mid .measure-mid-list {
            margin-bottom: 5px; }
            .about-content .measure .measure-mid .measure-mid-list .item {
              flex: 1 1 100%;
              display: flex;
              border-bottom: 1px solid #cecece;
              border-left: none; }
              .about-content .measure .measure-mid .measure-mid-list .item img {
                max-width: 160px;
                margin-top: 0; }
              .about-content .measure .measure-mid .measure-mid-list .item .content {
                flex-grow: 2;
                margin: 0; }
                .about-content .measure .measure-mid .measure-mid-list .item .content .step {
                  margin-top: 35px;
                  font-size: 12px;
                  line-height: 18px;
                  width: 70px;
                  height: 26px;
                  padding: 4px 7px; }
                  .about-content .measure .measure-mid .measure-mid-list .item .content .step span {
                    font-size: 16px;
                    line-height: 22px;
                    top: 3px;
                    right: 7px; }
                .about-content .measure .measure-mid .measure-mid-list .item .content .title {
                  font-size: 14px;
                  line-height: 26px;
                  margin-top: 10px; }
                .about-content .measure .measure-mid .measure-mid-list .item .content .summary {
                  font-size: 13px;
                  line-height: 24px;
                  font-weight: 300; }
            .about-content .measure .measure-mid .measure-mid-list .item-2 {
              margin-top: 5px; }
              .about-content .measure .measure-mid .measure-mid-list .item-2 .content .step {
                margin-top: 45px; }
              .about-content .measure .measure-mid .measure-mid-list .item-2 img {
                order: 2; }
            .about-content .measure .measure-mid .measure-mid-list .item-3 {
              margin-top: 5px;
              border: none; }
              .about-content .measure .measure-mid .measure-mid-list .item-3 .content .step {
                margin-top: 30px; }
        .about-content .measure .measure-bot {
          margin-top: 70px; }
          .about-content .measure .measure-bot .title {
            font-size: 18px;
            line-height: 27px; }
          .about-content .measure .measure-bot .measure-bot-list {
            margin-top: 20px;
            margin-bottom: 30px;
            grid-gap: 15px; }
            .about-content .measure .measure-bot .measure-bot-list .item {
              flex: 1 0 45%;
              padding-bottom: 10px; }
              .about-content .measure .measure-bot .measure-bot-list .item .content .title {
                margin-top: 10px; }
                .about-content .measure .measure-bot .measure-bot-list .item .content .title a {
                  font-size: 15px;
                  line-height: 20px;
                  font-weight: 500; }
              .about-content .measure .measure-bot .measure-bot-list .item .content .summary {
                font-size: 13px;
                line-height: 20px;
                margin-top: 10px; }
        .about-content .measure .btn-see-more {
          margin-top: 0; }
          .about-content .measure .btn-see-more a {
            font-size: 14px;
            line-height: 21px;
            max-width: 100%;
            padding: 12px;
            width: 305px;
            height: 46px; }
            .about-content .measure .btn-see-more a:before {
              top: 17px; } }

.localist-popup {
  width: 1160px;
  height: 1590px;
  background-color: white;
  position: absolute;
  top: 60px;
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .localist-popup {
      width: 100%;
      height: 1158px;
      top: 0;
      margin-top: 53px;
      margin-bottom: 72px; } }
  .localist-popup__overlay {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.5s ease-out;
    overflow-y: scroll; }
  .localist-popup__overlay-on {
    visibility: visible;
    opacity: 1; }
  .localist-popup__wrap {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1160px;
    height: 1750px; }
    @media screen and (max-width: 767px) {
      .localist-popup__wrap {
        width: 345px;
        height: 1283px;
        top: 0; } }
  .localist-popup__cancel-wrap {
    width: 52px;
    height: 61px;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 767px) {
      .localist-popup__cancel-wrap {
        display: none; } }
  .localist-popup__close {
    font-family: "Cinzel", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: fit-content; }
  .localist-popup__batsu-wrap {
    width: fit-content; }
  .localist-popup__batsu {
    display: block;
    position: relative;
    width: 50px;
    height: 40px; }
  .localist-popup__batsu::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 50px;
    background: white;
    transform: translate(-50%, -50%) rotate(-74deg); }
    @media screen and (max-width: 767px) {
      .localist-popup__batsu::before {
        width: 1px;
        height: 30px; } }
  .localist-popup__batsu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 50px;
    background: white;
    transform: translate(-50%, -50%) rotate(74deg); }
    @media screen and (max-width: 767px) {
      .localist-popup__batsu::after {
        width: 1px;
        height: 30px; } }
  .localist-popup__content {
    margin: 80px 55px; }
    @media screen and (max-width: 767px) {
      .localist-popup__content {
        margin: 40px 15px; } }
  .localist-popup__title {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.03em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .localist-popup__title {
        font-style: normal;
        font-size: 18px;
        line-height: 27px; } }
  .localist-popup__description {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 21px; }
    @media screen and (max-width: 767px) {
      .localist-popup__description {
        font-weight: 300;
        font-size: 14px;
        line-height: 21px; } }
  .localist-popup__localists {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 11px;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .localist-popup__localists {
        margin-top: 30px;
        margin-bottom: 30px; } }
  .localist-popup__localist {
    width: 330px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .localist-popup__localist {
        width: 152px; } }
    .localist-popup__localist-image {
      width: 330px;
      height: 210px; }
      @media screen and (max-width: 767px) {
        .localist-popup__localist-image {
          width: 152px;
          height: 90px; } }
    .localist-popup__localist-area {
      position: absolute;
      top: 0;
      width: 68px;
      height: 28px;
      background-color: black;
      color: white;
      text-align: center;
      line-height: 28px;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px; }
      @media screen and (max-width: 767px) {
        .localist-popup__localist-area {
          width: 49px;
          height: 21px;
          line-height: 21px;
          font-size: 11px; } }
    .localist-popup__localist-name {
      height: 33px;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 33px;
      margin-top: 17px;
      margin-bottom: 11px; }
      @media screen and (max-width: 767px) {
        .localist-popup__localist-name {
          height: 20px;
          font-size: 13px;
          line-height: 20px;
          margin-top: 10px;
          margin-bottom: 4px; } }
    .localist-popup__localist-description {
      height: 102px;
      font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 34px; }
      @media screen and (max-width: 767px) {
        .localist-popup__localist-description {
          height: 72px;
          font-size: 11px;
          line-height: 18px; } }
  .localist-popup__close-btn {
    width: 426px;
    height: 60px;
    margin: 0 auto;
    background: #333333;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .localist-popup__close-btn {
        width: 305px;
        height: 46px;
        line-height: 46px; } }
    .localist-popup__close-btn:hover {
      opacity: 0.87; }
  .localist-popup__close-btn-text {
    font-family: "Hiragino Kaku Gothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .localist-popup__close-btn-text {
        font-size: 14px; } }
  .localist-popup__close-btn-arrow {
    color: white;
    position: absolute;
    top: 22px;
    right: 25px; }
    @media screen and (max-width: 767px) {
      .localist-popup__close-btn-arrow {
        top: 15px; } }
        
.caution {
    text-align: left;
    /* display: block; */
    width: 100%;
    font-size: 0.8em;
    margin-top: -1.5em;
}