#main_con {  line-height:1.4; font-size:16px}
section {  padding:70px 0}
p.s_tit {font-size:19px}

 

@media all and (max-width:1201px) {
	  #main_con {  font-size:16px; line-height:1.35}
}

@media all and (max-width:721px) {
	  #main_con {  font-size:15px;  }
}

.vi {width:100%; display:inline-block; width:100%; height:500px; overflow:hidden; position:relative; color:#fff}
.vi  .text_area {width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative; z-index:99}
.vi .down {position:absolute; bottom:0; height:85px; left:50%; z-index:99; width:100px; text-align:center; margin-left:-50px;   }

.vi .video_wrap {position:absolute; left:0; top:0; width:100%; height:100%; }
.vi video {width:100%; position:absolute; left:50%; top:50%;   transform: translate(-50%, -50%); }
.vi .bg {width:100%; position:absolute; height:100%; background:rgba(42,90,170,.4); top:0; left:0; }

.vi h2 {font-size:3.5em; font-family: 'poppins'; font-weight:500; text-shadow: 4px 4px 2px rgba(0,0,0,.2); }
.vi p {font-size:1.4em; margin-top:5px}

 
.side_line {position: absolute;
    width: 2px;
    height: 50px;
    background:rgba(255,255,255,.2);
    transition: all 0.3s;
    display: block;
    left: 50%; margin-left:-1px;
    bottom: 0; overflow:hidden}

.side_line p {
position: absolute;
    width: 2px;
    height: 25px;
    background: #fff;
    transition: all 0.3s;
    display: block;
    left: 0;
    top: 0;
	-webkit-animation: side_line 4s infinite linear;
	  -moz-animation: side_line 4s infinite linear;
	  -ms-animation: side_line 4s infinite linear;
	  -o-animation: side_line 4s infinite linear;
	  animation: side_line 4s infinite linear;
}



@-webkit-keyframes side_line {
  0% {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
  }
 100% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
	}
 

}
  
@media all and (max-width:1200px) {
  .vi video {width:auto; height:100%;  }

}

@media all and (max-width:721px) {
  .vi   {height:400px }
  .vi h2 {font-size:2em; line-height:1.2;  }
  .vi p {font-size:1em;  }

  .vi .down { display:none}

}



