@charset "UTF-8";
/* ////////////////////////////
COMPANY WELFARE
//////////////////////////// */

#content_Wrap {
  padding: 100px 0;
  background: #efefef;
  margin-top: 116px;
}

.title_Box {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0 0 60px;
}
.title_Box div {
  margin-right: 1em;
}
.title_Box div img {
  width: 100%;
  height: 76px;
  object-fit: contain;
}
.title_Box p {
  color:#0032e6;
  font-size: 26px;
  letter-spacing: 0.06em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
}



#welfare_Wrap {
  padding: 20px 0 0;
}

#welfare_Wrap .box {
  margin-bottom:50px;
  background: #FFF;
  padding: 20px 60px;
  border:1px solid #0032e6;
  border-radius: 20px;
}
#welfare_Wrap .box .num {
  color:#0032e6;
  font-size: 50px;
  letter-spacing: 0.06em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
  margin: -50px 0 10px -30px; /* box外調整 */
}
#welfare_Wrap .box h3 {
  color:#0032e6;
  font-size: 20px;
  letter-spacing: 0.06em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 10px;
}
#welfare_Wrap .box h4 {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.12em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 20px;
}
#welfare_Wrap .box p {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.06em;
}


p + div,
p + ul {
  margin-top: 20px;
}


.fig_fig_box {
  display:flex;
  justify-content: space-between;
}
.fig_fig_box > div {
  max-width: 630px;
  width:65%;
}
.fig_fig_box ul {
  max-width: 320px;
  width:32%;
}
.fig_fig_box ul li + li {
  margin-top: 20px;
}

.fig_fig_box figure {
  margin: 0 0 5px;
}
.fig_fig_box figure img {
  border-radius: 8px;
}
#welfare_Wrap .box .fig_fig_box p {
  font-size: 13px;
}


.health_box {
  border:1px solid #0032e6;
  border-radius: 10px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  position: relative;
}
.health_box .disc {
  position:absolute;
  top:-5%;
  right:-2%;
  width:80px;
  height:80px;
}
.health_box .txt {
  width:65%;
  padding: 20px 0;
  margin: 0 auto;
}
.health_box ul {
  margin: 0 auto;
  width:94%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.health_box ul li {
  width: calc((100% - 3%) / 2);
  border:1px solid #0032e6;
  border-radius: 40px;
  padding: 12px 0;
  text-align: center;
  margin-bottom: 10px;

  color:#0032e6;
  letter-spacing: 0.06em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}
.health_box ul li:nth-child(1) {
  width:100%;
}


.health_box figure {
  max-width: 320px;
  width:32%;
}
.health_box figure img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.health_box + .health_box {
  margin-top: 20px;
}


.column2_dl_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.column2_dl_box dl {
  width: calc((100% - 3%) / 2);

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.column2_dl_box dl:nth-last-child(-n+2) {
  margin-top: 30px;
}
.column2_dl_box dl:nth-child(2),
.column2_dl_box dl:nth-child(3) {
  flex-direction: column;
}
.column2_dl_box dl dt {
  width:100%;
  padding:10px 0;
  border-radius: 20px;
  margin-bottom: 10px;

  text-align: center;
  color:#FFF;
  font-size: 16px;
  letter-spacing: 0.12em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}
.column2_dl_box dl:nth-child(1) dt { background:#ff8cf0; }
.column2_dl_box dl:nth-child(2) dt { background:#00d264; }
.column2_dl_box dl:nth-child(3) dt { background:#00d2ff; }
.column2_dl_box dl:nth-child(4) dt { background:#ffb400; }


.column2_dl_box dl dd {
  width: calc((100% - 3%) / 2);
  padding: 0 1em;
  font-size: 14px;
  line-height: 1.5;

  position: relative;
}
.column2_dl_box dl dd::before {
  content:'●';
  width:10px;
  height:10px;
  margin-right: 0.3em;
}
.column2_dl_box dl:nth-child(1) dd::before { color:#ff8cf0; }
.column2_dl_box dl:nth-child(2) dd::before { color:#00d264; }
.column2_dl_box dl:nth-child(3) dd::before { color:#00d2ff; }
.column2_dl_box dl:nth-child(4) dd::before { color:#ffb400; }

.club {
  display: flex;
  justify-content: space-between;
}
.club li {
  max-width:380px;
  width:38%;
}
.club li:nth-child(3) {
  max-width:220px;
  width:22%;
}
.club li figure {
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 5px;
}
#welfare_Wrap .box .club li p {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}















/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {



}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

  #content_Wrap {
    padding: 60px 0;
    background: #efefef;
    margin-top: 77px;
  }

  .title_Box {
    /* display: flex;
    justify-content: flex-start;
    align-items: baseline; */
    flex-direction: column;
    padding: 0 0 30px;
  }
  .title_Box div {
    margin-right: 1em;
    margin-bottom: 0.5em;
  }
  .title_Box div img {
    width: 100%;
    height: 50px;
    object-fit:contain;
  }
  .title_Box p {
    font-size: 16px;tab_List
  }


  #welfare_Wrap {
    padding: 20px 0 0;
  }

  #welfare_Wrap .box {
    margin-bottom:30px;
    padding: 10px 30px;
    border-radius: 10px;
  }
  #welfare_Wrap .box .num {
    font-size: 40px;
    margin: -35px 0 10px -20px; /* box外調整 */
  }
  #welfare_Wrap .box h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #welfare_Wrap .box h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #welfare_Wrap .box p {
    font-size: 13px;
  }

  .fig_fig_box {
    flex-direction: column;
  }
  .fig_fig_box > div {
    max-width: 100%;
    width:100%;
    margin-bottom: 20px;
  }
  .fig_fig_box ul {
    max-width: 100%;
    width:100%;
  }
  #welfare_Wrap .box .fig_fig_box p {
    font-size: 11px;
  }


  .health_box {
    border-radius: 10px;

    flex-direction: column;
  }
  .health_box .disc {
    position:absolute;
    top:-5%;
    right:-2%;
    width:60px;
    height:60px;
  }
  .health_box .txt {
    width:94%;
    padding: 20px 0;
    margin: 0 auto;
  }
  .health_box ul {
    margin: 0 auto;
    width:98%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .health_box ul li {
    width: calc((100% - 3%) / 2);
    border:1px solid #0032e6;
    border-radius: 40px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 6px;

    font-size: 13px;
  }
  .health_box ul li:nth-child(1) {
    width:100%;
  }


  .health_box figure {
    max-width: 100%;
    width:100%;
  }
  .health_box figure img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .health_box + .health_box {
    margin-top: 20px;
  }


  .column2_dl_box {
  }
  .column2_dl_box dl {
    width: 100%;
    margin-bottom: 20px;
  }
  .column2_dl_box dl:nth-last-child(-n+2) {
    margin-top: 0;
  }
  .column2_dl_box dl:nth-child(2),
  .column2_dl_box dl:nth-child(3) {
    flex-direction: column;
  }
  .column2_dl_box dl dt {
    width:100%;
    padding:6px 0;
    border-radius: 20px;
    margin-bottom: 10px;

    font-size: 14px;
  }

  .column2_dl_box dl dd {
    width: 100%;
    padding: 0 1em;
    font-size: 13px;
  }

  .club {
    flex-wrap:wrap;
  }
  .club li {
    max-width:100%;
    width:100%;
    margin-bottom: 20px;
  }
  .club li:nth-child(3) {
    max-width:100%;
    width:100%;
  }
  .club li figure {
    margin-bottom: 5px;
  }
  #welfare_Wrap .box .club li p {
    font-size: 13px;
  }









}