@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイル */

/************************************
** 基本設定
************************************/


#body ul,
#body ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#body dl,
#body dt,
#body dd {
	margin: 0;
	padding: 0;
}
#body {
	max-width: 100%;
	overflow: hidden;
	text-align: justify;
}



/* PC */
@media screen and (min-width:751px){
	
	.pc-only {display: block;}
	.sp-only {display: none;}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	.pc-only {display: none;}
	.sp-only {display: block;}
	
}



/************************************
** ナビゲーション
************************************/

#container > header,
#home-header {
	width: 100%;
}

#container > header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
	background-color: #fff;
}

#container > header #h-top,
#home-header #home-header-in {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: space-between;
	align-items: center;
	width: 95%;
	padding: 2.5%;
}
#container > header #h-top #site-title,
#home-header #home-header-in h1 {
	font-size: 0;
	line-height: 1;
}
#container > header nav,
#home-header nav {
	width: auto;
	margin: 0 0 0 auto;
}
#container > header nav #navi,
#home-header nav #navi {
	display: flex;
	align-items: center;
}
#container > header nav #navi ul.menu,
#home-header nav #navi ul.menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
#container > header nav #navi ul.menu li,
#home-header nav #navi ul.menu li {
	font-family: 14px;
	line-height: 1;
	margin-right: 1.5em;
}
#container > header nav #navi ul.menu li a,
#home-header nav #navi ul.menu li a {
	letter-spacing: .15em !important;
}
#container > header #navi #navi ul.menu > li,
#home-header #navi #navi ul.menu > li {
	margin-right: 20px;
}

/* lang-menu */
#container > header #lang-menu,
#mobile-navi #mobile-navi-lang-menu,
.home #home-header #lang-menu,
.page-en #home-header #lang-menu {
	display: flex;
	justify-content: space-between;
	width: 3.7em;
	margin: 0 3em 0 2em;
}
#container > header #lang-menu li,
#mobile-navi #mobile-navi-lang-menu li,
.home #home-header #lang-menu li,
.page-en #home-header #lang-menu li {
	list-style-type: none;
}
/*
#container > header #lang-menu li::marker,
#mobile-navi #mobile-navi-lang-menu li::marker,
.home #home-header #lang-menu li::marker {
	display: none !important;
	content: "";
}
*/
#container > header #lang-menu li a,
#mobile-navi #mobile-navi-lang-menu li a,
.home #home-header #lang-menu li a,
.page-en #home-header #lang-menu li a {
	font-size: 14px;
	color: #000;
	letter-spacing: 0;
}
.home #home-header #lang-menu li a,
.page-en #home-header #lang-menu li a,
#mobile-navi #mobile-navi-lang-menu li a {
	color: #fff;
}
#container > header #lang-menu li a.is-active,
#mobile-navi #mobile-navi-lang-menu li a.is-active,
.home #home-header #lang-menu li a.is-active,
.page-en #home-header #lang-menu li a.is-active {
	/*color: #484848;*/
	opacity: 0.3;
}

/* スマホ */
@media screen and (max-width:960px){

	#container > header #h-top,
	#home-header #home-header-in {
		padding: 2.5vw;
	}
	#container > header #h-top #site-title,
	#home-header #home-header-in h1 {
		width: 50vw;
	}
	#container > header #lang-menu,
	#mobile-navi #mobile-navi-lang-menu,
	.home #home-header #lang-menu,
	.page-en #home-header #lang-menu {
		position: fixed;
    	right: calc(2em + 2.5vw + 40px);
		margin: 0;
	}
	#container > header #lang-menu li a,
	#mobile-navi #mobile-navi-lang-menu li a,
	.home #home-header #lang-menu li a {
		font-size: 14px;
	}

}



/*
#container > header ul.snsp,
#home-header ul.snsp {
	position: absolute;
	right: 0;
	top: 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 60px;
	margin: 0;
	padding: 5px;
}
#container > header ul.snsp li a span,
#home-header ul.snsp li a span {
	width: 20px;
	height: 20px;
}
#container > header ul.snsp .icon-facebook-logo,
#home-header ul.snsp .icon-facebook-logo {
	background: url(images/fb-logo.png) no-repeat center center;
	background-size: cover;
}
#container > header ul.snsp .icon-instagram-logo,
#home-header ul.snsp .icon-instagram-logo {
	background: url(images/ig-logo.png) no-repeat center center;
	background-size: cover;
}
#container > header ul.snsp .icon-facebook-logo:before,
#container > header ul.snsp .icon-instagram-logo:before,
#home-header ul.snsp .icon-facebook-logo:before,
#home-header ul.snsp .icon-instagram-logo:before {
	content: "" !important;
}
*/

/* mobile-navi */
nav#mobile-navi {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	float: inherit;
	background-color: rgba(0,0,0,0.97);
	width: 100vw !important;
	height: 100vh;
}
#mobile-navi-in {
	display: flex;
	width: 100%;
	height: 100%;
}
#mobile-navi-main{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 100%;
}
#mobile-navi-image{
	width: 50%;
	height: 100%;
	background-image: url(./images/mobile-navi-visual.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#mobile-navi-wrap {
	position: relative;
	width: 260px;
}

/* lang menu */
#mobile-navi-lang-menu {
	position: fixed;
	top: 2.5vw;
	right: calc(5vw + 5px);
	width: 3.7em !important;
}

/*closeボタン*/
#mobile-navi-close {
	cursor: pointer;
}
#mobile-navi-close.mobile_menu_icon {
	position: fixed;
	top: 3.0vw;
	right: 2.5vw;
	width: 100%;
	height: 100%;
}
#mobile-navi-close.mobile_menu_icon:before,
#mobile-navi-close.mobile_menu_icon:after {
	content: "";
	position: absolute;
	display: block;
	background-color: #fff;
	width: 100%;
	height: 1px;
	transition: all 0.6s ease;
}
#mobile-navi-close.mobile_menu_icon {
	width: 40px;
	height: 15px;
}
#mobile-navi-close.mobile_menu_icon:before {
	top: 0.4em;
	bottom: 0;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#mobile-navi-close.mobile_menu_icon:after {
	top: 0.4em;
	bottom: 0;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

#mobile-navi #mobile-navi-menu1 li a {
	font-size: 16px;
}
#mobile-navi #mobile-navi-menu2 li a {
	font-size: 14px;
}
#mobile-navi #mobile-navi-menu2 li a {
	font-size: 14px;
}
#mobile-navi #mobile-navi-menu3 li a {
	font-size: 12px;
}
#mobile-navi .mobile-navi-menu {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	list-style-type: none;
	margin: 0 auto;
	padding: 2em 0;
	border-bottom: 1px solid #333;
}
/* Safari用ハック */
_::-webkit-full-page-media, _:future, :root #mobile-navi .mobile-navi-menu{
	padding: 2em 1.5em 2em 0.5em;
}
#mobile-navi .mobile-navi-menu > li {
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}
#mobile-navi .mobile-navi-menu > li a {
	position: relative;
	display: block;
	color: #fff;
	line-height: 1;
	writing-mode: vertical-rl;
	padding: 0 0.5em;
}
nav#mobile-navi #mobile-navi-footer {
	display: flex;
	/*flex-direction: row-reverse;*/
}
nav#mobile-navi #mobile-navi-menu3 {
	display:flex;
	justify-content: space-between;
	width: 120px;
	padding: 0;
}
nav#mobile-navi #mobile-navi-menu3 li {
	list-style-type: none;
	padding: 0;
}
nav#mobile-navi #mobile-navi-menu3 li a {
	color: #fff;
	line-height: 1;
	writing-mode: vertical-rl;
}
#mobile-navi #mobile-navi-snsp {
	position: inherit;
	display:flex;
	justify-content: space-between;
	width: 60px;
	padding: 0;
}
/* Safari用ハック */
_::-webkit-full-page-media, _:future, :root #mobile-navi #mobile-navi-snsp{
	width: 40px;
}
#mobile-navi #mobile-navi-snsp li {
	margin: 0;
	padding: 0;
}
#mobile-navi #mobile-navi-snsp li a {
	color: #fff;
	line-height: 20px;
	writing-mode: vertical-rl;
}
#mobile-navi #mobile-navi-snsp li a span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: 1em;
}
#mobile-navi #mobile-navi-snsp li a span.icon-instagram {
	background-image: url(./images/icon-instagram.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* PC */
@media screen and (min-width:961px){
	
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
}

/* スマホ */
@media screen and (max-width:960px){
	nav#mobile-navi {
		width: 100% !important;
	}
	#mobile-navi-in {
		
	}
	#mobile-navi-main{
		width: 100%;
	}
	#mobile-navi-image{
		display: none;
	}
	#mobile-navi-wrap {
		width: 60%;
	}
	#mobile-navi-close.mobile_menu_icon {
		display: block;
		top: 5vw;
		right: 2.5vw;
	}
	/*
	#mobile-navi-in #mobile-navi-logo {
		background-color: #fff;
		padding: 5%;
	}
	
	#mobile-navi #mobile-navi-menu {
		width: 100%;
		margin: 5vw auto 0 auto;
		padding: 0;
		list-style-type: none;
	}
	#mobile-navi #mobile-navi-menu > li {
		font-size: 16px;
		letter-spacing: 0.1em;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#mobile-navi #mobile-navi-menu > li a {
		position: relative;
		display: block;
		padding: 10px 10px;
	}
	nav#mobile-navi #mobile-navi-footer {
		clear: both;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 12px;
	}
	nav#mobile-navi #mobile-navi-footer li {
		
	}
	#header #mobile-navi-snsp {
		
	}
	#mobile-navi #mobile-navi-snsp {
		
	}
	#mobile-navi #mobile-navi-snsp li {
		margin: 0;
		padding: 0;
	}
	#mobile-navi #mobile-navi-snsp li a span {
		width: 20px;
		height: 20px;
	}
	*/
	
}



/************************************
** 投稿・ページ
************************************/

.fs20 {font-size: 20px;}
.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}
.fs14 {font-size: 14px;}
.fs12 {font-size: 12px;}

.layout-box1,
.layout-box2,
.layout-box3 {
	position: relative;
	width: 100%;
}

.entry-content img{
	display: block;
}

.page article h2 {
	line-height: 1.6;
	margin: 0;
}


/* 共通ボタン */
.btn-wrap {
	width: 100%;
}
.btn-wrap .btnL {
	
}
.btn-wrap .btnL a {
	display: block;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	color: #2d2926;
	text-align: center;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #2d2926;
	letter-spacing: .2em;
}

.btn-single {
	width: inherit;
}
.btn-single a {
	display: block;
	font-family: "MFW-ShueiMinPr6-L";
	font-weight: 300;
	font-style: normal;
	font-size: 12px;
	color: #2d2926;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	letter-spacing: .2em;
	border: 1px solid #2d2926;
}
.btn-single-tate {
	width: inherit;
}
.btn-single-tate a {
	display: block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background-color: #2d2926;
	height: 200px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
.btn-single-black {
	width: inherit;
}
.btn-single-black a {
	display: block;
	background-color: #2d2926;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 20px;
}

/* 縦書き用 */
.tate {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 2.0em;
}

/*縦中横*/
.upright {
	text-orientation: upright;
}



/* PC */
@media screen and (min-width:961px){
	.pc-only {display: block !important;}
	.sp-only {display: none !important;}
	
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	.pc-only {display: none !important;}
	.sp-only {display: block !important;}
}

/* スマホ */
@media screen and (max-width:750px){
	.pc-only {display: none !important;}
	.sp-only {display: block !important;}
	
}



/************************************
** 共通パーツ
************************************/

.sec_inner {
	width: 90%;
	max-width: 930px;
	margin: 0 auto;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.sec_inner {
		width: 90%;
	}
	
}



/************************************
** Loading(HOME)
************************************/

#loading {
	position: fixed;
	/*background-color: #000;*/
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;

	& #loading-bg {
		width: 100%;
		height: 100%;

		& > div {
			background-color: #000;
			width: 100%;
			height: 50%;
			transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
		}
	}

	& #logo-symbol {
		position: fixed;
		left: 2.5vw;
		top: 2.5vw;
		display:flex;
		align-items: center;
		width: 57px;
		transition: opacity 0.4s ease;

		& img {
			display: block;
		}
	}

	& #progress-bar {
		position: fixed;
		left: 0;
		top: 50%;
		width: 0;
		height: 1px;
		background-color: #fff;
		transition: width 0.3s ease-out, opacity 0.4s ease;
	}

	/* ローディング完了：上下にスライドして開く */
	&.is-open {
		& #loading-bg1 {
			transform: translateY(-100%);
		}
		& #loading-bg2 {
			transform: translateY(100%);
		}
		& #logo-symbol,
		& #progress-bar {
			opacity: 0;
		}
	}
}

/* スマホ */
@media screen and (max-width:750px){
	
	#loading #logo-symbol {
		top: 0vw;
		width: 9.6vw;
		height: 12.5vw;
	}
	
}


/************************************
** HOME(home)
************************************/

.home {
	
}
.home #container > header {
	display: none;
}

/* keyvisual */
.home #keyvisual{
	position: relative;
	top: 200vh;
	width: 100%;
	height: 100vh;
	padding: 0;
	/*
	display:flex;
	justify-content: center;
	align-items: center;
	*/
}
.home #keyvisual.is-fixed{
	position: fixed;
	top: 0;
	z-index: 15; /* #news-eventなどのposition:relativeコンテンツが上に重ならないように。#home-header(z-index:20)よりは下にしてヘッダーは常に最前面に保つ */
}
.home #keyvisual.is-fixed + #keyvisual-spacer{
	/* 余白はJSが#keyvisual-spacerの高さで制御するのでここでは何もしない */
}

/* スクロール前 */
.home #home-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	padding: 0%;
}
.home #home-header nav,
.home #home-header #mobile-menu {
	display: none;
}
.home #home-header nav #navi ul li a {
	color: #fff;
}
.home #home-header #mobile-menu a .mobile_menu_icon > span {
  background-color: #fff;
}
.home #home-header #mobile-menu a .mobile_menu_icon:before,
.home #home-header #mobile-menu a .mobile_menu_icon:after {
  background-color: #fff;
}

.home #keyvisual .kv-slider-wrap {
	position: absolute;
	/*min-width: 98%;*/
	min-width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
	inset: 0;
	z-index: 5;
}
.home #keyvisual .kv-slider-wrap .bx-wrapper,
.home #keyvisual .kv-slider-wrap .bx-viewport {
	height: inherit;
}
.home #keyvisual .kv-slider-wrap .kv-slider {
	height: 100%;
}
.home #keyvisual .kv-slider-wrap .kv-slider .slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
}
.home #keyvisual .kv-slider-wrap .kv-slider .slide1 { background-image: url(images/home/home-kv1.jpg); }
.home #keyvisual .kv-slider-wrap .kv-slider .slide2 { background-image: url(images/home/home-kv2.jpg); }
.home #keyvisual .kv-slider-wrap .kv-slider .slide3 { background-image: url(images/home/home-kv3.jpg); }
.home #keyvisual .kv-slider-wrap .kv-slider .slide4 { background-image: url(images/home/home-kv4.jpg); }


.home #keyvisual .kv-inner {
	position: relative;
	z-index: 10;
	/*width: 84%;
	height: 32%;
	display:flex;
	justify-content: start;
	flex-direction: row-reverse;
	*/
}
.home #keyvisual .kv-inner h2 {
	position: absolute;
	right: 5vw;
	bottom: 5vw;/*calc(50vh - 144px);*/
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0;
	font-size: 36px;
	color: #fff;
	line-height: 2.2;
	white-space: nowrap;
}
.home #keyvisual .kv-inner .kv-text {
	position: absolute;
	left: 5vw;
	bottom: -280px;
	display:flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	height: 280px;
}
.home #keyvisual.is-fixed .kv-inner h2,
.home #keyvisual.is-fixed .kv-inner .kv-text {
	position: fixed;
}
.home #keyvisual .kv-inner p {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0;
	font-size: 16px;
	color: #fff;
	line-height: 2;
}
.home #keyvisual .kv-inner button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 0px;
	background: transparent;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 216px;
	margin-right: 80px;
	text-align: center;
}
.home #keyvisual .kv-inner button a {
	display: block;
	color: #fff;
	line-height: 46px;
	padding: 10px 0px;
}


.home #cboxClose {
	display: none;
	right: -40px;
	top: -40px;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.home #keyvisual .kv-inner {
		position: relative;
		flex-direction: column;
		justify-content: space-between;
		width: 80%;
		height: 70%;
	}
	.home #keyvisual .kv-inner p {
		height: 50%;
	}
	.home #keyvisual .kv-inner button {
		display: none;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	.home #container > header {
		/*display: block;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
		*/
	}
	.home #home-header nav,
	.home #home-header #mobile-menu {
		display: block;
	}
	.home #home-header nav #navi-in {
		display: none;
	}

	/* keyvisual */
	.home #keyvisual{
		top: 150vh;
		height: 100vh;
	}
	.home #keyvisual .kv-slider-wrap .kv-slider .slide1 { background-image: url(images/home/home-kv1-sp.jpg); }
	.home #keyvisual .kv-slider-wrap .kv-slider .slide2 { background-image: url(images/home/home-kv2-sp.jpg); }
	.home #keyvisual .kv-slider-wrap .kv-slider .slide3 { background-image: url(images/home/home-kv3-sp.jpg); }
	.home #keyvisual .kv-slider-wrap .kv-slider .slide4 { background-image: url(images/home/home-kv4-sp.jpg); }

	.home #home-header {
	}
	.home #keyvisual .kv-inner {
		width: 100%;
		height: 100vh;
		justify-content: space-between;
		flex-direction: column;
	}
	.home #keyvisual .kv-inner h2 {
		right: 8vw;
		font-size: 22px;
	}
	.home #keyvisual .kv-inner .kv-text {
		left: inherit;
		right: 10vw;
		height: 68vw;
	}
	.home #keyvisual .kv-inner p {
		height: 100%;
		font-size: 14px;
	}
	.home #keyvisual .kv-inner button {
		display: none;
	}

}



/* heading スタイル */
.home section h2.tate {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 26px;
	line-height: 2;
}
.home section p.tate {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 14px;
	line-height: 2;
}


/* NEWS EVENT */
.home #news-event{
	width:	100%;
	margin: 120vh 0 140px;
}
.home #news-event .sec_inner{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.home #news,
.home #event{
	position: relative;
	width:	47%;
	margin: 0;
	padding: 30px 0 70px 50px;
}
.home #news-event h2 {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 1;
	padding: 0 0 50px 0;
}
.home #news ul{
	list-style-type: none;
	margin: 0 0 40px 0 !important;
	padding: 0;
}
.home #news ul li{
	margin: 0 0 20px 0 !important;
	padding: 0;
}
.home #news ul li img{
	width: 100%;
	height: auto;
}
.home #news ul li a span.title{
	display: block;
	font-size: 14px;
}
.home #news ul li a span.date{
	display: block;
	font-size: 12px;
	margin: 0 0 .5em 0;
}
/*
.home #news ul li a span.cat{
	color: #929292;
}
*/

.home #event{
	margin-left: 6%;
}
.home #event ul li img{
	width: 100%;
	height: auto;
}
.home #event ul{
	width: 100%;
	margin: 0 0 30px 0 !important;
}
.home #event ul li{
	font-size: 14px;
}
.home #event ul li figure{
	max-height: 220px;
	overflow: hidden;
	margin-bottom: 1em;
}

/* スマホ */
@media screen and (max-width:750px){
	
	/* news-event */
	.home #news-event {
		margin: 70vh 0 90px;
	}
	.home #news-event h2 {
		left: 5%;
		top: 0;
	}
	
	.home #news-event .sec_inner{
		display: inherit;
	}
	
	.home #news,
	.home #event{
		width:	80%;
		margin: 0;
		padding: 30px 0 0 15%;
	}
	.home #news{
		margin-bottom: 10vw;
	}
	.home #news-event .sec_inner .btn-single{
		width: 200px;
	}

}

/* about */
.home #body {
	overflow: inherit;
}
.home #about {
	position: relative;
	border-top: 1px solid #000;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 110px;
}
.home #about > h2 {
	position: sticky;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	top: 110px;
	left: 85%;
	font-size: 32px;
	line-height: 1.88;
}
.home #about .about-box {
	position: relative;
	top: -160px;
	display: flex;
	column-gap: 1.7vw;
	margin: 40px 26vw 0 4.3vw;
}
.home #about a.about-box:hover,
.home #about a.about-box:hover *{
	color: #000;
}
.home #about a.about-box:hover figure img {
	transform: scale(1.1);
}
.home #about .about-box:first-of-type {
	margin-top: 0;
}
.home #about .about-box header {
	width: 20vw;
}
.home #about .about-box header p:first-child {
	margin: 0 0 1.5em;
	font-size: 13px;
}
.home #about .about-box header h3 {
	font-size: 26px;
	letter-spacing: 0em;
}
.home #about .about-box header h3 + p {
	margin: 1em 0 0;
	font-size: 14px;
}
.home #about .about-box header button {
	display: none;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	margin-bottom: 0;
	padding: 8px 14px;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
}
.home #about .about-box figure {
	width: 48vw;
	overflow: hidden;
}
.home #about .about-box figure img {
	transition: transform 0.6s ease-out;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* about */
	.home #about {
		display: none;
	}

}


/* YODORI DAIKU */
.home #yadori-daiku {
	border-top: 1px solid #000;
	width: 100%;
	padding-top: 160px;
}
.home #yadori-daiku > h2 {
	font-size: 32px;
	text-align: center;
}
.home #yadori-daiku .daiku-slider-wrap {
	width: 94%;
	margin: 110px auto 0;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider {
	display: flex;
	justify-content: space-between;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide {
	width: calc( calc(100% - 50px) / 3 );
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a {
	display: block;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a figure {
	aspect-ratio: 1/1.3;
	overflow: hidden;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a figure img {
	transition: transform 0.6s ease-out;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a:hover figure img {
	transform: scale(1.1);
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a h3 {
	margin-top: 35px;
	font-size: 24px;
}
.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a p {
	margin-top: 0.8em;
	font-size: 13px;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* YODORI DAIKU */
	.home #yadori-daiku {
		padding-top: 70px;
	}
	.home #yadori-daiku > h2 {
		font-size: 22px;
	}
	.home #yadori-daiku .daiku-slider-wrap {
		overflow: hidden;
		width: 100%;
		margin: 50px auto 0;
	}
	.home #yadori-daiku .daiku-slider-wrap .bx-viewport {
		overflow: visible !important;
		width: 75vw !important;
		margin: 0 auto;
	}
	.home #yadori-daiku .daiku-slider-wrap .daiku-slider {
		display: block;
	}
	.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide {
		width: 75vw !important;
		margin-right: 20px;
	}
	.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a img {
		padding: 0;
	}
	.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a h3 {
		margin-top: 20px;
		font-size: 18px;
	}
	.home #yadori-daiku .daiku-slider-wrap .daiku-slider .slide a p {
		font-size: 12px;
	}

}



/* MOVIE */
.home #movie {
	display: flex;
	align-items: center;
	column-gap: 7%;
	width: 100%;
	margin-top: 220px;
}
.home #movie .movie-thumb {
	width: 62.5%;
}
.home #movie .txt {
	width: 26.5%;
}
.home #movie .txt p {
	margin: 0;
	font-size: 13px;
}
.home #movie .txt h2 {
	margin: 70px 0 80px;
	font-size: 20px;
	line-height: 2;
	letter-spacing: normal;
}
.home #movie .txt button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: transparent;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	width: 216px;
}
.home #movie .txt button a {
	display: block;
	padding: 8px 10px;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* MOVIE */
	.home #movie {
		flex-direction: column;
		gap: 50px 0;
		margin-top: 110px;
	}
	.home #movie .movie-thumb {
		width: 100%;
	}
	.home #movie .txt {
		width: 76%;
	}
	.home #movie .txt p {
		font-size: 12px;
	}
	.home #movie .txt h2 {
		margin: 50px 0 40px;
		font-size: 16px;
	}
	.home #movie .txt button {
		font-size: 14px;
		letter-spacing: 0.05em;
		width: 162px;
	}

}



/* WORKS */
.home #works{
	width:	100%;
	margin: 120px 0 0 0;
	padding: 0 0 120px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.home #works .sec_inner{
	width:	100%;
	max-width: inherit;
}
.home #works h2{
	width:	100%;
	font-size: 20px;
	text-align: center;
	margin: 140px 0 60px;
}
.home #works h2 span{
	font-weight: 200;
}

.home #works .carousel{
	width:	100%;
	/* height: 200px; */
	margin: 0;
}
.home #works .carousel li {
	width: 40vw !important;
}
.home #works .carousel li a {
	display: block;
	pointer-events: auto;
}
.home #works .carousel li a figure {
	width: calc(100% - 20px);
	height: 25.5vw;
	overflow: hidden;
	margin: 0 10px;
}
.home #works .carousel li a figure img {
	transition: transform 0.6s ease-out;
}
.home #works .carousel li a:hover figure img {
	transform: scale(1.1);
}
.home #works .carousel li a + span {
	display: block;
	padding: 10px;

	& br {
		display: none;
	}

}

.bx-wrapper {
	margin: 0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}
.home #works .bx-wrapper .bx-viewport {
  /* height: 200px; */
  overflow: hidden;
}
.home #works .bx-wrapper img {
	width: 100%;
	height: auto;
	padding: 0;
}
.home #works .bx-wrapper .bx-controls-direction a {
	bottom: -70px;
}
.home #works .btn-single{
	width: 200px;
	margin: 40px auto 0 auto;
}

