@charset "utf-8";
/*
 introduction/data.css
*/
/* -----------------------------------------------
= page_title
----------------------------------------------- */
.page_title .set h1 {
	margin-right: 3rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.page_title .set h1 {
	margin-right: 4rem;
}
}/* @media */
/* -----------------------------------------------
= data
----------------------------------------------- */
.data {
	margin-bottom: 8rem;
	padding-inline: 1rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.data {
	max-width: 116rem;
	margin: 0 auto 14rem;
	padding-inline: 2rem;
}
}/* @media */
/* -----------------------------------------------
= title
----------------------------------------------- */
.data .title {
	position: relative;
	margin-bottom: 1rem;
	text-align: center;
}
.data .title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #D6082E;
}
.data .title .set {
	display: inline-block;
	margin: 0 auto 3rem;
	padding: 1rem 3rem 2rem;
	border: 2px solid #D6082E;
	border-radius: 0 0 .5rem .5rem;
	letter-spacing: .02em;
}
.data .title .jp {
	display: block;
	margin-bottom: 1rem;
	font-size: 6.4rem;
	line-height: 7rem;
}
.data .title .en {
	display: block;
	color: #D6082E;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
	line-height: 2rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.data .title {
	margin-bottom: 0;
	text-align: left;
}
.data .title::before {
	width: calc(100% - 1rem);
}
.data .title .set {
	margin: 0;
	padding: 1rem 5.5rem 2.5rem;
	text-align: center;
}
.data .title .jp {
	display: block;
	margin-bottom: 1rem;
	font-size: 10rem;
	line-height: 10.4rem;
}
.data .title .en {
	font-size: 1.8rem;
}
.data.type01 .title::before {
	left: auto;
	right: 0;
}
.data.type01 .title .set {
	border-radius: .5rem 0 .5rem .5rem;
}
.data.type02 .title {
	text-align: right;
}
.data.type02 .title .set {
	border-radius: 0 .5rem .5rem .5rem;
}
}/* @media */
/* -----------------------------------------------
= item
----------------------------------------------- */
.data .item {
	position: relative;
	padding: 4rem 1rem 2rem;
	background: #fff;
	border-radius: 1rem;
	text-align: center;
}
.data .item + .item {
	margin-top: 4.5rem;
}
.data .item h3 {
	display: inline-block;
	position: absolute;
	top: -1.5rem;
	left: -.5rem;
	padding: .3rem 1.5rem;
	color: #fff;
	background: #292929;
	border-radius: .5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}
