#procedureWrap {
  line-height: 1.625rem;
  padding-bottom: 6.875rem; }
  #procedureWrap h1:before {
    content: '';
    background: url(/content/dam/mi-tomonokai/images/card/icon_procedure.svg) no-repeat center center; }
  #procedureWrap .contentBlock {
    padding-top: 3.4375rem; }
  #procedureWrap .iconBlock {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%; }
    #procedureWrap .iconBlock .leftIcon {
      width: 5.625rem;
      margin: 0; }
    #procedureWrap .iconBlock .rightBlock {
      width: calc(100% - 9.375rem); }
    #procedureWrap .iconBlock h3 {
      font-size: 1.25rem;
      border-bottom: 0.0625rem solid #0c3388;
      padding-bottom: 0.625rem;
      margin-bottom: 2rem; }
    #procedureWrap .iconBlock .iconBlockMin {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      padding-bottom: 6.875rem;
      margin-bottom: 3.125rem;
      position: relative; }
      #procedureWrap .iconBlock .iconBlockMin .textBlock {
        width: calc(100% - 2.8125rem); }
      #procedureWrap .iconBlock .iconBlockMin:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-right: 3.0625rem solid transparent;
        border-left: 3.0625rem solid transparent;
        border-top: 1.5625rem solid #376AB3;
        position: absolute;
        bottom: 0;
        left: calc(50% - 3.0625rem); }
      #procedureWrap .iconBlock .iconBlockMin.noArrow {
        margin-bottom: 0;
        padding-bottom: 3.75rem; }
        #procedureWrap .iconBlock .iconBlockMin.noArrow:after {
          display: none; }
    #procedureWrap .iconBlock .leftIconMin {
      width: 2.1875rem;
      margin: 0;
      position: relative;
      top: -0.3125rem; }
    #procedureWrap .iconBlock .bold {
      font-weight: bold; }
    #procedureWrap .iconBlock .title {
      font-size: 1.125rem;
      margin-bottom: 0.5rem; }
    #procedureWrap .iconBlock .borderBlock {
      border: 0.25rem solid #AFC3E1;
      width: 100%;
      max-width: 47.75rem;
      margin: 1.75rem auto 0;
      padding: 1.6875rem 3.125rem 2.5rem; }
      #procedureWrap .iconBlock .borderBlock h4 {
        display: flex;
        justify-content: center;
        align-content: center;
        font-size: 1.125rem;
        line-height: 1.875rem;
        font-weight: bold; }
        #procedureWrap .iconBlock .borderBlock h4 .h4Icon {
          width: 1.25rem;
          margin: 0 0.5rem 0 0; }
      #procedureWrap .iconBlock .borderBlock .cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-top: 2.375rem; }
        #procedureWrap .iconBlock .borderBlock .cards li {
          width: 47%;
          max-width: 19.125rem; }
        #procedureWrap .iconBlock .borderBlock .cards .textBlock {
          display: block;
          width: 100%;
          margin-top: 0.5rem; }
        @media only screen and (min-width: 1px) and (max-width: 767px) {
          #procedureWrap .iconBlock .borderBlock .cards {
            display: block; }
            #procedureWrap .iconBlock .borderBlock .cards li {
              width: 100%;
              max-width: none; } }
        @media only screen and (min-width: 768px), print {
          #procedureWrap .iconBlock .borderBlock .cards .bnrLink {
            -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
            #procedureWrap .iconBlock .borderBlock .cards .bnrLink:hover {
              opacity: 0.7; } }
  #procedureWrap .flexWrap {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2.8125rem;
    margin-top: 1.25rem; }
    #procedureWrap .flexWrap .leftSide, #procedureWrap .flexWrap .rightSide {
      width: 50%; }
      #procedureWrap .flexWrap .leftSide p, #procedureWrap .flexWrap .rightSide p {
        padding-left: 2.6875rem; }
      #procedureWrap .flexWrap .leftSide .attention, #procedureWrap .flexWrap .rightSide .attention {
        font-size: 0.875rem;
        line-height: 1.3125rem;
        padding-left: 3.6875rem; }
        #procedureWrap .flexWrap .leftSide .attention.pl00, #procedureWrap .flexWrap .rightSide .attention.pl00 {
          padding-left: 2.6875rem; }
        #procedureWrap .flexWrap .leftSide .attention li, #procedureWrap .flexWrap .rightSide .attention li {
          text-indent: -1em;
          padding-left: 1em; }
    #procedureWrap .flexWrap .leftSide {
      padding-right: 1.875rem; }
    #procedureWrap .flexWrap .rightSide {
      border-left: 0.0625rem solid #d7d7d7;
      padding-left: 1.875rem; }
    #procedureWrap .flexWrap.mt00 {
      padding-left: 0;
      margin-top: 0;
      width: calc(100% - 2.7rem); }
      @media only screen and (min-width: 768px), print {
        #procedureWrap .flexWrap.mt00 .leftSide {
          padding-right: 1.875rem;
          width: 48%; } }
    #procedureWrap .flexWrap h4 {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 1.125rem;
      margin-bottom: 1rem; }
      #procedureWrap .flexWrap h4 .num {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #376ab3;
        color: #FFF;
        height: 1.6875rem;
        width: 1.6875rem;
        margin-right: 1rem; }
  #procedureWrap .textLink {
    color: #376ab3; }
    @media only screen and (min-width: 768px), print {
      #procedureWrap .textLink:hover {
        text-decoration: underline; } }
  #procedureWrap .exampleDl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 2.6875rem;
    margin-top: 1.6875rem;
    margin-bottom: 0.9375rem; }
    #procedureWrap .exampleDl dt {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #376ab3;
      color: #FFF;
      font-weight: bold;
      width: 1.5rem;
      height: 1.5rem; }
    #procedureWrap .exampleDl dd {
      width: calc(100% - 2.3125rem); }
      #procedureWrap .exampleDl dd strong {
        display: block;
        color: #376ab3; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #procedureWrap .exampleDl {
        padding-left: 2.1875rem; } }
  #procedureWrap .maturityDl {
    padding-left: 2.6875rem;
    margin-top: 1.25rem; }
    #procedureWrap .maturityDl dt {
      display: flex;
      align-items: center;
      font-weight: bold;
      color: #FFF;
      min-height: 1.875rem;
      line-height: 1rem;
      width: fit-content;
      padding: 0.375rem 0.625rem 0.375rem 0.375rem; }
    #procedureWrap .maturityDl dd {
      padding: 0.9375rem 1.4rem; }
      #procedureWrap .maturityDl dd .red {
        display: block;
        color: #c50018;
        font-weight: bold; }
      #procedureWrap .maturityDl dd .attention {
        padding-left: 1.125rem !important;
        margin-top: 0.3rem; }
    #procedureWrap .maturityDl ol li {
      text-indent: -1em;
      padding-left: 1em; }
    #procedureWrap .maturityDl .iconMaturity {
      width: 1.125rem;
      margin: 0 0.625rem 0 0; }
    #procedureWrap .maturityDl.maturityBlue dt {
      background: #376ab3; }
    #procedureWrap .maturityDl.maturityBlue dd {
      background: #EBF0F7; }
    #procedureWrap .maturityDl.maturityGreen dt {
      background: #148e62; }
    #procedureWrap .maturityDl.maturityGreen dd {
      background: #E7F4EF; }
  #procedureWrap .bgBlue {
    background: #EBF0F7;
    padding: 1.4375rem 1.75rem; }
    #procedureWrap .bgBlue.wide {
      margin-top: 3.125rem;
      margin-left: 2.8125rem; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #procedureWrap .bgBlue.wide {
          margin-left: 0; } }
    #procedureWrap .bgBlue.iconBg {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 1rem; }
    #procedureWrap .bgBlue .iconBlock {
      width: 2.375rem;
      display: flex;
      flex-wrap: wrap;
      font-size: 0.75rem;
      font-weight: bold; }
    #procedureWrap .bgBlue h5 {
      font-weight: bold;
      margin-bottom: 0.5rem; }
  #procedureWrap .leadTxt {
    margin-top: -0.3125rem;
    margin-bottom: 2.5rem; }
  #procedureWrap .bgBlueIcon {
    width: 2.375rem; }
  #procedureWrap .moreDl {
    width: calc(100% - 3.375rem); }
    #procedureWrap .moreDl dt {
      font-weight: bold;
      margin-bottom: 0.625rem; }
    #procedureWrap .moreDl .attention {
      font-size: 0.875rem;
      padding-left: 1rem;
      margin-top: 0.3rem; }
  #procedureWrap .bottomBlock {
    width: 100%;
    max-width: 1080px;
    border-top: 0.0625rem solid #D7D7D7;
    padding-top: 3.75rem;
    margin: 0 auto; }
    #procedureWrap .bottomBlock .bgGray {
      background: #F6F6F6;
      padding: 3.75rem 3.4375rem 4.25rem; }
    #procedureWrap .bottomBlock h3 {
      font-size: 1.375rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 2.5rem; }
    #procedureWrap .bottomBlock .agentList li {
      margin-bottom: 0.875rem; }
      #procedureWrap .bottomBlock .agentList li strong {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 1.125rem;
        font-weight: bold; }
      #procedureWrap .bottomBlock .agentList li .num {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #376AB3;
        font-size: 0.875rem;
        color: #FFF;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.625rem; }
    #procedureWrap .bottomBlock .agentList .inner {
      padding-left: 1.875rem; }
      #procedureWrap .bottomBlock .agentList .inner .innerOl {
        display: flex;
        flex-wrap: wrap;
        margin-left: 1rem; }
      #procedureWrap .bottomBlock .agentList .inner li {
        width: 45%;
        margin-bottom: 0; }
      #procedureWrap .bottomBlock .agentList .inner .txtMin {
        font-size: 0.875rem;
        text-indent: -1em;
        padding-left: 1em; }
        #procedureWrap .bottomBlock .agentList .inner .txtMin.num04 {
          margin-left: 1rem; }
  #procedureWrap .attorneyDl {
    margin-top: 3.4375rem; }
    #procedureWrap .attorneyDl dt {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #376AB3;
      font-size: 1.125rem;
      font-weight: bold;
      color: #FFF;
      height: 3.125rem; }
    #procedureWrap .attorneyDl dd {
      background: #FFF;
      text-align: center;
      padding: 1.125rem 0 2.25rem; }
  #procedureWrap .pdf {
    max-width: 22.5rem;
    margin-top: 1.5625rem; }
    #procedureWrap .pdf:after {
      display: none; }
    #procedureWrap .pdf .iconPdf {
      width: 1.1875rem;
      margin: 0 0.625rem 0 0; }
  @media only screen and (min-width: 1px) and (max-width: 767px) {
    #procedureWrap {
      font-size: 0.875rem;
      line-height: 1.5rem; }
      #procedureWrap .contentBlock {
        padding: 0 0.9375rem; }
      #procedureWrap .iconBlock h3 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 1.125rem;
        padding-bottom: 0.625rem; }
        #procedureWrap .iconBlock h3 .leftIcon {
          width: 3.75rem;
          height: 3.75rem;
          margin-right: 0.9375rem; }
      #procedureWrap .iconBlock .rightBlock {
        width: 100%; }
      #procedureWrap .iconBlock .leftIconMin {
        top: 0.2rem; }
        #procedureWrap .iconBlock .leftIconMin.spPosition01 {
          top: -0.4rem; }
      #procedureWrap .iconBlock .iconBlockMin {
        padding-bottom: 2.5rem;
        margin-bottom: 1.71875rem; }
        #procedureWrap .iconBlock .iconBlockMin:after {
          border-right: 1.53125rem solid transparent;
          border-left: 1.53125rem solid transparent;
          border-top: 0.71875rem solid #376AB3;
          left: calc(50% - 1.53125rem); }
      #procedureWrap .iconBlock .borderBlock {
        max-width: none;
        margin-left: -2.8125rem;
        width: calc(100% + 2.8125rem);
        padding: 1.71875rem 0.9375rem; }
        #procedureWrap .iconBlock .borderBlock h4 {
          justify-content: flex-start;
          line-height: 1.5rem; }
        #procedureWrap .iconBlock .borderBlock .cards {
          margin-top: 1.0625rem; }
          #procedureWrap .iconBlock .borderBlock .cards li:last-child {
            margin-top: 1.71875rem; }
        #procedureWrap .iconBlock .borderBlock .textBlock {
          width: 100%;
          margin-top: 1rem; }
      #procedureWrap .flexWrap {
        display: block;
        width: 100% !important; }
        #procedureWrap .flexWrap.mt00 {
          width: calc(100% - 2.8125rem) !important; }
        #procedureWrap .flexWrap h4 {
          margin-bottom: 0.2rem; }
          #procedureWrap .flexWrap h4 .num {
            margin-right: 0.5rem; }
        #procedureWrap .flexWrap .leftSide, #procedureWrap .flexWrap .rightSide {
          width: 100%; }
          #procedureWrap .flexWrap .leftSide .attention, #procedureWrap .flexWrap .rightSide .attention {
            font-size: 0.75rem;
            line-height: 1.25rem;
            padding-left: 2.1875rem;
            margin-top: 0.4rem; }
          #procedureWrap .flexWrap .leftSide p, #procedureWrap .flexWrap .rightSide p {
            padding-left: 2.1875rem; }
        #procedureWrap .flexWrap .leftSide {
          padding-right: 0; }
        #procedureWrap .flexWrap .rightSide {
          border: none;
          padding-left: 0;
          margin-top: 1.96875rem; }
      #procedureWrap .maturityDl dd .attention {
        padding-left: 0 !important; }
      #procedureWrap .maturityDl dt {
        font-size: 0.875rem; }
      #procedureWrap .maturityDl {
        padding-left: 2.1875rem; }
        #procedureWrap .maturityDl .iconMaturity {
          margin-right: 0.4rem; }
      #procedureWrap .bgBlue.iconBg {
        width: calc(100% + 2.8125rem);
        margin-left: -2.8125rem; }
      #procedureWrap .moreDl dd {
        width: calc(100% + 4.75rem);
        margin-left: -3.75rem; }
        #procedureWrap .moreDl dd .attention {
          padding-left: 0; }
          #procedureWrap .moreDl dd .attention li {
            text-indent: -1em;
            padding-left: 1em; }
      #procedureWrap .bottomBlock {
        max-width: none;
        width: auto;
        margin: 0 0.9375rem; }
        #procedureWrap .bottomBlock .bgGray {
          padding: 1.875rem 0.9375rem; }
        #procedureWrap .bottomBlock h3 {
          font-size: 1.0625rem;
          margin-bottom: 1.125rem; }
        #procedureWrap .bottomBlock .leadTxt {
          margin-bottom: 1.4rem; }
        #procedureWrap .bottomBlock .agentList .inner {
          padding-left: 1.575rem; }
          #procedureWrap .bottomBlock .agentList .inner .innerOl {
            display: block;
            margin-left: 0; }
            #procedureWrap .bottomBlock .agentList .inner .innerOl li {
              width: 100%; }
          #procedureWrap .bottomBlock .agentList .inner .txtMin {
            font-size: 0.75rem;
            line-height: 1.25rem;
            margin-left: 0; }
        #procedureWrap .bottomBlock .agentList li {
          margin-bottom: 0.5rem; }
          #procedureWrap .bottomBlock .agentList li strong {
            font-size: 0.875rem; }
            #procedureWrap .bottomBlock .agentList li strong .text {
              line-height: 1.25rem; }
          #procedureWrap .bottomBlock .agentList li .num {
            font-size: 0.75rem;
            margin-right: 0.3125rem; }
            #procedureWrap .bottomBlock .agentList li .num.spPosition02 {
              position: relative;
              top: -0.6rem; }
      #procedureWrap .bgBlue .iconBlock {
        width: 3rem;
        justify-content: center; } }

