body {
	font-family: "Gotu", sans-serif;
}

.u-desktop {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeLegibility;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.top-about {
	margin-top: 5rem;
}

.top-blog-single-archive {
	margin-top: 5rem;
}

.top-blog-single-contact {
	margin-top: 6.6rem;
}

.top-blog-single-review.sidebar__review {
	margin-top: 5rem;
}

.top-blog-single {
	margin-top: 2.8rem;
}

.top-breadcrumb {
	margin-top: 0.5rem;
}

.top-button {
	border: none;
	bottom: -60px; /* 初期状態では画面外に隠れる */
	color: #0082b4;
	cursor: pointer;
	opacity: 0;
	position: fixed;
	right: 10px;
	transition: bottom 0.6s ease; /* ボタンがふわっと表示されるようにトランジションを追加 */
	z-index: 10;
}

.top-button:hover .top-button__icon {
	filter: invert(100%);
}

.top-button__icon {
	height: 50px;
	position: relative;
	width: 50px;
}

.top-button.clicked {
	bottom: 6px; /* スクロールすると表示される位置 */
	opacity: 1;
}

.top-campaign-contact {
	margin-top: 6.5rem;
}

.top-campaign {
	margin-top: 2.5rem;
}

.top-contact-footer {
	margin-top: 8.9rem;
}

.top-contact {
	margin-top: 4.7rem;
}

.top-error-contact-footer {
	margin-top: 10.6rem;
}

.top-footer {
	margin-top: 6rem;
}

.top-footer--404 {
	margin-top: 0;
}

.top-gallery {
	margin-top: 2.6rem;
}

.top-info-contact {
	margin-top: 6.7rem;
}

.top-info-footer {
	margin-top: 5.8rem;
}

.top-information {
	margin-top: 4rem;
}

.top-page-about-contact {
	margin-top: 6.6rem;
}

.top-page-about {
	margin-top: 3.25rem;
}

.top-page-blog {
	margin-top: 3rem;
}

.top-page-campaign {
	margin-top: 3.25rem;
}

.top-page-contact {
	margin-top: 5rem;
}

.top-page-faq-contact {
	margin-top: 6.9rem;
}

.top-page-faq {
	margin-top: 3rem;
}

.top-page-information {
	margin-top: 7.4rem;
}

.top-page-main-contact {
	margin-top: 3.25rem;
}

.top-page-price-contact {
	margin-top: 6.7rem;
}

.top-page-price {
	margin-top: 3rem;
}

.top-page-sitemap-contact {
	margin-top: 6.2rem;
}

.top-page-thanks {
	margin-top: 3rem;
}

.top-page-voice-contact {
	margin-top: 6.5rem;
}

.top-page-voice {
	margin-top: 2.5rem;
}

.top-price {
	margin-top: 5rem;
}

.top-privacy {
	margin-top: 3rem;
}

.top-sidebar-archive {
	margin-top: 4.5rem;
}

.top-sidebar-campaign {
	margin-top: 5rem;
}

.top-sitemap {
	margin-top: 0.5rem;
}

.top-terms {
	margin-top: 3rem;
}

.top-thanks-footer {
	margin-top: 8.9rem;
}

.top-voice {
	margin-top: 5.1rem;
}

.top404-breadcrumb {
	background-color: #0082b4;
	color: #fff;
	padding-top: 2.5rem;
}

.about {
	position: relative;
}

.about__inner {
	position: relative;
}

.about__title-wrap {
	text-align: center;
}

.about__container {
	margin-top: 1.5rem;
}

.about__visual-wrap {
	aspect-ratio: 345/212;
	display: grid;
	grid-template-columns: repeat(2, 18.5%) repeat(3, 1fr);
	grid-template-rows: 12% repeat(3, 1fr) 8.49%;
	height: auto;
	overflow: visible;
	width: auto;
}

.about__imgs-right {
	grid-area: 2/6/6/2;
	position: relative;
}

.about__img-right {
	-o-object-fit: cover;
	aspect-ratio: 281/186;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.about__imgs-left {
	grid-area: 1/1/5/3;
	z-index: 1;
}

.about__img-left {
	-o-object-fit: cover;
	aspect-ratio: 128/194;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.about__content {
	margin-top: 1rem;
}

.about__first {
	margin-top: 2.5rem;
}

.about__content-title {
	color: #0082b4;
	font-family: "Gotu", sans-serif;
	font-size: 2.5rem;
	line-height: 1;
}

.about__content-text {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 1rem;
}

.about__content-box {
	margin-top: 3.3rem;
	text-align: center;
}

.accordion__item {
	margin-top: 0.4rem;
}

.accordion__title-text {
	color: #0082b4;
	cursor: pointer;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
}

.accordion__title-text::before,
.accordion__text::before {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%); /* ブラウザーの互換性のためのプレフィックス */
	background-color: #0082b4; /* 三角形の色 */
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	content: "";
	display: inline-block;
	height: 1.3rem; /* 三角形の高さ */
	margin-right: 0.3rem;
	transition: transform 0.3s ease; /* アニメーションを追加 */
	vertical-align: middle;
	width: 1.3rem; /* 三角形の幅 */
}

.accordion__title-text::before {
	margin-right: 0.7rem;
}

.accordion__title-text.is-open::before {
	transform: rotate(90deg);
}

.accordion__content {
	margin-left: 2rem;
	margin-top: 0.5rem;
}

.accordion__text {
	color: #0082b4;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	transition: transform 0.3s ease;
}

.accordion__text:hover { /* hover時に右に動くトランジション */
	transform: translateX(0.5rem);
}

.article-card {
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: row;
	max-width: 18.375rem;
	padding: 0.8rem 1rem;
	transition: 0.3s all;
	width: 100%;
}

.article-card:hover {
	transform: scale(1.05);
}

.article-card__img {
	-o-object-fit: cover;
	height: inherit;
	object-fit: cover;
	transition: 0.3s all;
	width: 100%;
}

.article-card__imgs {
	aspect-ratio: 121/90;
	max-width: 7.5625rem;
	overflow: hidden;
}

.article-card:hover .article-card__img {
	transform: scale(1.05);
}

.article-card__body {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
}

.article-card__date {
	color: #0d2936;
	font-family: "Gotu", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.5;
}

.article-card__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.article-cards {
	grid-gap: 2rem;
	display: grid;
	gap: 2rem;
	justify-items: center;
	margin-top: 1.875rem;
}

.blog-card {
	background-color: #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	margin: auto;
	max-width: 20.8125rem;
	padding-bottom: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	transition: 0.3s;
	width: 100%;
}

.blog-card:hover {
	opacity: 1;
	transform: scale(1.05);
}

.blog-card__img-wrap {
	overflow: hidden;
}

.blog-card__img {
	-o-object-fit: cover;
	aspect-ratio: 301/201;
	height: inherit;
	object-fit: cover;
	transition: 0.3s all;
	width: 100%;
}

.blog-card:hover .blog-card__img {
	transform: scale(1.05);
}

.blog-card__body {
	margin-top: 0.8rem;
}

.blog-card__date {
	color: #0d2936;
	font-family: "Gotu", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.12rem;
}

.blog-card__title {
	border-bottom: 1px solid #0082b4;
	color: #0d2936;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.69rem;
}

.blog-card__text {
	color: #0d2936;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 1rem;
}

.blog-cards {
	grid-gap: 2.3rem;
	display: grid;
	gap: 2.3rem;
	grid-template-columns: repeat(1, 1fr);
}

.blog-single__inner {
	position: relative;
}

.blog-single__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0.2%;
	transform: translateY(-50%);
	width: 7.5rem;
}

.blog-single__visual-wrap {
	content: "";
	left: calc(50% - min(47%, 29.1rem));
	position: absolute;
	text-align: left;
	top: 2%;
	transform: translateY(-50%);
}

.blog-single__date {
	color: #0d2936;
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.28;
}

.blog-single__title {
	border-bottom: 2px solid #0082b4;
	color: #0d2936;
	font-family: "Gotu", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 0.6rem;
}

.blog-single__imgs {
	aspect-ratio: 700/468;
	height: auto;
	margin-top: 1.5rem;
}

.blog-single__img {
	height: inherit;
	max-width: 43.75rem;
	width: 100%;
}

.blog-single__content p {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 2.5em;
}

.blog-single__content img {
	aspect-ratio: 700/468;
	margin-top: 2.5rem;
	max-width: 43.75rem;
}

.blog-single__content ul {
	margin-top: 2.5rem;
}

.blog-single__content li {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	margin-left: 1.5rem;
	position: relative;
}

.blog-single__content li + li {
	margin-top: 0.25rem;
}

.blog-single__content li::before {
	content: url("../images/common/blog-single_icon.svg");
	left: -1.5rem;
	position: absolute;
	top: 5%;
	vertical-align: middle;
}

.blog-single__img-wrap {
	margin-top: 1.5rem;
}

.blog-single__container {
	margin-top: 1.6rem;
}

.blog-single__block {
	margin-left: 1.5rem;
}

.blog-single__list:not(:first-child) {
	margin-top: 0.2rem;
}

.blog-single__nav {
	margin-top: 2.3rem;
}

.blog-single__nav--single.page-nav__item-next {
	margin-left: 5rem;
}

.blog-single__sidebar {
	margin-top: 5rem;
}

.blog {
	padding-top: 5rem;
}

.blog__inner {
	position: relative;
}

.blog__title-wrap {
	text-align: center;
}

.blog__cards {
	margin-top: 1.7rem;
}

.blog__btn-wrap {
	margin-top: 2.5rem;
	text-align: center;
}

.breadcrumb {
	margin-top: 0.5rem;
}

.breadcrumb__items {
	display: flex;
	gap: 0.4rem;
}

.breadcrumb__item {
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.45;
	transition: transform 0.3s ease;
}

.breadcrumb__item:not(:last-child)::after {
	color: #0d2936;
	content: ">";
	display: inline-block;
	margin: 0 0.25rem;
}

.breadcrumb__item--white {
	color: #fff;
}

.breadcrumb__link {
	color: #0d2936;
	cursor: pointer;
}

.breadcrumb__item:hover {
	transform: translateY(0.25rem);
}

.breadcrumb__link.breadcrumb__link--white {
	color: #fff;
}

.breadcrumb__inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.breadcrumb-border {
	display: inline-block;
	margin: 0 auto;
}

.btn {
	-webkit-text-decoration: none;
	background: #0082b4;
	border: 1px solid #0082b4;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.571;
	margin-bottom: 0.3rem;
	padding: 0.9375rem 2.4375rem;
	position: relative;
	text-align: justify;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	width: 12.625rem;
	z-index: 10;
}

.btn.btn--white {
	background-color: #fff;
	border: 1px solid #fff;
	color: #0082b4;
}

.btn::after {
	border: 1px solid #0082b4;
	content: "";
	height: 107%;
	left: 2%;
	position: absolute;
	top: 2%;
	transition: 0.2s;
	width: 101%;
	z-index: -2;
}

.btn.btn--white::after {
	border: 1px solid #fff;
}

.btn span::before {
	-webkit-mask-image: url(../images/common/btn-arow.svg);
	-webkit-mask-repeat: no-repeat;
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 1rem;
	mask-image: url(../images/common/btn-arow.svg);
	mask-repeat: no-repeat;
	position: absolute;
	right: -115%;
	top: 27%;
	width: 100%;
	z-index: 3;
}

.btn.btn--white span::before {
	background-color: #0082b4;
}

.btn:hover span::before {
	background-color: #0082b4;
}

.btn.btn--white:hover span::before {
	background-color: #fff;
}

.btn:hover {
	stroke: #0082b4;
	background-color: #0082b4; /* Change hover background to match $main-color */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	transform: translateY(-3px);
	z-index: 4;
}

.btn.btn--white:hover {
	stroke: #fff;
}

/* ボタン内spanの形状 */

.btn span {
	color: #fff;
	font-family: "Gotu", sans-serif;
	font-size: 0.875rem;
	line-height: 1.57;
	position: relative;
	z-index: 3;
}

.btn.btn--white span {
	color: #0082b4;
}

.btn:hover span {
	color: #0082b4;
}

.btn.btn--white:hover span {
	color: #fff;
}

/*== 背景が流れる（左から右） */

.btn:before { /*色や形状*/
	background: #fff; /*背景色*/
	content: "";
	height: 100%;
	left: 0; /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	transform: scale(0, 1);
	transform-origin: right top; /*アニメーション*/
	transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	width: 100%;
}

.btn.btn--white::before {
	background-color: #0082b4;
}

.btn:hover:before {
	transform: scale(1, 1);
	transform-origin: left top;
}

.wpcf7-spinner {
	display: none !important;
}

/*デフォルトのスタイルを無効化する*/

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.btn--send {
	-webkit-text-decoration: none;
	background: #0082b4; /* update .btn--send background */
	border: 1px solid #0082b4; /* update .btn--send border */
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.571;
	margin-bottom: 0.3rem;
	padding: 0.9375rem 2.4375rem;
	position: relative;
	text-align: justify;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	width: 12.625rem;
	z-index: 10;
}

.btn--send:hover {
	background-color: #0082b4; /* updated */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	color: #fff; /* text to white instead of $main-color */
	transform: translateY(-3px);
	z-index: 4;
}

.btn--send::before {
	border: 1px solid #0082b4;
	content: "";
	height: 109%;
	left: 2%;
	position: absolute;
	top: 2%;
	transition: 0.2s;
	width: 101%;
	z-index: -2;
}

.btn--send span {
	-webkit-mask-image: url(../images/common/btn-arow.svg);
	-webkit-mask-repeat: no-repeat;
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 1rem;
	mask-image: url(../images/common/btn-arow.svg);
	mask-repeat: no-repeat;
	position: absolute;
	right: 15%;
	top: 35%;
	width: 35%;
	z-index: 3;
}

.btn--send:hover span {
	background-color: #0082b4;
	color: #0082b4;
}

.btn--send::after { /*色や形状*/
	background: #fff; /*背景色*/
	content: "";
	height: 100%;
	left: 0; /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	transform: scale(0, 1);
	transform-origin: right top; /*アニメーション*/
	transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	width: 100%;
	z-index: -1;
}

.btn--send:hover:after {
	transform: scale(1, 1);
	transform-origin: left top;
}

.campaign-card {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	max-width: 20.8125rem;
}

.campaign-card__contents {
	display: flex;
	flex: 1 auto;
	flex-direction: column;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1.29rem;
	padding-top: 0.99rem;
}

.campaign-card__contents.campaign-card__contents--big {
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1.29rem;
	padding-top: 0.99rem;
}

.campaign-card__box {
	border-bottom: 1px solid #0082b4;
	flex-grow: 1;
}

.campaign-card__box.campaign-card__box--side {
	text-align: center;
}

.campaign-card__tag {
	border: 1px solid #0082b4;
	display: inline-block;
	padding: 0.179rem 0.75rem;
}

.campaign-card__category {
	color: #0082b4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.88;
}

.campaign-card__imgs {
	aspect-ratio: 520/347;
}

.campaign-card__img {
	height: inherit;
	width: 100%;
}

.campaign-card__description {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.5rem;
}

.campaign-card__container {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 0.5rem;
}

.campaign-card__price-wrap {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.campaign-card__text {
	color: #0d2936;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5rem;
}

.campaign-card__price-out {
	-webkit-text-decoration: line-through red;
	font-family: "Lato", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	margin-left: 0.2rem;
	margin-top: 0.5rem;
	text-decoration: line-through;
	text-decoration: line-through red;
}

.campaign-card__price-in {
	color: #0082b4;
	font-family: "Lato", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	margin-left: 1rem;
}

.campaign-card__price-in--side.campaign-card__price-in {
	font-size: 2rem;
	margin-left: 1rem;
}

.campaign-card__container--side.campaign-card__container {
	margin-top: 0.5rem;
}

.campaign-card__contents--side.campaign-card__contents {
	padding-bottom: 0.8rem;
	padding-top: 0.7rem;
}

.campaign-card__img.campaign-card__img--side {
	aspect-ratio: 294/182;
}

.campaign-card__description.campaign-card__description--side {
	margin-top: 0;
	padding-bottom: 0.3rem;
	padding-top: 0.7rem;
}

.campaign-cards {
	grid-gap: 2.3rem;
	display: grid;
	gap: 2.3rem;
	grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
	justify-items: center;
}

.campaign {
	overflow: hidden;
	position: relative;
}

.campaign__title-wrap {
	text-align: center;
}

.campaign__cards-wrap {
	margin-right: calc(50% - 50vw);
	margin-top: 1.9rem;
	overflow: hidden;
	padding-bottom: 0.8rem;
	position: relative;
}

.campaign__cards {
	margin-right: calc(77% - 53vw);
}

.campaign__cards-wrapper {
	transition-timing-function: linear;
}

.campaign__card:hover {
	animation: bounce 0.8s ease-out;
}

.campaign__contact {
	margin-top: 1.8rem;
	text-align: center;
}

.campaign__title {
	position: relative;
}

/* 前へ次への矢印カスタマイズ */

.category {
	align-items: center;
	display: flex;
	justify-content: center;
}

.category__items {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.3125rem;
	width: 100%;
}

.category__item {
	background-color: #fff;
	border: 1px solid #0082b4;
	color: #0082b4;
	min-width: 10.125rem;
	transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}

.category__item.active {
	background-color: #0082b4;
	color: #fff;
}

.category__item:hover {
	background-color: #0082b4;
	color: #fff;
}

.category__link {
	align-items: center;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	justify-content: center;
	padding-bottom: 0.375rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0.375rem;
}

.colorbox {
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
}

.colorbox .color {
	background-color: #0082b4; /* Use a specific color or define $main-color */
	height: 100%;
	left: 0; /* Fix the position */
	position: absolute;
	top: 0;
	width: 0%; /* Initial width */
	z-index: 2;
}

.colorbox img {
	display: block;
	opacity: 0; /* Initial opacity */
	width: 100%;
}

.common-mv {
	width: 100%;
}

.common-mv__img {
	position: relative;
}

.common-mv__box {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.common-mv__title {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}

.contact {
	position: relative;
}

.contact__inner {
	position: relative;
}

.contact__inner::before {
	animation: float-wave 4s ease-in-out infinite;
	animation-delay: 0.8s;
	background: url(../images/common/contact-fish.svg) no-repeat center/contain;
	content: "";
	display: inline-block;
	height: 3.125rem;
	position: absolute;
	right: calc(50% - min(60vw, 17.2rem));
	text-align: right;
	top: -4%;
	transform: translate(-50%);
	width: 6.8125rem;
}

.contact__top {
	display: flex;
	flex-direction: column;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.contact__under {
	margin-top: 2.6rem;
}

.contact__logo-wrap {
	margin-bottom: 0.375rem;
}

.contact__logo {
	margin: 0 auto;
	max-width: 10.87rem;
	width: 100%;
}

.contact__body {
	align-items: center;
	border-top: 2px solid #0082b4;
	display: flex;
	flex-direction: column;
}

.contact__box {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 0.98rem;
}

.contact__address {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.0825em;
	line-height: 1.5;
}

.contact__telephone {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 0.25rem;
}

.contact__hours {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 0.25rem;
}

.contact__holiday {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.contact__map {
	aspect-ratio: 295/160;
	margin-top: 1rem;
}

.contact__title-wrap {
	text-align: center;
	width: 100%;
}

.contact__title-sub.section-title__sub {
	line-height: 1.95;
	margin-top: 0.6em;
}

.contact__title-sub {
	color: #0082b4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	letter-spacing: 0.18em;
	line-height: 1.5;
	margin-top: 0.3rem;
}

.custom-text.contact__title-sub.section-title__sub {
	font-size: 0.875rem;
}

.contact__visual {
	content: "";
	display: block;
	position: absolute;
	right: calc(50% - min(60%, 17.2rem));
	text-align: right;
	top: -4%;
	transform: translate(-50%);
}

.contact__visual-item {
	display: inline-block;
	max-width: 6.8125rem;
	z-index: 1;
}

.contact__logo-imgs {
	margin: 0 auto;
	margin-top: 1.3rem;
	max-width: 19.6875rem;
}

.contact__btn-wrap {
	margin-top: 2.3rem;
	text-align: center;
}

.drawer-menu {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px); /* すりガラス効果 */
	background-attachment: fixed;
	background-color: rgba(64, 143, 149, 0.5); /* グラスモーフィズム用に半透明化 ($main-color を想定) */
	height: 100vh;
	opacity: 1;
	position: fixed;
	right: -100%;
	top: 0;
	transition: right 0.3s ease;
	width: 100%;
	z-index: 999;
}

.drawer-menu.is-open {
	right: 0;
}

.drawer-menu__inner.inner {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
}

.drawer-menu__wrapper {
	display: flex;
	flex-direction: row;
	height: calc(100vh - 5rem);
	justify-content: space-around;
	margin-top: 4.01rem;
	overflow: scroll;
	padding: 0 0.75rem;
}

.drawer-menu__body {
	display: flex;
	flex-direction: column;
	margin-left: 0.4rem;
}

.drawer-menu__body:nth-of-type(2) {
	margin-left: 0.2rem;
}

.drawer-menu__link {
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	font-weight: 300;
	text-align: left;
}

.drawer-menu__link-top {
	color: #fff;
	display: inline-block;
	font-family: "Gotu", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	padding-left: 0.3rem;
	position: relative;
	text-align: left;
}

.drawer-menu__link-top::before {
	content: url("../images/common/drawer-icon.svg");
	left: -1.25rem;
	position: absolute;
	top: 0;
	vertical-align: middle;
}

.drawer-menu__items {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 2rem;
}

.error-contact__inner.inner {
	max-width: 46.75rem;
	position: relative;
}

.error-contact__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(46vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.error-contact__box {
	display: flex;
	justify-content: center;
}

.error-contact__text {
	color: #c94800;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	max-width: 14rem;
	padding-left: 1em;
	text-indent: -1em;
	width: 100%;
}

.error-contact__form {
	margin-top: 2.2rem;
}

.form__text.form__text--red {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f4dacc;
	border: 1px solid #c94800;
	padding: 0.4rem 1rem 0.4rem;
	width: 100%;
}

.form__text.form__text--red::-moz-placeholder {
	color: #fff;
	opacity: 0.6;
}

.form__text.form__text--red::placeholder {
	color: #fff;
	opacity: 0.6;
}

.error {
	background-color: #0082b4;
	padding-bottom: 9rem;
	padding-top: 6rem;
	position: relative;
}

.error::before {
	background-image: url(../images/common/404.mv.svg);
	background-position: 50% 76%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.error__outer {
	margin-top: 3.5rem;
	text-align: center;
}

.error__title {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 5rem;
	font-weight: 400;
	letter-spacing: 0.5em;
	line-height: 1;
	text-indent: 0.54em;
}

.error__text-wrap {
	margin-top: 0.3rem;
}

.error__text {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
}

.error__btn-wrap {
	margin-top: 2.4rem;
}

.faq-accordion {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	position: relative;
	width: 100%;
}

.faq-accordion__container {
	position: relative;
}

/* アニメーションを無効にするクラス */

/* 初期表示時にアニメーションを無効にするクラス */

.faq-accordion__title {
	background-color: #0082b4;
	cursor: pointer;
	display: flex;
	padding: 1rem 6.875rem 1rem 1rem;
	position: relative;
	width: 100%;
}

.faq-accordion__title::before,
.faq-accordion__title::after {
	background-color: #fff;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: rotate(0deg);
	width: 1.75rem;
}

.js-faq-accordion__title.is-active::after {
	opacity: 1;
	transform: rotate(90deg);
}

.js-faq-accordion__title::after {
	opacity: 0;
}

.faq-accordion__title-text {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.faq-accordion__content {
	border: 1px solid #0082b4;
	padding: 1.3rem 1rem 1rem;
}

.faq-accordion__text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
}

.footer-menu__wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 0.9rem;
}

.footer-menu__body {
	flex: 1;
	margin-left: 2.6rem;
}

.footer-menu__body--black {
	margin-left: 3.5rem;
}

.footer-menu__body--left {
	margin-left: 1.3rem;
}

.footer-menu__body.footer-menu__body--black:not(:first-child) {
	margin-left: 3.5rem;
}

.footer-menu__items {
	display: flex;
	flex-direction: column;
}

.footer-menu__link {
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	font-weight: 300;
	margin-top: 1.1rem;
	text-align: left;
	transition: 0.3s;
	white-space: nowrap;
}

.footer-menu__link--black {
	color: #0d2936;
	margin-top: 1.1rem;
	white-space: nowrap;
}

.footer-menu__link:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.footer-menu__link-top {
	color: #fff;
	display: inline-block;
	font-family: "Gotu", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2rem;
	position: relative;
	text-align: left;
}

.footer-menu__link-top:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.footer-menu__link-top--black {
	color: #0d2936;
	font-weight: 700;
	margin-top: 2rem;
	position: relative;
}

.footer-menu__link-top.footer-menu__link-top--black::before {
	content: url("../images/common/sitemap_icon.svg");
	left: -1.4rem;
	margin-right: 0.3rem;
	position: absolute;
	top: 0;
	vertical-align: middle;
}

.footer-menu__link-top::before {
	content: url("../images/common/drawer-icon.svg");
	left: -1.4rem;
	margin-right: 0.3rem;
	position: absolute;
	top: 0;
	vertical-align: middle;
}

.footer {
	background-color: #0082b4;
	padding-bottom: 3.5rem;
	padding-top: 3rem;
}

.footer__top-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.footer__logo {
	width: 7.7rem;
}

.footer__top-box {
	display: flex;
	margin-top: 1rem;
}

.footer__icon-instagram {
	padding-left: 1rem;
}

.footer__under-box {
	margin-top: 1.8rem;
	text-align: center;
}

.footer__copyright {
	color: #fff;
	font-family: "Gotu", sans-serif;
	font-size: 0.75rem;
	line-height: 1.5;
	white-space: nowrap;
}

.form__box {
	border-bottom: 1px dashed #0082b4;
	padding-bottom: 1.5rem;
}

.form__box:not(:first-child) {
	margin-top: 2.5rem;
}

.form__box:last-of-type {
	padding-bottom: 1rem;
}

.form__box:nth-child(5) {
	margin-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.form__item {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-align: left;
}

.form__item-label {
	background-color: #c94800;
	border: 1px solid #c94800;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin-left: 0.5rem;
	padding: 0.1rem 1rem;
	white-space: nowrap;
}

.form__body {
	margin-top: 1rem;
	width: 100%;
}

.form__text {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #0082b4;
	padding: 0.4rem 1rem 0.4rem;
	width: 100%;
}

.form__text::-moz-placeholder {
	color: #fdf9f1;
	opacity: 0.6;
}

.form__text::placeholder {
	color: #fdf9f1;
	opacity: 0.6;
}

.form__select {
	border: 1px solid #0082b4;
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	padding: 0.75rem;
	width: 100%;
}

input[type=checkbox] {
	display: none;
}

.wpcf7-list-item-label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 0.10625rem 1.5625rem;
	position: relative;
	width: auto;
}

.wpcf7-list-item-label::before {
	background: #fff;
	border: 1px solid #0082b4;
	content: "";
	display: block;
	height: 0.875rem;
	left: 0;
	margin-top: -0.5rem;
	position: absolute;
	top: 48%;
	width: 0.875rem;
}

.wpcf7-list-item-label::after {
	border-bottom: 2px solid #c94800;
	border-right: 2px solid #c94800;
	content: "";
	display: block;
	height: 0.5625rem;
	left: 0.25rem;
	opacity: 0;
	position: absolute;
	top: 32%;
	transform: rotate(45deg);
	width: 0.312rem;
}

input[type=checkbox]:checked + .wpcf7-list-item-label::after {
	opacity: 1;
}

.wpcf7-list-item {
	margin-left: 0;
}

.form__skill.form__skill--circle {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 0.10625rem 1.5625rem;
	position: relative;
	width: auto;
}

.form__skill.form__skill--circle::before {
	background: #fff;
	border: 1px solid #0082b4;
	content: "";
	display: block;
	height: 0.875rem;
	left: 0;
	margin-top: -0.5rem;
	position: absolute;
	top: 48%;
	width: 0.875rem;
}

.form__skill.form__skill--circle::after {
	border-bottom: 2px solid #c94800;
	border-right: 2px solid #c94800;
	content: "";
	display: block;
	height: 0.5625rem;
	left: 0.25rem;
	opacity: 0;
	position: absolute;
	top: 32%;
	transform: rotate(45deg);
	width: 0.312rem;
}

.form__skill-txt {
	color: #0d2936;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1;
}

.form__checkbox-wrap {
	margin-top: 0.9rem;
}

.form__textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #0082b4;
	height: 200px;
	padding: 10px;
	width: 100%;
}

.form__select-wrap {
	margin-top: 0.8rem;
	position: relative;
}

.form__select-wrap::after {
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	background-color: #0082b4;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
	height: 0.5625rem;
	pointer-events: none;
	position: absolute;
	right: 0.5rem;
	top: 0.75rem;
	width: 0.5625rem;
}

.form__textarea-box {
	border-bottom: 1px dashed #0082b4;
	margin-top: 1.5rem;
	padding-bottom: 1.1rem;
}

.form__textarea-wrap {
	margin-top: 1rem;
}

.form__Send-wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 2rem;
	margin-top: 2.5rem;
}

.form__checkbox-txt {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375;
	position: relative;
}

.form__checkbox-txt::before {
	background: #fff;
	border: 1px solid #0082b4;
	content: "";
	display: block;
	height: 1.375rem;
	left: -39%;
	margin-top: -0.5rem;
	position: absolute;
	top: 17%;
	width: 1.375rem;
}

.form__checkbox-txt::after {
	border-bottom: 2px solid #c94800;
	border-right: 2px solid #c94800;
	content: "";
	display: block;
	height: 0.8rem;
	left: -31%;
	opacity: 0;
	position: absolute;
	top: 5%;
	transform: rotate(45deg);
	width: 0.5rem;
}

.form__checkbox input:checked + .form__check .form__checkbox-txt::after {
	opacity: 1;
}

.form__btn-wrap {
	margin-top: 1rem;
	position: relative;
	text-align: center;
}

.form__text.form__text--red {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f4dacc;
	border: 1px solid #c94800;
	padding: 0.4rem 1rem 0.4rem;
	width: 100%;
}

.form__text.form__text--red::-moz-placeholder {
	color: #fff;
	opacity: 0.6;
}

.form__text.form__text--red::placeholder {
	color: #fff;
	opacity: 0.6;
}

.wpcf7-not-valid {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f4dacc;
	border: 1px solid #c94800;
	padding: 0.4rem 1rem 0.4rem;
	width: 100%;
}

.wpcf7-not-valid::-moz-placeholder {
	color: #fff;
	opacity: 0.6;
}

.wpcf7-not-valid::placeholder {
	color: #fff;
	opacity: 0.6;
}

.gallery-items {
	grid-gap: 0.5rem;
	display: grid;
	gap: 0.5rem;
	grid-auto-flow: dense;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	margin-top: 2.3rem;
}

.gallery-items__img {
	-o-object-fit: cover;
	cursor: pointer;
	grid-column: 1;
	grid-row: auto;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.gallery-items__img-link {
	-o-object-fit: cover;
	display: inline-block;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
	width: 100%;
}

.gallery {
	position: relative;
}

.gallery__inner {
	position: relative;
}

.gallery__title-wrap {
	text-align: center;
}

.gallery__modal {
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	transition: opacity 0.5s ease;
	width: 100%;
	z-index: 9999;
}

.gallery__modal.show {
	display: block;
	opacity: 1;
}

.gallery__modal-content {
	height: 90vh;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 70%;
}

.gallery__modal-content img {
	-o-object-fit: contain;
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

body.modal-open {
	overflow: hidden;
}

.hamburger {
	cursor: pointer;
	height: 2rem;
	position: fixed;
	right: 1rem;
	top: 1.75rem;
	width: 2rem;
	z-index: 1500;
}

.hamburger.is-active {
	right: 0.9rem;
	top: 1.6rem;
}

.hamburger span {
	background-color: #fff;
	display: inline-block;
	height: 0.06rem;
	left: 0;
	position: absolute;
	width: 100%;
}

.hamburger,
.hamburger span {
	box-sizing: border-box;
	display: inline-block;
	transition: all 0.5s;
}

.hamburger span:nth-child(1) {
	top: 0;
}

.hamburger span:nth-child(2) {
	top: 0.75rem;
}

.hamburger span:nth-child(3) {
	top: 1.5rem;
}

.hamburger.is-active span:nth-child(1) {
	transform: translateY(0.76rem) rotate(45deg);
}

.hamburger.is-active span:nth-child(2) {
	opacity: 0;
}

.hamburger.is-active span:nth-child(3) {
	transform: translateY(-0.76rem) rotate(-45deg);
}

.header {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(0, 130, 180, 0.7);
	height: 5rem;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2000;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit;
	padding: 0 0.937rem;
}

.header__logo {
	z-index: 2000;
}

.header__wrapper {
	height: inherit;
}

.header__nav {
	height: inherit;
}

.header__items {
	align-items: center;
	display: flex;
	gap: max(1rem, min(2.5vw, 2.55rem));
	height: inherit;
	justify-content: center;
}

.header__item {
	display: flex;
	height: inherit;
}

.header__link {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 1.125rem;
	justify-content: center;
	position: relative;
	white-space: nowrap;
}

.header__link span {
	display: block;
	font-size: 0.6rem;
	margin-top: 0.1rem;
}

.header__link span::after {
	background: #fff;
	bottom: 1.3rem;
	content: "";
	height: 0.125rem;
	left: 0%;
	position: absolute;
	right: 0;
	transform: scaleX(0); /* Y方向のスケールを指定しない */
	transform-origin: center top; /*上部中央基点*/ /*アニメーションの指定*/
	transition: all 0.3s; /*線の形状*/
	width: 100%;
}

.header__link:hover span::after {
	transform: scale(1, 1);
}

.page-transition {
	bottom: 0;
	height: 100vh;
	left: 0;
	pointer-events: none;
	position: fixed;
	transform: translateY(100%);
	width: 100%;
	z-index: 9999;
}

.page-transition__wave-wrap {
	bottom: 100%;
	height: 100px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.page-transition__wave {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 200%;
}

.page-transition__wave--1 path {
	fill: #2a8fa0;
}

.page-transition__wave--2 path {
	fill: #4fa8b5;
}

.page-transition__wave--2 {
	left: -10%;
	opacity: 0.6;
}

.page-transition__wave .wave-group {
	animation: wave-loop 6s linear infinite;
}

.page-transition__wave--2 .wave-group {
	animation-direction: reverse;
	animation-duration: 10s;
}

.page-transition__body {
	background: linear-gradient(180deg, #2a8fa0 0%, #32aab3 25%, #0082b4 60%, #004e72 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.img-part-1 {
	background-position: 0 0;
	left: 0;
}

.img-part-2 {
	background-position: 25% 0;
	left: 25%;
}

.img-part-3 {
	background-position: 50% 0;
	left: 50%;
}

.img-part-4 {
	background-position: 75% 0;
	left: 75%;
}

.img-part {
	background-image: url("../images/common/mv4.jpg"); /* 画像を適用 */
	background-repeat: no-repeat;
	background-size: 400% 100%; /* 画像の分割に合わせる */
	bottom: -100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	transition: bottom 1s ease-in-out;
	width: 25%;
}

.information {
	background-color: #fdf9f1;
	padding-bottom: 5rem;
	padding-top: 5.5rem;
}

.information__title-wrap {
	text-align: center;
}

.information__container {
	margin: auto;
	margin-top: 1.5rem;
}

.information__img {
	-o-object-fit: cover;
	aspect-ratio: 345/227;
	object-fit: cover;
}

.information__content {
	margin-top: 1.5rem;
}

.information__content-title {
	border-bottom: 1px solid #0082b4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
	padding-bottom: 0.25rem;
}

.information__content-text {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 0.5rem;
}

.information__btn.btn {
	padding-right: 0.25rem;
}

.information__btn-wrap {
	margin-top: 2.5rem;
	text-align: center;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.logo-link {
	display: block;
	width: 6.375rem;
}

.mv {
	height: 100vh; /* 古い環境向けフォールバック */
	height: 100svh; /* スマホのアドレスバー込みの安全な高さ */
	position: relative;
	width: 100%;
}

.mv__inner {
	height: inherit;
	position: relative;
	width: 100%;
}

.mv__slider {
	height: inherit;
	overflow: hidden;
	position: relative;
	transition: opacity 0.6s ease-in-out;
	z-index: 0;
}

.mv__slider.visible {
	opacity: 1;
	z-index: 20;
}

.mv__title-wrap {
	color: #fff;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.mv__title-wrap.mv__title-wrap--green {
	color: #0082b4; /* 初期状態の色 */
	z-index: 12;
}

.mv__title {
	animation: fadeIn 0.8s ease-out forwards;
	font-family: "Lato", sans-serif;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.54em;
	text-indent: 0.54em;
}

.mv__title-sub {
	animation: fadeIn 0.8s ease-out forwards;
	font-family: "Lato", sans-serif;
	font-size: 1.25rem;
}

.mv__title.visible,
.mv__title-sub.visible {
	animation: fadeIn 0.8s ease-out forwards;
	opacity: 1;
}

.mv__white-background {
	background-color: #fff;
	height: 100vh;
	height: 100svh;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.mv__white-background.fade-out {
	opacity: 0;
}

.page-about__inner {
	position: relative;
}

.page-about__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	left: calc(50% - min(46vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 15%;
	transform: translateY(-50%);
	z-index: -1;
}

.page-about__img {
	max-width: 18.75rem;
	width: 100%;
}

.page-about__container {
	position: relative;
}

.page-about__visual-wrap {
	aspect-ratio: 1080/661;
	display: grid;
	grid-template-columns: repeat(2, 18.5%) repeat(3, 1fr);
	grid-template-rows: 12% repeat(3, 1fr) 8.49%;
	height: auto;
	width: auto;
}

.page-about__imgs-left {
	grid-area: 1/1/5/3;
	z-index: 1;
}

.page-about__img-left {
	-o-object-fit: cover;
	aspect-ratio: 128/194;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.page-about__first {
	left: 36%;
	position: absolute;
	top: 15%;
	transform: translate(-50%, -50%);
}

.page-about__content-title {
	color: #fff;
	font-family: "Gotu", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1;
}

.page-about__second {
	margin-top: 2.5rem;
}

.page-about__content-text {
	color: #0d2936;
}

.page-about__imgs-right {
	grid-area: 1/6/6/1;
	position: relative;
}

.page-blog__inner {
	position: relative;
}

.page-blog__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(46vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: 1;
}

.page-blog__visual {
	width: 42%;
}

.page-blog__sidebar {
	margin-top: 5rem;
}

.page-blog__nav {
	margin-top: 5rem;
}

.page-campaign__inner {
	position: relative;
}

.page-campaign__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	display: inline-block;
	height: 3.4375rem;
	left: calc(50% - min(48vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-campaign__wrap {
	margin-top: 2.4rem;
}

.page-campaign__cards {
	padding-left: 2rem;
	padding-right: 2rem;
}

.page-campaign__cards__item.campaign-card {
	max-width: 32.5rem;
}

.page-campaign__nav {
	margin-top: 5rem;
}

.page-campaign__pc-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.page-campaign__pc-box {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
}

.page-campaign__pc-date {
	color: #0082b4;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.125rem;
}

.page-campaign__pc-contact {
	color: #0082b4;
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.125rem;
	margin-top: 0.5rem;
}

.page-campaign__btn-wrap {
	margin-top: 1rem;
	text-align: center;
}

.page-contact__outer {
	position: relative;
}

.page-contact__inner.inner {
	max-width: 48.875rem;
	position: relative;
}

.page-contact__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(48vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-contact__visual {
	width: 42%;
}

.page-contact__outer.page-contact__outer--error {
	margin-left: 0;
	margin-top: 3rem;
}

.page-faq__inner.inner {
	max-width: 46.875rem;
	position: relative;
}

.page-faq__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-information__inner {
	position: relative;
}

.page-information__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(46vw, 28.1rem));
	position: absolute;
	text-align: left;
	top: -11%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-information__category-items {
	display: flex;
	gap: 0.5rem;
	justify-content: space-between;
}

.page-information__category-item {
	background-color: #fdf9f1;
	box-shadow: 0 0.18rem 0.18rem 0 rgba(0, 0, 0, 0.25);
	position: relative;
	text-align: center;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.page-information__category-item:hover {
	background-color: #0082b4;
}

.page-information__category-item.clicked {
	background-color: #0082b4;
}

.page-information__category-link {
	color: #0082b4;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	position: relative;
	transition: color 0.3s ease;
}

.page-information__category-link.clicked {
	background-color: #0082b4;
	color: #fff;
}

.page-information__category-link:active {
	color: #fff;
}

.page-information__category-link:hover {
	color: #fff;
}

.page-information__wrpper {
	border: 1px solid #0082b4;
	display: none;
	margin-top: 1rem;
	padding: 1.5rem 1.5rem;
}

.page-information__wrpper.active {
	display: block;
}

.page-information__title {
	border-bottom: 2px solid #0082b4;
	line-height: 1;
	padding-bottom: 0.5rem;
}

.page-information__text {
	margin-top: 0.4rem;
}

.page-nav {
	display: flex;
	justify-content: space-around;
}

.page-nav__items {
	display: flex;
}

.page-nav__item {
	border: 1px solid #0082b4;
	color: #0082b4;
	height: 2.375rem;
	transition: 0.3s ease;
	width: 2.375rem;
}

.page-nav__item:nth-of-type(2) {
	margin-left: 2.5rem;
}

.page-nav__item:not(:nth-of-type(2)) {
	margin-left: 0.75rem;
}

.page-nav__item.active {
	background-color: #0082b4;
	color: #fff;
}

.page-nav__item:hover {
	background-color: #0082b4;
	color: #fff;
}

.page-nav__prev,
.page-nav__next {
	display: inline-block;
	height: 100%;
	padding: 1rem; /* クリック範囲を広げるためにパディングを追加 */
	text-align: center; /* コンテンツを中央に配置 */
	width: 100%;
}

.page-nav__prev:hover,
.page-nav__next:hover {
	background-color: #0082b4;
}

.page-nav__item-prev {
	border: 1px solid #0082b4;
	color: #0082b4;
	height: 2.375rem;
	position: relative;
	width: 2.375rem;
}

.page-nav__item-next {
	border: 1px solid #0082b4;
	color: #0082b4;
	height: 2.375rem;
	margin-left: 2.5rem;
	position: relative;
	width: 2.375rem;
}

.page-nav__item-next.active {
	background-color: #0082b4;
}

.page-nav__next {
	position: relative;
}

.page-nav__next::after {
	border-right: 1px solid #0082b4;
	border-top: 1px solid #0082b4;
	content: "";
	height: 0.6875rem;
	position: absolute;
	right: 55%;
	top: 50%;
	transform: rotate(45deg) translateY(-56%);
	transition: border-color 0.3s ease;
	width: 0.6875rem;
}

.page-nav__next:hover:after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.page-nav__next.click::after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.page-nav__prev {
	position: relative;
}

.page-nav__prev::after {
	border-right: 1px solid #0082b4;
	border-top: 1px solid #0082b4;
	content: "";
	height: 0.6875rem;
	position: absolute;
	right: 45%;
	top: 50%;
	transform: rotate(-136deg) translateY(60%);
	transition: border-color 0.3s ease;
	width: 0.6875rem;
}

.page-nav__prev:hover:after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.page-nav__prev.click::after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.page-nav__prev span,
.page-nav__next span {
	display: block;
	height: 100%;
	width: 100%;
}

.page-nav__prev,
.page-nav__next {
	position: relative;
	z-index: 10;
}

.page-nav__item-prev a,
.page-nav__item-next a {
	display: inline-block;
	height: 100%;
	line-height: 2.375rem;
	text-align: center;
	width: 100%;
}

.page-nav__item-prev:empty,
.page-nav__item-next:empty {
	display: none;
}

.page-price {
	position: relative;
}

.page-price__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-faq__visual {
	width: 42%;
}

.page-price__wrap {
	grid-gap: 2.6rem;
	display: grid;
	gap: 2.6rem;
}

.page-price__table {
	border: 1px solid #0082b4;
	border-collapse: collapse;
	width: 100%;
}

.page-price__box {
	align-items: center;
	background-color: #0082b4;
	display: flex;
	justify-content: center;
	padding: 0.51rem;
}

.page-price__icons {
	display: inline-block;
}

.page-price__icon {
	height: 1.5rem;
	width: 1.5rem;
}

.page-price__table-title {
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	margin-left: 0.5rem;
	white-space: nowrap;
}

.page-price__course {
	aspect-ratio: 240/64;
	height: 3.97rem;
}

.page-price__course:not(:first-child) {
	aspect-ratio: 240/61;
	height: 3.6rem;
}

.page-price__name {
	border: 1px solid #0082b4;
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	padding: 0rem 1.5rem;
	width: 100%;
}

.page-price__figure {
	border: 1px solid #0082b4;
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	padding: 0rem 1rem;
	text-align: right;
	text-indent: 0.8em;
	white-space: nowrap;
}

.page-thanks {
	position: relative;
}

.page-thanks__inner.inner {
	position: relative;
}

.page-thanks__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 1.5%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-thanks__title-box {
	display: flex;
	justify-content: center;
}

.page-thanks__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.125;
}

.page-thanks__text-box {
	margin-top: 2.3rem;
	text-align: center;
}

.page-thanks__text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
}

.page-voice-cards {
	grid-gap: 5rem 2.5rem;
	display: grid;
	gap: 5rem 2.5rem;
	grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}

.page-voice {
	position: relative;
}

.page-voice__inner {
	position: relative;
}

.page-voice__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.page-voice__contents {
	margin-top: 2.5rem;
}

.page-voice__nav {
	margin-top: 5.3rem;
}

.price {
	background-color: #fdf9f1;
	padding: 5.2rem 0;
}

.price__title-wrap {
	text-align: center;
}

.price__container {
	margin-top: 1.7rem;
}

.price__content {
	margin-top: 2.5rem;
}

.price__box {
	margin-top: 2.6rem;
}

.price__lead {
	border-bottom: 1px solid #0082b4;
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	padding-bottom: 0.25rem;
}

.price__menu {
	display: flex;
	justify-content: space-between;
	margin-top: 0.6rem;
}

.price__name {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5;
}

.price__cost {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5;
}

.price__btn-wrap {
	margin-top: 2.9rem;
	text-align: center;
}

.privacy__inner {
	position: relative;
}

.privacy__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 0.3%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.privacy__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}

.privacy__primary-wrap {
	margin-top: 2.49rem;
}

.privacy__primary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.privacy__primary-detail {
	margin-top: 2rem;
}

.privacy__primary-box {
	margin-left: 1.4rem;
}

.privacy__primary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.privacy__secondary-wrap {
	margin-top: 2em;
}

.privacy__secondary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.privacy__secondary-box {
	margin-left: 1.4rem;
}

.privacy__secondary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.privacy__tertiary-wrap {
	margin-top: 1.9rem;
}

.privacy__tertiary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.privacy__tertiary-content {
	margin-left: 1.4rem;
}

.privacy__tertiary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.privacy__quaternary-wrap {
	margin-top: 2.1rem;
}

.privacy__quaternary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.privacy__quaternary-content {
	margin-left: 1.4rem;
}

.privacy__quaternary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.privacy__under-wrap {
	margin-top: 2rem;
}

.privacy__under-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.review-area {
	margin-top: 1.4rem;
}

.review-area__box {
	margin-top: 1rem;
}

.review-area__age {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.5;
}

.review-area__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 0.5rem;
}

.review-area__contact {
	margin-top: 2.5rem;
	text-align: center;
}

.review-area__imgs {
	aspect-ratio: 294/218;
	height: 100%;
}

.review-area__img {
	-o-object-fit: cover;
	height: inherit;
	object-fit: cover;
	width: 100%;
}

.section-title {
	display: inline-block;
	text-align: center;
}

.section-title__main {
	color: #0d2936;
	font-family: "Gotu", sans-serif;
	font-size: 2rem;
	line-height: 1;
}

.section-title__main::first-letter {
	color: #0082b4;
}

.section-title__main.section-title__main--contact {
	line-height: 0.8em;
}

.section-title__sub {
	color: #0082b4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1;
	margin-top: 0.6rem;
}

.section-title__sub.section-title__sub--contact {
	margin-top: 0rem;
}

.section-title__main.section-title__main--large {
	font-size: 5rem;
}

.sidebar-title {
	align-items: center;
	border-left: 8px solid #0082b4;
	display: flex;
}

.sidebar-title__icon {
	margin-left: 1rem;
	max-width: 3.125rem;
	width: 100%;
}

.sidebar-title__main {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	margin-left: 0.5rem;
}

.sidebar__inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	width: 100%;
}

.sidebar__review {
	margin-top: 5rem;
}

.sidebar__campaign-cards.campaign-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	justify-items: center;
	margin-top: 1.5rem;
}

.sidebar__campaign-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	justify-items: center;
	margin-top: 1.5rem;
}

.sidebar__campaign-contact {
	margin-top: 2.6rem;
	text-align: center;
}

.sidebar__archive-accordion {
	margin-top: 1.5rem;
}

.sitemap__inner {
	position: relative;
}

.sitemap__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 7.5%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.slide-in {
	height: 100vh;
	height: 100svh;
	opacity: 1;
	position: absolute;
	transition: opacity 0.6s ease-in-out;
	width: 100%;
	z-index: 10;
}

.slide-in.fade-out {
	opacity: 0;
}

.slide-in::before,
.slide-in::after {
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 100vh;
	height: 100svh;
	position: absolute;
	top: 0;
	transition: transform 0.6s ease-out; /* アニメーション時間を修正 */
	width: 50%; /* 幅を50%に設定 */
	z-index: 6;
}

.slide-in::before {
	background-image: url("../images/common/slide-in-sp_left.jpg");
	background-position: top right;
	left: 0;
	transform: translateY(100%); /* 下方向に初期位置を設定 */
}

.slide-in::after {
	background-image: url("../images/common/slide-in-sp_right.jpg");
	background-position: top left;
	right: 0;
	transform: translateY(100%); /* 下方向に初期位置を設定 */
	transition-delay: 0.3s; /* 左側がスライドインしてから0.3秒後にアニメーション開始 */
}

.slide-in.active::before {
	transform: translateY(0); /* 左側のスライドイン */
}

.slide-in.active::after {
	transform: translateY(0); /* 右側のスライドイン */
}

/* 送信ボタン */

.submit-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; /* buttonタグのリセットCSS */
	background-color: transparent;
	background-color: #3abec1;
	border: none;
	color: #fff;
	cursor: pointer;
	cursor: pointer; /* ポインターカーソルを表示 */
	outline: none;
	padding: 8px 24px;
}

.submit-btn[disabled] {
	background-color: #0082b4;
	cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

/* 前への矢印カスタマイズ */

/* 次への矢印カスタマイズ */

.swiper-button-lock {
	display: inherit; /* 別の値に変更する場合は適切な値を指定 */
}

/* 既存の Swiper スタイル */

.swiper-slide-active .swiper-slide__img,
.swiper-slide-duplicate-active .swiper-slide__img,
.swiper-slide-prev .swiper-slide__img {
	animation: zoomUp 10s linear 0s 1 normal both;
}

.swiper-slide__img picture {
	-o-object-fit: cover;
	height: 100vh;
	height: 100svh;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}

.swiper-slide__img img {
	-o-object-fit: cover;
	height: 100vh;
	height: 100svh;
	object-fit: cover;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.terms__inner {
	position: relative;
}

.terms__inner::before {
	background: url(../images/common/page-campaign.pc.svg) no-repeat center/contain;
	content: "";
	height: 3.4375rem;
	left: calc(50% - min(47vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: 0%;
	transform: translateY(-50%);
	width: 7.5rem;
	z-index: -1;
}

.terms__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}

.terms__primary-wrap {
	margin-top: 2.49rem;
}

.terms__primary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.terms__primary-box {
	margin-top: 2rem;
}

.terms__primary-detail {
	margin-left: 1.4rem;
}

.terms__primary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.terms__secondary-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.terms__secondary-box {
	margin-top: 1.99rem;
}

.terms__secondary-detail {
	margin-left: 1.4rem;
}

.terms__secondary-list {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
	list-style: decimal;
}

.terms__under-wrap {
	margin-top: 2rem;
}

.terms__under-text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2;
}

.voice-card {
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	height: 100%;
	margin: auto;
	max-width: 37.5rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	width: 100%;
}

.voice-card__container {
	display: flex;
	flex-direction: row-reverse;
	gap: 0.8rem;
	justify-content: space-between;
}

.voice-card__imgs {
	aspect-ratio: 155/117;
	flex: 1;
	margin-top: 1rem;
}

.voice-card__img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.voice-card__content {
	border-bottom: 1px solid #0082b4;
	flex: 1;
}

.voice-card__item {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.4;
}

.voice-card__category {
	border: 1px solid #0082b4;
	display: inline-block;
	padding: 0.14rem 0.7rem;
}

.voice-card__category-text {
	color: #0082b4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.833;
	white-space: nowrap;
}

.voice-card__lead {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #0d2936;
	display: -webkit-box;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.1rem;
	overflow: hidden;
	padding-bottom: 0.2rem;
}

.voice-card__text {
	color: #0d2936;
	display: -webkit-box;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 0.93rem;
	overflow: hidden;
}

.voice-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}

.voice__inner {
	position: relative;
}

.voice__title-wrap {
	text-align: center;
}

.voice__cards {
	margin-top: 2.5rem;
}

.voice__btn-wrap {
	margin-top: 2.5rem;
	text-align: center;
}

.wp-pagenavi {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	align-items: center;
	background-color: #fff;
	border: 1px solid #0082b4;
	color: #0082b4;
	display: inline-flex;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	height: 2.375rem;
	justify-content: center;
	transition: 0.3s ease;
	width: 2.375rem;
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
	background-color: #0082b4;
	color: #fff;
}

.wp-pagenavi span.current {
	background-color: #0082b4;
	color: #fff;
}

.previouspostslink {
	margin-right: 2.5rem;
	position: relative;
}

.previouspostslink::before {
	border-right: 1px solid #0082b4;
	border-top: 1px solid #0082b4;
	content: "";
	height: 0.7rem;
	position: absolute;
	right: 1.1rem;
	top: 0.8rem;
	transform: rotate(-136deg) translate(-50%, 50%);
	transition: border-color 0.3s ease;
	width: 0.7rem;
}

.nextpostslink {
	margin-left: 2.5rem;
	position: relative;
}

.nextpostslink::before {
	border-right: 1.5px solid #0082b4;
	border-top: 1.5px solid #0082b4;
	content: "";
	height: 0.7rem;
	left: 0.3rem;
	position: absolute;
	top: 1.09rem;
	transform: rotate(45deg) translateY(-50%);
	transition: border-color 0.3s ease;
	width: 0.7rem;
}

.nextpostslink:hover::before,
.previouspostslink:hover::before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

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

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.4814814815vw;
}

.top-about {
	margin-top: 8.3rem;
}

.top-blog-single-contact {
	margin-top: 8.7rem;
}

.top-blog-single {
	margin-top: 9rem;
}

.top-button__icon {
	height: 80px;
	width: 80px;
}

.top-campaign-contact {
	margin-top: 8.6rem;
}

.top-campaign {
	margin-top: 7.3rem;
}

.top-contact-footer {
	margin-top: 10.6rem;
}

.top-contact {
	margin-top: 9rem;
}

.top-error-contact-footer {
	margin-top: 7.6rem;
}

.top-footer {
	margin-top: 10.1rem;
}

.top-footer--404 {
	margin-top: 0;
}

.top-gallery {
	margin-top: 7.5rem;
}

.top-info-contact {
	margin-top: 8.9rem;
}

.top-info-footer {
	margin-top: 9.5rem;
}

.top-information {
	margin-top: 10.4rem;
}

.top-page-about-contact {
	margin-top: 8rem;
	padding-bottom: 10rem;
}

.top-page-about {
	margin-top: 9.2rem;
}

.top-page-blog {
	margin-top: 9rem;
}

.top-page-campaign {
	margin-top: 9.25rem;
}

.top-page-contact {
	margin-top: 8.75rem;
}

.top-page-faq-contact {
	margin-top: 9rem;
}

.top-page-faq {
	margin-top: 9.2rem;
}

.top-page-information {
	margin-top: 9rem;
}

.top-page-main-contact {
	margin-top: 9.375rem;
}

.top-page-price-contact {
	margin-top: 9rem;
}

.top-page-price {
	margin-top: 9.5rem;
}

.top-page-sitemap-contact {
	margin-top: 9rem;
}

.top-page-thanks {
	margin-top: 9rem;
}

.top-page-voice-contact {
	margin-top: 8.5rem;
}

.top-page-voice {
	margin-top: 9.6rem;
}

.top-price {
	margin-top: 8.6rem;
}

.top-privacy {
	margin-top: 10rem;
}

.top-sidebar-campaign {
	margin-top: 5.1rem;
}

.top-terms {
	margin-top: 8rem;
}

.top-thanks-footer {
	margin-top: 7.6rem;
}

.top-voice {
	margin-top: 8.49rem;
}

.top404-breadcrumb {
	padding-top: 4.125rem;
}

.about__inner::before {
	background: url(../images/common/sango-pc.svg) no-repeat center/contain;
	bottom: 0rem;
	content: "";
	display: inline-block;
	height: 30.1666rem;
	position: absolute;
	right: calc(50% - min(49vw, 40.2rem));
	transform: translateY(50%);
	width: 12.12rem;
}

.about__container {
	margin-top: 2rem;
	position: relative;
}

.about__visual-wrap {
	grid-template-columns: repeat(2, 18.6%) repeat(3, 1fr);
	grid-template-rows: 12% repeat(3, 1fr) 8.13%;
}

.about__content {
	content: "";
	display: flex;
	gap: 2.5rem;
	left: 57.4%;
	margin-left: auto;
	margin-top: 0;
	max-width: 52.5rem;
	position: absolute;
	top: 48.6%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 4;
}

.about__first {
	flex: 1;
	margin-top: 0;
}

.about__second {
	flex: 1;
}

.about__content-title {
	color: #fff;
	font-family: "Gotu", sans-serif;
	font-size: 5rem;
	font-weight: 300;
	line-height: 1.2;
}

.about__content-text {
	color: #fff;
	font-size: 1rem;
	margin-top: 0rem;
}

.about__content-box {
	margin-top: 2rem;
}

.accordion__content {
	margin-top: 0.4rem;
}

.article-cards {
	gap: 2rem;
}

.blog-cards {
	grid-template-columns: repeat(3, 1fr);
}

.blog-cards.blog-cards--2col {
	gap: 4.9rem 2rem;
	grid-template-columns: repeat(2, 1fr);
}

.blog-single__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 39.1rem));
	top: 0%;
	width: 18.125rem;
}

.blog-single__outer {
	display: flex;
}

.blog-single__visual-wrap {
	left: calc(50% - min(48%, 39.1rem));
	top: 7%;
}

.blog-single__wrap {
	display: contents;
}

.blog-single__body {
	width: 70%;
}

.blog-single__title {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 2rem;
	font-weight: 500;
	margin-top: 0;
}

.blog-single__imgs {
	margin-top: 2.5rem;
}

.blog-single__img-wrap {
	margin-top: 2.5rem;
}

.blog-single__container {
	margin-top: 2.1rem;
}

.blog-single__block {
	margin-left: 1.2rem;
}

.blog-single__list {
	margin-left: 0.2rem;
}

.blog-single__nav {
	margin-top: 4.8rem;
}

.blog-single__sidebar {
	margin-left: 4.6rem;
	margin-top: 0;
	width: 30%;
}

.blog {
	padding-top: 6rem;
	position: relative;
}

.blog__inner::before {
	animation: float-wave 5s ease-in-out infinite;
	animation-delay: 0.5s;
	background: url(../images/common/blog-pc.left1.svg) no-repeat center/contain;
	content: "";
	height: 12.5625rem;
	left: calc(50% - min(28vw, 27.1rem));
	position: absolute;
	text-align: left;
	top: -10%;
	transform: translate(-50%);
	width: 27.3125rem;
}

.blog__cards {
	margin-top: 4.6rem;
}

.blog__visual-wrap {
	content: "";
	height: 55%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -2;
}

.blog__visual {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.blog__btn-wrap {
	margin-top: 5.11rem;
}

.breadcrumb__inner {
	max-width: 70rem;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.campaign-card__contents {
	padding-bottom: 1.8rem;
	padding-top: 1.5rem;
}

.campaign-card__contents.campaign-card__contents--big {
	padding-bottom: 2.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
}

.campaign-card__tag {
	padding: 0.2rem 1rem;
}

.campaign-card__description {
	margin-top: 0.2rem;
}

.campaign-card__description--big {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

.campaign-card__container {
	margin-top: 1.4rem;
}

.campaign-card__text {
	font-size: 1.03rem;
	letter-spacing: 0.06em;
}

.campaign-card__price-out {
	font-size: 1.5rem;
	margin-left: 0;
}

.campaign-card__price-in {
	font-size: 2.43rem;
	margin-left: 2.6rem;
}

.campaign-card__box--side {
	text-align: center;
}

.campaign-card__contents--side {
	padding-top: 0;
}

.campaign-card__img.campaign-card__img--side {
	aspect-ratio: 294/188;
}

.campaign-cards {
	gap: 5rem 2.3rem;
	grid-template-columns: repeat(2, minmax(17.5rem, 1fr));
}

.campaign__cards-wrap {
	margin-right: calc(50% - 49vw);
	margin-top: 1.78rem;
	padding-bottom: 1rem;
}

.campaign__cards {
	margin-right: calc(50% - 50vw);
}

.campaign__contact {
	margin-top: 4.3rem;
}

.campaign__wrap {
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 12%;
	top: 5%;
	width: 16rem;
}

.campaign__next.swiper-button-next,
.campaign__prev.swiper-button-prev {
	height: 5rem;
	width: 5rem;
}

.campaign__next.swiper-button-next::after,
.campaign__prev.swiper-button-prev::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 5rem;
	margin: auto;
	width: 5rem;
}

.category {
	justify-content: flex-start;
}

.category__items {
	align-items: center;
	gap: 1rem 2rem;
}

.common-mv__box {
	top: 59%;
}

.common-mv__title {
	font-size: 5rem;
}

.contact__inner::before {
	animation: float-wave 4s ease-in-out infinite;
	animation-delay: 0.8s;
	content: "";
	display: inline-block;
	height: 8.625rem;
	position: absolute;
	right: calc(50% - min(57vw, 53.2rem));
	text-align: right;
	top: -9%;
	transform: translate(-50%);
	width: 18.8125rem;
}

.contact__wrap {
	box-shadow: 0.25rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.25);
	display: flex;
	justify-content: center;
	padding: 5.0625rem 1.25rem 4.75rem 2rem;
	width: 100%;
}

.contact__top {
	margin-left: 0rem;
	margin-right: 0rem;
	width: 42%;
}

.contact__under {
	border-left: 1px solid #0082b4;
	margin-left: 5.5rem;
	margin-top: 1.2rem;
	max-width: 31.65rem;
	padding-left: 1rem;
	width: 46%;
}

.contact__logo-wrap {
	margin-bottom: 0.4rem;
}

.contact__logo {
	max-width: 12.5rem;
	width: 100%;
}

.contact__body {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 1.5rem;
}

.contact__box {
	align-items: flex-start;
	margin-top: 0;
	white-space: nowrap;
}

.contact__map {
	aspect-ratio: 273/148;
	margin-bottom: 0rem;
	margin-left: 1rem;
	margin-top: 0;
	width: 60%;
}

.contact__map iframe {
	height: 100%;
	width: 100%;
}

.contact__title-sub.section-title__sub {
	margin-top: 0.2rem;
}

.contact__visual {
	content: "";
	display: block;
	position: absolute;
	right: calc(50% - min(57%, 53.2rem));
	text-align: right;
	top: -9%;
	transform: translate(-50%);
}

.contact__visual-item {
	display: inline-block;
	max-width: 18.8125rem;
	z-index: 1;
}

.contact__logo-imgs {
	margin-top: 1.69rem;
	width: 100%;
}

.contact__btn-wrap {
	margin-top: 2.5rem;
}

.error-contact__inner::before {
	height: 8.625rem;
	left: calc(50% - min(42vw, 38.1rem));
	top: -1%;
	width: 18.125rem;
}

.error-contact__text {
	max-width: 21.8125rem;
	width: 100%;
}

.form__text.form__text--red {
	margin-top: 0;
}

.error::before {
	background-position: 24% 50%;
	background-size: 50%;
	top: 3rem;
}

.error__outer {
	margin-top: 8.5rem;
}

.error__title {
	font-size: 10rem;
}

.error__text-wrap {
	margin-top: 2.3rem;
}

.error__btn-wrap {
	margin-top: 5rem;
}

.faq-accordion__title {
	padding: 1.625rem 23rem 1.5625rem 2.5rem;
}

.faq-accordion__title::before,
.faq-accordion__title::after {
	right: 1.875rem;
	width: 2rem;
}

.faq-accordion__title-text {
	font-size: 1.25rem;
}

.faq-accordion__content {
	margin-top: 1rem;
	padding: 2.5rem;
}

.footer-menu__wrapper {
	justify-content: flex-start;
	margin-top: 0;
}

.footer-menu__body {
	display: flex;
}

.footer-menu__body:not(:first-child) {
	margin-left: 3.6rem;
}

.footer-menu__body.footer-menu__body--black:not(:first-child) {
	margin-left: 9.5rem;
}

.footer-menu__box-pc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer-menu__box-pc.footer-menu__box-pc--black:not(:first-child) {
	margin-left: 10.5rem;
}

.footer-menu__box-pc:not(:first-child) {
	margin-left: 8.875rem;
}

.footer-menu__items {
	display: flex;
	flex-direction: column;
}

.footer-menu__link-top {
	margin-top: 1.59rem;
}

.footer {
	padding: 5rem 0;
}

.footer__top-wrap {
	align-items: end;
	display: flex;
	flex-direction: row;
}

.footer__logo {
	margin: 0;
	max-width: 12.5rem;
	width: 100%;
}

.footer__top-box {
	margin-left: 2.5rem;
	width: 100%;
}

.footer__icon-facebook {
	height: 2rem;
	width: 2rem;
}

.footer__icon-instagram {
	height: 2rem;
}

.footer__under-box {
	display: flex;
	justify-content: center;
	margin-top: 5rem;
}

.footer__copyright {
	font-size: 0.875rem;
	line-height: 1.2857;
}

.footer-menu__box-pc--special {
	padding-right: 2rem;
}

.form__box {
	align-items: flex-start;
	display: flex;
	padding-bottom: 2.5rem;
}

.form__box:not(:nth-child(4)) {
	justify-content: space-between;
}

.form__box:nth-child(4) {
	padding-bottom: 2.1rem;
}

.form__box:nth-child(5) {
	margin-top: 2.2rem;
	padding-bottom: 2.5rem;
}

.form__item {
	width: 30%;
}

.form__body {
	margin-top: 0;
	max-width: 30rem;
	width: 70%;
}

.form__text {
	margin-top: 0;
}

.form__select {
	padding: 0.325rem;
}

.form__skill.form__skill--circle {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 0.10625rem 1.5625rem;
	position: relative;
	width: auto;
}

.form__skill.form__skill--circle::before {
	border: 1px solid #0082b4;
	border-radius: 50%;
	content: "";
	display: block;
	height: 1rem;
	width: 1rem;
}

.form__skill.form__skill--circle::after {
	background-color: #0082b4;
	border-bottom: 0;
	border-radius: 50%;
	border-right: 0;
	display: block;
	height: 0.625rem;
	left: 0.2rem;
	top: 30%;
	width: 0.625rem;
}

.form__checkbox-wrap {
	display: flex;
	flex-direction: column;
	margin-left: 3.7rem;
	margin-top: 0.3rem;
}

.form__select-wrap {
	margin-top: 0;
	max-width: 30rem;
	width: 100%;
}

.form__textarea-box {
	display: flex;
	justify-content: space-between;
	margin-top: 2.4rem;
	padding-bottom: 2.1rem;
}

.form__textarea-wrap {
	margin-top: 0;
	width: 68%;
}

.form__Send-wrap {
	margin-top: 5rem;
}

.form__checkbox-txt::before {
	left: -10%;
	top: 42%;
}

.form__checkbox-txt::after {
	left: -8%;
	top: 19%;
}

.form__btn-wrap {
	margin-top: 2.2rem;
}

.form__text.form__text--red {
	margin-top: 0;
}

.gallery-items {
	gap: 0.5rem;
	grid-auto-rows: auto;
	grid-template-columns: repeat(13, 1fr);
	margin-top: 4.9rem;
}

.gallery-items__img:nth-child(6n+1) {
	aspect-ratio: 492/746;
	grid-column: span 6;
	grid-row: span 2;
}

.gallery-items__img:nth-child(6n+2),
.gallery-items__img:nth-child(6n+3) {
	aspect-ratio: 580/360;
	grid-column: span 7;
	grid-row: span 1;
}

.gallery-items__img:nth-child(6n+4) {
	aspect-ratio: 580/360;
	grid-column: span 7;
	grid-row: span 1;
}

.gallery-items__img:nth-child(6n+5) {
	aspect-ratio: 580/360;
	grid-column: span 7;
	grid-row: span 1;
}

.gallery-items__img:nth-child(6n) {
	aspect-ratio: 492/746;
	grid-column: span 6;
	grid-row: span 2;
}

.gallery__inner::before {
	animation: float-wave 5.5s ease-in-out infinite;
	animation-delay: 2s;
	background: url(../images/common/gallery-right.svg) no-repeat center/contain;
	content: "";
	display: block;
	height: 8.625rem;
	position: absolute;
	right: calc(50% - min(54vw, 53.2rem));
	text-align: right;
	top: -5%;
	transform: translate(-50%);
	width: 18.125rem;
}

.gallery__visual-img {
	display: inline-block;
	max-width: 18.8125rem;
	z-index: 1;
}

.header {
	align-items: center;
	display: flex;
	height: 5.625rem;
}

.header__inner {
	justify-content: space-between;
	padding: 0 2.51rem;
	width: 100%;
}

.information {
	padding-bottom: 4.7rem;
	padding-top: 5.89rem;
}

.information__container {
	display: flex;
	margin-top: 2.2rem;
}

.information__visual-wrap {
	width: 50%;
}

.information__img {
	aspect-ratio: 540/356;
}

.information__content {
	aspect-ratio: 492/234;
	margin-left: 2.93rem;
	margin-top: 3.77rem;
}

.information__content-title {
	font-size: 1.5rem;
	line-height: 1;
	padding-bottom: 0.5rem;
}

.inner {
	max-width: 1130px;
	padding-left: 25px;
	padding-right: 25px;
}

.logo-link {
	width: 8.312rem;
}

.mv__title {
	font-size: 5rem;
	line-height: normal;
	text-indent: 0.54em;
}

.page-about__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 38.1rem));
	top: -0.4%;
	width: 18.125rem;
}

.page-about__img {
	width: 100%;
}

.page-about__visual-wrap {
	grid-template-columns: repeat(2, 18.6%) repeat(3, 1fr);
	grid-template-rows: 12% repeat(3, 1fr) 8.13%;
}

.page-about__first {
	left: 37%;
	top: 46%;
	z-index: 3;
}

.page-about__content-title {
	font-size: 5rem;
	line-height: 1.2;
}

.page-about__second {
	left: 78.5%;
	margin-top: 0;
	position: absolute;
	top: 45.5%;
	transform: translate(-50%, -50%);
	width: 38%;
}

.page-about__content-text {
	color: #fff;
}

.page-about__imgs-right {
	grid-area: 2/6/6/2;
}

.page-blog__inner::before {
	height: 8.625rem;
	left: calc(50% - min(47vw, 38.1rem));
	top: 0%;
	width: 18.125rem;
	z-index: -1;
}

.page-blog__wrapper {
	display: flex;
}

.page-blog__main {
	width: 70%;
}

.blog-cards--2col.blog-cards {
	gap: 4.9rem 2rem;
	grid-template-columns: repeat(2, 1fr);
}

.page-blog__visual {
	width: 100%;
}

.page-blog__sidebar {
	margin-left: 3.9rem;
	margin-top: 0;
	width: 30%;
}

.page-campaign__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 38.75rem));
	top: 0%;
	width: 18.125rem;
}

