@charset "utf-8";
/* main_tit */
.main_tit{text-align:center;}
.main_tit h4{font-size:52px; letter-spacing:-0.04em; color:#222222; font-weight:bold; line-height:1;}
/*btn*/
.main_con02 .tab_btn {text-align:center;}
.main_con02 .tab_btn ul {letter-spacing:-4px; font-size:0; }
.main_con02 .tab_btn ul li {display:inline-block; vertical-align:top; width:calc(25% - 45px);}
.main_con02 .tab_btn ul li:nth-of-type(4) {margin-right:0;}
.main_con02 .tab_btn ul li a {font-size:22px; letter-spacing:0; font-weight:500; color: #aaaaaa;}

/* main_visual */
.main_visual{position:relative; height:700px; overflow:hidden;}
.main_visual .swiper-wrapper{width:100%; height:100%;}
.main_visual .swiper-wrapper .swiper-slide{width:100%; height:100%;}
.main_visual .swiper-wrapper .swiper-slide .inner{display:table; width:100%; height:100%; position:relative;}
.main_visual .swiper-wrapper .swiper-slide .txt_box{display:table-cell; vertical-align:middle;}
.main_visual .swiper-wrapper .swiper-slide .txt_box p{font-size:70px; letter-spacing:0; color:#2c272e; font-weight:bold; position:relative;}
.main_visual .swiper-wrapper .swiper-slide .txt_box a{margin-top:40px; display:block; width:237px; height:70px; background:#005eb8; text-align:center; line-height:70px; position:relative; font-size:18px; letter-spacing:-0.04em; color:#fff; font-weight:500; border-radius:20px;}
.main_visual .swiper-wrapper .swiper-slide .txt_box a:after{content:''; position:absolute; right:15px; bottom:15px; width:12px; height:12px; background:url('/img/main_visual_icon02.png')no-repeat;}
.main_visual .swiper-wrapper .swiper-slide .pager{text-align:left; position:absolute; left:0; bottom:100px;}
.main_visual .swiper-wrapper .swiper-slide .pager .swiper-pagination-bullet{opacity:1; width:8px; height:8px; border-radius:2px; background:#cccccc; margin-right:12px;}
.main_visual .swiper-wrapper .swiper-slide .pager .swiper-pagination-bullet-active{width:20px; height:8px; border-radius:2px; background:#000000;}
.main_visual .prev{position:absolute; left:0; bottom:calc(50% - 60px); width:80px; height:120px; background:url('/img/main_visual_prev.png')no-repeat; cursor:pointer; z-index:10}
.main_visual .next{position:absolute; right:0; bottom:calc(50% - 60px); width:80px; height:120px; background:url('/img/main_visual_next.png')no-repeat; cursor:pointer; z-index:10}

.main_visual .swiper-wrapper .swiper-slide:nth-of-type(2n + 1) .txt_box p{color:#fff}

.main_visual .swiper-wrapper .swiper-slide:nth-of-type(3) .txt_box a:after{background:url('/img/main_visual_icon01.png')no-repeat;}
.main_visual .swiper-wrapper .swiper-slide:nth-of-type(3) .txt_box a{background:#ffffff; color:#3dcd58}
.main_visual .swiper-wrapper .swiper-slide:nth-of-type(4) .txt_box a{background:#fe5b1b}
.main_visual .swiper-wrapper .swiper-slide:nth-of-type(5) .txt_box a{background:#58b946}


@media all and (max-width:1400px){
	.main_visual .swiper-wrapper .swiper-slide .pager{margin-left:80px;}
}

.main_con01{padding:100px 0 150px; font-size:0; letter-spacing:-4px; background:#f6f6f6;}
.main_con01 ul li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:20px; padding:100px 80px 0; box-sizing:border-box; min-height:320px; border-radius:20px; position: relative;}
.main_con01 ul li:nth-of-type(2n){margin-right:0;}
.main_con01 ul li:nth-of-type(n+3){margin-top:20px;}
.main_con01 ul li .txt_box{display:inline-block; vertical-align:middle; width:60%;}
.main_con01 ul li .txt_box p{font-size:40px; letter-spacing:0; color:#ffffff; font-weight:bold;}
.main_con01 ul li .txt_box span{display:block; padding-top:15px; font-size:18px; letter-spacing:-0.04em; color:#ffffff; font-weight:500;}
.main_con01 ul li .img_box{display:inline-block; vertical-align:middle; width:40%; position:relative; height:100%;}
.main_con01 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%;}
.main_con01 ul li .btn_box {position:absolute; left:auto; top:auto; transform:inherit; max-width:100%; right:40px; bottom:40px; border-radius: 20px; box-shadow: 5px 10px 20px rgb(0 0 0 / 20%); opacity: 0; transition: all 0.3s;}

.main_con01 ul li:nth-of-type(1){background:url('/img/main_con01_bg04.png')no-repeat center / cover;}
.main_con01 ul li:nth-of-type(2){background:url('/img/main_con01_bg01.png')no-repeat center / cover;}
.main_con01 ul li:nth-of-type(3){background:url('/img/main_con01_bg02.png')no-repeat center / cover;}
/*.main_con01 ul li:nth-of-type(3) .txt_box{width:70%;}*/
/*.main_con01 ul li:nth-of-type(3) .img_box{width:30%;}*/
.main_con01 ul li:nth-of-type(4){background:url('/img/main_con01_bg03.png')no-repeat center / cover;}
.main_con01 ul li:nth-of-type(4) .txt_box{width:40%; padding-right:20px; box-sizing:border-box;}
.main_con01 ul li:nth-of-type(4) .img_box{width:60%;}
.main_con01 ul li:nth-of-type(4) .img_box img { left:37%; top:-50%; transform:translate(-50%, -50%); max-width:100%; margin-top:20px; margin-left:32px;}

.main_con01 ul li:hover .btn_box {opacity: 1;}

@media all and (max-width:1200px){
	.main_con01 ul li{padding:100px 40px 0;}
	.main_con01 ul li:nth-of-type(3) .img_box img{right:0;}
}

@media all and (max-width:1000px){
	.main_con01 ul li{width:100%; padding:100px 20px 0; margin-right:0;}
	.main_con01 ul li:nth-of-type(n+2){margin-top:20px;}
	.main_con01 ul li:nth-of-type(4) .img_box img {margin-left:24px;}
	.main_con01 ul li .btn_box {opacity: 1;}
}

.main_con02{font-size:0; letter-spacing:-4px; padding:100px 0; position:relative;}
.main_con02 .main_tab{padding-top:30px;}
.main_con02 .main_tab ul{text-align:center;}
.main_con02 .main_tab ul li{display:inline-block; vertical-align:middle; }
.main_con02 .main_tab ul li a{display:inline-block; width:124px; text-align:center; box-sizing:border-box; height:60px; line-height:60px; font-size:22px; letter-spacing:0; color:#aaaaaa; font-weight:500; background:#f6f6f6; border-radius:20px; margin-right:20px;}
.main_con02 .main_tab ul li.on a{background:#2c2c76; color:#fff;}
.main_con02 .main_con02_list{padding-top:60px; overflow:hidden;}
.main_con02 .main_con02_list ul li{display:inline-block; vertical-align:top; width:calc(25% - 30px);margin-right:40px;}
.main_con02 .main_con02_list ul li:nth-of-type(4n){margin-right:0;}
.main_con02 .main_con02_list ul li a{display:block;}
.main_con02 .main_con02_list ul li .img_box {position: relative; border-radius:20px; overflow:hidden; box-shadow: 4px 8px 30px rgb(0 0 0 / 8%);}
.main_con02 .main_con02_list ul li .img_box:after {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3); content: ''; opacity: 0; transition: all 0.3s;}
.main_con02 .main_con02_list ul li .img_box .img {position:relative; padding:50% 0;}
.main_con02 .main_con02_list ul li .img_box .img img{position:absolute; righT:0; top:0; bottom:0; left:0; max-width:100%; margin:auto;}
.main_con02 .main_con02_list ul li .img_box .btn {position: absolute; z-index: 1; right: 0; bottom: 0; border-top-left-radius: 20px; overflow: hidden; opacity: 0; transition: all 0.3s;}
.main_con02 .main_con02_list ul li .txt_box{padding-top:25px;}
.main_con02 .main_con02_list ul li .txt_box p{font-size:20px; letter-spacing:-0.04em; color:#444444; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #dddddd}
.main_con02 .main_con02_list ul li .txt_box span{display:block; padding-top:15px; font-size:16px; letter-spacing:-0.04em; color:#666666; font-weight:300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_con02 .next{position:absolute; top:50%; right:-120px; transform:translateY(-50%); width:60px; height:60px; background:url('/img/main_con02_next.png') no-repeat; z-index:10; cursor:pointer;}
.main_con02 .next:hover{background:url('/img/main_con02_next_on.png') no-repeat;}
.main_con02 .prev{position:absolute; top:50%; left:-120px; transform:translateY(-50%); width:60px; height:60px; background:url('/img/main_con02_prev.png') no-repeat; z-index:10; cursor:pointer;}
.main_con02 .prev:hover{background:url('/img/main_con02_prev_on.png') no-repeat;}

.main_con02 .main_con02_list ul li:hover .img_box:after {opacity: 1;}
.main_con02 .main_con02_list ul li:hover .img_box .btn {opacity: 1;}

@media all and (max-width:1600px){
	.main_con02 .main_con02_list{padding:60px 60px 0; box-sizing:border-box}
	.main_con02 .next{right:0;}
	.main_con02 .prev{left:0;}
}
@media all and (max-width:1000px){
	.main_con02 .main_tab ul li{width:calc(50% - 15px);}
	.main_con02 .main_tab ul li:nth-of-type(2n) {margin-right: 0;}
	.main_con02 .main_tab ul li:nth-of-type(n+3) {margin-top: 20px;}
	.main_con02 .main_con02_list{padding:60px 0 0;}
	.main_con02 .main_con02_list ul li{width:calc(50% - 20px); }
	.main_con02 .main_con02_list ul li:nth-of-type(2n){margin-right:0;}
	.main_con02 .main_con02_list ul li:nth-of-type(n+3){margin-top:20px;}

	.main_con02 .next{display:none;}
	.main_con02 .prev{display:none;}
}