@charset "UTF-8";
/* A Modern CSS Reset */
* {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  border-style: solid;
  box-sizing: border-box;
  border-width: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

ul,
ol {
  list-style: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  text-decoration-skip-ink: auto;
}

img {
  width: 100%;
  display: block;
  object-fit: cover;
}

input,
button,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  font: inherit;
  outline: none;
}

textarea {
  resize: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

body {
  color: #333;
}

html {
  font-size: 16px;
}
@media (max-width: 390px) {
  html {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.3114754098vw;
  }
}
@media (min-width: 1220px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.7;
  }
}

section {
  overflow-x: hidden;
}

html.fixed {
  overflow: hidden;
}

main {
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: 8.5rem;
  }
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 0.75rem 0.625rem 0.3125rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  header {
    padding: 2.125rem 1.6875rem 0.75rem;
  }
}

.header-logo {
  width: 11.875rem;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .header-logo {
    width: 15rem;
  }
}

.inner {
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .inner {
    max-width: 76.25rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.manga-list {
  width: 100%;
  max-width: 34.375rem;
  margin: 1.375rem auto 0;
  padding: 0rem 0.5rem 3rem;
  border-bottom: 2px solid #424242;
}
@media screen and (min-width: 768px) {
  .manga-list {
    flex-wrap: wrap;
    gap: 2.5rem;
    max-width: initial;
    margin-top: 4.125rem;
    padding: 0 0 5.125rem;
  }
}

@media screen and (min-width: 768px) {
  .manga-list__item {
    width: calc(50% - 1.25rem);
  }
}

.manga-list__item:nth-child(n+2) {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .manga-list__item:nth-child(n+2) {
    margin-top: 0;
  }
}

.form-step {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .form-step {
    margin-top: 1.5rem;
  }
}

.form-step ul {
  gap: 0.625rem;
  max-width: 34.375rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form-step ul {
    max-width: initial;
    gap: 2rem;
  }
}

.form-step li {
  width: calc((100% - 1.875rem) / 4);
  background-color: #fff;
  border: 1px solid #013BB2;
  text-align: center;
  color: #013BB2;
  border-radius: 30px;
  height: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .form-step li {
    width: calc((100% - 6rem) / 4);
    border: 3px solid #013BB2;
    border-radius: 96px;
    height: 5rem;
  }
}

.form-step li:nth-child(n+2):before {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.3125rem;
  background-image: url("../img/polygon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: -0.4375rem;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .form-step li:nth-child(n+2):before {
    width: 1.375rem;
    height: 0.875rem;
    left: -1.25rem;
  }
}

.form-step li.active {
  background-color: #013BB2;
  color: #fff;
}

.form-step li .eng-text {
  font-size: 0.3375rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .form-step li .eng-text {
    font-size: 1.0625rem;
  }
}

.form-step li .jp-text {
  font-size: 0.35625rem;
  line-height: 1.3;
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .form-step li .jp-text {
    font-size: 1.125rem;
    margin-top: 0.3125rem;
  }
}

.form-step .step1 .jp-text {
  font-size: 0.29375rem;
  margin-top: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .form-step .step1 .jp-text {
    font-size: 0.9375rem;
  }
}

.form-contents {
  width: 100%;
  max-width: 34.375rem;
  margin: 1.5rem auto 0;
}
@media screen and (min-width: 768px) {
  .form-contents {
    max-width: initial;
    margin-top: 2.875rem;
  }
}

.form-contents__title {
  font-weight: 500;
  font-size: 0.875rem;
  color: #000;
}
@media screen and (min-width: 768px) {
  .form-contents__title {
    font-weight: 700;
    font-size: 1.375rem;
  }
}

.form-block__wrap {
  width: 100%;
  margin-top: 1.25rem;
  background-color: #F5F8FF;
}
@media screen and (min-width: 768px) {
  .form-block__wrap {
    margin-top: 1.375rem;
  }
}

.form-block__label {
  background-color: #013BB2;
  padding: 0.5rem 0.875rem;
  color: #fff;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .form-block__label {
    padding: 0.875rem 1.5rem;
    font-size: 1.25rem;
    gap: 0.625rem;
  }
}

.hissu {
  display: inline-block;
  font-size: 0.625rem;
  line-height: 1;
  background-color: #fff;
  color: #D52F3B;
  border: 1px solid #D52F3B;
  padding: 0.0625rem 0.125rem;
}
@media screen and (min-width: 768px) {
  .hissu {
    font-size: 0.9375rem;
    padding: 0.125rem 0.375rem;
  }
}

.form-block__input {
  padding: 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-block__input {
    padding: 0 1.25rem;
  }
}

.form-radio__wrap {
  display: flex;
  gap: 0.625rem;
  margin: 0.75rem 0;
}
@media screen and (min-width: 768px) {
  .form-radio__wrap {
    gap: 0.875rem;
    margin: 1.5rem 0;
  }
}

.form-radio__wrap .radio {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid gray;
  padding: 0.625rem 0.875rem;
  width: 10.25rem;
  font-weight: 400;
  font-size: 0.9375rem;
  color: #5A5A5A;
}
@media screen and (min-width: 768px) {
  .form-radio__wrap .radio {
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    width: 15.625rem;
    font-size: 1.25rem;
  }
}

input[type=radio],
input[type=checkbox] {
  border-radius: 50%;
  border: 1px solid #CDCDCD;
  width: 0.875rem;
  height: 0.875rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  input[type=radio],
  input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #CDCDCD;
  }
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  border: 1px solid transparent;
  background-image: url("../img/radio-check.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  input[type=radio]:checked,
  input[type=checkbox]:checked {
    border: 2px solid transparent;
  }
}

.name-wrap {
  margin: 0.5rem 0 1rem;
}
@media screen and (min-width: 768px) {
  .name-wrap {
    margin: 1.5rem 0;
  }
}

.name-wrap__title {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.name-wrap__title .name-text {
  font-size: 0.75rem;
  color: #373737;
}
@media screen and (min-width: 768px) {
  .name-wrap__title .name-text {
    font-size: 1.125rem;
  }
}

.name-wrap .name-input {
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .name-wrap .name-input {
    gap: 0.9375rem;
    margin-top: 1.125rem;
  }
}

.name-input .input {
  width: 9rem;
}
@media screen and (min-width: 768px) {
  .name-input .input {
    width: 100%;
    max-width: 28.75rem;
  }
}

.input input {
  width: 100%;
  background-color: #fff;
  border: 1px solid #CDCDCD;
  padding: 0.4375rem;
  border-radius: 5px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .input input {
    padding: 0.5rem 0.625rem 0.75rem;
    font-size: 1.25rem;
    border: 2px solid #CDCDCD;
  }
}

.input input::placeholder {
  font-weight: 400;
  color: #CDCDCD;
}

.form-block__input .mini-text {
  font-size: 0.625rem;
  color: #373737;
}
@media screen and (min-width: 768px) {
  .form-block__input .mini-text {
    font-size: 1.125rem;
  }
}

.form-block .btm-text {
  font-weight: 400;
  font-size: 0.625rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-block .btm-text {
    font-size: 1.125rem;
    margin-top: 0.9375rem;
  }
}

.form-block .btm-text span {
  color: #013BB2;
  text-decoration: underline;
}

.guest-wrap {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .guest-wrap {
    margin-top: 1.25rem;
  }
}

.guest-tel {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .guest-tel {
    margin-top: 1.25rem;
  }
}

.guest-tel__label {
  display: block;
}

.guest-tel__label:nth-child(n+2) {
  margin-top: 1.5rem;
}

.radio-tel__top {
  align-items: center;
  gap: 0.5rem;
}

.tel-input {
  margin-top: 0.25rem;
  align-items: center;
  gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .tel-input {
    margin-top: 1.125rem;
    gap: 0.75rem;
  }
}

.tel-input .input {
  max-width: 5.9375rem;
}
@media screen and (min-width: 768px) {
  .tel-input .input {
    max-width: 9.375rem;
  }
}

@media screen and (min-width: 768px) {
  .tel-input input {
    padding: 0.1875rem 0.75rem 0.375rem;
  }
}

.id-input {
  gap: 0.25rem;
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .id-input {
    gap: 0.625rem;
    margin-top: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .id-input input {
    padding: 0.1875rem 0.75rem 0.375rem;
  }
}

.form-block__input .select {
  position: relative;
}

.id-input .select {
  max-width: 3.875rem;
}
@media screen and (min-width: 768px) {
  .id-input .select {
    max-width: 6.25rem;
  }
}

.select::after {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.4375rem;
  border-bottom: 2px solid #373737;
  border-right: 2px solid #373737;
  transform: rotate(45deg);
  position: absolute;
  top: 0.875rem;
  right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .select::after {
    right: 1rem;
  }
}

.select select {
  width: 100%;
  background-color: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  padding: 0.4375rem 1rem 0.4375rem 0.4375rem;
  font-weight: 400;
  font-size: 0.9375rem;
  color: #373737;
}
@media screen and (min-width: 768px) {
  .select select {
    border: 2px solid #CDCDCD;
    padding: 0.1875rem 3rem 0.25rem 0.75rem;
    font-size: 1.25rem;
  }
}

.id-input .input {
  max-width: 14.625rem;
}
@media screen and (min-width: 768px) {
  .id-input .input {
    max-width: 19.375rem;
  }
}

input:disabled,
select:disabled {
  background-color: #EBEBEB;
  cursor: initial;
}

.not-know {
  margin-top: 1rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .not-know {
    margin-top: 1.375rem;
    padding-bottom: 2.25rem;
  }
}

.not-know__text {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .not-know__text {
    font-size: 1.125rem;
  }
}

.not-know__text span {
  color: #013BB2;
  cursor: pointer;
}

.hidden-area {
  display: none;
}

.hidden-area.open {
  display: block;
}

.privacy-block {
  max-width: 34.375rem;
  margin: 1.625rem auto 0;
  border: 2px solid #E4E4E4;
  padding: 1.25rem 1rem;
}
@media screen and (min-width: 768px) {
  .privacy-block {
    max-width: initial;
    margin-top: 2.8125rem;
    border: 5px solid #E4E4E4;
    padding: 2.5rem 2.25rem;
  }
}

.privacy-block__title {
  font-size: 1rem;
  color: #373737;
}
@media screen and (min-width: 768px) {
  .privacy-block__title {
    font-size: 1.25rem;
  }
}

.privacy-block__text {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: #373737;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .privacy-block__text {
    font-size: 1rem;
  }
}

.privacy-block__text a {
  color: #013BB2;
  text-decoration: underline;
}

.form-tab_area {
  display: none;
}

.form-tab_area.is-active {
  display: block;
}

input.invalid {
  border: 3px solid red !important;
  color: red !important;
}

.corporate-select {
  margin: 0.75rem 0;
}
@media screen and (min-width: 768px) {
  .corporate-select {
    margin: 1.5rem 0;
  }
}

.companyname-input {
  margin: 0.75rem 0;
}
@media screen and (min-width: 768px) {
  .companyname-input {
    margin: 1.5rem 0;
  }
}

.corporate-select select {
  padding: 0.375rem 3rem 0.375rem 0.75rem;
}

.mail-input__wrap {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .mail-input__wrap {
    margin-top: 1.75rem;
  }
}

.mail-input {
  margin-top: 0.5rem;
  gap: 0.375rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .mail-input {
    margin-top: 0.875rem;
    gap: 0.9375rem;
  }
}

.mail-input2 {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .mail-input2 {
    padding-bottom: 2.5rem;
  }
}

.mail-input .input {
  width: calc(100% - 3.125rem);
}
@media screen and (min-width: 768px) {
  .mail-input .input {
    width: 100%;
    max-width: 58.75rem;
  }
}

.form-block__image {
  margin: 1rem 0.375rem;
}
@media screen and (min-width: 768px) {
  .form-block__image {
    margin: 2rem 0rem 0;
  }
}

.form-block__image:nth-child(n+2) {
  margin-top: 1.5rem;
  padding-bottom: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .form-block__image:nth-child(n+2) {
    margin-top: 2.5rem;
    padding-bottom: 2.625rem;
  }
}

.image__block--title {
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .image__block--title {
    font-size: 1.125rem;
  }
}

.image__block {
  margin-top: 0.9375rem;
  padding: 1.625rem 0.75rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .image__block {
    margin-top: 1rem;
    padding: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .image__block img {
    max-width: 39.375rem;
    margin: 0 auto;
  }
}

.image__block2 {
  padding: 0.625rem;
  margin-top: 1.5rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .image__block2 {
    padding: 1.375rem 1.25rem 2.125rem;
    margin-top: 1rem;
  }
}

.machin-name {
  font-weight: 700;
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #CDCDCD;
  max-width: 18.75rem;
}
@media screen and (min-width: 768px) {
  .machin-name {
    padding-bottom: 0.875rem;
    max-width: 24.375rem;
  }
}

.image__block2 img {
  max-width: 5.3125rem;
  margin-top: 1rem;
  margin-left: 3.375rem;
}
@media screen and (min-width: 768px) {
  .image__block2 img {
    max-width: 7.5rem;
    margin-top: 2.625rem;
    margin-left: 10.125rem;
  }
}

.machin__btn--wrap {
  margin: 2.25rem auto 0;
  max-width: 34.375rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .machin__btn--wrap {
    max-width: initial;
    padding: 0;
    margin-top: 3.25rem;
  }
}

.machin__btn--text {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2;
}
.machin__btn--text .modalOpen {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .machin__btn-area {
    justify-content: center;
    gap: 1.125rem;
    margin-top: 2.125rem;
  }
}

.machin__btn-area .btn {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .machin__btn-area .btn {
    margin: 0;
  }
}

.machin__btn-area .btn:nth-child(n+2) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .machin__btn-area .btn:nth-child(n+2) {
    margin: 0;
  }
}

.btn {
  width: 14.375rem;
  margin: 2rem auto 0;
}
@media screen and (min-width: 768px) {
  .btn {
    margin-top: 3.75rem;
  }
}

.btn button,
.btn p {
  width: 100%;
  border-radius: 5px;
  background-color: #013BB2;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  font-size: 1.0625rem;
  padding: 0.75rem 0.9375rem;
  cursor: pointer;
}

.btn-white button,
.btn-white p {
  background-color: #fff;
  border: 2px solid #CDCDCD;
  padding: 0.625rem 0.8125rem;
  color: #6B6B6B;
}

.btn-gray button,
.btn-gray p {
  background-color: #B7B7B7;
  color: #fff;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 500;
  display: none;
}

.modalOpen {
  cursor: pointer;
}

.modal-inner {
  width: 100%;
  height: 100vh;
}

.modal-bg {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
}

.modal-content__wrap {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 80vw;
  height: 100%;
  max-height: 80vh;
  margin-top: 5vh;
}
@media screen and (min-width: 768px) {
  .modal-content__wrap {
    max-height: 75vh;
  }
}

.modal-content {
  background-color: #fff;
  padding: 1.5rem;
  overflow-y: auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .modal-content__inner {
    height: 100vh;
  }
}

.modal-title {
  font-size: 1.375rem;
}
@media screen and (min-width: 768px) {
  .modal-title {
    font-size: 2rem;
  }
}

.modal-text {
  font-size: 1rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .modal-text {
    font-size: 1.25rem;
  }
}

.modal-image {
  margin: 1.25rem 0;
  text-align: center;
}
.modal-image img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#modal_individual_customer .modal-image img,
#modal_corporate_customer .modal-image img {
  max-width: 70%;
}
@media screen and (min-width: 768px) {
  #modal_individual_customer .modal-image img,
  #modal_corporate_customer .modal-image img {
    max-width: 60%;
  }
}

