@charset "UTF-8";
/*
 共通
*/
#page-mv .mv__head {
  flex-direction: column !important;
}
#page-mv .mv__head .sub {
  font-weight: 300 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 980px) {
  #page-mv .mv__head .sub {
    font-size: 3.2dvw !important;
  }
}
@media screen and (min-width: 981px) {
  #page-mv .mv__head .sub {
    padding-top: 3.125dvw !important;
  }
}
@media screen and (max-width: 980px) {
  #page-mv .mv__head .main {
    font-size: 8.533dvw !important;
    color: #000000 !important;
  }
}
@media screen and (min-width: 981px) {
  #page-mv .mv__head .main {
    font-size: 3.021dvw !important;
  }
}
#page-mv .mv__head .main {
  font-weight: 600 !important;
}
#page-mv .mv__image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #page-mv .mv__image {
    height: 128.8dvw;
  }
}
#page-mv .mv__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#page-mv .mv__image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FCA802;
  mix-blend-mode: soft-light;
}

.section__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 230px;
  background: rgba(252, 168, 2, 0.2);
  margin-bottom: 100px;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .section__head {
    margin-top: 21.867dvw;
    margin-bottom: 9.333dvw;
  }
}
.section__head::before {
  position: absolute;
  bottom: calc(100% + 17.6px);
  width: 74px;
  height: 104px;
}
@media screen and (max-width: 980px) {
  .section__head::before {
    width: 8.8dvw;
    height: 12.533dvw;
  }
}
.section__head .ttl {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  height: 81.76px;
  font-size: 32px;
  letter-spacing: 0.03125em;
  line-height: 1;
  font-weight: 500 !important;
}
@media screen and (max-width: 980px) {
  .section__head .ttl {
    height: 10.667dvw;
    font-size: 4.8dvw;
  }
}
.section__head .ttl::after, .section__head .ttl::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: calc((100vw - 100%) / 2);
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .section__head .ttl::after, .section__head .ttl::before {
    width: 12.267dvw;
  }
}
.section__head .ttl::after {
  background: linear-gradient(to right, rgba(252, 168, 2, 0.25) 0%, rgba(255, 247, 216, 0.25) 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 42px 100%);
  left: 100%;
}
@media screen and (max-width: 980px) {
  .section__head .ttl::after {
    left: 85%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5.6dvw 100%);
  }
}
.section__head .ttl::before {
  background: linear-gradient(to right, rgba(255, 247, 216, 0.25) 0%, rgba(252, 168, 2, 0.25) 100%);
  clip-path: polygon(0% 0%, calc(100% - 42px) 0%, 100% 100%, 0% 100%);
  right: 100%;
}
@media screen and (max-width: 980px) {
  .section__head .ttl::before {
    right: 85%;
    clip-path: polygon(0% 0%, calc(100% - 5.6dvw) 0%, 100% 100%, 0% 100%);
  }
}
.section__head .deco {
  position: absolute;
  top: calc(100% + 40px);
  right: 0;
}
@media screen and (max-width: 980px) {
  .section__head .deco {
    top: calc(100% + 4.267dvw);
  }
}
@media screen and (min-width: 981px) {
  .section__head .deco img {
    width: 980px;
    height: auto;
  }
}
@media screen and (max-width: 980px) {
  .section__head .deco img {
    width: 71.733dvw;
  }
}

