@charset "utf-8";
/* CSS Document */
.title_01 {width: 100%; color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden;}
.title_01::before {content: ''; width: 85px; height: 1px; font-size: 0; line-height: 0; margin-right: 20px; background-color: rgba(255, 255, 255, 0.38);}
.title_01::after {content: ''; width: 85px; height: 1px; font-size: 0; line-height: 0; margin-left: 20px; background-color: rgba(255, 255, 255, 0.38);}
.title_02 {width: 100%; color: #000; display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden;}
.title_02::before {content: ''; width: 70px; height: 1px; font-size: 0; line-height: 0; margin-right: 20px; background-color: rgba(0, 0, 0, 0.14);}
.title_02::after {content: ''; width: 70px; height: 1px; font-size: 0; line-height: 0; margin-left: 20px; background-color: rgba(0, 0, 0, 0.14);}
.title_01 h1, .title_01 h2, .title_02 h1, .title_02 h2 {min-width: 170px; text-align: center;}

.banner {position: relative;}
.bannerT {font-size: 48px; color: #fff; font-weight: bold; line-height: 110%; text-transform:uppercase; letter-spacing: 4px; text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.bannerB {padding-top: 50px; margin: 0 auto; width: 261px;}
.bannerB a:link, .bannerB a:visited {text-decoration:none; display: block; width: 100%; line-height: 400%; font-size: 14px; letter-spacing: 1px; border-radius: 28px; color:#1260bb; background-color: #fff; transition: all 0.5s ease 0s;}
.bannerB a:active, .bannerB a:hover {text-decoration:none; color:#fff; background-color: #1260bb; box-shadow: 0 0 13px rgba(255, 255, 255, 0.3); cursor:pointer; transition: all 0.5s ease 0s;}
.banner .owl-dots {position: absolute; bottom: 10.6%; left: 0px; width: 100%;}

.goBtn {position: absolute; bottom: -59px; width: 86px; height: 86px; left: 50%; margin-left: -43px; border-radius: 43px; display: flex; flex-direction: row; justify-content: center; align-items: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.21); background-color: rgba(255, 255, 255, 0.7); z-index: 7777;}
.goBtn:link, .goBtn:visited {text-decoration:none; color:#0000FF; transition: all 0.5s ease 0s;}
.goBtn:active, .goBtn:hover {text-decoration:underline; color:#ce000d; cursor:pointer; transition: all 0.5s ease 0s;}
.goBtn img {animation: blink 1500ms infinite; -webkit-animation: blink 1500ms infinite;}
@keyframes blink {from {opacity: 1.0;}70% {opacity: 0.2;}to {opacity: 1.0;}}
.goBtn:hover img {animation: blink 0ms infinite;}

.indexA {display: flex; flex-wrap: wrap; align-items: center; max-width: 1414px; margin: auto; padding: 115px 20px 50px 20px;}
.indexAL {position: relative; width: 50%; padding: 0 80px 0 85px;}
.indexAL h1 {margin-bottom: 24px; font-size: 40px; font-weight: bold; color: #1260bb; line-height: 156%;}
.indexAL p {font-size: 15px; color: #333333; line-height: 160%; margin-bottom: 30px;}
.indexALB {position: absolute; bottom: 6%; right: 0px; width: 180px;}
.indexAR {width: 50%; padding-left: 6%;}

.indexB {padding: 5.255% 20px 11.824% 20px; background:url(../images/bg_01.jpg) no-repeat fixed center center;	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;	background-size: cover;}
.indexB p {color: #fff; line-height: 180%; text-align: center; margin-bottom: 60px;}

.indexC {padding-bottom: 5.255%;}
.indexCC {max-width: 1380px; margin: auto; padding: 0 20px; margin-top: -6.3%;}
.indexCCP {position: relative; padding-bottom: 72%; display: block; height: 0; line-height: 0; font-size: 0;}
.indexCCP div {position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.indexCCP img {max-height: 100%!important;}
.indexCCT {color: #2c3135; line-height: 180%; text-align: center;}
.indexCCC {color: #2c3135; line-height: 180%; text-align: center;}
.indexCC .item:hover .indexCCT {color: #e20a17;}
.indexCC .item:hover .indexCCC {color: #1260bb;}
.indexCC a:link, .indexCC a:visited {text-decoration:none; font-size: 0; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  color:#fff; transition: all 0.5s ease 0s;}
.indexCC a:active, .indexCC a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.indexCC a:before { color:#eeeeee; top: 5px; left: 5px; right: 0%; bottom: 0%; border-top: 4px solid; border-left: 4px solid;}
.indexCC a:after {color:#1260bb; left: 0%; top: 0%; bottom: 5px; right: 5px; border-bottom: 4px solid; border-right: 4px solid;}
.indexCC a:before, .indexCC a:after {content: ""; opacity: 0; pointer-events: none; z-index: 3; position: absolute; box-sizing: border-box; transition: all 0.5s ease; box-shadow: none;}
.indexCC a:hover:before {opacity: 1; bottom: 80%; right: 80%;}
.indexCC a:hover:after {opacity: 1; top: 80%; left: 80%;}

.indexD {background: url("../images/bg_02.jpg") #e7ebec no-repeat left top; background-size: 16.5%; padding: 5.255% 0px 3.155% 0px;}
.indexDC {max-width: 1280px; margin: auto; padding: 0 20px;}
.indexDCP {position: relative; padding-bottom: 50%; display: block; height: 0; line-height: 0; font-size: 0;}
.indexDCP div {position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.indexDCP img {max-height: 100%!important;}
.indexDCT {color: #2968a6; line-height: 180%; text-align: center;}
.indexDC .item:hover .indexDCT {color: #e20a17;}
.indexDC a:link, .indexCC a:visited {text-decoration:none; font-size: 0; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  color:#fff; transition: all 0.5s ease 0s;}
.indexDC a:active, .indexDC a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.indexDC a:before { color:#1260bb; top: 0px; left: 0px; right: 0%; bottom: 0%; border-top: 1px solid; border-left: 1px solid;}
.indexDC a:after {color:#1260bb; left: 0%; top: 0%; bottom: 0px; right: 0px; border-bottom: 4px solid; border-right: 4px solid;}
.indexDC a:before, .indexDC a:after {content: ""; opacity: 0; pointer-events: none; z-index: 3; position: absolute; box-sizing: border-box; transition: all 0.5s ease; box-shadow: none;}
.indexDC a:hover:before {opacity: 1; bottom: 80%; right: 85%;}
.indexDC a:hover:after {opacity: 1; top: 80%; left: 85%;}

.indexE {background: url("../images/bg_03.jpg") #fff no-repeat right center; background-size: 25.5%; padding: 4.755% 0px 0 0px;}
.indexEC {max-width: 1210px; margin: auto; padding: 0 20px;}
.indexECC {display: flex; flex-wrap: wrap; padding: 7.27% 0 6.85% 0;}
.indexECCL {width: 45.3%;}
.indexECCC {width: 9.4%; height: 249px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.indexECCC::before {content: ''; height: 100%; width: 1px; background-color: #dbddde;}
.indexECCR {width: 45.3%;}
.indexECCT {color: #2e3136; margin-bottom: 40px;}
.indexECCB {display: flex; flex-wrap: wrap; position: relative;}
.indexECCBL {width: 175px;}
.indexECCBLD {color: #4794e6; margin: 4px 0 15px 0;}
.indexECCBR {width: calc(100% - 175px); color: #2e3136;}
.indexECCBRT {margin-bottom: 10px;}
.indexECCBRC {line-height: 180%; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.indexECCB:hover .indexECCBLD {color: #e20a17;}
.indexECCB:hover .indexECCBRT {color: #e20a17;}
.indexECCB:hover .indexECCBRC {color: #2968a6;}
.indexECCB a:link, .indexECCB a:visited {text-decoration:none; font-size: 0; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  color:#fff; transition: all 0.5s ease 0s;}
.indexECCB a:active, .indexECCB a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.indexECCB a:before { color:#1260bb; top: -10px; left: -10px; right: 0%; bottom: 0%; border-top: 1px solid; border-left: 1px solid;}
.indexECCB a:after {color:#1260bb; left: 0%; top: 0%; bottom: -10px; right: -10px; border-bottom: 4px solid; border-right: 4px solid;}
.indexECCB a:before, .indexECCB a:after {content: ""; opacity: 0; pointer-events: none; z-index: 3; position: absolute; box-sizing: border-box; transition: all 0.5s ease; box-shadow: none;}
.indexECCB a:hover:before {opacity: 1; bottom: 80%; right: 95%;}
.indexECCB a:hover:after {opacity: 1; top: 80%; left: 95%;}