@charset "UTF-8";
:root {
  --first-color: #274574;
  --light-color:#E1E5F0;
  --light-color2:#E1E5F0;
  --color: #274574;
  --se-color: #009191;
  --cp-color: #00A0D1;
  --orange: #E64D0D;
  --min: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.btn--mitsumori {
  font-size: 2.4rem !important;
}
@media (max-width: 1780px) {
  .btn--mitsumori {
    font-size: 1.3vw !important;
  }
}
@media (max-width: 1400px) {
  .btn--mitsumori {
    font-size: 1.4rem !important;
  }
}
@media (max-width: 980px) {
  .btn--mitsumori {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }
}
.service .page-header {
  padding-top: 7.5vw;
}
@media (min-width: 2280px) {
  .service .page-header {
    padding-top: 180px;
  }
}
.service.single .wwp-block-group {
  margin-top: 100px;
}
.service.single .wwp-block-group .is-content-justification-center {
  display: flex;
}
@media (max-width: 980px) {
  .service.single .wwp-block-group {
    margin-top: 50px;
  }
}
.sales-copy {
  pointer-events: none;
  user-select: none;
  font-family: var(--min);
}
@media (min-width: 981px) {
  .sales-copy {
    width: 300px;
    font-size: 3rem;
    font-weight: 500;
    writing-mode: vertical-rl;
    position: absolute;
    left: 0px;
    top: 200px;
    display: flex;
    align-items: center;
    text-align: right;
    line-height: 2;
  }
}
@media (max-width: 1400px) {
  .sales-copy {
    width: 200px;
  }
}
@media (max-width: 980px) {
  .sales-copy {
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 20px;
  }
}
.mypage-nav {
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 980px) {
  .mypage-nav {
    margin-bottom: 20px;
  }
}
.mypage-nav ul {
  text-align: right;
}
.mypage-nav ul li {
  display: inline-block;
  margin-left: 10px;
}
.mypage-nav ul li:last-child a {
  background: red;
}
.mypage-nav ul li a {
  font-size: 1.5rem;
  display: block;
  background: var(--first-color);
  border-radius: 20px;
  padding: 5px 15px;
  color: #fff;
  font-weight: 700;
}
@media (min-width: 981px) {
  .mypage-nav ul li a {
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .mypage-nav ul li a:hover {
    opacity: 0.7;
  }
}