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


人を知る


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

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


/* localNavArea--------------------------------
-----------------------------------------*/
.localNavArea{text-align: center;}
.localNavArea.inner {padding: 0;}
.localNavArea .btn{padding: 12px 50px 12px 40px; display: inline-block;max-width: initial; width: auto; margin: 0 10px 20px 10px;cursor: pointer;background: none;}
.localNavArea .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;}
.localNavArea .btn:hover::before {transform: scale(1, 1);transform-origin: left bottom; }
.localNavArea .btn:not(.navy) .arrow{	}
.localNavArea .btn .arrow::before {right: 5px;top: 4px;
transform: rotate(135deg);border-top: 2px solid var(--navy);border-right: 2px solid var(--navy);}
.localNavArea .btn:not(.navy) .arrow::before {	border-color: var(--white);}
.localNavArea .btn .arrow::after{display: none;}
.btn.d-01::after,
.btn.d-02::after,
.btn.d-03::after,
.btn.d-04::after,
.btn.d-05::after,
.btn.d-06::after,
.btn.d-07::after{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: var(--white);border-radius: 30px;
z-index: -2;transition: 0.3s all;}

.btn.d-01{color: var(--d-01);	border-color: var(--d-01);}
.btn.d-01 .arrow{background: var(--d-01);}
.btn.d-01:hover,
.btn.d-01.is-checked{color: var(--white);}
.btn.d-01:hover::before,
.btn.d-01.is-checked::before{background: var(--d-01); transform: scale(1, 1);}

.btn.d-02{color: var(--d-02);	border-color: var(--d-02);}
.btn.d-02 .arrow{background: var(--d-02);}
.btn.d-02:hover,
.btn.d-02.is-checked{color: var(--white);}
.btn.d-02:hover::before,
.btn.d-02.is-checked::before{background: var(--d-02); transform: scale(1, 1);}

.btn.d-03{color: var(--d-03);	border-color: var(--d-03);}
.btn.d-03 .arrow{background: var(--d-03);}
.btn.d-03:hover,
.btn.d-03.is-checked{color: var(--white);}
.btn.d-03:hover::before,
.btn.d-03.is-checked::before{background: var(--d-03); transform: scale(1, 1);}

.btn.d-04{color: var(--d-04);	border-color: var(--d-04);}
.btn.d-04 .arrow{background: var(--d-04);}
.btn.d-04:hover,
.btn.d-04.is-checked{color: var(--white);}
.btn.d-04:hover::before,
.btn.d-04.is-checked::before{background: var(--d-04); transform: scale(1, 1);}

.btn.d-05{color: var(--d-05);	border-color: var(--d-05);}
.btn.d-05 .arrow{background: var(--d-05);}
.btn.d-05:hover,
.btn.d-05.is-checked{color: var(--white);}
.btn.d-05:hover::before,
.btn.d-05.is-checked::before{background: var(--d-05); transform: scale(1, 1);}

.btn.d-06{color: var(--d-06);	border-color: var(--d-06);}
.btn.d-06 .arrow{background: var(--d-06);}
.btn.d-06:hover,
.btn.d-06.is-checked{color: var(--white);}
.btn.d-06:hover::before,
.btn.d-06.is-checked::before{background: var(--d-06); transform: scale(1, 1);}

.btn.d-07{color: var(--d-07);	border-color: var(--d-07);}
.btn.d-07 .arrow{background: var(--d-07);}
.btn.d-07:hover,
.btn.d-07.is-checked{color: var(--white);}
.btn.d-07:hover::before,
.btn.d-07.is-checked::before{background: var(--d-07); transform: scale(1, 1);}

/* detail--------------------------------
-----------------------------------------*/
.generalSect__middleTitle{font-size: 3.5rem;}
.line--dot{
	border-top: 2px dotted var(--blue);
}


/* profileArea--------------------------------
-----------------------------------------*/
.profileArea{display: flex;flex-wrap: wrap; justify-content: space-between;margin: 0 0 50px 0;}
.profileArea__image{width: 50%;}
.profileArea__image img{border-radius: var(--radius);}
.profileArea__overview{width: calc(50% - 40px);}
.profileArea__list{list-style: none;padding-left: 10px; margin-top: 0;}


