/* 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;300;400;500;700;900&display=swap'); #wrap-outer3{ overflow: hidden;} #wrap-outer2nd #wrap-navi{background: #ffffff;} #scrollUp { bottom: 101px;} /* leaseback */ #contents-inner-leaseback .leaseback{margin:0 auto -60px 0; font-size: 17px; font-weight: normal; line-height: 1.81; letter-spacing: 0.06em; position: relative; border-bottom: 1px solid #3b352e;} #contents-inner-leaseback .leaseback .inn{ width: 1100px; margin: auto;} #contents-inner-leaseback .leaseback .e_f{font-family: 'Century Gothic', Helvetica, Arial, sans-serif;} #contents-inner-leaseback .leaseback h2{ background-color: transparent; text-align: center; padding: 0; margin-bottom: 70px;} #contents-inner-leaseback .leaseback .sp{display: none !important;} /*---- トップイメージ ----*/ #contents-inner-leaseback .leaseback .main_image{ position: relative; z-index: 0; min-height: 595px; padding: 90px 0 90px 0;} #contents-inner-leaseback .leaseback .main_image:before{ display: block; content: ""; width: 100%; height: 595px; background:url("/images/leaseback/main_bk.jpg") no-repeat top center,#f5f5f5; position: absolute; top:0; left:0; right:0; z-index: -1; } #contents-inner-leaseback .leaseback .main_image .inn .h{ text-align: left;} #contents-inner-leaseback .leaseback .main_image .inn p{ margin: 40px 0 80px 0; font-size: 17px; color: #ffffff; text-shadow: 0 0 20px #4092d9;} /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-leaseback .leaseback .main_image .search_area{ width: 100%; min-height: 660px; background: rgb(0,160,173); background: linear-gradient(0deg, rgba(0,160,173,0.95) 0%, rgba(0,112,133,0.95) 100%); box-sizing: border-box; padding: 45px 60px 60px 60px; text-align: center;} #contents-inner-leaseback .leaseback .main_image .search_area .sub_h{ margin-bottom: 25px; position: relative;} #contents-inner-leaseback .leaseback .main_image .search_area .sub_h img{margin-left: 15px; margin-right: 15px;} /* baikyaku */ #contents-inner-leaseback .leaseback .main_image .wrap_form .form_blocks{ position: relative; margin-bottom: 46px;} #contents-inner-leaseback .leaseback .main_image .wrap_form .form_blocks:before{ display: block; content: ""; background: url("/images/leaseback/indent_bottom_ye.png"); background-size: 25px auto; width: 25px; height: 16px; position: absolute; bottom:0; left: 50%; margin-left: -12.5px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form {font-size:16px; border-collapse:separate; border-spacing:0; border: 1px solid #108293;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .item { display: inline-block; font-size: 20px; font-weight: 700; position: relative;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form th {padding:17px 0 17px 0; vertical-align:top; background-color: #2eb0c0; color: #ffffff; width: 210px; box-sizing: border-box;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form td {padding:0; vertical-align:top; font-size: 18px; font-weight: 400; padding: 17px 40px 17px 40px; text-align: left; background: #ffffff;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form tr + tr th,#contents-inner-leaseback .leaseback .main_image .wrap_form table.form tr + tr td{ border-top: 1px solid #108293;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .supplement { color:#9a9a9a;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .value {margin:3px 0 3px 0;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .main_image .wrap_form table.form label:hover{opacity: .7;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="radio"] { margin-right:7px;} /*#contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="radio"] {display: none;} #contents-inner-leaseback .leaseback .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: #eaeaea; width: 20px; height: 20px; border-radius: 50%;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="radio"]:checked + label{color: #ee827c;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="radio"]:checked + label:hover{opacity: 1;} #contents-inner-leaseback .leaseback .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: #ee827c; width: 18px; height: 18px; border-radius: 50%;}*/ #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="text"]{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-leaseback .leaseback .main_image .wrap_form table.form input[type="text"].w2 { width: 80%;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="text"].w3 { width: 100px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form strong { color:#2eb0c0; font-weight:bold !important; font-size:16px; letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .requireLabel{font-size:12px; color:#fcffa6; position: absolute; top:5px; right:-17px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .example{ opacity: .7; font-size: 14px; margin-left: 10px;} #contents-inner-leaseback .leaseback .main_image .form #input_address{display:none; margin-top:10px;} #contents-inner-leaseback .leaseback .main_image .wrap_form .submit_btn{ width: 500px; height: 84px; margin: 0 auto 0 auto; border: 0; color: #0c0c0c; font-size: 28px; font-weight:normal; background: url("/images/leaseback/btn_indent_bk.png") no-repeat center left 130px,#fcffa6; background-size: 11px auto; text-align: center; cursor: pointer; box-shadow:0 3px 15px rgba(0,66,98,.15); 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;} #contents-inner-leaseback .leaseback .main_image .wrap_form .submit_btn span{color: #fff150;} #contents-inner-leaseback .leaseback .main_image .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); } /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-leaseback .wrap_form table.form22 {font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:20px; border: 1px solid #21a6e1;} #contents-inner-leaseback .wrap_form table.form22 .item { display: inline-block; font-size: 20px; font-weight: 700; position: relative;} #contents-inner-leaseback .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-leaseback .wrap_form table.form2 td {padding:0; vertical-align:top; font-size: 18px; font-weight: 400; padding: 14px 0px 17px 40px; text-align: left; background: #ffffff;} #contents-inner-leaseback .wrap_form table.form2 tr + tr th,#contents-inner-leaseback .wrap_form table.form2 tr + tr td{ border-top: 1px solid #21a6e1;} #contents-inner-leaseback .wrap_form table.form2 .supplement { color:#9a9a9a;} #contents-inner-leaseback .wrap_form table.form2 .value {margin:6px 0 0 0;} #contents-inner-leaseback .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-leaseback .wrap_form table.form2 label:hover{opacity: .7;} #contents-inner-leaseback .wrap_form table.form2 input[type="radio"] {display: none;} #contents-inner-leaseback .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-leaseback .wrap_form table.form2 input[type="radio"]:checked + label{color: #ee827c;} #contents-inner-leaseback .wrap_form table.form2 input[type="radio"]:checked + label:hover{opacity: 1;} #contents-inner-leaseback .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-leaseback .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-leaseback .wrap_form table.form2 input[type="text"].w2 { width: 80%;} #contents-inner-leaseback .wrap_form table.form2 input[type="text"].w3 { width: 100px;} #contents-inner-leaseback .wrap_form table.form2 strong { color:#2eb0c0; font-weight:500 !important; font-size:16px;} #contents-inner-leaseback .wrap_form table.form2 .requireLabel{font-size:12px; color:#ee827c; position: absolute; top:5px; right:-17px;} #contents-inner-leaseback .wrap_form table.form2 .example{ opacity: .7; font-size: 14px; margin-left: 10px;} #contents-inner-leaseback .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-leaseback .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/leaseback/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-leaseback .wrap_form .submit_btn span{color: #fff150;} #contents-inner-leaseback .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); } /*---- このような事でお悩みではありませんか ----*/ #contents-inner-leaseback .leaseback .nayami{ padding-bottom: 113px;} #contents-inner-leaseback .leaseback .nayami .inn{width: 1150px; position: relative; z-index: 0;} #contents-inner-leaseback .leaseback .nayami h2{ margin-bottom: 80px;} #contents-inner-leaseback .leaseback .nayami .nayami_list{} #contents-inner-leaseback .leaseback .nayami .nayami_list > div{ display: flex; justify-content: space-between; flex-wrap: nowrap;background-color: #f2f8f9; overflow: hidden;} #contents-inner-leaseback .leaseback .nayami .nayami_list > div + div{ margin-top: 33px;} #contents-inner-leaseback .leaseback .nayami .nayami_list > div:nth-child(even){flex-direction: row-reverse; justify-content: flex-start;} #contents-inner-leaseback .leaseback .nayami .nayami_list ul{ width: 870px; font-size: 22px; color: #3d3d3d; font-weight: 700; padding: 30px 0 30px 50px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-start;} #contents-inner-leaseback .leaseback .nayami .nayami_list li{background: url("/images/leaseback/namami_cheak.png") no-repeat top 5px left; padding: 0 55px 0 50px;} #contents-inner-leaseback .leaseback .nayami .nayami_list li + li{ margin-top:25px; } #contents-inner-leaseback .leaseback .nayami .nayami_list > div .img{width: 320px; } #contents-inner-leaseback .leaseback .nayami .nayami_list > div .img img{width: 100%; height: 100%; object-fit: cover;} /*---- お任せください ----*/ #contents-inner-leaseback .leaseback .kaiketsu{ background-color: #4babb7; color: #ffffff;} #contents-inner-leaseback .leaseback .kaiketsu .inn{width: 1060px; position: relative; z-index: 0; font-size: 17px; font-weight:normal; padding-top: 80px; padding-bottom: 80px;} #contents-inner-leaseback .leaseback .kaiketsu .kaiketu_img{ position: absolute; bottom: 0; right: 0;} #contents-inner-leaseback .leaseback .kaiketsu h2{text-align: left; margin-bottom: 40px;} /*---- リースバックとは ----*/ #contents-inner-leaseback .leaseback .what .inn{position: relative; z-index: 0; padding-top: 100px; padding-bottom: 100px; text-align: center;} #contents-inner-leaseback .leaseback .what h2{ margin-bottom: 50px;} #contents-inner-leaseback .leaseback .what p{} #contents-inner-leaseback .leaseback .what .img_box{box-shadow:0 0 30px rgba(0,0,0,0.06); margin: 60px 0 55px 0; } /*---- 活用事例 ----*/ #contents-inner-leaseback .leaseback .katsuyo{ background: #f0f7f8; padding: 100px 0 50px 0; position: relative; text-align: center;} #contents-inner-leaseback .leaseback .katsuyo h2{ margin-bottom: 50px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list{text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; width: calc(100% - 180px); min-width: 1150px; margin: 70px auto 0 auto;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div{ background-color: #ffffff; box-shadow: 0 0 15px rgba(7,50,32,0.05); width: 48.3%; margin-bottom: 60px; padding: 50px; box-sizing: border-box; position: relative; z-index: 0;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div:before{display: block; content: ""; background: url("/images/leaseback/katuyo_ex01.png") no-repeat; width: 132px; height: 123px; position: absolute; right:0; top: 0; z-index: 0;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div.ex02:before{background: url("/images/leaseback/katuyo_ex02.png") no-repeat;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div.ex03:before{background: url("/images/leaseback/katuyo_ex03.png") no-repeat;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div.ex04:before{background: url("/images/leaseback/katuyo_ex04.png") no-repeat;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h_box{display: flex; margin-bottom: 40px; align-items: center; justify-content: flex-start; flex-wrap: nowrap; position: relative; z-index: 1;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .img{ width: 31.5%; max-width: 230px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h{ margin-left: 47px; font-weight: bold; font-size: 48px; color: #3d3d3d; line-height: 1.51; letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h span{display:inline-block; background-color: #008899; font-size: 18px; font-weight: bold; padding: 5.3px 30px 5px 30px; color: #ffffff; letter-spacing: 0.03em; text-align: center; margin: 0 0 25px 3px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h mark{color: #008899; background: transparent;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list p{font-size: 17px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list p + p{ margin-top: 25px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list ul + p{ margin-top: 25px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list li{font-size: 17px; list-style: disc; margin-left: 22px;} @media print, screen and (max-width: 1810px) { #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h{ margin-left: 40px; font-size: 42px; } } @media print, screen and (max-width: 1650px) { #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h{ margin-left: 40px; font-size: 36px; } #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h span{ font-size: 18px; } } @media print, screen and (max-width: 1480px) { #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div{ width: 48.5%; margin-bottom: 30px; padding: 40px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h_box{margin-bottom: 30px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h{ margin-left: 25px; font-size: 32px; } #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h span{ font-size: 16px; padding: 6px 30px 5px 30px; margin: 0 0 15px 3px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list p{font-size: 15px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list li{font-size: 16px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list p + p{ margin-top: 30px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list ul + p{ margin-top: 30px;} } /*---- 選ばれる理由 ----*/ #contents-inner-leaseback .leaseback .merit{ padding: 100px 0 170px 0; position: relative;} #contents-inner-leaseback .leaseback .merit h2{ margin-bottom: 100px;} #contents-inner-leaseback .leaseback .merit .merit_list{ } #contents-inner-leaseback .leaseback .merit .merit_list > div{min-width: 1150px; border: 1px solid #3b352e; border-right: none; margin-left: calc(50% - 575px); position: relative;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even){ margin-left: 0; margin-right: calc(50% - 575px); text-align: right; border-right: 1px solid #3b352e; border-left: none;} #contents-inner-leaseback .leaseback .merit .merit_list > div + div{ margin-top: 135px;} #contents-inner-leaseback .leaseback .merit_list .img{ position: absolute; top:-40px; left:800px;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even) .img{ left:0; right:800px;} #contents-inner-leaseback .leaseback .merit_list .txt{display: inline-block; text-align: left; width: 800px; min-height: 400px; box-sizing: border-box; padding: 70px 80px 0 80px; position: relative;} #contents-inner-leaseback .leaseback .merit_list .h{font-size: 46px; font-weight: 700; color: #2d3034; margin-bottom: 40px;} #contents-inner-leaseback .leaseback .merit_list .h > span{position: absolute; top:0; left:0;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even) .h > span{left:inherit; right:0;} #contents-inner-leaseback .leaseback .merit_list .h > mark{ background-color: transparent; color: #008899;} #contents-inner-leaseback .leaseback .merit_list p + p{ margin-top: 35px;} @media print, screen and (max-width: 1750px) { #contents-inner-leaseback .leaseback .merit_list .img{ left:auto; right:0; width: 44%; height: 480px;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even) .img{ left:0; right:auto;} #contents-inner-leaseback .leaseback .merit_list .img img{ width: 100%; height: 100%; object-fit: cover;} } @media print, screen and (max-width: 1550px) { #contents-inner-leaseback .leaseback .merit_list .txt{padding: 70px 70px 0 70px;} #contents-inner-leaseback .leaseback .merit_list .img{ width: 35%; height: 480px;} } /*---- ご利用の流れ ----*/ #contents-inner-leaseback .leaseback .flow{background:#008899; padding: 90px 0 105px 0; position: relative; width: 100%;} #contents-inner-leaseback .leaseback .flow h2{ margin-bottom: 90px;} #contents-inner-leaseback .leaseback .flow .flow_list{display: flex; flex-wrap: nowrap; justify-content: space-between; width: calc(100% - 180px); min-width: 1150px; margin: 0 auto 0 auto;} #contents-inner-leaseback .leaseback .flow .flow_list > div{ background: #ffffff; width: 18%; position: relative; margin: 0; box-shadow: 0 0 20px rgba(12,12,12,0.15); } #contents-inner-leaseback .leaseback .flow .flow_list > div.first{ margin: 0;} #contents-inner-leaseback .leaseback .flow .flow_list > div + div:before{ display: block; background:url("/images/leaseback/flow_indent.png") repeat; content: ""; background-size: 15px auto; width: 15px; height: 25px; position: absolute; top:50%; margin-top: -7.5px; left: -9.5%;} #contents-inner-leaseback .leaseback .flow .box .img > img{width: 100%;} #contents-inner-leaseback .leaseback .flow .box .txt{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; box-sizing: border-box; max-height: 480px; padding-top: 40px; padding-bottom: 50px; align-items: center; display: flex; flex-wrap: wrap; width: 100%; align-content: center;} #contents-inner-leaseback .leaseback .flow .box .txt .h{ font-size: 28px; font-weight: 700; color: #ee827c; margin-left: 25px;} #contents-inner-leaseback .leaseback .flow .box .txt .h span{ position: absolute; top:-20px; left:0; right:0; width: 200px; height: 40px; margin: auto; text-align: center; -ms-writing-mode: initial; writing-mode: initial; text-orientation: initial; background: rgba(48,44,40,0.95); color: #ffffff; font-weight: bold; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; font-size: 22px;} #contents-inner-leaseback .leaseback .flow .box .txt p{letter-spacing: 0.03em;} @media print, screen and (max-width: 1650px) { #contents-inner-leaseback .leaseback .flow .box .txt .h{ font-size: 22px; font-weight: 700; margin-left: 15px;} #contents-inner-leaseback .leaseback .flow .box .txt p{font-size: 16px; line-height: 1.61;} #contents-inner-leaseback .leaseback .flow .box .txt .h span{ width: 150px; font-size: 20px;} } /*---- リースバック実績 ----*/ #contents-inner-leaseback .leaseback .jisseki{ padding: 80px 0 90px 0; } #contents-inner-leaseback .leaseback .jisseki .inn{ position: relative;} #contents-inner-leaseback .leaseback .jisseki h2{ margin-bottom: 75px;} #contents-inner-leaseback .leaseback .jisseki table{ background-color: #f0f7f8; padding: 50px;} #contents-inner-leaseback .leaseback .jisseki td{ vertical-align: top;} #contents-inner-leaseback .leaseback .jisseki td + td{ padding-left: 40px;} #contents-inner-leaseback .leaseback .jisseki td:first-child{ width: 305px;} #contents-inner-leaseback .leaseback .jisseki table img{ width: 300px !important; height: auto !important;} #contents-inner-leaseback .leaseback .jisseki table h3{font-size: 24px; font-weight: bold; color: #ffffff; background: #008899; border: none; border-radius: 0; padding: 19px 20px 18px 20px; margin-bottom: 25px; letter-spacing: 0.03em; text-align: left;} #contents-inner-leaseback .leaseback .jisseki table h3:before{ display: none;} #contents-inner-leaseback .leaseback .jisseki table p{font-size: 22px; color: #008899;} /*---- お客様の声 ----*/ #contents-inner-leaseback .leaseback .voice{ background: #f0f7f8; padding: 75px 0 100px 0; } #contents-inner-leaseback .leaseback .voice .inn{ position: relative;} #contents-inner-leaseback .leaseback .voice .voice_box{ background-color: #ffffff; box-sizing: border-box; padding: 50px; box-shadow: 0 0 15px rgba(4,46,52,0.05);} #contents-inner-leaseback .leaseback .voice .voice_box + .voice_box{ margin-top: 50px;} #contents-inner-leaseback .leaseback .voice_box .h_box{display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 45px;} #contents-inner-leaseback .leaseback .voice_box .h_box .img{} #contents-inner-leaseback .leaseback .voice_box .h_box .h{font-size: 28px; font-weight: 700; color: #3b3b3b; margin-left: 50px;} #contents-inner-leaseback .leaseback .voice_box .h > span{display:inline-block; background-color: #008899; font-size: 16px; font-weight: bold; padding: 7px 30px 5px 30px; color: #ffffff; letter-spacing: 0.03em; text-align: center; margin-bottom: 20px;} #contents-inner-leaseback .leaseback .voice_box .h strong{color: #008899;} #contents-inner-leaseback .leaseback .voice_box p{} #contents-inner-leaseback .leaseback .voice_box p + p{ margin-top: 35px;} /*---- よくあるご質問 ----*/ #contents-inner-leaseback .leaseback .faq{ padding: 90px 0 110px 0; } #contents-inner-leaseback .leaseback .faq dl + dl{ margin-top: 35px;} #contents-inner-leaseback .leaseback .faq dt{font-size: 22px; cursor: pointer; font-weight: bold; color: #ffffff; background:url("/images/leaseback/faq_q_bg.png") no-repeat left top,#008899; background-size:106px auto; width: 100%; padding: 18px 100px 18px 105px; text-align: left !important; box-sizing: border-box; line-height: 1.61; position: relative; transition: .3s;} #contents-inner-leaseback .leaseback .faq dt:before{ display: block; content: "Q"; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; font-size: 60px; font-weight: normal; color: #fffff; position: absolute; top: -14px; left:15px;} #contents-inner-leaseback .leaseback .faq dt:after{ display: inline-block; content: "＋"; font-size: 32px; font-weight: 200; position: absolute; right:30px; top: 50%; margin-top: -27px; 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-leaseback .leaseback .faq dt.active:after{content: "－"; } #contents-inner-leaseback .leaseback .faq dt:hover{ opacity: .7;} #contents-inner-leaseback .leaseback .faq dd{ display:none; position: relative; margin-top: 10px; padding: 15px 30px 15px 105px;} #contents-inner-leaseback .leaseback .faq dd p + p{ margin-top: 30px;} #contents-inner-leaseback .leaseback .faq dd p + ul{ margin-top: 30px;} #contents-inner-leaseback .leaseback .faq dd ul + p{ margin-top: 30px;} #contents-inner-leaseback .leaseback .faq dd li{ list-style: circle; margin-left: 22px;} /*---- お問い合わせ／会社概要 ----*/ #contents-inner-leaseback .leaseback .contact_area{background:/*url("/images/leaseback/contact_bk.jpg?t=1") no-repeat center bottom,*/#f0f7f8;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image{ width: 100%; margin-bottom: -86px; overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; position: relative; z-index: 0;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image img{ height: 100%; object-fit: cover;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image img{ width: 25.57%;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image img + img{ width: 37.215%; object-position: left center;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image img + img + img{ width: 37.215%;} #contents-inner-leaseback .leaseback .shop_info{display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: space-between; width: calc(100% - 180px); min-width: 1150px; margin: 0 auto 0 auto; background: #ffffff; margin-bottom: 120px; position: relative; z-index: 1; box-shadow: 0 0 20px rgba(4,46,52,0.09);} #contents-inner-leaseback .leaseback .shop_info .txt{ width: 36%; padding: 100px 0 110px 0;} #contents-inner-leaseback .leaseback .shop_info .txt h2{font-size: 34px; font-weight: bold; color: #008899; background: transparent; margin-bottom: 50px; text-align: left; letter-spacing: normal;} #contents-inner-leaseback .leaseback .shop_info .txt p.bold{font-size: 24px; color: #3d3d3d; font-weight: bold; margin-bottom: 20px;} #contents-inner-leaseback .leaseback .shop_info .txt p{ margin-bottom: 50px;} #contents-inner-leaseback .leaseback .shop_info .btn_blue{ display: block; width: 380px; height: 80px; background-color: #ffffff; border: 1px solid #302c28; text-align: center; margin:0; font-size: 17px; color: #302c28; font-weight: bold; box-sizing: border-box; position: relative; transition: .3s; padding-top: 24px; letter-spacing: 0.06em; text-decoration: none;} #contents-inner-leaseback .leaseback .shop_info .btn_blue:before{ display: inline-block; content: ""; background: url("/images/leaseback/btn_indent.png") no-repeat; background-size: 9px auto; width: 9px; height: 15px; vertical-align: middle; margin-right: 14px; margin-bottom: 3px;} #contents-inner-leaseback .leaseback .shop_info .btn_blue:hover { background:#f2f2f2; border-color: #f2f2f2; opacity: 0.9 !important; } #contents-inner-leaseback .leaseback .shop_info .map{ width: 59%;} #contents-inner-leaseback .leaseback .shop_info .map iframe{ width: 100% !important; height: 100% !important;} /*#contents-inner-leaseback .leaseback .contant_blocks{ padding-bottom: 130px; width: 900px;} #contents-inner-leaseback .leaseback .contant_blocks .tel{ background: #ffffff; box-shadow: 0 0 20px rgba(4,46,52,0.09); margin-bottom: 65px; padding-bottom: 35px; text-align: center;} #contents-inner-leaseback .leaseback .contant_blocks .tel .h{ background: #008899; font-size: 24px; font-weight: 700; color: #ffffff; text-align: center; padding: 15px 25px 15px 25px; margin-bottom: 34px; letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .contant_blocks .tel .h > mark{ color:#ffffff; background: transparent;} #contents-inner-leaseback .leaseback .contant_blocks p{ margin-bottom: 0;} #contents-inner-leaseback .leaseback .contant_blocks p > span{display: block; font-size: 16px; color: #3d3d3d; opacity: .8; margin-top: 15px;} #contents-inner-leaseback .leaseback .contant_blocks .mail{} #contents-inner-leaseback .leaseback .contant_blocks .mail .h{font-size: 24px; font-weight: 700; color: #2d3034; text-align: center; margin-bottom: 20px; letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .contant_blocks .mail .h > mark{color: #ee827c; background: transparent;} #contents-inner-leaseback .leaseback .contant_blocks .satei_btn{ display: block; height: 100px; background-color: #ee827c; box-shadow:0 10px 15px rgba(0,0,0,.08); text-align: center; margin:auto; font-size: 30px; color: #ffffff; font-weight: normal; box-sizing: border-box; position: relative; transition: .3s; padding-top: 21px; letter-spacing: 0.06em; text-decoration: none; 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-leaseback .leaseback .contant_blocks .satei_btn:before{ display: inline-block; content: ""; background: url("/images/leaseback/icon_dentaku.png") no-repeat; width: 33px; height: 37px; vertical-align: middle; margin-right: 25px; margin-bottom: 3px;} #contents-inner-leaseback .leaseback .contant_blocks .satei_btn:after{ display: inline-block; content: ""; background: url("/images/leaseback/btn_indent_wh.png") no-repeat; background-size: 13px auto; width: 13px; height: 21px; position: absolute; top:50%; margin-top: -10px; right:60px;} #contents-inner-leaseback .leaseback .contant_blocks .satei_btn:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); } #contents-inner-leaseback .leaseback .contant_blocks .satei_btn span{color: #fff;}*/ @media print, screen and (max-width: 1800px) { #contents-inner-leaseback .leaseback .shop_info .txt h2{font-size: 32px;} } @media print, screen and (max-width: 1650px) { #contents-inner-leaseback .leaseback .shop_info .txt{ width: 40%;} #contents-inner-leaseback .leaseback .shop_info .map{ width: 55%;} } @media print, screen and (max-width: 1450px) { /*#contents-inner-leaseback .leaseback .contant_blocks {width: 830px;}*/ #contents-inner-leaseback .leaseback .shop_info .txt{ width: 41.5%;} #contents-inner-leaseback .leaseback .shop_info .map{ width: 54%;} #contents-inner-leaseback .leaseback .shop_info .txt h2 {font-size: 28px;} #contents-inner-leaseback .leaseback .shop_info .txt p.bold{ font-size: 22px;} #contents-inner-leaseback .leaseback .shop_info .txt p { margin-bottom: 50px; font-size: 16px;} /*#contents-inner-leaseback .leaseback .contant_blocks .tel .h { font-size: 23px; letter-spacing: normal; } #contents-inner-leaseback .leaseback .contant_blocks .mail .h { font-size: 23px; margin-bottom: 15px;}*/ } /*---- 画面下固定用お問い合わせ ----*/ /*#contents-inner-leaseback .leaseback .contact_fixed{ display: none; background: #008899; 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-leaseback .leaseback .contact_fixed .inn{ width: 1200px; display: flex; height: 100px; justify-content: space-between; align-items: center; flex-wrap: nowrap; } #contents-inner-leaseback .leaseback .contact_fixed h2{font-size: 30px; color: #ffffff; font-weight: 700; padding: 7px 0 0 0; text-align: left; letter-spacing: normal; margin: 0; min-width: 400px;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .contact_fixed .tel{ margin-bottom: 0; background-color: #ffffff; width: 380px; height: 80px; text-align: center; display: flex; align-items: center; flex-wrap: nowrap; flex-direction: column; justify-content: center; } #contents-inner-leaseback .leaseback .contact_fixed .tel img{width: 267px;} #contents-inner-leaseback .leaseback .contact_fixed .tel > a{display: block; margin-top: 4px;} #contents-inner-leaseback .leaseback .contact_fixed .tel > span{display: block; font-size: 12px; color: #008899; opacity: .8; line-height: 1; margin-top: 9px;} #contents-inner-leaseback .leaseback .contact_fixed .mail .satei_btn{ display: block; width: 380px; height: 80px; background-color: #fcffa6; text-align: center; margin:auto; font-size: 26px; color: #352b07; font-weight: normal; box-sizing: border-box; position: relative; transition: .3s; padding-top: 16px; letter-spacing: 0.03em; text-decoration: none; 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-leaseback .leaseback .contact_fixed .mail .satei_btn:before{ display: inline-block; content: ""; background: url("/images/leaseback/btn_indent_bk.png") no-repeat; background-size: 10px auto; width: 10px; height: 17px; vertical-align: middle; margin-right: 15px; margin-bottom: 4px;} */ /*↓ライン追加版*/ /*---- お問い合わせ／会社概要 ----*/ #contents-inner-leaseback .leaseback .contact_bl .inn {height: 100%;box-sizing: border-box;position: relative;padding: 25px 0 120px 0;width: 1200px;} #contents-inner-leaseback .leaseback .contact_bl .inn .contact_img {position: absolute;top: -70px; left: -70px;z-index: 1;} #contents-inner-leaseback .leaseback .contact_bl h2 {font-size: 54px;font-weight: 600;color: #2d3034;text-align: left;padding: 0;margin: 0 0 39px 440px;letter-spacing: normal;position: relative;z-index: 2;letter-spacing: 0.03em;line-height: 1.6em;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-leaseback .leaseback .contact_bl h2 strong {font-size: 65px;font-weight: 600;} #contents-inner-leaseback .leaseback .contact_bl h2 strong.blue {color: #008899;} #contents-inner-leaseback .leaseback .contact_bl h2 + p {padding-left: 452px; position: relative; z-index: 1;} #contents-inner-leaseback .leaseback .contact_bl .btn_area {display: flex;position: relative;z-index: 5;margin-top: 55px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .tel {width: 430px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .mail {width: 370px;margin-left: 15px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .line {width: 370px;margin-left: 15px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div a {display: block;width: 100%;height: 100%;box-sizing: border-box;text-decoration: none;text-align: center;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel a {cursor: text;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel a,#contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel a:hover {color: inherit;cursor: text;opacity: 1 !important;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div span.fukidashi {display: inline-block;font-size: 16px;font-weight: bold;color: #008899;padding: 9px 25px 0 25px;margin: 0 auto -25px auto;background: #ffffff;height: 46px;box-sizing: border-box;border: 1px solid #008899;border-radius: 5px; position: relative;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div span.fukidashi::before{display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: #ffffff transparent transparent transparent; border-width: 10px 6.5px 0px 6.5px; position: absolute; bottom:-9px; left:0; right:0; margin:auto;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.mail span.fukidashi {color: #e56760;border-color: #e56760;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.line span.fukidashi {color: #439920;border-color: #439920;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.line span.fukidashi:before{box-sizing: border-box; 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-leaseback .leaseback .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-leaseback .leaseback .contact_bl .btn_area > div:not(.tel) p strong {font-weight: 900;color: #fff97e;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div:not(.tel) .btn_area_inn {font-size: 34px;font-weight: normal;color: #ffffff;background: url(/images/kaitori/contact_btn_indent.png) no-repeat top 70px right 28px,#e56760;display: block;padding: 46px 11px 0 0;height: 140px;box-sizing: border-box;font-family: 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;box-shadow: 0 10px 15px rgba(0,0,0,.08);} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.line .btn_area_inn {background: url("/images/kaitori/contact_btn_indent.png") no-repeat top 70px right 28px,#439920;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div:not(.tel) .btn_area_inn strong {font-weight: normal; color: #fff97e;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .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-leaseback .leaseback .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: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel .btn_area_inn {font-size: 45px;font-weight: 300;color: #ffffff;line-height: 1;font-family: 'Urbanist', Helvetica, Arial, sans-serif;display: block;padding: 46px 0 0 0;background: #008899;height: 140px;box-sizing: border-box;box-shadow: 0 10px 15px rgba(0,0,0,.08);} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel .btn_area_inn:before {display: inline-block;content: "";background: url("/images/leaseback/contact_tel.png") no-repeat;width: 31px;height: 35px;margin: 0 8px 9px 0;vertical-align: middle;} #contents-inner-leaseback .leaseback .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: 4px;font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;} /*---- 画面下固定用お問い合わせ ----*/ #contents-inner-leaseback .leaseback .contact_fixed {background: #c7e6ea;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;transition: .3s;} #contents-inner-leaseback .leaseback .contact_fixed .inn {width: 1200px;display: flex;height: 90px;justify-content: space-between;align-items: center;flex-wrap: nowrap;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .contact_fixed h2 > span {display: block;font-size: 16px;font-weight: 400;margin-top: 10px;letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .contact_fixed .logo {display: flex;align-content: center;align-items: center;justify-content: flex-start;flex-wrap: nowrap;} #contents-inner-leaseback .leaseback .contact_fixed .logo p {font-size: 11px;color: #000000;margin-left: 15px;line-height: 1.5em;} #contents-inner-leaseback .leaseback .contact_fixed .logo p strong {display: block;color: #000000;font-weight: 700 !important;font-size: 18px;margin-bottom: 8px;margin-top: 9px;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area {display: flex;position: relative;z-index: 5;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area .tel {width: 300px;height: 73px;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area .mail {width: 230px;height: 73px;margin-left: 8px;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area .line {width: 230px;height: 73px;margin-left: 7px;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div a {display: block;width: 100%;height: 100%;box-sizing: border-box;text-decoration: none;text-align: center;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel a {background: #008899;cursor: text;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel a,#contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel a:hover {color: inherit;cursor: text;opacity: 1 !important;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.mail a {background: #e56760;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.line a {background: #439920;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .contact_fixed .btn_area > div:not(.tel) p strong {font-weight: 900;color: #fff97e;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .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-leaseback .leaseback .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-leaseback .leaseback .contact_fixed .btn_area > div:not(.tel) .btn_area_inn {font-size: 23px;font-weight: 900;color: #ffffff;background-size: 8px auto;letter-spacing: 0.06em;display: block;padding: 17px 0 19px 0;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div:not(.tel) .btn_area_inn strong {font-weight: 900;color: #fff97e;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel .btn_area_inn {font-size: 32px;font-weight: 300;color: #ffffff;line-height: 1.31;padding: 8px 0 0 0;font-family: 'Urbanist', Helvetica, Arial, sans-serif;display: block;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel .btn_area_inn:before {display: inline-block;content: "";background: url("/images/leaseback/contact_tel.png") no-repeat;background-size: 21px auto;width: 21px;height: 23px;margin: 0 6px 3px 0;vertical-align: middle;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div.tel .btn_area_inn small {font-family: "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-leaseback .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-leaseback .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-leaseback .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-leaseback .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-leaseback .form_page .assess_title{font-size: 22px; color: #008899; font-weight: 700;} #contents-inner-leaseback .form_page .assess_comment{font-size: 14px; color: #008899; font-weight: 400;} #contents-inner-leaseback .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-leaseback .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: 700; color: #ffffff; padding: 19px 25px 22px 25px; margin: 0 0 30px 0; letter-spacing: 0.03em;} h3:before{ display: none;} #contents-inner-leaseback .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-leaseback .wrap_form.form_page table.form2 th{ background: #f0f7f8; color: #008899; width: 290px; padding: 17px 0 0 25px; font-size: 18px;} #contents-inner-leaseback .wrap_form.form_page table.form2 tr + tr th, #contents-inner-leaseback .wrap_form.form_page table.form2 tr + tr td {border-top: 1px dotted rgba(33,166,225,.6);} #contents-inner-leaseback .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-leaseback .wrap_form.form_page table.form2 .value{ margin: 3px 0 3px 0;} #contents-inner-leaseback .wrap_form.form_page table.form2 .move5_box{ margin-top: 10px;} #contents-inner-leaseback .wrap_form.form_page table.form2 th > .item .requireLabel, #contents-inner-leaseback .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-leaseback .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-leaseback .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-leaseback .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-leaseback .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-leaseback .wrap_form.form_page .error-box{ margin-bottom: 20px !important;} /*--------------------------------------- 査定フォーム -thankspage ----------------------------------------*/ #contents-inner-leaseback .form_page div + .ul1{ text-align: center; margin-top: 30px; line-height: 1.8em;} #contents-inner-leaseback .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-leaseback .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:#0c566b; 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:#0c576b; 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 #108293;} #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:#2eb0c0;} #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:#0c576b;} #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:#0c576b;} #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;} /*---- フッター ----*/ #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; } }