@charset "UTF-8";

.wakakusa {
	position: relative;
	color: #000;
	font-family: "TsukushiA-MaruGothic", "fot-tsukuardgothic-std", sans-serif;
	background: url(../images/wakakusa/main_bg_smp_wakakusa_pc.png) 50% 0 / 100% auto no-repeat;
	overflow: hidden;
}
.wakakusa::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/wakakusa/main_bg_ill_wakakusa_pc.png) 50% 145px / 1627px auto no-repeat;
}
@media screen and (max-width: 767px) {
	.wakakusa {
		background-image: url(../images/wakakusa/main_bg_wakakusa_sp.png);
	}
	.wakakusa::before {
		content: none;
	}
}

.btn {
  display: flex;
  width: 100%;
  max-width: 230px;
  height: 52px;
  font-size: 22px;
  font-weight: 500;
  color: #FFF;
  background: #002763;
  border: 4px solid #FFF;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(3px 3px 13px rgba(30, 81, 151, 0.4));
}
.btn.btn_green {
  background: #00914e;
  filter: drop-shadow(3px 3px 13px rgba(66, 109, 13, 0.4));
}
.btn.btn_blue {
  background: #00adce;
  filter: drop-shadow(3px 3px 13px rgba(80, 127, 142, 0.4));
}
@media screen and (max-width: 767px) {
	.btn {
	  max-width: 28.66vw;
	  height: 6.66vw;
	  font-size: 2.666vw;
	  letter-spacing: 0;
  	border-width: 0.53vw;
	}
}

.sec-kv {
  position: relative;
  padding: 134px 20px 40px;
}
.sec-kv::after {
	content: "";
	position: absolute;
	top: 130px;
	right: 34px;
	width: 292px;
	height: 139px;
	background: url(../images/wakakusa/Eevee.png) 50% 50% /contain no-repeat;
	z-index: 1;
}
.sec-kv__inner {
	position: relative;
  display: flex;
  max-width: 1194px;
  margin: 0 auto;
  gap: 0 34px;
  align-items: center;
  z-index: 1;
}
.sec-kv__logo {
  margin-bottom: 45px;
}
.sec-kv__text {
  font-size: 46px;
  text-align: center;
}
.sec-kv__text p {
	font-weight: 600;
}
.sec-kv__text small {
  display: block;
  margin-bottom: 20px;
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
	.sec-kv {
  	padding: 24.33vw 2.666vw 32.4vw;
	}
	.sec-kv__inner {
  	display: block;
  	text-align: center;
	}
	.sec-kv__img {
  	width: 81.46vw;
  	padding-left: 5vw;
  	margin: 0 auto 2.933vw;
	}
	.sec-kv__logo {
  	margin: 0 auto 8.533vw;
  	width: 74.66vw;
	}
	.sec-kv__text {
  	font-size: 5.333vw;
	}
	.sec-kv__text small {
	  margin-bottom: 3.5vw;
	  font-size: 4vw;
	  line-height: 1.6;
	}
	.sec-kv::after {
	  top: auto;
	  left: 9.066vw;
	  bottom: 6.799vw;
	  width: 38.93vw;
	  height: 18.53vw;
	}
}

.sec-intro {
  position: relative;
  padding: 0 20px 55px;
  font-size: 25px;
  line-height: 1.6;
  text-align: center;
}
.sec-intro__inner {
  position: relative;
  z-index: 1;
}
.sec-intro__tag {
  display: inline-block;
  padding: 5px 45px;
  margin-bottom: 34px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -2px;
  background: #FFF;
  border-radius: 50px;
}
.sec-intro__title {
  margin-bottom: 58px;
}
.sec-intro__title span {
  position: relative;
  display: inline-block;
  font-size: 50px;
  font-weight: 600;
}
.sec-intro__title span small {
  display: block;
  font-size: 30px;
  line-height: 1;
}
.sec-intro__title span::before {
  content: "";
  position: absolute;
  top: 44%;
  left: -22px;
  width: 121px;
  height: 122px;
  background: url(../images/wakakusa/title_seal.png) 50% 50% / 100% 100% no-repeat;
  transform: translate(-100%, -50%);
}
.sec-intro__text p,
.sec-intro__text02 p {
  font-weight: 600;
  line-height: 1.8;
}
.sec-intro__appeal {
  display: block;
  width: 100%;
  max-width: 1030px;
  padding: 30px;
  margin: 80px auto 54px;
  font-size: 40px;
  letter-spacing: -2px;
  font-weight: 600;
  text-align: center;
  color: #FFF;
  background: url(../images/wakakusa/section1_textbg_pc.png) 50% 50% / 100% 100% no-repeat;
}
@media screen and (max-width: 767px) {
	.sec-intro__tag {
	  padding: 1.6vw 7.86vw;
	  margin-bottom: 4.8vw;
	  font-size: 4.133vw;
	}
	.sec-intro {
  	padding: 0 5.33vw 20vw;
  	font-size: 3.46vw;
	}
	.sec-intro__title {
  	margin-bottom: 4vw;
	}
	.sec-intro__title span {
  	font-size: 6.933vw;
	}
	.sec-intro__title span small {
		margin-bottom: -1vw;
  	font-size: 4.133vw;
	}
	.sec-intro__title span::before {
  	left: -0.4vw;
  	width: 17.33vw;
  	height: 17.33vw;
	}
	.sec-intro__appeal {
		padding: 5vw 4vw 6vw;
 		margin: 6.4vw 0;
  	font-size: 5.333vw;
  	letter-spacing: 0;
	}
}

