@charset "utf-8";

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

	/*------------------------------------------------------------
[SP] policy
------------------------------------------------------------ */
	#suntory_contents #quality_policy #sec01 .inside {
		border: 1px solid #d0d0d0;
		padding: 5.6vw 4vw;
	}

	#suntory_contents #quality_policy #sec03 .grid {
		display: block;
	}

	#suntory_contents #quality_policy #sec03 .grid figure {
		width: 100%;
		margin: 4vw 0 0;
	}

	/*------------------------------------------------------------
[SP] important
------------------------------------------------------------ */
	/*#update------------------------------------------------------------ */
	#suntory_contents #quality_important #update {
		margin-top: 8vw;
	}

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

	#suntory_contents #quality_important #update .history {
		width: 100%;
		height: 48vw;
		overflow-y: scroll;
	}

	#suntory_contents #quality_important #update dl {
		width: 100%;
		border-bottom: 1px dashed #ddd;
		padding: 3.2vw 0;
	}

	#suntory_contents #quality_important #update dl:first-child {
		border-top: 1px dashed #ddd;
	}

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

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

	/*pgリンク*/
	#suntory_contents #quality_important #list .box {
		margin-top: 5.6vw;
		padding: 4vw;
		background: #E5EEF6;
		border-radius: 1.6vw;
		box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 0.15);
	}

	#suntory_contents #quality_important #list .box:first-child {
		margin-top: 0;
	}

	#suntory_contents #quality_important #list .box h4 {
		margin-bottom: 2.4vw;
		font-size: 4.8vw;
		line-height: 1.5;
		font-weight: bold;
	}

	#suntory_contents #quality_important #list .box h4 a {
		display: block;
		width: 100%;
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat right center;
		background-size: 4.8vw;
		color: #222;
		text-decoration: none;
	}

	#suntory_contents #quality_important #list .box p {
		width: 100%;
		font-size: 3.466666667vw;
		line-height: 1.6;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li {
		margin: 4vw 6.4vw 0 0;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a {
		padding: 0 8vw 0 4vw;
		background: #fff url(/company/quality/assets/img/arrow_down_blue.png) no-repeat right 2.4vw center / 3.733333333vw;
		position: relative;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a.arrow_right {
		background-image: none;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a.arrow_right::after {
		content: "";
		display: block;
		position: absolute;
		width: 3.733333333vw;
		height: 9.6vw;
		top: 0;
		right: 2.4vw;
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat center center;
		background-size: 3.733333333vw;
		transform: rotate(-90deg);
	}

	#suntory_contents #quality_important section p.returnlist {
		margin-top: 2.4vw;
		text-align: right;
	}

	#suntory_contents #quality_important section p.returnlist a {
		display: inline-block;
		color: #222;
		text-decoration: none;
		font-size: 3.2vw;
		padding: 0 4vw 0 0;
		position: relative;
		line-height: 5.6vw;
	}

	#suntory_contents #quality_important section p.returnlist a::after {
		content: "";
		position: absolute;
		width: 3.2vw;
		height: 5.6vw;
		right: 0;
		top: 0;
		transform: rotate(180deg);
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat right center;
		background-size: 3.2vw;
	}

	#suntory_contents #quality_important #sec02 ul {
		margin-top: 8vw;
	}

	#suntory_contents #analysis p.indent1 {
		text-indent: -0.8em;
		margin-left: 0.8em;
	}

	#suntory_contents #analysis p.indent1+p.indent1 {
		margin-top: 0;
	}

	#suntory_contents #analysis .grey {
		background: #f0f0f0;
		padding: 4vw;
		margin-top: 8vw;
	}

	#suntory_contents #analysis .grey h4 {
		margin: 0;
		font-size: 4.266666667vw;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #analysis .grey .grid {
		display: block;
	}

	#suntory_contents #analysis .grey figure {
		margin: 5.6vw auto 0;
		text-align: center;
	}

	#suntory_contents #analysis .grey figure img {
		width: 72vw;
	}

	#suntory_contents #analysis .grey figure figcaption.ls0 {
		letter-spacing: 0;
	}

	/*定義語＆説明word共通 term ------------------------------------- */
	#suntory_contents .term dl {
		margin: 0;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents .term dl:last-of-type {
		border-bottom: 1px dashed #ddd;
	}

	#suntory_contents .term dt {
		width: 100%;
		line-height: 1.5;
		font-weight: bold;
		padding: 5.6vw 0 2.4vw;
	}

	#suntory_contents .term dd {
		width: 100%;
		font-size: 3.733333333vw;
		line-height: 1.7;
		padding: 0 0 6.4vw;
	}

	#suntory_contents #quality_important .term dt {
		font-size: 4.266666667vw;
	}

	/*------------------------------------------------------------
[SP] ingredient
------------------------------------------------------------ */
	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 4vw 0 0;
		background: url(/company/quality/assets/img/arrow_r_blue.png) no-repeat right 5.6vw center;
		background-size: 3.2vw;
		background-color: #FFF;
		color: #222;
		text-decoration: none;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box {
		width: 72vw;
		height: 28vw;
		background: #fff;
		box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 0.15);
		margin-top: 8vw;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box:first-child {
		margin-top: 0px;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box a li {
		font-size: 4.266666667vw;
		text-align: center;
		font-weight: bold;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
[SP] words
------------------------------------------------------------ */
	#suntory_contents #quality_words .term dt {
		font-size: 3.733333333vw;
	}

	#suntory_contents #quality_words #sec01 ul {
		margin-top: 4vw;
	}

	/*------------------------------------------------------------
[SP] sitemap
------------------------------------------------------------ */
	#suntory_contents #quality_sitemap h2.subtl a {
		display: block;
		margin-bottom: 8vw;
		color: #136fc5;
		font-size: 5.333333333vw;
		font-weight: bold;
		text-align: center;
		padding: 0;
		text-decoration: none;
	}

	#suntory_contents #quality_sitemap article section h3 {
		width: 100%;
		margin: 5.6vw 0 0 0;
		padding: 5.6vw 0 0 2.4vw;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents #quality_sitemap article section h3 a {
		display: block;
		color: #222;
		padding: 2.4vw 0 2.4vw 4vw;
		font-size: 3.733333333vw;
		font-weight: bold;
		position: relative;
	}

	#suntory_contents #quality_sitemap article section h3:last-child {
		border-bottom: 1px dashed #ddd;
		padding-bottom: 8vw;
	}

	#suntory_contents #quality_sitemap article section h3 a::before {
		content: "・";
		position: absolute;
		width: 1em;
		height: 1em;
		left: 0;
		top: 0.75em;
	}

	#suntory_contents #quality_sitemap article section .box {
		width: 100%;
		margin: 8vw 0 0 0;
		padding: 0 0 0 6.4vw;
	}

	#suntory_contents #quality_sitemap article section .box h4 {
		margin: 0 0 4vw 0;
		width: 100%;
		font-size: 3.733333333vw;
		font-weight: bold;
		line-height: 1;
		border-bottom: 1px dotted #ddd;
		padding-bottom: 2.4vw;
		display: block;
	}

	#suntory_contents #quality_sitemap article section .box li a {
		display: block;
		color: #222;
		padding: 2.4vw 0 2.4vw 4vw;
		position: relative;
		font-size: 3.733333333vw;
	}

	#suntory_contents #quality_sitemap article section .box li a::before {
		content: "-";
		position: absolute;
		width: 1em;
		height: 1em;
		left: 0;
		top: 0.5em;
	}

	#suntory_contents #quality_sitemap article section .box li ul {
		width: 100%;
		margin: 0 0 2.4vw 4vw;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#suntory_contents #quality_sitemap article section .box li li a {
		font-size: 3.2vw;
	}

	#suntory_contents #quality_sitemap article section .box li li+li {
		padding: 0 0 0 4vw;
		margin-left: 1.6vw;
		position: relative;
		font-size: 3.2vw;
	}

	#suntory_contents #quality_sitemap article section .box li li+li::before {
		content: "／";
		position: absolute;
		left: 0;
		top: 3.2vw;
	}

	#suntory_contents #quality_sitemap article section .box li li a {
		padding-left: 0;
	}

	#suntory_contents #quality_sitemap article section .box li li a::before {
		content: none;
	}


	/*------------------------------------------------------------
[SP] news
------------------------------------------------------------ */
	#suntory_contents #secnews h3.h3subtl {
		font-size: 4.8vw;
		color: #222;
		margin-bottom: 8vw;
	}

	#suntory_contents #secnews p.update {
		margin-bottom: 8vw;
	}

	#suntory_contents #secnews p {
		margin: 4vw 0 0;
	}

	#suntory_contents #secnews p:first-child {
		margin-top: 0px;
	}

	#suntory_contents #secnews p.issue {
		margin-top: 12vw;
		text-align: right;
	}

	#suntory_contents #secnews p.signature {
		margin-top: 0px;
		text-align: right;
	}

	#suntory_contents #secnews ul.list_dot {
		margin: 4vw 0 0;
	}

	#suntory_contents #secnews ul.list_dot li {
		margin: 2.4vw 0 0;
		padding: 0 0 0 1em;
		font-size: 3.733333333vw;
		line-height: 1.7;
		position: relative;
	}

	#suntory_contents #secnews ul.list_dot li::before {
		content: "・";
		position: absolute;
		width: 1em;
		height: 1em;
		left: 0;
		top: 0;
	}



}

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

	/*------------------------------------------------------------
[PC] policy
------------------------------------------------------------ */
	#suntory_contents #quality_policy #sec01 .inside {
		border: 1px solid #d0d0d0;
		padding: 45px 0;
	}

	#suntory_contents #quality_policy #sec01 figure {
		width: 595px;
		margin: 0 auto;
	}

	#suntory_contents #quality_policy #sec03 .grid {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #quality_policy #sec03 .grid p {
		width: 490px;
	}

	#suntory_contents #quality_policy #sec03 .grid figure {
		width: 360px;
	}

	/*------------------------------------------------------------
[PC] important
------------------------------------------------------------ */
	#suntory_contents #quality_important #list .box h4 a:hover {
		opacity: 0.7;
	}

	/*#update------------------------------------------------------------ */
	#suntory_contents #quality_important #update {
		margin-top: 100px;
		padding: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

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

	#suntory_contents #quality_important #update .history {
		width: 780px;
		height: 125px;
		overflow-y: scroll;
	}

	#suntory_contents #quality_important #update dl {
		width: 750px;
		position: relative;
		border-bottom: 1px dashed #ddd;
		padding: 15px 0;
	}

	#suntory_contents #quality_important #update dl:first-child {
		border-top: 1px dashed #ddd;
	}

	#suntory_contents #quality_important #update dt {
		width: 110px;
		position: absolute;
		left: 0;
		top: 0;
		padding: 15px 0 0;
		font-size: 15px;
		line-height: 1.7;
	}

	#suntory_contents #quality_important #update dd {
		width: 100%;
		padding-left: 110px;
		font-size: 15px;
		line-height: 1.7;
	}

	/*pgリンク*/
	#suntory_contents #quality_important #list .box {
		margin-top: 20px;
		padding: 20px;
		background: #E5EEF6;
		border-radius: 5px;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #quality_important #list .box:first-child {
		margin-top: 0;
	}

	#suntory_contents #quality_important #list .box h4 {
		font-size: 20px;
		line-height: 1.5;
		font-weight: bold;
	}

	#suntory_contents #quality_important #list .box h4 a {
		display: block;
		width: 234px;
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat right center;
		background-size: 20px;
		color: #222;
		text-decoration: none;
	}

	#suntory_contents #quality_important #list .box p {
		width: 600px;
		font-size: 15px;
		line-height: 1.6;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li {
		margin: 15px 20px 0 0;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a {
		padding: 0 30px 0 15px;
		background: #fff url(/company/quality/assets/img/arrow_down_blue.png) no-repeat right 10px center / 14px;
		position: relative;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a.arrow_right {
		background-image: none;
	}

	#suntory_contents #quality_important #list .box .bt_rounded li a.arrow_right::after {
		content: "";
		display: block;
		position: absolute;
		width: 14px;
		height: 14px;
		top: 9px;
		right: 8px;
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat center center;
		background-size: 14px;
		transform: rotate(-90deg);
	}

	#suntory_contents #quality_important section p.returnlist {
		margin-top: 30px;
		text-align: right;
	}

	#suntory_contents #quality_important section p.returnlist a {
		color: #222;
		text-decoration: none;
		font-size: 14px;
		padding-right: 20px;
	}

	#suntory_contents #quality_important section p.returnlist a::after {
		content: "　";
		position: absolute;
		width: 14px;
		margin-left: 6px;
		transform: rotate(180deg);
		background: url(/company/quality/assets/img/arrow_down_blue.png) no-repeat center center;
		background-size: 14px;
	}

	#suntory_contents #quality_important #sec02 ul {
		margin-top: 30px;
	}

	#suntory_contents #quality_important .term dt {
		width: 260px;
		font-size: 18px;
	}

	#suntory_contents #quality_important .term dd {
		width: 640px;
	}

	#suntory_contents #analysis p+p {
		margin-top: 15px;
	}

	#suntory_contents #analysis p.indent1 {
		text-indent: -1.35em;
		margin-left: 1.35em;
	}

	#suntory_contents #analysis p.indent1+p.indent1 {
		margin-top: 0;
	}

	#suntory_contents #analysis .grey {
		background: #f0f0f0;
		padding: 30px;
		margin-top: 30px;
	}

	#suntory_contents #analysis .grey h4 {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
	}

	#suntory_contents #analysis .grey .grid {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #analysis .grey figure {
		width: 270px;
	}

	#suntory_contents #analysis .grey figure figcaption.ls0 {
		letter-spacing: 0;
	}

	/*定義語＆説明word共通 term ------------------------------------- */
	#suntory_contents .term dl {
		display: flex;
		margin: 0;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents .term dt {
		line-height: 1.5;
		font-weight: bold;
		padding: 25px 0;
	}

	#suntory_contents .term dd {
		font-size: 15px;
		line-height: 1.7;
		padding: 23px 0 25px;
	}

	#suntory_contents .term dl:last-of-type {
		border-bottom: 1px dashed #ddd;
	}


	/*------------------------------------------------------------
[PC] ingredient
------------------------------------------------------------ */
	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 10px 0 0;
		background: url(/company/quality/assets/img/arrow_r_blue.png) no-repeat right 20px center;
		background-size: 12px;
		background-color: #FFF;
		color: #222;
		text-decoration: none;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box a:hover {
		opacity: 0.8;
		background-color: #E5EEF6;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid {
		height: 355px;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-content: space-between;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box {
		width: 270px;
		height: 155px;
		background: #fff;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		margin-left: 45px;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box:nth-child(3n+1) {
		margin-left: 0px;
	}

	#suntory_contents #quality_ingredient #sec01.seclevel .grid .box a li {
		font-size: 18px;
		text-align: center;
		font-weight: bold;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
[PC] words
------------------------------------------------------------ */
	#suntory_contents #quality_words .term dt {
		width: 240px;
		font-size: 15px;
	}

	#suntory_contents #quality_words .term dd {
		width: 660px;
	}

	#suntory_contents #quality_words #sec01 ul {
		margin-top: 30px;
	}

	/*------------------------------------------------------------
[PC] sitemap
------------------------------------------------------------ */
	#suntory_contents #quality_sitemap h2.subtl a {
		color: #136fc5;
		margin: 0 0 0 40px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #quality_sitemap article section a {
		color: #222;
		text-decoration: none;
	}

	#suntory_contents #quality_sitemap article section a:hover {
		text-decoration: underline;
	}

	#suntory_contents #quality_sitemap article section h3 {
		width: 740px;
		margin: 30px 0 0 80px;
		padding: 30px 0 0 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
		border-top: 1px dashed #ddd;
	}

	#suntory_contents #quality_sitemap article section h3:last-child {
		border-bottom: 1px dashed #ddd;
		padding-bottom: 30px;
	}

	#suntory_contents #quality_sitemap article section h3::before {
		content: "・";
		margin-right: 5px;
	}

	#suntory_contents #quality_sitemap article section .box {
		width: 720px;
		margin: 30px 0 0 120px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#suntory_contents #quality_sitemap article section .box h4 {
		margin: 0;
		width: 220px;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #quality_sitemap article section .box ul {
		margin-bottom: 5px;
	}

	#suntory_contents #quality_sitemap article section .box li {
		font-size: 15px;
		line-height: 1.5;
		margin: 0;
		position: relative;
	}

	#suntory_contents #quality_sitemap article section .box li+li {
		margin-top: 15px;
	}

	#suntory_contents #quality_sitemap article section .box li::before {
		content: "-";
		margin-right: 5px;
	}

	#suntory_contents #quality_sitemap article section .box li ul {
		width: 330px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		position: absolute;
		top: 0;
		left: 150px;
	}

	#suntory_contents #quality_sitemap article section .box li li {
		margin: 0 10px 0 0;
		font-size: 13px;
	}

	#suntory_contents #quality_sitemap article section .box li li::before {
		content: "／";
		margin-right: 5px;
	}

	#suntory_contents #quality_sitemap article section .box li li:first-of-type::before {
		content: none;
		margin-right: 0;
	}

	/*------------------------------------------------------------
[PC] news
------------------------------------------------------------ */
	#suntory_contents #secnews h3.h3subtl {
		margin-bottom: 50px;
		font-size: 22px;
		color: #222;
	}

	#suntory_contents #secnews p.update {
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents #secnews p {
		margin-top: 15px;
	}

	#suntory_contents #secnews p:first-child {
		margin-top: 0px;
	}

	#suntory_contents #secnews p.issue {
		margin-top: 50px;
		text-align: right;
	}

	#suntory_contents #secnews p.signature {
		margin-top: 0px;
		text-align: right;
	}

	#suntory_contents #secnews ul.list_dot {
		margin: 20px 0 0;
	}

	#suntory_contents #secnews ul.list_dot li {
		margin: 10px 0 0;
		padding: 0 0 0 1em;
		font-size: 15px;
		line-height: 1.7;
		position: relative;
	}

	#suntory_contents #secnews ul.list_dot li::before {
		content: "・";
		position: absolute;
		width: 1em;
		height: 1em;
		left: 0;
		top: 0;
	}


}

/*end PC*/