#continueWrap {
  line-height: 1.625rem; }
  #continueWrap h1:before {
    content: '';
    background: url(/content/dam/mi-tomonokai/images/card/icon_continue_title.svg) no-repeat center center;
    top: -0.125rem; }
  #continueWrap .leadText .textMin {
    display: block;
    font-size: 0.875rem; }
  #continueWrap .contentBlock {
    padding-top: 4.125rem; }
  #continueWrap .iconBlockMin {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 6.875rem;
    position: relative; }
    #continueWrap .iconBlockMin .textBlock {
      width: calc(100% - 2.8125rem); }
    #continueWrap .iconBlockMin .leftIconMin {
      width: 2.1875rem;
      margin: 0;
      position: relative;
      top: -0.3125rem; }
    #continueWrap .iconBlockMin .bold {
      font-weight: bold; }
    #continueWrap .iconBlockMin .title {
      font-size: 1.125rem;
      margin-bottom: 0.5rem; }
  #continueWrap .flexWrap {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2.8125rem;
    margin-top: 1.25rem; }
    #continueWrap .flexWrap .leftSide, #continueWrap .flexWrap .rightSide {
      width: 50%; }
      #continueWrap .flexWrap .leftSide p, #continueWrap .flexWrap .rightSide p {
        padding-left: 2.6875rem; }
      #continueWrap .flexWrap .leftSide .attention, #continueWrap .flexWrap .rightSide .attention {
        font-size: 0.875rem;
        line-height: 1.3125rem;
        padding-left: 3.6875rem; }
        #continueWrap .flexWrap .leftSide .attention.pl00, #continueWrap .flexWrap .rightSide .attention.pl00 {
          padding-left: 2.6875rem; }
        #continueWrap .flexWrap .leftSide .attention li, #continueWrap .flexWrap .rightSide .attention li {
          text-indent: -1em;
          padding-left: 1em; }
    #continueWrap .flexWrap.mt00 {
      padding-left: 0;
      margin-top: 0; }
    #continueWrap .flexWrap .leftSide {
      padding-right: 1.875rem; }
    #continueWrap .flexWrap .rightSide {
      border-left: 0.0625rem solid #d7d7d7;
      padding-left: 1.875rem; }
    #continueWrap .flexWrap h4 {
      display: flex;
      align-items: flex-start;
      font-weight: bold;
      font-size: 1.125rem;
      margin-bottom: 1rem; }
      #continueWrap .flexWrap h4 .num {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #376ab3;
        color: #FFF;
        height: 1.6875rem;
        width: 1.6875rem;
        margin-right: 1rem; }
  #continueWrap .maturityDl {
    padding-left: 2.6875rem;
    margin-top: 1.25rem;
    margin-bottom: 1rem; }
    #continueWrap .maturityDl dt {
      display: flex;
      align-items: center;
      font-weight: bold;
      color: #FFF;
      min-height: 1.875rem;
      line-height: 1rem;
      width: fit-content;
      padding: 0.375rem 0.625rem 0.375rem 0.375rem; }
    #continueWrap .maturityDl dd {
      padding: 0.9375rem 1.4rem; }
      #continueWrap .maturityDl dd .red {
        display: block;
        color: #c50018;
        font-weight: bold; }
      #continueWrap .maturityDl dd .attention {
        padding-left: 1.125rem !important;
        margin-top: 0.3rem; }
    #continueWrap .maturityDl ol li {
      text-indent: -1em;
      padding-left: 1em; }
    #continueWrap .maturityDl .iconMaturity {
      width: 1.125rem;
      margin: 0 0.625rem 0 0; }
    #continueWrap .maturityDl.maturityGreen dt {
      background: #148e62; }
    #continueWrap .maturityDl.maturityGreen dd {
      background: #E7F4EF; }
  #continueWrap .attentionBlock {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    color: #c50018;
    border: 0.0625rem solid #c50018;
    margin-top: 1.4375rem;
    margin-left: 2.6875rem;
    padding: 0.9rem 1.125rem !important; }
    #continueWrap .attentionBlock .textWrap {
      display: block;
      width: calc(100% - 2.3125rem); }
      #continueWrap .attentionBlock .textWrap strong {
        font-weight: bold; }
  #continueWrap .iconAttention {
    width: 1.5625rem;
    margin: 0; }
  #continueWrap .attention.plNone {
    padding-left: 2.6875rem !important;
    margin-top: 1rem; }
  #continueWrap .autochargeLink {
    margin-left: 2.6875rem; }
  @media only screen and (min-width: 1px) and (max-width: 767px) {
    #continueWrap {
      font-size: 0.875rem;
      line-height: 1.5rem; }
      #continueWrap .leadText .textMin {
        font-size: 0.75rem;
        line-height: 1.25rem;
        text-indent: -1em;
        padding-left: 1em;
        margin-top: 0.3rem; }
      #continueWrap .contentBlock {
        padding: 2.4375rem 0.9375rem 0; }
      #continueWrap .iconBlockMin .leftIconMin {
        top: 0; }
      #continueWrap .flexWrap {
        display: block; }
        #continueWrap .flexWrap.mt00 {
          width: calc(100% - 2.8125rem) !important; }
        #continueWrap .flexWrap h4 {
          margin-bottom: 0.8rem; }
          #continueWrap .flexWrap h4 .num {
            margin-right: 0.5rem; }
        #continueWrap .flexWrap .attentionBlock {
          margin-left: 0; }
        #continueWrap .flexWrap .leftSide, #continueWrap .flexWrap .rightSide {
          width: 100%; }
          #continueWrap .flexWrap .leftSide .attention, #continueWrap .flexWrap .rightSide .attention {
            font-size: 0.75rem;
            line-height: 1.25rem;
            padding-left: 2.1875rem;
            margin-top: 0.4rem; }
            #continueWrap .flexWrap .leftSide .attention.plNone, #continueWrap .flexWrap .rightSide .attention.plNone {
              padding-left: 0 !important; }
          #continueWrap .flexWrap .leftSide p, #continueWrap .flexWrap .rightSide p {
            padding-left: 0; }
        #continueWrap .flexWrap .leftSide {
          padding-right: 0; }
        #continueWrap .flexWrap .rightSide {
          border: none;
          padding-left: 0;
          margin-top: 1.96875rem; }
      #continueWrap .maturityDl dd .attention {
        padding-left: 0 !important; }
      #continueWrap .maturityDl dt {
        font-size: 0.875rem; }
      #continueWrap .maturityDl {
        padding-left: 0; }
        #continueWrap .maturityDl .iconMaturity {
          margin-right: 0.4rem; }
      #continueWrap .autochargeLink {
        margin-left: 0; } }

