@charset "utf-8";

@font-face{font-family:'Jalnan';font-weight:300;src:url(../fonts/JalnanOTF00.woff) format("woff")}
.main #bodyWrap	{padding-bottom:90px;padding-top:110px;}
.main #bodyWrap:before	{display:none;}
.main #bodyWrap	{width:1200px;margin:0 auto;}
/* setA */
.setA	{width:100%;position:relative;display:flex;gap:30px;}
.setA .cola{position:relative;display:block;width:790px;height:500px;}
.setA .colb{position:relative;display:block;width:380px;}

/* main visual slider */
.mainSlider {position:relative;width:100%;font-size:0;height:500px;background:#003a92;border-radius:50px 50px 50px 0;}
.mainSlider:before	{position:absolute;content:'';bottom:0;left:0;width:458px;height:111px;background:url('../images/main/visual_bg.png') no-repeat 0 0;}
.mainSlider .item a{display:block;width:100%;height:100%;}
.mainSlider .item a img{display:none;}
.mainSlider div	{height:100%;}
.mainSlider .slick-dots{position:absolute;bottom:15px;left:30px;}
.mainSlider .slick-dots li span{font-size:14px; color:#444;font-weight:300;display: inline-block;vertical-align: middle;}
.mainSlider .slick-dots button{position:relative;margin-left:10px;width:38px;height:38px;background:#fff;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);font-size:0;border-radius:100%}
.mainSlider .slick-dots .cur{font-weight:500;color:#111;margin-right:5px;}
.mainSlider .slick-dots .loading{width:90px; height: 2px; background: rgba(159,159,159,1);margin:0 10px;}
.mainSlider .slick-dots .loading span{width:0%; height: 100%; background: #000; font-size: 0; display: block;}
.mainSlider .slick-dots .slide-pause:before,.mainSlider .slick-dots .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:14px;margin:auto 0;width:3px;height:10px;background:#009ddb}
.mainSlider .slick-dots .slide-pause:after{right:14px;left:auto;}
.mainSlider .slick-dots .slide-play{display:none}
.mainSlider .slick-dots .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #009ddb;border-bottom:5px solid transparent;}
.mainSlider .slick-dots .slick-prev{background: url('../images/main/ico_prev.png') no-repeat 50% 50%;}
.mainSlider .slick-dots .slick-next{background: url('../images/main/ico_next.png') no-repeat 50% 50%;}

/*slider*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{position: absolute;z-index: 1;font-size: 0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.slick-cloned {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.colb a	{position:relative;width:100%;display:block;border-radius:40px 40px 0 40px;padding:30px 40px;}
.colb a p	{position:relative;font-size:28px;font-family:'Jalnan';color:#222;}
.colb a p:after	{content:'';position:absolute;left:10px;top:100px;width:161px;height:135px;background:url('../images/main/img_link_01.png') no-repeat 0 0;}
.colb a span	{font-size:20px;display:block;}
.colb a br	{display:none;}
.colb a:before	{position: absolute;content:'';bottom:0;right:0;width:113px;height:105px;background:url('../images/main/img_link_bg.png') no-repeat 0 0;}
.colb a:first-child	{height:265px;background:#e7f2ff;/;margin-bottom:30px;}
.colb a:after	{content:'';position:absolute;right:5px;bottom:0;width:60px;height:60px;background:url('../images/main/ico_arrow.png') no-repeat 0 0;transition:all 0.3s ease-in-out;}
.colb a:hover::after	{right:-10px;transition:all 0.3s ease-in-out;}
.colb a:last-child	{height:205px;background:#e3fcf2;}
.colb a:last-child p:after	{top:40px;width:186px;height:147px;background:url('../images/main/img_link_02.png') no-repeat 0 0;}

/* setB */
.setB	{width:100%;position:relative;display:flex;gap:60px;margin-top:80px;}
.setB div	{position:relative;width:calc(50% - 30px);}
.setB h3	{font-size:0;margin-bottom:20px;}
.setB .more	{position:absolute;right:0;top:15px;font-size:14px;color:#555;}
.setB li ~li	{margin-top:20px;}
.setB li > a	{display:block;position:relative;background:#f8f8f8;border-radius:15px;padding:35px 30px;}
.setB li > a:after	{content:'';position:absolute;right:30px;top:40px;width:17px;height:17px;background:url('../images/main/ico_arrow01.png') no-repeat 0 0;transition:all 0.3s ease-in-out;}
.setB li > a:hover::after	{right:20px;top:30px;transition:all 0.3s ease-in-out;}
.setB li > a p	{padding-right:30px;display:block;line-height:32px;font-size:17px;color:#222;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.setB li > a span	{padding-right:30px;display:block;font-size:14px;color:#555;margin-top:20px;}
.setB div:nth-of-type(2) li > a	{background:#f5f7fb;}

@media (max-width: 1200px) {
	.main #bodyWrap	{width:100%;}	
	.setA	{width:calc(100% - 40px);margin:0 auto;}
	.setA .cola{width:calc(65%  - 15px);}
	.setA .colb{width:calc(35%  - 15px);}
	.mainSlider .item	{background-size: 95% auto !important;}
	.setB	{width:calc(100% - 40px);margin:20px auto 0 auto;}
}

@media (max-width: 900px) {
	.main .headerWrap > h1	{display:block;background-size:auto 35px;margin:15px 0 0 20px;}
	.main #bodyWrap	{padding-top:10px;}
	.mainSlider {height:500px;border-radius:30px 30px 30px 0;}
	.mainSlider:before	{width:300px;height:70px;background-size:auto 100%;}
	.mainSlider .slick-dots	{bottom:0;}
	.mainSlider .slick-dots span	{display:none !important;}
	/* setA */
	.setA	{display:block;}
	.setA .cola{width:100%;height:500px;}
	.setA .colb{width:100%;display:flex;gap:20px;margin-top:50px;}
	.colb a	{width:calc(50% - 10px);display:block;border-radius:20px 20px 0 20px;padding:20px 30px;height:200px !important;}
	.colb a:before	{width:70px;height:60px;background-size:100% auto;}
	.colb a:after	{width:30px;height:30px;background-size:100% auto;}
	.colb a p:after	{top:70px;}
	.colb a:last-child p:after	{top:45px;}

	/* setB */
	.setB	{display:block;}
	.setB div	{width:100%;}
	.setB div ~div	{margin-top:30px;}
	.main #bodyWrap	{padding-bottom:50px;}
}

@media (max-width: 640px) {
	.main .headerWrap > h1	{margin-left:0;}
	.setA .cola{height:400px;}
	.mainSlider {height:400px;}
	.mainSlider .item	{background-size: auto 62% !important;}
	/*.mainSlider .item	{background:none !important;}
	.mainSlider .item a img{display:block;max-height:90%;margin:0 auto;}*/
	/* setA */
	.colb a	{padding:15px;height:160px !important;}
	.colb a p	{font-size:20px;}
	.colb a span	{font-size:15px;}
	.colb a br	{display:block;}
	.colb a p:after	{top:60px !important;width:100px;height:95px !important;background-size:auto 100% !important;}

	/* setB */
	.setB h3 img	{height:35px;}
	.setB .more	{top:10px;font-size:12px;}
	.setB li > a	{padding:20px;}
	.setB li > a:after	{right:20px;top:30px;width:14px;height:14px;background-size:100% auto;}
	.setB li > a:hover::after	{right:10px;top:20px;}
	.setB li > a p	{line-height:25px;font-size:14px;word-break:break-all;}
	.setB li > a span	{font-size:12px;}
}

@media (max-width: 420px) {
	.setA .cola{height:450px;}
	.mainSlider {height:450px;}
	.mainSlider .item	{background:none !important;}
	.mainSlider .item a img	{display:block;height:calc(100% - 60px);margin:20px auto 0 auto;}
	.mainSlider:before	{height:60px;width:200px;background-size: 100% 100%;}
	.mainSlider .slick-dots	{left:10px;}
	.mainSlider .slick-dots button	{width:30px;height:30px;}
	.mainSlider .slick-dots .slide-pause:before, .mainSlider .slick-dots .slide-pause:after	{width:2px;left:12px;}
	.mainSlider .slick-dots .slide-pause:after	{left:auto;right:12px;}
	.colb a:first-child	{margin-bottom:20px;}
	.colb a p	{font-size:19px;line-height:25px;}
	.colb a span	{font-size:13px;}
	.colb a p:after	{height:80px !important;}
	.setA .colb	{margin-top:40px;}
}
@media (max-width: 360px) {
	.setA .cola{height:350px;}
	.mainSlider {height:350px;}
	.mainSlider:before	{width:180px;}
	.colb a	{height:140px !important;}
	.colb a p	{font-size:14px;}
	.colb a span	{font-size:12px;}
	.colb a p:after	{top:50px !important;height:60px !important;}
}