@charset "UTF-8";

#about header {
  margin-bottom: 30px;
}

#faq{
	/*background:url(../images/recruit/title06.png)no-repeat left top;*/
	padding-top:60px;
	padding-bottom:70px;
}
/*
#faq:before{
	display:none;
}*/

#faq h2{
	font-size: 2.7rem;
    margin: 15px auto 54px;
    text-align:center;
}

#faq h2 span{
    display: inline-block;
    text-align: left;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #636B70;
}

#faq .detail_area{
	margin-top:40px;
    text-align: justify;
}


#faq .detail_area dl + dl{
	margin-top:20px;
}

#faq .detail_area dl dt{
	font-size:16px;
	line-height:37px;
	position:relative;
	cursor: pointer;
	border-bottom:solid 1px #dce6ad;
	padding-bottom:20px;
}


#faq .detail_area dl dt img{
	margin-right:20px;
}


#faq .detail_area dl dt h3{
	flex:1;
}

#faq .detail_area dl dt:before{
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	bottom:0;
	margin:auto;
	width:17.42px;
	height:15px;
	background:url(../images/recruit/delta.svg)no-repeat center top;
	background-size:cover;
	transform: rotate(30deg);
	transition:all 0.4s;
}

#faq .detail_area dl.open dt:before{
	transform: rotate(0);
}

#faq .detail_area dl dd{
	background-color:rgba(220,230,173 ,0.6);
	padding:20px 70px;
	border-bottom:solid 1px #b7d332;
	display:none;
}

@media only screen and (max-width: 812px) {

	#faq{
		background-size:90px;
		padding-top: 50px;
        padding-bottom:0;
	}

	#faq h2{
		font-size:20px;
	}

	#faq .detail_area dl dt img{
		width:25px;
		vertical-align: middle;
	}

	#faq .detail_area dl dt h3{
		font-size:13px;
		line-height:18px;
		padding-right: 40px;
	}

	#faq .detail_area dl dt:before{
		width:14px;
		height:12px;
	}

	#faq .detail_area dl dd{
		padding:20px;
	}

}

@media print, screen and (min-width: 813px) {
  #about header {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 813px) {
  #about header .text_set {
    position: relative;
    left: 2%;
  }
}
#about header .text_set .vertical_text {
  margin-right: 197px;
}
@media print, screen and (min-width: 813px) {
  #about header .text_set p {
    max-width: calc(100% - 282px);
  }
}
#about section:nth-of-type(1) {
  padding: 101px 0 52px;
}
@media only screen and (max-width: 812px) {
  #about section:nth-of-type(1) {
    padding: 50px 0;
  }
}
#about section:nth-of-type(2) {
  padding: 94px 0 60px;
}
@media only screen and (max-width: 812px) {
  #about section:nth-of-type(2) {
    padding: 50px 0;
  }
}
#about section:not(#section_03) .vertical_text + p {
  margin-top: 56px;
}
@media only screen and (max-width: 812px) {
  #about #section_01 .fl:not(:first-of-type) {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 813px) and (max-width: 1099px) {
  #about #section_01 .imgage_inner {
    width: 44vw;
  }
}
#about #section_01 .fl:nth-of-type(1) .__car::after {
  left: 12%;
}
#about #section_01 .fl:nth-of-type(2) .__car::after {
  left: 40%;
}
#about #section_01 .fl:nth-of-type(3) .__car::after {
  left: 74%;
}
#about #section_01 .fl:nth-of-type(1) .text_set {
  max-width: 480px;
  margin-top: -38px;
}
#about #section_01 .fl:nth-of-type(1) .move_img_wrap .move_img .img {
  left: 0;
  width: 100%;
  height: 100%;
}
#about #section_01 .fl:nth-of-type(2) {
  margin-top: 84px;
}
#about #section_01 .fl:nth-of-type(2) .text_set {
  margin-top: -31px;
}
@media only screen and (min-width: 1100px) {
  #about #section_01 .fl:nth-of-type(2) .text_set {
    max-width: 500px;
    margin-left: 24px;
  }
}
#about #section_01 .fl:nth-of-type(2) .text_set p + p {
  margin-top: 0;
}
@media print, screen and (min-width: 813px) {
  #about #section_01 .fl:nth-of-type(2) .text_set p + p {
    margin-top: 3.5em;
  }
}
#about #section_01 .fl:nth-of-type(2) .text_set p + p + .text_img {
  margin-top: 20px;
}
#about #section_01 .fl:nth-of-type(2) .text_set .detail {
  margin-top: 124px;
}
#about #section_01 .fl:nth-of-type(3) {
  margin-top: 77px;
}
#about #section_01 .fl:nth-of-type(3) .move_img_wrap .move_img .img {
  left: 0;
  width: 100%;
  height: 100%;
}
#about #section_01 .fl:nth-of-type(3) .text_set {
  margin-top: -36px;
}
@media only screen and (min-width: 1100px) {
  #about #section_01 .fl:nth-of-type(3) .text_set {
    max-width: 452px;
    margin-right: 28px;
  }
}
#about #section_01 .move_img_wrap + .text_img {
  margin-top: 60px;
}
#about #section_02 .text_set {
  margin-top: 28px;
}
@media only screen and (min-width: 1100px) {
  #about #section_02 .text_set {
    max-width: 472px;
    margin-left: 19px;
  }
}
#about #section_02 .__car::after {
  left: 62%;
}
@media only screen and (min-width: 1100px) {
  #about #section_03 .text_set {
    position: relative;
    left: -2%;
  }
}
#about #section_03 .text_set .vertical_text {
  margin-top: 0;
}
@media print, screen and (min-width: 813px) {
  #about #section_03 .text_set .vertical_text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #about #section_03 .text_set .vertical_text {
    margin-right: 70px;
  }
}
#about #section_03 .image {
  text-align: center;
}
@media only screen and (min-width: 1100px) {
  #about #section_03 .image {
    margin-right: 106px;
  }
}

#about .text_set p{
	font-size:1.5rem;
	letter-spacing:0;
}

@media print, screen and (min-width: 813px) {


}
@media only screen and (min-width: 813px) and (max-width: 1099px) {

}

@media only screen and (max-width: 812px) {

	#about .text_set p {
		font-size: 1.4rem;
	}


}