@charset "utf-8";
/* CSS Document */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
index
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.con__tel {margin: 30px auto; width: 90%; text-align: center;}

@media (min-width: 768px) {
.con__tel img {width: auto; max-width: 100%;}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
office
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.top_cont__tel span {font-size: 20px;}
.contact_next {margin-top: 5px;}
.contact_next a {display: inline-block; background: var(--c-base); color: #fff; border-radius: 30vw; text-align: center; padding: 5px 20px; font-size: 14px;}
.top_cont__img {margin: 20px auto 0; text-align: center;}
.top_cont__img img {width: auto; max-width: 100%;}

@media (min-width: 768px) {
 .cont_block--A {max-width: 860px; display: flex; display: -webkit-flex; justify-content: space-between;}
 .cont_block--A:first-child {margin-top: 30px;}
 .top_cont__tel {margin-top: 10px;}
 .contact_next {margin-top: 20px;}
 .top_cont__img {width: 40%; margin: 0; text-align: right;}
}