@charset "utf-8";
/* ------------------------------------------------
# Responsive Web Design 

	#1. Base
	#2. Module & Utility
	#3. Contents
	#3-1. Contents | top page
	#3-2. Contents | about category
	#3-3. Contents | business category
	#3-4. Contents | responsibility category
	#3-5. Contents | news category
	#4. JS Styles


* Breakpoints: 
	PC(fluid)   => (max-width: 980px)
	SP / Tablet => (max-width: 767px)
	SP          => (max-width: 480px)
	Tablet      => (min-width: 481px) and (max-width: 767px)

* Load pages: 
	// Page or Category => [path] [body class]
	top            => [/softdrink/index.html] [#top]
	about          => [/softdrink/about/] [#about_us]
	business       => [/softdrink/business/] [#business]
	responsibility => [/softdrink/responsibility/] [#responsibility]
	news           => [/softdrink/news/] [#news]
	Terms of use   => [/softdrink/privacy/index.html#terms] [-]
	Privacy Policy => [/softdrink/privacy/index.html#privacy] [-]

* add to HTML <link> Tag:
	<link href="/softdrink/common/rwd/css/common.css" rel="stylesheet" media="screen">

------------------------------------------------ */


/* ------------------------------------------------
#1. Base
------------------------------------------------ */
/* default style reset */
body {
	background-color: #CFEBF5;
}
img {
	border: none;
}
/* base font size */
.fs-base {
	font-size: 1em;
	color: #666;
	line-height: 1.4;
}
.fs-pc_14 {
	font-size: 0.875em;
}
.fs-pc_16 {
	font-size: 1.000em;
}
.fs-pc_24 {
	font-size: 1.500em;
}
.fs-pc_36 {
	font-size: 2.250em;
}
@media screen and (max-width: 767px){
	.fs-base {
		font-size: 0.750em;
	}
	.fs-sp_12 {
		font-size: 0.750em;
	}
	.fs-sp_13 {
		font-size: 0.813em;
	}
	.fs-sp_14 {
		font-size: 0.875em;
	}
	.fs-sp_16 {
		font-size: 1.000em;
	}
	.fs-sp_18 {
		font-size: 1.125em;
	}
}
/* basic_link */
.basic_link {
	margin-top: 15px;
}
.basic_link a {
	color: #56bad5;
	text-decoration: none;
}
/* base list */
.basic_list,
.basic_list li,
.basic_list .headline,
.basic_list_headline {
	color: #666;
}
/* base table */
.basic_table {
	width: 100%;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-spacing:0px;
}
.basic_table tr th,
.basic_table tr td {
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	padding: 15px 18px;
	vertical-align: top;
}
.basic_table tr th {
	background: #F2F2F2;
	width: 33.33%;
}
.basic_table tr td {
	width: 66.67%;
}

#sbf_waste {/* breadcrumb list area */
	position: relative;
	*position: static;
	width: 980px;
	*width: 960px;
	padding: 1em 10px;
	background-color: #CFEBF5;
}
#sbf_waste ul {/* breadcrumb list area */
	margin: 0;
}
#sbf_symbol {
	padding-top: 0px;
}
#sbf_symbol .btm {
	background: url(../../img2013/sbf_main_cnt_btm_b.png) no-repeat top center;
	height: 35px;
}
@media screen and (max-width: 980px){
	#sbf_waste {
		width: 100%;
	}
	#sbf_symbol .btm {
		display: none;
	}
}
@media screen and (max-width: 767px){
	body {
		background-color: #56bad5;
		min-width: 320px;
	}
	#sbf_waste {/* breadcrumb list area */
		display: none;
	}
	#sbf_symbol {
		min-height: 0;
		padding-top: 0;
	}
}


/* ------------------------------------------------
#2. Modules & Utilitys
------------------------------------------------ */
/* device display */
.hide-pc {
	display: none;
}
@media screen and (max-width: 767px){
/* device display */
	.hide-sp {
		display: none !important;
	}
	.show-sp {
		display: block !important;
	}
/* sp display zoom */
	.sp-zoom:before {
		content: 'Pinch out to zoom';
		margin-top: 15px;
		display: block;
		height: 20px;
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
		padding-left: 15px;
		color: #8ad7ea;
		background: url(../img/parts.png) no-repeat;
		background-size: 50px auto;
		-moz-background-size: 50px auto;
		-webkit-background-size: 50px auto;
		background-position: 0 -34px;
	}
}

/* side image */
.image-left {
	width: 100%;
	display: table;
	*display: block;
}
.image-left .image ,
.image-left .text {
	display: table-cell;
	*display: inline;
	*zoom: 1;
}
.image-left .image {
	width: 40%;
	vertical-align: middle;
}
.image-left .image img {
	width: 100%;
	vertical-align: top;
	padding-right: 11.11%;
}
.image-left .text {
	width: 60%;
}
@media screen and (max-width: 767px){
	.image-left,
	.image-left .image,
	.image-left .text {
		display: block;
		width: 100%;
	}
	.image-left .image {
		margin: 0 auto;
	}
	.image-left .image img { 
		padding-right: 0;
	}
}

/* subNav | fixedNav */
#subNav.fix #fixedNav {
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	opacity: 1;
}
#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;
}
#fixedNav label {
	display: none;
	position: relative;
}
#fixedNav label h1 {
	font-size: 0.875em;
	font-weight: bold;
	color: #5bc2dc;
}
#fixedNav .sp-open {
	display: none;
}
/* .btn-list */
#subNav.fix .btn-list {
	opacity: 0;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
}
#subNav .btn-list li {
	display: table;
	*display: block;
	float: left;
	width: 50%;
	height: 50px;
	margin-bottom: 10px;
}
#subNav .btn-list li+li {
	padding-left: .5%;
}
#subNav .btn-list.col-5 li {
	width: 20%;
	padding-left: .5%;
}
#subNav .btn-list.col-6 li {
	width: 16.66%;
	padding-left: .5%;
}

#subNav .btn-list li > a {
	position: relative;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 2px 28px;
	color: #fff;
	text-decoration: none;
	background: #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
}
#subNav .btn-list.col-5 li > a {
	padding: 2px 10px;
}
#subNav .btn-list.col-6 li > a {
	padding: 2px 6px;
}
#subNav .btn-list a.row2 {
	padding-top: 7px;
}
#subNav .btn-list .current a,
#subNav .btn-list li > a:hover {
	text-decoration: none;
	background: #5bc2dc;
}
#fixedNav .btn-list {
	width: 100%;
	max-width: 900px;
	margin: 10px auto 0;
}
#subNav.fix #fixedNav .btn-list {
	opacity: 1;
}
@media screen and (max-width: 980px){
	#fixedNav {
		padding-left: 10px;
		padding-right: 10px;
	}
	#fixedNav .btn-list {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 767px){
/* subNav | fixedNav */
	#subNav.fix #fixedNav {
		border-bottom: 1px solid #5bc2dc;
	}
	#fixedNav {
		padding-left: 0;
		padding-right: 0;
	}
	#fixedNav label {
		display: block;
		height: 40px;
		line-height: 40px;
		text-indent: 6px;
		text-align: left;
	}
	#fixedNav label a {
		background-color: transparent;
	}
	#fixedNav .sp-open {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#fixedNav .sp-open:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		width: 40px;
		background: #5bc2dc url(../img/toggle_open_close.png) no-repeat 0 0;
		background-size: 40px 80px;
	}
	#fixedNav.open .sp-open:after {
		background-position: 0 -40px;
	}
/* .btn-list */
	#subNav .btn-list li {
		width: 50%;
		margin-bottom: 3px;
		margin-left: 0;
		height: 44px;
		border: none;
	}
	#subNav .btn-list.col-5 li,
	#subNav .btn-list.col-6 li {
		width: 50%;
		margin-left: 0;
		border: none;
	}
	#subNav .btn-list li:nth-child(odd) {
		padding-right: .5%;
	}
	#subNav .btn-list li:nth-child(even) {
		padding-left: .5%;
	}
	#subNav .btn-list li > a {
		font-size: 0.750em;
		width: 100%;
		height: 100%;
		padding: 0 8px 0 4%;
	}
	#subNav .btn-list.col-5 li > a,
	#subNav .btn-list.col-6 li > a {
		padding: 0 8px 0 4%;
	}
	#subNav .btn-list a.row2 {
		padding-top: 0;
	}
	#fixedNav .btn-list {
		width: auto;
		height: 0;
		overflow: hidden;
		margin: 0 2.2%;
		-webkit-transition: all ease-out .3s;
		transition: all ease-out .3s;
	}
	#subNav.fix .btn-list {
		opacity: 1;
		padding-left: 0;
		padding-right: 0;
	}
	#fixedNav.open .btn-list {
		opacity: 1;
		height: 47px;
		margin-top: 4px;
	}
	#fixedNav.open .btn-list.col-5,
	#fixedNav.open .btn-list.col-6 {
		height: 142px;
	}
}