/* スマホ */
@media screen and (max-width:750px){

	/* WORKS */
	.home #works{
		margin-top: 90px;
	}
	.home #works h2{
		margin: 60px 0 40px;
		font-size: 18px;
	}
	.home #works .carousel li{
		width: calc(100vw - 20px) !important;
		padding: 0 10px;
	}
	.home #works .carousel li a figure {
		height: 61.5vw;
	}
	.home #works .bx-wrapper .bx-controls-direction a {
		bottom: -70px;
	}
	.home #works .sec_inner .btn-single{
		width: 200px;
	}

}



/* concept */
.home #concept{
	padding: 100px 0;
}
.home #concept .concept-child{
	position: relative;
	width: 930px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 60px auto;
}
.home #concept .sec_inner{
	position: relative;
	width: 50%;
	padding: 0 40px 100px 40px;
}
.home #concept .sec_inner h2{
	font-size: 28px;
	line-height: 2;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.home #concept .sec_inner .pc-only{
	display: inline;
}
.home #concept .sec_inner p{
	line-height: 2.4;
	margin: 0;
	padding: 30px 0;
}
.home #concept .concept-child .img{
	width: 40%;
	margin-top: 150px;
	z-index: 2;
}
.home #concept .concept-child .line{
	position: absolute;
	width: 1px;
	border-right: 1px solid #2d2926;
	z-index: 1;
}
.home #concept .sec_inner .btn-single{
	width: 160px;
}

.home #concept #iedukuri{
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.home #concept #iedukuri .line {
	left: 80px;
	top: -100px;
	height: 250px;
}
.home #concept #iedukuri h2{
	margin-left: 200px;
}
.home #concept #daiku h2{
	margin-left: 100px;
}
.home #concept #daiku .line{
	right: 80px;
	top: -100px;
	height: 250px;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){

	.home #concept .concept-child{
		width: 90%;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){

	/* concept */
	.home #concept{
		padding: 100px 0 50px 0;
	}
	.home #concept .concept-child{
		width: 100%;
		display: inherit;
		margin: 0 auto;
	}
	.home #concept .concept-child .img{
		position: relative;
		width: 100%;
		margin: 0 0 20vw 0;
		z-index: 10;
	}
	
	.home #concept .concept-child .sec_inner {
		width: 70%;
	}
	.home #concept .concept-child .line {
			z-index: 9;
	}
	.home #concept .concept-child .tate + p {
		clear: both;
	}
	
	.home #concept .sec_inner .btn-single{
		width: 200px;
	}
	
	.home #concept #iedukuri .sec_inner{
		padding-left: 20%;
		padding-right: 10%;
	}
	.home #concept #iedukuri h2{
		float: right;
		margin: 0 10vw 0 0;
	}
	.home #concept #iedukuri .line {
		left: 20px;
		top: -100px;
		height: 650px;
	}
	.home #concept #daiku .sec_inner{
		padding-right: 20%;
		padding-left: 10%;
	}
	.home #concept #daiku h2{
		float: left;
		margin: 0 0 0 10vw;
	}
	
	.home #concept #daiku .line{
		right: 20px;
		top: -100px;
		height: 650px;
	}

}



/* BLOG */
.home #staffblog {
	padding: 20px 0 80px;
}
.home #staffblog .sec_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.home #staffblog #blog {
	position: relative;
	width: 60%;
}
.home #staffblog > h2 {
	width: 930px;
	font-size: 18px;
	margin: 0 auto 70px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #2d2926;
}
.home #staffblog #blog h2 span {
	font-size: 14px;
}
.home #staffblog #blog ul{
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}
.home #staffblog #blog ul li{
	list-style-type: none;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
.home #staffblog #blog ul li div{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.home #staffblog #blog ul li figure{
	width: 34%;
	margin-right: 20px;
}
.home #staffblog #blog ul li img{
	width: 100%;
	height: auto;
}
.home #staffblog #blog ul li div > span{
	float: right;
	width: 80%;
	padding: 10px 0 0 0;
	font-weight: 300;
	letter-spacing: 0.1em;
}
.home #staffblog #blog ul li div > span strong{
	display: block;
	font-size: 13px;
}
.home #staffblog #blog ul li div > span span{
	font-size: 11px;
}
.home #staffblog #blog .text-link{
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 12px;
	line-height: 1;
}

.home #staffblog #blog .text-link{
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 12px;
	line-height: 1;
}
.home #staffblog #blog .btn-single {
	width: 160px;
}



/* 会社案内 */
.home #staffblog #company {
	position: relative;
	width: 30%;
	padding-left: 5%;
	padding-bottom: 150px;
	border-left: 1px solid #2d2926;
}
.home #staffblog #company h2{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1;
}
.home #staffblog #company ul {
	padding-top: 60px;
}
.home #staffblog #company ul li {
	font-size: 16px;
	margin-bottom: 1.5em;
}
.home #staffblog #company ul li a:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -3px;
	width: 29px;
	height: 7px;
	background: url(images/icon-arrow1.png) no-repeat left center;
	background-size: contain;
	margin-right: 1em;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	/* BLOG */
	.home #staffblog > h2 {
		width: 90%;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	/* BLOG */
	.home #staffblog{
		width: 90%;
		margin:0 auto;
		padding: 0;
		overflow: hidden;
	}
	.home #staffblog .sec_inner {
		display: inherit;
	}
	.home #staffblog #blog,
	.home #staffblog #company {
		width: 100%;
	}
	.home #staffblog #blog ul li { 
	}
	.home #staffblog #blog ul li figure {
		width: 30%;
	}
	.home #staffblog #blog ul li a > span {
		width: 65%;
	}
	
	.home #staffblog #company {
		width: 80%;
		margin-top: 20vw;
		padding: 0 10% 20vw;
	}
	.home #staffblog #company h2 {
		right: 1em;
	}
	
}



/* instagram */
.home #followus{
	width: 930px;
	margin: 0 auto;
}
.home #followus .sec_inner{
	width: 100%;
}
.home #followus h2{
	text-align: center;
	margin: 0 auto 30px auto;
}
.home #followus #news_list{
	
}
.home #followus #news_list li{
	float: left;
	width: 25%;
}
.home #followus #news_list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 230px;
	line-height: 230px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
}
.home #followus #news_list li a img{
	width: 100%;
	/*vertical-align: middle;*/
}

.home #move-page-top {
	display:none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	/* instagram */
	.home #followus{
		width: 94%;
		margin: 0 auto;
	}
	.home #followus #news_list li a {
		width: 100%;
		height: 23vw;
		line-height: 28.5vw;
	}

	
	
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* instagram */
	.home #followus{
		width: 94%;
		margin: 0 auto;
	}
	.home #followus h2{
		margin: 0 auto 30px auto;
	}
	.home #followus #news_list li{
		float: left;
		width: 33%;
	}
	.home #followus #news_list li a {
		width: 100%;
		height: 28.5vw;
		line-height: 28.5vw;
	}
	
	.home #followus #news_list li:nth-child(5),
	.home #followus #news_list li:nth-child(7),
	.home #followus #news_list li:nth-child(12) {
		display:none;
	}
	
	
}






/* DAIKU-KENGFAKU */
.page-daiku #daiku-kengaku {
	width:	100%;
	margin: 50px 0;
}
.page-daiku #daiku-kengaku .sec_inner{
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 5%;
	border: 1px solid #2d2926;
}
.page-daiku #daiku-kengaku .sec_inner .daiku-kengaku-clickable{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.page-daiku #daiku-kengaku .sec_inner > div{
	width: 45%;
	text-align: center;
}
.page-daiku #daiku-kengaku .sec_inner > div h2{
	font-size: 28px;
	margin: 0 0 1em 0;
}
.page-daiku #daiku-kengaku .sec_inner > div h3{
	font-size: 18px;
}
.page-daiku #daiku-kengaku .sec_inner > div a{
	display: block;
	font-size: 12px;
	color: #d5533e;
	margin-top: 1em;
}
.page-daiku #daiku-kengaku .sec_inner > figure{
	width: 45%;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-daiku #daiku-kengaku {
		width: 86%;
		margin: 20vw auto;
	}
	.page-daiku #daiku-kengaku .sec_inner{
		display: block;
		padding: 8%;
		width: 84%;
	}
	.page-daiku #daiku-kengaku .sec_inner > div{
		width: 100%;
	}
	.page-daiku #daiku-kengaku .sec_inner > div h2{
		font-size: 26px;
		margin: 1em 0;
	}
	.page-daiku #daiku-kengaku .sec_inner > div h3{
		font-size: 17px;
	}
	.page-daiku #daiku-kengaku .sec_inner > div a{
		font-size: 12px;
		color: #d5533e;
	}
	.page-daiku #daiku-kengaku .sec_inner > figure{
		width: 100%;
		margin-top: 10vw;
		margin-bottom: 4vw;
	}

}



/*************************************************************************

** COMMON STYLE

**************************************************************************/

/* keyvisual */
body:not(.home) #keyvisual{
	position: relative;
	/*background: url(images/kv.jpg) no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 53vw;
	/*padding: 2%;*/
	padding: 0%;
	display: -webkit-box;
	display: -ms-flexbox;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	/* 左右中央寄せ */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	/* 上下中央寄せ */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body:not(.home) #keyvisual .kv-video {
	position: absolute;
	min-width: 98%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
body:not(.home) #keyvisual .kv-inner {
	position: relative;
	width: 300px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	z-index: 10;
}
body:not(.home) #keyvisual h1 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 36px;
	/*width: 3em;*/
	color: #fff;
	line-height: 2em;
	white-space: nowrap;
	margin: 0 auto;
}
body:not(.home) #keyvisual .kv-inner ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 150px;
	color: #fff;
}
body:not(.home) #keyvisual .kv-inner ul li {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: auto;
	font-size: 18px;
	line-height: 2.5em;
	letter-spacing: 3px;
	white-space: nowrap;
}
body:not(.home) #keyvisual .kv-inner ul li a {
	color: #fff;
	padding: 5px 0;
}
body:not(.home) #keyvisual .kv-inner ul li a:hover {
	background-color: #2d2926;
	color: #fff;
	opacity: 1;
}



body:not(.home) #page-title {
	position: relative;
	width: 100%;
	padding: 100px 0;
	}
body:not(.home) #page-title .page-title-inner {
	position: relative;
	width: 450px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0 auto;
	z-index: 10;
}
body:not(.home) #page-title .page-title-inner h1,
body:not(.home) #page-title .page-title-inner #archive-title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	color: #2d2926;
	line-height: 2.5em;
	margin: 0 auto;
}
body:not(.home) #page-title .page-title-inner p.tate {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 16px;
	height: 380px;
	color: #2d2926;
	line-height: 2.5em;
	margin: 0 0 50px 0;
}
body:not(.home) #page-title .page-title-inner ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 300px !important;
	margin: 0 auto;
}
body:not(.home) #page-title .page-title-inner ul li {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 18px;
	line-height: 2.5em;
}
body:not(.home) #page-title .page-title-inner ul li a {
	color: #2d2926;
	padding: 5px 0;
}
body:not(.home) #page-title .page-title-inner ul li a:hover {
	background-color: #2d2926;
	color: #fff;
	opacity: 1;
}


/* 画像ナシバージョン */
body:not(.home) #novisual {
	position: relative;
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0 auto;
}
body:not(.home) #novisual .entry-title {
	
}





article section .sec_inner {
	max-width: 930px;
	width: 90%;
	margin: 0 auto;
}


/*  */
.page main article .eye-catch {
	width: 90%;
	margin: 0 auto;
}

.page #the-content {
	width: 920px;
	max-width: 90%;
	font-size: 16px;
	margin: 0 auto;
}
.page .entry-title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	width: 2.5em;
	color: #2d2926;
	line-height: 2.5em;
	margin: 100px auto;
}
.page article .lead {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 930px;
	height: 350px;
	margin: 0 auto;
	padding: 100px 0;
}
.page article .lead h2 {
	font-size: 26px;
	line-height: 2.2;
}
.page article .lead p {
	margin: 0;
	padding: 0;
}
.page article .lead h2 + p {
	margin-right: 3em;
}




.page-header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 100%;
	height: 300px;
}
.page-header .entry-title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 36px;
}
.page-header ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 300px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0 auto;
}


.entry-content .btn-single {
	clear: both;
	width: 300px;
	max-width: 90%;
	margin: 50px auto 100px auto;
}
.entry-content .btn-single a {
	letter-spacing: .2em;
	font-size: 11px;
	padding: 5px;
}

/* table style */
.tbl-style1 {
	width: 100%;
	margin: 0 !important;
	border: none;
	/*border-top: 1px solid #fff;*/
}
.tbl-style1 th,
.tbl-style1 td {
	background-color: transparent;
	padding: 40px 0;
	border: none;
	border-bottom: 1px solid #eee;
}
.tbl-style1 tr:last-child th,
.tbl-style1 tr:last-child td {
	border-bottom: none;
}
.tbl-style1 th {
	width: 20%;
	vertical-align: top;
	text-align: left;
}
.tbl-style1 td {
	width: 70%;
}


/* 関連ページ */
.related-pages,
.related-pages2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	max-width: 930px;
	margin: 0 auto !important;
}
.related-pages li,
.related-pages2 li {
	width: 49%;
	margin-bottom: 1.5% !important;
}
.related-pages li a,
.related-pages2 li a {
	display: block;
	padding: 10px;
	border: 1px solid #2d2926;
}
.related-pages li a img {
	display: inline-block;
	width: 120px;
	height: 83px;
	line-height: 80px;
	margin-right: 20px;
	vertical-align: middle;
}

.related-pages2 li a {
	text-align: center;
	padding: 20px 0;
}
.related-pages2 li a:hover,
.related-pages2 li.active a {
	background-color: #2d2926;
	color: #fff;
}


/* PC */
@media screen and (min-width:961px){
	
	
	
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	/* lead */
	.page article .lead {
		width: 90%;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	/* keyvisual */
	body:not(.home) #keyvisual{
		height: 100vh;
	}
	body:not(.home) #keyvisual .kv-inner {
		display: block;
		width: auto;
	}
	body:not(.home) #keyvisual .kv-inner h1 {
		
	}
	body:not(.home) #keyvisual .kv-inner ul {
		margin: 0 auto;
		padding-top: 10vw;
	}
	body:not(.home) #keyvisual .kv-inner ul li a {
		padding: 15px 0;
	}
	
	/* 画像ナシバージョン */
	body:not(.home) #page-title {
		padding: 50px 0 0 0;
	}
	body:not(.home) #page-title .page-title-inner {
		width: 350px;
		display: block;
		margin: 0 auto;
		padding: 0 0 50px 0;
		z-index: 10;
	}
	body:not(.home) #page-title .page-title-inner p.tate {
		padding-top: 10vw;
	}
	body:not(.home) #page-title .page-title-inner ul {
		min-height: 200px;
		padding: 10vw 0 0 0;
	}
	body:not(.home) #page-title .page-title-inner h1 {
		width: 2.5em;
		line-height: 2.5em;
		margin: 10vw auto;
	}
	body:not(.home) #page-title .page-title-inner p.tate {
		height: 60vw;
		color: #2d2926;
		line-height: 2.5em;
		margin: 0 auto 50px auto;
	}
	
	/* lead */
	.page article .lead {
		display: block;
		width: 90%;
		height: inherit;
		text-align: center;
		margin: 0 auto;
	}
	.page article .lead h2 {
		display: block;
		text-align: left;
		margin: 0 auto;
	}
	.page article .lead p {
		display: inline-block;
		text-align: left;
		width: 100%;
		-webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  -ms-column-gap: 3em;
  column-gap: 3em;
		margin: 0 auto;
		padding-top: 20vw;
	}
	.page article .lead h2 + p {
		width: 80%;
		margin: 0 auto;
	}
	
	article section .sec_inner {
		width: 80%;
		margin: 0 auto;
	}
	
	.tbl-style1 th,
	.tbl-style1 td {
		width: 100%;
		display: block;
	}
	
	.item-list1 {
		width: 100%;
	}
	.item-list1 .item {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}
	.item-list1 .item:nth-child(3n) {
		margin-right: 0;
		margin-left: 0 !important;
	}
	
	
	/* 関連ページ */
	.related-pages,
	.related-pages2 {
		display: inherit;
		width: 90%;
		margin-top: 10vw !important;
	}
	.related-pages li,
	.related-pages2 li {
		width: 100%;
		margin-bottom: 1.5% !important;
	}
	.related-pages li a img {
		display: inline-block;
		width: 20vw;
		height: 15vw;
		line-height: 15vw;
		margin-right: 5vw;
	}
	
 #cboxClose {
		width: 28px !important;
		height: 28px !important;
		background: position;no-repeat top center;
	}
	

	
}




/*************************************************************************

** 会社案内

**************************************************************************/

.page-company {
	
}
.page-company #keyvisual{
	background: url(images/kv_company.jpg) no-repeat center center;
}
.page-company #keyvisual .kv-inner {
	width: 300px !important;
}
.page-company #keyvisual .kv-inner ul {
	width: 150px !important;
}
.page-company #company-menu {
 padding: 70px 0;
	border-bottom: 1px solid #000;
}
.page-company #company-menu ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.page-company #company-menu ul li {
	width: 30%;
	margin-bottom: 0;
}
.page-company #company-menu ul li a {
	
}
.page-company #company-menu ul li a span {
	display: block;
	font-size: 16px;
	margin-top: 15px;
}
.page-company #company-menu ul li a span small {
	display: block;
	font-size: 12px;
}

.page-company #company-table .sec_inner {
	position: relative;
}
.page-company #company-table h2 {
	float: right;
	font-size: 26px;
	padding: 70px 0 35px 0;
}

.page-company #gmap-wrap {
	position: relative;
	width: 100%;
	margin: 50px auto 100px auto;
}
.page-company #gmap {
	width: 100%;
	height: 600px;
}
.page-company #gmap-wrap .map-link-area {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.page-company #gmap-wrap a {
		position: relative;
		cursor: none;
}
.page-company #gmap-wrap #cursor-img {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		width: 80px;
		height: 80px;
}

.page-company #gmap-wrap.on_mouse #cursor-img {
		visibility: visible;
		opacity: 1;
}



/* スマホ */
@media screen and (max-width:750px){
	
	.page-company #keyvisual .kv-inner h1 {
		width: 2em;
	}
	.page-company #company-menu ul {
		display: block;
	}
	.page-company #company-menu ul li {
		width: 100%;
		margin-bottom: 2em;
	}
	
	.page-company #company-table h2 {
		float: none;
		margin: 0 auto;
		padding: 70px 0;
	}
	
	.page-company #company-table th {
		padding-bottom: 0;
		border-bottom: none;
	}
	
}




/*************************************************************************

** 私たちの家づくり /concept/

**************************************************************************/

.page-concept {
	
}
.page-concept #keyvisual{
	background: url(images/kv_concept.jpg) no-repeat center center;
}
.page-concept #keyvisual .kv-inner{
	width: 450px !important;
}
.page-concept #keyvisual .kv-inner ul{
	width: 220px !important;
}

/*
.page-planning    #keyvisual .kv-inner ul li.page-planning a,
.page-nature      #keyvisual .kv-inner ul li.page-nature a,
.page-maintenance #keyvisual .kv-inner ul li.page-maintenance a,
.page-renovation  #keyvisual .kv-inner ul li.page-renovation a,
.page-om-solar    #keyvisual .kv-inner ul li.page-om-solar a {
	background-color: #2d2926;
 color: #fff;
}
*/
.page-concept     #keyvisual .kv-inner ul li.page-concept,
.page-planning    #keyvisual .kv-inner ul li.page-planning,
.page-nature      #keyvisual .kv-inner ul li.page-nature,
.page-maintenance #keyvisual .kv-inner ul li.page-maintenance,
.page-renovation  #keyvisual .kv-inner ul li.page-renovation,
.page-om-solar    #keyvisual .kv-inner ul li.page-om-solar {
	display: none;
}
.page-concept article .lead {
	display: block !important;
}
.page-concept article .lead p{
	margin: 0 auto;
}
/*
.page #the-content {
	width: 100%;
	max-width: inherit;
	font-size: 16px;
	margin: 0 auto;
}
*/
.page-concept #concept-detail  {
	margin: 0 auto;
	border-top: 1px solid #2d2926;
}
.page-concept #concept-detail .item-list  {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.page-concept #concept-detail .item-list .item {
	width: 48%;
	margin-bottom: 40px;
}
.page-concept #concept-detail .item-list .item h3 {
	font-size: 22px;
	margin: 20px 0;
}
.page-concept #concept-detail .item-list .item p {
	font-size: 14px;
	line-height: 2em;
}
.page-concept #concept-detail .item-list .item img {
	width: 100%;
}
.page-concept #concept-detail .item-list .item .btn-single {
	font-size: 14px;
	width: 180px;
	margin: 30px 0;
}
.page-concept #concept-detail .item-list .item .btn-single a {
	padding: 5px;
}

.page-concept #daiku-table {
	width: 100%;
	margin: 100px 0;
	padding: 0;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
.page-concept #daiku-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-concept #daiku-table tr.reverse {
	
}
.page-concept #daiku-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
}
.page-concept #daiku-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-concept #daiku-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 60%;
	height: 300px;
	margin: 0 auto;
}
.page-concept #daiku-table td .text .text-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 320px;
	margin: 0;
}
.page-concept #daiku-table td .text h3 {
	font-size: 26px;
	line-height: 1;
}
.page-concept #daiku-table td .text p {
	font-size: 16px;
	margin-left: 20px;
}
.page-concept #daiku-table td .btn-single-tate {
	width: auto;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-concept #daiku-table td .text {
		width: 80%;
		height: 27vw;
	}
	.page-concept #daiku-table td .text .text-inner {
		
	}
	.page-concept #daiku-table td .text h3 {
		font-size: 20px;
		line-height: 1;
	}
	.page-concept #daiku-table td .text p {
		font-size: 14px;
		line-height: 1.8em;
		margin: 0 1em;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-concept #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-concept #keyvisual .kv-inner ul{
		width: 220px !important;
	}
	.page-concept article .lead {
		width: 80%;
		height: 900px;
	}
	.page-concept article .lead p{
		height: 600px;
		margin: 0 auto;
		padding-top: 0;
	}
	.page-concept #concept-detail  {
		
	}
	.page-concept #concept-detail .item-list  {
		display: block;
	}
	.page-concept #concept-detail .item-list .item {
		width: 100%;
		margin-right: 0;
	}
	.page-concept #concept-detail .item-list .item .btn-single {
		margin: 30px 0 60px 0;
	}
	.page-concept #daiku-table {
		width: 100%;
	}
	.page-concept #daiku-table td {
		position: inherit !important;
		left: inherit !important;
		display: block;
		width: 100%;
	}
	.page-concept #daiku-table td:nth-child(1) {
		height: 700px;
	}
	.page-concept #daiku-table td .text {
		display: block;
		width: 80%;
		height: inherit;
		margin: 0 auto;
		padding-top: 10vw;
	}
	.page-concept #daiku-table td .text h3 {
		margin: 0 auto;
		padding: 40px 0;
	}
	.page-concept #daiku-table td .text .text-inner {
		width: 100%;
		padding-top: 10vw;
	}
	.page-concept #daiku-table td .text p {
		height: 320px;
		margin: 0 auto;
	}
	.page-concept #daiku-table figure {
		width: 100%;
	}
	#daiku-detail-inner {
		width: 100%;
	}
	
	
}




/*************************************************************************

** 設計とプランニング /concept/planning/

**************************************************************************/

.page-planning {
	
}
.page-planning #keyvisual{
	background: url(images/kv_planning.jpg) no-repeat center center;
}
.page-planning #keyvisual .kv-inner {
 width: 450px !important;
}
.page-planning #keyvisual .kv-inner h1 span {
 letter-spacing: 0.1em;
}
.page-planning #keyvisual ul{
	width: 220px !important;
}
.page-planning .lead {
	width: 500px !important;
}
.page-planning #planning-step  {
	margin: 0 auto;
	padding:  0 0 100px 0;
}
.page-planning #planning-step .item-list  {
	position: relative;
}
.page-planning #planning-step .item-list h2  {
	position: absolute;
	right: 0;
	top: 0;
}
.page-planning #planning-step .item-list .item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 80px 0;
	border-top: 1px solid #2d2926;
}
.page-planning #planning-step .item-list .item dl {
	width: 60%;
}
.page-planning #planning-step .item-list .item dl dt {
	position: relative;
	font-size: 22px;
	line-height: 1.6em;
	margin-bottom: 1em;
}
.page-planning #planning-step .item-list .item dl dt span {
	display: block;
	position: absolute;
	left: 0;
	top: -3.5em;
	width: 40px;
	height: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	background-color: #fff;
}
.page-planning #planning-step .item-list .item dl dd {
	font-size: 14px;
}
.page-planning #planning-step .item-list .item dl dd div.notice {
	margin-top: 2em;
	padding: 0 0 0 20px;
	border-left: 1px solid #2d2926;
}
.page-planning #planning-step .item-list .item dl dd div.notice ul {
	margin-top: 1em;
}
.page-planning #planning-step .item-list .item figure {
	width: 35%;
}

.page-planning .planning-table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
.page-planning .planning-table td {
	width: 50%;
	vertical-align: middle;
	padding: 0;
	border: none;
}
.page-planning .planning-table td.black {
	background-color: #2d2926;
	color: #fff;
}
.page-planning .planning-table tr.reverse {
	
}
.page-planning .planning-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
}
.page-planning .planning-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-planning .planning-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 50%;
	height: 270px;
	margin: 0 auto;
}
.page-planning .planning-table td .text h3 {
	font-size: 22px;
}
.page-planning .planning-table td .text p {
	font-size: 14px;
	margin-right: 3em;
}
.page-planning .planning-table td.b bgimg {
	background: ;
}

