main#catalog{letter-spacing: normal;}

@media screen and (min-width: 768px), print {
.ana-txt-btn a{display: block;padding: 16px 5px 16px;font-size: 16px;text-align: center;width: 320px;margin: 0 auto;border: 1px solid #1a1a1a;margin-top: 24px;margin-bottom: -16px;font-weight: bold;}
main#catalog{margin-bottom: 0;}
.main-title {background-image: url(../images/webcatalog/h1.png);}
main {width: 100% !important;}
	
	#lead{background-color: #19191F;padding: 50px 0 40px;}
	#lead h2{font-size: 20px;font-weight: bold;text-align:center;color: #fff; margin-bottom: 30px;}
	#lead picture{display: block; width: 775px;margin: 0 auto;}
	
	#catalog{background-color: #F2F2F2;padding: 140px 0 60px;}
	#catalog .frame{width: 1100px;margin: 0 auto;}
	#catalog .frame .sub{font-size: 22px;font-weight: bold;text-align: center;}
	#catalog .frame .en{font-family: "hypatia-sans-pro", sans-serif;font-size: 60px;font-weight: 700;text-align: center;line-height: 70px;margin-bottom: 10px;}
	#catalog .frame h2{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 60px;}
	#catalog .frame ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	#catalog .frame ul li{width: 340px;background-color: #fff;position: relative;margin-right: 40px;margin-bottom: 70px;padding: 40px 30px 30px 30px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);}
	#catalog .frame ul li:nth-child(3n){margin-right: 0;}
	#catalog .frame ul li .icon{position: absolute;top: -18px;left: 0;right: 0;text-align: center;}
	#catalog .frame ul li h3{font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 12px;}
	#catalog .frame ul li .pic{margin-bottom: 20px;}
	#catalog .frame ul li h4{font-size: 18px;font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 15px;}
	
	
	
	
	
	
}

@media screen and (max-width: 767px) {
.ana-txt-btn a{display: block;padding: 3.865vw 1.208vw 3.865vw;font-size: 3.623vw;text-align: center;width: 72.464vw;margin: 0 auto;border: 1px solid #1a1a1a;margin-top: 5.797vw;margin-bottom: -3.865vw;font-weight: bold;}
.main-title {background-image: url(../images/webcatalog/sp-h1.png);margin-bottom: 0;}
	
	#lead{background-color: #19191F;padding: 10vw 0 10vw;}
	#lead h2{font-size: 5.0vw;font-weight: bold;text-align:center;color: #fff; margin-bottom: 4vw;}
	#lead picture{display: block; width: 94%;margin: 0 auto;}
	
	#catalog{background-color: #F2F2F2;padding: 10vw 0 20vw;}
	#catalog .frame{width: 90%;margin: 0 auto;}
	#catalog .frame .sub{font-size: 5.4vw;font-weight: bold;text-align: center;}
	#catalog .frame .en{font-family: "hypatia-sans-pro", sans-serif;font-size: 14.5vw;font-weight: 700;text-align: center;line-height: 14.5vw;margin-bottom: 3vw;}
	#catalog .frame h2{font-size: 5.4vw;font-weight: bold;text-align: center;margin-bottom: 20vw;}
	#catalog .frame ul{width: 90%;margin: 0 auto;}
	#catalog .frame ul li{width: 100%;background-color: #fff;position: relative;margin-bottom: 15vw;padding: 10vw 8vw 8vw 8vw;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);}
	#catalog .frame ul li:last-child{margin-bottom: 0;}
	#catalog .frame ul li .icon{width: 10vw; position: absolute;top: -5vw;left: 0;right: 0;text-align: center;margin: 0 auto;}
	#catalog .frame ul li h3{font-size: 4.2vw;font-weight: bold;text-align: center;margin-bottom: 12px;}
	#catalog .frame ul li .pic{margin-bottom: 5vw;}
	#catalog .frame ul li h4{font-size: 4.2vw;font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 15px;}
	#catalog .frame ul li p{font-size: 3.8vw;}



} /*# sourceMappingURL=page-catalog.css.map */