@media screen and (min-width: 751px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}

#inquiry .field_value{
  overflow-wrap: anywhere;
}

.page__return-btn {
  margin: 100px auto;
  text-align: center;
  max-width: 327px;
  height: 64px;
  background-color: #218E6A;
  border-radius: 32px;
  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;
}
@media screen and (max-width: 750px) {
  .page__return-btn {
    max-width: 91.5vw;
    height: 16.3vw;
    margin: 21.3vw auto;
    border-radius: 8.5vw;
  }
}
.page__return-btn a {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  line-height: 1.8;
  height: 100%;
  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;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: -10px;
  background-color: #2CCE98;
  position: relative;
}
@media screen and (max-width: 750px) {
  .page__return-btn a {
    font-size: 4.3vw;
    border-radius: 8.5vw;
    margin-top: -2.7vw;
  }
}
.page__return-btn a::before {
  background: url("../img/common/arrow-left.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 26px;
  left: 24px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .page__return-btn a::before {
    max-width: 3.2vw;
    height: 3.2vw;
    top: 6.9vw;
    left: 6.4vw;
  }
}
.page__return-btn a:hover {
  margin-top: 0;
  color: #fff;
}
.page__return-btn a:hover::before {
  background: url("../img/common/arrow-left-w.png") no-repeat;
  background-size: contain;
}

#useful-links .page__inner {
  margin: auto;
  max-width: 820px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #useful-links .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #useful-links .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#useful-links .cont__item:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item:not(:last-child) {
    margin-bottom: 4.3vw;
  }
}
#useful-links .cont__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  background-color: #EBEBEB;
  border-radius: 6px;
  padding: 12px 24px;
  position: relative;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item-title {
    margin-bottom: 4.3vw;
    padding: 3.2vw 4.3vw;
    font-size: 4.3vw;
    border-radius: 1.6vw;
  }
}
#useful-links .cont__item-title::after {
  background: url("../img/common/arrow-down.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 21px;
  right: 24px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item-title::after {
    max-width: 3.6vw;
    height: 3.6vw;
    top: 5.6vw;
    right: 4.8vw;
  }
}
#useful-links .cont__item-title.accor-active::after {
  background: url("../img/common/arrow-up.png") no-repeat;
  background-size: contain;
}
#useful-links .cont__item__sub-list {
  display: none;
  margin-top: 32px;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-list {
    margin-top: 4.3vw;
  }
}
#useful-links .cont__item__sub-item {
  border-bottom: 2px dotted #CECECE;
  padding-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-item {
    padding-bottom: 6.4vw;
    border-bottom: 0.5vw dotted #CECECE;
  }
}
#useful-links .cont__item__sub-item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-item:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
#useful-links .cont__item__sub-item a {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-item a {
    font-size: 4.3vw;
  }
}
#useful-links .cont__item__sub-item a::after {
  background: url("../img/common/redirect-icon.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  height: 12px;
  content: "";
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-item a::after {
    max-width: 3.2vw;
    height: 3.2vw;
    margin-left: 2.7vw;
  }
}
#useful-links .cont__item__sub-item p {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: 500;
  color: #222222;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #useful-links .cont__item__sub-item p {
    font-size: 3.7vw;
  }
}

