@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed {
  0% {
    transform: translateY(-80px); }
  100% {
    transform: translateY(0px); } }
@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
#faq {
  background: #F2F2F2; }

.header {
  background: #fff; }
  .header .header__wrap {
    height: 100px; }
  .header .header__logo {
    top: 50%; }
    .header .header__logo .header__logo-img {
      display: none; }
    .header .header__logo .header__logo-img-on {
      flex: 0 1 25%;
      width: 25%;
      max-width: 25%;
      display: block; }
  .header .header__menu-btn span {
    background: #2E2E2E; }
  .header .header__title {
    color: #737373; }
  .header .header__menu-nav .active {
    color: #737373; }
  .header .header__contact {
    right: 0; }

.open .header .header__menu-btn {
  background: #2E2E2E;
  height: 65px;
  width: 65px; }
  .open .header .header__menu-btn span {
    background: #fff; }

#contents {
  display: block;
  margin-top: 100px; }

.titleimg {
  background: url("/img/faq/titleimg.jpg") center/cover no-repeat; }
  .titleimg .titleimg__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 2; }
    .titleimg .titleimg__wrap .titleimg__en-ttl {
      font-size: 2.4rem;
      letter-spacing: 0.1em; }
      @media (min-width: 769px) {
        .titleimg .titleimg__wrap .titleimg__en-ttl {
          font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 2.5974025974 ); } }
      @media (min-width: 1000px) {
        .titleimg .titleimg__wrap .titleimg__en-ttl {
          font-size: 3rem; } }
    .titleimg .titleimg__wrap .titleimg__ttl {
      font-size: 1.4rem; }
      @media (min-width: 769px) {
        .titleimg .titleimg__wrap .titleimg__ttl {
          font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.8658008658 ); } }
      @media (min-width: 1000px) {
        .titleimg .titleimg__wrap .titleimg__ttl {
          font-size: 1.6rem; } }

.faq .faq__txt {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 35px;
  letter-spacing: 0.05em; }
  @media (min-width: 769px) {
    .faq .faq__txt {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
  @media (min-width: 800px) {
    .faq .faq__txt {
      font-size: 1.5rem; } }
.faq .faq__wp {
  margin-bottom: 10px; }
  .faq .faq__wp .faq__ques {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    padding: 25px;
    background: #fff;
    transition: .3s;
    cursor: pointer; }
    .faq .faq__wp .faq__ques .faq__ques-en {
      flex: 0 1 25px;
      width: 25px;
      max-width: 25px;
      font-size: 1.6rem; }
    .faq .faq__wp .faq__ques .faq__ques-txt {
      flex: 0 1 calc(80% - 30px);
      width: calc(80% - 30px);
      max-width: calc(80% - 30px); }
    .faq .faq__wp .faq__ques::after {
      position: absolute;
      content: "";
      top: 40%;
      right: 30px;
      width: 15px;
      height: 15px;
      border-bottom: solid 2px #2E2E2E;
      border-left: solid 2px #2E2E2E;
      transform: rotate(-45deg) translate(0, -50%);
      transition: .3s; }
    .faq .faq__wp .faq__ques.active {
      transition: .3s; }
      .faq .faq__wp .faq__ques.active::after {
        top: 35%;
        right: 40px;
        transform: rotate(-225deg) translate(0, -50%);
        transition: .3s; }
  .faq .faq__wp .faq__answ {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    display: none;
    padding: 25px;
    background: #fff; }
    .faq .faq__wp .faq__answ .fap__answ {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .faq .faq__wp .faq__answ .fap__answ .faq__answ-en {
        flex: 0 1 25px;
        width: 25px;
        max-width: 25px;
        font-size: 1.6rem;
        font-weight: normal;
        font-family: "Raleway medium" , sans-serif; }
      .faq .faq__wp .faq__answ .fap__answ .faq__answ-txt {
        font-size: 1.4rem;
        flex: 0 1 calc(100% - 30px);
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        font-family: "Yu Gothic Pr6N M", "游ゴシック体 Pr6N M", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif;
        text-align: justify; }
        @media (min-width: 769px) {
          .faq .faq__wp .faq__answ .fap__answ .faq__answ-txt {
            font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
        @media (min-width: 800px) {
          .faq .faq__wp .faq__answ .fap__answ .faq__answ-txt {
            font-size: 1.5rem; } }
    .faq .faq__wp .faq__answ::after {
      position: absolute;
      content: "";
      display: block;
      top: 0;
      left: 50%;
      width: 90%;
      height: 1px;
      background: #DBDBDB;
      transform: translate(-50%, 0); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .faq .faq__txt {
    margin-bottom: 50px; }
  .faq .faq__wp .faq__ques::after {
    width: 12px;
    height: 12px; }
  .faq .faq__wp .faq__answ::after {
    width: 95%; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */