#suntory_contents {
	overflow: hidden;
}
#container .inner section .sp {
	display: none;
}
#container .inner section {
	position: relative;
	padding: 60px 0;
	margin-bottom: 100px;
	font-family:'suntory syntax';
}
#container .graph {
	opacity: 1;
	-webkit-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
}
#container .graph.hidden {
	opacity: .2;
}
#container .graph p {
	color: #666;
	font-size: 16px;
	margin: 0 40px;
}
#container #sec1 .graph p {
	font-size: 19px;
	font-weight: bold;
	margin-top: -60px;
}
#container #sec2 .graph p {
	margin-top: -110px;
	text-align: right;
}
#container #sec3 .graph p {
	margin-top: -120px;
	text-align: right;
}
#container #sec4 .graph p {
	margin-top: -40px;
	text-align: right;
}
#container #sec5 .graph p {
	margin-top: -20px;
}
#container .number {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding-top: 60px;
	top: 0;
	color: #5bc2dc;
	text-align: center;
	opacity: 1;
	-webkit-transition: all 1.5s ease-out .5s;
	transition: all 1s ease-out .5s;
}
#container .number.hidden {
	opacity: 0;
}
#container #sec1 .number,
#container #sec3 .number,
#container #sec5 .number {
	right: 0;
}
#container #sec1 .number.hidden,
#container #sec3 .number.hidden,
#container #sec5 .number.hidden {
	right: -100px;
}
#container #sec2 .number,
#container #sec4 .number {
	left: 0;
}
#container #sec2 .number.hidden,
#container #sec4 .number.hidden {
	left: -100px;
}
#container .number h2 {
	font-size: 40px;
	margin: 0;
}
#container .number strong {
	display: block;
	letter-spacing: -6px;
	font-size: 174px;
	line-height: 1.1;
}
#container .number strong span.lttr1 {letter-spacing: -0.08em;}
#container .number strong span.lttr2 {letter-spacing: 0em;}
#container .number strong span.lttr3 {letter-spacing: -0.05em;}
#container .number strong span.lttr4 {letter-spacing: 0.02em;}
#container .number strong span.lttr5 {letter-spacing: -0.05em;}
#container .number strong span.lttr6 {letter-spacing: 0em;}
#container .number strong span.lttr7 {letter-spacing: -0.01em;}
#container .number strong span.lttr8 {letter-spacing: 0.02em;}
#container .number strong span.lttr9 {letter-spacing: 0.01em;}
#container .number strong span.lttr0 {letter-spacing: -0.04em;}
#container .number strong span.lttrC {letter-spacing: -0.09em;}
#container .number strong span.lttrY {letter-spacing: 0.01em;}
#container .number small {
	display: block;
	font-size: 32px;
}
#container .number p {
	font-size: 70px;
	font-weight: bold;
}
#container #sec1 .number,
#container #sec2 .number {
	width: 400px;
}
#container #sec1 .number {
	right: 20px;
}
#container #sec4 .number strong {
	font-size: 147px;
}
#container #sec5 .number {
	padding-top: 100px;
}
#container #video {
	position: relative;
	background: #f2f2f2;
	text-align: center;
	padding: 30px 3%;
}
#container #video p {
	color: #333;
	font-size: 18px;
	margin: 20px 0 0;
}
#container #video div iframe {
    border: 0 none;
    height: 506px;
    width: 900px;
}
#container #LearnMore {
	padding: 0;
}
#container #LearnMore table {
	border: 3px solid #5bc2dc;
	width: 100%;
	height: 67px;
	text-align: center;
}
#container #LearnMore th {
	font-size: 20px;
	width: 190px;
	color: #5bc2dc;
}
#container #LearnMore td {
	background: #5bc2dc;
	font-size: 18px;
}
#container #LearnMore td a {
	color: #fff;
	padding: 0 2em;
}
#container #LearnMore td a:before {
	content: '> '
}
#container #sec6 > div {
	background: url(../png/bg-companyinformation.png) no-repeat right top #5bc2dc;
	padding: 30px 30px 15px;
}
#container #sec6 dl {
	margin: 0;
	color: #fff;
	font-weight: bold;
	width: 400px;
	float: left;
}
#container #sec6 dl.right {
	float: right;
}
#container #sec6 dt {
	margin: 0 0 2px;
	font-size: 14px;
}
#container #sec6 dd {
	margin: 0 0 15px;
	font-size: 23px;
}
#container #sec6 dd.large {
	font-size: 31px;
}
#container #sec6 dd a:before {
	content: '> '
}
#container #sec6 dd a {
	color:#fff;
}
#container #sidemenu {
	position: fixed;
	right: 0;
	top: 50%;
	margin: -160px 0 0;
}
#container #sidemenu a {
	background: url(../png/sidemenu.png) no-repeat;
	display: block;
	width: 51px;
	height: 51px;
	margin-bottom: 2px;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