#inquiry .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #inquiry .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #inquiry .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#inquiry .inq-lead {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq-lead {
    font-size: 4.3vw;
    text-align: left;
    margin-bottom: 24.3vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inq-lead br {
    display: none;
  }
}
#inquiry .inq-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq-title {
    font-size: 6.4vw;
    margin-bottom: 12.8vw;
  }
}
#inquiry .inq__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 383px;
  margin: auto;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__tab {
    max-width: 100%;
  }
}
#inquiry .inq__tab::before {
  border-bottom: 4px solid #2CCE98;
  position: absolute;
  content: "";
  width: 100%;
  top: 50%;
  bottom: 50%;
  margin: auto;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__tab::before {
    border-bottom: 1.1vw solid #2CCE98;
  }
}
#inquiry .inq__tab-item {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  max-width: 61px;
  height: 61px;
  width: 100%;
  border: 2px solid #2CCE98;
  border-radius: 50%;
  position: relative;
  background-color: #fff;
  z-index: 2;
  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;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__tab-item {
    max-width: 19.2vw;
    height: 19.2vw;
    font-size: 4.3vw;
  }
}
#inquiry .inq__tab-item.actv {
  background-color: #2CCE98;
}
#inquiry .inq__form {
  margin: 56px auto 100px;
  border: 1px solid #222222;
  border-radius: 40px;
  padding: 80px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form {
    margin: 12.8vw auto 21.3vw;
    padding: 10.7vw 4.3vw;
    border-radius: 6.4vw;
  }
}
#inquiry .inq__form input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
#inquiry .inq__form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 1px solid #CECECE;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item {
    padding-bottom: 6.4vw;
    border-bottom: none;
  }
}
#inquiry .inq__form-item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item:last-child {
    padding-bottom: 10.7vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#inquiry .inq__form-item-field {
  max-width: 608px;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-field {
    max-width: 82.7vw;
  }
}
#inquiry .inq__form-item-field label {
  height: 44px;
  width: 128px;
  border: 1px solid #222222;
  border-radius: 7px;
  color: #333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
  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;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-field label {
    width: 34.1vw;
    height: 11.7vw;
    border-radius: 1.9vw;
  }
}
#inquiry .inq__form-item-field label:hover {
  opacity: 0.7;
}
#inquiry .inq__form-item-field label .file-upload {
  position: absolute;
  left: -9999px;
}
#inquiry .inq__form-item-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-field-wrap {
    margin-bottom: 2.7vw;
  }
}
#inquiry .inq__form-item-field-img {
  max-width: 320px;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-field-img {
    max-width: 82.7vw;
  }
}
#inquiry .inq__form-item-note {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  white-space: pre-wrap;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-note {
    font-size: 3.2vw;
    margin-top: 2.1vw;
  }
}
#inquiry .inq__form-item-type {
  border: 1px solid #222222;
  border-radius: 6px;
  padding: 12px 24px;
  width: 100%;
  margin-bottom: 8px;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-type {
    width: 82.7vw;
    padding: 3.2vw 6.4vw;
    margin-bottom: 0;
    font-size: 4.3vw;
    max-width: -webkit-fill-available;
  }
}
#inquiry .inq__form-item-lbl {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-lbl {
    margin-bottom: 2.1vw;
    font-size: 4.3vw;
  }
}
#inquiry .inq__form-item-lbl br {
  display: block;
}
#inquiry .inq__form-item-lbl span {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  background-color: #FFFB00;
  padding: 0 8px 3px;
  border-radius: 10px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-lbl span {
    vertical-align: text-top;
    margin-left: 1.3vw;
    font-size: 3.2vw;
  }
}
#inquiry .inq__form-item-rep {
  max-width: 264px;
  height: 32px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-rep {
    max-width: 100%;
    height: 8.5vw;
  }
}
#inquiry .inq__form-item-rep-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#inquiry .inq__form-item-rep-wrap .checkmark {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 2px solid #222222;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-rep-wrap .checkmark {
    width: 8.5vw;
    height: 8.5vw;
  }
}
#inquiry .inq__form-item-rep-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2CCE98;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-rep-wrap .checkmark:after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
#inquiry .inq__form-item-rep input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-rep input {
    width: 8.5vw;
    height: 8.5vw;
  }
}
#inquiry .inq__form-item-rep input:checked ~ .checkmark:after {
  display: block;
}
#inquiry .inq__form-item-rep-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 45px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-item-rep-txt {
    font-size: 4.3vw;
    margin-left: 12vw;
  }
}
#inquiry .inq__form-file-txt {
  margin-left: 10px;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-file-txt {
    font-size: 4.3vw;
    margin-left: 4.5vw;
  }
}
#inquiry .inq__form-file-lbl {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-file-lbl {
    font-size: 4.3vw;
  }
}
#inquiry .inq__form-terms {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms {
    margin-top: 0;
  }
}
#inquiry .inq__form-terms-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  max-width: 288px;
  margin: 24px auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-wrap {
    max-width: 100%;
    height: 8.5vw;
    margin: 6.4vw auto;
  }
}
#inquiry .inq__form-terms-wrap .checkmark {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  border: 2px solid #222222;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-wrap .checkmark {
    width: 8.5vw;
    height: 8.5vw;
    border-radius: 1.3vw;
  }
}
#inquiry .inq__form-terms-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 6px;
  height: 12px;
  border: solid #2CCE98;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-wrap .checkmark:after {
    width: 1.6vw;
    height: 3.2vw;
  }
}
#inquiry .inq__form-terms-wrap p {
  text-align: left;
  margin-left: 48px;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-wrap p {
    margin-left: 12.8vw;
  }
}
#inquiry .inq__form-terms-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-wrap input {
    width: 8.5vw;
    height: 8.5vw;
  }
}
#inquiry .inq__form-terms-wrap input:checked ~ .checkmark:after {
  display: block;
}
#inquiry .inq__form-terms-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-terms-txt {
    font-size: 4.3vw;
    text-align: left;
  }
}
#inquiry .inq__form-terms-txt a {
  text-decoration: underline;
}
#inquiry .inq__form-submit {
  margin: 32px auto 0;
  text-align: center;
  max-width: 327px;
  height: 64px;
  background-color: #218E6A;
  border-radius: 32px;
  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;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-submit {
    max-width: 82.7vw;
    height: 16.3vw;
    margin: 9.1vw auto 0;
    border-radius: 8.5vw;
  }
}
#inquiry .inq__form-submit-btn {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  line-height: 1.8;
  height: 100%;
  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;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: -10px;
  background-color: #2CCE98;
  position: relative;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-submit-btn {
    font-size: 4.3vw;
    border-radius: 8.5vw;
    margin-top: -2.7vw;
  }
}
#inquiry .inq__form-submit-btn::before {
  background: url("../img/common/arrow-right.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 26px;
  right: 24px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #inquiry .inq__form-submit-btn::before {
    max-width: 3.2vw;
    height: 3.2vw;
    top: 6.9vw;
    right: 6.4vw;
  }
}
#inquiry .inq__form-submit-btn:hover {
  margin-top: 0;
  color: #fff;
}
#inquiry .inq__form-submit-btn:hover::before {
  background: url("../img/common/arrow-right-w.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq-title {
    margin-bottom: 8.5vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form {
    margin: 8.5vw auto 21.3vw;
    padding: 10.7vw 4.3vw;
    border-radius: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item {
    border-bottom: 1px solid #CECECE;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item:last-child {
    padding-bottom: 5.3vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
#inquiry .inquiry-confirm .inq__form-item:nth-child(5) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item:nth-child(5) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#inquiry .inquiry-confirm .inq__form-item:nth-child(6) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item:nth-child(6) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#inquiry .inquiry-confirm .inq__form-item-rep-txt {
  /* margin-left: 0; */
}
#inquiry .inquiry-confirm .inq__form-item-type {
  /* border: none;
  padding: 0;
  margin-bottom: 0; */
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-item-lbl {
    text-align: left;
  }
}
#inquiry .inquiry-confirm .inq__form-submit {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-submit {
    margin-top: 10.7vw;
  }
}
#inquiry .inquiry-confirm .inq__form-edit {
  margin: 32px auto 0;
  text-align: center;
  max-width: 327px;
  height: 64px;
  border: 2px solid #222222;
  border-radius: 32px;
  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;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-edit {
    max-width: 91.5vw;
    height: 16.3vw;
    margin: 4.3vw auto 0;
    border-radius: 8.5vw;
  }
}
#inquiry .inquiry-confirm .inq__form-edit-btn {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  height: 100%;
  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;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-edit-btn {
    font-size: 4.3vw;
    border-radius: 8.5vw;
  }
}
#inquiry .inquiry-confirm .inq__form-edit-btn::before {
  background: url("../img/common/arrow-left.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 26px;
  left: 24px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-confirm .inq__form-edit-btn::before {
    max-width: 3.2vw;
    height: 3.2vw;
    top: 6.9vw;
    left: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq-title {
    margin-bottom: 8.5vw;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq__form {
    margin: 8.5vw auto 21.3vw;
    padding: 10.7vw 4.3vw;
    border-radius: 6.4vw;
  }
}
#inquiry .inquiry-comp .inq__form .page__return-btn {
  margin: 56px auto 0;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq__form .page__return-btn {
    margin: 10.7vw auto 0;
  }
}
#inquiry .inquiry-comp .inq__form-success-icon {
  max-width: 102px;
  width: 100%;
  margin: 0 auto 56px;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq__form-success-icon {
    max-width: 27.2vw;
    margin: 0 auto 10.7vw;
  }
}
#inquiry .inquiry-comp .inq__form-success-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq__form-success-title {
    font-size: 6.4vw;
    margin-bottom: 10.7vw;
  }
}
#inquiry .inquiry-comp .inq__form-success-text {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #inquiry .inquiry-comp .inq__form-success-text {
    font-size: 4.3vw;
    margin-bottom: 6.4vw;
    text-align: left;
  }
}

