/* CSS Document */
/*ページタイトル*/
.page_title > h2::after{
	content: "FAQ";
}
/*コンテンツ*/
.faq_wrap{
	padding: var(--headerHeight) 0 0 0;
}
body[wc-view-code="sp"] .faq_wrap{
	padding: calc(var(--headerHeight) / 2) 0 0 0;
}
.faq_wrap > p{
	line-height: 1.8rem;
	box-sizing: border-box;
}
body[wc-view-code="sp"] .faq_wrap > p{
	padding:0 7vw 0.5rem;
}
body:not([wc-view-code="sp"]) .faq_wrap > p{
	text-align: center;
}
body[wc-view-code="tb"] .faq_wrap > p{
	padding: 0 5vw 2rem;
}
body[wc-view-code="pc"] .faq_wrap > p{
	padding: 0 calc((100vw - 1100px) / 2) 2rem;
}
.swipe_inner{
	box-sizing: border-box;
	background-color: #f0f8ff;
}
body[wc-view-code="sp"] .swipe_inner{
	padding: 1.5rem 7vw;
}
body[wc-view-type="tb"] .swipe_inner{
	padding:2rem 5vw;
}
body[wc-view-type="tb-l"] .swipe_inner{
	padding:2rem 10vw;
}
body[wc-view-code="pc"] .swipe_inner{
	padding:2rem calc((100vw - 750px) / 2);
}
.swipe_inner .faq_box{
  background-color: #fff;
}
.swipe_inner .faq_box:not(:first-of-type){
  margin-top:0.5rem;
}
.swipe_inner .faq_box > dt{
  display: flex;
  padding: 0.5rem;
  box-sizing: border-box;
}
.swipe_inner .faq_box > dt .q_icon,
.swipe_inner .faq_box > dd .answer_box .a_icon{
  width: 30px;
  height: 30px;
  font-family: "Montserrat";
  line-height: 1em;
  border-radius: 0.5rem;
  flex: none;
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: calc((1em - 1lh) / 2);
  padding-bottom: 0.25rem;
  box-sizing: border-box;
  padding-right: 0.15rem;
}
body[wc-view-code="pc"] .swipe_inner .faq_box > dt .q_icon,
body[wc-view-code="pc"] .swipe_inner .faq_box > dd .answer_box .a_icon{
  width: 35px;
  height: 35px;
}
.swipe_inner .faq_box > dt .q_icon{
  background-color: var(--accentColor);
  color: #fff;
}
.swipe_inner .faq_box > dd .answer_box .a_icon{
  border: solid 1px var(--accentColor);
  color: var(--accentColor);
}
.swipe_inner .faq_box > dt p{
  font-weight: 700;
  width: calc(100% - (30px + 2.5rem));
  padding-left: 0.5rem;
  box-sizing: border-box;
  min-height: 30px;
  display: flex;
  align-items: center;
}
.swipe_inner .faq_box > dd{ 
}
.swipe_inner .faq_box > dd .answer_box{
  display: flex;
  padding: 0.5rem;
  box-sizing: border-box;
}
.swipe_inner .faq_box > dd .answer_box > div{
  background-color: #f0f8ff;
  width: calc(100% - (30px + 0.5rem));
  margin-left: auto;
  padding: 0.5rem;
  box-sizing: border-box;
}
.swipe_inner .faq_box > dd .answer_box > div .faq_list{
	padding-left: 1rem;
  box-sizing: border-box;
  list-style-position: outside;
  margin: 0.5rem 0
}
.swipe_inner .faq_box > dd .answer_box > div .faq_list li{
}
.swipe_inner .faq_box > dd .answer_box > div p{
}
.swipe_inner > article{
}
.swipe_inner > article:not(:first-of-type){
	margin-top: 1.5rem;
}
.swipe_inner > article > h2{
	font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 1.1rem;
  box-sizing: border-box;
	line-height: calc(1rem + (1em - 1lh) / 2);
	margin-bottom: 0.75rem;
}
.swipe_inner > article > h2::before{
	content: "";
  -webkit-mask-image: url("/img/svg/title_deco.svg");
  mask-image: url("/img/svg/title_deco.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--accentColor);
  width: 0.8rem;
  height: 0.9rem;
}