<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* general 
-------------------------------------------- */
:root {
  --color-pink: #ef23c2;
  --color-red: #fe0000;
  --color-blue: #0f61d8;
  --color-purple: #967bdc;
  --color-violet: #5e90e7;
  --color-yellow: #ffff01;
  --color-iyo: #007260;
  --color-black: #333;
  --gradation: linear-gradient(90deg, #f222c3 0, #5d92ed 100%);
  --fs-small: 14px;
  --fs-medium: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
  --fs-large: clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem);
  --ff-gothic: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --ff-yu-go: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --ff-yu-go-l: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* --ff-rubik: "Rubik", sans-serif; */
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  font-family: var(--ff-yu-go);
  line-height: 1.75;
  color: var(--color-black);
}

h1,h2,h3,h4,h5,h6,p,a,li,figcaption,dt,dd,th,td,input,textarea,label {
  color: var(--color-black);
  margin: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  font-family: var(--ff-gothic);
  font-feature-settings: "palt";
}
ol,ul {
  list-style: none;
}
img {
  max-width: 100%;
}
a img {
  transition: 0.3s;
}
a:hover {
  text-decoration: none;
  opacity: 0.8;
}
:is(p, ul):last-child {
  margin-bottom: 0;
}

#wrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  a[href^="tel"] {
    pointer-events: none;
  }
}
@media screen and (max-width: 640px) {
  html {
  }
}
/* parts
-------------------------------------------- */
.fs-small {
  font-size: var(--fs-small);
}
.fs-medium {
  font-size: var(--fs-medium);
}
.fs-large {
  font-size: var(--fs-large);
}
.fs-20 {
  font-size: clamp(1.125rem, 0.911rem + 0.95vw, 1.625rem);
}
.font-gothic {
  font-family: var(--ff-gothic);
}
.color-pink {
  color: var(--color-pink);
}
.color-blue {
  color: var(--color-blue2);
}
.color-red {
  color: var(--color-red);
}
.color-iyo {
  color: var(--color-iyo);
}
.link-txt {
  text-decoration: underline;
  color: var(--color-blue);
}
.link-arrow::before {
  content: "";
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.987%22%20height%3D%2212.681%22%20viewBox%3D%220%200%206.987%2012.681%22%3E%3Cpolyline%20points%3D%22.413%20.413%206.403%206.403%20.539%2012.268%22%20fill%3D%22none%22%20stroke%3D%22%231a378c%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E')
    no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  width: 7px;
  height: 1em;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}
:where(ul, ol).fineindent {
  padding-left: 15px;
  &amp; &gt; li {
    text-indent: -1em;
  }
}
p.fineindent {
  margin-left: 1em;
  text-indent: -1em;
}
.bg-yellow {
  background-color: var(--color-yellow);
}
.bg-wht {
  background-color: #fff;
}
.bg-pink {
  background-color: var(--color-pink);
}
.bg-blue {
  background-color: var(--color-blue);
}
.bg-purple { background-color: rgba(150, 122, 220, 0.1)}
.bg-gradation {
  background: linear-gradient(135deg, rgba(242, 34, 195, 0.2) 0, rgba(94, 144, 231, 0.2) 100%);
}
@media screen and (max-width: 640px) {
  :where(a, p, div, li, h3):has(&gt; wbr) {word-break: keep-all;}
}
@media screen and (max-width: 768px) {
  li.sp-close:not(.uk-open):not(:has([aria-expanded])) .uk-accordion-content {
    display: none;
  }
}

/*アニメーション*/
.is-active{
  animation: buruburu 1s linear infinite;
  scale: 1;
}

