@charset "UTF-8";
/* ----------------------------------------------
* modal
* ---------------------------------------------- */
body.modal-open {
	overflow: hidden;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
	margin: auto;
	width: 100%;
	max-height: 100%;
	overflow: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
}

.close {
	position: absolute;
	appearance: none;
	display: block;
	width: 8.53333vw;
	height: 8.53333vw;
	background-image: url("/appchart/common2/img/mod-modal/close.png");
	background-size: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	margin: 0;
	padding: 0;
	right: 10px;
	top: 0;
	transform: translateY(-100%);
}

/* ----------------------------------------------
 * appchart wrapper
 * x1.2（PC）
 ---------------------------------------------- */
@media only screen and (min-width: 1200px) {
	.mod-contents {
		overflow: visible;
	}
	.mod-main.mod-single h1 {
		margin: 0;
		padding: 0.67em 0;
	}
	.appchart {
		transform: scale(1.2);
		margin-top: 120px;
		margin-bottom: 140px;
	}
}

/* ----------------------------------------------
 * appchart　PC
 * ---------------------------------------------- */
.appchart {
	/*  chart
	---------------------------------------------- */
	/*   Chart line diagram (including outer frame)
	---------------------------------------------- */
	/*  .appchart-header
	---------------------------------------------- */
	/*  item container
	---------------------------------------------- */
	/* item general
	---------------------------------------------- */
	/* item each
	---------------------------------------------- */
}

.appchart img {
	width: 100%;
	height: auto;
}

.appchart p {
	margin: 0;
}

.appchart .appchart-wrapper {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.appchart .appchart-bg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
}

.appchart .appchart-bg img {
	width: 100%;
}

.appchart .appchart-inner {
	box-sizing: border-box;
	width: 100%;
	padding: 40px;
}

.appchart .appchart-header {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2.27273%;
	height: 50px;
}

.appchart .appchart-header__item--mobile {
	grid-column: 3 / 4;
}

.appchart .appchart-header__item--pc {
	grid-column: 5 / 7;
}

.appchart .appchart-header__icon--pc {
	height: 28px;
	width: 280px;
	margin: auto;
}

.appchart .appchart-header__icon--mobile {
	height: 28px;
	width: 130px;
	margin: auto;
}

.appchart .appchart-header__title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background-color: #949494;
	color: #fff;
	font-weight: 700;
	height: 20px;
	font-size: 12px;
}

.appchart .appchart-header__detail {
	display: flex;
	color: #4D4D4D;
	text-align: center;
	font-size: 12px;
	margin-top: 0.75em;
	line-height: 1;
}

.appchart .appchart-header__detail p {
	width: 100%;
}

.appchart .appchart-chart-container {
	position: relative;
	width: 100%;
	height: 0;
	margin-top: 1px;
	padding-top: 87.5%;
}

.appchart .appchart-item {
	width: 14.77273%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}

.appchart .appchart-item__head {
	width: 43.07692%;
}

.appchart .appchart-item__body {
	background: #fff;
}

.appchart .appchart-item__name {
	font-weight: 700;
	display: block;
	text-align: center;
	line-height: 1.3;
	margin-top: 0.3em;
	font-size: 12px;
}

.appchart .appchart-item__detail {
	display: block;
	font-size: 10px;
	margin-top: 0.7em;
	line-height: 1.2;
}

.appchart .appchart-item__links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.66667vw;
}

.appchart .appchart-item__link-item {
	cursor: pointer;
	width: 47.69231%;
}

.appchart .appchart-item__link-item + .appchart-item__link-item {
	margin-left: 4.61538%;
}

.appchart .appchart-item__modal-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	appearance: none;
	background-color: transparent;
	border: none;
}

.appchart .appchart-item.appchart-item--i1 {
	left: 0;
	top: 11.68831%;
}

.appchart .appchart-item.appchart-item--i2 {
	left: 0;
	top: 31.55844%;
}

.appchart .appchart-item.appchart-item--i3 {
	left: 0;
	top: 53.24675%;
}

