@-webkit-keyframes floating-arrow-anim {
	0% {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
	}

	to {
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}
}

@keyframes floating-arrow-anim {
	0% {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
	}

	to {
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}
}

body,
html {
	margin: 0;
}

body {
	overflow-y: scroll;
}

#suntory_contents {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", Meiryo, sans-serif;
	color: var(--color-blue);
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-size: 100%;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.75;
	text-align: left;
}

#suntory_contents * {
	margin: 0;
	padding: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
}

#suntory_contents main {
	display: block;
}

#suntory_contents address,
#suntory_contents caption,
#suntory_contents cite,
#suntory_contents code,
#suntory_contents dfn,
#suntory_contents em,
#suntory_contents strong,
#suntory_contents th,
#suntory_contents var {
	font-style: normal;
}

#suntory_contents table {
	border-collapse: collapse;
	border-spacing: 0;
}

#suntory_contents caption,
#suntory_contents th {
	text-align: left;
}

#suntory_contents q:after,
#suntory_contents q:before {
	content: "";
}

#suntory_contents embed,
#suntory_contents img,
#suntory_contents object {
	vertical-align: top;
}

#suntory_contents hr,
#suntory_contents legend {
	display: none;
}

#suntory_contents h1,
#suntory_contents h2,
#suntory_contents h3,
#suntory_contents h4,
#suntory_contents h5,
#suntory_contents h6 {
	font-size: 100%;
	font-weight: 400;
}

#suntory_contents abbr,
#suntory_contents acronym,
#suntory_contents fieldset,
#suntory_contents img {
	border: 0;
}

#suntory_contents li {
	list-style-type: none;
}

#suntory_contents button,
#suntory_contents input,
#suntory_contents select,
#suntory_contents textarea {
	font-family: inherit;
	font-size: inherit;
}

#suntory_contents button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#suntory_contents a:active,
#suntory_contents a:hover,
#suntory_contents a:link,
#suntory_contents a:visited {
	text-decoration: none;
	color: inherit;
}

:root {
	--color-blue: #0079c6;
	--color-gray: #3e3a39;
}

.js #subarashiikako .arrow-b {
	-webkit-transition: opacity 0.5s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.js #subarashiikako .anim-def.idling,
.js #subarashiikako .arrow-b.idling,
.js #subarashiikako .balloon.idling,
.js #subarashiikako .suba-sec1 h1.idling span,
.js #subarashiikako .suba-sec10 h1.idling span,
.js #subarashiikako .suba-sec4 .children.idling,
.js #subarashiikako .suba-sec4 .products.idling .product .bottle,
.js #subarashiikako .suba-sec4 .products.idling .product .cap,
.js #subarashiikako .suba-sec6 h1.idling span {
	opacity: 0;
}

.js #subarashiikako .anim-image {
	overflow: hidden;
}

.js #subarashiikako .anim-image img {
	-webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: opacity 1s linear, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 1s linear, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 1s linear, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.js #subarashiikako .anim-image.idling img {
	opacity: 0;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.js #subarashiikako .anim-def,
.js #subarashiikako .suba-sec1 h1 span,
.js #subarashiikako .suba-sec10 h1 span,
.js #subarashiikako .suba-sec4 .products .product .bottle,
.js #subarashiikako .suba-sec4 .products .product .cap,
.js #subarashiikako .suba-sec6 h1 span {
	-webkit-transition: opacity 0.5s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s linear, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.js #subarashiikako .balloon {
	-webkit-transition: opacity 0.3s linear 0.3s, -webkit-transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s;
	transition: opacity 0.3s linear 0.3s, -webkit-transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s;
	-o-transition: opacity 0.3s linear 0.3s, transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s;
	transition: opacity 0.3s linear 0.3s, transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s;
	transition: opacity 0.3s linear 0.3s, transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s, -webkit-transform 0.6s cubic-bezier(0.16, 1.84, 0.71, 1.01) 0.3s;
}

.js #subarashiikako .suba-sec1 h1 .parts1,
.js #subarashiikako .suba-sec10 h1 .parts1,
.js #subarashiikako .suba-sec6 h1 .parts1 {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.js #subarashiikako .suba-sec1 h1 .parts2,
.js #subarashiikako .suba-sec10 h1 .parts2,
.js #subarashiikako .suba-sec6 h1 .parts2 {
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.js #subarashiikako .suba-sec1 h1 .parts3,
.js #subarashiikako .suba-sec10 h1 .parts3,
.js #subarashiikako .suba-sec6 h1 .parts3 {
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.js #subarashiikako .suba-sec4 .children {
	-webkit-transition: opacity 1s linear, -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity 1s linear, -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: opacity 1s linear, transform 3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity 1s linear, transform 3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity 1s linear, transform 3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
}

.js #subarashiikako .suba-sec4 .products .p3 .bottle,
.js #subarashiikako .suba-sec4 .products .p3 .cap {
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.js #subarashiikako .suba-sec4 .products .p2 .bottle,
.js #subarashiikako .suba-sec4 .products .p2 .cap,
.js #subarashiikako .suba-sec4 .products .p4 .bottle,
.js #subarashiikako .suba-sec4 .products .p4 .cap {
	-webkit-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.js #subarashiikako .suba-sec4 .products .p1 .bottle,
.js #subarashiikako .suba-sec4 .products .p1 .cap,
.js #subarashiikako .suba-sec4 .products .p5 .bottle,
.js #subarashiikako .suba-sec4 .products .p5 .cap {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.js #subarashiikako .suba-sec8 dl dt .line::before {
	-webkit-transition: width 0.2s ease-out 0.5s;
	-o-transition: width 0.2s ease-out 0.5s;
	transition: width 0.2s ease-out 0.5s;
}

.js #subarashiikako .suba-sec8 dl dt.idling .line::before {
	width: 0;
}

#suntory_contents {
	position: relative;
	background-color: #0079c6;
	overflow: hidden;
	z-index: 0;
}

#suntory_contents img,
#suntory_contents svg,
#suntory_contents video {
	width: 100%;
	height: auto;
}

#subarashiikako {
	z-index: 0;
}

#subarashiikako,
#subarashiikako .letter-container {
	position: relative;
	margin: 0 auto;
}

#subarashiikako .letter-bg div:nth-child(odd) {
	background-color: #f1f8fd;
	-webkit-transform: skewX(1.5deg);
	-ms-transform: skewX(1.5deg);
	transform: skewX(1.5deg);
}

#subarashiikako .letter-bg div:nth-child(even) {
	background-color: #fff;
	-webkit-transform: skewX(-1.5deg);
	-ms-transform: skewX(-1.5deg);
	transform: skewX(-1.5deg);
}

#subarashiikako .letter-bg.letter-bg-flexible {
	position: absolute;
	top: 0;
	height: 100%;
	background: repeat-y center top/100% auto;
}

#subarashiikako .letter-inner {
	position: relative;
}

#subarashiikako .movie {
	position: relative;
	aspect-ratio: 16/9;
}

#subarashiikako .movie a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#subarashiikako .movie a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/icon_mov_play.png) no-repeat center center/contain;
	will-change: transform;
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: opacity 0.3s ease-out, -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	-o-transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01), opacity 0.3s ease-out;
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01), opacity 0.3s ease-out;
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01), opacity 0.3s ease-out, -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
}

#subarashiikako .movie a img {
	will-change: transform;
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#subarashiikako .movie.square a img {
	height: 100%;
	object-fit: contain;
}

#subarashiikako .movie .youtube-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

#subarashiikako .movie.movie-xga {
	aspect-ratio: 4/3;
}

#subarashiikako .movie.movie-vertical {
	aspect-ratio: 9/16;
}

#subarashiikako .suba-sec {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#subarashiikako .suba-sec .bg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

#subarashiikako .suba-sec .bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

#subarashiikako .suba-sec .btn-detail a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#subarashiikako .suba-sec .btn-detail a::after,
#subarashiikako .suba-sec4 .btn-obj a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	transition: -webkit-transform 0.2s ease-out;
	-o-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

#subarashiikako .suba-sec .btn-detail a::after {
	background: url(../img/icon_btn_arrow.svg) no-repeat center center/contain;
}

#subarashiikako .suba-sec4 .bg {
	background-position-y: top;
}

#subarashiikako .suba-sec4 .btn-obj a {
	position: relative;
}

#subarashiikako .suba-sec4 .btn-obj a::after {
	background: url(../img/icon_btn_arrow.svg?1220) no-repeat centercenter/contain;
}

#subarashiikako .suba-sec4 .btn-obj a,
#subarashiikako .suba-sec6 .letter-share .share .hashtag a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#subarashiikako .suba-sec11 .link .image a,
#subarashiikako .suba-sec6 .letter-activities .activities-list li .image a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

