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

.c_cover img{width:100%;height:100%;object-fit:cover;}
.c_contain img{width:100%;height:100%;object-fit:contain;}

.Cormorant{font-family: 'Cormorant Garamond', serif;}
.Mrs{font-family: 'Mrs Saint Delafield', cursive;}
.Hind{font-family: 'Hind', sans-serif;}
.Serif{font-family: 'Noto Serif JP', serif;}
.PlayI{font-family: 'Playfair Display', serif;font-weight:bold;font-style:italic;}
.Wix{font-family: 'Wix Madefor Display', sans-serif;font-weight:800;}
@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1400);}/*10px;*/
	.sp_only{display: none!important;}
}
/*
@media (max-width: 899px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}



/*
header {width:100%;box-sizing:border-box;top:0;left:0;z-index:1000;}
header .wrap{margin: 0 auto;display:flex;justify-content:space-between;}
header .logo {width:226px;}
header #humb{color:#FFF;font-size:10px;display:flex;cursor:pointer;order:3;}
header #humb .name{align-self:center;margin-right:10px;}
header #humb .border{width:30px;height:30px;position:relative;}
header #humb .border01{position:absolute;width:26px;height:1px;background:#FFF;top:7px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border02{position:absolute;width:26px;height:1px;background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border03{position:absolute;width:26px;height:1px;background:#FFF;bottom:7px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
header #humb.active .border01{top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
header #humb.active .border02{width:0;} 
header #humb.active .border03{bottom:50%;transform:translate(-50%, 50%) rotate(-135deg);} 

header nav {position:absolute;top:80px;right:0;overflow:hidden;z-index:100;width:0;transition:0.5s;}
header #humb.active + nav{width:300px;}
header nav .navwrap{width:300px;padding:20px;background:#1A1A1A;box-sizing:border-box;}
header nav .navwrap .link01{display:block;font-size:16px;line-height:30px;letter-spacing:0.1em;margin: 10px 0;color:#FFF;}
header nav .navwrap .link01:hover{color:inherit;}

header nav .navwrap .link02{display:inline-block;font-size:16px;line-height:30px;letter-spacing:0.1em;margin: 10px 0;color:#FFF;border:1px solid #FFF;padding:0 10px;}
header nav .navwrap .link02:hover{color:inherit;background:#FFF;}

header .scroll{font-size:10px;letter-spacing:0.23em;padding-right:140px;z-index:10;position:absolute;top:640px;left:60px;transform:rotate(90deg);transform-origin:left bottom;}
header .scroll::before{content:"";width:100px;height:1px;background:#000;position:absolute;right:12px;top:60%;transform:translateY(-50%);}
header .scroll::after{content:"";width:5px;height:5px;border-radius:50%;background:#000;position:absolute;right:110px;top:60%;transform:translate(-50%, -50%);animation: anime-scroll 2000ms linear infinite;}
@keyframes anime-scroll {
	0% {right:109px;width:1px;height:1px;}
	10% {right:109px;width:5px;height:5px;}
	90% {right:11px;width:5px;height:5px;}
	100% {right:11px;width:1px;height:1px;}
}
*/
header{position:absolute;top:0;left: 50%;transform:translateX(-50%);z-index:100;pointer-events:none;}
header .wrap{width: 17rem;max-width: 100%;background: #FFF;padding: 2rem 0 3rem;border: 0.6rem solid #E8CA47;border-top:0;position: relative;}
header .logo{width: 11.7rem;max-width: 100%;display: block;margin: 0 auto;}

.svg_base{width: 4rem;height: 4rem;fill: #FFF;transition: 0.5s;}
.svg_rakuten{width: 4rem;height: 4rem;fill: #FFF;transition: 0.5s;}
.svg_rakuten path{fill: #FFF;transition: 0.5s;}
.svg_cart{width: 4rem;height: 4rem;fill: #FFF;transition: 0.5s;}
.svg_insta{width: 4rem;height: 4rem;fill: #FFF;transition: 0.5s;}
footer{padding: 6rem 0 2rem;position: relative;}
footer .bg{width: 100%;position: absolute;bottom:0;left: 0;z-index: -1;}
footer .wrap{width: 21.7rem;max-width: 100%;margin: 0 auto;}
footer .imgs{width: 15rem;max-width: 100%;display: flex;justify-content: space-between;margin: 0 auto;}
footer .imgs .base{width: 4rem;max-width: 100%;}
footer .imgs .base:hover svg{fill:#E8CA47;}
footer .imgs .buy{width: 4rem;max-width: 100%;}
footer .imgs .buy:hover svg{fill:#E8CA47;}
footer .imgs .buy:hover path{fill:#E8CA47;}
footer .imgs .insta{width: 4rem;max-width: 100%;}
footer .imgs .insta:hover svg{fill:#E8CA47;}
footer .logo{width: 18rem;max-width: 100%;margin: 3rem auto;}
footer .copyright{color: #FFF;font-size: 1rem;font-weight: 500;line-height: 3.2rem;text-align: center;}

body{background: #1C2723;}
.top .sec_hero{position: relative;}
.top .sec_hero .bg{width: 100%;position: absolute;top:0;left: 0;z-index: -1;}
.top .sec_hero .wrap{padding: 25rem 0 38rem;text-align: center;transition:0.5s;transform:translateY(0);}
.top .sec_hero .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec_hero .wrap .en{position: relative;color: #000;font-size: 9rem;font-weight: bold;margin-bottom: 3rem;}
.top .sec_hero .wrap .y_en{position: absolute;font-size: 6.6rem;font-weight: 400;color: #E8CA47;transform: rotate(-18deg);top: -14px;left: 31.5rem; }
.top .sec_hero .wrap .name{color: #000;font-size: 3.8rem;letter-spacing:0.12em;}
.top .sec_hero .wrap .scroll{position: absolute;font-size: 1.6rem;line-height:2rem;font-weight: 400;color: #FFF;transform: translateX(-50%);top: 80%;left: 50%; overflow:visible;transition:0.5s;}
.top .sec_hero .wrap .scroll:hover{color:#E8CA47;}
.top .sec_hero .wrap .scroll::before{content:"";position: absolute;bottom: 4rem;left: 50%; width:1px;height:8rem;background:#FFF;animation: anime-scroll 1000ms linear infinite;}
.top .sec_hero .wrap .scroll::after{content:"";position: absolute;bottom: 4rem;left: 50%; width:1px;border-top:1rem solid #FFF;border-right:0.5rem solid transparent;}

@keyframes anime-scroll {
	0% {max-height:0rem;}
	100% {max-height:9rem;}
}

.top .sec01{margin-bottom: 16rem;}
.top .sec01 .wrap{width: 66.4rem;max-width: 100%;margin: 0 auto;position: relative;padding: 8rem 0 0 7rem;transition:0.5s;transform:translateY(0);}
.top .sec01 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec01 .wrap::before{content: "";position: absolute;border-top: 0.6rem solid #E8CA47;border-left: 0.6rem solid #E8CA47;height: 30rem;width: 30rem;top: 0;left: 0;pointer-events:none;}
.top .sec01 .text{font-size: 1.6rem;font-weight: 500;line-height: 3.2rem;color: #FFF;margin-bottom: 4rem;}
.top .sec01 .img{width: 60rem;max-width: 100%;}
	
.top .sec02{color: #FFF;margin-bottom: 18rem;position: relative;}
.top .sec02 .bg{width: 100%;position: absolute;top:47rem;left: 0;z-index: -1;}
.top .sec02 .wrap{width: 110rem;max-width: 100%;margin: 0 auto;position: relative;transition:0.5s;transform:translateY(0);}
.top .sec02 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec02 .wrap::before{content: "";position: absolute;border-top: 0.6rem solid #E8CA47;border-left: 0.6rem solid #E8CA47;height: 30rem;width: 30rem;top: 0;left: 0;pointer-events:none;}
.top .sec02 .items{display: flex;justify-content: space-between;flex-wrap: wrap;}
.top .sec02 .items .item{width:56rem;max-width:100%;box-sizing:border-box;padding: 10rem 0 0 6rem;}
.top .sec02 .items .item .heading{margin-bottom: 18rem;}
.top .sec02 .items .item .heading .deco{width: 4.8rem;max-width: 100%;margin-bottom: 4rem;}
.top .sec02 .items .item .heading .title{font-size: 6rem;font-weight: bold;margin-bottom: 1rem;}
.top .sec02 .items .item .heading .ja{font-size: 2.4rem;line-height: 3.2rem;letter-spacing: 0.06em;}
.top .sec02 .items .item .texts .y_text{font-size: 2rem;line-height: 4rem;font-weight: 500;color: #E8CA47;margin-bottom: 2rem;}
.top .sec02 .items .item .texts .text{font-size: 1.6rem;line-height: 3.2rem;font-weight: 500;width: 48rem;max-width:100%;}
.top .sec02 .items .imgs{width: 45rem;max-width: 100%;}
.top .sec02 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
.top .sec02 .items .imgs .img:last-of-type{margin-bottom: 0;}
	
.top .sec03{color: #FFF;margin-bottom: 18rem;position: relative;}
.top .sec03 .bg{width: 100%;position: absolute;top:79rem;left: 0;z-index: -1;}
.top .sec03 .wrap{width: 110rem;max-width: 100%;margin: 0 auto;position: relative;transition:0.5s;transform:translateY(0);}
.top .sec03 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec03 .wrap::before{content: "";position: absolute;border-bottom: 0.6rem solid #E8CA47;width: 14rem;border-left: 0.6rem solid #E8CA47;height: 14rem;bottom: 0;left: 0;pointer-events:none;}
.top .sec03 .wrap::after{content: "";position: absolute;border-top: 0.6rem solid #E8CA47;border-right: 0.6rem solid #E8CA47;height: 30rem;width: 30rem;top: 0;right: 0;pointer-events:none;}
.top .sec03 .items{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 8rem;}
.top .sec03 .items .img{width: 45rem;max-width: 100%;}
.top .sec03 .items .item{width:56rem;max-width:100%;box-sizing:border-box;padding: 10rem 2rem 0 0;}
.top .sec03 .items .item .heading{margin-bottom: 9rem;}
.top .sec03 .items .item .heading .deco{width: 4.8rem;max-width: 100%;margin-bottom: 4rem;}
.top .sec03 .items .item .heading .title{font-size: 5rem;line-height: 6.3rem;margin-bottom: 2rem;}
.top .sec03 .items .item .heading .ja{font-size: 2.4rem;line-height: 3.2rem;letter-spacing: 0.06em;}
.top .sec03 .items .item .texts .y_text{font-size: 2rem;line-height: 4rem;font-weight: 500;color: #E8CA47;margin-bottom: 2rem;}
.top .sec03 .items .item .texts .text{font-size: 1.6rem;line-height: 3.2rem;font-weight: 500;width: 48rem;max-width:100%;}
.top .sec03 .effects{width: 96rem;max-width: 100%;display: flex;justify-content: space-between;padding-bottom: 12rem;margin: 0 auto;}
.top .sec03 .effects .effect{width: 26rem;max-width: 100%;height: 26rem;background: #E8CA47;position: relative;}
.top .sec03 .effects .effect .box{position: absolute;top: 20%;left: 10%;color: #1C2723;font-size: 2.4rem;line-height: 5rem;letter-spacing: 0.12em;text-align: left;}
.top .sec03 .effects ul{width: 62.8rem;max-width: 100%;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;margin-top: -2rem;}
.top .sec03 .effects ul li{font-size: 1.8rem;line-height: 6rem;letter-spacing: 0.12em;}
	
.top .sec04{margin-bottom: 18rem;}
.top .sec04 .wrap{transition:0.5s;transform:translateY(0);}
.top .sec04 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}

.top .sec05{color: #FFF;margin-bottom: 18rem;position: relative;}
.top .sec05 .bg{width: 100%;position: absolute;top:47rem;left: 0;z-index: -1;}
.top .sec05 .wrap{width: 110rem;max-width: 100%;margin: 0 auto;position: relative;transition:0.5s;transform:translateY(0);}
.top .sec05 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec05 .wrap::before{content: "";position: absolute;border-top: 0.6rem solid #E8CA47;border-left: 0.6rem solid #E8CA47;height: 30rem;width: 30rem;top: 0;left: 0;pointer-events:none;}
.top .sec05 .items{display: flex;justify-content: space-between;flex-wrap: wrap;}
.top .sec05 .items .item{width:56rem;max-width:100%;box-sizing:border-box;padding: 10rem 0 0 6rem;}
.top .sec05 .items .item .heading{margin-bottom: 10rem;}
.top .sec05 .items .item .heading .deco{width: 4.8rem;max-width: 100%;margin-bottom: 4rem;}
.top .sec05 .items .item .heading .title{font-size: 5rem;line-height: 6.3rem;margin-bottom: 2rem;}
.top .sec05 .items .item .heading .ja{font-size: 2.4rem;line-height: 3.2rem;letter-spacing: 0.06em;}
.top .sec05 .items .item .texts{width: 48rem;max-width: 100%;}
.top .sec05 .items .item .texts .text_wrap{width: 46.6rem;max-width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3rem;}
.top .sec05 .items .item .texts .text_wrap .img{width: 15rem;max-width: 100%;}
.top .sec05 .items .item .texts .text_wrap .y_text{color: #E8CA47;font-size: 2rem;font-weight: 500;line-height: 4rem;margin: auto 0;}
.top .sec05 .items .item .texts .text{width: 48rem;max-width: 100%;font-size: 1.6rem;font-weight: 500;line-height: 3.2rem;}
.top .sec05 .items .imgs{width: 45rem;max-width: 100%;}
.top .sec05 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
.top .sec05 .items .imgs .img:last-of-type{margin-bottom: 0;}
	
.top .sec06{color: #FFF;margin-bottom: 18rem;position: relative;}
.top .sec06 .bg{width: 100%;position: absolute;top:83rem;left: 0;z-index: -1;}
.top .sec06 .wrap{width: 110rem;max-width: 100%;margin: 0 auto;position: relative;transition:0.5s;transform:translateY(0);}
.top .sec06 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec06 .wrap::before{content: "";position: absolute;border-bottom: 0.6rem solid #E8CA47;border-left: 0.6rem solid #E8CA47;height: 14rem;width: 14rem;bottom: 0;left: 0;pointer-events:none;}
.top .sec06 .wrap::after{content: "";position: absolute;border-top: 0.6rem solid #E8CA47;border-right: 0.6rem solid #E8CA47;height: 30rem;width: 30rem;top: 0;right: 0;pointer-events:none;}
.top .sec06 .items{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 5rem;}
.top .sec06 .items .imgs{width: 45rem;max-width: 100%;}
.top .sec06 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
.top .sec06 .items .imgs .img:last-of-type{margin-bottom: 0;}
.top .sec06 .items .item{width:56rem;max-width:100%;box-sizing:border-box;padding: 10rem 2rem 0 0;}
.top .sec06 .items .item .heading{margin-bottom: 16rem;}
.top .sec06 .items .item .heading .deco{width: 4.8rem;max-width: 100%;margin-bottom: 4rem;}
.top .sec06 .items .item .heading .title{font-size: 6rem;font-weight: bold;line-height: 6.3rem;margin-bottom: 3rem;}
.top .sec06 .items .item .heading .ja{font-size: 2.4rem;line-height: 3.2rem;letter-spacing: 0.06em;}
.top .sec06 .items .item .texts{width: 54rem;max-width: 100%;}
.top .sec06 .items .item .texts .y_text{color: #E8CA47;font-size: 2rem;font-weight: 500;line-height: 4rem;margin-bottom: 1rem;}
.top .sec06 .items .item .texts .text{width: 49rem; max-width: 100%;font-size: 1.6rem;font-weight: 500;line-height: 3.2rem;}
.top .sec06 .glucose{width: 84rem;max-width: 100%;padding-bottom: 10rem;margin: 0 auto;}
.top .sec06 .glucose .text{font-size: 1.6rem;font-weight: 500;line-height: 3.2rem;margin-bottom: 3rem;}
.top .sec06 .glucose .levels{display: flex;justify-content: space-between;flex-wrap:wrap;}
.top .sec06 .glucose .levels .level{width: 40rem;max-width: 100%;display: flex;justify-content: space-between;flex-wrap:wrap;position: relative;}
.top .sec06 .glucose .levels .level .name{font-size: 1.8rem;line-height: 3.8rem;letter-spacing: 0.12em;}
.top .sec06 .glucose .levels .level .num{font-size: 3.8rem;line-height: 3.8rem;letter-spacing:0.02em;transform:translateY(0.52rem)}
.top .sec06 .glucose .levels .level:last-of-type .num{color: #E8CA47;}
.top .sec06 .glucose .levels .level .var{background: #B3B3B3;width: 100%;height: 2.2rem;position:relative;}
.top .sec06 .glucose .levels .level .var::before{position: absolute;content: "";background: #FFF;top: 0;left: 0;height: 100%;max-width:100%;transition:1.5s;}
.top .sec06 .glucose .levels .level:not(.visible) .var::before{max-width:0%;}
.top .sec06 .glucose .levels .level:nth-child(1) .var::before{width:100%;}
.top .sec06 .glucose .levels .level:nth-child(2) .var::before{width:70%;}
.top .sec06 .glucose .levels .level:nth-child(3) .var::before{width:90%;}
.top .sec06 .glucose .levels .level:nth-child(4) .var::before{width:40%;background:#E8CA47;}
.top .sec06 .glucose .levels .level:nth-child(n + 3) {margin-top: 2rem;}
	
.top .sec07{margin-bottom: 19rem;}
.top .sec07 .wrap{width: 110rem;max-width: 100%;margin: 0 auto;transition:0.5s;transform:translateY(0);}
.top .sec07 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
.top .sec07 .heading{margin-bottom: 3rem;}
.top .sec07 .heading .deco{width: 4.8rem;max-width: 100%;margin: 0 auto 4rem;}
.top .sec07 .heading .title{color: #FFF;font-size: 6rem;font-weight: bold;line-height: 6.3rem;text-align: center;}
.top .sec07 .img{width: 100%;}
	
.top .sec08{margin-bottom: 6rem;}
.top .sec08 .wrap{transition:0.5s;transform:translateY(0);}
.top .sec08 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}

.top .sec_contact .wrap{width: 110rem;max-width: 100%;box-sizing: border-box;border: solid #E8CA47 0.6rem;display: flex;justify-content: space-between;flex-wrap: wrap;padding:6rem 6rem 7rem 6rem;margin: 0 auto;}
.top .sec_contact .heading{color: #FFF;margin: auto 0;}
.top .sec_contact .heading .title{font-size: 6rem;font-weight: bold;line-height: 6.3rem;margin-bottom: 1rem;}
.top .sec_contact .heading .ja{font-size: 2.4rem;line-height: 3.2rem;letter-spacing: 0.11em;}
.top .sec_contact .contacts{width: 48rem;max-width: 100%;}
.top .sec_contact .contacts .company{color:#FFF;font-size: 2.4rem;line-height: 3.2rem;margin-bottom: 2rem;}
.top .sec_contact .contacts .contact{width: 48rem;max-width: 100%;background: #FFF;display: block;text-align: center;padding: 2rem 0;margin-bottom: 2rem;}
.top .sec_contact .contacts .tel{font-size: 3.2rem;line-height: 5.2rem;letter-spacing: 0.12em;background: #FFF;display:block;padding: 2rem 0 2rem 2.5rem;margin-bottom: 2rem;box-sizing: border-box;position:relative;}
.top .sec_contact .contacts .tel .mobile{width: 3.2rem;max-width: 100%;position:absolute;top:50%;right:4rem;transform:translate(50%,-50%);}
.top .sec_contact .contacts .form{font-size: 2.8rem;line-height: 5.2rem;letter-spacing: 0.12em;background: linear-gradient(to right , #E8CA47 0rem,#E8CA47 48rem,#FFF 48rem , #FFF 96rem);background-size: 96rem;background-position:-48rem;display: block;box-sizing: border-box;padding: 2rem 0 2rem 2.5rem;transition:0.5s;position:relative;}
.top .sec_contact .contacts .form:hover{background-position:0;}
.top .sec_contact .contacts .form .arrow{font-size: 2.8rem;font-weight: 400;color: #000;position:absolute;top:50%;right:4rem;transform:translate(50%,-50%);}