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

.bl{ display: none;}
figcaption{ margin: 0; font-size: 86%;}

.billboard{ display: block; margin: 0; padding: 0; height: 400px;}
@media screen and ( max-width: 480px ) {
  .billboard{ height: auto; padding: 100% 0 0 0;}
}

.section_copy{ background:#12354e; color: #fff;}

.section_info{}
.section_info .articles{ border-top: solid 1px #a8a8a8;}
.section_info article{ display: flex; flex-wrap: wrap; gap: 1.0em; border-bottom: solid 1px #a8a8a8; padding: 0.7em 0;}
.section_info article *{ margin-top: 0;}
@media screen and ( max-width: 480px ) {
  .section_info article{ margin: 0; padding: 0.5em 0;}
  .section_info article{ display: block;}
  .section_info article h3{ margin: 0; padding: 0;}
  .section_info article div{ margin: 0; padding: 0;}
}

.step_title{ display: flex; align-items: center; gap: 0 1.5rem; font-size: 108%; font-weight: bold; line-height: 1.5; }
.step_title span{ display: block; background: #000; color: #fff; font-size: 77%; padding: 0.5rem 1.0rem; font-family: 'Noto Sans JP', "sans-serif"; white-space: nowrap;}

.section_flow{ background: rgba(166, 44, 55, 0.05);}
.flow_guideline_link{ display: grid; gap: 1.0rem 1.5rem; grid-template-columns: repeat(2,1fr);}
.flow_guideline_link a{ display: block; line-height: 1.5; background: #bb7125; color: #fff; padding: 0.7em 1.0em; text-align: center; text-decoration: none;}
.flow_guideline_link a[href$="pdf"]{ background: #666; font-weight: bold;}
.flow_choice{ color: #a62c37; text-align: center; font-weight: bold; font-size: 116%;}
.flow_article{ display: grid; gap: 1.0em 2.0em; grid-template-columns: repeat(2,1fr); }
.flow_article h3{ background: #12354e; color: #fff; text-align: center; padding: 0.4em 1.0em;}
.flow_article div{ margin: 2.0em 0 0 0; border: solid 2px #12354e; padding: 1.0em 2.0em; background: #fff; text-align: center; box-shadow: 5px 5px 5px #ccc;}
.flow_article figure{ display: block; margin: -3.0em auto 0 auto; width: 6.0em;}
.flow_article h4{ font-size: 132%; font-weight: 600;  color: #12354e; line-height: 1.5;}
.flow_article p{ margin: 0;}
.flow_article nav a{ display: block; text-decoration: none; padding: 0.5em 1.0em; color: #fff; background: #12354e;}
.flow_article .offline h3{ background: #666; }
.flow_article .offline div{ border-color: #666;}
.flow_article .offline h4{ color: #666;}
.flow_article .offline nav a{ background: #666;}
@media screen and ( max-width: 480px ) {
  .flow_guideline_link{ grid-template-columns: 1fr;}
  .flow_article{ grid-template-columns: 1fr;}
}

.section_online{ background: rgba(18, 53, 78, 0.1);}
.section_online .page_title{ background: rgba(18, 53, 78, 1.0); }
.section_online .step_title{ color: rgba(18, 53, 78, 1.0); }
.section_online .step_title span{ background: rgba(18, 53, 78, 1.0);}
.section_online .dl_excel{ display: block; text-align: center; background: #819238; color: #fff; padding: 0.7em 1.0em;}
.online_article{ display: grid; gap: 1.0em 2.0em; grid-template-columns: repeat(2,1fr);}
.online_article article{ background: #fff; padding: 0 0 1.0em 0; border: solid 1px rgba(18, 53, 78, 1.0);}
.online_article .step_title{ margin: 0;}
.online_article .content{ margin: 0 1.0em;}
@media screen and ( max-width: 480px ) {
  .online_article{ grid-template-columns: 1fr;}
}

.section_offline{ background: rgba(166, 44, 55, 0.05);}
.section_offline .step_title{ color: rgba(166, 44, 55, 1.0); }
.section_offline .step_title span{ background: rgba(166, 44, 55, 1.0);}
.section_offline .offline_appli{ background: rgba(166, 44, 55, 1.0); color: #fff; padding: 0.7em 1.0em; font-size: 108%;}
.offline_article{ display: grid; gap: 1.0em 2.0em;}
.offline_article article{ background: #fff; padding: 0 0 1.0em 0; border: solid 1px rgba(166, 44, 55, 1.0);}
.offline_article .step_title{ margin: 0;}
.offline_article .content{ margin: 0 1.0em;}


.online_form label,
.online_form p{ margin: 0; font-size: 86%;}
.online_form input[type="text"],
.online_form input[type="email"]{ border: solid 1px rgba(18, 53, 78, 1.0); background: rgba(18, 53, 78, 0.05); border-radius: 0;}
.online_form input[type="file"]{ margin: 0;}
.online_form .wpcf7-form-control-wrap[data-name="your-file"]{ display: block; background: rgba(18, 53, 78, 0.05); border: solid 1px rgba(18, 53, 78, 1.0); padding: 0.3em 0.5em;}
.online_form input[type="submit"]{ display: block; margin: 1.0em auto 0 auto; padding: 0.7em 1.0em; font-size: 116%; background: rgba(18, 53, 78, 1.0); color: #fff;  width: 80%;}

.section_faq{}
.section_faq .page_title{ background: #666; }