/* ---------------------------------------


数字で見るフジ・ネクステラ・ラボ


-----------------------------------------*/

/* 現在地--------------------------------
-----------------------------------------*/
.page__contents .corporate .gNav__link::before {transform: scale(1, 1);}



/* pageTitle--------------------------------
-----------------------------------------*/
.pageTitle__image{width: 200px;}
/* sticky--------------------------------
-----------------------------------------*/
.title--imgGradelight,
.mainContents{overflow: visible;}
.sticky{position: sticky;height: 85px;top: 90px;z-index: 9;}
.sticky .inner{padding: 20px 0;}
.position-now{padding-top: 90px;}

/* numbersArea__nav--------------------------------
-----------------------------------------*/
.numbersArea__nav .btn{padding: 12px 50px 12px 40px; display: inline-block;max-width: initial; width: auto; margin: 0;cursor: pointer;color: var(--navy);	border-color: var(--navy);background: var(--white);}
.numbersArea__nav .btn.link-current{background: var(--navy);color: var(--white);}
.numbersArea__nav .btn.link-current .arrow{background: var(--white);
border: 2px solid var(--white);}
.numbersArea__nav .btn.link-current .arrow::before {border-color: var(--navy);}
.numbersArea__nav .card{margin-bottom: 0;}
.numbersArea__nav .btn::before{	content: "";background: var(--blueLight);transition: 0.3s all;transform: scale(0, 1);display: block;z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-origin: left bottom;}
.numbersArea__nav .btn:not(.link-current):hover::before {transform: scale(1, 1);transform-origin: left bottom; }
.numbersArea__nav .btn:not(.link-current) .arrow{background: var(--navy); border: 2px solid var(--navy);}
.numbersArea__nav .btn .arrow::before {right: 5px;top: 4px;
transform: rotate(135deg);border-top: 2px solid var(--white);border-right: 2px solid var(--white);}
.numbersArea__nav .btn .arrow::after{display: none;}


/* numbersArea card--------------------------------
-----------------------------------------*/
.cardArea.col1 > .card{width: 100%;}
.cardArea__block{background: var(--lightGrade);padding: 5%;border-radius: 30px;display: flex;flex-direction: column;position: relative;}
.card__title{font-family: "Roboto", "Sourcehan";font-size: 2rem;display: inline-block;padding: 0 0 20px 0;text-align: center;}
.numbersArea__chart{flex-grow: 1;text-align: center;font-family: "Roboto", "Sourcehan";font-weight: bold;color: var(--navy);}
.numbersArea__chart img{margin: auto;}
.numbersArea__chart .number{color: var(--navy);font-size: 10rem;
font-family: "Roboto", "Sourcehan";font-weight: bold;}
.numbersArea__chart .text--small{font-size: 2rem;}
.numbersArea__text {margin: 30px 0 0 0;background: var(--white);padding: 20px;border-radius: 30px;text-align: center;}
/* イラスト */
.numbersArea__photo01{position: absolute;top: 5%;left: 8%;}
.numbersArea__photo02{position: absolute;top: 5%;right: 8%;}
.numbersArea__photo03{position: absolute;bottom: calc(10% + 50px);left: 8%;
}
.numbersArea__photo04{position: absolute;bottom: calc(20% + 50px);right: 5%;}
.illust-10{top: -10px;}

/* rankingBox --------------------------------
-----------------------------------------*/
.rankingBox__item {	font-size: 3rem;	flex-wrap: nowrap;	display: flex;	justify-content: center;	padding: 3px;}
.rankingBox__list--3col .rankingBox__term {	text-align: right;}
.rankingBox__list--3col .rankingBox__term {	width: 15%;}
.rankingBox__list--3col .rankingBox__desc{	width: 65%;	text-align: left;	padding-left: 20px; line-height: 1.3;}
.rankingBox__list--3col .rankingBox__num{	width: 20%;}
.rankingBox__list--2col .rankingBox__term {	width: 20%;}
.rankingBox__list--2col .rankingBox__desc{	width: 80%;	text-align: left;	padding-left: 20px;line-height: 1.3;}

/* internalSystem --------------------------------
-----------------------------------------*/
.internalSystem{display: flex;flex-wrap: wrap;}
.internalSystem .rankingBox__item {font-size: 2.5rem;}
.internalSystem__block--right{width: 40%;}
.internalSystem__block-left{width: 60%;}

/* modal --------------------------------
-----------------------------------------*/
.dialog__btn{border: none;background: none;transition: 0.3s all;animation: move 3s ease 0s infinite;transform: translateX(0);color: var(--navy);cursor: pointer;}
@keyframes move {
0% {	transform: translateX(0px);	color: var(--navy);}
50% {	transform: translateX(10px);	color: var(--skyBlue);}
100% {	transform: translateX(0px);	color: var(--navy);}
}
.dialog__image{margin-bottom: 30px;}
.dialog__image figcaption{padding: 10px;text-align: center;background: var(--navy);color: var(--white);}



/* ------タブレット1024------------------------------------ */
@media screen and (max-width: 1023px) {
/* numbersArea card 1023--------------------------------
-----------------------------------------*/
.numbersArea__photo01 img,
.numbersArea__photo02 img,
.numbersArea__photo03 img,
.numbersArea__photo04 img{width: 90px;height: 90px;}
	
	/* rankingBox 1023--------------------------------
-----------------------------------------*/
.rankingBox__item {font-size: 1.6rem;}
/* internalSystem 1023--------------------------------
-----------------------------------------*/
.internalSystem .rankingBox__item {	font-size: 1.6rem;}
	
	
	
}/* end1024 */

/* ------SP767------------------------------------ */
@media screen and (max-width: 767px) {
/* sticky767--------------------------------
-----------------------------------------*/
.sticky{top: 60px;}
.position-now {padding-top: 40px;}
	
/* numbersArea__nav 767--------------------------------
-----------------------------------------*/
.numbersArea__nav{column-gap: 10px!important;}
.numbersArea__nav .card{width: calc((100% - 10px* 2) / 3)!important;}
.card__title{padding: 20px 0 10px 0;}
.numbersArea__nav .btn {padding: 5px 20px 5px 5px;font-size: 1.2rem;}
.numbersArea__nav .btn .arrow{right: 7px;width: 15px;height: 15px;}
.numbersArea__nav .btn .arrow::before {right: 3px;top: 2px;border-width :1px;width: 5px;height: 5px;}
/* イラスト */
.numbersArea__photo02 {top: 5%;right: 2%;}
.numbersArea__photo03 {left: 0%;}
.numbersArea__photo04 {right: 1%;}
.illust-10 {top: -41px;left: -19px;}
.illust-11 {bottom: 87px;right: 0;}

	
	/* rankingBox 767--------------------------------
-----------------------------------------*/
.rankingBox__desc {width: 61%;padding-left: 0;}
.rankingBox__item {font-size: 1.6rem;}
.internalSystem__block--right {width: 100%;}
.dialog__btn--close{background: none;border: none;width: 60px;height: 60px;
position: absolute;top: 60px;right: 60px;cursor: pointer;}
.internalSystem__block-left {width: 100%;}



}/* end767 */