@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*ベース*/
.body {
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #191919;
}
a:hover {
	opacity: 0.7;
	transition: 0.3s;
	color: #191919;
}
.spOnly {
	display: none;
}
.pcOnly {
	display: block;
}
.column-full {
	padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
}
.c-red{
	color:#ea2300;
}
/*instagram非表示*/
.textwidget.custom-html-widget .sns-icon, #navi-menu-content.navi-menu-content.menu-content .footer_sns-icon, #content-bottom #content-bottom-in .footer_sns-icon {
    justify-content: center;
}
.sns-icon a:first-child, .footer_sns-icon a:first-child {
	display:none;
}

/*ヘッダー*/
.header-container {
	background-color: transparent;
}
.fixed-header .header-container-in.hlt-top-menu {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	background-color: rgba(25, 25, 25, 0.3);
}
.header-container-in.hlt-top-menu .logo-header,
.header-container-in.hlt-top-menu .logo-header img {
	max-height: clamp(3.75rem, 2.992rem + 3.24vw, 6.875rem);
}
.fixed-header {
	box-shadow: none;
}
.site-name-text-link {
	padding: 0;
}
.navi {
	background-color: #191919;
}
.navi .item-label {
	color: #ffffff;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.navi .w_back .item-label {
	color: #191919;
}
.navi .current_page_item .item-label,
.navi .current-menu-item .item-label{
	border-bottom: 2px solid #919294;
	width: auto;
	margin-top: 20px;
	padding-bottom: 18px;
}
.navi .item-label:hover {
	border-bottom: 2px solid #919294;
	width: auto;
	margin-top: 20px;
	padding-bottom: 18px;
}
.navi-in a {
	font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
}
.navi-in a:hover {
	background-color: transparent;
}
.navi-in > ul li {
	width: 15%;
	max-width: 200px;
	height: clamp(3.75rem, 2.992rem + 3.24vw, 6.875rem);
}
.navi-in > ul li:nth-child(5) {
	margin-right: 2%;
}
.navi-in > ul li.w_back {
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

/*フッター*/
#footer {
	margin-top: 0;
 	padding: 0;
}
.footer-bottom {
	margin-top: 0;
	padding: 0;
	font-size: inherit;
}
.copyright {
	margin-top: 0;
	font-size: clamp(0.5rem, 0.424rem + 0.32vw, 0.813rem);
	font-family: "Lato", sans-serif;	
	font-weight: 300;
	height: clamp(2.813rem, 2.737rem + 0.32vw, 3.125rem);
	line-height: clamp(2.813rem, 2.737rem + 0.32vw, 3.125rem);
}
#menu-sp_footer_button {
	border: 1px solid #191919;
}
#menu-sp_footer_button > li:first-child {
	border-right: 1px solid #191919;
}
#menu-sp_footer_button a {
	display: flex;	
	justify-content: center;
	align-items: center;
	width: 100%;
}
#menu-sp_footer_button .menu-icon {
	width: auto;
	padding-right: 0.5em;
}
#menu-sp_footer_button .menu-caption {
	font-size: 14px;	
	opacity: 1;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	letter-spacing: 0.08em;
}
#menu-sp_footer_button  > li:first-child .menu-caption {
	font-size: 16px;	
}
#content-bottom {
	background: #191919;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
#content-bottom .navi .item-label:hover {
	margin-top: 8px;
	padding-bottom: 6px;
}
#content-bottom .navi-in a {
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
}
#content-bottom .navi-in > ul {
	justify-content: flex-end;
}
#content-bottom .navi-in > ul li {
	height: 60px;
}
#content-bottom .footer_link-logo {
	display: block;
}
#content-bottom .footer_privacy-policy {
	display: inline-block;
	margin-top: 20px;
	color: #ffffff;	
	font-family: "Lato", sans-serif;	
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-decoration: none;
}
#content-bottom #custom_html-10 .footer_privacy-policy {
	font-weight: 400;
}
#content-bottom .footer_sns-icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90px;
	margin-top: 40px;
	margin-left: auto;
}
#content-bottom #custom_html-10 .footer_sns-icon {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#content-bottom .footer_link-designkan {
	margin-left: 10%;
}
#content-bottom #custom_html-10 .footer_link-designkan {
	margin-left: 0;
}
#content-bottom #custom_html-10 address {
	margin-top: 20px;
}
#custom_html-10 .column-wrap.column-3 {
    padding-top: 48px;
    padding-bottom: 24px;
    padding-left: 40px;
    padding-right:  40px;
    margin-bottom: 0;
}
#content-bottom .navi-in > ul li {
	width: 16%;
}
#content-bottom address {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
}
#content-bottom address p:first-child span {
	display: inline-block;
	font-size: 14px;
	color: #191919;
	background: #ffffff;
	margin-left: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-radius: 0.25em;
	font-weight: 700;
}
#content-bottom #custom_html-10 address p:first-child span {
	font-size: 10px;
	margin-left: 0.25em;
	padding-left: 0.25em;
	padding-right: 0.25em;
}
#content-bottom address a {
	color: #191919;
	text-decoration: none;
}
#content-bottom address p:last-child {
	margin-top: 5px;
	font-weight: 700;
	font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
	letter-spacing: 0.07em
}
#content-bottom address p:last-child a {
	display: inline-block;
	color: #ffffff;
	line-height: 1;
}
#content-bottom address p:last-child a span {
	font-weight: 400;
}
#content-bottom address p:last-child a:first-child {
	margin-right: clamp(1.25rem, 1.174rem + 0.32vw, 1.563rem);
}
.footer_sns-icon a {
	display: block;
	border: 1px solid #333333;
	border-radius: 0.5em;
}
#custom_html-8 .column-wrap.column-2-3-1-2 {
	padding-top: 55px;
	padding-bottom: 55px;
	padding-left: clamp(1.25rem, -0.874rem + 9.06vw, 10rem);
	padding-right: clamp(1.25rem, -0.874rem + 9.06vw, 10rem);
	margin-bottom: 0;
}

/*SPヘッダーメニュー*/
.mobile-menu-buttons .menu-button:hover .menu-button-in {
	opacity: 1;
}
.mobile-menu-buttons .menu-icon {
	font-size: 24px;
}
.logo-menu-button img {
	max-height: 60px;
}
.mobile-menu-buttons {
	min-height: 60px;
}
#menu-sp_header_button.mobile-menu-buttons {
	background: #191919;
}
#menu-sp_header_button.mobile-menu-buttons .menu-button:first-child {
	justify-content: flex-start;
}
#menu-sp_header_button.mobile-menu-buttons .menu-button:last-child {
	width: 60px;
	background: #ffffff;
}
#menu-sp_header_button.mobile-menu-buttons .menu-caption {
	display: none;
}
#menu-sp_footer_button.mobile-menu-buttons .menu-caption {
	display: block;
}
#navi-menu-input:checked ~ #navi-menu-content {
	background: rgb(25,25,25,0.9);
}
.menu-close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-left: auto;
	margin-right: 0;
	background: #ffffff;
}
#navi-menu-input:checked ~ #navi-menu-content::before {
	content: '';
	display: block;
	width: 192px;
	height: 60px;
	background-image: url(./img/site_logo192x60.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 0;
}
.menu-content .menu-drawer {
	padding: 65px 20px 30px;
}
.menu-drawer a {
	color: #ffffff;
	padding: 0;
	text-align: center;
	font-size: 20px;
	line-height: 58px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#navi-menu-content .footer_sns-icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 110px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

/*メインスライダー*/
#metaslider-id-90 {
	position: relative;
	margin-top: -110px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	max-width: 1920px;
}
#content {
	position: relative;
}
body[class*="front-top-page"] #content::before {
	content: '';
	position: absolute;
	top: -50px;
	left: calc(50% - 2px);
	width: 2px;
	height: 100px;
	background: #919294;
	z-index: 2;
}
#metaslider-id-113 {
	position: relative;
	margin-top: -60px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	max-width: 820px;
}
.metaslider.ms-theme-draxler .flexslider .flex-control-nav {
	left: auto !important;
	bottom: 5% !important;
	right: 2%;
}
.metaslider.ms-theme-draxler .flexslider .flex-control-nav li a {
	width: clamp(1.25rem, 0.036rem + 5.18vw, 6.25rem) !important;
	height: 6px !important;
}
.metaslider .flexslider {
	margin: 0 !important;
}

/*コンテンツ*/
.content-top, .content-bottom {
	position: relative;
	margin: 0;
}
.content {
	margin-top: 0;
}
.main {
	padding-top: 60px;
	padding-bottom: 0;
	/*padding-bottom: clamp(3.75rem, 3.143rem + 2.59vw, 6.25rem);*/
	padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
}
.main article {
	margin-bottom: 0 !important;
}
.date-tags {
	display: none;
}
.titleArea {
	position: relative;
	height: clamp(7.5rem, 4.314rem + 13.59vw, 20.625rem);
	background: #191919;
	max-width: 1920px;
}
body[class*="post-type-archive-projects"] .titleArea, body[class*="tax-building_type"] .titleArea {
	height: clamp(13.75rem, 11.323rem + 10.36vw, 23.75rem);
}
.titleArea::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: calc(50% - 2px);
	width: 2px;
	height: 100px;
	background: #919294;
	z-index: 1;
}
.project-category-link {
    color: #fff;
    display: flex;
    align-items: start;
    justify-content: start;
	width:80%;
    position: absolute;
    top: clamp(3.125rem, -0.764rem + 7.407vw, 8.125rem);
    left: clamp(0.625rem, -8.611rem + 17.593vw, 12.5rem);
}
.project-category-link ul{
    list-style:none;
	padding-left:0;
}
.taxonomy-link-left {
    flex-basis: clamp(5rem, 4.393rem + 2.589vw, 7.5rem);
}
.taxonomy-link-right {
	flex-basis: 15em;
}
.project-category-link a{
	font-family: "Lato", sans-serif;
	font-size: clamp(0.787rem, 0.706rem + 0.35vw, 1.125rem);
	letter-spacing:0.1em;
    color: #fff;
}

