@charset "utf-8";
/* CSS Document */
.ind_A {
	position: relative;
	background: url("../images/bg_01.png") no-repeat bottom center;
	min-height: 1475px;
	padding: 0 0 9.459% 0;
	z-index: 100;
}
.banner {background-color: transparent;}
.ind_AC {max-width: 1410px; margin: auto; padding: 90px 20px 0 20px;}
.ind_AC h1 {color: #003f8e; text-align: center; margin-bottom: 25px;}
.ind_AC p {color: #3d3d3d; line-height: 145%; max-width: 855px; margin: auto;}
.ind_ACL {display: flex; flex-wrap: wrap; padding: 10px 0 0 0;}
.ind_ACL > div {width: 33.33%; padding: 4.4% 4.24% 0% 4.24%; position: relative; cursor: pointer;}
.ind_ACL > div > div {position: relative; height: 0; padding-bottom: 94.13%; margin: auto; box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); border-radius: 50%; overflow: hidden; border: 10px solid #fff;}
.ind_ACL > div > div > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.ind_ACL > div > div > div img {max-height: 100%!important;}
.ind_ACL > div > h3 {color: #585858; text-align: center; padding: 30px 0 20px 0; transition: all 1s ease 0s;}
.ind_ACL > div > a:link, .ind_ACL > div > a:visited {text-decoration:none; color:#fff; font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: all 0.5s ease 0s;}
.ind_ACL > div > a:active, .ind_ACL > div > a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_ACL > div > div::before {content: ''; background-color: rgba(0, 63, 142, 0.8); position: absolute; top: 0; left: 0; width: 100%; height: 0%; z-index: 10; transition: all 0.5s ease 0s;}
.ind_ACL > div:hover > div::before {height: 100%; transition: all 0.25s ease 0s;}
.ind_ACL > div > div::after {content: ''; background: url("../images/icon_02.png") no-repeat center; width: 49px; height: 49px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; filter:alpha(opacity=0) ;Opacity:0; z-index: 15; transition: all 0.25s ease 0s;}
.ind_ACL > div:hover > div::after {filter:alpha(opacity=100) ; Opacity:1.0; transition: all 0.5s ease 0s;}
.ind_ACL > div:hover > h3 {color: #db4e4d; font-weight: bold; transition: all 0.25s ease 0s;}

.ind_B {position: relative; top: -87px; background: url("../images/bg_02.jpg") no-repeat center bottom; padding: 170px 0 150px 0;}
.ind_BC {max-width: 1150px; margin: auto; padding: 0 20px;}
.ind_BC h2 {color: #003f8e; text-align: center; margin-bottom: 3.605%;}
.ind_BC p {color: #3d3d3d; line-height: 145%; margin-bottom: 4.955%;}
.ind_BCL {display: flex; flex-wrap: wrap; padding-bottom: 5%;}
.ind_BCL > div {width: 20.8%; margin: 0 5.6% 4% 0; position: relative; cursor: pointer;}
.ind_BCL > div:nth-child(4n+4), .ind_BCL > div:last-child {margin: 0 0% 4% 0;}
.ind_BCL > div > div {position: relative; height: 0; padding-bottom: 100%; margin: 0 auto 30px auto; overflow: hidden;}
.ind_BCL > div > div > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.ind_BCL > div > div > div img {max-height: 100%!important;}
.ind_BCL > div > h3 {color: #3d3d3d; text-align: center;}
.ind_BCL > div > a:link, .ind_BCL > div > a:visited {text-decoration:none; color:#fff; font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: all 0.5s ease 0s;}
.ind_BCL > div > a:active, .ind_BCL > div > a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_BCL > div > div::before {content: ''; background-color: rgba(0, 63, 142, 0.8); position: absolute; top: 0; left: 0; width: 100%; height: 0%; z-index: 10; transition: all 0.5s ease 0s;}
.ind_BCL > div:hover > div::before {height: 100%; transition: all 0.25s ease 0s;}
.ind_BCL > div > div::after {content: ''; background: url("../images/icon_02.png") no-repeat center; width: 49px; height: 49px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; filter:alpha(opacity=0) ;Opacity:0; z-index: 15; transition: all 0.25s ease 0s;}
.ind_BCL > div:hover > div::after {filter:alpha(opacity=100) ;Opacity:1.0; transition: all 0.5s ease 0s;}
.ind_BCL > div:hover > h3 {color: #db4e4d; font-weight: bold; transition: all 0.25s ease 0s;}