@charset "UTF-8";
@font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: 400;
  src: local("Arial Black"), url("ariblk_0.ttf") format("ttf"); }
select::-ms-expand {
  display: none; }

html {
  height: 100%;
  font-size: 62.5%;
  background: #fff;
  overflow-y: scroll; }
  @media (max-width: 480px) {
    html {
      font-size: 4vw; } }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
th,
td {
  padding: 0;
  margin: 0; }

address,
caption,
em,
strong,
th {
  font-style: normal; }

caption,
th {
  text-align: left; }

hr,
legend {
  display: none; }

figure {
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

li {
  list-style-type: none; }

table,
ol,
ul,
dl,
blockquote,
pre {
  margin-bottom: 0px; }

p {
  margin-bottom: 0; }

a img,
fieldset {
  border: none; }

article,
aside,
footer,
header,
hgroup,
nav,
section {
  display: block; }

*:focus {
  outline: none; }

select {
  color: #333; }

a:link:not(.link-txt) {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:visited:not(.link-txt) {
  text-decoration: none; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

img {
  width: 100%;
  display: block; }

button {
  font-family: 'Noto Sans JP', sans-serif;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input, textarea {
  -webkit-appearance: none; }

label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*-----------------------------------------*/
@media (max-width: 480px) {
  .only-pc {
    display: none; } }

.only-sp {
  display: none; }
  @media (max-width: 480px) {
    .only-sp {
      display: block; } }

.txt_b {
  font-weight: bold;
  margin: 0 3px; }

.c-red {
  color: #af0808; }

.inline-b {
  display: inline-block; }

/*-----------------------------------------*/
body {
  position: relative;
  -webkit-text-size-adjust: none;
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  letter-spacing: 2px;
  line-height: 1.8;
  margin: 0px;
  background: #fff; }
  @media (max-width: 480px) {
    body {
      font-size: 5.3333333333vw;
      min-width: 100%;
      letter-spacing: 0.5333333333vw;
      line-height: 1.6; } }

.contents {
  position: relative;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .contents {
      max-width: 500px; } }
  @media (max-width: 480px) {
    .contents {
      width: 100%; } }
  .contents .unique_no {
    position: absolute;
    font-size: 1.7rem;
    font-weight: bold;
    background: #f5f5f5;
    padding: 2px 20px;
    top: 10px;
    right: 10px; }
    @media (max-width: 480px) {
      .contents .unique_no {
        font-size: 3.4666666667vw;
        padding: 1.0666666667vw 4vw; } }
  .contents .contents-header {
    padding: 40px 0;
    background-color: #f3f6fa; }
    @media (max-width: 480px) {
      .contents .contents-header {
        padding: 5.3333333333vw 0; } }
  .contents .contents-header__ttl {
    font-size: 4rem;
    font-weight: 500;
    text-align: center; }
    @media (max-width: 480px) {
      .contents .contents-header__ttl {
        font-size: 6.6666666667vw; } }

 /*============================
.header
============================*/
.header {
  border-bottom: 1px solid #ccc; }
  .header .header-inner {
    max-width: 1020px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding: 15px 15px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 480px) {
      .header .header-inner {
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .header .header-inner__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 10px; }
    @media (max-width: 480px) {
      .header .header-inner__main {
        margin-bottom: 4vw;
        gap: 0 2.6666666667vw; } }
  .header .header__logo {
    width: 150px; }
    @media (max-width: 480px) {
      .header .header__logo {
        width: 23%; } }
  .header .header__txt {
    line-height: 1.2; }
    .header .header__txt .min {
      display: block;
      font-size: 1.1rem; }
      @media (max-width: 1240px) {
        .header .header__txt .min {
          font-size: 1rem; } }
      @media (max-width: 480px) {
        .header .header__txt .min {
          font-size: 1.7333333333vw; } }
    .header .header__txt .blue {
      display: block;
      color: #044a96;
      font-weight: bold;
      font-size: 2.62rem; }
      @media (max-width: 1240px) {
        .header .header__txt .blue {
          font-size: 2.4rem; } }
      @media (max-width: 480px) {
        .header .header__txt .blue {
          font-size: 3.4666666667vw; } }
  .header .header__agency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    width: 60%; }
    @media (max-width: 480px) {
      .header .header__agency {
        width: 25%; } }
  .header .header_each {
    font-size: 1.2rem;
    line-height: 1.0;
    margin-bottom: 5px; }
    @media (max-width: 480px) {
      .header .header_each {
        font-size: 2.6666666667vw; } }
  .header .header__id {
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0;
    margin-right: 12px;
    padding: 1px 15px;
    border-radius: 50px;
    background: #ccc; }
    @media (max-width: 480px) {
      .header .header__id {
        font-size: 2.1333333333vw; } }
  .header .crew_name {
    min-width: 125px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3; }
    @media (max-width: 480px) {
      .header .crew_name {
        display: block;
        font-size: 2.6666666667vw; } }
  .header .agency_category {
    min-width: 90px;
    font-size: 1.3rem; }

 /*============================
.footer
============================*/
.footer .footer-navi {
  width: 100%;
  padding: 15px 0;
  background: #535353; }
  @media (max-width: 768px) {
    .footer .footer-navi {
      padding: 0px; } }
  .footer .footer-navi ul {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 768px) {
      .footer .footer-navi ul {
        width: 100%;
        display: block;
        margin: 0 auto; } }
    .footer .footer-navi ul li {
      margin-right: 40px; }
      @media (max-width: 768px) {
        .footer .footer-navi ul li {
          margin: 0px;
          border-bottom: 1px solid #ddd; } }
      .footer .footer-navi ul li:last-child {
        margin-right: 0px; }
        @media (max-width: 768px) {
          .footer .footer-navi ul li:last-child {
            border: 0px; } }
      .footer .footer-navi ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        font-size: 1.4rem;
        color: #fff; }
        @media (max-width: 768px) {
          .footer .footer-navi ul li a {
            font-size: 2.5vw;
            padding: 22px 15px; } }
        @media (max-width: 480px) {
          .footer .footer-navi ul li a {
            padding: 4vw 2.6666666667vw; } }
        .footer .footer-navi ul li a:hover {
          text-decoration: underline;
          color: #ccc; }
        .footer .footer-navi ul li a:before {
          content: "";
          width: 0;
          height: 0;
          margin-right: 8px;
          border-left: 12px solid #fff;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent; }
          @media (max-width: 768px) {
            .footer .footer-navi ul li a:before {
              display: none; } }
.footer .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  min-width: 800px;
  margin: 0 auto;
  padding: 20px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 768px) {
    .footer .footer-inner {
      display: block;
      max-width: 100%;
      max-width: initial;
      min-width: initial;
      padding: 0px; } }
  .footer .footer-inner__logo {
    width: 250px; }
    @media (max-width: 768px) {
      .footer .footer-inner__logo {
        width: 100%;
        padding: 20px; } }
    .footer .footer-inner__logo img {
      width: 100%; }
      @media (max-width: 768px) {
        .footer .footer-inner__logo img {
          width: 30%; } }
      @media (max-width: 480px) {
        .footer .footer-inner__logo img {
          width: 40vw;
          margin: 0 auto; } }
  .footer .footer-inner__copy {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 200;
    color: #959595; }
    @media (max-width: 768px) {
      .footer .footer-inner__copy {
        text-align: center;
        width: 100%;
        font-size: 2.1333333333vw;
        padding: 10px 0;
        background: #eee;
        letter-spacing: 1px; } }

  /*============================
共通パーツ
============================*/
.bold {
  font-weight: bold; }

.fs-min {
  font-size: 80%; }

/*mt*/
.mt5 {
  margin-top: 5px !important; }
  @media (max-width: 480px) {
    .mt5 {
      margin-top: 2.6666666667vw !important; } }

.mt30 {
  margin-top: 30px !important; }
  @media (max-width: 480px) {
    .mt30 {
      margin-top: 10.6666666667vw !important; } }

.mt50 {
  margin-top: 50px !important; }
  @media (max-width: 480px) {
    .mt50 {
      margin-top: 16vw !important; } }

/*mb*/
.mb5 {
  margin-bottom: 5px; }
  @media (max-width: 480px) {
    .mb5 {
      margin-bottom: 2.6666666667vw; } }

.mb20 {
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .mb20 {
      margin-bottom: 6.6666666667vw; } }

.mb30 {
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .mb30 {
      margin-bottom: 13.3333333333vw; } }

.mb50 {
  margin-bottom: 50px; }
  @media (max-width: 480px) {
    .mb50 {
      margin-bottom: 16vw; } }

.mb80 {
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    .mb80 {
      margin-bottom: 24vw; } }

@media (max-width: 480px) {
  .sp-mb60 {
    margin-bottom: 16vw; } }

/*w*/
.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }
  @media (max-width: 480px) {
    .w40 {
      width: 100%; } }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }
  @media (max-width: 480px) {
    .w60 {
      width: 100%; } }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

.note-txt {
  font-size: 1.4rem;
  text-indent: -18px;
  padding-left: 18px;
  line-height: 1.6; }
  @media (max-width: 480px) {
    .note-txt {
      font-size: 2.9333333333vw;
      text-indent: -3.7333333333vw;
      padding-left: 3.7333333333vw; } }

.link-txt {
  color: #2f78c6;
  text-decoration: underline; }
  .link-txt[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    display: inline;
    font-size: 0.9em;
    font-weight: 800;
    vertical-align: text-bottom; }

.cal-mark {
  position: relative; }
  .cal-mark::after {
    position: absolute;
    content: "\f133";
    font-size: 120%;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #939393;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer; }
    @media (max-width: 480px) {
      .cal-mark::after {
        font-size: 4.2666666667vw;
        right: 5.3333333333vw; } }
  .cal-mark input {
    cursor: pointer; }

/*btn-ent*/
.btn-ent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .btn-ent .btn-ent__item {
    width: 47%; }
    @media (max-width: 480px) {
      .btn-ent .btn-ent__item {
        width: 100%; } }
    .btn-ent .btn-ent__item:not(:last-child) {
      margin-right: 3%;
      margin-bottom: 20px; }
      @media (max-width: 480px) {
        .btn-ent .btn-ent__item:not(:last-child) {
          margin-right: 0;
          margin-bottom: 4vw; } }
  .btn-ent .btn-ent__link {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    padding: 20px 10px;
    border-radius: 6px;
    border: 2px solid #000;
    cursor: pointer;
    line-height: 1.2;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s; }
    @media (max-width: 480px) {
      .btn-ent .btn-ent__link {
        font-size: 4.5333333333vw;
        padding: 4.5333333333vw 2.6666666667vw;
        border-radius: 1.6vw; } }
    @media (min-width: 768px) {
      .btn-ent .btn-ent__link:hover {
        color: #fff;
        background-color: #000; } }
    .btn-ent .btn-ent__link .fas {
      position: absolute;
      font-size: 1.5rem;
      top: calc(50% + 1px);
      right: 20px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (max-width: 480px) {
        .btn-ent .btn-ent__link .fas {
          font-size: 4.8vw;
          right: 4vw; } }

/*ttl*/
.cat-ttl {
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
  padding: 35px 0;
  border-right: none;
  border-left: none;
  background-color: #f3f6fa; }
  @media (max-width: 480px) {
    .cat-ttl {
      font-size: 5.8666666667vw;
      padding: 5.3333333333vw 0; } }

.ttl-01 {
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 4px 3px 7px 11px;
  border-left: 5px solid #af0808;
  line-height: 1; }
  @media (max-width: 768px) {
    .ttl-01 {
      font-size: 2.5rem;
      margin-bottom: 30px; } }
  @media (max-width: 480px) {
    .ttl-01 {
      font-size: 5.3333333333vw;
      margin-bottom: 6.6666666667vw;
      padding: 1.0666666667vw 0.8vw 1.8666666667vw 2.9333333333vw; } }

.ttl-02 {
  position: relative;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1; }
  @media (max-width: 768px) {
    .ttl-02 {
      font-size: 2.5rem; } }
  @media (max-width: 480px) {
    .ttl-02 {
      font-size: 4.8vw;
      margin-bottom: 2.4vw; } }
  .ttl-02[data-required]::before {
    position: relative;
    content: attr(data-required);
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: #fff;
    padding: 3px 5px 4px 6px;
    border-radius: 2px;
    background: #eb6877;
    margin-right: 7px;
    top: -1px; }
    @media (max-width: 480px) {
      .ttl-02[data-required]::before {
        font-size: 2.9333333333vw;
        padding: 0.5333333333vw 2.1333333333vw 0.8vw;
        border-radius: 1.3333333333vw;
        letter-spacing: 0.5333333333vw; } }
  .ttl-02[data-required].any::before {
    background-color: #6a6a6a; }

.ttl-03 {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 6px;
  padding-left: 5px;
  line-height: 1; }
  @media (max-width: 480px) {
    .ttl-03 {
      font-size: 4.2666666667vw;
      padding-left: 1.3333333333vw;
      margin-bottom: 1.3333333333vw; } }
  .ttl-03 .anymark {
    position: absolute;
    font-size: 1.4rem;
    color: #fff;
    background-color: #8d8d8d;
    padding: 3px 5px;
    line-height: 1;
    top: 0; }
    @media (max-width: 480px) {
      .ttl-03 .anymark {
        font-size: 2.6666666667vw;
        padding: 0.8vw 1.8666666667vw;
        top: -0.2666666667vw;
        right: 0; } }

.ttl-04 {
  position: relative;
  font-size: 1.6rem;
  color: #004aa1;
  border-left: 5px double;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1;
  padding: 4px 3px 7px 11px; }
  @media (max-width: 480px) {
    .ttl-04 {
      line-height: 1.4;
      font-size: 4.2666666667vw;
      margin-bottom: 5.3333333333vw;
      padding: 1.0666666667vw 0.8vw 1.8666666667vw 2.9333333333vw; } }

/*msg*/
.msg-01 {
  margin-bottom: 20px;
  font-size: 1.6rem;
  text-align: center; }
  @media (max-width: 480px) {
    .msg-01 {
      margin-bottom: 5.3333333333vw;
      font-size: 3.2vw; } }

.section-form {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0 100px; }
  @media (max-width: 480px) {
    .section-form {
      padding: 8vw 4vw 13.3333333333vw; } }
  .section-form .form-content:not(:last-child) {
    margin-bottom: 60px; }
    @media (max-width: 480px) {
      .section-form .form-content:not(:last-child) {
        margin-bottom: 13.3333333333vw; } }
  .section-form .form-content__set:not(:last-child) {
    margin-bottom: 60px; }
    @media (max-width: 480px) {
      .section-form .form-content__set:not(:last-child) {
        margin-bottom: 6.6666666667vw; } }
  .section-form .form-content__set .flex {
    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; }
    .section-form .form-content__set .flex .flex__set {
      width: 48%; }
  .section-form.center {
    margin: 0 auto; }
  .section-form .form-content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .section-form .form-content-head__price {
    font-size: 1.9rem;
    font-weight: 500; }
    @media (max-width: 480px) {
      .section-form .form-content-head__price {
        font-size: 4vw; } }
    .section-form .form-content-head__price .font-min {
      font-size: 80%; }

.price-count {
  width: 100%;
  margin: 90px auto 0;
  border: 5px solid #a5a5a5;
  padding: 0 0 30px; }
  @media (max-width: 480px) {
    .price-count {
      margin-top: 18.6666666667vw;
      border-width: 1.3333333333vw;
      padding-bottom: 5.3333333333vw;
      letter-spacing: 0.2666666667vw; } }
  .price-count .price-count__ttl {
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    background: #efefef;
    padding: 9px 0;
    margin-bottom: 35px; }
    @media (max-width: 480px) {
      .price-count .price-count__ttl {
        font-size: 4vw;
        padding: 2.6666666667vw 0;
        margin-bottom: 8vw; } }
  .price-count .price-count__body {
    padding: 0 60px; }
    @media (max-width: 480px) {
      .price-count .price-count__body {
        padding: 0 5.3333333333vw; } }
  .price-count .price-count__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 2rem;
    font-weight: 500;
    border-bottom: 1px solid #e90000;
    padding: 0 5px;
    margin-bottom: 12px; }
    @media (max-width: 480px) {
      .price-count .price-count__item {
        font-size: 4vw;
        border-width: 0.2666666667vw;
        padding: 0 1.3333333333vw;
        margin-bottom: 2.6666666667vw; } }
  .price-count .price-count__itemttl {
    font-size: 1.8rem;
    color: #e90000; }
    @media (max-width: 480px) {
      .price-count .price-count__itemttl {
        font-size: 4vw; } }
  .price-count .price-count__itemprice {
    font-weight: 500;
    color: #e90000; }
  .price-count .price-count-break {
    margin-bottom: 30px; }
    @media (max-width: 480px) {
      .price-count .price-count-break {
        margin-bottom: 5.3333333333vw; } }
  .price-count .price-count-break__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.5rem;
    color: #787878;
    padding: 0 5px;
    font-weight: 500; }
    @media (max-width: 480px) {
      .price-count .price-count-break__item {
        font-size: 3.4666666667vw;
        padding: 0 1.3333333333vw; } }
    .price-count .price-count-break__item:not(:last-child) {
      border-bottom: 1px solid #dfdfdf;
      margin-bottom: 10px;
      padding-bottom: 5px; }
      @media (max-width: 480px) {
        .price-count .price-count-break__item:not(:last-child) {
          border-width: 0.2666666667vw;
          margin-bottom: 2.6666666667vw;
          padding-bottom: 0.8vw; } }
  @media (max-width: 480px) {
    .price-count .price-count-break__itemttl {
      width: 26.6666666667vw;
      line-height: 1.4; } }
  .price-count .price-count-break-option {
    text-align: right; }
  .price-count .price-count-break-option__item {
    font-size: 1.4rem; }
    @media (max-width: 480px) {
      .price-count .price-count-break-option__item {
        font-size: 3.2vw; } }
  .price-count .font-min {
    font-size: 80%; }

   /*============================
ボタン
============================*/
.btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90px; }
  @media (max-width: 480px) {
    .btn-block {
      margin-top: 12vw; } }

.btn {
  width: 80%;
  color: #fff;
  display: block;
  font-size: 3rem;
  font-weight: bold;
  padding: 20px;
  background-color: #ec4d00;
  border: 2px solid #ec4d00;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  cursor: pointer; }
  .btn.back {
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  @media (max-width: 480px) {
    .btn {
      width: 100%;
      font-size: 4.2666666667vw;
      padding: 2.4vw 0; } }
  .btn:not(:last-child) {
    margin-right: 15px; }
    @media (max-width: 480px) {
      .btn:not(:last-child) {
        margin-right: 2%; } }
  @media (min-width: 768px) {
    .btn:hover {
      color: #ec4d00;
      background-color: #fff; } }

.btn02 {
  width: 380px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 11px;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  position: relative;
  cursor: pointer; }
  @media (max-width: 480px) {
    .btn02 {
      width: 100%;
      font-size: 3.7333333333vw;
      padding: 2.4vw 0; } }
  .btn02:not(:last-child) {
    margin-right: 15px; }
    @media (max-width: 480px) {
      .btn02:not(:last-child) {
        margin-right: 2%; } }
  .btn02[href$=".xlsx"], .btn02[href$=".xlsm"], .btn02[href$=".xls"] {
    color: #217346;
    background-color: #fff;
    border: 2px solid #217346; }
    .btn02[href$=".xlsx"]::after, .btn02[href$=".xlsm"]::after, .btn02[href$=".xls"]::after {
      content: "\f1c3";
      font-family: "Font Awesome 5 Free";
      display: inline;
      padding-left: 0.5em; }
    @media (min-width: 768px) {
      .btn02[href$=".xlsx"]:hover, .btn02[href$=".xlsm"]:hover, .btn02[href$=".xls"]:hover {
        background-color: #217346;
        color: #fff; } }

   /*============================
共通ブロック
============================*/
/*.form-content-group*/
.form-content-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-content-group .form-txt01 {
    width: 100%; }
    @media (max-width: 480px) {
      .form-content-group .form-txt01 {
        width: 65%; } }
  .form-content-group div {
    margin-right: 15px; }
    @media (max-width: 480px) {
      .form-content-group div {
        margin-right: 2.6666666667vw; } }
  .form-content-group .form-select {
    width: 40%; }
    @media (max-width: 480px) {
      .form-content-group .form-select {
        width: 35%; } }
    @media (max-width: 480px) {
      .form-content-group .form-select select {
        height: 10.6666666667vw; } }

   /*============================
.form
============================*/
.validate__error {
  font-size: 2rem;
  font-weight: 500;
  color: #fb1c1c;
  line-height: 1; }
  @media (max-width: 480px) {
    .validate__error {
      font-size: 4.2666666667vw; } }
  .validate__error label {
    display: block;
    padding: 18px 20px;
    background-color: #fce5e7;
    border-radius: 5px;
    border: 1px solid;
    margin-top: 0.5em; }
    @media (max-width: 480px) {
      .validate__error label {
        padding: 2.4vw 2.6666666667vw;
        border-radius: 1.3333333333vw; } }

/*input*/
.form-txt01 {
  line-height: 1; }
  .form-txt01 input[type="text"] {
    width: 100%;
    height: 60px;
    font-size: 2.4rem;
    line-height: 1;
    padding: 5px 15px;
    border: 1px solid #939393;
    border-bottom-width: 1px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fbfbfb; }
    @media (max-width: 480px) {
      .form-txt01 input[type="text"] {
        height: 13.3333333333vw;
        font-size: 4.8vw;
        padding: 0.5333333333vw 2.6666666667vw;
        border-radius: 1.0666666667vw; } }
    .form-txt01 input[type="text"].error {
      border-color: #ec6941 !important;
      -webkit-box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
              box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
      background: #fff; }
    .form-txt01 input[type="text"].inactive {
      pointer-events: none;
      opacity: 0.7;
      background-color: #e1e1e1; }
  .form-txt01 textarea {
    width: 100%;
    height: 120px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 15px;
    border: 1px solid #939393;
    border-bottom-width: 1px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    white-space: pre-wrap;
    box-sizing: border-box;
    background: #fbfbfb; }
    @media (max-width: 480px) {
      .form-txt01 textarea {
        height: 10.6666666667vw;
        font-size: 4vw;
        padding: 2.6666666667vw;
        border-radius: 1.0666666667vw; } }
  .form-txt01.form-txt01--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .form-txt01 .form-txt01__set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .form-txt01 .form-txt01__set:not(:last-child) {
      margin-right: 10px; }
      @media (max-width: 480px) {
        .form-txt01 .form-txt01__set:not(:last-child) {
          margin-right: 2.6666666667vw; } }
  .form-txt01.form-txt01--type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .form-txt01.form-txt01--type2 input {
      width: 20%; }
      .form-txt01.form-txt01--type2 input:last-of-type {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; }
    .form-txt01.form-txt01--type2::after {
      content: "—";
      margin: 0 0.5em;
      font-size: 1.8rem;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      line-height: 0; }
  .form-txt01 .form-txt01__sub {
    margin-left: 5px;
    margin-bottom: 3px; }
    @media (max-width: 480px) {
      .form-txt01 .form-txt01__sub {
        font-size: 3.2vw;
        margin-left: 1.3333333333vw;
        margin-bottom: 1.3333333333vw; } }

.label-box {
  width: calc(100% - 50px);
  margin-left: 20px; }
  @media (max-width: 480px) {
    .label-box {
      width: calc(100% - 13.3333333333vw);
      margin-left: 2.6666666667vw; } }
  .label-box .label-box__ttl {
    font-weight: bold;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      .label-box .label-box__ttl {
        font-size: 4.2666666667vw;
        margin-bottom: 4.8vw; } }
  .label-box .label-box__txt1 {
    font-size: 1.6rem;
    line-height: 1.6; }
    @media (max-width: 480px) {
      .label-box .label-box__txt1 {
        font-size: 3.7333333333vw;
        line-height: 1.4; } }
    .label-box .label-box__txt1:not(:last-child) {
      margin-bottom: 20px; }
      @media (max-width: 480px) {
        .label-box .label-box__txt1:not(:last-child) {
          margin-bottom: 2.6666666667vw; } }
  .label-box .label-box-list {
    font-size: 1.5rem; }
    @media (max-width: 480px) {
      .label-box .label-box-list {
        font-size: 3.7333333333vw; } }
  .label-box .label-box-list__item {
    text-indent: -17px;
    padding-left: 17px;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .label-box .label-box-list__item {
        text-indent: -4vw;
        padding-left: 4vw; } }
    .label-box .label-box-list__item:not(:last-child) {
      margin-bottom: 4px; }
      @media (max-width: 480px) {
        .label-box .label-box-list__item:not(:last-child) {
          margin-bottom: 1.0666666667vw; } }

.form-zip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-zip .form-txt01 {
    width: 30%; }
    @media (max-width: 480px) {
      .form-zip .form-txt01 {
        width: 70%; } }

.form-namearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-namearea .form-txt01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 47%;
    font-size: 1.3rem;
    color: #888;
    padding-left: 6px; }
    @media (max-width: 480px) {
      .form-namearea .form-txt01 {
        width: 49%;
        font-size: 3.2vw; } }
    .form-namearea .form-txt01 input {
      width: 83%; }
      @media (max-width: 480px) {
        .form-namearea .form-txt01 input {
          width: 80%; } }

.form-telarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-telarea .form-txt01:not(:last-child) {
    position: relative;
    margin-right: 30px; }
    @media (max-width: 480px) {
      .form-telarea .form-txt01:not(:last-child) {
        margin-right: 5.3333333333vw; } }
    .form-telarea .form-txt01:not(:last-child)::after {
      position: absolute;
      content: " ";
      width: 13px;
      height: 1px;
      background-color: #000;
      top: 50%;
      right: -8px;
      -webkit-transform: translate(100%, -50%);
              transform: translate(100%, -50%); }
      @media (max-width: 480px) {
        .form-telarea .form-txt01:not(:last-child)::after {
          width: 2.9333333333vw;
          right: -1.3333333333vw; } }

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-item.wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px 0; }
    @media (max-width: 480px) {
      .form-item.wrap {
        gap: 2.6666666667vw 0; } }
  .form-item.item-frame2 .form-item__set {
    width: 48%; }
  .form-item.item-frame3 .form-item__set {
    width: 31%; }
  @media (max-width: 480px) {
    .form-item.sp-w100 .form-item__set {
      width: 100%; } }
  .form-item .form-item__set {
    width: 100%; }
  .form-item input {
    position: absolute;
    opacity: 0; }
  .form-item label {
    width: 100%;
    height: 100px;
    font-size: 2.4rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid #3e3e3e;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    background-color: #fbfbfb;
    line-height: 1.2; }
    .form-item label:has(input:checked) {
      color: #eb6100;
      border-color: #eb6100;
      background: #feecd2; }
    .form-item label:has(input:disabled) {
      opacity: 0.5; }
    @media (max-width: 768px) {
      .form-item label {
        font-size: 1.3rem;
        padding: 15px; } }
    @media (max-width: 480px) {
      .form-item label {
        height: 100%;
        font-size: 4vw;
        padding: 4vw 2.6666666667vw;
        border-width: 0.5333333333vw;
        border-radius: 1.3333333333vw;
        letter-spacing: 0.2666666667vw; } }
    .form-item label.formItem--error {
      border-color: #ec6941 !important;
      -webkit-box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
              box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
      background: #fff; }
  .form-item .form-item-box01 {
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
    min-height: 100px;
    padding: 15px; }
    @media (max-width: 480px) {
      .form-item .form-item-box01 {
        min-height: auto;
        padding: 2.6666666667vw 4vw; } }
    .form-item .form-item-box01 .form-item-box01__head .form-item-box01__ttl {
      font-weight: bold;
      font-size: 1.85rem;
      margin-bottom: 2rem; }
      @media (max-width: 480px) {
        .form-item .form-item-box01 .form-item-box01__head .form-item-box01__ttl {
          font-size: 3.7333333333vw;
          margin-bottom: 4vw; } }
    .form-item .form-item-box01 .form-item-box01__head .form-item-box01__msg {
      font-size: 1.6rem;
      font-weight: 400; }
      @media (max-width: 480px) {
        .form-item .form-item-box01 .form-item-box01__head .form-item-box01__msg {
          font-size: 3.4666666667vw; } }
    .form-item .form-item-box01 .form-item-box01__head .form-item-box01__note {
      font-size: 1.2rem;
      font-weight: 400;
      padding-left: 1.2em;
      text-indent: -1.2em; }
      @media (max-width: 480px) {
        .form-item .form-item-box01 .form-item-box01__head .form-item-box01__note {
          font-size: 3.2vw; } }
    .form-item .form-item-box01 .form-item-box01__price {
      position: absolute;
      font-size: 1.7rem;
      white-space: nowrap;
      right: 15px;
      top: 15px; }
      @media (max-width: 480px) {
        .form-item .form-item-box01 .form-item-box01__price {
          font-size: 3.7333333333vw;
          right: 2.6666666667vw;
          top: 2.6666666667vw; } }

/*select*/
.form-select {
  position: relative;
  line-height: 1; }
  .form-select.w75 {
    width: 75%; }
  .form-select select {
    width: 100%;
    height: 60px;
    font-size: 2.4rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 45px 0 15px;
    border: 1px solid #939393;
    border-radius: 6px;
    background: #fbfbfb;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (max-width: 480px) {
      .form-select select {
        height: 13.3333333333vw;
        font-size: 4.8vw;
        padding: 0 8vw 0 4vw;
        border-radius: 1.3333333333vw; } }
    .form-select select.error {
      border-color: #ec6941 !important;
      -webkit-box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
              box-shadow: 0px 0px 5px 3px rgba(236, 105, 65, 0.3);
      background: #fff; }
    .form-select select.inactive {
      pointer-events: none;
      opacity: 0.7;
      background-color: #e1e1e1; }
  .form-select::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-left: 6px solid #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 16px;
    top: 50%;
    z-index: 100; }
    @media (max-width: 480px) {
      .form-select::before {
        margin-top: -0.8vw;
        border-left: 1.8666666667vw solid #000;
        border-top: 1.3333333333vw solid transparent;
        border-bottom: 1.3333333333vw solid transparent; } }
  .form-select .input-sub-txt {
    position: absolute;
    font-weight: bold;
    top: 50%;
    right: -10px;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    font-size: 1.8rem; }
    @media (max-width: 480px) {
      .form-select .input-sub-txt {
        font-size: 4.8vw;
        right: -1.8666666667vw; } }

.form-checkbox .checkbox {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 12px;
  min-height: 60px;
  font-size: 1.8rem; }
  @media (max-width: 480px) {
    .form-checkbox .checkbox {
      font-size: 4.8vw;
      min-height: 13.3333333333vw; } }
  .form-checkbox .checkbox input {
    width: 20px;
    height: 20px;
    -webkit-appearance: auto;
    pointer-events: none;
    margin-right: 10px;
    accent-color: #af0808; }
    @media (max-width: 480px) {
      .form-checkbox .checkbox input {
        width: 8vw;
        height: 8vw; } }

.form-content-child.form-content-child--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 0; }
  @media (max-width: 480px) {
    .form-content-child.form-content-child--flex {
      gap: 5.3333333333vw 0; } }
  .form-content-child.form-content-child--flex.flex--half {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .form-content-child.form-content-child--flex.flex--half .form-content-child__set {
      width: 48%;
      margin-bottom: 0; }
  .form-content-child.form-content-child--flex.flex--triple {
    gap: 20px 6%; }
    @media (max-width: 480px) {
      .form-content-child.form-content-child--flex.flex--triple {
        gap: 5.3333333333vw 6%; } }
  .form-content-child.form-content-child--flex.between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .form-content-child.form-content-child--flex .form-content-child__set {
    margin-bottom: 0 !important; }
.form-content-child .form-content__messege {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 16px; }
  @media (max-width: 480px) {
    .form-content-child .form-content__messege {
      font-size: 4.2666666667vw;
      margin-bottom: 2.1333333333vw;
      line-height: 1.3; } }
.form-content-child .form-content__annot {
  text-indent: -14px;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 5px;
  padding: 5px 0 0 14px; }
  @media (max-width: 480px) {
    .form-content-child .form-content__annot {
      font-size: 2.9333333333vw;
      margin-bottom: 2.1333333333vw;
      line-height: 1.3; } }
  .form-content-child .form-content__annot.fs14 {
    font-size: 1.4rem; }
    @media (max-width: 480px) {
      .form-content-child .form-content__annot.fs14 {
        font-size: 3.4666666667vw; } }
.form-content-child .form-content-child__set {
  /*&:last-child {
  	padding-top: 0;
  }*/ }
  .form-content-child .form-content-child__set:nth-child(1) {
    padding-top: 6px; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set:nth-child(1) {
        padding-top: 2.6666666667vw; } }
  .form-content-child .form-content-child__set:not(:last-child) {
    margin-bottom: 15px; }
    @media (max-width: 768px) {
      .form-content-child .form-content-child__set:not(:last-child) {
        margin-bottom: 15px; } }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set:not(:last-child) {
        margin-bottom: 2.6666666667vw; } }
  .form-content-child .form-content-child__set.box-10 {
    width: 10%; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set.box-10 {
        width: 100%; } }
  .form-content-child .form-content-child__set.box-20 {
    width: 20%; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set.box-20 {
        width: 33%; } }
  .form-content-child .form-content-child__set.box-30 {
    width: 30%; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set.box-30 {
        width: 100%; } }
  .form-content-child .form-content-child__set.box-40 {
    width: 40%; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set.box-40 {
        width: 100%; } }
  .form-content-child .form-content-child__set.box-50 {
    width: 50%; }
    @media (max-width: 480px) {
      .form-content-child .form-content-child__set.box-50 {
        width: 100%; } }

.hide-block {
  display: none;
  margin-bottom: 20px;
  padding: 30px 30px 40px;
  background-color: #f1f1f1; }
  @media (max-width: 480px) {
    .hide-block {
      margin-bottom: 20px;
      padding: 5.3333333333vw 4vw; } }
  .hide-block.inactive {
    display: none; }

.js-hide-block1, .js-hide-block2, .js-hide-block3, .js-hide-block4, .js-hide-block5, .js-hide-block6 {
  display: none; }

.show-block {
  padding: 20px 30px 25px;
  background-color: #f1f1f1; }
  @media (max-width: 480px) {
    .show-block {
      padding: 5.3333333333vw 4vw; } }

/**/
.confirm {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0 70px; }
  @media (max-width: 480px) {
    .confirm {
      padding: 8vw 4vw 9.3333333333vw; } }
  .confirm .confirm-content:not(:last-child) {
    margin-bottom: 50px; }
    @media (max-width: 480px) {
      .confirm .confirm-content:not(:last-child) {
        margin-bottom: 10.6666666667vw; } }
  .confirm .confirm-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px; }
    @media (max-width: 480px) {
      .confirm .confirm-content__head {
        position: relative;
        margin-bottom: 8vw; } }
    .confirm .confirm-content__head .ttl-01 {
      margin-bottom: 0; }
  .confirm .correction-btn {
    font-size: 1.4rem;
    font-weight: bold;
    color: #555;
    background-color: #dadada;
    border-radius: 3px;
    padding: 1px 10px 3px;
    margin-left: 20px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    letter-spacing: 1px; }
    @media (max-width: 480px) {
      .confirm .correction-btn {
        position: absolute;
        font-size: 3.4666666667vw;
        margin-left: 8vw;
        border-radius: 0.8vw;
        padding: 0.8vw 2.1333333333vw 1.0666666667vw;
        margin-left: 0;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media (min-width: 768px) {
      .confirm .correction-btn:hover {
        opacity: 0.7; } }
  .confirm .confirm-content__set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px; }
    @media (max-width: 480px) {
      .confirm .confirm-content__set {
        display: block;
        padding: 0 2.6666666667vw 4.2666666667vw; } }
    .confirm .confirm-content__set:not(:last-child) {
      margin-bottom: 15px; }
      @media (max-width: 480px) {
        .confirm .confirm-content__set:not(:last-child) {
          margin-bottom: 4vw; } }
  .confirm .confirm-content__ttl, .confirm .confirm-content__msg {
    line-height: 1; }
  .confirm .confirm-content__ttl {
    width: 35%;
    font-size: 1.8rem;
    font-weight: bold; }
    @media (max-width: 480px) {
      .confirm .confirm-content__ttl {
        width: 100%;
        font-size: 4.8vw;
        margin-bottom: 1.3333333333vw; } }
  .confirm .confirm-content__msg {
    width: 65%;
    font-size: 1.7rem;
    font-weight: 500; }
    @media (max-width: 480px) {
      .confirm .confirm-content__msg {
        width: 100%;
        font-size: 4.2666666667vw;
        text-align: right; } }

.coupon-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none; }
  @media (max-width: 480px) {
    .coupon-code {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  .coupon-code .coupon-code__ttl {
    font-size: 1.2rem;
    color: #707070;
    font-weight: bold;
    margin-right: 9px;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: center; }
    @media (max-width: 480px) {
      .coupon-code .coupon-code__ttl {
        font-size: 3.4666666667vw;
        margin-right: 2.6666666667vw; } }
  .coupon-code .coupon-code-body {
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 1%; }
    @media (max-width: 480px) {
      .coupon-code .coupon-code-body {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 58.6666666667vw; } }
    .coupon-code .coupon-code-body .coupon-code-body__item {
      width: 25%; }
      .coupon-code .coupon-code-body .coupon-code-body__item:nth-child(3) {
        width: 46%; }
      .coupon-code .coupon-code-body .coupon-code-body__item input[type="text"] {
        width: 100%;
        height: 30px;
        font-size: 1.7rem;
        padding: 0 5px;
        border: 1px solid #ccc; }
        @media (max-width: 480px) {
          .coupon-code .coupon-code-body .coupon-code-body__item input[type="text"] {
            height: 8vw;
            font-size: 3.7333333333vw;
            padding: 0 1.3333333333vw;
            border-width: 0.2666666667vw; } }
  .coupon-code #applyCoupon {
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    background-color: #db7b4c;
    border-radius: 2px;
    padding: 0 9px; }
    @media (max-width: 480px) {
      .coupon-code #applyCoupon {
        height: 8vw;
        font-size: 3.7333333333vw;
        border-radius: 0.5333333333vw;
        padding: 0 2.6666666667vw; } }

.disabled {
  pointer-events: none !important;
  opacity: 0.5 !important; }