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


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

#welfare { margin: 0 auto 120px; }

#welfare h3 {
font-size: 3rem;
margin-bottom: 40px;
background: linear-gradient(123deg, #2C2826 0%, #0050a6 60%);
background-size: 200% 200%;
background-position: 0 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
#welfare h3 span {
display: table;
font-size: 1.6rem;
font-weight: 500;
background: linear-gradient(123deg, #2C2826 0%, #0050a6 45%);
background-size: 200% 200%;
background-position: 0 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


#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 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 { width: 90%; margin:0 auto 60px; }

#welfare h3 {
font-size: 3.6rem;
margin-bottom: 30px;
background: linear-gradient(123deg, #2C2826 0%, #0050a6 60%);
background-size: 200% 200%;
background-position: 0 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
#welfare h3 span {
display: table;
font-size: 1.4rem;
font-weight: 500;
background: linear-gradient(123deg, #2C2826 0%, #0050a6 45%);
background-size: 200% 200%;
background-position: 0 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


#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 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;  }

}