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

main{ color: #20659E; font-weight: 400;}

.page_header .mb{ display: block; text-align: center;}
.page_header .sub{ display: block; width: fit-content; margin: 0 auto; background: #20659E; color: #FFFFFF; padding: 0 1.0em; letter-spacing: 0.2em; border-radius: 1.5em; font-size: 128%; font-weight: bold;}
.page_header h1{ margin: 1.0rem 0 0 0;}
.page_header .copy{ color: #20659E; font-size: 128%; font-weight: bold; margin: 1.0rem 0 0 0; max-width: 100%;}

main h2{ color: #20659E; border: solid 1px #20659E; font-size: 128%; border-radius: 1.5em; padding: 0.4em 1.0em;}
main h3{ color: #FFFFFF; background: #FFA057; font-size: 108%; border-radius: 1.5em; padding: 0.4em 1.0em;}
main h3 strong{ font-weight: 800; font-size: 108%;}
main p em{ color: #FFA057; font-weight: normal; font-size: 100%; font-style: normal;}
main figure img{ display: block;}
main figcaption{ text-align: center; color: #FFA057; margin: 0.5rem 0 0 0;}

.sub_header{ text-align: center;}
.sub_header h2{ font-size: 128%; font-weight: bold; color: #FFA057; border: none;}
.sub_header h3{ font-size: 100%; width: fit-content; padding: 0 1.0em; letter-spacing: 0.2em; margin: 0.5rem auto 0 auto;}
.sub_header p{ font-weight: bold; margin: 0.5rem 0 0 0;}

.bnr_whats{ }
.bnr_whats img{ display: block; width: 70%;  margin: 0 auto;}
.img_note img{ display: block; width: 50%;  margin: 0 auto; box-shadow: 0 0 0.5em #ccc;}


@media screen and ( max-width: 480px ) {
  .bnr_whats img{ width: 100%;}
}