/* For PC */ @media print, screen and (min-width: 561px) { @charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Urbanist:wght@100;200;300;400;500;600;700&display=swap'); body{background-color: #e3ded8;} #wrap-outer2nd {max-width: 2560px; margin: auto;} #wrap-outer3{ overflow: hidden;} #wrap-outer2nd #wrap-navi{background: #ffffff;} #scrollUp { bottom: 101px;} /* kaitori */ #contents-inner-kaitori,#contents-inner-kaitori .kaitori h2 span,#wrap-outer2nd h3 span,#footer{font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-kaitori .kaitori{margin:0 auto -60px auto; font-size: 18px; font-weight: normal; line-height: 1.8em; letter-spacing: 0.03em; position: relative;} #contents-inner-kaitori .kaitori .inn{ width: 1200px; margin: auto;} #contents-inner-kaitori .kaitori .e_f{font-family: 'Urbanist', Helvetica, Arial, sans-serif;} #contents-inner-kaitori .kaitori h2{ background-color: transparent; text-align: center; padding: 0; margin-bottom: 70px;} #contents-inner-kaitori .kaitori h2 span{font-weight: inherit; font-size: inherit; margin:0; letter-spacing:inherit;} #contents-inner-kaitori .kaitori .sp{display: none !important;} /*---- トップイメージ ----*/ #contents-inner-kaitori .kaitori .main_image{ background: url("/images/kaitori/bg01.webp") no-repeat center top; position: relative; z-index: 2; min-height: 1837px; padding: 0 0 90px 0; box-sizing: border-box;} #contents-inner-kaitori .kaitori .main_image > .inn{ min-height: 815px; box-sizing: border-box;} #contents-inner-kaitori .kaitori .main_image .tab{ margin-bottom: 35px;} #contents-inner-kaitori .kaitori .main_image .tab > div{display: inline-block; background: url("/images/kaitori/main_ribon.png") no-repeat center top; width: 178px; height: 138px; box-sizing: border-box; text-align: center; font-size: 24px; font-weight:bold; color: #ffffff; padding: 13px 0 0 0; margin: 0 25px 0 0;} #contents-inner-kaitori .kaitori .main_image .mark_25th{ position: absolute; top:40px; right:40px;} #contents-inner-kaitori .kaitori .main_image .inn h1{ opacity: 1; position: relative; margin-left: -50px;} #contents-inner-kaitori .kaitori .main_image .inn p{ margin: 50px 0 88px 0; font-size: 20px; line-height: 1.9em; font-weight:bold; color: #076397; } @media print, screen and (max-width: 1550px) { #contents-inner-kaitori .kaitori .main_image > .inn{ position: relative;} #contents-inner-kaitori .kaitori .main_image .mark_25th{ right: -100px; width: 200px; top: 20px;} } @media print, screen and (max-width: 1450px) { #contents-inner-kaitori .kaitori .main_image{ background: url("/images/kaitori/bg01.webp") no-repeat center top; background-size: 2100px auto; min-height: 1650px;} #contents-inner-kaitori .kaitori .main_image > .inn {min-height: 660px;height: 660px;} #contents-inner-kaitori .kaitori .main_image .tab {margin-bottom: 10px;} #contents-inner-kaitori .kaitori .main_image .inn h1 {margin-left: -30px;} #contents-inner-kaitori .kaitori .main_image .inn h1 img{width:750px; } #contents-inner-kaitori .kaitori .main_image .inn p {margin: 40px 0 88px 0; font-size: 18px; line-height: 1.8em;} #contents-inner-kaitori .kaitori .main_image .mark_25th{ right:-25px; } } /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-kaitori .kaitori .main_image .search_area{ width: 1200px; min-height: 660px; box-sizing: border-box; padding: 0; margin: auto;} #contents-inner-kaitori .kaitori .main_image .search_area .sub_h{ margin-bottom:45px; position: relative;} #contents-inner-kaitori .kaitori .main_image .search_area .sub_h img{ margin-left: -11px;} @media print, screen and (max-width: 1450px) { #contents-inner-kaitori .kaitori .main_image .search_area .sub_h {margin-bottom: 25px;} } /* baikyaku */ #contents-inner-kaitori .kaitori .main_image .wrap_form .form_blocks{ position: relative; margin-bottom: 46px;} #contents-inner-kaitori .kaitori .main_image .wrap_form .form_blocks:before{ display: block; content: ""; background: url("/images/kaitori/online_indent.png"); background-size: 32px auto; width: 32px; height: 31px; position: absolute; bottom:-38px; left: 50%; margin-left: -16px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form {font-size:16px; border-collapse:separate; border-spacing:0; } #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .item { display: inline-block; font-size: 20px; font-weight:bold; position: relative;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form th {padding:17px 0 17px 0; vertical-align:middle; background-color: #00446a; color: #ffffff; width: 280px; box-sizing: border-box;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form th .num{font-size: 18px; font-weight: 500; font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: inline-block; margin: 0 15px 3px 0; vertical-align: middle;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form td {vertical-align:top; font-size: 18px; font-weight: 400; padding: 17px 40px 17px 40px; text-align: left; background: #005686; color: #ffffff;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form tr + tr th,#contents-inner-kaitori .kaitori .main_image .wrap_form table.form tr + tr td{ border-top: 2px solid #007cc2;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .input_box + .input_box{ border-top: 1px dotted rgba(255,255,255,0.2); margin-top: 10px; padding-top: 10px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .supplement { color:#9a9a9a;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .value {margin:3px 0 3px 0;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form label { background-color: transparent !important; position: relative; padding: 0 0 0 7px; margin-right: 10px; cursor: pointer; transition: .3s;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form label:hover{opacity: .7;} /*#contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"] { margin-right:7px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"] {display: none;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:0; bottom:0; margin: auto; left:0; background-color: #ffffff; width: 20px; height: 20px; border-radius: 50%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"]:checked + label{color: #bc012d;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"]:checked + label:hover{opacity: 1;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:0; bottom:0; margin: auto; left:1px; background-color: #bc012d; width: 18px; height: 18px; border-radius: 50%;}*/ #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"]{background-color: #ffffff; border:1px solid #fff !important; border-radius: 0; min-height: 43px; padding: 5px 20px 5px 20px; box-sizing: border-box; font-size: 100%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"].w2 { width: 80%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"].w3 { width: 100px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form strong { color:#ffb4b4; font-weight:500 !important; font-size:16px; letter-spacing: 0.03em;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .requireLabel{font-size:12px; color:#ffb4b4; position: absolute; top:2px; right:-17px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .example{ opacity: .7; font-size: 14px; margin-left: 10px;} #contents-inner-kaitori .kaitori .main_image .form #input_address{display:none; margin-top:10px;} #contents-inner-kaitori .kaitori .main_image .wrap_form .submit_btn{ display: block; width: 500px; height: 100px; margin: 0 auto 0 auto; border: 0; color: #050505; font-size: 30px; font-weight:700; background: url("/images/kaitori/icon_calculator.png") no-repeat center left 100px,#fff720; background-size: 42px auto; text-align: center; cursor: pointer; box-shadow:0 5px 0 rgba(0,0,0,.2); transition: .3s; position: relative; box-sizing: border-box; letter-spacing: 0.03em; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; border-radius: 0; padding-left: 100px;} #contents-inner-kaitori .kaitori .main_image .wrap_form .submit_btn span{color: #fff150;} #contents-inner-kaitori .kaitori .main_image .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.2); } /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-kaitori .wrap_form table.form22 {font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:20px; border: 1px solid #21a6e1;} #contents-inner-kaitori .wrap_form table.form22 .item { display: inline-block; font-size: 20px; font-weight:bold; position: relative;} #contents-inner-kaitori .wrap_form table.form2 th {padding:14px 0 17px 0; vertical-align:top; background-color: #0c86be; color: #ffffff; width: 210px; box-sizing: border-box;} #contents-inner-kaitori .wrap_form table.form2 td {vertical-align:top; font-size: 18px; font-weight: 400; padding: 14px 0px 17px 40px; text-align: left; background: #ffffff;} #contents-inner-kaitori .wrap_form table.form2 tr + tr th,#contents-inner-kaitori .wrap_form table.form2 tr + tr td{ border-top: 1px solid #21a6e1;} #contents-inner-kaitori .wrap_form table.form2 .supplement { color:#9a9a9a;} #contents-inner-kaitori .wrap_form table.form2 .value {margin:6px 0 0 0;} #contents-inner-kaitori .wrap_form table.form2 label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin-right: 10px; cursor: pointer; transition: .3s;} #contents-inner-kaitori .wrap_form table.form2 label:hover{opacity: .7;} #contents-inner-kaitori .wrap_form table.form2 input[type="radio"] {display: none;} #contents-inner-kaitori .wrap_form table.form2 input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:0; bottom:0; margin: auto; left:0; background-color: #ebebeb; width: 20px; height: 20px; border-radius: 50%;} #contents-inner-kaitori .wrap_form table.form2 input[type="radio"]:checked + label{color: #ee827c;} #contents-inner-kaitori .wrap_form table.form2 input[type="radio"]:checked + label:hover{opacity: 1;} #contents-inner-kaitori .wrap_form table.form2 input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:0; bottom:0; margin: auto; left:1px; background-color: #ee827c; width: 18px; height: 18px; border-radius: 50%;} #contents-inner-kaitori .wrap_form table.form2 input[type="text"]{background-color: #ededed; border: none; border-radius: 30px; padding: 7px 20px 7px 20px; box-sizing: border-box;} #contents-inner-kaitori .wrap_form table.form2 input[type="text"].w2 { width: 80%;} #contents-inner-kaitori .wrap_form table.form2 input[type="text"].w3 { width: 100px;} #contents-inner-kaitori .wrap_form table.form2 strong { color:#2eb0c0; font-weight:500 !important; font-size:16px;} #contents-inner-kaitori .wrap_form table.form2 .requireLabel{font-size:12px; color:#ee827c; position: absolute; top:5px; right:-17px;} #contents-inner-kaitori .wrap_form table.form2 .example{ opacity: .7; font-size: 14px; margin-left: 10px;} #contents-inner-kaitori .form2 #input_address{display:none; margin-top:10px;} #contents-inner-pages .contents-contact table.form2 .circle{display:inline-block; width:26px; height:26px; padding-top:1px; font-size:16px; border-radius:50%; background-color:#e7eefd; color: #00F; text-align:center;} #contents-inner-pages .contents-contact table.form2 .circle a{ display:block;cursor:pointer;} #contents-inner-kaitori .wrap_form .submit_btn{ width: 550px; height: 86px; margin: 0 auto 0 auto; border: 0; color: #2d3034; font-size: 28px; font-weight: 600; background: url("/images/kaitori/icon_dentaku.png") no-repeat center left 120px,#ffce25; text-align: center; cursor: pointer; box-shadow:0 10px 20px rgba(0,66,98,.15); transition: .3s; border-radius: 70px; position: relative; box-sizing: border-box; letter-spacing: 0.03em; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; padding-left: 55px;} #contents-inner-kaitori .wrap_form .submit_btn span{color: #fff150;} #contents-inner-kaitori .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); } /*---- このような事でお困りではありませんか ----*/ #contents-inner-kaitori .kaitori .nayami{background: url("/images/kaitori/bg02.jpg") repeat; position: relative; margin-top: -750px; padding: 480px 0 450px 0;} #contents-inner-kaitori .kaitori .nayami:after{ display: block; content:""; background: url("/images/kaitori/bg03.webp") repeat; width: 1372px; height: 431px; right:0; bottom:0; position: absolute;} #contents-inner-kaitori .kaitori .nayami .inn{position: relative; z-index: 0;} #contents-inner-kaitori .kaitori .nayami h2{ background: url("/images/kaitori/nayami_h_bg.png") no-repeat center top; height: 334px; box-sizing: border-box; margin-bottom: 70px; font-size: 42px; font-weight: 900; color: #ffffff; line-height: 1.65em; padding-top: 102px; text-shadow: 10px 10px 15px rgba(0,0,0,0.1);} #contents-inner-kaitori .kaitori .nayami h2 mark{ background: transparent; color: #bed1dc;} #contents-inner-kaitori .kaitori .nayami h2 span{ font-size: 62px; letter-spacing: normal; display: inline-block; margin-left: 15px;} #contents-inner-kaitori .kaitori .nayami h2 span > mark{font-size: 78px;} #contents-inner-kaitori .kaitori .nayami .nayami_img{ position: absolute; left: -105px; top: 295px;} #contents-inner-kaitori .kaitori .nayami .nayami_list{display: flex; margin: 0 0 0 430px; justify-content: space-between; flex-wrap: wrap;} #contents-inner-kaitori .kaitori .nayami .nayami_list li{ width: 245px; height: 220px; border-radius: 10px; background: #ffffff; text-align: center; font-size: 22px; font-weight:bold; color: #2b424d; line-height: 1.4em; position: relative; box-sizing: border-box; margin-bottom: 15px; box-shadow: 10px 10px 15px rgba(0,0,0,0.05); padding: 40px 0 0 0;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .num{ width: 110px; height: 30px; background: #365160; position: absolute; top:15px; left:-10px; text-align: center; font-size:16px; color: #ffffff; font-family: 'Urbanist', Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: 0.1em;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .num:after{ display: block; content: "";width: 0; height: 0; border-style: solid; border-width: 0 10px 7px 0; border-color: transparent #162d39 transparent transparent; position: absolute; left:0; bottom:-7px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .num > strong{display: inline-block; font-weight: 700 !important; font-size: 20px; margin-left: 6px; vertical-align: middle; margin-bottom: 3px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .img{height: 125px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li:nth-child(4) .img{ height: 130px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li:nth-child(n+5) { font-size: 20px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li:nth-child(n+5) .img{height: 110px;} @media print, screen and (max-width: 2000px) { #contents-inner-kaitori .kaitori .nayami:after{ display: none;} #contents-inner-kaitori .kaitori .nayami .inn:after{ display: block; content:""; background: url("/images/kaitori/bg03.webp") repeat; width: 1372px; height: 431px; right: -586px; bottom: -389px; position: absolute;} } /*---- 納得の価格で買い取ります／POINT ----*/ #contents-inner-kaitori .kaitori .kaiketsu{ background: url("/images/kaitori/bg04.webp") no-repeat center top; padding: 395px 0 0 0; position: relative; z-index: 1; margin-top: -720px; margin-bottom: 120px;} #contents-inner-kaitori .kaitori .kaiketsu h2{ font-size: 53px; font-weight: 900; color: #ffffff; letter-spacing: normal; text-align: left; line-height: 1.7em; text-shadow: 0 0 10px rgba(14,92,86,0.55); margin-bottom: 63px;} #contents-inner-kaitori .kaitori .kaiketsu h2 mark{ background: rgb(237,227,0); background: linear-gradient(90deg, rgba(237,227,0,1) 0%, rgba(255,255,219,1) 50%, rgba(242,235,60,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter:drop-shadow(0 0 10px rgba(14,92,86,0.55));} #contents-inner-kaitori .kaitori .kaiketsu h2 span{ display: inline; background:linear-gradient(transparent 60%, #097f76 60%);} #contents-inner-kaitori .kaitori .point_bl{background: url("/images/kaitori/point_indent.png") no-repeat left 195px top; padding: 215px 0 0 0;} #contents-inner-kaitori .kaitori .point_bl .box{display: flex; margin-bottom: 90px; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start;} #contents-inner-kaitori .kaitori .point_bl .box:nth-child(even){flex-direction: row-reverse;} #contents-inner-kaitori .kaitori .point_bl .box .txt{ width: 760px; position: relative;} #contents-inner-kaitori .kaitori .point_bl .box:nth-child(even) .txt{width: 730px;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3{ font-size: 44px; font-weight: 300; color: #0fa599; background: transparent; border:none; text-align:left; letter-spacing: 0.03em; line-height: 1.61; padding: 45px 0 0 175px;margin-bottom: 30px;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 .num{font-family: 'Urbanist', Helvetica, Arial, sans-serif; font-size: 23px; font-weight: 600; background: url("/images/kaitori/point_num_bg.png") center; width: 230px; height: 231px; box-sizing: border-box; text-align: center; position: absolute; top:0; left:-76px; z-index: 0; letter-spacing: 0.08em; line-height: 2.4em; padding-top: 47px; color: #0fa599;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 .num > em{display: block; font-size: 80px;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 .line{display: inline; background:linear-gradient(transparent 60%, #fffa90 60%); letter-spacing: normal; font-size: inherit; text-shadow: 0 3px 0 rgba(0,0,0,0.08);} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 mark{ background: rgb(13,154,140); background: linear-gradient(90deg, rgba(13,154,140,1) 0%, rgba(18,182,172,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; font-weight:700; font-size: 52px; text-shadow: none; filter:drop-shadow(0 3px 0 rgba(0,0,0,0.08));} #contents-inner-kaitori .kaitori .point_bl .box .txt p{margin-left: 177px; font-size: 16px; line-height: 1.8em; width: 494px;} #contents-inner-kaitori .kaitori .point_bl .box:nth-child(2) .txt p{ width: auto;} #contents-inner-kaitori .kaitori .point_bl .box .img{ width:430px; position: relative; z-index: 3; box-shadow: 0 3px 0 rgba(0,0,0,0.08);} /*---- 不動産売却の買取と仲介ってなにが違うの？ ----*/ #contents-inner-kaitori .kaitori .what{ background: url("/images/kaitori/bg05.webp") no-repeat center top; background-size: cover; padding: 0; position: relative; z-index: 0; margin-bottom: -105px;} #contents-inner-kaitori .kaitori .what .inn{position: relative;} #contents-inner-kaitori .kaitori .what h2{margin-bottom: 30px;} #contents-inner-kaitori .kaitori .what .what_h_img{ position: absolute; top:50px; left:-30px;} #contents-inner-kaitori .kaitori .what_blocks{ display: flex; flex-wrap: nowrap; justify-content: space-between;} #contents-inner-kaitori .kaitori .what_blocks > .box{ width: 580px; border-radius: 10px; border: 4px solid #d23243; box-shadow: 0 6px 0 rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.8); position: relative; box-sizing: border-box; padding: 100px 30px 30px 30px; font-size: 16px; line-height: 1.7em;} #contents-inner-kaitori .kaitori .what_blocks > .box.green{ border-color: #0e9e91;} #contents-inner-kaitori .kaitori .what_blocks h3{ background: transparent; border: 0; padding: 0; margin: 0; position: absolute; top:-15px; left: -10px;} #contents-inner-kaitori .kaitori .what_blocks p{ margin-bottom: 26px;} #contents-inner-kaitori .kaitori .what_blocks .box > p + img{ display: block; margin: auto;} #contents-inner-kaitori .kaitori .what_blocks .h{font-size:20px; font-weight:bold; color: #bd2332; margin:25px 0 -15px 20px; } #contents-inner-kaitori .kaitori .what_blocks > .box.green .h{ color: #0e9e91;} #contents-inner-kaitori .kaitori .what_blocks .h span{font-size:24px;} #contents-inner-kaitori .kaitori .what_blocks .feature_list{ background: #ffffff; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding:23px 25px 13px 25px; } #contents-inner-kaitori .kaitori .what_blocks .feature_list li{ background: url("/images/kaitori/what_cheak.png") no-repeat left center; padding:7px 0 8px 30px; border-bottom: 1px dashed #dddddd;} #contents-inner-kaitori .kaitori .what_blocks .feature_list li:last-child{ border: none;} #contents-inner-kaitori .kaitori .what .matome{ margin: 30px 0 0 44px;} /*---- 買取事例 ----*/ #contents-inner-kaitori .kaitori .jirei{background: url("/images/kaitori/bg06.jpg") repeat center top; position: relative; z-index: 1; padding: 50px 0 100px 0;} #contents-inner-kaitori .kaitori .jirei:before{ display: block; content: ""; background: url("/images/kaitori/bg06_top.png") repeat center top; width: 100%; height: 343px; position: absolute; top:-343px; left:0; right:0;} #contents-inner-kaitori .kaitori .jirei .inn{ position: relative;} #contents-inner-kaitori .kaitori .jirei h2{ margin-bottom: 55px;} #contents-inner-kaitori .kaitori .jirei .jirei_h_img{ position:absolute; right:0; top:-140px; z-index: 1;} #contents-inner-kaitori .kaitori .jirei .inn > p{font-size: 18px; font-weight: bold; color: #303030; margin-bottom: 60px;} #contents-inner-kaitori .kaitori .jirei table{ background-color: #ffffff; box-shadow: 0 0 15px rgba(131,106,5,0.35); border-top: 35px solid #ffffff; position: relative; z-index: 3; border-collapse: collapse; font-size:16px; line-height: 1.6em; color: #303030;} #contents-inner-kaitori .kaitori .jirei table + table{ margin-top:37px; } #contents-inner-kaitori .kaitori .jirei table td{ padding: 45px 95px 0 95px;} #contents-inner-kaitori .kaitori .jirei table td:has(h4,h3){ position: relative; z-index: 1;} #contents-inner-kaitori .kaitori .jirei table td:has(h4,h3):before{ display: block; content: ""; background: #d23243; width: 1240px; height: 100%; position: absolute; top:0; left:-20px; z-index: -1;} #contents-inner-kaitori .kaitori .jirei table td:has(h4, h3):after{ display: block; content: ""; background:url("/images/kaitori/jirei_ribbon_bg01.png") no-repeat top left,url("/images/kaitori/jirei_ribbon_bg02.png") no-repeat top right; width: 1240px; height: 20px; position: absolute; bottom:-20px; right:-20px; z-index: -1;} #contents-inner-kaitori .kaitori .jirei table td:has(h4){ padding-top: 23px;} #contents-inner-kaitori .kaitori .jirei table td:has(h3){padding-top: 0;} #contents-inner-kaitori .kaitori .jirei table td:has(img){padding-right: 0;} #contents-inner-kaitori .kaitori .jirei table td:has(img) + td:has( > img){padding-left: 0; padding-right: 95px;} #contents-inner-kaitori .kaitori .jirei table tr:last-child td{ padding-bottom: 50px;} #contents-inner-kaitori .kaitori .jirei table h4{ background: #000000; display: inline-block; padding: 7px 30px 9px 30px; border: none; border-radius: 30px; font-size: 16px; font-weight: bold; color: #ffffff; margin: 0 0 10px 0; line-height: 1;} #contents-inner-kaitori .kaitori .jirei table h3{ background: transparent; border: none; color: #ffffff; font-size: 30px; font-weight:bold; text-shadow: 0 2px 0 rgba(0,0,0,0.15); text-align: left; line-height: 1.4em; letter-spacing: 0.03em; padding: 0; margin: 0 0 20px 0;} /*---- ご売却までの流れ ----*/ #contents-inner-kaitori .kaitori .flow{background: url("/images/kaitori/bg07.webp") repeat center top; height: 2995px; position: relative; z-index: 1; box-sizing: border-box; padding: 80px 0 100px 0; margin-bottom: -315px;} #contents-inner-kaitori .kaitori .flow .inn{ position: relative; width: 1000px;} #contents-inner-kaitori .kaitori .flow h2{ margin-bottom: 100px;} #contents-inner-kaitori .kaitori .flow .flow_h_img{ position: absolute; top: -44px; right: -120px; z-index: 1;} #contents-inner-kaitori .kaitori .flow_list{ position: relative; z-index: 3;} #contents-inner-kaitori .kaitori .flow_list .box{ border-radius: 10px; border: 4px solid #007cc2; box-shadow: 0 4px 0 rgba(0,0,0,0.15); background-color: rgba(255,255,255,0.8); position: relative; box-sizing: border-box; padding: 42px 460px 38px 50px; font-size: 16px; line-height: 1.8em; min-height: 300px;} #contents-inner-kaitori .kaitori .flow_list .box + .box{ margin-top: 70px;} #contents-inner-kaitori .kaitori .flow_list .box + .box:before{ display: block; content: ""; background: url("/images/kaitori/flow_indent.png") no-repeat; width: 53px; height: 33px; position:absolute; top:-55px; left:0; right:0; margin: auto;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(2){ border-color: #2f99c1;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(3){border-color:#299db7;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(4){border-color:#2ca6b7;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(5){border-color:#36b4b5;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(6){border-color:#32b4a0;} #contents-inner-kaitori .kaitori .flow_list .box .img{ position: absolute; right:25px; top:-22px;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(even){ padding-left: 460px; padding-right: 50px;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(even) .img{ right:inherit; left:25px;} #contents-inner-kaitori .kaitori .flow_list .box .h{font-size:32px; font-weight:bold; color: #1c8bcb; text-shadow: 0 1px 0 rgba(0,0,0,0.15); padding: 0; margin:0 0 40px 0; } #contents-inner-kaitori .kaitori .flow_list .box:nth-child(2) .h{ color: #107fa8;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(3) .h{color: #1091a8;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(4) .h{color: #109ba8;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(5) .h{color: #10a8a6;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(6) .h{color: #10a88a;} #contents-inner-kaitori .kaitori .flow_list .box .h > span{ position: absolute; z-index: -1; top:-35px; left:-30px;} #contents-inner-kaitori .kaitori .flow_list .box:nth-child(even) .h > span{ left:inherit; right:-30px;} /*---- お客様の声 ----*/ #contents-inner-kaitori .kaitori .voice{position: relative; z-index: 1; padding: 0; margin-bottom: -350px;} #contents-inner-kaitori .kaitori .voice:before{ display: block; content: ""; background: #007cc2; width: 100%; height: calc(100% - 315px - 335px); position: absolute; bottom:335px; left:0; right:0; z-index: -1;} #contents-inner-kaitori .kaitori .voice:after{ display: block; content: ""; background: url("/images/kaitori/bg07_bottom.png") repeat center top; width: 100%; height: 780px; position: absolute; bottom: -445px; left: 0; right: 0; z-index: -1;} #contents-inner-kaitori .kaitori .voice .inn{ position: relative;} #contents-inner-kaitori .kaitori .voice .inn .voice_h_img{ position: absolute; top: -185px; left: -385px; z-index: 1;} #contents-inner-kaitori .kaitori .voice_list{ position: relative; z-index: 5;} #contents-inner-kaitori .kaitori .voice_list .box{ background: url("/images/kaitori/voice_txt_bg.png") no-repeat bottom -1px left -13px,#ffffff; box-shadow: 0 0 15px rgba(0,56,87,0.35); margin: 15px; box-sizing: border-box; padding: 38px 45px 60px 125px; font-size: 16px; line-height: 1.8em;} #contents-inner-kaitori .kaitori .voice_list .box .h{ font-size: 24px; font-weight:bold; color: #007cc2; padding: 0; margin:0 0 30px 0; } /*---- よくあるご質問 ----*/ #contents-inner-kaitori .kaitori .faq{background: url("/images/kaitori/bg08.jpg") repeat; position: relative; z-index: 0; box-sizing: border-box; padding: 560px 0 110px 0;} #contents-inner-kaitori .kaitori .faq .inn{ position: relative;} #contents-inner-kaitori .kaitori .faq h2{ margin-bottom: 110px;} #contents-inner-kaitori .kaitori .faq .fag_h_img{ position: absolute; top: -180px; right: -20px;} #contents-inner-kaitori .kaitori .faq dl + dl{ margin-top: 90px;} #contents-inner-kaitori .kaitori .faq dt{font-size: 30px; font-weight: bold; border-bottom: 2px solid #0e9e91; padding: 0 0 30px 90px; position: relative; margin-bottom: 35px; text-shadow: 0 2px 0 rgba(0,0,0,0.15);} #contents-inner-kaitori .kaitori .faq dt:before{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: block; content: "Q"; font-size: 80px; font-weight: 600; color: #0e9e91; position: absolute; top:0; left:0;} #contents-inner-kaitori .kaitori .faq dd{ color: #3d3d3d; position: relative; padding:0 35px 0 130px;} #contents-inner-kaitori .kaitori .faq dd:before{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: block; content: "A"; font-size: 60px; font-weight: 600; color: #c62936; position: absolute; top:13px; left:50px;} #contents-inner-kaitori .kaitori .faq dd p + p{ margin-top: 15px;} /*---- お問い合わせ／会社概要 ----*/ #contents-inner-kaitori .contact_area{background: url("/images/kaitori/contact_bg.webp") no-repeat center top; background-size: cover; padding: 80px 0 0 0;box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.25), inset 0 5px 0 0 rgba(255,255,255,0.2), 0 0 15px 0 rgba(0,0,0,0.2);position: relative; z-index: 6;} #contents-inner-kaitori .contact_area .shop_info{ background: #ffffff; box-shadow: 5px 7px 10px rgba(0,0,0,0.3); display: flex; flex-direction: row-reverse; justify-content: space-between; flex-wrap: nowrap; position: relative;} #contents-inner-kaitori .contact_area .shop_info:before,#contents-inner-kaitori .contact_area .shop_info:after{ display: block; content: ""; background: url("/images/kaitori/company_pin.png") no-repeat; width: 20px; height: 20px; top:8px; position: absolute; z-index: 1; } #contents-inner-kaitori .contact_area .shop_info:before{ left:8px;} #contents-inner-kaitori .contact_area .shop_info:after{ right:8px;} #contents-inner-kaitori .contact_area .shop_info .txt{ width: 595px; font-size: 16px; line-height: 1.8em; box-sizing: border-box; padding: 45px 0 0 0;} #contents-inner-kaitori .contact_area .shop_info .txt h2{text-align: left; font-size: 30px; font-weight:bold; color: #0d9c8e; text-shadow: 0 2px 0 rgba(0,0,0,0.15); margin:0 0 35px 0; padding: 0;} #contents-inner-kaitori .contact_area .shop_info .txt .img{ margin-top: 45px;} #contents-inner-kaitori .contact_area .shop_info .txt .img img{display: inline-block; margin-right: 5px;} #contents-inner-kaitori .contact_bl .inn{ height: 100%; box-sizing: border-box; position: relative; padding: 102px 0 90px 0; color: #ffffff;} #contents-inner-kaitori .contact_bl .inn .contact_img{ position: absolute; bottom:0; right:-52px; z-index: 1;} #contents-inner-kaitori .contact_bl h2{font-size: 50px; font-weight: 900; color: #ffffff; text-shadow: 4px 4px 0 rgba(0,0,0,0.35); text-align: left; padding: 0; margin: 0 0 50px 0; letter-spacing: normal; position: relative; z-index: 2;} #contents-inner-kaitori .contact_bl h2 strong{font-size: 62px; font-weight: 900;} #contents-inner-kaitori .contact_bl h2 strong.yellow{background: rgb(255,252,143); background: linear-gradient(180deg, rgba(255,252,143,1) 0%, rgba(255,246,66,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; text-shadow:none; filter: drop-shadow(4px 4px 0 rgba(0,0,0,0.35));} #contents-inner-kaitori .contact_bl h2 + p{ padding-left: 3px;} #contents-inner-kaitori .contact_bl .btn_area{ display: flex; position: relative; z-index: 5; margin-top: 45px;} #contents-inner-kaitori .contact_bl .btn_area .tel{ width: 430px; height:165px;} #contents-inner-kaitori .contact_bl .btn_area .mail{ width: 370px; height:165px; margin-left: 15px;} #contents-inner-kaitori .contact_bl .btn_area .line{ width: 370px; height:165px; margin-left: 15px;} #contents-inner-kaitori .contact_bl .btn_area > div a{ display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; text-align: center;} #contents-inner-kaitori .contact_bl .btn_area > div.tel a{ background: url("/images/kaitori/contact_btn_bg01.png") no-repeat; cursor: text;} #contents-inner-kaitori .contact_bl .btn_area > div.tel a,#contents-inner-kaitori .contact_bl .btn_area > div.tel a:hover{ color: inherit; cursor: text; opacity: 1 !important;} #contents-inner-kaitori .contact_bl .btn_area > div.mail a{ background: url("/images/kaitori/contact_btn_bg02.png") no-repeat;} #contents-inner-kaitori .contact_bl .btn_area > div.line a{ background: url("/images/kaitori/contact_btn_bg03.png") no-repeat;} #contents-inner-kaitori .contact_bl .btn_area > div span{ display:block; font-size:16px; font-weight:bold; color: #0d9c8e; padding: 7px 0 10px 0; margin-bottom: 20px;} #contents-inner-kaitori .contact_bl .btn_area > div.mail span{ color: #c32733;} #contents-inner-kaitori .contact_bl .btn_area > div.line span{ color: #31900c;} #contents-inner-kaitori .contact_bl .btn_area > div:not(.tel) p{font-size:36px; font-weight: 900; color: #ffffff; margin-top: 30px; text-shadow: 0 2px 0 rgba(0,0,0,0.2); background: url("/images/kaitori/contact_btn_indent.png") no-repeat center right 28px;} #contents-inner-kaitori .contact_bl .btn_area > div:not(.tel) p strong{font-weight: 900; color: #fff97e;} #contents-inner-kaitori .contact_bl .btn_area > div:not(.tel) .btn_area_inn{font-size:36px; font-weight: 900; color: #ffffff; margin-top: 30px; text-shadow: 0 2px 0 rgba(0,0,0,0.2); background: url("/images/kaitori/contact_btn_indent.png") no-repeat center right 28px; display: block; padding:0;} #contents-inner-kaitori .contact_bl .btn_area > div:not(.tel) .btn_area_inn strong{font-weight: 900; color: #fff97e;} #contents-inner-kaitori .contact_bl .btn_area > div.tel p{font-size:45px; font-weight:bold; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); line-height: 1;font-family: 'Urbanist', Helvetica, Arial, sans-serif;} #contents-inner-kaitori .contact_bl .btn_area > div.tel p:before{ display: inline-block; content: ""; background: url("/images/kaitori/contact_tel.png") no-repeat; width: 48px; height: 50px; margin: 0 8px 9px 0; vertical-align: middle;} #contents-inner-kaitori .contact_bl .btn_area > div.tel p small{ display: block; font-size: 13px; font-weight: normal; opacity: .8; text-shadow: none; margin-top: -3px;font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-kaitori .contact_bl .btn_area > div.tel .btn_area_inn{font-size:45px; font-weight:bold; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); line-height: 1;font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: block; padding:0;} #contents-inner-kaitori .contact_bl .btn_area > div.tel .btn_area_inn:before{ display: inline-block; content: ""; background: url("/images/kaitori/contact_tel.png") no-repeat; width: 48px; height: 50px; margin: 0 8px 9px 0; vertical-align: middle;} #contents-inner-kaitori .contact_bl .btn_area > div.tel .btn_area_inn small{ display: block; font-size: 13px; font-weight: normal; opacity: .8; text-shadow: none; margin-top: -3px;font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-kaitori .contact_bl.short{ background: url("/images/kaitori/contact_bg_short.webp") no-repeat center top; background-size: cover; height: 400px; color: #ffffff; box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.25), inset 0 5px 0 0 rgba(255,255,255,0.2), 0 0 15px 0 rgba(0,0,0,0.2);position: relative; z-index: 6;} #contents-inner-kaitori .contact_bl.short .inn{padding: 45px 0 40px 0;} #contents-inner-kaitori .contact_bl.short h2{ margin-bottom: 30px;} #contents-inner-kaitori .contact_bl.short .btn_area{ margin-top: 25px;} /*---- 画面下固定用お問い合わせ ----*/ #contents-inner-kaitori .kaitori .contact_fixed{ background: url("/images/kaitori/bg_fixed.jpg"); background-size: cover; position: fixed; bottom:0; left:0; right:0; z-index: 999; transition: .3s; box-shadow: 0 -1px 15px rgba(0,0,0,0.15);} #contents-inner-kaitori .kaitori .contact_fixed .inn{ width: 1200px; display: flex; height: 90px; justify-content: space-between; align-items: center; flex-wrap: nowrap; } #contents-inner-kaitori .kaitori .contact_fixed h2{font-size: 30px; color: #ffffff; font-weight:bold; padding: 7px 0 0 0; text-align: left; letter-spacing: normal; margin: 0; min-width: 400px;} #contents-inner-kaitori .kaitori .contact_fixed h2 > span{display: block; font-size: 16px; font-weight: 400; margin-top: 10px; letter-spacing: 0.03em; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} #contents-inner-kaitori .kaitori .contact_fixed .logo{display: flex; align-content: center; align-items: center; justify-content: flex-start; flex-wrap: nowrap;} #contents-inner-kaitori .kaitori .contact_fixed .logo p{font-size: 11px; color:rgba(255,255,255,0.8); margin-left: 15px; line-height: 1.61;} #contents-inner-kaitori .kaitori .contact_fixed .logo p strong{ display: block; color: #ffffff; font-weight: 700 !important; font-size: 18px; margin-bottom: 3px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area{ display: flex; position: relative; z-index: 5;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area .tel{ width: 300px; height:73px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area .mail{ width: 230px; height:73px; margin-left: 8px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area .line{ width: 230px; height:73px; margin-left: 7px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div a{ display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; text-align: center;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel a{ background: url("/images/kaitori/fixed_btn01.png") no-repeat; cursor: text;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel a,#contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel a:hover{ color: inherit; cursor: text; opacity: 1 !important;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.mail a{ background: url("/images/kaitori/fixed_btn02.png") no-repeat;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.line a{ background: url("/images/kaitori/fixed_btn03.png") no-repeat;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div:not(.tel) p{font-size:23px; font-weight: 900; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); /*background: url("/images/kaitori/contact_btn_indent.png") no-repeat center right 20px;*/ background-size: 8px auto; letter-spacing: 0.06em; padding: 17px 0 19px 0;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div:not(.tel) p strong{font-weight: 900; color: #fff97e;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel p{font-size:32px; font-weight:bold; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); line-height: 1.31; padding: 8px 0 0 0;font-family: 'Urbanist', Helvetica, Arial, sans-serif;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel p:before{ display: inline-block; content: ""; background: url("/images/kaitori/contact_tel.png") no-repeat; background-size: 28px auto; width: 28px; height: 30px; margin: 0 6px 3px 0; vertical-align: middle;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel p small{ font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; display: block; font-size: 11px; font-weight: normal; opacity: .8; text-shadow: none; margin-top: -3px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div:not(.tel) .btn_area_inn{font-size:23px; font-weight: 900; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); /*background: url("/images/kaitori/contact_btn_indent.png") no-repeat center right 20px;*/ background-size: 8px auto; letter-spacing: 0.06em; display: block; padding: 17px 0 19px 0;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div:not(.tel) .btn_area_inn strong{font-weight: 900; color: #fff97e;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel .btn_area_inn{font-size:32px; font-weight:bold; color: #ffffff; text-shadow: 0 2px 0 rgba(0,0,0,0.2); line-height: 1.31; padding: 8px 0 0 0;font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: block;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel .btn_area_inn:before{ display: inline-block; content: ""; background: url("/images/kaitori/contact_tel.png") no-repeat; background-size: 28px auto; width: 28px; height: 30px; margin: 0 6px 3px 0; vertical-align: middle;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div.tel .btn_area_inn small{ font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; display: block; font-size: 11px; font-weight: normal; opacity: .8; text-shadow: none; margin-top: -3px;} /*---- フッター ----*/ #footer .sp{display: none !important;} #footer{ background: #60492b; text-align: center; min-height: auto; font-size: 16px; color: #ffffff;} #footer .inn{ padding: 60px 0 60px 0;} #footer .inn .h{margin-bottom: 38px;} #footer .inn a{ text-decoration: none; color: inherit; cursor: text;} #footer .inn a,#footer .inn a:hover{ color: inherit; cursor: text; opacity: 1 !important;} #footer .inn p{letter-spacing: 0.06em; opacity: .8;} #footer #footer-copyright{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 0.2em; width: 100%; height: auto; padding: 35px 0 35px 0; border: none; color:rgba(255,255,255,0.6); text-align: center; background: #000000; } #scrollUp { bottom: 90px; } /*--------------------------------------- 査定フォーム ----------------------------------------*/ #contents-inner-kaitori .form_page{ padding: 60px 0 100px 0; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-kaitori .form_page #form_navi{ text-align: center; border: 1px solid #008899; width: 400px; margin: 0 auto 25px auto; padding: 15px 0; position: relative;} #contents-inner-kaitori .form_page #form_navi:before{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 12.5px 0 12.5px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom:-20px; left:0; right:0; margin: auto; z-index: 1} #contents-inner-kaitori .form_page #form_navi:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 13.5px 0 13.5px; border-color: #008899 transparent transparent transparent; position: absolute; bottom:-22px; left:0; right:0; margin: auto;} #contents-inner-kaitori .form_page .assess_title{font-size: 22px; color: #008899; font-weight:bold;} #contents-inner-kaitori .form_page .assess_comment{font-size: 14px; color: #008899; font-weight: 400;} #contents-inner-kaitori .form_page h2{ font-size: 50px; font-weight: bold; color: #2d3034; text-align: center; padding: 0; margin: 0 0 40px 0; box-sizing: border-box; background: transparent; letter-spacing: 0.03em; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-kaitori .form_page h2 + .ul1{ text-align: center; margin-bottom: 40px; line-height: 1.8em;} h3{ background:#008899; border: none; border-radius: 0; font-size: 22px; font-weight:bold; color: #ffffff; padding: 19px 25px 22px 25px; margin: 0 0 30px 0; letter-spacing: 0.03em;} h3:before{ display: none;} #contents-inner-kaitori .wrap_form.form_page table.form2{border-top: 1px dotted rgba(0,136,153,.6); border-bottom: 1px dotted rgba(33,166,225,.6); margin-bottom: 60px;} #contents-inner-kaitori .wrap_form.form_page table.form2 th{ background: #f0f7f8; color: #008899; width: 290px; padding: 17px 0 0 25px; font-size: 18px;} #contents-inner-kaitori .wrap_form.form_page table.form2 tr + tr th, #contents-inner-kaitori .wrap_form.form_page table.form2 tr + tr td {border-top: 1px dotted rgba(33,166,225,.6);} #contents-inner-kaitori .wrap_form.form_page table.form2 textarea { background-color: #ededed; border: none; border-radius: 10px; padding: 10px 20px 10px 20px; box-sizing: border-box; } #contents-inner-kaitori .wrap_form.form_page table.form2 .value{ margin: 3px 0 3px 0;} #contents-inner-kaitori .wrap_form.form_page table.form2 .move5_box{ margin-top: 10px;} #contents-inner-kaitori .wrap_form.form_page table.form2 th > .item .requireLabel, #contents-inner-kaitori .wrap_form.form_page table.form2 .requireLabel_change{color: #ee827c; font-size: 11px; margin-left: 7px; display: inline-block; vertical-align: middle; position: relative; top:auto; right:auto;} #contents-inner-kaitori .wrap_form.form_page input[type="submit"].btn { width: 350px; height: 75px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 21px; font-weight: 600; background: #ee827c; text-align: center; cursor: pointer; box-shadow: 0 5px 10px rgba(0,0,0,.08); transition: .3s; border-radius: 0; position: relative; box-sizing: border-box; letter-spacing: 0.03em;} #contents-inner-kaitori .wrap_form.form_page input[type="submit"].btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.08); } #contents-inner-kaitori .wrap_form.form_page input[type="button"].btn2 { width: 250px; height: 75px; margin: 0 auto 0 auto; border: 0; color: #969696; font-size: 21px; font-weight: 600; background: #dddddd; text-align: center; cursor: pointer; box-shadow: 0 5px 10px rgba(0,0,0,.03); transition: .3s; border-radius: 0; position: relative; box-sizing: border-box; letter-spacing: 0.03em;} #contents-inner-kaitori .wrap_form.form_page input[type="button"].btn2:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.08); } #contents-inner-kaitori .wrap_form.form_page .error-box{ margin-bottom: 20px !important;} /*--------------------------------------- 査定フォーム -thankspage ----------------------------------------*/ #contents-inner-kaitori .form_page div + .ul1{ text-align: center; margin-top: 30px; line-height: 1.8em;} #contents-inner-kaitori .form_page input[type="button"].btn { width: 350px; height: 70px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 20px; font-weight: 600; background: #008899; text-align: center; cursor: pointer; box-shadow: 0 5px 10px rgba(0,0,0,.08); transition: .3s; border-radius: 0; position: relative; box-sizing: border-box; letter-spacing: 0.03em;} #contents-inner-kaitori .form_page input[type="button"].btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.08); } #contents-inner-pages .contents-contact form{padding: 0 60px 32px 60px;} #contents-inner-pages .contents-contact .assessment_down{width:29px; display: block; margin: 0 auto 0 auto;} #contents-inner-pages .contents-contact .w1 {width:100px; box-sizing:border-box;} #contents-inner-pages .contents-contact .w2 {width:200px; box-sizing:border-box;} #contents-inner-pages .contents-contact .w3 {width:300px; box-sizing:border-box;} #contents-inner-pages .contents-contact .w4 {width:400px; box-sizing:border-box;} #contents-inner-pages .contents-contact .w5 {width:100px; box-sizing:border-box;} #contents-inner-pages .contents-contact {background:#f8f9fb; padding-top:90px;} #contents-inner-pages .contents-contact h3{background:#00446a; font-size:30px; color:#fff;width:1100px; margin:0 auto 0 auto;letter-spacing: 0.1em; padding:15px 0 15px 0; border-top:none; border-bottom:none;} #contents-inner-pages .contents-contact h4{ font-size:24px;} #contents-inner-pages .contents-contact h4 .required{ font-size:18px;} #contents-inner-pages .contents-contact .assessment_cmnt{text-align: center; color:#00446a; margin-top: 30px;} #contents-inner-pages .contents-contact .form{margin-bottom:30px;} #contents-inner-pages .contents-contact .baikyaku_err {width:1100px; margin: 0 auto 0 auto;} #contents-inner-pages .contents-contact .baikyaku_conf {width:1100px; margin: 0 auto 0 auto;} #contents-inner-pages .contents-contact table.form2 input[type="text"],#contents-inner-pages .contents-contact table.form2 input[type="tel"],#contents-inner-pages .contents-contact table.form2 textarea{background-color: #ffffff; border:1px solid #c9c9c9 !important; border-radius: 30px; min-height: 45px; padding: 7px 20px 7px 20px; box-sizing: border-box; font-size: 100%;} #contents-inner-pages .contents-contact table.form2 textarea{ width:100%;} #contents-inner-pages .contents-contact table.form2 {margin:0 0 0 0; padding:0; font-size:18px; border-collapse:collapse;} #contents-inner-pages .contents-contact table.form2 tr {border-top:1px solid #05334d;} #contents-inner-pages .contents-contact table.form2 tr:first-child{ border-top:none;} #contents-inner-pages .contents-contact table.form2 th {width:210px; padding:20px 0 0 0;text-align: center; background:url("/images/baikyaku/form_th_bg.png") repeat; color:#fff;} #contents-inner-pages .contents-contact table.form2 td {/*width:460px;*/ padding:20px 20px 18px 42px; border:none; background-color:#fff;} #contents-inner-pages .contents-contact table.form2 th, #contents-inner-pages .top_form table.form td {vertical-align:top; box-sizing:border-box; border:none; height:60px;} #contents-inner-pages .contents-contact table.form2 th{width:300px; background-color:#00446a;} #contents-inner-pages .contents-contact table.form2 input {margin:0 5px 20px 0 !important;} #contents-inner-pages .contents-contact table.form2 label {margin:0 15px 0 0;display:inline-block;} #contents-inner-pages .contents-contact table.form2 label:last-child {margin:0;} #contents-inner-pages .contents-contact table.form2 strong{ font-weight:normal; font-size:16px; color:#00446a;} #contents-inner-pages .contents-contact table.form2 .item { width:100%; color:#fff; font-weight:bold; font-size:20px;} #contents-inner-pages .contents-contact table.form2 .supplement {color:#00446a;} #contents-inner-pages .contents-contact table.form2 .sml {color:#666; font-size:12px; font-weight:normal; display:block; text-align:right;} #contents-inner-pages .contents-contact table.form2 .value, #contents-inner-pages .contents-contact table.form2 .value_type, #contents-inner-pages .contents-contact table.form2 .value_add {} #contents-inner-pages .contents-contact table.form2 .value_add br {display:none;} #contents-inner-pages .contents-contact .top_form_btn { display:block; width:420px; margin:16px auto 0px auto; box-sizing:border-box; cursor:pointer; color:#0c0c0c; font-size:28px; letter-spacing:2px; text-decoration:none; border:1px solid #eee; background:#ffeca6; padding:18px 0 15px 0;} #contents-inner-pages .contents-contact input.top_form_btn[type="image"]{ padding:0;} #contents-inner-pages .contents-contact .error_description, #contents-inner-pages .contents-contact .description1{margin:40px 0 30px 0px; text-align:center;} #contents-inner-pages .contents-contact .top_form_btn_back , #contents-inner-pages .contents-contact .baikyaku_err .top_form_btn_back { width:182px; box-sizing:border-box; cursor:pointer; color:#0c0c0c; font-weight: bold; letter-spacing:2px; text-decoration:none; border:none; background:#ffeca6; padding:18px 0 15px 0;} #contents-inner-pages .contents-contact .top_form_btn_end { width:182px; box-sizing:border-box; cursor:pointer; color:#FFF; font-weight: bold; letter-spacing:2px; text-decoration:none; border:none; background:#e92851; padding:18px 0 15px 0;} #contents-inner-pages .contents-contact .baikyaku_kan .description1{margin:30px auto 0 auto!important; width:1100px;} #contents-inner-pages .contents-contact .baikyaku_kan{padding-bottom:100px;} #contents-inner-pages .contents-contact table.bt tbody tr td {padding-bottom:60px;} #wrap-outer2nd h4{ font-size:18px; color:#00446a; font-weight:bold; border-bottom:2px solid #00446a; border-left:none; background-color: transparent; box-sizing: border-box; padding: 0 0 10px 10px; letter-spacing: .5px; margin-bottom: 20px;} }