#content-area{
    margin: 0 auto 50px;
    width: 960px;
	}
#suntory_contents h1.color-change,
#suntory_contents a.color-change {
    color: #1e797f;
}
#suntory_contents div.inner {
    margin-top: 12px;
}
#container #subNav li {
	float: left;
	width: 188px;
	height: 50px;
	margin: 0 0 10px 5px;
}
#container #subNav li:first-child {
	margin-left: 0;
}
#container #subNav li > a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 15px 5px 0 10px;
	color: #fff;
	background: #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
}
#container #subNav a.row2 {
	padding-top: 7px;
}
#container #subNav .current a,
#container #subNav li > a:hover {
	text-decoration: none;
	background: #5bc2dc;
}
#container #fixedNav {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: rgb(255,255,255);/*ie8*/
	background: rgba(255,255,255,0.95);
	z-index: 100;
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
}
#container #fixedNav ul {
	width: 960px;
	margin: 10px auto 0;
}
#container #fixedNav label {
	display: none;
	position: relative;
}
#container #fixedNav .sp-open {
	display: none;
}
#container .fix #fixedNav {
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	opacity: 1;
}
#container .fix > ul {
	opacity: 0;
	-webkit-transition: all linear .5s;
	transition: all linear .5s;
}

#container .inner section li {
	float: left;
	width: 440px;
	height: 460px;
	margin: 0 20px;
}
#container .inner section li figcaption {
	color: #fff;
	font-size: 16px;
	background: #999;
	height: 34px;
	line-height: 34px;
	text-indent: .5em;
}
#container .inner section li figure img {
	display: block;
	width: 400px;
	margin: 0 auto;
}
#container .inner section .date {
	font-style: italic;
	text-align: right;
	line-height: 1;
	margin-bottom: .5em;
}
#container #mainVisual {
    text-align: center;
    margin: 0 0 40px;
}
#container section h2 {
	color: #1e797f;
    font-size: 21px;
    font-weight: bold;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
    margin: 0 0 1em;
}
#container section h2.text_line {
    border-bottom: 1px solid #5bc2dc;
}
#suntory_contents h2 {
    color: #5bc2dc;
    font-size: 21px;
    font-weight: bold;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
    margin: 0 0 1em;
}
#container dl {
    color: #5bc2dc;
    text-align: right;
    margin: 20px 0 0;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
}
#container dt {
    padding: 30px 0 20px;
}
#container dt strong {
    display: block;
    font-size: 26px;
    font-weight: 700;
	padding-top: 15px;
}
#container section .detail p {
    line-height: 1.8;
    letter-spacing: 0.01em;
}
.company-area dd{
	position: relative;
}
.company-area a.a-point{
	position: absolute;
	top: 35%;
	left: 46%;
}
#content-area .detail {
	margin: 0 0 100px;
}
#content-area .detail .text-left {
	float: left;
	margin-right: 8%;
}
#content-area .detail .text-right {
	float: right;
}
#content-area .detail .text-left,
#content-area .detail .text-right {
	width: 46%;
}
#content-area p.p-left {
	float: left;
	margin: 5px 0 0 0 !important;
}
#content-area p.p-right {
	float: right;
	text-align: right;
}
#content-area p.p-text {
	text-align: right;
	margin-right: 76px;
}
#content-area p.p-left,
#content-area p.p-right {
	width: 42%;
	position: relative;
}
#content-area .company-area{
    border: 1px solid #5bc2dc;
    margin: 0 0 6%;
	padding: 50px 34px 45px;
	background: url(../img/image.jpg) no-repeat 100% 0%;
	font-size: 14px;
}
.company-area2 p.link-basic{
	margin-bottom: 120px !important;
	position: relative;
	text-align: right;
	top: 13px;
	right: 77px;
	}
.company-area2 p.link-basic2{
	position: relative;
	text-align: right;
	top: 20px;
	right: 77px;
	}
#content-area .company-area dl:first-child{
	margin: 0;
	}