.page-planning #planning-table1 + .lead {
	width: 700px !important;
	height: 300px;
	padding: 140px 0;
}
.page-planning #planning-table2 {
	margin-bottom: 100px !important;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){

	.page-planning .planning-table td.bgimage {
		height: 55vw;
		background-size: cover !important;
	}
	.page-planning .planning-table td.bgimage img {
		display: none;
	}
	.page-planning .planning-table td#bgimage1 {
		background: url(images/planning_img1.jpg) no-repeat -100px 0;
	}
	.page-planning .planning-table td#bgimage2 {
		background: url(images/planning_img2.jpg) no-repeat -100px 0;
	}
	.page-planning .planning-table td#bgimage3 {
		background: url(images/planning_img8.jpg) no-repeat -100px 0;
	}
	.page-planning .planning-table td#bgimage4 {
		background: url(images/planning_img9.jpg) no-repeat -100px 0;
	}
	.page-planning .planning-table td .text {
		height: 45vw;
	}
	.page-planning .planning-table td .text h3 {
		font-size: 22px;
	}
	.page-planning .planning-table td .text p {
		font-size: 12px;
		margin-right: 1.5em;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-planning #keyvisual{
		
	}
	.page-planning #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-planning .lead p  {
		width: auto !important;
		height: 600px;
		margin: 0 auto !important;
	}
	.page-planning .lead {
		width: auto !important;
	}
	.page-planning #planning-table1 + .lead {
		width: auto !important;
		height: 1000px;
	}
	.page-planning #planning-step  {
		padding:  0;
	}
	.page-planning #planning-step .item-list  {
		display: block;
	}
	.page-planning #planning-step .item-list .item {
		width: 100%;
	}
	.page-planning #planning-step .item-list .item h3 {
		
	}
	.page-planning #planning-step .item-list .item p {
		
	}
	.page-planning #planning-step .item-list .item dl {
		width: 100%;
	}
	.page-planning #planning-step .item-list .item dl dt span {
		
	}
	.page-planning #planning-step .item-list .item figure {
		width: 100%;
		padding: 40px 0;
	}
	
	.page-planning .planning-table {
		margin: 0 auto;
	}
	.page-planning .planning-table tr.reverse td {
		position: inherit !important;
		left: inherit !important;
	}
	.page-planning .planning-table td {
		display: block;
		width: 100%;
	}
	.page-planning .planning-table td .text {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 10%;
	}
	
	
	.page-planning #planning-table1 td {
		
	}
	.page-planning #planning-table1 td .text h3 {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		font-size: 20px;
	}
	.page-planning #planning-table1 td .text p {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		font-size: 14px;
		margin-right: 0;
	}
	
	.page-planning #planning-table2 {
		
	}
	.page-planning #planning-table2 td .text {
		
	}
	.page-planning #planning-table2 tr td .text h3 {
		display: block;
		margin: 0 auto;
		padding-top: 10vw;
	}
	.page-planning #planning-table2 tr:nth-child(1) td .text h3 {
		height: 260px;
	}
	.page-planning #planning-table2 tr:nth-child(2) td .text h3 {
		height: 170px;
	}
	.page-planning #planning-table2 tr td .text p {
		height: 260px;
		margin: 0 auto;
		padding: 10vw 0;
	}
	
	
	
}




/*************************************************************************

** 無垢素材と工法 /concept/nature/

**************************************************************************/

.page-nature {
	
}
.page-nature #keyvisual{
	background: url(images/kv_nature.jpg) no-repeat center center;
}
.page-nature #keyvisual .kv-inner {
 width: 450px !important;
}
.page-nature #keyvisual ul{
	width: 220px !important;
}
.page-nature .lead {
	width: 500px !important;
}
.page-nature .nature-detail  {
	margin: 0 auto;
	padding: 100px 0;
	border-top: 1px solid #2d2926;
}
.page-nature .nature-detail .item-list  {
	position: relative;
}
.page-nature .nature-detail .item-list h2  {
	position: absolute;
	right: 100px;
	top: -30px;
	font-size: 26px;
}
.page-nature #nature-detail2 .item-list h2  {
	position: absolute;
	right: inherit;
	left: 100px;
	top: -30px;
}
.page-nature .nature-detail .item-list .item {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	width: 100%;
	/*margin-bottom: 40px;*/
}
.page-nature #nature-detail1 .item-list .item:nth-child(odd) {
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-nature #nature-detail2 .item-list .item:nth-child(even) {
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-nature .nature-detail .item-list .item dl {
	width: 50%;
}
.page-nature #nature-detail1 .item-list .item:nth-child(odd) dl,
.page-nature #nature-detail2 .item-list .item:nth-child(odd) dl {
	padding-top: 100px;
}
.page-nature #nature-detail1 .item-list .item:nth-child(even) dl,
.page-nature #nature-detail2 .item-list .item:nth-child(even) dl {
	padding-top: 30px;
}
.page-nature .nature-detail .item-list .item dl dt {
	font-size: 22px;
	letter-spacing: .2em;
	margin-bottom: 1em !important;
}
.page-nature .nature-detail .item-list .item dl dd {
	font-size: 14px;
}
.page-nature .nature-detail .item-list .item figure {
	width: 40%;
	padding-top: 180px;
}
.page-nature #nature-detail1 .item-list .item:nth-child(odd) figure,
.page-nature #nature-detail2 .item-list .item:nth-child(odd) figure {
	padding: 0;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-nature .nature-detail .item-list .item dl dd:nth-child(even) {
		margin-bottom: 40px !important;
	}
	.page-nature #nature-detail1 .item-list .item:nth-child(odd) dl,
	.page-nature #nature-detail2 .item-list .item:nth-child(odd) dl {
		padding-top: 70px;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-nature #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-nature .lead {
		width: auto !important;
	}
	.page-nature .lead p {
		width: auto !important;
  height: 650px;
		padding-top: 10vw !important;
	}
	.page-nature .nature-detail {
		padding-bottom: 20px;
	}
	.page-nature .nature-detail .item-list {
		
	}
	.page-nature .nature-detail .item-list h2 {
		position: inherit !important;
		left: inherit !important;
		right: inherit !important;
		display: block;
		margin: 0 auto 10vw auto;
	}
	.page-nature .nature-detail .item-list .item {
		display: block;
		width: 100%;
		margin-bottom: 20vw;
	}
	.page-nature .nature-detail .item-list .item dl {
		width: 100%;
		padding-top: 0 !important;
	}
	.page-nature .nature-detail .item-list .item figure {
		width: 100%;
		padding-top: 10vw !important;
	}


	
}



/*************************************************************************

** 保証とメンテナンス /concept/maintenance/

**************************************************************************/

.page-maintenance {
	
}
.page-maintenance #keyvisual{
	background: url(images/kv_maintenance.jpg) no-repeat center center;
}
.page-maintenance #keyvisual .kv-inner {
 width: 450px !important;
}
.page-maintenance #keyvisual .kv-inner h1 span {
 letter-spacing: 0.1em;
}
.page-maintenance #keyvisual ul{
	width: 220px !important;
}
.page-maintenance .lead {
	justify-content: center !important;
}
.page-maintenance .lead h2 + p {
	/*margin-right: 10em !important;*/
}
.page-maintenance #maintenance-detail1 {
	width: 100%;
	margin: 0 0 100px 0;
	padding: 0;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
.page-maintenance #maintenance-detail1 td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-maintenance #maintenance-detail1 tr.reverse {
	
}
.page-maintenance #maintenance-detail1 tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
}
.page-maintenance #maintenance-detail1 tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-maintenance #maintenance-detail1 td.black {
	background-color: #2d2926;
	color: #fff;
}
.page-maintenance #maintenance-detail1 td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 50%;
	height: 250px;
	margin: 0 auto;
	text-align: left;
}
.page-maintenance #maintenance-detail1 td .text h3 {
	font-size: 22px;
}
.page-maintenance #maintenance-detail1 td .text p {
	font-size: 14px;
	margin-right: 2em !important;
}


.page-maintenance #maintenance-detail2  {
	margin: 0 auto;
}
.page-maintenance #maintenance-detail2 .item-list  {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.page-maintenance #maintenance-detail2 .item-list .item {
	width: 46%;
	margin-bottom: 40px;
}
.page-maintenance #maintenance-detail2 .item-list .item h3 {
	font-size: 22px;
	margin: 20px 0 1em 0;
}
.page-maintenance #maintenance-detail2 .item-list .item p {
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 2em;
	padding: 0;
}
.page-maintenance #maintenance-detail2 .item-list .item img {
	width: 100%;
}

.page-maintenance #maintenance-detail3 .item-list {
	margin: 100px auto;
}
.page-maintenance #maintenance-detail3 .item-list .item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 70px 0;
	border-top: 1px solid #2d2926;
}
.page-maintenance #maintenance-detail3 .item-list .item dl {
	width: 60%;
}
.page-maintenance #maintenance-detail3 .item-list .item dl dt {
	font-size: 22px;
	margin-bottom: 1em;
}
.page-maintenance #maintenance-detail3 .item-list .item dl dd {
	font-size: 14px;
}
.page-maintenance #maintenance-detail3 .item-list .item figure {
	width: 30%;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){

	.page-maintenance #maintenance-detail1 td {
		vertical-align: middle;
	}
	.page-maintenance #maintenance-detail1 td .text {
		height: 40vw;
	}
	.page-maintenance #maintenance-detail1 td .text h3,
	.page-maintenance #maintenance-detail1 td .text p {
		
	}
	.page-maintenance #maintenance-detail1 td .text p {
		font-size: 12px;
		margin-right: 1em !important;
		padding: 0;
	}
	
	.page-maintenance #maintenance-detail1 td.bgimage {
		height: 50vw;
		background: url(images/maintenance_img1.jpg) no-repeat left top;
		background-size: cover;
	}
	.page-maintenance #maintenance-detail1 td.bgimage img {
		display: none;
	}
	
	/*
	.page-maintenance #maintenance-detail1 td .text {
		width: 50%;
		height: 250px;
		margin: 0 auto;
		text-align: left;
	}
	.page-maintenance #maintenance-detail1 td .text h3 {
		font-size: 22px;
	}
	.page-maintenance #maintenance-detail1 td .text p {
		font-size: 14px;
		margin-right: 2em !important;
	}
	*/
	
	.page-maintenance #maintenance-detail3 .item-list .item dl {
		width: 50%;
	}
	.page-maintenance #maintenance-detail3 .item-list .item figure {
		width: 40%;
	}
	
	
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-maintenance #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-maintenance .lead h2 + p {
		width: auto !important;
		height: 650px;
		margin-right: 0 !important;
	}
	.page-maintenance #maintenance-detail1  {
		display: block;
		margin-bottom: 50px;
	}
	.page-maintenance #maintenance-detail1 .item-list .item {
		width: 100%;
	}
	
	.page-maintenance #maintenance-detail1 td {
		display: block;
		width: 100%;
		/*height: 200vw;*/
		position: inherit !important;
		left: inherit !important;
	}
	.page-maintenance #maintenance-detail1 td .text {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 20vw 0;
	}
	
	.page-maintenance #maintenance-detail1 td .text h3 {
		font-size: 26px;
		height: 200px;
		margin: 0 auto;
	}
	.page-maintenance #maintenance-detail1 td .text p {
		font-size: 16px;
		height: 550px;
		padding: 10vw 0 0 0;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		-ms-column-gap: 3em;
		column-gap: 3em;
		margin-right: inherit !important;
		margin: 0 auto;
	}
	
	.page-maintenance #maintenance-detail2 .item-list {
		display: block;
	}
	.page-maintenance #maintenance-detail2 .item-list .item {
		display: block;
		width: 100%;
	}
	.page-maintenance #maintenance-detail2 .item-list .item dl {
		width: 100%;
	}
	.page-maintenance #maintenance-detail2 .item-list .item figure {
		width: 100%;
	}
	
	.page-maintenance #maintenance-detail3 .item-list .item {
		display: block;
	}
	.page-maintenance #maintenance-detail3 .item-list .item dl {
		width: 100%;
		margin-bottom: 5vw;
	}
	.page-maintenance #maintenance-detail3 .item-list .item dl dt {
		font-size: 22px;
		margin-bottom: 1em;
	}
	.page-maintenance #maintenance-detail3 .item-list .item dl dd {
		font-size: 14px;
	}
	.page-maintenance #maintenance-detail3 .item-list .item figure {
		width: 100%;
	}
	
	
}



/*************************************************************************

** リノベーション /concept/renovation/

**************************************************************************/

.page-renovation {
	
}
.page-renovation #keyvisual{
	background: url(images/kv_renovation.jpg) no-repeat center center;
}
.page-renovation #keyvisual .kv-inner {
 width: 450px !important;
}
.page-renovation #keyvisual .kv-inner h1 span {
 letter-spacing: 0.1em;
}
.page-renovation #keyvisual ul{
	width: 220px !important;
}
.page-renovation article .lead  {
	width: 600px !important;
}
.page-renovation #renovation-detail1  {
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
	margin: 0 auto;
}
.page-renovation #renovation-detail1 .item-list  {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.page-renovation #renovation-detail1 .item-list .item {
	width: 48%;
	margin-bottom: 70px;
}
.page-renovation #renovation-detail1 .item-list .item h3 {
	font-size: 22px;
	letter-spacing: 0.1em;
	margin: 20px 0;
	padding-top: 15px;
}
.page-renovation #renovation-detail1 .item-list .item p {
	font-size: 14px;
	line-height: 2em;
}
.page-renovation #renovation-detail1 .item-list .item img {
	width: 100%;
}

.page-renovation #renovation-detail2 {
	padding: 30px 0 50px 0;
}
.page-renovation #renovation-detail2 .item-list .item {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 70px 0; 
	border-bottom: 1px solid #2d2926;
}
.page-renovation #renovation-detail2 .item-list .item:nth-child(3) {
	border-bottom: none;
}
.page-renovation #renovation-detail2 .item-list .item dl {
	width: 60%;
}
.page-renovation #renovation-detail2 .item-list .item dl dt {
	font-size: 22px;
	letter-spacing: .2em;
	margin-bottom: 1em;
}
.page-renovation #renovation-detail2 .item-list .item dl dd {
	font-size: 14px;
}
.page-renovation #renovation-detail2 .item-list .item figure {
	width: 30%;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-renovation #renovation-detail2 .item-list .item dl {
		width: 50%;
	}
	.page-renovation #renovation-detail2 .item-list .item figure {
		width: 40%;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-renovation #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-renovation article .lead  {
		width: auto !important;
	}
	.page-renovation .lead h2 + p {
		width: auto !important;
		height: 650px !important;
		margin-right: 0 !important;
	}
	.page-renovation #renovation-detail1 .sec_inner  {
		width: 100% !important;
	}
	.page-renovation #renovation-detail1 .item-list  {
		display: block;
	}
	.page-renovation #renovation-detail1 .item-list .item {
		width: 100%;
		margin-right: 0;
	}
	.page-renovation #renovation-detail1 .item-list .item figure {
		
	}
	.page-renovation #renovation-detail1 .item-list .item h3 {
		padding: 5% 10% 0 10%;
	}
	.page-renovation #renovation-detail1 .item-list .item h3 span {
		letter-spacing: 0;
	}
	.page-renovation #renovation-detail1 .item-list .item p {
		padding: 0 10%;
	}

	.page-renovation #renovation-detail2 .item-list .item {
		display: block;
	}
	.page-renovation #renovation-detail2 .item-list .item dl {
		width: 100%;
	}
	.page-renovation #renovation-detail2 .item-list .item figure {
		width: 100%;
		margin: 5vw 0;
	}
	
}





/*************************************************************************

** ＯＭソーラー /concept/omsolar/

**************************************************************************/

.page-om-solar {

}
.page-om-solar #keyvisual{
	background: url(images/kv_solor.jpg) no-repeat center center;
}
.page-om-solar #keyvisual .kv-inner {
 width: 450px !important;
}
.page-om-solar #keyvisual ul{
	width: 220px !important;
}
.page-om-solar article .lead  {
	width: 700px !important;
}
.page-om-solar #om-solar-detail {
	width: 100%;
}
.page-om-solar #om-solar-detail .item-list {
	border-top: 1px solid #2d2926;
}
.page-om-solar #om-solar-detail .item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #2d2926;
}
.page-om-solar #om-solar-detail .item:nth-child(odd) {
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-om-solar #om-solar-detail .item figure {
	width: 50%;
}
.page-om-solar #om-solar-detail .item > div {
	width: 50%;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;

	/* 左右中央寄せ */
	justify-content: center;

	/* 上下中央寄せ */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-om-solar #om-solar-detail .item div h3 {
	font-size: 26px;
	text-align: left;
	height: 320px;
}
.page-om-solar #om-solar-detail .item div p {
	text-align: left;
	height: 320px;
	margin-right: 3em;
}


.page-om-solar #om-solar-howitworks {
	
}
.page-om-solar #om-solar-howitworks h2 {
	text-align: center;
	font-size: 26px;
	padding: 5vw 0;
	border-bottom: 1px solid #eee;
}
.page-om-solar #om-solar-howitworks .item {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.page-om-solar #om-solar-howitworks .item h3 {
	width: 30%;
	font-size: 22px;
	/*counter-reset:sample;*/
}
.page-om-solar #om-solar-howitworks .item p {
	font-size: 14px;
}
.page-om-solar #om-solar-howitworks .item figure {
	position: relative;
	margin: 1em 0;
}
.page-om-solar #om-solar-howitworks .item figure.cbox-item:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	background: url(images/icon-glass.png) no-repeat center center;
}
.page-om-solar #om-solar-howitworks .item h3:before {
	font-family: Shuei Mincho L;
	display: block;
	margin-bottom: .5em;
}
.page-om-solar #om-solar-howitworks .item:nth-child(2) h3:before {
	content: "1.";
}
.page-om-solar #om-solar-howitworks .item:nth-child(3) h3:before {
	content: "2.";
}
.page-om-solar #om-solar-howitworks .item:nth-child(4) h3:before {
	content: "3.";
}
.page-om-solar #om-solar-howitworks .item > div.description {
	width: 65%;
}
.page-om-solar #om-solar-howitworks .item > div.description p {
	margin: 0;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-om-solar #om-solar-detail .item > div h3 {
		font-size: 20px;
		height: 30vw;
	}
	.page-om-solar #om-solar-detail .item > div p {
		font-size: 14px;
		line-height: 1.8em;
		height: 30vw;
		margin-right: 1em;
	}
	
}



/* スマホ */
@media screen and (max-width:750px){
	
	.page-om-solar #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-om-solar article .lead  {
		width: auto !important;
	}
	.page-om-solar .lead h2 + p {
		width: auto !important;
		height: 750px !important;
		margin-right: 0 !important;
	}
	.page-om-solar #om-solar-detail .item {
		display: block;
		height: auto;
		border: none;
	}
	.page-om-solar #om-solar-detail .item figure {
		width: 100%;
	}
	.page-om-solar #om-solar-detail .item > div {
		display: block;
		width: 100%;
		text-align: center;
		padding: 20vw 0;
	}
	.page-om-solar #om-solar-detail .item > div h3 {
		margin: 0 auto;
	}
	.page-om-solar #om-solar-detail .item > div p {
		margin: 0 auto;
		padding: 5vw 0 0 0;
	}
	.page-om-solar #om-solar-howitworks h2 {
		letter-spacing: 0;
		padding: 2em 0;
	}
	.page-om-solar #om-solar-howitworks .item {
		display: bloxk;
		border: none;
	}
	
	.page-om-solar #om-solar-howitworks .item {
		display: block;
		padding: 30px 0;
		border-bottom: 1px solid #eee;
	}
	.page-om-solar #om-solar-howitworks .item h3 {
		width: 100%;
		margin-bottom: 1em;
	}
	.page-om-solar #om-solar-howitworks .item > div.description {
		width: 100%;
	}
	
}




/*************************************************************************

** 大工の技 /daiku/

**************************************************************************/

.page-daiku {
	
}
.page-daiku #keyvisual{
	background: url(images/kv_daiku.jpg) no-repeat center center;
}
.page-daiku #keyvisual h1{
	
}
.page-daiku #keyvisual .kv-inner{
	width: 450px !important;
}
.page-daiku #keyvisual .kv-inner ul{
	width: 270px !important;
}
.page-daiku article #lead1 {
	width: 520px !important;
}
.page-daiku article #lead1 p {
	height: 360px !important;
	margin-right: 0 !important;
}
.page #the-content {
	width: 100%;
	max-width: inherit;
	font-size: 16px;
	margin: 0 auto;
}
.page-daiku #daiku-detail1  {
	margin: 10vw auto 0 auto;
	border-top: 1px solid #2d2926;
}
.page-daiku #daiku-detail1 .item-list  {
	
}
.page-daiku #daiku-detail1 .item-list .item {
	position: relative;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 40px;
	padding-top: 220px;
}
.page-daiku #daiku-detail1 .item-list .item:nth-child(odd) {
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-daiku #daiku-detail1 .item-list .item h2 {
	position: absolute;
	right: 70px;
	top: 80px;
	font-size: 24px;
	margin: 20px 0;
}
.page-daiku #daiku-detail1 .item-list .item:nth-child(even) h2 {
	right: inherit;
	left: 70px;
}
.page-daiku #daiku-detail1 .item-list .item .line {
	position: absolute;
	left: 70px;
	top: 0;
	z-index: 1;
	width: 1px;
	height: 300px;
	background-color: #2d2926;
}
.page-daiku #daiku-detail1 .item-list .item:nth-child(even) .line {
	left: inherit;
	right: 70px;
}
.page-daiku #daiku-detail1 .item-list .item p {
	width: 45%;
	font-size: 14px;
	padding-top: 60px;
}
.page-daiku #daiku-detail1 .item-list .item figure {
	position: relative;
	z-index: 3;
	width: 40%;
}
.page-daiku #daiku-detail1 .item-list .item figure img {
	display: block;
	margin-top: 3px;
}

.page-daiku #daiku-table {
	width: 100%;
	margin: 100px 0;
	padding: 0;
	border: none;
}
.page-daiku #daiku-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-daiku #daiku-table tr.reverse {
	
}
.page-daiku #daiku-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
}
.page-daiku #daiku-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-daiku #daiku-table td.black {
	background-color: #2d2926;
	color: #fff;
}
.page-daiku #daiku-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 50%;
	height: 300px;
	margin: 0 auto;
}
.page-daiku #daiku-table td .text h3 {
	font-size: 26px;
}
.page-daiku #daiku-table td .text p {
	font-size: 16px;
	padding-right: 20px;
}

.page-daiku #daiku-detail2 {
	padding-bottom: 50px;
	border-bottom: 1px solid #2d2926;
}
.page-daiku #daiku-detail2 .item-list {
	
}
.page-daiku #daiku-detail2 .item-list .item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 70px;
}
.page-daiku #daiku-detail2 .item-list .item dl {
	width: 60%;
}
.page-daiku #daiku-detail2 .item-list .item dl dt {
	font-size: 22px;
	margin-bottom: 1em;
}
.page-daiku #daiku-detail2 .item-list .item dl dd {
	font-size: 14px;
}
.page-daiku #daiku-detail2 .item-list .item figure {
	width: 30%;
}


.page-daiku #daiku-detail3 {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 370px;
	padding: 100px 0;
}
.page-daiku #daiku-detail3 h2 {
	font-size: 22px;
}
.page-daiku #daiku-detail3 .text-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 465px;
	margin: 0;
}
.page-daiku #daiku-detail3 .text-inner .group-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 170px;
	margin: 0;
}
.page-daiku #daiku-detail3 p {
	flex-basis: 400px;
	font-size: 14px;
	margin-right: 0;
}
.page-daiku #daiku-detail3 figure {
	width: 32%;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-daiku #daiku-table td .text {
		width: 80%;
		height: 27vw;
	}
	.page-daiku #daiku-table td .text h3 {
		font-size: 20px;
	}
	.page-daiku #daiku-table td .text p {
		font-size: 14px;
		line-height: 2em;
		padding: 0;
		margin: 0 1.5em 0 0;
	}
	
	.page-daiku #daiku-detail2 .item-list .item dl {
		width: 50%;
	}
	.page-daiku #daiku-detail2 .item-list .item figure {
		width: 40%;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	.page-daiku #keyvisual .kv-inner h1{
		width: 2em;
	}
	.page-daiku #keyvisual{
		background: url(images/kv_daiku_smp.jpg) no-repeat center center;
	}
	.page-daiku #keyvisual ul{
		width: 265px !important;
	}
	.page-daiku article #lead1 {
		width: 100% !important;
	}
	.page-daiku article #lead1 h2 {
		width: 2em;
	}
	.page-daiku article #lead1 p {
		width: auto !important;
		height: 600px !important;
	}
	.page-daiku #daiku-detail1  {
		margin: 20vw auto 0 auto;
	}
	.page-daiku #daiku-detail1 .item-list  {
		
	}
	.page-daiku #daiku-detail1 .item-list .item {
		display: block;
		margin-bottom: 0;
	}
	.page-daiku #daiku-detail1 .item-list .item h2 {
		/*
		position: inherit;
		right: inherit;
		top: inherit;
		*/
		margin: 0 0 10vw 0;
	}
	.page-daiku #daiku-detail1 .item-list .item p {
		width: 80%;
		margin-left: 20%;
		padding: 10vw 0 10vw 0;
	}
	.page-daiku #daiku-detail1 .item-list .item:nth-child(even) p {
		margin-left: 0;
		margin-right: 20%;
	}
	.page-daiku #daiku-detail1 .item-list .item .line {
		left: 20px;
	}
	.page-daiku #daiku-detail1 .item-list .item:nth-child(even) .line {
		left: inherit;
		right: 20px;
	}
	.page-daiku #daiku-detail1 .item-list .item:nth-child(1) .line {
		height: 1100px;
	}
	.page-daiku #daiku-detail1 .item-list .item:nth-child(2) .line {
		height: 1600px;
	}
	.page-daiku #daiku-detail1 .item-list .item:nth-child(3) .line {
		height: 1400px;
	}
	.page-daiku #daiku-detail1 .item-list .item figure {
		width: 100%;
	}

	.page-daiku #daiku-detail2 .item-list .item {
		display: block;
	}
	.page-daiku #daiku-detail2 .item-list .item dl {
		width: 100%;
		margin-bottom: 10vw;
	}
	.page-daiku #daiku-detail2 .item-list .item figure {
		width: 100%;
	}
	
	.page-daiku #daiku-table td {
		display: block;
		width: 100%;
	}
	.page-daiku #daiku-table tr.reverse {
		
	}
	.page-daiku #daiku-table tr.reverse td {
		position: inherit !important;
		left: 0 !important;
	}
	.page-daiku #daiku-table td .text {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 10%;
	}
	.page-daiku #daiku-table td .text h3 {
		display: block;
		width: 3.5em;
		height: 200px;
		margin: 0 auto;
		padding-top: 10vw;
	}
	.page-daiku #daiku-table td .text p {
		height: 310px;
		margin: 0 auto;
		padding: 10vw 0;
	}
		
	.page-daiku #daiku-detail3 {
		display: block;
		height: inherit;
		padding: 100px 0;
	}
	.page-daiku #daiku-detail3 h3 {
		width: 2.5em;
	}
	.page-daiku #daiku-detail3 .text-inner {
		flex-direction: column;
		width: 100%;
    	padding-top: 20vw;
	}
	.page-daiku #daiku-detail3 .text-inner .group-wrap {
		width: 12em;
		margin-right: 0;
		margin-left: auto;
	}
	.page-daiku #daiku-detail3 p {
		width: auto !important;
		height: 300px !important;
		flex-basis: 300px;
		column-count: 1;
		margin-right: 0 !important;
		padding-top: 0;
		padding-bottom: 10vw;
	}
	.page-daiku #daiku-detail3 figure {
		width: 100%;
	}
	
}