/* NEWS & TOPICS 一覧 */
body[class*="post-type-archive-news_topics"] .titleArea::after,
body[class*="single-news_topics"] .titleArea::after {
	content: none;
}
body[class*="post-type-archive-news_topics"] .titleArea::before {
	content: 'PANDAYA architecture の最新情報をお伝えします';
	position: absolute;
	bottom: clamp(1.25rem, 0.34rem + 3.88vw, 5rem);
	left: 0;
	display: block;
	text-align: center;
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	color: #ffffff;
	width: 100%;
	line-height: 1;
	letter-spacing: 0.1em;
}
body[class*="post-type-archive-news_topics"] .pagination-next {
	display: none;
}
body[class*="post-type-archive-news_topics"] .main {
	background: #191919;
	padding-top: clamp(3.125rem, 2.063rem + 4.53vw, 7.5rem);
	padding-bottom: clamp(6.25rem, 5.34rem + 3.88vw, 10rem);
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
body[class*="post-type-archive-news_topics"] .pagination .current {
	color: #191919;
	background-color: #ffffff;
}
body[class*="post-type-archive-news_topics"] .page-numbers {
	color: #ffffff;
	border: 1px solid #ffffff;
}
body[class*="post-type-archive-news_topics"] .page-numbers:hover {
	color: #191919;
}
body[class*="post-type-archive-news_topics"] .a-wrap {
	background-color: #ffffff;
}
body[class*="post-type-archive-news_topics"] .ect-3-columns .entry-card-wrap {
	width: 24%;
	padding: 0;
}
body[class*="post-type-archive-news_topics"] .entry-card-thumb {
	margin-top: 0;
	margin-bottom: 0;
}
body[class*="post-type-archive-news_topics"] .ect-3-columns {
	column-gap: 1.25%;
}
body[class*="post-type-archive-news_topics"] .list {
	row-gap: clamp(1.25rem, 0.643rem + 2.59vw, 3.75rem);
}
body[class*="post-type-archive-news_topics"] .ect-vertical-card .entry-card-wrap .entry-card-content {
	position: relative;
	padding-top: clamp(0.563rem, 0.396rem + 0.71vw, 1.25rem);
	padding-bottom: clamp(0.563rem, 0.471rem + 0.39vw, 0.938rem);
	padding-left: clamp(0.75rem, 0.553rem + 0.84vw, 1.563rem);
	padding-right: clamp(0.75rem, 0.553rem + 0.84vw, 1.563rem);
	min-height: clamp(4.688rem, 3.398rem + 5.5vw, 10rem);
}
body[class*="post-type-archive-news_topics"] .e-card-info {
	justify-content: flex-start;
}
body[class*="post-type-archive-news_topics"] .ect-vertical-card .entry-card-wrap .entry-card-meta {
	margin: 0;
	padding: 0;
	margin-bottom: clamp(0.313rem, 0.085rem + 0.97vw, 1.25rem);
}
body[class*="post-type-archive-news_topics"] .post-date{
	color: #878787;
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	line-height: 1;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}
body[class*="post-type-archive-news_topics"] .entry-card-title {
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	font-weight: normal;
	line-height: clamp(1rem, 0.818rem + 0.78vw, 1.75rem);
	margin: 0;
}
body[class*="post-type-archive-news_topics"] .ect-vertical-card .entry-card-wrap .entry-card-content::after {
	content: '';
	width: clamp(1.25rem, 0.901rem + 1.49vw, 2.688rem);
	height: clamp(0.291rem, 0.209rem + 0.35vw, 0.625rem);
	background: url(img/icon_link01_43x10.svg) no-repeat left top / cover content-box;
	position: absolute;
	right: 5%;
	bottom: 15%;
}
body[class*="post-type-archive-news_topics"] .cat-label {
	top: 0;
	left: 0;
	font-size: clamp(0.625rem, 0.595rem + 0.13vw, 0.75rem);
	border: none;
	color: #ffffff;
	background-color: #191919;
	padding: clamp(0.125rem, 0.095rem + 0.13vw, 0.25rem) clamp(0.25rem, 0.189rem + 0.26vw, 0.5rem);
	max-width: 100%;
}

/* NEWS & TOPICS 記事 */
body[class*="single-news_topics"] .main {
	/* padding-top: clamp(3.125rem, 2.063rem + 4.53vw, 7.5rem); */
	padding-top: clamp(0rem, -0.303rem + 1.29vw, 1.25rem);
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
body[class*="single-news_topics"] .main .under-entry-content {
	margin-left: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
	margin-right: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
}
body[class*="single-news_topics"] .under-entry-content {
	background: #dddddd;
	padding-top: clamp(4.688rem, 4.308rem + 1.62vw, 6.25rem);
	padding-bottom: clamp(6.25rem, 5.34rem + 3.88vw, 10rem);
}
body[class*="single-news_topics"] .under-entry-content .related-entries {
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
body[class*="single-news_topics"] .related-entry-heading {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: clamp(1.875rem, 1.572rem + 1.29vw, 3.125rem);
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	margin-top: 0;
	margin-bottom: clamp(3.125rem, 2.897rem + 0.97vw, 4.063rem);
}
body[class*="single-news_topics"] .rect-vertical-card-3 .related-list {
	column-gap: 0;
}
body[class*="single-news_topics"] .related-list {
	row-gap: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
}
body[class*="single-news_topics"] .rect-vertical-card-3 .related-entry-card-wrap {
	padding: 0;
	padding-left: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	width: 33.333%;
}
body[class*="single-news_topics"] .rect-vertical-card .related-entry-card-thumb {
	margin: 0;
}
body[class*="single-news_topics"] .rect-vertical-card .related-entry-card-title {
	font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
	font-weight: normal;
	line-height: clamp(1.25rem, 1.129rem + 0.52vw, 1.75rem);
	margin: 0;
	margin-top: clamp(0.75rem, 0.568rem + 0.78vw, 1.5rem);
}
body[class*="single-news_topics"] .pager-post-navi {
	margin: clamp(0rem, -0.152rem + 0.65vw, 0.625rem) 0;
	flex-direction: row;
	/*padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);*/
	/*padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);*/
}
body[class*="single-news_topics"] .pager-post-navi a {
	width: 100%;
}
body[class*="single-news_topics"] .pager-post-navi a.prev-post {
	color: #191919;
	padding-left: 0;
}
body[class*="single-news_topics"] .pager-post-navi a.next-post {
	color: #191919;
	padding-right: 0;
}
body[class*="single-news_topics"] .pager-post-navi a .iconfont {
	color: #191919;
}
body[class*="single-news_topics"] .pager-post-navi a.project_link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	width: 50%;
	font-size: 15px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
body[class*="single-news_topics"] .cat-label {
	top: 0;
	left: 0;
	font-size: clamp(0.625rem, 0.595rem + 0.13vw, 0.75rem);
	border: none;
	color: #ffffff;
	background-color: #191919;
	padding: clamp(0.125rem, 0.095rem + 0.13vw, 0.25rem) clamp(0.25rem, 0.189rem + 0.26vw, 0.5rem);
	max-width: 100%;
}
body[class*="single-news_topics"] .cat-link {
	color: #ffffff;
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
}
body[class*="single-news_topics"] .entry-title {
	display: block;
	font-size: clamp(1.5rem, 1.288rem + 0.91vw, 2.375rem);
	line-height: clamp(2.063rem, 1.759rem + 1.29vw, 3.313rem);
	text-align: center;
	font-weight: normal;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: clamp(1rem, 0.818rem + 0.78vw, 1.75rem);
	border-bottom: 2px solid #191919;
	margin-bottom: clamp(2.188rem, 1.657rem + 2.27vw, 4.375rem);
}
body[class*="single-news_topics"] .article-header.entry-header {
	display: flex;
	flex-direction: column-reverse;
}
body[class*="single-news_topics"] .date-tags {
	display: block;
	text-align: center;
	font-size: clamp(1rem, 0.909rem + 0.39vw, 1.375rem) !important;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	color: #878787;
	margin-bottom: clamp(1.875rem, 1.572rem + 1.29vw, 3.125rem);
}
body[class*="single-news_topics"] .entry-content {
	max-width: 950px;
	margin: 0 auto;
}
body[class*="single-news_topics"] .entry-content p {
	font-size: clamp(0.781rem, 0.698rem + 0.36vw, 1.125rem);
	line-height: clamp(1.375rem, 1.147rem + 0.97vw, 2.313rem);
	letter-spacing: clamp(0rem, -0.029rem + 0.12vw, 0.12rem);
}
body[class*="single-news_topics"] a.project_sp_link {
	display: block;
	margin: 50px auto clamp(3.125rem, 2.215rem + 3.88vw, 6.875rem);
	font-size: clamp(0.813rem, 0.706rem + 0.45vw, 1.25rem);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid rgb(25,25,25,0.5);
	line-height: 60px;
	width: 30%;
	text-align: center;
}


body[class*="post-type-archive-projects"] .titleArea::before,  body[class*="tax-building_type"] .titleArea::before{
	content: 'PANDAYA architecture の設計事例をご紹介します';
	position: absolute;
	bottom: 120px;
	left: 0;
	display: block;
	text-align: center;
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	color: #ffffff;
	width: 100%;
	line-height: 1;
	letter-spacing: 0.1em;
}
body[class*="term-new-construction"] .titleArea::before{
	content: 'NEW CONSTRUCTION の設計事例をご紹介します';
}
body[class*="term-reform"] .titleArea::before{
	content: 'REFORM の設計事例をご紹介します';
}
body[class*="term-renovation"] .titleArea::before{
	content: 'RENOVATION の設計事例をご紹介します';
}
body[class*="term-conversion"] .titleArea::before{
	content: 'CONVERSION の設計事例をご紹介します';
}
body[class*="term-public"] .titleArea::before{
	content: 'PUBLIC の設計事例をご紹介します';
}
.sns-icon {
	position: absolute;
	top: 10%;
	right: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90px;
}
.sns-icon a {
	display: block;
	border: 1px solid #333333;
	border-radius: 0.5em;
}
body[class*="post-type-archive-projects"] .sns-container, body[class*="tax-building_type"] .sns-container {
	height: 85%;
}
.sns-container {
	width: 100%;
	height: 100%;
	display: flex;	
	justify-content: center;
	align-items: center;
}
.sns-container h1 {
	font-size: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
	margin: 0;
	line-height: 1 !important;
	font-family: "Lato", sans-serif;
	font-weight: 900 !important;
	letter-spacing: 0.06em;
	color: #ffffff;
}
.body .widget {
	margin: 0;
}
.entry-content {
	margin-top: 0;
	margin-bottom: 0;
}
.entry-title, .archive-title {
	display: none;
}

/*コンテンツ-TOP*/
body[class*="front-top-page"] section header h2,
body[class*="page"] section header h2 {
	margin-top: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
	margin-bottom: clamp(1.875rem, 0.813rem + 4.53vw, 6.25rem);
	padding: 0;
	background-color: transparent;
	font-size: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
	font-family: "Lato", sans-serif;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-align: center;
	line-height: 1;
}
#concept .column-wrap {
	gap: clamp(4.688rem, 3.55rem + 4.85vw, 9.375rem);
}
#concept h5 {
	margin-bottom: clamp(1.25rem, 1.022rem + 0.97vw, 2.188rem);
	padding: 0;
	border: none;
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
	line-height :clamp(1.188rem, 1.051rem + 0.58vw, 1.75rem);
	font-family: "Arial", sans-serif;
	font-weight: 900;
	letter-spacing: 0.02em;
}
#concept h3 {
	margin-bottom: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
	padding: 0;
	font-size: clamp(1.5rem, 1.288rem + 0.91vw, 2.375rem);
	line-height :clamp(2.25rem, 1.992rem + 1.1vw, 3.313rem);
	letter-spacing: 0.08em;
	border: none;
}
#concept p {
	margin-bottom: 1em;
	padding: 0;
	font-size: clamp(0.781rem, 0.698rem + 0.36vw, 1.125rem);
	line-height :clamp(1.375rem, 1.147rem + 0.97vw, 2.313rem);
	letter-spacing: 0.12em;
	text-align: justify;
}
#concept .contents_logo {
	margin-top: clamp(1.875rem, 0.965rem + 3.88vw, 5.625rem);
}
#concept footer a,
#projects footer a,
#news_topics footer a,
#about_us footer a {
	display: inline-block;
	width: clamp(16.063rem, 14.712rem + 5.76vw, 21.625rem);
	height: clamp(2.625rem, 2.519rem + 0.45vw, 3.063rem);
	border: 1px solid #7d7d7d;
	font-size: clamp(0.813rem, 0.782rem + 0.13vw, 0.938rem);
	text-align: center;
	line-height: clamp(2.625rem, 2.519rem + 0.45vw, 3.063rem);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: clamp(1.563rem, 0.88rem + 2.91vw, 4.375rem);
}
#contact .column-wrap.column-2 a {
	display: inline-block;
	width: clamp(18.563rem, 13.799rem + 20.32vw, 38.188rem);
	height: clamp(4.125rem, 3.594rem + 2.27vw, 6.313rem);
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: clamp(1.25rem, 1.098rem + 0.65vw, 1.875rem);
	text-align: center;
	line-height:  clamp(4.125rem, 3.594rem + 2.27vw, 6.313rem);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.07em;
}
#contact .column-wrap.column-2 {
	gap: clamp(1.25rem, 0.643rem + 2.59vw, 3.75rem);
}
#contact .column-wrap.column-2 .column-left {
	text-align: right;
}
#contact .column-wrap.column-2 .column-right {
	text-align: left;
}
#contact .column-wrap.column-2 .column-right a {
	font-size: clamp(1.063rem, 0.941rem + 0.52vw, 1.563rem);
}
#projects.b_back,
#news_topics.b_back {
	position: relative;
	margin-top: clamp(3.75rem, 2.688rem + 4.53vw, 8.125rem);
	margin-bottom: 0;
	padding-bottom: clamp(4.375rem, 3.465rem + 3.88vw, 8.125rem);
	background: #191919;
	margin-left: -200px;
	margin-right: -200px;
}
#contact.photo_back {
	background: url('img/top_pc_img02_1920x540.jpg') no-repeat left top / cover content-box;
	min-height: clamp(24.688rem, 22.488rem + 9.39vw, 33.75rem);
}
#about_us,
#contact {
	position: relative;
	/* padding-bottom: clamp(4.375rem, 3.465rem + 3.88vw, 8.125rem);*/
}
#projects.b_back h2,
#news_topics.b_back h2 {
	padding-top: clamp(4.375rem, 3.541rem + 3.56vw, 7.813rem);
	color: #ffffff;
}
#about_us h2,
#contact h2 {
	margin-top: 0;
	margin-bottom: clamp(2.5rem, 2.197rem + 1.29vw, 3.75rem);
	padding-top: clamp(4.375rem, 3.541rem + 3.56vw, 7.813rem);
}
#contact h2 {
	color: #ffffff;
}
#projects.b_back header::before,
#news_topics.b_back header::before,
#about_us::before,
.page-id-8 #contact::before {
    content: '';
    position: absolute;
    top: -50px;
    left: calc(50% - 2px);
    width: 2px;
    height: 100px;
    background: #919294;
    z-index: 2;
}
#projects.b_back header p,
#news_topics.b_back header p,
#contact.photo_back header p {
	font-size: clamp(0.813rem, 0.737rem + 0.32vw, 1.125rem);
	line-height: 1;
	letter-spacing: 0.14em;
	color: #ffffff;
	text-align: center;
	margin-bottom: 0;
}
#contact.photo_back header p {
	margin-bottom: clamp(2.188rem, 1.657rem + 2.27vw, 4.375rem);
}

