@charset "UTF-8";
/* CSS Document */

/*=====よくある質問=====*/
.ac {
  margin: 0 auto;
	margin-bottom: 80px;
}
.ac > li {
  padding-bottom: 30px;
  list-style: none;
}
.ac-label  {
  cursor: pointer;
  color: #2852AA;
  text-align: left;
  position: relative;
  background: #F7F7F7;
	padding: 20px;
	font-size: 2.2rem;
	line-height: 2.0;
}
.ac-label p {
	margin-left:50px;
	font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}
.ac-label p::before {
  position: absolute;
  left: 20px;
	top: 50%;
  transform: translatey(-50%);
  content: "Q";
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 4.3rem;
}
.ac-content {
  display: none;
  padding: 20px 8px;
	font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	font-size: 1.8rem;
	line-height: 2.0;
}
.icon-wrap {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translatey(-50%);
  width: 38px;
  height: 38px;
}
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #2852AA;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/*＋、－切り替え*/
.icon.open:before {

	display: none;
}

.icon.open:after {
  content: "";
  position: absolute;
  right: 50px;
  left: 20%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 2px #2852AA;
  border-right: solid 2px #2852AA;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #F7F7F7;
}
}
@media screen and (max-width: 769px) {

}