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


body {margin:0px; font-family:'Roboto Condensed', sans-serif; font-size:20px;}
p {margin:0px;}
a {color:#008dce; text-decoration: none;}

.Main {border-top:15px solid #008dce;}
.Header {text-align:center; margin:40px 60px 80px 60px;}
.MainLogo {width:360px;}
.Core {margin:60px 60px 100px 60px; min-height: calc(100vh - 570px);}
.Cont3Col {display:flex; flex-wrap:wrap; justify-content:center; gap:9%; max-width:1400px; margin:0 auto;}
.Item {text-align:center; flex-basis:27.333%;}
.Title {color:#008dce; font-size:60px; font-weight:700; margin:20px 0px 50px 0px;}
.Title2 {color:#008dce; font-size:60px; font-weight:700; margin:20px 0px 30px 0px;}
.Title2 span {display:block; font-size:26px; line-height:30px; margin-top:-10px;}
.Name {color:#008dce; font-weight:700; margin:20px 0px 20px 0px;}
.Footer {background-image:url("../images/Bg-footer.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; color:#ffffff; font-size:60px; padding:40px 60px; text-align:center; font-weight:700; text-shadow:0px 0px 10px rgba(0,0,0,0.7);}


@media (max-width:1600px) {
.Logo {height:70px;}
.Title {color:#008dce; font-size:50px; font-weight:700; margin:20px 0px 50px 0px;}
.Title2 {color:#008dce; font-size:50px; font-weight:700; margin:20px 0px 30px 0px;}
.Title2 span {display:block; font-size:22px; line-height:22px; margin-top:-4px;}
}

@media (max-width:1080px) {
body {margin:0px; font-family:'Roboto Condensed', sans-serif; font-size:18px;}
.Logo {height:60px;}
.Title {color:#008dce; font-size:45px; font-weight:700; margin:20px 0px 50px 0px;}
.Title2 {color:#008dce; font-size:45px; font-weight:700; margin:20px 0px 30px 0px;}
.Title2 span {display:block; font-size:20px; line-height:20px; margin-top:-4px;}
}

@media (max-width:960px) {
.Header {text-align:center; margin:40px 30px 80px 30px;}
.MainLogo {width:280px;}
.Core {margin:60px 30px 80px 30px;}
.Item {text-align:center; flex-basis:100%; margin-bottom:60px;}
.Footer {font-size:40px; padding:40px 30px;}	
}