/*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:url(../img/body_bg.png) no-repeat #9053ff;  background-position:right top; background-attachment: fixed;}
body.main_body {background:#222222;}
.inner{width: 100%;  margin: 0 auto;}
.hd_sch_wr{display: none;}
#container{float: right; width: 100%; margin: 0;}
#container_wr{width:100%; max-width:1700px; padding-left:400px; padding-right:100px; position: relative; background: #fff; min-height:100vh;}
#container_wr.container_main {width:calc(100%);  max-width:100%; padding:0px; margin:0; position: relative;}

@media screen and (max-width:1199px){
body{background: #fff; background-position: center !important;}
#container_wr{padding-left:20px; padding-right:20px; }

body.main_body {background:#fff}
}

#wrapper{width: 100%; /*float: right;*/}
#wrapper:after{content:""; display:block; clear:both}

#ft{width:100%; max-width:1700px; background:#222222}
#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;}
.td_num{display: none;}
/*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;  transition: 0.35s;}
/*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*/

#aside #logo  {padding-top:0px; width:140px; height:40px}
/* #aside.main_aside #logo a{filter: invert(100%) sepia(100%) saturate(7%) hue-rotate(328deg) brightness(106%) contrast(100%);} */
.main_body #aside.main_aside.on  #logo a{background:url(../img/common/logo.png) no-repeat; background-size:cover; width:96px; height:45px; margin: 0 auto;    display: block; }

#aside #logo a{background:url(../img/common/logo.png) no-repeat; background-size:cover; width:112px; height:52px;     display: block; }


@media screen and (max-width:1500px){
    .inner{width: 100%; margin: 0 auto; padding: 0px;}
}
@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;}
}