/************************************
** 共通
************************************/
html {
  font-size: 62.5%; /* 16pxの62.5%で10pxを基準にする */
}
body {
  color: #000 !important;
  font-family: "din-2014", YakuHanJP, "秀英角ゴシック金 L", sans-serif !important;
  font-feature-settings: "palt";
}
.detail_title_block h2 {
  font-family: "din-2014", YakuHanJP, "秀英角ゴシック金 B", sans-serif !important;
}
.wak_jp, .wak_jp_sp, .work_list h3, .works_detail h3, .mind_lead, .yutaka_column h4, .yutaka_element, .yutaka_archi, .about_kanji, .smb-step__item__title span, .c-entry-summary__title, .wak_newstext_box h3 {
  font-family: "din-2014", YakuHanJP, "秀英角ゴシック金 M", sans-serif !important;
}
.top_menu .worksnav::before, .top_menu .aboutnav::before, .top_menu .newsnav::before, .top_menu .contactnav::before, .side_menu .worksnav::before, .side_menu .aboutnav::before, .side_menu .newsnav::before, .side_menu .contactnav::before {
  font-family: "din-2014", YakuHanJP, "秀英角ゴシック金 M", sans-serif !important;
}
.c-drawer__inner::after, .works_sp a::before, .about_sp a::before, .news_sp a::before, .contact_sp a::before, .pagetitle_jp_works::before, .pagetitle_jp_about::before, .pagetitle_jp_news::before, .pagetitle_jp_contact::before, .pagetitle_jp_pp::before {
  font-family: "din-2014", YakuHanJP, "秀英角ゴシック金 M", sans-serif !important;
}


/* ページ名（h1）を非表示 *************/
.c-entry__header {
  display: none;
}
/* 区切り線フォーマット *************/
.wp-block-separator {
  border-top: 1px solid #000;
}
/* サイトロゴのレスポンシブ *************/
.c-site-branding__title .custom-logo {
  width: 270px;
}
@media (max-width: 1680px) {
  .c-site-branding__title .custom-logo {
    width: 16vw;
  }
}

/* reCAPTCHAを非表示 *************/
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha {
  margin-top: 96px !important;
}
.grecaptcha p {
  font-size: 1.2rem;
  line-height: 2.1rem;
}

/* 404ページ *************/
.error404 .c-entry__body {
  margin-left: 3vw;
  margin-top: 22vh;
  width: 79%;
}
.error404 .c-entry__content p {
  font-size: 1.8vw;
  line-height: 3.2vw;
}

.search .c-entry__body {
  margin-top: 22vh;
}


/************************************
** ウィジェット削除
************************************/
/* worksページ ***********************************/
.post-98 .l-article-top-widget-area {
  display: none;
}
.post-98 .c-entry__content {
  margin-top: 0 !important;
}
/* aboutページ ***********************************/
.post-101 .l-article-top-widget-area {
  display: none;
}
.post-101 .c-entry__content {
  margin-top: 0 !important;
}
/* detailページ ***********************************/
.post-3 .l-article-top-widget-area {
  display: none;
}
.post-3 .c-entry__content {
  margin-top: 0 !important;
}
.post-236 .l-article-top-widget-area {
  display: none;
}
.post-236 .c-entry__content {
  margin-top: 0 !important;
}
.post-511 .l-article-top-widget-area {
  display: none;
}
.post-511 .c-entry__content {
  margin-top: 0 !important;
}
.post-516 .l-article-top-widget-area {
  display: none;
}
.post-516 .c-entry__content {
  margin-top: 0 !important;
}
.post-518 .l-article-top-widget-area {
  display: none;
}
.post-518 .c-entry__content {
  margin-top: 0 !important;
}
.post-520 .l-article-top-widget-area {
  display: none;
}
.post-520 .c-entry__content {
  margin-top: 0 !important;
}
.post-522 .l-article-top-widget-area {
  display: none;
}
.post-522 .c-entry__content {
  margin-top: 0 !important;
}
.post-524 .l-article-top-widget-area {
  display: none;
}
.post-524 .c-entry__content {
  margin-top: 0 !important;
}

.post-506 .l-article-top-widget-area {
  display: none;
}
.post-506 .c-entry__content {
  margin-top: 0 !important;
}
/* contactページ ***********************************/
.post-107 .l-article-top-widget-area {
  display: none;
}
.post-107 .c-entry__content {
  margin-top: 0 !important;
}


/************************************
** hover
************************************/
/* トップページ ***********************************/
.top_menu .worksnav a, .top_menu .aboutnav a, .top_menu .newsnav a, .top_menu .contactnav a, .top_menu .ignav_top a {
  position: relative;
}
.top_menu .worksnav .current a, .top_menu .worksnav a:hover {
  color: #fff;
}
.top_menu .worksnav a::after, .top_menu .aboutnav a::after, .top_menu .newsnav a::after, .top_menu .contactnav a::after, .top_menu .ignav_top a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  /*アニメーションの指定*/
  transition: all .3s ease;
  transform: scale(0, 1);/*X方向0、Y方向1*/
  transform-origin: left top;/*左上基点*/
}
/*hoverの設定*/
.top_menu .worksnav a:hover::after, .top_menu .aboutnav a:hover::after, .top_menu .newsnav a:hover::after, .top_menu .contactnav a:hover::after, .top_menu .ignav_top a:hover::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}
/* 下層トップページ ***********************************/
.side_menu .worksnav a, .side_menu .aboutnav a, .side_menu .newsnav a, .side_menu .contactnav a, .side_menu .ignav_side a {
  position: relative;
}
.side_menu .worksnav .current a, .side_menu .worksnav a:hover {
  color: #000;
}
.side_menu .worksnav a::after, .side_menu .aboutnav a::after, .side_menu .newsnav a::after, .side_menu .contactnav a::after, .side_menu .ignav_side a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  /*アニメーションの指定*/
  transition: all .3s ease;
  transform: scale(0, 1);/*X方向0、Y方向1*/
  transform-origin: left top;/*左上基点*/
}
/*現在地とhoverの設定*/
.side_menu .current a::after, .side_menu .worksnav a:hover::after, .side_menu .aboutnav .current a::after, .side_menu .aboutnav a:hover::after, .side_menu .newsnav .current a::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}
 .side_menu .newsnav .current a::after, .side_menu .newsnav a:hover::after, .side_menu .contactnav .current a::after, .side_menu .contactnav a:hover::after, .side_menu .ignav_side .current a::after, .side_menu .ignav_side a:hover::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}
