@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=M+PLUS+Rounded+1c&family=Noto+Serif+JP:wght@400;700&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New:wght@300;400&display=swap");

/*¥³¥â¥ó¤Ë×·Ó›Ó趨*/
h2 {position: relative;}
h2::before {
  content: url(/company/recruit/adoption_detail/images/common/h2_mark.png);
  position: relative;
  top: 0;
  margin-right: 10px;
}
h2::after {
  content: "";
}
/*¥³¥â¥ó¤Ë×·Ó›Ó趨*/



h2 {
	text-align: center;
	margin: 0 auto;
}
h3 {
	text-align: center;
	font-size: 2.6rem;
}


/*¥ì¥¤¥¢¥¦¥È
---------------------------------------*/
.faqBlock {
  padding-top: 80px;
  background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top right;
}
	@media all and (max-width:1024px) {
	  .faqBlock {
		background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top 0 right 0;
		background-size: 70%;
		padding-top: 50px;
	  }
	}
	@media all and (max-width:750px) {
	  .faqBlock {
		background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top 80px right 0;
		background-size: 70%;
		padding-top: 50px;
	  }
	}
.faq_inner {
  width: 1020px;
  margin: 0 auto;
}
	@media all and (max-width:1024px) {
	  .faq_inner {
		  width: 100%;
		  padding: 0 15px;
		}
	}
.faqBlock h2 {
	margin-bottom: 55px;
}


/*faqBlock Area
---------------------------------------*/
.faq_lead {
  font-size: 2.4rem;
  margin-bottom: 33px;
}
.policy__text {
	text-align: center;
	font-size: 2rem;
}
.accordion {
  width: 1020px;
  margin: 0 auto;
}
section {
	margin-bottom: 70px;
}


/* ¥¢¥³©`¥Ç¥£¥ª¥ó
---------------------------------------*/
@media all and (max-width:1024px) {
  .accordion {
	  width: 100%;
	  padding: 0 15px;
	}
}
.accordion > li {
	margin-bottom: 10px;
}
.accordion p.ac1 {
	position: relative;
	display: flex;
	align-items: center;
	background: #efefef;
	min-height: 60px;
	font-size: 1.6rem;
	cursor: pointer;
}
	@media all and (max-width:750px) {
	  .accordion p.ac1 {
		font-size: 1.6rem;
		letter-spacing: 0;
		  padding-right: 3rem;
	  }
	}
.accordion p.ac1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #000;
    transition: all .3s ease-in-out;
}
	@media all and (max-width:768px) {
	  .accordion p.ac1::before {
		  right: 10px;
		}
	}
.accordion p.ac1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #000;
    transition: all .2s ease-in-out;
}
	@media all and (max-width:768px) {
	  .accordion p.ac1::after {
		  right: 10px;
		}
	}
.accordion p.ac1.open::before {
    transform: rotate(-45deg);
}
.accordion p.ac1.open::after {
    transform: rotate(45deg);
}
.accordion p.ac1 span {
	position: relative;
	display: block;
	background: #00b0d7;
	color: #fff;
	width: 12%;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	font-size: 3rem;
	text-align: center;
	letter-spacing: .2rem;
	margin-right: 25px;
	padding: 1.8rem 2rem 2rem;
}
	@media all and (max-width:820px) {
	  .accordion p.ac1 span {
		  font-size: 2.4rem;
		}
	}
	@media all and (max-width:750px) {
	  .accordion p.ac1 span {
		  width: 20.5%;
		  font-size: 1.6rem;
		  padding: 3.2rem 1.5rem 3.4rem;
		}
	}
.accordion p.ac1 span::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
    border: 10px solid rgba(46, 114, 185, 0);
    border-left-color: #00b0d7;
    margin-top: -10px;
}
.faq_area2 .accordion p.ac1 span {
	background: #0083cd;
}
.faq_area2 .accordion p.ac1 span::after {
	border-left-color: #0083cd;
}
.faq_area3 .accordion p.ac1 span {
	background: #005bac;
}
.faq_area3 .accordion p.ac1 span::after {
	border-left-color: #005bac;
}
.accordion .answer {
  display: none;
  box-shadow: 3px 3px 2px 0 #efefef;
}
.accordion .answer li {
  display: flex;
  align-items: center;
  background: #f8f5b0;
  font-size: 1.6rem;
}
	@media all and (max-width:768px) {
	  .accordion .answer li {
		}
	}
.accordion .answer li span {
	display: block;
	position: relative;
	width: 12%;
	height: 100%;
	background: #00D8D5;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	line-height: 15rem;
}
	@media all and (max-width:820px) {
	  .accordion .answer li span {
		  font-size: 2.4rem;
		  line-height: 18rem;
		}
	}
	@media all and (max-width:768px) {
	  .accordion .answer li span {
		}
	}
	@media all and (max-width:750px) {
	  .accordion .answer li span {	
		  width: 18%;
		  font-size: 1.6rem;
		  line-height: 25rem;
		  padding: 3.2rem 1.5rem 3.4rem;
		}
	}
	@media all and (max-width:320px) {
	  .accordion .answer li span {
		  width: 18.3%;
		  font-size: 1.6rem;
		  line-height: 30rem;
		  padding: 3.2rem 1.5rem 3.4rem;
		}
	}
.accordion .answer li span::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
    border: 10px solid rgba(46, 114, 185, 0);
    border-left-color: #00D8D5;
    margin-top: -10px;
}
.accordion .answer li p {
	width: 88%;
	padding: 1.8rem 2rem 2rem 2.5rem;;
}
	@media all and (max-width:750px) {
	  .accordion .answer li p {
		  width: 79.5%;
		}
	}
@media all and (max-width:750px) {
  .q_item {
	  width: 60px;
  }
}
.cross {
    position: absolute;
    right: 27px;
    top: 40%;
    transition:.3s;
/*    transform: translateY(-50%);*/
}
.active {
  transform: rotate(45deg);
}