#subarashiikako .suba-sec11 .link .image a img,
#subarashiikako .suba-sec6 .letter-activities .activities-list li .image a img {
	-webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.2s ease-out, -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: opacity 0.2s ease-out, transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.2s ease-out, transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.2s ease-out, transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#subarashiikako .suba-sec10_2 p.note,
#subarashiikako .suba-sec10_3 p.note,
#subarashiikako .suba-sec14 .activities .detail li .body dl dd {
	color: var(--color-gray);
}

#subarashiikako .suba-sec10_2 p.note em {
	display: inline-block;
	margin-bottom: 1.2em;
}

#subarashiikako .suba-sec10_2 p.note span {
	display: block;
	text-align: left;
}

#subarashiikako .suba-sec10_3 p.note em {
	display: inline-block;
	margin-bottom: 1.2em;
}

#subarashiikako .suba-sec10_3 p.note span {
	display: block;
	text-align: left;
}

#subarashiikako .suba-sec11_2 .ttl span {
	display: inline-block;
	position: relative;
}

#subarashiikako .suba-sec11_2 .ttl .y52 {
	position: absolute;
}

#subarashiikako .suba-sec11_2 .letter-inner>.poster {
	border: 0;
	background: 0 0;
}

#subarashiikako .suba-sec12_2 .movie-list {
	margin: 0 auto;
}

#subarashiikako .suba-sec12_2 .movie-list li .movie {
	width: 100%;
	margin: 0;
}

#subarashiikako .suba-sec12_2 .link .bnr a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#subarashiikako .suba-sec12_2 .link .bnr a img {
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#subarashiikako .suba-sec12_2 .link small {
	display: block;
	margin-top: 0.8em;
	width: 100%;
	color: var(--color-gray);
	line-height: 1;
	text-align: center;
}

#subarashiikako .suba-sec12 .movie.movie-xga{
  aspect-ratio: 9 / 16;;
}

#subarashiikako .suba-sec14 .small_txt {
	font-size: 0.7em !important;
	text-align: right !important;
	margin-top: 10px;
}

#subarashiikako .suba-sec14 .activities .detail li .body dl,
#subarashiikako .suba-sec14 .activities .worldmap {
	position: relative;
	margin: 0 auto;
}

#subarashiikako .suba-sec14 .activities .worldmap button {
	display: block;
	position: absolute;
	width: 21.8487394958%;
	height: 37.3716632444%;
	text-align: left;
	text-indent: -100%;
	overflow: hidden;
}

#subarashiikako .suba-sec14 .activities .worldmap button[data-area="1"] {
	top: 18.4804928131%;
	left: 45.8583433373%;
}

#subarashiikako .suba-sec14 .activities .worldmap button[data-area="2"] {
	top: 41.8891170431%;
	left: 22.6890756303%;
}

#subarashiikako .suba-sec14 .activities .worldmap button[data-area="3"] {
	top: 25.4620123203%;
	left: 68.6674669868%;
}

#subarashiikako .suba-sec14 .activities .worldmap button[data-area="4"] {
	top: 18.4804928131%;
	left: -4.3217286915%;
}

#subarashiikako.suba-sec14.activities.worldmapbutton[data-area="2"].oceania {
	top: 63.6550308008%;
	left: 45.8583433373%;
}

#subarashiikako .suba-sec14 .activities .detail {
	margin: 0 auto;
	border: 0 solid var(--color-blue);
	overflow: hidden;
}

#subarashiikako .suba-sec14 .activities .detail li .area {
	position: relative;
	line-height: 0;
	cursor: pointer;
}

#subarashiikako .suba-sec14 .activities .detail li .area .icon {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3scubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	-o-transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01), -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
}

#subarashiikako .suba-sec14 .activities .detail li .area .icon svg {
	-webkit-transition: -webkit-transform 0.3scubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	-o-transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
	transition: transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01), -webkit-transform 0.3s cubic-bezier(0.16, 1.84, 0.71, 1.01);
}

#subarashiikako .suba-sec14 .activities .detail li .area .icon svg line {
	fill: none;
	stroke: var(--color-blue);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 7.906px;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#subarashiikako .suba-sec14 .activities .detail li .area .icon svg .h {
	-webkit-transform-origin: 21px 21px;
	-ms-transform-origin: 21px 21px;
	transform-origin: 21px 21px;
}

#subarashiikako .suba-sec14 .activities .detail li .body {
	display: none;
	overflow: hidden;
}

#subarashiikako .suba-sec14 .activities .detail li .body::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-top: 0 solid var(--color-blue);
}

#subarashiikako .suba-sec14 .activities .detail li .body::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
}

#subarashiikako .suba-sec14 .activities .detail li .body dl+dl::before {
	content: "";
	display: block;
	width: 100%;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22506%22%20height%3D%224%22%20viewBox%3D%220%200%20506%204%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%230079C6%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22a%22%20x1%3D%222%22%20y1%3D%222%22%20x2%3D%22504%22%20y2%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat left center/100% 100%;
}

#subarashiikako .suba-sec14 .activities .detail li+li {
	border-top: 0 solid var(--color-blue);
}

#subarashiikako .suba-sec14 .activities .detail li.open .area .icon svg {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#subarashiikako .suba-sec14 .activities .detail li.open .area .icon svg .h {
	-webkit-transform: scale(0.0001);
	-ms-transform: scale(0.0001);
	transform: scale(0.0001);
}

#subarashiikako .suba-sec14_2 .movie-list {
	margin: 0 auto;
}

#subarashiikako .suba-sec14_2 .movie-list li .movie {
	width: 100%;
	margin: 0;
}

#subarashiikako .suba-sec14_2 .link .bnr a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#subarashiikako .suba-sec14_2 .link .bnr a img {
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out;
	transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-out, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#subarashiikako .suba-sec14_2 .link small {
	display: block;
	margin-top: 0.8em;
	width: 100%;
	color: var(--color-gray);
	line-height: 1;
	text-align: center;
}

@media (hover: none) {

	#subarashiikako .movie a:active img,
	#subarashiikako .suba-sec11 .link .image a:active img,
	#subarashiikako .suba-sec12_2 .link .bnr a:active img,
	#subarashiikako .suba-sec14_2 .link .bnr a:active img,
	#subarashiikako.suba-sec6.letter-activities.activities-listli.imagea:activeimg {
		opacity: 0.6;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	#subarashiikako .movie a:active::after,
	#subarashiikako .suba-sec14 .activities .detail li .area:active .icon {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	#subarashiikako .suba-sec .btn-detail a:active,
	#subarashiikako .suba-sec4 .btn-obj a:active,
	#subarashiikako .suba-sec6 .letter-share .share .hashtag a:active {
		opacity: 0.5;
	}

	#subarashiikako .suba-sec .btn-detail a:active::after,
	#subarashiikako .suba-sec4 .btn-obj a:active::after {
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
}

@media (hover: hover) {

	#subarashiikako .movie a:hover img,
	#subarashiikako .suba-sec11 .link .image a:hover img,
	#subarashiikako .suba-sec12_2 .link .bnr a:hover img,
	#subarashiikako .suba-sec14_2 .link .bnr a:hover img,
	#subarashiikako.suba-sec6.letter-activities.activities-listli.imagea:hoverimg {
		opacity: 0.6;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	#subarashiikako .movie a:hover::after,
	#subarashiikako .suba-sec14 .activities .detail li .area:hover .icon {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	#subarashiikako .suba-sec .btn-detail a:hover,
	#subarashiikako .suba-sec4 .btn-obj a:hover,
	#subarashiikako .suba-sec6 .letter-share .share .hashtag a:hover {
		opacity: 0.5;
	}

	#subarashiikako .suba-sec .btn-detail a:hover::after,
	#subarashiikako .suba-sec4 .btn-obj a:hover::after {
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
}

