@charset "utf-8";

/*------------------------------------------------------------
company/research COMMON 日本語版
------------------------------------------------------------ */
#suntory_contents {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	color: #000;
}

#suntory_contents * {
	box-sizing: border-box;
}

#suntory_contents .logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/company/research/swr/assets/img/swr_logo.svg) no-repeat left top / contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#suntory_contents .mainbody figure {
	text-align: center;
}

#suntory_contents .mainbody img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

#suntory_contents .mainbody a {
	color: #006FD6;
}


@media screen and (max-width:767px) {

	/*------------------------------------------------------------
[SP] common
------------------------------------------------------------ */
	#suntory_contents .sp_item {
		display: block;
	}

	#suntory_contents .pc_item {
		display: none;
	}

	#suntory_contents .mainbody {
		display: block;
		width: 100%;
		margin: 0;
		padding: 8vw 4vw 12vw;
	}

	/*------------------------------------------------------------
[SP] header
------------------------------------------------------------ */
	#suntory_contents header {
		padding: 6.4vw 0 0;
		height: 34.4vw;
		background: url(/company/research/swr/assets/img/mv_2nd_sp.jpg)no-repeat center top / 100%;
		position: relative;
	}

	#suntory_contents header h1.logo {
		width: 93.6vw;
		height: 4vw;
		margin: 0 auto;
	}

	/*------------------------------------------------------------
[SP] header / modal menu
------------------------------------------------------------ */
	#suntory_contents header .btn_hamburger {
		display: block;
		position: absolute;
		right: 4vw;
		top: 15.2vw;
		cursor: pointer;
		width: 12vw;
		height: 12vw;
		padding: 3.2vw 2.4vw;
		background: #007EA8;
		border-radius: 1.6vw;
		z-index: 20;
	}

	#suntory_contents header .btn_hamburger.fixed {
		position: fixed;
		right: 4vw;
		top: 4.8vw;
	}

	#suntory_contents header .btn_hamburger span {
		display: block;
		width: 7.2vw;
		height: 1px;
		background: #fff;
	}

	#suntory_contents header .btn_hamburger .second,
	#suntory_contents header .btn_hamburger .third {
		margin: 2.4vw 0 0;
	}

	body.bodyfixed {
		position: fixed;
		width: 100%;
	}

	#suntory_contents header #modal_menu {
		display: block;
		z-index: 10000;
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow-y: scroll;
		background: #007EA8;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
	}

	#suntory_contents header #modal_menu.active {
		opacity: 1;
		visibility: visible;
	}

	#suntory_contents header #modal_menu .inside {
		padding: 20vw 3.2vw;
		position: relative;
	}

	#modal_menu .modal-close {
		display: block;
		position: absolute;
		right: 4vw;
		top: 5.6vw;
		cursor: pointer;
		width: 6.4vw;
		height: 6.4vw;
		background: url(/company/research/swr/assets/img/icon_close.svg) no-repeat center center / contain;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0;
	}

	#suntory_contents header #modal_menu .logo {
		width: 93.6vw;
		margin: 0;
	}

	#suntory_contents header #modal_menu .logo a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 7.2vw 0 0;
		background: url(/company/research/swr/assets/img/swr_logo_wh.svg) no-repeat left top / contain;
		font-size: 4.266666667vw;
		font-weight: bold;
		text-align: center;
		color: #fff;
		line-height: 1;
		text-indent: 0;
		text-decoration: none;
	}

	/*------------------------------------------------------------
[SP] header / nav
------------------------------------------------------------ */
	#suntory_contents header nav {
		width: 64vw;
		margin: 8vw auto 0;
	}

	#suntory_contents header nav li {
		border-bottom: 1px solid #80BED3;
	}

	#suntory_contents header nav li:first-child {
		border-top: 1px solid #80BED3;
	}

	#suntory_contents header nav li a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 5.6vw 0;
		text-align: center;
		color: #fff;
		line-height: 1;
		font-size: 4vw;
		font-weight: bold;
		text-decoration: none;
	}

	#suntory_contents header .english {
		width: 40vw;
		margin: 12vw auto 0;
		border: 1px solid #80BED3;
	}

	#suntory_contents header .english a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 3.2vw 0;
		text-align: center;
		color: #fff;
		line-height: 1;
		font-size: 4vw;
		font-weight: bold;
		text-decoration: none;
	}

	/*------------------------------------------------------------
[SP] footer
------------------------------------------------------------ */
	#suntory_contents footer {
		background: #007EA8;
	}

	#suntory_contents footer .inner {
		display: block;
		padding: 5.6vw 8vw 3.2vw;
	}

	#suntory_contents footer .sitetitle a {
		display: block;
		font-size: 4.266666667vw;
		font-weight: bold;
		text-align: center;
		color: #fff;
		line-height: 1;
		text-decoration: none;
	}

	#suntory_contents footer nav ul {
		margin: 2.4vw 0 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

	#suntory_contents footer nav li {
		display: inline-block;
		position: relative;
	}

	#suntory_contents footer nav li::after {
		content: "";
		display: block;
		position: absolute;
		width: 1px;
		height: 4vw;
		top: 2.666666667vw;
		right: 0;
		background: #80BED3;
	}

	#suntory_contents footer nav li:first-child::before,
	#suntory_contents footer nav li:nth-child(4)::before {
		content: "";
		display: block;
		position: absolute;
		width: 1px;
		height: 4vw;
		top: 2.666666667vw;
		left: 0;
		background: #80BED3;
	}

	#suntory_contents footer nav li a {
		display: block;
		padding: 2.8vw 4.8vw;
		text-align: center;
		color: #fff;
		line-height: 1;
		font-size: 3.733333333vw;
		font-weight: bold;
		text-decoration: none;
	}

	#suntory_contents .gototop a {
		display: block;
		width: 12vw;
		height: 12vw;
		border-radius: 6vw;
		background: rgba(112, 112, 112, .9) url(/company/research/swr/assets/img/arrow_up_wh.svg) no-repeat center center / 4.8vw;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: fixed;
		bottom: 12vw;
		right: 2.4vw;
		z-index: 10;
	}

	/*------------------------------------------------------------
[SP] article.mainbody
------------------------------------------------------------ */
	#suntory_contents article.mainbody {
		padding: 8vw 0 16vw;
	}

	#suntory_contents .mainbody section+section {
		margin: 12vw 0 0;
	}

	#suntory_contents .mainbody .inside {
		padding: 0 4vw;
	}

	#suntory_contents .mainbody h2 {
		padding: 3.733333333vw 0 8vw 4vw;
		font-size: 5.866666667vw;
		font-weight: bold;
		position: relative;
		line-height: 1;
	}

	#suntory_contents .mainbody h2::before {
		content: "";
		display: block;
		position: absolute;
		width: 1.066666667vw;
		height: 9.6vw;
		background: #007EA8;
		left: 0;
		top: 0;
	}

	#suntory_contents .mainbody .two_columns {
		display: block;
	}

	#suntory_contents .mainbody .right_part {
		margin: 8vw 0 0;
	}

	#suntory_contents .mainbody .enclose {
		border: 1.6vw solid #ddd;
	}

	#suntory_contents .mainbody .enclose .foreword {
		padding: 6.4vw 4vw;
	}

	#suntory_contents .mainbody .enclose .details {
		background: #F0F0F0;
		padding: 8vw 4vw;
	}

	#suntory_contents .mainbody p {
		font-size: 3.733333333vw;
		line-height: 1.8;
	}

	/*------------------------------------------------------------
[SP] top
------------------------------------------------------------ */
	#suntory_contents #swr_top header {
		padding: 6.4vw 0 0;
		height: 57.6vw;
		background: url(/company/research/swr/assets/img/mv_top_sp.jpg)no-repeat center top / 100%;
		position: relative;
	}

	#suntory_contents #swr_top .message h3 {
		margin: 0;
		font-size: 5.333333333vw;
		color: #007EA8;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #swr_top .message p {
		margin: 5.6vw 0 0;
	}

	#suntory_contents #swr_top .message p+h3 {
		margin: 12vw 0 0;
	}

	/*------------------------------------------------------------
[SP] overview
------------------------------------------------------------ */
	#suntory_contents #swr_overview .bt_history {
		width: 56vw;
		margin: 6.4vw auto 0;
	}

	#suntory_contents #swr_overview .bt_history a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 2.4vw 2.4vw 2.4vw 0;
		color: #000;
		font-size: 3.733333333vw;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		border: 1px solid #ccc;
		background: url(/company/research/swr/assets/img/arrow_right.svg) no-repeat right 2.4vw center / 2.133333333vw;
	}

	#suntory_contents #swr_overview h3 {
		font-size: 4.8vw;
		font-weight: bold;
		line-height: 1.5;
		color: #007EA8;
	}

	#suntory_contents #swr_overview .enclose .foreword p {
		margin: 4vw 0 0;
	}

	#suntory_contents #swr_overview .details li {
		width: 100%;
		margin-top: 4vw;
	}

	#suntory_contents #swr_overview .details li:first-child {
		margin: 0;
	}

	#suntory_contents #swr_overview .details li a {
		display: block;
		width: 100%;
		height: 100%;
		background: #C1EFFB;
		color: #000;
		text-decoration: none;
	}

	#suntory_contents #swr_overview .details li .base {
		width: 100%;
		padding: 2.4vw 6.4vw 2.4vw 4vw;
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		background: #fff url(/company/research/swr/assets/img/arrow_right.svg) no-repeat right 2.4vw center / 2.4vw;
	}

	#suntory_contents #swr_overview .details li.external .base {
		background: #fff url(/company/research/swr/assets/img/icon_external.svg) no-repeat right 2.4vw center / 3.2vw;
	}

	#suntory_contents #swr_overview .details li .subject {
		padding: 3.2vw 0;
		line-height: 1.5;
		text-align: center;
	}

	/*------------------------------------------------------------
[SP] facility
------------------------------------------------------------ */
	#suntory_contents #swr_facility h3 {
		font-size: 4.8vw;
		font-weight: bold;
		line-height: 1;
		color: #007EA8;
	}

	#suntory_contents #swr_facility .enclose .foreword p {
		margin: 4vw 0 0;
	}

	#suntory_contents #swr_facility .details figure {
		margin-bottom: 8vw;
	}

	#suntory_contents #swr_facility .details dl.floor {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		background: #fff;
		padding: 4vw;
		margin: 4vw 0 0;
	}

	#suntory_contents #swr_facility .floor dt {
		order: 2;
		margin: 0 0 0 4vw;
		font-size: 4vw;
		color: #007EA8;
		font-weight: bold;
	}

	#suntory_contents #swr_facility .floor dd.photo {
		width: 56vw;
		order: 1;
	}

	#suntory_contents #swr_facility .floor dd.comment {
		order: 3;
		margin: 3.2vw 0 0;
		font-size: 3.733333333vw;
		line-height: 1.5;
	}

	#suntory_contents #swr_facility .authenticate {
		margin: 12vw 0 0;
	}

	#suntory_contents #swr_facility .authenticate dt {
		padding: 4vw 4.8vw;
		font-size: 4.266666667vw;
		font-weight: bold;
		color: #007EA8;
		background: #fff;
	}

	#suntory_contents #swr_facility .authenticate dd {
		padding: 4vw 4.8vw;
		font-size: 3.733333333vw;
		line-height: 1.5;
		background: #C1EFFB;
	}

	/*------------------------------------------------------------
[SP] access
------------------------------------------------------------ */
	#suntory_contents #swr_access h4 {
		margin: 0 0 4vw;
		font-size: 4.8vw;
		font-weight: bold;
	}

	#suntory_contents #swr_access .bt_map {
		width: 56vw;
		margin: 6.4vw auto 0;
	}

	#suntory_contents #swr_access .bt_map a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 2.4vw 2.4vw 2.4vw 0;
		color: #000;
		font-size: 3.733333333vw;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		border: 1px solid #ccc;
		background: #fff url(/company/research/swr/assets/img/icon_external.svg) no-repeat right 2.4vw center / 3.2vw;
	}

	#suntory_contents #swr_access .details dl.transfer {
		display: block;
		background: #fff;
		padding: 4.8vw 4vw;
		margin: 0 0 4vw;
	}

	#suntory_contents #swr_access .transfer dt {
		width: 100%;
		font-size: 4vw;
		font-weight: bold;
		color: #007EA8;
	}

	#suntory_contents #swr_access .transfer dd {
		width: 100%;
	}

	#suntory_contents #swr_access .transfer dd p {
		margin: 3.2vw 0 0;
		line-height: 1.5;
	}

	#suntory_contents #swr_access .transfer .link_narakotsu {
		text-align: right;
		margin: 0;
	}

	#suntory_contents #swr_access .details .area {
		font-size: 3.466666667vw;
	}

	#suntory_contents #swr_access .details .area a,
	#suntory_contents #swr_access .transfer .link_narakotsu a {
		text-align: right;
		padding: 0 4vw 0 0;
		background: url(/company/research/swr/assets/img/icon_external.svg) no-repeat right center / 3.2vw;
	}

	/*------------------------------------------------------------
[SP] knowledge
------------------------------------------------------------ */
	#suntory_contents #swr_knowledge figure.concept {
		margin: 8vw 0 0;
	}

	#suntory_contents #swr_knowledge #interaction h2 {
		padding: 1.6vw 0 8vw 4vw;
		line-height: 1.2;
	}

	#suntory_contents #swr_knowledge #interaction h2::before {
		height: 15.2vw;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		padding: 4vw 0;
		border-bottom: 1px solid #ddd;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list:first-of-type {
		border-top: 1px solid #ddd;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list figure {
		width: 26.666666666667vw;
		margin: 0 4vw 0 0;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dl {
		width: 60vw;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dt,
	#suntory_contents #swr_knowledge #interaction .interaction_list dd {
		font-size: 3.733333333vw;
		line-height: 1.8;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dd.external a {
		text-align: right;
		padding: 0 4vw 0 0;
		background: url(/company/research/swr/assets/img/icon_external.svg) no-repeat right center / 3.2vw;
	}


}