.page-campaign__cards {
	padding-left: 0;
	padding-right: 0;
}

.page-campaign__nav {
	margin-top: 4.7rem;
}

.page-campaign__pc-wrap {
	margin-top: 1rem;
}

.page-campaign__btn-wrap {
	margin-top: 1rem;
}

.page-contact__inner::before {
	height: 8.625rem;
	left: calc(50% - min(37vw, 34.1rem));
	top: 0%;
	width: 18.125rem;
}

.page-contact__visual {
	width: 100%;
}

.page-contact__outer.page-contact__outer--error {
	margin-top: 9rem;
}

.page-faq__inner::before {
	height: 8.625rem;
	left: calc(50% - min(43vw, 38.1rem));
	top: 0%;
	width: 18.125rem;
}

.page-information__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 38.1rem));
	top: 0%;
	width: 18.125rem;
}

.page-information__category-item {
	max-width: 300px;
	width: 100%;
}

.page-information__category-link {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	padding: 1.625rem 0;
	text-indent: 2.7em;
}

.page-information__category-link::before {
	background-color: #0082b4;
	content: "";
	height: 4rem;
	position: absolute;
	right: 2%;
	top: 17%;
	transition: background-color 0.3s ease;
	width: 90%;
	z-index: 3;
}

.page-information__category-link[data-target=license]::before {
	-webkit-mask-image: url(../images/common/kujira_icon1.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left;
	-webkit-mask-size: contain;
	mask-image: url(../images/common/kujira_icon1.svg);
	mask-position: left;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-information__category-link[data-target=license]:hover::before {
	background-color: #fff;
}

.page-information__category-link[data-target=fun-diving]::before {
	-webkit-mask-image: url(../images/common/shark_icon1.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left;
	-webkit-mask-size: contain;
	mask-image: url(../images/common/shark_icon1.svg);
	mask-position: left;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-information__category-link[data-target=fun-diving]:hover::before {
	background-color: #fff;
}

.page-information__category-link[data-target=experience-diving]::before {
	-webkit-mask-image: url(../images/common/fish_icon1.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left;
	-webkit-mask-size: contain;
	mask-image: url(../images/common/fish_icon1.svg);
	mask-position: left;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-information__category-link[data-target=experience-diving]:hover:before {
	background-color: #fff;
}

.page-information__category-link.clicked::before,
.page-information__category-link.clicked:hover::before {
	background-color: #fff;
}

.page-information__wrpper {
	margin-top: 1.5rem;
	padding: 1.2rem 1.5rem;
}

.page-information__wrpper.active {
	display: flex;
}

.page-information__box {
	flex: 1;
	margin-top: 4.1rem;
}

.page-information__title {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	padding-bottom: 0.5rem;
}

.page-information__text {
	color: #0d2936;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.page-information__imgs {
	flex: 1;
	margin-left: 3rem;
}

.page-information__img {
	max-width: 30.75rem;
	width: 100%;
}

.page-price__inner.inner {
	max-width: 46.75rem;
	position: relative;
	width: 100%;
}

.page-price__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 38.1rem));
	top: -1%;
	width: 18.125rem;
}

.page-faq__visual {
	width: 100%;
}

.page-price__wrap {
	gap: 4.75rem;
}

.page-price__outer {
	display: flex;
}

.page-price__box {
	flex-direction: column-reverse;
	max-width: 12.5rem;
	padding: 2.5625rem 1.25rem;
	width: 100%;
}

.page-price__icons {
	margin-top: 0.5rem;
}

.page-price__icon {
	height: 4rem;
	width: 4rem;
}

.page-price__name {
	max-width: 68%;
	padding-left: 0.5rem;
	padding-right: 2.4rem;
	text-align: left;
}

.page-price__figure {
	width: 40%;
}

.page-thanks__inner.inner {
	max-width: 42.5rem;
}

.page-thanks__inner::before {
	height: 8.625rem;
	left: calc(50% - min(43vw, 39.1rem));
	top: -1.6%;
	width: 18.125rem;
}

.page-voice-cards {
	grid-template-columns: repeat(auto-fit, minmax(21.5rem, 1fr));
}

.page-voice__inner::before {
	height: 8.625rem;
	left: calc(50% - min(47vw, 38.1rem));
	top: 0.5%;
	width: 18.125rem;
}

.page-voice__nav {
	margin-top: 4.6rem;
}

.price {
	padding: 6rem 0;
	position: relative;
}

.price__inner.inner {
	position: relative;
}

.price__container {
	align-items: flex-start;
	display: flex;
	flex-direction: row-reverse;
	gap: 8%;
	justify-content: space-between;
	margin-top: 0;
	margin-top: 2.13rem;
}

.price__img-wrap {
	flex: 1;
}

.price__img {
	aspect-ratio: 492/746;
	width: 100%;
}

.price__content {
	grid-gap: 2.8rem;
	display: grid;
	flex: 1;
	gap: 2.8rem;
	margin-top: 0;
}

.price__box {
	margin-top: 0;
}

.price__menu {
	margin-top: 0.39rem;
}

.price__name {
	font-size: 1rem;
}

.price__cost {
	letter-spacing: 0.075em;
	padding-left: 1rem;
}

.price__visual-left {
	bottom: 4.1%;
	content: "";
	display: block;
	left: calc(50% - min(28%, 29.1rem));
	position: absolute;
	text-align: left;
	transform: translate(-50%);
}

.price__visual-img {
	display: inline-block;
	max-width: 27.3125rem;
	width: 100%;
}

.price__btn-wrap {
	margin-top: 4.3rem;
}

.privacy__inner::before {
	height: 8.625rem;
	left: calc(50% - min(46vw, 38.1rem));
	top: 0%;
	width: 18.125rem;
}

.privacy__inner {
	max-width: 53.125rem;
	width: 100%;
}

.privacy__title {
	font-size: 2rem;
}

.section-title__main {
	font-size: 2.5rem;
	line-height: 1;
}

.section-title__main--white {
	color: #fff;
}

.section-title__main--white::first-letter {
	color: #fff;
}

.section-title__sub--white {
	color: #fff;
}

.sidebar__inner {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

.sidebar__review {
	margin-top: 5rem;
}

.sidebar__campaign-cards.campaign-cards {
	display: flex;
	flex-direction: column;
	margin-top: 1.2rem;
}

.sidebar__campaign-cards {
	display: flex;
	flex-direction: column;
	margin-top: 1.2rem;
}

.sidebar__campaign-contact {
	margin-top: 2.5rem;
}

.sitemap__inner::before {
	height: 8.625rem;
	left: calc(50% - min(50vw, 39.1rem));
	top: 8.6%;
	width: 18.125rem;
}

.sitemap__outer {
	margin-top: 7.6rem;
}

.slide-in::before {
	background-image: url("../images/common/slide-in_left.jpg");
}

.slide-in::after {
	background-image: url("../images/common/slide-in_right.jpg");
}

.swiper-button-prev::after {
	background-image: url(../images/common/campaign-prev.svg);
}

.swiper-button-next::after {
	background-image: url(../images/common/campaign-next.svg);
}

.terms__inner {
	max-width: 53.125rem;
	width: 100%;
}

.terms__inner::before {
	height: 8.625rem;
	left: calc(50% - min(48vw, 38.1rem));
	top: 0%;
	width: 18.125rem;
}

.terms__title {
	font-size: 2rem;
}

.voice-card {
	padding-bottom: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.79rem;
	padding-top: 1rem;
}

.voice-card__imgs {
	aspect-ratio: 180/140;
}

.voice-card__content {
	display: flex;
	flex: 1.5;
}

.voice-card__detail {
	display: flex;
	margin-top: 2rem;
}

.voice-card__item {
	margin-top: 1rem;
}

.voice-card__category {
	margin-left: auto;
	padding: 0.3rem 1rem;
}

.voice-card__lead {
	font-size: 1.5rem;
	margin-top: 0.4rem;
}

.voice-card__text {
	margin-top: 2.39rem;
}

.voice-cards {
	grid-template-columns: repeat(auto-fit, minmax(21.5rem, 1fr));
}

.voice__inner::before {
	animation: float-wave 6s ease-in-out infinite;
	animation-delay: 1.2s;
	background: url(../images/common/voice-pc.left.svg) no-repeat center/contain;
	content: "";
	display: block;
	height: 8.625rem;
	left: calc(50% - min(33vw, 29.1rem));
	position: absolute;
	text-align: left;
	top: -19%;
	transform: translate(-50%);
	width: 18.8125rem;
}

.voice__inner::after {
	animation: float-wave 4.5s ease-in-out infinite;
	animation-delay: 0s;
	background: url(../images/common/voice-pc.right.svg) no-repeat center/contain;
	bottom: -12%;
	content: "";
	display: block;
	height: 10.125rem;
	position: absolute;
	right: calc(50% - min(50vw, 36.2rem));
	text-align: right;
	transform: translate(-50%);
	width: 4.4375rem;
}

.voice__cards {
	margin-top: 1.19rem;
}

.voice__visual-item {
	display: inline-block;
	max-width: 4.4375rem;
	width: 100%;
}

.voice__btn-wrap {
	margin-top: 5rem;
}

}

@media (min-width: 1080px) {

html {
	font-size: 16px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes float-wave {

0% {
	transform: translate(-50%, 0) rotate(0deg);
}

25% {
	transform: translate(-50%, -8px) rotate(1deg);
}

50% {
	transform: translate(-50%, -14px) rotate(0deg);
}

75% {
	transform: translate(-50%, -6px) rotate(-1deg);
}

100% {
	transform: translate(-50%, 0) rotate(0deg);
}

}

@keyframes float-wave-simple {

0% {
	transform: translateY(0) rotate(0deg);
}

25% {
	transform: translateY(-8px) rotate(1deg);
}

50% {
	transform: translateY(-14px) rotate(0deg);
}

75% {
	transform: translateY(-6px) rotate(-1deg);
}

100% {
	transform: translateY(0) rotate(0deg);
}

}

@keyframes bounce {

0% {
	transform: translate(0, 0);
}

16.6% {
	animation-timing-function: ease-in;
	transform: translate(0, -20px);
}

33.3% {
	transform: translate(0, 0);
}

49.8% {
	animation-timing-function: ease-in;
	transform: translate(0, -14px);
}

66.4% {
	transform: translate(0, 0);
}

83% {
	animation-timing-function: ease-in;
	transform: translate(0, -4px);
}

100% {
	transform: translate(0, 0);
}

}

@keyframes wave-loop {

0% {
	transform: translateX(0);
}

100% {
	transform: translateX(-50%);
}

}

@keyframes stripeFadeIn {

0% {
	bottom: -100%;
	opacity: 0;
}

100% {
	bottom: 0;
	opacity: 1;
}

}

@keyframes fadeIn {

from {
	opacity: 0;
	transform: translateY(0.3rem);
}

to {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes zoomUp {

0% {
	transform: scale(1);
}

100% {
	transform: scale(1.08);
}

}


/*# sourceMappingURL=style.css.map */