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

.section_billboard{ margin: 0 0 0 0; padding: 50.7% 0 0 0; background: no-repeat center center / cover; position: relative;}
.section_billboard aside{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 56px; background: url("../img/index/billboard_overlay11.webp") no-repeat center center;}
.section_billboard .mb{ margin: 0 auto; position: absolute; top: 56px; left: 0; right: 0; }
@media screen and ( max-width: 480px ) {
  .section_billboard{ margin: 0 0 0 0; padding: 75% 0 0 0;}
  .section_billboard aside{ background-size: cover; height: 1.0rem;}
  .section_billboard .mb{ left: 1.0rem; right: 1.0rem; top: 2.0rem;}
}

.content{ font-family: "Zen Old Mincho","Noto Serif JP", "serif";}
.content .subtitle{ text-align: center; font-size: 86%;}
.content h1{ text-align: center; font-size: 148%;}
.content h2{ font-size: 128%;}
.content p{ line-height: 1.5; font-size: 93%;}

@media screen and ( max-width: 480px ) {
  .content *{ text-align: left !important;}
}


.contact{ margin: 2.0rem 0 0 0; padding: 2.0rem 0; background: #ededee; text-align: center;}
.contact h2 img{ width: 20%; margin: 0 auto; display: block;}
.contact nav{ display: block;}
.contact nav a{ display: block; width: fit-content; background: #FFFFFF; color: #000; text-decoration: none; border: solid 1px #000; margin: 0 auto; padding: 0.2em 3.0em;}
.contact ul{ display: flex; gap: 2%; flex-wrap: wrap;}
.contact li{ flex: 0 0 23.5%; margin: 2.0em 0 0 0;}
.contact li a{ display: block; color: #000; text-decoration: none; line-height: 1.5; }
.contact li figure{ display: block; margin: 0; padding: 66.66% 0 0 0; background: no-repeat center center / cover;}
.contact li h3{ margin: 0.5em 0 0 0; font-size: 86%;}

/*
.wp-block-column{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
*/