/* SBF Group box */
.sbf_group .group-title {
	font-size: 2em;
	font-weight: bold;
	margin: 40px 0 30px;
}
#sbf_main_cnt_board .sbf_group .group-title a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #2d8ec1;
	padding-right: 180px;
	line-height: 1.4;
}
#sbf_main_cnt_board .sbf_group .group-title a:hover {
	opacity: .7;
	text-decoration: none;
}
#sbf_main_cnt_board .sbf_group .group-title a[target=_blank]:after {
	position: absolute;
	top: 4px;
	right: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	content: 'Web Site';
	font: normal 14px/1 Arial, Helvetica, sans-serif;
	background: #5bc2dc url(../img/parts.png) 100px -180px no-repeat;
	color: #fff;
	width: 140px;
	margin-left: 0;
	padding: 8px 0;
	text-align: center;
	text-indent: -10px;
}
.sbf_group + .sbf_group {
	border-top: 1px solid #e6e6e6;
}
.sbf_group .group-lead {
	font-size: 1.125em;
	font-weight: bold;
	color: #666;
}
.sbf_group .group-list {
	padding: 40px 0;
}
.sbf_group .group-list dt {
	color: #2d8fc1;
	line-height: 1;
}
.sbf_group .group-list dd {
	margin: 15px 0 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: #666;
}
@media screen and (max-width: 767px){
/* SBF Group box */
	.sbf_group .group-title {
		font-size: 1.375em;
		margin: 1.5em 0 1em;
	}
	#sbf_main_cnt_board .sbf_group .group-title a {
		position: static;
		padding-right: 0;
	}
	#sbf_main_cnt_board .sbf_group .group-title a[target=_blank]:after {
		position: static;
		display: block;
		margin: .5em 0;
	}
	.sbf_group .group-lead {
		font-size: 0.875em;
	}
	.sbf_group .group-list {
		padding: 2em 0;
	}
	.sbf_group .group-list dt {
		font-size: inherit;
	}
	.sbf_group .group-list dd {
		margin: .5em 0 0;
	}
}

/* ------------------------------------------------
#3. Contents
------------------------------------------------ */
/* sbf contents  */
#suntory_contents {
	width: 100%;
	min-width: 0;
}
#suntory_contents #container {
	width: 100%;
	color: #666;
}
/* main contents toppage board  */
#sbf_main_cnt_top {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	min-height: 200px;
}
/* main contents board */
#sbf_main_cnt_board {
	padding: 30px 30px 50px;
	width: 980px;
	max-width: 980px;
	margin: 0 auto;
	background: url(../../img2013/sbf_main_cnt_bg_b.png) repeat-y top center;
}
#sbf_main_cnt_board #container {
	max-width: 900px;
}
#sbf_main_cnt_board a:link {
	color: #56bad5;
	text-decoration: none;
}
#sbf_main_cnt_board a:hover {
	text-decoration: underline;
}
#sbf_main_cnt_board a:visited {
	color: #56bad5;
}
#sbf_main_cnt_board a[target="_blank"]:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	width: 15px;
	height: 15px;
	background: url(../img/parts.png) no-repeat;
	background-position: 0 -170px; 
}
#sbf_main_cnt_board a.pdf[target="_blank"]:after {
	width: 22px;
	height: 20px;
	background: url(../img/parts.png) no-repeat;
	background-position: -27px -34px;
}
#sbf_main_cnt_board a.icon_none:after {
	display: none !important;
}
#container .inner_section {
	margin-top: 45px;
}
@media screen and (max-width: 980px){
	/* main contents toppage board */
	#sbf_main_cnt_top {
		width: auto;
	}
	#sbf_main_cnt_top #content {
		padding: 0 2.6% 2.6% 2.6%;
	}
	#sbf_main_cnt_board {
		margin: 0 10px 10px;
		width: auto;
		background-image: none;
		background-color: #fff;
		border-radius:0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		box-shadow:rgb(182, 225, 239) 0px 0px 10px 3px;
		-webkit-box-shadow:rgb(182, 225, 239) 0px 0px 10px 3px;
		-moz-box-shadow:rgb(182, 225, 239) 0px 0px 10px 3px;
	}
}
@media screen and (max-width: 767px){
	#suntory_contents {
		width: 100%;
		min-width: 0;
	}
	#sbf_main_cnt_top #content {
		padding-bottom: 0;
	}
	#sbf_main_cnt_board {
		margin: 0 auto;
		padding: 10px 0 30px;
		box-shadow: none;
		-webkit-box-shadow:none;
		border-radius: 0;
		-webkit-border-radius: 0;
		width: 100%;
	}
	#sbf_main_cnt_board #main {
		padding-left: 2.2%;
		padding-right: 2.2%;
	}
	#sbf_main_cnt_board #main.ext-full_size{
		padding-left: 0;
		padding-right: 0;
	}
	#container .inner_section {
		margin-top:20px;
	}
}


/* base title */
.page_title {
	color: #5FC0D9;
	font-size: 1.438em;
	border-bottom: 1px solid #5FC0D9;
	font-weight: bold;
	padding-bottom: 6px;
	margin: 0 auto 1em;
	max-width: 100%;
	line-height: 100%;
	text-align: left;
}
#sbf_main_cnt_top .page_title {
	background: #fff;
	max-width: 960px;
	height: 84px;
	line-height: 84px;
	margin-bottom: 10px;
	color: #1E82AD;
	font-size: 1.5em;
	padding: 0 15px 0;
	border: none;
}
.section_title {
	color: #808080;
	font-size: 1.250em;
	font-weight: normal;
	font-family: 'suntory syntax', Arial, Helvetica, sans-serif;
	line-height: 24px;
	border-left: 6px solid #8ad7ea;
	padding: 0 0 0 8px;
}
.section_title + * {
	margin-top: 20px;
}
.rsp_title01 {
	background:#E7F6FA;
	margin-bottom: 17px;
	width: 100%;
}
.rsp_title01 span {
	display: block;
	color: #2094be;
	font-weight: bold;
	line-height: 40px;
	padding-left: 15px;
	font-size: 1.4em;
}
@media screen and (max-width: 767px){
	.page_title {
		margin-top: 0;
		margin-bottom: 2.6%;
		padding-left: 2.2%;
		padding-right: 2.2%;
		height: auto;
		font-size: 1.500em;
		line-height: 1.6;
	}
	.section_title {
		font-size: 1.125em;
	}
	.section_title + * {
		margin-top: 15px;
	}
	#sbf_main_cnt_top .page_title {
		margin-top: 2.6%;
		margin-bottom: 2.6%;
		padding-left: 4.69%;
		padding-right: 4.69%;
		height: auto;
		font-size: 1.500em;
		font-weight: normal;
		line-height: 1.6;
		background: none;
	}
}

