@charset "utf-8";
/* CSS Document */
.banner { position: relative; line-height: 0; z-index: 1;}
.ind_A { position: relative; background: #D06C2F; color: #fff; padding: 6% 0 50px 0; z-index: 5;}
.ind_A .shape_c { position: absolute; left: 0; bottom: 0; width: 378px; height: 413px; overflow: hidden; z-index: -1;}
.ind_A .shape_c img { position: absolute; right: 0; top: 0; max-width: none !important; animation: rotate-full 80s linear infinite;}
.ind_A .ind_A_one_txt { opacity: 0.7 !important; margin-bottom: 40px;}
.ind_A h1 { font-weight: 700; margin: 0 0 50px 0;}
.ind_A .ind_A_in_LR { display: flex; flex-flow: wrap;}
.ind_A .ind_A_in_LR .text { width: 50%; display: flex; flex-flow: column; justify-content: space-between; padding: 0 6.65% 0 0;}
.ind_A .ind_A_in_LR .text .txt { margin: 0 0 30px 0; text-align: justify;}
.ind_A .ind_A_in_LR .text .btn_a { justify-content: flex-end;}
.ind_A .ind_A_in_LR .pic { width: 50%; text-align: center;}
.ind_A .ind_A_in_LR .pic > div { position: absolute; top: 10px; right: 0; line-height: 0;}
.ind_A .shape_t { position: absolute; top: 0; bottom: 0; right: 0; width: 40%; background: #DA895A; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 78% 100%); z-index: -1;}
.ind_B { position: relative; padding: 10% 0 6% 0; z-index: 1;}
.ind_B .tit_a { font-size: 166.666%;}
.ind_B .tit_b { text-align: center; margin: 0 0 40px 0;}
.ind_B .ind_B_in { margin: 0 0 10% 0;}
.ind_B .ind_B_in > div { position: relative; display: flex; flex-flow: row; align-items: flex-end; margin: 0 0 70px 0; z-index: 1; transition: all 0.35s ease 0s;}
.ind_B .ind_B_in > div::before { content: ''; position: absolute; bottom: -35px; left: 10%; width: 80%; height: 80%; background: #efefef; z-index: -1; transition: all 0.35s ease 0s;}
.ind_B .ind_B_in > div .pic { position: relative; width: 75.391%; height: 0; padding-bottom: 21.875%; border-bottom: 8px solid #d06c2f; z-index: 1; transition: all 0.35s ease 0s;}
.ind_B .ind_B_in > div .tit { position: absolute; bottom: 0; right: 0; background: #d06c2f; padding: 10px 40px; min-width: 370px; text-align: center; z-index: 2; transition: all 0.35s ease 0s;}
.ind_B .ind_B_in > div:nth-child(2n+2) { flex-flow: column-reverse;}
.ind_B .ind_B_in > div:nth-child(2n+2)::before { background: #efdbcf;}
.ind_B .ind_B_in > div:nth-child(2n+2) .tit { left: 0; right: auto;}
.ind_B .ind_B_in > div:hover::before { background: transparent; bottom: 0; left: 0; width: 100%; height: 100%;}
.ind_B .ind_B_in > div:hover .pic { border-color: #454541;}
.ind_B .ind_B_in > div:hover .tit { background: #454541;}
.ind_B .btn_b { justify-content: center;}
.ind_B .ind_B_bg_01 { position: absolute; top: 0; left: 0; width: 37%; height: 34.5%; overflow: hidden; z-index: -1;}
.ind_B .ind_B_bg_01 img { max-width: none !important;}
.ind_B .ind_B_bg_02 { position: absolute; bottom: 0; right: 0; width: 37%; height: 34.5%; overflow: hidden; z-index: -1;}
.ind_B .ind_B_bg_02 img { max-width: none !important;}