@charset "UTF-8";
/*------------------
color設定
-------------------*/
:root {
  --main: #3f6cab;
  --sub: #55afcb;
  --light_blue_main: #e3ecf8;
  --black: #222;
  --gray: #dedede;
  --base-deep-dark: #2f2719;
  --white: #fff;
  --base-right: #f4f4f4;
  --base-gray: #aaaaa6;
  --accent-orange: #e67b3c;
}

/*------------------
googleフォント指定
-------------------*/
/*------------------
break point
-------------------*/
/*------------------
スマホ倍率
-------------------*/
/*------------------
header固定時の高さ指定　PC SP ※header fix時に使用
-------------------*/
/*------------------
よく使う横幅
-------------------*/
/*------------------
coming soon時　※jsの変更も必要
-------------------*/
a {
  display: block;
  color: #111;
  text-decoration: none;
}

@media screen and (min-width: 960px) {
  a {
    transition: 0.2s;
  }
}
.a-text-underline {
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}

.a-text-underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #000;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}

.a-text-underline:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.a-text-underline__right {
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}

.a-text-underline__right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #000;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}

.a-text-underline__right:hover::before {
  transform-origin: right top;
  transform: scale(1, 1);
}

.a-text-underline__center {
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}

.a-text-underline__center::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #000;
  transform-origin: center top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}

.a-text-underline__center:hover::before {
  transform-origin: center top;
  transform: scale(1, 1);
}

.a-text-marker {
  position: relative;
  z-index: 1;
  padding: 0;
  text-decoration: none;
}

.a-text-marker::before {
  background: #000;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
  z-index: -1;
}

.a-text-marker:hover {
  color: #fff;
}

.a-text-marker:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.a-text-move__right {
  display: inline-block;
  text-decoration: none;
}

.a-text-move__right:hover {
  transform: translateX(5px);
}

.a-text-move__top {
  display: inline-block;
  text-decoration: none;
}

.a-text-move__top:hover {
  transform: translateY(-5px);
}

.a-text-gradient {
  display: inline-block;
  color: #000;
  text-decoration: none;
  color: transparent;
  background: linear-gradient(to right, #000 50%, #000 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.4s;
}

.a-text-gradient:hover {
  background-position: 0 100%;
}

/*--------------------
menu
--------------------*/
.a-menubtn {
  position: relative;
  background: #f00;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 40px;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .a-menubtn {
    margin: 0;
    width: 30px;
    height: 30px;
  }
}
.a-menubtn span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
  position: absolute;
  left: 10px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
@media screen and (min-width: 960px) {
  .a-menubtn span {
    left: 7px;
    width: 16px;
  }
}
.a-menubtn span:nth-of-type(1) {
  top: 14px;
}
@media screen and (min-width: 960px) {
  .a-menubtn span:nth-of-type(1) {
    top: 9px;
  }
}
.a-menubtn span:nth-of-type(2) {
  top: 19px;
}
@media screen and (min-width: 960px) {
  .a-menubtn span:nth-of-type(2) {
    top: 14px;
  }
}
.a-menubtn span:nth-of-type(3) {
  top: 24px;
}
@media screen and (min-width: 960px) {
  .a-menubtn span:nth-of-type(3) {
    top: 19px;
  }
}

.a-menubtn.active span:nth-of-type(1) {
  transform: translateY(5px) rotate(-45deg);
}
.a-menubtn.active span:nth-of-type(2) {
  opacity: 0;
}
.a-menubtn.active span:nth-of-type(3) {
  transform: translateY(-5px) rotate(45deg);
}

/*--------------------
faq
--------------------*/
.a-plus {
  cursor: pointer;
  position: relative;
}

.a-plus::before,
.a-plus::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 3px;
  background-color: #f00;
  position: absolute;
  right: 20px;
  top: 55%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
}

.a-plus::after {
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.5s;
}

.a-plus.show::before {
  opacity: 0;
}

.a-plus.show::after {
  transform: translateY(-50%) rotate(180deg);
}

.a-faq__q {
  cursor: pointer;
}

.a-faq__a {
  display: none;
}

