@charset "UTF-8";

.person_intro{
  margin-bottom:100px;
  position:relative;
}
.person_intro img{
  width:100%;
}
.person_intro_text{
  position:absolute;
  top:50px;
  left:50px;
  width:40%;
}
.person_intro_text h3{
  line-height: 1.8;
  margin-bottom: 20px;
  font-size: 1.2rem;
}
.person_intro_text h3 span{
  font-size:2rem;
/*  color:#c99f4f;*/
}
.person_intro_text p{
  line-height: 1.8;
}

@media (max-width: 900px){
  .person_intro_text h3{
    font-size: 1rem;
  }
  .person_intro_text p{
    font-size: 0.8rem;
  }
}

@media (max-width:767px){
  .person_intro{
    position:relative;
  }
  .person_intro_text{
    left:10px;
    width:50%;
  }
  .person_intro_text h3{
    font-size: 1.5rem
  }
  .person_intro_text p{
    font-size: 1rem;
    line-height: 2;
  }
}
@media (max-width:650px){
  .person_intro{
    position:relative;
  }
  .person_intro_text{
    left:10px;

  }
  .person_intro_text h3{
    font-size: 1.1rem
  }
  .person_intro_text p{
    font-size: 0.8rem;
    line-height: 2;
  }
}

@media (max-width:500px){  .person_intro_text{
  width:90%;
  }
  .person_intro_text h3{
    font-size: 1rem
  }
  .person_intro_text p{
   padding:15px 10px;
    background-color:rgba(255,255,255,0.6);
    border-radius: 10px;
  }
}
@media (max-width:450px){
  .person_intro{
    width: 90vw;
    margin: 50px calc(50% - 45vw);
  }

  .person_intro_text h3{
    font-size: 0.9rem
  }
  .person_intro_text p{
    font-size: 0.7rem;
  }
}

.contents_box{
  margin-bottom: 50px;
}
.contents_box>img{
  width:100%;
}

.flex_child_container{
  width:30%;
}

@media (max-width: 767px){
/*  .wide_inner{padding:0 50px;  }*/
  .flex_child_container{
    width:100%;
    margin-bottom: 50px;
  }
  .contents_title h2:before{width:100%;}
}


@media (max-width: 767px){
  .contents_title h2{
    line-height: 1.5;
    font-size:1.3em;
    text-align: center;
    margin: 0 auto ;
  }
}

.con_sub_title{
  font-size:1.05rem;
  line-height: 1.3;
  height:auto;
/*  min-height:50px;*/
  margin-top:20px;
  margin-bottom:30px;
  text-align: center;
}
@media (max-width: 767px){
  .con_sub_title{
  
    margin: 10px auto 10px auto;
    min-height:0;
  }
  .flex_child_container:nth-child(1) .con_sub_title{
    margin-top: 50px;
  }
  
}

.con_p{
  line-height: 1.8;
  font-size:0.9rem;
}
@media (max-width: 767px){
  .con_p{line-height: 2;}
}

.Annotation{
  margin-top:10px;
  font-size:0.8rem;
  line-height: 1.3;
  height:auto;
  min-height:65px;
}

.Annotation_mini{
  font-size:0.7rem;
}

.con_img{
  width:100%;
}
strong{
  color:#C99F4F;
}

.flex_child_container img{
  position:relative;
}

.by_age{
  margin-top:20px;
  padding:15px;
  border:solid 1px #c99f4f;
  border-radius: 20px;
  
}
.by_age h4{
  color:#c99f4f;
  border-bottom:1px solid #c99f4f;
  padding-bottom:5px;
  margin-bottom:15px;
  text-align: center;
}
.by_age h5{
  color:#c99f4f;
  margin-bottom:5px;
}
.by_age p{
  font-size:0.9rem;
  margin-bottom:20px;
  line-height: 1.3;
}

.padi20{
  padding:20px;
}


/*--------------------
about
----------------------*/
.about_toptext{
  margin-top:50px;
  text-align: center;
}
.about_toptext h2{
  font-size:2rem;
  font-weight: 400;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .about_toptext h2{
    font-size:1.4rem;

  }
}

.about_toptext p{
  line-height: 2.5;
}
#about_bigtext{
  margin-top:50px;
  font-size:2.5rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #about_bigtext{
    margin-top:50px;
    font-size:7vw;
    line-height: 1.5;
  }
  
}

.about_toptext_logo{
  width:200px;
  margin:10px auto 70px auto;
}
.about_toptext h3{
  font-size:1.5rem;
  margin:20px auto;
}


.about_subtitle{
  display:flex;
  justify-content: center;
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom:solid 3px #cbcbcb;
  text-align: center;
}

.about_subtitle h3{
  position: relative;
}

.about_subtitle h3:before{
  position:absolute;
  content:"";
  width:120%;
  border-bottom:solid 3px #e0a951;
  bottom:-8px;
  left:50%;
  transform: translateX(-50%);
}

/*追加説明文--------------------------*/

