/* --------------- variables --------------------- */
/* Break Point */
/* Color */
@media screen and (max-width: 599px) {
  .header-sub .title-page {
    min-height: 100px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff6e6;
    margin-bottom: 20px; }
    .header-sub .title-page h1 {
      width: 90%;
      font-size: 24px;
      line-height: 1.3; }
      h1.inner span {
        display: flex;
        font-size: 16px;
        margin-top: 5px;
      }
  .register-top {
    padding: 40px 0;
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .register-top .circle-text {
      width: 80px;
      height: 100px;
      font-size: 10px;
      color: #b8b8b8;
      position: relative;
      border: 1px solid #b8b8b8;
      /*border-radius: 50% 50%;*/
      text-align: center;
      padding: 10px 7px; }
      .register-top .circle-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; }
      .register-top .circle-text.circle-active {
        color: #1560BB;
        border: 2px solid #1560BB;
        padding: 10px 6px; }
    .register-top .circle-after {
      margin-right: 50px; }
      .register-top .circle-after:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        right: -25px;
        border-top: 3px solid #b8b8b8;
        border-right: 3px solid #b8b8b8; }
  .register-main {
    background: #F7F6F4; }
    .register-main .completed-text {
      padding: 50px 20px;
      text-align: center; }
    .register-main h3 {
      margin-bottom: 20px;
      line-height: 25px; }
    .register-main h3 span {
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
    .register-main p {
      margin: 20px auto; }
    .register-main .register-content {
      width: 100%;
      width: 100%;
      margin: 0px auto; }
      .register-main .register-content h3 {
        margin: 0px 0px 35px 0px;
        margin: 0px;
        font-size: 16px; }
      .register-main .register-content dl {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E1E1E1;
        padding: 35px 0px;
        flex-wrap: wrap;
        padding: 25px 0px; }
        .register-main .register-content dl dt {
          padding-right: 10px;
          width: 300px;
          font-weight: 800;
          width: 100%;
          padding-bottom: 10px; }
          .register-main .register-content dl dt.must {
            display: flex;
            align-items: normal; }
            .register-main .register-content dl dt.must.mt-25 {
              margin-top: 0px; }
            .register-main .register-content dl dt.must .content-mandatory {
              white-space: nowrap;
              width: 50px;
              font-size: 12px; }
              .register-main .register-content dl dt.must .content-mandatory span {
                color: #FFF;
                font-size: 12px;
                font-weight: normal;
                background: #A72525;
                padding: 3px 8px;
                margin-right: 8px; }
            .register-main .register-content dl dt.must .d-none {
              display: inline-block; }
              /*.register-main .register-content dl dt.must .d-none span {
                padding-left: 30px; }*/
            .register-main .register-content dl dt.must .d-inline-block {
              display: none; }
            .register-main .register-content dl dt.must .d-block {
              margin-left: 55px;
              margin-left: 0px; }
              .register-main .register-content dl dt.must .d-block label {
                display: block;
                padding-right: 10px;
                display: inline-block; }
        .register-main .register-content dl dd {
          width: 100%;
          margin: 0;
          word-break: break-word; }
          .register-main .register-content dl dd > span {
            display: block;
            margin-bottom: 5px;
            font-size: 16px; }
            .register-main .register-content dl dd > span.red-label {
              color: #A72525; }
            .register-main .register-content dl dd > span .color-link {
              color: #0065C5;
              text-decoration: underline; }
          .register-main .register-content dl dd input[type=number]::-webkit-inner-spin-button,
          .register-main .register-content dl dd input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0; }
          .register-main .register-content dl dd input.form-input,
          .register-main .register-content dl dd textarea.form-input {
            background-color: #fff;
            border-radius: 4px;
            width: 100%;
            border: 1px solid #757575;
            height: auto;
            padding: 8px 13px; }
          .register-main .register-content dl dd input.sizeM,
          .register-main .register-content dl dd textarea.sizeM {
            width: 50%; } }
          @media screen and (max-width: 599px) and (max-width: 1000px) {
            .register-main .register-content dl dd input.sizeM,
            .register-main .register-content dl dd textarea.sizeM {
              width: 100%; } }

@media screen and (max-width: 599px) {
          .register-main .register-content dl dd input.invalid-input,
          .register-main .register-content dl dd textarea.invalid-input {
            background-color: #FFF0F0; }
          .register-main .register-content dl dd input::-webkit-input-placeholder,
          .register-main .register-content dl dd textarea::-webkit-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-moz-placeholder,
          .register-main .register-content dl dd textarea::-moz-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::placeholder,
          .register-main .register-content dl dd textarea::placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input:-ms-input-placeholder,
          .register-main .register-content dl dd textarea:-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd .content-post-jp {
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px; }
            .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
              width: 45%; } }
            @media screen and (max-width: 599px) and (max-width: 1060px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 55%; } }
            @media screen and (max-width: 599px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 100%; } }

@media screen and (max-width: 599px) {
            .register-main .register-content dl dd .content-post-jp input {
              width: 50%; } }
            @media screen and (max-width: 599px) and (max-width: 992px) {
              .register-main .register-content dl dd .content-post-jp input {
                width: 50%; } }

