@charset "UTF-8";

/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* news */
.col-news {
  position: relative;
}

.h2-news {
  position: absolute;
  font-size: 2rem !important;
  top: -27px;
  left: 25px;
}

@media (max-width: 767px) {
  .h2-news {
    top: -22px;
    left: 20px;
  }
}

/* body {
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
} */

/* main visual */
.p-mv {
  font-family: "Zen Maru Gothic", sans-serif;
}

#content.l-content {
  margin-bottom: 0;
}

.p-mainVisual__textLayer .p-mainVisual__slideTitle {
  font-size: 60px;
  line-height: 1.6;
  /*     background-color: rgba(255,255,255,0.6); */
  text-align: center;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.p-mainVisual__textLayer .p-mainVisual__slideText {
  font-size: min(16px, 1.8vw);
  margin: 0;
  text-align: center;
  /*     background-color: rgba(255,255,255,0.6); */
  padding-bottom: 1rem !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.swell-block-fullWide__inner .wp-block-heading>span {
  font-size: 2rem;
}

.p-home-msg {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .col-header-left {
    display: none;
  }

  .p-mainVisual__textLayer .p-mainVisual__slideTitle {
    font-size: 18px;
  }
}

/* bogo メインビジュアル*/
/* デフォルトで英語を非表示 */
.p-mv-en {
  display: none;
}

/* 日本語ページの時 */
html[lang="ja"] .p-mv-ja,
html[lang^="ja"] .p-mv-ja {
  display: block;
}

html[lang="ja"] .p-mv-en,
html[lang^="ja"] .p-mv-en {
  display: none;
}

/* 英語ページの時 */
html[lang="en"] .p-mv-ja,
html[lang^="en"] .p-mv-ja {
  display: none;
}

html[lang="en"] .p-mv-en,
html[lang^="en"] .p-mv-en {
  display: block;
}

/* contact */
/*――――「表」デザイン――――*/
table.tb_form {
  border: 1px solid black;
  border-collapse: collapse;

  &>tbody {
    &>tr {

      &>th,
      td {
        border: 1px solid black;
      }

      &>th {
        text-align: left;
        padding: 0.5rem;

        &>p {
          white-space: nowrap;
        }
      }

      &>td {
        text-align: left;
        padding: 0.5rem;

        &>p>span>input {
          width: 100%;
        }

        &>p>span>textarea {
          width: 100%;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  table.tb_form {
    border-top: none;

    &>tbody {
      &>tr {
        display: flex;
        flex-direction: column;

        &>th,
        td {
          border: 0;
        }

        &>th {
          border-top: 1px solid black;
          padding-bottom: 0;
        }

        &>td {
          padding-top: 0;

          &>p {
            margin-top: 0;
          }
        }
      }
    }
  }
}

/*―――「必須」デザイン―――*/
.required-srt {
  font-size: 0.7em;
  padding: 6px;
  border-radius: 3px;
  margin-right: 10px;
  background: #014F9C;
  color: #ffffff;
}

.required-srt-en {
  font-size: 1em;
  padding: 6px;
  border-radius: 3px;
  margin-right: 10px;
  color: #014F9C;
}

/*―――「任意」デザイン―――*/
.voluntary-srt {
  font-size: 0.7em;
  padding: 6px;
  border-radius: 3px;
  margin-right: 10px;
  background: #bec2b1;
  color: #ffffff;
}

/*――「送信ボタン」デザイン――*/
.submit-btn input {
  background-color: #014F9C;
  border: 0;
  color: #ffffff;
  font-size: 1.3em;
  font-weight: bolder;
  margin: 0 auto;
  padding: 10px 35px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}

.submit-btn {
  /*     text-align:center; */
  margin-top: 20px;
  cursor: pointer;
}

.submit-btn input:hover {
  background: #93C9FF;
  color: #FFFFFF;
  cursor: pointer;
}