/* For Smartphone */ @media screen and (max-width: 560px) { @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'); /*#contents-inner-page {border:none; padding-bottom:20px;} #contents-inner-page iframe{width:100% !important; height:200px !important;} #contents-inner-page .sp_none{display:none;} #contents-inner-page img.sp_none{display:none;} #contents-inner-page img.sp_right100{width:100px;float:right;position:absolute;right:0;top:0;} #contents-inner-page img.sp_half {width:50%; max-width:50%; display:block; margin:0 auto 0 auto;} #contents-inner-page img{width:100%;max-width:414px;} #contents-inner-page h3 {margin:0 0 20px 0;} #contents-inner-page h4 {text-align:left; margin:0 0 10px 0; padding:10px 5px 10px 10px;} #contents-inner-page p.txt {padding:0 10px 0 10px; margin:0;} #contents-inner-page img.sign {margin-top:14px;} #contents-inner-page .sp{display:inherit !important;} #contents-inner-page .pc{display:none !important;}*/ /*================================ kaitori ================================*/ #header{ height:82px;} #contents-inner-kaitori img.w_max{ width:100%; max-width:414px; } #contents-inner-kaitori .sp{display:inherit !important;} #contents-inner-kaitori .pc{display:none !important;} #contents-inner-kaitori .kaitori h2 > img{margin:0;} #contents-inner-kaitori .kaitori{ width: 100%; margin:0 auto -30px auto; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.8em; letter-spacing: 0.03em; color: #000000;　position: relative; overflow: hidden;} #contents-inner-kaitori .kaitori .inn{ width: 94%; 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 .pc{display: none !important;} /*---- トップイメージ ----*/ #contents-inner-kaitori .kaitori .main_image{ position: relative; z-index: 2; padding: 0; box-sizing: border-box;} /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-kaitori .kaitori .main_image .search_area{ width: 100%; background: url("/images/kaitori/sp/main_bottom.jpg") no-repeat bottom center,#007cc2; background-size: 100% auto; box-sizing: border-box; padding: 0 3% 12px 3%; text-align: center; margin-top: -50px;} #contents-inner-kaitori .kaitori .main_image .search_area .sub_h{ margin-bottom: 15px; position: relative;} #contents-inner-kaitori .kaitori .main_image .search_area .sub_h img{ width: 100%; max-width: 425px; margin-top: 10px; } /* baikyaku */ #contents-inner-kaitori .kaitori .main_image .wrap_form .form_blocks{ position: relative;} #contents-inner-kaitori .kaitori .main_image .wrap_form .form_blocks:before{ display: block; content: ""; background: url("/images/kaitori/online_indent.png"); background-size: 25px auto; width: 25px; height: 25px; position: absolute; bottom:-30px; left: 50%; margin-left: -12.5px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form {display: block; font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:35px; border: none; overflow: hidden;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form tbody,#contents-inner-kaitori .kaitori .main_image .wrap_form table.form tr{display: block;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .item { display: inline-block; font-size: 16px; font-weight: bold; position: relative;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form th { display: block; width: 100%; padding:10px 15px 10px 30px; vertical-align:top; background-color: #00446a; color: #ffffff; box-sizing: border-box; text-align: left;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form td { display: block; width: 100%; vertical-align:top; font-size: 16px; font-weight: normal; padding: 10px 15px 10px 15px; text-align: left; box-sizing: border-box; background: #005686; color: #ffffff;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form tr + tr th{ border-top: 2px solid #007cc2;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form tr:last-child td{ padding-bottom: 25px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .supplement { color:#9a9a9a;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .value.est_type {margin:5px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .value{margin:6px 0 0 0;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form label { background-color: transparent !important; position: relative; padding: 0 10px 10px 4px; cursor: pointer; transition: .3s;} /*#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:2px; left:0; background-color: #ebebeb; width: 20px; height: 20px; border-radius: 50%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="radio"]:checked + label{color: #ee827c;} #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:6px; left:4px; background-color: #ee827c; width: 12px; height: 12px; border-radius: 50%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"]{background-color: #ededed; border: none; border-radius: 5px; padding: 10px 20px 10px 20px; box-sizing: border-box; font-size: 100%;}*/ #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"].w1 { width: 150px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"].w2 { width: 100%;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form input[type="text"].w3 { width: 90px;} #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 .input_box + .input_box { border-top: 1px dotted rgba(255,255,255,0.2); margin-top: 15px; padding-top: 15px;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form strong { color:#ffb4b4; font-weight:bold !important; font-size:16px; letter-spacing: normal;} #contents-inner-kaitori .kaitori .main_image .wrap_form table.form .requireLabel{font-size:12px; color:#ffb4b4; position: absolute; top:2px; right:-17px;} .main .form #input_address{display:none; margin-top:10px;} #contents-inner-kaitori .kaitori .main_image .wrap_form .submit_btn{ width: 100%; max-width: 500px; margin: 0 auto 0 auto; border: 0; color: #050505; font-size: 20px; font-weight:bold; background: url("/images/kaitori/icon_calculator.png") no-repeat center left 20%,#fff720; background-size: 20px 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; padding: 20px 0 20px 40px; 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; } /*---- このような事でお困りではありませんか ----*/ #contents-inner-kaitori .kaitori .nayami{background: url("/images/kaitori/bg02.jpg") repeat; position: relative; padding: 0;} #contents-inner-kaitori .kaitori .nayami .inn{position: relative; z-index: 0;} #contents-inner-kaitori .kaitori .nayami h2{ padding: 0; margin: 0;} #contents-inner-kaitori .kaitori .nayami h2 img{ width: 98%; max-width: 381px;} #contents-inner-kaitori .kaitori .nayami .nayami_img{ width: 220px; margin: -44px auto -70px auto; display: block;} #contents-inner-kaitori .kaitori .nayami .nayami_list{display: flex; margin: 0; justify-content: space-between; flex-wrap: wrap;} #contents-inner-kaitori .kaitori .nayami .nayami_list li{ width: 48%; border-radius: 10px; background: #ffffff; text-align: center; font-size: 16px; 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 15px 0;letter-spacing: 0.03em;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .num{ width: 95px; padding: 4px 0 1px 0; background: #365160; position: absolute; top:8px; left:-10px; text-align: center; font-size:12px; 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: 18px; margin-left: 6px; vertical-align: middle; margin-bottom: 2px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .img{height: 65px; margin-bottom: 10px;} #contents-inner-kaitori .kaitori .nayami .nayami_list li .img img{ height: 100%; object-fit: cover;} /*---- 納得の価格で買い取ります／POINT ----*/ #contents-inner-kaitori .kaitori .kaiketsu{ background: #ffffff; padding: 0; position: relative; z-index: 1; margin-bottom: 50px;} #contents-inner-kaitori .kaitori .kaiketsu > .kaiketsu_h{ box-sizing: border-box; position: relative; z-index: 0;} #contents-inner-kaitori .kaitori .kaiketsu > .kaiketsu_h:after{ display: block; content: ""; background: #0fa599; width: 100%; height: 90%; position: absolute; z-index: -1; top:5px; left:0; right:0;} #contents-inner-kaitori .kaitori .kaiketsu h2{ background: url("/images/kaitori/sp/bg04.jpg") no-repeat center top,url("/images/kaitori/sp/bg04_bottom.jpg") no-repeat center bottom; background-size: 100% auto; padding: 150px 3% 130px 3%; box-sizing: border-box; margin: 0;} #contents-inner-kaitori .kaitori .kaiketsu h2 img{ width: 100%; max-width: 361px;} #contents-inner-kaitori .kaitori .point_bl{background: url("/images/kaitori/point_indent.png") no-repeat center top; background-size: 62.5px auto; padding: 50px 0 0 0; margin-top: -90px; position: relative; z-index: 2;} #contents-inner-kaitori .kaitori .point_bl .box{margin-bottom: 20px; } #contents-inner-kaitori .kaitori .point_bl .box .txt{ position: relative;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3{ font-size: 26px; font-weight: 300; color: #0fa599; background: transparent; border:none; text-align:left; letter-spacing: 0.03em; line-height: 1.61; padding: 75px 0 0 0;margin-bottom: 10px;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 .num{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; background: url("/images/kaitori/sp/point_num_bg.jpg") no-repeat; background-size: 130px auto; width: 130px; 78px box-sizing: border-box; text-align: center; position: absolute; top:0; left:0; z-index: 0; letter-spacing: 0.08em; line-height: 2.4em; padding-top: 18px; color: #0fa599;} #contents-inner-kaitori .kaitori .point_bl .box .txt h3 .num > em{display: block; font-size: 40px;} #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:bold; font-size: 30px; text-shadow: none; filter:drop-shadow(0 3px 0 rgba(0,0,0,0.08));} #contents-inner-kaitori .kaitori .point_bl .box:nth-child(n+2) .txt h3{ text-align: center;} #contents-inner-kaitori .kaitori .point_bl .box:nth-child(n+2) .txt h3 .num{left:0; right:0; margin-left: auto; margin-right: auto;} #contents-inner-kaitori .kaitori .point_bl .box .txt p{font-size: 16px; line-height: 1.8em; margin-bottom: 18px;} #contents-inner-kaitori .kaitori .point_bl .box .img{ position: relative; z-index: 3; box-shadow: 0 3px 0 rgba(0,0,0,0.08); width: 100%; max-width: 400px; margin: auto; height: auto; aspect-ratio: 5 / 3.5;} #contents-inner-kaitori .kaitori .point_bl .box .img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;} /*---- 不動産売却の買取と仲介ってなにが違うの？ ----*/ #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; } #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{ } #contents-inner-kaitori .kaitori .what_blocks > .box{ width: 95%; border-radius: 10px; border: 2px solid #d23243; box-shadow: 0 3px 0 rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.8); position: relative; box-sizing: border-box; padding: 55px 5% 20px 5%; font-size: 16px; line-height: 1.7em; margin: auto;} #contents-inner-kaitori .kaitori .what_blocks > .box.green{ border-color: #0e9e91; margin-top: 30px;} #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 h3 img{ width: 215px;} #contents-inner-kaitori .kaitori .what_blocks p{ margin-bottom: 15px;} #contents-inner-kaitori .kaitori .what_blocks > .box .what_illust{ display: block; margin: auto; width: 100%; max-width: 250px;} #contents-inner-kaitori .kaitori .what_blocks .h{font-size:18px; font-weight:bold; color: #bd2332; margin:15px 0 -15px 15px; } #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:18px 15px 8px 15px; } #contents-inner-kaitori .kaitori .what_blocks .feature_list li{background: url(/images/kaitori/sp/what_cheak.png) no-repeat left top 10px; background-size: 15px auto; padding: 5px 0 6px 24px; border-bottom: 1px dashed #dddddd; font-size: 14px; line-height: 1.6em;} #contents-inner-kaitori .kaitori .what_blocks .feature_list li:last-child{ border: none;} #contents-inner-kaitori .kaitori .what .matome{ margin: 12px 0 0 0;} /*---- 買取事例 ----*/ #contents-inner-kaitori .kaitori .jirei{background: url("/images/kaitori/bg06.jpg") repeat center top; position: relative; z-index: 1; padding: 15px 0 30px 0;} #contents-inner-kaitori .kaitori .jirei .inn{ position: relative;} #contents-inner-kaitori .kaitori .jirei h2{ margin-bottom: 25px;} #contents-inner-kaitori .kaitori .jirei h2 img{width: 172px;} #contents-inner-kaitori .kaitori .jirei .jirei_h_img{ position:absolute; right:-20px; top:1%; z-index: 1; width: 51%;} #contents-inner-kaitori .kaitori .jirei .inn > p{font-size: 14px; line-height: 1.7em; font-weight: bold; color: #303030; margin-bottom: 30px; margin-right: 29%; position: relative; z-index: 6;} #contents-inner-kaitori .kaitori .jirei table{ background-color: #ffffff; box-shadow: 0 0 15px rgba(131,106,5,0.35); border-top: 12px solid #ffffff; position: relative; z-index: 3; border-collapse: collapse; font-size:16px; line-height: 1.6em; color: #000000;} #contents-inner-kaitori .kaitori .jirei table + table{ margin-top:15px; } #contents-inner-kaitori .kaitori .jirei table td{ padding: 15px 5% 0 5%;} #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: 106%; height: 100%; position: absolute; top:0; left:-3%; 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; background-size: 2.7% auto; width: 106%; height: 15px; position: absolute; bottom:-15px; right:-3%; z-index: -1;} #contents-inner-kaitori .kaitori .jirei table td:has(h4){ padding-top: 20px;} #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: 5%;} #contents-inner-kaitori .kaitori .jirei table tr:last-child td{ padding-bottom: 20px;} #contents-inner-kaitori .kaitori .jirei table h4{ background: #000000; display: inline-block; padding: 7px 15px 9px 15px; border: none; border-radius: 30px; font-size: 12px; 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: 22px; 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 .jirei table img{ width: 90%;} /*---- ご売却までの流れ ----*/ #contents-inner-kaitori .kaitori .flow{ position: relative; z-index: 1; box-sizing: border-box; padding: 40px 0 180px 0; } #contents-inner-kaitori .kaitori .flow:before{ display: block; content: ""; background: url("/images/kaitori/sp/bg07.jpg") no-repeat center bottom -1px; background-size:100% auto; width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; z-index: 0;} #contents-inner-kaitori .kaitori .flow:after{ display: block; content: ""; background: url("/images/kaitori/sp/bg07_sora.jpg") no-repeat center top -2px; background-size:cover; width: 100%; height: 98%; position: absolute; top:0; left: 0; right: 0; z-index: -1;} #contents-inner-kaitori .kaitori .flow .inn{ position: relative;} #contents-inner-kaitori .kaitori .flow h2{ margin-bottom: 60px; text-align: left;} #contents-inner-kaitori .kaitori .flow h2 img{ width: 50%;} #contents-inner-kaitori .kaitori .flow .flow_h_img{ position: absolute; top: -10px; right: 0; z-index: 1; width: 45%; max-width: 160px;} #contents-inner-kaitori .kaitori .flow_list{ position: relative; z-index: 3;} #contents-inner-kaitori .kaitori .flow_list .box{ display: flex; flex-direction: column-reverse; flex-wrap: nowrap; border-radius: 10px; border: 2px 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: 30px 5% 20px 5%; font-size: 16px; line-height: 1.8em; } #contents-inner-kaitori .kaitori .flow_list .box + .box{ margin-top: 40px;} #contents-inner-kaitori .kaitori .flow_list .box + .box:before{ display: block; content: ""; background: url("/images/kaitori/flow_indent.png") no-repeat; background-size: 25px auto; width: 25px; height: 20px; position:absolute; top:-30px; 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{ margin-top: 15px; } #contents-inner-kaitori .kaitori .flow_list .box .h{font-size:24px; font-weight:bold; color: #1c8bcb; text-shadow: 0 1px 0 rgba(0,0,0,0.15); padding: 0; margin:0 0 23px 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{ width: 46px; position: absolute; z-index: -1; top:-27px; left:5%;} #contents-inner-kaitori .kaitori .flow_list .box .h > span img{ width: 46px;} /*---- お客様の声 ----*/ #contents-inner-kaitori .kaitori .voice{ position: relative; z-index: 1; padding: 10px 0 30px 0; } #contents-inner-kaitori .kaitori .voice:before{ display: block; content: ""; background: url("/images/kaitori/sp/bg07_bottom.jpg") no-repeat center bottom; background-size:100% auto; width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; z-index: 0;} #contents-inner-kaitori .kaitori .voice:after{ display: block; content: ""; background: #007cc2; width: 100%; height: 98%; position: absolute; top:0; left: 0; right: 0; z-index: -1;} #contents-inner-kaitori .kaitori .voice h2{ text-align: right; margin-bottom: 45px;} #contents-inner-kaitori .kaitori .voice h2 img{width: 170px;} #contents-inner-kaitori .kaitori .voice .inn{ position: relative;} #contents-inner-kaitori .kaitori .voice .inn .voice_h_img{ position: absolute; top: -52px; left: -70px; z-index: 1; width: 230px;} #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 top 15px left 20px,#ffffff; background-size: 35px auto; box-shadow: 0 0 15px rgba(0,56,87,0.35); margin: 0 0 15px 0; box-sizing: border-box; padding: 22px 5% 20px 5%; font-size: 16px; line-height: 1.7em;} #contents-inner-kaitori .kaitori .voice_list .box .h{ font-size: 20px; font-weight:bold; color: #007cc2; padding: 0; margin:0 0 15px 45px; } /*---- よくあるご質問 ----*/ #contents-inner-kaitori .kaitori .faq{background: url("/images/kaitori/bg08.jpg") repeat; position: relative; z-index: 1; box-sizing: border-box; padding: 30px 0 30px 0;} #contents-inner-kaitori .kaitori .faq .inn{ position: relative;} #contents-inner-kaitori .kaitori .faq h2{ margin-bottom: 65px; text-align: left; } #contents-inner-kaitori .kaitori .faq h2 img{ width: 200px;} #contents-inner-kaitori .kaitori .faq .fag_h_img{ position: absolute; top: -52px; right: -8px; width: 160px;} #contents-inner-kaitori .kaitori .faq dl + dl{ margin-top: 40px;} #contents-inner-kaitori .kaitori .faq dt{font-size: 20px; font-weight: bold; border-bottom: 2px solid #0e9e91; padding: 0 0 15px 45px; position: relative; margin-bottom: 15px; 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: 40px; font-weight: 600; color: #0e9e91; position: absolute; top:0; left:0;} #contents-inner-kaitori .kaitori .faq dd{ color: #3d3d3d; position: relative; padding: 0 5px 0 44px; font-size: 14px; line-height: 1.8em;} #contents-inner-kaitori .kaitori .faq dd:before{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; display: block; content: "A"; font-size: 30px; font-weight: 600; color: #c62936; position: absolute; top:3px; left:9px;} #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: 40px 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); 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/sp/company_pin.png") no-repeat; background-size: 17px auto; width: 17px; height: 17px; 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{ font-size: 14px; line-height: 1.7em; box-sizing: border-box; padding: 45px 5% 15px 5%; letter-spacing: 0.03em;} #contents-inner-kaitori .contact_area .shop_info .txt h2{text-align: left; font-size: 22px; font-weight:bold; color: #0d9c8e; text-shadow: 0 2px 0 rgba(0,0,0,0.15); margin:0 0 20px 0; padding: 0;} #contents-inner-kaitori .contact_area .shop_info .txt .img{ margin-top: 20px;} #contents-inner-kaitori .contact_area .shop_info .map iframe{ width: 100% !important; height: 250px !important;} #contents-inner-kaitori .contact_bl .inn{ height: 100%; box-sizing: border-box; position: relative; padding: 43px 0 45px 0; color: #ffffff;} #contents-inner-kaitori .contact_bl .inn .contact_img{ position: absolute; top:30; right:-30px; z-index: 1; width: 200px;} #contents-inner-kaitori .contact_bl h2{ text-align: left; padding: 0; margin: 0 0 10px 0; position: relative; z-index: 2;} #contents-inner-kaitori .contact_bl h2 img{width: 80%; max-width: 249px;} #contents-inner-kaitori .contact_bl h2 + p{font-size: 14px; line-height: 1.6em;} #contents-inner-kaitori .contact_bl .btn_area.sp{ display: flex !important; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 5; margin-top: 15px;} #contents-inner-kaitori .contact_bl .btn_area .tel{ width: 100%; margin-bottom: 13px;} #contents-inner-kaitori .contact_bl .btn_area .mail{ width: 49%; } #contents-inner-kaitori .contact_bl .btn_area .line{ width: 49%; } #contents-inner-kaitori .contact_bl .btn_area > div a{ display: block; width: 100%; box-sizing: border-box; text-decoration: none; text-align: center;} #contents-inner-kaitori .contact_bl.short{ background: url("/images/kaitori/contact_bg_short.webp") no-repeat center top; background-size: cover; 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 .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{ display: flex; height: 65px; justify-content: space-between; align-items: center; flex-wrap: nowrap; } #contents-inner-kaitori .kaitori .contact_fixed .logo{ padding-right: 10px;} #contents-inner-kaitori .kaitori .contact_fixed .logo img{width: 160px; } #contents-inner-kaitori .kaitori .contact_fixed .btn_area.sp{ display: flex !important; position: relative; align-items: center; z-index: 5;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area > div{ width: 31%; max-width: 50px; height: auto; aspect-ratio: 5 / 5;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area .mail{ margin-left: 6px;} #contents-inner-kaitori .kaitori .contact_fixed .btn_area .line{ margin-left: 6px;} #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;} /*---- フッター ----*/ #footer .pc{display: none !important;} #footer{ background: #60492b; text-align: center; min-height: auto; font-size: 14px; line-height: 1.8em; letter-spacing: 0.03em; color: #ffffff;} #footer .inn{ width: 94%; margin: auto; padding:40px 0 40px 0;} #footer .inn .h{margin-bottom: 25px;} #footer .inn .h img{ width: 90%; max-width: 350px;} #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.03em; opacity: .8;} #footer .inn p small{ display: block;} #footer #footer-copyright { padding: 0;} #footer #footer-copyright .copyright{ font-family: 'Urbanist', Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 0.06em; width: 100%; height: auto; padding: 20px 0 20px 0; border: none; color:rgba(255,255,255,0.6); text-align: center; background: #000000; line-height: 1.4em;} #scrollUp { bottom: 65px;} /*---- form ----*/ #contents form .w1 {width:150px; box-sizing:border-box;} #contents form .w2 {width:150px; box-sizing:border-box;} #contents form .w3 {width:100%; box-sizing:border-box;} #contents form .w4 {width:100%; box-sizing:border-box; border:1px solid #DDD;} #contents form .w5 {width:100px; box-sizing:border-box;} #contents-inner-pages .contents-contact {} #contents-inner-pages .contents-contact .description1, #contents-inner-pages .contents-contact .error_description, #contents-inner-pages .contents-contact .error_list {padding:10px; text-align:left;} #contents-inner-pages .contents-contact .contact_bt {padding:0; text-align:center;} #contents-inner-pages .contents-contact form{} /*#contents-inner-pages .contents-contact form table {border-top:1px solid #dcdcdc;}*/ #contents-inner-pages .contents-contact form table{ margin:0 0 30px 0;} #contents-inner-pages .contents-contact form table th, #contents-inner-pages .contents-contact form table td {display:block; width:100%; padding:10px; box-sizing:border-box; text-align:left; background:none;/* border-bottom:1px solid #dcdcdc;*/} #contents-inner-pages .contents-contact form table td{border-top:none; border-bottom:none; height:auto;} #contents-inner-pages .contents-contact form table td:last-child{border-bottom:#dcdcdc 1px solid;} #contents-inner-pages .contents-contact form table th {background:#F4F4F4;} #contents-inner-pages .contents-contact ul.bt { padding:0;} #contents-inner-pages .contents-contact ul.bt li { width:auto; margin:auto; text-align:center;} #contents-inner-pages .contents-contact ul.bt li:nth-child(1){ float:none;} #contents-inner-pages .contents-contact ul.bt li:nth-child(2){ float:none; margin-top:30px;} #contents-inner-pages .contents-contact ul.bt li:nth-child(2) img{ height:50px;} #contents-inner-pages .contents-contact ul.bt li img{ margin-bottom:0;} #contents-inner-pages .contents-contact form label{margin:10px 0 20px 0;} /*#contents-inner-pages .contents-contact form input[type=text],*/#contents-inner-pages .contents-contact form textarea{width:100% !important;} #contents-inner-pages .baikyaku .assessment2 {width:100%; margin:0 auto -30px auto; /*background-color: #e2f0f4;*/ padding:30px 0 0px 0;} #contents-inner-pages .baikyaku .assessment2 h3{background:#00446a; font-size:20px; color:#fff;letter-spacing: 0.1em; text-align: center; border-bottom:none; border-top:none;} #contents-inner-pages .baikyaku .assessment2 .assessment_cmnt{text-align: left; color:#00446a;width:94%; margin:0 auto 0 auto;} #contents-inner-pages .baikyaku .assessment2 table{margin-bottom:20px;} #contents-inner-pages .baikyaku .assessment2 table.bt{margin-bottom:60px;} #contents-inner-pages .baikyaku .assessment2 table.bt td{background-color:transparent !important;} #contents-inner-pages .baikyaku .assessment2 table.bt tr{display: flex; flex-direction: column-reverse;} #contents-inner-pages .baikyaku .assessment2 th, #contents-inner-pages .baikyaku .assessment2 td{border: none !important; } #contents-inner-pages .baikyaku .assessment2 td{background-color:#f9f9f9 !important; } #contents-inner-pages .baikyaku .assessment2 form tr{/*border-top: 3px solid #e2f0f4 !important;*/} #contents-inner-pages .baikyaku .assessment2 form th{padding:5px 15px 5px 15px; text-align: left;} #contents-inner-pages .baikyaku .assessment2 form td{border-top:none; border-bottom:none; height:auto; text-align: left; padding:15px 5% 15px 5%; background-color: #ffffff;} #contents-inner-pages .baikyaku .assessment2 form label{margin:9px 3% 7px 0; display: inline-block; /*min-width: 40%;*/} #contents-inner-pages .baikyaku .assessment2 th{color:#fff; text-align: center; background-color:#00446a; /*border-radius:5px;*/} #contents-inner-pages .baikyaku .assessment2 td strong{font-weight: normal;} #contents-inner-pages .baikyaku .assessment2 form{width:94%; margin:0 auto 0 auto; } #contents-inner-pages .baikyaku .assessment2 form input[type="text"],#contents-inner-pages .baikyaku .assessment2 form input[type="tel"], #contents-inner-pages .baikyaku .assessment2 form input[type="password"],#contents-inner-pages .baikyaku .assessment2 form select,#contents-inner-pages .baikyaku .assessment2 form textarea {background-color: #ededed; box-shadow:none; border: none !important; border-radius: 5px; padding: 15px; margin-bottom:20px; } #contents-inner-pages .baikyaku .assessment2 h4 { font-size: 20px; border-bottom: none; border-top: 1px solid #00446a; padding: 20px 0 0 0; margin-bottom: 20px;} #contents-inner-pages .baikyaku .assessment2 .form + h4{ margin-top: 40px;} #contents-inner-pages .baikyaku .assessment2 h4 span { font-size: 12px;} #contents-inner-pages .baikyaku .assessment2 .assessment_down {width:29px; display: block; margin: 0 auto 0 auto;} #contents-inner-pages .baikyaku .assessment2 .top_form_btn{width:100%; margin-top:20px;} #contents-inner-pages .baikyaku .assessment2 .assessment_ttl{position:relative;font-size:18px; color:#fff; text-align: center; padding:20px 0 20px 0; margin-bottom:35px;background-color:#00446a; font-weight: bold;} #contents-inner-pages .baikyaku .assessment2 .assessment_ttl span{color:#ffe674;} #contents-inner-pages .baikyaku .assessment2 .assessment_ttl:after{content:""; position:absolute; bottom:-11px; left:36%; background:url(/images/baikyaku/assess_down.png) no-repeat; background-size:85px 35px; width:85px; height:35px;} #contents-inner-pages .baikyaku .assessment2 .baikyaku_conf {} #contents-inner-pages .baikyaku .assessment2 .baikyaku_conf .description1, #contents-inner-pages .baikyaku .assessment2 .baikyaku_kan .description1{margin-bottom:10px; padding:0 10px 10px 10px;} #contents-inner-pages .baikyaku .assessment2 .baikyaku_kan{margin-bottom:20px;} #contents-inner-pages .baikyaku .assessment2 .baikyaku_kan .description1{margin:0 !important;} #contents-inner-pages .baikyaku .assessment2 .top_form_btn{ 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; margin-top:0; margin-bottom:60px;} #contents-inner-pages .baikyaku .assessment2 .top_form_btn_back, #contents-inner-pages .baikyaku .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; margin-top:0; margin-bottom:20px;} #contents-inner-pages .baikyaku .baikyaku_err .top_form_btn_back {margin:0 auto 20px auto; display: block;} #contents-inner-pages .baikyaku .assessment2 .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; margin-top:0; margin-bottom:20px;} #contents-inner-pages .baikyaku .assessment2 table.bt td{text-align: center;} #contents-inner-pages .baikyaku table.bt tbody tr td {display:block; padding-bottom:0px;} #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;} }