#container #sidemenu a:hover {
	opacity: .7;
}
#container #sidemenu a.sec1 {background-position: 0 0;}
#container #sidemenu a.sec2 {background-position: 0 -53px;}
#container #sidemenu a.sec3 {background-position: 0 -106px;}
#container #sidemenu a.sec4 {background-position: 0 -159px;}
#container #sidemenu a.sec5 {background-position: 0 -212px;}
#container #sidemenu a.sec6 {background-position: 0 -266px;}

/*SP/Tablet*/
@media only screen and (max-width: 767px) {
#container .inner section img {
	display: none;
}
#container .inner section .sp {
	display: block;
	width: 100%;
}
#container .inner section {
	padding: 5% 0;
	margin-bottom: 10%;
}
#container .graph {
	-webkit-transition: none;
	transition: none;
}
#container .graph p {
	margin: 0 20px;
}
#container #sec1 .graph p {
	margin-top: 0;
}
#container #sec2 .graph p,
#container #sec3 .graph p,
#container #sec4 .graph p,
#container #sec5 .graph p {
	margin-top: 0;
	text-align: right;
}
#container .number {
	padding-top: 5%!important;
	width: 100%!important;
	-webkit-transition: none;
	transition: none;
}
#container .number strong {
	letter-spacing: 0!important;
}
#container #sec4 .number strong {
	font-size: 100px;
}
#container #video p {
	font-size: 15px;
}
#container #video div {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#container #video div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#container #LearnMore table {
	height: 70px;
	text-align: center;
}
#container #LearnMore th {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: block;
	text-align: left;
	text-indent: 1em;
}
#container #LearnMore td {
	display: block;
	font-size: 12px;
	padding: 1em 0;
}
#container #LearnMore td a {
	padding: 0 .2em;
	white-space: nowrap;
}
#container #sec6 > div {
	-webkit-background-size: 118px;
	background-size: 118px;
	padding: 60px 10px 5px;
}
#container #sec6 dl {
	font-weight: normal;
	width: auto;
	float: inherit;
}
#container #sec6 dl.right {
	float: inherit;
}
#container #sec6 dt {
	margin: 0 0 2px;
}
#container #sec6 dd {
	margin: 0 0 15px;
}
#container #sidemenu {
	display: none;
}
}
/*SP*/
@media only screen and (max-width: 480px) {
#container .number h2 {
	font-size: 18px;
}
#container .number strong {
	font-size: 65px!important;
}
#container .number small {
	font-size: 18px;
}
#container .number p {
	font-size: 32px;
}
#container #sec1 .graph p {
	font-size: 16px;
	font-weight: normal;
}
#container #sec4 .graph,
#container #sec5 .graph {
	padding-top: 35px;
}
#container #sec6 dt {
	font-size: 12px;
}
#container #sec6 dd {
	font-size: 16px;
}
#container #sec6 dd.large {
	font-size: 20px;
}
}
/*Tablet*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
#container .number h2 {
	font-size: 30px;
}
#container .number strong {
	font-size: 100px!important;
}
#container #sec1 .graph p {
	font-size: 19px;
	font-weight: bold;
}
#container #sec4 .graph,
#container #sec5 .graph {
	padding-top: 90px;
}
}