.concept{
  line-height: 1.8;
  font-size:1rem;
  font-weight: 400;
  max-width:600px;
  margin:0 auto 100px auto;
}
.concept h3{
  position:relative;
  font-size:1.1rem;
  margin-bottom:5px;
  line-height: 1.3;
}
.concept h2{
  font-size:1.2rem;
  margin-bottom:10px;
  line-height: 1.3;
  
  
}
.concept h3:after{
  content:"";
  width:100%;
  position: absolute;
  left:0;
  bottom:0;
  height:10px;
  z-index: -1;
  background-color: antiquewhite;
}
.concept ul{
  margin:10px auto 10px auto;
}
.concept {
  list-style: circle;
}
.concept div{
  margin-bottom: 30px;
}
.uptext{
  color: #c99f4f;
}
@media (max-width: 767px){
  .concept{
    font-size:0.9rem;
  }
  .concept h3{
    font-size:1rem;
  }
}


/*商品画像と説明*/
.description_of_item{
/*
  background-image: url("../img/dishes_tomato.png");
  background-repeat: no-repeat;
*/
}
.desc_of_item_title{
  font-size: 2.5rem;
  color:#c49B4F;
  text-align: center;
  margin-bottom: 30px;
/*  padding:50px;*/
  line-height: 1.5;
/*  background-color: #c49B4F;*/
}
@media (max-width: 1100px){
  .desc_of_item_title{
    font-size: 2rem;
  }
}
@media (max-width: 768px){
  .desc_of_item_title{
    font-size: 5.5vw;
  }
}

.taste_allimg{
/*  background-color:antiquewhite;*/
  margin-top:30px;
  width:100%;
}
.taste_allimg img{
  margin:10px auto 30px;
  width:100%;
}
@media (max-width: 767px){

}

.taste_list{
  margin:10px auto;
}
.taste{
  width:30%;
  margin:10px;
}

@media (max-width: 767px){
  .taste_allimg img{
    width:100%;
  }
  .taste{
    width:100%;
    margin:10px auto 20px;
  }
  .taste img:nth-child(1){
    width:100%;
  }
}

.taste_img{
  position:relative;
}
.taste_img_sub{
  position:absolute;
  bottom:3px;
  left:7px;
  width:23%;
/*  transform: rotate(-5deg);*/

}

.taste h3{
  padding:10px;
  font-size:1.2rem;
  text-align: center;
  color:white;
}

.basic{background-color:#F1D068;}
.ume{background-color:#EA5148;}
.chinese{background-color:#C49B4F;}
.tomato{background-color:#C30D23;}
.curry{background-color:#40220F;}


.taste p{
  min-height:120px;
  line-height: 1.8;
  font-size:0.9rem;
  padding: 10px 0;
/*  background-color:#fddd84*/
}
@media (max-width: 767px){
  .taste p{
    min-height:initial;
  }
}

.nutrition{
  border:solid 2px #9d9d9d;
  font-size:0.9rem!important;
  color:#231815;
  margin-bottom:50px;
}

.nutrition h3{
/*  writing-mode: vertical-rl;*/
  color:#3e3e3e !important;
  background-color:#f4f4f4;
  border-bottom:solid 2px #9d9d9d;
  font-weight: 500;
  font-size:1rem!important;
}
.nutrition ul{
  width:50%;
  background-color: rgba(255, 255, 255, 0.13);
}

.nutrition li{
  padding:5px 5px 5px 15px;
}

@media (max-width: 767px){
  .nutrition li{
    padding-left:30px;
  }
}

.nutrition li:not(:last-child){
  border-bottom:solid 2px #9d9d9d;
}

.nutrition ul:nth-child(1){
  border-right:solid 2px #9d9d9d;
}


/*---------------------------
efficacy
----------------------------*/
.img_block{
 display:block;
  min-height:250px;
  width:auto;
  margin-bottom:20px;
  justify-content: center;
  margin:0 auto 10px auto;
}
@media (max-width: 1200px) {
  .img_block{
    height:300px;
  }
}
@media (max-width: 767px) {
  .img_block{
  height:auto;
  width:100%;
  }
}
.efi_box{
  line-height: 1.7;
}

.efi_box>h3{
  position: relative;
  margin-bottom:20px;
  font-size:1.3rem;
  
}

.efi_box h3:before{
  position:absolute;
  content:"";
  width:100%;
  height:15px;
  left:0;
  top:18px;
  background-color: #ffcfde;
  z-index: -1;
}

.efi_box>h4{
  border-bottom:solid 1px;
  margin-bottom:5px;
}

.efi_box>p{
  margin-bottom:20px;
  
}
.efi_box_info{
  border-bottom:solid 1px;
  margin-bottom:20px;
}
.efi_box_info>p{
  margin-left:10px;
}
/*---------------------------
  男性モニター
-----------------------*/

.monitor_men{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.monitor_men_child{
 width:49%;
}
.monitor_men:nth-child(4) .monitor_men_child img{margin-bottom: 20px}

@media (max-width: 767px){
  .monitor_men_child{width:100%;}
/*  .monitor_men_child img{margin-bottom: 20px}*/
}

.monitor_men_child p{
  padding:10px;
  text-align: center;
  background-color: rgb(143, 199, 86);
  font-size:1.2rem;
  color:white;
}
element.style {
}
.monitor_title{
  margin-bottom: 15px;
  font-size: 20px;
  padding: 10px;
  color: white;
}
.bg_pink{
  background-color: rgb(255, 153, 169);
}

.bg_green{
  background-color: rgb(143, 199, 86);
}
.monitor_men_come{
  line-height: 1.8;
}