@charset "utf-8";

/* CSS Document */
/*
=======================================
Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
display:block;
}


html{
/* -webkit-text-size-adjust: 100%;*/
font-size:62.5%;
}

body{
color: #000000;
line-height: 1.5;
font-size:16px;
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background-color:#6DCC03; /*201021*/ /* 	#5ACAE1 */

}

img{
border: 0;
max-width: 100%;
height: auto;
}
table {
border-collapse: collapse; 
border-spacing: 0;
}

img, input, select, textarea { 
vertical-align: middle;
}
a {
color: #000000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
}
a:hover {
/*color: #d53e04;*/
}

a:hover img {
/* opacity: 0.8;*/
}
.list-st{
list-style: none;
}
.text-wh{
color: #ffffff;
}
.text-bk{
color: #000000;
}
.text-red{
color: #F8080C;
}
.border{
border: 1px solid #707070;
}
/*
=========================================
Base Layout
=========================================
*/

.title__wrap {
background-color: #6DCC03;
}

.title__wrap__text {
font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
padding: 1rem;
margin: 0;
color: #fcfcfc;
font-size: 5rem;
font-weight: 500;
text-align: center;
}

@media only screen and (max-width: 480px) {
.title__wrap__text {
padding: .4rem 1rem;
font-size: 2rem;
}
}
.inner {
width: 100%;
max-width: 832px;
padding-right: 1.6rem;
padding-left: 1.6rem;
margin: 0 auto;
overflow: hidden;
}

@media only screen and (max-width: 480px) {
.inner {
padding-right: 1.6rem;
padding-left: 1.6rem;
}
}


