@charset "utf-8";

/*================================
フリーページ共通
================================*/
#contents-inner-page {margin-bottom: 100px;}
#contents-inner-page p {margin:0;}

#contents-inner-page .sp{display:none !important;}
#contents-inner-page .kai{display:block;}

#contents-inner-page .pc_none{ display:block;}

#contents.inn{ width: 1200px; margin: auto;}


	
/*==================================
事業概要
==================================*/
#wrap-outer_2nd:has(#contents-inner-page .business) .ttl{ margin-bottom: 0;}
#contents-inner-page .business #overview {margin-top:-50px; padding-top:50px; background: url("../images/business/business_bg.jpg") no-repeat center; height:814px; text-align: center;}

#contents-inner-page .business #overview p{margin-top:43px; line-height: 2.2}

#contents-inner-page .business #business_civil,
#contents-inner-page .business #business_arc,
#contents-inner-page .business #business_fudousan{margin-bottom:150px; padding-top:206px; margin-top:-206px;}
#contents-inner-page .business .business_box h5{ width:100%; height:180px; margin: auto; background-color:#258755; padding: 0; border-radius: 0; }
#contents-inner-page .business .business_box h5 .inn{ display: block; width:1200px; margin:auto; box-sizing:border-box; color:#fff;font-size:60px; font-weight:300;}
#contents-inner-page .business .business_box h5 .bis_num{ display:inline-block; vertical-align:bottom; text-align:left; height:100%; line-height: 2.8; position: relative; z-index: 1; width: 115px;}
#contents-inner-page .business .business_box h5 .bis_num:after{ display: block; content: ""; background:#1a7848; z-index: -1; position: absolute; top:0; right:0; width:calc(50vw - 600px + 115px); height: 100%;}	
	
#contents-inner-page .business #business_fudousan .bis_num:after{background:#1b4c7a;}	
	
#contents-inner-page .business #business_civil .business_box h5 .bis_num img{width:56px; padding-top:60px;}
#contents-inner-page .business #business_arc .business_box h5 .bis_num img{width:74px; padding-top:60px;}
#contents-inner-page .business #business_fudousan .bis_num img{width:72px; padding-top:60px;}
#contents-inner-page .business .business_box h5 .bis_text{ display:inline-block; vertical-align:bottom; text-align:left; height:100%; padding-left:47px; line-height: 2.8;}

#contents-inner-page #business .business_box{ padding:75px 0 0 0; position:relative; overflow:hidden;}
#contents-inner-page #business .business_box:first-of-type{ padding:35px 0 0 0;}

#contents-inner-page .business .business_box .business_inn{ height:340px; position:relative; width:1200px; margin:auto; padding:54px 585px 0 0; box-sizing:border-box;}
#contents-inner-page .business .business_box .business_inn .btn_construction img{ box-shadow:0 3px 0 rgba(0,0,0,0.12);}
#contents-inner-page .business .business_box .business_inn .business_text{ width:100%; box-sizing:border-box;}
#contents-inner-page .business .business_box .business_inn .business_text p{width: 530px;}
#contents-inner-page .business .business_box .business_inn .business_img{ position:absolute; top:-124px; right:0; z-index:1;}
#contents-inner-page .business .business_box .business_inn .business_img img{width:600px;}

	
#contents-inner-page .business .business_table{ position:relative; width:100%; margin:70px auto 0px auto; box-sizing:border-box;}
#contents-inner-page .business .business_table .business_results_block{ position:relative; width:1200px; box-sizing:border-box; margin:auto; line-height: 1.8;}
#contents-inner-page .business .business_table .business_results_block .btn_case{position: absolute; top:45px; right:0; }
#contents-inner-page .business .business_table .business_results_block span{color:#258755; vertical-align: middle;}
#contents-inner-page .business .business_table .business_results_block .results_eng{font-size:80px; font-weight: 300; padding-right: 20px;}
#contents-inner-page .business .business_table .business_results_block .results_jp{font-size:32px; font-weight: 300;}
#contents-inner-page .business .business_table .business_results_block .btn_case a{position: relative; width: 280px; height: 60px; padding-top: 13px; }

#contents-inner-page .business .business_table .table_wrap li { opacity: 1; height: 80px; transition: all 0.4s ease 0s;}
#contents-inner-page .business .business_table .table_wrap li.is-hidden { opacity: 0; height: 0; margin: 0; }

