/*
Theme Name: Kurata
*/

/* フォント指定 */
@font-face {
	font-family: 'amarurgt';
	src: url('font/amarurgt.ttf') format('truetype');
}

/* 共通 */
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background-color: #FAFAF6;
}

.wp-block-image img {
    height: auto;
}

.font-mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.font-normal {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	letter-spacing: 0px;
}

.text-center {
	text-align: center;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}


a, a:hover {
	color: #000000;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

/* ページ送り */
.pagenation {
	margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0;
	padding: 0;
}
.pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 3px;
}
.pagenation li:first-child {
	margin-left: 0;
}
.pagenation li.active {
	background-color: #999999;
	color: #FFFFFF;
	cursor: not-allowed;
	padding: 10px 20px;
	border: 1px solid #000000;
}
.pagenation li a {
	border: 1px solid #000000;
	background: none repeat scroll 0 0 #CCCCCC;
	color: #000000;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
}
.pagenation li a:hover {
	background-color: #444444;
	color: #FFFFFF;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}

/* slick 関係 */
.slick-slide { height: auto !important; }

.slick-slider { height: auto !important; }

.slick-list { height: auto !important; }

.slick-track { height: auto !important; }

/* ページロード */

.page-load {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
}

.loder-wrapper {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 50px;
	height: 50px;
}

.loder-wrapper-home {
	width: 300px;
	height: 116px;
}

.loder-wrapper .logo {
	width: 300px;
}

/* ---------- LOADER ---------- */
.loader {
	display: inline-block;
	font-size: 2em;
	margin: 0 0em;
	position: relative;
	height: .5em;
	width: 2em;
}

.loader:before,
.loader:after {
	content: "";
	display: block;
	height: 1em;
	position: absolute;
	width: 1em;
}

.loader:before {
	-webkit-animation: load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
	-moz-animation: load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
	-ms-animation: load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
	-o-animation: load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
	animation: load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
	background: #00a150;
}

.loader:after {
	-webkit-animation: load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
	-moz-animation: load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
	-ms-animation: load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
	-o-animation: load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
	animation: load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
	background: #024894;
}

/* ---------- ANIMATION WEBKIT ---------- */

@-webkit-keyframes load-before {
	0% {
		left: 0;
		-webkit-transform: scale(1.1);
	}

	50% {
		left: 100%;
		-webkit-transform: scale(1);
	}

	100% {
		left: 0;
		-webkit-transform: scale(1.1);
	}
}


@-webkit-keyframes load-after {
	0% {
		left: 100%;
		-webkit-transform: scale(1.1);
	}

	50% {
		left: 0;
		-webkit-transform: scale(1);
	}

	100% {
		left: 100%;
		-webkit-transform: scale(1.1);
	}

}

@-webkit-keyframes zoom-before {
	0% { z-index: 0; }
	50% { z-index: 1; }
	100% { z-index: 0; }
}

@-webkit-keyframes zoom-after {
	0% { z-index: 1; }
	50% { z-index: 0; }
	100% { z-index: 1; }
}

/* ---------- ANIMATION MOZ ---------- */

@-moz-keyframes load-before {
	0% {
		left: 0;
		-moz-transform: scale(1.1);
	}

	50% {
		left: 100%;
		-moz-transform: scale(1);
	}

	100% {
		left: 0;
		-moz-transform: scale(1.1);
	}
}


@-moz-keyframes load-after {
	0% {
		left: 100%;
		-moz-transform: scale(1.1);
	}

	50% {
		left: 0;
		-moz-transform: scale(1);
	}

	100% {
		left: 100%;
		-moz-transform: scale(1.1);
	}

}

@-moz-keyframes zoom-before {
	0% { z-index: 0; }
	50% { z-index: 1; }
	100% { z-index: 0; }
}

@-moz-keyframes zoom-after {
	0% { z-index: 1; }
	50% { z-index: 0; }
	100% { z-index: 1; }
}

/* ---------- ANIMATION MS ---------- */

@-ms-keyframes load-before {
	0% {
		left: 0;
		-ms-transform: scale(1.1);
	}

	50% {
		left: 100%;
		-ms-transform: scale(1);
	}

	100% {
		left: 0;
		-ms-transform: scale(1.1);
	}
}


@-ms-keyframes load-after {
	0% {
		left: 100%;
		-ms-transform: scale(1.1);
	}

	50% {
		left: 0;
		-ms-transform: scale(1);
	}

	100% {
		left: 100%;
		-ms-transform: scale(1.1);
	}

}

@-ms-keyframes zoom-before {
	0% { z-index: 0; }
	50% { z-index: 1; }
	100% { z-index: 0; }
}

@-ms-keyframes zoom-after {
	0% { z-index: 1; }
	50% { z-index: 0; }
	100% { z-index: 1; }
}

/* ---------- ANIMATION O ---------- */

@-o-keyframes load-before {
	0% {
		left: 0;
		-o-transform: scale(1.1);
	}

	50% {
		left: 100%;
		-o-transform: scale(1);
	}

	100% {
		left: 0;
		-o-transform: scale(1.1);
	}
}


@-o-keyframes load-after {
	0% {
		left: 100%;
		-o-transform: scale(1.1);
	}

	50% {
		left: 0;
		-o-transform: scale(1);
	}

	100% {
		left: 100%;
		-o-transform: scale(1.1);
	}

}

@-o-keyframes zoom-before {
	0% { z-index: 0; }
	50% { z-index: 1; }
	100% { z-index: 0; }
}

@-o-keyframes zoom-after {
	0% { z-index: 1; }
	50% { z-index: 0; }
	100% { z-index: 1; }
}

/* ---------- ANIMATION ---------- */

@keyframes load-before {
	0% {
		left: 0;
		transform: scale(1.1);
	}

	50% {
		left: 100%;
		transform: scale(1);
	}

	100% {
		left: 0;
		transform: scale(1.1);
	}
}


@keyframes load-after {
	0% {
		left: 100%;
		transform: scale(1.1);
	}

	50% {
		left: 0;
		transform: scale(1);
	}

	100% {
		left: 100%;
		transform: scale(1.1);
	}

}

@keyframes zoom-before {
	0% { z-index: 0; }
	50% { z-index: 1; }
	100% { z-index: 0; }
}

@keyframes zoom-after {
	0% { z-index: 1; }
	50% { z-index: 0; }
	100% { z-index: 1; }
}

/* ヘッダー */
header {
	background-color: #FFFFFF;
	width: 100%;
}

.header-border-bottom {
	border-bottom: 1px solid #000000;
}

.header-nav {
	max-width: 960px;
	height: 80px;
	margin: 0px auto;
	display: flex;
	position: relative;
}

.logo-wrapper, .nav-menu-wrapper {
	flex-direction: row;
}

.logo-wrapper {
	position: relative;
	width: 280px;
	height: 100%;
}

.logo-wrapper img {
	position: absolute;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.nav-menu-wrapper {
	height: 100%;
	position: absolute;
	right: 0px;
}

.nav-menu-wrapper ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;
}

.nav-menu-wrapper ul li {
	flex-direction: row;
}

#nav-icon-home {
	display: block;
	margin: -2px 0px 0px 0px;
}

#nav-menu-1-home span {
	display: none;
}

.nav-menu-wrapper ul li.nav-menu-1 {
	display: block;
	padding: 30px 20px 0px 0px;
	font-weight: bold;
	font-size: 15px;
}

.nav-menu-wrapper ul li.nav-menu-1-active-blue a {
	color: #024894;
}

.nav-menu-wrapper ul li.nav-menu-1-active-green a {
	color: #00a150;
}

.nav-menu-wrapper ul li.nav-menu-2 {
	width: 80px;
	height: 80px;
	border-left: 1px solid #000000;
}

.nav-menu-wrapper ul li.nav-menu-2 a {
	padding: 48px 0px 0px 0px;
	position: relative;
	width: 80px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

.nav-menu-wrapper ul li.nav-menu-2 a:hover {
	text-decoration: none;
}

.nav-menu-wrapper ul li.nav-menu-2:last-child {
	border-right: 1px solid #000000;
}

.nav-menu-wrapper ul li.nav-menu-2 a:hover:before {
	transform: rotateY(540deg);
}

.nav-menu-wrapper ul li.nav-menu-2 a:before {
	transition: 1s;
	position: absolute;
	content: "";
	display: block;
	margin: auto;
	left: 0px;
	right: 0px;
}

.nav-menu-wrapper ul li#nav-menu-2-modelroom a:before {
	background-image: url("images/icon-modelroom.png");
	width: 27px;
	height: 37px;
	background-size: 27px 37px;
	top: 10px;
}

.nav-menu-wrapper ul li#nav-menu-2-mail a:before {
	background-image: url("images/icon-mail.png");
	width: 30px;
	height: 20px;
	background-size: 30px 20px;
	top: 20px;
}

.nav-menu-wrapper ul li#nav-menu-2-tel a:before {
	background-image: url("images/icon-tel.png");
	width: 35px;
	height: 26px;
	background-size: 35px 26px;
	top: 15px;
}

/* ヘッダメニューボタン */
.wave1 {
	position: absolute;
	width: 76px;
	height: 76px;
	background-color:#4d3731;
	top: 2px;
	left: 2px;
	transform: scale(0);
	opacity: 0.5;
	border-radius:300px;
}

.nav-menu-wrapper ul li.nav-menu-2 {
	overflow: hidden;
}