@media (min-width: 769px) {
	@-webkit-keyframes slideAnim1 {
		0% {
			background-position-x: 0;
		}

		to {
			background-position-x: -212.8125em;
		}
	}

	@keyframes slideAnim1 {
		0% {
			background-position-x: 0;
		}

		to {
			background-position-x: -212.8125em;
		}
	}

	.js #subarashiikako .anim-def.idling {
		-webkit-transform: translateY(3.125vw);
		-ms-transform: translateY(3.125vw);
		transform: translateY(3.125vw);
	}

	.js #subarashiikako .balloon.idling {
		-webkit-transform: translateY(3.75em);
		-ms-transform: translateY(3.75em);
		transform: translateY(3.75em);
	}

	.js #subarashiikako .suba-sec1 h1.idling span,
	.js #subarashiikako .suba-sec10 h1.idling span,
	.js #subarashiikako .suba-sec6 h1.idling span {
		-webkit-transform: translateY(1.875em);
		-ms-transform: translateY(1.875em);
		transform: translateY(1.875em);
	}

	.js #subarashiikako .suba-sec4 .children.idling {
		-webkit-transform: translateY(-6.25em);
		-ms-transform: translateY(-6.25em);
		transform: translateY(-6.25em);
	}

	.js #subarashiikako .suba-sec4 .products.idling .product .cap {
		-webkit-transform: translateY(-1.875em);
		-ms-transform: translateY(-1.875em);
		transform: translateY(-1.875em);
	}

	.js #subarashiikako .suba-sec4 .products.idling .product .bottle {
		-webkit-transform: translateY(-3.75em);
		-ms-transform: translateY(-3.75em);
		transform: translateY(-3.75em);
	}

	#suntory_contents {
		font-size: 0.8333333333vw;
	}

	#subarashiikako .letter-bg .letter-sp,
	#suntory_contents .spbr {
		display: none;
	}

	#subarashiikako .slide {
		height: 18.875em;
		background: url(../img/slide.jpg?0501) repeat-x center top/212.8125em 18.875em;
		-webkit-animation: slideAnim1 30s linear 0s infinite normal;
		animation: slideAnim1 30s linear 0s infinite normal;
	}

	#subarashiikako .letter-container {
		width: 72.125em;
	}

	#subarashiikako .letter-bg div {
		height: 27.25em;
	}

	#subarashiikako .letter-bg div:nth-child(n + 2) {
		margin-top: -0.0625em;
	}

	#subarashiikako .letter-bg.letter-bg-flexible {
		left: -0.375em;
		width: 72.875em;
		background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221166%22%20height%3D%22870%22%20viewBox%3D%220%200%201166%20870%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23fff%3B%7D.c%7Bfill%3A%23f1f8fd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22c%22%20points%3D%221165.695%20435%2011.695%20435%20.305%200%201154.305%200%201165.695%20435%22%2F%3E%3Cpolygon%20class%3D%22b%22%20points%3D%221154.305%20870%20.305%20870%2011.695%20435%201165.695%20435%201154.305%20870%22%2F%3E%3C%2Fsvg%3E);
	}

	#subarashiikako .movie {
		width: 55.75em;
	}

	#subarashiikako .movie a::after {
		width: 8.75em;
		height: 8.75em;
	}

	#subarashiikako .suba-sec {
		padding: 10.9375em 0;
	}

	#subarashiikako .suba-sec .letter-inner {
		padding-top: 3.75em;
		padding-bottom: 10em;
	}

	#subarashiikako .suba-sec .ttl {
		text-align: center;
	}

	#subarashiikako .suba-sec .ttl .date {
		font-size: 2.125em;
		line-height: 1;
	}

	#subarashiikako .suba-sec .ttl h2 {
		margin-top: 0.2083333333em;
		margin-bottom: -0.2916666667em;
		font-size: 3.75em;
		line-height: 1.5833333333;
	}

	#subarashiikako .suba-sec p {
		font-size: 1.625em;
		line-height: 2;
		text-align: center;
	}

	#subarashiikako .suba-sec p.lead {
		margin-top: 1.3076923077em;
	}

	#subarashiikako .suba-sec p.txt-left {
		margin-left: 5.3846153846em;
		text-align: left;
	}

	#subarashiikako .suba-sec .poster {
		width: 55.75em;
		margin: 0 auto;
		border: 1px solid var(--color-blue);
		background-color: #fff;
	}

	#subarashiikako .suba-sec .btn-detail {
		width: 34.125em;
		height: 6.5em;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec .btn-detail a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 2.625em;
		line-height: 1;
		border: 0.1095238095em solid var(--color-blue);
		border-radius: 0.4285714286em;
	}

	#subarashiikako .suba-sec .btn-detail a::after {
		right: 1.280597619em;
		width: 0.5000642857em;
		height: 0.89045em;
	}

	#subarashiikako .suba-sec .balloon {
		width: 22.1538461538em;
		height: 10.4615384615em;
		margin: 0 auto;
		background: url(../img/s1_balloon.svg) no-repeat center center/contain;
	}

	#subarashiikako .suba-sec .balloon span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 7.3333333333em;
		font-size: 1.1538461538em;
		line-height: 1.7333333333;
	}

	#subarashiikako .suba-sec1 {
		padding-bottom: 3.75em;
	}

	#subarashiikako .suba-sec1 .bg {
		background-image: url(../img/bg1.jpg?0822);
	}

	#subarashiikako .suba-sec1 .letter-inner {
		padding-top: 4.0625em;
		padding-bottom: 4.8125em;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 span,
	#subarashiikako .suba-sec10 .letter-inner h1 span,
	#subarashiikako .suba-sec6 .letter-share h1 span {
		display: block;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts1 {
		width: 24.8125em;
		height: 6.8125em;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts2 {
		width: 12.625em;
		height: 3.9375em;
		margin-top: -1.625em;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts3 {
		width: 25.5625em;
		height: 2.1875em;
		margin-top: 1.4375em;
	}

	#subarashiikako .suba-sec1 .movie {
		margin: 3.75em auto 0;
	}

	#subarashiikako .suba-sec1 p {
		margin-top: 2.9615384615em;
	}

	#subarashiikako .suba-sec1 .slide {
		margin-top: 3.375em;
	}

	#subarashiikako .suba-sec1 .balloon {
		margin-top: 1.7692307692em;
	}

	#subarashiikako .suba-sec2 .bg {
		background-image: url(../img/bg2.jpg);
	}

	#subarashiikako .suba-sec2 p.hashtag {
		margin-top: 1.3076923077em;
	}

	#subarashiikako .suba-sec2 .movie {
		margin: 3.6875em auto 0;
	}

	#subarashiikako .suba-sec2 p.txt,
	#subarashiikako .suba-sec3 p {
		margin-top: 2.9615384615em;
	}

	#subarashiikako .suba-sec2 .logo {
		width: 23.1875em;
		height: 7.5em;
		margin: 5.25em auto 0;
	}

	#subarashiikako .suba-sec3 .bg {
		background-image: url(../img/bg3.jpg?1011);
	}

	#subarashiikako .suba-sec3 .movie {
		margin: 2.96875em auto 0;
	}

	#subarashiikako .suba-sec3 .image {
		width: 55.75em;
		margin: 2.96875em auto 0;
	}

	#subarashiikako .suba-sec4 .bg {
		background-image: url(../img/bg4.jpg);
	}

	#subarashiikako .suba-sec4 .children {
		position: absolute;
		top: -64.625em;
		left: -10.5625em;
		width: 73.625em;
		height: 70em;
	}

	#subarashiikako .suba-sec4 .txt {
		margin-top: 3.8846153846em;
	}

	#subarashiikako .suba-sec4 .border {
		width: 32em;
		height: 1.0625em;
		margin: 4.25em auto 0;
	}

	#subarashiikako .suba-sec4 .objective {
		margin-top: 4.5625em;
	}

	#subarashiikako .suba-sec4 .objective h3 {
		font-size: 3.25em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec4 .objective p {
		margin-top: 1.5769230769em;
	}

	#subarashiikako .suba-sec4 .products {
		position: relative;
		width: 89.5em;
		height: 31.8125em;
		margin: -12.1875em auto 0;
	}

	#subarashiikako .suba-sec4 .products .p1 .cap {
		position: absolute;
		top: 1.9375em;
		left: 3.75em;
		width: 2.375em;
		height: 2.125em;
	}

	#subarashiikako .suba-sec4 .products .p1 .bottle {
		position: absolute;
		top: 7.125em;
		left: 1.9375em;
		width: 7.6875em;
		height: 19.6875em;
	}

	#subarashiikako .suba-sec4 .products .p2 .cap {
		position: absolute;
		top: 6em;
		left: 22.375em;
		width: 2.4375em;
		height: 2.375em;
	}

	#subarashiikako .suba-sec4 .products .p2 .bottle {
		position: absolute;
		top: 11.1875em;
		left: 20.1875em;
		width: 7.375em;
		height: 17.9375em;
	}

	#subarashiikako .suba-sec4 .products .p3 .cap {
		position: absolute;
		top: 11em;
		left: 44.375em;
		width: 2.375em;
		height: 2.0625em;
	}

	#subarashiikako .suba-sec4 .products .p3 .bottle {
		position: absolute;
		top: 14.3125em;
		left: 41.375em;
		width: 8.4375em;
		height: 17.5em;
	}

	#subarashiikako .suba-sec4 .products .p4 .cap {
		position: absolute;
		top: 7.625em;
		left: 67.375em;
		width: 2.4375em;
		height: 2.125em;
	}

	#subarashiikako .suba-sec4 .products .p4 .bottle {
		position: absolute;
		top: 10.3125em;
		left: 62.4375em;
		width: 7em;
		height: 17.6875em;
	}

	#subarashiikako .suba-sec4 .products .p5 .cap {
		position: absolute;
		top: 0;
		left: 85.0625em;
		width: 2.5em;
		height: 2.3125em;
	}

	#subarashiikako .suba-sec4 .products .p5 .bottle {
		position: absolute;
		top: 5.125em;
		left: 81.125em;
		width: 8.375em;
		height: 18.25em;
	}

	#subarashiikako .suba-sec4 .btn-obj {
		width: 43.125em;
		height: 10.875em;
		margin: 6.9375em auto 0;
	}

	#subarashiikako .suba-sec4 .btn-obj a,
	#subarashiikako .suba-sec6 .letter-share .share .hashtag a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 0.4285714286em;
		background-color: #fff;
		font-size: 2.625em;
	}

	#subarashiikako .suba-sec4 .btn-obj a {
		border: 4px solid var(--color-blue);
		line-height: 1.4285714286;
		text-align: center;
	}

	#subarashiikako .suba-sec4 .btn-obj a::after {
		right: 1em;
		width: 0.5238095238em;
		height: 0.9047619048em;
	}

	#subarashiikako .suba-sec5 .bg {
		background-image: url(../img/bg5.jpg);
	}

	#subarashiikako .suba-sec5 .letter-container {
		margin-top: 9.5em;
	}

	#subarashiikako .suba-sec5 .lead {
		margin: 1.7352941176em auto 0;
		font-size: 2.125em;
		line-height: 1.6470588235;
		text-align: center;
	}

	#subarashiikako .suba-sec5 .txt1 {
		margin-top: 2.1538461538em;
	}

	#subarashiikako .suba-sec5 .txt1~p {
		margin-top: 2.0769230769em;
	}

	#subarashiikako .suba-sec5 .image {
		width: 55.75em;
		height: 31.375em;
		margin: 4.5625em auto 0;
	}

	#subarashiikako .suba-sec6 .bg {
		background-image: url(../img/bg6.jpg);
	}

	#subarashiikako .suba-sec6 .letter-share .letter-inner {
		padding-top: 7.25em;
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts1 {
		width: 24.8125em;
		height: 6.8125em;
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts2 {
		width: 12.625em;
		height: 3.9375em;
		margin-top: -1.625em;
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts3 {
		width: 25.5625em;
		height: 2.1875em;
		margin-top: 1.4375em;
	}

	#subarashiikako .suba-sec6 .letter-share .share {
		margin-top: 8.5625em;
	}

	#subarashiikako .suba-sec6 .letter-share .share h2 {
		font-size: 3.125em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec6 .letter-share .share .hashtag {
		width: 42.75em;
		height: 6.25em;
		margin: 4em auto 0;
	}

	#subarashiikako .suba-sec6 .letter-share .share .hashtag a {
		border: 0.1095238095em solid var(--color-blue);
	}

	#subarashiikako .suba-sec6 .letter-share .share p {
		margin-top: 3.0384615385em;
	}

	#subarashiikako .suba-sec6 .letter-share .logo {
		width: 23.1875em;
		height: 7.5em;
		margin: 3.25em auto 0;
	}

	#subarashiikako .suba-sec6 .balloon {
		margin-top: 5.6923076923em;
	}

	#subarashiikako .suba-sec6 .letter-activities {
		margin-top: 6em;
	}

	#subarashiikako .suba-sec6 .letter-activities .activities-list li h2 {
		font-size: 2.125em;
		line-height: 1.6470588235;
		text-align: center;
	}

	#subarashiikako .suba-sec6 .letter-activities .activities-list li .image {
		width: 43em;
		height: 22.125em;
		border: max(1px, 0.125em) solid var(--color-gray);
		border-radius: 1.625em;
		margin: 2.5625em auto;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#subarashiikako.suba-sec6.letter-activities.activities-listli.btn-detail {
		margin-top: 3.375em;
	}

	#subarashiikako .suba-sec6 .letter-activities .activities-list li+li {
		margin-top: 7.3125em;
	}

	#subarashiikako .suba-sec7 .bg {
		background-image: url(../img/bg7.jpg);
	}

	#subarashiikako .suba-sec7 .poster {
		margin-top: 4.25em;
	}

	#subarashiikako .suba-sec8 .bg {
		background-image: url(../img/bg8.jpg);
	}

	#subarashiikako .suba-sec8 .mov1 {
		margin: 4.125em auto 0;
	}

	#subarashiikako .suba-sec8 .cap {
		width: 9.0625em;
		height: 8.125em;
		margin-top: 6.25em;
		margin-left: 37.3125em;
	}

	#subarashiikako .suba-sec8 dl dt {
		position: relative;
		width: 28.8125em;
		height: 18.375em;
		margin-top: 4.8125em;
		margin-left: 20.5em;
	}

	#subarashiikako .suba-sec8 dl dt .line {
		display: block;
		position: absolute;
		bottom: -1.4375em;
		left: -0.125em;
		width: 9.3125em;
		height: 0.8125em;
	}

	#subarashiikako .suba-sec8 dl dt .line::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/s8_lead_line.png) no-repeat left top/9.3125em 0.8125em;
	}

	#subarashiikako .suba-sec8 dl dd p {
		width: 33.5625em;
		height: 29.375em;
		margin-top: 3.25em;
		margin-left: 18.75em;
		font-size: 1em;
	}

	#subarashiikako .suba-sec8 dl dd .fig {
		width: 33.375em;
		height: 9.5625em;
		margin-top: 2.5625em;
		margin-left: 19.0625em;
	}

	#subarashiikako .suba-sec8 dl dd .sustainable {
		width: 33.0625em;
		height: 6.625em;
		margin-top: 3.6875em;
		margin-left: 19.4375em;
	}

	#subarashiikako .suba-sec8 dl dd .logo {
		width: 33.375em;
		height: 10.5625em;
		margin-top: 3.3125em;
		margin-left: 19.5625em;
	}

	#subarashiikako .suba-sec8 .poster {
		margin-top: 7.9375em;
	}

	#subarashiikako .suba-sec9 .bg {
		background-image: url(../img/bg7.jpg);
	}

	#subarashiikako .suba-sec9 .poster {
		margin-top: 3.6875em;
	}

	#subarashiikako .suba-sec10 .bg {
		background-image: url(../img/bg10.jpg);
	}

	#subarashiikako .suba-sec10 .letter-inner h1 {
		margin-top: 4.75em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts1 {
		width: 24.8125em;
		height: 6.8125em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts2 {
		width: 12.625em;
		height: 3.9375em;
		margin-top: -1.625em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts3 {
		width: 25.5625em;
		height: 2.1875em;
		margin-top: 1.4375em;
	}

	#subarashiikako .suba-sec10 .movie {
		margin: 4.375em auto 0;
	}

	#subarashiikako .suba-sec10 p {
		margin-top: 1.7307692308em;
	}

	#subarashiikako .suba-sec10_2 p.note {
		width: 77.2963604853%;
		margin: 4.1153846154em auto 0;
		font-size: 1.21875em;
	}

	#subarashiikako .suba-sec10_3 p.note {
		width: 77.2963604853%;
		margin: 4.1153846154em auto 0;
		font-size: 1.21875em;
	}

	#subarashiikako .suba-sec11 .bg {
		background-image: url(../img/bg11.jpg);
	}

	#subarashiikako .suba-sec11 .letter-inner {
		padding-top: 2.9375em;
	}

	#subarashiikako .suba-sec11 .movie {
		margin: 3.8125em auto 0;
	}

	#subarashiikako .suba-sec11 p.txt {
		width: 34.3076923077em;
		margin-top: 2.9615384615em;
	}

	#subarashiikako .suba-sec11 p.hashtag {
		margin-top: 1.9142857143em;
		margin-left: 4em;
		font-size: 2.1875em;
	}

	#subarashiikako .suba-sec11 .poster {
		margin-top: 8.875em;
	}

	#subarashiikako .suba-sec11 .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 10.375em;
	}

	#subarashiikako .suba-sec11 .link .image {
		width: 43em;
		height: 22.125em;
		border: 2px solid var(--color-gray);
		border-radius: 1.625em;
		margin: 0 auto;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#subarashiikako .suba-sec11 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec11_2 .ttl .y52 {
		top: -0.2916666667em;
		right: -1.6666666667em;
		width: 1.55em;
		height: 1.3166666667em;
	}

	#subarashiikako .suba-sec12 .bg {
		background-image: url(../img/bg12.jpg);
	}

	#subarashiikako .suba-sec12 .movie {
		margin: 4.5em auto 0;
	}

	#subarashiikako .suba-sec12 .txt {
		margin-top: 2.9615384615em;
	}

	#subarashiikako .suba-sec12 .btn-detail {
		margin-top: 4.4375em;
	}

	#subarashiikako .suba-sec12 .poster {
		margin-top: 8.125em;
		border-color: transparent;
	}

	#subarashiikako .suba-sec12 .poster~.movie {
		margin-top: 5.75em;
	}

	#subarashiikako .suba-sec12_2 .movie-list {
		width: 55.75em;
		margin-top: 8.875em;
	}

	#subarashiikako .suba-sec12_2 .movie-list li p {
		margin-bottom: 0.7142857143em;
		font-size: 1.75em;
		line-height: 1;
		text-align: left;
	}

	#subarashiikako .suba-sec12_2 .movie-list li+li {
		margin-top: 3.5em;
	}

	#subarashiikako .suba-sec12_2 .movie-short {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 55.75em;
		margin: 3.5em auto 0;
	}

	#subarashiikako .suba-sec12_2 .movie-short .movie {
		width: 15.375em;
		margin: 0;
	}

	#subarashiikako .suba-sec12_2 .movie-short .movie a::after {
		width: 6.25em;
		height: 6.25em;
	}

	#subarashiikako .suba-sec12_2 .movie-short .lyric {
		margin-left: 2.3333333333em;
		font-size: 1.5em;
		line-height: 2;
		text-align: left;
	}

	#subarashiikako .suba-sec12_2 .movie-short .lyric strong {
		display: inline-block;
		margin-bottom: 1.1428571429em;
		font-size: 1.1666666667em;
		line-height: 1;
	}

	#subarashiikako .suba-sec12_2 .link .bnr {
		width: 55.75em;
		height: 23.25em;
		margin: 8.875em auto 0;
	}

	#subarashiikako .suba-sec12_2 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec12_2 .link small {
		font-size: 1.35em;
	}

	#subarashiikako .suba-sec12_3 .movie {
		margin: 4.5em auto;
	}

  #subarashiikako .suba-sec12_3 .movie-list{
    margin-top: 3em;
  }

	#subarashiikako .suba-sec12_3 .movie-list li{
		margin: auto;
    max-width: 350px;
  }

	#subarashiikako .suba-sec12_3 .poster{
		max-width: 350px;
	}

	#subarashiikako .suba-sec13 .bg {
		background-image: url(../img/bg7.jpg);
	}

	#subarashiikako .suba-sec13 .poster {
		position: relative;
		margin-top: 3.6875em;
		border-radius: 2.211525em;
		border-color: transparent;
		overflow: hidden;
	}

	#subarashiikako .suba-sec14 .bg {
		background-image: url(../img/bg7.jpg);
	}

	#subarashiikako .suba-sec14 .poster {
		position: relative;
		margin-top: 3.6875em;
	}

	#subarashiikako .suba-sec14 .activities {
		margin-top: 4.625em;
	}

	#subarashiikako .suba-sec14 .activities h3 {
		font-size: 3.75em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec14 .activities h3 small {
		display: block;
		font-size: 0.4333333333em;
		margin-bottom: 0.7692307692em;
	}

	#subarashiikako .suba-sec14 .activities>p {
		margin-top: 1.3333333333em;
	}

	#subarashiikako .suba-sec14 .small_txt {
		font-size: 1em !important;
		text-align: right !important;
		margin-top: 10px;
	}

	#subarashiikako .suba-sec14 .activities .worldmap {
		width: 52.0625em;
		height: 30.4375em;
		margin-top: 3.1875em;
	}

	#subarashiikako .suba-sec14 .activities .detail {
		width: 55.625em;
		margin-top: 2.9375em;
		border-width: max(2px, 0.2875em);
		border-radius: 2.25em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 14.8333333333em;
		height: 1.9666666667em;
		font-size: 3.75em;
		font-weight: 700;
	}

	#subarashiikako .suba-sec14 .activities .detail li .area .icon {
		right: 0.6em;
		width: 0.7em;
		height: 0.7em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body::before {
		margin-bottom: 4.25em;
		border-top-width: max(2px, 0.2875em);
	}

	#subarashiikako .suba-sec14 .activities .detail li .body::after {
		padding-bottom: 3.375em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl {
		width: 44.25em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl dt {
		font-size: 2.3125em;
		line-height: 1.5675675676;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl dd {
		margin-top: 1.9285714286em;
		font-size: 1.75em;
		line-height: 1.8571428571;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl+dl {
		margin-top: 4.6875em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl+dl::before {
		width: 44.625em;
		height: max(2px, 0.2875em);
		margin-bottom: 4.6875em;
		margin-left: -0.1875em;
	}

	#subarashiikako .suba-sec14 .activities .detail li+li {
		border-top-width: max(2px, 0.2875em);
	}

	#subarashiikako .suba-sec14 .movie {
		margin: 0 auto;
	}

	#subarashiikako .suba-sec p.lead.left {
		text-align: left;
	}

	#subarashiikako .suba-sec14 .txt {
		margin-top: 2.9615384615em;
	}

	#subarashiikako .suba-sec14 .btn-detail {
		margin-top: 4.4375em;
	}

	#subarashiikako .suba-sec14 .poster {
		margin-top: 8.125em;
		border-color: transparent;
	}

	#subarashiikako .suba-sec14 .poster~.movie {
		margin-top: 5.75em;
	}

	#subarashiikako .suba-sec14_2 .movie-list {
		width: 55.75em;
		margin-top: 8.875em;
	}

	#subarashiikako .suba-sec14_2 .movie-list li p {
		margin-bottom: 0.7142857143em;
		font-size: 1.75em;
		line-height: 1;
		text-align: left;
	}

	#subarashiikako .suba-sec14_2 .movie-list li p.title_txt {
		line-height: 1.5;
	}

	#subarashiikako .suba-sec14_2 .movie-list li+li {
		margin-top: 3.5em;
	}

	#subarashiikako .suba-sec14_2 .movie-short {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 55.75em;
		margin: 3.5em auto 0;
	}

	#subarashiikako .suba-sec14_2 .movie-short .movie {
		width: 15.375em;
		margin: 0;
	}

	#subarashiikako .suba-sec14_2 .movie-short .movie a::after {
		width: 6.25em;
		height: 6.25em;
	}

	#subarashiikako .suba-sec14_2 .movie-short .lyric {
		margin-left: 2.3333333333em;
		font-size: 1.5em;
		line-height: 2;
		text-align: left;
	}

	#subarashiikako .suba-sec14_2 .movie-short .lyric strong {
		display: inline-block;
		margin-bottom: 1.1428571429em;
		font-size: 1.1666666667em;
		line-height: 1;
	}

	#subarashiikako .suba-sec14_2 .link .bnr {
		width: 55.75em;
		height: 23.25em;
		margin: 8.875em auto 0;
	}

	#subarashiikako .suba-sec14_2 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec14_2 .link small {
		font-size: 1.35em;
	}
}

