@charset "utf-8";

/* mVisual */
#mVisual{width: 100%; height: 720px;}
#mVisual .mv{width: 100%; height: 720px; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv .inner{display: flex; justify-content: space-between; height: 100%; align-items: flex-end;}
#mVisual .mv .inner .txt{color: #fff; margin-bottom: 80px;}
#mVisual .mv .inner .txt h3{font-size: 5.6rem; line-height: 1.2em;}
#mVisual .mv .inner .txt p{font-size: 1.9rem; margin-top: 10px;}
#mVisual .mv .inner .btn{margin-bottom: 80px;}
#mVisual .mv .inner .btn a{display: block; color: #fff; background-color: #0e56e7; font-size: 2rem; font-weight: 600; padding: 17px 55px;}

#mVisual .slick-prev{background: url(/images/main/mv_prev.png) no-repeat center center; text-indent: -9999px; box-shadow:0px 0px; border-radius:0; left: 30px; opacity:0.6; z-index:99;}
#mVisual .slick-prev:hover{opacity: 1;}
#mVisual .slick-next{background: url(/images/main/mv_next.png) no-repeat center center; text-indent: -9999px; box-shadow:0px 0px; border-radius:0; right: 30px; opacity:0.6; z-index:99;}
#mVisual .slick-next:hover{opacity: 1;}

@media all and (max-width:1024px){
	#mVisual{height: 640px;}
	#mVisual .mv{height: 640px;}
	#mVisual .mv .inner{flex-direction: column; justify-content: flex-end; align-items: flex-start;}
	#mVisual .mv .inner .txt{margin-bottom: 40px;}
	#mVisual .mv .inner .txt h3{font-size: 4rem;}
	#mVisual .mv .inner .txt p{font-size: 1.7rem;}
	#mVisual .mv .inner .btn{margin-bottom: 50px;}
	#mVisual .mv .inner .btn a{font-size: 1.8rem; padding: 15px 40px;}
	#mVisual .slick-prev{left: 2%;}
	#mVisual .slick-next{right: 2%;}
}
@media all and (max-width:640px){
	#mVisual{height: 580px;}
	#mVisual .mv{height: 580px;}
	#mVisual .slick-prev,
	#mVisual .slick-next{display: none !important;}
	#mVisual .mv .inner .txt{margin-bottom: 30px;}
	#mVisual .mv .inner .txt h3{font-size: 3.6rem;}
	#mVisual .mv .inner .txt p{font-size: 1.6rem;}
	#mVisual .mv .inner .btn a{font-size: 1.7rem; padding: 13px 35px;}
}