/*コンテンツ-TOP PROJECTS*/
#projects.b_back footer,
#news_topics.b_back footer {
	text-align: center;
}
#projects.b_back footer a,
#news_topics.b_back footer a {
	color: #ffffff;
}
#projects.b_back .cstm-normal-loop-swiper.cstm-normal-loop .widget-entry-card-link {
	max-width: 560px;
	max-height: calc((560px * 9 / 16) + 5px);
}
#projects.b_back .cstm-normal-loop-swiper.cstm-normal-loop.swiper {
	margin-top: clamp(2.5rem, 2.045rem + 1.94vw, 4.375rem);
}
#projects.b_back .widget-entry-cards.large-thumb-on .card-content {
	background: rgb(0,0,0,0.6);
	/*mix-blend-mode: multiply;*/
}
#projects.b_back :is(.cstm-infinite-loop, .cstm-normal-loop) .new-entry-card-date {
	display: none;
}
#projects.b_back :is(.cstm-infinite-loop, .cstm-normal-loop) .new-entry-card-content {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;
}
#projects.b_back .widget-entry-cards.card-large-image .e-card {
	font-size: clamp(0.75rem, 0.689rem + 0.26vw, 1rem);
}

/*コンテンツ-TOP ABOUT US*/
#about_us .column-2-3-2-1 {
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}
#about_us .column-2-3-2-1 .column-left {
	width: 56%;
}
#about_us .column-2-3-2-1 .column-right {
	width: 41%;
}
#about_us .column-2-4-3-1 {
	margin-top: clamp(-4.063rem, 3.911rem + 0.65vw, -4.688rem);
	align-items: flex-end;
}
#about_us #message-wrap {
	background-color: rgb(26,26,26,0.15);
	padding: clamp(2.5rem, 2.197rem + 1.29vw, 3.75rem);
}
#about_us #message-wrap h3 {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	font-size: clamp(1.25rem, 1.053rem + 0.84vw, 2.063rem);
	font-family: "Lato", sans-serif;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1;
}
#about_us #message-wrap h3::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: calc(-100px - 15px);
	margin-right: 15px;
	width: 100px;
	height: 2px;
	background: #919294;
}
#about_us .message-contents-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4%;
}
#about_us .message-contents-wrap .message-contents-left .photo-contents-wrap p {
	margin-bottom: 0;
	font-weight: 700;
}
#about_us .message-contents-wrap .message-contents-left .photo-contents-wrap p em {
	font-weight: 400;
	font-style: normal;
}
#about_us .message-contents-wrap .message-contents-left .photo-contents-wrap p:first-child {
	text-align: right;
}
#about_us .message-contents-wrap .message-contents-right img {
	max-width: 184px;
}

