/*
 * 移行元のページ専用のスタイルの写し（会員プロフィールと活動実績のページ /introduce/data/）。
 *
 * 写し元: legacy/www.p-a.jp/public/introduce/data/assets/css/data-style.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * **その書き換えの道具は、別の PR（#2216 / PR #2217）で追加する。**この PR には
 * 入っていない。道具を別にしたのは、同じ書き換えの仕組みを投入時の `<style>` の
 * 通し方（Bug #2202）でも使うためで、1 ページ分の写しとは寿命が違う。**道具が
 * main へ入るまでは、このファイルを作り直せない**（作り直す必要が出たら先に
 * PR #2217 を取り込む）。
 *
 * 作り直すときの実行例::
 *
 *     python3 scripts/pa-cms/transform-legacy-page-css.py \
 *       legacy/www.p-a.jp/public/introduce/data/assets/css/data-style.css \
 *       sites/pa/wp-content/themes/pa/assets/introduce-data/css/data-style.css \
 *       '.page-content .page-content__body' \
 *       '会員プロフィールと活動実績のページ /introduce/data/' \
 *       '../images'
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `.page-content .page-content__body` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字を幅で切り替え（750px 以上 = 10px / 749px 以下 =
 *      2.66666vw）、寸法をすべて rem で書いている。このテーマの根の文字は
 *      16px 固定で、他のすべてのページに関わるため変えられない。そこで
 *      rem を実寸へ換算した（1rem = 10px / 1rem = 2.66666vw）。しあわせ
 *      レポートの一覧を移したときと同じ考え方である（main.css の
 *      「文字と余白を画面幅に連動させる理由」の節）。**写し元の
 *      `html { font-size }` そのものは書き出していない。**rem の基準を
 *      決めるためだけの指定で、換算で用済みだからである（本文が受け継ぐ
 *      文字の大きさは、そのページを読み込むテーマ側の CSS が決める）。
 *
 * 幅の指定が無い規則に rem があったものは、換算値が 2 通り必要なので
 * 750px 以上と 749px 以下の 2 つのメディアクエリへ書き分けてある。
 */
