@charset "UTF-8";
/* CSS Document */
#mlbase_top{
width: 100%;
height: 100vh;
background-image: url("../images/mlbase/ml_top.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #dbdbdb;
background-blend-mode: multiply;
}
#mlbase_top img {
  max-width: 290px;
  min-width: 250px;
  width: 18vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ml_se_1 img:first-of-type {
  width: 318px;
  padding-bottom: 20px;
}
#ml_se_1 {
  background-image: url("../images/mlbase/makegood.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 60%;
  margin-bottom: 20px;
}
#ml_se_1 h2 {
  font-size: 2.4em;
  line-height: 1.49;
  letter-spacing: 0.23em;
  font-weight: 600;
}
#ml_se_2 {
  display: flex;
  justify-content: space-between;
}
#ml_se_2 div:first-of-type {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#ml_house_1, #ml_house_2 {
  margin-top: auto;
  height: 100%;
  object-fit: cover;
}
#ml_house_2 {
  display: none;
}
#ml_se_2 div:last-of-type {
  width: auto;
  margin-left: 3vw;
}
#ml_se_2 h3 {
  font-size: 1.41em;
  line-height: 1.84;
  letter-spacing: 0.15em;
  font-weight: 600;
}
#ml_se_2 h3 p {
  margin-bottom: 19px;
}
#mlbase .ml_slide2 .slide {
  width: 33vw;
}
#ml_se_1 img:last-of-type {
  display: none;
}
.ml_point_con {
  display: flex;
  justify-content: space-between;
}
.point_text {
  width: 38vw;
  max-width: 500px;
  margin-right: 5vw;
}
.point_img {
  flex: 1;
  max-width: 650px;
}
.point_icon {
  width: 22vw;
  margin-bottom: 35px;
}
/*------ポイント1--------*/
#ml_point_1 {
  color: #fff;
  background: #303239;
}
#ml_point_2 {
  background: #e9ecee;
}
#ml_point_2 .point_text {
  margin-right: 0;
  margin-left: 5vw;
}
#ml_po2_img_bottom {
  display: none;
}
#ml_point_1 .eachText_kaigyo, #ml_point_3 .eachText_kaigyo {
  display: none;
}
@media screen and (max-width:1190px) {
  #ml_house_1 {
    display: none;
  }
  #ml_house_2 {
    display: block;
  }
  #ml_se_2 h3 {
    font-size: 1.31em;
  }
  #ml_se_2 h3 p {
    margin-bottom: 14px;
  }
  #ml_second_text {
    width: 426px;
  }
  #ml_second_text .kaigyo {
    display: none;
  }
  .ml_point .h2_2 {
    font-size: 5.8em;
  }
  .ml_point .midashi {
    font-size: 1.8em;
  }
  .point_icon {
    margin-bottom: 25px;
  }
}
@media screen and (max-width:1025px) {
  #mlbase_top img {
    width: 25vw;
    min-width: 165px;
  }
  #ml_se_1 img:first-of-type {
    width: 280px;
    padding-bottom: 15px;
  }
  #ml_se_2 h3 {
    font-size: 1.24em;
  }
  #ml_se_2 h3 p {
    margin-bottom: 13px;
  }
  #ml_second_text {
    width: 360px;
  }
}
.ml_point .h2_2 {
  font-size: 5.8em;
}
.ml_point .midashi {
  font-size: 1.66em;
  margin-bottom: 22px;
}
@media screen and (max-width:900px) {
  #ml_point_1 .eachText_kaigyo_none {
    display: none;
  }
  #ml_point_1 .eachText_kaigyo {
    display: block;
  }
}
@media screen and (max-width:834px) {
  #ml_se_1 {
    background-image: url("../images/mlbase/makegood_tab.png");
    background-size: 35%;
    margin-bottom: 15px;
  }
  #ml_se_2 {
    display: block;
    justify-content: none;
  }
  #ml_se_2 div:first-of-type {
    flex: none;
    display: block;
    flex-direction: none;
  }
  #ml_house_1 {
    display: block;
    margin-top: 0;
    height: auto;
    object-fit: cover;
    width: 100%;
    margin-bottom: 48px;
  }
  #ml_house_2 {
    display: none;
  }
  #ml_se_2 div:last-of-type {
    width: 100%;
    margin-left: 0;
  }
  #ml_se_2 h3 {
    font-size: 1.5em;
  }
  #ml_se_2 h3 p {
    margin-bottom: 19px;
  }
  #ml_second_text {
    width: 100%;
    ;
  }
  #mlbase .ml_slide .slide {
    width: 33vw;
  }
  #mlbase .ml_slide2 .slide {
    width: 50vw;
  }
  .ml_point_con {
    display: block;
    justify-content: flex-start;
  }
  .point_text {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
  #ml_point_2 .point_text {
    margin-left: 0;
  }
  .point_img {
    width: 100%;
    max-width: none;
    margin-top: 45px;
  }
  .point_icon {
    width: 235px;
    margin-bottom: 30px;
  }
  #ml_po2_img_top {
    display: none;
  }
  #ml_po2_img_bottom {
    display: block;
  }
  #ml_point_1 .eachText_kaigyo_none {
    display: block;
  }
  #ml_point_1 .eachText_kaigyo {
    display: none;
  }
}
@media screen and (max-width:600px) {
  .h2_2 {
    font-size: 5.5em;
  }
}
@media screen and (max-width:580px) {
  #ml_se_1 img:first-of-type {
    width: 250px;
  }
  #ml_se_1 h2 {
    font-size: 2.13em;
  }
  #ml_se_2 h3 {
    font-size: 1.4em;
  }
  #ml_house_1 {
    margin-bottom: 45px;
  }
  .h2_2 {
    font-size: 5em;
  }
}
@media screen and (max-width:520px) {
  .h2_2 {
    font-size: 4.5em;
  }
}
@media screen and (max-width:470px) {
  #ml_se_2 h3 {
    font-size: 1.31em;
  }
}
@media screen and (max-width:430px) {
  #mlbase_top {
    background-image: url("../images/mlbase/ml_top_sp.jpg");
  }
  #ml_se_1 {
    background-size: 30%;
  }
  #ml_se_1 img:first-of-type {
    display: none;
  }
  #ml_se_1 img:last-of-type {
    display: block;
    padding-bottom: 15px;
    width: 60%;
  }
  #ml_se_1 h2 {
    font-size: 1.73em;
  }
  #ml_house_1 {
    margin-bottom: 40px;
  }
  #ml_se_2 h3 {
    font-size: 1.15em;
  }
  #ml_se_2 h3 p {
    margin-bottom: 16px;
  }
  #mlbase .ml_slide .slide {
    width: 60vw;
  }
  #mlbase .ml_slide2 .slide {
    width: 80vw;
  }
  .ml_point .h2_2 {
    font-size: 3.6em;
    margin-bottom: 14px;
  }
  .ml_point .midashi {
    font-size: 1.66em;
  }
  .point_img {
    margin-top: 40px;
  }
  .point_icon {
    width: 143px;
    margin-bottom: 20px;
  }
  #ml_point_1 .eachText_kaigyo_none, #ml_point_3 .eachText_kaigyo_none {
    display: none;
  }
  #ml_point_1 .eachText_kaigyo, #ml_point_3 .eachText_kaigyo {
    display: block;
  }
}