.flex {
flex-flow: wrap;
justify-content: space-between;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.container{
max-width: 868px;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}
.container_banner{
max-width: 868px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

.container_form{
max-width: 868px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
/*汎用2カラム,3カラム指定 768px*/
.pc-grid-col2,
.pc-grid-col3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*
=========================================
ヘッダー
=========================================
*/

.header {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
background-color: #fcfcfc;
border: solid 1px #607ae3;
}
.header__img {
vertical-align: middle;
}

@media only screen and (max-width: 480px) {
.header__img {
width: 15.1rem;
}
}

.l--header__inner {
justify-content: flex-start;
padding: 1rem;
}

.l--header__inner .logo {
	font-size:26px;
}

.humburger {
position: absolute;
top: 0;
right: 6px;
}

@media screen and (max-width: 959px) {
.humburger {
display: block;
}
}

.humburger:hover {
cursor: pointer;
}

.humburger_line {
position: absolute;
top: 60%;
left: 50%;
display: block;
width: 4rem;
height: 2px;
transform: translate(-50%, -50%);
transition: .5s;
}

@media only screen and (max-width: 480px) {
.humburger_line {
width: 3rem;
}
}

.humburger_line span {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #6DCC03;
transition: .5s;
}

.humburger_line_menu {
position: absolute;
bottom: 20px;
left: 50%;
font-size: 12px;
text-align: center;
white-space: nowrap;
transform: translateX(-50%);
}

@media only screen and (max-width: 480px) {
.humburger_line_menu {
bottom: 1rem;
}
}

.humburger_line_middle {
top: 0;
}

.humburger_line_top {
top: -15px;
}

@media only screen and (max-width: 480px) {
.humburger_line_top {
top: -10px;
}
}

.humburger_line_bottom {
bottom: -15px;
}

@media only screen and (max-width: 480px) {
.humburger_line_bottom {
bottom: -10px;
}
}

.humburger_active .humburger_line {
transition: .5s;
}

.humburger_active .humburger_line span {
transition: .5s;
}

.humburger_active .humburger_line .humburger_line_top {
top: 0;
transform: rotate(45deg);
transform-origin: center center;
}

.humburger_active .humburger_line .humburger_line_middle {
width: 0;
}

.humburger_active .humburger_line .humburger_line_bottom {
bottom: 0;
transform: rotate(-45deg);
transform-origin: center center;
}

.gnav {
position: fixed;
right: 0;
z-index: 100;
display: none;
width: 100%;
}

.gnav .menu-item {
background-color: #6DCC03;
border-bottom: 1px solid #fcfcfc;
}

.gnav .menu-item:first-child {
border-top: 1px solid #fcfcfc;
}

.gnav .menu-item a {
flex-flow: wrap;
justify-content: space-between;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
color: #333333;
color: #fcfcfc;
font-weight: 600;
letter-spacing: .1em;
white-space: nowrap;
transition: .3s;
-webkit-box-align: center;
-webkit-box-pack: center;
}

@media screen and (max-width: 480px) {
	.gnav .menu-item a {
		font-size:12px;
	}
}

.gnav .menu-item .sub-menu {
position: absolute;
top: 0;
right: 100%;
display: none;
width: 100%;
background-color: #607ae3;
}

.gnav .menu-item-has-children .menu-children {
position: relative;
}

.gnav .menu-item-has-children .menu-children:after {
position: absolute;
top: 50%;
left: calc(100% + 5px);
display: inline-block;
color: #607ae3;
content: "+";
transform: translateY(-50%);
transition: .3s;
}

.gnav .menu .has-children-active > a {
color: #fcfcfc;
background-color: #607ae3;
transition: .3s;
}

.gnav .menu .has-children-active > a .menu-children:after {
color: #fcfcfc;
content: "-";
}

.gnav .menu .has-children-active .sub-menu > .menu-item {
border-bottom: 1px solid #fcfcfc;
}

.gnav .menu .has-children-active .sub-menu > .menu-item a {
color: #fcfcfc;
}

.gnav_active a {
transition: .3s;
}

.gnav_active2 {
overflow: visible;
transition: .3s;
}
/*
=========================================
Main Image
=========================================
*/
.main_image{
border-top: 1px solid #707070;
background-color: #F5F5DC;
}
.main_image ul{
padding-top: 10px;
margin-left:auto;
margin-right: auto;
width: 90%;
}
.main_image ul li{
margin-bottom: 5px;
padding: 10px;
border: 1px solid #000000;
font-weight: bold;
text-align: center;
font-size: 16px;
color: #F8080C;
}
.main_image img{  
width: 30%;
height: 30%;
}
.main_image .v-center{
display: flex;
flex-direction: column;
align-self: center;
padding: 15px;
}
.main_image p{
font-weight: bold;
font-size: 16px;
}
/* メインコピー*/
.copy{
width: 100%;
list-style: none;
/*background-color: #1C6A7A;*/
}
.copy li{
border-top: 2px solid #1C6A7A;
border-bottom: 2px solid #1C6A7A;
background-color: #ffffff;
padding: 8px;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #F8080C;
}
.copy li:nth-child(1),.copy li:nth-child(6){
padding: 2px;
background: #1C6A7A;
}
.copy li:nth-child(6){
padding: 2px;
}
.copy2{
padding: 10px;
font-size:18px;
font-weight: bold;
background-color: #F5F5DC;
}
.copy3{
padding: 18px;
font-size:18px;
font-weight: bold;
background-color: #F8080C;
text-align: center;
color:#ffffff;
}
.copy4{
padding: 35px 18px 20px;
font-size:18px;
background-color: #1C6A7A;
text-align: center;
color:#ffffff;
}
.triangle img{
margin-top: -5px;
}
.triangle-inside{
margin-top: -5px;
position: absolute;
left:46%
}
/*
=========================================
フリーダイアルバナー
=========================================
*/
.tel-btn{
margin-bottom: 0px;
border: solid 1px #1C6A7A;
text-align: center;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px rgba(0,0,0,0.5); 
}
.tel-btn  h3{
margin-top: 8px;
font-size: 16px;
font-weight: bold;
}
.free-dial{
margin-left:auto;
margin-right: auto;
margin-bottom: 10px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 90%;
border:1px solid #1C6A7A;
position: relative;
}
.tel{
margin-bottom: 0px;
width: 85%;
}
.tel_num{
margin-left: 18px;
font-weight: bold;
font-size: 26px;
vertical-align: middle;
}
.free-dial-sm{
margin-left:15px;
width:13%;
}
.free-dial-sm img{
width:90%;
}
/* 土日も相談を受付中*/
.tel_time{
margin-bottom: 7px;
display: block;
width: 100%;
padding: 2px;
text-align: center;
background-color: #F8080C;
color:#ffffff;
font-weight: bold;
}
.free-dial_icon{
margin-bottom: 10px;
display: block;
padding: 3px;
width: 100%;
text-align: center;
border-bottom: 1px solid #1C6A7A;
}
.free-dial_icon img{
width: 40px;
}
/* 指アイコン */
.click{
width: 10%;
position: absolute;
right:5px;
}
/*通話料無料・相談無料*/・
.free-tel{
font-weight: bold;
font-size: 16px;
color: #F8080C;
}
/*
=========================================
メールで相談
=========================================
*/
.mail_btn a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
background-color: #1C6A7A;
font-size: 18px;
color: #ffffff;
}
.mail_btn img{
margin-right: 10px;
width: 12%;
height: 12%;
}
/*
=========================================
給与ファクタリング
=========================================
*/
.text-backgd{
background-color: #F5F5DC;
}
.text-backgd p{
margin: 0 auto;
padding: 18px 18px;;
}
/*
=========================================
事例紹介
=========================================
*/
#case .border_bkg{
padding: 10px;
background-color: #415154;
}
#case .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#case .border h3{
font-weight: bold;
color: #ffffff;
text-align: center;
font-size: 20px;
}
#case .case_main{
position: relative;
background-color: #415154;
}
#case .case_main h5{
position: absolute;
top:40%;
right: 10%;
font-weight: bold;
font-size: 18px;
color: #ffffff
}
#case .case_main img{
width: 40%;
}
#case .text-backgd p{
margin: 0 auto;
padding: 18px 18px;
background-color: #ffffff;
}
/*
=========================================
ヤミ金の怖さ
=========================================
*/
#yamikin-kowai .border_bkg{
padding: 10px;
background-color: #15414A;
}
#yamikin-kowai .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#yamikin-kowai .border h3{
color: #ffffff;
text-align: center;
font-size: 20px;
}
#yamikin-kowai .border h5{
color: #ffffff;
text-align: center;
font-size:16px;
}
#yamikin-kowai .text-backgd{
background-color: #ffffff;
}
#yamikin-kowai h5{
padding: 0 20px;
font-size: 20px;
}
/*
=========================================
弊所の特徴
=========================================
*/
#features{
padding: 0px 10px 20px 10px;
background-color: #15414A;
}
#features .border_bkg{
padding: 10px;
/* background-color: #15414A; */
}
#features .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#features .border h3{
color: #ffffff;
text-align: center;
font-size: 20px;
}
#features ul{
margin: 10px auto;
width: 80%;
font-size: 16px;
color: #ffffff;
}
#features ul li{
padding: 3px;
}
/*
=========================================
書籍
=========================================
*/
#book .text-backgd{
padding: 20px;
background-color: #ffffff;
}
#book h3{
padding: 10px 5px 20px;
font-size:20px;
}
#book h4{
padding: 10px;
font-size: 16px;
}
/*
=========================================
依頼人様の声
=========================================
*/
#voice{
padding-bottom: 20px;
}
#voice .border_bkg{
padding: 10px;
background-color: #15414A;
}
#voice .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#voice .border h3{
color: #ffffff;
text-align: center;
font-size: 20px;
}
#voice h5{
padding: 20px 20px 0px 25px;
color: #000000;
font-size:16px;
}
#voice p{
padding: 10px 20px 5px 20px;
line-height: 25px;
}
/*
=========================================
解決までの流れ
=========================================
*/
#step{
margin-top: -20px;
}
#step .step_flow{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top: 20px;
padding-bottom: 30px;
}
#step .border_bkg{
padding: 10px;
background-color: #15414A;
}
#step .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#step .border h3{
color: #ffffff;
text-align: center;
font-size: 20px;
}
#step .leftbox{
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-top: 0px;
margin-left: 20px;
padding: 0px 20px;;
border: 1px solid #000000;
position: relative;
background-color: #ffffff;
}
#step .leftbox p{
margin-top: 10px;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
}
#step .arrow{
position: absolute;
top:100%;
left:36%;
}
#step .rightbox{
margin-left: -5px;
padding: 0 20px;
}
#step .rightbox h5{
font-size: 16px;
}
#step .rightbox p, #step .rightbox ol{
font-size: 14px;
}
#step .rightbox ol{
margin-left: 20px;
font-size: 14px;
}
/*
=========================================
faq
=========================================
*/
#faq .border_bkg{
padding: 10px;
background-color: #15414A;
}
#faq .border{
margin: 0px auto;
padding: 8px;
width: 90%;
border: 1px solid #ffffff;
}
#faq .border h3{
color: #ffffff;
text-align: center;
font-size: 20px;
}
#faq .faq_bkg{
padding: 20px;
background-color: #F5F5DC;
}
#faq .faq_bkg p{
line-height: 40px;
}
/* FAQ　Accordion */

