@charset "utf-8";

/*================================
フリーページ共通
================================*/
#contents-inner-page {}
#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-inner-page #first_sozoku{padding: 60px 0 0 0;}
#contents-inner-page #first_sozoku section{}

#contents-inner-page #first_sozoku > p.center{ text-align: center; margin: auto;}

#contents-inner-page #first_sozoku .menu_list{ padding: 120px 0 90px 0; margin-top: -50px; position: relative; z-index: 1;}
#contents-inner-page #first_sozoku .menu_list ul{ display: flex; justify-content: center; align-items: flex-start; flex-wrap: nowrap; width: 100%; margin: auto;}
#contents-inner-page #first_sozoku .menu_list li{ width: 10%; height: 320px; margin: 0 1% 0 1%; position: relative; z-index: 0; }
#contents-inner-page #first_sozoku .menu_list li a{width: 100%; height: 100%; background: #ffffff; font-size: 20px; color: #64b4e6; text-decoration: none; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; position: relative; z-index: 0; display: flex; align-items: center; font-weight: bold; box-sizing: border-box; padding-top: 20px; border: 2px solid #64b4e6; border-radius: 20px; transition: .3s; line-height: 1.3em;}
#contents-inner-page #first_sozoku .menu_list li a:before{display: block; content: ""; background: url(/contents/images/page/first/indent_bottom.png) repeat center; width: 12px; height: 18px; position: absolute; bottom:10px; left:50%; margin-left: -6px; z-index: 1;}
#contents-inner-page #first_sozoku .menu_list li a:hover{ background: #ffff8b;}

#contents-inner-page #first_sozoku section{ padding:130px 0 80px 0; margin-top: -50px; position: relative; z-index: 0;}
#contents-inner-page #first_sozoku section.bg_blue:before{content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: calc(100% - 50px); bottom:0; left:0; right:0; background: url("../images/top/bg_cheak.jpg") repeat; opacity: .5;}
#contents-inner-page #first_sozoku section.first_contact:before{content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: calc(100% - 50px); bottom:0; left:0; right:0; background: url("../images/top/bg_skyblug.jpg") repeat;}

#contents-inner-page #first_sozoku section h2 img{ display: block; border-radius: 50%; object-fit: cover; overflow: hidden; margin: 0 auto 15px auto; box-shadow: 2px 2px 0 #f2f2f2;}

#contents-inner-page #first_sozoku section h2{ color: #3d3d3d; font-size: 42px; font-weight: 600; text-align: center; margin-bottom: 60px; line-height: 1.61;}
#contents-inner-page #first_sozoku section h2 span{display: block; font-size: 20px; font-weight: 400; letter-spacing: 0.06em; font-family: 'Urbanist', sans-serif; color: #64b4e6; line-height: 1.5em; opacity: .7;}

#contents-inner-page #first_sozoku section h4 span{display: inline-block;background: #c7b369;color: #ffffff;border-radius: 10px;text-align: center;font-size: 24px;font-weight: 500;position: relative;padding: 3px 12px 3.45px 12px;margin:0 20px 8px 0;line-height: 1.3em; font-family: 'Urbanist', sans-serif; vertical-align: middle;}
#contents-inner-page #first_sozoku section h4 span:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #c7b369; border-width: 4px 0px 4px 10px;  position: absolute; right:-10px; top:50%; margin-top: -4px; }
#contents-inner-page #first_sozoku section h4 .mark{width: 76px;display: inline-block;vertical-align: middle;margin: 0 15px 8px 0;}


#contents-inner-page #first_sozoku section h3 + h4{ margin-top: 50px;}
#contents-inner-page #first_sozoku section p + h3{ margin-top: 60px;}
#contents-inner-page #first_sozoku section p + p{ margin-top: 30px;}
#contents-inner-page #first_sozoku section p + ol{ margin-top: 30px;}
#contents-inner-page #first_sozoku section ol + p{ margin-top: 30px;}
#contents-inner-page #first_sozoku section ol li{ list-style: disc; margin-left: 25px;}


