table
{
	font-family:µ¸¿ò;
	font-size: 9pt;
	color: #666666;
	line-height:16pt;

}

A:link, A:active, A:visited {
	font-family:µ¸¿ò;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}

A:hover {
	font-family:µ¸¿ò;
	font-size:9pt;
	cursor:hand;
	color:#000000;
}

td {
	font-family:µ¸¿ò;
	font-size:9pt;
	color:#666666;
    line-height:16pt;
}

.Form1 {  font-family: "µ¸¿ò"; font-size: 9pt; color: #666666; background-color: #FEFEF5; border: #D7D0C8; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.UText {  font-family: "µ¸¿ò"; font-size: 9pt; line-height: 14pt; color: #808080; text-decoration: none}
.SMText {  font-family: "µ¸¿ò"; font-size: 11px; line-height: 13px; color: #41A2C3; text-decoration: none}
.UText2 {  font-family: "µ¸¿ò"; font-size: 9pt; line-height: 13pt; color: #666666; text-decoration: none}
.bd_Form1 {  font-family: "µ¸¿ò"; font-size: 9pt; color: #bebebe}

/* 20201224 */
body {overflow-x:hidden;}
li {list-style:none;}
.grey_background {position:relative;padding-top:0;font-size:14px !important;}
.grey_background::before {content:'';display:inline-block;width:100%;height:28px;position:absolute;top:0;left:0;background:#9ba1a4;}
.depth2 {display:none;line-height:13px;padding-top:5px;box-sizing:border-box;}
.mainMenu {font-size:0;position:relative;z-index:1;top:-17px;}
.mainMenu::after {content:'';display:inline-block;width:196%;height:28px;background:#9ba1a4;position:absolute;top:0px;right:-196%;}
.mainMenu > ul {padding-left:0;}
.mainMenu > ul > li {position:relative;display:inline-block;font-size:0;}
.mainMenu > ul > li > a {position:relative;display:block;padding-top:4px;padding-bottom:3px;padding-left: 12px;padding-right:23px;box-sizing:border-box;font-size:12px;font-weight:600;color:#fff;transition: all 0.3s ease; }
.mainMenu > ul > li:hover > a {background:#e63f21;}
.mainMenu > ul > li > a span {display:inline-block;font-size:10px;margin-left:3px;font-weight:200;}
.mainMenu > ul > li > a::after {content:'';display:inline-block;width:2px;height:28px;background:#c9cecd;position:absolute;top:0px;right:0;}
.mainMenu > ul > li .depth2 {font-size:0;position:absolute;top:28px;left:10px;padding-left:0;width:547px;box-sizing:border-box;}
.mainMenu > ul > li:hover a + .depth2 {display:block;}
.depth2 ul {padding-left:0;font-size:0; box-sizing:border-box;}
.depth2 ul li {display:inline-block;font-size:0;padding:0;margin:0;}
.depth2 ul li a {line-height:1;display:block;font-size:11px;color:#999;font-weight:600;padding-right:10px;margin-right:10px;position:relative;}
.depth2 ul li a:hover {color:#e63f21;}
.depth2 ul li a::after {content:'/'; font-size: 11px; font-weight:400; color:#555; position:absolute; top:0px;right:-2px;}
.depth2 ul li:last-child a::after {display:none;}
.mainMenu > ul > li:nth-child(3) > .depth2 {left:-270px;}
.mainMenu > ul > li:nth-child(3) > .depth2 a {letter-spacing:-2px;padding-right:5px;margin-right:5px;}
.mainMenu > ul > li:nth-child(4) > .depth2 {left:auto;right:0;text-align:right;}

.mainVisual {position:relative;width:100%;height:513px;background:url('../imges/main_left-1.jpg')no-repeat;padding-bottom:50px;box-sizing:border-box;}
.mainLogo {position:absolute;top:80px;left:20px;animation:mainlogo 2s 1; animation-fill-mode:forwards;opacity:0;}
.mainText {position:absolute;top:120px;left:20px;animation:maintext 2s 1; animation-fill-mode:forwards;opacity:0;animation-delay:0.5s;}
@keyframes mainlogo {0%{}100%{top:60px;opacity:1;}}
@keyframes maintext {0%{}100%{top:100px;opacity:1;}}
.balloon {position:absolute;bottom:0;right:0;width:400px;height:400px;}
.balloon1 {position:absolute;top:140px;left:0;animation: ballMove 2s infinite; }
.balloon2 {position:absolute;top:40px;left:33%;animation: ballMove 2s infinite;  animation-delay:0.3s;}
.balloon3 {position:absolute;top:60px;right:20px;animation: ballMove 2s infinite; animation-delay:0.2s;}
.balloon4 {position:absolute;bottom:90px;left:28%;animation: ballMove 2s infinite; animation-delay:0.65s;}
.balloon5 {position:absolute;bottom:110px;right:40px;animation: ballMove 2s infinite; animation-delay:0.1s;}
@keyframes ballMove { 0%{}50%{transform:translateY(-30px);}100%{transform:translateY(0px);}}
.subVisual {position:relative;overflow:hidden;}
.company2 {position:absolute;right:0;top:160px;animation: subvi2img 3s 1; animation-fill-mode:forwards;}
@keyframes subvi2img {0%{}33%{top:-30px;right:0;}66%{right:30px;}100%{right:0;top:-30px;}}
.company3 {position:absolute;top:40px;left:-30px;opacity:0;animation:company3 1.5s 1; animation-fill-mode:forwards;}
@keyframes company3 {0%{}100%{left:30px;opacity:1;}}
.company_bar {display:inline-block;width:1px;height:30px; position:absolute;top: 45px;left: 190px;background:#82ae97;animation: subbar 1s 1; animation-fill-mode:forwards;opacity:0;animation-delay:0.2s;}
@keyframes subbar {0%{}100%{opacity:1;}}
.company4 {position:absolute;top:45px;left: 310px;opacity:0;animation:company4 2s 1; animation-fill-mode:forwards;}
@keyframes company4 {0%{}100%{left: 210px;opacity:1;}}

.company_bar.biz {background:#787fb2;animation: subbar 1s 1; animation-fill-mode:forwards;opacity:0;animation-delay:1.5s;}
.biz2 {position:absolute;top:10px;right:0;opacity:0;animation: biz1 1.5s 1;animation-fill-mode:forwards;animation-delay:1s;z-index:2;}
@keyframes biz1 {0%{}100%{opacity:100%;}}
.biz3 {position:absolute;bottom:-140px;right:130px;z-index:1;animation: biz2 1.5s 1;animation-fill-mode:forwards;}
@keyframes biz2 {0%{}100%{bottom:-50px;opacity:100%;}}
.biz4 {position:absolute;top:40px;left:-30px;opacity:0;animation:company3 1.5s 1; animation-fill-mode:forwards;animation-delay:1s;}
.biz5 {position:absolute;top:60px;left: 310px;opacity:0;animation:company4 2s 1; animation-fill-mode:forwards;animation-delay:1s;}

.pd2 {position:absolute;bottom:-165px;right:30px;animation: pd2 2s 1; animation-fill-mode:forwards;opacity:0;}
@keyframes pd2 {0%{}100%{bottom:-40px;opacity:1;}}
.company_bar.pd {background:#80a6d1;animation-delay:1s;left: 196px;}
.pd3 {position:absolute;top:40px;left:-30px;opacity:0;animation:company3 1.5s 1; animation-fill-mode:forwards;animation-delay:1s;}
.pd4 {position:absolute;top:60px;left: 310px;opacity:0;animation:company4 2s 1; animation-fill-mode:forwards;animation-delay:1s;}

.sp2 {position:absolute;top:15px;right:-180px;z-index:2;animation: sp2 1s 1; animation-fill-mode:forwards;opacity:0;}
@keyframes sp2 {0%{}100%{right:10px;opacity:1;}}
.sp3 {position:absolute;bottom:25px;right:165px;opacity:0;animation: sp3 1s 1; animation-fill-mode:forwards;opacity:0;animation-delay:0.5s;}
@keyframes sp3 {0%{}100%{right:145px;opacity:1;}}
.sp4 {position:absolute;bottom:-55px;right:150px;animation: sp4 1s 1; animation-fill-mode:forwards;opacity:0;animation-delay:1s;}
@keyframes sp4 {0%{}100%{bottom:-35px;opacity:1;}}
.sp5 {position:absolute;top:40px;left:-30px;opacity:0;animation:company3 1.5s 1; animation-fill-mode:forwards;animation-delay:1s;}
.sp6 {position:absolute;top:45px;left: 300px;opacity:0;animation:company4 1.8s 1; animation-fill-mode:forwards;animation-delay:1.3s;}
.company_bar.sp {top:45px;left: 176px;background:#e4c084;animation-delay:2s;}

.sm2 {position:absolute;right:0;top:-60px;animation: opa 0.5s 1; animation-fill-mode:forwards;opacity:0;}
.sm3 {position:absolute;right:0;bottom:-90px;animation: opa 0.5s 1; animation-fill-mode:forwards; animation-delay:0.3s;opacity:0;}
@keyframes opa {0%{}100%{opacity:1;}}
.sm4 {position:absolute;right:130px;bottom:-40px;animation: sm4 1s 1; animation-fill-mode:forwards; animation-delay:1s;opacity:0;}
@keyframes sm4 {0%{}100%{right:150px;opacity:1;}}
.sm5{position:absolute;top:45px;left: 20px;animation:sm5 1.5s 1; animation-fill-mode:forwards;animation-delay:1s;opacity:0;}
.sm6 {position:absolute;top:60px;left:250px;animation:sm6 1.5s 1; animation-fill-mode:forwards;animation-delay:1.3s;opacity:0;}
@keyframes sm5 {0%{}100%{left:50px;opacity:1;}}
@keyframes sm6 {0%{}100%{left:200px;opacity:1; }}
.company_bar.sm {background:#ff7171;}



/*  */