.panelbox {
	width: 475px;
	float: left;
	background: #fff;
	margin: 0 0 10px;
	position: relative;
}
.panelbox a {
	text-decoration: none;
}
.panelbox a:hover {
	text-decoration: none;
}
.panelbox + .panelbox {
	float: right;
}
.panelbox img {
	vertical-align: bottom;
}
.panelbox .title {
	font-size: 1.5em;
	color: #494747;
}
.panelbox .title_unit {
	display: table;
	*display: block;
	width: 100%;
}
.panelbox .title_unit .title {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	width: 70%;
	height: auto;
	padding: 10px 0 10px 15px;
	color: #494747;
	vertical-align: middle;
}
.panelbox .title_unit .more {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	width: 144px;
	vertical-align: middle;
	padding: 7px 7px 7px 0;
}
.panelbox .visual {
	padding: 1px;
}
.panelbox .visual img {
	width: 100%;
}
.panelbox .movie {
	position: relative;
	width: 475px;
	*width: 473px;
	padding: 1px;
	background: #FFF;
}
.movie .overlayer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background: url(../img/btn_movie_open.png) no-repeat center center;
}
.panelbox.side_img > a {
	display: table;
	*display: block;
	width: 100%;
	min-height: 0;
	text-decoration: none;
}
.panelbox.side_img .title_wrap {
	width: 62.5%;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	padding: 10px 0 10px 15px;
	vertical-align: middle;
}
.panelbox.side_img .title_wrap .grouping {
	display: block;
	font-size: 1.125em;
}
.panelbox.side_img .title_wrap .title {
	margin-top: 5px;
	display: block;
}
.panelbox.side_img .visual {
	padding: 0;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	text-align: right;
	width: 37.5%;
	max-height: 100px;
}
.panelbox.side_img.side_178 .title_wrap {
	width: 62.53%;
}
.panelbox.side_img.side_200 .title_wrap {
	width: 57.89%;
}
.panelbox.side_img.side_178 .visual {
	width: 37.47%;
}
.panelbox.side_img.side_200 .visual {
	width: 42.11%;
}
.panelbox.side_img p img {
	text-align: right;
}
@media screen and (max-width: 980px){
	.panelbox {
		width: 49.475%;
	}
	.panelbox + .col {
		float: left;
		width: 49.475%;
		margin-left: 1.05%;
	}
	.panelbox .title {
		font-size: 1.250em;
	}
	.panelbox .title_unit .title {
		padding: 10px;
	}
	.panelbox.side_img .title_wrap {
		padding: 10px;
	}
	.panelbox.side_img .title_wrap .grouping {
		font-size: 1em;
	}
	.panelbox img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.panelbox .movie {
		width: 100%;
	}
	.movie .overlayer {
		width: 100%;
		height: auto;
	}

}
@media screen and (max-width: 767px){
	.panelbox {
		float: none;
		width: 100%;
		margin-bottom: 2.6%;
		display: table;
	}
	#content > div:last-of-type .panelbox:last-of-type {
		margin-bottom: 0;
	}
	#content > .panelbox:last-of-type {
		margin-bottom: 0;
	}
	.panelbox img {
		width: 100%;
		height: auto;
	}
	.panelbox > a {
		display: block;
		width: 100%;
	}
	.panelbox .title {
		width: 100%;
		font-size: 1.250em;
		line-height: 1;
	}
	.panelbox .title_unit .title {
		display: table-cell;
		width: 90%;
		vertical-align: middle;
	}
	.panelbox.side_img .title_wrap .title {
		font-size: 1em;
	}
	.panelbox.side_img .title_wrap .grouping {
		font-size: 0.750em;
	}
	.panelbox.side_img .visual img {
		width: auto;
		max-height: 100px;
	}
	.panelbox:not(#news) .more {
		display: table-cell;
		vertical-align: middle;
		width: 10%;
		min-width: 115px;
		padding-right: 5px;
		background: url(../img/bg-more.gif) no-repeat 0 center;
		background-size: 110px 30px;
	}
	.panelbox .more img {
		display: none !important;
	}
	.panelbox .movie {
		width: 100%;
	}
	.movie .overlayer {
		width: 100%;
		height: auto;
	}
	#content #news.panelbox {
		padding: 10px 10px 18px 10px;
		min-height: 250px;
	}
	#content #news.panelbox .title {
		font-size: 1.250em;
	}
	#content #news.panelbox .more {
		right: 15px;
		top: 15px;
		font-size: 0.750em;
	}
	#content #news.panelbox dt {
		margin-top: 10px;
		font-weight: normal;
	}
	#content #news.panelbox dl + dl dt {
		margin-top: 20px;
		font-weight: normal;
	}
}

/* ------------------------------------------------
#3-1. Contents | top page 
------------------------------------------------ */
#top #sbf_main_cnt_top #main {
	padding-top: 455px;
}
@media screen and (max-width: 980px){
	#top #sbf_main_cnt_top #main {
		padding-top: 0;
	}
	#top #container {
		width: auto;
	}
	#top #keyvisual {
		position: relative;
		top: 0;
		width: 100%;
		min-width: 0;
		height: auto;
	}
	#top #keyvisual .inner {
		position: static;
		left: 0;
		margin: 0 0 17px;
		width: 100%;
		height: auto;
	}
	#top #keyvisual .hitbox {
		background-color: #fff;
	}
	#top #keyvisual a img {
		max-width: 100%;
		height: auto;
	}
}

/* ------------------------------------------------
#3-2. Contents | about category
------------------------------------------------ */
/*contents | about_us | top */
@media screen and (max-width: 767px) {
#about_us.top #sbf_main_cnt_top {
    padding: 20px 0 0;
}
}
/*contents | about_us | profile*/
#profile_content .section_title + .company_info {
	margin-top: 30px;
}
.company_info dd,
.company_info dt {
	color: #666;
}
.company_info dd {
	font-size: 1.625em;
	font-weight: bold;
}
.company_info dt {
	font-size: 0.875em;
}
.company_info dd + dt {
	margin-top: 30px;
}
.company_info dt + dd {
	margin-top: 10px;
}
.company_info .ext-large {
	font-size: 2.250em;
}
.corporate_profile {
	width: 100%;
	vertical-align: bottom;
}
.corporate_profile .col ,
.corporate_profile .material{
	vertical-align: bottom;
}
.corporate_profile .col {
	width: 52.56%;
	max-width: 473px;
	float: left;
}
.corporate_profile .col .movie {
	width: 100%;
	position: relative;
	padding: 1px;
	margin-top: 3px;
	background: #FFF;
}
.corporate_profile .col .movie img {
	width: 100%;
	min-width: 100%;
	height: auto;
}
.corporate_profile .material  {
	width: 43.22%;
	float: right;
}
.corporate_profile .material .link {
	display: table;
}
.corporate_profile .material .link .image,
.corporate_profile .material .link .caption {
	display: table-cell;
	width: 50%;
}
.corporate_profile .material .link .caption {
	vertical-align: bottom;
}
.corporate_profile .material .link .caption a {
	margin-bottom: 10px;
	padding-left: 15px;
	display: inline-block;
	color: #09C;
	line-height: 1.6;
}
.corporate_profile .material .link .image img {
	width: 100%;
}

/*contents | about_us | idead*/
.idea_content .lead {
	font-size: 1.125em;
	color: #666;
}
.idea_content .lead-title {
	font-size: 1.625em;
	font-weight: bold;
	color: #3390BF;
	text-align: center;
	display: block;
}
.idea_content .lead-title br {
	display: none;
}
.idea_content .lead-title + .lead {
	margin-top: 10px;
}
.idea_our_vision .sub_title {
	background: #5AC2DB;
	color: #fff;
	font-size: 24px;
	width: 96.5%;
	text-align: center;
	display: inline-block;
	padding-left: 1.75%;
	padding-right: 1.75%;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 30px;
	max-width: 220px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.idea_our_vision .visual {
	position: relative;
	margin-top: 20px;
}
.idea_our_vision .visual .bg {
	width: 100%;
}
.idea_our_vision .visual > p {
	position: absolute;
	width: 56.56%;
	font-weight: bold;
	color: #1279AC;
	line-height: 1.3;
}
.idea_our_vision .for-value {
	top: 0;
	left: 0;
}
.idea_our_vision .for-company {
	top: 72.41%;
	left: 37.44%;
}
.idea_our_vision .visual_image li {
	position: absolute;
	width: 28.67%;
}
.idea_our_vision .visual_image img {
	width: 100%;
	max-width: 258px;
}
.idea_our_vision .visual_image .image_01 {
	top: 1.55%;
	left: 67.67%;
}
.idea_our_vision .visual_image .image_02 {
	top: 26.27%;
	left: 36%;
}
.idea_our_vision .visual_image .image_03 {
	top: 40.62%;
	left: 3.56%;
}

.idea_content .idea_our_promise {
	margin-top: 45px;
	overflow: hidden;
}
.idea_content .idea_our_promise .promise_text {
	float: left;
	width: 50%;
	margin-left: 50px;
}
.idea_our_promise .promise_text p {
	font-weight: bold;
	line-height: 1.6;
}
.idea_our_promise .promise_text p.catchphrase {
	color: #5AC2DB;
	font-family: "Hiragino Kaku Gothic Pro", "Meiryo";
	margin-bottom: 20px;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.3;
}
.idea_our_promise .promise_text p.catchphrase span {
	font-family: Calibri, Helvetica Neue;
}
.idea_content .idea_our_promise .image_box {
	float: right;
	width: 40%;
	text-align: center;
}
.idea_content .idea_our_promise .image_box img {
	width: 50%;
}
.idea_our_promise .sub_title {
	background: #5AC2DB;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 24px;
	width: 96.5%;
	text-align: center;
	display: inline-block;
	padding-left: 1.75%;
	padding-right: 1.75%;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 30px;
	max-width: 260px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-bottom: 20px;
}

.idea_wrapper {
	margin-top: 50px;
	border: 1px solid #5AC2DB;
	padding-bottom: 20px;
}
#container .idea_wrapper >.inner_section.ext-idea {
	padding-left: 2.11%;
	padding-right: 2.11%;
	padding-bottom: 20px;
	margin-top: 35px;
}
#content .idea-groups_philosophy.ext-idea {
	margin-top: 0;
}
.idea-groups_philosophy .diagram {
	margin-top: 35px;
	text-align: center;
}
.idea-groups_philosophy dl {
	width: 100%;
	margin-top: 55px;
}
.idea-groups_philosophy dl dt,
.idea-groups_philosophy dl dd {
	display: inline-block;
}
.idea-groups_philosophy dl dt {
	width: 25%;
	vertical-align: top;
}
.idea-groups_philosophy dl dd {
	width: 75%;
	padding-left: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.idea-groups_philosophy dl dt span {
	background: #2d8fc1;
	color: #fff;
	font-size: 24px;
	width: 96.5%;
	text-align: center;
	display: inline-block;
	padding-left: 1.75%;
	padding-right: 1.75%;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 30px;
	max-width: 220px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.idea-groups_philosophy dl dd h3 {
	display: block;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 50px;
	vertical-align: middle;
	font-weight: 600;
}

.idea-groups_philosophy dl dd h3 strong {
	font-size: 28px;
	color: #2d8fc1;
	width: 80%;
	font-weight: 700;
	display: inline-block;
}

.idea-groups_philosophy dl dd p + h3 {
	margin-top: 10px;
}
.idea-groups_philosophy_list {
	font-size:0.875em;
	list-style: upper-roman;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 1.5em;
}
.idea-groups_philosophy_list li {
	margin-top: 24px;
}
.idea-groups_philosophy_list li > ul > li {
	font-size: 14px;
	margin: .5em 0;
	font-weight: normal;
}
.corporate_logo {
	padding-left: 2.2%;
	padding-right: 2.2%;
}
.corporate_logo .image-left {
	margin-top: 20px;
}
.corporate_logo .image-left .image {
	text-align: center;
}
.corporate_logo .image-left .image .svg_replace {
	width: 307px;
}
.corporate_logo .image-left .image img {
	max-width: 307px;
	height: 37px;
}
.link_area_idea {
	padding-left: 2.2%;
	padding-right: 2.2%;
	margin-top: 20px;
}
#container .corporate_tagline {
	margin-top: 60px;
}
#container .corporate_tagline p.image {
	vertical-align: top;
	padding-top: 2.5em;
}
#container .corporate_tagline strong {
	font-size: 0.875em;
}
#container .corporate_tagline p {
	margin-bottom: 1em;
}
.corporate_tagline .image-left .image img {
	height: 68px;
}
.corporate_logo .image-left .image img {
	height: 63px;
}

