@charset "utf-8";
/* column css */

.bg_imgbox {
background: url("../img/service/title_bg.jpg");
background-size: cover;
}

@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/service/title_bg_sp.jpg");
background-size: cover;
}
}

.g_navi .gnavi01 a::before {
opacity: 1;
top: -18px;
}

/*-------------------------------------------------
パンくず調整
-------------------------------------------------*/

#page_service .pankuzu {
padding: 0px 20px 50px 0;
margin-top: -20px;
}


/*-------------------------------------------------
Consulting Service
-------------------------------------------------*/

.intro_en_ttl {
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 1.6rem;
letter-spacing: 0.02em;
color: #EB5505;
line-height: 1;
margin-bottom: 6px;
position: relative;
padding-top: 60px;
margin-left: 40px;
}
.intro_en_ttl::before {
content: "";
display: block;
background: #EB6700;
width: 40px;
height: 1px;
position: absolute;
top: 0;
left: 0;
}
.into_jp_ttl {
font-size: 3.0rem;
font-weight: 500;
letter-spacing: 0.2em;
margin-bottom: 20px;
margin-left: 40px;
display: flex;
align-items: center;
position: relative;
}

@media all and (max-width : 1260px ){
.into_jp_ttl {
font-size: 2.6rem;
}
}

@media all and (max-width : 1024px ){
.into_jp_ttl {
font-size: 2.2rem;
}
}

@media all and (max-width : 980px ){
.intro_en_ttl {
margin-left: 0px;
}
.into_jp_ttl {
margin-left: 0px;
}
}

.into_jp_ttl::after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #E5D6CB;
margin-left: 20px;
}
.intro_txt {
font-size: 1.5rem;
margin-left: 40px;
line-height: 1.8;
margin-bottom: 40px;
}
.service_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 60px;
border-bottom: solid 1px #E5D6CB;
margin-bottom: 60px;
}
.service_img {
width: 32.55%;
margin-left: 40px;
}
.service_img img {
width: 100%;
}
.service_txtbox {
width: 55.99%;
margin-right: 50px;
}
.work_ttl {
margin-bottom: 25px;
}
.work_ttl dt {
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 1.6rem;
letter-spacing: 0.02em;
color: #EB5505;
line-height: 1;
margin-bottom: 6px;
position: relative;
}
.work_ttl dd {
font-size: 3.0rem;
font-weight: 500;
letter-spacing: 0.2em;
}
.work_txt {
font-size: 1.5rem;
line-height: 1.8;
}

@media all and (max-width : 1260px ){
.work_ttl dd {
font-size: 2.4rem;
}
}

@media all and (max-width : 1024px ){
.work_ttl dd {
font-size: 2.0rem;
letter-spacing: 0.15em;
}
}

@media all and (max-width : 980px ){
.service_img {
margin-left: 0px;
}
.intro_txt {
margin-left: 0;
}
.service_txtbox {
margin-right: 20px;
}
}

@media all and (max-width : 820px ){
.service_img {
width: 37%;
}
}

@media all and (max-width : 767px ){
.intro_en_ttl {
font-size: 1.2rem;
margin-bottom: 5px;
padding-top: 30px;
}
.intro_en_ttl::before {
width: 30px;
}
.into_jp_ttl {
font-size: 1.8rem;
}
.into_jp_ttl::after {
margin-left: 5px;
}
.intro_txt {
font-size: 1.3rem;
margin-bottom: 20px;
}
.service_box {
display: flex;
flex-direction: column;
padding-bottom: 25px;
margin-bottom: 30px;
}
.service_img {
width: 100%;
margin-bottom: 20px;
}

.service_txtbox {
width: 100%;
}
.work_ttl {
margin-bottom: 20px;
}
.work_ttl dt {
font-size: 1.2rem;
margin-bottom: 5px;
}
.work_ttl dd {
font-size: 1.6rem;
letter-spacing: 0.1em;
}
.work_txt {
font-size: 1.3rem;
}
}


/*-------------------------------------------------
就業規則・人事制度・各種労使協定の導入
-------------------------------------------------*/