#contents-inner-page #first_sozoku section.first_contact{padding-top: 110px;}
#contents-inner-page #first_sozoku section.first_contact .inn{box-sizing: border-box;position: relative;z-index: 0;}
#contents-inner-page #first_sozoku section.first_contact .inn:has(.illust){padding-right: 320px;}
#contents-inner-page #first_sozoku section.first_contact h3{font-weight: 700;font-size: 50px;margin-bottom: 40px;letter-spacing: 0;line-height: 1.61;text-shadow: 2px 2px #ccdfe7;background: transparent;padding: 0;color: #64b4e6;}

#contents-inner-page #first_sozoku section.first_contact .normal_btn{ margin-top: 50px;}
#contents-inner-page #first_sozoku section.first_contact .normal_btn a{ margin: 0;}
#contents-inner-page #first_sozoku section.first_contact .illust{position: absolute; bottom: -10px; right: -20px;}


#contents-inner-page #first_sozoku .case{ background: #f5f5f5; border-radius: 30px; padding: 30px; margin: 30px 0 50px;}
#contents-inner-page #first_sozoku section.bg_blue .case{background: #ffffff;border: 1px solid #e1e1e1;padding: 25px 40px 34px 40px;}
#contents-inner-page #first_sozoku section.bg_blue .case h4{ border: none; margin: 0 0 40px 0; font-size: 24px; }
#contents-inner-page #first_sozoku section.bg_blue .case h4:has(.mark){color: #00a0e9;}

#contents-inner-page #first_sozoku section#who{}
#contents-inner-page #first_sozoku section#who .who_illust{display: inline-block;float: right;width: 120px;margin: 0 50px 30px 50px;}


#contents-inner-page #first_sozoku em{ font-weight:bold;}

#contents-inner-page #first_sozoku .pager_blocks{ text-align: center; padding: 50px 0 50px 0;} 
#contents-inner-page #first_sozoku .pager_blocks .num_label{display: inline-block;vertical-align: middle;cursor: pointer;border: 1px solid #c6c6c6;color: #3d3d3d;background: #ffffff;min-width: 50px;min-height: 50px;border-radius: 5px;text-align: center;font-size: 18px;font-weight: bold;-webkit-text-stroke-width: 0 !important;box-sizing: border-box;padding-top: 8px;box-shadow: 0 3px 5px rgba(0,0,0,0.05);margin:0 2px 0 2px;line-height: 1.61; transition: .3s;}
#contents-inner-page #first_sozoku .pager_blocks .num_label:hover{background:#ffff8b;}

#contents-inner-page #first_sozoku .pager_blocks .num_label > span{display: block; width: 100%; height: 100%;}

#contents-inner-page #first_sozoku .pager_blocks .num_label span.period,#contents-inner-page #first_sozoku .pager_blocks .num_label span.next,#contents-inner-page #first_sozoku .pager_blocks .num_label span.prev{ color: transparent; font-size: 0;}
#contents-inner-page #first_sozoku .pager_blocks .num_label span.next,#contents-inner-page #first_sozoku .pager_blocks .num_label span.prev{min-width: 80px;}
#contents-inner-page #first_sozoku .pager_blocks .num_label span.next:before{content: "次へ";right:18px;font-size: 17px !important;color: #3d3d3d;}
#contents-inner-page #first_sozoku .pager_blocks .num_label span.prev:before{content: "前へ"; left:18px; font-size:17px !important; color: #3d3d3d; }
#contents-inner-page #first_sozoku .pager_blocks .num_label.active{border: 1px solid rgb(241, 117, 143);color: #ffffff;background: rgb(241, 117, 143);background: linear-gradient(180deg, rgba(241, 117, 143, 1) 50%, rgba(240, 105, 133, 1) 50%);}

#contents-inner-page #first_sozoku .pager_blocks .num_label:empty{ display:none;}


/*------------------------------ ご相談の流れ ------------------------------*/
#contents-inner-page #flow{padding: 100px 0 150px 0;}
#contents-inner-page #flow .box{position: relative;margin: 0 0 50px 0;}
#contents-inner-page #flow .box + .box{ margin-top: 130px;}
#contents-inner-page #flow .box + .box:before{ display: block; background:url("../images/page/flow/flow_indent.png") repeat; content: ""; width: 110px; height: 41px; position: absolute; top:-90px; left: 50%; margin-left: -55px; }
#wrap_add06.flow .box .img{border-radius: 6px 6px 0 0; overflow: hidden;}
#contents-inner-page #flow .box h3{font-size: 28px;color: #ffffff;font-weight: 700;background: #64b4e6;padding: 18px 0 22px 140px;position: relative;border-bottom: none;margin-bottom: 30px;　border-radius: 20px;}
#contents-inner-page #flow .box h3 > span{text-align: center;padding-top: 1px;box-sizing: border-box;letter-spacing: normal;position: absolute;bottom: -33px;left: 22px;line-height: 2em;font-family: 'Century Gothic', Helvetica, Arial, sans-serif;font-size: 90px;font-weight: normal;color: #3d3d3d;}
#contents-inner-page #flow .box:first-child h3 > span{letter-spacing: 0.04em; left: 27px;}
#contents-inner-page #flow .box_in{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
#contents-inner-page #flow .box_in .txt{width: 53%;margin-left: 25px;}
#contents-inner-page #flow .box_in p{ font-size: 20px; line-height: 2.0em;}
#contents-inner-page #flow .box_in p + p{ margin-top: 20px;}
#contents-inner-page #flow .box_in img{width: 450px !important;border-radius: 50px;margin-top: -130px;position: relative;margin-right: 31px;}


/*--------------- サービス --------------*/
#contents-inner-page #service{padding: 70px 0 0 0;}
#contents-inner-page #service p + p{ margin-top: 30px;}

#contents-inner-page #service .introduction_bl{display: flex;flex-wrap: wrap;justify-content: space-between;}
#contents-inner-page #service .introduction_bl + .introduction_bl{ margin-top: 100px; flex-direction: row-reverse; margin-bottom: 120px;}

#contents-inner-page #service .introduction_bl .sub_h{width: 100%; font-size: 50px; letter-spacing: -0.03em; text-shadow: 0 4px rgba(0, 0, 0, 0.08); line-height: 1.7em; text-align: center; font-weight: 900;margin-bottom: 70px; color: #4c4c4c;}
#contents-inner-page #service .introduction_bl .sub_h span{color: #f1758f;}
#contents-inner-page #service .introduction_bl + .introduction_bl .sub_h span{color: #f58248;}

#contents-inner-page #service .introduction_bl .text{width: 630px;}

#contents-inner-page #service .introduction_bl .img{width: 520px; height: 400px; border-radius: 100px; overflow: hidden; box-shadow: 30px 30px 30px rgba(0,0,0,0.1);}
#contents-inner-page #service .introduction_bl + .introduction_bl .img{ height: 543px;}
#contents-inner-page #service .introduction_bl .img img{width: 100%; height: 100%; object-fit: cover;}


#contents-inner-page #service .main_services{ padding:130px 0 120px 0; margin-top: -50px; position: relative; z-index: 0;}
#contents-inner-page #service .main_services:before{content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: calc(100% - 50px); bottom:0; left:0; right:0; background: url("../images/top/bg_cheak.jpg") repeat; opacity: .5;}

#contents-inner-page #service .main_services h2{ color: #3d3d3d; font-size: 50px; font-weight:700; text-align: center; margin-bottom: 35px; line-height: 1.61;}
#contents-inner-page #service .main_services h2 span{display: block; font-size: 22px; font-weight: 400; letter-spacing: 0.06em; font-family: 'Urbanist', sans-serif; color: #64b4e6; line-height: 1.5em; opacity: .7;}
#contents-inner-page #service .main_services h2 + p.center{ text-align: center; margin-bottom: 60px;}


#contents-inner-page #service .main_services .box{ border-radius: 50px; box-sizing: border-box;}
#contents-inner-page #service .main_services .box{ padding:150px 0 0 0; margin-top: -150px; position: relative; z-index: 0;}
#contents-inner-page #service .main_services .box:before{content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: calc(100% - 150px); bottom:0; left:0; right:0; background: #ffffff; border:5px solid #64b4e6; border-radius: 50px; box-shadow: 0 0 30px rgba(7, 42, 59, 0.06); box-sizing: border-box;}

