:root {
  --black: #213544;
  --gray: #c1c1c1;
  --lightGray: #f5f7f9;
  --deepGreen: #118780;
  --fontBold: 700;
  --fontNormal: 400;
}

/*-----------------------------------------------------
  common
/*-----------------------------------------------------*/
html {
  overflow-x: hidden;

  scroll-behavior: smooth;
}

body {
  width: 100%;
  color: #262626;
  line-height: 1.6;
  font-family: "BIZ UDPMincho", serif;
  font-weight: var(--fontNormal);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.no_scroll {
  overflow: hidden;
}
body img {
  width: 100%;
}

main {
  padding-top: 72px;
}
@media screen and (max-width: 768px) {
  main {
    padding-top: 16vw;
  }
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
  .wrap {
    overflow: hidden;
    max-width: 100vw;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .imgalpha {
    cursor: pointer;
    transition: 0.3s;
  }
  .imgalpha:hover {
    opacity: 0.6 !important;
  }
}
.inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .inner {
    max-width: 100%;
    padding: 0;
  }
}

/*-----------------------------------------------------
  parts
/*-----------------------------------------------------*/
.cont_ttl .ja {
  display: inline-block;
  padding: 3px 24px;
  border-right: 1px solid var(--tera-ace-text-primary, #262626);
  border-left: 1px solid var(--tera-ace-text-primary, #262626);
  line-height: 1;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3.36px;
}
@media screen and (max-width: 768px) {
  .cont_ttl .ja {
    padding: 1.6vw 6.4vw;
    font-size: 6.4vw;
    letter-spacing: 0.768vw;
  }
}
.cont_ttl .en {
  display: block;
  margin: 12px auto 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .cont_ttl .en {
    margin-top: 5.3333333333vw;
  }
}

@media screen and (min-width: 769px) {
  .h_arrow:hover .arrow-right {
    transform: translateX(10px);
  }
}
.h_arrow .arrow-right {
  transition: 0.3s;
}

.arrow-right {
  display: inline-block;
  width: 24px;
}
@media screen and (max-width: 768px) {
  .arrow-right {
    width: 6.4vw;
  }
}
.arrow-right img {
  vertical-align: middle;
}

.underLine {
  text-decoration: underline;
}
.underLine:hover {
  text-decoration: none;
}

.btn_pagetop {
  display: none;
  width: 60px;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .btn_pagetop {
    width: 12.8vw;
    right: 4.2666666667vw;
    bottom: 4.2666666667vw;
  }
}

.lowerPage-fv {
  height: 240px;
  padding: 32px 0;
  background: var(--accent-color_blue, #4b6793);
}
@media screen and (max-width: 768px) {
  .lowerPage-fv {
    height: 38.4vw;
    padding: 4.2666666667vw 0;
  }
}
.lowerPage-fv .inner {
  display: flex;
  height: 100%;

  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .lowerPage-fv .inner {
    padding: 0 4.2666666667vw;
  }
}
.lowerPage-fv .ttl {
  color: var(--tera-ace-text-white, #fff);
  line-height: 150%;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 6.4px;
}
@media screen and (max-width: 768px) {
  .lowerPage-fv .ttl {
    line-height: 1.7;
    font-size: 6.4vw;
    letter-spacing: 0.768vw;
  }
}

.breadcrumb {
  padding: 24px 0;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding: 4.2666666667vw 0;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb .inner {
    padding: 0 4.2666666667vw;
  }
}
.breadcrumb ul.breadcrumb_list {
  display: flex;

  flex-wrap: wrap;
}
.breadcrumb ul.breadcrumb_list li {
  display: flex;
  line-height: 150%;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.68px;

  align-items: center;
  justify-content: center;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  .breadcrumb ul.breadcrumb_list li {
    line-height: 1.5;
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
.breadcrumb ul.breadcrumb_list li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px;
  line-height: 1;
  background-image: url(/img/common/arrow01.svg);
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .breadcrumb ul.breadcrumb_list li:not(:last-child)::after {
    width: 6.4vw;
    height: 6.4vw;
    margin: 0 2.1333333333vw;
  }
}
.breadcrumb ul.breadcrumb_list li a {
  color: var(--tera-ace-gray-10, #646464);
}

.icon_blank {
  padding-right: 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .icon_blank {
    padding-right: 8.5333333333vw;
  }
}
.icon_blank::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url(/img/common/icon_blank.svg);
  background-repeat: no-repeat;
  background-position: 100% 48%;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .icon_blank::after {
    width: 6.4vw;
    height: 6.4vw;
  }
}

.icon_dl {
  display: inline-block;
  padding-right: 26px;
  background-image: url(/img/common/icon_download.svg);
  background-repeat: no-repeat;
  background-position: 100% 48%;
  background-size: 24px;
}
@media screen and (max-width: 768px) {
  .icon_dl {
    padding-right: 6.9333333333vw;
    background-size: 6.4vw;
  }
}

/*-----------------------------------------------------
  header
/*-----------------------------------------------------*/
header {
  width: 100%;
  height: 72px;
  position: fixed;
  background-color: #fff;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  header {
    height: 16vw;
  }
}

.header_wrap {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 24px;
  z-index: 990;

  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .header_wrap {
    padding: 0 4.2666666667vw;
  }
}

.header_logo {
  display: block;
  width: 252px;
}
@media screen and (max-width: 768px) {
  .header_logo {
    width: 52vw;
  }
}

.menu_trigger {
  display: none;
}
@media screen and (max-width: 1023px) {
  .menu_trigger {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    background: var(--tera-ace-gray-2, #f6f6f6);
  }
  .menu_trigger span {
    display: inline-block;
    width: 22px;
    height: 2px;
    position: absolute;
    left: 9px;
    border-radius: 2px;
    background-color: #262626;
  }
  .menu_trigger span:nth-child(1) {
    top: 12px;
  }
  .menu_trigger span:nth-child(2) {
    top: 19px;
  }
  .menu_trigger span:nth-child(3) {
    bottom: 12px;
  }
  .menu_trigger.is-active {
    transform: rotate(45deg);
  }
  .menu_trigger.is-active span:nth-child(1) {
    opacity: 0;
  }
  .menu_trigger.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(90deg);
  }
}
@media screen and (max-width: 768px) {
  .menu_trigger {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
  .menu_trigger span {
    width: 5.8666666667vw;
    height: 0.5333333333vw;
    left: 2.4vw;
    border-radius: 0.5333333333vw;
  }
  .menu_trigger span:nth-child(1) {
    top: 3.2vw;
  }
  .menu_trigger span:nth-child(2) {
    top: 5.0666666667vw;
  }
  .menu_trigger span:nth-child(3) {
    bottom: 3.2vw;
  }
  .menu_trigger.is-active span:nth-child(3) {
    transform: translateY(-1.8666666667vw) rotate(90deg);
  }
}

@media screen and (max-width: 1023px) {
  .navigation_cont {
    visibility: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 72px);
    position: absolute;
    top: 72px;
    left: 0;
    opacity: 0;
    background: rgba(72, 72, 72, 0.6);
    transition: 0.3s;
    z-index: 950;
  }
  .navigation_cont.is-active {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .navigation_cont {
    height: calc(100vh - 16vw);
    top: 16vw;
  }
}

.header_navBox {
  display: flex;

  align-items: center;
}
@media screen and (max-width: 1023px) {
  .header_navBox {
    flex-direction: column;
    padding: 46px 0;
    background: var(--tera-ace-gray-2, #f6f6f6);

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    justify-content: center;
    gap: 40px;
    align-self: stretch;
  }
}
@media screen and (max-width: 768px) {
  .header_navBox {
    padding: 6.6666666667vw 0;

    gap: 10.6666666667vw;
  }
}
.header_navBox a {
  display: block;
  position: relative;
  padding: 0 16px;
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  letter-spacing: 1.92px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (min-width: 769px) {
  .header_navBox a:hover::before {
    opacity: 1;

    scale: 1;
  }
}
@media screen and (max-width: 768px) {
  .header_navBox a {
    padding: 0;
    font-size: 4.2666666667vw;
    letter-spacing: 0.512vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .header_navBox a {
    padding: 0 10px;
    font-size: 14px;
  }
}
.header_navBox a::before {
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  opacity: 0;
  background: linear-gradient(99deg, #3d64a3 0%, #008255 100%);
  transition:
    opacity 0.3s,
    scale 0.3s;
  transform-origin: 50% 50%;

  translate: -50% 0;
  scale: 0.2;
}
.header_navBox a.current::before {
  opacity: 1;

  scale: 1;
}

/*-----------------------------------------------------
  footer
/*-----------------------------------------------------*/
footer {
  padding: 40px 0 50px;
  background: var(--tera-ace-gray-11, #484848);
}
@media screen and (max-width: 768px) {
  footer {
    padding: 6.4vw 4.2666666667vw;
  }
}
footer .foot_companyInfo {
  margin-bottom: 46px;
  color: var(--tera-ace-text-white, #fff);
}
@media screen and (max-width: 768px) {
  footer .foot_companyInfo {
    margin-bottom: 10.6666666667vw;
  }
}
footer .foot_companyInfo a {
  display: block;
  width: 278px;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  footer .foot_companyInfo a {
    width: 52vw;
    margin-bottom: 9.3333333333vw;
  }
}
footer .foot_companyInfo p {
  line-height: 150%;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.68px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  footer .foot_companyInfo p {
    line-height: 1.7;
    font-size: 3.2vw;
    letter-spacing: 0.384vw;
  }
}
footer .foot_companyInfo p + p {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  footer .foot_companyInfo p + p {
    margin-top: 1.6vw;
  }
}
footer .foot_bottom {
  display: flex;

  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  footer .foot_bottom {
    flex-direction: column;

    align-items: flex-start;
    gap: 4.2666666667vw;
  }
}
footer .foot_bottom .copyright {
  color: var(--tera-ace-gray-7, #c3c3c3);
  line-height: 150%;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.24px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  footer .foot_bottom .copyright {
    line-height: 1.5;
    font-size: 3.2vw;
    letter-spacing: 0.064vw;
  }
}
footer .foot_bottom a {
  color: var(--tera-ace-gray-4, #ebebeb);
  line-height: 150%;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  text-align: right;
  letter-spacing: 1.68px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  footer .foot_bottom a {
    line-height: 1.7;
    font-size: 3.2vw;
    letter-spacing: 0.384vw;
  }
}

/*-----------------------------------------------------
  index-fv
/*-----------------------------------------------------*/
.index-fv {
  height: calc(100vh - 72px);
  background-image: url(/img/index/fv-bg.jpg);
  background-repeat: no-repeat;
  background-position: right 40% bottom;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .index-fv {
    height: calc(100svh - 16vw);
    background-position: right 17% bottom;
  }
}
@media screen and (max-width: 500px) {
  .index-fv {
    background-position: left 50% top;
  }
}
.index-fv .fv_inner {
  display: flex;
  max-width: 1070px;
  height: 100%;
  margin: 0 auto;
  padding: 0 40px;

  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .index-fv .fv_inner {
    max-width: 100%;
    padding: 9.6vw 0 0;

    align-items: flex-start;
  }
}
@media screen and (min-width: 1550px) {
  .index-fv .fv_inner {
    max-width: 1380px;
  }
}
.index-fv .fv_inner .copy {
  display: inline-block;
  position: relative;
  padding: 25px 0 25px 8px;
  line-height: 1.8;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  text-align: right;
  letter-spacing: 3.84px;
}
@media screen and (max-width: 768px) {
  .index-fv .fv_inner .copy {
    right: 6.4vw;
    padding: 7.4666666667vw 0 6.6666666667vw 0;
    font-size: 4.8vw;
    letter-spacing: 0.768vw;
  }
}
.index-fv .fv_inner .copy span:not(.deco) {
  font-size: 32px;
  letter-spacing: 5.12px;
}
@media screen and (max-width: 768px) {
  .index-fv .fv_inner .copy span:not(.deco) {
    font-size: 8.5333333333vw;
    letter-spacing: 1.3653333333vw;
  }
}
.index-fv .fv_inner .deco {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--tera-ace-text-primary, #262626);
}
.index-fv .fv_inner .deco::before {
  content: "";
  display: block;
  width: 32px;
  height: 11px;
  position: absolute;
  top: -5px;
  background: linear-gradient(to bottom, #3d64a3 0%, #008255 100%);
}
@media screen and (max-width: 768px) {
  .index-fv .fv_inner .deco::before {
    width: 8.5333333333vw;
    height: 2.9333333333vw;
    top: -1.3333333333vw;
  }
}
.index-fv .fv_inner .deco.top {
  top: 0;
  left: 0;
}
.index-fv .fv_inner .deco.top::before {
  right: 0;
}
.index-fv .fv_inner .deco.bottom {
  width: calc(100% - 136px);
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .index-fv .fv_inner .deco.bottom {
    width: calc(100% - 26.6666666667vw);
  }
}
.index-fv .fv_inner .deco.bottom::before {
  left: 0;
}

/*-----------------------------------------------------
  index-news
/*-----------------------------------------------------*/
#index-news {
  padding: 88px 0 90px;
  background: var(--tera-ace-gray-2, #f6f6f6);
}
@media screen and (max-width: 768px) {
  #index-news {
    padding: 9.6vw 0 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #index-news .inner {
    padding: 0 4.2666666667vw;
  }
}
#index-news .cont_ttl {
  margin-bottom: 26px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #index-news .cont_ttl {
    margin-bottom: 8vw;
  }
}
#index-news .cont_ttl .en {
  width: 53px;
}
@media screen and (max-width: 768px) {
  #index-news .cont_ttl .en {
    width: 14.1333333333vw;
  }
}
#index-news .news_list {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #index-news .news_list {
    margin-bottom: 6.4vw;
  }
}
#index-news .news_list li {
  border-bottom: 1px solid var(--tera-ace-border-default, #e0e0e0);
}
#index-news .news_list a {
  display: flex;
  padding: 24px 0;
  font-weight: 400;
  font-style: normal;

  gap: 32px;
  align-items: center;
  justify-content: space-between;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  #index-news .news_list a {
    padding: 6.4vw 0;

    flex-wrap: wrap;
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
#index-news .news_list .date {
  min-width: 144px;
  color: var(--tera-ace-text-secondary, #484848);
  line-height: 180%;
  font-size: 16px;
  letter-spacing: 0.96px;

  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #index-news .news_list .date {
    min-width: 100%;
    line-height: 1.5;
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
#index-news .news_list .ttl {
  width: calc(100% - 232px);
  line-height: 180%;
  font-size: 18px;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  #index-news .news_list .ttl {
    width: calc(100% - 10.6666666667vw);
    line-height: 1.8;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
#index-news .news_list .arrow-right {
  flex-shrink: 0;
}
#index-news .news_btn {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-align: right;
  letter-spacing: 0.96px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  #index-news .news_btn {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
#index-news .news_btn .arrow-right {
  margin-left: 2px;
}
@media screen and (max-width: 768px) {
  #index-news .news_btn .arrow-right {
    margin-left: 0;
  }
}

/*-----------------------------------------------------
  index-about
/*-----------------------------------------------------*/
#index-about {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  #index-about {
    padding-top: 9.6vw;
  }
}
#index-about ul.about_list li {
  display: flex;

  align-items: center;
  gap: 3.75%;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list li {
    display: block;
    position: relative;
    padding: 3.7333333333vw 0;
  }
}
#index-about ul.about_list li + li {
  margin-top: 112px;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list li + li {
    margin-top: 14.6666666667vw;
  }
}
#index-about ul.about_list .cont_ttl {
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .cont_ttl {
    margin-bottom: 14.1333333333vw;
  }
}
#index-about ul.about_list .cont_ttl .en {
  margin-right: 0;
  margin-left: 0;
}
#index-about ul.about_list .txt_box {
  max-width: 568px;
  width: 100%;
  padding: 40px 40px 32px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .txt_box {
    max-width: 85.3333333333vw;
    padding: 8.5333333333vw 10.6666666667vw;
  }
}
#index-about ul.about_list .txt_box p {
  line-height: 180%;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.16px;

  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .txt_box p {
    line-height: 1.8;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
#index-about ul.about_list .txt_box a {
  display: flex;
  width: 200px;
  margin-top: 46px;
  padding: 0 4px 4px 16px;
  line-height: 180%;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.16px;
  align-items: center;
  justify-content: space-between;
  font-feature-settings:
    "liga" off,
    "calt" off;
  position: relative;
}
#index-about ul.about_list .txt_box a::after {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(to right, #3d64a3 0%, #008255 100%);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .txt_box a {
    width: 53.3333333333vw;
    margin-top: 13.3333333333vw;
    padding: 0 1.0666666667vw 1.3333333333vw 4.2666666667vw;
    line-height: 1.8;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