#contents-inner-page .business .business_table .table_wrap ul {vertical-align: middle; text-align:left; background-color:#ffffff; width: 100%;}
#contents-inner-page .business .business_table .table_wrap li {background-color:#f5faf9; position: relative; z-index: 1; /*padding-left: calc(50vw - 595px); padding-right: calc(50vw - 595px);*/ width: 1200px; margin: auto;}
#contents-inner-page .business .business_table .table_wrap li:before{ display: block; content: ""; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,250,249,1) 100%); z-index: -1; position: absolute; top:0; left:-300px; width:300px; height: 100%;}	
#contents-inner-page .business .business_table .table_wrap li:after{ display: block; content: ""; background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(245,250,249,1) 100%); z-index: -1; position: absolute; top:0; right:-300px; width:300px; height: 100%;}
#contents-inner-page .business .business_table .table_wrap li:nth-child(even) {background-color:#fff;}
#contents-inner-page .business .business_table .table_wrap li:nth-child(even):before,#contents-inner-page .business .business_table li:nth-child(even):after{ background:#fff;}	
#contents-inner-page .business .business_table .table_wrap li span {color:#000; width:25%; font-weight:bold; padding-top:25px; display: inline-block;}
#contents-inner-page .business .business_table .table_wrap li.li_hd span {color:#258755; width:25%; height:80px; font-weight:bold;}
#contents-inner-page .business .business_table .table_wrap li span:first-child{width:67%; }
#contents-inner-page .business .business_table .table_wrap li span:last-child{width:8%; }
	
	
	
/*#contents-inner-page .business .business_table .table_wrap{width:1200px; margin:auto; height:480px; overflow-y: hidden;}*/
#contents-inner-page .business .business_table table {vertical-align: middle; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; width: 100%;}
#contents-inner-page .business .business_table tr {background-color:#f5faf9; position: relative; z-index: 1;}
#contents-inner-page .business .business_table tr:before{ display: block; content: ""; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,250,249,1) 100%); z-index: -1; position: absolute; top:0; left:0; width:calc(50vw - 600px); height: 100%;}	
#contents-inner-page .business .business_table tr:after{ display: block; content: ""; background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(245,250,249,1) 100%); z-index: -1; position: absolute; top:0; right:0; width:calc(50vw - 600px); height: 100%;}
#contents-inner-page .business .business_table tr:nth-child(even) {background-color:#fff;}
#contents-inner-page .business .business_table tr:nth-child(even):before,#contents-inner-page .business .business_table tr:nth-child(even):after{ background:#fff;}	
#contents-inner-page .business .business_table td {color:#000; width:20%; height:80px; font-weight:bold;}
#contents-inner-page .business .business_table th {color:#258755; width:20%; height:80px; font-weight:bold;}
#contents-inner-page .business .business_table th:first-child,
#contents-inner-page .business .business_table td:first-child{width:55%; padding-left: calc(50vw - 600px);}

#contents-inner-page .business .business_table th:last-child,
#contents-inner-page .business .business_table td:last-child{width:10%; padding-right: calc(50vw - 615px);}
	
#contents-inner-page .business .business_table .table_wrap::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
 
#contents-inner-page .business .business_table .table_wrap::-webkit-scrollbar-thumb {
  background:rgba(37,135,85,1);
  border-radius: 10px;
}
	
#contents-inner-page .business .business_table .table_wrap::-webkit-scrollbar-track {
  background:rgba(37,135,85,0.2);
  border-radius: 10px;
}

#contents-inner-page .works #architect{ padding-top:206px; margin-top:-206px;}

	
	
#contents-inner-page .business #business_fudousan h5{background-color:#255887;}
#contents-inner-page .business #business_fudousan .btn_case a{width:500px; height: 70px; padding-top: 20px;}

#contents-inner-page .business .business_table .results_more_btn{display: block; width: 280px; height: 60px; color: #fff; background-color:#007741; border-radius: 50px; opacity: 1; font-size:16px; margin:20px auto 0 auto; cursor:pointer; position: relative; z-index: 2; border: none;}

#contents-inner-page .business .business_table .results_more_btn:hover{opacity: 0.7;}


/*==================================
施工実績
==================================*/
#wrap-outer2:has(#contents-inner-page .works) .ttl{background:url("../images/works/bg.jpg") no-repeat center bottom; background-size: cover; width: 100%;height: 662px;margin: 0 0 -300px 0;z-index: 0;}
#wrap-outer2:has(#contents-inner-page .works) .ttl:before,#wrap-outer2:has(#contents-inner-page .works) .ttl h2:after{ display: none;}
#wrap-outer2:has(#contents-inner-page .works) .ttl h2{font-size: 26px; font-weight: 300; line-height: 1; text-align: center;text-shadow: 0 0 50px #ffffff,0 0 80px #ffffff,0 0 80px #ffffff,0 0 100px #ffffff;padding: 110px 0 0 0;}
#wrap-outer2:has(#contents-inner-page .works) .ttl h2 span{display: block;font-size: 100px;font-weight: 200;margin: 0 0 10px 0;padding: 0;}
	