/*コンテンツ-TOP NEWS & TOPICS スライダー*/
#news_topics.b_back .swiper {
	margin-bottom: 0;
}
#news_topics.b_back .swiper-wrapper {
	margin: 0;
}
#news_topics.b_back .swiper-slide {
	width: calc(25% - 25px);
	max-width: none;
}
#news_topics.b_back .widget-entry-cards .a-wrap {
	padding: 0;
	line-height: 1;
	margin-bottom: 0;
	margin-right: 25px !important;
}
#news_topics.b_back .new-entry-card-thumb {
	margin-right: 0;
}
#news_topics.b_back .widget-entry-card-thumb {
	margin-top: 0;
	margin-bottom: 0;
}
#news_topics.b_back .a-wrap {
	background-color: #f5f8fa;
	transition: all 0.3s ease-in-out;
	color: var(--cocoon-text-color);
}
#news_topics.b_back .new-entry-card-date.widget-entry-card-date.display-none {
	display: block;
	margin-bottom: clamp(0.313rem, 0.085rem + 0.97vw, 1.25rem);
}
#news_topics.b_back .widget-entry-cards.card-large-image .card-content {
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-direction: column-reverse;
	margin: 0;
	padding: clamp(0.625rem, 0.352rem + 1.17vw, 1.75rem);
	min-height: clamp(4.688rem, 3.398rem + 5.5vw, 10rem);
}
#news_topics.b_back .widget-entry-cards.card-large-image .card-content::after {
	content: '';
	width: clamp(1.25rem, 0.901rem + 1.49vw, 2.688rem);
	height: clamp(0.291rem, 0.209rem + 0.35vw, 0.625rem);
	background: url('img/icon_link01_43x10.svg') no-repeat left top / cover content-box;
	position: absolute;
	right: 5%;
	bottom: 15%;
}
#news_topics.b_back .is-list-horizontal .card-title {
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	line-height: 1.4;
}
#news_topics.b_back .post-date {
	color: #878787;
	font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
	line-height: 1;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#news_topics.b_back .post-update {
	display: none;
}
#news_topics.b_back .is-list-horizontal.large-thumb .card-title, .is-list-horizontal.large-thumb-on .card-title {
	height: auto;
}

/* PROJECTS 一覧 */
body[class*="post-type-archive-projects"] .ect-vertical-card .entry-card-wrap .entry-card-meta {
	display: none;
}
body[class*="post-type-archive-projects"] .pagination-next {
	display: none;
}
body[class*="post-type-archive-projects"] .main, body[class*="tax-building_type"] .main {
	padding-top: clamp(3.125rem, 2.063rem + 4.53vw, 7.5rem);
	padding-bottom: clamp(6.25rem, 5.34rem + 3.88vw, 10rem);
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
body[class*="post-type-archive-projects"] .main .ect-3-columns, body[class*="tax-building_type"] .main .ect-3-columns {
	column-gap: 0;
}
body[class*="post-type-archive-projects"] .main h2, body[class*="tax-building_type"] .main h2 {
	font-size: clamp(1.063rem, 0.971rem + 0.39vw, 1.438rem);
	line-height: clamp(1.438rem, 1.316rem + 0.52vw, 1.938rem);
	letter-spacing: 0.04em;
	margin-top: clamp(0.813rem, 0.585rem + 0.97vw, 1.75rem);
}
body[class*="post-type-archive-projects"] .main h3.entry-card-title, body[class*="tax-building_type"] .main h3.entry-card-title {
	font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
	font-weight: normal;
	line-height: clamp(1.25rem, 1.129rem + 0.52vw, 1.75rem);
	margin: 0;
	margin-top: clamp(0.75rem, 0.568rem + 0.78vw, 1.5rem);
}
body[class*="post-type-archive-projects"] .ect-3-columns .entry-card-wrap, body[class*="tax-building_type"] .ect-3-columns .entry-card-wrap {
	padding: 0;
	padding-left: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	width: 33.333%;
}
body[class*="post-type-archive-projects"] .entry-card-thumb, body[class*="tax-building_type"] .entry-card-thumb {
	margin: 0;
}
body[class*="post-type-archive-projects"] .building_type {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	color: rgb(25,25,25,0.5);
	margin-top: clamp(0.313rem, 0.237rem + 0.32vw, 0.625rem);
	line-height: 1;
}
body[class*="post-type-archive-projects"] .list, body[class*="tax-building_type"] .list {
	row-gap: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
}
/*タクソノミーページ*/
h1.taxonomy-title {
    text-align: center;
	font-size: clamp(1.5rem, 1.379rem + 0.518vw, 2rem);
	line-height:1.4;
    margin-bottom: 2em;
}
/*ページャー*/
.pagination {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: clamp(1.125rem, 1.019rem + 0.45vw, 1.563rem);
}
.pagination .current {
	color: #ffffff;
	background-color: #191919;
}
.page-numbers {
	height: clamp(3.125rem, 2.822rem + 1.29vw, 4.375rem);
	width: clamp(3.125rem, 2.822rem + 1.29vw, 4.375rem);
	border: 1px solid #191919;
	margin: 0 calc(clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem) / 2);
	line-height: clamp(3.125rem, 2.822rem + 1.29vw, 4.375rem);
	border-radius: inherit;
	font-size: clamp(1.125rem, 1.019rem + 0.45vw, 1.563rem);
}

/* PROJECTS 記事 */
body[class*="single-projects"] .main {
	/*padding-top: clamp(3.125rem, 2.063rem + 4.53vw, 7.5rem);*/
	padding-top: clamp(0rem, -0.303rem + 1.29vw, 1.25rem);
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	background: #191919;
}
body[class*="single-projects"] .entry-categories-tags {
	display: none;
}
body[class*="single-projects"] .rect-vertical-card-3 .related-entry-card-wrap {
	padding: 0;
	padding-left: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	width: 33.333%;
}
body[class*="single-projects"] .rect-vertical-card .related-entry-card-thumb {
	margin: 0;
}
body[class*="single-projects"] .rect-vertical-card-3 .related-list {
	column-gap: 0;
}
body[class*="single-projects"] .related-list {
	row-gap: clamp(1.875rem, 1.42rem + 1.94vw, 3.75rem);
}
body[class*="single-projects"] .pager-post-navi {
	margin: clamp(0rem, -0.152rem + 0.65vw, 0.625rem) 0;
	flex-direction: row;
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
body[class*="single-projects"] .pager-post-navi a {
	width: 100%;
}
body[class*="single-projects"] .pager-post-navi a .iconfont {
	color: #ffffff;
}
body[class*="single-projects"] .pager-post-navi a.prev-post {
	color: #ffffff;
	padding-left: 0;
}
body[class*="single-projects"] .pager-post-navi a.next-post {
	color: #ffffff;
	padding-right: 0;
}
body[class*="single-projects"] .pager-post-navi a.prev-post:hover,
body[class*="single-projects"] .pager-post-navi a.next-post:hover {
	color: #191919;
}
body[class*="single-projects"] .pager-post-navi a:hover .iconfont {
	color: #191919;
}
body[class*="single-projects"] .pager-post-navi a.project_link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	width: 50%;
	font-size: 15px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
body[class*="single-projects"] .pager-post-navi a.project_link:hover {
	color: #191919;
	border: 1px solid #191919;
	background-color: #f5f8fa;
	transition: all 0.3s ease-in-out;
}
body[class*="single-projects"] .main h3.entry-card-title {
	font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
	font-weight: normal;
	line-height: clamp(1.25rem, 1.129rem + 0.52vw, 1.75rem);
	margin: 0;
	margin-top: clamp(0.75rem, 0.568rem + 0.78vw, 1.5rem);
}
body[class*="single-projects"] .rect-vertical-card .related-entry-card-title {
	font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
	font-weight: normal;
	line-height: clamp(1.25rem, 1.129rem + 0.52vw, 1.75rem);
	margin: 0;
	margin-top: clamp(0.75rem, 0.568rem + 0.78vw, 1.5rem);
}
body[class*="single-projects"] .under-entry-content {
	background: #dddddd;
	padding-top: clamp(4.688rem, 4.308rem + 1.62vw, 6.25rem);
	padding-bottom: clamp(6.25rem, 5.34rem + 3.88vw, 10rem);
}
body[class*="single-projects"] .under-entry-content .related-entries {
	padding-left: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
	padding-right: calc(clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2);
}
.related-entry-card-content.card-content.e-card-content h2 {
    font-size: clamp(1.063rem, 0.971rem + 0.388vw, 1.438rem);
    line-height: clamp(1.438rem, 1.316rem + 0.518vw, 1.938rem);
    margin-top: 1em;
}
.rect-vertical-card .related-entry-card-content .building_type{
	color:#8c8c8c;
	font-size: clamp(0.938rem, 0.922rem + 0.065vw, 1rem);
	letter-spacing:0.06em;
}
body[class*="single-projects"] .main .under-entry-content {
	margin-left: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
	margin-right: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
}
body[class*="single-projects"] .related-entry-heading {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: clamp(1.875rem, 1.572rem + 1.29vw, 3.125rem);
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	margin-top: 0;
	margin-bottom: clamp(3.125rem, 2.897rem + 0.97vw, 4.063rem);
}
body[class*="single-projects"] .wrap_projest_contents {
	margin-left: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
	margin-right: calc((clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem) - clamp(1.875rem, 1.268rem + 2.59vw, 4.375rem) / 2) * -1);
	margin-bottom: 0;
	background: #ffffff;
	padding-top: clamp(1.563rem, 1.032rem + 2.27vw, 3.75rem);
	padding-bottom: clamp(3.125rem, 2.215rem + 3.88vw, 6.875rem);
	padding-left: clamp(2.5rem, -3.871rem + 27.18vw, 28.75rem);
	padding-right: clamp(2.5rem, -3.871rem + 27.18vw, 28.75rem);
}
body[class*="single-projects"] .wrap_projest_contents h2 {
	font-size: clamp(1.125rem, 0.897rem + 0.97vw, 2.063rem);
	line-height: clamp(1.438rem, 0.982rem + 1.94vw, 3.313rem);
	background-color: inherit;
	border-radius: inherit;
	margin: 0;
	margin-bottom: clamp(0.313rem, 0.161rem + 0.65vw, 0.938rem);
	padding: 0;
}
body[class*="single-projects"] .wrap_projest_contents h2 > br {
	content: "";
}
body[class*="single-projects"] .wrap_projest_contents h2 > br::after  {
	margin-right: -.333em;
	content: "";
}
body[class*="single-projects"] .wrap_projest_contents h3 {
	color: rgb(25,25,25,0.7);
	font-size: clamp(1rem, 0.863rem + 0.58vw, 1.563rem);
	font-weight: normal;
	line-height: 1;
	border: none;
	margin: 0;
	padding: 0;
}
body[class*="single-projects"] .wrap_projest_contents .building_type {
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.06em;
	color: rgb(25,25,25,0.5);
	margin-top: clamp(0.313rem, 0.237rem + 0.32vw, 0.625rem);
	line-height: 1;
}
body[class*="single-projects"] .wrap_projest_contents p {
	margin-top: clamp(1.563rem, 0.956rem + 2.59vw, 4.063rem);
	margin-bottom: clamp(2.188rem, 1.657rem + 2.27vw, 4.375rem);
	font-size: clamp(0.781rem, 0.667rem + 0.49vw, 1.25rem);
	line-height: clamp(1.375rem, 1.147rem + 0.97vw, 2.313rem);
}
body[class*="single-projects"] .wrap_projest_contents #project_table {
	margin: 0 auto;
	max-width: 800px;
	font-size: clamp(0.781rem, 0.667rem + 0.49vw, 1.25rem);
	line-height: 1;
}
body[class*="single-projects"] .wrap_projest_contents #project_table:not(.has-border-color) :where(th, td) {
	border: none;
}
body[class*="single-projects"] .wrap_projest_contents #project_table tr {
	border-bottom: 1px solid rgb(25,25,25,0.3);
}
body[class*="single-projects"] .wrap_projest_contents #project_table th {
	padding-top: clamp(0.875rem, 0.663rem + 0.91vw, 1.75rem);
	padding-bottom: clamp(0.875rem, 0.663rem + 0.91vw, 1.75rem);
	font-weight: normal;
	text-align: left;
	width: 20%;
	background-color: transparent;
	border-bottom: 1px solid #191919 !important;
}
body[class*="single-projects"] .wrap_projest_contents #project_table td {
	padding-top: clamp(0.875rem, 0.663rem + 0.91vw, 1.75rem);
	padding-bottom: clamp(0.875rem, 0.663rem + 0.91vw, 1.75rem);	
}
body[class*="single-projects"] .wrap_projest_contents #project_table tr:nth-of-type(2n+1) {
	background-color: transparent;
}
body[class*="single-projects"] .wrap_projest_contents #project_table tr:first-child {
	border-top: 1px solid rgb(25,25,25,0.3);
}
body[class*="single-projects"] .wrap_projest_contents #project_table tr:first-child th {
	border-top: 1px solid #191919 !important;
}
/*body[class*="single-projects"] .wrap_projest_contents a.project_sp_link {
	display: none;
}*/
body[class*="single-projects"] .wrap_projest_contents a.project_sp_link {
	display: block;
	margin: 50px auto 0;
	font-size: clamp(0.813rem, 0.706rem + 0.45vw, 1.25rem);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid rgb(25,25,25,0.5);
	line-height: 60px;
	width: 30%;
	text-align: center;
}