#seminar-regular .regular__body {
  margin-bottom: 120px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__body {
    margin-bottom: 13.333dvw;
  }
}
#seminar-regular .regular__body .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__body .inner {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 8.8dvw;
    padding-right: 8.8dvw;
  }
}
#seminar-regular .regular__body .visual {
  margin-right: 3.021dvw;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__body .visual {
    margin-right: 0;
    margin-bottom: 4.533dvw;
  }
}
#seminar-regular .regular__body .visual img {
  width: 542px;
  max-width: 542px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__body .visual img {
    width: 82.667dvw;
    max-width: 82.667dvw;
  }
}
#seminar-regular .regular__body .read {
  font-size: 16px;
  letter-spacing: 0.0075em;
  line-height: 2;
  margin-right: 100px;
  font-weight: 400;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__body .read {
    font-size: 3.733dvw;
    margin-right: 0px;
    padding: 0 4dvw;
  }
}
#seminar-regular .regular__body .read a {
  color: #223ED5;
  text-decoration-line: underline;
  font-weight: 700;
}
#seminar-regular .regular__time-table {
  margin-bottom: 87px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .inner {
    padding-left: 8.8dvw;
  }
}
#seminar-regular .regular__time-table .time-table__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #FCA802;
  font-size: 28px;
  letter-spacing: 0.0178571429em;
  line-height: 1;
  margin-bottom: 26px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__head {
    font-size: 4.267dvw;
    line-height: 1.2;
  }
}
#seminar-regular .regular__time-table .time-table__head br {
  display: none;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__head br {
    display: inline;
  }
}
#seminar-regular .regular__time-table .time-table__head::before {
  content: "";
  background: url("../images/common/link-icon-y.svg") no-repeat;
  background-size: contain;
  width: 23px;
  height: 38px;
  margin-right: 9px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__head::before {
    width: 4dvw;
    height: 6.4dvw;
  }
}
#seminar-regular .regular__time-table .time-table__body {
  display: flex;
  justify-content: center;
  align-items: center;
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__body .body__wrapper {
    overflow-x: scroll;
    width: calc(100% + 8.8dvw);
    justify-content: flex-start;
  }
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .list {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 687px;
  border-radius: 100vh;
  background: linear-gradient(to right, #ffd277 0%, #fffae4 20%, #fffae4 80%, #ffd277 100%);
  padding: 0 calc((100% - 687px) / 2);
  height: 161px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__body .body__wrapper .list {
    padding: 0 22.4dvw;
    min-width: 183.2dvw;
    height: 42.933dvw;
  }
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item {
  position: relative;
  width: 33.3333333333%;
  height: 1px;
  background: #FCA802;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__body .body__wrapper .item {
    height: 0.267dvw;
  }
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item:last-child {
  width: 0;
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item .name, #seminar-regular .regular__time-table .time-table__body .body__wrapper .item .time {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  left: 0;
  white-space: nowrap;
  font-size: 18px;
  letter-spacing: 0.0277777778em;
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__body .body__wrapper .item .name, #seminar-regular .regular__time-table .time-table__body .body__wrapper .item .time {
    font-size: 3.733dvw;
  }
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item .name {
  bottom: calc(100% + 4px);
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item .time {
  top: calc(100% + 25px);
}
#seminar-regular .regular__time-table .time-table__body .body__wrapper .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  width: 11px;
  height: 11px;
  background: #FCA802;
  border-radius: 50%;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__time-table .time-table__body .body__wrapper .item::before {
    width: 2.4dvw;
    height: 2.4dvw;
  }
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .inner {
    padding-left: 8.8dvw;
    padding-right: 8.8dvw;
  }
}
#seminar-regular .regular__schedule .schedule__head {
  display: flex;
  flex-direction: row;
  font-size: 22px;
  letter-spacing: 0.0227272727em;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__head {
    font-size: 3.733dvw;
  }
}
#seminar-regular .regular__schedule .schedule__head::before {
  content: "";
  background: url("../images/common/mark-wg.svg") no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}