#index-about ul.about_list .about_img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
#index-about ul.about_list .about_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#index-about ul.about_list .about_agent .about_img {
  height: 526px;
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_agent .about_img {
    height: 100%;
    margin-right: 0;
  }
}
#index-about ul.about_list .about_agent .about_img img {
  -o-object-position: left center;
  object-position: left center;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_agent .cont_ttl .ja {
    line-height: 1.7;
  }
}
#index-about ul.about_list .about_agent .cont_ttl .en {
  width: 194px;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_agent .cont_ttl .en {
    width: 51.7333333333vw;
  }
}
#index-about ul.about_list .about_us {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_us .txt_box {
    margin-left: auto;
  }
}
#index-about ul.about_list .about_us .cont_ttl .en {
  width: 94px;
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_us .cont_ttl .en {
    width: 25.0666666667vw;
  }
}
#index-about ul.about_list .about_us .about_img {
  height: 500px;
  margin-right: -260px;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  #index-about ul.about_list .about_us .about_img {
    height: 100%;
    margin: 0;
  }
  #index-about ul.about_list .about_us .about_img img {
    -o-object-position: left center;
    object-position: left center;
  }
}
@media screen and (min-width: 1281px) {
  #index-about ul.about_list .about_us .about_img {
    margin-right: 0;
  }
}

