@charset "UTF-8";
@keyframes _fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes _up {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes _zoom {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _blurInAnime {
  from {
    opacity: 0;
    transform: scale(1.02);
    filter: blur(1em);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
@keyframes _left {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes _right {
  0% {
    transform: translateX(-70%);
  }
  100% {
    transform: translateX(-50%);
  }
}
._fadeInUp._waiting {
  opacity: 0;
  visibility: hidden;
}
._fadeInUp._running {
  visibility: visible;
  animation: _fadeIn 1200ms, _up 1200ms;
}

._fadeInZoom._waiting {
  opacity: 0;
}
._fadeInZoom._running {
  animation: _fadeIn 400ms forwards, _zoom 400ms cubic-bezier(0.82, 1.65, 0.685, 0.785);
}

._blurIn._waiting {
  visibility: hidden;
  opacity: 0;
}
._blurIn._running {
  visibility: visible;
  animation: _blurInAnime 1000ms forwards;
}

._fadeInSlideLeft._waiting {
  opacity: 0;
  visibility: hidden;
}
._fadeInSlideLeft._running {
  visibility: visible;
  animation: _fadeIn 1200ms, _left 1000ms;
}

#Container {
  font-weight: bold;
}
#Container.is-loading::after {
  animation: _fadeIn 1000ms 400ms forwards;
  background: url("../images/loading.gif") no-repeat center center;
  position: fixed;
  content: "";
  display: block;
  top: 50vh;
  left: 50vw;
  z-index: 1000;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  opacity: 0;
}

.header .l-inner {
  box-sizing: border-box;
  max-width: 1140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960.98px) {
  .header .l-inner {
    height: clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (768))))), 104px);
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 961px) {
  .header .l-inner {
    height: 70px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.header #Logo {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .header #Logo {
    background-color: #FFF;
    position: relative;
    width: 100%;
    height: 54px;
    z-index: 1000;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
  }
}
@media print, screen and (min-width: 961px) {
  .header #Logo {
    padding: 0 20px;
  }
}
@media screen and (max-width: 960.98px) {
  .header #Logo img {
    height: clamp(0px, calc(0px + (84 * max(0px, ((100dvw - 0px) / (768))))), 84px);
  }
}
@media print, screen and (min-width: 961px) {
  .header #Logo img {
    width: 160px;
    height: auto;
  }
}
.header .l-link {
  box-sizing: border-box;
  padding-right: 20px;
}
.header .l-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100em;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .header .l-link a {
    font-size: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (384))))), 1rem);
    padding-right: 2.4em;
  }
}
@media print, screen and (min-width: 961px) {
  .header .l-link a {
    font-size: 1rem;
    padding-right: 1.6em;
  }
}
.header .l-link a::after {
  background: url("../images/icon-arrow-down-green.svg") no-repeat 0 0/contain;
  content: "";
  right: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.2em;
  height: 1.2em;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) .header .l-link a:hover {
    opacity: 0.7;
    transition: opacity 400ms;
  }
  body:not([data-device=touchDevice]) .header .l-link a:hover::after {
    transform: translate(0, -20%);
    transition: transform 400ms;
  }
}
@media screen and (max-width: 960.98px) {
  .header .l-link a img {
    height: clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (384))))), 18px);
  }
}
@media print, screen and (min-width: 961px) {
  .header .l-link a img {
    height: 16px;
  }
}

/*============================
#MainArea
============================*/
.is-loading .mainArea {
  visibility: hidden;
  opacity: 0;
}

.is-loaded .mainArea {
  visibility: visible;
  animation: _fadeIn 1000ms;
}