/* contents | about_us | president */
.president_content .content {
	margin-top: 30px;
	padding: 0 2.2%;
}
.president_content .btn-list {
	margin-bottom: 10px;
}
.president_content .content h3 {
	color: #3390BF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
}
.president_content .content_text {
	margin-top: 30px;
}
.top_message_lead {
	position: relative;
}
.top_message_lead img {
	width: 100%;
	vertical-align: bottom;
}
.top_message_lead .layout_change {
	position: absolute;
	left: 10.33%;
	width: 62%;
	max-width: 432px;
	top: 18%;
}
.top_message_lead .layout_change .caption {
	color: #3390BF;
}
.top_message_lead .layout_change .caption .sub {
	font-size: 1.5em;
	display: block;
	font-weight: bold;
}
.top_message_lead .layout_change .caption .copy_02 {
	font-size: 2.9em;
	line-height: 1.2;
	font-family: Calibri, Helvetica Neue;
	font-weight: bold;
}
.top_message_lead .layout_change .caption .copy_03 {
	font-size: 0.9em;
	line-height: 1.5;
	margin-top: 5px;
	display: block;
	max-width: 380px;
}
.president_content .profile {
	color: #333;		
}
.top_message_lead .profile {
	position: absolute;
	top: 65%;
	left: 10.33%;
	text-align: left;
	width: 45%;
}
.president_content .profile .description  {
	margin-top: 5px;
	line-height: 1.4;
}
.president_content .profile .description br + br {
	display: none;
}
.president_content .name {
	margin-top: 8px;	
	font-size: 1.5em;
	font-family: Helvetica;
	font-weight: bold;
	display: inline-block;
} 
.top_message_lead .sign {
	display:block;
	margin-top: 8%;
	width:50%;
}
.president_content .sign img {
	width: 100% !important;
} 
.president_content .content + .profile {
	/*text-align: right;
	margin-top: 45px;*/
	display: none;
}
.president_content .content + .profile .sign {
	display: none;
}

/*contents | about_us | officer.html*/
.officer_content .date {
	text-align: right;
	display: block;
	margin-top: 15px;
}
.basic_table.ext-officer th {
	vertical-align: top;
	padding: 30px 20px 20px;
	text-align: left;
}
.basic_table.ext-officer td {
	margin-top: 8px;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 30px;
}
.basic_table.ext-officer tr td p {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding-top: 10px;
}

/* contents | about_us | group */
body#about_us #content .half_horizon p .imgchange {
	display: block !important;
}
body#about_us #content .half_horizon p .imgchange.is-cloned {
	display: none !important;
}
#group-world_map {
	width: 100%;
	max-width: 900px;
	height: auto;
	margin: 1em auto 0;
	position: relative;
}
#group-world_map .bg {
	text-align: center;
}
#group-world_map .bg img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
#group-world_map .viewport {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#group-world_map .balloon a {
	display:block;
	width: 100%;
}
#group-world_map .balloon a img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#group-world_map .europe a {
	position:absolute;
	left: 1.5%;
	top: 2.9%;
	width: 40%;
	height: auto;
}
#group-world_map .asia a {
	position:absolute;
	left: 13.11%;
	top: 36.9%;
	width: 30%;
	height: auto;
}
#group-world_map .america a {
	position:absolute;
	left: 69.24%;
	top: 33.1%;
	width: 16.33%;
	height: auto;
}
#group-world_map .notes {
	position:absolute;
	bottom: 1em;
	right: 1em;
	width: auto;
	/*text-align: right;*/
	float: right;
	font-size: 0.750em;
	display: inline-block;
	line-height: 1.2;
}
#group-world_map .notes:before {
	content: '*';
	position: absolute;
	left: -6px;
	display: block;
	width: 1em;
	height: 1em;
	font-size: 12px;
}
#group-world_map .notes span {
	text-align: left;
	display: inline-block;
}
#group-world_map .oceania a {
	position: absolute;
	left: 48.78%;
	top: 66.3%;
	width: 23.1%;
	height: auto;
}
#group-world_map .japan a {
	position:absolute;
	left: 44.89%;
	top: 32.86%;
	width: 16.33%;
	height: auto;
}

/* contents | about_us | region */
body#about_us.region .section_title {
	margin-top: 1em;
}

@media screen and (max-width: 980px){
/*contents | about_us | president.html*/
	.top_message_lead .profile {
		position: absolute;
		top: 65%;
		width: 50%;
		font-size: 0.875em;
	}
	.top_message_lead .name {
		font-size: 1.500em;
	}
	.top_message_lead .sign {
		margin-top: 3%;
	}

/*contents | about_us | research.html*/
	.to_continue_02 .content_image {
		margin-top: 30px;
	}
}

/*contents | about_us | quality/index.html*/

.quality_content .lead-title {
	/*font-size: 1.625em;*/
	font-size: 26px;
	font-weight: bold;
	color: #3390BF;
	text-align: center;
	display: block;
}

.quality_content .lead-title + .lead {
	margin-top: 8px;
}

.quality_content .lead {
	/*font-size: 1em;*/
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	font-weight: bold;
	text-align: center;
	display: block;
}

#quality_box section {
	margin-top: 30px;
	padding: 20px 20px 15px 20px;
	border: 1px solid #5AC2DB;	
}

#quality_box section .inner{
	padding-left: 15px;
}

#quality_box section h4 {
	color: #3390bf;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.6;
}

#quality_box section h4.normal {
	color: #666666;
	font-weight: normal;
}

#quality_box section h4.main_copy {
	margin: 30px 0;
	text-align: center;
}

#quality_box section h4.main_copy img {
	width: 80%;
}

#quality_box section p {
	margin-bottom: 1em;
	color: #666666;
	font-size: 15px;
	line-height: 1.6;
}

#quality_box section p.date {
	font-size: 13px;
	text-align: right;
}

#quality_box section p.position {
	font-size: 13px;
	text-align: right;
	margin: 20px 0 10px;
}

#quality_box section p.name {
	font-size: 18px;
	text-align: right;
	margin-bottom: 0;
}

#quality_box section ul.text li {
	color: #666666;
	font-size: 15px;
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.6;
	margin-bottom: 10px;
}

#quality_box section ul.text li span {
	padding-right: 10px;
}

#quality_box section p.caution {
	font-size: 13px;
	margin-top: 20px;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#quality_box section p.caution span.mark {
	font-size: 15px;
	font-weight: bold;
	color: #3390bf;
	padding-right: 10px;
}


@media screen and (max-width: 767px){
/* contents | about_us */
	body#about_us .btm {
		display: none;
	}
	body#about_us #sbf_main_cnt_board #content {
		padding-left: 2.6%;
		padding-right: 2.6%;
	}
	body#about_us #content .half_horizon p .imgchange {
		display: none !important;
	}
	body#about_us #content .half_horizon p .imgchange.is-cloned {
		display: block !important;
	}
	#group-world_map .europe a {
		left: 9.8%;
		width: 34%;
	}
	#group-world_map .oceania a {
	    width: 13.1%;
	}
	
