@charset "utf-8";

.business-pin-item{
position: relative;
padding: 31px 33px 25px 25px;

background: url(/images/c/business/tabs/topLeft.png) top left no-repeat,
 url(/images/c/business/tabs/bottomLeft.png) bottom left no-repeat,
 url(/images/c/business/tabs/topRight.png) top right no-repeat,
 url(/images/c/business/tabs/bottomRight.png) bottom right no-repeat,
 url(/images/c/business/tabs/top.png) top repeat-x,
 url(/images/c/business/tabs/bottom.png) bottom repeat-x,
 url(/images/c/business/tabs/right.png) right repeat-y,
 url(/images/c/business/tabs/left.png) left repeat-y;
background-size: 25px 31px, 25px 25px, 33px 31px, 33px 25px, 25% 31px, 25% 25px, 33px 25%, 25px 25%;
background-color: #f2f2f2;
line-height: 1.3;
font-weight: bolder;
}
.business-pin-item::before{
content: "";
background: url(/images/c/business/tabs/topCenter.png) top center no-repeat;
width: 31px;
height: 31px;
display: block;
position: absolute;
top: 1px;
background-size: 100%;
left: 50%;
transform: translateX(-50%);
}
.pin-text{
font-size: 1.2rem;
margin-top: 1rem;
margin-bottom: 1rem;
}


/* 法人向けのPOINT1などのバッジ */

.business-points{
align-items: center;
}
.business-point-badge{
display: flex;
flex-direction: row;
justify-content: center;
position: relative;
margin-bottom: 1.5rem;
}

.business-point-inner,
.business-point-inner::before,
.business-point-inner::after{
width: 160px;
height: 160px;
border-radius: 99rem;
}
.business-point-inner::before{
position: absolute;
content: "";
background-color: #EEE;
margin: .5rem .5rem;
z-index: 0;
left: 0;
top: 0;
}
.business-point-inner{

position: relative;

}
.business-point-inner::after{
position: absolute;
content: "";
border: 3px dotted #282828;
padding: 1rem 1rem;
z-index: 10;
left: 0;
top: 0;
visibility: visible;
}
.business-point-header{
text-align: center;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50% ,-50%);
width: 100%;
}

.b .business-point-header .point-badge{
font-size: 1rem;
line-height: 1;
color: white;
}
.business-point-header .point-text{
display: block;
font-size: 1.2rem;
line-height: 1.375;
}
.point-badge .num{
font-size: 2em;
}
.business-point-inner{
position: relative;
}

.h-1.business-point-inner::before{
background-color: #9cccda;
}
.h-2.business-point-inner::before{
background-color: #dce89d;
}
.business-point-description{
font-size: 1.42rem;
font-weight: 300;
line-height: 1.6;
}

/* 法人向けの問い合わせフォーム */
.business-inq{

}
.business-inq-column{

}
.business-inq-inner{

}
.b .business-inq-header{
text-align: center;
background-color: #ffe997;
color: #282828;
font-size: 1.8rem;
padding: 1rem;
font-weight: 300;
margin-bottom: 1.5rem;
}
.business-inq-body{

}
.b .business-inq-form-label{
text-align: center;
margin-bottom: 2rem;
}
.business-inq-forms{

}
.business-inq-forms .business-inq-forms-item:not(:last-of-type){
margin-bottom: 1.5rem;
}
.b .business-inq-forms .btn{
margin: inherit;
display: block;
padding: 1rem;
color: white;
background-color:#eea354;
border-radius: 2rem;
font-size: 1.2rem;
font-weight: bolder;
box-shadow: 0 2px 3px #aaa;
white-space: break-spaces;
}
.b .business-inq-forms .btn .fas{
margin-left: 1.5rem;
}
.b .business-inq-forms .btn:hover,
.b .business-inq-forms .btn:active{
background-color: #ac6f2e;
}