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

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

main figure{ position: relative;}
main figure figcaption{ position: absolute; margin: 0; padding: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: linear-gradient(90deg, #fdfdfd 0%, #e7e7e6 100%); color: #55598b; flex-direction: column; line-height: 1.0; font-family: "Noto Serif JP", "serif"; height: 6.0em; width: 6.0em; border-radius: 3.0em; left: -1.0em; top: -1.0em; box-shadow: 2px 2px 4px #666; }
main figure figcaption span:nth-child(1){ font-size: 93%;}
main figure figcaption span:nth-child(2){ display: flex; align-items: center; font-size: 108%;}
main figure figcaption em{ margin: 0; padding: 0; font-size: 156%; letter-spacing: -0.1em;}


.flbox{ display: flex;}
@media screen and ( max-width: 480px ) {
  .smflbox_diabled{ display: block;}
}

.hc_billboard{ margin: 0; padding: 0;}
.hc_billboard *{ margin:0;}
.hc_billboard 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 h2 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;}
}