@charset "utf-8";

#meatorrhaphy .top-intro { color: #fff; } 

/* section-2*/
#meatorrhaphy .section-2 {margin-top:280px;}
#meatorrhaphy .section-2 .section-tit { text-align: center; margin-bottom: 100px; opacity: 0; transform: translateY(80px); } 
#meatorrhaphy .section-2 .section-tit .sml-txt { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#meatorrhaphy .section-2 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#meatorrhaphy .section-2 .recommend-lists { width: 1000px; margin: 0 auto; } 
#meatorrhaphy .section-2 .recommend-lists .lists { float: left; width: 19.2%; text-align: center; font-size: 20px; opacity: 0; transform: translateY(60px); } 
#meatorrhaphy .section-2 .recommend-lists .lists-1 { margin-left: 2%; } 
#meatorrhaphy .section-2 .recommend-lists .lists-5 { margin-right: 2%; } 
#meatorrhaphy .section-2 .recommend-lists .lists > img { margin: 0 auto 35px; } 
#meatorrhaphy .section-2 .recommend-lists .lists .recommend-txt { line-height: 1.5; } 
#meatorrhaphy .section-2 .recommend-lists .lists .recommend-txt strong { color: #900020; font-weight: normal; } 
#meatorrhaphy .section-2.viewing .section-tit { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#meatorrhaphy .section-2.viewing .recommend-lists .lists { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#meatorrhaphy .section-2.viewing .recommend-lists .lists-2 { transition-delay: 0.25s; } 
#meatorrhaphy .section-2.viewing .recommend-lists .lists-3 { transition-delay: 0.5s; } 
#meatorrhaphy .section-2.viewing .recommend-lists .lists-4 { transition-delay: 0.75s; } 
#meatorrhaphy .section-2.viewing .recommend-lists .lists-5 { transition-delay: 1s; } 

/* section-3 */
#meatorrhaphy .section-3 { margin-top: 187px; } 
#meatorrhaphy .section-3 .title { text-align: center;} 
#meatorrhaphy .section-3 .title .lrg-txt {font-weight: bold; font-size:48px; display:block;line-height: 1.3;}
#meatorrhaphy .section-3 .title .sml-txt {font-size:22px; line-height:1; margin-top:60px; display:block; }
#meatorrhaphy .section-3 .main-box {margin-top: 113px; display: flex;align-items: center;justify-content: space-between;}
#meatorrhaphy .section-3 .main-box > img{padding-left: 60px;}
#meatorrhaphy .section-3 .main-box .right-txt-con{padding-right: 38px;}
#meatorrhaphy .section-3 .main-box .right-txt-con .big-font{font-size: 42px;font-weight: bold;line-height: 1.3;}
#meatorrhaphy .section-3 .main-box .right-txt-con .sml-font{font-size: 20px;margin-top: 60px;}

/* section-4 */
#meatorrhaphy .section-4 {background:#f6f6f6; padding:100px 0;margin-top: 190px;}
#meatorrhaphy .section-4 .title { text-align: center;} 
#meatorrhaphy .section-4 .title .lrg-txt {font-weight: bold; font-size:48px; display:block;line-height: 1.3;}
#meatorrhaphy .section-4 .title .sml-txt {font-size:22px; line-height:1; margin-top: 50px; display:block; margin-bottom:65px;}
#meatorrhaphy .section-4 .megafill-img {margin:0 auto;}

/* section-5 */
#meatorrhaphy .section-5 { margin-top: 196px; } 
#meatorrhaphy .section-5 .section-tit { text-align: center; margin-bottom: 95px; opacity: 0; transform: translateY(80px);} 
#meatorrhaphy .section-5 .section-tit .sml-txt-1 { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#meatorrhaphy .section-5 .section-tit .sml-txt-2 { font-size: 20px; } 
#meatorrhaphy .section-5 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#meatorrhaphy .section-5 .advantage-lists { background: url("/images/expansion_circle_boundary.png") no-repeat; width: 1074px; height: 340px; margin: 0 auto; position: relative; } 
#meatorrhaphy .section-5 .advantage-lists .lists { position: absolute; width: 300px; height: 300px; color: #fff; border-radius: 50%; top: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-align: center; opacity: 0; transform: translate(-40px, -50%); } 
#meatorrhaphy .section-5 .advantage-lists .lists-1 { background: #900020; left: 21px; z-index: 100; } 
#meatorrhaphy .section-5 .advantage-lists .lists-2 { background: #a71032; z-index: 200; left: 265px; } 
#meatorrhaphy .section-5 .advantage-lists .lists-3 { background: #db2c53; left: 509px; z-index: 300; } 
#meatorrhaphy .section-5 .advantage-lists .lists-4 { background: #e85d7c; left: 754px; z-index: 400; } 
#meatorrhaphy .section-5.viewing .section-tit {opacity: 1; transform: translateY(0px); transition: all 1s ease;} 
#meatorrhaphy .section-5.viewing .advantage-lists .lists { opacity: 1; transform: translate(0px, -50%); transition: all 1s ease; } 
#meatorrhaphy .section-5.viewing .advantage-lists .lists-2 { transition-delay: 0.3s; } 
#meatorrhaphy .section-5.viewing .advantage-lists .lists-3 { transition-delay: 0.6s; } 
#meatorrhaphy .section-5.viewing .advantage-lists .lists-4 { transition-delay: 0.9s; }