お問い合わせ内容確認

/************/
/*** 共通 ***/
/************/

/* モバイルメニュー非表示 */
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%;
}

/******************/
/*** 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:nth-child(7) 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-erea{
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-erea{
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;
}
}

/*** 選ばれる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: #0770B8 !important;
color: #ffffff !important;
display: flex;
font-size: 1.2em !important;
border-radius: 15px;
position: relative;
}
.top-reason h3:before{
display: inline-block;
color: #0770B8;
background-color: #ffffff;
border-radius: 15px;
width: 30px;
height: 30px;
text-align: center;
line-height: 1.5em;
margin-right: 5px;
}
.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;
}

/********************/
/*** お知らせ記事 ***/
/********************/
.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;
}

© 2024 アキヤモリ