.sec-feature {
  position: relative;
  padding: 0 20px 194px;
}
.sec-feature__inner {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}
.title__decorated {
  display: flex;
  font-size: 36px;
  font-weight: 600;
  justify-content: center;
}
.title__decorated span {
	display: flex;
	align-items: center;
	justify-content: center;
  gap: 28px;
}
.title__decorated span::before,
.title__decorated span::after {
	content: "";
	display: block;
	width: 120px;
	min-width: 120px;
	height: 40px;
	background: url(../images/wakakusa/title_icon.png) 0 50% / 40px 40px repeat-x;
}
.sec-feature__title {
  position: relative;
  padding-top: 104px;
  margin-bottom: 180px;
}
.sec-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 66px;
	height: 55px;
	background: url(../images/wakakusa/section2_titleicon.png) 50% 50% / contain no-repeat;
	transform: translateX(-50%);
	opacity: 0;
}
.sec-feature__block {
  position: relative;
  display: flex;
  margin-bottom: 188px;
  gap: 0 46px;
}
.sec-feature__block:last-child {
	margin-bottom: 0;
}
.sec-feature__block-img {
  width: 50%;
  min-width: 50%;
  border: 9px solid #ebf1c6;
  border-radius: 28px;
  filter: drop-shadow(16px 16px 12px rgba(66,109,13,0.6));
}
.sec-feature__block-title {
  display: flex;
  margin-bottom: 40px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.4;
  gap: 12px;
  align-items: center;
}
.sec-feature__block-title::before {
  content: "";
  width: 37px;
  height: 37px;
  background: url(../images/wakakusa/title_icon.png) 50% 50% / 100% 100% no-repeat;
}
.sec-feature__block-text {
  display: block;
  font-size: 22px;
  line-height: 1.9;
  font-weight: 600;
  letter-spacing: -1px;
}
.sec-feature__block-text sub {
  display: inline-block;
  margin-top: -4px;
  font-size: 50%;
  vertical-align: text-top;
}
.sec-feature__block-note {
  margin-top: 28px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.8;
}
.sec-feature__block:first-child::before {
  content: "";
  position: absolute;
  top: -103px;
  right: -96px;
  width: 219px;
  height: 219px;
  background: url(../images/wakakusa/Bulbasaur.png) 50% 50% / contain no-repeat;
  z-index: 1;
}
.sec-feature__block:nth-child(2)::before {
	content: "";
	position: absolute;
	left: -72px;
	bottom: -28px;
	width: 174px;
	height: 200px;
	background: url(../images/wakakusa/Charmander.png) 50% 50% / contain no-repeat;
	z-index: 1;
}
.sec-feature__block:nth-child(3)::before {
	content: "";
	position: absolute;
	top: -77px;
	right: -58px;
	width: 179px;
	height: 186px;
	background: url(../images/wakakusa/Squirtle.png) 50% 50% / contain no-repeat;
	z-index: 1;
}
.sec-feature__block.sec-feature__block--reverse,
.sec-feature__block.sec-feature__block--reverse .sec-feature__block-title {
  flex-direction: row-reverse;
}
.sec-feature__block.sec-feature__block--reverse .sec-feature__block-text {
  text-align: right;
}
@media screen and (max-width: 767px) {
	.sec-feature {
  	padding: 0 2.66vw 12.26vw;
	}
	.title__decorated {
  	font-size: 4.8vw;
  	text-align: center;
  	line-height: 1.4;
	}
	.title__decorated span {
  	align-items: flex-start;
  	gap: 2.13vw;
	}
	.title__decorated span::before,
	.title__decorated span::after {
	  width: calc(3.46vw * 3);
    min-width: calc(3.46vw * 3);
    height: 3.46vw;
    margin-top: 1.8vw;
    background-size: 3.46vw 3.46vw;
	}
	.sec-feature__title {
	  padding-top: 0;
	  margin-bottom: 9.866vw;
	}
	.sec-feature__title::before {
		content: none;
	}
	.sec-feature__title span::after {
	  margin-left: -3.55vw;
	}
	.sec-feature__block {
  	display: block;
  	width: 75.33vw;
  	margin: 0 auto 16.46vw;
	}
	.sec-feature__block-img {
  	width: 100%;
  	min-width: 100%;
  	margin-bottom: 4.533vw;
  	border-width: 1.2vw;
  	border-radius: 4vw;
  	filter: drop-shadow(2.133vw 2.133vw 1.6vw rgba(66, 109, 13, 0.6));
	}
	.sec-feature__block-title {
  	margin-bottom: 4.8vw;
	}
	.sec-feature__block-title {
  	margin-bottom: 4.8vw;
  	font-size: 4.53vw;
  	gap: 1.6vw;
	}
	.sec-feature__block-title::before {
  	width: 5.33vw;
  	height: 5.33vw;
	}
	.sec-feature__block-text {
  	font-size: 3.066vw;
  	line-height: 1.7;
	}
	.sec-feature__block-note {
  	margin-top: 3.833vw;
  	font-size: 1.6vw;
  	line-height: 1.5;
	}
	.sec-feature__block.sec-feature__block--reverse,
	.sec-feature__block.sec-feature__block--reverse .sec-feature__block-title {
  	flex-direction: row;
	}
	.sec-feature__block.sec-feature__block--reverse .sec-feature__block-text {
  	text-align: left;
	}
	.sec-feature__block:first-child::before {
	  top: 52vw;
	  right: -12vw;
	  width: 29.2vw;
	  height: 29.2vw;
	}
	.sec-feature__block:nth-child(2)::before {
	  left: auto;
	  right: -6.666vw;
	  bottom: 4.26vw;
	  width: 23.2vw;
  	height: 26.66vw;
	}
	.sec-feature__block:nth-child(3)::before {
	  top: 59.73vw;
	  left: auto;
	  right: -11.2vw;
	  width: 23.86vw;
  	height: 24.8vw;
	}
}