.modal-close__btn {
  border-radius: 50%;
  background-color: #fff;
  top: -2.5rem;
  right: 0;
  width: 2rem;
  height: 2rem;
}

.modal-close__btn button {
  width: 100%;
  height: 100%;
  position: relative;
}

.modal-close__btn span {
  width: 1.5rem;
  height: 0.125rem;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}

.modal-close__btn button span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-close__btn button span:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (min-width: 768px) {
  #modal2 .modal-content__wrap {
    max-width: 85vw;
    max-height: 30rem;
  }
}

@media screen and (min-width: 768px) {
  #modal2 .modal-content {
    padding: 3.25rem 2rem 2.75rem;
  }
}

.modal-content2__top-text {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.8666666667;
  color: #373737;
}
@media screen and (min-width: 768px) {
  .modal-content2__top-text {
    font-size: 1.125rem;
    line-height: 1.8333333333;
  }
}

.modal-content2__centertext {
  padding: 0 0.3125rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.75;
  color: #013BB2;
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .modal-content2__centertext {
    max-width: 60.625rem;
    margin: 2.25rem auto 0;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}

.modal-content2__btmtext {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.8666666667;
  color: #373737;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .modal-content2__btmtext {
    font-size: 1.125rem;
    line-height: 1.8333333333;
    text-align: center;
    margin-top: 0.3125rem;
  }
}

