@charset "shift_jis";

/*-----------------------------------------------
	編集可能なファイルです。
-----------------------------------------------*/

h2.cms_h2{
	margin:10px auto 20px auto;
	position: relative;
	padding-bottom: 0.7em;
	border-bottom: 4px solid #DDD;
	display:inline-block;
	width:100%;
	line-height:25px;
}
h2.cms_h2:after {
	position: absolute;
	content: ' ';
	border-bottom: solid 4px #9cc813;
	bottom: -4px;
	width: 13%;
	display: block;
	left: 0px;
}
.container{
	width:1000px;
	margin:20px auto;
	overflow:hidden;
}

.maincontents{
	width:780px;
	float:right !important;
}

.side{
	width:200px;
	float:left;
}

.cms_back{
	text-align:left;
	margin: 10px auto 10px auto;
	padding:0px 0px 0px 0px;
}
.cms_back a{
	color:#004CD3;
	line-height:18px;
}
.cms_back a:hover{
	text-decoration:none;
	color: #999999;
}
.tag_li_box a {
	border: 1px solid #042455;
	color: #042455;
}
.tag_li_box a:hover {
	background: #042455;
	color: #e5efec;
}

/*-----------------------------------------------
staff
-----------------------------------------------*/

/*----------staff_list--------------*/

.staff_cms_wrap {
 background: #9cc813;
 padding: 60px 0;
 overflow: hidden;
}

.staff_cms_wrap h2 {
 text-align: center;
 margin: 0;
}


.staff_cms_inner {
 width: 1100px;
 margin: 0 auto;
 position: relative;
 z-index: 0;
}

.staff_cms_inner::before {
 content: "";
 display: block;
 background: url(../img_cms/staff_bg_icon01.png);
 width: 374px;
 height: 67px;
 position: absolute;
 top: 390px;
 left: -450px;
}

.staff_cms_inner::after {
 content: "";
 display: block;
 background: url(../img_cms/staff_bg_icon02.png);
 width: 388px;
 height: 290px;
 position: absolute;
 bottom: 100px;
 right: -450px;
}

.staff_cms_subti {
 text-align: center;
 margin: 70px 0;
}

.staff_cms_list ul {
 display: flex;
 flex-wrap: wrap;
}

.staff_cms_list ul li a {
 display: block;
 width: 250px;
 border-radius: 15px 0 15px 0;
 overflow: hidden;
 background: #fff;
 margin-right: 33px;
 margin-bottom: 33px;
 transition: .3s all;
}

.staff_cms_list ul li:nth-child(4n) a {
 margin-right: 0;
}

.staff_cms_list_img {
 display: block;
 width: 250px;
 height: 200px;
 overflow: hidden;
}

.staff_cms_list_img img {
 width: 250px;
 height: 200px !important;
 object-fit: cover;
 object-position: center;
 transition: .3s all;
}

.staff_cms_list ul li a p {
 padding: 15px;
 color: #3e3a39;
 font-size: 18px;
 font-weight: bold;
 line-height: 30px;
 letter-spacing: 0.05em;
}

.staff_cms_list ul li a p span {
 display: inline-block;
 color: #9dc814;
 font-weight: bold;
 font-size: 12px;
 line-height: 15px;
 width: 100px;
}

.staff_cms_list ul li a:hover img {
 transform: scale(1.1, 1.1);
}

/*----------staff_shosai--------------*/

.staff_cms_shosai {
 background: #fff;
 border-radius: 50px 0 0 0px;
}

.staff_cmscon_inner::before {
 content: none;
}

.staff_cmscon_inner::after {
 bottom: auto;
 top: 250px;
}


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

.staff_cms_shosai_top img {
 width: 720px !important;
 height: 480px !important;
 object-fit: cover;
 max-height: inherit !important;
}

.staff_cms_shosai_toptxt {
 padding: 150px 60px 50px;
}

.staff_cms_shosai_toptxt p {
 font-size: 21px;
 font-weight: bold;
 color: #9dc814;
 line-height: 1;
 margin: 0;
}

.staff_cms_shosai_toptxt h3 {
 color: #3e3a39;
 font-size: 36px;
 font-weight: bold;
 letter-spacing: 0.1em;
 line-height: 1;
 margin: 30px 0 10px;
}

.staff_cms_shosai_toptxt span {
 display: block;
 color: #9fa0a0;
 font-size: 12px;
 letter-spacing: 0.2em
}

.staff_cms_shosai_mid {
 display: flex;
 justify-content: space-between;
 position: relative;
}

