.sub_vi {width:100%; height:250px; background:url('/common/img/section3_bg.png') no-repeat; background-size:cover; display:flex; align-items:center; position:relative;}
.sub_vi .rgba_bg {background:#000; opacity:.5; width:100%; height:100%; position:absolute; left:0; top:0}
.sub_vi .in {color:#fff; position:relative; z-index:99}
.sub_vi h2 {font-size:2em; margin-bottom:5px; font-family: 'poppins';}

.sub_con {margin-top:100px; line-height:1.35;  }

h2.guide {font-family: 'poppins';  width:100%; font-size:2.2em; text-align:center; margin-bottom:20px; position:relative; color:var(--main_c)}
h2.guide:after {position:absolute; top:55px; left:50%; width:1px; height:30px; display:inline-block;  background-color:var(--main_c); content:''}
.sub_con h3.tit {font-family: 'poppins';   color:#000; font-size:1.8em; margin-bottom:15px; width:100%; text-align:center; display:inline-block}
hr.con_hr {height:40px; }
.p_t {font-family: 'poppins';}

.sub_con section {padding-top:80px; padding-bottom:80px}
.sub_con section:last-child {padding-bottom:120px}

 section.bg  {background-color:#f7f7f7}

.sub_con section.bottom_inquiry {padding-bottom:80px}



.sub_menu {width:100%; display:flex; }
.sub_menu li {width:100%;  font-size:1.3em; display:flex; justify-content:center; align-items:Center;  text-align:center; box-sizing:border-box; position:relative; overflow:hidden}
.sub_menu li a {width:100%; display:inline-block; padding:15px 0 }
.sub_menu li:before {content:''; width:100%; height:3px;  background-color:#ddd; left:0; bottom:0; position:absolute;  }
.sub_menu li:after {content:''; width:100%; height:3px;  background-color:#ddd; left:-100%; bottom:0; position:absolute;  transition: all 0.3s ease-out;}
.sub_menu li:hover:after {left:0;  background-color:var(--main_c);}
.sub_menu li:hover a  {  color:var(--main_c)}
.sub_menu li.ov:after {left:0;  background-color:var(--main_c);}
.sub_menu li.ov a  {  color:var(--main_c)}

.frame {width:100%; display:inline-block;  background-color:#f9f9f9;}
.frame ul { padding-left:30px; box-sizing:border-box; overflow-x:auto; justify-content:center; padding-left:20px; min-width:100% }
.frame ul li {width:auto; border-bottom:none; font-size:1.1em;  padding-right:20px; white-space:nowrap; overflow: visible;}
.frame ul li:last-child {padding-right:40px}
.frame ul li:before {display:none }
.frame ul li:after {display:none}
.frame ul li a {padding:20px 0;   white-space:nowrap; }
.frame ul li.ov {border:none;  }


@media all and (max-width:1201px) {
		.frame ul {  justify-content:flex-start;   }


}

@media all and (max-width:721px) {
		hr.con_hr {height:30px; }
		.sub_vi h2 {font-size:1.6em;  }

		.sub_con {font-size:15px}
		.sub_con h3.tit { font-size:1.3em; }

		h2.guide {  font-size:1.5em;}
		h2.guide:after { top:40px;  height:20px;  }

		.sub_con section {padding-top:50px; padding-bottom:50px}

		.sub_con section.bottom_inquiry {padding-bottom:50px}

		.sub_menu li { font-size:1.1em; line-height:1.3}
		.frame ul li { font-size:1em;  }
		.frame ul li a {padding:15px 0;    }
 		
		.sub_con section.bottom_inquiry {padding-top:40px; padding-bottom:40px}




}


ul.gall {display:flex; flex-wrap:wrap;   gap:2%}
ul.gall li {width:32%; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding-bottom:25px}
ul.gall li:nth-child(n+4) {margin-top:20px}
ul.gall li div {width:100%; padding-bottom:57%; overflow:hidden; position:relative; margin-bottom:20px; }
ul.gall li div img {width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);   transition: all 0.3s ease-out;  }
ul.gall li:hover div img {width:110%; }


ul.gall li h4 {width:100%; box-sizing:border-box; padding:0 20px; margin:0 auto; color:var(--main_c2); font-size:1.1em;

  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
ul.gall li p {width:100%;  box-sizing:border-box; padding:0 20px;  
 font-size:.93em; line-height:1.35; margin-top:8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
ul.gall li p img {display:none}
ul.gall li span {width:100%;  box-sizing:border-box; padding:0 20px;  font-size:.9em; line-height:1.35;  }
ul.gall li span + h4 {margin-top:3px}


@media all and (max-width:721px) {
  ul.gall li {width:48.5%;  }
  ul.gall li:nth-child(n+3) {margin-top:30px; }
ul.gall li h4 {padding:0 10px}
ul.gall li p  {padding:0 10px}
ul.gall li span {padding:0 10px}
}

.media_gall {display:flex; align-items:flex-start}
.media_gall ul.gall li {width:100%}
.media_gall ul.gall li div.iframe_box {width:100%; height:400px; padding-bottom:0}
.media_gall ul.gall li div.iframe_box iframe {width:100%; height:100%}
.media_gall ul.gall li div.iframe_box .link {width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; cursor:pointer }
.media_gall .left {width:53%;}
.media_gall ul.gall.left li {width:100%}
.media_gall .right {width:45%; margin-left:auto}
.media_gall ul.gall.right li {width:49%}
.media_gall ul.gall.right li:nth-child(n+3) {margin-top:20px}
.media_gall ul.gall.right li div.iframe_box {  height:150px; }



.company2 .section1 {align-items:flex-start}
.company2 .section1 img.ceo_img {margin-right:5%; border-radius:10px}
.company2 .section1 b.t1 {font-size:2em}
.company2 .section1 b.t2 {font-size:1.3em; font-weight:500}

.history .in { position:relative}
.history .in:before {content:''; width:1px; height:100%; background-color:var(--main_c);  position:absolute; right:calc(100% - 306px); top:0}
.history div.flex { align-items:flex-start;  position:relative  }
.history div.flex  img {position:absolute; left:0; top:0}
.history dl {width:calc(100% - 300px);   flex-shrink:0; margin-left:auto; display:flex; padding:15px 0 15px 0;  align-items:flex-start;}
.history dt {width:200px; font-family: 'poppins'; font-weight:600; font-size:2em; line-height:.8; color:var(--main_c); flex-shrink:0; display:flex; align-items:center;}
.history dt:before {content:''; width:12px; border-radius:50%; height:12px; background-color:var(--main_c); margin-right:10px}
.history dd p {margin-bottom:8px; line-height:1.45}

@media all and (max-width:1201px) {
		.history dl {width:calc(100% - 250px);   }
		.history .in:before {  right:calc(97% - 256px); }
		.history dt {width:150px;  }


}
@media all and (max-width:721px) {
		.company2 .section1 img.ceo_img {width:50%; margin:0 auto; margin-bottom:30px }
		.company2 .section1 b.t1 {font-size:1.5em}
		.company2 .section1 b.t2 {font-size:1.1em}

		.history div.flex img {width:100%; position:static; margin-bottom:30px}
		.history dl { width:100%}
		.history .in:before { left:calc(3% + 6px); display:none }
		.history dt {width:100px;  font-size:1.5em; line-height:1 }
		.history dt:before {display:none}

}

.location .flex iframe {width:35%}
.location .flex .flex  {width:60%; margin-left:auto; flex-wrap:wrap; justify-content:space-between;  }
.location dl {width:48%; box-sizing:border-box; padding:13px 0; border-top:4px solid var(--main_c);}
.location dl:nth-child(n+3) {margin-top:15px}
.location dl dt {color:var(--main_c); margin-bottom:5px; font-size:1.2em; font-weight:600; display:flex; align-items:center}
.location dl dt img {margin-right:10px}
.location dl dd p {font-size:1.05em; }


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

	.location .flex iframe {width:100%}
	.location .flex .flex  {width:100%; flex-wrap:wrap  }
	.location dl {width:100%;  }
	.location .flex iframe {height:250px}
   .location dl dd p {font-size:.97em}

}

.organization {width:100%;   position:relative; text-align:center; padding-bottom:100px}
.organization:before  {content:''; width:70%; left:15%;  height:1px; background-color:#999; position:absolute; top:120px;}
.organization h4 {width:30%; min-width:300px; font-size:1.2em;   line-height:60px; border-radius:50px;  background-color:var(--main_c); color:#fff; display:inline-block}
.organization ul {display:flex; justify-content:space-between; margin-top:120px}
.organization ul li {width:30%; display:inline-block; position:relative; box-sizing:border-box}
.organization ul li:before {content:''; width:1px; height:50px; left:50%;  background-color:#999; position:absolute; top:-60px;}
.organization ul li:after {content:''; width:20px; border-radius:50%; height:20px; left:calc(50% - 10px);  background-color:#fff; border:4px solid var(--main_c); box-sizing:border-box;   position:absolute; z-index:99;  top:-25px;}
.organization ul li:nth-child(2):before {  height:110px; top:-120px;}


.organization ul li div.tit_div { font-size:1.1em; background: linear-gradient(45deg, #10284c, #1f5dca); color:#fff;  padding:18px 0;  width:100%; display:inline-block; }

.organization ul li ul {flex-wrap:wrap; margin-top:20px; border-radius: 0 0 10px 10px; overflow:hidden;  border:1px solid #ddd; border-bottom:none;  box-sizing:border-box }
.organization ul li ul li {width:100%;  display:flex; min-height:60px;   border-bottom:1px solid #ddd;   font-size:.95em; background-color:#f7f7f7;     }
.organization ul li ul li p {width:50%; flex-shrink:0; padding:13px;  background-color:#fff; border-right:1px solid #ddd; box-sizing:border-box;  display:flex;  align-items:center; justify-content:center; box-sizing:border-box  }
.organization ul li ul li div {width:50%; display:flex;  text-align:left; align-items:center; padding:13px; box-sizing:border-box; line-height:1.3}

.organization ul li ul li:before {display:none}
.organization ul li ul li:after {display:none}
.organization ul li ul li:first-child {flex-wrap:wrap; background-color:var(--main_c2); color:#fff; } 
.organization ul li ul li:first-child p {width:100%; } 
.organization ul li ul li:first-child div {width:100%; justify-content:center; text-align:center; padding:10px 0 } 
 
 .all_img  {display:none}

@media screen and (min-width:500px) and (max-width:1201px) {
		.all_img {display:block;  }
		.organization ul {display:none}
		.organization h4 {display:none}
		.organization:before {display:none}
		.organization ul li:after {display:none}
		.organization ul li:before {display:none}


}

@media all and (max-width:500px) {
		.organization {padding-bottom:0}
		.organization ul {flex-wrap:wrap; margin-top:60px}
		.organization ul li {width:100%; margin-bottom:20px  }
		.organization ul li:last-child {margin-bottom:0  }
		.organization h4 {width:100%;  }
		.organization:before {display:none}
		.organization ul li:nth-child(n+2):after {display:none}
		.organization ul li:nth-child(n+2):before {display:none}
		.organization ul li ul {margin-top:0}
		.organization ul li ul li {margin-bottom:0}
}
 
.company1 .section2 .flex {gap:4%;  }
.company1 .section2 .flex div {width:40%; flex-shrink:0; background-size:cover !important; background-position:center !important}
.company1 .section2 .flex:nth-child(2n) div {order:2; }
.company1 .section2 .flex p {padding:60px 0}

@media all and (max-width:721px) {
  .company1 .section2 .flex div {widtH:100%; height:200px; order:1}
  .company1 .section2 .flex p {order:2; padding:20px 0}
  

}

.company1 .value .img_one  {position:Relative; width:80%; margin:0 auto; margin-top:20px; padding-bottom:80%; position:relative; }
.company1 .value .img_one h4 { position:absolute; left:50%; top:50%; text-align:center; font-size:1.9em; transform: translate(-50%, -50%);   z-index:9999;  background-color:#f7f7f7;  padding:30px; color:var(--main_c);  font-family: 'poppins';}
.company1 .value .img_one ul {width:100%; height:100%; }
.company1 .value .img_one ul li {width:25%; padding:15px; background-color:#f7f7f7; text-align:center; position:absolute; z-index:99 }
.company1 .value .img_one ul li p {position:relative; z-index:99; padding-top:10px; background-color:#f7f7f7; height:50px; font-size:1.1em }
.company1 .value .img_one ul li div {width:90%; padding-bottom:90%; display:inline-block; border-radius:50%; background-size:110% !important; transition: all 0.3s ease-out;}
.company1 .value .img_one ul li:hover div { background-size:130% !important}

.company1 .value .img_one ul li img {width:100%; border-radius:50%}
.company1 .value .img_one ul li:nth-child(1) {  left:12%; top:0  }
.company1 .value .img_one ul li:nth-child(2) {  right:12%; top:0  }
.company1 .value .img_one ul li:nth-child(3) {  left:0; top:50%; transform: translate(0, -50%); }
.company1 .value .img_one ul li:nth-child(4) {  right:0; top:50%; transform: translate(0, -50%);  }
.company1 .value .img_one ul li:nth-child(5) {  left:12%; bottom:0 }
.company1 .value .img_one ul li:nth-child(6) {  right:12%; bottom:0 }


.company1 .value .img_one:after {content:''; width:1px; background-color:#333; position:absolute; z-index:9; height:100%; top:0; left:50%;  transform: rotate(-45deg); }
.company1 .value .img_one:before {content:''; width:1px; background-color:#333; position:absolute; z-index:9; height:100%; top:0; left:50%;  transform: rotate(45deg); }

.company1 .value .img_one ul:after {content:''; width:100%; background-color:#333; position:absolute; z-index:9; height:1px; top:50%; left:0;  }
 
@media all and (max-width:1201px) {
  .company1 .value .img_one  {  width:100%;   padding-bottom:100%;   }

} 

/*****solutions1*******/


.solutions1 .section2 .div_100 {position:relative;}
.solutions1 .section2 ul {display:flex;   flex-wrap:Wrap;  gap:2.5%; justify-content:flex-end; position:relative; }
.solutions1 .section2 ul li {margin-bottom:15px; color:var(--main_c);  text-align:center; width:18%; display:flex; flex-wrap:wrap; align-items:flex-end;   justify-content:center; }
.solutions1 .section2 ul li div {width:100%; height:90px;  margin-top:5px; display:flex; align-items:center; justify-content:center;   background-color:#fff; box-sizing:border-box;  padding:20px; border-radius:10px; color:#222; position:relative; z-index:99; font-size:1.05em; border:1px solid var(--main_c)}
 
.solutions1 .section2.active ul li div { animation-duration:.1s;  animation-name: ani_img2; animation-fill-mode: forwards;  animation-timing-function: linear;}


.solutions1 .section2 ul li:nth-child(1) div {animation:none}
.solutions1 .section2 ul li:nth-child(2) div {animation-delay: 0.7s; }
.solutions1 .section2 ul li:nth-child(3) div {animation-delay: 1.5s; }
.solutions1 .section2 ul li:nth-child(4) div {animation-delay: 2.2s; }
.solutions1 .section2 ul li:nth-child(5) div {animation-delay: 2.8s; }

.solutions1 .section2 ul li:nth-child(6) div {animation-delay: 3.7s; }
.solutions1 .section2 ul li:nth-child(7) div {animation-delay: 4.5s; }
.solutions1 .section2 ul li:nth-child(8) div {animation-delay: 5.2s; }
.solutions1 .section2 ul li:nth-child(9) div {animation-delay: 5.8s; }

.solutions1 .section2 .flex {justify-content:space-between;}

.solutions1 .section2 .line {z-index:9; width:100%; height:4px; background-color:#ddd; position:absolute; left:0; top:25%; margin-top:-2px; overflow:hidden }
.solutions1 .section2 .line2 {  bottom:25%; top:auto }
.solutions1 .section2 .line:after {z-index:9; width:100%; height:100%; background-color:var(--main_c); position:absolute; left:-100%; top:0; content:'';   }
.solutions1 .section2.active .line:after { animation-duration:3s;  animation-name: ani_img1; animation-fill-mode: forwards;  animation-timing-function: linear;  }


.solutions1 .section2 .line2:after {  animation-delay: 3s;   }

@keyframes ani_img1 {
		0% {left:-100%; }
		100% {left:0; }
}

@keyframes ani_img2 {
		0% {color:#ddd }
		100% {color:var(--main_c) }
}


.solutions1 .section2 ul li:first-child div {background-color:var(--main_c); color:#fff }

.solutions1  .t {padding:0}
.solutions1  .img {width:50%;  flex-shrink:0;  display:flex; flex-wrap:wrap; line-height:0; }
.solutions1  .img p {background-size:cover !important}
.solutions1 .section4  {padding-bottom:60px}
.solutions1 .section4 .flex {justify-content:space-between; }
.solutions1 .section4 .flex .img {margin-right:4%;}
.solutions1 .section4 .flex .img p {width:33.33333%; }
 
.solutions1 .section5 .flex {  justify-content:space-between; }
.solutions1 .section5 .flex .img {margin-left:4%;   display:flex; flex-wrap:wrap   }
.solutions1 .section5 .flex .img p { width:50%;  height:50%; overflow:hidden }
 

.solutions1 .section6   h4 {font-size:1.4em; width:100%; display:flex; align-items:center; justify-content:center;}
.solutions1 .section6   h4:after {content:''; width:20px; height:1px; background-color:#333; margin-left:10px}
.solutions1 .section6   h4:before {content:''; width:20px; height:1px; background-color:#333; margin-right:10px}

.solutions1 .section6 .flex {padding:0 10%; flex-wrap:wrap;  justify-content:center;   }
.solutions1 .section6 .flex li {width:90px; padding:0 2%}
.solutions1 .section6 .flex li img {width:100%}

.solutions1 .section7 .flex { justify-content:center; gap:20px }
.solutions1 .section7 .flex li {   text-align:center; }


@media (max-width:1201px)  {

	.solutions1 .section2 ul li div {  height:100px; font-size:.95em;  }

}
@media (max-width:721px)  {
		.solutions1 .section2 ul li {font-size:13px; line-height:1.25}
		.solutions1 .section2 ul li div {  height:23vw; font-size:2.5vw  }
		.solutions1 .section2 ul li div br.tablet {display:block}
		.solutions1 .section2 .line { top:30%;  }
		.solutions1 .section2 .line2 {  bottom:20%; top:auto }

		.solutions1 .section2 .flex p {width:100%; margin-top:20px}
		.solutions1 .section2 .flex p.r { margin-top:5px; text-align:left !important}
}


/*****solutions2*******/


.solutions2 .flex_list li {width:16.6666%; text-align:center; border:none; line-height:1.3}
.solutions2 .flex_list li img  {border:1px solid #ddd; margin-bottom:10px}

@media (max-width:721px)  {
		.solutions2 .flex_list {flex-wrap:wrap; gap:2%}
		.solutions2 .flex_list li {width:32%; }
		.solutions2 .flex_list li:nth-child(n+4) {margin-top:20px }

		.solutions1  .section6 img  {width:100%}
		.solutions1 .section7 .flex { gap:10px }

  }

 
 



.body_wrap {  width:100%; position:relative;  margin-top:30px}
.body_wrap  * {  transition: all 0.2s ease-out;}
.body_wrap .img {width:45%; position:relative;    padding-bottom:77%; margin:0 auto }
.body_wrap img {width:100%; position:absolute; left:0; top:0; }
.body_wrap .tip_box { box-shadow:2px 2px 10px rgba(0,0,0,.06);   position:absolute; z-index:9; position:absolute; left:0; top:0;  width:310px;  box-sizing:border-box; font-size:15px}
.body_wrap .tip_box h4 {font-size:1.2em; font-weight:500;  background-color:var(--main_c2); color:#fff;  box-sizing:border-box; width:100%; position:relative; z-index:99; padding:11px 20px 9px 20px; }
.body_wrap .tip_box p { border:1px solid #b0b0b0; border-top:none; background-color:#fff; box-sizing:border-box; width:100%; position:relative; z-index:99; padding:12px 20px 15px 20px; }

.body_wrap .tip_box div { border:1px solid #b0b0b0; border-top:none; background-color:#fff; box-sizing:border-box; width:100%; position:relative; z-index:99; padding:12px 20px 15px 20px; }
.body_wrap .tip_box div ul li {width:100%; display:flex; align-items:flex-start}
.body_wrap .tip_box div ul li:before {flex-shrink:0;  content:''; margin-top:7px; margin-right:7px; width:5px; height:5px;   background-color:#555; border-radius:50%; display:inline-block}

 @media screen and (min-width:721px) {


		.body_wrap .tip_box.no2 {top:20%}
		.body_wrap .tip_box.no3 {top:42.5%}
		.body_wrap .tip_box.no4 {top:auto; bottom:25%}
		.body_wrap .tip_box.no5 {top:auto; bottom:0}

		.body_wrap .tip_box.no6 {right:0; left:auto}
		.body_wrap .tip_box.no7 {right:0; left:auto; top:245px}
		.body_wrap .tip_box.no8 {right:0; left:auto; top:auto; bottom:0}

		.body_wrap .tip_box:after {opacity:.3; content:''; width:300px; height:1px; background-color:#e70042; position:absolute; top:50%; left:300px; }
		.body_wrap .tip_box.no1:after {  top:49%; width:280px;  }
		.body_wrap .tip_box.no2:after { transform: rotate(-14.5deg); top:50%; left:238px}
		.body_wrap .tip_box.no3:after { transform: rotate(-22deg); top:6%; left:267px}
		.body_wrap .tip_box.no4:after { transform: rotate(-5deg); width:248px; top:39%;}
		.body_wrap .tip_box.no5:after { transform: rotate(-28deg); top:21%; left:257px} 

		.body_wrap .tip_box.no6:after {  top:53%; left:auto; right:272px}
		.body_wrap .tip_box.no7:after { transform: rotate(27deg); top:20%; left:auto; right:263px }
		.body_wrap .tip_box.no8:after { transform: rotate(31deg); top:15%;left:auto; right:260px; width:320px }
 
 }


.body_wrap .one {position:absolute;  left:47%; top:6%;   width:3.5%; padding-bottom:3.5%;  border-radius:50%; z-index:9999; opacity:.3 }
.body_wrap .one:before {width:100%; padding-bottom:100%; position:absolute; background:url('/common/img/body_one.png') no-repeat; background-size:cover;  display:inline-block; content:''; left:0; top:0; }
.body_wrap .one:after {width:22%; padding-bottom:22%; position:absolute; background-color:#e70042; display:inline-block; content:''; left:50%; top:50%; transform: translate(-50%, -55%); border-radius:50%; z-index:99 }

 @media screen and (min-width:721px) {
			.body_wrap .one.no2 {  left:43%; top:23%; }
			.body_wrap .one.no3 {  left:43.5%; top:32.5%; width:7%; padding-bottom:7%  }
			.body_wrap .one.no4 {  left:43%; top:59.5%; width:6.5%; padding-bottom:6.5%  }
			.body_wrap .one.no5 {  left:43.3%; top:73%; width:4%; padding-bottom:4%  }

			.body_wrap .one.no6 {  left:50.3%; top:10.1%;  }
			.body_wrap .one.no7 {  left:50.3%; top:19%; width:7%; padding-bottom:7%  }
			.body_wrap .one.no8 {  left:49.6%; top:46%; width:7%; padding-bottom:7%  }

			.body_wrap .tip_box:hover:after {opacity:1;   }
			.body_wrap .tip_box:hover + .one { opacity:1 }

			.body_wrap .tip_box:hover + .one:before {
				animation-duration:1s;
				animation-name: ani1;
				animation-iteration-count: infinite;
				animation-timing-function:linear
			}

}


@keyframes ani1 {
	  0% {
		opacity:0
	  }
	 
	  50% {
	   opacity:1
	  }
	  
	 100% {
		opacity:0
	  }
 }

 

@media screen and (min-width: 721px) and (max-width:1201px) {
  .body_wrap.pc {display:none}
  .solutions2 .tablet {  margin-top:30px}
  .solutions2 .tablet img {width:100%}

}

.body_wrap.m .img {width:100%; padding-bottom:180%; }

.body_wrap.m .one {  left:42%; top:5%; width:10%; padding-bottom:10%;   opacity:1;  }
  .body_wrap.m  .one:before {
				animation-duration:1s;
				animation-name: ani1;
				animation-iteration-count: infinite;
				animation-timing-function:linear
			}
.body_wrap.m .one.no2 {  left:33%; top:20%; }
.body_wrap.m .one.no3 {  left:35%; top:32.5%; width:14%; padding-bottom:14%  }
.body_wrap.m .one.no4 {  left:37%; top:59.5%; width:11%; padding-bottom:11%  }
.body_wrap.m .one.no5 {  left:38%; top:73%; width:7%; padding-bottom:7%  }

.body_wrap.m .one.no6 {  left:50.3%; top:10.1%;  }
.body_wrap.m .one.no7 {  left:53%; top:19%; width:14%; padding-bottom:14%  }
.body_wrap.m .one.no8 {  left:53%; top:46%; width:12%; padding-bottom:12%  }
 
.body_wrap.m .one span {position:absolute;  width:90px; font-size:14px; text-align:right;  left:-95px;  top:50%; transform: translate(0, -50%); border:1px  }
.body_wrap.m .one.no3 span {  text-align:left;  left:auto; right:-95px;   }
.body_wrap.m .one.no6 span {  text-align:left;  left:auto; right:-95px;   }
.body_wrap.m .one.no7 span {  text-align:left;  left:auto; right:-95px;   }
.body_wrap.m .one.no8 span {  text-align:left;  left:auto; right:-95px;   }
 
.body_wrap.m .tip_box {display:none}
.body_wrap.m .point.active + .tip_box {display:block}

.body_wrap.m .tip_box { width:100%; z-index:99999; left:50%; top:50%; transform: translate(-50%, -50%);    }
.body_wrap.m  h4 {display:flex; align-items:center}
.body_wrap.m h4 span {margin-left:auto}


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

.solutions3 ul {display:flex;  flex-wrap:wrap; gap:2.6%; margin-bottom:-20px;  justify-content:center;   }
.solutions3 ul li {background-color:#fff; margin-bottom:20px; width:23%; box-sizing:border-box; border:1px solid #ddd; padding-bottom:20px; overflow:hidden }
.solutions3 ul li  h4 {  padding:14px 20px 5px 20px; border-top:3px solid var(--main_c); color:var(--main_c); font-size:1.2em;  width:100%; box-sizing:border-box}

.solutions3 ul li div {   line-height:0; box-sizing:border-box}
.solutions3 ul li iframe {   box-sizing:border-box}
.solutions3 ul li p { width:100%; display:flex; box-sizing:border-box;  padding:1px 20px; font-size:.96em}
.solutions3 ul li p:before {content:'-'; margin-right:5px}
.solutions3 ul li img {width:100%;  }
 
 
.solutions3 ul li.long_type  {width:57%; position:relative; border-top:1px solid #ddd}
.solutions3 ul li.long_type:after {width:1px; height:100%; position:absolute; left:33.3333%; top:0;  content:''; z-index:9 ; background-color:#ddd }
.solutions3 ul li.long_type:before {width:1px; height:100%; position:absolute; right:33.3333%; top:0;  content:''; z-index:9 ; background-color:#ddd }
.solutions3 ul li.long_type ul {gap:0;  margin-bottom:0; position:relative;  }
.solutions3 ul li.long_type ul li {width:33.333333%; border:none; line-height:0;  margin-bottom:0; padding-bottom:0 }
.solutions3 ul li.long_type h4 {position:relative; z-index:99}
.solutions3 ul li.long_type h4 + ul li  {line-height: 1.35; }
 

 

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

  .solutions3 ul li {  width:48%; box-sizing:border-box; }
  }



.blog_list {border-top:1px solid #999}
.blog_list li {width:100%; border-bottom:1px solid #999; display:flex; align-items:center; cursor:pointer}
.blog_list li div.img {width:30%; padding-bottom:20%}
.blog_list li div.img img {width:100%}
.blog_list li div.t {width:65%; margin-left:auto}
.blog_list li div.t h3 {font-size:1.2em;  color:var(--main_c2);  margin-bottom:10px}
.blog_list li div.t p:nth-child(2) {  width:100%;   
 
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp:4; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		 font-size:.93em
}
.blog_list li div.t img {display:none}

.blog_list li div.t p + p { color:#555;  margin-top:10px; font-size:.90em;   width:100%;} 

@media all and (max-width:721px) {
		.blog_list li {flex-wrap:wrap}
		.blog_list li div.img {width:100%; padding-bottom:50%}
		.blog_list li div.t {width:100%; margin:20px 0 }
		.blog_list li div.t p:nth-child(2) { -webkit-line-clamp:2; /* 라인수 */ }

}
.investors iframe { width:100%; border:none}