@charset "UTF-8";
/**
 * ピクセルをvwに変換
  * @param {number} px - ピクセル
  * @param {number} base - ベースとなるブレイクポイント
  * @return {string} vw
*/
.pageheading {
  padding-top: 70px;
  background: #F4F4F4;
  text-align: center;
}
.pageheading__title {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
}
.pageheading__title i {
  display: block;
  width: 72px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  left: -9px;
}
.pageheading__title span {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.5;
  color: #000;
}
.pageheading__subtitle {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .pageheading {
    padding-top: 8.21vw;
  }
  .pageheading__title {
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    left: -7vw;
  }
  .pageheading__title i {
    display: inline-block;
    margin-right: 2.31vw;
    width: 12.82vw;
    margin-bottom: 0;
    left: auto;
    position: relative;
    top: 3.59vw;
  }
  .pageheading__title i svg {
    width: 100%;
  }
  .pageheading__title span {
    font-size: 6.41vw;
    letter-spacing: 0.15em;
  }
  .pageheading__subtitle {
    text-align: left;
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    margin-top: 7.69vw;
    font-size: 3.85vw;
    letter-spacing: 0.08em;
    line-height: 1.8;
  }
}

.tab {
  background: #F4F4F4;
  padding-top: 70px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .tab {
    padding-top: 15.38vw;
    padding-bottom: 5.13vw;
  }
}
.tablist {
  max-width: 954px;
  padding: 0 37px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .tablist {
    max-width: none;
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
    gap: 1.54vw;
  }
}
.tab__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  height: 93px;
  border-radius: 20px;
  background: #d6d6d6;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.16em;
  transition: background 0.3s ease, color 0.3s ease;
}
.tab__button::after {
  content: "";
  display: block;
  width: 46px;
  height: 34px;
  transition: background 0.3s ease, color 0.3s ease;
  transition-delay: 0.05s;
  background: transparent;
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.tab__button.--active {
  background: #484AFE;
  color: #fff;
}
.tab__button.--active::after {
  content: "";
  display: block;
  width: 46px;
  height: 34px;
  position: absolute;
  background: #484AFE;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 768px) {
  .tab__button {
    height: 17.18vw;
    font-size: 3.59vw;
    text-align: center;
    border-radius: 4.1vw;
  }
  .tab__button::after {
    width: 6.67vw;
    height: 5.13vw;
    bottom: -1.28vw;
  }
  .tab__button--active::after {
    width: 6.67vw;
    height: 5.13vw;
    bottom: -1.28vw;
  }
}
.tab-panels {
  background: #F4F4F4;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .tab-panels {
    padding-bottom: 12.82vw;
  }
}
.tab-panel {
  display: none;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
}
.tab-panel.--active {
  display: block;
}
@media screen and (max-width: 768px) {
  .tab-panel {
    max-width: none;
    width: 87.69vw;
    padding: 0;
  }
}
.tab-panel-box {
  width: 100%;
}
.tab-panel .freeword {
  width: 100%;
  padding: 27px 30px;
  background: #fff;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .tab-panel .freeword {
    padding: 6.92vw 9.23vw 6.92vw 6.15vw;
    margin-bottom: 1.54vw;
  }
}
.tab-panel .accordion {
  width: 100%;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .tab-panel .accordion {
    margin-bottom: 1.54vw;
  }
}
.tab-panel .accordion-switch {
  width: 100%;
  padding: 18px 30px;
  background: #fff;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.tab-panel .accordion-switch span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.22em;
}
.tab-panel .accordion-switch i {
  display: inline-block;
  width: 15px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.46115%200.444598C6.06537%20-0.149514%205.19245%20-0.149516%204.79667%200.444596L0.169226%207.39089C-0.273497%208.05547%200.202924%208.94531%201.00147%208.94531L10.2563%208.94531C11.0549%208.94531%2011.5313%208.05547%2011.0886%207.3909L6.46115%200.444598Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .tab-panel .accordion-switch {
    padding: 4.62vw 5.64vw;
  }
  .tab-panel .accordion-switch span {
    font-size: 4.62vw;
  }
  .tab-panel .accordion-switch i {
    width: 3.33vw;
    height: 2.56vw;
  }
}
.tab-panel .accordion-content {
  width: 100%;
  background: #fff;
  padding: 40px 60px;
  display: none;
}
@media screen and (max-width: 768px) {
  .tab-panel .accordion-content {
    padding: 7.69vw 5.64vw 11.79vw;
  }
}
.tab-panel .accordion.active .accordion-switch i {
  transform: rotate(0);
}
.tab-panel .accordion.active .accordion-content {
  display: block;
}
.tab-panel .chkbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 46px;
}
.tab-panel .chkbox-lists {
  width: 33.3333333333%;
}
.tab-panel .chkbox-lists__title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 22px;
}
.tab-panel .chkbox-item {
  margin-bottom: 12px;
}
.tab-panel .chkbox-item label {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: flex;
}
.tab-panel .chkbox-item label::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  margin-right: 6px;
  vertical-align: middle;
}
.tab-panel .chkbox-item input[type=checkbox]:checked + label::before {
  background: #000000;
  border: none;
}
.tab-panel .chkbox-item input[type=checkbox]:focus-visible + label::before {
  outline: 3px solid #353032;
  outline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .tab-panel .chkbox {
    display: block;
  }
  .tab-panel .chkbox-lists {
    width: 100%;
    margin-bottom: 3.08vw;
  }
  .tab-panel .chkbox-lists__title {
    font-size: 3.85vw;
    margin-bottom: 5.64vw;
  }
  .tab-panel .chkbox-item {
    width: 100%;
    margin-bottom: 3.08vw;
  }
  .tab-panel .chkbox-item label {
    font-size: 3.33vw;
    line-height: 1.4;
  }
  .tab-panel .chkbox-item label::before {
    width: 3.85vw;
    height: 3.85vw;
    margin-right: 1.54vw;
  }
  .tab-panel .chkbox-item label span {
    display: inline-block;
    width: calc(100% - 4.1vw);
  }
}
.tab-panel .about_desc-modal {
  display: flex;
  align-items: center;
}
.tab-panel .about_desc-modal span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #484AFE;
  display: inline-block;
  margin-right: 6px;
}
.tab-panel .about_desc-modal i {
  display: inline-block;
  width: 5px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.353756%201L4.35352%204.99976L0.353756%208.99952%22%20stroke%3D%22%23484AFE%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
}
.tab-panel .area-content {
  padding: 40px 30px 114px;
}
@media screen and (max-width: 768px) {
  .tab-panel .area-content {
    padding: 7.69vw 4.1vw 9.23vw;
  }
}
.tab-panel .area-wrapper {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .tab-panel .area-wrapper {
    display: block;
  }
}
.tab-panel .area .map {
  width: 44.4214876033%;
  margin-right: 44px;
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .tab-panel .area .map {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
}
.tab-panel .area .map p {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.tab-panel .area .map .tabarea {
  width: 76.74418%;
  width: 330px;
  margin-left: 18.372%;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .tab-panel .area .map .tabarea {
    margin-left: 0;
  }
}
.tab-panel .area .map .tabarea .fig {
  width: 100%;
}
.tab-panel .area .map .tabarea .fig svg {
  width: 100%;
  height: auto;
}
.tab-panel .area .map .tabarea .btns {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tab-panel .area .map .tabarea .btns button {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  padding: 10px 12px;
  background: #d9d9d9;
  border-radius: 20px;
  font-size: 13px;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #000;
  transition: background 0.3s ease, color 0.3s ease;
}
.tab-panel .area .map .tabarea .btns button:hover {
  background: #000000;
  color: #fff;
}
.tab-panel .area .map .tabarea .btns button.--active {
  background: #000000;
  color: #fff;
}
.tab-panel .area .map .tabarea .btns button[data-area=north] {
  top: 19.13%;
  left: 60.255%;
}
.tab-panel .area .map .tabarea .btns button[data-area=east] {
  top: 52.655%;
  right: 3.827%;
}
.tab-panel .area .map .tabarea .btns button[data-area=west] {
  bottom: 24%;
  left: 12.827%;
}
.tab-panel .area .map .tabarea .btns button[data-area=central] {
  top: 48%;
  left: 36.655%;
}
.tab-panel .area .map .tabarea .btns button[data-area=azuma] {
  top: 25.3%;
  left: -1%;
}
.tab-panel .area .map .tabarea .btns button[data-area=online] {
  width: 100px;
  text-align: center;
  bottom: -18%;
  left: 14%;
}
.tab-panel .area .map .tabarea .btns button[data-area=out] {
  width: 100px;
  text-align: center;
  bottom: -18%;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .tab-panel .area .map {
    width: 100%;
    margin-right: 0;
    margin-bottom: 23.08vw;
  }
  .tab-panel .area .map p {
    font-size: 3.33vw;
    margin-bottom: 3.08vw;
  }
  .tab-panel .area .map .tabarea {
    width: 97.1%;
    margin-left: 0;
  }
  .tab-panel .area .map .tabarea .fig svg {
    width: 100%;
  }
  .tab-panel .area .map .tabarea .btns button {
    padding: 2.56vw 3.08vw;
    font-size: 3.08vw;
  }
  .tab-panel .area .map .tabarea .btns button[data-area=online], .tab-panel .area .map .tabarea .btns button[data-area=out] {
    width: 25.64vw;
    bottom: -10.62vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .tab-panel .area .map .tabarea .btns button[data-area=online] {
    left: calc(50% + 16.41vw);
  }
  .tab-panel .area .map .tabarea .btns button[data-area=out] {
    left: calc(50% - 17.95vw);
  }
}
.tab-panel .area-checkbox {
  width: 35.3305%;
  padding: 0 22px;
}
.tab-panel .area-checkbox-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  display: none;
}
.tab-panel .area-checkbox-item--head {
  width: 100%;
}
.tab-panel .area-checkbox-item--head label {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .tab-panel .area-checkbox {
    width: 100%;
    padding: 0;
    margin-bottom: 7.69vw;
  }
  .tab-panel .area-checkbox-item {
    width: auto;
  }
  .tab-panel .area-checkbox-item--head {
    width: 100%;
    margin-bottom: 3.85vw;
  }
}
@media screen and (max-width: 768px) {
  .tab-panel .terms .chkbox-lists {
    margin-bottom: 9.23vw;
  }
}
.tab-panel .terms .chkbox-lists:nth-child(1) {
  width: 39.31718%;
}
.tab-panel .terms .chkbox-lists:nth-child(2) {
  width: 32.81938%;
}
.tab-panel .terms .chkbox-lists:nth-child(3) {
  width: 23.2378%;
}
@media screen and (max-width: 768px) {
  .tab-panel .terms .chkbox-lists:nth-child(1), .tab-panel .terms .chkbox-lists:nth-child(2), .tab-panel .terms .chkbox-lists:nth-child(3) {
    width: 100% !important;
  }
}
.tab-panel .terms-chkbox {
  gap: 21px;
}
.tab-panel .terms-chkbox--internship {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tab-panel .terms-chkbox--internship .chkbox-lists:nth-child(1) {
  width: 33.333%;
}
.tab-panel .terms-chkbox--internship .chkbox-lists:nth-child(2) {
  width: 33.333%;
}
.tab-panel .terms-chkbox--internship .chkbox-lists:nth-child(3) {
  width: 23.2378%;
}
.tab-panel input[type=text] {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.tab-panel input[type=text]::-moz-placeholder {
  color: #b3b3b3;
}
.tab-panel input[type=text]::placeholder {
  color: #b3b3b3;
}
@media screen and (max-width: 768px) {
  .tab-panel input[type=text] {
    font-size: 4.36vw;
  }
}
.tab-panel input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .tab-panel input[type=checkbox] {
    width: 3.85vw;
    height: 3.85vw;
    margin-right: 2.56vw;
  }
}

.selected-tags {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
  margin-top: 25px;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .selected-tags {
    max-width: none;
    width: 87.69vw;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .selected-tags {
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    margin-top: 8.97vw;
    gap: 3.08vw;
  }
}
.selected-tags .tag {
  margin-bottom: 5px;
}
.selected-tags .tag p {
  display: inline-block;
  background: #fff;
  padding: 5px 7px 5px;
}
.selected-tags .tag span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #4D4D4D;
}
.selected-tags .tag .tag-close {
  font-size: 14px;
  font-weight: 500;
  color: #484AFE;
}
@media screen and (max-width: 768px) {
  .selected-tags .tag {
    margin-bottom: 1.28vw;
  }
  .selected-tags .tag p {
    padding: 1.28vw 1.79vw 1.28vw;
  }
  .selected-tags .tag span {
    font-size: 3.08vw;
  }
  .selected-tags .tag .tag-close {
    font-size: 3.59vw;
  }
}

.btn-box {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn-box {
    max-width: none;
    width: 87.69vw;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .btn-box {
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    margin-top: 7.69vw;
  }
}

.clear {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .clear {
    font-size: 3.33vw;
    padding-bottom: 1.79vw;
    margin-bottom: 10.26vw;
  }
}

.toSearch {
  display: block;
  width: 298px;
  width: 320px;
  margin: 0 auto;
  padding: 24px 0;
}
.toSearch span {
  margin-right: 0;
}
.toSearch.linkBtn--outer {
  margin-top: 20px;
}
.toSearch--hoverBlue {
  transition: background 0.3s ease, color 0.3s ease;
}
.toSearch--hoverBlue:hover {
  background: #484AFE;
  color: #fff;
}
.toSearch--coming {
  background: #d6d6d6;
  cursor: not-allowed;
  padding-left: 10px;
}
.toSearch--coming span {
  color: #000;
}
.toSearch--coming svg {
  display: none;
}
.toSearch .inline-arrow {
  background-image: none;
}
.toSearch .linkBtn--note {
  width: 155px;
  width: 175px;
  font-size: 13px;
  line-height: 1.6;
  display: block;
  text-align: left;
  margin: 5px auto 0;
}
@media screen and (max-width: 768px) {
  .toSearch {
    width: 61.03vw;
    width: 65.38vw;
    max-width: none;
    padding: 5.64vw 0;
    border-radius: 15.38vw;
  }
  .toSearch .linkBtn--note {
    width: 50vw;
    letter-spacing: 0.18em;
  }
  .toSearch.toSearch--coming .linkBtn--note {
    width: 41vw;
  }
  .toSearch span {
    font-size: 4.36vw;
    margin-right: 0;
    letter-spacing: 0.2em;
  }
  .toSearch .inline-arrow {
    right: 6.15vw;
  }
  .toSearch--hoverBlue {
    transition: none;
    background: #484AFE;
    color: #fff;
  }
  .toSearch--outer {
    padding: 4.1vw 0;
  }
}

.modal-content {
  width: 960px;
  max-width: 960px;
  max-height: 71.283vh;
  padding-left: 0;
  padding-right: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  .modal-content {
    width: 87.18vw;
    max-width: none;
  }
}
.modal-content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
  .modal-content {
    width: 90vw;
    max-width: none;
  }
}

.certification {
  width: 84.7%;
  margin: 0 auto;
}
.certification__title {
  text-align: center;
  padding-bottom: 42px;
  margin-bottom: 50px;
  border-bottom: 3px solid #eaeaea;
}
.certification__title small {
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-bottom: 1em;
}
.certification__title b {
  display: block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .certification__title {
    padding-bottom: 10.26vw;
    margin-bottom: 10.26vw;
  }
  .certification__title small {
    font-size: 3.59vw;
    margin-bottom: 4.1vw;
  }
  .certification__title b {
    font-size: 5.13vw;
  }
}
.certification-section {
  margin-bottom: 32px;
}
.certification-section__title {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.44;
  padding-left: 16px;
  margin-bottom: 16px;
}
.certification-section__title::before {
  content: "";
  display: inline-block;
  background: #484AFE;
  border-radius: 2px;
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.certification-section__desc {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.12em;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .certification-section {
    margin-bottom: 16.41vw;
  }
  .certification-section__title {
    font-size: 4.62vw;
    padding-left: 4.1vw;
    margin-bottom: 4.1vw;
  }
  .certification-section__title::before {
    width: 1.54vw;
  }
  .certification-section__desc {
    font-size: 3.85vw;
    letter-spacing: 0.1em;
    margin-bottom: 5.13vw;
  }
}
.certification-box {
  width: 100%;
  padding: 3.75%;
  background: #f0f0f0;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .certification-box {
    padding: 6.15vw 4.62vw;
    margin-bottom: 5.13vw;
  }
}
.certification-list {
  display: flex;
  justify-content: flex-start;
  gap: 34px;
}
@media screen and (max-width: 768px) {
  .certification-list {
    display: block;
  }
  .certification-list > * + * {
    margin-top: 7.69vw;
  }
}
.certification-item {
  display: flex;
  width: 50%;
}
.certification-item__icon {
  width: 76px;
  margin-right: 14px;
}
.certification-item__icon img {
  width: 100%;
}
.certification-item__text {
  width: calc(100% - 90px);
}
.certification-item__text dt {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}
.certification-item__text dd {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.53;
}
@media screen and (max-width: 768px) {
  .certification-item {
    width: 100%;
  }
  .certification-item__icon {
    width: 19.49vw;
    margin-right: 3.59vw;
  }
  .certification-item__text {
    width: calc(100% - 23.08vw);
  }
  .certification-item__text dt {
    font-size: 3.85vw;
    margin-bottom: 2.05vw;
  }
  .certification-item__text dd {
    font-size: 3.33vw;
  }
}
.certification .linkBtn {
  padding-top: 14px;
  padding-bottom: 14px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 163px;
}
.certification .linkBtn span {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .certification .linkBtn {
    width: 41.79vw;
    padding-top: 3.59vw;
    padding-bottom: 3.59vw;
  }
  .certification .linkBtn span {
    font-size: 3.33vw;
  }
}

.banner-search {
  width: 196px;
  height: 70px;
  bottom: 30px;
  right: 0px;
  position: fixed;
  z-index: 999;
}
.banner-search a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #484AFE;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  padding-left: 16px;
}
.banner-search a i {
  display: inline-block;
  width: 40px;
  margin-right: 8px;
}
.banner-search a i svg {
  width: 100%;
  height: auto;
}
.banner-search a span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .banner-search {
    width: 41.03vw;
    height: 13.85vw;
    bottom: 20.51vw;
  }
  .banner-search a {
    padding-left: 2.31vw;
    border-bottom-left-radius: 4.1vw;
    border-top-left-radius: 4.1vw;
  }
  .banner-search a i {
    width: 7.95vw;
    margin-right: 0.51vw;
  }
  .banner-search a span {
    font-size: 3.33vw;
  }
}

.search-btnbox {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.search-btnbox > .toSearch {
  margin: 0;
}
.search-btnbox > .toSearch:not(.toSearch--coming) {
  opacity: 1;
  transition: all 0.3s ease;
}
.search-btnbox > .toSearch:not(.toSearch--coming):hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .search-btnbox {
    margin-top: 10.26vw;
    display: block;
  }
  .search-btnbox > .toSearch {
    margin: 0 auto 5.13vw;
  }
}

.result {
  padding-top: 80px;
  padding-bottom: 120px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .result {
    padding-top: 15.38vw;
    padding-bottom: 20.51vw;
  }
}
.result-wrapper {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 36px;
}
@media screen and (max-width: 768px) {
  .result-wrapper {
    max-width: none;
    width: 87.69vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
}
.result__title {
  padding-left: 16px;
  position: relative;
  line-height: 1.36;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 50px;
}
.result__title::before {
  content: "";
  width: 6px;
  height: 100%;
  background: #1ABE71;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .result__title {
    font-size: 4.1vw;
    margin-bottom: 10.77vw;
  }
  .result__title::before {
    width: 1.54vw;
    border-radius: 0.51vw;
  }
}
.result-content .no-result {
  display: none;
}
.result-lists {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .result-lists {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10.77vw;
    -moz-column-gap: 3.59vw;
         column-gap: 3.59vw;
  }
}
.result-item-wrapper {
  display: block;
  width: 100%;
}
.result-item .photo {
  width: 100%;
  aspect-ratio: 363/190;
  position: relative;
}
.result-item .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.result-item .photo .area {
  display: inline-block;
  padding: 6px 8px;
  background: #000;
  border-radius: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 768px) {
  .result-item .photo {
    aspect-ratio: 170/120;
  }
  .result-item .photo img {
    border-radius: 4.1vw;
  }
  .result-item .photo .area {
    padding: 1.54vw 2.05vw;
    font-size: 2.82vw;
    border-radius: 12.82vw;
  }
}
.result-item .title {
  margin-bottom: 8px;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .result-item .title {
    font-size: 3.59vw;
    margin-top: 2.56vw;
    margin-bottom: 2.05vw;
  }
}
.result-item .ev-date {
  display: flex;
  margin-top: 14px;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .result-item .ev-date {
    margin-top: 3.59vw;
    display: block;
  }
}
.result-item .ev-date dt {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 6px;
  background: #eaeaea;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .result-item .ev-date dt {
    font-size: 3.33vw;
    padding: 1.03vw 1.54vw;
    margin-right: 2.56vw;
    margin-bottom: 1.54vw;
  }
}
.result-item .ev-date dd span {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .result-item .ev-date dd span {
    font-size: 3.59vw;
  }
}
.result-item .category {
  margin-top: 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .result-item .category {
    font-size: 3.08vw;
    margin-top: 3.08vw;
  }
}
.result-item .description {
  margin-top: 8px;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.53;
  font-weight: 600;
  color: #484AFE;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .result-item .description {
    font-size: 3.59vw;
    margin-top: 2.05vw;
  }
}
.result-item .company-name {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: #979797;
}
@media screen and (max-width: 768px) {
  .result-item .company-name {
    font-size: 2.82vw;
    margin-top: 2.05vw;
  }
}
.result-item .place {
  margin-top: 8px;
  font-size: 13px;
  letter-spacing: 0.08em;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
}
.result-item .place::before {
  content: "";
  display: block;
  width: 11px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20viewBox%3D%220%200%2011%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.5%200C4.04182%200.00165422%202.64383%200.581654%201.61274%201.61276C0.581648%202.64386%200.00165421%204.04186%200%205.50006C0%2010.2064%205%2013.7608%205.21313%2013.9095C5.2972%2013.9684%205.39735%2014%205.5%2014C5.60265%2014%205.7028%2013.9684%205.78687%2013.9095C6%2013.7608%2011%2010.2064%2011%205.50006C10.9983%204.04186%2010.4184%202.64386%209.38726%201.61276C8.35617%200.581654%206.95818%200.00165422%205.5%200ZM5.5%203.50004C5.89556%203.50004%206.28224%203.61733%206.61114%203.8371C6.94004%204.05686%207.19638%204.36922%207.34776%204.73468C7.49913%205.10014%207.53874%205.50227%207.46157%205.89024C7.3844%206.27821%207.19392%206.63457%206.91421%206.91428C6.63451%207.19399%206.27814%207.38447%205.89018%207.46165C5.50222%207.53882%205.10009%207.49921%204.73463%207.34783C4.36918%207.19646%204.05682%206.94011%203.83706%206.61121C3.6173%206.2823%203.5%205.89562%203.5%205.50006C3.5%204.96962%203.71071%204.4609%204.08579%204.08583C4.46086%203.71075%204.96957%203.50004%205.5%203.50004Z%22%20fill%3D%22%23484AFE%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .result-item .place {
    font-size: 3.08vw;
    margin-top: 1.03vw;
    padding-left: 4.62vw;
  }
  .result-item .place::before {
    width: 2.82vw;
    height: 3.59vw;
  }
}
.result-item .tags {
  margin-top: 12px;
}
.result-item .tags .tag {
  display: inline-block;
  margin-bottom: 6px;
  padding: 3px 6px;
  background: #E3E3E3;
  color: #4D4D4D;
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 500;
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .result-item .tags {
    margin-top: 3.08vw;
  }
  .result-item .tags .tag {
    font-size: 2.82vw;
    padding: 1.03vw 1.54vw;
    margin-bottom: 1.54vw;
  }
}
.result .readmore {
  display: block;
  width: 128px;
  margin: 70px auto 0;
  text-align: center;
  position: relative;
}
.result .readmore span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
.result .readmore i {
  display: inline-block;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70654%200.703366L4.70678%204.70312L0.707024%200.703365%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .result .readmore {
    width: 31.54vw;
    margin-top: 12.82vw;
  }
  .result .readmore span {
    font-size: 3.59vw;
  }
  .result .readmore i {
    width: 2.56vw;
    height: 1.54vw;
  }
}
/*# sourceMappingURL=search.css.map */