@charset "utf-8";

/*-----------------------------------------------------
bootstrap
-------------------------------------------------------*/

/* .container
------------------------------------------------*/

@media (min-width: 1200px) {
  .container--small{
    width: 970px;
  }
}

/*-----------------------------------------------------
common
-------------------------------------------------------*/

/* .application
------------------------------------------------*/

.application{
  padding: 40px 0;
  background: #c30e23;
}
.application-box{
  padding: 1px;
  background: #fff;
  border: 3px solid #b49b88;
}
.application-box__inner{
  padding: 4px;
  border: 1px solid #b49b88;
}
.application-box__inner2{
  padding-top: 30px;
  background-image:
  url(../images/img_decoration01.png),
  url(../images/img_decoration02.png);
  background-repeat: 
  no-repeat,
  no-repeat;
  background-position: 
  left top,
  right top;
  background-size: 40px;
}
@media only screen and (max-width: 991px) {
  .application-box__inner2{
    background-size: 10%;
  }
}
.application h2{
  margin: 0;
}

.application-lead{
  margin-top: 10px;
  font-size: 1.2rem;
}
.application-lead__label{
  margin-right: 10px;
  padding: 2px 5px;
  color: #fff;
  font-size: 1.5rem;
  background: #c30e23;
}
@media only screen and (max-width: 991px) {
  .application-lead__label{
    font-size: 1.2rem;
  }
}
.product-list--img{
  float: left;
  width: 40%;
  margin-top: 70px;
}
.product-list__item--img:first-child{
  width: 65%;
  margin: 0 auto;
}

