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


/*PC*/
@media print, screen and (min-width: 769px) {

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

#welfare .flex_wrap {
width: 90%;
margin: 0 auto 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#welfare .flex_wrap:nth-child(2) { flex-direction: row-reverse; margin: 100px 0 100px auto; }
#welfare .flex_wrap .imgbox { position: relative; width: 50%; }
#welfare .flex_wrap .imgbox h3 {
position: absolute;
top: -40px; left: 80px;
writing-mode: vertical-rl;
font-size: 1.4em;
background: linear-gradient(90deg, #00488a, #087fba);
color: #fff;
line-height: 1.6;
letter-spacing: 0.12em;
padding: 10px;
}
#welfare .flex_wrap:nth-child(2) .imgbox h3 {
position: absolute;
top: -40px; right: 80px; left: auto;
writing-mode: vertical-rl;
font-size: 1.4em;
background: linear-gradient(90deg, #00488a, #087fba);
color: #fff;
line-height: 1.6;
letter-spacing: 0.12em;
padding: 10px;
}
#welfare .flex_wrap dl { width: 45%; }
#welfare .flex_wrap dl dt { font-size: 1em; font-weight: 700; color: #00488a; }
#welfare .flex_wrap dl dd { font-size: 0.9em; margin: 5px 0 20px; padding: 15px 10px; background: #f7f7f7;  }


}






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

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

#welfare .flex_wrap { width: 90%; margin: 0 auto; }
#welfare .flex_wrap:nth-child(2) { margin: 100px auto; }
#welfare .flex_wrap .imgbox { position: relative; }
#welfare .flex_wrap .imgbox h3 {
position: absolute;
top: -40px; left: 30px;
writing-mode: vertical-rl;
font-size: 1em;
background: linear-gradient(90deg, #00488a, #087fba);
color: #fff;
line-height: 1.6;
letter-spacing: 0.12em;
padding: 10px;
}
#welfare .flex_wrap:nth-child(2) .imgbox h3 {
position: absolute;
top: -40px; right: 30px; left: auto;
writing-mode: vertical-rl;
font-size: 1em;
background: linear-gradient(90deg, #00488a, #087fba);
color: #fff;
line-height: 1.6;
letter-spacing: 0.12em;
padding: 10px;
}
#welfare .flex_wrap dl { margin-top: 30px; }
#welfare .flex_wrap dl dt { font-size: 0.9em; font-weight: 700; color: #00488a; }
#welfare .flex_wrap dl dd { font-size: 0.8em; margin: 5px 0 20px; padding: 15px 10px; background: #f7f7f7;  }

}