@charset "UTF-8";
html {font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #707070;background:#fff;font-family:"Shippori Mincho", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', serif;font-size:1.6rem;font-weight:400;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;}

a{text-decoration:none;color:#707070;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;font-family:"Shippori Mincho", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', serif;}
input[type="submit"]:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
img{max-width:100%;vertical-align:middle;}
.pcnone{display:none!important;}
.spnone{display:block!important;}

img[src$=".svg"] {width: 100%;max-width:100%;height:auto;}

.inv1{opacity:0;}
.inv1-2{opacity:0;animation-delay: 1.5s!important;}


.con_in{max-width:1040px;width:100%;margin:0 auto;padding:0 20px;}

.notosans{font-family: "Noto Sans", sans-serif;}
.pt_arw{width:72px;position:fixed;right:30px;bottom:30px;z-index:3;}


#gloval-nav {color: #fff;position: fixed;top: 0;left: 0;z-index: 990;display: block;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .4s ease, visibility .4s ease;width:100%;height: 100%;}

#gloval-nav .gloval-nav_in{max-width:510px;width:100%;background:#8D8D8D;display:flex;align-items: center;height: 100%;min-height:750px;overflow-y:auto;padding:100px 0 0 0;}

#nav-toggle {display:block;position: fixed;top: 0;left: 0;width:83px;height: 80px;cursor: pointer;border-right:1px solid #707070;}
#nav-toggle .nav-toggle_in {position: relative;width: 40px;margin:30px auto 0 auto;}
#nav-toggle .nav-toggle_in span {width: 100%;height: 2px;left: 0;display: block;background: #707070;position: absolute;transition: transform .4s ease-in-out, top .5s ease;}
#nav-toggle .nav-toggle_in p {display:none;}

#nav-toggle .nav-toggle_in span:nth-child(1) {top: 3px;}
#nav-toggle .nav-toggle_in span:nth-child(2) {top: 14px;}
#nav-toggle .nav-toggle_in span:nth-child(3) {top: 22px;background: none;font-size:1.25rem;color:#fff;font-weight:bold;letter-spacing: 0.2em;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.open #nav-toggle  {border:none;}

.open #nav-toggle span {background: #fff;}

.open #nav-toggle span:nth-child(1) {top: 16px;transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {top: 16px;width: 100%;transform: rotate(-45deg);}
.open #nav-toggle span:nth-child(3) {opacity:0;top: 23px;}



#nav-toggle {z-index: 1000;}
#container {z-index: 900;}

#gloval-nav ul {list-style: none;padding:0 0 0 70px;}

#gloval-nav ul li{opacity: 0;transition:  transform .4s ease, opacity .2s ease;font-size:2.2rem;}
#gloval-nav ul li:last-child{border-bottom:none;}
#gloval-nav li a {display: block;color: #fff;text-decoration: none;padding: 15px 0;transition: color .4s ease;}
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;}
.open #gloval-nav li {opacity: 1;transform: translateX(0);transition:  transform 1s ease, opacity .9s ease;}

#gloval-nav .snsbox{display:flex;padding:60px 0 0 70px;margin:0 0 0 -20px;}
#gloval-nav .snsbox div{padding:0 0 0 20px;}
#gloval-nav .catch{padding:80px 0 0 70px;/*font-family: "Noto Sans", sans-serif;*/font-size:1.4rem;}
#gloval-nav .snsbox .sns_x{width:45px;}
#gloval-nav .snsbox .sns_insta{width:48px;}

:target {scroll-margin-top: 105px;}



header {height:80px;border-bottom:1px solid #707070;position:sticky;top:0;background:#fff;z-index:9;}
header h1{width:142px;margin:0 auto;padding:10px 0;}







footer {padding:40% 0 3% 0;background:#F8F7F5;position:relative;}
footer small{display:block;font-size:1.8rem;}
footer .f_in{max-width:1920px;margin:0 auto;padding:0 20px;}
footer .f_catch{font-size:12.7rem;line-height:1.2;color:#8D8D8D;}
footer .f_nav{position:absolute;right:20px;bottom:18%;}
footer .f_nav nav{text-align:right;font-size:2.4rem;}
footer .f_nav nav li{padding:13px 0 0 0;}
footer .f_nav nav li a{text-decoration:none;}
footer .f_nav .f_snsbox{display:flex;justify-content: end;}
footer .f_nav .f_snsbox div{padding:0 0 10px 20px;}

.kv_in{position:relative;}


.top_catch{font-size:7.6rem;line-height:1.3;text-align:center;padding:12% 20px 5% 20px;}
.top_sec1{max-width:1920px;margin:0 auto;position:relative;padding:0 0 12% 0;}
.aboutusbtn{max-width:163px;margin:70px 28.5% 0 auto;}

.top_sec2{background:#F5F5F5;}
.top_img2{max-width:1726px;width:90%;margin:0 auto;padding:0 20px;display:block;}

.top_sec3{background:#fff;padding:13% 5.208333333333334vw 16% 0;max-width:1920px;margin:0 auto;position:relative;}
.top_img3{max-width:1817px;display:block;position:relative;}
.top_sec3_txt{display:flex;justify-content: center;padding:50px 20px 120px 20px;}
.top_sec3_txt h3{font-size:4.5rem;font-weight:400;line-height:1.2;}
.top_sec3_txt p{font-size:2.5rem;font-weight:400;padding:0 0 0 90px;}

.tistyle1{background:#BABABA;color:#fff;display:table;padding:15px 1.5625vw 15px 6.770833333333333vw;font-size:5.6rem;line-height:1.3;font-weight:500;}
.rocio_txt{max-width:150px;width:7.8125vw;position:absolute;bottom:5%;left:0;}

.products_btn{text-align:center;font-size:2.0rem;max-width:1817px;width:100%;}
.products_btn a{background:#8D8D8D;color:#fff;display:block;text-decoration:none;padding:6px 10px;max-width:514px;width:26.770833333333332vw;position:absolute;top:60.5%;right:0;}

.top_sec4{background:#F8F7F5;}
.top_sec4_in{padding:8% 0 13% 0;max-width:1920px;margin:0 auto;position:relative;}
.tistyle2{background:#BABABA;color:#fff;display:table;padding:15px 1.5625vw 15px 10.416666666666668vw;font-size:5.6rem;line-height:1.3;font-weight:500;}
.top_sec4_txt{display:flex;padding:50px 20px 10px 250px;align-items: center;}
.top_sec4_txt h3{font-size:4.5rem;font-weight:400;line-height:1.2;}
.top_sec4_txt p{font-size:2.5rem;font-weight:400;padding:0 0 0 90px;}
.top_img4{max-width:967px;width:90%;display:block;margin:0 auto;}

.reason_txt{max-width:100px;width:5.208333333333334vw;position:absolute;bottom:0;right:0;}

.top_sec5{background:#fff;padding:13% 0 15% 0;max-width:1920px;margin:0 auto;overflow:hidden;}
.top_sec5_in{position:relative;}
.prescription_txt{max-width:190px;width:9.895833333333332vw;position:absolute;top:0;left:-1.7%;}

.tistyle3{background:#BABABA;color:#fff;display:table;padding:15px 15.625vw 15px 1.5625vw;font-size:5.6rem;line-height:1.3;font-weight:500;margin:0 0 0 auto;position:relative;z-index:2;}

.top_img5{margin:-7% -8% 0 0;}
.top_img5_in{max-width:1500px;display:block;margin:0 0 0 auto;}
.top_sec5_txt{display:block;width:100%;position:relative;z-index:2;}
.top_sec5_txt h3{font-size:4.5rem;font-weight:400;line-height:1.2;position:absolute;right:17.5%;top:0;padding:2% 0 0 0;}

.top_sec5_txt2{position:absolute;top:0;left:18%;display:flex;align-items: center;height:100%;max-width:19.5vw;}
.top_sec5_txt2 h4{font-size:4.0rem;font-weight:400;}
.top_sec5_txt2 ul{font-size:2.5rem;padding:20px 0 0 0;}
.top_sec5_txt2 p{font-size:2.1rem;padding:80px 0 0 0;}




.top_sec6{background:#F5F5F5;overflow:hidden;}
.top_sec6_in{padding:8% 0 13% 0;max-width:1920px;margin:0 auto;position:relative;}
.tistyle4{background:#BABABA;color:#fff;display:table;padding:15px 1.5625vw 15px 10.416666666666668vw;font-size:5.6rem;line-height:1.3;font-weight:500;position:relative;z-index:2;}
.top_sec6_txt{display:flex;position:relative;z-index:2;}
.top_sec6_txt h3{font-size:4.5rem;font-weight:400;line-height:1.2;position:absolute;left:15.5%;top:0;padding:2% 0 0 0;}
.top_img6{max-width:1247px;display:block;margin:-8% 0 0 -9%;}

.secret_txt{max-width:140px;width:7.291666666666667vw;position:absolute;bottom:25%;right:-1.7%;}

.top_sec6_txt2{position:absolute;bottom:40%;left:60%;max-width:555px;width:28.385416666666668vw;}
.top_sec6_txt2 h4{font-size:3.8rem;font-weight:400;}
.top_sec6_txt2 p{font-size:2.1rem;padding:10% 0 0 0;}




.top_sec7{background:#fff;overflow:hidden;}
.top_sec7_in{padding:8% 0 13% 0;max-width:1920px;margin:0 auto;position:relative;}
.top_sec7_txt{display:flex;position:relative;}
.top_sec7_txt h3{font-size:4.5rem;font-weight:400;line-height:1.2;position:absolute;left:15.5%;top:0;padding:2% 0 0 0;}
.top_img7{max-width:1064px;width:55.41666666666667vw;display:block;margin:-7.9% 0 0 34%;}

.uservoice_txt{max-width:140px;width:7.291666666666667vw;position:absolute;bottom:0;right:-1.7%;}





.kv_lineup{max-width:1700px;margin:0 auto;padding:80px 80px 0 80px;}
#lineup_sec1{max-width:800px;margin:0 auto;padding:135px 20px 0 20px;}
.tistyle5{font-weight:500;border-bottom:6px solid #8D8D8D;text-align:center;font-size:3.9rem;line-height:1.3;padding:0 0 25px 0;margin:0 0 50px 0;}
.lineupbox{display:flex;flex-wrap: wrap;max-width:700px;margin:0 auto;justify-content: space-between;padding:0 0 450px 0;}
.lineupbox_in{width:50%;padding:0 40px 80px 40px;}
.lineupbox_in h3{font-size:2.0rem;font-weight:400;text-align:center;padding:10px 0 10px 0;line-height:1.4;}
.lineupbox_in .capacity{font-size:1.3rem;text-align:center;}
.lineupbox_in .price{font-size:1.7rem;text-align:center;}
.lineupbox_in .btn {padding:25px 0 0 0;}
.lineupbox_in .btn span{background:#8D8D8D;color:#fff;text-align:center;padding:10px;display:block;text-decoration:none;font-size:1.6rem;}

.lineup_img1{position:relative;max-width:1920px;margin:0 auto;padding:0 0 60px 0;}
.howtocare_txt{max-width:140px;width:7.291666666666667vw;position:absolute;left:-1.0%;bottom:0;}

.lineup_sec3_in{max-width:1920px;margin:0 auto;padding:0;}
.lineup_sec3_txt{display:flex;position:relative;z-index:2;}
.lineup_sec3_txt h3{font-size:4.5rem;font-weight:500;line-height:1.2;position:absolute;left:15.5%;top:0;padding:2% 0 0 0;}

.lineup_img2{max-width:1920px;margin:0 auto;padding:75px 0 0 0;display:block;}


.lineup_sec4_in{max-width:1920px;margin:0 auto;padding:0 0 200px 0;position:relative;}
.lineup_sec4_txt{display:flex;position:relative;z-index:2;}
.lineup_sec4_txt h3{font-size:4.5rem;font-weight:500;line-height:1.2;position:absolute;right:32.5%;top:0;padding:2% 0 0 0;}

.tistyle6{background:#BABABA;color:#fff;display:table;padding:15px 26.041666666666668vw 15px 1.5625vw;font-size:5.6rem;line-height:1.3;font-weight:500;margin:0 0 0 auto;}

.lineup_img3{margin:-90px 0 0 0;display:block;}


#aboutus{background:#F8F7F5 url(../img/aboutus/bg.png) center center no-repeat;background-size:80%;}
#aboutus h2{font-size:3.0rem;padding:140px 0 0 0;max-width:1360px;margin:0 auto;}

.aboutus_in{max-width:1920px;margin:0 auto;padding:0 20px;position:relative;}
.aboutus_in_in::after{background:#8D8D8D;content: "";width:40%;height:8px;display:block;}
.aboutus_in_in2{max-width:1360px;margin:0 auto;padding:40px 0 0 0;}
.aboutus_txt1{font-size:7.6rem;line-height:1.3;text-align:center;padding:40px 0 40px 0;}
.aboutus_txt2{font-size:3.1rem;line-height:1.3;padding:0 0 100px 0;}

.aboutus_box{max-width:1160px;margin:0 auto;padding:0 20px 400px 20px;display:flex;}
.aboutus_box picture{max-width:490px;width:100%;flex-shrink: 1;}
.aboutus_box_r{width:100%;padding:70px 0 0 8%;}
.aboutus_box_r p{font-size:2.7rem;padding:0 0 30px 0;line-height:2.2;}
.aboutus_box_r dl{font-size:2.0rem;display:flex;padding:10px 0 0 0;}
.aboutus_box_r dl dt{width:130px;padding:0 20px 0 0;}


#contact{max-width:1920px;margin:0 auto;padding:0 20px;margin:300px 0;position:relative;}

.contact_txt{max-width:140px;width:7.291666666666667vw;position:absolute;left:-1.0%;top:0;}
.contact_in{max-width:1320px;margin:0 auto;padding:0 100px;}
.contact_in h3{font-size:3.9rem;font-weight:400;line-height:1.3;}
.contact_in h3 span{font-size:2.3rem;font-weight:400;color:#8D8D8D;}
.contact_in dl{display:flex;padding:0 0 45px 0;font-size:1.8rem;}
.contact_in dt{max-width:352px;width:100%;}
.contact_in dd{width:100%;padding:0 0 0 20px;}
.contact_in input[type="text"]{width:100%;border:1px solid #707070;padding:15px;}
.contact_in input[type="email"]{width:100%;border:1px solid #707070;padding:15px;}
.contact_in input[type="tel"]{width:100%;border:1px solid #707070;padding:15px;}
.contact_in input[type="checkbox"]{transform: scale(2);}
.contact_in .checkbox {padding:0 0 0 25px;}
.contact_in .checkbox span{padding:0 0 0 15px;}
.contact_in textarea{width:100%;border:1px solid #707070;padding:15px;height:300px;}
.contact_in input[type="submit"]{width:100%;background:#707070;padding:15px;color:#fff;cursor: pointer;}


#column{max-width:1920px;margin:0 auto;padding:40px 20px 200px 20px;}
.backlink{font-size:1.7rem;padding:0 0 30px 0;}
.backlink a{text-decoration:none;color:#8D8D8D;}

.column_in{max-width:800px;margin:0 auto;}


.column_box{display:flex;flex-wrap: wrap;margin:0 0 0 -30px;}
.column_box_in{width:50%;padding:0 0 50px 30px;text-decoration:none;}
.column_box_in .ti{font-size:1.6rem;text-align:center;padding:20px 0 10px 0;line-height:1.4;}
.column_box_in .data{font-size:1.4rem;text-align:center;}

.wp-pagenavi{text-align:center;margin:40px auto 20px auto;display:flex;align-items: center;justify-content: center;}
.wp-pagenavi span.pages{display:none;}
.wp-pagenavi span.current{background:#8D8D8D;border-radius:100px;color:#fff;padding:12px 0;border:none;width:40px;height:40px;line-height:1;margin:0 0 0 10px;}

.wp-pagenavi .page{background:#fff;border-radius:100px;color:#8D8D8D;padding:12px 0;width:40px;height:40px;border:none;line-height:1;margin:0 0 0 10px;}
.wp-pagenavi .nextpostslink{border:none;background:#fff;border-radius:100px;color:#8D8D8D;padding:12px 15px;line-height:1;margin:0 0 0 10px;}
.wp-pagenavi .previouspostslink{border:none;background:#fff;border-radius:100px;color:#8D8D8D;padding:12px 15px;line-height:1;margin:0 0 0 10px;}

.wp-pagenavi .extend{border:none;font-size:20px;line-height:1;font-weight:bold;letter-spacing: -8px;}
.wp-pagenavi .first{background:#fff;border:none;display:none;}
.wp-pagenavi .last{background:#fff;border:none;display:none;}



.column-dtl_box{max-width:700px;margin:0 auto;padding:0 20px;}
.column-dtl_box h3{font-size:2.1rem;text-align:center;font-weight:400;line-height:1.3;}
.column-dtl_box .data{text-align:center;padding:20px 0 30px 0;font-size:1.9rem;}
.column-dtl_box p{font-size:1.3rem;}

.contentsbox .ti{font-size:3.2rem;border-bottom:1px solid #707070;text-align:center;padding:100px 0 10px 0;margin:0 0 15px 0;line-height:1.3;}
.contentsbox dl{display:flex;align-items: center;line-height:1.4;padding:10px 40px 0 40px;}
.contentsbox dt{font-size:2.6rem;color:#8D8D8D;}
.contentsbox dd{font-size:1.8rem;padding:0 0 0 20px;}

.contentsbox dl.sbdl{display:flex;align-items: center;line-height:1.4;padding:10px 40px 0 90px;}
.contentsbox dl.sbdl dt{font-size:2.0rem;color:#8D8D8D;}
.contentsbox dl.sbdl dd{font-size:1.4rem;padding:0 0 0 10px;}

.column-dtl_box h4{font-size:2.2rem;font-weight:400;line-height:1.3;padding:100px 0 30px 0;}
.column-dtl_box h5{font-size:1.7rem;font-weight:400;line-height:1.3;padding:50px 0 10px 0;margin:0 0 20px 0;border-bottom:1px solid #8D8D8D;}

#summary .summary_in p{font-size:1.7rem;font-weight:400;line-height:1.3;padding:0 0 10px 0;margin:0 0 20px 0;border-bottom:1px solid #8D8D8D;}


#lineup_dtl{max-width:1920px;margin:0 auto;padding:40px 20px 100px 20px;}
#lineup_dtl .lineup_dtl_in{max-width:1300px;margin:0 auto;padding:0 20px 0 20px;display:flex;align-items: center;}
#lineup_dtl .lineup_dtl_in .txt1{padding:0 0 20px 0;font-size:1.3rem;}
#lineup_dtl .lineup_dtl_in h2{padding:0 0 18px 0;font-size:2.3rem;font-weight:normal;line-height:1.3;}
#lineup_dtl .lineup_dtl_in .txt2{padding:0 0 20px 0;font-size:1.7rem;}
#lineup_dtl .lineup_dtl_in_l{max-width:395px;width:100%;}
#lineup_dtl .lineup_dtl_in_r{width:100%;padding:0 0 0 60px;}
#lineup_dtl .buy_btn {max-width:330px;padding:40px 0 0 0;}
#lineup_dtl .buy_btn a {background: #8D8D8D;color: #fff;text-align: center;padding: 10px;display: block;text-decoration: none;font-size: 1.3rem;}

#lineup_dtl_feature{background:#F5F5F5;padding:110px 20px;}
#lineup_dtl_feature .lineup_dtl_feature_in{max-width: 1100px;margin: 0 auto;}
#lineup_dtl_feature .lineup_dtl_feature_in h3{text-align:center;font-size:3.1rem;line-height:1.3;font-weight:500;padding:0 0 25px 0;}
#lineup_dtl_feature .lineup_dtl_feature_in .txt1{text-align:center;font-size:1.4rem;line-height:1.4;border-bottom:1px solid #707070;padding:0 0 40px 0;margin:0 0 30px 0;}
#lineup_dtl_feature .lineup_dtl_feature_in_in{display:flex;}
#lineup_dtl_feature .lineup_dtl_feature_in_in_l{max-width:538px;width:100%;padding:0 0 0 55px;}
#lineup_dtl_feature .lineup_dtl_feature_in_in_r{width:100%;padding:0 0 0 40px;}
#lineup_dtl_feature .lineup_dtl_feature_in_in_r h4{font-size:2.4rem;font-weight:500;line-height:1.3;padding:0 0 15px 0;}
#lineup_dtl_feature .lineup_dtl_feature_in_in_r .txt2{font-size:1.4rem;line-height:1.3;padding:0 0 15px 0;}

#lineup_link {max-width: 800px;margin: 0 auto;padding: 135px 20px 0 20px;}
#lineup_link .lineupbox{padding:0;}
#lineup_link .lineup_link_back{font-size:1.4rem;padding:0 0 70px 0;display:table;margin:0 auto;}
#lineup_link .lineup_link_back a{text-decoration:none;color:#8D8D8D;}












@media only screen and (max-width:1920px){

	footer small{font-size:0.9375vw;}
	footer .f_catch{font-size:6.614583333333333vw;}
	footer .f_nav nav{font-size:1.25vw;}


	.top_catch{font-size:3.958333333333333vw;}
	.aboutusbtn{max-width:8.489583333333334vw;}


	.products_btn{font-size:1.0416666666666665vw;}
	.products_btn a{max-width:26.770833333333332vw;}
	.tistyle1{font-size:2.9166666666666665vw;}
	.tistyle2{font-size:2.9166666666666665vw;}

	.top_sec3_txt h3{font-size:2.34375vw;}
	.top_sec3_txt p{font-size:1.3020833333333335vw;padding:0 0 0 4.6875vw;}


	.top_sec4_txt h3 {font-size:2.34375vw;}
	.top_sec4_txt p{font-size:1.3020833333333335vw;padding:0 0 0 4.6875vw;}

	.top_img5_in{max-width:78.125vw;}

	.top_sec5_txt h3{font-size:2.34375vw;}
	.tistyle3{font-size:2.9166666666666665vw;}

	.top_sec5_txt2 h4{font-size:2.083333333333333vw;}
	.top_sec5_txt2 ul{font-size:1.3020833333333335vw;}
	.top_sec5_txt2 p{font-size:1.09375vw;}


	.top_sec6_txt h3{font-size:2.34375vw;}
	.top_img6{max-width:64.94791666666667vw;}
	.tistyle4{font-size:2.9166666666666665vw;}

	.top_sec6_txt2 h4{font-size:1.9791666666666665vw;}
	.top_sec6_txt2 p{font-size:1.09375vw;}

	/*.tistyle5{font-size:2.8125vw;}
	.tistyle6{font-size:2.9166666666666665vw;}*/
	.lineup_sec3_txt h3{font-size:2.34375vw;}
	.lineup_sec4_txt h3{font-size:2.34375vw;}



	#aboutus h2{font-size:1.5625vw;}

	.aboutus_txt1{font-size:3.958333333333333vw;}
	.aboutus_txt2{font-size:1.6145833333333335vw;}

	.aboutus_box_r p{font-size:1.40625vw;}
	.aboutus_box_r dl{font-size:1.0416666666666665vw;}
	.contact_in h3{font-size:2.03125vw;}
	.contact_in h3 span{font-size:1.1979166666666667vw;}
	.contact_in dl{font-size:0.9375vw;}




}
/*
@media only screen and (max-width:1100px){

	.column-dtl_box h3{font-size:2.727272727272727vw;}
	.column-dtl_box .data{font-size:1.7272727272727273vw;}
	.column-dtl_box p{font-size:1.6363636363636365vw;}

	.contentsbox .ti{font-size:4vw;}
	.contentsbox dt{font-size:3.3636363636363638vw;}
	.contentsbox dd{font-size:2.272727272727273vw;}

	.column-dtl_box h4{font-size:2.727272727272727vw;}


}
*/


@media only screen and (max-width:768px){
	html { font-size: 52.5%; }

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	#gloval-nav .gloval-nav_in{max-width:100%;overflow-y:auto;padding:40px 0 0 0;}

	#nav-toggle {width:60px;height: 60px;}
	#nav-toggle .nav-toggle_in {width: 35px;margin:22px auto 0 auto;}

	#nav-toggle .nav-toggle_in span {height:1.5px;}
	#nav-toggle .nav-toggle_in span:nth-child(2) {top: 10px;}
	.open #nav-toggle .nav-toggle_in p {display:block;color:#fff;position:absolute;left:40px;top:2px;font-size:1.8rem;}

	.open #nav-toggle span:nth-child(1) {top: 16px;transform: rotate(45deg);}
	.open #nav-toggle span:nth-child(2) {top: 16px;width: 100%;transform: rotate(-45deg);}
	.open #nav-toggle span:nth-child(3) {opacity:0;top: 20px;}

	#gloval-nav ul {padding:0 0 0 20px;}

	#gloval-nav ul li{font-size:2.3rem;}
	#gloval-nav ul li a{padding:12px 0;}
	#gloval-nav ul li:first-child a{padding-top:0;}

	#gloval-nav .snsbox{display:flex;padding:30px 0 0 20px;margin:0 0 0 -20px;}
	#gloval-nav .catch{padding:50px 0 0 20px;font-size:6vw;line-height:1.2;}


	header {height:60px;}
	header h1{width:100px;padding: 10px 0;}



	footer {padding:40px 0 20px 0;}
	footer small{font-size:2.5vw;padding:0 0 10px 0;}
	footer .f_catch{font-size:6vw;line-height:1.2;}
	footer .f_nav{position:static;padding:0 0 40px 0;}
	footer .f_nav nav{font-size:4vw;}
	footer .f_nav nav li{padding:12px 0 0 0;}
	footer .f_nav .f_snsbox div{padding:0 0 10px 20px;}
	footer .f_nav .f_snsbox .sns_x{width:45px;}
	footer .f_nav .f_snsbox .sns_insta{width:48px;}






	.top_catch{font-size:6vw;padding:20% 20px 0 20px;}
	.top_sec1{padding:0 0 20% 0;}
	.aboutusbtn{max-width:130px;margin:0 20px 0 auto;}

	.top_img2{padding:0;width:100%;}

	.top_sec3{padding:20% 0 0 0;}
	.top_sec3_txt{display:block;padding:25px 20px 0 12%;}
	.top_sec3_txt h3{font-size:5vw;}
	.top_sec3_txt p{font-size:3vw;padding:20px 0 0 0;}

	.tistyle1{padding:10px 15px 10px 12%;font-size:5.5vw;}
	.rocio_txt{max-width:150px;width:15vw;position:absolute;bottom:12%;}

	.products_btn{font-size:3.3vw;width:80%;}
	.products_btn a{max-width:65%;width:100%;top:38%;right:12%;}

	.top_sec4_in{padding:8% 0 13% 0;}
	.tistyle2{padding:10px 15px 10px 12%;font-size:5.5vw;}
	.top_sec4_txt{display:block;padding:25px 20px 0 12%;}
	.top_sec4_txt h3{font-size:5vw;}
	.top_sec4_txt p{font-size:3vw;padding:20px 0 0 0;}
	.top_img4{width:100%;}

	.reason_txt{width:10vw;top:40px;}

	.top_sec5{padding:20% 0 15% 0;}
	.prescription_txt{max-width:190px;width:19vw;}

	.tistyle3{padding:10px 35% 10px 15px;font-size:5.5vw;position:relative;}

	.top_img5{margin:-15% 0 0 0;}
	.top_img5_in{max-width:100%;}

	.top_sec5_txt h3{font-size:5vw;right:30%;top:0;padding:5% 0 0 0;}

	.top_sec5_txt2{position:static;display:block;height:auto;max-width:100%;padding:0 20px 0 20%;margin:-35% 0 0 0;position:relative;left:auto;top:auto;}
	.top_sec5_txt2 h4{font-size:5vw;}
	.top_sec5_txt2 ul{font-size:4vw;padding:20px 0 0 0;}
	.top_sec5_txt2 p{font-size:3.5vw;padding:40px 0 0 0;}




	.top_sec6_in{padding:20% 0 13% 0;}
	.tistyle4{padding:10px 15px 10px 12%;font-size:5.5vw;}
	.top_sec6_txt{display:block;}
	.top_sec6_txt h3{font-size:5vw;right:30%;top:0;padding:5% 0 0 0;position:absolute;left:12%;top:0;}
	.top_img6{margin:-8% 0 0 0;max-width:100%;}

	.secret_txt{width:14vw;bottom:0;}

	.top_sec6_txt2{top:50%;left:0;bottom:auto;max-width:100%;width:100%;padding:0 12% 0 12%;}
	.top_sec6_txt2 h4{font-size:5vw;}
	.top_sec6_txt2 p{font-size:3.5vw;padding:25px 0 0 0;}




	.top_sec7_in{padding:20% 0 13% 0;}
	.top_sec7_txt{display:block;}
	.top_sec7_txt h3{font-size:5vw;}
	.top_img7{width:100%;margin:0;}

	.uservoice_txt{width:14vw;position:absolute;bottom:0;left:0;right:auto;}



	.kv_lineup{padding:0;}
	#lineup_sec1{padding:100px 20px 0 20px;}
	.tistyle5{border-bottom:6px solid #8D8D8D;font-size:7.291666666666667vw;margin: 0 0 50px 0;}
	.lineupbox{display:block;padding:0 0 100px 0;max-width:85%;margin:0 auto;}
	.lineupbox_in{width:100%;padding:0 40px 100px 40px;}
	.lineupbox_in h3{font-size:3.6458333333333335vw;padding:15px 0 10px 0;}
	.lineupbox_in .capacity{font-size:2.34375vw;}
	.lineupbox_in .price{font-size:3.125vw;}

	.lineup_img1{padding:0;}
	.howtocare_txt{display:none;}

	.lineup_sec3_txt h3{font-size:5.859375vw;}

	.lineup_img2{padding:0;}


	.lineup_sec4_in{padding:0;}
	.lineup_sec4_txt h3{font-size:5.859375vw;}

	.tistyle6{font-size:7.291666666666667vw;}
	.lineup_img3{margin:50px 0 0 0;}





	#aboutus{background:#F8F7F5 url(../img/aboutus/bg.png) center center no-repeat;background-size:100%;}
	#aboutus h2{font-size:3.90625vw;padding:100px 0 0 0;}

	.aboutus_in_in::after{display:none;}
	.aboutus_txt1{font-size:5.859375vw;padding:40px 0 0 0;}
	.aboutus_txt2{font-size:4.036458333333334vw;padding:0 0 50px 0;text-align:center;}

	.aboutus_box{padding:0 0 100px 0;display:block;}
	.aboutus_box picture{max-width:490px;width:100%;margin:0 auto;display:block;}
	.aboutus_box_r{max-width:490px;margin:0 auto;padding:40px 0 0 0;}
	.aboutus_box_r p{font-size:3.6458333333333335vw;padding:0 0 30px 0;}
	.aboutus_box_r dl{font-size:3.125vw;}


	#contact{margin:100px 0;}

	.contact_txt{display:none;}
	.contact_in{padding:0;}
	.contact_in h3{font-size:5.078125vw;}
	.contact_in h3 span{font-size:2.994791666666667vw;}
	.contact_in dl{display:block;padding:0 0 40px 0;font-size:3.125vw;}
	.contact_in dl.ti {padding:0 0 60px 0;}
	.contact_in dl.ti dt{padding:0 0 45px 0;}
	.contact_in dt{max-width:100%;}
	.contact_in dd{padding:10px 0 0 0;}
	.contact_in .checkbox {padding:0 0 0 5px;}
	.contact_in .checkbox span{padding:0 0 0 15px;}
	.contact_in textarea{height:250px;}



	#column{padding:20px 20px 100px 20px;}
	.backlink{font-size:3.90625vw;padding:0 0 30px 0;}



	.column_box{display:block;margin:0;}
	.column_box_in{width:100%;padding:0 0 50px 0;display:block;}
	.column_box_in .ti{font-size:4.427083333333334vw;}
	.column_box_in .data{font-size:3.125vw;}


	.contentsbox dl{padding:10px 20px 0 20px;}
	.contentsbox dl.sbdl{padding:10px 20px 0 60px;}
	.contentsbox .ti {padding: 60px 0 10px 0;}
	.column-dtl_box h4 {padding: 60px 0 10px 0;}
	.column-dtl_box h5 {padding: 40px 0 10px 0;}

	.wp-pagenavi{margin:40px 0 20px -5px;}
	.wp-pagenavi span.current{padding:8px 0 0 0;width:30px;height:30px;margin:0 0 0 5px;}

	.wp-pagenavi .page{padding:8px 0 0 0;width:30px;height:30px;margin:0 0 0 5px;}
	.wp-pagenavi .nextpostslink{padding:8px 10px;margin:0 0 0 5px;}
	.wp-pagenavi .previouspostslink{padding:8px 10px;margin:0 0 0 5px;}

	.wp-pagenavi .extend{font-size:14px;letter-spacing: -8px;}


	#lineup_dtl{padding:20px 0 100px 0;}
	#lineup_dtl .backlink{padding:0 20px 30px 20px;}
	#lineup_dtl .lineup_dtl_in{padding:0;display:block;}
	#lineup_dtl .lineup_dtl_in_l{max-width:100%;width:100%;}
	#lineup_dtl .lineup_dtl_in_l img{width:100%;}
	#lineup_dtl .lineup_dtl_in_r{padding:40px 20px 0 20px;}
	#lineup_dtl .buy_btn {max-width:100%;margin:0 auto;padding:40px 0 0 0;}

	#lineup_dtl_feature{padding:110px 20px;}
	#lineup_dtl_feature .lineup_dtl_feature_in .txt1{border-bottom:none;margin:0;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in{display:block;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_l{max-width:100%;width:100%;padding:0;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_l img{width:100%;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_r{padding:40px 0 0 0;}


	#lineup_link {padding:100px 20px 0 20px;}
	#lineup_link .lineup_link_back{display:block;}










	#lineup_dtl .lineup_dtl_in h2{font-size:3.7760416666666665vw;}
	#lineup_dtl .lineup_dtl_in .txt2{font-size:2.864583333333333vw;}
	#lineup_dtl .buy_btn a {font-size:2.604166666666667vw;}

	#lineup_dtl_feature .lineup_dtl_feature_in h3{font-size:6.380208333333333vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in .txt1{font-size:2.994791666666667vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_r h4{font-size:4.947916666666666vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_r .txt2{font-size:2.994791666666667vw;}

	#lineup_link .lineup_link_back{font-size:2.864583333333333vw;}

}





/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body { font-size: 3.5vw; }
	footer small{display:block;font-size:2.8vw;}

	.aboutus_box_r dl dt{width:80px;padding:0 15px 0 0;}


	#lineup_dtl .lineup_dtl_in h2{font-size:6.041666666666667vw;}
	#lineup_dtl .lineup_dtl_in .txt2{font-size:4.583333333333333vw;}
	#lineup_dtl .buy_btn a {font-size: 4.166666666666666vw;}

	#lineup_dtl_feature .lineup_dtl_feature_in h3{font-size:8vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in .txt1{font-size:4.791666666666667vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_r h4{font-size:7vw;}
	#lineup_dtl_feature .lineup_dtl_feature_in_in_r .txt2{font-size:4.791666666666667vw;}

	#lineup_link .lineup_link_back{font-size:4.583333333333333vw;}

}