.appchart .appchart-item.appchart-item--i4 {
	left: 17.7%;
	top: 10.51948%;
}

.appchart .appchart-item.appchart-item--i4 .appchart-item__head {
	width: 38.46154%;
	padding: 2.30769%;
}

.appchart .appchart-item.appchart-item--i5 {
	left: calc(17.04545% * 2);
	top: 10.77922%;
}

.appchart .appchart-item.appchart-item--i6 {
	left: calc(17.04545% * 2);
	top: 31.2987%;
}

.appchart .appchart-item.appchart-item--i7 {
	left: calc(17.04545% * 2);
	top: 53.24675%;
}

.appchart .appchart-item.appchart-item--i8 {
	left: calc(17.04545% * 2);
	top: 76.49351%;
}

.appchart .appchart-item.appchart-item--i9 {
	left: calc(17.04545% * 3);
	top: 0;
}

.appchart .appchart-item.appchart-item--i10 {
	left: calc(17.04545% * 3);
	top: 53.24675%;
}

.appchart .appchart-item.appchart-item--i11 {
	left: calc(17.04545% * 3);
	top: 76.62338%;
}

.appchart .appchart-item.appchart-item--i11 .appchart-item__head {
	width: 55.38462%;
}

.appchart .appchart-item.appchart-item--i12 {
	left: calc(17.04545% * 4);
	top: 10.77922%;
}

.appchart .appchart-item.appchart-item--i13 {
	left: calc(17.04545% * 4);
	top: 76.49351%;
}

.appchart .appchart-item.appchart-item--i14 {
	left: calc(17.04545% * 5);
	top: 42.85714%;
}