#content-area .company-area dl{
	text-align: left;
	color: #000;
	margin: 23px 0 0;
}
#content-area .company-area dt{
	padding: 0;
	float: left;
	width: 26%;
	color: #1e797f;
	font-weight: bold;
}
#content-area .company-area dd{
	margin: 0;
	float: left;
	width: 74%;
}
#content-area .company-area .bld{
	font-weight: bold;
}
#content-area .company-area .access {
	color: #fff;
    background: #1e797f;
    padding: 1px 11px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
}
#content-area .company-area2 .access2{
	color: #fff;
    background: #1e797f;
    padding: 15px 30px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
}
#content-area .company-area .access:hover {
	text-decoration: none;
	opacity: 0.8;
}
#content-area .company-area .a-point:after {
 display: inline-block;
	content: 'Google マップ';
	background: #1e797f url(/company/common/layout/responsive/img/parts.png) 105px -180px no-repeat;
	padding: 6px 0;
	width: 120px;
}
#content-area .company-area a:hover {
	text-decoration: underline;
}
#content-area .company-area2 a:hover{
	text-decoration: none;
	opacity: 0.8;
}
#content-area .company-area2 #sec1 a:hover,
#content-area .company-area2 #sec2 a:hover,
#content-area .company-area2 #sec4 a:hover,
#content-area .company-area2 #sec5 a:hover{
	text-decoration: none;
	opacity: 0.8;
	display: block;
}
#content-area .company-area2 p.p-left{
	text-align: left;
	margin: 0 60px 0;
	color: #000;
}
#content-area .company-area2 p.p-right{
	text-align: right;
	margin: 0 60px 0;
}
#content-area .company-area2 p.p-right.p-right01 {
	margin-top: 28px;
}
#content-area dd.mg-BtBasic{
	margin: 3% 0 0 26%;
}
#suntory_contents .company-area p{
	/*margin: 18px  0 -20px 0;
	padding: 2px 0;*/
	margin: 15px 0 0 0;
}
#suntory_contents .company-area p.pdf_top{
	margin-top: 50px;
	color: #000;
}
#suntory_contents .company-area p a {
	background: url(/company/overview/img/pdf.gif) no-repeat 100% 50%;
	padding-right: 30px;
	/*background-size: 3%;*/
	font-style: normal;
	display: inline-block;
}
#suntory_contents {
	overflow: hidden;
}
#container .inner section .sp {
	display: none;
}
#container .inner section {
	position: relative;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'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  {
	position: relative;
	margin: -28px 0 135px 46px;
}
#container .graph-p p.p-left {
	font-size: 19px;
	font-weight: bold;
}
#container #sec1{
	margin-top: 55px;
}
#container #sec2 .graph p {
	text-align: right;
	margin-top: -70px;
	color: #838383;
}
#container #sec3 .graph p {
	text-align: right;
	margin-top: -45px;
}
#container #sec4 .graph p {
	text-align: right;
	color: #838383;
}
#container #sec5 .graph p {
	text-align: right;
	color: #838383;
}
#container #sec3 .graph {
	margin-bottom: 120px;
}
#container #sec2 .number {
	padding-top: 20px;
}
#container #sec2 .number strong {
	font-size: 171px;
}
#container .number {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding-top: 70px;
	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: 30px;
	margin: 0 0 30px 0;
}
#container .number strong {
	display: block;
	letter-spacing: -6px;
	font-size: 130px;
	line-height: 1.1;
}
#container .number strong .small {
	font-size: 60px;	
	}
#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{
	width: 470px;
}
#container #sec2 .number {
	width: 420px;
}
#container #sec1 .number {
	right: 1px;
}
#container #sec4 .number strong {
	font-size: 130px;
}
#container #sec5 .number {
	padding-top: 100px;
}
#container #sec5 .number strong {
	font-size: 142px;
}
#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(../img/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 .company-area em br {
    display: none;
}
#container p.p-point{
	margin: 0;
}
.p-text2{
	padding-top: 2em;
	text-align: right;
	margin-right: 75px!important;
}



