.hswe .size-button {
border-radius: 4px;
color: #0099BD;
border-color: #0099BD;
}
.hswe .size-button:hover, .hswe .size-button.active {
color: #fff;
background-color: #0099BD;
}
.hswe .volume {
border-radius: 4px;
border-color: #0099BD;
background-color: #0099BD;
}

.hswe .logo {
max-width: 434px;
width: auto;
margin: 0;
margin-right: 100px;
line-height: 40px;
}
.hswe .logo img {
vertical-align: middle;
}

.hswe .foot_left {
float: left;
}
.hswe .foot_right {
float: right;
}
.head_sitetop,
.foot_sitetop {
/*   background-size: 16px auto;*/
padding: 12px 20px;
border-radius: 10px;
border: solid 1px #8DC11F;
background-color: #8DC11F;
display: block;
text-align: center;
line-height: 100%;
}
.head_sitetop {
border-radius: 4px;
padding: 2px 10px;
}
.head_sitetop span {
font-size: 87.5%;
line-height: 1.2;
display: inline-block;
color: #FFF!important;
}
.foot_sitetop span {
font-size: 16px;
color: #FFF!important;
}
.head_sitetop:hover,
.foot_sitetop:hover {
background-color: #fff;
text-decoration: none;
}
.head_sitetop:hover span,
.foot_sitetop:hover span {
color: #8DC11F!important;
}
.hswe small {
background-color: #0099BD;
}

.hswe .slick-prev {
background-image: url(../img/prev-btn2.png);
}
.hswe .slick-next {
background-image: url(../img/next-btn2.png);
}
.hswe .slick-dots li.slick-active button:before {
color: #0099BD;
}
.top-about {
margin-top: 120px;
margin-bottom: 120px;
overflow: hidden;
}
.top-about .leftbox {
width: 57%;
float: left;
}
.top-about .rightbox {
width: 39%;
float: right;
text-align: center
}
.pdfs {
margin-left: -20px;
}
.pdfs .bt001 {
background-image: url(../img/hswe-arrow01@2x.png);
background-color: #0099BD;
margin-left: 20px;
margin-top: 30px;
width: 214px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.pdfs .bt001:hover {
background-color: #0C7188;
}

@media screen and (max-width: 768px){
.slick-dotted.slick-slider {
margin-bottom: 0!important;
}
}
@media screen and (max-width: 767px){
.top-about {
margin-top: 60px;
margin-bottom: 60px;
}
.top-about .leftbox,
.top-about .rightbox {
float: none;
width: auto;
}
.top-about .leftbox .title,
.top-about .leftbox .title +p {
text-align: center;
}
.pdfs {
margin-left: auto;
}
.pdfs .bt001 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}