/*========================================================
トップページ
=========================================================*/
/* ファーストビュー */
.ss_fv {
  position: relative;
  top: 0;
  left: 0;
}

.ss_fv_top {
  width: 100%;
}

.ss_fv_top img {
  width: 100%;
  height: 33.3vw;
  object-fit: cover;
  object-position: center;
}

.ss_fv_title_wrapper {
  display: inline-block;
  position: absolute;
  top: 20.6vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(247, 248, 255, 0.1);
  padding: 2.5vw;
  opacity: 0;
  margin-top: 30px;
  transition:
    opacity 1.2s ease-out,
    margin-top 1.2s ease-out;
}

.ss_fv_title_wrapper.is-visible {
  opacity: 1;
  margin-top: 0;
}

.ss_fv_title {
  font-weight: 700;
  letter-spacing: 0.056em;
  font-size: 1.458vw;
  line-height: 1;
}

.ss_fv_title_en {
  font-size: 1.146vw;
  letter-spacing: 0.075em;
  line-height: 1.5;
}

.ss_fv_bottom_wrapper {
  height: 21.9vw;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.ss_fv_bottom_title_wrapper {
  width: 35.4vw;
  padding-top: 4.7vw;
  opacity: 0;
  margin-top: 30px;
  transition:
    opacity 1.2s ease-out,
    margin-top 1.2s ease-out;
  transition-delay: 0.8s;
}

.ss_fv_bottom_title_wrapper.is-visible {
  opacity: 1;
  margin-top: 0;
}

.ss_fv_bottom_logo {
  margin-bottom: 2.6vw;
}

.ss_fv_bottom_logo img {
  width: 26.3vw;
}

.ss_fv_bottom_title {
  letter-spacing: 0.056em;
  font-size: 1.458vw;
  line-height: 1;
}

.ss_fv_bottom_title_en {
  font-size: 1.25vw;
  letter-spacing: 0.036em;
  margin-top: 1vw;
}

.ss_fv_gallery {
  width: 64.6vw;
  display: grid;
  grid-template-columns: minmax(0, 2.6fr) minmax(0, 3.6fr) minmax(0, 6fr);
  gap: 10px;
}

.ss_fv_gallery_item {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.ss_fv_gallery_layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  animation: fadeImages 12s infinite cubic-bezier(0.45, 0.05, 0.3, 1);
  animation-play-state: paused;
  transition: opacity 0.1s ease;
  opacity: 0;
}

.ss_fv_gallery_layer.l1 {
  opacity: 1;
}

.ss_fv_gallery.start .ss_fv_gallery_layer {
  animation-play-state: running;
}

.ss_fv_gallery_layer.l1 {
  animation-delay: 0s;
}
.ss_fv_gallery_layer.l2 {
  animation-delay: -8s;
}
.ss_fv_gallery_layer.l3 {
  animation-delay: -4s;
}

.item1 .l1 {
  background-image: url("../images/img-fv-a1.webp");
}
.item1 .l2 {
  background-image: url("../images/img-fv-b1.webp");
}
.item1 .l3 {
  background-image: url("../images/img-fv-c1.webp");
}

.item2 .l1 {
  background-image: url("../images/img-fv-a2.webp");
}
.item2 .l2 {
  background-image: url("../images/img-fv-b2.webp");
}
.item2 .l3 {
  background-image: url("../images/img-fv-c2.webp");
}

.item3 .l1 {
  opacity: 1;
  background-image: url("../images/img-fv-a3.webp");
}
.item3 .l2 {
  background-image: url("../images/img-fv-b3.webp");
}
.item3 .l3 {
  background-image: url("../images/img-fv-c3.webp");
}

@keyframes fadeImages {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* top-Concept */
.ss_top_concept {
  margin-top: clamp(3.75rem, 2.794rem + 3.92vw, 7.5rem);
}

.ss_top_concept_wrapper {
  justify-content: space-between;
}

.ss_top_concept_left {
  width: 36.5vw;
}

.ss_top_concept_right {
  width: 36.5vw;
  display: flex;
  justify-content: space-between;
}

.ss_top_concept_img_right img {
  width: 15.625vw;
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

.ss_top_concept_img_left {
  padding-top: var(--wp--preset--spacing--space-80);
}

.ss_top_concept_img_left img {
  width: 19.8vw;
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

.ss_top_concept_gallery {
  justify-content: space-between;
  align-items: center;
}

.ss_top_concept_gallery img {
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

/* top-Value */
.ss_top_value_item_num {
  font-size: var(--wp--preset--font-size--fsz-48);
  font-weight: 700;
  color: var(--wp--preset--color--main);
  line-height: 1;
}

.ss_top_value_item_title {
  font-size: var(--wp--preset--font-size--fsz-28);
  letter-spacing: 0.03em;
  margin-top: var(--wp--preset--spacing--space-16);
}

.ss_top_value_item01,
.ss_top_value_item02,
.ss_top_value_item03 {
  justify-content: space-between;
  padding: var(--wp--preset--spacing--space-40);
  margin-top: 0;
}

.ss_top_value_item_content {
  width: 51.4vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.ss_top_value_item_img {
  width: 48.6vw;
}

.ss_top_value_item01_img {
  text-align: center;
}

.ss_top_value_item01_img img {
  width: 17.2vw;
}

.ss_top_value_item02 {
  gap: 5vw;
}

.ss_top_value_item03_img img {
  width: 34.4vw;
}

.ss_top_value_message_title {
  align-items: center;
}

.ss_top_value_message_text {
  font-size: var(--wp--preset--font-size--fsz-32);
  text-align: center;
  letter-spacing: 0.03em;
}

/* top-service */
.ss_top_service_title_en {
  font-size: var(--wp--preset--font-size--fsz-32);
  font-weight: 700;
  color: var(--wp--preset--color--main);
}

.ss_top_service_title {
  letter-spacing: 0.03em;
}

.ss_top_service_item {
  padding: var(--wp--preset--spacing--space-40);
  background-color: var(--wp--preset--color--white);
}

.ss_top_service_item_title_en {
  font-size: var(--wp--preset--font-size--fsz-28);
  color: var(--wp--preset--color--main);
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* top-cta */
.ss_top_cta {
  height: 29.2vw;
  min-height: 460px;
  width: 100%;
  position: relative;
  display: grid;
  place-items: center;
}

.ss_top_cta::before {
  content: "";
  position: absolute;
  width: 94.8%;
  height: 82.1%;
  border: solid 6px var(--wp--preset--color--accent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.ss_top_cta_text01 {
  font-size: clamp(1.125rem, 0.95rem + 0.88vw, 2rem);
}

.ss_top_cta_text02 {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

.ss_top_cta_wrapper {
  position: inherit;
  z-index: 1;
  width: 94.8%;
  margin: 0 auto;
}

/* top-Works */
.ss_top_works_container {
  border-top: solid 1px var(--wp--preset--color--main-dark);
  border-bottom: solid 1px var(--wp--preset--color--main-dark);
  padding: 8px 0 8px;
}
.ss_top_works_text {
  width: 100%;
}

.ss_top_works_gallery {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 600px;
  margin-top: var(--wp--preset--spacing--space-80);
}

.ss_top_works_gallery img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  animation: fade 12s infinite;
}

.ss_top_works_gallery img:first-child {
  opacity: 1;
}

.ss_top_works_gallery img:nth-child(1) {
  animation-delay: 0s;
}

.ss_top_works_gallery img:nth-child(2) {
  animation-delay: 4s;
}

.ss_top_works_gallery img:nth-child(3) {
  animation-delay: 8s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* top-about */
.ss_top_about_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ss_top_about_img {
  width: 52.1vw;
}

.ss_top_about_text {
  width: 40vw;
  background-color: rgb(255, 255, 255, 0.56);
  margin-left: -9.6vw;
  margin-top: 0;
}

/* top-column */
.ss_top_column_item_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ss_top_column_item_wrapper li {
  margin-top: 0;
}

.ss_top_column_item {
  width: 25vw;
}

.ss_top_column_item a {
  transition: opacity 0.4s;
}

.ss_top_column_item a:hover {
  opacity: 0.7;
}

.ss_top_column_item_img {
  text-align: center;
}

.ss_top_column_item_img img {
  aspect-ratio: calc(487 / 297);
  object-fit: cover;
  object-position: center;
}

.ss_top_column_item_cat a {
  font-size: var(--wp--preset--font-size--fsz-16);
  text-decoration: underline !important;
}

.ss_top_column_item_title {
  font-size: var(--wp--preset--font-size--fsz-20) !important;
  font-weight: 700;
}

.ss_top_column_item_date {
  font-size: var(--wp--preset--font-size--fsz-16);
  text-align: right;
}

/* Concept 
================================================*/
.ss_concept_img01 {
  text-align: right;
  margin-bottom: var(--wp--preset--spacing--space-48);
}

.ss_concept_img01 img {
  width: 19.5vw;
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

.ss_concept_img02 {
  text-align: left;
}

.ss_concept_img02 img {
  width: 19.8vw;
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

.ss_concept_img03 {
  text-align: center;
}

.ss_concept_img03 img {
  width: 25.6vw;
  box-shadow: 3px 3px 8px var(--wp--preset--color--gray);
}

.ss_value_item {
  padding: var(--wp--preset--spacing--space-40);
  background-color: var(--wp--preset--color--back);
  justify-content: space-between;
  align-items: center;
}

.ss_value_item-reverse {
  background-color: var(--wp--preset--color--white);
}

.ss_value_item_num {
  font-size: var(--wp--preset--font-size--fsz-48);
  font-weight: 700;
  color: var(--wp--preset--color--main);
  margin-bottom: var(--wp--preset--spacing--space-16);
  line-height: 1;
}

.ss_value_item_title {
  font-size: var(--wp--preset--font-size--fsz-26);
  font-weight: 700;
  margin-bottom: var(--wp--preset--spacing--space-32);
}

/* Service 
================================================*/
.ss_service_top {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
}

.ss_service_top_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ss_service_title {
  font-size: var(--wp--preset--font-size--fsz-40);
  letter-spacing: 0.03em;
  font-weight: 700;
  color: var(--wp--preset--color--main);
  font-family: var(--wp--preset--font-family--playfair-display);
}

.ss_service_title_jp {
  font-size: var(--wp--preset--font-size--fsz-18);
  letter-spacing: 0.03em !important;
  margin-top: 4px;
}

.ss_service_top_text {
  font-size: var(--wp--preset--font-size--fsz-24);
  font-weight: 700;
  letter-spacing: 0.03em !important;
  margin: var(--wp--preset--spacing--space-56) 0 !important;
  line-height: 2;
}

.ss_service_area {
  margin-top: 0;
  margin-left: var(--wp--preset--spacing--space-24);
  margin-right: var(--wp--preset--spacing--space-24);
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
  border-top: solid 1px var(--wp--preset--color--main);
  border-bottom: solid 1px var(--wp--preset--color--main);
}

.ss_service_area_title {
  font-weight: 700;
}

.ss_service_area_text {
  padding: 0 1em;
  margin-top: 0;
}

.ss_service_detail_container {
  margin-top: clamp(3rem, 2.49rem + 2.09vw, 5rem);
  margin-bottom: clamp(4rem, 3.426rem + 2.35vw, 6.25rem);
}

.ss_service_detail {
  position: relative;
  background-color: var(--wp--preset--color--back);
  padding: var(--wp--preset--spacing--space-24)
    var(--wp--preset--spacing--space-40);
}

.ss_service_detail::before,
.ss_service_detail::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
}

.ss_service_detail::before {
  top: -8px;
}

.ss_service_detail::after {
  bottom: -8px;
}

.ss_service_explain_container {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_explain {
  position: relative;
  padding: var(--wp--preset--spacing--space-40);
  border: solid 1px var(--wp--preset--color--black);
}

.ss_service_explain_title_wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: -1.5em;
  left: 0;
  padding-right: 1em;
  background-color: var(--wp--preset--color--white);
}

.ss_service_explain_title {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  font-weight: 700;
  margin-top: 0;
}

.ss_service_explain_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ss_service_explain_icon img {
  width: 1.8em;
  height: 1.8em;
}

.ss_service_future_container {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-56);
}
/* 共通タイトル */
.ss_service_article_title {
  font-size: var(--wp--preset--font-size--fsz-24);
  font-weight: 700;
  color: var(--wp--preset--color--main);
  padding-left: calc(1.5em + 8px);
  position: relative;
}

.ss_service_article_title::before {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 1px;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ss_service_future {
  margin-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_future_wrapper {
  padding-left: var(--wp--preset--spacing--space-40);
}

.ss_service_future_item {
  display: flex;
  align-self: center;
  gap: 8px;
  margin-top: 1em;
}

.ss_service_future_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ss_service_future_icon img {
  width: 1em;
  height: 1em;
}

.ss_service_future_text {
  margin-top: 0;
}

.ss_service_content_container {
  margin: 0;
}

.ss_service_content {
  background-color: var(--wp--preset--color--back);
  padding-top: var(--wp--preset--spacing--space-56);
  padding-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_content_text {
  width: 75vw;
  margin-left: var(--wp--preset--spacing--space-40);
  padding-top: var(--wp--preset--spacing--space-24);
  padding-bottom: var(--wp--preset--spacing--space-24);
  padding-left: var(--wp--preset--spacing--space-16);
  padding-right: var(--wp--preset--spacing--space-16);
  border-left: solid 6px var(--wp--preset--color--main-dark);
  background-color: var(--wp--preset--color--white);
}

.ss_service_submission_container {
  margin-top: var(--wp--preset--spacing--space-56);
  margin-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_submission_wrapper {
  justify-content: space-between;
  margin-top: var(--wp--preset--spacing--space-32);
}

.ss_service_submission_wrapper figure {
  margin-top: 0;
}

.ss_service_submission_left {
  padding-left: var(--wp--preset--spacing--space-40);
}

.ss_service_submission_text {
  padding-left: 18px;
  position: relative;
  margin-top: 0;
}

.ss_service_submission_text::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--main-dark);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ss_service_submission_img {
  display: flex;
  justify-content: space-between;
}

.ss_service_submission_img-lg img {
  width: 23vw;
}

.ss_service_submission_img-sm img {
  width: 16.7vw;
}

.ss_service_selection_container {
  margin-top: 0;
}

.ss_service_selection {
  padding-top: var(--wp--preset--spacing--space-56);
  padding-bottom: var(--wp--preset--spacing--space-56);
  background-color: var(--wp--preset--color--back);
}

.ss_service_selection_wrapper {
  padding-left: var(--wp--preset--spacing--space-40);
  padding-right: var(--wp--preset--spacing--space-40);
  margin-top: var(--wp--preset--spacing--space-32);
}

.ss_service_selection_wrapper > :nth-child(2) {
  margin-top: var(--wp--preset--spacing--space-32);
}

.ss_service_selection_title {
  font-weight: 700;
  color: var(--wp--preset--color--main);
}

.ss_service_selection_text {
  margin-top: 8px;
}

.ss_service_plan_container {
  margin-top: var(--wp--preset--spacing--space-56);
  margin-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_plan_wrapper {
  padding-left: var(--wp--preset--spacing--space-40);
  padding-right: var(--wp--preset--spacing--space-40);
  margin-top: var(--wp--preset--spacing--space-32);
}

.ss_service_plan_title {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fsz-24);
}

.ss_service_plan_title-sub {
  font-size: var(--wp--preset--font-size--fsz-24);
  margin-top: var(--wp--preset--spacing--space-32);
  font-weight: 700;
}

.ss_service_plan_text {
  margin-top: var(--wp--preset--spacing--space-24);
}

.ss_service_plan_text-bold {
  font-weight: 700;
}

.ss_service_other_container {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-100);
}

.ss_service_other {
  padding-top: var(--wp--preset--spacing--space-56);
  padding-bottom: var(--wp--preset--spacing--space-56);
  background-color: var(--wp--preset--color--back);
}

.ss_service_other_wrapper {
  padding-left: var(--wp--preset--spacing--space-40);
  padding-right: var(--wp--preset--spacing--space-40);
  margin-top: var(--wp--preset--spacing--space-32);
}

.ss_service_flow_wrapper {
  margin-top: var(--wp--preset--spacing--space-56);
}

.ss_service_flow_item_title_wrapper {
  display: flex;
  align-items: center;
  gap: 2.9vw;
}

.ss_service_flow_title {
  font-size: var(--wp--preset--font-size--fsz-48);
  color: var(--wp--preset--color--main);
  font-family: var(--wp--preset--font-family--playfair-display);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}

.ss_service_flow_title-sub {
  margin-top: 8px;
  font-size: var(--wp--preset--font-size--fsz-18);
  font-weight: 700;
}

.ss_service_flow_item {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-16);
}

.ss_service_flow_num {
  width: 9.375vw;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: var(--wp--preset--color--main);
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ss_service_flow_num-right {
  font-size: var(--wp--preset--font-size--fsz-32);
  margin-top: 0;
}

.ss_service_flow_num-left {
  font-size: var(--wp--preset--font-size--fsz-18);
}

.ss_service_flow_item_title {
  font-size: var(--wp--preset--font-size--fsz-24);
  font-weight: 700;
  margin-top: 0;
}

.ss_service_flow_item_text,
.ss_service_flow_item_text-last {
  margin-top: 0;
  margin-left: 4.6875vw;
  padding: var(--wp--preset--spacing--space-24)
    var(--wp--preset--spacing--space-24) var(--wp--preset--spacing--space-24)
    7.6vw;
  border-left: solid 1px var(--wp--preset--color--main-dark);
}

.ss_service_flow_item_text a {
  color: var(--wp--preset--color--main);
  font-weight: 700;
  transition: opacity 0.3s;
}

.ss_service_flow_item_text a:hover {
  opacity: 0.7;
}

.ss_service_flow_item_text-last {
  border-left: none;
}

/* ルームデザイン */
.ss_service_submission_img-room {
  align-items: center;
}

.ss_service_room_price {
  margin-top: var(--wp--preset--spacing--space-16);
  padding-bottom: var(--wp--preset--spacing--space-32);
  border-bottom: solid 3px var(--wp--preset--color--main-dark);
}

/* オンライン */
.ss_service_online_contact {
  font-weight: 700;
  color: var(--wp--preset--color--main);
}

/* 法人向けサービス */
.ss_service_title-business {
  font-size: var(--wp--preset--font-size--fsz-40);
  letter-spacing: 0.03em;
  font-weight: 700;
  color: var(--wp--preset--color--main);
}

.ss_service_top_text-business {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fsz-24);
  letter-spacing: 0.03em;
}

.ss_service_problem_wrapper {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-56);
}

.ss_service_problem {
  position: relative;
  padding: var(--wp--preset--spacing--space-40);
  border: solid 1px var(--wp--preset--color--black);
}

.ss_service_problem_item {
  margin-top: 0;
}

.ss_service_problem_item-left {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  margin-top: 0;
}

.ss_service_problem_item-right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
}

.ss_service_problem_item_title {
  display: flex;
  gap: var(--wp--preset--spacing--space-16);
  align-items: center;
}

.ss_service_problem_num {
  font-size: var(--wp--preset--font-size--fsz-28);
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ss_service_problem_item_title {
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 0;
}

.ss_service_problem_text {
  margin-top: 8px;
}

.ss_service_problem_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ss_service_problem_container-middle {
  display: flex;
  justify-content: center;
  margin: var(--wp--preset--spacing--space-16) 0;
}

.ss_service_value_container {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-80);
}

.ss_service_value {
  padding: var(--wp--preset--spacing--space-64)
    var(--wp--preset--spacing--space-40);
  background-color: var(--wp--preset--color--back);
}

.ss_service_value_title {
  font-size: var(--wp--preset--font-size--fsz-28);
  font-weight: 700;
  color: var(--wp--preset--color--main);
}

.ss_service_value_wrapper {
  margin-top: var(--wp--preset--spacing--space-56);
  padding: var(--wp--preset--spacing--space-40);
  background-color: var(--wp--preset--color--white);
}

.ss_service_value_item {
  margin-bottom: var(--wp--preset--spacing--space-40);
}

.ss_service_value_item_title_container {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--space-16);
  color: var(--wp--preset--color--main);
  font-weight: 700;
  line-height: 2;
}

.ss_service_value_num {
  font-size: var(--wp--preset--font-size--fsz-32);
  letter-spacing: 0.03em;
}

.ss_service_value_item_title {
  font-size: var(--wp--preset--font-size--fsz-24);
  margin-top: 0;
}

.ss_service_value_item_text {
  margin-top: 0;
}

.ss_service_offer_container {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--space-80);
}

.ss_service_offer_item {
  margin-bottom: var(--wp--preset--spacing--space-40);
}

.ss_service_offer_title {
  font-size: var(--wp--preset--font-size--fsz-32);
  font-weight: 700;
  letter-spacing: 0.03em;
  padding-bottom: var(--wp--preset--spacing--space-16);
  position: relative;
  margin-bottom: var(--wp--preset--spacing--space-48);
}

.ss_service_offer_title:before,
.ss_service_offer_title:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
}

.ss_service_offer_title:before {
  height: 3px;
  bottom: -8px;
}

.ss_service_offer_title:after {
  height: 1px;
  bottom: 0;
}

.ss_service_offer_item_title_container {
  display: flex;
  height: 4.15vw;
  min-height: 60px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ss_service_offer_item_num {
  width: 4.15vw;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wp--preset--font-size--fsz-32);
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--main-light);
  flex-shrink: 0;
}

.ss_service_offer_item_title {
  font-size: var(--wp--preset--font-size--fsz-28);
  background-color: var(--wp--preset--color--back);
  color: var(--wp--preset--color--main);
  padding: 0 var(--wp--preset--spacing--space-24);
  display: flex;
  align-items: center;
  margin-top: 0;
  width: 96vw;
}

.ss_service_offer_text {
  padding: var(--wp--preset--spacing--space-40);
  margin-top: 0;
  border-left: solid 6px var(--wp--preset--color--back);
  border-right: solid 6px var(--wp--preset--color--back);
  border-bottom: solid 6px var(--wp--preset--color--back);
}

.ss_service_submission-business {
  margin-top: var(--wp--preset--spacing--space-80);
}

.ss_service_submission_left-business {
  width: 41.6vw;
  padding: var(--wp--preset--spacing--space-40) 0
    var(--wp--preset--spacing--space-40) var(--wp--preset--spacing--space-40);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ss_service_submission_left-business img {
  width: 25vw;
}

.ss_service_submission_img-business {
  width: 36.4vw;
}

.ss_service_submission_img-business img {
  width: 100%;
}

/* Works（事例一覧） 
================================================*/
.ss_works_container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: var(--wp--preset--spacing--space-100);
}

.ss_works_img {
  width: 34.9vw;
  box-shadow: 4px 4px 6px #aaaa;
}

.ss_works_img a {
  transition: opacity 0.4s;
}

.ss_works_img a:hover {
  opacity: 0.7;
}

.ss_works_img img {
  object-fit: cover;
  aspect-ratio: 670 / 447;
  object-position: center;
}

.ss_works_content {
  width: 40vw;
  position: relative;
  margin-top: 0;
  display: flex;
  align-items: center;
}

.ss_works_title {
  font-size: var(--wp--preset--font-size--fsz-24);
  margin-top: 0;
  font-weight: 700;
}

.ss_works_title a {
  transition: opacity 0.4s;
}

.ss_works_title a:hover {
  opacity: 0.7;
}

.ss_works_btn_more {
  text-decoration: underline !important;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: opacity 0.4s;
  margin-top: 0;
  text-underline-offset: 8px;
  font-weight: 700;
}

.ss_works_btn_more:hover {
  opacity: 0.7;
}

/* Works個別 
================================================*/
.ss_works_page.ss_inner {
  margin-top: var(--wp--preset--spacing--space-100);
  margin-bottom: var(--wp--preset--spacing--space-120);
}

.ss_works_page_title_wrapper {
  width: 100%;
  text-align: center;
  padding-bottom: var(--wp--preset--font-size--fsz-32);
  border-bottom: solid 1px var(--wp--preset--color--main-dark);
  position: relative;
}

.ss_works_page_title_wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
  bottom: -8px;
}

.ss_works_page_message {
  font-size: var(--wp--preset--font-size--fsz-32);
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: var(--wp--preset--spacing--space-24);
}

.ss_works_page_title {
  font-size: var(--wp--preset--font-size--fsz-28);
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ss_works_page_img {
  text-align: center;
  margin: var(--wp--preset--spacing--space-80) 0;
}

.ss_works_page_img img {
  width: 52.1vw;
  max-height: 667px;
  object-fit: contain !important;
  object-position: center;
}

.ss_works_page_section_title {
  font-family: var(--wp--preset--font-family--playfair-display);
  font-size: var(--wp--preset--font-size--fsz-40);
  font-weight: 700;
  color: var(--wp--preset--color--main);
  letter-spacing: 0.03em;
  line-height: 1.75;
}

.ss_works_page_section_title-sub {
  margin-top: 0;
  margin-left: 0.83em;
  padding-left: 3.2em;
  font-size: var(--wp--preset--font-size--fsz-24);
  position: relative;
  line-height: 1.75;
}

.ss_works_page_section_title-sub:before {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 1px;
  background-color: var(--wp--preset--color--black);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ss_works_page_before {
  padding: var(--wp--preset--spacing--space-40);
  background-color: #f5f5f5;
}

.ss_works_page_introduction {
  margin: 0 var(--wp--preset--spacing--space-40)
    var(--wp--preset--spacing--space-80);
}

.ss_works_page_section_text {
  margin: var(--wp--preset--spacing--space-40) 0;
}

.ss_works_page_before_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--wp--preset--spacing--space-120);
}

.ss_works_page_before_img {
  margin-top: 0;
}

.ss_works_page_before_img img {
  width: 29.2vw;
  aspect-ratio: 560 / 346;
  object-fit: cover;
  object-position: center;
  max-height: 500px;
}

.ss_works_page_vision {
  margin-top: 0;
  padding: var(--wp--preset--spacing--space-80)
    var(--wp--preset--spacing--space-40) 0;
}

.ss_works_page_vision_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4vw;
}

.ss_works_page_vision_img {
  margin-top: 0;
}

.ss_works_page_vision_img img {
  width: 36.5vw;
  aspect-ratio: 700 / 433;
  object-fit: contain;
  object-position: center;
}

.ss_works_page_vision_note {
  font-size: var(--wp--preset--font-size--fsz-18);
  text-align: right;
  margin-top: 0;
}

.ss_works_page_method_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vw;
}

.ss_works_page_method_img {
  margin-top: 0;
}

.ss_works_page_method_img img {
  width: 36.5vw;
  aspect-ratio: 700 / 510;
  object-fit: contain;
  object-position: center;
}

.ss_works_page_after {
  padding: var(--wp--preset--spacing--space-80)
    var(--wp--preset--spacing--space-40) 0;
}

.ss_works_page_gallery1 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
  align-items: stretch;
  max-width: 1650px;
  margin: 20px auto;
}

.ss_works_page_gallery1_left {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-end;
}

.ss_works_page_gallery1_left figure {
  aspect-ratio: 350 / 340;
  overflow: hidden;
}

.ss_works_page_gallery1_right figure {
  aspect-ratio: 350 / 700;
  overflow: hidden;
}

.ss_works_page_gallery1_left img,
.ss_works_page_gallery1_right img,
.ss_works_page_gallery1_middle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ss_works_page_gallery1_middle {
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
}

.ss_works_page_gallery2 {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  gap: 20px;
  align-items: stretch;
  max-width: 1650px;
  margin: 20px auto 0;
}

.ss_works_page_gallery2_left {
  aspect-ratio: 2 / 3;
  width: 100%;
  overflow: hidden;
}

.ss_works_page_gallery2_left img,
.ss_works_page_gallery2_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ss_works_page_gallery2_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-end;
}

