.ser_cmn .hdg_l4{ padding-bottom: 0; font-size: 2.5rem; color: #144768; border: none;}
.ser_cmn .hdg_co1{ color: #144768; }
@media only screen and (max-width: 767px) {
.ser_cmn .hdg_l4{ font-size: 2.0rem; }
.ser_cmn .hdg_l4::after { content: ""; display: block; margin: 20px auto 40px; background: #bcbcbc; width: 30px; height: 2px; }
}
.ser_cmn .hdg_btm{ height: 400px; }
.ser_cmn .hdg_btm .text{ display: block; width: 100%; line-height: 1.4; color: #FFFFFF; font-size: 3rem; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; }
.ser_cmn .hdg_btm .text em{ display: block; margin-top: 15px; font-size: 1.7em; }
@media only screen and (max-width: 767px) {
.ser_cmn .hdg_btm{ height: 200px;  }
.ser_cmn .hdg_btm::after{ position: absolute; top: -23px; left: 40%; transform: scale(0.4) translateX(-50%); }
.ser_cmn .hdg_btm .text{ font-size: 1.5rem; margin-top: 15px; }
.ser_cmn .hdg_btm .text em{ margin-top: 10px; font-size: 1.5em; }
}
.ser_cmn img { max-width: 100%; }
@media only screen and (min-width: 768px) {.ser_cmn { font-size: 16px; }}
.ser_cmn .hdg_btm{background-repeat: no-repeat; background-position: center top !important; background-size:cover !important;}
/*
@media only screen and (max-width: 767px) {.ser_cmn .hdg_btm{background-repeat: no-repeat; background-position: center top !important; background-size:cover !important;}}
*/

/*他-共通*/
.serCom_tal{text-align:left !important;}
.serCom_tar{text-align:right !important;}
.serCom_mb1{margin-bottom: 50px;}
.serCom_mb2{margin-bottom: 35px;}
.serCom_mb3{margin-bottom: 25px;}
@media only screen and (max-width: 767px) {
.serCom_mb0{margin-bottom: 0 !important;}
.serCom_mb1{margin-bottom: 40px;}
.serCom_mb2{margin-bottom: 20px;}
.serCom_mb3{margin-bottom: 13px;}
}


/*=== original ===*/
.ser_casb .hdg_btm{background: url("/casb/img/casb_main-bg-normal.jpg")}
#ser_casb_top p{padding-top: 80px;}
@media only screen and (max-width: 767px) {#ser_casb_top p{padding-top: 40px;}}




/*左右2カラム（テキスト＋画像）*/
@media screen and (min-width:768px) {
.serCom_2clm{display: flex;flex-wrap: wrap;align-items: flex-start;height: auto;}
.serCom_2clm_left{box-sizing: border-box; width: 50%; padding-right: 20px;}
.serCom_2clm_right{box-sizing: border-box; width: 50%;}
.serCom_2clm-w6{width:60% !important;}
.serCom_2clm-w4{width:40% !important;}
}
@media screen and (max-width:767px) {
.serCom_2clm{display: flex;align-items: flex-start;height: auto;flex-direction:column;}
.serCom_2clm.serCom_2clm-rev{flex-direction: column-reverse;}
.serCom_2clm .serCom_2clm_left{width:100%; padding-right: 0;margin-bottom: 1em;}
.serCom_2clm .serCom_2clm_right{width:100%; padding-right: 0;margin-bottom: 0;}
.serCom_2clm.serCom_2clm-rev .serCom_2clm_left{width:100%; padding-right: 0;margin-bottom: 0;}
}


/*3カラム 【見出し＋画像＋テキスト】*/
.serCom_dis-flex { display: flex; justify-content: space-between;}
@media only screen and (max-width: 767px) {.serCom_dis-flex { flex-direction: column; }}
@media only screen and (min-width: 768px) {.serCom_dis-flex.serCom_dis-flex-clm3 .cnt-box { width: 31%;}}
@media only screen and (min-width: 768px) {.serCom_dis-flex.serCom_dis-flex-clm4 .cnt-box { width: 23.5%;}}
@media only screen and (max-width: 767px) {.serCom_dis-flex .cnt-box { width: 100%; }}
.serCom_dis-flex h3 { margin-bottom: 20px; text-align: center; }
.serCom_dis-flex .photo { margin-bottom: 25px; }
.serCom_dis-flex .photo img { border-top: 5px solid #08377d; }
.serCom_dis-flex span { display: block; }



/*ご利用イメージ 3clm*/
.serCom_useImg p{margin-top: 1em; font-size: 85%;}
.serCom_useImg ul.select li  { border: 1px solid #000;}
.serCom_useImg ul.select h4{background-color: #000; color: #fff; padding: 0.4em 0; text-align: center; line-height: 1.5;}
.serCom_useImg ul.select h4 em{display: block; font-size: 70%; font-weight: normal;}
@media only screen and (min-width: 768px) {
.serCom_useImg  ul.select { display: flex; justify-content: space-between;}
.serCom_useImg  ul.select li { width: 31.5%; }
.serCom_useImg  ul.select span { font-size: 2.5rem; line-height: 1.35; margin-top: 15px; }
}
@media only screen and (max-width: 767px) {
.serCom_useImg { padding-bottom: 0; }
.serCom_useImg  ul.select li { margin-bottom: 20px; }
.serCom_useImg  ul.select span { font-size: 2rem; line-height: 1.3; margin-top: 15px; }
}


/*特長など　左小アイコン右テキスト*/
.serCom_toku li{min-height: 155px;}
.serCom_toku li:nth-last-of-type(1){min-height: 125px;}
.serCom_toku li img{width: 120px !important; height: 120px; float: left;}
.serCom_toku li h4{font-size:2.0rem; padding-top: 1em;padding-left: 150px;}
.serCom_toku li p{padding-left: 150px;margin-bottom: 1em;}
.serCom_toku.serCom_toku-ico li p{margin-bottom: 0; padding-bottom: 0;text-indent: -1em;padding-left: calc(150px + 1em);}
.serCom_toku.serCom_toku-ser li p{padding-top: 0.6em;}
@media only screen and (max-width: 767px) {
.serCom_toku li{min-height: 90px;}
.serCom_toku li img{width: 60px !important; height: 60px; float: left;}
.serCom_toku li h4{font-size:1.6rem; padding-top: 0.6em;height: 70px;padding-left: 70px;line-height: 1.3;}
.serCom_toku li p{padding-left: 0px;margin-bottom: 1.5em;}
.serCom_toku li:nth-last-of-type(1) li p{margin-bottom:0;}
.serCom_toku.serCom_toku-ico li p{margin-bottom: 0; padding-bottom: 0;text-indent: -1em;padding-left:1em;}
.serCom_toku.serCom_toku-ico li{margin-bottom: 2em;}
.serCom_toku.serCom_toku-ico li:nth-last-of-type(1){margin-bottom:0;}
.serCom_toku.serCom_toku-ser li img{margin-right: 20px;}
}

/*テーブル周り*/
.serCom_tbl td, .serCom_tbl th { vertical-align: middle; font-size: 90%; box-sizing: border-box; padding: .8em .5em; border: 1px solid #8b8b8b; }
.serCom_tbl th{ color: #fff; font-weight: bold; background-color: #08377d;}
.serCom_tbl.serCom_tbl-thNormal th { text-align: left; background-color: #fff; }
.serCom_tbl th.blank { border: none; background-color: transparent; }
.serCom_tbl th.gray { font-weight: 700; text-align: center; background-color: #d4d4d4; }
.serCom_tbl td { background-color: #fff; }
.serCom_tbl .price { vertical-align: top; }
.serCom_tbl .marge-cell-b { border-bottom: none; }
.serCom_tbl .marge-cell-t { border-top: none; }
.serCom_tbl .marge-cell-tb { border-top: none; border-bottom: none; }
@media only screen and (max-width: 767px) {
.serCom_tbl_blk { overflow-x: auto; }
.serCom_tbl{ width: 900px; }
.serCom_tbl-spMin{ width: 800px; }
}
/*テーブル上部 右寄せsummary*/
.serCom_tbl_addSummary{ margin-bottom: 10px; padding-right: 1rem; text-align: right; }
/*テーブル下 注意文字*/
.serCom_tbl_addNote{font-size: 85%; margin-top: 1em!important; padding-left: 0; text-align: left; line-height: 1.5;}




/*メリット　左にチェック画像*/
.serCom_DlChk{}
.serCom_DlChk dt{font-size:2.0rem;padding-bottom:0.5em; position: relative;	padding-left:1.4em;line-height: 1.2;}
.serCom_DlChk dt::before{ background: url("/img/parts/icon_svgCheck.svg") no-repeat left 2px / 20px 20px; width: 20px;height: 24px; position: absolute; top:0; left:0; content: "";}
.serCom_DlChk dd{margin-bottom:3em;}
.serCom_DlChk dd:nth-last-of-type(1){margin-bottom:0;}
@media only screen and (max-width: 767px) {
.serCom_DlChk dt{font-size:1.6rem;padding-bottom:0.5em ;padding-left:1.2em;}
.serCom_DlChk dt::before{ background: url("/img/parts/icon_svgCheck.svg") no-repeat left 2px / 16px 16px; width: 16px;height: 24px; position: absolute; top:0; left:0; content: "";}
}

.serCom_mb0{margin-bottom: 0 !important;}
