@charset "UTF-8";
.txt_c {
  text-align: center; }

.top-txt {
  font-weight: 600;
  text-align: center; }
  .top-txt .color_r {
    font-size: 105%;
    color: #e50000; }
  @media (max-width: 480px) {
    .top-txt {
      font-size: 3.8961038961vw;
      padding: 0 3.8961038961vw;
      margin-bottom: 5.1948051948vw; } }

/*etc*/
.attent {
  text-align: center;
  width: 70%;
  color: #ff0000;
  margin: 0 auto;
  border: 5px solid #ff0000;
  margin-bottom: 10px;
  padding: 5px 25px; }
  @media (max-width: 480px) {
    .attent {
      width: 100%;
      font-size: 1.2rem;
      padding: 10px 3%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

/*.form*/
.form {
  margin: auto;
  padding: 30px 40px; }
  @media (max-width: 480px) {
    .form {
      width: 100%;
      padding: 3.8961038961vw 5.1948051948vw 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

.form-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 28px 0;
  border-bottom: 1px solid #d9d9d9;
  /*&.form-line__error--active {
  	position: relative;
  	z-index: 100;
  	&:after{
  		position: absolute;
  		content: "　";
  		width: 100%;
  		height: 100%;
  		display: block;
  	background: rgba(255, 0, 0, .1);
  	z-index: -1;
  	left: 0px;
  	top: 0px;
  	}
  }*/ }
  @media (max-width: 480px) {
    .form-line {
      padding: 3.8961038961vw 1.2987012987vw 3.8961038961vw; } }
  .form-line .form-line__title {
    position: relative;
    width: 24%;
    font-size: 1.7rem;
    font-weight: bold;
    margin-right: 2%;
    top: 11px;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .form-line .form-line__title {
        position: initial;
        width: 100%;
        font-size: 4.1558441558vw;
        margin-right: 0;
        padding-right: 9.0909090909vw; } }
    .form-line .form-line__title .form-line__hosoku {
      font-size: 1.2rem;
      line-height: 1.5em;
      padding: 8px 0 0; }
      @media (max-width: 480px) {
        .form-line .form-line__title .form-line__hosoku {
          font-size: 1.8181818182vw; } }
  .form-line .form-line__sign {
    text-align: center;
    width: 5.5%; }
    @media (max-width: 480px) {
      .form-line .form-line__sign {
        position: relative;
        width: 100%; } }
    .form-line .form-line__sign .form-line__sign--indispen {
      position: relative;
      display: inline-block;
      font-size: 1.1rem;
      color: #fff;
      background-color: #e1352b;
      border-radius: 3px;
      padding: 1px 5px;
      top: 5px; }
      @media (max-width: 480px) {
        .form-line .form-line__sign .form-line__sign--indispen {
          font-size: 2.987012987vw;
          padding: 0.2597402597vw 1.038961039vw;
          position: absolute;
          top: 1.2987012987vw;
          right: 0; } }
    .form-line .form-line__sign .form-line__sign--any {
      position: relative;
      display: inline-block;
      font-size: 1.1rem;
      color: #fff;
      background-color: #5a5a5a;
      border-radius: 3px;
      padding: 1px 5px;
      top: 5px; }
      @media (max-width: 480px) {
        .form-line .form-line__sign .form-line__sign--any {
          font-size: 2.987012987vw;
          padding: 0.2597402597vw 1.038961039vw;
          position: absolute;
          top: 1.2987012987vw;
          right: 0; } }
  .form-line .form-line__data {
    position: relative;
    width: 68%; }
    @media (max-width: 480px) {
      .form-line .form-line__data {
        width: 100%;
        padding: 2.5974025974vw 0 0; } }
    .form-line .form-line__data .h-input {
      font-size: 1.2rem;
      position: absolute;
      color: #fff;
      padding: 3px 10px 4px;
      background-color: #ff6262;
      text-decoration: none;
      top: 0;
      right: 0;
      -webkit-transition: opacity .1s;
      transition: opacity .1s; }
      @media (max-width: 480px) {
        .form-line .form-line__data .h-input {
          font-size: 2.7272727273vw;
          font-weight: 500;
          border-radius: 0.3896103896vw;
          letter-spacing: 0.1298701299vw; } }
      .form-line .form-line__data .h-input i {
        margin-left: 3px; }
        @media (max-width: 480px) {
          .form-line .form-line__data .h-input i {
            margin-left: 0.6493506494vw; } }
      .form-line .form-line__data .h-input:hover {
        opacity: 0.7; }
  .form-line .modal_hook {
    text-decoration: underline;
    cursor: pointer;
    color: #0000ff; }

.pick-text {
  position: absolute;
  width: 480px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background-color: #0068b7;
  padding: 8px 25px;
  top: 37px;
  right: 0;
  letter-spacing: 1px; }
  @media (max-width: 480px) {
    .pick-text {
      width: 55.8441558442vw;
      font-size: 3.5064935065vw;
      padding: 1.038961039vw 0.6493506494vw 1.2987012987vw 3.8961038961vw;
      top: 20.1298701299vw;
      right: 2.5974025974vw; } }
  .pick-text::before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 15px 7px 0;
    border-color: transparent #0068b7 transparent transparent;
    top: 50%;
    left: 1px;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%); }
    @media (max-width: 480px) {
      .pick-text::before {
        border-width: 1.2987012987vw 2.5974025974vw 1.2987012987vw 0; } }
  .pick-text span {
    display: inline-block;
    color: #0068b7;
    background-color: #fff;
    border-radius: 30px;
    padding: 5px 10px;
    margin-left: 10px;
    line-height: 1; }
    @media (max-width: 480px) {
      .pick-text span {
        font-size: 2.8571428571vw;
        border-radius: 3.8961038961vw;
        padding: 0.7792207792vw 1.5584415584vw;
        margin-left: 0;
        margin-right: 1.2987012987vw; } }

.form-content:nth-child(even) {
  padding-top: 15px; }

.form-data-hosokulist {
  margin-top: 10px;
  margin-bottom: 5px; }

.form-data-hosokulist__item {
  font-size: 1.3rem;
  color: #454852;
  text-indent: -15px;
  padding-left: 15px;
  line-height: 1.4; }
  @media (max-width: 480px) {
    .form-data-hosokulist__item {
      font-size: 3.6363636364vw;
      text-indent: -3.8961038961vw;
      padding-left: 3.8961038961vw; } }
  .form-data-hosokulist__item:not(:last-child) {
    margin-bottom: 3px; }
    @media (max-width: 480px) {
      .form-data-hosokulist__item:not(:last-child) {
        margin-bottom: 0.6493506494vw; } }

.contents-section .form-content.form-content--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .contents-section .form-content.form-content--flex {
      display: block; } }
  .contents-section .form-content.form-content--flex.between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .contents-section .form-content.form-content--flex .form-content__set {
    margin-bottom: 0; }
    .contents-section .form-content.form-content--flex .form-content__set:not(:nth-child(2n)) {
      margin-right: 20px; }
      @media (max-width: 480px) {
        .contents-section .form-content.form-content--flex .form-content__set:not(:nth-child(2n)) {
          margin-right: 0; } }
.contents-section .form-content > .form-data.w30 {
  width: 45%;
  margin-right: 20px; }
  @media (max-width: 480px) {
    .contents-section .form-content > .form-data.w30 {
      width: 100%;
      margin-right: 0; } }
.contents-section .form-content > .form-data .form-data__select {
  width: 100%; }
.contents-section .form-content > .form-data .form-data__input {
  width: 100%; }
.contents-section .form-content > .form-data .form-data__error-message {
  text-align: left;
  font-size: 1.2rem;
  color: #ff0000;
  opacity: 0; }
  @media (max-width: 480px) {
    .contents-section .form-content > .form-data .form-data__error-message {
      font-size: 1.0rem; } }
  .contents-section .form-content > .form-data .form-data__error-message.error__message--state_active {
    opacity: 1; }
.contents-section .form-content > .form-data .form-data__hosoku {
  font-size: 1.3rem;
  color: #9199b0;
  line-height: 1.5em;
  padding: 4px 0 0; }
  @media (max-width: 480px) {
    .contents-section .form-content > .form-data .form-data__hosoku {
      font-size: 2.8571428571vw;
      padding-top: 1.9480519481vw; } }
.contents-section .form-content > .form-data.jpostal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .contents-section .form-content > .form-data.jpostal .form-item__input {
    width: 65%;
    border-radius: 4px 0 0 4px; }
  .contents-section .form-content > .form-data.jpostal .jpostal__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 35%;
    font-size: 1.7rem;
    cursor: pointer;
    color: #fff;
    background: #888888; }
    @media (max-width: 480px) {
      .contents-section .form-content > .form-data.jpostal .jpostal__button {
        font-size: 3.3766233766vw; } }
    .contents-section .form-content > .form-data.jpostal .jpostal__button:hover {
      opacity: .7; }
  .contents-section .form-content > .form-data.jpostal .form-data__error-message {
    width: 100%; }
.contents-section .form-content .form-content__set {
  width: 100%; }
  .contents-section .form-content .form-content__set:not(:last-child) {
    margin-bottom: 7px; }
    @media (max-width: 480px) {
      .contents-section .form-content .form-content__set:not(:last-child) {
        margin-bottom: 1.2987012987vw; } }
  .contents-section .form-content .form-content__set .form-data {
    width: 100%; }
  .contents-section .form-content .form-content__set.w30 {
    width: 30%; }
    @media (max-width: 480px) {
      .contents-section .form-content .form-content__set.w30 {
        width: 100%; } }
  .contents-section .form-content .form-content__set.w40 {
    width: 40%; }
    @media (max-width: 480px) {
      .contents-section .form-content .form-content__set.w40 {
        width: 100%; } }
  .contents-section .form-content .form-content__set.w50 {
    width: 50%; }
    @media (max-width: 480px) {
      .contents-section .form-content .form-content__set.w50 {
        width: 100%; } }
.contents-section .form-content .form-content__ttl {
  font-size: 1.6rem;
  color: #737373; }
  @media (max-width: 480px) {
    .contents-section .form-content .form-content__ttl {
      font-size: 3.8961038961vw; } }
.contents-section .form-content .form-content__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.complete-error {
  font-size: 1.2rem;
  color: #ff0000; }
  @media (max-width: 480px) {
    .complete-error {
      font-size: 1.0rem; } }

.appear {
  padding: 10px 0 0 20px; }
  @media (max-width: 480px) {
    .appear {
      padding: 10px 4% 0; } }

.appear-set {
  opacity: 0;
  display: none;
  padding: 10px 0 5px; }
  .appear-set.appear-set--state_active {
    opacity: 1;
    display: block; }
  .appear-set .appear-set__title {
    font-size: 1.3rem;
    padding: 0 0 4px; }
    @media (max-width: 480px) {
      .appear-set .appear-set__title {
        font-size: 1.0rem; } }
  .appear-set .appear-set__data .appear-set__select {
    width: 100%; }
  .appear-set .appear-set__data .appear-set__input {
    width: 100%; }
  .appear-set .appear-set__data .remail-hosoku {
    font-size: 1.2rem;
    padding: 10px 0 0; }
    .appear-set .appear-set__data .remail-hosoku .remail-hosoku__address {
      display: block;
      font-size: 1.6rem;
      font-weight: bold; }
      @media (max-width: 480px) {
        .appear-set .appear-set__data .remail-hosoku .remail-hosoku__address {
          font-size: 1.2rem; } }
    .appear-set .appear-set__data .remail-hosoku .remail-hosoku__strong {
      color: #ff0000; }
    @media (max-width: 480px) {
      .appear-set .appear-set__data .remail-hosoku {
        font-size: 1.0rem; } }
  .appear-set .appear-set__error-message {
    font-size: 1.2rem;
    color: #ff0000; }
    @media (max-width: 480px) {
      .appear-set .appear-set__error-message {
        font-size: 1.0rem; } }

.form-item__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f1f6fa;
  width: 100%;
  height: 45px;
  font-size: 1.7rem;
  margin: 0px;
  padding: 5px 12px;
  outline: none;
  border: solid 1px #979797;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit; }
  @media (max-width: 480px) {
    .form-item__input {
      font-size: 4.025974026vw;
      height: 11.6883116883vw;
      border-radius: 0.3896103896vw; } }
  .form-item__input.error--highlight {
    border-color: #ff0000;
    border-width: 2px; }
  .form-item__input.hidden-form {
    border: none;
    background: none;
    height: auto;
    padding: 0;
    pointer-events: none;
    cursor: pointer; }

.form-item__textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f4f4f4;
  color: #333;
  width: 100%;
  height: 140px;
  font-size: 16px;
  margin: 0px;
  padding: 12px 12px;
  outline: none;
  border: solid 1px #979797;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  font-family: inherit; }
  @media (max-width: 480px) {
    .form-item__textarea {
      font-size: 4.2857142857vw;
      height: 45.4545454545vw; } }
  .form-item__textarea.error--highlight {
    border-color: #ff0000;
    border-width: 2px; }

.form-item__select {
  position: relative;
  width: 100%;
  height: 50px;
  color: #34495e;
  font-size: 1.5rem;
  font-family: 'Noto Sans JP', sans-serif;
  cursor: pointer;
  padding: 5px 12px;
  outline: none;
  background-color: #f1f6fa;
  border-radius: 3px;
  border: solid 1px #979797;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1; }
  @media (max-width: 480px) {
    .form-item__select {
      width: 100%;
      height: 12.987012987vw;
      font-size: 4.5454545455vw; } }
  .form-item__select:focus {
    border-color: #000; }
  .form-item__select.error--highlight {
    border-color: #ff0000;
    border-width: 2px; }

.form-itemset__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .form-itemset__tel .form-itemset__tel-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 480px) {
      .form-itemset__tel .form-itemset__tel-child {
        width: 100%; } }
    .form-itemset__tel .form-itemset__tel-child input {
      margin-right: 10px; }
    .form-itemset__tel .form-itemset__tel-child:after {
      content: " ";
      text-align: center;
      width: 12px;
      height: 1px;
      display: block;
      background: #444; }
      @media (max-width: 480px) {
        .form-itemset__tel .form-itemset__tel-child:after {
          width: 8px;
          right: -13px; } }
    .form-itemset__tel .form-itemset__tel-child:last-child {
      padding-right: 0px; }
      .form-itemset__tel .form-itemset__tel-child:last-child input {
        margin-right: 0px; }
      .form-itemset__tel .form-itemset__tel-child:last-child:after {
        display: none; }

.account-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 480px) {
    .account-form {
      margin-bottom: 4.5454545455vw; } }
  .account-form .account-form__input {
    width: 40%;
    margin-right: 3%; }
    @media (max-width: 480px) {
      .account-form .account-form__input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3.6363636364vw; } }
  .account-form .account-domain, .account-form .account-extension {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #787878;
    letter-spacing: 1px;
    overflow: auto; }
    @media (max-width: 480px) {
      .account-form .account-domain, .account-form .account-extension {
        font-size: 4.5454545455vw; } }

.account-form__subbox {
  margin-top: 20px;
  margin-bottom: 30px; }
  .account-form__subbox .account-form__subinput {
    width: 40%;
    position: relative; }
    @media (max-width: 480px) {
      .account-form__subbox .account-form__subinput {
        width: calc(100% - 12.987012987vw); } }
    .account-form__subbox .account-form__subinput:not(:last-child) {
      margin-bottom: 10px; }

.account_plus {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.7rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  background-color: #05aec9;
  border-radius: 5px;
  margin-top: 10px;
  letter-spacing: 0; }
  @media (max-width: 480px) {
    .account_plus {
      width: 60%;
      font-size: 5.1948051948vw;
      padding: 3.8961038961vw 0 3.2467532468vw;
      border-radius: 1.2987012987vw;
      margin: 5.1948051948vw auto 5.1948051948vw; } }
  .account_plus.invalid {
    pointer-events: none;
    background-color: #c9c9c9; }

.account_close {
  position: absolute;
  font-size: 2.3rem;
  color: #979797;
  cursor: pointer;
  margin-top: 0;
  top: 5px;
  right: -10px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
  @media (max-width: 480px) {
    .account_close {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      font-size: 7.7922077922vw;
      top: 0;
      right: -3.8961038961vw; } }

.form-itemset__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-itemset__name .form-itemset__name-child {
    display: block;
    position: relative;
    width: 45%;
    padding-left: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 480px) {
      .form-itemset__name .form-itemset__name-child {
        width: 100%;
        padding-left: 10%;
        padding-bottom: 15px; } }
    .form-itemset__name .form-itemset__name-child:before {
      content: "　";
      position: absolute;
      text-align: center;
      font-size: 1.5rem;
      display: block;
      top: 24%;
      left: 0px; }
      @media (max-width: 480px) {
        .form-itemset__name .form-itemset__name-child:before {
          font-size: 1.3rem;
          top: 20%; } }
    .form-itemset__name .form-itemset__name-child:nth-child(1):before {
      content: "\059d3"; }
    .form-itemset__name .form-itemset__name-child:nth-child(2):before {
      content: "\0540d"; }

.form-itemset__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-itemset__date .form-itemset__date-child {
    display: inline-block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 480px) {
      .form-itemset__date .form-itemset__date-child {
        padding-bottom: 10px; } }
    .form-itemset__date .form-itemset__date-child:after {
      font-size: 1.4rem; }
      @media (max-width: 480px) {
        .form-itemset__date .form-itemset__date-child:after {
          font-size: 1.1rem; } }
    .form-itemset__date .form-itemset__date-child:before {
      content: "　";
      position: absolute;
      text-align: center;
      font-size: 1.5rem;
      display: block;
      top: 24%;
      left: 0px; }
      @media (max-width: 480px) {
        .form-itemset__date .form-itemset__date-child:before {
          font-size: 1.3rem;
          top: 20%; } }
    .form-itemset__date .form-itemset__date-child:nth-child(1) {
      width: 40%; }
      .form-itemset__date .form-itemset__date-child:nth-child(1):after {
        content: "\005e74";
        margin-left: 10px; }
      @media (max-width: 480px) {
        .form-itemset__date .form-itemset__date-child:nth-child(1) {
          width: 65%;
          padding-bottom: 10px; } }
    .form-itemset__date .form-itemset__date-child:nth-child(2) {
      width: 25%; }
      .form-itemset__date .form-itemset__date-child:nth-child(2):after {
        content: "\006708";
        margin-left: 10px; }
      @media (max-width: 480px) {
        .form-itemset__date .form-itemset__date-child:nth-child(2) {
          width: 45%;
          padding-bottom: 10px; } }
    .form-itemset__date .form-itemset__date-child:nth-child(3) {
      width: 25%; }
      .form-itemset__date .form-itemset__date-child:nth-child(3):after {
        content: "\0065e5";
        margin-left: 10px; }
      @media (max-width: 480px) {
        .form-itemset__date .form-itemset__date-child:nth-child(3) {
          width: 45%;
          padding-bottom: 10px; } }
    .form-itemset__date .form-itemset__date-child select {
      width: 40%; }

.form-item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .form-item__radio {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 10px; } }
  .form-item__radio li {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 8px; }
    @media (max-width: 480px) {
      .form-item__radio li {
        width: 100%;
        margin-right: 0px; } }
    .form-item__radio li label {
      position: relative;
      display: block;
      font-size: 1.7rem;
      cursor: pointer;
      -moz-user-select: none;
           user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      padding: 9px 10px 9px 40px;
      outline: none;
      border: 1px solid #bfcbd9;
      border-radius: 4px;
      background: #fff; }
      @media (max-width: 480px) {
        .form-item__radio li label {
          font-size: 3.3766233766vw; } }
      .form-item__radio li label input[type=radio] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 15px;
        left: 13px; }
        @media (max-width: 480px) {
          .form-item__radio li label input[type=radio] {
            width: 5.1948051948vw;
            height: 5.1948051948vw;
            top: 3.8961038961vw;
            left: 5.1948051948vw; } }
      .form-item__radio li label.pl0 {
        padding: 10px 15px 10px 10px; }
        @media (max-width: 480px) {
          .form-item__radio li label.pl0 {
            padding: 3.2467532468vw 4.5454545455vw 4.5454545455vw 4.5454545455vw; } }
        .form-item__radio li label.pl0:before {
          top: 24px;
          left: 15px; }
          @media (max-width: 480px) {
            .form-item__radio li label.pl0:before {
              top: 5.4545454545vw;
              left: 5.1948051948vw; } }
        .form-item__radio li label.pl0:after {
          top: 26px;
          left: 20px; }
          @media (max-width: 480px) {
            .form-item__radio li label.pl0:after {
              top: 7.012987013vw;
              left: 7.1428571429vw; } }
  .form-item__radio.error--highlight label {
    border-color: #ff0000;
    border-width: 2px; }
  .form-item__radio.two-column li {
    width: 49%; }
    .form-item__radio.two-column li:nth-child(2n) {
      margin-right: 0px; }

.form-item__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 480px) {
    .form-item__checkbox {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 10px; } }
  .form-item__checkbox.two-box .form-item__checkboxitem {
    width: 48%; }
    @media (max-width: 480px) {
      .form-item__checkbox.two-box .form-item__checkboxitem {
        width: 100%;
        margin-bottom: 2.5974025974vw; } }
    .form-item__checkbox.two-box .form-item__checkboxitem:not(:nth-child(2n)) {
      margin-right: 4%; }
      @media (max-width: 480px) {
        .form-item__checkbox.two-box .form-item__checkboxitem:not(:nth-child(2n)) {
          margin-right: 0; } }
  .form-item__checkbox.three-box .form-item__checkboxitem {
    width: 31%; }
    @media (max-width: 480px) {
      .form-item__checkbox.three-box .form-item__checkboxitem {
        width: 49%;
        margin-bottom: 2.5974025974vw; } }
    .form-item__checkbox.three-box .form-item__checkboxitem:not(:nth-child(3n)) {
      margin-right: 3.5%; }
      @media (max-width: 480px) {
        .form-item__checkbox.three-box .form-item__checkboxitem:not(:nth-child(3n)) {
          margin-right: auto; } }
    @media (max-width: 480px) {
      .form-item__checkbox.three-box .form-item__checkboxitem:not(:nth-child(2n)) {
        margin-right: 2%; } }
  .form-item__checkbox .form-item__checkbox--set:not(:nth-last-of-type(1)) {
    margin-bottom: 20px; }
  .form-item__checkbox .form-item__checkttl {
    position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 19px;
    margin-bottom: 10px;
    line-height: 1; }
    @media (max-width: 480px) {
      .form-item__checkbox .form-item__checkttl {
        font-size: 4.025974026vw; } }
    .form-item__checkbox .form-item__checkttl::before {
      position: absolute;
      content: " ";
      width: 12px;
      height: 12px;
      background-color: #0d0d0d;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .form-item__checkbox .form-item__checkboxlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .form-item__checkbox .form-item__checkboxitem {
    width: 100%; }
    .form-item__checkbox .form-item__checkboxitem:not(:last-child) {
      margin-bottom: 10px; }
    .form-item__checkbox .form-item__checkboxitem label {
      position: relative;
      display: block;
      font-size: 1.5rem;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      padding: 7px 12px 7px 65px;
      outline: none;
      border: solid 1px #979797;
      border-radius: 4px;
      letter-spacing: 1px; }
      @media (max-width: 480px) {
        .form-item__checkbox .form-item__checkboxitem label {
          width: 100%;
          height: 100%;
          padding: 3.6363636364vw 3.8961038961vw 3.6363636364vw 11.6883116883vw;
          font-size: 2.5974025974vw;
          top: initial;
          line-height: 1.3; } }
      .form-item__checkbox .form-item__checkboxitem label input[type=checkbox] {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        pointer-events: none; }
        @media (max-width: 480px) {
          .form-item__checkbox .form-item__checkboxitem label input[type=checkbox] {
            width: 5.1948051948vw;
            height: 5.1948051948vw;
            left: 3.8961038961vw; } }
      .form-item__checkbox .form-item__checkboxitem label.checked {
        border-color: #0d0d0d;
        background-color: #f1f6fa; }
    @media (max-width: 480px) {
      .form-item__checkbox .form-item__checkboxitem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .form-item__checkbox.error--highlight label {
    border-color: #ff0000;
    border-width: 2px; }
  .form-item__checkbox.two_column li {
    width: 50%;
    padding-right: 2%; }
    .form-item__checkbox.two_column li:nth-child(2n) {
      padding-right: 0px; }
    @media (max-width: 480px) {
      .form-item__checkbox.two_column li {
        width: 49%;
        padding-right: 0px; } }
  .form-item__checkbox.three_column li {
    width: 33%;
    padding-right: 2%; }
    .form-item__checkbox.three_column li:nth-child(3n) {
      padding-right: 0px; }
    @media (max-width: 480px) {
      .form-item__checkbox.three_column li {
        width: 49%;
        padding-right: 0px; } }

.form-item__img {
  width: 100%;
  display: block;
  background-color: #fff;
  margin-bottom: 5px; }

.inform {
  width: 900px;
  font-size: 1.3rem;
  margin: 0 auto 0;
  padding: 20px 0 0; }
  @media (max-width: 480px) {
    .inform {
      width: 100%;
      font-size: 1.1rem; } }

.inform-inner {
  padding: 30px 50px 20px;
  background: #f1f1f1; }
  @media (max-width: 480px) {
    .inform-inner {
      padding: 30px 20px 20px; } }

.inform-line .inform-line__title {
  font-size: 1.7rem; }
  @media (max-width: 480px) {
    .inform-line .inform-line__title {
      font-size: 3.2467532468vw; } }
.inform-line .inform-line__content {
  padding: 6px 0 0; }
  @media (max-width: 480px) {
    .inform-line .inform-line__content {
      font-size: 1.0rem; } }
  .inform-line .inform-line__content ul.attent-list {
    padding: 15px 0 20px; }
    .inform-line .inform-line__content ul.attent-list li {
      text-indent: -16px;
      font-size: 1.4rem;
      line-height: 1.5;
      margin-bottom: 16px;
      padding-left: 16px; }
      @media (max-width: 480px) {
        .inform-line .inform-line__content ul.attent-list li {
          font-size: 1.0rem; } }
    .inform-line .inform-line__content ul.attent-list.no-indent li {
      text-indent: inherit;
      padding-left: inherit; }
    .inform-line .inform-line__content ul.attent-list.double-mark li {
      text-indent: -33px;
      padding-left: 33px; }
.inform-line .inform-line__get-consent {
  padding: 25px 0; }
  @media (max-width: 480px) {
    .inform-line .inform-line__get-consent {
      padding: 5px 0; } }

.inform {
  width: 100%; }
  .inform .form-data {
    width: 100%; }
    .inform .form-data .check-agree__button {
      text-align: center; }
      .inform .form-data .check-agree__button label {
        width: 100%;
        text-align: center;
        position: relative;
        text-align: left;
        display: inline-block;
        font-size: 1.5rem;
        font-weight: bold;
        line-break: 15px;
        cursor: pointer;
        -moz-user-select: none;
             user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        padding: 15px 10px 15px 50px;
        outline: none;
        background: #f1f6fa;
        border-radius: 5px; }
        @media (max-width: 480px) {
          .inform .form-data .check-agree__button label {
            font-size: 3.8961038961vw;
            padding: 3.2467532468vw 2.5974025974vw 3.2467532468vw 11.6883116883vw; } }
        .inform .form-data .check-agree__button label:before {
          content: " ";
          position: absolute;
          width: 25px;
          height: 25px;
          border: 1px solid #ddd;
          background-color: #fff;
          border-radius: 5px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          top: 50%;
          left: 15px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          @media (max-width: 480px) {
            .inform .form-data .check-agree__button label:before {
              width: 4.5454545455vw;
              height: 4.5454545455vw;
              border-radius: 0.6493506494vw;
              left: 4.2857142857vw; } }
        .inform .form-data .check-agree__button label:focus {
          border-color: #000; }
        .inform .form-data .check-agree__button label input[type=radio] {
          position: absolute;
          opacity: 0; }
        .inform .form-data .check-agree__button label.checked {
          border-color: #0085eb; }
          .inform .form-data .check-agree__button label.checked:after {
            content: " ";
            position: absolute;
            display: block;
            width: 10px;
            height: 20px;
            margin-top: -17px;
            border-right: 4px solid #0085eb;
            border-bottom: 4px solid #0085eb;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            top: 50%;
            left: 21px; }
            @media (max-width: 480px) {
              .inform .form-data .check-agree__button label.checked:after {
                width: 1.2987012987vw;
                height: 2.5974025974vw;
                margin-top: -1.9480519481vw;
                border-width: 0.7792207792vw;
                left: 5.5844155844vw; } }
    .inform .form-data .form-data__error-message {
      display: none;
      text-align: center;
      color: #ff0000; }
      .inform .form-data .form-data__error-message.error__message--state_active {
        display: block; }

.form-plan__ttl {
  font-size: 1.5rem;
  font-weight: 600;
  color: #606060; }
  @media (max-width: 480px) {
    .form-plan__ttl {
      font-size: 3.5064935065vw; } }
  .form-plan__ttl .f-min {
    font-size: 70%; }
    @media (max-width: 480px) {
      .form-plan__ttl .f-min {
        letter-spacing: 1px;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt"; } }

.form-plan-list {
  font-size: 1.4rem;
  padding: 20px 0 5px; }
  @media (max-width: 480px) {
    .form-plan-list {
      font-size: 3.2467532468vw;
      padding: 3.8961038961vw 0 0; } }
  .form-plan-list .form-plan-list__set {
    line-height: 1.2; }
    @media (max-width: 480px) {
      .form-plan-list .form-plan-list__set {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .form-plan-list .form-plan-list__set:not(:last-child) {
      margin-bottom: 15px; }
      @media (max-width: 480px) {
        .form-plan-list .form-plan-list__set:not(:last-child) {
          margin-bottom: 1.5584415584vw;
          padding-bottom: 1.2987012987vw;
          border-bottom: 1px solid #939393; } }
  .form-plan-list .form-plan-list__setttl {
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #57677a;
    text-align: center;
    padding: 5px 0;
    background: #e3eefb; }
    @media (max-width: 480px) {
      .form-plan-list .form-plan-list__setttl {
        font-size: 3.6363636364vw;
        padding: 0;
        margin-bottom: 0;
        background: none; } }
  .form-plan-list .form-plan-list__setmsg {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; }
    @media (max-width: 480px) {
      .form-plan-list .form-plan-list__setmsg {
        font-size: 3.6363636364vw;
        color: #57677a; } }
    .form-plan-list .form-plan-list__setmsg select {
      width: 70px;
      font-size: 1.5rem;
      padding: 4px;
      color: #333;
      border-radius: 0; }
      @media (max-width: 480px) {
        .form-plan-list .form-plan-list__setmsg select {
          width: 23.3766233766vw;
          height: 10.3896103896vw;
          font-size: 3.8961038961vw;
          padding: 1.9480519481vw 3.8961038961vw;
          text-align: center; } }
    .form-plan-list .form-plan-list__setmsg option {
      padding: 5px; }
      @media (max-width: 480px) {
        .form-plan-list .form-plan-list__setmsg option {
          padding: 1.038961039vw; } }

.transition .transition__error {
  text-align: center;
  font-size: 1.6rem;
  color: #ff0000;
  padding: 15px 0 0; }
  @media (max-width: 480px) {
    .transition .transition__error {
      font-size: 1.2rem; } }
.transition .transition__button-inner {
  width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 40px 0;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .transition .transition__button-inner {
      width: 90%;
      display: block; } }
.transition .btn_return {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  @media (max-width: 480px) {
    .transition .btn_return {
      display: block;
      height: 14.2857142857vw;
      padding: 1.9480519481vw 0;
      margin-bottom: 3.8961038961vw; } }

/*-----------------------------------------*/
.section {
  margin: 0 -10px 0px;
  padding: 25px 0 0; }
  .section .section-header {
    padding: 10px 50px 10px 10px;
    background: #ececec; }
    .section .section-header .header-title {
      position: relative;
      font-size: 23px;
      font-weight: normal;
      padding: 0 0 0 32px; }
      .section .section-header .header-title:before {
        content: "　";
        position: absolute;
        display: block;
        height: 5px;
        width: 14px;
        margin: auto 0;
        background: #000000;
        left: 5px;
        top: 0px;
        bottom: 0px;
        right: 0px; }
    .section .section-header .deploy-trigger-sign {
      width: 35px;
      height: 35px; }
      .section .section-header .deploy-trigger-sign img {
        position: relative;
        top: -17px; }
  .section .section-content {
    font-size: 15px;
    padding: 25px 10px 40px; }
  .section .section-image {
    text-align: center;
    margin: 0 -10px;
    padding: 30px 0 15px; }

.in-section {
  margin: 0 -10px 30px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-radius: 8px; }
  .in-section .in-section-header {
    padding: 10px 50px 10px 10px; }
    .in-section .in-section-header .header-title {
      position: relative;
      font-size: 21px;
      font-weight: normal;
      padding: 5px 0 5px 32px; }
      .in-section .in-section-header .header-title:before {
        content: "　";
        position: absolute;
        display: block;
        height: 5px;
        width: 14px;
        margin: auto 0;
        background: #000000;
        left: 5px;
        top: 0px;
        bottom: 0px;
        right: 0px; }
    .in-section .in-section-header .deploy-trigger-sign {
      width: 42px;
      height: 42px; }
      .in-section .in-section-header .deploy-trigger-sign img {
        position: relative;
        top: -21px; }
  .in-section .in-section-content {
    font-size: 15px;
    padding: 25px 15px 40px; }
    .in-section .in-section-content .in-section-sm {
      font-size: 120%;
      margin: 0 15px;
      padding: 30px 25px;
      background: #f4f4f4; }
    .in-section .in-section-content .sm-list {
      margin-bottom: 20px; }
      .in-section .in-section-content .sm-list li {
        text-indent: -18px;
        line-height: 1.5;
        margin-bottom: 8px;
        padding-left: 18px; }
  .in-section .in-section-image {
    text-align: center;
    margin: 0 -10px;
    padding: 30px 0 15px; }

.deploy-block .deploy-trigger {
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .deploy-block .deploy-trigger .deploy-trigger-sign {
    position: absolute;
    top: 50%;
    right: 15px;
    bottom: 0px; }
  .deploy-block .deploy-trigger.active .deploy-trigger-sign img {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .deploy-block .deploy-trigger:hover {
    opacity: .5; }
.deploy-block .deploy-content {
  display: none; }

.in-section .deploy-trigger-sign {
  width: 42px;
  height: 42px; }
  .in-section .deploy-trigger-sign img {
    position: relative;
    top: -21px; }

.tab-contents {
  margin: 0 -10px 0;
  padding: 20px 0;
  background: #fff; }
  .tab-contents .tab-botton-inner {
    text-align: center;
    border-bottom: 2px solid #34abd3; }
    .tab-contents .tab-botton-inner li {
      position: relative;
      display: inline-block;
      width: 45%;
      font-size: 26px;
      color: #999;
      cursor: pointer;
      margin: 0 6px;
      padding: 20px;
      border: 2px solid #e0e0e0;
      border-bottom: 0px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #f3f3f3; }
    .tab-contents .tab-botton-inner .active {
      position: relative;
      color: #000;
      bottom: -2px;
      padding: 18px 0 20px;
      border-color: #34abd3;
      border-top: 6px solid #34abd3;
      background: #ffffff; }
      .tab-contents .tab-botton-inner .active:before {
        content: "　";
        position: absolute;
        background: #ffffff;
        width: 100%;
        height: 10px;
        bottom: -5px;
        left: 0px; }
  .tab-contents .tab-content-inner .select-content {
    display: none;
    padding: 30px 0; }
    .tab-contents .tab-content-inner .select-content.active {
      display: block; }

.botton-contents {
  padding: 20px 0 0;
  background: #fff; }
  .botton-contents .botton-inner {
    text-align: center; }
    .botton-contents .botton-inner:clearfix {
      content: " ";
      display: table;
      clear: both; }
    .botton-contents .botton-inner li {
      position: relative;
      display: block;
      width: 100%;
      text-decoration: none;
      font-size: 20px;
      color: #ffffff;
      cursor: pointer;
      padding: 22px 10px;
      border: 0px;
      border-radius: 50px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #ff0000;
      display: inline-block;
      width: 32%;
      font-size: 20px;
      color: #000000;
      cursor: pointer;
      margin: 0 50px 0;
      padding: 12px 0;
      background: #cccccc; }
      .botton-contents .botton-inner li:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 0px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 30px;
        margin-top: -8px; }
      .botton-contents .botton-inner li.return {
        background: #ff911a; }
        .botton-contents .botton-inner li.return:before {
          content: '';
          width: 10px;
          height: 10px;
          border: 0px;
          border-top: solid 2px #ffffff;
          border-right: solid 2px #ffffff;
          -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
          position: absolute;
          top: 50%;
          left: 30px;
          margin-top: -6px; }
      .botton-contents .botton-inner li:before {
        border-color: #000000; }
    .botton-contents .botton-inner .active {
      position: relative;
      color: #ffffff;
      background: #00a1e9; }
      .botton-contents .botton-inner .active:before {
        border-color: #ffffff; }
  .botton-contents .botton-content-inner .select-content {
    display: none;
    padding: 30px 0; }
    .botton-contents .botton-content-inner .select-content.active {
      display: block; }
  .botton-contents .error-msg {
    display: none; }
  .botton-contents .botton-contents.error {
    background: #ffede8; }
    .botton-contents .botton-contents.error .error-msg {
      text-align: center;
      display: block;
      color: #ff0000;
      padding: 10px; }

.check-contents .check-inner {
  text-align: center; }
  .check-contents .check-inner .check-content {
    display: inline-block;
    margin: 0 auto;
    padding: 25px 20px 15px;
    border-bottom: solid 4px #f1f1f1; }
    .check-contents .check-inner .check-content.active .check-content-inset {
      color: #00a1e9; }
      .check-contents .check-inner .check-content.active .check-content-inset:before {
        display: inline-block;
        content: url(../images/image-icon-allow-on.png); }
    .check-contents .check-inner .check-content .check-content-inset {
      position: relative;
      -ms-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
      cursor: pointer;
      padding-left: 60px; }
      .check-contents .check-inner .check-content .check-content-inset:before {
        content: url(../images/image-icon-allow-off.png);
        position: absolute;
        display: inline-block;
        width: 35px;
        height: 35px;
        font-size: 14px;
        margin: auto 0;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px; }
.check-contents .error-msg {
  display: none; }
.check-contents .error2 {
  background: #ffede8; }
  .check-contents .error2 .error-msg {
    text-align: center;
    display: block;
    color: #ff0000;
    padding: 10px; }

.agreement-check {
  text-align: center;
  padding: 10px 0; }
  .agreement-check .check-inner {
    display: inline-block;
    width: 500px; }
    .agreement-check .check-inner .check-content {
      position: relative;
      display: block;
      width: 100%;
      text-decoration: none;
      font-size: 20px;
      color: #ffffff;
      cursor: pointer;
      padding: 22px 10px;
      border: 0px;
      border-radius: 50px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #ff0000;
      display: inline-block;
      width: 100%;
      font-size: 18px;
      color: #000000;
      margin: 0 auto;
      padding: 0px;
      border: 1px solid #000;
      background: none; }
      .agreement-check .check-inner .check-content:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 0px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 30px;
        margin-top: -8px; }
      .agreement-check .check-inner .check-content.return {
        background: #ff911a; }
        .agreement-check .check-inner .check-content.return:before {
          content: '';
          width: 10px;
          height: 10px;
          border: 0px;
          border-top: solid 2px #ffffff;
          border-right: solid 2px #ffffff;
          -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
          position: absolute;
          top: 50%;
          left: 30px;
          margin-top: -6px; }
      .agreement-check .check-inner .check-content:before {
        display: none; }
      .agreement-check .check-inner .check-content.active {
        color: white !important;
        border-color: #00a1e9; }
        .agreement-check .check-inner .check-content.active .check-content-inset:before {
          display: inline-block;
          content: url(../images/image-icon-allow-on.png); }
      .agreement-check .check-inner .check-content .check-content-inset {
        position: relative;
        text-align: center;
        display: block;
        cursor: pointer;
        padding: 12px 45px; }
        .agreement-check .check-inner .check-content .check-content-inset:before {
          content: url(../images/image-icon-allow-off.png);
          position: absolute;
          display: inline-block;
          width: 35px;
          height: 35px;
          font-size: 14px;
          margin: auto 0;
          left: 10px;
          top: 0px;
          right: 0px;
          bottom: 0px; }

.section-form .skin_checklist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .section-form .skin_checklist li {
    width: 98%;
    padding-bottom: 5px; }

.order-content .check-agree {
  top: -2px !important; }
  .order-content .check-agree .horizontal-item {
    position: relative;
    display: inline-block;
    margin-right: 6%;
    font-size: 16px;
    padding: 0 0 0 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .order-content .check-agree .horizontal-item:nth-child(3) {
      margin-right: 0px; }
    .order-content .check-agree .horizontal-item label {
      cursor: pointer; }
      .order-content .check-agree .horizontal-item label input {
        display: none; }
      .order-content .check-agree .horizontal-item label:before {
        content: url(../images/image-icon-allow-off.png);
        position: absolute;
        display: inline-block;
        width: 35px;
        height: 35px;
        margin: auto 0;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px; }
    .order-content .check-agree .horizontal-item.active label:before {
      content: url(../images/image-icon-allow-on.png);
      position: absolute;
      display: inline-block;
      width: 35px;
      height: 35px;
      margin: auto 0;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px; }

.message_content {
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden; }
  @media (max-width: 480px) {
    .message_content {
      width: 96%;
      padding: 3.8961038961vw 1.2987012987vw; } }
  .message_content .message_content_title {
    position: relative;
    z-index: 1000;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    padding: 25px 0 5px;
    margin-bottom: 20px;
    border-bottom: 2px solid #666; }
  .message_content .message_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #ccc; }
    @media (max-width: 480px) {
      .message_content .message_line {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 15px 0px; } }
    .message_content .message_line .title {
      font-size: 1.5rem;
      text-align: right;
      width: 255px;
      line-height: 1.0;
      color: #666666;
      padding: 0 30px 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 480px) {
        .message_content .message_line .title {
          font-size: 4.1558441558vw;
          text-align: left;
          width: 100%;
          font-weight: bold;
          margin-bottom: 10px; } }
    .message_content .message_line .message {
      font-size: 1.5rem;
      text-align: left;
      width: 500px;
      padding: 0 0 0 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 480px) {
        .message_content .message_line .message {
          font-size: 3.6363636364vw;
          text-align: left;
          width: 100%;
          padding: 0px; } }
  .message_content.checklist-consent:before {
    display: none; }
  .message_content.checklist-consent .title {
    position: relative;
    text-align: left;
    width: 50%;
    padding: 10px 0 0 90px;
    margin-bottom: 20px; }
    .message_content.checklist-consent .title:before {
      content: "　";
      background: url(../images/image-icon-check.png) no-repeat center center/100%;
      position: absolute;
      display: block;
      width: 25px;
      top: 5px;
      left: 30px;
      bottom: 0px; }
  .message_content.checklist-consent .message {
    width: 50%; }
    .message_content.checklist-consent .message .return-bottun {
      width: 85%;
      margin: 0 auto; }
      .message_content.checklist-consent .message .return-bottun a {
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none;
        font-size: 20px;
        color: #ffffff;
        cursor: pointer;
        padding: 22px 10px;
        border: 0px;
        border-radius: 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #ff0000;
        text-align: center;
        font-size: 13px;
        color: #000000;
        cursor: pointer;
        padding: 10px 60px;
        border: 1px solid #000;
        background: none; }
        .message_content.checklist-consent .message .return-bottun a:before {
          content: '';
          position: absolute;
          width: 12px;
          height: 12px;
          border: 0px;
          border-top: solid 2px #ffffff;
          border-right: solid 2px #ffffff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 50%;
          right: 30px;
          margin-top: -8px; }
        .message_content.checklist-consent .message .return-bottun a.return {
          background: #ff911a; }
          .message_content.checklist-consent .message .return-bottun a.return:before {
            content: '';
            width: 10px;
            height: 10px;
            border: 0px;
            border-top: solid 2px #ffffff;
            border-right: solid 2px #ffffff;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            position: absolute;
            top: 50%;
            left: 30px;
            margin-top: -6px; }
        .message_content.checklist-consent .message .return-bottun a:before {
          border-color: #000000;
          width: 8px;
          height: 8px; }
  .message_content.message_content-error {
    text-align: center; }

.indispen-error .message {
  text-align: center; }
.indispen-error .message_line .message {
  color: #ff0000; }

.contents {
  padding: 0 0 50px; }
  .contents .contents__flow {
    text-align: center;
    padding: 40px 0 30px;
    background-color: #fff; }
    @media (max-width: 480px) {
      .contents .contents__flow {
        padding: 9.0909090909vw 0 6.4935064935vw; } }
  .contents .flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 480px) {
      .contents .flow-list {
        width: 80%;
        margin: 0 auto; } }
  .contents .flow-list__item {
    position: relative;
    width: 88px;
    font-size: 1.5rem;
    text-align: center;
    padding-top: 45px;
    z-index: 1; }
    @media (max-width: 480px) {
      .contents .flow-list__item {
        width: 19.4805194805vw;
        font-size: 3.2467532468vw;
        padding-top: 7.7922077922vw; } }
    .contents .flow-list__item::before {
      position: absolute;
      content: " ";
      width: 20px;
      height: 20px;
      background-color: #b3b3b3;
      border-radius: 50%;
      margin: 0 auto;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 480px) {
        .contents .flow-list__item::before {
          width: 3.8961038961vw;
          height: 3.8961038961vw; } }
    .contents .flow-list__item:not(:last-child) {
      margin-right: 140px; }
      @media (max-width: 480px) {
        .contents .flow-list__item:not(:last-child) {
          margin-right: 10.3896103896vw; } }
      .contents .flow-list__item:not(:last-child)::after {
        position: absolute;
        content: " ";
        width: 180px;
        border-top: 2px dotted #ccc;
        top: 10px;
        left: 68px;
        z-index: -1; }
        @media (max-width: 480px) {
          .contents .flow-list__item:not(:last-child)::after {
            width: 19.4805194805vw;
            top: 1.2987012987vw;
            left: 14.2857142857vw; } }
  .contents .flow-list__item--active {
    color: #00479d; }
    .contents .flow-list__item--active::before {
      background-color: #00479d; }
    .contents .flow-list__item--active .flow-list__no {
      color: #00479d; }
    .contents .flow-list__item--active .flow-list__ttl {
      color: #00479d; }
  .contents .flow-list__no {
    font-size: 1.5rem;
    font-weight: 500;
    color: #b3b3b3;
    margin-bottom: 5px;
    line-height: 0; }
    @media (max-width: 480px) {
      .contents .flow-list__no {
        font-size: 2.8571428571vw; } }
  .contents .flow-list__ttl {
    font-size: 2rem;
    font-weight: bold;
    color: #b3b3b3; }
    @media (max-width: 480px) {
      .contents .flow-list__ttl {
        font-size: 3.6363636364vw; } }

.contents-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: bold;
  line-height: 1;
  padding: 70px 0; }
  @media (max-width: 480px) {
    .contents-header {
      padding: 9.0909090909vw; } }
  .contents-header .contents-header__sub {
    font-size: 2rem;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #333;
    letter-spacing: 6px; }
    @media (max-width: 480px) {
      .contents-header .contents-header__sub {
        font-size: 3.1168831169vw;
        padding-bottom: 3.8961038961vw;
        margin-bottom: 3.8961038961vw;
        letter-spacing: 0.7792207792vw; } }
  .contents-header .contents-header__title {
    font-size: 3.3rem;
    font-weight: 600;
    color: #333;
    letter-spacing: 12px;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .contents-header .contents-header__title {
        font-size: 4.5454545455vw;
        letter-spacing: 1.5584415584vw; } }

.contents-inner {
  width: 880px;
  font-size: 1.7rem;
  margin: auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 480px) {
    .contents-inner {
      width: 100%;
      font-size: 3.5064935065vw;
      padding: 3.8961038961vw 1.9480519481vw 0; } }

.contents-inner__ttl {
  font-size: 2.8rem;
  font-weight: 600;
  text-align: center; }
  @media (max-width: 480px) {
    .contents-inner__ttl {
      font-size: 4.4155844156vw;
      padding-top: 1.2987012987vw; } }

.contents-section {
  padding: 0; }
  @media (max-width: 480px) {
    .contents-section {
      margin: 0 -2%; } }
  .contents-section .contents-section__inner {
    padding: 20px 0 30px; }

.contents-section-inner {
  padding: 50px 40px; }
  @media (max-width: 480px) {
    .contents-section-inner {
      padding: 9.0909090909vw 3.8961038961vw; } }

.confirm-section {
  padding: 50px 80px; }
  @media (max-width: 480px) {
    .confirm-section {
      padding: 0 0 9.0909090909vw; } }

.section-header {
  padding: 0 2% 8px;
  border-bottom: 2px dashed #000; }
  .section-header .section-header__title {
    font-size: 2.5rem;
    font-weight: normal; }
    @media (max-width: 480px) {
      .section-header .section-header__title {
        text-indent: -20px;
        font-size: 1.2rem;
        padding: 0 0 0 20px; } }

.return_button {
  width: 100%;
  margin-right: 20px; }
  .return_button .button {
    background-color: #5d5d5d; }

.button {
  position: relative;
  width: 100%;
  max-width: 380px;
  font-size: 2rem;
  font-weight: bold;
  display: block;
  color: #fff;
  background-color: #333;
  border: none;
  text-decoration: none;
  padding: 14px 0;
  border-radius: 60px;
  text-align: center;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .button:hover {
    opacity: 0.7; }
  @media (max-width: 480px) {
    .button {
      font-size: 3.8961038961vw;
      padding: 3.2467532468vw 0;
      border-radius: 6.4935064935vw; }
      .button:hover {
        opacity: 1; } }
  .button i {
    position: absolute;
    font-size: 70%;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.note-block {
  height: 160px;
  font-size: 1.3rem;
  padding: 30px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  overflow-y: auto; }
  @media (max-width: 480px) {
    .note-block {
      height: 38.961038961vw;
      font-size: 3.1168831169vw;
      padding: 5.1948051948vw;
      margin-bottom: 9.0909090909vw; } }
  .note-block .note-block__title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px; }
    @media (max-width: 480px) {
      .note-block .note-block__title {
        font-size: 3.8961038961vw;
        margin-bottom: 2.5974025974vw; } }

.note-block-list__item {
  position: relative;
  line-height: 1.3;
  padding-left: 15px; }
  .note-block-list__item::before {
    position: absolute;
    content: " ";
    width: 8px;
    height: 8px;
    background-color: #bbb;
    border-radius: 50%;
    top: 9px;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .note-block-list__item:not(:last-child) {
    margin-bottom: 10px; }

.note-block2 {
  font-size: 1.5rem;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .note-block2 {
      font-size: 3.3766233766vw;
      margin-bottom: 3.8961038961vw; } }
  .note-block2 .note-block2__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px; }
    @media (max-width: 480px) {
      .note-block2 .note-block2__ttl {
        font-size: 3.8961038961vw;
        margin-bottom: 3.8961038961vw; } }
  .note-block2 .note-block2__txt {
    font-size: 1.6rem; }
    @media (max-width: 480px) {
      .note-block2 .note-block2__txt {
        font-size: 3.8961038961vw; } }
  .note-block2 a {
    color: #496be6; }
    .note-block2 a:hover {
      text-decoration: none; }
    .note-block2 a.pdf {
      position: relative;
      padding-right: 20px; }
      @media (max-width: 480px) {
        .note-block2 a.pdf {
          padding-right: 5.1948051948vw; } }
      .note-block2 a.pdf::after {
        position: absolute;
        content: "\f1c1";
        font-family: "Font Awesome 5 Free";
        font-size: 118%;
        font-weight: 900;
        top: calc(50% + 2px);
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media (max-width: 480px) {
          .note-block2 a.pdf::after {
            right: 0.6493506494vw; } }
  .note-block2 .b-font {
    font-size: 120%; }

.note-block3 {
  padding: 28px 45px 32px;
  margin-bottom: 30px;
  background-color: #fafafa;
  color: #616161; }
  @media (max-width: 480px) {
    .note-block3 {
      padding: 5.1948051948vw 5.1948051948vw;
      margin-bottom: 3.8961038961vw; } }
  .note-block3 .note-block3__ttl {
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
    padding-bottom: 6px; }
    @media (max-width: 480px) {
      .note-block3 .note-block3__ttl {
        font-size: 3.8961038961vw;
        margin-bottom: 3.8961038961vw;
        padding-bottom: 1.9480519481vw; } }
  .note-block3 .note-block3__pick {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #999;
    padding: 12px 0; }
    @media (max-width: 480px) {
      .note-block3 .note-block3__pick {
        font-size: 3.3766233766vw;
        margin-bottom: 2.5974025974vw;
        padding: 1.9480519481vw 3.2467532468vw; } }
  .note-block3 .note-block3-list01 {
    font-size: 1.5rem; }
    @media (max-width: 480px) {
      .note-block3 .note-block3-list01 {
        font-size: 3.3766233766vw; } }
  .note-block3 .note-block3-list01__item {
    padding: 10px 10px;
    border-bottom: 1px dotted #ccc; }
    @media (max-width: 480px) {
      .note-block3 .note-block3-list01__item {
        padding: 2.5974025974vw 1.9480519481vw;
        line-height: 1.4; } }
  .note-block3 .note-block3-list01__ttl {
    margin-bottom: 5px; }
    @media (max-width: 480px) {
      .note-block3 .note-block3-list01__ttl {
        margin-bottom: 1.2987012987vw; } }
  .note-block3 .note-block3-list01__msg {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0; }
    @media (max-width: 480px) {
      .note-block3 .note-block3-list01__msg {
        font-size: 3.2467532468vw; } }

.sub-note {
  width: 800px;
  font-size: 1.2rem;
  background-color: #E7EEF3;
  padding: 40px 50px;
  margin: 0 auto;
  line-height: 1.5; }
  @media (max-width: 480px) {
    .sub-note {
      width: 100%;
      font-size: 2.987012987vw;
      padding: 5.1948051948vw; } }

.section-content {
  font-size: 1.8rem;
  margin-bottom: 60px; }
  @media (max-width: 480px) {
    .section-content {
      font-size: 3.8961038961vw;
      padding: 5.1948051948vw 3.8961038961vw 0;
      margin-bottom: 10.3896103896vw; } }
  .section-content .section-content__in {
    max-width: 1020px;
    margin: 0 auto; }
  .section-content .section-content__txt {
    color: #004ea2;
    text-align: center;
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 30px;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .section-content .section-content__txt {
        font-size: 4.6753246753vw;
        margin-bottom: 3.8961038961vw; } }
  .section-content .iblock {
    display: inline-block; }
  .section-content .s-font {
    font-size: 80%; }
  .section-content .w1000 {
    max-width: 1000px;
    margin: 0 auto 30px; }
    @media (max-width: 480px) {
      .section-content .w1000 {
        margin-bottom: 3.8961038961vw; } }
  .section-content .set-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 480px) {
      .section-content .set-box {
        display: block; } }
  .section-content .set-box__set {
    width: 32%;
    background: #f1faff;
    border: 1px solid #e7f4fb;
    padding: 40px 30px 30px; }
    @media (max-width: 480px) {
      .section-content .set-box__set {
        width: 100%;
        padding: 5.1948051948vw 5.1948051948vw 5.1948051948vw; } }
    @media (max-width: 480px) {
      .section-content .set-box__set:not(:last-child) {
        margin-bottom: 3.8961038961vw; } }
  .section-content .icon {
    width: 60px;
    margin: 0 auto 10px; }
    @media (max-width: 480px) {
      .section-content .icon {
        width: 10.3896103896vw;
        margin-bottom: 1.2987012987vw; } }
    .section-content .icon img {
      display: block;
      max-width: 100%;
      height: auto;
      pointer-events: none; }
  .section-content .title {
    font-size: 2rem;
    color: #004ea2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px; }
    @media (max-width: 480px) {
      .section-content .title {
        font-size: 4.2857142857vw;
        margin-bottom: 2.5974025974vw; } }
  .section-content .txt {
    font-size: 1.8rem;
    line-height: 1.6; }
    @media (max-width: 480px) {
      .section-content .txt {
        font-size: 3.3766233766vw; } }

.addition-price__note {
  display: none;
  font-size: 1.3rem;
  font-weight: 500;
  color: #FF1B1B;
  margin-top: 10px;
  line-height: 1.4; }
  @media (max-width: 480px) {
    .addition-price__note {
      font-size: 3.6363636364vw;
      margin-top: 1.9480519481vw; } }

.addition-price {
  width: 50%; }
  @media (max-width: 480px) {
    .addition-price {
      width: 100%;
      margin-top: 3.8961038961vw; } }
  .addition-price .addition-price__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    font-size: 1.4rem;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #505050;
    text-align: center;
    margin: 0 auto; }
    @media (max-width: 480px) {
      .addition-price .addition-price__box {
        font-size: 4.1558441558vw;
        height: 12.987012987vw; } }
  .addition-price .addition-price__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 45%;
    color: #fff;
    padding: 5px;
    background-color: #505050; }
    @media (max-width: 480px) {
      .addition-price .addition-price__ttl {
        font-size: 3.6363636364vw;
        padding: 1.2987012987vw; } }
  .addition-price .addition-price__msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 55%;
    font-size: 1.6rem;
    padding: 5px; }
    @media (max-width: 480px) {
      .addition-price .addition-price__msg {
        font-size: 4.1558441558vw;
        padding: 1.2987012987vw; } }
  .addition-price .addition-price-txt__main {
    font-size: 1.7rem; }
    @media (max-width: 480px) {
      .addition-price .addition-price-txt__main {
        font-size: 4.5454545455vw; } }
  .addition-price .addition-price-txt__en {
    display: none; }

.form-item-other {
  width: 100%;
  display: none; }
  .form-item-other.active {
    display: block; }
  .form-item-other .form-item-other__ttl {
    font-size: 1.4rem;
    font-weight: bold; }
    @media (max-width: 480px) {
      .form-item-other .form-item-other__ttl {
        font-size: 3.3766233766vw; } }

.check-note {
  display: none;
  font-size: 1.4rem;
  border: 2px solid #d00000;
  background-color: #fdf3f3;
  padding: 20px;
  margin-top: 20px; }
  @media (max-width: 480px) {
    .check-note {
      font-size: 3.6363636364vw;
      border-width: 0.2597402597vw;
      margin-top: 3.8961038961vw;
      padding: 4.5454545455vw; } }
  .check-note.active {
    display: block; }
  .check-note .check-note__ttl {
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1; }
    @media (max-width: 480px) {
      .check-note .check-note__ttl {
        margin-bottom: 1.9480519481vw; } }
  .check-note .check-note-list__item {
    display: none;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .check-note .check-note-list__item {
        font-size: 3.3766233766vw;
        text-indent: -3.3766233766vw;
        padding-left: 3.3766233766vw; } }
    .check-note .check-note-list__item.active {
      display: block; }