.ss_works_page_gallery2_right figure {
  aspect-ratio: 10 / 11;
  overflow: hidden;
}

.ss_works_page_gallery2.is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none;
}

.ss_works_page_gallery3 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 4vw;
  align-items: stretch;
}

.ss_works_page_gallery3 figure {
  margin-top: 0;
  text-align: center;
}

.ss_works_page_gallery3_left {
  grid-row: 1 / span 2;
  overflow: hidden;
}

.ss_works_page_gallery3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ss_works_page_gallery3_left img {
  object-fit: contain;
}

.ss_works_page_gallery3_right {
  overflow: hidden;
}

.ss_works_page_gallery3_right img {
  max-height: 460px;
}

.ss_works_page_gallery4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
  align-items: center;
}

.ss_works_page_gallery4_left {
  align-self: center;
}

.ss_works_page_gallery4_right {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  margin-top: 0;
}

.ss_works_page_gallery4 figure {
  aspect-ratio: 480 / 360;
  margin-top: 0;
}

.ss_works_page_gallery4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ss_works_page_gallery5 {
  text-align: center;
}

.ss_works_page_gallery5 img {
  width: 52vw;
  max-height: 700px;
  object-fit: contain;
  object-position: center;
}

.ss_works_page_voice {
  padding: var(--wp--preset--spacing--space-40);
  background: var(--wp--preset--color--back);
  margin-top: var(--wp--preset--spacing--space-80);
}

