@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
#articleInfo1 .tit {background:#fef3e2;padding: 30px 100px 50px;border-radius: 0 0 150px 150px;}
#articleInfo1 .tit h2{color: #84ad71;font-weight:bold;font-size:36px}
#articleInfo1 .tit p{color: #603813;font-size: 22px;font-weight: bold;position: relative;z-index: 2;}
#articleInfo1  h3{color: #84ad71;font-weight:bold;font-size:36px;margin: 45px 0 0;}
#articleInfo1 img{width:100%;}
#articleInfo1 p{color: #603813;font-size: 22px;font-weight: bold;position: relative;z-index: 2;}
#articleInfo1 .box *{color:#fff;}
#articleInfo1 .box{background: #c1caaf;padding: 20px 40px;margin: 30px 0;border-radius: 20px;}
#articleInfo1 .box.blue{background:#a8d2e5}
#articleInfo1 .box h3{margin:0}
#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(2, 1fr);gap: 70px;align-items: center;}

@media screen and (max-width: 1024px){
    #articleInfo1 .info p{font-size:20px;}
    #articleInfo1 .tit p:last-child:after{bottom: 38px;}
}
@media screen and (max-width:768px){
    #articleInfo1 .twobox{grid-template-columns:1fr;gap: 30px;}
}
@media screen and (max-width:640px){
    #articleInfo1 .photo{grid-template-columns:1fr}
    #articleInfo1 .info ul{gap: 35px;grid-template-columns: repeat(2, 1fr);}
    #articleInfo1 h3{font-size:30px;}
    #articleInfo1 .tit p:last-child:after{width: 185px;left: 0;}
    #articleInfo1 .tit p:last-child:before{content:'';width: 135px;background: #dcc0a2;opacity: .5;height: 20px;position: absolute;border-radius: 5px;left: 155px;z-index: -1;bottom: 76px;}
    #articleInfo1 .tit{padding: 30px 20px 50px;border-radius: 0 0 70px 70px;}
}