*{
    margin: 0;
    padding: 0;
}
body{font-family: Noto Sans JP;}
a{text-decoration: none;}
ul li{list-style: none;}
.banner{position: relative;width: 100%;}
.banner img{width: 100%;}
.nav{position: fixed;top: 0;height: 72px;display: flex;justify-content: space-between;width: 100%;opacity: .9; background-color: #fff;padding-left: 48px;box-sizing: border-box;z-index: 10;}
.nav a img{margin-top: 15px;}
.nav ul{display: flex;justify-content: space-between;}
.nav ul li{width: 139px;text-align: center;line-height: 72px;font-size: 15px;color: #333;}
.nav ul li a{color: #333;display: block;}
.nav ul li.active{background-color: #242E65;color: #fff;}
.nav ul li.active a{color: #fff;}
.main-tit{text-align: center; margin-top: 136px;font-size: 32px;font-weight: bold;color: #333333;}
.sec-tit{text-align: center;font-size: 18px;color: #333333;}
.business{margin-top: 48px;width: 100%;}
.business img{width: 100%;}
.business_bot ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0 48px 64px 48px;flex-wrap: wrap;position: relative;top: -80px;
    background: #F9F9F9;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    opacity: 0.9;}
.business_bot ul li{width: 50%;margin-top: 48px;}
.business_bot ul li p{width: 81%;margin: 0 auto;text-align: center;}
.business_bot ul li img{width: 100%;}
.jyln-con img{width: 100%;}
.jyln-con{position: relative;margin-top: 48px;}
.jyln-msg{position: absolute;left: 43%;top: 43%;}
.jyln-msg p{font-size: 16px;color: #fff;margin-bottom: 16px;}
.jyln-msg p span{font-weight: bold;font-size: 24px;}
.hsal{margin-top: 48px;width: 100%;position: relative;}
.hsal img{width: 100%;}
.postemail{margin-top: 96px;}
.postemail p {width: 640px;height: 48px;margin: 0 auto;border: 1px solid #EAEAEA;box-sizing: border-box;padding:0 24px;line-height: 48px;}
.postemail p span{color: #333333;}
.postemail p input{width: 80%;border: none;outline: none;height: 48px;padding-left: 24px;}
.postemail p button{border: none;background: none;float: right;margin-top: 12px;}
.postemail p button img{vertical-align: middle;}
footer{margin-top: 240px;padding-bottom: 64px;}
.copyright{text-align: center;font-size: 14px;color: #333;margin-top: 47px;}
.hsal-bt{position: absolute;left: 43%;top: 42%;font-size: 64px;font-weight: bold;color: #fff;}
.ban-in{position: absolute;left: 30%;top: 42%;text-align: center;}
.ban-in h1{font-size: 64px;font-weight: bold;color: #fff;}
.ban-in p{font-size: 24px;font-weight: bold;color: #fff;}
.ban-ot{left: 47.5%;bottom: 6%;position: absolute;}
.ban-ot p{font-size: 28px;font-weight: bold;color: #fff;}
.ban-ot img{width: 32px;margin-left: 32px;margin-top: 10px;}
.hsal-top{width: 1100px;margin: 0 auto;background: #F9F9F9;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);opacity: 0.9;padding: 0 50px;padding-bottom: 60px;position: relative;top: -60px;}
.hsal-top h1,.hsal-top p.comintr{text-align: center;}
.hsal-top h1{font-size: 32px;font-weight: bold;color: #333;padding-top: 150px;}
.hsal-top p.comintr{font-size: 18px;color: #333;}
.hsal-list li{padding: 39px 0;border-bottom: 1px solid #dddddd;color: #242E65;padding-left: 10px;}
.hsal-list li{font-size: 15px;color: #242E65;}
.hsal-list li p{float: left;width: 60px;}
.hsal-list li span{margin-left: 240px;}
.spacial span{display: block;padding-left: 58px;}
.hsal-list{margin-top: 40px;}
.hsal-con{width: 100%;}
.hsal-con img{width: 100%;}
@media screen and (max-width: 750px){
    .nav{display: inline;padding-left: 0;overflow: hidden;}
    .nav a{display: block;text-align: center;}
    .nav a img{width: 100px;}
    .nav ul{width: 100%;}
    .nav ul li a{font-size: 14px;}
    .nav ul li{width: 20%;line-height: 35px;height: 40px;}
    .banner{margin-top: 90px;}
    .ban-in{left: 11%;top: 40%;}
    .ban-in h1{font-size: 16px;}
    .ban-in p{font-size: 14px;}
    .ban-ot p{font-size: 12px;}
    .ban-ot img{width: 14px;margin-left: 18px;margin-top: 0;}
    .ban-ot{left: 43.5%;bottom: 2%;}
    .main-tit{margin-top: 30px;font-size: 20px;}
    .sec-tit{font-size: 16px;}
    .business{margin-top: 30px;}
    .business_bot ul{position: unset;}
    .business_bot ul{width: 100%;padding: 0;padding-bottom: 18px;}
    .business_bot ul li{width: 48.5%;margin-top: 12px;}
    .business_bot ul li p{line-height: 20px;font-size: 14px;width: 100%;}
    .business_bot{padding-bottom: 20px;}
    .hsal-bt {position: absolute;left: 36%;top: 38%;font-size: 26px;font-weight: bold;color: #fff;}
    .postemail p{width: auto;}
    .postemail p span{font-size: 14px;}
    .postemail p button img{width: 22px;}
    .jyln-msg p span{font-size: 14px;}
    .jyln-msg p{font-size: 12px;margin-bottom: 5px;}
    .jyln-msg{left: 19%;top: 24%;}
    .hsal-con{margin-top: 90px;}
    .hsal-top h1{padding-top: 25px;font-size: 20px;}
    .hsal-top p.comintr{font-size: 16px;}
    .hsal-list li p{float: none;}
    .hsal-list li span{margin-left: 0;margin-top: 5px;display: block;font-size: 14px;}
    .hsal-list{margin-top: 0;}
    .hsal-list li{padding: 16px 0;}
    .spacial span{padding-left: 0;}
    .hsal-top{width: auto;padding: 0 30px;}
    #jyln{margin-top: 0 !important;}
    footer{margin-top: 20px;padding-bottom: 20px;}
    .postemail{margin-top: 0;}
    .hsal-top{top: -9px;}
    .copyright{margin-top: 20px;font-size: 12px;}
}