@charset "utf-8";

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

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

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

/*--------------- 解決 --------------*/
#contents-inner-page #land_lease{}

#contents-inner-page #land_lease p{ font-size: 18px;}

#contents-inner-page #land_lease .main_txt{ position: relative; z-index: 0; padding: 100px 0 120px 0; margin-bottom: 30px;}
#contents-inner-page #land_lease .main_txt:before{ position: absolute; display: block; content: ""; background: url("../images/top/bg_pink.jpg") repeat; width: calc(100% - 50px); height: 100%; top:0; right:0; z-index: -1; border-radius: 100px 0 0 100px;}

#contents-inner-page #land_lease .main_txt .inn{ display: flex; align-items: center; justify-content: center;}
#contents-inner-page #land_lease .main_txt h2{letter-spacing: normal; line-height: 1.6em; font-size: 50px; margin-bottom: 50px;}

#contents-inner-page #land_lease .main_txt .txt{ margin-left: 5%; box-sizing: border-box;}
#contents-inner-page #land_lease .main_txt .txt p{line-height: 2.1em;  font-weight: 500; max-width: 600px; }
#contents-inner-page #land_lease .main_txt .txt p > mark{ background: transparent; color: #cc5028; border-bottom: 2px dashed #cc5028;}
#contents-inner-page #land_lease .main_txt .illust{ width: 377px;}


#contents-inner-page #land_lease .can_do_bl{margin: 120px 0 60px 0;}

#contents-inner-page #land_lease .can_do_bl ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -18px 0 45px 0;}
#contents-inner-page #land_lease .can_do_bl li{width: 49%;height: 100px;box-sizing: border-box;padding: 31px 0 0 40px;background: #fcf1ee;font-size: 20px;font-weight: 500;border-radius: 15px 0 15px 0;margin-bottom: 20px;}
#contents-inner-page #land_lease .can_do_bl li:before{display: inline-block;content: "";background: url("../images/page/land_lease/icon.png") no-repeat;background-size: 27px auto;width: 27px;height: 34px;vertical-align: middle;margin-right: 20px;margin-bottom: 5px;}

#contents-inner-page #land_lease .can_do_bl .txt p + p{ margin-top: 30px;}



#contents-inner-page #land_lease #trouble{padding-top: 100px; }

#contents-inner-page #land_lease #trouble h2{margin-bottom: 0;}
#contents-inner-page #land_lease #trouble .case_illust{ display: block; float: right; margin:-140px 100px 0 0; }

#contents-inner-page #land_lease #trouble .trouble_list{ clear: both;}

#contents-inner-page #land_lease #trouble .box{ position: relative; padding: 80px 0 80px 0; box-sizing: border-box; margin-bottom: 80px; z-index: 2;}
#contents-inner-page #land_lease #trouble .box:before{ position: absolute; display: block; content: ""; background: #fff2ee; width: calc(100% - 100px); height: 100%; top:0; left:0; z-index: -1; border-radius: 0 50px 100px 0;}
#contents-inner-page #land_lease #trouble .box.borrow:before{ background: #fdf4ec;}

#contents-inner-page #land_lease #trouble .box .inn{ padding-right: 120px;}

#contents-inner-page #land_lease #trouble .box h3{box-sizing: border-box; border: none; padding: 0 0 0 165px; margin: 0 0 65px 0; min-height: 138px; display: flex; align-items: center;}
#contents-inner-page #land_lease #trouble .box h3 .num{background: url("../images/page/land_lease/tag.png") no-repeat; width: 116px; height: 138px; box-sizing: border-box; text-align: center;color: #cc5028; font-size: 46px; padding-top: 30px; position: absolute; top:0; left:0;}
#contents-inner-page #land_lease #trouble .box.borrow h3 .num{background: url("../images/page/land_lease/tag_ye.png") no-repeat; color: #de7231; }

#contents-inner-page #land_lease #trouble .box h3 .num:before{display: block; content: "CASE"; font-size: 17px; letter-spacing: 0.2em; line-height: 1; margin-bottom: -2px;}
#contents-inner-page #land_lease #trouble .box h3 .h > span{display: inline; background:linear-gradient(transparent 70%, #fff 70%); line-height: 1.8em; font-size: 36px;}
#contents-inner-page #land_lease #trouble .box h3 .h mark{ background: transparent; color: #cc5028;}
#contents-inner-page #land_lease #trouble .box.borrow h3 .h mark{ color: #de7231;}

