@charset "UTF-8";
/* location layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/*@mixin font-min {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}*/
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* conform
---------------------------------------------------------------------------*/
.conform-wrap {
  border-top: 1px solid #00285f; }
.conform dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #00285f; }
  @media screen and (max-width: 480px) {
    .conform dl {
      display: block; } }
  .conform dl dt {
    width: 23.5%;
    padding: 32px 0 32px 2.4615384615vw; }
    @media screen and (max-width: 1300px) {
      .conform dl dt {
        padding: 2.4615384615vw 0 2.4615384615vw 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .conform dl dt {
        width: 100%;
        padding: 5.3333333333vw 0; } }
  .conform dl dd {
    width: 76.5%;
    padding: 24px 0; }
    @media screen and (max-width: 1300px) {
      .conform dl dd {
        padding: 1.8461538462vw 0; } }
    @media screen and (max-width: 480px) {
      .conform dl dd {
        width: 100%;
        padding: 0 0 5.3333333333vw; } }
    .conform dl dd p {
      line-height: 2.1; }
      @media screen and (max-width: 480px) {
        .conform dl dd p {
          margin-top: 0.5em; } }
      .conform dl dd p .domain {
        display: inline-block;
        background-image: url(../img/contact/domain.png);
        width: 162px;
        height: 26px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-position: center top;
        margin: 0 .2em;
        vertical-align: bottom; }
        @media screen and (max-width: 1300px) {
          .conform dl dd p .domain {
            width: 12.4615384615vw;
            height: 2vw; } }
        @media screen and (max-width: 480px) {
          .conform dl dd p .domain {
            width: 32.4vw;
            height: 5.4vw; } }
.conform .wpcf7-list-item {
  margin: 0; }
.conform input[type=text], .conform input[type=email], .conform textarea, .conform select {
  padding: .6em .8em;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
.conform-btn {
  margin-top: 64px;
  margin-bottom: 64px;
  text-align: center; }
  @media screen and (max-width: 1300px) {
    .conform-btn {
      margin-top: 4.9230769231vw;
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .conform-btn {
      margin-top: 8.5333333333vw;
      margin-bottom: 8.5333333333vw; } }
  .conform-btn p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .5em; }
    @media screen and (max-width: 480px) {
      .conform-btn p {
        display: block;
        gap: 5.3333333333vw; } }
  .conform-btn input[type="submit"],
  .conform-btn #confirm-button {
    width: 344px;
    height: 80px;
    border-radius: 10px;
    font-weight: 500;
    background-image: url(../img/cmn/btn-arw.png);
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 10px 12px; }
    @media screen and (max-width: 1300px) {
      .conform-btn input[type="submit"],
      .conform-btn #confirm-button {
        width: 26.4615384615vw;
        height: 6.1538461538vw;
        border-radius: 0.7692307692vw;
        background-position: right 1.0769230769vw center;
        background-size: 0.7692307692vw 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .conform-btn input[type="submit"],
      .conform-btn #confirm-button {
        width: 100%;
        height: 16vw;
        border-radius: 1.3333333333vw;
        background-position: right 2.4vw center;
        background-size: 2.6666666667vw 3.2vw; } }
  .conform-btn input[type="reset"],
  .conform-btn #back-button {
    width: 344px;
    height: 80px;
    border-radius: 10px;
    font-weight: 500;
    background-image: url(../img/cmn/btn-arw-mnd.png);
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 10px 12px;
    background-color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .conform-btn input[type="reset"],
      .conform-btn #back-button {
        width: 26.4615384615vw;
        height: 6.1538461538vw;
        border-radius: 0.7692307692vw;
        background-position: right 1.0769230769vw center;
        background-size: 0.7692307692vw 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .conform-btn input[type="reset"],
      .conform-btn #back-button {
        width: 100%;
        height: 16vw;
        border-radius: 1.3333333333vw;
        background-position: right 2.4vw center;
        background-size: 2.6666666667vw 3.2vw; } }
  @media screen and (max-width: 480px) {
    .conform-btn #confirm-button,
    .conform-btn #back-button {
      margin-bottom: 4.2666666667vw; } }
.conform-attr {
  line-height: 2.1;
  text-align: center; }

/* contel
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .contel .mainhd-logo {
    display: block;
    width: 67vw;
    text-align: center; } }
@media screen and (max-width: 480px) {
  .contel .mainhd-logo .mainhd-logo-tx {
    display: block;
    margin-top: 3vw; } }
.contel-tel-num {
  font-size: 53px;
  display: block;
  position: relative;
  padding-left: 38px; }
  @media screen and (max-width: 1300px) {
    .contel-tel-num {
      font-size: 4.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .contel-tel-num {
      font-size: 10.6vw; } }
  @media screen and (max-width: 1300px) {
    .contel-tel-num {
      padding-left: 2.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .contel-tel-num {
      padding-left: 7.6vw; } }
  .contel-tel-num::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 44px;
    background-image: url(../img/cmn/icn-tel-str.png); }
    @media screen and (max-width: 1300px) {
      .contel-tel-num::before {
        width: 2.3076923077vw;
        height: 3.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .contel-tel-num::before {
        width: 6vw;
        height: 8.8vw; } }
.contel-tel-time {
  padding-left: 2em; }

/* contactform7 custom
---------------------------------------------------------------------------*/
/* 確認画面パートを非表示にする（JSで切り替え） */
.confirm_on {
  display: none; }

/* 必須項目に未入力がある場合のエラーメッセージ表示 */
.form_required.has-error::after {
  content: "入力してください。";
  display: block;
  color: #dc3232;
  font-size: 1em;
  margin-top: 4px;
  line-height: 2; }

/* リキャプチャバッジの配置 */
.grecaptcha-badge {
  bottom: 94px !important; }
  @media screen and (max-width: 1300px) {
    .grecaptcha-badge {
      bottom: 7.2307692308vw !important; } }