/* ----------------------------------------------
* css by lang
---------------------------------------------- */
html:lang(de) {
	/* ----------------------------------------------
	* x1.2倍（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(de) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(de) .appchart-wrapper {
		height: 1025px;
	}
	html:lang(de) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 59.74026%;
	}
	html:lang(de) .appchart-item.appchart-item--i7 {
		top: 59.74026%;
	}
	html:lang(de) .appchart-item.appchart-item--i10 {
		top: 59.74026%;
	}
	html:lang(de) .appchart-item.appchart-item--i8 {
		top: 86.88312%;
	}
	html:lang(de) .appchart-item.appchart-item--i11 {
		top: 86.49351%;
	}
	html:lang(de) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(de) .appchart-item.appchart-item--i13 {
		top: 86.88312%;
	}
	html:lang(de) .appchart-item.appchart-item--i14 {
		top: 48.05195%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(de) .appchart {
		margin-bottom: 155px;
	}
}

html:lang(es) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(es) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(es) .appchart-wrapper {
		height: 1012px;
	}
	html:lang(es) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 58.44156%;
	}
	html:lang(es) .appchart-item.appchart-item--i7 {
		top: 58.44156%;
	}
	html:lang(es) .appchart-item.appchart-item--i10 {
		top: 58.44156%;
	}
	html:lang(es) .appchart-item.appchart-item--i8 {
		top: 86.88312%;
	}
	html:lang(es) .appchart-item.appchart-item--i11 {
		top: 86.49351%;
	}
	html:lang(es) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(es) .appchart-item.appchart-item--i13 {
		top: 86.88312%;
	}
	html:lang(es) .appchart-item.appchart-item--i14 {
		top: 46.1039%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(es) .appchart {
		margin-bottom: 155px;
	}
}

html:lang(fr) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(fr) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(fr) .appchart-wrapper {
		height: 1048px;
	}
	html:lang(fr) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 61.42857%;
	}
	html:lang(fr) .appchart-item.appchart-item--i7 {
		top: 61.42857%;
	}
	html:lang(fr) .appchart-item.appchart-item--i10 {
		top: 61.42857%;
	}
	html:lang(fr) .appchart-item.appchart-item--i8 {
		top: 92.07792%;
	}
	html:lang(fr) .appchart-item.appchart-item--i11 {
		top: 91.68831%;
	}
	html:lang(fr) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(fr) .appchart-item.appchart-item--i13 {
		top: 92.07792%;
	}
	html:lang(fr) .appchart-item.appchart-item--i14 {
		top: 51.2987%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(fr) .appchart {
		margin-bottom: 161px;
	}
}

html:lang(it) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(it) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(it) .appchart-wrapper {
		height: 1000px;
	}
	html:lang(it) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 57.14286%;
	}
	html:lang(it) .appchart-item.appchart-item--i7 {
		top: 57.14286%;
	}
	html:lang(it) .appchart-item.appchart-item--i10 {
		top: 57.14286%;
	}
	html:lang(it) .appchart-item.appchart-item--i8 {
		top: 85.58442%;
	}
	html:lang(it) .appchart-item.appchart-item--i11 {
		top: 85.19481%;
	}
	html:lang(it) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(it) .appchart-item.appchart-item--i13 {
		top: 85.58442%;
	}
	html:lang(it) .appchart-item.appchart-item--i14 {
		top: 48.05195%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(it) .appchart {
		margin-bottom: 155px;
	}
}

html:lang(nl) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(nl) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(nl) .appchart-wrapper {
		height: 988px;
	}
	html:lang(nl) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 57.14286%;
	}
	html:lang(nl) .appchart-item.appchart-item--i7 {
		top: 57.14286%;
	}
	html:lang(nl) .appchart-item.appchart-item--i10 {
		top: 57.14286%;
	}
	html:lang(nl) .appchart-item.appchart-item--i8 {
		top: 84.28571%;
	}
	html:lang(nl) .appchart-item.appchart-item--i11 {
		top: 85.19481%;
	}
	html:lang(nl) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(nl) .appchart-item.appchart-item--i13 {
		top: 84.28571%;
	}
	html:lang(nl) .appchart-item.appchart-item--i14 {
		top: 47.4026%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(nl) .appchart {
		margin-bottom: 155px;
	}
}

html:lang(ru) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(ru) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(ru) .appchart-wrapper {
		height: 1060px;
	}
	html:lang(ru) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 59.74026%;
	}
	html:lang(ru) .appchart-item.appchart-item--i7 {
		top: 59.74026%;
	}
	html:lang(ru) .appchart-item.appchart-item--i10 {
		top: 59.74026%;
	}
	html:lang(ru) .appchart-item.appchart-item--i8 {
		top: 90.38961%;
	}
	html:lang(ru) .appchart-item.appchart-item--i11 {
		top: 90%;
	}
	html:lang(ru) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(ru) .appchart-item.appchart-item--i13 {
		top: 90.38961%;
	}
	html:lang(ru) .appchart-item.appchart-item--i14 {
		top: 50.64935%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ru) .appchart {
		margin-bottom: 155px;
	}
}

html:lang(tr) {
	/* ----------------------------------------------
	* x1.2（PC）
	---------------------------------------------- */
}

@media only screen and (min-width: 600px) {
	html:lang(tr) .appchart-chart-container {
		margin-top: 17px;
	}
	html:lang(tr) .appchart-wrapper {
		height: 999px;
	}
	html:lang(tr) .appchart-item.appchart-item--i3 {
		left: 0;
		top: 58.44156%;
	}
	html:lang(tr) .appchart-item.appchart-item--i7 {
		top: 58.44156%;
	}
	html:lang(tr) .appchart-item.appchart-item--i10 {
		top: 58.44156%;
	}
	html:lang(tr) .appchart-item.appchart-item--i8 {
		top: 85.58442%;
	}
	html:lang(tr) .appchart-item.appchart-item--i11 {
		top: 85.19481%;
	}
	html:lang(tr) .appchart-item.appchart-item--i11 .appchart-item__head {
		width: 55.38462%;
	}
	html:lang(tr) .appchart-item.appchart-item--i13 {
		top: 85.58442%;
	}
	html:lang(tr) .appchart-item.appchart-item--i14 {
		top: 48.05195%;
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(tr) .appchart {
		margin-bottom: 155px;
	}
}