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

.body-container .section {border-radius: 0; padding:20px; border-top:1px solid #eaecef; border-bottom:1px solid #eaecef;}
.body-container .post-page-title {padding:40px 20px; background:#093687; color:#fff; text-align: center; border-top:1px solid #34568c; margin-bottom:20px;}
.body-container .post-page-title p.title { color:#fff; }
.body-container .post-page-title p.text { color:#9da9bf; }

.post-page-title .letter-box { padding:15px; border-radius: 5px; margin-top:20px; text-align: left; background:#224c96;}
.post-page-title .letter-box p {font-size:1.3rem; word-break: keep-all; color:#dae6fb;}
.post-page-title .letter-box span.col {color: #e8ef80; font-weight: 600;}

.post-area .post-title {font-size:1.6rem; font-weight: 500; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dee3eb;}
.post-area .post-text {font-size:1.3rem; line-height: 22px; letter-spacing: -0.025em; word-break: keep-all;}
.post-area .post-bg {padding:15px; border-radius: 5px; margin-top:20px; text-align: left; background:#e8f0ff;}
.post-area .post-text .background { background:#5283e0; color:#fff; font-weight: 500; padding:0 3px;}
.post-area .post-text .highlighter { color:#5283e0; font-weight: 500;}
.post-area .post-text .underline { text-decoration: underline; font-weight: 500;}

.post-area .sub-box {margin:20px 0;}
.post-area .sub-box .sub-box-title {position: relative; font-size:1.4rem; font-weight: 500; margin-bottom:10px; padding-left:15px;}
.post-area .sub-box .sub-box-stitle {font-size:1.3rem; font-weight: 500; margin-bottom:10px;}
.post-area .sub-box .sub-box-title:after {position: absolute; content: ''; width:4px; height:4px; border-radius: 50%; background: #fff; border:2px solid #093687; top:7px; left:0;}
.post-area .sub-box .post-table { position: relative; width:100%;}
.post-area .sub-box .post-table p.sur {font-size:1.2rem; color:#999; text-align: right; padding:6px 0 10px;}
.post-area .sub-box .post-table table{width:100%; text-align: center; font-size:1.2rem; letter-spacing: -0.05em; border-top:1px solid #093687; word-break: keep-all;}
.post-area .sub-box .post-table tr td,
.post-area .sub-box .post-table tr th {text-align: center; border-bottom:1px solid #dee3eb; border-right: 1px solid #dee3eb; padding: 5px;}
.post-area .sub-box .post-table tr th {font-weight: 600;}
.post-area .sub-box .post-table tr th.min-w {width:40px;}
.post-area .sub-box .post-table tr td:last-child,
.post-area .sub-box .post-table tr th:last-child {border-right: 0;}
.post-area .sub-box .post-table tr td.border-r,
.post-area .sub-box .post-table tr th.border-r {border-right: 1px solid #dee3eb;}
.post-area .sub-box .post-table tr .red-bg {background: #fff5f5;}

.post-area .sub-box .similar {margin-bottom:20px;}
.post-area .sub-box .similar ul li { position: relative; float:left; width:calc(20% - 10px); margin-right:12px; text-align: center; font-size: 1.15rem; padding:15px 0; border-top:1px solid #093687; background:#f8f8f8; height: 66px;}
.post-area .sub-box .similar ul li:after {position: absolute; content:''; top:50%; left:100%; width:12px; border-top:1px dashed #093687;}
.post-area .sub-box .similar ul li.h { padding:7px 0;}
.post-area .sub-box .similar ul li:last-child { margin-right: 0; }
.post-area .sub-box .similar ul li:last-child:after {width:0;}

.post-area .sub-box .similar-pro ul {margin-bottom:20px;}
.post-area .sub-box .similar-pro ul li {width:21%; height:82px; padding-top:25px;}
.post-area .sub-box .similar-pro ul li.h { padding:15px 0;}
.post-area .sub-box .similar-pro ul li:nth-child(4n):after {width:0;}