#seminar-regular .regular__schedule .schedule__table {
  width: 100%;
  margin-bottom: 94px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table {
    width: calc(100% + 8.8dvw);
    justify-content: flex-start;
    overflow: scroll;
  }
}
#seminar-regular .regular__schedule .schedule__table .table {
  width: calc(100% + 20px);
  border-collapse: separate;
  border-spacing: 10px 0;
  margin: 0 -10px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table {
    min-width: 985px;
  }
}
#seminar-regular .regular__schedule .schedule__table .table thead {
  height: 47px;
}
#seminar-regular .regular__schedule .schedule__table .table th {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 0;
  background: linear-gradient(to bottom, #007ac6 0%, #00449e 65%, #00449e 100%);
  font-size: 14px;
  letter-spacing: 0.0357142857em;
  line-height: 1;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 3px;
  white-space: nowrap;
  padding: 0;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table th {
    font-size: 2.933dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table tr {
  height: 107px;
  min-height: 107px;
}
#seminar-regular .regular__schedule .schedule__table .table td {
  padding: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 17px 5px;
  font-size: 16px;
  letter-spacing: 0.03125em;
  line-height: 1.375;
  font-weight: 500;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table td {
    font-size: 3.467dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .status {
  width: 100px;
  min-width: 100px;
}
#seminar-regular .regular__schedule .schedule__table .table .status.completed, #seminar-regular .regular__schedule .schedule__table .table .status.closed {
  color: #FCA802;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .status {
    width: 26.667dvw;
    min-width: 26.667dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .date {
  width: 143px;
  min-width: 143px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .date {
    width: 38.133dvw;
    min-width: 38.133dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .location {
  width: 201px;
  min-width: 201px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .location {
    width: 53.6dvw;
    min-width: 53.6dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .location_num {
  width: 112px;
  min-width: 112px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .location_num {
    width: 29.867dvw;
    min-width: 29.867dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .type {
  width: 121px;
  min-width: 121px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .type {
    width: 32.267dvw;
    min-width: 32.267dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .capacity {
  width: 86px;
  min-width: 86px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .capacity {
    width: 22.933dvw;
    min-width: 22.933dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .lunch {
  width: 85px;
  min-width: 85px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .lunch {
    width: 22.667dvw;
    min-width: 22.667dvw;
  }
}
#seminar-regular .regular__schedule .schedule__table .table .parking {
  width: 85px;
  min-width: 85px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .parking {
    width: 22.667dvw;
    min-width: 22.667dvw;
  }
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__table .table .notes {
    width: 40dvw;
    min-width: 40dvw;
  }
}
#seminar-regular .regular__schedule .schedule__guidelines {
  display: flex;
  justify-content: center;
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__wrapper {
  display: flex;
  flex-direction: row;
  width: 895px;
  max-width: 895px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__guidelines .guidelines__wrapper {
    flex-direction: column;
  }
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__name {
  border-radius: 4px;
  background: #D3D3D3;
  border: 1px solid #D3D3D3;
  color: #FFFFFF;
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__guidelines .guidelines__name {
    width: 100%;
    height: 10.4dvw;
    font-size: 4.267dvw;
    margin-bottom: 4.8dvw;
  }
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .list {
  list-style: none;
  padding-left: 18px;
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item {
  position: relative;
  padding-left: 21px;
  font-size: 14px;
  letter-spacing: 0.0142857143em;
  line-height: 1.5714285714;
  font-weight: 400;
  margin-bottom: 10px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item {
    font-size: 3.733dvw;
    padding-left: 4.5dvw;
    margin-bottom: 2.933dvw;
  }
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item.bold {
  font-weight: 600;
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  background: #D3D3D3;
  border-radius: 50%;
  height: 13px;
  width: 13px;
}
@media screen and (max-width: 980px) {
  #seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item::before {
    top: 1.867dvw;
    height: 3.467dvw;
    width: 3.467dvw;
  }
}
#seminar-regular .regular__schedule .schedule__guidelines .guidelines__body .item span {
  color: #FCA802;
}

#seminar-certification .section__head {
  margin-top: 295px;
}
@media screen and (max-width: 980px) {
  #seminar-certification .section__head {
    margin-top: 28dvw;
  }
}
#seminar-certification .section__head .deco {
  left: 0;
  right: unset;
}
@media screen and (max-width: 980px) {
  #seminar-certification .section__head .deco {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 981px) {
  #seminar-certification .section__head .deco img {
    width: 1200px;
    height: auto;
  }
}
@media screen and (max-width: 980px) {
  #seminar-certification .section__head .deco img {
    width: 92.533dvw;
  }
}
#seminar-certification .certification__body {
  margin-bottom: 120px;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body {
    margin-bottom: 17.067dvw;
  }
}
#seminar-certification .certification__body .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .inner {
    flex-direction: column-reverse;
    padding-left: 8.8dvw;
    padding-right: 8.8dvw;
  }
}
#seminar-certification .certification__body .visual {
  margin-left: 3.021dvw;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .visual {
    margin-left: 0;
    margin-bottom: 5.333dvw;
  }
}
#seminar-certification .certification__body .visual img {
  width: 600px;
  max-width: 600px;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .visual img {
    width: 100%;
    max-width: 100%;
  }
}
#seminar-certification .certification__body .read {
  position: relative;
  font-size: 16px;
  letter-spacing: 0.0075em;
  line-height: 2;
  font-size: 16px;
  margin-left: 100px;
  font-weight: 400;
  padding: 13px 0 20px 28px;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .read {
    font-size: 4.267dvw;
    margin-left: 0px;
  }
}
#seminar-certification .certification__body .read::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: linear-gradient(to bottom, #fca802 0%, rgba(255, 204, 1, 0.5) 100%);
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .read::before {
    width: 0.8dvw;
  }
}
#seminar-certification .certification__body .read__1 {
  margin-bottom: 18px;
}
#seminar-certification .certification__body .read__2 {
  margin-bottom: 7px;
}
#seminar-certification .certification__body .read__2 a {
  text-decoration: underline;
  color: #223ED5;
  font-size: 24px;
  letter-spacing: 0.0208333333em;
  line-height: 1.1666666667;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .read__2 a {
    font-size: 5.6dvw;
  }
}
#seminar-certification .certification__body .read__3 {
  font-size: 24px;
  letter-spacing: 0.0208333333em;
  line-height: 1.1666666667;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 980px) {
  #seminar-certification .certification__body .read__3 {
    font-size: 5.6dvw;
    margin-bottom: 0;
  }
}

