@charset "shift_jis";

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

h2.cms_h2 {
 font-size: 20px;
 width: 760px;
 height: 110px;
 line-height: 110px;
 margin: 5px auto 20px auto;
 padding: 0px 0px 0px 0px;
 text-indent: 50px;
 background: url(../img_cms/h2_bg.jpg) no-repeat;
}

.container {
 width: 1000px;
 margin: 20px auto;
 overflow: hidden;
}

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

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

.cms_color {
 background: url(../img_cms/color.gif);
}

.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;
}

/* building 建築施工事例 パターン1 */

.building_1 li {
 overflow: hidden;
 vertical-align: top;
 border: 1px dotted #dddddd;
 padding: 5px;
 position: relative;
 margin-bottom: 20px;
}

.building_1 p {
 margin: 0 0 10px 0;
}

.building_1_title {
 display: block;
 line-height: 25px;
 font-weight: bold;
 padding: 5px 10px;
 margin-bottom: 10px;
}

.building_1_title a:hover {
 color: #aaa;
}

.building_1_l img {
 max-width: 200px;
 max-height: 150px;
 border: 1px solid #dddddd;
 padding: 2px;
 vertical-align: bottom;
}

.building_1_l img:hover {
 border: 1px solid #FF9326;
}

.building_1_text {
 margin-bottom: 10px;
 width: 540px;
}

.building_1 a.building_1_link {
 display: block;
 position: absolute;
 width: 200px;
 height: 25px;
 text-align: center;
 line-height: 25px;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 bottom: 5px;
 right: 5px;
}

.building_1 a.building_1_link:hover {
 background: #999999;
}

.building h3 {
 display: block;
 line-height: 25px;
 font-weight: bold;
 padding: 5px 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}

.building_detail {
 border-left: 3px solid #999999;
 border-right: 3px solid #999999;
 margin: 20px 0;
 padding: 0 20px;
 overflow: hidden;
}

.building_detail_main {
 margin-bottom: 20px;
 width: 720px;
 text-align: center;
}

.building_detail_main img {
 max-width: 720px;
}


.building_detail_comment {
 display: inline-block;
 margin-bottom: 20px;
 border: 1px dotted #dddddd;
 padding: 10px;
 *display: inline;
 *zoom: 1;
}


.building_detail_free {
 border-left: 3px solid #dddddd;
 border-right: 3px solid #dddddd;
 padding: 10px 20px;
 margin-bottom: 20px;
}

.building_detail_photo ul {
 display: block;
 margin: 0;
 padding: 0;
}

.building_detail_photo li {
 display: block;
 float: left;
 width: 205px;
 vertical-align: top;
 text-align: center;
 margin-bottom: 20px;
 *display: inline;
 *zoom: 1;
}

.building_detail_photo img {
 max-width: 200px;
 max-height: 200px;
 vertical-align: bottom;
}

/*akimoto変更20160126
.building_detail_more {
	width: 750px;
	border-top: 1px dashed #999999;
	padding-top: 20px;
}*/

.building_detail_more {
 width: 700px;
 border-top: 1px dashed #999999;
 padding-top: 20px;
}


/*.staff_wrap スタッフ紹介 */



