@charset "utf-8";
/* お問い合わせページだけで使うスタイル（接頭辞は .tdq- のみ）
   共通の /css/tdc.css（ヘッダー・フッター・書体・文字の大きさの単位）に上乗せする。
   tdc.css では html の文字の大きさが 1px 相当（6.25%）なので、ここでの 14rem は 14px。
   色はサイトの実測値だけを使う: 文字 #333 / 罫線 #979797 / 薄い面 #f2f2f2・#f7f8f8 /
   差し色 #7489f8（リンクの重ね色）/ えんじ #9c2c2c / 強調の赤 #ff362b。 */

.tdq{max-width:760px;margin:0 auto;padding:4em 20px 8em;color:#333}
.tdq-head{text-align:center;margin-bottom:4.5em}
.tdq-head__en{font-family:HelveticaLTPro-Black,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:34rem;letter-spacing:.08em;line-height:1.2;color:#111}
.tdq-head__ja{font-family:"FP-ヒラギノ角ゴ ProN W3",FP-HiraKakuProN-W3,"Hiragino Kaku Gothic ProN",sans-serif;font-size:15rem;letter-spacing:.3em;margin-top:.8em;color:#333}
.tdq-head__lead{font-size:14rem;line-height:2;margin:2.4em auto 0;max-width:600px;text-align:left}

.tdq-step{border-top:1px solid #979797;padding-top:2.6em;margin-top:3em}
.tdq-step__no{font-family:HelveticaLTPro-Black,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12rem;letter-spacing:.14em;color:#9c2c2c}
.tdq-step__ttl{font-family:"FP-ヒラギノ角ゴ StdN W8",FP-HiraKakuStdN-W8,"Hiragino Kaku Gothic ProN",sans-serif;font-size:19rem;line-height:1.6;margin:.3em 0 .4em;font-weight:normal}
.tdq-step__note{font-size:13rem;line-height:1.9;color:#666;margin-bottom:1.4em}

.tdq textarea,.tdq input[type=text],.tdq input[type=email],.tdq select{
  display:block;width:100%;box-sizing:border-box;border:1px solid #979797;border-radius:4px;
  background:#fff;padding:.8em 1em;font-size:15rem;line-height:1.8;color:#333}
.tdq textarea{min-height:9em;resize:vertical}
.tdq textarea:focus,.tdq input:focus,.tdq select:focus{border-color:#7489f8;box-shadow:0 0 0 3px rgba(116,137,248,.18)}
.tdq select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 1em center;padding-right:2.6em}
.tdq .is-err{border-color:#ff362b !important;background-color:#fff7f6}

/* 近いよくあるご質問 */
.tdq-match{margin-top:1.8em;background:#f7f8f8;border-radius:6px;padding:1.6em 1.4em}
.tdq-match__lead{font-size:13rem;margin-bottom:1em;color:#333}
.tdq-faq{background:#fff;border:1px solid #e2e2e2;border-radius:5px;margin-bottom:.7em}
.tdq-faq summary{list-style:none;cursor:pointer;display:flex;gap:.8em;padding:1em 2.6em 1em 1.1em;position:relative;font-size:14rem;line-height:1.75}
.tdq-faq summary::-webkit-details-marker{display:none}
.tdq-faq summary::after{content:"";position:absolute;right:1.2em;top:1.45em;width:7px;height:7px;border-right:1.4px solid #333;border-bottom:1.4px solid #333;transform:rotate(45deg);transition:transform .2s}
.tdq-faq[open] summary::after{transform:rotate(-135deg);top:1.7em}
.tdq-faq summary:hover .tdq-qt{color:#7489f8}
.tdq-q,.tdq-al{font-family:HelveticaLTPro-Black,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15rem;line-height:1.6;flex:none;width:1.1em}
.tdq-q{color:#9c2c2c}
.tdq-al{color:#979797}
.tdq-qt{font-family:"FP-ヒラギノ角ゴ StdN W5",FP-HiraKakuStdN-W5,"Hiragino Kaku Gothic ProN",sans-serif}
.tdq-a{display:flex;gap:.8em;padding:0 1.4em 1.2em 1.1em;border-top:1px dashed #e2e2e2;padding-top:1em;margin:0 0 0}
.tdq-at{font-size:13.5rem;line-height:2}
.tdq-at p{margin:0 0 .7em}
.tdq-at ul{margin:.2em 0 .8em;padding-left:1.2em;list-style:disc}
.tdq-at li{margin-bottom:.3em}
.tdq-at strong{font-family:"FP-ヒラギノ角ゴ StdN W5",FP-HiraKakuStdN-W5,sans-serif;font-weight:normal;color:#111}
.tdq-at a{color:#7489f8;word-break:break-all}

.tdq-actions{text-align:center;margin-top:2em}
.tdq-btn{display:inline-block;min-width:260px;padding:1em 2em;border-radius:5px;font-size:15rem;line-height:1.5;cursor:pointer;text-align:center}
.tdq-btn--main{background:#333;color:#fff}
.tdq-btn--main:hover{opacity:.75}
.tdq-btn--main[disabled]{opacity:.4;cursor:default}
.tdq-btn--line{border:1px solid #333;color:#333;background:#fff}
.tdq-btn--line:hover{background:#333;color:#fff}
.tdq-match__more{font-size:13rem;text-align:right;margin-top:.8em}
.tdq-match__more a{text-decoration:underline}
.tdq-match__more a:hover{color:#7489f8}
.tdq-actions__note{font-size:12rem;color:#666;margin-top:1em;line-height:1.8}

/* 送信欄 */
.tdq-row{margin-bottom:1.6em}
.tdq-row label,.tdq-row .tdq-lbl{display:block;font-size:13.5rem;margin-bottom:.5em;font-family:"FP-ヒラギノ角ゴ StdN W5",FP-HiraKakuStdN-W5,sans-serif}
.tdq-req,.tdq-opt{display:inline-block;font-size:10.5rem;padding:.05em .6em;border-radius:3px;margin-left:.6em;vertical-align:1px;font-family:"FP-ヒラギノ角ゴ StdN W2",FP-HiraKakuStdN-W2,sans-serif}
.tdq-req{background:#9c2c2c;color:#fff}
.tdq-opt{border:1px solid #979797;color:#666}
.tdq-hint{font-size:12rem;color:#666;margin-top:.4em;line-height:1.7}
.tdq-typo{margin-top:.6em;padding:.6em .9em;background:#fff6f6;border:1px solid #ff362b;border-radius:4px;font-size:13rem;line-height:1.7}
.tdq-typo strong{color:#ff362b}
.tdq-typo__fix{margin-left:.4em;padding:.5em 1em;font-size:13rem;border:1px solid #333;background:#fff;color:#333;border-radius:3px;cursor:pointer}
.tdq-agree{font-size:13rem;line-height:1.9;margin:2em 0 0;text-align:center}
.tdq-agree input{margin-right:.5em;vertical-align:-1px;appearance:auto;-webkit-appearance:checkbox;width:15px;height:15px}
.tdq-agree a{text-decoration:underline}
.tdq-err{color:#ff362b;font-size:13rem;text-align:center;margin-top:1em}
.tdq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* すべてのよくあるご質問 */
.tdq-chips{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:1.6em}
.tdq-chip{border:1px solid #979797;border-radius:999px;padding:.45em 1.1em;font-size:12.5rem;line-height:1.5;cursor:pointer;background:#fff}
.tdq-chip:hover{border-color:#7489f8;color:#7489f8}
.tdq-chip.is-on{background:#333;border-color:#333;color:#fff}
.tdq-cat__ttl{font-family:"FP-ヒラギノ角ゴ StdN W8",FP-HiraKakuStdN-W8,sans-serif;font-weight:normal;font-size:15rem;margin:.4em 0 1em}

/* よくあるご質問のページ（/faq/） */
h2.tdq-head__ja{font-weight:normal;margin:0}
.tdq-search{margin:0 0 2.4em}
.tdq-search__lbl{display:block;font-size:13.5rem;margin-bottom:.5em;font-family:"FP-ヒラギノ角ゴ StdN W5",FP-HiraKakuStdN-W5,sans-serif}
.tdq input[type=search]{display:block;width:100%;box-sizing:border-box;border:1px solid #979797;border-radius:4px;background:#fff;padding:.8em 1em;font-size:15rem;line-height:1.8;color:#333;-webkit-appearance:none;appearance:none}
.tdq input[type=search]:focus{border-color:#7489f8;box-shadow:0 0 0 3px rgba(116,137,248,.18)}
.tdq-catnav{display:flex;flex-wrap:wrap;gap:.6em;padding-bottom:2em;border-bottom:1px solid #979797}
.tdq-catnav a.tdq-chip:hover{text-decoration:none}
.tdq-cat{padding-top:2.6em}
.tdq-cat .tdq-cat__ttl{font-size:17rem;margin:0 0 1em}
.tdq-faq[id],.tdq-cat[id]{scroll-margin-top:110px}
.tdq-perma{font-size:12rem;text-align:right;margin:.4em 0 0}
.tdq-perma a{color:#979797 !important;text-decoration:underline}
.tdq-done{text-align:center;padding:2em 0}
.tdq-done p{font-size:14rem;line-height:2}

@media only screen and (max-width:767px){
  .tdq{padding:2.6em 16px 6em}
  .tdq-head{margin-bottom:3em}
  .tdq-head__en{font-size:26rem}
  .tdq-head__ja{font-size:13rem}
  .tdq-head__lead{font-size:13rem}
  .tdq-step{padding-top:2em;margin-top:2.4em}
  .tdq-step__ttl{font-size:16rem}
  .tdq-step__note{font-size:12rem}
  .tdq textarea,.tdq input[type=text],.tdq input[type=email],.tdq select{font-size:16px}
  .tdq-match{padding:1.2em .9em}
  .tdq-faq summary{font-size:13.5rem;padding:.9em 2.4em .9em .9em}
  .tdq-a{padding:.9em 1em 1em .9em}
  .tdq-at{font-size:13rem}
  .tdq-btn{min-width:0;width:100%;box-sizing:border-box}
  .tdq input[type=search]{font-size:16px}
  .tdq-faq[id],.tdq-cat[id]{scroll-margin-top:70px}
  .tdq-cat .tdq-cat__ttl{font-size:15rem}
}