@charset "UTF-8";

body{background-color: #fff; font-family: "Helvetica Neue",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;}
header{width: 100%; min-height: 600px; background-image: url(../images/bg_top_head.png); background-size:cover; background-repeat:no-repeat; background-position: bottom center;}
#gnavi{display: flex; padding-top: 30px; padding-left: 30px;}
#gnavi h1{margin: 0; background: url(../images/logo_wistaria.png) no-repeat; width: 264px; height: 29px; text-indent: -9999px;}
#gnavi ul{margin-left: 100px;}
#gnavi ul li{list-style-type: none; float: left; min-width: 100px;}
#gnavi ul li a{letter-spacing: 0.05em; font-size: 16px; font-weight: 500;}
.catch{font-size: 24px; line-height: 1.5em; font-weight: 300; /*position: relative; top: 150px; left: 100px;*/ padding-left: 100px; padding-top: 150px;}
@media only screen and (max-width : 767px){
	header{min-height: 250px;}
	#gnavi{flex-wrap: wrap;}
	#gnavi h1{background: url(../images/logo_wistaria_sp.png) no-repeat; width: 180px; height: 20px;}
	#gnavi ul{margin-left: 20px;}
	.catch{font-size: 20px; padding-left: 30px; padding-top: 80px;}
}

/*商品カテゴリ*/
.products-area{width: 100%; min-height: 498px; background-image: url(../images/bg_products_pc.png); background-size:cover; background-repeat:no-repeat; background-position: top center; text-align: center; padding-top: 120px; margin-top: 120px;}
.products-area h2{font-weight: 400; letter-spacing: 0.1em; font-size: 34px; margin-bottom: 60px;}
.products-area h2 span{display: inline-block; font-weight: 300; font-size: 18px;}
@media only screen and (max-width : 767px){
	.products-area{min-height: 300px; padding-top: 50px; margin-top: 50px;}
	.products-area h2{font-size: 26px; margin-bottom: 30px; line-height: 1em;}
	.products-area h2 span{font-size: 14px;}
	.products-area p{font-size: 90%;}
}
/*会社概要*/
.container{display: flex; justify-content: center;}

.about-area{max-width: 1136px; margin-top: 100px;}
.about-area h2{font-weight: 400; letter-spacing: 0.1em; font-size: 34px; background: url(../images/bg_icon_about.png) right center no-repeat; min-height: 80px; text-align: right; padding-top: 24px; padding-right: 100px;  margin: 0;}
.about-area h2 span{font-weight: 300; font-size: 18px;}

.gaiyou-list{border: 1px solid #cc99ff; border-radius: 20px; padding: 50px; background-color: #fcfaff; margin-right: 40px;}
.gaiyou-list dl{border-bottom: 1px dotted #cc99ff; padding-bottom: 20px; line-height: 1.8em;}
.gaiyou-list dl dt{float: left; letter-spacing: 0.1em; font-weight: 500; width: 150px;}
.gaiyou-list dl dd{font-weight: 300; padding-left: 150px;}
@media only screen and (max-width : 767px){
	.about-area{max-width: 1136px; margin-top: 50px;}
	.about-area h2{font-size: 26px;}
	.about-area h2 span{font-size: 14px;}
	.gaiyou-list{border: none; border-radius: 0px; padding: 10px; background-color: transparent; margin-right: 0px;}
	.gaiyou-list dl{border-bottom: none; padding-bottom: 0px;}
	.gaiyou-list dl dt{float: none; background-color: #f5ecfe; width: 100%; padding: 10px;}
	.gaiyou-list dl dd{padding-left: 0px; margin-left: 0px; padding: 10px;}
}

footer{border-bottom: 10px solid #cc99ff; background-color: #fff;}
footer p{text-align: center; letter-spacing: 0.05em; font-size: 13px; color: #808080; font-family: "Noto Sans JP"; margin: 100px auto;}
.pagetop {position: fixed; bottom: -20px; right: 20px; z-index: 1;}
.pagetop a { display: block; width: 60px; height: 40px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 24px; text-decoration: none; line-height: 40px;}
.pagetop a:hover {opacity: 0.8;}

@media only screen and (max-width : 767px){
	footer p{margin: 50px auto;}
	.pagetop a { display: block; width: 35px; height: 26px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 15px; text-decoration: none; line-height: 26px;}
}