#publish .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #publish .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #publish .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#publish .search__list {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #publish .search__list {
    margin-bottom: 0;
  }
}
#publish .search__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #publish .search__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#publish .search__row.mb {
  margin-bottom: 44px;
}
@media screen and (max-width: 750px) {
  #publish .search__row.mb {
    margin-bottom: 0;
  }
}
#publish .search__col {
  max-width: 478px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  #publish .search__col {
    max-width: 100%;
  }
}
#publish .search__item:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  #publish .search__item:not(:last-child) {
    margin-bottom: 9.6vw;
  }
}
#publish .search__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 44px;
}
@media screen and (max-width: 750px) {
  #publish .search__item-title {
    font-size: 6.4vw;
    margin-bottom: 11.7vw;
  }
}
#publish .search__item-box {
  border: 1px solid #222222;
  border-radius: 16px;
  padding: 32px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: relative;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box {
    border-radius: 4.3vw;
    margin-bottom: 11.7vw;
  }
}
@media screen and (min-width: 751px) {
  #publish .search__item-box.mb {
    margin-bottom: 44px;
  }
}
#publish .search__item-box-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background-color: #FFFB00;
  padding: 4px 12px;
  border-radius: 7px;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title {
    font-size: 4.3vw;
    top: -5.1vw;
    padding: 1.1vw 3.2vw;
    border-radius: 1.9vw;
  }
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title.db-line {
    top: -12.5vw;
    text-align: center;
  }
}
#publish .search__item-box-title::after {
  background: url("../img/search/arrow-y.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title::after {
    max-width: 3.2vw;
    height: 3.2vw;
    bottom: -2.1vw;
  }
}
#publish .search__item-box-title-sub {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #2CCE98;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title-sub {
    font-size: 5.3vw;
    margin-bottom: 4.3vw;
    padding-bottom: 2.7vw;
  }
}
#publish .search__item-box-title-sub a {
  float: right;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-right: 24px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title-sub a {
    font-size: 3.7vw;
    padding-right: 6.4vw;
    position: relative;
    bottom: -1.9vw;
  }
}
#publish .search__item-box-title-sub a:hover {
  color: #2CCE98;
}
#publish .search__item-box-title-sub a::after {
  background: url("../img/how-to-use/htu-btn-r.png") no-repeat;
  background-size: contain;
  max-width: 16px;
  width: 100%;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box-title-sub a::after {
    max-width: 4.3vw;
    height: 4.3vw;
  }
}
#publish .search__item-box ul {
  list-style-type: disc;
}
#publish .search__item-box ul.mb {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box ul.mb {
    margin-bottom: 6.1vw;
  }
}
#publish .search__item-box ul li {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box ul li {
    font-size: 4.3vw;
    margin-left: 5.3vw;
  }
}
#publish .search__item-box ul li span {
  float: right;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #publish .search__item-box ul li span {
    font-size: 4.3vw;
  }
}
#publish .search__manual {
  padding: 16px 20px 20px;
}
#publish .pub__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #publish .pub__lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10.7vw;
  }
}
#publish .pub__lead-icon {
  max-width: 100px;
  width: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  #publish .pub__lead-icon {
    max-width: 26.7vw;
    margin: auto;
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #publish .pub__lead-icon img {
    margin: auto;
    width: 26.7vw;
  }
}
#publish .pub__lead-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #publish .pub__lead-txt {
    font-size: 4.3vw;
  }
}
#publish .pub__item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #publish .pub__item:not(:last-child) {
    margin-bottom: 8.5vw;
  }
}
#publish .pub__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #publish .pub__item-title {
    font-size: 6.4vw;
    margin-bottom: 4.3vw;
  }
}
#publish .pub__item-title span {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  background-color: #FFFB00;
  border-radius: 7px;
  margin-right: 10px;
  vertical-align: 3px;
  padding: 2px 10px;
}
@media screen and (max-width: 750px) {
  #publish .pub__item-title span {
    font-size: 4.3vw;
    margin-right: 0;
    border-radius: 1.9vw;
    padding: 0.5vw 2.7vw;
    vertical-align: 2.1vw;
  }
}
#publish .pub__item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #publish .pub__item-txt {
    font-size: 4.3vw;
  }
}
#publish .pub__item-txt a {
  background-color: #2CCE98;
  text-decoration: underline;
}
#publish .pub__manual {
  margin: 24px 0;
  background-color: #EBEBEB;
  border-radius: 6px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual {
    margin: 6.4vw 0;
    border-radius: 1.6vw;
  }
}
#publish .pub__manual-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding: 12px 24px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-title {
    font-size: 4.3vw;
    padding: 3.2vw 4.3vw;
  }
}
#publish .pub__manual-title::after {
  background: url("../img/common/arrow-down.png") center no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-title::after {
    max-width: 3.5vw;
    height: 3.5vw;
    right: 6.4vw;
  }
}
#publish .pub__manual-title.accor-active::after {
  background: url("../img/common/arrow-up.png") center no-repeat;
  background-size: contain;
}
#publish .pub__manual-list {
  display: none;
}
#publish .pub__manual-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px 20px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4.3vw 4.3vw 10.7vw;
  }
}
#publish .pub__manual-col-w {
  width: 100%;
}
#publish .pub__manual-col {
  max-width: 458px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-col {
    max-width: 100%;
  }
}
#publish .pub__manual-col:nth-child(1) {
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-col:nth-child(1) {
    margin-right: 0;
    margin-bottom: 6.4vw;
  }
}
#publish .pub__manual-item {
  background-color: #fff;
  padding: 32px 20px;
  border-radius: 6px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item {
    padding: 6.4vw 4.3vw;
    border-radius: 1.6vw;
  }
}
#publish .pub__manual-item:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
#publish .pub__manual-item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-title {
    font-size: 5.3vw;
    margin-bottom: 4.3vw;
  }
}
#publish .pub__manual-item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-txt {
    font-size: 4.3vw;
    margin-bottom: 4.3vw;
  }
}
#publish .pub__manual-item-link {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-link {
    font-size: 4.3vw;
  }
}
#publish .pub__manual-item-link a {
  text-decoration: underline;
  vertical-align: baseline;
}
#publish .pub__manual-item-list li:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-list li:not(:last-child) {
    margin-bottom: 8.5vw;
  }
}
#publish .pub__manual-item-list h4 {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 12px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-list h4 {
    font-size: 4.3vw;
    margin-bottom: 3.2vw;
  }
}
#publish .pub__manual-item-list p {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 12px;
}
@media screen and (max-width: 750px) {
  #publish .pub__manual-item-list p {
    font-size: 4.3vw;
    margin-bottom: 3.2vw;
  }
}
#publish .pub__manual-item-list .pub__manual-item-link {
  margin-bottom: 0;
}
#publish .pub__manual-item-list a {
  text-decoration: underline;
}
#publish .pub__listing-btn {
  border: 2px solid #222222;
  border-radius: 24px;
  max-width: 240px;
  height: 48px;
  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-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #publish .pub__listing-btn {
    max-width: 91.5vw;
    height: 12.8vw;
    font-size: 4.3vw;
    border-radius: 6.4vw;
    margin-bottom: 8.5vw;
  }
}
#publish .pub__listing-btn::after {
  background: url("../img/publishing/pub-btn-r.png") no-repeat;
  background-size: contain;
  max-width: 24px;
  width: 100%;
  position: absolute;
  height: 24px;
  content: "";
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #publish .pub__listing-btn::after {
    max-width: 6.4vw;
    height: 6.4vw;
    right: 2.7vw;
  }
}

