@charset "UTF-8";
.information__header__logo .jptitle__number {
  color: var(--color-yellow);
}
.information__header__logo .jptitle__number::first-letter {
  color: var(--color-white);
}
.information__header__logo {
  /*
  & .label {
  	& span {
  		color: var(--color-green);
  		&::first-letter {
  			color: var(--color-white);
  		}
  	}
  	& span.environment {
  		&::after {
  			content: '働く環境';
  			left: -110px;
  		}
  	}
  	& span.faq {
  		&::after {
  			content: 'FAQ';
  			left: -80px;
  		}
  	}
  }*/
}
.information__faq {
  width: 960px;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 960px) {
  .information__faq {
    width: 90%;
    margin: 0 auto 60px;
  }
}
@media only screen and (max-width: 430px) {
  .information__faq {
    margin: 0 auto 40px;
  }
}
.information__faq .accordion {
  border-bottom: solid 1px var(--color-black);
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .information__faq .accordion {
    font-size: 15px;
  }
}
@media only screen and (max-width: 430px) {
  .information__faq .accordion {
    font-size: 14px;
  }
}
.information__faq .accordion-header {
  cursor: pointer;
  padding: 15px;
  text-align: left;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
  background-color: var(--color-white);
  border-top: solid 1px var(--color-black);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 430px) {
  .information__faq .accordion-header {
    padding: 15px 0;
  }
}
.information__faq .accordion-item:nth-child(even) .accordion-header {
  background: none;
}
.information__faq .accordion-item:nth-child(even) .accordion-content {
  background: none;
}
.information__faq .accordion-header li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 600px) {
  .information__faq .accordion-header li:nth-of-type(1) {
    width: 90%;
  }
}
.information__faq .accordion-header.active .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: var(--color-pink);
}
.information__faq .accordion-content {
  background-color: var(--color-white);
  display: none;
  padding: 0;
}
.information__faq .accordion-content p {
  padding: 15px;
}
@media only screen and (max-width: 430px) {
  .information__faq .accordion-content p {
    padding: 15px 0;
  }
}
.information__faq .accordion-content p a {
  color: var(--color-black);
}
.information__faq .accordion-content p a:hover {
  text-decoration: none;
}
.information__faq .txt-q {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .information__faq .txt-q {
    font-size: 20px;
  }
}
@media only screen and (max-width: 430px) {
  .information__faq .txt-q {
    font-size: 18px;
  }
}
.information__faq .txt-q {
  line-height: 2;
  display: inline-block;
  margin-right: 6px;
  color: var(--color-blue);
  font-weight: 800;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .information__faq .txt-q {
    line-height: 1;
  }
}
.information__faq .txt-a {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .information__faq .txt-a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 430px) {
  .information__faq .txt-a {
    font-size: 18px;
  }
}
.information__faq .txt-a {
  line-height: 1;
  display: inline-block;
  margin-right: 6px;
  color: var(--color-pink);
  font-weight: 800;
}
.information__faq .arrow {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .information__faq .arrow {
    font-size: 16px;
  }
}
@media only screen and (max-width: 430px) {
  .information__faq .arrow {
    font-size: 15px;
  }
}
.information__faq .arrow {
  font-family: "Roboto", sans-serif;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  color: var(--color-blue);
}
.information {
  /*
  &__program {
  	width: 960px;
  	margin: 0 auto 80px;
  	&__inner {
  		& h3 {
  			@include txt-24-tight;
  			@include style-bold;
  			border-bottom: solid 1px var(--color-black);
  			padding-bottom: 20px;
  			margin-bottom: 40px;
  			position: relative;
  			&::after {
  				background-image: url(../img/step-parts1.png);
  				background-size: cover;
  				position: absolute;
  				top: 0;
  				right: 100px;
  				width: 74px;
  				height: 84px;
  				background-color: #f6f8f8;
  				content: '';
  				z-index: 10;
  				@media only screen and (max-width: 1024px) {
  					width: 60px;
  					height: 68px;
  				}
  				@media only screen and (max-width: 600px) {
  					display: none;
  				}
  			}
  		}

  		div {
  			display: flex;
  			flex-direction: column;
  			row-gap: 20px;

  			@media only screen and (max-width: 600px) {
  				margin-top: 30px;
  			}

  			p {
  				&:nth-of-type(1) {
  					position: relative;
  					text-align: right;
  				}
  			}
  		}
  	}
  }*/
  /*
  &__benefits {
  	width: 960px;
  	margin: 0 auto 80px;

  	&__inner {
  		display: flex;
  		flex-direction: column;
  		row-gap: 20px;

  		@media only screen and (max-width: 600px) {
  			row-gap: 10px;
  		}
  	}

  	h3 {
  		@include txt-24-tight;
  		@include style-bold;
  		border-bottom: solid 1px var(--color-black);
  		padding-bottom: 20px;
  	}

  	ul {
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: space-between;
  		margin-bottom: -2%;

  		li {
  			width: 32%;
  			border: solid 1px var(--color-black);
  			background-color: var(--color-white);
  			text-align: center;
  			@include txt-16;
  			line-height: 1.4;
  			padding: 25px 0;
  			display: flex;
  			justify-content: center;
  			align-items: center;
  			margin-bottom: 2%;
  			box-sizing: border-box;

  			@media only screen and (max-width: 1024px) {
  				padding: 20px 0;
  			}

  			@media only screen and (max-width: 600px) {
  				width: 49%;
  				letter-spacing: 0;
  				padding: 10px 0;
  			}
  		}

  		&::after {
  			content: '';
  			display: block;
  			width: 32%;
  		}
  	}
  }*/
}