/*bxslider*/
body[class*="single-projects"] .bxslider li {
  visibility: hidden;
  /*display: none;*/
}
body[class*="single-projects"] .bx-viewport .bxslider li {
  visibility: visible !important;
  /*display: block !important;*/
}
body[class*="single-projects"] .bx-wrapper {
	position: relative;
	background-color: transparent;
	margin: 0px auto;
	border: none;
	box-shadow: none;
}
body[class*="single-projects"] .bx-wrapper img {
	display: block;
	width: 100%;
}
body[class*="single-projects"] .bx-wrapper .bxslider li {
	margin: 0;
}
body[class*="single-projects"] .bxslider_thumbnail {
	margin-top: clamp(1.875rem, 1.572rem + 1.29vw, 3.125rem);
	/*margin-bottom: 0;*/
	display: table;
	width: 100%;
}
body[class*="single-projects"] ul.bxslider_thumbnail > li {
	margin: 0;
	display: table-cell;
}
body[class*="single-projects"] .bxslider_thumbnail > li > a {
	display: block;
	width: 100%;
}
body[class*="single-projects"] .bx-wrapper .bx-controls-direction a {
	color: #ffffff;
	text-indent: inherit;
	margin-top: 0;
	top: inherit;
	bottom: clamp(0rem, -0.303rem + 1.29vw, 1.25rem);
	width: clamp(2.5rem, 2.045rem + 1.94vw, 4.375rem);
	height: clamp(2.5rem, 2.045rem + 1.94vw, 4.375rem);
	line-height: clamp(2.5rem, 2.045rem + 1.94vw, 4.375rem);
	text-align: center;
	border: 1px solid #ffffff;
}
body[class*="single-projects"] .bx-wrapper .bx-prev,
body[class*="single-projects"] .bx-wrapper .bx-next {
	background: none;
}
body[class*="single-projects"] .bx-wrapper .bx-prev {
	left: calc(clamp(0rem, -1.365rem + 5.83vw, 5.625rem) * -1);
}
body[class*="single-projects"] .bx-wrapper .bx-next {
	right: calc(clamp(0rem, -1.365rem + 5.83vw, 5.625rem) * -1);
}
/*contact　お問い合わせ*/
body[class*="page-id-23"] .titleArea{
	background:url( img/contact-eyecatch-pc.jpg )no-repeat;
	background-size:cover;
	height: clamp(12.938rem, 7.734rem + 22.201vw, 34.375rem);
}
body[class*="page-id-23"] .titleArea::before {
    content: 'どんな事でもお気軽にご相談ください';
    position: absolute;
	top:clamp(5rem, 2.694rem + 9.838vw, 14.5rem);
    bottom: unset
    left: 0;
    display: block;
    text-align: center;
    font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1.125rem);
    color: #ffffff;
    width: 100%;
    line-height: 1;
    letter-spacing: 0.1em;
}
body[class*="page-id-23"] .titleArea::after {
	content:none;
}
body[class*="page-id-23"] .sns-container{
	align-items:start;
	padding-top: clamp(1.875rem, 0.661rem + 5.178vw, 6.875rem);
}
.contact-bg-gray {
    background: #e8e8e8;
    border: 2px solid #fff;
    padding-top: clamp(1.563rem, 0.880rem + 2.913vw, 4.375rem);
    padding-bottom: clamp(1.625rem, 0.411rem + 5.178vw, 6.625rem);
	max-width: clamp(19.688rem, 1.408rem + 77.994vw, 95rem);
	margin:auto;
	margin-top: calc(-1 * clamp(6.25rem, 4.278rem + 8.414vw, 14.375rem));
}
.contact-title-icon {
    font-family: 'Lato';
    font-size: clamp(0.938rem, 0.771rem + 0.712vw, 1.625rem);
	text-align: center;
}
.contact-title-icon i{
    display:block;
}
h2.contact-title {
    font-size: clamp(1.313rem, 1.055rem + 1.1vw, 2.375rem);
    text-align: center;
    background: none;
	padding-bottom:0;
}