.section1 {background-color:#f1f1f1}

.section1 .tit {text-align:center; font-size:1.1em}
.section1 .tit h3 { font-family: 'poppins'; font-size:1.75em; margin-bottom:5px; font-weight:600}
.section1 .tit p.s_tit { display:block; margin-bottom:5px;  font-size:22px}

 .section1 ul {display:flex; flex-wrap:wrap; margin-top:30px; gap:2%}
.section1 ul li {cursor:pointer; width:32%; background-color:#fff; border:1px solid #ddd; overflow:hidden;  box-sizing:border-box; padding-bottom:20px; font-size:1.1em}

.section1 ul li div {width:100%; padding-bottom:57%; overflow:hidden; position:relative; margin-bottom:20px;   transition: all 0.3s ease-out;  }
.section1 ul li div img {width:100%;  position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);   transition: all 0.3s ease-out;  }
.section1 ul li:hover div img {width:110%;   }
.section1 ul li div:hover {width:110%; margin-left:-5% }

.section1 ul li h4 {width:90%; margin:0 auto; color:var(--main_c2); 
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.section1 ul li p {width:90%; margin:0 auto; font-size:.88em; 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;
}
.section1 ul li p img {display:none}

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

 .section1 .tit {text-align:left}
 .section1 .tit h3 { font-size:1.5em; line-height:1.2 }


}
 

.section2 { margin-top:-200px; padding-top:calc(200px + 70px); }
.section2 .tit h3 {font-family: 'poppins'; font-size:4em }
.section2 .tit p { font-size:1.7em; color:#000 }


.section2 ul.type1 {display:flex; justify-content:space-between; margin-top:35px; margin-bottom:50px}
.section2 ul.type1 li {width:19%; font-size:1.1em; border-top:4px solid var(--main_c); padding-top:10px; font-weight:600 }
.section2 ul.type1 li b {font-size:2.5rem; margin-top:3px; line-height:1; font-weight:700; width:100%; display:block; color:var(--main_c)}

.section2 ul.type2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px}
.section2 ul.type2 li {width:23%;  }
.section2 ul.type2 li:nth-child(n+5) {margin-top:20px}
.section2 ul.type2 li p {width:100%;  font-family: 'poppins';  font-size:1.25em; font-weight:600;  display:flex; justify-content:space-between; align-items:center}
.section2 ul.type2 li p b {font-size:1.6em; color:var(--main_c);  font-weight:600;  font-family: 'poppins';  }


@media all and (max-width:721px) {
	.section2 .tit h3 { font-size:3em }
	.section2 .tit p { font-size:1em;  }


	.section2 ul.type1 {flex-wrap:wrap; margin-top:25px; margin-bottom:25px}
	.section2 ul.type1 li {width:48%;   }
	.section2 ul.type1 li:nth-child(n+3) {margin-top:30px}
	.section2 ul.type1 li b {font-size:1.5em;  }
	.section2 ul.type2 {flex-wrap:wrap; margin-top:24px}
	.section2 ul.type2 li {width:48%;}
	.section2 ul.type2 li:nth-child(n+3) {margin-top:30px}
	.section2 ul.type2 li img {margin-bottom:10px}
	.section2 ul.type2 li p {   font-size:1em;  line-height:1.2}
	.section2 ul.type2 li p b {font-size:1em;   }

}

.section3 {padding:0;  width:100%; position:relative; display:flex; flex-wrap:wrap}
.section3 .in {  justify-content:space-between;  color:#fff; padding-top:70px; padding-bottom:30px;  }
.section3 h3 {font-family: 'poppins'; font-size:2em; font-weight:500}
.section3 p { font-size:1.35em;}
.section3 p b {font-weight:700}

.section3 .bg {background:url('/common/img/section3_bg.png') no-repeat center; background-size:cover; width:100%; height:80%; display:inline-block;position:absolute; left:0; top:0; width:100%; z-index:-9}
.section3  iframe {width:calc(50% + 600px); margin-left:auto}

@media all and (max-width:1201px) {
  .section3  iframe {width:97%; margin-left:3%;}
 
}

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

	.section3 h3 {width:100%;  font-size:1.75em; line-height:1.4}
 	.section3 p { margin-top:20px; font-size:1em;}
	.section3 p br {display:none}

}
 
.section4 {padding:0;  background:url('/common/img/section44_bg.png') no-repeat bottom; background-size:cover;}

.section4 h3 {font-family: 'poppins'; font-size:2.6em; font-weight:600}

.section4 .in { justify-content:space-between;  padding-top:80px; padding-bottom:80px}
.section4 .in .right_area > div {background:rgba(255,255,255,.5); width:100%; max-width:640px;  box-sizing:border-box; padding:23px 25px 30px 25px; font-size:1.35em}
.section4 .in .right_area > div + div {margin-top:20px}
.section4 .in .right_area h4 {font-family: 'poppins'; font-size:24px; margin-bottom:10px; font-weight:600 }


.section4 .arrow {	transform: rotate(90deg ); width:30px; height:15px; margin-left:0;  }
.section4 .arrow::after {  border-top: 2px solid #111;  border-right: 2px solid #111; } 
.section4 .arrow::before { background:#111;  }


.section4  .arrow_p {   -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; margin-top:20px}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-7px);
  }
}


@media all and (max-width:721px) {
		.section4 .in {   padding-top:70px; padding-bottom:70px}
        .section4 .arrow {	display:none}

		.section4 h3 {  font-size:1.75em; margin-bottom:20px; }
		.section4 .in .right_area > div {  padding:20px 15px 20px 15px; font-size:1em}
		.section4 .in .right_area h4 { font-size:1.25em; margin-bottom:5px; }

}
.section5 {padding:0}
.section5 .in {padding-top:40px; padding-bottom:40px}
.section5 .left_area {display:block-flex; font-size:1.1em;  align-content:center; flex-wrap:wrap; width:485px}
.section5 .left_area h4 {font-size:1.75rem; width:100%;  font-family: 'poppins'; font-weight:600; line-height:1.35; margin:5px 0 10px 0; display:block}

.section5 .img {margin-left:auto; height:320px; }

