/* faq
------------------------------*/
.faq {
	max-width: 1120px;
	margin-bottom: 5em !important;
}

.faq-section {
    background: #fdfdfd;
	padding: 1em 0 0em 0;
}
.faq-section .section-inner {
	max-width: 740px;
}
.faq-title h2 {
	font-family: source-han-serif-japanese, serif;
    font-weight: 500;
    font-style: normal;
    color: rgb(217, 37, 0);
    font-size: clamp(1.6rem, 1.2rem + 1vw, 2.4rem);
    letter-spacing: 0.08em;
    display: block;
    margin: 1em 0px;
    text-align: center;
    position: relative;}

.faq-title h2::before {
content:"";
position:absolute;
left:50%; width:60px;
height:2px;
background:#E91E63;
bottom:-10px;
margin-left:-30px;

}
.faq {max-width:800px; margin:0 auto;}

.faq .card {background:#fff; margin-bottom:10px; border:1px solid #ddd; border-radius: 5px;}

.faq .card-header {
      padding:15px 1em 15px 1em;
      cursor:pointer;
      background:#f7f7f7;
	  background: url(../images/top2/q.png) no-repeat 1%;
      background-size: 6%;
      display: flex;
      justify-content: center;
      align-items: center;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
}
.card-header::before {
      padding:15px 1em 15px 1em;
      cursor:pointer;
      background:#f7f7f7;
      display: flex;
      justify-content: center;
      align-items: center;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    padding-left: 2em;
    background: rgba(233, 30, 99, 0.1) url(../images/top2/q.png) no-repeat 1%;
    background-size: 6%;

}
.faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 3em;
    padding-right: 0;
    font-weight: bold;
    font-size: clamp(1.35rem, 1.55rem + 0.5vw, 1.6rem);
    letter-spacing: 1px;
    color: #3B566E;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 0em;
    padding-bottom: 0em;
}

.faq .faq-title {
	margin:0;
	font-size: clamp(1.4rem, 1.1rem + 0.3vw, 1.6rem);
	font-weight:500;
}
.faq .card-body {
	padding:15px;
	display:none;
	font-size: clamp(1.35rem, 1.35rem + 0.5vw, 1.55rem);
	background: #cecece2e url(../images/top2/a.png) no-repeat 95%;
	background-size: 6%;

}