/*contents | about_us | profile.html*/
	#container #profile_content .inner_section {
		margin-top: 40px;
	}
	.company_info .ext-large {
		font-size: 1.125em;
	}
	.company_info dd {
		font-size: 1.000em;
	}
	.company_info dt {
		font-size: 0.875em;
	}
	.company_info dt + dd {
		margin-top: 5px;
	}
	.corporate_profile .col .movie {
		display: block;
	}
	.corporate_profile .col, 
	.corporate_profile .material {
		width: 100%;
		max-width: none;
	}
	.corporate_profile  {
		display: block;
	}
	.top_message_lead .profile {
		display: none;
	}
	.corporate_profile .material {
		margin-top: 10px;
		display: block;
	}
	.corporate_profile .material .link {
		width: 100%;
		display: table;
		float: none;
	}
	#content .corporate_profile .col .movie .overlayer {
		width: 100%;
		height: auto;
	}
	.corporate_profile .material .link .image {
		width: 30%;
	}
	.corporate_profile .material .link .image img {
		max-width: 195px;
	}
	.corporate_profile .material .link .caption {
		width: 70%;
	}
	.basic_link.ext-profile {
		font-size: 0.875em;
	}
	
/*contents | about_us | idea.html*/
	.idea_wrapper {
		margin-top: 20px;
	}
	#container .idea_wrapper >.inner_section.ext-idea {
		margin-top: 20px;
	}
	.idea_our_vision .visual_image .image_01, 
	.idea_our_vision .visual_image .image_02, 
	.idea_our_vision .visual_image .image_03 {
		top: auto;
		left: auto;
		width: 49.5%;
	}
	.idea_our_vision .visual_image li > img {
		max-width: 100%;
	}
	.idea_content .contents_header {
		line-height: 1.4;
	}
	.idea_our_vision .sub_title {
		max-width: 100%;
		}
	.idea_content .lead {
		font-size: 0.875em;
		font-weight: normal;
		}
	.idea_content .lead-title {
		font-size: 1.250em;
	}
	.idea_content .lead-title br {
		display: block;
	}
	.idea_our_vision .visual,
	.idea_our_vision .visual > p,
	.idea_our_vision .visual_image li {
		position: static;
	}
	.idea_our_vision .sub_title {
		min-height: 0;
	}
	.idea_our_vision .visual {
		position: relative;
	}
	.idea_our_vision .visual .bg {
		position: absolute;
		bottom: 0;
		z-index: 0;
	}
	.idea_our_vision .visual > p {
		width: 100%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		margin-top: 20px;
		color: #1279AC;
	}
	.idea_our_vision .visual > p + p {
		margin-top: 15px;
	}
	.idea_our_vision .visual_image {
		width: 100%;
		margin-top: 10px;
		display: table;
		position: relative;
		z-index: 1;
	}
	.idea_our_vision .visual_image li {
		width: 25%;
		display: table-cell;
	}
	.idea_our_vision .visual_image li:first-child {
		padding-right: 0.5%;
	}
	.idea_our_vision .visual_image li + li {
		padding-left: 0.5%;
	}
	
	.idea_content .idea_our_promise {
		margin-top: 30px;
	}
	.idea_content .idea_our_promise .promise_text {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.idea_content .idea_our_promise .promise_text p {
		font-weight: normal;
	}
	.idea_our_promise .promise_text p.catchphrase {
		margin-bottom: 10px;
		font-size: 1.5em;
		font-weight: bold;
	}
	.idea_content .idea_our_promise .image_box {
		display: none;
	}
	.idea_content .idea_our_promise .image_box img {
		display: none;
	}
	.idea_our_promise .sub_title {
		max-width: 100%;
		font-size: 20px;
		min-height: 20px;
	}
	
	.idea-groups_philosophy {
		padding-left: 2.2%;
		padding-right: 2.2%;
	}
	.idea-groups_philosophy .diagram {
		margin-top: 20px;
	}
	.idea-groups_philosophy .diagram img {
		width: 100%;
	}
	.idea-groups_philosophy .diagram a {
		border: 0;
	}
	.idea-groups_philosophy .utility {
		margin-top: 14px;
	}
	.idea-groups_philosophy .utility li {
		float: left;
		width: 49%;
		height: 44px;
		margin: 0 0 1% 1%;
		display: table;
	}
	.idea-groups_philosophy .utility li a {
		background: #f2f2f2;
		font-size: 13px;
		width: 100%;
		height: 100%;
		padding: 0 0 0 6%;
		display: table-cell;
		vertical-align: middle;
		color: #56bad5;
		text-decoration: none;
	}
	.idea-groups_philosophy .utility li a:hover {
		text-decoration: underline;
	}
	.idea-groups_philosophy dl {
		display: block;
	}
	.idea-groups_philosophy dl {
		margin-top: 40px;
	}
	.idea-groups_philosophy dl dt,
	.idea-groups_philosophy dl dd {
		width: 100%;
	}
	.idea-groups_philosophy dl dd {
		padding-left: 0;
	}
	.idea-groups_philosophy dl dd h3 {
		font-size: 1.625em;
		margin-top: 14px;
		text-align: center;
	}
	.idea-groups_philosophy dl dt span {
		max-width: none;
		display: block;
	}
	.idea-groups_philosophy .basic_link {
		font-size: 0.875em;
	}
	.corporate_logo .image-left {
		padding-left: 2.2%;
		padding-right: 2.2%;
	}
	.corporate_logo .image-left,
	.corporate_logo .image-left .fs-base {
		margin-top: 28px;
	}
	.corporate_logo .image-left .image {
		width: 100%;
		text-align: center;
	}
	.corporate_logo .image-left .image img { 
		padding-right: 0;
		width: 70%;
	}
	
/* contents | about_us | president */
	.president_content .content {
		margin-top: 15px;
		padding: 0%;
	}
	.president_content .content h3 {
		font-size: 0.8em;
		line-height: 1.4;
	}
	.president_content .content_text {
		margin-top: 15px;
	}
	.top_message_lead .layout_change {
		position: absolute;
		width: 56%;
		max-width: 432px;
		z-index: 1;
		top: 0;
		left: 4.17%;
	}
	.top_message_lead .layout_change .caption {
		display: table-cell;
		vertical-align: middle;
	}
	.top_message_lead .layout_change .caption .sub {
		font-size: 0.9em;
	}
	.top_message_lead .layout_change .caption .copy_02 {
		font-size: 1.5em;
		line-height: 1.2;
	}
	.top_message_lead .layout_change .caption .copy_03 {
		font-size: 0.6em;
		line-height: 1.2;
		max-width: 90%;
	}
	.president_content .description {
		font-size: 0.875em;
	}
	.president_content .profile .description br + br {
		display: block;
	}	
	.president_content .profile {
		position: static;
		width: 100%;
		text-align: right;
		margin-top: 15px;
	}
	.president_content .name {
		display: block;
	}
	.president_content .content + .profile .sign {
		position: static;
		text-align: right;
		margin-top: 5px;
		width: 50%;
		padding-right: 3px;
		display: inline-block;
	}
	.president_content .name {
		position: static;
		text-align: right;
		font-size: 1.100em;
		margin-top: 10px;
	}
	.president_content .sign img {
		width: 100%;
		max-width: 150px;
	}
	.president_content .layout_change {
		max-width: 56%;
	}
/* contents | about_us | officer */	
.basic_table.ext-officer tr th,
.basic_table.ext-officer tr td {
	padding: 2%;
}
.basic_table.ext-officer tr th {
	width: 35.03%;
	}
.basic_table.ext-officer tr td {
	width: 64.97%;
	}
.basic_table.ext-officer tr td p {
	display: block;
	width: 100%;
	padding-top: 0;
}

	
/* contents | about_us | group */
	#group-world_map {
		overflow: hidden;
	}
	#group-world_map .viewport {
		width: 119.34%;
		max-width: 119.34%;
		margin-left: -9.67%;
	}
	#group-world_map .notes {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		padding: .5em 0 2em;
		width: auto;
		font-size: 0.688em;
		float: right;
	}

/* region | about category */
	body#about_us.region .section_title {
		margin-bottom: 1.5em;
	}
	body#about_us.region .inner h4 {
		font-size: 0.875em;
		margin: 1.5em 0 0;
	}
	