.ss_works_page_closing {
  padding: var(--wp--preset--spacing--space-40);
  margin-top: var(--wp--preset--spacing--space-80);
  border-top: solid 3px var(--wp--preset--color--main-dark);
  border-bottom: solid 3px var(--wp--preset--color--main-dark);
}

/* About
================================================*/
.ss_about {
  margin-top: var(--wp--preset--spacing--space-120);
  margin-bottom: var(--wp--preset--spacing--space-120);
}

.ss_about_top_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--wp--preset--spacing--space-100);
}

.ss_about_top_img {
  width: 26.25vw;
}

.ss_about_top_right {
  width: 46.875vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ss_about_top_title_container {
  text-align: center;
  padding-bottom: var(--wp--preset--spacing--space-40);
  border-bottom: 2px solid var(--wp--preset--color--main-dark);
}

.ss_about_top_title {
  font-size: var(--wp--preset--font-size--fsz-32);
  margin-bottom: var(--wp--preset--spacing--space-24);
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ss_about_top_title-sub {
  font-size: var(--wp--preset--font-size--fsz-24);
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 0;
}

.ss_about_name_container {
  margin-top: var(--wp--preset--spacing--space-40);
}

.ss_about_name_container > p:last-of-type {
  margin-top: var(--wp--preset--spacing--space-16);
}

.ss_about_name {
  font-family: var(--wp--preset--font-family--playfair-display);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fsz-40);
  letter-spacing: 0.03em;
  line-height: 1;
}

.ss_about_profile_container {
  margin-top: var(--wp--preset--spacing--space-40);
}

.ss_about_profile_container > div {
  margin-bottom: var(--wp--preset--spacing--space-24);
}

.ss_about_profile_container > div:last-of-type {
  margin-bottom: 0;
}

.ss_about_profile {
  display: flex;
  gap: 1em;
  margin-top: 0;
}

.ss_about_profile_text {
  margin-top: 0;
}

.ss_about_message {
  padding: var(--wp--preset--spacing--space-56)
    var(--wp--preset--spacing--space-40) var(--wp--preset--spacing--space-100);
  background-color: var(--wp--preset--color--back);
}

.ss_about_message_title {
  font-family: var(--wp--preset--font-family--playfair-display);
  font-size: var(--wp--preset--font-size--fsz-48);
  font-weight: 700;
  color: var(--wp--preset--color--main);
  letter-spacing: 0.03em;
}

.ss_about_message_top,
.ss_about_message_bottom {
  justify-content: space-between;
}

.ss_about_message_top {
  margin-top: var(--wp--preset--spacing--space-80);
}

.ss_about_top_img figure {
  text-align: center;
}

.ss_about_message_bottom {
  margin-top: var(--wp--preset--spacing--space-56);
}

/* Column リスト、個別ページ
================================================*/
.ss_column_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ss_column_left {
  width: 56.7vw;
}

.ss_column_right {
  width: 19.8vw;
}

/* Column 
================================================*/
.ss_column_item_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.6vw;
}