#contents-inner-page #land_lease #trouble .box h3 .h > span.tag {display: block;background: #cc5028;font-size: 16px;font-weight: 700;padding: 0 5px 0 13px;line-height: 1.6em;margin-bottom: 15px;width: 180px;text-align: center;border-radius: 30px;color: #ffffff;}
#contents-inner-page #land_lease #trouble .box.borrow h3 .h > span.tag{background: #de7231;}

#contents-inner-page #land_lease #trouble .box ul{ margin: 0 0 35px 0; color: #cc5028;}
#contents-inner-page #land_lease #trouble .box.borrow ul{color: #de7231;}
#contents-inner-page #land_lease #trouble .box ul li{ font-weight: 500;}

#contents-inner-page #land_lease #trouble .box p + *{ margin-top: 35px;}



@media print, screen and (max-width: 1550px) {
	#contents-inner-page #land_lease .main_txt h2 { font-size: 45px; margin-bottom: 45px; }
	#contents-inner-page #land_lease p{ font-size: 16px;}
	#contents-inner-page #land_lease .can_do_bl li{padding: 31px 0 0 30px;font-size: 18px;font-weight: 500;margin-bottom: 17px;}
	#contents-inner-page #land_lease #trouble .case_illust { margin: -100px 0 0 0; width: 380px;}
	#contents-inner-page #land_lease #trouble .box h3 .h > span {font-size: 32px;}
}


@media print, screen and (max-width: 1500px) {
	#contents-inner-page #land_lease #trouble .case_illust { margin: -100px 50px 0 0; width: 320px;}
}

@media print, screen and (max-width: 1400px) {
	#contents-inner-page #land_lease #trouble .case_illust { margin: -100px 120px 0 0;}
}



/*--------------- 不動産コンサルティング --------------*/
#contents-inner-page #consulting{}

#contents-inner-page #consulting p{ font-size: 18px;}

#contents-inner-page .consulting_top{ text-align: center; margin: -32px 0 50px 0; position: relative; z-index: 2;}

#contents-inner-page #consulting #inheritance{ position: relative; z-index: 0; padding: 90px 0 100px 0; margin-bottom: 90px;}
#contents-inner-page #consulting #inheritance:before{ position: absolute; display: block; content: ""; background: url("../images/top/bg_pink.jpg") repeat; width: calc(100% - 50px); height: 100%; top:0; right:0; z-index: -1; border-radius: 100px 0 0 100px;}


#contents-inner-page #consulting #inheritance h2{margin-bottom: 80px;}
#contents-inner-page #consulting #inheritance .inheritance_illust01{ display: block; float: right; margin:-120px 0 0 50px; }

#contents-inner-page #consulting #inheritance .box{ clear: both; background: #ffffff; border-radius: 50px 0 50px 0; box-sizing: border-box; padding: 70px 100px 70px 100px; margin-top: 63px;}

#contents-inner-page #consulting #inheritance .box h3{ background: url("../images/page/consulting/icon_pen.png") no-repeat left bottom; height: 65px; border-bottom: 3px solid #000000; font-size: 30px; font-weight: 700; color: #cc5028; box-sizing: border-box; padding: 3px 0 0 90px; margin: 0 0 45px 0; }

#contents-inner-page #consulting #inheritance .inheritance_list{ display: flex; flex-wrap: wrap; flex-direction: row;}
#contents-inner-page #consulting #inheritance .inheritance_list li{ font-size: 20px; font-weight: 500; width: 50%; box-sizing: border-box; display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 15px;}
#contents-inner-page #consulting #inheritance .inheritance_list li.long{ width: 100%;}
#contents-inner-page #consulting #inheritance .inheritance_list li span{ display: inline-block; width: 60px; height: 60px; border: 3px solid #cc5028; position: relative; z-index: 0; font-size: 27px; text-align: center; font-weight: 500; color: #cc5028; box-sizing: border-box; padding: 7px 0 0 2px; margin: 0 17px 0 0; border-radius: 50%; letter-spacing: 0.06em;}
#contents-inner-page #consulting #inheritance .inheritance_list li span:before{ display: block; content: ""; width: 48px; height: 48px; border: 1px dashed #cc5028; position: absolute; top:2px; left:2px; border-radius: 50%;}

#contents-inner-page #consulting #inheritance .box p.txt_right{font-size: 20px; font-weight: 500; text-align: right; margin-top: -10px;}


