@charset "UTF-8";

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}

a{text-decoration:none;color:#ef0075;}
ul{list-style:none;}

.sans{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,Meiryo,sans-serif;}
.cat_tag{width:120px;height:120px;font-size:18px;font-weight:bold;line-height:120px;text-align:center;position:absolute;z-index:1000;top:0;left:50%;margin:-60px 0 0 -60px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3);}

.header{background:#222;}
.header h1{width:80%;margin:0 auto;padding:15px;color:#fff;font-size:12px;font-weight:normal;}

.hero{line-height:0;}
.hero img{width:100%;}

.product{padding:90px 0;position:relative;}
.product .notes{width:80%;margin:0 auto 50px;background:#f8f8f8;padding:20px;}
.product .sample{display:flex;flex-wrap:wrap;width:80%;margin:0 auto;overflow:hidden;}
.product .sample dl{width:33.3333%;padding:10px;}
.product .sample dl dt{text-align:center;}
.product .sample dl dt img{width:100%;max-width:400px;}
.product .sample dl dd{padding:10px;}

.about{background:#f8f8f8;padding:90px 0;position:relative;}
.about .company{width:80%;margin:0 auto;font-size:20px;}
.about .company th{width:35%;padding:20px;}
.about .company td{width:65%;padding:20px;}
.about i{line-height:1;vertical-align:middle;cursor:pointer;}
.about i.on{color:#ef0075;}

.gmap{transition:all 1s ease;display:none;}

.footer{padding:60px 0;background:#222;}
.footer ul{width:80%;margin:0 auto;overflow:hidden;}
.footer ul li{display:inline-block;margin-right:1.0em;}
.footer ul li:last-child{float:right;color:#fff;margin-right:0;}

@media only screen and (max-width:640px){
	.product .sample dl{width:100%;}
	.about .company th{width:100%;display:block;text-align:left;}
	.about .company td{width:100%;display:block;border-bottom:1px dashed #ccc;}
	.footer ul{text-align:center;}
	.footer ul li{display:inline-block;}
	.footer ul li:last-child{display:block;float:none;text-align:center;padding:10px;}
}