/* * =========================================
 * aboutusディレクトリ配下のスタイル
 * =========================================
 */

/* * =========================================
 * aboutus/api.html
 * =========================================
 */
.fv-lead {
	padding: 16px 0;
	font-size: 20px;
	font-weight: var(--font-weight-medium);
	line-height: 174%; /* 34.8px */
	color: #ac347d;
	text-align: center;
	letter-spacing: 1.6px;
}

.fv-lead__emphasis {
	position: relative;
	padding: 8px 0 24px 16px;
	font-size: 24px;
	line-height: 174%;
	letter-spacing: 1.92px;
}

.fv-lead__emphasis img {
	top: 16px;
	width: 100%;
	opacity: 0.56;
	transform: rotate(3deg);
}

.fv-media-block .c-media-block__item--text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fv-media-block .c-media-block__item--image {
	width: 45%;
}

.api-list {
	display: flex;
	padding: 24px 2rem;
}

.api-list ul {
	flex: 1;
}

.api-list li {
	padding: 8px 0;
	font-size: 16px;
	font-feature-settings:
		'halt' on,
		'pwid' on;
}

.capture-screen {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 24px;
	justify-content: center;
	padding: 24px 0;
}

.capture-screen__item {
	max-width: 328px;
}

.capture-screen__item img {
	width: 100%;
	padding: 0 24px;
}

.capture-screen__item p {
	width: 100%;
	padding-top: 16px;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	letter-spacing: 0.56px;
}

@media (width <= 767px) {
	.fv-lead {
		font-size: 18px;
		line-height: 182%; /* 32.76px */
		letter-spacing: 1.44px;
	}

	.fv-lead__emphasis {
		padding: 8px 8px 16px 16px;
		font-size: 22px;
	}

	.fv-lead__emphasis img {
		top: 8px;
		transform: rotate(1deg);
	}

	.fv-media-block {
		padding: 0;
	}

	.fv-media-block .c-media-block__item--image {
		width: 100%;
	}

	.api-list {
		display: block;
		padding: 24px 0 24px 2rem;
	}

	.capture-screen__item {
		width: 100%;
		max-width: none;
	}
}

/* * =========================================
 * aboutus/inquiry/inquiry2.html
 * =========================================
 */
.contact-info {
	width: 100%;
	padding: 24px 8px;
}

.contact-info__inner {
	display: flex;
	gap: 24px;
	justify-content: center;
	width: 100%;
}

.contact-info__item {
	display: flex;
	flex: 1;
	flex: 1 0 0;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	max-width: 60%;
	padding: 0 24px;
	background: rgb(255 255 255 / 64%);
	border: 2px solid #ac347d;
	border-radius: 8px;
}

.contact-info__icon {
	padding: 29px 14px 9px;
}

.contact-info__icon img {
	width: 68px;
	height: 65px;
}

.contact-info__label {
	padding-top: 8px;
	font-family: var(--font-family-sub1);
	font-size: 20px;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 120%; /* 24px */
	letter-spacing: 1.6px;
}

.contact-info__detail {
	padding: 16px 0;
	font-size: 32px;
	font-weight: var(--font-weight-bold);
	font-feature-settings:
		'halt' on,
		'pwid' on;
	line-height: 192%; /* 61.44px */
	color: #ac347d;
	text-align: center;
	letter-spacing: 1.28px;
}

.contact-info__item--mail .contact-info__detail {
	font-size: 28px; /* 「お問い合わせフォーム」のみ */
}

.contact-info__text {
	padding-bottom: 32px;
}

.contact-info__text p {
	width: 100%;
	text-align: center;
}

.contact-info__btn {
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
	width: 184px;
	padding: 12px 16px;
	font-size: 14px;
	font-weight: 600;
	font-feature-settings:
		'halt' on,
		'pwid' on;
	line-height: 140%; /* 19.6px */
	color: #fff;
	letter-spacing: 0.56px;
	background: #ac347d;
	border-radius: 8px 8px 0 0;
}

.sponsor-ex {
	padding: 24px 0 40px;
}

.sponsor-ex__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px 32px;
	align-items: stretch;
}

.sponsor-ex__card {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: #f5f3f4;
	box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 25%);
}

.sponsor-ex__visual,
.sponsor-ex__visual img,
.sponsor-ex__body {
	width: 100%;
}

.sponsor-ex__body {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	padding: 16px 24px 32px;
	text-align: center;
}

.sponsor-ex__title {
	font-family: var(--font-family-sub1);
	font-size: 24px;
	font-weight: var(--font-weight-medium);
	line-height: 120%; /* 28.8px */
	letter-spacing: 1.92px;
}

.sponsor-ex__text {
	font-size: 14px;
	font-feature-settings:
		'halt' on,
		'pwid' on;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media (width >= 768px) {
	.contact-info__item--phone {
		pointer-events: none;
	}
}

@media (width <= 767px) {
	.contact-info {
		padding: 24px 0;
	}

	.contact-info__inner {
		flex-direction: column;
	}

	.contact-info__item {
		max-width: none;
	}

	.contact-info__btn {
		font-size: 16px;
	}

	.sponsor-ex__inner {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 1fr;
		gap: 24px;
	}
}

/* * =========================================
 * aboutus/index.html
 * =========================================
 */

/* モバイルのナビ */
.mobile-nav__item--top {
	background-color: #ffffff7a;
}

.mobile-nav__submenu li {
	background-color: #fff6f7;
}

.c-page-title__image img {
	max-width: 300px;
}

.c-page-title__image {
	margin-top: -40px;
}

.c-article-list {
	padding: 64px 0 80px;
}

.c-article-card a {
	padding-left: 0;
}

.c-article-card__image {
	width: 48%;
}

.c-sidebar-title__image {
	width: 32%;
}

@media (width <= 767px) {
	.c-page-title__image img {
		max-width: 47%;
	}

	.c-page-title__image {
		margin-top: -30px;
	}

	.c-article-list {
		padding: 32px 0 64px;
	}

	.c-article-card__image {
		width: 30%;
		padding: 24px 0;
	}
}
/* ページ内リンクの位置調整　例：ヘッダーの高さが 100px の場合 */
#jirei { scroll-margin-top: 100px; }