@charset "UTF-8";
/*!
Theme Name: leacraft_renewal
Template: habakiri
*/
/* ここから下に書いていく */
/* よくある質問 */
#question{
  background-color: #FFF7E7;
}
#question h2{
  font-size:5vw;
  color:#5271FF;
  margin:0 auto;
  text-align: center;
}
.question-list{
  display:flex;
  flex-wrap: wrap;
  width:80%;
  margin:5vw auto;
  justify-content: space-between;
  gap: 3vw;
  font-size:3.5vw;
  padding:5vw 5vw;
  border-bottom: #5271FF dashed .3vw;
}
/* .question-list a{
  width:45%;
  color:#5271FF;
  text-decoration: none;
  text-align: center;
  border:#5271FF solid 1vw;
  margin: 0 auto;
  border-radius: 1.5vw;
  background-color: #fff;
  padding:3vw 1vw; 
} */
.question-list a {
  background-color: #fff;
  color:#5271FF;
  overflow: hidden;
  position: relative;
  transition-duration: .4s;
  z-index: 2;
  width:45%;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  border-radius: 1.5vw;
  padding:3vw 1vw; 
  border:#5271FF solid 1vw;
}
.question-list a::after {
  background: #5271FF;
  border-radius: 50%;
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity .5s, transform 0s;
  transition-delay: 0s, .4s;
}

.question-list a:hover {
  color: #fff;
}
.question-list a:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}
.question-title{
  color:#5271FF;
  font-size: 4vw;
  font-weight: 400;
  border-bottom:#5271FF solid .3vw;
  width:60%;
  margin:5% auto 3% auto;
  padding:0 5%;
  position: relative;
  text-align: center;
}
.question-title::before,
.question-title::after {
  content: "";
  position: absolute;
  bottom: -.6vw; /* 位置調整。border 太さにより調整 */
  width: 1vw;
  height: 1vw;
  background: #fff;
  border:#5271FF solid .3vw;
  transform: rotate(45deg); /* 90°傾けてひし形にする */
}

.question-title::before {
  left: 0;
}

.question-title::after {
  right: 0;
}
.qa-box {
  border-bottom: solid .3vw #BBB7B7;
  width:85%;
  margin: 0 auto;
  font-size:2.5vw;
  padding: 3vw 2vw;
}

.question-box {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-bottom: 1vw;
}

.q-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width:5vw;
  height: 5vw;
  background: #5271FF;
  color: #fff;
  border-radius: 50%;
  margin-right: 3vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.qa-question {
  color: #000;
  font-weight: bold;
  width:80%;
}

.answer-box {
  display: flex;
  align-items: center;
  padding-top:1vw;
  border-top:#BBB7B7 dotted .3vw;
}

.a-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  background: #fa6868;
  color: #fff;
  border-radius: 50%;
  margin-right: 3vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.qa-answer {
  color: #000;
  width:90%;
}
.qa-contact{
  font-size:2vw;
  color:#000;
  padding:3vw;
  width:85%;
  margin:0 auto;
}
.pdf{
  color:#000;
}
.pdf:hover{
  color:#5271FF;
}