/*common.css*/
a, p, span, h1, h2, h3, h4, h5, h6{-webkit-transform: skew(-0.1deg); -ms-transform: skew(-0.1deg); transform: skew(-0.1deg);}
body{background: #fff;}
.inner{width: 1200px; margin: 0 auto;}
.hd_sch_wr{display: none;}
#container{float: right; width: 100%; margin: 0;}
#container_wr{width: 100%; position: relative;}
#wrapper{width: 84%; float: right;}
#ft{width: 84%; float: right;}
#hd, #wrapper, #ft{min-width: inherit;}
#ft_wr{width: 100%;}
.tail_aside{display: none;}
.clearfix::before, .clearfix::after{content: ''; display: table; line-height: 0;}
.clearfix::after{clear: both;}
.ell{-webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px;}
/*section S*/
.section_wrap{padding: 150px 0;}
.section_wrap .con_title h5{font-size: 36px; line-height: 45px; color: #222; font-weight: 300;}
.con_title h5{font-size: 36px; line-height: 45px; color: #222; font-weight: 300;}
.section_wrap .con_title h5 span{font-weight: bold;}
.con_title h5 span{font-weight: bold;}
.section_wrap .con_title p{font-size: 15px; line-height: 26px; color: #888;}
.con_title p{font-size: 15px; line-height: 26px; color: #888;}
#aside{z-index: 999;}
/*section E*/

/*sub_visual S*/
.sub_visual{display: table; width: 100%; height: 350px;background-position: center; background-size: contain;}
.sub-visual_tbox{display: table-cell; text-align: center; vertical-align: middle;}
.sub-visual_tbox p{font-size: 18px; color: #aaa; line-height: 20px; padding-bottom: 20px; font-weight: bold;}
.sub-visual_tbox h3{font-size: 40px; color: #444; line-height: 30px; font-weight: bold;}
/*sub_visual E*/

@media screen and (max-width:1500px){
    .inner{width: 100%; margin: 0 auto; padding: 0 20px;}
}
@media screen and (max-width:1199px){
    #wrapper{width: 100%;}
    #ft{width: 100%;}
}
@media screen and (max-width:980px){
    .section_wrap .con_title h5{font-size: 33px; line-height: 38px;}
    .con_title h5{font-size: 33px; line-height: 38px;}
    .section_wrap .con_title p{font-size: 14px; line-height: 20px;}
    .con_title p{font-size: 14px; line-height: 20px;}
    .section_wrap{padding: 70px 0;}
}
@media screen and (max-width:768px){
    .section_wrap .con_title h5{font-size: 30px; line-height: 35px;}
    .con_title h5{font-size: 30px; line-height: 35px;}
    .section_wrap .con_title p{font-size: 13px;}
    .con_title p{font-size: 13px;}
    .sub_visual{height: 270px;}
    .sub-visual_tbox p{font-size: 16px;line-height: 20px; padding-bottom: 15px;}
    .sub-visual_tbox h3{font-size: 34px;line-height: 30px;}
}
@media screen and (max-width:480px){
    .section_wrap .con_title h5{font-size: 24px; line-height: 30px;}
    .con_title h5{font-size: 24px; line-height: 30px;}
    .section_wrap .con_title p{font-size: 12px;}
    .con_title p{font-size: 12px;}
    .section_wrap{padding: 40px 0;}
    .sub_visual{height: 180px;}
    .sub-visual_tbox p{font-size: 14px;line-height: 18px; padding-bottom: 10px;}
    .sub-visual_tbox h3{font-size: 26px;line-height: 24px;}
}