@keyframes buruburu{
 0%{transform:translateX(0)}
 20%{transform:translateX(-5px)}
 40%{transform:translateX(5px)}
 60%{transform:translateX(-5px)}
 80%{transform:translateX(5px)}
 90%{transform:translateX(0px)}
}
.grad-text {/*グラデーション文字*/
  font-weight: 700;
  background: var(--gradation);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 30px;
}
.btn-grad {
  border-radius: 3em;
  display: inline-block;
  background: var(--gradation);
  color: #fff;
  font-family: var(--ff-yu-go-l);
  font-weight: 700;
  font-size: clamp(1rem, 0.85rem + 0.67vw, 1.25rem);
  width: 300px;
  padding: 10px;
  text-align: center;
  &amp;:hover {
    color: #fff;
  }
}
/* header
-------------------------------------------- */
header {
  background: #fff;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.header__iyogin {
  text-align: center;
  background: #fff;
}
.header__logo {
  padding: 20px 10px 20px;
  width: 336px;
}
.header__container {
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 960px) {
  .header__container {
    display: block;
  }
  .header__logo {
    padding: 10px 20px;
    margin: auto;
    width: auto;
  }
}
/* main
-------------------------------------------- */
main {
  display: block;
}
section {
  margin: 0;
  padding-block: 60px;
}
[class*="sec__inner"] {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.sec__inner-small {
  max-width: 980px;
}
.sec__inner-x-small {
  max-width: 725px;
}
.sec__inner-xx-small {
  max-width: 680px;
}
@media screen and (max-width: 960px) {
  section {
    padding: 60px 0;
  }
  [class*="sec__inner"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sec__inner,
  .sec__inner-small,
  .sec__inner-x-small {
    max-width: 100%;
  }
}
#kv__area {
  margin: 0 auto;
  padding-block: 0;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .kv__container {
    background-image: url(../img/kv_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
}

#kv__area .kv__container {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 640px) {
  .kv__top {
    padding-block: 30px;
  }
}
.kv__period {
  padding: 1em 10px;
  background: var(--color-blue);
}
.sec__title-main {
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (min-width:640px) {
  .sec__title-main &gt; span {font-size: 60%;}
}
@media screen and (max-width:640px) {
  .sec__title-main {font-size: 18px; line-height: 1.5}
}
.lead {
  font-size: clamp(1rem, 0.85rem + 0.67vw, 1.25rem);
  font-family: var(--ff-yu-go-l);
  font-weight: 700;
}
.sec__kinri {
  background: rgba(15, 97, 216, 0.2);
}
@media screen and (min-width:640px) {
  .sec__kinri .uk-background-default {
    background: none;
  }
  .sec__kinri .kinri {
    position: relative;
    display: block;
    &amp;::after {
      content: '';
      background: url(../img/kinri_baloon.png) no-repeat 50% 50% / contain;
      position: absolute;
      width: 206px;
      height: 163px;
      bottom: 24%;
      right: -50px;
    }
  }
}
@media screen and (max-width:640px) {
  .sec__kinri .uk-background-default {
    padding-block: 20px;
  }
}

.sec__merit .merit &gt; div {
  position: relative;
}
@media screen and (max-width:640px) {
  .sec__merit .merit &gt; div img {
    max-width: 90%;
  }
}
.sec__merit .merit &gt; div::before, .sec__merit .merit &gt; div::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: min(23vw,96px);
  height: min(23vw,96px);
}
.sec__merit .merit &gt; div::before {
  background: url(../img/merit01_badge.svg) no-repeat 50% 50% / contain;
  left: 20px;
  top: -30px;
}
.sec__merit .merit &gt; div:nth-child(2)::before {
  background-image: url(../img/merit02_badge.svg);
}
.sec__merit .merit &gt; div::after {
  background: url(../img/merit01_p.svg) no-repeat 50% 100% / contain;
  width: 80px;
  height: 132px;
  left: 0;
  bottom: 0;
}
.sec__merit .merit &gt; div:nth-child(2)::after {
  background-image: url(../img/merit02_p.svg);
  width: min(18vw,75px);
  height: 129px;
  left: unset;
  right: -50px;
}
@media screen and (max-width:640px) {
  .sec__merit .merit &gt; div::after {
    left: 10px;
  }
  .sec__merit .merit &gt; div:nth-child(2)::after {
    right: -20px;
  }
}
.sec__flow {
  border-radius: 20px;
  margin-block: 60px;
  padding: 60px 30px;
}
@media screen and (max-width: 640px) {
  .sec__flow {padding: 40px 20px;}
}
/*swiperが非アクティブのときは矢印ボタンを非表示にする*/
.swiper:not(.swiper-initialized) .swiper-button-prev,
.swiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
/*swiperが非アクティブのとき,スライドをgridレイアウトに変更*/
.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  display: flex;
  /* grid-template-columns: repeat(4, 1fr); */
  gap: 20px;
}
.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 766px) {
  .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: none;}
  .swiper-button-prev, .swiper-button-next {
    background: url(../img/arrow-left.svg) no-repeat 50% 50% / contain;
    width: 19px;
    height: 30px;
    position: absolute;
    z-index: 1;
    top: 50%;
  }
  .swiper-button-prev { left: 0;}
  .swiper-button-next {
    background-image: url(../img/arrow-right.svg);
    right: 0;
  }
}
.swiper-slide {
  height: auto;
}
.swiper-wrapper {
}
.sec__flow .swiper-slide .no {
  margin-top: 10px
}
.sec__flow .swiper-slide .thumb {
  display: grid;
  place-content: center;
}
.sec__flow .swiper-slide h3 {
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.9rem + 0.15vw, 1.125rem);
  margin-bottom: 10px;
  display: grid;
  place-content: center;
  text-align: center;
}
@media screen and (min-width:640px) {
  .sec__flow .swiper-slide h3 { min-height: 2.75em};
}
.sec__flow .swiper-slide .txt {
  text-align: left;
  margin-top: 20px;
}
.sec__flow .swiper-slide .txt a {
  display: block;
  max-width: 100%;
  margin: 5px auto;
  text-align: center;
}
hr.grad {
 border-image: var(--gradation) 1;
}
.features__boxImg {
  display: grid;
  place-content: center;
}
.features__boxTtl {
  margin-block: 30px;
}
.features__boxText {
    text-align: left;
  }
@media screen and (max-width:640px) {
}