.ss_column_item_wrapper li {
  margin-top: 0;
}

.ss_column_item {
  width: 17.5vw;
}

.ss_column_item a {
  transition: opacity 0.4s;
}

.ss_column_item a:hover {
  opacity: 0.7;
}

.ss_column_item_img {
  text-align: center;
}

.ss_column_item_img img {
  aspect-ratio: calc(336 / 208);
  object-fit: cover;
  object-position: center;
}

.ss_column_item_cat a {
  font-size: var(--wp--preset--font-size--fsz-16) !important;
  text-decoration: underline !important;
  white-space: wrap !important;
}

.ss_column_item_title {
  font-size: clamp(1.125rem, 1.093rem + 0.13vw, 1.25rem) !important;
  font-weight: 700;
}

.ss_column_item_date {
  font-size: var(--wp--preset--font-size--fsz-14) !important;
  text-align: right;
  margin-top: 16px;
}

/* Column 個別ページ
================================================*/
.ss_column_page_thumbnail img {
  object-fit: contain;
  object-position: center;
}

.ss_column_page_content figure {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--space-24);
}

.ss_column_page_content figure img {
  max-height: 500px;
  object-fit: contain;
  object-position: center;
}

.ss_column_page_cat a,
.ss_column_page_arrow a {
  transition: opacity 0.4s;
}

