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


新卒コンテンツ


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

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

/* contentsArea index--------------------------------
-----------------------------------------*/
.contentsArea {}
.contentsArea .card{}
.contentsArea .card__image{width: 88%;margin: auto;}
.contentsArea .card__image::before{padding-top: 100%;}
.contentsArea .card__image::after {content: "";display: block;width: 100%;
height: 60%;background: var(--blueLight);border-radius: 15px;position: absolute;
top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;}
.contentsArea .arrowList{font-weight: bold;text-align: center;}


/* pageTitle--------------------------------
-----------------------------------------*/
.pageTitle__image{width: 200px;}

/* lead--------------------------------
-----------------------------------------*/
.lead{font-size: 2rem;font-weight: bold;margin: 0 0 50px 0;max-width: 720px;text-align: left;}

/* employeeArea--------------------------------
-----------------------------------------*/
.employeeArea{padding-left: 0;    margin: 0;}
.employeeArea__block{background: var(--lightGrade);border-radius: 30px;display: flex;flex-wrap: wrap;padding: 20px 60px;margin-bottom: 40px;
min-height: 230px;}
.employeeArea__image{width: 15%; align-self: center;}
.employeeArea__image img{border-radius: 50%;margin: auto;}
.employeeArea__text{width: 85%;display: block;padding: 0 0 0 40px ;position: relative;background: none;border: none;text-align: left;align-self: center;}
.employeeArea__text ul .generalSect__middleTitle{padding: 0 0 3px 0;}
.employeeArea__text ul{ margin-bottom: 8px;}
.accordion-icon {position: absolute;top: 0;right: 1rem;bottom: 0;width: 10px;height: 10px;margin: auto;border: solid var(--navy);border-width: 2px 2px 0 0;transform: rotate(135deg);}
.js-accordion-trigger{padding-right: 70px;cursor: pointer;}
.js-accordion-trigger.open .accordion-icon {transform: rotate(-45deg);}
.employeeArea__panel {display: none; }
/*.open + .employeeArea__panel{display: block;}*/
.employeeArea__panel{padding: 30px 0;}
.question{font-weight: bold;font-size: 2rem;margin-bottom: 10px;font-family: "Roboto", "Sourcehan";}
.question::before {content: "";width: 40px;height: 2px;display: inline-block;background: var(--black);margin: 0 11px 6px 0;}
.answer{margin-bottom: 30px;}

/* checkList */
.employeeArea__text .checkList{list-style: none;padding-left: 0;}
.employeeArea__text .checkList li{position: relative;font-size: 2.4rem;}
.employeeArea__text .checkList li::before{content: "";position: absolute;top: 0.5em;left: -17px;width: 8px;height: 13px;border-right: 2px solid var(--navy);border-bottom: 2px solid var(--navy);transform: rotate(45deg);}
.profile{	font-weight: bold;}

/* trainingArea__comment--------------------------------
-----------------------------------------*/
.trainingArea__comment {justify-content: space-between;}
.trainingArea__comment .short.card{ 
	margin-bottom: 0;
	align-self: center;
}
.trainingArea__comment .short.card .illust{
	max-width: 250px;
	margin: auto;
}
.trainingArea__comment .long.card{align-self: center;}
.trainingArea__comment .comment{font-weight: bold;}


/* trainingArea__message--------------------------------
-----------------------------------------*/
.trainingArea__message .interviewArea__speechBubble--rightArrow {/* common.css */
top: 50%;transform: translateY(-50%);}
.trainingArea__message .short.card{align-self: flex-end;}
.trainingArea__message .back--lightGrade{padding: 5%;border-radius: 30px;}
.trainingArea__message .lList li{margin-bottom: 20px;}


/* scheduleArea__speechBubble */
.scheduleArea__speechBubble{background: var(--white);padding: 5%;border-radius: 30px;color: var(--navy);font-weight: bold;margin: 50px auto 0 auto;position: relative;}
.scheduleArea__speechBubble--topArrow{top: -20px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 20px solid var(--white);border-top: 0;position: absolute;}
/* back--blueLight */
.scheduleArea__speechBubble.back--blueLight{background: var(--blueLight);padding: 3%;}
.scheduleArea__speechBubble.back--blueLight .scheduleArea__speechBubble--topArrow{border-bottom: 20px solid var(--blueLight);}




/* childcareArea--------------------------------
-----------------------------------------*/
.childcareArea .cardArea .card .card__image{margin-bottom: 10px;}
.childcareArea .cardArea .card .card__image::after{
top: initial;transform: translateX(-50%);bottom: 0;}


.childcare .title--small{
	margin: 20px 0;
}
.childcare .answer{
	margin-bottom: 30px;
}

.childcare__interview{
	margin-top: 50px;
}







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

/* employeeArea 1023--------------------------------
-----------------------------------------*/
.employeeArea__block {padding: 10px 5%;min-height: 200px;}
	
}/* end1024 */

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

	/* employeeArea 767--------------------------------
-----------------------------------------*/
.pageTitle .inner{padding: 50px 0 0 0;}
.pageTitle__image{width: 130px; margin: auto;}
.employeeArea__block {margin-bottom: 20px;padding: 5% 5%;min-height: auto;}
.employeeArea__image {width: 20%;}
.employeeArea__text {width: 80%;padding: 0 0 0 30px;}
.employeeArea__text  .generalSect__middleTitle {font-size: 1.4rem;padding: 0;width: 90%;line-height: 1.3;}
.employeeArea__text ul {margin-bottom: 0px;}
.profile{font-size: 1.2rem;}
.question {font-size: 1.6rem;}



/* scheduleArea__speechBubble 767 */
/* back--blueLight */
.scheduleArea__speechBubble.back--blueLight .text--large{font-size: 1.6rem;}
	
/* checkListArea 767--------------------------------
-----------------------------------------*/	
/* checkList */
.employeeArea__text .checkList li{position: relative;font-size: 1.8rem;}

/* trainingArea__message 767--------------------------------
-----------------------------------------*/
.interviewArea__speechBubble--rightArrow {/* common.css */
top: 50%;transform: translateY(-50%);}
.trainingArea__message .long.card{margin-bottom: 20px;}
	
	

}/* end767 */