@charset "utf-8";

.main_visual {
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 395px;
    background-image: url(/business/img/business/main_visual.png);
}

.main_visual_real {
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 395px;
    background-image: url(/business/img/business/main_visual_real.png);
}

.main_visual_ser {
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 395px;
    background-image: url(/business/img/business/main_visual_ser.png);
}

.clearfix{
  clear: both;
}
/*事業内容*/

.more_t {
    /* font-family: 'Cinzel Decorative',cursive; */
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    background-image: none;
    /* font-size: 1.1em;
    line-height: 3.0em; */
}

/*不動産開発事業*/
h4{
	background: url(/business/img/development/h4_border.png) repeat-x bottom;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.service_c3_left h4 {
	background: url(/business/img/development/h4_border.png) repeat-x bottom;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}

.service_c4_left h4 {
	background: url(/business/img/development/h4_border.png) repeat-x bottom;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}

.develop_img {
    float: left;
    position: relative;
    margin-right: 0px;
    right: -1px;
    background-image: url(/business/img/business/img_left.png);
    width: 500px;
    height: 482px;
}

.develop_title {
    color: white;
    position: relative;
    width: 323px;
    text-align: center;
    height: 60px;
    border: 1px solid white;
    margin: 0 auto;
    top: 72px;
    left: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.develop_text{
    width:360px;
    text-align: center;
    margin: 111px auto 0px;
    line-height: 30px;
    color: #ffffff;
    height: 170px;
}

.subhead{
	padding: 0 0 0 .75em;
	border-left: 3px solid #1d2731;
	text-align:left;
	font-size:18px;
	width: 1000px;
    margin: 0 auto;
}

.subhead2{
	padding: 0 0 0 .75em;
	border-left: 3px solid #1d2731;
	text-align:left;
	font-size:18px;
}

.border_style_line {
	border: none;
	padding-bottom: 1px;
	border-top: solid 1px #eaeaea;
	height: 2px;
	width: 500px;
	color: #eaeaea;
	margin-top: 11px;
}

.border_style_line2 {
	border: none;
	border-top: solid 1px #eaeaea;
	height: 2px;
	width: 1000px;
	color: #eaeaea;
	margin-top: 5px;
}
.border_style2{
  width: 1000px;
    border: none;
    border-top: dashed 1px #a6a6a6;
    height: 1px;
    margin-bottom: 13px;
    color: #a6a6a6;
}
.border_style_line_jv {
	border: none;
	padding-bottom: 1px;
	border-top: solid 1px #eaeaea;
	height: 2px;
	width: 628px;
	color: #eaeaea;
	margin-top: 11px;
}

.border_style {
	width: 500px;
	border: none;
	border-top: dashed 1px #a6a6a6;
	height: 1px;
	margin-bottom: 13px;
	color: #a6a6a6;
}

.border_style_jv{
  width: 628px;
	border: none;
	border-top: dashed 1px #a6a6a6;
	height: 1px;
	margin-bottom: 13px;
	color: #a6a6a6;
}
.pre_text {
	text-align: center;
	line-height: 1.8em;
	/* width:1100px; */
	width: 70%;
	margin:0 auto;
	/* padding: 0 0 30px; */
	padding: 0 0 50px;
}

.content_text{
	padding-top: 30px;
	line-height:30px;
	width:1000px;
	margin: 0 auto;
}


.line_before{
	background-color: gray;
    height: 2px;
    width: 10px;
    position: relative;
    top: 15px;
    right: 16px;
}

.text_back {
	/* background-color: white; */
	position: relative;
	margin: 0 auto;
	line-height: 30px;
	    margin-top: 16px;
}

.two_sales{
	width:1000px;
	height:176px;
	margin:0 auto;
}

.sales {
	margin: 20px auto 0px;
	padding-top:30px;
	text-align: center;
	width: 1000px;
}

.sales ul.ul_left{
	width: 380px;
	float: left;
}

.sales ul.ul_right{
	width: 160px;
	margin-left:-75px;
	float: left;
}

.sales_left {
	margin-top: 20px;
	margin-left:2px;
	text-align: center;
	width: 498px;
	float: left;
}

.sales_left .terminal_product{
	width:410px;
	margin:0 auto;
}


.sales_left .ul_left{
	width: 220px;
}

.sales_right {
	margin-top: 20px;
	text-align: center;
	width: 498px;
	float: left;
	margin-right:2px;
}

.sales_jv{
  margin-top: 20px;
  text-align: center;
  width: 628px;
  float: left;
}

.sales_jv .ul_left li{
	width:290px;
}

.sales_jv .ul_right li{
	width:290px;
	margin-left:-60px;
}

.three_image {
	width:1000px;
	margin: 40px auto 0px;
}

.three_image div {
	float: left;
	/* margin-right: 1px; */
	margin-right: 5px;
}
.three_image div img {
	vertical-align: bottom;
}
.three_image div:nth-child(3) {
	margin-right: 0;
}

.aed_text {
	line-height: 30px;
	position: relative;
	top:15px;
	left: 27px;
	width: 650px;
}

.house_text {
	line-height: 30px;
	position: relative;
	width: 600px;
}

.remore_text {
	line-height: 30px;
	position: relative;
	width: 600px;
}

.cooperate_img {
	float: right;
}

.cooperate {
	clear: both;
	margin-top: 55px;
	/* height:270px; */
	width: 1000px;
    margin: 0 auto;
}

.ul_right {
	position: relative;
	text-align: left;
	float: right;
}

.develop_ma{
	width:540px;
	margin:0 auto;
}

/*.annotation{
	margin-top:-25px;
	margin-left:70px;
	line-height:21px;
	height:40px;
	width:300px;
}*/

.annotation{
	margin-bottom:30px;
	font-size: 14px;
}

.terminal_product {
	text-align: center;
	height:97px;
  margin-left: 30px;
}

.terminal_product2 {
	text-align: center;
	height:130px;
  width: 450px;
  margin: 0 auto;
}

.ul_left {
	float: left;
	text-align: left;
	position: relative;
  width: 220px;
}
.ul_left li{
  width: 260px;
}
.ul_right {
	text-align: left;
	position: relative;
  width: 175px;
}
.ul_right li{
  width: 200px;
}
.proposal_text {
	text-align: center;
	line-height: 30px;
	width:1000px;
	margin:0 auto;
}

.gray_contents{
	width:1000px;
	min-height:315px;
	background-color:#eef3f7;
	margin: 0 auto;
	/* margin-bottom:30px; */
	padding-top: 30px;
	clear: both;
}

.gray_contents_2{
	width:1000px;
	padding:0 50px 50px;
	/* height:412px; */
	background-color:#eef3f7;
	margin: 0 auto;
	margin-bottom:30px;
}

.gray_contents_3{
	width:1000px;
	/* padding:0 50px;
	height:412px; */
	margin: 0 auto;
	margin-bottom:30px;
}


.aed_img {
	float: right;
	position: relative;
	right: 25px;
	bottom: 20px;
	margin-top:-30px;
}

.house_img {
    float: right;
    position: relative;
    margin-top:-70px;
    bottom: 91px;
}
.remore_img {
    float: right;
    position: relative;
    bottom: 91px;
    margin-top:-32px;
}
.remore_img p {
	font-size: 14px;
}

.aed_title {
	clear:both;
	position: relative;
	line-height: 30px;
	left: 27px;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}

.house_title {
    position: relative;
    line-height: 50px;
    text-align:left!important;
    clear: both;
}
.remore_title {
	position: relative;
	line-height: 50px;
    text-align:left!important;
    clear: both;
    padding-top:18px!important;
}

.clear{
	clear:both;
}

/*不動産関連サービス事業*/
.estate_title {
    color: white;
    position: relative;
    width: 323px;
    text-align: center;
    height: 60px;
    border: 1px solid white;
    margin: 0 auto;
    top: 72px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* 不動産関連サービス事業 */
.estate_img {
    float: right;
    background-image: url(/business/img/business/img_right.png);
    width: 500px;
    height: 481px;
}

.estate_text{
    width:430px;
    text-align: center;
    margin: 111px auto 0px;
    line-height: 30px;
    color: #ffffff;
    height: 170px;
}

.more_left {
    width: 360px;
    text-align: center;
    margin: 0 auto;
}
.more_right {
    width: 360px;
    text-align: center;
    margin: 0 auto;
}
.text_body {
    text-align: center;
    line-height: 25px;
    /* font-size: 14px; */
    padding-bottom:40px;
}
.text_body p {
    /* margin-top: -30px; */
}
.box_body {
    width: 1000px;
    margin: 0 auto;
	padding: 0 0 30px;
}
.box_body:after {
    content: "";
    clear: both;
    display: block;
}

.flow_title {
	width:430px;
    padding: 20px 50px;
    border: 1px solid black;
    margin:60px auto 0px;
    font-size: 18px;
    text-align:center;
}
.flow_img{
    width:1000px;
    height:387px;
    margin: 40px auto 0px;
}
.text_back {
    /* background-color: white; */
    width: 100%;
    position: relative;
    margin: 0 auto 30px auto;
}

.service_contents_1{
	/* width:1000px; */
	padding:0 50px;
	/* height:390px; */
	background-color:#eef3f7;
	margin: 0 auto;
	padding-bottom:30px;
}

.service_contents_2{
	width:1000px;
	/* padding:0 50px; */
	/* height:390px; */
	margin: 0 auto;
	/* padding-bottom:30px; */
}

.service_contents_1:after, .service_contents_2:after {
    content: "";
    display: block;
    clear: both;
}

.service_title {
    position: relative;
    line-height: 1.6em;
    text-align:left !important;
    clear: both;
	font-size: 24px;
	padding: 30px 0 30px;
	font-family: 'Noto Serif JP', serif;
}

.service_img {
    float: right;
    position: relative;
    /* margin-top:-110px; */
}

.service_text {
	line-height: 30px;
	position: relative;
	/* width: 600px; */
	width: 520px;
}

.service_contents_3, .service_contents_4 {
    clear: both;
    margin-top: 55px;
    margin-bottom: 60px;
    /* width: 1000px; */
    padding: 0 50px;
    height: 165px;
}
.service_c3_img, .service_c4_img {
    float: right;
}
.service_c3_left {
    margin-top: 20px;
    margin-right: 2px;
    text-align: center;
    width: 650px;
    float: left;
}
.service_c3_border1 {
	border: none;
	padding-bottom: 1px;
	border-top: solid 1px #eaeaea;
	height: 2px;
	width: 650px;
	color: #eaeaea;
	margin-top: 11px;
}
.service_c3_border2 {
	width: 650px;
	border: none;
	border-top: dashed 1px #a6a6a6;
	height: 1px;
	margin-bottom: 13px;
	color: #a6a6a6;
}

.service_c4_left {
    margin-top: 20px;
    margin-right: 2px;
    text-align: center;
    width: 400px;
    float: left;
}
.service_c4_img span{
    width: 190px;
    overflow: hidden;
    display: inline-block;
}
.service_c4_border1 {
	border: none;
	padding-bottom: 1px;
	border-top: solid 1px #eaeaea;
	height: 2px;
	width: 400px;
	color: #eaeaea;
	margin-top: 11px;
}
.service_c4_border2 {
	width: 400px;
	border: none;
	border-top: dashed 1px #a6a6a6;
	height: 1px;
	margin-bottom: 13px;
	color: #a6a6a6;
}
.service_c4_list {
	text-align: left;;
}

/* ナビゲーション */

.side-nav {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 900;
}

.side-nav ul {
    z-index: 20;
    width: 35px;
}

.side-nav li {
    margin-bottom: 15px;
}


.side-nav li a {
    width: 11px;
    height: 11px;
    display: block;
    background: rgba(255, 255, 255, 1);
    text-indent: -9999px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #999;/* 円の色 */
    border-radius: 20px;
    cursor: pointer;

/*
    background: #fff;
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
*/
}

.side-nav li a:hover,
.side-nav .active {
  background: #000;
  color: #fff !important;
  margin-left: 0;
  width: 11px;
  transition: all 0.6s ease;
}

.th-img img{
/* width: 32% !important; */
width: 33%;
}

.font_16px{
	font-size:16px;
}

.proposal_sp_text{
	display:none;
}

#reasis_txt{
	float:right;
	padding-right: 130px;
	/* line-height: 15px; */
	font-size: 14px;
}