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


/*--------------- アキウルについて --------------*/
#wrap-outer_2nd .head_tit + div:has(#contents-inner-page #about):before{width: 82%; height: 735px;}
#contents-inner-page #about .concept{}
#contents-inner-page #about .concept .inn{ width: 100%; box-sizing: border-box; padding:180px 40% 0 0; }

#contents-inner-page #about .concept .txt_bl{ width: 85%; max-width: 740px; margin: 0 auto;}
#contents-inner-page #about .concept h2.normal_tit{ text-align: left; font-size: 32px; line-height: 1.8em; margin-bottom: 50px;}
#contents-inner-page #about .concept h2.normal_tit span{font-size: 30px; margin-bottom: 40px;}

#contents-inner-page #about .concept .inn > .img{ position: absolute; z-index: 2; right:0; top:185px; width: 40%; max-width: 800px; height: 850px; box-shadow:  -30px 30px 20px rgba(0,0,0,0.06);}
#contents-inner-page #about .concept .inn > .img img{ width: 100%; height: 100%; object-fit: cover;}


#contents-inner-page #about .kaitori_example{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 100px;}
#contents-inner-page #about .kaitori_example .box{ width: 31%; max-width: 230px; position: relative; aspect-ratio: 5 / 5.5; box-sizing: border-box;}
#contents-inner-page #about .kaitori_example h3{ border: none; border-top:1px solid #37b44b; color: #51bb61; text-align: center; font-size: 22px; background: transparent; padding: 13px 0 0 0; margin: 0;}
#contents-inner-page #about .kaitori_example .box:not(:nth-child(3)) h3{ padding-top: 19px;}
#contents-inner-page #about .kaitori_example h3 .num{ background: #36b44a; width: 115px; height: 25px; box-sizing: border-box; text-align: center; color: #ffffff; font-size: 12px; padding: 4px 0 0 0; position: absolute; top:-25px; left:0;}
#contents-inner-page #about .kaitori_example h3 .num:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #36b44a; border-width: 25px 0px 0px 17px; position: absolute; bottom:0; right:-17px;}

#contents-inner-page #about .kaitori_example .img{position: absolute; bottom:0; z-index: -1;}
#contents-inner-page #about .kaitori_example .img:before{ display: block; content: ""; width: 100%; height: 100%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position: absolute; bottom:0; left:0;}
#contents-inner-page #about .kaitori_example .img img{ width: 100%; height: 100%; object-fit: cover;}



#contents-inner-page #about .reform{position: relative; margin-top: 180px; margin-bottom: 225px; min-height: 850px; z-index: 0;}
#contents-inner-page #about .reform:before{ display: block; content: ""; background: #f3f9f4; z-index: -1; width: 82%; height: 586px; position: absolute; top:0; right:0;}

#contents-inner-page #about .reform .inn{ width: 100%; box-sizing: border-box; padding:220px 0 0 40%; }

#contents-inner-page #about .reform .txt_bl{ width: 85%; max-width: 740px; margin: 0 auto;}
#contents-inner-page #about .reform h2.normal_tit{ text-align: left; font-size: 32px; line-height: 1.8em; margin-bottom: 50px;}
#contents-inner-page #about .reform h2.normal_tit span{font-size: 30px; margin-bottom: 40px;}
#contents-inner-page #about .reform p{ }

#contents-inner-page #about .reform .inn > .img{ position: absolute; z-index: 2; left:0; top:200px; width: 40%; max-width: 800px; height: 650px; box-shadow:  30px 30px 20px rgba(0,0,0,0.06);}
#contents-inner-page #about .reform .inn > .img img{ width: 100%; height: 100%; object-fit: cover;}