@media screen and (min-width:768px) {

	/*------------------------------------------------------------
[PC] common
------------------------------------------------------------ */
	#suntory_contents {
		font-family: YuGothic, "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		font-weight: 500;
	}

	#suntory_contents .sp_item {
		display: none;
	}

	#suntory_contents .pc_item {
		display: block;
	}

	#suntory_contents a,
	#suntory_contents a * {
		transition: all 0.2s;
	}

	#suntory_contents .mainbody a:hover {
		opacity: 0.7;
	}

	#suntory_contents .closely_pc {
		letter-spacing: 0.02em;
		font-feature-settings: "palt";
	}


	/*------------------------------------------------------------
[PC] header
------------------------------------------------------------ */
	#suntory_contents header {
		background: url(/company/research/swr/assets/img/mv_2nd_pc.jpg) no-repeat center top / 1220px,
			url(/company/research/swr/assets/img/bg_2nd_pc.png) repeat-x center top / 5px;
	}

	#suntory_contents header .inner {
		width: 1160px;
		height: 190px;
		margin: 0 auto;
		padding: 64px 0 0;
		position: relative;
	}

	#suntory_contents header h1.logo {
		width: 520px;
		height: 21px;
	}

	#suntory_contents header .btn_hamburger,
	#modal_menu .modal-close,
	#suntory_contents header #modal_menu .logo {
		display: none;
	}

	/*------------------------------------------------------------
[PC] header / nav
------------------------------------------------------------ */
	#suntory_contents header nav {
		width: 1160px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#suntory_contents header nav ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	#suntory_contents header nav li {
		width: 232px;
		height: 50px;
	}

	#suntory_contents header nav li a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 17px 0;
		background: #fff;
		border: 1px solid #ccc;
		border-right: none;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		line-height: 1;
		text-align: center;
		text-decoration: none;
	}

	#suntory_contents header nav li:last-child a {
		border-right: 1px solid #ddd;
	}

	#suntory_contents header nav li a:hover {
		background: #3398B9;
		border: 1px solid #3398B9;
		color: #fff;
	}

	#suntory_contents #swr_top header nav li.nav1 a,
	#suntory_contents #swr_overview header nav li.nav2 a,
	#suntory_contents #swr_facility header nav li.nav3 a,
	#suntory_contents #swr_access header nav li.nav4 a,
	#suntory_contents #swr_knowledge header nav li.nav5 a {
		background: #007EA8;
		border: 1px solid #007EA8;
		color: #fff;
	}

	#suntory_contents header .english {
		display: block;
		position: absolute;
		height: 30px;
		width: 100px;
		right: 0;
		top: 15px;
	}

	#suntory_contents header .english a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 6px 0;
		text-align: center;
		color: #007EA8;
		line-height: 1;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		border: 1px solid #007EA8
	}

	#suntory_contents header .english a:hover {
		background: #3398B9;
		border: 1px solid #3398B9;
		color: #fff;
	}

	/*------------------------------------------------------------
[PC] footer
------------------------------------------------------------ */
	#suntory_contents footer {
		background: #007EA8;
	}

	#suntory_contents footer .inner {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		width: 1160px;
		height: 60px;
		margin: 0 auto;
	}

	#suntory_contents footer .sitetitle a {
		display: block;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		text-decoration: none;
	}

	#suntory_contents footer nav ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
	}

	#suntory_contents footer nav li {
		display: block;
		position: relative;
		border-right: 1px solid #80BED3;
	}

	#suntory_contents footer nav li:first-child {
		border-left: 1px solid #80BED3;
	}

	#suntory_contents footer nav li a {
		display: block;
		padding: 0 20px;
		text-align: center;
		color: #fff;
		line-height: 18px;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

	#suntory_contents footer a:hover {
		opacity: 0.75;
	}

	#suntory_contents .gototop a {
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		background: rgba(112, 112, 112, .9) url(/company/research/swr/assets/img/arrow_up_wh.svg) no-repeat center center / 20px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: fixed;
		bottom: 110px;
		right: 30px;
		z-index: 10;
	}

	#suntory_contents .gototop a:hover {
		opacity: 0.85;
	}

	/*------------------------------------------------------------
[PC] article.mainbody
------------------------------------------------------------ */
	#suntory_contents article.mainbody {
		display: block;
		width: 960px;
		margin: 0 auto;
		padding: 50px 0 80px;
	}

	#suntory_contents .mainbody section+section {
		margin: 50px 0 0;
	}

	#suntory_contents .mainbody h2 {
		padding: 14px 0 30px 26px;
		font-size: 28px;
		font-weight: bold;
		position: relative;
		line-height: 1;
	}

	#suntory_contents .mainbody h2::before {
		content: "";
		display: block;
		position: absolute;
		width: 6px;
		height: 44px;
		background: #007EA8;
		left: 0;
		top: 0;
	}

	#suntory_contents .mainbody .two_columns {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	#suntory_contents .mainbody .left_part {
		width: 600px;
	}

	#suntory_contents .mainbody .right_part {
		width: 310px;
	}

	#suntory_contents .mainbody .enclose {
		border: 5px solid #ddd
	}

	#suntory_contents .mainbody .enclose .foreword {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 30px;
	}

	#suntory_contents .mainbody .enclose .details {
		background: #F0F0F0;
		padding: 30px;
	}

	#suntory_contents .mainbody p {
		font-size: 15px;
		line-height: 1.8;
	}

	/*------------------------------------------------------------
[PC] top
------------------------------------------------------------ */
	#suntory_contents #swr_top header {
		background: url(/company/research/swr/assets/img/mv_top_pc.jpg) no-repeat center top / 1220px,
			url(/company/research/swr/assets/img/bg_top_pc.png) repeat-x center top / 5px;
	}

	#suntory_contents #swr_top header .inner {
		height: 420px;
		padding: 60px 0 0;
	}

	#suntory_contents #swr_top header h1.logo {
		width: 650px;
		height: 26px;
		margin: auto;
	}

	#suntory_contents #swr_top .left_part {
		width: 290px;
	}

	#suntory_contents #swr_top .message {
		width: 670px;
	}

	#suntory_contents #swr_top .message h3 {
		margin: 15px 0 0;
		font-size: 22px;
		color: #007EA8;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #swr_top .message p {
		margin: 20px 0 0;
	}

	#suntory_contents #swr_top .message p+h3 {
		margin: 30px 0 0;
	}

	/*------------------------------------------------------------
[PC] overview
------------------------------------------------------------ */
	#suntory_contents #swr_overview .bt_history {
		width: 210px;
		margin: 20px auto 0;
	}

	#suntory_contents #swr_overview .bt_history a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 10px 5px 10px 0;
		color: #000;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.3;
		text-align: center;
		border: 1px solid #ccc;
		background: #fff url(/company/research/swr/assets/img/arrow_right.svg) no-repeat right 10px center / 7px;
	}

	#suntory_contents #swr_overview .bt_history a:hover {
		background: #3398B9 url(/company/research/swr/assets/img/arrow_right_wh.svg) no-repeat right 10px center / 7px;
		border: 1px solid #3398B9;
		color: #fff;
	}

	#suntory_contents #swr_overview h3 {
		width: 240px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		color: #007EA8;
	}

	#suntory_contents #swr_overview .enclose .foreword p {
		width: 650px;
	}

	#suntory_contents #swr_overview .details ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #swr_overview .details li {
		width: 430px;
		background: #3398B9;
	}

	#suntory_contents #swr_overview .details li:nth-child(n+3) {
		margin-top: 20px;
	}

	#suntory_contents #swr_overview .details li a {
		display: block;
		width: 100%;
		height: 100%;
		background: #C1EFFB;
		color: #000;
		text-decoration: none;
	}

	#suntory_contents #swr_overview .details li a .base {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		height: 50px;
		padding: 0 5px 0 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
		background: #fff url(/company/research/swr/assets/img/arrow_right.svg) no-repeat right 10px center / 9px;
	}

	#suntory_contents #swr_overview .details li.external .base {
		background: #fff url(/company/research/swr/assets/img/icon_external.svg) no-repeat right 10px center / 14px;
	}

	#suntory_contents #swr_overview .details li .subject {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		height: 60px;
		font-size: 15px;
		line-height: 1.5;
		text-align: center;
	}

	#suntory_contents #swr_overview .details li a:hover {
		background: rgba(193, 239, 251, 0.5);
	}

	#suntory_contents #swr_overview .details li a:hover .base {
		background: #3398B9 url(/company/research/swr/assets/img/arrow_right_wh.svg) no-repeat right 10px center / 9px;
		color: #fff;
	}

	#suntory_contents #swr_overview .details li.external a:hover .base {
		background: #3398B9 url(/company/research/swr/assets/img/icon_external_wh.svg) no-repeat right 10px center / 14px;
	}

	/*------------------------------------------------------------
[PC] facility
------------------------------------------------------------ */
	#suntory_contents #swr_facility h3 {
		width: 150px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		color: #007EA8;
	}

	#suntory_contents #swr_facility .enclose .foreword p {
		width: 740px;
	}

	#suntory_contents #swr_facility .enclose .details {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#suntory_contents #swr_facility .details figure {
		width: 660px;
		margin: 0 auto 40px;
	}

	#suntory_contents #swr_facility .details dl.floor {
		display: block;
		width: 280px;
		background: #fff;
		padding: 15px;
		margin: 0;
	}

	#suntory_contents #swr_facility .floor dt {
		font-size: 16px;
		line-height: 1;
		color: #007EA8;
		font-weight: bold;
	}

	#suntory_contents #swr_facility .floor dd.photo {
		width: 100%;
		margin: 10px 0 0;
	}

	#suntory_contents #swr_facility .floor dd.comment {
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.5;
	}

	#suntory_contents #swr_facility .authenticate {
		margin: 40px auto 0;
		width: 760px;
	}

	#suntory_contents #swr_facility .authenticate dt {
		padding: 15px 30px;
		font-size: 16px;
		font-weight: bold;
		color: #007EA8;
		background: #fff;
	}

	#suntory_contents #swr_facility .authenticate dd {
		padding: 15px 30px;
		font-size: 15px;
		line-height: 1.5;
		background: #C1EFFB;
	}

	/*------------------------------------------------------------
[PC] access
------------------------------------------------------------ */
	#suntory_contents #swr_access h4 {
		margin: 0 0 10px;
		font-size: 20px;
		font-weight: bold;
	}

	#suntory_contents #swr_access .bt_map {
		width: 210px;
		margin: 20px 0 0;
	}

	#suntory_contents #swr_access .bt_map a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 10px 5px 10px 0;
		color: #000;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
		text-decoration: none;
		border: 1px solid #ccc;
		background: #fff url(/company/research/swr/assets/img/icon_external.svg) no-repeat right 10px center / 14px;
	}

	#suntory_contents #swr_access .bt_map a:hover {
		background: #3398B9 url(/company/research/swr/assets/img/icon_external_wh.svg) no-repeat right 10px center / 14px;
		border: 1px solid #3398B9;
		color: #fff;
	}

	#suntory_contents #swr_access .details dl.transfer {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		width: 100%;
		background: #fff;
		padding: 15px 20px;
		margin: 0 0 15px;
	}

	#suntory_contents #swr_access .transfer dt {
		width: 290px;
		font-size: 16px;
		font-weight: bold;
		color: #007EA8;
	}

	#suntory_contents #swr_access .transfer dd {
		width: 560px;
	}

	#suntory_contents #swr_access .transfer dd p {
		line-height: 1.5;
	}

	#suntory_contents #swr_access .transfer dd p+p {
		margin: 10px 0 0;
	}

	#suntory_contents #swr_access .transfer .link_narakotsu {
		text-align: right;
		margin: 0;
	}

	#suntory_contents #swr_access .details .area {
		font-size: 14px;
	}

	#suntory_contents #swr_access .details .area a,
	#suntory_contents #swr_access .transfer .link_narakotsu a {
		text-align: right;
		padding: 0 16px 0 0;
		background: url(/company/research/swr/assets/img/icon_external.svg) no-repeat right center / 12px;
	}

	/*------------------------------------------------------------
[PC] knowledge
------------------------------------------------------------ */
	#suntory_contents #swr_knowledge figure.concept {
		margin: 30px 0 0;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		padding: 20px 0;
		border-bottom: 1px solid #ddd;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list:first-of-type {
		border-top: 1px solid #ddd;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list figure {
		width: 100px;
		margin: 0 20px 0 0;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dl {
		width: 840px;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dt,
	#suntory_contents #swr_knowledge #interaction .interaction_list dd {
		font-size: 15px;
		line-height: 1.8;
	}

	#suntory_contents #swr_knowledge #interaction .interaction_list dd.external a {
		text-align: right;
		padding: 0 16px 0 0;
		background: url(/company/research/swr/assets/img/icon_external.svg) no-repeat right center / 12px;
	}


}