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

.hc{ position: fixed; left: 0; top: 0; width: 100%; background: rgba(255,255,255,0.7);}
.gm{ display: none;}

.section_billboard{ margin: 0; padding: 0; height: 800px; background: #000000; position: relative;}
.section_billboard *{ margin: 0;}
.section_billboard .copy{ color: #fff; line-height: 1.5; font-size: 116%; position: absolute; left: 0; right: 0; bottom: 3.0em; margin: 0 auto; text-shadow: 2px 2px 4px #000; text-align: center;}
@media screen and ( max-width: 480px ) {
  .section_billboard{ padding: 125% 0 0 0; height: auto; position: relative;}
  .section_billboard .copy{ }
}

.section_info .mb{ margin: 2.0em auto; border: 1px #a8a8a8; border-style: solid none solid none; padding: 1.0em 2.0em; display: grid; grid-template-columns: 240px auto; gap: 0 2.0em;}
.section_info .mb *{ margin-top: 0;}
.section_info .tblock .section_title{ text-align: left; margin: 0; line-height: 1.5;}
.section_info .tblock .section_title_sub{ text-align: left;}
.section_info .infos{}
.section_info .infos li{ display: grid; gap: 0 1.0em; margin: 1.0em 0 0 0; grid-template-columns: 6.5em auto; line-height: 1.5; font-size: 93%;}
.section_info .infos a{ color: #000;}
@media screen and ( max-width: 480px ) {
  .section_info .mb{ display: block;}
}

.section_content .half{ display: grid; grid-template-columns: repeat(2,1fr);}
.section_content .half>*{ }
.section_content article{ display: flex; height: 500px; background: no-repeat center center / cover; flex-direction: row; justify-content:center; align-items:flex-end; padding: 2.0em 0; position: relative;}
.section_content article::after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.section_content article *{ margin-top: 0;}
.section_content article .content{ text-align: center; position: relative; z-index: 1;}
.section_content article .sup{ margin: 0; color: #FFFFFF; font-size: 340%; letter-spacing: 0; opacity: 0.7; line-height: 1.0;}
.section_content article h3{ margin: 0 0 0 0; color: #FFFFFF; font-size: 196%; font-weight: 200; text-shadow: 2px 2px 4px #000;}
.section_content article nav a{ display: flex; width: fit-content; margin: 0 auto; background: #cf121b; color: #fff; text-decoration: none; align-items: center; font-size: 93%; padding: 0.2em 0 0.2em 1.0em; position: relative; }
.section_content article nav a:after{ content: ''; display: block; width: 2.0em; height: 2.0em; background: #f00; margin: 0 0 0 2.0em; border-left: solid 1px #fff; background: url("../img/com/nav_arrow_right.svg") no-repeat center center / 60%;}

@media screen and ( max-width: 480px ) {
  .section_content .half{ display: block;}
  .section_content article{ height: auto; padding: 66.6% 0 0 0; position: relative; display: block;}
  .section_content article .content{ position: absolute; left: 0; width: 100%; bottom: 2.0em;}
}