body {
	color: #000;
	font-family: "Noto Sans JP", 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 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;
}

.accordion__content {
	--accordion-initial-height-sp: 0px;
	--accordion-initial-height-md: 0px;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.accordion-button-text--close {
	display: none;
}

.accordion.is-active .accordion-button-text--open {
	display: none;
}

.accordion.is-active .accordion-button-text--close {
	display: inline;
}

.accordion.is-active .note-btn--more::after {
	transform: translateY(-50%) rotate(180deg);
}

.base-text {
	font-feature-settings: "palt" 1;
	font-size: 4.5333333333vw;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.8823529412;
	text-align: left;
}

.campaign {
	background-color: #f2f2f2;
	padding-bottom: 26.8vw;
	padding-top: 24.9333333333vw;
	position: relative;
}

/*--------------------------------------------------
  あしらい画像
--------------------------------------------------*/

.campaign__deco {
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.campaign__deco img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.campaign__deco--br {
	bottom: -17.3333333333vw;
	right: 0;
	width: 52.4vw;
}

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

.campaign__head {
	margin-left: auto;
	margin-right: auto;
	width: 57.7333333333vw;
}

.campaign__head img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.campaign__title {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6.6666666667vw;
	max-width: 70.2666666667vw;
	width: 100%;
}

.campaign__title img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.campaign__text {
	font-feature-settings: "palt" 1;
	color: #333;
	font-size: 4vw;
	letter-spacing: 0.075em;
	line-height: 1.6;
	margin-top: 5.0666666667vw;
	position: relative;
	text-align: left;
}

.campaign__img {
	left: 50%;
	margin-top: 4vw;
	position: relative;
	transform: translateX(-50%);
	width: 97.3333333333vw;
}

.campaign__img img {
	-o-object-fit: contain;
	border-radius: 1rem;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.campaign__note {
	margin-top: 2.6666666667vw;
}

.campaign__note-item {
	font-feature-settings: "palt" 1;
	color: #333;
	font-size: 3.7333333333vw;
	line-height: 1.7142857143;
	padding-left: 3.7333333333vw;
	text-indent: -3.7333333333vw;
}

.campaign__cap {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 3.7333333333vw;
	letter-spacing: 0.075em;
	line-height: 1.7142857143;
	margin-top: 3.7333333333vw;
	text-align: center;
}

.campaign__btn {
	margin-top: 8vw;
	position: relative;
	text-align: center;
	z-index: 2;
}

.common-btn {
	align-items: center;
	background-color: #017b63;
	border-radius: 10.6666666667vw;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
	display: inline-flex;
	flex-direction: column;
	gap: 2vw;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 87.0666666667vw;
	padding: 4.6666666667vw 2.6666666667vw 4vw 2.6666666667vw;
	position: relative;
	transition: background-color 0.1s ease;
	width: 100%;
}

.common-btn:after {
	background-image: url(../../assets/images/common/icon_btn-arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 3.3333333333vw;
	position: absolute;
	right: 7%;
	top: 50%;
	transform: translateY(-50%);
	width: 2.6666666667vw;
}

.common-btn::before {
	background-image: url(../../assets/images/common/icon_mobile.png);
	background-image: -webkit-image-set(url(../../assets/images/common/icon_mobile.webp) type("image/webp"), url(../../assets/images/common/icon_mobile.png) type("image/png"));
	background-image: image-set(url(../../assets/images/common/icon_mobile.webp) type("image/webp"), url(../../assets/images/common/icon_mobile.png) type("image/png"));
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 28.8vw;
	left: 0vw;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	width: 19.2vw;
	z-index: 1;
}

.common-btn__date {
	font-feature-settings: "palt" 1;
	color: #fff;
	font-size: 3.4666666667vw;
	font-weight: 700;
	line-height: 1;
	padding-left: 6.6666666667vw;
}

.common-btn__text {
	font-feature-settings: "palt" 1;
	color: #fff;
	font-size: 6.4vw;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1;
	padding-left: 1.3333333333vw;
}

.c-page-home__main {
	position: relative;
}

.c-page-home__main h2 {
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}

.c-page-home__title {
	font-size: 6.4vw;
	position: relative;
}

.c-page-home__contact {
	background: #017b63;
	margin: 0 auto;
	padding: 8.5333333333vw 8.5333333333vw;
	text-align: center;
}

.c-page-home__contact h2 {
	color: #fff;
}

.c-page-home__contact-inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 4.2666666667vw 0;
	margin: 4.2666666667vw auto 0;
}

.c-page-home__contact-tel {
	background: #fff;
	border-radius: 6.4vw;
	font-weight: 700;
	line-height: 1.5;
	padding: 4vw 0 5.3333333333vw;
	width: 100%;
}

.c-page-home__contact-tel h3 {
	font-feature-settings: "palt" 1;
	font-size: 3.7333333333vw;
	font-weight: 400;
	margin: 0 auto;
}

.c-page-home__contact-tel-number {
	font-size: 6.4vw;
	margin: 1.3333333333vw auto 0;
}

.c-page-home__contact-tel-number a {
	-webkit-text-decoration: none;
	align-items: center;
	color: #000;
	display: flex;
	gap: 0 1.0666666667vw;
	justify-content: center;
	text-decoration: none;
}

.c-page-home__contact-tel-number a img {
	height: auto;
	width: 7.4666666667vw;
}

.c-page-home__contact-time {
	grid-gap: 0 4.2666666667vw;
	font-feature-settings: "palt" 1;
	color: #fff;
	display: grid;
	gap: 0 4.2666666667vw;
	grid-template-columns: fit-content(23.4666666667vw) auto;
	text-align: left;
}

.c-page-home__contact-time h3 {
	font-size: 3.2vw;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}

.c-page-home__contact-time p {
	font-size: 3.2vw;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.cta {
	background-color: #f2f2f2;
	padding-bottom: 16vw;
	padding-top: 16vw;
}

.cta__head {
	margin-left: auto;
	margin-right: auto;
	max-width: 57.7333333333vw;
	width: 100%;
}

.cta__head img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.cta__content {
	margin-top: 5.3333333333vw;
}

.cta__content img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.cta__btn {
	margin-top: 7.3333333333vw;
	text-align: center;
}

.digital {
	background: linear-gradient(to bottom, #ffed55 93%, #f2f2f2 93%);
	padding-top: 16vw;
}

.digital__lead {
	margin-left: auto;
	margin-right: auto;
	width: 64.1333333333vw;
}

.digital__lead img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.digital__content {
	background-color: #fff;
	border-radius: 6.4vw;
	margin-top: 5.3333333333vw;
	overflow: visible;
	padding: 10vw 7.3333333333vw 15.4666666667vw;
	position: relative;
	text-align: center;
}

/*--------------------------------------------------
  あしらい画像
--------------------------------------------------*/

.digital__deco {
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.digital__deco img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.digital__deco--tl {
	left: -5.3333333333vw;
	top: -10.6666666667vw;
	width: 15.8666666667vw;
}

.digital__deco--tr {
	right: -1.3333333333vw;
	top: -3.3333333333vw;
	width: 7.3333333333vw;
}

.digital__deco--bl {
	bottom: -20.6666666667vw;
	left: -5.3333333333vw;
	width: 40.2666666667vw;
}

.digital__deco--br {
	bottom: -22.6666666667vw;
	right: -5.3333333333vw;
	width: 24.5333333333vw;
}

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

.digital__label {
	margin-left: auto;
	margin-right: auto;
	width: 78.8vw;
}

.digital__label img {
	-o-object-fit: contain;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	width: 100%;
}

.digital__title {
	margin-top: 6.6666666667vw;
}

.digital__title img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.digital__text {
	color: #333;
	margin-top: 5.0666666667vw;
}

.digital__img {
	left: 50%;
	margin-top: 18.5333333333vw;
	position: relative;
	transform: translateX(-50%);
	width: 97.3333333333vw;
}

.digital__img img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.digital__img-text {
	max-width: 38.1333333333vw;
	position: absolute;
	right: 11.7333333333vw;
	top: -21.3333333333vw;
	width: 38.1333333333vw;
}

.digital__img-text img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.digital__btn {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: -4.6666666667vw;
	position: relative;
	width: 100vw;
	z-index: 0;
}

.digital__btn::after {
	background-image: url(../../assets/images/common/btn_blur.png);
	background-image: -webkit-image-set(url(../../assets/images/common/btn_blur.webp) type("image/webp"), url(../../assets/images/common/btn_blur.png) type("image/png"));
	background-image: image-set(url(../../assets/images/common/btn_blur.webp) type("image/webp"), url(../../assets/images/common/btn_blur.png) type("image/png"));
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 28.5333333333vw;
	left: 50%;
	position: absolute;
	top: -12vw;
	transform: translateX(-50%);
	width: 95.2vw;
	z-index: -1;
}

.digital__cap-area {
	margin-top: 9.3333333333vw;
}

.digital__cap {
	font-feature-settings: "palt" 1;
	color: #333;
	font-size: 4.2666666667vw;
	line-height: 1.625;
	text-align: left;
}

.digital__cap:nth-of-type(1) {
	font-weight: 700;
}

.digital__cap:nth-of-type(2) {
	font-weight: 400;
	margin-top: 2.6666666667vw;
	padding-left: 4.6666666667vw;
	text-indent: -4.6666666667vw;
}

.flow {
	background-color: #e5e9ea;
	padding-bottom: 16vw;
	padding-top: 24vw;
}

.flow__inner {
	overflow: visible;
	position: relative;
	text-align: center;
}

.flow__head {
	margin-left: auto;
	margin-right: auto;
	max-width: 55.3333333333vw;
	width: 100%;
}

.flow__head img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.flow__title {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.0666666667vw;
	max-width: 70.8vw;
	width: 100%;
}

.flow__title img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.flow__slider {
	margin-left: -5.3333333333vw;
	margin-right: -5.3333333333vw;
	margin-top: 3.7333333333vw;
	overflow: hidden;
	padding-left: 5.3333333333vw;
	padding-right: 5.3333333333vw;
	position: relative;
	z-index: 2;
}

.flow__slider .swiper-slide {
	height: auto;
	width: 60.8vw;
}

.flow__pagination {
	--swiper-pagination-color: #f9f9f9;
	--swiper-pagination-bullet-inactive-color: #cfd5d9;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 2.1333333333vw;
	--swiper-pagination-bullet-horizontal-gap: 1.0666666667vw;
	margin-top: 1.5rem;
	position: static;
}

.flow-card {
	background-color: #fff;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 6.4vw 3.2vw 5.3333333333vw 3.7333333333vw;
	text-align: left;
}

.flow-card__head {
	align-items: center;
	display: flex;
	gap: 4vw;
}

.flow-card__number {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	height: 90%;
	justify-content: space-between;
}

.flow-card__number-line {
	background-color: #000;
	display: block;
	height: 0.1333333333vw;
	width: 3.7333333333vw;
}

.flow-card__number-text {
	display: block;
	height: 5.6vw;
}

.flow-card__number-text img {
	-o-object-fit: contain;
	display: block;
	height: 100%;
	object-fit: contain;
	width: auto;
}

.flow-card__title {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 5.0666666667vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.3;
}

.flow-card__img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.2666666667vw;
	max-width: 52.2666666667vw;
	width: 100%;
}

.flow-card__img img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.flow-card__text {
	font-feature-settings: "palt" 1;
	color: #000;
	flex-grow: 1;
	font-size: 3.7333333333vw;
	letter-spacing: 0.07em;
	line-height: 1.5714285714;
	margin-top: 5.0666666667vw;
}

.flow-card__store {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: 4.2666666667vw;
}

.flow-card__store a {
	display: block;
	max-width: 36.5333333333vw;
	width: 100%;
}

.flow-card__store a img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.flow-card__btn {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.2vw;
	width: 100%;
}

.flow-card__btn a {
	-webkit-text-decoration: none;
	font-feature-settings: "palt" 1;
	background-color: #fff;
	border: 0.2666666667vw solid #017b63;
	border-radius: 10.6666666667vw;
	color: #017b63;
	display: block;
	font-size: 4vw;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.4;
	padding: 3.3333333333vw 2.6666666667vw;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.flow__btn {
	margin-top: 5.3333333333vw;
	position: relative;
	text-align: center;
	z-index: 2;
}

.flow-notes {
	background-color: #fff;
	border-radius: 6.4vw;
	margin-top: 15.4666666667vw;
	padding: 10.8vw 8.5333333333vw 10.8vw;
	text-align: left;
}

.flow-notes__title {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 5.3333333333vw;
	font-weight: 500;
	letter-spacing: 0.075em;
	line-height: 1.4;
	text-align: left;
}

.flow-notes__accordion {
	--accordion-initial-height-sp: calc(320 / 750 * 100vw);
	--accordion-initial-height-md: 5rem;
	margin-top: 4.5333333333vw;
}

.flow-notes__unit + .flow-notes__unit {
	margin-top: 6.6666666667vw;
}

.flow-notes__subtitle {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 4.2666666667vw;
	font-weight: 700;
	letter-spacing: 0.075em;
}

.flow-notes__lists {
	margin-top: 2vw;
}

.flow-notes__list {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 3.7333333333vw;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.5714285714;
	padding-left: 5.3333333333vw;
	position: relative;
}

.flow-notes__list::before {
	content: "・";
	left: 0;
	position: absolute;
}

.flow-notes__btn-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 7.3333333333vw;
	max-width: 34.6666666667vw;
	width: 100%;
}

.c-page-home {
	height: 100%;
	letter-spacing: 0.08em;
	width: 100%;
}

.c-page-home a {
	transition: opacity 0.3s ease-in-out;
}

.c-footer {
	background-color: #fff;
	padding: 8.5333333333vw 8vw;
	text-align: center;
}

.c-footer__body {
	grid-gap: 8vw 0;
	display: grid;
	gap: 8vw 0;
	margin: 0 auto;
}

.c-footer__link {
	font-size: 3.7333333333vw;
	line-height: 1.5;
	list-style: none;
	padding: 0;
	text-align: left;
}

.c-footer__link li + li {
	margin-top: 1.6vw;
}

.c-footer__link li a {
	-webkit-text-decoration: none;
	font-feature-settings: "palt" 1;
	color: #000;
	padding-left: 1em;
	position: relative;
	text-decoration: none;
}

.c-footer__link li a::before {
	background: url(../../assets/images/common/icon-chevron-03.svg) no-repeat center/contain;
	content: "";
	height: 2.4vw;
	left: 0;
	position: absolute;
	top: 0.46em;
	width: 1.3333333333vw;
}

.c-footer__info {
	grid-gap: 2.6666666667vw 0;
	display: grid;
	gap: 2.6666666667vw 0;
}

.c-footer__logo {
	margin: 0 auto;
	width: 33.3333333333vw;
}

.c-footer__logo a {
	display: block;
	width: 100%;
}

.c-footer__logo img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.c-footer__copyright {
	display: block;
	font-size: 3.2vw;
	margin: 0 auto;
	text-align: center;
}

.hamburger {
	height: 2.6666666667vw;
	position: relative;
	width: 5.0666666667vw;
	z-index: 1000;
}

.hamburger span {
	background-color: #fff;
	height: 0.8vw;
	left: 0;
	position: absolute;
	transform: scaleY(0.5);
	transition: transform 0.15s ease-out;
	width: inherit;
}

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

.hamburger span:nth-child(2) {
	bottom: 0;
}

.hamburger.is-active span:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg) scaleY(0.5);
}

.hamburger.is-active span:nth-child(2) {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg) scaleY(0.5);
}

.header {
	background-color: #007563;
	height: 11.7333333333vw;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: space-between;
	padding-left: 5.3333333333vw;
	padding-right: 5.4666666667vw;
}

.header__logo {
	z-index: 1000;
}

.header__logo,
.header__logo-link {
	height: inherit;
}

.header__logo-link {
	align-items: center;
	display: flex;
	height: inherit;
	width: 27.4666666667vw;
}

.header__logo-link img {
	-o-object-fit: contain;
	display: block;
	height: auto;
	object-fit: contain;
	width: 100%;
}

body.fixed {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 5.3333333333vw;
	padding-right: 5.3333333333vw;
	width: 100%;
}

.kv {
	background-image: url(../../assets/images/common/kv_bg_sp.jpg);
	background-image: -webkit-image-set(url(../../assets/images/common/kv_bg_sp.webp) type("image/webp"), url(../../assets/images/common/kv_bg_sp.jpg) type("image/jpeg"));
	background-image: image-set(url(../../assets/images/common/kv_bg_sp.webp) type("image/webp"), url(../../assets/images/common/kv_bg_sp.jpg) type("image/jpeg"));
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 11.7333333333vw;
	padding-bottom: 8.8vw;
	padding-top: 7.3333333333vw;
}

.kv__inner {
	padding-left: 8vw;
	padding-right: 9.6vw;
}

.kv__content {
	aspect-ratio: 618/1237;
	font-size: inherit;
	font-weight: inherit;
}

.kv__content img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.kyubun-modal {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 14% 5.3333333333vw 5.3333333333vw;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	visibility: hidden;
	z-index: 10001;
}

.kyubun-modal.is-active {
	opacity: 1;
	visibility: visible;
}

.kyubun-modal__dialog {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 16vw);
	max-width: 93.3333333333vw;
	padding-bottom: 5.3333333333vw;
	position: relative;
	width: 100%;
	z-index: 1;
}

.kyubun-modal__close {
	cursor: pointer;
	height: 8.5333333333vw;
	padding: 0;
	position: absolute;
	right: 0;
	top: -6.6666666667vw;
	transform: translateY(-50%);
	width: 8.5333333333vw;
	z-index: 10;
}

.kyubun-modal__close-icon {
	display: block;
}

.kyubun-modal__close-icon img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.kyubun-modal__body {
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	display: grid;
	flex: 1 1 auto;
	grid-template-columns: minmax(0, 1fr);
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 1;
}

.kyubun-modal__viewport {
	aspect-ratio: 1920/2582;
	grid-column: 1;
	grid-row: 1;
	isolation: isolate;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

.kyubun-modal__image-wrap {
	height: 100%;
	line-height: 0;
	position: relative;
}

.kyubun-modal__image-wrap.is-loading {
	background-color: #f5f5f5;
	min-height: 100%;
}

.kyubun-modal__image-wrap.is-loading::after {
	animation: kyubun-loading-spin 0.8s linear infinite;
	border: 0.4vw solid #ddd;
	border-radius: 50%;
	border-top-color: #999;
	content: "";
	height: 5.3333333333vw;
	left: 50%;
	margin: -2.6666666667vw 0 0 -2.6666666667vw;
	position: absolute;
	top: 50%;
	width: 5.3333333333vw;
}

.kyubun-modal__image.is-viewer-active {
	visibility: hidden;
}

.kyubun-modal__image-wrap .leaflet-control-zoom {
	display: none;
}

.kyubun-modal__image {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.kyubun-modal__zoom {
	align-self: start;
	display: flex;
	flex-direction: column;
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	margin: 2.1333333333vw 0 0 2.1333333333vw;
	pointer-events: none;
	position: sticky;
	top: 2.1333333333vw;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

.kyubun-modal__zoom-btn {
	cursor: pointer;
	height: 5.8666666667vw;
	padding: 0;
	pointer-events: auto;
	width: 5.8666666667vw;
}

.kyubun-modal__zoom-btn img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.kyubun-modal__zoom-btn:disabled {
	cursor: not-allowed;
	opacity: 0.35;
}

.kyubun-modal__nav {
	cursor: pointer;
	height: 8.5333333333vw;
	padding: 0;
	position: absolute;
	top: 44%;
	transform: translateY(-50%);
	width: 8.5333333333vw;
	z-index: 10;
}

.kyubun-modal__nav img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.kyubun-modal__nav--prev {
	left: -2.5%;
}

.kyubun-modal__nav--next {
	right: -2.5%;
}

.kyubun-modal__nav:disabled {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.kyubun-modal__footer {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 2.6133333333vw;
	margin-top: 2.6666666667vw;
	padding: 0 4vw;
	position: relative;
	z-index: 10;
}

.kyubun-modal__footer-buttons {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
	width: 100%;
}

.kyubun-modal__pagination {
	width: 100%;
}

.kyubun-modal__pagination-list {
	align-items: center;
	display: flex;
	gap: 2.08vw;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.kyubun-modal__pagination-item {
	background-color: #fff;
	border: 0.2666666667vw solid #333;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 3.2vw;
	padding: 0;
	width: 3.2vw;
}

.kyubun-modal__pagination-item.is-active {
	background-color: #333;
	border-color: #333;
}

.kyubun-modal__pagination-item:disabled {
	cursor: default;
}

.kyubun-modal__back,
.kyubun-modal__pdf {
	-webkit-text-decoration: none;
	border: 0.5333333333vw solid #333;
	border-radius: 4.2666666667vw;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 3.7333333333vw;
	font-weight: 700;
	line-height: 1;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.kyubun-modal__back {
	background-color: #fff;
	max-width: 26.6666666667vw;
	padding: 2vw 2.6666666667vw 2vw 4.6666666667vw;
	width: 100%;
}

.kyubun-modal__back:before {
	background-image: url(../../assets/images/kyubun/kyubun_back.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 2.4vw;
	left: 8%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.9333333333vw;
}

.kyubun-modal__pdf {
	background-color: #FFED55;
	color: #000;
	max-width: 48vw;
	padding: 2vw 2.6666666667vw 2vw 6.6666666667vw;
	width: 100%;
}

.kyubun-modal__pdf:before {
	background-image: url(../../assets/images/kyubun/kyubun_pdf.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 6.4vw;
	left: 8%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5.3333333333vw;
}

.map__body {
	position: relative;
}

.map.is-pref-open {
	position: relative;
}

.map__overlay {
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	cursor: pointer;
	display: none;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	visibility: hidden;
	z-index: 10000;
}

.map.is-pref-open .map__overlay {
	display: block;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.map__img {
	line-height: 0;
	position: relative;
}

.map__img > img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	vertical-align: top;
	width: 100%;
}

.map__hover-layer {
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.map__hover-img {
	-o-object-fit: contain;
	display: block;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.map__hotspot-layer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}

.map__hotspot {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-tap-highlight-color: transparent;
	appearance: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: absolute;
}

.map.is-pref-open .map__hotspot-layer {
	pointer-events: none;
}

.map.is-highlighted .map__img > #kyubun_map {
	opacity: 1;
}

.map.is-pref-open .map__hover-layer {
	opacity: 0;
	visibility: hidden;
}

.pref-list {
	background-color: #F2F2F2;
	border: 0.5333333333vw solid #333333;
	border-radius: 6.4vw;
	display: none;
	left: 50%;
	opacity: 0;
	overflow-y: auto;
	padding: 5.3333333333vw 5.6vw 9.3333333333vw;
	pointer-events: none;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.2s ease, visibility 0.2s ease;
	visibility: hidden;
	width: 89.3333333333vw;
	z-index: 30;
}

.pref-list.is-ready {
	display: block;
}

.pref-list.is-visible {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	z-index: 10001;
}

.pref-list__title {
	font-feature-settings: "palt" 1;
	color: #333333;
	font-size: 5.3333333333vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-bottom: 4vw;
	position: relative;
	text-align: center;
}

.pref-list__title::after {
	background-image: repeating-linear-gradient(to right, #333333 0, #333333 0.8vw, transparent 0.8vw, transparent 1.6vw);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 0.8vw;
	bottom: 0;
	content: "";
	height: 0.8vw;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
}

.pref-list ul {
	grid-gap: 4vw 5.3333333333vw;
	display: grid;
	gap: 4vw 5.3333333333vw;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 7.2vw;
}

.pref-list li button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 0.5333333333vw solid #017B63;
	border-radius: 4.2666666667vw;
	color: #017B63;
	cursor: pointer;
	display: block;
	font-family: inherit;
	font-size: 3.7333333333vw;
	font-weight: 700;
	line-height: 1;
	padding: 2.1333333333vw 4vw 2.1333333333vw 2.1333333333vw;
	position: relative;
	text-align: center;
	width: 100%;
}

.pref-list li button::after {
	background: url(../../assets/images/common/map_list_arrow.svg) no-repeat center/contain;
	content: "";
	height: 2.4vw;
	position: absolute;
	right: 3vw;
	top: 50%;
	transform: translateY(-50%);
	width: 1.4666666667vw;
}

.pref-list__close {
	background: none;
	border: 0;
	cursor: pointer;
	height: 8.5333333333vw;
	line-height: 0;
	padding: 0;
	position: absolute;
	right: 4vw;
	top: 3.4666666667vw;
	width: 8.5333333333vw;
}

.pref-list__close-icon {
	display: block;
}

.pref-list__close-icon img {
	-o-object-fit: contain;
	height: 98%;
	object-fit: contain;
	width: 98%;
}

.leaflet-container {
	background-color: #f2f2f2;
}

.note-btn {
	align-items: center;
	background-color: #fff;
	border: 0.2666666667vw solid #017b63;
	border-radius: 6.6666666667vw;
	display: flex;
	justify-content: center;
	padding: 2vw 5.3333333333vw 2vw 1.3333333333vw;
	position: relative;
	width: 100%;
}

.note-btn::after {
	background-image: url(../../assets/images/common/icon_arrow_green.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 4vw;
	position: absolute;
	right: 3.3333333333vw;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
	width: 5.3333333333vw;
}

.note-btn--more::after {
	background-image: url(../../assets/images/common/icon_arrow_more.svg);
}

.note-btn__text {
	color: #017b63;
	font-size: 3.7333333333vw;
	font-weight: 700;
	line-height: 1;
}

.over-wrap {
	overflow: hidden;
}

.c-page-home__pagetop {
	position: relative;
	z-index: 5;
}

.c-page-home__pagetop a {
	bottom: 0;
	display: block;
	position: absolute;
	right: 5.3333333333vw;
	transform: translateY(50%);
}

.c-page-home__pagetop a img {
	height: auto;
	width: 13.3333333333vw;
}

.pc-nav {
	display: none;
}

.pc-nav__items {
	align-items: center;
	display: flex;
	height: inherit;
	list-style: none;
}

.pc-nav__item {
	height: inherit;
}

.pc-nav__link {
	align-content: center;
	color: #fff;
	color: transparent;
	display: grid;
	font-size: max(0.75rem, min(1.1vw, 0.9375rem));
	font-weight: 400;
	height: inherit;
	justify-content: center;
	line-height: 1.4;
	padding: 0 max(12px, min(1.4vw, 19px));
	place-content: center;
	position: relative;
	text-shadow: 0 -1.5em 0 #fff, 0 0 0 #fff;
	transition: text-shadow 0.4s cubic-bezier(0.76, 0, 0.24, 1);
	white-space: nowrap;
}

.pc-nav__link span {
	display: block;
	overflow: hidden;
	text-shadow: 0 -1.5em 0 #fff, 0 0 0 #fff;
	transition: text-shadow 0.3s;
}

.pop {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 5.3333333333vw;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	visibility: hidden;
	z-index: 10000;
}

.pop.is-active {
	opacity: 1;
	visibility: visible;
}

.pop__overlay {
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.pop__dialog {
	max-width: 89.3333333333vw;
	position: relative;
	width: 100%;
	z-index: 1;
}

.pop__close {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 6.6666666667vw;
	padding: 0;
	position: absolute;
	right: 0%;
	top: -8%;
	width: 6.6666666667vw;
	z-index: 3;
}

.pop__close img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.pop__content {
	background-color: #f2f2f2;
	background-image: url(../../assets/images/common/pop_bg_sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 5.3333333333vw;
	overflow: hidden;
	padding: 9.6vw 8.6666666667vw 11.3333333333vw;
	position: relative;
	text-align: center;
}

.pop__kazari {
	content: "";
	height: 24.4vw;
	left: -8.6%;
	pointer-events: none;
	position: absolute;
	top: -6%;
	width: 29.8666666667vw;
	z-index: 0;
	z-index: 1;
}

.pop__kazari img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.pop__title {
	margin-left: auto;
	margin-right: auto;
	max-width: 49.3333333333vw;
	width: 100%;
}

.pop__title img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.pop__lead {
	font-feature-settings: "palt" 1;
	color: #000;
	font-size: 4.2666666667vw;
	font-weight: 900;
	letter-spacing: 0.05em;
	margin-top: 4vw;
	position: relative;
	z-index: 1;
}

.pop__lead--pc {
	display: none;
}

.pop__action--sp {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 3.2vw;
	margin-top: 5.3333333333vw;
	padding: 5.3333333333vw 4.6666666667vw;
}

.pop__action--pc {
	display: none;
}

.pop__store-btn {
	-webkit-text-decoration: none;
	align-items: center;
	background-color: #fff;
	border: 0.5333333333vw solid #017b63;
	border-radius: 7.2vw;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
	color: #017b63;
	display: flex;
	font-size: 4.2666666667vw;
	font-weight: 700;
	justify-content: center;
	line-height: 1;
	padding: 3.7333333333vw 5.3333333333vw;
	position: relative;
	text-decoration: none;
	transition: background-color 0.1s ease, color 0.1s ease;
	width: 100%;
}

.pop__store-btn:not(:first-child) {
	margin-top: 3.2vw;
}

.pop__store-btn::after {
	background-image: url(../../assets/images/common/pop_arrow_sp.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 2.4vw;
	position: absolute;
	right: 4vw;
	top: 50%;
	transform: translateY(-50%);
	width: 2vw;
}

.pop__qr-item {
	flex: 1;
	max-width: 12.5rem;
}

.pop__qr-label {
	color: #017b63;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.pop__qr-box {
	background-color: #fce8c1;
	border-radius: 1.5rem;
	padding: 1.5rem;
}

.pop__qr-box img {
	-o-object-fit: contain;
	border-radius: 0.53125rem;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.project {
	background-image: url(../../assets/images/common/project_bg_sp.jpg);
	background-image: -webkit-image-set(url(../../assets/images/common/project_bg_sp.webp) type("image/webp"), url(../../assets/images/common/project_bg_sp.jpg) type("image/jpeg"));
	background-image: image-set(url(../../assets/images/common/project_bg_sp.webp) type("image/webp"), url(../../assets/images/common/project_bg_sp.jpg) type("image/jpeg"));
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 15.7333333333vw;
	padding-top: 16vw;
}

.project__head {
	margin-left: auto;
	margin-right: auto;
	max-width: 74.6666666667vw;
	width: 100%;
}

.project__head img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.project__title {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6.6666666667vw;
	max-width: 64vw;
	width: 100%;
}

.project__title img {
	-o-object-fit: contain;
	height: auto;
	object-fit: contain;
	width: 100%;
}

.project__container {
	background-color: #fff;
	border-radius: 6.4vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8vw;
	max-width: 100vw;
	padding: 6.1333333333vw 4vw 9.3333333333vw;
	width: 100%;
}

.project__text-wrap {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.project__text-head {
	color: #333;
	font-size: 6vw;
	font-weight: 700;
	line-height: 1.3043478261;
	text-align: center;
}

.project__text-head span {
	position: relative;
	z-index: 0;
}

.project__text-head span::after {
	background: #ffed55;
	bottom: -7%;
	content: "";
	height: 35%;
	left: 49%;
	position: absolute;
	transform: translateX(-50%);
	width: 103%;
	z-index: -1;
}

.project__text {
	color: #000;
	font-size: 4.2666666667vw;
	line-height: 1.75;
	text-align: center;
}

.project__text:nth-child(2) {
	margin-top: 5.8666666667vw;
}

.project__text:nth-child(3) {
	margin-top: 5.3333333333vw;
}

.project__text--box {
	border: 0.2666666667vw solid #2E2E2E;
	border-radius: 3.2vw;
	font-size: 3.7333333333vw;
	line-height: 1.5714285714;
	margin-top: 4.6666666667vw;
	padding: 3.2vw;
}

.project__map {
	margin-top: 5.3333333333vw;
}

.sp-nav {
	-webkit-overflow-scrolling: touch;
	background-color: #007563;
	bottom: 0;
	display: none;
	left: 0;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 11.7333333333vw;
	width: 100%;
}

.sp-nav__items {
	padding: 10.6666666667vw 13.2vw;
}

.sp-nav__container {
	list-style: none;
}

.sp-nav__item {
	color: #fff;
	font-size: 4vw;
	font-weight: 400;
	line-height: 1.5;
}

.sp-nav__item:not(:first-child) {
	margin-top: 11.7333333333vw;
}

.sp-nav__item a {
	display: block;
	padding: 1.3333333333vw 0;
	width: 100%;
}

@media (hover: hover) {

.common-btn:hover {
	background-color: #50b2a6;
}

.common-btn:hover:before {
	transform: translateY(-50%) rotate(-10deg);
}

.flow-card__btn a:hover {
	background-color: #c4eae3;
}

.c-page-home a:hover {
	opacity: 0.6;
}

.pref-list li button:hover {
	background-color: #FFED55;
}

.note-btn:hover {
	background-color: #c4eae3;
}

.pop__store-btn:hover {
	background-color: #017b63;
	color: #fff;
}

.pop__store-btn:hover::after {
	filter: brightness(0) invert(1);
}

}

@media (hover: hover) and (pointer: fine) {

.pc-nav__link:hover span {
	text-shadow: 0 0 0 #fff, 0 1.5em 0 transparent;
}

}

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

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.6666666667vw;
}

.base-text {
	font-size: 1.0625rem;
	line-height: 1.8823529412;
	text-align: center;
}

.campaign {
	padding-bottom: 4.25rem;
	padding-top: 5rem;
}

.campaign__deco--br {
	bottom: -13%;
	right: 0;
	width: 20rem;
}

.campaign__head {
	max-width: 34.625rem;
}

.campaign__title {
	margin-top: 1.5rem;
	max-width: 38.5rem;
}

.campaign__text {
	font-size: 1.0625rem;
	line-height: 1.5294117647;
	margin-top: 3.25rem;
	text-align: center;
}

.campaign__img {
	left: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.8125rem;
	max-width: 60rem;
	transform: none;
	width: 100%;
}

.campaign__img img {
	border-radius: 1.5rem;
}

.campaign__note {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 0.8125rem;
}

.campaign__note-item {
	font-size: clamp(0.6875rem, 0.535625rem + 0.316vw, 0.8125rem);
	letter-spacing: 0.075em;
	line-height: 1.6923076923;
	padding-left: 0;
	text-indent: 0;
}

.campaign__cap {
	font-size: 0.875rem;
	line-height: 1.8571428571;
	margin-top: 1.8125rem;
}

.campaign__btn {
	margin-top: 2.5rem;
}

.common-btn {
	gap: 0.3125rem;
	max-width: 27.5rem;
	padding: 0.9375rem 1.25rem 0.9375rem 1.25rem;
}

.common-btn:after {
	height: 0.75rem;
	right: 5%;
	width: 0.6875rem;
}

.common-btn::before {
	background-size: cover;
	height: 6.875rem;
	left: 0;
	top: 50%;
	width: 4.4375rem;
}

.common-btn__date {
	font-size: 0.9375rem;
	padding-left: 0;
}

.common-btn__text {
	font-size: 1.625rem;
	padding-left: 0;
}

.c-page-home__title {
	font-size: 1.875rem;
}

.c-page-home__contact {
	padding: 3.125rem 1.25rem 3.75rem;
}

.c-page-home__contact-inner {
	flex-direction: row;
	gap: 0 2rem;
	margin-top: 1.875rem;
	max-width: 62rem;
}

.c-page-home__contact-tel {
	border-radius: 1.5rem;
	min-width: 31.25rem;
	padding: 1.5rem 2.5rem 1rem;
	width: auto;
}

.c-page-home__contact-tel h3 {
	font-size: 1rem;
}

.c-page-home__contact-tel-number {
	font-size: 1.875rem;
	margin: 0;
}

.c-page-home__contact-tel-number a {
	gap: 0 0.25rem;
	pointer-events: none;
}

.c-page-home__contact-tel-number a img {
	width: auto;
}

.c-page-home__contact-time {
	display: block;
}

.c-page-home__contact-time h3 {
	font-size: 1rem;
}

.c-page-home__contact-time p {
	font-size: inherit;
	margin-top: 0.3125rem;
}

.cta {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.cta__head {
	margin-left: auto;
	margin-right: auto;
	max-width: 38rem;
	width: 100%;
}

.cta__content {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.4375rem;
	max-width: 60rem;
	width: 100%;
}

.cta__btn {
	margin-top: 2.5rem;
}

.digital {
	background: linear-gradient(to bottom, #ffed55 91%, #f2f2f2 91%);
	padding-top: 5.5rem;
}

.digital__lead {
	margin-left: auto;
	margin-right: auto;
	max-width: 43.0625rem;
	width: 100%;
}

.digital__content {
	border-radius: 1.5rem;
	margin-top: 1.375rem;
	padding: 3.0625rem 7.0625rem 4rem;
}

.digital__deco--tl {
	left: -14%;
	top: -8%;
	width: 13.3125rem;
}

.digital__deco--tr {
	right: 0;
	top: -3%;
	width: 3.4375rem;
}

.digital__deco--bl {
	bottom: -13%;
	left: -17.5%;
	width: 18.875rem;
}

.digital__deco--br {
	bottom: -8%;
	right: -13%;
	width: 12.625rem;
}

.digital__label {
	margin-left: auto;
	margin-right: auto;
	max-width: 20.125rem;
	width: 100%;
}

.digital__label img {
	max-width: 20.125rem;
}

.digital__title {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.75rem;
	max-width: 40.3125rem;
	width: 100%;
}

.digital__text {
	margin-top: 1.125rem;
}

.digital__img {
	left: auto;
	margin-top: 3.4375rem;
	transform: none;
	width: auto;
}

.digital__img-text {
	max-width: none;
	right: -9%;
	top: -21%;
	width: 8.9375rem;
}

.digital__btn {
	margin-top: -1.25rem;
}

.digital__btn::after {
	height: 10.25rem;
	max-width: none;
	top: -100%;
	width: 33.75rem;
}

.digital__cap-area {
	margin-top: 1.75rem;
	padding-left: 0.875rem;
}

.digital__cap {
	font-size: 0.8125rem;
	letter-spacing: 0.075em;
	line-height: 1.3846153846;
}

.digital__cap:nth-of-type(2) {
	margin-top: 0;
	padding-left: 1.125rem;
	text-indent: -1.125rem;
}

.flow {
	padding-bottom: 7.5rem;
	padding-top: 3.875rem;
}

.flow__head {
	max-width: 18.8125rem;
}

.flow__title {
	margin-top: 1.3125rem;
	max-width: 33.625rem;
}

.flow__slider {
	margin-left: 0;
	margin-right: 0;
	margin-top: 3rem;
	overflow: visible;
	padding-left: 0;
	padding-right: 0;
}

.flow__slider.swiper {
	overflow: visible;
}

.flow__slider .swiper-wrapper,
.flow__slider.swiper-disabled .swiper-wrapper {
	transform: none !important;
}

.flow__slider .swiper-wrapper,
.flow__slider.swiper-disabled .swiper-wrapper {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(4, 1fr);
}

.flow__slider .swiper-slide {
	margin-right: 0 !important;
	width: auto !important;
}

.flow__pagination {
	display: none;
}

.flow-card {
	border-radius: 1rem;
	padding: 1.5rem 0.9375rem 1.75rem;
}

.flow-card__head {
	gap: 0.75rem;
}

.flow-card__number-line {
	height: 0.125rem;
	width: 0.875rem;
}

.flow-card__number-text {
	height: 1.375rem;
}

.flow-card__title {
	font-size: clamp(1.0625rem, 1.0625rem + 0.0047468354 * (100vw - 768px), 1.25rem);
	letter-spacing: 0;
	line-height: 1.3;
}

.flow-card__img {
	margin-top: 0.625rem;
}

.flow-card__text {
	font-size: 0.875rem;
	letter-spacing: 0.025em;
	line-height: 1.5714285714;
	margin-top: 1rem;
}

.flow-card__store {
	gap: 0.5rem;
	margin-top: 0.625rem;
}

.flow-card__store a {
	max-width: 8.4375rem;
}

.flow-card__btn {
	margin-top: 1.25rem;
	max-width: 15rem;
}

.flow-card__btn a {
	border: 2px solid #017b63;
	border-radius: 1.5625rem;
	font-size: 0.9375rem;
	padding: 0.75rem 1rem;
}

.flow__btn {
	margin-top: 2.375rem;
}

.flow-notes {
	border-radius: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.75rem;
	max-width: 60rem;
	padding: 1.875rem 1.875rem 1.5625rem;
}

.flow-notes__title {
	font-size: 1.25rem;
	line-height: 1.4;
}

.flow-notes__accordion {
	margin-top: 1.3125rem;
}

.flow-notes__unit + .flow-notes__unit {
	margin-top: 1.5625rem;
}

.flow-notes__subtitle {
	font-size: 1rem;
}

.flow-notes__lists {
	margin-left: 0.5625rem;
	margin-top: 0.625rem;
}

.flow-notes__list {
	font-size: 0.875rem;
	line-height: 1.7142857143;
	padding-left: 0.75rem;
}

.flow-notes__btn-container {
	margin-top: 0.625rem;
	max-width: 8.125rem;
}

[data-device=sp] {
	display: none;
}

.c-footer {
	padding: 3rem 1.25rem 1.875rem;
}

.c-page-home .c-footer__body {
	gap: 2.25rem 0;
}

.c-footer__link {
	font-size: 0.875rem;
}

.c-page-home .c-footer__link {
	align-items: center;
	display: inline-flex;
	margin: 0 auto;
}

.c-page-home .c-footer__link li + li {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 0;
}

.c-page-home .c-footer__link li a {
	padding: 0 1.25rem;
}

.c-page-home .c-footer__link li a::before {
	content: none;
}

.c-footer__info {
	gap: 1.125rem 0;
}

.c-footer__logo {
	width: auto;
}

.c-footer__copyright {
	font-size: 0.75rem;
}

.hamburger {
	display: none;
}

.header {
	height: 5rem;
}

.header__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	padding-left: 2.5rem;
	padding-right: clamp(5rem, 0.595rem + 9.177vw, 8.625rem);
	width: 100%;
}

.header__logo-link {
	width: 9.125rem;
}

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

.kv {
	background-image: url(../../assets/images/common/kv_bg_pc.jpg);
	background-image: -webkit-image-set(url(../../assets/images/common/kv_bg_pc.webp) type("image/webp"), url(../../assets/images/common/kv_bg_pc.jpg) type("image/jpeg"));
	background-image: image-set(url(../../assets/images/common/kv_bg_pc.webp) type("image/webp"), url(../../assets/images/common/kv_bg_pc.jpg) type("image/jpeg"));
	margin-top: 5rem;
	padding-bottom: 2.3125rem;
	padding-top: 4.1875rem;
}

.kv__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1175px;
	width: 100%;
}

.kv__content {
	aspect-ratio: 932/924;
}

.kyubun-modal {
	padding: 4% 1.875rem 1.875rem;
}

.kyubun-modal__dialog {
	max-height: calc(100vh - 5rem);
	max-width: 60rem;
	padding-bottom: 0.75rem;
	width: 100%;
}

.kyubun-modal__close {
	border-width: 2px;
	height: 2.5rem;
	top: -1.75rem;
	width: 2.5rem;
}

.kyubun-modal__image-wrap.is-loading::after {
	border-width: 3px;
	height: 2rem;
	margin: -1rem 0 0 -1rem;
	width: 2rem;
}

.kyubun-modal__zoom {
	margin: 1rem 0 0 1rem;
	top: 1rem;
}

.kyubun-modal__zoom-btn {
	height: 1.875rem;
	width: 1.875rem;
}

.kyubun-modal__nav {
	height: 2.5rem;
	top: 48.5%;
	width: 2.5rem;
}

.kyubun-modal__footer {
	gap: 0;
	margin-top: 0.75rem;
	padding: 0 1.25rem;
}

.kyubun-modal__pagination-list {
	gap: 0.625rem;
}

.kyubun-modal__pagination-item {
	border-width: 1px;
	height: 1rem;
	width: 1rem;
}

.kyubun-modal__back,
.kyubun-modal__pdf {
	border-radius: 2.5rem;
	border-width: 2px;
	font-size: 1.0625rem;
	padding: 0.4375rem 0.875rem;
}

.kyubun-modal__back {
	max-width: 9.625rem;
	padding: 0.5rem 0.875rem 0.5rem 1.4375rem;
}

.kyubun-modal__back:before {
	height: 0.625rem;
	width: 0.75rem;
}

.kyubun-modal__pdf {
	max-width: 12.5rem;
	padding: 0.5rem 0.875rem 0.5rem 1.875rem;
}

.kyubun-modal__pdf:before {
	height: 1.5rem;
	width: 1.25rem;
}

.pref-list {
	border: 2px solid #000;
	border-radius: 1.25rem;
	border-radius: 1.5rem;
	min-height: 22.3125rem;
	padding: 2.375rem 3.625rem 3.125rem;
	width: min(90%, 29.6875rem);
}

.pref-list__title {
	font-size: 1.75rem;
	padding-bottom: 1.03125rem;
}

.pref-list__title::after {
	background-image: repeating-linear-gradient(to right, #333333 0, #333333 0.1875rem, transparent 0.1875rem, transparent 0.375rem);
	background-size: 100% 0.1875rem;
	height: 0.1875rem;
}

.pref-list ul {
	gap: 1.4375rem 3.25rem;
	margin-top: 1.65625rem;
}

.pref-list li button {
	border: 2px solid #017B63;
	border-radius: 1.25rem;
	font-size: 1.0625rem;
	gap: 0.375rem;
	padding: 0.5rem 0.625rem;
}

.pref-list li button::after {
	height: 0.625rem;
	right: 7%;
	width: 0.390625rem;
}

.pref-list__close {
	height: 2.5rem;
	right: 0.875rem;
	top: 0.75rem;
	width: 2.5rem;
}

.note-btn {
	border: 2px solid #017b63;
	border-radius: 1.1875rem;
	padding: 0.5rem 1.25rem 0.625rem 0.625rem;
}

.note-btn::after {
	height: 1rem;
	right: 0.875rem;
	width: 1rem;
}

.note-btn__text {
	font-size: 0.875rem;
}

.c-page-home__pagetop a {
	right: 1.25rem;
}

.c-page-home__pagetop a img {
	width: 3.125rem;
}

.pc-nav {
	display: block;
	height: inherit;
}

.pop {
	padding: 1.25rem;
}

.pop__dialog {
	max-width: 38.75rem;
}

.pop__close {
	height: 3.125rem;
	right: 0%;
	top: -12%;
	width: 3.125rem;
}

.pop__content {
	background-image: url(../../assets/images/common/pop_bg_pc.png);
	border-radius: 1.25rem;
	padding: 3.75rem 3.125rem 3.4375rem;
}

.pop__kazari {
	height: 7.625rem;
	width: 9.3125rem;
}

.pop__title {
	max-width: 14.4375rem;
}

.pop__lead {
	font-size: 1rem;
	line-height: 1.875;
	margin-top: 1.9375rem;
}

.pop__lead--pc {
	display: block;
}

.pop__lead--sp {
	display: none;
}

.pop__action--sp {
	display: none;
}

.pop__action--pc {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.625rem;
	max-width: 25rem;
	width: 100%;
}

.project {
	background-image: url(../../assets/images/common/project_bg_pc.jpg);
	background-image: -webkit-image-set(url(../../assets/images/common/project_bg_pc.webp) type("image/webp"), url(../../assets/images/common/project_bg_pc.jpg) type("image/jpeg"));
	background-image: image-set(url(../../assets/images/common/project_bg_pc.webp) type("image/webp"), url(../../assets/images/common/project_bg_pc.jpg) type("image/jpeg"));
	padding-bottom: 7.3125rem;
	padding-top: 3.8125rem;
}

.project__head {
	max-width: 46.75rem;
}

.project__title {
	margin-top: 1.9375rem;
	max-width: 20rem;
}

.project__container {
	border-radius: 1.5rem;
	margin-top: 1.9375rem;
	padding: 3.0625rem 2.8125rem 3.625rem;
	position: relative;
}

.project__container::before {
	background-image: url(../../assets/images/common/kyubun_logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: clamp(12.431875rem, 6.766875rem + 11.802vw, 17.09375rem);
	position: absolute;
	right: 4.8%;
	top: 6%;
	width: clamp(5rem, 2.72125rem + 4.747vw, 6.875rem);
}

.project__text-wrap {
	max-width: 38.4375rem;
}

.project__text-head {
	font-size: 2.5rem;
	line-height: 1.3;
}

.project__text {
	font-size: 1.0625rem;
	line-height: 1.8823529412;
}

.project__text:nth-child(2) {
	margin-top: 1.8125rem;
}

.project__text:nth-child(3) {
	margin-top: 1.125rem;
}

.project__text--box {
	border: 1px solid #2E2E2E;
	border-radius: 0.75rem;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-top: 1.5rem;
	padding: 0.9375rem 2.8125rem;
}

.project__text--box span.u-desktop--inline {
	display: inline-block;
}

.project__map {
	margin-top: 2.375rem;
}

}

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

.c-page-home__contact-tel {
	min-width: 50.4%;
}

}

@media (min-width: 960px) {

html {
	font-size: 16px;
}

}

@media (min-width: 1100px) {

.c-page-home__title {
	font-size: 2.5rem;
}

.c-page-home__contact-tel h3 {
	font-size: 1.125rem;
}

.c-page-home__contact-tel-number {
	font-size: 2.625rem;
}

.c-page-home__contact-time h3 {
	font-size: 1.25rem;
}

.c-page-home .c-footer__link li a {
	padding: 0 2.5rem;
}

}

@media (max-width: 767px) {

[data-device=pc] {
	display: none;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes kyubun-loading-spin {

to {
	transform: rotate(360deg);
}

}