@media screen and (max-width: 599px) {
            .register-main .register-content dl dd .content-post-jp label {
              color: #1560BB; } }
          @media screen and (max-width: 599px) and (max-width: 900px) {
            .register-main .register-content dl dd .content-post-jp .icoin {
              width: 100%;
              margin-top: 20px;
              text-align: right; } }

@media screen and (max-width: 599px) {
            .register-main .register-content dl dd .content-post-jp .icoin i {
              margin: 4px 5px 0px;
              background: #fff;
              padding: 4px 6px;
              border: 1px solid #dbdbdb;
              box-shadow: -2px 2px 0px #dbdbdb;
              display: inline-block; }
            .register-main .register-content dl dd .content-post-jp .icoin a label {
              text-decoration: underline; }
            .register-main .register-content dl dd .content-post-jp .btn-post {
              margin: 0px 20px;
              background: none;
              padding: 8px 15px;
              color: #1560BB;
              border: 1px solid #1560BB;
              border-radius: 4px;
              cursor: pointer; } }
            @media screen and (max-width: 599px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .btn-post {
                width: 50%; } }

@media screen and (max-width: 599px) {
          .register-main .register-content dl dd .form-check {
            margin-top: 15px;
            margin: 15px auto 0;
            width: 330px; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label {
              color: #1560BB;
              border: 2px solid #1560BB;
              background: #E6EFFD; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::before {
              background: none; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::after {
              opacity: 1; }
          .register-main .register-content dl dd label {
            cursor: pointer; }
            .register-main .register-content dl dd label.form-check-label {
              border: 1px solid #B8B8B8;
              border-radius: 5px;
              position: relative;
              max-width: 100%;
              display: inline-block;
              height: 75px;
              padding: 10px calc(50% - 38px) 0; }
              .register-main .register-content dl dd label.form-check-label:before {
                background: #E6E6E6;
                border: none;
                content: '';
                display: block;
                height: 16px;
                margin-top: -6px;
                position: absolute;
                top: 46%;
                width: 16px;
                left: 12px; }
                .itemName {
                  margin-top: -7px;
              }
                .itemName span {
                  display: flex;
                  font-size: 14px;
              }
              .register-main .register-content dl dd label.form-check-label:after {
                border-right: 2px solid #1560BB;
                border-bottom: 2px solid #1560BB;
                content: '';
                display: block;
                height: 9px;
                margin-top: -5px;
                opacity: 0;
                position: absolute;
                top: 46%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 5px;
                left: 15px; }
            .register-main .register-content dl dd label.background-error {
              background-color: #FFF0F0; }
          .register-main .register-content dl dd #message-char-counter {
            padding: 0;
            text-align: right; }
          .register-main .register-content dl dd #msg-over-text {
            display: none;
            text-align: right;
            color: #FF0000; }
      .register-main .register-content .guide-content {
        padding-bottom: 20px;
        font-size: 18px;
        font-size: 16px; }
        .guide-content-en {
          font-size: 14px;
          padding-bottom: 20px;
          line-height: 1.4;
      }
        .register-main .register-content .guide-content span {
          font-weight: 800;
          color: #A72525; }
      .register-main .register-content .error-text {
        background: #FFF0F0;
        padding: 10px;
        color: #A72525;
        font-weight: 800; }
      .register-main .register-content .form_wrap {
        padding-top: 40px;
        padding-top: 0px; }
  .background-none {
    background: none; }
  .register-bottom {
    padding: 40px 0px 80px 0px;
    padding: 40px 0px; } }
  @media screen and (max-width: 599px) and (max-width: 979px) {
    .register-bottom {
      padding: 40px 0px; } }

@media screen and (max-width: 599px) {
      .taC_mB5 {
        text-align: center;
        margin-bottom: 5px;
    }
    .fs-14 {
      display: flex;
      font-size: 14px;
    }
    .btnfs-14 {
      display: flex;
      font-size: 14px;
      justify-content: center;
    }
    .register-bottom .d-flex {
      padding-bottom: 30px;
      justify-content: space-around; }
    .register-bottom .register-button {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .register-bottom .register-button.button-row-gap {
        row-gap: 15px; }
      .register-bottom .register-button .w-250 {
        margin: 0px 10px 0px 0px;
        width: 250px;
        width: 330px;
        margin: 5px 0px; }
      .register-bottom .register-button .w-150 {
        width: 150px; }
      .register-bottom .register-button .w-280 {
        margin: 0px 10px 0px 0px;
        width: 280px; }
      .register-bottom .register-button .d-none {
        width: 330px;
        display: inline-block;
        margin-bottom: 15px; }
        .register-bottom .register-button .d-none .w-250 {
          width: 100%; }
      .register-bottom .register-button .d-inline-block {
        display: none; }
      .register-bottom .register-button form {
        text-align: center; }
      .register-bottom .register-button button {
        border: 1px solid #1560BB;
        background: none;
        padding: 13px 40px;
        border-radius: 4px;
        cursor: pointer;
        position: relative;
        color: #1560BB;
        transition: 0.5s; }
        .register-bottom .register-button button:hover, .register-bottom .register-button button:focus {
          opacity: .7; }
        .register-bottom .register-button button.btn-back:after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-bottom: solid 2px #1560BB;
          border-left: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          left: 18px; }
        .register-bottom .register-button button.btn-complete::after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-top: solid 2px #1560BB;
          border-right: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          right: 18px; }
        .register-bottom .register-button button.btn-next {
          background: #1560BB;
          color: #fff; }
          .register-bottom .register-button button.btn-next:after {
            width: 0;
            height: 0;
            border: 0; }
          .register-bottom .register-button button.btn-next:disabled {
            background: #D2D2D2;
            color: #737373;
            border: 0; }
    .register-bottom.pd-0 {
      padding: 0px; }
  .header-sub-menu {
    background: #397dd1; }
    .header-sub-menu .inner {
      display: flex;
      justify-content: flex-start;
      align-items: center; } }
    @media screen and (max-width: 599px) and (max-width: 767px) {
      .header-sub-menu .inner {
        flex-wrap: wrap;
        width: 100%;
        margin: 0px; } }

@media screen and (max-width: 599px) {
      .header-sub-menu .inner .breadcrumb {
        width: calc(100% - 240px);
        display: inline-block; } }
      @media screen and (max-width: 599px) and (max-width: 767px) {
        .header-sub-menu .inner .breadcrumb {
          width: 100%;
          order: 1; } }

@media screen and (max-width: 599px) {
        .header-sub-menu .inner .breadcrumb .breadcrumb-nav {
          overflow: hidden;
          background: #397dd1; }
          .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav {
            overflow: hidden;
            position: relative;
            background: #397dd1;
            top: 0;
            height: 100%;
            z-index: 1;
            padding: 5px 20px; }
            .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol {
              float: left; }
              .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li {
                list-style: none;
                float: left;
                padding-right: 20px;
                position: relative; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a {
                  color: #fff;
                  font-size: 13px; }
                  .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a:hover {
                    text-decoration: none;
                    color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .active {
                  color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .breadcrumb-home-a::after {
                  content: "";
                  display: block;
                  width: 4px;
                  height: 4px;
                  -webkit-transform: rotate(45deg) translateY(-50%);
                          transform: rotate(45deg) translateY(-50%);
                  position: absolute;
                  top: 50%;
                  right: 10px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb; }
      .header-sub-menu .inner .pbLeftArea {
        width: 240px; } }
      @media screen and (max-width: 599px) and (max-width: 767px) {
        .header-sub-menu .inner .pbLeftArea {
          float: none;
          display: block;
          width: 100%;
          margin: 0 auto;
          order: 2;
          width: 100%; } }

@media screen and (max-width: 599px) {
        .header-sub-menu .inner .pbLeftArea #area2 {
          width: 100%; }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
            width: 100%;
            padding: 10px 18px;
            display: flex;
            align-items: center;
            background-color: #397dd1;
            border-left: 2px solid #1560bb;
            border-right: 2px solid #1560bb; } }
          @media screen and (max-width: 599px) and (max-width: 767px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
              border-top: 2px solid #1560bb;
              border-left: none;
              border-right: none; } }

@media screen and (max-width: 599px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn {
              width: 40px;
              height: 40px;
              position: relative;
              background-color: #1560bb;
              transition: all .3s; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span {
                width: 18px;
                height: 1px;
                background-color: #fff;
                position: absolute;
                left: 11px;
                transition: all .3s; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(1) {
                  top: 13px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(2) {
                  top: 19px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(3) {
                  top: 25px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #catName {
              flex: 1;
              font-size: 18px;
              color: #fff;
              padding-left: 1em; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn {
              background-color: #fff; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span {
                background-color: #1560bb; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(1) {
                  top: 19px;
                  -webkit-transform: rotate(-45deg);
                          transform: rotate(-45deg); }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(2) {
                  opacity: 0; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(3) {
                  top: 19px;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg); }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody {
            background-color: #1560bb;
            padding: 25px;
            display: none;
            position: absolute;
            width: 360px;
            z-index: 100; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu {
              cursor: pointer;
              background-color: #397dd1; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu + .pbBlockMenu {
                margin-top: 3px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu a {
                color: #fff;
                font-size: 16px;
                display: block;
                padding: 5px 10px;
                padding: 10px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 {
                background-color: #fff; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 a {
                  color: #1560bb; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild {
              display: none;
              background-color: #fff; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a {
                color: #000;
                display: block;
                position: relative;
                padding-left: 25px;
                padding-right: 30px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a:after {
                  content: "";
                  display: block;
                  width: 8px;
                  height: 8px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg);
                  position: absolute;
                  right: 15px;
                  top: 0;
                  bottom: 0;
                  margin: auto 0; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent {
              display: flex;
              align-items: center; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent a {
                pointer-events: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent span:nth-of-type(1) {
              flex: 1; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 20px;
              height: 20px;
              position: relative;
              margin-right: 7px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow.isOpen:before {
                -webkit-transform: rotate(90deg);
                        transform: rotate(90deg); }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:before {
              content: "";
              display: block;
              width: 1px;
              height: 12px;
              background-color: #fff;
              position: absolute;
              top: 4px;
              left: 9px;
              transition: all .3s; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:after {
              content: "";
              display: block;
              height: 1px;
              width: 12px;
              background-color: #fff;
              position: absolute;
              top: 9px;
              left: 4px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subParent {
              display: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subChild.pbBlockMenu {
              display: block; } }

@media screen and (max-width: 599px) and (min-width: 600px) and (max-width: 1185px) {
  .tablet .inner {
    flex-wrap: wrap;
    width: 100%; }
    .tablet .inner .breadcrumb {
      order: 1;
      width: 100%;
      padding: 15px 20px; }
    .tablet .inner .pbLeftArea {
      order: 2;
      width: 100%; }
      .tablet .inner .pbLeftArea #area2 .subMenuTitle {
        border: none;
        border-top: 2px solid #1560bb; } }

@media screen and (max-width: 599px) {
  br.display-sp {
    display: none;
    display: inline; }
  #newPageTop {
    display: none; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
  .register-top {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .register-top .circle-text {
      color: #b8b8b8;
      position: relative;
      border: 1px solid #b8b8b8;
      /*border-radius: 50% 50%;*/
      text-align: center;
      padding: 10px 7px; }
      .register-top .circle-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; }
      .register-top .circle-text.circle-active {
        color: #1560BB;
        border: 2px solid #1560BB;
        padding: 10px 6px; }
    .register-top .circle-after {
      margin-right: 50px; }
      .register-top .circle-after:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        right: -25px;
        border-top: 3px solid #b8b8b8;
        border-right: 3px solid #b8b8b8; }
  .register-main {
    background: #F7F6F4; }
    .register-main .completed-text {
      padding: 50px 20px;
      text-align: center; }
    .register-main h3 {
      margin-bottom: 20px;
      line-height: 25px; }
    .register-main h3 span {
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
    .register-main p {
      margin: 20px auto; }
    .register-main .register-content {
      width: 100%;
      margin: 0px auto; }
      .register-main .register-content h3 {
        margin: 0px 0px 35px 0px; }
      .register-main .register-content dl {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E1E1E1;
        padding: 35px 0px; }
        .register-main .register-content dl dt {
          padding-right: 10px;
          width: 300px;
          font-weight: 800; }
          .register-main .register-content dl dt.must {
            display: flex;
            align-items: normal; }
            .register-main .register-content dl dt.must .content-mandatory {
              white-space: nowrap; }
              .register-main .register-content dl dt.must .content-mandatory span {
                color: #FFF;
                font-size: 12px;
                font-weight: normal;
                background: #A72525;
                padding: 3px 8px;
                margin-right: 8px; }
            .register-main .register-content dl dt.must .d-block {
              margin-left: 55px; }
              .register-main .register-content dl dt.must .d-block label {
                display: block; }
        .register-main .register-content dl dd {
          width: 100%;
          margin: 0;
          word-break: break-word; }
          .register-main .register-content dl dd > span {
            display: block;
            margin-bottom: 5px;
            font-size: 16px; }
            .register-main .register-content dl dd > span.red-label {
              color: #A72525; }
            .register-main .register-content dl dd > span .color-link {
              color: #0065C5;
              text-decoration: underline; }
          .register-main .register-content dl dd input[type=number]::-webkit-inner-spin-button,
          .register-main .register-content dl dd input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0; }
          .register-main .register-content dl dd input.form-input,
          .register-main .register-content dl dd textarea.form-input {
            background-color: #fff;
            border-radius: 4px;
            width: 100%;
            border: 1px solid #757575;
            height: auto;
            padding: 8px 13px; }
          .register-main .register-content dl dd input.sizeM,
          .register-main .register-content dl dd textarea.sizeM {
            width: 50%; } }
          @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 1000px) {
            .register-main .register-content dl dd input.sizeM,
            .register-main .register-content dl dd textarea.sizeM {
              width: 100%; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
          .register-main .register-content dl dd input.invalid-input,
          .register-main .register-content dl dd textarea.invalid-input {
            background-color: #FFF0F0; }
          .register-main .register-content dl dd input::-webkit-input-placeholder,
          .register-main .register-content dl dd textarea::-webkit-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-moz-placeholder,
          .register-main .register-content dl dd textarea::-moz-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::placeholder,
          .register-main .register-content dl dd textarea::placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input:-ms-input-placeholder,
          .register-main .register-content dl dd textarea:-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd .content-post-jp {
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px; }
            .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
              width: 45%; } }
            @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 1060px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 55%; } }
            @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 100%; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp input {
              width: 50%; } }
            @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 992px) {
              .register-main .register-content dl dd .content-post-jp input {
                width: 50%; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp label {
              color: #1560BB; } }
          @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 900px) {
            .register-main .register-content dl dd .content-post-jp .icoin {
              width: 100%;
              margin-top: 20px;
              text-align: right; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp .icoin i {
              margin: 4px 5px 0px;
              background: #fff;
              padding: 4px 6px;
              border: 1px solid #dbdbdb;
              box-shadow: -2px 2px 0px #dbdbdb;
              display: inline-block; }
            .register-main .register-content dl dd .content-post-jp .icoin a label {
              text-decoration: underline; }
            .register-main .register-content dl dd .content-post-jp .btn-post {
              margin: 0px 20px;
              background: none;
              padding: 8px 15px;
              color: #1560BB;
              border: 1px solid #1560BB;
              border-radius: 4px;
              cursor: pointer; } }
            @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .btn-post {
                width: 50%; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
          .register-main .register-content dl dd .form-check {
            margin-top: 15px; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label {
              color: #1560BB;
              border: 2px solid #1560BB;
              background: #E6EFFD; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::before {
              background: none; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::after {
              opacity: 1; }
          .register-main .register-content dl dd label {
            cursor: pointer; }
            .register-main .register-content dl dd label.form-check-label {
              border: 1px solid #B8B8B8;
              border-radius: 5px;
              position: relative;
              max-width: 100%;
              display: inline-block;
              height: 75px; }
              .register-main .register-content dl dd label.form-check-label:before {
                background: #E6E6E6;
                border: none;
                content: '';
                display: block;
                height: 16px;
                margin-top: -15px;
                position: absolute;
                top: 46%;
                width: 16px;
                left: 12px; }
                .itemName {
                  margin-top: -7px;
              }
              .itemName span {
                display: flex;
                font-size: 14px;
            }
              .register-main .register-content dl dd label.form-check-label:after {
                border-right: 2px solid #1560BB;
                border-bottom: 2px solid #1560BB;
                content: '';
                display: block;
                height: 9px;
                margin-top: -5px;
                opacity: 0;
                position: absolute;
                top: 46%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 5px;
                left: 15px; }
            .register-main .register-content dl dd label.background-error {
              background-color: #FFF0F0; }
          .register-main .register-content dl dd #message-char-counter {
            padding: 0;
            text-align: right; }
          .register-main .register-content dl dd #msg-over-text {
            display: none;
            text-align: right;
            color: #FF0000; }
      .register-main .register-content .guide-content {
        padding-bottom: 20px;
        font-size: 18px; }
        .guide-content-en {
          font-size: 14px;
          padding-bottom: 20px;
          line-height: 1.4;
      }
        .register-main .register-content .guide-content span {
          font-weight: 800;
          color: #A72525; }
      .register-main .register-content .error-text {
        background: #FFF0F0;
        padding: 10px;
        color: #A72525; }
      .register-main .register-content .form_wrap {
        padding-top: 40px; }
  .background-none {
    background: none; }
  .register-bottom {
    padding: 40px 0px 80px 0px; } }
  @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 979px) {
    .register-bottom {
      padding: 40px 0px; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
    .taC_mB5 {
      text-align: center;
      margin-bottom: 5px;
  }
    .fs-14 {
      display: flex;
      font-size: 14px;
  }
  .btnfs-14 {
    display: flex;
    font-size: 14px;
    justify-content: center;
}
    .register-bottom .d-flex {
      padding-bottom: 30px;
      justify-content: space-around; }
    .register-bottom .register-button {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .register-bottom .register-button.button-row-gap {
        row-gap: 15px; }
      .register-bottom .register-button .w-250 {
        margin: 0px 10px 0px 0px;
        width: 250px; }
      .register-bottom .register-button .w-280 {
        margin: 0px 10px 0px 0px;
        width: 280px; }
      .register-bottom .register-button form {
        text-align: center; }
      .register-bottom .register-button button {
        border: 1px solid #1560BB;
        background: none;
        padding: 13px 40px;
        border-radius: 4px;
        cursor: pointer;
        position: relative;
        color: #1560BB;
        transition: 0.5s; }
        .register-bottom .register-button button:hover, .register-bottom .register-button button:focus {
          opacity: .7; }
        .register-bottom .register-button button.btn-back:after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-bottom: solid 2px #1560BB;
          border-left: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          left: 18px; }
        .register-bottom .register-button button.btn-complete::after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-top: solid 2px #1560BB;
          border-right: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          right: 18px; }
        .register-bottom .register-button button.btn-next {
          background: #1560BB;
          color: #fff; }
          .register-bottom .register-button button.btn-next:after {
            width: 0;
            height: 0;
            border: 0; }
          .register-bottom .register-button button.btn-next:disabled {
            background: #D2D2D2;
            color: #737373;
            border: 0; }
  .header-sub-menu {
    background: #397dd1; }
    .header-sub-menu .inner {
      display: flex;
      justify-content: flex-start;
      align-items: center; } }
    @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 767px) {
      .header-sub-menu .inner {
        flex-wrap: wrap;
        width: 100%;
        margin: 0px; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
      .header-sub-menu .inner .breadcrumb {
        width: calc(100% - 240px);
        display: inline-block; } }
      @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 767px) {
        .header-sub-menu .inner .breadcrumb {
          width: 100%;
          order: 1; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
        .header-sub-menu .inner .breadcrumb .breadcrumb-nav {
          overflow: hidden;
          background: #397dd1; }
          .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav {
            overflow: hidden;
            position: relative;
            background: #397dd1;
            top: 0;
            height: 100%;
            z-index: 1; }
            .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol {
              float: left; }
              .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li {
                list-style: none;
                float: left;
                padding-right: 20px;
                position: relative; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a {
                  color: #fff;
                  font-size: 13px; }
                  .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a:hover {
                    text-decoration: none;
                    color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .active {
                  color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .breadcrumb-home-a::after {
                  content: "";
                  display: block;
                  width: 4px;
                  height: 4px;
                  -webkit-transform: rotate(45deg) translateY(-50%);
                          transform: rotate(45deg) translateY(-50%);
                  position: absolute;
                  top: 50%;
                  right: 10px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb; }
      .header-sub-menu .inner .pbLeftArea {
        width: 240px; } }
      @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 767px) {
        .header-sub-menu .inner .pbLeftArea {
          float: none;
          display: block;
          width: 100%;
          margin: 0 auto;
          order: 2;
          width: 100%; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
        .header-sub-menu .inner .pbLeftArea #area2 {
          width: 100%; }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
            width: 100%;
            padding: 10px 18px;
            display: flex;
            align-items: center;
            background-color: #397dd1;
            border-left: 2px solid #1560bb;
            border-right: 2px solid #1560bb; } }
          @media screen and (max-width: 1000px) and (min-width: 600px) and (max-width: 767px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
              border-top: 2px solid #1560bb;
              border-left: none;
              border-right: none; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn {
              width: 40px;
              height: 40px;
              position: relative;
              background-color: #1560bb;
              transition: all .3s; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span {
                width: 18px;
                height: 1px;
                background-color: #fff;
                position: absolute;
                left: 11px;
                transition: all .3s; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(1) {
                  top: 13px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(2) {
                  top: 19px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(3) {
                  top: 25px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #catName {
              flex: 1;
              font-size: 18px;
              color: #fff;
              padding-left: 1em; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn {
              background-color: #fff; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span {
                background-color: #1560bb; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(1) {
                  top: 19px;
                  -webkit-transform: rotate(-45deg);
                          transform: rotate(-45deg); }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(2) {
                  opacity: 0; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(3) {
                  top: 19px;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg); }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody {
            background-color: #1560bb;
            padding: 25px;
            display: none;
            position: absolute;
            width: 360px;
            z-index: 100; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu {
              cursor: pointer;
              background-color: #397dd1; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu a {
                color: #fff;
                font-size: 16px;
                display: block;
                padding: 5px 10px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 {
                background-color: #fff; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 a {
                  color: #1560bb; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild {
              display: none;
              background-color: #fff; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a {
                color: #000;
                display: block;
                position: relative;
                padding-left: 25px;
                padding-right: 30px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a:after {
                  content: "";
                  display: block;
                  width: 8px;
                  height: 8px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg);
                  position: absolute;
                  right: 15px;
                  top: 0;
                  bottom: 0;
                  margin: auto 0; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent {
              display: flex;
              align-items: center; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent a {
                pointer-events: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent span:nth-of-type(1) {
              flex: 1; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 20px;
              height: 20px;
              position: relative;
              margin-right: 7px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow.isOpen:before {
                -webkit-transform: rotate(90deg);
                        transform: rotate(90deg); }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:before {
              content: "";
              display: block;
              width: 1px;
              height: 12px;
              background-color: #fff;
              position: absolute;
              top: 4px;
              left: 9px;
              transition: all .3s; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:after {
              content: "";
              display: block;
              height: 1px;
              width: 12px;
              background-color: #fff;
              position: absolute;
              top: 9px;
              left: 4px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subParent {
              display: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subChild.pbBlockMenu {
              display: block; } }

@media screen and (max-width: 1000px) and (min-width: 600px) and (min-width: 600px) and (max-width: 1185px) {
  .tablet .inner {
    flex-wrap: wrap;
    width: 100%; }
    .tablet .inner .breadcrumb {
      order: 1;
      width: 100%;
      padding: 15px 20px; }
    .tablet .inner .pbLeftArea {
      order: 2;
      width: 100%; }
      .tablet .inner .pbLeftArea #area2 .subMenuTitle {
        border: none;
        border-top: 2px solid #1560bb; } }

@media screen and (max-width: 1000px) and (min-width: 600px) {
  br.display-sp {
    display: none; } }

@media print, screen and (min-width: 600px) {
  .header-sub .title-page {
    min-height: 162px;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff6e6;
    width: 100%;
    margin-bottom: 30px; }
    .header-sub .title-page h1 {
      line-height: 40px;
      font-size: 36px;
      text-align: center; }
      h1.inner span {
        display: flex;
        font-size: 20px;
        justify-content: center;
        margin-top: 8px;
    }
  .register-top {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .register-top .circle-text {
      width: 160px;
      height: 100px;
      font-size: 14px;
      color: #b8b8b8;
      position: relative;
      border: 1px solid #b8b8b8;
      /*border-radius: 50% 50%;*/
      text-align: center;
      padding: 10px 7px; }
      .register-top .circle-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; }
      .register-top .circle-text.circle-active {
        color: #1560BB;
        border: 2px solid #1560BB;
        padding: 10px 6px; }
    .register-top .circle-after {
      margin-right: 50px;
      margin-right: 70px; }
      .register-top .circle-after:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        right: -25px;
        right: -35px;
        border-top: 3px solid #b8b8b8;
        border-right: 3px solid #b8b8b8; }
  .register-main {
    background: #F7F6F4; }
    .register-main .completed-text {
      padding: 50px 20px;
      text-align: center; }
    .register-main h3 {
      margin-bottom: 20px;
      line-height: 25px; }
    .register-main h3 span {
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
    .register-main p {
      width: 500px;
      margin: 20px auto; }
    .register-main .register-content {
      width: 100%;
      margin: 0px auto; }
      .register-main .register-content h3 {
        margin: 0px 0px 35px 0px; }
      .register-main .register-content dl {
        display: flex;
        align-items: normal;
        border-bottom: 1px solid #E1E1E1;
        padding: 35px 0px; }
        .register-main .register-content dl dt {
          padding-right: 10px;
          width: 300px;
          font-weight: 800; }
          .register-main .register-content dl dt.must {
            display: flex;
            align-items: normal; }
            .register-main .register-content dl dt.must .content-mandatory {
              white-space: nowrap; }
              .register-main .register-content dl dt.must .content-mandatory span {
                color: #FFF;
                font-size: 12px;
                font-weight: normal;
                background: #A72525;
                padding: 3px 8px;
                margin-right: 8px; }
            .register-main .register-content dl dt.must .d-block {
              margin-left: 55px; }
              .register-main .register-content dl dt.must .d-block label {
                display: block; }
          .register-main .register-content dl dt span {
            display: flex;
            /*justify-content: center;*/ }
        .register-main .register-content dl dd {
          width: 100%;
          margin: 0;
          word-break: break-word; }
          .register-main .register-content dl dd > span {
            display: block;
            margin-bottom: 5px;
            font-size: 16px;
            margin-top: -6px; }
            .register-main .register-content dl dd > span.red-label {
              color: #A72525; }
            .register-main .register-content dl dd > span .color-link {
              color: #0065C5;
              text-decoration: underline; }
          .register-main .register-content dl dd input[type=number]::-webkit-inner-spin-button,
          .register-main .register-content dl dd input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0; }
          .register-main .register-content dl dd input.form-input,
          .register-main .register-content dl dd textarea.form-input {
            background-color: #fff;
            border-radius: 4px;
            width: 100%;
            border: 1px solid #757575;
            height: auto;
            padding: 8px 13px; }
          .register-main .register-content dl dd input.sizeM,
          .register-main .register-content dl dd textarea.sizeM {
            width: 50%; } }
          @media screen and (min-width: 600px) and (max-width: 1000px) {
            .register-main .register-content dl dd input.sizeM,
            .register-main .register-content dl dd textarea.sizeM {
              width: 100%; } }

@media print, screen and (min-width: 600px) {
          .register-main .register-content dl dd input.invalid-input,
          .register-main .register-content dl dd textarea.invalid-input {
            background-color: #FFF0F0; }
          .register-main .register-content dl dd input::-webkit-input-placeholder,
          .register-main .register-content dl dd textarea::-webkit-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-moz-placeholder,
          .register-main .register-content dl dd textarea::-moz-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input::placeholder,
          .register-main .register-content dl dd textarea::placeholder {
            color: #B8B8B8;
            opacity: 1; }
          .register-main .register-content dl dd input:-ms-input-placeholder,
          .register-main .register-content dl dd textarea:-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd input::-ms-input-placeholder,
          .register-main .register-content dl dd textarea::-ms-input-placeholder {
            color: #B8B8B8; }
          .register-main .register-content dl dd .content-post-jp {
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 25px; }
            .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
              width: 45%; } }
            @media screen and (min-width: 600px) and (max-width: 1060px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 55%; } }
            @media screen and (min-width: 600px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .content-post-jp-button {
                width: 100%; } }

@media print, screen and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp input {
              width: 50%; } }
            @media screen and (min-width: 600px) and (max-width: 992px) {
              .register-main .register-content dl dd .content-post-jp input {
                width: 50%; } }

@media print, screen and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp label {
              color: #1560BB; } }
          @media screen and (min-width: 600px) and (max-width: 900px) {
            .register-main .register-content dl dd .content-post-jp .icoin {
              width: 100%;
              margin-top: 20px;
              text-align: right; } }

@media print, screen and (min-width: 600px) {
            .register-main .register-content dl dd .content-post-jp .icoin i {
              margin: 4px 5px 0px;
              background: #fff;
              padding: 4px 6px;
              border: 1px solid #dbdbdb;
              box-shadow: -2px 2px 0px #dbdbdb;
              display: inline-block; }
            .register-main .register-content dl dd .content-post-jp .icoin a label {
              text-decoration: underline; }
            .register-main .register-content dl dd .content-post-jp .btn-post {
              margin: 0px 20px;
              background: none;
              padding: 8px 15px;
              color: #1560BB;
              border: 1px solid #1560BB;
              border-radius: 4px;
              cursor: pointer; } }
            @media screen and (min-width: 600px) and (max-width: 900px) {
              .register-main .register-content dl dd .content-post-jp .btn-post {
                width: 50%; } }

@media print, screen and (min-width: 600px) {
          .register-main .register-content dl dd .form-check {
            margin-top: 15px; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label {
              color: #1560BB;
              border: 2px solid #1560BB;
              background: #E6EFFD; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::before {
              background: none; }
            .register-main .register-content dl dd .form-check input[type="checkbox"]:checked + .form-check-label::after {
              opacity: 1; }
          .register-main .register-content dl dd label {
            cursor: pointer; }
            .register-main .register-content dl dd label.form-check-label {
              border: 1px solid #B8B8B8;
              border-radius: 5px;
              position: relative;
              max-width: 100%;
              display: inline-block;
              height: 70px;
              padding: 10px 25px 5px 45px; }
              .register-main .register-content dl dd label.form-check-label:before {
                background: #E6E6E6;
                border: none;
                content: '';
                display: block;
                height: 16px;
                margin-top: -6px;
                position: absolute;
                top: 46%;
                width: 16px;
                left: 12px; }
                .itemName {
                  margin-top: -5px;
              }
                .itemName span {
                  display: flex;
                  font-size: 14px;
              }
              .register-main .register-content dl dd label.form-check-label:after {
                border-right: 2px solid #1560BB;
                border-bottom: 2px solid #1560BB;
                content: '';
                display: block;
                height: 9px;
                margin-top: -15px;
                opacity: 0;
                position: absolute;
                top: 60%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 5px;
                left: 15px; }
            .register-main .register-content dl dd label.background-error {
              background-color: #FFF0F0; }
          .register-main .register-content dl dd #message-char-counter {
            padding: 0;
            text-align: right; }
          .register-main .register-content dl dd #msg-over-text {
            display: none;
            text-align: right;
            color: #FF0000; }
      .register-main .register-content .guide-content {
        padding-bottom: 20px;
        font-size: 18px; }
        .guide-content-en {
          font-size: 14px;
          padding-bottom: 20px;
          line-height: 1.4;
      }
        .register-main .register-content .guide-content span {
          font-weight: 800;
          color: #A72525; }
      .register-main .register-content .error-text {
        background: #FFF0F0;
        padding: 10px;
        color: #A72525; }
      .register-main .register-content .form_wrap {
        padding-top: 40px; }
  .background-none {
    background: none; }
  .register-bottom {
    padding: 40px 0px 80px 0px; } }
  @media screen and (min-width: 600px) and (max-width: 979px) {
    .register-bottom {
      padding: 40px 0px; } }

@media print, screen and (min-width: 600px) {
    .taC_mB5 {
      text-align: center;
      margin-bottom: 5px;
  }
    .fs-14 {
      font-size: 14px;
  }
  .btnfs-14 {
    display: flex;
    font-size: 14px;
    justify-content: center;
  }
    .register-bottom .d-flex {
      padding-bottom: 30px;
      justify-content: space-around; }
    .register-bottom .register-button {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .register-bottom .register-button.button-row-gap {
        row-gap: 15px; }
      .register-bottom .register-button .w-250 {
        margin: 0px 10px 0px 0px;
        width: 250px;
        height: 100%; }
      .register-bottom .register-button .w-280 {
        margin: 0px 10px 0px 0px;
        width: 280px;
        height: 100%; }
      .register-bottom .register-button form {
        text-align: center; }
      .register-bottom .register-button button {
        border: 1px solid #1560BB;
        background: none;
        padding: 13px 40px;
        border-radius: 4px;
        cursor: pointer;
        position: relative;
        color: #1560BB;
        transition: 0.5s; }
        .register-bottom .register-button button:hover, .register-bottom .register-button button:focus {
          opacity: .7; }
        .register-bottom .register-button button.btn-back:after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-bottom: solid 2px #1560BB;
          border-left: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          left: 18px; }
        .register-bottom .register-button button.btn-complete::after {
          content: '';
          width: 6px;
          height: 6px;
          border: 0;
          border-top: solid 2px #1560BB;
          border-right: solid 2px #1560BB;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          right: 18px; }
        .register-bottom .register-button button.btn-next {
          background: #1560BB;
          color: #fff; }
          .register-bottom .register-button button.btn-next:after {
            width: 0;
            height: 0;
            border: 0; }
          .register-bottom .register-button button.btn-next:disabled {
            background: #D2D2D2;
            color: #737373;
            border: 0; }
  .header-sub-menu {
    background: #397dd1; }
    .header-sub-menu .inner {
      display: flex;
      justify-content: flex-start;
      align-items: center; } }
    @media screen and (min-width: 600px) and (max-width: 767px) {
      .header-sub-menu .inner {
        flex-wrap: wrap;
        width: 100%;
        margin: 0px; } }

@media print, screen and (min-width: 600px) {
      .header-sub-menu .inner .breadcrumb {
        width: calc(100% - 240px);
        display: inline-block; } }
      @media screen and (min-width: 600px) and (max-width: 767px) {
        .header-sub-menu .inner .breadcrumb {
          width: 100%;
          order: 1; } }

@media print, screen and (min-width: 600px) {
        .header-sub-menu .inner .breadcrumb .breadcrumb-nav {
          overflow: hidden;
          background: #397dd1; }
          .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav {
            overflow: hidden;
            position: relative;
            background: #397dd1;
            top: 0;
            height: 100%;
            z-index: 1; }
            .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol {
              float: left; }
              .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li {
                list-style: none;
                float: left;
                padding-right: 20px;
                position: relative; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a {
                  color: #fff;
                  font-size: 13px; }
                  .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li a:hover {
                    text-decoration: none;
                    color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .active {
                  color: #fff; }
                .header-sub-menu .inner .breadcrumb .breadcrumb-nav nav ol li .breadcrumb-home-a::after {
                  content: "";
                  display: block;
                  width: 4px;
                  height: 4px;
                  -webkit-transform: rotate(45deg) translateY(-50%);
                          transform: rotate(45deg) translateY(-50%);
                  position: absolute;
                  top: 50%;
                  right: 10px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb; }
      .header-sub-menu .inner .pbLeftArea {
        width: 240px; } }
      @media screen and (min-width: 600px) and (max-width: 767px) {
        .header-sub-menu .inner .pbLeftArea {
          float: none;
          display: block;
          width: 100%;
          margin: 0 auto;
          order: 2;
          width: 100%; } }

@media print, screen and (min-width: 600px) {
        .header-sub-menu .inner .pbLeftArea #area2 {
          width: 100%; }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
            cursor: pointer;
            width: 100%;
            padding: 10px 18px;
            display: flex;
            align-items: center;
            background-color: #397dd1;
            border-left: 2px solid #1560bb;
            border-right: 2px solid #1560bb; } }
          @media screen and (min-width: 600px) and (max-width: 767px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle {
              border-top: 2px solid #1560bb;
              border-left: none;
              border-right: none; } }

@media print, screen and (min-width: 600px) {
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn {
              width: 40px;
              height: 40px;
              position: relative;
              background-color: #1560bb;
              transition: all .3s;
              cursor: pointer; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span {
                width: 18px;
                height: 1px;
                background-color: #fff;
                position: absolute;
                left: 11px;
                transition: all .3s; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(1) {
                  top: 13px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(2) {
                  top: 19px; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #subMenuBtn span:nth-of-type(3) {
                  top: 25px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle #catName {
              flex: 1;
              font-size: 18px;
              color: #fff;
              padding-left: 1em; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle:hover {
              background-color: #1560bb; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen {
              background-color: #1560bb; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn {
                background-color: #fff; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span {
                  background-color: #1560bb; }
                  .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(1) {
                    top: 19px;
                    -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg); }
                  .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(2) {
                    opacity: 0; }
                  .header-sub-menu .inner .pbLeftArea #area2 .subMenuTitle.isOpen #subMenuBtn span:nth-of-type(3) {
                    top: 19px;
                    -webkit-transform: rotate(45deg);
                            transform: rotate(45deg); }
          .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody {
            background-color: #1560bb;
            padding: 25px;
            display: none;
            position: absolute;
            width: 360px;
            z-index: 100; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu {
              cursor: pointer;
              background-color: #397dd1; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu a {
                color: #fff;
                font-size: 16px;
                display: block;
                padding: 5px 10px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 {
                background-color: #fff; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .pbBlockMenu.jfContentsListMenu02 a {
                  color: #1560bb; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild {
              display: none;
              background-color: #fff; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a {
                color: #000;
                display: block;
                position: relative;
                padding-left: 25px;
                padding-right: 30px;
                padding-right: 40px;
                margin: 0 10px;
                border-bottom: 1px solid #e7e7e7; }
                .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subChild a:after {
                  content: "";
                  display: block;
                  width: 8px;
                  height: 8px;
                  border-top: 1px solid #1560bb;
                  border-right: 1px solid #1560bb;
                  -webkit-transform: rotate(45deg);
                          transform: rotate(45deg);
                  position: absolute;
                  right: 15px;
                  top: 0;
                  bottom: 0;
                  margin: auto 0; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent {
              display: flex;
              align-items: center;
              margin-top: 3px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent a {
                pointer-events: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .subParent span:nth-of-type(1) {
              flex: 1; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 20px;
              height: 20px;
              position: relative;
              margin-right: 7px; }
              .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow.isOpen:before {
                -webkit-transform: rotate(90deg);
                        transform: rotate(90deg); }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:before {
              content: "";
              display: block;
              width: 1px;
              height: 12px;
              background-color: #fff;
              position: absolute;
              top: 4px;
              left: 9px;
              transition: all .3s; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody .arrow:after {
              content: "";
              display: block;
              height: 1px;
              width: 12px;
              background-color: #fff;
              position: absolute;
              top: 9px;
              left: 4px; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subParent {
              display: none; }
            .header-sub-menu .inner .pbLeftArea #area2 .subMenuBody.archiveMenu .subChild.pbBlockMenu {
              display: block; } }

@media screen and (min-width: 600px) and (min-width: 600px) and (max-width: 1185px) {
  .tablet .inner {
    flex-wrap: wrap;
    width: 100%; }
    .tablet .inner .breadcrumb {
      order: 1;
      width: 100%;
      padding: 15px 20px; }
    .tablet .inner .pbLeftArea {
      order: 2;
      width: 100%; }
      .tablet .inner .pbLeftArea #area2 .subMenuTitle {
        border: none;
        border-top: 2px solid #1560bb; } }

@media print, screen and (min-width: 600px) {
  br.display-sp {
    display: none; } }

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