<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
/* top
---------------------------------------------------*/
body {
  position: relative; }
  body .footerBtn {
    display: block;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 66px;
    height: 66px;
    margin-bottom: 10px;
    z-index: 20; }
  body .pc {
    display: block; }
  body .sp {
    display: none; }
  body a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; }
  body a:hover {
    opacity: 0.8; }
  body button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none; }
  body .remodal-wrapper {
    background-color: rgba(78, 52, 13, 0.6);
    color: #594c26; }
    body .remodal-wrapper img {
      margin: auto; }
    body .remodal-wrapper .remodal-is-initialized {
      width: 840px;
      padding: 30px 0;
      text-align: left; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox {
        background: url(../img/pc/back_img02.webp) repeat top center;
        border-radius: 6px;
        padding: 30px 60px; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox h2 {
          text-align: center;
          width: 100%;
          padding: 20px 0 40px;
          background: url(../img/pc/voiceModal_back01.webp) no-repeat bottom center;
          margin-bottom: 20px; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox h2 img {
            margin: 0 auto; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox h3 img {
          margin: 30px auto; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .attention02 {
          margin: 20px 0; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox {
          padding: 20px;
          border-right: 6px;
          background: #FFFFFF; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox img {
            margin: 20px auto; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox ul li {
            background: url(../img/pc/voiceModal_back03.webp) no-repeat left 10px;
            padding-left: 10px;
            margin: 5px 10px; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .txtBox {
          margin-top: 20px; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .txtBox span {
            font-size: 30px;
            line-height: 1.1;
            background: url(../img/pc/line_flow.webp) repeat-x center left;
            margin: 20px 0; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox {
          background: url(../img/pc/voiceModal_back02.webp) no-repeat bottom center;
          padding-bottom: 35px;
          margin: 30px 0; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox .box {
            border: 3px #c19762 solid;
            padding: 30px;
            border-radius: 6px;
            text-align: center; }
            body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox .box img {
              margin: 10px auto; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .entryBtn img {
          margin: auto; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .tableBox {
          border: #e1e5eb 1px solid;
          background-color: #FFFFFF; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .tableBox dt {
            background: #e1e5eb;
            padding: 20px;
            color: #2e769c;
            font-weight: bold; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .tableBox ul {
            padding: 10px; }
            body .remodal-wrapper .remodal-is-initialized .remodalBox .tableBox ul li {
              background: url(../img/pc/voiceModal_back03.webp) no-repeat left 5px;
              padding-left: 10px;
              margin: 10px;
              float: left; }
            body .remodal-wrapper .remodal-is-initialized .remodalBox .tableBox ul:after {
              content: "";
              clear: both;
              display: block; }
      body .remodal-wrapper .remodal-is-initialized button.remodal-close {
        margin: 20px auto;
        display: block;
        text-align: center;
        background: none;
        border: none; }
        body .remodal-wrapper .remodal-is-initialized button.remodal-close img {
          margin: auto; }

#mainImgBox {
  position: relative;
  background: url(../img/pc/back_img01.webp) repeat; }
  #mainImgBox #mainImg {
    position: relative;
    width: 100%;
    /* 画像の横幅に合わせて記述 */
    height: 750px;
    /* 画像の高さに合わせて記述 */ }
    #mainImgBox #mainImg p {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8;
      opacity: 0.0;
      text-align: center;
      width: 100%; }
      #mainImgBox #mainImg p img {
        margin: 0 auto; }
      #mainImgBox #mainImg p.active {
        z-index: 10;
        opacity: 1.0; }
      #mainImgBox #mainImg p.last-active {
        z-index: 9; }
      #mainImgBox #mainImg p.mainImg01 {
        background-color: #d0c2b3; }
      #mainImgBox #mainImg p.mainImg02 {
        background-color: #f6f4f0; }
      #mainImgBox #mainImg p.mainImg03 {
        background-color: #fefefd; }
  #mainImgBox #logo {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%; }
    #mainImgBox #logo h1 {
      position: relative;
      margin: 0 auto;
      width: 900px; }
      #mainImgBox #logo h1 p {
        background: url(../img/pc/logo_back.webp) no-repeat top left;
        padding: 20px 30px; }
        #mainImgBox #logo h1 p img {
          width: 209px; }
  #mainImgBox #mainIcon {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -140px;
    text-align: center;
    z-index: 10; }
    #mainImgBox #mainIcon h2 {
      margin-top: 40px; }
  #mainImgBox #mainBox {
    position: relative;
    z-index: 10;
    margin-top: -325px;
    width: 100%;
    background: url(../img/pc/back_mainBox.webp) repeat-x;
    padding-bottom: 80px; }
    #mainImgBox #mainBox .copyBox {
      background-color: rgba(255, 255, 255, 0.5);
      width: 100%;
      margin-bottom: 30px; }
      #mainImgBox #mainBox .copyBox ul {
        width: 855px;
        margin: 0 auto; }
        #mainImgBox #mainBox .copyBox ul li {
          display: inline-block;
          margin: 15px 0; }
    #mainImgBox #mainBox a {
      width: 590px;
      margin: 0 auto 20px auto;
      display: block; }

