@charset "UTF-8";
/* CSS Document */
/********************
performance
*********************/
#performance-mv .container .mv-wrap {
  border: 5px solid #231815;
  border-radius: 50px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    #performance-mv .container .mv-wrap {
      border: 3px solid #231815;
      border-radius: 30px; } }
  #performance-mv .container .mv-wrap h2 {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.25em;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 0px 4.94px rgba(4, 0, 0, 0.3);
    white-space: nowrap;
    padding-bottom: 10px; }
    @media (max-width: 768px) {
      #performance-mv .container .mv-wrap h2 {
        white-space: normal;
        width: 100%;
        font-size: 1.4em;
        top: calc(50% - 2rem);
        left: 0;
        transform: translate(0, 0); } }
  #performance-mv .container .mv-wrap .slide .slie-txtbox {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 20px 16px;
    position: absolute;
    right: 40px;
    bottom: 40px; }
    @media (max-width: 768px) {
      #performance-mv .container .mv-wrap .slide .slie-txtbox {
        position: relative;
        right: auto;
        bottom: auto; } }
    #performance-mv .container .mv-wrap .slide .slie-txtbox dl {
      line-height: 1.6; }
      #performance-mv .container .mv-wrap .slide .slie-txtbox dl dt {
        font-size: 0.875em;
        font-weight: 600;
        border-bottom: 1px solid #231815; }
      #performance-mv .container .mv-wrap .slide .slie-txtbox dl dd {
        font-size: 11px;
        border-bottom: 1px solid #231815; }

.cls-1 {
  fill: #bfc0c0; }

#performance-anm {
  position: relative; }
  #performance-anm .anm-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1366/1300; }
    @media (max-width: 1024px) {
      #performance-anm .anm-wrap {
        aspect-ratio: 1366/1480; } }
    @media (max-width: 768px) {
      #performance-anm .anm-wrap {
        aspect-ratio: 1366/1560; } }
    @media (max-width: 500px) {
      #performance-anm .anm-wrap {
        aspect-ratio: 375/640; } }
    #performance-anm .anm-wrap #animation_container {
      position: absolute;
      margin: auto;
      width: 100% !important;
      height: 100% !important;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      #performance-anm .anm-wrap #animation_container #canvas {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover; }
  #performance-anm .cont-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 7.32vw; }
    @media (max-width: 768px) {
      #performance-anm .cont-wrap {
        padding-top: 8.5vw; } }
    #performance-anm .cont-wrap .tit-box {
      margin-bottom: 3em; }
      @media (max-width: 768px) {
        #performance-anm .cont-wrap .tit-box {
          margin-bottom: 1.5em; } }
    #performance-anm .cont-wrap .txt-box h1 {
      font-size: 3.5em;
      font-weight: 700;
      font-feature-settings: "palt";
      line-height: 1.2; }
      @media (max-width: 768px) {
        #performance-anm .cont-wrap .txt-box h1 {
          font-size: 2.5em; } }
      #performance-anm .cont-wrap .txt-box h1 span {
        background-color: #c2e2f7; }
    #performance-anm .cont-wrap .txt-box p {
      margin-top: 1em;
      font-size: 1.56em; }
      @media (max-width: 768px) {
        #performance-anm .cont-wrap .txt-box p {
          font-size: 1em; } }
      #performance-anm .cont-wrap .txt-box p span {
        background-color: #c2e2f7; }
    #performance-anm .cont-wrap .performance-list-wrap .swiper {
      padding-top: 165px; }
      @media (min-width: 1440px) {
        #performance-anm .cont-wrap .performance-list-wrap .swiper {
          padding-top: calc(165/1440*100vw); } }
      @media (max-width: 1280px) {
        #performance-anm .cont-wrap .performance-list-wrap .swiper {
          padding-top: calc(165/1280*100vw); } }
      @media (max-width: 767px) {
        #performance-anm .cont-wrap .performance-list-wrap .swiper {
          padding-top: calc(165/767*100vw); } }
      @media (max-width: 500px) {
        #performance-anm .cont-wrap .performance-list-wrap .swiper {
          padding-top: calc(100/500*100vw); } }
    #performance-anm .cont-wrap .performance-list-wrap .slide-box .baloon {
      width: 71%;
      margin: 0 auto; }
      @media (max-width: 1280px) {
        #performance-anm .cont-wrap .performance-list-wrap .slide-box .baloon {
          width: 60%; } }
      @media (max-width: 768px) {
        #performance-anm .cont-wrap .performance-list-wrap .slide-box .baloon {
          width: 50%; } }
      #performance-anm .cont-wrap .performance-list-wrap .slide-box .baloon a {
        pointer-events: none; }
      #performance-anm .cont-wrap .performance-list-wrap .slide-box .baloon img {
        width: 100%; }
    #performance-anm .cont-wrap .performance-list-wrap .slide-box .men {
      margin-top: 10px; }
      @media (max-width: 768px) {
        #performance-anm .cont-wrap .performance-list-wrap .slide-box .men {
          width: 90%;
          margin: 10px auto 0; } }
    #performance-anm .cont-wrap .performance-list-wrap .swiper-slide-active .slide-box .baloon {
      transform: scale(1.6);
      transform-origin: center bottom; }
      @media (max-width: 1280px) {
        #performance-anm .cont-wrap .performance-list-wrap .swiper-slide-active .slide-box .baloon {
          transform: scale(1.4); } }
      #performance-anm .cont-wrap .performance-list-wrap .swiper-slide-active .slide-box .baloon a {
        pointer-events: all; }
      #performance-anm .cont-wrap .performance-list-wrap .swiper-slide-active .slide-box .baloon img {
        animation: fuwafuwa 3s infinite; }

