/* 共通 */
:root {
  --blue: #104185;
  --yellow: #ffff00;
}
html {
	scroll-behavior: smooth !important;
}
:target {
  scroll-margin-top: 100px; /* ←ヘッダーの高さに合わせる */
}

.section-title-vertical {
  display: flex;
  writing-mode: vertical-lr;
  flex-direction: row;
  align-items: center;
}
.section-title-en {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 6.25rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 0 !important;
}

.section-title-ja {
  margin-right: 0 !important;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
p.section-title-en.white, p.section-title-ja.white{
  color: #fff !important;

}
.section-title-ja.vertical {
  margin-left: 47px !important;
  margin-top: 20px;
}
.header_scrolled .site-header-container--scrolled--logo-and-nav-container, .header_scrolled .site-header-container--scrolled--logo-and-nav-full{
  align-items: center !important;
}
.header_scrolled .site-header-container--scrolled--logo-and-nav-container .site-header-logo img, .header_scrolled .site-header-container--scrolled--logo-and-nav-full .site-header-logo img{
  max-height: 80px !important;
}
.button-yellow{
  border: var(--blue) solid 3px;
}
@media screen and (max-width: 992px) {
  .section-title-en {
    font-size: 3.8rem;
  }
  .section-title-ja {
    margin-right: 0 !important;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
}
.sns-icon-fixed {
  margin-bottom: 0 !important;
}
.site-header-sub .vk_icons_col .vk_icon {
  margin: 4px 0 4px 25px !important;
}
.vk_icons_col.vk_icons_col-justify-right {
  flex-direction: column !important;
  position: fixed !important;
  z-index: 1000 !important;
  top: 40vh;
  right: 0;
  z-index: 800;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px 0 0 10px;
  padding: 5px;
  gap: 15px;
}
/* トップ */
.section-top {
  background-image: url(/wp-content/uploads/2025/08/top-bg.webp);
  background-position: 60% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 90vh !important;
  z-index: 100;
}
.section-top__title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 18vw !important;
  width: 40vw;
}
.section-top__title img {
  width: 800px;
}
@media screen and (max-width: 992px) {
  .section-top {
    background-image: url(/wp-content/uploads/2025/08/top-bg-sp.webp);
    height: 70vh !important;
  }
  .section-top__title {
    right: 13%;
    top: 75%;
    width: 65vw;
  }
  .section-top__title img {
    width: 500px;
  }
}
/* 掲げる信念 */
p.section-beliefs__message {
  font-size: 2.8rem;
  line-height: 1.2;
}
.section-beliefs__message-yellow {
  font-size: 3.75rem !important;
}
.section-beliefs-flex-title {
  width: 15% !important;
  max-width: 15% !important;
}
.section-beliefs-flex-message {
  width: 35% !important;
  max-width: 35% !important;
  flex: 0 0 35% !important;
}
.section-beliefs-flex-lists {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
}
.section-beliefs__message-sub {
  font-size: 1.4rem;
  font-weight: 600;
}

ul.section-beliefs-flex-lists-ul {
  list-style: none !important;
}
ul.section-beliefs-flex-lists-ul li {
  background: url(/wp-content/uploads/2025/08/beliefs-character.svg)
    no-repeat 0 20%;
  background-size: auto 40px;
  padding-left: 50px;
  font-size: 1.3rem;
  margin-bottom: 20px !important;
}
.section-beliefs__lists-highlights {
  font-size: 2rem !important;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .section-beliefs {
    padding: 0 0 8vh !important;
  }
  .section-beliefs-flex-title {
    width: 15% !important;
    max-width: 15% !important;
  }
  .section-beliefs-flex-message {
    width: 85% !important;
    max-width: 85% !important;
    flex: 0 0 85% !important;
    padding-left: 60px !important;
  }
  .section-beliefs-flex-lists {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .section-beliefs-flex.row {
    justify-content: space-between !important;
  }
 

  p.section-beliefs__message {
    font-size: min(9.8vw, 2.8rem) !important;
  }
  .section-beliefs__message-yellow {
    font-size: min(16vw, 3.75rem) !important;
  }
 
  ul.section-beliefs-flex-lists-ul li {
    font-size: min(5vw, 1.3rem) !important;
  }
  .section-beliefs__lists-highlights {
    font-size: min(6vw, 2rem) !important;
  }
}

/* プロフィール */
.section-profile__contents-wrapper {
  justify-content: space-between;
}
.section-profile__post{
  font-size: 1.2rem;
}
@media screen and (max-width: 992px){
  .section-profile__post {
    font-size: min(4.8vw, 1.2rem) !important;
  }
  .section-profile__usagi-image img{
    width: 110px !important;
  }
}

/* 政策 */
.section-policy {
  background-image: url(/wp-content/uploads/2025/08/profile-bg-scaled.jpg);
  background-position: center 72%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.section-policy__contents-item {
  position: relative;
  padding: 0 !important;
  margin-bottom: 40px !important;
}
.section-policy__contents-title {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 12px;
  font-size: 1.8rem;
}
.section-policy__contents-subtitle {
  font-size: 1.4rem;
  line-height: 1.4;
}
.section-policy__contents-item.right {
  margin-left: 50px;
}
.section-policy__contents-wrapper {
  justify-content: space-between;
}
.section-policy__contents-text-wrapper {
  padding: 0 20px 20px 20px;
}

@media screen and (max-width: 768px) {
  .section-policy__contents-subtitle {
    font-size: min(5vw, 1.8rem) !important;
  }
  .section-policy__contents-title {
    font-size: 1.8rem;
    font-size: min(5.5vw, 1.8rem) !important;
  }
}

/* アイコンver */
.section-policy__contents-item2 {
  padding: 50px 50px 60px 50px;
}
.section-policy__contents-title2 {
  display: inline-block !important;
  font-size: 1.4rem;
  padding: 15px 20px !important;
  margin: 0 !important;
}
.section-policy__contents-item2 {
  margin-bottom: 40px !important;
  height: 523px;
}
.section-policy__contents-wrapper2 {
  justify-content: space-between;
  align-items: stretch !important;
  
}
.section-policy__contents-subtitle2 {
  font-size: 1.2rem;
  margin: 0 !important;
}
@media screen and (max-width: 1200px) {
  .section-policy__contents-item2 {
  height: 587px;
}
}
@media screen and (max-width: 781px) {
  .section-policy__contents-item2 {
  height: auto;
}
}


@media screen and (max-width: 768px) {
  .section-policy__contents-title2 {
    font-size: min(5.22vw, 1.4rem) !important;
  }
  .section-policy__contents-subtitle2 {
    font-size: min(5vw, 1.2rem) !important;
  }
  .section-policy__contents-item2 {
    padding: 25px 25px 30px 25px;
  }
  .section-policy__character-image img {
    width: 110px !important;
  }
}

/* SNS */
.section-sns__x,
.section-sns__instagram {
  width: 100% !important;
  max-width: 100% !important;
}
/* .section-sns__x {
    width: 42% !important;
    max-width: 42% !important;
    flex: 0 0 42% !important;
    padding-left: 60px !important;
  }
  .section-sns__instagram {
    width: 42% !important;
    max-width: 42% !important;
    flex: 0 0 42% !important;
    padding-left: 60px !important;
  } */
.section-sns__contents-item {
  margin-bottom: 40px !important;
}
.section-sns__youtube-wide-item{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.section-sns__contents-x-flex{
  gap: 0px !important;
}
a.vk_button_link.btn.has-background.has-vk-color-custom-3-background-color.btn.has-text-color.has-vk-color-custom-2-color.btn-lg{
  padding: .6em 0.8rem;
}
.section-sns__youtube-item{
  position: relative;
  display: inline-block;
}
.section-sns__youtube-icon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; 
}
.section-sns__youtube-item:hover .section-sns__youtube-icon{
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .section-sns__column, .section-sns__youtube-wrapper{
    display: block !important;
  }
}
@media screen and (min-width: 1200px) {
  .section-sns__column{
    max-width: 1400px !important;
  }
  .section-sns__youtube-column, .section-sns__youtube-wrapper{
    max-width: 1400px !important;
  }

}
@media screen and (max-width: 992px) {
  .section-sns__title-img img{
    width: 250px !important;

  }
}
/* 応援する */
/* .section-support{
  background-image: url(https://dev24.studiokutouten.co.jp/wp-content/uploads/2025/08/profile-bg-scaled.jpg);
  background-position: center 72%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
} */
.section-support__explanation{
  font-size: 2rem;
  color: var(--blue);
}
.section-support__explanation-br{
  display: none !important;
}
.section-support__button{
  max-width: 640px !important;
  height: 100px;
  margin: 0 auto !important;
}
.section-support__button-image{
  position: relative;
  bottom: 16px;
}
.section-support__button-text{
  font-size: 2rem;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .section-support{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .section-support__explanation{
  font-size: 1.2rem;
}
  .section-support__explanation-br{
  display: block !important;
}
  .section-support__button{
  height: 60px;

}
.section-support__button-image{
  bottom: 11px;
}
.section-support__button-image img{
  width: 80px !important;
}
.section-support__button-text{
  font-size: 1.2rem;
}
}


/* マップ */
.section-access__contents-wrapper{
  justify-content: space-between !important;
}
.section-access__map {
  position: relative;
}

.section-access__map::before{
  content: '';
  display: block;
  width: 150px;
  height: 150px;
  background-image: url(/wp-content/uploads/2025/08/access-character.svg);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: -65px;
  position: absolute;
}
@media screen and (max-width: 992px) {
  .section-access__map{
    margin: 0 30px !important;
  }
  .section-access__text-wrapper{
    margin: 0 30px !important;
  }
  
}
/* お問い合わせ */
/* .section-contact {
  background-image: url(https://dev24.studiokutouten.co.jp/wp-content/uploads/2025/08/profile-bg-scaled.jpg);
  background-position: center 72%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
} */

.section-title-h2-contact {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 4.5rem;
  margin-bottom: 5px !important;
  line-height: 1 !important;
  letter-spacing: -0.02em;
}
.section-title-h2-contact.blue {
  display: block;
  background: var(--grad-blue);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
input[type="submit"] {
  background-color: var(--yellow) !important;
  color: var(--blue) !important;
  border: none !important;
  width: 100% !important;
  height: 7vh !important;
  padding: 0.5em 0 !important;
  font-weight: 600;
  border: 3px solid var(--blue) !important;
}
.cf7-acceptance {
  text-align: center;
}
.cf7-submit {
  width: 30%;
  margin: 0 auto;
}
.cf7-q p {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .section-title-h2-contact {
    font-size: 2.8rem;
  }
}
/* footer */
.site-footer {
  border-top: none !important;
  background-image: url(/wp-content/uploads/2025/08/profile-bg-scaled.jpg);
  background-position: center 72%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #fff !important;
  padding: 10vh 0 !important;
}
.site-footer a{
  color: #fff !important;
}

.site-footer ul{
  font-size: 18px !important;

}
.site-footer li{
  margin-top: 20px !important;

}
@media screen and (max-width: 768px) {
  .site-footer li{
  margin-top: 0px !important;

}
.site-footer ul{
  font-size: 16px !important;

}
}

/* サポーター応募 */
.cf7-attention p{
  color: #c50018;
}