#contact {
  background-image: url("../images/seminar/contact-bg.jpg");
  padding: 121px 0 71px;
}
@media screen and (max-width: 980px) {
  #contact {
    padding-left: 5.333dvw !important;
    padding-right: 5.333dvw !important;
  }
}
#contact .contact__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FCA802;
  font-size: 14px;
  letter-spacing: 0.0357142857em;
  line-height: 1;
  margin-bottom: 34px;
}
@media screen and (max-width: 980px) {
  #contact .contact__head {
    font-size: 3.733dvw;
    margin-bottom: 13.067dvw;
  }
}
#contact .contact__head::before {
  content: "";
  background: url("../images/common/mark-y.svg") no-repeat;
  background-size: contain;
  width: 69px;
  height: 97px;
  margin-right: 9px;
}
@media screen and (max-width: 980px) {
  #contact .contact__head::before {
    width: 14.4dvw;
    height: 20.267dvw;
    margin-right: 0px;
    margin-bottom: 1.6dvw;
  }
}
#contact .contact__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  border-radius: 17px;
  padding: 67px 100px 80px;
  background: #FFFFFF;
}
@media screen and (max-width: 980px) {
  #contact .contact__box {
    padding: 8dvw 8dvw 8dvw;
    width: 100%;
  }
}
#contact .contact__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 980px) {
  #contact .contact__list {
    flex-direction: column;
  }
}
#contact .contact__item {
  border-bottom: 1px solid #C9C9C9;
}
@media screen and (max-width: 980px) {
  #contact .contact__item {
    margin-bottom: 13.333dvw;
  }
}
#contact .contact__item .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E6E6E6;
  font-size: 22px;
  letter-spacing: 0.0227272727em;
  line-height: 1;
  padding: 10px 70px;
}
@media screen and (max-width: 980px) {
  #contact .contact__item .ttl {
    font-size: 4.8dvw;
    padding: 3.467dvw 0;
  }
}
#contact .contact__item .body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 192px;
}
@media screen and (max-width: 980px) {
  #contact .contact__item .body {
    min-height: auto;
  }
}
#contact .contact__item .small {
  font-size: 16px;
  letter-spacing: 0.03125em;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 980px) {
  #contact .contact__item .small {
    font-size: 4.267dvw;
  }
}
#contact .contact__item .large {
  font-size: 24px;
  letter-spacing: 0.0208333333em;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 980px) {
  #contact .contact__item .large {
    font-size: 6.4dvw;
  }
}
#contact .contact__item .tel {
  font-size: 16px;
  letter-spacing: 0.03125em;
  line-height: 1.5;
  -weight: 700;
}
@media screen and (max-width: 980px) {
  #contact .contact__item .tel {
    font-size: 3.733dvw;
  }
}
#contact .contact__item a {
  font-size: 32px;
  letter-spacing: 0.015625em;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  #contact .contact__item a {
    font-size: 7.467dvw;
  }
}
#contact .contact__item:nth-child(1) {
  width: 41.5%;
}
@media screen and (max-width: 980px) {
  #contact .contact__item:nth-child(1) {
    width: 100%;
  }
  #contact .contact__item:nth-child(1) .ttl {
    margin-bottom: 4dvw;
  }
  #contact .contact__item:nth-child(1) .tel {
    margin-bottom: 7.467dvw;
  }
}
#contact .contact__item:nth-child(2) {
  width: 51.7%;
}
@media screen and (max-width: 980px) {
  #contact .contact__item:nth-child(2) {
    width: 100%;
    padding-bottom: 7.467dvw;
  }
  #contact .contact__item:nth-child(2) .ttl {
    margin-bottom: 4.533dvw;
  }
  #contact .contact__item:nth-child(2) .small {
    margin-bottom: 3.733dvw;
  }
}

#page-action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 288px;
}
#page-action .linkbtn {
  position: relative;
  aspect-ratio: 3.82;
  width: 191px;
  background: #E2E2E2;
  border: 1px solid #000000;
}
@media screen and (max-width: 980px) {
  #page-action .linkbtn {
    color: #000000;
    justify-content: center;
  }
}
#page-action .linkbtn:hover {
  background: #A1A1A1;
  color: #000000;
}
#page-action .linkbtn:hover .link__icon {
  top: 58%;
}
#page-action .linkbtn .link__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  #page-action .linkbtn .link__icon {
    right: 25px;
  }
}
#page-action .linkbtn .link__icon::after {
  background-image: url("../images/common/link-icon-b.svg");
}

#page-closing {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  overflow: hidden;
}
#page-closing img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}