@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Lilita+One&family=Noto+Sans+JP:wght@500;700&display=swap");

* {
  list-style: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

img,
picture {
  width: 100%;
  height: auto;
}

li {
  list-style-type: none;
}

.flex {
  display: flex;
}

.f-row {
  flex-direction: row;
}

.f-column {
  flex-direction: column;
}

.bold {
  font-weight: bold;
}

:root {
  --text-color: #000000;
  --text-color-gray: #5a5a5a;
  --text-color-red: #c8423c;
  --primary-color: #2c9afc;
  --sky-color-dark: #55adfe;
  --sky-color-light: #dbf0fd;
  --bg-color-gray: #dddddd;
  --bg-color-green: #bed2aa;
  --bg-color-purple: #cac1de;
  --bg-color-blue: #add3f5;
  --bg-color-pink: #eecfc7;
  --light-pink: #edcfc7;
  --dark-pink: #fa9793;
  --light-yellow: #f0c851;
  --dark-yellow: #fea01a;
  --business-bg-color: #fef4c6;
  --business-yellow: #fdab49;
  --business-text: #fd900e;
  --seminar-bg-color: #bed2aa;
  --company-bg-color: #ebfdfc;
  --company-text-color: #68a8b0;
  --process-bg-color: #f9e6fe;
  --process-text-color: #9b37a1;
  --process-shape-color: #d68eda;
  --recruit-text-color: #7b5ac5;
  --recruit-light-purple: #b5a4da;
}

body header {
  background-image: url("../images/common/header-blue-bg@2x.png");
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

body header .subPage-header {
  text-align: center;
  padding-top: 4em;
}

body header .subPage-header h1 {
  display: flex;
  justify-content: center;
}

body header .subPage-header h1 span {
  color: var(--text-color) !important;
}

body header .subPage-header h1 span {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body header .subPage-header h1 span {
    font-size: calc(28px + 7 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body header .subPage-header h1 span {
    font-size: 35px;
  }
}

body header .subPage-header span {
  color: var(--text-color-gray);
}

body header .subPage-header span {
  font-size: 19px;
}

@media screen and (min-width: 320px) {
  body header .subPage-header span {
    font-size: calc(19px + 5 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body header .subPage-header span {
    font-size: 24px;
  }
}

body header .headerBackgroundImage img {
  display: block;
}

body main .mainHeader {
  text-align: center;
  padding-bottom: 6em;
}

body main .mainHeader h2 {
  padding: 3em 0 2em;
  font-weight: 500;
}

body main .mainHeader h2 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body main .mainHeader h2 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body main .mainHeader h2 {
    font-size: 30px;
  }
}

body main .mainHeader p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body main .mainHeader p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body main .mainHeader p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 430px) {
  body main .mainHeader {
    padding: 0 4% 6em;
  }

  body main .mainHeader p {
    text-align: left !important;
  }

  body main .mainHeader p br {
    display: none;
  }
}

body.workSingle main {
  --customMargin: min(20px, 4%);
}

body.workSingle main article {
  max-width: calc(920px + var(--customMargin));
  margin: 0 auto;
  padding: 3em 0;
}

body.workSingle main article .postHeader {
  margin: 0 var(--customMargin);
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .postHeader {
    margin: 0 calc(var(--customMargin) / 2);
  }
}

body.workSingle main article .postHeader h3 {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.workSingle main article .postHeader h3 {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.workSingle main article .postHeader h3 {
    font-size: 30px;
  }
}

body.workSingle main article .postHeader .tagList {
  padding: 1em 0 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

body.workSingle main article .postHeader .tagList li {
  background-color: var(--primary-color);
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0.2em 1em;
  border-radius: 5px;
}

body.workSingle main article .postHeader .tagList li {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.workSingle main article .postHeader .tagList li {
    font-size: calc(14px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.workSingle main article .postHeader .tagList li {
    font-size: 14px;
  }
}

body.workSingle main article .imageSlider {
  width: 100%;
  position: relative;
}

body.workSingle main article .imageSlider img {
  width: 100%;
}

body.workSingle main article .imageSlider .slide-Container li {
  margin: 0 var(--customMargin);
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .imageSlider .slide-Container li {
    margin: 0 calc(var(--customMargin) / 2);
  }
}

body.workSingle main article .imageSlider .slide-Container li img {
  height: min(55vw, 600px);
  -o-object-fit: cover;
  object-fit: cover;
}

body.workSingle main article .imageSlider .controls {
  position: relative;
  margin-top: calc(var(--customMargin) * 2);
}

body.workSingle main article .imageSlider .controls .thumbnails {
  overflow: hidden;
}

body.workSingle main article .imageSlider .controls .thumbnails li {
  margin: 0 var(--customMargin);
}

body.workSingle main article .imageSlider .controls .thumbnails li img {
  height: min(25vw, 127px);
  -o-object-fit: cover;
  object-fit: cover;
}

body.workSingle main article .imageSlider .controls .prev,
body.workSingle main article .imageSlider .controls .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body.workSingle main article .imageSlider .controls .prev svg,
body.workSingle main article .imageSlider .controls .next svg {
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  height: 45px;
}

body.workSingle main article .imageSlider .controls .prev svg .cbody,
body.workSingle main article .imageSlider .controls .prev svg .cborder,
body.workSingle main article .imageSlider .controls .prev svg .arrow,
body.workSingle main article .imageSlider .controls .next svg .cbody,
body.workSingle main article .imageSlider .controls .next svg .cborder,
body.workSingle main article .imageSlider .controls .next svg .arrow {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.workSingle main article .imageSlider .controls .prev:hover svg,
body.workSingle main article .imageSlider .controls .next:hover svg {
  background-color: var(--primary-color);
}

body.workSingle main article .imageSlider .controls .prev:hover svg .cbody,
body.workSingle main article .imageSlider .controls .next:hover svg .cbody {
  fill: var(--primary-color) !important;
}

body.workSingle main article .imageSlider .controls .prev:hover svg .cborder,
body.workSingle main article .imageSlider .controls .next:hover svg .cborder {
  fill: var(--primary-color) !important;
}

body.workSingle main article .imageSlider .controls .prev:hover svg .arrow,
body.workSingle main article .imageSlider .controls .next:hover svg .arrow {
  fill: #ffffff !important;
}

body.workSingle main article .imageSlider .controls .prev {
  left: -10%;
}

body.workSingle main article .imageSlider .controls .next {
  right: -10%;
}

@media only screen and (max-width: 1140px) {

  body.workSingle main article .imageSlider .controls .prev,
  body.workSingle main article .imageSlider .controls .next {
    height: 100%;
    display: inline-flex;
    display: -webkit-inline-flex;
    background-color: rgba(255, 255, 255, 0.5);
    align-items: center;
  }

  body.workSingle main article .imageSlider .controls .prev {
    left: 0;
    padding: 0 1%;
    margin-left: calc(var(--customMargin) / 2);
  }

  body.workSingle main article .imageSlider .controls .next {
    right: 0;
    padding: 0 1%;
    margin-right: calc(var(--customMargin) / 2);
  }
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .imageSlider .controls .thumbnails li {
    margin: 0 calc(var(--customMargin) / 2);
  }

  body.workSingle main article .imageSlider .controls .prev svg,
  body.workSingle main article .imageSlider .controls .next svg {
    width: 30px !important;
    height: 30px;
  }

  body.workSingle main article .imageSlider .controls .prev {
    padding: 0 2%;
  }

  body.workSingle main article .imageSlider .controls .next {
    padding: 0 2%;
  }
}

body.workSingle main article .detailsContainer {
  padding: 0 var(--customMargin);
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .detailsContainer {
    padding: 0 calc(var(--customMargin) / 2);
  }
}

body.workSingle main article .detailsContainer h4 {
  padding: 3em 0 1em;
}

body.workSingle main article .detailsContainer h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.workSingle main article .detailsContainer h4 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.workSingle main article .detailsContainer h4 {
    font-size: 24px;
  }
}

body.workSingle main article .detailsContainer .details {
  border: 1px solid #000;
  padding: 0.3em;
}

body.workSingle main article .detailsContainer .details table {
  width: 100%;
}

body.workSingle main article .detailsContainer .details table tr {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  text-align: left;
  border-bottom: 1px solid #000;
}

body.workSingle main article .detailsContainer .details table tr:last-child {
  border-bottom: none;
}

body.workSingle main article .detailsContainer .details table tr th,
body.workSingle main article .detailsContainer .details table tr td {
  padding: 0.5em 1em;
}

body.workSingle main article .detailsContainer .details table tr th,
body.workSingle main article .detailsContainer .details table tr td {
  font-size: 16px;
}

@media screen and (min-width: 320px) {

  body.workSingle main article .detailsContainer .details table tr th,
  body.workSingle main article .detailsContainer .details table tr td {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {

  body.workSingle main article .detailsContainer .details table tr th,
  body.workSingle main article .detailsContainer .details table tr td {
    font-size: 18px;
  }
}

body.workSingle main article .detailsContainer .details table tr th {
  flex-basis: 15%;
  min-width: 122px;
}

body.workSingle main article .detailsContainer .details table tr td {
  border-left: 1px solid #000;
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .detailsContainer .details table tr {
    flex-direction: column;
    border-bottom: none;
  }

  body.workSingle main article .detailsContainer .details table tr th {
    background-color: var(--bg-color-blue);
    width: 100%;
  }

  body.workSingle main article .detailsContainer .details table tr td {
    border-left: none;
  }
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .detailsContainer .details {
    padding: 0;
    border: none;
  }
}

body.workSingle main article .pagination {
  justify-content: space-around;
  padding: 6em 0;
  position: relative;
}

body.workSingle main article .pagination a {
  display: block;
  width: -moz-max-content;
  width: max-content;
}

body.workSingle main article .pagination a p {
  border: 2px solid #000;
  border-radius: 32px;
  padding: 0.5em 2em;
  color: #000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.workSingle main article .pagination a p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.workSingle main article .pagination a p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.workSingle main article .pagination a p {
    font-size: 18px;
  }
}

body.workSingle main article .pagination a p img {
  margin: 0 5px;
}

body.workSingle main article .pagination a p:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

@media only screen and (max-width: 768px) {
  body.workSingle main article .pagination a:nth-of-type(2) {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -100%);
  }
}

body.works main article {
  padding: 0 4%;
}

body.works main article section {
  max-width: 1000px;
  margin: 0 auto;
}

body.works main article section h2 {
  text-align: center;
  padding: 3em 0;
  color: var(--primary-color);
  font-weight: 500;
}

body.works main article section ul.worksList {
  gap: 4%;
  flex-wrap: wrap;
}

body.works main article section ul.worksList li {
  margin-bottom: 4%;
  flex-basis: 30.6666666667%;
}

body.works main article section ul.worksList li a {
  display: block;
  color: var(--text-color);
}

body.works main article section ul.worksList li a .imageBox {
  background-color: rgb(200, 200, 200);
  border-radius: 32px;
  overflow: hidden !important;
  height: min(28vw, 270px);
}

body.works main article section ul.worksList li a .imageBox img {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transform-origin: center center;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

body.works main article section ul.worksList li a:hover .imageBox {
  border-radius: 32px;
  overflow: hidden;
}

body.works main article section ul.worksList li a:hover .imageBox img {
  transform: scale(1.05);
}

body.works main article section ul.worksList li a h4 {
  padding: 1em 0;
  margin-left: 5px;
  font-weight: 500;
}

body.works main article section ul.worksList li a h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.works main article section ul.worksList li a h4 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.works main article section ul.worksList li a h4 {
    font-size: 24px;
  }
}

body.works main article section ul.worksList li a table {
  margin-left: 5px;
}

body.works main article section ul.worksList li a table tr th {
  color: var(--text-color-gray);
  min-width: 80px;
}

body.works main article section ul.worksList li a table tr td {
  padding-left: 10px;
}

@media only screen and (max-width: 760px) {
  body.works main article section ul.worksList li {
    flex-basis: 48%;
  }

  body.works main article section ul.worksList li a .imageBox {
    height: min(39vw, 294px);
  }
}

@media only screen and (max-width: 430px) {
  body.works main article section ul.worksList li {
    flex-basis: 100%;
    margin-bottom: 3em;
  }

  body.works main article section ul.worksList li a .imageBox {
    height: min(80vw, 347.375px);
  }

  body.works main article section ul.worksList li a .imageBox img {
    max-width: 100% !important;
  }

  body.works main article section ul.worksList li table tr th {
    display: block;
  }
}

body.works main article section.pastThreeYears .paginationButtons {
  padding: 3em 0 6em;
  justify-content: center;
}

body.works main article section.pastThreeYears .paginationButtons button {
  font-size: 18px;
  font-weight: 700;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.works main article section.pastThreeYears .paginationButtons button img {
  max-width: 40px;
  margin: 0 5px;
}

body.works main article section.pastThreeYears .paginationButtons button:hover:not(:disabled) {
  background-color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
  color: #fff;
}

body.works main article section.pastThreeYears .paginationButtons button.prevButton,
body.works main article section.pastThreeYears .paginationButtons button.nextButton {
  width: 100px;
  border: 2px solid var(--text-color);
  background-color: unset;
  border-radius: 26px;
  padding: 0.5em 0;
}

body.works main article section.pastThreeYears .paginationButtons button.prevButton:disabled,
body.works main article section.pastThreeYears .paginationButtons button.nextButton:disabled {
  opacity: 0.8;
  border: 2px solid #a6a6a6;
}

body.works main article section.pastThreeYears .paginationButtons .pageNumbersList {
  margin: 0 30px;
}

body.works main article section.pastThreeYears .paginationButtons .pageNumbersList button {
  border: 2px solid var(--text-color);
  padding: 0.5em 0.8em;
  display: inline-block;
  margin: 0 5px;
  background-color: unset;
  border-radius: 10px;
}

body.works main article section.pastThreeYears .paginationButtons .pageNumbersList button.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

@media only screen and (max-width: 768px) {
  body.works main article section.pastThreeYears .paginationButtons .pageNumbersList {
    margin: 0 2%;
  }
}

@media only screen and (max-width: 430px) {
  body.works main article section.pastThreeYears .paginationButtons {
    position: relative;
    margin-top: 10px;
  }

  body.works main article section.pastThreeYears .paginationButtons button.prevButton,
  body.works main article section.pastThreeYears .paginationButtons button.nextButton {
    position: absolute;
    top: -10px;
  }

  body.works main article section.pastThreeYears .paginationButtons button.prevButton {
    left: 0;
  }

  body.works main article section.pastThreeYears .paginationButtons button.nextButton {
    right: 0;
  }
}

body.works main article section.beforePastThreeYears .olderPostContainer>div {
  margin-bottom: 2em;
}

body.works main article section.beforePastThreeYears .olderPostContainer {
  padding: 0 0 3em;
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader {
  border: 2px solid var(--primary-color);
  display: flex;
  align-items: center;
  padding: 1em;
  border-radius: 30px;
  font-weight: 700;
  position: relative;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader:hover {
  background-color: #d3edfe;
  border: 2px solid #d3edfe;
  cursor: pointer;
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .listYear {
  color: var(--primary-color);
  margin-right: 4%;
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .listYear {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .listYear {
    font-size: calc(18px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .listYear {
    font-size: 20px;
  }
}

body.works main #threeYearPostCount.PostCount {
  font-size: 18px;
  text-align:center;
  padding-top:80px;
  line-height:1.8;
}
body.works main #threeYearPostCount.PostCount span {
  line-height: 24px;
  vertical-align: sub;
  color: var(--primary-color);
  margin: 0 5px;
  font-size: 36px;
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount {
    font-size: calc(16px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount {
    font-size: 16px;
  }
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount span {
  line-height: 0;
  vertical-align: sub;
  color: var(--primary-color);
  margin: 0 5px;
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount span {
    font-size: calc(24px + 12 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .PostCount span {
    font-size: 36px;
  }
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .triangle {
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 97%;
  top: 50%;
  transform: translate(-97%, -50%);
}

body.works main article section.beforePastThreeYears .olderPostContainer .listHeader .triangle svg {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.works main article section.beforePastThreeYears .olderPostContainer ul.worksList {
  transform-origin: top center;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
  display: flex;
}

body.business main article {
  --v-height: 90px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body.business main article {
    --v-height: 60px;
  }
}

body.business main article section {
  position: relative;
  z-index: 2;
}

body.business main article:nth-of-type(1) {
  padding-bottom: 6em;
}

body.business main article:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: -1;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
  body.business main article:nth-of-type(1)::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.business main article:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: var(--business-bg-color);
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  body.business main article:nth-of-type(1)::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.business main article:nth-of-type(1) section {
  max-width: 1145px;
  margin: 0 auto;
}

body.business main article:nth-of-type(1) section:first-child {
  padding-top: 6em;
}

body.business main article:nth-of-type(1) section .pointDetails {
  margin: 0 4%;
  padding-bottom: 4em;
  display: flex;
  flex-direction: row;
}

body.business main article:nth-of-type(1) section .pointDetails .imgContainer {
  flex-basis: 60%;
  z-index: 1;
  position: absolute;
  width: 49vw;
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer {
  margin-left: min(45vw, 530px);
  margin-top: 6em;
  max-width: 554px;
  background-color: #fff;
  padding-bottom: 15em;
  border-radius: 32px;
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 77% 100%;
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer h3.title {
  position: absolute;
  top: -2em;
  width: 96%;
  background-color: var(--business-yellow);
  padding: 1em 2em 0 4em;
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer h3.title img {
  max-width: 487px;
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer p.description {
  text-align: justify;
  margin: 8em auto 0;
  padding: 0 3em 0 4em;
}

@media only screen and (max-width: 1150px) {
  body.business main article:nth-of-type(1) section .pointDetails {
    margin: 0;
  }
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer.repair {
  background-image: url("../images/business/repair-illust.png");
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer.paint {
  background-image: url("../images/business/paint-illust.png");
}

body.business main article:nth-of-type(1) section .pointDetails .textContainer.compact {
  background-image: url("../images/business/compact-illust.png");
}

@media only screen and (max-width: 910px) {
  body.business main article:nth-of-type(1) section .pointDetails {
    flex-direction: column-reverse;
  }

  body.business main article:nth-of-type(1) section .pointDetails .imgContainer {
    padding: 6% 4%;
    text-align: center;
    position: static;
    width: 100%;
  }

  body.business main article:nth-of-type(1) section .pointDetails .textContainer {
    margin: 6em 4% 0 4%;
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 5em;
  }

  body.business main article:nth-of-type(1) section .pointDetails .textContainer h3.title {
    position: absolute;
    top: -2em;
    left: -5%;
    width: 100%;
    padding: 1em 1em 0 8%;
  }

  body.business main article:nth-of-type(1) section .pointDetails .textContainer p.description {
    max-width: 100%;
    padding: 2em 4% 0 4%;
    margin-top: 15%;
  }
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .imgContainer {
  text-align: right;
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer {
  margin-left: 0;
  margin-right: min(45vw, 530px);
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer h3.title {
  position: absolute;
  top: -2em;
  width: 96%;
  right: 0;
  background-color: var(--business-yellow);
  padding: 1em 4em 0 2em;
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer h3.title img {
  max-width: 487px;
}

body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer p.description {
  padding: 0 5em 0 5em;
}

@media only screen and (max-width: 910px) {
  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails {
    flex-direction: column-reverse;
    justify-content: unset;
  }

  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .imgContainer {
    position: static;
    text-align: center;
  }

  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer {
    margin: 6em 4% 0 4%;
  }

  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer h3.title {
    padding: 1em 1em 0 8%;
    width: 100%;
  }

  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer h3.title img {
    width: 84%;
  }

  body.business main article:nth-of-type(1) section:nth-of-type(2) .pointDetails .textContainer p.description {
    padding: 2em 4% 0 4%;
  }
}

@media only screen and (max-width: 910px) {
  body.business main article:nth-of-type(1) section:nth-of-type(3) .pointDetails .textContainer h3.title img {
    width: 70%;
  }
}

body.business main article:nth-of-type(1) section .pointList {
  padding: 0 4% 4em;
}

body.business main article:nth-of-type(1) section .pointList ul li {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1em;
}

body.business main article:nth-of-type(1) section .pointList ul li .num {
  flex-basis: 10%;
  padding: 0 10px 3.5em 0;
}

body.business main article:nth-of-type(1) section .pointList ul li .point {
  flex-basis: 90%;
}

body.business main article:nth-of-type(1) section .pointList ul li .point h4 {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  body.business main article:nth-of-type(1) section .pointList ul li .point h4 {
    font-size: calc(18px + 12 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.business main article:nth-of-type(1) section .pointList ul li .point h4 {
    font-size: 30px;
  }
}

body.business main article:nth-of-type(1) section .pointList ul li .point p {
  margin-top: 0.5em;
}

body.business main article:nth-of-type(1) section .pointList ul li .point p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.business main article:nth-of-type(1) section .pointList ul li .point p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.business main article:nth-of-type(1) section .pointList ul li .point p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  body.business main article:nth-of-type(1) section .pointList ul li {
    align-items: flex-start;
    margin-bottom: 2em;
  }

  body.business main article:nth-of-type(1) section .pointList ul li .num {
    min-width: 60px;
  }
}

body.business main article:nth-of-type(2) {
  background-color: rgb(255, 255, 255);
  padding: 6em 4% 0;
}

body.business main article:nth-of-type(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.business main article:nth-of-type(2) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
}

body.business main article:nth-of-type(2) section h3 {
  color: var(--business-text);
}

body.business main article:nth-of-type(2) section h3 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body.business main article:nth-of-type(2) section h3 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.business main article:nth-of-type(2) section h3 {
    font-size: 30px;
  }
}

body.business main article:nth-of-type(2) section h3 img {
  vertical-align: bottom;
  margin-right: 10px;
}

body.business main article:nth-of-type(2) section p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.business main article:nth-of-type(2) section p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.business main article:nth-of-type(2) section p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 430px) {
  body.business main article:nth-of-type(2) section p br {
    display: none;
  }
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul {
  margin: 3em 0;
  border: 2px dashed #000000;
  border-radius: 32px;
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul li {
  display: flex;
  border-bottom: 2px dashed #000000;
  width: 95%;
  margin: 0 auto;
  align-items: center;
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul li p {
  flex-basis: 50%;
  padding: 1em;
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul li p:last-child {
  border-left: 2px dashed #000000;
  border-width: 200%;
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul li:first-child {
  margin-top: 1em;
}

body.business main article:nth-of-type(2) section:nth-of-type(1) ul li:last-child {
  margin-bottom: 1em;
  border-bottom: none;
}

body.business main article:nth-of-type(2) section:nth-of-type(2) {
  padding-top: 4em;
}

body.business main article:nth-of-type(2) section:nth-of-type(2) h3 {
  padding-bottom: 1em;
}

body.business main article:nth-of-type(2) section:nth-of-type(2) ul {
  margin-top: 3em;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  padding-bottom: 4em;
}

body.business main article:nth-of-type(2) section:nth-of-type(2) ul li {
  flex-basis: 18.4%;
  margin-bottom: 4%;
}

body.business main article:nth-of-type(2) section:nth-of-type(2) ul li p {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.business main article:nth-of-type(2) section:nth-of-type(2) ul li p {
    font-size: calc(14px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.business main article:nth-of-type(2) section:nth-of-type(2) ul li p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 910px) {
  body.business main article:nth-of-type(2) section:nth-of-type(2) ul li {
    flex-basis: 23.5%;
  }
}

@media only screen and (max-width: 768px) {
  body.business main article:nth-of-type(2) section:nth-of-type(2) ul li {
    flex-basis: 32%;
  }
}

@media only screen and (max-width: 430px) {
  body.business main article:nth-of-type(2) section:nth-of-type(2) ul {
    gap: 4%;
  }

  body.business main article:nth-of-type(2) section:nth-of-type(2) ul li {
    flex-basis: 48%;
  }
}

body.seminar {
  --v-height: 90px;
}

@media only screen and (max-width: 768px) {
  body.seminar {
    --v-height: 60px;
  }
}

body.seminar main .mainHeader {
  background-color: var(--seminar-bg-color);
  padding-bottom: calc(6em + var(--v-height));
}

body.seminar main article {
  position: relative;
  z-index: 1;
  margin-top: calc(var(--v-height) * -1);
}

body.seminar main article::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: -1;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
  background-color: #efefef;
}

@media only screen and (max-width: 768px) {
  body.seminar main article::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.seminar main article::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: #fff;
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  body.seminar main article::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.seminar main article section {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding-top: 6em;
  --size: min(10em);
}

@media only screen and (max-width: 1250px) {
  body.seminar main article section {
    --size: 10vw;
  }
}

body.seminar main article section .topSection {
  position: relative;
  padding: var(--size) 0 var(--size) 4%;
}

body.seminar main article section .topSection .text {
  max-width: 920px;
  margin: 0 auto;
}

body.seminar main article section .topSection .text p {
  width: 50%;
  text-align: justify;
}

body.seminar main article section .topSection .text p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.seminar main article section .topSection .text p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.seminar main article section .topSection .text p {
    font-size: 18px;
  }
}

body.seminar main article section .topSection .text p br {
  display: none;
}

body.seminar main article section .topSection .image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

@media only screen and (max-width: 1370px) {
  body.seminar main article section .topSection .image img {
    width: 45vw;
  }
}

body.seminar main article section .bottomContainer {
  padding: 1em 7em 0;
  text-align: center;
}

body.seminar main article section .sectionFooter {
  padding: 8em 0 10em;
  text-align: center;
}

body.seminar main article section .sectionFooter a {
  color: #000000;
}

body.seminar main article section .sectionFooter a .seeMoreButton {
  min-width: 257px;
  background-color: #ffffff;
  border: 2px solid currentColor;
  display: inline-block;
  padding: 1em;
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.seminar main article section .sectionFooter a .seeMoreButton {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.seminar main article section .sectionFooter a .seeMoreButton {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.seminar main article section .sectionFooter a .seeMoreButton {
    font-size: 18px;
  }
}

body.seminar main article section .sectionFooter a .seeMoreButton:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

@media only screen and (max-width: 910px) {
  body.seminar main article section .topSection {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }

  body.seminar main article section .topSection .text {
    max-width: 920px;
    margin: 2em auto;
    padding: 0 4%;
  }

  body.seminar main article section .topSection .text p {
    width: 100%;
  }

  body.seminar main article section .topSection .text p br {
    display: none;
  }

  body.seminar main article section .topSection .image {
    position: relative;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    align-self: flex-end;
    text-align: right;
  }

  body.seminar main article section .topSection .image img {
    width: 90%;
    padding-left: 4%;
  }

  body.seminar main article section .bottomContainer {
    padding: 0 4%;
    text-align: center;
  }

  body.seminar main article section .sectionFooter {
    padding: min(8em, 20vw) 0 min(10em, 25vw);
  }
}

body.seminar footer .footer-navigation:before {
  background-image: url("../images/common/block-back2.png");
  background-repeat: no-repeat;
  background-size: 10% 100%;
  background-position: 0% 0%;
}

@media only screen and (max-width: 768px) {
  body.seminar footer .footer-navigation:before {
    background-image: none;
  }
}

body.company main article {
  text-align: left;
  --v-height: 90px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body.company main article {
    --v-height: 60px;
  }
}

body.company main article h3 {
  color: var(--company-text-color);
}

body.company main article h3 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body.company main article h3 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article h3 {
    font-size: 30px;
  }
}

body.company main article h3 img {
  vertical-align: bottom;
  margin-right: 10px;
}

@media only screen and (min-width: 481px) {
  body.company main article:nth-of-type(1) {
    margin: 0 4%;
  }
}

body.company main article:nth-of-type(1) section {
  position: relative;
  z-index: 2;
  max-width: 1080px;
  margin: 0 auto;
}

body.company main article:nth-of-type(1) section:first-child {
  padding: 8em 0;
}

@media only screen and (max-width: 430px) {
  body.company main article:nth-of-type(1) section:first-child {
    padding: 4em 0;
  }
}

body.company main article:nth-of-type(1) section h4 {
  padding: 1em 0 0;
}

body.company main article:nth-of-type(1) section h4 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(1) section h4 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(1) section h4 {
    font-size: 30px;
  }
}

body.company main article:nth-of-type(1) section p {
  padding-top: 2em;
  width: 50%;
  padding-right: 5%;
}

body.company main article:nth-of-type(1) section p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(1) section p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(1) section p {
    font-size: 18px;
  }
}

body.company main article:nth-of-type(1) section .presidentImage {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

body.company main article:nth-of-type(1) section .presidentImage img {
  width: 46vw;
}

body.company main article:nth-of-type(1) section .presidentName {
  padding-top: 2em;
}

body.company main article:nth-of-type(1) section .presidentName p {
  font-weight: 500;
  text-align: right;
}

body.company main article:nth-of-type(1) section .presidentName p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(1) section .presidentName p {
    font-size: calc(16px + 3.5 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(1) section .presidentName p {
    font-size: 19.5px;
  }
}

body.company main article:nth-of-type(1) section .presidentName p span {
  vertical-align: sub;
}

body.company main article:nth-of-type(1) section .presidentName p span {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(1) section .presidentName p span {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(1) section .presidentName p span {
    font-size: 30px;
  }
}

body.company main article:nth-of-type(1) section:last-child {
  padding-bottom: 8em;
}

body.company main article:nth-of-type(1) section:last-child p {
  width: 100%;
  padding-top: 1em;
}

@media only screen and (max-width: 910px) {
  body.company main article:nth-of-type(1) section .presidentImage {
    padding-top: 2em;
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  body.company main article:nth-of-type(1) section .presidentImage img {
    width: 100%;
  }

  body.company main article:nth-of-type(1) section p {
    width: 100%;
    padding-right: 0;
  }

  body.company main article:nth-of-type(1) section p br {
    display: block;
  }

  body.company main article:nth-of-type(1) section .presidentName {
    padding-top: 0;
  }

  body.company main article:nth-of-type(1) section:last-child {
    padding-bottom: 8em;
  }

  body.company main article:nth-of-type(1) section:last-child p {
    padding-top: 2em;
  }
}

body.company main article:nth-of-type(2) {
  padding: 0 4% 6em;
}

@media only screen and (max-width: 430px) {
  body.company main article:nth-of-type(2) {
    padding: 4em 4% 6em;
  }
}

body.company main article:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: -1;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
}

@media only screen and (max-width: 910px) {
  body.company main article:nth-of-type(2)::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.company main article:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: var(--company-bg-color);
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 0;
}

@media only screen and (max-width: 910px) {
  body.company main article:nth-of-type(2)::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.company main article:nth-of-type(2) section {
  position: relative;
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
}

body.company main article:nth-of-type(2) section .tableContainer {
  border: 2px solid #000;
  border-radius: 32px;
  padding: 0 1em;
  max-width: 970px;
  margin: 2em auto 0;
}

body.company main article:nth-of-type(2) section .tableContainer table {
  width: 100%;
  border-collapse: collapse;
}

body.company main article:nth-of-type(2) section .tableContainer table {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(2) section .tableContainer table {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(2) section .tableContainer table {
    font-size: 18px;
  }
}

body.company main article:nth-of-type(2) section .tableContainer table tr {
  display: flex;
  border-bottom: 2px dashed #000;
}

body.company main article:nth-of-type(2) section .tableContainer table tr:last-child {
  border-bottom: none;
}

body.company main article:nth-of-type(2) section .tableContainer table tr th,
body.company main article:nth-of-type(2) section .tableContainer table tr td {
  padding: 2em 0;
}

body.company main article:nth-of-type(2) section .tableContainer table tr th {
  flex-basis: 20%;
  padding-left: 2%;
  min-width: 120px;
}

body.company main article:nth-of-type(2) section .tableContainer table tr td {
  border-left: 2px solid #000;
  padding-left: 4%;
  flex-basis: 80%;
}

@media only screen and (max-width: 910px) {

  body.company main article:nth-of-type(2) section .tableContainer table tr th,
  body.company main article:nth-of-type(2) section .tableContainer table tr td {
    padding: 1em 0;
  }

  body.company main article:nth-of-type(2) section .tableContainer table tr th {
    padding-left: 1%;
  }

  body.company main article:nth-of-type(2) section .tableContainer table tr td {
    padding-left: 3%;
  }
}

@media only screen and (max-width: 430px) {
  body.company main article:nth-of-type(2) section .tableContainer table tr {
    flex-direction: column;
  }

  body.company main article:nth-of-type(2) section .tableContainer table tr th,
  body.company main article:nth-of-type(2) section .tableContainer table tr td {
    flex-basis: 100%;
  }

  body.company main article:nth-of-type(2) section .tableContainer table tr th {
    padding-left: 0;
  }

  body.company main article:nth-of-type(2) section .tableContainer table tr td {
    border: none !important;
    padding-top: 0;
  }
}

body.company main article:nth-of-type(2) section .mapContainer {
  text-align: center;
  padding: 8em 0;
}

body.company main article:nth-of-type(2) section .mapContainer iframe {
  height: 410px;
}

@media only screen and (max-width: 910px) {
  body.company main article:nth-of-type(2) section .mapContainer iframe {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
  }
}

body.company main article:nth-of-type(3) {
  background-color: rgb(255, 255, 255);
  padding: 6em 4% 0;
}

body.company main article:nth-of-type(3)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.company main article:nth-of-type(3) section {
  position: relative;
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
}

body.company main article:nth-of-type(3) section .historyList {
  margin-top: 3em;
  max-width: 970px;
  margin: 2em auto 0;
  padding-bottom: 8em;
}

body.company main article:nth-of-type(3) section .historyList ul li h4 {
  background-color: var(--company-text-color);
  color: #fff;
  border-radius: 32px;
  display: inline-block;
  padding: 0.5em 2.5em;
}

body.company main article:nth-of-type(3) section .historyList ul li h4 {
  font-size: 19px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(3) section .historyList ul li h4 {
    font-size: calc(19px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(3) section .historyList ul li h4 {
    font-size: 22px;
  }
}

body.company main article:nth-of-type(3) section .historyList ul li p {
  padding: 1em 0 1em 1em;
  border-left: 3px solid var(--company-text-color);
  margin-left: 4%;
}

body.company main article:nth-of-type(3) section .historyList ul li p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.company main article:nth-of-type(3) section .historyList ul li p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.company main article:nth-of-type(3) section .historyList ul li p {
    font-size: 18px;
  }
}

body.company main article:nth-of-type(3) section .historyList ul li:last-child p {
  border-left: none;
}

@media only screen and (max-width: 430px) {
  body.company main article:nth-of-type(3) section .historyList ul li h4 {
    margin: -0.2em 0;
  }

  body.company main article:nth-of-type(3) section .historyList ul li p {
    margin-left: 3%;
    padding: 1.2em 0 1.2em 0.5em;
  }
}

body.contact main {
  margin: 0 4%;
}

body.contact main section {
  padding: 6em 0;
  max-width: 1080px;
  margin: 0 auto;
}

body.contact main section .formHeader h2 {
  font-weight: 500;
  padding: 1em 0;
}

body.contact main section .formHeader h2 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formHeader h2 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formHeader h2 {
    font-size: 24px;
  }
}

body.contact main section .formHeader p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formHeader p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formHeader p {
    font-size: 18px;
  }
}

body.contact main section .formBody {
  padding-top: 6em;
}

body.contact main section .formBody form .formSection .formList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2em 0;
}

body.contact main section .formBody form .formSection .formList .label {
  color: #000;
  flex-basis: max(20%, 200px);
  margin-right: 4%;
  font-weight: 700;
}

body.contact main section .formBody form .formSection .formList .label .required {
  color: red;
}

body.contact main section .formBody form .formSection .formList:last-child .label {
  align-self: flex-start;
}

body.contact main section .formBody form .formSection .formList ul.inputFields {
  display: flex;
  font-weight: 700;
}

body.contact main section .formBody form .formSection .formList ul.inputFields li {
  width: 100%;
  position: relative;
  /*-----------------------*/
  /*-----------------------*/
  /*-----------------------*/
}

body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=text],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=email],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=tel],
body.contact main section .formBody form .formSection .formList ul.inputFields li textarea {
  border: none;
  background-color: #efefef;
}

body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=text],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=email],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=tel] {
  padding: 1em;
  width: 100%;
}

body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=text],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=email],
body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=tel] {
  font-size: 16px;
}

@media screen and (min-width: 320px) {

  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=text],
  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=email],
  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=tel] {
    font-size: calc(16px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {

  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=text],
  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=email],
  body.contact main section .formBody form .formSection .formList ul.inputFields li input[type=tel] {
    font-size: 16px;
  }
}

body.contact main section .formBody form .formSection .formList ul.inputFields li textarea {
  padding: 1em;
  width: 100%;
  height: 30%;
  min-height: 250px;
}

body.contact main section .formBody form .formSection .formList ul.inputFields li textarea {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formBody form .formSection .formList ul.inputFields li textarea {
    font-size: calc(16px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formBody form .formSection .formList ul.inputFields li textarea {
    font-size: 16px;
  }
}

body.contact main section .formBody form .formSection .formList ul.inputFields li .postCodeLoading {
  display: none;
  position: absolute;
  top: -0.3em;
  right: 0.5em;
}

body.contact main section .formBody form .formSection .formList ul.inputFields1 {
  flex-basis: calc(81.5% - max(20%, 200px));
  flex-direction: row;
  gap: 2%;
}

body.contact main section .formBody form .formSection .formList ul.inputFields2 {
  flex-basis: calc(96% - max(20%, 200px));
}

body.contact main section .formBody form .formSection .formList ul.inputFields3 {
  flex-basis: 30%;
}

@media only screen and (max-width: 768px) {
  body.contact main section .formBody form .formSection .formList {
    flex-direction: column;
    align-items: stretch;
  }

  body.contact main section .formBody form .formSection .formList .label {
    margin-bottom: 0.5em;
  }
}

body.contact main section .formBody form .privacyContainer {
  aspect-ratio: 12/4;
  overflow: scroll;
  padding: 1em 4%;
  border: 1px solid #000;
}

body.contact main section .formBody form .privacyContainer h4 {
  padding-bottom: 0.5em;
}

body.contact main section .formBody form .privacyContainer h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formBody form .privacyContainer h4 {
    font-size: calc(21px + 9 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formBody form .privacyContainer h4 {
    font-size: 30px;
  }
}

body.contact main section .formBody form .privacyContainer p {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formBody form .privacyContainer p {
    font-size: calc(14px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formBody form .privacyContainer p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 430px) {
  body.contact main section .formBody form .privacyContainer {
    aspect-ratio: 12/9;
  }
}

body.contact main section .formBody form .privacyCheck {
  padding-top: 1em;
}

body.contact main section .formBody form .privacyCheck {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formBody form .privacyCheck {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formBody form .privacyCheck {
    font-size: 18px;
  }
}

body.contact main section .formBody form .privacyCheck p {
  padding-bottom: 2em;
}

body.contact main section .formBody form .privacyCheck label input#privacyCheck {
  margin: 5px 5px 0 0;
  font: inherit;
  color: var(--text-color);
  width: 1em;
  height: 1em;
  border: 0.15em solid var(--text-color);
  border-radius: 0.15em;
}

body.contact main section .formBody form .checkButtonArea {
  padding-top: 4em;
  text-align: center;
}

body.contact main section .formBody form .checkButtonArea button {
  min-width: 257px;
  background-color: #ffffff;
  color: var(--text-color);
  border: 2px solid var(--text-color);
  display: inline-block;
  padding: 1em;
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-weight: 700;
}

body.contact main section .formBody form .checkButtonArea button {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.contact main section .formBody form .checkButtonArea button {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .formBody form .checkButtonArea button {
    font-size: 18px;
  }
}

body.contact main section .formBody form .checkButtonArea button:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

body.contact main section .formBody form .checkButtonArea button img {
  margin-left: 10px;
}

body.contact main section .confirmFormBody form {
  display: none;
}

body.contact main section .confirmFormBody form .confirmFormList {
  margin-top: 2em;
}

body.contact main section .confirmFormBody form .confirmFormList li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #b4b2b2;
}

body.contact main section .confirmFormBody form .confirmFormList li:nth-of-type(even), body.contact main section .confirmFormBody form .confirmFormList li:nth-of-type(even) p {
  background-color: #ccc;
}

body.contact main section .confirmFormBody form .confirmFormList li:last-child {
  border-bottom: none !important;
}

body.contact main section .confirmFormBody form .confirmFormList li label {
  flex-basis: max(20%, 160px);
  padding: 1em;
}

body.contact main section .confirmFormBody form .confirmFormList li p {
  flex-basis: calc(100% - max(20%, 160px));
  padding: 1em;
  font-size: 16px;
  border: none !important;
}

@media only screen and (max-width: 768px) {
  body.contact main section .confirmFormBody form .confirmFormList {
    flex-direction: column;
  }

  body.contact main section .confirmFormBody form .confirmFormList li {
    background-color: unset;
    flex-direction: column;
  }

  body.contact main section .confirmFormBody form .confirmFormList li p {
    background-color: #fff !important;
  }

  body.contact main section .confirmFormBody form .confirmFormList li label {
    background-color: #ccc;
  }
}

body.contact main section .confirmFormBody form .confirmFormBtns {
  justify-content: center;
  margin-top: 2em;
}

body.contact main section .confirmFormBody form .confirmFormBtns li {
  margin: 0 5px;
}

body.contact main section .confirmFormBody form .confirmFormBtns li button {
  min-width: 120px;
  color: var(--text-color);
  border: 2px solid var(--text-color);
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-weight: 700;
}

body.contact main section .confirmFormBody form .confirmFormBtns li button {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.contact main section .confirmFormBody form .confirmFormBtns li button {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.contact main section .confirmFormBody form .confirmFormBtns li button {
    font-size: 18px;
  }
}

body.contact main section .confirmFormBody form .confirmFormBtns li:first-child button {
  background-color: #f0f0f0;
}

body.contact main section .confirmFormBody form .confirmFormBtns li:first-child button:hover {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
}

body.contact main section .confirmFormBody form .confirmFormBtns li:last-child button {
  background-color: #ffffff;
}

body.contact main section .confirmFormBody form .confirmFormBtns li:last-child button:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

body.contact main section .confirmFormBody form .confirmFormBtns li:last-child button img {
  margin-left: 10px;
}

body.contact footer .pageTopButton {
  bottom: 10%;
}

@media only screen and (max-width: 768px) {
  body.contact footer .pageTopButton {
    right: 10px;
    bottom: 80px;
  }
}

body.news main section {
  padding: 6em 0;
  margin: 0 4%;
}

body.news main section .newsList {
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 6em;
}

body.news main section .newsList li {
  padding: 1em;
  border-bottom: 1px solid #e9e8e8;
}

body.news main section .newsList li a {
  display: flex;
  align-items: center;
  position: relative;
}

body.news main section .newsList li a .date {
  background-color: #d5d3d3;
  color: #464646;
  padding: 1em 1.5em;
  min-width: 131px;
  margin-right: 3%;
  font-weight: 500;
}

body.news main section .newsList li a .date {
  font-size: 15px;
}

@media screen and (min-width: 320px) {
  body.news main section .newsList li a .date {
    font-size: calc(15px + 1 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.news main section .newsList li a .date {
    font-size: 16px;
  }
}

body.news main section .newsList li a .title {
  color: #000;
  margin-right: calc(30px + 10%);
}

body.news main section .newsList li a .title {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.news main section .newsList li a .title {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.news main section .newsList li a .title {
    font-size: 18px;
  }
}

body.news main section .newsList li a svg {
  display: block;
  width: 100%;
  position: absolute;
  left: 94%;
  top: 50%;
  transform: translate(-94%, -50%);
}

body.news main section .newsList li a svg .circleBody {
  fill: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.news main section .newsList li a svg .circleBorder {
  stroke: #000000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.news main section .newsList li a svg .triangle {
  fill: rgb(0, 0, 0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.news main section .newsList li a:hover svg .circleBody {
  fill: var(--primary-color);
}

body.news main section .newsList li a:hover svg .circleBorder {
  stroke: var(--primary-color);
}

body.news main section .newsList li a:hover svg .triangle {
  fill: rgb(255, 255, 255);
}

@media only screen and (max-width: 760px) {
  body.news main section .newsList li {
    padding: 1em 0;
  }

  body.news main section .newsList li a {
    flex-direction: column;
    align-items: flex-start;
  }

  body.news main section .newsList li a .date {
    margin-bottom: 1em;
  }
}

body.news main section .paginationButtons {
  padding: 3em 0 6em;
  justify-content: center;
}

body.news main section .paginationButtons button {
  font-size: 18px;
  font-weight: 700;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: var(--text-color);
}

body.news main section .paginationButtons button img {
  max-width: 40px;
  margin: 0 5px;
}

body.news main section .paginationButtons button:hover:not(:disabled) {
  background-color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
  color: #fff;
}

body.news main section .paginationButtons button.prevButton,
body.news main section .paginationButtons button.nextButton {
  width: 100px;
  border: 2px solid var(--text-color);
  background-color: unset;
  border-radius: 26px;
  padding: 0.5em 0;
}

body.news main section .paginationButtons button.prevButton:disabled,
body.news main section .paginationButtons button.nextButton:disabled {
  color: #a6a6a6;
  opacity: 0.8;
  border: 2px solid #a6a6a6;
}

body.news main section .paginationButtons .pageNumbersList {
  margin: 0 30px;
}

body.news main section .paginationButtons .pageNumbersList button {
  border: 2px solid var(--text-color);
  padding: 0.5em 0.8em;
  display: inline-block;
  margin: 0 5px;
  background-color: unset;
  border-radius: 10px;
  color: var(--text-color);
}

body.news main section .paginationButtons .pageNumbersList button.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

@media only screen and (max-width: 768px) {
  body.news main section .paginationButtons .pageNumbersList {
    margin: 0 2%;
  }
}

@media only screen and (max-width: 430px) {
  body.news main section .paginationButtons {
    position: relative;
    margin-top: 10px;
  }

  body.news main section .paginationButtons button.prevButton,
  body.news main section .paginationButtons button.nextButton {
    position: absolute;
    top: -10px;
  }

  body.news main section .paginationButtons button.prevButton {
    left: 0;
  }

  body.news main section .paginationButtons button.nextButton {
    right: 0;
  }
}

body.process * {
  color: #232323;
}

body.process main .mainHeader {
  padding: 0;
}

body.process main article {
  background-color: rgb(255, 255, 255);
  --v-height: 90px;
  position: relative;
  padding: 0 4% 8em;
}

@media only screen and (max-width: 768px) {
  body.process main article {
    --v-height: 60px;
  }
}

body.process main article:nth-of-type(1) {
  background-color: #ffffff;
}

body.process main article:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--process-bg-color);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.process main article section {
  z-index: 3;
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}

body.process main article section ul.processList {
  padding-top: 12em;
}

body.process main article section ul.processList li {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  border-radius: 32px;
  margin-bottom: 2%;
}

body.process main article section ul.processList li .num,
body.process main article section ul.processList li .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.process main article section ul.processList li .num {
  position: relative;
  width: 192px;
  height: 100%;
  min-height: 10em;
  background-color: var(--process-shape-color);
  margin-right: 40px;
  align-items: center;
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

body.process main article section ul.processList li .num p {
  color: #ffffff;
}

body.process main article section ul.processList li .num::after {
  --triangle-size: 38.519px;
  content: "";
  position: absolute;
  background-color: var(--process-shape-color);
  left: 99%;
  width: var(--triangle-size);
  height: var(--triangle-size);
  top: 50%;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 50%);
  clip-path: polygon(0% 0%, 0% 100%, 50% 50%);
}

body.process main article section ul.processList li .num p {
  line-height: 1;
}

body.process main article section ul.processList li .num p:nth-of-type(1) {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList li .num p:nth-of-type(1) {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList li .num p:nth-of-type(1) {
    font-size: 24px;
  }
}

body.process main article section ul.processList li .num p:nth-of-type(2) {
  font-size: 51px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList li .num p:nth-of-type(2) {
    font-size: calc(51px + 8 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList li .num p:nth-of-type(2) {
    font-size: 59px;
  }
}

body.process main article section ul.processList li .text {
  padding-left: 2%;
}

body.process main article section ul.processList li .text h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList li .text h4 {
    font-size: calc(21px + 9 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList li .text h4 {
    font-size: 30px;
  }
}

body.process main article section ul.processList li .text p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList li .text p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList li .text p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  body.process main article section ul.processList li {
    flex-direction: column;
    margin-bottom: max(4%, 30px);
  }

  body.process main article section ul.processList li .num {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 32px;
    margin-right: 0;
    padding: 1em 0;
    min-height: unset;
  }

  body.process main article section ul.processList li .num::after {
    --triangle-size: 1.2em;
    top: 94%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-clip-path: polygon(50% 100%, 100% 0, 0% 0%);
    clip-path: polygon(50% 100%, 100% 0, 0% 0%);
  }

  body.process main article section ul.processList li .text {
    padding: 1em;
  }
}

body.process main article section ul.processList .surveyList {
  margin-bottom: 2em;
}

body.process main article section ul.processList .surveyList h3 {
  font-weight: 500;
  padding: calc(1em - 2%) 0 1em;
}

body.process main article section ul.processList .surveyList h3 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList .surveyList h3 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList .surveyList h3 {
    font-size: 24px;
  }
}

body.process main article section ul.processList .surveyList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

body.process main article section ul.processList .surveyList ul li {
  flex-basis: 23.5%;
  border: 1px solid var(--process-shape-color);
  flex-direction: column;
  padding: 0 1em 1em 1em;
  margin-bottom: 2%;
  background-color: var(--process-bg-color);
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
}

body.process main article section ul.processList .surveyList ul li h4 {
  padding: 1em 0;
  color: var(--process-text-color);
}

body.process main article section ul.processList .surveyList ul li h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList .surveyList ul li h4 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList .surveyList ul li h4 {
    font-size: 24px;
  }
}

body.process main article section ul.processList .surveyList ul li p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.process main article section ul.processList .surveyList ul li p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section ul.processList .surveyList ul li p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) {
  body.process main article section ul.processList .surveyList ul li {
    flex-basis: 32%;
  }
}

@media only screen and (max-width: 768px) {
  body.process main article section ul.processList .surveyList ul li {
    flex-basis: 49%;
  }
}

@media only screen and (max-width: 380px) {
  body.process main article section ul.processList .surveyList ul li {
    flex-basis: 100%;
    margin-bottom: 4%;
  }
}

body.process main article section .flowContainer {
  padding-top: 8em;
}

body.process main article section .flowContainer h3 {
  color: var(--process-shape-color);
  text-align: center;
  padding-bottom: 3em;
}

body.process main article section .flowContainer h3 {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.process main article section .flowContainer h3 {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section .flowContainer h3 {
    font-size: 30px;
  }
}

body.process main article section .flowContainer ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.process main article section .flowContainer ul li:nth-of-type(2), body.process main article section .flowContainer ul li:nth-of-type(4) {
  padding-top: min(3em, 5vw);
  width: min(90px, 12vw);
}

body.process main article section .flowContainer ul li:nth-of-type(4) {
  padding-bottom: min(3em, 5vw);
}

body.process main article section .colorSimulation {
  padding-top: 10em;
}

body.process main article section .colorSimulation h3 {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1em;
}

body.process main article section .colorSimulation h3 {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.process main article section .colorSimulation h3 {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section .colorSimulation h3 {
    font-size: 30px;
  }
}

body.process main article section .colorSimulation h3 img {
  margin-right: 10px;
  max-height: 40px;
}

body.process main article section .colorSimulation h4 {
  font-size: 21px;
}

@media screen and (min-width: 320px) {
  body.process main article section .colorSimulation h4 {
    font-size: calc(21px + 3 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section .colorSimulation h4 {
    font-size: 24px;
  }
}

body.process main article section .colorSimulation p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.process main article section .colorSimulation p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.process main article section .colorSimulation p {
    font-size: 18px;
  }
}

body.process main article section .colorSimulation .colorContainer {
  padding-top: 6em;
  display: flex;
  flex-wrap: wrap;
}

body.process main article section .colorSimulation .colorContainer .image {
  flex-basis: 50%;
  padding-right: 4%;
}

body.process main article section .colorSimulation .colorContainer ul {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

body.process main article section .colorSimulation .colorContainer ul li {
  padding-bottom: 2%;
}

@media only screen and (max-width: 910px) {
  body.process main article section .colorSimulation .colorContainer {
    flex-direction: column;
  }

  body.process main article section .colorSimulation .colorContainer .image {
    padding-right: 0;
  }

  body.process main article section .colorSimulation .colorContainer ul {
    padding-top: 2em;
  }
}

body.reason main .mainHeader {
  background-color: var(--bg-color-pink);
  padding-bottom: 8em;
}

body.reason main article {
  --v-height: 90px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body.reason main article {
    --v-height: 60px;
  }
}

body.reason main article section {
  position: relative;
  z-index: 2;
}

body.reason main article:nth-of-type(1) {
  padding-bottom: 10em;
  background-color: var(--bg-color-pink);
}

body.reason main article:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: 0;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
  body.reason main article:nth-of-type(1)::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.reason main article:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: #ffffff;
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  body.reason main article:nth-of-type(1)::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.reason main article:nth-of-type(1) section {
  max-width: 1280px;
  margin: 0 auto;
}

@media only screen and (min-width: 1280px) {
  body.reason main article:nth-of-type(1) section {
    max-width: 100%;
  }
}

body.reason main article:nth-of-type(1) section .reason {
  padding-top: 4em;
  padding-bottom: 4em;
}

body.reason main article:nth-of-type(1) section .reason:nth-of-type(3) .top .text {
  padding-bottom: 3em;
}

body.reason main article:nth-of-type(1) section .reason .top {
  display: flex;
  flex-direction: row;
}

body.reason main article:nth-of-type(1) section .reason .top .text,
body.reason main article:nth-of-type(1) section .reason .top .image {
  position: relative;
}

body.reason main article:nth-of-type(1) section .reason .top .text {
  left: -20px;
  top: 20px;
  z-index: -1;
}

body.reason main article:nth-of-type(1) section .reason .top .text p {
  max-width: 546px;
  margin-left: 20px;
  padding: 40px 0 40px min(58px, 10%);
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-display: swap;
}

body.reason main article:nth-of-type(1) section .reason .top .text p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.reason main article:nth-of-type(1) section .reason .top .text p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.reason main article:nth-of-type(1) section .reason .top .text p {
    font-size: 18px;
  }
}

body.reason main article:nth-of-type(1) section .reason .top .text span {
  max-width: 546px;
  margin-left: calc(20px + min(58px, 10%));
  padding: 10px 15px;
  border-radius: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-display: swap;
  background-color: #fb8a8a;
  color: #ffffff;
  letter-spacing: 2px;
}

body.reason main article:nth-of-type(1) section .reason .top .text span {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.reason main article:nth-of-type(1) section .reason .top .text span {
    font-size: calc(14px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.reason main article:nth-of-type(1) section .reason .top .text span {
    font-size: 18px;
  }
}

body.reason main article:nth-of-type(1) section .reason .bottom {
  padding-top: 2em;
  text-align: right;
  padding-left: 4%;
}

body.reason main article:nth-of-type(1) section .reason:nth-of-type(2) .bottom {
  padding-top: 2em;
  text-align: left;
  padding-right: 4%;
  padding-left: 0;
}

@media only screen and (max-width: 910px) {
  body.reason main article:nth-of-type(1) section .reason .top {
    padding-right: 4%;
    flex-direction: column-reverse;
  }

  body.reason main article:nth-of-type(1) section .reason .top .text {
    left: 0;
    top: 0;
    padding-top: 3em;
  }

  body.reason main article:nth-of-type(1) section .reason .top .text img {
    margin-left: -4%;
  }

  body.reason main article:nth-of-type(1) section .reason .top .text p {
    padding: 6% 0 6% min(30px, 7%);
    display: block;
    margin-left: 0;
  }

  body.reason main article:nth-of-type(1) section .reason .top .text span {
    margin-left: 4%;
  }

  body.reason main article:nth-of-type(1) section .reason .bottom {
    padding-top: 4%;
  }
}

body.reason main article:nth-of-type(2) {
  padding: 0 4% 4em;
}

body.reason main article:nth-of-type(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: var(--bg-color-pink);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.reason main article:nth-of-type(2) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

body.reason main article:nth-of-type(2) section .comment {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

body.reason main article:nth-of-type(2) section .comment:nth-of-type(1) {
  position: relative;
  top: -20%;
  transform: translateY(20%);
}

body.reason main article:nth-of-type(2) section .comment:nth-of-type(1) .text {
  margin-top: -5em;
}

body.reason main article:nth-of-type(2) section .comment:nth-of-type(1) .person {
  margin-top: -4em;
}

body.reason main article:nth-of-type(2) section .comment:nth-of-type(2) {
  margin-top: 2em;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
  body.reason main article:nth-of-type(2) section .comment {
    flex-direction: column;
    justify-content: space-between;
  }

  body.reason main article:nth-of-type(2) section .comment .text {
    width: 80%;
  }

  body.reason main article:nth-of-type(2) section .comment .person {
    width: 50%;
    margin-top: -4em;
  }

  body.reason main article:nth-of-type(2) section .comment:nth-of-type(1) .text {
    margin-left: -2em;
  }

  body.reason main article:nth-of-type(2) section .comment:nth-of-type(1) .person {
    align-self: flex-end;
  }

  body.reason main article:nth-of-type(2) section .comment:nth-of-type(2) {
    top: 20%;
    transform: translateY(-20%);
    flex-direction: column;
  }

  body.reason main article:nth-of-type(2) section .comment:nth-of-type(2) .text {
    align-self: flex-end;
  }

  body.reason main article:nth-of-type(2) section .comment:nth-of-type(2) .person {
    align-self: flex-start;
  }
}

body.reason footer .footer-navigation::before {
  background-color: var(--bg-color-pink);
}

body.recruit main article {
  --v-height: 90px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body.recruit main article {
    --v-height: 60px;
  }
}

body.recruit main article section {
  position: relative;
  z-index: 2;
}

body.recruit main article:nth-of-type(1) {
  padding-bottom: 6em;
}

body.recruit main article:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: -1;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
  body.recruit main article:nth-of-type(1)::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.recruit main article:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: var(--bg-color-purple);
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  body.recruit main article:nth-of-type(1)::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.recruit main article:nth-of-type(1) section {
  width: 100%;
  margin: 0 auto;
  padding-top: 6em;
}

@media only screen and (min-width: 1221px) {
  body.recruit main article:nth-of-type(1) section .recruit {
    text-align: center;
  }
}

body.recruit main article:nth-of-type(1) section .recruit .sp-content {
  display: none;
}

body.recruit main article:nth-of-type(1) section .recruit.recruit-1 .pc-content img {
  max-width: 1294px;
}

@media only screen and (max-width: 1220px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-1 .pc-content img {
    max-width: 100%;
  }
}

body.recruit main article:nth-of-type(1) section .recruit.recruit-2 .pc-content img {
  max-width: 1400px;
}

@media only screen and (max-width: 1280px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-2 .pc-content img {
    max-width: 100%;
  }
}

body.recruit main article:nth-of-type(1) section .recruit.recruit-3 .pc-content img {
  max-width: 1329px;
}

@media only screen and (max-width: 1224px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-3 .pc-content img {
    max-width: 100%;
  }
}

body.recruit main article:nth-of-type(1) section .dashedBorder {
  width: 90%;
  margin: 6em auto;
  border-bottom: 2px dashed #000;
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit {
    padding: 0;
    text-align: center !important;
  }

  body.recruit main article:nth-of-type(1) section .recruit .pc-content {
    display: none;
  }

  body.recruit main article:nth-of-type(1) section .recruit .sp-content {
    display: block;
  }

  body.recruit main article:nth-of-type(1) section .recruit .text {
    background-color: #ffffff;
    text-align: left;
    border-radius: 20px;
    z-index: 1;
    position: relative;
    margin: 0 4%;
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .name {
    margin-top: max(-15vw, -100px);
    padding: 5%;
    border-bottom: 4px solid var(--recruit-text-color);
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .name span {
    font-family: "Concert One", cursive;
    font-style: normal;
    font-display: swap;
    color: var(--recruit-light-purple);
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .name span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .name span {
    font-size: calc(20px + 10 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .name span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .name p {
    color: var(--recruit-text-color);
    font-weight: 700;
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .name p {
    font-size: 28px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .name p {
    font-size: calc(28px + 17 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .name p {
    font-size: 45px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .details {
    padding: 5%;
    margin-bottom: max(5.5vw, 4%);
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .details p {
    text-align: justify;
  }

  body.recruit main article:nth-of-type(1) section .recruit .text .details p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .details p {
    font-size: calc(18px + 0 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit main article:nth-of-type(1) section .recruit .text .details p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit .comment {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 4%;
  }
}

@media only screen and (max-width: 910px) and (max-width: 430px) {
  body.recruit main article:nth-of-type(1) section .recruit .comment {
    max-width: 92%;
  }
}

@media only screen and (max-width: 910px) {

  body.recruit main article:nth-of-type(1) section .recruit.recruit-1 .images,
  body.recruit main article:nth-of-type(1) section .recruit.recruit-3 .images {
    padding-left: 4%;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-1 .personImage {
    max-width: 60% !important;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-2 .personImage {
    max-width: 80% !important;
  }

  body.recruit main article:nth-of-type(1) section .recruit.recruit-2 .text .name {
    margin-top: max(-10vw, -60px);
  }

  body.recruit main article:nth-of-type(1) section .recruit.recruit-2 .images {
    padding-right: 4%;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(1) section .recruit.recruit-3 .personImage {
    max-width: 60% !important;
  }
}

body.recruit main article:nth-of-type(2) section, body.recruit main article:nth-of-type(3) section {
  text-align: center;
}

body.recruit main article:nth-of-type(2) section h3, body.recruit main article:nth-of-type(3) section h3 {
  color: var(--recruit-text-color);
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
}

body.recruit main article:nth-of-type(2) section h3, body.recruit main article:nth-of-type(3) section h3 {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(2) section h3, body.recruit main article:nth-of-type(3) section h3 {
    font-size: calc(28px + 8 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(2) section h3, body.recruit main article:nth-of-type(3) section h3 {
    font-size: 36px;
  }
}

body.recruit main article:nth-of-type(2) section h3::before, body.recruit main article:nth-of-type(2) section h3::after, body.recruit main article:nth-of-type(3) section h3::before, body.recruit main article:nth-of-type(3) section h3::after {
  content: "";
  background-repeat: no-repeat;
  background-position: 50%;
  width: 32px;
  height: 100%;
  position: absolute;
}

body.recruit main article:nth-of-type(2) section h3::before, body.recruit main article:nth-of-type(3) section h3::before {
  background-image: url("../images/recruit/left-star.png");
  left: -40px;
}

body.recruit main article:nth-of-type(2) section h3::after, body.recruit main article:nth-of-type(3) section h3::after {
  background-image: url("../images/recruit/right-star.png");
  right: -40px;
}

body.recruit main article:nth-of-type(2) {
  background-color: rgb(255, 255, 255);
  padding: 8em 4% 0;
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(2) {
    padding: 6em 0 0;
  }
}

body.recruit main article:nth-of-type(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.recruit main article:nth-of-type(2) section {
  z-index: 3;
  max-width: 1260px;
  margin: 0 auto;
  padding-bottom: 12em;
}

@media only screen and (max-width: 500px) {
  body.recruit main article:nth-of-type(2) section {
    padding-bottom: 4em;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit {
  position: relative;
}

@media only screen and (max-width: 500px) {
  body.recruit main article:nth-of-type(2) section .newrecruit {
    padding-bottom: 0;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader {
  display: flex;
  align-items: center;
  background-color: var(--recruit-text-color);
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .innerLeftImage {
  display: none;
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name {
  width: 100%;
  padding: min(4vw, 160px) 0;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name span {
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name span {
  font-size: 20px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name span {
    font-size: calc(20px + 10 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name span {
    font-size: 30px;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name p {
  font-weight: 700;
  margin-left: min(4%, 40px);
}

body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name p {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name p {
    font-size: calc(28px + 17 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name p {
    font-size: 45px;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit .details {
  padding: 4% 0 0 0;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
  max-width: 353px;
  float: left;
  margin: -21% 0 0 -4%;
  width: 30vw;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightImage {
  float: right;
  margin: -8em 4% 0 2em;
  max-width: 284px;
  width: 25vw;
}

@media only screen and (max-width: 1200px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightImage {
    margin-right: 10px;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightBottomImage {
  float: right;
  margin: 2em 0 1% 2em;
  max-width: 561px;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details p {
  text-align: justify;
  padding-bottom: 2em;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details p {
  font-size: 18px;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details p {
  margin-top: 2em
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details p {
    /* font-size: calc(18px + 0 * ((100vw - 320px) / 980)); */
    font-size: 16px;
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details p {
    font-size: 18px;
  }
}

body.recruit main article:nth-of-type(2) section .newrecruit .details p img {
  padding-left: 4%;
}

body.recruit main article:nth-of-type(2) section .newrecruit .details p:nth-of-type(1) {
  margin-left: calc(min(353px, 30vw) - 4% + 2em);
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader {
    position: relative;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .innerLeftImage {
    flex-basis: 50%;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .innerLeftImage img {
    display: block;
    position: absolute;
    bottom: 0;
    max-width: 40%;
    min-width: min(307px, 50vw);
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name {
    flex-direction: column;
    width: 50%;
    padding: min(13vw, 160px) 0;
    align-items: flex-start;
    padding-left: 20px;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .nameHeader .name p {
    margin-left: 0;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details {
    padding: 4%;
    position: relative;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-36%);
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightImage {
    float: right;
    margin: 0 0 4% 4%;
    max-width: 284px;
    width: 50%;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightBottomImage {
    float: right;
    margin: 0 0 1% 2em;
    max-width: 561px;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details p {
    margin: 0;
  }

  body.recruit main article:nth-of-type(2) section .newrecruit .details p:nth-of-type(1) {
    margin-left: 0;
  }
}

@media screen and (max-width:500px) {

  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-52%);
    max-width: 180px;
    width: 100%;
  }
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightImage {
    float: none;
    margin: 0 0 4% 0;
    max-width: 284px;
    width: 100%;
  }
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerRightBottomImage{
    margin: 0 0 1% 0;
    max-width: 100%;
    width: 100%;
    float: none;
  }
}

@media screen and (max-width:414px) {

  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-53%);
    max-width: 180px;
    width: 100%;
  }
}

@media screen and (max-width: 390px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-53%);
    max-width: 167px;
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-53%);
    max-width: 160px;
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  body.recruit main article:nth-of-type(2) section .newrecruit .details .innerLeftImage {
    /* display: none; */
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-58%);
    max-width: 160px;
    width: 100%;
  }
}

body.recruit main article:nth-of-type(3) {
  background-color: rgb(255, 255, 255);
  padding: 4em 0 6em;
}

body.recruit main article:nth-of-type(3)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.recruit main article:nth-of-type(3) section {
  z-index: 3;
  margin: 0 auto;
  width: 100vw;
  overflow: hidden;
  padding: 0 4%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

body.recruit main article:nth-of-type(3) section ::-webkit-scrollbar {
  height: 20px;
}

body.recruit main article:nth-of-type(3) section ::-webkit-scrollbar-track {
  border-radius: 4px;
  margin-top: 2em;
  background: var(--bg-color-purple);
}

body.recruit main article:nth-of-type(3) section ::-webkit-scrollbar-thumb {
  background: var(--recruit-text-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 4px;
}

body.recruit main article:nth-of-type(3) section ::-webkit-scrollbar-thumb:hover {
  background: #4f397e;
}

body.recruit main article:nth-of-type(3) section .eventImageGallery {
  width: 100%;
  display: flex;
  gap: min(40px, 4%);
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 20px;
  text-align: center;
}

body.recruit main article:nth-of-type(3) section .eventImageGallery img {
  min-width: min(70%, 800px);
  -o-object-fit: cover;
  object-fit: cover;
}

body.recruit main article:nth-of-type(4) {
  background-color: rgb(255, 255, 255);
  padding: 8em 4% 0;
}

body.recruit main article:nth-of-type(4) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 4em;
}

body.recruit main article:nth-of-type(4) section h3 {
  color: var(--recruit-text-color);
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1em;
}

body.recruit main article:nth-of-type(4) section h3 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(4) section h3 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(4) section h3 {
    font-size: 30px;
  }
}

body.recruit main article:nth-of-type(4) section h3 img {
  margin-right: 10px;
  max-height: 40px;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) {
  position: relative;
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto 8em;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer {
  border: 2px solid #000;
  border-radius: 24px;
  padding: 0 1em;
  max-width: 970px;
  margin: 0 auto;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table {
  width: 100%;
  border-collapse: collapse;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table {
    font-size: 18px;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr {
  display: flex;
  border-bottom: 2px dashed #000;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr:last-child {
  border-bottom: none;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th,
body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
  padding: 1em 0;
  text-align: left;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th {
  flex-basis: 20%;
  padding-left: 2%;
  min-width: 120px;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
  border-left: 2px solid #000;
  padding-left: 4%;
  flex-basis: 80%;
}

@media only screen and (max-width: 910px) {

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th,
  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
    padding: 1em 0;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th {
    padding-left: 1%;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
    padding-left: 3%;
  }
}

@media only screen and (max-width: 430px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr {
    flex-direction: column;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th,
  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
    flex-basis: 100%;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr th {
    padding-left: 0;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(1) .tableContainer table tr td {
    border: none !important;
    padding-top: 0;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li {
  --circle-size: 54px;
}

@media only screen and (max-width: 430px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li {
    --circle-size: 40px;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p {
  position: relative;
  margin-left: calc(var(--circle-size) + 1em);
  padding: 1em 0;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p::before {
  left: calc((var(--circle-size) + 0.5em) * -1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
  display: inline-flex;
  width: var(--circle-size);
  height: var(--circle-size);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p::before {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p::before {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p::before {
    font-size: 30px;
  }
}

@media only screen and (max-width: 370px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p {
    margin-left: calc(var(--circle-size) + 0.5em);
    padding: 0.2em 0;
  }

  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li p::before {
    left: calc((var(--circle-size) + 0.2em) * -1);
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question {
  position: relative;
  border-radius: 42px;
  border: 1px solid #000;
  padding: 0 0.5em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 370px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question {
    padding: 0 0.2em;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question:hover {
  cursor: pointer;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question p {
  font-weight: 700;
  margin-right: 8%;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question p {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question p {
    font-size: 18px;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question p::before {
  content: "Q";
  color: var(--recruit-text-color);
  background-color: var(--recruit-light-purple);
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question .triangle {
  position: absolute;
  right: 2%;
  width: 22px;
  top: 50%;
  transform: translateY(-50%);
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .question .triangle svg.triangleIco {
  fill: var(--recruit-text-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer {
  transform-origin: top center;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
  margin-bottom: 1em;
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p {
    font-size: calc(14px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p {
    font-size: 18px;
  }
}

body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p::before {
  content: "A";
  color: var(--recruit-light-purple);
  background-color: var(--recruit-text-color);
}

@media only screen and (max-width: 910px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p::before {
    top: 0;
    top: 0;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 430px) {
  body.recruit main article:nth-of-type(4) section:nth-of-type(2) ul li .answer p::before {
    margin-top: 0.2em;
  }
}

body.recruit2 main article {
  --v-height: 90px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body.recruit2 main article {
    --v-height: 60px;
  }
}

body.recruit2 main article section {
  position: relative;
  z-index: 2;
}

body.recruit2 main article:nth-of-type(1) {
  padding-bottom: 6em;
}

body.recruit2 main article:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  -webkit-clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(43% var(--v-height), 90% calc(var(--v-height) * 2), 90% 100%, 0% 100%, 0% 0%);
  z-index: -1;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
  body.recruit2 main article:nth-of-type(1)::after {
    -webkit-clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(50% var(--v-height), 100% calc(var(--v-height) * 2), 100% 100%, 0% 100%, 0% 0%);
  }
}

body.recruit2 main article:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: calc(var(--v-height) * -1);
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: var(--bg-color-purple);
  -webkit-clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  clip-path: polygon(57% var(--v-height), 100% 0%, 100% 100%, 10% 100%, 10% calc(var(--v-height) * 2));
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  body.recruit2 main article:nth-of-type(1)::before {
    -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
    clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% calc(var(--v-height) * 2));
  }
}

body.recruit2 main article:nth-of-type(1) section {
  width: 100%;
  margin: 0 auto;
  padding: 6em 0 10em;
}

body.recruit2 main article:nth-of-type(1) section .recruit {
  padding: 6em 0;
  max-width: 1074px;
  margin: 0 auto;
  position: relative;
}

body.recruit2 main article:nth-of-type(1) section .recruit .images {
  position: absolute;
  top: -5%;
  left: 0;
  z-index: 2;
}

@media only screen and (max-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .images {
    width: min(386px, 29vw);
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit .text {
  background-color: #ffffff;
  text-align: left;
  border-radius: 20px;
  z-index: 1;
  margin-left: min(465px, 28vw);
  max-width: 758px;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .name {
  margin-top: max(-15vw, -100px);
  padding: 5%;
  border-bottom: 4px solid var(--recruit-text-color);
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .name span {
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
  color: var(--recruit-light-purple);
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .name span {
  font-size: 20px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .name span {
    font-size: calc(20px + 10 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .name span {
    font-size: 30px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .name p {
  color: var(--recruit-text-color);
  font-weight: 700;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .name p {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .name p {
    font-size: calc(28px + 17 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .name p {
    font-size: 45px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details {
  padding: 5%;
  margin-bottom: max(5.5vw, 4%);
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details img.right-image {
  float: right;
  margin: -50% calc((100vw - (518px + min(386px, 29vw))) / 4 * -1) 4% 4%;
  border-radius: 60px;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details img.left-image {
  float: left;
  margin: 20% 4% 0 -8vw;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details p {
  text-align: justify;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details p {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .details p {
    font-size: calc(18px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .details p {
    font-size: 18px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details p:nth-of-type(2) {
  padding: 1em 0;
}

body.recruit2 main article:nth-of-type(1) section .recruit .text .details .comment {
  position: absolute;
  bottom: -5%;
  right: 5%;
}

@media only screen and (max-width: 1200px) {
  body.recruit2 main article:nth-of-type(1) section .recruit .text .details img.right-image {
    width: min(432px, 40vw);
    margin: -50% -8vw 4% 4%;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit .text .details img.left-image {
    width: max(200px, 30vw);
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .images {
  position: absolute;
  top: 0%;
  right: -5%;
  left: unset;
  z-index: 2;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text {
  margin-left: 0;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name {
  margin-top: max(-15vw, -100px);
  padding: 5%;
  padding-left: min(350px, 28vw);
  border-bottom: 4px solid var(--recruit-text-color);
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name span {
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
  color: var(--recruit-light-purple);
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name span {
  font-size: 20px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name span {
    font-size: calc(20px + 10 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name span {
    font-size: 30px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name p {
  color: var(--recruit-text-color);
  font-weight: 700;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name p {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name p {
    font-size: calc(28px + 17 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .name p {
    font-size: 45px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details {
  padding: 5%;
  margin-bottom: max(5.5vw, 4%);
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details img.right-image {
  float: left;
  margin: -45% 4% 4% -8vw;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details img.left-image {
  float: right;
  margin: 10% -10% 0 4%;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details p {
  text-align: justify;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details p {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details p {
    font-size: calc(18px + 0 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details p {
    font-size: 18px;
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details p:nth-of-type(2) {
  padding: 1em 0;
}

body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details .comment {
  position: absolute;
  bottom: 0;
  right: unset;
  left: 5%;
}

@media only screen and (max-width: 1200px) {
  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details img.right-image {
    width: min(432px, 30vw);
    margin: -50% 4% 4% -8vw;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit-2 .text .details img.left-image {
    width: max(200px, 30vw);
  }
}

body.recruit2 main article:nth-of-type(1) section .recruit-3 {
  padding-bottom: 10em;
}

body.recruit2 main article:nth-of-type(1) section .recruit-3 .images {
  top: -15%;
}

body.recruit2 main article:nth-of-type(1) section .recruit-3 .text .details img.left-image {
  float: left;
  margin: 10% 4% 0 -5vw;
}

body.recruit2 main article:nth-of-type(1) section .dashedBorder {
  width: 90%;
  margin: 6em auto;
  border-bottom: 2px dashed #000;
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(1) section .recruit {
    padding: 0;
    text-align: center !important;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit .personImage {
    max-width: 50% !important;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit .text,
  body.recruit2 main article:nth-of-type(1) section .recruit .images,
  body.recruit2 main article:nth-of-type(1) section .recruit .comment {
    display: block;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit.recruit-1 .images,
  body.recruit2 main article:nth-of-type(1) section .recruit.recruit-3 .images {
    padding-left: 4%;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit.recruit-2 .personImage {
    max-width: 60% !important;
  }

  body.recruit2 main article:nth-of-type(1) section .recruit.recruit-2 .text .name {
    margin-top: max(-10vw, -60px);
  }

  body.recruit2 main article:nth-of-type(1) section .recruit.recruit-2 .images {
    padding-right: 4%;
  }
}

body.recruit2 main article:nth-of-type(2) section, body.recruit2 main article:nth-of-type(3) section {
  text-align: center;
}

body.recruit2 main article:nth-of-type(2) section h3, body.recruit2 main article:nth-of-type(3) section h3 {
  color: var(--recruit-text-color);
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
}

body.recruit2 main article:nth-of-type(2) section h3, body.recruit2 main article:nth-of-type(3) section h3 {
  font-size: 28px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(2) section h3, body.recruit2 main article:nth-of-type(3) section h3 {
    font-size: calc(28px + 8 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(2) section h3, body.recruit2 main article:nth-of-type(3) section h3 {
    font-size: 36px;
  }
}

body.recruit2 main article:nth-of-type(2) section h3::before, body.recruit2 main article:nth-of-type(2) section h3::after, body.recruit2 main article:nth-of-type(3) section h3::before, body.recruit2 main article:nth-of-type(3) section h3::after {
  content: "";
  background-repeat: no-repeat;
  background-position: 50%;
  width: 32px;
  height: 100%;
  position: absolute;
}

body.recruit2 main article:nth-of-type(2) section h3::before, body.recruit2 main article:nth-of-type(3) section h3::before {
  background-image: url("../images/recruit/left-star.png");
  left: -40px;
}

body.recruit2 main article:nth-of-type(2) section h3::after, body.recruit2 main article:nth-of-type(3) section h3::after {
  background-image: url("../images/recruit/right-star.png");
  right: -40px;
}

body.recruit2 main article:nth-of-type(2) {
  background-color: rgb(255, 255, 255);
  padding: 8em 4% 0;
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) {
    padding: 6em 0 0;
  }
}

body.recruit2 main article:nth-of-type(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.recruit2 main article:nth-of-type(2) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 12em;
}

body.recruit2 main article:nth-of-type(2) section .newrecruit {
  position: relative;
}

body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content {
  display: none;
}

@media only screen and (min-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(1) {
    transform: translateX(-3%);
    margin-bottom: 4em;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(2) {
    transform: translateX(3%);
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit {
    padding-bottom: min(15%, 8em);
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .pcImage {
    display: none;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content {
    display: block;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--recruit-text-color);
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .image {
    flex-basis: 50%;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .image img {
    display: block;
    position: absolute;
    bottom: 0;
    max-width: 40%;
    min-width: min(307px, 50vw);
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name {
    flex-basis: 50%;
    padding: 13vw 0;
    color: #fff;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name span {
    font-family: "Concert One", cursive;
    font-style: normal;
    font-display: swap;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name span {
    font-size: calc(20px + 10 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name p {
    font-weight: 700;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name p {
    font-size: 28px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name p {
    font-size: calc(28px + 17 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .nameHeader .name p {
    font-size: 45px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details {
    padding: 4%;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details .innerImage {
    float: right;
    margin-top: 10px;
    width: 50%;
    margin-left: 4%;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details p {
    text-align: justify;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details p {
    font-size: calc(18px + 0 * ((100vw - 320px) / 980));
  }
}

@media only screen and (max-width: 910px) and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .details p img {
    padding-left: 4%;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit .sp-content .image {
    padding: 0 4% 4%;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(1) .sp-content .nameHeader {
    flex-direction: row;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(1) .sp-content .nameHeader .image img {
    left: 0;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(1) .sp-content .nameHeader .name {
    text-align: left;
  }
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(2) .sp-content .nameHeader {
    flex-direction: row-reverse;
  }

  body.recruit2 main article:nth-of-type(2) section .newrecruit:nth-of-type(2) .sp-content .nameHeader .image img {
    right: 0;
  }
}

body.recruit2 main article:nth-of-type(3) {
  background-color: rgb(255, 255, 255);
  padding: 4em 4% 6em;
}

body.recruit2 main article:nth-of-type(3)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% + var(--v-height));
  width: 100%;
  background-image: url("../images/common/block-back.png");
  background-size: auto auto;
  background-repeat: repeat;
  -webkit-clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(50% var(--v-height), 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 2;
}

body.recruit2 main article:nth-of-type(3) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
}

body.recruit2 main article:nth-of-type(4) {
  background-color: rgb(255, 255, 255);
  padding: 6em 4% 0;
}

body.recruit2 main article:nth-of-type(4) section {
  z-index: 3;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 4em;
}

body.recruit2 main article:nth-of-type(4) section h3 {
  color: var(--recruit-text-color);
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1em;
}

body.recruit2 main article:nth-of-type(4) section h3 {
  font-size: 26px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(4) section h3 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(4) section h3 {
    font-size: 30px;
  }
}

body.recruit2 main article:nth-of-type(4) section h3 img {
  margin-right: 10px;
  max-height: 40px;
}

body.recruit2 main article:nth-of-type(4) section ul li {
  --circle-size: 54px;
}

@media only screen and (max-width: 430px) {
  body.recruit2 main article:nth-of-type(4) section ul li {
    --circle-size: 40px;
  }
}

body.recruit2 main article:nth-of-type(4) section ul li p {
  position: relative;
  margin-left: calc(var(--circle-size) + 1em);
  padding: 1em 0;
}

body.recruit2 main article:nth-of-type(4) section ul li p::before {
  left: calc((var(--circle-size) + 0.5em) * -1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Concert One", cursive;
  font-style: normal;
  font-display: swap;
  display: inline-flex;
  width: var(--circle-size);
  height: var(--circle-size);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

body.recruit2 main article:nth-of-type(4) section ul li p::before {
  font-size: 24px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(4) section ul li p::before {
    font-size: calc(24px + 6 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(4) section ul li p::before {
    font-size: 30px;
  }
}

@media only screen and (max-width: 370px) {
  body.recruit2 main article:nth-of-type(4) section ul li p {
    margin-left: calc(var(--circle-size) + 0.5em);
    padding: 0.2em 0;
  }

  body.recruit2 main article:nth-of-type(4) section ul li p::before {
    left: calc((var(--circle-size) + 0.2em) * -1);
  }
}

body.recruit2 main article:nth-of-type(4) section ul li .question {
  position: relative;
  border-radius: 42px;
  border: 1px solid #000;
  padding: 0 0.5em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 370px) {
  body.recruit2 main article:nth-of-type(4) section ul li .question {
    padding: 0 0.2em;
  }
}

body.recruit2 main article:nth-of-type(4) section ul li .question:hover {
  cursor: pointer;
}

body.recruit2 main article:nth-of-type(4) section ul li .question p {
  margin-right: 8%;
}

body.recruit2 main article:nth-of-type(4) section ul li .question p {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(4) section ul li .question p {
    font-size: calc(16px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(4) section ul li .question p {
    font-size: 20px;
  }
}

body.recruit2 main article:nth-of-type(4) section ul li .question p::before {
  content: "Q";
  color: var(--recruit-text-color);
  background-color: var(--recruit-light-purple);
}

body.recruit2 main article:nth-of-type(4) section ul li .question .triangle {
  position: absolute;
  right: 2%;
  width: 22px;
  top: 50%;
  transform: translateY(-50%);
}

body.recruit2 main article:nth-of-type(4) section ul li .question .triangle svg.triangleIco {
  fill: var(--recruit-text-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.recruit2 main article:nth-of-type(4) section ul li .answer {
  transform-origin: top center;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
  margin-bottom: 1em;
}

body.recruit2 main article:nth-of-type(4) section ul li .answer p {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  body.recruit2 main article:nth-of-type(4) section ul li .answer p {
    font-size: calc(14px + 4 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.recruit2 main article:nth-of-type(4) section ul li .answer p {
    font-size: 18px;
  }
}

body.recruit2 main article:nth-of-type(4) section ul li .answer p::before {
  content: "A";
  color: var(--recruit-light-purple);
  background-color: var(--recruit-text-color);
}

@media only screen and (max-width: 910px) {
  body.recruit2 main article:nth-of-type(4) section ul li .answer p::before {
    top: 0;
    top: 0;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 430px) {
  body.recruit2 main article:nth-of-type(4) section ul li .answer p::before {
    margin-top: 0.2em;
  }
}

body.information main {
  padding: 0 4%;
}

body.information main .mainHeader .formContainer {
  max-width: 400px;
  margin: 0 auto;
  padding: min(10vw, 8em) 0 0;
}

body.information main .mainHeader .formContainer p {
  padding: 2em 0 4em;
  text-align: left;
}

body.information main .mainHeader .formContainer form {
  width: 100%;
}

body.information main .mainHeader .formContainer form .formField {
  width: 100%;
  display: flex;
  flex-direction: column;
}

body.information main .mainHeader .formContainer form .formField:nth-of-type(1) {
  width: 100%;
  margin-bottom: 2em;
}

body.information main .mainHeader .formContainer form .formField label {
  align-self: flex-start;
  margin-bottom: 10px;
}

body.information main .mainHeader .formContainer form .formField label {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  body.information main .mainHeader .formContainer form .formField label {
    font-size: calc(18px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.information main .mainHeader .formContainer form .formField label {
    font-size: 20px;
  }
}

body.information main .mainHeader .formContainer form .formField input {
  width: 100%;
  background-color: #f5f5f5;
  padding: 2.2em 1em;
  border: none;
}

body.information main .mainHeader .formContainer form .errorMessage {
  padding: 1em 0;
  text-align: center;
  color: red;
}

body.information main .mainHeader .formContainer form .submitButton {
  margin-top: 4em;
}

body.information main .mainHeader .formContainer form .submitButton button {
  min-width: 257px;
  background-color: #ffffff;
  border: 2px solid currentColor;
  display: inline-block;
  padding: 1em;
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

body.information main .mainHeader .formContainer form .submitButton button {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  body.information main .mainHeader .formContainer form .submitButton button {
    font-size: calc(16px + 2 * ((100vw - 320px) / 980));
  }
}

@media screen and (min-width: 1300px) {
  body.information main .mainHeader .formContainer form .submitButton button {
    font-size: 18px;
  }
}

body.information main .mainHeader .formContainer form .submitButton button:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}