@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 .tips-page-title {padding:40px 20px; background:#093687; color:#fff; text-align: center; border-top:1px solid #34568c; margin-bottom:20px;}
.body-container .tips-page-title p.title { color:#fff; }
.body-container .tips-page-title p.text { color:#9da9bf; }

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

.tips-area .letter-box { padding:10px; border-radius: 5px; margin:20px 0; text-align: left; background:#eef1f7;color: #3c495f; font-size:1.35rem; font-weight: 500; letter-spacing: -0.05em;}
.tips-area .letter-box span.col {color: #e8ef80; font-weight: 600;}
.tips-area .letter-box .background { background:#5283e0; color:#fff; font-weight: 500; padding:0 3px 1px;}
.tips-area .letter-box .highlighter { color:#5283e0; font-weight: 500;}
.tips-area .letter-box .underline { text-decoration: underline; font-weight: 500;}

.tips-area .sub-box {margin:20px 0;}
.tips-area .sub-box .sub-box-title {position: relative; font-size:1.4rem; font-weight: 500; margin-bottom:10px; padding-left:15px;}
.tips-area .sub-box .sub-box-stitle {font-size:1.3rem; font-weight: 500; margin-bottom:10px;}
.tips-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;}
.tips-area .sub-box .sub-sbox {position: relative; padding:10px; margin-bottom:20px; border-top:2px solid #093687; background:#f8f8f8; }
.tips-area .sub-box .sub-sbox p { font-size:1.3rem; letter-spacing: -0.05em; }

.tips-area .imp {text-align: center; font-size:1.4rem; letter-spacing: -0.025em; font-weight: 500; padding:10px 0; border-top:2px solid #093687; border-bottom:2px solid #093687; color:#093687; margin-top:20px; line-height: 25px;}
.tips-area .imp span.background {color:#fff; background: #093687; padding:0 7px 1px;}


.margin-top10 {margin-top:10px;}
.margin-bt20 {margin-bottom:20px;}
.text-center {text-align: center;}