/****************************** useful_info  */
.el_ttl2 { margin-bottom: 85px; font-weight: 500; }

.ly_cont__card { margin-bottom: 110px; }

.bl_flexBox { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 50px; }

.bl_flexBox .bl_flexBox_head { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bl_flexBox .bl_flexBox_ttl { width: 100%; margin-bottom: 71px; color: #0063A7; font-size: 40px; }

.bl_flexBox .bl_flexBox_text { width: 100%; font-size: 18px; line-height: 2; }

.bl_flexBox .hp_el_btn { margin-top: auto; }

.bl_flexBox .el_btn { margin-top: auto; }

.bl_cardUnit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bl_cardUnit .bl_card { border-radius: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }

.bl_cardUnit .bl_card_inner { display: block; width: 100%; }

.bl_cardUnit .bl_card_imgWrap { margin-bottom: 21px; text-align: center; }

.bl_cardUnit .bl_card_textBox_head { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; padding-bottom: 15px; border-bottom: solid 1px #CCCCCC; }

.bl_cardUnit .bl_card_textBox_head .bl_card_textBox_date { color: #636363; }

.bl_cardUnit .bl_card_textBox_head .bl_card_textBox_tagList { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }

.bl_cardUnit .bl_card_textBox_head .bl_card_textBox_tagItem { padding: 5px 8px; color: #ffffff; font-size: 14px; }

.bl_cardUnit .bl_card_textBox_head .bl_card_textBox_tagItem.column { background-color: #8EB74E; }

.bl_cardUnit .bl_card_textBox_head .bl_card_textBox_tagItem.employInfo { background-color: #FDB409; }

.bl_cardUnit .bl_cardtextBox_ttl { font-size: 18px; font-weight: bold; line-height: 1.72; }

.bl_pager ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.bl_pager li { margin-right: 10px; }

.bl_pager li a { font-weight: bold; }

.bl_pager li:first-child a[rel=prev] { position: relative; }
.bl_pager li:first-child a[rel=prev]::after { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 11px; height: 18px; margin: auto; background-image: url(/consult/shirokumahoken/common/images/useful_info/icn_arrow__pager_left.png); background-size: 11px 18px; color: #ffffff; content: ""; }
.bl_pager li:last-child a[rel=next] { position: relative; }
.bl_pager li:last-child a[rel=next]::after { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 11px; height: 18px; margin: auto; background-image: url(/consult/shirokumahoken/common/images/useful_info/icn_arrow__pager.png); background-size: 11px 18px; color: #ffffff; content: ""; }

.bl_pager span { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-image: url(/consult/shirokumahoken/common/images/useful_info/bg_pager__gray.png); background-size: 50px 50px; color: #ffffff; }

.bl_pager a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-image: url(/consult/shirokumahoken/common/images/useful_info/bg_pager__green.png); background-size: 50px 50px; color: #ffffff; }

@media screen and (max-width: 750px) { .el_ttl2 { margin-bottom: 80px; } .bl_nav_link__useful_info { color: #4DB0B6; } .ly_cont__card { margin-bottom: 80px; } .bl_flexBox { -ms-flex-wrap: wrap; flex-wrap: wrap; } .bl_flexBox .bl_flexBox_ttl { margin-bottom: 20px; font-size: 30px; line-height: 1.6; } .bl_flexBox .bl_flexBox_text { margin-bottom: 20px; font-size: 16px; line-height: 1.8; } .bl_flexBox .hp_el_btn { margin: 40px auto 0px; } .bl_flexBox .el_btn { margin: 0px auto 0px; } .bl_cardUnit { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .bl_cardUnit .bl_card { width: 100%; margin-bottom: 20px; padding: 20px; } }

@media screen and (min-width: 751px) { .bl_nav_link__useful_info { background-image: url(/consult/shirokumahoken/common/images/btn_useful_info__hover.png) !important; } .bl_breadcrumb { margin-bottom: 100px; } .bl_flexBox .bl_flexBox_head { width: 524px; } .bl_flexBox .bl_flexBox_body { width: 530px; } .bl_cardUnit { margin-bottom: 28px; } .bl_cardUnit .bl_card { width: 380px; min-height: 430px; margin-bottom: 45px; padding: 30px; } .bl_cardUnit .bl_card:nth-child(3n), .bl_cardUnit .bl_card:nth-child(3n + 1) { margin-right: 30px; } .bl_cardUnit .bl_card:first-child { width: 580px; min-height: 560px; margin-right: 20px; } .bl_cardUnit .bl_card:first-child .bl_card_imgWrap { width: 520px; height: 390px; } .bl_cardUnit .bl_card:nth-child(2) { width: 580px; min-height: 560px; margin-right: 0; margin-left: 20px; } .bl_cardUnit .bl_card:nth-child(2) .bl_card_imgWrap { width: 520px; height: 390px; } .bl_cardUnit .bl_card_imgWrap { width: 320px; height: 240px; } .bl_cardUnit .bl_card .bl_card_imgWrap img { max-width: 100%; max-height: 100%; } }