/* =========================================================
   construction__thanks.css  /construction/thanks 専用。クラス名はすべて ct- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* ct-root: keyboard_arrow_right 特徴 keyb */
.ct-root { background: #0b2540ff; border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* ct-contact-pic1: お申し込みありがとうございます お申し込み・お問い合わせ */
.ct-contact-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 180px 150px 100px; width: 100%; max-width: 100%; }
.ct-contact-pic1::before { filter: brightness(50%); }
@media screen and (max-width: 760px) { .ct-contact-pic1 { padding: 150px 50px 100px; } }
@media screen and (max-width: 540px) { .ct-contact-pic1 { padding: 130px 15px 80px; } }

/* ct-contact-inner1:  */
.ct-contact-inner1 { padding: 180px 150px 100px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
.ct-contact-inner1::before { flex-direction: column; }
@media screen and (max-width: 760px) { .ct-contact-inner1 { padding: 150px 50px 100px; flex-direction: column; } }
@media screen and (max-width: 540px) { .ct-contact-inner1 { padding: 130px 15px 80px; flex-direction: column; } }

/* ct-contact-txt1: お申し込みありがとうございます */
.ct-contact-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 50px; font-style: italic; font-weight: 800; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 30px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ct-contact-txt1 { font-size: 40px; } }
@media screen and (max-width: 540px) { .ct-contact-txt1 { font-size: 40px; } }

/* ct-contact-txt2: お申し込み・お問い合わせありがとうございます。 内容を確認し */
.ct-contact-txt2 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ct-contact-link1: arrow_back TOPへ戻る */
.ct-contact-link1 { place-content: center flex-start; align-items: center; background: #df5d00ff; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px 0px; flex: 0 0 auto; flex-flow: row; gap: 16px; margin: 0px 0px 15px; overflow: hidden; padding: 20px; width: 300px; --gh-ct-contact-link1: 16px; --gv-ct-contact-link1: 0px; max-width: 100%; }
.ct-contact-link1:hover { background: rgb(225, 127, 56); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px inset; --gh-ct-contact-link1: 16px; --gv-ct-contact-link1: 0px; }
@media screen and (max-width: 540px) { .ct-contact-link1 { flex: 0 0 auto; padding: 15px; width: 250px; --gh-ct-contact-link1: 16px; --gv-ct-contact-link1: 0px; max-width: 100%; } }

/* ct-contact-icon1: arrow_back */
.ct-contact-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* ct-contact-link1: arrow_back TOPへ戻る */
.ct-contact-link1:hover .ct-contact-icon1 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .ct-contact-icon1 { font-size: 15px; } }

/* ct-contact-box1:  */
.ct-contact-box1 { background: rgba(11, 37, 64, 0); border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(255, 255, 255); flex: 0 0 auto; height: 16px; width: 1px; max-width: 100%; }

/* ct-contact-txt3: TOPへ戻る */
.ct-contact-txt3 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: normal; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ct-contact-link1: arrow_back TOPへ戻る */
.ct-contact-link1:hover .ct-contact-txt3 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .ct-contact-txt3 { font-size: 16px; } }

/* ct-contact-txt4: THANKS */
.ct-contact-txt4 { border-bottom: 0px solid #df5d00ff; border-left: 0px solid #df5d00ff; border-right: 0px solid #df5d00ff; border-top: 0px solid #df5d00ff; inset: 126px 0px auto; color: rgba(255, 255, 255, 0.1); flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 100px; font-weight: 700; height: auto; line-height: 1.4; padding: 0px; position: absolute; text-align: center; width: 100%; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1280px) { .ct-contact-txt4 { inset: 139px 0px auto; } }
@media screen and (max-width: 760px) { .ct-contact-txt4 { left: 0px; right: 0px; top: 110px; } }
@media screen and (max-width: 540px) { .ct-contact-txt4 { font-size: 60px; left: 0px; right: 0px; top: 110px; } }