#container .inner h2 {
	position: relative;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	padding-left: 59px;
	margin-bottom: 30px;
}
#container .inner #beverage h2 {background: #7dd7ed;}
#container .inner #spirits h2 {background: #ddb693;}
#container .inner #beer h2 {background: #efdc72;}
#container .inner #wine h2 {background: #df73b0;}
#container .inner #china h2 {background: #ff8e8e;}
#container .inner #health h2 {background: #8eedac;}
#container .inner h2 span {
	display: block;
	position: absolute;
	left: 16px;
	top: 8px;
	width: 33px;
	height: 33px;
	overflow: hidden;
}
#container .inner h2 span > img {
	width: 33px;
}
#container .inner #beverage h2 span > img {margin-top: 0;}
#container .inner #spirits h2 span > img {margin-top: -33px;}
#container .inner #beer h2 span > img {margin-top: -66px;}
#container .inner #wine h2 span > img {margin-top: -99px;}
#container .inner #china h2 span > img {margin-top: -132px;}
#container .inner #health h2 span > img {margin-top: -165px;}
#container .inner #china.half,
#container .inner #health.half {
	width: 470px;
	float: left;
}
#container .inner #health.half {
	margin-left: 20px;
}
#container .inner > section > ul {
	margin: 20px 0;
	font-size: 0;
}
#container .inner > section > ul li {
	display: inline-block;
	margin: 0 34px 30px 20px;
}
#container .inner > #beverage > ul li {
	margin-right: 20px;
}
#container .inner > section > ul li a {
	display: block;
}
#container .inner > section > ul li a:hover {
	opacity: .7;
}
#container .inner > section > ul li img {
	display: block;
	height: 124px;
}
#container .inner > section > p.others {
	font-size: 1.2em;
	text-align: right;
	margin-bottom:3em;
	padding-right:.5em;
}

#container #details {
	position: relative;
	padding: 20px 0 0 360px;
}
#container #details > figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	text-align: right;
}
#container #details > figure img {
	height: 294px;
}
#container #details h5 {
	font-size: 30px;
	font-weight: bold;
	color: #2d8fc1;
	margin: 0;
	font-style:italic;
}
#container #details h5 span {
	font-size: 20px;
}
#container #details > dl {
	margin: 10px 0 0;
}
#container #details > dl > dt {
	padding: 30px 0 0;
	color: #2d8fc1;
	font-size: 16px;
	line-height: 1;
}
#container #details > dl > dd {
	margin: 15px 0 0;
	line-height: 1.5;
}
#container #details > dl > dd figure {
	text-align: center;
}
#container #details .company {
	font-size: 24px;
	font-weight: bold;
}
#container #details .world {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
	background: url(https://www.suntory.com/brands/img/world-bg.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#container #details .world li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#container #details .world li img {
	width: 100%;
}

#container #details .world li {
    position: absolute;
    font-size: 14px;
    line-height: 1.5;
    font-family: Suntory Syntax, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#container #details .world.world_spirits li {
    background: rgba(221,182,147,.7);
}
#container #details .world.world_beverage li {
    background: rgba(125,215,237,.7);
}
#container #details .world.world_beer li {
    background: rgba(239,220,114,.7);
}
#container #details .world.world_wine li {
    background: rgba(223,115,176,.7);
}
#container #details .world.world_health li {
    background: rgba(142,237,172,.7);
}
#container #details .world.world_china li {
    background: rgba(255,176,176,.7);
}
#container #details .world li.japan {
    width: 94px;
    height: 94px; 
    top: 104px;
    left: 248px;
}
#container #details .world li.americas {
    width: 94px;
    height: 94px; 
    top: 103px;
    left: 423px;
}
#container #details .world li.oceania {
    width: 94px;
    height: 94px; 
    top: 199px;
    left: 208px;
}
#container #details .world li.asia {
    width: 94px;
    height: 94px; 
    top: 58px;
    left: 160px;
}
#container #details .world li.europe {
    width: 94px;
    height: 94px; 
    top: 35px;
    left: 17px;
}
#container #details .world li.middle_east {
    width: 94px;
    height: 94px; 
    top: 111px;
    left: 78px;
}
#container #details .world li.africa {
    width: 94px;
    height: 94px; 
    top: 178px;
    left: 7px;
}
#container #details .world li.international {
    width: 191px;
    height: 191px; 
    top: 84px;
    left: 54px;
    font-size: 20px;
}

#container #details .free {
	padding: 1em 0 0;
}
#container #details .free p {
	margin: 1em 0 0;
}
#container #details .free ul {
	margin-left: 1em;
}
#container #details .free ul li {
	line-height: 1.4;
	padding-top: .2em;
}

@media only screen and (max-width: 767px) {
	#container .inner h2 {
		font-size: 16px;
		line-height: 43px;
		height: 43px;
		padding-left: 50px;
	}
	#container .inner h2 span {
		left: 8px;
		top: 5px;
	}
	#container .inner #china.half,
	#container .inner #health.half {
		width: auto;
		float: none;
		margin: 0;
	}
	#container .inner > section > ul li {
		margin: 0 20px 20px;
	}
	#container .inner > #beverage > ul li {
		margin: 0 14px 20px;
	}
	#container .inner > section > ul li img {
		display: block;
		height: 70px;
	}

	#container #details {
		padding: 0;
	}
	#container #details > figure {
		position: static;
		width: 100%;
		text-align: center;
	}
	#container #details > figure img {
		height: 147px;
	}
	#container #details h5 {
		font-size: 20px;
		margin: 1em 0;
		text-align: center;
	}
	#container #details h5 span {
		font-size: 14px;
	}
	#container #details > dl {
		margin: 0;
	}
	#container #details > dl > dt {
		padding: 1.5em 0 0;
		font-size: inherit;
	}
	#container #details > dl > dd {
		margin: 1em 0 0;
	}
	#container #details > dl > dd figure img {
		max-width: 100%;
	}
	#container #details .company {
		font-size: 20px;
	}
    
    
    #container #details .world li {
    font-size: 2.258064516129032vw;
    }
    #container #details .world li.japan {
    width: 14.67741935483871vw;
    height: 14.67741935483871vw; 
    top: 16.774193548387097vw;
    left: 40vw;
    }
    #container #details .world li.americas {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 16.612903225806452vw;
        left: 69.67741935483871vw;
    }
    #container #details .world li.oceania {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 32.096774193548387vw;
        left: 33.548387096774194vw;
    }
    #container #details .world li.asia {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 9.354838709677419vw;
        left: 25.806451612903226vw;
    }
    #container #details .world li.europe {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 5.645161290322581vw;
        left: 2.741935483870968vw;
    }
    #container #details .world li.middle_east {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 17.903225806451613vw;
        left: 12.580645161290323vw;
    }
    #container #details .world li.africa {
        width: 14.67741935483871vw;
        height: 14.67741935483871vw; 
        top: 28.709677419354839vw;
        left: 1.129032258064516vw;
    }
    #container #details .world li.international {
        width: 30.806451612903226vw;
        height: 30.806451612903226vw; 
        top: 13.548387096774194vw;
        left: 8.709677419354839vw;
        font-size: 3.225806451612903vw;
    }
    
    

}