@keyframes zoomInAnime {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.6); } }
.performance-page .modal .modal-inner {
  padding: 40px; }
  @media (max-width: 767px) {
    .performance-page .modal .modal-inner {
      padding: 30px; } }
  @media (max-width: 500px) {
    .performance-page .modal .modal-inner {
      padding: 20px; } }
  .performance-page .modal .modal-inner .modal-cont .modal-tit {
    margin-bottom: 2em; }
    @media (max-width: 500px) {
      .performance-page .modal .modal-inner .modal-cont .modal-tit {
        margin-bottom: 1em; } }
    .performance-page .modal .modal-inner .modal-cont .modal-tit h2 {
      font-size: 2em;
      font-weight: 700; }
      @media (max-width: 500px) {
        .performance-page .modal .modal-inner .modal-cont .modal-tit h2 {
          font-size: 1.5em; } }
      .performance-page .modal .modal-inner .modal-cont .modal-tit h2 strong {
        font-size: 1.4em;
        font-weight: 700;
        color: #EA5514; }
        @media (max-width: 500px) {
          .performance-page .modal .modal-inner .modal-cont .modal-tit h2 strong {
            font-size: 1.2em; } }
  .performance-page .modal .modal-inner .modal-cont .is-flex {
    gap: 20px; }
    @media (max-width: 767px) {
      .performance-page .modal .modal-inner .modal-cont .is-flex {
        flex-flow: column;
        gap: 15px; } }
    .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box, .performance-page .modal .modal-inner .modal-cont .is-flex .img-box {
      width: calc((100% - 20px) / 2); }
      @media (max-width: 767px) {
        .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box, .performance-page .modal .modal-inner .modal-cont .is-flex .img-box {
          width: 100%; } }
    @media (max-width: 767px) {
      .performance-page .modal .modal-inner .modal-cont .is-flex .img-box {
        width: 80%; } }
    .performance-page .modal .modal-inner .modal-cont .is-flex dl.spec-list {
      line-height: 1.6;
      margin-top: 1.5em; }
      .performance-page .modal .modal-inner .modal-cont .is-flex dl.spec-list dt {
        font-size: 0.875em;
        font-weight: 600;
        border-bottom: 1px solid #231815; }
      .performance-page .modal .modal-inner .modal-cont .is-flex dl.spec-list dd {
        font-size: 11px;
        border-bottom: 1px solid #231815; }
    .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box h5 {
      padding-left: 1em;
      text-indent: -1em;
      font-weight: 600;
      font-size: 1.2em;
      line-height: 1.4; }
      @media (max-width: 500px) {
        .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box h5 {
          font-size: 1.025em; } }
    .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box h5::before {
      content: "●";
      color: #EA5514; }
    .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box .arw {
      display: flex;
      justify-content: center;
      margin: 10px auto; }
      .performance-page .modal .modal-inner .modal-cont .is-flex .txt-box .arw svg {
        width: 30%; }
    .performance-page .modal .modal-inner .modal-cont .is-flex .img-box {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
      align-items: flex-start; }
      .performance-page .modal .modal-inner .modal-cont .is-flex .img-box .img01 {
        width: 100%;
        border-radius: 20px;
        overflow: hidden; }
      .performance-page .modal .modal-inner .modal-cont .is-flex .img-box .img02, .performance-page .modal .modal-inner .modal-cont .is-flex .img-box .img03 {
        width: 47.5%;
        margin-top: 10px;
        border-radius: 10px;
        overflow: hidden; }
  .performance-page .modal .modal-inner .modal-cont .last-txt {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    position: relative; }
    @media (max-width: 767px) {
      .performance-page .modal .modal-inner .modal-cont .last-txt {
        gap: 5px; } }
    .performance-page .modal .modal-inner .modal-cont .last-txt img {
      width: 20%;
      min-width: 60px;
      height: auto;
      flex-shrink: 0; }
      @media (max-width: 500px) {
        .performance-page .modal .modal-inner .modal-cont .last-txt img {
          position: absolute;
          left: -20px;
          top: -10px;
          width: 30px; } }
    .performance-page .modal .modal-inner .modal-cont .last-txt p.last {
      font-size: 1.75em;
      font-weight: 600;
      line-height: 1.2; }
      @media (max-width: 500px) {
        .performance-page .modal .modal-inner .modal-cont .last-txt p.last {
          font-size: 1.375em;
          padding-left: 40px; } }
      .performance-page .modal .modal-inner .modal-cont .last-txt p.last strong {
        font-weight: 500;
        color: #EA5514; }
.performance-page .modal .pa_img {
  position: absolute;
  right: -15%;
  top: 50%;
  transform: translateY(-50%);
  width: 30%; }
  @media (max-width: 767px) {
    .performance-page .modal .pa_img {
      right: 0;
      top: 55%; } }
  @media (max-width: 500px) {
    .performance-page .modal .pa_img {
      transform: translateY(-10%);
      width: 40%; } }
.performance-page .main-footer .img_last {
  width: 37.5%;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .performance-page .main-footer .img_last {
      width: 55%; } }

.performance-list-wrap + .caption-box {
  margin-top: 2em; }
  @media (max-width: 500px) {
    .performance-list-wrap + .caption-box {
      margin-top: 1em; } }

/********************
news
*********************/
#news-container {
  padding-bottom: 50px; }
  #news-container .container_s .contents-wrap {
    border: 5px solid #231815;
    border-radius: 50px;
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    padding: 48px 60px; }
    @media (max-width: 768px) {
      #news-container .container_s .contents-wrap {
        border: 3px solid #231815;
        border-radius: 30px;
        padding: 48px 40px; } }
    #news-container .container_s .contents-wrap .pa_img {
      position: absolute;
      right: 7%;
      bottom: -6.3vw;
      width: 8.125vw; }
    #news-container .container_s .contents-wrap .news-list-wrap {
      overflow: auto;
      max-height: 70vh; }
      #news-container .container_s .contents-wrap .news-list-wrap .news-list li {
        border-bottom: 1px dotted #D9D9DA;
        padding-bottom: 0.25em; }
        #news-container .container_s .contents-wrap .news-list-wrap .news-list li a {
          display: flex; }
          @media (max-width: 500px) {
            #news-container .container_s .contents-wrap .news-list-wrap .news-list li a {
              flex-flow: column; } }
          #news-container .container_s .contents-wrap .news-list-wrap .news-list li a time {
            width: 8em;
            font-size: 0.8em;
            color: #3E3A39;
            font-weight: 500; }
          #news-container .container_s .contents-wrap .news-list-wrap .news-list li a .txt {
            width: calc(100% - 10em);
            font-size: 0.9em; }
            @media (max-width: 500px) {
              #news-container .container_s .contents-wrap .news-list-wrap .news-list li a .txt {
                width: 100%; } }
      #news-container .container_s .contents-wrap .news-list-wrap .news-list li + li {
        margin-top: 1em; }

