@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: url(../img/sp_bg.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #0316aa;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrap {
	width: 92%;
	margin: 0 auto;
	padding: 4% 0 16% 0;
}

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


#contents {
	width: 100%;
}
#top {
	width: 100%;
	padding-bottom: 16.5%;
	background: url(../img/sp_top.jpg) center top no-repeat;
	background-size: 100% auto;	
}
#top h2 {
	display:none;
}
#blk1 {
	width: 100%;
	padding-bottom: 107.3%;
	margin-bottom: 15px;
	background: url(../img/sp_blk1.jpg) center top no-repeat;
	background-size: 100% auto;	
}
#blk1 h3,#blk1 h4,#blk1 p,#blk1 dl,#blk1 dl dt,#blk1 dl dd {
	display: none;	
}
#blk3 {
	width: 100%;
	padding-bottom: 85.1%;
	background: url(../img/sp_blk3.jpg) center top no-repeat;
	background-size: 100% auto;	
}
#blk3 h2,#blk3 p,#blk3 ul,#blk3 li {
	display: none;	
}

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

@media screen and (max-width:430px) { 
#blk2 p {font-size:13px;}
#blk2 p span {font-size:15px;}
#blk2 p.mail span a {font-size:17px;} 
#blk2 p.mail img { width:95px;height:auto;}
}
@media screen and (max-width:400px) { 
#blk2 p {font-size:12px;}
#blk2 p span {font-size:14px;}
#blk2 p.mail span a {font-size:16px;} 
#blk2 p.mail img { width:85px;height:auto;}
}
@media screen and (max-width:360px) { 
#blk2 p {font-size:10px;}
#blk2 p span {font-size:12px;}
#blk2 p.mail span a {font-size:14px;} 
#blk2 p.mail img { width:75px;height:auto;}
}