.PC{display: block;}
.SP{display:none;}
/* .title_top{margin:50px 0 0 0;} */
.title{text-align:center;}
.title h1{margin: 15px auto 0 auto; width: 95%; line-height: 1.7;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;}

@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 80px auto;}
.title{padding: 0px 0 0px 0;}
.title_top{margin: 10px 0 20px 0;}
.title strong{font-size: 9vw;}
}
/* ここまで共通 */


.contents{display: flex;flex-direction: column;gap: 30px;}
.list{background: #EAEAEA;border-radius: 18px;height:fit-content;padding: 30px 50px;width: calc(100% - 300px);position: relative; margin:0 auto;}
.list em { width:auto; display:inline-block; background:#E05842; color:#fff; font-style: normal; font-size:11px; line-height:1.5em; margin-left:0px;
    font-weight:normal; padding:0 3px; }
.topicsbox{border:3px solid #EAEAEA;border-radius: 18px;height:fit-content;padding: 30px 50px;width: calc(100% - 300px);position: relative;
margin:0 auto; font-weight:normal; }
.topicsbox_title { width:100%; font-weight:bold; padding-bottom:10px; border-bottom:1px dotted #000; margin-bottom:20px; display:inline-block;
font-size:15px; }
.topicsbox .center { width:100%; text-align:center; margin:30px 0;}
.topicsbox .center img { width:640px; }
.topicsbox_title .date { margin-right:5px; }
.cat1 {width:60px; background:#5385ee; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:16px; text-align:center; margin-right:5px;}
.cat2 {width:60px; background:#1BABB9; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:16px; text-align:center; margin-right:5px;}
.cat3 {width:60px; background:#B3B91B; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:16px; text-align:center; margin-right:5px;}
.cat4 {width:60px; background:#E5A700; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:16px; text-align:center; margin-right:5px;}
.topicsbox a:hover { text-decoration:underline; }
.link_right { float:right;}

.list h2{font-size: 16px;letter-spacing: 0.2em;font-weight: bold;}
.list p{margin-top: 10px;}
/*.list_more{display: block;position: absolute;bottom:30px;right:50px;border: solid 2px #0A3F67;background: #fff;color: #0A3F67;height: 35px;line-height: 35px;font-size: 14px;font-weight: bold;text-align: center;width: 180px;border-radius: 6px;}
*/
.list_more { width:180px; height:45px; position: absolute;bottom:30px;right:50px;display:block; margin:30px auto 0 auto; padding:0 40px 0 0; text-align:center;
    border:2px solid #0A3F67; border-radius:5px;  box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:42px; transition:0.3s; background:#fff; }
.list_more:hover { background:#FED631; transition:0.3s; }
.list_more::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
.list_more::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }




/* 全体共通レスポンシブ */
@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 40px auto;}
.list{padding: 30px;position: inherit;width: calc(100% - 60px); margin:0 0 30px 0;}
.list h2{margin-top: 10px;}
.list_more{position: inherit;margin: 20px auto 0;}

.list_more { width:47.5%; height:45px; display:block; margin:0px auto 0 auto; padding:0 0px 0 0; text-align:center;
     border:2px solid #0A3F67; border-radius:5px; position:relative; box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:42px; transition:0.3s;
    bottom:0; left:0;  }
.list_more:hover { background:#FED631; transition:0.3s; }
.list_more::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
.list_more::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }

.topicsbox {width:90% ; margin:0 2.5%; background:none; border-radius: 18px; height:fit-content; font-weight:normal; padding:20px 2.5%; text-align:justify; }
.topicsbox p {word-break: break-all;}
.topicsbox .center img { width:100%; }


}

/*ページネーション*/
.pagenation{ width:auto; display:flex; color:#F0F0F0; font-size:20px; font-weight:bold; margin:0px 0 10px 0; justify-content: center; }
.pagenation a.current { text-decoration: underline; color:#000; }
.pagenation a:hover { text-decoration: underline;}
.pagenation a { margin:0 5px; }
.kensu{ width:100%; display:inline-block;margin:0px 0% 30px 0;letter-spacing: 0.01em; }
.kensu .number { font-weight:bold; font-size:30px; color:#F65E39; letter-spacing: 0.05em;}
.center { width:100%; text-align:center; }