.addcontent { width:100%; min-width:1180px }
.addcontent .inner { width:1180px; margin:0 auto; padding:48px 0 60px; }
.addcontent .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; }
.addcontent .sub_title { text-align:center; font-size:16px; line-height:1.0; margin:0; }
.addcontent .button { text-align:center; margin:40px 0 0 0; } .addcontent .slider_list { margin:60px 0 0 0; position:relative; height:342px; border:1px solid #ddd; }
.addcontent .slider_list .item {
width:25%; height:340px; border-right:1px solid #ddd; padding:15px; background:#fff;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.addcontent .slider_list .image { width:100%; display:block; margin:0 0 15px 0; position:relative; z-index:2; overflow:hidden; }
.addcontent .slider_list img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.addcontent .slider_list .title { font-size:16px; font-weight:normal; line-height:1.7; margin:0 0 10px 0; }
.addcontent .slider_list .title a { display:block; }
.addcontent .slider_list li { float:left; font-size:12px; color:#999; }
.addcontent .slider_list li:first-of-type { padding:0 5px 0 0; margin:0 5px 0 0; }
.addcontent .slider_list li.category a { color:#999; display:none; }
.addcontent .slider_list li.category a:first-of-type { display:inline; }
.addcontent .slider_list .slick-arrow {
width:15px; height:15px; position:absolute; overflow:hidden; cursor:pointer; background:none !important;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.addcontent .slider_list .slick-arrow span { text-indent:-200px; display:block; }
.addcontent .slider_list .slick-arrow:before {
font-family:'design_plus'; color:#555; font-size:15px; font-weight:bold; display:block; position:absolute;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.addcontent .slider_list .slick-prev:before { content:'\e90f'; }
.addcontent .slider_list .slick-next:before { content:'\e910'; }
.addcontent .slider_list .slick-arrow:hover:before { color:#666; }
.addcontent .slider_list .slick-prev { top:162px; left:-40px; }
.addcontent .slider_list .slick-next { top:162px; right:-40px; }
.addcontent  .inner{
width: 1180px;
margin: 0 auto;
padding: 48px 0 60px;
}
.addcontent  .headline {
font-size: 40px;
}
.addcontent  .headline {
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
.addcontent .image img{
width: 100%;
height: auto;
-webkit-transition: transform 0.75s ease;
-moz-transition: transform 0.75s ease;
transition: transform 0.75s ease;
}
.addcontent .image:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} #index_maintenance {
background: #f5f5f5;
margin: 100px auto 0px;
}
#index_maintenance .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; }
#index_maintenance .sub_title { text-align:center; font-size:16px; line-height:1.0; margin:0; }
#index_maintenance_list { margin:60px 0 0px; }
#index_maintenance_list article { float:left; background:#fff; width:380px; height:150px; margin:0 17px 18px 0; overflow:hidden;border: 1px solid #ddd; }
#index_maintenance_list .image { width:150px; height:150px; display:block; float:left; position:relative; z-index:2; overflow:hidden; }
#index_maintenance_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#index_maintenance_list .title_area {
float:left; position:relative; height:150px;
width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px);
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  
}
#index_maintenance_list .title_area_inner {
position:absolute; left:40px; right:40px;
top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#index_maintenance_list .title { font-weight:normal; line-height:1.8; }
#index_maintenance_list .title a { display:block; }
#index_maintenance_list .date { font-size:12px; color:#999; margin-top:7px; }
#index_maintenance .button { text-align:center; }
@media screen and (min-width:1281px) {
#index_maintenance_list article:nth-child(3n) { margin: 0 0 20px; }
}
@media screen and (max-width:1280px) {
#index_maintenance {
width: auto;
padding: 40px 20px 0;
margin: 0 auto;
min-width: inherit;
}
#index_maintenance .headline {
margin: 0;
}
#index_maintenance_list {
margin: 40px 0 40px;
}
#index_maintenance_list article {
float: none;
margin: 0 0 5px 0;
width: 100%;
}
.addcontent { min-width:inherit; margin:0!important; }
.addcontent .inner {
width: 100%;
padding: 40px 0;
}
.addcontent .slider_list {
margin: 40px 20px 0;
} }
@media screen and (max-width:650px) {
#index_maintenance .headline { font-size:21px; }
#index_maintenance .sub_title { font-size:12px !important; }
#index_maintenance_list .title { max-height:100px; overflow:hidden; }
#index_maintenance_list article {
height:auto;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;  
}
#index_maintenance_list .image { width:40%; height:auto; }
#index_maintenance_list .title_area { height:auto; width:60%; }
#index_maintenance_list .title_area_inner { left:20px; right:20px; }
}
@media screen and (max-width:400px) {
#index_maintenance_list .title { max-height:45px; }
}
@media screen and (max-width:650px) {
.addcontent .inner { padding: 30px 0 40px; }
} @media screen and (max-width:750px) {
.addcontent .slider_list { margin:40px 0 0; }
.addcontent .slider_list { height:332px; }
.addcontent .slider_list .item { height:330px; }
.addcontent .slider_list .title { font-size:14px; }
.addcontent .slider_list .date { font-size:10px; }
}
@media screen and (max-width:550px) {
.addcontent .slider_list { height:267px; }
.addcontent .slider_list .item { height:265px; }  
}
@media screen and (max-width:470px) {
.addcontent .slider_list { height:257px; }
.addcontent .slider_list .item { height:255px; }    
}
@media screen and (max-width:400px) {
.addcontent .slider_list { height:236px; }
.addcontent .slider_list .item { height:234px; }
.addcontent .slider_list .title { max-height:70px; overflow:hidden; }
}
@media screen and (max-width:700px) {
.addcontent .headline {
font-size: 24px;
}
}