p.form-before {
    font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
    line-height: 1.94;
    text-align: center;
	letter-spacing:0.1em;
	margin-bottom: 3.4em;
}
.form-content {
	margin-left: clamp(1.25rem, -4.363rem + 23.948vw, 24.375rem);
	font-size: clamp(0.787rem, 0.706rem + 0.35vw, 1.125rem);
	letter-spacing:0.1em;	
}
.form-content dd {
    margin-left: 0;
}
dd.your-mail-confirm {
    margin-top: clamp(0.313rem, 0.237rem + 0.324vw, 0.625rem);
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit {
    width: clamp(17.188rem, 10.133rem + 30.097vw, 46.25rem);
}
.mail-confirm-txt{
	font-size: clamp(0.7rem, 0.627rem + 0.311vw, 1rem);
	letter-spacing:0;
	margin-left:1em;
}
p.contact-privacy-title {
    font-size: clamp(0.688rem, 0.642rem + 0.194vw, 0.875rem);
    text-align: center;
    line-height: 1.84;
    margin-bottom: 0;
}
p.contact-privacy-txt{
	font-size: clamp(0.625rem, 0.579rem + 0.194vw, 0.813rem);
	text-align:center;
	line-height:1.84;
	margin-bottom:clamp(2.375rem, 1.738rem + 2.718vw, 5rem);
}
.contact-page input[type=submit] {
    background: #1a1a1a;
    border: 1px solid #1a1a1a;
    width: clamp(15.313rem, 13.796rem + 6.472vw, 21.563rem);
    font-family: "lato";
    font-weight: 600;
    font-size: clamp(0.938rem, 0.862rem + 0.324vw, 1.25rem);
    color: #fff;
    letter-spacing: 0.1em;
    padding: clamp(0.625rem, 0.534rem + 0.388vw, 1rem);
	display:block;
	margin:auto;
}
section.contact-page {
    padding-bottom: clamp(3.125rem, 1.760rem + 5.825vw, 8.75rem);
    margin-bottom: 0;
}
/*CONCEPT*/
.concept-chapter01{
	position:relative;
}
.concept-chapter01::after, .concept-chapter02::after,
.aboutus-chapter01::after{
    content: '';
    position: absolute;
    bottom: calc(-1 * clamp(1.875rem, 1.572rem + 1.294vw, 3.125rem));
    left: calc(50% - clamp(0.063rem, 0.047rem + 0.065vw, 0.125rem));
    width: clamp(0.063rem, 0.047rem + 0.065vw, 0.125rem);
    height: clamp(3.75rem, 3.143rem + 2.589vw, 6.25rem);
    background: #919294;
    z-index: 1;
}
.concept-top-logo {
    margin: auto;
    margin-top: clamp(1.25rem, 0.947rem + 1.294vw, 2.5rem);
	margin-bottom:clamp(1.438rem, 0.497rem + 4.013vw, 5.313rem);
    text-align: center;
}
#concept.concept-chapter01 .column-wrap {
    gap: 0px;
	padding-bottom:clamp(2.938rem, 1.769rem + 4.984vw, 7.75rem);
}
.concept-chapter01 .column-left{
	width: clamp(18.5rem, 11.492rem + 29.903vw, 47.375rem);
}
.concept-chapter01 .column-right{
	width: clamp(18.5rem, 11.492rem + 29.903vw, 47.375rem);
	padding-left:clamp(0rem, -1.972rem + 8.414vw, 8.125rem);
}
.concept-chapter02{
	padding-top:clamp(1.25rem, 0.431rem + 3.495vw, 4.625rem);
	padding-bottom:clamp(2.063rem, 1.501rem + 2.395vw, 4.375rem);
	position:relative;
	margin-bottom:0;
}
.concept-chapter02-title{
	font-family: "Arial", sans-serif;
	font-size: clamp(0.875rem, 0.270rem + 2.581vw, 1.625rem);
	font-weight:700;
	line-height:clamp(1.531rem, 0.473rem + 4.516vw, 2.844rem);
	letter-spacing:0.02em;
	text-align:center;
	margin-bottom: clamp(1.563rem, 0.576rem + 4.207vw, 5.625rem);
}
.concept-chapter02 .column-wrap {
	margin-bottom:clamp(2.5rem, 2.197rem + 1.294vw, 3.75rem);
}
.title-before-txt {
    font-family: "Arial", sans-serif;
    font-weight: 700;
   font-size: clamp(3.125rem, 2.518rem + 2.589vw, 5.625rem);
    color: #ededed;
    letter-spacing: 0.02em;
    line-height: 0.8;
}
.title-description{
	font-size:clamp(1.063rem, 0.896rem + 0.712vw, 1.75rem);
	line-height:clamp(1.75rem, 1.371rem + 1.618vw, 3.313rem);
	letter-spacing:0.02em;
}
.concept-chapter02 h3 {
    margin-bottom: clamp(1.25rem, 0.492rem + 3.236vw, 4.375rem);
    padding: 0;
    font-size: clamp(1.5rem, 1.288rem + 0.91vw, 2.375rem);
    line-height: clamp(2.25rem, 1.992rem + 1.1vw, 3.313rem);
    letter-spacing: 0.08em;
    border: none;
}
.concept-chapter02 .column-wrap:nth-child(2n+1) .column-right {
    padding-left: clamp(0rem, -1.214rem + 5.178vw, 5rem);
}
.concept-chapter02 p, .concept-chapter03 p {
    font-size: clamp(0.781rem, 0.698rem + 0.356vw, 1.125rem);
    line-height: clamp(1.313rem, 1.070rem + 1.036vw, 2.313rem);
    letter-spacing: 0.06em;
}
.concept-chapter03{
	padding-top:clamp(2.125rem, 1.124rem + 4.272vw, 6.25rem);
	padding-bottom:clamp(2.75rem, 1.900rem + 3.625vw, 6.25rem);
	text-align:center;
	margin-bottom:0;
}
.concept-chapter03 .title-before-txt{
	font-size: clamp(2.813rem, 2.130rem + 2.913vw, 5.625rem);
	line-height:clamp(2.344rem, 0.523rem + 7.767vw, 9.844rem);
}
/*ABOUT US */
.page-id-16 .main {
    padding-left: 0;
    padding-right: 0;
}
.aboutus-chapter01{
	position:relative;
	padding-top:clamp(0.125rem, -0.376rem + 2.136vw, 2.188rem);
	padding-bottom:clamp(4.375rem, 3.389rem + 4.207vw, 8.438rem);
	margin-bottom:0;
}
h2.chapter-title{
	font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: clamp(1.875rem, 1.572rem + 1.29vw, 3.125rem);
    line-height: 1;
    letter-spacing: 0.06em;
    text-align: center;
    margin-top: 0;
    margin-bottom: clamp(0.938rem, 0.407rem + 2.265vw, 3.125rem);
	background:none;
}
.aboutus-chapter01 table, .aboutus-chapter02 table{
	max-width:730px;
	width:80%;
	margin:auto;
	font-size: clamp(0.781rem, 0.698rem + 0.356vw, 1.125rem);
	font-weight:500;
	line-height:clamp(1.313rem, 1.085rem + 0.971vw, 2.25rem);
}
.aboutus-chapter01 table tr:nth-of-type(2n+1), .aboutus-chapter01 table th,
.aboutus-chapter02 table tr:nth-of-type(2n+1), .aboutus-chapter02 table th{
    background-color: transparent;
}
.aboutus-chapter01 table th, .aboutus-chapter02 table th {
	border:0;
	border-bottom:1px solid #1a1a1a;
	padding:1em 0;
	width:21%;
	letter-spacing:0.12em;
	text-align:left;
	vertical-align:top;
}
.aboutus-chapter01 table td,.aboutus-chapter02 table td {
	border:0;
	border-bottom:1px solid #bababa;
	letter-spacing:0.06em;
	padding:1em 0;
}
.aboutus-chapter02{
	position:relative;
	background:url( img/aboutus-chapter02-bg-pc.jpg )no-repeat;
	background-size:cover;
	padding-top:clamp(3.75rem, 2.688rem + 4.531vw, 8.125rem);
	padding-bottom:clamp(12.5rem, 11.135rem + 5.825vw, 18.125rem);
	margin-bottom:0;
}
.aboutus-chapter02 h2.chapter-title{
	color:#fff;
}
.aboutus-chapter02 table{
	color:#fff;
}
.aboutus-chapter02 table th {
	border-bottom:1px solid #fff;
}
.aboutus-chapter03{
    padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
    padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	margin-bottom:0;
	position:relative;
}
.about-bg-gray{
	padding-top:clamp(2.5rem, 1.666rem + 3.56vw, 5.938rem);
	padding-bottom:clamp(3.125rem, 2.215rem + 3.883vw, 6.875rem);
	background:#e8e8e8;
	margin-top:calc(-1 * clamp(8.563rem, 8.365rem + 0.841vw, 9.375rem));
}
.message-txt {
    width: clamp(15.938rem, 5.091rem + 46.278vw, 60.625rem);
    margin: auto;
	font-size: clamp(0.75rem, 0.629rem + 0.518vw, 1.25rem);
	line-height:clamp(1.313rem, 0.918rem + 1.683vw, 2.938rem);
}
.message2{
	margin-top:5em;
}
.profile-area{
	position:relative;
	width: clamp(17.188rem, 1.335rem + 67.638vw, 82.5rem);
	margin:auto;
}
.profile-address{
	padding-left:clamp(0rem, -4.308rem + 18.382vw, 17.75rem);
}
p.profile-company {
	font-size:clamp(0.875rem, 0.784rem + 0.388vw, 1.25rem);
	font-weight:700;
	line-height:clamp(1.531rem, 1.364rem + 0.712vw, 2.219rem);
	letter-spacing:0.04em;
	margin-bottom:0;
}
p.profile-name{
	font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
	font-weight:500;
	line-height:clamp(1.313rem, 1.009rem + 1.294vw, 2.563rem);
	letter-spacing:0;
	margin-bottom:0;
}
.profile-ceo-name{
	font-size: clamp(0.875rem, 0.784rem + 0.388vw, 1.25rem);
	font-weight:700;
	line-height:clamp(1.281rem, 1.054rem + 0.971vw, 2.219rem);
	letter-spacing:0.06em;
}
.ceo-photo{
	position:absolute;
	top:0;
	width: clamp(7.5rem, 5.695rem + 7.702vw, 14.938rem);
}
.profile-txt {
    background: #fff;
	max-width: clamp(17.188rem, 3.914rem + 56.634vw, 71.875rem);
	margin-top: clamp(1.25rem, 1.098rem + 0.647vw, 1.875rem);
	margin-left: clamp(1.25rem, -0.085rem + 5.696vw, 6.75rem);
	padding-top: clamp(0.938rem, 0.710rem + 0.971vw, 1.875rem);
	padding-bottom: clamp(1.438rem, 1.104rem + 1.424vw, 2.813rem);
}
.aboutus-chapter03 h3.content-title{
	font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: clamp(1.188rem, 1.021rem + 0.712vw, 1.875rem);
    line-height: 1;
    letter-spacing: 0.06em;
    margin-top: 0;
	background: none;
	border:none;
	padding-left: clamp(0rem, -2.655rem + 11.327vw, 10.938rem);
	margin-bottom: clamp(0.625rem, 0.504rem + 0.518vw, 1.125rem);
}
.profile-history{
	margin-left:clamp(0rem, -2.655rem + 11.327vw, 10.938rem);
	width:clamp(16.563rem, 8.416rem + 34.757vw, 50.125rem);
}
.profile-history dl {
	margin-bottom:0;
}
.profile-history dl:last-child{
	margin-top:clamp(0.75rem, 0.629rem + 0.518vw, 1.25rem);
	background:#e8e8e8;
}
.aboutus-chapter03 dt, .aboutus-chapter03 dd{
	font-size: clamp(0.625rem, 0.534rem + 0.388vw, 1rem);
	line-height: clamp(0.813rem, 0.555rem + 1.1vw, 1.875rem);
	letter-spacing:0.12em;
	display:inline-block;
}
.aboutus-chapter03 dt{
	padding-left:clamp(0.375rem, 0.238rem + 0.583vw, 0.938rem);
	width: clamp(2.813rem, -0.262rem + 13.118vw, 6.625rem);
	vertical-align:top;
}
.aboutus-chapter03 dd{
	letter-spacing:0.04em;	
	margin-left:0;
	padding-left:0;
}
.aboutus-chapter04{
    padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
    padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	padding-bottom:clamp(3.25rem, 2.279rem + 4.142vw, 7.25rem);
	margin-top:clamp(3rem, 2.287rem + 3.042vw, 5.938rem);
	margin-bottom:0;
	position:relative;
}
 .aboutus-chapter04::after{
    content: '';
    position: absolute;
    top: calc(-1 * clamp(1.875rem, 1.572rem + 1.294vw, 3.125rem));
    left: calc(50% - clamp(0.063rem, 0.047rem + 0.065vw, 0.125rem));
    width: clamp(0.063rem, 0.047rem + 0.065vw, 0.125rem);
    height: clamp(3.75rem, 3.143rem + 2.589vw, 6.25rem);
    background: #919294;
    z-index: 1;
}
.wrap-border {
    border: 1px solid #1a1a1a;
	padding:clamp(1.25rem, 0.340rem + 3.883vw, 5rem);
	padding-top:clamp(2.5rem, 1.893rem + 2.589vw, 5rem);
}
.title-english{
	font-family: "Arial", sans-serif;
    font-weight: 900;
    letter-spacing: 0.02em;
	font-size: clamp(0.625rem, 0.534rem + 0.388vw, 1rem);
	text-align:center;
}
.aboutus-chapter04 h2.column-title{
	font-size: clamp(1.063rem, 0.805rem + 1.1vw, 2.125rem);
	line-height:clamp(1.531rem, 1.099rem + 1.845vw, 3.313rem);
	text-align:center;
	background:none;
	padding:0;
}
.aboutus-chapter04 p {
    font-size: clamp(0.688rem, 0.581rem + 0.453vw, 1.125rem);
	line-height: clamp(1.25rem, 1.076rem + 0.744vw, 1.969rem);
}
.aboutus-chapter04 .column-wrap {
	margin-bottom:0;
}
.aboutus-chapter04 .column-wrap > div {
    width: 48%;
    text-align: justify;
}
/*SERVICE*/
.page-id-20 .main {
    padding: 0;
}
.service-chapter01 {
    text-align: center;
    background: #e8e8e8;
	padding-top:clamp(3.813rem, 2.811rem + 4.272vw, 7.938rem);
	padding-bottom:clamp(3.125rem, 2.473rem + 2.783vw, 5.813rem);
	margin-bottom:0;
}
.service-page-logo {
    width: clamp(16.625rem, 13.621rem + 12.816vw, 29rem);
    margin: auto;
	margin-bottom:clamp(1.625rem, 1.413rem + 0.906vw, 2.5rem);
}
.service-chapter01 p{
	font-size: clamp(0.781rem, 0.698rem + 0.356vw, 1.125rem);
	line-height: clamp(1.5rem, 1.212rem + 1.23vw, 2.688rem);
	letter-spacing: 0.12em;
	margin-bottom: 0;
}
.service-chapter02{
	padding-top:clamp(1.875rem, 0.889rem + 4.207vw, 5.938rem);
    padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
    padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	margin-bottom:0;
}
h2.service-chapter02-title {
    padding: 0;
    text-align: center;
	background:none;
}
.service-point{
	font-family: "Lato", sans-serif;
    font-weight: 900;
    text-align: center;
    line-height: 1;
	font-size: clamp(3rem, 2.515rem + 2.071vw, 5rem);
}
.service-point-unit{
	font-family: "Lato", sans-serif;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1;
	font-size: clamp(1.5rem, 1.257rem + 1.036vw, 2.5rem);
}
.service-point-txt{
	font-size: clamp(1rem, 0.909rem + 0.388vw, 1.375rem);
	line-height:clamp(1.462rem, 1.226rem + 1.01vw, 2.438rem);
	letter-spacing: 0.1em;
	margin-top:clamp(0.938rem, 0.710rem + 0.971vw, 1.875rem);
}
.service-strength{
	display:block;
	width: clamp(19.688rem, 4.745rem + 63.754vw, 81.25rem);
	margin:auto;
	margin-top:clamp(0rem, -0.152rem + 0.647vw, 0.625rem);
}
.fifth-strength {
    padding-top: clamp(1.875rem, -0.141rem + 8.602vw, 4.375rem);
	padding-bottom: clamp(3.75rem, 2.658rem + 4.66vw, 8.25rem);
    position: relative;
}
.fifth-strength::before{
	content:'';
	border-left:2px solid #909294;
	width:2px;
	height:calc(100% + clamp(1rem, 0.333rem + 2.848vw, 3.75rem));
	position:absolute;
	top:calc(-1 * clamp(1rem, 0.333rem + 2.848vw, 3.75rem));
	left:calc(50% - 1px);
}
.fifth-strength .column-wrap{
	border:1px solid #1a1a1a;
	margin-bottom:clamp(1.875rem, 0.867rem + 4.301vw, 3.125rem);
	gap: 0;
	position: relative;
	background:#fff;
}
.fifth-strength .column-wrap::before{
	content: "";
	display: block;
	width: clamp(0.625rem, 0.458rem + 0.712vw, 1.313rem);
	height: clamp(0.625rem, 0.458rem + 0.712vw, 1.313rem);
	background-color: #8c8c8c;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, -50%) rotate(45deg);
	position:absolute;
}
.fifth-strength .column-wrap .column-left, 
.fifth-strength .column-wrap .column-right{
	width:50%;
}
.fifth-strength .column-wrap:nth-child(2n+1) .column-left, 
.fifth-strength .column-wrap:nth-child(2n) .column-right{
	padding: clamp(1.625rem, 0.415rem + 5.161vw, 3.125rem) 0;
	padding-left: clamp(1.25rem, -1.270rem + 10.753vw, 4.375rem);
}
.strength-num{
	font-family: "Lato", sans-serif;
    font-weight: 900;
    letter-spacing: 0.06em;
	font-size: clamp(1rem, 0.894rem + 0.453vw, 1.438rem);
	margin-bottom:clamp(1rem, 0.697rem + 1.294vw, 2.25rem);
}
h3.strength-title{
	font-size: clamp(1.663rem, 1.459rem + 0.867vw, 2.5rem);
	line-height:clamp(1.438rem, 1.271rem + 0.712vw, 2.125rem);
	background:none;
	border:none;
	padding:0;
	margin-bottom:clamp(1.25rem, 0.947rem + 1.294vw, 2.5rem);
}
h3.strength-title .title-english {
    display: block;
    text-align: left;
	font-size: clamp(0.75rem, 0.689rem + 0.259vw, 1rem);
}
.fifth-strength p{
	font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
	line-height:clamp(1.313rem, 1.146rem + 0.712vw, 2rem);
}
.service-chapter03 {
    background: #e8e8e8;
	padding-top:clamp(2.5rem, 1.286rem + 5.178vw, 7.5rem);
	padding-bottom:clamp(3.313rem, 1.689rem + 6.926vw, 10rem);
    padding-left: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
    padding-right: clamp(2.5rem, 0.073rem + 10.36vw, 12.5rem);
	margin-bottom:0;
}
.service-chapter03 .lead-text{
	font-size: clamp(1rem, 0.909rem + 0.388vw, 1.375rem);
	font-weight:700;
	line-height:clamp(1.462rem, 1.226rem + 1.01vw, 2.438rem);
	letter-spacing:0.1em;
	text-align:center;
}
.service-chapter03 h2.chapter-title{
	margin-bottom:clamp(0rem, -0.303rem + 1.294vw, 1.25rem);
}
.service-chapter03 table{
	font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
	line-height:clamp(1.969rem, 1.688rem + 1.197vw, 3.125rem);
	letter-spacing:0.1em;
	text-align:center;
	font-weight:700;
}
.service-chapter03 tr:nth-of-type(2n+1) {
  background-color: #f4f4f4;
}
.service-chapter03 tr:nth-of-type(2n) {
  background-color: #fff;
}
.service-chapter03 th{
	background:#000;
	color:#fff;
	border:1px solid #1a1a1a;
	border-right:1px solid #fff;
}
.service-chapter03 th:last-child{
	border-right:1px solid #1a1a1a;
}
.service-chapter03 td{
	padding: 0 clamp(0.438rem, 0.180rem + 1.1vw, 1.5rem);
	border:1px solid #1a1a1a;
}
.table-after-txt{
	font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
	line-height: clamp(1.438rem, 1.271rem + 0.712vw, 2.125rem);
	margin-top: clamp(0.188rem, -0.525rem + 3.042vw, 3.125rem);
	letter-spacing:0.03em;
	justify-content:justify;
}
.about-fee-txt {
    background: #fff;
	font-size: clamp(0.75rem, 0.659rem + 0.388vw, 1.125rem);
	line-height: clamp(1.438rem, 1.210rem + 0.971vw, 2.375rem);
	letter-spacing:0.07em;
	padding-top:30px;
	padding-bottom:clamp(1.375rem, 1.163rem + 0.906vw, 2.25rem);
	text-align:center;
	margin-top:clamp(1.875rem, 1.572rem + 1.294vw, 3.125rem);
}
.about-fee-txt p {
	margin-bottom: 0;
}