@media screen and (min-width: 1024px) {
	.page-content .page-content__body .visible-md, .page-content .page-content__body .visible-sm {
		display: none;
	}
	.page-content .page-content__body .visible-lg {
		display: inherit;
	}
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
	.page-content .page-content__body .visible-lg, .page-content .page-content__body .visible-sm {
		display: none;
	}
	.page-content .page-content__body .visible-md {
		display: inherit;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .visible-lg, .page-content .page-content__body .visible-md {
		display: none;
	}
	.page-content .page-content__body .visible-sm {
		display: inherit;
	}
}
.page-content .page-content__body, .page-content .page-content__body div, .page-content .page-content__body span, .page-content .page-content__body object, .page-content .page-content__body iframe, .page-content .page-content__body h1, .page-content .page-content__body h2, .page-content .page-content__body h3, .page-content .page-content__body h4, .page-content .page-content__body h5, .page-content .page-content__body h6, .page-content .page-content__body p, .page-content .page-content__body blockquote, .page-content .page-content__body pre, .page-content .page-content__body abbr, .page-content .page-content__body address, .page-content .page-content__body cite, .page-content .page-content__body code, .page-content .page-content__body del, .page-content .page-content__body dfn, .page-content .page-content__body em, .page-content .page-content__body img, .page-content .page-content__body ins, .page-content .page-content__body kbd, .page-content .page-content__body q, .page-content .page-content__body samp, .page-content .page-content__body small, .page-content .page-content__body strong, .page-content .page-content__body sub, .page-content .page-content__body sup, .page-content .page-content__body var, .page-content .page-content__body b, .page-content .page-content__body i, .page-content .page-content__body dl, .page-content .page-content__body dt, .page-content .page-content__body dd, .page-content .page-content__body ol, .page-content .page-content__body ul, .page-content .page-content__body li, .page-content .page-content__body fieldset, .page-content .page-content__body form, .page-content .page-content__body label, .page-content .page-content__body legend, .page-content .page-content__body table, .page-content .page-content__body caption, .page-content .page-content__body tbody, .page-content .page-content__body tfoot, .page-content .page-content__body thead, .page-content .page-content__body tr, .page-content .page-content__body th, .page-content .page-content__body td, .page-content .page-content__body article, .page-content .page-content__body aside, .page-content .page-content__body canvas, .page-content .page-content__body details, .page-content .page-content__body figcaption, .page-content .page-content__body figure, .page-content .page-content__body footer, .page-content .page-content__body header, .page-content .page-content__body hgroup, .page-content .page-content__body menu, .page-content .page-content__body nav, .page-content .page-content__body section, .page-content .page-content__body summary, .page-content .page-content__body time, .page-content .page-content__body mark, .page-content .page-content__body audio, .page-content .page-content__body video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
.page-content .page-content__body * {
	box-sizing: border-box;
	line-height: 1.5;
}
.page-content .page-content__body {
	width: 100%;
	overflow-x: hidden;
	background: #fff;
	font-family: "IBM Plex Sans", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	color: #474747;
}
.page-content .page-content__body {
	display: block;
}
.page-content .page-content__body li {
	list-style-type: none;
}
.page-content .page-content__body a {
	text-decoration: none;
	color: inherit;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body a {
		transition: all 0.3s;
	}
	.page-content .page-content__body a::before, .page-content .page-content__body a::after {
		transition: all 0.3s;
	}
}
.page-content .page-content__body img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.page-content .page-content__body svg {
	max-width: 100%;
	height: auto;
}
.page-content .page-content__body sup {
	font-size: 0.5em;
	vertical-align: super;
}
.page-content .page-content__body input, .page-content .page-content__body button, .page-content .page-content__body textarea, .page-content .page-content__body select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.page-content .page-content__body table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.page-content .page-content__body address {
	font-style: normal;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .l-inner {
		width: 90%;
		max-width: 940px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .l-inner {
		padding: 0 3.99999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .data {
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .data {
		padding-bottom: 15.99996vw;
	}
}
.page-content .page-content__body .sec {
	width: 940px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec + .sec {
		margin-top: 50px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec + .sec {
		margin-top: 17.33329vw;
	}
}
.page-content .page-content__body .secHead {
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secHead {
		transform: translateY(7.99998vw);
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secHead__title {
		margin-top: 25px;
		line-height: 1;
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secHead__title {
		margin-top: 6.66665vw;
		line-height: 1;
		letter-spacing: 0.1em;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secHead__title {
		font-size: 26px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secHead__title {
		font-size: 7.99998vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secHead__lead {
		position: absolute;
		top: calc(100% + 15px);
		left: 0;
		right: 0;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secHead__lead {
		position: absolute;
		top: calc(100% + 3.99999vw);
		left: 0;
		right: 0;
		font-size: 4.26666vw;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secBox {
		margin: 0 auto;
		padding-top: 110px;
		padding-bottom: 70px;
		position: relative;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secBox {
		margin: 0 auto;
		padding-top: 29.33326vw;
		padding-bottom: 18.66662vw;
		position: relative;
	}
}
@media screen and (min-width: 1024px) {
	.page-content .page-content__body .secBox {
		border-radius: 40px;
	}
}
.page-content .page-content__body .secBox::before {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secBox::before {
		width: 280px;
		height: 280px;
		top: -122px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secBox::before {
		width: 89vw;
		height: 89vw;
		top: -44vw;
	}
}
.page-content .page-content__body .-turq .secBox {
	background: #58D2D6;
}
.page-content .page-content__body .-turq .secBox::before {
	background: #58D2D6;
}
.page-content .page-content__body .-pink .secBox {
	background: #FD7B7D;
}
.page-content .page-content__body .-pink .secBox::before {
	background: #FD7B7D;
}
.page-content .page-content__body .secBox__inner {
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .secBox__inner {
		width: 720px;
		max-width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .secBox__inner {
		padding: 0 3.46666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__row {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 28px;
		display: grid;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__col + .whiteBox__col {
		margin-top: 15.99996vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox {
		background: #fff;
		border: 1px solid #474747;
		border-radius: 15px;
		position: relative;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox {
		background: #fff;
		border: 1px solid #474747;
		border-radius: 3.99999vw;
		position: relative;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox {
		padding: 50px 20px 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox {
		padding: 11.99997vw 5.33332vw 5.33332vw 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox + .whiteBox, .page-content .page-content__body .whiteBox__row + .whiteBox {
		margin-top: 60px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox + .whiteBox, .page-content .page-content__body .whiteBox__row + .whiteBox {
		margin-top: 15.99996vw;
	}
}
.page-content .page-content__body .whiteBox__col .whiteBox {
	height: 100%;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__title {
		display: inline-flex;
		background: #fff;
		border: 1px solid #474747;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		min-height: 40px;
		align-items: center;
		justify-content: center;
		text-align: center;
		top: -20px;
		border-radius: 999px;
		padding: 5px 35px;
		white-space: nowrap;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__title {
		display: inline-flex;
		background: #fff;
		border: 1px solid #474747;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		min-height: 10.66664vw;
		align-items: center;
		justify-content: center;
		text-align: center;
		top: -5.33332vw;
		border-radius: 999px;
		padding: 1.33333vw 9.33331vw;
		white-space: nowrap;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__title {
		font-size: 16px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__title {
		font-size: 4.79999vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__title.-sp2line {
		min-height: 18.66662vw;
		top: -9.33331vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__foot {
		text-align: center;
		margin-top: 40px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__foot {
		margin-top: 5.33332vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__foot.-sp-center {
		text-align: center;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__foot__title {
		font-size: 15px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__foot__title {
		font-size: 4.53332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__foot__caution {
		font-size: 12px;
		color: rgba(71, 71, 71, 0.5);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__foot__caution {
		font-size: 3.19999vw;
		color: rgba(71, 71, 71, 0.5);
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__foot__caution {
		margin-top: 13px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__foot__caution {
		margin-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .row2 {
		display: grid;
		grid-gap: 23px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .row2 {
		display: grid;
		grid-gap: 6.13332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .row2 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .row2 {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .uchiwake {
		position: relative;
		font-weight: bold;
		text-align: center;
		margin: 20px 0;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .uchiwake {
		position: relative;
		font-weight: bold;
		text-align: center;
		margin: 5.33332vw 0;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .uchiwake {
		font-size: 14px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .uchiwake {
		font-size: 4.26666vw;
	}
}
.page-content .page-content__body .uchiwake::before {
	content: "";
	display: block;
	height: 1px;
	background: #474747;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	position: absolute;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .uchiwake__text {
		position: relative;
		z-index: 1;
		display: inline-block;
		padding: 0 13px;
		background: #fff;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .uchiwake__text {
		position: relative;
		z-index: 1;
		display: inline-block;
		padding: 0 3.46666vw;
		background: #fff;
	}
}
.page-content .page-content__body .numberStyle {
	position: relative;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
}
.page-content .page-content__body .numberStyle__stroke {
	line-height: 1;
	color: transparent;
	display: inline-block;
}
.page-content .page-content__body .numberStyle__stroke.-pink {
	-webkit-text-stroke: 1px #FD7B7D;
}
.page-content .page-content__body .numberStyle__stroke.-turq {
	-webkit-text-stroke: 1px #58D2D6;
}
.page-content .page-content__body .numberStyle__fill {
	position: absolute;
	left: 2px;
	top: 2px;
	line-height: 1;
	display: inline-block;
}
.page-content .page-content__body .numberStyle__fill.-pink {
	color: #FD7B7D;
}
.page-content .page-content__body .numberStyle__fill.-turq {
	color: #58D2D6;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__lead {
		font-size: 15px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__lead {
		font-size: 4.53332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .whiteBox__caution {
		font-size: 12px;
		color: rgba(71, 71, 71, 0.5);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .whiteBox__caution {
		font-size: 3.19999vw;
		color: rgba(71, 71, 71, 0.5);
	}
}
.page-content .page-content__body .illust__svg {
	overflow: visible;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .pcMenu {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 75px;
		z-index: 11;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .pcMenu {
		display: none;
	}
}
.page-content .page-content__body .pcMenu__item {
	display: block;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .pcMenu__item + .pcMenu__item {
		margin-top: 15px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .pcMenu__item + .pcMenu__item {
		margin-top: 3.99999vw;
	}
}
.page-content .page-content__body .pcMenu__item:hover {
	transform: scale(1.05);
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero {
		padding-top: 80px;
		padding-bottom: 50px;
		padding: 80px 17px 50px 17px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero {
		padding: 11.99997vw 3.46666vw 20.53328vw 3.46666vw;
	}
}
.page-content .page-content__body .hero__title__en {
	color: #D7000F;
	font-weight: bold;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__title__en {
		font-size: 14px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__title__en {
		font-size: 2.66666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__title {
		line-height: 1.44;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__title {
		line-height: 1.44;
		margin-bottom: 7.99998vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__title {
		font-size: 50px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__title {
		font-size: 8.53331vw;
		margin-top: 1.86666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__text {
		font-size: 18px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__text {
		font-size: 4.79999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__text {
		line-height: 2;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__text {
		line-height: 1.72;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__btns {
		display: none;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__btns {
		display: flex;
		gap: 3.73332vw;
		margin-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .hero__btn {
		flex: 1;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		font-weight: bold;
		border-radius: 5px;
		color: #fff;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .hero__btn {
		flex: 1;
		height: 10.66664vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 4.26666vw;
		font-weight: bold;
		border-radius: 1.33333vw;
		color: #fff;
	}
}
.page-content .page-content__body .hero__btn.-turq {
	background: #58D2D6;
}
.page-content .page-content__body .hero__btn.-pink {
	background: #FD7B7D;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: center;
		gap: 20px 40px;
		padding-top: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__row__right {
		text-align: center;
		margin-bottom: 3.99999vw;
		position: relative;
		z-index: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__row__left {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__title {
		margin-bottom: 15px;
		font-size: 15px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__title {
		margin-top: 2.66666vw;
		font-size: 4.53332vw;
		flex-shrink: 0;
		width: 100%;
	}
}
.page-content .page-content__body .s1c1__count {
	line-height: 1;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__number {
		font-size: 70px;
		min-width: 232px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__number {
		font-size: 18.66662vw;
		min-width: 61.86651vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__count__text {
		font-size: 26px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__count__text {
		font-size: 6.93332vw;
		font-weight: bold;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__caution {
		color: rgba(71, 71, 71, 0.5);
		font-size: 12px;
		max-width: 650px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__caution {
		color: rgba(71, 71, 71, 0.5);
		font-size: 3.19999vw;
		max-width: 650px;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__caution {
		margin: 25px auto 0;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__caution {
		margin-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__mark {
		width: 89px;
		height: 89px;
		border-radius: 50%;
		background: #FD7B7D;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__mark {
		width: 23.73327vw;
		height: 23.73327vw;
		border-radius: 50%;
		background: #FD7B7D;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
.page-content .page-content__body .s1c1__mark {
	font-weight: bold;
	color: #fff;
	position: absolute;
}
@media screen and (min-width: 1024px) {
	.page-content .page-content__body .s1c1__mark {
		top: -28px;
		left: -16px;
	}
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
	.page-content .page-content__body .s1c1__mark {
		top: -28px;
		left: -20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__mark {
		top: 3.99999vw;
		left: 2.13333vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__mark1 {
		font-size: 16px;
		line-height: 1;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__mark1 {
		font-size: 4.26666vw;
		line-height: 1;
		margin-bottom: 1.33333vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c1__mark2 {
		font-size: 20px;
		color: #FFFF8C;
		line-height: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c1__mark2 {
		font-size: 5.33332vw;
		color: #FFFF8C;
		line-height: 1;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__title {
		font-size: 34px;
		text-align: center;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__title {
		font-size: 9.06664vw;
		text-align: center;
		margin-bottom: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__title__sm {
		font-size: 24px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__title__sm {
		font-size: 6.39998vw;
	}
}
.page-content .page-content__body .s1c2__row {
	display: flex;
	justify-content: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__row {
		gap: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__row {
		gap: 2.66666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__col {
		width: 250px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__col {
		width: 66.6665vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph {
		display: flex;
		align-items: center;
		color: #fff;
		border-radius: 95px;
		font-weight: bold;
		position: relative;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph {
		display: flex;
		align-items: center;
		color: #fff;
		border-radius: 25.33327vw;
		font-weight: bold;
		position: relative;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph.-blue {
		background: #56B4E8;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph.-blue::before {
		background: #56B4E8;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph.-pink {
		background: #FD7B7D;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph.-pink::before {
		background: #FD7B7D;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph {
		flex-direction: column;
		padding-bottom: 2.66666vw;
	}
	.page-content .page-content__body .s1c2__graph::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 9.86664vw;
		border-radius: 1.33333vw;
	}
}
.page-content .page-content__body .s1c2__graph__avatar {
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph__avatar {
		margin-bottom: 2.66666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph__sex {
		font-size: 16px;
		margin: 0 12px;
		position: relative;
		z-index: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph__sex {
		font-size: 4.26666vw;
		margin: 0 3.19999vw;
		position: relative;
		z-index: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph__sex {
		margin-bottom: 1.33333vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph__percent {
		font-size: 40px;
		font-weight: 600;
		position: relative;
		z-index: 1;
		line-height: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph__percent {
		font-size: 10.66664vw;
		font-weight: 600;
		position: relative;
		z-index: 1;
		line-height: 1;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__graph__percent__sm {
		font-size: 27px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__graph__percent__sm {
		font-size: 7.19998vw;
	}
}
.page-content .page-content__body .s1c2__chart {
	text-align: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barCharts {
		max-width: 570px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barCharts {
		max-width: 151.99962vw;
		margin: 0 auto;
	}
}
.page-content .page-content__body .barChart {
	display: flex;
	align-items: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart {
		gap: 15px;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart + .barChart {
		margin-top: 15px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart + .barChart {
		margin-top: 3.99999vw;
	}
}
.page-content .page-content__body .barChart__wrapper {
	flex: 1;
	display: flex;
	position: relative;
}
.page-content .page-content__body .barChart__wrapper::after {
	content: "";
	display: block;
	width: 1px;
	background: #474747;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__container {
		flex: 1;
		display: flex;
		position: relative;
		height: 35px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__container {
		flex: 1;
		display: flex;
		position: relative;
		height: 9.33331vw;
	}
}
.page-content .page-content__body .barChart__container:nth-child(1) .barChart__percent {
	right: 100%;
	color: #56B4E8;
}
.page-content .page-content__body .barChart__container:nth-child(1) .barChart__bar {
	right: 0;
	border-right: none;
	background: rgba(86, 180, 232, 0.3);
}
.page-content .page-content__body .barChart__container:nth-child(2) .barChart__percent {
	left: 100%;
	color: #FD7B7D;
}
.page-content .page-content__body .barChart__container:nth-child(2) .barChart__bar {
	left: 0;
	border-left: none;
	background: rgba(253, 123, 125, 0.3);
}
.page-content .page-content__body .barChart__bar {
	position: absolute;
	top: 0;
	bottom: 0;
	border: 1px solid #474747;
	width: 0;
	transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar1_1 {
		width: 12.6923076923%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar1_1 {
		width: 8.4615384615%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar1_2 {
		width: 23.8461538462%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar1_2 {
		width: 16.1538461538%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar2_1 {
		width: 68.8461538462%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar2_1 {
		width: 46.1538461538%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar2_2 {
		width: 96.5384615385%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar2_2 {
		width: 64.6153846154%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar3_1 {
		width: 67.6923076923%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar3_1 {
		width: 44.6153846154%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar3_2 {
		width: 53.0769230769%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar3_2 {
		width: 35.3846153846%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar4_1 {
		width: 36.1538461538%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar4_1 {
		width: 23.8461538462%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .go .bar4_2 {
		width: 8.8461538462%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .go .bar4_2 {
		width: 6.1538461538%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__percent {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 0 10px;
		font-size: 16px;
		font-weight: 600;
		white-space: nowrap;
		opacity: 0;
		transition: all 0.3s;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__percent {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 0 2.66666vw;
		font-size: 4.26666vw;
		font-weight: 600;
		white-space: nowrap;
		opacity: 0;
		transition: all 0.3s;
	}
}
.page-content .page-content__body .go .barChart__percent {
	opacity: 1;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__percent__sm {
		font-size: 13px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__percent__sm {
		font-size: 3.46666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__legend {
		font-size: 16px;
		line-height: 1;
		text-align: right;
		flex-shrink: 0;
		width: 32px;
		white-space: nowrap;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__legend {
		font-size: 4.26666vw;
		line-height: 1;
		text-align: right;
		flex-shrink: 0;
		width: 8.53331vw;
		white-space: nowrap;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__legend__sm {
		font-size: 12px;
		line-height: 1;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__legend__sm {
		font-size: 3.19999vw;
		line-height: 1;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .barChart__legend__xs {
		font-size: 10px;
		display: inline-block;
		margin-left: auto;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .barChart__legend__xs {
		font-size: 2.66666vw;
		display: inline-block;
		margin-left: auto;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__row {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row-reverse;
		max-width: 580px;
		margin: 0 auto;
		gap: 40px;
	}
}
.page-content .page-content__body .s1c3__graph {
	flex-shrink: 0;
	text-align: center;
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__graph {
		margin-bottom: 6.66665vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__graph__svg {
		width: 210px;
		max-width: 100%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__graph__svg {
		width: 55.99986vw;
		max-width: 100%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__title {
		font-size: 4.53332vw;
		font-weight: normal;
		margin-bottom: 3.99999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__text {
		font-size: 12px;
		color: rgba(71, 71, 71, 0.5);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__text {
		font-size: 3.19999vw;
		color: rgba(71, 71, 71, 0.5);
	}
}
.page-content .page-content__body .s1c3__content {
	flex-shrink: 0;
}
.page-content .page-content__body .s1c3__graph {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-content .page-content__body .s1c3__container {
	position: relative;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__chart {
		width: 230px !important;
		height: 230px !important;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__chart {
		width: 61.33318vw !important;
		height: 61.33318vw !important;
	}
}
.page-content .page-content__body .s1c3__graph__row {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.page-content .page-content__body .s1c3__graph__col {
	flex: 1;
	display: flex;
}
.page-content .page-content__body .s1c3__graph__col1 {
	justify-content: flex-end;
}
.page-content .page-content__body .s1c3__graph__col2 {
	justify-content: flex-start;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__graph__img1 {
		width: 80px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__graph__img1 {
		width: 21.33328vw;
		margin-right: 3.99999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c3__graph__img2 {
		width: 75px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c3__graph__img2 {
		width: 19.99995vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__head {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__head {
		display: none;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__number {
		font-size: 87px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__number {
		font-size: 23.19994vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c2__number__small {
		font-size: 67px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c2__number__small {
		font-size: 17.86662vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__head__title {
		font-size: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__head__title {
		font-size: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__head__title__num {
		font-size: 27px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__head__title__num {
		font-size: 7.19998vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__foot {
		text-align: center;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__headSP {
		display: none;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__headSP {
		display: flex;
		gap: 2.66666vw;
	}
}
.page-content .page-content__body .s1c4__headSP__thumb {
	flex-shrink: 0;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__headSP__thumb__img {
		width: 103px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__headSP__thumb__img {
		width: 27.4666vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c4__headSP__title {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__headSP__title {
		margin-bottom: 5.33332vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__chart1__sp {
		transform: translateX(-4px);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c4__chart2__sp {
		transform: translateX(-8px);
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s1c5__title {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c5__title {
		font-size: 6.39998vw;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5.33332vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c5__chart1__sp {
		transform: translateX(8px);
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s1c5__chart2__sp {
		transform: translateX(-5px);
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__container {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
}
.page-content .page-content__body .s2c1__head__wrapper {
	display: flex;
	justify-content: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__head__year {
		font-size: 16px;
		font-weight: bold;
		color: #FD7B7D;
		text-align: center;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s2c1__head__year {
		font-size: 4.26666vw;
		font-weight: bold;
		color: #FD7B7D;
		text-align: center;
	}
}
.page-content .page-content__body .s2c1__head__number {
	white-space: nowrap;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__head__sm {
		font-size: 20px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s2c1__head__sm {
		font-size: 5.33332vw;
		font-weight: bold;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__number {
		font-size: 65px;
		min-width: 255px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s2c1__number {
		font-size: 17.33329vw;
		min-width: 67.99983vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__title {
		margin: 25px 0;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s2c1__title {
		margin-top: 7.99998vw;
		margin-bottom: 3.99999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__body {
		width: 270px;
		max-width: 1000%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s2c1__thumb {
		display: none;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s2c1__thumb {
		margin-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__number {
		font-size: 73px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__number {
		font-size: 19.46662vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c1__number__small {
		font-size: 56px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c1__number__small {
		font-size: 14.9333vw;
	}
}
.page-content .page-content__body .s2c3__graph {
	text-align: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c1 {
		text-align: center;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c1__thumb {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c1__thumb {
		text-align: center;
		margin-top: 5.33332vw;
		margin-bottom: 7.99998vw;
	}
}
.page-content .page-content__body .s3c1__thumb__main {
	position: relative;
	z-index: 1;
}
.page-content .page-content__body .s3c2__title {
	text-align: center;
	white-space: nowrap;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__number {
		font-size: 65px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__number {
		font-size: 13.86663vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__number__small {
		font-size: 55px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__number__small {
		font-size: 10.66664vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__title__text {
		font-size: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__title__text {
		font-size: 4.79999vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__title__text__lg {
		font-size: 27px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__title__text__lg {
		font-size: 5.86665vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__chart {
		text-align: center;
		margin: 25px 0;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__chart {
		text-align: center;
		margin: 6.66665vw 0;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__paragraph {
		font-size: 15px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__paragraph {
		font-size: 4.53332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__paragraph + .s3c2__paragraph {
		margin-top: 15px;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c2__caution {
		margin-top: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c2__caution {
		margin-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__row {
		display: flex;
		justify-content: space-between;
		gap: 50px;
		max-width: 630px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__row {
		padding-top: 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__number {
		font-size: 54px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__number {
		font-size: 14.39996vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__sep {
		font-size: 34px;
		line-height: 1;
		display: inline-block;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__sep {
		font-size: 9.06664vw;
		line-height: 1;
		display: inline-block;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__number__small {
		font-size: 29px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__number__small {
		font-size: 7.73331vw;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__title {
		text-align: center;
		margin-bottom: 7.99998vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__title__small {
		font-size: 24px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__title__small {
		font-size: 6.39998vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__lead {
		margin-top: 25px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__lead {
		margin-top: 6.66665vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__lead {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__lead {
		margin-bottom: 3.99999vw;
	}
}
.page-content .page-content__body .s3c3__content {
	flex: 1;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c3__graph {
		width: 310px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c3__graph {
		width: 82.66646vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__row {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 45px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__thumb {
		text-align: center;
		margin-bottom: 5.33332vw;
	}
}
.page-content .page-content__body .s3c4__thumb__img {
	max-width: 100%;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__thumb__img {
		width: 225px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__thumb__img {
		width: 48.79988vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__content {
		width: 275px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__title {
		text-align: center;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__number {
		font-size: 65px;
		min-width: 176px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__number {
		font-size: 17.33329vw;
		min-width: 46.93322vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__title__sm {
		font-size: 20px;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__title__sm {
		font-size: 5.33332vw;
		font-weight: bold;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__lead {
		margin-top: 25px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__lead {
		margin-top: 6.66665vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .s3c4__lead {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .s3c4__lead {
		margin-bottom: 3.99999vw;
	}
}
.page-content .page-content__body .sec3__secBox {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot {
		background: #FFEC84;
		padding-top: 65px;
		position: relative;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot {
		background: #FFEC84;
		padding-top: 17.33329vw;
		position: relative;
	}
}
@media screen and (min-width: 1024px) {
	.page-content .page-content__body .sec3Foot {
		border-radius: 0 0 40px 40px;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__wrapper {
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
}
.page-content .page-content__body .sec3Foot__container {
	text-align: center;
	position: relative;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__container {
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__container {
		padding-bottom: 7.99998vw;
	}
}
.page-content .page-content__body .sec3Foot__title {
	font-weight: bold;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__title {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__title {
		margin-bottom: 5.33332vw;
		margin-top: 5.33332vw;
	}
}
.page-content .page-content__body .sec3Foot__title__num {
	display: inline-block;
	line-height: 1;
	font-weight: bold;
	color: #FD7B7D;
	white-space: nowrap;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__title__num {
		font-size: 95px;
		min-width: 314px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__title__num {
		font-size: 19.99995vw;
		min-width: 66.39983vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__title__sm {
		font-size: 33px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__title__sm {
		font-size: 8.79998vw;
	}
}
.page-content .page-content__body .sec3Foot__circles {
	display: flex;
	justify-content: center;
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__circles {
		margin-bottom: 20px;
		gap: 10px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__circles {
		margin-bottom: 7.99998vw;
		gap: 2.13333vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__circle {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FD7B7D;
		font-size: 16px;
		font-weight: 600;
		border-radius: 50%;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__circle {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FD7B7D;
		font-size: 4.26666vw;
		font-weight: 600;
		border-radius: 50%;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__circle {
		width: 125px;
		height: 125px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__circle {
		width: 30.66659vw;
		height: 30.66659vw;
	}
}
.page-content .page-content__body .sec3Foot__illust {
	position: absolute;
	bottom: 0;
	top: auto;
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__illust {
		display: none;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__illust.-left {
		right: 100%;
		left: auto;
		width: 127px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__illust.-left {
		right: 100%;
		left: auto;
		width: 33.86658vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__illust.-right {
		left: 100%;
		right: auto;
		width: 197px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__illust.-right {
		left: 100%;
		right: auto;
		width: 52.5332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__lead__sp {
		display: inline-block;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 20px;
		position: relative;
		padding: 0 20px;
	}
}
@media screen and (max-width: 749px) {
	.page-content .page-content__body .sec3Foot__lead__sp {
		display: inline-block;
		font-weight: bold;
		font-size: 4.79999vw;
		margin-bottom: 5.33332vw;
		position: relative;
		padding: 0 5.33332vw;
	}
}
@media screen and (min-width: 750px) {
	.page-content .page-content__body .sec3Foot__lead__sp {
		display: none;
	}
}
.page-content .page-content__body .sec3Foot__lead__sp::before, .page-content .page-content__body .sec3Foot__lead__sp::after {
	content: "";
	display: block;
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	background: #474747;
}
.page-content .page-content__body .sec3Foot__lead__sp::before {
	left: 0;
	transform: rotate(-30deg);
}
.page-content .page-content__body .sec3Foot__lead__sp::after {
	right: 0;
	transform: rotate(30deg);
}