#contentBox {
  background: url(../img/pc/content_line01.webp) no-repeat top center;
  padding-top: 41px;
  z-index: 11;
  position: relative;
  margin-top: -80px; }
  #contentBox .reasontBox .reasontWap01 {
    background-image: url(../img/pc/content_line01_2.webp), url(../img/pc/back_img02.webp);
    background-position: top center, top center;
    background-repeat: no-repeat, repeat;
    padding-top: 33px; }
    #contentBox .reasontBox .reasontWap01 .reasont01 {
      width: 900px;
      margin: 0 auto;
      margin-top: -70px; }
      #contentBox .reasontBox .reasontWap01 .reasont01 .box {
        background: url(../img/pc/reason_img01.webp) bottom left no-repeat;
        margin: 0 30px;
        padding: 100px 0 80px 237px; }
  #contentBox .reasontBox .reasontWap02 {
    background: url(../img/pc/content_line02.webp) top center no-repeat;
    margin-top: -26px;
    padding-top: 26px;
    position: relative; }
    #contentBox .reasontBox .reasontWap02 .reasont02 {
      background: url(../img/pc/back_img03.webp) top center repeat; }
      #contentBox .reasontBox .reasontWap02 .reasont02 .box {
        background: url(../img/pc/reason_img05.webp) right 60px no-repeat;
        width: 540px;
        margin: 0 auto;
        padding: 60px 310px 40px 0; }
        #contentBox .reasontBox .reasontWap02 .reasont02 .box h3 {
          margin-bottom: 20px; }
  #contentBox .reasontBox .reasontWap03 {
    background: url(../img/pc/content_line03_01.webp) top center no-repeat;
    margin-top: -12px;
    padding-top: 12px;
    position: relative; }
    #contentBox .reasontBox .reasontWap03 .reasont03 {
      background: url(../img/pc/content_line03_02.webp), url(../img/pc/back_img02.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .reasontBox .reasontWap03 .reasont03 .box {
        background: url(../img/pc/reason_img02.webp) center left no-repeat;
        width: 560px;
        padding: 90px 0 90px 330px;
        margin: 0 auto;
        margin-top: -85px; }
        #contentBox .reasontBox .reasontWap03 .reasont03 .box h3 {
          margin-bottom: 20px; }
  #contentBox .reasontBox .reasontWap04 {
    background: url(../img/pc/content_line04_01.webp) top center no-repeat;
    margin-top: -31px;
    padding-top: 31px;
    margin-top: -38px;
    position: relative; }
    #contentBox .reasontBox .reasontWap04 .reasont04 {
      background: url(../img/pc/content_line04_02.webp), url(../img/pc/back_img03.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .reasontBox .reasontWap04 .reasont04 .box {
        background: url(../img/pc/reason_img03.webp) bottom right no-repeat;
        width: 540px;
        padding: 86px 310px 70px 0;
        margin: 0 auto;
        margin-top: -85px; }
        #contentBox .reasontBox .reasontWap04 .reasont04 .box h3 {
          margin-bottom: 20px; }
  #contentBox .reasontBox .reasontWap05 {
    background: url(../img/pc/content_line05.webp) top center no-repeat;
    margin-top: -19px;
    padding-top: 19px;
    position: relative;
    margin-top: -20px; }
    #contentBox .reasontBox .reasontWap05 .reasont05 {
      background: url(../img/pc/back_img02.webp);
      background-position: top center;
      background-repeat: repeat;
      padding-top: 30px; }
      #contentBox .reasontBox .reasontWap05 .reasont05 .box {
        background: url(../img/pc/reason_img04.webp) bottom left no-repeat;
        width: 560px;
        padding: 34px 0 93px 340px;
        margin: 0 auto; }
        #contentBox .reasontBox .reasontWap05 .reasont05 .box h3 {
          margin-bottom: 20px; }
  #contentBox .reasontBox .reasontWap06 {
    background: url(../img/pc/content_line04_01.webp) top center no-repeat;
    margin-top: -31px;
    padding-top: 31px;
    position: relative; }
    #contentBox .reasontBox .reasontWap06 .reasont06 {
      background: url(../img/pc/content_line04_02.webp), url(../img/pc/back_img03.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .reasontBox .reasontWap06 .reasont06 .box {
        background: url(../img/pc/reason_img06.webp) bottom right no-repeat;
        width: 540px;
        padding: 110px 300px 63px 0;
        margin: 0 auto;
        margin-top: -100px; }
        #contentBox .reasontBox .reasontWap06 .reasont06 .box h3 {
          margin-bottom: 20px; }
  #contentBox .reasontBox .reasontWap07 {
    background: url(../img/pc/content_line05.webp) top center no-repeat;
    margin-top: -19px;
    padding-top: 19px;
    position: relative;
    margin-top: -20px; }
    #contentBox .reasontBox .reasontWap07 .reasont07 {
      background: url(../img/pc/back_img02.webp);
      background-position: top center;
      background-repeat: repeat;
      padding-top: 30px; }
      #contentBox .reasontBox .reasontWap07 .reasont07 .box {
        background: url(../img/pc/reason_img07.webp) center left no-repeat;
        width: 560px;
        padding: 30px 0 77px 280px;
        margin: 0 auto; }
        #contentBox .reasontBox .reasontWap07 .reasont07 .box h3 {
          margin-bottom: 20px; }
  #contentBox .voiceBox {
    background: url(../img/pc/content_line08.webp) no-repeat top center;
    padding-top: 25px;
    z-index: 11;
    position: relative;
    margin-top: -25px; }
    #contentBox .voiceBox .voiceWap {
      background-image: url(../img/pc/content_line08_02.webp), url(../img/pc/back_img01.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .voiceBox .voiceWap .voiceTitle {
        width: 900px;
        margin: 10px auto 40px auto;
        text-align: center; }
        #contentBox .voiceBox .voiceWap .voiceTitle img {
          margin: 0 auto; }
      #contentBox .voiceBox .voiceWap ul li a {
        display: block;
        width: 900px;
        margin: 0 auto; }
      #contentBox .voiceBox .voiceWap ul .voiceLink01 {
        background: url(../img/pc/back_voice01.webp) top left repeat; }
      #contentBox .voiceBox .voiceWap ul .voiceLink02 {
        background: url(../img/pc/back_voice02.webp) top left repeat; }
  #contentBox .flowBox {
    background: url(../img/pc/content_line09.webp) no-repeat top center;
    padding-top: 32px;
    z-index: 11;
    position: relative;
    margin-top: -50px; }
    #contentBox .flowBox .flowWap {
      background-image: url(../img/pc/content_line09_02.webp), url(../img/pc/back_img02.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .flowBox .flowWap .flowTitle {
        width: 820px;
        margin: 10px auto 40px auto;
        text-align: center; }
        #contentBox .flowBox .flowWap .flowTitle img {
          margin: 0 auto;
          padding-right: 30px; }
      #contentBox .flowBox .flowWap ul {
        background: url(../img/pc/back_flow02.webp) repeat-x bottom center;
        margin-top: 70px; }
        #contentBox .flowBox .flowWap ul li {
          background: url(../img/pc/icon_flow01.webp) no-repeat bottom center;
          display: block;
          width: 900px;
          padding-bottom: 50px;
          margin: 10px auto 50px auto; }
          #contentBox .flowBox .flowWap ul li .box {
            width: 860px;
            background: url(../img/pc/back_img02.webp) repeat top left;
            border: 2px #a86c24 solid;
            border-radius: 6px;
            text-align: center;
            padding: 20px; }
            #contentBox .flowBox .flowWap ul li .box .tltle {
              margin: 0 auto;
              margin-top: -60px; }
            #contentBox .flowBox .flowWap ul li .box p {
              margin: 30px 0 10px 0;
              color: #6d6d6d;
              line-height: 1.5; }
              #contentBox .flowBox .flowWap ul li .box p span {
                background: url(../img/pc/line_flow.webp) repeat-x bottom center;
                background-size: 60px;
                font-size: 150%; }
          #contentBox .flowBox .flowWap ul li.last {
            background: none;
            padding-bottom: 0;
            margin-bottom: 0; }
      #contentBox .flowBox .flowWap .tellBox {
        background-image: url(../img/pc/back_flow03.webp), url(../img/pc/back_flow03_02.webp);
        background-position: top center, top center;
        background-repeat: no-repeat, repeat-x; }
        #contentBox .flowBox .flowWap .tellBox h3 {
          width: 900px;
          padding-top: 20px;
          margin: 0 auto 300px auto;
          text-align: center; }
        #contentBox .flowBox .flowWap .tellBox p {
          background: url(../img/pc/back_flow03_03.webp) repeat top center;
          text-align: center;
          padding: 33px 0 62px 0; }
          #contentBox .flowBox .flowWap .tellBox p img {
            margin: 0 auto; }
  #contentBox .entryBox {
    background: url(../img/pc/content_line10.webp) no-repeat top center;
    padding-top: 29px;
    z-index: 11;
    position: relative;
    margin-top: -36px; }
    #contentBox .entryBox .entryWap {
      background-image: url(../img/pc/content_line10_02.webp), url(../img/pc/back_img01.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px;
      padding-bottom: 52px; }
      #contentBox .entryBox .entryWap .entryTitle {
        width: 820px;
        margin: 0 auto 20px;
        text-align: center; }
        #contentBox .entryBox .entryWap .entryTitle img {
          margin: 0 auto; }
  #contentBox .otherBox {
    background: url(../img/pc/content_line11.webp) no-repeat top center;
    padding-top: 19px;
    z-index: 11;
    position: relative;
    margin-top: -19px; }
    #contentBox .otherBox .otherWap {
      background-image: url(../img/pc/content_line11_02.webp), url(../img/pc/back_img02.webp);
      background-position: top center, top center;
      background-repeat: no-repeat, repeat;
      padding-top: 50px; }
      #contentBox .otherBox .otherWap .otherTitle {
        width: 900px;
        margin: 10px auto 40px auto;
        text-align: center; }
        #contentBox .otherBox .otherWap .otherTitle img {
          margin: 0 auto; }
      #contentBox .otherBox .otherWap .box {
        width: 820px;
        margin: 0 auto;
        padding-bottom: 30px; }
        #contentBox .otherBox .otherWap .box li {
          float: left;
          margin-bottom: 20px; }
          #contentBox .otherBox .otherWap .box li a {
            display: block; }
          #contentBox .otherBox .otherWap .box li:nth-child(even) {
            margin-left: 20px; }
        #contentBox .otherBox .otherWap .box ::after {
          content: "";
          clear: both;
          display: block; }