#contents-inner-page #service .main_services .box + .box{ margin-top: -80px;}
#contents-inner-page #service .main_services .box h3{ border-radius: 0; padding: 30px 25px 30px 25px; margin: 0; font-size: 36px; font-weight: bold; border-radius: 40px 40px 0 0;}
#contents-inner-page #service .main_services .box h3 span{display: inline-block;background: #ffff8b;color: #64b4e6;border-radius: 10px;text-align: center;font-size: 20px;font-weight: 500;position: relative;padding: 3px 12px 3.45px 12px;margin:0 20px 8px 0;line-height: 1.3em; font-family: 'Urbanist', sans-serif; vertical-align: middle;}
#contents-inner-page #service .main_services .box h3 span:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffff8b; border-width: 4px 0px 4px 10px;  position: absolute; right:-10px; top:50%; margin-top: -4px; }

#contents-inner-page #service .main_services .box .box_in{padding: 50px;}
#contents-inner-page #service .main_services .box .box_in:after{ display: block; content: ""; clear: both;}
#contents-inner-page #service .main_services .list > li{ margin-bottom: 30px;}
#contents-inner-page #service .main_services .list > li p{margin:0 0 15px 0; }
#contents-inner-page #service .main_services .list > li p.bold{letter-spacing:0.03em;padding:0 0 2px 15px;margin:0 0 20px 0; color:#50a6db;font-size:28px;font-weight:bold;border-left:3px solid #64b4e6;}
#contents-inner-page #service .main_services .list > li p:not(.bold){ margin-left: 20px;}
#contents-inner-page #service .main_services .mini > li{list-style: disc; margin-left: 45px;}

#contents-inner-page #service .main_services .img{width: 400px;border-radius: 50px;overflow: hidden;box-shadow: 30px 30px 30px rgba(0,0,0,0.1);height: 320px; float: right;}
#contents-inner-page #service .main_services .img img{width: 100%; height: 100%; object-fit: cover;}


#contents-inner-page #service .main_services #fudousan.box{}
#contents-inner-page #service .main_services #fudousan.box:before{ border-color:#4fc880; }
#contents-inner-page #service .main_services #fudousan.box h3{ background: #4fc880;}
#contents-inner-page #service .main_services #fudousan.box h3 span{ color: #4fc880;}
#contents-inner-page #service .main_services #fudousan.box .list > li p.bold{color: #4fc880; border-color:#4fc880;}

#contents-inner-page #service .main_services #property_management.box{}
#contents-inner-page #service .main_services #property_management.box:before{ border-color:#e8a042; }
#contents-inner-page #service .main_services #property_management.box h3{ background: #e8a042;}
#contents-inner-page #service .main_services #property_management.box h3 span{ color: #e8a042;}
#contents-inner-page #service .main_services #property_management.box .list > li p.bold{color: #e8a042; border-color:#e8a042;}


/*--------------- よくあるご質問 --------------*/
#contents .faq_blocks a{ text-decoration: underline; transition: .3s;}
#contents .faq_blocks{ padding: 100px 0 150px 0; }
#contents .faq_blocks h2{margin-bottom: 85px;}

#contents .faq_blocks dl + dl{ margin-top: 60px;}
#contents .faq_blocks dt{font-size: 30px; cursor: pointer; font-weight: 500; color: #ffffff; background: #64b4e6; width: 100%; padding: 20px 100px 20px 95px; text-align: left !important; box-sizing: border-box; line-height: 1.61; position: relative; transition: .3s; border-radius: 20px;}
#contents .faq_blocks dt:before{display: block;content: "Q";font-family: 'Century Gothic', Helvetica, Arial, sans-serif;font-size: 62px;font-weight: bold;color: #fdff99;position: absolute;top: -9px;left:22px;}

#contents .faq_blocks dt:hover{ opacity: .7;}
#contents .faq_blocks dd{position: relative; margin-top: 10px; padding: 15px 30px 15px 95px; transition: .3s;}
#contents .faq_blocks dl.first dd { display: block;}

#contents .faq_blocks dd p + p{ /*margin-top: 30px;*/}
#contents .faq_blocks dd p + ul{ margin-top: 30px;}
#contents .faq_blocks dd ul + p{ margin-top: 30px;}
#contents .faq_blocks dd li{ list-style: circle; margin-left: 22px;}


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