#advertising .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #advertising .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #advertising .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#advertising .adv__top {
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top {
    margin-bottom: 10.7vw;
  }
}
#advertising .adv__top-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top-title {
    margin-bottom: 6.4vw;
    font-size: 6.4vw;
  }
}
#advertising .adv__top-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 24px;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top-txt {
    margin-bottom: 4.3vw;
    font-size: 4.3vw;
  }
}
#advertising .adv__top-link {
  border-bottom: 1px solid #2CCE98;
  margin-bottom: 28px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top-link {
    margin-bottom: 6.4vw;
  }
}
#advertising .adv__top-link a {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  border: none;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top-link a {
    font-size: 4.3vw;
  }
}
#advertising .adv__top-link img {
  vertical-align: baseline;
  margin-left: 2px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__top-link img {
    margin-left: 0.5vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
#advertising .adv__main {
  margin-bottom: 101px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main {
    margin-bottom: 8.5vw;
  }
}
#advertising .adv__main-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-title {
    font-size: 6.4vw;
    margin-bottom: 6.1vw;
  }
}
#advertising .adv__main-item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
#advertising .adv__main-item:nth-child(2) .adv__main-item-txt {
  font-weight: bold;
}
#advertising .adv__main-item:nth-child(8) ol li {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:nth-child(8) ol li {
    margin-bottom: 2.7vw;
  }
}
#advertising .adv__main-item:nth-child(9) ol li {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:nth-child(9) ol li {
    margin-bottom: 2.7vw;
  }
}
#advertising .adv__main-item:nth-child(11) ol li {
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:nth-child(11) ol li {
    margin-bottom: 6.4vw;
  }
}
#advertising .adv__main-item:nth-child(11) ol li:nth-child(1) {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:nth-child(11) ol li:nth-child(1) {
    margin-bottom: 2.7vw;
  }
}
#advertising .adv__main-item:nth-child(11) ol li:nth-child(2) {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item:nth-child(11) ol li:nth-child(2) {
    margin-bottom: 2.7vw;
  }
}
#advertising .adv__main-item ol {
  list-style-type: auto;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item ol {
    margin-bottom: 6.4vw;
  }
}
#advertising .adv__main-item ol li {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  margin-left: 16px;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item ol li {
    font-size: 4.3vw;
    margin-left: 6.1vw;
  }
}
#advertising .adv__main-item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-title {
    font-size: 5.3vw;
    margin-bottom: 4.3vw;
  }
}
#advertising .adv__main-item-title::before {
  background: url("../img/advertising/list-icon.png") no-repeat;
  background-size: contain;
  max-width: 16px;
  width: 100%;
  height: 16px;
  content: "";
  display: inline-block;
  margin-right: 8px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-title::before {
    max-width: 4.3vw;
    height: 4.3vw;
    margin-right: 2.1vw;
  }
}
#advertising .adv__main-item-title-sub {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-title-sub {
    font-size: 4.3vw;
    margin-bottom: 5px;
  }
}
#advertising .adv__main-item-title-sub.f-w-n {
  font-weight: normal;
}
#advertising .adv__main-item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-txt {
    font-size: 4.3vw;
  }
}
#advertising .adv__main-item-txt-s {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-txt-s {
    font-size: 3.7vw;
  }
}
#advertising .adv__main-item-link {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-link {
    font-size: 4.3vw;
  }
}
#advertising .adv__main-item-link a {
  text-decoration: underline;
  vertical-align: baseline;
}
#advertising .adv__main-item-link-form {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin-top: 10px;
  border-bottom: 1px solid #2CCE98;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-bottom: 8px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-link-form {
    font-size: 4.3vw;
    margin-top: 2.7vw;
    padding-bottom: 2.1vw;
  }
}
#advertising .adv__main-item-link-form a img {
  vertical-align: text-top;
  margin-left: 16px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__main-item-link-form a img {
    width: 6.4vw;
    height: 6.4vw;
    margin-left: 4.3vw;
  }
}
#advertising .adv__contact {
  border: 1px solid #2CCE98;
  border-radius: 16px;
  padding: 20px 30px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact {
    border-radius: 2.1vw;
    padding: 4.3vw 4.3vw 6.4vw;
  }
}
#advertising .adv__contact::before {
  border-top: 1px solid #2CCE98;
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 62px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact::before {
    top: 14.9vw;
  }
}
#advertising .adv__contact::after {
  background: url("../img/advertising/adv-contact-bg.png") no-repeat;
  background-size: contain;
  max-width: 320px;
  width: 100%;
  position: absolute;
  height: 57px;
  content: "";
  display: inline-block;
  bottom: 0;
  right: 19px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact::after {
    max-width: 59.7vw;
    height: 14.9vw;
    right: 4.3vw;
    background-position: bottom;
  }
}
#advertising .adv__contact-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 31px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-title {
    font-size: 4.3vw;
    margin-bottom: 8.5vw;
  }
}
#advertising .adv__contact-title-sub {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-title-sub {
    font-size: 4.3vw;
    margin-bottom: 2.9vw;
  }
}
#advertising .adv__contact-add {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-add {
    font-size: 4.3vw;
    margin-bottom: 1.6vw;
  }
}
#advertising .adv__contact-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#advertising .adv__contact-tel p {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-tel p {
    font-size: 4.3vw;
    margin-bottom: 0;
  }
  #advertising .adv__contact-tel p:last-child {
    margin-bottom: 3.2vw;
  }
}
#advertising .adv__contact-tel p:nth-child(1) {
  margin-right: 20px;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-tel p:nth-child(1) {
    margin-right: 0;
  }
}
#advertising .adv__contact-link {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  max-width: 304px;
  height: 48px;
  background-color: #2CCE98;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-indent: 24px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-link {
    font-size: 3.7vw;
    max-width: 68.8vw;
    height: 11.7vw;
    border-radius: 6.4vw;
    text-indent: 4.3vw;
  }
}
#advertising .adv__contact-link::after {
  background: url("../img/common/arrow-right.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  position: absolute;
  height: 12px;
  content: "";
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #advertising .adv__contact-link::after {
    max-width: 3.2vw;
    height: 3.2vw;
    right: 2.7vw;
  }
}

