@charset "UTF-8";
.swiper-slide {
  /* 表示させる高さの調整 */
  position: relative;
  height: 90vh;
  overflow: hidden;
}

.swiper-slide .main-visual {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 9s ease;
  transition: -webkit-transform 9s ease;
  transition: transform 9s ease;
  transition: transform 9s ease, -webkit-transform 9s ease;
}

.swiper-slide-active .main-visual {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.swiper-slide-active .hero__title {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
}

.swiper-slide-active .hero__btn {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
}

.hero {
  overflow: hidden;
}

.hero__title {
  position: absolute;
  top: 34%;
  left: 50%;
  color: #fff;
  text-align: center;
  width: 95vw;
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
  -webkit-transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
  transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
  transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s;
  transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
  z-index: 1;
  opacity: 0;
}

.hero__title p {
  font-size: 40px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
  line-height: 2em;
  font-weight: 600;
}

.hero__title span {
  display: block;
}

.hero__btn {
  position: absolute;
  bottom: 42%;
  left: 50%;
  text-align: center;
  color: #fff;
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
  -webkit-transition: opacity 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
  transition: opacity 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
  transition: opacity 1.2s ease 2.5s, transform 1.2s ease 2.5s;
  transition: opacity 1.2s ease 2.5s, transform 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
  opacity: 0;
  z-index: 1;
  width: 95vw;
}

.hero__btn p {
  font-size: 40px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
  line-height: 2em;
  font-weight: 600;
}

.hero__btn br {
  display: none;
}

/* *****************************************************************

Stylesheet: ベーススタイル（全て）に適応

******************************************************************/
h3 {
  padding-left: 3% !important;
}

a {
  text-decoration: none;
}

a:hover {
  color: #040404 !important;
}

figure {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

[data-scrolled="true"] .l-header--sticky-overlay-colored-lg {
  background-color: #fe2727 !important;
  background-color: var(--_background-color, transparent);
  opacity: 0.9;
  -webkit-transition: 1s all !important;
  transition: 1s all !important;
}

.c-entry__header {
  display: none;
}

.smb-section__background-text__text {
  letter-spacing: .2rem;
}

.l-header a {
  color: #fff !important;
}

.wp-profile-box {
  display: none;
}

.l-header .c-hamburger-btn__bar {
  background-color: var(--header-text-color, #fff) !important;
}

.c-hamburger-btn__label {
  color: #fff;
}

/* Loading背景画面設定*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #09315c;
  text-align: center;
  color: #fff;
  /* Loading画像中央配置*/
}

#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  /* Loading アイコンの大きさ設定*/
}

#splash_logo img {
  width: 260px;
}

