@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページタイトル*/
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle-01 .pagetitle-inner h1::before {
  background-color: var(--purple-01);
}
#pagetitle-01 .pagetitle-inner h1::after {
  background-color: var(--purple-02);
}







/* 拠点紹介 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#location {
	padding-bottom: 12rem;
}
	#location .map {
		margin-top: -16rem;
		background: url("../img/location/bg-txt.svg") no-repeat left top 16rem / 50%;
		position: relative;
		margin-bottom: 2rem;
	}
		#location .map .japan {
			width: 52vw;
			margin-left: auto;
		}


	#location .exterior {
		width: 22vw;
		position: absolute;
		top: 18%;
		left: 50%;
		margin-left: -11vw;
	}
	#location .exterior.active {
		opacity: 1;
		z-index: 2;
	}
	#location .exterior.none {
		opacity: 0;
		z-index: -1;
	}


	#location .number {
		width: 20vw;
		position: absolute;
		top: 18%;
		left: 0;
	}


	#location ul.tab li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 18.2%;
		height: 6rem;
		border-radius: 1rem;
		margin-top: 2%;
		margin-right: 2%;
		background: #fff;
		border: solid 1px #ddd;
		font-size: 1.6rem;
		font-weight: 500;
		text-align: center;
		cursor: pointer;
	}
	#location ul.tab li:nth-child(5n) {
		margin-right: 0;
	}
	#location ul.tab li.c-red.select {
		background: #E8B7A1;
		border: solid 1px #E8B7A1;
	}
	#location ul.tab li.c-yellow.select {
		background: #EBE6A1;
		border: solid 1px #EBE6A1;
	}
	#location ul.tab li.c-blue.select {
		background: #79C4DF;
		border: solid 1px #79C4DF;
	}
	#location ul.tab li.c-green.select {
		background: #B7D58B;
		border: solid 1px #B7D58B;
	}
	#location ul.tab li.c-orange.select {
		background: #EAC491;
		border: solid 1px #EAC491;
	}
	#location ul.tab li.c-pink.select {
		background: #F2C7D8;
		border: solid 1px #F2C7D8;
	}
	#location ul.tab li.c-purple.select {
		background: #C3BEEB;
		border: solid 1px #C3BEEB;
	}


	#location .content {
		margin-top: 8rem;
	}
		#location .content .cell {
			background: #F8F8F8;
			border-radius: 1rem;
			position: relative;
			padding: 8rem 10rem;
		}
		#location .content .cell.hide {
			display: none;
		}
			#location .content .cell .c-red {
				color: #E09C7D;
			}
			#location .content .cell .c-yellow {
				color: #D0C205;
			}
			#location .content .cell .c-blue {
				color: #79C4DF;
			}
			#location .content .cell .c-green {
				color: #AAD171;
			}
			#location .content .cell .c-orange {
				color: #E2B374;
			}
			#location .content .cell .c-pink {
				color: #E3A2BC;
			}
			#location .content .cell .c-purple {
				color: #B1AAE3;
			}

			#location .content h2 {
				width: 100%;
				font-size: 4.4rem;
				font-weight: 500;
				line-height: 1;
				text-align: center;
				position: absolute;
				top: -2.5rem;
				left: 0;
			}
				#location .content h2 span {
					font-size: 2.0rem;
					padding-left: 1rem;
				}

			#location .content .row {
				margin-bottom: 6rem;
			}
			#location .content .row:nth-last-child(1) {
				margin-bottom: 0;
			}
				#location .content .row h3 {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					font-size: 2.8rem;
					font-weight: 500;
					margin-bottom: 2rem;
				}
					#location .content .row h3 img {
						width: 6rem;
						margin-right: 1.5rem;
					}

				#location .content .row .txt {
					line-height: 1.8em;
					margin-bottom: 3.5rem;
				}

				#location .content .row .pht-list.column2 li {
					width: 48%;
					margin-right: 4%;
					border-radius: 1rem;
					overflow: hidden;
				}
				#location .content .row .pht-list.column2 li:nth-child(2n) {
					margin-right: 0;
				}
@media screen and (max-width: 820px) {
	#location .map {
		margin-top: -6rem;
		background: url("../img/location/bg-txt.svg") no-repeat left top 4rem / 50%;
		margin-bottom: 2rem;
	}
		#location .map .japan {
			width: 70vw;
			margin-left: auto;
		}


	#location .exterior {
		width: 30vw;
		top: 7%;
		margin-left: -15vw;
	}


	#location .number {
		width: 100%;
		margin: 4vw auto 5vw auto;
		position: static;
	}
		#location .number .sp {
			display: block;
		}


	#location ul.tab li {
		width: 23.5%;
		height: 4.4rem;
		font-size: 1.3rem;
	}
	#location ul.tab li:nth-child(5n) {
		margin-right: 2%;
	}
	#location ul.tab li:nth-child(4n) {
		margin-right: 0;
	}


	#location .content {
		margin-top: 6rem;
	}
		#location .content .cell {
			border-radius: 2rem;
			padding: 5rem 4rem 4rem 4rem;
		}
			#location .content h2 {
				font-size: 3.4rem;
				top: -2.2rem;
			}
				#location .content h2 span {
					font-size: 1.8rem;
				}

			#location .content .row {
				margin-bottom: 5rem;
			}
				#location .content .row h3 {
					font-size: 2.6rem;
					line-height: 1.4em;
					margin-bottom: 2rem;
				}
					#location .content .row h3 img {
						width: 6rem;
					}

				#location .content .row .txt {
					margin-bottom: 2.5rem;
				}

				#location .content .row .pht-list {
					display: block;
				}
					#location .content .row .pht-list.column2 li {
						width: 100%;
						margin-right: 0;
						margin-bottom: 3rem;
						border-radius: 1.5rem;
					}
					#location .content .row .pht-list.column2 li:nth-last-child(1) {
						margin-bottom: 0;
					}
}
















/* 福利厚生 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#employee-benefits {
  position: relative;
  padding-top: 37rem;
  margin-top: -25rem;
  padding-bottom: 12rem;
  background-color: #F3F4FD;
  border-radius: 8rem;
  z-index: -1;
}
@media screen and (max-width: 820px) {
  #employee-benefits {
    padding-top: 23rem;
    margin-top: -16rem;
    border-radius: 4rem;
    padding-bottom: 0rem;
  }
}
#employee-benefits .common-title {
  display: block;
}
#employee-benefits .common-title .common-deco {
  font-size: 1.4rem;
}
#employee-benefits .common-title .common-deco::before {
  background-color: var(--purple-01);
}
#employee-benefits .common-title .common-deco::after {
  background-color: var(--purple-02);
}
#employee-benefits .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  #employee-benefits .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
#employee-benefits p {
  font-size: 1.6rem;
  padding: 3.8rem 0 4rem 0;
}
@media screen and (max-width: 820px) {
  #employee-benefits p {
    font-size: 1.85rem;
    padding: 3.4rem 0 2.7rem 0;
  }
}
#employee-benefits .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 820px) {
  #employee-benefits .list {
    padding-bottom: 3rem;
  }
}
#employee-benefits .list .list-item {
  width: 48.181818%;
  padding: 3rem 5rem 3.5rem 5rem;
  border-radius: 2rem;
  background-color: #ffffff;
}
@media screen and (max-width: 820px) {
  #employee-benefits .list .list-item {
    width: 100%;
    padding: 2.5rem 3rem 2.7rem 3rem;
    border-radius: 2rem;
    margin-bottom: 3rem;
  }
}
#employee-benefits .list .list-item:nth-child(-n+6) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 820px) {
  #employee-benefits .list .list-item:nth-child(-n+6) {
    margin-bottom: 3rem;
  }
}
#employee-benefits .list .list-item h3 {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 500;
  padding-bottom: 3rem;
  margin-bottom: 2.6rem;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 820px) {
  #employee-benefits .list .list-item h3 {
    font-size: 1.9rem;
    padding-bottom: 2rem;
    margin-bottom: 2.6rem;
    font-feature-settings: "palt";
    letter-spacing: 0.001em;
  }
}
#employee-benefits .list .list-item h3 .green {
  font-weight: bold;
}
#employee-benefits .list .list-item .box {
  display: flex;
  justify-content: space-between;
}
#employee-benefits .list .list-item .box ul li {
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  line-height: 2.7rem;
}
#employee-benefits .list .list-item .box ul li:nth-child(-n+2) {
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 820px) {
  #employee-benefits .list .list-item .box ul li {
    font-size: 1.8rem;
  }
}
#employee-benefits .list .list-item .box ul .end {
  margin-top: 0.7rem;
}
#employee-benefits .list .list-item .box ul .before {
  padding-left: 2rem;
}
#employee-benefits .list .list-item .box ul .before::before {
  content: "";
  position: absolute;
  top: 63%;
  left: 0.74rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background-color: #000000;
  transform: translateX(-50%) translateY(-100%);
}
#employee-benefits .list .list-item .box .ph {
  width: 9.6rem;
  height: 9.2rem;
}

/* 奨学金返還支援制度 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#scholarship {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
@media screen and (max-width: 820px) {
  #scholarship {
    margin-top: 8rem;
  margin-bottom: 8rem;
  }
}
#scholarship .common-title {
  display: block;
}
#scholarship .common-title .common-deco {
  font-size: 1.4rem;
}
#scholarship .common-title .common-deco::before {
  background-color: var(--purple-01);
}
#scholarship .common-title .common-deco::after {
  background-color: var(--purple-02);
}
#scholarship .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  #scholarship .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
#scholarship .title-p {
  font-size: 1.6rem;
  padding: 3.8rem 0 4rem 0;
}
@media screen and (max-width: 820px) {
  #scholarship .title-p {
    font-size: 1.85rem;
    line-height: 3rem;
    padding: 3.4rem 0 2.7rem 0;
  }
}
#scholarship ul {
  padding-bottom: 3rem;
}
#scholarship ul li {
  padding: 3.6rem 4rem 4.2rem 4rem;
  border-radius: 2rem;
  background-color: #F3F4FD;
}
@media screen and (max-width: 820px) {
  #scholarship ul li {
    padding: 3.6rem 2rem 4.2rem 2rem;
  }
}
#scholarship ul li:nth-child(-n+2) {
  margin-bottom: 2rem;
}
#scholarship ul li h3 {
  font-size: 2.6rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 820px) {
  #scholarship ul li h3 {
    font-size: 2.55rem;
  }
}
#scholarship ul li p {
  font-size: 1.6rem;
}
@media screen and (max-width: 820px) {
  #scholarship ul li p {
    font-size: 1.85rem;
    line-height: 2.8rem;
  }
}
#scholarship ul li strong {
  display: block;
  font-size: 1.8rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 820px) {
  #scholarship ul li strong {
    margin-top: 1.2rem;
    font-size: 1.95rem;
  }
}
#scholarship ul li .end {
  margin-top: 1.2rem;
  color: #ee2222;
  font-weight: 300;
}
@media screen and (max-width: 820px) {
  #scholarship ul li .end {
    line-height: 2.6rem;
    margin-top: 1rem;
  }
}
#scholarship .sub-text {
  font-size: 1.3rem;
  font-weight: 400;
}
@media screen and (max-width: 820px) {
  #scholarship .sub-text {
    font-size: 1.6rem;
  }
}

/* 教育研修制度 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#education-training {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
@media screen and (max-width: 820px) {
  #education-training {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
#education-training .common-title {
  display: block;
}
#education-training .common-title .common-deco {
  font-size: 1.4rem;
}
#education-training .common-title .common-deco::before {
  background-color: var(--purple-01);
}
#education-training .common-title .common-deco::after {
  background-color: var(--purple-02);
}
#education-training .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  #education-training .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
#education-training .title-p {
  font-size: 1.6rem;
  padding: 3.8rem 0 4rem 0;
}
@media screen and (max-width: 820px) {
  #education-training .title-p {
    font-size: 1.85rem;
    line-height: 3rem;
    padding: 3.4rem 0 2.7rem 0;
  }
}
#education-training .e-d-img {
  width: 100%;
  height: 100%;
  padding: 5rem 10rem;
  border: 1px solid #DDDDDD;
  border-radius: 2rem;
}
#education-training .mb-wrap {
	margin-bottom: 12rem;
}
@media screen and (max-width: 820px) {
  #education-training .e-d-img {
    padding: 2.5rem 1.5rem;
  }
	#education-training .mb-wrap {
		margin-bottom: 8rem;
	}
}
#education-training .wrapper-01 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 {
    display: block;
  }
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .top {
    margin-bottom: 5rem;
  }
}
#education-training .wrapper-01 .box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box {
	  display: block;
    width: 100%;
  }
}
#education-training .wrapper-01 .box .text {
  width: 48%;
}
#education-training .wrapper-01 .box .box-ph {
  width: 48%;
}
#education-training .wrapper-01 .box .box-ph img {
  border-radius: 2rem;
}
#education-training .wrapper-01 .box h3 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 500;
  margin: 2.6rem 0 1.5rem 0;
}
#education-training .wrapper-01 .box p {
  font-size: 1.6rem;
  line-height: 3.4rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 820px) {
#education-training .wrapper-01 .box .text {
  width: 100%;
}
#education-training .wrapper-01 .box .box-ph {
  width: 100%;
}
  #education-training .wrapper-01 .box p {
    font-size: 1.85rem;
    line-height: 3.4rem;
  }
}
#education-training .wrapper-01 .box .common-btn-long {
  height: 6rem;
  width: 26rem;
  border: 1px solid var(--purple-01);
  background-color: var(--purple-01);
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box .common-btn-long {
    width: 23rem;
  }
}
#education-training .wrapper-01 .box .common-btn-long:hover {
  background-color: #ffffff;
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box .common-btn-long:hover {
    background-color: var(--purple-01);
  }
}
#education-training .wrapper-01 .box .common-btn-long:hover a .en {
  color: var(--purple-01);
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box .common-btn-long:hover a .en {
    color: #ffffff;
  }
}
#education-training .wrapper-01 .box .common-btn-long:hover a::before {
  background-color: var(--purple-01);
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box .common-btn-long:hover a::before {
    background-color: #ffffff;
  }
}
#education-training .wrapper-01 .box .common-btn-long a {
  display: flex;
  align-items: center;
  padding: 0rem 0rem 0rem 3rem;
}
#education-training .wrapper-01 .box .common-btn-long a .en {
  font-size: 1.6rem;
  line-height: 1;
  color: #ffffff;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-01 .box .common-btn-long a .en {
    font-size: 1.8rem;
  }
}
#education-training .wrapper-02 {
  display: flex;
  justify-content: space-between;
  padding: 5rem;
  background-color: #F3F4FD;
  border-radius: 2rem;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-02 {
    flex-direction: column-reverse;
    padding: 2.5rem 2rem 3.2rem 2rem;
  }
}
#education-training .wrapper-02 .box {
  width: 51rem;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-02 .box {
    width: 100%;
  }
}
#education-training .wrapper-02 .box h3 {
  font-size: 2.6rem;
  line-height: 1;
  margin-top: 1.2rem;
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-02 .box h3 {
    margin-top: 2.9rem;
  }
}
#education-training .wrapper-02 .box p {
  font-size: 1.6rem;
  line-height: 3.4rem;
  font-weight: 400;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-02 .box p {
    font-size: 1.85rem;
  }
}
#education-training .wrapper-02 .box .end {
  margin-top: 1.2rem;
}
#education-training .wrapper-02 .ph {
  width: 42rem;
  height: 26rem;
}
@media screen and (max-width: 820px) {
  #education-training .wrapper-02 .ph {
    width: 100%;
  }
}
#education-training .wrapper-02 .ph img {
  border-radius: 2rem;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 募集要項・選考フロー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#requirements {
  position: relative;
  margin-top: 12rem;
}
@media screen and (max-width: 820px) {
  #requirements {
    margin-top: 7rem;
  }
}
#requirements .common-title {
  display: block;
  margin-bottom: 4rem;
}
#requirements .common-title .common-deco {
  font-size: 1.4rem;
}
#requirements .common-title .common-deco::before {
  background-color: var(--purple-01);
}
#requirements .common-title .common-deco::after {
  background-color: var(--purple-02);
}
#requirements .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  #requirements .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
#requirements table {
  width: 100%;
  border-collapse: collapse;
}
#requirements th, #requirements td {
  border: 1px solid var(--purple-01);
  padding: 2.2rem;
  line-height: 3rem;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 820px) {
  #requirements th, #requirements td {
    padding: 1rem;
    line-height: 2.3rem;
    white-space: normal;
  }
}
#requirements th {
  font-size: 1.6rem;
  font-weight: 500;
  background-color: #F3F4FD;
  white-space: nowrap;
  vertical-align: top;
}
#requirements td {
  font-size: 1.45rem;
  font-weight: 400;
  color: #393939;
}
@media screen and (max-width: 820px) {
  #requirements td {
    font-size: 1.55rem;
  }
}

/* 選考フロ- */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flow {
  padding: 4.8rem 0 11rem 0;
  margin-top: 12rem;
  margin-bottom: 12rem;
  background-color: #F3F4FD;
  border-radius: 8rem;
}
@media screen and (max-width: 820px) {
  #flow {
    margin-top: 8rem;
    margin-bottom: 8rem;
    border-radius: 4rem;
    padding: 4.8rem 0 6rem 0;
  }
}
#flow .common-inner .common-title {
  display: block;
  margin-bottom: 4rem;
}
#flow .common-inner .common-title .common-deco {
  font-size: 1.4rem;
}
#flow .common-inner .common-title .common-deco::before {
  background-color: var(--purple-01);
}
#flow .common-inner .common-title .common-deco::after {
  background-color: var(--purple-02);
}
#flow .common-inner .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  #flow .common-inner .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
#flow .common-inner ul {
  width: 100%;
  margin-top: 10.7rem;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul {
    margin-top: 7.5rem;
  }
}
#flow .common-inner ul li {
  position: relative;
  width: 100%;
  border: 1px solid var(--purple-01);
  border-radius: 2rem;
  padding: 6.2rem 0 4.6rem 0;
  background-color: #ffffff;
  z-index: 1;
}
#flow .common-inner ul li:nth-child(-n+5) {
  margin-bottom: 11.3rem;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li:nth-child(-n+5) {
    padding: 4.6rem 0 3rem 0;
    margin-bottom: 9rem;
  }
}
#flow .common-inner ul li:nth-child(-n+5)::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: 1px;
  height: 5rem;
  background-color: var(--purple-01);
  z-index: -1;
}
#flow .common-inner ul li .step {
  position: absolute;
  top: -7.2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  width: 10.8rem;
  height: 10.8rem;
  padding-top: 2.6rem;
  background-color: var(--purple-01);
  border-radius: 100%;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li .step {
    top: -5.3rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
    width: 8rem;
    height: 8rem;
    padding-top: 1.8rem;
  }
}
#flow .common-inner ul li .step .no {
  display: block;
  font-size: 2.5rem;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li .step .no {
    font-size: 2.3rem;
  }
}
#flow .common-inner ul li h3 {
  font-size: 2.7rem;
  line-height: 3.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li h3 {
    font-size: 2.9rem;
    line-height: 3.8rem;
    margin-bottom: 1rem;
  }
}
#flow .common-inner ul li p {
  font-size: 1.7rem;
  line-height: 3.4rem;
  text-align: center;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li p {
    font-size: 1.85rem;
    line-height: 3rem;
  }
}
#flow .common-inner ul li .mynavie-btn {
  width: 24rem;
  margin: 1.3rem auto 0 auto;
  border: 1px solid var(--blue-01);
}
#flow .common-inner ul li .mynavie-btn a {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
#flow .common-inner ul li .mynavie-btn a:hover {
  opacity: 0.5;
  transition: 0.2s;
}
@media screen and (max-width: 820px) {
  #flow .common-inner ul li .mynavie-btn a:hover {
    opacity: 1;
  }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* よくある質問 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.faq-wrappe-end {
  margin-bottom: 12rem;
}
@media screen and (max-width: 820px) {
  .faq-wrappe-end {
    margin-bottom: 7rem;
  }
}