.modal-content2__btn-area {
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .modal-content2__btn-area {
    margin-top: 3.5rem;
    justify-content: center;
    gap: 1.125rem;
  }
}

.modal-content2__btn-area .btn {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .modal-content2__btn-area .btn {
    margin: 0;
  }
}

.modal-content2__btn-area .btn:nth-child(n+2) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .modal-content2__btn-area .btn:nth-child(n+2) {
    margin-top: 0;
  }
}

.form-accordion__wrap {
  padding-bottom: 4.375rem;
}
@media screen and (min-width: 768px) {
  .form-accordion__wrap {
    padding-bottom: 10.25rem;
  }
}

.form-accordion {
  max-width: 34.375rem;
  margin: 0.75rem auto 0;
}
@media screen and (min-width: 768px) {
  .form-accordion {
    max-width: initial;
    margin-top: 1.75rem;
  }
}

.form-accordion:nth-child(n+2) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-accordion:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}

.form-accordion__title {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: #013BB2;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .form-accordion__title {
    padding: 1.75rem 1rem 1.25rem;
  }
}

.js-accordion__title {
  cursor: pointer;
}

.form-accordion__title p {
  font-size: 0.875rem;
  margin-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-accordion__title p {
    font-size: 1.5rem;
    margin-left: 0.875rem;
  }
}

.form-accordion__title img {
  max-width: 1.5625rem;
  max-height: 1.25rem;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .form-accordion__title img {
    max-width: 3.125rem;
    max-height: 2.5rem;
  }
}

.form-accordion__title .plus {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
}
.form-accordion__title .plus span {
  width: 1rem;
  height: 0.125rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-accordion__title .plus span:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.close .plus span:nth-of-type(2) {
  opacity: 0;
}

.js-accordion__box {
  display: none;
}

.form-accordion__hidden-area li {
  width: 100%;
}

.form-accordion__hidden-area li:nth-child(n+2) {
  border-top: 1px solid rgba(89, 87, 87, 0.13);
}

.form-accordion__hidden-area button {
  width: 100%;
  padding: 0.625rem 0.75rem;
  text-align: left;
  background-color: #F5F8FF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-accordion__hidden-area button {
    padding: 1.375rem 1.75rem;
    font-size: 1.25rem;
  }
}

