body{
    background-color: #132231;
    color: white;
}
h1, h2, h3, h4, .l-header{
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    letter-spacing: 1px;
}
.p-global-nav .c-navbar__item>a{
  font-size: 17px;
}
/* hide reCAPTCHA v3 badge */
.grecaptcha-badge {
    visibility: hidden;
}
/*フォーム*/
.smf-form--letter .smf-item__col--label {
    padding-bottom: 0.5rem;
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number,
[data-screen=complete] .smf-progress-trackeritem--complete .smf-progress-trackeritemnumber,
[data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number{
    background-color: var(--wp--preset--color--sm-accent);
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number,
[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number,
[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__number{
    color: #fff;
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__text,
[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text,
[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text,
[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text,
[data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__text{
    color:  var(--wp--preset--color--sm-accent);
}

[data-screen=confirm] .form-hint{
  display: none;
}

.en, .c-meta{
    font-family: "Marcellus SC", serif;
}
.center{
    text-align: center;
}
.ja-serif{
    font-family: "Noto Serif JP", serif;
}
.f-weight-700{
  font-weight: 700;
}
.b_radius24{
    border-radius: 1.5rem;
}
.smb-section__body .mgt0{
    margin-top: 0;
}

/*フッター*/
.l-footer {
    border-top:none;
}
.c-copyright{
    background-color: #060f1c;
}


/*ボタンデザイン*/
.contents-btn{
    display: flex;
    justify-content: center;
}
.custom_btn{
    font-family: "Noto Serif JP", serif;
    text-align: center;
    text-decoration: none;
    transition: .4s;
    background-color: #8C8161;
    color: #fff;
    font-weight: 700;
    padding: 15px 20px 15px 30px;
    font-size: 1rem;
}
.btn-text{
   display: flex;
    align-items: center;
    gap: 1rem;
}
.footer-ctaBtn .btn-text{
    gap: 0.5rem;
}
.custom_btn.back{
    padding: 15px 30px 15px 20px;
}
.cta-btn{
    background-color: #4ab97a;
    font-size: 22px;
    line-height: 1;
    border-radius: 300px;
    padding: 2rem 2rem 2rem 2rem;
}
.footer-ctaBtn .cta-btn{
   color: var(--wp--preset--color--sm-accent)f;
    background-color: #8C8161;
   border: solid 1px var(--wp--preset--color--sm-accent);
   padding: 1rem;
   font-size: 16px;
}
.footer-ctaBtn img{
  width: 2rem;
}


/*ボタンホバーアクション*/
.custom_btn{
position: relative;
overflow: hidden;
transition: ease .2s;
}
.custom_btn span {
position: relative;
z-index: 3; /*z-indexの数値をあげて文字を背景よりも手前に表示*/
color:#fff;
}
/*== 背景が流れる（左から右） */
.custom_btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:var(--wp--preset--color--sm-accent);
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.custom_btn:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}

 .smb-information__item{
    border-bottom: 1px solid var(--wp--preset--color--sm-sub-accent);
}

/***会社概要***/
 .smb-information__item .c-row{
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    border-bottom: 1px solid var(--wp--preset--color--sm-sub-accent);
}
.smb-information__item .c-row:first-child,
.smb-information__item .c-row:first-child{
    border-top: 1px solid var(--wp--preset--color--sm-sub-accent);
}
 .smb-information__body .smb-information__item,
 .smb-information__body .smb-information__item{
    margin-top: 0;
}
 .smb-information__item .c-row{
    align-items: center;
}

/*下層ページのタイトル・投稿ページのメタ情報・記事ページのページネーションを非表示*/
.page .c-entry__header, .c-meta, .c-prev-next-nav {
    display: none;
}

/*カテゴリ複数表示のスタイル*/
.c-entry-summary--post .c-entry-summary__figure span:nth-of-type(2){
    top: 2.5em;
}
.c-entry-summary--post .c-entry-summary__figure span:nth-of-type(3){
    top: 5em;
}
.c-entry-summary--post .c-entry-summary__figure span:nth-of-type(4){
    top: 7.5em;
}
.c-entry-summary--post .c-entry-summary__figure span:nth-of-type(n + 5){
    display:none;
}
.c-meta__item--categories.c-meta__item {
    white-space: wrap;
}
/*カテゴリ表示位置変更*/
.c-entries--rich-media .c-meta__item.c-meta__item--categories {
    display: inline-block;
}
.c-entries--rich-media .c-entry-summary__figure .c-entry-summary__term {
    display: none;
}
.c-entry-summary__meta{
    justify-content: left;
}
.c-entries--rich-media .c-entry-summary__body{
    display: flex;
    flex-direction: column;
    gap:0.5rem;
}
.c-entries--rich-media .c-entry-summary__header{
    order: 1;
}
.c-entries--rich-media .c-entry-summary__meta{
    margin-top: 0;
}
.c-meta__item--published{
    color: #888888;
    font-weight: 500;
}
.c-entry-summary__figure{
    border-radius: 0.5rem;
}
/*カテゴリのスタイル調整*/
.c-meta .c-meta__item--categories .c-entry-summary__term,
.c-meta .c-meta__item--categories .c-meta__term{
    border-radius: 100px;
    padding: 0.2rem 0.75rem;
    color: #fff;
    font-size: 0.75rem;
    background-color: #565656;
    font-family: "Noto Sans JP", sans-serif;
}

/* 親は relative */
.fv {
  position: relative;     /* ファーストビューのラッパー */
  padding-top: 0;
  padding-bottom: 0;
}
.fv .smb-section__inner .smb-section__body {
  min-height: 98vh;      /* 画面いっぱいに */
  align-items: center;
  display: flex;
}

/* スクロールダウンの位置 */
.scroll {
  padding-top: 60px;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}
/* 矢印のアニメーション部分 */
.scroll::before {
  animation: scroll 2s infinite;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  content: "";
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
/* 矢印のアニメーション */
@keyframes scroll {
  0% {
    opacity: 0;
    transform: rotate(-45deg) translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: rotate(-45deg) translate(-20px, 20px);
  }
  100% {
    opacity: 0;
  }
}

/*SP*/
@media screen and (max-width: 639px) {
	.smb-section__body>h2.section-ttl{
        font-size: calc(24 / 16 * 1rem);
	}
  p,ul,li,table,.smb-information{
		font-size: calc(13 / 16 * 1rem);
	}
  .smb-section:not(.fv) {
  padding: 3rem 0;
}
	.wp-block-snow-monkey-blocks-container.smb-container.c-container{
		padding-left: 0;
		padding-right: 0;
	}
  .has-sm-l-font-size {
    font-size: 14px !important;
  }
  .has-sm-xl-font-size {
    font-size: 15px !important;
  }
  .has-sm-3-xl-font-size{
    font-size: 24px !important;
  }
  .has-sm-4-xl-font-size {
    font-size: 24px !important;
  }
  .has-sm-5-xl-font-size {
    font-size: 45px !important;
  }
  .single-post .c-entry__title{
    font-size: 20px;
  }
  .pc-br, .spnone{
      display: none;
  }
  .sp-br {
    display: block;
  }
  .cta-btn {
    font-size: 16px;
    padding: 1rem;
  }
  .fv .c-container{
    padding: 0.5rem;
  }
    .fs-s{
    font-size: 12px;
  }
  :where(.is-layout-constrained,.is-layout-flow)>:where(:not(:first-child)) {
    margin-top: 1.5rem;
}
}
/*SPとTAB*/
@media  (max-width: 1023px){
  .fv .smb-section__inner .smb-section__body {
    min-height: 80vh;
  }
  .my-footer-container{
    text-align: center;
  }
}

/*TAB*/
@media (min-width: 640px) and (max-width: 1023px){

}

/*TAB〜PC*/
@media (min-width: 640px){
  h2.section-ttl{
  font-size: 2.5rem;
  }
  .normal-btn{
    font-size: 1.75rem;
  }
  .sp-br, .pcnone{
    display: none;
  }
  .fs-s{
    font-size: 15px;
  }
}
/*PC*/
@media (min-width: 1024px){
  .contents-btn.footer-ctaBtn{
    justify-content: flex-end;
  }
}