#shoppingCardWrap {
  line-height: 1.625rem;
  padding-bottom: 8.125rem; }
  #shoppingCardWrap h1:before {
    content: '';
    background: url(/content/dam/mi-tomonokai/images/card/icon_membercard.svg) no-repeat center center; }
  #shoppingCardWrap .anchorBlock {
    max-width: 920px; }
    #shoppingCardWrap .anchorBlock li {
      width: calc(50% - 0.625rem); }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #shoppingCardWrap .anchorBlock li {
          line-height: 1.2;
          width: 100%; }
          #shoppingCardWrap .anchorBlock li a {
            height: 4.9375rem; } }
  #shoppingCardWrap .innerWrap {
    max-width: 1080px;
    margin: 0 auto; }
  #shoppingCardWrap .lowerAnchorBlock li {
    width: -webkit-fill-available; }
    #shoppingCardWrap .lowerAnchorBlock li a {
      padding: 0 2.5rem; }
  #shoppingCardWrap h3:before {
    display: inline-block;
    content: '';
    background: url(/content/dam/mi-tomonokai/images/card/icon_shops.svg) no-repeat center center;
    width: 2.1875rem;
    height: 2.1875rem;
    position: relative;
    top: 0.5rem;
    margin-right: 0.9375rem; }
  #shoppingCardWrap h3#ac02:before {
    background: url(/content/dam/mi-tomonokai/images/card/icon_online.svg) no-repeat center center; }
  #shoppingCardWrap h3#ac03:before {
    background: url(/content/dam/mi-tomonokai/images/card/icon_nouse.svg) no-repeat center center;
    width: 2.0625rem;
    height: 1.836925rem; }
  #shoppingCardWrap .titleCaption, #shoppingCardWrap ul.attention.txtMin {
    padding-left: 3.125rem; }
  #shoppingCardWrap ul.attention.txtMin {
    font-size: 0.875rem;
    line-height: 1.3125rem; }
    #shoppingCardWrap ul.attention.txtMin li {
      text-indent: -1em;
      padding-left: 1em; }
  #shoppingCardWrap .bgGray {
    background: #F6F6F6;
    padding: 2.5rem;
    margin-top: 1.875rem; }
    #shoppingCardWrap .bgGray.block01 {
      margin-bottom: 5rem; }
    #shoppingCardWrap .bgGray h4 {
      border-bottom: 0.125rem solid #919191;
      padding-bottom: 0.875rem;
      font-size: 1.0625rem;
      font-weight: bold; }
      #shoppingCardWrap .bgGray h4 .textMin {
        font-size: 0.875rem;
        font-weight: normal; }
    #shoppingCardWrap .bgGray h5 {
      font-weight: bold;
      margin-top: 0.875rem;
      margin-bottom: -0.625rem;
      margin-left: 1rem; }
  #shoppingCardWrap .logo {
    height: 2rem;
    margin: 0; }
  #shoppingCardWrap .lists {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.875rem;
    margin-bottom: 3.625rem;
    margin-left: 1rem; }
    #shoppingCardWrap .lists li {
      width: 25%;
      margin-bottom: 0.2rem; }
    #shoppingCardWrap .lists.wide {
      margin-bottom: 0.3125rem; }
      #shoppingCardWrap .lists.wide li {
        width: 50%; }
  #shoppingCardWrap .storeLink {
    display: inline-block;
    color: #0c3388;
    margin-top: 0.1875rem; }
    #shoppingCardWrap .storeLink:after {
      content: '';
      background: url(/content/dam/mi-tomonokai/images/card/icon_blank.svg) no-repeat center center;
      display: inline-block;
      width: 0.75rem;
      height: 0.5625rem;
      position: relative;
      top: -0.0625rem;
      left: 0.25rem; }
    @media only screen and (min-width: 768px), print {
      #shoppingCardWrap .storeLink:hover {
        text-decoration: underline; } }
  #shoppingCardWrap .block02 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 3.75rem; }
    #shoppingCardWrap .block02 .lists {
      margin-top: 0;
      margin-bottom: 1.875rem;
      margin-left: 0; }
    #shoppingCardWrap .block02 .bold {
      font-weight: bold;
      font-size: 1.125rem; }
  #shoppingCardWrap .block03 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 4.625rem; }
    #shoppingCardWrap .block03 .lists {
      margin-top: 0;
      margin-left: 0; }
      #shoppingCardWrap .block03 .lists li {
        text-indent: -0.5rem;
        padding-left: 0.5rem; }
    #shoppingCardWrap .block03 .textMin {
      font-size: 0.875rem; }
  #shoppingCardWrap .blockLink {
    display: inline-block;
    margin-top: 0.5rem; }
  #shoppingCardWrap .borderBlock {
    width: 100%;
    max-width: 47.75rem;
    border: 0.25rem solid #D7D7D7;
    padding: 2.9375rem 5.625rem 1.75rem;
    margin: 0 auto 6.25rem; }
    #shoppingCardWrap .borderBlock h3 {
      margin-bottom: 2.5rem; }
      #shoppingCardWrap .borderBlock h3 .logo {
        width: 26.00145rem;
        height: 6.25rem;
        margin: 0 auto; }
      #shoppingCardWrap .borderBlock h3:before {
        display: none; }
    #shoppingCardWrap .borderBlock .textMin {
      font-size: 0.875rem;
      margin: 0 0 0.6rem; }
  #shoppingCardWrap .use dt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 3.375rem; }
  #shoppingCardWrap .use dd {
    padding: 0.8125rem 0 0 2.5rem; }
    #shoppingCardWrap .use dd .textMin {
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin-top: 0.625rem; }
      #shoppingCardWrap .use dd .textMin li {
        text-indent: -1em;
        padding-left: 1em; }
  #shoppingCardWrap .use .icon {
    width: 2.1875rem;
    margin: 0 0.3125rem 0 0; }
  #shoppingCardWrap .use04Ul li {
    text-indent: -1rem;
    padding-left: 1rem;
    margin-bottom: 0.2rem; }
  #shoppingCardWrap .use06Ul li {
    text-indent: -0.7rem;
    padding-left: 0.7rem;
    margin-bottom: 0.2rem; }
  @media only screen and (min-width: 1px) and (max-width: 767px) {
    #shoppingCardWrap {
      padding-bottom: 4.6875rem; }
      #shoppingCardWrap .contentBlock {
        padding: 0 0.9375rem;
        font-size: 0.875rem;
        line-height: 1.5rem; }
      #shoppingCardWrap .titleCaption {
        margin-top: 1.2rem;
        margin-bottom: 0.5rem; }
      #shoppingCardWrap ul.attention.txtMin {
        font-size: 0.75rem; }
      #shoppingCardWrap .bgGray {
        padding: 1.5rem 0.9375rem;
        margin-top: 1.09375rem;
        margin-left: 3.125rem; }
        #shoppingCardWrap .bgGray.block01 {
          margin-bottom: 2.5rem; }
        #shoppingCardWrap .bgGray.block02 {
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
          margin-bottom: 2.1875rem; }
          #shoppingCardWrap .bgGray.block02 .bold {
            font-size: 1rem; }
          #shoppingCardWrap .bgGray.block02 .lists li {
            text-indent: -0.5em;
            padding-left: 0.5em; }
        #shoppingCardWrap .bgGray.block03 {
          margin-bottom: 1.875rem; }
          #shoppingCardWrap .bgGray.block03 .textMin {
            font-size: 0.75rem;
            line-height: 1.25rem;
            text-indent: -1em;
            padding-left: 1em; }
        #shoppingCardWrap .bgGray h5 {
          margin-left: 0; }
      #shoppingCardWrap .lists {
        margin-left: 0; }
        #shoppingCardWrap .lists li {
          width: 50%; }
          #shoppingCardWrap .lists li.spWide {
            width: 100%; }
        #shoppingCardWrap .lists.wide li {
          width: 100%; }
      #shoppingCardWrap h4 .textMin {
        display: block;
        text-indent: -1em;
        padding-left: 1em;
        font-size: 0.75rem;
        line-height: 1.25rem;
        margin-top: 0.4rem; }
      #shoppingCardWrap h3#ac02 {
        display: flex;
        margin-bottom: -1.25rem; }
        #shoppingCardWrap h3#ac02:before {
          top: 0.2rem; }
      #shoppingCardWrap .spMin {
        font-size: 0.8125rem; }
      #shoppingCardWrap .borderBlock {
        padding: 2.125rem 1.09375rem 1.8125rem;
        margin-bottom: 3.75rem; }
        #shoppingCardWrap .borderBlock h3 {
          margin-bottom: 1.8125rem; }
          #shoppingCardWrap .borderBlock h3 .logo {
            width: 15.625rem;
            height: 3.7558rem; }
        #shoppingCardWrap .borderBlock .textMin {
          font-size: 0.75rem;
          line-height: 1.25rem;
          text-indent: -1em;
          padding-left: 1em;
          margin-top: 0.5rem; } }

