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

.section_info{}
.section_info article{ margin: 1.0rem 0 0 0; padding: 1.0rem; background: rgba(255,255,255,0.1);}
.section_info .mb{ padding: 0;}
.section_info .title{ margin: 0; padding: 0.4em 1.0em; text-align: center; color: #745A30; border: solid 3px #745A30; font-weight: bold; background: #000;}
.section_info .body{ font-size: 93%; }

.sub_block{ display: flex; gap: 0 4%;}
.section_sns{ flex: 0 0 48%;}
.section_mainguide{ flex: 0 0 48%;}
@media screen and ( max-width: 480px ) {
  .sub_block{ display: block;}
  .section_sns .text_caption{ font-size: 100%;}
  .section_mainguide{ margin-top: 2.0em;}
}

.section_guidebook{}
.section_guidebook .items{ display: flex; gap: 0 4%; flex-wrap: wrap;}
.section_guidebook article{ margin:1.0rem 0 0 0; padding: 0; flex: 0 0 30.66%;}
.section_guidebook article h3{ font-size: 86%; margin: 1.0em 0 0 0;}

@media screen and ( max-width: 480px ) {
  .section_guidebook a.btn{ padding: 0.7em 0.2em; font-size: 86%;}
}