/* contacts */
.city-content {
    padding: 45px 0;
    display: flex;
}
.city-content .city-text {
    width: 40%;
    font-size: 20px;
    line-height: 2.5;
}
.city-content .city-text a {
    color: #14A07B;
    text-decoration: underline;
}
.city-content .city-map {
    width: 60%;
}
.city-path__video-item {
  padding: 10px;
}
.contact-caution {
    background: #FAFAFA;
    padding: 75px 95px 90px;
    font-size: 18px;
}
.contact-caution a {
    color: #14A07B;
    text-decoration: underline;
}
.contact-caution .attention {
    font-weight: 600;
    font-size: 20px;
}
.contact-caution .thank-you-text {
    font-style: italic;
    text-align: right;
}
@media (max-width: 767px) {
    .city-content {
        flex-direction: column;
    }
    .city-content .city-text,
    .city-content .city-map {
        width: 100%;
    }
    .city-path__video-item {
        width: 100%;
    }
    .city-path__video-item iframe{
      width: 100%;
      height: 13rem;
    }
}
@media (max-width: 425px) {
    .contact-tabs .tab-area__link {
        width: 100%;
    }
    .contact-caution {
        padding: 50px 30px 90px;
    }
    .city-path__video-item iframe{
      width: 100%;
      height: auto;
    }
}



/*common*/

.text-box {
    background: #FAFAFA;
    padding: 75px 95px 90px;
    font-size: 18px;
}
.text-page p {
    font-size: 18px;
}

/* about */
.youtube {
    width: 100%;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    background-size: cover;
}
.youtube .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}
.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.client-pains {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.client-pains-item {
    width: 33%;
    margin-bottom: 35px;
}
.client-pains-item img,
.client-pains-item div {
    display: inline-block;
}
.client-pains-item div {
    width: 75%;
    padding: 10px;
    font-size: 18px;
}
.client-pains-item img {
    vertical-align: top;
}
.about-text-item {
    background: #FAFAFA;
    padding: 75px 95px 90px;
    font-size: 18px;
}
.about-text-item h5{
    margin-bottom: 30px;
}
.about-text-slider .prev.slick-arrow{
    left: 3%;
}
.about-text-slider .next.slick-arrow{
    right: 3%;
}
@media (max-width: 1024px) {
    .client-pains-item {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .client-pains {
        flex-direction: column;
    }
    .client-pains-item {
        width: 100%;
    }
}
@media (max-width: 425px) {
    .about-text-item {
        padding: 50px 30px 90px;
    }
}

/*command*/
.command-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.command-item {
    width: 25%;
    padding-right: 15px;
    padding-bottom: 15px;
}
.command-item-img {
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.command-item-phone a{
    color: #14A07B;
    text-decoration: underline;  
}
.command-item-name {
    line-height: 1.2em;
    font-weight: 600;
    margin: 10px 0;
}
@media (max-width: 1024px) {
    .command-item {
        width: 33%;
    }
}
@media (max-width: 767px) {
    .command-item {
        width: 50%;
    }
}

/*certificate*/
.certificate-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.certificate-gallery-item {
    width: 20%;
    padding-right: 15px;
    padding-bottom: 15px;
}
.certificate-gallery-item img{
    width: 100%;
}
@media (max-width: 1024px) {
    .certificate-gallery-item {
        width: 33%;
    }
}
@media (max-width: 767px) {
    .certificate-gallery-item {
        width: 50%;
    }
}