@charset "utf-8";
html {max-width: 1920px; margin: 0 auto;}
body {font-size: 15px!important;font-weight: 400!important; position: relative; background: #fff;
    color: #4a4a4a!important; margin: 0 auto!important; font-family: 'Open Sans', sans-serif!important;overflow-x: hidden;}
* {box-sizing: border-box;}
.wrap-middle {display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;min-height: 100vh;}
.boximg {display: block;margin: 35px auto 0 auto;text-align: center;width: 100%;}
.boximg img {max-width: 95%;margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.intro-mb {display: none;}
.btn-intro {display: flex;flex-wrap: wrap;justify-content: center;}
.btn-intro a {display: inline-block;width: 190px;margin: 25px 5px;background: #d99600;padding: 7px 15px;
text-align: center;color: #fff;font-family: 'Open Sans','Prompt', sans-serif;font-size: 20px;border: 1px solid #d99600;
text-decoration: unset;}
.btn-intro a:hover {color: #003865;background: #fff;}

@media only screen and (max-width: 1366px) {
    .boximg img {max-width: 700px;}
    .btn-intro a {font-size: 16px;}
}
@media only screen and (max-width: 478px) {
    .intro-pc {display: none;}
    .intro-mb {display: block;}
    .boximg {margin: 0 auto;}
    .boximg img {max-width: 100%;}
    .btn-intro a {width: 140px;}
    .wrap-middle {min-height: auto;}
    .boximg {padding: 15px 15px 0 15px;}
}