@charset "UTF-8";
/*! Writen	by SCSS */
.color_red {
  color: #781f1e !important; }

@media screen and (max-width: 480px) {
  .ta_l_sp {
    text-align: left !important; } }

.font {
  font-size: clamp(20px, 2vw, 24px); }

.kvWrap img {
  max-width: 100%;
  width: 100%; }

#qa_page .sec_ttl {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 480px) {
    #qa_page .sec_ttl {
      flex-direction: column; } }
  #qa_page .sec_ttl::before {
    content: "";
    position: absolute;
    inset: 0;
    right: -50%;
    margin: auto; }
    @media screen and (max-width: 980px) {
      #qa_page .sec_ttl::before {
        right: 0; } }
  #qa_page .sec_ttl.ttl1::before {
    background: #62242e; }
  #qa_page .sec_ttl.ttl2::before {
    background: #6e6a2e; }
  #qa_page .sec_ttl.ttl3::before {
    background: #895837; }
  #qa_page .sec_ttl .sec_img {
    width: 480px;
    margin-left: 25px; }
    @media screen and (max-width: 980px) {
      #qa_page .sec_ttl .sec_img {
        width: calc(480%/9.8);
        margin-left: calc(25%/9.8); } }
    @media screen and (max-width: 480px) {
      #qa_page .sec_ttl .sec_img {
        width: calc(100% - 30px);
        padding: 15px 0 0;
        margin: 0 auto; } }
  #qa_page .sec_ttl .sec_txts {
    padding-left: 35px;
    position: relative;
    z-index: 2;
    width: calc(100% - 505px); }
    @media screen and (max-width: 980px) {
      #qa_page .sec_ttl .sec_txts {
        width: calc(500%/9.8);
        padding-left: calc(25%/9.8); } }
    @media screen and (max-width: 480px) {
      #qa_page .sec_ttl .sec_txts {
        width: 100%;
        padding: 15px 0 0; } }
    #qa_page .sec_ttl .sec_txts p {
      font-family: YakuHanMP, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif; }
      @media screen and (max-width: 480px) {
        #qa_page .sec_ttl .sec_txts p {
          text-align: center; } }
    #qa_page .sec_ttl .sec_txts .txt1 {
      color: #fff;
      font-size: clamp(13px, 1.66vw, 16px);
      line-height: 1;
      position: relative;
      padding-bottom: 1em; }
      @media screen and (max-width: 480px) {
        #qa_page .sec_ttl .sec_txts .txt1 {
          font-size: calc(16vw/3.9);
          padding-bottom: 8px;
          margin-bottom: 8px; } }
      #qa_page .sec_ttl .sec_txts .txt1::after {
        content: "";
        position: absolute;
        inset: 0;
        right: -100%;
        top: auto;
        margin: auto;
        background: #fff;
        height: 1px; }
    #qa_page .sec_ttl .sec_txts .txt2 {
      color: #fff;
      font-size: clamp(30px, 6.25vw, 60px);
      line-height: 1;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 480px) {
        #qa_page .sec_ttl .sec_txts .txt2 {
          font-size: calc(40vw/3.9); } }
      #qa_page .sec_ttl .sec_txts .txt2 .min {
        font-size: clamp(20px, 4.16vw, 40px); }
        @media screen and (max-width: 480px) {
          #qa_page .sec_ttl .sec_txts .txt2 .min {
            font-size: calc(20vw/3.9); } }

.answerBox p span {
  color: #333; }
  .answerBox p span.b {
    font-size: 180%;
    font-feature-settings: "palt";
    display: block;
    margin-bottom: 0.3em;
    line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .answerBox p span.b {
        font-size: 130%;
        margin-bottom: 0.5em; } }
  .answerBox p span.c {
    color: #e60012; }

@media screen and (max-width: 480px) {
  .answerBox p {
    padding-left: 30px; }
    .answerBox p br {
      display: none; } }

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