.form-accordion__hidden-area button::after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 0.125rem solid rgba(89, 87, 87, 0.4);
  border-top: 0.125rem solid rgba(89, 87, 87, 0.4);
  margin-left: auto;
  transform: rotate(45deg);
}
.communication-section {
  padding-bottom: 4rem;
  max-width: 34.375rem;
  margin: 0 auto;
  display: none;
}
@media screen and (min-width: 768px) {
  .communication-section {
    padding-bottom: 8.125rem;
    max-width: initial;
  }
}

.communication-check .communication-section {
  display: block;
}

.communication-section__main {
  margin: 2rem auto 0;
}
@media screen and (min-width: 768px) {
  .communication-section__main {
    margin-top: 3rem;
  }
}

.communication-section__main--text .top {
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .communication-section__main--text .top {
    font-size: 1.5625rem;
  }
}

.communication-section__main--text .center {
  font-weight: 400;
  line-height: 2;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .communication-section__main--text .center {
    font-size: 1.125rem;
    margin-top: 1rem;
  }
}

.communication-section__main--text .btm {
  font-weight: 700;
  line-height: 2;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .communication-section__main--text .btm {
    font-size: 1.125rem;
  }
}

.communication-date {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .communication-date {
    margin-top: 6.25rem;
  }
}

.communication-date .bar {
  width: 100%;
  max-width: 20.625rem;
  margin: 0 auto;
  position: relative;
}
.communication-date .bar span {
  display: block;
  width: 100%;
  height: 0.9375rem;
  border-radius: 20px;
}
.communication-date .bar .main-bar {
  background-color: #D9D9D9;
}

.communication-date .bar .blue-bar {
  background-color: #013BB2;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
}
.communication-date .text {
  text-align: center;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.5rem;
}
.communication-date .text .num {
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.7142857143;
}
.communication-date .text .num span {
  font-size: 2rem;
  line-height: 1.125;
}
.communication-img {
  margin: 1.625rem auto 0;
}
@media screen and (min-width: 768px) {
  .communication-img {
    max-width: 70rem;
  }
}

.form-first {
  background-color: #F7F9FF;
}

.form-first__top {
  background-color: #013BB2;
  padding: 2rem 1.875rem 2.25rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-first__top {
    padding: 3.5rem 1.5625rem 3.875rem;
  }
}

.form-first__top--title {
  text-align: center;
  font-weight: 700;
  line-height: 1.5294117647;
  font-size: 1rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .form-first__top--title {
    font-size: 2.5rem;
  }
}

.form-first__top--content {
  background-color: #fff;
  border-radius: 8px;
  padding: 0.4375rem 0.4375rem 1rem;
  color: #424242;
  text-align: center;
  max-width: 34.375rem;
  margin: 1rem auto 0;
}
@media screen and (min-width: 768px) {
  .form-first__top--content {
    padding: 0.9375rem 0.9375rem 1.625rem;
    max-width: 36.875rem;
    margin-top: 2.75rem;
  }
}

.form-first__top--content img {
  width: 9.6875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form-first__top--content img {
    width: 19.375rem;
  }
}

.form-first__top--content .text1 {
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-first__top--content .text1 {
    font-size: 1.5rem;
    margin-top: 1.25rem;
  }
}

.form-first__top--content .text2 {
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .form-first__top--content .text2 {
    font-size: 1.125rem;
    margin-top: 0.25rem;
  }
}

.form-first__manga {
  width: 100%;
  padding: 1.75rem 0 4.125rem;
}
@media screen and (min-width: 768px) {
  .form-first__manga {
    padding: 5.125rem 0 7.5rem;
  }
}

@media screen and (min-width: 768px) {
  .form-first__manga .inner {
    max-width: 78.125rem;
  }
}

.form-first__manga--content {
  background-color: #fff;
  box-shadow: 0 0 52px rgba(0, 0, 0, 0.07);
  padding: 2rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-first__manga--content {
    padding: 5.625rem 4.375rem 5rem;
  }
}

.form-first__manga--content h2 {
  font-size: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .form-first__manga--content h2 {
    font-size: 2.75rem;
  }
}

.manga-list__btm {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm {
    margin-top: 5rem;
  }
}

.manga-list__btm--toptext {
  text-align: center;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--toptext {
    font-size: 1.875rem;
  }
}

.manga-list__btm--btmtext {
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--btmtext {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}

.manga-list__btm h3 {
  font-size: 1.25rem;
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm h3 {
    margin-top: 0.375rem;
    font-size: 3rem;
  }
}

.manga-list__btm--images {
  margin: 1rem auto 0;
  padding: 0 0.625rem;
  width: 100%;
  max-width: 34.375rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images {
    margin-top: 3.125rem;
    padding: 0;
    max-width: initial;
    gap: 1.25rem;
  }
}

.manga-list__btm--images li {
  background-color: #F3F4F5;
  border-radius: 5px;
  padding: 2.5rem 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li {
    width: calc((100% - 2.5rem) / 3);
  }
}

.manga-list__btm--images li:nth-child(n+2) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li:nth-child(n+2) {
    margin-top: 0;
  }
}

.manga-list__btm--images li img {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li img {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.manga-list__btm--images li .title {
  text-align: center;
  font-size: 1.25rem;
  color: #013BB2;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li .title {
    font-size: 1.5rem;
    margin-top: 0.375rem;
  }
}

.manga-list__btm--images li .title .num {
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li .title .num {
    font-size: 1.875rem;
  }
}

.manga-list__btm--images li .text {
  margin-top: 0.4375rem;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .manga-list__btm--images li .text {
    margin-top: 0.625rem;
    font-size: 1.1875rem;
  }
}

.form-first__btn {
  width: 17.5rem;
  background-color: #013BB2;
  border-radius: 65px;
  margin: 2rem auto 0;
}
@media screen and (min-width: 768px) {
  .form-first__btn {
    margin-top: 3.75rem;
    width: 25rem;
    border-radius: 95px;
  }
}

.form-first__btn a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
  padding: 1rem 0;
}
@media screen and (min-width: 768px) {
  .form-first__btn a {
    font-size: 1.5625rem;
    padding: 1.5rem 0;
  }
}

.form-top {
  padding-bottom: 2.25rem;
}
@media screen and (min-width: 768px) {
  .form-top {
    padding-bottom: 7.1875rem;
  }
}

