.visual_wrap { overflow:hidden; position:relative; }
.visual_wrap .visual { height:100rem; background-size:cover; background-position: center center; background-repeat:no-repeat; position:relative; }
.visual_wrap .visual .txt_box { position:absolute; bottom:135px; left:45px; }
.visual_wrap .visual .txt_box .stit { font-size:2.2rem; color:#fff; font-weight: 600; font-family: "Montserrat"; opacity:0.2; margin-bottom: 3.4rem; text-transform:uppercase; }
.visual_wrap .visual .txt_box .tit { font-size:3.8rem; color:#fff; font-weight: 300; }
.visual_wrap .visual .txt_box .btit { font-size:7.4rem; color:#fff; font-weight: 300; }
.visual_wrap .visual .txt_box .btit strong { font-weight: 600; color:#fffc01; }
.visual_wrap .visual .txt_box .btit b { font-weight: 600; }
.visual_wrap .visual .txt_box .txt { font-size:1.8rem; color:#fff; line-height: 2.4rem; }
.visual_wrap .visual .txt_box .txt:before { content:""; display:block; width:85px; height:1px; background:#fff; opacity:0.3; margin: 2.8rem 0 3rem; }

.visual_wrap .visual01 { background-image:url(../img/visual01.png); }

.visual_wrap .swiper-pagination { left:45px !important; bottom:45px !important; text-align:left; }
.visual_wrap .swiper-pagination-bullet { width:12px; height:12px; box-sizing:border-box; border: 2px solid #fff; opacity:0.5; background:transparent; transition:all 0.3s; }
.visual_wrap .swiper-pagination-bullet-active { opacity:1; background:#fff; }


.wrap .section_tit { text-align: center; }
.wrap .section_tit .tit { font-size:3.4rem; color:#3a3a3a; font-weight: 300; }
.wrap .section_tit .tit strong { font-weight: 600; }
.wrap .section_tit .txt { font-size:12px; color:#aaa; font-family: "Montserrat"; text-transform:uppercase; font-weight: 700; letter-spacing: 1px; }


.main_ctt .section01 { padding: calc(var(--basic_pd) + 4rem) 0; box-sizing:border-box; }
.main_ctt .section01 .icon_box { display:flex; flex-wrap:wrap; padding-top: calc(var(--basic_pd) + 4rem); }
.main_ctt .section01 .icon_box .icon { width:calc(var(--fulled) / 6); }
.main_ctt .section01 .icon_box .icon a { display:block; text-align: center; border-right: 1px solid #eaeaea; box-sizing:border-box; padding: 2rem 1rem; }
.main_ctt .section01 .icon_box .icon:first-child a { border-left: 1px solid #eaeaea; }
.main_ctt .section01 .icon_box .icon a i {  }
.main_ctt .section01 .icon_box .icon a .txt { font-size:1.8rem; color:#3a3a3a; margin-top: 2.2rem; }



.main_ctt .section02 {  }
.main_ctt .section02 .banner_box { display:flex; flex-wrap:wrap; }
.main_ctt .section02 .banner_box .box { width:50%; }
.main_ctt .section02 .banner_box .box a { color:#3a3a3a; display:block; text-align:left; padding: 7rem 3rem 6rem; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position: left center; }
.main_ctt .section02 .banner_box .box a .tit { font-size:3.4rem; font-weight: 300; }
.main_ctt .section02 .banner_box .box a .tit .strong { font-weight: 600; }
.main_ctt .section02 .banner_box .box a .stit { opacity:0.1; font-size:3.4rem; font-family: "Montserrat"; font-weight: 700; margin-top: -4px; }
.main_ctt .section02 .banner_box .box a .txt { font-size:1.7rem; line-height: 2.4rem; opacity:0.7; margin-top: 8px; }
.main_ctt .section02 .banner_box .box a .more { width:130px; height:36px; border-radius:50px; line-height: 34px; font-size:1.4rem; text-align: center; border: 1px solid rgba(58, 58, 58, 0.5); display:inline-block; margin-top: 4.2rem; transition:all 0.5s; }

.main_ctt .section02 .banner_box .box01 a { background-image:url(../img/section02_icon01.png); }
.main_ctt .section02 .banner_box .box02 a { background-image:url(../img/section02_icon02.png); }
.main_ctt .section02 .banner_box .box03 a { background-image:url(../img/section02_icon03.png); }
.main_ctt .section02 .banner_box .box04 a { background-image:url(../img/section02_icon04.png); }

.main_ctt .section02 .banner_box .box.white a { color:#fff; }
.main_ctt .section02 .banner_box .box.right a { text-align: right; background-position:right center; } 
.main_ctt .section02 .banner_box .box.white a .more { border: 1px solid rgba(255, 255, 255, 0.5); }

.main_ctt .section02 .banner_box .box a:hover .more { background:#3a3a3a; color:#fff; }
.main_ctt .section02 .banner_box .box.white a:hover .more { background:#fff; color:#3a3a3a; }



.main_ctt .section03 { padding: calc(var(--basic_pd) + 7rem) 5rem; box-sizing:border-box; }
.main_ctt .section03 .section_tit .section_logo { margin-bottom: 3.8rem; }
.main_ctt .section03 .box_wrap { display:flex; flex-wrap:wrap; margin-top: 4.8rem; }
.main_ctt .section03 .box_wrap .box { width:calc(var(--fulled) / 3); }
.main_ctt .section03 .box_wrap .box a { display:block; width:100%; background-repeat:no-repeat; background-position: right center; border-left: 1px solid #eaeaea; box-sizing:border-box; padding: 4rem 3.2rem 4.5rem; }
.main_ctt .section03 .box_wrap .box:first-child a { border-left: 0; }
.main_ctt .section03 .box_wrap .box a .inner { width:100%; max-width:185px; }
.main_ctt .section03 .box_wrap .box a .stit { font-size:1.3rem; color:var(--main_c2); font-weight: 600; text-transform:uppercase; margin-bottom: 1rem; }
.main_ctt .section03 .box_wrap .box a .tit { font-size:2.6rem; color:#3a3a3a; line-height: 3.2rem; font-weight: 600; }
.main_ctt .section03 .box_wrap .box a .txt { font-size:1.6rem; color:#666; line-height: 2.4rem; margin-top: 1.8rem; }

.main_ctt .section03 .box_wrap .box01 a { background-image:url(../img/section03_img01.png); background-position: right 2rem center; }
.main_ctt .section03 .box_wrap .box02 a { background-image:url(../img/section03_img02.png); background-position: right 2.5rem center; }
.main_ctt .section03 .box_wrap .box03 a { background-image:url(../img/section03_img03.png); }



.main_ctt .section04 { background:#f4f6f8; border-top: 3px solid #d6dde4; box-sizing:border-box; padding: 6.6rem 0 4.2rem; }
.main_ctt .section04 .slide_position { position:relative; }
.main_ctt .section04 .view_slide { margin-top: 4.2rem; overflow:hidden; }
.main_ctt .section04 .view_slide ul {  }
.main_ctt .section04 .view_slide ul li {  }
.main_ctt .section04 .view_slide ul li a { border:1px solid #eaeaea; box-sizing:border-box; display:block; padding: 17px 17px 25px; background:#fff; }
.main_ctt .section04 .view_slide ul li a .img {  }
.main_ctt .section04 .view_slide ul li a .img img { width:100%; }
.main_ctt .section04 .view_slide ul li a .txt_box {  }
.main_ctt .section04 .view_slide ul li a .txt_box .tit { font-size:1.8rem; color:#3a3a3a; font-weight: 600; margin-top: 1.8rem; }
.main_ctt .section04 .view_slide ul li a .txt_box .txt { font-size:1.4rem; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; overflow:hidden; margin-top: 8px; }

.main_ctt .section04 .arrow_box {  }
.main_ctt .section04 .arrow_box .arrow { position:absolute; top:50%; margin-top: -30px; }
.main_ctt .section04 .arrow_box .prev { left:-40px; }
.main_ctt .section04 .arrow_box .next { right:-40px; }



.main_ctt .section05 { background:url(../img/section04_bg.png) center center no-repeat; background-size:cover; margin-top: -13px; padding: 5.1rem 0; box-sizing:border-box; }
.main_ctt .section05 .container { display:flex; flex-wrap:wrap; }
.main_ctt .section05 .box { box-sizing:border-box; }

.main_ctt .section05 .left_box { width:calc(100% - 576px); padding: 2.5rem 15.5rem 0; }
.main_ctt .section05 .left_box .txt { color:#dadada; }
.main_ctt .section05 .left_box .tit { color:#fff; }
.main_ctt .section05 .left_box .tit strong {  }
.main_ctt .section05 .left_box .info { font-size:1.8rem; color:#dadada; margin-top: 2.4rem; }

.main_ctt .section05 .left_box .txt_board { display:flex; flex-wrap:wrap; margin-left: -5.4rem; margin-top: 4.2rem; }
.main_ctt .section05 .left_box .txt_board li { padding-left: 5.4rem; box-sizing:border-box; width:50%; }
.main_ctt .section05 .left_box .txt_board li a { display:flex; width:100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box; padding: 1.5rem 0; }
.main_ctt .section05 .left_box .txt_board li a .num { font-size:2.2rem; color:#8cbdff; font-weight: 600; width:51px; border-right: 1px solid rgba(255, 255, 255, 0.3); text-align: center; box-sizing:border-box; line-height: 32px; }
.main_ctt .section05 .left_box .txt_board li a .txt { width:calc(100% - 51px); padding-left: 2rem; box-sizing:border-box; }
.main_ctt .section05 .left_box .txt_board li a .txt .subject { font-size:1.6rem; color:#fff; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; overflow:hidden; }
.main_ctt .section05 .left_box .txt_board li a .txt .date { font-size:12px; color:#e3e3e3; }

.main_ctt .section05 .right_box { width:576px; background:#fff; padding: 36px 25px 34px; box-sizing:border-box; }
.main_ctt .section05 .right_box .inner { text-align: center; }
.main_ctt .section05 .right_box .inner .section_tit { margin-bottom: 1.8rem; }
.main_ctt .section05 .right_box .inner .section_tit .tit { color:#3a3a3a; }
.main_ctt .section05 .right_box .inner .section_tit strong {  }
.main_ctt .section05 .right_box .inner .section_tit .info { font-size:1.4rem; color:#666; margin-top: 6px; }
.main_ctt .section05 .right_box .inner .tel { font-size:5.6rem; color:var(--main_c2); font-weight: 300; font-family: "Montserrat"; }
.main_ctt .section05 .right_box .inner .tel strong { font-weight: 600; }
.main_ctt .section05 .right_box .inner .time { border-top: 1px solid #dadada; box-sizing:border-box; width:100%; max-width:460px; display:inline-block; font-size:0; padding: 1.8rem 0 2.2rem; }
.main_ctt .section05 .right_box .inner .time li { font-size:1.6rem; color:#666; display:inline-block; margin: 0 8px; }
.main_ctt .section05 .right_box .inner .time li span,
.main_ctt .section05 .right_box .inner .time li strong { vertical-align: middle; }
.main_ctt .section05 .right_box .inner .time li span {  }
.main_ctt .section05 .right_box .inner .time li strong { font-weight: 600; }
.main_ctt .section05 .right_box .inner .time li small { font-size:1.4rem; color:#b5b5b5; }