/*************************************************************************

** 社長挨拶 /philosophy/

**************************************************************************/

.page-philosophy {

}
.page-philosophy #keyvisual{
	background: url(images/kv_philosophy.jpg) no-repeat center center;
}
.page-philosophy .lead:nth-child(1) {
	justify-content: center;
}
.page-philosophy .lead:nth-child(1) p {
	margin-right: 4em;
}
.page-philosophy .lead p {
	height: 300px;
}
.page-philosophy .lead:nth-child(2) {
	justify-content:  center;
	flex-direction: row;
	padding-top: 0;
}
.page-philosophy .lead:nth-child(2) figure {
	width: 20%;
	margin-left: 3em;
}
.page-philosophy .lead:nth-child(2) p {
	/*margin-right: 3em;*/
}

.page-philosophy #philosophy-table {
	margin-bottom: 90px;
}
.page-philosophy #philosophy-table table {
	border-top: 1px solid #2d2926;
}
.page-philosophy #philosophy-table table th,
.page-philosophy #philosophy-table table td {
	padding: 40px 20px;
	border-bottom: 1px solid #2d2926;
}
.page-philosophy #philosophy-table table th {
	font-size: 18px;
}

.page-philosophy #philosophy-table table td > div {
	padding: 1em 0;
	border-bottom: 1px solid #eee;
}
.page-philosophy #philosophy-table table td > div:nth-child(1) {
	padding: 0 0 1em 0;
}
.page-philosophy #philosophy-table table td > div:nth-child(5) {
	margin-bottom: 1em;
}
.page-philosophy #concept {
	margin-bottom: 60px;
}
.page-philosophy #concept .sec_inner {
	position: relative;
}
.page-philosophy #concept ul.sec_image {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 60px auto;
}
.page-philosophy #concept ul.sec_image li {
	width: 33%;
}
.page-philosophy #concept h2 {
	position: absolute;
	right: 5vw;
	top: 280px;
	font-size: 26px;
}
.page-philosophy #concept dl {
	width: 80%;
	padding: 40px 0;
	border-bottom: 1px solid #eee;
}
.page-philosophy #concept dl dt {
	font-size: 18px;
	margin-bottom: 20px;
}
.page-philosophy #concept dl dd {
	font-size: 16px;
	margin-bottom: 20px;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-philosophy #concept h2 {
		top: 220px;
	}
	.page-philosophy #concept h2 .sp-only {
		display: none !important;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-philosophy #keyvisual .kv-inner h1 {
		width: 2em;
	}
	.page-philosophy .lead p {
		width: auto !important;
		display: block !important;
		height: 500px;
		-webkit-column-count: 1 !important;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
		margin: 0 auto !important;
	}
	
	.page-philosophy .lead:nth-child(2) {
		height: 250vw;
		padding-top: 0 !important;
	}
	.page-philosophy .lead:nth-child(2) p {
		padding-top: 0 !important;
	}
	.page-philosophy .lead:nth-child(2) figure {
		width: 80%;
		margin: 10vw auto;
		padding-top: 0 !important;
	}
	
	.page-philosophy #philosophy-table table th,
	.page-philosophy #philosophy-table table td {
		display: block;
		padding: 40px 0;
	}
	.page-philosophy #philosophy-table table th {
		text-align: center;
	}
	
	.page-philosophy #concept h2 {
		position: inherit;
		right: inherit;
		top: inherit;
		margin: 0 auto;
		padding: 10vw 0;
	}
	.page-philosophy #concept dl {
		width: 100%;
	}
	.page-philosophy #concept ul.sec_image li {
		display: none;
	}
	.page-philosophy #concept ul.sec_image li:nth-child(1) {
		display: block;
		width: 100%;
	}
	
}



/*************************************************************************

** スタッフ紹介 /staff/

**************************************************************************/

.page-staff {

}
.page-staff #keyvisual{
	background: url(images/kv_staff.jpg) no-repeat center center;
}
.page-staff #keyvisual h1{
	font-size: 36px;
}
.page-staff .item-list {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin: 100px auto;
}
.page-staff .item-list .item {
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
}
/*
.page-staff .item-list .item:nth-child(4n) {
	margin-right: 0;
}
*/
.page-staff .item-list .item a {
	display: block;
}
.page-staff .item-list .item a img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.page-staff .item-list .item a > span {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-staff .item-list .item a > span span {
	display: block;
	font-size: 14px;
	line-height: 2;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.page-staff .item-list .item a > span strong {
	display: block;
	font-size: 20px;
	line-height: 2;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.page-staff #cboxContent {
	background-color: #fff;
}


/* modal */
.page-staff .profile-wrapper {
	width: 830px;
	padding: 50px 0;
}
.page-staff .profile-inner {
	width: 630px;
	margin: 0 auto;
}
.page-staff .profile-inner .header {
	text-align: center;
	font-size: 14px;
	letter-spacing: .2em;
	margin-bottom: 50px;
}
.page-staff .profile-head {
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: 50px;
}
.page-staff .profile-head-text {
	width: 40%;
	display:flex;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding: 10% 10% 0 0;
}
.page-staff .profile-head-text span.staf_title {
	font-size: 16px;
}
.page-staff .profile-head-text h2.staff_name {
	font-size: 22px;
}
.page-staff .profile-head-text span.staff_capa {
	font-size: 14px;
	margin-right: 2em;
}

.page-staff .profile-head figure {
	width: 50%;
}
.page-staff .profile-head figure img {
	width: 100% !important;
	height: auto;
}
.page-staff .profile-body {
	width: 100%;
	margin-bottom: 30px;
}
.page-staff .profile-body h2 {
	font-size: 20px;
	margin: 0 0 1em 0;
}
.page-staff .profile-body h3 {
	font-size: 16px;
	margin: 0 0 1em 0;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.page-staff .profile-body p {
	font-size: 14px;
	margin: 0;
	padding-bottom: 20px;
}
.btn-close-bottom {
	width: 72px;
	margin: 0 auto;
	cursor: pointer;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	/* modal */
	.page-staff .profile-wrapper {
		width: 600px;
		margin: 0 auto;
		padding: 50px 0;
	}
	.page-staff .profile-inner {
		width: 500px;
		margin: 0 auto;
	}
	.page-staff #cboxClose {
		right: 30px;
		top: 30px;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	.page-staff #keyvisual .kv-inner h1 {
		width: 2em;
	}
	.page-staff .item-list {
		-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}
	.page-staff .item-list .item {
		width: 48%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	
	/* modal */
	#colorbox {
		width: 90% !important;
	}
	
	.page-staff .profile-wrapper {
		width: 300px !important;
		margin: 0 auto;
	}
	.page-staff .profile-inner {
		width: 100% !important;
	}
	
	.page-staff .profile-head {
		display: block;
		margin-bottom: 50px;
	}
	.page-staff .profile-head-text {
		justify-content: center;
		margin: 0 auto;
		padding: 20% 0 !important;
	}
	.page-staff .profile-head-text h2 {
		width: 100%;
		justify-content: center;
	}
	.page-staff .profile-head figure {
		width: 100%;
	}
	.page-staff #cboxClose {
		right: 25px;
		top: 15px;
	}
	
	
	
}



/*************************************************************************

** 股旅社中 /matatabi/

**************************************************************************/

.page-matatabi #matatabi {
	
}
.page-matatabi #keyvisual{
	background: url(images/kv_matatabi.jpg) no-repeat center center;
}
.page-matatabi .lead-header {
	padding-top: 100px;
}
.page-matatabi .lead-header figure {
	width: 189px;
	margin: 0 auto;
}
.page-matatabi .lead {
	justify-content: center !important;
}
.page-matatabi .lead h2 + p {
	margin-right: 7em !important;
}
.page-matatabi #matatabi .sec_image {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.page-matatabi #matatabi .sec_image li {
	width: 32.5%;
}

.page-matatabi #matatabi .message {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 100px 0;
}
.page-matatabi #matatabi .message p {
	width: 70%;
	margin: 0;
}
.page-matatabi #matatabi .message figure {
	width: 25%;
}
.page-matatabi #activity {
	position: relative;
	padding: 50px 0;
	margin-bottom: 100px;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
.page-matatabi #activity .btn-single {
	position: absolute;
	right: 0;
	top: 50px;
	width: 180px;
	margin: 0;
}
.page-matatabi #activity .btn-single a {
	font-size: 12px;
	padding: 0px 10px;
}
.page-matatabi #activity ul {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 50px 0 0 0;
}
.page-matatabi #activity ul li {
	width: 30%;
	margin-bottom: 2em;
}
.page-matatabi #activity ul li a span {
	display: block;
}
.page-matatabi #activity ul li a span.date {
	font-size: 12px;
	margin: 1em 0 0 0;
}
.page-matatabi #activity ul li a span.title {
	font-size: 16px;
}
.page-matatabi #activity ul li img {
	width: 100%;
}

/* スマホ */
@media screen and (max-width:750px){
	
	.page-matatabi #keyvisual .kv-inner h1{
		width: 2em;
	}
	.page-matatabi .lead h2 + p {
		height: 700px;
		margin-right: 0 !important;
	}
	.page-matatabi #matatabi .sec_image {
		display: block;
	}
	.page-matatabi #matatabi .sec_image li {
		width: 100%;
		margin-bottom: 10px;
	}
	.page-matatabi #matatabi .message  {
		display: block;
	}
	.page-matatabi #matatabi .message p {
		width: 100%;
	}
	.page-matatabi #matatabi .message figure {
		width: 100%;
		margin-bottom: 3em;
	}
	
	.page-matatabi #activity .btn-single {
		top: 65px;
	}
	.page-matatabi #activity ul {
		display: block;
	}
	.page-matatabi #activity ul li {
		width: 100%;
	}
	
}



/*************************************************************************

** 家づくりの流れ /flow/

**************************************************************************/

.page-flow {
	
}
.page-flow #keyvisual{
	background: url(images/kv_flow.jpg) no-repeat center center;
	z-index: 100;
}
.page-flow .item-list {
	position: relative;
	padding: 100px 0;
}
.page-flow .item-list .line-tate {
	position: absolute;
	left: 25px;
	top: -150px;
	z-index: 2;
	display: block;
	width: 1px;
	height: 320px;
	background-color: #2d2926;
}

.page-flow .item-list .item {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 0;
}
.page-flow .item-list .item .line {
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 1;
	display: block;
	width: 100px;
	height: 1px;
	background-color: #2d2926;
}
.page-flow .item-list .item .order {
	position: relative;
	z-index: 3;
	width: 50px;
	height: 50px;
	background-color: #2d2926;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	vertical-align: top;
	border-radius: 50%;
}
.page-flow .item-list .item figure {
	position: relative;
	z-index: 4;
	width: 25%;
}
.page-flow .item-list .item .item-text {
	width: 62%;
}
.page-flow .item-list .item .item-text h2 {
	font-size: 20px;
}
.page-flow .item-list .item .item-text p {
	font-size: 14px;
}
.page-flow .item-list .line-tate-bottom {
	position: absolute;
	bottom: 136px;
	left: 25px;
	z-index: 1;
	width: 1px;
	height: 145px;
	background-color: #2d2926;
}
.page-flow .item-list .btn-single-black {
	position: relative;
	margin: 50px auto 0 auto;
}
.page-flow .item-list .btn-single-black .line-yoko-bottom {
	position: absolute;
	top: 33px;
	left: 25px;
	z-index: 1;
	width: 215px;
	height: 1px;
	background-color: #2d2926;
}
.page-flow .item-list .btn-single-black {
	width: 100%;
}
.page-flow .item-list .btn-single-black a {
	position: relative;
	z-index: 6;
	width: 410px;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-flow #keyvisual .kv-inner h1{
		width: 4em;
	}
	.page-flow #keyvisual{
		background: url(images/kv_flow_smp.jpg) no-repeat center center;
	}
	.page-flow .sec_inner {
		width: 90%;
	}
	.page-flow .item-list .item {
		display: block;
		padding: 0;
	}
	.page-flow .item-list .item h2 {
		letter-spacing: 0.1em;
		margin: 0;
		padding: 0;
	}
	.page-flow .item-list .item .line-tate {
		top: -30vw;
		height: 500px;
	}
	.page-flow .item-list .item figure {
		position:relative;
		left: 20%;
		top: -50px;
		width: 80%;
	}
	.page-flow .item-list .item .item-text {
		position:relative;
		left: 20%;
		top: -30px;
		width: 80%;
	}
	.page-flow .item-list .item .line {
		top: 25px;
	}
	.page-flow .item-list .btn-single-black {
		width: 100%;
	}
	.page-flow .item-list .btn-single-black a {
		width: auto;
	}
	
}



/*************************************************************************

** 採用情報 /recruit/

**************************************************************************/

.page-recruit {
	
}
.page-recruit .page-header {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}
.page-recruit #recruit-table {
	
}
.page-recruit #recruit-table th {
	
}



/* スマホ */
@media screen and (max-width:750px){
	
	.page-recruit #keyvisual .kv-inner h1{
		width: 2em;
	}
	.page-recruit #recruit-table th {
		font-size: 18px;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	
}



/*************************************************************************

** やどりの大工見学 /daiku-kengaku/

**************************************************************************/

.page-daiku-kengaku {
	
}
.page-daiku-kengaku #page-header {
	margin: 100px 0 0 0;
}
.page-daiku-kengaku #page-header .page-header-inner {
	width: 930px;
	text-align: center;
	margin: 0 auto;
}
.page-daiku-kengaku #page-header .page-header-inner .page-header-title-eng {
	font-size: 38px;
	letter-spacing: 0.2em;
}
.page-daiku-kengaku #page-header .page-header-inner .page-header-title {
	font-size: 26px;
	margin: 2em 0;
}
.page-daiku-kengaku #page-header .page-header-inner p {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.1em;
}
.page-daiku-kengaku #page-header .page-header-inner .online {
	margin: 70px auto;
	padding: 50px 0;
	border: 1px solid #d5533e;
}
.page-daiku-kengaku #page-header .page-header-inner .online h2 {
	font-size: 20px;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #d5533e;
	margin-bottom: 2em;
}
.page-daiku-kengaku #page-header .page-header-inner .online p {
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.1em;
}

.page-daiku-kengaku #page-header .page-header-inner .btn-single-black {
	width: 300px;
	margin: 70px auto 0 auto;
}
.page-daiku-kengaku #page-header figure {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 150px 0;
}
.page-daiku-kengaku #page-header figure img {
	display: block;
	width: calc(50% - 2px);
	height: 36vw;
}
.page-daiku-kengaku #instagram {
	width: 100%;
}
.page-daiku-kengaku #instagram header {
	text-align: center;
}
.page-daiku-kengaku #instagram header p {
	line-height: 1;
	margin: 2em auto;
}
.page-daiku-kengaku #instagram header div {
	width: 240px;
	background-color: #2d2926;
	color: #fff;
	margin: 0 auto;
	padding: 0 5px;
}
.page-daiku-kengaku #instagram header figure {
	width: 30px;
	margin: 2em auto;
}
.page-daiku-kengaku #instagram #instafeed {
	margin-top: 100px;
	padding-left: 2vw;
}
.page-daiku-kengaku #instagram .bx-viewport {
	/*overflow: visible;*/
	height: inherit !important;
}

.page-daiku-kengaku #instagram #instafeed li {
	width: 20%;
	height: 30vw;
	margin-left: 2vw;
	padding: 0;
}
.page-daiku-kengaku #instagram #instafeed li a {
	display: block;
	background-size: cover;
	width: 100%;
	height: 18vw;
}
.page-daiku-kengaku #instagram #instafeed li a img {
	display: none;
	height: auto;
	padding: 0 0px;
}
.page-daiku-kengaku #instagram #instafeed li a span.img {
	display: block;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 18vw;
	padding: 0;
}
.page-daiku-kengaku #instagram #instafeed li a span.caption {
	display: block;
	padding: 10px 0;
	font-size: 13px;
}
.page-daiku-kengaku #instagram #instafeed li small {
	display: block;
	height: 5em;
	overflow: hidden;
	margin-top: 1em;
}
.page-daiku-kengaku #instagram .bx-wrapper .bx-controls-direction a {
	bottom: 20vw;
	margin-top:0;
	width: 49px;
}
.page-daiku-kengaku #instagram .bx-wrapper .bx-controls-direction .bx-prev {
	left: 0;
}
.page-daiku-kengaku #instagram .bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
}
.page-daiku-kengaku #instagram .btn-single-black {
	width: 300px;
	margin: 5em auto 0 auto;
}
.page-daiku-kengaku #instagram .btn-single-black a {
	position: relative;
	display: block;
	padding-left: 2em;
}
.page-daiku-kengaku #instagram .btn-single-black a:before {
	content: "";
	position: absolute;
	left: 30px;
	top: 20px;
	width: 30px;
	height: 30px;
	background: #2d2926 url(images/ig-logo-white.png) no-repeat center center;
}
.page-daiku-kengaku .form_wrap {
	width: 650px;
	margin: 100px auto;
	padding: 50px;
	border: 1px solid #000;
}
.page-daiku-kengaku .form_wrap .mauticform_wrapper {
	max-width: inherit;
}
.page-daiku-kengaku .form_wrap h2 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 1.5em;
	margin-top: 1em;
}
.page-daiku-kengaku .form_wrap .contact-list {
	
}
.page-daiku-kengaku .form_wrap .contact-list > div {
	font-size: 16px;
	padding: 1em 0;
	border-top: 1px solid #2d2926;
}
.page-daiku-kengaku .mauticform-row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.page-daiku-kengaku .mauticform-row label {
	width: 25%;
	font-size: 16px;
	padding-left: 1em;
}
.page-daiku-kengaku .mauticform-row h3{
	position: absolute;
	padding-left: 1em;
}
.page-daiku-kengaku .mauticform-number {
	width: 60%;
	padding-left: 40%;
}
.page-daiku-kengaku .mauticform-number label {
	padding: 0;
}
.page-daiku-kengaku .mauticform-row input[type="text"],
.page-daiku-kengaku .mauticform-row input[type="email"],
.page-daiku-kengaku .mauticform-row input[type="select"],
.page-daiku-kengaku .mauticform-row input[type="number"],
.page-daiku-kengaku .mauticform-row select,
.page-daiku-kengaku .mauticform-row textarea {
	width: 60%;
	font-size: 14px;
	border: 1px solid #2d2926;
	border-radius: 5px;
}
.page-daiku-kengaku .mauticform-row input[type="number"] {
	width: 100%;
}
.page-daiku-kengaku .mauticform-row select {
	height: 40px;
}
.page-daiku-kengaku .mauticform-helpmessage {
	margin-bottom: 1em;
}
.page-daiku-kengaku .mauticform-checkboxgrp {
	display: block;
	position: relative;
	padding-left: 40%;
}
.page-daiku-kengaku .mauticform-checkboxgrp > label {
	position:absolute;
	left: 0;
	top: 0;
	width: 30%;
}
.page-daiku-kengaku .mauticform-checkboxgrp .mauticform-checkboxgrp-row label {
	font-size: 14px;
	padding-left: 0;
}
.page-daiku-kengaku .mauticform-button-wrapper {

}
.page-daiku-kengaku .mauticform-button-wrapper button {
	display: block;
	width: 200px;
	background-color: #2d2926 !important;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	margin: 30px 0 0 40%;
	padding: 15px 10px;
	border: none;
	border-radius: 0;
}


/* 20240307フォーム修正 */
.page-daiku-kengaku .form-row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 20px;
}
.page-daiku-kengaku .form-row p {
	margin: 0;
}
.page-daiku-kengaku .form-row > p {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.page-daiku-kengaku .form-row label {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
	color: #221815;
}
.page-daiku-kengaku .form-row > p > label {
	width: 25%;
}
.page-daiku-kengaku .form-row.required label::after {
	color: #e32;
	content: " *";
	display: inline;
}
.page-daiku-kengaku .form-row > p > .wpcf7-form-control-wrap {
	display: block;
	width: 60%;
}
.page-daiku-kengaku .form-row input[type="text"],
.page-daiku-kengaku .form-row input[type="email"],
.page-daiku-kengaku .form-row input[type="tel"],
.page-daiku-kengaku .form-row input[type="select"],
.page-daiku-kengaku .form-row input[type="number"],
.page-daiku-kengaku .form-row select,
.page-daiku-kengaku .form-row textarea {
	width: 100%;
	font-size: 14px;
	border: 1px solid #2d2926;
	border-radius: 5px;
}
.page-daiku-kengaku .form-row select {
	padding: 6px 12px;
}
.page-daiku-kengaku .form-row-number .form-number-label {
	width: 25%;
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
	color: #221815;
}
.page-daiku-kengaku .form-row-number .form-number-box {
	width: 60%;
}
.page-daiku-kengaku .form-row-number .form-number-box .form-number-row > p {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 20px;
}
.page-daiku-kengaku .form-row-number .form-number-box .form-number-row label {
	width: 25%;
	font-size: 16px;
	font-weight: bold;
	color: #221815;
	padding-left: 0;
}
.page-daiku-kengaku .form-row-number .form-number-box .form-number-row > p > span {
	display: block;
	width: 75%;
}
.page-daiku-kengaku .form-row input[type="number"] {
	box-sizing: border-box;
	padding: 6px 12px;
}
.page-daiku-kengaku .form-row-media .form-media-label {
	width: 25%;
}
.page-daiku-kengaku .form-row-media .form-media-box {
	width: 60%;
}
.page-daiku-kengaku .form-row-media .form-media-box small {
	display: block;
	margin-bottom: 1em;
	font-size: 0.9em;
}
.page-daiku-kengaku .form-row-media .form-media-box .wpcf7-list-item {
	display: block;
	margin: 10px 0 0;
}
.page-daiku-kengaku .form-row-media .form-media-box .wpcf7-list-item label {
	padding-left: 0;
	font-size: 14px;
	font-weight: normal;
}
.page-daiku-kengaku .form-row span[data-name="your-check"] span {
	margin: 0;
}
.page-daiku-kengaku .form-row span[data-name="your-check"] span label {
	padding-left: 0;
	font-size: 14px;
	font-weight: normal;
}
.page-daiku-kengaku .form-row-submit > p {
	display: block;
}
.page-daiku-kengaku .form-row-submit input[type="submit"] {
	display: block;
	width: 200px;
	background-color: #2d2926 !important;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	margin: 30px 0 0 40%;
	padding: 15px 10px;
	border: none;
	border-radius: 0;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-daiku-kengaku #page-header .page-header-inner {
		width: 90%;
	}
	.page-daiku-kengaku #page-header .page-header-inner .page-header-title-eng {
		font-size: 32px;
	}
	.page-daiku-kengaku #page-header .page-header-inner .page-header-title {
		font-size: 24px;
	}
	.page-daiku-kengaku #page-header .page-header-inner p {
		font-size: 14px;
	}
	.page-daiku-kengaku #page-header figure {
		display: block;
		margin: 10vw 0;
	}
	.page-daiku-kengaku #page-header figure img {
		width: 100%;
		height: auto;
		margin-bottom: 3px;
	}
	
	.page-daiku-kengaku #instagram {
		margin-top: 20vw;
	}
	.page-daiku-kengaku #instagram #instafeed li {
		width: 29vw;
		height: 45vw;
		margin-left: 4vw;
		padding: 0;
	}
	.page-daiku-kengaku #instagram #instafeed li a {
		display: block;
		background-size: cover;
		width: 100%;
		height: 30vw;
	}
	.page-daiku-kengaku #instagram #instafeed li a span.img {
		display: block;
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 33vw;
	}
	.page-daiku-kengaku #instagram #instafeed li a span.caption {
		font-size: 10px;
	}
	.page-daiku-kengaku #instagram #instafeed li small {
		display: block;
		height: 5em;
		overflow: hidden;
		margin-top: 1em;
	}
	.page-daiku-kengaku #instagram .bx-wrapper .bx-controls-direction a {
		bottom: 24vw;
	}
	
	.page-daiku-kengaku .form_wrap {
		width: 80vw;
		margin: 15vw auto;
		padding: 5vw;
		border: 1px solid #000;
	}
	
	.page-daiku-kengaku .mauticform-row {
		display: block;
	}
	.page-daiku-kengaku .mauticform-row label {
		width: 80%;
		padding-left: 1.5em;
	}
	.page-daiku-kengaku .mauticform-row h3{
		position: inherit;
		padding-left: 1.5em;
	}
	.page-daiku-kengaku .mauticform-number {
		width: 100%;
		padding-left: 0%;
	}
	.page-daiku-kengaku .mauticform-number label {
		padding-left: 1.5em;
	}
	.page-daiku-kengaku .mauticform-row input[type="text"],
	.page-daiku-kengaku .mauticform-row input[type="email"],
	.page-daiku-kengaku .mauticform-row input[type="select"],
	.page-daiku-kengaku .mauticform-row input[type="number"],
	.page-daiku-kengaku .mauticform-row select,
	.page-daiku-kengaku .mauticform-row textarea {
		width: 85%;
		margin-left: 1.5em !important;
	}
	.page-daiku-kengaku .mauticform-checkboxgrp {
		padding-left: 0;
	}
	.page-daiku-kengaku .mauticform-checkboxgrp > label {
		position: inherit;
		width: 85%;
	}
	.page-daiku-kengaku .mauticform-checkboxgrp .mauticform-checkboxgrp-row label {
		padding-left: 1.5em;
	}
	.page-daiku-kengaku .mauticform-button-wrapper button {
		display: block;
		width: 80%;
		background-color: #2d2926 !important;
		color: #fff !important;
		margin: 30px auto 0 auto;
		padding: 15px 10px;
		border: none;
	}
	
	/* 20240307フォーム修正 */
	.page-daiku-kengaku .form-row {
		display:block;
	}
	.page-daiku-kengaku .form-row > p {
		display:block;
	}
	.page-daiku-kengaku .form-row label {
		padding-left: 1.5em;
		margin-bottom: 5px;
	}
	.page-daiku-kengaku .form-row > p > label {
		width: 80%;
	}
	.page-daiku-kengaku .form-row > p > .wpcf7-form-control-wrap {
		display: block;
		width: 85%;
		margin-left: 1.5em;
	}
	.page-daiku-kengaku .form-row-number .form-number-label {
		width: 80%;
		padding-left: 1.5em;
	}
	.page-daiku-kengaku .form-row-number .form-number-box {
		width: 85%;
		margin-left: 1.5em;
	}
	.page-daiku-kengaku .form-row-number .form-number-box .form-number-row > p {
		display:block;
	}
	.page-daiku-kengaku .form-row-number .form-number-box .form-number-row label {
		width: 100%;
	}
	.page-daiku-kengaku .form-row-number .form-number-box .form-number-row > p > span {
		width: 100%;
	}
	.page-daiku-kengaku .form-row-media .form-media-label {
		width: 80%;
	}
	.page-daiku-kengaku .form-row-media .form-media-box {
		width: 85%;
		margin-left: 1.5em;
	}
	.page-daiku-kengaku .form-row-media .form-media-box .wpcf7-list-item {
		margin: 5px 0 0;
	}
	.page-daiku-kengaku .form-row-submit input[type="submit"] {
		width: 80%;
		margin: 30px auto 0;
	}
	
}



