@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');.titleBox{display:none}

.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}

#articleInfo1{width:80%;margin: 0 auto;}
#articleInfo1 .wow{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo1 .iconitem{width:70%;margin: 0 auto 60px;}
#articleInfo1 .iconitem .iconBox{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 50px;justify-content:center}
#articleInfo1 .tit .img{display:grid;grid-template-columns:repeat(3,1fr);background:#a9bc9f;padding:60px 70px;margin:30px 0;border-radius:40px;gap:70px}
#articleInfo1 .tit h2{margin: 50px 0;}
#articleInfo1 .tit h2,#articleInfo1 .tit h2 font,#articleInfo1 .tit h2 font b,#articleInfo1 .ImgArea .albumList li p{color:#80a86f;letter-spacing:3px;line-height:140%;font-size:34px}
#articleInfo1 .tit h2 font b{font-size:46px;vertical-align: baseline;}
#articleInfo1 .tit h2 span{color:#6a3906;font-size:25px;vertical-align:baseline;position:relative;line-height:120%}
#articleInfo1 .tit h2.title{text-align:center;font-size:36px;letter-spacing:14px;position:relative}
#articleInfo1 .tit h2.title:after{content:url(/images/44/img-squirrel3.png);position:absolute;transform:scaleX(-1);top:-30px;right:20px}
#articleInfo1 .box h3{}
#articleInfo1 .tit h2,#articleInfo1 .box h3{font-weight:bold;text-align: center;}
#articleInfo1  h3{color:#7f4f21;font-weight:bold;font-size:34px;margin:45px auto 0}
#articleInfo1 .tit .imgBox{position:relative;margin:40px 0}
#articleInfo1 .tit .imgBox .Txt{position:absolute;top:0;left:50%;transform:translate(-50%,30%);width:90%;text-align:center;background-color:rgb(255 255 255 / 80%);border-radius:30px;border:3px solid #7f4f21;padding:13px 20px;font-size:32px;letter-spacing:10px;line-height:140%}
#articleInfo1 .tit .imgBox .bg-y{ background-color: #e3d1ac;}
#articleInfo1 .tit .video iframe{width: 100%;aspect-ratio: 16 / 9;object-fit: contain;}
#articleInfo1 img{width:100%}
#articleInfo1 p{color:#603813;font-size:22px;font-weight:bold;position:relative;z-index:2}
#articleInfo1 .box{margin:70px auto}
#articleInfo1 .box .info{display:grid;grid-template-columns:50% 50%;justify-content:space-between;align-items:center}
#articleInfo1 .box .info h5{color:#698659;font-weight:bold;font-size:36px;vertical-align:baseline;line-height:1;display:inline-block;background:rgb(238 210 175 / 50%);padding:10px 20px 7px;border-radius:15px}
#articleInfo1 .box .info p{color:#40220f;font-weight:bold;margin:10px 0;font-size:36px}
#articleInfo1 .box h3{margin:30px 0;position:relative;line-height:1;font-size:26px;letter-spacing:2px;line-height:160%}
#articleInfo1 .twobox{display:grid;grid-template-columns:35% 60%;justify-content:space-around;margin:30px 0}
#articleInfo1 .info p{margin-bottom:30px}
#articleInfo1 .info ul{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}
#articleInfo1 .info li b{display:block;text-align:center;margin-top:20px;color:#a48b78;font-size:22px}
#articleInfo1 .twobox.blue li b{color:#88b1bb}
#articleInfo1 .photo{display:grid;justify-content:space-around;margin:80px 0;grid-template-columns:repeat(7,1fr);gap:40px;align-items:center}
#articleInfo1 .box .imgg{margin:20px 0}
#articleInfo1 .ImgArea{color:#80a86f;letter-spacing:3px;line-height:140%;font-size:34px;margin-bottom:50px}
#articleInfo1 .ImgArea .albumList{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 50px}
#articleInfo1 .ImgArea .albumList li{}
#articleInfo1 .ImgArea .albumList li p{text-align:center;margin-bottom:10px;letter-spacing:6px}
#articleInfo1 .compare-img{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;justify-items:stretch;margin-bottom:60px}
@media screen and (max-width:1024px){
    #articleInfo1 .topBar,#articleInfo1 .img:not(.ii),#articleInfo1 .box{width:auto;}
    #articleInfo1{width:90%;}
    #articleInfo1 .tit .imgBox .Txt{font-size:25px;letter-spacing:2px}
    #articleInfo1 .tit h2.title:after{right: -100px;zoom:80%}
}
@media screen and (max-width: 768px){
    #articleInfo1 .tit h2.title:after{right: -140px;zoom: 70%;top:-25px}
    #articleInfo1 .twobox,#articleInfo1 .box .info{grid-template-columns:1fr;gap:0px}
    #articleInfo1 .tit .img{gap:20px;padding:30px 40px}
    #articleInfo1 .photo{gap:25px;grid-template-columns:repeat(4,1fr)}
    #articleInfo1 .tit h2,#articleInfo1 .tit h2 font,#articleInfo1 .ImgArea .albumList li p{font-size: 24px;letter-spacing:3px}
    #articleInfo1 .tit h2 font b{font-size:35px}
    #articleInfo1 .tit h2 span{font-size:19px}
    #articleInfo1 .box h3,#articleInfo1 h3{font-size:24px}
    #articleInfo1 .box .imgg{margin:0}
    #articleInfo1 .ImgArea .albumList{grid-template-columns:1fr;gap:30px 50px}
    #articleInfo1 .iconitem{margin: -50px auto 30px;width:90%}
    #articleInfo1 .iconitem .iconBox{gap:20px 10px}
    #articleInfo1 .tit .imgBox .Txt{width:80%;font-size:22px;letter-spacing:-1px}
}
@media screen and (max-width:640px){
    #sub_banner_box .parallax_bg{min-height: 295px;background-position: 51% 50%;}
    #articleInfo1 .tit h2.title{font-size:24px;letter-spacing:1px}
    #articleInfo1 .tit h2.compare:after{display:none;}
    #articleInfo1 .tit h2.title:after{right: -90px;zoom: 30%;top: -50px;}
    #articleInfo1 .photo{gap:15px;grid-template-columns:repeat(3,1fr)}
    #articleInfo1 .box .info h5{font-size:24px}
    #articleInfo1 .box h3:after{width:170px;left:105px;bottom:4px}
    #articleInfo1 .tit .img{grid-template-columns:1fr}
    #articleInfo1 .tit span:first-child:before{width:155px;left:-177px}
    #articleInfo1 .tit span:first-child:after{width:150px;bottom:45px}
    #articleInfo1 .tit span:after{width:30px;bottom:45px}
    #articleInfo1 .box h3,#articleInfo1 h3#articleInfo1 .tit span,#articleInfo1 h3{font-size:22px}
    #articleInfo1 .tit h2{font-size:22px;margin: 25px 0;}
    #articleInfo1 .tit span b,#articleInfo1 .box h3 b{font-size:30px}
    #articleInfo1 .tit .imgBox .Txt{position:relative;transform:translate(-50%,0);margin-bottom:20px;font-size: 20px;}
    #articleInfo1 .compare-img{grid-template-columns:repeat(1,1fr);}

}