.contetns {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal; }

#tdrapp_shopping img {
  width: 100%;
  max-width: 100%;
  height: auto;
  line-height: 0; }

@media screen and (min-width: 1601px) {
  .contetns {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 600; }

  #pcarea {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    font-family: "Zen Maru Gothic", sans-serif !important;
    background: url("../img/pc_bg.png") no-repeat center #E9F6FF;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
    #pcarea .sponly {
      display: none !important; }
    #pcarea .pcarea_left {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: calc(100% - 700px);
      justify-content: center;
      display: flex;
      box-sizing: border-box;
      z-index: 3; }
      #pcarea .pcarea_left .pc_left_inner {
        width: 634px;
        max-width: 55%;
        justify-content: center;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        height: 100vh; }
        #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_ttl {
          width: 100%;
          margin-bottom: 40px; }
        #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes {
          display: flex;
          justify-content: space-between; }
          #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box {
            width: 48.5709%;
            position: relative; }
            #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn {
              width: 93.4058%;
              position: absolute;
              bottom: 1.85%;
              left: 50%;
              transform: translate(-50%, -10px);
              display: flex;
              justify-content: space-between; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn .app {
                display: block;
                width: 49.1188%; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn .google {
                display: block;
                width: 49.1297%; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn a {
                transition: 0.3s; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn a:hover {
                  opacity: 0.8; }
            #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn {
              width: 88.2347%;
              position: absolute;
              bottom: 2.92%;
              left: 50%;
              transform: translateX(-50%); }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a {
                display: block;
                width: 100%; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a img.off {
                  display: block; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a img.on {
                  display: none; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a:hover img.off {
                  display: none; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a:hover img.on {
                  display: block; }
    #pcarea .pcarea_right {
      width: 600px;
      position: relative;
      padding: 60px 0; }

  main {
    width: 600px;
    overflow-x: hidden;
    border-radius: 10px;
    box-sizing: border-box;
    border: solid 8px #fff;
    background: #fff;
    position: relative;
    z-index: 5; }

  #mv {
    position: relative;
    z-index: 2; }
    #mv .mv_img {
      width: 100%;
      line-height: 0; }
    #mv .mv_ttl {
      width: 100%;
      position: absolute;
      top: 58.5px;
      left: 50%;
      transform: translateX(-50%); }
      #mv .mv_ttl .mv_logo {
        width: 328.5px;
        margin: 0 auto 35px; }
      #mv .mv_ttl h1 {
        font-weight: 900;
        font-size: 40.5px;
        letter-spacing: -0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        transform: translateY(-8px); }

  #head {
    padding: 52.5px 0;
    text-align: center;
    background: #C2E7FA;
    position: relative;
    margin-bottom: 15px;
    z-index: 1; }
    #head::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.34);
      z-index: 1; }
    #head::after {
      position: absolute;
      content: "";
      width: 100%;
      height: calc( 100% + 16.5px );
      top: -16.5px;
      left: 0;
      background: url("../img/head_bg.png") no-repeat center bottom;
      background-size: cover;
      z-index: 2; }
    #head .head_txt {
      position: relative;
      z-index: 3;
      font-size: 28.5px;
      letter-spacing: -0.05em;
      line-height: 1.3em;
      color: #00529F; }
    #head .head_txt.small {
      font-size: 19.5px;
      line-height: 1.6em;
      margin-top: 22.5px; }

  .sec_ttl {
    width: 100%;
    width: 562.5px;
    width: 562.5px;
    padding-top: 133.5px;
    text-align: center;
    background: url("../img/sec_ttl_bg.png") no-repeat center top;
    background-size: 100%; }
    .sec_ttl h2 {
      font-size: 33px;
      line-height: 1.3em;
      color: #00529F; }
      .sec_ttl h2 span {
        display: inline-block;
        font-size: 19.5px; }

  #app {
    margin-bottom: 65px; }
    #app .app_bg {
      width: 100%;
      margin: 37.5px auto 0;
      box-sizing: border-box;
      padding: 60px 15px;
      border-radius: 15px;
      background: #E9F6FF; }
      #app .app_bg .app_logo {
        width: 357px;
        margin: 0 auto; }
      #app .app_bg .app_img {
        width: 469.5px;
        margin: 37.5px auto 75px; }
      #app .app_bg .app_boxes {
        width: 495px;
        margin: 0 auto 85.5px;
        box-sizing: border-box;
        padding: 43.5px 22.5px;
        border-radius: 15px;
        background: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #app .app_bg .app_boxes h3 {
          font-size: 30px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          color: #00529F;
          text-align: center;
          margin-bottom: 37.5px; }
          #app .app_bg .app_boxes h3 span {
            display: inline-block;
            margin-top: 6px;
            width: 240px;
            background: url("../img/app_ttl_ob.png") no-repeat center bottom;
            background-size: 100%; }
        #app .app_bg .app_boxes .app_box {
          width: 215.2px;
          text-align: center; }
          #app .app_bg .app_boxes .app_box:nth-child(n+4) {
            margin-top: 37.5px; }
          #app .app_bg .app_boxes .app_box .app_box_ttl {
            font-size: 16.5px;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            padding: 11.2px 0;
            border-radius: 15px;
            background: #E9F6FF;
            position: relative; }
            #app .app_bg .app_boxes .app_box .app_box_ttl::before {
              position: absolute;
              content: "";
              width: 19.5px;
              height: 10.5px;
              bottom: -10.5px;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/app_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #app .app_bg .app_boxes .app_box .app_box_txt {
            font-size: 15px;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            margin: 15px 0; }
      #app .app_bg .app_dl {
        width: 465px;
        margin: 0 auto 75px; }
        #app .app_bg .app_dl h3 {
          font-size: 25.5px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          margin-bottom: 37.5px; }
        #app .app_bg .app_dl .app_dl_box {
          width: 450px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #app .app_bg .app_dl .app_dl_box .app_logo {
            width: 208.5px; }
          #app .app_bg .app_dl .app_dl_box .app_dl_btn {
            width: 211.5px; }
            #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn {
              width: 100%; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn:first-child {
                margin-bottom: 7.5px; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn a {
                display: block;
                width: 100%;
                transition: 0.3s; }
                #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn a:hover {
                  opacity: 0.7; }
      #app .app_bg .app_use {
        width: 450px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 42px 27px 12px;
        border-radius: 15px;
        border: solid 3px #fff;
        background: rgba(255, 255, 255, 0.6); }
        #app .app_bg .app_use h3 {
          font-size: 25.5px;
          line-height: 1.3em;
          color: #00529F;
          text-align: center; }
        #app .app_bg .app_use .app_use_boxes .app_use_box {
          padding-bottom: 30px;
          background: url("../img/app_use_dot.png") no-repeat left bottom;
          background-size: 100% 7.5px; }
          #app .app_bg .app_use .app_use_boxes .app_use_box:last-child {
            background: none; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question {
            padding: 30px 0 0;
            position: relative;
            cursor: pointer; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question::before {
              position: absolute;
              content: "";
              width: 40.5px;
              height: 39px;
              right: 0;
              top: 30px;
              background: url("../img/app_use_arrow.png") no-repeat;
              background-size: contain;
              transition: 0.3s; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question p {
              font-size: 21px;
              line-height: 1.7em;
              font-weight: 900;
              color: #00529F; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question.open::before {
            transform: rotate(-180deg); }
          #app .app_bg .app_use .app_use_boxes .app_use_box .answer {
            display: none;
            padding-top: 4.5px; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt {
              font-size: 19.5px;
              line-height: 1.7em;
              font-weight: bold; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt:nth-child(n+2) {
                margin-top: 4.5px; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt a {
                color: #00529F; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.small {
              font-size: 15px; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.black {
              font-weight: 900; }

  #online .online_bg {
    width: 100%;
    margin: calc(75px * 0.54) auto 0;
    box-sizing: border-box;
    padding: 60px 15px;
    border-radius: 15px;
    background: #E9F6FF; }
    #online .online_bg > h3 {
      width: 100%;
      font-size: calc(30px * 0.8);
      letter-spacing: 0.05em;
      line-height: 1.3em;
      color: #00529F;
      text-align: center;
      margin-bottom: 37.5px; }
      #online .online_bg > h3 span {
        display: inline-block;
        margin-top: 6px;
        width: 252px;
        background: url("../img/app_ttl_ob.png") no-repeat center bottom;
        background-size: 100%; }
    #online .online_bg .online_logo {
      width: 273px;
      margin: 0 auto; }
    #online .online_bg .online_img {
      width: 468px;
      margin: 37.5px auto 75px; }
    #online .online_bg .online_boxes {
      width: 495px;
      margin: 0 auto 75px;
      box-sizing: border-box;
      padding: 43.5px 22.5px;
      border-radius: 15px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #online .online_bg .online_boxes h3 {
        width: 100%;
        font-size: 30px;
        letter-spacing: 0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        margin-bottom: 37.5px; }
        #online .online_bg .online_boxes h3 span {
          display: inline-block;
          margin-top: 6px;
          width: 252px;
          background: url("../img/app_ttl_ob.png") no-repeat center bottom;
          background-size: 100%; }
      #online .online_bg .online_boxes .online_box {
        width: 48%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        #online .online_bg .online_boxes .online_box:nth-child(n+3) {
          margin-top: 30px; }
        #online .online_bg .online_boxes .online_box .online_box_ttl {
          width: 100%;
          font-size: 16.5px;
          letter-spacing: 0.05em;
          line-height: 1.39em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          padding: 10.5px 0;
          border-radius: 15px;
          background: #E9F6FF;
          position: relative;
          margin-bottom: 22.5px; }
          #online .online_bg .online_boxes .online_box .online_box_ttl::before {
            position: absolute;
            content: "";
            width: 19.5px;
            height: 10.5px;
            bottom: -9.9px;
            left: 50%;
            transform: translateX(-50%);
            background: url("../img/app_box_ttl_arrow.png") no-repeat;
            background-size: contain; }
        #online .online_bg .online_boxes .online_box .online_box_txt {
          font-size: 15px;
          letter-spacing: 0.05em;
          line-height: 1.39em;
          font-weight: 900;
          color: #00529F; }
        #online .online_bg .online_boxes .online_box .online_box_txt.full_txt {
          margin: 15px 0; }
        #online .online_bg .online_boxes .online_box .online_box_txt.half_txt {
          width: 100%;
          text-align: center;
          margin: 3px 0 15px; }
        #online .online_bg .online_boxes .online_box .online_box_img {
          width: 210px; }
      #online .online_bg .online_boxes .online_box.full {
        width: 100%; }
    #online .online_bg .online_about {
      width: 450px;
      margin: 0 auto 75px; }
      #online .online_bg .online_about h3 {
        font-size: 31.5px;
        letter-spacing: 0.05em;
        line-height: 1.5em;
        font-weight: 900;
        color: #00529F;
        text-align: center;
        margin-bottom: 30px; }
      #online .online_bg .online_about .online_about_logo {
        width: 273px;
        margin: 0 auto; }
      #online .online_bg .online_about .online_about_img {
        width: 232.5px;
        margin: 30px auto; }
      #online .online_bg .online_about .online_about_btn {
        margin-bottom: 30px; }
        #online .online_bg .online_about .online_about_btn a {
          display: block;
          width: 100%;
          font-size: 23px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #fff;
          box-sizing: border-box;
          padding: 20px 0 20px 64px;
          border-radius: 13.3333vw;
          background: url("../img/icon_link.png") no-repeat right 36px center #00529F;
          background-size: 19.5px;
          transition: 0.3s; }
          #online .online_bg .online_about .online_about_btn a:hover {
            opacity: 0.7; }
          #online .online_bg .online_about .online_about_btn a span {
            display: inline-block;
            text-align: center; }
      #online .online_bg .online_about .online_about_causion {
        font-size: 15px;
        line-height: 1.7em;
        font-weight: bold;
        color: #000; }
    #online .online_bg .online_use {
      width: 450px;
      margin: 0 auto 75px;
      box-sizing: border-box;
      padding: 42px 27px 12px;
      border-radius: 15px;
      border: solid 3px #fff;
      background: rgba(255, 255, 255, 0.6); }
      #online .online_bg .online_use h3 {
        font-size: 30px;
        line-height: 1.3em;
        color: #00529F;
        text-align: center; }
      #online .online_bg .online_use .online_use_boxes .online_use_box {
        padding-bottom: 30px;
        background: url("../img/app_use_dot.png") no-repeat left bottom;
        background-size: 100% 7.5px; }
        #online .online_bg .online_use .online_use_boxes .online_use_box:last-child {
          background: none; }
        #online .online_bg .online_use .online_use_boxes .online_use_box .question {
          padding: 30px 0 0;
          position: relative;
          cursor: pointer; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question::before {
            position: absolute;
            content: "";
            width: 40.5px;
            height: 39px;
            right: 0;
            top: 30px;
            background: url("../img/app_use_arrow.png") no-repeat;
            background-size: contain;
            transition: 0.3s; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question p {
            font-size: 21px;
            line-height: 1.7em;
            font-weight: 900;
            color: #00529F; }
        #online .online_bg .online_use .online_use_boxes .online_use_box .question.open::before {
          transform: rotate(-180deg); }
        #online .online_bg .online_use .online_use_boxes .online_use_box .answer {
          display: none;
          padding-top: 4.5px; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt {
            font-size: 19.5px;
            line-height: 1.7em;
            font-weight: bold; }
    #online .online_bg .online_faq {
      width: 450px;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 42px 27px;
      border-radius: 15px;
      border: solid 3px #fff;
      background: rgba(255, 255, 255, 0.6); }
      #online .online_bg .online_faq h3 {
        font-size: 30px;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        margin-bottom: 30px; }
      #online .online_bg .online_faq .online_faq_box .question {
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: flex-start; }
        #online .online_bg .online_faq .online_faq_box .question::before {
          position: absolute;
          content: "";
          width: 40.5px;
          height: 39px;
          right: 0;
          top: 0;
          background: url("../img/app_use_arrow.png") no-repeat;
          background-size: contain;
          transition: 0.3s; }
        #online .online_bg .online_faq .online_faq_box .question .icon {
          font-size: 45px;
          line-height: 0.8em;
          color: #00529F;
          margin-right: 13.5px; }
        #online .online_bg .online_faq .online_faq_box .question p {
          width: 285px;
          font-size: 21px;
          line-height: 1.7em;
          font-weight: bold;
          color: #000; }
      #online .online_bg .online_faq .online_faq_box .question.open::before {
        transform: rotate(-180deg); }
      #online .online_bg .online_faq .online_faq_box .answer {
        display: none;
        padding-top: 30px; }
        #online .online_bg .online_faq .online_faq_box .answer .store_boxes {
          display: flex;
          justify-content: space-between; }
          #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box {
            width: 187.5px;
            border-radius: 15px;
            background: #fff;
            overflow: hidden; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl {
              height: 114px;
              display: flex;
              justify-content: center;
              flex-direction: column;
              font-size: 13.5px;
              letter-spacing: 0.05em;
              line-height: 1.3em;
              font-weight: 900;
              color: #fff;
              text-align: center;
              background: #00529F; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl span {
                display: inline-block;
                font-size: 19.5px; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd {
              width: 180px;
              margin: 0 auto;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              text-align: center; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p {
                font-size: 12px;
                letter-spacing: 0.05em;
                line-height: 1.3em;
                font-weight: 900;
                color: #00529F; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p:nth-child(n+2) {
                  margin-top: 4.5px; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span {
                  display: inline-block;
                  font-size: 15px; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.orange {
                  color: #DA5A53; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.mr {
                  margin: 0 4.5px; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name {
              height: 141px; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name p {
                font-size: 11px; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo {
                width: 178.5px;
                margin: 15px auto 0; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo.short {
                width: 147px; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .hour {
              height: 69px;
              border-top: solid 1.5px #DCDCDC;
              border-bottom: solid 1.5px #DCDCDC; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .txt {
              height: 93px; } }
@media screen and (min-width: 750px) and (max-width: 1600px) {
  .contetns {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 600; }

  #pcarea {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    font-family: "Zen Maru Gothic", sans-serif !important;
    background: url("../img/pc_bg.png") no-repeat center #E9F6FF;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
    #pcarea .sponly {
      display: none !important; }
    #pcarea .pcarea_left {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: calc(100% - 43.75vw);
      justify-content: center;
      display: flex;
      box-sizing: border-box;
      z-index: 3; }
      #pcarea .pcarea_left .pc_left_inner {
        width: 39.62vw;
        justify-content: center;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        height: 100vh; }
        #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_ttl {
          width: 100%;
          margin-bottom: 2.5vw; }
        #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes {
          display: flex;
          justify-content: space-between; }
          #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box {
            width: 48.5709%;
            position: relative; }
            #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn {
              width: 93.4058%;
              position: absolute;
              bottom: 1.85%;
              left: 50%;
              transform: translate(-50%, -10px);
              display: flex;
              justify-content: space-between; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn .app {
                display: block;
                width: 49.1188%; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn .google {
                display: block;
                width: 49.1297%; }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn a {
                transition: 0.3s; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .app_btn a:hover {
                  opacity: 0.8; }
            #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn {
              width: 88.2347%;
              position: absolute;
              bottom: 2.92%;
              left: 50%;
              transform: translateX(-50%); }
              #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a {
                display: block;
                width: 100%; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a img.off {
                  display: block; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a img.on {
                  display: none; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a:hover img.off {
                  display: none; }
                #pcarea .pcarea_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .box_btn a:hover img.on {
                  display: block; }
    #pcarea .pcarea_right {
      width: 37.5vw;
      position: relative;
      padding: 3.75vw 0; }

  main {
    width: 37.5vw;
    overflow-x: hidden;
    border-radius: 0.62vw;
    box-sizing: border-box;
    border: solid 0.68vw #fff;
    background: #fff;
    position: relative;
    z-index: 5; }

  #mv {
    position: relative;
    z-index: 2; }
    #mv .mv_img {
      width: 100%;
      line-height: 0; }
    #mv .mv_ttl {
      width: 100%;
      position: absolute;
      top: 3.65vw;
      left: 50%;
      transform: translateX(-50%); }
      #mv .mv_ttl .mv_logo {
        width: 20.53vw;
        margin: 0 auto 1.97vw; }
      #mv .mv_ttl h1 {
        font-weight: 900;
        font-size: 2.53vw;
        letter-spacing: -0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        transform: translateY(-8px); }

  #head {
    padding: 3.28vw 0;
    text-align: center;
    background: #C2E7FA;
    position: relative;
    margin-bottom: 0.93vw;
    z-index: 1; }
    #head::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.34);
      z-index: 1; }
    #head::after {
      position: absolute;
      content: "";
      width: 100%;
      height: calc( 100% + 1.03vw );
      top: -1.03vw;
      left: 0;
      background: url("../img/head_bg.png") no-repeat center bottom;
      background-size: cover;
      z-index: 2; }
    #head .head_txt {
      position: relative;
      z-index: 3;
      font-size: 1.78vw;
      letter-spacing: -0.05em;
      line-height: 1.3em;
      color: #00529F; }
    #head .head_txt.small {
      font-size: 1.21vw;
      line-height: 1.6em;
      margin-top: 1.4vw; }

  .sec_ttl {
    width: 100%;
    padding-top: 8.34vw;
    text-align: center;
    background: url("../img/sec_ttl_bg.png") no-repeat center top;
    background-size: 100%; }
    .sec_ttl h2 {
      font-size: 2.06vw;
      line-height: 1.3em;
      color: #00529F; }
      .sec_ttl h2 span {
        display: inline-block;
        font-size: 1.21vw; }

  #app {
    margin-bottom: 2.31vw; }
    #app .app_bg {
      width: 100%;
      margin: 2.34vw auto 0;
      box-sizing: border-box;
      padding: 3.75vw 0.93vw;
      border-radius: 0.93vw;
      background: #E9F6FF; }
      #app .app_bg .app_logo {
        width: 22.31vw;
        margin: 0 auto; }
      #app .app_bg .app_img {
        width: 29.34vw;
        margin: 2.34vw auto 4.68vw; }
      #app .app_bg .app_boxes {
        width: 30.93vw;
        margin: 0 auto 5.34vw;
        box-sizing: border-box;
        padding: 2.71vw 1.4vw;
        border-radius: 0.93vw;
        background: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #app .app_bg .app_boxes h3 {
          font-size: 1.87vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          color: #00529F;
          text-align: center;
          margin-bottom: 2.34vw; }
          #app .app_bg .app_boxes h3 span {
            display: inline-block;
            margin-top: 0.37vw;
            width: 15vw;
            background: url("../img/app_ttl_ob.png") no-repeat center bottom;
            background-size: 100%; }
        #app .app_bg .app_boxes .app_box {
          width: 13.45vw;
          text-align: center; }
          #app .app_bg .app_boxes .app_box:nth-child(n+4) {
            margin-top: 2.34vw; }
          #app .app_bg .app_boxes .app_box .app_box_ttl {
            font-size: 1.03vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            padding: 0.7vw 0;
            border-radius: 0.93vw;
            background: #E9F6FF;
            position: relative; }
            #app .app_bg .app_boxes .app_box .app_box_ttl::before {
              position: absolute;
              content: "";
              width: 1.21vw;
              height: 0.65vw;
              bottom: -0.65vw;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/app_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #app .app_bg .app_boxes .app_box .app_box_txt {
            font-size: 0.93vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            margin: 0.93vw 0; }
      #app .app_bg .app_dl {
        width: 29.06vw;
        margin: 0 auto 4.68vw; }
        #app .app_bg .app_dl h3 {
          font-size: 1.59vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          margin-bottom: 2.34vw; }
        #app .app_bg .app_dl .app_dl_box {
          width: 28.12vw;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #app .app_bg .app_dl .app_dl_box .app_logo {
            width: 13.03vw; }
          #app .app_bg .app_dl .app_dl_box .app_dl_btn {
            width: 13.21vw; }
            #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn {
              width: 100%; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn:first-child {
                margin-bottom: 0.46vw; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn a {
                display: block;
                width: 100%;
                transition: 0.3s; }
                #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn a:hover {
                  opacity: 0.7; }
      #app .app_bg .app_use {
        width: 28.12vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 2.62vw 1.68vw 0.75vw;
        border-radius: 0.93vw;
        border: solid 0.18vw #fff;
        background: rgba(255, 255, 255, 0.6); }
        #app .app_bg .app_use h3 {
          font-size: 1.59vw;
          line-height: 1.3em;
          color: #00529F;
          text-align: center; }
        #app .app_bg .app_use .app_use_boxes .app_use_box {
          padding-bottom: 1.87vw;
          background: url("../img/app_use_dot.png") no-repeat left bottom;
          background-size: 100% 0.46vw; }
          #app .app_bg .app_use .app_use_boxes .app_use_box:last-child {
            background: none; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question {
            padding: 1.87vw 0 0;
            position: relative;
            cursor: pointer; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question::before {
              position: absolute;
              content: "";
              width: 2.53vw;
              height: 2.43vw;
              right: 0;
              top: 1.87vw;
              background: url("../img/app_use_arrow.png") no-repeat;
              background-size: contain;
              transition: 0.3s; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question p {
              font-size: 1.31vw;
              line-height: 1.7em;
              font-weight: 900;
              color: #00529F; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question.open::before {
            transform: rotate(-180deg); }
          #app .app_bg .app_use .app_use_boxes .app_use_box .answer {
            display: none;
            padding-top: 0.28vw; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt {
              font-size: 1.21vw;
              line-height: 1.7em;
              font-weight: bold; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt:nth-child(n+2) {
                margin-top: 0.28vw; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt a {
                color: #00529F; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.small {
              font-size: 0.93vw; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.black {
              font-weight: 900; }

  #online .online_bg {
    width: 100%;
    margin: calc(4.68vw * 0.54) auto 0;
    box-sizing: border-box;
    padding: 3.75vw 0.93vw;
    border-radius: 0.93vw;
    background: #E9F6FF; }
    #online .online_bg > h3 {
      width: 100%;
      font-size: calc(1.87vw * 0.8);
      letter-spacing: 0.05em;
      line-height: 1.3em;
      color: #00529F;
      text-align: center;
      margin-bottom: 2.34vw; }
      #online .online_bg > h3 span {
        display: inline-block;
        margin-top: 0.37vw;
        width: 15.75vw;
        background: url("../img/app_ttl_ob.png") no-repeat center bottom;
        background-size: 100%; }
    #online .online_bg .online_logo {
      width: 17.06vw;
      margin: 0 auto; }
    #online .online_bg .online_img {
      width: 29.25vw;
      margin: 2.34vw auto 4.68vw; }
    #online .online_bg .online_boxes {
      width: 30.93vw;
      margin: 0 auto 4.68vw;
      box-sizing: border-box;
      padding: 2.71vw 1.4vw;
      border-radius: 0.93vw;
      background: #fff;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #online .online_bg .online_boxes h3 {
        width: 100%;
        font-size: 1.87vw;
        letter-spacing: 0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        margin-bottom: 2.34vw; }
        #online .online_bg .online_boxes h3 span {
          display: inline-block;
          margin-top: 0.37vw;
          width: 15.75vw;
          background: url("../img/app_ttl_ob.png") no-repeat center bottom;
          background-size: 100%; }
      #online .online_bg .online_boxes .online_box {
        width: 48%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        #online .online_bg .online_boxes .online_box:nth-child(n+3) {
          margin-top: 1.87vw; }
        #online .online_bg .online_boxes .online_box .online_box_ttl {
          width: 100%;
          font-size: 1.03vw;
          letter-spacing: 0.05em;
          line-height: 1.39em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          padding: 0.65vw 0;
          border-radius: 0.93vw;
          background: #E9F6FF;
          position: relative;
          margin-bottom: 1.4vw; }
          #online .online_bg .online_boxes .online_box .online_box_ttl::before {
            position: absolute;
            content: "";
            width: 1.21vw;
            height: 0.65vw;
            bottom: -0.61vw;
            left: 50%;
            transform: translateX(-50%);
            background: url("../img/app_box_ttl_arrow.png") no-repeat;
            background-size: contain; }
        #online .online_bg .online_boxes .online_box .online_box_txt {
          font-size: 0.93vw;
          letter-spacing: 0.05em;
          line-height: 1.39em;
          font-weight: 900;
          color: #00529F; }
        #online .online_bg .online_boxes .online_box .online_box_txt.full_txt {
          margin: 0.93vw 0; }
        #online .online_bg .online_boxes .online_box .online_box_txt.half_txt {
          width: 100%;
          text-align: center;
          margin: 3px 0 0.93vw; }
        #online .online_bg .online_boxes .online_box .online_box_img {
          width: 13.12vw; }
      #online .online_bg .online_boxes .online_box.full {
        width: 100%; }
    #online .online_bg .online_about {
      width: 28.12vw;
      margin: 0 auto 4.68vw; }
      #online .online_bg .online_about h3 {
        font-size: 1.96vw;
        letter-spacing: 0.05em;
        line-height: 1.5em;
        font-weight: 900;
        color: #00529F;
        text-align: center;
        margin-bottom: 1.87vw; }
      #online .online_bg .online_about .online_about_logo {
        width: 17.06vw;
        margin: 0 auto; }
      #online .online_bg .online_about .online_about_img {
        width: 14.53vw;
        margin: 1.87vw auto; }
      #online .online_bg .online_about .online_about_btn {
        margin-bottom: 1.87vw; }
        #online .online_bg .online_about .online_about_btn a {
          display: block;
          width: 100%;
          font-size: 1.43vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #fff;
          box-sizing: border-box;
          padding: 1.24vw 0 1.24vw 4vw;
          border-radius: 13.3333vw;
          background: url("../img/icon_link.png") no-repeat right 2.25vw center #00529F;
          background-size: 1.21vw;
          transition: 0.3s; }
          #online .online_bg .online_about .online_about_btn a:hover {
            opacity: 0.7; }
          #online .online_bg .online_about .online_about_btn a span {
            display: inline-block;
            text-align: center; }
      #online .online_bg .online_about .online_about_causion {
        font-size: 0.93vw;
        line-height: 1.7em;
        font-weight: bold;
        color: #000; }
    #online .online_bg .online_use {
      width: 28.12vw;
      margin: 0 auto 4.68vw;
      box-sizing: border-box;
      padding: 2.62vw 1.68vw 0.75vw;
      border-radius: 0.93vw;
      border: solid 0.18vw #fff;
      background: rgba(255, 255, 255, 0.6); }
      #online .online_bg .online_use h3 {
        font-size: 1.87vw;
        line-height: 1.3em;
        color: #00529F;
        text-align: center; }
      #online .online_bg .online_use .online_use_boxes .online_use_box {
        padding-bottom: 1.87vw;
        background: url("../img/app_use_dot.png") no-repeat left bottom;
        background-size: 100% 0.46vw; }
        #online .online_bg .online_use .online_use_boxes .online_use_box:last-child {
          background: none; }
        #online .online_bg .online_use .online_use_boxes .online_use_box .question {
          padding: 1.87vw 0 0;
          position: relative;
          cursor: pointer; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question::before {
            position: absolute;
            content: "";
            width: 2.53vw;
            height: 2.43vw;
            right: 0;
            top: 1.87vw;
            background: url("../img/app_use_arrow.png") no-repeat;
            background-size: contain;
            transition: 0.3s; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question p {
            font-size: 1.31vw;
            line-height: 1.7em;
            font-weight: 900;
            color: #00529F; }
        #online .online_bg .online_use .online_use_boxes .online_use_box .question.open::before {
          transform: rotate(-180deg); }
        #online .online_bg .online_use .online_use_boxes .online_use_box .answer {
          display: none;
          padding-top: 0.28vw; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt {
            font-size: 1.21vw;
            line-height: 1.7em;
            font-weight: bold; }
    #online .online_bg .online_faq {
      width: 28.12vw;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 2.62vw 1.68vw;
      border-radius: 0.93vw;
      border: solid 0.18vw #fff;
      background: rgba(255, 255, 255, 0.6); }
      #online .online_bg .online_faq h3 {
        font-size: 1.87vw;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        margin-bottom: 1.87vw; }
      #online .online_bg .online_faq .online_faq_box .question {
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: flex-start; }
        #online .online_bg .online_faq .online_faq_box .question::before {
          position: absolute;
          content: "";
          width: 2.53vw;
          height: 2.43vw;
          right: 0;
          top: 0;
          background: url("../img/app_use_arrow.png") no-repeat;
          background-size: contain;
          transition: 0.3s; }
        #online .online_bg .online_faq .online_faq_box .question .icon {
          font-size: 2.81vw;
          line-height: 0.8em;
          color: #00529F;
          margin-right: 0.84vw; }
        #online .online_bg .online_faq .online_faq_box .question p {
          width: 17.81vw;
          font-size: 1.31vw;
          line-height: 1.7em;
          font-weight: bold;
          color: #000; }
      #online .online_bg .online_faq .online_faq_box .question.open::before {
        transform: rotate(-180deg); }
      #online .online_bg .online_faq .online_faq_box .answer {
        display: none;
        padding-top: 1.87vw; }
        #online .online_bg .online_faq .online_faq_box .answer .store_boxes {
          display: flex;
          justify-content: space-between; }
          #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box {
            width: 11.71vw;
            border-radius: 0.93vw;
            background: #fff;
            overflow: hidden; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl {
              height: 7.12vw;
              display: flex;
              justify-content: center;
              flex-direction: column;
              font-size: 0.84vw;
              letter-spacing: 0.05em;
              line-height: 1.3em;
              font-weight: 900;
              color: #fff;
              text-align: center;
              background: #00529F; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl span {
                display: inline-block;
                font-size: 1.21vw; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd {
              width: 11.25vw;
              margin: 0 auto;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              text-align: center; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p {
                font-size: 0.75vw;
                letter-spacing: 0.05em;
                line-height: 1.3em;
                font-weight: 900;
                color: #00529F; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p:nth-child(n+2) {
                  margin-top: 0.28vw; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span {
                  display: inline-block;
                  font-size: 0.93vw; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.orange {
                  color: #DA5A53; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.mr {
                  margin: 0 0.28vw; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name {
              height: 8.81vw; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name p {
                font-size: calc(0.75vw - 1px); }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo {
                width: 11.15vw;
                margin: 0.93vw auto 0; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo.short {
                width: 9.18vw; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .hour {
              height: 4.31vw;
              border-top: solid 0.09vw #DCDCDC;
              border-bottom: solid 0.09vw #DCDCDC; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .txt {
              height: 5.81vw; } }
@media screen and (max-width: 767px) {
  .breadcrumb {
    background: #fff; }

  .pconly {
    display: none !important; }

  #mv {
    position: relative;
    z-index: 2; }
    #mv .mv_img {
      width: 100%;
      line-height: 0; }
    #mv .mv_ttl {
      width: 100%;
      position: absolute;
      top: 10.4vw;
      left: 50%;
      transform: translateX(-50%); }
      #mv .mv_ttl .mv_logo {
        width: 58.384vw;
        margin: 0 auto 6.33vw; }
      #mv .mv_ttl h1 {
        font-weight: 900;
        font-size: 7.17333vw;
        letter-spacing: -0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        transform: translateY(-8px); }

  #head {
    padding: 11.4666vw 0;
    text-align: center;
    background: #C2E7FA;
    position: relative;
    margin-bottom: 2.6666vw;
    z-index: 1; }
    #head::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.34);
      z-index: 1; }
    #head::after {
      position: absolute;
      content: "";
      width: 100%;
      height: calc( 100% + 2.933vw );
      top: -2.933vw;
      left: 0;
      background: url("../img/head_bg.png") no-repeat center bottom;
      background-size: cover;
      z-index: 2; }
    #head .head_txt {
      position: relative;
      z-index: 3;
      font-size: 5.0666vw;
      letter-spacing: -0.05em;
      line-height: 1.3em;
      color: #00529F; }
    #head .head_txt.small {
      font-size: 3.4666vw;
      line-height: 1.6em;
      margin-top: 4vw; }

  .sec_ttl {
    padding-top: 23.7626vw;
    text-align: center;
    background: url("../img/sec_ttl_bg.png") no-repeat center top;
    background-size: 100%; }
    .sec_ttl h2 {
      font-size: 5.8666vw;
      line-height: 1.3em;
      color: #00529F; }
      .sec_ttl h2 span {
        display: inline-block;
        font-size: 3.4666vw; }

  #app {
    margin-bottom: 7.3333vw; }
    #app .app_bg {
      width: 100%;
      margin: 6.6666vw auto 0;
      box-sizing: border-box;
      padding: 10.6666vw 2.6666vw;
      border-radius: 2.6666vw;
      background: #E9F6FF; }
      #app .app_bg .app_logo {
        width: 63.5546vw;
        margin: 0 auto; }
      #app .app_bg .app_img {
        width: 83.4533vw;
        margin: 6.6666vw auto 13.3333vw; }
      #app .app_bg .app_boxes {
        width: 88vw;
        margin: 0 auto 13.3333vw;
        box-sizing: border-box;
        padding: 7.7333vw 4vw;
        border-radius: 2.6666vw;
        background: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #app .app_bg .app_boxes h3 {
          font-size: 5.3333vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          color: #00529F;
          text-align: center;
          margin-bottom: 6.6666vw; }
          #app .app_bg .app_boxes h3 span {
            display: inline-block;
            margin-top: 1.0666vw;
            width: 42.6666vw;
            background: url("../img/app_ttl_ob.png") no-repeat center bottom;
            background-size: 100%; }
        #app .app_bg .app_boxes .app_box {
          width: 38.2666vw;
          text-align: center; }
          #app .app_bg .app_boxes .app_box:nth-child(n+4) {
            margin-top: 6.6666vw; }
          #app .app_bg .app_boxes .app_box .app_box_ttl {
            font-size: 2.9333vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            padding: 2vw 0;
            border-radius: 1.3333vw;
            background: #E9F6FF;
            position: relative; }
            #app .app_bg .app_boxes .app_box .app_box_ttl::before {
              position: absolute;
              content: "";
              width: 3.4666vw;
              height: 1.8666vw;
              bottom: -1.8666vw;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/app_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #app .app_bg .app_boxes .app_box .app_box_txt {
            font-size: 2.6666vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            margin: 2.6666vw 0; }
      #app .app_bg .app_dl {
        width: 82.6666vw;
        margin: 0 auto 13.3333vw; }
        #app .app_bg .app_dl h3 {
          font-size: 4.5333vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          margin-bottom: 6.6666vw; }
        #app .app_bg .app_dl .app_dl_box {
          width: 80vw;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #app .app_bg .app_dl .app_dl_box .app_logo {
            width: 37.0213vw; }
          #app .app_bg .app_dl .app_dl_box .app_dl_btn {
            width: 37.6906vw; }
            #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn {
              width: 100%; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn:first-child {
                margin-bottom: 1.3466vw; }
              #app .app_bg .app_dl .app_dl_box .app_dl_btn .btn a {
                display: block;
                width: 100%; }
      #app .app_bg .app_use {
        width: 80vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 7.4666vw 4.8vw 2.1333vw;
        border-radius: 2.6666vw;
        border: solid 0.5333vw #fff;
        background: rgba(255, 255, 255, 0.6); }
        #app .app_bg .app_use h3 {
          font-size: 5.3333vw;
          line-height: 1.3em;
          color: #00529F;
          text-align: center; }
        #app .app_bg .app_use .app_use_boxes .app_use_box {
          padding-bottom: 5.3333vw;
          background: url("../img/app_use_dot.png") no-repeat left bottom;
          background-size: 100% 1.3333vw; }
          #app .app_bg .app_use .app_use_boxes .app_use_box:last-child {
            background: none; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question {
            padding: 5.3333vw 0 0;
            position: relative;
            cursor: pointer; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question::before {
              position: absolute;
              content: "";
              width: 7.2vw;
              height: 6.9333vw;
              right: 0;
              top: 5.3333vw;
              background: url("../img/app_use_arrow.png") no-repeat;
              background-size: contain;
              transition: 0.3s; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .question p {
              font-size: 3.7333vw;
              line-height: 1.7em;
              font-weight: 900;
              color: #00529F; }
          #app .app_bg .app_use .app_use_boxes .app_use_box .question.open::before {
            transform: rotate(-180deg); }
          #app .app_bg .app_use .app_use_boxes .app_use_box .answer {
            display: none;
            padding-top: 1.3333vw; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt {
              font-size: 3.4666vw;
              line-height: 1.7em;
              font-weight: bold; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt:nth-child(n+2) {
                margin-top: 0.8vw; }
              #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt a {
                color: #00529F; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.small {
              font-size: 2.6666vw; }
            #app .app_bg .app_use .app_use_boxes .app_use_box .answer .answer_txt.black {
              font-weight: 900; }

  #online {
    margin-bottom: 5.3333vw; }
    #online .online_bg {
      width: 100%;
      margin: calc(13.3333vw * 0.54) auto 0;
      box-sizing: border-box;
      padding: 10.6666vw 2.6666vw;
      border-radius: 2.6666vw;
      background: #E9F6FF; }
      #online .online_bg > h3 {
        width: 100%;
        font-size: calc(5.3333vw * 0.8);
        letter-spacing: 0.05em;
        line-height: 1.3em;
        color: #00529F;
        text-align: center;
        margin-bottom: 6.6666vw; }
        #online .online_bg > h3 span {
          display: inline-block;
          margin-top: 1.0666vw;
          width: 44.752vw;
          background: url("../img/app_ttl_ob.png") no-repeat center bottom;
          background-size: 100%; }
      #online .online_bg .online_logo {
        width: 48.5333vw;
        margin: 0 auto; }
      #online .online_bg .online_img {
        width: 83.2vw;
        margin: 6.6666vw auto 13.3333vw; }
      #online .online_bg .online_boxes {
        width: 88vw;
        margin: 0 auto 13.3333vw;
        box-sizing: border-box;
        padding: 7.7333vw 4vw;
        border-radius: 2.6666vw;
        background: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #online .online_bg .online_boxes h3 {
          width: 100%;
          font-size: 5.3333vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          color: #00529F;
          text-align: center;
          margin-bottom: 6.6666vw; }
          #online .online_bg .online_boxes h3 span {
            display: inline-block;
            margin-top: 1.0666vw;
            width: 44.752vw;
            background: url("../img/app_ttl_ob.png") no-repeat center bottom;
            background-size: 100%; }
        #online .online_bg .online_boxes .online_box {
          width: 48%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap; }
          #online .online_bg .online_boxes .online_box:nth-child(n+3) {
            margin-top: 5.3333vw; }
          #online .online_bg .online_boxes .online_box .online_box_ttl {
            width: 100%;
            font-size: 2.9333vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F;
            text-align: center;
            padding: 1.8666vw 0;
            border-radius: 1.3333vw;
            background: #E9F6FF;
            position: relative;
            margin-bottom: 4vw; }
            #online .online_bg .online_boxes .online_box .online_box_ttl::before {
              position: absolute;
              content: "";
              width: 3.4666vw;
              height: 1.8666vw;
              bottom: -1.76vw;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/app_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #online .online_bg .online_boxes .online_box .online_box_txt {
            font-size: 2.6666vw;
            letter-spacing: 0.05em;
            line-height: 1.39em;
            font-weight: 900;
            color: #00529F; }
          #online .online_bg .online_boxes .online_box .online_box_txt.full_txt {
            margin: 2.6666vw 0; }
          #online .online_bg .online_boxes .online_box .online_box_txt.half_txt {
            width: 100%;
            text-align: center;
            margin: 3px 0 2.6666vw; }
          #online .online_bg .online_boxes .online_box .online_box_img {
            width: 37.48vw; }
        #online .online_bg .online_boxes .online_box.full {
          width: 100%; }
      #online .online_bg .online_about {
        width: 80vw;
        margin: 0 auto 13.3333vw; }
        #online .online_bg .online_about h3 {
          font-size: 5.6vw;
          letter-spacing: 0.05em;
          line-height: 1.5em;
          font-weight: 900;
          color: #00529F;
          text-align: center;
          margin-bottom: 5.3333vw; }
        #online .online_bg .online_about .online_about_logo {
          width: 48.5333vw;
          margin: 0 auto; }
        #online .online_bg .online_about .online_about_img {
          width: 41.2426vw;
          margin: 5.3333vw auto; }
        #online .online_bg .online_about .online_about_btn {
          margin-bottom: 5.3333vw; }
          #online .online_bg .online_about .online_about_btn a {
            display: block;
            width: 100%;
            font-size: 4.5333vw;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            font-weight: 900;
            color: #fff;
            box-sizing: border-box;
            padding: 4vw 0 4vw 10.6666vw;
            border-radius: 13.3333vw;
            background: url("../img/icon_link.png") no-repeat right 6.53333vw center #00529F;
            background-size: 3.4666vw; }
            #online .online_bg .online_about .online_about_btn a span {
              display: inline-block;
              text-align: center; }
        #online .online_bg .online_about .online_about_causion {
          font-size: 2.6666vw;
          line-height: 1.7em;
          font-weight: bold;
          color: #000; }
      #online .online_bg .online_use {
        width: 80vw;
        margin: 0 auto 13.3333vw;
        box-sizing: border-box;
        padding: 7.4666vw 4.8vw 2.1333vw;
        border-radius: 2.6666vw;
        border: solid 0.5333vw #fff;
        background: rgba(255, 255, 255, 0.6); }
        #online .online_bg .online_use h3 {
          font-size: 5.3333vw;
          line-height: 1.3em;
          color: #00529F;
          text-align: center; }
        #online .online_bg .online_use .online_use_boxes .online_use_box {
          padding-bottom: 5.3333vw;
          background: url("../img/app_use_dot.png") no-repeat left bottom;
          background-size: 100% 1.3333vw; }
          #online .online_bg .online_use .online_use_boxes .online_use_box:last-child {
            background: none; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question {
            padding: 5.3333vw 0 0;
            position: relative;
            cursor: pointer; }
            #online .online_bg .online_use .online_use_boxes .online_use_box .question::before {
              position: absolute;
              content: "";
              width: 7.2vw;
              height: 6.9333vw;
              right: 0;
              top: 5.3333vw;
              background: url("../img/app_use_arrow.png") no-repeat;
              background-size: contain;
              transition: 0.3s; }
            #online .online_bg .online_use .online_use_boxes .online_use_box .question p {
              font-size: 3.7333vw;
              line-height: 1.7em;
              font-weight: 900;
              color: #00529F; }
          #online .online_bg .online_use .online_use_boxes .online_use_box .question.open::before {
            transform: rotate(-180deg); }
          #online .online_bg .online_use .online_use_boxes .online_use_box .answer {
            display: none;
            padding-top: 1.3333vw; }
            #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt {
              font-size: 3.4666vw;
              line-height: 1.7em;
              font-weight: bold; }
              #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt:nth-child(n+2) {
                margin-top: 0.8vw; }
              #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt a {
                color: #00529F; }
            #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt.small {
              font-size: 2.6666vw; }
            #online .online_bg .online_use .online_use_boxes .online_use_box .answer .answer_txt.black {
              font-weight: 900; }
      #online .online_bg .online_faq {
        width: 80vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 8vw 5.1333vw;
        border-radius: 2.6666vw;
        border: solid 0.5333vw #fff;
        background: rgba(255, 255, 255, 0.6); }
        #online .online_bg .online_faq h3 {
          font-size: 5.3333vw;
          line-height: 1.3em;
          color: #00529F;
          text-align: center;
          margin-bottom: 5.3333vw; }
        #online .online_bg .online_faq .online_faq_box .question {
          position: relative;
          cursor: pointer;
          display: flex;
          justify-content: flex-start; }
          #online .online_bg .online_faq .online_faq_box .question::before {
            position: absolute;
            content: "";
            width: 7.2vw;
            height: 6.9333vw;
            right: 0;
            top: 0;
            background: url("../img/app_use_arrow.png") no-repeat;
            background-size: contain;
            transition: 0.3s; }
          #online .online_bg .online_faq .online_faq_box .question .icon {
            font-size: 8vw;
            line-height: 0.8em;
            color: #00529F;
            margin-right: 2.4vw; }
          #online .online_bg .online_faq .online_faq_box .question p {
            width: 50.6666vw;
            font-size: 3.7333vw;
            line-height: 1.7em;
            font-weight: bold;
            color: #000; }
        #online .online_bg .online_faq .online_faq_box .question.open::before {
          transform: rotate(-180deg); }
        #online .online_bg .online_faq .online_faq_box .answer {
          display: none;
          padding-top: 5.3333vw; }
          #online .online_bg .online_faq .online_faq_box .answer .store_boxes {
            display: flex;
            justify-content: space-between; }
            #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box {
              width: 33.3333vw;
              border-radius: 2.6666vw;
              background: #fff;
              overflow: hidden; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl {
                height: 20.2666vw;
                display: flex;
                justify-content: center;
                flex-direction: column;
                font-size: 2.4vw;
                letter-spacing: 0.05em;
                line-height: 1.3em;
                font-weight: 900;
                color: #fff;
                text-align: center;
                background: #00529F; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .store_box_ttl span {
                  display: inline-block;
                  font-size: 3.4666vw; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd {
                width: 32vw;
                margin: 0 auto;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                text-align: center; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p {
                  font-size: 2.1333vw;
                  letter-spacing: 0.05em;
                  line-height: 1.3em;
                  font-weight: 900;
                  color: #00529F; }
                  #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p:nth-child(n+2) {
                    margin-top: 0.8vw; }
                  #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span {
                    display: inline-block;
                    font-size: 2.6666vw; }
                  #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.orange {
                    color: #DA5A53; }
                  #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box dd p span.mr {
                    margin: 0 0.8vw; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name {
                height: 25.0666vw; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name p {
                  font-size: calc(2.1333vw - 1px); }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo {
                  width: 31.696vw;
                  margin: 2.6666vw auto 0; }
                #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .name .logo.short {
                  width: 26.16vw; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .hour {
                height: 12.2666vw;
                border-top: solid 0.2666vw #DCDCDC;
                border-bottom: solid 0.2666vw #DCDCDC; }
              #online .online_bg .online_faq .online_faq_box .answer .store_boxes .store_box .txt {
                height: 16.5333vw; } }