@charset "utf-8";#slider{position:relative;overflow:visible}#slider_pc,#slider_pc img,#slider_sp,#slider_sp img{width:100%}#slider_pc:not(.slick-initialized){position:relative}#slider_pc:not(.slick-initialized):before{content:"";display:block;padding-top:40%}#slider_sp:not(.slick-initialized){position:relative}#slider_sp:not(.slick-initialized):before{content:"";display:block;padding-top:54.545454545455%}#slider_pc:not(.slick-initialized)>li,#slider_sp:not(.slick-initialized)>li{position:absolute;top:0;left:0;width:100%;z-index:1}#slider_pc:not(.slick-initialized)>li:first-child,#slider_sp:not(.slick-initialized)>li:first-child{z-index:2}#slider_pc li a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.2s ease-out 0s}#slider_pc li a img:hover{opacity:.7}@media screen and (max-width:767px){#slider:after{bottom:20px}#slider_pc{display:none}#slider_sp .slick-dots{bottom:0}}@media screen and (min-width:768px){#slider:after{bottom:0}#slider_sp{display:none}#slider_pc .slick-dots{bottom:0}}[class^="article_category_"]{background-color:#46AB97;color:#FFF;display:inline-block;font-size:75%;padding:0 1em;text-decoration:none}#top_article{background-color:#F2F2F2}@media screen and (max-width:767px){#top_article{}}@media screen and (min-width:768px){#top_article{}}#article_slide:not(.slick-slider){opacity:0}#article_slide{margin-left:auto;margin-right:auto;position:relative}#article_slide:after{clear:both;content:"";display:block}#article_slide>li,#article_slide li.slick-slide{text-align:left}#article_slide>li a,#article_slide li.slick-slide a{display:block;text-decoration:none}#article_slide li img{width:100%}#article_slide>li section:last-child b,#article_slide li.slick-slide section:last-child b{display:block;height:3.1em;overflow:hidden}#article_slide>li section:last-child p,#article_slide li.slick-slide section:last-child p{font-size:75%}#article_slide li.slick-slide{margin:5px;padding:5px}#article_slide li.slick-slide a section:first-child{overflow:hidden;position:relative}#article_slide li.slick-slide a section:first-child:before{content:"";display:block;padding-top:75%}#article_slide li.slick-slide a section:first-child img{position:absolute;top:0;left:auto;right:auto}#article_slide>li section:last-child,#article_slide li.slick-slide section:last-child{padding:0 0 5px}#article_slide .slick-dots{position:static;bottom:unset}@media screen and (max-width:767px){#article_slide{padding-top:3.125%;padding-bottom:3.125%}#article_slide>li section:last-child b,#article_slide li.slick-slide section:last-child b{font-size:62.5%}#article_slide li.slick-slide section:last-child p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#article_slide>li section:last-child time,#article_slide li.slick-slide section:last-child time{font-size:50%}#article_slide>li section:last-child [class^="article_category_"],#article_slide li.slick-slide section:last-child [class^="article_category_"]{font-size:50%}}@media screen and (min-width:768px){#article_slide{padding-top:30px;padding-bottom:30px}#article_slide>li section:last-child b,#article_slide li.slick-slide section:last-child b{font-size:87.5%}#article_slide li.slick-slide section:last-child p{overflow:hidden}#article_slide>li section:last-child time,#article_slide li.slick-slide section:last-child time{font-size:75%}}@media screen and (min-width:940px){#article_slide li.slick-slide a section:first-child img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 0.2s ease-out 0s}#article_slide li.slick-slide a section:first-child:hover img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}#advantage{background-color:#00A8BE;color:#FFF}#advantage h2{line-height:1.2;position:relative}#advantage h2:before,#advantage h2:after{background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#advantage h2:before{background-image:url(https://s-coco.biz/images/user/top/decoration_010.webp)}#advantage h2:after{background-image:url(https://s-coco.biz/images/user/top/decoration_020.webp)}#advantage hr{border-color:#FFF}#advantage ul{counter-reset:num}#advantage ul>li{display:inline-block;vertical-align:top}#advantage ul>li span{background-color:#FCEE21;color:#000;display:inline-block;font-size:75%;font-weight:700;height:70px;line-height:1.2;padding-top:5px;position:relative;width:70px}#advantage ul>li span:before{background:url(https://s-coco.biz/images/user/icon/scoop.webp) right bottom no-repeat;background-size:contain;content:"";padding-top:25px;position:absolute;bottom:8px;right:8px;width:25px}#advantage ul>li span:after{content:counter(num);counter-increment:num;display:block;font-size:300%;padding-right:25px}#advantage ul>li div img{width:100%}#advantage ul>li p{font-size:87.5%;text-align:left}@media screen and (max-width:479px){#advantage ul>li{width:93.75%}}@media screen and (min-width:480px) and (max-width:767px){#advantage ul>li{width:-webkit-calc((100% - (3.125% * 3)) / 2);width:calc((100% - (3.125% * 3)) / 2)}#advantage ul>li:nth-child(even){margin-left:3.125%}}@media screen and (max-width:767px){#advantage{padding-top:3.125%;padding-bottom:3.125%}#advantage h2{font-size:150%;margin-bottom:3.125%}#advantage h2:before,#advantage h2:after{height:35px;width:15px}#advantage h2:before{right:-webkit-calc(50% + 5.5em);right:calc(50% + 5.5em)}#advantage h2:after{left:-webkit-calc(50% + 5.5em);left:calc(50% + 5.5em)}#advantage hr{margin:0 auto;width:93.75%}#advantage ul>li{margin-top:3.125%}#advantage ul>li span{margin-bottom:1.5625%}#advantage ul>li h3{font-size:125%}}@media screen and (min-width:768px){#advantage{padding-top:50px;padding-bottom:50px}#advantage h2{font-size:200%;margin-bottom:30px}#advantage h2:before,#advantage h2:after{height:70px;width:30px}#advantage h2:before{right:-webkit-calc(50% + 9.2em);right:calc(50% + 9.2em)}#advantage h2:after{left:-webkit-calc(50% + 9.2em);left:calc(50% + 9.2em)}#advantage hr{margin:0 20px}#advantage ul{padding:0 20px}#advantage ul>li{margin-top:30px;width:335px}#advantage ul>li span{margin-bottom:10px}#advantage ul>li>div{margin-bottom:10px}#advantage ul>li h3{font-size:150%;margin-bottom:10px}}@media screen and (min-width:768px) and (max-width:939px){#advantage ul>li:nth-child(even){margin-left:-webkit-calc(100% - (335px * 2));margin-left:calc(100% - (335px * 2))}}@media screen and (min-width:940px){#advantage ul>li:not(:nth-child(3n+1)){margin-left:-webkit-calc((100% - (335px * 3)) / 2);margin-left:calc((100% - (335px * 3)) / 2)}}
