@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;transition:0.3s;}html{line-height:1}ol,ul,menu{list-style:none;}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
input,select,option,textarea,button{border-radius:none;border:none;box-shadow:none;-moz-appearance:none;-webkit-appearance:none;background:none;}
a{text-decoration:none;}
a:hover{opacity:0.8;}
body{font-family:"M PLUS Rounded 1c","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;font-weight:normal;position:relative;transition:unset;color:#333333;}
img{width:100%;display:block;}

header{position:relative;background-repeat:no-repeat;background-image:url("img/sclshbg01.jpg");border-top:6px solid #61cbe5;background-size:cover;}
header h1{filter:drop-shadow(0 0 3px #ffffff);position:absolute;z-index:200;right:20px;top:20px;width:160px;}
header h2{position:relative;z-index:100;width:930px;margin:0 auto;padding:30px 0 0 0;}
header hr{border:none;margin:0;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:150px;background-repeat:repeat;background-size:auto;background-image:url("img/sclshbg02.png");}

section{background:#ffffff;width:100%;}

section .type{padding:50px 0;}
section .type img{margin:0 auto;width:900px;}

section .point{background-repeat:repeat;background-size:auto;background-image:url("img/sclshbg03.gif");padding:50px 0;}
section .point h3{margin:0 auto;width:1200px;}
section .point ul{margin:0 auto;width:940px;}
section .point ul li{width:900px;margin:40px 0 0 0;}
section .point ul li:nth-child(2){margin:40px 0 0 40px;}

section .product{padding:50px 0;}
section .product h4{margin:0 auto;width:940px;}

section .product.st{background:#61cbe5;}
section .product.kn{background:#ffe989;}
section .product.sp{background:#61cbe5;padding:50px 0 100px;}

section .product div{background:#ffffff;font-size:0;margin:0 auto;text-align:center;border-radius:0 0 20px 20px;width:940px;padding:0 0 50px 0;}
section .product div a{display:inline-block;width:300px;margin:80px 60px 0 60px;}
section .product a > img{border:1px solid #cccccc;}
section .product a p{line-height:1.6;border-bottom:1px solid #666666;padding:10px 0;font-size:20px;color:#333333;}
section .product a p i{font-style:normal;}
section .product a q{font-weight:bold;color:#f00000;display:block; padding:10px 0;font-size:30px;}
section .product a q em{font-style:normal;font-size:20px;}
section .product a q em:after{font-weight:normal;content:"（税込）";font-size:16px;}
section .product a span{display:block;margin:0 auto;width:200px;}


section .review{background-repeat:repeat;background-size:auto;background-image:url("img/sclshbg04.gif");position:relative;padding:0 0 50px 0;overflow:hidden;}
section .review h5{margin:-20px auto 0;width:640px;}
section .review h5 img{position:relative;z-index:100;}
section .review h5:before{background-repeat:repeat;background-size:auto;background-image:url("img/sclshbg04.gif");content:"";z-index:10;position:absolute;left:0;right:0;top:-40px;border-radius:50%;margin:0 auto;width:320px;height:180px;}
section .review ul{margin:50px auto 0;width:940px;position:relative;z-index:10}
section .review ul li{width:900px;margin:20px 0 0 0;}
section .review ul li:nth-child(even){margin:20px 0 0 40px;}

section .review:before{content:"";position:absolute;left:30px;top:300px;width:600px;height:800px;background-repeat:no-repeat;background-size:cover;background-image:url("img/sclshbg05.webp");z-index:1;}
section .review:after{content:"";position:absolute;right:30px;top:200px;width:680px;height:1000px;background-repeat:no-repeat;background-size:cover;background-image:url("img/sclshbg06.webp");z-index:1;}



footer{position:relative;background-repeat:no-repeat;background-image:url("img/sclshbg07.jpg");background-size:cover;padding:40px 0 0 0;}
footer h6{position:relative;z-index:100;margin:0 auto;width:1000px;}
footer h6 img{margin:0 0 0 60px;}

footer a{border:2px solid #ffffff;position:absolute;z-index:200;text-align:center;display:block;background:#61cbe5;left:0;right:0;margin:0 auto;color:#ffffff;border-radius:10px;font-size:20px;bottom:60px;width:200px;padding:10px 0;}
footer small{position:absolute;z-index:200;text-align:center;display:block;width:100%;bottom:20px;font-size:12px;}
footer hr{border:none;margin:0;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:120px;background-repeat:repeat;background-size:auto;background-image:url("img/sclshbg02.png");}

s{filter:drop-shadow(0 0 4px #ffffff);position:fixed;right:50px;bottom:50px;width:80px;}
s a{display:block;}

br.mb{display:none;}


@media (max-width:1080px){
	
	
header h1{right:20px;top:20px;width:100px;}
header h2{width:95%;padding:30px 0 0 0;}
header hr{height:60px;}

section .type{padding:30px 0;}
section .type img{width:90%;}

section .point{padding:30px 0;}
section .point h3{width:95%;}
section .point ul{width:90%;}
section .point ul li{width:100%;margin:20px 0 0 0;}
section .point ul li:nth-child(2){margin:20px 0 0 0;}

section .product{padding:30px 0;}
section .product h4{margin:0 auto;width:95%;}

section .product.sp{padding:30px 0 60px;}
	
section .product div{border-radius:0 0 10px 10px;width:95%;padding:0 0 30px 0;}
section .product div a{width:44%;margin:50px 3% 0 3%;}

section .product a p{font-size:16px;}
section .product a p i{font-size:12px;}
section .product a q{font-size:18px;}
section .product a q em{font-size:14px;}
section .product a q em:after{font-size:12px;}
section .product a span{width:90%;}

section .review{padding:30px 0;}
section .review h5{margin:0 auto;width:80%;}
section .review h5 img{position:relative;z-index:100;}
section .review h5:before{display:none;}
section .review ul{margin:30px auto 0;width:90%;}
section .review ul li{width:100%;margin:20px 0 0 0;}
section .review ul li:nth-child(even){margin:20px 0 0 0;}

section .review:before{display:none;}
section .review:after{display:none;}
	
	
footer{padding:20px 0 0 0;}
footer h6{width:90%;}
footer h6 img{margin:0;}
footer a{bottom:50px;}
footer small{bottom:20px;}
footer hr{position:static;}

s{;right:20px;bottom:20px;width:50px;z-index:300;}
	
br.mb{display:block;}
	
}