#privacy .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #privacy .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #privacy .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#privacy .page__return-btn {
  margin: 81px auto 100px;
}
@media screen and (max-width: 750px) {
  #privacy .page__return-btn {
    margin: 21.3vw auto 21.3vw;
  }
}
#privacy .privacy__top-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 55px;
}
@media screen and (max-width: 750px) {
  #privacy .privacy__top-txt {
    font-size: 4.3vw;
    margin-bottom: 12.8vw;
  }
}
#privacy .privacy__item:not(:last-child) {
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #privacy .privacy__item:not(:last-child) {
    margin-bottom: 12.8vw;
  }
}
#privacy .privacy__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #privacy .privacy__item-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
#privacy .privacy__item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #privacy .privacy__item-txt {
    font-size: 4.3vw;
  }
}

#terms .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #terms .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #terms .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#terms .page__return-btn {
  margin: 81px auto 100px;
}
@media screen and (max-width: 750px) {
  #terms .page__return-btn {
    margin: 21.3vw auto 22.7vw;
  }
}
#terms .terms__item:not(:last-child) {
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #terms .terms__item:not(:last-child) {
    margin-bottom: 12.8vw;
  }
}
#terms .terms__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #terms .terms__item-title {
    margin-bottom: 5.9vw;
    font-size: 6.4vw;
  }
}
#terms .terms__item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #terms .terms__item-txt {
    font-size: 4.3vw;
  }
}

