/*
::-webkit-scrollbar {
  display: none;
}

/*mainvisual start*/ 
#main #main_visual h2{	width:650px;color:#ffffff;font-size:55px;line-height: 75px;font-weight: 700;}
#main_visual .mainCopyWrap{position:relative; z-index: 10}
#main_visual .mainCopyWrap .mainCopy_slideType{position:relative; }
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item{position:relative; }
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg{height: 100vh; width: 100%; background: 50% 50% /cover no-repeat; background-image:url(../images/main/mainvisual01.jpg);}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg02{background-image:url(../images/main/mainvisual02.jpg);}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg03{background-image:url(../images/main/mainvisual03.jpg);}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg04{background-image:url(../images/main/mainvisual04.jpg);}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; padding: 0 180px;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item{display: flex;justify-content: center;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2{font-weight:200; font-size:55px; color: #fff; text-align: center; opacity: 0;line-height:75px;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2:last-of-type{text-align: center; transform:translateX(0px);}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business{margin:30px 0px;line-height:40px;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business p:nth-child(1){font-size:25px;font-weight:800;color:rgba(255,255,255,0.7);}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business p:nth-child(2){font-size:20px;color:rgba(255,255,255,0.7);line-height:35px;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 h2{padding-left: 0px;text-align:center;}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 h2:last-of-type{padding-right: 0px; padding-left: 0;text-align:center;}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn{transform: translateY(-50%);position: absolute;bottom: 30px;width: fit-content;left: 50%;z-index: 99;display: flex;color: #fff;align-items: center;margin-left: -100px;}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn .btn_box{position:relative; width: 40px; height: 40px; text-align: center; cursor: pointer;margin: 0px 10px;}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn .btn_box:last-of-type{margin-bottom:0;}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn .btn_box svg{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(-90deg);}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn .btn_box svg circle{stroke-dasharray: 125;}
#main_visual .mainCopyWrap .mainCopy_slideType .slide_btnWrap .slide_btn .btn_box p{font-size:14px; color: #fff; line-height: 40px;}
#main_visual .mainCopyWrap .mainCopy_slideType .line .left,
#main_visual .mainCopyWrap .mainCopy_slideType .line .right{position:absolute; top: 105px; width: 1px; height: calc(100vh - 106px); background: rgba(255, 255, 255, 0.1);}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item.slick-active .bg{animation:zoom 4s 0.2s linear both}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item.slick-active::before{animation:mvLeftWidth 1.5s 0.5s both}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item.slick-active::after{animation:mvRightWidth 1.5s 0.5s both}
#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item.slick-active .bg::before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.slick-active h2:first-of-type{animation:mvRight 2s 1s both}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.slick-active h2:first-of-type.custom_parts{animation:none; opacity: 1}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.slick-active h2:first-of-type.custom_parts .custom_part{color:#ffffff;animation:var(--slide) 2s var(--slide-delay) both}
#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.slick-active h2:last-of-type{animation:mvLeft 2s 1s both}

@keyframes mvLeft{
	0%{transform:translateX(140px); opacity:0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes mvRight{
	0%{transform:translateX(-140px); opacity:0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes mvUp{
	0%{transform:translateY(140px); opacity:0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes mvDown{
	0%{transform:translateY(-140px); opacity:0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes zoom{
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@keyframes moveScroll{
	0%{transform:translateY(0px);}
	100%{transform:translateY(-14px)}
}
@keyframes mvLeftWidth{
	0%{left: 0; width: 50%;}
	100%{width: 0;}
}

@keyframes mvRightWidth{
	0%{right: 0; width: 50%;}
	100%{width: 0;}
}

@keyframes moveLogo{
	0%{transform:translateX(0);}
	100%{transform:translateX(-2225px);}
}

@keyframes fadeUp{
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeImgR{
	0%{transform:translateX(380px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes fadeImgL{
	0%{transform:translateX(-380px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes fadeIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
 }
/*mainvisual end*/



section h3 a{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
}

/*Àç´Ü¼Ò°³*/
#section2{
	height: 1031px;
}
#section2 .inner,#section3 .inner,#section4 .inner,#section5 .inner,#section6 .inner{
	height: 1031px;
}
#section2 .inner,#section3 .inner,#section4 .inner,#section5 .inner,#section6 .inner{
	display: flex;
    align-items: center;
    justify-content: center;
	padding:6.25rem 0rem;
}
#section2 .inner .cont,#section3 .inner .cont,#section4 .inner .cont,#section5 .inner .cont,#section6 .inner .cont{
	width: 100%;
}
#section2 h2, #section3 h2, #section4 h2, #section5 h2, #section6 h2{
	font-size:55px;font-weight:bold;margin:30px auto;text-align:center;
}
#section3,#section5{
	background: #f7f9fa;
}
#section2 .explain, #section3 .explain, #section4 .explain, #section5 .explain, #section6 .explain{
	 color:rgba(71,80,86,0.7);font-size:20px;text-align:center;line-height:35px;
}
#section2 .flex02 div .copy01{
	 font-size:40px;font-weight:bold;color:#0085cd;margin-bottom:30px;
}
#section2 .flex02 div div{
	  line-height:35px;font-size:22px;color:#475056;margin-bottom:30px;
}
#section2 .flex02 div .btnType01{
	margin:50px 0px;
}


/*»ç¾÷¼Ò°³*/
#section3{background:#f7f9fa;}


:root {
	--green: #00b4a8;
	--red: #ff5c5c;
	--gray: #666;
	--gradient: linear-gradient(115deg, #33a8e7, #33a8e7);
	--gradient2: linear-gradient(115deg, #51dcd3, #0f83e2);
	--basic-line: 3rem;
}


/*Á¤º¸°ø°³*/
#section4 .inner .cont .grid a,#section6 .inner .cont .grid a{
	height: 360px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#section4 .inner .cont .grid a:nth-child(1),#section6 .inner .cont .grid a:nth-child(1){
    background: #33a8e7;
    border: 1px solid #33a8e7;
	transition: all 0.4s ease 0s;
}
#section4 .inner .cont .grid a:nth-child(2),#section6 .inner .cont .grid a:nth-child(2){
	background:#ffffff;
	border:1px solid #d8dadd;
}
#section4 .inner .cont .grid a:nth-child(1) div{
   color:#ffffff;
   font-size:35px;
   font-weight:bold;
	position:relative;
}
#section4 .inner .cont .grid a:nth-child(1) div:after{
	content: '';
    position: absolute;
    right: -30px;
    background: url(../images/common/icon_nero01.png) no-repeat;
    width: 50px;
    height: 50px;
    background-position: right;
    top: -5px;
	opacity: 0.6;
}
#section4 .inner .cont .grid a:nth-child(2) div,#section6 .inner .cont .grid a div{
	color:#0085cd;
	font-size:35px;
	font-weight:bold;
	position:relative;
}
#section4 .inner .cont .grid a:nth-child(2) div:after,#section6 .inner .cont .grid a div:after{
	content: '';
    position: absolute;
    right: -30px;
    background: url(../images/common/icon_nero.png) no-repeat;
    width: 50px;
    height: 50px;
    background-position: right;
    top: -5px;
	opacity: 0.6;
}
#section4 .inner .cont .grid a:nth-child(1):hover{
    background: rgba(18,149,220,0.9);
	margin-top:-4px;
}


/*Àç´Ü¼Ò½Ä*/
#section5 h3{
	font-weight: bold;
    font-size: 33px;
    padding: 20px 0px;
    letter-spacing: -2px;
}
#section5 .notice{
	border-top:3px solid #111111;
}
#section5 .notice li{
	padding:50px 0px;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
