@charset "utf-8";

/*
==============
qa-sp.css
==============
*/

/* -----------------
■ 全体
------------------- */
:root {
  --designWidth: 390;
  --unit: 100vw;
  --customW: var(--designWidth);
}

img {
  width: 100%;
}




/* -----------------
■ wrapper
------------------- */
.wrapper {
  overflow: visible;
}




/* -----------------
■ list-description
------------------- */
.list-description h3 {
  margin-top: calc(6 / var(--customW) * var(--unit));
  font-size: calc(16 / var(--customW) * var(--unit));
  font-weight: normal;
  line-height: 1.17;
  letter-spacing: 0.02em;
}

.list-description .list-description__contact {
  margin-top: calc(40 / var(--customW) * var(--unit));
}

.list-description__contact a {
  display: block;
  text-decoration: underline;
}




/* -----------------
■ qa
------------------- */
.qa {
  position: relative;
  margin-top: calc(50 / var(--customW) * var(--unit));
}


/* category */
.qa-category {
  display: none;
}


/* contents */
.qa-contents {
  font-feature-settings: "palt";
}

.qa-contents-box:nth-of-type(n+2) {
  margin-top: calc(60 / var(--customW) * var(--unit));
}

.qa-contents-box__title {
  font-size: calc(16 / var(--customW) * var(--unit));
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.qa-contents-box__item {
  margin-top: calc(10 / var(--customW) * var(--unit));
  border-top: 1px solid #a6a6a6;
}

.qa-contents-box__item:last-child {
  border-bottom: 1px solid #a6a6a6;
}


/* head */
.qa-contents-box__item-head {
  display: flex;
  padding: calc(15 / var(--customW) * var(--unit)) 0;
}

.qa-contents-box__item-icon {
  width: calc(34 / var(--customW) * var(--unit));
  font-size: calc(13 / var(--customW) * var(--unit));
  font-weight: normal;
  line-height: 1.73;
  letter-spacing: 0.08em;
}

.qa-contents-box__item-text {
  font-size: calc(14 / var(--customW) * var(--unit));
  line-height: 1.73;
  letter-spacing: 0.08em;
}

.qa-contents-box__item-text a {
  text-decoration: underline;
}

.qa-contents-box__item-text img {
  height: auto;
  object-fit: cover;
}

.qa-contents-box__item-head .qa-contents-box__item-text {
  position: relative;
  width: calc(280 / var(--customW) * var(--unit));
}

.qa-contents-box__item-head .qa-contents-box__item-text::before,
.qa-contents-box__item-head .qa-contents-box__item-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-20 / var(--customW) * var(--unit));
  width: calc(10 / var(--customW) * var(--unit));
  height: 1px;
  transform: translateY(-50%);
  transition: transform .4s;
  background-color: #000;
}

.qa-contents-box__item-head .qa-contents-box__item-text::before {
  transform: rotate(90deg);
}

.qa-contents-box__item-head.is-open .qa-contents-box__item-text::before {
  transform: rotate(0deg);
}


/* body */
.qa-contents-box__item-body {
  display: none;
}

.qa-contents-box__item-body-inner {
  display: flex;
  padding: calc(15 / var(--customW) * var(--unit)) 0;
}

.qa-contents-box__item-body .qa-contents-box__item-icon {
  color: #504e4e;
}

.qa-contents-box__item-body .qa-contents-box__item-text {
  width: calc(280 / var(--customW) * var(--unit));
  color: #504e4e;
  text-align: justify;
}

.qa-contents-box__item-body .qa-contents-box__item-text p:nth-of-type(n+2) {
  margin-top: calc(20 / var(--customW) * var(--unit));
}