/* fadeUpをするアイコンの動き */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeUpAnime {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.TextTyping {
  font-size: 0px;
}

.TextTyping span {
  display: none;
}

/*文字列後ろの線の設定*/
.TextTyping::after {
  content: "|";
  -webkit-animation: typinganime 3s ease infinite;
          animation: typinganime 3s ease infinite;
}

@-webkit-keyframes typinganime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes typinganime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.TextTyping span {
  font-size: 3rem;
}

/* カーテンアクション */
.animation-target {
  position: relative;
  overflow: hidden;
}

.animation-target > a,
.animation-target > img {
  opacity: 0;
}

@-webkit-keyframes showElements {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes showElements {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}

.animation-target.show > a,
.animation-target.show > img {
  -webkit-animation: showElements 0.01s 0.9s forwards;
          animation: showElements 0.01s 0.9s forwards;
}

.animation-target::before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3 !important;
  width: 100%;
  height: 100%;
  background-color: #2a2828 !important;
  opacity: 1 !important;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@-webkit-keyframes showMask {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  45%,
  55% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes showMask {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  45%,
  55% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animation-target.show::before {
  -webkit-animation: showMask 1.8s forwards;
          animation: showMask 1.8s forwards;
}

/* 下から出てくる動き */
.slide-bottom {
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  -webkit-transition: all 1s 0s ease-out;
  transition: all 1s 0s ease-out;
}

/* 左からフェードイン */
.slide-left {
  opacity: 0;
  -webkit-transform: translate(-80px, 0);
          transform: translate(-80px, 0);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

/* 右からフェードイン */
.slide-right {
  opacity: 0;
  -webkit-transform: translate(80px, 0);
          transform: translate(80px, 0);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.top_service .wp-block-snow-monkey-blocks-items-item-free {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 0px !important;
}

/* TOP最初の箇所 */
.top_page_first_section img {
  border-radius: 5% !important;
}

.top_page_first_section .smb-items__item__body:hover span {
  color: #fe2727 !important;
}

body {
  background-image: url(/wp-content/uploads/2022/10/519596.png);
  background-size: contain;
}

.top_page_first_section {
  background-image: url(/wp-content/uploads/2022/10/22998577-scaled.jpg);
  background-size: contain;
}

.top_pege_picks {
  background-image: url(/wp-content/uploads/2022/10/22998577-scaled.jpg);
  background-size: contain;
}

/* TOPページニュース */
.top_news_section {
  padding-top: 0px;
}

.top_first_text {
  margin-top: 7px !important;
}

/*  そろばん普及会とは */
.top_page_soroban img {
  border-radius: 8% 8% 0% 0%;
}

.top_page_soroban .smb-panels__item {
  border-radius: 8% 8% 0% 0%;
}

/*  そろばん普及会の特徴 */
.top_page_feature_section .smb-items__item__body {
  text-align: center;
}

.top_page_feature_section .smb-items__item__content {
  margin-top: 0px;
}

.top_page_feature_section img {
  border-radius: 5% !important;
}

/* キャンペーンボタン */
.cta_b a {
  width: 400px !important;
}

.top_page_cta_section .cta_b:hover span {
  color: gold !important;
}

/* 検索ページ */
.post-120 a span:hover {
  color: #fe2727 !important;
}

/* フッター */
.l-footer-widget-area {
  background-color: #fe2727;
  text-align: center;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.l-footer-widget-area a {
  color: #fff;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.l-footer-widget-area a:hover {
  color: gold !important;
}

.l-footer-widget-area img {
  text-align: left !important;
}

.c-copyright {
  background-color: #fe2727 !important;
}

.wp-block-page-list {
  padding-left: 0px;
}

.l-footer-widget-area .has-text-align-left {
  margin-top: 0px !important;
  padding-bottom: 20px;
}

.l-footer-widget-area .has-text-align-left span {
  padding-top: 20px !important;
}

.last_section_button {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fe2727;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px !important;
  left: 0;
}

footer li {
  list-style: none;
}

footer .c-row[data-lg-columns="4"] > .c-row__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  margin-left: 0;
  margin-right: 0;
  max-width: 30%;
}

footer .c-row[data-lg-columns="4"] > .c-row__col:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  margin-left: 0;
  margin-right: 0;
  max-width: 20%;
}

footer .c-row[data-lg-columns="4"] > .c-row__col:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  margin-left: 0;
  margin-right: 0;
  max-width: 20%;
}

.footer_a_text {
  margin-top: 6px !important;
}

footer .footer_a_section {
  width: 170px;
}

footer .c-row__col--lg-1-1 {
  margin-bottom: 35px !important;
}

footer .cta_b:hover span {
  color: #333 !important;
}

.c-copyright {
  display: none;
}

/* お知らせ */
.c-prev-next-nav {
  display: none !important;
}

.p-related-posts {
  display: none;
}

.footer_b_pc {
  width: 350px !important;
}

.top_page_first_section .c-container {
  padding: 0px !important;
}

/* 共有 */
.text_radius {
  border-radius: 28px;
}

.smb-accordion__item__title {
  border-radius: 28px;
}

.page-template .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-836 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-647 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.post-template .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-721 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-887 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-908 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-925 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-16 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.archive .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.single .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.archive .l-contents {
  padding-top: 88px;
}

.home .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page-id-1207 .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.page .l-header__content {
  background-color: #fe2727 !important;
  opacity: .9;
}

.footer_col_section {
  margin-left: 10%;
  margin-right: 10%;
}

.smb-step__item__number:before {
  font-weight: 700;
}

.red_text {
  padding: 15px !important;
}

/* 電話 */
.my-campaign-text img {
  width: 70%;
}

.my-campaign-text {
  text-align: center;
}

.l-footer-widget-area {
  display: block;
  text-align: center;
}

.l-footer-widget-area .footer_text_center_left {
  text-align: left;
  display: inline-block;
}

@media (orientation: landscape) and (max-width: 767px) {
  .hero__title {
    top: 25%;
  }
  .hero__btn {
    bottom: 9%;
  }
  .hero__btn p {
    font-size: 23px !important;
  }
  .hero__title p {
    font-size: 23px !important;
  }
}

@media (max-width: 1023px) {
  /******************************************************************

Stylesheet: 1023px以下（タブレット）で適用

******************************************************************/
  .c-drawer__item {
    border-bottom: solid 1px #fff;
  }
}

@media (max-width: 639px) {
  /******************************************************************

Stylesheet: 639px以下(スマホ)で適用

******************************************************************/
  .swiper-slide {
    height: 670px !important;
  }
  .top_page_box {
    height: auto !important;
  }
  .hero__btn {
    bottom: 45%;
    width: 100vw;
  }
  .hero__btn p {
    font-size: 23px !important;
  }
  .hero__title p {
    font-size: 23px !important;
  }
  .TextTyping span {
    font-size: 2rem;
  }
  .top_page_first_section {
    background-image: url(/wp-content/uploads/2022/10/22998577-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .top_pege_picks {
    background-image: url(/wp-content/uploads/2022/10/22998577-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  /* トップページ特徴 */
  .top_page_feature_section .smb-items__item__content {
    font-size: 13px;
  }
  .top_page_first_section {
    padding-top: 80px !important;
  }
  .page-template-page-templates .c-page-header__bgimage img {
    -o-object-position: 13% 49%;
       object-position: 13% 49%;
  }
  footer .c-row[data-lg-columns="4"] > .c-row__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .swiper-slide .top-img {
    -o-object-position: 28% 49%;
       object-position: 28% 49%;
  }
  .swiper-slide .top-img2 {
    -o-object-position: 50% 49%;
       object-position: 50% 49%;
  }
  .last_section_button {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fe2727;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px !important;
    left: 0;
  }
  footer .c-row__col--lg-1-1 {
    margin-bottom: 30px !important;
  }
  /* 保護者の声 */
  .voice_section_main .c-container {
    padding: 3px;
  }
  .voice_section .smb-accordion__item__title__label strong {
    font-size: 1rem !important;
  }
  /* QA */
  .qa_section_main .c-container {
    padding: 3px;
  }
  .campaign_section_title_res {
    margin-top: 0px !important;
  }
  .box_space {
    padding: 10px !important;
  }
  /* 共通 */
  .text_radius span {
    font-size: 1rem !important;
  }
  p {
    font-size: 0.9rem !important;
  }
  .smb-faq__item__question__body {
    font-size: 0.9rem !important;
  }
  td {
    font-size: 0.9rem !important;
  }
  .page-id-647 .c-entry-summary__title {
    font-size: 0.9rem !important;
  }
  .post-template .smb-section__title {
    font-size: 0.9rem !important;
  }
  .event-template-default .red_text span {
    font-size: 0.9rem !important;
  }
  .has-sm-medium-font-size {
    font-size: 1.1rem !important;
  }
  li {
    font-size: 0.9rem !important;
  }
  .footer_col_section .smb-items__item__body p {
    text-align: left !important;
  }
  .footer_col_section .c-row--margin {
    padding-left: 12%;
  }
  /* 電話 */
  .my-campaign-text img {
    width: 50%;
  }
}
/*# sourceMappingURL=style.css.map */