@charset "utf-8";
/*
ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
$sm-min: 576px;
$md-min: 768px;
$lg-min: 992px;
$xl-min: 1200px;
となっているのでそれに準じてください。
*/
:root{
  --wp--preset--spacing--40: .5rem !important;
  --wp--preset--spacing--50: .7rem !important;
  --wp--preset--spacing--60: .8rem !important;
  --wp--preset--spacing--70: 1rem !important;
  --wp--preset--spacing--80: 2rem !important;
}
.site-header-logo img {
  max-height: 60px !important;
}
.sp-onayami{
  padding: 2em 1.5em !important;
}
.onayami-item::before {
	display: none;
}
.title-fukidashi {
  border-radius: 20px;
  padding: .4em 1em;
}
.anchor-link {
  gap: 1em;
  margin-bottom: 2em;
}
.anchor-link p {
  font-size: .9rem;
  width: 33%;
}
.anchor-link p a {
  border-bottom: 2px dotted var(--vk-color-custom-1);
}
.ok-title01, .ok-title02 {
  padding: .4em 1em .4em 4em;
}
.ok-title01::before, .ok-title02::before {
  top: -.4em;
}
.step-slider .vk_slider_item_container {
  margin-top: 90px;
  padding-left: 1em;
  padding-right: 1em;
}
.step-slider .swiper-pagination-bullet {
  width: 70px;
  height: 70px;
}
.step-slider .swiper-pagination-bullet::before {
  width: 70px;
  height: 70px;
}
.step-slider .caption {
  padding: .4em 2em;
  font-size: 1rem;
}
.circle {
  margin-bottom: 1em;
}
.circle p {
  width: calc(100% / 1);
  font-size: 1.3rem;
}
.cta-text {
  font-size: 4rem;
  top: 0;
}
.cta .wp-block-group::before, .cta .wp-block-group::after{
  display: none;
}
.cta .wp-block-vk-blocks-gridcolcard-item{
  margin-bottom: 10px;
}
.subtext-hide p {
  top: -3rem;
  font-size: 6rem !important;
}
.flow-item img{
  width: 120px !important;
}
.flow-item .wp-block-vk-blocks-gridcolcard-item {
  margin-bottom: 40px;
}
.link-blank {
  justify-content: center;
}
.mobile-fix-nav .mobile-fix-nav-menu {
  padding:0 !important;
  align-items:stretch !important;
  opacity:1 !important;
}
.mobile-fix-nav .mobile-fix-nav-menu li {
  width: 33.333% !important;
  border-right: 1px solid #fff;
}
.mobile-fix-nav .mobile-fix-nav-menu li:first-child{
  background-color:var(--vk-color-custom-1);
}
.mobile-fix-nav .mobile-fix-nav-menu li:nth-child(2){
  background-color:var(--vk-color-custom-2);
}
.mobile-fix-nav .mobile-fix-nav-menu li:last-child{
  border:medium none;
  background-color:var(--vk-color-custom-3);
}
.mobile-fix-nav .mobile-fix-nav-menu li a{
  padding: 1em;
}
div#vk-mobile-nav-menu-btn {
    background: none;
    background-color: var(--vk-color-primary);
    border: none;
    border-radius: 50px;
    top: 10px;
    right: 10px;
}
div#vk-mobile-nav-menu-btn::after {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 44px;
    width: 44px;
    text-align: center;
    text-indent: 0;
}
div#vk-mobile-nav-menu-btn.menu-open::after {
    content: "\f00d";
}
#vk-mobile-nav {
    background-color: #fff0f6;
    padding-top: 25px !important;
}
.vk-menu-acc .acc-btn {
    border: medium none !important;
    opacity: 0.5;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
    border: none;
    background-size: 2em;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    background-position: right 0.5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] {
    pointer-events: none;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] + span.acc-btn {
    width: 100%;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
    height: 44px !important;
}
.vk-mobile-nav nav > ul {
  border-top: 1px solid #fff;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
  border-bottom: 1px solid #fff;
}
.vk-mobile-nav-widget{
  margin-bottom: 0 !important;
}
.vk-mobile-nav-widget a{
  text-decoration: none !important;
}
.sp-gap-s{
  gap: 0.5em;
}
.scroll-box{
  padding: 0 1em;
  height: 200px;
  overflow: auto;
}