#section5 .notice li a{
	font-size:25px;
	font-weight:bold;
}
#section5 .notice li span{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    font-size: 18px;
}
#section5 .media .subject{
	background: var(--bg-white);
	border-radius: 30px;
}

/*Áö¿ø¹æ½Ä*/
#section6{
	background: var(--bg-sky);
}
#section6 h2{color:var(--color-white);} 
#section6 .explain{color:rgba(255,255,255,0.7);}
#section6 .inner .cont .grid a:nth-child(1){
    background: var(--bg-white);
}
#section6 .inner .cont .grid a,#section4 .inner .cont .grid a:nth-child(2){
	transition: all 0.4s ease 0s;
}
#section6 .inner .cont .grid a:hover,#section4 .inner .cont .grid a:nth-child(2):hover{
    background: rgba(255,255,255,0.9);
	margin-top:-4px;
	transition: all 0.4s ease 0s;
}
#section4 .inner .cont .grid a:nth-child(2):hover{
	background: rgba(0, 0, 0, 0.02);
}
#section6 .inner .cont .grid a div{
	color:#0085cd;
	font-size:35px;
	font-weight:bold;
}



@media only screen and (max-width: 1280px) {
	  main {
		height: auto;
		min-width:600px;
	  }
	  main .inner {
		padding-top: 7.5rem;
		padding-bottom: 80px;
	  }

	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 h2{padding-left: 4vw;}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 h2:last-of-type{padding-left: 0; padding-right: 4vw;}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2{font-size:4.3vw}
	#main #main_visual h2{width:100%;color:#ffffff;	font-size:1.8rem;line-height: 2.5rem;font-weight: 700;}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item{display: flex;justify-content: center;align-content: center;flex-direction: column;}
	#main #main_visual h2:nth-child(1) div:nth-child(1),
	#main #main_visual h2:nth-child(1) div:nth-child(2),
	#main #main_visual h2:nth-child(1) div:nth-child(3){
		display: flex !important; justify-content: center !important;align-items: center !important;
	}
}

@media only screen and (max-width: 1024px) {
	#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg{
	   }
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2{
		margin:20px 0px;
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 3.5rem;
	}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business p:nth-child(2) {
		font-size: 1.1rem;
		line-height:1.5rem;
		font-weight:normal;
		color:rgba(255,255,255,0.6);
	}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business p:nth-child(1) {
		font-size: 1.3rem;
		font-weight: 800;
	}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item h2 .business {
		margin: 30px 0px;
		line-height: 40px;
		border:1px solid rgba(255,255,255,0.5);
		padding:20px;
	}

}

@media only screen and (max-width: 960px) {
	#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg {
        height: 140vh;
    }
}

@media only screen and (max-width: 768px) {
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText{padding: 0 14px;}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 .h2{padding-left: 10vw;}
	#main_visual .mainCopyWrap .mainCopy_slideType .copyText .item.item01 .h2:last-of-type{padding-left: 0; padding-right: 10vw;}
	#main_visual .mainCopyWrap .mainCopy_slideType .line .left, #main_visual .mainCopyWrap .mainCopy_slideType .line .right{height: calc(100% - 71px); top: 71px;}
}

@media only screen and (max-width: 600px) {
	#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg {
        height: 100vh;
    }
}

@media only screen and (max-width: 480px) {
	#main_visual .mainCopyWrap .mainCopy_slideType .bgImg .item .bg{}
}

@media only screen and (max-width: 320px) {
 }