@charset "UTF-8";


/*-----------------------------
pagename
-----------------------------*/
.pagename__h2 {
  color: #ae9775;
}
.pagename__h2 span {
	background:#ae9775;
}

/*-------------------------------
pagemenu
-------------------------------*/
.page__menu {
  display: flex;
  max-width: 1200px;
  min-height: 200px;
  margin: 30px auto 0;
  flex-wrap: wrap;
  align-content: space-between;
  ;
}

.page__menu__item {
  width: calc(90%/4);
  margin: 0 1% 30px;
  padding: 20px 0;
  border: #ae9775 2px solid;
  text-align: center;
	border-radius:10px;
}

.page__menu__item a {
  display: block;
  color: #000;
}

.page__menu__arrows {
  width: 20px;
  height: 20px;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #ae9775 #ae9775;
  transform: rotate(-45deg);
}

.question__inner {
  padding-top: 95px;
  margin-top: -95px;
}

@media screen and (max-width:800px) {
  .page__menu {
    height: 380px;
  }

  .page__menu__item {
    width: calc(92%/3);
    margin: 8px;
  }
}

@media screen and (max-width:480px) {
  .page__menu {
    height: 400px;
    justify-content: center;
  }

  .page__menu__item {
    width: calc(90%/2);
    margin: 5px;
  }
}

/*-------------------------------
question
-------------------------------*/
.question {
  max-width: 1000px;
  margin: 30px auto 60px;
  padding: 20px;
}

.question__h3 {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: #ae9775 2px solid;
  font-size: 30px;
}

/*アコーディオンメニュー*/
.accordion-container{
	background:#f5f1eb;
	border-radius:10px;
  padding: 20px;
}
.accordion-container .accordion-title {
  position: relative;
  margin: -2px 0 0 0;
  padding: 20px;
  font-size: 1.2em;
  font-weight: normal;
  color: #000;
  cursor: pointer;
  border-bottom: #a6adb2 3px solid;
}
.accordion-container .accordion-title span {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  left: 10px;
  color: #348dcc;
  font-size: 2rem;
	font-weight:bolder;
	vertical-align:middle;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #ae9775;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #ae9775;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  margin-top: -1px;
  padding: 20px;
	border-top:none;
	background:#fff;
}
.accordion-content span {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  color: #f5c33b;
  font-size:1.5rem;
	font-weight:bolder;
}
.accordion-content p {
  padding-left:1.8em;
	text-indent:-1.8em;
}

@media screen and (max-width:800px) {
  .question__inner {
    padding-top: 80px;
    margin-top: -80px;
  }
}

@media screen and (max-width:480px) {
	.question__h3 {
		font-size: 1.5rem;
	}
  .accordion-container .accordion-title {
    padding: 15px 50px 15px 15px;
		font-size:1.1rem;
  }
	.accordion-container .accordion-title span {
		font-size:1.3rem;
	}
	.accordion-content span {
		font-size:1rem;
	}
}