@media only screen and (max-width: 991px) {
  .product-list--img{
    float: none;
    width: 100%;
    margin-top: 0;
  }
  .product-list__item--img:first-child{
    float: left;
    width: 45%;
  }
  .product-list__item--img{
    float: right;
    width: 50%;
  }
}
.product-list{
  float: right;
  width: 55%;
}
@media only screen and (max-width: 991px) {
  .product-list{
    float: none;
    width: 100%;
    margin-top: 40px;
  }
}
.product-item{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #bea898;
}
.product-item:first-child{
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.product-label{
  display: inline-block;
  margin-bottom: 15px;
  padding: 2px 20px;
  background: #b49b88;
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.6;
}
@media only screen and (max-width: 991px) {
  .product-label{
    font-size: 1.4rem;
  }
}
.product-price{
  display: table;
}
.product-price__caption{
  display: table-cell;
  vertical-align: top;
}
.product-price__caption-inner{
  display: table-cell;
  width: 4em;
  height: 4em;
  background: #c30e23;
  border-radius: 100%;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.3;
  vertical-align: middle;
}
.product-price__yen{
  display: table-cell;
  font-size: 6rem;
  line-height: 1;
  vertical-align: bottom;
}
.product-price__tax{
  display: table-cell;
  font-size: 2.2rem;
  vertical-align: bottom;
}
@media only screen and (max-width: 991px) {
  .product-price__caption-inner{
    font-size: 1.2rem;   
  }
  .product-price__yen{
    font-size: 4rem;
  }
  .product-price__tax{
    font-size: 1.2rem;
  }
}
.product-description{
  font-size: 1.2rem;
  line-height: 1.4;
}

/* .bg-paper
------------------------------------------------*/

.bg-paper{
  background: url(../images/bg_paper.jpg) repeat-y center top;
  background-size: cover;
}


/* .text-mincho
------------------------------------------------*/
.text-mincho{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*-----------------------------------------------------
block
-------------------------------------------------------*/

/* .site-header
------------------------------------------------*/

.site-header{
  padding: 25px 0;
  background: #c30e23;
}
.site-header__head{
  margin: 0;
}

/* .mv
------------------------------------------------*/

.mv{
  padding: 20px 0 50px;
  background: url(../images/bg_mv.jpg) no-repeat center -100px;
  background-size: 1590px 742px;
}
@media only screen and (max-width: 991px) {
  .mv{
    padding-bottom: 20px;
    background-position: center top;
    background-size: cover;
  }
}
.mv__content{
  margin: 0;
}
.mv__content img{
  margin-left: -8.33333333%;
}
@media only screen and (max-width: 991px) {
  .mv__content img{
    margin-left: 0;  
  }
}

/* .sympathy
------------------------------------------------*/

.sympathy{
  max-width: 1500px;
  margin: 0 auto;
  background: url(../images/img_trouble01.jpg) no-repeat -200px top;
}
@media only screen and (max-width: 991px) {
  .sympathy{
    background-position: -80px top;
    background-size: contain;
  }
}
.sympathy-head{
  margin: 70px 0;
  font-size: 4.8rem;
}
.sympathy-item{
  padding-left: 60px;
  font-size: 3.6rem;
  background: url(../images/img_check.png) no-repeat left center;
  background-size: 50px;
}
.sympathy-lead{
  margin-top: 120px;
  font-size: 4.4rem;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .sympathy-head{
    margin: 35px 0;
    font-size: 2.4rem;
    line-height: 1.6;
  }
  .sympathy-item{
    padding-left: 30px;
    font-size: 1.8rem;
    background-position: left 5px;
    background-size: 25px;
  }
  .sympathy-lead{
    margin-top: 40px;
    font-size: 2rem;
  }
}

/* .introduction
------------------------------------------------*/

.introduction{
  margin-top: 40px;
  padding: 160px 0 50px;
}
.introduction__lead{
  margin-top: 50px;
  font-size: 2.2rem;
}
.introduction-head{
  margin: 40px 0;
  font-size: 5rem;
  text-align: center;
}
.introduction-head__text{
  display: inline-block;
  width: 8em;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px;
  background-color: rgb(195, 14, 35);
  color: #fff;
}
.introduction-head__cross{
  margin: 0 1em;
}
.introduction__text{
  margin-top: 50px;
  font-size: 2.2rem;
  text-align: center;
}
.introduction__summary{
  margin: 40px 0 0;
  font-size: 4.8rem;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .introduction{
    margin-top: 20px;
    padding: 60px 0 25px;
  }
  .introduction__lead{
    margin-top: 25px;
    font-size: 1.2rem;
  }
  .introduction-head{
    margin: 20px 0 20px;
    font-size: 1.8rem;
  }
  .introduction-head__text{
    text-align: center;
  }
  .introduction-head__cross{
    margin: 0 0.3em;
  }
  .introduction__text{
    margin-top: 25px;
    font-size: 1.2rem;
  }
  .introduction__summary{
    margin: 20px 0 0;
    font-size: 2.4rem;
  }
}

/* .point
------------------------------------------------*/

.point{
  overflow: hidden;
}
.point__head{
  margin: 90px 0;
  font-size: 6rem;
  text-align: center;
  line-height: 1.8;
}
.point__number{
  margin-top: 70px;
}
.point__lead{
  margin-top: 50px;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.8;
}
.point__text{
  margin-top: 30px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 991px) {
  .point__head{
    margin: 45px 0;
    font-size: 3rem;
    line-height: 1.6;
  }
  .point__number{
    width: 50%;
    margin-top: 35px;
  }
  .point__lead{
    margin-top: 25px;
    font-size: 2rem;
  }
  .point__text{
    margin-top: 15px;
    font-size: 1.2rem;
  }
}

/* .point1 */

.point-lead--brand{
  min-height: 800px;
  background: url(../images/img_korea.jpg) no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .point-lead--brand{
    min-height: auto;
    padding-bottom: 50%;
  }
}
.process-lead{
  margin-top: 50px;
  font-size: 3.8rem;
  font-weight: bold;
}
.process-type__head{
  margin-top: 40px;
  font-size: 5.2rem;
}
.process-type__description{
  font-size: 3.2rem;
}
.process-year{
  font-size: 2.8rem;
}
.process-label{
  display: inline-block;
  margin-bottom: 30px;
  padding: 5px 10px;
  background: #c30e23;
  color: #fff;
  font-size: 3.2rem;
  border-radius: 10px;
  text-align: center;
}
.process-value{
  margin-top: 20px;
  font-size: 3.4rem;
  font-weight: bold;
}
.process-pickup{
  display: table-cell;
  width: 6em;
  height: 6em;
  background: #c30e23;
  border-radius: 50%;
  font-size: 3rem;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.process-pickup__value{
  font-size: 6rem;
}
.process-pickup__multiply{
  font-size: 3.6rem;
}
@media only screen and (max-width: 991px) {
  .process-lead{
    margin-top: 25px;
    font-size: 1.9rem;
  }
  .process-type__head{
    margin-top: 20px;
    font-size: 2.6rem;
  }
  .process-type__description{
    font-size: 1.6rem;
  }
  .process-year{
    font-size: 1.4rem;
  }
  .process-label{
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
  .process-value{
    font-size: 1.7rem;
  }
  .process-pickup{
    font-size: 1.5rem;
  }
  .process-pickup__value{
    font-size: 3rem;
  }
  .process-pickup__multiply{
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .process-value{
    font-size: 1.3rem;
  }
  .process-pickup{
    font-size: 1.3rem;
  }
  .process-pickup__value{
    font-size: 2.4rem;
  }
  .process-pickup__multiply{
    font-size: 1.8rem;
  }
}

.ginsengberry{
  padding: 50px 0;
}
.ginsengberry-head{
  margin: 90px 0 50px;
  font-size: 3.8rem;
  font-weight: bold;
}
.ginsengberry-lead{
  font-size: 3rem;  
}
.ginsengberry-value{
  display: inline-block;
  margin-top: 100px;
  font-size: 5rem;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #f29b76 60%);
}
.ginsengberry-summary{
  margin-top: 60px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 991px) {
  .ginsengberry{
    padding: 25px 0;
  }
  .ginsengberry-head{
    margin: 45px 0 25px;
    font-size: 1.9rem;
    line-height: 1.6;
  }
  .ginsengberry-lead{
    margin-top: 15px;
    font-size: 1.5rem;  
  }
  .ginsengberry-value{
    margin-top: 50px;
    font-size: 2rem;
  }
  .ginsengberry-summary{
    margin-top: 30px;
    font-size: 1.2rem;
  }
}

/* .point2 */

.point-lead--active{
  min-height: 800px;
  background: url(../images/img_active.jpg) no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .point-lead--active{
    min-height: auto;
    padding-bottom: 30%;
    background-position: 65% top;
  }
}

.circulation-text{
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .circulation-text{
    margin-top: 25px;
  }
}
.circulation-text strong{
  color: #c30e23;
}
.point-schema{
}
.point-schema__figure{
  margin: 50px 0;
  padding: 50px 0;
  background-image: -moz-linear-gradient( 90deg, rgb(250,247,241) 0%, rgb(255,255,255) 48%, rgb(250,247,241) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(250,247,241) 0%, rgb(255,255,255) 48%, rgb(250,247,241) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(250,247,241) 0%, rgb(255,255,255) 48%, rgb(250,247,241) 100%);
}
@media only screen and (max-width: 991px) {
  .point-schema__figure{
    margin: 25px 0;
    padding: 25px 0;
  }
}

/* .point3 */

.point-lead--trouble{
  min-height: 800px;
  margin: 100px 0 50px;
  background: url(../images/img_trouble02.jpg) no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .point-lead--trouble{
    min-height: auto;
    margin: 50px 0 25px;
    padding-bottom: 30%;
    background-position: 55% top;
  }
}
.point-tea__text strong{
  color: #c30e23;
}

.change{
  margin-top: 100px;
}
.change__head{
  margin-bottom: 45px;
  font-size: 4.3rem;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .change__head{
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
}
.change-image{
  margin-top: 70px;
  background: #f0e4d7;
}
@media only screen and (max-width: 991px) {
  .change-image{
    margin-top: 35px;
  }
}
.change-image__figure{
  padding:50px 0;
  background: #f0e4d7;  
}
@media only screen and (max-width: 991px) {
  .change-image__figure{
    padding: 25px 0;
  }
}
.change-image__head{
  margin-bottom: 40px;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .change-image__head{
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}

.week-item--1{
  background: url(../images/img_change_01.jpg) no-repeat center top;
}
.week-item--2{
  background: url(../images/img_change_02.jpg) no-repeat center top;
}
.week-item--3{
  background: url(../images/img_change_03.jpg) no-repeat center top;
}
.week-item--4{
  background: url(../images/img_change_04.jpg) no-repeat center top;
}

.week-list{
  margin: 0;
}
.week-item{
  margin-top: 100px;
  padding: 30px 0;
  background-size: cover;
}
.week-item:first-child{
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .week-list{
    margin-top: 15px;
  }
  .week-item{
    margin-top: 50px;
    padding: 15px 0;
    background-position: 60% top;
  }
}
.week-head__main{
  display: block;
  margin: 35px 0 25px;
  font-size: 3.6rem;
  font-weight: bold;
  white-space: nowrap;
}
.week-head__sub{
  display: block;
  font-size: 2rem;
}
.week-text{
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .week-head__label{
  }
  .week-head__main{
    margin: 10px 0;
    font-size: 1.7rem;
    white-space: normal;
  } 
  .week-head__sub{
    font-size: 1rem;
  }
  .week-text{
    margin-top: 10px;
  }
}

.week-annotation{
  min-height: 200px;
  margin-bottom: 0;
  padding-top: 30px;
  font-size: 2rem;
}
@media only screen and (max-width: 991px) {
  .week-annotation{
    min-height: 100px;
    font-size: 1.2rem;
  }
}

.change-recommend{
  min-height: 600px;
  background: url(../images/img_tea02.jpg) no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .change-recommend{
    min-height: auto;
    padding-bottom: 20%;
    background-position: 35% top;
  }
}

.change-recommend__head,
.change-recommend__text{
  margin: 0;
  font-size: 3rem;
  font-weight: bold;
}
.change-recommend__head{
  margin-top: 140px;
  font-size: 3.6rem;
}
.change-recommend__text{
  margin-top: 20px;
}
.change-recommend__pic{
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .change-recommend__head,
  .change-recommend__text{
    font-size: 1.5rem;
  }
  .change-recommend__head{
    margin-top: 70px;
    font-size: 1.8rem;
    font-weight: normal;
  }
  .change-recommend__text{
    margin-top: 10px;
  }
  .change-recommend__pic{
    margin-top: 15px;
  }

}

/* .voice
------------------------------------------------*/

.voice{
  overflow: hidden;
}
.voice-head{
  margin: 100px 0 50px;
  font-size: 6rem;
  font-weight: bold;
  text-align: center;
}
.voice-content{
  padding: 50px 0 130px;
  background: url(../images/img_tea03.jpg) no-repeat center top;
  background-size: cover;
}
.voice-item{
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .voice-head{
    margin: 50px 0 25px;
    font-size: 3rem;
  }
  .voice-content{
    padding: 25px 0 65px;
    background-position: 85%;
  }
  .voice-item{
    margin-bottom: 15px;
  }
}

/* .qa
------------------------------------------------*/

.qa-head{
  margin: 100px 0 50px;
  font-size: 6rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .qa-head{
    margin: 50px 0 25px;
    font-size: 3rem;
  }
}

.qa-content{
  padding: 50px 0;
  background:url(../images/bg_geometric.png) no-repeat center top;
  background-size: cover;
}
.qa-list{
  margin-bottom: 0;
}
.qa-item{
  margin-top: 30px;
  border: 3px solid #b49b88;
  padding: 2px;
  background: #fff;
}
.qa-item:first-child{
  margin-top: 0;
}
.qa-item__inner{
  border: 1px solid #b49b88;
  padding: 25px;
}
.qa-item__question{
  margin-bottom: 15px;
  font-size: 2.2rem;
  font-weight: bold;
}
.qa-item__icon{
  margin-right: 10px;
}
.qa-item__answer{
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media only screen and (max-width: 991px) {
  .qa-content{
    padding: 25px 0;
  }
  .qa-item{
    margin-top: 15px;
  }
  .qa-item__inner{
    padding: 10px;
  }
  .qa-item__question{
    padding-left: 35px;
    text-indent: -35px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .qa-item__icon{
    width: 25px;
    margin-right: 10px;
  }
  .qa-item__answer{
    font-size: 1.2rem;  
  }
}

/* .brand
------------------------------------------------*/

.brand-series{
  padding: 50px 0 100px;
  background: url(../images/bg_nature.jpg) no-repeat center top;
  background-size: cover;
}
.brand-series__head{
  font-size: 6rem;
  font-weight: bold;
  text-align: center;
}
.brand-series__lead{
  margin-bottom: 40px;
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
}
.brand__label{
  margin: 0 15px;
  padding: 0 20px;
  background: #769b50;
  color: #fff;
}
.brand-series__text{
  margin-top: 50px;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .brand-series{
    padding: 25px 0 50px;
    background-position: 35% top;
  }
  .brand-series__head{
    font-size: 3rem;
  }
  .brand-series__lead{
    margin-bottom: 20px;
    font-size: 1.9rem;
  }
  .brand__label{
    margin: 0 5px;
    padding: 0 5px;
  }
  .brand-series__text{
    margin-top: 25px;
  }
}

.brand-concept{
  padding: 90px 0 60px;
}
.brand-concept-head{
  color: #769b50;
  font-size: 6rem;
  text-align: center;
}
.brand-concept-head__jp{
  display: block;
  margin-top: 5px;
  font-size: 2.8rem;
  font-weight: bold;
}
.brand-concept-lead{
  margin-top: 30px;
  text-align: center;
}
.brand-concept__list{
  margin-top: 50px;
  text-align: center;
}
.brand-concept__item{
  display: inline-block;
  width: 33%;
  padding: 0 2%;
  text-align: center;
  vertical-align: top;
  font-size: 2.8rem;
  font-weight: bold;
}
.brand-concept-item__caption{
  margin-top: 25px;
}
.brand-concept__comment{
  margin-top: 50px;
  text-align: center;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.6;
}

@media only screen and (max-width: 991px) {
  .brand-concept{
    padding: 45px 0 30px;
  }
  .brand-concept-head{
    font-size: 3rem;
  }
  .brand-concept-head__jp{
    font-size: 1.4rem;
  }
  .brand-concept-lead{
    margin-top: 15px;
    text-align: left;
  }
  .brand-concept__list{
    margin-top: 25px;
  }
  .brand-concept__item{
    font-size: 1.2rem;
  }
  .brand-concept-item__caption{
    margin-top: 5px;
  }
  .brand-concept__comment{
    margin-top: 25px;
    font-size: 1.6rem;
    text-align: left;
  }
}