@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#title {
  background: url("/img/faq/titleimg.jpg") center/cover no-repeat; }

#qustn .qustn__list li {
  margin-bottom: 10px;
  border-radius: 10px;
  background: #fff; }
  #qustn .qustn__list li .qustn__q-wp {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 10px 15px; }
    #qustn .qustn__list li .qustn__q-wp .qustn__q {
      flex: 0 1 10%;
      width: 10%;
      max-width: 10%;
      max-width: 40px;
      color: #4A3F8B;
      font-size: 1.6rem;
      line-height: normal; }
      @media (min-width: 375px) {
        #qustn .qustn__list li .qustn__q-wp .qustn__q {
          font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.5095541401 ); } }
      @media (min-width: 1160px) {
        #qustn .qustn__list li .qustn__q-wp .qustn__q {
          font-size: 2rem; } }
    #qustn .qustn__list li .qustn__q-wp .qustn__q-ttl {
      flex: 0 1 90%;
      width: 90%;
      max-width: 90%;
      max-width: calc(90% - 40px);
      font-size: 1.3rem; }
      @media (min-width: 375px) {
        #qustn .qustn__list li .qustn__q-wp .qustn__q-ttl {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
      @media (min-width: 1160px) {
        #qustn .qustn__list li .qustn__q-wp .qustn__q-ttl {
          font-size: 1.5rem; } }
    #qustn .qustn__list li .qustn__q-wp .qustn__q-btn {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      right: 15px;
      width: 15px;
      height: 15px; }
      #qustn .qustn__list li .qustn__q-wp .qustn__q-btn::before, #qustn .qustn__list li .qustn__q-wp .qustn__q-btn::after {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        background: #4A3F8B;
        content: "";
        transition: .4s; }
      #qustn .qustn__list li .qustn__q-wp .qustn__q-btn::before {
        height: 2px; }
      #qustn .qustn__list li .qustn__q-wp .qustn__q-btn::after {
        width: 2px;
        height: 100%; }
    #qustn .qustn__list li .qustn__q-wp.active .qustn__q-btn::after {
      transform: translate(-50%, -50%) rotate(90deg); }
  #qustn .qustn__list li .qustn__a-wp {
    display: none;
    padding: 0px 15px 10px; }
    #qustn .qustn__list li .qustn__a-wp .layout__flex {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    #qustn .qustn__list li .qustn__a-wp .qustn__a {
      flex: 0 1 10%;
      width: 10%;
      max-width: 10%;
      max-width: 40px;
      color: #DD4C00;
      font-size: 1.6rem;
      line-height: normal; }
      @media (min-width: 375px) {
        #qustn .qustn__list li .qustn__a-wp .qustn__a {
          font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.5095541401 ); } }
      @media (min-width: 1160px) {
        #qustn .qustn__list li .qustn__a-wp .qustn__a {
          font-size: 2rem; } }
    #qustn .qustn__list li .qustn__a-wp .qustn__a-txt {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      max-width: calc(100% - 40px);
      font-size: 1.3rem; }
      @media (min-width: 375px) {
        #qustn .qustn__list li .qustn__a-wp .qustn__a-txt {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
      @media (min-width: 1160px) {
        #qustn .qustn__list li .qustn__a-wp .qustn__a-txt {
          font-size: 1.5rem; } }
  #qustn .qustn__list li:last-child {
    margin-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #qustn .qustn__list li {
    margin-bottom: 20px; }
    #qustn .qustn__list li .qustn__q-wp {
      padding: 15px 25px;
      cursor: pointer; }
      #qustn .qustn__list li .qustn__q-wp .qustn__q-btn {
        right: 25px; }
    #qustn .qustn__list li .qustn__a-wp {
      padding: 0px 25px 15px; } }
/*------------------------------
		1041px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/

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