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

.figure img{ display: block; width: 100%;}

.hc{ margin: 0; padding: 0;}
.hc *{ margin:0;}
.hc img{ display: block;}
@media screen and ( max-width: 480px ) {
}

.section_hcopy{}
.section_hcopy .mb{ display: flex; gap: 2%; align-items: center;}
.section_hcopy .content{ flex: 0 0 55%;}
.section_hcopy .figure{ flex: 0 0 43%;}
@media screen and ( max-width: 480px ) {
  .section_hcopy .mb{ display: block;}
}

.section_project{ background: url("../img/asset21.svg") repeat center top;}
.section_project .mb{ display: flex; gap: 0 4%;}
.section_project img{ display: block;}
.section_project .content{ margin: 0; flex: 0 0 33%; }
.section_project .content p{ font-size: 86%; line-height: 1.7;}
.section_project .figure{ margin: 0; flex: 1 0;}
@media screen and ( max-width: 480px ) {
  .section_project .mb{ display: block;}
}

.loc{ margin: 1.5rem 0 0 0;}
.loc figure{ margin: 0;}
.loc figure img{ display: block;}
.loc h3{ font-size: 93%; border-bottom: solid 1px #fecf17; font-weight: 600; margin-top: 0.7rem; padding-bottom: 0.7rem;}
.loc p{ font-size: 86%; line-height: 1.7; margin-top: 0.7rem;}

.section_shop{ background: #e6f4f5;}
.section_shop h2{ display: flex; justify-content: center; gap: 2%;}
.section_shop h2 img{ width: 440px;}
.section_shop span{ display: block; flex-grow: 1; align-self: stretch; background: url("../img/asset22.svg") repeat left top;}

.shop{ margin: 1.5rem 0 0 0; padding: 0;}
.shop img{ display: block;}
.shop h3{ font-weight: bold;}
.shop p{ font-size: 86%; margin: 0.5rem 0 0 0; line-height: 1.5;}
.shop ul{ border-left: solid 4px #00ab96; font-size: 68%; line-height: 1.5; padding: 0 0 0 1.0em; margin: 1.0rem 0 0 0;}
.shop li{ padding-left: 1.0em; text-indent: -1.0em; margin: 0; white-space: normal; word-break: break-all; }
.shop a{ word-break: break-all; }
.shop01 .content{ display: flex; gap: 2%; margin: 0;}
.shop01 .content .body{ margin: 0;}
.shop01 .content .figure{ flex: 0 0 30%; margin: 0;}
.shop01 .content .figure figure{ margin: 0;}
.shop01 .content .figure img{ display: block; border: solid 2px #FFF;}

.shop02 .col,
.shop02 .col >*{ margin-top: 0;}

.section_form{ font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif; }
.section_form .lead{ background: #83ccd2; padding: 1.0rem 0; }
.section_form .lead h3{ background: #FFFFFF; margin: 0 1.0rem; padding: 0.5rem 1.0rem; text-align: center; font-size: 250%; font-weight: bold;}
.section_form .lead .copy{ margin: 0; padding: 1.0rem; color: #FFFF00; font-size: 250%; font-weight: bold; line-height: 1.5; text-align: center;}
.section_form .lead .body{ margin: 0; padding: 1.0rem; background: #000000; color: #FFFFFF; text-align: center; font-size: 200%; font-weight: bold;}

.table_form{ width: 100%;}
.table_form th{ border-top: dotted 1px #a8a8a8; border-right: dotted 1px #a8a8a8; padding: 1.5rem 1.0rem;}
.table_form td{ border-top: dotted 1px #a8a8a8; padding: 1.5rem 1.0rem;}

@media screen and ( max-width: 480px ) {
  .section_form{ line-height: 1.5;}
  .section_form .lead h3{ font-size: 128%;}
  .section_form .lead .copy{ font-size: 128%;}
  .section_form .lead .body{ font-size: 100%;}
}

.btn_group{ display: flex; justify-content: center; gap: 0 1.5em; font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .btn_group{ display: block; text-align: center;}
}

.fc{ background: #000000; color: #FFFFFF;}
.fc *{ margin-top: 0;}
.fc .fc01{ display: flex; justify-content: center; align-items: center; gap: 0 2%;}
.fc .fc01 .logo{ flex: 0 0 12%;}
.fc .fc01 .content{ font-size: 77%; line-height: 1.5;}
.fc .fc01 .content h2 img{ height: 1.5em;}

.fc_navi{ display: block; margin: 0; padding: 0; position: sticky; bottom: 0;}
.fc_navi a{ display: block; padding: 1.3em 0.5em; text-align: center; background: #076483; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 108%;}
@media screen and ( max-width: 480px ) {
  .fc_navi a{ font-size: 93%; padding: 1.0em 0;}
}