.ripple-button1:hover > .wave1 {
	animation: ripple-in1 2s;
	animation-fill-mode: forwards;
}
 
@keyframes ripple-in1 {
	0% {transform: scale(0);}
	100%{transform: scale(3);opacity:0.3;}
}

.nav-sp-menu-wrapper {
	display: none;
	width: 80px;
	height: 100%;
	position: absolute;
	right: 0px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
}

.nav-sp-menu-wrapper #menuButton {
	display: block;
	width: 80px;
	height: 80px;
}

.nav-sp-menu-wrapper #menuButton .menu-bar {
	display: block;
	background: #000;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 25px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
#menuButton .menu-bar:first-child {
	top: 20px;
}
#menuButton .menu-bar:nth-child(2) {
	margin-top: -1px;
	top: 33px;
}
#menuButton .menu-bar:nth-child(3) {
	bottom: 35px;
}
#menuButton.active .menu-bar:first-child {
	-webkit-transform: translateY(12px) rotate(45deg);
	-moz-transform: translateY(12px) rotate(45deg);
	-ms-transform: translateY(12px) rotate(45deg);
	transform: translateY(12px) rotate(45deg);
}
#menuButton.active .menu-bar:nth-child(2) {
	opacity: 0;
}
#menuButton.active .menu-bar:nth-child(3) {
	-webkit-transform: translateY(-11px) rotate(-45deg);
	-moz-transform: translateY(-11px) rotate(-45deg);
	-ms-transform: translateY(-11px) rotate(-45deg);
	transform: translateY(-11px) rotate(-45deg);
}

.nav-sp-menu-wrapper #menuButton .menu-text {
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.top-slider {
	max-width: 1280px;
	max-height: 600px;
	margin: 0px auto;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	position: relative;
	overflow: hidden;
}

.top-slider .top-slider-main {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.top-slider .top-slide-item {
	position: relative;
}

.top-slider .top-slide-item img {
	max-width: 1280px;
}

.top-slider .top-slide-item .slide-title {
	position: absolute;
	top: 15%;
}

.top-slider .left-item .slide-title {
	left: 20%;
	text-align: left;
}

.top-slider .right-item .slide-title {
	right: 20%;
	text-align: right;
}

.top-slider .top-slide-item .slide-title p {
	display: inline-block;
	font-size: 65px;
	font-family: "amarurgt";
	color: #FFFFFF;
	text-shadow: 0 2px 0 #231815,2px 0 0 #231815,0 -2px 0 #231815,-2px 0 0 #231815,2px 2px 0 #231815,-2px 2px 0 #231815,2px -2px 0 #231815,-2px -2px 0 #231815;
	background: linear-gradient(transparent 80%, rgba(255,255,0,0.5) 0%);
	background-position: 0px 60px;
	padding: 0px;
	margin: 0px;
	line-height: 120%;
}

.top-slider .top-slide-item .slide-title .next-link a {
	display: inline-block;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	padding: 5px 10px 5px 25px;
	position: relative;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.top-slider .top-slide-item .slide-title .next-link a:before {
	content: "";
	background-image: url("images/icon-arrow-right.png");
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	left: 7px;
}

.top-slider .top-slider-scroll {
	display: block;
	background-image: url("images/icon-scroll.png");
	background-size: 45px 69px;
	width: 45px;
	height: 69px;
	position: absolute;
	animation: sdb 4s infinite;
	bottom: 20px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	cursor: pointer;
}

@keyframes sdb {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(0px, 10px);
	}
	40% {
		transform: translate(0, 0);
	}
}

.top-slider .top-slide-item .slide-title-center {
	top: 65%;
	left: 46%;
}

.top-slider .top-slide-item .slide-title-left {
	top: 65%;
	left: 20%;
}

.top-slider .top-slide-item .slide-title-right {
	top: 65%;
	left: 72%;
}

.slick-prev, .slick-next {
	width: 20px;
	height: 20px;
}

.slick-prev:before, .slick-next:before {
	content: "";
	border-top: 2px solid #FFFFFF;
	width: 20px;
	height: 20px;
	display: block;
	border-left: 2px solid #FFFFFF;
}

.slick-prev {
	left: 20px;
	z-index: 999;
	transform: rotate(-45deg);
}

.slick-next {
	right: 20px;
	z-index: 999;
	transform: rotate(135deg);
}

.content-wrapper {
	max-width: 960px;
	margin: 10px auto;
	overflow: hidden;
}

.block-title {
	font-size: 36px;
	border-bottom: 1px solid #969696;
	padding: 10px;
	letter-spacing: 8px;
	margin-bottom: 0px;
}

.block-title a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 15px 10px 0px 25px;
	position: relative;
	float: right;
	letter-spacing: 0px;
}

.block-title a:before {
	content: "";
	background-image: url("images/icon-arrow-right.png");
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 2px;
}

.font-amarurgt {
	font-family: "amarurgt";
}

.font-kozuka {
	font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.posts-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.posts-list li {
	border-bottom: 1px dotted #AAAAAA;
	padding: 10px 0px 5px 0px;
}

.posts-list .post-category,
.posts-list .post-item {
	float: left;
}

.posts-list .post-category {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-align: center;
	padding: 5px;
	margin: 12px 10px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	width: 135px;
}

.posts-list .post-item {
	padding: 5px 0px;
	font-weight: bold;
}

.posts-list .post-item .post-title {
	font-size: 15px;
}

.event-single-content:after,
.event-single-info-place:after,
.event-single-info-date:after,
.event-top:after,
.mail-field:after,
.reform-before-after:after,
.model-box:after,
.posts-list li:after,
.event-box:after,
.event-options:after,
.services-box:after,
.fotter-menu:after,
.list-posts:after,
.kurata-group-list:after,
.float-box:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.event-box .event-image,
.event-box .event-data {
	float: left;
	margin: 15px 0px 0px 0px;
}

.event-box .event-image {
	width: 40%;
}

.event-box .event-image img {
	display: block;
	margin: 0px auto;
}

.event-box .event-data {
	width: 60%;
	padding: 0px 0px 0px 10px;
}

.event-box .event-data .event-date {
	font-weight: bold;
	font-size: 15px;
}

.event-box .event-data .event-title {
	font-weight: bold;
	font-size: 19px;
	display: block;
	margin: 5px 0px 10px 0px;
}

.event-box .event-data .event-options {
	border-bottom: 1px dotted #AAAAAA;
	padding: 10px 0px;
}

.event-box .event-data .event-options .event-options-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
}

.event-box .event-data .event-options .event-options-data {
	font-weight: bold;
	font-size: 15px;
}

.services-box {
	margin: 60px 0px 0px 0px;
	border: 2px solid #000000;
}

.services-box .service-image {
	border-bottom: 2px dotted #000000;
}

.services-box .service-link {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	position: relative;
	padding: 15px 0px;
	font-size: 21px;
	font-weight: bold;
	overflow: hidden;
}

.services-box .service-link:hover {
	text-decoration: none;
}

.services-box .service-link .wave1 {
	width: 120px;
	height: 120px;
	left: 60px;
	top: -25px;
}

.services-box .service-link-left {
	border-right: 2px dotted #000000;
}

.services-box .service-link:before {
	content: "";
	background-image: url("images/icon-arrow-right.png");
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 23px;
	left: 20%;
}

.case-title {
	letter-spacing: 0px;
	font-size: 22px;
	font-weight: bold;
}

.case-title a {
	padding: 5px 10px 0px 25px;
}

.case-title a:before {
	top: 7px;
}

.case-link-image {
	border: 2px solid #000000;
	display: block;
	margin: 20px 0px 0px 0px;
	min-height: 175px;
	overflow: hidden;
	position: relative;
}

