@charset "utf-8";

#suntory_contents #quality_top #questionnaire .inner {
	border: none;
}

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

	/*------------------------------------------------------------
[SP] #quality_top
------------------------------------------------------------ */
	#suntory_contents #quality_top article {
		padding: 0;
	}

	#suntory_contents #quality_top article section {
		margin: 0;
	}

	#suntory_contents #quality_top .inner {
		margin: 0 4.8vw;
	}

	/*------------------------------------------------------------
[SP] header#quality_header_top
------------------------------------------------------------ */
	#suntory_contents #quality_header_top .inner {
		padding: 8vw 0 0;
	}

	#suntory_contents #quality_header_top h1 {
		margin: 0 0 4vw;
		font-size: 6.4vw;
		text-align: center;
		font-weight: bold;
	}

	#suntory_contents #quality_header_top p {
		margin: 0 0 8vw;
		font-size: 4vw;
		line-height: 1.5;
		color: #666;
		text-align: center;
		font-weight: bold;
	}

	#suntory_contents #quality_header_top ul.grid {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
	}

	#suntory_contents #quality_header_top li {
		width: 50%;
		height: 74.666666666667vw;
		position: relative;
		margin: 0;
	}

	#suntory_contents #quality_header_top li a {
		display: block;
		width: 100%;
		height: 18.666666666667vw;
		position: absolute;
		bottom: 0;
		color: #FFF;
		font-size: 3.733333333vw;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 18.666666666667vw;
	}

	#suntory_contents #quality_header_top li a .arrow {
		padding: 0 5.6vw 0 0;
		background-image: url(/company/quality/assets/img/arrow_down_white.png);
		background-size: 4vw;
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents #quality_header_top li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 119.466666666667vw;
	}

	#suntory_contents #quality_header_top li#link_quality {
		background-image: url(/company/quality/assets/img/ph_top01.jpg);
	}

	#suntory_contents #quality_header_top li#link_quality a {
		background: rgba(52, 134, 212, 0.85);
	}

	#suntory_contents #quality_header_top li#link_quality a:hover {
		background: rgba(73, 154, 231, 0.85);
		opacity: 1;
	}

	#suntory_contents #quality_header_top li#link_research {
		background-image: url(/company/quality/assets/img/ph_top02.jpg);
	}

	#suntory_contents #quality_header_top li#link_research a {
		background: rgba(39, 162, 188, 0.85);
	}

	#suntory_contents #quality_header_top li#link_research a:hover {
		background: rgba(61, 182, 208, 0.85);
		opacity: 1;
	}


	/*------------------------------------------------------------
[SP] #update
------------------------------------------------------------ */
	#suntory_contents #quality_top #update {
		margin-top: 0;
		padding: 8vw 4vw;
	}

	#suntory_contents #quality_top #update h3.subtitle {
		margin: 0 0 4vw 0;
		font-size: 4.8vw;
		font-weight: bold;
		text-align: center;
	}

	#suntory_contents #quality_top #update .history {
		width: 100%;
	}

	#suntory_contents #quality_top #update dl+dl {
		margin-top: 3.2vw;
		padding-top: 3.2vw;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents #quality_top #update dt {
		width: 100%;
		font-size: 3.466666667vw;
		line-height: 1.2;
	}

	#suntory_contents #quality_top #update dd {
		width: 100%;
		margin-top: 1.066666667vw;
		font-size: 3.466666667vw;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
