body {
	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,
h5,
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;
}

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

.page-layout--contact {
	margin-top: 10.625rem;
}

.page-layout--privacy {
	margin-top: 10.625rem;
}

.page-layout--contact-thanks {
	margin-top: 10.625rem;
}

.page-layout--page-404 {
	margin-top: 10.625rem;
}

.top-service__inner {
	max-width: 39.375rem;
}

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

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

.top-service__main-text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.top-service__main-text--en {
	background-color: #E8EFF2;
	box-shadow: 5px 5px 0 #202F55;
	color: #202F55;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
	padding: 1.25rem;
}

.top-service-staff__text {
	margin-top: 5rem;
}

.top-service-staff__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.top-service-staff__text--en {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.625rem;
}

.top-service-staff__items {
	margin-top: 2.5rem;
	padding: 0 2.5rem;
}

.about-message__text-wrapper {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	padding: 0.9375rem 0;
}

.about-message__text {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	padding: 0 1.25rem;
}

.about-message__text p {
	margin-top: 0.625rem;
}

.about-message__name {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
	text-align: right;
}

.about-message__text--en {
	background-color: #E8EFF2;
	box-shadow: 5px 5px 0 #202F55;
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
	padding: 1.25rem;
}

.about-profile {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	justify-content: flex-start;
	justify-content: center;
}

.about-profile__gallery {
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.about-profile__gallery img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.about-profile__gallery img:first-child {
	grid-area: 1/1/2/3;
}

.about-profile__gallery img:nth-child(2) {
	grid-area: 2/1/3/2;
}

.about-profile__gallery img:nth-child(3) {
	-o-object-position: 80% 50%;
	grid-area: 2/2/3/3;
	object-position: 80% 50%;
}

.about-profile__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
}

.about-profile__name {
	background-color: #202F55;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	padding: 1.25rem;
}

.about-profile__name-wrapper {
	align-items: flex-end;
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
	margin-top: 1.25rem;
}

.about-profile__name-wrapper img {
	margin-left: auto;
	width: 9.375rem;
}

.about-profile__name--en {
	border-bottom: 2px solid #202F55;
	color: #202F55;
	flex-grow: 1;
	font-family: "Roboto", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: capitalize;
}

.about-profile__position {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: right;
}

.about-profile__text {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
}

.about-profile__text--en {
	background-color: #E8EFF2;
	box-shadow: 5px 5px 0 #202F55;
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
	padding: 1.25rem;
}

.alas-alasan__heading {
	border-bottom: 2px solid #202F55;
	color: #111;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.alas-alasan__heading--en {
	color: #111;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 0.625rem;
}

