@charset "UTF-8";

@import url('wrap_font.css');
@import url('jquery.fullpage.min.css');


/* ¸®¼Â */
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#111; word-break: break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}

/* °øÅë */
:root {
	--wrapper-size:1520px;
	--wrap-para:24px;

    --point-color:#277EFF;

	--pretendard-font:'Pretendard';
}

#wrap {overflow:hidden;}
.wrapper {width:var(--wrapper-size); margin:0 auto;}

.con_tit.align_center {text-align:center;}
.con_tit em {color:var(--point-color); font-family:var(--pretendard-font); font-size:20px; font-weight:800; line-height:1.4;}
.con_tit strong {display:block; margin-top:20px; color:rgba(17,17,17,.5); font-family:var(--pretendard-font); font-size:46px; font-weight:800; word-break:keep-all;}
.con_tit strong span {color:#111;}

.con_tit.tit_white strong {color:rgba(255,255,255,.5);}
.con_tit.tit_white strong span {color:#fff;}

/* header */
header {position:fixed; z-index:9999; top:0; left:0; width:100%; padding:35px 0; transition:background .3s linear;}
header .hd_wrapper {display:flex; justify-content:space-between; align-items:center; width:1680px; margin:0 auto;}

header h1 {width:153px; height:33px;}
header h1 a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/ico/ico_logo.png) no-repeat; background-size:contain;}

header nav {display:flex; align-items:center;}
header nav h2 {order:2; width:50px; height:50px; margin-right:-10px; text-indent:-9999px; cursor:pointer; background-image:url(../images/ico/ico_hd_menu.svg); background-repeat:no-repeat; background-position:center; background-size:30px; transition:background .3s ease;}