#faq .rectg{
margin-right: 8px;
padding: 2px 7px;
border: 1px solid #15414A;
font-weight: bold;
color: #15414A;
}
#faq p.question {
cursor: pointer;
}
#faq p.question:hover {
text-decoration: underline;
}
#faq p.answer {
display: none;
background-color:#97DBE1;
margin-left: 1em;
padding: 8px;
}
#faq .font-wt{
font-weight: bold;
}
/*
=========================================
footer
=========================================
*/

/* information */
.information {
background-color:white;
padding-top: 4rem;
text-align: center;
}

@media only screen and (max-width: 480px) {
.information {
padding-top: 0;
}
}

.information figure {
margin-bottom: 5rem;
}

@media only screen and (max-width: 480px) {
.information figure {
margin-bottom: 0;
}
}

.information figure .information__img {
vertical-align: middle;
}

@media only screen and (max-width: 480px) {
.information figure .information__img {
width: 15rem;
margin: 3rem 0 2rem;
}
}



.company_info  {
width:auto;
}

.company_info dl {
flex-flow: nowrap;
padding: 1rem;
margin: 0;
border-top: solid 1px black;
}

.company_info dl:last-of-type {
border-bottom: solid 1px black;
}

@media only screen and (max-width: 480px) {
.company_info dl {
padding: .6rem 1rem;
}
}