#how-to-use .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #how-to-use .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #how-to-use .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#how-to-use .page__return-btn {
  margin: 81px auto 100px;
}
@media screen and (max-width: 750px) {
  #how-to-use .page__return-btn {
    margin: 21.3vw auto 21.3vw;
  }
}
#how-to-use .htu__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10.7vw;
  }
}
#how-to-use .htu__lead-icon {
  max-width: 100px;
  width: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__lead-icon {
    max-width: 26.7vw;
    margin: auto;
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__lead-icon img {
    margin: auto;
    width: 26.7vw;
  }
}
#how-to-use .htu__lead-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__lead-txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
#how-to-use .htu__txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__main-list {
  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;
  margin-top: 33px;
  margin-bottom: 75px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-list {
    margin-top: 10.7vw;
    margin-bottom: 21.3vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#how-to-use .htu__main-item {
  border: 1px solid #222222;
  border-radius: 16px;
  padding: 32px 20px;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  max-width: 478px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item {
    border-radius: 2.7vw;
    padding: 6.4vw 4.3vw;
    max-width: 100%;
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item:last-child {
    margin-bottom: 0;
  }
}
#how-to-use .htu__main-item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #2CCE98;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item-title {
    font-size: 5.3vw;
    margin-bottom: 6.9vw;
    padding-bottom: 2.7vw;
  }
}
#how-to-use .htu__main-item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item-txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__main-item-link {
  float: right;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-right: 24px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item-link {
    font-size: 3.7vw;
    padding-right: 6.4vw;
    position: relative;
    bottom: -1.9vw;
  }
}
#how-to-use .htu__main-item-link::after {
  background: url("../img/how-to-use/htu-btn-r.png") no-repeat;
  background-size: contain;
  max-width: 16px;
  width: 100%;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__main-item-link::after {
    max-width: 4.3vw;
    height: 4.3vw;
  }
}
#how-to-use .htu__main-item-link:hover {
  color: #2CCE98;
}
#how-to-use .htu__box {
  background-color: #E1FBEE;
  border-radius: 32px;
  padding: 40px;
  margin-bottom: 102px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box {
    border-radius: 6.4vw;
    margin-bottom: 21.3vw;
    padding: 10.7vw 4.3vw 10.1vw;
  }
}
#how-to-use .htu__box-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-title {
    font-size: 6.4vw;
    margin-bottom: 15.2vw;
  }
}
#how-to-use .htu__box-title::before {
  content: "";
  border-top: 1px solid #222222;
  width: 29px;
  position: absolute;
  display: block;
  -webkit-transform: rotateZ(60deg);
          transform: rotateZ(60deg);
  left: -55px;
  bottom: 15px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-title::before {
    width: 7.7vw;
    left: -14.7vw;
    bottom: 4vw;
  }
}
#how-to-use .htu__box-title::after {
  content: "";
  border-top: 1px solid #222222;
  width: 29px;
  position: absolute;
  display: block;
  -webkit-transform: rotateZ(120deg);
          transform: rotateZ(120deg);
  right: -55px;
  bottom: 15px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-title::after {
    width: 7.7vw;
    right: -14.7vw;
    bottom: 4vw;
  }
}
#how-to-use .htu__box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#how-to-use .htu__box-col {
  max-width: 438px;
  width: 100%;
  padding: 42px 20px 46px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col {
    max-width: 100%;
    border-radius: 2.7vw;
    padding: 11.2vw 4.3vw 14.4vw;
  }
}
#how-to-use .htu__box-col::before {
  background: url("../img/how-to-use/htu-icon-02.png") no-repeat;
  background-size: contain;
  max-width: 80px;
  width: 100%;
  height: 64px;
  position: absolute;
  top: -31px;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col::before {
    max-width: 21.3vw;
    height: 17.1vw;
    top: -8.3vw;
  }
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col:nth-child(1) {
    margin-bottom: 15.5vw;
  }
}
#how-to-use .htu__box-col:nth-child(2)::before {
  background: url("../img/how-to-use/htu-icon-03.png") no-repeat;
  background-size: contain;
}
#how-to-use .htu__box-col-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #FFFB00;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col-title {
    margin-bottom: 5.3vw;
    padding-bottom: 1.9vw;
    font-size: 6.4vw;
  }
}
#how-to-use .htu__box-col-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col-txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__box-col-link {
  position: absolute;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: bold;
  bottom: 16px;
  right: 20px;
  padding-right: 24px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col-link {
    font-size: 3.7vw;
    padding-right: 6.4vw;
    right: 5.3vw;
    bottom: 4.3vw;
  }
}
#how-to-use .htu__box-col-link::after {
  background: url("../img/how-to-use/htu-btn-r.png") no-repeat;
  background-size: contain;
  max-width: 16px;
  width: 100%;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__box-col-link::after {
    max-width: 4.3vw;
    height: 4.3vw;
  }
}
#how-to-use .htu__box-col-link:hover {
  color: #2CCE98;
}
#how-to-use .htu__about {
  background-color: #EBEBEB;
  padding: 80px;
  border-radius: 40px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about {
    padding: 10.7vw 4.3vw;
    border-radius: 6.4vw;
  }
}
#how-to-use .htu__about-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
#how-to-use .htu__about-title-sub {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-title-sub {
    font-size: 4.3vw;
    margin-bottom: 10.7vw;
  }
}
#how-to-use .htu__about-list {
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-list {
    margin-bottom: 21.3vw;
  }
}
#how-to-use .htu__about-item:not(:last-child) {
  margin-bottom: 39px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-item:not(:last-child) {
    margin-bottom: 10.4vw;
  }
}
#how-to-use .htu__about-item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-item-title {
    font-size: 5.3vw;
    margin-bottom: 4.3vw;
  }
}
#how-to-use .htu__about-item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-item-txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__about-item ul {
  list-style-type: disc;
}
#how-to-use .htu__about-item ul li {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-item ul li {
    font-size: 4.3vw;
    margin-left: 5.3vw;
  }
}
#how-to-use .htu__about-pts-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-pts-title {
    font-size: 6.4vw;
  }
}
#how-to-use .htu__about-pts-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-pts-txt {
    font-size: 4.3vw;
  }
}
#how-to-use .htu__about-pts-txt:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  #how-to-use .htu__about-pts-txt:not(:last-child) {
    margin-bottom: 4.3vw;
  }
}

