/*
Theme Name: risecross
Theme URI: https://risecross.jp/
Description: RiseCross専用のTwenty Twenty-Five子テーマ
Author: Hayashi
Author URI: 
Template: twentytwentyfive
Version: 1.0.0
Text Domain: risecross
*/

/* 英数字のみMontserratを適用 */
body {
  font-family: 'Noto Sans JP', sans-serif;
}

body :where(h1, h2, h3, h4, h5, h6, p, a, span, li) {
  font-family: 'Noto Sans JP', sans-serif;
}

/* 英数字をMontserratに */
:where(h1, h2, h3, h4, h5, h6, p, a, span, li) {
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
}

:where(h1, h2, h3, h4, h5, h6, p, a, span, li) {
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}

/* スマホ非表示 */
.sp-hidden {
  display: block;
}
@media screen and (max-width: 767px) {
  .sp-hidden {
    display: none !important;
  }
}

.wp-block-table td, .wp-block-table th{
    padding:.75em;
}


/* PC非表示 */
.pc-hidden {
  display: none!important;
}
@media screen and (max-width: 767px) {
  .pc-hidden {
    display: block !important;
  }
}


.split-wrap {
  display: flex;
  height: 100vh;
  overflow: hidden;
  gap: 0;
}

.split-left {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* flex: 0 0 45%; */
    background: url(/wp-content/themes/risecross/assets/images/main.png) no-repeat center;
    width: 50%;
    height: 100vh;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    background-size: cover;
    
}

.split-right {
  /* flex: 1; */
  overflow-y: auto;
  padding: 60px 0px 0px 0px;
  background-color: #fff;
  width: 50%;
}

section.first {
  min-height: 90vh;
  padding: 30px;
}


/*＝＝＝＝＝＝＝＝＝＝＝768px以下の見え方＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 768px) {
  .split-wrap {
    overflow: auto;
  }
  section {
    min-height: auto; /*縦を100vh⇒解除*/
  }

  .split-left {
    background: url(/wp-content/themes/risecross/assets/images/sp-main.png) no-repeat center;
    position: relative !important; /*position stickyを解除*/
    width: 100%;
    height: 50vh;
    background-size: contain;
  }

  .split-right {
    width: 100%; /*横幅を100%にして1列に見せる*/
  }
  section.first {
    min-height: auto;
  }
}

@media screen and (max-width: 767px) {
  .split-wrap {
    overflow: auto;
  }
  section {
    min-height: auto; /*縦を100vh⇒解除*/
  }

  .split-left {
    background: url(/wp-content/themes/risecross/assets/images/sp-main.png) no-repeat contain;
    position: relative !important; /*position stickyを解除*/
    width: 100%;
    height: 40vh;
  }

  .split-right {
    width: 100%; /*横幅を100%にして1列に見せる*/
  }
  section.first {
    min-height: auto;
  }
}