#contents-inner-page #consulting #inheritance .txt{display: flex; align-items: flex-end; flex-wrap: nowrap; justify-content: space-between;}
#contents-inner-page #consulting #inheritance .inheritance_illust02{ display: block; margin:-25px 35px 0 50px; }
#contents-inner-page #consulting #inheritance .txt p{ margin: 0 0 -6px 0;}
#contents-inner-page #consulting #inheritance .txt p mark{ background: transparent; color: #cc5028; font-weight: 500;}



#contents-inner-page #consulting #sale{ position: relative; z-index: 0; padding: 90px 0 100px 0; margin-bottom: 90px;}
#contents-inner-page #consulting #sale:before{ position: absolute; display: block; content: ""; background: #fdf4ec; width: calc(100% - 50px); height: 100%; top:0; left:0; z-index: -1; border-radius: 0 100px 100px 0;}

#contents-inner-page #consulting #sale h2{margin-bottom: 80px;}
#contents-inner-page #consulting #sale .sale_illust{ display: block; float: right; margin:-190px 90px 0 -50px; }

#contents-inner-page #consulting #sale .box{ clear: both; background: #ffffff; border-radius: 0 50px 0 50px; box-sizing: border-box; padding: 70px 75px 70px 75px; margin-top: 80px;}

#contents-inner-page #consulting #sale .box .box_in{position: relative; padding-left: 220px; margin-bottom: 60px;}


#contents-inner-page #consulting #sale .box h3{ background: url("../images/page/consulting/subh_bg.png") no-repeat; width: 143px; height: 169px; text-align: center; box-sizing: border-box; font-size: 24px; font-weight: 700; color: #cc5028; line-height: 1.5em; padding: 35px 0 0 0; margin:0; border: none; position: absolute; top:0; left:0;}

#contents-inner-page #consulting #sale .box table{border-top: 2px solid #000000; font-size: 18px; border-collapse: collapse; width: 100%;}
#contents-inner-page #consulting #sale .box table thead th{border-bottom: 2px solid #000000; font-weight: 700;}
#contents-inner-page #consulting #sale .box table tbody td{ border-bottom:  1px dashed #000000;}

#contents-inner-page #consulting #sale .box table th,#contents-inner-page #consulting #sale .box table td{ padding: 10px 30px 10px 30px; text-align: left;}

#contents-inner-page #consulting #sale .box .photo{ display: flex; justify-content: space-between; flex-wrap: nowrap;}
#contents-inner-page #consulting #sale .box .photo img{ width: 32%; max-width: 330px;}

#contents-inner-page #consulting #testament{ position: relative; z-index: 0; padding: 90px 0 100px 0;}
#contents-inner-page #consulting #testament:before{ position: absolute; display: block; content: ""; background: url("../images/top/bg_pink.jpg") repeat; width: calc(100% - 50px); height: 100%; top:0; right:0; z-index: -1; border-radius: 100px 0 0 100px;}

#contents-inner-page #consulting #testament h2{margin-bottom: 80px;}
#contents-inner-page #consulting #testament .testament_illust{ display: block; float: right; margin:-168px 0 0 50px; }
#contents-inner-page #consulting #testament p{ max-width: 1075px;}
#contents-inner-page #consulting #testament p + p{ margin-top: 35px;}
#contents-inner-page #consulting #testament p mark{ background: transparent; color: #cc5028; font-weight: 500;}

@media print, screen and (max-width: 1600px) {	
#contents-inner-page #consulting #sale .box {margin-right: 30px;}
}

@media print, screen and (max-width: 1550px) {
	#contents-inner-page #consulting p{ font-size: 16px;}
	#contents-inner-page #consulting #inheritance .inheritance_illust01 { margin: -185px 0 0 30px; width: 400px;}
	#contents-inner-page #consulting #inheritance .box { padding: 50px 60px 50px 60px; margin-top: 55px; }
	#contents-inner-page #consulting #inheritance .box h3 {font-size: 28px;}
	#contents-inner-page #consulting #inheritance .inheritance_list li { font-size: 17px; }
	#contents-inner-page #consulting #inheritance .inheritance_list li span { width: 55px; height: 55px; font-size: 24px; padding: 5px 0 0 1px; }
	#contents-inner-page #consulting #inheritance .inheritance_list li span:before { width: 43px; height: 43px; }
	#contents-inner-page #consulting #inheritance .box p.txt_right { font-size: 17px; }
	#contents-inner-page #consulting #inheritance .txt { margin-top: 50px; line-height: 1.8em; }
	#contents-inner-page #consulting #inheritance .inheritance_illust02 { margin: -25px 35px 0 35px; }
	
	#contents-inner-page #consulting #sale .sale_illust { margin: -170px 70px 0 -30px; width: 400px; }
	#contents-inner-page #consulting #sale .box { margin-right: 0; padding: 50px 50px 50px 50px; margin-top: 60px; }
	#contents-inner-page #consulting #sale .box .box_in{padding-left: 190px; }
	#contents-inner-page #consulting #sale .box h3 { top: -2px; left: 0; }
	#contents-inner-page #consulting #sale .box table { font-size: 16px; }
	#contents-inner-page #consulting #testament .testament_illust { margin: -135px 0 50px 50px; width: 390px; }
}