/* currentWorkArea--------------------------------
-----------------------------------------*/
.currentWorkArea__flow{background: var(--purpleLight);padding: 35px 20px;display: flex;flex-wrap: wrap;justify-content: center;border-radius: var(--radius);}
.currentWorkArea__flow li{width: 13%;background: var(--white);position: relative;height: 68px;list-style: none;margin: 0 3px 10px 3px;color: var(--navy);font-weight: bold;}
.currentWorkArea__flow li::after{content: "";width: 0;height: 0;border-style: solid;border-top: 34px solid transparent;border-bottom: 34px solid transparent;border-left: 20px solid var(--white);border-right: 0;position: absolute;top: 0;right: -20px;z-index: 1;}
.currentWorkArea__flow li::before{content: "";width: 0;height: 0;border-style: solid;border-top: 34px solid transparent;border-bottom: 34px solid transparent;border-left: 20px solid var(--purpleLight);border-right: 0;position: absolute;top: 0;left: 0;}
.currentWorkArea__flow li.gray{	background: var(--grayLight);	color: var(--grayDark);}
.currentWorkArea__flow li.gray::after{content: "";width: 0;height: 0;border-style: solid;border-top: 34px solid transparent;border-bottom: 34px solid transparent;border-left: 20px solid var(--grayLight);border-right: 0;position: absolute;top: 0;right: -20px;z-index: 1;}
.currentWorkArea__flow .text{position: absolute;top: 50%;left: 57%;transform: translate(-50%, -50%);display: block;width: 70%;line-height: 1.3;text-align: center;}



/* personArea__flex--------------------------------
-----------------------------------------*/
.personArea__flex{display: flex;flex-wrap: wrap;justify-content: space-between;}

/* interviewArea--------------------------------
-----------------------------------------*/
.interviewArea{width: 45%;}
.interviewArea p{margin-bottom: 20px;}
.interviewArea__image{border-radius: var(--radius);overflow: hidden;margin-bottom: 20px;}

/* scheduleArea--------------------------------
-----------------------------------------*/
.scheduleArea{width: 45%;}
.scheduleArea__list{padding-left: 0;}
.scheduleArea__list li{	background: var(--lightGrade);	border-radius: var(--radius);	min-height: 130px;	display: flex;	color: var(--navy);	font-weight: bold;	margin-bottom: 15px;border: 3px solid var(--white);}
.scheduleArea__list li .time{	width: 8em;	align-self: center;	padding: 20px;	border-right: 1px solid var(--navy);	text-align: center;}
.scheduleArea__list li .text{	width: calc(100% - 8em);	padding: 20px;	align-self: center;}

/* adviceArea--------------------------------
-----------------------------------------*/
.adviceArea{	display: flex;	flex-wrap: wrap;	padding: 30px;	background: url("../../assets/image/dot.jpg") 0 0;	border-radius: var(--radius);	margin: 50px 0;}
.adviceArea .generalSect__middleTitle{	width: 43%;align-self: center;margin-right: 2%;}
.adviceArea__text{	width: 55%;	align-self: center;	font-weight: bold;}



/* ------タブレット1024------------------------------------ */
@media screen and (max-width: 1023px) {

	/* detail 1023px--------------------------------
-----------------------------------------*/
	.generalSect__middleTitle { font-size: 1.8rem;padding: 10px 0;}

/* currentWorkArea 1023px--------------------------------
-----------------------------------------*/
	.currentWorkArea__flow li {font-size: 1.3rem;}




	
}/* end1024 */

/* ------SP767------------------------------------ */
@media screen and (max-width: 767px) {

	/* localNavArea 767px--------------------------------
-----------------------------------------*/
.localNavArea .btn { padding: 5px 19px 5px 5px;margin: 0 5px 10px 5px;font-size: 1.2rem; width: 46%;font-size: 1rem;}
.localNavArea .btn .arrow{right: 9px;width: 15px;height: 15px;}
.localNavArea .btn .arrow::before {right: 3px;top: 2px;width: 5px;height: 5px;
border-top: 1px solid var(--navy);border-right: 1px solid var(--navy);}
.localNavArea .btn.d-03 {letter-spacing: -1px;}
	
	
	
	/* profileArea 767px--------------------------------
-----------------------------------------*/
	.profileArea__image,
	.profileArea__overview{width: 100%;}
	
/* currentWorkArea 767px--------------------------------
-----------------------------------------*/
	.currentWorkArea__flow {padding: 35px 10px;}
	.currentWorkArea__flow li { width: 20%;}
	.currentWorkArea__flow li::after {
    border-left: 10px solid var(--white);
    right: -10px;
}
	.currentWorkArea__flow li::before {
    border-left: 10px solid var(--purpleLight);
    border-right: 10px;
}
	
/* interviewArea 767px--------------------------------
-----------------------------------------*/
	.interviewArea{width: 100%;}
	
/* scheduleArea 767px--------------------------------
-----------------------------------------*/
	.scheduleArea{width: 100%;}	
	
/* adviceArea 767px--------------------------------
-----------------------------------------*/	
	.adviceArea {padding: 30px 20px;}
	.adviceArea .generalSect__middleTitle{padding: 0 0 10px 0;}
	.adviceArea .generalSect__middleTitle,
	.adviceArea__text{	width: 100%;}

	
	
	
	

}/* end767 */