.staff_wrap {
 width: 780px;
 margin: 30px auto;
 font-size: 16px;
 overflow: hidden;
 text-align: left;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.staff_wrap ul {
 width: 780px;
 list-style: none;
 margin: 0;
 padding: 0;
}

.staff_wrap li {
 margin-bottom: 30px;
}

.staff_wrap li a {
 display: block;
 color: #000;
 text-decoration: none;
}

.staff_wrap li a:hover {
 opacity: 0.6;
}

.staff_1_name {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
}

.mc_color {
 background: #FBF6E0;
}

.staff_1_photo {
 width: 250px;
 margin-bottom: 10px;
 text-align: center;
}

.staff_1_photo img {
 max-width: 246px;
 border: 0;
 vertical-align: bottom;
 padding: 2px;
 border: 1px solid #999999;
}

.staff_1_prof {
 width: 500px;
 margin-bottom: 10px;
}

.staff_1_prof span {
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-weight: bold;
}

.staff_1_prof p {
 margin: 5px 0 10px 0;
 font-size: 13px;
}

.staff_1_comment {
 font-size: 13px;
 border: 1px solid #999999;
 padding: 5px;
}

.staff_1_comment p {
 background: #eeeeee;
 margin: 0;
 padding: 5px;
}




/*.staff_wrap shosai */


.staff_detail {
 text-align: left;
}

.staff_detail_main {
 overflow: hidden;
 margin-bottom: 10px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.staff_detail_001 {
 width: 760px;
 /*	float: right;*/
}

.staff_detail_left {
 width: 360px;
 float: left;
 margin: 0 0 10px 0;
}

.staff_detail_right {
 width: 400px;
 float: right;
}

.staff_detail_right span {
 background: #FBF6E0;
 /*サイトによって背景色を変更*/
 width: 400px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;
 color: #333;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 10px;
 display: block;
}

.staff_detail_right p {
 width: 400px;
 margin: 0 auto 20px;
 text-indent: 10px;
 font-size: 16px;
}

.staff_detail_left span {
 background: #FBF6E0;
 /*サイトによって背景色を変更*/
 width: 370px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;
 color: #333;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 10px;
 display: block;

}

.staff_detail_left p {
 width: 360px;
 margin: 0 auto 20px;
 background: #eeeeee;
 padding: 5px;

}

.staff_detail_left img {
 max-width: 100% !important;
 height: auto !important;
 margin: 0px auto;
 float: left;
 border: 1px solid #EEE;
 padding: 4px;
}


.staff_detail_right img {
 max-width: 100%;
 height: auto;
 margin-right: 5px;
 float: left;
 border: 1px solid #EEE;
 padding: 4px;
}


.staff_detail_002 {
 width: 760px;
 margin: 0 auto;
 padding: 0;
}

.staff_detail_002 span {
 background: #FBF6E0;
 /*サイトによって背景色を変更*/
 width: 760px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;
 color: #333;
 font-weight: bold;
 font-size: 15px;
 margin: 15px 0;
 display: block;

}

.staff_detail_002 p {
 width: 760px;
 margin: 0 auto;
 padding: 0 0 0 5px;
 font-size: 16px;
}

.staff3_ma_shosai_img {
 margin-bottom: 20px;
}

.staff3_ma_r ul li span {
 width: 100px !important;
 margin-right: 20px !important;
 font-size: 13px;
}

.staff3_ma_r ul li {
 padding: 3px 0 7px 0 !important;
}

.staff3_ma_r ul li p {
 width: 280px !important;
 font-size: 14px;
}

.staff3_ma_message_row {
 font-size: 14px;
 line-height: 23px;
}

/* company 会社概要 */

.company {
 width: 760px;
 margin: 30px auto;
 font-size: 13px;
}


/* company 会社概要 パターン1 */

.company_1_detail img {
 max-width: 300px;
 display: block;
 margin: 0 0 5px 0;
 padding: 0;
}

.company_1_detail ul {
 width: 455px;
 list-style: none;
 margin: 0;
 padding: 2px 0 0 0;
 border-top: 1px dashed #999999;
 padding-bottom: 20px;
}

.company_1_detail li {
 padding-bottom: 2px;
 margin-bottom: 2px;
 border-bottom: 1px dashed #999999;
 overflow: hidden;
}

.company_1_detail span {
 display: block;
 float: left;
 height: 30px;
 width: 100px;
 line-height: 30px;
 font-weight: bold;
 text-align: center;
}

.company_1_detail p {
 float: right;
 margin: 5px 0;
 padding: 0;
 width: 350px;
}

.company_1_text {
 border: 1px solid #dddddd;
 padding: 2px;
 margin-bottom: 20px;
}

.company_1_text p {
 background: #f5f5f5;
 margin: 0;
 padding: 10px;
 line-height: 25px;
}

.company_1_photo {
 margin-bottom: 20px;
 vertical-align: bottom;
}

.company_1_photo img {
 max-width: 250px;
}

.map_text {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 padding: 20px 0 10px 0;
 clear: both;
 color: #FF0004;

}

.company_movie {
 width: 760px;
 margin: 10px 0;
}

.company_movie h3 {
 width: 100%;
 font-size: 16px;
 line-height: 22px;
 margin: 0 auto 2%;
 padding: 2%;
 display: block;
 letter-spacing: 1px;
 border-bottom: solid 2px #000;
 box-sizing: border-box;
 font-weight: bold;
}

.company_movie iframe {
 width: 760px;
 height: 430px;
}

.company_map_more {

 text-align: center;
}

.company_map_more a {
 color: #0000FF;
 font-size: 16px;
}

.company_3_root h3 {
 width: 100%;
 font-size: 16px;
 line-height: 22px;
 margin: 0 auto 2%;
 padding: 2%;
 display: block;
 letter-spacing: 1px;
 border-bottom: solid 2px #000;
 box-sizing: border-box;
 font-weight: bold;
}

.contents23 {
 overflow: hidden;
}

.contents23 ul {
 margin-bottom: 3%;
 overflow: hidden;
}

.contents23 ul li {
 float: left;
 width: 240px;
 background: #E5EFDB;
 margin: auto 20px 20px auto;
 padding: 16px 16px;
 box-sizing: border-box;
 position: relative;
 height: 247px;
}

.contents23 ul li:after {
 border: 12px solid transparent;
 border-left-color: #716859;
 border-right-width: 0;
 width: 0;
 right: -6%;
 content: "";
 display: block;
 top: 50%;
 margin-top: -20px;
 position: absolute;
}

.contents23 ul li:nth-child(3n) {
 margin-right: 0;
}

.contents23 ul li:nth-child(3n):after {
 display: none;
}

.contents23 ul li:nth-child(8):after {
 display: none;
}

.contents23 ul li:last-child:after {
 display: none;
}

.contents23 ul li:last-child {
 margin-right: 0px;
 width: 500px;
 background: #D3ECF8;
 height: 270px;
}

.contents23 ul li b {
 clear: both;
 display: block;
 font-size: 16px;
 line-height: 24px;
 text-align: left;
 display: inline-block;
 vertical-align: middle;

}

.contents23 ul li b span {
 display: block;
 width: 41px;
 height: 41px;
 background: #73a246;
 border-radius: 50px;
 text-align: center;
 color: #FFF;
 font-size: 30px;
 font-weight: bold;
 line-height: 41px;
}

.contents23 ul li img {}

.contents23 ul li .shop_root_box p {
 display: inline-block;
 vertical-align: middle;
 width: 155px;
 font-size: 13px;
 line-height: 16px;
 font-weight: 500;
 margin: 0;
}

.shop_root_box {
 overflow: hidden;
 margin: 2px auto 12px;
 height: 62px;
}

.shop_root_box2 {
 height: 62px;
 margin: 2px auto 12px;
}

.shop_root_box2 p {
 font-size: 15px;
 line-height: 30px;
 font-weight: 500;
 padding-left: 65px;
 background: url(/img/shop_car.png) no-repeat top left;

}

.shop_root_img {
 float: left;
 margin-left: 16px;
 width: 226px;
}

.shop_root_img:nth-child(2) {
 margin-left: 0;
}

.s_com_blog {
 width: 238px;
 margin-top: 0;
 margin-bottom: 15px;
 float: right;
}

.s_com_blog a {
 border: 2px solid #73A246;
 background-color: #FFF;
 font-size: 13px;
 display: block;
 padding: 10px 0;
 color: #73A246 !important;
 font-weight: bold;
 position: relative;
 text-indent: 35px;
 text-align: left;
 text-decoration: none !important;
}

.s_com_blog a:hover {
 background-color: #73A246;
 color: #fff !important;
 text-decoration: none;
}

.s_com_blog a:hover i {
 color: #fff !important;
}

.s_com_blog a i {
 position: absolute;
 color: #73A246;
 right: 10px;
 top: 13px;
}

.blog_foot_l {
 clear: both;
}

.building_1_l {
 height: 150px;
}

/*-------------cms総合問い合わせフォーム-----------------*/

.form_wrap {
 border-radius: 3px;
 box-shadow: 0 0 3px 0 #999;
 padding: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 900px;
 margin: 10px auto;
 overflow: hidden;
}

.form_subttl {
 margin-bottom: 10px;
}

.form_subttl p {
 border-bottom: 5px solid #eee;
 padding-bottom: 15px;
 font-weight: bold;
 font-size: 16px;
}

.form_pri {
 text-align: center;
}

.inquiryend {
 width: 860px !Important;
}

/*-------------/cms総合問い合わせフォーム-----------------*/
.info_ma_list div:nth-child(1){
    background: url(/img/no_img.jpg) ! IMPORTANT;
    background-size: cover ! IMPORTANT;
}




/* foragent */
@media screen and (min-width: 781px) {
	.agent_body {
		margin: 85px 0 0 0;
	}
	.foragent_wrap {
		.agent_main h1 {
				background-image: url(../img/foragent/agent_main_bg.webp);
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				height: 300px;
				font-size: 38px;
				color: #fff;
				font-weight: 600;
				text-align: center;
				text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.7);
				position: static;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0;
		}
		.agent_mess {
			font-size: 18px;
			font-weight: 600;
			line-height: 33px;
			text-align: center;
			padding: 50px 0;
		}
		.agent_con {
			background: #f7f7f7;
			padding: 70px 0;
		}
		.agent_con_in {
			width: 1100px;
			margin: 0 auto;
			
		}
		.agent_manu p {
			font-size: 18px;
			color: #2e9648;
			font-weight: 600;
		}
		.agent_manu ul {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			background: #fff;
			border-top: solid 3px #2e9648;
			border-bottom: solid 1px #ccc;
			border-right: solid 1px #ccc;
			border-left: solid 1px #ccc;
			margin-top: 10px;
			padding: 30px 20px;
			box-sizing: border-box;
			gap: 0 15px;
		}
		.agent_manu ul li a {
			font-size: 14px;
			font-weight: 600;
			border: solid 1px #000;
			box-shadow: 0px 2px 0px #bbbbbb;
			padding: 10px 15px;
			display: block;
		}
		.agent_manu ul li a:hover {
			border: solid 1px #000;
			/* background: #ddd; */
			box-shadow: 0px 0px 0px #bbbbbb;
			transform: translateY(2px);
		}
		.tag_text p {
			text-align: center;
            font-size: 20px;
            padding: 30px 0;
            font-weight: 600;
            border-top: solid 1px #2e9648;
            border-bottom: solid 1px #2e9648;
            margin: 30px 0 0 0;
		}
		.tag_text p:empty {
			display: none;
		}

		.agent_table {
			border-collapse: collapse;
			width: 100%;
			background: #fff;
			margin: 30px 0 0 0;
			text-align: center;
		}
		.agent_table th,.agent_table td {
			border: solid 1px #ddd;
			padding: 10px 0;
		}
		.agent_table th {
			background: #f4faf6;
			font-weight: 600;
			color: #3d8a3a;
			font-size: 14px;
			line-height: 19px;
		}
		.agent_table th:first-child {
			width: 135px;
		}
		.agent_table th:nth-child(2),.agent_table th:nth-child(3) {
			width: 260px;
		}
		.agent_table th:nth-child(4),.agent_table th:nth-child(5) {
			width: 124px;
		}
		.agent_table td {
			font-size: 14px;
		}
		.age_kakaku {
			color: #d40000;
			font-weight: 600;
		}
		.age_dl a {
			background-image: url(/img/foragent/agent_dl.webp);
			width: 166px;
			height: 45px;
			display: block;
			margin: 0 auto;
			box-shadow: 0px 2px 0px #bbbbbb;
			transition: .3s;
		}
		.age_dl a:hover {
			box-shadow: 0px 0px 0px #bbbbbb;
			transform: translateY(2px);
		}
		.age_dl a img {
			display: none;
		}

		.grouppaging {
			margin: 30px auto;
			display: flex;
			justify-content: center;
			gap: 0 5px;
		}
		.grouppaging li span {
			padding: 8px 10px;
			font-size: 13px;
			color: #fff;
			background: #2e9648;
		}
		.grouppaging li a {
			padding: 8px 10px;
			font-size: 13px;
			color: #000;
			background: #fff;
			box-shadow: 0 2px #ddd;
		}




		.agent_contact {
			display: flex;
			gap: 0 30px;
			justify-content: center;
		}
		.agent_contact li a{
			display: flex;
			width: 415px;
			box-sizing: border-box;
			border: 1px solid #3d8a3a;
			border-radius: 5px;
			background: #fff;
			font-size: 18px;
			font-weight: 600;
			height: 75px;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			transition: .3s;
		}
		.agent_contact li a:hover{
			background: #f4faf6;
		}
	
		.agent_contact li a span {
			font-size: 13px;
			font-weight: 500;
			margin: 5px 0 0 0;
			
		}
	
		.agent_contact li:nth-child(2) a {
			position: relative;
		}
		.agent_contact li:nth-child(2) a::before {
			content: url(../img/foragent/agent_mail.webp);
			position: absolute;
			top: 25px;
			left: 30px;
		}
		.agent_contact li:nth-child(2) a::after {
			content: url(../img/foragent/agent_arrow.webp);
			position: absolute;
			top: 25px;
			right: 30px;
		}
	}
	



	/* foragent_header */
.agent_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 85px;
	padding: 0 20px;
	position: fixed;
	z-index: 999;
    top: 0;
	width: 100%;
    box-sizing: border-box;
}
.agent_header img {
	
}
.agent_header .header_ri a {
	font-size: 14px;
	font-weight: 600;
	position: relative;
	transition: .3s;
}
.agent_header .header_ri a:hover {
	color: #2e9648;
}

.agent_header .header_ri a::before {
	content: "";
	width: 100%;
	height: 2px;
	background: #2e9648;
	position: absolute;
	bottom: -5px;
}

/* /foragent_header */


/* foragent_footer */
.agent_foot {
	width: 100%;
	background: #2e9648;
	padding: 50px 0 40px 0;
}
.agent_foot_in {
	width: 1100px;
	margin:  0 auto;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
.foot_le p {
	font-size: 13px;
	margin: 20px 0 0 0;
}
.foot_ri p {
	font-size: 14px;
	line-height: 36px;
	text-align: right;
}
/* /foragent_footer */


.pc_off {
	display: none;
}


}

/* /foragent */