@media print, screen and (max-width: 1380px) {
	#contents-inner-page #consulting #sale .box { margin-right: 80px; }
}
	
/*--------------- よくあるご質問 --------------*/
#contents-inner-page #faq{}


#contents-inner-page #faq #rent{ position: relative; padding: 80px 0 196px 0; z-index: 2;}
#contents-inner-page #faq #rent:before{ position: absolute; display: block; content: ""; background: url("../images/top/bg_pink.jpg") repeat; width: calc(100% - 50px); height: 100%; top:0; right:0; z-index: -1; border-radius: 100px 0 0 100px;}

#contents-inner-page #faq #borrow{ position: relative; padding: 80px 0 105px 0; z-index: 3; margin-top: -106px;}
#contents-inner-page #faq #borrow:before{ position: absolute; display: block; content: ""; background: #fcf0e5; width: calc(100% - 50px); height: 100%; top:0; left:0; z-index: -1; border-radius: 0 50px 100px 0;}

#contents-inner-page #faq .box{margin-bottom: 70px;}
#contents-inner-page #faq .box .img{ display: flex; text-align: center; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; margin-bottom: 65px; box-sizing: border-box; padding-right: 100px;}
#contents-inner-page #faq #borrow .img{flex-direction: row; padding-right: 100px;}

#contents-inner-page #faq .box .img h3{font-size: 45px; margin: 0 0 0 25px; line-height: 1.2em; padding: 0; border: none; display: inline-block; width: auto;}
#contents-inner-page #faq .box .img h3 span{display: block; font-size: 30px;}
#contents-inner-page #faq #borrow .img  h3{margin: 0 45px 0 0;}

#contents-inner-page #faq .box .q_bl{ width: 100%; padding-top: 7px; }

#contents-inner-page #faq .box .q_bl dl{position: relative; z-index: 0; box-sizing: border-box;}
#contents-inner-page #faq .box .q_bl dl:after{ z-index: -1; content: ""; display: block; width: 100%; height: calc(100% - 18px); border-radius: 19px; background: #ffffff; top: 28px; left:0; position: absolute;}

#contents-inner-page #faq .box .q_bl dl + dl{margin-top: 55px;}
#contents-inner-page #faq .box .q_bl dt{font-size: 24px; font-weight: 500; position: relative; z-index: 0; background:url("../images/top/faq_q_or.png") no-repeat top left 10px; min-height: 52px; padding:10px 70px 0 65px; box-sizing: border-box; cursor: pointer;}
#contents-inner-page #faq #borrow .box .q_bl dt{background:url("../images/top/faq_q_ye.png") no-repeat top left 10px;}

#contents-inner-page #faq .box .q_bl dt:hover{ color: #cc5028;}
#contents-inner-page #faq #borrow .box .q_bl dt:hover{ color: #de7231;}

#contents-inner-page #faq .box .q_bl dt:after{ content: "+"; display: block; font-size: 28px; font-weight: 700; top:10px; bottom: 0; right:30px; position: absolute; margin: auto;}

#contents-inner-page #faq .box .q_bl dt.active:after{ content: "ー"; font-size: 25px;}

#contents-inner-page #faq .box .q_bl dd{ display: none; padding: 25px 50px 30px 63px; font-size: 16px; line-height: 1.8em;}

#contents-inner-page #faq .normal_btn a{width: 550px;}


@media print, screen and (max-width: 1780px) {
	#contents-inner-page #faq .box .q_bl dt{font-size: 20px; }
}


@media print, screen and (max-width: 1350px) {
	#contents-inner-page #faq .box .q_bl{box-sizing: border-box; padding-right: 75px; padding-left: 25px;}
}





/*---------------------------- 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--------------*/