@charset "UTF-8";
@media screen and (max-width: 480.98px) {
  :root {
    --viewport-type: sm;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  :root {
    --viewport-type: md;
  }
}
@media screen and (min-width: 961px) and (max-width: 1199.98px) {
  :root {
    --viewport-type: lg;
  }
}
@media print, screen and (min-width: 1200px) {
  :root {
    --viewport-type: xl;
  }
}
@keyframes __fadeIn {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes __fadeOut {
  0% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
body {
  overflow-y: scroll;
}
body::after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  opacity: 0;
}
body.is-loading {
  position: fixed;
}
body.is-loading::after {
  animation: __fadeIn 1000ms ease 1000ms forwards;
}
body.is-loading #Container {
  pointer-events: none;
  opacity: 0;
}
body.is-loaded #Container {
  animation: __fadeIn 1000ms forwards;
}

#Container {
  min-width: 320px;
  position: relative;
}

/***************/
/* .headerArea */
/***************/
.headerArea {
  width: 100%;
  box-sizing: border-box;
  left: 0;
  top: 0;
  z-index: 3000;
  background-color: #FFF;
}
@media screen and (max-width: 1199.98px) {
  .headerArea {
    transition: top 400ms;
    position: absolute;
  }
}
@media screen and (max-width: 480.98px) {
  .headerArea {
    box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (min-width: 481px) {
  .headerArea {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea {
    height: 182px;
    padding: 20px 30px 15px;
    position: fixed;
  }
}
.headerArea.is-transition-none {
  transition: none;
}
@media screen and (max-width: 1199.98px) {
  .headerArea.is-fixed {
    position: fixed;
    top: clamp(-75px, calc(-75px + (25 * max(0px, ((-100dvw + 600px) / (216))))), -50px);
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea.is-active {
    top: 0;
  }
}
.headerArea .l-grid {
  margin: 0 auto;
  display: grid;
  background-color: #FFF;
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid {
    max-width: 1140px;
  }
}
.headerArea .l-grid .headerArea_siteID {
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_siteID {
    display: flex;
    align-items: center;
    width: clamp(108px, calc(108px + (58 * max(0px, ((100dvw - 384px) / (216))))), 166px);
    height: clamp(50px, calc(50px + (25 * max(0px, ((100dvw - 384px) / (216))))), 75px);
    margin-left: clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (600))))), 18px);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_siteID {
    width: 168px;
  }
}
.headerArea .l-grid .headerArea_siteID img {
  width: 100%;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav {
    grid-column: 1;
    grid-row: 3;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav {
    grid-column: 1 / 3;
    grid-row: 2;
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button {
    font-size: clamp(0.8rem, calc(8px + (6 * max(0px, ((100dvw - 320px) / (280))))), 1.4rem);
    background-color: #FFF;
    position: absolute;
    z-index: 3000;
    width: clamp(50px, calc(50px + (25 * max(0px, ((100dvw - 384px) / (216))))), 75px);
    height: clamp(50px, calc(50px + (25 * max(0px, ((100dvw - 384px) / (216))))), 75px);
    top: 0;
    right: 0;
    border: none;
    box-sizing: border-box;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon {
    display: block;
    width: 2.2em;
    height: 1.4em;
    margin-top: .2em;
    position: relative;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon > span {
    font-size: clamp(0.8rem, calc(8px + (6 * max(0px, ((100dvw - 320px) / (280))))), 1.4rem);
    width: 2.2em;
    height: .15em;
    background: #1A1A1A;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transition: .2s;
    transform: translate(-50%, -50%);
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon::before, .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon::after {
    background: #1A1A1A;
    width: 2.2em;
    height: .15em;
    display: block;
    position: absolute;
    left: 0;
    content: "";
    transition: .3s;
    will-change: transform;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon::before {
    top: 0;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-icon::after {
    bottom: 0;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button .l-text {
    color: #1A1A1A;
    font-size: clamp(0.8rem, calc(8px + (6 * max(0px, ((100dvw - 320px) / (280))))), 1.4rem);
    margin-top: .6em;
    font-weight: 700;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button {
    display: none;
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button.is-opened span {
    background: transparent;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button.is-opened span::before {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer-button.is-opened span::after {
    bottom: 50%;
    transform: translateY(50%) rotate(-135deg);
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background-color: #747A7D;
    padding: 0 clamp(0px, calc(0px + (34 * max(0px, ((100dvw - 0px) / (768))))), 34px) clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px) clamp(0px, calc(0px + (34 * max(0px, ((100dvw - 0px) / (768))))), 34px);
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transform: translateY(-2em);
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer.is-opened {
  transition: 400ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer.is-opened {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList {
    width: 970px;
    margin: 17px auto 0;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li {
    border-bottom: 1px solid #FFF;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li {
    position: relative;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: .1em;
  display: block;
  box-sizing: border-box;
  transition: background-color 400ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a {
    color: #FFF;
    padding: 1.6em .5em;
    position: relative;
    width: 100%;
    text-align: left;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a {
    color: #333;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 1199.98px) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a:hover .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a:hover .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/100% 2px no-repeat;
  }
}

.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a .l-hover-line {
  padding-bottom: .4em;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0 1px no-repeat;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/0 2px no-repeat;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a::after {
    content: "";
    display: block;
    width: 1.6em;
    height: 1.6em;
    background-color: currentColor;
    mask: url("../images/icon-link-internal.svg") no-repeat center;
    -webkit-mask: url("../images/icon-link-internal.svg") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li > a::after {
    display: none;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  font-weight: 700;
  border: none;
  background-color: transparent;
  position: relative;
  transition: background-color 400ms;
  box-sizing: border-box;
  letter-spacing: .1em;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button {
    text-align: left;
    color: #FFF;
    padding: 1.6em .5em;
    position: relative;
    width: 100%;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button {
    color: #333;
    padding-right: 1.2em;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 1199.98px) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button:hover .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button:hover .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/100% 2px no-repeat;
  }
}

.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button .l-hover-line {
  padding-bottom: .4em;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0 1px no-repeat;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/0 2px no-repeat;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button::after {
  content: "";
  display: block;
  background-color: currentColor;
  mask: url("../images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 200ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button::after {
    width: 1.6em;
    height: 1.6em;
    right: 0;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button::after {
    width: 1.4em;
    height: 1.4em;
    right: -.2em;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button.is-active .l-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/100% 2px no-repeat;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button.is-active::after {
  transform: translateY(-50%) rotate(-90deg);
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_firstList > li .l-button[aria-expanded=false]::after {
  border-width: 0 2px 2px 0;
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList {
  box-sizing: border-box;
  text-align: left;
  display: none;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    padding: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px) clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    border-top: 1px solid #FFF;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList {
    grid-gap: 1.2em 5em;
    padding: 30px 50px;
    visibility: hidden;
    opacity: 0;
    margin-top: 11px;
    background-color: rgba(116, 122, 125, 0.95);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList.is-opened {
  transition: 400ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList.is-opened {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList.is-opened {
    visibility: visible;
    display: grid;
    opacity: 1;
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li {
    margin-top: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (768))))), 16px);
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(n+1):nth-child(-n+6) {
    grid-column: 1;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(n+7):nth-child(-n+12) {
    grid-column: 2;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(7) {
    grid-row: 1;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(8) {
    grid-row: 2;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(9) {
    grid-row: 3;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(10) {
    grid-row: 4;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(11) {
    grid-row: 5;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li:nth-child(12) {
    grid-row: 6;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: none;
  display: block;
  color: #FFF;
  padding: .5em 0;
  margin-right: 1.2em;
  white-space: nowrap;
  position: relative;
  transition: background-color 400ms;
  box-sizing: border-box;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.4em;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a span::after {
  content: "";
  display: block;
  background-color: currentColor;
  mask: url("../images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a span::after {
    width: 1.6em;
    height: 1.6em;
    right: 0;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_secondList > li > a span::after {
    width: 1.4em;
    height: 1.4em;
    right: -2em;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  width: 80%;
  max-width: 500px;
  margin: 1.5em auto 0;
  font-weight: 700;
  color: #566165;
  text-decoration: none;
  background-color: #FFF;
  padding: 1.5em;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  border: none;
  display: block;
  position: relative;
  transition: background-color 400ms;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner:hover {
    background-color: #E5F2FC;
  }
}
.headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner::before {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  mask: url("../images/icon-business.svg") no-repeat center;
  -webkit-mask: url("../images/icon-business.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(50% - 5.5em);
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner::after {
    content: '';
    display: block;
    width: 1.6em;
    height: 1.6em;
    background-color: currentColor;
    mask: url("../images/icon-link-internal.svg") no-repeat center;
    -webkit-mask: url("../images/icon-link-internal.svg") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .5em;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner::after {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .headerArea_globalNav .l-drawer .headerArea_globalNav_businessOwner {
    display: none;
  }
}
.headerArea .l-grid .l-buttons {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons {
    grid-column: 1;
    grid-row: 2;
    position: relative;
    z-index: 1000;
    justify-content: center;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons {
    grid-column: 1 / 3;
    grid-row: 3;
    width: 1140px;
    height: 60px;
    margin: 11px auto 0;
    justify-content: space-between;
  }
}
.headerArea .l-grid .l-buttons .l-link {
  font-weight: 700;
  border: none;
  color: #FFF;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .l-link {
    width: 33.333%;
    height: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (600))))), 60px);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .l-link {
    font-size: 1.6rem;
    height: 60px;
    width: 50%;
  }
}
.headerArea .l-grid .l-buttons .headerArea_makeCard {
  background-color: #E3148A;
  display: flex;
  transition: background-color 400ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard {
    font-size: clamp(1rem, calc(10px + (6 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard {
    border-radius: .8rem 0 0 .8rem;
    font-size: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .l-buttons .headerArea_makeCard:hover {
    background-color: rgba(227, 20, 138, 0.8);
  }
}
.headerArea .l-grid .l-buttons .headerArea_makeCard .l-text {
  font-size: clamp(1rem, calc(10px + (6 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  text-align: left;
  line-height: 1.3;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard .l-text {
    padding-left: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (600))))), 46px);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard .l-text {
    padding-left: clamp(0px, calc(0px + (67 * max(0px, ((100dvw - 0px) / (1200))))), 67px);
  }
}
.headerArea .l-grid .l-buttons .headerArea_makeCard .l-text::before {
  content: "";
  background: url("../images/icon-headerArea_makeCard.svg") no-repeat 0 100%;
  background-size: contain;
  position: absolute;
  left: 0;
  display: block;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard .l-text::before {
    width: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (600))))), 40px);
    height: clamp(0px, calc(0px + (37.5 * max(0px, ((100dvw - 0px) / (600))))), 37.5px);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_makeCard .l-text::before {
    width: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (1200))))), 52px);
    height: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (1200))))), 48px);
  }
}
.headerArea .l-grid .l-buttons .headerArea_pointWebService {
  background-color: #0054B6;
  display: flex;
  transition: background-color 400ms;
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService {
    border-radius: 0 .8rem .8rem 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .l-buttons .headerArea_pointWebService:hover {
    background-color: rgba(0, 84, 182, 0.8);
  }
}
.headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading {
  text-align: left;
  line-height: 1.3;
  position: relative;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading {
    font-size: clamp(1rem, calc(10px + (6 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    padding-left: clamp(0px, calc(0px + (76 * max(0px, ((100dvw - 0px) / (600))))), 76px);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading {
    font-size: 1.6rem;
    padding-left: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (1200))))), 110px);
  }
}
.headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading::before {
  content: "";
  background: url("../images/icon-keioPoint.svg") no-repeat 0 0;
  background-size: contain;
  position: absolute;
  left: 0;
  display: block;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading::before {
    width: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (600))))), 70px);
    height: clamp(0px, calc(0px + (31.25 * max(0px, ((100dvw - 0px) / (600))))), 31.25px);
    top: 50%;
    transform: translateY(-50%);
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-heading::before {
    width: clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (1200))))), 95px);
    height: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (1200))))), 40px);
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-text {
    display: none;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_pointWebService .l-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 40px;
    margin-left: 1.6rem;
    border-radius: .4rem;
    border: 1px solid #FFF;
  }
}
.headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank {
  background-color: #EFF2F3;
  transition: background-color 400ms;
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank {
    display: flex;
  }
}
@media screen and (max-width: 960.98px) {
  .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 961px) and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank:hover {
    background-color: #E5F2FC;
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-buttons .headerArea_mainButtons_neobank img {
    width: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (600))))), 100px);
  }
}
@media screen and (max-width: 1199.98px) {
  .headerArea .l-grid .l-aside {
    display: none;
  }
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-aside {
    grid-column: 2;
    grid-row: 1;
    width: 360px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea .l-grid .l-aside .l-link {
  font-weight: 700;
  border-radius: 4px;
  border: 1px solid #333;
  background: #FFF;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .headerArea .l-grid .l-aside .l-link:hover {
    background-color: #E5F2FC;
    transition: background-color 400ms;
  }
}
.headerArea .l-grid .l-aside .headerArea_businessOwner {
  color: #333;
  width: 156px;
  height: 40px;
  box-sizing: border-box;
  position: relative;
}
@media print, screen and (min-width: 1200px) {
  .headerArea .l-grid .l-aside .headerArea_businessOwner {
    font-size: 1.4rem;
    padding-left: 2em;
  }
}
.headerArea .l-grid .l-aside .headerArea_businessOwner::before {
  content: '';
  display: block;
  width: 1.4em;
  height: 1.4em;
  background-color: currentColor;
  mask: url("../images/icon-business.svg") no-repeat center;
  -webkit-mask: url("../images/icon-business.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.2em;
}
.headerArea .l-grid .l-aside .headerArea_neobank {
  width: 190px;
  height: 40px;
}
.headerArea .l-overlay {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100dvw;
  position: fixed;
  left: 0;
  transition: 400ms;
}
.headerArea .l-overlay.is-visible {
  visibility: visible;
  opacity: 1;
}

/*************/
/* .mainArea */
/*************/
.mainArea {
  position: relative;
}
@media screen and (max-width: 1199.98px) {
  .mainArea {
    padding-top: clamp(0px, calc(0px + (135 * max(0px, ((100dvw - 0px) / (600))))), 135px);
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea {
    padding-top: 182px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mainArea .l-page-inner {
    padding: 0 clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (600))))), 18px);
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea .l-page-inner {
    max-width: 1140px;
    margin: 0 auto;
  }
}
.mainArea .mainArea_header {
  background-color: #F0F8FC;
  padding: clamp(12px, calc(12px + (6 * max(0px, ((100dvw - 384px) / (576))))), 18px) 0 clamp(44px, calc(44px + (24 * max(0px, ((100dvw - 384px) / (576))))), 68px);
}
.mainArea .mainArea_header .breadcrumb {
  text-align: left;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list {
  display: flex;
  flex-wrap: wrap;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list li {
  font-size: clamp(1.1rem, calc(11px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  line-height: 1.4;
  letter-spacing: .05em;
  margin-bottom: .5em;
  padding-right: 2em;
  margin-right: 1em;
  position: relative;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list li::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("/assets/common/images/icon-breadcrumb.svg") no-repeat center;
  background-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list li:last-child::after {
  display: none;
}
.mainArea .mainArea_header .breadcrumb .breadcrumb_list li a {
  color: #0054B6;
}
.mainArea .mainArea_header_title {
  margin: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px) 0 0;
}
.mainArea .mainArea_header_summary {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (576))))), 1.6rem);
  letter-spacing: .16em;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 1.2em;
}
.mainArea .mainArea_primarySection_summary {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.7;
  letter-spacing: .1em;
  margin-top: 2em;
}

/*********************/
/* .relatedPagesArea */
/*********************/
.relatedPagesArea {
  padding: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (384))))), 30px) 0 clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (384))))), 48px);
  border-top: 1px solid #999;
}
.relatedPagesArea .l-inner {
  text-align: left;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  display: flex;
  justify-content: flex-end;
}
.relatedPagesArea .relatedPagesArea_heading {
  margin-bottom: .5em;
}
.relatedPagesArea .relatedPagesArea_heading::before {
  content: '［';
}
.relatedPagesArea .relatedPagesArea_heading::after {
  content: '］';
}
.relatedPagesArea .relatedPagesArea_list li {
  margin-top: .2em;
}
.relatedPagesArea .relatedPagesArea_list a {
  color: #0054B6;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-right: 2em;
  column-gap: 1em;
}
@media screen and (max-width: 480.98px) {
  .relatedPagesArea .relatedPagesArea_list a {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
@media print, screen and (min-width: 481px) {
  .relatedPagesArea .relatedPagesArea_list a {
    display: flex;
    align-items: center;
  }
}
@media (hover: hover) and (pointer: fine) {
  .relatedPagesArea .relatedPagesArea_list a span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0;
  }
  .relatedPagesArea .relatedPagesArea_list a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.relatedPagesArea .relatedPagesArea_list a::after {
  content: "";
  display: block;
  background-color: currentColor;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1199.98px) {
  .relatedPagesArea .relatedPagesArea_list a::after {
    width: 1.6em;
    height: 1.6em;
  }
}
@media print, screen and (min-width: 1200px) {
  .relatedPagesArea .relatedPagesArea_list a::after {
    width: 1.4em;
    height: 1.4em;
  }
}
@media screen and (max-width: 480.98px) {
  .relatedPagesArea .relatedPagesArea_list a::after {
    bottom: .1em;
  }
}
@media print, screen and (min-width: 481px) {
  .relatedPagesArea .relatedPagesArea_list a::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
.relatedPagesArea .relatedPagesArea_list a[href^="http"]:not([href^="https://www.keio-passport.co.jp/"])::after {
  mask: url("/assets/common/images/icon-link-extarnal.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-extarnal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.relatedPagesArea .relatedPagesArea_list a:not([href^="http"])::after, .relatedPagesArea .relatedPagesArea_list a[href^="https://www.keio-passport.co.jp/"]::after {
  mask: url("/assets/common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.relatedPagesArea .relatedPagesArea_list a[href$=".pdf"][href][href]::after, .relatedPagesArea .relatedPagesArea_list a[href*=".pdf?"][href][href]::after, .relatedPagesArea .relatedPagesArea_list a[href*=".pdf#"][href][href]::after {
  mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}

/***************/
/* .footerArea */
/***************/
.footerArea {
  background-color: #F5F5F5;
  border-top: .1rem solid #000;
}
@media screen and (max-width: 480.98px) {
  .footerArea {
    padding: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (384))))), 28px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .footerArea {
    padding: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  }
}
@media print, screen and (min-width: 961px) {
  .footerArea {
    padding: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.footerArea .l-link-pagetop {
  width: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (384))))), 46px);
  height: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (384))))), 46px);
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
  position: fixed;
  z-index: 1000;
  right: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  bottom: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  transition: background-color 400ms, opacity 400ms, visibility 400ms;
  background-color: #0054B6;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .footerArea .l-link-pagetop:hover {
    background-color: #00499C;
  }
}
.footerArea .l-link-pagetop.is-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.footerArea .l-link-pagetop img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  width: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (384))))), 14px);
}
.footerArea .footerArea_list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
.footerArea .footerArea_list li {
  font-size: clamp(1.1rem, calc(11px + (3 * max(0px, ((100dvw - 384px) / (576))))), 1.4rem);
  padding: 0 1.2em;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-bottom: .8em;
  margin-left: -1px;
}
.footerArea .footerArea_list li a {
  text-decoration: none;
  color: #000;
  letter-spacing: .05em;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .footerArea .footerArea_list li a span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .footerArea .footerArea_list li a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 50% 100%/100% 1px no-repeat;
  }
}
.footerArea .l-logo {
  width: clamp(0px, calc(0px + (233 * max(0px, ((100dvw - 0px) / (384))))), 233px);
  margin: clamp(36px, calc(36px + (14 * max(0px, ((100dvw - 384px) / (576))))), 50px) auto 0;
}
.footerArea .l-logo img {
  width: 100%;
}
.footerArea .l-copyright {
  color: #000;
  letter-spacing: .05em;
  line-height: 1.4;
  font-size: clamp(1.2rem, calc(12px + (2 * max(0px, ((100dvw - 384px) / (576))))), 1.4rem);
  margin-top: 2em;
}
.footerArea .l-ai-chat {
  position: fixed;
  left: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  bottom: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  transition: opacity 400ms;
  cursor: pointer;
}
@media screen and (max-width: 480.98px) {
  .footerArea .l-ai-chat {
    width: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (384))))), 100px);
  }
}
@media print, screen and (min-width: 481px) {
  .footerArea .l-ai-chat {
    width: clamp(100px, calc(100px + (28 * max(0px, ((100dvw - 384px) / (384))))), 128px);
  }
}
.footerArea .l-ai-chat img {
  width: 100%;
}

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