/* Scss Document */
main {
  width: 100%;
  margin: 0 auto; }

/***************************************************/
.top_ttl {
  text-align: center;
  padding: 50px 0 70px; }
  .top_ttl p {
    font: 4.0rem/1.0em 'Rock Salt', cursive;
    font-weight: 400;
    color: #595757;
    margin: 0 0 30px; }
  .top_ttl h2 {
    font: 12rem/1.0em 'Barlow', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #69A3D8; }
    .top_ttl h2 small {
      font: 2.4rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      display: block;
      margin: 17px 0 0; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 70px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 10rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 70px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 7rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .top_ttl {
    text-align: center;
    padding: 10px 0 50px; }
    .top_ttl p {
      font: 3.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 5rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 10px 0 0; } }
/*max-width:480px*/
/***************************************************/
.welfare {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 30px 0 100px;
  max-width: 1080px;
  text-align: justify;
  text-justify: inter-ideograph;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start; }

.welfare_item {
  width: calc((100% - 60px)/3);
  max-width: 280px;
  margin-bottom: 120px;
  padding: 160px 0 0; }
  .welfare_item h3 {
    font: 3.0rem/1.2em 'Noto Sans JP', sans-serif;
    font-weight: 500;
    text-align: center;
    color: #5386B3;
    height: 72px;
    margin: 0 0 12px;
    text-align: justify;
    text-justify: inter-ideograph;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center; }
  .welfare_item p {
    font: 1.5rem/2.0em 'Noto Sans JP', sans-serif;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph; }

.welfare_item01 {
  background: url("../images/welfare/welfare-01.svg") center top no-repeat;
  background-size: auto; }

.welfare_item02 {
  background: url("../images/welfare/welfare-02.svg") center top no-repeat;
  background-size: auto; }

.welfare_item03 {
  background: url("../images/welfare/welfare-03.svg") center top no-repeat;
  background-size: auto; }

.welfare_item04 {
  background: url("../images/welfare/welfare-04.svg") center top no-repeat;
  background-size: auto; }

.welfare_item05 {
  background: url("../images/welfare/welfare-05.svg") center top no-repeat;
  background-size: auto; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .welfare {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 30px 0 100px;
    max-width: 640px; }

  .welfare_item {
    width: calc((100% - 40px)/2);
    max-width: 300px;
    margin-bottom: 120px;
    padding: 160px 0 0; }
    .welfare_item:last-child {
      display: none; }
    .welfare_item h3 {
      font: 3.0rem/1.2em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      color: #5386B3;
      height: 72px;
      margin: 0 0 12px;
      text-align: justify;
      text-justify: inter-ideograph;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center; }
    .welfare_item p {
      font: 1.5rem/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: justify;
      text-justify: inter-ideograph; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .welfare {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 30px 0 100px;
    max-width: 480px; }

  .welfare_item {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 50px;
    padding: 170px 0 0; }
    .welfare_item h3 {
      font: 2.4rem/1.2em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      color: #5386B3;
      height: auto;
      margin: 0 0 12px;
      display: block; }
      .welfare_item h3 br {
        display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .welfare_item h3 {
    font: 2.2rem/1.2em 'Noto Sans JP', sans-serif;
    font-weight: 500; }

  .welfare_item01 {
    padding: 130px 0 0;
    background: url("../images/welfare/welfare-01.svg") center top no-repeat;
    background-size: 150px auto; }

  .welfare_item02 {
    padding: 130px 0 0;
    background: url("../images/welfare/welfare-02.svg") center top no-repeat;
    background-size: 150px auto; }

  .welfare_item03 {
    padding: 120px 0 0;
    background: url("../images/welfare/welfare-03.svg") center top no-repeat;
    background-size: 150px auto; }

  .welfare_item04 {
    padding: 120px 0 0;
    background: url("../images/welfare/welfare-04.svg") center top no-repeat;
    background-size: 150px auto; }

  .welfare_item05 {
    padding: 120px 0 0;
    background: url("../images/welfare/welfare-05.svg") center top no-repeat;
    background-size: 150px auto; } }
/*max-width:480px*/