/*

	boxsizing settings

**************************************************/
#bottom_nav {
  margin-top: 60px; }
  @media (max-width: 767px) {
    #bottom_nav {
      margin-top: 14.0625vw; } }

.sec_body > p {
  margin-bottom: 40px;
  font-size: 14px; }
@media (max-width: 767px) {
  .sec_body > p {
    margin-bottom: 9.375vw;
    font-size: 4.375vw; } }

.faq {
  padding: 20px 0 20px;
  border-top: 1px solid #c4c4c4; }
  .faq:last-child {
    border-bottom: 1px solid #c4c4c4; }
  .faq_head {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 46px; }
    .faq_head p {
      width: calc( 100% - 120px );
      font-size: 14px;
      line-height: 22px;
      letter-spacing: .9px;
      font-weight: bold; }
    .faq_head:before {
      width: 30px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -15px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #746f61;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      align-items: center;
      content: "Q"; }
  .faq_body {
    display: none;
    position: relative;
    padding-top: 20px;
    padding-left: 46px; }
    .faq_body:before {
      position: absolute;
      top: 15px;
      left: 0;
      width: 30px;
      height: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #d81616;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      align-items: center;
      content: "A"; }
    .faq_body p {
      font-size: 14px;
      line-height: 22px; }
      .faq_body p + * {
        margin-top: 15px; }
  .faq_links li {
    font-size: 14px;
    line-height: 22px; }
    .faq_links li a {
      padding-left: 12px;
      position: relative; }
      .faq_links li a:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #d71414;
        content: ""; }
    .faq_links li + li {
      margin-top: 8px; }
  .faq_trigger {
    margin-left: auto;
    width: 100px;
    font-size: 14px;
    text-align: right;
    position: relative;
    padding-right: 26px;
    cursor: pointer; }
    .faq_trigger:after {
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      width: 7px;
      height: 7px;
      margin-top: -7px;
      border-top: solid 2px #d71414;
      border-right: solid 2px #d71414;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      content: ""; }
    .faq_trigger.active:after {
      margin-top: -2px;
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg); }
  .faq_foot {
    display: none; }
  @media (max-width: 767px) {
    .faq {
      padding: 6.25vw 0 6.25vw; }
      .faq_head p {
        width: 100%;
        box-sizing: border-box;
        padding-left: 2.5vw;
        font-size: 4.375vw;
        line-height: 6.875vw; }
      .faq_head:before {
        top: 4.6875vw;
        width: 9.375vw;
        height: 9.375vw;
        font-size: 5vw; }
      .faq_body {
        padding-top: 6.25vw;
        padding-left: 11.875vw; }
        .faq_body:before {
          top: 4.6875vw;
          width: 9.375vw;
          height: 9.375vw;
          font-size: 5vw; }
        .faq_body p {
          font-size: 4.375vw;
          line-height: 6.875vw; }
          .faq_body p + * {
            margin-top: 4.6875vw; }
      .faq_links li {
        font-size: 4.375vw;
        line-height: 6.875vw; }
        .faq_links li a {
          padding-left: 3.75vw;
          display: block; }
          .faq_links li a:before {
            top: 1.5625vw;
            transform: translateY(0%);
            border-width: 1.25vw 0 1.25vw 1.875vw; }
        .faq_links li + li {
          margin-top: 8px; }
      .faq_foot {
        display: block;
        margin-top: 4.0625vw; }
      .faq_trigger {
        font-size: 4.375vw;
        width: auto;
        padding-right: 9.375vw; }
        .faq_trigger.is_pc {
          display: none; }
        .faq_trigger:after {
          display: block;
          position: absolute;
          top: 50%;
          right: 3.125vw;
          width: 2.1875vw;
          height: 2.1875vw;
          margin-top: -2.1875vw;
          border-top: solid 0.625vw #d71414;
          border-right: solid 0.625vw #d71414; } }