.ss_column_page_cat a:hover,
.ss_column_page_arrow a:hover {
  opacity: 0.7;
}

/* Columnのサイドバー
================================================*/
.ss_sidebar a {
  transition: opacity 0.4s;
}

.ss_sidebar a:hover {
  opacity: 0.7;
}

.ss_column_sidebar_line img {
  width: 4vw;
  min-width: 40px;
}

.ss_column_sidebar_inner {
  width: 90%;
  margin: 0 auto;
}

.ss_column_sidebar_list li {
  margin-bottom: 8px;
}

/* お問い合わせ  
================================================*/
.ss_contact_title {
  font-size: var(--wp--preset--font-size--fsz-32);
  font-weight: 700;
  margin-bottom: var(--wp--preset--spacing--space-32);
}

.ss_contact_consultation {
  margin-bottom: var(--wp--preset--spacing--space-120);
  padding-top: var(--wp--preset--spacing--space-56);
  padding-right: 2vw;
  padding-bottom: var(--wp--preset--spacing--space-56);
  padding-left: 2vw;
}
.ss_contact_consultation_btn {
  width: fit-content;
  margin-top: var(--wp--preset--spacing--space-32);
  margin-right: 0;
  margin-left: auto;
}

.ss_contact_consultation_btn a {
  font-size: var(--wp--preset--font-size--fsz-26);
  font-weight: 700;
  color: var(--wp--preset--color--white);
  position: relative;
  width: 18.75vw;
  min-width: 326px;
  height: 5vw;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--wp--preset--color--accent);
  transition: opacity 0.3s;
  padding-right: 2em;
}

