@charset "UTF-8";
/* CSS Document */

/*top*/
.top_header_img {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url("../images/MV/top_MV.jpg") ;
height: 250px;
position: relative;
}
.top_header_img h1 {
color: #fff;
font-size: 18px;
font-weight: 600;
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
}
.top_company{
text-align: center;
}
.service_box{
background: #103675;
}
.service_box h2{color: #fff;}
.service_box h3{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.service_box img {
width: 100%;
height: 150px;
object-fit: cover; /* この一行を追加するだけ！ */
}
.service_box a{color: #fff;}
.top_service .service_box:nth-child(2){
padding: 15px;
}
.top_service p{
color: #fff;
}
.top_service .service_box hr{
height: 0.5px;
margin: 15px auto;
}

.btn_list{
margin-bottom: 10px;
}
.btn_list a {
color: #fff;
display: block;
height: 150px;
width: 100%;
font-size: 18px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.btn_list .rec_top{
background-image: url("../images/top/recruit.jpg") ;
}
.btn_list .con_top{
background-image: url("../images/top/contact.jpg") ;
}
.top_iso h2 {
text-align: center;
}
.iso_three{
margin-bottom: 15px;
}
.iso_three p {
text-align: center;
font-weight: bold;
}
.iso_three img {
width: 150px;
}
.iso_item a {
display: flex;
margin-bottom: 10px;
border: 1px solid #ccc;
text-align: center;
padding: 5px;
justify-content: center;
align-items: center;
}
.iso_item img {
width: 90px;
}
.iso_item p {
font-weight: bold;
width: 100%;
}

/*MV*/
.contact_img{
background-image: url("../images/MV/contact_MV.jpg") ;
}