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

.access_method{ display: flex; justify-content: space-between; flex-wrap: nowrap;}
.access_method article{ flex: 0 0 19%; margin: 1.0em 0 0 0; background: #FFE8CC; border-radius: 0.5rem; padding: 1.0em ;}
.access_method article figure{ margin: 0; display: block;}
.access_method article figure img{ display: block; height: 65px; width: auto; margin: 0 auto;}
.access_method article h3{ color: #EE7800; margin: 0; text-align: center; font-size: 93%;}
.access_method article p{ font-size: 77%; margin: 1.0rem 0 0 0;}
@media screen and ( max-width: 480px ) {
  .access_method{ flex-wrap: wrap;}
  .access_method article{ flex: 0 0 49%;}
}

.handy_note{ border: solid 3px #FFBA66; border-radius: 0.5rem; padding: 1.0em;}
.handy_note h3{ margin: 0; padding: 0 0 1.0em 0; border-bottom: solid 1px #FFBA66; text-align: center; color: #FF8C00;}
.handy_note strong{ color: #FF8C00;}