/*-----------------------------------------------------
  index-member
/*-----------------------------------------------------*/
#index-member {
  padding: 120px 0 90px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #index-member {
    padding: 14.4vw 0 12vw;
  }
}
@media screen and (max-width: 768px) {
  #index-member .inner {
    padding: 0 4.2666666667vw;
  }
}
#index-member .cont_ttl {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  #index-member .cont_ttl {
    margin-bottom: 18.6666666667vw;
  }
}
#index-member .cont_ttl .en {
  width: 129px;
}
@media screen and (max-width: 768px) {
  #index-member .cont_ttl .en {
    width: 34.4vw;
  }
}
#index-member .logo_wrap {
  display: flex;
  margin-bottom: 60px;
  justify-content: center;
  gap: 10.66666667%;
}
@media screen and (max-width: 768px) {
  #index-member .logo_wrap {
    margin-bottom: 11.7333333333vw;
    flex-wrap: wrap;
    gap: 8.5333333333vw 10.6666666667vw;
  }
}
#index-member .logo_wrap a {
  display: block;
  width: 160px;
}
@media screen and (max-width: 768px) {
  #index-member .logo_wrap a {
    width: 32vw;
  }
}
#index-member .link_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  #index-member .link_wrap {
    flex-direction: column;
    gap: 6.6666666667vw;
    align-items: flex-end;
  }
}
#index-member .link_wrap a {
  line-height: 180%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.96px;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  #index-member .link_wrap a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
