@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-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  + .flex_wrap {
    margin-top: 100px;
  }
}
#welfare .flex_wrap:nth-child(2n) { flex-direction: row-reverse; }
#welfare .flex_wrap .imgbox { position: relative; width: 50%; }

#welfare .flex_wrap .imgbox img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

#welfare .flex_wrap dl { width: 45%; }
#welfare .flex_wrap dl dt { 
  font-size: 1em;
  font-weight: 700;
  color: #00488a;
  + dt {
    margin-top: 30px;
  }
}
#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: 2.4rem;
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 {
  + .flex_wrap {
    margin-top: 60px;
  }
}
#welfare .flex_wrap .imgbox { position: relative;}

#welfare .flex_wrap .imgbox img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

#welfare .flex_wrap dl { margin-top: 30px; }
#welfare .flex_wrap dl dt {
  font-size: 1em;
  font-weight: 700;
  color: #00488a;
  + dt {
    margin-top: 30px;
  }
}
#welfare .flex_wrap dl dd { font-size: 0.9em; margin: 5px 0 20px; padding: 15px 10px; background: #f7f7f7;  }

}