@charset "UTF-8";

@media screen and (max-width: 768px) {
}

/*-----------------------------------------------------*/
/*------------------電話--------------------*/
/*-----------------------------------------------------*/

.contact-tele{
margin-top: 50px;
}
.contact-tele-box{
background-color: var(--color-blue-thin);
padding: 20px;
text-align: center;
font-size: var(--s40);
letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
.contact-tele-box{
font-size: var(--s28);
letter-spacing:0;
}
}

.contact-tele-box .txt-ja{
background-color: var(--color-blue);
margin-right: 10px;
font-size: var(--s16);
color: var(--color-white);
padding: 3px 10px;
letter-spacing: 0rem;
}
@media screen and (max-width: 768px) {
.contact-tele-box .txt-ja{
font-size: var(--s14);
}
}
.contact-tele-box a{
display: flex;
justify-content: center;
align-items:center;
}



/*-----------------------------------------------------*/
/*------------------フォーム--------------------*/
/*-----------------------------------------------------*/

.contact-from{
margin-top: 100px;
}

.mail_form{
background-color: var(--color-blue-thin);
padding: 80px 20px;
}
@media screen and (max-width: 768px) {
.mail_form{
background-color: var(--color-blue-thin);
padding: 50px 0;
}
}

.mail_form table th{
display: block;
text-align: left;
padding: 25px 0 10px 0;
}
.mail_form table td{
display: block;
}

.doui-wrap{
text-align: center;
margin-top: 50px;
}