﻿@media (min-width:769px){.pagesbanner .pagesbanner-animate{max-width:60%;}}
.pagesbanner .pagesbanner-animate .p1{text-shadow:1px 1px 2px #000;font-size:2.2vw}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize16)}}
.banner-inner .banner-title-h1{display:none}
.contact-wrap{padding:5% 0}
.contact-title{color:#e74c3c;font-size:42px;font-weight:700;line-height:1.2;text-align:center}
.contact-content{display:flex;justify-content:space-between;align-items:center}
.contact-content .contact-info{width:30%;padding-top:5%}
.contact-content .contact-info .title{font-size:var(--fontsize30);font-weight:700}
.contact-content .contact-info p{margin-bottom:20px;font-size:var(--fontsize18);line-height:1.3}
.contact-content .contact-info p a{display:inline-block;margin-left:6px;color:var(--fontcolor)}
.contact-content .contact-info p a:hover{color:var(--color)}
.contact-content .contact-map{width:65%}
.contact-content .contact-map iframe{width:100%;min-height:400px}
@media (max-width:1024px){.contact-wrap{padding:20px 0}
.contact-title{font-size:36px}
.contact-content{flex-wrap:wrap}
.contact-content .contact-info{width:100%;padding-top:0}
.contact-content .contact-info .title{font-size:var(--fontsize26)}
.contact-content .contact-info p{font-size:var(--fontsize16);margin-bottom:10px}
.contact-content .contact-map{width:100%}}
@media (max-width:768px){.contact-title{font-size:var(--fontsize28)}
.contact-content .contact-info .title{font-size:var(--fontsize22)}
.contact-content .contact-map iframe{min-height:300px}}
 @media (min-width:1024px){.contact-content .contact-info p{margin-bottom:40px}
.contact-content .contact-info .line{width:20%;height:2px;margin-bottom:6%;background:var(--color)}
.contact-content .contact-info .title{margin-bottom:6%}
.contact-content .contact-map iframe{min-height:unset;height:100%}
.contact-content .contact-info{padding-top:0}
.contact-content{align-items:stretch}
.contact-content .contact-info p:last-child{margin-bottom:0}
.contact-content .contact-info .title{font-size: 40px;}
}