.form-main__title {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #000;
}
@media screen and (min-width: 768px) {
  .form-main__title {
    font-size: 1.75rem;
  }
}

.form-info {
  padding-bottom: 2.8125rem;
}

.form-info .privacy-block {
  text-align: center;
}

.form-info .privacy-block .privacy-block__text:nth-child(n+2) {
  margin-top: 1.875rem;
}

.form-machin--main {
  max-width: 34.375rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form-machin--main {
    max-width: initial;
  }
}

.form-machin__form-area {
  padding-bottom: 3.625rem;
}
@media screen and (min-width: 768px) {
  .form-machin__form-area {
    padding-bottom: 7.5rem;
  }
}

.form-machin__form-area.hidden-elm {
  display: none;
}

.form-machin--true {
  max-width: 34.375rem;
  margin: 0 auto;
  padding-bottom: 2.125rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .form-machin--true {
    max-width: initial;
    padding-bottom: 5.375rem;
  }
}

.form-machin--true.true-section {
  display: block;
}

.communication-check .form-machin--main,
.communication-check .form-machin--true,
.communication-check .form-machin--false {
  display: none !important;
}

.form-machin--true .form-block__input {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .form-machin--true .form-block__input {
    padding-bottom: 1.875rem;
  }
}

.machin-true__block {
  background-color: #fff;
  padding: 1rem 0.75rem 1.75rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .machin-true__block {
    padding: 1.5rem 1.375rem 3.75rem;
    margin-top: 2.25rem;
  }
}

.machin-true__block .machin-name {
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #CDCDCD;
}
@media screen and (min-width: 768px) {
  .machin-true__block .machin-name {
    font-size: 1.125rem;
    padding-bottom: 0.875rem;
    border-bottom: 2px solid #CDCDCD;
    max-width: initial;
  }
}

.machin-true__block--btm {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .machin-true__block--btm {
    display: flex;
    align-items: center;
    margin-top: 1.75rem;
  }
}

.machin-true__block--btm .machin-img {
  width: 3.75rem;
}
@media screen and (min-width: 768px) {
  .machin-true__block--btm .machin-img {
    width: 7.3125rem;
    margin: 0 8.9375rem 0 4.375rem;
  }
}

.input-table__wrap {
  width: 100%;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .input-table__wrap {
    max-width: 43.75rem;
    margin-top: 0;
  }
}

.machin-true__block--btm .input-table {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .machin-true__block--btm .input-table {
    max-width: 43.75rem;
    margin-top: 0;
  }
}

.input-table__wrap .input-table:nth-child(n+2) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .input-table__wrap .input-table:nth-child(n+2) {
    margin-top: 2.25rem;
  }
}

.input-table .input-table__name {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .input-table .input-table__name {
    font-size: 1.125rem;
  }
}

.input-table .input-table__name:nth-child(n+2) {
  margin-top: 1rem;
}

.input-table .ranp-checklist {
  width: 100%;
  margin-top: 0.5rem;
  border: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  .input-table .ranp-checklist {
    max-width: 43.75rem;
    margin-top: 0.75rem;
  }
}

.ranp-checklist__line {
  display: flex;
}
.ranp-checklist__line:nth-child(n+2) {
  border-top: 1px solid #CCCCCC;
}
.ranp-checklist__line .checklist-name {
  width: 5rem;
  height: 2rem;
  display: table;
  text-align: center;
  font-size: 0.75rem;
  color: #373737;
  background-color: #EFEFEF;
}
@media screen and (min-width: 768px) {
  .ranp-checklist__line .checklist-name {
    width: 33.33%;
    height: 4rem;
    font-size: 1rem;
  }
}

.ranp-checklist_vh .ranp-checklist__line .checklist-name {
  width: 25%;
}

.checklist-name p,
.checklist-content .label {
  display: table-cell;
  vertical-align: middle;
}

.checklist-content {
  width: calc((100% - 5rem) / 2);
  height: 2rem;
  display: table;
  border-left: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  .checklist-content {
    width: 33.33%;
    height: 4rem;
  }
}

.ranp-checklist_vh .ranp-checklist__line .checklist-content {
  width: 25%;
}

.ranp-checklist_vh.ranp-checklist2 .checklist-name,
.ranp-checklist_vh.ranp-checklist2 .checklist-content {
  width: 20%;
}

@media screen and (min-width: 768px) {
  .ranp-checklist2 .checklist-name {
    width: 25%;
  }
}

.ranp-checklist2 .checklist-content {
  width: calc((100% - 5rem) / 3);
}
@media screen and (min-width: 768px) {
  .ranp-checklist2 .checklist-content {
    width: 25%;
  }
}

.checklist-content .label-ranp {
  width: 1.5rem;
  height: 0.5rem;
  border: 1px solid #373737;
  background-color: #CCCCCC;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .checklist-content .label-ranp {
    width: 3.125rem;
    height: 1rem;
  }
}

.label-ranp.green {
  background-color: #1DC379;
}

.label-ranp.red {
  background-color: #DA401D;
}

.label-ranp.gray {
  background-color: #E6E6E6;
  border-color: #D8D8D8;
}