.service_listbox {
padding-bottom: 20px;
border-bottom: solid 1px #E5E0DA;
margin-bottom: 25px;
}
.service_list {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.service_list dt {
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 1.4rem;
color: #999;
line-height: 1;
margin-right: 13px;
}
.service_list dd {
font-size: 1.8rem;
font-weight: 500;
}
.service_list_txt {
font-size: 1.5rem;
line-height: 1.8;
padding: 0 5px;
}
.cs02 .service_listbox:last-child {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}

@media all and (max-width : 767px ){
.service_list dt {
margin-right: 10px;
}
.service_list dd {
font-size: 1.6rem;
}
.service_list_txt {
font-size: 1.3rem;
}
}



/*-------------------------------------------------
社員面談・定年後の再雇用支援など各種サポート
-------------------------------------------------*/

.cs03 .work_txt {
margin-bottom: 10px;
}
.cs03 .service_list {
padding: 17px 10px;
border-bottom: solid 1px #E5E0DA;
margin-bottom: 0;
}
.cs03 .service_list dd {
font-size: 1.6rem;
}

@media all and (max-width : 767px ){
.cs03 .service_list {
padding: 15px 10px;
}
.cs03 .service_list dd {
font-size: 1.4rem;
}
.cs03 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
}


/*-------------------------------------------------
Outsourcing service
-------------------------------------------------*/

#sec02 {
margin-top: 80px;
}
.os01_copy {
font-size: 2.0rem;
font-weight: 500;
letter-spacing: 0.15em;
margin-top: 25px;
margin-bottom: 20px;
}
.os01_txt {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 30px;
}

@media all and (max-width : 767px ){
#sec02 {
margin-top: 50px;
}
.os01_copy {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-top: 20px;
margin-bottom: 15px;
}
.os01_txt {
font-size: 1.3rem;
margin-bottom: 40px;
}
}

/*-------------------------------------------------
現在の保険料率
-------------------------------------------------*/

.rate {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5px 10px 2px;
border-bottom: solid 1px #E5D6CB;
margin-bottom: 30px;
position: relative;
}
.rate::after {
content: "";
display: flex;
background: #EB6700;
width: 40px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
.rate dt {
font-size: 1.6rem;
font-weight: 500;
}
.rate dd {
font-size: 1.2rem;
line-height: 1;
}
.table_scroll_wrap {
width: 100%;
overflow: hidden;
}
.table_scroll_inner {
overflow-x: auto;
}
.component_box {
width: 100%;
border-top: solid 1px #E5D6CB;
border-left: solid 1px #E5D6CB;
}
.component_box th {
padding: 15px 10px;
background: #FDF4ED;
border-bottom: solid 1px #E5D6CB;
border-right: solid 1px #E5D6CB;
}
.component_box td {
font-family: "Outfit", sans-serif;
font-weight: 400;
font-size: 1.5rem;
padding: 15px 10px;
letter-spacing: 0.02em;
background: #fff;
border-bottom: solid 1px #E5D6CB;
border-right: solid 1px #E5D6CB;
text-align: center;
}
.component_box td.jp {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.4rem;
font-weight: 400;
}
.component_box .txt_left {
text-align: left;
padding-left: 20px;
}

@media all and (max-width : 767px ){
.rate {
margin-bottom: 20px;
}
.table_scroll_inner {
overflow-x: scroll;
}
.component_box {
width: 350px;
font-size: 1.2rem;
letter-spacing: 0;
}
.component_box th {
padding: 15px 10px;
vertical-align: middle;
}
.component_box td {
padding: 15px 0px;
font-size: 1.2rem;
}
.component_box td.jp {
font-size: 1.0rem;
}
.component_box .txt_left {
padding-left: 10px;
}
}


/*-------------------------------------------------
社会保険・労働保険手続き
-------------------------------------------------*/

.work_list {
margin-top: 20px;
}
.work_list li {
padding-left: 20px;
margin-bottom: 10px;
background-image: url("../img/common/icon_nakaguro.svg");
background-repeat: no-repeat;
background-position: left center;
}

@media all and (max-width : 767px ){
.work_list li {
font-size: 1.3rem;
padding-left: 18px;
margin-bottom: 6px;
background-position: left 0;
}
}

/*-------------------------------------------------

-------------------------------------------------*/

.os03 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}