/*contents | about_us | quality/index.html*/
	
	.quality_content .contents_header {
		line-height: 1.4;
	}

	.quality_content .lead-title {
		font-size: 1.250em;
	}

	.quality_content .lead {
		font-size: 0.875em;
		font-weight: normal;
		text-align: left;
	}
	.quality_content .lead br {
		display: none;
	}

	#quality_box section {
		margin-top: 20px;
		padding: 1em;
	}
	
	#quality_box section .inner{
		padding-left: 0;
	}
	
	#quality_box section h4 {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 1.6;
	}
	
	#quality_box section h4.normal {
		font-size: 16px;
	}
	
	#quality_box section h4 br {
		display: none;
	}
	
	#quality_box section h4.main_copy {
		margin: 20px 0 0;
	}

	#quality_box section h4.main_copy img {
		width: 100%;
		height: auto;
	}
	
	#quality_box section p {
		font-size: 14px;
		line-height: 1.6;
	}
	
	#quality_box section p.date {
		font-size: 11px;
	}
	
	#quality_box section p.position {
		font-size: 11px;
		margin: 20px 0 0;
	}
	
	#quality_box section p.name {
		font-size: 16px;
	}
	
	#quality_box section ul.text li {
		font-size: 14px;
		text-indent: -1.8em;
		padding-left: 1.8em;
	}
	
	#quality_box section .banner_box ul li {
		float: none;
		padding-right: 0;
		margin-bottom: 10px;
	}
	
	#quality_box section .banner_box ul li img {
		width: 100%;
		height: auto;
	}
	
	
	
}
@media screen and (max-width: 480px){
/* contents | about_us | president */
	.top_message_lead .layout_change .caption .sub {
		margin-top: 5px;
	}
	
/* group | about category */
	#group-world_map .notes {
		width: 70%;
	}
	#group-world_map .notes br {
		display: none;
	}
}


/* ------------------------------------------------
#3-3. Contents | business category
------------------------------------------------ */
#business.top #sbf_main_cnt_board a[target="_blank"]:after,
#business.region #sbf_main_cnt_board a[target="_blank"]:after {
	content: none;
	display: none;
}
/* contents | business | top */
.business_lead {
	padding: 10px 0;
}
.business_lead p {
	font-size: 1.125em;
	line-height: 1.2;
	color: #666;
}
.business_lead p + p {
	margin-top: 20px;
}
.business_lead .notes {
	font-size: 0.875em;
	line-height: 1.2;
}
#business-world_map {
	width: 100%;
	max-width: 900px;
	height: 80%;
	margin: 10px auto 0;
	position: relative;
}
#business-world_map .bg {
	text-align: center;
}
#business-world_map .bg img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
#business-world_map .viewport {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#business-world_map .balloon a {
	display: block;
	width: 100%;
}
#business-world_map .balloon a img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#business-world_map .oceania a {
	position: absolute;
	left: 38.5%;
	top: 48.8%;
	width: 18.8%;
	height: auto;
}
#business-world_map .europe a {
	position:absolute;
	left: 11.56%;
	top: 1.5%;
	width: 18.8%;
	height: auto;
}
#business-world_map .asia a {
	position: absolute;
	left: 21.5%;
	top: 30.8%;
	width: 18.8%;
	height: auto;
}
#business-world_map .america a {
	position: absolute;
	left: 68.24%;
	top: 26.8%;
	width: 18.8%;
	height: auto;
}
#business-world_map .notes {
	position: absolute;
	bottom: 4%;
	right: 10%;
	text-align: left;
	font-size: 0.750em;
	line-height: 1.2;
}
#business-world_map .notes:before {
	content: '*';
	position: absolute;
	left: -6px;
	display: block;
	width: 1em;
	height: 1em;
	font-size: 12px;
}
#business-world_map .notes span {
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
#business-world_map .japan a {
	position: absolute;
	left: 43.60%;
	top: 15.40%;
	width: 18.8%;
	height: auto;
}
#business-world_map .research_btn a {
	position: absolute;
	left: 10.89%;
	top: 79.86%;
	width:  29.4%;
	height: auto;
}


@media screen and (max-width: 767px){
	.business_lead p {
		font-size: 0.750em;
		line-height: 1.4;
	}
	.business_lead .notes {
		font-size: 0.688em;
		line-height: 1.2;
	}
	#business-world_map {
		overflow: hidden;
	}
	#business-world_map .viewport {
		overflow:hidden;
		width: 119.34%;
		max-width: 119.34%;
		margin-left: -9.67%;
	}
	#business-world_map .notes {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		padding: .5em 0 2em;
		width: auto;
		font-size: 75.0%;
		float: right;
	}
}
@media screen and (max-width: 480px){
	#business-world_map .notes {
		width: 90%;
		float: none;
		margin-left: 10%;
	}
	#business-world_map .notes br {
		display: none;
	}
}

/* contents | business | region */
body#business.region .section_title {
	margin-top: 1em;
}
/* box-line_title */
.box-line_title {
	background-color: #5bc2dc;
	font-size: 1.750em;
	color: #fff;
	margin-top: 10px;
	padding: 14px 18px;
	display: inline-block;
	width: 100%;
	vertical-align: middle;

	*width: 864px;
	*height: 82px;
	*line-height: 82px;
	*zoom: 1;
}
/* box-logos */
.box-logos {
	margin-top: 10px;
	width: 100%;
	display: table;

	*display: block;
	*zoom: 1;
}
.box-logos .area_name {
	background-color: #5bc2dc;
	width: 190px;
	padding: 0 4px;
	height: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1.125em;
	color: #fff;

	*display: inline;
	*height: 90px;
	*line-height: 90px;
	*zoom: 1;
}
.box-logos ul {
	height: 90px;
	border: 1px solid #5bc2dc;
	border-left: none;
	width: auto;
	display: table-cell;
	padding: 3px 0 3px 14px;
	background-color: #fff;
	vertical-align: middle;

	*display: inline;
	*width: 692px;
	*height: 82px;
	*line-height: 82px;
	*zoom: 1;
}
.box-logos ul {
	padding: 3px 0 3px 9px;
}
.box-logos li {
	display: inline-block;
	width: auto;
	padding-right: 2%;

	*display: inline;
	*zoom: 1;
}
.box-logos li img {
	width: 100%;
	height: auto;
	vertical-align: middle;

	*width: auto;
}
html.no-touch .box-logos li a:hover {
	opacity: .7;
}
/* box-area_note */
.box-area_note {
	margin-top: 10px;
}
.box-area_note p {
	font-size: 0.750em;
	color: #525252;
	line-height: 1.4;
}
.box-area_note p + p {
	margin-top: 10px;
}

/* box-area_keyvisual */
.box-area_keyvisual {
	margin-top: 18px;
	width:100%;
}
.box-area_keyvisual img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/* box-list_items */
.box-list_items {
	padding-top: 30px;
	width: 100%;
}
.box-list_items .list_item {
	width: 49%;
	float: left;
}
.box-list_items .list_item.side_space {
	margin-left: 2%;
	float: right;
}
.box-list_items .list_item.list_full {
	clear: both;
	width: 100%;
}
.box-list_items .list_item.list_full li {
	width: 25%;
}
.box-list_items .list_group_name {
	padding: 8px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #0099cc;
}
.box-list_items .list_group {
	height: 210px;
}
@media screen and (max-width: 900px){
	.box-list_items .list_group {
		height: auto;
	}
}
.box-list_items .list_group li {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	text-align: left;
	padding: 0 10px 40px 20px;

	*display: inline;
	*width: 220px;
	*padding: 0 0 40px 0;
	*zoom: 1;
}
.box-list_items .list_group li a {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;

	*display: inline;
	*zoom: 1;
}
.box-list_items .list_group li > span {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;

	*display: inline;
	*zoom: 1;
}
#main .box-list_items .list_group li a {
	text-decoration: none;
}
html.no-touch #main .box-list_items .list_group li a:hover {
	opacity: .7;
}
.box-list_items .list_group img {
	display:inline-block;
	width: 40%;
	height: auto;
	vertical-align:bottom;

	*display: inline;
	*zoom: 1;
}
.box-list_items .list_group .item_name {
	display:inline-block;
	width: 60%;
	font-size: 0.875em;
	font-weight: bold;
	text-align: left;
	color: #545454;
	padding-left: 10px;
	vertical-align: bottom;

	*display: inline;
	*padding-left: 0;
	*zoom: 1;
}

