/*!
 * Portions of this CSS are derived from Tailwind CSS Preflight
 * Copyright (c) Tailwind Labs, Inc.
 * Licensed under the MIT License
 * https://github.com/tailwindlabs/tailwindcss
 */


*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:-moz-focusring {
  outline: auto;
}

progress {
  vertical-align: baseline;
}

summary {
  display: list-item;
}

ol,
ul,
menu {
  list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

::file-selector-button {
  margin-inline-end: 4px;
}

::placeholder {
  opacity: 1;
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

textarea {
  resize: vertical;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:-moz-ui-invalid {
  box-shadow: none;
}

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
  appearance: button;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
body {
	background: #F8F8F8;
	color: #2E2C2D;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	line-height: normal;
}

img {
	width: 100%;
	border-radius: 0px !important;
}

.s-sp {
	display: block;
}

.s-pc {
	display: none;
}

.s-of-hidden {
	background: #F2E5E1;
	margin: 0 auto;
	max-width: 375px;
	overflow: hidden;
}

.u-tx-red {
	color: #FF5757;
}

.u-tx-blue {
	color: #104C9A;
}

.u-tx-brown {
	color: #855915;
}

.u-tx-d-brown {
	color: #6A451A;
}

.u-tx-under {
	text-decoration: underline;
}
.l-contents__frame {
	padding-top: 0 !important;
}
.lp-header {
	padding-block: 23px 18px;
}

.lp-header__inner {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.lp-header__items {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.lp-header__item {
	background: #FFF;
	padding: 14px 7px;
}

.lp-header__item-text {
	font-size: 27px;
	line-height: 1;
}

.lp-header__text {
	font-size: 28px;
	letter-spacing: -0.28px;
	text-align: center;
}

/* fv */

.fv {
	background: url(https://racine-official.jp/lp_media/img/fv-bg.webp) no-repeat center center/cover;
}

.fv__inner {
	padding-bottom: 30px;
	padding-top: 5px;
}

.fv__container {
	display: flex;
	padding-left: 5px;
}

.fv__img {
	width: 258.818px;
}

.fv__title {
	font-family: "Noto Serif JP";
	font-feature-settings: "vert" on;
	font-weight: 500;
	gap: 10px;
	margin-left: -31px;
	padding-top: 10px;
	text-shadow: 1px 1px 0 #FFF;
	writing-mode: vertical-rl;
}

.fv__title-sub {
	color: #535252;
	font-size: 32px;
	line-height: 88%;
	padding-left: 10px;
}

.fv__title-main {
	color: #FF8787;
	font-size: 74px;
	font-weight: 500;
	line-height: 98%;
	margin-top: 10px;
	text-shadow: 2px 2px 0 #FFF;
}

.fv__title-main span {
	color: #535252;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 93%;
}

.fv__note {
	color: #184435;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.98px;
	margin-top: 10px;
	padding-left: 13px;
}

.fv__items {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 20px;
}

.fv__item {
	aspect-ratio: 1/1;
	border-radius: 50%;
	position: relative;
	width: 110px;
}

.fv__item:nth-child(1) {
	background: #EDDFD9;
}

.fv__item:nth-child(2) {
	background: #ECE8E0;
}

.fv__item:nth-child(3) {
	background: #E9EDEE;
}

.fv__item::before {
	border: 1px solid #fff;
	border-radius: 50%;
	content: "";
	height: calc(100% - 14px);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 14px);
}

.fv__item-text {
	font-family: HannariMincho;
	font-size: 20px;
	font-weight: 400;
	left: 50%;
	letter-spacing: 3px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: 2;
}

.fv__item-img {
	position: relative;
	width: 100%;
	z-index: 1;
}

/* sec01 */

.sec01 {
	margin-top: 37px;
}

.sec01__blocks {
	display: flex;
	flex-direction: column;
	gap: 15px;
	text-align: center;
}

.sec01__articles {
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-bottom: 31px;
	padding-top: 2px;
}

.sec01__articles-title {
	font-size: 21px;
	letter-spacing: 0.84px;
}

.sec01__archives {
	background: #fff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 16px;
}

.sec01__archives-items {
	display: flex;
	gap: 24px;
}

.sec01__archives-item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sec01__archives-head {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 84px;
}

.sec01__archives-icon {
	width: 55px;
}

.sec01__archives-text {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1.44px;
	line-height: 140%;
	text-align: center;
}

.sec01__archives-img.--img1 {
	width: 132px;
}

.sec01__archives-img.--img2 {
	width: 111px;
}

.sec02 {
	background: #FAF4F2;
	padding-bottom: 21px;
}

.sec02__head {
	align-items: center;
	display: flex;
	gap: 15px;
	margin-top: 8px;
	padding-left: 12px;
}

.sec02__head-img {
	width: 134.419px;
}

.sec02__body {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-top: 8px;
}

.sec02__body-text {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 134%;
}

.sec02__text {
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 165.4%;
	margin-top: 23px;
	padding-inline: 7px;
}

/* sec03 */

.sec03 {
	padding: 57px 13px 33px 13px;
}

.sec03__head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sec03__img {
	aspect-ratio: 1/1;
	width: 72px;
}

.sec03__title {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -0.35px;
	line-height: 140%;
}

.sec03__desc {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.22px;
	line-height: 133%;
	margin-top: 21px;
	text-align: center;
}

.sec03__content {
	background: #FBF6F5;
	margin-top: 23px;
	padding: 34px 16px 15px 16px;
}

.sec03__list {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.36px;
	line-height: 176%;
}

.sec04 {
	padding-bottom: 14px;
}

.sec04__head {
	background: linear-gradient(90deg, #FDFDEB 0%, #FEFCF4 18.27%, #EED7CA 40.87%, #FEFCF4 75.48%, #FDFDEB 100%);
	padding: 15px 0 17px 0;
}

.sec04__head-text {
	color: #E37876;
	font-size: 24px;
	font-style: normal;
	font-weight: 700; /* 33.6px */
	letter-spacing: -0.24px;
	line-height: 140%;
	text-align: center;
}

.sec04__img {
	margin-top: 16px;
}

.sec05__head {
	background: #867F7E;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 18px 13px;
}

.sec05__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 14px;
}

.sec05__item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	padding: 7px 0 5px 0;
	width: calc((100% - 13px) / 2);
}

.sec05__item:nth-child(1) {
	background: #786753;
}

.sec05__item:nth-child(2) {
	background: #535353;
}

.sec05__item:nth-child(3) {
	background: #667284;
}

.sec05__item:nth-child(4) {
	background: #97A59D;
}

.sec05__item-text {
	color: #FFF;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: -0.34px;
	line-height: 140%;
	text-align: center;
}

.sec05__title {
	color: #000;
	font-family: "Noto Serif JP";
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 3.6px;
	line-height: 140%;
	margin-top: 30px;
	text-align: center;
}

.sec05__img {
	margin-top: 5px;
}

/* sec06 */

.sec06__wrap {
	padding: 34px 18px;
}

.sec06__inner {
	background: #FFF;
	border: 2px solid #FF6F70;
}

.sec06__heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 41px 0 26px;
}

.sec06__heading-label {
	color: #FF4141;
	font-family: "Noto Serif JP";
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 134%;
	position: relative;
	text-align: center;
}

.sec06__heading-label::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='91' height='40' viewBox='0 0 91 40' fill='none'><path d='M45.5 1C57.9592 1 69.1909 3.22203 77.2705 6.77344C81.3118 8.54981 84.5204 10.6388 86.7041 12.9082C88.8831 15.1727 90 17.5678 90 20C90 22.4322 88.8831 24.8273 86.7041 27.0918C84.5204 29.3612 81.3118 31.4502 77.2705 33.2266C69.1909 36.778 57.9592 39 45.5 39C33.0408 39 21.8091 36.778 13.7295 33.2266C9.68824 31.4502 6.47962 29.3612 4.2959 27.0918C2.11691 24.8273 1 22.4322 1 20C1 17.5678 2.11691 15.1727 4.2959 12.9082C6.47962 10.6388 9.68824 8.54981 13.7295 6.77344C21.8091 3.22202 33.0408 1 45.5 1Z' stroke='%23FF4141' stroke-width='2'/></svg>");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 40px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 91px;
}

.sec06__heading-label { /* 22.78px */
}

.sec06__heading-title {
	color: #2E2C2D;
	font-size: 27px;
	font-style: normal;
	font-weight: 700; /* 37.8px */
	letter-spacing: -0.27px;
	line-height: 140%;
}

.sec06__text {
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.42px;
	line-height: 140%;
	text-align: center;
}

.sec06__text.--white {
	color: #FFF;
}

.sec06__q {
	align-items: center;
	background: #EDE8DF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 13px;
	padding: 12px 16px 8px 16px;
}

.sec06__q-text {
	color: #545454;
	font-size: 21px;
	font-style: normal;
	font-weight: 700; /* 29.4px */
	letter-spacing: -0.42px;
	line-height: 140%;
	text-align: center;
}

.sec06__a {
	color: #545454;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.72px;
	line-height: 140%;
	margin-top: 3px;
	position: relative;
	text-align: center;
	z-index: 0;
}

.sec06__a::after {
	background: #F8E592;
	bottom: 0;
	content: "";
	height: 20px;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: calc(100% + 44px);
	z-index: -1;
}

.sec06__spots {
	background: #E8E3E3;
}

.sec06__skin {
	background: #F9F3EE;
}

.sec06__skin .sec06__heading {
	gap: 21px;
	padding: 50px 0 26px;
}

.sec06__skin .sec06__heading-title {
	letter-spacing: -2.16px;
}

/* smell-item01 */

.smell-item01 {
	align-items: center;
	background: #A19E9C;
	display: flex;
	flex-direction: column;
	padding-block: 23px 13px;
}

.smell-item01__search {
	align-items: center;
	border: 4px solid #FFF;
	border-radius: 29px;
	display: flex;
	gap: 7px;
	justify-content: center;
	margin-bottom: 22px;
	padding: 4px 19px 6px;
}

.smell-item01__search-text {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700; /* 28px */
	letter-spacing: -1px;
	line-height: 140%;
}

.smell-item01__search-icon {
	display: block;
	width: 28px;
}

.smell-item01__img {
	margin-top: 18px;
	width: 65px;
}

.smell-item01__note {
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.75px;
	line-height: 140%;
	margin-top: 12px;
}

/* smell-item02 */

.smell-item02 {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
}

.smell-item02__arrow {
	margin-top: 6px;
	width: 93px;
}

.smell-item02__icon {
	margin-bottom: 9px;
	margin-top: 18px;
	width: 72px;
}

.smell-item02__img {
	margin-top: 10px;
	width: 315px;
}

.smell-item02__text {
	color: #545454;
	font-size: 16px;
	font-style: normal;
	font-weight: 700; /* 25.6px */
	letter-spacing: -0.32px;
	line-height: 160%;
	margin-top: 17px;
	text-align: center;
}

/* spots-item01 */

.spots-item01 {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.spots-item01__item {
	align-items: center;
	display: flex;
	margin-top: 17px;
}

.spots-item01__item-img {
	flex-shrink: 0;
	width: 156px;
}

.spots-item01__item-text {
	color: #545454;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.9px;
	line-height: 160%;
	margin-left: -16px;
	padding-top: 15px;
}

.spots-item01__desc {
	color: #545454;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.3px;
	line-height: 140%;
	margin-top: 12px;
	text-align: center;
}

.spots-item01__arrow {
	margin-top: 10px;
	width: 11px;
}

.spots-item01__text {
	color: #2E2C2D;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.24px;
	line-height: 136%;
	margin-top: 20px;
	text-align: center;
}

/* spots-item02 */

.spots-item02 {
	align-items: center;
	background: url(https://racine-official.jp/lp_media/img/spots-02-bg.webp);
	display: flex;
	flex-direction: column;
	margin: 26px 13px 34px;
	padding-bottom: 23px;
	padding-top: 12px;
}

.spots-item02__items {
	align-items: center;
	background: #FDFBFB;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 10px;
	padding: 3px 4px 19px 4px;
	width: 277px;
}

.spots-item02__item {
	width: 100%;
}

.spots-item02__item:nth-child(1) .spots-item02__head {
	background: #C9C9D2;
}

.spots-item02__item:nth-child(2) .spots-item02__head {
	background: #FFCDCD;
	padding: 6px 59px 8px 59px;
}

.spots-item02__head {
	padding: 12px 44px 9px 44px;
	width: 100%;
}

.spots-item02__head-text {
	color: #2E2C2D;
	font-size: 12px;
	font-style: normal;
	font-weight: 700; /* 16.32px */
	letter-spacing: -0.96px;
	line-height: 136%;
	text-align: center;
}

.spots-item02__head-text.--core {
	font-size: 17px;
	letter-spacing: -0.34px;
}

.spots-item02__text {
	color: #2E2C2D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.64px;
	line-height: 136%;
	margin-top: 10px;
	text-align: center;
}

.spots-item02__text.--core {
	color: #2E2C2D;
	font-size: 13px;
	letter-spacing: -0.52px;
	margin-top: 15px;
}

.spots-item02__text.--core span {
	color: #EF4041;
	font-size: 25px;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
}

.spots-item02__img {
	margin-top: 27px;
}

/* spots-item03 */

.spots-item03 {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;
}

.spots-item03__img {
	margin-top: -33px;
}

.spots-item03__desc {
	color: #2E2C2D;
	font-size: 24px;
	font-style: normal;
	font-weight: 700; /* 32.64px */
	letter-spacing: -0.24px;
	line-height: 136%;
	margin-top: 36px;
	text-align: center;
}

.spots-item03__wrap {
	display: flex;
	margin-top: 32px;
}

.spots-item03__how-to-img {
	margin-top: 44px;
	width: 200px;
}

.spots-item03__head {
	background: #95B8C0;
	margin-top: 31px;
	padding: 3px 26px 6px 26px;
}

.spots-item03__head-text {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700; /* 30.48px */
	letter-spacing: -0.24px;
	line-height: 127%;
	text-align: center;
}

.spots-item03__comment {
	margin-left: -84px;
	position: relative;
}

.spots-item03__comment-bg {
	width: 190px;
}

.spots-item03__comment-text {
	color: #2E2C2D;
	font-size: 15px;
	font-weight: 700;
	left: 50%; /* 24.48px */
	letter-spacing: -0.18px;
	line-height: 136%;
	position: absolute;
	text-align: center;
	top: 13px;
	transform: translateX(-50%);
	width: 100%;
}

.spots-item03__comment-text span {
	font-size: 19px;
	letter-spacing: -0.24px;
	line-height: 127%;
}

/* spots */

.spots__title {
	color: #667284;
	font-size: 40px;
	font-style: normal;
	font-weight: 700; /* 54.4px */
	letter-spacing: -0.4px;
	line-height: 136%;
	text-align: center;
	text-shadow: 2px 2px 2.4px #FFF;
}

/* skin-item01 */

.skin-item01 {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 3px;
	padding-bottom: 21px;
}

.skin-item01__img01 {
	width: 325px;
}

.skin-item01__head {
	background: #EEE6C3;
	margin-top: 20px;
	padding: 9px 18px 6px;
}

.skin-item01__head-text {
	color: #687485;
	font-size: 18px;
	font-style: normal;
	font-weight: 700; /* 22.86px */
	letter-spacing: -0.9px;
	line-height: 127%;
	text-align: center;
}

.skin-item01__title {
	color: #F37F7E;
	font-family: "Noto Serif JP";
	font-size: 40px;
	font-style: italic;
	font-weight: 500;
	line-height: 127%;
	margin-top: 31px;
	text-align: center;
	text-shadow: 0 1px 1.3px rgba(0, 0, 0, 0.25); /* 50.8px */
}

.skin-item01__img02 {
	margin-top: 48px;
	width: 325px;
}

.skin-item01__text {
	color: #2E2C2D;
	font-size: 20px;
	font-style: normal;
	font-weight: 700; /* 28px */
	letter-spacing: -1px;
	line-height: 140%;
	margin-top: 42px;
}

.skin-item01__img03 {
	margin-top: 17px;
	width: 289px;
}

/* sec07 */

.sec07 {
	align-items: center;
	background: #FEFAF9;
	display: flex;
	flex-direction: column;
	padding: 73px 0 24px 0;
}

.sec07__head {
	align-items: center;
	border-bottom: 1px solid #FF4141;
	display: flex;
	flex-direction: column;
	padding-bottom: 32px;
	width: 328px;
}

.sec07__head-text {
	color: #FF4141;
	font-family: "Noto Serif JP";
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0.84px;
	line-height: 134%;
	position: relative;
}

.sec07__head-text::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='147' height='50' viewBox='0 0 147 50' fill='none'><path d='M73.5 1C93.7172 1 111.978 3.78927 125.15 8.26953C131.741 10.5113 137.004 13.1576 140.598 16.0479C144.201 18.9454 146 21.9773 146 25C146 28.0227 144.201 31.0546 140.598 33.9521C137.004 36.8424 131.741 39.4887 125.15 41.7305C111.978 46.2107 93.7172 49 73.5 49C53.2828 49 35.0216 46.2107 21.8496 41.7305C15.2587 39.4887 9.99638 36.8424 6.40234 33.9521C2.7992 31.0546 1 28.0227 1 25C1 21.9773 2.7992 18.9454 6.40234 16.0479C9.99638 13.1576 15.2587 10.5113 21.8496 8.26953C35.0216 3.78927 53.2828 1 73.5 1Z' stroke='%23FF4141' stroke-width='2'/></svg>");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 50px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 147px;
}

.sec07__title {
	font-family: "Noto Serif JP";
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 2.52px;
	line-height: 145%;
	margin-top: 30px;
	text-align: center;
}

.sec07__img {
	margin-top: 29px;
}

/* sec08 */

.sec08 {
	background: #FEFAF9;
	padding-top: 28px;
}

.sec08__head {
	text-align: center;
}

.sec08__head-en {
	color: #DE6260;
	font-family: "Noto Serif JP";
	font-size: 21px;
	font-style: normal;
	font-weight: 700; /* 30.45px */
	letter-spacing: 0.63px;
	line-height: 145%;
}

.sec08__head-ja {
	color: #535252;
	font-size: 21px;
	font-style: normal;
	font-weight: 700; /* 30.45px */
	letter-spacing: 0.21px;
	line-height: 145%;
}

.sec08__items {
	display: flex;
	flex-direction: column;
	gap: 41px;
	margin-top: 32px;
	padding-bottom: 28px;
	padding-inline: 18px;
	width: 375px;
}

.sec08__item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.sec08__line {
	background: #E86261;
	display: block;
	height: 2px;
	width: 260px;
}

.sec08__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.sec08__text-q {
	color: #E86261;
	font-size: 12px;
	font-style: normal;
	font-weight: 500; /* 17.4px */
	letter-spacing: -0.48px;
	line-height: 145%;
}

.sec08__text-a {
	color: #535252;
	font-size: 11px;
	font-style: normal;
	font-weight: 500; /* 15.95px */
	letter-spacing: -0.66px;
	line-height: 145%;
	padding-left: 1em;
	text-indent: -1em;
}

/* cta */

.cta {
	padding-bottom: 30px;
	padding-top: 34px;
}

.cta__wrap {
	padding-inline: 13px;
}

.cta__container {
	background: #FFFDFD;
	border: 4px solid #E37977;
}

.cta__heading {
	background: #E37977;
	padding: 4px 0 16px 0;
}

.cta__heading.--go {
	padding: 1px 0 5px;
}

.cta__heading-text {
	color: #FFF;
	font-family: "Noto Serif JP";
	font-size: 31px;
	font-weight: 700;
	letter-spacing: 2.79px;
	line-height: 140%;
	text-align: center;
}

.cta__heading-text.--go {
	font-family: Gotham, "Noto Sans JP";
	font-size: 40px;
	letter-spacing: normal;
}

.cta__body {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding-bottom: 17px;
	padding-top: 9px;
}

.cta__desc {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -1.44px;
	line-height: 140%;
	text-align: center;
}

.cta__title {
	color: #535252;
	font-family: "Noto Serif JP";
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 2.52px;
	line-height: 145%;
	margin-top: 7px;
	text-align: center;
}

.cta__name {
	border: 2px solid #535252;
	display: flex;
	justify-content: center;
	margin: 14px auto 0;
	padding: 1px 7px 3px;
	width: -moz-fit-content;
	width: fit-content;
}

.cta__name-text {
	color: #535252;
	font-family: "Noto Serif JP";
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.44px;
	line-height: 145%;
	text-align: center;
}

.cta__text1 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -1.6px;
	line-height: 140%;
	margin-top: 3px;
	text-align: center;
}

.cta__price {
	align-items: center;
	display: flex;
	gap: 7px;
	justify-content: center;
	margin-top: 10px;
}

.cta__price-label {
	border: 1px solid #535252;
	color: #535252;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.32px;
	line-height: 145%;
	padding: 3px 6px 5px;
	text-align: center;
}

.cta__price.--cta2 p {
	color: #2E2C2D;
	font-size: 10px;
	font-weight: 400;
	line-height: 140%;
}

.cta__price.--cta2 .cta__price-label {
	padding: 2px 3px 3px 3px;
}

.cta__item {
	display: flex;
	margin-top: 13px;
	padding-left: 17px;
}

.cta__item-img {
	width: 115px;
}

.cta__item-content {
	padding-top: 9px;
}

.cta__item-content.--cta2 {
	padding-top: 0;
}

.cta__item-label {
	color: #2E2C2D;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.69px;
	line-height: 100%;
	text-align: center;
}

.cta__item-label-prace {
	color: #2E2C2D;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.13px;
	line-height: 140%;
	text-align: center;
	text-decoration-line: line-through;
}

.cta__item-price {
	align-items: center;
	background: #F0DBD3;
	border: 1px solid #F0DBD3;
	border-radius: 24px;
	display: flex;
	margin-top: 3px;
	padding: 4px 24px;
}

.cta__item-price.--cta2 {
	align-items: start;
	border-radius: 40px;
	flex-direction: column;
	margin-top: 0;
	padding: 8px 24px 15px;
}

.cta__item-price-num {
	font-size: 42px;
	font-style: normal;
	font-weight: 400; /* 42px */
	letter-spacing: 1.26px;
	line-height: 100%;
}

.cta__item-price-yen {
	font-size: 9px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.36px;
	line-height: 140%;
}

.cta__item-price-yen span {
	font-size: 23px;
	font-style: normal;
	font-weight: 500; /* 23px */
	letter-spacing: -0.92px;
	line-height: 100%;
}

.cta__item-price-wrap {
	align-items: center;
	display: flex;
}

.cta__item-text {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.16px;
	line-height: 140%;
	margin-top: 7px;
	text-align: center;
}

.cta__item-text.--cta2 {
	font-size: 12px;
	letter-spacing: -0.84px;
	margin-top: 0;
	width: 100%;
}

.cta__sup {
	font-size: 7px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.77px;
	line-height: 124%;
	margin-top: 9px;
}

.cta__button1 {
	animation: floatLoop 1.5s ease-in-out infinite;
	background: #8DE768;
	border-radius: 66px;
	box-shadow: 0 9px 0 0 #83DF5B;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.48px;
	line-height: 124%;
	margin-top: 10px;
	padding: 26px 16px 18px 16px;
	transition: 0.2s;
}

.cta__text2 {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.42px;
	line-height: 140%;
	margin-top: 27px;
	text-align: center;
}

.cta__price2-text{
    font-size: 12px;
    padding-left: 35px;
    letter-spacing: 0.02em;
}

.cta__price2-text span{
  font-size:20px;
}

.cta__price2-text span strong{
  font-weight:700;
}

.cta__button2 {
	animation: shrinkX 1.5s ease-in-out infinite;
	background: #E0AF9F;
	border-radius: 66px;
	color: #535252;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.36px;
	line-height: 124%;
	margin-top: 4px;
	padding: 14px 14px 12px 14px;
	transform-origin: center center;
}

.cta__note {
	color: #2E2C2D;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.7px;
	line-height: 140%;
	text-align: center;
}

@media screen and (min-width: 841px) {

.s-sp {
	display: none;
}

.s-pc {
	display: block;
}

}

@keyframes floatLoop {

0%,100% {
	box-shadow: 0 9px 0 0 #83df5b;
	transform: translateY(0);
}

60% {
	box-shadow: 0 9px 0 0 #83df5b;
	transform: translateY(0);
}

80% {
	box-shadow: 0 0px 0 0 #83df5b;
	transform: translateY(9px);
}

}

@keyframes shrinkX {

0%,100% {
	transform: scaleX(1);
}

50% {
	transform: scaleX(1.1);
}

}

