@charset "utf-8";
/*! ==========================================================================
   faq
   ========================================================================== */


/* ==========================================================================
   mainvisual
   ========================================================================== */
.mainvisual {
	background-image: url(../img/mainvisual_bg_sp.png);
}

@media screen and (min-width: 769px) {
	.mainvisual {
		background-image: url(../img/mainvisual_bg.jpg);
	}
}


/* ==========================================================================
   faq
   ========================================================================== */
.faq {
	padding: 10px 30px 70px;
}
@media screen and (min-width: 769px) {
	.faq {
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width: 1601px) {
	.faq{
		padding: 0;
	}
}

.accordion_cp {
  font-family: "Zen Kaku Gothic New", sans-serif;
  background-color: #ffffff;
	border: 1px solid #787878;
  border-radius: 6px;
  margin: 20px 0 0 0;
}
.accordion_cp-header {
	font-size: 1.4rem;
  color: #787878;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 20px;
  padding: 15px 32px 15px 28px;
  position: relative;
}
.accordion_cp-header::before {
  content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 16px;
	height: 2px;
  background-color: #3acbc6;
}
.accordion_cp-header::after {
  content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translate(0, -50%);
	width: 2px;
	height: 16px;
  background-color: #3acbc6;
}
details.accordion_cp[open] .accordion_cp-header:after {
  display: none;
}
.accordion_cp-header p {
  position: relative;
}
.accordion_cp-header p::before {
  content: "Q";
	display: inline-block;
	position: absolute;
	top: -4px;
	left: -28px;
  font-family: "Shippori Mincho", serif;
  font-size: 19px;
  color: #787878;
}
.accordion_cp-inner {
  font-size: 1.3rem;
  color: #787878;
  border-top: 1px solid #dcdcdc;
  margin: 0 20px;
  padding: 20px 0 5px 28px;
  position: relative;
}
.accordion_cp-inner p {
  position: relative;
  padding: 0 0 1em;
}
.accordion_cp-inner p:first-child::before {
  content: "A";
	display: inline-block;
	position: absolute;
	top: -4px;
	left: -28px;
  font-family: "Shippori Mincho", serif;
  font-size: 19px;
  color: #787878;
}
@media screen and (min-width: 769px) {
  .accordion_cp {
    max-width: 900px;
    margin: 20px auto 0;
  }
  .accordion_cp-header {
    font-size: 1.6rem;
    margin: 0;
    height: 90px;
    padding: 15px 80px;
  }
  .accordion_cp-header::before {
    right: 40px;
    width: 30px;
    height: 2px;
    background-color: #3acbc6;
  }
  .accordion_cp-header::after {
    top: 50%;
    right: 54px;
    width: 2px;
    height: 30px;
  }
  .accordion_cp-header p::before {
    top: -10px;
    left: -40px;
    font-size: 2.6rem;
  }
  .accordion_cp-inner {
    font-size: 1.4rem;
    margin: 0 40px;
    padding: 20px 0 5px 40px;
  }
  .accordion_cp-inner p {
    padding: 0 0 1em;
  }
  .accordion_cp-inner p:first-child::before {
    top: -10px;
    left: -40px;
    font-size: 2.6rem;
  }
}