@charset "utf-8";

/*
 ★ Coding By DumiCode
 ★ homepage: http://www.dumicode.com
*/

.ma_quick {position:fixed; top:50%; right:59px; margin-top:-45px; z-index:90;}
.ma_quick li {text-align:right;}
.ma_quick li a {display:inline-block; position:relative; width:22px; height:30px; color:#fff; font-size:14px; line-height:30px; font-weight:500; text-align:left; text-indent:999px; overflow:hidden; vertical-align:top; outline:none;}
.ma_quick li.on a {width:180px; padding-right:30px; text-align:right; overflow:hidden; text-indent:0;}
.ma_quick li a:before {content:''; position:absolute; top:50%; right:6px; width:10px; height:10px; margin-top:-5px; border-radius:5px; background:#fff;}
.ma_quick li.on a: {text-indent:0;}
.ma_quick li.on a:before {right:5px; width:12px; height:12px; margin-top:-6px; border-radius:6px; background:#00a1e4;}
.ma_quick li.on a:after {content:''; position:absolute; top:50%; right:0; width:22px; height:22px; margin-top:-11px; border-radius:11px; border:1px solid #00a1e4; opacity:0.8; box-sizing:border-box;}

#m_content {width:100%; height:100vh;}
#m_content .swiper-slide {height:auto;}
.ma_sec {position:relative; height:100vh; padding-top:70px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ma_sec .div_focus {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.ma_sec .btn_scroll {position:absolute; bottom:20px; left:50%; width:23px; height:49px; background:url('../images/btn_scroll.png') no-repeat center center; cursor:pointer;
	animation:aniscroll 1s infinite;
	-webkit-animation:aniscroll 1s infinite;
}

@keyframes aniscroll
{
0% {bottom:20px;}
50% {bottom:28px;}
100% {bottom:20px;}
}

@-webkit-keyframes aniscroll
{
0% {bottom:20px;}
50% {bottom:28px;}
100% {bottom:20px;}
}

#ma_sec01 {background-image:url('../images/bg_section01.jpg');}
#ma_sec02 {background-image:url('../images/bg_section02.jpg');}
#ma_sec03 {background-image:url('../images/bg_section03.jpg');}

.ma_sec_none {height:100vh;}

.ma_sec .ma_sec_con {position:absolute; top:50%; left:50%; width:876px; height:500px; margin:-250px 0 0 -600px; padding:55px 90px 0; background:rgba(13,13,13,0.2);}
.ma_sec .ma_sec_con .tit h2 {display:inline-block; padding:0 10px; background:#1069cc; color:#fff; font-size:24px; line-height:32px; font-weight:500; transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.ma_sec .ma_sec_con .stit {margin-top:30px;}
.ma_sec .ma_sec_con .subtit {margin-top:15px; color:#fff; font-size:18px; line-height:28px; font-weight:500;}
.ma_sec .ma_sec_con .prd_link {margin-top:25px; overflow:hidden;}
.ma_sec .ma_sec_con .prd_link li {float:left; margin-right:15px; text-align:center;}
.ma_sec .ma_sec_con .prd_link li a {display:block;}
.ma_sec .ma_sec_con .prd_link li .txt {display:block; color:#fff; font-size:17px; line-height:39px; font-weight:500; letter-spacing:-1px;}

.ma_sec.no_ani .ma_sec_con {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
.ma_sec.no_ani .ma_sec_con .tit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
.ma_sec.no_ani .ma_sec_con .stit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
.ma_sec.no_ani .ma_sec_con .subtit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
.ma_sec.no_ani .ma_sec_con .prd_link {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}

.ma_news_wrap {position:relative; max-width:1200px; min-height:363px; margin:65px auto 0; padding-left:236px; padding-bottom:110px;}
.ma_news_wrap .titbox {position:absolute; top:25px; left:0;}
.ma_news_wrap .titbox h2 {color:#363636; font-size:30px; line-height:34px; font-weight:700;}
.ma_news_wrap .titbox p {margin-top:10px; color:#666; font-size:16px; line-height:24px;}
.ma_news_wrap .ma_news {overflow:hidden;}
.ma_news_wrap .ma_news li {float:left; width:50%; padding-left:62px;}
.ma_news_wrap .ma_news li a {display:block; position:relative; padding:25px 120px 25px 20px; border-top:1px solid #e2e2e2;}
.ma_news_wrap .ma_news li:nth-child(1) a,
.ma_news_wrap .ma_news li:nth-child(2) a {border-top:none;}
.ma_news_wrap .ma_news li a h3 {position:relative; padding-bottom:6px; color:#1069cc; font-size:18px; line-height:26px; font-weight:500;}
.ma_news_wrap .ma_news li a h3:before {content:''; position:absolute; bottom:0; left:2px; width:30px; height:1px; background:#1069cc;}
.ma_news_wrap .ma_news li a p {margin-top:6px; color:#666; font-size:16px; line-height:22px;}
.ma_news_wrap .ma_news li a .ico {position:absolute; top:25px; right:20px; width:80px; height:80px; background-repeat:no-repeat; background-position:center center;}
.ma_news_wrap .ma_news li:nth-child(1) a .ico {background-image:url('../images/ico_main_foot01.png');}
.ma_news_wrap .ma_news li:nth-child(2) a .ico {background-image:url('../images/ico_main_foot02.png');}
.ma_news_wrap .ma_news li:nth-child(3) a .ico {background-image:url('../images/ico_main_foot03.png');}
.ma_news_wrap .ma_news li:nth-child(4) a .ico {background-image:url('../images/ico_main_foot04.png');}

/* tablet */
@media screen and (max-width:1200px) {
	#m_content {height:auto;}
	.ma_quick {display:none;}
	
	.ma_sec {height:auto; padding:50px 20px; outline:none;}
	.ma_sec .btn_scroll {display:none;}
	#ma_sec01 {padding-top:120px;}
	.ma_sec .ma_sec_con {position:static; width:100%; margin:0;}

	.ma_sec .ma_sec_con {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
	.ma_sec .ma_sec_con .tit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
	.ma_sec .ma_sec_con .stit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
	.ma_sec .ma_sec_con .subtit {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}
	.ma_sec .ma_sec_con .prd_link {visibility:visible !important; animation-duration:0s !important; -webkit-animation-duration:0s !important; animation-delay:0s !important; -webkit-animation-delay:0s !important;}

	.ma_news_wrap {min-height:auto; margin:0; padding:50px;}
	.ma_news_wrap .titbox {position:static; text-align:center;}
	.ma_news_wrap .titbox .pc_br {display:inline;}
	.ma_news_wrap .ma_news li {padding:10px;}
}

@media screen and (max-width:1024px) {
	.ma_sec .ma_sec_con .subtit .pc_br {display:inline;}
	.ma_news_wrap .ma_news li {width:100%;}
	.ma_news_wrap .ma_news li a {border-top:none;}
	.ma_news_wrap .ma_news li a p .pc_br {display:inline;}
	.ma_news_wrap .ma_news li a .ico {top:50%; margin-top:-40px;}
}

/* mobile */
@media screen and (max-width:767px) {
	.ma_sec {padding:30px 10px;}
	#ma_sec01 {padding-top:80px;}
	.ma_sec .ma_sec_con {height:auto; padding:30px;}
	.ma_sec .ma_sec_con .tit h2 {padding:0 8px; font-size:14px; line-height:21px;}
	.ma_sec .ma_sec_con .stit {margin-top:15px;}
	#ma_sec01 .ma_sec_con .stit img {height:58px;}
	#ma_sec02 .ma_sec_con .stit img {height:52px;}
	#ma_sec03 .ma_sec_con .stit img {height:22px;}
	.ma_sec .ma_sec_con .subtit {margin-top:10px; font-size:12px; line-height:16px;}
	.ma_sec .ma_sec_con .prd_link {margin-top:18px;}
	.ma_sec .ma_sec_con .prd_link li {margin-right:10px;}
	.ma_sec .ma_sec_con .prd_link li a img {width:54px;}
	.ma_sec .ma_sec_con .prd_link li a .txt {font-size:12px; line-height:24px;}

	.ma_news_wrap {padding:40px 30px 70px;}
	.ma_news_wrap .titbox h2 {font-size:22px; line-height:26px;}
	.ma_news_wrap .titbox p {margin-top:3px; font-size:13px; line-height:17px;}
	.ma_news_wrap .ma_news {margin-top:15px;}
	.ma_news_wrap .ma_news li {padding:0;}
	.ma_news_wrap .ma_news li a {padding:15px 60px 15px 0;}
	.ma_news_wrap .ma_news li a h3 {font-size:16px; line-height:24px;}
	.ma_news_wrap .ma_news li a p {font-size:12px; line-height:18px;}
	.ma_news_wrap .ma_news li a .ico {right:0; width:54px; height:54px; margin-top:-27px; background-size:54px;}
}