.sec-ingredients {
  position: relative;
  padding: 0 20px 156px;
}
.sec-ingredients__title {
  margin-bottom: 105px;
}
.sec-ingredients__row {
  display: flex;
  max-width: 1092px;
  margin: 0 auto 164px;
  justify-content: space-between;
}
.sec-ingredients__card {
  width: 43%;
  max-width: 457px;
}
.sec-ingredients__card-title {
  margin-bottom: 15px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
.sec-ingredients__card-text {
  padding: 28px 40px;
  margin-bottom: 8px;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 1.8;
  text-align: center;
  font-weight: 600;
  background: #FFF;
  border-radius: 23px;
}
.sec-ingredients__card-note {
  display: block;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}
.sec-ingredients__img {
  display: block;
  max-width: 1196px;
  margin: 0 auto;
  border: 9px solid #f0d474;
  border-radius: 34px;
  overflow: hidden;
  filter: drop-shadow(16px 16px 12px rgba(66, 109, 13, 0.6));
}
@media screen and (max-width: 767px) {
	.sec-ingredients {
  	padding: 0 4vw 6.66vw;
	}
	.sec-ingredients__title {
  	margin-bottom: 8vw;
	}
	.sec-ingredients__row {
		position: relative;
	  max-width: 74.93vw;
	  margin: 0 auto 20.86vw;
	  flex-wrap: wrap;
	  gap: 5.4vw;
	  justify-content: center;
	}
	.sec-ingredients__row::after {
		content: "";
		position: absolute;
		left: -2.66vw;
		bottom: -17.53vw;
		width: 26.13vw;
		height: 22.13vw;
		background: url(../images/wakakusa/Meowth.png) 50% 50% / contain no-repeat;
	}
	.sec-ingredients__card {
  	width: 100%;
  	max-width: 100%;
	}
	.sec-ingredients__card-title {
  	margin-bottom: 3.46vw;
  	font-size: 4.53vw;
	}
	.sec-ingredients__card-text {
	  padding: 1.5vw 1.2vw 1.2vw 3.2vw;
	  margin-bottom: 1.2vw;
	  font-size: 3.06vw;
  	border-radius: 3.733vw;
	}
	.sec-ingredients__card-note {
  	padding-right: 1.6vw;
  	font-size: 1.86vw;
	}
	.sec-ingredients__img {
  	border-width: 1.2vw;
  	border-radius: 3.2vw;
	}
}

.sec-flow {
  position: relative;
  padding: 0 20px 46px;
  text-align: center;
}
.sec-flow__inner {
  position: relative;
  z-index: 1;
}
.sec-flow__title {
  margin-bottom: 37px;
}
.sec-flow__img {
  width: 100%;
  max-width: 100%;
  padding-bottom: 10px;
  overflow-x: auto;
}
.sec-flow__img img {
  min-width: 1096px;
}
@media screen and (max-width: 767px) {
	.sec-flow {
	  padding: 0 0 24.73vw;
	}
	.sec-flow__title {
  	margin-bottom: 4.26vw;
	}
	.sec-flow__img {
  	padding: 0 2.66vw 10px;
	}
	.sec-flow__img img {
  	width: 110.66vw;
    min-width: 110.66vw;
	}
}

.sec-product {
	position: relative;
  padding: 0 74px 74px;
}
.sec-product::after {
	content: "";
	position: absolute;
	top: -46px;
	left: 32px;
	width: 196px;
	height: 166px;
	background: url(../images/wakakusa/Meowth.png) 50% 50% / contain no-repeat;
	z-index: 1;
}
.sec-product__inner {
  position: relative;
  z-index: 1;
}
.sec-product__title {
  margin-bottom: 68px;
  font-size: 40px;
  text-align: center;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 4px;
}
.sec-product__card {
  display: flex;
  margin-bottom: 100px;
  gap: 0 64px;
  align-items: center;
  justify-content: center;
}
.sec-product__card-content {
  text-align: center;
}
.sec-product__card-title {
	position: relative;
  display: inline-block;
  margin-bottom: 28px;
  font-size: 34px;
  font-weight: 600;
}
.sec-product__card-title span {
  display: block;
  margin: 4px 0;
  font-size: 46px;
}
.sec-product__card-title::before {
	content: "";
	position: absolute;
	top: -90px;
	left: 27px;
	width: 121px;
	height: 122px;
	background: url(../images/wakakusa/section3_icon.png) 50% 50% / contain no-repeat;
}
.sec-product__card-text {
	margin-bottom: 40px;
  font-size: 30px;
  font-weight: 600;
}
.sec-product__card-text small {
  font-size: 24px;
}
.sec-product__card-btn {
  display: flex;
  justify-content: center;
}
.sec-product__card-btn .btn {
  max-width: 447px;
  height: 70px;
  font-size: 27px;
  border-radius: 28px;
  border-width: 3px;
}
.sec-product__card-img {
	filter: drop-shadow(16px 16px 12px rgba(66, 109, 13, 0.6));
}
.sec-product__accordion {
	border-top: 2px solid #000;
}
.sec-product__accordion-item {
	border-bottom: 2px solid #000;
}
.sec-product__accordion-title {
  position: relative;
  padding: 32px 112px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.sec-product__accordion-title::before,
.sec-product__accordion-title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 33px;
	width: 24px;
	height: 2px;
	background: #000;
	transform: translateY(-50%);
	transition: 0.2s ease-in-out;
}
.sec-product__accordion-title::after {
	transform: translateY(-50%) rotate(90deg);
}
.sec-product__accordion-title.active::after {
	transform: translateY(-50%) rotate(0);
}
.sec-product__accordion-content {
	display: none;
  padding: 10px 112px 45px;
  font-size: 18px;
  line-height: 1.8;
}
.sec-product__accordion-content dl {
  display: flex;
  margin-bottom: 12px;
}
.sec-product__accordion-content dl dt {
  min-width: 80px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
	.sec-product {
  	padding: 0 5.06vw 11.2vw;
	}
	.sec-product::after {
	  content: none;
	}
	.sec-product__title {
  	margin-bottom: 9.6vw;
  	font-size: 5.33vw;
  	letter-spacing: 0.2vw;
	}
	.sec-product__card {
	  margin-bottom: 14.66vw;
	  flex-wrap: wrap;
	  gap: 0;
	}
	.sec-product__card-img {
	  width: 80.26vw;
	  padding-left: 2vw;
	  margin: 0 auto 16.4vw;
  	filter: drop-shadow(2.133vw 2.133vw 1.6vw rgba(66, 109, 13, 0.6));
	}
	.sec-product__card-title {
  	margin-bottom: 4.26vw;
  	font-size: 4.53vw;
	}
	.sec-product__card-title span {
  	margin: 0.53vw 0;
  	font-size: 6.13vw;
	}
	.sec-product__card-title::before {
	  top: -11.73vw;
	  left: 4.26vw;
	  width: 17.33vw;
	  height: 17.33vw;
	}
	.sec-product__card-text {
  	margin-bottom: 4.8vw;
  	font-size: 4vw;
	}
	.sec-product__card-text small {
  	font-size: 3.2vw;
	}
	.sec-product__card-btn .btn {
	  max-width: 59.59vw;
	  height: 9.33vw;
	  font-size: 3.59vw;
	  border-radius: 3.73vw;
	  border-width: 0.4vw;
	}
	.sec-product__accordion,
	.sec-product__accordion-item {
		border-width: 1px;
	}
	.sec-product__accordion-title {
  	padding: 3.733vw 4.26vw;
  	font-size: 3.33vw;
	}
	.sec-product__accordion-title::before,
	.sec-product__accordion-title::after {
	  right: 6vw;
	  width: 3.2vw;
	  height: 1px;
	}
	.sec-product__accordion-content {
  	padding: 1.33vw 4.26vw 3.33vw;
  	font-size: 3.2vw;
	}
	.sec-product__accordion-content dl {
  	margin-bottom: 2vw;
	}
	.sec-product__accordion-content dl dt {
  	min-width: 14vw;
	}
}

.sec-brand {
  position: relative;
  padding: 0 20px 138px;
}
.sec-brand__inner {
  position: relative;
  z-index: 1;
}
.sec-brand__card {
  max-width: 740px;
  padding: 105px 72px 58px;
  margin: 0 auto;
  background: url(../images/wakakusa/section6_contentbg_pc.png) 50% 50% / 100% 100% no-repeat;
}
.sec-brand__card-title {
  margin-bottom: 40px;
  font-size: 36px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: 600;
}
.sec-brand__card-img {
	position: relative;
	max-width: 441px;
  margin: 0 auto 48px;
  text-align: center;
  filter: drop-shadow(16px 16px 12px rgba(80, 127, 142, 0.46));
}
.sec-brand__card-img::after {
  content: "";
  position: absolute;
  left: -79px;
  bottom: -20px;
  width: 121px;
  height: 122px;
  background: url(../images/wakakusa/section6_icon.png) 50% 50% / contain no-repeat;
}
.sec-brand__card-name {
  margin-bottom: 28px;
  font-size: 28px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
}
.sec-brand__card-name span {
	display: block;
	margin: 3px 0;
	font-size: 40px;
}
.sec-brand__card-text {
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.sec-brand__card-text small {
	font-size: 14px;
}
.sec-brand__card-btn {
  display: flex;
  justify-content: center;
}
.sec-brand__card-btn .btn {
	max-width: 288px;
	height: 58px;
	font-size: 28px;
	border-width: 3px;
}
@media screen and (max-width: 767px) {
	.sec-brand {
  	padding: 0 5.86vw 9.13vw;
	}
	.sec-brand__card {
		max-width: 88.8vw;
  	padding: 9.8vw 7.23vw 5.93vw;
  	margin: 0 auto;
  	background-image: url(../images/wakakusa/section6_contentbg_sp.png);
	}
	.sec-brand__card-title {
  	margin-bottom: 5.33vw;
  	font-size: 4.8vw;
  	letter-spacing: -0.4vw;
	}
	.sec-brand__card-img {
  	width: 53.06vw;
  	margin: 0 auto 6.4vw;
  	filter: drop-shadow(2.133vw 2.133vw 1.6vw rgba(80, 127, 142, 0.46));
	}
	.sec-brand__card-img::after {
	  left: -9.33vw;
	  bottom: -2.66vw;
	  width: 17.33vw;
	  height: 17.33vw;
	}
	.sec-brand__card-name {
	  margin-bottom: 4.133vw;
	  font-size: 3.59vw;
	}
	.sec-brand__card-name span {
	  margin: 0.53vw 0 0.7vw;
	  font-size: 5.46vw;
	}
	.sec-brand__card-text {
  	margin-bottom: 4vw;
  	font-size: 2.66vw;
	}
	.sec-brand__card-text small {
  	font-size: 2.133vw;
	}
	.sec-brand__card-btn .btn {
	  max-width: 34.53vw;
	  height: 7.73vw;
	  font-size: 3.333vw;
	  border-radius: 4.73vw;
	  border-width: 0.4vw;
	}
}

.sec-info {
  position: relative;
  padding: 0 20px 80px;
}
.sec-info__inner {
  max-width: 1196px;
  margin: 0 auto;
}
.sec-info__schedule {
  margin-bottom: 82px;
}
.sec-info__schedule-title {
  padding: 16px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
  border: 2px solid #000;
  border-width: 2px 0;
}
.sec-info__schedule-list {
  max-width: 900px;
  margin: 0 auto;
}
.sec-info__schedule-list li {
  display: flex;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
  gap: 0 16px;
}
.sec-info__schedule-list li time {
  white-space: nowrap;
}
.sec-info__schedule-list li p {
	font-weight: 600;
}
.sec-info__video {
	position: relative;
  max-width: 900px;
  margin: 0 auto 52px;
  font-size: 0;
  border: 4px solid #2988c8;
  border-radius: 20px;
  overflow: hidden;
}
.sec-info__video::before {
	content: "";
	display: block;
	width:100%;
  padding-top:56.25%;
}
.sec-info__text {
  display: block;
  margin: 52px 0 56px;
  font-size: 35px;
  line-height: 1.2;
  font-weight: 700;
}
.sec-info__video video,
.sec-info__video iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.sec-info__app-text {
  display: block;
  margin-bottom: 38px;
  font-size: 29px;
  font-weight: 600;
  text-align: center;
}
.sec-info__app-info {
  display: flex;
  max-width: 660px;
  margin: 0 auto 50px;
  gap: 0 42px;
  align-items: center;
}
.sec-info__app-detail {
  padding-top: 18px;
}
.sec-info__app-top {
  display: flex;
  margin-bottom: 7px;
  font-size: 13px;
  text-align: left;
  line-height: 1.6;
  font-weight: 600;
  gap: 38px;
  align-items: center;
}
.sec-info__app-btns {
  text-align: left;
}
.sec-info__btn {
  display: flex;
  justify-content: center;
}
.sec-info__note {
  margin: 90px 0 0;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
.sec-info__note p {
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.sec-info {
	  padding: 0 4.53vw 11.2vw;
	}
	.sec-info__schedule {
  	margin-bottom: 9vw;
	}
	.sec-info__schedule-title {
  	padding: 2.13vw;
  	margin-bottom: 3.73vw;
  	font-size: 4.13vw;
	}
	.sec-info__schedule-list li {
	  margin-bottom: 0.86vw;
	  font-size: 4vw;
	  line-height: 1.7;
	  letter-spacing: -0.1vw;
  	gap: 2.66vw;
	}
	.sec-info__text {
  	margin: 7.46vw 0 12vw;
  	font-size: 5.066vw;
	}
	.sec-info__video {
  	max-width: 84.8vw;
    margin: 0 auto 3.33vw;
  	border-width: 2px;
  	border-radius: 2.66vw;
	}
	.sec-info__app-text {
  	margin-bottom: 3.33vw;
    font-size: 3.86vw;
	}
	.sec-info__app-info {
  	max-width: 84vw;
    padding-right: 5.33vw;
    margin-bottom: 4.6vw;
    gap: 4.53vw;
	}
	.sec-info__app-icon {
  	width: 38.93vw;
	}
	.sec-info__app-detail {
	  padding-top: 2vw;
	}
	.sec-info__app-top {
    margin-bottom: 1.86vw;
    font-size: 1.66vw;
  	gap: 3.5vw;
  }
	.sec-info__app-logo {
  	width: 11.73vw;
	}
	.sec-info__app-desc {
		white-space: nowrap;
	}
	.sec-info__app-btns {
  	display: flex;
  	gap: 0 1.46vw;
	}
	.sec-info__app-btn img {
  	width: auto;
  	height: 5.33vw;
	}
	.sec-info__btn .btn {
  	letter-spacing: -0.5vw;
	}
	.sec-info__note {
  	margin: 4.66vw 0 0;
  	font-size: 2.4vw;
	}
}


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


.cyan {
	position: relative;
	color: #000;
	font-family: "TsukushiA-MaruGothic", "fot-tsukuardgothic-std", sans-serif;
	background: url(../images/cyan/main_bg_smp_cyan_pc.png) 50% 0 / 100% auto no-repeat;
	overflow: hidden;
}
.cyan::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/cyan/main_bg_ill_cyan_pc.png) 50% 106px / 1471px auto no-repeat;
}
@media screen and (max-width: 767px) {
	.cyan {
		background-image: url(../images/cyan/main_bg_cyan_sp.png);
	}
	.cyan::before {
		content: none;
	}
}

@media screen and (min-width: 768px) {
	.cyan .sec-kv {
		padding-top: 155px;
		padding-bottom: 22px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-kv {
	  padding-top: 30.4vw;
	  padding-bottom: 25.06vw;
	}
	.cyan .sec-kv__logo {
  	padding-left: 4.1vw;
	}
	.cyan .sec-kv__text {
  	/*width: 66.33vw;
  	margin: 0 auto;
  	text-align: left;*/
	}
	.cyan .sec-kv__text small {
  	margin-bottom: 1vw;
	}
	.cyan .sec-kv__text small:first-letter {
  	margin-right: 1.6vw;
	}
}

.cyan .sec-intro__title span::before,
.cyan .sec-product__card-title::before {
	background-image: url(../images/cyan/title_seal.png);
}
.cyan .sec-brand__card-img::after {
	background-image: url(../images/cyan/section6_icon.png);
}
.cyan .sec-intro__appeal {
	background-image: url(../images/cyan/section1_textbg_pc.png);
}
@media screen and (max-width: 767px) {
	.cyan .sec-intro__appeal {
		background-image: url(../images/cyan/section1_textbg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	.cyan .sec-intro__title span::before {
  	top: 54%;
	}
	.cyan .sec-intro__appeal {
	  padding: 16px 27px;
    margin: 59px auto 92px;
    line-height: 1.5;
	}
	.cyan .sec-intro__title {
  	margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-intro {
  	padding: 0 2.26vw 16.66vw;
  	font-size: 3.2vw;
  	letter-spacing: -0.15vw;
	}
	.cyan .sec-intro__title span {
	  letter-spacing: -0.5vw;
	}
	.cyan .sec-intro__title span small {
  	letter-spacing: 0;
	}
	.cyan .sec-intro__appeal {
		padding-bottom: 4.4vw;
  	margin: 18vw 0 8vw;
	}
}

.cyan .title__decorated span::before,
.cyan .title__decorated span::after,
.cyan .sec-feature__block-title::before {
	background-image: url(../images/cyan/title_icon.png);
}

.cyan .sec-feature__block-img,
.cyan .sec-ingredients__img,
.cyan .sec-product__card-img {
  border-color: #f0d474;
  filter: drop-shadow(16px 16px 12px rgba(93, 74, 0, 0.6));
}
@media screen and (max-width: 767px) {
	.cyan .sec-feature__block-img,
	.cyan .sec-ingredients__img,
	.cyan .sec-product__card-img {
		filter: drop-shadow(2.133vw 2.133vw 1.6vw rgba(93, 74, 0, 0.6));
	}
}

.cyan .sec-feature__title::before {
	content: none;
}

@media screen and (min-width: 768px) {
	.cyan .sec-feature {
  	padding-bottom: 80px;
	}
	.cyan .sec-feature__title {
		padding-top: 110px;
	  margin-bottom: 142px;
	}
	.cyan .sec-feature__block {
  	margin-bottom: 140px;
	}
	.cyan .sec-feature__block:nth-child(2) {
		margin-bottom: 180px;
	}
	.cyan .sec-feature__block-title {
  	letter-spacing: -4px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-feature {
  	padding-bottom: 1vw;
	}
	.cyan .sec-feature__title {
	  margin-bottom: 6vw;
	}
	.cyan .sec-feature__block-note {
  	margin-top: 2.8vw;
	}
	.cyan .sec-feature__block {
  	margin-bottom: 12.66vw;
	}
	.cyan .sec-feature__block-title {
  	letter-spacing: -0.3vw;
	}
	.cyan .sec-feature__block:nth-child(2) {
  	margin-bottom: 25.06vw;
	}
}

.sec-feature__block.sec-feature__block--reverse .sec-feature__block-note {
  text-align: right;
}
@media screen and (max-width: 767px) {
	.sec-feature__block.sec-feature__block--reverse .sec-feature__block-note {
	  text-align: left;
	}
}

.sec-ingredients__card-text sub {
  display: inline-block;
  font-size: 50%;
  vertical-align: text-top;
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
	.cyan .sec-ingredients {
  	padding-bottom: 207px;
	}
	.cyan .sec-ingredients__card-text {
  	padding: 28px 10px;
	}
	.cyan .sec-ingredients__card:first-child .sec-ingredients__card-note {
	  max-width: 290px;
	  text-align: left;
	  margin-left: auto;
	  line-height: 2;
	}
	.cyan .sec-ingredients__card {
  	max-width: 500px;
	}
	.cyan .sec-ingredients__row {
  	margin-bottom: 132px;
	}
	.cyan .sec-ingredients__title {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-ingredients {
  	padding-bottom: 15vw;
	}
	.cyan .sec-ingredients__row {
		margin-bottom: 7vw;
  	gap: 2vw;
	}
	.cyan .sec-ingredients__card:first-child .sec-ingredients__card-note {
	  width: 44.8vw;
	  margin-left: auto;
	  line-height: 1.7;
	}
	.cyan .sec-ingredients__card-text {
  	padding-left: 0.3vw;
  	padding-right: 0.4vw;
	}
}

@media screen and (min-width: 768px) {
	.cyan .sec-flow {
	  padding-bottom: 72px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-flow {
	  padding-bottom: 32vw;
	}
}

.cyan .sec-brand__card {
	background-image: url(../images/cyan/section6_contentbg_pc.png);
}
@media screen and (min-width: 768px) {
	.cyan .sec-product__card-content {
  	padding-top: 72px;
	}
	.cyan .sec-product__title {
  	margin-bottom: 58px;
	}
}
@media screen and (max-width: 767px) {
	.cyan .sec-product {
  	padding-bottom: 26vw;
	}
	.cyan .sec-product__card-img {
	  margin-bottom: 19vw;
	}
	.cyan .sec-product__card-title::before {
  	top: -13.5vw;
  	left: 6vw;
	}
	.cyan .sec-brand__card {
		background-image: url(../images/cyan/section6_contentbg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	.sec-info__note {
	  margin-top: 54px;
	}
}

.cyan .sec-kv::after {
  top: 162px;
  right: 204px;
  width: 134px;
  height: 101px;
  background-image: url(../images/cyan/Ditto.png);
}
.cyan .sec-feature__block:first-child::before {
  top: 190px;
  right: -36px;
  width: 143px;
  height: 169px;
  background-image: url(../images/cyan/Psyduck.png);
}
.cyan .sec-feature__block:nth-child(2)::before {
  left: -88px;
  bottom: -111px;
  width: 313px;
  height: 184px;
  background-image: url(../images/cyan/Slowpoke.png);
}
.cyan .sec-feature__block:nth-child(3)::before {
  top: auto;
  bottom: -91px;
  right: -80px;
  width: 229px;
  height: 186px;
  background-image: url(../images/cyan/Vaporeon.png);
}
.cyan .sec-product::after {
	content: none;
}
.cyan .sec-info::before {
  content: "";
  position: absolute;
  bottom: 525px;
  right: 88px;
  width: 165px;
  height: 115px;
  background: url(../images/cyan/Totodile.png) 50% 50% / contain no-repeat;
  z-index: 1;
}
@media screen and (max-width: 767px) {
	.cyan .sec-kv::after {
	  top: auto;
	  left: auto;
	  bottom: 6vw;
	  right: 4.933vw;
	  width: 17.86vw;
	  height: 13.466vw;
	}
	.cyan .sec-feature__block:first-child::before {
	  top: 51.6vw;
	  right: -8.79vw;
	  width: 19.06vw;
	  height: 22.53vw;
	}
	.cyan .sec-feature__block:nth-child(2)::before {
	  bottom: -11.6vw;
	  left: auto;
	  right: -9.866vw;
	  width: 41.73vw;
	  height: 24.53vw;
	}
	.cyan .sec-feature__block:nth-child(3)::before {
  	right: -7.733vw;
  	bottom: 22.933vw;
  	width: 30.53vw;
  	height: 24.8vw;
	}
	.cyan .sec-ingredients__row::after {
		content: none;
	}
	.cyan .sec-info::before {
		content: none;
	}
}