.alas-alasan__text {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.alas-alasan__onlineshop {
	margin-top: 2.5rem;
}

.alas-alasan__onlineshop a {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.alas-alasan__image {
	position: relative;
}

.alas-alasan__image::before {
	content: "";
	display: block;
	padding-top: 30%;
}

.alas-alasan__image img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.alas-alasan__sns {
	margin-top: 2.5rem;
}

.alas-alasan__sns p {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.alas-alasan__sns-icon-wrapper {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	justify-content: flex-start;
	margin-top: 1.25rem;
}

.alas-alasan__sns figure {
	aspect-ratio: 50/50;
	height: 3.125rem;
	width: 3.125rem;
}

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

.alas-alasan__gallery {
	background-color: #202F55;
	border-radius: 0.625rem;
	margin-top: 2.5rem;
	padding: 0.5rem;
}

.alas-alasan__gallery-items {
	grid-gap: 0.5rem;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.alas-alasan__gallery-item {
	position: relative;
}

.alas-alasan__gallery-item::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.alas-alasan__gallery-item img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.alas-alasan__gallery-item.post-card {
	grid-column: auto;
	grid-row: auto/span 2;
}

.alas-alasan__gallery-item.book-cover {
	grid-column: auto;
	grid-row: auto;
}

.application-media {
	display: grid;
	grid-template-columns: 1fr;
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.application-media__image {
	position: relative;
}

.application-media__image::before {
	content: "";
	display: block;
	padding-top: 50%;
}

.application-media__image img {
	-o-object-fit: cover;
	-o-object-position: 20% center;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	object-position: 20% center;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.application-media__body {
	padding: 2.5rem 1.25rem;
	text-align: center;
}

.application-media__heading {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
}

.application-media__heading--en {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.application-media__text {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
}

.application-media__text--en {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.625rem;
}

.application-media__line {
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0 auto;
	padding-top: 3.75rem;
	width: 70%;
}

.application-media__types {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2.5rem;
}

.application-media__types--en {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.625rem;
	text-align: center;
}

.application-media__button {
	margin-top: 2.5rem;
	text-align: center;
}

.arnats-coffee__pick-up {
	border: 3px solid #202F55;
	margin-top: 2.5rem;
	padding: 2.5rem;
}

.arnats-coffee__gallery {
	margin-top: 2.5rem;
}

.arnats-coffee__gallery-items {
	background-color: #202F55;
	display: grid;
	grid-template-columns: 1fr;
	padding: 0.3125rem;
}

.arnats-coffee__gallery-item {
	margin: 0.3125rem;
	position: relative;
}

.arnats-coffee__gallery-item::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.arnats-coffee__gallery-item img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.arnats-coffee__gallery-item span {
	align-items: center;
	aspect-ratio: 40/40;
	background-color: #202F55;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	justify-content: center;
	left: 0.625rem;
	position: absolute;
	top: 0.625rem;
	width: 2.5rem;
}

.arnats-coffee__info {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	margin-top: 2.5rem;
}

.arnats-coffee__body {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	height: auto;
}

.arnats-coffee__logo-image {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 60%;
}

.arnats-coffee__logo-image::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.arnats-coffee__logo-image img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.arnats-coffee__company-info {
	color: #202F55;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
}

.arnats-coffee__map {
	height: 100%;
	max-width: 100%;
	width: 100%;
}

.arnats-coffee__map iframe {
	-o-object-fit: cover;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.back-to-top {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	justify-content: center;
	margin-left: auto;
	margin-right: 1.25rem;
	padding-bottom: 0.625rem;
	position: relative;
	width: 15.625rem;
	z-index: 1;
}

.back-to-top::before {
	border-bottom: 1px solid #6C272D;
	border-right: 1px solid #6C272D;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: skewX(40deg);
	z-index: -1;
}

.back-to-top:hover {
	transform: scale(1.1);
}

.back-to-top__image {
	width: 2.5rem;
}

.back-to-top__image img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.back-to-top__text {
	color: #6C272D;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
}

.bali-sain h4 {
	border-bottom: 1px solid #202F55;
	display: inline-block;
	padding-bottom: 0.5rem;
}

.bali-sain__gallery {
	margin-top: 2.5rem;
}

.bali-sain__gallery-items {
	background-color: #202F55;
	display: grid;
	grid-template-columns: 1fr;
	padding: 0.3125rem;
}

.bali-sain__gallery-item {
	margin: 0.3125rem;
	position: relative;
}

.bali-sain__gallery-item::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.bali-sain__gallery-item img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.bali-sain__sns {
	grid-gap: 0.625rem;
	display: grid;
	gap: 0.625rem;
	grid-template-columns: 1fr;
	margin-top: 2.5rem;
}

.bali-sain__sns p {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.bali-sain__sns a {
	display: block;
	margin-right: auto;
	position: relative;
	transition: 0.3s;
	width: 20%;
}

.bali-sain__sns a::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.bali-sain__sns a img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.bali-sain__sns a:hover {
	transform: scale(1.1);
}

.business-services-card {
	background-color: #E8EFF2;
	border-radius: 0.625rem;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	padding: 0.9375rem;
}

.business-services-card--illust {
	padding: 0.9375rem;
}

.business-services-card__image {
	border-radius: 0.625rem;
	position: relative;
}

.business-services-card__image::before {
	content: "";
	display: block;
	padding-top: 60.8695652174%;
}

.business-services-card__image--illust::before {
	padding-top: 63.4920634921%;
}

.business-services-card__image img {
	-o-object-fit: cover;
	border-radius: 0.625rem;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.business-services-card__image--illust img {
	-o-object-fit: contain;
	object-fit: contain;
}

.business-services-card__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 1.25rem;
}

.business-services-card__heading span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

.business-services-card__text {
	margin-top: 1.25rem;
}

.business-services-card__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.business-services-card__text--en {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.625rem;
}

.business-services__button {
	margin-top: 2.5rem;
}

.business-services-cards {
	grid-gap: 5rem 2.5rem;
	display: grid;
	gap: 5rem 2.5rem;
	grid-template-columns: 1fr;
}

.business-services__items {
	margin-top: 2.5rem;
}

.button {
	background-color: #202F55;
	border: 1px solid #202F55;
	border-radius: 0.3125rem;
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding: 1rem 0;
	position: relative;
	text-align: center;
	transition: 0.3s;
	width: 12.625rem;
	z-index: 1;
}

.button:hover {
	background-color: #fff;
}

.button:hover span,
.button:hover span::after {
	border-color: #202F55;
	color: #202F55;
}

.button::before {
	border: 1px solid #202F55;
	border-radius: 0.3125rem;
	content: "";
	display: block;
	height: 100%;
	left: 0.25rem;
	position: absolute;
	top: 0.25rem;
	transition: 0.3s;
	width: 100%;
	z-index: -2;
}

.button span {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding-right: 3.125rem;
	position: relative;
}

.button span::after {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
	display: inline-block;
	height: 0.375rem;
	margin-left: 0.5rem;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 42.857%;
	transform: skew(45deg);
	width: 2.5rem;
	z-index: 1;
}

.button--white {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0.3125rem;
	color: #202F55;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding: 1rem 0;
	position: relative;
	text-align: center;
	transition: 0.3s;
	width: 12.625rem;
	z-index: 1;
}

.button--white:hover {
	transform: scale(1.1);
}

.button--white:hover span,
.button--white:hover span::after {
	border-color: #202F55;
	color: #202F55;
}

.button--white:hover::after {
	transform: scale(1, 2);
}

.button--white span {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding-right: 3.125rem;
	position: relative;
}

.button--white span::after {
	border-bottom: 1px solid #202F55;
	border-right: 1px solid #202F55;
	content: "";
	display: inline-block;
	height: 0.375rem;
	margin-left: 0.5rem;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 42.857%;
	transform: skew(45deg);
	width: 2.5rem;
	z-index: 1;
}

.button--news {
	background-color: #fff;
	border: 2px solid #202F55;
	border-radius: 1.875rem;
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding: 1rem 0;
	position: relative;
	text-align: center;
	transition: 0.3s;
	width: 12.625rem;
	z-index: 1;
}

.button--news:hover {
	background-color: #202F55;
}

.button--news:hover span,
.button--news:hover span::after {
	border-color: #fff;
	color: #fff;
}

.button--news span {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	padding-right: 2.5rem;
}

.button--news span::after {
	border-bottom: 1px solid #202F55;
	border-right: 1px solid #202F55;
	content: "";
	display: inline-block;
	height: 0.375rem;
	margin-left: 0.5rem;
	max-width: 100%;
	position: absolute;
	right: 1.875rem;
	top: 42.857%;
	transform: skew(45deg);
	width: 2.5rem;
	z-index: 1;
}

.car-service-description__items {
	margin-top: 2.5rem;
}

.category-tag {
	background-color: #202F55;
	border: 1px solid #202F55;
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.8333333333;
	padding: 0.25rem 0.75rem;
}

.contact-form {
	background-color: #fff;
	margin-top: 2.5rem;
	max-width: 100%;
	width: 100%;
}

.contact-form__item {
	max-width: 100%;
	padding: 1.5rem 0;
	width: 100%;
}

.contact-form__item:first-child {
	padding-top: 0;
}

.contact-form__heading {
	align-items: center;
	color: #202F55;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	gap: 0.375rem;
}

.contact-form__heading span {
	align-items: center;
	aspect-ratio: 61/21;
	background-color: #202F55;
	color: #fff;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	height: 1.3125rem;
	justify-content: center;
	letter-spacing: 4.8px;
	width: 3.8125rem;
}

.input-area {
	background: #E8EFF2;
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	height: 2.5rem;
	margin-top: 1.0625rem;
	padding: 0.4375rem 1rem;
	width: 100%;
}

.contact-form__example-text {
	color: gray;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
}

.text-area {
	background: #E8EFF2;
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.125rem;
	width: 100%;
}

.input-area.errored,
.text-area.errored {
	background: rgba(201, 72, 0, 0.2);
	border: 1px solid #C94800;
	color: #202F55;
}

input[type=text],
input[type=email],
textarea,
select {
	border: 1px solid transparent;
}

.contact-form__radio {
	margin-top: 1.125rem;
}

.input-area.errored::-moz-placeholder,
.text-area.errored::-moz-placeholder {
	color: #6C272D;
}

.input-area.errored::placeholder,
.text-area.errored::placeholder {
	color: #6C272D;
}

.name-error,
.email-error,
.tel-error {
	color: #C94800;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: left;
}

.radio-input {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.radio-label {
	color: #202F55;
	cursor: pointer;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	padding-left: 1.875rem;
	position: relative;
}

.radio__item:nth-child(n+2) {
	margin-top: 0.5rem;
}

.radio-label-span::before {
	border: 1px solid #202F55;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}

.radio-input:checked + .radio-label-span::after {
	background-color: #202F55;
	border: 1px solid #202F55;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 0.1875rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
}

.radio-error {
	color: #C94800;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
}

.contact-form__privacy {
	margin-top: 2.5rem;
	text-align: center;
}

.contact-form__privacy-text {
	color: #202F55;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5714285714;
	text-align: left;
}

.contact-form__privacy-link {
	border-bottom: 1px solid #0000FF;
	color: #0000FF;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

input[type=checkbox] {
	cursor: pointer;
	display: inline-block;
	margin-top: 0;
	padding-left: 1.25rem;
	position: relative;
	vertical-align: middle;
}

input[type=checkbox]::before,
input[type=checkbox]::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}

input[type=checkbox]::before {
	background-color: #fff;
	border: 1px solid #202F55;
	height: 1.375rem;
	left: -20%;
	top: -0.5rem;
	width: 1.375rem;
}

input[type=checkbox]::after {
	border-bottom: 3px solid #666464;
	border-left: 3px solid #666464;
	height: 0.375rem;
	left: 0;
	opacity: 0;
	top: 0;
	transform: rotate(-45deg);
	width: 0.6875rem;
}

input[type=checkbox]:checked::after {
	opacity: 1;
}

.privacy-error {
	color: #C94800;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: center;
}

.contact-form__button {
	margin-top: 1.5rem;
	text-align: center;
}

span.error_required {
	color: #C94800;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: left;
}

.contact-form__error {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.25rem;
	max-width: 43.75rem;
	text-align: center;
}

.error-message {
	color: #C94800;
	display: none;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	margin-bottom: 2.5rem;
	margin-top: 3.25rem;
	position: relative;
	text-align: left;
}

.contact {
	margin-top: 7.5rem;
	padding: 5rem 0;
	position: relative;
}

.contact::before {
	background-image: url(../images/common/service-background-image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.contact__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 39.375rem;
}

.contact__contents-wrapper {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	padding: 2.5rem 0;
	text-align: center;
}

.contact__text {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
}

.contact__button {
	margin-top: 2.5rem;
}

.footer-info {
	grid-gap: 1.25rem;
	align-items: center;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
}

.footer-info__privacy {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(0.75rem, 0.679rem + 0.357vw, 1rem);
	font-size: clamp(0.75rem, 0.679rem + 0.357vi, 1rem);
	font-weight: 400;
}

.footer-info__copyright {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(0.75rem, 0.679rem + 0.357vw, 1rem);
	font-size: clamp(0.75rem, 0.679rem + 0.357vi, 1rem);
	font-weight: 400;
}

.footer-info__instagram img {
	aspect-ratio: 1/1;
	height: auto;
	width: 1.875rem;
}

.footer-logo {
	width: 100%;
}

.footer-logo__image {
	display: block;
	position: relative;
}

.footer-logo__image::before {
	content: "";
	display: block;
	padding-top: 40%;
}

.footer-logo__image img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.footer-nav {
	text-align: center;
	width: 100%;
}

.footer-nav__items {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr;
}

.footer-nav__item a {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.footer-nav__item a:hover {
	color: #6C272D;
	font-weight: 700;
}

.footer {
	background-color: #E8EFF2;
	border-top: 0.125rem solid #202F55;
	margin-top: 5rem;
}

.footer__inner {
	margin-top: 5rem;
}

.footer__body {
	align-content: center;
	display: flex;
	flex-direction: column-reverse;
	gap: 5rem;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.footer__information {
	background-color: #202F55;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: 5rem;
	padding: 1.25rem 0;
}

.hamburger {
	max-width: 100%;
	z-index: 9999;
}

.hamburger span {
	background: #202F55;
	display: block;
	height: 0.0625rem;
	position: relative;
	transition: ease 0.3s;
	width: 2rem;
}

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

.hamburger span:nth-child(2) {
	margin: 0.625rem 0;
}

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

.hamburger.is-open span:nth-child(1) {
	top: 0.6875rem;
	transform: rotate(40deg);
}

.hamburger.is-open span:nth-child(2) {
	opacity: 0;
	transform: translateY(-50%);
}

.hamburger.is-open span:nth-child(3) {
	top: -0.6875rem;
	transform: rotate(-40deg);
}

.header-logo {
	aspect-ratio: 150/26;
	max-width: 100%;
	position: relative;
	width: 9.375rem;
	z-index: 9999;
}

.header-logo__link {
	height: inherit;
	max-width: 100%;
	width: 100%;
}

.header-logo img {
	-o-object-fit: contain;
	max-width: 100%;
	object-fit: contain;
	vertical-align: baseline;
	width: 100%;
}

.header {
	background: #fff;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	height: 5rem;
	left: 0;
	max-width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}

.header.is-open {
	background-color: #202F55;
}

.header__inner {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	max-width: 100%;
	padding: 0 0.9375rem;
	width: 100%;
}

.header__hamburger {
	margin: 0 -6px;
}

.header__sp-nav {
	background-color: #202F55;
	display: none;
	height: 100vh;
	left: 0;
	overflow: scroll; /* 縦スクロールを可能にする */
	padding-bottom: 12.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 1.5rem;
	position: absolute;
	right: 0;
	top: 5rem;
	width: 100%;
	z-index: 88;
}

.housing-support-card {
	background-color: #fff;
	border: 1px solid #202F55;
	border-radius: 0.625rem;
	display: grid;
	grid-template-columns: 1fr;
	padding: 2.5rem 1.25rem;
}

.housing-support-card__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
}

.housing-support-card__heading span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
}

.housing-support-card__text {
	margin-top: 1.25rem;
}

.housing-support-card__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.housing-support-card__text--en {
	color: #6C272D;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.25rem;
}

.housing-support-card__image {
	margin-top: 2.5rem;
	position: relative;
}

.housing-support-card__image::before {
	content: "";
	display: block;
	padding-top: 60%;
}

.housing-support-card__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.housing-support-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
}

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

.legend-smile-card {
	cursor: pointer;
	padding: 0.9375rem;
}

.legend-smile-card--jp {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.legend-smile-card--jp::before {
	align-items: center;
	background-color: rgba(32, 47, 85, 0.8);
	color: #fff;
	content: "日本語サイト";
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	left: -100%;
	position: absolute;
	top: 0;
	transition: left 0.5s ease;
	width: 100%;
	z-index: 3;
}

.legend-smile-card--jp:hover::before {
	left: 0;
}

.legend-smile-card--en {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.legend-smile-card--en::before {
	align-items: center;
	background-color: rgba(255, 215, 0, 0.8);
	color: #202F55;
	content: "English Site";
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	left: -100%;
	position: absolute;
	top: 0;
	transition: left 0.5s ease;
	width: 100%;
	z-index: 3;
}

.legend-smile-card--en:hover::before {
	left: 0;
}

.legend-smile-card__title {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.legend-smile-card__image {
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	margin-top: 1.25rem;
	overflow: hidden;
	position: relative;
	transition: background-position 0.5s ease;
}

.legend-smile-card__image::before {
	content: "";
	display: block;
	padding-top: 62.903%;
}

.legend-smile-card__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.legend-smile-card__link {
	color: #0000cd;
	display: block;
	font-size: 1rem;
	margin-top: 0.625rem;
}

.legend-smile {
	text-align: center;
}

.legend-smile__card-wrapper {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	margin-top: 2.5rem;
}

.life-support-card {
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
}

.life-support-card__image {
	box-shadow: 0 0.25rem 0.9375rem rgba(0, 0, 0, 0.15);
	width: 100%;
}

.life-support-card__image img {
	-o-object-fit: cover;
	aspect-ratio: 4/3;
	border-radius: 0.5rem 0rem 0rem 0.5rem;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.life-support-card--reverse .life-support-card__image img {
	border-radius: 0rem 0.5rem 0.5rem 0rem;
}

.life-support-card__content {
	flex: 1;
	padding: 2.5rem 0.9375rem;
}

.life-support-card__title {
	color: #202F55;
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: 0.625rem;
}

.life-support-card__text {
	color: #202F55;
	font-size: 1rem;
	line-height: 1.8;
}

.life-support-card--trainee:first-child .life-support-card__image img {
	-o-object-position: center 20%;
	object-position: center 20%;
}

.life-support-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	margin-top: 5rem;
}

.life-support-cards--select-rara .life-support-card {
	background-color: #fff;
	border: 1px solid #202F55;
	border-radius: 0.5rem;
	box-shadow: 0 0.25rem 1.25rem rgba(32, 47, 85, 0.1);
	padding: 1.25rem;
	transition: transform 0.3s ease;
}

.life-support-cards--select-rara .life-support-card__image {
	display: none; /* 万が一画像要素があっても非表示に */
}

.life-support-cards--select-rara .life-support-card:hover {
	transform: translateY(-0.3125rem);
}

.life-support {
	margin-top: 5rem;
}

.life-support__header {
	display: grid;
	grid-template-columns: 1fr;
}

.life-support__header-body {
	-webkit-clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	align-items: center;
	background-color: #202F55;
	clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 1.875rem 2.5rem;
	position: relative;
	width: 100%;
}

.life-support__header-body:before {
	-webkit-clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	background-color: #202F55;
	bottom: 0.125rem;
	clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	content: "";
	left: 0.125rem;
	position: absolute;
	right: 0.125rem;
	top: 0.125rem;
	z-index: -1;
}

.life-support__section-title--card {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(1rem, 0.736rem + 1.127vw, 1.75rem);
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.life-support__section-title--card span {
	color: rgba(255, 255, 255, 0.8);
	display: block;
	margin-top: 0.625rem;
	opacity: 0.8;
}

.life-support__header-image {
	-webkit-clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
	overflow: hidden;
}

.life-support__header-image img {
	display: block;
	height: auto;
	width: 100%;
}

.life-support__content {
	margin-top: 3.75rem;
}

.life-support__title {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
}

.life-support__content-title {
	color: #202F55;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 2.5rem;
	padding-left: 1.25rem;
	position: relative;
	text-align: center;
}

.life-support__content-title:before {
	background-color: #6C272D;
	content: "";
	height: 1.875rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.25rem;
}

.life-support__content-title:after {
	background-color: #202F55;
	bottom: -0.625rem;
	content: "";
	height: 0.125rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2.5rem;
}

.life-support__items {
	margin-top: 2.5rem;
}

.life-support__text {
	margin-top: 1.25rem;
}

.life-support__text--en {
	margin-top: 0.625rem;
}

.life-support__contact-list {
	display: flex;
	flex-direction: column;
	gap: 0.9375rem;
	margin-top: 1.875rem;
}

.life-support__contact-item {
	align-items: center;
	display: flex;
	gap: 0.625rem;
}

.life-support__contact-label {
	color: #202F55;
	font-weight: 700;
	min-width: 6.25rem;
}

.life-support__contact-link {
	-webkit-text-decoration: underline;
	color: #202F55;
	text-decoration: underline;
	transition: opacity 0.3s ease;
}

.life-support__contact-link:hover {
	opacity: 0.7;
}

.life-support__select-rara .life-support__header {
	align-items: center;
	display: flex;
	justify-content: center;
}

.life-support__corporate .life-support__header > * {
	direction: ltr;
}

.life-support__content-title--en,
.life-support__title--en,
.life-support-card__title--en,
.life-support-card__text--en {
	color: #6C272D;
}

.news-article__title {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.news-article__date {
	color: #a9a9a9;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	margin-top: 0.625rem;
}

.news-article__image {
	background-color: #fff;
	margin-top: 1.25rem;
	position: relative;
}

.news-article__image::before {
	content: "";
	display: block;
	padding-top: 38.055%;
}

.news-article__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.news-article__image--contain {
	margin-top: 1.25rem;
	position: relative;
}

.news-article__image--contain::before {
	content: "";
	display: block;
	padding-top: 38.055%;
}

.news-article__image--contain img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.news-article__box-header {
	background-color: #E8EFF2;
	border-left: 5px solid #202F55;
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	padding: 1.25rem;
}

.news-article__body {
	margin-top: 2.5rem;
}

.news-article__body p {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.news-article__body p:first-child {
	margin-top: 0;
}

.news-article__body h4 {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2.5rem;
}

.news-article__body h5 {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0.5rem;
}

.news-article__text {
	margin-top: 2.5rem;
}

.news-article__body p.news-article__text--jp {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.news-article__text--jp:first-child {
	margin-top: 0;
}

.news-article__body p.news-article__text--en {
	color: #111;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.news-article__legend-smile {
	margin-top: 2.5rem;
}

.news-article__sns {
	margin-top: 2.5rem;
}

.news-card {
	background: #fff;
	border-radius: 1.875rem;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	display: inline-block;
	max-width: 100%;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	width: 100%;
}

.news-card__image {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.news-card__image::before {
	content: "";
	display: block;
	padding-top: 66.7774%;
}

.news-card__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.5s ease;
	width: 100%;
}

.news-card:hover .news-card__image img {
	transform: translate(-50%, -50%) scale(1.2);
}

.news-card__body {
	margin-top: 1.25rem;
}

.news-card__time {
	color: gray;
	font-family: "Roboto", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.2857142857;
}

.news-card__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 1.25rem;
	padding-bottom: 0.25rem;
}

.news-card__heading--en {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1rem;
}

.news-card__tag {
	margin-left: 0.625rem;
}

.news-cards {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr;
}

.page-404__inner {
	margin-top: 5rem;
}

.page-404__heading {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-align: center;
}

.page-404__heading--sub {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-align: center;
}

.page-404__text-wrapper {
	margin-top: 5rem;
}

.page-404__text {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
	text-align: center;
}

.page-contact-thanks__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.page-contact-thanks__text-wrapper {
	margin-top: 2.5rem;
}

.page-contact-thanks__text {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
	text-align: center;
}

.page-contact__title {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.page-contact__title span {
	color: #202F55;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
}

.page-contact__text {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
	text-align: center;
}

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

.page-news-details__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
}

.page-news-details__button {
	margin-top: 5rem;
	text-align: center;
}

.page-news__inner.inner {
	max-width: 37.5rem;
}

.page-news__category-tag {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
}

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

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

.page-privacy__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.page-privacy__title {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	margin-top: 2.5rem;
}

.page-privacy__item {
	margin-top: 1.25rem;
}

.page-privacy__item p {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.page-privacy__item--03 {
	margin-left: 1.25rem;
	margin-top: 0.625rem;
}

.page-privacy__item--03 ol {
	margin-left: 1.25rem;
}

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

.page-service-business {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top: 5rem;
	padding-top: 5rem;
	position: relative;
}

.page-service-business::before {
	background-image: url(../images/common/background-silver.jpg);
	background-position: center;
	background-size: cover;
	content: "";
	height: 90%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-service-business__inner {
	max-width: 39.375rem;
}

.page-service-car {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top: 5rem;
	padding-top: 5rem;
	position: relative;
}

.page-service-car::before {
	background-image: url(../images/common/background-silver.jpg);
	background-position: center;
	background-size: cover;
	content: "";
	height: 90%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-service-car__inner {
	max-width: 39.375rem;
}

.page-service-car__rental-package {
	margin-top: 5rem;
}

.page-service-car__support-card {
	margin-top: 5rem;
}

.page-service-house {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top: 5rem;
	padding-top: 5rem;
	position: relative;
}

.page-service-house::before {
	background-image: url(../images/common/background-silver.jpg);
	background-position: center;
	background-size: cover;
	content: "";
	height: 90%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-service-house__inner {
	max-width: 39.375rem;
}

.page-service-house__items {
	margin-top: 2.5rem;
}

.page-service-house__support-card {
	margin-top: 6.25rem;
}

.page-service-main__heading {
	color: #202F55;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	padding-right: 5rem;
	position: relative;
}

.page-service-main__heading::after {
	bottom: 0;
	color: #E8EFF2;
	content: "01";
	font-size: 7.5rem;
	line-height: 1;
	opacity: 0.7;
	position: absolute;
	right: 0;
	z-index: -1;
}

.page-service-main__heading--car::after {
	content: "02";
}

.page-service-main__heading--visa::after {
	content: "03";
}

.page-service-main__heading--business::after {
	content: "04";
}

.page-service-main__heading span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
}

.page-service-main__text {
	margin-top: 2.5rem;
}

.page-service-main__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.page-service-main__text--en {
	color: #6C272D;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.25rem;
}

.page-service-visa {
	margin-top: 5rem;
}

.page-service-visa__service-card {
	border-bottom: 3px solid #E8EFF2;
	border-top: 3px solid #E8EFF2;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top: 5rem;
	width: 100vw;
}

.page-service-visa__items {
	display: grid;
	grid-template-columns: 1fr;
}

.page-service-visa__items.inner {
	max-width: 39.375rem;
}

.page-service-visa__item {
	border-left: 3px solid #E8EFF2;
	border-right: 3px solid #E8EFF2;
	border-top: 3px solid #E8EFF2;
}

.page-service-visa__item:nth-child(1) {
	border-top: none;
}

.page-service {
	margin-top: 1.25rem;
}

.page-service__inner.inner {
	max-width: 39.375rem;
}

.page-service__main {
	margin-top: 4.375rem;
}

.page-service__section-title {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
}

.page-service__section-title span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
}

/* --------------------------------------------
/* // ここから↓旧デザインのCSS
/* -------------------------------------------- */

.page-service__item:not(:first-child) {
	margin-top: 5rem;
}

.page-service__bg-image {
	margin-top: 5rem;
	position: relative;
}

.page-service__bg-image::before {
	content: "";
	display: block;
	padding-top: 38.888%;
}

.page-service__bg-image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.page-sub__back-to-top {
	margin-top: 5rem;
}

.pagination {
	align-items: center;
	color: #202F55;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	gap: 1.25rem;
	justify-content: center;
}

.pagination__page {
	align-items: center;
	background-color: #fff;
	border: 2px solid #202F55;
	border-radius: 50%;
	color: #202F55;
	display: flex;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	height: 3.75rem;
	justify-content: center;
	width: 3.75rem;
}

.pagination__page--current {
	background-color: #202F55;
	color: #fff;
}

.pagination__page--current:hover {
	background-color: #fff;
	color: #202F55;
}

.pc-nav {
	display: none;
	height: inherit;
	margin-left: auto;
}

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

.pc-nav__items .pc-nav__item:last-child {
	padding-right: 0;
}

.pc-nav__item {
	height: inherit;
	position: relative;
}

.pc-nav__item a {
	color: #202F55;
	display: flex;
	flex-direction: column;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	height: inherit;
	justify-content: center;
	padding: 0 max(1rem, min(1.389vw, 20px));
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
}

.pc-nav__item a span {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
}

.pc-nav__item a.current,
.pc-nav__item:hover {
	color: #6C272D;
}

.pc-nav__item a::after {
	background: #202F55;
	bottom: 1rem;
	content: "";
	height: 2px;
	left: 10%;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: all 0.3s;
	width: 80%;
}

.pc-nav__item a.current a::after,
.pc-nav__item a:hover::after {
	transform: scale(1, 1);
}

.pc-nav__link.uppercase {
	text-transform: uppercase;
}

.pc-nav__button {
	display: none;
	margin-left: 1.25rem;
}

/* ポップアップのスタイル */

.popup {
	background-color: #fff;
	bottom: 0.9375rem;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	display: none;
	left: 0.9375rem;
	padding: 1rem;
	position: fixed;
	text-align: center;
	z-index: 1000;
}

.popup__image {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	position: relative;
	width: 6.25rem;
}

.popup__image::before {
	content: "";
	display: block;
	padding-top: 62.903%;
}

.popup__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.popup__heading h4 {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
}

.popup__heading p {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 0.5rem;
}

.popup__button {
	margin-top: 1.25rem;
}

.popup__button a {
	-webkit-text-decoration: none;
	background-color: #202F55;
	border-radius: 0.5rem;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	color: #fff;
	display: inline-block;
	padding: 0.625rem 1.25rem;
	text-decoration: none;
}

.popup__button a:hover {
	background-color: #fff;
	border: 1px solid #202F55;
	color: #202F55;
	cursor: pointer;
}

.popup__close {
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #202F55;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	height: 1.5rem;
	line-height: 1.5rem;
	position: absolute;
	right: 0.5rem;
	text-align: center;
	top: 0.5rem;
	user-select: none;
	width: 1.5rem;
}

.popup__close:before,
.popup__close:after {
	background-color: #fff;
	content: "";
	height: 0.125rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 0.875rem;
}

.popup__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.rara-property__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	padding: 0 0.9375rem;
}

.rara-property__heading--en {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.625rem;
	padding: 0 0.9375rem;
}

.rara-property__body {
	background-color: rgba(255, 255, 255, 0.6);
	margin-top: 1.25rem;
	padding: 0.9375rem;
}

.rara-property__company-name {
	border-bottom: 1px solid #202F55;
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
}

.rara-property__text {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.rara-property__text--en {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.rental-package__text {
	margin-top: 2.5rem;
}

.rental-package__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

.rental-package__text--en {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.rental-package__tab {
	margin-top: 2.5rem;
}

.rental-package__image-wrapper {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	margin-top: 2.5rem;
}

.rental-package__image {
	position: relative;
}

.rental-package__image::before {
	content: "";
	display: block;
	padding-top: 57.9710144928%;
}

.rental-package__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.safety-service-card {
	background-color: #202F55;
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
	padding: 2.5rem 1.25rem;
}

.safety-service-card__image-wrapper {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
}

.safety-service-card__image-wrapper img {
	height: 3.125rem;
	width: 3.125rem;
}

.safety-service-card__heading {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 2.5rem;
}

.safety-service-card__heading span {
	color: #fff;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.safety-service-card__text {
	margin-top: 1.25rem;
}

.safety-service-card__text--jp {
	color: #fff;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.safety-service-card__text--en {
	color: #fff;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.625rem;
}

.safety-service-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-auto-rows: 1fr;
	grid-template-columns: 1fr;
}

.section-title {
	text-align: center;
}

.section-title__jp {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

.section-title__jp span {
	padding: 0 3.125rem;
	position: relative;
}

.section-title__jp span::before {
	background-color: #202F55;
	content: "";
	display: inline-block;
	height: 0.25rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
}

.section-title__jp span::after {
	background-color: #6C272D;
	content: "";
	display: inline-block;
	height: 0.25rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
}

.section-title__en {
	color: #202F55;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
}

.section-title__en::first-letter {
	color: #6C272D;
	text-transform: uppercase;
}

.service-card {
	display: block;
	overflow: hidden;
	position: relative;
}

.service-card__image {
	position: relative;
}

.service-card__image::before {
	content: "";
	display: block;
	padding-top: 60.8695652174%;
}

.service-card__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.5s ease;
	width: 100%;
}

.service-card__overlay {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.service-card__heading {
	bottom: 0;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	left: 0;
	padding: 0.625rem;
	position: absolute;
	text-align: left;
	width: 100%;
	z-index: 3;
}

.service-card__heading span {
	color: #fff;
	display: block;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-size: 0.8em;
	font-weight: 400;
	margin-top: 5px;
}

.service-card:hover .service-card__image img {
	transform: translate(-50%, -50%) scale(1.2);
}

.service-cards {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
}

.service-contents__title {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
}

.service-contents__text {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2.5rem;
}

.service-contents__menu {
	margin-top: 2.5rem;
}

.service-contents__menu dl {
	color: #111;
	display: grid;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	grid-template-columns: 1fr;
	margin-top: 0.625rem;
}

.service-contents__menu dt {
	align-items: center;
	background-color: #202F55;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 0.9375rem;
}

.service-contents__menu dd {
	background-color: #fff;
	padding: 0.9375rem;
}

.service-contents__contact {
	border-bottom: 1px dotted #202F55;
	margin-left: auto;
	margin-top: 6.25rem;
	padding: 0.625rem;
	text-align: right;
}

.service-contents__contact a {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	padding-right: 3.75rem;
	position: relative;
}

.service-contents__contact a::after {
	align-items: center;
	aspect-ratio: 40/40;
	background-color: #202F55;
	border-radius: 50%;
	color: #fff;
	content: "→";
	display: flex;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
}

.service-contents__contact a:hover {
	color: #6C272D;
	font-weight: 700;
}

.service-contents__text-design {
	color: #202F55;
	font-family: "Gotu", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 2.5rem;
	opacity: 0.3;
	text-align: right;
	text-transform: capitalize;
}

.service-contents__rara-property {
	margin-top: 2.5rem;
}

.service-item__image-wrapper {
	grid-gap: 0.625rem;
	display: grid;
	gap: 0.625rem;
	grid-template-columns: 1fr;
}

.service-item__image {
	position: relative;
}

.service-item__image::before {
	content: "";
	display: block;
	padding-top: 66.666%;
}

.service-item__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.service-item__number {
	order: -1;
	padding: 0.9375rem;
}

.service-item__number p {
	border-bottom: 0.125rem solid #202F55;
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
}

.service-item__body {
	background-color: #E8EFF2;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-top: 1.875rem;
}

.service-navigation__items {
	grid-gap: 0.5rem;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, auto);
}

.service-navigation__item:nth-child(1) {
	grid-column: 1/3;
	grid-row: 1/2;
}

.service-navigation__item:nth-child(2) {
	grid-column: 3/5;
	grid-row: 1/2;
}

.service-navigation__item:nth-child(3) {
	grid-column: 1/3;
	grid-row: 2/3;
}

.service-navigation__item:nth-child(4) {
	grid-column: 3/5;
	grid-row: 2/3;
}

.service-navigation__item:nth-child(5) {
	grid-column: 2/4;
	grid-row: 3/4;
}

.service-navigation__link {
	grid-gap: 0.75rem;
	align-items: center;
	background-color: #E8EFF2;
	border-radius: 0.625rem;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: auto 1fr;
	height: 100%;
	padding: 0.5rem 1.25rem;
	text-align: left;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.service-navigation__image {
	align-items: center;
	display: flex;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

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

.service-navigation__text {
	align-items: flex-start;
	color: #202F55;
	display: flex;
	flex-direction: column;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(0.75rem, 0.698rem + 0.221vw, 0.875rem);
	font-weight: 400;
	gap: 0.125rem;
	justify-content: center;
	line-height: 1.5;
}

.service-navigation__link:hover {
	background-color: #202F55;
	color: #fff;
}

.service-navigation__link:hover span {
	color: #fff;
}

.service-navigation__link.is-active {
	background-color: #202F55;
	color: #fff;
}

.service-navigation__link.is-active span {
	color: #fff;
}

.service-navigation__image .icon-white {
	display: none;
}

.service-navigation__link:hover .service-navigation__image .icon-default,
.service-navigation__link.is-active .service-navigation__image .icon-default {
	display: none;
}

.service-navigation__link:hover .service-navigation__image .icon-white,
.service-navigation__link.is-active .service-navigation__image .icon-white {
	display: block;
}

.sns-instagram {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr;
}

.sns-instagram__text {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.sns-instagram a {
	display: block;
	margin-right: auto;
	position: relative;
	transition: 0.3s;
	width: 20%;
}

.sns-instagram a::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.sns-instagram a img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.sns-instagram a:hover {
	transform: scale(1.1);
}

.sp-nav {
	margin-top: 2.5rem;
}

.sp-nav__items {
	grid-gap: 1.75rem 0;
	display: grid;
	gap: 1.75rem 0;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	text-align: center;
}

.sp-nav__item a {
	color: #fff;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.125;
	padding: 0.75rem 1.375rem;
}

.sp-nav__item a:hover {
	opacity: 0.7;
}

.sp-nav__item a span {
	padding-left: 1.875rem;
	position: relative;
}

.sp-nav__item a span::before {
	aspect-ratio: 1/1;
	background-image: url(../images/common/play.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 1.125rem;
}

.staff-images {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
}

.staff-images__item {
	border-radius: 50%;
	position: relative;
}

.staff-images__item::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.staff-images__item img {
	-o-object-fit: cover;
	border-radius: 50%;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.sub-fv {
	margin-top: 5rem;
}

.sub-fv__inner {
	position: relative;
	z-index: -1;
}

.sub-fv__heading {
	background-color: rgba(32, 47, 85, 0.9);
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	left: 50%;
	letter-spacing: 0.25em;
	max-width: 68.75rem;
	padding: 2.5rem 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	z-index: 2;
}

.sub-fv__heading span {
	color: #fff;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	text-align: center;
}

.sub-fv__image {
	position: relative;
}

.sub-fv__image::before {
	content: "";
	display: block;
	padding-top: 70%;
}

.sub-fv__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.support-card {
	background-color: #E8EFF2;
	border-radius: 0.625rem;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
	display: grid;
	grid-template-areas: "heading" "image" "body";
	grid-template-columns: 1fr;
	padding: 2.5rem 1.25rem;
}

.support-card__body {
	grid-area: body;
	margin-top: 1.25rem;
}

.support-card__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	grid-area: heading;
	line-height: 1.5;
}

.support-card__heading span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
}

.support-card__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.support-card__text--en {
	color: #6C272D;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.25rem;
}

.support-card__button {
	margin-top: 2.5rem;
}

.support-card__image {
	grid-area: image;
	margin-top: 2.5rem;
	position: relative;
}

.support-card__image::before {
	content: "";
	display: block;
	padding-top: 60%;
}

.support-card__image img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.support-section {
	background: #f8f8f8;
	padding: 3.75rem 0;
}

.support-section__inner {
	margin: 0 auto;
	max-width: 68.75rem;
	padding: 0 1.25rem;
}

.support-media {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
}

.support-media__image {
	flex: 1 1 30rem;
	margin-left: -3.75rem;
	margin-right: 1.5rem;
	max-width: 37.5rem;
	min-width: 20rem;
	position: relative;
	z-index: 1;
}

.support-media__image img {
	-o-object-fit: cover;
	-webkit-clip-path: polygon(0 0, 100% 8%, 100% 92%, 0 100%);
	aspect-ratio: 4/3;
	border-radius: 1.5rem 5rem 1.5rem 1.5rem;
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.18);
	clip-path: polygon(0 0, 100% 8%, 100% 92%, 0 100%);
	display: block;
	height: auto;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.4, 2, 0.6, 1);
	width: 110%;
}

.support-media__image::after {
	background: linear-gradient(120deg, rgba(0, 123, 138, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 1.5rem 5rem 1.5rem 1.5rem;
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.support-media__image:hover img {
	transform: scale(1.04) rotate(-1deg);
}

.support-media__body {
	flex: 2 1 25rem;
	min-width: 17.5rem;
}

.support-media__heading {
	color: #1a1a1a;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 0.5em;
}

.support-media__subheading {
	color: #007b8a;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1.2em;
}

.support-media__text,
.support-media__text--en {
	color: #333;
	font-size: 1rem;
	line-height: 1.8;
	margin-bottom: 1em;
}

.support-media__text strong,
.support-media__text--en strong {
	color: #007b8a;
	font-weight: 700;
}

.support-media__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5em;
}

.support-media__button {
	-webkit-text-decoration: none;
	background: #007b8a;
	border-radius: 1.875rem;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	padding: 0.8em 2em;
	text-decoration: none;
	transition: background 0.2s;
}

.support-media__button:hover,
.support-media__button:focus {
	background: #005f6b;
	color: #fff;
}

.support-media__button--secondary {
	background: #fff;
	border: 0.125rem solid #007b8a;
	color: #007b8a;
}

.support-media__button--secondary:hover,
.support-media__button--secondary:focus {
	background: #e6f7fa;
	color: #005f6b;
}

.tab-contents__item {
	background-color: #fff;
	border: 1px solid #202F55;
	display: none;
	padding: 2.5rem 1.25rem;
}

.tab-contents__item.is-active {
	animation: fade 0.5s ease;
	display: block;
}

.tab-contents__contents-wrapper {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	margin-top: 2.5rem;
}

.tab-contents__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.tab-contents__text--en {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.625rem;
}

.tab-contents__included-items--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	list-style: disc;
	padding-left: 1.25rem;
}

.tab-contents__included-items--en {
	color: #6C272D;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	list-style: disc;
	margin-top: 0.625rem;
	padding-left: 1.25rem;
}

.tab-contents__image {
	position: relative;
}

.tab-contents__image::before {
	content: "";
	display: block;
	padding-top: 65.0943396226%;
}

.tab-contents__image img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.tab__items {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, 1fr);
}

.tab__item {
	align-items: center;
	background-color: #fff;
	border-radius: 0 0.625rem 0 0;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: 0.625rem 1rem;
	text-align: center;
	width: 100%;
}

.tab__item p {
	color: #202F55;
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	position: relative;
}

.tab__item p span {
	color: #6C272D;
	display: inline-block;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	position: relative;
}

.tab__item.is-active {
	background-color: #202F55;
}

.tab__item.is-active p {
	color: #fff;
}

.tab__item.is-active p span {
	color: #fff;
}

.tab__item:hover {
	background-color: #202F55;
}

.tab__item:hover p {
	color: #fff;
}

.tab__item:hover p span {
	color: #fff;
}

.top-about {
	margin-top: 5rem;
	padding-top: 5rem;
	position: relative;
}

.top-about__inner.inner {
	max-width: 39.375rem;
}

.top-about::before {
	-o-object-position: 20% bottom;
	background-image: url(../images/common/about-message-02.jpg);
	background-position: center 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 45%;
	left: 0;
	object-position: 20% bottom;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

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

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

.top-application {
	background-color: #202F55;
}

.top-application__inner.inner {
	max-width: 37.5rem;
}

.top-concept__text-wrapper {
	text-align: center;
}

.top-concept__main-copy {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
}

.top-concept__text {
	color: #202F55;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.top-concept__text--en {
	color: #202F55;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1.25rem;
}

.top-fv {
	height: calc(100vh - 5rem);
	margin-top: 5rem;
	max-width: 100%;
	width: 100%;
}

.top-fv__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 100%;
	width: 100%;
}

.top-fv__contents-wrapper {
	display: grid;
	flex: 1 1 0;
	grid-template-columns: 1fr;
	height: auto;
	min-height: 0;
	position: relative;
	z-index: 2;
}

.top-fv__heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2.5rem 1.5625rem;
	text-align: center;
}

.top-fv__main-copy--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(1.5rem, 1.324rem + 0.751vw, 2rem);
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.2;
	text-indent: 0.54em;
}

.top-fv__main-copy--en {
	color: #6C272D;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(1.125rem, 1.081rem + 0.188vw, 1.25rem);
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.2;
	margin-top: 0.625rem;
	text-indent: 0.54em;
}

.top-fv__sub-copy {
	margin-top: 1.25rem;
}

.top-fv__sub-copy--jp {
	color: #202F55;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
}

.top-fv__swiper {
	height: 100%;
	max-width: 100%;
	width: 100%;
}

.top-fv__swiper .swiper-wrapper {
	height: inherit;
	max-width: 100%;
	width: 100%;
}

.top-fv__swiper .swiper-slide .top-slider__swiper-slide {
	aspect-ratio: 1440/768;
	height: inherit;
	max-width: 100%;
	width: 100%;
}

.top-fv__swiper .swiper-slide top-slider__swiper-slide img {
	-o-object-fit: cover;
	height: inherit;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.top-fv__bar {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-shrink: 0;
	height: 2.5rem;
	width: 100%;
}

.top-fv__bar--left {
	background-image: url("../images/common/batik-left.png");
}

.top-fv__bar--right {
	background-image: url("../images/common/batik-right.png");
}

.fixed-popup {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	bottom: 4%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: flex;
	height: 6.25rem;
	justify-content: center;
	position: fixed;
	right: 8%;
	width: 6.25rem;
	z-index: 1000;
}

.fixed-popup img {
	-o-object-fit: contain;
	border-radius: 50%;
	height: 5rem;
	object-fit: contain;
	width: 5rem;
}

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

.top-news {
	background-color: #D9D9D9;
	margin-top: 5rem;
	padding: 5rem 0;
}

.top-news__inner {
	max-width: 39.375rem;
}

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

.top-news__button {
	margin-top: 5rem;
	text-align: center;
}

.top-slider {
	height: 18.75rem;
	max-width: 100%;
	width: 100%;
}

.top-slider__inner {
	height: inherit;
}

.top-slider__images {
	height: inherit;
}

.top-slider__swiper {
	height: inherit;
}

.top-slider__swiper-wrapper {
	height: inherit;
	max-width: 100%;
	transition-timing-function: linear;
	width: 100%;
}

.top-slider__swiper .top-slider__swiper-slide {
	height: inherit;
	max-width: 100%;
}

.top-slider__swiper-slide img {
	-o-object-fit: cover;
	height: inherit;
	object-fit: cover;
	width: 100%;
}

.page-service-visa__visa-service-banner {
	background-image: url("../images/common/image10.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: calc(-50vw + 50%);
	padding: 2.5rem 1.25rem 7.5rem 1.25rem;
	width: 100vw;
}

.visa-service-banner__heading--jp {
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
}

.visa-service-banner__heading--en {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.25rem;
}

.visa-service-card {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 2.5rem;
	height: 100%;
	padding: 2.5rem 1.25rem;
}

.visa-service-card__heading {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
}

.visa-service-card__heading span {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

.visa-service-card__text--jp {
	color: #202F55;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.visa-service-card__text--en {
	color: #6C272D;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.625rem;
}

.visa-service-card__image {
	margin-top: auto;
	position: relative;
}

.visa-service-card__image::before {
	content: "";
	display: block;
	padding-top: 40.7942238267%;
}

.visa-service-card__image img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.visa-service-images {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding-top: 2.5rem;
	position: relative;
	z-index: 1;
}

.visa-service-images__item {
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
}

.visa-service-images__item--01 {
	border-radius: 0 0.625rem 0.625rem 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 20%;
}

.visa-service-images__item--01::before {
	content: "";
	display: block;
	padding-top: 119.689119171%;
}

.visa-service-images__item--01 img {
	-o-object-fit: cover;
	border-radius: 0 0.625rem 0.625rem 0;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.visa-service-images__item--02 {
	border-radius: 0.625rem;
	bottom: 0;
	left: 22%;
	position: absolute;
	width: 20%;
	width: 20%;
}

.visa-service-images__item--02::before {
	content: "";
	display: block;
	padding-top: 119.689119171%;
}

.visa-service-images__item--02 img {
	-o-object-fit: cover;
	border-radius: 0.625rem;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.visa-service-images__item--03 {
	border-radius: 0.625rem;
	left: 40%;
	position: absolute;
	top: 12%;
	width: 40%;
}

.visa-service-images__item--03::before {
	content: "";
	display: block;
	padding-top: 48.1865284974%;
}

.visa-service-images__item--03 img {
	-o-object-fit: cover;
	border-radius: 0.625rem;
	height: 100%;
	left: 50%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.visa-service-images__item--04 {
	border-radius: 0.625rem 0 0 0.625rem;
	margin-left: auto;
	width: 17%;
}

.visa-service-images__item--04 img {
	-o-object-fit: cover;
	border-radius: 0.625rem 0 0 0.625rem;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

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

.service-navigation__items {
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, auto);
}

.service-navigation__item:nth-child(1) {
	grid-column: 1/3;
	grid-row: 1/2;
}

.service-navigation__item:nth-child(2) {
	grid-column: 3/5;
	grid-row: 1/2;
}

.service-navigation__item:nth-child(3) {
	grid-column: 5/7;
	grid-row: 1/2;
}

.service-navigation__item:nth-child(4) {
	grid-column: 2/4;
	grid-row: 2/3;
}

.service-navigation__item:nth-child(5) {
	grid-column: 4/6;
	grid-row: 2/3;
}

}

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

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.4545454545vw;
}

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

.page-layout--contact {
	margin-top: 11.25rem;
}

.page-layout--privacy {
	margin-top: 11.25rem;
}

.page-layout--contact-thanks {
	margin-top: 11.25rem;
}

.page-layout--page-404 {
	margin-top: 11.25rem;
}

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

.top-service-staff__text {
	margin-top: 7.5rem;
}

.top-service-staff__items {
	margin-top: 5rem;
	padding: 0;
}

.about-message__text-wrapper {
	margin: 0 auto;
	padding: 2.5rem;
}

.about-message__text p {
	margin-top: 1.25rem;
}

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

.about-profile {
	flex-direction: row;
}

.about-profile__gallery,
.about-profile__contents {
	width: 50%;
}

.about-profile__contents {
	padding: 0 1.25rem;
}

.about-profile__heading {
	font-size: 1.25rem;
}

.about-profile__name {
	font-size: 1.5rem;
}

.about-profile__name--en {
	font-size: 1.5rem;
}

.about-profile__position {
	font-size: 1rem;
}

.alas-alasan__onlineshop {
	margin-top: 5rem;
}

.alas-alasan__sns {
	margin-top: 5rem;
}

.alas-alasan__gallery {
	margin-top: 5rem;
}

.alas-alasan__gallery-items {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(5, 1fr);
}

.alas-alasan__gallery-item.post-card {
	grid-column: 1/3;
	grid-row: 3/6;
}

.alas-alasan__gallery-item.book-cover {
	grid-column: 3/4;
	grid-row: 1/3;
}

.application-media {
	grid-template-columns: 40% 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 75rem;
	position: static;
	width: auto;
}

.application-media__image::before {
	padding-top: 96.428%;
}

.application-media__body {
	padding: 2.5rem 5rem;
}

.application-media__heading {
	font-size: 1.5rem;
}

.application-media__heading--en {
	font-size: 1.125rem;
}

.application-media__text {
	font-size: 1.125rem;
}

.application-media__text--en {
	font-size: 1.125rem;
}

.application-media__types {
	font-size: 1.125rem;
}

.arnats-coffee__pick-up {
	margin-top: 5rem;
}

.arnats-coffee__gallery {
	margin-top: 5rem;
}

.arnats-coffee__gallery-items {
	grid-template-columns: repeat(3, 1fr);
}

.arnats-coffee__info {
	align-items: start;
	grid-template-columns: 40% 1fr;
	grid-template-rows: none;
	margin-top: 5rem;
}

.back-to-top__text {
	font-size: 1rem;
}

.bali-sain__gallery {
	margin-top: 5rem;
}

.bali-sain__gallery-items {
	grid-template-columns: repeat(2, 1fr);
}

.bali-sain__sns a {
	width: 10%;
}

.business-services-card__image--illust::before {
	padding-top: 53.9682539683%;
}

.business-services-card__heading {
	font-size: 1.5rem;
}

.business-services-cards {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
}

.business-services__item--1 {
	grid-area: 1/1/3/2;
}

.business-services__item--2 {
	grid-area: 3/1/5/2;
}

.business-services__item--3 {
	grid-area: 2/2/4/3;
}

.business-services__item--4 {
	grid-area: 1/2/2/3;
}

.business-services__item--5 {
	grid-area: 4/2/5/3;
}

.car-service-description__items {
	margin-left: calc(-50vw + 50% + 20px);
	margin-right: calc(-50vw + 50% + 20px);
	margin-top: 5rem;
	padding-left: calc((100vw - 1440px) / 2);
	padding-right: calc((100vw - 1440px) / 2);
}

.category-tag {
	padding: 0.375rem 1rem;
}

.contact-form__item {
	max-width: 43.75rem;
	padding: 2.5rem 0;
}

.input-area {
	font-size: 1rem;
	width: 80%;
}

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

.contact-form__error {
	margin-top: 2.5rem;
	text-align: left;
}

.error-message {
	margin-top: 9.375rem;
}

.contact__inner {
	max-width: 68.75rem;
}

.contact__contents-wrapper {
	padding: 3.75rem 5rem;
}

.contact__text {
	font-size: 1.5rem;
}

.footer-info {
	gap: 2.5rem;
}

.footer-info__privacy {
	font-size: 1rem;
}

.footer-info__copyright {
	font-size: 1rem;
}

.footer-logo {
	width: 50%;
}

.footer-nav {
	text-align: left;
	width: 50%;
}

.footer {
	margin-top: 7.5rem;
}

.footer__body {
	flex-direction: row;
}

.hamburger {
	display: none;
}

.header-logo {
	aspect-ratio: 300/50;
	width: 18.75rem;
}

.header {
	height: 5.625rem;
}

.header__inner {
	padding: 0 1.25rem 0 2.5rem;
}

.housing-support-card {
	gap: 2.5rem;
	grid-template-columns: 1fr 1fr;
}

.housing-support-card__heading {
	font-size: 1.5rem;
}

.housing-support-card__image {
	margin-top: 0;
}

.housing-support-cards {
	gap: 5rem;
}

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

.legend-smile-card__title {
	font-size: 1.5rem;
}

.legend-smile-card__link {
	margin-top: 1.25rem;
}

.legend-smile__card-wrapper {
	grid-template-columns: 1fr 1fr;
	max-width: 100%;
}

.life-support-card {
	flex-direction: row;
}

.life-support-card--reverse {
	flex-direction: row-reverse;
}

.life-support-card__image {
	max-width: 25rem;
}

.life-support-cards.life-support-cards--select-rara {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.life-support-cards--select-rara .life-support-card {
	display: block;
}

.life-support {
	margin-top: 7.5rem;
}

.life-support__header {
	align-items: center;
	grid-template-columns: repeat(2, 1fr);
}

.life-support__section-title--card {
	text-align: center;
}

.life-support__title {
	font-size: 1.5rem;
}

.life-support__select-rara .life-support__header {
	align-items: center;
	display: flex;
	justify-content: center;
}

.life-support__corporate .life-support__header {
	direction: rtl;
	grid-template-columns: 1fr 1fr;
}

.news-article__title {
	font-size: 1.25rem;
}

.news-article__date {
	font-size: 0.875rem;
}

.news-article__image {
	margin-top: 2.5rem;
}

.news-article__image--contain {
	margin-top: 2.5rem;
}

.news-article__body {
	margin-top: 5rem;
}

.news-article__legend-smile {
	margin-top: 5rem;
}

.news-cards {
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.page-404__heading {
	font-size: 4rem;
}

.page-404__heading--sub {
	font-size: 1.5rem;
}

.page-404__text {
	font-size: 1.125rem;
}

.page-contact-thanks__heading {
	font-size: 1.5rem;
}

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

.page-contact-thanks__text {
	font-size: 1.125rem;
}

.page-contact__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 43.75rem;
}

.page-contact__title {
	font-size: 1.5rem;
}

.page-contact__title span {
	font-size: 1.5rem;
}

.page-contact__text {
	font-size: 1.125rem;
	margin-top: 2.5rem;
}

.page-news-details__button {
	margin-top: 10rem;
}

.page-news__inner.inner {
	max-width: 71.875rem;
}

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

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

.page-privacy__heading {
	font-size: 1.5rem;
}

.page-privacy__title {
	font-size: 1.25rem;
}

.page-service-business {
	margin-top: 7.5rem;
	padding-top: 7.5rem;
}

.page-service-business__inner {
	max-width: 71.875rem;
}

.page-service-car {
	margin-top: 7.5rem;
	padding-top: 7.5rem;
}

.page-service-car__inner {
	max-width: 71.875rem;
}

.page-service-car__rental-package {
	margin-top: 7.5rem;
}

.page-service-car__support-card {
	margin-top: 7.5rem;
}

.page-service-house {
	margin-top: 7.5rem;
	padding-top: 7.5rem;
}

.page-service-house__inner {
	max-width: 71.875rem;
}

.page-service-house__items {
	margin-top: 5rem;
}

.page-service-house__support-card {
	margin-top: 12.5rem;
}

.page-service-main__heading {
	font-size: 3rem;
	padding-right: 10rem;
}

.page-service-main__heading::after {
	font-size: 12.5rem;
}

.page-service-main__heading span {
	font-size: 1.5rem;
}

.page-service-main__text {
	margin-top: 5rem;
}

.page-service-visa {
	margin-top: 7.5rem;
}

.page-service-visa__service-card {
	margin-top: 7.5rem;
}

.page-service-visa__items {
	grid-template-columns: repeat(2, 1fr);
}

.page-service-visa__items.inner {
	max-width: 100%;
}

.page-service-visa__item:nth-child(2) {
	border-top: none;
}

.page-service-visa__item:nth-child(2),
.page-service-visa__item:nth-child(4) {
	border-left: none;
}

.page-service__inner.inner {
	max-width: 71.875rem;
}

.page-service__main {
	margin-top: 6.25rem;
}

.page-service__section-title {
	font-size: 2rem;
}

.page-service__section-title span {
	font-size: 1rem;
}

.page-service__item:not(:first-child) {
	margin-top: 9.375rem;
}

.page-service__bg-image {
	margin-top: 7.5rem;
}

.page-sub__back-to-top {
	margin-top: 10rem;
}

.pc-nav__item a span {
	font-size: 0.875rem;
}

.pc-nav__button {
	display: block;
}

.rara-property__heading {
	font-size: 1.125rem;
}

.rara-property__company-name {
	font-size: 1.25rem;
}

.rental-package__text {
	margin-top: 5rem;
}

.rental-package__text--jp {
	font-size: 1.5rem;
}

.rental-package__tab {
	margin-top: 5rem;
}

.rental-package__image-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

.rental-package__image::before {
	padding-top: 62.8301886792%;
}

.safety-service-card__heading {
	font-size: 1.5rem;
}

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

.section-title__jp {
	font-size: 2rem;
}

.service-card__heading {
	font-size: 1.75rem;
}

.service-card__heading span {
	font-size: 1.25rem;
}

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

.service-contents__title {
	font-size: 2rem;
}

.service-contents__menu {
	margin-right: auto;
}

.service-contents__menu dl {
	grid-template-columns: 30% 1fr;
}

.service-contents__contact {
	font-size: 1.25rem;
	width: 60%;
}

.service-contents__text-design {
	font-size: 2.5rem;
}

.service-contents__rara-property {
	margin-top: 5rem;
}

.service-item {
	padding-top: 25rem;
	position: relative;
}

.service-item__image-wrapper {
	gap: 2.5rem;
	grid-template-columns: 70% 1fr;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.service-item__image-wrapper--reverse {
	grid-template-columns: 1fr 70%;
}

.service-item__number {
	order: inherit;
}

.service-item__number--reverse {
	order: -1;
}

.service-item__number p {
	font-size: 6.25rem;
}

.service-item__body {
	margin-left: auto;
	max-width: 100%;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	width: 80%;
}

.service-item__body--reverse {
	margin-left: 0;
	margin-right: auto;
}

.service-navigation__link {
	font-size: 0.875rem;
}

.service-navigation__items {
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: none;
}

.service-navigation__item:nth-child(1),
.service-navigation__item:nth-child(2),
.service-navigation__item:nth-child(3),
.service-navigation__item:nth-child(4),
.service-navigation__item:nth-child(5) {
	grid-column: auto;
	grid-row: auto;
}

.sns-instagram a {
	width: 10%;
}

.staff-images {
	grid-template-columns: repeat(4, 1fr);
}

.sub-fv {
	margin-top: 5.625rem;
}

.sub-fv__heading {
	font-size: 2rem;
}

.sub-fv__heading span {
	font-size: 1.25rem;
}

.sub-fv__image::before {
	padding-top: 38%;
}

.support-card {
	gap: 0 2.5rem;
	grid-template-areas: "heading image" "body image";
	grid-template-columns: 60% 1fr;
}

.support-card__heading {
	font-size: 1.25rem;
}

.support-card__image {
	margin-top: 0;
}

.tab-contents__contents-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

.tab-contents__included-items--jp {
	font-size: 1.125rem;
}

.tab-contents__included-items--en {
	font-size: 1.125rem;
}

.tab__items {
	gap: 5.625rem;
}

.tab__item {
	padding: 1.8125rem 0;
}

.tab__item p {
	font-size: 1.5rem;
}

.tab__item p span {
	font-size: 1.125rem;
}

.top-about {
	margin-top: 9.375rem;
	padding-top: 9.375rem;
}

.top-about__inner.inner {
	max-width: 71.875rem;
}

.top-application__inner.inner {
	max-width: 71.875rem;
}

.top-concept__main-copy {
	font-size: 1.5rem;
}

.top-concept__text {
	font-size: 1.125rem;
	margin-top: 2.5rem;
}

.top-concept__text--en {
	font-size: 1.125rem;
	margin-top: 2.5rem;
}

.top-fv__inner {
	flex-direction: row;
}

.top-fv__contents-wrapper {
	grid-template-columns: repeat(2, 1fr);
	padding-right: 8%;
}

.top-fv__sub-copy--jp {
	font-size: 1.25rem;
}

.top-fv__bar {
	height: 100%;
	width: 2.5rem;
}

.top-layout {
	margin-top: 8.75rem;
}

.top-news {
	margin-top: 8.75rem;
}

.top-news__items {
	max-width: 100%;
}

.top-slider {
	height: 25rem;
}

.top-slider__swiper .top-slider__swiper-slide {
	width: 25rem;
}

.page-service-visa__visa-service-banner {
	padding-bottom: 15rem;
}

.visa-service-banner__heading--jp {
	font-size: 1.25rem;
}

.visa-service-card__heading {
	font-size: 1.25rem;
}

.visa-service-card__heading span {
	font-size: 1.25rem;
}

.visa-service-card__image::before {
	padding-top: 60%;
}

.visa-service-images {
	padding-top: 7.5rem;
}

}

@media (min-width: 1100px) {

html {
	font-size: 16px;
}

}

@media (max-width: 900px) {

.support-media {
	flex-direction: column;
	gap: 1.5rem;
}

.support-media__image,
.support-media__body {
	max-width: 100%;
	min-width: 0;
}

.support-media__heading {
	font-size: 1.5rem;
}

.support-media__image {
	margin-left: 0;
	margin-right: 0;
	max-width: 100vw;
}

.support-media__image img {
	-webkit-clip-path: none;
	border-radius: 1.5rem;
	clip-path: none;
	width: 100%;
}

.support-media__image::after {
	border-radius: 1.5rem;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes fade {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}


/*# sourceMappingURL=style.css.map */