.arial1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 16px;
color : #ffffff;
letter-spacing: normal;
line-height: 1.5;
text-decoration : none;
}

.arial2 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 36px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial3 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 24px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial4 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 20px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial5 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 17px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}




.slogan1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 3.8vw;
color : #ffffff;
letter-spacing: normal;
text-decoration : none;
line-height: 1.15;
text-shadow: 1px 1px 4px #000000,  1px 1px 3px #000000;
background-color: rgba(0,0,0,0.5);
}

.slogan2 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 3.8vw;
color : #ffffff;
letter-spacing: normal;
text-decoration : none;
line-height: 1.3;
text-shadow: 1px 1px 4px #000000,  1px 1px 3px #000000;
background-color: rgba(0,0,0,0.5);
}





.tel1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 24px;
color : #f69d11;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.tel1 a {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 24px;
color : #f69d11;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.tel1 a:hover {
color : #f76300;
}




@media only screen and (max-width: 1000px) {

.slogan2 {
line-height: 1.15;
font-size : 5.5vw;
}

}





@media only screen and (max-width: 900px) {

.arial1 {
font-size : 18px;
line-height: 1.6;
}

.tel1 {
font-size : 28px;
}

.tel1 a {
font-size : 28px;
}

.slogan1 {
font-size : 5vw;
}

.slogan2 {
line-height: 1.15;
font-size : 6vw;
}





}






@media only screen and (max-width: 800px) {

.slogan1 {
font-size : 4.7vw;
}

.slogan2 {
font-size : 6vw;
}

}





@media only screen and (max-width: 600px) {


.arial1 {
font-size : 20px;
}


.tel1 {
font-size : 40px;
line-height: 1.6;
}

.tel1 a {
font-size : 40px;
line-height: 1.6;
}

.slogan1 {
font-size : 6vw;
background-color: rgba(0,0,0,0.3);
}

.slogan2 {
font-size : 7vw;
}



}





@media only screen and (max-width: 500px) {


.arial1 {
font-size : 24px;
}


.tel1 {
font-size : 50px;
line-height: 1.6;
}

.tel1 a {
font-size : 50px;
line-height: 1.6;
}

.slogan1 {
font-size : 6vw;
}

.slogan2 {
font-size : 7vw;
}



}