[SP] #quality_idx #research_idx
------------------------------------------------------------ */
	/*bg/title*/
	#suntory_contents #quality_top section h2 {
		margin: 0 0 5.6vw;
		font-size: 6.4vw;
		font-weight: bold;
		color: #FFF;
	}

	#suntory_contents #quality_top section p.subtxt {
		margin: 0 0 8vw 0;
		font-size: 4vw;
		line-height: 1.5;
		color: #FFF;
	}

	/*idxbox*/
	#suntory_contents #quality_top section .inner .grid .idxbox {
		box-shadow: 0 0 1.6vw 0 rgba(0, 0, 0, 0.15);
		background-color: #FFF;
	}

	#suntory_contents #quality_top section .inner .grid .idxbox a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 5.6vw 4.8vw;
		background-color: #FFF;
		text-decoration: none;
		color: #222;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top_lg {
		margin: 0;
		font-size: 4.8vw;
		line-height: 1.3;
		background-size: 3.2vw;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top {
		font-size: 4.8vw;
		background-size: 2.933333333vw;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top_s {
		font-size: 4.266666667vw;
		background-size: 2.933333333vw;
	}

	#suntory_contents #quality_top section .idxbox p {
		margin: 5.6vw 0 0;
		font-size: 3.466666667vw;
		line-height: 1.6;
	}

	/*[SP] quality_idx------------------------------------------- */
	#suntory_contents section#quality_idx {
		width: 100%;
		padding: 10.666666667vw 0 16vw;
		background: #e5eef6 url(/company/quality/assets/img/bg_top_blue.png) no-repeat center top;
		background-size: auto 67.2vw;
	}

	#suntory_contents section#quality_idx .grid {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#suntory_contents section#quality_idx h3 {
		font-weight: bold;
		background-image: url(/company/quality/assets/img/arrow_r_blue.png);
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents section#quality_idx #q01 {
		width: 100%;
	}

	#suntory_contents section#quality_idx #q02 {
		width: 100%;
		margin-top: 10.666666667vw;
	}

	#suntory_contents section#quality_idx #q01 a {
		background-image: url(/company/quality/assets/img/ph_top03.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: calc(580 / 800 * 100% + 20px);
	}

	#suntory_contents section#quality_idx #q02 a {
		background-image: url(/company/quality/assets/img/ph_top04.jpg);
		background-position: center top calc(-10% - 20px);
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: calc(580 / 800 * 100% + 20px);
	}

	#suntory_contents section#quality_idx #q03 {
		width: 100%;
		margin-top: 10.666666666667vw;
	}

	#suntory_contents section#quality_idx #q03 .date {
		display: block;
		margin: 3.2vw 0 0 0;
	}

	#suntory_contents section#quality_idx #q03 .date dt,
	#suntory_contents section#quality_idx #q03 .date dd {
		display: inline-block;
		font-size: 3.466666667vw;
		line-height: 1.5;
		color: #136fc5;
	}

	#suntory_contents section#quality_idx #q03 .date dt {
		padding-right: 10px;
	}

	#suntory_contents section#quality_idx #q04 {
		/*		height: 56vw;*/
		width: 100%;
		margin-top: 10.666666666667vw;
		background-color: #C3E6EF;
	}

	#suntory_contents section#quality_idx #q04>a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 18.666666667vw;
		background: #fff;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top {
		line-height: 1;
	}

	#suntory_contents section#quality_idx #q04 h3.h3top {
		width: 100%;
	}

	#suntory_contents section#quality_idx #q04 h3 .win {
		width: 100%;
		background-size: 3.733333333vw;
		padding-right: 5.6vw;
	}

	#suntory_contents section#quality_idx #q04 .loadarea {
		height: 37.6vw;
		padding: 4vw 2.4vw 0;
	}

	#suntory_contents section#quality_idx #q04 .loadarea .grid {
		position: relative;
	}

	#suntory_contents section#quality_idx #q04 .loadarea .grid::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -3.2vw;
		right: 8vw;
		width: 3.733333333vw;
		height: 3.2vw;
		background: url(/company/quality/assets/img/bg_top_q04_balloon.png) no-repeat;
		background-size: contain;
	}

	#suntory_contents section#quality_idx #q04 .grid {
		width: 100%;
		height: 28vw;
		padding: 0 4vw;
		border-radius: 1.6vw;
		background: #FFF;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#suntory_contents section#quality_idx #q04 .grid a {
		width: 100%;
		height: auto;
		padding: 0;
		min-height: 16vw;
		display: table;
	}

	#suntory_contents section#quality_idx #q04 .grid a figure {
		width: 20vw;
		float: left;
	}

	#suntory_contents section#quality_idx #q04 .grid a figure img {
		width: 16vw;
	}

	#suntory_contents section#quality_idx #q04 .grid a p {
		margin: 0;
		font-size: 3.466666667vw;
		line-height: 1.5;
		display: table-cell;
		vertical-align: middle;
	}

	#suntory_contents section#quality_idx #q04 .grid a.no_img p {
		width: auto;
	}

	#suntory_contents section#quality_idx #q05,
	#suntory_contents section#quality_idx #q06 {
		width: 100%;
		margin-top: 40px;
		height: 18.666666667vw;
	}

	#suntory_contents section#quality_idx #q05 a,
	#suntory_contents section#quality_idx #q06 a {
		line-height: 6.933333333333vw;
		padding-bottom: 5.6vw;
	}

	/*[SP] research_idx------------------------------------------- */
	#suntory_contents section#research_idx {
		width: 100%;
		padding: 6.4vw 0 16vw;
		background: #e6f7f4 url(/company/quality/assets/img/bg_top_emerald.png) no-repeat center top;
		background-size: auto 67.2vw;
	}

	#suntory_contents section#research_idx h2 {
		margin-bottom: 2.4vw;
	}

	#suntory_contents section#research_idx h2 a {
		display: inline-block;
		vertical-align: middle;
		width: 21.333333333333vw;
		height: 9.6vw;
		margin: 0 0 7px 5px;
		padding: 0 2.4vw 0 0.8vw;
		border-radius: 4.8vw;
		background: #fff url(/company/quality/assets/img/arrow_r_blue.png) no-repeat right 2.4vw center;
		background-size: 7px;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
		font-size: 3.2vw;
		color: #222;
		line-height: 9.6vw;
		text-decoration: none;
		text-align: center;
	}

	#suntory_contents section#research_idx .grid {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#suntory_contents section#research_idx h3 {
		font-weight: bold;
		background-image: url(/company/quality/assets/img/arrow_r_emerald.png);
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents #quality_top section#research_idx .idxbox h3.h3top {
		padding: 0 0 0 28vw
	}

	#suntory_contents section#research_idx #rs01 a,
	#suntory_contents section#research_idx #rs02 a,
	#suntory_contents section#research_idx #rs03 a {
		width: 100%;
		height: 37.6vw;
	}

	#suntory_contents section#research_idx #rs02,
	#suntory_contents section#research_idx #rs03 {
		margin-top: 10.4vw;
	}

	#suntory_contents section#research_idx #rs01 p,
	#suntory_contents section#research_idx #rs02 p,
	#suntory_contents section#research_idx #rs03 p {
		padding: 0 0 0 28vw
	}

	#suntory_contents section#research_idx #rs01 a {
		background-image: url(/company/quality/assets/img/ph_top05.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#suntory_contents section#research_idx #rs02 a {
		background-image: url(/company/quality/assets/img/ph_top06.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#suntory_contents section#research_idx #rs03 a {
		background-image: url(/company/quality/assets/img/ph_top07.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#suntory_contents section#research_idx #rs04,
	#suntory_contents section#research_idx #rs05 {
		width: 100%;
		margin-top: 10.4vw;
		height: 18.666666666667vw;
	}

	#suntory_contents section#research_idx #rs04 {
		margin-left: 0;
	}

	#suntory_contents section#research_idx #rs05 {
		margin-right: 0;
	}

	#suntory_contents section#research_idx #rs04 a,
	#suntory_contents section#research_idx #rs05 a {
		line-height: 6.933333333333vw;
		padding-bottom: 5.6vw;
	}

}