/*************************************************************************

** 6つの価値 /about/

**************************************************************************/
/* 
.page-about {
	
}
.page-about #keyvisual {
	background: url(images/kv_about.jpg) no-repeat center center;
	z-index: 100;
}
.page-about #keyvisual .kv-inner {
	width: 74%!important;
}
.page-about #keyvisual .kv-inner h1 {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	margin: 0 auto 0 0;
	font-size: 28px;
	line-height: 2.36em;
}
.page-about .article #about-nav {
	width: 90%;
	max-width: 930px;
	margin: 130px auto 170px;
}
.page-about .article #about-nav h2 {
	margin-bottom: 1em;
	font-size: 30px;
	line-height: 1;
	text-align: center;
}
.page-about .article #about-nav .about-nav-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}
.page-about .article #about-nav .about-nav-inner ul {
	width: 42%;
}
.page-about .article #about-nav .about-nav-inner ul li {
	margin-top: 3em;
	font-size: 20px;
}
.page-about .article #about-nav .about-nav-inner ul li a {
	text-decoration: underline;
}
.page-about .article #about-nav .about-nav-inner ul li a:hover {
	text-decoration: none;
}
.page-about .article #about-lead {
	border-bottom: 1px solid #000;
	width: 100%;
	padding-bottom: 176px;
}
.page-about .article #about-lead .img1 {
	width: 90%;
	max-width: 930px;
	margin: 0 auto;
}
.page-about .article #about-lead .txt1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	max-width: 930px;
	margin: 100px auto 180px;
}
.page-about .article #about-lead .txt1 p {
	width: 42%;
	font-size: 16px;
	line-height: 2.38em;
}
.page-about .article #about-lead ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	max-width: 930px;
	margin: 0 auto;
}
.page-about .article #about-lead ul li {
	width: 32%;
}
.page-about .article #about-lead ul li a {
	display: block;
	border: 1px solid #000;
	padding: 1em;
	font-size: 20px;
	text-align: center;
}
.page-about .article #about-point {
	width: 90%;
	max-width: 930px;
	margin: 100px auto 180px;
}
.page-about .article #about-point h2 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 28px;
	margin: 0 3em 0 auto;
}
.page-about .article #about-point .point-box {
	position: relative;
	width: 100%;
	padding-top: 80px;
}
.page-about .article #about-point .point-box .number {
	position: absolute;
	top: 80px;
	font-size: 42px;
}
.page-about .article #about-point .point-box .point-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.page-about .article #about-point .point-box .point-box-inner dl {
	box-sizing: border-box;
	width: 51%;
	padding-top: 30px;
}
.page-about .article #about-point .point-box .point-box-inner dl dt {
	font-size: 20px;
}
.page-about .article #about-point .point-box .point-box-inner dl dd {
	margin-top: 1em;
	font-size: 16px;
	line-height: 2.25;
}
.page-about .article #about-point .point-box .point-box-inner figure {
	width: 45%;
	padding-top: 90px;
}
.page-about .article #about-point .point-box:nth-of-type(odd) .number {
	right: 0;
}
.page-about .article #about-point .point-box:nth-of-type(odd) .point-box-inner dl {
	padding-left: 40px;
}
.page-about .article #about-point .point-box:nth-of-type(even) .number {
	left: 0;
}
.page-about .article #about-point .point-box:nth-of-type(even) .point-box-inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.page-about .article #about-point .point-box:nth-of-type(even) .point-box-inner dl {
	padding-right: 40px;
}
.page-about #about-table {
	width: 100%;
	margin: 0 0 150px;
	padding: 0;
}
.page-about #about-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-about #about-table tr.reverse {
	
}
.page-about #about-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
	background-color: #2d2926;
}
.page-about #about-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-about #about-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 60%;
	height: 315px;
	margin: 0 auto;
}
.page-about #about-table td .text .text-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 320px;
	margin: 0;
}
.page-about #about-table td .text h3 {
	font-size: 26px;
	line-height: 1.8em;
	color: #fff;
}
.page-about #about-table td .text p {
	font-size: 16px;
	margin-left: 20px;
	color: #fff;
}
.page-about #about-table td .btn-single-tate {
	width: auto;
}
.page-about #about-table td .btn-single-tate a {
	background-color: #fff;
	color: #2d2926;
} */


/* タブレット */
/* 
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-about #about-table td .text {
		width: 80%;
		height: 27vw;
	}
	.page-about #about-table td .text .text-inner {
		
	}
	.page-about #about-table td .text h3 {
		font-size: 20px;
	}
	.page-about #about-table td .text p {
		font-size: 14px;
		line-height: 1.8em;
		margin: 0 1em;
	}
	
} */


/* スマホ */
/* 
@media screen and (max-width:750px){

	.page-about #keyvisual {
		background: url(images/kv_about_smp.jpg) no-repeat center center;
	}
	.page-about #keyvisual .kv-inner {
		width: 60%!important;
	}
	.page-about #keyvisual .kv-inner h1 {
		margin: 0;
		font-size: 24px;
	}
	.page-about .article #about-nav {
		width: 90%;
		margin: 100px auto 125px;
	}
	.page-about .article #about-nav h2 {
		padding-bottom: 2em;
		font-size: 20px;
	}
	.page-about .article #about-nav .about-nav-inner {
		display: block;
		width: 100%;
	}
	.page-about .article #about-nav .about-nav-inner ul {
		width: 100%;
	}
	.page-about .article #about-nav .about-nav-inner ul li {
		margin-top: 3em;
		font-size: 17px;
		text-align: center;
	}
	.page-about .article #about-lead {
		padding-bottom: 150px;
	}
	.page-about .article #about-lead .img1 {
		width: 100%;
	}
	.page-about .article #about-lead .txt1 {
		display: block;
		width: 87%;
		margin: 50px auto 90px;
	}
	.page-about .article #about-lead .txt1 p {
		width: 100%;
		font-size: 14px;
	}
	.page-about .article #about-lead .txt1 p:last-child {
		margin-top: 2.2em;
	}
	.page-about .article #about-lead ul {
		display: block;
		width: 87%;
	}
	.page-about .article #about-lead ul li {
		width: 100%;
		margin-top: 10px;
	}
	.page-about .article #about-lead ul li a {
		padding: 1.5em;
		font-size: 17px;
	}
	.page-about .article #about-point {
		width: 87%;
		margin: 100px auto 150px;
	}
	.page-about .article #about-point h2 {
		font-size: 23px;
		margin: 0 1em 0 auto;
	}
	.page-about .article #about-point .point-box {
		padding-top: 70px;
	}
	.page-about .article #about-point .point-box .number {
		top: 70px;
		font-size: 31px;
	}
	.page-about .article #about-point .point-box .point-box-inner {
		display: block;
		width: 100%;
	}
	.page-about .article #about-point .point-box .point-box-inner dl {
		width: 100%;
		padding-top: 50px;
	}
	.page-about .article #about-point .point-box .point-box-inner dl dt {
		font-size: 18px;
		letter-spacing: -1px;
	}
	.page-about .article #about-point .point-box .point-box-inner dl dd {
		margin-top: 1.5em;
		font-size: 14px;
	}
	.page-about .article #about-point .point-box .point-box-inner figure {
		width: 100%;
		padding-top: 40px;
	}
	.page-about .article #about-point .point-box:nth-of-type(odd) .number {
		right: auto;
	}
	.page-about .article #about-point .point-box:nth-of-type(odd) .point-box-inner dl {
		padding-left: 40px;
	}
	.page-about .article #about-point .point-box:nth-of-type(even) .number {
		left: auto;
		right: 0;
	}
	.page-about .article #about-point .point-box:nth-of-type(even) .point-box-inner dl {
		padding-right: 40px;
	}
	.page-about #about-table {
		width: 100%;
		margin: 0 0 120px;
	}
	.page-about #about-table td {
		position: inherit !important;
		left: inherit !important;
		display: block;
		width: 100%;
	}
	.page-about #about-table td:nth-child(1) {
		height: 750px;
	}
	.page-about #about-table td .text {
		display: block;
		width: 55%;
		height: inherit;
		margin: 0 auto;
		padding-top: 10vw;
	}
	.page-about #about-table td .text h3 {
		margin: 0 auto;
		padding: 40px 0;
	}
	.page-about #about-table td .text .text-inner {
		width: 100%;
		padding-top: 10vw;
	}
	.page-about #about-table td .text p {
		height: 320px;
		margin: 0 auto;
	}
	.page-about #about-table figure {
		width: 100%;
	}
	#daiku-detail-inner {
		width: 100%;
	}
} */



/*************************************************************************

** カテゴリーページ

**************************************************************************/

.category {
	
}
article .fa {
	display: none;
}
.category .new {
	display: none;
}
.post-meta .category {
	display: inline-block;
	font-size: 12px;
}
.post-meta .category a {
	color: #7d7773;
}

/* not found */
.category .notfound {
	text-align: center;
}


/*--------------------------------
// 施工事例
--------------------------------*/

:is(.category-5, .category-10, .category-11, .category-91) #page-title {
	padding: 170px 0 100px !important;
}
:is(.category-5, .category-10, .category-11, .category-91) #page-title #archive-title {
	font-size: 32px !important;
}
:is(.category-5, .category-10, .category-11, .category-91) #list {
	display: flex;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto;
}
:is(.category-5, .category-10, .category-11, .category-91) #list .list-side {
	box-sizing: border-box;
	width: 14%;
	padding-left: 10px;
}
:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li {
	margin-bottom: 0.5em;
	font-size: 18px;
}
.category-5  #list .list-side ul li.category-5 a,
.category-10 #list .list-side ul li.category-10 a,
.category-11 #list .list-side ul li.category-11 a,
.category-11 #list .list-side ul li.category-11 a,
.category-91 #list .list-side ul li.category-91 a {
	text-decoration: underline;
}
:is(.category-5, .category-10, .category-11, .category-91) #list .list_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 40px 10px;
	width: 84%;
	margin: 0;
}

.pagination {
	margin: 50px 0 !important;
}

:is(.category-5, .category-10, .category-11, .category-91) .pagination {
	width: fit-content;
	text-align: left;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination a {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: normal!important;
	text-decoration: none;
	/* color: #000; */
	display: inline-block;
	line-height: 50px;
	margin-left: 1em;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.current a {
	width: auto;
	height: auto;
	cursor: default;
	pointer-events: none;
	border: none;
	text-decoration: underline;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.previous {
	position: absolute;
	top: 20px;
	right: -100px;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.previous a {
	background: url(images/prev.png) no-repeat left center;
	width: 49px;
	height: 11px;
	margin: 0;
	border: none;
	display: block;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.previous a::before {
	display: none;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.next {
	position: absolute;
	top: 20px;
	right: -250px;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.next a {
	background: url(images/next.png) no-repeat left center;
	width: 49px;
	height: 11px;
	margin: 0;
	border: none;
	display: block;
}
:is(.category-5, .category-10, .category-11, .category-91) .pagination li.next a::after {
	display: none;
}

.category-5 #list article,
.category-10 #list article,
.category-11 #list article {
	width: calc( calc(100% - 10px) / 2 );
	margin: 0;
	padding: 0;
}
.category-5 #list article figure,
.category-10 #list article figure,
.category-11 #list article figure {
	width: 100%;
	aspect-ratio: 3/2;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.category-5 #list article figure a:hover,
.category-10 #list article figure a:hover,
.category-11 #list article figure a:hover {
	opacity: 1;

	& img {
		opacity: 1;
		transform: scale(1.1);
		transition: transform 0.6s ease-out;
	}
}
.category-5 #list article figure img,
.category-10 #list article figure img,
.category-11 #list article figure img {
	/*display: block;*/
	width: 100%;
	height: auto;
}
.category-5 #list article .entry-card-content,
.category-10 #list article .entry-card-content,
.category-11 #list article .entry-card-content {
	margin: 0;
}

.category-5 .entry-snippet, .category-5 .post-meta,
.category-10 .entry-snippet, .category-10 .post-meta,
.category-11 .entry-snippet, .category-11 .post-meta {
	display: none;
}
.category-5 #list article h2,
.category-10 #list article h2,
.category-11 #list article h2{
	font-size: 16px;
	margin-top: 1em !important;
	/*padding-left: 1em;*/
	letter-space:0.1em
}
.category-5 #list article h2 a,
.category-10 #list article h2 a,
.category-11 #list article h2 a{
	font-size: 16px;
}
.category-5 #list article h2 a br,
.category-10 #list article h2 a br,
.category-11 #list article h2 a br{
	display: none;
}
.category-5 .pagination,
.category-10 .pagination,
.category-11 .pagination{
	max-width: inherit;
}



/*--------------------------------
// 住宅見学
--------------------------------*/

.category-3 #list,
.category-6 #list,
.category-7 #list,
.category-8 #list,
.category-9 #list {
	width: 930px;
	margin: 0 auto;
}
.category-3 #list .list_inner,
.category-6 #list .list_inner,
.category-7 #list .list_inner,
.category-8 #list .list_inner,
.category-9 #list .list_inner {
	width: 930px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.category-3 #list article,
.category-6 #list article,
.category-7 #list article,
.category-8 #list article,
.category-9 #list article {
	width: 30%;
	margin-bottom: 40px;
	margin-right: 5%;
	padding: 0;
}
.category-3 #list article:nth-child(3n),
.category-6 #list article:nth-child(3n),
.category-7 #list article:nth-child(3n),
.category-8 #list article:nth-child(3n),
.category-9 #list article:nth-child(3n) {
	margin-right: 0;
}
.category-3 #list article figure,
.category-6 #list article figure,
.category-7 #list article figure,
.category-8 #list article figure,
.category-9 #list article figure {
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0;
}
.category-3 #list article figure img,
.category-6 #list article figure img,
.category-7 #list article figure img,
.category-8 #list article figure img,
.category-9 #list article figure img {
	display: block;
	width: 100%;
	height: auto !important;
}
.category-3 #list article .entry-card-content,
.category-6 #list article .entry-card-content,
.category-7 #list article .entry-card-content,
.category-8 #list article .entry-card-content,
.category-9 #list article .entry-card-content {
	margin: 0;
}


.category-3 .entry-snippet,
.category-6 .entry-snippet,
.category-7 .entry-snippet,
.category-8 .entry-snippet,
.category-9 .entry-snippet {
	display: none;
}

.category-3 #list article h2,
.category-6 #list article h2,
.category-7 #list article h2,
.category-8 #list article h2,
.category-9 #list article h2{
	font-size: 16px;
	line-height: 1.6;
	margin-top: .5em !important;
}
.category-3 #list article h2 a,
.category-6 #list article h2 a,
.category-7 #list article h2 a,
.category-8 #list article h2 a,
.category-9 #list article h2 a{
	font-size: 16px;
	letter-spacing: 0.1em;
}


/*--------------------------------
// お客様の声
--------------------------------*/

.category-67 #page-title .page-title-inner p  {
	
}
.category-67 #list {
	width: 930px;
	margin: 0 auto;
}
.category-67 #list .list_inner {
	width: 90%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.category-67 #list article {
	width: 30%;
	margin-bottom: 40px;
	margin-right: 5%;
	padding: 0;
}
.category-67 #list article:nth-child(3n) {
	margin-right: 0;
}
.category-67 #list article figure {
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0;
}
.category-67 #list article figure img{
	display: block;
	width: 100%;
	height: auto !important;
}
.category-67 #list article .entry-card-content {
	margin: 0;
}

.category-67 .entry-snippet {
	display: none;
}

.category-67 #list article .post-meta {
	display: none;
}
.category-67 #list article h2 {
	font-size: 16px;
	line-height: 1.6;
	margin-top: .5em !important;
}
.category-67 #list article h2 a {
	font-size: 16px;
}
.category-67 #list article .user-name {
	font-size: 12px;
}



/*--------------------------------
// ブログ 
--------------------------------*/

.category-14 {
	
}

.category-12  #page-title .page-title-inner,
.category-13  #page-title .page-title-inner,
.category-14  #page-title .page-title-inner,
.category-15  #page-title .page-title-inner,
.category-16  #page-title .page-title-inner,
.category-79  #page-title .page-title-inner,
.category-72  #page-title .page-title-inner {
	padding: 0;
}
.category-12  #page-title .page-title-inner ul,
.category-13  #page-title .page-title-inner ul,
.category-14  #page-title .page-title-inner ul,
.category-15  #page-title .page-title-inner ul,
.category-16  #page-title .page-title-inner ul,
.category-79  #page-title .page-title-inner ul,
.category-72  #page-title .page-title-inner ul {
	width: 230px !important;
}
.category-12 #list,
.category-13 #list,
.category-14 #list,
.category-15 #list,
.category-16 #list,
.category-79 #list,
.category-72 #list {
	width: 930px;
	margin: 0 auto;
}
.category-12 #page-title .page-title-inner ul li.category-12 a,
.category-13 #page-title .page-title-inner ul li.category-13 a,
.category-14 #page-title .page-title-inner ul li.category-14 a,
.category-15 #page-title .page-title-inner ul li.category-15 a,
.category-16 #page-title .page-title-inner ul li.category-16 a,
.category-79 #page-title .page-title-inner ul li.category-79 a,
.category-72 #page-title .page-title-inner ul li.category-72 a {
	background-color: #2d2926;
	color: #fff;
}
.category-12 #list article,
.category-13 #list article,
.category-14 #list article,
.category-15 #list article,
.category-16 #list article,
.category-79 #list article,
.category-72 #list article {
	width: 30%;
	margin-bottom: 40px;
	margin-right: 5%;
	padding: 0;
}
.category-12 #list article:nth-child(3n),
.category-13 #list article:nth-child(3n),
.category-14 #list article:nth-child(3n),
.category-15 #list article:nth-child(3n),
.category-16 #list article:nth-child(3n),
.category-79 #list article:nth-child(3n),
.category-72 #list article:nth-child(3n) {
	margin-right: 0;
}
/*.category-12 #list article.category-kozo-kengaku,*/
.category-13 #list article.category-kozo-kengaku,
.category-14 #list article.category-kozo-kengaku,
.category-15 #list article.category-kozo-kengaku,
.category-16 #list article.category-kozo-kengaku,
.category-79 #list article.category-kozo-kengaku,
.category-72 #list article.category-kozo-kengaku,
/*.category-12 #list article.category-iedukuri-koza,*/
.category-13 #list article.category-iedukuri-koza,
.category-14 #list article.category-iedukuri-koza,
.category-15 #list article.category-iedukuri-koza,
.category-16 #list article.category-iedukuri-koza,
.category-79 #list article.category-iedukuri-koza,
.category-72 #list article.category-iedukuri-koza {
	display: none;
}

.category-12 #list .list_inner,
.category-13 #list .list_inner,
.category-14 #list .list_inner,
.category-15 #list .list_inner,
.category-16 #list .list_inner,
.category-79 #list .list_inner,
.category-72 #list .list_inner {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.category-12 #list article figure,
.category-13 #list article figure,
.category-14 #list article figure,
.category-15 #list article figure,
.category-16 #list article figure,
.category-79 #list article figure,
.category-72 #list article figure {
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0;
	/*
	background: url(images/no-image.png) no-repeat center center;
	background-size: contain;
	*/
}
.category-12 #list article figure img,
.category-13 #list article figure img,
.category-14 #list article figure img,
.category-15 #list article figure img,
.category-16 #list article figure img,
.category-79 #list article figure img,
.category-72 #list article figure img{
	display: block;
	width: 100%;
	height: auto !important;
}
.category-12 #list article .entry-card-content,
.category-13 #list article .entry-card-content,
.category-14 #list article .entry-card-content,
.category-15 #list article .entry-card-content,
.category-16 #list article .entry-card-content,
.category-79 #list article .entry-card-content,
.category-72 #list article .entry-card-content {
	margin: 0;
}

.category-12 .entry-snippet,
.category-13 .entry-snippet,
.category-14 .entry-snippet,
.category-15 .entry-snippet,
.category-16 .entry-snippet,
.category-79 .entry-snippet,
.category-72 .entry-snippet {
	display: none;
}
/*.category-12  #list .list_inner .category-event-information,*/
.category-13  #list .list_inner .category-event-information,
.category-14  #list .list_inner .category-event-information,
.category-15  #list .list_inner .category-event-information,
.category-16  #list .list_inner .category-event-information,
.category-79  #list .list_inner .category-event-information,
.category-72  #list .list_inner .category-event-information {
	display: none;
}
.category-12 #list article h2,
.category-13 #list article h2,
.category-14 #list article h2,
.category-15 #list article h2,
.category-16 #list article h2,
.category-79 #list article h2,
.category-72 #list article h2 {
	font-size: 16px;
	line-height: 1.6;
	margin-top: .5em !important;
}
.category-12 #list article h2 a,
.category-13 #list article h2 a,
.category-14 #list article h2 a,
.category-15 #list article h2 a,
.category-16 #list article h2 a,
.category-79 #list article h2 a,
.category-72 #list article h2 a {
	font-size: 16px;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){

	.category-67 #list,
	.category-12 #list,
	.category-13 #list,
	.category-14 #list,
	.category-15 #list,
	.category-16 #list,
	.category-79 #list,
	.category-72 #list,
	.category-3 #list,
	.category-6 #list,
	.category-7 #list,
	.category-8 #list,
	.category-9 #list {
		width: 90%;
	}
	.category-67 #list .list_inner,
	.category-12 #list .list_inner,
	.category-13 #list .list_inner,
	.category-14 #list .list_inner,
	.category-15 #list .list_inner,
	.category-16 #list .list_inner,
	.category-79 #list .list_inner,
	.category-72 #list .list_inner,
	.category-3 #list .list_inner,
	.category-6 #list .list_inner,
	.category-7 #list .list_inner,
	.category-8 #list .list_inner,
	.category-9 #list .list_inner {
		width: 100%;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	.page .page-header {
		width: 100%;
		margin-top: 0px !important;
	}
	.single .page-header,
	.category .page-header,
	.archive .page-header {
		width: 90%;
		margin-top: 30px;
	}
	.category #list article {
		width: 95%;
	}
	.category #list article figure {
		height: auto;
		margin-bottom: 1em;
	}
	
	/*--------------------------------
 // 施工事例
 --------------------------------*/
	
	:is(.category-5, .category-10, .category-11, .category-91) #page-title {
		padding: 50px 0 0 !important;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #page-title #archive-title {
		font-size: 24px !important;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side {
		width: 100%;
		padding-left: 0;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul {
		display: flex;
		flex-wrap: wrap;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li {
		font-size: 12px;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li br {
		display: none;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li:after {
		content: "／";
		font-size: 12px;
		padding: 0 1em;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li:nth-child(4):after,
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li:nth-child(5):after,
	:is(.category-5, .category-10, .category-11, .category-91) #list .list-side ul li:nth-child(6):after {
		content: "";
		padding: 0 0.5em;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list .list_inner {
		width: 100%;
		margin-top: 50px;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list article {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list article h2 a {
		font-size: 14px;
		letter-spacing: 0.05em;
	}
	:is(.category-5, .category-10, .category-11, .category-91) #list article .category {
		font-size: 12px;
	}
	:is(.category-5, .category-10, .category-11, .category-91) .pagination {
		width: 100%;
	}
	:is(.category-5, .category-10, .category-11, .category-91) .pagination li.previous {
		right: 120px;
	}
	:is(.category-5, .category-10, .category-11, .category-91) .pagination li.next {
		right: 0px;
	}

	/*--------------------------------
 // 住宅見学
 --------------------------------*/
	
	.category #list {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.category #list article {
		width: 100%;
    margin-right: 0;
		margin-bottom: 10vw;
	}
	.category-3 #list .list_inner,
	.category-6 #list .list_inner,
	.category-7 #list .list_inner,
	.category-8 #list .list_inner,
	.category-9 #list .list_inner {
		width: 100%;
	}
	.category-3 #list article,
	.category-6 #list article,
	.category-7 #list article,
	.category-8 #list article,
	.category-9 #list article {
		margin-right: 0;
	}
	.category-3 #list article figure img,
	.category-6 #list article figure img,
	.category-7 #list article figure img,
	.category-8 #list article figure img,
	.category-9 #list article figure img,
	.category-67 #list article figure img {
		width: 100%;
		height: auto;
	}
	
	
	/*--------------------------------
 // お客様の声
 --------------------------------*/
	
	.category-67 #list article {
		margin-right: 0;
	}
	.category-67 #page-title .page-title-inner p  {
		height: 300px !important;
		padding-top: 20vw !important;
	}
	
	
	/*--------------------------------
 // ブログ
 --------------------------------*/
	
	.category-12 #list article,
	.category-13 #list article,
	.category-14 #list article,
	.category-15 #list article,
	.category-16 #list article,
	.category-79 #list article,
	.category-72 #list article {
		margin-right: 0;
	}
	.category-12 #list article figure img,
	.category-13 #list article figure img,
	.category-14 #list article figure img,
	.category-15 #list article figure img,
	.category-16 #list article figure img,
	.category-79 #list article figure img,
	.category-72 #list article figure img {
		height: 100%;
	}


}



