@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

#welfare{
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}

#welfare .section_wrap{
width: 1000px;
margin: 0 auto;
position: relative;
}

#welfare .section_wrap .w_ttl{
font-size:2.2rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: -.02rem;
margin: 0 0 40px;
color: #008dcf;
text-align: center;
}

#welfare .section_wrap .w_txt{
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
margin: 0 0 60px;
text-align: center;
}

#welfare .section_wrap .w_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 0 60px;
padding: 0
}

#welfare .section_wrap .w_list li{
width: 31%;
height: 150px;
margin: 0 auto 2%;
padding: 20px;
box-sizing: border-box;
background:#b60005;
border-radius: 10px;
position: relative;
overflow: hidden;
}


#welfare .section_wrap .w_list li h4{
font-size: 1.2rem;
font-weight: 800;
color:#FFF;
line-height: 1;
margin-bottom: 10px;
}

#welfare .section_wrap .w_list li p{
font-size: .9rem;
font-weight: 500;
color:#FFF;
line-height: 1.8;
}

#welfare .section_wrap .w_list li .no{
position: absolute;
bottom: -10px;
right: -10px;
font-size: 8rem;
line-height: 0.8;
color: rgba(255,255,255,.2);
}

#welfare .section_wrap .ttl{
font-size:1.6rem;
font-weight: 800;
line-height: 1.8;
letter-spacing: -.02rem;
margin:0 0 20px;
position: relative;
}

#welfare .section_wrap .ttl::before{
content: "";
position: absolute;
top: -15px;
left: 0;
width: 60px;
height: 3px;
background: #008dcf;
}

#welfare .section_wrap .red_txt{
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 30px;
}

#welfare .section_wrap .hoken_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 80px;
}

#welfare .section_wrap .hoken_list li{
width:18.5%;
}

#welfare .section_wrap .hoken_list li:nth-child(3n){
margin-right: 0;
}

}
/*sp*/
@media only screen and (max-width: 768px) {

#welfare{
position: relative;
margin: 0 auto 60px;
overflow: hidden;
}

#welfare .section_wrap{
width: 90%;
margin: 0 auto 60px;
position: relative;
}

#welfare .section_wrap .w_ttl{
font-size:1rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: -.02rem;
margin: 0 0 20px;
color: #008dcf;
text-align: center;
}

#welfare .section_wrap .w_txt{
font-size: .9rem;
font-weight: 900;
line-height: 1.6;
margin: 0 0 60px;
text-align: center;
}

#welfare .section_wrap .w_list{
margin: 0 0 60px;
padding: 0;
}

#welfare .section_wrap .w_list li{
width: 100%;
margin: 0 auto 20px;
padding: 12px;
box-sizing: border-box;
background:#b60005;
border-radius: 6px;
position: relative;
overflow: hidden;
}


#welfare .section_wrap .w_list li h4{
font-size: 1rem;
font-weight: 800;
color:#FFF;
line-height: 1;
margin-bottom: 10px;
}

#welfare .section_wrap .w_list li p{
font-size: .8rem;
font-weight: 500;
color:#FFF;
line-height: 1.8;
}

#welfare .section_wrap .w_list li .no{
position: absolute;
bottom: 0px;
right: 0px;
font-size: 3rem;
line-height: 0.8;
color: rgba(255,255,255,.2);
}

#welfare .section_wrap .ttl{
font-size:1.2rem;
font-weight: 800;
line-height: 1.4;
letter-spacing: -.02rem;
margin:0 0 20px;
position: relative;
}

#welfare .section_wrap .ttl::before{
content: "";
position: absolute;
top: -15px;
left: 0;
width: 60px;
height: 3px;
background: #008dcf;
}

#welfare .section_wrap .red_txt{
font-size: 1rem;
font-weight:600;
margin: 0 0 30px;
}

#welfare .section_wrap .hoken_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px;
}

#welfare .section_wrap .hoken_list li{
width:48%;
margin-bottom: 4%;
}

#welfare .section_wrap .hoken_list li:nth-child(3n){
margin-right: 0;
}

}