@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/


body{color:#333;}
.br_sp{display:none;}
.br_pc{display:block;}

.p-homeViewMoreBtn {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #575757;
    font-size: 1.4rem;
}


.s-header-wrap,
.s-header-navBlok__nav{background:#333;}
.s-header-wrap {padding: 0 80px;}
.s-header-categoryNav__head{color:#ddd;font-size:1.3rem;}
.s-header-categoryNav__body{background:rgba(0,0,0,0.7);}
.s-header-contentsNav__navLink > a{color:#ddd;}
.s-header-wrap__logo{width:140px;}
.s-header-wrap {gap: 1rem 5.0rem;border-bottom:none;}

.s-footer__copy{text-align:right;}
.s-footer__nav {justify-content: flex-end;}
.dn_li_disk li::before{
    content: "\25cf";
    color: #009696b3;
    margin-right: 10px;
}
/* */
.dn_page section{margin-bottom:40px;}
.dn_page h1,
.dn_page h2,
.dn_page h3,
.dn_page h4{font-weight:bold;}

.dn_page h1 {
    font-size: 3rem;
    text-align: center;
    font-weight:bold;
    color:#333;
    margin-bottom:40px;
}
.dn_page h1 span{
    border-bottom: 4px solid rgba(0, 150, 150, .7);
}
.dn_page h2{
    font-size:2.2rem;
    margin-top:40px;
    margin-bottom:20px;
}
.dn_page h3{
    font-size:2.0rem;
    margin-top:40px;
    margin-bottom:20px;
}
.dn_page p {
    font-size: 1.6rem;
    line-height:220%;
    margin-bottom:20px;
}
.dn_page p span {font-weight:bold;}
.dn_page ol{
    margin-bottom:20px;
    padding:20px 50px 15px 50px;
    background:#f0f0f0;
}
.dn_page li{
    list-style:decimal;
    font-size:1.6rem;
    margin-bottom:5px;
}

.btn_center_border a {
    display: inline-block;
    margin-top: 30px;
    color: #006969;
    border: 1px solid #006969;
    padding: 10px 30px;
    border-radius: 5px;
    background: #ffffff80;
    font-weight:bold;
    font-size:90%;
}
.c-product-body{text-align:center;margin-top:0;}
/* TOP */
.mv_over {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    z-index:5;
    background:rgba(255,255,255,0.5);
    padding:40px;
    box-sizing:border-box;
}
.mv_over_prod {
    width: 600px;
    text-align: center;
}
.mv_over p img {
    width: 90%;
    height: auto;
}
.mv_over_desc {
    width: 500px;
    color:#668598;
}
.mv_over h1 {
    line-height:100%;
    font-size: 300%;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight:bold;
}
.mv_over h2 {
    line-height:100%;
    font-size: 200%;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight:bold;
}
.mv_over h3 {
    font-size: 140%;
    margin-bottom: 0;
    margin-top: 0;
}

.base_prod{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 960px;
    margin: 0 auto;
    padding:100px 0;
}
.base_prod_text{width:70%;text-align:center;}
.base_prod_text h2{
    font-size: 4rem;
    font-weight: bold;
}
.base_prod_text h3{
    font-size: 2.6rem;
    font-weight: bold;
}
.base_prod_text h4{margin-bottom:10px;}

.base_prod_text_block{margin-bottom:10px;}

.p-homeSection{padding-bottom:100px;}
.top_section{text-align:center;padding: 80px 0;}
.top_section_bk {
    background-color: #fff;
    padding: 80px 0;
}
.top_section h1{
    font-size:4rem;
    font-weight:bold;
    margin-bottom:40px;
    line-height:100%;
}

.top_section h2{
    font-size:2rem;
    font-weight:bold;
    margin-bottom:20px;
}
.top_section h4{
    background: #009696;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-size: 130%;
    box-sizing: border-box;
    margin-bottom:20px;
}
.top_section p{
    font-size: 130%;
    line-height:180%;
}

.top_section.bio{background:#f9f9f9;}

.top_section p img,
.top_section_bk p img{margin:auto;}
.top_section_bk{padding-bottom:0;}
.top_section_bk h1{margin-bottom:0;}
.mission_over{padding:100px 0;}
.top_section_sentan_top {padding-bottom:0;}
.top_section_sentan_bottom {padding-top:0;width:720px;margin:auto;}

.top_section_sentan_top h1{color: #009696;}
.top_section_sentan p {
    width: 720px;
    margin: auto;
}

.top_section_bk.chart p {width:700px;margin:auto;}
.top_section_bk.chart p img{width:100%;}

.top_section.bio h1{
    display: inline-block;
    border-bottom: 3px solid #009696;
}
.top_section.bio p{
    font-size:100%;
}
.mission_over{background-image:url(../../assets/img/custom/forest.jpg)}

.top_bnr{width:600px;margin:20px auto;}
.top_bnr p img{width:100%;}


/* qa */

.qa_q{
  background: rgba(0,150,150,.7);
  color: #fff;
  text-align: center;
  height: 30px;
  display: inline-block;
  width: 30px;
  line-height: 30px;
  font-weight: 900;
  margin-right: 10px;
}
.page_qa dt{font-weight:700;padding:20px 0;}
.page_qa dd{margin-bottom:40px;padding:20px;box-sizing:border-box;background:#009696b3;margin-left:0;font-weight:600;color:#fff;}

.page_qa dt {cursor: pointer;border-bottom:1px dotted #ddd;position:relative;}
.page_qa dt.is-active {border-bottom:none;}
.page_qa dt::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  width: 12px;
  height: 3px;
  margin: auto;
  background-color: #009696b3;
}
.page_qa dt::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    width: 12px;
    height: 3px;
    margin: auto;
    background-color: #009696b3;
    transform: rotate(90deg);
    transition: .3s;
}
.page_qa dt.is-active::after {
  transform: rotate(180deg);
}

.page_qa dd {display: none;border-bottom:1px dotted #ddd;}

/* */
.koe_wrap{display:flex;margin-bottom:10px;padding-bottom:10px;align-items: flex-start;}
.koe_wrap.koe_wrap_rev{flex-flow:row-reverse;}
.koe_pict{width:180px;}
.koe_text{
  width:600px;
  padding: 20px;
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: 20px;
  position:relative;
  display:flex;
  align-items:center;
}
.page_koe .age{text-align:center;font-size:100%;font-weight:900;line-height:100%;}
.page_koe .age img{width:80%;height:auto;border:none;margin:auto;}
.page_koe .age p{font-size:110%;}
.koe_text::after {
  content: "";
  position: absolute;
  bottom: 20px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
}

.koe_wrap.koe_wrap_sei .koe_text:after{
  left: auto;
  right: -20px;
  border-right-color: transparent;
  border-left-color: #f0f0f0;
}

.koe_wrap.koe_wrap_rev .koe_text:after{
  left: -20px;
  border-left-color: transparent;
  border-right-color: #f0f0f0;
}


/* NMN */
.about_shacho {
	width: 230px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.about_shacho img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.m-orderPriceSummary-list li.m-orderPriceSummary-item:nth-of-type(3) {display:none;}

/* */
.mnm_title{display:block;font-weight:bold;}
.mnm_title_sub{display:block;font-size:70%;}

@media screen and (max-width: 990px) {
    
    .br_sp{display:block;}
    .br_pc{display:none;}
    .s-header-navBlok__openBtn::before,
    .s-header-navBlok__openBtn::after,
    .s-header-navBlok__openBtn > span{background-color:#fff;}
    .s-header-userNav__navLink > a{color:#fff;}
    .s-header-categoryNav__head{display:none;}
    .s-header-contentsNav__navLink{background:#333;}
    .s-header-categoryNav__navLink,
    .s-header-contentsNav__navLink,
    .s-header-userNav__navLink{border:none;}
    .mv_over {
        width: 100%;
        margin: 0;
        padding: 40px 30px;
    }
    .mv_over_prod {display:none;}

    .mv_over_desc{width: 90%;margin:0 auto;}
    .mv_over h1{font-size: 180%;margin-bottom:10px;}
    .mv_over h2{font-size: 120%;margin-bottom:10px;}
    .mv_over h3{font-size: 130%;}
    .top_section {width: 90%;margin: auto;}

    .top_section h1 {font-size: 160%;line-height:180%;}
    .top_section_bk.chart p,
    .top_bnr{width:90%;margin:auto;}

    .koe_wrap{display:block;}

    .koe_pict{width:50%;text-align:center;margin:auto;}
    .koe_text{
        width:90%;
        padding: 20px;
        box-sizing: border-box;
        position:relative;
        margin:auto;
    }
    .koe_wrap.koe_wrap_sei .koe_text:after,
    .koe_wrap.koe_wrap_rev .koe_text:after{
        top: 100%; /* 吹き出しの下端 */
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #f0f0f0;
        left: 50%;
        transform: translateX(-50%);
    }
    .about_shacho{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    .base_prod{
        display:block;
        width: 100%;
        padding:50px 0;
    }
.base_prod_text{width:100%;text-align:center;margin:20px auto;}
.base_prod_text h2{
    font-size: 3rem;
}
.base_prod_text h3{
    font-size: 2.0rem;
}
    .base_prod_text h4{margin-bottom:10px;}
    .base_prod_pict{width:100%;}
    .base_prod_pict p{width:50%;margin:auto;}
    
    .s-header-wrap__logo img {width: 100px;}
    .s-header-wrap__logo {width: 100px;margin-right: auto;}
    .top_section{padding:50px 30px;box-sizing:border-box;}
    .top_section p{text-align:left;}
    .top_section p.btn_center_border{text-align:center;}
    .mission_over{padding:20px 0;}
    .top_section.mission{background:rgba(255,255,255,0.8);}
    .top_section_bk{padding:10px 0;}
    .top_section.top_section_sentan_bottom{padding-top:10px;}
    .top_section.top_section_sentan_top{padding-bottom:10px;}
}