/*@import url( https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap );*/

* {
	outline: 0px; -ms-word-break: keep-all;
}
.quick {
	transition:0.8s; right: 40px; bottom: 140px; position: fixed; z-index: 9999; opacity: 0;
}
.quick.on {
	opacity: 1;
}
.quick ul li {
	margin-bottom: 20px;
}
.quick ul li a {
	background: rgb(255, 255, 255); border-radius: 50%; border: 1px solid rgb(73, 42, 114); border-image: none; width: 90px; height: 90px; text-align: center; color: rgb(73, 42, 114); line-height: 23px; letter-spacing: -0.5px; padding-top: 22px; font-size: 14px; font-weight: 300; vertical-align: middle; display: block;
}
.quick ul li.mt a {
	padding-top: 33px;
}
.quick ul li.on a {
	background: rgb(73, 42, 114); color: rgb(255, 255, 255);
}


#scroll {
	background: url("../images_2020/common/scroll_down.png") no-repeat center; width: 72px; height: 80px; right: 40px; bottom: 50px; position: fixed; z-index: 100; cursor: pointer; display: none
}
#scroll i {
	background: url("../images_2020/common/scroll_i.png") no-repeat center; transition:0.5s; animation:scroll 1s ease-in-out infinite; left: 45%; top: 45%; width: 14px; height: 28px; display: block; position: absolute; transform: translate(-50%, -50%);
}
#scroll a {
	width: 100%; height: 100%; display: block;
}
.show#scroll {display: block}
.show#scroll i {
	transform: translate(-50%, -50%) rotate(180deg); transition:0.5s; 
}

.main_visual {
	background: rgb(0, 0, 0); top: 0px; width: 100%; height: 100vh; position: relative; z-index: 3;
}
.main_visual .main_slider {
	height: 100vh; overflow: hidden; position: relative;
}
.main_visual .main_slider .slide_box {
	width: 100%; height: 100vh; overflow: hidden; position: relative; background-color: rgb(255, 255, 255);
}
.main_visual .main_slider .slide_box > div {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; overflow: hidden; position: absolute; z-index: 3; opacity: 0;
}
.main_visual .main_slider .slide_box > div {
	transition:0.7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out;
}
.main_visual .main_slider .slide_box .main_img {
	transition:8s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: scale(1.2); -moz-transition: all 8s; -webkit-transition: all 8s; -o-transition: all 8s;
}
.main_visual .main_slider .slide_box {
	background: rgb(0, 0, 0);
}
.main_visual .main_slider .slide_box .main_img img {
	transition:1s; display: block; min-width: 100%; opacity: 0;
}
.main_visual .main_slider .slide_box .on .main_img img {
	opacity: 1;
}
.main_visual .main_slider .slide_box > div.on .main_img {
	transform: perspective(500px) rotate(0.001deg);
}
.main_visual .main_slider .slide_box .box1 {
	/*background: url("../images_2020/main/main_visual01.jpg") no-repeat center / cover;*/ background-color: rgba(0,0,0,1.00)
}
.main_visual .main_slider .slide_box .box1 .inner_mov {position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;}






.main_visual .main_slider .slide_box .inner {
	left: 50%; top: 50%; width: 100%; position: absolute; transform: translate(-50%, -50%);
}
.main_visual .main_slider .slide_box .in_obj {
	margin: 0px auto; width: 1400px; text-align: left; position: relative;
}
.main_visual .main_slider .slide_box div strong {
	transition:top 1s 0.6s; left: 0px; top: 0px; display: block; position: relative; opacity: 1; -webkit-transition: top 1s; -o-transition: top 1s;
}
.main_visual .main_slider .slide_box div strong i {
	transition:; top: 0px; line-height: 90px; position: relative; opacity: 0; -moz-transition: top 1s ease-in-out, opacity 1s ease-in-out; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out;}