/* .m_txt */
.m_txt{margin-top: 80px;}
.m_txt h3{font-size: 3.2rem; font-weight: 500; color: #444444; margin-bottom: 30px; word-break:keep-all;}
.m_txt h3 span{font-weight: 600; color: #000; word-break:keep-all;}
.m_txt p{font-size: 1.7rem; font-weight: 400; color: #777777; word-break:keep-all;}
.m_txt p span{color: #222; font-weight: 500; word-break:keep-all;}
.m_txt a{font-size: 1.7rem; font-weight: 600; color: #0e56e7; margin-top: 50px; display: inline-block;}
.m_txt a i{margin: 0 10px;}

@media all and (max-width:1279px){
	.m_txt{margin-top: 0px;}
}
@media all and (max-width:1024px){
	.m_txt h3{font-size: 3rem; margin-bottom: 20px;}
	.m_txt p{}
	.m_txt a{ margin-top: 35px;}
}
@media all and (max-width:640px){
	.m_txt h3{font-size: 2.7rem; margin-bottom: 15px;}
	.m_txt a{ margin-top: 25px;}
}
 
/* sec1 */
.sec1{max-width: 1590px; width:100%; margin-left: auto; display: flex; justify-content: space-between; padding: 100px 0 0; overflow: hidden; position: relative; z-index: 2;}
.sec1 .m_txt{margin-right: 60px;}
.sec1 .img{}
.sec1 .img img{width: 100%; max-width: 100%;}


@media all and (min-width:1921px){
	.sec1{margin: 0 auto; max-width: 1280px;}
	.sec1 .img{margin-right: -200px;}
}
@media all and (max-width:1279px){
	.sec1{width: 97%; align-items: center;}
}
@media all and (max-width:1024px){
	.sec1{flex-direction: column; padding: 80px 0 0;}
	.sec1 .img{order: -1;}
	.sec1 .m_txt{width: 100%; margin-right: 0; margin-top: 30px;}
}

/* tabcontent */
.tabcontent{display: none;}
.tabcontent.on{display: block;}

/* sec2 */
.sec2{max-width: 1920px; width: 100%; margin: 0 auto; position: relative; padding: 100px 0 80px; margin-top: -25px;}
.sec2::before{content: ''; max-width: 827px; width: 100%; height: 630px; display: block; background: url(/images/main/sec2_bg.jpg) no-repeat center center / cover; position: absolute; left: 0; top: 0;}
.sec2 .inner{}
.sec2 .inner .tabcontent{display: none; justify-content: space-between;}
.sec2 .inner .tabcontent.on{display: flex;}
.sec2 .inner .tabcontent .img{}
.sec2 .inner .tabcontent .img h3{font-family: 'Montserrat', sans-serif; font-size: 2.4rem; color: rgba(255,255,255,0.4); letter-spacing: 1em; margin-bottom: 20px;}
.sec2 .inner .tabcontent .img img{max-width: 100%; width: 100%;}
.sec2 .inner .tabcontent .m_txt{max-width: 560px; width: 100%; margin-top: 130px;}
.sec2 .inner .tabcontent .m_txt .tit{display: flex; align-items: center; margin-bottom: 30px;}
.sec2 .inner .tabcontent .m_txt .tit h3{margin-bottom: 0; margin-right: 10px;}
.sec2 .inner .tabcontent .m_txt .tit a{margin-top: 0;}
.sec2 .inner .tabcontent .m_txt .tab{display: flex; margin-top: 35px;}
.sec2 .inner .tabcontent .m_txt .tab li{font-size: 1.6rem; font-weight: 600; color: #aaaaaa; text-align: center; width: 33.33333%; margin-left: -1px; border: 1px solid #cdcdcd; line-height: 54px; cursor: pointer;}
.sec2 .inner .tabcontent .m_txt .tab li.on{border: 1px solid #0e56e7; background-color: #0e56e7; color: #fff;} 

@media all and (max-width:1600px){
	.sec2::before{max-width: 40vw; height: 45vw;}
}
@media all and (max-width:1279px){
	.sec2::before{max-width: 38vw; height: 53vw;}
	.sec2{margin-top: 0; margin-top: 80px;}
	.sec2 .inner .tabcontent .img h3{font-size: 2.2rem;}
	.sec2 .inner .tabcontent .m_txt .tit{margin-bottom: 20px;}
	.sec2 .inner .tabcontent .m_txt {margin-left: 50px; margin-top: 100px; max-width: 400px;}
	.sec2 .inner .tabcontent .m_txt .tab{margin-top: 25px;}
	.sec2 .inner .tabcontent .m_txt .tab li{ line-height: 48px;}
}
@media all and (max-width:1024px){
	.sec2{padding: 70px 0 60px; margin-top: 60px;}
	.sec2::before{max-width: 90vw; height: 60vw;}
	.sec2 .inner .tabcontent{flex-direction: column;}
	.sec2 .inner .tabcontent .m_txt{margin-left: 0; margin-top: 30px; max-width: 100%;}
}

/* sec3 */
.sec3{padding: 120px 0 100px;}
.sec3 .inner{display: flex; justify-content: space-between;}
.sec3 .inner .comm_box{width: calc(50% - 40px);}
.sec3 .inner .comm_box{}
.sec3 .inner .comm_box .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.sec3 .inner .comm_box .tit h3{font-size: 2.8rem; color: #222222; font-weight: 500;}
.sec3 .inner .comm_box .tit a{font-size: 1.5rem; color: #0e56e7; font-weight: 500;}
.sec3 .inner .comm_box .list{}
.sec3 .inner .comm_box .list li{border-bottom: 1px solid #dddddd}
.sec3 .inner .comm_box .list li a {display: flex; justify-content: space-between; align-items: center;}
.sec3 .inner .comm_box .list li a .title{font-size: 1.7rem; color: #444444; font-weight: 400; line-height: 48px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.sec3 .inner .comm_box .list li a .date{font-size: 1.7rem; color: #999999; font-weight: 400; width: 18%; text-align: right;}
.sec3 .inner .comm_box .list li a .arrow{font-size: 1.7rem; color: #000; width: 18%; text-align: right;}

@media all and (max-width:1024px){
	.sec3{padding: 40px 0 80px;}
	.sec3 .inner{flex-direction: column;}
	.sec3 .inner .comm_box{width: 100%;}
	.sec3 .inner .comm_box:nth-child(1){margin-bottom: 50px;}
}

/* sec4 */
.sec4{height: 574px; position: relative; background-color: #f8f8f8; overflow: hidden;}
.sec4 .inner{display: flex; justify-content: space-between; height: 100%; position: static;}
.sec4 .inner .img{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) !important;}
.sec4 .inner .img img{max-width: 100%; width: 100%;}
.sec4 .inner .m_txt{margin-top: 200px;}
.sec4 .inner .m_txt:last-child{text-align: right;}

@media all and (max-width:1279px){
	.sec4{padding: 160px 0;}
	.sec4 .inner .m_txt{margin-top: 0;}
}
@media all and (max-width:768px){
	.sec4{height: auto; padding: 70px 0;}
	.sec4 .inner .img{right: -150px; left: auto; transform: translateX(0);}
	.sec4 .inner .img img{opacity: 0.2;}
	.sec4 .inner{flex-direction: column;}
	.sec4 .inner .m_txt{position: relative; z-index: 2;}
	.sec4 .inner .m_txt:nth-child(1){padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #dedede;}
	.sec4 .inner .m_txt:last-child{}
}