.label-ranp.tenmetu {
  animation-name: animetenmetu;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes animetenmetu {
  0% {
    background-color: #CCCCCC;
  }
  50% {
    background-color: #CCCCCC;
  }
  51% {
    background-color: #1DC379;
  }
  100% {
    background-color: #1DC379;
  }
}
.label-ranp.tenmetu2 {
  animation-name: animetenmetu2;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
}

@keyframes animetenmetu2 {
  0% {
    background-color: #CCCCCC;
  }
  50% {
    background-color: #CCCCCC;
  }
  51% {
    background-color: #1DC379;
  }
  100% {
    background-color: #1DC379;
  }
}
.checklist-content .label-type {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 0.5rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .checklist-content .label-type {
    gap: 0.3125rem;
    font-size: 1rem;
  }
}

.label-type input {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  border: 1px solid #373737;
}
@media screen and (min-width: 768px) {
  .label-type input {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.machin-privacy-block .privacy-block {
  background-color: #fff;
  padding: 2.5rem 1rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .machin-privacy-block .privacy-block {
    padding: 2.625rem 2.5rem 2.875rem;
    margin-top: 3.125rem;
  }
}

.machin-privacy-block .privacy-block__text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .machin-privacy-block .privacy-block__text {
    max-width: 57.5rem;
    margin: 0 auto;
    font-size: 1.125rem;
  }
}

.machin-privacy-block .atention {
  text-align: center;
  font-weight: 700;
  color: #DC2222;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .machin-privacy-block .atention {
    margin-top: 0.8125rem;
    font-size: 1.125rem;
  }
}

.machin-privacy-block .atention.hidden-elm {
  display: none;
}

.js-communication-btn button:disabled {
  color: #CDCDCD;
  cursor: initial;
}

@media screen and (min-width: 768px) {
  .form-machin--true .btn {
    margin-top: 1.75rem;
  }
}

.form-machin--false {
  display: none;
  padding: 1.25rem 0 2.625rem;
}
@media screen and (min-width: 768px) {
  .form-machin--false {
    padding: 2.5rem 0 5.1875rem;
  }
}

.form-machin--false.false-section {
  display: block;
}

.form-machin--false .form-block__input {
  padding: 1.5rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-machin--false .form-block__input {
    padding: 1.5rem 1.75rem;
  }
}

.form-machin--false .form-block__input--top:nth-child(n+2) {
  margin-top: 2.625rem;
}
@media screen and (min-width: 768px) {
  .form-machin--false .form-block__input--top:nth-child(n+2) {
    margin-top: 3.25rem;
  }
}

.form-machin--false .form-block__input--top .main-text {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-machin--false .form-block__input--top .main-text {
    font-size: 1.125rem;
  }
}

.form-machin--false .form-block__input--top .btm-text {
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-machin--false .form-block__input--top .btm-text {
    font-size: 1.125rem;
    margin-top: 0.75rem;
  }
}

.machin-false__block--top {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block--top {
    display: flex;
    gap: 1.625rem;
  }
}

.false-block__topbtn {
  background-color: #fff;
  border: 2px solid #CDCDCD;
  position: relative;
}
@media screen and (min-width: 768px) {
  .false-block__topbtn {
    width: calc(50% - 0.8125rem);
  }
}

.false-block__topbtn.is-click {
  background-color: #ECF2FF;
  border: 2px solid #013BB2;
}

.false-block__topbtn input {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}
@media screen and (min-width: 768px) {
  .false-block__topbtn input {
    top: 1rem;
    left: 1rem;
  }
}

.false-block__topbtn:nth-child(n+2) {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .false-block__topbtn:nth-child(n+2) {
    margin-top: 0;
  }
}

.machin-false__block--btm {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block--btm {
    margin-top: 3.25rem;
  }
}

.machin-false__block--btm.hidden-elm {
  display: none;
}

.machinOpen_area {
  display: none;
  margin-top: 1rem;
}

.machin-false__block2 {
  background-color: #fff;
  border: 2px solid #CDCDCD;
  padding: 1.375rem 0.75rem 2.125rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block2 {
    padding: 1.625rem 1.5rem 2.125rem;
  }
}

.machin-false__block2--title {
  font-size: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #CDCDCD;
  color: #000;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block2--title {
    font-size: 1.125rem;
    padding-bottom: 0.875rem;
  }
}

.machin-false__block2--title:nth-child(n+2) {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block2--title:nth-child(n+2) {
    margin-top: 1.875rem;
  }
}

.machin-false__block2--title span {
  color: #013BB2;
}

.machin-false__block2--title .has-num {
  background-color: #013BB2;
  padding: 0.25rem 0.5rem;
  color: #fff;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block2--title .has-num {
    padding: 0.3125rem 0.5rem;
    margin-right: 0.875rem;
  }
}

.machin-num__check {
  color: #006EBC;
  font-weight: 500;
  font-size: 0.75rem;
  display: flex;
  gap: 0.25rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .machin-num__check {
    font-size: 1.25rem;
    margin-top: 1.625rem;
    gap: 0.5rem;
  }
}

.machin-num__check::before {
  content: "＞";
  display: inline;
}

.machin-num__check p {
  text-decoration: underline;
  cursor: pointer;
}

.machin-false__block2--text {
  margin-top: 0.75rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .machin-false__block2--text {
    margin-top: 1.875rem;
    font-size: 0.9375rem;
  }
}

.machin-false__block2--text span {
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .false-block2__topbtn--flex {
    display: flex;
    gap: 0.75rem;
  }
}

.false-block2__topbtn {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .false-block2__topbtn {
    margin-top: 1.625rem;
    width: 25rem;
  }
}

.false-block2__topbtn label {
  background-color: #fff;
  border: 1px solid #989898;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.625rem;
  border-radius: 3.5px;
  font-weight: 500;
  font-size: 0.90625rem;
}
@media screen and (min-width: 768px) {
  .false-block2__topbtn label {
    gap: 1.125rem;
    padding: 1.125rem 1rem;
    font-size: 1.25rem;
  }
}

.false-block2__topbtn label span {
  color: #006EBC;
}

.false-block2__topbtn.is-check label {
  background-color: #ECF2FF;
  border: 1px solid #013BB2;
}

.machin-false__block2--type {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .machin-false__block2--type {
    margin-top: 2rem;
    max-width: 60rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3125rem 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .false-block2__typebtn {
    width: calc(50% - 0.5625rem);
  }
}

.false-block2__typebtn:nth-child(n+2) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .false-block2__typebtn:nth-child(n+2) {
    margin-top: 0rem;
  }
}

.false-block2__typebtn label {
  background-color: #fff;
  border: 1px solid #989898;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.625rem;
  border-radius: 3.5px;
  font-weight: 500;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .false-block2__typebtn label {
    gap: 1.125rem;
    padding: 1.125rem 1rem;
    font-size: 1.25rem;
  }
}

.false-block2__typebtn label span {
  color: #006EBC;
}

.false-block2__typebtn.is-check label {
  background-color: #ECF2FF;
  border: 1px solid #013BB2;
}

.form-machin--false .machin-true__block--btm .machin-img {
  width: 100%;
  max-width: 18.75rem;
  margin: 0 auto;
}

.card-check__process {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .card-check__process {
    margin-top: 2rem;
  }
}

.process-block:nth-child(n+2) {
  margin-top: 1.5rem;
}

.card-check__process--text {
  font-weight: 500;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .card-check__process--text {
    font-size: 0.9375rem;
  }
}

.card-check__process--text p:nth-child(n+2) {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .card-check__process--text p:nth-child(n+2) {
    margin-top: 1.125rem;
  }
}

