/*background image*/
/*flex*/
/*hover base anim*/
/*custom anim*/
/*liner anim*/
/*content data-text*/
/* text indent letter spaxing*/
/*serif font*/
/*san_serif font*/
/*google font*/
/*shadow*/
/**/
@keyframes bgdraw {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(1) translateX(100%); } }

.faq_contents .page_contents {
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  margin-bottom: 98px; }
  .faq_contents .page_contents .cont_in {
    max-width: 1644px; }
  .faq_contents .page_contents:last-child {
    margin-bottom: 132px; }
  .faq_contents .page_contents .md {
    font-size: 39px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1em; }
  .faq_contents .page_contents .item {
    margin-bottom: 21px;
    font-size: 22px; }
    .faq_contents .page_contents .item:last-child {
      margin-bottom: 0px; }
    .faq_contents .page_contents .item dt .item_in,
    .faq_contents .page_contents .item dd .item_in {
      display: flex;
      justify-content: space-between;
      padding: 28px 34px;
      line-height: 1.65; }
      .faq_contents .page_contents .item dt .item_in .icon,
      .faq_contents .page_contents .item dd .item_in .icon {
        margin-right: 1em;
        font-size: 22px; }
      .faq_contents .page_contents .item dt .item_in .faq_md,
      .faq_contents .page_contents .item dd .item_in .faq_md {
        padding-right: 58px;
        flex: 1; }
      .faq_contents .page_contents .item dt .item_in .faq_cont,
      .faq_contents .page_contents .item dd .item_in .faq_cont {
        flex: 1; }
    .faq_contents .page_contents .item dt {
      font-weight: normal;
      cursor: pointer; }
      .faq_contents .page_contents .item dt .item_in {
        position: relative;
        background-color: #F9F9F9;
        transition: .3s; }
        .faq_contents .page_contents .item dt .item_in .arrow {
          position: absolute;
          right: 28px;
          top: 50%;
          width: 41px;
          height: 41px;
          border: solid 1px #707070;
          box-sizing: border-box;
          border-radius: 50%;
          transition: .3s;
          transform: translateY(-50%); }
          .faq_contents .page_contents .item dt .item_in .arrow:before,
          .faq_contents .page_contents .item dt .item_in .arrow:after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 16px;
            height: 1px;
            background-color: #707070;
            margin-top: -.5px;
            margin-left: -8px;
            transform-origin: center;
            transition: .3s; }
          .faq_contents .page_contents .item dt .item_in .arrow:after {
            transform: rotate(-90deg); }
      .faq_contents .page_contents .item dt:hover .item_in {
        background-color: #f4f4f4; }
    .faq_contents .page_contents .item dd {
      max-height: 0;
      opacity: 0;
      line-height: 0;
      transition: .3s; }
      .faq_contents .page_contents .item dd .item_in {
        font-size: 20px;
        border: solid 1px #707070;
        border-top: none;
        box-sizing: border-box; }
    .faq_contents .page_contents .item.active dt .item_in {
      background-color: #707070;
      color: #fff; }
      .faq_contents .page_contents .item.active dt .item_in .arrow {
        border-color: #fff; }
        .faq_contents .page_contents .item.active dt .item_in .arrow:before,
        .faq_contents .page_contents .item.active dt .item_in .arrow:after {
          background-color: #fff; }
        .faq_contents .page_contents .item.active dt .item_in .arrow:after {
          transform: rotate(0deg); }
    .faq_contents .page_contents .item.active dd {
      max-height: 9999px;
      line-height: 1.73;
      opacity: 1; }
  @media screen and (max-width: 768px) {
    .faq_contents .page_contents {
      margin-bottom: 52px !important; }
      .faq_contents .page_contents .md {
        font-size: 20px; }
      .faq_contents .page_contents .item {
        font-size: 15px;
        margin-bottom: 14px; }
        .faq_contents .page_contents .item dt .item_in,
        .faq_contents .page_contents .item dd .item_in {
          padding: 16px 22px; }
          .faq_contents .page_contents .item dt .item_in .icon,
          .faq_contents .page_contents .item dd .item_in .icon {
            font-size: 15px; }
        .faq_contents .page_contents .item dt .item_in .faq_md {
          padding-right: 35px;
          flex: 1;
          line-height: 1.3; }
        .faq_contents .page_contents .item dt .item_in .icon {
          line-height: 1.3; }
        .faq_contents .page_contents .item dt .item_in .arrow {
          right: 16px;
          width: 22px;
          height: 22px; }
          .faq_contents .page_contents .item dt .item_in .arrow:before,
          .faq_contents .page_contents .item dt .item_in .arrow:after {
            width: 10px;
            margin-left: -5px; }
        .faq_contents .page_contents .item dd .item_in {
          font-size: 13px; } }