#onlineStoreWrap {
  padding-bottom: 5.625rem; }
  #onlineStoreWrap h1:before {
    content: '';
    background: url(/content/dam/mi-tomonokai/images/card/icon_pc.svg) no-repeat center center;
    top: 0; }
  @media only screen and (min-width: 1px) and (max-width: 767px) {
    #onlineStoreWrap h1 {
      line-height: 1.75rem;
      align-items: flex-start;
      flex-wrap: wrap; } }
  @media only screen and (min-width: 1px) and (max-width: 767px) {
    #onlineStoreWrap .contentBlock {
      padding: 0 0.9375rem; } }
  #onlineStoreWrap .topLead {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 2.125rem;
    text-align: center; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .topLead {
        font-size: 1.125rem;
        line-height: 1.875rem;
        text-align: left; } }
  #onlineStoreWrap .stepWrap {
    border-top: 0.125rem solid #EBEBEB;
    margin-top: 3.4375rem; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .stepWrap {
        margin-top: 2.1875rem; } }
    #onlineStoreWrap .stepWrap mark {
      font-weight: bold; }
  #onlineStoreWrap .step {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 0.125rem solid #EBEBEB;
    padding: 2.5rem 0; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .step {
        display: block;
        padding: 1.875rem 0; } }
  #onlineStoreWrap .stepNum {
    background: #376AB3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 0.875rem;
    font-weight: bold;
    width: 4.5625rem;
    height: 1.875rem; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .stepNum {
        font-size: 0.75rem;
        width: 3.875rem;
        height: 1.75rem;
        margin-bottom: 0.875rem; } }
    #onlineStoreWrap .stepNum .textMin {
      position: relative;
      top: 0.2rem; }
    #onlineStoreWrap .stepNum .num {
      font-size: 1.375rem;
      margin-left: 0.2rem;
      position: relative;
      top: 0.1rem; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #onlineStoreWrap .stepNum .num {
          font-size: 1.25rem; } }
  #onlineStoreWrap .rightBlock {
    line-height: 1.625rem;
    width: calc(100% - 5.9375rem); }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .rightBlock {
        font-size: 0.875rem;
        line-height: 1.5rem;
        width: 100%; } }
    #onlineStoreWrap .rightBlock .arrow {
      font-size: 0.875rem; }
    #onlineStoreWrap .rightBlock .stepTitle {
      display: block;
      font-size: 1.125rem;
      font-weight: bold;
      line-height: 1.875rem;
      margin-bottom: 0.3125rem; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #onlineStoreWrap .rightBlock .stepTitle {
          font-size: 1rem;
          line-height: 1.5rem; } }
    #onlineStoreWrap .rightBlock .textMin {
      font-size: 0.75rem;
      line-height: 1.25rem; }
      #onlineStoreWrap .rightBlock .textMin.ml1em {
        margin-left: 1rem; }
        @media only screen and (min-width: 1px) and (max-width: 767px) {
          #onlineStoreWrap .rightBlock .textMin.ml1em {
            margin-left: 0; } }
      #onlineStoreWrap .rightBlock .textMin.indentStyle {
        text-indent: -1em;
        padding-left: 1em; }
    #onlineStoreWrap .rightBlock .innerOl {
      margin-top: 2.0625rem; }
    #onlineStoreWrap .rightBlock .innerLi {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #onlineStoreWrap .rightBlock .innerLi:first-child {
        margin-bottom: 1.25rem; }
      #onlineStoreWrap .rightBlock .innerLi .num {
        background: #376AB3;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-size: 0.875rem;
        font-weight: bold;
        width: 1.25rem;
        height: 1.25rem; }
      #onlineStoreWrap .rightBlock .innerLi .innerRightBlock {
        width: calc(100% - 1.875rem);
        font-size: 0.875rem;
        line-height: 1.5625rem; }
      #onlineStoreWrap .rightBlock .innerLi .innerTitle {
        font-size: 1rem;
        font-weight: bold;
        position: relative;
        top: -0.15rem; }
      #onlineStoreWrap .rightBlock .innerLi .textMin {
        font-size: 0.75rem; }
      #onlineStoreWrap .rightBlock .innerLi .indentStyle {
        text-indent: -1em;
        padding-left: 1em; }
  #onlineStoreWrap .attentionUl {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 1.25rem; }
    #onlineStoreWrap .attentionUl li {
      text-indent: -1em;
      padding-left: 1em; }
  #onlineStoreWrap .imgBlock {
    padding-left: 1rem;
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 2.5rem; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .imgBlock {
        font-size: 1rem;
        line-height: 1rem;
        padding: 0; } }
  #onlineStoreWrap .pctStep6 {
    max-width: 900px;
    margin: 0.9375rem 0 0; }
  #onlineStoreWrap .btnArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #EBF0F7;
    text-align: center;
    margin-top: 3.4375rem;
    padding: 3.125rem 1.25rem 1.25rem; }
    #onlineStoreWrap .btnArea .imageBlock {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFF;
      width: 100%;
      height: 5.625rem;
      -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #onlineStoreWrap .btnArea .imageBlock .pct {
          transform: scale(2); } }
      #onlineStoreWrap .btnArea .imageBlock.on {
        background: #0c3388;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0; }
    #onlineStoreWrap .btnArea li {
      max-width: 21.5625rem;
      width: -webkit-fill-available;
      width: -moz-available;
      margin: 0 0.625rem; }
    #onlineStoreWrap .btnArea a {
      display: block;
      color: #0c3388;
      font-weight: bold;
      position: relative; }
      @media only screen and (min-width: 768px), print {
        #onlineStoreWrap .btnArea a:hover {
          text-decoration: underline; }
          #onlineStoreWrap .btnArea a:hover .imageBlock {
            opacity: 0; }
            #onlineStoreWrap .btnArea a:hover .imageBlock.on {
              opacity: 1; } }
  #onlineStoreWrap .blank {
    display: inline-block;
    color: #0c3388; }
    #onlineStoreWrap .blank:after {
      content: '';
      background: url(/content/dam/mi-tomonokai/images/card/icon_blank.svg) no-repeat center center;
      display: inline-block;
      width: 0.75rem;
      height: 0.5625rem;
      position: relative;
      top: -0.0625rem;
      left: 0.25rem; }
    @media only screen and (min-width: 768px), print {
      #onlineStoreWrap .blank:hover {
        text-decoration: underline; } }
  #onlineStoreWrap.meeco .pctStep4, #onlineStoreWrap.meeco .pctStep5 {
    max-width: 860px;
    margin: 0.9375rem 0 0; }
  #onlineStoreWrap .stepAnchorWrap {
    background: #FFF;
    padding: 0.8rem 0 0.7rem;
    width: 100%;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.16);
    position: fixed;
    top: 70px;
    z-index: 99;
    display: none; }
    #onlineStoreWrap .stepAnchorWrap.active {
      display: block; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .stepAnchorWrap {
        top: 110px;
        padding: 0; } }
  #onlineStoreWrap .stepAnchor {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px; }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
      #onlineStoreWrap .stepAnchor {
        padding: 0; } }
    #onlineStoreWrap .stepAnchor li {
      border-left: 0.125rem solid #EBEBEB;
      width: inherit; }
      #onlineStoreWrap .stepAnchor li:last-child {
        border-right: 0.125rem solid #EBEBEB; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #onlineStoreWrap .stepAnchor li {
          border-left: none;
          border-right: 2px solid #EBEBEB;
          margin: 0.625rem 0 0.3125rem; }
          #onlineStoreWrap .stepAnchor li:last-child {
            border: none; } }
    #onlineStoreWrap .stepAnchor li a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.875rem;
      font-weight: bold;
      width: 100%;
      height: 1.8rem;
      position: relative;
      -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      #onlineStoreWrap .stepAnchor li a .textMin {
        position: relative;
        top: 0.2rem; }
      #onlineStoreWrap .stepAnchor li a .num {
        font-size: 1.375rem;
        margin-left: 0.2rem;
        position: relative;
        top: 0.1rem; }
      @media only screen and (min-width: 1px) and (max-width: 767px) {
        #onlineStoreWrap .stepAnchor li a {
          font-size: 0.6rem;
          height: 1.2rem; }
          #onlineStoreWrap .stepAnchor li a .num {
            font-size: 1rem; } }
      @media only screen and (min-width: 768px), print {
        #onlineStoreWrap .stepAnchor li a {
          padding-right: 0.5rem; }
          #onlineStoreWrap .stepAnchor li a:after {
            content: '';
            display: block;
            border-right: 0.0625rem solid;
            border-bottom: 0.0625rem solid;
            width: 0.4rem;
            height: 0.4rem;
            transform: rotate(45deg);
            position: absolute;
            right: 1rem;
            top: calc(50% - 0.2rem);
            -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
          #onlineStoreWrap .stepAnchor li a:hover {
            color: #376AB3; }
            #onlineStoreWrap .stepAnchor li a:hover:after {
              border-right: 0.1rem solid;
              border-bottom: 0.1rem solid;
              top: calc(50% - 0.1rem);
              border-color: #0c3388; } }
  #onlineStoreWrap .btn.min {
    width: fit-content;
    height: 2.125rem;
    font-size: 0.86rem;
    line-height: 1;
    margin: 0.25rem 0;
    padding: 0 1.25rem 0 01rem; }
    #onlineStoreWrap .btn.min.mt10 {
      margin-top: 0.5rem; }
    #onlineStoreWrap .btn.min:after {
      content: '';
      background: url(/content/dam/mi-tomonokai/images/card/icon_blank.svg) no-repeat center center;
      display: inline-block;
      width: 0.75rem;
      height: 0.5625rem;
      position: relative;
      top: -0.0625rem;
      left: 0.5rem;
      border: none;
      transform: rotate(0);
      filter: brightness(100);
      -webkit-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    @media only screen and (min-width: 768px), print {
      #onlineStoreWrap .btn.min:hover:after {
        filter: brightness(0); } }