@media screen and (max-width: 767px){
	/*contents | business | region */

	/* box-line_title */
	.box-line_title {
		font-size: 1.250em;
		padding: 11px 14px;
		text-align: center;
	}
	/* box-logos */
	.box-logos .area_name {
		font-size: 0.875em;
		width: 95px;
		height: 90px;
	}
	.box-logos ul {
		height: 90px;
	}
	.box-logos li {
		display: inline-block;
		padding-right: 0;
		margin-right: 2%;
	}
	/* japan */
	.box-logos li.sbf {
		margin-top: 0;
		width: 38%;
		max-width: 152px;
	}
	/* europe */
	.box-logos.ext-europe li {
		margin-right: 3%;
	}
	.box-logos li.sbf_eu {
		width: 28%;
		max-width: 134px;
	}
	.box-logos li.orangina_schweppes {
		width: 31%;
		max-width: 128px;
	}
	.box-logos li.orangina_suntory_france {
		width: 37%;
		max-width: 186px;
	}
	.box-logos li.lucozade_ribena_suntory {
		width: 25%;
		max-width: 104px;
	}
	/* asia */
	.box-logos li.cerebos {
		width: 20%;
		max-width: 92px;
	}
	.box-logos li.garuda {
		width: 30%;
		max-width: 172px;
	}
	.box-logos li.pepsico {
		width: 25%;
		max-width: 110px;
	}
	.box-logos li.tipco {
		width: 16%;
		max-width: 72px;
	}
	/* oceania */
	.box-logos li.frucor {
		width: 18.44%;
		max-width: 116px;
	}
	/* americas */
	.box-logos li.pepsi {
		width: 25%;
		max-width: 118px;
	}

	.box-logos li img {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: 100%;
		vertical-align: middle;
	}

	/* box-list_items */
	.box-list_items {
		padding-top: 20px;
	}
	.box-list_items .list_item.list_full li {
		width: 47%;
	}
	.box-list_items .list_item,
	.box-list_items .list_item.side_space {
		width: 100%;
		float: none;
	}
	.box-list_items .list_item.sp_clear {
		clear: both;
	}
	.box-list_items .list_item.item_half {
		width: 47.5%;
		float: left;
	}
	.box-list_items .list_item.item_half  + .list_item.item_half {
		margin-left: 5%;
	}
	.box-list_items .list_item.item_half  + .list_item.item_half.sp_space-reset {
		margin-left: 0;
	}
	.box-list_items .list_item + .list_item {
		margin-left: 0;
	}
	.box-list_items .list_group_name {
		text-align: center;
		padding: 3px 6px;
		font-size: 12px;
	}

	.box-list_items .list_group {
		margin-top: 10px;
		height: 100%;
	}
	.box-list_items .list_group li {
		display: inline-block;
		vertical-align: bottom;
		padding: 0 0 28px 0;
		width: 47%;
		text-align: center;
		float: none;
	}
	.box-list_items .list_group li + li {
		margin-left: 6%;
	}
	.box-list_items .list_group li + li + li {
		margin-left: 0;
	}
	.box-list_items .list_group li + li + li + li {
		margin-left: 6%;
	}
	.box-list_items .list_item.item_half li {
		width: 100%;
	}
	.box-list_items .list_group .item_name {
		width: 100%;
		margin-top: 20px;
		font-size: 12px;
		padding: 0;
		text-align: center;
	}
	.box-list_items .list_group .item_name.sp_height_adjust {
		min-height: 2.4em;
	}
	.box-list_items .list_group .item_name br {
		display: none;
	}
	.box-list_items .list_group img {
		min-height: auto;
		width: 47%;
	}

	.box-list_items .list_group.put_hide {
		overflow: hidden;
	}
	.box-list_items .list_group.put_hide li img {
		margin-top: -40%;
	}
}
@media screen and (max-width: 480px){
	/*contents | business | research.html*/

	/* box-logos */
	.box-logos .area_name {
		height: 45px;
	}
	.box-logos ul {
		height: 45px;
	}
}

/*contents | business | research.html*/
.research_development {
	margin-top: 20px;
}
.research_development .sub_title {
	font-size: 1.750em;
	color: #1279AC;
	font-weight: bold;
}
.research_development .content_text {
	vertical-align: top;
	margin-top: 30px;
	line-height: 1.6;
}
.research_development .sub_title {
	margin-top: 50px;
}
.research_development .sub_title:first-child {
	margin-top: 0;
}
.to_continue_01 .content_text {
	padding-right: 3.2%;
}
.to_continue_01 .content_image {
	display: inline-block;
	width: 30.44%;
	margin-top: 20px;
	margin-left: 3.2%;
	max-width: 291px;
	float: right;
}
.to_continue_02 {
	width: 100%;
	vertical-align: top;
}
.to_continue_02 .content_image {
	width: 32.2%;
	max-width: 293px;
	float: left;
}
.to_continue_02 .content_image img {
	width: 100%;
}
.to_continue_02 .content_text {
	width: 67.8%;
	margin-top: 35px;
	padding-left: 5%;
	float: right;
}
.to_deliver {
	margin-top: 20px;
}
.to_deliver .content_text {
	padding-right: 3.2%;
}
.to_deliver .content_image {
	width: 28.57%;
	float: right;
}
.a_challenge {
	margin-top: 20px;
}
.research_item_expanding .item {
	padding: 16px 50px 0;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.research_development .area_title {
	font-weight: bold;
}
.research_development .area_title .image {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.research_development .image img {
	width: 100%;
}
.research_development .area_title + .image {
	margin-top: 20px;
}
.research_development > .image + .image {
	margin-top: 10px;
}
.research_development .item {
	vertical-align: top;
}
.research_development .area_title {
	font-size: 1.250em;
}
.research_development .item.brand {
	border: 1px solid #FF9900;
}
.research_development .item.brand .area_title {
	color: #F90;
}
.research_development .item.technology {
	border: 1px solid #0099CC;
}
.research_development .item.technology .area_title {
	color: #09C;
}
.original_technique .link_area {
	margin-top: 20px;
}
.original_technique .item {
	vertical-align: top;
	width: 100%;
	max-width: 290px;
}
.original_technique .item a {
	text-decoration: none;
	display: block;
	color: #666;
}
.original_technique .item h3 {
	text-align: center;
	vertical-align: bottom;
	background: #60C2DB;
	color:#fff;
	padding: 15px 6.9%;
	max-width: 290px;
	font-weight: bold;
}
.original_technique .item img {
	width: 100%;
	border-bottom: 3px solid #CCCCCC;
	vertical-align: bottom;
}
.original_technique .item a > p {
	margin-bottom: 10px;
}
.research_item_expanding {
	margin-top: 30px;
}
.research_item_expanding .item {
	width: 48%;
	display: inline-block;
}
.research_item_expanding .item:first-child {
	margin-right: 4%;
}
.research_item_expanding .item {
	width: 48%;
	display: inline-block;
}
.research_link_area .item {
	display: inline-block;
	width: 32.22%;
}
.research_link_area .item {
	margin-left: 1.67%;
}
.research_link_area .item:first-child {
	margin-left: 0;
}
#sbf_main_cnt_board .research_link_area a:hover {
	text-decoration: none;
}
/* Android 2.3系バグ対応 ここから*/
#sbf_main_cnt_board .research_content .research_link_area a[target="_blank"]:after {
	display: none;
	content: none;
}
#sbf_main_cnt_board .research_content .research_link_area a[target="_blank"] span:after {
	  content: '';
	  display: inline-block;
	  vertical-align: middle;
	  margin-left: 6px;
	  width: 15px;
	  height: 15px;
	  background: url(../img/parts.png) no-repeat;
	  background-position: 0 -170px;
}
/* Android 2.3系バグ対応 ここまで*/

	/*contents | privacy | index.html*/
.section_privacy .item_body p + .title {
	margin-top: 15px;
}
@media screen and (max-width: 767px){
	/*contents | business | research.html*/
	.research_development .sub_title {
		font-size: 1.250em;
	}
	.to_deliver ,
	.a_challenge {
		margin-top: 30px;
	}
	.research_development .area_title {
		font-size: 0.938em;
	}
	.research_development .content_text {
		margin-top: 15px;
	}
	.research_link_area .item {
		display: inline-block;
		width: 32.22%;
	}
	.research_link_area .item {
		margin-left: 1.67%;
	}
	.research_link_area .item:first-child {
		margin-left: 0;
	}
	.to_continue_02 {
		margin-top: 30px;
	}
	.to_continue_02 .content_image {
		margin-top: 0;
	}
	.to_continue_02 .content_text {
		margin-top: 0;
	}
	.research_item_expanding .item {
		width: 100%;
		padding: 8px 13px 7px;
	}
	.research_item_expanding .item .area_title {
		margin-bottom: 10px;
	}
	.research_item_expanding .image_wrap {
		display: table;
		width: 100%;
	}
	.research_item_expanding .image_wrap .image {
		display: table-cell;
		width: 50%;
	}
	.research_item_expanding .item .image img {
		width: 95%;
	}
	.research_item_expanding .image:first-child {
		text-align: left;
	}
	.research_item_expanding .image:last-child {
		text-align: right;
	}
	.research_item_expanding .item:first-child {
		margin-right: 0;
	}
	.research_item_expanding .item + .item {
		margin-top: 10px;
	}
	.research_link_area .item {
		max-width: none;
		width: 48.08%;
		margin-left: 0;
	}
	.research_link_area .item:nth-child(even) {
		margin-left: 3.84%;
	}
	.research_link_area .item + .item + .item { 
		margin-top: 20px;
	}
	.original_technique .item h3 {
		max-width: none;
		padding: 8px 6.9%;
	}
}
	/*contents | business | research.html*/