.main_visual .main_slider .slide_box div strong i.text01 {
	transition-delay: 0.6s;
}
.main_visual .main_slider .slide_box div strong i.text02 {
	transition-delay: 0.65s;
}
.main_visual .main_slider .slide_box div strong i.text03 {
	transition-delay: 0.7s;
}
.main_visual .main_slider .slide_box div strong i.text04 {
	transition-delay: 0.75s;
}
.main_visual .main_slider .slide_box div strong i.text05 {
	transition-delay: 0.8s;
}
.main_visual .main_slider .slide_box div strong i.text06 {
	transition-delay: 0.85s;
}
.main_visual .main_slider .slide_box div strong i.text07 {
	transition-delay: 0.9s;
}
.main_visual .main_slider .slide_box div strong i.text08 {
	transition-delay: 0.95s;
}
.main_visual .main_slider .slide_box div strong i.text09 {
	transition-delay: 1s;
}
.main_visual .main_slider .slide_box div strong i.text10 {
	transition-delay: 1.05s;
}
.main_visual .main_slider .slide_box div strong i.text11 {
	transition-delay: 1.15s;
}
.main_visual .main_slider .slide_box div strong i.text12 {
	transition-delay: 1.2s;
}
.main_visual .main_slider .slide_box div strong i.text13 {
	transition-delay: 1.25s;
}
.main_visual .main_slider .slide_box div strong i.text14 {
	transition-delay: 1.3s;
}
.main_visual .main_slider .slide_box div strong i.text15 {
	transition-delay: 1.35s;
}
.main_visual .main_slider .slide_box div strong i.text16 {
	transition-delay: 1.4s;
}
.main_visual .main_slider .slide_box div strong i.text17 {
	transition-delay: 1.45s;
}
.main_visual .main_slider .slide_box div strong i.text18 {
	transition-delay: 1.5s;
}
.main_visual .main_slider .slide_box div strong i.text19 {
	transition-delay: 1.55s;
}
.main_visual .main_slider .slide_box div strong i.text20 {
	transition-delay: 1.6s;
}
.main_visual .main_slider .slide_box div strong i.text21 {
	transition-delay: 1.65s;
}
.main_visual .main_slider .slide_box div strong i.text22 {
	transition-delay: 1.7s;
}
.main_visual .main_slider .slide_box div strong i.text23 {
	transition-delay: 1.75s;
}
.main_visual .main_slider .slide_box div strong i.text24 {
	transition-delay: 1.8s;
}
.main_visual .main_slider .slide_box div strong i.text25 {
	transition-delay: 1.85s;
}
.main_visual .main_slider .slide_box div strong i.text26 {
	transition-delay: 1.9s;
}
.main_visual .main_slider .slide_box div strong i.text27 {
	transition-delay: 1.95s;
}
.main_visual .main_slider .slide_box div strong i.text28 {
	transition-delay: 2s;
}
.main_visual .main_slider .slide_box div strong i.text29 {
	transition-delay: 2.05s;
}
.main_visual .main_slider .slide_box div strong i.text30 {
	transition-delay: 2.1s;
}
.main_visual .main_slider .slide_box div strong i.text31 {
	transition-delay: 2.15s;
}
.main_visual .main_slider .slide_box div strong i.text32 {
	transition-delay: 2.2s;
}
.main_visual .main_slider .slide_box div strong i.text33 {
	transition-delay: 2.25s;
}