#onlineStoreWrap.passwordRegistration h1:before {
  background: url(/content/dam/mi-tomonokai/images/card/icon_password.svg) no-repeat center center; }
#onlineStoreWrap.passwordRegistration .contentBlock {
  line-height: 1.625rem; }
  #onlineStoreWrap.passwordRegistration .contentBlock mark {
    font-weight: bold; }
  #onlineStoreWrap.passwordRegistration .contentBlock .innerOl {
    margin-top: 2.0625rem;
    margin-bottom: 5.625rem; }
  #onlineStoreWrap.passwordRegistration .contentBlock .innerLi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi:first-child {
      margin-bottom: 1.25rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi .num {
      background: #376AB3;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFF;
      font-size: 0.875rem;
      font-weight: bold;
      width: 1.25rem;
      height: 1.25rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi .innerRightBlock {
      width: calc(100% - 1.875rem);
      font-size: 0.875rem;
      line-height: 1.5625rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi .innerTitle {
      font-size: 1rem;
      font-weight: bold;
      position: relative;
      top: -0.15rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi .textMin {
      font-size: 0.75rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .innerLi .indentStyle {
      text-indent: -1em;
      padding-left: 1em; }
  #onlineStoreWrap.passwordRegistration .contentBlock .textMin.indentStyle.ml1em {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-left: 1rem;
    text-indent: -1em;
    padding-left: 1em; }
  #onlineStoreWrap.passwordRegistration .contentBlock .use dt {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 3.375rem; }
  #onlineStoreWrap.passwordRegistration .contentBlock .use dd {
    padding: 0.8125rem 0 0 2.5rem; }
    #onlineStoreWrap.passwordRegistration .contentBlock .use dd .textMin {
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin-top: 0.625rem; }
      #onlineStoreWrap.passwordRegistration .contentBlock .use dd .textMin li {
        text-indent: -1em;
        padding-left: 1em; }
  #onlineStoreWrap.passwordRegistration .contentBlock .use .icon {
    width: 2.1875rem;
    margin: -0.3rem 0.3125rem 0 0; }