/************** 初期設定 **************/

.fullPageScroll {
width: 100%;
height: 100vh;
scroll-snap-type: y mandatory;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
}

.fullPageScroll h1 {
font-size: 36px;
line-height: 60px;
color: #fff;
text-align: left;
padding: 24px 0;
}

.section {
width: 100%;
height: 100vh;
/* scroll-snap-align: start; */
}

.right-p {
margin-bottom: 36px;

}
  
.fullPageScroll p {
color: #fff;
font-size: 16px;
line-height: 2.3;
font-weight: 100;
font-style: normal;
padding-bottom: 24px;
white-space: pre-wrap;
}

/************** 初期設定 **************/



/************** セクション① **************/
.section1 {
padding: 14% 0%;
}

.section1 {
background-image: url(../images/family_ab.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 10% 0%;
}

.section_box_1 {
width: 450px;
margin-left: 61%;
padding: 3% 4%;
background-color: rgba(36, 37, 39, 30%);
box-shadow: 0 0 8px 2px rgb(20 21 23 / 20%);
}

/*----- セクション① -----*/


/*----- セクション②mm -----**/

.section2 {
padding: 9% 0%;
}

.section2 {
background-image: url(../images/About-s2.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.section_box_2 {
  width: 450px;
  margin-left: 18%;
  padding: 3% 4%;
  background-color: rgba(36, 37, 39, 25%);
  box-shadow: 0 0 8px 2px rgb(20 21 23 / 20%);
  }
/***** セクション② *****/


/***** セクション③ *****/

.section3 {
  padding: 14% 0%;
}

.section3 {
background-image: url(../images/About-section4.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.section_box_3 {
  width: 403px;
  margin-left: 61%;
  padding: 3% 4%;
  background-color: rgba(36, 37, 39, 10%);
  box-shadow: 0 0 8px 2px rgb(20 21 23 / 24%);
  }

/****** セクション③ END ******/



/****** セクション④ ******/
.section4 {
  padding:3% 15% 1.3% 26%;
  width: 100%;
  height: 1300px;
  }
  
  .Company-title {
    padding-bottom: 4%;
  }
  dl {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 0 auto;
    }
  
  dt {
  width: 25.5%;
  padding:  1.7%;
  line-height: 24px;
  border-top: 2px solid #fbfbfb;
  background-color: #f2f3f5;;
  }
  
  dd {
    width: 74.5%;
    margin: 0%;
    padding: 0;
    line-height: 24px;
    padding: 1.7%;
    border-top: 2px solid #fbfbfb;
    background-color: #fff;
    white-space: pre-wrap;
  }
/****** セクション4_END ******/

/****** セクション5 ******/
/* #section5 {
  margin-top: 30%;
} */

/****** セクション5_END ******/

/******* フッター *******/

.about-footer {
max-width: 100%;
height: 100vh;
font-family: futura-pt, sans-serif;
background-image: linear-gradient(0deg, #161a1f 0%, #323b46 100%);
font-size: 12px;
margin-left: 180px;
}

.about-footer-inner {
  padding:8%;
}

/******** フッター END*******/


/***** SP版の画面サイズの時の設定 *****/

@media(max-width: 1000px){

  .section1 {
  padding: 14% 0%;
  }
  .section_box_1 {
  margin-left: 22%;
  padding: 3% 4%;
  }
  
  .section2 {
  padding: 9% 0%;
  }

  .section_box_2 {
  margin-left: 21%;
  padding: 3% 4%;
  }

  .section3 {
  padding: 14% 0%;
  }
  .section_box_3 {
  margin-left: 22%;
  padding: 3% 4%;
  }

  footer .about-footer{
    margin-top: 38%;
  }

    .footer-nav {
      display: block;
      padding: 5% 10% 7% 8%;
      margin: 0;
    }

    .online__list {
      display: block;
      padding: 0;
    }
    
    .MH-link .Rakuten-link .NB-link .LIFEMONSTER-link{
      padding: 1% 0 0 10%;
    }

    .on-a {
      position: static;
      text-align: left;
      padding: 6% 0 6% 4;
    }
    
    .on-a::before {
    display: none;
    }

    .about-footer {
      max-width: 100%;
      font-family: futura-pt, sans-serif;
      background-image: linear-gradient(0deg, #161a1f 0%, #323b46 100%);
      font-size: 12px;
      margin-left: 0;
      }

      .about-footer-inner{
        padding: 7% 8% 0% 8%;
      }
  
      #footer_copy {
        padding: 0%;
      }

      .online-titel {
        justify-content: left;
      }

    /* #section5 {
  margin-top: 45%;
} */

}

@media(max-width: 768px){

  .fullPageScroll h1 {
  text-align: center;
  }

  .section4 {
    padding: 5%;
  }
  dt {
    padding:  1.4%;
    }
    
    dd {
      padding: 1.4%;
      font-size: 12px;
    }

    /* #section5 {
      margin-top: 50.78vh;
    } */

}

@media(max-width: 480px){
  
  /* -----初期設定------ */
  .fullPageScroll h1 {
  font-size: 30px;
  }

  .fullPageScroll p {
  font-size: 14px;
  text-align: center;
  }
/****** 初期設定 ******/

  /* -----background img------ */
  .section1 {
    background-position: center;
    }
  .section2 {
    background-position: center;
    background-position: -215px;
    }
  .section3 {
    background-position: center;
    background-position: -241px;
    }

/****** background img ******/

  .section1 {
  padding: 36% 0%;
  }

  .section_box_1 {
  width: 100%;
  margin-left: 0%;
  padding: 3% 4%;
  }
  
  .section2 {
  padding: 36% 0%;
  }

  .section_box_2 {
  width: 100%;
  margin-left: 0%;
  padding: 3% 4%;
  }
/*----- section3 -----*/
  .section3 {
  padding: 51% 0%;
  }
  .section_box_3 {
  width: 100%;
  margin-left: 0%;
  padding: 3% 4%;
  }
  .about-footer {
  margin-left: 0%;
  }
/****** section3 ******/
/*----- section4 -----*/
  dt {
    text-align: center;
    }
/****** section4 ******/
  

.about-footer-inner{
  padding: 15% 8% 0% 8%;
  }

}

@media(max-width: 320px){
  
  .section4 {
    padding: 3%;
  }

  .section4 dd {
    font-size: 10.7px;
  }

}

/* @media(max-width: 300px){
  #section5 {
    margin-top: 65.21vh;
  } 

}

@media(max-width: 232px){
  #section5 {
margin-top: 81vh;
  }
} */