@charset "utf-8";

/* ==========================================================================
	COMMON
========================================================================== */
/* main_tit */
.main_tit{margin-bottom:14px;}
.main_tit:after{content:''; display:block; clear:both; visibility:hidden;}
.main_tit h3{display:inline-block; font-size:22px; color:#222; letter-spacing:0em; font-weight:700;}
.main_tit .option_box{float:right; padding-top:8px; font-size:0; letter-spacing:-4px;}
.main_tit .option_box .pager_box{display:inline-block; vertical-align:middle; margin-right:20px;}
.main_tit .option_box .pager_box .swiper-pagination{position:static; font-size:16px; color:#222; letter-spacing:0em; font-weight:700; }
.main_tit .option_box .pager_box .swiper-pagination-current{color:#ed9501; font-weight:700;}
.main_tit .option_box .arrow_box{display:inline-block; vertical-align:middle;}
.main_tit .option_box .arrow_box a{display:inline-block; vertical-align:middle;}
.main_tit .option_box .arrow_box i{display:inline-block; vertical-align:middle; width:1px; height:10px; margin:0 15px; background:#434343;}

/* tab */
.tab_btn ul{font-size:0; letter-spacing:-4px;}
.tab_btn ul li{display:inline-block; vertical-align:top; width:20%; height:54px; border-right:1px solid #b5c9c3; box-sizing:border-box;}
.tab_btn ul li:last-of-type{border-right:0;}
.tab_btn ul li a{position:relative; display:table; width:100%; height:100%; font-size:18px; color:#94a39f; letter-spacing:-0.025em; font-weight:500; line-height:1.2; text-align:center; background-color:rgba(29,94,169,0.05); box-sizing:border-box; border-top:1px solid rgba(29,94,169,0.05);}
.tab_btn ul li a:before{content:''; position:absolute; bottom:-1px; left:0; display:none; width:100%; height:4px; background:#1d5ea9; }
.tab_btn ul li a:after{content:''; position:absolute; bottom:-6px; left:calc(50% - 6px); display:none; width:0; height:0; border-top:6px solid #1d5ea9; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:0; z-index:10;}
.tab_btn ul li a span{display:table-cell; vertical-align:middle; }
.tab_btn ul li.on a{background:#fff; color:#222222; border-top:1px solid rgba(29,94,169,0.2);}
.tab_btn ul li.on a:before{display:block;}
.tab_btn ul li.on a:after{display:block;}

.tab_contents > div{display:none;}
.tab_contents > div:first-of-type{display:block;}

/* ==========================================================================
	MAIN
========================================================================== */
.main_con01{font-size:0; vertical-align:top; padding:30px 0 ; background:url('/img/main_con01_bg.jpg') no-repeat center center / cover;}
.main_con01 .left_box{display:inline-block; vertical-align:top; width:calc(100% - 400px); box-sizing:border-box;}
.main_con01 .left_box .top_box{background:#fbfdff; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; padding-bottom:7px; min-height:486px;}
.main_con01 .left_box .top_box dl{position:relative; background:#fbfdff; padding:18px 35px; cursor:pointer;}
.main_con01 .left_box .top_box dl:before{content:''; position:absolute; bottom:0; left:50%; display:block; width:calc(100% - 50px); height:1px; background:#f3f5f7; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_con01 .left_box .top_box dl:first-of-type:before{display:none;}
.main_con01 .left_box .top_box dl:last-of-type:before{display:none;}
.main_con01 .left_box .top_box dl:after{content:''; display:block; clear:both; visibility:hidden;}
.main_con01 .left_box .top_box dl dt{display:inline-block; vertical-align:middle; width:calc(100% - 100px);}
.main_con01 .left_box .top_box dl dt p{position:relative; font-size:16px; color:#222; letter-spacing:-0.025em; font-weight:400; line-height:1.4; padding-left:10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .left_box .top_box dl dt p:before{content:''; position:absolute; top:8px; left:0; display:block; width:4px; height:4px; background:#222; border-radius:50%; }
.main_con01 .left_box .top_box dl dd{display:inline-block; vertical-align:middle; width:100px; text-align:right;}
.main_con01 .left_box .top_box dl dd p{font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:400; line-height:1.4; }

.main_con01 .left_box .top_box dl.type02{background:#fff; padding:30px; border-bottom:1px solid #e9eef3;}
.main_con01 .left_box .top_box dl.type02 dt{position:relative; width:calc(100% - 80px); padding-left:20px; padding-right:80px; box-sizing:border-box;}
.main_con01 .left_box .top_box dl.type02 dt:before{content:''; position:absolute; top:calc(50% - 21px); right:20px; display:block; width:42px; height:42px; border:1px solid #2262ab; border-radius:50%; background:url('/img/main_con01_arrow.png') no-repeat center center; box-sizing:border-box;}
.main_con01 .left_box .top_box dl.type02 dt span{display:inline-block; vertical-align:top; width:50px; height:24px; font-size:12px; color:#fff; letter-spacing:-0.025em; font-weight:700; line-height:24px; text-align:center; background:#ed9501; border-radius:6px;}
.main_con01 .left_box .top_box dl.type02 dt h6{display:inline-block; vertical-align:top; width:calc(100% - 50px); font-size:18px; color:#222; letter-spacing:-0.025em; font-weight:700; margin:0; padding:0 10px; box-sizing:border-box;}
.main_con01 .left_box .top_box dl.type02 dt p{font-size:14px; color:#666; font-weight:300; padding-left:0; margin-top:10px;}
.main_con01 .left_box .top_box dl.type02 dt p:before{display:none;}
.main_con01 .left_box .top_box dl.type02 dd{width:80px; text-align:center;}
.main_con01 .left_box .top_box dl.type02 dd p{font-size:14px; color:#000; }
.main_con01 .left_box .top_box dl.type02 dd p b{font-size:36px; color:#345f94;}

.main_con01 .left_box .top_box dl:not(.type02):hover{background:#f2f8ff;}
.main_con01 .left_box .top_box dl:not(.type02):hover dt p{color:#1d5ea9;}
.main_con01 .left_box .top_box dl:not(.type02):hover dt p:before{background:#1d5ea9;}
.main_con01 .left_box .top_box dl:not(.type02):hover dd p{color:#1d5ea9;}
.main_con01 .left_box .top_box dl.type02:hover dt:before{background-color:#1d5ea9; background-image:url('/img/main_con01_arrow_on.png');}

.main_con01 .left_box .mid_box{display:none;}

.main_con01 .slider03{position:relative; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; }
.main_con01 .slider03 .img_box{position:relative; padding-bottom:66.2%; overflow:hidden;}
.main_con01 .slider03 .img_box img{position:absolute; top:0; left:0; bottom:0; righT:0; width:100%; height:100%;}
.main_con01 .slider03 .option_box{position:absolute; bottom:0; right:0; background:rgba(0, 0, 0, 0.6); border-top-left-radius:10px; padding:5px; z-index:10;}
.main_con01 .slider03 .option_box a{display:inline-block; vertical-align:middle; margin:10px;}
.main_con01 .slider03 .option_box .pager_box{display:inline-block; vertical-align:middle; margin:0 10px;}
.main_con01 .slider03 .option_box .pager_box .swiper-pagination{position:static; }
.main_con01 .slider03 .option_box .pager_box .swiper-pagination-bullet{display:block; width:10px; height:2px; background:#fff; opacity:1; margin:2px 0;}

.main_con01 .left_box .bot_box{margin-top:20px;}
.main_con01 .left_box .bot_box .talk_box{display:inline-block; vertical-align:top; width:100%; border:1px solid #dcdcdc; box-sizing:border-box;background:#FFF}
.main_con01 .left_box .bot_box .talk_box .main_tit{display:inline-block; vertical-align:top; width:30%; height:275px; background:#fafafa; padding:30px 20px; box-sizing:border-box; margin:0; position:relative;}
.main_con01 .left_box .bot_box .talk_box .main_tit .option_box{float:none;}
.main_con01 .left_box .bot_box .talk_box .main_tit .option_box .pager_box .swiper-pagination{color:#aaaaaa;}
.main_con01 .left_box .bot_box .talk_box .main_tit .option_box .pager_box .swiper-pagination-current{color:#222222;}
.main_con01 .left_box .bot_box .talk_box .main_tit .option_box .arrow_box{position:absolute; left:20px; bottom:30px; width:100%;}
.main_con01 .left_box .bot_box .talk_box .box{background:#fff; display:inline-block;width:74%}
.main_con01 .left_box .bot_box .talk_box .box .slider_box{display:inline-block; vertical-align:top; width:70%; height:275px; border-left:1px solid #dcdcdc; box-sizing:border-box; padding:20px 20px 0;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .slider02{height:203px;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .slider02 li + li{margin-top:5px;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .slider02 li a{display:block; font-size:14px; color:#222; letter-spacing:-0.025em; font-weight:400; line-height:1.4; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .slider02 li a:hover{color:#ed9501;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .btn{text-align:right; margin-top:10px;}
.main_con01 .left_box .bot_box .talk_box .box .slider_box .btn a{display:inline-block; font-size:12px; color:#aaa; letter-spacing:-0.025em; font-weight:400; line-height:1.4;}
.main_con01 .left_box .bot_box .talk_box .btns_box{display:inline-block; vertical-align:top; background:#363475; overflow:hidden; width:26%}
.main_con01 .left_box .bot_box .talk_box .btns_box ul{font-size:0; letter-spacing:-4px;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li{display:table; width:100%; height:91px; border-bottom:1px solid #4e4c90;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li:last-of-type{border-bottom:0;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li a{display:table-cell; vertical-align:middle; padding-left:30px; box-sizing:border-box;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li a i{display:inline-block; vertical-align:middle;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li a span{display:inline-block; vertical-align:middle; width:calc(100% - 30px); font-size:13px; color:#fff; letter-spacing:-0.025em; font-weight:400; line-height:1.6; padding-left:10px; box-sizing:border-box;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li a span b{color:#a19fed;}
.main_con01 .left_box .bot_box .talk_box .btns_box ul li a:hover{background:#1d1c51;}

.main_con01 .right_box{display:inline-block; vertical-align:top; width:400px; padding-left:20px; box-sizing:border-box;}
.main_con01 .right_box .banner_box{margin-top:20px;}
.main_con01 .right_box .banner_box ul li + li{margin-top:20px;}
.main_con01 .right_box .banner_box ul li a{position:relative; display:block; padding-bottom:29%; background:#fff;  overflow:hidden; border:1px solid #dcdcdc; box-sizing:border-box;}

.main_con01 .right_box .banner_box ul li a img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-width:100%; max-height:100%; margin:auto;}

@media all and (max-width:1200px){
	.main_con01 .left_box{width:67%;}
	.main_con01 .left_box .top_box dl.type02 dt{padding-right:60px;}
	.main_con01 .left_box .top_box dl.type02 dt:before{right:0;}
	.main_con01 .right_box{width:33%;}
}
@media all and (max-width:1000px){
	.main_con01 .left_box{width:100%;}
	.main_con01 .left_box .mid_box{display:block; padding-top:40px;}
	.main_con01 .right_box{width:100%; padding-left:0; padding-top:40px;}
	.main_con01 .right_box .slider03{display:none;}
}
@media all and (max-width:767px){
	.main_con01 .left_box .top_box dl{padding:16px 20px;}
	.main_con01 .left_box .top_box dl.type02{padding:25px 15px;}
	.main_con01 .left_box .top_box dl.type02 dt{padding-left:10px;}
	.main_con01 .left_box .bot_box .semina_box{width:100%; margin-right:0; margin-bottom:20px;}
	.main_con01 .left_box .bot_box .semina_box .slider01 .img_box{height:auto; padding-bottom:54%;}
	.main_con01 .left_box .bot_box .semina_box .slider01 .img_box img{width:100%; height:auto;}
	.main_con01 .left_box .bot_box .talk_box{width:100%;}
	.main_con01 .left_box .bot_box .talk_box .box{width:calc(100% - 150px)}
	.main_con01 .left_box .bot_box .talk_box .main_tit{width:100%; height:auto; padding:15px 20px;}
	.main_con01 .left_box .bot_box .talk_box .main_tit .option_box{float:right; padding-top:0;}
	.main_con01 .left_box .bot_box .talk_box .main_tit .option_box .arrow_box{position:static; width:auto;}
	.main_con01 .left_box .bot_box .talk_box .box .slider_box{width:100%;}
	.main_con01 .left_box .bot_box .talk_box .btns_box{width:150px;}
	.main_con01 .left_box .bot_box .talk_box .btns_box ul li{height:101px;}
	.main_con01 .left_box .bot_box .talk_box .btns_box ul li a{padding-left:15px;}
}