.main_visual .main_slider .slide_box div.on strong i {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box div strong i {
	 font-size: inherit; font-weight: inherit;
}
.main_visual .main_slider .slide_box div div.wrap_tit {
	transition:1s 0.6s; display: block; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s;
}
.main_visual .main_slider .slide_box div.on div.wrap_tit {
	opacity: 1;
}
.main_visual .main_slider .slide_box div span {
	transition:; left: 0px; top: 50px; display: block; position: relative; opacity: 0; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out;
}
.main_visual .main_slider .slide_box div p {
	transition:all; left: -900px; top: -400px; width: 915px; height: 1000px; right: -100%; display: block; position: absolute; opacity: 0; -moz-transition: all .0s; -webkit-transition: all .0s; -o-transition: all .0s;
}
.main_visual .main_slider .slide_box div.on p {
	transition:0.6s; left: 900px; position: relative; opacity: 1; -webkit-transition: all .6s; -o-transition: all .6s;
}
.main_visual .main_slider .slide_box > div.on strong {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box div em {
	transition:1s 0.9s; top: 50px; text-align: left; color: rgb(255, 255, 255); line-height: 48px; font-size: 44px; font-weight: 100; margin-top: 30px; position: relative; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s;
}
.main_visual .main_slider .slide_box div.on em {
	
}
.main_visual .main_slider .slide_box > div.on {
	z-index: 5; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on em {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on span {
	top: 0px; opacity: 1; 
}
.main_visual .main_slider .slide_box > div.on strong {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box > div strong {
	color: rgb(255, 255, 255); line-height: 90px; font-weight: 600; margin-bottom: 45px; display: block;      
    font-size: 70px; letter-spacing: -0.02em;
}
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)
{
.main_visual .main_slider .slide_box > div strong {
	margin-bottom: 10px;
}
}
.main_visual .main_slider .slide_box > div span {
	color: rgb(255, 255, 255);  letter-spacing: -0.5px; font-weight: 300; display: block;
    padding-left: 0px;line-height: 26px; font-size: 18px;  padding-top: 30px
}
.main_visual .main_slider .inner {
	position: relative; top: 48%;     z-index: 2;
}
.main_visual .main_slider .in_obj > a {
	width: 180px; height: 66px; text-align: center; right: 21px; bottom: 12px; line-height: 60px; font-size: 16px; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute;
}
.main_visual .main_slider .in_obj > a::before {
	background: url("") no-repeat center; left: -21px; top: -2px; width: 21px; height: 66px; display: block; position: absolute; content: "";
}
.main_visual .main_slider .in_obj > a::after {
	background: url("") no-repeat center; top: -2px; width: 21px; height: 66px; right: -21px; display: block; position: absolute; content: "";
}
.main_visual .main_slider .in_obj > a i {
   transition:0.4s; left: 0px; width: 5px; height: 10px; margin-left: 32px; display: inline-block; position: relative;
}
.main_visual .main_slider .in_obj > a .bg {
	transition:0.6s; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; background-color: rgba(7, 38, 89, .6);
}
.main_visual .main_slider .in_obj > a:hover .bg {
	width: 100%;
}
.main_visual .main_slider .in_obj > a .tex {
	color: rgb(255, 255, 255); font-weight: 400; display: inline-block; position: relative; z-index: 1;
}
.main_visual .main_slider .in_obj > a:hover i {
	left: 10px;
}

.thum_wrap {
	left: 0px; width: 100%; text-align: center; right: 0px; bottom: 250px; line-height: 0; font-size: 0px; position: absolute; z-index: 10;
}
.thum {
	display: inline-block;
}
.thum li {
	 transition:all; width: 23px; height: 23px; margin-left: 25px; display: inline-block; cursor: pointer;
}
.thum li:first-child {
	margin-left: 0px;
}
.thum li.on {
	 transition:0.5s; width: 28px; height: 25px; transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg);
}
.thum li.last {
	display: none;
}
section .wrap {/*width: 100%; margin: 0px auto 10px; position: relative*/}
section .wrap .visual {position: relative; margin: 0 auto; background-color: rgba(0,0,0,1.00)}
.main_visual {top:0px;}
.main_visual .btn_duct {
	width: 100%; bottom: 10px; position: absolute;
}
.main_visual .btn_duct ul li {
	width: 300px; height: 300px; overflow: hidden; margin-left: -4px; display: inline-block; position: relative; z-index: 7;
}
.main_visual .btn_duct ul li a {
	width: 100%; height: 100%; display: block;
}
.main_visual .btn_duct ul li:first-child {
	transition:0.8s ease-in-out; top: 30px; opacity: 0;
}
.main_visual .btn_duct ul li:nth-child(3) {
	transition:0.8s ease-in-out; top: 30px; opacity: 0;
}
.main_visual .btn_duct.on ul li:first-child {
	top: 0px; opacity: 1;
}
.main_visual .btn_duct.on ul li:nth-child(3) {
	top: 0px; opacity: 1;
}
.main_visual .btn_duct ul li:nth-child(2) {
	transition:0.8s ease-in-out; top: -10px; opacity: 0;
}
.main_visual .btn_duct ul li:nth-child(4) {
	transition:0.8s ease-in-out; top: -10px; opacity: 0;
}
.main_visual .btn_duct.on ul li:nth-child(2) {
	top: -40px; opacity: 1;
}
.main_visual .btn_duct.on ul li:nth-child(4) {
	top: -40px; opacity: 1;
}
.main_visual .btn_duct.on ul li:first-child {
	transition-delay: 0.8s;
}
.main_visual .btn_duct.on ul li:nth-child(2) {
	transition-delay: 1.2s;
}
.main_visual .btn_duct.on ul li:nth-child(3) {
	transition-delay: 1.6s;
}
.main_visual .btn_duct.on ul li:nth-child(4) {
	transition-delay: 2s;
}
.main_visual .btn_duct ul {
	margin: 0px auto; width: 1200px;
}
.main_visual .btn_duct ul li img {
	transition:0.6s ease-in; left: 0px; top: 0px; position: absolute;
}
.main_visual .btn_duct ul li .img2 {
	height: 121px; bottom: -20px; display: inline-block; position: absolute;
}
.main_visual .btn_duct.on ul li .img21 {
	bottom: 15px;
}
.main_visual .btn_duct.on ul li .img2 img {
	transition:0.4s ease-in; top: 0px; position: relative;
}
.main_visual .btn_duct.on ul li:hover .img2 img {
	top: -10px;
}
.main_visual .btn_duct ul li .img22 {
	left: 50%; height: 175px; margin-left: -81.5px;
}
.main_visual .btn_duct ul li .img23 {
	left: 50%; height: 175px; margin-left: -112.5px;
}
.main_visual .btn_duct ul li .img24 {
	left: 50%; height: 155px; bottom: 20px; margin-left: -129px;
}
.main_visual .btn_duct ul li:hover .img1 {
	transform: scale(1.1);
}
.main_visual .btn_duct ul li div div {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 8;
}
.main_visual .btn_duct ul li div div span {
	text-align: center; color: rgb(182, 217, 234); letter-spacing: -0.6px; padding-top: 48px; font-size: 14px; font-weight: 300; margin-bottom: 8px; display: block;
}
.main_visual .btn_duct ul li div div strong {
	text-align: center; color: rgb(255, 255, 255); letter-spacing: -0.6px; font-size: 24px; font-weight: 400; display: block;
}
.main_visual .main_slider .s_bg {
	transition:0.8s; bottom: -113px; position: absolute; z-index: 6; min-width: 100%; opacity: 0;
}
.main_visual .main_slider .s_bg.on {
	transition:0.8s; bottom: -3px; opacity: 1;
}
.main_visual .main_slider .s_bg img {
	width: 100%;
}
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)
{
.main_visual .main_slider .s_bg.on {
	transition:0.8s; bottom: -13px; opacity: 1;
}
.main_visual .main_slider .slide_box > div strong {
	margin-bottom: 55px;
}
}
.main_visual .wrap_btn {
	left: 0px; top: 67%; width: 24%; height: 100px; padding-right: 20px; display: table; position: absolute; z-index: 100; transform: translate(0px, -50%); background-color: rgb(255, 255, 255);
}
.main_visual .wrap_btn::before {
	left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; z-index: -1; content: ""; background-color: rgb(238, 236, 240);
}
.main_visual .wrap_btn.on::before {
	transition:9.5s linear; width: 100%;
}
.main_visual .wrap_btn .wrap {
	top: 0px; width: 200px; height: 100%; text-align: center; float: right; display: block; position: relative; z-index: 10;
}
.main_visual .wrap_btn .pag {
	height: 100%; line-height: 100px;
}
.main_visual .wrap_btn .pag span {
	color: rgb(153, 153, 153); font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 500;
}
.main_visual .wrap_btn .pag span:nth-child(1) {
	color: rgb(80, 36, 116);
}
.main_visual .wrap_btn .pag span em {
	left: -3px; color: rgb(80, 36, 116); font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; position: relative;
}
.main_visual .wrap_btn .pag i {
	margin: 0px 20px; width: 1px; height: 11px; display: inline-block; background-color: rgb(220, 220, 220);
}
.main_visual .wrap_btn .wrap > button {
	outline: 0px; border: currentColor; border-image: none; width: 11px; height: 22px; display: inline-block; position: absolute;
}
.main_visual .wrap_btn .wrap > button.slick-prev {
	 left: 10px; top: 52px;
}
.main_visual .wrap_btn .wrap > button.slick-next {
	 top: 52px; right: 10px;
}



.in {
	margin: 0px auto; width: 1200px;
}


.main .con1 .inner_mov_1790 {display: none;}

/*##############################################*/

.main .con1 .data {
	position: relative;
}

.main .con1 {
	padding-top: 80px; padding-bottom: 0px;
}
.main .con1 .data::after {
	clear: both; display: block; content: "";
}
.main .con1 .data > div {
	width: 50%; float: left; position: relative; z-index: 2;
}
.main .con1 .data .txt_wrap {
	display: inline-block;
}

.main .con1 .data01 .txt_wrap .icon {
	text-align: right;
}

.main .con1 .data01::before {
	
}
.main .con1 .data01 .txt_wrap .in_txt {
	margin-top: 60px; position: relative; z-index: 2;
}
.main .con1 .data .icon img {
	animation:rot 5s linear infinite;
}
.main .con1 .data01 {
	padding-bottom: 300px;  padding:40px 0; margin-bottom: 90px
}
.main .con1 .data01 {
	padding-right:-50px
}

.main .con1 .inner_mov {background-color: rgba(0,0,0,1.00); min-height:464px; width: 100%; text-align: center}

.main .con1 .img_wrap span {font-size:0.750em; float: right}

.main .con1 .data01 .txt {
	padding-left: 150px;
}


.main .con1 .data02 {
	 background-color: #f6f6f6;	padding-bottom: 300px;  padding:40px 0; margin: 0 auto 90px;
}

.main .con1 .data02 .txt {
	padding-right: 0px;  width:600px; top:0
}
.main .con1 .data02 .img {
	
}
.main .con1 .data02 > div {
	width: 55%; float: right;
}
.main .con1 .data02 > div::after {
	clear: both; display: block; content: "";
}
.main .con1 .data02 > div > div {
	float: right;
}
.main .con1 .data02 .txt_wrap {
	margin-top: 124px;
}





.main .con1 .data03 .txt {padding-left: 150px;;}
.main .con1 .data03 .img { }
.main .con1 .data03 > div {
	width: 50%; float: left; 
}
.main .con1 .data03 > div::after {
	clear: both; display: block; content: "";
}
.main .con1 .data03 > div > div {
	float: left;
}
.main .con1 .data03 .txt_wrap {
	margin-top: 95px;
}
.main .con1 .data03 .txt_wrap .icon {
	margin-bottom: 55px; margin-left: -120px;
}












.main .con1 .main_tit {
	margin-bottom: 90px; position: relative; z-index: 3;
}
.main .con1 .main_tit strong {
	text-align: center; color: rgb(34, 34, 34);  font-size: 50px; font-weight: 600; display: block;
}
.main .con1 .main_tit p {
	text-align: center; color: rgb(51, 51, 51); letter-spacing: -0.5px; font-size: 20px; font-weight: 300; margin-top: 45px; display: block;
}
.main .con1 .main_tit p span {
	color: rgb(90, 24, 147); font-size: inherit; font-weight: 500;
}
.main .con1 .data .txt strong {
	text-align: left; color:#004ed0;  font-size: 3.438em; font-weight: 900; display: block;
}
.main .con1 .data .txt span {
	color: #616161; line-height: 1.8em; letter-spacing: -0.25px; font-size: 1.563em; font-weight: 400; margin-bottom: 25px; display: block;
}
.main .con1 .data .txt p {
	color: #737373; line-height: 1.8em; letter-spacing: -0.4px; font-size: 1em; font-weight: 400; margin-top: 45px; display: block;
}
.main .con1 .img_wrap {
	display: inline-block; 
}
.main .con1 .img_wrap img {
	display: block;
}
.main .con1 .in_txt a {
	left: 0px; width: 181px; height: 48px; text-align: center; line-height: 46px; margin-top: 32px; border:rgba(178, 172, 187, 0.5) 1px solid;  display: block; position: relative;
}

.main .con1 .in_txt a i {
	 left: 0px; top: -1px; display: inline-block; position: relative;
}
.main .con1 .in_txt a .bg {
	transition:0.6s; left: -2px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; background-color: #004ed0;
}
.main .con1 .in_txt a:hover .bg {
	width: 100%;
}
.main .con1 .in_txt a .tex {
	transition:0.5s;  font-size: 14px; font-weight: 400; display: inline-block; position: relative; z-index: 1;
}
.main .con1 .in_txt a:hover i {
	left: 0px;
}
.main .con1 .in_txt a:hover .tex {
	color: rgb(255, 255, 255);
}

.m {display: none;}
.pc {display:block;}

/*##############################################*/





.main .con1 .data > div.img > div {
	/*width: 89.47%;*/width: 100%;
}
.main .con1 .data > div.img > div > div {
	transition:0.6s; width: 75%; overflow: hidden; opacity: 0;
}
.main .con1 .data.on > div.img > div > div {
	width: 100%; opacity: 1;
}
.main .con1 .data > div.img > div > div img {
	transition:1s; opacity: 0;
}
.main .con1 .data.on > div.img > div > div img {
	opacity: 1;
}
.main .con1 .in_txt strong {
	transition:0.3s ease-in-out; top: 30px; position: relative; opacity: 0;
}
.main .con1 .in_txt p {
	transition:0.3s ease-in-out; top: 30px; position: relative; opacity: 0;
}
.main .con1 .in_txt span {
	transition:0.2s ease-in-out; top: 20px; position: relative; opacity: 0;
}
.main .con1.on .in_txt strong {
	top: 0px; opacity: 1;
}
.main .con1.on .in_txt p {
	top: 0px; opacity: 1;
}
.main .con1 .in_txt p {
	transition-delay: 0.3s;
}
.main .con1.on .in_txt span {
	top: 0px; opacity: 1;
}
.main .con1 .in_txt span {
	transition-delay: 0.3s;
}

@media all and (max-width:1790px)
{
	body {overflow-x: hidden;}
	.main_visual .wrap_btn {width: 20%;}
	.main_visual .main_slider .slide_box .box1 .inner_mov {object-fit: cover;}
	.main .con1 .inner_mov_1790 {display: block; margin-top: 70px;}
	.main .con1 .inner_mov {display: none;}
}
@media all and (max-width:1590px)
{
.main_visual .wrap_btn {
	width: 15%;
}
.main_con03 .img_wrap {
	width: 100%; overflow: hidden;
}
.main_con03 .data02 > div > div {
	float: none;
}
.main_con03 .data02 .txt {
	padding-right: 30px; padding-left: 50px;
}
.quick {
	right: 20px;
}
	.main .con1 .data02 > div {width: 700px;}
	.main .con1 .data02 .txt {width: calc(100% - 700px); padding-left: 100px;}
	.main .con1 .data.on div.img .img_wrap #animation_container {height: 453px !important; width: 700px !important;}
	.main .con1 .data.on div.img .img_wrap #canvas {height: 453px !important; width: 700px !important; left: 50% !important; margin-left: -350px;}
	.main .con1 .data.on div.img .img_wrap #dom_overlay_container {height: 453px !important; width: 700px !important;}
    
}
@media all and (max-width:1416px)
{
.main_visual .main_slider .slide_box .in_obj {
	width: 100%;
}
.main_visual .main_slider .in_obj > a {
	right: 61px;
}
.inner {
	padding: 0px 40px; width: 100%;
}
.main_con02 ul li .txt > div p {
	font-size: 15px;
}
.main_con03 .data .txt p {
	line-height: 32px; font-size: 16px; -ms-word-break: keep-all;
}
	.main .con1 .data02 .txt {padding-left: 30px;}
 
}
@media all and (max-width:1216px)
{
.main_visual .main_slider .slide_box > div span {
	padding-left: 190px;
}

}
@media all and (max-width:1150px){
	.main_visual .main_slider .slide_box .in_obj {text-align: center;}
	.main_visual .main_slider .slide_box > div strong {line-height: 64px; font-size: 50px;}
	.main_visual .main_slider .slide_box > div strong i {line-height: 64px;}
	.main_visual .main_slider .slide_box > div span {line-height: 34px; font-size: 17px;}
	.main_visual .wrap_btn {top: 63%; width: 170px;}
	.main_visual .main_slider .in_obj > a {right: 19px; bottom: 0px;}
	.main_con03 .data02 .txt {padding-right: 40px;}
	.personal > div {width: 80%;}
	.personal > div > div {padding: 30px 20px;}
	.about.about_en#sub .sub_visual .mask_txt .inner > p {display: none;}
	
	.main .con1 {padding: 0 !important;}
	.main .con1 .data > div {width: 100%; float: none;}
	.main .con1 .inner_mov_1790 {margin-top: 0;}
	.main .con1 .data .txt_wrap {display: block; margin-top: 50px;}
	.main .con1 .data01 {padding: 80px 0 !important; margin-bottom: 0}
	.main .con1 .img_wrap span {float: none; display: block; text-align: center;}
	.main .con1 .data01 .img_wrap .inner_mov_1790 video {width: 80%;}
	.main .con1 .data01 .txt {padding-left: 0;}
	.main .con1 .data01 .txt_wrap .in_txt {text-align: center; margin-top: 50px;}
	.main .con1.on .in_txt strong {display: block; text-align: center;}
	.main .con1.on .in_txt span {display: block; text-align: center;}
	.main .con1.on .in_txt p {text-align: center;}
	.main .con1 .in_txt a {left: 50%; margin-left: -90px;}
	.main .con1 .data02 {padding-bottom: 80px;}
	.main .con1 .data02 > div > div {float: none;}
	.main .con1 .data02 .txt {width: 100%; padding-left: 0;}
	.main .con1 .data02 .txt_wrap .in_txt {text-align: center;}
	.main .con1 .data03 .txt {padding-left: 0; padding-bottom: 60px;}
	.main .con1 .data03 > div > div {float: none;}
	.main .con1 .data03 .txt_wrap {margin-top: 80px;}
	.main .con1 .data03 .visual_video {text-align: center !important;}
	.main .con1 .data03 .visual_video_stage .cont video {width: 80%;}
	.main .con1 .data.on > div.img > div > div {text-align: center;}
}
@media all and (max-width:960px)
{
.main_visual .main_slider .in_obj > a {
	bottom: -140px;
}
.main_con01 strong {
	line-height: 52px; font-size: 42px; margin-bottom: 20px;
}
.main_con03 .main_tit strong {
	line-height: 52px; font-size: 42px;
}
.main_con04 .main_tit strong {
	line-height: 52px; font-size: 42px;
}
.main_con01 p {
	line-height: 24px; font-size: 14px; -ms-word-break: keep-all;
}
.main_con04 .main_tit p {
	line-height: 24px; font-size: 14px; margin-top: 20px; -ms-word-break: keep-all;
}
.main_con03 .main_tit p {
	line-height: 24px; font-size: 14px; margin-top: 20px;
}
.main_con01 .bg img {
	width: 190px; display: block;
}
.main_con02 ul li {
	width: 100%; height: 300px; float: none;
}
.main_con03 .main_tit {
	margin-bottom: 60px;
}
.main_con04 input {
	width: 100%; height: 42px; font-size: 14px;
}
.main_con02 ul li .img img {
	top: 50%; width: 100%; transform: translate(0px, -30%) scale(1);
}
.main_con02 ul li:hover .img img {
	width: 100%; transform: translate(0px, -30%) scale(1.1);
}
.main_con02 ul li:hover .txt .txt_wrap div {
	margin-top: -110px;
}
.main_con02 ul li .txt .txt_wrap a {
	height: 60px;
}
.main_con02 ul li .txt .txt_wrap a span {
	line-height: 60px;
}
.main_con03 .data01 .icon img {
	width: 190px;
}
.main_con03 .data02 .icon img {
	width: 160px;
}
.main_con03 .img_wrap img {
	left: 50%; position: relative; transform: translate(-50%, 0px) scale(1);
}
.main_con03 .data02 .txt {
	padding-left: 50px;
}
.main_con03 .data02 .txt_wrap .icon {
	margin-left: -50px;
}
.main_con03 .data .txt p {
	line-height: 30px; font-size: 14px; margin-top: 20px;
}
.main_con03 .data .txt strong {
	font-size: 28px;
}
.main_con01 .inner {
	padding-bottom: 70px;
}

}
@media all and (max-width:850px)
{
 
}
@media all and (max-width:700px)
{
.main_visual .main_slider .slide_box > div span {
	line-height: 30px; font-size: 15px; -ms-word-break: keep-all;
}
.main_visual .wrap_btn {
	height: 80px; padding-right: 0px;
}
.main_visual .wrap_btn .wrap > button.slick-next {
	top: 28px; right: 15px;
}
.main_visual .wrap_btn .pag {
	line-height: 80px;
}
.main_visual .wrap_btn .wrap > button.slick-prev {
	left: 15px; top: 28px;
}
.main_visual .wrap_btn .pag i {
	margin: 0px 10px;
}
.main_con02 ul li .txt > div strong {
	font-size: 24px;
}
.main_con03 .data01 .txt {
	padding-left: 40px;
}
.main_con03 .data02 .txt {
	padding-left: 40px;
}
.main_con04 .main_tit {
	margin-bottom: 30px;
}
.main_con04 input {
	line-height: 50px;
}

.quick ul li a {
	width: 55px; height: 55px; line-height: 13px; padding-top: 13px; font-size: 10px;
}
.quick ul li.mt a {
	padding-top: 21px;
}
.quick ul li {
	margin-bottom: 10px;
}
.quick {
	right: 7px; bottom: 70px;
}
#scroll {
	right: 4px; bottom: 7px;
}
#scroll {
	width: 55px; height: 62px; background-size: 55px auto;
}


}
@media all and (max-width:640px)
{
.main_con03 .data > div {
	width: 80%; float: right;
}
.main_con03 .data01 .txt {
	width: 100%; float: left;
}
.main_con03 .data01 {
	padding-bottom: 80px;
}
.main_con03 .data .txt_wrap {
	width: 100%;
}
.main_con03 .data01 .txt_wrap .icon {
	padding-top: 20px; padding-right: 40px;
}
.main_con03 .data02 .txt {
	width: 100%; float: left;
}
.main_con03 .data02 .txt_wrap .icon {
	margin-bottom: 30px; margin-left: -20px;
}
.main_con03 {
	padding-top: 100px; padding-bottom: 100px;
}
.inner {
	padding: 0px 20px;
}
.main_visual .wrap_btn {
	top: auto; bottom: 0px; transform: translate(0px, 0px);
}
.main_visual .main_slider .slide_box > div span {
	padding-left: 0px;
}
.main_visual .main_slider .slide_box > div strong {
	margin-bottom: 15px;
}
.main_visual .main_slider .in_obj > a {
	bottom: -100px;
}
.main_visual .main_slider .slide_box > div strong {
	line-height: 42px; font-size: 42px;
}
.main_visual .main_slider .slide_box > div strong i {
	line-height: 42px;
}
.main_con01 strong {
	line-height: 42px; font-size: 30px;
}
.main_con03 .main_tit strong {
	line-height: 42px; font-size: 30px;
}
.main_con04 .main_tit strong {
	line-height: 42px; font-size: 30px;
}
.main_con03 .main_tit p {
	-ms-word-break: keep-all;
}
.main_con04 {
	padding: 100px 0px; background-size: cover;
}
.main_con03 .data01 .txt_wrap .icon {
	display: none;
}
.main_con03 .data02 .txt_wrap .icon {
	display: none;
}
.main_con03 .data01 .txt_wrap .in_txt {
	margin-top: 40px;
}
.main_con03 .data02 .txt_wrap {
	margin-top: 40px;
}

#header .menu_btn {
	z-index: 9999;
}

	.m {display: block;}
	.pc {display:none;}
	
	.main_visual .main_slider .slide_box > div.on span {font-size: 18px !important;}
	.main .con1 .data .txt strong { font-size: 40px; }
	.main .con1.on .in_txt span {font-size: 18px;}
	.main .con1.on .in_txt p {top: 30px; margin: 0 20px; text-align: justify;}
	.main .con1 .in_txt a {top: 20px;}
	.main .con1 .data01 .img_wrap .inner_mov_1790 video {width: 90%;}
	.main .con1 .data01 {padding: 50px 0 70px !important; margin-bottom: 0}
	.algorithm_img_m {padding: 0 30px;}
	.algorithm_img_m img {width: 100%;}
	.main .con1 .data02 {margin: 0 auto 50px;}
	.main .con1 .data01 .txt_wrap .in_txt {margin-top: 30px;}
	.main .con1 .data .txt_wrap {margin-top: 30px;}
	.main .con1 .data03 .txt_wrap {margin-top: 30px;}
    
}
@media all and (max-width:550px)
{

}
@media all and (max-width:500px)
{

}
@media all and (max-width:320px)
{
html {
	min-width: 320px;
}
body {
	min-width: 320px;
}
}