.uk-accordion-title {
  border: 2px solid var(--color-blue);
  color: var(--color-blue);
  font-weight: 700;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.9rem + 1vw, 1.5rem);
  padding: 15px;
  font-family: var(--ff-gothic);
  &amp;:hover, &amp;:focus {
    color: var(--color-blue);
  }
}
@media screen and (min-width:640px) {
  .sec__notice .uk-accordion-title {text-align: center;}
}

.sec__notice .uk-accordion-title {
  background-color: #e6edf9;
}
.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20fill%3D%22%230e61d7%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%20%3Crect%20fill%3D%22%230e61d7%22%20width%3D%222%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%3C%2Fsvg%3E");
}
.uk-open .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20fill%3D%22%230e61d7%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%3C%2Fsvg%3E");
}
.uk-accordion-content {
  margin-top: 0;
  padding: 30px;
}
.sec__notice .uk-accordion-content {
  background-color: #f9f9f9;
}
.uk-accordion &gt; :nth-child(n+2) {
  margin-top: 60px;
}
@media screen and (max-width:640px) {
  .uk-accordion &gt; :nth-child(n+2) {
    margin-top: 30px;
  }
}
.uk-accordion-content .uk-table-responsive {
  margin-block: 0;
}
.uk-accordion-content .uk-table-responsive tr &gt; :first-child {
  padding-left: 0;
}
.summary table {
  padding: unset;
  overflow: hidden;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}
.summary table tr:nth-last-child(n + 2) {
  border-bottom: 1px solid #a0a0a0;
}
.summary table tr &gt; * {
  padding: 20px;
  background: #fff;
  &amp; p {color: inherit;}
}
.summary table th {
  white-space: nowrap;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .uk-overflow-auto:has(table) {
    margin-right: -20px;
  }
  .cards.uk-accordion .uk-overflow-auto &gt; * {
    min-width: 645px;
  }
  .summary.uk-accordion .uk-overflow-auto {
    padding-right: 20px
  }
  .summary.uk-accordion .uk-overflow-auto &gt; * {
    min-width: 750px
  }
}
.recom__boxText {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .uk-overflow-auto &gt; * {
    min-width: 650px;
  }
  .recom__boxLink {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }
  .recom__boxImg {
    width: 100px;
  }
  .recom__boxText {
    width: calc(100% - 110px);
    margin-top: 0;
  }
}
.sec__recom .link-txt {
  color: inherit;
}
#contact {
}
#contact h3 {
  font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
  font-family: var(--ff-yu-go-l);
  font-weight: 700;
}
#contact h3 + * {
  margin: 20px auto;
  font-size: 1.25rem;
  font-weight: 700;
}
#totop {
  transition: ease 0.3s all;
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 100;
}
@media screen and (min-width:769px) {
  #totop {
    bottom: 20px;
  }
}
#totop a {
  display: block;
  z-index: 100;
  width: 59px;
  height: 81px;
  background: url(../img/totop.png) center / contain;
  background-repeat: no-repeat
}

.footer {
  padding: 60px 0;
  @media screen and (min-width: 640px) {
    background: linear-gradient(90deg, rgba(242, 34, 195, 0.2) 0, rgba(94, 144, 231, 0.2) 100%);
  }
}
@media screen and (max-width: 810px) {
  .footer { padding-bottom: 110px;}
}
@media screen and (max-width: 640px) {
  .footer { padding-block: 0 110px;}
}
.footer .contact {
  position: relative;
  padding-bottom: 80px;
}
.footer .contact::before,.footer .contact::after {
  content: "";
  background:  rgba(189, 133, 244, 0.2) ;
  mask-position: 50vw 100%;
  mask-repeat: repeat-x;
  mask-size: contain;
  mask-image: url(../img/bg_city.svg);
  display: block;
  width: 100%;
  height: 165px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer .contact::after {
  background:  rgba(189, 133, 244, 0.1) ;
  bottom: -165px;
  transform: scaleY(-1);
}
.footer .contact + div {
  padding-top: 60px;
}

.footer .time {font-size: clamp(0.75rem, 0.6rem + 0.67vw, 1rem);}
.footer__copyright {font-size: 0.85rem;margin-top: 60px;}
@media screen and (max-width: 640px) {
  .footer .contact {
    padding-bottom: 30px;
  }
  .footer .contact::before,.footer .contact::after {
    mask-size:cover;
    mask-position: 46% 100%;
  }
  #totop {display: none !important;}
  .footer small {font-size: min(3vw, 12px);}
  .footer__copyright {margin-top: 20px;}
}
.footer__bnr {
  opacity: 0;
}
@media screen and (min-width:811px) {
  .footer__bnr {display: none;}
}
.footer__bnr .btn-grad {
  width: 500px;
  max-width: 100%;
}
.footer__bnr.is-show {
  background-color: #f2f6fc;
  text-align: center;
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 20px 10px;
  width: 100%;
  height: auto;
  z-index: 99;
  opacity: 1;
  transition: opacity 2s;
}</pre></body></html>