header nav .lang_selec {position:relative; margin-right:14px;}
header nav .lang_selec i {display:inline-block; width:50px; height:50px; text-indent:-9999px; cursor:pointer; background-image:url(../images/ico/ico_lang.svg); background-repeat:no-repeat; background-size:30px; background-position:center; transition:background .3s ease;}
header nav .lang_selec ul {display:none; position:absolute; z-index:1; top:75px; left:50%; transform:translateX(-50%); width:74px; padding:10px 0; text-align:center; border:1px solid #E5E5E5; background-color:#fff;}
header nav .lang_selec ul li a {display:block; padding:10px 0; color:#9292A5; font-size:12px; font-weight:600; line-height:1; letter-spacing:0;}
header nav .lang_selec ul li:hover a,
header nav .lang_selec ul li.on a {color:#333;}

header .gnb {position:absolute; z-index:1; top:0; left:50%; transform:translateX(-50%); width:980px; margin-left:24px;}
header .gnb .menu {display:flex; justify-content:center; align-items:center;}
header .gnb .menu > li {position:relative; flex-shrink:0;}
header .gnb .menu > li > a {display:block; padding:50px 42px; color:#fff; font-family:var(--pretendard-font); font-size:17px; font-weight:700; letter-spacing:-0.02em; transition:color .3s ease;} 

header .gnb .menu .sub-menu {display:none; position:absolute; z-index:1; top:120px; left:50%; transform:translateX(-50%); width:144px; padding:22px 0; text-align:center; border:1px solid #E5E5E5; background-color:#fff;}
header .gnb .menu .sub-menu::before {content:''; position:absolute; z-index:1; top:-3px; left:-1px; width:calc(100% + 2px); height:3px; background-color:#0A0A71;}
header .gnb .menu .sub-menu li a {display:block; padding:10px; color:#9292A5; font-family:var(--pretendard-font); font-size:14px; font-weight:600; line-height:1; transition:color .3s ease;}
header .gnb .menu .sub-menu li:hover a {color:#333;} 

header.hd_black {background-color:#fff;}
header.hd_black h2 {background-image:url(../images/ico/ico_hd_menu_black.svg);}
header.hd_black nav .lang_selec i {background-image:url(../images/ico/ico_lang_black.svg);}
header.hd_black .gnb .menu > li > a {color:#111;}

/* Àüü ¸Þ´º */
header .all_menu {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100vh; padding:270px 0 200px; overflow-y:auto; background-color:#000; -ms-overflow-style:none; scrollbar-width:none;}
header .all_menu::-webkit-scrollbar {display:none;}
header .all_menu .wrapper {width:1030px;}
header .all_menu .menu {display:flex; flex-wrap:wrap; justify-content:space-between;}
header .all_menu .menu::before {content:''; flex:1 100%; display:block; width:184px; height:40px; margin-bottom:100px; background:url(../images/ico/ico_logo_white.png) no-repeat; background-size:contain;}
header .all_menu .menu::after {display:none;}
header .all_menu .menu > li {margin-right:100px;}
header .all_menu .menu > li:first-of-type {display:none;}
header .all_menu .menu > li:last-of-type {margin-right:0;}
header .all_menu .menu > li > a {display:block; position:relative; margin-bottom:30px; color:#fff; font-family:var(--pretendard-font); font-size:32px; line-height:1; font-weight:800; pointer-events:none; cursor:pointer;}
header .all_menu .menu > li > a::after {content:''; position:absolute; z-index:1; top:-24px; right:-12px; width:12px; height:12px; opacity:0; border-radius:50%; background-color:#0002F8; transition:opacity .3s ease;}
header .all_menu .menu .sub-menu {display:block;}
header .all_menu .menu .sub-menu li a {display:block; padding:9px 0; color:rgba(255,255,255,.7); font-family:var(--pretendard-font); font-size:18px; font-weight:600; line-height:1.2; transition:color .3s ease;}

header .all_menu .menu_close {position:fixed; z-index:1; top:23px; right:23px; width:80px; height:80px; text-indent:-9999px; background:url(../images/ico/ico_menu_close.svg) no-repeat center; background-size:30px;}

header .all_menu .menu > li:hover a::after {opacity:1;} 
header .all_menu .menu .sub-menu li:hover a {color:#fff;}
/* footer */
footer {padding:60px 0; background-color:#151515;}
footer .wrapper {display:flex; justify-content:space-between; align-items:center;}
footer .ft_logo {width:200px; height:43px; text-indent:-9999px; background:url(../images/ico/ico_ft_logo.png) no-repeat; background-size:contain;}
footer .info address p {color:rgba(255,255,255,.6); font-family:var(--pretendard-font); font-weight:500;}
footer .info address p + p {margin-top:4px;}
footer .info address p a {color:inherit; font-family:inherit;}
footer .info .copy {margin-top:4px; color:rgba(255,255,255,.4); font-family:var(--pretendard-font); font-weight:500;}


/* quick_menu */
.quick_menu {display:none; position:fixed; z-index:999; right:38px; bottom:86px;}
.quick_menu a {display:block;}
.quick_menu .top_btn {width:70px; height:70px; text-indent:-9999px; border-radius:50%; background:var(--point-color) url(../images/ico/ico_quick_top.svg) no-repeat center; background-size:34px;}


/* fullpage navi */
#fp-nav.right {right:100px;}

#fp-nav ul {position:relative;}
#fp-nav ul::after {content:''; position:absolute; z-index:1; top:calc(50% + 4px); left:50%; transform:translate(-50%,-50%); width:1px; height:100%; background-color:rgba(225,225,225,.5);}
#fp-nav ul li {position:relative; z-index:2; width:8px; height:8px; margin:0;}
#fp-nav ul li + li {margin-top:36px;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li a::before {content:''; position:absolute; z-index:1; top:calc(50% + 4px); left:50%; transform:translate(-50%,-50%); width:38px; height:38px; opacity:0; border:1px solid var(--point-color); border-radius:50%; transition:opacity .4s ease;}
#fp-nav ul li a span {left:inherit !important; width:100%; height:100%; margin:0; background-color:rgba(225,225,225,.5); transition:background .4s ease;}

#fp-nav ul li a.active::before,
#fp-nav ul li:hover a.active::before {opacity:1;}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
#fp-nav ul li:hover a span {width:100%; height:100%; margin:0;}

#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span {transform:inherit !important; background-color:var(--point-color);}


@media all and (max-width:1680px) {
	/* header */
	header .hd_wrapper {width:100%; padding-left:var(--wrap-para); padding-right:var(--wrap-para);}
	header .gnb {width:720px;}
}

@media all and (max-width:1520px) {
	/* °øÅë */
	:root {
		--wrapper-size:1200px;
	}

	.wrapper {padding-left:var(--wrap-para); padding-right:var(--wrap-para);}

	/* footer */
	footer .wrapper {justify-content:flex-start;}
	footer .ft_logo {flex-shrink:0; margin-right:100px;}


	/* fullpage navi */
	#fp-nav.right {right:50px;}
}

@media all and (max-width:1200px) {
	/* °øÅë */
	:root {
		--wrapper-size:100%;
	}

	.con_tit em {font-size:18px;}
	.con_tit strong {font-size:40px;}

	/* header */
	header {padding:27px 0;}

	header nav .lang_selec {margin-right:4px;}
	header nav .lang_selec ul {top:67px;}

	header .gnb {width:640px; margin-left:32px;}
	header .gnb .menu > li > a {padding:40px 36px; font-size:16px;} 

	/* Àüü ¸Þ´º */
	header .all_menu {padding:160px 0 140px;}
	header .all_menu .menu::before {margin-bottom:80px;}
	header .all_menu .menu > li > a {font-size:28px;}
	header .all_menu .menu .sub-menu li a {font-size:16px;}

	/* quick_menu */
	.quick_menu {bottom:50px;}


	/* fullpage navi */
	#fp-nav {display:none !important;}
}

@media all and (max-width:1024px) {
	/* °øÅë */
	:root {
		--wrap-para:20px;
	}

	.con_tit strong {margin-top:16px; font-size:32px;}

	/* header */
	header {padding:15px 0; background-color:#fff;}
	header h1 {width:140px; height:30px;}

	header nav h2 {background-image:url(../images/ico/ico_hd_menu_black.svg);}
	header nav .lang_selec i {background-image:url(../images/ico/ico_lang_black.svg);}

	header .gnb {display:none;}

	/* Àüü ¸Þ´º */
	header .all_menu .wrapper {width:100%;}
	header .all_menu .menu > li {margin-right:60px;}
	header .all_menu .menu > li > a {font-size:24px;}

	header .all_menu .menu_close {top:20px; right:20px;}

	/* footer */
	footer .wrapper {display:block;}
	footer .ft_logo {width:180px; height:40px; margin-right:0; margin-bottom:40px;}

	/* quick_menu */
	.quick_menu {right:40px; bottom:40px;}
	.quick_menu .top_btn {width:60px; height:60px; background-size:30px;}
}

@media all and (max-width:768px) {
	/* °øÅë */
	.con_tit em {font-size:3.646vw;}
	.con_tit strong {margin-top:2.604vw; font-size:5.990vw;}

	/* header */
	header h1 {width:130px; height:28px;}

	header nav h2 {background-size:26px;}
	header nav .lang_selec {margin-right:0;}
	header nav .lang_selec i {background-size:26px;}

	/* Àüü ¸Þ´º */
	header .all_menu {padding:120px 0 100px;}
	header .all_menu .menu::before {width:160px; height:35px; margin-bottom:0;}
	header .all_menu .menu > li {flex:1 50%; margin-top:60px; margin-right:0;}
	header .all_menu .menu > li > a {display:inline-block; margin-bottom:24px; font-size:20px;}
	header .all_menu .menu .sub-menu li a {font-size:14px;}

	header .all_menu .menu_close {top:0; right:0;}

	/* footer */
	footer .ft_logo {width:164px; height:36px; margin-bottom:32px;}
	footer .info address p {font-size:14px;}
	footer .info .copy {font-size:14px;}

	/* quick_menu */
	.quick_menu {right:30px; bottom:30px;}
	.quick_menu .top_btn {width:50px; height:50px; background-size:26px;}
}

@media all and (max-width:480px) {
	/* header */
	header h1 {width:120px; height:26px;}

	/* Àüü ¸Þ´º */
	header .all_menu {padding:80px 0;}
	header .all_menu .menu::before {width:140px; height:30px;}

	/* footer */
	footer {padding:50px 0;}
	footer .ft_logo {width:155px; height:34px; margin-bottom:24px;}
	footer .info address p {font-size:12px;}
	footer .info .copy {font-size:12px;}

	/* quick_menu */
	.quick_menu {right:20px; bottom:20px;}
	.quick_menu .top_btn {width:40px; height:40px; background-size:24px;}
}



/* ***************************************************************************************************** */


/* main_visual */
.main_visual {position:relative; background:url(../images/bg/bg_main_visual.jpg) no-repeat center; background-size:cover;}
.main_visual .txt {width:1550px; margin:0 auto;}
.main_visual .txt strong {display:block; color:#fff; font-family:var(--pretendard-font); font-size:60px; font-weight:700; letter-spacing:-0.02em;}
.main_visual .txt strong span {display:block; width:300px; height:65px; margin-top:16px; text-indent:-9999px; background:url(../images/ico/ico_logo.png) no-repeat; background-size:contain;}

.main_visual .scroll {position:absolute; z-index:5; left:50%; bottom:0; transform:translateX(-50%); color:var(--white-color);}
.main_visual .scroll span {display:block; margin-bottom:16px; color:#fff; font-family:var(--pretendard-font); font-size:14px; letter-spacing:0.07em;}
.main_visual .scroll .bar {position:relative; width:1px; height:50px; margin:0 auto; background:rgba(255,255,255,0.2); overflow:hidden;}
.main_visual .scroll .bar::after {animation:scrollani 2s ease infinite; content:''; position:absolute; z-index:1; top:0; left:0; width:1px; height:16px; background:#fff;}

@keyframes scrollani {
	0% {top:-16px}
	100% {top:50px;}
}

/* main_skill */
.main_skill {background:url(../images/bg/bg_main_skill.jpg) no-repeat center; background-size:cover;}
.main_skill .con_tit {margin-bottom:60px;}
.main_skill .con_tit strong {font-size:36px; line-height:1.55;}

.main_skill .skill_con {display:flex;}
.main_skill .skill_con li {flex:1; position:relative; height:440px; margin-right:24px; border-radius:30px; background-repeat:no-repeat; background-size:cover; background-position:center; transition:flex .4s ease;}
.main_skill .skill_con li:last-of-type {margin-right:0;}
.main_skill .skill_con li.on {flex:0 63.82%;}
.main_skill .skill_con li a {display:block; width:100%; height:100%;}
.main_skill .skill_con li strong {position:absolute; z-index:1; left:50px; bottom:36px; color:#fff; font-family:var(--pretendard-font); font-size:18px;}

.main_skill .skill_con .layout {background-image:url(../images/pic/pic_main_skill01.jpg);}
.main_skill .skill_con .technology {background-image:url(../images/pic/pic_main_skill02.jpg);}
.main_skill .skill_con .system {background-image:url(../images/pic/pic_main_skill03.jpg);}

/* main_prod */
.main_prod .con_tit {margin-bottom:170px;}

.main_prod .prod_con .slick-slide {display:inline-block; position:relative; width:880px; height:494px; margin-right:50px; cursor:pointer; overflow:hidden; border-radius:30px;}
.main_prod .prod_con .slick-slide .pic {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity .3s ease;}
.main_prod .prod_con .slick-slide .pic img {width:100%; height:100%; object-fit:cover;}
.main_prod .prod_con .slick-slide .prod_video {border-radius:30px; -webkit-border-radius:30px; overflow:hidden; -webkit-appearance:none; -moz-appearance:none;}
.main_prod .prod_con .slick-slide .prod_video video {position:relative; width:100%; height:100%; border-radius:30px; -webkit-border-radius:30px; overflow:hidden; -webkit-appearance:none; -moz-appearance:none; object-fit:cover;}
.main_prod .prod_con .slick-slide .prod_video video source {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.main_prod .prod_con .slick-slide strong {position:absolute; z-index:10; left:60px; bottom:44px; color:#344151; font-family:var(--pretendard-font); font-size:24px; font-weight:800; line-height:1.4; letter-spacing:-0.02em; opacity:1; transition:opacity .3s ease;}
.main_prod .prod_con .slick-slide .move_btn {position:absolute; z-index:2; right:40px; bottom:40px; padding:12px 44px 12px 24px; color:#fff; font-weight:600; line-height:1.2; border-radius:8px; background-color:var(--point-color); background-image:url(../images/ico/ico_main_prod_arw.svg); background-repeat:no-repeat; background-size:16px; background-position:center right 24px;}

.main_prod .prod_con .slick-slide:hover .pic,
.main_prod .prod_con .slick-slide:hover strong {opacity:0;}

/* main_field */
.main_field .wrapper {display:flex; justify-content:space-between; align-items:flex-start;}
.main_field .con_tit {flex-shrink:0; margin-right:90px;}
.main_field .con_tit strong {font-size:40px;}
.main_field .con_tit strong span {font-size:46px;}

.main_field ul {display:flex; flex-wrap:wrap; margin:-8px;}
.main_field ul li {flex:1 calc(50% - 16px); position:relative; margin:8px; overflow:hidden; border-radius:30px;}
.main_field ul li:nth-of-type(even) {transform:translateY(-70px);}
.main_field ul li .pic {height:290px;}
.main_field ul li .pic img {width:100%; height:100%;}
.main_field ul li strong {position:absolute; z-index:1; right:48px; bottom:30px; color:#fff; font-family:var(--pretendard-font); font-size:24px;}

/* main_contact */
.main_contact {background:url(../images/bg/bg_main_contact.jpg) no-repeat center; background-size:cover;}
.main_contact .wrapper {display:flex; justify-content:space-between; align-items:flex-start;}

.main_contact ul {display:flex; align-items:stretch;}
.main_contact ul li {min-width:274px; margin-right:18px; border-radius:30px; background-color:rgba(255,255,255,.1); transition:background .4s ease;}
.main_contact ul li:last-of-type {margin-right:0;}
.main_contact ul li > a {display:block; width:100%; height:100%;}
.main_contact ul li .txt {padding:134px 0 48px; color:#fff; text-align:center; background-repeat:no-repeat; background-size:70px; background-position:top 48px center;}
.main_contact ul li .txt strong {display:block; margin-bottom:16px; font-size:22px; font-weight:600;}
.main_contact ul li .txt p {font-size:18px; font-weight:400; word-break:keep-all;}
.main_contact ul li .txt p a {display:block; color:#fff; font-weight:400;}

.main_contact ul li.c_loca .txt {background-image:url(../images/ico/ico_main_contact_loca.svg);}
.main_contact ul li.c_counsel .txt {background-image:url(../images/ico/ico_main_contact_counsel.svg);}
.main_contact ul li.c_tel .txt {background-image:url(../images/ico/ico_main_contact_tel.svg);}

.main_contact ul li:hover {background-color:#1271F3;}

.sub .company .certification article .cont .table .w200 {width:200px;}

@media all and (max-width:1520px) {
	/* main_visual */
	.main_visual .txt {width:100%; padding-left:var(--wrap-para); padding-right:var(--wrap-para);}
	.main_visual .txt strong {font-size:50px;}
	.main_visual .txt strong span {width:280px; height:60px; margin-top:16px;}

	/* main_skill */
	.main_skill .skill_con li.on {flex:0 60%;}
	.main_skill .skill_con li strong {left:40px; bottom:32px;}

	/* main_prod */
	.main_prod .con_tit {margin-bottom:150px;}
	.main_prod .prod_con .slick-slide {width:780px; height:438px;}

	/* main_field */
	.main_field .wrapper {display:block;}
	.main_field .con_tit {margin-bottom:40px; margin-right:0;}
	.main_field .con_tit strong {font-size:36px;}
	.main_field .con_tit strong span {font-size:40px;}
	.main_field ul li .pic {height:250px;}

	/* main_contact */
	.main_contact .wrapper {display:block;}
	.main_contact .con_tit {margin-bottom:60px;}

	.main_contact ul li {flex:1; min-width:auto;}
}

@media all and (max-width:1200px) {
	/* °øÅë */
	.section:not(footer, .main_visual) {height:100% !important; padding:180px 0;}
	.section:not(footer, .main_visual) .fp-tableCell {height:100% !important;}
	.section:not(footer, .main_visual) .wrapper {transform:none !important;}

	/* main_visual */
	.main_visual .txt strong {font-size:40px;}
	.main_visual .txt strong span {width:250px; height:55px;}

	/* main_prod */
	.main_prod .con_tit {margin-bottom:80px;}
	.main_prod .prod_con .slick-slide .move_btn {right:32px; bottom:32px; padding:12px 34px 12px 20px; background-position:center right 14px;}
}

@media all and (max-width:1024px) {
	/* °øÅë */
	.section:not(footer, .main_visual) {padding:160px 0;}

	/* main_skill */
	.main_skill .con_tit {margin-bottom:50px;}
	.main_skill .con_tit strong {font-size:32px;}

	.main_skill .skill_con li {height:360px; margin-right:16px; border-radius:24px;}
	.main_skill .skill_con li.on {flex:0 50%;}
	.main_skill .skill_con li strong {left:32px; bottom:24px;}

	/* main_prod */
	.main_prod.section {padding-bottom:60px;}
	.main_prod .con_tit {margin-bottom:50px;}

	.main_prod .prod_con .slick-slide {width:650px; height:365px; margin-right:40px; border-radius:24px;}
	.main_prod .prod_con .slick-slide .pic {-webkit-border-radius:24px;}
	.main_prod .prod_con .slick-slide .prod_video {-webkit-border-radius:24px;}
	.main_prod .prod_con .slick-slide .prod_video video {border-radius:24px; -webkit-border-radius:24px;}
	.main_prod .prod_con .slick-slide strong {left:50px; bottom:40px; font-size:20px;}
	.main_prod .prod_con .slick-slide .move_btn {right:24px; bottom:24px; font-size:14px; background-size:14px; background-position:center right 14px;}

	/* main_field */
	.main_field .con_tit {margin-bottom:50px;}
	.main_field .con_tit strong {font-size:32px;}
	.main_field .con_tit strong span {font-size:36px;}

	.main_field ul li .pic {height:240px;}
	.main_field ul li strong {right:32px; bottom:24px; font-size:20px;}

	/* main_contact */
	.main_contact .con_tit {margin-bottom:50px;}

	.main_contact ul li {border-radius:24px;}
	.main_contact ul li .txt {padding:124px 0 48px; background-size:60px;}
	.main_contact ul li .txt strong {font-size:20px;}
	.main_contact ul li .txt p {font-size:16px;}
}

@media all and (max-width:768px) {
	/* °øÅë */
	.section:not(footer, .main_visual) {padding:140px 0;}

	/* main_visual */
	.main_visual .txt strong {font-size:7.813vw;}
	.main_visual .txt strong span {width:39.063vw; height:8.333vw; margin-top:3.385vw;}

	/* main_skill */
	.main_skill .con_tit {margin-bottom:40px;}
	.main_skill .con_tit strong {font-size:5.990vw;}

	.main_skill .skill_con {display:block;}
	.main_skill .skill_con li {height:44.271vw; margin-right:0; border-radius:3.906vw;}
	.main_skill .skill_con li + li {margin-top:3.906vw;}
	.main_skill .skill_con li strong {left:28px; bottom:24px; font-size:3.646vw;}

	/* main_prod */
	.main_prod .con_tit {margin-bottom:40px;}

	.main_prod .prod_con .slick-slide {width:84.635vw; height:47.73vw; margin-right:3.906vw; border-radius:3.906vw; -webkit-border-radius:3.906vw;}
	.main_prod .prod_con .slick-slide .pic {-webkit-border-radius:3.906vw;}
	.main_prod .prod_con .slick-slide .prod_video {-webkit-border-radius:3.906vw;}
	.main_prod .prod_con .slick-slide .prod_video video {border-radius:3.906vw; -webkit-border-radius:3.906vw;}
	.main_prod .prod_con .slick-slide strong {left:28px; bottom:20px; font-size:3.506vw;}
	.main_prod .prod_con .slick-slide .move_btn {right:20px; bottom:20px; padding:1.563vw 4.427vw 1.563vw 2.604vw; font-size:2.506vw; border-radius:1.042vw; background-size:1.823vw; background-position:center right 1.823vw;}

	/* main_field */
	.main_field .con_tit {margin-bottom:40px;}
	.main_field .con_tit strong {font-size:5.208vw;}
	.main_field .con_tit strong span {font-size:5.990vw;}

	.main_field ul {display:block; margin:0;}
	.main_field ul li {margin:0; border-radius:3.906vw;}
	.main_field ul li + li {margin-top:3.906vw;}
	.main_field ul li:nth-of-type(even) {transform:none;}
	.main_field ul li .pic {height:44.271vw;}
	.main_field ul li strong {right:28px; bottom:20px; font-size:4.167vw;}

	/* main_contact */
	.main_contact .con_tit {margin-bottom:40px;}

	.main_contact ul {display:block;}
	.main_contact ul li {margin-right:0; border-radius:3.906vw;}
	.main_contact ul li + li {margin-top:3.906vw;}
	.main_contact ul li .txt {padding:18.750vw 0 7.552vw; background-size:10.417vw; background-position:top 7.552vw center;}
	.main_contact ul li .txt strong {margin-bottom:2.604vw; font-size:4.167vw;}
	.main_contact ul li .txt p {font-size:3.646vw;}

	.sub .company .certification article .cont .table .w200 {width:150px;}
	.sub .company .certification article .cont .table table th {font-size:15px; line-height:1.5; padding:10px 5px;}
	.sub .company .certification article .cont .table table td {font-size:13px; line-height:1.5; padding:10px 5px;}
}

@media all and (max-width:480px) {
	/* °øÅë */
	.section:not(footer, .main_visual) {padding:100px 0;}

	/* main_visual */
	.main_visual .scroll span {font-size:13px;}

	/* main_skill */
	.main_skill .con_tit {margin-bottom:32px;}
	.main_skill .skill_con li strong {left:24px;}

	/* main_prod */
	.main_prod.section {padding-bottom:20px;}
	.main_prod .con_tit {margin-bottom:32px;}

	.main_prod .prod_con .slick-slide {width:75vw; height:42.083vw;}
	.main_prod .prod_con .slick-slide strong {left:20px; bottom:16px;}
	.main_prod .prod_con .slick-slide .move_btn {right:16px; bottom:16px;}


	/* main_field */
	.main_field .con_tit {margin-bottom:32px;}

	/* main_contact */
	.main_contact .con_tit {margin-bottom:32px;}

	.sub .company .certification article .cont {overflow-x:scroll;}
	.sub .company .certification article .cont .table .w200 {width:90px;}
	.sub .company .certification article .cont .table {min-width:335px;}
}