.data .item .icon {
	position: absolute;
	top: -1rem;
	right: 0;
}
.data .item .num {
	margin-bottom: 1rem;
	font-size: 2rem;
}
.data .item .num span {
	color: #D6082E;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 8rem;
	font-weight: 700;
}
.data .item .sub {
	margin-bottom: 2rem;
	font-size: 1.2rem;
	font-weight: 400;
}
.data .item .text {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.6rem;
}
.data .item .text strong {
	color: #D6082E;
}
.data .item .icon {
	width: 7rem;
}
.overview06 ul {
	max-width: 178px;
	margin-inline: auto;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
}
.overview06 li + li {
	margin-top: 2rem;
}
.overview06 li img {
	display: block;
	margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.data .item {
	padding: 4rem 4rem 3rem;
	text-align: left;
}
.data .item + .item {
	margin-top: 5.5rem;
}
.data .item h3 {
	top: -2rem;
	left: -2rem;
	padding: .2rem 2rem;
	font-size: 2.4rem;
}
.data .item .icon {
	top: 4rem;
	right: 4rem;
}
.data .item .num {
	margin-bottom: 3rem;
	font-size: 2.6rem;
}
.data .item .num span {
	font-size: 12rem;
}
.data .item .sub {
	margin-bottom: 3rem;
	font-size: 1.6rem;
}
.data .item .text {
	font-size: 3.2rem;
	line-height: 4.8rem;
}
.data .item .num_wrap {
	display: flex;
	gap: 0 4rem;
}
.data.overview .item_wrap {
	margin-top: -20rem;
}
.data.overview .item .icon {
	width: 14rem;
}
.data .item.overview01 {
	width: 46.4rem;
	margin-left: auto;
	margin-right: 11.7rem;
}
.data.overview .item.overview01 .icon {
	width: 12rem;
}
.data .item.overview02 {
	width: 58.2rem;
	margin-left: 6.1rem;
}
.data .item.overview02 .icon {
	top: 6rem;
}
.data .item.overview03 {
	width: 42.4rem;
	margin-left: auto;
	margin-bottom: -20rem;
}
.data .item.overview04 {
	width: 52.2rem;
	margin-bottom: -12rem;
}
.data .item.overview05 {
	width: 42.4rem;
	margin-left: auto;
	margin-bottom: -14rem;
}
.data .item.overview05 .icon {
	top: 15rem;
	width: 17.3rem;
}
.data .item.overview06 {
	width: 51.4rem;
}
.data .item.overview06 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 34px;
	max-width: none;
	font-size: 1.4rem;
}
.data .item.overview06 li + li {
	margin-top: 0;
}
.data .item.overview06 li {
	width: calc(50% - 34px);
}
.data .item.overview06 li:nth-child(1) {
	margin-inline: calc(25% - 34px);
}
.data.achievements .item_wrap {
	margin-top: -10rem;
}
.data .item.achievements01 {
	width: 61.8rem;
	text-align: center;
}
.data .item.achievements01 h3 {
	left: 50%;
	transform: translateX(-50%);
}
.data .item.achievements01 .icon {
	top: 0;
	right: -8.4rem;
	width: 22.6rem;
}
.data .item.achievements02 {
	width: 43.5rem;
	margin-top: 6rem;
	margin-left: auto;
	margin-right: 5.6rem;
}
.data .item.achievements02 .icon {
	top: 6rem;
	right: 3rem;
	width: 8.4rem;
}
.data .item.achievements03 {
	width: 45.6rem;
	margin-top: 2rem;
	margin-left: 2rem;
	margin-bottom: -24rem;
}
.data .item.achievements03 .icon {
	top: 5.3rem;
	width: 16.3rem;
}
.data .item.achievements04 {
	width: 42.6rem;
	margin-left: auto;
}
.data .item.achievements04 .icon {
	width: 14rem;
}
.data .item.achievements05 {
	width: 48.2rem;
	margin-top: 1.4rem;
	margin-left: 7.2rem;
}
.data .item.achievements05 .icon {
	width: 13.7rem;
}
.data.support .item_wrap {
	margin-top: -20rem;
}
.data .item.support01 {
	width: 48.2rem;
	margin-left: auto;
}
.data .item.support01 .icon {
	top: 11.3rem;
	right: 2.5rem;
	width: 14rem;
}
.data .item.support02 {
	width: 52.4rem;
	margin-left: 5.6rem;
	margin-bottom: 10rem;
}
.data .item.support02 .icon {
	top: auto;
	bottom: 3rem;
	width: 16rem;
}
.data .item.support03 {
	width: 48.2rem;
	margin-left: auto;
}
.data .item.support03 .icon {
	width: 16rem;
}
.data.contribution .item_wrap {
	margin-top: -15rem;
}
.data .item.contribution01 {
	width: 44.2rem;
	margin-left: 6.4rem;
}
.data .item.contribution01 .icon {
	width: 15rem;
}
.data .item.contribution02 {
	width: 46.7rem;
	margin-left: auto;
}
.data .item.contribution02 .icon {
	top: auto;
	bottom: 3rem;
	width: 16rem;
}
.data .item.contribution03 {
	width: 45.2rem;
	margin-top: -1rem;
	margin-left: 6.4rem;
}
.data .item.contribution03 .icon {
	top: auto;
	right: 3rem;
	bottom: -3.8rem;
	width: 15.8rem;
}
}/* @media */
