@charset "UTF-8";
#choiceArea{overflow: hidden;}

/** YouTube */
#youtube_wrap > div:first-child > .col-md-8.col-12{height: 449px;}
#youtube_wrap > div:last-child{margin-top: 1em;}
#youtube_wrap iframe{width:100%;height: 100%;background: transparent;}

@media only screen and (max-width: 767px) {
    #youtube_wrap > div:first-child > .col-md-8.col-12{height: 62vw;}
    #youtube_wrap iframe{padding-bottom: 2em;}
}
/** 51周年 */
.main_message{font-size: .6rem;}
#anniversary_wrap > div{margin: 1em auto;}
#anniversary_wrap .anniversary_img{width: 128px;height: 100%;}
#anniversary_wrap .anniversary_logo{width: 60%;margin-left:2rem}

.anniversary_text{font-family: 'Shippori Mincho', serif;font-size: 150%;display: flex;flex-direction: column;justify-content: center;margin-left: 1em;}
.anniversary_text div{border-bottom: 1px solid gray;padding: 0.15em 0.25em;}
@media only screen and (max-width: 767px) {
    .anniversary_text{font-size: 115%;}
}
/** FAQ */
.faq_items > .faq_item{margin-bottom: 2em;border-bottom: 1px solid gray;}
.faq_items > .faq_item:last-child{border: none;}
.faq_items > .faq_item > div{font-weight: bold;font-size: 1.5em;margin-bottom: 1em;position: relative;padding-left: 2.5em;}
.faq_items > .faq_item > div div{padding-left: 1.5em;}
.faq_items > .faq_item > div::before{position: absolute;top: -.25em;left: 0;font-size: 1.75em;line-height: 1;}
.faq_items > .faq_item > .question::before{content: "Q : ";color: red;}
.faq_items > .faq_item > .answer{font-weight: 100;}
.faq_items > .faq_item > .answer::before{content: "A : ";color: blue;}