.single #page-container {
  padding-bottom: 50px; }
  .single #page-container .contents-wrap {
    border: 5px solid #231815;
    border-radius: 50px;
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    padding: 48px 70px; }
    .single #page-container .contents-wrap .tit-box {
      border-bottom: 2px solid #D9D9DA;
      margin-bottom: 40px;
      padding-bottom: 20px; }
      .single #page-container .contents-wrap .tit-box h2.h2-box {
        margin-bottom: 0.5em; }

/********************
qa
*********************/
#qa-container .container_s .contents-wrap {
  border: 5px solid #231815;
  border-radius: 50px;
  position: relative;
  background-color: #FFFFFF;
  position: relative;
  padding: 48px 60px; }
  @media (max-width: 768px) {
    #qa-container .container_s .contents-wrap {
      border: 3px solid #231815;
      border-radius: 30px;
      padding: 48px  40px; } }
  #qa-container .container_s .contents-wrap .tit-box {
    margin-bottom: 3em; }
    @media (max-width: 768px) {
      #qa-container .container_s .contents-wrap .tit-box {
        margin-bottom: 1.5em; } }
  #qa-container .container_s .contents-wrap .txt-box h1 {
    font-size: 3.5em;
    font-weight: 700;
    font-feature-settings: "palt";
    line-height: 1.2; }
    @media (max-width: 768px) {
      #qa-container .container_s .contents-wrap .txt-box h1 {
        font-size: 2.5em; } }
  #qa-container .container_s .contents-wrap .txt-box p {
    margin-top: 1em;
    font-size: 1.56em; }
    @media (max-width: 768px) {
      #qa-container .container_s .contents-wrap .txt-box p {
        font-size: 1em; } }
  #qa-container .container_s .contents-wrap .qa-list-wrap {
    width: 79.75%;
    margin: 28px auto 0; }
    @media (max-width: 1024px) {
      #qa-container .container_s .contents-wrap .qa-list-wrap {
        width: 100%; } }
    #qa-container .container_s .contents-wrap .qa-list-wrap li {
      font-size: 1.25em;
      font-weight: 700;
      border-bottom: 1px dashed #D9D9DA; }
      #qa-container .container_s .contents-wrap .qa-list-wrap li::before {
        content: "Q."; }
      #qa-container .container_s .contents-wrap .qa-list-wrap li a {
        width: 100%;
        padding-bottom: 0.25em;
        padding-top: 0.15em; }
  #qa-container .container_s .contents-wrap .qa-contents-wrap {
    padding: 90px 35px 0; }
    @media (max-width: 1024px) {
      #qa-container .container_s .contents-wrap .qa-contents-wrap {
        padding: 60px 0 0; } }
    #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .q-box {
      display: flex;
      align-items: flex-start; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .q-box .img-box {
        width: 17.56%;
        padding-top: 60px;
        position: relative; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .q-box .baloon {
        width: 54.7%;
        position: relative;
        opacity: 0;
        transform: translateX(50px); }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .q-box.is-animated .img-box img {
        animation: bounce 2s ease-out forwards; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .q-box.is-animated .baloon {
        animation: fadeRightIn .5s ease-out 1s forwards; }
    #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .a-box {
      display: flex;
      flex-flow: row-reverse;
      align-items: flex-start;
      position: relative;
      top: -60px; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .a-box .img-box {
        width: 18.10%;
        padding-top: 60px;
        position: relative; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .a-box .baloon {
        width: 54.7%;
        position: relative;
        opacity: 0;
        transform: translateX(-50px); }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .a-box.is-animated .img-box img {
        animation: bounce 2s ease-out forwards; }
      #qa-container .container_s .contents-wrap .qa-contents-wrap .qa-box .a-box.is-animated .baloon {
        animation: fadeLeftIn .5s ease-out 1.5s forwards; }
  #qa-container .container_s .contents-wrap .pa_img {
    position: absolute;
    right: -4.5%;
    top: 20px;
    width: 9.76vw; }
    @media (min-width: 1280px) {
      #qa-container .container_s .contents-wrap .pa_img {
        width: 125px; } }
    @media (max-width: 768px) {
      #qa-container .container_s .contents-wrap .pa_img {
        width: 12vw; } }