.case-link-image img {
	height: 175px;
	width: initial;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.case-link-title {
	font-weight: bold;
	font-size: 15px;
	display: block;
	margin: 5px 5px 0px 5px;
}

.fotter-wrapper {
	max-width: 960px;
	margin: 0px auto;
	overflow: hidden;
}

.link-recruit,
.link-contact {
	background-color: #D8D4CE;
	border-radius: 30px;
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 0px;
	margin: 60px 0px 0px 0px;
	font-size: 23px;
	font-weight: bold;
	color: #3C2925;
	position: relative;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.link-recruit:hover,
.link-contact:hover {
	text-decoration: none;
}

.link-recruit .wave1,
.link-contact .wave1 {
	width: 180px;
	height: 180px;
	left: 140px;
	top: -50px;
}

.link-recruit:before {
	content: "";
	background-image: url("images/icon-recruit.png");
	background-size: 40px 22px;
	width: 40px;
	height: 22px;
	position: absolute;
	top: 18px;
	left: 130px;
}

.link-contact:before {
	content: "";
	background-image: url("images/icon-mail-2.png");
	background-size: 30px 20px;
	width: 30px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 70px;
}

.fotter-border {
	border: none;
	height: 2px;
	background-color: #000000;
	margin: 60px 0px 50px;
	display: block;
}

.fotter-main {
	text-align: center;
}

.fotter-menu {
	list-style-type: none;
	padding: 0px;
	margin: 30px auto;
	width: 80%;
}

.fotter-menu li {
	float: left;
	width: 20%;
	font-weight: bold;
	font-size: 15px;
}

.fotter-address {
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0px;
}

.fotter-copyright {
	margin: 20px 0px;
	font-size: 10px;
}

header.border-bottom {
	border-bottom: 1px solid #000000;
}

/* 一覧ページ */
.page-title {
	font-size: 36px;
	border-bottom: 1px solid #969696;
	padding: 10px;
	letter-spacing: 8px;
	margin-bottom: 0px;
	position: relative;
}

.list-page-category,
.list-page-archive {
	padding: 10px;
}

.list-page-category {
	border-bottom: 1px dotted #969696;
}

.list-page-archive {
	position: relative;
}

.list-page-category .category-title,
.list-page-archive .archive-title {
	font-size: 24px;
	color: #024894;
	display: inline-block;
	width: 110px;
}

.list-page-category .category-item,
.list-page-archive .archive-item {
	color: #cccccc;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 20px 0px 0px;
}

.list-page-category .category-item-active,
.list-page-archive .archive-item-active {
	color: #024894;
}

.list-page-archive .site-search {
	position: absolute;
	top: 10px;
	right: 0px;
	background-color: #FFFFFF;
	border-radius: 15px;
	width: 300px;
	padding: 0px 15px;
}

.list-page-archive .site-search input[type="text"] {
	padding: 5px 10px;
	border: none;
	font-size: 15px;
	font-weight: bold;
	width: 240px;
}

.list-page-archive .site-search input[type="image"] {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
}

.list-page-archive .site-search input[type="text"]::-webkit-input-placeholder {
	color: #000;
}
.list-page-archive .site-search input[type="text"]:-ms-input-placeholder {
	color: #000;
}
.list-page-archive .site-search input[type="text"]::-moz-placeholder {
	color: #000;
}

.list-posts {
	border: 2px solid #000000;
	background-color: #FFFFFF;
	margin: 10px 0px 0px 0px;
}

.list-posts-image {
	min-height: 240px;
	overflow: hidden;
	position: relative;
}

.list-posts-image img {
	position: absolute;
	height: 240px;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.list-posts .list-posts-date {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding: 5px 0px;
}

.list-posts .list-posts-title {
	font-size: 19px;
	font-weight: bold;
	padding: 5px;
	max-height: 37px;
	overflow: hidden;
}

.list-posts .list-posts-text {
	width: 70%;
	float: left;
	padding: 5px 5px 10px 5px;
}

.list-posts .list-posts-author {
	width: 30%;
	float: left;
	text-align: center;
	padding: 0px 0px 20px 0px;
}

.list-posts .list-posts-author img {
	border-radius: 50%;
}

/* 住宅トップ */
.h2-title-jp {
	font-size: 28px;
	font-weight: bold;
}

.col-house {
	padding: 0px !important;
	border-top: 1px solid #969696;
}

.col-house-border-bottom {
	border-bottom: 1px solid #969696;
}

.house-box-left {
	float: left;
}

.house-box-right {
	float: right;
}

.house-message-box {
	position: relative;
	height: 400px;
	max-width: 495px;
	width: 100%;
}

.house-message-box img {
	display: block;
	position: absolute;
	top: 90px;
	left: 40px;
}

.house-message-box .house-message-text {
	position: absolute;
	top: 180px;
	left: 130px;
	font-size: 18px;
}

.house-message-box .house-message-link {
	position: absolute;
	top: 270px;
	left: 130px;
	font-size: 16px;
}

.house-message-box .house-message-link a {
	display: block;
	padding: 0px 0px 0px 20px;
	position: relative
}

.house-message-box .house-message-link a:before {
	content: "";
	background-image: url("images/icon-arrow-right.png");
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 4px;
	left: 0px;
}

.house-message-box-kurata img {
	top: 60px;
	left: 60px;
}

.house-message-box-kurata .house-message-text {
	top: 160px;
	left: 150px;
}

.house-message-box-kurata .house-message-link {
	top: 280px;
	left: 150px;
}

.house-message-box-reform .house-message-text {
	left: 150px;
}

.house-message-box-reform .house-message-link {
	left: 150px;
}

.house-image-box {
	max-height: 400px;
	max-width: 495px;
}

.list-land-item {
	padding: 10px 0px;
}

.list-land-item a {
	display: block;
	border: 1px solid #000000;
	overflow: hidden;
	height: 165px;
}

.list-land-item img {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 150%;
}

.list-land-item .city-label {
	width: 60px;
	background-color: #E2E1A9;
	text-align: center;
	padding: 3px 0px;
	display: inline-block;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

.list-land-item .land-price {
	display: inline-block;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.list-land-item .land-price span {
	font-size: 19px;
	padding: 0px 0px 0px 5px;
}

.list-land-item .land-detail {
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}

/* 固定ページ */
.header-border-bottom {
	border-bottom: 1px solid #000000;
}

.h2-house-title {
	position: relative;
	margin: 20px 0px 10px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #949494;
	font-weight: bold;
}

.page-title a,
.h2-house-title a,
.kurata-home-2nd-back-link a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	background-color: #DDD9D4;
	text-align: center;
	width: 270px;
	padding: 10px 0px;
	border-radius: 20px;
}

.kurata-home-2nd-back-link a {
	width: 230px;
}

.page-title a:before,
.h2-house-title a:before,
.kurata-home-2nd-back-link a:before {
	content: "←";
	position: absolute;
	left: 15px;
}

.h3-house-title {
	font-size: 22px;
	font-weight: bold;
	color: #4D3731;
	position: relative;
	padding: 10px 0px 10px 65px;
}

.h3-house-title:before {
	position: absolute;
	content: "";
	width: 48px;
	height: 44px;
	background-image: url("images/titleicon-house.png");
	background-size: 48px 44px;
	top: 0px;
	left: 0px;
}

.house-message-box-2 {
	height: 400px;
	width: 495px;
	margin: 0px auto;
	padding: 30px 20px;
}

.house-message-box-2 .house-message-box-2-title {
	font-size: 28px;
	font-weight: bold;
	color: #48AF34;
	margin-top: 110px;
}

.house-message-box-2 .house-message-box-2-no-margin {
	margin-top: 0px;
}

.house-message-box-2 .house-message-box-2-text {
	font-size: 15px;
	font-weight: bold;
	line-height: 180%;
	margin: 10px 0px 0px 0px;
}

.house-message-box-2-link {
	display: block;
	margin: 10px auto 0px;
	border: 1px solid #d6d2cc;
	text-align: center;
	width: 200px;
	padding: 10px 0px 10px 20px;
	font-size: 17px;
	font-weight: bold;
	position: relative;
}

.house-message-box-2-link:before {
	content: "";
	background-image: url(images/icon-arrow-right.png);
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 15px;
}

.house-message-box-3 {
	height: 400px;
	width: 495px;
	margin: 0px auto;
	padding: 30px 20px;
}

.house-message-box-3 .house-message-box-3-title {
	font-size: 28px;
	font-weight: bold;
	color: #48AF34;
	margin-top: 10px;
}

.house-message-box-3 .house-message-box-3-no-margin {
	margin-top: 0px;
}

.house-message-box-3 .house-message-box-3-text {
	font-size: 15px;
	font-weight: bold;
	line-height: 180%;
	margin: 10px 0px 0px 0px;
}

.house-message-box-3-link {
	display: block;
	margin: 10px auto 0px;
	border: 1px solid #d6d2cc;
	text-align: center;
	width: 200px;
	padding: 10px 0px 10px 20px;
	font-size: 17px;
	font-weight: bold;
	position: relative;
}

.house-message-box-3-link:before {
	content: "";
	background-image: url(images/icon-arrow-right.png);
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 15px;
}

.h3-house-title-border-bottom {
	border-bottom: 1px solid #949494;
	padding: 10px 0px 25px 65px;
}

.house-kurata-message {
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	color: #4D3731;
	line-height: 175%;
}

.kurata-group-title {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #4D3731;
}

.kurata-group-list {
	margin: 20px auto 80px;
	padding: 0px;
	list-style-type: none;
	width: 652px;
}

.kurata-group-list .kurata-group-list-item {
	float: left;
	margin: 0px 20px 0px 0px
}

.kurata-group-list .kurata-group-list-item:last-child {
	margin: 0px 0px 0px 0px
}

.kurata-group-list .kurata-group-list-item a {
	display: block;
	width: 200px;
	height: 170px;
	border: 2px dotted #4D3731;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
}

.kurata-group-list #kurata-group-list-item-1 a {
	background-color: #E75504;
}

.kurata-group-list #kurata-group-list-item-2 a {
	background-color: #024894;
}

.kurata-group-list #kurata-group-list-item-3 a {
	background-color: #00A150;
}

.kurata-group-list .kurata-group-list-item a:hover {
	text-decoration: none;
}

.kurata-group-list .kurata-group-list-item a .kurata-group-list-link-1 {
	margin: 25px 0px 0px 0px;
}

.kurata-group-list .kurata-group-list-item a .kurata-group-list-link-2 {
	padding: 0px 0px 5px 0px;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 10px;
}

.kurata-group-list .kurata-group-list-item a .kurata-group-list-link-3 {
	margin: 10px 0px 0px 0px;
	line-height: 180%;
}

.orange-color {
	color: #EA5404 !important;
}

.kurata-house-make {
	margin: 20px auto 0px;
	padding: 0px;
	list-style-type: none;
	width: 750px;
}

.kurata-house-make li {
	width: 250px;
	text-align: center;
	float: left;
}

.kurata-house-make li .kurata-house-make-1 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
}

.kurata-house-make li .kurata-house-make-2 {
	color: #5E331C;
	font-size: 12px;
}

.real-esate-link {
	font-size: 18px;
	font-weight: bold;
	display: block;
	background-color: #DDD9D4;
	text-align: center;
	width: 140px;
	padding: 10px 0px;
	border-radius: 20px;
	margin: 40px auto 80px;
}