.ss_contact_consultation_btn a:after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-url.webp);
  width: 1em;
  height: 1em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}

.ss_contact_consultation_btn a:hover {
  opacity: 0.7;
}

.ss_contact_line {
  padding: var(--wp--preset--spacing--space-56) 2vw;
  border-top: solid 3px var(--wp--preset--color--main);
  border-bottom: solid 3px var(--wp--preset--color--main);
  position: relative;
}

.ss_contact_line::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
  top: 4px;
}

.ss_contact_line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--wp--preset--color--main-dark);
  left: 0;
  bottom: 4px;
}

.ss_contact_line_img a {
  transition: opacity 0.3s;
  min-width: 80px;
}

.ss_contact_line_img a:hover {
  opacity: 0.7;
}

/* ContactForm7 */
.ss_contact_form {
  width: 75vw;
  margin: 0 auto;
  padding: 5vw 8.75vw;
}

/* 項目全体 */
.ss_contact_item {
  margin-bottom: var(--wp--preset--spacing--space-40);
}

/* 項目ラベル部分 */
.ss_contact_label_wrapper {
  display: flex;
  align-items: center;
  margin-bottom: var(--wp--preset--spacing--space-24);
  gap: var(--wp--preset--spacing--space-24);
}

/* 項目ラベルフォント */
.ss_contact_label > p {
  font-weight: 700;
  padding-top: 0.3em;
}

.ss_contact_label p {
  margin: 0;
}

.ss_contact_label_wrapper p {
  margin: 0;
}

/* 必須タグ */
.ss_contact_tag {
  font-size: var(--wp--preset--font-size--fsz-14);
  background-color: #d14e44;
  color: var(--wp--preset--color--white);
  display: inline-block;
  padding: 4px 8px;
  white-space: nowrap;
  line-height: 1;
}

/* 入力部分 */
.ss_contact_row input,
.ss_contact_row textarea {
  width: 100%;
  padding: 0.5em 0.8em;
}

.ss_contact_row input[type="text"],
.ss_contact_row input[type="email"],
.ss_contact_row input[type="tel"] {
  font-size: var(--wp--preset--font-size--fsz-20);
  line-height: 1;
}

.ss_contact_row textarea {
  font-size: var(--wp--preset--font-size--fsz-20);
}

/* 入力個所 */
::placeholder {
  color: #b1b1b1;
  font-size: var(--wp--preset--font-size--fsz-18);
}

.ss_contact_row input:placeholder-shown,
.ss_contact_row textarea:placeholder-shown {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--back);
  border: 1px solid;
  width: 100%;
}

.ss_contact_row input:not(:placeholder-shown),
.ss_contact_row textarea:not(:placeholder-shown) {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}

.ss_contact_row textarea:not(:placeholder-shown) {
  border: solid 2px var(--wp--preset--color--black);
}

/* ラジオボタン */
.ss_contact_row .wpcf7-list-item {
  display: block;
}

.ss_contact_row.ss_contact_radio_wrapper p {
  margin: 0;
}

.ss_contact_radio_wrapper .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.ss_contact_radio_wrapper input[type="radio"] {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0;
  flex-shrink: 0;
}

.ss_contact_text {
  margin-top: 0;
  margin-left: 1em;
  margin-bottom: var(--wp--preset--spacing--space-16);
  line-height: 1;
}

/* Chromeで入力後の背景色を同じにするため */
input:-webkit-autofill {
  background-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--black) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--wp--preset--color--white) inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* 承諾確認部分 */
.ss_contact_privacy {
  text-align: center;
}

.ss_contact_privacy label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.ss_contact_privacy p {
  margin: 0;
}