/** 共通 */
br.sp{display: none;}
br.pc{display: block;}
a:hover,a:active{opacity: .6;}
.text_orange{color:#FF7600;}
.text_red{color: red!important;}
.bg_orange{background: #FF7600!important;}
.fw_bold{font-weight: bold;}
.product_link{margin-top: 4.5em;text-align: center;}
.product_link a{font-size: 2.5em;background: #FF7600;border-radius: 2em;padding: 0.25em 2em;color: white!important;}
.origin_wrap{padding: 5em 0;position: relative}
.origin_wrap::before{position: absolute;content: "";width: 100vw;height: 100%;left: calc(50% - 50vw);top: 0;z-index: -1;}
/** 共通 背景色 */
.origin_wrap:nth-child(even)::before{background: rgba(255,255,255,1)}
.origin_wrap:nth-child(odd)::before{background: rgba(230,255,255,1); /* new year 対応  rgba(255,0,0,.2); */}

/** ヘッダー */
header #headerTEL{position: inherit;}
header #hBox{display: flex;justify-content: space-between;align-items: center;margin: 0;padding: 1em 0;}
header .menu_items{display: flex;justify-content: space-between;margin: 0.5em 0 1.5em;}
header .menu_items > div{margin: 0 .5em;}
header .menu_items a {color: rgba(81, 190, 191,1);font-size: 1.5rem;font-weight: bold;padding: .25em 1em;background: white;border-right: 1px solid rgba(81,190,191,1);}
#key.pc{padding: 5em 0;}

.main_message{font-size: .6rem;}

/** 共通 タイトル */
.origin_wrap .origin_title{text-align: center;margin-bottom: 5em;}
.origin_wrap .origin_title > div{background: rgba(81, 190, 191,1);display: inline-block;font-size: 300%;padding: 0.5em 2em;border-radius: 2em;color: white;font-weight: bold;}
/** 個別 新着情報 */
#news_wrap > div{border: 5px solid rgba(81, 190, 191,1);}
#news_wrap > div > div{background: rgba(81, 190, 191,1);font-size: 200%;padding: 0em 2em;color: white;font-weight: bold;text-align: center;}
#news_wrap > div > ul{margin: 0;padding: 0.5em 12.5px;background: white;}
#news_wrap > div > ul > li{font-size: 150%;margin-bottom: 0.5em;margin-top: 0; padding-bottom: 0.5em;border-bottom: 1px solid silver;}
#news_wrap > div > ul > li:last-child{border: none;margin-bottom: 0;}


/** 個別 おすすめ商品 */
#recommend_wrap > .recomment_items{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 2em 0 0;}
.recomment_items > div{width: 48%;margin-bottom: 2em;}
.recomment_items .items_wrap{display: flex;flex-direction: column;justify-content: center;}
.recomment_items .items_wrap > div{font-size: 125%;text-align: end;color: orange;}
.recomment_items .items_wrap > div > span{font-size: 175%;font-weight: bold;} 
.recomment_items .items_wrap > span{font-size: 150%;color: white;background-color: hotpink;border-radius: 10px;padding: 0.5em 2em;text-align: center;margin: 0 auto;width: 50%;}
/** 個別 マスク変更 */
.origin_wrap .item_wrap .item_title {
    margin-bottom: 0.5em;
    font-size: 300%;
    color: rgba(81, 190, 191,1);
    font-weight: bold;
    text-align: center;
}
.origin_wrap .item_wrap .item_images{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5em;
    position: relative;
    align-items: center;
}
.origin_wrap .item_wrap .item_images > img{width: 45%;}
.origin_wrap .item_wrap .item_images > i{
    font-size: 5em;
    color: rgba(81, 190, 191,.5);
}
/** 個別 特徴 */
#feature_wrap .origin_title > div{position: relative;}
#feature_wrap .origin_title > div img{
    position: absolute;
    content: "";
    right: -4em;
    top: -.5em;
    width: 25%;
}
#feature_wrap .feature_item{border-bottom: 5px solid red;margin-bottom: 3em;padding-bottom: 2em;}
#feature_wrap .feature_item > img{width: 25%;margin-right: 1em;height: fit-content;}
#feature_wrap .feature_item > div{padding-left:2em;width: 73%;}
#feature_wrap .feature_item div{font-size: 1.5em;}
#feature_wrap .feature_item .fw_bold.h4{font-size: 1.5em;}
#feature_wrap .feature_item .fw_bold.me-3{font-size: 1.25em;}
#feature_wrap .feature_item .text-end{margin-top: 1.5em;}
/** 個別 エビデンス */
.evidence_item{border: 10px solid rgba(165,211,222,1);}
.evidence_item > div:first-child{margin-top: 1rem;text-align: center;font-size: 300%;font-weight: bold;}
.evidence_item > div:last-child{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 1rem 1rem;}
.evidence_item > div:last-child img{border: 1px solid black;}
/** 個別 メディア */
#media_papers .carousel-inner{width: 80%;margin: 4rem auto 3rem;}
#media_papers .carousel-inner > div div:first-child{display: inline-block;font-size: 2rem;color: rgba(81, 190, 191,1);background: white;padding: 0.5rem 3rem;border-radius: 2rem;margin-bottom: 2rem;font-weight: bold;}
#media_papers i{font-size: 3rem;color: black;}

@media only screen and (max-width: 767px) {
    /** 共通 */
    br.sp{display: block;}
    br.pc{display: none;}
    .product_link a{font-size: 2.0em;padding: 0.25em 1em;}
    /** ヘッダー */
    header #hBox{padding-bottom: 1rem;}
    header .menu_items{flex-wrap: wrap;margin: 0;}
    header .menu_items > div{width: 48%;margin: 0 0 1rem;}
    header .menu_items a {font-size: 1rem;padding: 0.25rem 0.5rem;width: 100%;text-align: center;display: inline-block;}
    /** 共通 タイトル */
    .origin_wrap{padding: 3em 0;}
    .origin_wrap .origin_title{margin-bottom: 2em;}
    .origin_wrap .origin_title > div{font-size: 125%;padding: 0.5em 1em;}
    .origin_wrap iframe{height: 208px;}
    /** 個別 新着情報 */
    #news_wrap > div > div{font-size: 125%;}
    #news_wrap > div > ul > li{font-size: 100%;}
    /** 個別 おすすめ商品 */
    #recommend_wrap > .recomment_items{justify-content: center;padding: 1em;}
    #recommend_wrap > .recomment_items > div:not(:last-child){margin-bottom: 3em;}        
    .recomment_items > div{width: 100%;}
    .recomment_items .items_wrap > span{font-size: 100%;}
    /** 個別 マスク変更 */
    .origin_wrap .item_wrap .item_title {font-size: 125%;}
    .origin_wrap .item_wrap > .item_images > i{font-size: 2em;}
    /** 個別 特徴 */
    #feature_wrap .origin_title > div img{right: -3em;}
    #feature_wrap .feature_item{justify-content: center;}
    #feature_wrap .feature_item > img{width: 30%;margin-right: 0em;margin-bottom: 1rem;height: 100%;}
    #feature_wrap .feature_item div{font-size: 1.25rem!important;text-align: center;}
    #feature_wrap .feature_item > div{padding-left:1rem;padding-right: 1rem;width: 100%;}
    #feature_wrap .feature_item .fw_bold.h4{font-size: 1.4rem!important;line-height: 2em;}
    #feature_wrap .feature_item .fw_bold.fs-1{font-size: 1.6rem!important;margin: 1rem 0;line-height: 1em;}
    #feature_wrap .feature_item .text-end{font-size: 0.8rem!important;}
    #feature_wrap .feature_item .fs-2.ms-3{font-size: 1.2rem!important;margin-left: 0!important;}
    #feature_wrap .feature_item .fw_bold.fs-2.me-3{font-size: 1.2rem!important;}
    /** 個別 エビデンス */
    .Pagelink{font-size: 1rem;}
    .evidence_item > div:first-child{font-size: 125%;}
    .evidence_item > div:last-child{justify-content: center;}
    .evidence_item > div:last-child img{margin: 0.5rem 0;border: 1px solid black;width: 60%;}
    /** 個別 メディア */
    #media_papers .carousel-inner{width: 90%;}
    #media_papers button{display: none;}
    #media_papers .carousel-inner > div div:first-child{font-size: 1.25rem;}
}



a:link{color: inherit;}
#news_wrap > div > ul > li{font-size: 120%;}
.title_red{color: red;}
.title_bold{font-weight: bold;}
#instagram_wrap a:hover{opacity: 1;}
#inst_logo{width: 25%;margin: 0 auto 2em;}
.image_resize_new{height: 576px;margin: 0 auto;}
#instagram_single{width: 20vw;height: 20vw;margin: 0 auto;z-index: 1000;}
#instagram_single .carousel-inner{overflow: hidden;}
#instagram_single .insta_item{display: flex;align-items: center;}
#instagram_single img{height: 100%;;}
#instagram_list{width: 94vw;margin-left: calc(50% - 47vw);height: calc(100% - 10em);top: 5em;position: absolute;display: flex;align-items: center;justify-content: space-between;}
#instagram_list div{width: 10%;opacity: .5;}
@media only screen and (max-width: 767px) {
#inst_logo{width: 50%;margin: 0 auto 2em;}
    .image_resize_new{height: 476px;}
    #instagram_single{width: 75vw;margin: 0 auto;height: 75vw;}
    #instagram_single img{height: inherit;}
    #instagram_list{display: none;}
}

#main_img{
    background: white;
    height: 500px;
    position: relative;
}
#main_img > div{width: 1200px;margin: 0 auto;height: 100%;position: relative;
    /* background: radial-gradient(circle closest-side,rgba(81, 190, 191,.7),rgba(81, 190, 191,.3),white); */}