/*************************************************************************

** 資料請求 /shiryo/

**************************************************************************/

.page-shiryo {
	
}
.page-shiryo .entry-title {
	width: 5em;
}
.page-shiryo .contact-tel {
	width: 920px;
	text-align: center;
	margin: 0 auto 70px auto;
	padding: 30px 0;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
.page-shiryo .contact-tel a {
	display: inline-block;
	font-size: 22px;
	letter-spacing: 2px;
	margin-left: 50px;
}
.page-shiryo .shiryo-lead {
	width: 930px;
	margin: 0 auto;
	padding: 0 0 70px 0;
	border-bottom: 1px solid #2d2926;
}
.page-shiryo .shiryo-lead .shiryo-lead-inner {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.page-shiryo .shiryo-lead span.shiryo-text,
.page-shiryo .shiryo-lead span.shiryo-detail {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: block;
	width: 30%;
	height: 400px;
}
.page-shiryo .shiryo-lead span.shiryo-detail {
	margin-right: -100px;
}
.page-shiryo .shiryo-lead figure {
	width: 35%;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-shiryo .contact-tel {
		width: 90%;
	}
	.page-shiryo .shiryo-lead {
		width: 90%;
	}
	.page-shiryo .shiryo-lead span.shiryo-detail {
		margin-right: 0;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	.page-shiryo .contact-tel {
		width: 90%;
	}
	.page-shiryo .contact-tel a {
		display: block;
		margin-top: 1em;
		margin-left: 0;
	}
	.page-shiryo .shiryo-lead {
		width: 100%;
	}
	.page-shiryo .shiryo-lead .shiryo-lead-inner {
		display: block;
		width: 100%;
	}
	
	.page-shiryo .shiryo-lead span.shiryo-text,
	.page-shiryo .shiryo-lead span.shiryo-detail {
		width: 80%;
		height: 300px;
	}
	.page-shiryo .shiryo-lead span.shiryo-text {
		margin: 0 auto;
		padding: 0;
	}
	.page-shiryo .shiryo-lead span.shiryo-detail {
		margin: 0 0 0 10%;
		padding: 20vw 0 0 0;
	}
	.page-shiryo .shiryo-lead figure {
		width: 90%;
		margin: 0 auto;
	}
	
}



/*************************************************************************

** お問い合わせ

**************************************************************************/

.page-otoiawase {

}
.page-otoiawase .lead {
	justify-content: space-between !important;
	height: 340px !important;
	padding-top: 0 !important;
}
.page-otoiawase .lead figure {
	width: 30%;
}
.page-otoiawase .inquiry-contact {
	width: 750px;
	margin-bottom: 50px;
}
.page-otoiawase .inquiry-contact li {
	font-size: 18px;
	padding: 50px 0 !important;
	border-top: 1px solid #2d2926;
}
.page-otoiawase .inquiry-contact li a.tel {
	font-size: 22px;
	color: #2d2926;
	text-decoration: none;
}

.page-otoiawase input[type="submit"],
.page-otoiawase button[type="submit"],
.page-shiryo input[type="submit"],
.page-shiryo button[type="submit"],
.category-3 button[type="submit"],
.categoryid-3 button[type="submit"],
.categoryid-6 button[type="submit"],
.categoryid-7 button[type="submit"],
.categoryid-8 button[type="submit"],
.categoryid-9 button[type="submit"],
section.event-form #booking-package button{
	display: block;
	background-color: #2d2926 !important;
	width: 400px;
	color: #fff !important;
	font-size: 16px !important;
	margin: 50px auto !important;
	padding: 20px !important;
	border: none !important;
}

.page-otoiawase .wpcf7,
.page-shiryo .wpcf7{
  max-width: 600px;
  margin: 10px auto;
}
.page-otoiawase .form-row,
.page-shiryo .form-row{
	display: block;
  margin-bottom: 20px;
}
.page-otoiawase .form-row label,
.page-shiryo .form-row label{
  font-size: 1.1em;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #221815;
}
.page-otoiawase .form-row.required .form-label::after,
.page-shiryo .form-row.required .form-label::after{
  color: #e32;
  content: " *";
  display: inline;
}
.page-otoiawase .form-row .wpcf7-form-control-wrap label,
.page-shiryo .form-row .wpcf7-form-control-wrap label{
  font-size: 16px;
  font-weight: normal;
}
.page-otoiawase .form-row .wpcf7-form-control-wrap .wpcf7-list-item,
.page-shiryo .form-row .wpcf7-form-control-wrap .wpcf7-list-item {
  display: block;
}
.grecaptcha-badge {
  display: none;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-otoiawase .inquiry-contact li {
		font-size: 18px;
		padding: 70px 0 !important;
	}
	.page-otoiawase .inquiry-contact li a {
		font-size: 22px;
	}
	.page-otoiawase .inquiry-contact {
		width: 80%;
	}


}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-otoiawase .inquiry-contact li a.tel {
		display: block;
		font-size: 22px;
		letter-spacing: 3px;
		padding: 20px 0 0 0;
	}
	.page-otoiawase .lead {
		width: auto !important;
		height: inherit !important;
	}
	.page-otoiawase .lead p {
		width: auto !important;
		height: 600px;
		/*margin-left: -20vw !important;*/
		padding-top: 0 !important;
	}
	.page-otoiawase .lead figure {
		width: 100%;
		margin: 10vw auto 0 auto;
	}
	.page-otoiawase .sec_inner {
		width: 80%;
	}
	.page-otoiawase input[type="submit"],
  .page-otoiawase button[type="submit"],
	.page-shiryo input[type="submit"],
  .page-shiryo button[type="submit"],
	.single button[type="submit"],
  section.event-form #booking-package button {
		width: 80%;
		margin: 50px auto !important;
	}
	
}

/************************************
** お問合わせ(contact)
************************************/
/*
.page-inquiry {
	
}
.page-inquiry .page-header {
	margin-top: 70px;
	margin-bottom: 100px;
}
.page-inquiry .page-header .lead {
	margin-top: 0px;
}
.tel-info {
	display: block;
	margin: 0 0 20px 0;
}
.tel-info span {
	display: inline-block;
	margin: 0px 0;
}
.tel-info span strong {
	display: inline-block;
	font-size: 20px;
	letter-spacing: .05em;
	margin-left: 5px;
}
.tel-info small {
	font-size: 11px;
}

.wpcf7-list-item:nth-child(7):before {
	display:block;
	content: "【賃貸オーナー・不動産事業者様向け】";
	margin: 30px 0 5px 0;
}
*/

/* フォーム */
/*
.page-inquiry .article form{
	font-family: UD Reimin Light;
}
.tbl-style2 {
	width: 70%;
	margin: 20px auto !important;
	border: none;
}
.tbl-style2 th,
.tbl-style2 td {
	background-color: transparent;
	padding: 10px;
	border: none;
}
.tbl-style2 th {
	width: 30%;
	font-size: 18px;
}
.tbl-style2 td {
	width: 60%;
}
.tbl-style2 th.valign-top{
	vertical-align: top;
}

.page-inquiry .article form .form-wrap{
	border-top: 1px solid #2d2926;
}
form table th,
form table td{
	padding: 10px 0 !important;
	border-bottom: none !important;
}
form table th{
	width: 30%;
	text-align: left;
}
form table td input[type="text"],
form table td input[type="tel"],
form table td input[type="email"],
form table td textarea{
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #eee;
}
form table td .wpcf7-radio > span{
	display: block;
	margin: 0;
}
form table td .radiborder{
	border-bottom: solid 1px #2d2926 !important;
}
form table td .wpcf7-radio > span{
	margin-bottom: 5px;
}
form table td .wpcf7-radio > span input[type="radio"] {
	display: none;
}

form table td .wpcf7-radio > span input[type="radio"] + span::before {
	display: inline-block;
	background: url(images/radio_unchecked.png) no-repeat left top;
	background-size: contain;
	width: 14px;
	height: 14px;
	margin-right: .5em;
}
form table td .wpcf7-radio > span input[type="radio"]:checked + span::before {
	background: url(images/radio_checked.png) no-repeat left top;
	background-size: contain;
}



input[type="submit"] {
	display: block;
	width: 100%;
	background-color: #2d2926;
	font-size: 16px;
	letter-spacing: .2em;
	color: #fff;
	margin: 30px 0 0 0;
	padding: 20px;
	border-radius: 5px;
}

:placeholder-shown,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {color: #eee !important;}
*/

/* スマホ *//*
@media screen and (max-width:750px){
	
	.tbl-style2 {
		width: 100%;
	}
	.tbl-style2 th,
	.tbl-style2 td {
		width: 100% !important;
		display: block;
	}
	input[type="submit"] {
		width: 100%;
		font-size: 20px;

	}
}
*/



/*************************************************************************

** 採用情報

**************************************************************************/

.page-recruit {
	
}
.page-recruit #keyvisual{
	background: url(images/kv_saiyo.jpg) no-repeat center center;
}
.page-recruit article .lead {
	width: 700px !important;
}
.page-recruit article .lead h2 {
	font-size: 22px;
}
.page-recruit article .lead p {
	margin-right: 0;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-recruit article .lead {
		width: 100% !important;
		padding-bottom: 50px;
	}
	.page-recruit article .lead h2 {
		font-size: 22px;
		width: 5em;
		margin: 0 auto;
	}
	.page-recruit article .lead p {
		height: 660px !important;
		margin-right: 0;
		padding-top: 10vw;
	}
	
}



/*************************************************************************

** プライバシーポリシー

**************************************************************************/

.page-policy {
	
}
.page-policy #privacy dl {
	padding: 3em 0;
	border-bottom: 1px solid #eee;
}
.page-policy #privacy dl:nth-child(1) {
	border-top: 1px solid #221815;
}
.page-policy #privacy dt {
	font-size: 18px;
	margin-bottom: 1em;
}
.page-policy #privacy dd {
	font-size: 14px;
}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-policy #privacy dl {
		border-bottom: 1px solid #221815;
	}
	
}




/*************************************************************************

** キービジュアルなしのページ

**************************************************************************/
/*
.page-otoiawase #container > header,
.page-shiryo #container > header,
.page-policy #container > header,
.single #container > header,
.category #container > header {
	border-bottom: 1px solid #2d2926;
}
*/




/*************************************************************************

** フォーム共通

**************************************************************************/

.form-wrap {
	width: 750px;
	margin: 0 auto;
	padding: 60px 90px;
}
.form-wrap h3 {
	letter-spacing: 0;
}
.form-wrap h3 + p {
	margin-bottom: 60px;
}

/*
#mauticform_wrapper_housingtour {
	padding: 5%;
	border: 1px solid #2d2926;
}
*/

/* サンキューページ */
.page-template-thanks {

}
.page-template-thanks .lead {
	justify-content: center;
	width: 300px !important;
	padding: 0 !important;
}
.page-template-thanks .lead p {
	margin: 0 auto;
}



/* スマホ */
@media screen and (max-width:960px){
	
	.form-wrap {
		width: 80%;
		padding: 60px 0;
	}
	
	/* サンキューページ */
	.page-template-thanks .lead {
		display: flex !important;
	}
	.page-template-thanks .lead p {
		height: 360px;
		padding-top: 0 !important;
		column-count: 1 !important;;
	}
	
	
}



/*************************************************************************

** singleページ共通

**************************************************************************/

.single #the-content {
	width: 100%;
	font-size: 16px;
	line-height: 2;
	margin: 0 auto;
}
.single #the-content p,
.single #the-content span {
	font-family: Shuei Mincho L !important;
}

.single .post article p {
  margin: 0;
	text-align: justify;
}

.single .post {
	width: 100%;
	margin: 0 auto;
}
.single .post article {
	width: 930px;
	margin: 0 auto;
	padding: 0;
}
.single .post article header{
	margin: 0 0 4em 0;
	padding: 2em 0;
	border-bottom: 1px solid #2d2926;
}
.single .post article header h1{
	line-height: 1.6;
	margin: 10px 0 0 0;
	padding: 0;
}
.single .post .post-meta {
	text-align: left;
	background-color: transparent;
}
.single .post h1 + .post-meta,
.single .post .post-update {
	display: none;
}
.single .post .post-meta .fa {
	display: none;
}
.single .post figure img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.single .post img {
	width: 100%;
	margin: 0;
}
.single .sns-buttons {
	margin-top: 100px;
	padding-bottom: 3em;
	border-bottom: 1px solid #000;
}
.single .sns-buttons ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.single .sns-buttons ul li {
	
}




/* スマホ */
@media screen and (max-width:960px){
	
	.single .post article {
		width: 90%;
	}
	.single .sns-buttons p {
		position: relative;
		top: -2em;
	}
	
}



/*************************************************************************

** 施工事例 /works/

**************************************************************************/

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #page-title {
	display: none;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .eye-catch img {
	width: 100%;
	height: auto;
	margin: 0;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-wrap {
	display: flex;
	justify-content: space-between;
	margin: 100px 5% 0 3%;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-side {
	width: 17%;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-side ul li {
	margin-bottom: 0.5em !important;
	font-size: 18px;
}
.categoryid-5  .post-side ul li.category-5 a,
.categoryid-10 .post-side ul li.category-10 a,
.categoryid-11 .post-side ul li.category-11 a,
.categoryid-11 .post-side ul li.category-11 a,
.categoryid-91 .post-side ul li.category-91 a {
	text-decoration: underline;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post_inner {
	width: 80%;
}


/* archiveページ */




/* singleページ */
#works-single {
	width: 100%;
}
#works-single header {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
	padding: 0 0 100px;
	border-bottom: none;
}
#works-single header .meta {
	width: 30%;
}
#works-single header .meta .entry-title {
	margin: 0;
	font-size: 28px;
	letter-spacing: normal;
}
#works-single header .meta .category {
	font-size: 14px;
	line-height: 2;
}
#works-single header .meta .data {
	margin-top: 80px;
	font-size: 14px;
	line-height: 2;
}
#works-single header .single-content {
	width: 61%;
	font-size: 16px;
	line-height: 2.25;
}



/* リノベ事例のみ */
.categoryid-10 #works-single header h1 small {
	display: block;
	font-size: 18px;
	margin-left: 1.5em;
}
.categoryid-10 #works-single h2.before,
.categoryid-10 #works-single h2.after {
	font-size: 16px;
	margin-bottom: 2em;
}
.categoryid-10 #works-single .before-images {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	margin-bottom: 5em;
}
.categoryid-10 #works-single .before-images li {
	width: 49%;
}

#works-single .gallery-new img {
	display: block;
	width: 100%;
	height: auto;
}
#works-single .gallery-new a {
	display: block;
	width: 100%;
	overflow: hidden;
}
#works-single .gallery-new a:hover {
	opacity: 1;
}
#works-single .gallery-new a:hover img {
	transform: scale(1.1);
	transition: transform 0.6s ease-out;
	opacity: 1;
}
#works-single .gallery-new .column-one {
	width: 100%;
	margin-bottom: 15px;
}
#works-single .gallery-new .column-two {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	margin-bottom: 15px;
}
#works-single .gallery-new .column-two a {
	display: block;
	width: calc( calc(100% - 15px) / 2 );
}

/*
#works-single .gallery {
	
}
#works-single .gallery ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#works-single .gallery ul li {
	width: 300px;
	height: 300px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding: 0;
}
#works-single .gallery ul li:nth-child(3n) {
	margin-right: 0;
}
#works-single .gallery ul li img {
	display: block;
	width: 100%;
	height: auto;
}
#works-single .gallery ul li a {
	width: 100%;
}
*/

.categoryid-5  #cboxClose,
.categoryid-10 #cboxClose,
.categoryid-11 #cboxClose,
.categoryid-91 #cboxClose {
	top: 20px;
	right: 20px;
}

#works-single footer {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: flex-end;
	padding: 180px 0 0 0;
}
#works-single footer .subtext {
	width: 61%;
	font-size: 16px;
	line-height: 2.25;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body {
	position: relative;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation {
	position: absolute;
	top: -90px;
	left: 0;
	display: flex;
	column-gap: 50px;
	width: auto;
	max-width: none;
	margin: 0;
	padding-bottom: 0;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation .next {
	border: none;
	float: none;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation .prev {
	border: none;
	float: none;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation :is(.next, .prev) a {
	width: 49px;
	height: 20px;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation :is(.next, .prev) a span {
	display: none;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation .next a {
	display: block;
	right: 0px;
	background: url(images/next.png) no-repeat right center;
}
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation .prev a {
	display: block;
	left: 0px;
	background: url(images/prev.png) no-repeat left center;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation > div a::before,
:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation > div a::after {
	display: none;
	width: 39px;
	height: 11px;
	border: none;
}

:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation .back-to-index {
	display: none;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	#works-single header {
		display: block;
	}
	#works-single header .meta {
		width: 100%;
	}
	#works-single header .meta .data {
		margin-top: 30px;
	}
	#works-single header .single-content {
		width: 100%;
		margin-top: 50px;
	}
	
	#works-single .gallery ul li {
		width: 48%;
		height: auto;
		margin-bottom: 0;
		margin-right: 0;
		padding: 1%;
	}
	#works-single .gallery ul li:nth-child(even) {
		margin-right: 0;
	}
	#works-single .gallery ul li img {
		
	}
	#works-single footer {
		padding: 100px 0 0 0;
	}
	
}

/* スマホ */
@media screen and (max-width:750px){
	
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .eye-catch {
		aspect-ratio: 1/1;
		overflow: hidden;
	}
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .eye-catch img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-wrap {
		flex-direction: column;
		margin: 50px 7% 0;
	}
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-side {
		display: none;
		width: 100%;
	}
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post-side ul li {
		font-size: 16px;
	}
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) .post_inner {
		width: 100%;
	}

	#works-single header {
		display: block;
		padding: 0 0 50px;
	}
	#works-single header .meta {
		width: 100%;
	}
	#works-single header .meta .entry-title {
		font-size: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	#works-single header .meta .meta-wrap {
		display: flex;
		justify-content: space-between;
	}
	#works-single header .meta .meta-wrap > .category {
		font-size: 12px;
	}
	#works-single header .meta .meta-wrap > .category .category {
		font-size: 12px;
	}
	#works-single header .meta .data {
		width: 40%;
		font-size: 12px;
		margin-top: 0;
	}
	#works-single header .single-content {
		width: 100%;
		font-size: 14px;
		margin-top: 50px;
	}
	#works-single .gallery-new .column-one {
		margin-bottom: 5px;
	}
	
	.categoryid-10 #works-single .before-images {
		display: block;
		margin-bottom: 10vw;
	}
	.categoryid-10 #works-single .before-images li {
		width: 100%;
		margin-bottom: 3px;
	}
	
	#works-single .gallery ul li {
		width: 48%;
		height: auto;
		margin-bottom: 0;
		margin-right: 0;
		padding: 1%;
	}
	#works-single .gallery ul li:nth-child(even) {
		margin-right: 0;
	}
	#works-single .gallery ul li img {
		
	}
	#works-single footer {
		display: block;
		padding: 50px 0 0 0;
	}
	#works-single footer .subtext {
		width: 100%;
		font-size: 14px;
	}
	
	:is(.categoryid-5, .categoryid-10, .categoryid-11, .categoryid-91) #under-entry-body .navigation {
		position: static;
		top: auto;
		left: auto;
	}
	
}



/*************************************************************************

** 住宅見学 /blog/event-information/

**************************************************************************/

.categoryid-3 #page-title .page-title-inner ul li.category-3 a,
.categoryid-6 #page-title .page-title-inner ul li.category-6 a,
.categoryid-7 #page-title .page-title-inner ul li.category-7 a,
.categoryid-8 #page-title .page-title-inner ul li.category-8 a,
.categoryid-9 #page-title .page-title-inner ul li.category-9 a,
.category-3 #page-title .page-title-inner ul li.category-3 a,
.category-6 #page-title .page-title-inner ul li.category-6 a,
.category-7 #page-title .page-title-inner ul li.category-7 a,
.category-8 #page-title .page-title-inner ul li.category-8 a,
.category-9 #page-title .page-title-inner ul li.category-9 a {
	background-color: #2d2926;
	color: #fff;
}
#event-single #the-content p img {
	display: none;
}

section.event-form {
	width: 830px;
	margin: 0 auto;
	padding: 50px;
	border: 1px solid #2d2926;
}
section.event-form h2.form-title{
	width: 100%;
	font-size: 22px;
	text-align: center;
	padding: 0 0 2em 0;
}
section.event-form .contact-tel {
	width: 100%;
	font-size: 18px;
	text-align: left;
	margin: 0 auto 1em auto;
	padding: 1.5em 0;
	border-top: 1px solid #2d2926;
	border-bottom: 1px solid #2d2926;
}
section.event-form .contact-tel a {
	display: inline-block;
	letter-spacing: 2px;
	margin-left: 0px;
}
section.event-form .contact-mail {
	font-size: 18px;
	margin-bottom: 1em;
}
section.event-form p.form-description {
	margin: 0 0 2em 0;
}
section.event-form p.form-description small {
  display: block;
	margin-top: 1em;
}

section.event-form .start_booking_package {
  max-width: 600px;
  margin: 10px auto;
}
section.event-form #booking-package_inputFormPanel #reservationHeader {
  display: none;
}
section.event-form #booking-package_inputFormPanel .row {
  margin-bottom: 20px;
  padding: 0;
	border: none;
}
section.event-form #booking-package_inputFormPanel .row .name {
  font-size: 1.1em;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
section.event-form #booking-package_inputFormPanel .required {
	color: #000;
}
section.event-form #booking-package_inputFormPanel .required:after {
	color: #e32;
}

section.event-form #booking-package_inputFormPanel input[type="text"],
section.event-form #booking-package_inputFormPanel input[type="email"] ,
section.event-form #booking-package_inputFormPanel select,
section.event-form #booking-package_inputFormPanel textarea {
  width: 100%;
  padding: 0.5em 0.5em;
  border: 1px solid #CCC;
  background: #fff;
  box-shadow: 0px 0px 0px #fff inset;
  border-radius: 4px;
  box-sizing: border-box;
}
section.event-form #booking-package button{
	margin: 50px auto 0 auto !important;
}



/* スマホ */
@media screen and (max-width:960px){
	
	#under-entry-body {
		width: 100%;
		margin: 0 auto;
	}
	
	section.event-form {
		width: 90%;
		padding: 10% 5%;
	}
	
}



/*************************************************************************

** お客様の声 /voice/

**************************************************************************/

#voice-single {

}
#voice-single #the-content p img {
	display: none;
}
#voice-single header h1 {
	margin: 0;
}
#voice-single header .user-name {
	margin-top: 1em;
}
#voice-single #the-content h3 {
	font-size: 22px;
	line-height: 1.6;
	margin: 1.5em 0;
}
#voice-single #the-content h4 {
	font-size: 24px;
	line-height: 1.6;
	margin: 3em 0 1.5em 0;
}
#voice-single #the-content p {
	font-size: 16px;
}

