@charset "utf-8";
/* CSS Document */

h3{
  background:url("../img/knorr-cup-soup/title_bg.png");
  font-size:26px;
  padding:0.5em;
  margin-bottom:1.5em;
}

#content > .inner{
  max-width:960px;
  margin:0 auto;
  font-family: 'Noto Sans JP', serif;
}

#content > .inner .in{
  width:91.7%;
  margin:0 auto;
}
#content > .inner .in .flex{
  display:flex;
  justify-content: space-between;
  margin-bottom:3em;
}
#content > .inner .in .flex.flex-end{
  align-items: flex-end;
}
#content > .inner .in .flex > div{
  width:50%;
}
#content > .inner .in .flex > div:last-child{
  width:44%;
}
#content > .inner .in .flex h4{
  font-size:26px;
  color:#e60012;
  line-height: 1.6;
}
#content > .inner .in .flex h4 + p{
  font-size:18px;
  margin-top:1em;
}
#content .table01{
  border-bottom:1px solid #cccccc;
}
#content .table01 th{
  background-color:#e60012;
  color:#FFF;
  font-size:18px;
  padding:0.5em;
  border-top:1px solid #cccccc;
  font-family: 'Noto Sans JP', serif;
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
}
#content .table01 td{
  font-size:18px;
  padding:0.5em;
  border-top:1px solid #cccccc;
  font-family: 'Noto Sans JP', serif;
}
#content h5{
  font-size:20px;
  color:#e60012;
  border-bottom:2px solid;
  padding-bottom:0.5em;
  margin-bottom:0.5em;
}
#content h5 + p{
  font-size:18px;
}
#content ul.eiyou{
  display:flex;
  flex-wrap: wrap;
  margin-top:0.3em;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
#content ul.eiyou li{
  width:50%;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  font-size:18px;
  box-sizing: border-box;
  display:flex;
}
#content ul.eiyou li p{
  font-size:18px;
  padding:0.3em;
  font-family: 'Noto Sans JP', serif;
  width:65%;
}
#content ul.eiyou li p:last-child{
  background-color:#f1efef;
  width:35%;
}

#content #about{
  border:solid 1px #e60012;
  border-radius: 1em;
  padding:5%;
  margin-top:3em;
  margin-bottom:7em;
}
#content #about .title{
  font-size:26px;
  color:#e60012;
  margin:0.5em 0;
}
#content #about li{
  font-size:18px;
  font-family: 'Noto Sans JP', serif;
  padding-left:1em;
  text-indent:-1em;
}
#content #about .caption{
  font-size:14px;
  margin-top:1em;
}

@media screen and (min-width: 765px) and (max-width: 990px) {
  #content > .inner{
    padding:0 10px;
  }

	
}

@media screen and (max-width: 765px) {
  #content > .inner{
    padding:0 5%;
  }
  #content > .inner .in {
      width: 100%;
  }
  h3{
    font-size:4.5vw;
  }
  #content > .inner .in .flex{
    display:block;
  }
  #content > .inner .in .flex > div {
    width:100%;
}
  #content > .inner .in .flex > div img{
    width:70%;
    display:block;
    margin:0 auto 2em;
  }
  #content > .inner .in .flex > div:last-child {
    width: 100%;
}
  #content > .inner .in .flex h4{
    font-size:4.5vw;
  }
  #content > .inner .in .flex h4 + p{
    font-size:3.8vw;
  }
  #content .table01{
    margin-bottom:3em;
  }
  #content .table01 th{
    font-size:3.8vw;
  }
  #content .table01 td{
    font-size:3.8vw;
  }
  #content h5 + p {
    font-size: 3.8vw;
}
  #content ul.eiyou li p{
    font-size: 3.8vw;
  }
  #content #about {
    border-radius: 0.3em;
    margin-bottom: 5em;
}
  #content #about .title{
    font-size:4.5vw;
  }
  #content #about li{
    font-size:3.8vw;
  }
  #content #about .caption {
    font-size: 3vw;
}
  
}