/* For Smartphone */ @media screen and (max-width: 560px) { @charset "utf-8"; /*#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;}*/ /*================================ leaseback ================================*/ #contents-inner-leaseback img{ width:100%; max-width:414px; } #contents-inner-leaseback .sp{display:inherit !important;} #contents-inner-leaseback .pc{display:none !important;} #contents-inner-leaseback .leaseback h2 > img{margin:0;} #contents-inner-leaseback .leaseback{ width: 100%; margin:0 auto -30px auto; border-bottom: 1px solid #3b352e; background-color: #ffffff; 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.06em; color: #2d3034;　position: relative;} #contents-inner-leaseback .leaseback h2{ background-color: transparent; text-align: center; padding: 0; margin-bottom: 30px;} #contents-inner-leaseback .leaseback .pc{display: none !important;} /*---- トップイメージ ----*/ #contents-inner-leaseback .leaseback .main_image{ position: relative; z-index: 0; padding: 0;} /*------------------------------------------ 売却査定フォーム ----------------------------------------*/ #contents-inner-leaseback .leaseback .main_image .search_area{ width: 100%; 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: 10px 3% 20px 3%; text-align: center;} #contents-inner-leaseback .leaseback .main_image .search_area .sub_h{ margin-bottom: 15px; position: relative;} #contents-inner-leaseback .leaseback .main_image .search_area .sub_h img{ width: 266px; margin-top: 10px; margin-bottom: 8px;} /* baikyaku */ #contents-inner-leaseback .leaseback .main_image .wrap_form .form_blocks{ position: relative;} #contents-inner-leaseback .leaseback .main_image .wrap_form .form_blocks:before{ display: block; content: ""; background: url("/contents/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 {display: block; font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:20px; border: 1px solid #108293; overflow: hidden;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form tbody,#contents-inner-leaseback .leaseback .main_image .wrap_form table.form tr{display: block;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .item { display: inline-block; font-size: 16px; font-weight: bold; position: relative;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form th { display: block; width: 100%; padding:10px 0 12px 0; vertical-align:top; background-color: #2eb0c0; color: #ffffff; box-sizing: border-box; text-align: center;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form td { display: block; width: 100%; vertical-align:top; font-size: 16px; font-weight: normal; padding: 10px 15px 12px 15px; text-align: left; box-sizing: border-box; background: #ffffff;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form tr + tr th{ 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.est_type {margin:15px 5px -5px 5px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .value{margin:6px 0 0 0;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form label { background-color: transparent !important; position: relative; padding: 0 10px 10px 4px; cursor: pointer; transition: .3s;} /*#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:2px; left:0; background-color: #ebebeb; 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:6px; left:4px; background-color: #ee827c; width: 12px; height: 12px; border-radius: 50%;} #contents-inner-leaseback .leaseback .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-leaseback .leaseback .main_image .wrap_form table.form input[type="text"].w1 { width: 150px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="text"].w2 { width: 100%;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form input[type="text"].w3 { width: 90px;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form strong { color:#2eb0c0; font-weight:bold !important; font-size:16px; letter-spacing: normal;} #contents-inner-leaseback .leaseback .main_image .wrap_form table.form .requireLabel{font-size:12px; color:#fcffa6; position: absolute; top:5px; right:-17px;} .main .form #input_address{display:none; margin-top:10px;} #contents-inner-leaseback .leaseback .main_image .wrap_form .submit_btn{ width: 85%; max-width: 500px; margin: 0 auto 0 auto; border: 0; color: #0c0c0c; font-size: 20px; font-weight: bold; background: url("/images/leaseback/btn_indent_bk.png") no-repeat center left 20%,#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; padding: 20px 0 20px 20px; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; } /*---- CM集 ----*/ #contents-inner-leaseback .leaseback .movie{ margin-bottom: 50px; padding-top: 50px;} #contents-inner-leaseback .leaseback .movie .inn{width: 94%; margin: auto; position: relative; z-index: 0;} #contents-inner-leaseback .leaseback .movie h2 img{width: 300px;} #contents-inner-leaseback .leaseback .movie .h_illust{ position: absolute; top:100px; right:0; z-index: 1; width: 50px;} #contents-inner-leaseback .leaseback .movie .movie_list{position: relative; z-index: 2;} #contents-inner-leaseback .leaseback .movie .movie_list > div{ width: 100%; margin-bottom: 15px;} #contents-inner-leaseback .leaseback .movie .movie_list iframe{ width: 100% !important; height: 220px !important;} /*---- このような事でお悩みではありませんか ----*/ #contents-inner-leaseback .leaseback .nayami{ background-color: #ffffff; padding-top: 35px; padding-bottom: 50px;} #contents-inner-leaseback .leaseback .nayami .inn{width: 94%; margin: auto; position: relative; z-index: 0;} #contents-inner-leaseback .leaseback .nayami h2{ margin-bottom: 32px;} #contents-inner-leaseback .leaseback .nayami h2 img{ max-width: 267px; margin: auto;} #contents-inner-leaseback .leaseback .nayami .h_illust { position: absolute; top:-18px; right: 0; width: 100px;}　 #contents-inner-leaseback .leaseback .nayami .nayami_list{} #contents-inner-leaseback .leaseback .nayami .nayami_list > div{ display: block; background-color: #f2f8f9; overflow: hidden;} #contents-inner-leaseback .leaseback .nayami .nayami_list > div + div{ margin-top: 15px;} #contents-inner-leaseback .leaseback .nayami .nayami_list ul{ width: 90%; font-size: 16px; color: #3d3d3d; font-weight: bold; padding: 20px 0 20px 0; margin: auto; } #contents-inner-leaseback .leaseback .nayami .nayami_list li{background: url("/images/leaseback/namami_cheak.png") no-repeat top 5px left; padding: 0 0 0 29px; background-size: 22px auto; font-size: 18px;} #contents-inner-leaseback .leaseback .nayami .nayami_list li + li{ margin-top:20px; } #contents-inner-leaseback .leaseback .nayami .nayami_list > div .img{width: 100%; } #contents-inner-leaseback .leaseback .nayami .nayami_list > div .img img{width: 100%;} /*---- お任せください ----*/ #contents-inner-leaseback .leaseback .kaiketsu{ background-color: #4babb7; overflow: hidden;} #contents-inner-leaseback .leaseback .kaiketsu .inn{width: 94%; margin: auto; position: relative; z-index: 0; font-size: 16px; color: #ffffff; font-weight: bold; padding-top: 35px; padding-bottom: 130px;} #contents-inner-leaseback .leaseback .kaiketsu .kaiketu_img{ position: absolute; bottom: -75px; right: 0; width: 230px;} #contents-inner-leaseback .leaseback .kaiketsu h2{text-align: left; margin-bottom: 20px;} #contents-inner-leaseback .leaseback .kaiketsu h2 img{ margin-left: 0; width: 230px; display: block;}　 /*---- リースバックとは ----*/ #contents-inner-leaseback .leaseback .what{} #contents-inner-leaseback .leaseback .what .inn{position: relative; width: 94%; margin: auto; z-index: 0; padding-top: 35px; padding-bottom: 30px; } #contents-inner-leaseback .leaseback .what h2{ margin-bottom: 20px;} #contents-inner-leaseback .leaseback .what h2 img{ width: 300px;} #contents-inner-leaseback .leaseback .what .h_illust { display: none;}　 #contents-inner-leaseback .leaseback .what p {} #contents-inner-leaseback .leaseback .what p br{ display: none;} #contents-inner-leaseback .leaseback .what .img_box{box-shadow:0 0 30px rgba(0,0,0,0.06); margin: 20px 0 20px 0; } /*---- 活用事例 ----*/ #contents-inner-leaseback .leaseback .katsuyo{ background: #f0f7f8; padding: 35px 3% 1px 3%; position: relative;} #contents-inner-leaseback .leaseback .katsuyo .h_illust { position: absolute; top:27px; right:10px; width: 80px; }　 #contents-inner-leaseback .leaseback .katsuyo .h_illust + p{} #contents-inner-leaseback .leaseback .katsuyo .h_illust + p br{ display: none;} #contents-inner-leaseback .leaseback .katsuyo h2{ margin-bottom: 30px;} #contents-inner-leaseback .leaseback .katsuyo h2 img{ width: 320px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list{margin: 50px auto 0 auto;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div{ background-color: #ffffff; border-radius: 6px; width: 100%; margin-bottom: 50px; padding: 20px; box-sizing: border-box; position: relative;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div:before{display: block; content: ""; background: url("/images/leaseback/katuyo_ex01.png") no-repeat; background-size: 66px auto; width: 66px; height: 66px; 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; background-size: 66px auto;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div.ex03:before{background: url("/images/leaseback/katuyo_ex03.png") no-repeat; background-size: 66px auto;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list > div.ex04:before{background: url("/images/leaseback/katuyo_ex04.png") no-repeat; background-size: 66px auto;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h_box{margin-bottom: 20px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .img{ width: 50%; max-width: 230px; margin: 15px auto 15px auto; display: block;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h{ font-weight: bold; font-size: 30px; color: #3d3d3d; line-height: 1.51; letter-spacing: normal; margin-top: 30px; text-align: center;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h span{display:inline-block; background-color: #008899; font-size: 16px; font-weight: bold; padding:3px 14px 5px 14px; color: #ffffff; letter-spacing: 0.03em; text-align: center; margin-bottom: 5px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list .h mark{color: #008899; background: transparent; } #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list p + p{ margin-top: 20px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list ul + p{ margin-top: 20px;} #contents-inner-leaseback .leaseback .katsuyo .katsuyo_list li{list-style: disc; font-weight: bold; margin-left: 22px; letter-spacing: normal;} /*---- 選ばれる理由 ----*/ #contents-inner-leaseback .leaseback .merit{ padding: 35px 0 50px 0; position: relative;} #contents-inner-leaseback .leaseback .merit .h_illust { display: none;}　 #contents-inner-leaseback .leaseback .merit .h_illust + p{} #contents-inner-leaseback .leaseback .merit h2{ margin-bottom: 35px;} #contents-inner-leaseback .leaseback .merit h2 img{ width: 300px;} #contents-inner-leaseback .leaseback .merit .merit_list{ width: 94%; margin: auto;} #contents-inner-leaseback .leaseback .merit .merit_list > div{border: 1px solid #3b352e; position: relative;} #contents-inner-leaseback .leaseback .merit .merit_list > div + div{ margin-top: 30px;} #contents-inner-leaseback .leaseback .merit_list .img{ width: 100%; max-width: 500px;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even) .img{ left:0; right:800px;} #contents-inner-leaseback .leaseback .merit_list .txt{text-align: left; box-sizing: border-box; padding: 25px 5% 25px 5%; } #contents-inner-leaseback .leaseback .merit_list .h{font-size: 26px; font-weight: bold; color: #2d3034; margin-bottom: 15px; line-height: 1.51; letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .merit_list .h > span img{ width: 63px; position: absolute; top:0; left:0;} #contents-inner-leaseback .leaseback .merit .merit_list > div:nth-child(even) .h > span img{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: 15px;} /*---- ご利用の流れ ----*/ #contents-inner-leaseback .leaseback .flow{background:#008899; padding: 50px 0 50px 0; position: relative; width: 100%; overflow: hidden;} #contents-inner-leaseback .leaseback .flow .h_illust { position: absolute; top:25px; right:0; width: 80px;}　 #contents-inner-leaseback .leaseback .flow .h_illust + p{} #contents-inner-leaseback .leaseback .flow h2{ margin-bottom: 20px;} #contents-inner-leaseback .leaseback .flow h2 img{ width: 250px;} #contents-inner-leaseback .leaseback .flow .flow_list{width: 94%; margin: 0 auto 0 auto;} #contents-inner-leaseback .leaseback .flow .flow_list .slick-list{ width: 90%; overflow: inherit;} #contents-inner-leaseback .leaseback .flow .flow_list .box{ background: #ffffff; position: relative; margin-right: 36px; margin-left: 5px; margin-top: 50px; padding: 0 !important; margin-bottom: 16px; height:400px;} #contents-inner-leaseback .leaseback .flow .flow_list .box:before{ display: block; background:url("/images/leaseback/flow_indent.png") repeat; content: ""; background-size: 15px auto; width: 15px; height: 24px; position: absolute; top:50%; margin-top: -7.5px; left: -9.5%;} #contents-inner-leaseback .leaseback .flow .flow_list .box.first:before{ background: transparent;} #contents-inner-leaseback .leaseback .flow .box .img > img{width: 100%;} #contents-inner-leaseback .leaseback .flow .box .txt{box-sizing: border-box; padding-top: 20px; padding-bottom: 10px; width: 90%; margin: 0 5% 0 5%;} #contents-inner-leaseback .leaseback .flow .box .txt .h{ font-size: 20px; font-weight: bold; color: #ee827c; margin-bottom: 15px;} #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; background: rgba(48,44,40,0.95); color: #ffffff; font-weight: bold; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; font-size: 22px; box-sizing: border-box; padding-top: 5px; } #contents-inner-leaseback .leaseback .flow .box .txt p{letter-spacing: 0.03em;} #contents-inner-leaseback .leaseback .flow .box .txt p br{ display: none;} #contents-inner-leaseback .leaseback .flow .flow_list .slick-dots { bottom: -40px;} /*---- リースバック実績 ----*/ #contents-inner-leaseback .leaseback .jisseki{ padding: 45px 0 50px 0; } #contents-inner-leaseback .leaseback .jisseki .inn{width: 94%; margin: auto; position: relative;} #contents-inner-leaseback .leaseback .jisseki .h_illust { position: absolute; top:100px; right:0; width: 60px;}　 #contents-inner-leaseback .leaseback .jisseki .h_illust + p{} #contents-inner-leaseback .leaseback .jisseki h2{} #contents-inner-leaseback .leaseback .jisseki h2 img{ width: 300px;} #contents-inner-leaseback .leaseback .jisseki table{display: block; background-color: #f0f7f8; padding: 10px; /*margin-bottom: 30px;*/} #contents-inner-leaseback .leaseback .jisseki table + table{ margin-top: 30px;} #contents-inner-leaseback .leaseback .jisseki table tbody,#contents-inner-leaseback .leaseback .jisseki table tr,#contents-inner-leaseback .leaseback .jisseki table th,#contents-inner-leaseback .leaseback .jisseki table td{ display: block;} #contents-inner-leaseback .leaseback .jisseki table img{ width: 50% !important; height: auto !important; display: block; margin: auto;} #contents-inner-leaseback .leaseback .jisseki table h3{font-size: 16px; font-weight: bold; color: #ffffff; background: #008899; border: none; border-radius:0; padding: 10px 15px 10px 15px; line-height: 1.61; margin-bottom: 10px; letter-spacing: 0.03em; text-align: left !important; margin-top: 20px;} #contents-inner-leaseback .leaseback .jisseki table h3:before{ display: none;} #contents-inner-leaseback .leaseback .jisseki table p{font-size: 16px; color: #008899; margin-bottom: 10px;} #contents-inner-leaseback .leaseback .jisseki table br{ display: none;} /*---- お客様の声 ----*/ #contents-inner-leaseback .leaseback .voice{ background: #f0f7f8; padding: 35px 0 50px 0; } #contents-inner-leaseback .leaseback .voice .inn{width: 94%; margin: auto; position: relative;} #contents-inner-leaseback .leaseback .voice .h_illust { position: absolute; top:0; left:0; width: 60px;}　 #contents-inner-leaseback .leaseback .voice .h_illust + p{} #contents-inner-leaseback .leaseback .voice h2 img{ width: 200px;} #contents-inner-leaseback .leaseback .voice .voice_box{ background-color: #ffffff; box-sizing: border-box; padding: 30px 10px 10px 10px;} #contents-inner-leaseback .leaseback .voice .voice_box + .voice_box{ margin-top: 30px;} #contents-inner-leaseback .leaseback .voice_box .h_box{margin-bottom: 20px;} #contents-inner-leaseback .leaseback .voice_box .h_box .img{ width: 200px; display: block; margin: 0 auto 30px auto;} #contents-inner-leaseback .leaseback .voice_box .h_box .h{font-size: 22px; line-height: 1.6em; font-weight: bold; color: #3d3d3d;} #contents-inner-leaseback .leaseback .voice_box .h > span{display:inline-block; background-color: #008899; font-size: 14px; font-weight: bold; padding: 3px 16px 3px 16px; color: #ffffff; letter-spacing: 0.03em; text-align: left; margin-bottom: 10px;} #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: 20px;} /*---- よくあるご質問 ----*/ #contents-inner-leaseback .leaseback .faq{ padding: 35px 0 35px 0; margin: 0 !important;} #contents-inner-leaseback .leaseback .faq .inn{width: 94%; margin: auto; position: relative;} #contents-inner-leaseback .leaseback .faq h2 { margin-bottom: 30px;} #contents-inner-leaseback .leaseback .faq h2 img{ width: 300px;} #contents-inner-leaseback .leaseback .faq dl + dl{ margin-top: 15px;} #contents-inner-leaseback .leaseback .faq dt{font-size: 18px; cursor: pointer; font-weight: bold; color: #ffffff; background: url(/images/leaseback/faq_q_bg.png) no-repeat left top,#008899; background-size: 53px auto; width: 100%; padding: 10px 50px 12px 50px; text-align: left !important; box-sizing: border-box; line-height: 1.41; 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: 30px; font-weight: bold; color: #ffffff; position: absolute; top: 5px; left: 12px;} #contents-inner-leaseback .leaseback .faq dt:after{ display: inline-block; content: "＋"; font-size: 22px; font-weight: normal; position: absolute; right:12px; top: 50%; margin-top: -17px; } #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: 0 0 15px 50px;} #contents-inner-leaseback .leaseback .faq dd p + p{ margin-top: 20px;} #contents-inner-leaseback .leaseback .faq dd p + ul{ margin-top: 20px;} #contents-inner-leaseback .leaseback .faq dd ul + p{ margin-top: 20px;} #contents-inner-leaseback .leaseback .faq dd li{ list-style: circle; margin-left: 22px;} /*---- お問い合わせ／会社概要 ----*/ #contents-inner-leaseback .leaseback .contact_area{background:#f0f7f8;} #contents-inner-leaseback .leaseback .contact_area .shop_bg_image{ width: 100%; margin-bottom: -20px; 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{width: 94%; margin: 0 auto 0 auto; background: #ffffff; margin-bottom: 35px; position: relative; z-index: 1;} #contents-inner-leaseback .leaseback .shop_info .txt{ padding: 35px 5% 35px 5%;} #contents-inner-leaseback .leaseback .shop_info .txt h2{font-size: 24px; font-weight: bold; color: #008899; background: transparent; margin-bottom: 30px; text-align: left; letter-spacing: normal;} #contents-inner-leaseback .leaseback .shop_info .txt p.bold{font-size: 18px; color: #3d3d3d; font-weight: bold; margin-bottom: 10px;} #contents-inner-leaseback .leaseback .shop_info .txt p{ margin-bottom: 25px;} #contents-inner-leaseback .leaseback .shop_info .btn_blue{ display: block; width: 100%; height: 70px; background-color: #ffffff; border: 1px solid #302c28; text-align: center; margin:0; font-size: 16px; color: #302c28; font-weight: bold; box-sizing: border-box; position: relative; transition: .3s; padding-top: 18px; letter-spacing: 0.06em; text-decoration: none;} #contents-inner-leaseback .leaseback .shop_info .btn_blue:after{ 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-left: 25px; margin-bottom: 3px;} #contents-inner-leaseback .leaseback .shop_info .map{ width: 100%;} #contents-inner-leaseback .leaseback .shop_info .map iframe{ width: 100% !important; height: 250px !important;} /*#contents-inner-leaseback .leaseback .contant_blocks{ padding-bottom: 50px; width: 94%; margin: auto;} #contents-inner-leaseback .leaseback .contant_blocks h2{} #contents-inner-leaseback .leaseback .contant_blocks h2 img{ width: 250px; display: block; margin: auto;} #contents-inner-leaseback .leaseback .contant_blocks .tel{ background: #ffffff; margin-bottom: 30px; padding-bottom: 23px; text-align: center;} #contents-inner-leaseback .leaseback .contant_blocks .tel .h{ background: #008899; font-size: 18px; font-weight: bold; color: #ffffff; text-align: left; padding: 12px 15px 12px 17px; margin-bottom: 25px; 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 img{ width: 257px;} #contents-inner-leaseback .leaseback .contant_blocks p > span{display: block; font-size: 13px; color: #3d3d3d; opacity: .8; margin-top: 10px;} #contents-inner-leaseback .leaseback .contant_blocks .mail{} #contents-inner-leaseback .leaseback .contant_blocks .mail .h{font-size: 18px; font-weight: bold; color: #2d3034; text-align: left; margin-bottom: 10px; 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; width: 100%; height: 75px; background-color: #ee827c; box-shadow:0 10px 15px rgba(0,0,0,.08); text-align: center; margin:auto; font-size: 20px; color: #ffffff; font-weight: bold; box-sizing: border-box; position: relative; transition: .3s; padding-top: 20px; letter-spacing: 0.03em; text-decoration: none;} #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: 10px auto; width: 10px; height: 17px; vertical-align: middle; margin-left: 15px; margin-bottom: 3px;} */ /*---- 画面下固定用お問い合わせ ----*/ /*#contents-inner-leaseback .leaseback .contact_fixed{ position: fixed; bottom:0; left:0; right:0; z-index: 999999; transition: .3s; padding: 0;} #contents-inner-leaseback .leaseback .contact_fixed h2,#contents-inner-leaseback .leaseback .contact_fixed .tel{ display: none;} #contents-inner-leaseback .leaseback .contact_fixed .mail .satei_btn{ display: block; width: 100%; height: 64px; background-color: #ee827c; box-shadow:0 0 5px rgba(0,0,0,.08); text-align: center; margin:auto; font-size: 18px; color: #ffffff; font-weight: 700; box-sizing: border-box; position: relative; transition: .3s; padding-top: 17px; letter-spacing: 0.06em; text-decoration: none; } #contents-inner-leaseback .leaseback .contact_fixed .mail .satei_btn:after{ display: inline-block; content: ""; background: url("/images/leaseback/btn_indent_wh.png") no-repeat; background-size: 10px auto; width: 10px; height: 17px; vertical-align: middle; margin-left: 15px; margin-bottom: 3px;} */ /*↓ライン追加版*/ /*---- お問い合わせ／会社概要 ----*/ #contents-inner-leaseback .leaseback .contact_bl .inn {height: 100%;box-sizing: border-box;position: relative;padding: 0 0 50px 0;width: 94%;margin: auto;} #contents-inner-leaseback .leaseback .contact_bl .inn .contact_img {position: absolute;bottom: 280px;left: -34px;z-index: 1;width: 200px;} #contents-inner-leaseback .leaseback .contact_bl h2 {font-size: 20px;font-weight: 600;color: #2d3034;text-align: center;padding: 0;margin: 0 0 11px 0;letter-spacing: 0.06em;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: 30px;font-weight: 600;} #contents-inner-leaseback .leaseback .contact_bl h2 strong.blue {color: #008899;} #contents-inner-leaseback .leaseback .contact_bl h2 + p {padding-left: 45%;position: relative;z-index: 1;font-size: 15px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area {display: flex !important;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 5;margin-top: 15px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .tel {width: 100%;box-sizing: border-box;margin-bottom: 15px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .mail {width: 49%;} #contents-inner-leaseback .leaseback .contact_bl .btn_area .line {width: 49%;} #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: 11px;font-weight: bold;color: #008899;padding: 8px 10px 8px 10px;margin: 0 auto -25px auto;background: #ffffff;box-sizing: border-box;border: 1px solid #008899;border-radius: 5px;position: relative;line-height: 1.4em;} #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:-7px; left:0; right:0; margin:auto;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.mail span.fukidashi {color: #e56760;border-color: #e56760;margin-bottom: -35px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.line span.fukidashi {color: #439920;border-color: #439920;margin-bottom: -35px;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.tel span.fukidashi{ width: 60%;} #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: 18px;font-weight: bold;color: #ffffff;background:#e56760;display: block;padding: 50px 0 0 0;height: 100px;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);letter-spacing: normal;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div.line .btn_area_inn {background: #439920;} #contents-inner-leaseback .leaseback .contact_bl .btn_area > div:not(.tel) .btn_area_inn strong {font-weight: bold;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: 35px;font-weight: 300;color: #ffffff;line-height: 1;font-family: 'Urbanist', Helvetica, Arial, sans-serif;display: block;padding: 43px 0 0 0;background: #008899;height: 125px;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: 22px;height: 24px;margin: 0 8px 9px 0;vertical-align: middle;background-size: 100% auto;} #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 { padding: 0 3% 0 3%; display: flex;height: 65px;justify-content: space-between;align-items: center;flex-wrap: nowrap;} #contents-inner-leaseback .leaseback .contact_fixed .logo {display: flex;align-content: center;align-items: center;justify-content: flex-start;flex-wrap: nowrap; width: 183px; padding-right: 10px;} #contents-inner-leaseback .leaseback .contact_fixed .logo img { width: 160px; } #contents-inner-leaseback .leaseback .contact_fixed .btn_area {display: flex; justify-content: space-between; position: relative;align-items: center;z-index: 5;} #contents-inner-leaseback .leaseback .contact_fixed .btn_area > div {width: 31%; max-width: 50px; height: auto; aspect-ratio: 5 / 5;} #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;} /*---- 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:#0c566b; 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:#0c576b;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:#0c576b; /*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 #0098c3; 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:#0c566b; 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;} /*---- フッター ----*/ #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;} }