@charset "utf-8";
/* CSS Document */

body {
	color: #032333;
	font-family: "hiragino-mincho-pron", sans-serif;
}

html.wf-active {
	visibility: visible;
}

.u-desktop {
	display: none;
}

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

html {
	font-size: 16px;
}

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

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

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

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

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

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

ul,
ol {
	list-style: none;
}

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

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

/* Make images easier to work with */

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

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

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

/* Inherit fonts for inputs and buttons */

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

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

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

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

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

textarea {
	resize: vertical;
}

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

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

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

/* ホバー */

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

.article {
	display: flex;
	justify-content: center;
	text-align: center;
}

.article__container {
	background-color: #032333;
	width: 100%;
}

.article__aside {
	background-color: #ffffff;
	width: 24.76%;
}

.article__method {
	margin-top: 3.75rem;
}

.article__guide {
	margin-top: 3.75rem;
}

.aside__img {
	cursor: pointer;
}

.aside__img img {
	height: auto;
	transition: transform 0.6s ease; /* ゆっくり変化させる */
}

.aside__img:hover img {
	transform: scale(0.97); /* 拡大 */
}

.button__form {
	background: linear-gradient(90deg, #062D3F 0%, #0080BC 100%);
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-size: 0.94125rem;
	font-weight: 700;
	letter-spacing: 0.01rem;
	padding: 1.0625rem 0;
	width: 16.733125rem;
	z-index: 1;
}

.button__form--orange {
	background: linear-gradient(90deg, #D99126 0%, #FF772A 100%);
	color: #fff;
	font-family: "hiragino-mincho-pron", sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.01rem;
	padding: 1.375rem 0 1.125rem;
	width: 20rem;
}

.button__form--blue {
	background: linear-gradient(90deg, #062D3F 0%, #0080BC 100%);
	color: #fff;
	font-family: "hiragino-mincho-pron", sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.01rem;
	padding: 1.375rem 0 1.125rem;
	width: 20rem;
}

.button {
	display: inline-block; /* 必要に応じて追加 */
	overflow: hidden;
	position: relative; /* 追加 */
}

.button a {
	display: inline-block; /* 必要に応じて追加 */
	position: relative; /* 追加 */
	z-index: 1; /* 背景エフェクトが画像より後ろに行かないように設定 */
}

.button a::before {
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
	content: "";
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transition: 0.5s;
	width: 100%;
	z-index: 0; /* 背景エフェクト */
}

.button a:hover::before {
	left: 100%;
}

.choice {
	background-color: #F5FEFF;
	padding: 4.25rem 0 5rem;
}

.choice__title {
	height: 6.5625rem;
	margin-left: auto;
	margin-right: auto;
	width: 21.25rem;
}

.choice__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.choice__text {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.75;
	margin-top: 2.5rem;
}

.choice__text span {
	color: #0178AF;
	font-weight: 600;
}

.choice__list {
	margin-top: 7.125rem;
}

.choice__item {
	background-color: #fff;
	position: relative;
}

.choice__item + .choice__item {
	margin-top: 4.539375rem;
}

.choice__number {
	height: 4.300625rem;
	left: 50%;
	position: absolute;
	top: -17%;
	transform: translate(-50%);
	width: 4.300625rem;
}

.choice__name {
	background: linear-gradient(90deg, #062D3F 0%, #0080BC 100%);
	color: #fff;
	font-size: 1.6725rem;
	font-weight: 600;
	padding: 1.4375rem 0 0.9375rem;
	text-align: center;
}

.choice__sentence {
	min-height: 14.5625rem;
	padding: 1.25rem 1.5625rem 0;
}

.choice__explanation {
	font-size: 1.075rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.3888888889;
}

.choice__explanation + .choice__explanation {
	margin-top: 1.25rem;
}

.choice__explanation span {
	color: #4BCCBE;
	font-size: 1.194375rem;
	font-weight: 600;
}

.company-cards__list {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.company-card {
	background-color: #fff;
	color: #000;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	min-height: 12rem;
	padding: 0.5rem 0rem 0.5rem 1.0625rem;
	position: relative;
}

.company-cards__button {
	bottom: -15%;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
}

.company-card__wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	justify-content: flex-start;
}

.company-card__list {
	display: flex;
	text-align: left;
}

.company-card__list + .company-card__list {
	margin-top: 0.75rem;
}

.company-card__list dt {
	display: flex;
	font-size: 1.125rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	width: 20%;
}

.company-card__list dd {
	word-wrap: break-word;
	word-wrap: break-word;
	box-sizing: border-box;
	display: flex;
	font-size: 0.9375rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	margin-top: 0.1875rem;
	white-space: normal;
	width: 80%;
}

.company-card__list dd.company-card__list-margin {
	font-size: 0.78125rem; /* 12px */
}

.company-card__list a {
	word-wrap: break-word;
	word-wrap: break-word;
	display: inline;
	max-width: 100%;
	transition: 0.3s;
	white-space: normal;
}

.company-card__list a:hover {
	opacity: 0.3;
}

.company-card__list-margin a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.company-card__list-margin a:hover {
	-webkit-text-decoration: underline;
	opacity: 1;
	text-decoration: underline; /* リンクにホバーしたときの下線 */
	transition: 0.5s;
}

.company-cards__list {
	position: relative;
}

.company-cards__list + .company-cards__list {
	margin-top: 4.375rem;
}

/* 枚数が増えたときのための処理 */

/* 枚数が増えたときのための処理 */

.company {
	background-color: #F5FEFF;
	padding: 5rem 0 8.5625rem;
	text-align: center;
}

.company__head {
	align-items: center;
	display: flex;
	gap: 0 1.375rem;
	justify-content: space-between;
}

.company__title {
	color: #0B2937;
	font-size: 1.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.company__borderLeft {
	background: #0178AF;
	height: 3.5rem;
	width: 14.09%;
}

.company__borderReft {
	background: #0178AF;
	height: 3.5rem;
	width: 14.09%;
}

.company__inner {
	margin: auto;
	max-width: 500px;
	padding: 0 0.9375rem;
}

.company__list {
	margin-top: 5rem;
}

.comparison {
	background-color: #052E42;
	padding: 3.75rem 0 5rem;
}

.comparison__head {
	text-align: center;
}

.comparison__border {
	border-bottom: solid 1px #fff;
	margin-left: auto;
	margin-right: auto;
	width: 21.25rem;
}

.comparison__title {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	padding: 0.625rem 0;
}

.comparison__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.scroll-hint-icon {
	background: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	box-sizing: border-box;
	height: auto;
	left: calc(50% - 70px);
	opacity: 0;
	padding: 20px 10px 10px 10px;
	position: absolute;
	text-align: center;
	top: calc(50% - 25px);
	transition: opacity 0.3s;
	width: 140px;
}

.select__achievement-content {
	margin: 3.75rem auto 0;
	max-width: 44.8125rem;
	overflow-x: scroll;
	width: calc(100% + 1.5625rem);
}

.select__achievement-table {
	border-collapse: collapse;
	width: 44.8125rem;
}

.comparison__remarks {
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 2.5769230769;
	margin-top: 2.5rem;
	text-align: center;
}

.explanation {
	background-image: url("../img/explanation-bg-sp.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.75rem 0 5rem;
}

.explanation__head {
	align-items: center;
	display: flex;
	gap: 0 0.625rem;
	justify-content: space-between;
}

.explanation__title {
	color: #0B2937;
	font-size: 1.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.explanation__borderLeft {
	background: #0178AF;
	height: 3.5rem;
	width: 14.09%;
}

.explanation__borderReft {
	background: #0178AF;
	height: 3.5rem;
	width: 14.09%;
}

.explanation__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.explanation__content {
	margin-top: 2.9375rem;
}

.explanation__img {
	margin-left: auto;
	margin-right: auto;
	width: 72.36%;
}

.explanation__sentence {
	margin-top: 3.75rem;
	width: 100%;
}

.explanation__text {
	color: #052E42;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.75;
	max-width: 31.25rem;
}

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

.explanation__button {
	height: 3.5rem;
	margin-left: auto;
	margin-right: auto;
	width: 16.75rem;
}

.explanation__button + .explanation__button {
	margin-top: 0.680625rem;
}

.fv-pc__bg {
	background-color: #032333;
	background-image: url("../img/fv-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 6.25rem 0 2.8125rem;
}

.fv-pc__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	padding: 0 0.625rem;
}

.fv-pc__flex {
	align-items: end;
	display: flex;
	justify-content: space-between;
}

.fv-pc__tag {
	border: solid 1px #fff;
	display: inline-block;
	font-size: 2rem;
	font-weight: 300;
	padding: 0.375rem 0.875rem 0.25rem 0.9375rem;
}

.fv-pc__title {
	font-size: 4.5rem;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 0.75rem;
}

.fv-pc__subtitle {
	font-size: 2.325rem;
	font-weight: 300;
	line-height: 1.5;
}

.fv-pc__text {
	font-size: 1.125rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.5;
	margin-top: 1.25rem;
	max-width: 39.4375rem;
}

.fv-pc__img-third {
	display: inline-block;
	height: 20.5rem;
	position: relative;
	width: 24.125rem;
	z-index: 3;
}

.fv-pc__source {
	color: #fff;
	display: flex;
	font-size: 0.625rem;
	font-weight: 300;
	justify-content: flex-end;
	letter-spacing: 0.01em;
	line-height: 3.2;
	margin-top: 1.0625rem;
	padding-right: 7.0625rem;
}

.fv-pc__img {
	display: flex; /* 子要素の位置調整を容易にするためにflexboxを使用 */
	justify-content: flex-end; /* 子要素を右寄せ */
	margin-left: auto; /* 左側の余白を自動調整 */
	margin-right: 0; /* 右側の余白をゼロに設定 */
	margin-top: -22.25%;
	position: relative;
}

.fv-pc__img-second {
	height: 15.3125rem;
	position: absolute;
	right: 8%;
	top: -8%;
	width: 26.5625rem;
	z-index: 2;
}

.fv-pc__img-position {
	position: relative;
}

.fv-pc__img-first {
	height: 18.1875rem;
	position: absolute;
	right: 17%;
	top: -46%;
	width: 27.625rem;
	z-index: 1;
}

.fv-pc__img-first img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-pc__img-first img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.fv-pc__img-second img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-pc__img-second img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.fv-pc__img-third img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-pc__img-third img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.fv-sp {
	background-color: #032333;
	background-image: url("../img/fv-bg-sp.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 1.875rem 0 4rem;
}

.fv-sp__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 24.375rem;
	padding: 0 1.5625rem;
}

.fv-sp__tag {
	border: solid 1px #fff;
	display: inline-block;
	font-size: 1.373125rem;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.21875rem 0.59375rem;
}

.fv-sp__title {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 0.925rem;
}

.fv-sp__subtitle {
	font-size: 1.52125rem;
	font-weight: 300;
	line-height: 1.5;
}

.fv-sp__img-first {
	display: inline-block;
	height: 9.875rem;
	margin-top: 0.625rem;
	width: 11.4375rem;
}

.fv-sp__content {
	position: relative;
}

.fv-sp__img-second {
	left: 22%;
	position: absolute;
	top: 71%;
}

.fv-sp__img-second img {
	display: inline-block;
	height: 8.1875rem;
	width: 11.9375rem;
}

.fv-sp__source {
	color: #fff;
	display: flex;
	font-size: 0.625rem;
	font-weight: 300;
	justify-content: center;
	letter-spacing: 0.01em;
	line-height: 3.2;
	margin-top: 6.25rem;
	position: relative;
}

.fv-sp__img-third {
	left: 43.5%;
	position: absolute;
	top: -507%;
	z-index: 3;
}

.fv-sp__img-third img {
	height: 9.875rem;
	width: 11.625rem;
}

.fv-sp__sentence {
	background-color: #032333;
	padding: 1.25rem 0.625rem;
}

.fv-sp__text {
	font-size: 0.9375rem;
	font-weight: 300;
	line-height: 1.522;
}

.fv-sp__img-first img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-sp__img-first img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.fv-sp__img-second img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-sp__img-second img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.fv-sp__img-third img {
	transition: transform 0.3s ease-in-out; /* なめらかなアニメーションを追加 */
}

.fv-sp__img-third img:hover {
	transform: scale(1.05); /* 画像を10%拡大 */
}

.header-nav__list {
	background-color: #032333;
	border-radius: 0 0 0 1.25rem;
	display: flex;
	gap: 2.5rem;
	justify-content: flex-end;
	padding: 0.75rem 8.125rem;
}

.header-nav__textBox {
	text-align: center;
}

.header-nav__text-jp {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
}

.header-nav__text-en {
	color: #F5EC10;
	font-size: 1rem;
	font-weight: 500;
}

.header-nav__link {
	display: flex;
	gap: 0.625rem;
}

.header-nav__icon {
	height: 1.3125rem;
	margin-top: 0.3125rem;
	width: 1.3125rem;
}

.header-nav__link:hover .header-nav__icon {
	transform: translateX(5px); /* 画像を右に10px移動 */
	transition: transform 0.3s ease; /* スムーズな移動 */
}

.headerNav {
	background-color: transparent;
	opacity: 0;
	position: fixed;
	top: 0;
	transform: translateY(-20px); /* 少し上から滑らかに現れる */
	transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
	visibility: hidden;
	width: 100%;
	z-index: 9999;
}

.headerNav.visible {
	opacity: 1;
	transform: translateY(0); /* 元の位置に戻る */
	visibility: visible;
}

.headerNav.scrolled {
	height: 63px; /* スクロール時のヘッダー高さ */
	transition: height 0.3s ease; /* スムーズな高さ変更 */
}

.headerNav__inner {
	align-items: center;
	background-color: #52B9C0;
	display: flex;
	height: inherit;
	justify-content: space-between;
	padding-left: 1.5625rem;
	transition: background-color 0.3s ease; /* 背景色が滑らかに変わる */
}

.pc-nav__item:not(.pc-nav__item--padding) a {
	-webkit-text-decoration: none;
	position: relative;
	text-decoration: none;
}

.header {
	background-color: #52B9C0;
	height: 3.9375rem;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit; /* 必要なら具体的に高さを指定 */
	justify-content: space-between;
	padding-left: 1.5625rem;
}

.header__logo {
	align-items: center; /* 縦方向中央 */
	display: flex;
	height: 2.75rem;
	justify-content: center; /* 横方向中央 */
	position: relative; /* z-indexをきかせるため */
	width: 10.875rem;
	z-index: 9999;
}

.header__logo img {
	display: block; /* 画像の余白を削除 */
	margin: 0 auto; /* 必要なら中央揃え */
}

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

.media-card {
	background-image: url("../img/media-card-bg-sp.webp");
	background-position: center calc(50% - 46px);
	background-repeat: no-repeat;
	background-size: 100% 65.125rem;
	position: relative;
}

.media-card__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 57.4375rem;
	padding: 0 0.625rem;
}

.media-card__list {
	padding: 4.6875rem 1.15625rem 0;
}

.media-card__item {
	background-color: #F5FEFF;
	border-bottom: solid 5px #0178AF;
	min-height: 24rem;
	padding-top: 0.9375rem;
	position: relative;
	z-index: 1;
}

.media-card__point {
	height: 1.25rem;
	left: 50%;
	position: absolute;
	top: -3%;
	transform: translate(-50%);
	width: 6.9375rem;
}

.media-card__item + .media-card__item {
	margin-top: 2.8125rem;
}

.media-card__title {
	background-color: #fff;
	color: #D99126;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.25;
	margin: 0.9375rem 0.75rem 0;
	padding: 2.5rem 0rem;
}

.media-card__text {
	color: #0B2937;
	font-size: 0.9375rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.7333333333;
	padding: 1.25rem 1.25rem 0;
	text-align: left;
}

.media-card__buttons {
	margin-top: 3.75rem;
}

.media-card__button + .media-card__button {
	margin-top: 1.25rem;
}

.media-card__button {
	height: 4.1875rem;
	margin-left: auto;
	margin-right: auto;
	width: 20rem;
}

.media-company {
	margin-top: 3.75rem;
}

.media-company__bg {
	background-image: url("../img/media-company-bg-sp.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 2.5rem 0;
}

.media-company__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 52.6875rem;
}

.media-company__content {
	background: rgba(255, 255, 255, 0.9);
	padding: 1.875rem 0 3.75rem;
}

.media-company__title {
	color: #052E42;
	font-size: 2rem;
	font-weight: 600;
}

.media-company__list {
	margin-top: 2.125rem;
	text-align: center;
}

.media-company__item {
	white-space: nowrap;
}

.media-company__item + .media-company__item {
	margin-top: 1.266875rem;
}

.media-company__item dt {
	color: #006281;
	font-size: 0.98375rem;
	font-weight: 600;
}

.media-company__item dd {
	color: #212121;
	font-size: 0.98375rem;
	font-weight: 300;
	margin-top: 0.608125rem;
}

.media-company__item a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.media-company__item a:hover {
	opacity: 0.5;
	transition: 0.5s;
}

.media-recommendation__buttons {
	margin-top: 3.75rem;
}

.media-card__button + .media-card__button {
	margin-top: 1.25rem;
}

.media-recommendation__buttons-sp {
	margin-top: 2.5rem;
}

.media-example {
	padding-top: 5rem;
}

.media-example__title {
	height: 4.5rem;
	margin-left: auto;
	margin-right: auto;
	width: 20.0625rem;
}

.media-example__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 47.375rem;
}

.media-example__content {
	background-color: #DDEAF2;
	margin-top: 2.5rem;
	padding: 1.25rem 0.625rem 3.75rem;
}

.media-example__content--center {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0.3125rem 0;
	text-align: center;
}

.media-example__none {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.625;
	padding: 6.25rem 0;
}

.media-example__tags {
	align-items: center;
	display: flex;
	gap: 0 0.2425rem;
	height: 2.67rem;
}

.media-example__tag-blue {
	align-items: center;
	background: linear-gradient(90deg, #0080BC 0%, #062D3F 100%);
	color: #fff;
	display: flex;
	font-size: 0.970625rem;
	font-weight: 600;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 9.6875rem;
}

.media-example__tag-white {
	align-items: center;
	background-color: #fff;
	color: #0178AF;
	display: flex;
	font-size: 0.776875rem;
	font-weight: 600;
	height: 100%;
	justify-content: center;
	letter-spacing: 0.01em;
	text-align: center;
	width: 10rem;
}

.media-example__subtitle {
	color: #0178AF;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	margin-top: 1.2675rem;
	padding: 0 1.25rem;
	text-align: left;
}

.media-example__text {
	font-size: 0.875rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.8571428571;
	margin-top: 1.875rem;
	padding: 0 1.25rem;
	text-align: left;
}

.media-example__text span {
	color: #0178AF;
	font-weight: 600;
	padding: 0;
}

.media-example__right {
	background-color: #0174A9;
	margin: 1.25rem 1.25rem 0;
	padding: 1.875rem 0.8225rem 2.5rem;
}

.media-example__before-category {
	background-color: #fff;
	border-radius: 1.71875rem;
	color: #0174A9;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	margin-top: 0.625rem;
	padding: 0.25rem 0;
	width: 8.6875rem;
}

.media-example__before-text {
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 1.6923076923;
	padding: 0.625rem 0.5rem 0;
	text-align: left;
}

.media-example__triangle {
	height: 1.1875rem;
	margin: 1.5625rem auto;
	width: 6.25rem;
}

.media-example__after-category {
	background-color: #032333;
	border-radius: 1.71875rem;
	color: #fff;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.25rem 0;
	width: 8.6875rem;
}

.media-example__after-text {
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 1.6923076923;
	padding-top: 0.625rem;
	text-align: left;
}

.media-name {
	background-image: url("../img/name-bg.webp");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 51.875rem;
	padding: 1rem 0 6.25rem;
}

.media-name--padding {
	padding: 0.5rem 0 6.25rem;
}

.media-name__title {
	width: 100%;
}

.media-name__img {
	margin: 0.375rem auto 0;
	width: 100%;
}

.media-name__img img {
	-o-object-fit: cover;
	aspect-ratio: 340/198;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-name__source {
	color: #fff;
	display: flex;
	font-size: 0.625rem;
	font-weight: 300;
	justify-content: center;
}

.media-name__source--margin {
	margin-top: 0.625rem;
}

.media-name__source-text {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.media-name__source-text a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.media-name__wrapper {
	margin-top: 2.5rem;
	padding: 0 0.625rem;
	text-align: left;
}

.media-name__text {
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 1.75;
}

.media-name__text + .media-name__text {
	margin-top: 1.875rem;
}

.media-recommendation {
	padding-top: 4.6875rem;
}

.media-recommendation__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 0.625rem;
}

.media-recommendation__title {
	height: 4.5rem;
	margin-left: auto;
	margin-right: auto;
	width: 20.0625rem;
}

.media-recommendation__container {
	margin-top: 2.5rem;
}

.media-recommendation__container + .media-recommendation__container {
	margin-top: 2.5rem;
}

.media-recommendation__content {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content::before {
	background-image: url("../img/media-recommendation-series1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--second {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content--second::before {
	background-image: url("../img/media-recommendation-series2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--third {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content--third::before {
	background-image: url("../img/media-recommendation-series3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--four {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content--four::before {
	background-image: url("../img/media-recommendation-series4.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--five {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content--five::before {
	background-image: url("../img/media-recommendation-series5.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--six {
	background-color: #F5FEFF;
	border: solid 1px #006281;
	border-radius: 0.0625rem;
	padding: 11.25rem 0rem 3.75rem;
	position: relative;
}

.media-recommendation__content--six::before {
	background-image: url("../img/media-recommendation-series6.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__content--second {
	position: relative;
}

.media-recommendation__content--second::before {
	background-image: url("../img/media-recommendation-series2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 9.3125rem;
	left: calc(50% - min(61.5%, 50rem));
	position: absolute;
	top: 1.1rem;
	width: 15.9375rem;
	z-index: 1;
}

.media-recommendation__left {
	margin-left: auto;
	margin-right: auto;
	width: 79%;
}

.media-recommendation__left--second {
	margin-left: auto;
	margin-right: auto;
	width: 79%;
}

.media-recommendation__left--third {
	margin-left: auto;
	margin-right: auto;
	width: 79%;
}

.media-recommendation__left--four {
	margin-left: auto;
	margin-right: auto;
	width: 79%;
}

.media-recommendation__left--five {
	margin: 1.875rem auto 0;
	width: 69%;
}

.media-recommendation__left--six {
	margin-left: auto;
	margin-right: auto;
	width: 69%;
}

.media-recommendation__img img {
	-o-object-fit: cover;
	aspect-ratio: 251/255;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--second img {
	-o-object-fit: cover;
	aspect-ratio: 251/255;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--third img {
	-o-object-fit: cover;
	aspect-ratio: 251/255;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--four img {
	-o-object-fit: cover;
	aspect-ratio: 251/255;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--five img {
	-o-object-fit: cover;
	aspect-ratio: 211/215;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--six img {
	-o-object-fit: cover;
	aspect-ratio: 211/215;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__right {
	margin-top: 2.5rem;
	text-align: left;
	width: 100%;
}

.media-recommendation__right--second {
	text-align: left;
	width: 100%;
}

.media-recommendation__right--third {
	text-align: left;
	width: 100%;
}

.media-recommendation__right--four {
	text-align: left;
	width: 100%;
}

.media-recommendation__right--five {
	text-align: left;
	width: 100%;
}

.media-recommendation__right--six {
	text-align: left;
	width: 100%;
}

.media-recommendation__text {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.8571428571;
	padding: 0 1.15625rem;
}

.media-recommendation__source {
	color: #000;
	display: flex;
	font-size: 0.625rem;
	font-weight: 300;
	justify-content: center;
	letter-spacing: 0.01em;
	line-height: 3.2;
}

.media-recommendation__source--margin {
	margin-top: 1.25rem;
}

.media-recommendation-text {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.media-recommendation-text a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.media-recommendation__achievement-content {
	margin: 2.5rem auto 0;
	max-width: 44.8125rem;
	overflow-x: scroll;
	padding-left: 1.25rem;
	width: calc(100% + 2.1875rem);
}

.media-recommendation__achievement-table {
	border-collapse: collapse;
	width: 32.875rem;
}

.media-recommendation__applications {
	margin-top: 2.5rem;
	padding: 0 1.6875rem;
}

.media-recommendation__applications--padding {
	padding: 0 1.4375rem;
}

.media-recommendation__subtitle {
	height: 1.9375rem;
	width: 16.6875rem;
}

.media-recommendation__applications-text {
	font-size: 0.875rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 2;
	padding-left: 0.5625rem;
	text-align: left;
}

.media-recommendation__applications-text + .media-recommendation__applications-text {
	margin-top: 0.3125rem;
}

.media-recommendation__applications-text--font {
	font-weight: 600;
}

.media-recommendation__applications-text-space {
	white-space: nowrap;
}

.media-recommendation__applications-text:first-of-type {
	margin-top: 0.9375rem; /* 最初の要素にだけ適用 */
}

.media-recommendation__feature {
	background: linear-gradient(90deg, #0080BC 0%, #010101 100%);
	margin-top: 3.375rem;
	padding: 2.5rem 0.5625rem;
}

.media-recommendation__feature-title {
	color: #fff;
	font-size: 1.351875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.media-recommendation__list {
	margin-top: 1.6875rem;
}

.media-recommendation__item + .media-recommendation__item {
	margin-top: 0.5625rem;
}

/* 枚数が増えたときのための処理 */

/* 枚数が増えたときのための処理 */

.media-recommendation__box {
	display: flex;
}

.media-recommendation__box dt {
	background-color: #4BCCBE;
	color: #fff;
	font-size: 1.23875rem;
	font-weight: 600;
	letter-spacing: -0.12em;
	line-height: 1.6548940464;
	padding: 0.5625rem 0 0.3125rem;
	width: 15.94%;
}

.media-recommendation__box dd {
	align-items: center;
	background-color: #fff;
	color: #032333;
	display: flex;
	font-size: 1.01375rem;
	font-weight: 600;
	justify-content: center;
	letter-spacing: 0.01em;
	width: 84.06%;
}

.media-recommendation__box-font dd {
	font-size: 0.88875rem;
}

.media-recommendation__buttons-pc {
	margin-top: 3.600625rem;
}

.media-card__button + .media-card__button {
	margin-top: 1.25rem;
}

.media-recommendation__buttons-sp {
	margin-top: 2.5rem;
}

.media {
	background-image: url("../img/main-bg-sp.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 5rem 0;
}

.media-pc__wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 40.8125rem;
}

.media-pc__box {
	align-items: center;
	display: flex;
	gap: 0 1.75rem;
}

.media-pc__text {
	color: #D3C0A7;
	font-size: 1.5rem;
	font-weight: 600;
}

.media-pc__border-right {
	background: linear-gradient(90deg, #0B2937 0%, #D9D9D9 100%);
	height: 0.125rem;
	max-width: 30.1875rem;
	width: 100%;
}

.media-pc__title {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 3rem;
	font-weight: 600;
	justify-content: center;
	margin-top: 0.625rem;
	text-align: left;
}

.media-sp__remarks {
	color: #D3C0A7;
	font-size: 1.25rem;
	font-weight: 600;
}

.media-sp__box {
	margin-top: 0.375rem;
}

.media-sp__border-left {
	background: linear-gradient(90deg, #D9D9D9 0%, #0B2937 100%);
	height: 0.125rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.375rem;
	width: 100%;
}

.media-sp__border-right {
	background: linear-gradient(90deg, #0B2937 0%, #D9D9D9 100%);
	height: 0.125rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.375rem;
	width: 100%;
}

.media-sp__title {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.8;
}

.media-sp__title span {
	font-size: 1.875rem;
}

.media__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.media__list {
	margin-top: 5rem;
}

.media__item {
	background-color: #fff;
	padding-bottom: 5rem;
}

.media__item + .media__item {
	margin-top: 5rem;
}

.merit {
	background-color: #F5FEFF;
	padding: 5.1875rem 0 5rem;
}

.merit__title {
	height: 4.875rem;
	margin-left: auto;
	margin-right: auto;
	width: 21.25rem;
}

.merit__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.scroll-hint-icon {
	background: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	box-sizing: border-box;
	height: auto;
	left: calc(50% - 70px);
	opacity: 0;
	padding: 20px 10px 10px 10px;
	position: absolute;
	text-align: center;
	top: calc(50% - 25px);
	transition: opacity 0.3s;
	width: 140px;
}

.merit__achievement-content {
	margin: 2.5rem auto 0;
	max-width: 44.8125rem;
	overflow-x: scroll;
	width: calc(100% + 1.5625rem);
}

.merit__achievement-table {
	border-collapse: collapse;
	width: 44rem;
}

.pc-nav {
	color: #fff;
	height: inherit;
}

.pc-nav__list {
	display: flex;
	height: inherit;
}

.pc-nav__item {
	height: inherit;
}

.pc-nav__item a {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: center;
	padding: 0 min(2.38vw, 34px);
}

.pc-nav__item--padding a {
	padding: 0 0 0 1.17625rem;
}

.pc-nav__item a:hover {
	opacity: 1;
}

.pc-nav__wrapper {
	position: relative;
	text-align: center;
}

.pc-nav__wrapper::after {
	background-color: #fff;
	bottom: -0.625rem;
	content: "";
	height: 0.0625rem;
	left: 0;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;
	width: 100%;
}

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

.pc-nav__en {
	color: #fff;
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
}

.pc-nav__article {
	height: 100%;
	width: 100%;
}

.recommendation {
	background-color: #032333;
	background-image: url("../img/recommendation-bg-sp.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 47.375rem;
	margin-top: -17.0625rem;
	padding: 20.625rem 0 2.5rem;
	text-align: center;
}

.recommendation__inner {
	margin: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.recommendation__remarks {
	color: #D3C0A7;
	font-size: 1.25rem;
	font-weight: 600;
}

.recommendation__box {
	margin-top: 0.375rem;
}

.recommendation__border-left {
	background: linear-gradient(90deg, #D9D9D9 0%, #0B2937 100%);
	height: 0.125rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.375rem;
	width: 100%;
}

.recommendation__border-right {
	background: linear-gradient(90deg, #0B2937 0%, #D9D9D9 100%);
	height: 0.125rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.375rem;
	width: 100%;
}

.recommendation__title {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
	padding: 1.25rem 0;
}

.recommendation__title span {
	font-size: 1.875rem;
}

.recommendation__list {
	margin-top: 3.75rem;
}

.recommendation__item {
	background-color: #fff;
	padding-bottom: 3.543125rem;
}

.recommendation__item + .recommendation__item {
	margin-top: 2.5rem;
}

.recommendation__heading {
	background-color: #C7D7DD;
	padding: 1.18125rem 0 0.709375rem;
}

.recommendation__use {
	background-color: #fff;
	display: inline-block;
	font-size: 1.4175rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	width: 10.4375rem;
}

.recommendation__process {
	color: #006281;
	font-size: 1.4175rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	margin-top: 0.53125rem;
}

.recommendation__img {
	margin: 0.62rem auto 0;
	width: 92.315%;
}

.handpicked__source {
	color: #000;
	display: flex;
	font-size: 0.590625rem;
	font-weight: 600;
	justify-content: center;
	margin-top: 0.590625rem;
}

.handpicked__source-text {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.handpicked__source-text a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.recommendation__content {
	border-bottom: solid 3.78px #C7D7DD;
	border-left: solid 3.78px #C7D7DD;
	border-right: solid 3.78px #C7D7DD;
	margin-left: 1.03125rem;
	margin-right: 1.03125rem;
	margin-top: 1.1875rem;
}

.recommendation__feature {
	background-color: #C7D7DD;
	color: #052E42;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 31.7/17;
	padding: 0.25rem 0;
}

.recommendation__dl {
	background-color: #fff;
	min-height: 11.125rem;
	padding: 0.41375rem 0rem 0.375rem 0.625rem;
	position: relative;
	text-align: left;
}

.recommendation__wrapper {
	align-items: flex-start;
	display: flex;
}

.recommendation__wrapper dt {
	color: #093B68;
	font-size: 1.5rem;
	margin-top: -0.125rem;
}

.recommendation__wrapper dd {
	color: #052E42;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.8647058824;
}

.recommendation__buttons {
	margin-top: 3.070625rem;
}

.recommendation__button + .recommendation__button {
	margin-top: 1.18125rem;
}

.recommendation__button img {
	height: 3.9375rem;
	margin-left: auto;
	margin-right: auto;
	width: 18.875rem;
}

.recommendation__arrow {
	margin-top: 3.780625rem;
}

.recommendation__arrow img {
	height: 3.4375rem;
	margin-left: auto;
	margin-right: auto;
	width: 21.25rem;
}

.tab {
	margin-top: -40px;
	position: relative;
	text-align: center;
}

.tab__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.tab__content {
	background-color: #fff;
	padding: 0.625rem 1.25rem;
}

.tab__title {
	height: 100%;
	width: 31.94%;
}

.tab__list {
	background-color: #fff;
}

.tab__item {
	border-bottom: solid 1px #C6C6C6;
	padding: 1.25rem 0;
}

.tab__item:last-child {
	border-bottom: none;
}

.tab__arrow {
	height: 1.4375rem;
	margin: 0.625rem auto 0;
	width: 10.9375rem;
}

.tab__item a:hover .tab__arrow {
	transform: translateY(5px); /* 下に5px移動 */
	transition: transform 0.3s ease; /* スムーズな移動 */
}

.tab__title {
	display: inline-block; /* 必要に応じて追加 */
	overflow: hidden;
	position: relative; /* 追加 */
}

.tab__title a::before {
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
	content: "";
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transition: 0.5s;
	width: 100%;
	z-index: 0; /* 背景エフェクト */
}

.tab__title a:hover::before {
	left: 100%;
}

.top {
	background-color: #052E42;
	color: #fff;
	height: 2.5rem;
}

.top-text {
	align-items: center;
	display: flex;
	font-size: 0.9375rem;
	font-weight: 300;
	height: inherit;
	padding-left: 1.25rem;
}

.type-box__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 66.875rem;
	padding: 0 1.5625rem;
}

.type-box__list {
	position: relative;
}

.type-box__button {
	bottom: -7.5%;
	height: 4.5rem;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 20rem;
}

.type-box__list + .type-box__list {
	margin-top: 5rem;
}

.type-pc__item {
	align-items: center;
	display: flex;
}

.type-pc__left {
	background-color: #fff;
	min-height: 33.3125rem;
	padding: 1.875rem 3.125rem 3.75rem 1.875rem;
	width: 58.82%;
}

.type-pc__left--height {
	padding: 1.875rem 3.125rem 2.875rem 1.875rem;
}

.type-pc__right {
	background-image: url("../img/type-pc-bg1.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 33.3125rem;
	padding: 7.8125rem 2rem 7.3125rem;
	width: 41.17%;
}

.type-pc__right--second {
	background-image: url("../img/type-pc-bg2.webp");
}

.type-pc__title {
	height: 4.375rem;
	width: 24.6875rem;
}

.type-box__wrapper {
	margin-left: auto;
	margin-top: 0.8125rem;
	max-width: 27.9375rem;
}

.type-box__box + .type-box__box {
	margin-top: 1.5625rem;
}

.type-box__subtitle {
	height: 1.9375rem;
	width: 16.6875rem;
}

.type-box__text {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.75;
	margin-top: 1.0375rem;
}

.type-box__text--font {
	font-size: 0.875rem;
}

.type-pc__machinery img {
	-o-object-fit: cover;
	aspect-ratio: 356/250;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.type-box__source {
	color: #fff;
	display: flex;
	font-size: 0.625rem;
	font-weight: 600;
	justify-content: center;
	line-height: 4;
	margin-top: 0.125rem;
}

.type-box__source-text {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.type-box__source-text a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.type-sp__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.type-sp__item {
	background-color: #fff;
	padding: 1.299375rem 0 2.1875rem;
}

.type-sp__item + .type-sp__item {
	margin-top: 2.5625rem;
}

.type-sp__title {
	height: 3.3125rem;
	margin-left: auto;
	margin-right: auto;
	width: 18.6875rem;
}

.type-sp__machinery {
	background-image: url("../img/type-sp-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 1.3325rem;
	padding: 1.08125rem 0;
}

.type-sp__img {
	margin-left: auto;
	margin-right: auto;
	width: 72.4%;
}

.type-sp__machinery img {
	-o-object-fit: cover;
	aspect-ratio: 246/172;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.type-sp__source {
	color: #fff;
	display: flex;
	font-size: 0.431875rem;
	font-weight: 300;
	justify-content: center;
	line-height: 4.008683068;
}

.type-sp__source-text {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.type-sp__source-text a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.type-sp__wrapper {
	padding: 1.621875rem 1.2975rem 0;
}

.type-sp__box + .type-sp__box {
	margin-top: 1.03125rem;
}

.type-sp__subtitle {
	height: 1.6875rem;
	width: 14.375rem;
}

.type-sp__text {
	font-size: 0.756875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.9983484723;
	margin-top: 0.875rem;
}

.type-sp__button {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 2.128125rem;
}

.type-sp__button img {
	height: 3.145625rem;
	margin-left: auto;
	margin-right: auto;
	width: 13.829375rem;
}

.type {
	background-color: #052E42;
}

.type__bg {
	background-image: url("../img/type-bg-sp.webp");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.75rem 0 6.25rem;
	text-align: center;
}

.type__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding: 0 1.5625rem;
}

.type__head {
	background-color: #0178AF;
	color: #fff;
	padding: 2.5rem 0.625rem;
}

.type__title {
	font-size: 1.75rem;
	font-weight: 600;
}

.type__border {
	border-bottom: solid 1px #fff;
	height: 0.0625rem;
	margin: 1.25rem auto 0;
	width: 3.25rem;
}

.type__text {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.8571428571;
	margin-top: 1.875rem;
	text-align: left;
}

.type__body {
	background-color: #fff;
	padding: 1.25rem 1.875rem 3.75rem;
}

.type__body-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 56.25rem;
}

.type__wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.type__item + .type__item {
	margin-top: 1.25rem;
}

.type__item:nth-child(3n+1) {
	margin-top: 1.25rem;
}

.type__item-box {
	align-items: center;
	display: flex;
	gap: 0 0.82125rem;
}

.type__number {
	height: 2.875rem;
	width: 2.875rem;
}

.type__shape {
	color: #006281;
	font-size: 0.985625rem;
	font-weight: 600;
	line-height: 1.2935954344;
}

.type__arrow {
	height: 0.4375rem;
	width: 0.6875rem;
}

.type__box {
	padding: 3.75rem 0 5rem;
}

.type__wrapper {
	position: relative; /* 必要に応じて要素を相対的に位置付け */
}

.type__arrow {
	transition: transform 0.3s ease-in-out; /* スムーズなアニメーションを追加 */
}

.type__wrapper:hover .type__arrow {
	transform: translateY(0.625rem); /* 矢印を下に5px移動 */
}

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

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.3114754098vw;
}

.article {
	margin: auto;
	max-width: 90rem;
}

.article__container {
	width: 90.25%;
}

.article__method {
	margin-top: 5rem;
}

.article__guide {
	margin-top: 5rem;
}

.choice {
	padding: 6.375rem 0 7rem;
}

.choice__title {
	height: 7.875rem;
	width: 51.25rem;
}

.choice__inner {
	max-width: 73.875rem;
}

.choice__text {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.8;
	margin: 5.375rem auto 0;
	max-width: 62.5rem;
}

.choice__list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5rem;
}

.choice__item {
	max-width: calc(33.3333% - 1.3333333333rem);
	width: 100%;
}

.choice__item + .choice__item {
	margin-left: 2rem;
	margin-top: 0;
}

.choice__item:nth-child(3n+1) {
	margin-left: 0;
}

.choice__item:nth-child(n+4) {
	margin-top: 2.5rem;
}

.choice__number {
	height: 4.5rem;
	top: -17%;
	width: 4.5rem;
}

.choice__name {
	font-size: 1.75rem;
	padding: 1.375rem 0 1.125rem;
}

.choice__sentence {
	min-height: 15.25rem;
}

.choice__explanation {
	font-size: 1.125rem;
}

.choice__explanation span {
	font-size: 1.25rem;
}

.company-cards {
	display: flex;
	flex-wrap: wrap;
}

.company-cards__list {
	max-width: calc(33.3333% - 2.0833333333rem);
	width: 100%;
}

.company-cards__list + .company-cards__list {
	margin-left: 3.125rem;
	margin-top: 0;
}

.company-cards__list:nth-child(3n+1) {
	margin-left: 0;
}

.company-cards__list:nth-child(n+4) {
	margin-top: 4.375rem;
}

.company {
	padding: 6.25rem 0;
}

.company__head {
	gap: 0 3.375rem;
}

.company__title {
	font-size: 3rem;
}

.company__borderLeft {
	background: linear-gradient(90deg, #062D3F 0%, #0080BC 100%);
	height: 6.25rem; /* ボーダーの高さ */
	width: 23%; /* 必要に応じて調整 */
}

.company__borderReft {
	background: linear-gradient(90deg, #0080BC 0%, #062D3F 100%);
	height: 6.25rem; /* ボーダーの高さ */
	width: 23%; /* 必要に応じて調整 */
}

.company__inner {
	max-width: 76.8125rem;
	padding: 0 1.5625rem;
}

.comparison {
	padding: 6.6875rem 0 3.6875rem;
}

.comparison__head {
	align-items: center;
	display: flex;
	gap: 0 4.1875rem;
	justify-content: center;
}

.comparison__border {
	width: 27%;
}

.comparison__title {
	font-size: 2.5rem;
	padding: 0;
}

.comparison__inner {
	max-width: 73.125rem;
	padding: 0 1.5625rem;
}

.select__achievement-content {
	margin: 4.21875rem auto 0;
	max-width: 100%;
	width: 100%;
}

.select__achievement-table {
	height: 100%;
	width: 100%;
}

.comparison__remarks {
	font-size: 1rem;
}

.explanation {
	background-image: url("../img/explanation-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5rem 0 6.25rem;
}

.explanation__head {
	gap: 0 2.1875rem;
}

.explanation__title {
	font-size: 3rem;
}

.explanation__borderLeft {
	height: 6.25rem; /* ボーダーの高さ */
	width: 31%; /* 必要に応じて調整 */
}

.explanation__borderReft {
	height: 6.25rem; /* ボーダーの高さ */
	width: 31%; /* 必要に応じて調整 */
}

.explanation__inner {
	max-width: 75rem;
	padding: 0 1.5625rem;
}

.explanation__content {
	align-items: center;
	display: flex;
	gap: 0 6.375rem;
	justify-content: center;
	margin-top: 5rem;
}

.explanation__img {
	margin: -1.5625rem 0 0 0;
	width: 43.48%;
}

.explanation__sentence {
	margin-top: -0.625rem;
	width: 47.66%;
}

.explanation__text {
	font-size: 1.25rem;
	line-height: 1.8;
}

.explanation__buttons {
	align-items: center;
	display: flex;
	gap: 0 0.784375rem;
	justify-content: center;
	margin-top: 3.934375rem;
}

.explanation__button + .explanation__button {
	margin-top: 0rem;
}

.headerNav.scrolled {
	height: 84px; /* スクロール時のヘッダー高さ */
}

.header {
	height: 5.625rem;
}

.header__inner {
	padding: 0 2.875rem 0 5rem;
}

.header__logo {
	height: 3.75rem;
	width: 14.875rem;
}

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

.media-card {
	background-image: none;
}

.media-card::before {
	background-image: url("../img/media-card-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14.375rem;
	left: 50%;
	position: absolute;
	top: 12.25rem;
	transform: translate(-50%);
	width: 100%;
	z-index: 0;
}

.media-card__inner {
	padding: 0 0.9375rem;
}

.media-card__list {
	display: flex;
	flex-wrap: wrap;
	padding: 3.75rem 0 0;
}

.media-card__item {
	max-width: calc(33.3333% - 0.8333333333rem);
	padding-top: 0;
	width: 100%;
}

.media-card__item + .media-card__item {
	margin-left: 1.25rem;
	margin-top: 0;
}

.media-card__item:nth-child(3n+1) {
	margin-left: 0;
}

.media-card__item:nth-child(n+4) {
	margin-top: 2.8125rem;
}

.media-card__buttons {
	align-items: center;
	display: flex;
	gap: 0 2.5625rem;
	justify-content: center;
}

.media-card__button + .media-card__button {
	margin-top: 0rem;
}

.media-card__button {
	margin: 0;
}

.media-company {
	margin-top: 5rem;
}

.media-company__bg {
	background-image: url("../img/media-company-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
}

.media-company__content {
	padding: 2.5rem 0 3.75rem;
}

.media-company__list {
	margin: 2.5rem auto 0;
	max-width: 26.5625rem;
	text-align: left;
}

.media-company__item {
	align-items: center;
	display: flex;
}

.media-company__item + .media-company__item {
	margin-top: 1.5625rem;
}

.media-company__item dt {
	width: 30%;
}

.media-company__item dd {
	margin-top: 0rem;
	width: 70%;
}

.media-recommendation__buttons {
	align-items: center;
	display: flex;
	gap: 0 2.5625rem;
	justify-content: center;
	margin-top: 5rem;
}

.media-card__button + .media-card__button {
	margin-top: 0rem;
}

.media-example {
	padding-top: 3.125rem;
}

.media-example__title {
	height: 3.875rem;
	width: 49.875rem;
}

.media-example__content {
	align-items: flex-start;
	display: flex;
	gap: 0 1rem;
	margin-top: 3.75rem;
	padding: 1rem 1.25rem 1.25rem;
}

.media-example__content--center {
	padding: 0;
}

.media-example__none {
	font-size: 1.25rem;
	line-height: 0.7692307692;
	padding: 4.1875rem 0;
}

.media-example__left {
	width: 65.18%;
}

.media-example__tags {
	gap: 0 0.3125rem;
	height: 3.4375rem;
}

.media-example__tag-blue {
	font-size: 1.25rem;
	width: 12.5rem;
}

.media-example__tag-white {
	font-size: 1rem;
	width: 12.9375rem;
}

.media-example__subtitle {
	font-size: 1.25rem;
	margin-top: 1.25rem;
	padding: 0;
}

.media-example__text {
	margin-top: 0.625rem;
	padding: 0;
}

.media-example__right {
	margin: 0rem;
	padding: 1.5625rem 0.625rem 2.1875rem 0.75rem;
	width: 32.59%;
}

.media-example__triangle {
	height: 1.1875rem;
	width: 5.25rem;
}

.media-name {
	background-image: url("../img/name-bg-sp.webp");
	background-size: 100% 63.75rem;
	padding: 2.633125rem 0 7.5rem;
}

.media-name--padding {
	padding: 2.633125rem 0 7.5rem;
}

.media-name__title {
	height: 7.04375rem;
	width: 50.9375rem;
}

.media-name__img {
	margin: 1.33125rem auto 0;
	width: 65%;
}

.media-name__img img {
	aspect-ratio: 663/391;
}

.media-name__wrapper {
	align-items: center;
	display: flex;
	gap: 0 2.5625rem;
	margin: 2.375rem auto 0;
	max-width: 60.625rem;
	padding: 0 0.9375rem;
}

.media-name__border {
	height: 15.3125rem;
	width: 0.3125rem;
}

.media-name__text {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.8;
}

.media-recommendation {
	padding-top: 5.625rem;
}

.media-recommendation__inner {
	max-width: 57.5rem;
	padding: 0 0.9375rem;
}

.media-recommendation__title {
	height: 3.875rem;
	width: 37.875rem;
}

.media-recommendation__container {
	margin-top: 3.75rem;
}

.media-recommendation__content {
	padding: 3.4375rem 2.75rem 3.125rem 2.125rem;
}

.media-recommendation__content::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--second {
	padding: 3.4375rem 2.75rem 3.125rem 2.125rem;
}

.media-recommendation__content--second::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--third {
	padding: 3.4375rem 2.75rem 3.125rem 2.125rem;
}

.media-recommendation__content--third::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--four {
	padding: 3.4375rem 2.75rem 3.125rem 0.9375rem;
}

.media-recommendation__content--four::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--five {
	padding: 3.4375rem 2.75rem 3.125rem 3.375rem;
}

.media-recommendation__content--five::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--six {
	padding: 3.4375rem 2.75rem 2.625rem 3.375rem;
}

.media-recommendation__content--six::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__content--second::before {
	height: 12.8125rem;
	left: calc(50% - min(57.5%, 50rem));
	top: 2.75rem;
	width: 21.8125rem;
}

.media-recommendation__flex {
	align-items: center;
	display: flex;
	gap: 0 2.25rem;
}

.media-recommendation__flex--second {
	align-items: center;
	display: flex;
	gap: 0 3.6875rem;
}

.media-recommendation__flex--third {
	align-items: center;
	display: flex;
	gap: 0 3.6875rem;
}

.media-recommendation__flex--four {
	align-items: center;
	display: flex;
	gap: 0 3.6875rem;
}

.media-recommendation__flex--five {
	align-items: center;
	display: flex;
	gap: 0 4.9375rem;
}

.media-recommendation__flex--six {
	align-items: center;
	display: flex;
	gap: 0 4.1875rem;
}

.media-recommendation__left {
	margin-top: 12.5rem;
	width: 30.87%;
}

.media-recommendation__left--second {
	margin-top: 12.5rem;
	width: 28.025%;
}

.media-recommendation__left--third {
	margin-top: 12.5rem;
	width: 28.025%;
}

.media-recommendation__left--four {
	margin-top: 12.5rem;
	width: 30.78%;
}

.media-recommendation__left--five {
	margin-top: 12.5rem;
	width: 23.68%;
}

.media-recommendation__left--six {
	margin-top: 12.5rem;
	width: 27.365%;
}

.media-recommendation__img img {
	-o-object-fit: cover;
	aspect-ratio: 251/255;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--second img {
	-o-object-fit: cover;
	aspect-ratio: 227/231;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--third img {
	-o-object-fit: cover;
	aspect-ratio: 227/231;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--four img {
	-o-object-fit: cover;
	aspect-ratio: 245/249;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__img--five img {
	-o-object-fit: cover;
	aspect-ratio: 184/187;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media-recommendation__right {
	margin-top: 0rem;
	width: 64.69%;
}

.media-recommendation__right--second {
	width: 65.94%;
}

.media-recommendation__right--third {
	width: 65.94%;
}

.media-recommendation__right--four {
	width: 66.4%;
}

.media-recommendation__right--five {
	width: 67.34%;
}

.media-recommendation__right--six {
	width: 73.1%;
}

.media-recommendation__text {
	letter-spacing: 0.01em;
	padding: 0;
}

.media-recommendation__source--margin {
	margin-top: 2rem;
}

.media-recommendation__achievement-content {
	margin: 1.3125rem auto 0;
	max-width: 100%;
	padding: 0;
	width: 100%;
}

.media-recommendation__achievement-table {
	height: 100%;
	width: 100%;
}

.media-recommendation__applications {
	margin-top: 1.0625rem;
	padding: 0;
}

.media-recommendation__applications--padding {
	padding: 0;
}

.media-recommendation__applications-text {
	padding: 0;
	text-align: left;
}

.media-recommendation__applications-text + .media-recommendation__applications-text {
	margin-top: 0rem;
}

.media-recommendation__feature {
	margin-top: 2.975625rem;
	padding: 1.125rem 1.803125rem 1.125rem 2.646875rem;
}

.media-recommendation__feature-flex {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.media-recommendation__list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0rem;
	width: 84.6%;
}

.media-recommendation__item {
	max-width: calc(50% - 0.6759375rem);
	width: 100%;
}

.media-recommendation__item + .media-recommendation__item {
	margin-left: 1.351875rem;
	margin-top: 0;
}

.media-recommendation__item:nth-child(2n+1) {
	margin-left: 0;
}

.media-recommendation__item:nth-child(n+3) {
	margin-top: 0.5625rem;
}

.media-recommendation__box dt {
	padding: 0.5rem 0 0.375rem;
}

.media-recommendation__buttons-pc {
	align-items: center;
	display: flex;
	gap: 0 2.5625rem;
	justify-content: center;
}

.media-card__button + .media-card__button {
	margin-top: 0rem;
}

.media {
	background-image: url("../img/main-bg.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 65.125rem;
	padding: 5rem 0 7.1875rem;
	position: relative;
}

.media__inner {
	max-width: 66.875rem;
}

.media__list {
	margin-top: 3.75rem;
}

.media__item + .media__item {
	margin-top: 7.25rem;
}

.merit {
	padding: 8.375rem 0 6.25rem;
}

.merit__title {
	height: 4.5rem;
	width: 62.3125rem;
}

.merit__inner {
	max-width: 76.875rem;
	padding: 0 1.5625rem;
}

.merit__achievement-content {
	margin: 3rem auto 0;
	max-width: 100%;
	width: 100%;
}

.merit__achievement-table {
	height: 100%;
	width: 100%;
}

.recommendation {
	background-image: url("../img/recommendation-bg.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 65.125rem;
	margin-top: -4.9375rem;
	padding: 8.8125rem 0 5rem;
}

.recommendation__inner {
	max-width: 73.125rem;
	padding: 0 1.5625rem;
}

.recommendation__remarks {
	font-size: 1.5rem;
}

.recommendation__box {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 1.0625rem;
}

.recommendation__border-left {
	width: 17.3%; /* 必要に応じて調整 */
}

.recommendation__border-right {
	width: 17.3%; /* 必要に応じて調整 */
}

.recommendation__title {
	font-size: 3rem;
	line-height: 1.5;
	max-width: 61.5625rem;
	padding: 0;
	width: 100%;
}

.recommendation__title span {
	font-size: 3rem;
}

.recommendation__list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5.0625rem;
}

.recommendation__item {
	max-width: calc(33.3333% - 0.8333333333rem);
	padding-bottom: 3.75rem;
	width: 100%;
}

.recommendation__item + .recommendation__item {
	margin-left: 1.25rem;
	margin-top: 0;
}

.recommendation__heading {
	padding: 1.25rem 0 0.75rem;
}

.recommendation__use {
	font-size: 1.5rem;
	padding: 0.03125rem 0;
	width: 11.0625rem;
}

.recommendation__process {
	font-size: 1.5rem;
	margin-top: 0.5625rem;
}

.recommendation__img {
	margin: 0.65625rem auto 0;
	width: 88.9%;
}

.handpicked__source {
	font-size: 0.625rem;
	margin-top: 0.625rem;
}

.recommendation__content {
	border-bottom: solid 4px #C7D7DD;
	border-left: solid 4px #C7D7DD;
	border-right: solid 4px #C7D7DD;
	margin-left: 1.09375rem;
	margin-right: 1.09375rem;
	margin-top: 1.25rem;
}

.recommendation__feature {
	font-size: 1.125rem;
	line-height: 1.8611111111;
	padding: 0.28125rem 0;
}

.recommendation__dl {
	min-height: 12.0625rem;
	padding: 0.4375rem 0rem 0.4375rem 1rem;
}

.recommendation__wrapper dt {
	font-size: 1.75rem;
	margin-top: -0.3125rem;
}

.recommendation__wrapper dd {
	font-size: 1.125rem;
	letter-spacing: 0em;
	line-height: 1.8611111111;
}

.recommendation__buttons {
	margin-top: 2.8125rem;
}

.recommendation__button + .recommendation__button {
	margin-top: 1.25rem;
}

.recommendation__button img {
	height: 4.1875rem;
	width: 20rem;
}

.recommendation__arrow {
	margin-top: 6.4375rem;
}

.recommendation__arrow img {
	height: 100%;
	width: 100%;
}

.tab {
	margin-top: -34px;
}

.tab__inner {
	max-width: 76.875rem;
}

.tab__content {
	background-color: transparent;
	display: flex;
	justify-content: center;
	padding: 0;
}

.tab__list {
	align-items: center;
	display: flex;
	padding: 0;
	width: 68.05%;
}

.tab__item {
	width: 33.3%;
}

.tab__item {
	border-bottom: none;
	border-right: solid 1px #C6C6C6;
	padding: 0;
}

.tab__item:last-child {
	border-right: none; /* 最後の要素の右線を削除 */
}

.top {
	height: 3.125rem;
}

.top-text {
	font-size: 1.25rem;
	padding-left: 5rem;
}

.type__bg {
	background-image: url("../img/type-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6.875rem 0 8.25rem;
}

.type__inner {
	max-width: 66.875rem;
}

.type__head {
	padding: 3.875rem 6.25rem 2.5rem;
}

.type__title {
	font-size: 3rem;
}

.type__border {
	width: 5rem;
}

.type__text {
	font-size: 1.25rem;
	letter-spacing: 0.02em;
	line-height: 1.8;
	margin-top: 2.5rem;
}

.type__body {
	padding: 2.5rem 0 3.75rem;
}

.type__content {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.type__list {
	width: 47.223%;
}

.type__item + .type__item {
	margin-top: 1.875rem;
}

.type__item:nth-child(3n+1) {
	margin-top: 0;
}

.type__item-box {
	gap: 0 1.25rem;
}

.type__number {
	height: 4.375rem;
	width: 4.375rem;
}

.type__shape {
	font-size: 1.5rem;
	line-height: 1.2916666667;
}

.type__arrow {
	height: 0.625rem;
	width: 1.0625rem;
}

.type__box {
	padding: 6.25rem 0 8.25rem;
}

}

@media (min-width: 1220px) {

html {
	font-size: 16px;
}

}

@media (max-width: 390px) {

html {
	font-size: 4.1025641026vw;
}

}


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