#voice-single .related-post {
	border-top: 1px solid #2d2926;
	margin-top: 100px;
}
#voice-single .related-post li {
	padding: 2em;
	border-bottom: 1px solid #eee;
}
#voice-single .related-post li a {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#voice-single .related-post li a > figure {
	width: 25%;
}
#voice-single .related-post li a > figure img {
	display: block;
	max-width: inherit;
	width: 100%;
	height: auto;
	margin: 0;
}
#voice-single .related-post li a > span {
	display: block;
	width: 70%;
	padding-top: 3em;
}
#voice-single .related-post li a > span span {
	display: block;
}
#voice-single .related-post li a > span span.title {
	font-size: 18px;
}
#voice-single .related-post li a > span span.name {
	font-size: 12px;
	margin-top: 1em;
}



/* スマホ */
@media screen and (max-width:960px){
	
	#voice-single header h1 {
		
	}
	#voice-single #the-content h3 {
		font-size: 24px;
 }
	#voice-single #the-content h4 {
		font-size: 24px;
		line-height: 1.6;
		margin: 3em 0 1.5em 0;
	}
	#voice-single #the-content p {
		font-size: 16px;
	}
	
	#voice-single .related-post li {
		padding: 2em 5%;
	}
	#voice-single .related-post li a > figure {
		width: 35%;
	}
	#voice-single .related-post li a > span {
		width: 60%;
		padding-top: .5em;
	}
	#voice-single .related-post li a > span span.name {
		margin-top: .5em;
	}

	
}




/*************************************************************************

** ブログ /blog/

**************************************************************************/

.categoryid-12 #page-title .page-title-inner ul,
.categoryid-13 #page-title .page-title-inner ul,
.categoryid-14 #page-title .page-title-inner ul,
.categoryid-15 #page-title .page-title-inner ul,
.categoryid-16 #page-title .page-title-inner ul,
.categoryid-72 #page-title .page-title-inner ul {
	width: 220px !important;
}
#blog-single {

}
#blog-single #the-content p img {
	
}
#blog-single header h1 {
	margin: 0;
}
#blog-single header .user-name {
	margin-top: 1em;
}
#blog-single #the-content h3 {
	font-size: 22px;
	line-height: 1.6;
	margin: 1.5em 0;
}
#blog-single #the-content h4 {
	font-size: 24px;
	line-height: 1.6;
	margin: 3em 0 1.5em 0;
}
#blog-single #the-content p {
	font-size: 16px;
}

#blog-single .related-post {
	border-top: 1px solid #2d2926;
	margin-top: 100px;
}
#blog-single .related-post li {
	padding: 2em;
	border-bottom: 1px solid #eee;
}
#blog-single .related-post li a {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#blog-single .related-post li a > figure {
	width: 25%;
}
#blog-single .related-post li a > figure img {
	display: block;
	max-width: inherit;
	width: 100%;
	height: auto;
	margin: 0;
}
#blog-single .related-post li a > span {
	display: block;
	width: 70%;
	padding-top: 3em;
}
#blog-single .related-post li a > span span {
	display: block;
}
#blog-single .related-post li a > span span.title {
	font-size: 18px;
}
#blog-single .related-post li a > span span.name {
	font-size: 12px;
	margin-top: 1em;
}



/* スマホ */
@media screen and (max-width:960px){
	
	#blog-single header h1 {
		
	}
	#blog-single #the-content h3 {
		font-size: 24px;
 }
	#blog-single #the-content h4 {
		font-size: 24px;
		line-height: 1.6;
		margin: 3em 0 1.5em 0;
	}
	#blog-single #the-content p {
		font-size: 16px;
	}
	
	#blog-single .related-post li {
		padding: 2em 5%;
	}
	#blog-single .related-post li a > figure {
		width: 35%;
	}
	#blog-single .related-post li a > span {
		width: 60%;
		padding-top: .5em;
	}
	#blog-single .related-post li a > span span.name {
		margin-top: .5em;
	}
	#blog-single .sns-share-msg {
		
	}
	#blog-single .sns-share-msg ul {
		width: 100%;
		justify-content: space-between;
	}
	#blog-single .sns-share-msg ul li {
		width: 30%;
	}

	

	
}



/*************************************************************************

** 404

**************************************************************************/

.error404 {
	
}
.error404 .msg {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	width: 400px;
	margin: 100px auto 150px auto;
}
.error404 .msg .entry-title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 26px;
	color: #2d2926;
	line-height: 2.5em;
	margin: 0;
}
.error404 .msg .msg-inner {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	width: 300px;
}
.error404 .msg .msg-inner p {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 250px;
	font-size: 16px;
	line-height: 2.0em;
}


/* スマホ */
@media screen and (max-width:960px){
	
	.error404 .msg {
		display: block;
		width: 100%;
		margin: 10vw auto 15vw auto;
	}
	.error404 .msg .entry-title {
		font-size: 26px;
		margin: 0 auto;
	}
	.error404 .msg .msg-inner{
		margin: 0 auto;
		padding-top: 20vw;
	}

}




/*************************************************************************

** 固定ページ

**************************************************************************/

.post-password-form {
	width: 930px;
	text-align: center;
	margin: 100px auto;
}

.post-password-form input[name="post_password"] {
	width: inherit;
}

/* スマホ */
@media screen and (max-width:960px){
	
	.post-password-form {
		width: 90%;
	}

}




/************************************
** swipebox
************************************/

/*
#swipebox-close,
#swipebox-prev,
#swipebox-next {
	background-position: center center !important;
	background-size: contain;
}
#swipebox-close {
	width: 30px !important;
	height: 30px !important;
}
#swipebox-prev,
#swipebox-next {
	width: 20px !important;
	height: 20px !important;
	margin-top: 15px;
}

#swipebox-close {
	background-image: url(images/button_close.png) !important;
	right: 25px !important;
	top: 10px !important;
}
#swipebox-prev {
	background-image: url(images/button_left.png) !important;
}
#swipebox-next {
	background-image: url(images/button_right.png) !important;
}

*/



/*************************************************************************

** やどりの空間設計 /about/

**************************************************************************/

.page-about {
	
}
.page-about #keyvisual {
	display: block !important;
	z-index: 100;
	height: 120vw !important;
	/*align-items: flex-end !important;*/
	margin-top: 5vw;
}
.page-about #keyvisual .kv-inner {
	display: block !important;
	background: url(images/about/about-kv.jpg) no-repeat center center;
	width: 100% !important;
	height: 53vw;
	/*width: 86%!important;*/
}
.page-about #keyvisual .kv-inner h1 {
	position: fixed;
	bottom: 5vw;
	margin: 0 0 7.8% 69vw;
	font-size: 40px;
	line-height: 2.18em;
}
.page-about .article #about-lead {
	/*position: relative;*/
	width: 100%;
	height: 100vh;
	margin-top: 210px;
}
/*
.page-about .article #about-lead h1 {
	position: sticky;
	top: 210px;
	right: 7%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-size: 40px;
	line-height: 2.18em;
	margin-left: 69vw;
}
*/
.page-about #keyvisual .txt {
	position: absolute;
	left: 26vw;
	top: 68vw;
	width: 27.5%;
	font-size: 18px;
	line-height: 2;
	margin: 0;
}
.page-about .article #about-works {
	border-bottom: 1px solid #000;
	width: 100%;
	margin-top: 285px;
	padding-bottom: 320px;
}
.page-about .article #about-works .works-box {
	display: flex;
	column-gap: 1.7vw;
	margin: 40px 26vw 0 4.3vw;
}
.page-about .article #about-works .works-box:hover {
	color: #000;
}
.page-about .article #about-works .works-box:first-child {
	margin-top: 0;
}
.page-about .article #about-works .works-box header {
	width: 20vw;
}
.page-about .article #about-works .works-box header p:first-child {
	margin: 0 0 1.5em;
	font-size: 13px;
}
.page-about .article #about-works .works-box header h2 {
	font-size: 26px;
	letter-spacing: 0;
}
.page-about .article #about-works .works-box header h2 + p {
	margin: 1em 0 0;
	font-size: 14px;
}
.page-about .article #about-works .works-box header button {
	display: none;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	margin-bottom: 0;
	padding: 8px 14px;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
}
.page-about .article #about-works .works-box figure {
	width: 48vw;
	overflow: hidden;
}
.page-about .article #about-works .works-box figure img {
	transition: transform 0.6s ease-out;
}
.page-about .article #about-works .works-box:hover figure img {
	transform: scale(1.1);
}
.page-about .article #about-point {
	width: 100%;
	margin: 160px 0;
}
.page-about .article #about-point h2 {
	font-size: 32px;
	text-align: center;
}
.page-about .article #about-point .carousel-wrap {
	margin-top: 110px;
}
.page-about .article #about-point .carousel-wrap .carousel {
	display: flex;
}
.page-about .article #about-point .carousel-wrap .carousel .point-box {
	box-sizing: border-box;
	border-right: 1px solid #000;
	/*
	width: 37.5%;
	padding: 2% 3.4% 2.5% 3.4%;
	*/
	width: 580px !important;
	padding: 40px 66px 60px;
}
.page-about .article #about-point .carousel-wrap .carousel .point-box .number {
	margin-bottom: 1em;
	font-size: 36px;
}
.page-about .article #about-point .carousel-wrap .carousel .point-box figure img {
	padding: 0;
}
.page-about .article #about-point .carousel-wrap .carousel .point-box h3 {
	font-size: 20px;
	letter-spacing: 0.15em;
	margin-top: 2em;
}
.page-about .article #about-point .carousel-wrap .carousel .point-box h3 + p {
	margin: 2em 0 0;
	font-size: 16px;
	line-height: 2.125;
}
.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: auto;
	top: -120px;
	margin-top: -16px;
	outline: 0;
	width: 49px;
	height: 11px;
	text-indent: -9999px;
	z-index: 9999;
}
.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-prev {
	left: auto;
	right: 174px;
}
.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-next {
	right: 70px;
}
.page-about #about-table {
	width: 100%;
	margin: 0 0 150px;
	padding: 0;
}
.page-about #about-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-about #about-table tr.reverse {
	
}
.page-about #about-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
	background-color: #2d2926;
}
.page-about #about-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-about #about-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 60%;
	height: 315px;
	margin: 0 auto;
}
.page-about #about-table td .text .text-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 320px;
	margin: 0;
}
.page-about #about-table td .text h3 {
	font-size: 26px;
	line-height: 1.8em;
	color: #fff;
}
.page-about #about-table td .text p {
	font-size: 16px;
	margin-left: 20px;
	color: #fff;
}
.page-about #about-table td .btn-single-tate {
	width: auto;
}
.page-about #about-table td .btn-single-tate a {
	background-color: #fff;
	color: #2d2926;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-about #about-table td .text {
		width: 80%;
		height: 27vw;
	}
	.page-about #about-table td .text .text-inner {
		
	}
	.page-about #about-table td .text h3 {
		font-size: 20px;
	}
	.page-about #about-table td .text p {
		font-size: 14px;
		line-height: 1.8em;
		margin: 0 1em;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){

	.page-about #keyvisual {
		height: auto !important;
		margin-top: 0;
	}
	.page-about #keyvisual .kv-inner {
		height: calc(100vh - 20vw) !important;
		background-size: cover;
		aspect-ratio: 780/1688;
	}
	.page-about #keyvisual #kvTitleWrap {
		position: absolute;
		top: calc(100vh - 6em);
		height: inherit;
		margin-top: 0;
	}
	.page-about #keyvisual h1.kv-title {
		height: 6.5em !important;
		font-size: 22px !important;
	}
	.page-about #keyvisual h1.is-black {
		display: none;
	}
	.page-about #keyvisual .txt {
		position: inherit;
		left: inherit;
		top: inherit;
		width: 80%;
		margin: 20vw auto 40vw;
		font-size: 14px;
	}
	.page-about .article #about-works {
		margin-top: 110px;
		padding-bottom: 110px;
	}
	.page-about .article #about-works .works-box {
		flex-direction: column-reverse;
		gap: 30px 0;
		margin: 50px 0 0;
	}
	.page-about .article #about-works .works-box header {
		display: flex;
		align-items: flex-end;
		width: 89%;
		margin: 0 5% 0 6%;
	}
	.page-about .article #about-works .works-box header p:first-child {
		display: none;
	}
	.page-about .article #about-works .works-box header h2 {
		padding: 0;
		font-size: 16px;
		line-height: 1;
	}
	.page-about .article #about-works .works-box header h2 + p {
		margin: 0 0 0 1em;
		font-size: 10px;
		line-height: 1;
	}
	.page-about .article #about-works .works-box header button {
		display: block;
		width: 20%;
		margin: 0 0 0 auto;
		font-size: 12px;
		line-height: 1;
		border: 0.5px solid rgba(0,0,0,1);
		padding: 4px;
	}
	.page-about .article #about-works .works-box figure {
		width: 100%;
	}
	.page-about .article #about-point {
		margin: 80px 0;
	}
	.page-about .article #about-point h2 {
		font-size: 18px;
	}
	.page-about .article #about-point .carousel-wrap {
		margin-top: 100px;
	}
	.page-about .article #about-point .carousel-wrap .carousel .point-box {
		width: min(100vw, 390px) !important;
		padding: 20px 30px 30px;
	}
	.page-about .article #about-point .carousel-wrap .carousel .point-box .number {
		font-size: 24px;
	}
	.page-about .article #about-point .carousel-wrap .carousel .point-box h3 {
		font-size: 18px;
	}
	.page-about .article #about-point .carousel-wrap .carousel .point-box h3 + p {
		font-size: 14px;
	}
	.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-controls-direction {
		position: absolute;
		top: -50px;
		display: flex;
		justify-content: center;
		column-gap: 30px;
		width: 100%;
	}
	.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-controls-direction a {
		position: static;
		top: auto;
		margin-top: 0;
		width: 49px;
		height: 11px;
	}
	.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-prev {
		left: auto;
		right: auto;
	}
	.page-about .article #about-point .carousel-wrap .bx-wrapper .bx-next {
		right: auto;
	}
	.page-about #about-table {
		width: 100%;
		margin: 0 0 120px;
	}
	.page-about #about-table td {
		position: inherit !important;
		left: inherit !important;
		display: block;
		width: 100%;
	}
	.page-about #about-table td:nth-child(1) {
		height: 660px;
	}
	.page-about #about-table td .text {
		display: block;
		width: 55%;
		height: inherit;
		margin: 0 auto;
		padding-top: 12vw;
	}
	.page-about #about-table td .text h3 {
		font-size: 22px;
		margin: 0 auto;
		padding: 40px 0;
	}
	.page-about #about-table td .text .text-inner {
		width: 240px;
		padding-top: 10vw;
	}
	.page-about #about-table td .text p {
		font-size: 14px;
		height: 260px;
		margin: 0 auto;
	}
	.page-about #about-table figure {
		width: 100%;
	}
	#daiku-detail-inner {
		width: 100%;
	}
}



/*************************************************************************

** 大工育成 /daiku/development/

**************************************************************************/

.page-development {
	
}
.page-development #keyvisual {
	display: block !important;
	height: 130vw !important;
	z-index: 100;
	margin-top: calc(28px + 5vw);
}
.page-development #keyvisual .kv-inner {
	display: block !important;
	background: url(images/daiku/development/development-kv.jpg) no-repeat center center;
	background-size: 100%;
	width: 100% !important;
	height: 53vw;
}
.page-development #keyvisual .kv-inner h1 {
	margin: 0 0 7.8% auto;
	font-size: 40px;
	line-height: 2.18em;
}
.page-development #keyvisual .txt {
	position: absolute;
	left: 26vw;
	top: 68vw;
	width: 27.5%;
	font-size: 20px;
	line-height: 2;
	margin: 0;
}
/*
.page-development .article #development-lead {
	position: relative;
	width: 100%;
	margin: 200px 0;
}
.page-development .article #development-lead h1 {
	position: absolute;
	top: 0;
	right: 9.5%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-size: 40px;
	line-height: 2.18em;
}
*/

.page-development #shin-gi-tai {
	border-top: 1px solid #000;
	padding-top: 150px;
}
.page-development #shin-gi-tai > h2 {
	font-size: 32px;
	text-align: center;
}
.page-development #shin-gi-tai .shin-gi-tai-box-wrap {
	display: flex;
	justify-content: space-between;
	margin: 100px 3% 0;
}
.page-development #shin-gi-tai .shin-gi-tai-box {
	width: calc( calc(100% - 50px) / 3 );
}
.page-development #shin-gi-tai .shin-gi-tai-box h3 {
	margin: 1.8em 10px 0;
	font-size: 22px;
}
.page-development #shin-gi-tai .shin-gi-tai-box p {
	margin: 1.8em 10px 0;
	font-size: 14px;
	line-height: 2;
}

.page-development #development-system {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #000;
	margin: 150px 3%;
	padding: 5%;
}
.page-development #development-system > figure {
	width: 44%;
}
.page-development #development-system .txt {
	width: 48%;
}
.page-development #development-system .txt h2 {
	font-size: 22px;
}
.page-development #development-system .txt p {
	margin: 1.8em 0 0;
	font-size: 14px;
	line-height: 2;
}

.page-development #development-detail {
	position: relative;
	width: 100%;
	height: 70vh;
}
.page-development #development-detail .detail-box {
	position: absolute;
	left: 2.5vw;
	top: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: calc(100% - 5vw);
	height: calc(100vh - 10vw);
	margin: 0 auto;
	padding: 5% 5% 6.7% 5.4%;
}
.page-development #development-detail .detail-box header {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
		"title"
		"menu"
		"link";
	width: 40%;
	justify-items: start;
}
.page-development #development-detail .detail-box header h2 {
	grid-area: title;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-bottom: 1.5em;
	font-size: 34px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}
.page-development #development-detail .detail-box header ul {
	grid-area: menu;
}
.page-development #development-detail .detail-box header ul li {
	font-size: 18px;
	line-height: 2;
}
.page-development #development-detail .detail-box header ul li a {
	color: #fff;
}
.page-development #development-detail .detail-box header .link {
	grid-area: link;
	font-size: 22px;
}
.page-development #development-detail .detail-box header .link a {
	text-decoration: underline;
	color: #fff;
}
.page-development #development-detail .detail-box header .link a:hover {
	text-decoration: none;
}
.page-development #development-detail .detail-box header .link a span {
	font-size: 19px;
}
.page-development #development-detail .detail-box .txt {
	width: 42%;
	align-self: end;
}
.page-development #development-detail .detail-box .txt h3 {
	font-size: 22px;
	color: #fff;
}
.page-development #development-detail .detail-box .txt p {
	margin: 2em 0 0;
	font-size: 16px;
	line-height: 2;
	color: #fff;
}
.page-development #development-detail .detail-box header ul li.active a {
	text-decoration: underline;
}
.page-development #development-detail #ikusei-box { background-image: linear-gradient(rgba(45, 41, 38, .2),  rgba(45, 41, 38, .2)),  url(images/daiku/development/development-img1.jpg); }
.page-development #development-detail #taiken-box { background-image: linear-gradient(rgba(45, 41, 38, .4),  rgba(45, 41, 38, .4)),  url(images/daiku/development/development-img2.jpg); }
.page-development #development-detail #kengaku-box { background-image: linear-gradient(rgba(45, 41, 38, .4),  rgba(45, 41, 38, .4)),  url(images/daiku/development/development-img3.jpg); }

.page-development #development-recruit {
	width: 100%;
	margin: 400px 0;
}
.page-development #development-recruit h2 {
	font-size: 32px;
	text-align: center;
}
.page-development #development-recruit .recruit-box {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 7.8%;
	margin-top: 150px;
}
.page-development #development-recruit .recruit-box figure {
	width: 30%;
}
.page-development #development-recruit .recruit-box .txt {
	width: 30%;
}
.page-development #development-recruit .recruit-box .txt p {
	margin: 0 0 80px;
	font-size: 20px;
	line-height: 2.2;
}
.page-development #development-recruit .recruit-box .txt button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	width: min(80%, 216px);
}
.page-development #development-recruit .recruit-box .txt button a {
	box-sizing: border-box;
	display: block;
	padding: 10px;
}
.page-development #about-table {
	width: 100%;
	margin: 300px 0 150px;
	padding: 0;
}
.page-development #about-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
.page-development #about-table tr.reverse {
	
}
.page-development #about-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
	background-color: #2d2926;
}
.page-development #about-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
.page-development #about-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 60%;
	height: 315px;
	margin: 0 auto;
}
.page-development #about-table td .text .text-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 320px;
	margin: 0;
}
.page-development #about-table td .text h3 {
	font-size: 26px;
	line-height: 1.8em;
	color: #fff;
}
.page-development #about-table td .text p {
	font-size: 16px;
	margin-left: 20px;
	color: #fff;
}
.page-development #about-table td .btn-single-tate {
	width: auto;
}
.page-development #about-table td .btn-single-tate a {
	background-color: #fff;
	color: #2d2926;
}
.page-development #move-page-top {
	display: none;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-development #about-table td .text {
		width: 80%;
		height: 27vw;
	}
	.page-development #about-table td .text .text-inner {
		
	}
	.page-development #about-table td .text h3 {
		font-size: 20px;
	}
	.page-development #about-table td .text p {
		font-size: 14px;
		line-height: 1.8em;
		margin: 0 1em;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){

	.page-development #keyvisual {
		height: auto !important;
		margin-top: 0;
	}
	.page-development #keyvisual .kv-inner {
		height: calc(100vh - 20vw) !important;
		background: url(images/daiku/development/development-kv-sp.jpg) no-repeat center center;
		background-size: cover;
		aspect-ratio: 780/1688;
	}
	.page-development #keyvisual #kvTitleWrap {
		position: absolute;
		top: calc(100vh - 6em);
		height: inherit;
		margin-top: 0;
	}
	.page-development #keyvisual h1.kv-title {
		height: 6.5em !important;
		font-size: 22px !important;
	}
	.page-development #keyvisual h1.is-black {
		display: none;
	}
	.page-development #keyvisual .txt {
		position: inherit;
		left: inherit;
		top: inherit;
		width: 80%;
		margin: 20vw auto 40vw;
		font-size: 14px;
	}
	/*
	.page-development .article #development-lead {
		margin-top: 65px;
	}
	.page-development .article #development-lead h1 {
		display: none;
	}
	.page-development .article #development-lead .txt {
		width: 80%;
		margin: 0 auto;
		font-size: 14px;
	}
	*/
	.page-development #shin-gi-tai {
		padding-top: 70px;
	}
	.page-development #shin-gi-tai > h2 {
		font-size: 20px;
	}
	.page-development #shin-gi-tai .shin-gi-tai-box-wrap {
		flex-direction: column;
		row-gap: 50px;
		margin: 50px 12% 0;
	}
	.page-development #shin-gi-tai .shin-gi-tai-box {
		width: 100%;
	}
	.page-development #shin-gi-tai .shin-gi-tai-box h3 {
		font-size: 18px;
	}
	.page-development #shin-gi-tai .shin-gi-tai-box p {
		font-size: 14px;
	}

	.page-development #development-system {
		display: block;
		margin: 80px 15px;
		padding: 60px 30px;
	}
	.page-development #development-system > figure {
		width: 100%;
	}
	.page-development #development-system .txt {
		width: 100%;
		margin-top: 40px;
	}
	.page-development #development-system .txt h2 {
		font-size: 18px;
	}
	.page-development #development-system .txt p {
		font-size: 14px;
	}

	.page-development #development-detail {
		height: 90vh;
		/*margin-top: 55px;*/
	}
	.page-development #development-detail .detail-box {
		flex-direction: column;
		/*width: calc(100% - 5vw);
		height: calc(100vh - 10vw);*/
		padding: 10vw 7.5vw;
	}
	.page-development #development-detail .detail-box header {
		grid-template-columns: auto 1fr;
		grid-template-rows: 1fr auto;
		grid-template-areas:
			"title menu"
			"title link";
		width: 100%;
	}
	.page-development #development-detail .detail-box header h2 {
		margin-bottom: 0;
		padding: 0;
		font-size: 30px;
	}
	.page-development #development-detail .detail-box header ul {
		justify-self: end;
	}
	.page-development #development-detail .detail-box header ul li {
		font-size: 14px;
	}
	.page-development #development-detail .detail-box header .link {
		justify-self: end;
		font-size: 13px;
	}
	.page-development #development-detail .detail-box header .link a span {
		font-size: 11px;
	}
	.page-development #development-detail .detail-box .txt {
		width: 100%;
	}
	.page-development #development-detail .detail-box .txt h3 {
		font-size: 14px;
	}
	.page-development #development-detail .detail-box .txt p {
		margin: 1.5em 0 0;
		font-size: 12px;
	}
	.page-development #development-detail #ikusei-box { background-image: linear-gradient(rgba(45, 41, 38, .2),  rgba(45, 41, 38, .2)),  url(images/daiku/development/development-img1-sp.jpg); }
	.page-development #development-detail #taiken-box { background-image: linear-gradient(rgba(45, 41, 38, .4),  rgba(45, 41, 38, .4)),  url(images/daiku/development/development-img2-sp.jpg); }
	.page-development #development-detail #kengaku-box { background-image: linear-gradient(rgba(45, 41, 38, .4),  rgba(45, 41, 38, .4)),  url(images/daiku/development/development-img3-sp.jpg); }

	.page-development #development-recruit {
		margin: 110px 0;
	}
	.page-development #development-recruit h2 {
		font-size: 22px;
	}
	.page-development #development-recruit .recruit-box {
		flex-direction: column;
		gap: 60px 0;
		margin-top: 60px;
	}
	.page-development #development-recruit .recruit-box figure {
		width: 75%;
	}
	.page-development #development-recruit .recruit-box .txt {
		width: 75%;
	}
	.page-development #development-recruit .recruit-box .txt p {
		margin: 0 0 40px;
		font-size: 16px;
	}
	.page-development #development-recruit .recruit-box .txt button {
		font-size: 11px;
	}
	.page-development #about-table {
		width: 100%;
		margin: 240px 0 120px;
	}
	.page-development #about-table td {
		position: inherit !important;
		left: inherit !important;
		display: block;
		width: 100%;
	}
	.page-development #about-table td:nth-child(1) {
		height: 750px;
	}
	.page-development #about-table td .text {
		display: block;
		width: 55%;
		height: inherit;
		margin: 0 auto;
		padding-top: 10vw;
	}
	.page-development #about-table td .text h3 {
		font-size: 22px;
		margin: 0 auto;
		padding: 40px 0;
	}
	.page-development #about-table td .text .text-inner {
		width: 240px;
		padding-top: 10vw;
	}
	.page-development #about-table td .text p {
		font-size: 14px;
		height: 260px;
		margin: 0 auto;
	}
	.page-development #about-table figure {
		width: 100%;
	}
}