.faq-wrappe {
  position: relative;
  margin-top: 12rem;
}
@media screen and (max-width: 820px) {
  .faq-wrappe {
    margin-top: 7rem;
  }
}
.faq-wrappe .common-title {
  display: block;
  margin-bottom: 4rem;
}
.faq-wrappe .common-title .common-deco {
  font-size: 1.4rem;
}
.faq-wrappe .common-title .common-deco::before {
  background-color: var(--purple-01);
}
.faq-wrappe .common-title .common-deco::after {
  background-color: var(--purple-02);
}
.faq-wrappe .common-title h2 {
  font-size: 3rem;
  font-weight: 500;
  margin-top: 2.2rem;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .common-title h2 {
    font-size: 3.2rem;
    margin-top: 0rem;
  }
}
.faq-wrappe .accordion li {
  border: 1px solid #DDDDDD;
  border-radius: 2rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.faq-wrappe .accordion li .accordion-header {
  position: relative;
  line-height: 3rem;
  padding: 1.7rem 1.7rem 1.7rem 4rem;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 2rem;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-header {
    padding: 1.9rem 4.5rem 1.9rem 4.5rem;
  }
}
.faq-wrappe .accordion li .accordion-header:hover {
  opacity: 0.6;
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-header:hover {
    opacity: 1;
  }
}
.faq-wrappe .accordion li .accordion-header.active::after {
  transform: rotate(-45deg);
}
.faq-wrappe .accordion li .accordion-header.active::before {
  transform: rotate(45deg);
}
.faq-wrappe .accordion li .accordion-header::before {
  transition: transform 0.3s;
  background-color: var(--purple-01);
}
.faq-wrappe .accordion li .accordion-header::after {
  transform: rotate(-90deg);
  transition: transform 0.3s;
  background-color: var(--purple-01);
}
.faq-wrappe .accordion li .accordion-header span {
  position: relative;
  font-size: 1.94rem;
  font-weight: 700;
  color: var(--purple-01);
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-header span {
    font-size: 1.9rem;
  }
}
.faq-wrappe .accordion li .accordion-header span::before {
  content: "Q.";
  position: absolute;
  top: -0.2rem;
  left: -2.3rem;
  font-size: 2rem;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-header span::before {
    font-size: 1.9rem;
    top: -0.2rem;
  }
}
.faq-wrappe .accordion li .accordion-content {
  padding: 1.7rem;
  display: none;
  border-top: 1px dashed #DDDDDD;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-content {
    padding: 1.5rem 1.9rem 1.5rem 1.9rem;
  }
}
.faq-wrappe .accordion li .accordion-content span {
  position: relative;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #313131;
  display: block;
  font-feature-settings: "palt" off;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-content span {
    line-height: 2.6rem;
  }
}
.faq-wrappe .accordion li .accordion-content span .text-link {
  position: relative;
  display: inline-block;
  transition: 0.2s;
}
.faq-wrappe .accordion li .accordion-content span .text-link:hover {
  opacity: 0.5;
  transition: 0.2s;
}
.faq-wrappe .accordion li .accordion-content span .text-link::before {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--purple-01);
}
.faq-wrappe .accordion li .accordion-content p {
  font-size: 1.5rem;
  margin-top: 1.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #313131;
  font-feature-settings: "palt" off;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-content p {
    font-size: 1.5rem;
  }
}
.faq-wrappe .accordion li .accordion-content .flow-a {
  display: block;
  color: var(--purple-01);
  font-weight: 700;
  margin-top: 2rem;
  transition: 0.3s;
}
.faq-wrappe .accordion li .accordion-content .flow-a:hover {
  opacity: 0.6;
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-content .flow-a:hover {
    opacity: 1;
  }
}
.faq-wrappe .accordion li .accordion-content .mynavi {
  width: 20rem;
  height: auto;
  margin-top: 0.5rem;
  transition: 0.3s;
}
.faq-wrappe .accordion li .accordion-content .mynavi:hover {
  opacity: 0.4;
  transition: 0.3s;
}
@media screen and (max-width: 820px) {
  .faq-wrappe .accordion li .accordion-content .mynavi:hover {
    opacity: 1;
  }
}
.faq-wrappe .accordion li .accordion-content .mynavi a {
  display: block;
  width: 100%;
  height: 100%;
}

.accordion-header::before,
.accordion-header::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 12px;
  height: 2px;
  margin: auto;
  transform: translateY(-10%);
}
@media screen and (max-width: 820px) {
  .accordion-header::before,
  .accordion-header::after {
    right: 2rem;
    width: 1.2rem;
  }
}/*# sourceMappingURL=compile.css.map */