/* 各ページ ***********************************/
.work_hover a {
  overflow: hidden;
}
.work_hover a img {
  transition: .6s;
}
.work_hover a img:hover {
  transform: scale(1.05);
  transition: .6s ease;
}

.line_hover a {
  position: relative;
  text-decoration: none;
}
.line_hover a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  /*アニメーションの指定*/
  transition: all .45s ease;
  transform: scale(0, 1);/*X方向0、Y方向1*/
  transform-origin: left top;/*左上基点*/
}
.line_hover a:hover::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}
.circle_hover a {
  position: relative;
}
.circle_hover a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid #000;
  background-color: transparent;
  border-radius: 50%;
  transform-origin: center center;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: transform ease .45s;
}
.circle_hover a:hover::before {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}
/* news記事一覧 ***********************************/
.c-entries--text .c-entries__item>a {
  position: relative;
  display: block;
  overflow: hidden;
  background: transparent;
  transition: ease .9s;
  z-index: 1;
}
.c-entries--text .c-entries__item a::before {
  content: "";
  width: 120%;
  height: 550%;
  position: absolute;
  top: -225%;
  right: 0;
  z-index: -1;
  background: #eee;
  border-radius: 0 100% 100% 0;
  transform: translateX(-100%);
  transition: transform ease .9s;
}
.c-entries--text .c-entries__item a:hover {
  color: #000;
}
.c-entries--text .c-entries__item a:hover::before {
  transform: translateX(10%);
}
.wak_meta .taxonomy-category a {
  position: relative;
}
.wak_meta .taxonomy-category a:hover {
}
.wak_meta .taxonomy-category a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  /*アニメーションの指定*/
  transition: all .3s;
  transform: scale(0, 1);/*X方向0、Y方向1*/
  transform-origin: left top;/*左上基点*/
}
/*hoverの設定*/
.wak_meta .taxonomy-category a:hover::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}


/* contact ***********************************/
.smf-action .smf-button-control__control {
  filter: none;
  position: relative;
  overflow: hidden;
  background: transparent;
  transition: ease .6s;
  z-index: 1;
  }
.snow-monkey-form--button-has-accent-color .smf-button-control__control:hover {
  filter: none;
}
.smf-action .smf-button-control__control:hover {
  color: #fff;
  font-weight: 500;
}
.smf-button-control__control::before {
  content: "";
  width: 120%;
  height: 200%;
  position: absolute;
  top: -50%;
  right: 0;
  z-index: -1;
  background: #000;
  border-radius: 0 100% 100% 0;
  transform: translateX(-100%);
  transition: transform ease .6s;
}
.smf-button-control__control:hover::before {
  transform: translateX(10%);
}





