@charset "UTF-8";

.low_top_image img{
  width:100%;
}


.title_img{
  content:"";
  width:100%;
  height:0;
  padding-top:56.1%;
   background-size: cover;
  position:relative;
  margin-bottom:20px;
}

.title_img_NEWS{
  background-image: url("../img/Fitness-Girl-Eating-Salad.jpg");
}
.title_img_ABOUT{
  background-image: url("../img/abaut_topimg.jpg");
}
.title_img_EVIDENCE{
  background-image: url("../img/evidence_topimg.jpg");
}
.title_img_EFFICACY{
  background-image: url("../img/efficacy_topimg.jpg");
}


.title_img_PARTNER{
  background-image: url("../img/partner_top2.jpg");
}

.title_img_POLICY{
  background-image: url("../img/Fitness-Girl-Eating-Salad.jpg");
}
.title_img_AMBASSADOR{
  background-image: url("../img/ambassador_top4.jpg");
}
.title_img_STYLEMITTFIT{
  background-image: url("../img/style_miitfit_top.jpg");
}
.title_img_MOENA{
  background-image: url("../img/moena_top.jpg");
}
.title_img_KODAMA{
  background-image:url("../img/kodama_top.jpg");
}



.title_bg_text{
  position:absolute;
  right:50px;
  bottom:20px;
  color:white;
  text-align: left;
}
.title_bg_text h2{
  font-size:9vw;
  line-height: 1;
  margin-bottom: 5px;
}

.title_bg_text p{
  font-size:2.5vw;
  font-weight:500;
}


/*---------------------------
media Queries 767
-----------------------------*/
@media screen and (max-width: 767px) {
  
  .title_img{
    content:"";
    width:100%;
    height:500px;
    padding-top:40%;
    background-position: center bottom;
    background-size: cover;
    position:relative;
    margin-bottom:20px;
  }
  .title_bg_text{
    right:35px;
  }
  .title_bg_text h2{
    font-size:14vw;

  }
  .title_bg_textAM{
    right:20px;
  }
   .title_bg_textAM h2{
    font-size:12vw;
  }
  .title_bg_text p{
    font-size:5.2vw;
    font-weight:700;
  }
  
  .title_img_AMBASSADOR{
    background-image: url("../img/ambassador_top3.jpg");
  }
  .title_img_MOENA{
    background-image: url("../img/moena2.jpg");
  }
  .title_img_KODAMA{
    background-image:url("../img/kodama1.jpg");
  }


}


/*===============================
media Queries 415
==========================*/
@media (max-width: 415px) {


}