@charset "utf-8";

@media screen and (min-width:1px) and ( max-width:640px) {
h3#toppagezerotitle{width:80%;text-align:center;font-size:1.5em;color:#333333;margin:0 auto;letter-spacing:3px;padding:50px 0 0 0;}
div#toppagezerotitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}

div#toppagefirstbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;margin:0 auto;padding:50px 0 0 0;}
h3#toppagefirsttitle{width:80%;text-align:center;font-size:1.5em;color:#333333;margin:0 auto;letter-spacing:1.5px;}
div#toppagefirsttitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}
p#toppagefirstword{text-align:center;width:80%;height:auto;background-color:#ffffff;margin:0 auto;padding:30px 0 0 0;font-size:1em;color:#333333;}

div#toppagesecondbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;margin:0 auto;padding:50px 0 0 0;}
div#toppagesecondboxin{width:100%;height:auto;background-color:#dedede;margin:0 0 5% 0;padding:2% 0 1% 0;}
img#toppagesecondboxinimg{width:90%;display:block;margin:4% auto 0 auto;}
p#toppagesecondboxinword{width:90%;font-size:1em;color:#333333;margin:4% auto 4% auto;text-align:justify;}
a#toppagesecondboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}

div#toppagethirdbox{width:100%;height:auto;background-color:#666666;margin:50px auto 0 auto;padding:0;}
div#toppagethirdboxin{max-width:1200px;width:95%;height:auto;background-color:#666666;margin:0 auto 0 auto;padding:50px 0;}
div#toppagethirdboxinbox{width:100%;height:auto;background-color:#666666;margin:0;padding:0;}
img#toppagethirdboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagethirdboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
h3#toppagethirdboxintitle{width:100%;text-align:center;font-size:1.5em;color:#ffffff;margin:3% auto 3% auto;letter-spacing:1.5px;}
ul#toppagethirdboxinlist{width:85%;margin:0 auto;padding:0 0 0 3.5%;list-style-position:inside;color:#ffffff;font-size:1em;text-indent:-3.5%;}
il#toppagethirdboxinlistin{margin:0;padding:0;}

div#toppagefourthbox{width:100%;height:auto;background-color:#ffffff;margin:50px auto 0 auto;padding:0;}
h3#toppagefourthboxintitle{width:100%;text-align:center;font-size:1.5em;color:#333333;margin:0 auto 0 auto;letter-spacing:1.5px;}
div#toppagefourthboxin{max-width:1000px;width:90%;height:auto;background-color:#ffffff;display:flex;justify-content:space-between;flex-wrap: wrap;margin:0 auto;padding:50px 0 0 0;}
div#toppagefourthboxinbox{width:48%;height:auto;background-color:#ffffff;margin:0;padding:1% 0;}
img#toppagefourthboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagefourthboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
}





@media screen and (min-width:641px) and ( max-width:980px) {
h3#toppagezerotitle{width:80%;text-align:center;font-size:2em;color:#333333;margin:0 auto;letter-spacing:3px;padding:50px 0 0 0;}
div#toppagezerotitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}

div#toppagefirstbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;margin:0 auto;padding:50px 0 0 0;}
h3#toppagefirsttitle{width:80%;text-align:center;font-size:2em;color:#333333;margin:0 auto;letter-spacing:3px;}
div#toppagefirsttitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}
p#toppagefirstword{text-align:center;width:80%;height:auto;background-color:#ffffff;margin:0 auto;padding:30px 0 0 0;font-size:1.2em;color:#333333;}

div#toppagesecondbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;margin:0 auto;padding:50px 0 0 0;}
div#toppagesecondboxin{width:100%;height:auto;background-color:#dedede;margin:0 0 5% 0;padding:2% 0 1% 0;}
img#toppagesecondboxinimg{width:90%;display:block;margin:4% auto 0 auto;}
p#toppagesecondboxinword{width:90%;font-size:1.2em;color:#333333;margin:4% auto 4% auto;text-align:justify;}
a#toppagesecondboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}

div#toppagethirdbox{width:100%;height:auto;background-color:#666666;margin:50px auto 0 auto;padding:0;}
div#toppagethirdboxin{max-width:1200px;width:95%;height:auto;background-color:#666666;margin:0 auto 0 auto;padding:50px 0;}
div#toppagethirdboxinbox{width:100%;height:auto;background-color:#666666;margin:0;padding:0;}
img#toppagethirdboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagethirdboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
h3#toppagethirdboxintitle{width:100%;text-align:center;font-size:2em;color:#ffffff;margin:3% auto 3% auto;letter-spacing:3px;}
ul#toppagethirdboxinlist{width:85%;margin:0 auto;padding:0 0 0 3.5%;list-style-position:inside;color:#ffffff;font-size:1.2em;text-indent:-3.5%;}
il#toppagethirdboxinlistin{margin:0;padding:0;}

div#toppagefourthbox{width:100%;height:auto;background-color:#ffffff;margin:50px auto 0 auto;padding:0;}
h3#toppagefourthboxintitle{width:100%;text-align:center;font-size:2em;color:#333333;margin:0 auto 0 auto;letter-spacing:3px;}
div#toppagefourthboxin{max-width:1000px;width:90%;height:auto;background-color:#ffffff;display:flex;justify-content:space-between;flex-wrap: wrap;margin:0 auto;padding:50px 0 0 0;}
div#toppagefourthboxinbox{width:24%;height:auto;background-color:#ffffff;margin:0;padding:1% 0;}
img#toppagefourthboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagefourthboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
}