/************************************
** ヘッダー
************************************/
@media (min-width: 1024px) {
  .l-header {
    padding-top: 3vw;
    padding-left: 2.4vw;
  }
}
@media (min-width: 639px) {
  .c-row__col--fit {
    display: none;
  }
}
.wak_jp {
  position: fixed;
  display: block;
  top: 3vw;
  right: 3vw;
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 400;
  border-right: 1px solid #000;
  padding-right: .5rem;
  z-index: 100;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
/* sp ***********************************/
@media (max-width: 640px) {
  .l-simple-header .c-fluid-container {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .l-header--sticky-overlay-sm {
    margin-top: 3vh;
  }
  .c-site-branding__title .custom-logo {
    width: 240px;
  }
}
.wak_jp_sp {
  position: absolute;
  display: block;
  top: 110px;
  right: 6vw;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 400;
  border-right: 1px solid #000;
  margin-top: 0;
  padding-right: .3rem;
  z-index: 100;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}

/************************************
** PCサイドメニュー
************************************/
/* トップページ ***********************************/
.top_menu {
  position: fixed;
  bottom: 12vh;
  left: 3vw;
  font-size: 2.8rem;
  line-height: 4.5rem;
  font-weight: 400;
  z-index: 100;
  padding-left: 0;
  color: #fff;
}
.top_menu a {
  font-size: 2.8rem;
  line-height: 4.5rem;
  font-weight: 400;
  z-index: 100;
  color: #fff;
  text-decoration: none;
}
.top_menu li {
  list-style-type: none;
}
.top_menu .worksnav, .top_menu .aboutnav, .top_menu .newsnav, .top_menu .contactnav, .top_menu .ignav_top {
  position: relative;
}
.top_menu .worksnav::before {
  content: '作品';
	position: absolute;
	top: -0.2rem;
	left: 8.6rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.top_menu .aboutnav::before {
  content: 'ワックアーキスタジオ';
	position: absolute;
	top: -0.2rem;
	left: 8.2rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.top_menu .newsnav::before {
  content: 'お知らせ';
	position: absolute;
	top: -0.2rem;
	left: 7.8rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.top_menu .contactnav::before {
  content: 'お問い合わせ';
	position: absolute;
	top: -0.2rem;
	left: 10.2rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.ignav_top {
  margin-top: 2rem;
}
.ignav_top a {
  font-size: 2.1rem;
  line-height: 3.6rem;
}
.ignav_top a::before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #fff;
  margin-bottom: 1rem;
}




/* 下層ページ ***********************************/
.side_menu {
  position: fixed;
  bottom: 12vh;
  left: 3vw;
  font-size: 2.8rem;
  line-height: 4.5rem;
  font-weight: 400;
  padding-left: 0;
  color: #000;
}
.side_menu a {
  font-size: 2.8rem;
  line-height: 4.5rem;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}
.side_menu li {
  list-style-type: none;
}
.side_menu .worksnav, .side_menu .aboutnav, .side_menu .newsnav, .side_menu .contactnav, .side_menu .ignav_side {
  position: relative;
}
.side_menu .worksnav::before {
  content: '作品';
	position: absolute;
	top: -0.2rem;
	left: 8.6rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.side_menu .aboutnav::before {
  content: 'ワックアーキスタジオ';
	position: absolute;
	top: -0.2rem;
	left: 8.2rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.side_menu .newsnav::before {
  content: 'お知らせ';
	position: absolute;
	top: -0.2rem;
	left: 7.8rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}
.side_menu .contactnav::before {
  content: 'お問い合わせ';
	position: absolute;
	top: -0.2rem;
	left: 10.2rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 20vw;
}

.ignav_side {
  margin-top: 2rem;
}
.ignav_side a {
  font-size: 2.1rem;
  line-height: 3.6rem;
}
.ignav_side a::before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #000;
  margin-bottom: 1rem;
}



/************************************
** ハンバーガー
************************************/
.c-hamburger-btn__label {
  display: none;
}
.c-hamburger-btn__bars {
  width: 33.3px;
}
.c-hamburger-btn__bar {
  background-color: #000 !important;
}
.c-hamburger-btn__bar:first-of-type {
  top: 2px;
}
.c-hamburger-btn__bar:nth-of-type(2) {
  display: none;
}
.c-hamburger-btn__bar:nth-of-type(3) {
  top: 18px;
}
[id=drawer-nav].c-drawer--overall .c-drawer__controls {
  top: 3.6vh;
  right: 6vw;
}

.c-drawer {
  background-color: #b3b3b3;
  color: #000;
}
.c-drawer__inner {
  padding-left: 6vw;
  padding-right: 6vw;
  margin-bottom: 40px !important;
}
.c-drawer__inner::before {
  content: '';
	position: absolute;
	top: 3.9vh;
	left: 6vw;
	width: 245px;
	height: 24px;
  background-image: url(/wakweb/wp-content/uploads/material/logo.svg);
  background-repeat: no-repeat;
}
.c-drawer__inner::after {
  content: "ワックアーキスタジオ一級建築士事務所";
  position: absolute;
  display: block;
  top: 110px;
  right: 6vw;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 400;
  border-right: 1px solid #000;
  padding-right: .3rem;
  z-index: 100;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}

ul#menu-sp li {
  font-size: 3rem;
  line-height: 4.2rem;
}
li#menu-item-109 {
  font-size: 2.4rem !important;
  line-height: 2.4rem !important;
}
.c-drawer__menu li {
  position: relative;
}
.works_sp a::before {
  content: '作品';
	position: absolute;
	top: .5rem;
	left: 9rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 25vw;
}
.about_sp a::before {
  content: 'ワックアーキスタジオ';
	position: absolute;
	top: .5rem;
	left: 8.6rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 33vw;
}
.news_sp a::before {
  content: 'お知らせ';
	position: absolute;
	top: .5rem;
	left: 8.2rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 25vw;
}
.contact_sp a::before {
  content: 'お問い合わせ';
	position: absolute;
	top: .5rem;
	left: 10.8rem;
  font-size: 1.05rem;
  font-weight: 500;
  width: 25vw;
}
.insta_sp {
  display: inline-block;
  border-bottom: 1px solid #000;
  margin-top: .4rem !important;
}
.insta_sp::before {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #000;
  margin-bottom: 15px;
}

/************************************
** フッター
************************************/
.l-footer {
  position: fixed;
  bottom: 3vh;
  right: 3vw;
  z-index: 100;
  border-top: none;
}
.l-footer--footer-1 .l-footer__footer {
  background-color: transparent;
}
.c-copyright {
  font-size: 1.2rem;
  font-weight: 400;
}
.c-copyright .c-fluid-container {
  padding: 0 !important;
}


/* sp ***********************************/
@media (max-width: 767px) {
  .l-footer__footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}





/************************************
** トップページ
************************************/
.c-section {
  padding: 0;
}
.top_slide {
  padding: 0;
}
.top_slider {
  position: relative;
}
.top_slider .spider__canvas {
  width: 100vw;
  height: 100vh;
}
.top_slider img {
  min-height: 100vh;
  object-fit: cover;
  height: 100vh;
  object-position: 50% 70%;
}
/* sp ***********************************/
.top_slider_sp {
  height: 100vh;
  margin-top: 0 !important;
}
.top_slider_sp img {
  min-height: 100vh;
  object-fit: cover;
  height: 100vh;
  object-position: 50% 50%;
}
@media (max-width: 767px) {
  .top_slider_sp .spider__slide[data-id="0"] img {
    object-position: 15% 50%;
  }
  .top_slider_sp .spider__slide[data-id="1"] img {
    object-position: 100% 50%;
  }
  .top_slider_sp .spider__slide[data-id="2"] img {
    object-position: 80% 50%;
  }
}


/************************************
** 下層ページ
************************************/
.area_side {
  width: 21%;
}
.area_main {
  width: 79%;
  margin-top: 22vh !important;
  padding-bottom: 18vh;
}
.type-post .news_nowrap {
  flex-wrap: nowrap !important;
}
.title_block {
  margin-left: 2vw !important;
}
.title_block h2 {
  display: inline-block !important;
  font-size: 4rem !important;
  font-weight: 500 !important;
  line-height: 3rem !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #000 !important;
  border-left: none !important;
  background-color: transparent !important;
}
.pagetitle_jp_works {
}
.pagetitle_jp_works::before {
  content: '作品';
	position: absolute;
	top: 5rem;
	left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .3rem;
  width: 25vw;
}
.pagetitle_jp_about::before {
  content: 'ワックアーキスタジオについて';
	position: absolute;
	top: 5rem;
	left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .3rem;
  width: 25vw;
}
.pagetitle_jp_news::before {
  content: 'お知らせ';
	position: absolute;
	top: 5rem;
	left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .3rem;
  width: 25vw;
}
.pagetitle_jp_contact::before {
  content: 'お問い合わせ';
	position: absolute;
	top: 5rem;
	left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .3rem;
  width: 25vw;
}
.pagetitle_jp_pp::before {
  content: 'プライバシーポリシー';
	position: absolute;
	top: 5rem;
	left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .3rem;
  width: 25vw;
}


/* sp ***********************************/
@media (max-width: 767px) {
  .area_side {
    width: 20%;
  }
  .area_main {
    width: 100%;
  }
  .title_block {
    margin-left: 0 !important;
  }
  .title_block h2 {
    font-size: 2.8rem !important;
    line-height: 3rem !important;
    padding-bottom: 5rem !important;
  }
  .pagetitle_jp_works::before {
  	top: .5rem;
  	left: -50px;
    font-size: 1.5rem;
    letter-spacing: .6rem;
    width: 2rem;
    height: 10vh;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .pagetitle_jp_works::after {
    position: absolute;
    content: "";
    top: .5rem;
    left: -28px;
    width: 1px;
    height: 36px;
    background-color: #000;
  }
  .pagetitle_jp_news::before {
  	top: .5rem;
  	left: -50px;
    font-size: 1.5rem;
    letter-spacing: .6rem;
    width: 2rem;
    height: 20vh;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .pagetitle_jp_news::after {
    position: absolute;
    content: "";
    top: .5rem;
    left: -28px;
    width: 1px;
    height: 78px;
    background-color: #000;
  }
  .pagetitle_jp_contact::before {
  	top: .5rem;
  	left: -50px;
    font-size: 1.5rem;
    letter-spacing: .6rem;
    width: 2rem;
    height: 20vh;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .pagetitle_jp_contact::after {
    position: absolute;
    content: "";
    top: .5rem;
    left: -28px;
    width: 1px;
    height: 120px;
    background-color: #000;
  }
  .pagetitle_jp_pp::before {
  	top: .5rem;
  	left: -50px;
    font-size: 1.5rem;
    letter-spacing: .6rem;
    width: 2rem;
    height: 33vh;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .pagetitle_jp_pp::after {
    position: absolute;
    content: "";
    top: .5rem;
    left: -28px;
    width: 1px;
    height: 203px;
    background-color: #000;
  }
}



/************************************
** works List
************************************/
.work_list {
  padding-top: 12vh;
  margin-left: 2vw !important;
  margin-right: 9vw !important;
}
.work_list .wp-block-columns {
  gap: 36px;
}
.work_list_column {
  padding-top: 36px !important;
}
.work_list h3 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-top: 18px;
  border-bottom: none;
  padding-bottom: 0;
  z-index: 10;
}
.work_list_info {
  margin-top: .6rem;
}
.work_list_info .category {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: .25rem;
}

.category_sub {
  margin-top: .25rem;
  gap: .5rem;
}
.year {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.iplusi {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.iplusi::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  background-color: #000;
  margin-bottom: .33rem;
  margin-right: .5rem;
}

/* sp ***********************************/
@media (max-width: 640px) {
  .work_list {
    padding-top: 5rem;
    margin-left: 0 !important;
    margin-right: 6vw !important;
  }
}





/************************************
** works detail
************************************/
.works_detail {
  padding-top: 12vh;
  margin-left: 2vw !important;
  margin-right: 9vw !important;
}
.works_detail .wp-block-columns {
  gap: 3vw;
}
.detail_title_block {
  margin-left: 2vw !important;
}
.detail_title_block h2 {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem !important;
  border-left: none;
  background-color: transparent;
}
.detail_subtitle {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 0;
}
.works_detail h3 {
  font-size: 2.1rem;
  font-weight: 500;
  border-bottom: none;
  padding-bottom: 0;
}
.works_detail_textbox {
  margin-top: 40px !important;
}
.works_detail_text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3.2rem;
}
.works_detail_databox {
  margin-top: 126px !important;
}
.works_detail_databox2 {
}
.works_detail_databox .wp-block-columns {
  gap: 36px !important;
  margin-top: 1.2rem;
}
.works_detail_databox2 .wp-block-columns {
  gap: 36px !important;
  margin-top: 1.2rem;
}
.works_detail h4 {
  font-size: 1.8rem;
  font-weight: 500;
}
.works_detail_databar {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.works_detail_datatext p {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.1rem;
}
.works_detail_photo {
  margin-top: 6vh !important;
}



.detail_bar {
  margin-top: 9vw !important;
  margin-bottom: 3vw !important;
}
.works_detail_nav {
  margin-bottom: 9vw !important;
}
.works_detail_nav1, .works_detail_nav2, .works_detail_nav3 {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.works_detail_nav1 {
  padding-left: 3rem;
}
.works_detail_nav3 {
  padding-right: 3rem;
}
.works_detail_nav1::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(-135deg);
  box-sizing: border-box;
}
.works_detail_nav3::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.works_latest_title {
  font-size: 2rem;
  font-weight: 500;
}
.works_latest {
  gap: 36px !important;
  margin-top: 50px !important;
}
.works_latest_list {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 18px;
}



/* sp ***********************************/
@media (max-width: 767px) {
  .works_detail {
    padding-top: 48px;
    margin-left: 0 !important;
    margin-right: 6vw !important;
  }
  .detail_title_block {
    margin-left: 0 !important;
    margin-right: 6vw;
  }
  .detail_title_block h2 {
    font-size: 2.1rem;
    line-height: 2.4rem;
    position: relative;
  }
  .detail_title_block h2::before {
    content: 'Works';
  	position: fixed;
    top: 180px;
  	left: 32px;
    font-size: 2.6rem;
    font-weight: 500;
    width: 2.4rem;
    height: 20vh;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .detail_subtitle {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .detail_titlebar {
    width: 56px;
    margin-top: 48px;
    margin-left: 0 !important;
  }
  .works_detail h3 {
  }
  .works_detail_textbox {
    margin-top: 48px !important;
  }
  .works_detail_text {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
  .works_detail_databox {
    margin-top: 48px !important;
  }
  .works_detail_databox2 {
    margin-top: 48px !important;
  }
  .works_detail_databox .wp-block-columns {
    gap: 24px !important;
  }
  .works_detail_databox2 .wp-block-columns {
    gap: 24px !important;
  }
  .works_detail h4 {
  }
  .works_detail_databar {
    width: 56px;
    margin-left: 0 !important;
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .detail_bar {
    margin-top: 72px !important;
    margin-bottom: 0 !important;
  }
  .works_detail_nav {
    margin-top: 72px !important;
    margin-bottom: 0 !important;
  }
  .works_latest_title {
    margin-top: 72px !important;
  }
}



/************************************
** about
************************************/
.about {
  padding-top: 12vh;
  margin-left: 2vw !important;
  margin-right: 9vw !important;
}
.about_title_block {
  margin-left: 2vw !important;
}
.about_title_block h2 {
  display: inline-block;
  font-size: 4rem;
  font-weight: 500;
  line-height: 3rem;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid #000;
  border-left: none;
  background-color: transparent;
}


.about h3 {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 3rem;
  border-bottom: none;
  padding-bottom: 0;
}
.about_mind, .about_office, .about_profile, .about_workflow {
  position: relative;
}
.about_mind::before {
  content: "考え方";
  position: absolute;
  display: block;
  width: 1.6rem;
  height: 5rem;
  top: 3.6rem;
  left: 0;
  font-size: 1.25rem;
  line-height: 1.4rem;
  font-weight: 500;
  padding-right: .3rem;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.about_mind::after {
  position: absolute;
  content: "";
  display: block;
  top: 3.6rem;
  left: 1.6rem;
  width: 1px;
  height: 41px;
  background-color: #000;
}
.about_office::before {
  content: "事務所概要";
  position: absolute;
  display: block;
  width: 1.6rem;
  height: 8rem;
  top: 3.8rem;
  left: 0;
  font-size: 1.25rem;
  line-height: 1.4rem;
  font-weight: 500;
  padding-right: .3rem;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.about_office::after {
  position: absolute;
  content: "";
  display: block;
  top: 3.8rem;
  left: 1.6rem;
  width: 1px;
  height: 69px;
  background-color: #000;
}
.about_profile::before {
  content: "プロフィール";
  position: absolute;
  display: block;
  width: 1.6rem;
  height: 9rem;
  top: 3.8rem;
  left: 0;
  font-size: 1.25rem;
  line-height: 1.4rem;
  font-weight: 500;
  padding-right: .3rem;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.about_profile::after {
  position: absolute;
  content: "";
  display: block;
  top: 3.8rem;
  left: 1.6rem;
  width: 1px;
  height: 82px;
  background-color: #000;
}
.about_workflow::before {
  content: "設計の流れ";
  position: absolute;
  display: block;
  width: 1.6rem;
  height: 8rem;
  top: 3.8rem;
  left: 0;
  font-size: 1.25rem;
  line-height: 1.4rem;
  font-weight: 500;
  padding-right: .3rem;
  letter-spacing: .15rem;
  transform: translateY(-50%);
  -webkit-transform: translate(0,0%);
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.about_workflow::after {
  position: absolute;
  content: "";
  display: block;
  top: 3.8rem;
  left: 1.6rem;
  width: 1px;
  height: 69px;
  background-color: #000;
}

.mind_bar {
  margin-top: 126px;
  margin-left: 0 !important;
}
.mind_bar_s {
  width: 126px;
  margin-top: 126px;
  margin-left: 0 !important;
}

.mind_box, .office_box, .profile_box, .workflow_box, .news_box, .pp_box {
  margin-bottom: 126px;
}
.mind_lead {
  font-size: 3.4rem;
  line-height: 5.4rem;
  font-weight: 500;
  margin-top: 0 !important;
}
.mind_text {
  font-size: 1.7rem;
  line-height: 4rem;
  font-weight: 400;
  margin-top: 63px;
}

.yutaka_column {
  margin-top: 126px;
}
.yutaka_column h4 {
  font-size: 2.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .yutaka_column h4::after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #000;
    margin-top: 16px;
    margin-left: 10px;
    float: right;
  }
}
.yutaka_box {
  margin-top: 5px !important;
}
.yutaka_element_column {
  margin-bottom: 4rem !important;
}
.yutaka_element_no {
  position: relative;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 400;
}
.yutaka_element_no::before {
  position: absolute;
  content: "";
  display: block;
  top: 1.3rem;
  right: 10%;
  width: 60%;
  height: 1px;
  background-color: #000;
  border-bottom-color: transparent;
}
.yutaka_element {
  font-size: 1.8rem;
  font-weight: 500;
}
.yutaka_element_text {
  font-size: 1.5rem;
  font-weight: 400;
}
.yutaka_archi {
  font-size: 1.8rem;
  line-height: 4rem;
  font-weight: 500;
  margin-top: 8rem;
}

.about_name {
  margin-top: 0 !important;
  gap: 36px;
}
.about_kanji {
  font-size: 2.2rem;
  font-weight: 400;
}
.about_roma {
  font-size: 1.5rem;
  font-weight: 400;
}
.about_post {
  font-size: 1.4rem;
  font-weight: 400;
}
.about_info {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  margin-top: 0 !important;
}
.career_box {
  margin-top: 5rem;
}
.about_table {
  padding-bottom: 4rem;
}
.about_table_space {
  margin-top: 5rem;
}
.profile_photobox {
  margin-bottom: 8rem;
}


.workflow_step {
  margin-top: 0 !important;
}
.workflow_box .about_step {
  margin-top: 30px;
}
.workflow_box .smb-step__body>*+* {
  margin-top: 126px;
}
.workflow_box .smb-step__item__number {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  width: 70px;
  height: 70px;
  font-size: 2.1rem;
  line-height: 2rem;
  --_font-size-level: 0;
}
.workflow_box .smb-step__body:before {
  border-left: 1px solid #000;
  left: 35px;
  bottom: 70px;
}
.workflow_box .smb-step__item__title {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 500;
  padding-left: 5vw;
  margin-bottom: 36px;
}
.workflow_box .smb-step__item__body p {
  font-size: 1.5rem;
  line-height: 2.8rem;
  font-weight: 400;
  padding-left: 7vw;
  color: #000;
}


@media (max-width: 767px) {
  .about {
    padding-top: 48px;
    margin-left: 0 !important;
    margin-right: 6vw !important;
  }
  .about_title_block {
    position: relative;
  }
  .about_title_block h2 {
    position: fixed;
    top: 180px;
    left: 32px;
    font-size: 2.6rem;
    line-height: 3rem;
    font-weight: 500;
    width: 2.4rem;
    height: 33vh;
    padding: 0 !important;
    border-bottom: none;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .pagetitle_jp_about::before {
    display: none;
  }
  .about_nav_parent {
    position: relative;
  }
  .about_nav {
    position: fixed;
    top: 270px;
    left: 32px;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    gap: 2.4rem;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translate(0,0%);
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
  .about_nav a {
    text-decoration: none;
  }
  .about_mind_sp, .about_office_sp, .about_profile_sp, .about_workflow_sp {
    position: relative;
  }
  .anchor-offset {
    padding-top: 120px !important;
    margin-top: -120px !important;
  }


  .about_mind_sp {
    top: -48px;
  }
  .about_mind_sp::before {
    content: "考え方";
    position: absolute;
    display: block;
    width: 5rem;
    height: 1.6rem;
    top: 3.6rem;
    left: 0;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 500;
    padding-right: .3rem;
    letter-spacing: .15rem;
  }
  .about_office_sp::before {
    content: "事務所概要";
    position: absolute;
    display: block;
    width: 8rem;
    height: 1.6rem;
    top: 3.8rem;
    left: 0;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 500;
    padding-right: .3rem;
    letter-spacing: .15rem;
  }
  .about_profile_sp::before {
    content: "プロフィール";
    position: absolute;
    display: block;
    width: 9rem;
    height: 1.6rem;
    top: 3.8rem;
    left: 0;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 500;
    padding-right: .3rem;
    letter-spacing: .15rem;
  }
  .about_workflow_sp::before {
    content: "設計の流れ";
    position: absolute;
    display: block;
    width: 8rem;
    height: 1.6rem;
    top: 3.8rem;
    left: 0;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 500;
    padding-right: .3rem;
    letter-spacing: .15rem;
  }
  .mind_box, .office_box, .profile_box, .workflow_box, .news_box, .pp_box {
    margin-bottom: 96px;
    margin-top: 0 !important;
  }
  .detail_titlebar2 {
    width: 56px;
    margin-top: 28px;
    margin-left: 0 !important;
  }

  .mind_lead {
    font-size: 2.5rem;
    line-height: 4rem;
    margin-top: 48px !important;
  }
  .mind_text {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-top: 36px;
  }
  .yutaka_column {
    margin-top: 48px;
    gap: 36px;
  }
  .yutaka_column h4 {
    font-size: 2.1rem;
  }
  .yutaka_element_column {
    margin-bottom: 4rem !important;
  }
  .yutaka_element_no {
    font-size: 2.4rem;
  }
  .yutaka_element_no::before {
    display: none;
  }
  .mind_no_sp {
    flex-basis: 12% !important;
  }
  .yutaka_element_text {
    font-size: 1.4rem;
  }
  .yutaka_archi {
    font-size: 1.6rem;
    line-height: 3.2rem;
    margin-top: 4rem;
  }

  .about_office_sp, .about_profile_sp, .about_workflow_sp {
    padding-bottom: 28px !important;
  }
  .about_table_top, .about_name {
    margin-top: 48px !important;
  }
  .about_table_bottom {
    gap: .5rem;
  }
    .about_info {
    font-size: 1.3rem;
  }
  .about_table {
    gap: .5rem;
    padding-bottom: 2.4rem;
  }
  .about_table_space {
    margin-top: 3rem;
  }
  .about_name {
    gap: 24px;
  }
  .about_kanji {
    font-size: 1.8rem;
  }
  .about_roma {
    font-size: 1.4rem;
  }
  .profile_photobox {
    margin-top: 48px !important;
  }

  .workflow_step {
    margin-top: 63px !important;
  }
  .workflow_box .about_step {
    margin-top: 0 !important;
  }
  .workflow_box .smb-step__item__number {
    width: 40px;
    height: 40px;
    font-size: 1.8rem;
  }
  .workflow_box .smb-step__body:before {
    left: 20px;
    bottom: 100px;
  }
  .workflow_box .smb-step__item__title {
    font-size: 1.6rem;
    margin-bottom: 24px;
  }
  .workflow_box .smb-step__item__body p {
    font-size: 1.3rem;
    line-height: 2.4rem;
    padding-left: 5vw;
    color: #000;
  }
}



/************************************
** news
************************************/
.area_main_news {
  width: 79%;
  margin-top: 22vh !important;
}
.area_side_news {
  width: 21%;
}

@media (max-width: 767px) {
  .area_side_news {
    width: 20%;
  }
  .area_main_news {
    width: 100%;
  }
}


/************************************
** 記事一覧
************************************/
@media (min-width: 1024px) {
  .c-entries--text .c-entry-summary__body>.c-entry-summary__meta {
    flex-grow: .25;
  }
}
.p-archive {
  max-width: 52%;
  margin-right: 9vw !important;
  padding-top: 10vh;
}
.c-entries--text .c-entries__item {
  border-bottom: 1px solid #000;
}
.c-entries--text .c-entries__item>a, .c-entries--text2 .c-entries__item>a {
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}
.c-entries--simple, .c-entries--text, .c-entries--text2 {
  border-top: 1px solid #000;
}
.c-entry-summary__meta .c-meta {
  flex-wrap: nowrap;
}
.c-meta__item:not(:last-child) {
  margin-right: 2rem;
}
.c-entry-summary__meta .c-meta__item--categories {
  display: inline-flex !important;
}
.c-entries--text .c-entry-summary__meta {
  font-size: 1.8rem;
  font-weight: 400;
}


.c-entry-summary__term {
  --_font-size-level: 0;
  font-size: 1.4rem;
  background-color: transparent;
  color: #000;
  font-weight: 400;
}
.c-entry-summary__title {
  position: relative;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  line-height: 4rem !important;
}
.blog .c-entries__item:first-child .c-entry-summary__meta::after {
  position: absolute;
  content: "[NEW]";
  top: -.5rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .c-entries__item:first-child .c-entry-summary__meta::after {
    top: -1rem;
  }
}

@media (max-width: 767px) {
  .p-archive {
    max-width: 79%;
    margin-left: 21% !important;
    margin-right: 6vw !important;
    padding-top: 24px;
  }
  .c-entries--text .c-entries__item>a, .c-entries--text2 .c-entries__item>a {
    padding-bottom: 1.8rem;
    padding-top: 1.8rem;
  }
  .c-entry-summary__header {
    margin-top: 1.8rem !important;
  }
  .c-entries--text .c-entry-summary__meta {
    font-size: 1.6rem;
  }
  .c-meta__item:not(:last-child) {
    margin-right: 2.4rem;
  }
  .c-entries__item:first-child .c-entry-summary__meta::after {
    visibility: hidden;
  }
  .c-entries--text .c-entries__item:first-child .c-entry-summary__title::after {
  position: absolute;
  content: "[NEW]";
  top: -.8rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
}




/************************************
** アーカイブ（カテゴリー）
************************************/
.c-entry__body {
  position: relative;
}
.p-term-description {
  position: absolute;
  top: 60px;
  left: 39%;
  margin-bottom: 0 !important;
}
.p-term-description p {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

@media (max-width: 767px) {
  .p-term-description {
    position: relative;
    top: auto;
    left: auto;
    max-width: 79%;
    margin-left: 21% !important;
    margin-right: 6vw !important;
    padding-top: 24px;
  }
  .p-term-description p {
  }
}

/************************************
** 記事
************************************/
.type-post .c-entry__content {
  max-width: 79%;
  margin-left: 22%;
  padding-bottom: 18vh;
}
.c-widget .wp-block-group>h2:before, .c-widget .wp-block-group>h2:after {
  display: none;
}
.c-entry__footer {
  display: none;
}
.news_navbox {
  margin-top: 72px !important;
  margin-bottom: 108px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.article_line_top {
  max-width: 75%;
  margin-right: 0 !important;
}
.article_line_bottom {
  max-width: 75%;
  margin-right: 0 !important;
}

.wak_meta {
}
.wak_meta .wp-block-post-date, .wak_meta .taxonomy-category {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.wak_meta .taxonomy-category {
  margin-top: 1.2rem !important;
}
.wak_meta .taxonomy-category a {
  text-decoration: none;
}

.wak_article_box {
  margin-left: 2vw !important;
  margin-right: 9vw !important;
  padding-top: 10vh;
}
.wak_article_column {
  margin-top: 36px !important;
  margin-bottom: 108px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wak_newstext_box {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.wak_newstext_box h3 {
  font-size: 2rem;
  border-bottom: none;
  font-weight: 500;
  margin-bottom: 4rem;
}
.wak_newstext_box p {
  font-size: 1.4rem;
  line-height: 3.2rem;
  font-weight: 400;
}
.article_photo {
  margin-top: 72px !important;
}
.c-entry-tags {
  display: none;
}

@media (max-width: 767px) {
  .type-post .c-entry__content {
    max-width: 79%;
    margin-top: 0;
    margin-left: 21%;
    padding-top: 48px;
  }
  .wak_article_box {
    margin-left: 0 !important;
    margin-right: 6vw !important;
    padding-top: 0 !important;
  }
  .wak_article_column {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 0;
  }
  .wak_newstext_box {
    margin-top: 12px !important;
    margin-bottom: 64px !important;
  }
  .news_navbox {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .article_line_bottom {
    max-width: 100%;
    margin-top: 72px !important;
  }
}




/************************************
** contact
************************************/
.contact {
  padding-top: 12vh;
  padding-left: 2vw !important;
  padding-right: 9vw !important;
}
.wak_contactform {
  margin-top: 60px;
}
.smf-form--simple-table .smf-item__col--label {
  flex: 0 0 14vw;
  max-width: 14vw;
  display: flex;
}
.smf-item__label {
  display: flex;
  align-items: center;
}
.smf-form--simple-table .smf-item {
  border-bottom: 1px solid #000;
  padding: 18px 0;
}
.smf-form .smf-text-control__control {
  box-shadow: none;
  border: none;
  width: 100%;
  border-radius: 0;
  --_border-radius: 0;
  color: #000;
  font-size: 1.3rem;
}
.smf-form .smf-textarea-control__control {
  max-height: 50vh;
  min-height: 25vh;
  box-shadow: none;
  border: none;
  resize: none;
  field-sizing: content;
  border-radius: 0;
  --_border-radius: 0;
  color: #000;
  font-size: 1.3rem;
}
.inquiry .smf-item__label {
  align-items: flex-start;
  padding-top: .8rem;
}
.smf-action .smf-button-control__control {
  font-size: 1.35rem;
  padding: 2.4rem 8rem;
  border-radius: 10rem;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}
.pp_check {
  padding: 48px 0;
  border-bottom: 1px solid #000;
}
.pp_check .smf-checkbox-control__control {
  border: 1px solid #000;
  box-shadow: none;
  margin-top: 4px !important;
}


/* テキスト関係 ***********************************/
.contact_lead {
}
.contact_lead p {
  font-size: 1.6rem;
  line-height: 3.6rem;
  font-weight: 400;
  margin-left: 0 !important;
}
.contact_lead .remark_text {
  font-size: 1.3rem;
}
.contact_lead .remark_text::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: inline-block;
  background: #000;
  vertical-align: middle;
  position: relative;
  top: -.15rem;
  margin-right: .5rem;
}
.remarks .smf-item__label__text::after {
  content: "";
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  display: inline-block;
  background: #000;
  vertical-align: middle;
  position: relative;
  top: -.15rem;
  margin-left: 1.25rem;
}
.smf-item__label__text {
  font-size: 1.35rem;
  line-height: 2.1rem;
}
.pp_check .smf-checkbox-control__label {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 1rem;
}
.pp_check .smf-label::after {
  content: "";
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  display: inline-block;
  background: #000;
  vertical-align: middle;
  position: relative;
  top: -.4rem;
  margin-left: 1.25rem;
}
.pp_check p {
  font-size: 1.35rem;
  font-weight: 400;
  margin-left: 3rem !important;
}

/* 確認／送信完了画面 ***********************************/
.smf-complete-content {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3.6rem;
  font-weight: 400;
  background-color: #000;
  color: #fff;
  padding-left: .75rem;
  padding-right: .75rem;
}
.smf-form--simple-table+.smf-action {
  margin-top: 6rem;
  text-align: right;
}
.smf-placeholder {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
}


@media (max-width: 767px) {
  .contact {
    padding-top: 48px;
    margin-left: 0 !important;
    margin-right: 6vw !important;
  }
  .smf-form .smf-text-control__control, .smf-form .smf-textarea-control__control {
    padding-left: 0;
  }
  .smf-form .smf-textarea-control__control {
    min-height: 45vh;
  }
  .smf-form--simple-table .smf-item {
    padding: 2rem 0;
  }
  .smf-form--simple-table .smf-item__col--label {
    max-width: 100%;
  }
  .smf-item__label__text {
    flex: 1 0 auto;
    display: inline-flex;
  }
  .remarks .smf-item__label__text::after {
    top: .6rem;
    margin-left: 1rem;
  }
  .smf-action .smf-button-control__control {
    font-size: 1.2rem;
    padding: 1.8rem 3rem;
  }
  .contact_lead p {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
  .pp_check .smf-checkbox-control__label {
    font-size: 1.4rem;
  }
  .pp_check p {
    font-size: 1.25rem;
    margin-left: 0 !important;
  }
}


/************************************
** privacy policy
************************************/
.pp {
  padding-top: 12vh;
  margin-left: 2vw !important;
  margin-right: 9vw !important;
}
.pp_info h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-top: 0 !important;
  border-bottom: none;
}
.pp_info p {
  font-size: 1.4rem;
  line-height: 3rem;
  font-weight: 400;
  margin-top: 0 !important;
}
.pp_table_top {
}
.pp_table {
  margin-top: 63px;
}
/* sp ***********************************/
@media (max-width: 767px) {
  .pp {
    padding-top: 48px;
    margin-left: 0 !important;
    margin-right: 6vw !important;
  }
  .pp_info h3 {
  }
  .pp_info p {
    font-size: 1.35rem;
    line-height: 2.6rem;
  }
  .pp_table_top, .pp_table {
    gap: 1rem;
  }
}