@charset "UTF-8";
/* ====================================================
レスポンシブ
==================================================== */
/* ====================================================
カラー　$c-カラー名
==================================================== */
/* ====================================================
フォント　$f-フォント名
==================================================== */
/* ====================================================
フォントサイズ
==================================================== */
.grant .s-cmn-ttl { background-color: #fff100; }
.grant .s-cmn-ttl h1 { color: #0081cc; }
.grant .contents_area .contents_box { margin-bottom: 80px; }
.grant .contents_area .contents_box h2 { position: relative; margin-bottom: 1.3em; padding-left: 1em; font-size: clamp(2rem, 1.756954612vw, 2.4rem); font-weight: bold; color: #0081cc; line-height: 1.6; }
.grant .contents_area .contents_box h2:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; height: 100%; border-left: solid 5px #fff100; }
.grant .contents_area .contents_box table.grant_list { margin: 42px auto 0; width: 100%; max-width: 630px; }
.grant .contents_area .contents_box table.grant_list tr th { padding: 7px; width: 12%; text-align: center; color: #fff; background-color: #0081cc; font-weight: bold; border: solid 2px #fff; }
.grant .contents_area .contents_box table.grant_list tr td { background-color: #F2F2F2; border: solid 2px #fff; }
.grant .contents_area .contents_box table.grant_list tr td:nth-child(even) { padding: 7px 7px 7px 1em; width: 68%; }
.grant .contents_area .contents_box table.grant_list tr td:nth-child(odd) { padding: 7px; width: 19%; text-align: center; }
.grant .contents_area ol.conditions_list { counter-reset: number 0; }
.grant .contents_area ol.conditions_list li { position: relative; padding-left: 2em; margin-bottom: 1em; }
.grant .contents_area ol.conditions_list li:last-of-type { margin-bottom: 0; }
.grant .contents_area ol.conditions_list li:before { position: absolute; left: 0; counter-increment: number 1; content: counter(number) "."; }
.grant .contents_area .flow_area { margin: 0 auto; max-width: 900px; counter-reset: number 0; }
.grant .contents_area .flow_area .flow_box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; padding: 25px 30px 30px 25px; border: 1px solid #0081cc; }
@media (max-width: 767px) { .grant .contents_area .flow_area .flow_box { padding: 25px 20px 30px; } }
.grant .contents_area .flow_area .flow_box:after { content: ""; display: inline-block; position: absolute; bottom: -35px; right: 0; left: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 23px 52px 0 52px; border-color: #0081cc transparent transparent transparent; }
.grant .contents_area .flow_area .flow_box.last_box:after { content: none; }
.grant .contents_area .flow_area .flow_box span { padding-right: 25px; color: #D3D3D3; font-size: clamp(3.8rem, 4.2459736457vw, 5.8rem); font-weight: bold; line-height: 1.2; }
@media (max-width: 767px) { .grant .contents_area .flow_area .flow_box span { display: none; } }
.grant .contents_area .flow_area .flow_box .flow_text { width: 100%; }
.grant .contents_area .flow_area .flow_box .flow_text h3 { margin-bottom: 0.4em; color: #0081cc; font-weight: bold; font-size: 2rem; }
@media (max-width: 767px) { .grant .contents_area .flow_area .flow_box .flow_text h3 { position: relative; padding-left: 3em; }
  .grant .contents_area .flow_area .flow_box .flow_text h3:before { position: absolute; left: 0; counter-increment: number 1; content: "0" counter(number); color: #D3D3D3; font-size: 4rem; line-height: 1.2; } }
.grant .contents_area .flow_area .flow_box .flow_text h3 span { margin-bottom: 0.3em; padding: 0.1em 1em 0; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #fff100; color: #0081cc; font-size: 1.4rem; font-weight: bold; line-height: 1.7333; }
@media (max-width: 767px) { .grant .contents_area .flow_area .flow_box .flow_text h3 span { padding: 0.1em 0.5em 0; } }
.grant .contents_area .flow_area .flow_box .flow_text p { margin-bottom: 1em; }
.grant .contents_area .flow_area .flow_box .flow_text p:last-of-type { margin-bottom: 0; }
.grant .contents_area .flow_area .flow_box .flow_text ul.link_box { margin-top: 1em; }
.grant .contents_area .flow_area .flow_box .flow_text ul.note_list { margin-top: 1.2em; }
.grant .contents_area .flow_area .flow_box .flow_text ul.note_list li { position: relative; padding-left: 1.5em; margin-bottom: 1em; word-break: break-all; }
.grant .contents_area .flow_area .flow_box .flow_text ul.note_list li:last-of-type { margin-bottom: 0; }
.grant .contents_area .flow_area .flow_box .flow_text ul.note_list li:before { position: absolute; left: 0; content: "●"; color: #0081cc; }
.grant .contents_area .flow_area a { color: #0081cc; }
.grant .contents_area .contact_box { margin-top: 70px; text-align: center; }
@media (max-width: 767px) { .grant .contents_area .contact_box { text-align: left; } }
.grant .contents_area .contact_box a { color: #0081cc; }
.grant a.mail_link { text-decoration: underline; font-weight: bold; text-underline-offset: 0.1em; }

/*# sourceMappingURL=grant.css.map */