@charset "utf-8";

.jisseki { display:flex; border-bottom:1px solid #CCCCCC; padding:10px 0; flex-wrap:wrap; }
.lowerpage_title_wrap .lowerpage_title .h1_wrap .title_english { letter-spacing:0; }
.obi { background:#137CD3; height:50px; line-height:50px; color:#fff; text-align:center; font-weight:bold; letter-spacing:0.1em; margin-bottom:20px; }
.jisseki li:nth-child(1) { width:100%; color:#137CD3; }
.jisseki li:nth-child(2) { width:100%; }
.jisseki li:nth-child(3) { width:100%; }
.jisseki li:nth-child(4) { width:100%; }
.text_center { text-align:left; }
@media screen and (min-width: 768px) {
    .lowerpage_title_wrap .contents .img_title { top:initial; }
    .obi { font-size:22px; margin-bottom:40px; }
    .jisseki { width:100%; padding-left:30px; padding-right:30px;}
    .jisseki li:nth-child(1) { width:15%; }
    .jisseki li:nth-child(2) { width:25%; }
    .jisseki li:nth-child(3) { width:45%; }
    .jisseki li:nth-child(4) { width:10%; }
    .text_center { text-align:center; }
}
@media screen and (min-width:1100px) {
    .lowerpage_title_wrap .contents .img_title { top:20px; }
}

.grid { width:100%; margin-top:40px; margin-bottom:80px; }
.grid .left { width:100%; }
.grid img {width: 100%;height: 100%;object-fit: cover;display: block; margin-bottom:20px; }
@media screen and (min-width: 768px) {
    .grid {display: grid;grid-template-columns: 2fr 1fr;grid-template-rows: 1fr 1fr;gap: 20px;max-width: 1200px;margin: 0 auto 80px auto;height:445px; }
    .grid .left {grid-row: 1 / 3; /* 上下2段分を占有 */}
    .grid img { margin-bottom:initial; }
    .img-box {position: relative;}
}

.jirei { width:100%; margin-top:30px; }
@media screen and (min-width: 768px) {
    .jirei { width:auto; margin:0 auto; display:block; }
}