@charset "UTF-8";

.bg {background-color: #F8F5F4;}
.faq {padding: 0;}

/* ------ */
/* - pc - */

@media (min-width: 1001px) {

/* #mainvisual{
width: 100%; height: 593px;position: relative;} */
#mainvisual picture{
    width: 100%;
    /* height: 593px; */
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#mainvisual .mv picture img {
    min-width: 100%;
    height: 593px;
    -o-object-fit: cover;
    object-fit: cover;
}
#mainvisual .catch {
    width: 100%;
    height: 593px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}/**/

#contents {
  /* margin-top:1.5em; */
  margin-top: -45vw;
  padding-top: 0;
}
.faq__ttl{padding:110px 0 70px;}

}

/* ------ */
/* - sp - */

@media (max-width: 1000px) {

header .logo {
    width: calc(700 / 750 * 100vw);
    position: absolute;
    top: calc(130 / 750 * 100vw);
   /* left: calc(50% - calc(350/ 750 * 100vw));*/
}
.mv li {
  display: block;
  width: 100%;
  height: 200px;
  background: url(../images/mv_sp.jpg) no-repeat;
  background-size: cover;
  background-position: center -130px;
}
/* #mainvisual .mv picture img {
    min-width: 100%;
    height: 593px;
    -o-object-fit: cover;
    object-fit: cover;
}
 #mainvisual picture {
     position: relative;
    margin:5em 0 4em 0;
    width:100%;
    height: 180px; }

#mainvisual picture img{width:100%;} */

.page__nav {
  margin-top: -20vw;
  font-size: 1.5rem;
  line-height: 2.2;
}

#contents {
    margin-top: 0em;}
.faq__item { padding: 40px 20px 70px;}
.faq__ttl { padding: 50px 0 30px;}

.faq__item dl dt,
.faq__item dl dd  {
  font-size: 1.0rem;
}

.faq__item dt::before {
  content: "Q.";
  font-size: 1.0rem;
}

.faq__item dd::before {
  content: "A.";
  font-size: 1.0rem;
}
}