.company_info dt {
align-items: center;
justify-content: start;
display: flex;
min-width:12rem;
font-size: 1.4rem;
font-weight: normal;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.company_info dt {
/*     width: 30%; */
}
}

@media only screen and (max-width: 480px) {
.company_info dt {
min-width: 7.6rem;
padding: 0;
padding-left: .6rem;
font-size: 1rem;
}

}

.company_info dd {
width: 100%;
margin: 0;
font-size: 1.4rem;
text-align: start;
}

@media only screen and (max-width: 480px) {
.company_info dd {
padding: 0;
font-size: 1rem;
}
}

.footer {
background-color:white;
padding: 8.3rem 0 3.3rem;
text-align: center;
}

@media only screen and (max-width: 480px) {
.footer {
padding: 6.5rem 0 1.5rem;
}
}

.footer small {
font-size: 1.4rem;
}

@media only screen and (max-width: 480px) {
.footer small {
font-size: 1rem;
}
}

.c-sp {
display: none;
}

@media only screen and (min-width:481px) and (max-width:768px),
only screen and (max-width:480px) {
.c-sp {
display: block;
}
}

.c-pc {
display: block;
}

@media only screen and (min-width:481px) and (max-width:768px),
only screen and (max-width:480px) {
.c-pc {
display: none;
}
}


/*# sourceMappingURL=style.css.map */