.l-header {
  width: 100%;
  height: clamp(3.75rem, 3.2720588235rem + 1.9607843137vw, 5.125rem);
  padding: clamp(0.625rem, 0.4946524064rem + 0.5347593583vw, 1rem) clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  background-color: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-header__logo {
  width: 23.0769230769vw;
  max-width: 125px;
}
.l-header__box {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 0.4893048128rem + 1.0695187166vw, 1.5rem);
}
.l-header__list {
  display: none;
}
@media screen and (min-width: 960px) {
  .l-header__list {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
}
@media screen and (min-width: 960px) {
  .l-header__item {
    width: 180px;
    height: 36px;
    border-radius: 1000px;
    transition: 0.3s;
  }
  .l-header__item:first-of-type {
    background-color: var(--main);
  }
  .l-header__item:last-of-type {
    background-color: var(--sub);
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .l-header__item:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 960px) {
  .l-header__item__link {
    width: 100%;
    height: 100%;
    color: var(--white);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.56px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.l-header__btn {
  width: 27.6923076923vw;
  max-width: 160px;
  height: 28px;
  margin-left: auto;
  border-radius: 1000px;
  background: var(--base-deep-dark);
  transition: 0.3s;
}
@media screen and (min-width: 960px) {
  .l-header__btn {
    height: 36px;
  }
  .l-header__btn:hover {
    opacity: 0.5;
  }
}
.l-header__btn__link {
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: clamp(0.75rem, 0.7065508021rem + 0.1782531194vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.48px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-header__hamb {
  width: 9.2307692308vw;
  max-width: 60px;
  cursor: pointer;
}
.l-header__hamb.js-active .l-header__hamb__top {
  animation: active-hamb-top 0.75s forwards;
}
.l-header__hamb.js-active .l-header__hamb__bottom {
  animation: active-hamb-bottom 0.75s forwards;
}
@media screen and (min-width: 960px) {
  .l-header__hamb {
    cursor: pointer;
  }
}
.l-header__hamb__box {
  width: 100%;
  height: clamp(0.8125rem, 0.6387032086rem + 0.7130124777vw, 1.3125rem);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.l-header__hamb__top, .l-header__hamb__bottom {
  width: 100%;
  height: 1.5px;
  background-color: var(--main);
  position: absolute;
}
.l-header__hamb__top {
  animation: hamb-top 0.75s forwards;
}
.l-header__hamb__bottom {
  animation: hamb-bottom 0.75s forwards;
}
@keyframes hamb-top {
  0% {
    transform: translateY(0) rotate(15deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(5px) rotate(0);
  }
}
@keyframes hamb-bottom {
  0% {
    transform: translateY(0) rotate(-15deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(-5px) rotate(0);
  }
}
@keyframes active-hamb-top {
  0% {
    transform: translateY(5px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(15deg);
  }
}
@keyframes active-hamb-bottom {
  0% {
    transform: translateY(-5px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(-15deg);
  }
}
.l-header__hamb__text {
  color: var(--main);
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(0.75rem, 0.7065508021rem + 0.1782531194vw, 0.875rem);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.l-nav {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: calc(100vh - clamp(3.75rem, 3.2720588235rem + 1.9607843137vw, 5.125rem));
  padding: 0 clamp(2.5rem, 1.6310160428rem + 3.5650623886vw, 5rem);
  background-color: var(--white);
  position: fixed;
  top: clamp(3.75rem, 3.2720588235rem + 1.9607843137vw, 5.125rem);
  left: 0;
  z-index: 99;
  overflow: scroll;
  transition: 0.3s;
}
@media screen and (min-width: 960px) {
  .l-nav {
    background: url(/wordpress/wp-content/themes/asn/assets/img/common/bg.png) left/cover repeat;
  }
}
.l-nav.js-active {
  opacity: 1;
  visibility: visible;
}
.l-nav__inner {
  padding: clamp(3.75rem, 3.3155080214rem + 1.7825311943vw, 5rem) 0;
  display: grid;
  gap: 40px;
}
@media screen and (min-width: 960px) {
  .l-nav__inner {
    grid-template-columns: 1fr 1fr;
    gap: 120px;
  }
}
.l-nav__btnarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  order: 1;
}
.l-nav__btn {
  width: calc(50% - 5px);
  height: 40px;
  border-radius: 1000px;
}
.l-nav__btn:first-of-type {
  background-color: var(--main);
}
.l-nav__btn:last-of-type {
  background-color: var(--sub);
}
.l-nav__btn__link {
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-nav__wrap {
  order: 3;
}
@media screen and (min-width: 960px) {
  .l-nav__wrap {
    order: 1;
  }
}
.l-nav__gnav {
  order: 2;
}
.l-nav__gnav__item {
  border-bottom: 1px solid var(--gray);
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__item {
    border-bottom: 1px solid var(--white);
  }
}
.l-nav__gnav__link {
  padding: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem) 0;
  color: var(--main);
  font-size: clamp(1.125rem, 0.9946524064rem + 0.5347593583vw, 1.5rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__link {
    letter-spacing: 0.96px;
  }
  .l-nav__gnav__link:hover .l-nav__gnav__icon span:first-of-type {
    left: 40px;
  }
  .l-nav__gnav__link:hover .l-nav__gnav__icon span:last-of-type {
    left: 8px;
  }
}
.l-nav__gnav__slink, .l-nav__gnav__sttl {
  padding: 2px 0;
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  color: var(--main);
  font-size: clamp(0.9375rem, 0.8288770053rem + 0.4456327986vw, 1.25rem);
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__slink, .l-nav__gnav__sttl {
    letter-spacing: 0.8px;
  }
}
.l-nav__gnav__sttl {
  position: relative;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__sttl {
    cursor: pointer;
  }
}
.l-nav__gnav__sttl span {
  width: 12px;
  height: 1px;
  margin-right: clamp(0.3125rem, 0.2907754011rem + 0.0891265597vw, 0.375rem);
  background-color: var(--main);
}
.l-nav__gnav__sttl::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background-color: var(--main);
  position: absolute;
  right: clamp(0.3125rem, 0.2907754011rem + 0.0891265597vw, 0.375rem);
  top: 50%;
  translate: 0 -50%;
  rotate: 90deg;
  transition: 0.3s;
}
.l-nav__gnav__sttl.js-active::after {
  rotate: 0deg;
}
.l-nav__gnav__box {
  display: none;
}
.l-nav__gnav__sslink {
  padding: 2px 0;
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  color: var(--main);
  font-size: clamp(0.8125rem, 0.7690508021rem + 0.1782531194vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.52px;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__sslink {
    letter-spacing: 0.6px;
  }
}
.l-nav__gnav__sslink::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  margin-top: 10px;
  background-color: var(--main);
  margin-right: 8px;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__sslink::before {
    width: 16px;
  }
}
.l-nav__gnav__icon {
  width: 24px;
  height: 24px;
  background-color: var(--light_blue_main);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .l-nav__gnav__icon {
    background-color: var(--white);
  }
}
.l-nav__gnav__icon span {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
.l-nav__gnav__icon span:first-of-type {
  left: 8px;
}
.l-nav__gnav__icon span:last-of-type {
  left: -16px;
}
.l-nav__bnrwrap {
  margin-bottom: clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 0.320855615rem + 1.247771836vw, 1.5rem);
}
@media screen and (min-width: 960px) {
  .l-nav__bnrwrap {
    flex-direction: row;
    justify-content: space-between;
  }
}
.l-nav__bnr.c-bnr {
  width: 294.5px;
  height: 126.329px;
}
@media screen and (min-width: 960px) {
  .l-nav__bnr.c-bnr {
    width: calc(50% - 12px);
    height: auto;
    aspect-ratio: 2.33/1;
  }
}
.l-nav__bnr.c-bnr .c-bnr__ttl {
  color: var(--white);
  font-feature-settings: "palt" on;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.44px;
}
.l-nav__bnr.c-bnr .c-bnr__icon {
  width: 2.625rem;
  width: 2.625rem;
  aspect-ratio: 1/1;
  border-radius: 1000px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.78125rem;
  bottom: 0.78125rem;
}
.l-nav__bnr.c-bnr .c-bnr__icon span {
  width: 0.875rem;
  height: 0.875rem;
}
.l-nav__bottom {
  margin-bottom: 4rem;
}
.l-nav__bottom > *:last-of-type {
  margin-bottom: 0;
}
.l-nav__bottom__snsarea {
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.l-nav__bottom__sns {
  width: 32px;
  height: 32px;
  transition: 0.3s;
}
.l-nav__bottom__snslink {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .l-nav__bottom__snslink:hover {
    opacity: 0.5;
  }
}
.l-nav__bottom__linkarea {
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.l-nav__bottom__link {
  color: var(--main);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.52px;
}
@media screen and (min-width: 960px) {
  .l-nav__bottom__link:hover {
    opacity: 0.5;
  }
}
.l-nav__bottom__link.c-target {
  display: flex;
  align-items: center;
}
.l-nav__bottom__link.c-target::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/ic_blank.svg) center/contain no-repeat;
}

.l-footer {
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/bg.png) left/cover repeat;
  overflow: hidden;
}
.l-footer__inner {
  padding: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem) 1.25rem;
}
@media screen and (min-width: 960px) {
  .l-footer__inner {
    max-width: 1140px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 589px 1fr;
    gap: 5rem;
  }
}
@media screen and (min-width: 960px) {
  .l-footer__wrap-s {
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .l-footer__top {
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    gap: 48px;
  }
}
.l-footer__logo {
  width: clamp(4.9375rem, 4.5681818182rem + 1.5151515152vw, 6rem);
  margin: 0 auto 1.875rem;
}
@media screen and (min-width: 960px) {
  .l-footer__logo {
    margin-bottom: 0;
  }
}
.l-footer__box {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 960px) {
  .l-footer__box {
    margin-bottom: 0;
    flex: 1;
  }
}
.l-footer__box__ttl {
  margin-bottom: 0.75rem;
  font-size: clamp(1.25rem, 1.0762032086rem + 0.7130124777vw, 1.75rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.8px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-footer__box__ttl {
    text-align: left;
  }
}
.l-footer__box__text {
  font-feature-settings: "palt" on;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.78px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .l-footer__box__text {
    white-space: nowrap;
  }
}
.l-footer__btnarea {
  margin-bottom: clamp(1.875rem, 1.4839572193rem + 1.6042780749vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-footer__btn {
  width: calc(50% - 5px);
  height: 40px;
  border-radius: 1000px;
  transition: 0.3s;
}
.l-footer__btn:first-of-type {
  background-color: var(--main);
}
.l-footer__btn:last-of-type {
  background-color: var(--sub);
}
@media screen and (min-width: 960px) {
  .l-footer__btn:hover {
    opacity: 0.5;
  }
}
.l-footer__btn__link {
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: clamp(0.8125rem, 0.7473262032rem + 0.2673796791vw, 1rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-footer__top__linkarea, .l-footer__middle__linkarea, .l-footer__bottom__linkarea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
}
@media screen and (min-width: 960px) {
  .l-footer__top__linkarea, .l-footer__middle__linkarea, .l-footer__bottom__linkarea {
    width: 90%;
    margin: 0 auto;
  }
}
.l-footer__top__linkarea {
  margin-bottom: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
}
.l-footer__middle__linkarea, .l-footer__bottom__linkarea {
  margin-bottom: clamp(1.875rem, 1.4839572193rem + 1.6042780749vw, 3rem);
}
.l-footer__top__link, .l-footer__middle__link, .l-footer__bottom__link {
  font-size: clamp(0.8125rem, 0.7473262032rem + 0.2673796791vw, 1rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.52px;
}
@media screen and (min-width: 960px) {
  .l-footer__top__link, .l-footer__middle__link, .l-footer__bottom__link {
    letter-spacing: 0.64px;
  }
  .l-footer__top__link:hover, .l-footer__middle__link:hover, .l-footer__bottom__link:hover {
    opacity: 0.5;
  }
}
.l-footer__top__link.u-bold, .l-footer__middle__link.u-bold, .l-footer__bottom__link.u-bold {
  font-weight: 500;
}
.l-footer__middle__link.c-target {
  display: flex;
  align-items: center;
}
.l-footer__middle__link.c-target::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/ic_blank.svg) center/contain no-repeat;
}
.l-footer__snsarea {
  margin-bottom: clamp(1.875rem, 1.4839572193rem + 1.6042780749vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
}
.l-footer__sns {
  width: 38px;
  height: 38px;
}
.l-footer__sns__link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .l-footer__sns__link:hover {
    opacity: 0.5;
  }
}
.l-footer__panel {
  width: 100vw;
  padding: 2.8125rem 0;
  margin: 0 calc(50% - 50vw) 1.875rem;
}
@media screen and (min-width: 960px) {
  .l-footer__panel {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.l-footer__copy {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-footer__copy {
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
  }
}
.l-footer__copy small {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.4px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  color: var(--black);
}

li {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* contact */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: none;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@media screen and (min-width: 960px) {
  .only_sp {
    display: none !important;
  }
}

.only_pc {
  display: none !important;
}
@media screen and (min-width: 960px) {
  .only_pc {
    display: block !important;
  }
}

/* ===========================================
* component
* ======================================== */
main {
  padding-top: clamp(3.75rem, 3.2720588235rem + 1.9607843137vw, 5.125rem);
}

.c-content__inner {
  padding: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem) 1.25rem;
}
@media screen and (min-width: 960px) {
  .c-content__inner {
    max-width: 1140px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 960px) {
  .c-lower__inner {
    width: 728px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .c-lower__inner.u-lp {
    width: 550px;
  }
}

.c-bread {
  width: 100%;
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-bread::-webkit-scrollbar {
  display: none;
}
.c-bread__nav {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.c-bread__item {
  flex-shrink: 0;
}
.c-bread__item, .c-bread__link {
  color: var(--base-gray);
  font-feature-settings: "palt" on;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: justify;
}
.c-bread__item:has(a) {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.c-bread__item:has(a)::after {
  content: "";
  display: block;
  width: 8.5px;
  height: 1px;
  background: var(--base-gray);
  rotate: -45deg;
}

.c-ttl {
  color: var(--main);
  font-feature-settings: "palt";
  font-size: clamp(1.75rem, 1.445855615rem + 1.247771836vw, 2.625rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2.24px;
}
@media screen and (min-width: 960px) {
  .c-ttl {
    letter-spacing: 3.36px;
  }
}
.c-ttl__wrap {
  margin-bottom: clamp(5rem, 4.1310160428rem + 3.5650623886vw, 7.5rem);
}
.c-ttl__swrap {
  margin-bottom: clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
}
@media screen and (min-width: 960px) {
  .c-ttl__flex {
    width: 100%;
    position: relative;
  }
  .c-ttl__flex .c-ttl__enbox {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.c-ttl__en {
  color: var(--main);
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(1rem, 0.9131016043rem + 0.3565062389vw, 1.25rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.64px;
}
@media screen and (min-width: 960px) {
  .c-ttl__en {
    letter-spacing: 0.8px;
  }
}
.c-ttl__enbox {
  margin-bottom: clamp(1.25rem, 0.9893048128rem + 1.0695187166vw, 2rem);
  display: flex;
  align-items: center;
  gap: 4px;
}
.c-ttl__underline {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--main);
  font-size: clamp(1.25rem, 1.0762032086rem + 0.7130124777vw, 1.75rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 960px) {
  .c-ttl__underline {
    letter-spacing: 1.12px;
  }
}

.c-before__dots {
  display: flex;
  align-items: flex-start;
}
.c-before__dots::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin: 14px 8px 0;
  border-radius: 50%;
  background-color: var(--black);
}

.slick-track {
  display: flex;
}

.c-card {
  border-radius: 6px;
  overflow: hidden;
  height: auto;
}
@media screen and (min-width: 960px) {
  .c-card {
    border-radius: 12px;
  }
}
.c-card__link {
  width: 100%;
  height: 100%;
}
.c-card--wide {
  border: 1px solid var(--main);
}
@media screen and (min-width: 960px) {
  .c-card--wide {
    flex: 1;
  }
}
.c-card--wide .c-card__link {
  display: flex;
}
@media screen and (min-width: 960px) {
  .c-card--wide .c-card__link {
    flex-direction: column;
  }
}
.c-card--wide .c-card__bg {
  width: 50%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 960px) {
  .c-card--wide .c-card__bg {
    width: 100%;
  }
}
.c-card--wide .c-card__body {
  flex: 1;
}
.c-card--wide .c-card__ttl {
  display: -webkit-box;
  max-height: 60px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.c-card__bg {
  width: 100%;
  aspect-ratio: 4/5;
  overflow: hidden;
}
.c-card__bg img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.c-card__body {
  padding: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.c-card__date {
  margin-bottom: 8px;
  color: var(--base-gray);
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.c-card__ttl {
  margin-bottom: 8px;
  color: var(--black);
  font-feature-settings: "palt" on;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.78px;
  text-align: justify;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.c-card__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.c-card__tag {
  padding: 4px 7px;
  border-radius: 100px;
  background: var(--base-right);
  color: var(--main, #3f6cab);
  font-feature-settings: "palt" on;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.66px;
  text-align: justify;
}

.c-btn {
  width: 100%;
  margin: 0 auto;
  padding: 20px 48px;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--base-deep-dark);
}
@media screen and (min-width: 960px) {
  .c-btn {
    max-width: 400px;
  }
}
@media screen and (min-width: 960px) {
  .c-btn:hover .c-btn__icon span:first-of-type {
    left: 40px;
  }
  .c-btn:hover .c-btn__icon span:last-of-type {
    left: 8px;
  }
}
.c-btn__text {
  color: var(--white);
  font-feature-settings: "palt" on;
  font-size: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.9px;
}
.c-btn__icon {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.c-btn__icon span {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
.c-btn__icon span:first-of-type {
  left: 8px;
}
.c-btn__icon span:last-of-type {
  left: -16px;
}

.c-bnr-area {
  padding: clamp(3.75rem, 3.6631016043rem + 0.3565062389vw, 4rem) clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.c-bnr-area__list {
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 960px) {
  .c-bnr-area__list {
    flex-direction: row;
    justify-content: center;
    gap: 24px;
  }
}

.c-bnr {
  width: 100%;
  height: 150px;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .c-bnr {
    width: 720px;
    height: 308px;
    border-radius: 12px;
  }
}
.c-bnr:first-of-type .c-bnr__link::after {
  background-image: url(/wordpress/wp-content/themes/asn/assets/img/common/img_bnr1.jpg);
}
.c-bnr:last-of-type .c-bnr__link::after {
  background-image: url(/wordpress/wp-content/themes/asn/assets/img/common/img_bnr2.jpg);
}
.c-bnr__link {
  width: 100%;
  height: 100%;
  padding: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  position: relative;
}
.c-bnr__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: center/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: 0.3s;
  z-index: -1;
}
@media screen and (min-width: 960px) {
  .c-bnr__link:hover::after {
    scale: 1.2;
  }
}
.c-bnr__ttl {
  color: var(--white);
  font-feature-settings: "palt" on;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  font-size: clamp(1.25rem, 1.0762032086rem + 0.7130124777vw, 1.75rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 960px) {
  .c-bnr__ttl {
    letter-spacing: 2.24px;
  }
}
.c-bnr__icon {
  width: clamp(2.625rem, 2.1470588235rem + 1.9607843137vw, 4rem);
  width: clamp(2.625rem, 2.1470588235rem + 1.9607843137vw, 4rem);
  aspect-ratio: 1/1;
  border-radius: 1000px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.c-bnr__icon span {
  width: clamp(0.875rem, 0.6577540107rem + 0.8912655971vw, 1.5rem);
  height: clamp(0.875rem, 0.6577540107rem + 0.8912655971vw, 1.5rem);
}

.c-floating {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.c-floating__bnr {
  width: 14.0625rem;
  height: 5rem;
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  pointer-events: all;
}
@media screen and (min-width: 960px) {
  .c-floating__bnr {
    width: 20rem;
    height: 7.125rem;
    right: 1.5rem;
    bottom: 1.5rem;
  }
}
.c-floating__bnr a {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #d9d9d9;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.c-floating__bnr img {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.c-floating__close {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100px;
  background: var(--base-deep-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  z-index: 10;
  rotate: 45deg;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .c-floating__close {
    width: 1.5rem;
    height: 1.5rem;
    top: -0.625rem;
    right: -0.625rem;
  }
}
.c-floating__close::before, .c-floating__close::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.125rem;
  background-color: var(--white);
  border-radius: 100px;
  position: absolute;
}
@media screen and (min-width: 960px) {
  .c-floating__close::before, .c-floating__close::after {
    width: 0.625rem;
  }
}
.c-floating__close::after {
  rotate: 90deg;
}

.home .p-home-mv {
  /* --- アクティブなドット（内側を塗る） --- */
}
@media screen and (min-width: 960px) {
  .home .p-home-mv {
    position: relative;
  }
}
.home .p-home-mv__slide {
  width: 100%;
}
.home .p-home-mv__item {
  width: 100%;
  min-height: 490px;
  aspect-ratio: 4/5;
  background: center/cover no-repeat;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 960px) {
  .home .p-home-mv__item {
    width: 550px;
    margin: 0 10px;
    border-radius: 12px;
  }
}
.home .p-home-mv__item.slick-center .p-home-mv__btn, .home .p-home-mv__item.slick-active .p-home-mv__btn {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}
.home .p-home-mv__btnarea {
  position: absolute;
  left: 50%;
  bottom: clamp(0.9375rem, 0.8288770053rem + 0.4456327986vw, 1.25rem);
  translate: -50% 0;
}
.home .p-home-mv__btn {
  opacity: 0;
  visibility: hidden;
  width: 350px;
  height: 65px;
  margin: 0 auto;
  translate: 0 100%;
  transition: opacity 1s 0.5s ease, visibility 0s 0.5s step-end, translate 0.5s 0.5s ease;
}
@media screen and (min-width: 960px) {
  .home .p-home-mv__btn {
    width: 500px;
    height: 92px;
  }
}
.home .p-home-mv .slick-list {
  margin-bottom: 20px;
}
.home .p-home-mv .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.home .p-home-mv .slick-dots li {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.home .p-home-mv .slick-dots li::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  z-index: 4;
}
.home .p-home-mv .slick-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: var(--gray);
  color: transparent;
  position: absolute;
  z-index: 5;
}
.home .p-home-mv .slick-dots li.slick-active {
  background-color: var(--main);
}
.home .p-home-mv .slick-dots li.slick-active .dot-left,
.home .p-home-mv .slick-dots li.slick-active .dot-right {
  width: 20px;
  height: 20px;
  background-color: var(--gray);
  position: absolute;
  top: 0;
}
.home .p-home-mv .slick-dots li.slick-active .dot-left {
  transform-origin: right 10px;
  left: -10px;
  animation: circleBefore 4s linear forwards;
  z-index: 2;
}
.home .p-home-mv .slick-dots li.slick-active .dot-right {
  transform-origin: left 10px;
  left: 10px;
  animation: circleAfter 4s linear forwards;
  z-index: 3;
}
@keyframes circleBefore {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes circleAfter {
  0% {
    transform: rotate(0deg);
    background: var(--gray);
  }
  50% {
    transform: rotate(180deg);
    background: var(--gray);
  }
  50.01% {
    transform: rotate(360deg);
    background: var(--main);
  }
  100% {
    transform: rotate(360deg);
    background: var(--main);
  }
}
.home .p-home-mv .slick-dots li.slick-active button {
  background: #2b65d9;
}
.home .p-home-mv__arrowbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.home .p-home-mv__arrowbox .slide-arrow {
  width: calc((100% - 550px) / 2);
  height: 95%;
  position: absolute;
  top: 0;
  pointer-events: all;
}
.home .p-home-mv__arrowbox .prev-arrow {
  left: 0;
  cursor: url("/wp-content/themes/asn/assets/img/common/ic_circle-arrow-left.svg"), auto;
}
.home .p-home-mv__arrowbox .next-arrow {
  right: 0;
  cursor: url("/wp-content/themes/asn/assets/img/common/ic_circle-arrow-right.svg"), auto;
}
@media screen and (min-width: 960px) {
  .home .p-home-linkarea .c-content__inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 960px) {
  .home .p-home-linkarea__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.5rem;
  }
}
.home .p-home-linkarea__item {
  border-bottom: 1px solid var(--gray);
}
.home .p-home-linkarea__link {
  padding: clamp(1.15625rem, 1.1128008021rem + 0.1782531194vw, 1.28125rem) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .home .p-home-linkarea__link:hover .p-home-linkarea__icon span:first-of-type {
    left: 40px;
  }
  .home .p-home-linkarea__link:hover .p-home-linkarea__icon span:last-of-type {
    left: 8px;
  }
}
.home .p-home-linkarea__text {
  color: var(--main);
  font-size: clamp(0.9375rem, 0.8723262032rem + 0.2673796791vw, 1.125rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.6px;
}
.home .p-home-linkarea__icon {
  width: 24px;
  height: 24px;
  background-color: var(--light_blue_main);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.home .p-home-linkarea__icon span {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
.home .p-home-linkarea__icon span:first-of-type {
  left: 8px;
}
.home .p-home-linkarea__icon span:last-of-type {
  left: -16px;
}
@media screen and (min-width: 960px) {
  .home .p-home-news__inner {
    display: flex;
    align-items: flex-start;
    gap: 80px;
  }
}
.home .p-home-news .c-ttl__wrap {
  margin-bottom: clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
}
.home .p-home-news__tabs {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 960px) {
  .home .p-home-news__tabs {
    flex-direction: column;
    align-items: flex-start;
  }
}
.home .p-home-news__tab {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  cursor: pointer;
}
.home .p-home-news__tab::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  border: 1px solid var(--gray);
}
.home .p-home-news__tab:has(.js-active)::before {
  border-color: var(--main);
}
.home .p-home-news__tab:has(.js-active) .p-home-news__tab__link {
  color: var(--main);
}
.home .p-home-news__tab:has(.js-active) .p-home-news__tab__link::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--main);
  position: absolute;
  top: 50%;
  left: 5px;
  translate: 0 -50%;
}
.home .p-home-news__tab__link {
  font-feature-settings: "palt" on;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.84px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .home .p-home-news__body {
    flex: 1;
  }
}
.home .p-home-news__list {
  display: none;
}
.home .p-home-news__list.js-show {
  display: block;
}
.home .p-home-news__item {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray);
  margin-bottom: 20px;
}
.home .p-home-news__link {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .home .p-home-news__link:hover .p-home-news__icon span:first-of-type {
    left: 40px;
  }
  .home .p-home-news__link:hover .p-home-news__icon span:last-of-type {
    left: 8px;
  }
}
.home .p-home-news__header {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.home .p-home-news__date {
  color: var(--base-gray);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(0.75rem, 0.7065508021rem + 0.1782531194vw, 0.875rem);
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.home .p-home-news__cate {
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.72px;
  text-align: justify;
}
.home .p-home-news__new {
  color: var(--accent-orange);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.72px;
  text-align: justify;
}
.home .p-home-news__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.home .p-home-news__ttl {
  font-feature-settings: "palt" on;
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.9px;
  text-align: justify;
  flex: 1;
  align-self: flex-start;
}
.home .p-home-news__img {
  width: 133px;
  height: 70px;
  aspect-ratio: 19/10;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .home .p-home-news__img {
    width: 190px;
    height: 100px;
  }
}
.home .p-home-news__icon {
  width: 24px;
  height: 24px;
  background-color: var(--light_blue_main);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.home .p-home-news__icon span {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
.home .p-home-news__icon span:first-of-type {
  left: 8px;
}
.home .p-home-news__icon span:last-of-type {
  left: -16px;
}

/* ===========================================
* magazine and pickup and about new and series
* ======================================== */
/* ===========================================
* magazine
* ======================================== */
.p-magazine {
  padding: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem) 1.25rem;
  background-color: var(--main);
  overflow: hidden;
}
.p-magazine__header {
  margin-bottom: clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
}
@media screen and (min-width: 960px) {
  .p-magazine__header {
    padding: 0 12px;
    max-width: 1140px;
    margin: 0 auto;
  }
}
.p-magazine__header .c-ttl__enbox {
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .p-magazine__header .c-ttl__enbox {
    justify-content: flex-start;
  }
}
.p-magazine__header .c-ttl__en,
.p-magazine__header .c-ttl {
  color: var(--white);
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-magazine__header .c-ttl__en,
  .p-magazine__header .c-ttl {
    text-align: left;
  }
}
.p-magazine__header .cttl__en {
  font-size: 32, 56;
}
.p-magazine__header__ttl {
  width: clamp(13.8125rem, 10.9448529412rem + 11.7647058824vw, 22.0625rem);
  margin: 0 auto;
}
.p-magazine__slide {
  width: 100vw;
  margin: 0 calc(50% - 50vw) clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
  position: relative;
  /* アクティブなドット */
}
.p-magazine__slide .slick-list {
  margin-bottom: 48px;
}
@media screen and (min-width: 960px) {
  .p-magazine__slide .slick-list {
    margin-bottom: 0;
  }
}
.p-magazine__slide .slick-dots {
  width: 94px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
@media screen and (min-width: 960px) {
  .p-magazine__slide .slick-dots {
    width: 73.8095238095vw;
    max-width: 1140px;
    padding-right: 156px;
    position: absolute;
    top: -3.625rem;
    left: 50%;
    translate: -50% 0;
    justify-content: flex-end;
    gap: 16px;
  }
}
.p-magazine__slide .slick-dots li {
  position: relative;
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.p-magazine__slide .slick-dots button {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.4);
  color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
}
.p-magazine__slide .slick-dots li.slick-active button {
  background: var(--white);
}
.p-magazine__arrowbox {
  width: 218px;
  margin: -23px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .p-magazine__arrowbox {
    width: 73.8095238095vw;
    max-width: 1140px;
    margin: 0;
    position: absolute;
    top: -4.75rem;
    left: 50%;
    translate: -50% 0;
    justify-content: flex-end;
    gap: 24px;
  }
}
.p-magazine__arrowbox .slide-arrow {
  width: 42px;
  height: 42px;
  border-radius: 1000px;
  background: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  pointer-events: all;
  cursor: pointer;
}
.p-magazine__arrowbox .slide-arrow::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.p-magazine__arrowbox .prev-arrow::after {
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/ic_arrow.svg) center/contain no-repeat;
  rotate: 180deg;
}
.p-magazine__arrowbox .next-arrow::after {
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/ic_arrow.svg) center/contain no-repeat;
}
.p-magazine__item {
  width: 312px;
  margin: 0 10px;
  background-color: var(--white);
}
@media screen and (min-width: 960px) {
  .p-magazine__item {
    width: 408px;
    margin: 0 24px;
  }
}
.p-magazine__textarea {
  max-width: 1140px;
  padding: clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem) 12px 0;
  border-top: 1px solid var(--white);
  margin: 0 auto;
}
.p-magazine__text {
  max-width: 728px;
  margin: 0 auto;
  color: var(--white);
  font-feature-settings: "palt";
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}

/* ===========================================
* pickup
* ======================================== */
.p-pickup {
  padding-top: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem);
}
.p-pickup__slide {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  animation: text-slider 35s linear infinite;
}
@media screen and (min-width: 960px) {
  .p-pickup__slide {
    animation: text-slider 30s linear infinite;
  }
}
.p-pickup__slide__wrap {
  width: 100%;
  padding: clamp(0.125rem, 0.0815508021rem + 0.1782531194vw, 0.25rem) 0;
  overflow: hidden;
}
.p-pickup__slide__text {
  margin-right: clamp(1.5rem, 0.7179144385rem + 3.2085561497vw, 3.75rem);
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, 0.7179144385rem + 3.2085561497vw, 3.75rem);
}
.p-pickup__slide__text span {
  color: var(--white);
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(2.25rem, 1.7720588235rem + 1.9607843137vw, 3.625rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.44px;
  text-shadow: 1px 1px 0 var(--main), -1px 1px 0 var(--main), 1px -1px 0 var(--main), -1px -1px 0 var(--main); /* 左上の影 */
  white-space: nowrap;
}
@media screen and (min-width: 960px) {
  .p-pickup__slide__text span {
    letter-spacing: 2.32px;
  }
}
@keyframes text-slider {
  0% {
    translate: 0 0;
  }
  100% {
    translate: -50% 0;
  }
}
.p-pickup__list {
  display: grid;
  gap: 60px;
}
@media screen and (min-width: 960px) {
  .p-pickup__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
@media screen and (min-width: 960px) {
  .p-pickup__item {
    width: 340px;
    display: flex;
    flex-direction: column;
  }
}
.p-pickup__ttlwrap {
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.p-pickup__ttl {
  width: 240px;
  padding: 0.5rem 0;
  margin: 0 auto clamp(0.5rem, 0.4131016043rem + 0.3565062389vw, 0.75rem);
  border: 1px solid #3f6cab;
  background: var(--white);
  box-shadow: 2px 2px 0 0 #3f6cab;
  color: var(--main);
  font-size: clamp(1.25rem, 1.0762032086rem + 0.7130124777vw, 1.75rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.6px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-pickup__ttl {
    width: 100%;
    letter-spacing: 2.24px;
  }
}
.p-pickup__ttl--small {
  color: var(--main);
  font-size: clamp(1.125rem, 1.0815508021rem + 0.1782531194vw, 1.25rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.44px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-pickup__ttl--small {
    width: 100%;
    letter-spacing: 1.6px;
  }
}

/* ===========================================
* about
* ======================================== */
.p-about {
  padding: clamp(4rem, 2.7834224599rem + 4.991087344vw, 7.5rem) 0;
  background: var(--light_blue_sub, #e2edf2);
}
.p-about__header {
  max-width: 1140px;
  padding: 0 12px;
  margin: 0 auto clamp(2.5rem, 1.9786096257rem + 2.1390374332vw, 4rem);
  position: relative;
}
.p-about__header .c-ttl__enbox {
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .p-about__header .c-ttl__enbox {
    justify-content: flex-start;
  }
}
.p-about__header .c-ttl__en,
.p-about__header .c-ttl {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-about__header .c-ttl__en,
  .p-about__header .c-ttl {
    text-align: left;
  }
}
.p-about__header__ttl {
  width: clamp(12.4375rem, 9.5046791444rem + 12.0320855615vw, 20.875rem);
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-about__slide {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto;
  }
}
.p-about__list {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .p-about__list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.p-about .slick-list {
  padding-left: 20px;
}
.p-about__item {
  width: 240px;
  margin-right: 20px;
  background-color: var(--white);
}
@media screen and (min-width: 960px) {
  .p-about__item {
    width: 340px;
    margin: 0;
  }
}
.p-about .c-card__bg {
  aspect-ratio: 1/1;
}
.p-about .c-card__ttl {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.p-about__btn {
  width: 240px;
  padding: 12px 24px;
}
@media screen and (min-width: 960px) {
  .p-about__btn {
    position: absolute;
    right: 12px;
    bottom: 0;
  }
  .p-about__btn:hover .p-about__icon span:first-of-type {
    left: 40px;
  }
  .p-about__btn:hover .p-about__icon span:last-of-type {
    left: 8px;
  }
}
.p-about .c-btn.only_sp {
  display: flex !important;
}
@media screen and (min-width: 960px) {
  .p-about .c-btn.only_sp {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .p-about .c-btn.only_pc {
    display: flex !important;
  }
}

/* ===========================================
* new
* ======================================== */
.p-new {
  padding: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem) 0;
  background-color: var(--base-right);
}
.p-new__header {
  padding: 0 1.25rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 960px) {
  .p-new__header {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto 4rem;
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .p-new__slide {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-new__list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.p-new .slick-list {
  padding-left: 20px;
}
.p-new__item {
  width: 240px;
  margin-right: 20px;
  background-color: var(--white);
}
@media screen and (min-width: 960px) {
  .p-new__item {
    width: 340px;
    margin: 0;
  }
}
.p-new .c-card__bg {
  aspect-ratio: 1/1;
}
.p-new .c-card__ttl {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* ===========================================
* series
* ======================================== */
.p-series {
  padding: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem) 0;
  background-color: var(--base-right);
}
.p-series__header {
  padding: 0 1.25rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 960px) {
  .p-series__header {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto 4rem;
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .p-series__slide {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-series__list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.p-series .slick-list {
  padding-left: 20px;
}
.p-series__item {
  width: 240px;
  margin-right: 20px;
}
@media screen and (min-width: 960px) {
  .p-series__item {
    width: 340px;
    margin: 0;
  }
}
.p-series__link {
  width: 100%;
  height: 100%;
}
.p-series__bg {
  width: 100%;
  aspect-ratio: 1.91/1;
  border-radius: 6px;
  background: #d9d9d9;
  margin-bottom: 10px;
}
.p-series__text {
  font-feature-settings: "palt" on;
  font-size: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.78px;
  text-align: justify;
}

.p-single {
  /* ===========================================
  * header
  * ======================================== */
  /* ===========================================
  * footer
  * ======================================== */
  /* ===========================================
  * 共通記事エリア
  * ======================================== */
}
.p-single__header {
  margin-bottom: clamp(5rem, 4.1310160428rem + 3.5650623886vw, 7.5rem);
}
.p-single__header__title {
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  font-size: clamp(1.5rem, 1.195855615rem + 1.247771836vw, 2.375rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.96px;
}
@media screen and (min-width: 960px) {
  .p-single__header__title {
    letter-spacing: 1.52px;
  }
}
.p-single__header__subtitle {
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  font-size: clamp(1.125rem, 0.9946524064rem + 0.5347593583vw, 1.5rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.72px;
}
@media screen and (min-width: 960px) {
  .p-single__header__subtitle {
    letter-spacing: 0.96px;
  }
}
.p-single__header__img {
  width: 100%;
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  overflow: hidden;
}
.p-single__header__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-single__header__name {
  margin-bottom: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
  color: var(--base-gray);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.56px;
}
.p-single__header__list {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px solid var(--main);
  border-bottom: 1px solid var(--main);
}
.p-single__header__item {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
.p-single__header__item:last-of-type {
  margin-bottom: 0;
}
.p-single__header__dttl {
  width: 60px;
  margin-right: 1.25rem;
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.p-single__header__box {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.p-single__header__date {
  color: var(--base-gray);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.p-single__header__tag {
  padding: 0.25rem 0.4375rem;
  border-radius: 100px;
  background: var(--base-right);
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.66px;
  text-align: justify;
}
.p-single__header__sns {
  width: 24px;
  height: 24px;
  margin-right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-single__header__sns.u-long {
  width: 123px;
  margin-right: 0;
}
.p-single__header__category {
  font-feature-settings: "palt" on;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.72px;
  text-align: justify;
}
.p-single__header.u-decoration .p-single__header__wrap * {
  margin-bottom: 1.25rem;
}
.p-single__header.u-decoration .p-single__header__wrap *:last-of-child {
  margin-bottom: 0;
}
.p-single__header.u-lp {
  margin-bottom: 0;
}
.p-single__header.u-lp .p-single__header__img {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
@media screen and (min-width: 960px) {
  .p-single__header.u-lp .p-single__header__img {
    width: 100%;
    margin: 0 auto;
  }
}
.p-single__footer {
  margin-top: clamp(5rem, 4.1310160428rem + 3.5650623886vw, 7.5rem);
}
.p-single__footer__list {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px solid var(--main);
  border-bottom: 1px solid var(--main);
}
.p-single__footer__item {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
.p-single__footer__item:last-of-type {
  margin-bottom: 0;
}
.p-single__footer__dttl {
  width: 60px;
  margin-right: 1.25rem;
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.p-single__footer__box {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.p-single__footer__date {
  color: var(--base-gray);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.p-single__footer__tag {
  padding: 0.25rem 0.4375rem;
  border-radius: 100px;
  background: var(--base-right);
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.66px;
  text-align: justify;
}
.p-single__footer__sns {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-single__footer__sns.u-long {
  width: 123px;
  margin-right: 0;
}
.p-single__footer__wrap {
  padding: 1.25rem;
  border-radius: 6px;
}
.p-single__footer__wrap.u-bg-gray {
  margin-bottom: 1.25rem;
  background: var(--base-right);
}
@media screen and (min-width: 960px) {
  .p-single__footer__wrap.u-bg-gray {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  .p-single__footer__wrap.u-bg-gray .p-single__footer__title {
    margin-bottom: 0;
  }
}
.p-single__footer__wrap.u-bg-blue {
  background: var(--light_blue_main);
}
.p-single__footer__wrap.u-bg-blue .p-single__footer__title,
.p-single__footer__wrap.u-bg-blue .p-single__footer__text {
  text-align: center;
}
.p-single__footer__title {
  margin-bottom: 1.25rem;
  color: var(--main);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
}
.p-single__footer__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.p-single__footer__text {
  font-feature-settings: "palt" on;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.9px;
}
.p-single__footer__snsarea {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.p-single__footer.u-decoration .p-single__footer__tag {
  padding: 0.375rem 0.75rem;
  background: var(--white);
  font-size: 0.8125rem;
  letter-spacing: 0.78px;
}
.p-single__footer.u-decoration .p-single__footer__sns {
  width: 48px;
  height: 48px;
  padding: 0.75rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0;
}
.p-single-bg {
  padding-top: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem);
  padding-bottom: clamp(3.75rem, 2.4465240642rem + 5.3475935829vw, 7.5rem);
  background: var(--base-right);
}
.p-single-related, .p-single-recommended {
  margin-bottom: 3.75rem;
}
.p-single-related__header, .p-single-recommended__header {
  padding: 0 1.25rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 960px) {
  .p-single-related__header, .p-single-recommended__header {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto 4rem;
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .p-single-related__slide, .p-single-recommended__slide {
    max-width: 1140px;
    padding: 0 12px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-single-related__list, .p-single-recommended__list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.p-single-related .slick-list, .p-single-recommended .slick-list {
  padding-left: 20px;
}
.p-single-related__item, .p-single-recommended__item {
  width: 240px;
  margin-right: 20px;
  background-color: var(--white);
}
@media screen and (min-width: 960px) {
  .p-single-related__item, .p-single-recommended__item {
    width: 340px;
    margin: 0;
  }
}
.p-single-related .c-card__bg, .p-single-recommended .c-card__bg {
  aspect-ratio: 1/1;
}
.p-single-related .c-card__ttl, .p-single-recommended .c-card__ttl {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.p-single__btn {
  width: 240px;
  padding: 12px 24px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-single__btn {
    width: 320px;
  }
}
.p-single__content {
  /* ===========================================
  * レイアウト
  * ======================================== */
  /* 文字色 */
  /* 背景色 */
}
.p-single__content > * + * {
  margin-top: clamp(2.5rem, 2.3262032086rem + 0.7130124777vw, 3rem);
}
.p-single__content h2 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--main);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.8px;
}
.p-single__content h3,
.p-single__content h4,
.p-single__content h5,
.p-single__content h6 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.72px;
}
.p-single__content p {
  font-feature-settings: "palt" on;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.96px;
  text-align: justify;
}
.p-single__content figure img {
  object-fit: contain;
  width: 100%;
}
.p-single__content figcaption {
  margin-top: 0.625rem;
  font-feature-settings: "palt" on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.72px;
  text-align: justify;
}
.p-single__content .wp-block-image > a,
.p-single__content .wp-block-image > figure > a {
  display: block;
}
.p-single__content ol.wp-block-list {
  padding: clamp(1.875rem, 1.4839572193rem + 1.6042780749vw, 3rem) clamp(1.25rem, 0.6417112299rem + 2.495543672vw, 3rem);
  background: var(--base-right);
  counter-reset: order 0;
}
.p-single__content ol.wp-block-list::before {
  content: "Index";
  display: block;
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  color: var(--main);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.p-single__content ol.wp-block-list li {
  margin-bottom: clamp(0.625rem, 0.5815508021rem + 0.1782531194vw, 0.75rem);
  font-feature-settings: "palt" on;
  font-size: clamp(0.875rem, 0.8532754011rem + 0.0891265597vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.84px;
  text-align: justify;
  display: flex;
  align-items: flex-start;
}
.p-single__content ol.wp-block-list li:last-of-type {
  margin-bottom: 0;
}
.p-single__content ol.wp-block-list li::before {
  counter-increment: order 1;
  content: counter(order) ".";
  display: block;
  margin-top: clamp(0.1875rem, 0.1657754011rem + 0.0891265597vw, 0.25rem);
  margin-right: 0.5rem;
  color: var(--main);
  font-feature-settings: "palt" on;
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(1.0625rem, 1.0407754011rem + 0.0891265597vw, 1.125rem);
  font-weight: 500;
  line-height: 1;
  text-align: justify;
}
.p-single__content ul.wp-block-list {
  padding: clamp(1.875rem, 1.4839572193rem + 1.6042780749vw, 3rem) clamp(1.25rem, 0.6417112299rem + 2.495543672vw, 3rem);
  border: 1px solid var(--main);
  background: #fff;
}
.p-single__content ul.wp-block-list::before {
  content: "この記事は次のような方におすすめ";
  display: block;
  margin-bottom: clamp(0.625rem, 0.320855615rem + 1.247771836vw, 1.5rem);
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.p-single__content ul.wp-block-list li {
  margin-bottom: clamp(0.625rem, 0.5815508021rem + 0.1782531194vw, 0.75rem);
  font-feature-settings: "palt" on;
  font-size: clamp(0.875rem, 0.8532754011rem + 0.0891265597vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.84px;
  text-align: justify;
  display: flex;
  align-items: flex-start;
}
.p-single__content ul.wp-block-list li:last-of-type {
  margin-bottom: 0;
}
.p-single__content ul.wp-block-list li::before {
  content: "";
  display: block;
  width: clamp(0.625rem, 0.5381016043rem + 0.3565062389vw, 0.875rem);
  height: clamp(0.5rem, 0.4565508021rem + 0.1782531194vw, 0.625rem);
  margin-top: clamp(0.625rem, 0.6032754011rem + 0.0891265597vw, 0.6875rem);
  margin-right: 0.5rem;
  background: url(/wordpress/wp-content/themes/asn/assets/img/common/ic_check.svg) center/contain no-repeat;
}
.p-single__content .liquid-speech-balloon-wrap {
  align-items: flex-end;
}
.p-single__content .liquid-speech-balloon-text {
  padding: 1.875rem;
  border: none;
  border-radius: 20px;
  background-color: #e2edf2;
}
.p-single__content .liquid-speech-balloon-right .liquid-speech-balloon-text {
  background-color: #d9e2ee;
}
.p-single__content .liquid-speech-balloon-arrow {
  display: none;
}
.p-single__content .liquid-speech-balloon-avatar {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.p-single__content .has-background {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
@media screen and (min-width: 960px) {
  .p-single__content .has-background {
    width: 100%;
    margin: 0 auto;
  }
}
.p-single__content .has-small-font-size {
  font-size: 0.75rem;
  letter-spacing: 0.72px;
}
.p-single__content .intro {
  padding: 2.5rem 1.25rem;
  background: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.25rem;
}
.p-single__content .intro__pic {
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: 1.25rem;
  border-radius: 50%;
  overflow: hidden;
}
.p-single__content .intro__pic img {
  aspect-ratio: 1/1;
}
.p-single__content .intro__small {
  margin-bottom: 0.25rem;
  font-feature-settings: "palt" on;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.78px;
  text-align: center;
}
.p-single__content .intro__name {
  font-feature-settings: "palt" on;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1.08px;
  text-align: center;
}
.p-single__content .intro__text {
  font-feature-settings: "palt" on;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.84px;
  text-align: justify;
}
.p-single__content .slider {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
@media screen and (min-width: 960px) {
  .p-single__content .slider {
    width: 100%;
    margin: 0;
  }
}
.p-single__content .slider__item {
  width: clamp(14.5625rem, 10.7606951872rem + 15.5971479501vw, 25.5rem);
  aspect-ratio: 4/3;
  background: #d9d9d9;
  margin-right: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  overflow: hidden;
}
.p-single__content .slider__item img {
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}
.p-single__content .slider .slick-track {
  margin-bottom: 1.25rem;
}
.p-single__content .slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.p-single__content .slider .slick-dots li {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.p-single__content .slider .slick-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: var(--gray);
  color: transparent;
  position: absolute;
  z-index: 5;
}
.p-single__content .slider .slick-dots li.slick-active button {
  background-color: var(--main);
}
.p-single__content .has-color-1-color {
  color: #3f6cab;
}
.p-single__content .has-color-2-color {
  color: #55afcb;
}
.p-single__content .has-color-3-color {
  color: #e3ecf8;
}
.p-single__content .has-color-4-color {
  color: rgba(226, 201, 61, 0.4);
}
.p-single__content .has-color-1-background-color {
  background-color: #3f6cab;
}
.p-single__content .has-color-2-background-color {
  background-color: #55afcb;
}
.p-single__content .has-color-3-background-color {
  background-color: #e3ecf8;
}
.p-single__content .has-color-4-background-color {
  background-color: rgba(226, 201, 61, 0.4);
}

/* ===========================================
  * LP
  * ======================================== */
.main.is-lp-page .c-content__inner {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 960px) {
  .main.is-lp-page .c-lower__inner {
    width: 550px;
  }
}
.main.is-lp-page .p-single__content > * {
  margin-top: 0;
}
.main.is-lp-page .p-single__header__img {
  aspect-ratio: auto;
}

/* ===========================================
* privacy-policy
* ======================================== */
.privacy-policy .p-privacy__lead {
  margin-bottom: clamp(3.75rem, 3.6631016043rem + 0.3565062389vw, 4rem);
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .privacy-policy .p-privacy__lead {
    letter-spacing: 0.96px;
  }
}
.privacy-policy .p-privacy__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(3.75rem, 3.6631016043rem + 0.3565062389vw, 4rem);
}
.privacy-policy .p-privacy__ttl {
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.privacy-policy .p-privacy__text, .privacy-policy .p-privacy__sitem {
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-feature-settings: "palt";
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .privacy-policy .p-privacy__text, .privacy-policy .p-privacy__sitem {
    letter-spacing: 0.96px;
  }
}
.privacy-policy .p-privacy__text {
  margin-bottom: clamp(1.875rem, 1.8315508021rem + 0.1782531194vw, 2rem);
}

/* ===========================================
* law
* ======================================== */
.law .p-law__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.law .p-law__item {
  padding-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
  border-bottom: 1px solid var(--gray);
}
@media screen and (min-width: 960px) {
  .law .p-law__item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }
}
.law .p-law__ttl {
  margin-bottom: 0.625rem;
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .law .p-law__ttl {
    width: 200px;
    margin-bottom: 0;
    letter-spacing: 0.96px;
  }
}
@media screen and (min-width: 960px) {
  .law .p-law__box {
    flex: 1;
  }
}
.law .p-law__text {
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-feature-settings: "palt" on;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .law .p-law__text {
    letter-spacing: 0.96px;
  }
}
.law .p-law__text + p {
  margin-top: clamp(1.875rem, 1.8315508021rem + 0.1782531194vw, 2rem);
}

/* ===========================================
* terms
* ======================================== */
.terms .p-terms__lead {
  margin-bottom: clamp(3.75rem, 3.6631016043rem + 0.3565062389vw, 4rem);
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .terms .p-terms__lead {
    letter-spacing: 0.96px;
  }
}
.terms .p-terms__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(3.75rem, 3.6631016043rem + 0.3565062389vw, 4rem);
}
.terms .p-terms__ttl {
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.terms .p-terms__text, .terms .p-terms__sitem {
  font-size: clamp(0.9375rem, 0.9157754011rem + 0.0891265597vw, 1rem);
  font-feature-settings: "palt";
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.9px;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .terms .p-terms__text, .terms .p-terms__sitem {
    letter-spacing: 0.96px;
  }
}
.terms .p-terms__text {
  margin-bottom: clamp(1.25rem, 1.1631016043rem + 0.3565062389vw, 1.5rem);
}
.terms .p-terms__file {
  padding: 1.25rem;
  border: 1px solid var(--gray, #dedede);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media screen and (min-width: 960px) {
  .terms .p-terms__file:hover .p-terms__file__icon span:first-of-type {
    left: 40px;
  }
  .terms .p-terms__file:hover .p-terms__file__icon span:last-of-type {
    left: 8px;
  }
}
.terms .p-terms__file__pdf {
  width: 2rem;
  height: 2rem;
}
.terms .p-terms__file__name {
  color: var(--main);
  font-feature-settings: "palt" on;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.96px;
  text-align: justify;
  flex: 1;
}
.terms .p-terms__file__icon {
  width: 24px;
  height: 24px;
  background-color: var(--light_blue_main);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.terms .p-terms__file__icon span {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
.terms .p-terms__file__icon span:first-of-type {
  left: 8px;
}
.terms .p-terms__file__icon span:last-of-type {
  left: -16px;
}/*# sourceMappingURL=style.css.map */