/*common_css*/ /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* -------------------------------------------------------------------- common.css ---------------------------------------------------------------------- */ @charset "utf-8"; @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); * { line-height: 1.6; font-family: 'Noto Sans JP', sans-serif; margin: 0; padding: 0; box-sizing: border-box; font-weight: 600; } :root{ --gray:#F6F6F6; --dark_gray:#747474; --light_gray:#dddddd; --black:#000000; --yellow:#F8FF24; --green:#0AB226; --line-color:#00B900; --main:#E91D26; --cta:#0AB226; --bg:#C9CBD5; --btn_cta:#0AB226; --btn_cta_shadow:#11531C; --btn_cta_txt:#ffffff; --btn_tell:#E91D26; --btn_tell_shadow:#5A1414; --btn_tell_txt:#ffffff; --btn_check:#FF6332; --btn_check_shadow:#8B3F27; --btn_check_txt:#ffffff; --btn_normal:#E91D26; --btn_normal_text:#ffffff; --maxwid:700px; --cotwid:640px; --font12: clamp(12px, 2.4vw, 24px); --font14: clamp(14px, 2.8vw, 28px); --font16: clamp(16px, 3.2vw, 32px); --font18: clamp(18px, 3.6vw, 36px); --font12: clamp(12px, 2.4vw, 16px); --font14: clamp(14px, 2.8vw, 20px); --font16: clamp(16px, 3.2vw, 24px); --font18: clamp(18px, 3.6vw, 28px); --font20: clamp(20px, 4.0vw, 40px); --font24: clamp(24px, 4.8vw, 48px); --font28: clamp(28px, 5.6vw, 56px); --font30: clamp(30px, 6.0vw, 60px); --font32: clamp(32px, 6.4vw, 64px); --font36: clamp(36px, 6.8vw, 72px); --font40: clamp(40px, 8.0vw, 80px); --font48: clamp(48px, 9.6vw, 96px); --font60: clamp(60px, 12vw, 120px); } /* 文章サイズ */ .txt.bg{ font-size: var(--font18);; } .txt{ font-size: var(--font16); font-weight: normal; text-align: left; } .txt.small{ font-size: var(--font14); } .txt a{ color: var(--main); font-weight: bold; text-decoration: underline; } html{ background-color: var(--bg); } body{ max-width: var(--maxwid); margin: 0 auto; background-color: #fff; } img { max-width: 100%; width: 100%; } ul,ol { list-style-type: none; padding-left: 0; } button,a { cursor: pointer; transition: 0.3s; } button:hover, a:hover { opacity: 0.8; } .sec_wh { background-color: #FFF; } .sec_gr { background-color: var(--gray); } .sec_hd{ overflow: hidden; } .sec:last-of-type{ margin-bottom: 0; } .sec_inner{ padding: 4% 4%; max-width: var(--cotwid); margin: 0 auto; } .sec_top{ padding: 0; } .sec_top_img img{ display: block; width: 100%; vertical-align: bottom; } .sec_top_line{ background-color: var(--main); font-size: var(--font36); display: block; text-align: center; position: relative; padding: 10px; } .sec_top_line::after{ content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--main); } .sec_top_line p{ color: #fff; font-size: var(--font18); } .sec_cnt{ padding: 4% 0; } .pc_only { display: block; } .sp_only { display: none; } @media (max-width: 767px) { .pc_only { display: none; } .sp_only { display: block; } } .error { color: red !important; font-size: 12px; font-size: var(--font12); text-align: center; margin-bottom: 10px; display: none; font-weight: bold; margin: 1rem auto; } .movie{ width: 100%; aspect-ratio: 16 / 9; } .insta{ width: 100%; } .movie iframe{ width: 100%; height: 100%; } .insta iframe{ margin: 0 auto!important; } .map{ width: 100%; aspect-ratio: 16 / 9; } .map iframe{ width: 100%; height: 100%; } .content iframe{ width: 100%; height: 100%; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none!important; } .swiper-button-prev i, .swiper-button-next i{ color: var(--main); font-size: var(--font32); } /* テーブル */ table{ width: 100%; } table tr th,table tr td{ border-collapse: collapse; padding: 0.5rem; font-size: var(--font16); } table tr td{ font-weight: normal; } .dotline_table{ margin: 2% 0 4%; } .dotline_table tr{ border-bottom: 1px dotted var(--gray); } .dotline_table tr th{ width:30%; color: var(--main); } /*---------------------- header ------------------------*/ .logo { max-width: 170px; display: block; width: 100%; height: 100%; } .logo img{ object-fit: contain; object-position: left; } header { width: 100%; max-width: var(--maxwid); margin: 0 auto; position: fixed; top: 0; z-index: 99; background-color: #fff; } header .logo{ display: flex; align-items: center; justify-content: flex-start; } header li i{ margin-left: 2%; } .header_left { height: 100%; padding: 5px; width: 30%; display: flex; justify-content: flex-start; align-items: center; } .header_right{ height: 100%; } .header_right nav{ display: flex; align-items: center; } .nav-open{ position: relative; } .drop-menu{ display: none; position: absolute; top: 100%; width: 100%; } .nav-open .drop-menu li{ width: 100%; padding: 5%; border-bottom: 1px solid #fff; color: #fff; margin-right: 0!important; background-color: var(--main); } .nav-open .drop-menu li a{ color: #FFF!important; } .nav-open .drop-menu li:last-child{ border-bottom: 0; } .nav-open .drop-menu li a{ justify-content: flex-start!important; } .header_btn_li{ line-height: 80px; height: auto!important;; } .header_btn_li .btn_area{ margin-top: 2%; width: 100%; } .header_btn_li .btn_area .tell_btn{ color: var(--cta); } .header_btn{ display: flex!important; padding: 5% 15%; height: 50px!important; width: 150px!important; } /* ハンバーガー */ .bar { position: relative; z-index: 99999; height: 100%; background: var(--main); padding: 10px 15px; display: inline-block; } .bar i { color: #fff; font-size: 25px; padding-top: 2px; } .bar.open i::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; } .menu { width: 100%; height: 100vh; display: flex; flex-direction: column; color: #efefef; background-color: var(--main); transition: .3s; padding: 18% 1rem; position: fixed; top: -150%; left: 0; z-index: 9999; overflow-y: scroll; mix-blend-mode:multiply; } .menu.open { left: 0; top: 0; } .menu-ul{ width: 100%; max-width: 600px; margin: 0 auto; } body.open { overflow: hidden; } .menu-list { width: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; padding:1%; margin: 0 auto; } .menu-list a { color: #fff; width: 100%; font-size: var(--font16); text-decoration: none; position: relative; font-weight: normal; } .menu-list a::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: var(--font18); position: absolute; right: 1px; } .menu-list.header_btn_li a::after{ content: ""; } .menu-list.nav-sp-open a::after{ content: "\2b"; } .menu-list.nav-sp-open.active a::after{ content: "\f068"; } .menu-btn { padding: 1rem; text-align: center; max-width: 600px; width: 100%; margin: 0 auto; } .drop-sp-menu_area{ display: none; } .drop-sp-menu{ font-size: var(--font14); } .drop-sp-menu li{ border-bottom: 1px solid #fff; padding: 1%; padding-left: 2%; position: relative; } .drop-sp-menu li a{ display: block; } .drop-sp-menu li a::after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: var(--font14); position: absolute; right: 10px; } .menu-list.header_btn_li{ border-bottom: 0; } .menu-list.header_btn_li a{ border: 1px solid #fff; } .menu-list .header_btn{ width: 100%!important; height: auto!important; padding: 3%; text-align: center; justify-content: center; } .menu-list .header_btn::after{ right: 10px; } .menu-list .header_file{ border: 1px solid #fff; } .menu-list .header_mail{ border: 1px solid #fff; } .header_sp { display: flex; justify-content: space-between; align-items: center; height: 50px; width: 100%; } .header-button { color: #fff; /* ボタンの文字色 */ text-decoration: none; /* 下線をなくす */ padding: 8px 12px; /* パディングでボタンの大きさを調整 */ border-radius: 5px; /* 角を少し丸くする */ background-color: var(--btn_check); margin-right: 5px; } /* -------------btn------------- */ .btn_area { max-width: 800px; margin: 0 auto; padding: 20px; } /* 共通のボタンデザイン */ .btn { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-decoration: none; font-weight: 700; border-radius: 10px; padding: 15px!important; position: relative; max-width: 560px; margin: 0 auto; margin-bottom: 10%; } /* 影付きボタン */ .btn_with_shadow { box-shadow: 0 4px 0 var(--btn_cta); } .btn_with_shadow:hover{ box-shadow: none; transform: translateY(5px); } .shadow_green{ box-shadow: 0 8px 0 var(--btn_cta_shadow); } .shadow_red{ box-shadow: 0 8px 0 var(--btn_tell_shadow); } .shadow_orange{ box-shadow: 0 5px 0 var(--btn_check_shadow); } /* CTAボタン */ .btn_cta { background-color: var(--btn_cta); padding-top: 20px; color: var(--btn_cta_txt); } /* CTAボタンのラベル */ .btn_cta .label { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background-color: white; font-size: 14px; font-weight: 700; padding: 2px 10px; border-radius: 20px; white-space: nowrap; z-index: 10; color: var(--black); border: 1px solid var(--btn_cta); font-size: var(--font14); font-weight: bold; } /* 電話ボタン */ .btn_tell{ background-color: var(--btn_tell); padding-top: 20px!important; flex-direction: row; color: var(--btn_tell_txt); } /* 電話ボタンのラベル */ .btn_tell .label { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background-color: white; font-size: 14px; font-weight: 700; padding: 2px 10px; border-radius: 20px; white-space: nowrap; z-index: 10; color: var(--black); border: 1px solid var(--btn_tell); font-weight: bold; font-size: var(--font14); } /* 買取価格チェックボタン */ .btn_check { background-color: var(--btn_check); flex-direction: row; font-size: var(--font18); border-radius: 50px; margin-bottom: 2%; color: var(--btn_check_txt); } /* ノーマルボタン */ .btn_normal { background-color: var(--btn_normal); font-size: var(--font16); padding: 15px 30px; border-radius: 50px; transition: transform .6s ease; color: var(--btn_normal_text); } .btn_normal:hover{ transform: scale(0.9); } /* テキストのスタイル */ .cta_text { font-size: var(--font24); font-weight: 900; line-height: 1.5; display: flex; align-items: center; color: var(--btn_cta_txt); } .vt_text{ writing-mode: vertical-lr; font-size: var(--font14); } .emphasis_text{ font-size: var(--font30); } .phone_text{ font-size: var(--font24); font-weight: 900; line-height: 1.5; } .phone_number { /* font-size: var(--font30); */ /* margin-right: 5px; */ } @media (max-width: 500px) { /* .phone_number { font-size: var(--font24); } */ .phone_text{ } } /* アイコンのスタイル */ .phone_number::before { content: "\f095"; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-right: 10px; } .btn_check::before { content: "\f002"; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-right: 10px; font-size: var(--font24); } /*------------------------ footer ------------------------*/ footer { background-color: #fff; position: relative; border-top: 2px solid var(--main); padding-bottom: 10%; } .footer_link_area { margin: 2% auto 5%; } .footer_link { list-style-type: none; padding-left: 0; width: 100%; } .footer_link li { line-height: 1.6; border-bottom: 1px solid var(--main); padding: 10px; } .footer_link li:first-of-type{ border-top: 1px solid var(--main); } .footer_link li a{ display: block; font-size: var(--txt-s); color: var(--main); } .footer_link li a::after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: var(--font14); position: absolute; right: 10px; } .footer_logo_area{ text-align: center; } .footer_logo_area .logo img{ object-fit: contain; } .footer_logo_area .logo{ padding-top: 4%; max-width: 300px; margin: 0 auto; } .copy { text-align: center; font-size: 12px; color: var(--main); font-weight: normal; margin-bottom: 15%; } /*------------------------ floating ------------------------*/ .floating_area{ position: fixed; bottom: 0; max-width: var(--maxwid); z-index: 11; width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .floating_area .floating_inner{ width: 100%; padding: 1.5% 3%; background-color: #31313169; } .floating_area .floating_inner .btn_area { display: flex; align-items: center; justify-content: center; padding: 0; } .floating_area .floating_inner .btn_area a{ width: 33%; margin-bottom: 0; padding: 1.3% 1%!important; margin-right: 1%; border-radius: 3px; font-size: var(--font14); } @media (max-width: 500px) { .floating_area .floating_inner .btn_area a{ min-height: 50px; } } .floating_area .floating_inner .btn_area a:last-child{ margin-right: 0; } .floating_area .floating_inner .btn_area .cta_btn{ background-color: var(--btn_check); color: var(--btn_check_txt); } .floating_area .floating_inner .btn_area .tell_btn{ background-color: var(--btn_tell); color: var(--btn_tell_txt); } .floating_area .floating_inner .btn_area .line_btn{ background-color: var(--line-color); color: #fff; } /* ブログ */ .blog li{ border-radius: 15px; border: 3px solid var(--gray); margin-bottom: 2%; } .blog li .btm{ padding: 3%; } .blog li img{ border-radius: 15px 15px 0 0; vertical-align: bottom; aspect-ratio: 16 / 9; object-fit: cover; } .blog li h3{ /* margin: 2% 0; */ margin: 0; } .blog li .tag{ display: inline; color: #fff; padding:3px 10px; background-color: var(--main); font-size: var(--font12); } .blog li .date{ display: inline; font-size: var(--font12); } .blog li .btn_area .btn{ margin: 0 auto; } /* pager */ .pagenation{ margin: 5% 0; text-align: center; display: flex; justify-content: center; align-items: center; } .pagenation span{ display: block; } .pagenation a{ display: block; width: 100%; height: 100%; text-decoration: none;} .prev a,.next a{ color: var(--main); } .pagenation .page{ background-color: #fff ; color: var(--main); margin-right: 1%; padding: 5px 12px; border: 1px solid; } .pagenation .page a{ color: var(--main); } .pagenation .page.current{ border: 1px solid var(--main); color:#fff; background: var(--main); } .pagenation .prev,.pagenation .next{ margin: 0 1%; } .pagenation .last{ color: var(--main); } /* -------------------------------------------------------------------- top.css ---------------------------------------------------------------------- */ h2.border{ position: relative; padding: 0.3rem 0; font-weight: bold; font-size: var(--font24); text-align: center; background-color: var(--main); color: #fff; padding: 1rem; line-height: 1.2; } h2.border span{ color: var(--yellow); font-size: var(--font24); } h3{ font-size: var(--font18); color: var(--main); margin-bottom: 2%; } h3.bk{ color: var(--black); text-align: center; } .swiper{ overflow-x: hidden; } .banner_area a{ margin-bottom: 2%; display: block; } /* 豊富な買取実績 */ .swipercase{ overflow-x: hidden; position: relative; margin-bottom: 2%; } .case_slide li{ border-radius: 15px; border: 3px solid var(--gray); background-color: #fff; margin-bottom: 5%; } .case_slide li h3{ padding: 4% 3% 1% 3%; } .case_slide li{ transition: transform .6s ease; } .case_slide li:hover{ transform: scale(0.9); } .case_slide li img{ display: block; border-radius: 15px 15px 0 0; aspect-ratio: 16 / 9; object-fit: cover; } .case_slide li .btm{ padding: 0 3% 3% 3%; } .case_slide li .btm .btn_area{ margin-top:2%; } .case_slide .line{ background-color: var(--yellow); color: var(--black); text-align: center; padding: 2%; font-size: var(--font16); } .case_slide .price_area { display: flex; align-items: center; justify-content: flex-start; } .case_slide .price_area .label{ background-color: var(--main); font-size: var(--font14); color: #fff; padding: 0 8px; margin-right: 5%; } .case_slide .price_area .unit{ display: flex; font-size: var(--font18); align-items: flex-end; padding-bottom: 8px; color: var(--main); font-weight: bold; } .case_slide .price_area .unit p{ color: var(--main); font-size: var(--font32); } .case_slide .detail_area table tr{ border-bottom: 1px solid var(--gray); } .case_slide .detail_area table tr:first-child{ border-top: 1px solid var(--gray); } .case_slide .detail_area table th{ background-color: var(--gray); } .case_slide .detail_area table th, .case_slide .detail_area table td{ font-size: var(--font18); } /* 選ばれる理由 */ h2.reason{ padding: 0; text-align: center; } h2.reason span{ color: var(--main); } h2.reason p:first-child{ font-size: var(--font14); color: var(--black); font-weight: normal; } h2.reason p:nth-child(2){ background-color: var(--yellow); display: inline; color: var(--black); padding: 1px 15px; border-radius: 20px; font-size: var(--font16); font-weight: normal; } h2.reason p:nth-child(2) span{ color: var(--black); font-weight: normal; } h2.reason .main{ margin-top: -15px; font-size: var(--font30); } h2.reason .main span{ font-size: var(--font48); } .reason_list li{ border-radius: 3px; border: 3px solid var(--main); margin-bottom: 2%; position: relative; padding: 5% 3% 3%; } .reason_list li p{ margin-top: 3%; font-size: var(--font16); } .reason_list li p span{ color: var(--main); font-size: var(--font16); } .reason_list li .mark{ position: absolute; top: 0; left: 0; background-color: var(--main); font-size: var(--font12); color: #fff; border-radius: 0 0 3px 0; padding: 0 10px; margin-top: 0; } /* 高価買取の秘訣*/ .secret_list li{ background-color: #fff; border-radius: 15px; margin-bottom: 2%; } .secret_list li .header{ text-align: center; border-bottom: 2px solid var(--main); padding: 3%; } .secret_list li .header span{ color: var(--main); font-size: var(--font14); line-height: 1; } .secret_list li .header p{ font-size: var(--font20); line-height: 1; } .secret_list li .btm{ padding: 3%; } .secret_list li .btm .txtarea{ margin-bottom: 3%; font-size: var(--font16); font-weight: normal; } .secret_list li .btm p{ font-size: var(--font16); font-weight: normal; line-height: 1.3; } .secret_list .scroll_table{ overflow-x: scroll; } .secret_list .scroll_table table tr th{ background-color: var(--gray); } .secret_list .scroll_table table { width: 100%; border-collapse: collapse; white-space: nowrap; } .secret_list .scroll_table table tr th, .secret_list .scroll_table table tr td{ border: 1px solid var(--gray); padding: 10px 15px; text-align: center; font-size: var(--font12); } .secret_list .scroll_table table thead th:first-child{ background-color: #fff; position: sticky; left: 0; border: none; } .secret_list .scroll_table table thead th:nth-child(2){ background-color: var(--main); color: #fff; } .secret_list .scroll_table table tbody tr th:first-child{ position: sticky; left: 0; } /* 流れ */ .flow_list li{ display: flex; margin-bottom: 2%; border: 3px solid var(--main); padding: 3%; border-radius: 10px; } .flow_list li .left{ width:75%; } .flow_list li .right{ width:25%; margin-left: 2%; } .flow_list li .right img{ height: 100%; object-fit: cover; aspect-ratio: 3/4; } .flow_list li .ttl{ font-size: var(--font18); color: var(--main); font-weight: bold; } .flow_list li p{ font-size: var(--font16); font-weight: normal; line-height: 1.3; } .flow_list li a{ text-decoration: underline; font-size: var(--font14); color: var(--main); } @media (max-width: 500px) { /* .flow_list li .ttl{ font-size: 18px; } */ } /* 安心の実績！ */ .award_list li{ display: flex; margin-bottom: 2%; background-color: #fff; } .award_list li .ttl{ background-color: var(--main); color: #fff; width: 40%; font-size: var(--font16); text-align: center; padding: 2%; display:flex; align-items: center; border-radius: 10px 0 0 10px; } .award_list li p{ width: 60%; font-size: var(--font32); color: var(--main); font-weight: bold; vertical-align: middle; text-align: right; padding: 2%; border-radius: 0 10px 10px 0; border: 2px solid var(--main); } .award_list li .num span{ color: var(--black); font-size: var(--font16); } .bulb{ display: flex; width: 100%; margin-bottom: 2%; } .bulb .left{ width: 15%; background-color: var(--main); border-radius: 50px 0 0 50px; padding: 1% 2%; display: flex; align-items: center; } .bulb .left img{ } .bulb .right{ background-color: #fff; width: 90%; border: 1px solid var(--main); border-radius: 0 50px 50px 0 ; display: flex; align-items: center; padding: 2%; } .bulb .right p{ font-size: var(--font14); } .bulb .right span{ font-size: var(--font20); } /* 私の愛車がこんな価格に!? */ .ad_section_container { position: relative; width: 100%; margin: 0 auto; padding-bottom: 20px; } .ad_content_wrapper { position: relative; z-index: 2; background-color: var(--main); color: #fff; padding: 20px; min-height: 100px; display: flex; align-items: center; border-radius: 15px 15px 0 0; } .ad_title { font-size: var(--font18); font-weight: bold; margin: 0; flex-grow: 1; padding-right: 150px; white-space: nowrap; } .ad_image_overflow { position: absolute; bottom: 0; right: 0; width: 200px; height: 100%; z-index: 1; } .ad_image { position: absolute; bottom: 0; right: 0; height: 120%; width: auto; object-fit: cover; transform: scale(1.2); /* ★ オプションで画像サイズを少し大きくする ★ */ transform-origin: bottom; } .ad_content_bottom{ border-radius: 0 0 15px 15px; border: 3px solid var(--main); border-top: 0; padding: 3%; background-color: #fff; } .ad_content_bottom .onayami_list li{ border-bottom: 1px solid var(--gray); line-height: 1.4; font-size: var(--font16); padding: 10px; } .ad_content_bottom .onayami_list li i{ color: var(--green); margin-right: 2%; } .ad_content_bottom .onayami_list li span{ font-weight: normal; } .ad_content_bottom .prtxt{ font-size: var(--font18); text-decoration: underline; color: var(--main); text-align: center; } /* お客様の声 */ .voice li{ border-radius: 15px; padding: 3%; border: 3px solid var(--gray); margin-bottom: 2%; } .voice li img{ aspect-ratio: 16 / 9; object-fit: cover; } .voice li h3{ color: var(--black); font-weight: normal; } .rating_area { display: flex; align-items: center; } .rating_area .rating{ background-color: var(--black); color: #fff; display: inline; padding: 0 5px; margin-right: 3%; font-size: var(--font14); } .star5_rating{ position: relative; z-index: 0; display: inline-block; white-space: nowrap; color: var(--gray); font-size: var(--font20); } .star5_rating:before, .star5_rating:after{ content: '★★★★★'; } .star5_rating:after{ position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: #FFC02D; } .star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */ .star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */ .star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */ .star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */ .star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */ .star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */ .star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */ .star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */ .star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */ .star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */ .star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */ /* よくある質問 */ .question_list .pulldown_top{ background-color: #fff; color: var(--black); } .question_list .pulldown_top i{ color: var(--main); font-size: var(--font14); } .question_list .pulldown_top .fa-q{ margin-right: 2%; font-size: var(--font14); } .question_list .pulldown_top p{ width: 100%; font-weight: normal; font-size: var(--font16); } .question_list .pulldown_btm{ display: none; font-weight: normal; background-color: var(--light_gray); padding: 3%; font-size: var(--font14); } .pulldown{ margin-bottom: 3%; background-color: #fff; } .pulldown_top{ display: flex; justify-content: space-between; align-items: center; background-color: var(--main); color: #fff; font-size: var(--font18); padding: 3%; cursor: pointer; } /* 買取なら●●におまかせ */ .ad_card { width: 100%; } .ad_card_header { display: flex; align-items: flex-end; background-color: #fff; border: 4px solid var(--main); border-radius: 15px 15px 0 0; } .ad_card_image_container { flex-shrink: 0; width: 25%; margin-right: 15px; } .ad_card_image_container img{ width: 100%; max-width: 180px; display: block; margin-left: 10%; } .ad_card_image { width: 100%; height: 100%; object-fit: cover; } .ad_card_text_group { padding: 20px; padding-left: 0; } .ad_card_text { color: var(--black); margin: 0; line-height: 1.5; } .ad_card_text .area{ color: var(--btn_check); font-size: var(--font16); } .ad_card_text p{ line-height: 1; } .ad_card_text p:first-child{ font-size: var(--font16); } .ad_card_text p:nth-child(2){ font-size: var(--font14); } .ad_card_title { font-size: var(--font20); font-weight: bold; color: var(--black); margin: 5px 0 0 0; } .ad_card_highlight { background-color: var(--yellow); padding: 2px 8px; border-radius: 4px; white-space: nowrap; font-size: var(--font20); } .ad_card_footer { background-color: var(--main); color: #fff; text-align: center; border: 4px solid var(--main); border-radius: 0 0 15px 15px; } .ad_card_brand { padding: 30px; font-weight: bold; } .ad_card_brand p{ margin: -20px 0; } .ad_card_brand p{ font-size: var(--font24); } .ad_card_brand p span{ font-size: var(--font28); } @media (max-width: 500px) { .ad_card_text p:first-child{ font-size: 18px; } .ad_card_text p:nth-child(2){ font-size: 16px; } .ad_card_highlight{ font-size: 32px; } .ad_card_brand p{ margin: -10px 0; } } /* フォーム */ .form_area{ border-radius: 0 0 5px 5px; margin-bottom: 5%; } .form_top{ background-color: var(--btn_cta); display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 5px 5px 0 0; } .form_top img:first-child{ max-width: 100px; } .form_top img{ max-width: 120px; } .form_top .txt{ text-align: center; color: #fff; margin: 0 2%; } .form_top .txt p{ line-height: 1.2; } .form_top .txt p:first-child{ font-size: var(--font14); } .form_top .txt p:last-child{ font-size: var(--font24); } .form_main{ padding: 5%; border: 1px solid #ddd; border-radius: 0 0 5px 5px; } .form_main .form_set{ margin-bottom: 5%; } .form_main .form_set.last{ margin-bottom: 2%; } .form_main .form_set label{ margin-bottom: 5px; display: block; font-size: var(--font16); } .form_main input,.form_main select{ border: 1px solid var(--dark_gray); padding: 15px; display: block; width: 100%; font-weight: normal; font-size: var(--font16); } .form_main select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right 10px center; /* ここで位置を調整 */ background-size: 15px; /* サイズを調整 */ padding-right: 30px; /* 矢印と文字が重ならないように右側に余白を追加 */ } .form_main input::placeholder{ color: #707070; font-weight: normal; } .form_main .required{ background-color: red; color: #fff; font-size: var(--font14); margin-left: 10px; padding: 0 5px 2px 5px; border-radius: 3px; } .form_main .any{ background-color: var(--light_gray); color: var(--black); font-size: var(--font14); margin-left: 10px; padding: 0 5px 2px 5px; border-radius: 3px; } .form_main .btn_area{ padding-bottom: 0; } /* メインフォーム */ #form .form_area .form_top{ border-radius: 0; } @media (max-width: 500px) { .form_top img:first-child{ max-width: 70px; } .form_top img{ max-width: 80px; } } /* 店舗情報 */ .store_info{ margin-bottom: 3%; } .store_info .header{ background-color: var(--main); color: #fff; font-size: var(--font18); padding: 10px 15px; border-radius: 15px 15px 0 0; } .store_info .cnt{ padding: 3%; background-color: #fff; border-radius: 0 0 15px 15px; } /* -------------------------------------------------------------------- kasou.css ---------------------------------------------------------------------- */ .page_header{ background: var(--main); height: 15vh; position: relative; } .page_header h1{ color: #fff; font-size: var(--font16); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 90%; text-align: center; } .list_content{ margin: 5% 0; } /* タグ */ .tag_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .tag_list li{ padding: 3px 10px; margin-right: 1%; color: var(--main); border: 1px solid var(--main); } .tag_list li a{ display: block; } .tag_list.vertical{ display: block; } .tag_list.vertical li{ padding: 5px 10px; margin-bottom: 1%; } /* ページ内リンク */ .page_link{ display: flex; flex-wrap: wrap; margin-bottom: 4%; } .page_link li{ color: #fff; background-color: var(--main); padding: 2%; width: 32%; margin-right: 1%; text-align: center; } .page_link li a{ display: block; font-size: var(--font24); } /* 共通 */ h2.lower{ border-bottom: 1px solid var(--main); font-size: var(--font18); margin-bottom: 2%; color: var(--main); padding-bottom: 5px; } h2.detail{ border-bottom: none; } h3.lower{ font-size: var(--font16); color: var(--main); border-left: 5px solid var(--main); padding: 1% 2%; margin-bottom: 2%; } h4.lower{ color: var(--main); font-size: var(--font14); } .access .cnt{ margin-bottom: 2%; } .access p{ font-size: var(--font14); } .inner_content{ margin: 5% 0; } .txtarea{ font-size: var(--font16); font-weight: normal; } .txtarea p{ font-size: var(--font16); font-weight: normal; } /*------------------------ case ------------------------*/ .card_list li{ display: flex; border: 1px solid var(--gray); padding: 2%; border-radius: 5px; margin-bottom: 2%; } .card_list li .img{ width: 30%; margin-right: 2%; } .card_list li .cnt{ width: 70%; } .card_list li .cnt .ttl{ font-size: var(--font20); font-weight: normal; } .card_list li .cnt .txt{ margin-bottom: 2%; } .card_list li .cnt a{ color: var(--main); font-weight: normal; } .card_list li .cnt a i{ margin-left: 1%; } /*------------------------ size ------------------------*/ .pulldown.wh{ border: 1px solid var(--gray); margin-bottom: 2%; } .pulldown.wh .pulldown_top{ display: flex; justify-content: space-between; align-items: center; font-weight: normal; color: var(--black); font-size: var(--font18); padding: 1.5% 2%; cursor: pointer; } .pulldown.wh .pulldown_top p{ font-weight: normal; } .pulldown.wh .pulldown_top i{ color: var(--main); } .pulldown.wh .pulldown_btm{ display: none; border-top: 1px solid var(--gray); } @media (max-width: 500px) { .pulldown.wh .pulldown_top{ padding: 4% 3%; } .pulldown.wh .pulldown_btm{ line-height: 1.4; font-size: var(--font14); } } /*------------------------ store ------------------------*/ .staff_area .img{ width: 60%; max-width: 200px; margin: 2% auto; } .staff_area .name{ text-align: center; font-size: var(--font16); font-weight: bold; } .signature { margin: 2% 0; } .signature .company{ font-size: var(--font14); font-weight: normal; } .signature .representative{ font-size: var(--font16); font-weight: normal; } /*------------------------ price ------------------------*/ .scroll_area{ display: flex; justify-content: flex-start; align-items: stretch; overflow-x: scroll; cursor: grab; } .scroll_cnt{ max-width: 80%; border: 1px solid var(--gray); min-width: 300px; } .scroll_cnt .merchandise_ttl{ background-color: var(--main); font-size: var(--font16); color: #fff; padding: 2%; text-align: center; min-height: 60px; line-height: 1.4; } .scroll_cnt .merchandise_cnt{ padding: 2% 4%; } .scroll_cnt .merchandise_cnt .set{ margin: 2% 0 4%; } .scroll_cnt .merchandise_cnt dt{ color: var(--main); } .scroll_cnt .merchandise_cnt dd{ font-weight: normal; } .scroll_cnt .merchandise_cnt .dotline_table tr:first-child{ border-bottom: none; } .scroll_cnt .merchandise_cnt .dotline_table tr:first-child th{ background-color: var(--main); color: #fff; text-align: center; } .size_example{ margin-bottom: 4%; } .size_example dl{ margin-bottom: 2%; } .size_example dt{ color: var(--main); } .size_example dd{ font-weight: normal; } .price_card{ margin-bottom: 2%; } .price_card .ttl{ background-color: var(--main); color: #fff; text-align: center; padding: 2%; font-size: var(--font20); border-radius: 15px 15px 0 0; } .price_card .price_card_cnt{ padding: 3%; border: 1px solid var(--gray); border-radius: 0 0 15px 15px; } .price_card .price_card_cnt .s_ttl{ text-align: center; color: var(--main); font-size: var(--font20); } .price_card .price_card_cnt .l_ttl{ text-align: center; font-size: var(--font36); color: var(--main); } /*------------------------ blog ------------------------*/ .related_posts{ } .related_posts li{ margin-bottom: 2%; border-bottom: 1px dotted var(--gray); } .related_posts li a{ display: flex; justify-content: flex-start; } .related_posts li .img{ width: 30%; padding-right:2%; } .related_posts li .cnt{ width: 70%; } .related_posts li .cnt .ttl{ color: var(--main); } .blog_cnt .tag{ color: var(--main); display: inline; border: 1px solid var(--main); padding: 3px 10px; margin-right: 1%; } .blog_cnt .date{ display: inline; } .blog_cnt h3{ margin: 2% 0; } /*------------------------ question ------------------------*/ .question_list { } .question_list .pulldown_top p{ width: 100%; } .question_list .pulldown_top p i{ color: var(--main); margin-right: 2%; } .question_list .pulldown_btm{ padding: 2%; font-size: var(--font16); font-weight: normal; } /*------------------------ merchandise ------------------------*/ .merchandise_list .pulldown_arrow{ visibility: hidden; } .merchandise_list .pulldown_top:hover{ opacity: 0.7; transition: 0.5s; } .merchandise_list .pulldown_top img{ width: 100%; } .features_list li { margin-bottom: 2%; } .features_list li .top{ display: flex; justify-content: flex-start; align-items: center; } .features_list li .top .no{ background-color: var(--main); color: #fff; width: 30px; height: 30px; position: relative; margin-right: 1%; } .features_list li .top .no span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .merchandise_list .pulldown_btm{ padding: 3%; } .merchandise_list dl { margin-bottom: 5%; } .merchandise_list dl dt{ color: var(--main); } .merchandise_list dl dd{ font-weight: normal; } .features_list li .txt{ margin-bottom: 2%; }/*widget:dabeddcf-dd68-4a0e-ae16-031c456ec7d7*/[data-lib="158"]{font-size: 1em; line-height: 1.6;}[data-lib="158"] p{margin-bottom: 0.8rem;}[data-lib="158"] a{color: inherit; color:;}[data-lib="158"] a:hover{text-decoration: none;}[data-instance="210"] .btn{padding: 1.5rem;}[data-instance="216"] .btn{padding: 1.5rem;}[data-instance="224"] .btn{padding: 1.5rem;}/*widget:119905cf-161d-4634-856e-80e2cdac6912*/[data-lib="102"] input{cursor: pointer;}[data-lib="102"] strong{font-size: var(--font14);}[data-lib="102"] .-w-mail-img{width: 5%; min-width: 50px; height: auto; margin: auto;}[data-lib="102"] .-w-mail-img img{width: 100%; height: auto;}[data-lib="102"] .-w-ttl{color:#E91D26; margin-bottom: 10px; text-align: center;}[data-lib="102"] .-w-ttl3{color: #E91D26; margin-bottom: 10px; margin-top: -20px; text-align: center; font-size:var(--font24); font-weight: bold;}[data-lib="102"] .-x-title-xl:before{display: none;}[data-lib="102"] input[type="submit"],[data-lib="102"] input[type="button"]{border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}[data-lib="102"] input[type="submit"]::-webkit-search-decoration,[data-lib="102"] input[type="button"]::-webkit-search-decoration{display: none;}[data-lib="102"] input[type="submit"]::focus,[data-lib="102"] input[type="button"]::focus{outline-offset: -2px;}[data-lib="102"] .lp_form-wrapper{width:1000px; margin: 0 auto; padding:50px 0;}[data-lib="102"] .owlet-form{padding: 0;}[data-lib="102"] .owlet-form table{margin: 0 auto 20px; width: 100%; border-collapse: collapse; border-spacing: 1px;}[data-lib="102"] .owlet-form table tr{border-bottom: 1px solid #E91D26;}[data-lib="102"] .owlet-form table tr th{font-weight: bold; font-size: var(--font14); width: 30%; text-align: left; vertical-align: middle; padding: 10px 5px; color: var(--black);}[data-lib="102"] .owlet-form table tr td{width: 70%; vertical-align: middle; padding: 10px 5px; font-size: var(--font16);}[data-lib="102"] .require{border-radius: 2px; margin-left: 10px; font-size: var(--font14); ; font-weight: normal; padding: 0px 4px; background: #CE0000; color: #fff; white-space: nowrap;}[data-lib="102"] .owlet-input-sample{font-size: var(--font14); ; padding: 0 10px;}[data-lib="102"] .owlet-input-sample a{color: inherit;}[data-lib="102"] .owlet-form input[type="image"]{text-align: center; display: block; margin: 0 auto;}[data-lib="102"] .owlet-form table input[type="text"]{width: 100%; color: #000;}[data-lib="102"] .owlet-form table input,[data-lib="102"] .owlet-form table select,[data-lib="102"] .owlet-form table textarea,[data-lib="102"] .owlet-form table label,[data-lib="102"] .owlet-form table .input_address{font-size:var(--font16); padding: 5px;}[data-lib="102"] .owlet-input-tel1,[data-lib="102"] .owlet-input-tel2,[data-lib="102"] .owlet-input-tel3,[data-lib="102"] .zip1,[data-lib="102"] .zip2{width: 28%!important;}[data-lib="102"] .owlet-form input.owlet-input-tel1 + span,[data-lib="102"] .owlet-form input.owlet-input-tel2 + span{font-size:var(--font14);}[data-lib="102"] .form_button{width: 50%; margin: 0 auto; text-align: center; font-size: var(--font14); ; border-radius: 3px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; cursor: pointer;}[data-lib="102"] .form_button a:hover,[data-lib="102"] .form_button input:hover{opacity: 0.8;}[data-lib="102"] .form_button input[type="button"],[data-lib="102"] .form_button input[type="submit"],[data-lib="102"] .form_button input[type="image"]{display: inline-block; cursor: pointer;}[data-lib="102"] .form_button input[type="button"],[data-lib="102"] .form_button input[type="submit"]{border: none; padding: 2%; cursor: pointer; width:90%; box-sizing: border-box; font-size: var(--font16); ; font-weight: bold; color:#fff; background-color:#E91D26; background-repeat: no-repeat; background-size: 25px; background-position: right 3% center; border-radius: 30px;}[data-lib="102"] .form_button input[type="button"]:hover,[data-lib="102"] .form_button input[type="submit"]:hover{cursor: pointer; box-sizing: border-box; transition: all .4s; opacity: 0.7;}[data-lib="102"] .form_button a{display: inline-block; float: left; vertical-align: top; border: 1px solid; padding: 9px 5px 8px; width: 200px; box-sizing: border-box; font-size: var(--font18); text-decoration: none; border-radius: 30px; background-color: #fdfdfd; border-color: #dddddd; color:#313131; display: block;}[data-lib="102"] .form_button a:hover{background-color: #dddddd; border-color: #dddddd; transition: all .4s;}[data-lib="102"] .form_button form input[type="button"],[data-lib="102"] .form_button form input[type="submit"]{border: 1px solid; padding: 8px 5px; cursor: pointer; width: 200px; vertical-align: top; box-sizing: border-box; font-size: var(--font18); color:#fff; background-color:#E91D26; border:1px solid; display: block; margin-bottom: 5%;}[data-lib="102"] .form_button form input[type="button"]:hover,[data-lib="102"] .form_button form input[type="submit"]:hover{color:#fff; background-color:#E91D26; border:1px solid #E91D26; transition: all .4s;}[data-lib="102"] .alert{color:#CE0000; font-size: var(--font14);}[data-lib="102"] .owlet-rules-agree .alert{margin-top:10px; font-size: var(--font14);}[data-lib="102"] .inquiry_form input[type="text"]{width: 100%; box-sizing: border-box; padding: 10px;}[data-lib="102"] .inquiry_form input.owlet-input-name-sei[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-name-mei[type="text"]{width: 280px; box-sizing: border-box; padding: 10px; margin: 0 10px 0 0;}[data-lib="102"] .inquiry_form input[type="text"],[data-lib="102"] .inquiry_form select{min-height: 20px; box-sizing: border-box; border: 1px solid #E91D26;}[data-lib="102"] .inquiry_form input.owlet-input-tel1[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-tel2[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-tel3[type="text"],[data-lib="102"] .inquiry_form input.zip1[type="text"],[data-lib="102"] .inquiry_form input.zip2[type="text"]{line-height: 1.2; padding: 5px; border: 1px solid #dcdcdc; width: 115px;}[data-lib="102"] input[type="text"]{line-height: 1.2; padding: 5px !important; border: 1px solid #dcdcdc !important;}[data-lib="102"] .owlet-form textarea{min-height: 100px; line-height: 1.2; padding: 5px; border: 1px solid #dcdcdc; width: 100%; box-sizing: border-box;}[data-lib="102"] .owlet-form select{line-height: 1.2; border: 1px solid #dcdcdc; width: 180px; color: #000;}[data-lib="102"] input[type="date"]{line-height: 1.2; border: 1px solid #dcdcdc; width: 180px; color: #000; display: block; padding: 5px; margin-bottom: 5px;}[data-lib="102"] .owlet-input-name-sei,[data-lib="102"] .owlet-input-name-mei{width: 90px; margin: 0 5px;}[data-lib="102"] .owlet-form input[name="input[email]"],[data-lib="102"] .owlet-form input[name="input[email_confirm]"]{width: 100%;}[data-lib="102"] .zip1,[data-lib="102"] .zip2{width: 60px; margin-bottom: 10px;}[data-lib="102"] .zip2addr{margin-bottom: 10px; padding: 10px 13px 6px; box-sizing: border-box; display: inline-block; background-color:#E91D26; color: #fff;}[data-lib="102"] select.prefectures,[data-lib="102"] select.city{margin: 0 5px 10px 0; padding: 10px;}[data-lib="102"] .owlet-form .address,[data-lib="102"] .owlet-form input[name="input[address_address]"],[data-lib="102"] .owlet-form input[name="input[address_address2]"],[data-lib="102"] .owlet-form input[name="input[address2_address]"],[data-lib="102"] .owlet-form input[name="input[address2_address2]"]{width: 100%; margin-left: 0;}[data-lib="102"] .address,[data-lib="102"] input[name="input[address_address]"]{margin: 0 5px 5px; width: 75%;}[data-lib="102"] input[email],[data-lib="102"] input[email_confirm],[data-lib="102"] input[body]{margin: 0 5px 5px; width: 75%;}[data-lib="102"] .owl-datepicker{width: 150px; margin-right: 5px;}[data-lib="102"] select[name="input[date_hour]"],[data-lib="102"] select[name="input[date_minute]"]{margin-right: 5px;}[data-lib="102"] .owlet-input-tel1,[data-lib="102"] .owlet-input-tel2,[data-lib="102"] .owlet-input-tel3{width: 60px;}[data-lib="102"] .owlet-input-tel2,[data-lib="102"] .owlet-input-tel3{margin-left: 3px;}[data-lib="102"] input[name="input[company_name]"]{width: 80%; line-height: 1.2; padding: 2px;}[data-lib="102"] textarea[name="input[text]"]{width: 80%;}[data-lib="102"] .owlet-form table tr td label{//display: block; display: inline-block; font-size: var(--font14);}[data-lib="102"] input[name="input[select_etc]"],[data-lib="102"] input[name="input[radio_etc]"],[data-lib="102"] input[name="input[check_etc]"]{width: 80%; margin-top: 5px;}[data-lib="102"] .owlet-form label input[type="check"]{cursor: pointer;}[data-lib="102"] .owlet-rules{padding: 0 0 50px;}[data-lib="102"] .owlet-rules-title{font-size:var(--font16); ; font-weight: bold; margin-bottom: 10px;}[data-lib="102"] .owlet-rules-body{height: 200px; padding: 15px; border: 1px solid; box-sizing: border-box; margin-bottom: 20px; overflow-y: scroll;}[data-lib="102"] .owlet-rules-body p{font-size: var(--font14);}[data-lib="102"] .owlet-rules-agree{text-align: center; font-size:var(--font14); margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}[data-lib="102"] .owlet-rules-agree input{width: auto;}[data-lib="102"] .owlet-rules-agree a{font-size:var(--font16); margin-bottom: 10px; display: inline-block; color:;}@media (max-width: 1280px){[data-lib="102"] .lp_form{padding:0; max-width: 750px; margin: 0 auto;}[data-lib="102"] .lp_form .lp_form-wrapper{width:100%; padding:50px 30px; box-sizing:border-box;}[data-lib="102"] .owlet-form input.owlet-input-name-sei[type="text"],[data-lib="102"] .owlet-form input.owlet-input-name-mei[type="text"]{width: 100%;}[data-lib="102"] .owlet-form input.owlet-input-name-sei[type="text"]{margin-bottom: 10px;}[data-lib="102"] input.owlet-input-name-sei[type="text"],[data-lib="102"] input.owlet-input-name-mei[type="text"]{width: 100%;}[data-lib="102"] input.owlet-input-name-sei[type="text"]{margin-bottom: 10px;}[data-lib="102"] .owlet-rules{width:100%;}}@media (max-width:1023px){[data-lib="102"] .inquiry_form input.owlet-input-name-sei[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-name-mei[type="text"]{width: 100%;}[data-lib="102"] .inquiry_form input.owlet-input-name-sei[type="text"]{margin-bottom: 10px;}}@media (max-width: 768px){[data-lib="102"] .-x-title-xl{font-size:2rem;}[data-lib="102"] .-w-ttl3{font-size:1.4rem;}[data-lib="102"] .-w-ttl{text-align: left;}[data-lib="102"] .lp_form{padding:2.0rem;}[data-lib="102"] .lp_form .lp_form-wrapper{padding:0;}[data-lib="102"] .form-wrapper{width:100%; margin: 0 auto; padding:0 2rem; box-sizing: border-box;}[data-lib="102"] .form_button{width: 100%; margin: 0 auto 30px; font-size: 1.250rem;}[data-lib="102"] .owlet-rules-agree{margin-top: 20px; font-size: 3vw;}[data-lib="102"] table{display: block; width: 100%; box-sizing: border-box; border-bottom: 1px solid;}[data-lib="102"] table tbody,[data-lib="102"] table tr{display: block; width: 100%;}[data-lib="102"] .form_button a{display: inline-block; float: none; vertical-align: top; margin: 0 auto 15px;}[data-lib="102"] .form_button form{display: inline-block; float: none; vertical-align: top; margin: 0 auto 15px;}[data-lib="102"] .inquiry_form input.owlet-input-name-sei[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-name-mei[type="text"]{width: 100%; padding: 10px; margin: 0;}[data-lib="102"] .inquiry_form input.owlet-input-name-sei[type="text"]{margin: 0 0 10px;}[data-lib="102"] input.owlet-input-name-sei[type="text"],[data-lib="102"] input.owlet-input-name-mei[type="text"]{width: 100%; padding: 10px; margin: 0;}[data-lib="102"] input.owlet-input-name-sei[type="text"]{margin: 0 0 10px;}[data-lib="102"] table tr td input,[data-lib="102"] table tr td select{max-width: 100%; box-sizing: border-box;}[data-lib="102"] table tr td input[type="text"]{min-height: 20px;}[data-lib="102"] textarea{width: 100%; display: block; margin: 0 auto;}[data-lib="102"] .owlet-form input.owlet-input-name-sei[type="text"],[data-lib="102"] .owlet-form input.owlet-input-name-mei[type="text"]{width: 100%; padding: 10px; margin: 0;}[data-lib="102"] .owlet-form input.owlet-input-name-sei[type="text"]{margin: 0 0 10px;}[data-lib="102"] .inquiry_form input.owlet-input-tel1[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-tel2[type="text"],[data-lib="102"] .inquiry_form input.owlet-input-tel3[type="text"]{width: 80px;}[data-lib="102"] .owlet-form table tr td input,[data-lib="102"] .owlet-form table tr td select{max-width: 100%; box-sizing: border-box;}[data-lib="102"] .owlet-form table tr td input[type="text"]{min-height: 30px;}[data-lib="102"] .owlet-form textarea{width: 100%; padding: 0; display: block; margin: 0 auto;}[data-lib="102"] .owlet-rules{padding:0; margin:0 auto;}[data-lib="102"] a,[data-lib="102"] input[type="button"],[data-lib="102"] form .form_button input[type="submit"],[data-lib="102"] input[type="text"],[data-lib="102"] input[type="button"],[data-lib="102"] select{-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;}[data-lib="102"] .owlet-form table tr th{padding-bottom: 0; display: block; width: 100%;}[data-lib="102"] .owlet-form table tr td{display: block; width: 100%; border-top: none; border-bottom: none;}}[data-instance="196"] input[type="checkbox"]{display: inline-block !important; visibility: visible !important; opacity: 1 !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; margin-right: 5px;}[data-instance="196"] .owlet-input-tel1,[data-instance="196"] .owlet-input-tel2,[data-instance="196"] .owlet-input-tel3,[data-instance="196"] .zip1,[data-instance="196"] .zip2{display: inline;}