@charset "utf-8";

/* main_tit */
.main_tit{text-align:center;}
.main_tit i{display:block; width:32px; height:32px; margin:0 auto; background:url('/img/main_tit_icon.png')no-repeat center / cover;}
.main_tit h3{font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0;}



/* top_banner */
#top_banner{width:100%; position:relative; }
#top_banner ul{font-size:0; letter-spacing:-4px;}
#top_banner ul li{displaY:inline-block; vertical-align:top; width:50%; cursor:pointer;}
#top_banner ul li img{width:100%;}
#top_banner a{position:absolute ;right:0; top:0; z-index:5;}

@media all and (max-width:1400px){
	#top_banner ul li{width:100%;}
}
@media all and (max-width:1000px){
	#top_banner{display:none;}
}



/* main_visual */
#main_visual{width:100%; height:520px; position:relative;}
#main_visual ul li {overflow:hidden; position:relative; }
#main_visual ul li a{display:block; width:100%; height:100%;}
#main_visual ul li img.pc_ver{display:block; position:relative; height:100%; left:50%; top:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
#main_visual ul li img.m_ver{display:none; width:100%;}
#main_visual ul li .inner{position:absolute; left:50%; top:50%; height:100%; display:table; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%); z-index:10;}
#main_visual ul li .inner .text{display:table-cell; vertical-align:middle;}
#main_visual ul li .inner .text h3{font-size:56px; color:#fff; letter-spacing:0em; font-weight:200; line-height:76px;}
#main_visual .swiper-pagination{width:100%; max-width:1400px; bottom:70px; text-align:left; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#main_visual .swiper-pagination .swiper-pagination-bullet{display:inline-block; vertical-align:top; width:14px; height:16px; background:url('/img/main_visual_dots_off.png')no-repeat center / cover; transition:0.1s}
#main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url('/img/main_visual_dots_on.png')no-repeat center / cover;}

@media all and (min-width:1920px){
	#main_visual ul li img.pc_ver{height:auto; width:100%;}
}
@media all and (max-width:1400px){
	#main_visual .swiper-pagination{width:93.75%}
}

@media all and (max-width:1000px){
	#main_visual{height:auto;}
	#main_visual .inner{height:auto; display:table;}
	#main_visual ul li img.pc_ver{display:none;}
	#main_visual ul li img.m_ver{display:block;}
	#main_visual .swiper-pagination {bottom:20px; }
}


/* main_con01 */
.main_con01{padding:100px 0;}
.main_con01 .main_tit{margin:0 0 20px;}