#footer {
  background: url(../img/pc/back_img02.webp) left top repeat; }
  #footer p {
    background: #594c26 !important;
    text-align: center;
    padding: 20px 0;
    color: #FFFFFF; }

@media screen and (max-width: 768px) {
  body .footerBtn {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 66px;
    height: 66px; }
  body .pc {
    display: none; }
  body .sp {
    display: block; }
  body .remodal-wrapper img {
    width: 100%; }
  body .remodal-wrapper .remodal-is-initialized {
    width: 90%;
    padding: 10px 0;
    font-size: 12px; }
    body .remodal-wrapper .remodal-is-initialized .remodalBox {
      background: url(../img/pc/back_img02.webp) repeat top center;
      background-size: 5%;
      border-radius: 6px;
      padding: 10px; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox img {
        width: 100%; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox h2 {
        padding: 20px 0 40px;
        background: url(../img/pc/voiceModal_back01.webp) no-repeat bottom center;
        background-size: 100%;
        margin-bottom: 20px; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox h3 img {
        margin: 10px auto; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox {
        padding: 10px; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox img {
          margin: 10px 0; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .whiteBox ul li {
          background: url(../img/pc/voiceModal_back03.webp) no-repeat left 6px;
          padding-left: 10px;
          margin: 5px 10px; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox .txtBox {
        margin-top: 20px; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .txtBox span {
          font-size: 25px; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox {
        background: url(../img/pc/voiceModal_back02.webp) no-repeat bottom center;
        background-size: 100%;
        padding-bottom: 4%;
        margin: 30px 0; }
        body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox .box {
          border: 3px #c19762 solid;
          padding: 10px;
          border-radius: 6px;
          text-align: center; }
          body .remodal-wrapper .remodal-is-initialized .remodalBox .boderBox .box img {
            margin: 0 auto; }
      body .remodal-wrapper .remodal-is-initialized .remodalBox .entryBtn {
        width: 100%; }
    body .remodal-wrapper .remodal-is-initialized button.remodal-close {
      margin: 30px auto;
      width: 30%;
      display: block;
      text-align: center;
      background: none;
      border: none; }

  #mainImgBox #mainImg {
    position: relative;
    width: 100%;
    height: auto; }
    #mainImgBox #mainImg:before {
      content: "";
      display: block;
      padding-top: 100%;
      /* 1:1 */ }
    #mainImgBox #mainImg img {
      width: 100%;
      height: auto; }
    #mainImgBox #mainImg p {
      width: 100%;
      height: 100%; }
  #mainImgBox #logo {
    width: 40%;
    text-align: left; }
    #mainImgBox #logo h1 {
      width: 100%;
      margin-left: 20px; }
      #mainImgBox #logo h1 p {
        background: url(../img/sp/logo_back.webp) no-repeat top left;
        background-size: cover;
        padding: 10px; }
        #mainImgBox #logo h1 p img {
          width: 100%; }
  #mainImgBox #mainIcon {
    position: absolute;
    top: 10%;
    left: 0;
    margin-left: 0;
    text-align: left;
    width: 100%; }
    #mainImgBox #mainIcon .no1 {
      width: 50%;
      margin-left: 3%; }
    #mainImgBox #mainIcon h2 {
      margin-top: 10px;
      text-align: center; }
      #mainImgBox #mainIcon h2 img {
        width: 94%;
        margin: 0 auto; }
  #mainImgBox #mainBox {
    width: 100%;
    margin-top: -25%;
    padding-bottom: 8%; }
    #mainImgBox #mainBox .copyBox {
      width: 100%;
      margin-bottom: 4%; }
      #mainImgBox #mainBox .copyBox ul {
        width: 100%;
        margin: 0 auto; }
        #mainImgBox #mainBox .copyBox ul li {
          width: 32%;
          vertical-align: top;
          margin: 1% 0; }
          #mainImgBox #mainBox .copyBox ul li img {
            width: 100%; }
    #mainImgBox #mainBox a {
      width: 90%;
      margin: 0 auto 20px auto; }
      #mainImgBox #mainBox a img {
        width: 100%; }

  #contentBox {
    background: url(../img/sp/content_line01.webp) no-repeat top center;
    background-size: 100%;
    padding-top: 7%;
    z-index: 11;
    position: relative;
    margin-top: -8%; }
    #contentBox .reasontBox .box p.sp {
      line-height: 1.6;
      color: #594c26;
      font-size: 11px; }
      #contentBox .reasontBox .box p.sp span {
        background: url(../img/sp/line_flow.webp) bottom center repeat-x;
        background-size: 35px; }
      #contentBox .reasontBox .box p.sp .attention {
        background: none;
        font-size: 9px; }
    #contentBox .reasontBox .reasontWap01 {
      background: url(../img/pc/back_img02.webp) top center repeat;
      background-size: 10%;
      padding-top: 15%; }
      #contentBox .reasontBox .reasontWap01 .reasont01 {
        width: 100%;
        margin-top: -24%; }
        #contentBox .reasontBox .reasontWap01 .reasont01 .box {
          width: 90%;
          background: none;
          margin: 0 auto;
          padding: 0;
          padding-bottom: 2%; }
          #contentBox .reasontBox .reasontWap01 .reasont01 .box img {
            width: 100%; }
    #contentBox .reasontBox .reasontWap02 {
      background: url(../img/sp/content_line02.webp) top center no-repeat;
      margin-top: -7%;
      background-size: 100%;
      padding-top: 7%; }
      #contentBox .reasontBox .reasontWap02 .reasont02 {
        background: url(../img/pc/back_img03.webp) top center repeat;
        background-size: 10%;
        padding-bottom: 50px; }
        #contentBox .reasontBox .reasontWap02 .reasont02 .box {
          background: none;
          width: 96%;
          padding: 0;
          margin: 0 auto; }
          #contentBox .reasontBox .reasontWap02 .reasont02 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap02 .reasont02 .box h3 img {
              width: 100%; }
    #contentBox .reasontBox .reasontWap03 {
      background: url(../img/sp/content_line03.webp) top center no-repeat;
      background-size: 100%;
      margin-top: -8%;
      padding-top: 7%; }
      #contentBox .reasontBox .reasontWap03 .reasont03 {
        background: url(../img/pc/back_img02.webp) top center repeat;
        background-size: 10%;
        padding-top: 0; }
        #contentBox .reasontBox .reasontWap03 .reasont03 .box {
          background: none;
          width: 96%;
          margin: 0 auto;
          padding: 0 0 10%; }
          #contentBox .reasontBox .reasontWap03 .reasont03 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap03 .reasont03 .box h3 img {
              width: 100%; }
    #contentBox .reasontBox .reasontWap04 {
      background: url(../img/sp/content_line04.webp) top center no-repeat;
      background-size: 100%;
      margin-top: -8%; }
      #contentBox .reasontBox .reasontWap04 .reasont04 {
        background: url(../img/pc/back_img03.webp) top center repeat;
        background-size: 10%;
        padding-top: 0; }
        #contentBox .reasontBox .reasontWap04 .reasont04 .box {
          background: url(../img/pc/reason_img03.webp) 96% 20px no-repeat;
          background-size: 40%;
          width: 50%;
          padding: 6% 48% 9% 2%;
          margin: 0 auto; }
          #contentBox .reasontBox .reasontWap04 .reasont04 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap04 .reasont04 .box h3 img {
              width: 100%; }
    #contentBox .reasontBox .reasontWap05 {
      background: url(../img/sp/content_line05.webp) top center no-repeat;
      background-size: 100%;
      margin-top: -5%;
      padding-top: 7%; }
      #contentBox .reasontBox .reasontWap05 .reasont05 {
        background: url(../img/pc/back_img02.webp) top center repeat;
        background-size: 10%;
        padding-top: 2%; }
        #contentBox .reasontBox .reasontWap05 .reasont05 .box {
          background: url(../img/pc/reason_img04.webp) bottom left no-repeat;
          background-size: 46%;
          width: 50%;
          padding: 26% 0 10% 46%;
          margin: 0 2%;
          margin-top: -20%; }
          #contentBox .reasontBox .reasontWap05 .reasont05 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap05 .reasont05 .box h3 img {
              width: 100%; }
    #contentBox .reasontBox .reasontWap06 {
      background: url(../img/sp/content_line04.webp) top center no-repeat;
      background-size: 100%;
      margin-top: -7%;
      padding-top: 7%; }
      #contentBox .reasontBox .reasontWap06 .reasont06 {
        background: url(../img/pc/back_img03.webp) top center repeat;
        background-size: 10%;
        padding-top: 2%; }
        #contentBox .reasontBox .reasontWap06 .reasont06 .box {
          background: url(../img/pc/reason_img06.webp) bottom right no-repeat;
          background-size: 40%;
          width: 50%;
          padding: 22% 46% 13% 0;
          margin: 0 2%;
          margin-top: -85px; }
          #contentBox .reasontBox .reasontWap06 .reasont06 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap06 .reasont06 .box h3 img {
              width: 100%; }
    #contentBox .reasontBox .reasontWap07 {
      background: url(../img/sp/content_line05.webp) top center no-repeat;
      background-size: 100%;
      margin-top: -5%;
      padding-top: 7%; }
      #contentBox .reasontBox .reasontWap07 .reasont07 {
        background: url(../img/pc/back_img02.webp) top center repeat;
        background-size: 10%;
        padding-top: 0; }
        #contentBox .reasontBox .reasontWap07 .reasont07 .box {
          background: none;
          width: 96%;
          padding: 0;
          padding-bottom: 10%;
          margin: 0 auto; }
          #contentBox .reasontBox .reasontWap07 .reasont07 .box h3 {
            margin-bottom: 10px; }
            #contentBox .reasontBox .reasontWap07 .reasont07 .box h3 img {
              width: 100%; }
    #contentBox .voiceBox {
      background: url(../img/sp/content_line08.webp) no-repeat top center;
      background-size: 100%;
      margin-top: -8%;
      padding-top: 7%; }
      #contentBox .voiceBox .voiceWap {
        background: url(../img/pc/back_img01.webp) top center repeat;
        padding-top: 10px; }
        #contentBox .voiceBox .voiceWap .voiceTitle {
          width: 86%;
          margin: 0 auto 20px auto;
          text-align: center; }
          #contentBox .voiceBox .voiceWap .voiceTitle img {
            width: 100%; }
        #contentBox .voiceBox .voiceWap ul li a {
          width: 100%; }
          #contentBox .voiceBox .voiceWap ul li a img {
            width: 100%; }
        #contentBox .voiceBox .voiceWap ul .voiceLink01 {
          background: none; }
        #contentBox .voiceBox .voiceWap ul .voiceLink02 {
          background: none; }
    #contentBox .flowBox {
      background: url(../img/sp/content_line09.webp) no-repeat top center;
      background-size: 100%;
      margin-top: -50px;
      padding-top: 7%; }
      #contentBox .flowBox .flowWap {
        background: url(../img/pc/back_img02.webp) top center repeat;
        padding-top: 10px; }
        #contentBox .flowBox .flowWap .flowTitle {
          width: 80%;
          margin: 0 auto; }
          #contentBox .flowBox .flowWap .flowTitle img {
            width: 100%; }
        #contentBox .flowBox .flowWap ul {
          background: none;
          margin-top: 76px; }
          #contentBox .flowBox .flowWap ul li {
            background: url(../img/pc/icon_flow01.webp) no-repeat bottom center;
            background-size: 15%;
            display: block;
            width: 94%;
            padding-bottom: 30px;
            margin: 45px auto 30px auto;
            font-size: 11px;
            color: #6d6d6d; }
            #contentBox .flowBox .flowWap ul li .box {
              width: 96%;
              background: url(../img/pc/back_img02.webp) repeat top left;
              border: 2px #a86c24 solid;
              border-radius: 6px;
              text-align: center;
              padding: 5% 2%; }
              #contentBox .flowBox .flowWap ul li .box .tltle {
                margin: 0 auto;
                margin-top: -10%;
                width: 100%; }
              #contentBox .flowBox .flowWap ul li .box p {
                margin: 0;
                line-height: 1.6; }
                #contentBox .flowBox .flowWap ul li .box p span {
                  font-size: 13px; }
        #contentBox .flowBox .flowWap .tellBox {
          background: url(../img/sp/back_flow03.webp) top center no-repeat;
          background-size: 100%; }
          #contentBox .flowBox .flowWap .tellBox h3 {
            width: 100%;
            padding-top: 7%;
            margin: 0 auto 32% auto;
            text-align: center; }
            #contentBox .flowBox .flowWap .tellBox h3 img {
              width: 15%; }
          #contentBox .flowBox .flowWap .tellBox p {
            background: none;
            padding: 33px 0 62px 0; }
            #contentBox .flowBox .flowWap .tellBox p img {
              width: 90%;
              margin: auto; }
    #contentBox .entryBox {
      background: url(../img/sp/content_line10.webp) no-repeat top center;
      background-size: 100%;
      margin-top: -7%;
      padding-top: 7%; }
      #contentBox .entryBox .entryWap {
        background: url(../img/pc/back_img01.webp) top center repeat;
        padding-top: 30px; }
        #contentBox .entryBox .entryWap .entryTitle {
          width: 85%;
          margin: 0 auto;
          text-align: center; }
          #contentBox .entryBox .entryWap .entryTitle img {
            width: 100%; }
    #contentBox .otherBox {
      background: url(../img/sp/content_line11.webp) no-repeat top center;
      background-size: 100%;
      padding-top: 9%;
      position: relative;
      margin-top: -7%; }
      #contentBox .otherBox .otherWap {
        background: url(../img/pc/back_img02.webp) top center repeat;
        padding-top: 20px;
        padding-bottom: 70px; }
        #contentBox .otherBox .otherWap .otherTitle {
          width: 76%;
          margin: 0 auto 20px auto;
          text-align: center; }
          #contentBox .otherBox .otherWap .otherTitle img {
            width: 100%; }
        #contentBox .otherBox .otherWap .box {
          width: 100%;
          padding-bottom: 30px; }
          #contentBox .otherBox .otherWap .box li {
            float: none;
            margin-bottom: 0;
            padding: 0; }
            #contentBox .otherBox .otherWap .box li a {
              padding: 6% 0;
              padding-left: 39%;
              background-image: url(../img/sp/icon_btnOther01.webp);
              background-position: 98% center;
              background-repeat: no-repeat;
              background-size: 2%; }
              #contentBox .otherBox .otherWap .box li a img {
                width: 49%; }
            #contentBox .otherBox .otherWap .box li:nth-child(1) {
              background-image: url(../img/sp/btnImg_other01.webp), url(../img/sp/btnBack_other01.webp);
              background-position: top left, top left;
              background-repeat: no-repeat, repeat;
              background-size: 37%, 4%; }
            #contentBox .otherBox .otherWap .box li:nth-child(2) {
              background-image: url(../img/sp/btnImg_other02.webp), url(../img/sp/btnBack_other02.webp);
              background-position: top left, top left;
              background-repeat: no-repeat, repeat;
              background-size: 37%, 4%; }
            #contentBox .otherBox .otherWap .box li:nth-child(3) {
              background-image: url(../img/sp/btnImg_other03.webp), url(../img/sp/btnBack_other03.webp);
              background-position: top left, top left;
              background-repeat: no-repeat, repeat;
              background-size: 37%, 4%; }
            #contentBox .otherBox .otherWap .box li:nth-child(4) {
              background-image: url(../img/sp/btnImg_other04.webp), url(../img/sp/btnBack_other04.webp);
              background-position: top left, top left;
              background-repeat: no-repeat, repeat;
              background-size: 37%, 4%; }
            #contentBox .otherBox .otherWap .box li:nth-child(even) {
              margin-left: 0; } }