#MainArea.mainArea {
  padding-top: 0;
}
#MainArea.mainArea .l-text-end {
  text-align: left;
  display: inline-block;
  margin: 0 auto;
  padding: 1em;
}
#MainArea.mainArea .l-image-main {
  width: 100%;
  background-color: #7ECEF4;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-image-main {
    height: clamp(0px, calc(0px + (1006 * max(0px, ((100dvw - 0px) / (960))))), 1006px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-image-main {
    height: 756px;
  }
}
#MainArea.mainArea .l-image-main img {
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-image-main img {
    height: clamp(0px, calc(0px + (982 * max(0px, ((100dvw - 0px) / (960))))), 982px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-image-main img {
    height: 727px;
  }
}
#MainArea.mainArea .l-image-main img.l-image-left._running {
  visibility: visible;
  animation: _fadeIn 1000ms forwards, _right 800ms forwards;
}
#MainArea.mainArea .l-nav {
  position: fixed;
  background-color: rgba(35, 24, 21, 0.6);
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  z-index: 1000;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 400ms, visibility 400ms;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-nav {
    height: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-nav {
    height: 120px;
  }
}
#MainArea.mainArea .l-nav.is-visible {
  visibility: visible;
  opacity: 1;
}
#MainArea.mainArea .l-nav.is-visible a {
  pointer-events: auto;
}
#MainArea.mainArea .l-nav.is-visible span {
  background-color: #CCC;
}
#MainArea.mainArea .l-nav li {
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-nav li {
    width: clamp(0px, calc(0px + (340 * max(0px, ((100dvw - 0px) / (768))))), 340px);
    height: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-nav li {
    width: 340px;
    height: 80px;
  }
}
#MainArea.mainArea .l-nav li:nth-child(1) a {
  background-color: #F05E98;
  transition: background-color 400ms;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-nav li:nth-child(1) a:hover {
    background-color: #EA4680;
  }
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-nav li:nth-child(1) a:hover::after {
    transform: translate(30%, -50%);
    transition: transform 400ms;
  }
}
#MainArea.mainArea .l-nav li:nth-child(2) a {
  background-color: #2EB6AA;
  transition: background-color 400ms;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-nav li:nth-child(2) a:hover {
    background-color: #1DA193;
  }
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-nav li:nth-child(2) a:hover::after {
    transform: translate(30%, -50%);
    transition: transform 400ms;
  }
}
#MainArea.mainArea .l-nav li a, #MainArea.mainArea .l-nav li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100em;
  position: relative;
  pointer-events: none;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-nav li a, #MainArea.mainArea .l-nav li span {
    font-size: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 2.4rem);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-nav li a, #MainArea.mainArea .l-nav li span {
    font-size: 2rem;
  }
}
#MainArea.mainArea .l-nav li a::after, #MainArea.mainArea .l-nav li span::after {
  content: "";
  position: absolute;
  top: 50%;
  background: url("../images/icon-arrow-right.svg") no-repeat 0 0/contain;
  right: 0.5em;
  transform: translate(0, -50%);
  width: 1em;
  height: 1em;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-nav li img {
    height: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-nav li img {
    height: 28px;
  }
}
#MainArea.mainArea .l-link {
  display: flex;
  box-sizing: border-box;
  max-width: 1140px;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link {
    justify-content: center;
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-link {
    justify-content: space-between;
    margin: 32px auto 0;
    padding: 0 20px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link li {
    width: clamp(0px, calc(0px + (218 * max(0px, ((100dvw - 0px) / (768))))), 218px);
    height: clamp(0px, calc(0px + (200 * max(0px, ((100dvw - 0px) / (768))))), 200px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-link li {
    width: clamp(0px, calc(0px + (346 * max(0px, ((100dvw - 0px) / (1140))))), 346px);
    height: 70px;
  }
}
#MainArea.mainArea .l-link li:nth-child(1) a {
  background-color: #F05E98;
}
#MainArea.mainArea .l-link li:nth-child(2) a {
  background-color: #2EB6AA;
}
#MainArea.mainArea .l-link li:nth-child(3) a {
  background-color: #2BBDE3;
}
#MainArea.mainArea .l-link li a {
  font-size: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (768))))), 1.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link li a {
    border-radius: clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (768))))), 18px);
    box-sizing: border-box;
    padding-bottom: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-link li a {
    border-radius: 100em;
    padding-right: 1em;
  }
}
#MainArea.mainArea .l-link li a::after {
  content: "";
  position: absolute;
  background: url("../images/icon-arrow-down.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link li a::after {
    width: 1.8em;
    height: 1.8em;
    bottom: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-link li a::after {
    width: 1.2em;
    height: 1.2em;
    top: 50%;
    right: 1.5em;
    transform: translate(0, -50%);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-link li a:hover {
    opacity: 0.7;
    transition: opacity 400ms;
  }
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-link li a:hover::after {
    transition: transform 400ms;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 960.98px) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-link li a:hover::after {
    transform: translate(-50%, 20%);
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (hover: hover) and (pointer: fine) and (min-width: 961px) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .l-link li a:hover::after {
    transform: translate(0, -20%);
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link li img {
    height: clamp(0px, calc(0px + (114 * max(0px, ((100dvw - 0px) / (768))))), 114px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .l-link li img {
    height: 20.5px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .l-link li:nth-child(1) img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
#MainArea.mainArea .otokuArea {
  box-sizing: border-box;
  max-width: 1140px;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea {
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea {
    margin: 66px auto 0;
    padding: 0 20px;
  }
}
#MainArea.mainArea .otokuArea .l-heading {
  background-color: #F05E98;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-heading {
    height: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-heading {
    border-radius: 100em;
    height: 70px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-heading img {
    height: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-heading img {
    height: 39px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-text-present {
    width: clamp(0px, calc(0px + (686 * max(0px, ((100dvw - 0px) / (768))))), 686px);
    margin: clamp(0px, calc(0px + (38 * max(0px, ((100dvw - 0px) / (768))))), 38px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-text-present {
    width: 773px;
    margin: 29px auto 0;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card {
    margin: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (768))))), 110px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card {
    margin-top: 80px;
  }
}
#MainArea.mainArea .otokuArea .l-card .l-card-item {
  border: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px) solid #F05E98;
  border-radius: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-card-item {
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-card-item {
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (1140))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (1140))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (1140))))), 30px);
  }
}
#MainArea.mainArea .otokuArea .l-card h3 {
  background-color: #FFF;
  display: inline-block;
  padding: 0 clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  transform: translateY(-50%);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card h3 img {
    height: clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (768))))), 96px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card h3 img {
    height: 76px;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner {
    display: flex;
    justify-content: center;
    column-gap: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (1140))))), 70px);
    margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point {
    width: clamp(0px, calc(0px + (445 * max(0px, ((100dvw - 0px) / (1140))))), 445px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point::after {
  content: "";
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point::after {
    background: url(../images/icon-triangle-down.svg) no-repeat 0 100%/contain;
    position: absolute;
    bottom: clamp(-80px, calc(-80px + (80 * max(0px, ((-100dvw + 768px) / (768))))), 0px);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (768))))), 56px);
    height: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point::after {
    background: url(../images/icon-triangle-right.svg) no-repeat 0 0/contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: clamp(-60px, calc(-60px + (60 * max(0px, ((-100dvw + 1140px) / (1140))))), 0px);
    width: clamp(0px, calc(0px + (38 * max(0px, ((100dvw - 0px) / (1140))))), 38px);
    height: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (1140))))), 44px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper {
  display: flex;
  align-items: start;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper {
    justify-content: center;
    column-gap: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper {
    column-gap: clamp(0px, calc(0px + (7 * max(0px, ((100dvw - 0px) / (1140))))), 7px);
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper img {
    width: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (768))))), 150px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper img {
    width: clamp(0px, calc(0px + (124 * max(0px, ((100dvw - 0px) / (1140))))), 124px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper div {
  border: 1px solid transparent;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint {
  position: relative;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint span {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint span {
    width: clamp(0px, calc(0px + (130 * max(0px, ((100dvw - 0px) / (768))))), 130px);
    height: clamp(0px, calc(0px + (126 * max(0px, ((100dvw - 0px) / (768))))), 126px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint span {
    width: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (1140))))), 110px);
    height: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (1140))))), 106px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint img {
  width: 100%;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-wrapper .l-digitalPoint p {
  text-align: left;
  font-size: clamp(1rem, calc(10px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.3rem);
  color: #4E4D4D;
  line-height: 1.4;
  margin-top: 0.8em;
  white-space: nowrap;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-note {
  text-align: left;
  font-size: clamp(1.1rem, calc(11px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.5rem);
  color: #4E4D4D;
  line-height: 1.4;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-note {
    margin-top: 3.5em;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-point .l-note {
    margin: 4.5em auto 0;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa {
    margin-top: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (768))))), 150px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa {
    width: clamp(0px, calc(0px + (585 * max(0px, ((100dvw - 0px) / (1140))))), 585px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper {
  display: flex;
  align-items: start;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper {
    justify-content: center;
    column-gap: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper {
    column-gap: 7px;
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper .l-item {
  font-size: clamp(1.1rem, calc(11px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.5rem);
  line-height: 1.2;
  color: #4E4D4D;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper .l-item div {
  margin-bottom: 0.8em;
  border: 1px solid transparent;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper .l-item .l-line {
  border: 1px solid #CCC;
  border-radius: clamp(0px, calc(0px + (4 * max(0px, ((100dvw - 0px) / (768))))), 4px);
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper img {
  display: block;
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-wrapper img {
    width: clamp(0px, calc(0px + (124 * max(0px, ((100dvw - 0px) / (1140))))), 124px);
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link {
  margin: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) auto 0;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link {
    width: clamp(0px, calc(0px + (474 * max(0px, ((100dvw - 0px) / (768))))), 474px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link {
    width: 400px;
  }
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link a {
  font-size: clamp(1.3rem, calc(13px + (5 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  color: #FFF;
  letter-spacing: 0.05em;
  background-color: #F05E98;
  border-radius: 100em;
  padding: 1.2em 0.8em;
  width: 100%;
  display: block;
  text-decoration: none;
  position: relative;
}
#MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link a::after {
  content: "";
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  top: 50%;
  right: 0.8em;
  transform: translate(0, -50%);
  background: url("../images/icon-arrow-right.svg") no-repeat 0 0/contain;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link a:hover {
    opacity: 0.7;
    transition: opacity 400ms;
  }
  body:not([data-device=touchDevice]) #MainArea.mainArea .otokuArea .l-card .l-inner .l-card-visa .l-link a:hover::after {
    transform: translate(30%, -50%);
    transition: transform 400ms;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-point {
    margin-top: clamp(0px, calc(0px + (67 * max(0px, ((100dvw - 0px) / (768))))), 67px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-point {
    margin-top: 50px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-point h3 img {
    height: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (768))))), 44px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-point h3 img {
    height: 35px;
  }
}
#MainArea.mainArea .otokuArea .l-point .l-text {
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
  margin-top: 1em;
}
#MainArea.mainArea .otokuArea .l-point .l-button {
  margin: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) auto 0;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .otokuArea .l-point .l-button {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (768))))), 600px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .otokuArea .l-point .l-button {
    width: 420px;
  }
}
#MainArea.mainArea .otokuArea .l-point .l-button a {
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.4;
  color: #FFF;
  letter-spacing: 0.05em;
  background-color: #F05E98;
  border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
  padding: 0.6em;
  width: 100%;
  display: block;
  text-decoration: none;
  position: relative;
}
#MainArea.mainArea .otokuArea .l-point .l-button a::after {
  content: "";
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  top: 50%;
  right: 0.8em;
  transform: translate(0, -50%);
  background: url("../images/icon-arrow-right.svg") no-repeat 0 0/contain;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) #MainArea.mainArea .otokuArea .l-point .l-button a:hover {
    opacity: 0.7;
    transition: opacity 400ms;
  }
  body:not([data-device=touchDevice]) #MainArea.mainArea .otokuArea .l-point .l-button a:hover::after {
    transform: translate(30%, -50%);
    transition: transform 400ms;
  }
}
#MainArea.mainArea .tamaruArea {
  box-sizing: border-box;
  max-width: 1140px;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea {
    margin-top: clamp(0px, calc(0px + (92 * max(0px, ((100dvw - 0px) / (768))))), 92px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea {
    margin: 66px auto 0;
    padding: 0 20px;
  }
}
#MainArea.mainArea .tamaruArea .l-heading {
  background-color: #2EB6AA;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-heading {
    height: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-heading {
    border-radius: 100em;
    height: 70px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-heading img {
    height: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-heading img {
    height: 39px;
  }
}
#MainArea.mainArea .tamaruArea .l-point {
  border: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px) solid #2EB6AA;
  border-radius: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-point {
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-point {
    margin-top: 60px;
    padding: 0 40px 40px 40px;
  }
}
#MainArea.mainArea .tamaruArea .l-point h3 {
  background-color: #FFF;
  display: inline-block;
  padding: 0 clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  transform: translateY(-50%);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-point h3 img {
    height: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (768))))), 44px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-point h3 img {
    height: 35px;
  }
}
#MainArea.mainArea .tamaruArea .l-point .l-inner {
  margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-point .l-inner {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 60px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-point .l-logo {
    width: clamp(0px, calc(0px + (283 * max(0px, ((100dvw - 0px) / (768))))), 283px);
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-point .l-logo {
    flex-shrink: 0;
    width: 210px;
  }
}
#MainArea.mainArea .tamaruArea .l-point .l-logo img {
  width: 100%;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area em {
  color: #2EB6AA;
  font-style: normal;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy {
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy {
    margin-top: 0.8em;
  }
}
@media screen and (max-width: 480.98px) {
  #MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy {
    text-align: center;
  }
}
@media print, screen and (min-width: 481px) {
  #MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy {
    text-align: left;
  }
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy .l-underline {
  position: relative;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy .l-underline::after {
  content: "";
  display: block;
  width: 100%;
  height: 1em;
  background-color: #FFF100;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-copy .l-underline strong {
  font-size: 250%;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-notes {
  margin-top: 2em;
}
#MainArea.mainArea .tamaruArea .l-point .l-text-area .l-notes li {
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
  text-align: justify;
}
#MainArea.mainArea .tamaruArea .l-vpoint {
  border: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px) solid #2EB6AA;
  border-radius: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-vpoint {
    margin: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-vpoint {
    margin-top: 50px;
    padding: 0 40px 40px 40px;
  }
}
#MainArea.mainArea .tamaruArea .l-vpoint h3 {
  background-color: #FFF;
  display: inline-block;
  padding: 0 clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  transform: translateY(-50%);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-vpoint h3 img {
    height: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (768))))), 44px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-vpoint h3 img {
    height: 35px;
  }
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-inner {
  margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-inner {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 60px;
  }
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-logo {
  text-align: center;
  flex-shrink: 0;
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-logo {
    width: 210px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-logo img {
    width: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (768))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-logo img {
    width: 120px;
    margin: 0 auto;
  }
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area em {
  color: #2EB6AA;
  font-style: normal;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy {
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.2;
  color: #4E4D4D;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy {
    margin-top: 0.8em;
  }
}
@media screen and (max-width: 480.98px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy {
    text-align: center;
  }
}
@media print, screen and (min-width: 481px) {
  #MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy {
    text-align: left;
  }
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy .l-underline {
  position: relative;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy .l-underline::after {
  content: "";
  display: block;
  width: 100%;
  height: 1em;
  background-color: #FFF100;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-copy .l-underline strong {
  font-size: 250%;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-margin {
  margin-top: 1em;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-exp {
  font-size: clamp(1.4rem, calc(14px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
  margin-top: 0.8em;
  text-align: justify;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-exp .l-super {
  font-size: 60%;
  vertical-align: super;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-notes {
  margin-top: 2em;
}
#MainArea.mainArea .tamaruArea .l-vpoint .l-text-area .l-notes li {
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
  text-align: justify;
}
#MainArea.mainArea .serviceArea {
  box-sizing: border-box;
  max-width: 1140px;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea {
    margin-top: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (768))))), 55px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea {
    margin: 66px auto 0;
    padding: 0 20px;
  }
}
#MainArea.mainArea .serviceArea .l-heading {
  background-color: #2BBDE3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-heading {
    height: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-heading {
    height: 70px;
    border-radius: 100em;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-heading img {
    height: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-heading img {
    height: 39px;
  }
}
#MainArea.mainArea .serviceArea .l-item {
  border: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px) solid #2BBDE3;
  border-radius: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item {
    margin: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
    padding: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item {
    margin-top: 36px;
    padding: 40px;
  }
}
#MainArea.mainArea .serviceArea .l-item h3 {
  font-size: clamp(2rem, calc(20px + (12 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #4E4D4D;
}
@media screen and (max-width: 480.98px) {
  #MainArea.mainArea .serviceArea .l-item h3 {
    text-align: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item h3 {
    text-align: justify;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item h3 {
    text-align: left;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    column-gap: 0.5em;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item h3 img {
    width: clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (768))))), 112px);
    display: block;
    margin: 0 auto 0.5em;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item h3 img {
    flex-shrink: 0;
    width: 80px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-inner {
  margin-top: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-inner {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 60px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-logo {
  text-align: center;
  flex-shrink: 0;
  margin: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) auto 0;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo {
    width: clamp(0px, calc(0px + (283 * max(0px, ((100dvw - 0px) / (768))))), 283px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo {
    width: 210px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-logo img {
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo img.l-logo-vpoint {
    width: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (768))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo img.l-logo-vpoint {
    width: 120px;
    margin: 0 auto;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-wrapper {
  margin-top: 30px;
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-wrapper {
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-wrapper:nth-child(2) {
  border-top: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px) solid #2BBDE3;
  padding-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
#MainArea.mainArea .serviceArea .l-item .l-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-shrink: 0;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-logos {
    width: clamp(0px, calc(0px + (340 * max(0px, ((100dvw - 0px) / (768))))), 340px);
    gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logos {
    width: 250px;
    gap: 10px 30px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-logos img {
    width: clamp(0px, calc(0px + (148 * max(0px, ((100dvw - 0px) / (768))))), 148px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logos img {
    width: 106px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-tex-point {
  flex-shrink: 0;
  font-size: clamp(1.6rem, calc(16px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2.2rem);
  line-height: 1.4;
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-tex-point {
    margin-top: 1em;
    width: 250px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-tex-point em {
  font-style: normal;
  color: #2BBDE3;
}
#MainArea.mainArea .serviceArea .l-item .l-tex-point em strong {
  font-size: 250%;
  padding-right: 0.05em;
}
#MainArea.mainArea .serviceArea .l-item .l-logo-keioliner {
  text-align: center;
  flex-shrink: 0;
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo-keioliner {
    width: 250px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo-keioliner img {
    width: clamp(0px, calc(0px + (208 * max(0px, ((100dvw - 0px) / (768))))), 208px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .serviceArea .l-item .l-logo-keioliner img {
    width: 149px;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-logo-keioliner p {
  text-align: center;
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.4;
  color: #4E4D4D;
  margin-top: 0.8em;
}
#MainArea.mainArea .serviceArea .l-item .l-text-area {
  text-align: left;
}
#MainArea.mainArea .serviceArea .l-item .l-text-area .l-text {
  text-align: justify;
  font-size: clamp(1.4rem, calc(14px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .serviceArea .l-item .l-text-area .l-text {
    margin-top: 1em;
  }
}
#MainArea.mainArea .serviceArea .l-item .l-text-area .l-notes li {
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.4;
  color: #4E4D4D;
}
#MainArea.mainArea .serviceArea .l-item .l-text-area .l-notes li:first-child {
  margin-top: 1.5em;
}
#MainArea.mainArea .notesArea {
  box-sizing: border-box;
  max-width: 1140px;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .notesArea {
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .notesArea {
    margin: 66px auto 0;
    padding: 0 20px;
  }
}
#MainArea.mainArea .notesArea .l-heading {
  border-top: 3px solid #2EB6AA;
  border-bottom: 3px solid #2EB6AA;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .notesArea .l-heading {
    height: clamp(0px, calc(0px + (92 * max(0px, ((100dvw - 0px) / (768))))), 92px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .notesArea .l-heading {
    height: 100px;
  }
}
@media screen and (max-width: 960.98px) {
  #MainArea.mainArea .notesArea .l-heading img {
    height: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  #MainArea.mainArea .notesArea .l-heading img {
    height: 39px;
  }
}
#MainArea.mainArea .notesArea .l-notes {
  text-align: left;
  margin-top: clamp(0px, calc(0px + (54 * max(0px, ((100dvw - 0px) / (768))))), 54px);
}
#MainArea.mainArea .notesArea .l-notes li {
  text-align: justify;
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  letter-spacing: 0.05em;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: 0.2em;
  color: #4E4D4D;
}
#MainArea.mainArea .notesArea .l-notes li a {
  color: #2EB6AA;
}
#MainArea.mainArea .notesArea h3 {
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #4E4D4D;
  margin-top: 1em;
  text-align: left;
}
#MainArea.mainArea .notesArea .l-pasmo {
  text-align: left;
}
#MainArea.mainArea .notesArea .l-pasmo li {
  text-align: justify;
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  letter-spacing: 0.05em;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: 0.2em;
  color: #4E4D4D;
}
#MainArea.mainArea .notesArea .l-pasmo li::before {
  content: "・ ";
}
#MainArea.mainArea .notesArea .l-text {
  text-align: justify;
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-top: 2em;
  color: #4E4D4D;
}

.footerArea {
  background-color: #E6E6E5;
  border-top: none;
}
@media screen and (max-width: 960.98px) {
  .footerArea {
    margin: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) 0 0 0;
    padding: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px) clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) clamp(0px, calc(0px + (220 * max(0px, ((100dvw - 0px) / (768))))), 220px);
  }
}
@media print, screen and (min-width: 961px) {
  .footerArea {
    margin: 70px 0 0 0;
    padding: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px) clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) 170px;
  }
}
.footerArea .l-contact .l-text {
  font-size: clamp(1.4rem, calc(14px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.4;
  color: #4E4D4D;
  letter-spacing: 0.05em;
}
.footerArea .l-contact .l-tel {
  font-size: 150%;
  color: #4E4D4D;
  text-decoration: none;
}
.footerArea .l-contact small {
  font-size: 90%;
}
.footerArea .l-link-pagetop {
  width: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (480))))), 46px);
  height: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (480))))), 46px);
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
  position: fixed;
  z-index: 9000;
  right: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  bottom: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  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 .l-link {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .footerArea .l-link {
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  .footerArea .l-link {
    column-gap: 30px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 960.98px) {
  .footerArea .l-link li {
    width: clamp(0px, calc(0px + (320 * max(0px, ((100dvw - 0px) / (768))))), 320px);
  }
}
@media print, screen and (min-width: 961px) {
  .footerArea .l-link li {
    width: 260px;
  }
}
.footerArea .l-link li a {
  color: #4E4D4D;
  letter-spacing: 0.05em;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 100em;
  padding: 0.8em 0;
  font-size: clamp(1.4rem, calc(14px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  line-height: 1.4;
  position: relative;
}
.footerArea .l-link li a::after {
  content: "";
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  top: 50%;
  right: 0.5em;
  transform: translate(0, -50%);
  background: url("../images/icon-arrow-right-gray.svg") no-repeat 0 0/contain;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) .footerArea .l-link li a:hover {
    opacity: 0.7;
    transition: opacity 400ms;
  }
  body:not([data-device=touchDevice]) .footerArea .l-link li a:hover::after {
    transform: translate(30%, -50%);
    transition: transform 400ms;
  }
}
@media screen and (max-width: 960.98px) {
  .footerArea .l-link-pagetop {
    bottom: clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (768))))), 180px);
  }
}
@media print, screen and (min-width: 961px) {
  .footerArea .l-link-pagetop {
    bottom: 140px;
  }
}
.footerArea .l-copyright {
  color: #444;
  font-size: clamp(1.1rem, calc(11px + (1 * max(0px, ((100dvw - 384px) / (384))))), 1.2rem);
  line-height: 1.4;
  margin-top: 2em;
  letter-spacing: 0.1em;
}

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