/*************************************************************************

** 英語ページ /en/

**************************************************************************/

.page-en :is(p, h2, h3) {
	text-align: start;
	letter-spacing: normal;
}

.page-en #container > header {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: #fff;
}


.page-en .btn-contact {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: transparent;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	width: 216px;
	text-align: center;
}
.page-en .btn-contact a {
	display: block;
	padding: 8px;
}

/* ヘッダー　スクロール前 */
.page-en #home-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	padding: 0%;
}
.page-en #home-header nav #navi ul li a {
	color: #fff;
	letter-spacing: 0.05em !important;
}
.page-en #home-header ul.snsp {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 60px;
}
.page-en #home-header ul.snsp li a span {
  width: 20px;
  height: 20px;
}
.page-en #home-header ul.snsp .icon-facebook-logo {
	background: url(images/fb-logo-white.png) no-repeat center center;
	background-size: cover;
}
.page-en #home-header ul.snsp .icon-instagram-logo {
	background: url(images/ig-logo-white.png) no-repeat center center;
	background-size: cover;
}
.page-en #home-header ul.snsp .icon-facebook-logo:before,
.page-en #home-header ul.snsp .icon-instagram-logo:before {
	content: "" !important;
}
.page-en #home-header #mobile-menu {
	display: none;
}
.page-en #home-header #mobile-menu a .mobile_menu_icon:before,
.page-en #home-header #mobile-menu a .mobile_menu_icon:after,
.page-en #home-header #mobile-menu a .mobile_menu_icon > span,
.page-en #home-header #mobile-menu a.open .mobile_menu_icon > span {
	background-color: #fff;
}

/* スクロール後 */
.page-en #home-header.is-fixed {
	background-color: #fff;
}
.page-en #home-header.is-fixed #home-header-in h1 img {
	filter: brightness(0);
}
.page-en #home-header.is-fixed nav #navi ul li a {
	color: #000;
}
.page-en #home-header.is-fixed #lang-menu li a {
	color: #000;
}
.page-en #home-header.is-fixed ul.snsp .icon-facebook-logo {
	background-image: url(images/fb-logo.png);
}
.page-en #home-header.is-fixed ul.snsp .icon-instagram-logo {
	background-image: url(images/ig-logo.png);
}
.page-en #home-header.is-fixed #mobile-menu a .mobile_menu_icon:before,
.page-en #home-header.is-fixed #mobile-menu a .mobile_menu_icon:after,
.page-en #home-header.is-fixed #mobile-menu a .mobile_menu_icon > span,
.page-en #home-header.is-fixed #mobile-menu a.open .mobile_menu_icon > span {
	background-color: #000;
}

/* mobile-navi */
.page-en #mobile-navi .mobile-navi-menu,
.page-en nav#mobile-navi #mobile-navi-footer {
	display: block;
}
.page-en #mobile-navi .mobile-navi-menu > li a {
	writing-mode: inherit;
	padding: 1em 0;
}
.page-en #mobile-navi #mobile-navi-snsp {
	
}
.page-en #mobile-navi #mobile-navi-snsp li a {
	line-height: inherit;
	writing-mode: inherit;
}
.page-en #mobile-navi #mobile-navi-snsp li a span {
	margin-bottom: 0;
}
.page-en #mobile-navi #mobile-navi-snsp .icon-facebook-logo {
	background-image: url(images/fb-logo-white.png);
}
.page-en #mobile-navi #mobile-navi-snsp .icon-instagram-logo {
	background-image: url(images/ig-logo-white.png);
}

/* keyvisual */
.page-en #keyvisual{
	position: relative;
	width: 100%;
	height: 100vh;
	padding: 0;
	display:flex;
	align-items: flex-end !important;
}
.page-en #keyvisual .kv-slider-wrap {
	position: absolute;
	/*min-width: 98%;*/
	min-width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
	inset: 0;
	z-index: 5;
}
.page-en #keyvisual .kv-slider-wrap .bx-wrapper,
.page-en #keyvisual .kv-slider-wrap .bx-viewport {
	height: inherit;
}
.page-en #keyvisual .kv-slider-wrap .kv-slider {
	height: 100%;
}
.page-en #keyvisual .kv-slider-wrap .kv-slider .slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
}
.page-en #keyvisual .kv-slider-wrap .kv-slider .slide1 { background-image: url(images/en/en-kv1.jpg); }
.page-en #keyvisual .kv-slider-wrap .kv-slider .slide2 { background-image: url(images/en/en-kv2.jpg); }
.page-en #keyvisual .kv-slider-wrap .kv-slider .slide3 { background-image: url(images/en/en-kv3.jpg); }
.page-en #keyvisual .kv-slider-wrap .kv-slider .slide4 { background-image: url(images/en/en-kv4.jpg); }

.page-en #keyvisual .kv-inner {
	width: 92% !important;
	display:flex;
	flex-direction: row !important;
	align-items: flex-end;
	margin: 0 0 4%;
}
.page-en #keyvisual .kv-inner h2 {
	display: flex;
	column-gap: 100px;
}
.page-en #keyvisual .kv-inner h2 span {
	font-size: 30px;
	color: #fff;
	line-height: 1.3;
}
.page-en #keyvisual .kv-inner p {
	margin: 0;
	font-size: 14px;
	color: #fff;
}


.page-en #cboxClose {
	display: none;
	right: -40px;
	top: -40px;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	.page-en #keyvisual .kv-inner h2 {
		flex-direction: column;
		gap: 0;
	}

}


/* スマホ */
@media screen and (max-width:750px){
	
	.page-en #container #body {
		padding-top: 0;
	}
	.page-en #home-header {
		
	}
	.page-en #home-header nav #navi-in,
	.page-en #home-header ul.snsp {
		display: none;
	}
	.page-en #home-header #mobile-menu {
		display: block;
	}

	/* keyvisual */
	.page-en #keyvisual{
		height: calc(100vh - 20vw) !important;
	}
	.page-en #keyvisual .kv-slider-wrap .kv-slider .slide1 { background-image: url(images/en/en-kv1-sp.jpg); }
	.page-en #keyvisual .kv-slider-wrap .kv-slider .slide2 { background-image: url(images/en/en-kv2-sp.jpg); }
	.page-en #keyvisual .kv-slider-wrap .kv-slider .slide3 { background-image: url(images/en/en-kv3-sp.jpg); }
	.page-en #keyvisual .kv-slider-wrap .kv-slider .slide4 { background-image: url(images/en/en-kv4-sp.jpg); }

	.page-en #keyvisual .kv-inner {
		width: 90% !important;
		flex-direction: column !important;
		margin: 0;
		padding: 10vw 10vw 10vw 10vw;
	}
	.page-en #keyvisual .kv-inner h2 {
		flex-direction: column;
		gap: 2em 0;
	}
	.page-en #keyvisual .kv-inner h2 span {
		font-size: 24px;
	}
	.page-en #keyvisual .kv-inner p {
		margin: 30px 0 0;
		font-size: 14px;
	}

}



/* ABOUT */
.page-en #about {
	width: 100%;
	margin-top: 200px;
}
.page-en #about > h2 {
	font-size: 36px;
	text-align: center;
}
.page-en #about > h2 + p {
	margin: 80px 0 0;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}
.page-en #about .about-slider-wrap {
	width: 94%;
	margin: 180px auto 0;
}
.page-en :is(#about, #homebuilding) .about-slider {
	display: flex;
	justify-content: space-between;
}
.page-en :is(#about, #homebuilding) .about-slider .slide {
	width: calc( calc(100% - 50px) / 3 );
}
.page-en :is(#about, #homebuilding) .about-slider .slide h3 {
	margin-top: 40px;
	font-size: 22px;
}
.page-en :is(#about, #homebuilding) .about-slider .slide p {
	margin: 1.5em 0 0;
	font-size: 16px;
	line-height: 1.5;
}
.page-en  :is(#about, #homebuilding) .btn-contact {
	margin: 110px auto 0;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* ABOUT */
	.page-en #about {
		margin-top: 70px;
	}
	.page-en #about > h2 {
		margin: 0 10%;
		font-size: 22px;
	}
	.page-en #about > h2 + p {
		margin: 40px 10% 0;
		font-size: 16px;
	}
	.page-en #about .about-slider-wrap {
		overflow: hidden;
		width: 100%;
		margin: 50px auto 0;
	}
	.page-en :is(#about, #homebuilding) .bx-viewport {
		overflow: visible !important;
		width: 75vw !important;
		margin: 0 auto;
	}
	.page-en :is(#about, #homebuilding) .about-slider {
		display: block;
		width: 85vw;
		margin: 0 auto;
	}
	.page-en :is(#about, #homebuilding) .about-slider .slide {
		width: 100%;
		margin-bottom: 20vw;
		/*margin-right: 20px;*/
	}

	.page-en :is(#about, #homebuilding) .about-slider .slide img {
		padding: 0;
	}
	.page-en :is(#about, #homebuilding) .about-slider .slide h3 {
		margin-top: 20px;
		font-size: 18px;
	}
	.page-en :is(#about, #homebuilding) .about-slider .slide p {
		font-size: 12px;
	}
	.page-en :is(#about, #homebuilding) .btn-contact {
		margin: 10px auto 0;
	}
	.page-en .btn-contact a {
		font-size: 14px;
	}

}



/* MOVIE */
.page-en #movie {
	display: flex;
	align-items: center;
	column-gap: 7%;
	border-top: 1px solid #000;
	width: 100%;
	margin-top: 120px;
	padding-top: 120px;
}
.page-en #movie .movie-thumb {
	width: 62.5%;
}
.page-en #movie .txt {
	width: 26.5%;
}
.page-en #movie .txt p {
	margin: 0;
	font-size: 14px;
}
.page-en #movie .txt h2 {
	margin: 50px 0 70px;
	font-size: 20px;
	line-height: 1.7;
}
.page-en #movie .txt button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: transparent;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	width: 216px;
}
.page-en #movie .txt button a {
	display: block;
	padding: 8px;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* MOVIE */
	.page-en #movie {
		flex-direction: column;
		gap: 50px 0;
		margin-top: 70px;
		padding-top: 70px;
	}
	.page-en #movie .movie-thumb {
		width: 100%;
	}
	.page-en #movie .txt {
		width: 76%;
	}
	.page-en #movie .txt p {
		font-size: 12px;
	}
	.page-en #movie .txt h2 {
		margin: 50px 0 40px;
		font-size: 16px;
	}
	.page-en #movie .txt button {
		font-size: 14px;
		width: 162px;
	}

}



/* DAIKU */
.page-en #daiku {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #000;
	margin-top: 100px;
	padding: 150px 5% 0 7%;
}
.page-en #daiku .txt {
	width: 38%;
}
.page-en #daiku .txt h2 {
	font-size: 32px;
}
.page-en #daiku .txt p {
	margin: 60px 0 0;
	font-size: 16px;
	line-height: 1.5;
}
.page-en #daiku .img {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	width: 49%;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* DAIKU */
	.page-en #daiku {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 90px;
		padding: 80px 7% 0 5%;
	}
	.page-en #daiku .txt {
		width: 100%;
	}
	.page-en #daiku .txt h2 {
		font-size: 24px;
	}
	.page-en #daiku .txt p {
		margin: 30px 0 0;
		font-size: 14px;
	}
	.page-en #daiku .img {
		width: 100%;
		margin-top: 30px;
	}

}



/* EXPERIENCE */
.page-en #experience {
	margin-top: 170px;
}
.page-en #experience .experience-box {
	display: grid;
	grid-template-columns: 1fr 42%;
	grid-template-rows: 1fr auto;
	grid-template-areas: 
		"title  text"
		"button text";
	padding: 110px 6.25% 0;
}
.page-en #experience .experience-box h2 {
	grid-area: title;
	font-size: 32px;
	line-height: 1.5;
}
.page-en #experience .experience-box dl {
	grid-area: text;
}
.page-en #experience .experience-box dl dt {
	margin-top: 15px;
	font-size: 24px;
	line-height: 1.5;
	text-align: left;
}
.page-en #experience .experience-box dl dd {
	margin: 1em 0 20px;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}
.page-en #experience .experience-box .btn-contact {
	grid-area: button;
	margin-bottom: 0;
}


/* スマホ */
@media screen and (max-width:750px){
	
	/* EXPERIENCE */
	.page-en #experience {
		margin-top: 120px;
	}
	.page-en #experience .experience-box {
		display: block;
		padding: 50px 9% 0;
	}
	.page-en #experience .experience-box h2 {
		font-size: 26px;
	}
	.page-en #experience .experience-box dl dt {
		margin-top: 60px;
		font-size: 18px;
	}
	.page-en #experience .experience-box dl dd {
		margin: 1.5em 0 70px;
		font-size: 12px;
	}
	.page-en #experience .experience-box .btn-contact {
		margin: 0 auto;
	}

}



/* WORKS */
.page-en #works{
	border-top: 1px solid #000;
	width:	100%;
	margin-top: 220px;
	padding-top: 140px;
}
.page-en #works .sec_inner{
	width:	100%;
	max-width: inherit;
}
.page-en #works h2{
	width:	100%;
	margin-bottom: 60px;
	font-size: 20px;
	text-align: center;
}
.page-en #works .carousel {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	width:	100%;
	margin: 0;
}
.page-en #works .carousel li {
	width: calc( calc(100% - 6px) / 4);
	aspect-ratio: 240 / 167;
}
.page-en #works .carousel li a {
	display: block;
	pointer-events: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.page-en #works .carousel li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-en #works .carousel li a:hover img {
	transform: scale(1.1);
	transition: transform 0.6s ease-out;
}
.page-en #works .btn-contact {
	margin: 130px auto 0;
}

.page-en #works .bx-wrapper .bx-viewport {
  /* height: 200px; */
  overflow: hidden;
}
.page-en #works .bx-wrapper img {
	width: 100%;
  height: auto;
	padding: 0 10px;
}
.page-en #works .bx-wrapper .bx-controls-direction a {
	bottom: -70px;
}


/* スマホ */
@media screen and (max-width:750px){

	/* WORKS */
	.page-en #works{
		margin-top: 120px;
		padding-top: 70px;
	}
	.page-en #works h2{
		margin-bottom: 30px;
		font-size: 18px;
	}
	.page-en #works .carousel {
		display: flex;
		flex-wrap: wrap;
		gap: 1px;
	}
	.page-en #works .carousel li {
		width: calc(50% - 1px);
	}
	.page-en #works .bx-wrapper .bx-controls-direction a {
		bottom: -70px;
	}
	.page-en #works .sec_inner .btn-contact {
		width: 200px;
		margin: 40px auto 0;
	}

}



/* HOMEBUILDING */
.page-en #homebuilding {
	border-top: 1px solid #000;
	width: 100%;
	margin-top: 140px;
	padding-top: 140px;
}
.page-en #homebuilding > h2 {
	font-size: 36px;
	text-align: center;
}
.page-en #homebuilding .homebuilding-slider-wrap {
	width: 94%;
	margin: 100px auto 0;
}
.page-en #homebuilding .homebuilding-slider {
	display: flex;
	justify-content: space-between;
}
.page-en #homebuilding .homebuilding-slider li {
	width: calc( calc(100% - 50px) / 3 );
}
.page-en #homebuilding .homebuilding-slider li img {
	display: block;
}
.page-en #homebuilding .homebuilding-slider li h3 {
	margin-top: 20px;
}
.page-en #homebuilding .homebuilding-slider li p {
	line-height: 1.8;
}

/* スマホ */
@media screen and (max-width:750px){

	/* HOMEBUILDING */
	.page-en #homebuilding {
		margin-top: 70px;
		padding-top: 70px;
	}
	.page-en #homebuilding > h2 {
		font-size: 22px;
	}
	.page-en #homebuilding .homebuilding-slider-wrap {
		overflow: hidden;
		width: 100%;
		margin: 50px auto 0;
	}
	.page-en #homebuilding .homebuilding-slider {
		display: block;
		width: 85vw;
		margin: 0 auto;
	}
	.page-en #homebuilding .homebuilding-slider .slide {
		width: 100%;
		margin-bottom: 20vw;
	}
	.page-en #homebuilding .homebuilding-slider li h3 {
		margin-top: 30px;
	}

}



/* CONTACT */
.page-en #contact {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #000;
	width: 100%;
	margin-top: 180px;
	padding: 160px 8.8% 0 7%;
}
.page-en #contact .txt {
	width: 40%;
}
.page-en #contact .txt h2 {
	font-size: 32px;
}
.page-en #contact .txt p {
	margin: 60px 0 0;
	font-size: 16px;
	line-height: 1.5;
}
.page-en #contact .form {
	width: 45%;
	margin-top: 7em;
}
.page-en #contact .form form p {
	margin: 0;
}
.page-en #contact .form form dl {
	border-bottom: 1px solid #000;
	margin: 0 0 1.5em;
}
.page-en #contact .form form dl dt {
	font-size: 16px;
	line-height: 1.5;
}
.page-en #contact .form form dl:has(input[type="checkbox"]) {
	display: flex;
	padding-bottom: 1.5em;
}
.page-en #contact .form form dl:has(input[type="checkbox"]) dt {
	flex-shrink: 0;
	margin-right: 2em;
}
.page-en #contact .form form dl:has(input[type="checkbox"]) dd .wpcf7-list-item {
	display: block;
}
.page-en #contact .form form :is(input[type="text"], input[type="email"], input[type="tel"]) {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
	padding: 5px 0;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.page-en #contact .form form :is(input[type="text"], input[type="email"], input[type="tel"]):focus {
	outline: none;
}
.page-en #contact .form form input[type="checkbox"] + span {
	font-size: 16px;
	line-height: 1.5;
}
.page-en #contact .form form textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	line-height: 1.8;
	padding: 5px 0;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
	height: 10.5em;
}
.page-en #contact .form form textarea:focus {
	outline: none;
}
.page-en #contact .form form .btn-submit input[type="submit"] {
	display: inline-block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 18px;
	letter-spacing: normal;
	margin: 20px 0;
	padding: 8px 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	width: 216px;
}


/* スマホ */
@media screen and (max-width:750px){

	/* CONTACT */
	.page-en #contact {
		flex-direction: column;
		margin-top: 70px;
		padding: 70px 5% 0 5%;
	}
	.page-en #contact .txt {
		width: 100%;
	}
	.page-en #contact .txt h2 {
		font-size: 22px;
	}
	.page-en #contact .txt p {
		margin: 30px 0 0;
	}
	.page-en #contact .form {
		width: 100%;
		margin-top: 60px;
	}
	.page-en #contact .form form dl:has(input[type="checkbox"]) {
		display: block;
	}
	.page-en #contact .form form dl:has(input[type="checkbox"]) dt {
		margin-bottom: 1em;
	}
	.page-en #contact .form form dl dt {
		font-size: 12px;
	}
	.page-en #contact .form form dl:has(input[type="checkbox"]) dd .wpcf7-list-item {
		margin: 0;
	}
	.page-en #contact .form form .btn-submit input[type="submit"]{
		display: block;
		font-size: 16px;
		margin: 60px auto;
	}
	

}



/* EN FOOTER */
.page-en #en-footer {
	border-top: 1px solid #000;
	width: 100%;
	margin-top: 110px;
	padding: 150px 0 100px;
}
.page-en #en-footer figure {
	width: 44px;
	margin: 0 auto;
}
.page-en #en-footer p {
	margin: 50px 0 0;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}


/* スマホ */
@media screen and (max-width:750px){

	/* EN FOOTER */
	.page-en #en-footer {
		margin-top: 100px;
		padding: 100px 0 100px;
	}

}



/*************************************************************************

** やどりの空間設計下層ページ
新築（戸建て）ページ /about/new_construction/
リノベーション（マンション・戸建て）ページ /about/renovation-built/
商業施設（賃貸住宅・店舗・オフィス）ページ /about/apartment-shop-office/

**************************************************************************/

:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #body {
	overflow: visible;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 220px 0 0 4%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt {
	position: sticky;
	top: 120px;
	width: 29%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header p:first-child {
	margin: 0 0 1.5em;
	font-size: 12px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header h1 {
	font-size: 32px;
	letter-spacing: normal;
	line-height: 1.3;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header h1 + p {
	margin: 1em 0 0;
	font-size: 14px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header + p {
	margin: 100px 0;
	font-size: 16px;
	line-height: 2;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt ul li {
	font-size: 16px;
	line-height: 2.6;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt ul li a {
	text-decoration: underline;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .img {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	width: 65%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .img .one-column {
	width: 100%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .img .two-column {
	width: calc( calc(100% - 2px) / 2 );
}


:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works {
	border-top: 1px solid #000;
	margin-top: 300px;
	padding-top: 110px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > h2 {
	font-size: 24px;
	text-align: center;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 20px;
	padding: 70px 20px 0;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li {
	width: calc( calc(100% - 40px) / 3 );
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a figure {
	width: 100%;
	aspect-ratio: 3/2;
	overflow: hidden;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a:hover figure img {
	transform: scale(1.1);
	transition: all 0.6s ease;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a img {
	width: 100%;
	height: auto;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_title {
	display: block;
	margin-top: 0.6em;
	font-size: 16px;
	line-height: 2;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_title br {
	display: none;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_category {
	display: block;
	font-size: 14px;
	line-height: 2;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_category::before {
	content: '〈';
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_category::after {
	content: '〉';
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	margin: 70px auto 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	width: 180px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > button a {
	display: block;
	padding: 8px;
}


:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category {
	display: flex;
	border-top: 1px solid #000;
	margin: 130px 0 300px;
	padding-top: 200px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box {
	width: 50%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .img {
	position: relative;
	aspect-ratio: 5/3;
	overflow: hidden;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .img a:hover img {
	transform: scale(1.1);
	transition: all 0.6s ease;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .img figcaption {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 14px;
	color: #fff;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 3.5% 0 6%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt h2 {
	font-size: 22px;
	letter-spacing: normal;
	line-height: 1.8;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt h2 span {
	margin-left: 1em;
	font-size: 14px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt button {
	display: block;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	width: 186px;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt button a {
	display: block;
	padding: 6px;
}


:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table {
	width: 100%;
	margin: 0 0 150px;
	padding: 0;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td {
	width: 50%;
	margin: 0;
	padding: 0;
	border: none;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table tr.reverse {
	
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table tr.reverse td:nth-child(1) {
	position: relative;
	left: 50%;
	background-color: #2d2926;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table tr.reverse td:nth-child(2) {
	position: relative;
	left: -50%;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 60%;
	height: 315px;
	margin: 0 auto;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text .text-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 320px;
	margin: 0;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text h3 {
	font-size: 26px;
	line-height: 1.8em;
	color: #fff;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text p {
	font-size: 16px;
	margin-left: 20px;
	color: #fff;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .btn-single-tate {
	width: auto;
}
:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .btn-single-tate a {
	background-color: #fff;
	color: #2d2926;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px){
	
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text {
		width: 80%;
		height: 27vw;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text h3 {
		font-size: 20px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text p {
		font-size: 14px;
		line-height: 1.8em;
		margin: 0 1em;
	}
	
}


/* スマホ */
@media screen and (max-width:750px){

	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail {
		display: block;
		padding: 30px 0 0;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt {
		position: static;
		top: auto;
		width: 80%;
		margin: 0 auto;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header h1 {
		font-size: 28px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt header + p {
		margin: 50px 0;
		font-size: 14px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt ul li {
		font-size: 14px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .txt ul li .works_category {
		font-size: 12px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-detail .img {
		width: 100%;
		margin-top: 60px;
	}


	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works {
		margin-top: 120px;
		padding-top: 60px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > h2 {
		font-size: 20px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul {
		gap: 35px 5px;
		padding: 60px 10px 0;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li {
		width: calc( calc(100% - 5px) / 2 );
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_title {
		font-size: 14px;
		line-height: 1.6;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-works > ul li a .works_category {
		font-size: 12px;
	}


	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category {
		flex-direction: column;
		row-gap: 60px;
		margin: 60px 0 150px;
		padding-top: 100px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box {
		width: 100%;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .img figcaption {
		top: 15px;
		right: 15px;
		font-size: 12px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt {
		padding: 30px 3.5% 0 6%;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt h2 {
		font-size: 16px;
		text-align: left;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt h2 span {
		font-size: 10px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-child-category .about-category-box .txt button {
		width: 90px;
		font-size: 10px;
	}


	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table {
		width: 100%;
		margin: 0 0 120px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td {
		position: inherit !important;
		left: inherit !important;
		display: block;
		width: 100%;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td:nth-child(1) {
		height: 750px;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text {
		display: block;
		width: 55%;
		height: inherit;
		margin: 0 auto;
		padding-top: 10vw;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text h3 {
		font-size: 22px;
		margin: 0 auto;
		padding: 40px 0;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text .text-inner {
		width: 240px;
		padding-top: 10vw;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table td .text p {
		font-size: 14px;
		height: 260px;
		margin: 0 auto;
	}
	:is(.page-new_construction, .page-renovation-built, .page-apartment-shop-office) #about-table figure {
		width: 100%;
	}

}