#contents-inner-page .works{}
#contents-inner-page .works h3{background: #25302b;border: none;color: #ffffff;font-size: 28px;font-weight: 500;box-sizing: border-box;padding: 16px 30px 19px 30px;line-height: 1.6em; margin: 0 0 40px 0;}
#contents-inner-page .works table{ font-size:16px; line-height: 1.6em; color: #313131; width: 100%;}
#contents-inner-page .works tr{ display: flex; justify-content: space-between; flex-wrap: nowrap;}
#contents-inner-page .works td{vertical-align: top;width: 380px; padding:0 0 50px 0;}
/*#contents-inner-page .works .img_trimming{ width: 380px; height: 320px; border: 1px solid #007a42; background: #007a42; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}*/
/*#contents-inner-page .works td img{width: 380px;height: 320px;object-fit: contain;border: 1px solid #007a42;background: #007a42; display: block; margin-bottom: 10px;}*/

#contents-inner-page .works td p:has(img){ width: 380px; height: 320px; border: 1px solid #007a42; background: #007a42; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
#contents-inner-page .works td p img{ max-width: 100%; width: auto !important;height: 100% !important; object-fit: cover;}


#contents-inner-page .works table p{ padding: 0; margin: 0;}


/*==================================
採用情報
==================================*/
#contents-inner-page .recruit{}
#contents-inner-page .recruit .borderTable{border: 1px solid #ccc; border-collapse: collapse;}
#contents-inner-page .recruit .borderTable th, .borderTable td{border: 1px solid #ccc; border-collapse: collapse; padding: 15px;}
#contents-inner-page .recruit .borderTable th{text-align: center; background-color: rgb(255, 255, 255); width: 300px;}





/*---------------------------- form ---------------------------*/
#contents-inner-page .estate_kanri .top_form {
margin:0 0 0 0; padding:0; box-sizing:border-box;
background:#fef5e8;
position:relative;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;*/
}

#contents-inner-page .estate_kanri .form_btn_tb {background:#fef5e8;}

#contents-inner-page .estate_kanri .top_form .inn { margin:0 20px 0 20px; padding:0 0 20px 0; box-sizing:border-box;}
#contents-inner-page .estate_kanri .top_form .kane {position:absolute; top:-20px; right:0;}


/* 不動産オンライン査定（contents） */
#contents-inner-page .estate_kanri .top_form table.form2 {margin:0 0 0 0; padding:0; font-size:18px; border-collapse:collapse;}
#contents-inner-page .estate_kanri .top_form table.form2 tr {border-top:1px solid #DDD;} 
#contents-inner-page .estate_kanri .top_form table.form2 th {width:210px; padding:20px 20px 20px 0;}
#contents-inner-page .estate_kanri .top_form table.form2 td {/*width:460px;*/ padding:20px 0 20px 10px;}
#contents-inner-page .estate_kanri .top_form table.form2 th, #contents-inner-page .top_form table.form td {vertical-align:top; box-sizing:border-box;}
#contents-inner-page .estate_kanri .top_form table.form2 input {margin:0 5px 10px 0;}
#contents-inner-page .estate_kanri .top_form table.form2 label {margin:0 15px 0 0;display:inline-block;}
#contents-inner-page .estate_kanri .top_form table.form2 label:last-child {margin:0;}
#contents-inner-page .estate_kanri .top_form table.form2 strong{ font-weight:normal; font-size:16px; color:#090;}
#contents-inner-page .estate_kanri .top_form table.form2 .item {width:100%; background:#000; border-radius:20px; color:#FFF; font-size:80%; font-weight:bold; white-space:nowrap; padding:3px 0 2px 0; text-align:center; float:left; letter-spacing:0.15em; margin-bottom:5px;}
#contents-inner-page .estate_kanri .top_form table.form2 .supplement {color:#9a9a9a;}
#contents-inner-page .estate_kanri .top_form table.form2 .sml {color:#666; font-size:12px; font-weight:normal; display:block; text-align:right;}
#contents-inner-page .estate_kanri .top_form table.form2 .value,
#contents-inner-page .estate_kanri .top_form table.form2 .value_type,
#contents-inner-page .estate_kanri .top_form table.form2 .value_add {}
#contents-inner-page .estate_kanri .top_form table.form2 .value_add br {display:none;}


/* [無料]相談ボタン */
#contents-inner-page .estate_kanri .form_btn_pos {text-align:center;}
#contents-inner-page .estate_kanri .top_form_btn {
width:540px; margin:0 auto 20px auto; padding:12px 12px 10px 45px; box-sizing:border-box;
background:url(../images/top/form_btn_indent.png),-moz-linear-gradient(top, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),-webkit-linear-gradient(top, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#f06702), to(#f06702));
background-repeat:no-repeat; background-position:5% center;
border-radius:40px; cursor:pointer;
color:#FFF; font-size:30px; letter-spacing:2px; text-decoration:none;
border:none;

}

#contents-inner-page .estate_kanri .top_form table.form2 .item{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
    padding: 7px 5px 5px 5px;
    text-align: center;
    float: left;
    letter-spacing: 0.15em;
	font-size:16px;
	box-sizing:border-box;
	margin:0 10px 0 10px;
}

#contents-inner-page .estate_kanri .jisseki{
	margin:20px 0;
}







/*--end--------------*/