@charset "utf-8";
/* CSS Document */

/*base
rewrite*/
      h2.color04 span , .s-txt h2 , .s-txt h3 , .s-txt h4 , .c-linkblock h2 , .nap-box h2 , .c-btn { word-break: auto-phrase; }
      .s-txt { margin: 0px auto 30px;word-break: normal; }
      .s-txt p { margin: 0 auto 20px; }.s-txt p a { text-decoration: underline; }
      
      .l-heading-primary { font-size: 28px; font-weight: bold; line-height: 1.4; margin: 4rem auto 20px; }
      .l-heading-secondary { font-size: 23px; font-weight: bold; line-height: 1.4; clear: both; margin: 8rem auto 20px !important; }
      .l-tertiary { font-size: 19px;color: rgb(66, 31, 0);text-align: left; font-weight: bold; line-height: 1.5; overflow: hidden; margin: 2.5rem 0 10px !important; }
      .l-quaternary { font-size: 17px;background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff283 50%, #fff283 100% ); font-weight: bold; display: inline-block; margin: 0rem 0 1rem !important; }
      .pipe_sp { display: none; }

      /* リンクボタン */
      .c-btn { margin: 30px auto; text-align: center; }
      .c-btn a { box-sizing: border-box; color: #fff; display: inline-block; letter-spacing: 1px; margin: 0 auto 10px; padding: 15px 3rem; text-decoration: none; width: auto; }
      .c-btn a:hover { transition: all 0.2s ease 0s; }
      @media screen and (max-width: 640px) {
      .bread-box .page-ttl {margin-right: 0;}
      .br_sp {display: none; }
      /*タイトル スマホのみ*/
      .l-heading-primary {font-size: 21px; }
      .l-heading-secondary {font-size: 20px; }
      .l-tertiary {font-size: 18px; }
      .l-quaternary {font-size: 16px; }
      .c-btn a { display: block; width: 96%; }
      }

      /*リンク一覧 共通*/
      .c-linkblock { margin-top: 6rem; padding: 3rem 3rem 2.5rem;background: #fff; border: 4px solid #ffce83; }
      .c-linkblock h2 { font-size: 21px; margin-bottom: 20px; }
      .c-pagelink { padding: 0; margin: 0; list-style: none; counter-reset: list-num; }
      .c-pagelink li { margin: 0 !important; border-bottom: 1px solid #ffce83; transition: background 0.3s ease-in-out; }
      .c-pagelink li a { display: flex; align-items: center; padding: 15px 20px; text-decoration: none !important; }
      .c-pagelink li a::before { content: counter(list-num) "."; counter-increment: list-num; margin-right: 12px; font-weight: bold; flex-shrink: 0; }
      .c-pagelink li:hover { opacity: .7; }
      .nap-box { margin-top: 8rem; margin-bottom: 30px; box-sizing: border-box; background: #fff; }
      .nap-box h2 { font-size: 21px; font-weight: bold; margin-bottom: 15px; }
      .nap-box table, .nap-box tbody { display: block; width: 100%; box-sizing: border-box; }
      .nap-box tr { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; align-items: center; }
      .nap-box th { padding: 15px 10px; width: 20%; font-weight: bold; text-align: left; box-sizing: border-box; }
      .nap-box td { padding: 15px 10px; width: 80%; box-sizing: border-box; }
      .nap-box tr::after { content: ""; display: block; width: 100%; height: 6px; background-image: url('/upload/tenant_1/0e5ef53308dc41913847479ad9673ed9.png'); background-size: auto 6px; background-position: left center; background-repeat: repeat-x; margin-top: 5px; }
      .nap-box a { text-decoration: underline; }
      .nap-box a:hover { text-decoration: none; }
      @media screen and (max-width: 640px) {
      .c-linkblock { padding: 2rem 1rem 1rem 1rem; }
      .c-pagelink li a { padding: 12px 15px 10px 15px; }
      .c-linkblock h2, .nap-box h2 { font-size: 17px; }
      .nap-box {  }
      .nap-box th { width: 30%; padding: 10px; }
      .nap-box td { width: 70%; padding: 10px; }
      }

      /*テーブル 共通*/
      .c-s-table { border-collapse: collapse; text-align: left; width: auto; margin: 0; margin-bottom: 30px; width: 100%; clear: both; }

      /*Q＆A*/
      .hanakura-faq { margin: 0; font-size: 15px; line-height: 1.8; }
      .hanakura-faq dt, .hanakura-faq dd { display: flex; align-items: flex-start; gap: 12px; }
      .hanakura-faq dt { font-weight: bold; font-size: 17px; margin-bottom: 10px; color: #1a1e43; }
      .hanakura-faq dd { margin: 0 0 24px 0; color: #444; }
      .hanakura-faq dt::before, .hanakura-faq dd::before { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50px; font-family: sans-serif; font-size: 20px; line-height: 1; }
      .hanakura-faq dt::before { content: "Q"; background-color: #ffa111; color: #fff; }
      .hanakura-faq dd::before { content: "A"; color: #ffa111; }
      @media screen and (min-width: 641px) {
        .hanakura-faq { font-size: 16px; }
        .hanakura-faq dt { font-size: 18px; }
        .hanakura-faq dt::before, .hanakura-faq dd::before { width: 30px; height: 30px; font-size: 18px; }
      }
      
      /*リスト 共通*/
      .c-block ul,.c-block ol {margin: 1em 1em 1.8em 0;padding-left: 30px;vertical-align: top;}.c-block ul li,.c-block ol li {margin-bottom: 1rem;}.c-block ul li {list-style: disc;}.c-block ol li {list-style: decimal;}.c-block ul li:last-of-type,.c-block ol li:last-of-type {}.c-block ul li::marker,.c-block ol li::marker {color: #333;}.c-block td ul {margin: 0;padding-left: 10px;}.c-block td li {padding: 0;margin-bottom: 0;line-height: 1.4;margin-left: 10px;}/*画像 共通*/.img-right-s {float: right;margin: 0 0 4% 4%;width: 35%;border-radius: 20px;}.img-right-s img {vertical-align: middle;height: auto;width: 100%;}@media (max-width: 768px) {.c-s-table {font-size: 13px;}.c-s-table td {padding: 15px 10px;}.c_scrl_x {white-space: nowrap;overflow-x: scroll;display: block;}.c_scrl_x li {margin-left: 10px;}/*画像 スマホのみ*/.img-right-s {float: none;width: 100%;margin: 0 0 4%;}}#breadcrumbs {font-size: 90%;margin: 0 0 20px;text-align: left;word-break: auto-phrase;}
      /*メインバナー画像*/
      .c-head-mv { aspect-ratio: 23 / 7.3; width: 100%; height: auto; margin-top: 0px; margin-bottom: 30px; background-color: #333;background-repeat: no-repeat; background-size: cover; background-position: center; box-sizing: border-box; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: end; font-weight: bold; line-height: 1.4; position: relative; }.c-head-mv h2 {background: rgba(000,000,000,.4) !important;border: none !important;color: #fff !important;font-size: 20px !important;text-align: left !important;margin: 0 !important;padding: .5em !important;position: relative !important;width: 100% !important;}@media screen and (max-width: 768px) {.c-head-mv {height: auto;padding: 4.5em 0 0 !important;}.c-head-mv h2 {font-size: 14px !important;font-weight: normal !important;}}