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

main{ font-size: 18px;
font-family: 'M PLUS Rounded 1c','Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
}
.header{ margin: 0; padding: 0; background: url("../img/2023subsidy/bg_header.png") no-repeat center bottom 80px / cover;}
.header img{ display: block; margin: 0 auto;}
@media screen and ( max-width: 480px ) {
  .header{ background-position: center bottom 1.0rem;}
}
.sec01{}
@media screen and ( max-width: 480px ) {
  .sec01 ul p img{ display: block; margin: 0 auto; max-width: 70%;}
}

.sec02{ background: #FCF8D4;}

.sec03{}
.contact_navi{ margin: 0; display: flex; justify-content: center; gap: 0 1.0rem;}
.sec03 .contact_navi{ align-items: flex-end;}
@media screen and ( max-width: 480px ) {
  .contact_navi{ display: block; gap: 0;}
  .contact_navi li{ margin: 0;}
  .contact_navi li p{ margin: 1.0rem 0 0 0;}
  .contact_navi img{ display: block; margin: 0 auto; max-width: 80%;}
}


.sec11{ background: #FCF8D4; padding: 2.0rem 0 0 0;}
.sec11 .wrapper{ margin: 0; padding: 60px 0 0 0; background: #FFFFFF; border-radius: 1.0rem; position: relative; }
.sec11 .sub_num{ margin: 0 auto; padding: 0; position: absolute; top: -60px; left: 0; right: 0; text-align: center;}
.sec11 .sub_num img{ display: block; margin: 0 auto;}
.sec11 .sub_description{ background: #FAC112; padding: 1.5rem 3.0rem; color: #FFFFFF; font-weight: bold; position: relative;}
.sec11 .sub_description *{ margin-top: 0;}
.sec11 .sub_description strong{ color: #000000;}
.sec11 .sub_description .lycs{ width: 560px; font-size: 132%; line-height: 1.5}
.sec11 .sub_description .figure img{ display: block; position: absolute; right: 0; bottom: 0;}
.sec11 .sub_detail{ display: flex; justify-content: center; gap: 0 2.0rem; align-items: center; font-size: 132%; padding: 0 3.0rem; line-height: 1.5;}
.sec11 .sub_detail .figure{ flex: 0 0 330px;}
.sec11 .sub_contact{ color: #FFFFFF; padding: 4.0rem 0 3.0rem 0; background: #F18D09 url("../img/2023subsidy/eco23.png") no-repeat center top; border-radius: 0 0 1.0rem 1.0rem;}
.sec11 .sub_contact .lycs{ text-align: center;}
.sec11 .contatc_navi{ display: flex; justify-content: center; gap: 0 1.0rem;}
@media screen and ( max-width: 480px ) {
  .sec11{ padding-top: 4.0rem;}
  .sec11 .wrapper{ padding-left: 1.0rem; padding-right: 1.0rem;}
  .sec11 .sub_description{ padding: 1.0rem;}
  .sec11 .sub_description .lycs{ width: 100%; font-size: 100%;}
  .sec11 .sub_description .figure img{ position: relative;}
  .sec11 .sub_detail{ display: block; padding: 0 1.0rem; font-size: 100%;}
  .sec11 .sub_contact{ background-size: 25%; padding: 2.0rem 1.0rem; text-align: left; font-size: 93%;}
  .sec11 .sub_contact .lycs{ text-align: left;}
}

.sec12{ background: #FFFFFF; padding: 2.0rem 0 0 0;}
.sec12 .wrapper{ margin: 0; padding: 60px 0 0 0; background: #FCF8D4; border-radius: 1.0rem; position: relative; }
.sec12 .sub_num{ margin: 0 auto; padding: 0; position: absolute; top: -60px; left: 0; right: 0; text-align: center;}
.sec12 .sub_num img{ display: block; margin: 0 auto;}
.sec12 .sub_description{ background: #FAC112; padding: 1.5rem 3.0rem; color: #FFFFFF; font-weight: bold; position: relative; display: flex; align-items: center; justify-content: space-between;}
.sec12 .sub_description *{ margin-top: 0;}
.sec12 .sub_description strong{ color: #000000;}
.sec12 .sub_description .lycs{ flex: 0 0 57%; font-size: 132%; line-height: 1.5}
.sec12 .sub_description .figure img{ display: block;}
.sec12 .sub_detail{ display: flex; justify-content: center; gap: 0 2.0rem; align-items: center; font-size: 132%; padding: 0 3.0rem; line-height: 1.5;}
.sec12 .sub_detail .figure{ flex: 0 0 330px;}
.sec12 .sub_detail strong{ color: #F18D09; font-weight: bold;}
.sec12 .sub_contact{ color: #FFFFFF; padding: 4.0rem 0 3.0rem 0; background: #F18D09 url("../img/2023subsidy/eco23.png") no-repeat center top; border-radius: 0 0 1.0rem 1.0rem;}
.sec12 .sub_contact .lycs{ text-align: center;}
@media screen and ( max-width: 480px ) {
  .sec12{ padding-top: 4.0rem;}
  .sec12 .wrapper{ padding-left: 1.0rem; padding-right: 1.0rem;}
  .sec12 .sub_description{ display: block; padding: 1.0rem;}
  .sec12 .sub_description .lycs{ width: 100%; font-size: 100%;}
  .sec12 .sub_description .figure img{ position: relative;}
  .sec12 .sub_detail{ display: block; padding: 0 1.0rem; font-size: 100%;}
  .sec12 .sub_contact{ background-size: 25%; padding: 2.0rem 1.0rem; text-align: left; font-size: 93%;}
  .sec12 .sub_contact .lycs{ text-align: left;}
}

.sec13{ background: #FCF8D4; padding: 2.0rem 0 0 0;}
.sec13 .wrapper{ margin: 0; padding: 60px 0 0 0; background: #FFFFFF; border-radius: 1.0rem; position: relative; }
.sec13 .sub_num{ margin: 0 auto; padding: 0; position: absolute; top: -60px; left: 0; right: 0; text-align: center;}
.sec13 .sub_num img{ display: block; margin: 0 auto;}
.sec13 .sub_description{ background: #FAC112; padding: 1.5rem 3.0rem; color: #FFFFFF; font-weight: bold; display: flex; justify-content: space-between;align-items: center;}
.sec13 .sub_description *{ margin-top: 0;}
.sec13 .sub_description strong{ color: #000000;}
.sec13 .sub_description .lycs{ flex: 0 0 75%; font-size: 132%; line-height: 1.5}
.sec13 .sub_description .figure img{ display: block;}
.sec13 .sub_detail{ display: flex; justify-content: center; gap: 0 2.0rem; align-items: center; font-size: 132%; padding: 0 3.0rem; line-height: 1.5;}
.sec13 .sub_detail .figure{ flex: 0 0 330px;}
.sec13 .sub_contact{ color: #FFFFFF; padding: 4.0rem 0 3.0rem 0; background: #F18D09 url("../img/2023subsidy/eco23.png") no-repeat center top; border-radius: 0 0 1.0rem 1.0rem;}
.sec13 .sub_contact .lycs{ text-align: center;}
@media screen and ( max-width: 480px ) {
  .sec13{ padding-top: 4.0rem;}
  .sec13 .wrapper{ padding-left: 1.0rem; padding-right: 1.0rem;}
  .sec13 .sub_description{ display: block; padding: 1.0rem;}
  .sec13 .sub_description .lycs{ width: 100%; font-size: 100%;}
  .sec13 .sub_description .figure img{ position: relative; margin: 1.0rem auto 0 auto; display: block;}
  .sec13 .sub_detail{ display: block; padding: 0 1.0rem; font-size: 100%;}
  .sec13 .sub_contact{ background-size: 25%; padding: 2.0rem 1.0rem; text-align: left; font-size: 93%;}
  .sec13 .sub_contact .lycs{ text-align: left;}
}

.sec_form{}
.sec_form .lycs01{ font-size: 132%; font-weight: bold;}
.sec_form .lycs01 strong{ color: #F18D09;}
.sec_form .wrapper{ width: 610px; margin: 0 auto;}
.sec_form .ttl01{ text-align: center; font-size: 132%; font-weight: bold; border-bottom: solid 2px #000000;}
.sec_form .ttl01::first-letter{ color: #F18D09;}
@media screen and ( max-width: 480px ) {
  .sec_form .lycs01{ font-size: 108%;}
  .sec_form .wrapper{ width: 100%;}
  .sec_form .ttl01{ font-size: 100%;}
}


.form h3{ font-size: 132%;}
.form h3::first-letter{ color: #F18D09;}
.form h3 .require{ background: none; padding: 0; color: #F18D09;}
.form h3 + p,
.form h3 + div{ margin-top: 0;}
.form .submit_area{ margin: 0; display: flex; justify-content: center; gap: 0 1.0rem;}
.form .submit_area .btn{ padding: 0.5rem 2.0rem; border: none; border-radius: 0.5rem;}
.form .submit_area .btn[type='reset']{ background: #FFFFFF; color: #000000; border: solid 1px #000000;}
.form .submit_area .btn[type='submit']{ background: #5ABC97; color: #FFFFFF;}
@media screen and ( max-width: 480px ) {
  .form h3{ font-size: 100%;}
}

