*{margin:0;padding:0}html{color:#000;line-height:1.5;font-size:62.5%}.clearfix:after{content:"";display:block;clear:both}li,ol{list-style:none}.pc{display:none}main{padding-top:65px}main #mainvisual img{width:100%}main .copy_area{margin:5.3vw 5.3vw 0 auto;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;color:#000;width:90%}main .copy_area .text{font-size:2rem;font-weight:regular;margin-left:6.2vw}main .copy_area .title{font-size:4.2rem;font-weight:regular}main #about_area{margin:0 5.3vw 20vw}main #about_area h3{margin-bottom:8.5vw;width:28.2vw;max-width:110px;position:relative;top:-10px}main #about_area .text{font-size:4.2vw;line-height:1.8;margin:0 auto;text-align:center}main #about_area .text p{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;display:inline-block;text-align:left}main #background_area h3{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;margin:0 auto 18.6vw;position:relative;width:89.3vw;font-weight:regular}main #background_area h3 .h3_inner{font-size:2rem;position:relative;background:#fff;padding:0 20px;margin-right:calc(50vw - 90px);line-height:1.6}main #background_area h3:before{content:"";display:block;width:100%;height:1px;background:#000;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}main #background_area .item_list .item .img_area img{width:100%}main #background_area .item_list .item .text_area h4{background:#F0F0E6;height:180px;position:relative}main #background_area .item_list .item .text_area h4 .h4_inner{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;margin:0 7.3vw 0 auto;padding:25px 0;font-size:2.2rem;font-weight:regular;position:absolute;right:0}main #background_area .item_list .item .text_area .text{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;height:72vw;margin:-30px auto 75px;line-height:1.6;font-size:4.2vw;position:relative}main #background_area .item_list .item .text_area .text span{-webkit-text-combine:horizontal;-ms-text-combine-horizontal:all;text-combine-upright:all}main #merit_area{background:#F0F0E6;padding:72px 0}main #merit_area .inner{width:89.3vw;margin:0 auto;padding:0}main #merit_area .inner h3{font-size:2.5rem;text-align:center;font-weight:regular;line-height:1.55;padding-bottom:28px;border-bottom:1px solid #000;margin:0 auto 50px}main #merit_area .inner ul li{margin-bottom:50px}main #merit_area .inner ul li .icon{width:150px;height:150px;margin:0 auto 22px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}main #merit_area .inner ul li .icon img{max-width:90px;max-height:80px}main #merit_area .inner ul li h4{font-size:2rem;font-weight:regular;color:#8CBC92;text-align:center;margin-bottom:24px}main #merit_area .inner ul li p{font-size:1.4rem}main .contact_area{background-size:cover;background-repeat:no-repeat;background-position:center center;padding:90px 0}main .contact_area.first{background-image:url(/assets/img/nature-salon/contact_first_bg_sp.jpg)}main .contact_area.second{background-image:url(/assets/img/nature-salon/contact_second_bg_sp.jpg)}main .contact_area .inner{color:#fff;text-align:center;padding:0}main .contact_area .inner h3{width:43vw;max-width:250px;margin:0 auto 25px}main .contact_area .inner .text{font-size:1.4rem;font-weight:regular;line-height:1.78;margin-bottom:24px}main .contact_area .inner .btn{width:85.6vw;max-width:350px;margin:0 auto 23px;position:relative}main .contact_area .inner .btn a{display:block;background:#fff;border-radius:25px;text-decoration:none;color:#000;font-size:1.4rem;padding:5px 0}main .contact_area .inner .btn:after{content:"";position:absolute;display:block;background:url(/assets/img/nature-salon/arrow.svg) no-repeat;background-size:100%;width:8px;height:16px;right:10px;top:0;bottom:0;margin:auto}main .contact_area .inner .tel{font-size:1.4rem}main .contact_area .inner .tel a{text-decoration:none;color:#fff}main #charm_area{padding:72px 0}main #charm_area .inner{width:89.3vw;margin:0 auto;padding:0}main #charm_area .inner h3{font-size:2.5rem;text-align:center;line-height:1.55;padding-bottom:28px;border-bottom:1px solid #000;margin:0 auto 50px}main #charm_area .inner ul{padding-bottom:35px;border-bottom:1px solid #000}main #charm_area .inner ul li{margin-bottom:80px}main #charm_area .inner ul li .img_area{width:53.3vw;max-width:400px;margin:0 auto 22px}main #charm_area .inner ul li .text_area h4{font-size:2rem;line-height:1.75;font-weight:regular;text-align:center;margin-bottom:24px}main #charm_area .inner ul li .text_area .text{font-size:1.4rem;line-height:2.14}main #charm_area .inner ul li:last-child{margin-bottom:0}@media screen and (min-width: 560px) and (max-width: 999px){main #about_area .text{font-size:1.6rem;height:400px}main #background_area h3 .h3_inner{font-size:3.6vw;margin-right:calc(50vw - 4.6em)}main #background_area .item_list .item .text_area .text{font-size:1.8rem;height:280px;text-align:center;writing-mode:unset}main #background_area .item_list .item .text_area .text p{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-o-writing-mode:vertical-rl;display:inline-block;text-align:left}main #merit_area .inner{padding:0 15%}main #charm_area .inner{padding:0 15%}main #charm_area .inner ul li .img_area{width:33.3vw}}@media screen and (min-width: 1000px){.sp{display:none}.pc{display:block}a[href*="tel:"]{pointer-events:none;cursor:default}main{padding-top:0;position:relative;overflow:hidden}main .pc_fv{position:relative;height:calc(100vh - 140px);max-height:940px;padding-top:140px;margin-bottom:15%}main .fv{position:relative;max-width:1100px;margin:50px auto 0}main .fv .copy_area{margin:0;position:relative;left:42%;width:auto}main .fv .copy_area .text{margin-left:50px}main .fv .copy_area .title{font-size:5.2rem}main .fv .copy_area h3{position:absolute;left:130%;top:90px;max-width:214px;width:10vw}main #mainvisual{width:63%;max-width:1211px;position:absolute;right:0;top:45%}main #about_area{margin:0;position:absolute;top:0;left:0}main #about_area .text{font-size:1.6rem;line-height:2.2}main #background_area{padding-bottom:50px}main #background_area h3{margin:0 auto 100px;width:81.1%;max-width:1100px;height:174px}main #background_area h3 .h3_inner{font-size:2.8rem;padding:0 20px;margin-right:0;line-height:2.2;left:-40%}main #background_area .item_list .item{display:flex;display:-ms-flexbox;margin:0 auto 100px;min-width:1000px;width:100%;max-width:1100px;justify-content:space-between}main #background_area .item_list .item .img_area{width:360px;position:relative;z-index:1}main #background_area .item_list .item .text_area{display:flex;display:-ms-flexbox;flex-direction:row-reverse;position:relative;width:calc(100% - 360px)}main #background_area .item_list .item .text_area h4{height:360px;width:100%;position:relative}main #background_area .item_list .item .text_area h4 .h4_inner{margin:0;padding:0;font-size:3.6rem;line-height:2.2;position:relative;left:-0.6em}main #background_area .item_list .item .text_area .text{height:360px;margin:0;line-height:2.2;font-size:1.6rem;background:#fff;padding:0 58px}main #background_area .item_list .item .text_area:before{content:"";display:block;width:200%;height:100%;background:#F0F0E6;position:absolute;top:0;bottom:0;left:100%}main #background_area .item_list .item:nth-of-type(even){flex-direction:row-reverse}main #background_area .item_list .item:nth-of-type(even) .img_area{padding:0;background:#F0F0E6;position:relative;left:-70px;z-index:1}main #background_area .item_list .item:nth-of-type(even) .img_area:before{content:"";display:block;width:200%;height:100%;background:#F0F0E6;position:absolute;top:0;bottom:0;left:100%}main #background_area .item_list .item:nth-of-type(even) .text_area h4{padding:0 25px 0 0}main #background_area .item_list .item:nth-of-type(even) .text_area .text{padding:0 58px 0 0}main #background_area .item_list .item:nth-of-type(even) .text_area:before{display:none}main #merit_area{padding:90px 0}main #merit_area .inner{width:1000px}main #merit_area .inner h3{font-size:3rem;padding-bottom:48px;margin:0 auto 70px}main #merit_area .inner ul{display:flex;justify-content:space-around;flex-wrap:wrap}main #merit_area .inner ul li{width:430px;margin-bottom:70px}main #merit_area .inner ul li .icon{width:296px;height:296px;margin:0 auto 50px}main #merit_area .inner ul li .icon img{max-width:180px;max-height:160px}main #merit_area .inner ul li h4{font-size:2.4rem;margin-bottom:44px}main #merit_area .inner ul li p{font-size:1.6rem;line-height:2.5}main #merit_area .inner ul li:nth-of-type(3) h4{margin-bottom:30px}main #merit_area .inner ul li:nth-of-type(4) h4{min-height:72px;line-height:72px;margin-bottom:30px}main .contact_area{padding:10% 0}main .contact_area.first{background-image:url(/assets/img/nature-salon/contact_first_bg_pc.jpg)}main .contact_area.second{background-image:url(/assets/img/nature-salon/contact_second_bg_pc.jpg)}main .contact_area .inner h3{width:325px;max-width:unset;margin:0 auto 70px}main .contact_area .inner .text{font-size:1.8rem;line-height:2.2;margin-bottom:40px}main .contact_area .inner .btn{width:642px;max-width:unset;margin:0 auto 36px}main .contact_area .inner .btn a{border-radius:40px;font-size:1.8rem;padding:30px 0}main .contact_area .inner .btn:after{width:9px;height:20px;right:40px}main .contact_area .inner .tel{font-weight:regular;font-size:2.4rem}main .contact_area .inner .tel a{font-size:2.4rem}main #charm_area{padding:145px 0 100px}main #charm_area .inner{width:1000px}main #charm_area .inner h3{font-size:3rem;font-weight:regular;line-height:1.66;padding-bottom:48px;margin:0 auto 70px}main #charm_area .inner ul{padding-bottom:70px}main #charm_area .inner ul li{margin-bottom:34px;padding-bottom:35px;border-bottom:1px solid #F0F0E6;display:flex;justify-content:space-around;align-items:center}main #charm_area .inner ul li .img_area{width:28vw;max-width:400px;margin:0}main #charm_area .inner ul li .text_area{width:500px}main #charm_area .inner ul li .text_area h4{font-size:2.4rem;line-height:1.66;text-align:left;margin-bottom:40px}main #charm_area .inner ul li .text_area .text{font-size:1.4rem;line-height:2.57}main #charm_area .inner ul li:last-child{margin-bottom:0;border:none}}.pc_fv{opacity:0;animation-name:fadeInMV;animation-duration:2s;animation-fill-mode:forwards;animation-delay:.8s}@keyframes fadeInMV{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 1000px){.fixed__nav{opacity:0;transform:translateY(30px);animation-name:fadeInNav;animation-duration:2s;animation-fill-mode:forwards}@keyframes fadeInNav{0%{opacity:0}100%{opacity:1;transform:translate(0)}}}.scrollanime{opacity:0}.fadeInDown{animation-name:fadeInDown;animation-duration:2s;animation-fill-mode:forwards}@keyframes fadeInDown{0%{opacity:0}100%{opacity:1;transform:translate(0)}}.updown{transform:translateY(-100px)}.downup{transform:translateY(100px)}.sect02{overflow:hidden}.slide-right{transform:translateX(200px)}.slide-left{transform:translateX(-200px)}