@media (max-width: 768px) {
	@-webkit-keyframes slideAnim1 {
		0% {
			background-position-x: 0;
		}

		to {
			background-position-x: -183.216059603em;
		}
	}

	@keyframes slideAnim1 {
		0% {
			background-position-x: 0;
		}

		to {
			background-position-x: -183.216059603em;
		}
	}

	.js #subarashiikako .anim-def.idling {
		-webkit-transform: translateY(7.8125vw);
		-ms-transform: translateY(7.8125vw);
		transform: translateY(7.8125vw);
	}

	.js #subarashiikako .suba-sec1 h1.idling span,
	.js #subarashiikako .suba-sec10 h1.idling span,
	.js #subarashiikako .suba-sec6 h1.idling span {
		-webkit-transform: translateY(1.875em);
		-ms-transform: translateY(1.875em);
		transform: translateY(1.875em);
	}

	.js #subarashiikako .suba-sec4 .children.idling {
		-webkit-transform: translateY(-6.25em);
		-ms-transform: translateY(-6.25em);
		transform: translateY(-6.25em);
	}

	.js #subarashiikako .suba-sec4 .products.idling .product .cap {
		-webkit-transform: translateY(-1.875em);
		-ms-transform: translateY(-1.875em);
		transform: translateY(-1.875em);
	}

	.js #subarashiikako .suba-sec4 .products.idling .product .bottle {
		-webkit-transform: translateY(-3.75em);
		-ms-transform: translateY(-3.75em);
		transform: translateY(-3.75em);
	}

	#suntory_contents {
		font-size: 2.0833333333vw;
	}

	#subarashiikako .letter-bg .letter-pc,
	#suntory_contents .pcbr {
		display: none;
	}

	#subarashiikako .slide {
		height: 16.25em;
		background: url(../img/slide.jpg?0501) repeat-x center top/auto 16.25em;
		-webkit-animation: slideAnim1 30s linear 0s infinite normal;
		animation: slideAnim1 30s linear 0s infinite normal;
	}

	#subarashiikako .letter-container {
		width: 38.875em;
	}

	#subarashiikako .letter-bg div {
		height: 14.6875em;
	}

	#subarashiikako .letter-bg div:nth-child(n + 2) {
		margin-top: -0.0625em;
	}

	#subarashiikako .letter-bg.letter-bg-flexible {
		left: -0.25em;
		width: 39.375em;
		background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22630%22%20height%3D%22468%22%20viewBox%3D%220%200%20630%20468%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23fff%3B%7D.c%7Bfill%3A%23f1f8fd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22c%22%20points%3D%22629.064%20234%207.064%20234%20.936%200%20622.936%200%20629.064%20234%22%2F%3E%3Cpolygon%20class%3D%22b%22%20points%3D%22622.936%20468%20.936%20468%207.064%20234%20629.064%20234%20622.936%20468%22%2F%3E%3C%2Fsvg%3E);
	}

	#subarashiikako .movie {
		width: 30.625em;
		margin: 0 auto;
	}

	#subarashiikako .movie a::after {
		width: 5.125em;
		height: 5.125em;
	}

	#subarashiikako .suba-sec {
		padding: 5.625em 0;
	}

	#subarashiikako .suba-sec .letter-inner {
		width: 30.625em;
		margin: 0 auto;
		padding-top: 3.5em;
		padding-bottom: 7.125em;
	}

	#subarashiikako .suba-sec .ttl {
		text-align: center;
	}

	#subarashiikako .suba-sec .ttl .date {
		font-size: 1.875em;
		line-height: 1;
	}

	#subarashiikako .suba-sec .ttl h2 {
		margin-top: 0.4756097561em;
		margin-bottom: -0.256097561em;
		font-size: 2.5625em;
		line-height: 1.512195122;
	}

	#subarashiikako .suba-sec p {
		font-size: 1.625em;
		line-height: 2;
		text-align: center;
	}

	#subarashiikako .suba-sec p.lead {
		margin-top: 1.4375em;
	}

	#subarashiikako .suba-sec p.txt-left,
	#subarashiikako .suba-sec p.txt-left-sp {
		text-align: left;
	}

	#subarashiikako .suba-sec .poster {
		margin: 0 auto;
		border: 1px solid var(--color-blue);
		background-color: #fff;
	}

	#subarashiikako .suba-sec .btn-detail {
		width: 21.875em;
		height: 4.25em;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec .btn-detail a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 2em;
		line-height: 1;
		border: 0.09375em solid var(--color-blue);
		border-radius: 0.5625em;
	}

	#subarashiikako .suba-sec .btn-detail a::after,
	#subarashiikako .suba-sec4 .btn-obj a::after {
		right: 0.90625em;
		width: 0.46875em;
		height: 0.75em;
	}

	#subarashiikako .suba-sec .balloon {
		width: 19.4615384615em;
		height: 9.2307692308em;
		margin: 0 auto;
		background: url(../img/sp/s1_balloon.svg) no-repeat center center/contain;
	}

	#subarashiikako .suba-sec .balloon span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 7.4615384615em;
		font-size: 1em;
		line-height: 1.7692307692;
		text-align: center;
	}

	#subarashiikako .suba-sec1 {
		padding-bottom: 3.75em;
	}

	#subarashiikako .suba-sec1 .bg {
		background-image: url(../img/sp/bg1.jpg?0822);
	}

	#subarashiikako .suba-sec1 .letter-inner h1 span,
	#subarashiikako .suba-sec10 .letter-inner h1 span,
	#subarashiikako .suba-sec6 .letter-share h1 span {
		display: block;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts1 {
		width: 21.875em;
		height: 6em;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts2 {
		width: 11.125em;
		height: 3.5em;
		margin-top: -1.4375em;
	}

	#subarashiikako .suba-sec1 .letter-inner h1 .parts3 {
		width: 22.5em;
		height: 1.9375em;
		margin-top: 1.3125em;
	}

	#subarashiikako .suba-sec1 .movie {
		margin: 4.75em auto 0;
	}

	#subarashiikako .suba-sec1 p {
		margin-top: 2.3846153846em;
		margin-right: -1.7307692308em;
		letter-spacing: 0.08em;
	}

	#subarashiikako .suba-sec1 .slide {
		margin-top: 4.875em;
	}

	#subarashiikako .suba-sec1 .balloon {
		margin-top: 7.125em;
	}

	#subarashiikako .suba-sec2 .bg {
		background-image: url(../img/sp/bg2.jpg);
	}

	#subarashiikako .suba-sec2 p.hashtag {
		margin-top: 0.8269230769em;
	}

	#subarashiikako .suba-sec2 .movie {
		margin-top: 3.125em;
	}

	#subarashiikako .suba-sec2 p.txt {
		margin-top: 2.3846153846em;
		margin-right: -0.9615384615em;
	}

	#subarashiikako .suba-sec2 .logo {
		width: 25.5625em;
		height: 8.25em;
		margin: 4.5em auto 0;
	}

	#subarashiikako .suba-sec3 .bg {
		background-image: url(../img/sp/bg3.jpg?1011);
	}

	#subarashiikako .suba-sec3 .image,
	#subarashiikako .suba-sec3 .movie {
		margin: 3.21875em auto 0;
	}

	#subarashiikako .suba-sec3 p {
		margin-top: 2.3846153846em;
	}

	#subarashiikako .suba-sec4 .bg {
		background-image: url(../img/sp/bg4.jpg);
	}

	#subarashiikako .suba-sec4 .letter-inner {
		padding-bottom: 5em;
	}

	#subarashiikako .suba-sec4 .children {
		position: absolute;
		top: -30.5em;
		left: -1.75em;
		width: 35.625em;
		height: 33.875em;
	}

	#subarashiikako .suba-sec4 .txt {
		margin-top: 3.4038461538em;
	}

	#subarashiikako .suba-sec4 .border {
		width: 23.375em;
		height: 0.9375em;
		margin: 2.5em auto 0;
	}

	#subarashiikako .suba-sec4 .objective {
		margin: 3.1875em -1.5625em 0;
	}

	#subarashiikako .suba-sec4 .objective h3 {
		font-size: 2.125em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec4 .objective p {
		margin-top: 1.5769230769em;
	}

	#subarashiikako .suba-sec4 .products {
		position: relative;
		width: 45.375em;
		height: 20.75em;
		margin: -5.6875em auto 0;
	}

	#subarashiikako .suba-sec4 .products .p1 .cap {
		position: absolute;
		top: 1.25em;
		left: 1.75em;
		width: 1.5625em;
		height: 1.375em;
	}

	#subarashiikako .suba-sec4 .products .p1 .bottle {
		position: absolute;
		top: 4.625em;
		left: 0.5625em;
		width: 5.0625em;
		height: 12.875em;
	}

	#subarashiikako .suba-sec4 .products .p2 .cap {
		position: absolute;
		top: 3.875em;
		left: 10.8125em;
		width: 1.625em;
		height: 1.5625em;
	}

	#subarashiikako .suba-sec4 .products .p2 .bottle {
		position: absolute;
		top: 7.3125em;
		left: 9.375em;
		width: 4.8125em;
		height: 11.6875em;
	}

	#subarashiikako .suba-sec4 .products .p3 .cap {
		position: absolute;
		top: 7.125em;
		left: 22.125em;
		width: 1.5em;
		height: 1.375em;
	}

	#subarashiikako .suba-sec4 .products .p3 .bottle {
		position: absolute;
		top: 9.3125em;
		left: 20.125em;
		width: 5.5em;
		height: 11.4375em;
	}

	#subarashiikako .suba-sec4 .products .p4 .cap {
		position: absolute;
		top: 4.9375em;
		left: 34em;
		width: 1.625em;
		height: 1.4375em;
	}

	#subarashiikako .suba-sec4 .products .p4 .bottle {
		position: absolute;
		top: 6.6875em;
		left: 30.75em;
		width: 4.625em;
		height: 11.5625em;
	}

	#subarashiikako .suba-sec4 .products .p5 .cap {
		position: absolute;
		top: 0;
		left: 42.4375em;
		width: 1.8125em;
		height: 1.625em;
	}

	#subarashiikako .suba-sec4 .products .p5 .bottle {
		position: absolute;
		top: 3.3125em;
		left: 39.875em;
		width: 5.5em;
		height: 11.9375em;
	}

	#subarashiikako .suba-sec4 .btn-obj {
		width: 33.875em;
		height: 8.3125em;
		margin: 5.625em auto 0;
	}

	#subarashiikako .suba-sec4 .btn-obj a,
	#subarashiikako .suba-sec6 .letter-share .share .hashtag a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

	#subarashiikako .suba-sec4 .btn-obj a {
		border: max(1px, 0.09375em) solid var(--color-blue);
		border-radius: 0.375em;
		font-size: 2em;
		line-height: 1.375;
		text-align: center;
	}

	#subarashiikako .suba-sec5 .bg {
		background-image: url(../img/sp/bg5.jpg);
	}

	#subarashiikako .suba-sec5 .letter-container {
		margin-top: 6.625em;
	}

	#subarashiikako .suba-sec5 .lead {
		margin: 1.5em auto 0;
		font-size: 2.125em;
		line-height: 1.6470588235;
	}

	#subarashiikako .suba-sec5 .txt1 {
		margin-top: 2.5384615385em;
		margin-right: -1.5384615385em;
	}

	#subarashiikako .suba-sec5 .txt1~p {
		margin-top: 2.0769230769em;
		margin-right: -1.5384615385em;
	}

	#subarashiikako .suba-sec5 .image {
		height: 17.25em;
		margin: 4.1875em auto 0;
	}

	#subarashiikako .suba-sec6 .bg {
		background-image: url(../img/sp/bg6.jpg);
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts1 {
		width: 21.875em;
		height: 6em;
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts2 {
		width: 11.125em;
		height: 3.5em;
		margin-top: -1.4375em;
	}

	#subarashiikako .suba-sec6 .letter-share h1 .parts3 {
		width: 22.5em;
		height: 1.9375em;
		margin-top: 1.3125em;
	}

	#subarashiikako .suba-sec6 .letter-share .share {
		margin-top: 5.125em;
	}

	#subarashiikako .suba-sec6 .letter-share .share h2 {
		font-size: 2.5em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec6 .letter-share .share .hashtag {
		width: 27.875em;
		height: 4em;
		margin: 2.3125em auto 0;
	}

	#subarashiikako .suba-sec6 .letter-share .share .hashtag a {
		border: 0.0909090909em solid var(--color-blue);
		border-radius: 0.3636363636em;
		font-size: 2.0625em;
	}

	#subarashiikako .suba-sec6 .letter-share .share p {
		margin: 1.6153846154em -0.9615384615em 0;
	}

	#subarashiikako .suba-sec6 .letter-share .logo {
		width: 25.5625em;
		height: 8.25em;
		margin: 3.1875em auto 0;
	}

	#subarashiikako .suba-sec6 .balloon {
		margin-top: 4.3846153846em;
	}

	#subarashiikako .suba-sec6 .letter-activities,
	#subarashiikako .suba-sec6 .letter-activities .activities-list li+li {
		margin-top: 4.375em;
	}

	#subarashiikako .suba-sec6 .letter-activities .activities-list li h2 {
		font-size: 1.625em;
		line-height: 1.7692307692;
		text-align: center;
	}

	#subarashiikako .suba-sec6 .letter-activities .activities-list li .image {
		width: 27.5em;
		height: 14.125em;
		border: 2px solid var(--color-gray);
		border-radius: 1em;
		margin: 1.375em auto 0;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#subarashiikako.suba-sec6.letter-activities.activities-listli.btn-detail {
		margin-top: 1.875em;
	}

	#subarashiikako .suba-sec7 .bg {
		background-image: url(../img/sp/bg7.jpg);
	}

	#subarashiikako .suba-sec7 .poster {
		margin-top: 3.34375em;
	}

	#subarashiikako .suba-sec7 .activities {
		margin-top: 5.5em;
	}

	#subarashiikako .suba-sec7 .activities h3 {
		width: 18.0625em;
		height: 4.1875em;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec7 .activities>p {
		width: 32.875em;
		height: 10.4375em;
		margin: 2.3125em auto 0;
	}

	#subarashiikako .suba-sec7 .activities .worldmap {
		width: 33.625em;
		height: 19.625em;
		margin-top: 2.5em;
	}

	#subarashiikako .suba-sec7 .activities .detail {
		width: 30em;
		margin-top: 4.4375em;
		border-width: max(2px, 0.2306625em);
		border-radius: 0.90069375em;
	}

	#subarashiikako .suba-sec7 .activities .detail li .area {
		width: 30em;
		height: 4em;
	}

	#subarashiikako .suba-sec7 .activities .detail li .area .icon {
		right: 1.25em;
		width: 1.415625em;
		height: 1.415625em;
	}

	#subarashiikako .suba-sec7 .activities .detail li .body::before {
		margin-bottom: 2.528125em;
		border-top-width: max(2px, 0.2306625em);
	}

	#subarashiikako .suba-sec7 .activities .detail li .body::after {
		padding-bottom: 1.82em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl,
	#subarashiikako .suba-sec7 .activities .detail li .body dl {
		width: 25.25em;
	}

	#subarashiikako .suba-sec7 .activities .detail li .body dl dd {
		margin-top: 1.0892346634em;
		font-size: 1.39260625em;
		line-height: 1.7647082583em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl+dl,
	#subarashiikako .suba-sec7 .activities .detail li .body dl+dl {
		margin-top: 2.528125em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl+dl::before,
	#subarashiikako .suba-sec7 .activities .detail li .body dl+dl::before {
		width: 25.5em;
		height: max(2px, 0.2306625em);
		margin-bottom: 2.528125em;
		margin-left: -0.125em;
	}

	#subarashiikako .suba-sec14 .activities .detail li+li,
	#subarashiikako .suba-sec7 .activities .detail li+li {
		border-top-width: max(2px, 0.2306625em);
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="1"].bodydl:nth-child(1)dt,
	#subarashiikako.suba-sec7.activities.detailli[data-area="1"].bodydl:nth-child(2)dt {
		height: 4.5em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="2"].bodydl:nth-child(1)dt {
		height: 9.8125em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="2"].bodydl:nth-child(2)dt {
		height: 9.875em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="2"].bodydl:nth-child(3)dt {
		height: 7.1875em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="2"].bodydl:nth-child(4)dt {
		height: 9.875em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="2"].bodydl:nth-child(5)dt {
		height: 7.125em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="3"].bodydl:nth-child(1)dt,
	#subarashiikako.suba-sec7.activities.detailli[data-area="3"].bodydl:nth-child(2)dt {
		height: 9.875em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="3"].bodydl:nth-child(3)dt {
		height: 9.8125em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="4"].bodydl:nth-child(1)dt,
	#subarashiikako.suba-sec7.activities.detailli[data-area="4"].bodydl:nth-child(2)dt {
		height: 7.0625em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="4"].bodydl:nth-child(3)dt {
		height: 9.8125em;
	}

	#subarashiikako.suba-sec7.activities.detailli[data-area="4"].bodydl:nth-child(4)dt {
		height: 7.125em;
	}

	#subarashiikako .suba-sec8 .bg {
		background-image: url(../img/sp/bg8.jpg);
	}

	#subarashiikako .suba-sec8 .mov1 {
		margin: 2.8125em auto 0;
	}

	#subarashiikako .suba-sec8 .cap {
		width: 7.3125em;
		height: 6.5625em;
		margin-top: 2.8125em;
		margin-left: 15.625em;
	}

	#subarashiikako .suba-sec8 dl dt {
		position: relative;
		width: 23.25em;
		height: 14.75em;
		margin-top: 3.875em;
		margin-left: 3.0625em;
	}

	#subarashiikako .suba-sec8 dl dt .line {
		display: block;
		position: absolute;
		bottom: -1.125em;
		left: -0.0625em;
		width: 7.5625em;
		height: 0.6875em;
	}

	#subarashiikako .suba-sec8 dl dt .line::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/sp/s8_lead_line.png) no-repeat left top/7.5625em 0.6875em;
	}

	#subarashiikako .suba-sec8 dl dd p {
		width: 27.0625em;
		height: 23.75em;
		margin-top: 2.5625em;
		margin-left: 1.375em;
		font-size: 1em;
	}

	#subarashiikako .suba-sec8 dl dd .fig {
		width: 26.9375em;
		height: 7.75em;
		margin-top: 2.0625em;
		margin-left: 1.75em;
	}

	#subarashiikako .suba-sec8 dl dd .sustainable {
		width: 26.6875em;
		height: 5.375em;
		margin-top: 2.9375em;
		margin-left: 2.0625em;
	}

	#subarashiikako .suba-sec8 dl dd .logo {
		width: 26.875em;
		height: 8.5em;
		margin-top: 2.6875em;
		margin-left: 2.5625em;
	}

	#subarashiikako .suba-sec8 .poster {
		margin-top: 5em;
	}

	#subarashiikako .suba-sec9 .bg {
		background-image: url(../img/sp/bg7.jpg);
	}

	#subarashiikako .suba-sec9 .poster {
		margin: 3.3125em auto 0;
	}

	#subarashiikako .suba-sec10 .bg {
		background-image: url(../img/sp/bg10.jpg);
	}

	#subarashiikako .suba-sec10 .letter-inner h1 {
		margin-top: 3.4375em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts1 {
		width: 21.875em;
		height: 6em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts2 {
		width: 11.125em;
		height: 3.5em;
		margin-top: -1.4375em;
	}

	#subarashiikako .suba-sec10 .letter-inner h1 .parts3 {
		width: 22.5em;
		height: 1.9375em;
		margin-top: 1.3125em;
	}

	#subarashiikako .suba-sec10 .movie {
		margin-top: 3.5em;
	}

	#subarashiikako .suba-sec10 p {
		margin-top: 1.8076923077em;
	}

	#subarashiikako .suba-sec10_2 p.note {
		margin-top: 3.6025641026em;
		font-size: 1.21875em;
	}

	#subarashiikako .suba-sec10_3 p.note {
		margin-top: 3.6025641026em;
		font-size: 1.21875em;
	}

	#subarashiikako .suba-sec11 .bg {
		background-image: url(../img/sp/bg11.jpg);
	}

	#subarashiikako .suba-sec11 .movie {
		margin-top: 3.3125em;
	}

	#subarashiikako .suba-sec11 .txt {
		margin-top: 3.875em;
		margin-right: -0.9615384615em;
	}

	#subarashiikako .suba-sec11 .hashtag {
		margin-top: 1.9705882353em;
		font-size: 2.125em;
	}

	#subarashiikako .suba-sec11 .poster {
		margin-top: 4.875em;
	}

	#subarashiikako .suba-sec11 .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 6em;
	}

	#subarashiikako .suba-sec11 .link .image {
		width: 27.5em;
		height: 14.125em;
		border: 2px solid var(--color-gray);
		border-radius: 1em;
		margin: 0 auto;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#subarashiikako .suba-sec11 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec11_2 .ttl .y52 {
		top: -0.5975609756em;
		right: -2em;
		width: 1.8048780488em;
		height: 1.5365853659em;
	}

	#subarashiikako .suba-sec12 .bg {
		background-image: url(../img/sp/bg12.jpg);
	}

	#subarashiikako .suba-sec12 .movie {
		margin-top: 3.1875em;
	}

	#subarashiikako .suba-sec12 .txt {
		margin: 2.8125em -0.9615384615em 0;
	}

	#subarashiikako .suba-sec12 .btn-detail {
		margin-top: 4em;
	}

	#subarashiikako .suba-sec12 .poster {
		margin-top: 5em;
		border-color: transparent;
	}

	#subarashiikako .suba-sec12_2 .movie-list {
		width: 30.625em;
		margin-top: 5em;
	}

	#subarashiikako .suba-sec12_2 .movie-list li p {
		margin-bottom: 0.8163265306em;
		font-size: 1.53125em;
		line-height: 1;
		text-align: left;
	}

	#subarashiikako .suba-sec12 .poster~.movie,
	#subarashiikako .suba-sec12_2 .movie-list li+li,
	#subarashiikako .suba-sec12_2 .movie-short {
		margin-top: 4.125em;
	}

	#subarashiikako .suba-sec12_2 .movie-short .movie {
		width: 17.25em;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec12_2 .movie-short .lyric {
		margin-top: 2.71875em;
		margin-left: 5.0476190476em;
		font-size: 1.3125em;
		line-height: 2;
		text-align: left;
	}

	#subarashiikako .suba-sec12_2 .movie-short .lyric strong {
		display: inline-block;
		margin-bottom: 1.2857142857em;
		font-size: 1.1666666667em;
		line-height: 1;
	}

	#subarashiikako .suba-sec12_2 .link .bnr {
		width: 30.625em;
		height: 30.625em;
		margin-top: 5em;
	}

	#subarashiikako .suba-sec12_2 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec12_2 .link small {
		font-size: 1.18125em;
	}

  #subarashiikako .suba-sec12_3 .movie-list{
    margin-top: 3em;
  }

	#subarashiikako .suba-sec13 .bg {
		background-image: url(../img/sp/bg7.jpg);
	}

	#subarashiikako .suba-sec13 .poster {
		position: relative;
		margin: 3.3125em auto 0;
		border-radius: 2.211525em;
		border-color: transparent;
		overflow: hidden;
	}

	#subarashiikako .suba-sec14 .bg {
		background-image: url(../img/sp/bg7.jpg);
	}

	#subarashiikako .suba-sec14 .poster {
		position: relative;
		margin: 3.3125em auto 0;
	}

	#subarashiikako .suba-sec14 .activities {
		margin-top: 5em;
	}

	#subarashiikako .suba-sec14 .activities h3 {
		font-size: 2.5625em;
		line-height: 1;
		text-align: center;
	}

	#subarashiikako .suba-sec14 .activities h3 small {
		display: block;
		font-size: 0.6341463415em;
		margin-bottom: 1.2692307692em;
	}

	#subarashiikako .suba-sec14 .activities>p {
		margin: 1.0476190476em -1.1904761905em 0;
		letter-spacing: 0;
	}

	#subarashiikako .suba-sec14 .activities .worldmap {
		width: 33.625em;
		height: 19.625em;
		margin-top: 2.5625em;
	}

	#subarashiikako .suba-sec14 .activities .detail {
		width: 30em;
		margin-top: 4.4375em;
		border-width: max(2px, 0.2306625em);
		border-radius: 0.90069375em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 15.4838709677em;
		height: 2.064516129em;
		font-size: 1.9375em;
		font-weight: 700;
	}

	#subarashiikako .suba-sec14 .activities .detail li .area .icon {
		right: 0.6451612903em;
		width: 0.7306451613em;
		height: 0.7306451613em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body::before {
		margin-bottom: 2.528125em;
		border-top-width: max(2px, 0.2306625em);
	}

	#subarashiikako .suba-sec14 .activities .detail li .body::after {
		padding-bottom: 1.82em;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl dt {
		font-size: 1.875em;
		line-height: 1.4333333333;
	}

	#subarashiikako .suba-sec14 .activities .detail li .body dl dd {
		margin-top: 1.1031818182em;
		font-size: 1.375em;
		line-height: 1.7727272727;
	}

	#subarashiikako .suba-sec14 .movie {
		margin-top: 0;
	}

	#subarashiikako .suba-sec p.lead.left {
		text-align: left;
	}

	#subarashiikako .suba-sec14 .txt {
		margin: 2.8125em -0.9615384615em 0;
	}

	#subarashiikako .suba-sec14 .btn-detail {
		margin-top: 4em;
	}

	#subarashiikako .suba-sec14 .poster {
		margin-top: 5em;
		border-color: transparent;
	}

	#subarashiikako .suba-sec14_2 .movie-list {
		width: 30.625em;
		margin-top: 5em;
	}

	#subarashiikako .suba-sec14_2 .movie-list li p {
		margin-bottom: 0.8163265306em;
		font-size: 1.53125em;
		line-height: 1;
		text-align: left;
	}

	#subarashiikako .suba-sec14_2 .movie-list li p.title_txt {
		line-height: 1.5;
	}

	#subarashiikako .suba-sec14 .poster~.movie,
	#subarashiikako .suba-sec14_2 .movie-list li+li,
	#subarashiikako .suba-sec14_2 .movie-short {
		margin-top: 4.125em;
	}

	#subarashiikako .suba-sec14_2 .movie-short .movie {
		width: 17.25em;
		margin: 0 auto;
	}

	#subarashiikako .suba-sec14_2 .movie-short .lyric {
		margin-top: 2.71875em;
		margin-left: 5.0476190476em;
		font-size: 1.3125em;
		line-height: 2;
		text-align: left;
	}

	#subarashiikako .suba-sec14_2 .movie-short .lyric strong {
		display: inline-block;
		margin-bottom: 1.2857142857em;
		font-size: 1.1666666667em;
		line-height: 1;
	}

	#subarashiikako .suba-sec14_2 .link .bnr {
		width: 30.625em;
		height: 30.625em;
		margin-top: 5em;
	}

	#subarashiikako .suba-sec14_2 .link .btn-detail {
		margin-top: 2.875em;
	}

	#subarashiikako .suba-sec14_2 .link small {
		font-size: 1.18125em;
	}
}