@media screen and (min-width:981px) {
h3#toppagezerotitle{width:80%;text-align:center;font-size:2em;color:#333333;margin:0 auto;letter-spacing:3px;padding:50px 0 0 0;}
div#toppagezerotitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}

div#toppagefirstbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;margin:0 auto;padding:50px 0 0 0;}
h3#toppagefirsttitle{width:80%;text-align:center;font-size:2em;color:#333333;margin:0 auto;letter-spacing:3px;}
div#toppagefirsttitleunderline{max-width:250px;width:100%;height:5px;background-color:#333333;margin:20px auto 0 auto;}
p#toppagefirstword{text-align:center;width:80%;height:auto;background-color:#ffffff;margin:0 auto;padding:30px 0 0 0;font-size:1.2em;color:#333333;}

div#toppagesecondbox{max-width:1200px;width:95%;height:auto;background-color:#ffffff;display:flex;justify-content:space-between;margin:0 auto;padding:50px 0 0 0;}
div#toppagesecondboxin{width:48%;height:auto;background-color:#dedede;margin:0;padding:0;}
img#toppagesecondboxinimg{width:90%;display:block;margin:4% auto 0 auto;}
p#toppagesecondboxinword{width:90%;font-size:1.2em;color:#333333;margin:4% auto 4% auto;text-align:justify;}
a#toppagesecondboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}

div#toppagethirdbox{width:100%;height:auto;background-color:#666666;margin:50px auto 0 auto;padding:0;}
div#toppagethirdboxin{max-width:1200px;width:95%;height:auto;background-color:#666666;display:flex;justify-content:space-between;margin:0 auto;padding:50px 0;}
div#toppagethirdboxinbox{width:48%;height:auto;background-color:#666666;margin:0;padding:0;}
img#toppagethirdboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagethirdboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
h3#toppagethirdboxintitle{width:100%;text-align:justify;font-size:2em;color:#ffffff;margin:0 auto 3% auto;letter-spacing:3px;}
ul#toppagethirdboxinlist{margin:0;padding:0 0 0 5%;list-style-position:inside;color:#ffffff;font-size:1.2em;text-indent:-5%;}
il#toppagethirdboxinlistin{margin:0;padding:0;}

div#toppagefourthbox{width:100%;height:auto;background-color:#ffffff;margin:50px auto 0 auto;padding:0;}
h3#toppagefourthboxintitle{width:100%;text-align:center;font-size:2em;color:#333333;margin:0 auto 0 auto;letter-spacing:3px;}
div#toppagefourthboxin{max-width:900px;width:90%;height:auto;background-color:#ffffff;display:flex;justify-content:space-between;flex-wrap: wrap;margin:0 auto;padding:50px 0 0 0;}
div#toppagefourthboxinbox{width:24%;height:auto;background-color:#ffffff;margin:0;padding:0.7% 0;}
img#toppagefourthboxinimg{width:100%;display:block;margin:0 auto 0 auto;}
a#toppagefourthboxinlinks:hover img{transform: scale(1.05, 1.05);transition: 0.5s;}
}