.main_ctt .section { padding: 14.4rem 0 15rem; box-sizing:border-box; }

.main_ctt .more_box {  }
.main_ctt .more_box a { font-size:1.4rem; display:inline-block; padding-left: 14px; box-sizing:border-box; border-radius:50px; transition:all 0.5s; }
.main_ctt .more_box a i { display:inline-block; border-radius:50%; width:35px; height:35px; vertical-align: -12px; margin-left: 11px; transition:all 0.5s; }

.main_ctt .more_box a.white { color:#fff; }
.main_ctt .more_box a.gray { color:#000; }
.main_ctt .more_box a.white i { background:#fff; }
.main_ctt .more_box a.gray i { background:#f7f7f7; }
.main_ctt .more_box a i.b_white { background:#fff; }

.main_ctt .more_box a:hover { background:var(--main_c); color:#000; }
.main_ctt .more_box a:hover i { background:transparent; }


.main_ctt .section_tit { text-align: left; padding: 0; }
.main_ctt .section_tit .stit { font-size:2rem; color:var(--main_c); font-weight: 300; margin-bottom: 1.6rem; text-transform: uppercase; }
.main_ctt .section_tit .tit { font-size:3.6rem; color:#000; font-weight: 500; line-height: 5.7rem; }
.main_ctt .section_tit .txt { font-size:1.6rem; color:#888; margin-top: 2rem; }

.main_ctt .section_tit.c_block {  }
.main_ctt .section_tit.c_white .tit { color:#fff; }


.main_ctt {  }
.main_ctt .visual_wrap { position:relative; }
.main_ctt .visual_wrap .visual { background-position: center center; background-size:no-repeat; background-size:cover; height:876px; border-radius:0 var(--round) 0 var(--round); }
.main_ctt .visual_wrap .visual01 { background-image:url(../img/visual01.png); }
.main_ctt .visual_wrap .visual02 { background-image:url(../img/visual02.png); }
.main_ctt .visual_wrap .visual .txt_box { width:100%; max-width:1252px; height:100%; margin: 0 auto; display:flex; justify-content:center; flex-direction: column; }
.main_ctt .visual_wrap .visual .txt_box .pagination { position:static; margin-left: -2px; }
.main_ctt .visual_wrap .visual .txt_box .pagination .swiper-pagination-bullet { transition:all 0.5s; width:5px; height:20px; background:#fff; transform:rotateZ(45deg); border-radius:0; opacity:1; margin: 0 14px; }
.main_ctt .visual_wrap .visual .txt_box .pagination .swiper-pagination-bullet-active { transform:rotateZ(-45deg); background:var(--main_c); }
.main_ctt .visual_wrap .visual .txt_box .tit { font-size:5rem; color:#fff; line-height: 6.6rem; margin-top: 1.2rem; }
.main_ctt .visual_wrap .visual .txt_box .txt { font-size:1.8rem; color:#fff; line-height: 3.2rem; margin-top: 2.2rem; margin-bottom: 6.5rem; }

.main_ctt .visual_wrap .arrow_box {  }
.main_ctt .visual_wrap .arrow_box .arrow { position:absolute; top:50%; margin-top: -30px; z-index:3; }
.main_ctt .visual_wrap .arrow_box .prev { left:15.5rem; }
.main_ctt .visual_wrap .arrow_box .next { right:15.5rem; }



.main_ctt .section01 { position:relative; }
.main_ctt .section01:before,
.main_ctt .section01:after { content:""; display:inline-block; width:57.6rem; height:57.5rem; position:absolute; background-size:cover; background-repeat:no-repeat; opacity:0.5; }
.main_ctt .section01:before { background-image:url(../img/section01_bg_lb.png); left:0; bottom:0; }
.main_ctt .section01:after { background-image:url(../img/section01_bg_rt.png); right:0; top:0; }
.main_ctt .section01 .container { position:relative; z-index:3; }
.main_ctt .section01 .section_tit { text-align:left; }
.main_ctt .section01 .txt_box { margin-top: 3rem; position:relative; z-index:2; }
.main_ctt .section01 .txt_box .txt { font-size:1.6rem; color:#888; line-height: 3.4rem; margin-top: 3.4rem; }
.main_ctt .section01 .txt_box .txt:first-child { margin-top: 0; }
.main_ctt .section01 .right { position:absolute; right:0; bottom:18.4rem; z-index:1; }
.main_ctt .section01 .more_box { margin-top: 38.4rem; text-align: center; }



.main_ctt .section02 { background:#f7f7f7; }
.main_ctt .section02 .cir_box { margin-bottom: 7rem; display:flex; margin-top: 9.5rem; }
.main_ctt .section02 .cir_box .cir { display:flex; align-items:center; justify-content:center; border-radius:500px; width:calc(33.33% + 4rem); padding: 8rem 1rem; box-sizing:border-box; box-shadow:4px 4px 20px 0 rgba(205, 205, 205, 0.35); }
.main_ctt .section02 .cir_box .cir01 { background:rgba(255, 255, 255, 0.88); }
.main_ctt .section02 .cir_box .cir02 { background:rgba(136, 136, 136, 0.88); margin: 0 -6rem; }
.main_ctt .section02 .cir_box .cir03 { background:rgba(96, 88, 76, 0.88); }
.main_ctt .section02 .cir_box .cir .txt { font-size:2rem; color:#fff; line-height: 3.6rem; text-align: center; }
.main_ctt .section02 .cir_box .cir01 .txt { color:#000; }
.main_ctt .section02 .more_box { text-align: center; }



.main_ctt .section03 {  }
.main_ctt .section03 .img { text-align: center; margin: 6rem 0 4.5rem; }
.main_ctt .section03 .num_box { display:flex; }
.main_ctt .section03 .num_box li { width:33.33%; padding-left: 7rem; box-sizing:border-box; }
.main_ctt .section03 .num_box li .num { font-size:8.4rem; color:#eee; font-weight: 600; position:absolute; font-style: normal; }
.main_ctt .section03 .num_box li .tit { font-size:2.8rem; color:#000; display:block; padding-top: 5.7rem; box-sizing:border-box; position:relative; z-index:2; padding-left: 5px; }
.main_ctt .section03 .num_box li .txt { font-size:1.6rem; color:#888; line-height: 3.4rem; margin-top: 1.6rem; display:block; }
.main_ctt .section03 .more_box { text-align: center; margin-top: 8.4rem; }



.main_ctt .section04 { background:url(../img/section04_img01.png) center center no-repeat; }
.main_ctt .section04 .cir_box2 { display:flex; margin-top: 6.5rem; }
.main_ctt .section04 .cir_box2 .cir { display:flex; height:440px; width:calc(33.33% + 2.66rem); align-items:center; justify-content:center; border: 1px dashed #fff; box-sizing:border-box; border-radius:50%; flex-direction:column; text-align: center; }
.main_ctt .section04 .cir_box2 .cir .tit { font-size:3.4rem; color:#fff; font-weight: 500; }
.main_ctt .section04 .cir_box2 .cir .txt { font-size:1.6rem; color:#fff; font-weight: 400; line-height: 3.2rem; margin-top: 2rem; }
.main_ctt .section04 .cir_box2 .cir02 { background:rgba(0, 0, 0, 0.4); margin: 0 -4rem; }
.main_ctt .section04 .more_box { text-align: center; margin-top: 5.6rem; }



.main_ctt .section05 {  }
.main_ctt .section05 .img_box { display:flex; flex-wrap:wrap; margin-left: -3rem; margin-top: 7rem; }
.main_ctt .section05 .img_box .box { border-radius:0 calc(var(--round) - 1rem) 0 calc(var(--round) - 1rem); background-position:center center; background-repeat:no-repeat; background-size:100% auto; width:calc(50% - 3rem); margin-left: 3rem; transition:all 0.5s; }
.main_ctt .section05 .img_box .box a { font-size:2.6rem; color:#fff; font-weight: 600; height:320px; display:flex; align-items:end; padding: 4rem 4.5rem; box-sizing:border-box; }

.main_ctt .section05 .img_box .box01 { background-image:url(../img/section05_img01.png); width:100%; margin-bottom: 3rem; }
.main_ctt .section05 .img_box .box02 { background-image:url(../img/section05_img02.png); }
.main_ctt .section05 .img_box .box03 { background-image:url(../img/section05_img03.png); }

.main_ctt .section05 .img_box .box:hover { background-size:120% auto !important; }

.main_ctt .section05 .more_box { text-align: center; margin-top: 5.6rem; }



.main_ctt .section06 { padding: 0 7.5rem; }
.main_ctt .section06 .container { width:100%; }
.main_ctt .section06 .section_inner { display:flex; align-items:center; background:url(../img/section06_img01.png) center center no-repeat; background-size:cover; height:700px; }
.main_ctt .section06 .more_box { margin-top: 5.2rem; }



.main_ctt .section07 { background:url(../img/section07_bg.png) center center no-repeat; overflow:hidden; }
.main_ctt .section07 .slide_list { margin-top: 13rem; }
.main_ctt .section07 .slide_list li { box-sizing:border-box; width:268px; transition:all 0.5s; font-size:0; padding-top: 50px; }
.main_ctt .section07 .slide_list li .inner { display:flex; width:268px; height:530px; align-items:center; justify-content:center; border-radius:calc(var(--round) + 1rem);font-size:2.2rem; color:#fff; line-height: 3.6rem; text-align: center; }
.main_ctt .section07 .slide_list li .inner br {  }

.main_ctt .section07 .slide_list li.swiper-slide-active { padding-top: 0; }
.main_ctt .section07 .slide_list li.swiper-slide-next { padding-top: 20px; }
.main_ctt .section07 .slide_list li.swiper-slide-prev { padding-top: 30px; }

.main_ctt .section07 .slide_list li.slide01 .inner { background-image:url(../img/section07_img01.png); }
.main_ctt .section07 .slide_list li.slide02 .inner { background-image:url(../img/section07_img02.png); }
.main_ctt .section07 .slide_list li.slide03 .inner { background-image:url(../img/section07_img03.png); }
.main_ctt .section07 .slide_list li.slide04 .inner { background-image:url(../img/section07_img04.png); }
.main_ctt .section07 .slide_list li.slide05 .inner { background-image:url(../img/section07_img05.png); }

.main_ctt .section07 .more_box { margin-top: 7rem; text-align: center; }



.main_ctt .section08 { padding: 0 7.5rem 12.5rem; }
.main_ctt .section08 .container { max-width:100%; }
.main_ctt .section08 .tit_slide { position:relative; }
.main_ctt .section08 .tit_slide .section_tit { background-repeat:no-repeat; background-size:cover; padding: 15rem 2rem; box-sizing:border-box; }
.main_ctt .section08 .tit_slide .section_tit.bg01 { background-image:url(../img/section08_img01.png); }
.main_ctt .section08 .tit_slide .section_tit.bg02 { background-image:url(../img/section08_img01.png); }
.main_ctt .section08 .tit_slide .section_tit.bg03 { background-image:url(../img/section08_img01.png); }
.main_ctt .section08 .tit_slide .section_tit .inner { max-width:1252px; width:100%; margin: 0 auto; }
.main_ctt .section08 .tit_slide .section_tit .inner .stit {  }
.main_ctt .section08 .tit_slide .section_tit .inner .tit {  }
.main_ctt .section08 .tit_slide .section_tit .inner .more_box { margin-top: 2.4rem; }

.main_ctt .section08 .tit_slide .arrow_box {  }
.main_ctt .section08 .tit_slide .arrow_box .arrow { position:absolute; top:50%; margin-top: -30px; z-index:3; }
.main_ctt .section08 .tit_slide .arrow_box .prev { left:6.5rem; }
.main_ctt .section08 .tit_slide .arrow_box .next { right:6.5rem; }

.main_ctt .section08 .bot_slide { margin-top: 6.5rem; overflow:hidden; }
.main_ctt .section08 .bot_slide .slide { width:355px; height:388px; position:relative; }
.main_ctt .section08 .bot_slide .slide * { transition:all 0.7s; }
.main_ctt .section08 .bot_slide .slide:after { content:""; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; z-index:1; transition:all 1s; }
.main_ctt .section08 .bot_slide .slide a { position:relative; z-index:2; border: 1px solid transparent; box-sizing:border-box; background:transparent; display:block; width:100%; height:100%; padding: 4.7rem 4rem; }
.main_ctt .section08 .bot_slide .slide a .value { display:inline-block; width:114px; height:38px; background:rgba(255, 255, 255, 0.4); text-align: center; line-height: 38px; font-size:1,4rem; color:#fff; font-weight: 400; }
.main_ctt .section08 .bot_slide .slide a .tit { font-size:2.4rem; color:#fff; font-weight: 500; line-height: 4rem; margin: 1.2rem 0 3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 8rem; }
.main_ctt .section08 .bot_slide .slide a .date { font-size:1.4rem; color:#fff; }

.main_ctt .section08 .bot_slide .slide:hover:after { background:rgba(255, 255, 255, 1); }
.main_ctt .section08 .bot_slide .slide:hover a { border: 1px solid #dadada; }
.main_ctt .section08 .bot_slide .slide:hover a .value { background:rgba(0, 0, 0, 0.4); }
.main_ctt .section08 .bot_slide .slide:hover a .tit { color:#3a3a3a; }
.main_ctt .section08 .bot_slide .slide:hover a .date { color:#3a3a3a; }

.main_ctt .section08 .bot_slide .arrow_box { text-align: center; margin-top: 7.8rem; font-size:0; }
.main_ctt .section08 .bot_slide .arrow_box .prev { margin-right: 6rem; }