/*SERVICE*/
body[class*="privacy-policy"] .main {
	padding-top: clamp(3.75rem, 3.143rem + 2.59vw, 6.25rem);
	padding-bottom: clamp(3.75rem, 3.143rem + 2.59vw, 6.25rem);
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.sns-icon {
		display: none;
	}
	body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
		margin-top: 60px;
	}
	.mobile-header-menu-buttons {
		box-shadow: none;
	}
	.titleArea::after {
		bottom: -30px;
		left: calc(50% - 1px);
		width: 1px;
		height: 60px;
	}
	body[class*="front-top-page"] #content::before {
		top: -30px;
		left: calc(50% - 1px);
		width: 1px;
		height: 60px;
	}
	body[class*="post-type-archive-projects"] .sns-container, body[class*="tax-building_type"] .sns-container {
		height: 50%;
	}
	.logo-menu-button img.site-logo-image {
		display: none;
	}
	.mobile-menu-buttons .logo-menu-button > a {
		display: block;
		width: 192px;
		height: 60px;
		background-image: url( ./img/site_logo192x60.svg );
		background-position: center;
		background-repeat: no-repeat;
		margin-left: 0;
	}
	#footer {
		padding-bottom: 60px;
	}
	#projects.b_back header::before,
	#news_topics.b_back header::before,
	#about_us::before,
	#contact::before {
		top: -30px;
		left: calc(50% - 1px);
		width: 1px;
		height: 60px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.spOnly {
		display: block;
	}
	.pcOnly {
		display: none;
	}
	main.main, div.sidebar {
		padding: 40px 40px 0;
	}
	#concept .column-wrap {
		gap: calc(35px - 1em);
	}
	#concept .col-reverse {
		flex-direction: column-reverse; 
	}
	#concept footer {
		text-align: center;
	}
	#projects.b_back,
	#news_topics.b_back {
		margin-left: -40px;
		margin-right: -40px;
	}
	#contact.photo_back {
		background: url('img/top_sp_img02_750x790.jpg') no-repeat left top / cover content-box;
	}
	#contact .column-wrap.column-2 .column-left,
	#contact .column-wrap.column-2 .column-right {
		text-align: center;
	}
	#news_topics.b_back .swiper-slide {
		width: inherit;
	}
	#about_us .column-2-3-2-1 .column-left,
	#about_us .column-2-3-2-1 .column-right {
		width: 100%;
	}
	#about_us .column-2-4-3-1 .column-right {
		text-align: center;
	}
	#about_us #message-wrap {
		padding-top: 110px;
		margin-left: -40px;
		margin-right: -40px;
	}
	#about_us #message-wrap h3::before {
		margin-left: calc(-30px - 10px);
		margin-right: 10px;
		width: 30px;
		height: 1px;
	}
	#about_us .message-contents-wrap {
		font-size: 12.5px;
		line-height: 20px;
		letter-spacing: 0.05em;
		flex-direction: column;
	}
	#about_us .message-contents-wrap .message-contents-left p:last-child::after {
		content: '';
		width: 128px;
		height: 170px;
	}
	#about_us .message-contents-wrap .message-contents-left .photo-contents-wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 3%;
		font-size: 14px;
		line-height: 19.5px;
	}
	#about_us .message-contents-wrap .message-contents-left .photo-contents-wrap p span:first-child {
		display: block;
		text-align: left;
	}
	body[class*="post-type-archive-projects"] .ect-vertical-card .entry-card-wrap, body[class*="tax-building_type"] .ect-vertical-card .entry-card-wrap {
		width: 100%;
	}
	body[class*="post-type-archive-projects"] .main h2, body[class*="tax-building_type"] .main h2 {
		letter-spacing: 0;
	}
	.project-category-link {
		width: clamp(18.75rem, 16.734rem + 8.602vw, 21.25rem);
   	 	top: clamp(7.5rem, 5.484rem + 8.602vw, 10rem);
    	left: 50%;
    	transform: translateX(-50%);
	}
	.taxonomy-link-right {
		display: flex;
		align-items: start;
		justify-content: start;
		flex-wrap: wrap;
	}
	.taxonomy-link-right li{
		margin-right:2em;
	}
	body[class*="single-projects"] .rect-vertical-card-3 .related-entry-card-wrap {
		width: 100%;
	}
	body[class*="single-projects"] .bxslider_thumbnail {
		padding: 0 !important;
	}
	body[class*="single-projects"] ul.bxslider_thumbnail > li {
		display: inline-block;
		vertical-align: top;
		width: calc(100% / 4);
	}
	body[class*="single-projects"] .wrap_projest_contents h2 > br {
		content: none;
	}
	body[class*="single-projects"] .wrap_projest_contents h2 > br::after  {
		margin-right: inherit;
		content: none;
	}
	body[class*="single-projects"] .wrap_projest_contents #project_table th {
		width: 30%;
	}
	body[class*="single-projects"] .pager-post-navi a.project_link {
		display: none;
	}
	body[class*="single-projects"] .prev-post-title, .next-post-title,
	body[class*="single-projects"] .prev-post-title, .prev-post-title {
		display: none;
	}
	body[class*="single-projects"] .wrap_projest_contents a.project_sp_link {
		margin: 30px auto 0;
		line-height: 40px;
		width: 60%;
	}
	body[class*="post-type-archive-news_topics"] .ect-3-columns {
		column-gap: 6%;
	}
	body[class*="post-type-archive-news_topics"] .ect-3-columns .entry-card-wrap {
		width: 47%;
	}
	body[class*="single-news_topics"] .rect-vertical-card-3 .related-entry-card-wrap {
		width: 100%;
	}
	body[class*="single-news_topics"] .entry-title {
		border-bottom: 1px solid #191919;
	}
	body[class*="single-news_topics"] a.project_sp_link {
		margin: 30px auto 0;
		line-height: 40px;
		width: 60%;
	}