.qa-page .main-footer .img_last {
  width: 37.5%;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .qa-page .main-footer .img_last {
      width: 55%; } }

/********************
about
*********************/
#about-container {
  padding-bottom: 50px; }
  #about-container .container_s .contents-wrap {
    border: 5px solid #231815;
    border-radius: 50px;
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    padding: 48px 37.5px; }
    @media (max-width: 768px) {
      #about-container .container_s .contents-wrap {
        border: 3px solid #231815;
        border-radius: 30px;
        padding: 48px 30px; } }
    #about-container .container_s .contents-wrap .tit-box {
      margin-bottom: 3em; }
      @media (max-width: 768px) {
        #about-container .container_s .contents-wrap .tit-box {
          margin-bottom: 1.5em; } }
    #about-container .container_s .contents-wrap .about-box-wrap .about-box {
      margin-bottom: 40px; }
      #about-container .container_s .contents-wrap .about-box-wrap .about-box h3 {
        font-size: 1.875em;
        font-weight: 600;
        text-align: center; }
        #about-container .container_s .contents-wrap .about-box-wrap .about-box h3 small {
          font-size: 0.6666em; }
      #about-container .container_s .contents-wrap .about-box-wrap .about-box h3 + p {
        margin-top: 1em; }
      #about-container .container_s .contents-wrap .about-box-wrap .about-box .is-flex {
        margin-top: 20px;
        gap: 20px;
        align-items: flex-start; }
        @media (max-width: 500px) {
          #about-container .container_s .contents-wrap .about-box-wrap .about-box .is-flex {
            display: block !important; } }
        #about-container .container_s .contents-wrap .about-box-wrap .about-box .is-flex .img-box {
          width: 55%;
          aspect-ratio: 3/2;
          border-radius: 32px;
          overflow: hidden; }
          @media (max-width: 500px) {
            #about-container .container_s .contents-wrap .about-box-wrap .about-box .is-flex .img-box {
              width: 100%;
              margin-bottom: 20px; } }
          #about-container .container_s .contents-wrap .about-box-wrap .about-box .is-flex .img-box img {
            object-fit: cover;
            width: 100%;
            height: 100%; }
      #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table {
        width: 100%; }
        #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table thead {
          border-top: 1px solid #231815;
          border-bottom: 1px solid #231815; }
          #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table thead th {
            background-color: #C9CACA;
            font-size: 0.9em;
            padding: 0 1em;
            line-height: 1.8; }
            @media (max-width: 500px) {
              #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table thead th {
                font-size: 1em; } }
        #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table tbody td {
          font-size: 0.9em;
          padding: 0 1em;
          border-bottom: 1px solid #231815;
          line-height: 1.8; }
          @media (max-width: 500px) {
            #about-container .container_s .contents-wrap .about-box-wrap .about-box .spec-table tbody td {
              font-size: 1em; } }
      #about-container .container_s .contents-wrap .about-box-wrap .about-box p.cap {
        margin-top: 1em;
        font-size: 11px; }
    #about-container .container_s .contents-wrap .about-scont {
      padding: 0 65px; }
      @media (max-width: 768px) {
        #about-container .container_s .contents-wrap .about-scont {
          padding: 0; } }
      #about-container .container_s .contents-wrap .about-scont .img-box {
        position: relative; }
        #about-container .container_s .contents-wrap .about-scont .img-box .cap {
          position: absolute;
          left: 0;
          bottom: 0; }
      #about-container .container_s .contents-wrap .about-scont .movie-box, #about-container .container_s .contents-wrap .about-scont .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9; }
      #about-container .container_s .contents-wrap .about-scont iframe {
        width: 100%;
        height: 100%; }
    #about-container .container_s .contents-wrap .about-scont + .about-scont {
      margin-top: 40px; }
    #about-container .container_s .contents-wrap .pa_img {
      position: absolute;
      right: -4.5%;
      top: 20px;
      width: 21vw; }
      @media (min-width: 1280px) {
        #about-container .container_s .contents-wrap .pa_img {
          width: 270px; } }