.card-check__process--img {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .card-check__process--img {
    display: flex;
    gap: 2.25rem;
    padding-left: 2rem;
  }
}

.card-check__process--img img {
  width: 13.125rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .card-check__process--img img {
    width: 16.875rem;
    margin: 0;
  }
}

.card-check__process--img2 {
  margin-top: 0.5rem;
}
.card-check__process--img2 img {
  width: 15rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .card-check__process--img2 img {
    width: 25.625rem;
    margin: 1.5rem 0 0;
  }
}

@media screen and (min-width: 768px) {
  .process-block .input-table {
    max-width: 43.75rem;
    width: 100%;
  }
}

.process-block .ranp-checklist__line .checklist-name,
.process-block .ranp-checklist__line .checklist-content {
  width: 33.33%;
  height: 2.625rem;
}
@media screen and (min-width: 768px) {
  .process-block .ranp-checklist__line .checklist-name,
  .process-block .ranp-checklist__line .checklist-content {
    height: 4rem;
  }
}

.label-ranp__flex {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .label-ranp__flex {
    gap: 0.5rem;
  }
}

.label-ranp__flex .label-ranp {
  margin: 0;
}

.machin-false__un-known {
  margin-top: 1.125rem;
  background-color: #E2EBFF;
  border: 2px solid #013BB2;
  padding: 3.125rem 2rem;
}
@media screen and (min-width: 768px) {
  .machin-false__un-known {
    margin-top: 2.8125rem;
    padding: 2.625rem;
  }
}

.machin-false__un-known p {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .machin-false__un-known p {
    text-align: center;
    font-size: 1.25rem;
  }
}

.machin-false__un-known .btn {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .machin-false__un-known .btn {
    margin-top: 1.125rem;
  }
}

.machinNumOpen_area2 {
  display: none;
}

#card-use.hidden-elm,
#card-use2.hidden-elm {
  display: none;
}

.form-trafic .form-contents {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .form-trafic .form-contents {
    padding-bottom: 8.75rem;
  }
}

.form-trafic__top-img {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-trafic__top-img {
    padding-bottom: 2.25rem;
  }
}

.trafic-block__title {
  margin-top: 1rem;
  font-weight: 700;
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #CDCDCD;
}
@media screen and (min-width: 768px) {
  .trafic-block__title {
    margin-top: 3.25rem;
    font-size: 1.375rem;
    padding-bottom: 1.25rem;
  }
}

.trafic-block__movie {
  padding: 1.25rem 1.75rem 1.625rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__movie {
    padding: 2.75rem 5.9375rem 3.125rem;
  }
}

.trafic-block__movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 560/315;
}

.trafic-block__box {
  border: 5px solid #C5D8FF;
}
@media screen and (min-width: 768px) {
  .trafic-block__box {
    border: 10px solid #C5D8FF;
  }
}

.trafic-block__box:nth-child(n+2) {
  margin-top: 5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .trafic-block__box:nth-child(n+2) {
    margin-top: 10rem;
  }
}

.trafic-block__box:nth-child(n+2)::before {
  content: "";
  display: block;
  position: absolute;
  top: -3.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 7.5rem;
  height: 2.25rem;
  background-image: url("../img/triangle.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .trafic-block__box:nth-child(n+2)::before {
    width: 11.875rem;
    height: 3.875rem;
    top: -6.875rem;
  }
}

.trafic-block__box1 {
  padding: 3.75rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__box1 {
    padding: 5rem 3.75rem;
  }
}

.trafic-block__box2 {
  padding: 2.8125rem 1.125rem 1.875rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .trafic-block__box2 {
    padding: 4.75rem 3.75rem 3.875rem;
  }
}

.trafic-block__box3 {
  padding: 2.5rem 0.625rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .trafic-block__box3 {
    padding: 4.25rem 3.75rem 3.875rem;
  }
}

.trafic-block__box--text {
  text-align: center;
  font-weight: 500;
  font-size: 0.9375rem;
  color: #000;
}
@media screen and (min-width: 768px) {
  .trafic-block__box--text {
    font-size: 1.375rem;
  }
}

.trafic-block__box--text:nth-child(n+2) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__box--text:nth-child(n+2) {
    margin-top: 2rem;
    font-size: 1.125rem;
  }
}

.trafic-block__box--btn-area {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__box--btn-area {
    margin-top: 2.25rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
  }
}

.trafic-block__box--btn-area .btn {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .trafic-block__box--btn-area .btn {
    margin: 0;
  }
}

.trafic-block__box--btn-area .btn:nth-child(n+2) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__box--btn-area .btn:nth-child(n+2) {
    margin-top: 0;
  }
}

.trafic-block__inside-box {
  padding: 1.5rem 1rem 1.25rem;
  border: 3px solid #E6E6E6;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__inside-box {
    padding: 3.125rem 2.25rem 1.125rem;
  }
}

.trafic-block__inside-box .top-text {
  text-align: center;
  color: #013BB2;
  font-weight: 700;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .trafic-block__inside-box .top-text {
    font-size: 1.875rem;
  }
}

.trafic-inside__images {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .trafic-inside__images {
    display: flex;
    justify-content: center;
    gap: 3.75rem;
  }
}

.trafic-inside__images img {
  height: auto;
}
@media screen and (min-width: 768px) {
  .trafic-inside__images img {
    max-width: 30rem;
  }
}

.trafic-inside__images img:nth-child(n+2) {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .trafic-inside__images img:nth-child(n+2) {
    margin-top: 0;
    max-width: 27.3125rem;
  }
}

.form-compleat__title {
  font-weight: 700;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .form-compleat__title {
    font-size: 1.875rem;
  }
}

.form-compleat__text {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  .form-compleat__text {
    margin-top: 1.5rem;
    font-size: 1.375rem;
  }
}

.form-compleat__btm {
  margin-top: 2.25rem;
  border: 5px solid #013BB2;
  padding: 3.75rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .form-compleat__btm {
    margin-top: 3.75rem;
  }
}

.form-compleat__btm--text {
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5625;
}
@media screen and (min-width: 768px) {
  .form-compleat__btm--text {
    font-size: 1.5rem;
  }
}

.form-compleat__btm--text span {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  #form-compleat-btn {
    width: 17.1875rem;
  }
}

@media screen and (min-width: 768px) {
  #form-compleat-btn button {
    padding: 1.5rem;
  }
}

.survey {
  padding-bottom: 4.25rem;
}
@media screen and (min-width: 768px) {
  .survey {
    padding-bottom: 18.75rem;
  }
}