/*contact　お問い合わせ*/
	.page-id-23 main#main{
		padding:30px;
	}
	.contact-bg-gray{
		border-width:clamp(0.063rem, 0.047rem + 0.065vw, 0.125rem);
	}
	.mail-confirm-txt {
	    display: block;
	    text-align: right;
	    margin-right: clamp(1.25rem, -4.363rem + 23.948vw, 24.375rem);
}
	.wpcf7-list-item {
		width: 5em;
	}
/*CONCEPT*/
	.page-id-14 main.main{
		padding-left:20px;
		padding-right:20px;
	}
	.concept-chapter01{
		padding-left:20px;
		padding-right:20px;		
	}
	#concept.concept-chapter01 h5{
		margin-top:clamp(1.563rem, 0.000rem + 6.667vw, 3.5rem);
	}
	#concept.concept-chapter01 p {
    	letter-spacing: 0.04em;
	}
	 .concept-chapter02{
		padding-left:15px;
		padding-right:15px;		
	}
	.concept-chapter02 .column-wrap{
		gap:0;
	}
	.concept-chapter02 .column-wrap:nth-child(2n) {
    	flex-direction: column-reverse;
	}
	.title-before-txt{
		padding-top:clamp(0.313rem, 0.000rem + 1.333vw, 0.7rem);
	}
	.title-description {
    	letter-spacing: -0.01em;
	}
	.concept-chapter02 p {
    	letter-spacing: 0em;
	}
	.concept-chapter03 .title-before-txt {
    	margin-bottom: 0.3em;
}
/*ABOUT US */
	.aboutus-chapter02{
		background:url( img/aboutus-chapter02-bg-sp.jpg )no-repeat;
		background-size:cover;
	}
	.aboutus-chapter03, .aboutus-chapter04 {
		padding-left: clamp(1.875rem, 0.000rem + 8vw, 4.2rem);
		padding-right: clamp(1.875rem, 0.000rem + 8vw, 4.2rem);
	}
	.profile-area{
		width:100%;
	}
	.profile-address {
		margin-left: clamp(1.875rem, 0.000rem + 8vw, 4.2rem);
	}
	.ceo-photo {
		position: relative;
		margin:auto;	
		margin-top:clamp(1.25rem, 1.098rem + 0.647vw, 1.875rem);
	}
	.profile-txt{
		margin-top:calc(-1 * clamp(5rem, 0.010rem + 21.29vw, 11.188rem));
		padding-top:clamp(5rem, 0.010rem + 21.29vw, 11.188rem);
	}
	.aboutus-chapter03 h3.content-title{
		text-align:center;
	}
	.profile-history {
		margin: auto;
	}
	.aboutus-chapter03 dt{
		letter-spacing:0.06em;
	}
	.aboutus-chapter03 dd{
		letter-spacing:0;
		vertical-align:top;
	}
	.aboutus-chapter04 .column-wrap {
    	gap: 0;
}
	.aboutus-chapter04 .column-wrap > div {
	    width: 100%;
}
/*SERVICE*/
	.service-chapter01 p{
		letter-spacing:  0;
	}
	.service-chapter02 {
		padding-left: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
		padding-right: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
	}
	.service-point-txt{
		letter-spacing: 0.05em;
	}
	.fifth-strength .column-wrap:nth-child(2n){
		flex-direction:column-reverse;
	}
	.fifth-strength .column-wrap:nth-child(2n+1) .column-left, .fifth-strength .column-wrap:nth-child(2n) .column-right {
		padding-right:clamp(0.938rem, 0.000rem + 4vw, 2.1rem);
	}
	.fifth-strength .column-wrap .column-left, 
	.fifth-strength .column-wrap .column-right{
		width:100%;
	}
	.service-chapter03 {
		padding-left: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
		padding-right: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
	}
	.table-after-txt {
		letter-spacing: 0em;
	}
	.about-fee-txt{
		letter-spacing: 0em;
		padding-left: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
		padding-right: clamp(1.25rem, 0.242rem + 4.301vw, 2.5rem);
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
	.menu-content {
		max-width: 100%;
	}
	body[class*="single-projects"] .pager-post-navi a figure {
		min-width: 80%;
		max-width: 80%;
	}
}