#contents-inner-page #about .reform .reform_tag{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 60px; margin-left: -3.333333%;}
#contents-inner-page #about .reform .reform_tag li{ width:30%; border-top: 1px solid #37b44b; color: #51bb61; font-size: 20px; margin-left: 3.333333%; position: relative; box-sizing: border-box; padding: 16px 0 16px 50px; margin-bottom: 30px;}
#contents-inner-page #about .reform .reform_tag li:before{ display: block; content: ""; background: url("../images/page/about/reform_icon.png") no-repeat; background-size: 100% auto; width: 28px; height: 26px; position: absolute; left:8px; top:50%; margin-top: -13px; }
#contents-inner-page #about .reform .reform_tag li:after{ display: block; content: ""; position: absolute; top:-5px; left:-5px; width: 0;
height: 0; z-index: -1; border-style: solid; border-color: #f4faf5 transparent transparent transparent; border-width: 67px 67px 0px 0px;}


#contents-inner-page #about .area{ background: url("../images/page/about/area_bg.jpg") no-repeat center bottom; background-size: cover; height: 1065px; position: relative;}
#contents-inner-page #about .area .inn{ box-sizing: border-box; padding:175px 0 0 0; }

#contents-inner-page #about .area .txt_bl{ width: 590px;}
#contents-inner-page #about .area h2.normal_tit{ text-align: left; font-size: 32px; line-height: 1.8em; margin-bottom: 50px;}
#contents-inner-page #about .area h2.normal_tit span{font-size: 30px; margin-bottom: 40px;}

#contents-inner-page #about .area .inn > .img{ position: absolute; z-index: 2; right:0; top:0; }
#contents-inner-page #about .area .inn > .img img{ }


@media print, screen and (max-width: 1700px) {
	#contents-inner-page #about .area .inn{ position: relative;}
	#contents-inner-page #about .area .inn > .img{ right:-300px;}
}


@media print, screen and (max-width: 1500px) {
	#contents-inner-page #about .concept .txt_bl{ width: 80%; }
	#contents-inner-page #about .concept .inn > .img{ height: 700px;}
	#contents-inner-page #about .kaitori_example h3{ font-size: 20px;}
	
}

@media print, screen and (max-width: 1350px) {
	#contents-inner-page #about .reform p br{ display: none;}
}




/*--------------- よくあるご質問 --------------*/
#contents-inner-page #faq{ padding: 100px 0 200px 0;}

#contents-inner-page #faq .q_bl dl:first-child{border-top: 1px solid #d7d7d7;}
#contents-inner-page #faq .q_bl dl{position: relative; z-index: 0; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; padding: 20px 0 20px 0;}

#contents-inner-page #faq .q_bl dt{font-size: 23px; font-weight: 400; position: relative; z-index: 0; min-height: 60px; padding:0 95px 0 90px; box-sizing: border-box; cursor: pointer; line-height: 1.8em; transition: .3s; display: flex; align-items: center;}
#contents-inner-page #faq .q_bl dt:hover{ color: #37b44b;}

#contents-inner-page #faq .q_bl dt:before{display: inline-block; content: "Q"; font-size: 28px; font-weight: 300; color: #ffffff; background: rgb(55,180,75); background: linear-gradient(90deg, rgba(55,180,75,1) 0%, rgba(26,169,49,1) 100%); box-shadow: 0 20px 20px rgba(5,54,65,0.1); width: 60px; height: 60px; text-align: center; position: absolute; top: calc(50% - 30px); left:0; box-sizing: border-box; padding-top: 9px;}
#contents-inner-page #faq .q_bl dt:after{ content: ""; background: url("/contents/images/top/icon_plus.png") no-repeat center; background-size: 100% auto; display: block; top: calc(50% - 9.5px); right:35px; position: absolute; width: 19px; height: 19px; }

#contents-inner-page #faq .q_bl dt.active:after{ background: url("/contents/images/top/icon_minus.png") no-repeat center; background-size: 100% auto; top: calc(50% - 1px); height: 2px; }

#contents-inner-page #faq .q_bl dd{ display: none; padding: 35px 50px 30px 90px; font-size: 16px; min-height: 60px; line-height: 1.8em; position: relative;}
#contents-inner-page #faq .q_bl dd:before{display: inline-block; content: "A"; font-size: 28px; font-weight: 300; color: #4d4d4d; background: #ffffff; width: 60px; height: 60px; text-align: center; position: absolute; top:35px; left:0; box-sizing: border-box; padding-top: 12px;}





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