#main_img > div > div{position: absolute;}
#main_img img{width: 100%;}
#main_img .main_img_1{width: 350px;top: 50px;right: calc(50% - 550px);}
#main_img .main_img_2{width: 400px;top: 90px;left: calc(50% - 550px);}
#main_img .main_img_text{top: 130px;left: 40%;font-family: 'Shippori Mincho', serif;font-size: 1.75rem;}
#main_img .main_img_text > div{opacity: 0;}
#main_img .main_img_text .main_img_text_1{animation: main_img_text 5s ease 0.5s forwards normal;}
#main_img .main_img_text .main_img_text_2{animation: main_img_text 5s ease 1.5s forwards normal;}
#main_img .main_img_text .main_img_text_3{animation: main_img_text 5s ease 3.0s forwards normal;}
#main_img .main_img_text .main_img_text_4{animation: main_img_text 5s ease 4.0s forwards normal;}
#main_img .main_img_text .main_img_text_5{animation: main_img_text 5s ease 5.0s forwards normal;}
#main_img .main_img_text .main_img_text_6{animation: main_img_text 5s ease 6.5s forwards normal;}
#main_img .main_img_text .main_img_text_7{animation: main_img_text 5s ease 6.5s forwards normal;}
@keyframes main_img_text{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes main_img_text1{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes main_img_text2{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes main_img_text3{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes main_img_text4{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes main_img_text5{0%{opacity: 0;}50%{opacity: 0;}100%{opacity: 1;}}
@media only screen and (max-width: 767px) {
    #main_img{background: radial-gradient(circle closest-corner,rgba(81, 190, 191,.7),rgba(81, 190, 191,.1),white);}
    #main_img{height:75vh;}
    #main_img > div{width: 90vw;};
    #main_img img{width: 100%;}
    #main_img .main_img_1{width: 200px;top: 1rem;right: 0;}
    #main_img .main_img_2{width: 350px;top: 4.5rem;left: 0;}
    #main_img .main_img_text{top: inherit;bottom: 4rem;left: 0;font-family: 'Shippori Mincho', serif;font-size: 1rem;}
    
    #main_img .main_img_text > div{background: rgba(255,255,255,.7);}
}



#regular_link{display: flex;justify-content: space-between;flex-wrap: wrap;}
#regular_image{margin-bottom:2em}
#regular_wrap .btn{
    display: inline-block;
    font-size: 300%;
    padding: 0.5em 2em;
    border-radius: 2em;
    color: white;
    font-weight: bold;
    box-shadow: 0 1rem 1rem rgba(0,0,0,.5)!important;
}
#regular_wrap .btn:first-child{background: rgba(255,0,0,.8);}
#regular_wrap .btn:last-child{background: rgba(81, 190, 191,.8);}

@media only screen and (max-width: 767px) {
    #regular_image{max-width:100%;overflow: hidden;margin-bottom:0.5em;}
    #regular_image img{width:145%;max-width:150%;}
    #regular_link{display: flex;justify-content: center;}
    #regular_wrap .btn{
        display: block;
        font-size: 175%;
    }
    #regular_wrap .btn{margin: 0.75em 0;}
}

#nhk_wrap * {font-family: 'M PLUS Rounded 1c',"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}

#nhk_wrap .btn{
    display: inline-block;
    font-size: 175%;
    padding: 0.5em 2em;
    border-radius: 2em;
    color: white;
    font-weight: bold;
    box-shadow: 0 1rem 1rem rgba(0,0,0,.5)!important;
}
#nhk_wrap .btn:last-child{background: rgba(255,20,140,.7);}
#nhk_wrap .btn:first-child{background: rgba(81, 190, 191,.8);}