@charset "utf-8";
/* CSS Document */
.ind_A { position: relative; margin: 4% 0 0 0; overflow: hidden; z-index: 1;}
.ind_A .bs-slider { overflow: visible;}
.ind_A .carousel-inner { overflow: visible;}
.ind_A .ind_A_top { width: 50.26%; margin: 0 0 0 auto; padding: 4%;}
.ind_A .itv_0 { display: flex; flex-flow: wrap; align-items: flex-end; line-height: 1.4; font-size: 100%;}
.ind_A .itv_0 .pic { width: 49.74%; position: absolute;}
.ind_A .itv_0 .text { width: 50.26%; position: relative; background: #e6e5e3; padding: 10% 4% 4% 6.5%; min-height: 615px; margin: 0 0 30px auto;}
.ind_A .itv_0 .text::after { content: ''; position: absolute; bottom: -28px; left: 0; width: 62%; height: 3px; background: #b08538;}
.ind_A .itv_0 .text .txt { max-width: 560px; margin-bottom: 8%;}
.ind_A .itv_0 .text .top_line { position: absolute; top: -24px; left: 0; right: 0;}
.ind_A .itv_0 .text .top_line::before { content: ''; position: absolute; top: 0; right: calc(62% + 3px); width: 3px; height: 3px; background: #b08538; border-radius: 4px;}
.ind_A .itv_0 .text .top_line::after { content: ''; position: absolute; top: 0; right: 0; width: 62%; height: 3px; background: #b08538;}
.ind_A .itv_0 .text .txt .tit { margin-bottom: 10%;}
.ind_A .itv_0 .text .txt p { font-weight: 600; margin-top: 10px;}
.ind_A .itv_0 .text .btn_a { justify-content: flex-end;}
.ind_B { position: relative; background: #fff; padding: 3% 0; overflow: hidden; z-index: 1;}
.ind_B .ind_B_bg_01 { position: absolute; top: 50px; left: -17%; width: 27.8%;}
.ind_B .ind_B_bg_02 {  position: absolute; bottom: 50px; right: 50%; width: 21.146%;}
.ind_B .tit_a { margin-bottom: 10%;}
.ind_B .tit_a::before { left: 15%; bottom: 0;}
.ind_B .text { position: absolute; top: 50%; transform: translateY(-50%); left: 6%; margin: 0 100px; max-width: 520px;}
.ind_B p { font-weight: 800;}
.ind_B .pic { margin: auto 0 auto auto; width: 49.584%;}
.ind_B .mr_p { margin: 30px 0 60px 0;}
.ind_C { position: relative; background: #C3E1EB; background-attachment: fixed; padding: 11.5% 0 5.5% 0; z-index: 1;}
.ind_C::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images2/ind_bg_03.jpg") no-repeat top center / cover; background-attachment: fixed; z-index: -1;}
.ind_C .tit_a { justify-content: center;}
.ind_C .tit_a::before { bottom: 30%; left: 50%; transform: translate(-50%, 0); color: #fff; opacity: 0.5;}
.ind_C .new_list { max-width: 800px; margin: 7% auto 5.5% auto;}
.ind_C .new_list > div { position: relative; display: flex; flex-flow: wrap; padding: 18px 0; font-weight: 800; border-bottom: 1px solid #c19f5d; transition: all 0.25s ease 0s;}
.ind_C .new_list > div::before { content: ''; position: absolute; bottom: -1.5px; left: 0; width: 22%; height: 3px; background: #dba340; transition: all 0.5s ease 0s;}
.ind_C .new_list > div .time { width: 22%; text-align: center; padding: 0 10px;}
.ind_C .new_list > div .tit { width: 78%; padding: 0 20px;}
.ind_C .btn_b { max-width: 800px; margin: auto; justify-content: flex-end;}
.ind_C .new_list > div:hover { color: #b08538;}
.ind_C .new_list > div:hover::before { width: 100%;}
.ind_D { position: relative; background: url("../images2/ind_bg_04.jpg") no-repeat top center / cover; padding: 5% 0; margin: 20px 0; z-index: 1;}
.ind_D .ind_D_C { font-weight: 700; color: #fff; text-align: center; transition: all 0.25s ease 0s;}
.ind_D .ind_D_C > div { line-height: 1.4;}
.ind_D .ind_D_C .icon { width: 65px; margin: auto auto 30px auto; opacity: 0.8; transition: all 0.25s ease 0s;}
.ind_D:hover .ind_D_C { transform: scale(0.9);}
.ind_D:hover .ind_D_C .icon { opacity: 1;}