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

@media(max-width:899px){
	header .wrap{width: 14rem;max-width: 100%;padding: 1rem 2rem 2rem;box-sizing:border-box;}
	header .logo{width: 100%;}
	
	.bg{overflow:hidden;}
	.bg img{width:150%;transform:translate(-30%);}
	.top .sec_hero{}
	.top .sec_hero .bg{}
	.top .sec_hero .wrap{padding: 13rem 0 20rem;}
	.top .sec_hero .wrap .en{font-size: 4rem;margin-bottom: 1rem;text-shadow: 0.2rem 0.2rem 1rem #FFF;}
	.top .sec_hero .wrap .y_en{font-size: 3rem;top: -5px;left: 2rem;text-shadow: none;}
	.top .sec_hero .wrap .name{font-size: 1.8rem;text-shadow: 0.2rem 0.2rem 1rem #FFF;}
	.top .sec_hero .wrap .scroll::before{height:5rem;}

    .top .sec01{margin-bottom: 10rem;}
	.top .sec01 .wrap{width: 30rem;max-width: 100%;padding: 0;}
	.top .sec01 .wrap::before{width: 15rem;height: 15rem;top: -2rem;left: -2rem;}
	.top .sec01 .text{font-size: 1.4rem;line-height: 3rem;margin-bottom: 3rem;text-align: justify;}
	.top .sec01 .img{width: 100%;}
	
	.top .sec02{margin-bottom: 9rem;}
	.top .sec02 .bg{top: 38rem;}
	.top .sec02 .wrap{width: 30rem;max-width: 100%;}
	.top .sec02 .wrap::before{width: 15rem;height: 15rem;top: -2rem;left:-2rem;}
	.top .sec02 .items .item{padding: 0;}
	.top .sec02 .items .item .heading{margin-bottom: 4rem;}
	.top .sec02 .items .item .heading .deco{width: 3rem;max-width: 100%;margin-bottom: 2rem;}
	.top .sec02 .items .item .heading .title{font-size: 3.2rem;line-height:4rem;margin-bottom: 1rem;}
	.top .sec02 .items .item .heading .ja{font-size: 1.8rem;line-height: 2.6rem;}
	.top .sec02 .items .item .texts{width: 30rem;max-width: 100%;margin-bottom: 2rem;}
	.top .sec02 .items .item .texts .y_text{font-size: 1.6rem;line-height: 3.2rem;margin-bottom: 1rem;}
	.top .sec02 .items .item .texts .text{font-size: 1.4rem;line-height: 3rem;text-align: justify;}
	.top .sec02 .items .imgs{width: 30rem;max-width: 100%;}
	.top .sec02 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
	
	.top .sec03{margin-bottom: 9rem;}
    .top .sec03 .bg{top: 168rem;}
	.top .sec03 .wrap{width: 30rem;max-width: 100%;}
	.top .sec03 .wrap::before{width: 7rem;height: 7rem;bottom: -2rem;left: -2rem;}
	.top .sec03 .wrap::after{width: 15rem;height: 15rem;top: -2rem;right: -2rem;}
	.top .sec03 .items{padding: 0;margin-bottom: 4rem;}
	.top .sec03 .items .img{width: 100%;height:30rem;}
	.top .sec03 .items .img img{width: 100%;height:100%;object-fit:cover;object-position:bottom;}
	.top .sec03 .items .item{width: 30rem;max-width: 100%;padding: 5rem 0 0 0;}
	.top .sec03 .items .item .heading{margin-bottom: 4rem;}
	.top .sec03 .items .item .heading .deco{width: 3rem;max-width: 100%;margin-bottom: 2rem;}
	.top .sec03 .items .item .heading .title{font-size: 3rem;line-height: 4rem;margin-bottom: 1rem;}
	.top .sec03 .items .item .heading .ja{font-size: 1.8rem;line-height: 2.6rem;}
	.top .sec03 .items .item .texts{width: 100%;}
	.top .sec03 .items .item .texts .y_text{font-size: 1.6rem;line-height: 3.2rem;margin-bottom: 1rem;}
	.top .sec03 .items .item .texts .text{font-size: 1.4rem;line-height: 3rem;text-align: justify;}
	.top .sec03 .effects{width: 30rem;max-width: 100%;flex-wrap: wrap;padding-bottom: 0;justify-content:center;}
	.top .sec03 .effects .effect{margin:0 auto;}
	.top .sec03 .effects ul{width: auto;column-count: 1;margin-top: 2rem;}
	.top .sec03 .effects ul li{font-size: 1.6rem;line-height: 5rem;}
	
	.top .sec04{margin-bottom: 9rem;}
	
	.top .sec05{margin-bottom: 9rem;}
	.top .sec05 .bg{top: 16rem;}
	.top .sec05 .wrap{width: 30rem;max-width: 100%;}
	.top .sec05 .wrap::before{width: 15rem;height: 15rem;top: -2rem;left: -2rem;}
	.top .sec05 .items .item{padding: 0;}
	.top .sec05 .items .item .heading{margin-bottom: 4rem;}
	.top .sec05 .items .item .heading .deco{width: 3rem;max-width: 100%;margin-bottom: 2rem;}
	.top .sec05 .items .item .heading .title{font-size: 2.8rem;line-height: 4rem;margin-bottom: 1rem;}
	.top .sec05 .items .item .heading .ja{font-size: 1.8rem;line-height: 2.6rem;}
	.top .sec05 .items .item .texts{width: 30rem;max-width: 100%;}
	.top .sec05 .items .item .texts .text_wrap{width: 100%;margin-bottom: 3rem;}
	.top .sec05 .items .item .texts .text_wrap .img{margin: 0 auto;}
	.top .sec05 .items .item .texts .text_wrap .y_text{font-size: 1.6rem;line-height: 3.2rem;margin: 0 auto;}
	.top .sec05 .items .item .texts .text{width: 100%;font-size: 1.4rem;line-height: 3rem;margin-bottom: 2rem;text-align: justify;}
	.top .sec05 .items .imgs{width: 100%;}
	.top .sec05 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
	
	.top .sec06{margin-bottom: 9rem;}
	.top .sec06 .bg{top: 161rem;}
	.top .sec06 .wrap{width: 30rem;max-width: 100%;}
	.top .sec06 .wrap::before{width: 7rem;height: 7rem;bottom: -2rem;left: -2rem;}
	.top .sec06 .wrap::after{width: 15rem;height: 15rem;top: -2rem;right: -2rem;}
	.top .sec06 .items{padding: 0;margin-bottom: 2rem;}
	.top .sec06 .items .imgs{width: 100%;}
	.top .sec06 .items .imgs .img{width: 100%;margin-bottom: 1rem;}
	.top .sec06 .items .item{padding-top: 5rem;}
	.top .sec06 .items .item .heading{margin-bottom: 4rem;}
	.top .sec06 .items .item .heading .deco{width: 3rem;max-width: 100%;margin-bottom: 2rem;}
	.top .sec06 .items .item .heading .title{font-size: 3.2rem;line-height:4rem;margin-bottom: 1rem;}
	.top .sec06 .items .item .heading .ja{font-size: 1.8rem;line-height: 2.6rem;}
	.top .sec06 .items .item .texts{width: 30rem;max-width: 100%;}
	.top .sec06 .items .item .texts .y_text{font-size: 1.6rem;line-height: 3.2rem;margin-bottom: 1rem;}
	.top .sec06 .items .item .texts .text{width: 100%;font-size: 1.4rem;line-height: 3rem;text-align: justify;}
	.top .sec06 .glucose{width: 30rem;max-width: 100%;padding-bottom: 0;}
	.top .sec06 .glucose .text{font-size: 1.4rem;line-height: 3rem;margin-bottom: 2rem;text-align: justify;}
	.top .sec06 .glucose .levels .level{width: 30rem;max-width: 100%;}
	.top .sec06 .glucose .levels .level .name{font-size: 1.6rem;line-height: 3.6rem;}
	.top .sec06 .glucose .levels .level .num{font-size: 3.6rem;line-height: 3.6rem;}
	.top .sec06 .glucose .levels .level:nth-child(n + 2) {margin-top: 1.5rem;}
	
	.top .sec07{margin-bottom: 9rem;}
	.top .sec07 .wrap{width: 30rem;max-width: 100%;}
	.top .sec07 .heading{margin-bottom: 2rem;}
	.top .sec07 .heading .deco{width: 3rem;max-width: 100%;margin: 0 auto 2rem;}
	.top .sec07 .heading .title{font-size: 3rem;line-height: 3rem;}
	.top .sec07 .img{width: 100%;}
	
	.top .sec08{margin-bottom: 3rem;}

	.top .sec_contact .wrap{width: 30rem;max-width: 100%;box-sizing: border-box;padding: 2rem 2rem 3rem 2rem;}
	.top .sec_contact .heading{margin: 0 auto 3rem;}
	.top .sec_contact .heading .title{font-size: 3rem;line-height: 3rem;text-align: center;margin-bottom: 1rem;}
	.top .sec_contact .heading .ja{font-size: 1.7rem;line-height: 2.6rem;text-align: center;}
	.top .sec_contact .contacts{width: 100%;}
	.top .sec_contact .contacts .company{font-size: 1.8rem;line-height: 2.6rem;text-align: center;margin-bottom: 2rem;}
	.top .sec_contact .contacts .contact{width: 30rem;max-width: 100%;}
	.top .sec_contact .contacts .tel{font-size: 1.8rem;line-height: 3.2rem;text-align:center;width: 100%;padding: 2rem 0;}
	.top .sec_contact .contacts .tel .mobile{display: none;}
	.top .sec_contact .contacts .form{font-size: 1.6rem;line-height: 3.2rem;text-align:center;width: 100%;padding: 2rem 0;}
	.top .sec_contact .contacts .form .arrow{font-size: 1.6rem;right:1rem;}
}