@media screen and (max-width: 414px) {
  #contentBox .reasontBox .reasontWap01 {
    background: url(../img/pc/back_img02.webp) top center repeat;
    background-size: 10%;
    padding-top: 15%; }
    #contentBox .reasontBox .reasontWap01 .reasont01 {
      width: 100%;
      margin-top: -24%; }
      #contentBox .reasontBox .reasontWap01 .reasont01 .box {
        width: 90%;
        background: none;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 2%; }
        #contentBox .reasontBox .reasontWap01 .reasont01 .box img {
          width: 100%; }
  #contentBox .reasontBox .reasontWap02 {
    margin-top: -26px; }
    #contentBox .reasontBox .reasontWap02 .reasont02 {
      background: url(../img/pc/back_img03.webp) top center repeat;
      background-size: 10%;
      padding-bottom: 50px; }
  #contentBox .reasontBox .reasontWap03 {
    background: url(../img/sp/content_line03.webp) top center no-repeat;
    background-size: 100%;
    margin-top: -12%;
    padding-top: 7%; }
    #contentBox .reasontBox .reasontWap03 .reasont03 {
      padding-bottom: 7%; }
      #contentBox .reasontBox .reasontWap03 .reasont03 .box {
        background: none;
        width: 96%;
        margin: 0 auto;
        padding: 0; }
        #contentBox .reasontBox .reasontWap03 .reasont03 .box h3 {
          margin-bottom: 10px; }
          #contentBox .reasontBox .reasontWap03 .reasont03 .box h3 img {
            width: 100%; }
  #contentBox .reasontBox .reasontWap04 {
    background: url(../img/sp/content_line04.webp) top center no-repeat;
    background-size: 100%;
    margin-top: -7%;
    padding-top: 7%; }
    #contentBox .reasontBox .reasontWap04 .reasont04 {
      background: url(../img/pc/back_img03.webp) top center repeat;
      background-size: 10%;
      padding-top: 4%; }
      #contentBox .reasontBox .reasontWap04 .reasont04 .box {
        padding: 0% 48% 5% 2%; }
        #contentBox .reasontBox .reasontWap04 .reasont04 .box h3 {
          margin-bottom: 10px; }
          #contentBox .reasontBox .reasontWap04 .reasont04 .box h3 img {
            width: 100%; }
  #contentBox .reasontBox .reasontWap05 {
    background: url(../img/sp/content_line05.webp) top center no-repeat;
    background-size: 100%;
    margin-top: -5%;
    padding-top: 7%; }
    #contentBox .reasontBox .reasontWap05 .reasont05 {
      background: url(../img/pc/back_img02.webp) top center repeat;
      background-size: 10%;
      padding-top: 2%; }
      #contentBox .reasontBox .reasontWap05 .reasont05 .box {
        padding: 30% 0 5% 46%;
        margin-top: -26%; }
        #contentBox .reasontBox .reasontWap05 .reasont05 .box h3 {
          margin-bottom: 10px; }
          #contentBox .reasontBox .reasontWap05 .reasont05 .box h3 img {
            width: 100%; }
  #contentBox .reasontBox .reasontWap06 {
    background: url(../img/sp/content_line04.webp) top center no-repeat;
    background-size: 100%;
    margin-top: -7%;
    padding-top: 7%; }
    #contentBox .reasontBox .reasontWap06 .reasont06 {
      background: url(../img/pc/back_img03.webp) top center repeat;
      background-size: 10%;
      padding-top: 2%; }
      #contentBox .reasontBox .reasontWap06 .reasont06 .box {
        padding: 28% 46% 10% 0; }
        #contentBox .reasontBox .reasontWap06 .reasont06 .box h3 {
          margin-bottom: 10px; }
          #contentBox .reasontBox .reasontWap06 .reasont06 .box h3 img {
            width: 100%; }
  #contentBox .reasontBox .reasontWap07 .reasont07 {
    background: url(../img/pc/back_img02.webp) top center repeat;
    background-size: 10%;
    padding-top: 0; }
    #contentBox .reasontBox .reasontWap07 .reasont07 .box {
      background: none;
      width: 96%;
      padding: 0;
      padding-bottom: 10%;
      margin: 0 auto; }
      #contentBox .reasontBox .reasontWap07 .reasont07 .box h3 {
        margin-bottom: 10px; }
        #contentBox .reasontBox .reasontWap07 .reasont07 .box h3 img {
          width: 100%; }
  #contentBox .flowBox .flowWap ul {
    margin-top: 30px; }
    #contentBox .flowBox .flowWap ul li .box .tltle {
      margin-top: -14%; }
  #contentBox .flowBox .flowWap .tellBox h3 {
    padding-top: 8%;
    margin: 0 auto 28% auto; }
  #contentBox .entryBox {
    margin-top: -14%; }
    #contentBox .entryBox .entryWap .entryTitle {
      width: 90%; } }
</pre></body></html>