#search .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #search .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #search .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#search .page__return-btn {
  margin: 81px auto 100px;
}
@media screen and (max-width: 750px) {
  #search .page__return-btn {
    margin: 21.3vw auto 21.3vw;
  }
}
#search .search__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  #search .search__lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10.7vw;
  }
}
#search .search__lead-icon {
  max-width: 100px;
  width: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  #search .search__lead-icon {
    max-width: 26.7vw;
    margin: auto;
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 750px) {
  #search .search__lead-icon img {
    margin: auto;
    width: 26.7vw;
  }
}
#search .search__lead-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #search .search__lead-txt {
    font-size: 4.3vw;
  }
}
#search .search__list {
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  #search .search__list {
    margin-bottom: 9.6vw;
  }
}
#search .search__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #search .search__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#search .search__row.mb {
  margin-bottom: 44px;
}
@media screen and (max-width: 750px) {
  #search .search__row.mb {
    margin-bottom: 9.1vw;
  }
}
#search .search__col {
  max-width: 478px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  #search .search__col {
    max-width: 100%;
  }
}
#search .search__item:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  #search .search__item:not(:last-child) {
    margin-bottom: 9.6vw;
  }
}
#search .search__item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 44px;
}
@media screen and (max-width: 750px) {
  #search .search__item-title {
    font-size: 6.4vw;
    margin-bottom: 11.7vw;
  }
}
#search .search__item-box {
  border: 1px solid #222222;
  border-radius: 16px;
  padding: 32px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: relative;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 750px) {
  #search .search__item-box {
    border-radius: 4.3vw;
    margin-bottom: 11.7vw;
  }
}
@media screen and (min-width: 751px) {
  #search .search__item-box.mb {
    margin-bottom: 44px;
  }
}
#search .search__item-box-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background-color: #FFFB00;
  padding: 4px 12px;
  border-radius: 7px;
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title {
    font-size: 4.3vw;
    top: -5.1vw;
    padding: 1.1vw 3.2vw;
    border-radius: 1.9vw;
  }
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title.db-line {
    top: -12.5vw;
    text-align: center;
  }
}
#search .search__item-box-title::after {
  background: url("../img/search/arrow-y.png") no-repeat;
  background-size: contain;
  max-width: 12px;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title::after {
    max-width: 3.2vw;
    height: 3.2vw;
    bottom: -2.1vw;
  }
}
#search .search__item-box-title-sub {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #2CCE98;
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title-sub {
    font-size: 5.3vw;
    margin-bottom: 4.3vw;
    padding-bottom: 2.7vw;
  }
}
#search .search__item-box-title-sub a {
  float: right;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-right: 24px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title-sub a {
    font-size: 3.7vw;
    padding-right: 6.4vw;
    position: relative;
    bottom: -1.9vw;
  }
}
#search .search__item-box-title-sub a:hover {
  color: #2CCE98;
}
#search .search__item-box-title-sub a::after {
  background: url("../img/how-to-use/htu-btn-r.png") no-repeat;
  background-size: contain;
  max-width: 16px;
  width: 100%;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #search .search__item-box-title-sub a::after {
    max-width: 4.3vw;
    height: 4.3vw;
  }
}
#search .search__item-box ul {
  list-style-type: disc;
}
#search .search__item-box ul.mb {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #search .search__item-box ul.mb {
    margin-bottom: 6.1vw;
  }
}
#search .search__item-box ul li {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  #search .search__item-box ul li {
    font-size: 4.3vw;
    margin-left: 5.3vw;
  }
}
#search .search__item-box ul li span {
  float: right;
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #search .search__item-box ul li span {
    font-size: 4.3vw;
  }
}
#search .search__step {
  background-color: #EBEBEB;
  border-radius: 40px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  #search .search__step {
    border-radius: 6.4vw;
    padding: 1.3vw;
  }
}
#search .search__step-wrap {
  background-color: #EBEBEB;
  border-radius: 32px;
  border: 2px solid #fff;
  padding: 40px 30px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #search .search__step-wrap {
    border-radius: 5.3vw;
    padding: 9.3vw 15.2vw;
  }
}
#search .search__step-list {
  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;
}
@media screen and (max-width: 750px) {
  #search .search__step-list {
    width: 100%;
    overflow-y: hidden;
    display: -webkit-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
#search .search__step-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #search .search__step-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
#search .search__step-arrow-l {
  position: absolute;
  max-width: 18px;
  width: 100%;
  height: 33px;
  top: 55%;
  left: 32%;
}
@media screen and (max-width: 750px) {
  #search .search__step-arrow-l {
    max-width: 4.3vw;
    height: 8.5vw;
    top: 54%;
    left: 4.5vw;
  }
}
@media screen and (max-width: 750px) {
  #search .search__step-arrow-l img {
    width: 100%;
  }
}
#search .search__step-arrow-r {
  position: absolute;
  max-width: 18px;
  width: 100%;
  height: 33px;
  top: 55%;
  right: 32%;
}
@media screen and (max-width: 750px) {
  #search .search__step-arrow-r {
    max-width: 4.3vw;
    height: 8.5vw;
    top: 54%;
    right: 4.5vw;
  }
}
@media screen and (max-width: 750px) {
  #search .search__step-arrow-r img {
    width: 100%;
  }
}
#search .search__step-item {
  max-width: 240px;
  height: 240px;
  width: 100%;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 750px) {
  #search .search__step-item {
    max-width: 58.7vw;
    height: 58.7vw;
    padding-top: 1.3vw;
  }
}
@media screen and (max-width: 750px) {
  #search .search__step-item:not(:last-child) {
    margin-right: 4.3vw;
  }
}
#search .search__step-item-title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #search .search__step-item-title {
    font-size: 4.8vw;
  }
}
#search .search__step-item-title span {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 26px;
  font-weight: bold;
  vertical-align: baseline;
}
@media screen and (max-width: 750px) {
  #search .search__step-item-title span {
    font-size: 7.2vw;
  }
}
#search .search__step-item-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item-txt {
    font-size: 4.3vw;
    margin-bottom: 0;
  }
}
#search .search__step-item-icon {
  max-width: 74px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #search .search__step-item-icon {
    max-width: 19.7vw;
  }
}
#search .search__step-item:nth-child(1) .search__step-item-title {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(1) .search__step-item-title {
    margin-bottom: 2.7vw;
  }
}
#search .search__step-item:nth-child(1) .search__step-item-txt {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(1) .search__step-item-txt {
    margin-bottom: 0;
  }
}
#search .search__step-item:nth-child(2) .search__step-item-title {
  margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(2) .search__step-item-title {
    margin-bottom: 2.1vw;
  }
}
#search .search__step-item:nth-child(2) .search__step-item-txt {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(2) .search__step-item-txt {
    margin-bottom: 0;
  }
}
#search .search__step-item:nth-child(3) .search__step-item-title {
  margin-bottom: 13px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(3) .search__step-item-title {
    margin-bottom: 3.5vw;
  }
}
#search .search__step-item:nth-child(3) .search__step-item-txt {
  margin-bottom: 7px;
}
@media screen and (max-width: 750px) {
  #search .search__step-item:nth-child(3) .search__step-item-txt {
    margin-bottom: 0;
  }
}