.section5 .img_one_list {display:flex; height:50%; width:485px; margin-left:auto}
.section5 .img_one_list li {width:100%;   transition: all 0.3s ease-out;  box-sizing:border-box;  display:flex; align-items:center; justify-content:center  }
.section5 .img_one_list li p {width:100%; height:100%; margin:0 auto; overflow:hidden; position:relative; box-sizing:border-box}
.section5 .img_one_list li p:after {background:rgba(0,0,0,.8); width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; padding:10px; content:''; display:flex; align-items:flex-end; color:#fff; opacity:0;  transition: all 0.3s ease-out; font-size:.97em; letter-spacing:-.2px}
.section5 .img_one_list li p:hover:after {opacity:1 }
.section5 .img_one_list li p img {width:100%}
.section5 .img_one_list li.hover_no p:after {display:none }

.section5 .img_one_list li:nth-child(2) p:hover:after { content:'VMS' }
.section5 .img_one_list li:nth-child(3) p:hover:after { content:'Bones&Joint' }
.section5 .img_one_list + .img_one_list li:nth-child(1) p:hover:after { content:'Immunity' }
.section5 .img_one_list + .img_one_list li:nth-child(2) p:hover:after { content:'Fat Reduce' }
.section5 .img_one_list + .img_one_list li:nth-child(3) p:hover:after { content:'Inner Beauty' }
 

.section5 .c_div .img_one_list li:nth-child(1) p:hover:after { content:'Liquid' }
.section5 .c_div .img_one_list li:nth-child(2) p:hover:after { content:'Powder';   }
.section5 .c_div .img_one_list li:nth-child(3) p:hover:after { content:'Solid' }
.section5 .c_div .img_one_list + .img_one_list li:nth-child(1) p:hover:after { content:'Jelly' }
.section5 .c_div .img_one_list + .img_one_list li:nth-child(2) p:hover:after { content:'Chewable' }
 
.section5 .last .img_one_list li:nth-child(2) p:hover:after { content:'Multi-Vial' }
.section5 .last .img_one_list li:nth-child(3) p:hover:after { content:'Multi-Pack' }
.section5 .last .img_one_list + .img_one_list li:nth-child(1) p:hover:after { content:'Vial' }
.section5 .last .img_one_list + .img_one_list li:nth-child(2) p:hover:after { content:'Stick' }
.section5 .last .img_one_list + .img_one_list li:nth-child(3) p:hover:after { content:'PTP' }
.section5 .last .img_one_list + .img_one_list li:nth-child(4) p:hover:after { content:'Bottle' }
 
 
.section5 .img_one_list li img.bg_img {min-width:100%;  min-height:100%; position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%);  transition: all 0.3s ease-out;}
 
.section5 .img_one_list li a {background-color:var(--main_c2); width:100%; height:100%; display:inline-block; color:#fff; box-sizing:border-box; padding:20px; position:relative; line-height:1.3}
.section5 .img_one_list li a span {position:absolute; right:20px; bottom:20px}
.section5 .img .last_list {width:646px}

.section5 .c_div { background-color:#f1f1f1; }
.section5 .c_div .left_area  {order:2; margin-left:auto }
.section5 .c_div .img  {order:1; margin-left:0}
.section5 a.btn {margin-top:15px}

@media all and (max-width:721px) {
		.section5 .left_area h4 { font-size:1.75em; line-height:1.2}
		.section5 .left_area {width:100%}
		.section5 .img {width:100%; margin-top:30px; height:250px}
		.section5 .img_one_list {width:100% !important}
		.section5 .c_div .left_area  {order:1;  }
		.section5 .c_div .img  {order:2;  }
		.section5 .img_one_list li a {padding:15px; font-size:.93em}
		.section5 .img_one_list li a span {  right:15px; bottom:10px}


}

.section6  {background-color:#f1f1f1}
.section6 > .flex {justify-content:space-between }
.section6 .tit {display:flex; align-items:center; font-family: 'poppins';  font-weight:600; font-size:1.75em;  border-bottom:4px solid var(--main_c2); padding-bottom:5px; margin-bottom:20px; justify-content:space-between}
.section6 .tit b {color:var(--main_c2); font-size:40px; line-height:1; font-weight:400}

.section6 > .flex .div_50 {width:48% }

.section6 .news_list li { cursor:pointer;  box-sizing:border-box; padding:25px 20px;  background-color:#fff;  margin-bottom:7px;  width:100%; font-size:1.1em  }
.section6 .news_list li b  {color:#000;
	width:100%; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	  word-wrap: break-word;
	 
	
}
.section6 .news_list li p {margin-top:3px; font-size:.88em; line-height:1.25;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.section6 .news_list li p img {display:none}

@media all and (max-width:721px) {
		.section6 > .flex .div_50 {width:100% }
		.section6 > .flex .div_50 + .div_50 {margin-top:30px}
		.section6 iframe {height:170px !important}
		.section6 .tit {font-size: font-size:1.75em;em}


}




@media all and (max-width:721px) {
  .bottom_inquiry {display:none}
 
}