.banner-kurata-home,
.banner-kurata-rehome {
	text-align: center;
	border: 1px solid #D6D2CC;
	display: block;
	max-width: 460px;
	padding: 40px 0px;
	height: 160px;
	margin: 10px auto;
}

/* クラタホームトップ */
.kurata-home-top-image {
	border-bottom: 1px solid #000000;
	position: relative;
}

.kurata-home-logo {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	max-width: 352px;
	max-height: 117px;
}

.kurata-home-menu {
	text-align: center;
	margin: 10px 0px;
	padding: 20px 0px 20px 0px;
}

#kurata-home-menu-1 .kurata-home-menu-image {
	max-width: 220px;
}

#kurata-home-menu-2 .kurata-home-menu-image {
	max-width: 220px;
}

#kurata-home-menu-3 .kurata-home-menu-image {
	max-width: 185px;
}

#kurata-home-menu-1,
#kurata-home-menu-2 {
	border-right: 1px solid #969696;
}

.kurata-home-menu .kurata-home-menu-title {
	font-size: 26px;
	font-weight: bold;
	margin: 20px 0px;
	color: #E95504;
}

.kurata-home-menu .kurata-home-menu-link {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px 0px 25px;
	position: relative;
}

.kurata-home-menu .kurata-home-menu-link:before {
	content: "";
	background-image: url(images/icon-arrow-right.png);
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 2px;
}

.kurata-home-menu-link {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px 0px 25px;
	position: relative;
}

.kurata-home-menu-link:before {
	content: "";
	background-image: url(images/icon-arrow-right.png);
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 2px;
}

.kurata-home-menu-border-top {
	border-top: 1px solid #969696;
}

.kurata-home-menu-border-bottom {
	border-bottom: 1px solid #969696;
}

/* 外壁通気工法の家 */
.ventilation-top-message {
	display: block;
	margin: 40px auto 0px;
	max-width: 240px;
}

.ventilation-label {
	width: 105px;
	background-color: #2eb6ce;
	color: #FFFFFF;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px;
}

.h4-ventilation-title {
	font-size: 26px;
	font-weight: bold;
	color: #2eb6ce;
	line-height: 150%;
}

.ventilation-text {
	font-weight: bold;
	font-size: 15px;
	line-height: 180%;
}

.border-top {
	border-top: 1px solid #969696;
}

.ventilation-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.ventilation-list li {
	padding: 0px 0px 0px 100px;
	position: relative;
	margin: 0px 0px 30px 0px;
}

.ventilation-list li:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	background-size: 80px 80px;
	top: 0px;
	left: 0px;
}

.ventilation-list #ventilation-list-item-1:before {
	background-image: url("images/ventilation-list-image-1.png");
}

.ventilation-list #ventilation-list-item-2:before {
	background-image: url("images/ventilation-list-image-2.png");
}

.ventilation-list #ventilation-list-item-3:before {
	background-image: url("images/ventilation-list-image-3.png");
}

.ventilation-list #ventilation-list-item-4:before {
	background-image: url("images/ventilation-list-image-4.png");
}

.ventilation-list-title {
	font-size: 19px;
	font-weight: bold;
	color: #886239;
}

.ventilation-list-text {
	font-size: 15px;
	font-weight: bold;
	line-height: 180%;
	margin: 5px 0px 0px 0px;
}

/* クラタホーム 商品ラインナップ */
.kurata-home-2nd-image {
	text-align: center;
	padding: 50px 0px 10px;
}

.kurata-home-2nd-image-border-bottom {
	border-bottom: 1px solid #949494;
}

.kurata-home-2nd-image img {
	max-width: 228px;
}

.kurata-home-2nd-title {
	font-size: 31px;
	font-weight: bold;
	color: #E95504;
	padding: 20px 0px;
}

.kurata-home-2nd-back-link {
	position: relative;
	height: 60px;
	max-width: 960px;
	margin: 0px auto;
}

.lineup-title {
	position: relative;
	margin: 20px 0px 5px;
}

.lineup-title-1st {
	font-size: 30px;
	color: #f6921e;
}

.lineup-title-green .lineup-title-1st {
	color: #4fbd1e;
}

.lineup-title-2nd {
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	right: 40px;
	bottom: 5px;
}

.lineup-description {
	font-size: 19px;
	font-weight: bold;
	color: #e95504;
	margin: 0px 0px 10px 0px;
}

.lineup-title-green .lineup-description {
	color: #4fa11e;
}

.lineup-option-title {
	padding: 40px 0px 20px 0px;
	border-bottom: 1px solid #969696;
	text-align: center;
}

.lineup-option-title-2nd {
	font-size: 16px;
	font-weight: bold;
}

.lineup-option-name-s {
	width: 230px;
	background-color: #2a6ada;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 19px;
	text-align: center;
	margin: 30px auto 30px;
}

.lineup-option-name-i {
	width: 230px;
	background-color: #886239;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 19px;
	text-align: center;
	margin: 30px auto 30px;
}

.lineup-option-massage-1 {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}

.lineup-option-massage-2 {
	margin: 20px 0px 30px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.lineup-option-massage-3 {
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	line-height: 160%;
}

.color-b {
	color: #2a6ada;
}

.color-br {
	color: #886239;
}

.lineup-single-title-1 {
	margin: 10px 0px 0px 0px;
	font-size: 19px;
	font-weight: bold;
	color: #e95504;
}

.lineup-single-main-title {
	background-color: #e95504;
	color: #FFFFFF;
	padding: 0px 10px;
	margin: 10px 0px;
}

.lineup-single-main-title-1 {
	font-size: 30px;
}

.lineup-single-main-title-2 {
	font-size: 16px;
}

.lineup-single-title-1-green {
	color: #4fa11e;
}

.lineup-single-main-title-green {
	background-color: #4fbd1e;
}

.lineup-single-text {
	font-weight: bold;
	line-height: 160%;
	font-size: 16px;
	padding: 0px 0px 0px 10px;
}

.lineup-single-price-title {
	background-color: #fce2c0;
	color: #4d3731;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 10px 0px;
	position: relative;
	margin: 10px 0px 0px 0px;
}

.lineup-single-price-title:after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fce2c0;
	transform: rotate(-45deg);
	margin: 0px auto;
	left: 0px;
	right: 0px;
	bottom: -10px;
}

.lineup-single-price {
	font-size: 21px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #969696;
	padding: 10px 0px 10px 0px;
}

.lineup-single-price>* {
	display: inline-block;
	vertical-align: middle;
}

.lineup-single-price-yen {
	font-size: 36px;
	color: #ff0000;
	padding: 0px 0px 0px 0px;
}

.lineup-single-price-yen-2 {
	padding: 10px 0px 0px 0px;
}

.lineup-single-price-text-1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	padding: 10px 0px 10px 0px;
}

.lineup-single-break-title {
	color: #4d3731;
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid #969696;
	padding: 0px 0px 10px 0px;
}

.lineup-single-floor-map {
	color: #4d3731;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #969696;
	padding: 0px 0px 10px 0px;
}

.lineup-single-floor-map span {
	display: inline-block;
	position: relative;
	top: 5px;
	left: 10px;
}

.lineup-single-floor-map-image {
	padding: 20px 0px;
}

.lineup-single-floor-map-image a img {
	margin: auto;
}

.lineup-single-points {
	color: #4d3731;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #969696;
	padding: 0px 0px 10px 0px;
}

.lineup-single-points span {
	display: inline-block;
	position: relative;
	top: 10px;
	left: 10px;
}

.lineup-single-points-1 {
	font-size: 30px;
}

.lineup-single-points-image img {
	display: block;
	margin: 10px 0px;
}

.lineup-single-points-list {
	margin: 10px 0px;
	padding: 10px 20px;
	list-style-type: none;
}

.lineup-single-points-list li {
	background: url("images/list-background-image.png") left top no-repeat;
	padding: 0px 0px 20px 30px;
	font-weight: bold;
	font-size: 16px;
}

.lineup-single-points-list li p {
	font-weight: normal;
}

/* クラタホーム 施工事例 */
.works-category .d-flex {
	display: flex;
	align-items: center;
	gap: 0 6px;
}
.works-category a {
	background: #555;
	color: #fff;
	padding: 10px 12px;
	border-radius: 6px;
}
.works-category a:hover {
	text-decoration: none;
	opacity: .6;
	transition: .6s;
}

.works-item {
	position: relative;
	margin: 10px 0px 10px;
	overflow: hidden;
	min-height: 300px;
}

.works-item:hover .works-item-overlay {
	opacity: 1;
}

