@charset "UTF-8";

.form-control--bg-white,
.form-select--bg-white {background-color:#fff;}
.form-control.w396 {max-width:396px;}
.form-control.w147 {max-width:147px;}
.form-control.w108 {max-width:108px;}

.inform-box {
    position:relative;
    display:flex;
    flex-wrap:wrap;
}
.inform-box .btn {margin-left:0.6rem;}
@media screen and (max-width:510px) {
    .form-control.w396 {
        max-width:100%;
    }
    .inform-box .btn {
        width:100%;
        margin-left:0;
        margin-top:0.3rem;
    }
    .form-control.w108 {max-width:100%;}
}
.label {
    font-size:0.75rem;
    color:#000;
}
.form-text {
    font-weight: 300;
    font-size:0.65rem;
    color: #b1b0b0;
}
.telbox {
    position:relative;
    width:100%;
    max-width:309px;
}
.telbox__items {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin:-0.75rem;
}
.telbox__item {
    position:relative;
    width:calc(100% / 3);
    padding:0.75rem;
}
.telbox__item::after {
    content:"-";
    position:absolute;
    top:50%;
    right:-0.15rem;
    transform:translateY(-50%);
    font-weight: normal;
    font-size:0.75rem;
    color: #000;
}
.telbox__item:last-child::after {display:none;}

.emailbox{
    position:relative;
    width:100%;    
}
.emailbox__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width:608px;
}
.emailbox__item {position:relative;}
.emailbox__item:nth-child(1) {
    width: 34%;
    padding-right:0.85rem;
}
.emailbox__item:nth-child(2) {
    width: 34%;
    padding-left:0.85rem;
}
.emailbox__item:nth-child(3) {
    width: 32%;
    padding-left:0.5rem;
}
.emailbox__item:nth-child(1)::after {
    display: block;
    content: "@";
    position: absolute;
    top: 50%;
    right: -5px;
    font-size: 0.75rem;
    color: #000;
    transform: translateY(-50%);
    visibility: visible;
    clear: both;
}