@-webkit-keyframes morphing{0%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}25%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}50%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}75%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}100%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}}@keyframes morphing{0%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}25%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}50%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}75%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}100%{border-radius:43% 55% 41% 36% / 41% 46% 50% 55%}}@-webkit-keyframes morphing-2{0%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}25%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}50%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}75%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}100%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}}@keyframes morphing-2{0%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}25%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}50%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}75%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}100%{border-radius:50% 50% 39% 61% / 57% 69% 31% 44%}}@-webkit-keyframes trans{0%{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:1;-webkit-transform:translate(6px, 6px);transform:translate(6px, 6px)}}@keyframes trans{0%{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:1;-webkit-transform:translate(6px, 6px);transform:translate(6px, 6px)}}.opening{-webkit-transform:translateY(5%);transform:translateY(5%);opacity:0;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.opening.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.is-view{-webkit-transform:translateY(5%);transform:translateY(5%);opacity:0;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transition-delay:.8s;transition-delay:.8s}.is-view:after{opacity:0}.is-view.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.is-view.show:after{-webkit-animation-name:trans;animation-name:trans;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.br-pc{display:block}.slider ul{padding-top:42.96875%}.slider ul li img{width:100%;max-width:auto;height:auto;border:none;border-radius:0}@media screen and (min-width: 1281px){.slider ul{padding-top:550px}.slider ul li{width:2000px}}.slide-pager{display:none}.tone{padding:50px 0 20px;background:#eff9ff}.tone img{max-width:100%;height:auto}.tone-title{text-align:center}.tone-lead{max-width:514px;margin:0 auto 16px}.tone-box{position:relative;max-width:750px;padding:0 8px;margin:0 auto}.tone-scene{position:relative;z-index:1;line-height:1}.tone-scene:after{content:'';position:absolute;line-height:1;z-index:-1;top:0;left:0;width:100%;height:100%;background:url("../img/tone_bg.jpg") repeat 0 0}.tone-scene1-bg{text-align:center;padding-bottom:5%}.tone-scene1-bg img{width:650px}.tone-scene1-1{position:absolute;top:12%;right:8px;width:99px}.tone-scene1-2{position:absolute;top:28%;left:8px;width:99px}.tone-scene2{max-width:580px}.tone-scene2-1{position:absolute;top:50px;right:100px;width:120px}.tone-scene3{max-width:700px}.tone-scene3-bg{text-align:right}.tone-scene3-1{position:absolute;top:6%;left:170px;width:120px}.tone-scene3-text{color:#16315f;text-align:right;font-size:12px}.micro{padding:40px 0;max-width:740px;margin:0 auto}.micro img{max-width:100%;height:auto}.micro-line{width:100%;height:4px;background:url("../img/micro_line.jpg") repeat 0 0;margin-top:32px;margin-bottom:32px}.micro-title{width:308px;margin:0 auto 40px}.micro-point{text-align:center}.micro-lead{position:relative}.micro-cap{font-size:12px;text-align:right}.micro-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.micro-box h4{margin-bottom:8px}.micro-box .point2-title-1{color:#16315f}.micro-box img{height:190px;margin-bottom:8px}.micro-inner:first-of-type{max-width:200px;margin-right:40px}.micro-inner:last-of-type{max-width:388px}.micro-illust{width:196px;margin:0 auto}.micro .point1 h3{width:224px;margin:0 auto 16px}.micro .point1 p{position:absolute;top:-16px;left:0;width:87px}.micro .point2 h3{width:350px;margin:0 auto 32px}.micro .point2 p{position:absolute;z-index:-1;top:-16px;left:0;width:87px}.micro .point3 h3{width:330px;margin:0 auto 32px}.micro .point3 p{position:absolute;z-index:-1;top:-16px;left:0;width:87px}.bg-blue{padding:40px 0 20px;background:#eff9ff}.bg-blue img{max-width:100%;height:auto}.bg-blue .pc-view{display:block}.bg-blue .sp-view{display:none}.bg-blue .pc-br{display:inline-block}.point-w{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 60px}.point-w h4{max-width:368px;margin-bottom:16px;font-size:34px;color:#233a65}.point-w p{margin-left:26px;font-size:18px}.point-w-img{padding-top:24px}.point-2{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1000px;margin:0 auto 24px}.point-2 .point-box{width:340px;min-height:548px;margin-left:auto}.point-2 .point-image{position:absolute;top:0;left:0;overflow:hidden;-webkit-animation:morphing-2 10s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;animation:morphing-2 10s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite}.point-2 .point-title{padding-top:20px}.perfect-whip{font-family:'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif}.perfect-whip .pc-view{display:block}.perfect-whip .sp-view{display:none}.perfect-whip img{max-width:100%;height:auto;-webkit-backface-visibility:hidden}@media all and (-ms-high-contrast: none){*::-ms-backdrop,.perfect-whip{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif}}.lineup{max-width:1000px;margin:0 auto}.lineup-title{margin-bottom:40px;text-align:center}.lineup__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:16px 16px 20px 16px}.lineup__head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:334px;margin-right:5%}.lineup__product{margin:72px 0 0 3%}.lineup__winning{position:absolute;top:54%;left:5%;width:50%}.lineup__text{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:610px;padding-top:3%}.lineup__text h4{margin-bottom:16px;font-size:24px}.lineup__text h3{position:relative;margin-bottom:32px;font-size:36px;line-height:1.2}.lineup__text h3:after{content:'';position:absolute;bottom:-10px;left:0;width:64px;height:2px;background:#000;display:block}.lineup__text p{margin-bottom:24px;font-size:20px}.lineup__text p.notes{margin-bottom:0;font-size:12px}.lineup__text p.msg{margin-bottom:16px;font-size:16px}.lineup__text li{font-size:20px}.lineup__lead-u{color:#344b9f}.lineup__lead-in{color:#db7aab}.lineup__lead-clay{color:#a1a2a2}.lineup__feature{margin-bottom:32px}.lineup__feature--clay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:32px}.lineup__feature--clay img{width:196px;margin-right:16px}.lineup__feature--clay p{font-size:18px}.lineup__link{margin-bottom:32px}.lineup__link a{padding:16px 28px;background:#16315f;color:#fff;font-size:18px;border-radius:6px}.lineup__link a:hover{text-decoration:none;background:#fff;-webkit-box-shadow:0px 0px 0px 1px #16315f inset;box-shadow:0px 0px 0px 1px #16315f inset;color:#16315f}.point-box{position:relative}.point-title{position:relative;margin-bottom:32px}.point-title:after{content:'';position:absolute}.point-text{font-size:18px;line-height:2}.general{position:relative;padding-top:120px;padding-bottom:100px}.general__radius{position:absolute;top:-2px;left:0;width:100%;height:80px}.general__radius img{width:100%}.general-title{margin-bottom:16px;text-align:center;font-size:18px}.general-title span{display:block;font-size:32px}.general-title span.cap{font-size:20px}.general__movie{position:relative;margin-bottom:80px;text-align:center}.general__movie--icon{position:absolute;top:50%;left:50%;width:81px;height:80px;margin:-40px 0 0 -40px;background:url("../img/banner_cm_icon.png") no-repeat 0 0}.general__movie a{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.general__movie a:hover{opacity:.8}.general__banner{max-width:960px;padding:0 16px;margin:0 auto 80px}.general__banner img{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.general__banner:hover img{opacity:.8;-webkit-transition:0.2s;transition:0.2s}.l-ec{padding:0 16px;margin:0 auto;max-width:960px}.l-ec__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(245,199,214,0.5);border-radius:10px}.l-ec__nav li{width:24.2%;text-align:center}.l-ec__nav a{display:block;padding:6px;background:#dd276f;border-radius:8px;color:#fff;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.l-ec__nav a:hover{opacity:.7}.l-ec__nav div{padding:8px;margin-bottom:8px;background:#fff}.l-ec__nav div img{width:140px}.l-ec__nav p{font-size:14px}@media screen and (max-width: 1000px) and (min-width: 601px){.lineup{margin:0 16px}.lineup__tab li{font-size:26px}.lineup__tab span{font-size:19px}.lineup__text{width:calc(100% - 240px)}.lineup__text h3{font-size:28px}.lineup__text p{font-size:18px}}@media screen and (max-width: 1120px) and (min-width: 601px){.point-1{padding:0 16px}.point-1 .point-box{min-height:auto}.point-1 .point-image{width:58%;margin-right:8px}.point-1 .point-catch{width:15.15625%;top:-3%;right:8px}.point-w{padding:0 16px}.point-2{padding:0 16px}.point-2 .point-box{min-height:480px}.point-2 .point-image{width:58%;margin-left:8px}.point-2 .point-catch{width:13.59375%;top:-4%;left:8px}}@media screen and (max-width: 960px) and (min-width: 601px){.point-2 .point-box{min-height:420px}}@media screen and (max-width: 600px){@-webkit-keyframes trans{0%{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:1;-webkit-transform:translate(3px, 3px);transform:translate(3px, 3px)}}@keyframes trans{0%{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:1;-webkit-transform:translate(3px, 3px);transform:translate(3px, 3px)}}.is-view.show:after{-webkit-transform:translate(3px, 3px);transform:translate(3px, 3px)}.br-pc{display:none}.slider ul{padding-top:138.66667%}.slider ul li{width:100%}.tone{padding:50px 0}.tone-title{margin:0 24px}.tone-lead{margin:0 24px 8px}.tone-box{padding:0}.tone-scene:after{background:url("../img/tone_bg.jpg") repeat 0 0;background-size:12px auto}.tone-scene1-bg{padding-bottom:10%}.tone-scene1-bg img{width:650px}.tone-scene1-1{top:6%;right:8px;width:16%}.tone-scene1-2{top:28%;left:8px;width:16%}.tone-scene2-bg{padding-bottom:10%}.tone-scene2-1{top:8px;right:24px;width:35.73333%}.tone-scene3-bg{margin-left:0}.tone-scene3-1{top:0;left:16px;width:32.53333%}.tone-scene3-text{font-size:10px;margin-right:8px}.micro{padding:30px 8px}.micro-line{height:2px;background:url("../img/micro_line.jpg") repeat 0 0;background-size:9px auto;margin-top:16px;margin-bottom:32px}.micro-title{width:55.31335%;margin-bottom:32px}.micro-text{padding:0 12px 8px;text-align:left}.micro-cap{font-size:10px;text-align:left}.micro-box{display:block}.micro-inner{max-width:100% !important}.micro-inner p{margin-bottom:32px;font-size:12px}.micro-inner:first-of-type{margin:0 auto}.micro-inner:first-of-type img{width:140px;height:auto;margin-bottom:12px}.micro-inner:last-of-type img{width:300px;height:auto;margin-bottom:12px}.micro-illust{width:240px}.micro .point1 h3{width:44.14169%;margin:0 auto 16px}.micro .point1 p{position:absolute;top:-16px;left:0;width:14.7139%}.micro .point2 h3{width:69.20981%;margin:0 auto 32px}.micro .point2 p{position:absolute;top:-16px;left:0;width:16.07629%}.micro .point3 h3{width:65.3951%;margin:0 auto 32px}.micro .point3 p{position:absolute;top:-16px;left:0;width:16.07629%}.bg-blue .pc-view{display:none}.bg-blue .sp-view{display:block}.bg-blue .pc-br{display:none}.point-w{margin:0 8px 0}.point-w-title{margin:0 8px 16px;width:88.0109%}.point-w p{margin-left:12px;font-size:14px;line-height:1.8}.point-w-img{padding-top:0;width:100px;height:100px !important}.point-2{display:block;max-width:1000px;padding-top:32px;overflow:hidden}.point-2 .point-box{margin:-10px 12px 0;min-height:548px;min-height:auto}.point-2 .point-image{position:static;margin:0 8px}.point-2 .point-title{width:242px;padding-top:24px}.perfect-whip .pc-view{display:none}.perfect-whip .sp-view{display:block}#footer-renewal{padding-top:0;margin-top:-36px}.pc-br{display:none}.point-box{position:relative;z-index:0}.point-title{margin-bottom:16px}.point-text{font-size:14px}.lineup-title{width:50%;margin:0 auto 40px}.lineup__box{display:block;padding:0 8px 20px 8px}.lineup__head{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-right:0}.lineup__product{margin:12px 2% 0 2%;width:46%}.lineup__winning{position:static;-ms-flex-item-align:center;align-self:center;-ms-flex-preferred-size:40%;flex-basis:40%;font-size:16px}.lineup__text{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:3%}.lineup__text h3{position:relative;margin-bottom:16px;font-size:18px;line-height:1.2;text-align:center}.lineup__text h3:after{bottom:-6px;left:50%;width:40px;margin-left:-20px;height:1px}.lineup__text p{margin-bottom:16px;text-align:center;font-size:14px}.lineup__text p.notes{margin:0 12px 16px;text-align:left;font-size:10px}.lineup__text p.msg{text-align:center;margin-bottom:16px;font-size:10px}.lineup__text ul{text-align:center}.lineup__text li{font-size:14px;display:inline-block}.lineup__feature{text-align:center;margin-bottom:16px}.lineup__feature--clay{margin:0 16px 16px}.lineup__feature--clay img{width:50%}.lineup__feature--clay p{text-align:left}.lineup__rev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.lineup__link{text-align:center;padding:0 8px}.lineup__link a{display:block;padding:12px;font-size:12px;border-radius:4px}.general{padding-top:40px}.general__radius{height:40px}.general-title{padding-top:8px;font-size:12px}.general-title span{font-size:18px}.general-title span.cap{font-size:12px}.general__movie{padding:0 8px;margin-bottom:40px}.general__movie--icon{width:40px;height:40px;margin:-20px 0 0 -20px;background-size:40px auto}.general__banner{padding:0 8px;margin-bottom:40px}.l-ec{padding:0}.l-ec__nav{display:block;margin:0 8px;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.l-ec__nav li{width:100%;text-align:left;margin-bottom:8px}.l-ec__nav li:last-child{margin-bottom:0}.l-ec__nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px;background:#dd276f;border-radius:6px;text-decoration:none}.l-ec__nav div{padding:8px 0;margin-bottom:0;width:50%;text-align:center}.l-ec__nav div img{width:80px}.l-ec__nav p{width:50%;text-align:center;font-size:12px;color:#fff}}