/********************
member
*********************/
#member-container {
  padding-bottom: 50px; }
  #member-container .container_s .contents-wrap {
    border: 5px solid #231815;
    border-radius: 50px;
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    padding: 48px 70px; }
    @media (max-width: 768px) {
      #member-container .container_s .contents-wrap {
        border: 3px solid #231815;
        border-radius: 30px;
        padding: 48px 30px; } }
    #member-container .container_s .contents-wrap .tit-box {
      margin-bottom: 3em; }
      @media (max-width: 768px) {
        #member-container .container_s .contents-wrap .tit-box {
          margin-bottom: 1.5em; } }
    #member-container .container_s .contents-wrap .member-list-wrap {
      max-height: 50vh;
      overflow: auto; }
      #member-container .container_s .contents-wrap .member-list-wrap .table {
        width: 100%;
        border: 1px solid #D9D9DA; }
        #member-container .container_s .contents-wrap .member-list-wrap .table th, #member-container .container_s .contents-wrap .member-list-wrap .table td {
          border: 1px solid #D9D9DA;
          font-size: 1.125em; }
        #member-container .container_s .contents-wrap .member-list-wrap .table th {
          background-color: #C9CACA; }
    #member-container .container_s .contents-wrap .pa_img {
      position: absolute;
      right: -4.5%;
      top: -6px;
      width: 17.265vw;
      display: flex;
      align-items: flex-start; }
      @media (min-width: 1280px) {
        #member-container .container_s .contents-wrap .pa_img {
          width: 221px; } }
      #member-container .container_s .contents-wrap .pa_img img {
        width: 50%;
        animation: fuwafuwa 3s ease infinite; }
      #member-container .container_s .contents-wrap .pa_img .kikyu02 {
        margin-top: 60px;
        animation: fuwafuwa 3s ease 1.5s infinite; }