/*---end max-width:767px --- */
@media print,
screen and (min-width: 768px) {

	/*------------------------------------------------------------
[PC] header#quality_header_top
------------------------------------------------------------ */


	#suntory_contents #quality_header_top .inner {
		padding: 50px 0;
		margin: 0 auto;
	}


	#suntory_contents #quality_header_top h1 {
		margin: 0 0 30px 0;
		font-size: 36px;
		text-align: center;
		font-weight: bold;
	}

	#suntory_contents #quality_header_top p {
		margin: 0 0 40px 0;
		font-size: 20px;
		color: #666;
		text-align: center;
		font-weight: bold;
	}

	#suntory_contents #quality_header_top ul.grid {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
	}

	#suntory_contents #quality_header_top li {
		width: 560px;
		height: 350px;
		position: relative;
	}

	#suntory_contents #quality_header_top li:first-child {
		margin-right: 40px;
	}

	#suntory_contents #quality_header_top li a {
		display: block;
		width: 560px;
		height: 100px;
		position: absolute;
		bottom: 0;
		color: #FFF;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 100px;
	}

	#suntory_contents #quality_header_top li a .arrow {
		padding: 0 45px 0 0;
		background-image: url(/company/quality/assets/img/arrow_down_white.png);
		background-size: 25px;
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents #quality_header_top li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 560px;
	}

	#suntory_contents #quality_header_top li#link_quality {
		background-image: url(/company/quality/assets/img/ph_top01.jpg);
	}

	#suntory_contents #quality_header_top li#link_quality a {
		background: rgba(52, 134, 212, 0.85);
	}

	#suntory_contents #quality_header_top li#link_quality a:hover {
		background: rgba(73, 154, 231, 0.85);
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#suntory_contents #quality_header_top li#link_research {
		background-image: url(/company/quality/assets/img/ph_top02.jpg);
	}

	#suntory_contents #quality_header_top li#link_research a {
		background: rgba(39, 162, 188, 0.85);
	}

	#suntory_contents #quality_header_top li#link_research a:hover {
		background: rgba(61, 182, 208, 0.85);
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
[PC] #update
------------------------------------------------------------ */
	#suntory_contents #quality_top #update {
		margin-top: 0;
		padding: 50px 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
	}

	#suntory_contents #quality_top #update h3.subtitle {
		width: 120px;
		margin: 5px 0 0;
		font-size: 18px;
		font-weight: bold;
	}

	#suntory_contents #quality_top #update .history {
		padding: 2px 0 0;
	}

	#suntory_contents #quality_top #update dl {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#suntory_contents #quality_top #update dl+dl {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents #quality_top #update dt {
		width: 110px;
		font-size: 15px;
		line-height: 1.7;
	}

	#suntory_contents #quality_top #update dd {
		font-size: 15px;
		line-height: 1.7;
	}

	/*------------------------------------------------------------
[PC] #quality_idx #research_idx
------------------------------------------------------------ */
	#suntory_contents #quality_top article {
		padding: 0;
	}

	/*bg title*/
	#suntory_contents #quality_top section h2 {
		margin: 0 0 34px 0;
		font-size: 40px;
		font-weight: bold;
		color: #FFF;
	}

	#suntory_contents #quality_top section p.subtxt {
		margin: 0 0 60px 40px;
		font-size: 18px;
		line-height: 1.5;
		color: #FFF;
	}

	/*idxbox*/
	#suntory_contents #quality_top section .inner .grid .idxbox {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		background-color: #FFF;
	}

	#suntory_contents #quality_top section .inner .grid .idxbox a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 22px 25px 0;
		background-color: #FFF;
		text-decoration: none;
		color: #222;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top_lg {
		width: 290px;
		margin: 0 0 0 400px;
		font-size: 24px;
		line-height: 1.3;
		background-size: 14px;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top {
		font-size: 20px;
		background-size: 11px;
	}

	#suntory_contents #quality_top section .idxbox h3.h3top_s {
		font-size: 18px;
		background-size: 11px;
		width: 100%;
	}

	#suntory_contents #quality_top section .idxbox p {
		margin: 20px 0 0;
		line-height: 1.6;
	}

	/*[PC] quality_idx------------------------------------------- */
	#suntory_contents section#quality_idx {
		width: 100%;
		margin: 0;
		padding: 70px 0 100px;
		background: #e5eef6 url(/company/quality/assets/img/bg_top_blue.png) no-repeat center top /1900px;
	}

	#suntory_contents section#quality_idx .inner {
		width: 1160px;
		height: 831px;
		margin: 0 auto;
	}

	#suntory_contents section#quality_idx .grid {
		height: 670px;
		width: 1160px;
		padding: 0;
		display: flex;
		flex-flow: column wrap;