/* チェックボックス */
.wpcf7 input[type="checkbox"] {
  width: 1.5em;
  height: 1.5em;
  transform: scale(1.5);
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}

.ss_privacy_link {
  text-decoration: underline !important;
}

/* 送信ボタン */
.ss_contact_btn_wrapper {
  text-align: center;
}

.ss_contact_btn {
  display: inline-block;
  margin-top: var(--wp--preset--spacing--space-56);
}

.ss_contact_btn input[type="submit"] {
  display: inline-block;
  font-size: var(--wp--preset--font-size--fsz-24);
  font-weight: 700;
  color: var(--wp--preset--color--white);
  padding: 0.6em 4.625em;
  background: var(--wp--preset--color--main-light);
  border: transparent;
  display: block;
}

/* reCAPTCHA
==================================================*/
.grecaptcha-badge {
  visibility: hidden!important;
  opacity: 0!important;
}

.ss_contact_recaptcha_container {
  margin: 0;
  display: flex;
  justify-content: center;
}

.ss_contact_recaptcha {
  font-size: var(--wp--preset--font-size--fsz-14);
}

.ss_contact_recaptcha a {
  text-decoration: underline!important;
}

/* プライバシーポリシー
特定商取引法に基づく表記
 ==============================================*/
.ss_privacypolicy_item,
.ss_tokutei_item {
  margin-bottom: var(--wp--preset--spacing--space-40);
}

.ss_privacypolicy_item_title,
.ss_tokutei_item_title {
  font-size: var(--wp--preset--font-size--fsz-24);
  margin-bottom: var(--wp--preset--font-size--fsz-16);
}

.ss_privacypolicy_item_text,
.ss_tokutei_item_text {
  margin-top: 0;
}

/* レスポンシブ
 ==============================================*/