.works-item img {
	width: auto;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.works-item-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.works-title {
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 50px 0px 0px 0px;
}

.works-tag {
	margin: 30px 0px 0px 0px;
}

.works-tag span {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 3px 5px;
}

.works-link {
	display: block;
	background-color: #FFFFFF;
	color: #4d3731;
	font-size: 16px;
	font-weight: bold;
	max-width: 200px;
	border-radius: 20px;
	margin: 40px auto 0px;
	padding: 10px 0px;
	position: relative;
}

.works-link::after {
	position: absolute;
	content: "→";
	right: 20px;
}

.h2-works-title {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.h2-works-tag {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

.h3-works-comment {
	font-size: 22px;
	font-weight: bold;
}

.h3-works-comment span {
	position: relative;
	top: 5px;
}

.works-comment-text {
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}

.works-spec {
	border: 4px solid #c6b198;
	padding: 15px 10px;
	margin: 30px 0px 0px 0px;
	font-size: 16px;
}

.works-spec dl {
	margin: 0px;
}

.works-spec dt {
	background: url("images/list-background-image.png") left top no-repeat;
	padding: 0px 0px 0px 25px;
}

.works-spec dd {
	margin: 5px 0px 20px 0px;
}

.works-spec dd:last-child {
	margin: 5px 0px 0px 0px;
}

.works-main-image {
	max-width: 50%;
	margin: 0px auto;
}

.works-main-image img {
	width: 100%;
}

.works-images {
	width: 100%;
}

.works-image {
	padding: 10px;
}

.works-image img {
	max-width: 500px;
}

.works-image-title {
	font-weight: bold;
	text-align: center;
}

/* クラタホーム モデルハウスのご案内 */
.model-box {
	margin: 20px 0px 0px 0px;
}

.model-box-image {
	max-width: 620px;
	max-height: 470px;
	overflow: hidden;
	position: relative;
}

.model-box-text {
	width: 100%;
	max-width: 320px;
}

.model-text1 {
	margin: 10px 0px 0px 0px;
	font-size: 30px;
	color: #e85504;
	text-align: center;
}

.model-title {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 20px;
	border-bottom: 3px solid #e85504;
}

.model-text2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.model-link {
	display: block;
	background-color: #ddd9d4;
	color: #4d3731;
	font-size: 16px;
	font-weight: bold;
	max-width: 200px;
	border-radius: 20px;
	margin: 40px auto 0px;
	padding: 10px 0px;
	position: relative;
	text-align: center;
}

.model-link:after {
	position: absolute;
	content: "→";
	right: 20px;
}

.model-close .model-text1,
.model-close .model-title {
	color: #2a6ada;
}

.model-close .model-title {
	border-bottom: 3px solid #2a6ada;
}

.model-contact-box {
	width: 280px;
	border: 2px solid #e85504;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin: 40px auto 0px;
	text-align: center;
}

.model-contact-title {
	color: #e85504;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}

.model-contact-text {
	padding: 10px 0px 20px 0px;
	font-weight: bold;
	font-size: 18px;
}

.model-content {
	font-size: 16px;
	font-weight: bold;
    line-height: 200%;
}

.model-image-detail {
	margin: 10px;
}

.model-image a img {
	margin: auto;
}

.h2-google-map,
.h2-photo-gallery {
	font-size: 30px;
	border-bottom: 1px solid #949494;
	padding: 30px 0px 20px 60px;
	position: relative;
	margin: 0px 0px 20px 0px;
}

.h2-google-map span,
.h2-photo-gallery span {
	position: relative;
	top: 5px;
}

.h2-google-map:before {
	position: absolute;
	content: "";
	width: 44px;
	height: 44px;
	background-image: url(images/icon-google-map.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	left: 0px;
}

.h2-photo-gallery:before {
	background-image: url(images/icon-photo.png);
	width: 44px;
	height: 33px;
	background-size: 44px 33px;
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	left: 0px;
	bottom: 18px;
}

.model-pending {
	position: absolute;
	display: block;
	font-size: 200%;
	font-weight: bold;
	color: #1b1464;
	border: 2px solid #1b1464;
	border-radius: 5px;
	width: 120px;
	height: 45px;
	text-align: center;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.5);
}

/* リフォーム */
.reform-logo-wrapper {
	position: relative;
	max-width: 960px;
	margin: 0px auto;
}

.reform-logo {
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: auto;
	max-width: 352px;
	max-height: 117px;
}

.h3-center-title {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #4d3731;
	margin: 40px 0px;
}

.reform-item {
	position: relative;
}

.reform-item-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0px;
	left: 0px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.reform-icon {
	margin: 20px 0px 10px;
}

.reform-link {
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}

.reform-link-font-small {
	font-size: 12px;
}

.reform-item:hover .reform-item-overlay  {
	opacity: 1;
}

.reform-link:hover {
	color: #FFFFFF;
}

.reform-next-link {
	display: block;
	background-color: #d8d4ce;
	color: #4d3731;
	font-size: 19px;
	font-weight: bold;
	max-width: 250px;
	border-radius: 20px;
	margin: 40px auto 0px;
	padding: 10px 0px;
	position: relative;
	text-align: center;
}

.reform-next-link:after {
	position: absolute;
	content: "→";
	right: 20px;
}

.reform-process-box {
	display: table;
	width: 100%;
	margin: 30px 0px 0px 0px;
}

.reform-process-no {
	width: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 22px;
	color: #FFFFFF;
	background-color: #2a6ada;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.reform-process-title {
	height: 40px;
	width: 100%;
	font-weight: bold;
	font-size: 22px;
	border-bottom: 1px solid #2a6ada;
	padding: 3px 0px 0px 5px;
}

.reform-process-text {
	padding: 5px 0px 0px 45px;
	font-weight: normal;
	font-size: 18px;
}

.reform-free-point {
	position: relative;
	margin: 60px 0px;
}

.reform-free-point hr {
	border: 1px solid #f6921e;
}

.reform-free-text {
	width: 240px;
	height: 30px;
	background-color: #f6921e;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	margin: auto;
	position: absolute;
	z-index: 999;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.reform-process-box-green .reform-process-title {
	border-bottom: 1px solid #009400;
}

.reform-process-box-green .reform-process-no {
	background-color: #009400;
}

.h2-reform-title a {
	width: 270px;
}

.refrom-tag {
	border: 1px solid #c59b6d;
	height: 80px;
	text-align: center;
	display: block;
	width: 100%;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	position: relative;
}

.refrom-tag-name {
	font-weight: bold;
	color: #c59b6d;
	font-size: 12px;
	margin: 10px 0px 0px;
	position: absolute;
	bottom: 5px;
	left: 0px;
	right: 0px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag:hover {
	text-decoration: none;
	background-color: #42210b;
}

.refrom-tag:hover .refrom-tag-name {
	color: #FFFFFF;
}

.refrom-tag-kitchen {
	background-image: url(images/icon-reform-kitchen_b.png);
	background-size: 40px 33px;
	background-repeat: no-repeat;
	background-position: center 12px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-kitchen:hover {
	background-image: url(images/icon-reform-kitchen.png);
}

.refrom-tag-bathroom {
	background-image: url(images/icon-reform-bathroom_b.png);
	background-size: 40px 36px;
	background-repeat: no-repeat;
	background-position: center 10px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-bathroom:hover {
	background-image: url(images/icon-reform-bathroom.png);
}

.refrom-tag-toilet {
	background-image: url(images/icon-reform-toilet_b.png);
	background-size: 39px 40px;
	background-repeat: no-repeat;
	background-position: center 10px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-toilet:hover {
	background-image: url(images/icon-reform-toilet.png);
}

.refrom-tag-wall-roof {
	background-image: url(images/icon-reform-wall-roof_b.png);
	background-size: 40px 32px;
	background-repeat: no-repeat;
	background-position: center 13px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-wall-roof:hover {
	background-image: url(images/icon-reform-wall-roof.png);
}

.refrom-tag-exterior {
	background-image: url(images/icon-reform-exterior_b.png);
	background-size: 40px 36px;
	background-repeat: no-repeat;
	background-position: center 13px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-exterior:hover {
	background-image: url(images/icon-reform-exterior.png);
}

.refrom-tag-dining {
	background-image: url(images/icon-reform-dining_b.png);
	background-size: 40px 26px;
	background-repeat: no-repeat;
	background-position: center 18px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-dining:hover {
	background-image: url(images/icon-reform-dining.png);
}

.refrom-tag-bedroom {
	background-image: url(images/icon-reform-bedroom_b.png);
	background-size: 40px 24px;
	background-repeat: no-repeat;
	background-position: center 18px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-bedroom:hover {
	background-image: url(images/icon-reform-bedroom.png);
}

.refrom-tag-japanese {
	background-image: url(images/icon-reform-japanese_b.png);
	background-size: 40px 38px;
	background-repeat: no-repeat;
	background-position: center 13px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-japanese:hover {
	background-image: url(images/icon-reform-japanese.png);
}

.refrom-tag-hobby-room {
	background-image: url(images/icon-reform-hobby-room_b.png);
	background-size: 40px 30px;
	background-repeat: no-repeat;
	background-position: center 15px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-hobby-room:hover {
	background-image: url(images/icon-reform-hobby-room.png);
}

.refrom-tag-stairs {
	background-image: url(images/icon-reform-stairs_b.png);
	background-size: 40px 27px;
	background-repeat: no-repeat;
	background-position: center 18px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-stairs:hover {
	background-image: url(images/icon-reform-stairs.png);
}

.refrom-tag-storage {
	background-image: url(images/icon-reform-storage_b.png);
	background-size: 32px 40px;
	background-repeat: no-repeat;
	background-position: center 13px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-storage:hover {
	background-image: url(images/icon-reform-storage.png);
}

.refrom-tag-entrance {
	background-image: url(images/icon-reform-entrance_b.png);
	background-size: 27px 40px;
	background-repeat: no-repeat;
	background-position: center 13px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.refrom-tag-entrance:hover {
	background-image: url(images/icon-reform-entrance.png);
}

.row-reform-top .refrom-tag .refrom-tag-name {
	color: rgba(255,255,255,0);
}

.row-reform-top .refrom-tag:hover .refrom-tag-name {
	color: rgba(255,255,255,1);
}

.row-reform-top .refrom-tag {
	padding: 10px 0px;
}

.row-reform-top .refrom-tag:hover:before {
	opacity: 0.3;
}

.row-reform-top .refrom-tag:before {
	content: "";
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.row-reform-top .refrom-tag-kitchen:before {
	background-image: url(images/reform-top-item-kitchen.jpg);
}

.row-reform-top .refrom-tag-bathroom:before {
	background-image: url(images/reform-top-item-bathroom.jpg);
}

.row-reform-top .refrom-tag-toilet:before {
	background-image: url(images/reform-top-item-toilet.jpg);
}

.row-reform-top .refrom-tag-wall-roof:before {
	background-image: url(images/reform-top-item-wall-roof.jpg);
}

.row-reform-top .refrom-tag-exterior:before {
	background-image: url(images/reform-top-item-exterior.jpg);
}

.row-reform-top .refrom-tag-dining:before {
	background-image: url(images/reform-top-item-dining.jpg);
}

.row-reform-top .refrom-tag-bedroom:before {
	background-image: url(images/reform-top-item-bedroom.jpg);
}

.row-reform-top .refrom-tag-japanese:before {
	background-image: url(images/reform-top-item-japanese.jpg);
}

.row-reform-top .refrom-tag-hobby-room:before {
	background-image: url(images/reform-top-item-hobby-room.jpg);
}

.row-reform-top .refrom-tag-stairs:before {
	background-image: url(images/reform-top-item-stairs.jpg);
}

.row-reform-top .refrom-tag-storage:before {
	background-image: url(images/reform-top-item-storage.jpg);
}

.row-reform-top .refrom-tag-entrance:before {
	background-image: url(images/reform-top-item-entrance.jpg);
}

.refrom-tag-active {
	text-decoration: none;
	background-color: #42210b;
}

.refrom-tag-active .refrom-tag-name {
	color: #FFFFFF;
}

.refrom-tag-kitchen-active {
	background-image: url(images/icon-reform-kitchen.png);
}

.refrom-tag-bathroom-active {
	background-image: url(images/icon-reform-bathroom.png);
}

.refrom-tag-toilet-active {
	background-image: url(images/icon-reform-toilet.png);
}

.refrom-tag-wall-roof-active {
	background-image: url(images/icon-reform-wall-roof.png);
}

.refrom-tag-exterior-active {
	background-image: url(images/icon-reform-exterior.png);
}

.refrom-tag-dining-active {
	background-image: url(images/icon-reform-dining.png);
}

.refrom-tag-bedroom-active {
	background-image: url(images/icon-reform-bedroom.png);
}

.refrom-tag-japanese-active {
	background-image: url(images/icon-reform-japanese.png);
}

.refrom-tag-hobby-room-active {
	background-image: url(images/icon-reform-hobby-room.png);
}

.refrom-tag-stairs-active {
	background-image: url(images/icon-reform-stairs.png);
}

.refrom-tag-storage-active {
	background-image: url(images/icon-reform-storage.png);
}

.refrom-tag-entrance-active {
	background-image: url(images/icon-reform-entrance.png);
}

.reform-item .works-tag {
	margin: 15px 0px 0px;
	height: 105px;
}

.reform-item span {
	font-size: 11px;
	display: inline-block;
	margin: 0px 5px 5px 0px;
}

.reform-item .works-link {
	margin: 15px auto 0px;
}

.h3-reform-title {
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #949494;
	padding: 10px 0px;
}

.h4-reform-title {
	margin: 20px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
}

.h5-reform-title {
	margin: 20px 0px 20px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}

.reform-before {
	width: 49%;
	float: left;
}

.reform-after {
	width: 49%;
	float: right;
}

.reform-before-title,
.reform-after-title {
	margin: 10px auto 10px;
	width: 120px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

.reform-before-title {
	background-color: #1b1464;
}

.reform-after-title {
	background-color: #ec1c24;
}

.reform-spec {
	margin: 0px;
}

.reform-spec dt {
	float: left;
}

.reform-tags span {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	border: 1px solid #42210b;
	padding: 0px 3px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #42210b;
}

.reform-thumbs-images div {
	padding: 10px;
}

/* 会社案内、お問い合わせ、プライバシーポリシー */
.common-top-image {
	border-bottom: 1px solid #000000;
	background-image: url(images/common-top-image.png);
	background-size: cover;
	position: relative;
	height: 230px;
}

.common-page-title {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	padding: 50px 0px 0px 0px;
	top: 0px;
	color: #FFFFFF;
}

.common-page-title-en {
	font-size: 49px;
}

.common-page-title-jp {
	font-size: 32px;
	font-weight: bold;
}

.common-text {
	font-weight: bold;
	font-size: 15px;
	line-height: 200%;
}

.president-image {
	text-align: center;
}

.president-image img {
	max-width: 200px;
}

.president-image div {
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0px 0px 0px;
}

.company-info {
	font-weight: bold;
	font-size: 15px;
	width: 100%;
}

.company-info th {
	width: 20%;
}

.company-info th,
.company-info td {
	border-bottom: 2px dotted #949494;
	padding: 10px 0px 8px 5px;
}

.tel-contact-title:before {
	width: 48px;
	height: 36px;
	background-image: url(images/icon-tel.png);
	background-size: 48px 36px;
}

.tel-info-1 {
	font-size: 23px;
	font-weight: bold;
	color: #e75504;
	text-align: center;
	margin: 10px 0px;
}

.tel-info-2 {
	font-size: 20px;
	font-weight: bold;
	color: #4d3731;
	margin: 20px auto 0px;
	width: 300px;
    text-align: center;
}

.mail-contact-title:before {
	width: 48px;
	height: 32px;
	background-image: url(images/icon-mail.png);
	background-size: 48px 32px;
	top: 4px;
}

.h3-mail-contact-title {
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	color: #4d3731;
	margin: 30px 0px;
}

.mail-contact-item {
	font-weight: bold;
	font-size: 18px;
}

.mail-contact-checkbox {
	display: inline-block;
	margin: 10px 20px 0px 0px;
	font-weight: bold;
	font-size: 16px;
}

.mail-contact-textarea {
	width: 100%;
	max-width: 960px;
	height: 100px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.mail-field-name {
	float: left;
	font-size: 18px;
	font-weight: bold;
	width: 25%;
}

.mail-field-name span {
	display: inline-block;
	margin: 0px 0px 0px 20px;
	color: #ff0000;
}

.mail-field-data {
	float: left;
	width: 75%;
}

.mail-field-data input {
	border: 1px solid #000000;
	width: 60%;
}

.mail-field-data textarea {
	width: 100%;
}

.mail-field {
	margin: 0px 0px 20px 0px;
}

.mail-submit {
	margin: 20px auto 0px;
	display: block;
	width: 300px;
	background-color: #d8d4ce;
	border: 1px solid #d8d4ce;
	font-size: 23px;
	font-weight: bold;
	border-radius: 20px;
	color: #3c2925;
	padding: 10px 0px;
}

.h2-privacy-title {
	font-size: 23px;
	font-weight: bold;
	color: #4d3731;
	border-bottom: 1px solid #949494;
	padding: 10px 0px;
}

/* 問い合わせフォーム */
.mw_wp_form .horizontal-item {
	margin: 0px 10px 0px 0px !important;
}

.mail-contact-checkbox .mwform-checkbox-field-text {
	font-weight: bold;
}

.mw_wp_form_confirm .mail-field-data {
	font-weight: bold;
	font-size: 125%;
}

.mw_wp_form_confirm #mail-title-1,
.mw_wp_form_confirm #mail-title-2 {
	display: none;
}

/* 一般建築・土木工事 */
.ohter-top {
	height: 500px;
	background-image: url(images/construction-top-image.jpg);
	background-size: cover;
	background-position: 50%;
}

.ohter-top-civil {
	background-image: url(images/engineering-top-image.jpg);
	background-position: 50%;
}

.ohter-top-wrapper {
	max-width: 960px;
	position: relative;
	margin: 0px auto;
}

.ohter-top-label {
	position: absolute;
	width: 300px;
	height: 140px;
	top: 40px;
	right: 0px;
	background-color: rgba(0, 104, 55, 0.6);
}

.ohter-top-label-text-1 {
	margin: 10px 0px 0px 0px;
	font-size: 51px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 20px;
	position: relative;
}

.ohter-top-label-text-1 span {
	position: relative;
	z-index: 999;
	padding: 0px 0px 0px 15px;
}

.ohter-top-label-text-1:after {
	content: "";
	width: 58px;
	height: 58px;
	background-color: #024894;
	position: absolute;
	top: 5px;
	left: 11px;
}

.ohter-top-label-text-2 {
	width: 90%;
	margin: 0px auto;
	padding: 10px 0px;
	border-top: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	font-size: 26px;
	letter-spacing: 1px;
}

.ohter-top-label-text-3 {
	margin: 10px 0px 0px 0px;
	font-size: 51px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 11px;
	position: relative;
}

.ohter-top-label-text-3 span {
	position: relative;
	z-index: 999;
	padding: 0px 0px 0px 15px;
}

.ohter-top-label-text-3:after {
	content: "";
	width: 58px;
	height: 58px;
	background-color: #024894;
	position: absolute;
	top: 5px;
	left: 11px;
}

.ohter-top-label-text-4 {
	width: 90%;
	margin: 0px auto;
	padding: 10px 0px;
	border-top: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	font-size: 23px;
	letter-spacing: 1px;
}

.ohter-box-title {
	text-align: center;
	color: #006837 !important;
}

/* 住宅イベント */
.page-title-jp {
	font-weight: bold;
	font-size: 28px;
	max-width: 930px;
}

.event-top {
	border: 2px solid #000000;
}

.event-top-image {
	max-width: 620px;
	max-height: 460px;
	float: left;
	overflow: hidden;
}

.event-top-data {
	float: left;
	max-width: 310px;
	padding: 30px 20px;
}

.event-top-new {
	width: 100px;
	background-color: #c0272d;
	color: #FFFFFF;
	font-size: 27px;
	text-align: center;
	letter-spacing: 8px;
	padding: 0px 0px 0px 8px;
}

.event-top-title {
	font-weight: bold;
	font-size: 23px;
	border-bottom: 1px solid #949494;
	line-height: 150%;
	padding: 20px 0px;
	margin: 0px 0px 20px 0px;
}

.event-top-date {
	font-size: 18px;
	font-weight: bold;
}

.event-top-time {
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}

.event-top-link {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 4px solid #000000;
	margin: 20px 0px 0px 0px;
	display: inline-block;
}

.event-top-link:hover {
	text-decoration: none;
	border-bottom: 6px solid #000000;
}

.h3-event-single-title {
	font-size: 30px;
	font-weight: bold;
	margin: 40px 0px 0px 0px;
}

.event-single-detail {
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0px 40px 0px;
	border-bottom: 1px solid #949494;
}

.event-single-detail-title {
	color: #024894;
}

.event-single-wrapper {
	max-width: 820px;
	margin: 40px auto;
}

.event-single-image {
	border: 2px solid #000000;
}

.event-single-info-date {
	border-top: 2px dotted #949494;
	border-bottom: 2px dotted #949494;
	margin: 20px 0px 0px 0px;
}

.event-single-info-date-title {
	font-size: 20px;
	font-weight: bold;
	color: #024894;
	position: relative;
	padding: 10px 0px 0px 30px;
	float: left;
	width: 20%;
}

.event-single-info-date-title:before {
	content: "";
	width: 25px;
	height: 24px;
	background-image: url(images/icon-calendar-b.png);
	background-size: 25px 24px;
	position: absolute;
	top: 10px;
	left: 0px;
}

.event-single-info-dates {
	float: left;
	width: 80%;
}

.event-single-info-date-ex {
	border-bottom: 2px dotted #949494;
	padding: 10px 0px;
	font-size: 20px;
	font-weight: bold;
}

.event-single-info-date-ex:last-child {
	border-bottom: none;
}

.event-single-info-place {
	border-bottom: 2px dotted #949494;
}

.event-single-info-place-title {
	font-size: 20px;
	font-weight: bold;
	color: #024894;
	position: relative;
	padding: 10px 0px 0px 35px;
	float: left;
	width: 20%;
}

.event-single-info-place-title:before {
	content: "";
	width: 30px;
	height: 17px;
	background-image: url(images/icon-car-b.png);
	background-size: 30px 17px;
	position: absolute;
	top: 15px;
	left: 0px;
}

.event-single-info-place-text {
	padding: 10px 0px;
	font-size: 20px;
	font-weight: bold;
}

.event-single-content {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 2px dotted #949494;
}

.event-single-content-main {
	width: 70%;
	float: left;
}

.event-single-content-banner {
	width: 30%;
	float: left;
}

.event-single-content-banner-main {
	display: block;
	border: 4px solid #f6921e;
	text-align: center;
	width: 200px;
	height: 170px;
	border-radius: 20px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

.event-single-content-banner-main:hover {
	text-decoration: none;
}

.event-single-content-banner-title {
	font-size: 33px;
	color: #f6921e;
}

.event-single-content-banner-text {
	font-weight: bold;
}

/* 不動産 */
.estate-logo {
	max-width: 638px;
	max-height: 156px;
}

.land-link {
	display: block;
	max-width: 350px;
	width: 100%;
	margin: 20px auto;
	color: #3c2925;
	background-color: #d8d4ce;
	font-weight: bold;
	font-size: 23px;
	position: relative;
	padding: 10px 0px;
	border-radius: 40px;
	text-align: center;
}

.land-link:after {
	content: "→";
	position: absolute;
	right: 15px;
}

.estate-box {
	margin: 20px 0px 0px 0px;
}

.estate-title {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 17px;
}

.estate-place {
	float: right;
	display: inline-block;
	font-size: 15px;
	background-color: #e2e1a9;
	padding: 3px 5px;
	text-align: center;
}

.estate-image-1,
.estate-image-2 {
	float: left;
	border: 1px solid #000000;
	margin: 10px 10px 0px 0px;
	height: 165px;
	overflow: hidden;
}

.estate-image-1 img,
.estate-image-2 img {
	max-width: 165px;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.estate-text {
	float: left;
	margin: 10px 0px 0px 0px;
}

.estate-text dl {
	width: 260px;
	margin: 0px;
}

.estate-main-text dl {
	width: 100%;
}

.estate-text dl dt,
.estate-main-text dl dt {
	float: left;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0px 5px 10px;
	width: 90px;
}

.estate-text dl dd,
.estate-main-text dl dd {
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px dotted #949494;
}

.estate-link {
	display: block;
	max-width: 250px;
	width: 100%;
	margin: 20px auto;
	color: #3c2925;
	background-color: #d8d4ce;
	font-weight: bold;
	font-size: 19px;
	position: relative;
	padding: 10px 0px;
	border-radius: 40px;
	text-align: center;
}

.estate-link:after {
	content: "→";
	position: absolute;
	right: 15px;
}

.estate-side-category {
	margin: 20px 0px 0px 0px;
	width: 100%;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 10px;
}

.estate-side-category-title {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px;
}

.estate-side-category-1st,
.estate-side-category-2nd {
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	font-size: 17px;
	list-style: none;
}

.estate-side-category-1st>li {
	background-image: url(images/icon-arrow-right.png);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 22px;
}

.estate-side-category-2nd>li {
	margin: 0px 0px 10px 0px;
	background-image: url(images/icon-arrow-right-2.png);
	background-size: 7px 7px;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 0px 0px 0px 15px;
}

.estate-side-category-2nd>li:first-child {
	margin: 10px 0px 10px 0px;
}

.estate-main-image {
	float: left;
	margin: 10px 10px 0px 0px;
	max-width: 300px;
	width: 50%;
}

.estate-main-text {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 50%;
}

.estate-main-image img {
	border: 1px solid #000000;
}

.estate-price {
	padding: 10px 0px;
}

.estate-price-label {
	border: 1px solid #000000;
	font-size: 17px;
	font-weight: bold;
	width: 80px;
	text-align: center;
	padding: 5px 0px;
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: middle;
}

.estate-price-data {
	display: inline-block;
	font-size: 21px;
	font-weight: bold;
	color: #f05a24;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}

.estate-price-tsubo {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}

.h3-estate-single {
	font-size: 22px;
	font-weight: bold;
	margin: 0px;
	border-bottom: 1px solid #949494;
	padding: 8px 0px 8px 30px;
	position: relative;
}

.h3-estate-single:before {
	position: absolute;
	content: "";
	left: 0px;
	background-repeat: no-repeat;
}

.estate-recommend:before {
	width: 24px;
	height: 24px;
	background-image: url(images/icon-recommend.png);
	background-size: 24px 24px;
}

.estate-map-box {
	margin: 20px 0px 0px 0px;
}

.estate-google-map,
.estate-grid-map {
	width: 50%;
	float: left;
}

.estate-google-map {
	padding: 10px 10px 0px 0px;
}

.estate-grid-map {
	padding: 10px 0px 0px 10px;
}

.estate-google-map #googlemaps {
	border: 1px solid #000000;
	margin: 10px 0px 0px 0px;
}

.h3-estate-goole-map:before {
	background-image: url(images/icon-map.png);
	background-size: 17px 24px;
	width: 24px;
	height: 24px;
	left: 0px;
}

.estate-google-map img,
.estate-grid-map img {
	border: 1px solid #000000;
	margin: 10px 0px 0px 0px;
}

.h3-estate-grid-map:before {
	background-image: url(images/icon-grid.png);
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	left: 0px;
}

.estate-other-photos {
	margin: 20px 0px 0px 0px;
}

.h3-estate-other-photos:before {
	background-image: url(images/icon-photos.png);
	background-size: 27px 24px;
	width: 27px;
	height: 24px;
	left: 0px;
}

.estate-other-photos-image {
	margin: 10px 5px;
}

.estate-other-posts {
	margin: 20px 0px 0px 0px;
}

.h3-estate-other-posts:before {
	background-image: url(images/icon-star.png);
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	left: 0px;
}

.estate-other-posts .list-land-item .land-price span {
	vertical-align: middle;
	font-size: 18px;
}

/* サイトマップ */
.sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sitemap li {
	font-weight: bold;
	font-size: 18px;
	padding: 0px 0px 10px 30px;
	position: relative;
}

.sitemap li:before {
	content: "■";
	position: absolute;
	left: 0px;
}

.sitemap li ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}



/*--------------------------
	TOPページ instagram投稿
--------------------------*/
.instagram-posts {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    width: 100%;
    padding: 0;
    padding: 12px 0;
}
.instagram-posts li {
    width: calc((100% - 20px) / 3);
    aspect-ratio: 3 / 4;
    overflow: hidden; /* overflow-y ではなく overflow 全体を隠す */
    position: relative; /* imgを絶対配置するため */
}
.instagram-posts li img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    display: block;
}
.instagram-posts li a:hover {
	opacity: .6;
	transition: .6s;
}


@media screen and (max-width: 960px) {
	.top-slider .top-slide-item .slide-title p {
		font-size: 55px;
	}

	.content-wrapper {
		padding: 0px 10px;
	}

	.fotter-wrapper {
		padding: 0px 10px;
	}

	.link-contact:before {
		left: 6%;
	}

	.house-box-left,
	.house-box-right {
		float: initial;
		margin: 0px auto;
	}

	.house-image-box {
		height: 200px;
		overflow: hidden;
		width: 100%;
		height: 200px;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		position: relative;
	}

	.house-image-box img {
		width: 100%;
		display: block;
		position: absolute;
		top: -50%;
	}

	.house-message-box-2,.house-message-box-3 {
		height: 100%;
		width: 100%;
	}

	.event-top-image {
		float: initial;
		max-width: 100%;
	}

	.event-top-data {
		float: initial;
		max-width: 100%;
	}

	.house-message-box-2 .house-message-box-2-title {
		margin-top: 0px;
	}
    
    .house-message-box-3 .house-message-box-3-title {
		margin-top: 0px;
	}

	.estate-main-image {
		width: 100%;
		max-width: initial;
		margin: 0px;
	}

	.estate-main-text {
		width: 100%;
	}

	.estate-map-box {
		margin: 0px;
	}

	.estate-google-map, .estate-grid-map {
		width: 100%;
		padding: 10px 0px 0px 0px;
	}
}

@media screen and (max-width: 880px) {
	.posts-list .post-item {
		padding: 15px 0px;
	}

	.posts-list .post-item .post-date {
		display: inline-block;
	}
}

@media screen and (max-width: 860px) {
	.nav-sp-menu-wrapper {
		display: block;
	}

	.nav-menu-wrapper {
		position: initial;
	}

	.nav-menu-wrapper ul {
		display: none;
		position: absolute;
		top: 80px;
		left: 0px;
		width: 100%;
		background-color: rgba(255, 255, 255, 1);
		z-index: 9999;
	}

	.nav-menu-wrapper ul li.nav-menu-1 {
		padding: 20px 0px 20px 0px;
		border-bottom: 1px solid #000000;
	}

	.nav-menu-wrapper ul li.nav-menu-1:first-child {
		border-top: 1px solid #000000;
	}

	#nav-icon-home {
		display: none;
	}

	#nav-menu-1-home span {
		display: inline;
	}

	.nav-menu-wrapper ul li.nav-menu-2,
	.nav-menu-wrapper ul li.nav-menu-2:last-child {
		border-bottom: 1px solid #000000;
		border-left: none;
		border-right: none;
	}

	.nav-menu-wrapper ul li.nav-menu-2 a:before {
		display: none;
	}

	.nav-menu-wrapper ul li.nav-menu-2 {
		width: auto;
		height: auto;
		padding: 20px 0px 20px 0px;
	}

	.nav-menu-wrapper ul li.nav-menu-2 a {
		font-size: 15px;
		padding: 0px;
		width: auto;
	}

	.ripple-button1:hover > .wave1 {
		animation: none;
	}

	.nav-menu-wrapper ul li {
		text-align: center;
	}

	.top-slider .top-slide-item .slide-title {
		top: 10%;
	}

	.top-slider .top-slide-item .slide-title-center {
		top: 65%;
		left: 43%;
	}

	.top-slider .top-slide-item .slide-title-left {
		top: 65%;
		left: 18%;
	}

	.top-slider .top-slide-item .slide-title-right {
		top: 65%;
		left: 68%;
	}

	.mail-field-name,
	.mail-field-data {
		float: initial;
		width: 100%;
	}

	.mail-field-data input {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.top-slider .top-slide-item .slide-title p {
		font-size: 40px;
		background-position: 0px 88px;
	}

	.top-slider .top-slider-scroll {
		display: none;
	}

	.kurata-house-make {
		width: 100%;
	}

	.kurata-house-make li {
		float: initial;
		margin: 0px auto 20px;
	}

	.kurata-group-list {
		width: 100%;
	}

	.kurata-group-list .kurata-group-list-item {
		float: initial;
		margin: 0px 0px 20px 0px;
	}

	.kurata-group-list .kurata-group-list-item a {
		margin: 0px auto;
	}

	.list-page-archive .site-search {
		position: initial;
		margin: 10px 0px 0px 0px;
	}

	#kurata-home-menu-1, #kurata-home-menu-2 {
		border-right: none;
		border-bottom: 1px solid #969696;
	}

	.top-slider .next-link {
		display: none;
	}

	.ohter-top {
		height: 300px;
	}

	.list-posts-image img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 600px) {
	.top-slider .top-slide-item .slide-title p {
		font-size: 25px;
		text-shadow: 0 1px 0 #231815, 1px 0 0 #231815, 0 -1px 0 #231815, -1px 0 0 #231815, 1px 1px 0 #231815, -1px 1px 0 #231815, 1px -1px 0 #231815, -1px -1px 0 #231815;
	}

	.top-slider .top-slide-item .slide-title {
		top: 8%;
	}

	.top-slider .top-slide-item .slide-title-center {
		top: 65%;
		left: 37%;
	}

	.top-slider .top-slide-item .slide-title-left {
		top: 65%;
		left: 12%;
	}

	.top-slider .top-slide-item .slide-title-right {
		top: 65%;
		left: 62%;
	}

	.top-slider .top-slide-item .slide-title .next-link a {
		border: 1px solid #000000;
	}

	.house-image-box {
		display: none;
	}

	.h2-house-title {
		padding: 0px 0px 60px 0px;
	}

	.link-recruit:before {
		left: 90px;
	}

	.reform-logo {
		position: absolute;
		bottom: 10px;
		left: 10px;
		width: 50%;
	}

	.reform-icon {
		margin: 8px 0px 10px;
	}

	.reform-link {
		font-size: 14px;
	}

	.reform-link-font-small {
		font-size: 10px;
	}

	.reform-process-title {
		font-size: 20px;
	}

	.company-info th {
		width: 30%;
	}

	.page-title a {
		width: 220px;
		font-size: 16px;
		position: initial;
		margin: 10px 0px 0px 0px;
	}

	.event-single-content-banner,
	.event-single-content-main,
	.event-single-info-place-title,
	.event-single-info-dates,
	.event-single-info-date-title {
		float: initial;
		width: 100%;
	}

	.works-main-image {
		width: 100%;
		max-width: 100%;
	}

	.common-top-image {
		height: 200px;
	}

	.common-page-title-en {
		font-size: 46px;
	}

	.common-page-title-jp {
		font-size: 25px;
	}

	.tel-contact-title:before,
	.mail-contact-title:before {
		content: none;
	}

	.tel-contact-title,
	.mail-contact-title {
		padding: 10px 0px;
		margin-top: 0px !important;
	}

	.tel-info-1 {
		font-size: 18px;
	}

	.tel-info-2 {
		font-size: 18px;
		text-align: center;
	}

	.fotter-menu li {
		float: initial;
		width: 100%;
	}
	.instagram-posts li {
		width: calc((100% - 20px) / 2);
	}
}

@media screen and (max-width: 400px) {
	.logo-wrapper img {
		width: 200px;
		height: 26px;
		left: 10px;
		right: initial;
	}

	.top-slider .top-slide-item .slide-title p {
		font-size: 23px;
		background-position: 0px -8px;
	}

	.services-box .service-link:before {
		left: 10%;
	}

	.link-contact:before,
	.link-recruit:before {
		display: none;
	}

	.house-message-box img {
		width: 250px;
	}

	.house-message-box .house-message-text {
		top: 170px;
		left: 40px;
	}

	.house-message-box .house-message-link {
		left: 40px;
	}

	.house-message-box-kurata img {
		left: 40px;
	}

	.h2-house-title img {
		width: 90%;
	}

	.house-kurata-message {
		font-size: 22px;
	}

	.fotter-menu {
		width: 95%;
	}

	.kurata-home-logo {
		width: 60%;
	}

	.event-box .event-image {
		width: 100%;
		overflow: hidden;
		height: 200px;
	}

	.event-box .event-data {
		width: 100%;
		padding: 0px;
	}

	.case-link-image {
		min-height: 135px;
	}

	.case-link-image img {
		height: 135px;
	}

	.fotter-menu li {
		margin: 0px 0px 5px 0px;
	}

	.block-title {
		padding: 0px;
	}

	.posts-list .post-category {
		margin: 0px;
	}

	.posts-list .post-item {
		padding: 5px 0px 3px;
	}

	.house-message-box {
		height: 290px;
	}

	.house-message-box img {
		top: 35px;
	}

	.house-message-box .house-message-text {
		top: 120px;
	}

	.house-message-box .house-message-link {
		top: 220px;
	}

	.house-message-box-kurata img {
		top: 25px !important;
	}

	.house-message-box-kurata .house-message-link {
		top: 230px !important;
	}

	.list-land-item a {
		height: 135px;
	}

	.lineup-title-2nd {
		right: 5px;
	}

	.ohter-top-label {
		right: 10px;
	}

	.ohter-top {
		height: 225px;
	}

	.page-title-jp {
		font-size: 25px;
	}

	.page-title a {
		position: relative;
		right: -45%;
		top: 2px;
	}

	.link-recruit, .link-contact {
		margin: 30px 0px 0px 0px;
	}
}