@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: #F4F4F4;padding: 11.2rem 5vw 4rem;}
#contentsmain .inner-Box {margin: 0 auto 8rem;position: relative;max-width: 1100px;text-align: center;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.img img{  }

#contentsmain .inner-Box1,#contentsmain .inner-Box3{margin: 0 auto 12rem;position:relative;max-width:1000px;display:flex;gap:8rem;align-items:flex-start;}
#contentsmain .inner-Box1 .left-Box,#contentsmain .inner-Box3 .left-Box{margin:0;position:relative;flex:1;padding-top: 4.7rem;}
#contentsmain .inner-Box1 .right-Box,#contentsmain .inner-Box3 .right-Box{margin:0;position:relative;width:46rem;flex-shrink:0;}

#contentsmain .inner-Box2 {margin: 0 auto 12rem;position:relative;max-width:1000px;display:flex;gap:8rem;align-items:flex-start;}
#contentsmain .inner-Box2 .left-Box{margin:0;position:relative;flex:1;padding-top: 4.7rem;order:2;}
#contentsmain .inner-Box2 .right-Box{margin:0;position:relative;width:46rem;flex-shrink:0;order:1;}


#contentsmain span.en{display:block;line-height:1;position:absolute;top:0;left:0;transform-origin:center center;animation:rotate360 20s linear infinite;}
@keyframes rotate360{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#contentsmain span.en img {width: 100%;height: auto;}
#contentsmain p.no {position: relative;font-size: 2.4rem;line-height: 0.875;letter-spacing: 0.24rem;font-weight: 500;text-align: center;font-family: 'Poppins', sans-serif;color: #50A578;width: 6.5rem;height: 6.5rem;display: block;padding-top: 2.3rem;}
#contentsmain h2 {position: relative;color: #50A578;font-size: 2.8rem;line-height: 1.5;font-weight: 700;text-align: left;margin-left: 8rem;margin-top: -5.4rem;margin-bottom: 2.4rem;letter-spacing: 0.05em;}
#contentsmain p.text {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.08rem;font-weight: 400;text-align: left;}
#contentsmain p.text span {font-weight: bold;}
#contentsmain .right-Box figure.photo { overflow: hidden; border-radius: 1.8rem; }
#contentsmain .right-Box figure.photo img{width: 100%;height: auto;}


}

@media screen and (max-width: 767px) {

#contentsmain{margin:0 auto;position:relative;background:#F4F4F4;padding: 12.367vw 6.40vw 4.667vw;}
#contentsmain .inner-Box{margin: 0 auto 8.933vw;position:relative;max-width:1100px;text-align:center;}
#contentsmain .inner-Box figure.img{position:relative;top:0;left:0;}
#contentsmain .inner-Box figure.img img{}

#contentsmain .inner-Box1,#contentsmain .inner-Box2,#contentsmain .inner-Box3{margin: 0 auto 12.6vw;position:relative;}
#contentsmain .inner-Box1 .left-Box,#contentsmain .inner-Box2 .left-Box,#contentsmain .inner-Box3 .left-Box{margin: 0 0vw 7.6vw;position:relative;}
#contentsmain .inner-Box1 .right-Box,#contentsmain .inner-Box2 .right-Box,#contentsmain .inner-Box3 .right-Box{margin:0;position:relative;}

#contentsmain span.en{display:block;line-height:1;position:absolute;width: 12.133vw;top:0;left:0;transform-origin:center;animation:rotate360 20s linear infinite;}
@keyframes rotate360{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#contentsmain span.en img{width:100%;height:auto;}
#contentsmain p.no{position:relative;font-size: 4.9vw;line-height:0.875;letter-spacing:0.64vw;font-weight:500;text-align:center;font-family:'Poppins',sans-serif;color:#50A578;width: 12.133vw;height: 12.133vw;display:block;padding-top: 4.133vw;}
#contentsmain h2{margin-bottom: 4.967vw;position:relative;color:#50A578;margin-left: 16.333vw;margin-top: -10.3vw;font-size: 5.867vw;line-height: 1.5;letter-spacing: 0.293vw;font-weight: 700;text-align: left;}
#contentsmain p.text{position:relative;font-size: 4vw;line-height: 1.8;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}
#contentsmain p.text span{font-weight:bold;}
#contentsmain .right-Box figure.photo{overflow:hidden;border-radius:4.27vw;}
#contentsmain .right-Box figure.photo img{width:100%;height:auto;}

}