#index-member .link_wrap .arrow-right {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  #index-member .link_wrap .arrow-right {
    margin-left: 2.1333333333vw;
  }
}

/*-----------------------------------------------------
  page_privacypolicy
/*-----------------------------------------------------*/
.page_privacypolicy .policy_cont {
  padding: 30px 0 83px;
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont {
    padding: 5.3333333333vw 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_privacypolicy .policy_cont h2 {
  margin-bottom: 24px;
  line-height: 170%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3.36px;
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont h2 {
    margin-bottom: 6.6666666667vw;
    line-height: 1.7;
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
  }
}
.page_privacypolicy .policy_cont p,
.page_privacypolicy .policy_cont li {
  line-height: 180%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.96px;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont p,
  .page_privacypolicy .policy_cont li {
    line-height: 1.8;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_privacypolicy .policy_cont p + p {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont p + p {
    margin-top: 8vw;
  }
}
.page_privacypolicy .policy_cont ul {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .page_privacypolicy .policy_cont ul {
    margin-top: 8vw;
  }
}

/*-----------------------------------------------------
  page_definition
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page_definition .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_definition .definition_ttl {
  margin-bottom: 24px;
  line-height: 170%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3.36px;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_ttl {
    margin-bottom: 4.2666666667vw;
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
  }
}
.page_definition .definition_txt {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_txt {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_definition .definition {
  padding-top: 32px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_definition .definition {
    padding-top: 4.2666666667vw;
    padding-bottom: 14.9333333333vw;
  }
}
.page_definition .definition_wrap {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_wrap {
    flex-direction: column;
    gap: 6.4vw;
  }
}
.page_definition .definition_wrap .definition_box {
  max-width: 565px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_wrap .definition_box {
    max-width: 100%;
  }
}
.page_definition .definition_wrap .definition_box p {
  font-size: 16px;
  line-height: 180%;
  /* 28.8px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_wrap .definition_box p {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_definition .definition_wrap .definition_img {
  max-width: 555px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page_definition .definition_wrap .definition_img {
    max-width: 100%;
  }
}
.page_definition .features {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_definition .features {
    padding-bottom: 14.9333333333vw;
  }
}
.page_definition .features_wrap {
  display: flex;
  gap: 80px;
  padding-top: 56px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page_definition .features_wrap {
    flex-direction: column;
    gap: 10.4vw;
    padding-top: 9.0666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.page_definition .features_wrap .item {
  max-width: 560px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page_definition .features_wrap .item {
    max-width: 100%;
  }
}
.page_definition .features_wrap .item_ttl {
  font-size: 18px;
  color: #4b6793;
  line-height: 180%;
  letter-spacing: 2.16px;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .page_definition .features_wrap .item_ttl {
    font-size: 4.8vw;
    padding: 4.2666666667vw 0;
  }
}
.page_definition .features_wrap .item_txt {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_definition .features_wrap .item_txt {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_definition .ethics {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_definition .ethics {
    padding-bottom: 8.5333333333vw;
  }
}
.page_definition .ethics_wrap {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .page_definition .ethics_wrap {
    margin-top: 8.5333333333vw;
    gap: 10.6666666667vw;
  }
}
.page_definition .ethics_wrap a {
  color: var(--accent-color_blue, #4b6793);
  font-feature-settings:
    "liga" off,
    "calt" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_definition .ethics_wrap a {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}

/*-----------------------------------------------------
  page_about
/*-----------------------------------------------------*/
.page_about .about_ttl {
  margin-bottom: 28px;
  line-height: 170%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3.36px;
}
@media screen and (max-width: 768px) {
  .page_about .about_ttl {
    margin-bottom: 6.6666666667vw;
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
  }
}
.page_about .overview {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .page_about .overview {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .page_about .overview .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_about .overview table th,
.page_about .overview table p,
.page_about .overview table li {
  line-height: 180%; /* 28.8px */
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.96px;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
@media screen and (max-width: 768px) {
  .page_about .overview table th,
  .page_about .overview table p,
  .page_about .overview table li {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_about .overview table tr {
  border-bottom: 1px solid var(--tera-ace-border-default, #e0e0e0);
}
.page_about .overview table th {
  width: 160px;
  padding: 25px 0;
  font-size: 18px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .page_about .overview table th {
    display: block;
    width: 100%;
    padding: 4.2666666667vw 0 0;
    font-size: 4.8vw;
  }
}
.page_about .overview table td {
  width: calc(100% - 160px);
  padding: 25px 0;
}
@media screen and (max-width: 768px) {
  .page_about .overview table td {
    display: block;
    width: 100%;
    padding: 4.2666666667vw 0 6.4vw;
  }
}
.page_about .overview table li {
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .page_about .overview table li {
    position: relative;
    padding-left: 6.6666666667vw;
  }
}
.page_about .overview table li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0.7em;
  left: 10px;
  border-radius: 50%;
  background-color: #262626;
}
@media screen and (max-width: 768px) {
  .page_about .overview table li::before {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
    top: 0.7em;
    left: 2.6666666667vw;
  }
}
.page_about .overview table a {
  color: var(--accent-color_blue, #4b6793);
}
.page_about .representative {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .page_about .representative {
    padding: 15.2vw 0 8.5333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .page_about .representative .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_about .representative .director_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 3.33333333%;
}
@media screen and (max-width: 1140px) {
  .page_about .representative .director_list {
    display: block;
  }
}
.page_about .representative .director_list li {
  display: flex;
  max-width: 580px;
  width: 48.33333333%;
  padding: 24px 0 40px;
  border-bottom: 1px solid var(--tera-ace-border-default, #e0e0e0);
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .page_about .representative .director_list li {
    flex-direction: column;
    padding: 8vw 0 4.8vw;
    align-items: flex-start;
    gap: 6.6666666667vw;
  }
}
@media screen and (max-width: 1140px) {
  .page_about .representative .director_list li {
    max-width: 100%;
    width: 100%;
  }
}
.page_about .representative .director_list .person_img {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .page_about .representative .director_list .person_img {
    width: 32vw;
  }
}
.page_about .representative .director_list dl {
  line-height: 180%;
  font-style: normal;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
.page_about .representative .director_list dl dt {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  .page_about .representative .director_list dl dt {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
    letter-spacing: 0.576vw;
  }
}
.page_about .representative .director_list dl dd {
  font-size: 16px;
  letter-spacing: 0.96px;
  color: #3f3f3f;
}
@media screen and (max-width: 768px) {
  .page_about .representative .director_list dl dd {
    font-size: 16px;
    letter-spacing: 0.256vw;
  }
}

/*-----------------------------------------------------
  page_member
/*-----------------------------------------------------*/
.page_member {
  word-break: break-all;
  /* 法人会員 */
  /* エージェント会員 */
}
.page_member .member {
  padding: 30px 0 96px;
}
@media screen and (max-width: 768px) {
  .page_member .member {
    padding: 4vw 0 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .page_member .member .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_member .member_ttl {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 3.36px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page_member .member_ttl {
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
    margin-bottom: 6.4vw;
  }
}
.page_member .member_box > h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 5px 0;
  line-height: 170%;
  letter-spacing: 2.88px;
  padding-left: 16px;
  border-left: var(--spacings-radii-4, 4px) solid
    var(--accent-color_blue, #4b6793);
}
@media screen and (max-width: 768px) {
  .page_member .member_box > h3 {
    font-feature-settings:
      "liga" off,
      "calt" off;
    font-size: 4.8vw;
    line-height: 180%;
    letter-spacing: 0.576vw;
    border-left: var(--spacings-radii-4, 1.0666666667vw) solid
      var(--accent-color_blue, #4b6793);
  }
}
.page_member .member_box + .member_box {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .page_member .member_box + .member_box {
    margin-top: 11.7333333333vw;
  }
}
.page_member .corporate_member {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member {
    margin-bottom: 13.3333333333vw;
  }
}
.page_member .corporate_member .member_box {
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_box {
    margin-left: 0;
  }
}
.page_member .corporate_member .member_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 3.33333333%;
}
@media screen and (max-width: 1140px) {
  .page_member .corporate_member .member_list {
    display: block;
  }
}
.page_member .corporate_member .member_list li {
  display: flex;
  max-width: 580px;
  width: 48.33333333%;
  padding: 30px 0;
  border-bottom: 1px solid var(--tera-ace-border-default, #e0e0e0);
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_list li {
    flex-direction: column;
    padding: 8vw 0 4.8vw;
    align-items: flex-start;
    gap: 6.6666666667vw;
  }
}
@media screen and (max-width: 1140px) {
  .page_member .corporate_member .member_list li {
    max-width: 100%;
    width: 100%;
  }
}
.page_member .corporate_member .member_list .logo {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_list .logo {
    width: 32vw;
  }
}
.page_member .corporate_member .member_list dl {
  line-height: 180%;
  font-style: normal;
  font-feature-settings:
    "liga" off,
    "calt" off;
}
.page_member .corporate_member .member_list dl dt {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_list dl dt {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
    letter-spacing: 0.576vw;
  }
}
.page_member .corporate_member .member_list dl dd p {
  margin-bottom: 5px;
  color: var(--tera-ace-text-secondary, #484848);
  font-size: 16px;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_list dl dd p {
    margin-bottom: 1.3333333333vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_member .corporate_member .member_list dl dd a {
  color: var(--accent-color_blue, #4b6793);
  font-size: 14px;
  letter-spacing: 1.68px;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .page_member .corporate_member .member_list dl dd a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
.page_member .corporate_member .member_list dl dd a::after {
  top: -0.5em;
}
.page_member .agent_member .member_list {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 3.33333333%;
}
@media screen and (max-width: 768px) {
  .page_member .agent_member .member_list {
    gap: 8.5333333333vw 6.4vw;
  }
}
.page_member .agent_member .member_list li {
  width: 22.5000000025%;
}
@media screen and (min-width: 769px) and (max-width: 880px) {
  .page_member .agent_member .member_list li {
    width: 45.000000005%;
  }
}
@media screen and (max-width: 768px) {
  .page_member .agent_member .member_list li {
    width: calc((100% - 6.4vw) / 2);
  }
}
.page_member .agent_member .member_list dl {
  line-height: 180%;
  font-style: normal;
}
.page_member .agent_member .member_list dl dt {
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
  font-feature-settings:
    "liga" off,
    "calt" off;
  letter-spacing: 2.16px;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .page_member .agent_member .member_list dl dt {
    font-size: 4.8vw;
    letter-spacing: 0.576vw;
  }
}
.page_member .agent_member .member_list dl dd {
  font-feature-settings:
    "liga" off,
    "calt" off;
  color: var(--terass-default-color-text-placeholder, #838383);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1.92px;
}
@media screen and (max-width: 768px) {
  .page_member .agent_member .member_list dl dd {
    font-size: 4.2666666667vw;
    letter-spacing: 0.512vw;
  }
}

/*-----------------------------------------------------
  page_join
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page_join .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_join .join_ttl {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 3.36px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page_join .join_ttl {
    margin-bottom: 6.4vw;
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
  }
}
.page_join .membership {
  padding-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .page_join .membership {
    padding-bottom: 16vw;
  }
}
.page_join .membership_wrap {
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap {
    margin-left: 0;
  }
}
.page_join .membership_wrap.agent_table {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap.agent_table {
    margin-top: 8.5333333333vw;
  }
}
.page_join .membership_wrap.agent_table table tr td {
  width: 100%;
}
.page_join .membership_wrap > h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding-left: 12px;
  margin-bottom: 24px;
  letter-spacing: 2.88px;
  border-left: var(--spacings-radii-4, 4px) solid
    var(--accent-color_blue, #4b6793);
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap > h3 {
    padding-left: 4.2666666667vw;
    margin-bottom: 6.4vw;
    font-feature-settings:
      "liga" off,
      "calt" off;
    font-size: 4.8vw;
    line-height: 180%;
    letter-spacing: 0.576vw;
    border-left: var(--spacings-radii-4, 1.0666666667vw) solid
      var(--accent-color_blue, #4b6793);
  }
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap > div {
    overflow-x: scroll !important;
  }
}
.page_join .membership_wrap table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap table {
    width: 187.7333333333vw;
  }
}
.page_join .membership_wrap table tr {
  display: flex;
  border-bottom: 1px solid var(--tera-ace-border-default, #e0e0e0);
}
.page_join .membership_wrap table tr:first-child th,
.page_join .membership_wrap table tr:first-child td {
  font-weight: 700;
}
.page_join .membership_wrap table tr th,
.page_join .membership_wrap table tr td {
  vertical-align: middle;
  padding: 15px var(--spacings-radii-16, 16px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap table tr th,
  .page_join .membership_wrap table tr td {
    padding: 4.2666666667vw;
  }
}
.page_join .membership_wrap table tr th {
  font-feature-settings:
    "liga" off,
    "calt" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 0.96px;
  width: 128px;
  background: #e7f1f8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap table tr th {
    width: 34.1333333333vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_join .membership_wrap table tr td {
  display: block;
  width: calc((100% - 128px) / 2);
  font-feature-settings:
    "liga" off,
    "calt" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_join .membership_wrap table tr td {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
    width: calc((100% - 34.1333333333vw) / 2);
  }
}
.page_join .membership_wrap table tr td + td {
  background: var(--tera-ace-gray-2, #f6f6f6);
}
.page_join .membership_wrap table tr td p {
  text-align: left;
}
.page_join .procedure {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_join .procedure {
    padding-bottom: 8.5333333333vw;
  }
}
.page_join .procedure_wrap ol li {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: center;
  padding: 16px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #4b6793;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_join .procedure_wrap ol li {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
    max-width: 91.4666666667vw;
    padding: 4.2666666667vw;
  }
}
.page_join .procedure_wrap ol li:not(:last-child) {
  margin-bottom: 49px;
}
@media screen and (max-width: 768px) {
  .page_join .procedure_wrap ol li:not(:last-child) {
    margin-bottom: 13.0666666667vw;
  }
}
.page_join .procedure_wrap ol li:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 15px solid #4b6793;
  border-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}
@media screen and (max-width: 768px) {
  .page_join .procedure_wrap ol li:not(:last-child)::before {
    border-right: 3.7333333333vw solid transparent;
    border-left: 3.7333333333vw solid transparent;
    border-top: 4vw solid #4b6793;
    bottom: -9.3333333333vw;
  }
}
.page_join .procedure_wrap ol li a {
  color: #4b6793;
  display: inline-block;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .page_join .procedure_wrap ol li a {
    margin-top: 2.1333333333vw;
  }
}
.page_join .procedure_wrap ol li a + a {
  margin-left: 52px;
}
@media screen and (max-width: 768px) {
  .page_join .procedure_wrap ol li a + a {
    margin-left: 0;
    margin-top: 2.1333333333vw;
  }
}

/*-----------------------------------------------------
  page_information
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page_information .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_information .information_ttl {
  line-height: 170%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3.36px;
}
@media screen and (max-width: 768px) {
  .page_information .information_ttl {
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
  }
}
.page_information .information {
  padding-top: 32px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_information .information {
    padding-top: 4.2666666667vw;
    padding-bottom: 8.5333333333vw;
  }
}
.page_information .information .category_wrap {
  background-color: #f6f6f6;
  padding: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page_information .information .category_wrap {
    padding: 5.3333333333vw;
    margin-top: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
.page_information .information .category_wrap .category_ttl {
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 2.16px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .page_information .information .category_wrap .category_ttl {
    font-size: 4.8vw;
    letter-spacing: 0.576vw;
    padding-bottom: 4.2666666667vw;
  }
}
.page_information .information .category_wrap .category_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 48px;
}
@media screen and (max-width: 768px) {
  .page_information .information .category_wrap .category_list {
    gap: 2.1333333333vw 12.8vw;
  }
}
.page_information .information .category_wrap .category_list li {
  position: relative;
  vertical-align: middle;
}
.page_information .information .category_wrap .category_list li a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information .information .category_wrap .category_list li a {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_information .information .category_wrap .category_list li a .arrow-right {
  margin-top: -3px;
}
@media screen and (max-width: 768px) {
  .page_information
    .information
    .category_wrap
    .category_list
    li
    a
    .arrow-right {
    margin-top: -0.5333333333vw;
  }
}
.page_information .information .category_wrap .category_list li .current {
  color: #4b6793;
}
.page_information .information .total_number {
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  .page_information .information .total_number {
    font-size: 4.8vw;
    letter-spacing: 0.576vw;
  }
}
.page_information .information_list {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page_information .information_list {
    padding-bottom: 6.4vw;
  }
}
.page_information .information_list li {
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li {
    padding: 6.4vw 0;
  }
}
.page_information .information_list li a {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li a {
    gap: 4.2666666667vw;
  }
}
.page_information .information_list li a > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li a > div {
    gap: 2.1333333333vw;
  }
}
.page_information .information_list li a > div .information_date {
  color: #838383;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li a > div .information_date {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
.page_information .information_list li a > div .information_category {
  color: #4b6793;
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 1.44px;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #4b6793;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li a > div .information_category {
    font-size: 3.2vw;
    letter-spacing: 0.384vw;
    height: 5.3333333333vw;
    padding: 0 2.1333333333vw;
  }
}
.page_information .information_list li .information_ttl {
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  .page_information .information_list li .information_ttl {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_information .information .pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .page_information .information .pagenavi {
    gap: 2.1333333333vw;
  }
}
.page_information .information .pagenavi .previouspostslink {
  transform: scale(-1, 1);
}
.page_information .information .pagenavi .previouspostslink,
.page_information .information .pagenavi .nextpostslink {
  padding: 0 8px;
}
@media screen and (max-width: 768px) {
  .page_information .information .pagenavi .previouspostslink,
  .page_information .information .pagenavi .nextpostslink {
    padding: 0 2.1333333333vw;
  }
}
.page_information .information .pagenavi .page {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacings-radii-8, 8px);
}
@media screen and (max-width: 768px) {
  .page_information .information .pagenavi .page {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    min-width: 10.6666666667vw;
    padding: 0 2.1333333333vw;
  }
  .page_information .information .pagenavi .page.pc {
    display: none;
  }
}
.page_information .information .pagenavi .page.current {
  color: #fff;
  background-color: #4b6793;
}

/*-----------------------------------------------------
  page_information
/*-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page_information_post .inner {
    padding: 0 4.2666666667vw;
  }
}
.page_information_post .post_ttl {
  line-height: 170%;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 170%;
  letter-spacing: 3.36px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_ttl {
    font-size: 5.8666666667vw;
    letter-spacing: 0.704vw;
    padding-bottom: 4.2666666667vw;
  }
}
.page_information_post .post {
  padding-top: 32px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post {
    padding-top: 4.2666666667vw;
    padding-bottom: 8.5333333333vw;
  }
}
.page_information_post .post_information_wrap {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information_wrap {
    padding-bottom: 6.4vw;
  }
}
.page_information_post .post_information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information {
    flex-direction: column;
    align-items: flex-start;
    gap: 8.5333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.page_information_post .post_information > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information > div {
    gap: 2.1333333333vw;
  }
}
.page_information_post .post_information_date {
  color: #838383;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information_date {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
  }
}
.page_information_post .post_information_category {
  color: #4b6793;
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 1.44px;
  padding: 0 8px;
  border: 1px solid #4b6793;
  border-radius: 4px;
}
.page_information_post .post_information_category:empty {
  display: none;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information_category {
    font-size: 3.2vw;
    letter-spacing: 0.384vw;
    padding: 0 2.1333333333vw;
    border-radius: 1.0666666667vw;
  }
}
.page_information_post .post_information .share ul {
  display: flex;
  align-items: center;
  gap: 21px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information .share ul {
    gap: 4.2666666667vw;
  }
}
.page_information_post .post_information .share ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information .share ul li {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_information_post .post_information .share ul li.facebook {
  width: 29.333px;
  flex-shrink: 0;
  aspect-ratio: 29.33/29.33;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information .share ul li.facebook {
    width: 7.8213333333vw;
    aspect-ratio: 1;
  }
}
.page_information_post .post_information .share ul li.x {
  width: 22.177px;
  flex-shrink: 0;
  aspect-ratio: 22.18/22.67;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information .share ul li.x {
    width: 5.9146666667vw;
    aspect-ratio: 0.9783855315;
  }
}
.page_information_post .post_information .share ul li.linkedIn {
  width: 31.75px;
  flex-shrink: 0;
  aspect-ratio: 31.75/27;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_information .share ul li.linkedIn {
    width: 8.4666666667vw;
    aspect-ratio: 1.1759259259;
  }
}
.page_information_post .post_cont {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_cont {
    padding-bottom: 6.4vw;
  }
}
.page_information_post .post_cont p {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_cont p {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_information_post .post_cont p + p {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post_cont p + p {
    margin-bottom: 8.5333333333vw;
  }
}
.page_information_post .post .previous {
  padding-top: 32px;
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page_information_post .post .previous {
    padding-top: 8.5333333333vw;
    max-width: 48vw;
  }
}
.page_information_post .post .previous a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 768px) {
  .page_information_post .post .previous a {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
.page_information_post .post .previous a span {
  transform: scale(-1, 1) translateY(-2px);
}