@charset "UTF-8";

/*初期設定*/

#sfMiniToolbar-67d7bb {
  display: none !important; }

.cf:before, .cf:after {
  display: block;
  content: "";
  overflow: hidden; }

.cf:after {
  clear: both; }

h2.center,
h3.center,
h4.center,
h5.center {
  text-align: center; }

.txt-left {
  text-align: left !important; }

.txt-right {
  text-align: right !important; }

.cancel {
  text-decoration: line-through; }

@media screen and (min-width: 769px) {
  .mb0 {
    margin-bottom: 0 !important; }

  .mb10 {
    margin-bottom: 10px; }

  .mb20 {
    margin-bottom: 20px; }

  .mb30 {
    margin-bottom: 30px; }

  .mb40 {
    margin-bottom: 40px; }

  .mb50 {
    margin-bottom: 50px; }

  .mb60 {
    margin-bottom: 60px; }

  .mb70 {
    margin-bottom: 70px; }

  .mb80 {
    margin-bottom: 80px; }

  .mb90 {
    margin-bottom: 90px; }

  .mb100 {
    margin-bottom: 100px; }

  .mt10 {
    margin-top: 10px !important; }

  .red-l {
    font-size: 22px;
    color: #e60012;
    font-weight: bold; }

  .ec-layoutRole__contents .ec-layoutRole__main {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p {
      font-size: 16px;
      line-height: 1.7; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p.strong {
      font-weight: bold; } }
@media screen and (max-width: 768px) {
  .smb0 {
    margin-bottom: 0 !important; }

  .smb10 {
    margin-bottom: 10px; }

  .smb20 {
    margin-bottom: 20px; }

  .smb30 {
    margin-bottom: 30px; }

  .smb40 {
    margin-bottom: 40px; }

  .smb50 {
    margin-bottom: 50px; }

  .smb60 {
    margin-bottom: 60px; }

  .smb70 {
    margin-bottom: 70px; }

  .smb80 {
    margin-bottom: 80px; }

  .smb90 {
    margin-bottom: 90px; }

  .smb100 {
    margin-bottom: 100px; }

  .smt5 {
    margin-top: 5px !important; }

  .red-l {
    font-size: 16px;
    color: #e60012;
    font-weight: bold; }

  .ec-layoutRole__contents .ec-layoutRole__main {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p {
      font-size: 14px;
      line-height: 1.5; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap p.strong {
      font-weight: bold; }
    .ec-layoutRole__contents .ec-layoutRole__main .ec-shelfRole {
      padding: 0; } }
/*コンテンツサイズ(カラム指定) component_01.html*/
@media screen and (min-width: 769px) {
  .pc-item {
    display: block; }

  .sp-item {
    display: none; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents {
    width: 100% !important;
    max-width: none !important; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main {
      padding: 60px 0;
      /*&:nth-child(odd){
        background: #fff;
      }
      &:nth-child(even){
        background: #f5f5f5;
      }*/ }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap {
        max-width: 960px;
        margin: 0 auto; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.gray {
      background: #f5f5f5; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.other {
      padding: 0 0 20px; }

  .normal img {
    width: 100%;
    height: auto; }

  .two-column {
    display: flex; }
    .two-column div {
      flex-shrink: 0;
      width: 460px; }
      .two-column div:last-child {
        margin-left: 40px; }
      .two-column div .number-head-l {
        margin-left: 0; }
      .two-column div img {
        max-width: 460px;
        width: 100%;
        height: auto; }
      .two-column div iframe {
        width: 460px;
        height: 259px; }
      .two-column div p {
        margin-top: 4px; }

  .two-column.small {
    width: 460px;
    margin: 0 auto; }
    .two-column.small div {
      width: 210px; }
      .two-column.small div p {
        font-size: 12px !important;
        margin-top: 10px; }

  .three-column {
    display: flex; }
    .three-column div {
      width: 293px;
      margin-left: 40px; }
      .three-column div:first-child {
        margin-left: 0; }

  .three-column-txt {
    display: flex; }
    .three-column-txt div {
      margin-left: 20px;
      padding-right: 19px;
      border-right: 1px solid #ccc; }
      .three-column-txt div:first-child {
        margin-left: 0; }
      .three-column-txt div:last-child {
        border-right: none; }
      .three-column-txt div p {
        font-size: 16px;
        line-height: 2;
        margin-top: 30px; }
        .three-column-txt div p::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 2) * .5em);
          content: ""; }
        .three-column-txt div p::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 2) * .5em);
          content: ""; }

  .four-column {
    display: flex; }
    .four-column div {
      margin-left: 40px;
      flex-shrink: 0; }
      .four-column div img {
        max-width: 210px;
        width: 100%;
        height: auto; }
      .four-column div:first-child {
        margin-left: 0; }
      .four-column div p {
        font-size: 12px;
        margin-top: 10px; } }
@media screen and (max-width: 768px) {
  .pc-item {
    display: none; }

  .sp-item {
    display: block; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main {
    padding: 40px 0;
    /*&:nth-child(odd){
      background: #fff;
    }
    &:nth-child(even){
      background: #f5f5f5;
    }*/ }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.gray {
    background: #f5f5f5; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.other {
    padding: 0 0 40px; }

  .contents-wrap {
    padding: 0 15px; }
    .contents-wrap .normal img {
      width: 100%;
      height: auto; }
    .contents-wrap .two-column {
      display: flex; }
      .contents-wrap .two-column div {
        margin-left: 15px; }
        .contents-wrap .two-column div iframe {
          width: 100%;
          height: auto; }
        .contents-wrap .two-column div img {
          width: 100%;
          height: auto; }
        .contents-wrap .two-column div:first-child {
          margin-left: 0; }
    .contents-wrap .two-column.sp-block {
      display: block; }
      .contents-wrap .two-column.sp-block div {
        margin-left: 0; }
        .contents-wrap .two-column.sp-block div p {
          font-size: 12px;
          margin-top: 5px; }
        .contents-wrap .two-column.sp-block div:last-child {
          margin-top: 20px; }
    .contents-wrap .two-column.small {
      display: flex; }
      .contents-wrap .two-column.small div {
        width: 50%; }
        .contents-wrap .two-column.small div img {
          width: 100%;
          height: auto; }
        .contents-wrap .two-column.small div p {
          font-size: 12px !important;
          margin-top: 10px; }
    .contents-wrap .three-column {
      display: flex; }
      .contents-wrap .three-column div {
        margin-left: 15px; }
        .contents-wrap .three-column div:first-child {
          margin-left: 0; }
        .contents-wrap .three-column div img {
          width: 100%;
          height: auto; }
    .contents-wrap .three-column-txt {
      display: flex; }
      .contents-wrap .three-column-txt div {
        margin-left: 15px; }
        .contents-wrap .three-column-txt div:first-child {
          margin-left: 0; }
        .contents-wrap .three-column-txt div img {
          width: 100%;
          height: auto; }
        .contents-wrap .three-column-txt div p {
          font-size: 14px;
          line-height: 1.5;
          margin-top: 15px; }
          .contents-wrap .three-column-txt div p::before {
            display: block;
            width: 0;
            height: 0;
            margin-top: calc((1 - 1.5) * .5em);
            content: ""; }
          .contents-wrap .three-column-txt div p::after {
            display: block;
            width: 0;
            height: 0;
            margin-bottom: calc((1 - 1.5) * .5em);
            content: ""; }
    .contents-wrap .four-column {
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari etc. */
      -ms-flex-wrap: wrap;
      /* IE10        */
      flex-wrap: wrap; }
      .contents-wrap .four-column div {
        width: 48%;
        flex-shrink: 0;
        margin-top: 20px; }
        .contents-wrap .four-column div:nth-child(odd) {
          margin-right: 2%; }
        .contents-wrap .four-column div:nth-child(even) {
          margin-left: 2%; }
        .contents-wrap .four-column div:first-child, .contents-wrap .four-column div:nth-child(2) {
          margin-top: 0; }
        .contents-wrap .four-column div img {
          width: 100%;
          height: auto; }
        .contents-wrap .four-column div p {
          font-size: 12px;
          margin-top: 10px; } }
/*フレーム　component_02.html*/

@media screen and (min-width: 769px) {
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 40px;
    background: #fff; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area {
      display: flex; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area .left {
        width: 410px;
        margin-right: 20px; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area .right {
        max-width: 440px; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area .left img,
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area .right img {
        width: 100%;
        height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .center-arrow {
    text-align: center;
    padding: 10px 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .center-arrow img {
      max-width: 40px;
      width: 100%;
      height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-s {
    border: 4px solid #dddddd;
    border-radius: 10px;
    padding: 60px;
    background: #fff; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r {
    border: 1px solid #e60012;
    border-radius: 10px;
    padding: 30px;
    background: #fff; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r .annotation {
      font-weight: normal; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r .popup-modal {
      text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other {
    border: 1px solid #e60012;
    border-radius: 10px;
    padding: 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .tlt {
      background: #e60012;
      color: #fff;
      font-size: 22px;
      padding: 11px 30px;
      border-radius: 10px 10px 0 0;
      font-weight: bold; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .tlt.center {
      text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .wrap {
      padding: 30px;
      background: #fff;
      border-radius: 10px; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .annotation {
      font-weight: normal; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .popup-modal {
      text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other {
    position: relative; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .cp-img {
      position: absolute;
      left: 800px;
      top: 92px; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .cp-img img {
        max-width: 140px;
        width: 100%;
        height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n.center,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-s.center,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r.center {
    text-align: center; } }
@media screen and (max-width: 768px) {
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 15px;
    background: #fff; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .flex-area .right {
      margin-top: 20px; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .center-arrow {
    text-align: center;
    padding: 10px 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .center-arrow img {
      max-width: 40px;
      width: 100%;
      height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-s {
    border: 4px solid #dddddd;
    border-radius: 10px;
    padding: 15px;
    background: #fff; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r {
    border: 1px solid #e60012;
    border-radius: 10px;
    padding: 15px;
    background: #fff; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r .annotation {
      font-weight: normal; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r .popup-modal {
      text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n .number-head-s,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-s .number-head-s,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r .number-head-s {
    margin-top: 6px; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other {
    border: 1px solid #e60012;
    border-radius: 10px;
    padding: 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .tlt {
      background: #e60012;
      color: #fff;
      font-size: 16px;
      padding: 7px 15px;
      border-radius: 10px 10px 0 0;
      font-weight: bold; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .tlt.center {
      text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .wrap {
      padding: 15px;
      background: #fff;
      border-radius: 10px; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .annotation {
      font-weight: normal; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .popup-modal {
      text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other {
    position: relative; }
    .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .cp-img {
      margin: 10px 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r-other .cp-img img {
        max-width: 165px; }
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-n.center,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-s.center,
  .ec-layoutRole__contents .ec-layoutRole__main .contents-main .contents-wrap .frame-r.center {
    text-align: center; } }
/*ユーティリティ　component_03.html*/

#page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .red {
  color: #e60012; }
#page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main p strong {
  font-weight: bold; }
#page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .left-align {
  text-align: left; }
#page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .right-align {
  text-align: right; }
#page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .center-align {
  text-align: center; }

@media screen and (min-width: 769px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main {
    /*ユーティリティ*/ }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main p a {
      color: #e60012;
      text-decoration: underline; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main p a:hover {
        text-decoration: none; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .arrow {
      background: url("../img/common/arrow.png") no-repeat left center;
      background-size: 6px 10px;
      padding-left: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .arrow-b {
      background: url("../img/common/icon-arrow-b2.png") no-repeat right center;
      background-size: 10px 6px;
      padding-right: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .blank2 {
      background: url("../img/common/blank.png") no-repeat right center;
      background-size: 12px 12px;
      padding-right: 22px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .back {
      color: #000;
      background: url("../img/common/arrow-b.png") no-repeat left center;
      background-size: 6px 10px;
      padding-left: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2 {
      font-size: 30px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3 {
      font-size: 26px;
      font-weight: bold;
      line-height: 1.4; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4 {
      font-size: 22px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .red-box {
      background: #e60012;
      color: #fff;
      padding: 20px;
      display: inline-block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big {
      font-size: 22px;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span {
        font-size: 70%; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span span.cancel {
          text-decoration: line-through;
          font-size: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.sml {
        font-size: 13px;
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.normal {
        font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.bold {
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.black {
      color: #333333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml {
      font-size: 13px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span {
        font-size: 70%; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span span.cancel {
          text-decoration: line-through;
          font-size: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span.sml {
        font-size: 13px;
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span.bold {
        font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml.bold {
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l {
      font-size: 26px;
      font-weight: bold;
      line-height: 1.4;
      position: relative;
      padding-left: 70px;
      font-feature-settings: "palt";
      display: flex;
      align-items: center; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l .icon {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -30px;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background: #E60012;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        color: #fff;
        padding-top: 12px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l .icon .num {
          display: block;
          font-size: 18px;
          line-height: 1;
          padding-top: 7px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l.adjust .icon {
      top: 0;
      margin-top: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s {
      font-size: 22px;
      line-height: 1.5;
      position: relative;
      padding-left: 44px;
      font-weight: bold;
      font-feature-settings: "palt"; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s span {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -17px;
        width: 34px;
        height: 34px;
        display: block;
        background: #E60012;
        color: #fff;
        border-radius: 17px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        padding-top: 4px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap {
      font-size: 13px;
      line-height: 1.4; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.2; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.2) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.2) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big {
      font-size: 42px;
      font-weight: bold;
      line-height: 1.4; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; } }
@media screen and (max-width: 768px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main {
    /*ユーティリティ*/ }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main p a {
      color: #e60012;
      text-decoration: underline; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .arrow {
      background: url("../img/common/arrow.png") no-repeat left center;
      background-size: 5.5px 9px;
      padding-left: 15px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .arrow-b {
      background: url("../img/common/icon-arrow-b2.png") no-repeat right center;
      background-size: 9px 5.5px;
      padding-right: 15px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .blank2 {
      background: url("../img/common/blank.png") no-repeat right center;
      background-size: 14px 14px;
      padding-right: 19px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .back {
      color: #000;
      background: url("../img/common/arrow-b.png") no-repeat left center;
      background-size: 5.5px 9px;
      padding-left: 15px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2 {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h2::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.34; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.34) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h3::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.34) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h4::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5 {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main h5::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .red-box {
      background: #e60012;
      color: #fff;
      padding: 10px;
      display: inline-block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big {
      font-size: 16px;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span {
        font-size: 14px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span span.cancel {
          text-decoration: line-through;
          font-size: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.sml {
        font-size: 13px;
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.normal {
        font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.bold {
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .big span.black {
      color: #333333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml {
      font-size: 12px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span {
        font-size: 70%; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span span.cancel {
          text-decoration: line-through;
          font-size: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span.sml {
        font-size: 13px;
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml span.normal {
        font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml.bold {
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .sml.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.34;
      position: relative;
      padding-left: 45px;
      min-height: 40px;
      display: flex;
      align-items: center; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.34) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.34) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l .icon {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #E60012;
        font-size: 9px;
        line-height: 1;
        text-align: center;
        color: #fff;
        padding-top: 7px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l .icon .num {
          display: block;
          font-size: 15px;
          line-height: 1;
          padding-top: 5px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l.adjust .icon {
      top: 0;
      margin-top: 0px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l.sp-adjust {
      padding: 12px 0 12px 45px; } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-l.sp-adjust {
      padding: 0px 0 0px 45px; } }
@media screen and (max-width: 768px) {
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s {
      font-size: 16px;
      line-height: 1.3;
      position: relative;
      padding-left: 30px;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .number-head-s span {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12.5px;
        width: 25px;
        height: 25px;
        display: block;
        background: #E60012;
        color: #fff;
        border-radius: 12.5px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        padding-top: 5px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap {
      font-size: 12px;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cap::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux {
      font-size: 10px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .aux::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big {
      font-size: 23px;
      font-weight: bold;
      line-height: 1.4; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main .cp-big::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; } }
/*リスト component_04.html*/

@media screen and (min-width: 769px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main ul.normal li {
    font-size: 16px;
    margin-top: 5px;
    text-indent: -16px;
    margin-left: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main ul.normal li:first-child {
      margin-top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition {
    display: flex;
    text-align: left; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt {
      padding-right: 20px;
      box-sizing: border-box;
      width: 20%;
      font-size: 16px;
      line-height: 1.7;
      font-weight: bold;
      flex-shrink: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt.solid {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd {
      width: 80%;
      font-size: 16px;
      line-height: 1.7;
      flex-shrink: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition.short dt {
    width: 130px;
    padding-right: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition.short dd {
    width: 86%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition + dl.definition {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition.short + dl.definition.short {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li {
    font-size: 22px;
    line-height: 1.5;
    position: relative;
    padding-left: 34px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li i {
      width: 24px;
      height: 24px;
      background: url("../img/common/icon_check.png") no-repeat left center;
      background-size: 24px;
      position: absolute;
      left: 0;
      top: 4px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li span {
      display: block;
      font-size: 13px;
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li span.red {
      font-size: 22px;
      font-weight: bold;
      display: inline; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li + li {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.pl0 li {
    padding-left: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.center {
    display: inline-block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.center li {
      text-align: left; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col li {
      width: 46.875%;
      margin-top: 30px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col li:nth-child(even) {
        margin-left: 6.25%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col li:first-child, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col li:nth-child(2) {
        margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col li i {
        top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.two-col.center {
    width: 570px;
    margin: 0 auto; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li {
      width: 31%;
      margin-top: 30px;
      margin-right: 3.5%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li:nth-child(3n) {
        margin-right: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li:first-child, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li:nth-child(2), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li:nth-child(3) {
        margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.three-col li i {
        top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention {
    line-height: 1.7; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.7) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.7) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li {
      font-size: 16px;
      position: relative;
      padding-left: 22px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li:first-child {
        margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li i {
        width: 16px;
        height: 16px;
        background: url("../img/common/star.png") no-repeat left center;
        background-size: 16px;
        position: absolute;
        left: 0;
        top: 5px !important; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li strong {
        font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col li {
      width: 46.875%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col li:nth-child(even) {
        margin-left: 6.25%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col li:first-child, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col li:nth-child(2) {
        margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.two-col li i {
        top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li {
      width: 31%;
      margin-right: 3.5%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li:nth-child(3n) {
        margin-right: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li:first-child, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li:nth-child(2), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li:nth-child(3) {
        margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention.three-col li i {
        top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation {
    line-height: 1.4; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation li {
      font-size: 13px;
      text-indent: -13px;
      margin-left: 13px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation li strong {
        font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap .annotation {
    text-align: center;
    margin-top: 10px;
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.strong {
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.num li {
    text-indent: -26px;
    margin-left: 26px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.bullets li {
    text-indent: -17px;
    margin-left: 17px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short {
    line-height: 1.4; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short li {
      font-size: 13px;
      display: flex; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short li .left {
        flex-shrink: 0;
        width: 10%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long {
    line-height: 1.4; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long li {
      font-size: 13px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list {
    margin-top: 35px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul {
      width: 50%;
      float: left; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul li {
        font-size: 16px;
        margin-top: 12px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul li:first-child {
          margin-top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box {
    padding-left: 90px;
    min-height: 70px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt {
      font-size: 16px;
      line-height: 1.7;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box p {
      margin-top: 8px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box.type01 {
    background: url("../img/common/human-icon01.png") no-repeat left top;
    background-size: 70px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box.type02 {
    background: url("../img/common/human-icon02.png") no-repeat left top;
    background-size: 70px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box + .voice-box {
    margin-top: 60px; } }
@media screen and (max-width: 768px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main {
    /*.chk.two-col{
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      li{
        width: 46.875%;
        margin-top: 30px;
        &:nth-child(even){
          margin-left: 6.25%;
        }
        &:first-child,
        &:nth-child(2){
          margin-top: 0;
        }
        i{
          top: 0;
        }
      }
    }*/ }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main ul.normal li {
      font-size: 14px;
      margin-top: 5px;
      text-indent: -13px;
      margin-left: 13px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition {
      display: flex;
      text-align: left; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt {
        padding-right: 10px;
        box-sizing: border-box;
        width: 25%;
        font-size: 14px;
        line-height: 1.5;
        font-weight: bold;
        flex-shrink: 0; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dt.solid {
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd {
        width: 75%;
        font-size: 14px;
        line-height: 1.5;
        flex-shrink: 0; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition dd::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition + dl.definition {
      margin-top: 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition.short dt {
      width: 28%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dl.definition.short + dl.definition.short {
      margin-top: 7px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li {
      font-size: 16px;
      line-height: 1.3;
      position: relative;
      padding-left: 23px;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li i {
        width: 18px;
        height: 18px;
        background: url("../img/common/icon_check.png") no-repeat left center;
        background-size: 18px;
        position: absolute;
        left: 0;
        top: 1px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li span {
        font-size: 12px;
        font-weight: normal;
        display: block;
        padding-top: 3px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li span.red {
        font-size: 16px;
        font-weight: bold;
        display: inline;
        padding: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk li + li {
      margin-top: 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.pl0 li {
      padding-left: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk.center {
      text-align: left; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention {
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li {
        font-size: 14px;
        margin-top: 5px;
        position: relative;
        padding-left: 19px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li:first-child {
          margin-top: 0; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li i {
          width: 14px;
          height: 14px;
          background: url("../img/common/star.png") no-repeat left center;
          background-size: 14px;
          position: absolute;
          left: 0;
          top: 1px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention li strong {
          font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation {
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation li {
        font-size: 12px;
        text-indent: -12px;
        margin-left: 12px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation li strong {
          font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap .annotation {
      text-align: center;
      margin-top: 10px;
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.strong {
      font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.num li {
      text-indent: -24px;
      margin-left: 24px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation.bullets li {
      text-indent: -16px;
      margin-left: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short {
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short li {
        font-size: 12px;
        display: flex; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-short li .left {
          flex-shrink: 0;
          width: 25%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long {
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation-tlt-long li {
        font-size: 12px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list {
      margin-top: 25px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul li {
        font-size: 14px;
        margin-top: 4px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul li:first-child {
          margin-top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .float-list ul .sp-other {
        margin-top: 4px !important; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt {
      font-size: 14px;
      line-height: 1.5;
      font-weight: bold;
      padding: 18px 0 18px 60px;
      box-sizing: border-box; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box .tlt.double {
      padding: 8px 0 8px 60px;
      min-height: 51px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box p {
      margin-top: 10px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box.type01 .tlt {
      background: url("../img/common/human-icon01.png") no-repeat left top;
      background-size: 50px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box.type02 .tlt {
      background: url("../img/common/human-icon02.png") no-repeat left top;
      background-size: 50px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .voice-box + .voice-box {
      margin-top: 40px; } }
/*アイコン、アコーディオン、モーダル、ボタン、タブ、テーブルなど component_05.html、component_06.html*/

@media screen and (min-width: 769px) {
  #page_user_data .mfp-content {
    background: #fff !important;
    width: 900px !important;
    margin: 0 auto 50px !important;
    border-radius: 10px;
    padding: 60px;
    box-sizing: border-box; }
    #page_user_data .mfp-content .auxiliary-btn {
      text-align: center;
      margin-top: 60px; }
      #page_user_data .mfp-content .auxiliary-btn a {
        display: inline-block;
        border: 1px solid #333333;
        color: #333333;
        border-radius: 45px;
        text-align: center;
        width: 300px;
        padding: 5px 20px;
        font-weight: bold;
        box-sizing: border-box;
        font-size: 14px; }
    #page_user_data .mfp-content h2 {
      font-size: 30px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .mfp-content h2::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content h2::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content h3 {
      font-size: 26px;
      font-weight: bold;
      line-height: 1.4; }
      #page_user_data .mfp-content h3::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .mfp-content h3::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; }
    #page_user_data .mfp-content h4 {
      font-size: 22px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .mfp-content h4::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content h4::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content h5 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .mfp-content h5::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content h5::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content p {
      font-size: 16px;
      line-height: 1.7; }
      #page_user_data .mfp-content p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .mfp-content p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
    #page_user_data .mfp-content .center {
      text-align: center; }
    #page_user_data .mfp-content .wide-btn a {
      display: block;
      width: 100%;
      font-size: 22px;
      line-height: 1.5;
      background: #e60012;
      text-align: center;
      color: #fff;
      border-radius: 45px;
      padding: 23px 0; }
      #page_user_data .mfp-content .wide-btn a::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content .wide-btn a::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content .wide-btn a:hover {
        opacity: 0.7; }
    #page_user_data .mfp-content .wide-btn a.arrow {
      background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 97.8% center;
      background-size: 18px; }
    #page_user_data .mfp-content .twin-btn,.one-btn {
      display: flex; }
    .one-btn {
      justify-content: center;}
      #page_user_data .mfp-content .twin-btn a,.one-btn a{
        flex-shrink: 0;
        display: block;
        width: 370px;
        font-size: 16px;
        line-height: 1.5;
        background: #e60012;
        text-align: center;
        color: #fff;
        border-radius: 45px;
        padding: 23px 0; }
        #page_user_data .mfp-content .twin-btn a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .mfp-content .twin-btn a::after,.one-btn a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .mfp-content .twin-btn a:hover,.one-btn a:hover {
          opacity: 0.7; }
        #page_user_data .mfp-content .twin-btn a:nth-child(2) {
          margin-left: 40px; }
      #page_user_data .mfp-content .twin-btn a.arrow {
        background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
        background-size: 18px; }
    #page_user_data .mfp-content .twin-btn-other .float-box .left,
    #page_user_data .mfp-content .twin-btn-other .float-box .right {
      float: left;
      width: 370px; }
      #page_user_data .mfp-content .twin-btn-other .float-box .left a,
      #page_user_data .mfp-content .twin-btn-other .float-box .right a {
        margin-top: 30px;
        display: block;
        width: 370px;
        font-size: 16px;
        line-height: 1.5;
        background: #e60012;
        text-align: center;
        color: #fff;
        border-radius: 45px;
        padding: 23px 0; }
        #page_user_data .mfp-content .twin-btn-other .float-box .left a::before,
        #page_user_data .mfp-content .twin-btn-other .float-box .right a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .mfp-content .twin-btn-other .float-box .left a::after,
        #page_user_data .mfp-content .twin-btn-other .float-box .right a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .mfp-content .twin-btn-other .float-box .left a:hover,
        #page_user_data .mfp-content .twin-btn-other .float-box .right a:hover {
          opacity: 0.7; }
      #page_user_data .mfp-content .twin-btn-other .float-box .left a.arrow,
      #page_user_data .mfp-content .twin-btn-other .float-box .right a.arrow {
        background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
        background-size: 18px; }
    #page_user_data .mfp-content .twin-btn-other .float-box .right {
      margin-left: 40px; }
    #page_user_data .mfp-content .normal-btn a {
      font-weight: bold;
      display: block;
      border: 1px solid #e60012;
      color: #e60012;
      background: #fff url("../img/common/icon-arrow-r.png") no-repeat 282px center;
      background-size: 6px 10px;
      border-radius: 45px;
      text-align: center;
      width: 300px;
      padding: 5px 0; }
      #page_user_data .mfp-content .normal-btn a:hover {
        opacity: 0.7; }
    #page_user_data .mfp-content h2 + p {
      margin-top: 23px; }
    #page_user_data .mfp-content p + h4 {
      margin-top: 54px; }
    #page_user_data .mfp-content h4 + .twin-btn {
      margin-top: 30px; }
    #page_user_data .mfp-content .twin-btn + .twin-btn {
      margin-top: 30px; }
    #page_user_data .mfp-content .twin-btn + h4 {
      margin-top: 60px; }
    #page_user_data .mfp-content .twin-btn + .twin-btn-other {
      margin-top: 60px; }
  #page_user_data .mfp-close {
    text-indent: -99999px !important;
    width: 48px;
    height: 48px;
    background: url("../img/common/modal-close.png") no-repeat left top;
    background-size: 48px;
    right: -10px;
    top: -57px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits {
    padding: 5px 10px;
    border: 1px solid #333333;
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.4) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p {
      font-size: 13px;
      line-height: 1.4;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.4) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.4) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p.large {
      font-size: 16px;
      line-height: 1.2;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p.large::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.2) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p.large::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.2) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits.red {
    color: #fff;
    background: #e60012;
    border: 1px solid #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits-icon p {
    background: url("../img/common/benefits-icon.png") no-repeat left top;
    background-size: 110px;
    font-size: 22px;
    padding: 47px 0 47px 120px;
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff {
    width: 100px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff img {
      width: 100%;
      height: auto;
      display: block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff p {
      margin-top: 10px;
      text-align: center;
      font-size: 13px;
      line-height: 1; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion {
    border-top: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion:last-child {
      border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt {
      padding-right: 20px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt:hover {
        background: #F5F5F5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a {
        padding: 20px 32px 20px 20px;
        display: block;
        font-size: 16px;
        line-height: 1.7;
        font-weight: bold;
        background: url("../img/common/plus.png") right center no-repeat;
        background-size: 12px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.7) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.7) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a.large {
        font-size: 26px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a.minus {
        background: url("../img/common/minus.png") right center no-repeat;
        background-size: 12px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt.open {
      border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd:not(.kla_faq-answer) {
      padding: 40px 40px 40px 40px;
      font-size: 16px;
      line-height: 1.7;
      display: none; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.kla_faq-answer {
      padding: 20px 20px 20px 20px;
      font-size: 16px;
      line-height: 1.7;
      display: none; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box.sml {
        max-width: 293px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box.sml img {
          width: 100%;
          height: auto; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box.medium {
        max-width: 460px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box.medium img {
          width: 100%;
          height: auto; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dt:hover {
        background: #EBEBEB; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd {
        display: block; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd .red-label {
          text-align: left;
          display: inline-block;
          font-size: 13px;
          color: #fff;
          background: #E60012;
          padding: 3px 10px;
          flex-shrink: 0;
          margin-top: 3px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd.tr {
        justify-content: right !important;
        text-align: right; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd.center {
        justify-content: center !important;
        text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.other-wrap {
      padding: 60px 0 60px 40px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.other-wrap .twin-box .right {
        width: 587px;
        flex-shrink: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.open {
      display: block; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt {
    background: url("../img/common/q-icon.png") no-repeat 20px center;
    background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt:hover {
      background: #F5F5F5 url("../img/common/q-icon.png") no-repeat 20px center;
      background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt a {
      padding-left: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.open {
    background: #F5F5F5 url("../img/common/q-icon.png") no-repeat 20px center;
    background-size: 30px; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.kla_faq-question {
    background: url("../img/common/faq-icon01.png") no-repeat 20px center;
    background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.kla_faq-question:hover {
      background: #F5F5F5 url("../img/common/faq-icon01.png") no-repeat 20px center;
      background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt a.kla_faq-question {
      padding-left: 60px; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dd:not(.kla_faq-answer) {
    background: url("../img/common/a-icon.png") no-repeat 20px 32px;
    background-size: 30px;
    padding-left: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dd.open {
    display: block; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dd.single {
    background: url("../img/common/a-icon.png") no-repeat 20px center;
    background-size: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a {
    background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 378px center;
    background-size: 12px;
    display: block;
    color: #fff;
    width: 420px;
    padding: 23px 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 45px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a:hover {
      opacity: 0.7; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p {
      font-size: 22px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span {
      font-size: 13px;
      line-height: 1.3;
      padding-top: 8px;
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a.another {
    background: #e60012;
    padding: 34px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a.double {
    padding: 12px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a.adjust {
    padding: 29px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn.two-line a {
    border-radius: 54px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a {
    background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 458px center;
    background-size: 12px;
    display: block;
    color: #fff;
    width: 500px;
    padding: 23px 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 45px;
    margin: 0 auto; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a:hover {
      opacity: 0.7; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p {
      font-size: 22px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span {
      font-size: 13px;
      line-height: 1.3;
      padding-top: 8px;
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a.other {
    background: #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn .annotation {
    text-align: center;
    margin-top: 10px;
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn + .annotation {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a {
    font-weight: bold;
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 1.5;
    background: #e60012;
    text-align: center;
    color: #fff;
    border-radius: 45px;
    padding: 23px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a.double {
    padding: 10px 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a.arrow {
    background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 97.8% center;
    background-size: 18px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a.adjust {
    padding: 27px 0 26px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn {
    display: flex; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a {
      flex-shrink: 0;
      display: block;
      width: 460px;
      font-size: 22px;
      line-height: 1.5;
      background: #e60012;
      text-align: center;
      color: #fff;
      border-radius: 45px;
      padding: 23px 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a:hover {
        opacity: 0.7; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a:last-child {
        margin-left: 40px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a.arrow {
      background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
      background-size: 18px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .normal-btn a {
    font-weight: bold;
    display: block;
    border: 1px solid #e60012;
    color: #e60012;
    background: #fff url("../img/common/icon-arrow-r.png") no-repeat 282px center;
    background-size: 6px 10px;
    border-radius: 45px;
    text-align: center;
    width: 300px;
    padding: 5px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .normal-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .auxiliary-btn a {
    display: block;
    border: 1px solid #333333;
    color: #333333;
    background: #fff url("../img/common/icon-arrow-b.png") no-repeat 10px center;
    background-size: 6px 10px;
    border-radius: 45px;
    text-align: center;
    width: 300px;
    padding: 5px 20px;
    font-weight: bold;
    box-sizing: border-box; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .auxiliary-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn {
    border-top: 1px solid #ccc;
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 25px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a {
      background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 458px center;
      background-size: 12px;
      display: block;
      color: #fff;
      width: 500px;
      padding: 13px 30px;
      box-sizing: border-box;
      text-align: center;
      border-radius: 45px;
      margin: 0 auto; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a:hover {
        opacity: 0.7; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span {
        font-size: 13px;
        line-height: 1.3;
        padding-top: 8px;
        display: block; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.3) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.3) * .5em);
          content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a.other {
      background: #e60012;
      padding: 23px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn {
    border-bottom: 4px solid #e60012;
    display: flex; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li {
      display: inline-block;
      width: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a {
        display: block;
        font-size: 22px;
        line-height: 1.5;
        text-align: center;
        font-weight: bold;
        padding: 14px 20px;
        box-sizing: border-box; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.left {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 15px 0 0 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.center {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        box-sizing: border-box; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.right {
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 0 15px 0 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a {
        background: #fff; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.on {
        background: #e60012;
        color: #fff; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.left.on {
        border-left: 1px solid #e60012;
        border-top: 1px solid #e60012; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.center.on {
        border-left: none;
        border-right: none;
        border-top: 1px solid #e60012; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.right.on {
        border-right: 1px solid #e60012;
        border-top: 1px solid #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box .tab-contents {
    padding-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box .tab-contents.none {
    display: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt {
      font-size: 16px;
      line-height: 1.7;
      background: #EBEBEB;
      padding: 14px 20px 17px 18px;
      width: 33%;
      float: left;
      border-right: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      font-weight: bold;
      position: relative; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.other {
      padding-top: 52px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.other img {
        position: absolute;
        top: 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel {
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span {
        display: inline-block;
        font-size: 13px;
        color: #fff;
        background: #E60012;
        padding: 3px 10px;
        flex-shrink: 0;
        margin-top: 3px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span.l-txt {
        padding: 0 10px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span.l-txt span.other {
          font-size: 16px;
          padding: 0;
          margin: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd {
      font-size: 16px;
      line-height: 1.7;
      padding: 14px 20px 17px 18px !important;
      width: 67%;
      float: left;
      border-right: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      box-sizing: border-box;
      display: flex !important;
      align-items: center !important;
      background: #fff;
      flex-wrap: wrap; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.7) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd p {
        width: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd.head {
      background: #EBEBEB;
      font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table.other dt {
    width: 25%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table.other dd {
    width: 75%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table {
    width: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .cancel {
      text-decoration: line-through; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table th {
      padding: 14px 20px 17px 18px;
      border: 1px solid #DDDDDD;
      border-collapse: collapse;
      background: #fff; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td.right {
      text-align: right; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .top-box {
      width: 190px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .sml-box {
      width: 110px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .gray {
      background: #EBEBEB;
      font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel {
    width: 960px;
    margin: 40px auto 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box {
      width: 151px;
      padding: 8px;
      background: #fff;
      float: left;
      margin-left: 10px;
      margin-top: 10px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a {
        display: block;
        text-align: center;
        box-sizing: border-box;
        padding-bottom: 12px;
        min-height: 126px;
        transition: 0.3s;
        padding-top: 3px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a img {
          max-width: 55px;
          height: auto; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a span {
          display: block;
          font-size: 13px;
          line-height: 1.3;
          padding-top: 15px;
          font-weight: bold; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a:hover {
          background: #fcf0f0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a.current {
        background: #fcf0f0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:first-child {
        margin-left: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box.clear {
      clear: left;
      margin-left: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel.fifth {
    width: 795px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel.fourth {
    width: 635px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel.third {
    width: 475px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel.second {
    width: 315px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel.first {
    width: 151px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bottom-panel .center {
    clear: both;
    text-align: center;
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled {
    padding: 15px 0;
    border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap {
      width: 960px;
      margin: 0 auto; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul {
        float: left; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li {
          float: left;
          font-size: 16px;
          font-weight: bold;
          margin-left: 10px; }
          #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li:first-child {
            margin-left: 0; }
          #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li a {
            display: inline-block;
            padding: 6px 0; }
            #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li a:hover {
              text-decoration: underline; }
          #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li span {
            background: #fcf0f0;
            display: inline-block;
            padding: 6px 22px;
            border-radius: 18px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn {
        float: right; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a {
          font-size: 16px;
          display: inline-block;
          padding: 6px 0;
          text-decoration: underline;
          color: #e60012;
          background: url("../img/common/u-arrow-m.png") no-repeat right center;
          background-size: 13px 6px;
          padding-right: 23px; }
          #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a:hover {
            text-decoration: none; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a.open {
          background: url("../img/common/t-arrow-m.png") no-repeat right center;
          background-size: 13px 6px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 237px;
    z-index: 98;
    width: 100%;
    background: #f5f5f5;
    padding: 10px 0 40px;
    border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .category-panel {
      margin-top: 0;
      margin-bottom: 40px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center {
      text-align: center; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center .arrow {
        background: url("../img/common/arrow.png") no-repeat left center;
        background-size: 6px 10px;
        padding-left: 16px;
        color: #e60012;
        text-decoration: underline;
        font-size: 16px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center .arrow:hover {
          text-decoration: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band {
    text-align: center;
    background: #fcf0f0;
    font-weight: bold;
    padding: 20px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band .pink-band-wrap .red-line-box {
      font-size: 18px;
      border-top: 2px solid #e60012;
      border-bottom: 2px solid #e60012;
      display: inline-block;
      padding: 5px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band .pink-band-wrap p {
      font-size: 42px;
      line-height: 1;
      padding-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc {
    margin-bottom: 55px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap {
      border-left: 1px solid #dddddd; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a {
        background: #fff;
        padding: 20px 16px 10px 16px;
        display: block;
        float: left;
        box-sizing: border-box;
        width: 25%;
        text-align: center;
        border-top: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        font-size: 16px;
        font-weight: bold; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(5), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(6), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(7), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(8), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(9), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(10), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(11), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a:nth-child(12) {
          border-top: none; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a p {
          padding-top: 10px;
          background: url("../img/common/anchor-arrow.png") no-repeat center bottom;
          background-size: 10px 6px;
          padding-bottom: 15px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap.other a {
      padding-top: 10px; } }
@media screen and (max-width: 768px) {
  #page_user_data .mfp-content {
    background: #fff !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box; }
    #page_user_data .mfp-content .auxiliary-btn {
      text-align: center;
      margin-top: 40px; }
      #page_user_data .mfp-content .auxiliary-btn a {
        display: inline-block;
        border: 1px solid #333333;
        color: #333333;
        border-radius: 45px;
        text-align: center;
        width: auto;
        padding: 5px 30px;
        font-weight: bold;
        font-size: 16px;
        width: 100%;
        max-width: 200px; }
    #page_user_data .mfp-content h2 {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .mfp-content h2::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content h2::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content h3 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.34; }
      #page_user_data .mfp-content h3::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.34) * .5em);
        content: ""; }
      #page_user_data .mfp-content h3::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.34) * .5em);
        content: ""; }
    #page_user_data .mfp-content h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3; }
      #page_user_data .mfp-content h4::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .mfp-content h4::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
    #page_user_data .mfp-content h5 {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5; }
      #page_user_data .mfp-content h5::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content h5::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content p {
      font-size: 14px;
      line-height: 1.5; }
      #page_user_data .mfp-content p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content .center {
      text-align: center; }
    #page_user_data .mfp-content .wide-btn a {
      display: block;
      width: 100%;
      font-size: 16px;
      line-height: 1.3;
      background: #e60012;
      text-align: center;
      color: #fff;
      border-radius: 35px;
      padding: 14px 15px;
      box-sizing: border-box; }
      #page_user_data .mfp-content .wide-btn a::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .mfp-content .wide-btn a::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .mfp-content .wide-btn a:hover {
        opacity: 0.7; }
    #page_user_data .mfp-content .wide-btn a.arrow {
      background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
      background-size: 11px;
      padding: 14px 30px; }
    #page_user_data .mfp-content .twin-btn a,.one-btn a{
      flex-shrink: 0;
      display: block;
      width: 100%;
      font-size: 15px;
      line-height: 1.5;
      background: #e60012;
      text-align: center;
      color: #fff;
      border-radius: 35px;
      padding: 14px 15px;
      box-sizing: border-box; }
      #page_user_data .mfp-content .twin-btn a::before,.one-btn a::before{
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content .twin-btn a::after,.one-btn a::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content .twin-btn a:hover {
        opacity: 0.7; }
    #page_user_data .mfp-content .twin-btn a.arrow {
      background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
      background-size: 11px;
      padding: 14px 30px; }
    #page_user_data .mfp-content .normal-btn a {
      display: block;
      border: 1px solid #e60012;
      color: #e60012;
      background: #fff url("../img/common/icon-arrow-r.png") no-repeat 95% center;
      background-size: 5.5px 9px;
      border-radius: 23px;
      text-align: center;
      width: 100%;
      padding: 5px 0;
      font-size: 16px;
      font-weight: bold; }
    #page_user_data .mfp-content .twin-btn-other .float-box .left a,
    #page_user_data .mfp-content .twin-btn-other .float-box .right a {
      margin-top: 20px;
      display: block;
      width: 100%;
      font-size: 15px;
      line-height: 1.5;
      background: #e60012;
      text-align: center;
      color: #fff;
      border-radius: 35px;
      padding: 14px 15px;
      box-sizing: border-box; }
      #page_user_data .mfp-content .twin-btn-other .float-box .left a::before,
      #page_user_data .mfp-content .twin-btn-other .float-box .right a::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .mfp-content .twin-btn-other .float-box .left a::after,
      #page_user_data .mfp-content .twin-btn-other .float-box .right a::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .mfp-content .twin-btn-other .float-box .left a.arrow,
    #page_user_data .mfp-content .twin-btn-other .float-box .right a.arrow {
      background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
      background-size: 18px; }
    #page_user_data .mfp-content .twin-btn-other .float-box .right {
      margin-top: 40px; }
    #page_user_data .mfp-content h2 + p {
      margin-top: 17px; }
    #page_user_data .mfp-content p + h4 {
      margin-top: 36px; }
    #page_user_data .mfp-content h4 + .twin-btn {
      margin-top: 20px; }
    #page_user_data .mfp-content .twin-btn + .twin-btn {
      margin-top: 20px; }
    #page_user_data .mfp-content .twin-btn + h4 {
      margin-top: 40px; }
    #page_user_data .mfp-content .twin-btn + .twin-btn-other {
      margin-top: 40px; }
  #page_user_data .mfp-close {
    text-indent: -99999px !important;
    width: 35px;
    height: 35px;
    background: url("../img/common/modal-close.png") no-repeat left top;
    background-size: 35px;
    right: -10px;
    top: -40px; }
  #page_user_data .mfp-container {
    padding: 0 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits {
    padding: 5px 10px;
    border: 1px solid #333333;
    display: inline-block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p {
      font-size: 10px;
      line-height: 1.2;
      font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.2) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.2) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits.red {
    color: #fff;
    background: #e60012;
    border: 1px solid #e60012;
    font-size: 11px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits-icon p {
    background: url("../img/common/benefits-icon.png") no-repeat left top;
    background-size: 70px;
    font-size: 11px;
    padding: 30px 0 30px 80px;
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff {
    width: 70px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff img {
      width: 100%;
      height: auto;
      display: block; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff p {
      margin-top: 5px;
      text-align: center;
      font-size: 12px;
      line-height: 1; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion {
    border-top: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion:last-child {
      border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt {
      padding-right: 10px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a {
        padding: 23px 22px 23px 10px;
        display: block;
        font-size: 14px;
        line-height: 1.5;
        font-weight: bold;
        background: url("../img/common/plus.png") right center no-repeat;
        background-size: 12px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a.large {
        font-size: 18px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dt a.minus {
        background: url("../img/common/minus.png") right center no-repeat;
        background-size: 12px;
        border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd {
      padding: 15px 20px 15px 20px;
      font-size: 14px;
      line-height: 1.5;
      display: none; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .cancel {
        text-decoration: line-through; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box {
        text-align: center; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .img-box img.sml {
          max-width: 210px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd {
        display: block;
        padding: 15px 10px 15px 10px !important; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd .table dd .red-label {
          text-align: left;
          display: inline-block;
          font-size: 12px;
          color: #fff;
          background: #E60012;
          padding: 3px 10px;
          flex-shrink: 0;
          margin-top: 3px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.tr {
      text-align: right; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.center {
      justify-content: center !important;
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.other-wrap {
      padding: 40px 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion dd.open {
      display: block; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt {
    background: url("../img/common/q-icon.png") no-repeat 10px center;
    background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt a {
      padding-left: 50px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.open {
    background: #F5F5F5 url("../img/common/q-icon.png") no-repeat 10px center;
    background-size: 30px; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.kla_faq-question {
    background: url("../img/common/faq-icon01.png") no-repeat 10px center;
    background-size: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dt.kla_faq-question a {
      padding-left: 50px; }

  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box .accordion.faq dd:not(.kla_faq-answer) {
    background: url("../img/common/a-icon.png") no-repeat 10px 10px;
    background-size: 30px;
    padding-left: 50px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a {
    background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 95% center;
    background-size: 14px;
    display: block;
    color: #fff;
    width: 100%;
    padding: 18px 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 35px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span {
      font-size: 10px;
      line-height: 1.5;
      padding-top: 8px;
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a span::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a.another {
    padding: 27px 15px;
    background: #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn a.double {
    padding: 17px 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .kv-btn.two-line a {
    border-radius: 50px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn .annotation {
    text-align: center;
    margin-top: 10px;
    font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a {
    background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 95% center;
    background-size: 14px;
    display: block;
    color: #fff;
    width: 100%;
    padding: 18px 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 35px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a p::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span {
      font-size: 10px;
      line-height: 1.5;
      padding-top: 8px;
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a span::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn a.other {
    background: #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .end-btn + .annotation {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
    background: #e60012;
    text-align: center;
    color: #fff;
    border-radius: 35px;
    padding: 14px 15px;
    box-sizing: border-box;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.3) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.3) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn a.arrow {
    background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
    background-size: 11px;
    padding: 14px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a {
    flex-shrink: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    background: #e60012;
    text-align: center;
    color: #fff;
    border-radius: 35px;
    padding: 14px 15px;
    box-sizing: border-box; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.5) * .5em);
      content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn a.arrow {
    background: #e60012 url("../img/common/icon-arrow-w.png") no-repeat 95% center;
    background-size: 11px;
    padding: 14px 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .normal-btn a {
    display: block;
    border: 1px solid #e60012;
    color: #e60012;
    background: #fff url("../img/common/icon-arrow-r.png") no-repeat 95% center;
    background-size: 5.5px 9px;
    border-radius: 23px;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .normal-btn a:hover {
      opacity: 0.7; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .auxiliary-btn a {
    display: inline-block;
    border: 1px solid #333333;
    color: #333333;
    background: #fff url("../img/common/icon-arrow-b.png") no-repeat 10px center;
    background-size: 5.5px 9px;
    border-radius: 45px;
    text-align: center;
    width: auto;
    padding: 5px 30px;
    font-weight: bold;
    font-size: 16px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .auxiliary-btn a.arrow-r {
    background: #fff url("../img/common/icon-arrow-b-r.png") no-repeat 95% center;
    background-size: 5.5px 9px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn {
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    border-top: 1px solid #ccc; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a {
      background: #e60012 url("../img/common/icon-blank-w.png") no-repeat 95% center;
      background-size: 12px;
      display: block;
      color: #fff;
      width: 100%;
      padding: 13px 30px;
      box-sizing: border-box;
      text-align: center;
      border-radius: 45px;
      margin: 0 auto; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.3) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a p::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.3) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span {
        font-size: 10px;
        line-height: 1.5;
        padding-top: 8px;
        display: block; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a span::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .fixed-btn a.other {
      background: #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn {
    border-bottom: 4px solid #e60012;
    display: flex; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li {
      display: inline-block;
      width: 100%; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a {
        display: block;
        font-size: 16px;
        line-height: 1.3;
        text-align: center;
        font-weight: bold;
        padding: 11px 10px;
        box-sizing: border-box;
        background: #fff; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.3) * .5em);
          content: ""; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.3) * .5em);
          content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.left {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 15px 0 0 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.center {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        box-sizing: border-box; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.right {
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 0 15px 0 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.on {
        background: #e60012;
        color: #fff; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.left.on {
        border-left: 1px solid #e60012;
        border-top: 1px solid #e60012; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.center.on {
        border-left: none;
        border-right: none;
        border-top: 1px solid #e60012; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box ul.tab-btn li a.right.on {
        border-right: 1px solid #e60012;
        border-top: 1px solid #e60012; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box .tab-contents {
    padding-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .tab-box .tab-contents.none {
    display: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt {
      font-size: 14px;
      line-height: 1.5;
      background: #EBEBEB;
      padding: 7px 10px 9px 9px;
      width: 50%;
      float: left;
      border-right: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      font-weight: bold;
      position: relative;
      font-feature-settings: "palt"; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.other {
      padding-top: 30px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.other img {
        position: absolute;
        top: 10px;
        max-width: 66.5px;
        width: 100%;
        height: auto; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel {
      display: block; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span {
        display: inline-block;
        font-size: 12px;
        color: #fff;
        background: #E60012;
        padding: 3px 10px;
        flex-shrink: 0;
        margin-top: 3px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span.l-txt {
        padding: 0 10px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dt.redlabel span.l-txt span.other {
          font-size: 14px;
          padding: 0;
          margin: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd {
      font-size: 14px;
      line-height: 1.5;
      padding: 7px 10px 9px 9px;
      width: 50%;
      float: left;
      border-right: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      background: #fff;
      font-feature-settings: "palt";
      flex-wrap: wrap; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd p {
        width: 100%;
        flex-shrink: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table dd.head {
      background: #EBEBEB;
      font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table.other dt {
    width: 33%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .table.other dd {
    width: 67%; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table {
    width: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .cancel {
      text-decoration: line-through; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table th {
      padding: 7px 10px 9px 9px;
      border: 1px solid #DDDDDD;
      border-collapse: collapse;
      background: #fff; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td.right {
      text-align: right; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table td.center {
      text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .top-box {
      width: 25%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .sml-box {
      width: 25%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table .gray {
      background: #EBEBEB;
      font-weight: bold; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel {
    margin-top: 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box {
      width: 32.4%;
      padding: 4px;
      background: #fff;
      float: left;
      margin-left: 1.4%;
      margin-top: 5px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a {
        display: block;
        text-align: center;
        box-sizing: border-box;
        min-height: 97px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a img {
          max-width: 45px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a span {
          display: block;
          font-size: 12px;
          line-height: 1.5;
          padding-top: 7px;
          font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box a.current {
        background: #fcf0f0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:first-child, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(4), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(7), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(10), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(13), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(16), #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-panel .panel-box:nth-child(19) {
        margin-left: 0;
        clear: left; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bottom-panel .center {
    clear: both;
    text-align: center;
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled {
    padding: 15px 15px;
    border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul {
      float: left; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li {
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin-left: 10px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li:first-child {
          margin-left: 0; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li a {
          display: inline-block;
          padding: 2px 0; }
          #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li a:hover {
            text-decoration: underline; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap ul li span {
          background: #fcf0f0;
          display: inline-block;
          padding: 2px 11px;
          border-radius: 18px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn {
      float: right; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a {
        font-size: 12px;
        display: inline-block;
        padding: 2px 0;
        text-decoration: underline;
        color: #e60012;
        background: url("../img/common/u-arrow-m.png") no-repeat right center;
        background-size: 10px 5px;
        padding-right: 17px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a:hover {
          text-decoration: none; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .bled .bled-wrap .category-btn a.open {
        background: url("../img/common/t-arrow-m.png") no-repeat right center;
        background-size: 10px 5px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 255px;
    z-index: 98;
    width: 100%;
    background: #f5f5f5;
    padding: 10px 15px 40px;
    border-bottom: 1px solid #dddddd; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .category-panel {
      margin-top: 0;
      margin-bottom: 40px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center {
      text-align: center; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center .arrow {
        font-size: 13px;
        background: url("../img/common/arrow.png") no-repeat left center;
        background-size: 6px 10px;
        padding-left: 16px;
        color: #e60012;
        text-decoration: underline; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .category-menu .center .arrow:hover {
          text-decoration: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band {
    text-align: center;
    background: #fcf0f0;
    font-weight: bold;
    padding: 15px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band .pink-band-wrap .red-line-box {
      font-size: 14px;
      border-top: 2px solid #e60012;
      border-bottom: 2px solid #e60012;
      display: inline-block;
      padding: 5px 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .pink-band .pink-band-wrap p {
      font-size: 23px;
      line-height: 1;
      padding-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc {
    margin-bottom: 40px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap {
      border-left: 1px solid #dddddd;
      border-top: 1px solid #dddddd; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a {
        padding: 5px 20px 5px 5px;
        display: block;
        box-sizing: border-box;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        font-size: 16px;
        font-weight: bold;
        background: #fff url("../img/common/anchor-arrow.png") no-repeat 97% center;
        background-size: 10px 6px;
        display: flex;
        align-items: center; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a img {
          max-width: 90px;
          width: 100%;
          height: auto; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc .img-anc-wrap a p {
          display: inline-block;
          padding-left: 9px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-anc.no-img .img-anc-wrap a {
    padding: 15px 20px 15px 5px; } }
/*余白調整　component_07.html*/

@media screen and (min-width: 769px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h3 {
    margin-top: 21px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h4 {
    margin-top: 21px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h5 {
    margin-top: 21px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + h4 {
    margin-top: 21px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + h5 {
    margin-top: 21px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + h5 {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + p {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h2 {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + p {
    margin-top: 11px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + p {
    margin-top: 13px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h5 + p {
    margin-top: 14px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + div {
    margin-top: 57px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h3 {
    margin-top: 11px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h4 {
    margin-top: 13px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h5 {
    margin-top: 14px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + p {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + ul {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation + p {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link + .link {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .link {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .img-box {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .movie-box {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .blocks.half {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + h4 {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + .txt-box {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + .annotation {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l {
    font-size: 42px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .sml {
      font-size: 13px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m {
    font-size: 30px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .sml {
      font-size: 13px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s {
    font-size: 22px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .sml {
      font-size: 13px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .lh1 {
    line-height: 1;
    margin-top: 4px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .other-cp {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: 5px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .other-cp + .benefits {
    vertical-align: middle;
    margin-left: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp {
    text-align: right;
    padding-right: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp a {
      font-size: 12px;
      text-decoration: underline; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp a:hover {
        text-decoration: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-l, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-m, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-s {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box {
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p + p {
      margin-top: 2px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p .other-size {
      font-size: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p i {
      display: inline-block;
      width: 8px;
      height: 20px;
      background: url("../img/common/r-arrow-s.png") no-repeat center top;
      padding: 0 10px;
      vertical-align: middle; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p i.pl0 {
      padding-left: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont {
      margin-top: -6px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .txt-box {
        font-weight: normal;
        padding-left: 5px; }
        #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .txt-box strong {
          font-weight: bold; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .sml {
        font-size: 13px;
        font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont i {
        display: inline-block;
        width: 8px;
        height: 16px;
        background: url("../img/common/r-arrow-s.png") no-repeat left top;
        padding: 0 10px;
        padding-right: 3px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .large {
        font-size: 22px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .cp-txt-l + .cp-txt-s {
      margin-top: -7px;
      margin-bottom: 3px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon {
    padding: 10px 0 10px 120px;
    position: relative; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon .icon-img {
      position: absolute;
      left: 0;
      top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon .icon-img img {
        max-width: 110px;
        width: 100%;
        height: auto; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon.other {
    padding: 19px 0 19px 120px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 {
    font-weight: bold;
    text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p + p {
      margin-top: 2px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-l + p,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-m + p,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-s + p {
      margin-top: 20px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-l + p.top-arrow,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-m + p.top-arrow,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-s + p.top-arrow {
      margin-top: 14px;
      padding-top: 19px;
      background: url("../img/common/bottom-arrow.png") no-repeat top center;
      background-size: 16px 8px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p .other-size {
      font-size: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p i {
      display: inline-block;
      width: 8px;
      height: 16px;
      background: url("../img/common/r-arrow-s.png") no-repeat center top;
      padding: 0 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .wide-btn, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .twin-btn {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn + p, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn + p {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-s + p {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff-box + .anchor-box {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .twin-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box + .annotation {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 + .annotation {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + h4 {
    margin-top: 43px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .three-box-txt {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + .big {
    margin-top: 42px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left .number-head-l + .big,
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right .number-head-l + .big {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left .number-head-l + p,
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right .number-head-l + p {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .three-box-txt {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt + .number-head-l {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .four-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .four-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .two-column {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .two-column + .two-column {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .twin-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + .twin-box {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + img {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .two-column {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .table {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + p {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .ec-shelfRole {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .ec-shelfRole + h3 {
    margin-top: 57px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .last-box + .contents-main {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .bottom-panel {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .chk {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .attention {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .chk {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .attention {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .definition {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + .table {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .big {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .center-box {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .chk.two-col {
    margin-top: 40px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + .blocks {
    margin-top: 45px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .number-head-l {
    margin-top: 77px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .table {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + table {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .annotation {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.gray + .last-box {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + .chk {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + h3 {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .frame-n {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + h3 {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .end-btn {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .chk {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .attention {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box + .block {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .big {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + p {
    margin-top: 23px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .kv-btn {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .annotation {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .frame-n {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .blocks {
    margin-top: 60px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .benefits {
    margin-top: 5px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .attention {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .twin-box {
    margin-top: 21px; } }
@media screen and (max-width: 768px) {
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h3 {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h4 {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + h5 {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + h4 {
    margin-top: 16px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + h5 {
    margin-top: 16px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + h5 {
    margin-top: 17px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + p {
    margin-top: 17px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h2 {
    margin-top: 17px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + p {
    margin-top: 12px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + p {
    margin-top: 13px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h5 + p {
    margin-top: 14px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + div {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h3 {
    margin-top: 12px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h4 {
    margin-top: 13px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + h5 {
    margin-top: 14px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + p {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + ul {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .annotation {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .annotation + p {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link + .link {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .link {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .img-box {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .movie-box {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .blocks {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .blocks.half {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .sp-blocks + .sp-blocks {
    margin-top: 40px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + h4 {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + .txt-box {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main img + .annotation {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l {
    font-size: 23px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-l .sml {
      font-size: 10px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m {
    font-size: 18px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-m .sml {
      font-size: 10px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s {
    font-size: 14px;
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .normal {
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .cancel {
      text-decoration: line-through;
      font-size: 100%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s span {
      font-size: 70%; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .black {
      color: #333; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .cp-txt-s .sml {
      font-size: 10px;
      font-weight: normal; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .lh1 {
    line-height: 1;
    margin-top: 4px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .other-cp {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: 5px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .other-cp + .benefits {
    vertical-align: middle;
    margin-left: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp {
    text-align: right;
    padding-right: 30px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp a {
      font-size: 12px;
      text-decoration: underline;
      font-weight: normal; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .link-cp a:hover {
        text-decoration: none; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-l, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-m, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .benefits + .cp-txt-s {
    display: inline-block;
    vertical-align: middle; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box {
    font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p + p {
      margin-top: 2px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p .other-size {
      font-size: 16px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p i {
      display: inline-block;
      width: 5.5px;
      height: 11.5px;
      background: url("../img/common/r-arrow-s.png") no-repeat center top;
      padding: 0 5px;
      background-size: 5.5px 11.5px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box p i.pl0 {
      padding-left: 0; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .txt-box {
      font-weight: normal;
      padding-left: 5px; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .txt-box strong {
        font-weight: bold; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .sml {
      font-size: 10px;
      font-weight: normal; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont i {
      display: inline-block;
      width: 8px;
      height: 16px;
      background: url("../img/common/r-arrow-s.png") no-repeat left top;
      padding: 0 10px;
      padding-right: 3px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box .kv-cont .large {
      font-size: 22px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon {
    padding: 11px 0 11px 80px;
    position: relative;
    min-height: 70px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon .icon-img {
      position: absolute;
      left: 0;
      top: 0; }
      #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon .icon-img img {
        max-width: 70px;
        width: 100%;
        height: auto; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box.icon.pt0 {
    padding-top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 {
    font-weight: bold;
    text-align: center; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p + p {
      margin-top: 2px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-l + p,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-m + p,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-s + p {
      margin-top: 15px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-l + p.top-arrow,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-m + p.top-arrow,
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 .cp-txt-s + p.top-arrow {
      margin-top: 8px;
      padding-top: 16px;
      background: url("../img/common/bottom-arrow.png") no-repeat top center;
      background-size: 20px 9.5px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p .other-size {
      font-size: 14px; }
    #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 p i {
      display: inline-block;
      width: 8px;
      height: 16px;
      background: url("../img/common/r-arrow-s.png") no-repeat center top;
      padding: 0 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .wide-btn, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .twin-btn {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .wide-btn + p, #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-btn + p {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-s + p {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .staff-box + .anchor-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .twin-box {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .txt-other-box2 + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + h4 {
    margin-top: 27px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .three-box-txt {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + .big {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + p {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left,
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right {
    margin-top: 18px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main dd .twin-box .left {
    margin-top: 0px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .three-box-txt {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt + .number-head-l {
    margin-top: 50px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .four-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .four-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .two-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .two-column + .two-column {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .four-column + .twin-box {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + .twin-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + img {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .two-column {
    margin-top: 16px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .table {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + p {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .frame-r-other {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .frame-r {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .frame-s {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .frame-n {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .accordion-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .ec-shelfRole {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .ec-shelfRole + h3 {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main + footer {
    margin-top: 0; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .bottom-panel {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .last-box + .contents-main {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .chk {
    margin-top: 25px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .attention {
    margin-top: 25px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .chk {
    margin-top: 25px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h4 + .attention {
    margin-top: 25px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .definition {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + .table {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .big {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .center-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h2 + .chk.two-col {
    margin-top: 20px !important; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .number-head-l + .blocks {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .number-head-l {
    margin-top: 46px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .table {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + table {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main table + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .contents-main.gray + .last-box {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + .chk {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + h3 {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .frame-n {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + h3 {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .end-btn {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .blocks {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .blocks {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .img-box + .blocks {
    margin-top: 30px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .chk {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .attention {
    margin-top: 10px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .accordion-box + .block {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .big {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .twin-box + p {
    margin-top: 15px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .attention + .blocks {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .big + .kv-btn {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .chk + .annotation {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .blocks + .frame-n {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main .frame-n + .blocks {
    margin-top: 40px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .benefits {
    margin-top: 5px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main p + .attention {
    margin-top: 20px; }
  #page_user_data .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__main h3 + .twin-box {
    margin-top: 16px; } }
/*レイアウト　component_08.html*/

.ec-layoutRole__contents .ec-layoutRole__main .center-box {
  text-align: center; }

@media screen and (min-width: 769px) {
  .ec-layoutRole__contents .ec-layoutRole__main .kv-area {
    text-align: center;
    background: #fff;
    position: relative;
    /*img{
    	max-width: 1920px;
    	width: 100%;
    	height: auto;
    }*/ }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-area .tag {
      position: absolute;
      top: 9px;
      text-align: center;
      width: 100%; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-area .tag img {
        width: auto;
        height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .kv-catch {
    padding: 20px 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap {
      width: 960px;
      margin: 0 auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box {
        float: left;
        max-width: 540px; }
        .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other {
          text-align: center; }
          .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other img {
            display: block; }
          .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other a {
            padding-top: 5px;
            display: block; }
        .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .annotation {
          font-weight: normal; }
        .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .annotation.adjust {
          padding-top: 10px; }
        .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .popup-modal {
          font-weight: normal;
          font-size: 13px;
          text-decoration: underline; }
          .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .popup-modal:hover {
            text-decoration: none; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap {
        float: right; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap.adjust {
        padding-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .staff-box {
    background: #fcf0f0;
    padding: 50px 0 60px; }
    .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap {
      width: 960px;
      margin: 0 auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .tlt {
        text-align: center;
        margin-bottom: 30px; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .tlt .pc {
          display: inline-block; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box {
        display: flex;
        margin-bottom: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .staff {
          margin-right: 42px;
          flex-shrink: 0; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi {
          border: 2px solid #DDDDDD;
          border-radius: 10px;
          background: #fff;
          padding: 30px;
          position: relative;
          width: 100%; }
          .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi:before {
            content: "";
            display: block;
            width: 22px;
            height: 27px;
            background: url("../img/common/fukidasi-arrow.png") no-repeat left top;
            position: absolute;
            left: -22px;
            top: 50%;
            margin-top: -13px; }
          .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p {
            font-size: 22px;
            line-height: 1.5;
            font-weight: bold; }
            .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p::before {
              display: block;
              width: 0;
              height: 0;
              margin-top: calc((1 - 1.5) * .5em);
              content: ""; }
            .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p::after {
              display: block;
              width: 0;
              height: 0;
              margin-bottom: calc((1 - 1.5) * .5em);
              content: ""; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box.single {
        margin-bottom: 0; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box.single .fukidasi {
          margin-top: 10px; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box.single + .under-txt {
        margin-top: -14px; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt {
        margin-left: 140px;
        font-size: 16px;
        line-height: 1.7; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.7) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.7) * .5em);
          content: ""; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .attention {
        margin-left: 140px; }
  .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul {
    width: 960px;
    margin: 40px auto 0;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    padding: 30px 40px 0;
    border-radius: 10px; }
    .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li {
      float: left;
      margin-right: 40px;
      padding-bottom: 30px; }
      .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li:last-child {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a {
        display: block;
        font-size: 16px;
        line-height: 1.7;
        background: url("../img/common/anchor-arrow.png") no-repeat right center;
        background-size: 10px;
        padding-right: 20px; }
        .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.7) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.7) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a:hover {
          text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .center-box .img-box img {
    max-width: 640px;
    width: 100%;
    height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .end-btn {
    margin-bottom: 60px; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category {
    display: flex;
    justify-content: space-between;
    width: 750px;
    margin: 0 auto; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dt {
      font-size: 16px;
      font-weight: bold;
      width: 45%;
      text-align: right; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dt.adjust {
      width: 40.8%; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd {
      width: 50%; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd p a {
        font-size: 16px;
        color: #E60012;
        text-decoration: underline; }
        .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd p a:hover {
          text-decoration: none; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd p + p {
        margin-top: 10px !important; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box {
    width: 500px;
    margin: 0 auto; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box .shop-category {
      width: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box .shop-category dt {
        width: 120px;
        text-align: left; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box .shop-category dd {
        width: auto;
        flex: 1; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category + .shop-category {
    margin-top: 25px;
    margin-bottom: 60px; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .link-box {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    border-top: 1px solid #ddd; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .link-box p .arrow {
      color: #e60012;
      background: url("../img/common/arrow.png") no-repeat left center;
      background-size: 6px 10px;
      padding-left: 16px;
      text-decoration: underline;
      font-size: 14px; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .link-box p .arrow:hover {
        text-decoration: none; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left img,
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right img {
      width: 100%;
      height: auto; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left {
      width: 460px; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left .cap {
        font-size: 13px;
        margin-top: 10px; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left img {
        width: 100%;
        height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left iframe {
        width: 100%;
        height: 259px; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right {
      width: 460px;
      margin-left: 40px; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right .cap {
        font-size: 13px;
        margin-top: 10px; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right img {
        width: 100%;
        height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right iframe {
        width: 100%;
        height: 259px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.other-line .right {
    margin-left: 19px;
    border-left: 1px solid #ccc;
    padding-left: 20px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .left {
    width: 627px;
    flex-shrink: 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .left .cap {
      font-size: 13px;
      margin-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .right {
    width: 293px;
    flex-shrink: 0; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .right .cap {
      font-size: 13px;
      margin-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .left {
    width: 293px;
    flex-shrink: 0; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .right {
    width: 627px;
    flex-shrink: 0; }
  .ec-layoutRole__contents .ec-layoutRole__main .three-box {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box div {
      width: 293px;
      margin-left: 40px; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box div .txt-box {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box div img {
        width: 100%;
        height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box div:first-child {
        margin-left: 0; }
  .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div {
      margin-left: 20px;
      padding-right: 19px;
      border-right: 1px solid #ccc;
      width: 100%; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div .txt-box {
        padding-right: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div img {
        width: 100%;
        height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div span.center-img {
        display: block;
        width: 290px;
        text-align: center;
        margin-bottom: 30px; }
        .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div span.center-img img {
          max-width: 120px;
          width: 100%;
          height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div .txt-box {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div:first-child {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div:last-child {
        border-right: none; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div p {
        font-size: 16px;
        line-height: 2;
        margin-top: 30px; }
        .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div p::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 2) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div p::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 2) * .5em);
          content: ""; }
  .ec-layoutRole__contents .ec-layoutRole__main .four-box {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .four-box div {
      width: 221px;
      margin-left: 25px; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box div img {
        max-width: 221px; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box div .txt-box {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box div:first-child {
        margin-left: 0; }
  .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div {
      margin-left: 19px;
      padding-right: 19px;
      border-right: 1px solid #ccc;
      width: 230px; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div img {
        max-width: 221px; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div .txt-box {
        padding-right: 19px; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div img {
        width: 100%;
        height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div span.center-img {
        display: block;
        width: 290px;
        text-align: center;
        margin-bottom: 30px; }
        .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div span.center-img img {
          max-width: 120px;
          width: 100%;
          height: auto; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div .txt-box {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div:first-child {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div:last-child {
        border-right: none; }
      .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div p {
        font-size: 16px;
        line-height: 2;
        margin-top: 30px; }
        .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div p::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 2) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div p::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 2) * .5em);
          content: ""; } }
@media screen and (max-width: 768px) {
  .sp-left {
    text-align: left !important; }

  .ec-layoutRole__contents .ec-layoutRole__main .center-box .sp-left {
    text-align: left; }
  .ec-layoutRole__contents .ec-layoutRole__main .center-box .img-box iframe {
    width: 100%;
    height: 190px; }
  .ec-layoutRole__contents .ec-layoutRole__main .kv-area {
    position: relative; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-area img {
      width: 100%;
      height: auto; }
  .ec-layoutRole__contents .ec-layoutRole__main .kv-catch {
    padding: 10px 10px 40px; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other {
      text-align: center; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other img {
        display: block; }
      .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .icon-img.other a {
        padding-top: 3px;
        display: block; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .annotation {
      font-weight: normal;
      padding-top: 3px; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .txt-other-box .popup-modal {
      font-size: 12px;
      font-weight: normal;
      text-decoration: underline; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap {
      padding-top: 10px; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap.adjust {
      padding-top: 4px; }
    .ec-layoutRole__contents .ec-layoutRole__main .kv-catch .wrap .btn-wrap.adjust.other {
      padding-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .staff-box {
    background: #fcf0f0;
    padding: 30px 15px 40px; }
    .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .tlt {
      text-align: center;
      margin-bottom: 20px; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .tlt .sp {
        width: 100%;
        height: auto;
        max-width: 300px; }
    .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box {
      display: flex;
      margin-bottom: 15px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .staff {
        margin-right: 21px;
        flex-shrink: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi {
        border: 1px solid #DDDDDD;
        border-radius: 10px;
        background: #fff;
        padding: 15px;
        position: relative; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi:before {
          content: "";
          display: block;
          width: 11px;
          height: 13.5px;
          background: url("../img/common/fukidasi-arrow.png") no-repeat left top;
          background-size: 11px 13.5px;
          position: absolute;
          left: -11px;
          top: 25%;
          margin-top: -7px; }
        .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p {
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold; }
          .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p::before {
            display: block;
            width: 0;
            height: 0;
            margin-top: calc((1 - 1.5) * .5em);
            content: ""; }
          .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .inner-box .fukidasi p::after {
            display: block;
            width: 0;
            height: 0;
            margin-bottom: calc((1 - 1.5) * .5em);
            content: ""; }
    .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt {
      font-size: 14px;
      line-height: 1.5; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .ec-layoutRole__contents .ec-layoutRole__main .staff-box .wrap .under-txt::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; }
  .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul {
    margin: 0 15px;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    padding: 15px 15px 0;
    border-radius: 10px; }
    .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li {
      float: left;
      margin-right: 16px;
      padding-bottom: 15px; }
      .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li:last-child {
        margin-left: 0; }
      .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a {
        display: block;
        font-size: 14px;
        line-height: 1.5;
        background: url("../img/common/anchor-arrow.png") no-repeat right center;
        background-size: 9px;
        padding-right: 18px; }
        .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a::before {
          display: block;
          width: 0;
          height: 0;
          margin-top: calc((1 - 1.5) * .5em);
          content: ""; }
        .ec-layoutRole__contents .ec-layoutRole__main .anchor-box ul li a::after {
          display: block;
          width: 0;
          height: 0;
          margin-bottom: calc((1 - 1.5) * .5em);
          content: ""; }
  .ec-layoutRole__contents .ec-layoutRole__main .last-box {
    padding: 0px 15px 0 15px; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .end-btn {
      margin-bottom: 40px; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category {
      display: flex;
      justify-content: space-between; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dt {
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 5px;
        width: 44%;
        text-align: right; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dt.adjust {
        width: 36%; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd {
        width: 52%;
        text-align: left; }
        .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd p a {
          font-size: 14px;
          color: #E60012;
          text-decoration: underline; }
        .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category dd p + p {
          margin-top: 10px !important; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box .shop-category dt {
      width: 110px;
      text-align: left; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .left-box .shop-category dd {
      width: auto;
      flex: 1; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .shop-category + .shop-category {
      margin-top: 20px;
      margin-bottom: 40px; }
    .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .link-box {
      text-align: center;
      padding-top: 40px;
      border-top: 1px solid #ddd; }
      .ec-layoutRole__contents .ec-layoutRole__main .last-box .wrap .link-box p .arrow {
        color: #e60012;
        background: url("../img/common/arrow.png") no-repeat left center;
        background-size: 5.5px 9px;
        padding-left: 15px;
        text-decoration: underline; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left img {
    width: 100%; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left iframe {
    width: 100%;
    height: 193px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right img {
    width: 100%; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right iframe {
    width: 100%;
    height: 193px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left + .right {
    margin-top: 40px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .left .cap,
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box .right .cap {
    font-size: 12px;
    margin-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.other {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.other .left + .right {
      margin-top: 0px; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.other .left {
      margin-right: 7.5px; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.other .right {
      margin-left: 7.5px; }
  .ec-layoutRole__contents .ec-layoutRole__main .three-box div,
  .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div {
    display: flex; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box div img,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div img {
      max-width: 32%;
      width: 100%;
      height: auto; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box div .center-img,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div .center-img {
      flex-shrink: 0;
      max-width: 120px; }
      .ec-layoutRole__contents .ec-layoutRole__main .three-box div .center-img img,
      .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div .center-img img {
        max-width: none; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box div .txt-box,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div .txt-box {
      display: block;
      margin-left: 4%; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box div img + .txt-box,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div img + .txt-box {
      margin-top: 0 !important; }
  .ec-layoutRole__contents .ec-layoutRole__main .three-box div + div,
  .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt div + div {
    margin-top: 40px; }
  .ec-layoutRole__contents .ec-layoutRole__main .three-box.other div,
  .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt.other div {
    display: block; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box.other div img,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt.other div img {
      max-width: 100%;
      width: 100%; }
    .ec-layoutRole__contents .ec-layoutRole__main .three-box.other div .txt-box,
    .ec-layoutRole__contents .ec-layoutRole__main .three-box-txt.other div .txt-box {
      margin-left: 0;
      margin-top: 20px !important; }
  .ec-layoutRole__contents .ec-layoutRole__main .four-box div,
  .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div {
    display: block; }
    .ec-layoutRole__contents .ec-layoutRole__main .four-box div img,
    .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div img {
      max-width: 100%;
      width: 100%; }
    .ec-layoutRole__contents .ec-layoutRole__main .four-box div .txt-box,
    .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div .txt-box {
      margin-left: 0;
      margin-top: 20px !important; }
  .ec-layoutRole__contents .ec-layoutRole__main .four-box div + div,
  .ec-layoutRole__contents .ec-layoutRole__main .four-box-txt div + div {
    margin-top: 40px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .right.sml-img {
    text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .right.sml-img img {
      max-width: 210px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .left.sml-img {
    text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .left.sml-img img {
      max-width: 210px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another .right .cap {
    font-size: 12px;
    margin-top: 10px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .right.sml-img {
    text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .right.sml-img img {
      max-width: 210px; }
  .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .left.sml-img {
    text-align: center; }
    .ec-layoutRole__contents .ec-layoutRole__main .twin-box.another-r .left.sml-img img {
      max-width: 210px; } }