/* main_con02 */
.main_con02{padding:100px 0; background:#eff4f8;}
.main_con02 .main_tit{margin:0 0 20px;}
.main_con02 ul{font-size:0; letter-spacing:-4px; text-align:center;}
.main_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 ul li{width:calc(16.66666666666667% - 16.66666666666667px); display:table; height:216px; margin-right:20px; margin-top:20px; background:#fff; float:left; transition:0.2s;}
.main_con02 ul li:nth-of-type(6n){margin-right:0;}
.main_con02 ul li a{display:table-cell; vertical-align:middle; text-align:center; height:100%;}
.main_con02 ul li a i{width:150px; height:150px; display:block; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:center; transition:0.2s;}
.main_con02 ul li a p{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; transition:0.2s;}
.main_con02 ul li a i.icon01{background-image:url('/img/main_con02_icon01_off.png');}
.main_con02 ul li a i.icon02{background-image:url('/img/main_con02_icon02_off.png');}
.main_con02 ul li a i.icon03{background-image:url('/img/main_con02_icon03_off.png');}
.main_con02 ul li a i.icon04{background-image:url('/img/main_con02_icon04_off.png');}
.main_con02 ul li a i.icon05{background-image:url('/img/main_con02_icon05_off.png');}
.main_con02 ul li a i.icon06{background-image:url('/img/main_con02_icon06_off.png');}
.main_con02 ul li a i.icon07{background-image:url('/img/main_con02_icon07_off.png');}
.main_con02 ul li a i.icon08{background-image:url('/img/main_con02_icon08_off.png');}
.main_con02 ul li a i.icon09{background-image:url('/img/main_con02_icon09_off.png');}
.main_con02 ul li a i.icon10{background-image:url('/img/main_con02_icon10_off.png');}
.main_con02 ul li a i.icon11{background-image:url('/img/main_con02_icon11_off.png');}
.main_con02 ul li a i.icon12{background-image:url('/img/main_con02_icon12_off.png');}
.main_con02 ul li:hover{background:#0083d9; box-shadow:24px 7px 32px rgba(165,173,179,0.63)}
.main_con02 ul li:hover a p{color:#fff;}
.main_con02 ul li:hover a i.icon01{background-image:url('/img/main_con02_icon01_on.png');}
.main_con02 ul li:hover a i.icon02{background-image:url('/img/main_con02_icon02_on.png');}
.main_con02 ul li:hover a i.icon03{background-image:url('/img/main_con02_icon03_on.png');}
.main_con02 ul li:hover a i.icon04{background-image:url('/img/main_con02_icon04_on.png');}
.main_con02 ul li:hover a i.icon05{background-image:url('/img/main_con02_icon05_on.png');}
.main_con02 ul li:hover a i.icon06{background-image:url('/img/main_con02_icon06_on.png');}
.main_con02 ul li:hover a i.icon07{background-image:url('/img/main_con02_icon07_on.png');}
.main_con02 ul li:hover a i.icon08{background-image:url('/img/main_con02_icon08_on.png');}
.main_con02 ul li:hover a i.icon09{background-image:url('/img/main_con02_icon09_on.png');}
.main_con02 ul li:hover a i.icon10{background-image:url('/img/main_con02_icon10_on.png');}
.main_con02 ul li:hover a i.icon11{background-image:url('/img/main_con02_icon11_on.png');}
.main_con02 ul li:hover a i.icon12{background-image:url('/img/main_con02_icon12_on.png');}

@media all and (max-width:1200px){
	.main_con02 ul li{width:calc(25% - 8px); margin-right:10px; }
	.main_con02 ul li:nth-of-type(6n){margin-right:10px;}
	.main_con02 ul li:nth-of-type(4n){margin-right:0;}
}
@media all and (max-width:1000px){
	.main_con02 ul li{width:calc(33.333333% - 10px); margin-right:15px; }
	.main_con02 ul li:nth-of-type(6n){margin-right:15px;}
	.main_con02 ul li:nth-of-type(4n){margin-right:15px;}
	.main_con02 ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:767px){
	.main_con02 ul li{width:calc(50% - 10px); margin-right:20px; }
	.main_con02 ul li:nth-of-type(6n){margin-right:20px;}
	.main_con02 ul li:nth-of-type(4n){margin-right:20px;}
	.main_con02 ul li:nth-of-type(3n){margin-right:20px;}
	.main_con02 ul li:nth-of-type(2n){margin-right:0;}
}



/* main_con03 */
.main_con03{padding:100px 0;}
.main_con03 .main_tit{margin:0 0 40px;}
.main_con03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .box{width:calc(25% - 15px); margin-right:20px; float:left;}
.main_con03 .after .box:last-child{margin-right:0;}
.main_con03 .after .box dl dt{padding:16px 15px; background:#0083d9; position:relative;}
.main_con03 .after .box:nth-of-type(2) dl dt{background:#0065ad;}
.main_con03 .after .box:nth-of-type(3) dl dt{background:#01538b;}
.main_con03 .after .box:nth-of-type(4) dl dt{background:#352883;}
.main_con03 .after .box dl dt h4{font-size:24px; color:#ffffff; letter-spacing:-0.045em; font-weight:400; margin:0;}
.main_con03 .after .box dl dt h4 i{display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.main_con03 .after .box dl dt a{position:absolute; top:28px; right:15px}
.main_con03 .after .box dl dd{border:1px solid #e9e9e9; padding:20px 15px; min-height:230px; box-sizing:border-box;}
.main_con03 .after .box dl dd ul.type01 li{margin:4px 0;}
.main_con03 .after .box dl dd ul.type01 li a{padding:4px 0; display:block; padding-left:20px; position:relative; font-size:16px; color:#b3b3b3; letter-spacing:-0.045em; font-weight:300; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_con03 .after .box dl dd ul.type01 li a i{position:absolute; display:block; left:0; top:calc(50% - 1px); width:8px; height:3px; background:#e9e9e9; transition:0.1s}
.main_con03 .after .box dl dd ul.type01 li a i:before{content: ""; width: 100%; height: 0; position: absolute; bottom:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:3px solid #e9e9e9; box-sizing:border-box; transition:0.1s}
.main_con03 .after .box dl dd ul.type01 li a i:after{content: ""; width: 100%; height: 0; position: absolute; top:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:3px solid #e9e9e9; box-sizing:border-box; transition:0.1s}
.main_con03 .after .box dl dd ul.type01 li a i.poppins{left:0; top:4px; color:inherit; background:none; width:auto; height:auto; font-style:normal;}
.main_con03 .after .box dl dd ul.type01 li a i.poppins:before{display:none}
.main_con03 .after .box dl dd ul.type01 li a i.poppins:after{display:none}
.main_con03 .after .box dl dd ul.type01 li:hover a{color:#222222}
.main_con03 .after .box dl dd ul.type01 li:hover a i{background:#222222}
.main_con03 .after .box dl dd ul.type01 li:hover a i:before{border-bottom-color:#222222}
.main_con03 .after .box dl dd ul.type01 li:hover a i:after{border-top-color:#222222}
.main_con03 .after .box dl dd ul.type01 li:hover a i.poppins{background:inherit; color:inherit}
.main_con03 .after .box dl dd ul.type02 li{margin:4px 0; font-size:0; letter-spacing:-4px;}
.main_con03 .after .box dl dd ul.type02 li span{width:60px; height:30px; line-height:30px; display:inline-block; vertical-align:top; text-align:center; background:#8679d4; border-radius:30px; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:300;}
.main_con03 .after .box dl dd ul.type02 li p{width:calc(100% - 60px); padding:0 0 0 10px; box-sizing:border-box; display:inline-block; line-height:30px; font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300;}
.main_con03 .after .box dl dd ul.type02 li + li{margin-top:10px;}
.main_con03 .after .box dl dd .bot_box{margin:10px 0 0; padding:25px 20px; background:#e9e9e9}
.main_con03 .after .box dl dd .bot_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .box dl dd .bot_box .left{float:left; width:90px;}
.main_con03 .after .box dl dd .bot_box .left p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:1.4;}
.main_con03 .after .box dl dd .bot_box .right{float:right; width:calc(100% - 90px); text-align:left;}
.main_con03 .after .box dl dd .bot_box .right a{display:block; font-size:16px; color:#352883; letter-spacing:0em; font-weight:400;}
.main_con03 .after .box dl dd .bot_box .right a img{display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}

@media all and (max-width:1400px){
	.main_con03 .after .box{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.main_con03 .after .box:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:767px){
	.main_con03 .after .box{width:100%; margin:10px 0;}
	.main_con03 .after .box dl dd{min-height:auto}
}



/* main_con04 */
.main_con04{padding:100px 0 150px; background:#eff4f8;}
.main_con04 .main_tit{margin:0 0 40px;}
.main_con04 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con04 .after .box{width:calc(50% - 10px); margin-right:20px; float:left; padding:30px 20px 50px; box-sizing:border-box; background:#fff;}
.main_con04 .after .box:last-child{margin-right:0;}
.main_con04 .after .box dl dt{position:relative;}
.main_con04 .after .box dl dt h4{max-width:80%; font-size:24px; color:#444444; letter-spacing:-0.045em; font-weight:400; margin:0;}
.main_con04 .after .box dl dt h4 i{display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.main_con04 .after .box dl dt .right{position:absolute; right:0; top:0;}
.main_con04 .after .box dl dt .right a{padding:10px; display:inline-block; vertical-align:top;}
.main_con04 .after .box dl dd{margin:25px 0 0;}
.main_con04 .after .box dl dd .swiper-slide{width:122px;}
.main_con04 .after .box dl dd .swiper-slide .img_box{width:100%; height:45px; border:1px solid #e3e3e3; box-sizing:border-box;}
.main_con04 .after .box dl dd .swiper-slide .img_box img{width:100%; height:100%;}
.main_con04 .after .box dl dd .swiper-slide p{font-size:12px; color:#666666; letter-spacing:-0.045em; font-weight:300; padding:5px 0 5px 15px; box-sizing:border-box; position:relative;}
.main_con04 .after .box dl dd .swiper-slide p i{position:absolute; display:block; left:0; top:calc(50% - 1px); width:8px; height:3px; background:#e9e9e9; transition:0.1s}
.main_con04 .after .box dl dd .swiper-slide p i:before{content: ""; width: 100%; height: 0; position: absolute; bottom:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:3px solid #e9e9e9; box-sizing:border-box; transition:0.1s}
.main_con04 .after .box dl dd .swiper-slide p i:after{content: ""; width: 100%; height: 0; position: absolute; top:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:3px solid #e9e9e9; box-sizing:border-box; transition:0.1s}

@media all and (max-width:1000px){
	.main_con04 .after .box{width:100%; float:none; margin:10px 0;}
}