/*
Theme Name: RINDA
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rinda
Tags: 
*/
html {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  word-wrap: break-word;
}

.wp-block-site-logo.is-default-size img {
  width: 100px;
}
@media screen and (min-width: 48em) {
  .wp-block-site-logo.is-default-size img {
    width: 152px;
  }
}

.ls-l {
  letter-spacing: 1em;
}
@media screen and (min-width: 48em) {
  .ls-l {
    letter-spacing: 1.5em;
  }
}

.ls-m {
  letter-spacing: 0.4em;
}
@media screen and (min-width: 48em) {
  .ls-m {
    letter-spacing: 1em;
  }
}

.scroll {
  position: relative;
}
.scroll::before {
  background: var(--wp--preset--color--black);
  content: "";
  height: 32px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -40px;
  width: 1px;
}

table tr {
  border-bottom: var(--wp--preset--color--custom-eeeeee) 1px solid;
  display: flex;
  flex-direction: column;
  padding: 1.4em 0;
}
.type-b table tr {
  padding: 2.2em 0;
}
@media screen and (min-width: 48em) {
  table tr {
    align-items: center;
    flex-direction: row;
    padding: 2em 0;
  }
  .type-b table tr {
    padding: 2.5em 0;
  }
  .type-c table tr {
    padding: 1.4em 0;
  }
}
table tr:first-child {
  border-top: var(--wp--preset--color--custom-eeeeee) 1px solid;
}
table th {
  letter-spacing: 0.4em;
}
@media screen and (min-width: 48em) {
  table th {
    letter-spacing: 1em;
    width: 30%;
  }
}
@media screen and (max-width: 47.9375em) {
  .type-a table th {
    font-size: 9px;
  }
}
@media screen and (min-width: 48em) {
  .type-b table th {
    width: 45%;
  }
}
@media screen and (min-width: 48em) {
  .type-c table th {
    width: 25%;
  }
}
.type-a table td {
  font-family: var(--wp--preset--font-family--manrope);
  font-size: var(--wp--preset--font-size--large);
}
.type-b table td {
  font-family: var(--wp--preset--font-family--zen-kaku-gothic-new);
  font-size: var(--wp--preset--font-size--large);
}
.type-c table td {
  letter-spacing: 0.5em;
}
table .size-s {
  font-family: var(--wp--preset--font-family--jetbrains-mono);
  font-size: 10px;
  letter-spacing: 1em;
}
@media screen and (max-width: 47.9375em) {
  table .size-s {
    font-size: 9px;
  }
}

.site-cont {
  position: relative;
}
@media screen and (max-width: 47.9375em) {
  .site-cont {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 47.9375em) {
  .site-sidenavi {
    width: 100%;
  }
  .site-sidenavi .header {
    background-color: var(--wp--preset--color--custom-f-7-f-7-f-7);
    height: 42px;
    left: 0;
    padding-left: 2.5em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .site-sidenavi .is-position-sticky {
    min-height: auto !important;
    position: static;
  }
}
@media screen and (max-width: 47.9375em) {
  .site-main {
    margin-top: 42px !important;
    width: 100%;
  }
  .site-main .mv {
    height: 95dvh;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  .site-main .mv .wp-block-cover {
    min-height: 80dvh !important;
  }
  .site-main .scroll-block {
    margin-top: 4.5em;
  }
}
@media screen and (min-width: 48em) {
  .site-main .wp-block-cover {
    min-height: 600px !important;
  }
}

.home .cont01 {
  padding-bottom: 7.5em !important;
  padding-top: 7.5em !important;
}
@media screen and (min-width: 48em) {
  .home .cont01 {
    padding-bottom: 9em !important;
    padding-top: 9em !important;
  }
}
.home .cont02,
.home .cont03,
.home .cont04,
.home .cont05 {
  padding-bottom: 10.8em !important;
}
@media screen and (max-width: 47.9375em) {
  .home .cont02,
  .home .cont03,
  .home .cont04,
  .home .cont05 {
    padding-bottom: 6em !important;
    padding-top: 4em !important;
  }
  .home .cont02 .wp-block-heading,
  .home .cont03 .wp-block-heading,
  .home .cont04 .wp-block-heading,
  .home .cont05 .wp-block-heading {
    padding-bottom: 0.6em !important;
  }
}

@media screen and (max-width: 47.9375em) {
  .logo {
    grid-template-columns: repeat(auto-fill, minmax(min(6rem, 100%), 1fr));
  }
}

@media screen and (max-width: 47.9375em) {
  .wp-block-navigation {
    display: none;
  }
}

.footer {
  width: 100%;
}
@media screen and (max-width: 47.9375em) {
  .footer .wp-block-paragraph {
    text-align: center;
  }
}

@media screen and (min-width: 48em) {
  .sp-only {
    display: none;
  }
}