.survey .inner {
  max-width: 34.375rem;
}
@media screen and (min-width: 768px) {
  .survey .inner {
    max-width: 76.875rem;
  }
}

.survey-title {
  background-color: #013BB2;
  padding: 1.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .survey-title {
    font-size: 1.875rem;
  }
}

.survey-message {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .survey-message {
    margin-top: 4.375rem;
  }
}

.survey-message.close {
  display: none;
}

.survey-message .top-text {
  font-weight: 500;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .survey-message .top-text {
    font-size: 1.375rem;
  }
}

.survey-message .btm-text {
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .survey-message .btm-text {
    font-size: 1.375rem;
  }
}

.survey-attention {
  margin-top: 2.75rem;
}

.survey-attention__text-area {
  background-color: #F3F4F5;
  padding: 1.75rem 1rem;
}
@media screen and (min-width: 768px) {
  .survey-attention__text-area {
    padding: 1.75rem 1.75rem 2.375rem;
  }
}

.survey-attention__text-area .title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2.35;
}

.survey-attention__text-area .title:nth-child(n+2) {
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .survey-attention__text-area .title:nth-child(n+2) {
    margin-top: 2.625rem;
  }
}

.survey-attention__text-area .text {
  margin-top: 0.75rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .survey-attention__text-area .text {
    margin-top: 0.3125rem;
    font-size: 1.25rem;
  }
}

.survey-attention__text-area ul {
  list-style: disc;
  margin-top: 0.75rem;
  padding-left: 1.5rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .survey-attention__text-area ul {
    margin-top: 0.3125rem;
    font-size: 1.25rem;
  }
}

.survey-attention__text-area ul a {
  color: #23A2DB;
}

#survey-message-btn {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  #survey-message-btn {
    width: 16.875rem;
  }
}

.survey-question {
  padding-top: 2rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .survey-question {
    padding-top: 4.375rem;
  }
}

.survey-question.open {
  display: block;
}

.survey-question__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .survey-question__title {
    font-size: 1.5625rem;
  }
}

.survey-question__title .hissu {
  background-color: #EB0200;
  color: #fff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .survey-question__title .hissu {
    font-size: 1.375rem;
    margin-top: 1.75rem;
  }
}

.survey-question__answer {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .survey-question__answer {
    margin-top: 3.875rem;
    padding-left: 2rem;
  }
}

.survey-radio {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .survey-radio {
    gap: 1rem;
    font-size: 1.5rem;
  }
}

.survey-radio input {
  width: 1.5625rem;
  height: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .survey-radio input {
    width: 2rem;
    height: 2rem;
  }
}

.survey-radio:nth-child(n+2) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .survey-radio:nth-child(n+2) {
    margin-top: 2rem;
  }
}

.survey-question__btn-area {
  margin-top: 2.75rem;
}
@media screen and (min-width: 768px) {
  .survey-question__btn-area {
    align-items: center;
    justify-content: center;
    gap: 2.25rem;
    margin-top: 4.75rem;
  }
}

.survey-question__btn-area .btn {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .survey-question__btn-area .btn {
    margin: 0;
    width: 23.75rem;
  }
}

@media screen and (min-width: 768px) {
  .survey-question__btn-area .btn button {
    padding: 1.375rem;
    font-size: 1.25rem;
  }
}

.survey-question__btn-area .btn:nth-child(n+2) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .survey-question__btn-area .btn:nth-child(n+2) {
    margin-top: 0;
  }
}

.others-textarea {
  width: calc(100% - 4.5rem);
  margin: 0.5rem 2.25rem 0;
  background-color: #fff;
  border: 2px solid #999999;
  border-radius: 5px;
  display: block;
  height: 7.875rem;
}

.survey-question__sub-text {
  margin-top: 0.75rem;
  padding: 0.5rem 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: 400;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .survey-question__sub-text {
    padding: 0.75rem 0 0.9375rem;
    font-size: 1.25rem;
  }
}

.survey-question4 .survey-question__answer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1875rem;
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .survey-question4 .survey-question__answer {
    gap: 0.3125rem;
    margin-top: 2.625rem;
  }
}

.user-rank__btn {
  width: 3.25rem;
  height: 3.25rem;
  border: 2px solid #999999;
  color: #555555;
  font-size: 1.375rem;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .user-rank__btn {
    width: 5.625rem;
    height: 5.625rem;
    font-size: 2.25rem;
  }
}

.user-rank__btn.active {
  background-color: #999999;
  color: #fff;
}

.thanks {
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .thanks {
    padding-bottom: 6.625rem;
  }
}

.thanks-title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .thanks-title {
    font-size: 1.875rem;
  }
}

.thanks-texts {
  margin-top: 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  .thanks-texts {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}

.thanks-texts p:nth-child(n+2) {
  margin-top: 1.75rem;
}

.thanks-texts p span {
  font-weight: 700;
}

.thanks-block__title {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .thanks-block__title {
    font-size: 1.5625rem;
  }
}

.thanks-block__title:nth-child(n+2) {
  margin-top: 1.625rem;
}

.thanks-block__text {
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.8888888889;
}
@media screen and (min-width: 768px) {
  .thanks-block__text {
    font-size: 1.25rem;
    margin-top: 0.75rem;
    padding-left: 2.25rem;
  }
}

.thanks-block__btmtext {
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .thanks-block__btmtext {
    font-size: 1.25rem;
    margin-top: 0.75rem;
    padding-left: 2.25rem;
  }
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

.u-dflex {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-dflex {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

.u-disp-flex {
  display: flex;
}

.u-disp-flex-dt {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-disp-flex-dt {
    display: flex;
  }
}

.u-disp-flex-sp {
  display: flex;
}
@media screen and (min-width: 768px) {
  .u-disp-flex-sp {
    display: block;
  }
}

.u-disp-flex__c {
  display: flex;
  justify-content: center;
}

.u-disp-flex__cc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.u-disp-flex-dt__c {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-disp-flex-dt__c {
    display: flex;
    justify-content: center;
  }
}

.u-disp-flex-dt__cc {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-disp-flex-dt__cc {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.u-posi-rela {
  position: relative;
}

.u-posi-abso {
  position: absolute;
}

.u-posi-fixed {
  position: fixed;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
}

.white-text {
  color: #fff;
}

.blue-text {
  color: #013BB2;
}

.bold-text {
  font-weight: 700;
}

.red-text {
  color: #FD353A;
}

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