@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Charm:wght@400;700&display=swap");article{font-size:20px;color:#3e3131;overflow:hidden}@media only screen and (max-width: 575px){article{font-size:3.7vw}}article em{font-style:normal}article>nav{margin:45px 0 60px}article>nav ul{display:flex;justify-content:center}article>nav ul li+li{margin-left:35px}article>nav ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;text-decoration:none;filter:drop-shadow(16px 16px 10px rgba(172,115,128,0.25))}article>nav ul li a p.en{display:flex;justify-content:center;align-items:center;width:110px;height:110px;font-family:"Charm", cursive;font-weight:700;font-style:normal;color:#3e3131;background:#e4cdb8;background:linear-gradient(143deg, #e4cdb8 0%, #f5ece8 100%);box-shadow:inset 1px 1px 35px rgba(225,208,199,0.6);border-radius:100%;overflow:hidden;position:relative}article>nav ul li a p.en>span{font-size:27px;font-weight:400;line-height:1;padding:0 0 10px;position:relative}article>nav ul li a p.en>span::before{content:"";width:22px;height:3px;background:#a4866f;border-radius:100px;position:absolute;left:50%;bottom:0;transform:translate(-50%, 0)}article>nav ul li a p.en>span>span{font-size:41px}article>nav ul li a p.en::before{content:"";display:block;width:99px;height:99px;background:url(/assets/artmake/mocci/images/nav01.png?202651185126) center center/100% auto no-repeat;position:absolute;left:-30px;top:-40px}article>nav ul li a p.ja{line-height:1.5;margin:10px 0 0}@media only screen and (max-width: 575px){article>nav{margin:5vw 0 6vw;overflow:hidden}article>nav ul li{width:17.5vw}article>nav ul li+li{margin-left:2vw}article>nav ul li a{filter:drop-shadow(2vw 2vw 1.5vw rgba(172,115,128,0.25))}article>nav ul li a p.en{width:17.5vw;height:17.5vw;box-shadow:inset 1px 1px 4vw rgba(225,208,199,0.6)}article>nav ul li a p.en>span{font-size:3.5vw;padding:0 0 1.5vw}article>nav ul li a p.en>span::before{width:5vw;height:0.5vw}article>nav ul li a p.en>span>span{font-size:5.5vw}article>nav ul li a p.en::before{width:15vw;height:15vw;left:-6vw;top:-8vw}article>nav ul li a p.ja{font-size:2.5vw;line-height:1.4;margin:1.5vw 0 0}}article section>header{min-height:104px;text-align:center;line-height:1;background:url(/assets/artmake/mocci/images/index01.png?202651185126) top center no-repeat;padding:22px 0 0;margin:0 0 65px}article section>header p{font-family:beloved-script, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:700;font-style:normal;font-size:60px;color:#9c7860}article section>header h2{font-size:18px;color:#50321e;margin:0}@media only screen and (max-width: 575px){article section>header{min-height:inherit;background-size:40vw auto;padding:3vw 0 0;margin:0 0 7vw}article section>header p{font-size:10vw}article section>header h2{font-size:3.7vw}}article section.s-mv .grid{display:grid;grid-template-columns:1fr 532px 448px 1fr;grid-template-rows:auto 53px 57px}article section.s-mv .grid-mv{grid-column:1 / 5;grid-row:1 / 3;height:621px;background:url(/assets/artmake/mocci/images/mv_bg.jpg?202651185126) center center no-repeat}article section.s-mv .grid-price-bg{grid-column:1 / 3;grid-row:2 / 4;background:url(/assets/artmake/mocci/images/mv_price.jpg?202651185126) center right/cover no-repeat;border-radius:0 100px 100px 0}article section.s-mv .grid-price{display:flex;justify-content:center;align-items:center;grid-column:2 / 3;grid-row:2 / 4}article section.s-mv .grid-price p{color:#fff;line-height:1}article section.s-mv .grid-price p.note{border:1px solid #fff;padding:5px 15px;margin:0 15px 0 0}article section.s-mv .grid-price p.price{font-family:fot-tsukuaoldmin-pr6n, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:300;font-style:normal;font-size:82px;padding:0 0 15px}article section.s-mv .grid-price p.price>span{position:relative;font-size:44px}article section.s-mv .grid-price p.price>span>span{font-size:14px;white-space:nowrap;position:absolute;left:50%;bottom:55px;transform:translate(-50%, 0)}@media only screen and (max-width: 575px){article section.s-mv .grid{grid-template-columns:1fr 53vw 42vw 1fr;grid-template-rows:auto auto auto}article section.s-mv .grid-mv{background:none;height:inherit}article section.s-mv .grid-price-bg{display:none}article section.s-mv .grid-price{display:none}}article section.s-pickup{background:#fbfaf9;background:linear-gradient(0deg, #fbfaf9 0%, #f7ede5 100%);padding:70px 0 160px}article section.s-pickup .container{text-align:center}article section.s-pickup #pickup_slider{width:700px;padding:0 0 30px;margin:15px auto 0}article section.s-pickup #pickup_slider .slick-list .slick-track{display:flex;align-items:center}article section.s-pickup #pickup_slider .slick-list .slick-track .slick-slide a{display:block;width:100%;height:100%}article section.s-pickup #pickup_slider .slick-list .slick-track .slick-slide a img{width:91%}article section.s-pickup #pickup_slider .slick-list .slick-track .slick-slide.slick-current+.slick-slide a{display:flex;justify-content:flex-end}article section.s-pickup #pickup_slider .slick-list .slick-track .slick-slide.slick-current img{width:100%}article section.s-pickup #pickup_slider .slick-dots{bottom:0}article section.s-pickup #pickup_slider .slick-dots li{width:14px;height:14px}article section.s-pickup #pickup_slider .slick-dots li button::before{background:#fbfaf9;width:100%;height:100%;opacity:1;border:1px solid #50321e}article section.s-pickup #pickup_slider .slick-dots li.slick-active button::before{background:#50321e;border:none}article section.s-pickup #pickup_slider .slick-prev,article section.s-pickup #pickup_slider .slick-next{width:40px;height:40px;background:#8b5531;border-radius:100%;right:-60px;transform:translate(0, calc(-50% - 15px))}article section.s-pickup #pickup_slider .slick-prev::before,article section.s-pickup #pickup_slider .slick-next::before{content:"";display:block;width:13px;height:13px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg);position:absolute;right:15px;bottom:13px;background:none}article section.s-pickup #pickup_slider .slick-prev::after,article section.s-pickup #pickup_slider .slick-next::after{display:none}article section.s-pickup #pickup_slider .slick-prev{right:inherit;left:-60px}article section.s-pickup #pickup_slider .slick-prev::before{transform:rotate(-135deg);right:inherit;left:16px}@media only screen and (max-width: 575px){article section.s-pickup{padding:9vw 0 15vw}article section.s-pickup .container #pickup_slider{width:90vw;padding:0 0 5vw;margin:2vw auto 0}article section.s-pickup .container #pickup_slider .slick-list .slick-track .slick-slide a img{width:84%}article section.s-pickup .container #pickup_slider .slick-list .slick-track .slick-slide.slick-current img{width:125%}article section.s-pickup .container #pickup_slider .slick-dots li{margin:0 1vw;width:2.5vw;height:2.5vw}article section.s-pickup .container #pickup_slider .slick-prev,article section.s-pickup .container #pickup_slider .slick-next{display:block !important;width:9vw;height:9vw;right:-4vw;transform:translate(0, calc(-50% - 2.5vw))}article section.s-pickup .container #pickup_slider .slick-prev::before,article section.s-pickup .container #pickup_slider .slick-next::before{width:2.5vw;height:2.5vw;border-top:0.5vw solid #fff;border-right:0.5vw solid #fff;right:3.8vw;bottom:3vw}article section.s-pickup .container #pickup_slider .slick-prev{right:inherit;left:-4vw}article section.s-pickup .container #pickup_slider .slick-prev::before{left:3.8vw;transform:rotate(-135deg)}}article section.s-recommend{background:url(/assets/artmake/mocci/images/recommend01.jpg?202651185126) center top/cover no-repeat;padding:1px 0 110px;position:relative}article section.s-recommend::before{content:"";display:block;width:628px;height:607px;background:url(/assets/artmake/mocci/images/recommend04.png?202651185126) center bottom/100% auto no-repeat;position:absolute;left:50%;bottom:-1px;transform:translate(calc(-50% - 350px), 0);z-index:1}article section.s-recommend .grid{display:grid}article section.s-recommend .grid.osusume{grid-template-columns:1fr 305px 675px 1fr;grid-template-rows:110px;margin-top:-55px}article section.s-recommend .grid.osusume .grid-bg{grid-column:3 / 5;grid-row:1 / 2;background:url(/assets/artmake/mocci/images/recommend02.jpg?202651185126) center left/cover no-repeat;border-radius:100px 0 0 100px;box-shadow:21px 21px 25px rgba(106,82,72,0.17)}article section.s-recommend .grid.osusume .grid-text{grid-column:3 / 4;grid-row:1 / 2;display:flex;justify-content:center;align-items:center;font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia;font-size:31px;font-weight:bold;color:#705747}article section.s-recommend .grid.osusume .grid-text>span{font-size:60px;color:#9b805d;text-shadow:4px 4px 4px rgba(119,110,103,0.25)}article section.s-recommend .grid.osusume .grid-text>span:nth-child(1){transform:skew(-10deg) translate(0, -7px)}article section.s-recommend .grid.osusume .grid-text>span:nth-child(2){transform:skew(-10deg) translate(0, 20px);margin-left:-13px}article section.s-recommend .grid.osusume .grid-text>span:nth-child(3){transform:skew(-10deg) translate(0, 5px);margin-left:-5px}article section.s-recommend .grid.osusume .grid-text>span:nth-child(4){transform:skew(-10deg) translate(0, -3px);margin-left:-5px}article section.s-recommend .grid.osusume .grid-text em{font-size:42px}article section.s-recommend .grid.list{grid-template-columns:1fr 960px 20px 1fr;grid-template-rows:auto;margin:70px 0 0;position:relative}article section.s-recommend .grid.list .grid-gradient{grid-column:1 / 3;grid-row:1 / 2;border-radius:0 70px 70px 0;background:#735645;background:linear-gradient(90deg, rgba(115,86,69,0) 15%, #735645 80%);box-shadow:30px 30px 25px rgba(106,82,72,0.11);position:relative}article section.s-recommend .grid.list .grid-gradient::before,article section.s-recommend .grid.list .grid-gradient::after{content:"";display:block;position:absolute;left:0;top:50%;transform:translate(0, -50%)}article section.s-recommend .grid.list .grid-gradient::before{width:calc(100% - 1px);height:calc(100% - 2px);border-radius:0 69px 69px 0;background:#fff;background:linear-gradient(90deg, rgba(255,255,255,0) 15%, #fff 80%)}article section.s-recommend .grid.list .grid-gradient::after{width:calc(100% - 3px);height:calc(100% - 6px);border-radius:0 67px 67px 0;background:#fbf7f3;background:linear-gradient(90deg, rgba(251,247,243,0) 15%, #fbf7f3 80%)}article section.s-recommend .grid.list .grid-text{display:flex;align-items:center;grid-column:2 / 3;grid-row:1 / 2;height:400px;padding:0 0 0 400px;position:relative}article section.s-recommend .grid.list .grid-text ul li{font-size:22px;line-height:1.5;background:url(/assets/artmake/mocci/images/recommend03.png?202651185126) left 3px no-repeat;padding:0 0 0 50px}article section.s-recommend .grid.list .grid-text ul li+li{margin-top:25px}article section.s-recommend .grid.list .grid-text ul li em{color:#fff;background:#746050;background:linear-gradient(90deg, #746050 0%, #a68c6b 100%);padding:1px 5px;margin:0 3px 0 0}@media only screen and (max-width: 575px){article section.s-recommend{padding:1px 0 10vw}article section.s-recommend::before{width:65vw;height:65vw;left:-22vw;transform:translate(0, 0)}article section.s-recommend .grid.osusume{grid-template-columns:1fr 20vw 75vw 1fr;grid-template-rows:13vw;margin-top:-6.5vw}article section.s-recommend .grid.osusume .grid-bg{box-shadow:2.5vw 2.5vw 3vw rgba(106,82,72,0.17)}article section.s-recommend .grid.osusume .grid-text{grid-column:3 / 5;font-size:4vw}article section.s-recommend .grid.osusume .grid-text>span{font-size:7vw;text-shadow:0.75vw 0.75vw 0.75vw rgba(119,110,103,0.25)}article section.s-recommend .grid.osusume .grid-text>span:nth-child(1){transform:skew(-10deg) translate(0, -0.75vw)}article section.s-recommend .grid.osusume .grid-text>span:nth-child(2){transform:skew(-10deg) translate(0, 1.5vw);margin-left:-1.5vw}article section.s-recommend .grid.osusume .grid-text>span:nth-child(3){transform:skew(-10deg) translate(0, 0.5vw);margin-left:-1vw}article section.s-recommend .grid.osusume .grid-text>span:nth-child(4){transform:skew(-10deg) translate(0, -0.5vw);margin-left:-1vw}article section.s-recommend .grid.osusume .grid-text em{font-size:4.5vw}article section.s-recommend .grid.list{grid-template-columns:1fr 95vw 1vw 1fr;margin:7vw 0 0}article section.s-recommend .grid.list .grid-gradient{grid-column:1 / 3;border-radius:0 10vw 10vw 0;box-shadow:4vw 4vw 3vw rgba(106,82,72,0.11)}article section.s-recommend .grid.list .grid-gradient::before{border-radius:0 calc(10vw - 2px) calc(10vw - 2px) 0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 80%)}article section.s-recommend .grid.list .grid-gradient::after{border-radius:0 calc(10vw - 6px) calc(10vw - 6px) 0;background:linear-gradient(90deg, rgba(251,247,243,0) 0%, #fbf7f3 80%)}article section.s-recommend .grid.list .grid-text{grid-column:1 / 3;height:inherit;padding:6vw 4vw 6vw 30vw}article section.s-recommend .grid.list .grid-text ul li{font-size:3.5vw;background:url(/assets/artmake/mocci/images/recommend03.png?202651185126) left 0.5vw/5vw auto no-repeat;padding:0 0 0 7vw}article section.s-recommend .grid.list .grid-text ul li+li{margin-top:2vw}article section.s-recommend .grid.list .grid-text ul li em{padding:0 0.75vw;margin:0 0.5vw 0 0}}article section.s-about{background:url(/assets/artmake/mocci/images/about01.jpg?202651185126) center center/cover no-repeat;padding:90px 0 130px}article section.s-about .container{text-align:center}article section.s-about .container p.text01{font-size:25px;font-weight:bold;line-height:1.5;font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia}article section.s-about .container p.text01 em{padding:3px 5px;background:#f6e0d3;background:linear-gradient(90deg, #f6e0d3 0%, #f4e9e0 36%, #f4e9e0 64%, #f6e0d3 100%)}article section.s-about .container p.text02{font-family:fot-tsukuaoldmin-pr6n, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:300;font-style:normal;font-size:50px;line-height:1}article section.s-about .container p.text02 em{display:inline-flex;font-size:72px;background:url(/assets/artmake/mocci/images/about02.jpg?202651185126) center center/cover no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent}article section.s-about .container p.text02 em:nth-child(1){font-size:105px;transform:skew(-10deg) translate(0, -7px)}article section.s-about .container p.text02 em:nth-child(2){font-size:85px;transform:skew(-10deg) translate(0, 15px);margin-left:-3px}article section.s-about .container p.text02 em:nth-child(3){font-size:105px;transform:skew(-10deg) translate(0, 5px);margin-left:-5px}article section.s-about .container p.text02 em:nth-child(4){font-size:70px;transform:skew(-10deg) translate(0, 20px);margin-left:-50px}article section.s-about .container p.text02 em:nth-child(5){font-size:90px;transform:skew(-10deg) translate(0, 30px);margin-left:-25px}article section.s-about .container p.text02 em:nth-child(6){font-size:100px;transform:skew(-10deg) translate(0, -3px);margin-left:-22px}article section.s-about .container p.text02 em:nth-child(7){font-size:70px;transform:skew(-10deg) translate(0, 13px);margin-left:-40px}article section.s-about .container p.text02 em:nth-child(8){font-size:100px;transform:skew(-10deg) translate(0, 8px);margin-left:-20px;margin-right:-20px}article section.s-about .container p.text02 span{display:inline-flex;font-size:60px;transform:skew(-10deg)}article section.s-about .container .text03{margin:70px 0 0}article section.s-about .container .text03 p+p{margin-top:1.5em}article section.s-about .container .text03 p em{color:#8b5531;font-weight:bold}@media only screen and (max-width: 575px){article section.s-about{padding:9vw 0 12vw}article section.s-about .container p.text01{font-size:4vw}article section.s-about .container p.text01 em{padding:0.25vw 0.75vw}article section.s-about .container p.text02{font-size:6vw;margin:2vw 0 0}article section.s-about .container p.text02 em{font-size:8vw}article section.s-about .container p.text02 em:nth-child(1){font-size:12vw;transform:skew(-10deg) translate(0, -1vw)}article section.s-about .container p.text02 em:nth-child(2){font-size:9vw;transform:skew(-10deg) translate(0, 2vw);margin-left:-3px}article section.s-about .container p.text02 em:nth-child(3){font-size:12vw;transform:skew(-10deg) translate(0, 1vw);margin-left:-5px}article section.s-about .container p.text02 em:nth-child(4){font-size:8vw;transform:skew(-10deg) translate(0, 2.5vw);margin-left:-6vw}article section.s-about .container p.text02 em:nth-child(5){font-size:10vw;transform:skew(-10deg) translate(0, 3.5vw);margin-left:-3vw}article section.s-about .container p.text02 em:nth-child(6){font-size:11vw;transform:skew(-10deg) translate(0, -0.5vw);margin-left:-2.5vw}article section.s-about .container p.text02 em:nth-child(7){font-size:8vw;transform:skew(-10deg) translate(0, 2vw);margin-left:-4vw}article section.s-about .container p.text02 em:nth-child(8){font-size:11vw;transform:skew(-10deg) translate(0, 1vw);margin-left:-2.5vw;margin-right:-2.5vw}article section.s-about .container p.text02 span{display:inline-flex;font-size:7vw;transform:skew(-10deg)}article section.s-about .container .text03{margin:7vw 2.5vw 0}}article section.s-point{background:url(/assets/artmake/mocci/images/point01.jpg?202651185126) center center/cover no-repeat;padding:90px 0 150px}article section.s-point .container{width:980px;margin:0 auto}article section.s-point .container .grid{width:910px;display:grid;grid-template-columns:115px 245px 550px;grid-template-rows:65px auto auto}article section.s-point .container .grid:nth-child(even){margin-left:auto}article section.s-point .container .grid+.grid{margin-top:65px}article section.s-point .container .grid em{font-weight:bold;color:#8b5531}article section.s-point .container .grid-bg{grid-column:2 / 4;grid-row:2 / 4;background:#fff;box-shadow:30px 30px 25px rgba(106,82,72,0.11);border-radius:0 0 70px 0;position:relative;z-index:1}article section.s-point .container .grid-img{grid-column:1 / 3;grid-row:1 / 3;position:relative;z-index:3}article section.s-point .container .grid-img .img{background:#735645;background:linear-gradient(-37deg, #735645 0%, #a58264 83%);border-radius:25px 0;padding:2px}article section.s-point .container .grid-img .img img{border-radius:23px 0}article section.s-point .container .grid-index{grid-column:3 / 4;grid-row:1 / 2;display:flex;justify-content:flex-end;align-items:flex-end;position:relative;z-index:4;padding:0 110px 17px 0;position:relative}article section.s-point .container .grid-index>p.en{font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia;font-size:15px;font-weight:bold;color:#8b5531;line-height:1.2;text-align:left;border-bottom:1px solid #735645;padding:0 40px 5px 25px}article section.s-point .container .grid-index .dia{display:flex;justify-content:center;align-items:center;flex-direction:column;width:156px;height:156px;background:url(/assets/artmake/mocci/images/point05.svg) center center/cover no-repeat;position:absolute;top:-15px;right:12px;filter:drop-shadow(5px 5px 13px rgba(106,82,72,0.38));padding:15px 0 0}article section.s-point .container .grid-index .dia>p{color:#fff;line-height:1}article section.s-point .container .grid-index .dia>p.en{font-family:century-gothic, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:400;font-style:normal;font-size:16px}article section.s-point .container .grid-index .dia>p.num{font-family:beloved-script, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:700;font-style:normal;font-size:50px;margin:7px 0 0}article section.s-point .container .grid-text01{grid-column:3 / 4;grid-row:2 / 3;display:flex;align-items:center;padding:0 40px;position:relative;z-index:2}article section.s-point .container .grid-text01 h3{font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia;font-size:25px;line-height:1.8}article section.s-point .container .grid-text01 h3 span{padding:2px 5px;background:#f6e0d3;background:linear-gradient(90deg, #f6e0d3 0%, #f4e9e0 36%, #f4e9e0 64%, #f6e0d3 100%)}article section.s-point .container .grid-text02{grid-column:2 / 4;grid-row:3 / 4;padding:25px 70px 60px;position:relative;z-index:2}@media only screen and (max-width: 575px){article section.s-point{padding:9vw 0 15vw}article section.s-point .container{width:100%}article section.s-point .container .grid{width:95%;grid-template-columns:12vw 25vw 58vw;grid-template-rows:6vw auto auto;margin:0 auto}article section.s-point .container .grid+.grid{margin-top:8vw}article section.s-point .container .grid-bg{box-shadow:4vw 4vw 3vw rgba(106,82,72,0.11);border-radius:0 0 9vw 0}article section.s-point .container .grid-img .img{border-radius:3.5vw 0;padding:1px}article section.s-point .container .grid-img .img img{border-radius:calc(3.5vw - 1px) 0}article section.s-point .container .grid-index{padding:0 9vw 1vw 0}article section.s-point .container .grid-index>p.en{font-size:2.5vw;padding:0 5vw 1vw 2vw}article section.s-point .container .grid-index .dia{width:20vw;height:20vw;top:-5.5vw;right:-5vw;filter:drop-shadow(0.75vw 0.75vw 2vw rgba(106,82,72,0.38));padding:2vw 0 0}article section.s-point .container .grid-index .dia>p.en{font-size:2.5vw}article section.s-point .container .grid-index .dia>p.num{font-size:6vw;margin:1vw 0 0}article section.s-point .container .grid-text01{padding:3vw 5vw 0}article section.s-point .container .grid-text01 h3{font-size:4vw}article section.s-point .container .grid-text01 h3 span{padding:0.5vw 1vw}article section.s-point .container .grid-text02{padding:3vw 5vw 5vw}}article section.s-photo{background:#fbfaf9;background:linear-gradient(0deg, #fbfaf9 0%, #f7ede5 100%);padding:70px 0 160px}article section.s-photo .container{text-align:center}@media only screen and (max-width: 575px){article section.s-photo{padding:9vw 0 15vw}article section.s-photo .container{padding:0 2.5vw}}article section.s-price{padding:90px 0 130px;background:#f7ede5;background:linear-gradient(0deg, #f7ede5 0%, #fbfaf9 100%)}article section.s-price .price_message{margin:0 auto 25px;width:980px;border:2px solid #a28e83}article section.s-price .price_message .ttl{font-size:23px;font-weight:bold;line-height:1.3;color:#fff;background:#a28e83;text-align:center;padding:15px 0;margin:0 auto}article section.s-price .price_message .text{display:block;background:#fff;padding:20px;font-size:17px}article section.s-price .price_message .text p+p{margin-top:10px}article section.s-price .price_note_wrap{background:#f6e9df;margin:0 auto 25px;padding:15px 15px;width:980px}article section.s-price .price_note_wrap.mens{background:#ebf9fc}article section.s-price .price_note_wrap .list-note{font-size:13px;margin:0 0 3px}article section.s-price .container{width:980px;color:#534c48;background:#fff;padding:40px;margin:0 auto}article section.s-price .container .price_wrap{display:flex;justify-content:space-between;align-items:center;padding:0 30px 20px 15px;border-bottom:1px dashed #c1c1c1}article section.s-price .container .price_wrap+.price_wrap{margin-top:20px}article section.s-price .container .price_wrap.monitor{color:#9c7860}article section.s-price .container .price_wrap p.note{font-size:25px}article section.s-price .container .price_wrap p.price{font-size:75px;font-weight:bold;line-height:1}article section.s-price .container .price_wrap p.price>span{position:relative;font-size:42px}article section.s-price .container .price_wrap p.price>span>span{font-size:16px;white-space:nowrap;position:absolute;left:50%;bottom:52px;transform:translate(-50%, 0)}article section.s-price .container .price_wrap p.price>span.plus{font-size:60px;font-weight:normal}article section.s-price .container .price_wrap.option{padding-bottom:0;border:none}article section.s-price .container .price_wrap.option p.note{font-size:18px}article section.s-price .container .option_index{font-size:24px;font-weight:bold;text-align:center;background:#f2edea;margin:40px 0 20px}@media only screen and (max-width: 575px){article section.s-price{padding:9vw 0 12vw}article section.s-price .price_message{margin:0 auto 3.2vw;width:90%}article section.s-price .price_message .ttl{font-size:4vw;padding:2vw 0}article section.s-price .price_message .text{padding:2.1vw 2.4vw;font-size:3vw}article section.s-price .price_message .text p+p{margin-top:2.5vw}article section.s-price .price_note_wrap{margin:0 auto 3.2vw;padding:2.1vw 2.4vw;width:90%}article section.s-price .price_note_wrap .list-note{font-size:2.5vw;margin:0 0 0.5vw}article section.s-price .container{width:90%;padding:4vw}article section.s-price .container .price_wrap{padding:0 3vw 2.5vw 1.5vw}article section.s-price .container .price_wrap+.price_wrap{margin-top:3vw}article section.s-price .container .price_wrap.monitor{color:#9c7860}article section.s-price .container .price_wrap p.note{font-size:4vw}article section.s-price .container .price_wrap p.price{font-size:10vw;font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}article section.s-price .container .price_wrap p.price>span{font-size:6vw}article section.s-price .container .price_wrap p.price>span>span{font-size:2.5vw;bottom:7vw}article section.s-price .container .price_wrap p.price>span.plus{font-size:8vw}article section.s-price .container .price_wrap.option p.note{font-size:3.5vw}article section.s-price .container .option_index{font-size:4vw;margin:5vw 0 2vw}}article section.s-clinic{padding:90px 0 130px}article section.s-clinic #clinic-map{min-height:950px}article section.s-clinic #clinic-map #tokai{top:400px}article section.s-clinic #clinic-map #hokkaido,article section.s-clinic #clinic-map #chugoku{display:none}@media only screen and (max-width: 575px){article section.s-clinic{padding:9vw 0 12vw}article section.s-clinic .container{width:95%;margin:0 auto}}article section.s-case{padding:90px 0 130px;background:url(/assets/artmake/mocci/images/case01.jpg?202651185126) center top/cover no-repeat}article section.s-case .container p.btn{width:520px;height:100px;margin:0 auto}article section.s-case .container p.btn+.btn{margin-top:30px}article section.s-case .container p a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:bold;color:#fff;text-decoration:none;border-radius:10px;position:relative}article section.s-case .container p a::before{content:"";width:40px;height:40px;background:#fff;border-radius:100%;position:absolute;top:50%;right:30px;transform:translate(0, -50%)}article section.s-case .container p a::after{content:"";width:12px;height:12px;position:absolute;top:50%;right:48px;transform:rotate(-135deg) translate(25%, 50%)}article section.s-case .container p.insta a{background:url(/assets/artmake/mocci/images/case02.jpg?202651185126) center top/cover no-repeat}article section.s-case .container p.insta a::before{box-shadow:inset 3px 3px 5px rgba(234,114,173,0.25),inset -1px -1px 4px rgba(95,67,219,0.5)}article section.s-case .container p.insta a::after{border-bottom:2px solid #4731d7;border-left:2px solid #4731d7}article section.s-case .container p.photo a{font-size:25px;background:url(/assets/artmake/mocci/images/case03.jpg?202651185126) center top/cover no-repeat}article section.s-case .container p.photo a::before{box-shadow:inset 3px 3px 5px rgba(209,164,126,0.25),inset -1px -1px 4px rgba(141,100,68,0.5)}article section.s-case .container p.photo a::after{border-bottom:2px solid #481c00;border-left:2px solid #481c00}@media only screen and (max-width: 575px){article section.s-case{padding:9vw 0 12vw}article section.s-case .container p.btn{width:82vw;height:14vw}article section.s-case .container p.btn+.btn{margin-top:4vw}article section.s-case .container p a{border-radius:1.5vw;padding:0 2vw 0 0}article section.s-case .container p a::before{width:6vw;height:6vw;right:3vw}article section.s-case .container p a::after{width:2vw;height:2vw;right:5.8vw;transform:rotate(-135deg) translate(25%, 50%)}article section.s-case .container p.insta a{background:url(/assets/artmake/mocci/images/case02.jpg?202651185126) center top/cover no-repeat}article section.s-case .container p.insta a::before{box-shadow:inset 0.5vw 0.5vw 0.75vw rgba(234,114,173,0.25),inset -1px -1px 0.5vw rgba(95,67,219,0.5)}article section.s-case .container p.insta a::after{border-bottom:2px solid #4731d7;border-left:2px solid #4731d7}article section.s-case .container p.photo a{font-size:4.2vw;background:url(/assets/artmake/mocci/images/case03.jpg?202651185126) center top/cover no-repeat}article section.s-case .container p.photo a::before{box-shadow:inset 0.5vw 0.5vw 0.75vw rgba(209,164,126,0.25),inset -1px -1px 0.5vw rgba(141,100,68,0.5)}article section.s-case .container p.photo a::after{border-bottom:2px solid #481c00;border-left:2px solid #481c00}}article section.s-flow{padding:90px 0 120px;background:url(/assets/artmake/mocci/images/flow01.jpg?202651185126) center top/cover no-repeat}article section.s-flow .container{position:relative;overflow:hidden}article section.s-flow .container::before{content:"";display:block;width:1px;height:100%;background:#735645;position:absolute;left:50%;top:0}article section.s-flow .container ul li{display:grid;grid-template-columns:1fr 138px 230px 244px 230px 138px 1fr;grid-template-rows:auto}article section.s-flow .container ul li+li{margin-top:85px}article section.s-flow .container ul li .grid-gradient{grid-column:1 / 6;grid-row:1 / 2;border-radius:0 20px 20px 0;background:#735645;background:linear-gradient(90deg, rgba(115,86,69,0) 10%, #735645 60%);box-shadow:13px 13px 9px rgba(68,52,42,0.1);position:relative}article section.s-flow .container ul li .grid-gradient::before,article section.s-flow .container ul li .grid-gradient::after{content:"";display:block;position:absolute;left:0;top:50%;transform:translate(0, -50%)}article section.s-flow .container ul li .grid-gradient::before{width:calc(100% - 1px);height:calc(100% - 2px);border-radius:0 19px 19px 0;background:#fff;background:linear-gradient(90deg, rgba(255,255,255,0) 10%, #fff 60%)}article section.s-flow .container ul li .grid-gradient::after{width:calc(100% - 3px);height:calc(100% - 6px);border-radius:0 17px 17px 0;background:#f6efea;background:linear-gradient(90deg, rgba(246,239,234,0) 10%, #f6efea 60%)}article section.s-flow .container ul li .grid-text{grid-column:2 / 5;grid-row:1 / 2;padding:45px 40px 55px 50px;position:relative}article section.s-flow .container ul li .grid-text>header{color:#fff;position:relative;overflow:hidden;margin:0 0 25px}article section.s-flow .container ul li .grid-text>header h3{display:flex;justify-content:center;align-items:center;height:50px;font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia;font-size:23px;font-weight:bold;text-align:center;border-radius:100px;background:url(/assets/artmake/mocci/images/flow07.jpg?202651185126) center center/cover no-repeat}article section.s-flow .container ul li .grid-text>header h3.long{padding-left:100px}article section.s-flow .container ul li .grid-text>header p{font-family:adobe-handwriting-ernie, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-weight:400;font-style:normal;font-size:17px;position:absolute;left:25px;top:50%;transform:translate(0, -50%)}article section.s-flow .container ul li .grid-text>header p>span{font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E",メイリオ,Meiryo,serif,Georgia;font-size:70px;position:absolute;left:20px;top:50%;transform:translate(0, -47.5%);opacity:0.37}article section.s-flow .container ul li .grid-img{display:flex;align-items:center;grid-column:5 / 7;grid-row:1 / 2;min-height:280px;position:relative}article section.s-flow .container ul li.reverse .grid-gradient{grid-column:3 / 8;border-radius:20px 0 0 20px;left:inherit;right:0;background:linear-gradient(90deg, #735645 40%, rgba(115,86,69,0) 90%)}article section.s-flow .container ul li.reverse .grid-gradient::before{left:inherit;right:0;border-radius:19px 0 0 19px;background:linear-gradient(90deg, #fff 40%, rgba(255,255,255,0) 90%)}article section.s-flow .container ul li.reverse .grid-gradient::after{left:inherit;right:0;border-radius:17px 0 0 17px;background:linear-gradient(90deg, #f6efea 40%, rgba(246,239,234,0) 90%)}article section.s-flow .container ul li.reverse .grid-text{grid-column:4 / 7;grid-row:1 / 2}article section.s-flow .container ul li.reverse .grid-img{justify-content:flex-end;grid-column:2 / 4}@media only screen and (max-width: 575px){article section.s-flow{padding:9vw 0 12vw}article section.s-flow .container ul li{grid-template-columns:1fr 13vw 22vw 20vw 22vw 13vw 1fr;grid-template-rows:auto auto}article section.s-flow .container ul li+li{margin-top:8vw}article section.s-flow .container ul li .grid-gradient{grid-column:1 / 7;grid-row:1 / 3;border-radius:0 3vw 3vw 0;background:linear-gradient(90deg, rgba(115,86,69,0) 0%, #735645 60%);box-shadow:2vw 2vw 1.5vw rgba(68,52,42,0.1)}article section.s-flow .container ul li .grid-gradient::before{border-radius:0 calc(3vw - 1px) calc(3vw - 1px) 0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 60%)}article section.s-flow .container ul li .grid-gradient::after{border-radius:0 calc(3vw - 3px) calc(3vw - 3px) 0;background:linear-gradient(90deg, rgba(246,239,234,0) 0%, #f6efea 60%)}article section.s-flow .container ul li .grid-text{grid-column:2 / 7;grid-row:1 / 2;padding:5vw 4vw 3vw 0}article section.s-flow .container ul li .grid-text>header{margin:0 0 3vw}article section.s-flow .container ul li .grid-text>header h3{height:8vw;font-size:4vw}article section.s-flow .container ul li .grid-text>header h3.long{padding-left:5vw}article section.s-flow .container ul li .grid-text>header p{font-size:2.5vw;left:2vw}article section.s-flow .container ul li .grid-text>header p>span{font-size:10vw;left:2vw}article section.s-flow .container ul li .grid-img{justify-content:center;grid-column:2 / 7;grid-row:2 / 3;min-height:inherit;padding:0 3vw 4vw}article section.s-flow .container ul li .grid-img img{width:50vw}article section.s-flow .container ul li.reverse .grid-gradient{grid-column:2 / 7;border-radius:20px 0 0 20px;left:inherit;right:0;background:linear-gradient(90deg, #735645 40%, rgba(115,86,69,0) 90%)}article section.s-flow .container ul li.reverse .grid-gradient::before{left:inherit;right:0;border-radius:19px 0 0 19px;background:linear-gradient(90deg, #fff 40%, rgba(255,255,255,0) 90%)}article section.s-flow .container ul li.reverse .grid-gradient::after{left:inherit;right:0;border-radius:17px 0 0 17px;background:linear-gradient(90deg, #f6efea 40%, rgba(246,239,234,0) 90%)}article section.s-flow .container ul li.reverse .grid-text{grid-column:4 / 7;grid-row:1 / 2}article section.s-flow .container ul li.reverse .grid-img{justify-content:flex-end;grid-column:2 / 4}}.instagram_slider{padding:60px 0 0;text-align:center}.instagram_slider iframe{border:1px solid #dbdbdb;margin:0px auto;width:430px;height:720px;border-radius:4px;display:block;padding:0px}.instagram_slider .infllist>.visible>.bxslider{display:none}.instagram_slider .infllist>.visible>.bx-wrapper>.bx-viewport>.bxslider{display:block}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager{display:flex;justify-content:center;align-items:center;gap:0 7px;font-size:1em;padding:0;bottom:-25px}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{display:inline-flex}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a{width:12px;height:12px;border-radius:100%;margin:0;background:rgba(156,120,96,0.25)}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active{background:#9c7860}@media screen and (max-width: 979px){.instagram_slider{padding:9vw 2.5vw 17vw}.instagram_slider iframe{width:320px;height:600px;border-radius:4px;display:block;padding:0px}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager{gap:0 1.5vw;bottom:-6vw}.instagram_slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a{width:3vw;height:3vw}}