justify-content: flex-start;
		align-content: space-between;
	}

	#suntory_contents section#quality_idx h3 {
		font-weight: bold;
		background-image: url(/company/quality/assets/img/arrow_r_blue.png);
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents section#quality_idx #q01 {
		width: 740px;
		height: 290px;
	}

	#suntory_contents section#quality_idx #q02 {
		width: 740px;
		height: 340px;
		margin-top: 40px;
	}

	#suntory_contents section#quality_idx #q01 a {
		background-image: url(/company/quality/assets/img/ph_top03.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 400px;
	}

	#suntory_contents section#quality_idx #q02 a {
		background-image: url(/company/quality/assets/img/ph_top04.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 400px;
	}

	#suntory_contents section#quality_idx #q01 p,
	#suntory_contents section#quality_idx #q02 p {
		width: 290px;
		margin-left: 400px;
		letter-spacing: 0.7px;
	}

	#suntory_contents section#quality_idx #q03 {
		width: 380px;
		height: 145px;
		position: relative;
	}

	#suntory_contents section#quality_idx #q03 .date {
		display: block;
		position: absolute;
		margin: 0;
		left: 25px;
		bottom: 25px;
	}

	#suntory_contents section#quality_idx #q03 .date dt,
	#suntory_contents section#quality_idx #q03 .date dd {
		display: inline-block;
		font-size: 14px;
		line-height: 1;
		color: #136fc5;
	}

	#suntory_contents section#quality_idx #q03 .date dt {
		padding-right: 10px;
	}

	#suntory_contents section#quality_idx #q04 {
		height: 210px;
		width: 380px;
		margin-top: 40px;
	}

	#suntory_contents section#quality_idx #q04>a {
		height: 70px;
	}

	#suntory_contents section#quality_idx #q04 h3 .win {
		background-size: 16px;
		padding-right: 20px;
	}

	#suntory_contents section#quality_idx #q04 .loadarea {
		height: 140px;
		background-color: #C3E6EF;
		padding: 15px 20px 0;
	}

	#suntory_contents section#quality_idx #q04 .loadarea .grid {
		position: relative;
	}

	#suntory_contents section#quality_idx #q04 .loadarea .grid::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -12px;
		left: 300px;
		width: 14px;
		height: 12px;
		background: url(/company/quality/assets/img/bg_top_q04_balloon.png) no-repeat;
		background-size: contain;
	}

	#suntory_contents section#quality_idx #q04 .grid {
		width: 340px;
		height: 106px;
		transform: scale(1);
	}

	#suntory_contents section#quality_idx #q04 .grid a {
		display: block;
		width: 100%;
		height: 100%;
		background: #FFF;
		border-radius: 5px;
		padding: 0 15px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}

	#suntory_contents section#quality_idx #q04 .grid a figure img {
		width: 70px;
	}

	#suntory_contents section#quality_idx #q04 .grid a p {
		width: 230px;
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents section#quality_idx #q04 .grid a.no_img p {
		width: auto;
	}

	#suntory_contents section#quality_idx #q05,
	#suntory_contents section#quality_idx #q06 {
		width: 380px;
		height: 70px;
				margin-top: 40px;
	}

	#suntory_contents section#quality_idx #q05 a,
	#suntory_contents section#quality_idx #q06 a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height: 20px;
		padding-bottom: 22px;
	}

	/*[PC] research_idx------------------------------------------- */
	#suntory_contents section#research_idx {
		width: 100%;
		margin: 0;
		padding: 70px 0 100px;
		background: #e6f7f4 url(/company/quality/assets/img/bg_top_emerald.png) no-repeat center top /1900px;
	}

	#suntory_contents section#research_idx .inner {
		width: 1160px;
		height: 478px;
		margin: 0 auto;
	}

	#suntory_contents section#research_idx h2 a {
		display: inline-block;
		vertical-align: middle;
		width: 110px;
		height: 30px;
		margin-left: 20px;
		padding: 0 15px 0 10px;
		border-radius: 15px;
		background: #fff url(/company/quality/assets/img/arrow_r_blue.png) no-repeat right 15px center;
		background-size: 7px;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
		font-size: 14px;
		color: #222;
		line-height: 30px;
		text-decoration: none;
		text-align: center;
	}

	#suntory_contents section#research_idx h2 a:hover {
		filter: alpha(opacity=90);
		opacity: 0.9;
	}

	#suntory_contents section#research_idx .grid {
		height: 290px;
		width: 1160px;
		padding: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
	}

	#suntory_contents section#research_idx h3 {
		font-weight: bold;
		background-image: url(/company/quality/assets/img/arrow_r_emerald.png);
		background-position: right center;
		background-repeat: no-repeat;
	}

	#suntory_contents #quality_top section#research_idx .idxbox h3.h3top {
		width: 170px;
		margin-left: 140px;
		font-size: 20px;
		background-size: 11px;
	}

	#suntory_contents section#research_idx #rs01,
	#suntory_contents section#research_idx #rs02,
	#suntory_contents section#research_idx #rs03 {
		width: 360px;
		height: 180px;
	}

	#suntory_contents section#research_idx #rs01 p,
	#suntory_contents section#research_idx #rs02 p,
	#suntory_contents section#research_idx #rs03 p {
		width: 170px;
		margin-left: 140px;
	}

	#suntory_contents section#research_idx #rs01 a {
		background-image: url(/company/quality/assets/img/ph_top05.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 140px;
	}

	#suntory_contents section#research_idx #rs02 a {
		background-image: url(/company/quality/assets/img/ph_top06.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 140px;
	}

	#suntory_contents section#research_idx #rs03 a {
		background-image: url(/company/quality/assets/img/ph_top07.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 140px;
	}

	#suntory_contents section#research_idx #rs04,
	#suntory_contents section#research_idx #rs05 {
		width: 400px;
		height: 70px;
	}

	#suntory_contents section#research_idx #rs04 {
		margin-left: 120px;
	}

	#suntory_contents section#research_idx #rs05 {
		margin-right: 120px;
	}

	#suntory_contents section#research_idx #rs04 a,
	#suntory_contents section#research_idx #rs05 a {
		line-height: 26px;
		padding-bottom: 22px;
	}


}