/********************
contact
*********************/
#contact-container {
  padding-bottom: 50px; }
  #contact-container .btn_contact {
    background-color: #3A8DA3;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    height: 95px;
    border-radius: 47.5px;
    margin: 0 auto;
    transition: .3s ease background-color; }
    @media (max-width: 768px) {
      #contact-container .btn_contact {
        height: 60px;
        border-radius: 30px; } }
    #contact-container .btn_contact span {
      color: #FFF;
      font-size: 1.5em;
      font-weight: 600; }
      @media (max-width: 768px) {
        #contact-container .btn_contact span {
          font-size: 2em; } }
    #contact-container .btn_contact:hover {
      background-color: #1F7E96; }
    #contact-container .btn_contact.btn_s {
      height: 38px;
      border-radius: 19px;
      max-width: 260px; }
      #contact-container .btn_contact.btn_s img {
        width: 63%; }
  #contact-container .container_s .contents-wrap {
    border: 5px solid #231815;
    border-radius: 50px;
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    padding: 48px 35px; }
    @media (max-width: 768px) {
      #contact-container .container_s .contents-wrap {
        border: 3px solid #231815;
        border-radius: 30px;
        padding: 48px 30px; } }
    #contact-container .container_s .contents-wrap .tit-box {
      margin-bottom: 3em; }
      @media (max-width: 768px) {
        #contact-container .container_s .contents-wrap .tit-box {
          margin-bottom: 2.5em; } }
    #contact-container .container_s .contents-wrap .contact-cont-wrap {
      padding-bottom: 40px; }
      #contact-container .container_s .contents-wrap .contact-cont-wrap .btn_box {
        margin-top: 30px; }
      #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box {
        margin-top: 30px;
        display: flex;
        flex-flow: column;
        align-items: center; }
        #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box p.tel {
          width: 64%;
          margin: 0 auto; }
          @media (max-width: 768px) {
            #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box p.tel {
              width: 100%; } }
        #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box p.fax {
          width: 30.8%;
          margin: 10px auto; }
          @media (max-width: 768px) {
            #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box p.fax {
              width: 50%; } }
        #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box .info-box {
          width: 64%;
          border: 1px solid #231815;
          padding: 10px 20px;
          display: flex;
          justify-content: center;
          margin-top: 20px; }
          @media (max-width: 768px) {
            #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box .info-box {
              width: 100%; } }
          #contact-container .container_s .contents-wrap .contact-cont-wrap .txt-box .info-box p {
            font-weight: 600; }
    #contact-container .container_s .contents-wrap .pdf-cont-wrap .img-box {
      width: 44.8%;
      margin: auto; }
      @media (max-width: 768px) {
        #contact-container .container_s .contents-wrap .pdf-cont-wrap .img-box {
          width: 80%; } }
      #contact-container .container_s .contents-wrap .pdf-cont-wrap .img-box figure {
        border: 1px solid #231815;
        margin-bottom: 20px; }
      #contact-container .container_s .contents-wrap .pdf-cont-wrap .img-box h6 {
        font-weight: 600;
        font-size: 1.25em; }
    #contact-container .container_s .contents-wrap .dl-index-wrap {
      display: flex;
      gap: 20px;
      margin-top: 40px; }
      @media (max-width: 768px) {
        #contact-container .container_s .contents-wrap .dl-index-wrap {
          display: block; } }
      #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box {
        width: calc((100% - 40px) /3); }
        @media (max-width: 768px) {
          #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px; } }
        @media (max-width: 500px) {
          #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box {
            width: 100%;
            flex-flow: column;
            justify-content: flex-start;
            align-items: center; } }
        #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box h6 {
          font-weight: 600;
          font-size: 1.25em;
          line-height: 1.5; }
          @media (max-width: 768px) {
            #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box h6 {
              text-align: left !important;
              width: 68%;
              font-size: 1.05em; } }
          @media (max-width: 500px) {
            #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box h6 {
              width: 100%;
              font-size: 1.25em;
              text-align: center !important; } }
        @media (max-width: 768px) {
          #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box .btn-box_s {
            width: 30%; } }
        @media (max-width: 500px) {
          #contact-container .container_s .contents-wrap .dl-index-wrap .dl-index-box .btn-box_s {
            width: 100%; } }
    #contact-container .container_s .contents-wrap .pa_img {
      position: absolute;
      right: -4.5%;
      top: -10px;
      width: 17.65vw; }
      @media (min-width: 1280px) {
        #contact-container .container_s .contents-wrap .pa_img {
          width: 226px; } }
      #contact-container .container_s .contents-wrap .pa_img img {
        animation: heartbeat 5s linear infinite forwards; }

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out; }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in; }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out; }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in; }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out; } }