.error-404-custom {
  background: none;
}
.error-404-custom::after {
  display: none;
}

#error-404 .page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 376px) {
  #error-404 .page__inner {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 750px) {
  #error-404 .page__inner {
    width: calc(100% - 8.333vw);
  }
}
#error-404 .error-404__title {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #error-404 .error-404__title {
    font-size: 7.5vw;
    margin-bottom: 24.3vw;
  }
}
#error-404 .error-404__txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #error-404 .error-404__txt {
    font-size: 4.3vw;
    margin-bottom: 6.4vw;
  }
}
#error-404 .error-404__submit {
  max-width: 48px;
  width: 100%;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
}
#error-404 .error-404__site-search {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#error-404 .error-404__site-search-txt {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  #error-404 .error-404__site-search-txt {
    font-size: 4.3vw;
    margin-bottom: 4.3vw;
  }
}
#error-404 .error-404__site-search-bar {
  max-width: 655px;
  width: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #EBEBEB;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #error-404 .error-404__site-search-bar {
    max-width: 100%;
    border-radius: 8vw;
  }
}
#error-404 .error-404__site-search-bar input {
  font-family: "Zen Maru Gothic", "serif";
  font-size: 14px;
  font-weight: bold;
  padding: 14px 24px;
  width: 100%;
  border: 0;
}
#error-404 .error-404__site-search-bar input::-webkit-input-placeholder {
  color: #999;
}
#error-404 .error-404__site-search-bar input::-moz-placeholder {
  color: #999;
}
#error-404 .error-404__site-search-bar input:-ms-input-placeholder {
  color: #999;
}
#error-404 .error-404__site-search-bar input::-ms-input-placeholder {
  color: #999;
}
#error-404 .error-404__site-search-bar input::placeholder {
  color: #999;
}
@media screen and (max-width: 750px) {
  #error-404 .error-404__site-search-bar input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}