@media screen and (max-width: 480px){
	.to_continue_02 .content_image {
		margin-top: 10px;
	}
}

/* ------------------------------------------------
#3-4. Contents | responsibility category
------------------------------------------------ */
#container .inner_section.ext-society {
	margin-top: 20px;
}
.mboard {
	margin-top: 10px;
}
.mboard + * {
	margin-top: 20px;
}
.mboard-lead {
	font-size: 1.125em;
	color: #666;
}
.mboard-body {
	color: #333;
}
.mboard-link ul {
	padding: .5em 0;
	display: block;
}
.mboard-link ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.mboard-link ul.ext-alter li:first-child {
	margin-right: 40px;
}
.mboard-link a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	color: #56bad5;
}
.mboard .update {
	padding: .5em 0;
	text-align: right;
}
.panels {
	margin-top: 20px;
	width: 100%;
}
.section_title + .panels {
	margin-top: 0px;
}
.panels img {
	vertical-align: bottom;
	height: auto;
}
.inner_section.ext-society .panels img {
	max-width: 100%;
}
.panels .panels-item {
	width: 48.88%;
	padding: 30px 0 12px;
	float: left;
	vertical-align: middle;
}
.panels.branch .panels-item {
	width: 45.833%;
} 
.panels.branch .panels-item + .panels-item {
	margin-left: 8.096%;
}
.panels-small .panels-item {
	width: 100%;
	padding: 20px 10px 12px;
	background-color: #E8F9FF;
}
.panels-small .panels-item dd {
	width: 49.66%;
	display: inline-block;
}
.panels .panels-item + .panels-item {
	margin-left: 2.24%;
}
.panels-small .panels-item + .panels-item {
	margin-left: .66%;
}
.panels .panels-item .item_title {
	font-size: 1.125em;
	font-weight: bold;
	color: #1279AC;
}
.panels-small .panels-item .item_title {
	font-size: 1.125em;
}
.panels .panels-item .item_body {
	margin-top: .5em;
}
.panels .panels-item .item_body .visual {
	text-align: center;
}
.panels .panels-item .item_body .visual.ext-max_limit img {
	margin: auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 253px;
}
.panels .panels-item .item_body strong {
	margin-top: 15px;
	display: block;
}
.panels .panels-item .item_body .explain {
	color: #333;
	margin-top: 12px;
}
.panels .panels-item .item_body .notes {
	margin-top: 12px;
	font-size: 0.750em;
	line-height: 1.4;
}
.panels .panels-item .item_body .link {
	margin-top: 1em;
}
.panels .panels-item .item_body .link a {
	text-decoration: underline;
}
.panels .panels-item .item_body .link a:hover {
	text-decoration: none;
}
.gradation_box {
	position: relative;
	display: block;
	width: 100%;
	background: #DCF0F7 url(../img/responsibility/bg-gradation_box.jpg) repeat-x left top;
	border: 1px solid #60C2DB;
	overflow: hidden;
}
#sbf_main_cnt_board .gradation_box:hover {
	text-decoration: none;
}
.gradation_box + .gradation_box {
	margin-top: 20px;
}
.gradation_box p {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 12px;
	height: 110px;
	text-align: left;
	color: #2C8DBF;
	line-height: 1.4;
}
.gradation_box .bg_env {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 75.9px;
	height: 180px;
}
.gradation_box .bg_env + p {
	padding-right: 85px;
}
.gradation_box .bg_cdp {
	position: absolute;
	right: 0px;
	top: 14px;
	width: 83px;
	height: 69px;
}
.gradation_box .bg_cdp + p {
	padding-right: 100px;
}
.list-number {
	background: #E8F9FF;
	padding: 1em;
}
.list-number li {
	margin-top: 42px;
}
.list-number li:first-child {
	margin-top: 0;
}
.list-number .title {
	font-size: 1.125em;
	font-weight: bold;
	color: #1279AC;
}
.list-number .explain {
	padding-top: 4px;
	line-height: 1.4;
	color: #333;
}
@media screen and (max-width: 767px){
	.panels .panels-item {
		width: 100%;
		padding: 15px 0 20px;
		float: none;
		vertical-align: middle;
	}
	.section_title + .panels {
		margin-top: 15px;
	}
	.panels .panels-item + .panels-item {
		margin-left: 0;
	}
	.panels .panels-item .item_body .notes {
		font-size: 0.688em;
	}
	.panels.branch {
		padding-left: 0;
		padding-right: 0;
	}
	.panels.branch .panels-item {
		width: 100%;
	}
	.panels.branch .panels-item + .panels-item {
		margin-left: 0;
	}
	.panels-small .panels-item {
		padding-left: 15px;
		padding-right: 15px;
	}
	.panels-small .panels-item + .panels-item {
		margin-top: 15px;
		margin-left: 0;
	}
	.mboard-lead {
		font-size: 0.875em;
		color: #666;
	}
	.mboard-link ul {
		display: inline-block;
	}
	.mboard-link u li {
		display: block;
		margin-top: .5em;
		margin-left: 0;
	}
	.mboard-link .sp-right_put li:first-child {
		margin-top: 0;
	}
}

/* ------------------------------------------------
#3-5. Contents | privacy page
------------------------------------------------ */
.section_privacy {
	margin-top: 1em;
	padding: 0 10% 3em;
}
.section_privacy .item_title {
	color: #2d8fc1;
	font-size: 1.250em;
	font-weight: bold;
	line-height: 24px;
}
.section_privacy .item_title.side_border {
	color: #808080;
	font-weight: normal;
	border-left: 6px solid #8ad7ea;
	padding: 0 0 0 8px;
}
.section_privacy .item_body {
	margin-top: 14px;
	margin-bottom: 2.5em;
}
.section_privacy .item_body a {
	color: #56bad5;
	text-decoration: none;
}
.section_privacy .item_body a:hover {
	text-decoration: underline;
}
.section_privacy .item_body strong {
	font-size: 1em;
	font-weight: normal;
}
.section_privacy .item_body p {
	font-size: 1em;
	line-height: 1.6;
}
.section_privacy .item_body li p {
	margin: 0.5em 0 1em 1.5em;
}
@media only screen and (max-width: 767px){
	.section_privacy {
		padding: 0 2.2% 3em;
	}
	.section_privacy .item_title {
		font-size: 1.125em;
	}
	.section_privacy .item_body strong {
		font-size: 0.875em;
	}
	.section_privacy .item_body p {
		font-size: 0.875em;
		line-height: 1.8;
	}
}


/* ------------------------------------------------
#4. JS Styles
------------------------------------------------ */
#load_movie {
	min-width: 300px;
	min-height: 168px;
	overflow: hidden;
}
#load_movie {
	display: none;
}
#load_movie .BrightcoveExperience {
	min-width: 300px;
	min-height: 168px;
}

/* top | about category */
body#about_us.top .js-shift_change.is-origin {
	display: block;
}
body#about_us.top .js-shift_change.is-cloned {
	display: none;
}
@media only screen and (max-width: 767px) {
	body#about_us.top .js-shift_change.is-origin {
		display: none;
	}
	body#about_us.top .js-shift_change.is-cloned {
		display: block;
	}
}


#responsibility.topics #main .inner {
	padding: 0 5.73%;
}
#responsibility.topics .item-box {
	margin-bottom: 39px;
}
#responsibility.topics .contents_header {
	margin-bottom: 29px;
}
#responsibility.topics .contents_header img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#responsibility.topics .item-box .visual {
	float: right;
	width: 43%;
	max-width: 340px;
	padding-top: 3px;
	margin-left: 3%;
}
#responsibility.topics .item-box .visual img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#responsibility.topics .item-box .visual + .explain {
	float: left;
	width: 54%;
}
#responsibility.topics .link_box {
	margin: 55px auto 0;
	padding: 15px;
	border: 1px solid #5AC2DB;
	width: 100%;
}
@media only screen and (max-width: 767px){
	#responsibility.topics #main {
		padding-left: 0;
		padding-right: 0;
	}
	#responsibility.topics #main .inner {
		padding: 0 2.2%;
	}
	#responsibility.topics .contents_header {
		margin-bottom: 1.5em;
	}
	#responsibility.topics .item-box {
		margin-bottom: 1.5em;
	}
	#responsibility.topics .item-box .visual {
		float: none;
		width: 100%;
		max-width: none;
		padding: 0 0 1em;
		margin-left: 0;
	}
	#responsibility.topics .item-box .visual + .explain {
		float:none;
		width: 100%;
	}
	#responsibility.topics .link_box {
		margin-top: 1.5em;
	}
	.panels-small .panels-item dd {
		width: 100%;
	}
}