/*---end min-width: 768px --- */
@media screen and (min-width: 768px) and (max-width: 1164px) {

	/*------------------------------------------------------------
[PC narrow] header#quality_header_top
------------------------------------------------------------ */
	#suntory_contents #quality_header_top ul.grid {
		width: 950px;
	}

	#suntory_contents #quality_header_top li {
		width: 460px;
		height: 350px;
	}

	#suntory_contents #quality_header_top li:first-child {
		margin-right: 30px;
	}

	#suntory_contents #quality_header_top li a {
		width: 460px;
	}

	/*------------------------------------------------------------
[PC narrow] #quality_idx #research_idx
------------------------------------------------------------ */
	/*bg title*/
	#suntory_contents #quality_top section h2 {
		margin: 0 0 25px 8px;
		font-size: 36px;
	}

	#suntory_contents #quality_top section p.subtxt {
		margin: 0 0 40px 20px;
		font-size: 16px;
	}

	/*------------------------------------------------------------
[PC narrow] #quality_idx #research_idx
------------------------------------------------------------ */
	#suntory_contents section#quality_idx,
	#suntory_contents section#research_idx {
		padding: 50px 0;
		background-size: 1572px;
	}

	#suntory_contents section#quality_idx .inner {
		width: 960px;
		height: 716px;
		margin: 0 auto;
	}

	#suntory_contents section#research_idx .inner {
		width: 960px;
		height: 428px;

	}

	#suntory_contents section#quality_idx .grid,
	#suntory_contents section#research_idx .grid {
		transform-origin: left top;
		transform: scale(0.8276);
		padding: 0;
	}


}

/*---end min-width: 980px --- */