@charset "utf-8";

h1,h2,h3,h4,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	background-color: #0316aa;
	height: 100%;
}

#suntory_contents {
	width: 100%;
	background-color: #0316aa;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrap {
    width: 1064px;
    margin: 0 auto;
    padding: 20px 0 60px 0;
}

#head {
    width: 100%;
    padding-bottom: 11.5%;
    height: auto;
    margin: 0 auto 15px auto;
    background: url(../img/logo.png) left top no-repeat;
    background-size: 23.2% auto;
}
#head h1 {
    display: none;
}

#contents {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#top h2 {
	text-indent: -9999px;
	width: 100%;
	height: 43px;
	background: url(../img/pc_top.jpg) center top no-repeat;
	background-size: 100% auto;	
}
#blk1 {
	width: 100%;
    padding-bottom: 79.4%;
    height: auto;
    background: url(../img/pc_blk1.jpg) center top no-repeat;
    background-size: 100% auto;		
}
#blk1 h3,#blk1 h4,#blk1 p,#blk1 dl dt,#blk1 dl dd {
	text-indent: -9999px;	
}
#blk3 {
	width: 100%;
	height: 276px;
	background: url(../img/pc_blk3.png) center top no-repeat;
	background-size: 100% auto;	
}
#blk3 h2,#blk3 p,#blk3 ul,#blk3 li {
	text-indent: -9999px;	
}

#blk2 {
	width: 100%;
	margin-bottom: 15px;
}
#blk2 p {
	font-size:14px;
	color: #fff;
}
#blk2 p span {
	font-size:16px;
	font-weight: bold;
}
#blk2 p.mail  {
	margin-top: 5px;
	display: block;
}
#blk2 p.mail span a {
    color: #ffffcd;
    text-decoration: none;
	font-size:18px;
}

@media screen and (max-width:1064px) { 
#wrap {
	width: 100%;
}
}