HOME > お問い合わせ > お問い合わせ内容確認 /************/ /*** 共通 ***/ /************/ /* モバイルメニュー非表示 */ header #headbox-bg nav{ display: none; } /* 画像用丸み */ .image-round{ border-radius: 20px; } /* ホバー */ a{ transition: 0.5s all; } *:hover{ transition: 0.5s all; } /* 全幅 */ .max-width-contents{ width: 100vw; padding: 0; margin-left:calc( ( 100% - 100vw ) / 2 ); } .max-width-contents .st-in-mybox{ max-width: 1010px; margin: 0 auto; padding: 20px 15px; } @media only screen and (max-width: 699px){ .max-width-contents{ margin-top: 0; margin-bottom: 0; } } /* マイボックス見出し */ .max-width-contents .st-mybox-title{ display: none; } /* */ *{ box-sizing: border-box; } /* カラムそのまま */ .nowrap{ flex-wrap: nowrap; } /* FontAwesome */ i{ font-family: FontAwesome; } /* 改行 */ .br-pc{ display: block; } @media only screen and (max-width: 783px){ .br-pc{ display: none; } } @media only screen and (min-width: 782px){ .br-sp{ display: none; } } /* 非表示 */ @media only screen and (max-width: 598px){ .display-sp{ display: none; } } .display-none{ display: none !important; } /* 左寄せ */ .text-aling-left{ text-align: left !important; } /************/ /*** 共通 ***/ /************/ /* WPRプラグイン menuスペース */ @media only screen and (max-width: 959px){ html{ padding-top: 0 !important; } } /* スキマ */ .home .st-mybox{ margin-top: 0 !important; margin-bottom: 0 !important; } .home main, .home #content-w{ padding-top: 0; } /* TOPに戻るボタン */ #page-top{ bottom: 150px; background-color: #0770B8; padding: 10px 20px; border-radius: 100%; } @media only screen and (max-width: 960px){ #page-top{ bottom: 80px; } } /******************/ /*** SPメニュー ***/ /******************/ /* menuを非表示 */ .menu_title{ display: none !important; } /* 色を非表示 */ #wprmenu_bar{ background-color: initial !important; overflow: visible; width: 100%; } .wprmenu_bar{ /*background-color: #4ABFB5 !important;*/ } /* ハンバーガーメニュー */ .hamburger{ background-color: #0770B8; border: none !important; padding: 15px 20px !important; margin-top: 0 !important; position: absolute; top: 0; right: 0; } /* スライドメニュー */ #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right{ top: 0 !important; } #wprmenu_menu_ul{ padding-top: 40px; text-align: center; } #wprmenu_menu_ul li{ margin-top: 5px !important; } #wprmenu_menu_ul a{ font-size: 16px !important; } #wprmenu_menu_ul li.menu-item-1535 a{ color: #ffffff !important; background-color: #FF8135; max-width: 300px; margin: 0 auto; border-radius: 15px; } #wprmenu_menu_ul li:last-child a{ color: #ffffff !important; background-color: #06c755; max-width: 300px; margin: 0 auto; border-radius: 15px; } li.menu-item-559 a{ color: #1a0dab !important; /*text-decoration: underline !important;*/ background-color: #ffffff; border: 1px solid #1a0dab; max-width: 300px; margin: 0 auto; border-radius: 15px; } li.menu-item-559 .fa-phone{ padding-right: 0.5em; } /****************/ /*** ヘッダー ***/ /****************/ #headbox{ max-width: initial; } #header-l{ width: initial; } #header-r{ max-width: initial; } #header-r .footermenubox.st-menu-side-box{ width: initial; } .sitename :after{ display: block; content: "空き家守り"; font-size: 15px; text-align: center; font-weight: 400; } /* 電話・お問い合わせ・LINE */ #menu-pc-header2{ margin-bottom: 0 !important; } #menu-pc-header2 li{ padding: 0 !important; } #menu-pc-header2 li:nth-child(1){ padding-right: 20px !important; line-height: 1.75 !important; } #menu-pc-header2 li:nth-child(1) a{ color: #0770B8 !important; font-size: 2em !important } #menu-pc-header2 li:nth-child(1) .fa-phone{ padding-right: 0.5em; } #menu-pc-header2 li:nth-child(1):after{ display: block; content: "受付時間:9:00-19:00"; text-align: right; font-size: 14px; } #menu-pc-header2 li:nth-child(1):before{ display: inline-block; margin-right: 1em; content: "お見積り・ご相談無料!"; font-size: 16px; color: #0770B8; } #menu-pc-header2 li:nth-child(2) a{ background-color: #0770B8 !important; } #menu-pc-header2 li:nth-child(3) a{ background-color: #06C755 !important; } #menu-pc-header2 li:nth-child(2) a, #menu-pc-header2 li:nth-child(3) a{ display: block; padding: 1em; font-size: 1.25em !important; line-height: 1.5em; display: flex; align-items: center; flex-wrap: nowrap; } #menu-pc-header2 li:nth-child(2) a .svg-inline--fa, #menu-pc-header2 li:nth-child(3) a .svg-inline--fa{ font-size: 1.75em; padding-right: 8px; } /* サブメニュー */ header{ position: relative; } #headbox{ padding-top: 0; padding-right: 0; padding-bottom: 0; } #gazou-wide{ position: absolute; bottom: -50px; right: 0; z-index: 10; } #gazou-wide a{ font-size: 1.1em; font-weight: 700; color: #ffffff; } /* ロゴ */ /****************/ /*** フッター ***/ /****************/ .home .post{ padding-bottom: 0 !important; } footer{ background-color: #000000 !important; border-top: 2px solid #CCB16D; } #footer .menu-item a{ color: #ffffff !important; } footer .footermenust li{ display: inline-block; } .home #footer{ padding-bottom: 150px !important; z-index: 1; } @media only screen and (max-width: 960px){ .home #footer{ padding-bottom: 80px !important; } } /***********/ /*** TOP ***/ /***********/ /*** 共通 ***/ /* ボタン */ .top-contact-button a{ display: inline-block; color: #413F37; border: none !important; font-weight: 700; border-radius: 5px !important; box-shadow: 0px 5px 7px #98876B95; } .top-contact-button a:hover{ color: #B29E58; background: #ffffff !important; } .home main{ margin-bottom: 0 !important; padding-bottom: 0 !important; } .home h2{ background: initial; border: none; position: relative; } .home h3{ background: initial !important; border: none !important; } .top-h2{ padding: 0 !important; margin-bottom: 5px !important; font-size: 30px !important; line-height: 45px !important; } .top-h2-p{ margin-bottom: 40px !important; } /*** FV ***/ .top-fv{ position: relative; overflow: hidden; } .top-fv .st-in-mybox{ max-width: initial; } .top-fv .n2_clear{ width: 100%; position: absolute; top: 0; left: 0; z-index: 0; height: 100%; } .top-fv .n2_clear:after{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: calc(150%); /*background: linear-gradient(270deg, rgba(254,254,254,1) 40%, rgba(0,0,0,1) 100%);*/ background-color: black; opacity: 0.2; z-index: 2; } p.top-fv-title, .top-fv h2{ position: relative; z-index: 3; color: #ffffff; max-width: 1010px; margin : 0 auto; } .top-fv img{ width: 100%; /*overflow: hidden;*/ } p.top-fv-title{ font-size: 40px !important; line-height: 60px; padding: 20px 0; position: relative; } p.top-fv-title:before{ position: absolute; background-color: #0770B8; content: ""; top: 0 ; left: -10px; width: 50px; height: 100%; z-index: -1; } .top-fv h2{ font-size: 70px !important; line-height: 90px; text-align: left; padding: 10px 0 10px 0; } .top-fv h2:before{ position: absolute; background-color: #06C755; content: ""; top: -10px ; left: 0; width: 50px; height: 150%; z-index: -1; } .top-fv-area{ color: #ffffff; position: relative; z-index: 3; font-size: 26px !important; line-height: 40px; max-width: 1010px; margin : 0 auto; padding: 60px 2px; } @media only screen and (max-width: 960px){ p.top-fv-title{ font-size: 28px !important; line-height: 50px !important; } .top-fv h2{ font-size: 45px !important; line-height: 50px; } .top-fv .n2_clear:after{ background: linear-gradient(270deg, rgba(254,254,254,1) 0%, rgba(0,0,0,1) 100%); } .top-fv-area{ font-size: 20px !important; padding: 60px 2px; } } /*** スクロール追従 ***/ .top-fv-banner{ position: relative; bottom: 0; left: 0; background-color: #0770B8 !important; z-index: 10; } .top-fv-banner .st-in-mybox{ display: flex; flex-wrap: wrap; justify-content: right; padding-bottom: 0; position: relative; } .top-fv-banner .st-in-mybox >*:not(figure){ margin-bottom: 10px !important; } .top-fv-banner figure{ position: absolute; bottom: 0; left: 10px; width: 200px; margin-bottom: 0; } .top-fv-banner p{ color: #ffffff; text-align: right; } .top-fv-banner-p{ width: 100%; } .top-fv-banner-tel a{ display: flex; justify-content: right; align-items: center; font-size: 30px !important; margin-right: 10px; padding: 10px 5px !important; } .top-fv-banner .fa-phone, .top-fv-banner .fa-envelope, .top-fv-banner .fa-line{ padding-right: 10px !important; } .top-fv-banner-contact, .top-fv-banner-line{ margin-left: 10px; justify-content: right; } .top-fv-banner-tel a{ background-color: initial; } .top-fv-banner-contact a{ background-color: #FF8135; } .top-fv-banner-line a{ background-color: #06C755; } @media only screen and (max-width: 960px){ .top-fv-banner{ background-color: #ffffff !important; } .top-fv-banner .st-in-mybox{ flex-wrap: nowrap; padding-right: 5px; } .top-fv-banner figure{ width: 100px; left: initial; right: 260px; bottom: 0; } .top-fv-banner-p{ display: none; } .top-fv-banner a{ border-radius: 10px; padding: 10px; margin: 0 !important; } .top-fv-banner-tel a{ justify-content: center; font-size: 14px !important; background-color: #0770B8; } .top-fv-banner .wp-block-buttons a{ font-size: 12px !important; display: flex; flex-direction: column; margin-left: 7px; padding-left: 2px; padding-right: 2px; } .top-fv-banner .fa-phone, .top-fv-banner .fa-envelope, .top-fv-banner .fa-line{ font-size: 12px !important; padding-right: 0 !important; } } /*** アキヤモリのサービス ***/ .top-service-list{ padding-top: 40px; padding-bottom: 40px; } .top-service-list .wp-block-buttons{ margin-top: 40px; gap: 1.5em; } .top-service-list .wp-block-button{ width: 27.5%; } .top-service-list .wp-block-button a{ width: 100%; position: relative; } .top-service-list .wp-block-button a:after{ font-family: FontAwesome; content: "\f054"; position: absolute; top: 50%; right: 5px; transform: translate(0,-50%); } @media only screen and (max-width: 699px){ .top-service-list .wp-block-button{ width: 100%; } } /*** 選ばれる5つの理由 ***/ .top-reason{ } .top-reason >div >.wp-block-group{ display: flex; justify-content: center; flex-wrap: wrap; flex-direction: initial !important; margin-top: 50px !important; margin-bottom: 30px !important; gap: 20px; align-items: stretch; position: relative; } .top-reason >div >.wp-block-group >.wp-block-group{ width: 45%; display: flex; border-radius: 20px; gap: 0.5em; background-color: #ffffff !important; } .top-reason .wp-block-image{ text-align: center; margin-bottom: -5%; } .top-reason h3{ margin-bottom: 5px !important; margin-top: 0 !important; background-color: #E6F1F8 !important; color: #0770B8 !important; display: flex; font-size: 1.2em !important; border-radius: 15px; position: relative; } .top-reason h3:before{ display: inline-block; color: #ffffff; background-color: #0770B8; border-radius: 15px; width: 30px; height: 30px; text-align: center; line-height: 1.5em; margin-right: 5px; border: 1px solid #0770B8 !important; } .top-reason >div >.wp-block-group >.wp-block-group p{ padding: 0 10px; line-height: 2em; } .top-reason >div >.wp-block-group >.wp-block-group:nth-child(1) h3:before{ content: "1"; } .top-reason >div >.wp-block-group >.wp-block-group:nth-child(2) h3:before{ content: "2"; } .top-reason >div >.wp-block-group >.wp-block-group:nth-child(3) h3:before{ content: "3"; } .top-reason >div >.wp-block-group >.wp-block-group:nth-child(4) h3:before{ content: "4"; } .top-reason >div >.wp-block-group >.wp-block-group:nth-child(5) h3:before{ content: "5"; } .top-reason .wp-block-image img{ border-radius: 100%; } @media only screen and (max-width: 699px){ .top-reason >div >.wp-block-group >.wp-block-group{ width: 100%; } } /*** サービス ***/ .top-service{ } .top-service h3{ padding-left: 0 !important; margin-top: 0 !important; font-size: 1.75em !important; } .top-service-h3-p{ margin-bottom: 0 !important; } .top-service .wp-block-culumns .wp-block-image{ position: relative; margin-bottom: 0; } .top-service .wp-block-image img{ border-radius: 15px; } .top-service >div >.wp-block-columns{ margin-top: 40px; margin-bottom: 80px; } .top-service >div >div >.wp-block-column{ padding: 20px 15px; border-top: 10px solid #0770B8; margin-top: 40px; border-radius: 10px; } .top-service h4{ background-color: initial !important; margin-top: 5px !important; margin-bottom: 5px !important; } .top-service >div >div >.wp-block-column p{ font-size: 14px; !important; line-height: 24px; } @media only screen and (max-width: 960px){ .top-service .wp-block-column{ margin-top: 0 !important; } } /*** お任せ ***/ .top-omakase{ background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/top-fv03.jpg"); background-size: cover; background-position: 50% 50%; padding: 50px 0; } .top-omakase .st-in-mybox{ position: relative; } .top-omakase .st-in-mybox:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.7; } .top-omakase .st-in-mybox p,div{ position: relative; z-index: 2; } .top-omakase-p{ margin-top: 30px; font-size: 30px !important; margin-bottom: 30px !important; } .top-omakase-button{ margin-bottom: 20px; } .top-omakase-button a{ font-size: 25px; } .top-omakase-button .wp-block-column{ display: flex; } .top-omakase-button .wp-block-column:first-child{ justify-content: right; } .top-omakase-button .wp-block-column:last-child{ justify-content: left; } .top-omakase-button .wp-block-column:last-child a{ font-size: 20px; } .top-omakase-button .wp-block-column:first-child a:before{ content: "\f095"; font-family: Fontawesome; color: #ffffff; padding-right: 10px; } .top-omakase-button .wp-block-column:first-child a:after{ content: "受付時間:9:00-19:00"; display: block; color: #ffffff; text-align: center; font-size: 18px; } .top-omakase-button .wp-block-column:last-child a:before{ content: ""; display: block; margin: 0 auto; background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/fixed_line.png"); background-size: cover; background-repeat: no-repeat; width: 45px; height: 45px; padding-right: 10px; } .top-omakase-point{ gap: 0.25em !important; } .top-omakase-point p{ font-size: 22px !important; line-height: 40px; } .top-omakase-point strong{ font-size: 35px !important; } @media only screen and (max-width: 960px){ .top-omakase-p{ font-size: 20px !important; line-height: 50px; } .top-omakase-button .wp-block-buttons, .top-omakase-button .wp-block-button, .top-omakase-button .wp-block-button *{ width: 100% !important; max-width: 300px; } .top-omakase-button .wp-block-column{ justify-content: center !important; } .top-omakase-point p{ font-size: 14px !important; line-height: 30px; } .top-omakase-point strong{ font-size: 20px !important; } } /*** 価格目安 ***/ .top-price{ padding: 40px 0 60px; } .top-price h3{ padding: 0 !important; } .top-price-block{ background-color: #ffffff; border-top: 5px solid #0770B8; padding: 30px 20px; } .top-price-block .wp-block-columns{ max-width: 500px; margin: 0 auto; } .top-price .wp-block-image{ margin: 0 auto; /*width: 33%;*/ max-width: 150px; } .top-price-block-box{ flex-wrap: wrap !important; justify-content: center; align-items: stretch !important; } .top-price-block-box >.wp-block-group{ width: calc(33% - 0.5em ); border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; } .top-price-block-box p{ margin-bottom: 0; padding: 5px; } .top-price-block-box p:first-child{ font-size: 18px !important; background-color: #f0f0f0; } .top-price-block-box-price{ color: #0770b8; font-size: 20px !important; } @media only screen and (max-width: 699px){ .top-price-block-box >.wp-block-group{ width: 100%; } } /*** Flow ***/ .top-flow .wp-block-columns{ flex-wrap: wrap !important; justify-content: center; gap: 30px 1em; } .top-flow .wp-block-column{ background-color: #E6F1F8; border-radius: 20px; padding: 2em 10px 1em; position: relative; } .top-flow .wp-block-column{ flex-basis: calc(33% - 1em) !important; flex-grow: initial !important; } .top-flow-no{ position: absolute; top: -0.75em; left: 1em; transform: translate(-50%,0); display: inline-block; background-color: #0770B8; color: #ffffff; font-size: 1.5em !important; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center; border-radius: 2em; } .top-flow-title{ text-align: center; color: #0770B8; font-size: 1.2em !important; font-weight: 700; } .top-flow img{ border-radius: 10px; } .top-flow-discription{ font-size: 0.9em !important; } /*** About ***/ .top-about{ padding: 30px 0 50px; } .top-about table{ margin-top: 30px; } .top-about figure img{ max-width: 200px; } /*** Purchase ***/ .top-purchase{ padding: 40px 0 60px; } .top-purchase ul{ list-style: none !important; } .top-purchase h3{ text-align: center; margin: 10px 0 !important; } .top-purchase .purchase-price{ text-align: center; color: #0770B8; font-weight: 700; font-size: 30px !important; } .top-purchase img{ border-radius: 15px; aspect-ratio: 4 / 3; } .top-purchase .purchase-condition, .top-purchase .purchase-comment, .top-purchase .purchase_price-kakaku{ display: none; } /*** 事例 ***/ .top-case{ padding: 40px 0 60px; } .top-case ul{ list-style: none !important; } .top-case .wp-block-group{ padding: 10px !important; } .top-case h3{ margin: 10px 0 !important; padding: 0 !important; font-size: 1.1em !important; } .top-case .wp-block-post-template{ gap: 0.5em; } .top-case .wp-block-post-featured-image img{ aspect-ratio: 4 / 3; } .top-case .wp-block-post-date{ margin-top: 10px !important; } .top-case .wp-block-post-date a{ text-decoration: none !important; color: initial !important; } /*** FAQ ***/ .top-faq input{ z-index: 3 !important; } .top-faq .smb-accordion__item__title{ background-color: #0770B8; color: #ffffff; border-radius: 15px; } .top-faq .smb-accordion__item__body{ display: flex !important; justify-content: left; padding: calc(var(--_padding-1)*.5) var(--_padding-1); } .top-faq .smb-accordion__item__title:before{ content: "Q"; border: 1px solid #ffffff; margin-right: 10px; width: 30px; min-width: 30px; height: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; } .top-faq .smb-accordion__item__body:before{ content: "A"; background-color: #0770B8; font-weight: 700; color: #ffffff; margin-right: 10px; width: 30px; min-width: 30px; height: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; } .top-faq .smb-accordion__item__body p{ margin-left: 1em !important; } /* NEWS */ .top-news{ padding-top: 60px; padding-bottom: 60px; } .top-news ul{ list-style: none !important; padding: 0 !important; } .top-news .wp-block-columns{ gap: 1em !important; } .top-news h3{ margin-top: 0 !important; padding: 0 !important; } .top-news .wp-block-group{ padding-top: 0 !important; } .top-news .wp-block-post-featured-image img{ aspect-ratio: 4 / 3; } .top-news a{ text-decoration: none; color: #333333; } .top-news a:hover{ opacity: 0.5; } .top-news p a{ color: #0770b8 !important; text-decoration: underline; } /* 対応エリア */ .top-area{ padding-top: 30px; padding-bottom: 60px; } .top-area-list{ font-size: 14px !important; } /**********************/ /*** サービスページ ***/ /**********************/ /* ヘッダー */ .page-id-1855 .heder-post-data-title, .page-id-1860 .heder-post-data-title, .page-id-1862 .heder-post-data-title { text-align: center; color: #ffffff; } .page-id-1855 .st-header-post-data, .page-id-1860 .st-header-post-data, .page-id-1862 .st-header-post-data { background-size: cover; background-position: center; height: 250px; position: relative; } .page-id-1855 .st-header-post-data { background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/to-service03.jpg"); } .page-id-1860 .st-header-post-data { background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/to-service01.jpg"); } .page-id-1862 .st-header-post-data { background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/to-service02.jpg"); } .page-id-1855 .st-header-post-data:after, .page-id-1860 .st-header-post-data:after, .page-id-1862 .st-header-post-data:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.3; } /********************/ /*** お知らせ記事 ***/ /********************/ .single main, .category main{ margin-top: 50px; } .single h2, .category h2{ background-color: #039BE5 !important; border: none; color: #ffffff !important; } @media only screen and (max-width: 699px){ .single aside .wp-block-spacer{ height: 0 !important; } } /* CTA */ .cta-button{ padding-left: 0; padding-right: 0; } .cta-button .st-mybox-title{ display: none; } .cta-button p:first-child{ font-size: 1.2em !important; } .cta-button a{ width: 200px; height: 75px; } .cta-button .wp-block-button:first-child a:before{ content: "\f095"; font-family: Fontawesome; color: #ffffff; padding-right: 10px; } .cta-button .wp-block-button:first-child a:after{ content: "受付時間:9:00-19:00"; display: block; color: #ffffff; text-align: center; font-size: 14px; } .cta-button .wp-block-button:last-child a{ display: flex; align-items: center; } .cta-button .wp-block-button:last-child a:before{ content: ""; display: inline-block; margin: 0 auto; background-image: url("https://akiyamori.jp/wp-content/uploads/2024/04/fixed_line.png"); background-size: cover; background-repeat: no-repeat; width: 45px; height: 45px; padding-right: 10px; } /**********************/ /*** サービスの流れ ***/ /**********************/ .flow-box .st-mybox-title{ display: none; } .flow-box h2{ background-color: initial; border: none; color: #0770B8; padding-left: 0; } /************************/ /*** 買取実績のページ ***/ /************************/ .page-id-1325 ul{ list-style: none !important; } .page-id-1325 h2{ background: initial !important; border: initial; text-align: center; margin: 10px 0 !important; } .page-id-1325 img{ border-radius: 15px; aspect-ratio: 4 / 3; } .page-id-1325 p{ margin-bottom: 10px; } .page-id-1325 .purchase_price-value{ color: #0770B8; font-weight: 700; font-size: 30px !important; } /* パンくずリスト除外 */ .single-purchase #breadcrumb li:last-child{ display: none; } /************************/ /*** 無料お見積り予約 ***/ /************************/ .page-id-1525 h2{ margin-top: 40px; background-color: initial; border: initial; } @media only screen and (max-width: 699px){ .page-id-1525 .mwform-radio-field.horizontal-item{ display: block; margin-left: 0; } } /********************/ /*** お問い合わせ ***/ /********************/ .mw_wp_form{ max-width: 600px; margin: 0 auto; padding-top: 30px; } .form__required{ margin-bottom: 10px; } .form__list{ margin-bottom: 30px; } /* 確認画面 */ .mw_wp_form_confirm .required-contact{ display: none; } .mw_wp_form_confirm .contacting{ display: none; } .mw_wp_form_confirm dd{ padding-left: 5px; } /* 必須 */ .mw_wp_form .required-contact{ color: #0770B8; background-color: #ffffff; border: 1px solid #0770B8; padding: 5px 20px; margin-left: 20px; font-size: 90%; display: inline-block; margin-top: 10px; } .contact-form__button{ margin: 0 auto; text-align: center; position: relative; max-width: 300px; } .form__button{ display: inline-block; color: #ffffff; width: 100%; background-color: #FF8135; border: none !important; margin: 20px 0 !important; padding: 15px 20px 15px 10px !important; box-shadow: 0px 5px 0px #a14710; border-radius: 30px !important; } .contact-form__button:after{ display: block; position: absolute; font-family: FontAwesome; content: "\f054"; right: 10px; top: 50%; color: #fff; transform: translate(0%, -50%); } .form__button:hover{ opacity: 0.5; transform: translate(0, 5px); box-shadow: 0 0 0; } .contact-form__button:hover:after{ display: none; } /********************/ /*** 無料お見積りフォームstep ***/ /********************/ .step-form .st-in-mybox{ max-width: 700px; } .step-form .wp-block-separator{ margin-top: 0; } .step-input{ display: inline-block; margin-bottom: 5px; } .step-input-required{ color: #0770B8; border: 1px solid #0770B8; padding: 2px 10px; margin-left: 10px; } .select-service, .select-madori{ display: block; max-width: 300px; } .select-date .wpcf7-date{ display: inline-block; max-width: 300px; } .step-form .cf7mls_next, .step-form .cf7mls_back{ border-radius: 20px; margin-top: 0 !important; margin-bottom: 0 !important; } .step-form .wpcf7-submit{ background-color: #0770B8; border-radius: 20px !important; margin-bottom: 0 !important; } .step-form #wpcf7-f1952-p14-o1{ position: relative; } .step-form .wpcf7-response-output{ margin-top: 0.5em !important; } .step-form .wpcf7-form .fieldset-cf7mls .cf7mls-btns{ min-height: 65px !important; } .step-form .sent .wpcf7-response-output{ background-color: #ffffff; position: absolute; top: 0; left: 0; height: 50%; z-index: 2; } /*************/ /* recaptcha */ /*************/ .recaptcha_policy { padding: 0; margin: 0 !important; text-align: center; font-size: 11px !important; color: #a8a8a8 !important; } .recaptcha_policy a { font-size: 11px !important; color: #a8a8a8 !important; } .grecaptcha-badge { visibility: hidden; } 2024年5月6日 author