@charset "utf-8";

#include02_wrapper{display:flex;position:relative;overflow:hidden;width:100%}
#include02_wrapper > div{position:relative;width:50%}
#in02_banner{height:100%}
#in02_banner li{height:100%!important;background:center/cover no-repeat}
#in02_banner li.slide01{background-image:url('./img/banner01.png')}
#in02_banner li.slide02{background-image:url('./img/banner02.png')}
#in02_banner li.slide03{background-image:url('./img/banner03.png')}
#include02_wrapper .in02_txt_wrap{height:411px;padding-left:60px;background:url(./img/bg.png) center/cover no-repeat;box-sizing:border-box}
#index_wrapper  #include02_wrapper .idx_tit_wrap{padding:79px 0 60px;text-align:left}
#index_wrapper  #include02_wrapper .idx_tit_wrap .idx_tit{line-height:40px;color:#fff}
#include02_wrapper .idx_tit_wrap p{color:#d8e4eb}
#include02_wrapper .idx_tit_wrap a{display:block;width:173px;height:54px;margin-top:44px;border:solid 1px rgba(255, 255, 255, 0.25882352941176473);font-size:13px;line-height:54px;font-weight:700;color:#fff;text-align:center;transition:.3s linear;font-family:'Raleway', sans-serif}
#include02_wrapper .in02_banner_area .bx-wrapper{height:100%}
#include02_wrapper .in02_banner_area .bx-viewport{height:100%!important}
#include02_wrapper .in02_banner_area .bx-pager{display:none;top:auto;right:30px;bottom:30px}
#include02_wrapper .in02_banner_area .bx-pager-item a{width:8px;height:8px;background:#c7c7c7}
#include02_wrapper .in02_banner_area .bx-pager-item a.active{background:#26b2ef}

@media \0screen {
#include02_wrapper .idx_tit_wrap a{border:solid 1px #fff}
}
@media(hover:hover){
#include02_wrapper .idx_tit_wrap a:hover{color:#1d9ed7;background:#fff}
}
@media(max-width:1230px){
#in02_banner li.slide01{background-size:145%;background-color:#f5f5f5}
#include02_wrapper .in02_txt_wrap{height:auto;padding:0 60px}
#index_wrapper #include02_wrapper .idx_tit_wrap .idx_tit{white-space:normal}
#include02_wrapper .idx_tit_wrap p{white-space:normal}
}
@media(max-width:1024px){
#include02_wrapper .in02_txt_wrap{padding:0 40px}
#index_wrapper #include02_wrapper .idx_tit_wrap .idx_tit{line-height:1.4}
}
@media(max-width:800px){
#index_wrapper #include02_wrapper .idx_tit_wrap{padding:50px 0 40px}
}
@media(max-width:650px){
#include02_wrapper{flex-direction:column}
#include02_wrapper > div{width:100%}
#include02_wrapper .in02_banner_area .bx-wrapper{height:300px}
#in02_banner li.slide01{background-size:contain}
}
@media(max-width:480px){
#include02_wrapper .in02_banner_area .bx-wrapper{height:220px}
#index_wrapper #include02_wrapper .idx_tit_wrap{padding:35px 0;text-align:center}
#include02_wrapper .idx_tit_wrap a{margin:44px auto 0}
#include02_wrapper .in02_txt_wrap{padding:0 20px}
}