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

.section_press{}
.press article{ margin: 0 auto; display: flex;gap: 1.0rem 4.0rem;}
.press article>*{ flex: 1;}
.press article h3{ font-size: 108%; font-family: 'Noto Serif JP', "serif"; }
.press article .body{ font-size: 86%; line-height: 1.5;}
.press article nav a{ margin: 1.0rem 0 0 0; display: flex; background: #cf121b; color: #fff; text-decoration: none; align-items: center; font-size: 86%; padding: 0.2em 0 0.2em 1.0em; position: relative; }
.press article nav a:after{ content: ''; display: block; width: 2.5em; height: 2.5em; background: #f00; margin: 0 0 0 auto; border-left: solid 1px #fff; background: url("../img/index/nav_arrow_right.svg") no-repeat center center / 60%;}
.press article .gallery{ display: grid; gap: 1.0rem; grid-template-columns: repeat(3,1fr);}
.press article .gallery *{ margin: 0;}
.press article .gallery img{ display: block; border: solid 1px #ccc;}

.press_archives{ display: grid; gap: 1.0rem 2.0rem; grid-template-columns: repeat(4,1fr);}
.press_archives a{ display: block; color: #000; text-decoration: none;}
.press_archives img{ display: block;}
.press_archives h3{ margin: 1.0rem 0 0 0; font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .press article{ gap: 1.0rem 1.0rem;}
  .press_archives{ gap: 1.0rem 1.0rem;}
}