.content_976{
padding: 0 30px 100px 30px;
}

.page_title_area{
padding: 90px 30px 90px 30px;
}

.article_wrap{
padding: 100px 0 0 0;
}

.article_wrap h2{
font-size:clamp(20px, 4vw, 38px);
display: block;
color: #1A4296;
padding: 0 0 0.8em 0;
border-bottom: 3px solid #1A4296;
margin-bottom: 1em;
text-align: left;
font-weight: normal;
}

.article_wrap .article{
display: flex;
justify-content: space-between;
}

.article_wrap .article.reverse{
flex-direction: row-reverse;
}


.article_wrap .article .image_wrap{
width: calc(50% - 15px);
}

.article_wrap .article .image_wrap ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

.article_wrap .article .image_wrap ul li{
width: calc(50% - 5px);
margin-bottom: 20px;
}

.article_wrap .article .image_wrap ul li .text{
color: #194296;
margin-top: 0.5em;
font-size:clamp(12px, 2vw, 14px);
line-height: 1.4;
}



.article_wrap .article .text_wrap{
width: calc(50% - 15px);
box-sizing: border-box;
}

.article_wrap .article .text_wrap p{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
margin-top: 2em;;
}

.article_wrap .article .text_wrap p:first-child{
margin-top: 0em;;
}



.map_title_area{
padding: 90px 0 0 0;
color: #fff;
}


.map_title_area h2{
font-size:clamp(28px, 4vw, 40px);
text-align: center;
line-height: 1.4;
font-weight: normal;
}

.map_title_area p{
font-size:clamp(14px, 2.4vw, 18px);
text-align: center;
line-height: 1.8;
margin-top: 3em;
}

.map_wrap{
background-image: url("/assets/images/job/our_usiness/img_map.jpg");
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 0;
}

.map_wrap::after{
width: 100%;
height: 100%;
content: "";
position: absolute;
top:0;
left: 0;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: 1;
}

.map_wrap .map_image{
max-width: 1280px;
margin: 0 auto;
z-index: 2;
position: relative;
}

.content_number .number_title_area{
padding: 120px 30px 100px 30px;
}

.content_number .number_title_area h2{
font-size:clamp(24px, 4vw, 40px);
text-align: center;
font-weight: normal;
}

.content_number .number_list{
list-style: none;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
max-width: calc(1280px + 30px);
margin: 0 auto;
justify-content: center;
align-items: center;
}

.content_number .number_list li{
border: 1px solid #DEDEDE;
margin: 15px;
background: #fff;
line-height: 0;
}

.content_number .number_list li img{

display: block;
}

.content_number .number_list li:nth-child(1){width: calc(50% - 32px);}
.content_number .number_list li:nth-child(2){width: calc(50% - 32px);}
.content_number .number_list li:nth-child(3){width: calc(50% - 32px);}
.content_number .number_list li:nth-child(4){width: calc(84.375% - 32px);}
.content_number .number_list li:nth-child(5){width: calc(84.375% - 32px);}


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

SP

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


@media screen and (max-width: 976px) {

.page_title_area{
padding: 50px 15px 50px 15px;
}

.content_976{
padding: 0 15px 50px 15px;
}

.article_wrap{
padding: 50px 0 0 0;
}

.map_title_area{
padding: 50px 0 0 0;
color: #fff;
}

.map_title_area p{
text-align: left;
margin-top: 2em;
}




.article_wrap h2{
margin-bottom: 2em;
}

.article_wrap .article{
flex-direction: column;
}

.article_wrap .article.reverse{
flex-direction: column;
}


.article_wrap .article .image_wrap{
width: 100%;
}


.article_wrap .article .text_wrap{
width: 100%;
}

.article_wrap .article .text_wrap p{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
margin-top: 2em;;
}

.article_wrap .article .text_wrap p:first-child{
margin-top: 0em;;
}



.map_wrap{
background-image: url("/assets/images/job/our_usiness/img_map.jpg");
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 0;
}

.map_wrap::after{
width: 100%;
height: 100%;
content: "";
position: absolute;
top:0;
left: 0;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: 1;
}

.map_wrap .map_image{
max-width: 1280px;
margin: 0 auto;
z-index: 2;
position: relative;
}

.content_number .number_title_area{
padding: 60px 15px 50px 15px;
}

.content_number .number_list li{
margin: 8px 15px;
}

.content_number .number_list li:nth-child(1){width:100%;}
.content_number .number_list li:nth-child(2){width:100%;}
.content_number .number_list li:nth-child(3){width:100%;}
.content_number .number_list li:nth-child(4){width:100%;}
.content_number .number_list li:nth-child(5){width:100%;}


}