@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* 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 */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* contactform
---------------------------------------------------------------------------*/
.contactform-bd {
  border-top: 1px solid #C8CED4;
  padding: 64px 50px; }
  @media screen and (max-width: 1300px) {
    .contactform-bd {
      padding: 4.9230769231vw 3.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .contactform-bd {
      padding: 8.5333333333vw 3.8461538462vw; } }
.contactform dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .contactform dl dt {
    width: 280px; }
    @media screen and (max-width: 1300px) {
      .contactform dl dt {
        width: 21.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .contactform dl dt {
        width: 100%;
        margin-bottom: 3.2vw; } }
  .contactform dl dd {
    width: 700px; }
    @media screen and (max-width: 1300px) {
      .contactform dl dd {
        width: 53.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .contactform dl dd {
        width: 100%; } }
    .contactform dl dd p {
      line-height: 2.25; }
  .contactform dl + dl {
    margin-top: 36px;
    padding-top: 34px;
    border-top: 1px solid #ffffff; }
    @media screen and (max-width: 1300px) {
      .contactform dl + dl {
        margin-top: 2.7692307692vw;
        padding-top: 2.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .contactform dl + dl {
        margin-top: 5.3333333333vw;
        padding-top: 5.3333333333vw; } }
.contactform .cf7-input {
  padding: 12px;
  border: none;
  border-radius: 0;
  width: 100%;
  font-size: 16px; }
  @media screen and (max-width: 1300px) {
    .contactform .cf7-input {
      font-size: 1.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .contactform .cf7-input {
      font-size: 3.6266666667vw; } }
  @media screen and (max-width: 1300px) {
    .contactform .cf7-input {
      padding: 0.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .contactform .cf7-input {
      padding: 1.6vw; } }
.contactform .eg {
  margin-top: 12px; }
  @media screen and (max-width: 1300px) {
    .contactform .eg {
      margin-top: 0.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .contactform .eg {
      margin-top: 1.6vw; } }
.contactform .privacy a {
  text-decoration: underline; }

@media screen and (max-width: 480px) {
  .conform-btn {
    margin-bottom: 12.8vw; } }
.conform-btn > div > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px; }
  @media screen and (max-width: 1300px) {
    .conform-btn > div > p {
      gap: 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .conform-btn > div > p {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 5.3333333333vw; } }
.conform-btn input {
  width: 260px;
  height: 60px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #223B52;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  font-size: 16px;
  color: #223B52;
  letter-spacing: .15em;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease; }
  @media screen and (max-width: 1300px) {
    .conform-btn input {
      font-size: 1.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .conform-btn input {
      font-size: 3.6266666667vw; } }
  @media (hover: hover) {
    .conform-btn input:hover {
      cursor: pointer;
      opacity: .6; } }

.form_required.has-error::after {
  font-size: .8em;
  letter-spacing: .05em; }

.wpcf7-spinner {
  display: none !important; }

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

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

/* zipaddr-jp の ハイフンなしで入力を非表示に */
#autozip {
  display: none !important; }

/* .bdrhdl .en::after
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .contactform .bdrhdl .en::after {
    width: 70vw;
    bottom: -30vw; } }