@media screen and (max-width: 781.5px) {
  /*== トップページ ==*/
  .ss_fv_top {
    margin-top: 60px !important;
  }
  .ss_fv_top img {
    height: 56.2vw;
  }

  .ss_top_concept_right {
    display: none;
  }

  .ss_fv_title_wrapper {
    width: 64%;
  }

  .ss_fv_title {
    line-height: 1.75;
    font-size: 4vw;
  }

  .ss_fv_title_en {
    font-size: 3vw;
  }

  .ss_fv_bottom_wrapper {
    flex-direction: column-reverse;
    height: auto;
    margin-top: 0;
  }

  .ss_fv_gallery {
    height: 33.8vw;
    width: 100%;
  }

  .ss_fv_bottom_title_wrapper {
    width: 100%;
    padding-top: 6.7vw;
    padding-bottom: 9vw;
  }

  .ss_fv_bottom_logo img {
    width: 65.4vw;
  }

  .ss_fv_bottom_title {
    font-size: 3.5vw;
  }

  .ss_fv_bottom_title_en {
    font-size: 3vw;
  }

  .ss_top_works_gallery {
    aspect-ratio: 16 / 14;
    max-height: 380px;
    min-height: 200px;
  }

  .ss_top_concept_img_right img {
    width: 35vw;
  }

  .ss_top_concept_img_left {
    padding-top: var(--wp--preset--spacing--space-80);
  }

  .ss_top_concept_img_left img {
    width: 45vw;
  }

  .ss_top_concept_gallery figure {
    text-align: center;
  }

  .ss_top_concept_gallery img {
    width: 40vw;
  }

  .ss_top_value_item_img {
    width: 100%;
  }

  .ss_top_value_item01_img img {
    width: 40vw;
  }

  .ss_top_value_item02 {
    flex-direction: column-reverse;
  }

  .ss_top_value_item03_img img {
    width: 100%;
  }

  .ss_top_cta {
    height: 85vw;
    min-height: 340px;
    max-height: 380px;
    background-position: right;
  }

  .ss_top_cta::before {
    border: solid 3px var(--wp--preset--color--accent);
  }

  .ss_top_value_item_content {
    width: 100%;
  }

  .ss_top_value_message {
    gap: var(--wp--preset--spacing--space-180);
  }

  .ss_top_about_wrapper {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-32);
  }

  .ss_top_about_img {
    width: 100%;
  }

  .ss_top_about_img img {
    min-height: 280px;
    object-fit: cover;
    object-position: left;
  }

  .ss_top_about_text {
    width: 100%;
    margin-left: 0;
  }

  .ss_top_column_item_wrapper {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-40);
  }

  .ss_top_column_item {
    width: 100%;
  }

  /*== Concept ==*/
  .ss_concept_img01 {
    margin-right: 10vw;
  }

  .ss_concept_img02 {
    margin-left: 10vw;
  }

  .ss_concept_img01 img,
  .ss_concept_img02 img,
  .ss_concept_img03 img {
    width: 40vw;
  }

  .ss_concept_container-bottom {
    flex-direction: column-reverse;
  }

  .ss_value_item-reverse {
    flex-direction: column-reverse;
  }

  .ss_value_item_img {
    text-align: center;
  }

  .ss_value_item_img img {
    width: 80vw;
  }

  /*== Service ==*/
  .ss_service_top {
    flex-direction: column-reverse;
    margin-top: var(--wp--preset--spacing--space-56);
    gap: 0;
  }

  .ss_service_top_text {
    text-align: center;
  }

  .ss_service_top_img img {
    min-height: 280px;
    object-fit: cover;
    object-position: center;
  }

  .ss_service_explain_title_wrapper {
    padding-right: 0.5em;
  }

  .ss_service_explain_icon img {
    width: 1.5em;
    height: 1.5em;
  }

  .ss_service_submission_img {
    flex-direction: column;
    align-items: center;
    gap: var(--wp--preset--spacing--space-24);
  }

  .ss_service_submission_img-lg img {
    width: 70vw;
    max-width: 400px;
  }

  .ss_service_submission_img-sm img {
    width: 60vw;
    max-width: 320px;
  }

  .ss_service_flow_num {
    width: 16vw;
    flex-direction: column;
    line-height: 1;
    gap: 1vw;
  }

  .ss_service_flow_item_text {
    margin-left: 8vw;
    padding-left: 9vw;
    margin-top: 1vw;
  }

  .ss_service_problem_item-left {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
  }

  .ss_service_problem_item-right,
  .ss_service_problem_item-left {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-24);
    width: 100%;
  }

  .ss_service_problem_container {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-24);
  }

  .ss_service_problem_container-middle {
    justify-content: start;
    margin-top: var(--wp--preset--spacing--space-24);
  }

  .ss_service_submission_left-business {
    width: 100%;
    padding: 0;
  }

  .ss_service_submission_left-business figure {
    text-align: center;
    margin-top: var(--wp--preset--spacing--space-32);
  }

  .ss_service_submission_left-business img {
    width: 60vw;
    max-width: 320px;
  }

  .ss_service_submission_img-business {
    width: 100%;
  }

  .ss_service_submission_img-business figure {
    text-align: center;
  }

  .ss_service_submission_img-business img {
    max-width: 400px;
  }

  .ss_service_top_text-business {
    margin-top: var(--wp--preset--spacing--space-32) !important;
    text-align: center;
  }

  .ss_service_value_item_title_container {
    flex-direction: column;
    margin-bottom: var(--wp--preset--spacing--space-16);
    align-items: flex-start;
    gap: 0;
  }

  .ss_service_offer_item_title {
    line-height: 1.4;
    padding: 0 var(--wp--preset--spacing--space-16);
  }

  /*== Works ==*/
  .ss_page_title_section-works {
    background-position-x: -41vw;
  }

  .ss_works_page_title {
    text-align: left;
  }

  .ss_works_container {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-32);
  }

  .ss_works_img {
    width: 100%;
  }

  .ss_works_content {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--wp--preset--spacing--space-24);
  }

  .ss_works_btn_more {
    position: inherit;
  }

  .ss_works_page_img img {
    width: 100%;
    max-height: 400px;
  }

  .ss_works_page_before_img_wrapper,
  .ss_works_page_vision_img_wrapper,
  .ss_works_page_method_img_wrapper {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-24);
  }

  .ss_works_page_before_img img,
  .ss_works_page_vision_img img,
  .ss_works_page_method_img img {
    width: 100%;
    max-height: 240px;
  }

  .ss_works_page_section_title-sub {
    margin-left: 0;
    padding-left: 2em;
  }

  .ss_works_page_section_title-sub:before {
    top: 1em;
    width: 1.5em;
  }

  .wp-block-gallery.wp-block-gallery-2 {
    gap: 10px;
  }

  .ss_works_page_gallery1 {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 10px auto;
  }

  .ss_works_page_gallery1_left {
    flex-direction: row;
    gap: 10px;
  }

  .ss_works_page_gallery1_left figure {
    flex: 1;
    aspect-ratio: 1 /1;
  }

  .ss_works_page_gallery1_middle,
  .ss_works_page_gallery1_right {
    aspect-ratio: 3 / 2;
  }

  .ss_works_page_gallery1_middle,
  .ss_works_page_gallery1_right {
    grid-column: auto;
  }

  .ss_works_page_gallery2 {
    display: grid !important;
    margin-top: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 10px;
    grid-template-areas:
      "middle right"
      "middle right"
      "left left";
  }

  .ss_works_page_gallery2_left {
    grid-area: left !important;
    aspect-ratio: 3 / 2;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
  }

  .ss_works_page_gallery2_right {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    margin: 0 !important;
  }

  .ss_works_page_gallery2_right figure {
    aspect-ratio: 1 / 1;
    margin: 0 !important;
  }

  .ss_works_page_gallery2_right.right01,
  .ss_works_page_gallery2_right.right02 {
    width: 100% !important;
    min-height: 100px;
    margin: 0 !important;
  }

  .ss_works_page_gallery2_right.right01 {
    grid-area: middle !important;
  }

  .ss_works_page_gallery2_right.right02 {
    grid-area: right !important;
  }

  .ss_works_page_gallery2_right figure {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    margin-bottom: 10px; /* gapが効かない場合の保険 */
  }

  .ss_works_page_gallery3 {
    margin-top: 10px;
    grid-template-columns: 1fr;
  }

  .ss_works_page_gallery3_left {
    grid-row: auto;
  }

  .ss_works_page_gallery3 img {
    max-height: 38vh;
  }

  .ss_works_page_gallery4 {
    margin-top: 10px;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .ss_works_page_gallery4_right {
    flex-direction: column;
  }

  .ss_works_page_gallery5 {
    margin-top: 10px;
  }

  .ss_works_page_gallery5 img {
    width: 100%;
    max-height: 400px;
  }

  /*== About ==*/
  .ss_page_title_section-about {
    background-position-x: -38vw;
  }

  .ss_about_top_img img {
    width: auto;
    max-height: 400px;
  }

  .ss_about_profile {
    flex-direction: column;
    gap: 0;
  }

  .ss_about_profile_text {
    padding-left: 1em;
  }

  .ss_about_message_bottom {
    flex-direction: column-reverse;
  }

  .ss_about_message_bottom img {
    width: 60vw;
    max-width: 400px;
  }

  /*== Column ==*/
  .ss_column_wrapper {
    flex-direction: column;
    gap: var(--wp--preset--spacing--space-40);
  }

  .ss_column_left {
    width: 100%;
  }

  .ss_column_right {
    width: 100%;
  }

  .ss_column_item_wrapper {
    flex-direction: column;
    gap: 2em;
  }

  .ss_column_item {
    width: 100%;
  }

  .ss_column_page_thumbnail {
    aspect-ratio: inherit !important;
  }

  .ss_column_page_thumbnail img {
    min-height: 320px;
    max-height: 360px;
    object-fit: cover !important;
  }

  .ss_column_page_content figure img {
    max-height: 320px;
  }

  .ss_column_arrow_container {
    flex-direction: column;
    align-items: normal;
  }

  .wp-block-post-navigation-link__arrow-previous.is-arrow-chevron,
  .wp-block-post-navigation-link__arrow-next.is-arrow-chevron {
    font-size: 18px;
  }

  /*== お問い合わせ ==*/
  .ss_page_title_section-contact {
    background-position-x: -65vw;
  }

  .ss_contact_form {
    width: 80vw;
    padding: var(--wp--preset--spacing--space-56) 6vw;
  }

  .ss_contact_consultation {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ss_contact_consultation_btn {
    margin-left: auto;
    margin-right: auto;
  }

  .ss_contact_consultation_btn a {
    height: 64px;
    width: auto;
    min-width: inherit;
    padding: 0.5em 3em 0.5em 1em;
  }

  .ss_contact_consultation_btn a:after {
    right: 1em;
  }

  .ss_contact_line_img a {
    min-width: 40px;
    max-width: 80px;
  }

  /* 入力部分 */
  .ss_contact_row input,
  .ss_contact_row textarea {
    padding: 0.5em 1em;
  }

  .ss_contact_btn input[type="submit"] {
    padding: 0.6em 3em;
  }

  .ss_page_title_section-tokutei,
  .ss_page_title_section-privacy {
    background-position-x: right;
  }
}