.staff_cms_shosai_mid::before {
 content: "";
 display: block;
 background: url(../img_cms/staff_bg_icon03.png);
 width: 600px;
 height: 67px;
 position: absolute;
 left: -430px;
 bottom: 0;
}

.staff_cms_shosai_mid img {
 width: 380px !important;
 height: 270px !important;
 object-fit: cover;
}

.staff_cms_shosai_mid ul {
 width: 720px;
}

.staff_cms_shosai_mid ul li {
 padding: 50px 50px 50px 170px;
 position: relative;
 box-sizing: border-box;
 min-height: 270px;
}

.staff_cms_shosai_mid ul li h3 {
 position: absolute;
 top: 20px;
 left: 20px;
 margin: 0;
}

.staff_cms_shosai_mid ul li h3 img {
 width: 128px !important;
 height: 100px !important;
}

.staff_cms_shosai_mid ul li p {
 font-size: 14px;
 line-height: 26px;
 color: #3e3a39;
 letter-spacing: 0.05em;
}

.staff_cms_shosai_mid ul li:last-child {
 background: #9cc813;
 min-height: auto;

}

.staff_cms_shosai_mid ul li:last-child p {
 color: #fff;
}

.staff_cms_shosai_com {
 width: 820px;
 margin: 80px auto 0;
 padding-bottom: 80px;
}

.staff_cms_shosai_com h3 {
 text-align: center;
 margin: 0 0 40px;
}

.staff_cms_shosai_com_inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.staff_cms_shosai_com_inner img {
 width: 380px;
 height: 260px !important;
}

.staff_cms_shosai_com_inner p {
 width: 400px;
 font-size: 14px;
 line-height: 26px;
 letter-spacing: 0.05em;
 color: #3e3a39;
}
.staff3_ma_shosai_voice{
    background-color: #fff;
    padding: 0px 60px 60px 60px;
    border-radius: 0px 0 0 50px;
}
.staff3_ma_shosai_voice h3{
	margin: 0px 0px 30px 0px;
}
.staff3_ma_shosai_voice p {
    height: 42px;
}
.staff3_ma_shosai_voice img{
    margin: auto;
    display: block;
}
.staff3_ma_shosai_voice h3:empty{
	display: none;
}


/*-----------------------------------------------
	お客様の声　/voice3_ma/
-----------------------------------------------*/
.voice3_ma {
	width: 100%;
	margin: 0 auto 50px;
}
.voice3_ma ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.voice3_ma ul li {
	width: 32%;
	border-bottom: 1px solid #6c3524;
	margin-right: 2%;
	margin-top: 3%;
}
.voice3_ma ul li:nth-child(3n) {
	margin-right: 0;
}
.voice3_ma>ul>li>a {
	display: block;
	padding-bottom: 3%;
	text-decoration: none;
}
.voice3_li_img {
	width: 100%;
	height: 173px;
	position: relative;
	overflow: hidden;
}
.voice3_li_img img {
	width: 100%;
	max-height: 173px;
	object-fit: cover;
	-webkit-transform: scale(1.5);
	transform: scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.voice3_ma ul li:hover .voice3_li_img img {
	-webkit-transform: scale(1);
	transform: scale(1.2);
}
.voice3_li_syosai {}
.v3_tl {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 5px;
	color: #000;
}

/*-----------------------------------------------
	.info_ma　/info/ インフォメーション
-----------------------------------------------*/

.info_ma_thema {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}
.info_ma_thema p {
	margin: 0;
}
.info_ma_thema label {
	border: solid 1px #aaa;
	padding: 3px 10px;
	margin-right: 5px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #fff;
}
.info_shosai_thema label {
	border: solid 1px #aaa;
	padding: 3px 10px;
	margin-right: 5px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #fff;
}
.info_shosai_thema p {
	margin: 0;
}


/*-----------------------------------------------
	スタッフ紹介　パンくず位置調整
-----------------------------------------------*/
.pan_wide{
	width: 1100px;
	margin: 0 auto;
}

/*-----------------------------------------------
	チラシ情報　テキスト中央寄せ
-----------------------------------------------*/
.paper_ma_text{
		text-align: center;
}

/*-----------------------------------------------
	空間デザイン事例　ご相談ボタン
-----------------------------------------------*/
.open_house_ma_inq a{
    line-height: 22px !important;
}

/*-----------------------------------------------
	注文住宅　一覧<li>の文章　余白
-----------------------------------------------*/
.reform_ma_list h3{
	padding: 0px 10px !important;
}
.build_result_ma p{
	padding: 0px 10px !important;
}