/*SP/Tablet*/
@media only screen and (max-width: 767px) {
	#suntory_contents .inner {
    	margin-top: 0;
	}
	#content-area {
	    margin-bottom: 40px;
	    margin-top: 19px;
	}
	#container #subNav li {
		width: 45%;
		height: 44px;
		margin: 0 0 3px 1%;
		display: table;
	}
	#container #subNav li:nth-child(odd) {
		margin-left: 0;
	}
	#container #subNav li.sp-right {
		width: 54%;
	}
	#container #subNav li > a {
		font-size: 12.5px;
		width: 100%;
		height: 100%;
		padding: 0 8px 0 2%;
		display: table-cell;
		vertical-align: middle;
	}
	#container #subNav a.row2 {
		padding-top: 0;
	}
	#container .fix #fixedNav {
		border-bottom: 1px solid #5bc2dc;
	}
	#container #fixedNav ul {
		width: auto;
		height: 0;
		overflow: hidden;
		margin: 0 6px;
		-webkit-transition: all ease-out .4s;
		transition: all ease-out .4s;
	}
	#container #fixedNav.open ul {
		height: 142px;
		margin-top: 4px;
	}
	#container #fixedNav label {
		display: block;
		height: 40px;
		line-height: 40px;
		text-indent: 6px;
		text-align: left;
	}
	#container #fixedNav label a {
		background-color: transparent;
	}
	#container #fixedNav .sp-open {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#container #fixedNav .sp-open:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		width: 40px;
		background: #5bc2dc url(/sun_common_en/sun_navi/sp/img/header_footer.png) no-repeat 16px -82px;
		-moz-background-size: 384px auto;
		-webkit-background-size: 384px auto;
		background-size: 384px auto;
	}
	#container #fixedNav.open .sp-open:after {
		background-position: 16px -110px;
	}
	#container .inner section li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
	}
	#container .inner section li figcaption {
		font-size: 15px;
		height: 23px;
		line-height: 23px;
	}
	#container .inner section li figure img {
		width: 100%;
	}
	#container .inner section .date {
		font-size: .9em;
	}
	#container #mainVisual img {
    	width: 100%;
	}
	#container section h2 {
    	font-size: 12px;
	}
	#container section h2.text_line {
    	font-size: 12px;
		border-bottom: 1px solid #5bc2dc;
	}
	#container #sec1 {
    	margin-top: 0;
	}
	.company-area2 #sec1 a{
		display: block;
	}
	.company-area2 #sec2 a{
		display: block;
	}
	.company-area2 #sec3 a{
		display: block;
	}
	.company-area2 #sec4 a{
		display: block;
	}
	.company-area2 #sec5 a{
		display: block;
	}
	#container dt {
    	font-size: 14px;
    	padding: 30px 0 20px;
	}
	#container dt strong {
    	display: block;
    	font-size: 20px;
    	font-weight: 700;
	}
	#container section .detail p {
    	font-size: 14px;
		margin-bottom: 40px;
	}
	#content-area .company-area2 p {
    	text-align: right;
    	margin: 10px 0 0 0;
		font-size: 14px;
	}
	.p-text2 {
		margin-right: 0px!important;
	}
	#content-area .detail .text-left {
		float: none;
	}
	#content-area .detail .text-right {
		float: none;
	}
	#content-area .detail .text-left,
	#content-area .detail .text-right {
		width: 100%;
	}
	.company-area2 img{
		width: 100%;
	}
	#content-area .company-area dt,
	#content-area .company-area dd{
		float: none;
		width: 100%;
	}
	#content-area dd.mg-BtBasic{
		margin: 47px 0 47px;	
	}
	#suntory_contents .company-area .p-point {
		margin: 0 0 0;
		padding: 0 0 0;
		position: relative;
	}
	.company-area a.a-point {
    	position: absolute;
    	top: -20%;
    	left: 56%;
	}
	#content-area .company-area{
		background-size: 30%;
		margin: 0 0 14%;
		padding: 17px 19px 35px;
		font-size: 14px;
	}
	.company-area a.a-point{
		position: absolute;
		top: 440%;
		left: 0;
	}
	#content-area .company-area .a-point:after {
		background-position: 105px -185px;
		padding: 2px 0;
	}
	#content-area .company-area p a {
	background-size: 5%;
}
	#container .inner section img {
		display: none;
	}
	#container .inner section .sp {
		display: block;
		width: 100%;
	}
	#container .inner section {
		padding: 5% 0;
		margin-bottom: 0;
	}
	#container .inner section#sec2,
	#container .inner section#sec4,
	#container .inner section#sec5 {
    padding: 0;
    margin-bottom: 0;
	}
	#container .graph {
		-webkit-transition: none;
		transition: none;
	}
	#container .graph p {
		margin: 0;
	}
	#container #sec1 .graph p {
		margin-top: 0;
	}
	#container #sec2 .graph p,
	#container #sec4 .graph p,
	#container #sec5 .graph p {
		margin-top: 20px;
		text-align: right;
		font-size: 13px;
	}
	#container #sec3 .graph p {
		margin-top: 20px;
		text-align: right;
	}
	#container .number {
		padding-top: 5%!important;
		width: 100%!important;
		-webkit-transition: none;
		transition: none;
	}
	#container #sec5 .graph {
		margin-top: -5%;
	}
	#container .number strong {
		letter-spacing: 0!important;
	}
	#container #sec4 .number strong {
		font-size: 100px;
	}
	#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;
	}
	.company-area .ovd{
		display: none;
	}
	#content-area p.p-right {
		float: none;
	}
	#content-area p.p-left {
    	float: none;
    	margin: 0px !important;
		text-align: left;
	}
	#content-area p.p-left, 
	#content-area p.p-right{
		width: 100%;	
	}
	#content-area p.p-right {
		margin: 40px 0 0 0;
	}
	#container .company-area2 p.p-right {
    	margin: 30px 0 0 !important;
	}
	#container .graph-p {
    	position: relative;
		padding: 0 0 5% 0;
    	margin: 0 0 10% 0;
		}
	#content-area .company-area2 #sec0 figure  p:first-child {
		margin: 0;
		font-weight: bold;
	}
	#content-area .company-area2 #sec0 figure p {
    	text-align: center;
    	margin: 0 0 20px;
		color: #5bc2dc;
	}
	#container .graph-p p.p-left {
    	font-size: 14px;
    	font-weight: normal;
	}
	#container #sec2 .number h2{
		margin: -33px 0 0 0;
	}
	#container #sec3 .number h2,
	#container #sec4 .number h2{
		margin: -20px 0 8px 0;
	}
	#container #sec5 .number h2{
		margin: 10px 0 0 0;
	}
	#container .number strong .small {
    	font-size: 25px;
	}
	.company-area2 p.link-basic {
    	margin-bottom: 40px !important;
		position: relative;
    	text-align: right;
    	top: 13px;
    	right: 0;
	}
	.company-area2 p.link-basic2 {
		position: relative;
    	text-align: right;
    	top: 13px;
    	right: 0;
	}
	#content-area .company-area2 #sec0{
		display: block;
	}
	#container .company-area2 p.box-sp {
		margin: 8px 0 0 0;
	}
	#container #sec3 .graph {
    	margin-bottom: 0;
	}
	#content-area .company-area2 .access2 {
		color: #fff;
    	background: #5bc2dc;
    	padding: 5px 14px;
	}
	#container .company-area em br {
    	display: inline;
	}
		br.pconly{
  		display:none;
 	}
	#container .number strong span.lttr1,
	#container .number strong span.lttr2,
	#container .number strong span.lttr3,
	#container .number strong span.lttr4,
	#container .number strong span.lttr5,
	#container .number strong span.lttr6, 
	#container .number strong span.lttr7,
	#container .number strong span.lttr8,
	#container .number strong span.lttr9,
	#container .number strong span.lttr0 {
		font-weight: bold
	}
}
/*Tablet*/
@media only screen and (min-width: 375px) and (max-width: 767px) {
    #content-area{
    width: auto;
	}
	#container .number h2 {
		font-size: 15px;
		margin: 16px 0 0 0;
	}
	#container .number strong {
		font-size: 65px!important;
		-webkit-text-size-adjust: 65px;
		font-weight: normal;
	}
	#container #sec1 .graph p {
		font-size: 19px;
		font-weight: bold;
	}	
	#container #sec4 .graph{
		padding-top: 7px;
	}
	#container #sec5 .graph {
		padding-top: 37px;
	}
	.company-area a.a-point_sp{
		position: absolute;
    	top: 432%;
    	left: 0;
		font-family: Meiryo;
	}
}
/*SP*/
@media only screen and (max-width: 374px) {
    #content-area{
    width: auto;
	}
	#container .number h2 {
		font-size: 18px;
	}
	#container .number strong {
		font-size: 65px!important;
		-webkit-text-size-adjust: 100%;
	}
	#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;
	}
	.company-area a.a-point_sp{
		position: absolute;
    	top: 432%;
    	left: 0;
	}
	.company-area .pdf{
		background: url(/company/overview/img/pdf.gif) no-repeat 10% 25%;
	}
	#content-area .company-area dd {
    	float: none;
    	width: 100%;
		line-height: 20px;
	}
}
@media all and (min-width: 767px) {
	br.sponly{
		display:none;
	}
}
@media print{
	#container .number,
	#container .graph,
	#container #subNav li > a,
	#container #fixedNav,
	#container .fix > ul,
	#container #fixedNav ul {
		transition-property:none!important;
		transition-duration:0s!important;
		transition-timing-function:ease!important;
		transition-delay:0!important;
		opacity: 1!important;
	}
	#container #sec1 .number.hidden,
	#container #sec3 .number.hidden,
	#container #sec5 .number.hidden {
		right: 0;
	}
	#container #sec2 .number.hidden,
	#container #sec4 .number.hidden {
		left: 0;
	}
}