/*
=========================================
Contact form
=========================================
*/
#background .tableBox {
padding: 0px;
margin-bottom: 20px;
}
#background .tableBox table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #CCC;
}
#background .tableBox th,
#background .tableBox td {
padding: 0 5px;
color: #000000;
font-size: 14px;
line-height: 1.8;
font-weight: normal;
word-break: break-all;
text-align: left;
vertical-align: center;
border-bottom: 1px solid #CCC;
}
#background .tableBox th {
padding-right: 0;
width: 30%;
}
#background .tableBox td span {
font-size: 21px;
line-height: 1;
}
#background .mailForm table .must {
color: #F70E12;
font-size: 10px;
}
/* Form */
.mailForm p {
width: 100%;
margin: 0 auto;
font-size: 18px;
line-height: 1.7;
}
.mailForm input,
.mailForm select {
border: 1px solid #DADADA;
height: 28px;
}
.mailForm input[type="checkbox"] {
margin: -3px 0 0;
vertical-align: middle;
}
.mailForm textarea {
padding: 5px;
width: 100%;
height: 272px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
margin-top: 10px;
margin-bottom: 10px;
}
.mailForm .wid01 {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.mailForm .wid02 {
width: 100%;
}
.mailForm .wid03 {
width: 100%;
}
.mailForm .submit {
margin-left: 30%;
text-align: center;
margin: 0 auto;
}
.mailForm .submit li {
margin: 0 20px;
display: inline;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
.mailForm .submit li input { 
padding: 4px 12%;
height: auto;
display: inline-block;
text-transform: uppercase;
vertical-align: top;
cursor: pointer;
-webkit-transition: background-color 0.6s ease-in 0s;
-o-transition: background-color 0.6s ease-in 0s;
transition: background-color 0.6s ease-in 0s;
border: 2px solid #000000;
background-color: #fff;
color: #000000;
font-size: 16px;
font-weight: bold;
}
.mailForm .submit li input:hover { 
color: #ffffff;
background-color: #707070;
}

/*
=========================================
共通要素
=========================================
*/
.backgd-color{
background-color: #FFFFFF;
}
.page_top{
padding-right: 20px;
padding-bottom: 10px;
height: 20px;
text-align: right;
font-size: 12px;
background-color: #F5F5DC;
}
.beige{
background-color: #F5F5DC;
}

@media (max-width: 385px) {

.main_image .pc-grid-col2{
display: block;
text-align: center;
}
.main_image .pc-grid-col2 img{
width: 50%;
} 
.main_image .v-center p{
font-size: 16px;
}

/*
=========================================
フリーダイアルバナー
=========================================
*/
.tel-btn  h1{
font-size: 20px;
}
.tel-btn  h3{
margin-top: 8px;
font-size: 14px;
font-weight: bold;
}
.tel-btn p{
font-size: 12px;
}
.tel{
margin-bottom: 0px;
width: 85%;
}
.tel_num{
margin-left: 8px;
font-weight: bold;
font-size: 18px;
vertical-align: middle;
}
.free-dial-sm{
margin-left:15px;
width:13%;
}
.free-dial-sm img{
width:100%;
}
/* 土日も相談を受付中*/
.tel_time{
font-size: 10px;
}
.free-dial_icon img{
width: 40px;
}
/* 指アイコン */
.click{
right:-2px;
}

/*
=========================================
メールで相談
=========================================
*/
.mail_btn a{
font-size: 16px;
text-align: center;
}

/*
=========================================
Step
=========================================
*/
#step .step_flow{
display: block;
}
#step .leftbox{
margin-bottom: 10px;
padding: 0px 10px; 
width: 80%;
}
#step .leftbox p{
margin-top: 0px;
margin-bottom: 0px;
padding: 5px;
font-size: 18px;
font-weight: bold;
}
#step .arrow{
display: none;
}
#step .rightbox{
width: 90%;
margin-bottom: -30px;
}
#step .rightbox h5{
margin-left: 10px;
margin-bottom: 10px;
font-size: 14px;
}
#step .rightbox p{
padding: 0px  0px 20px 10px;
font-size: 14px;
}
#step .rightbox ol{
margin-left: 30px;
font-size: 14px;
}
}/* 385px 終端*/

/* media screen and (min-width: 768px)*/
/*
=========================================
Modules（Block）
=========================================
*/
.fadein {
opacity : 0;
-webkit-transform : translate(0, 50px);
-ms-transform : translate(0, 50px);
transform : translate(0, 50px);
-webkit-transition:all 0.8s;
-o-transition:all 0.8s;
transition:all 0.8s;
}
.fadein.scrollin {
opacity : 1;
-webkit-transform : translate(0, 0);
-ms-transform : translate(0, 0);
transform : translate(0, 0);
}

/* Utilities */

/* マージン
---------------------------------*/
.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb170{margin-bottom: 170px !important;}

.ml10{ margin-left: 10px !important;}
.ml25{ margin-left: 25px !important;}

/* 左右行揃え
---------------------------------*/
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }


/* フロート／フロート解除
---------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fl-img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }

/* clearfix */
.clearfix:after {
content: ""; 
display: block; 
clear: both; 
}


.mailForm .wid04 {
	width: 100%;
	max-width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

	@media (max-width:480px) {
		#background .tableBox tr {
			padding: 16px 0;
		}
	
		#background .tableBox th, #background .tableBox td {
			display: block;
			width: 100%;
		}
	
		#background .tableBox th {
			padding-top: 16px;
			border: none;
		}
	
		#background .tableBox td {
			padding-bottom: 16px;
		}
	}

	.wpcf7-spinner {
		display: none!important;
	}