@charset "utf-8";
.hana .sub-tit span {padding-right: 45px}
.hana .sub-tit span:after{width: 29px; height: 25px; background: url('/Hana/img/main/main-tit-git.png') center no-repeat; right: 0; top: 0;}

/* s51 */
.s5 .arti1{position: relative; }
.s5 .arti1 figure{position: relative; height: 376px;}
.s5 .arti1 figure:before{position: absolute; content: ''; width: 253px; height: 209px; background:  url('/Hana/img/sub/s51-2.png') center no-repeat; right: 28px; bottom: -107px;}
.s5 .arti1 figure > img{width: 100%; height: 100%; object-fit:cover;}
.s5 .arti1 .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center; justify-content: center; text-align: center;}
.s5 .arti1 .tbx p{color: #FFF; text-align: center; font-size: 36px; font-weight: 700; line-height: 160%; }
.s51 .arti2{display: flex; gap:226px; margin-top: 80px;}
.s51 .arti2 .lbx{width: auto;}
.s51 .arti2 .lbx p{color:#222; font-size: 36px; font-weight: 700; line-height: 160%; margin-left: -3px;}
.s51 .arti2 .lbx p b{display: block; color: #EB766C; font-size: 50px; font-weight: 700; line-height: 120%; }
.s51 .arti2 .rbx{flex:1; display: flex; flex-direction: column; gap:35px; padding-top: 50px;} 
.s51 .arti2 .rbx b{color: #222; font-size: 30px; font-weight: 600; line-height: 160%; }
.s51 .arti2 .rbx .p-box{display: flex; flex-direction: column; gap:20px;}
.s51 .arti2 .rbx .p-box p{color: #444; font-size: 24px; font-weight: 400; line-height: 160%; }
.s51 .arti2 .rbx .p-box p:last-child{margin-top: 20px;}

/* s52 */
.s52 .arti2{display: flex; flex-direction: column; gap:60px; margin-top: 100px;}
.s52 .arti2 .box{position: relative; padding-bottom: 60px; display: flex; gap:58px; border-bottom: 1px solid #EEE;}
.s52 .arti2 .box:last-child{border-bottom: 0;}
.s52 .arti2 .box > *{ box-sizing: border-box;}
.s52 .arti2 .box > figure{max-width:762px; width: 100%;}
.s52 .arti2 .box > .tbx{padding-left: 40px; flex:1; padding-top: 43px;}
.s52 .arti2 .box > .tbx > span{color: #FFEDEB; font-size: 70px; font-weight: 700; line-height: 100%; }
.s52 .arti2 .box > .tbx > .text {display: flex; flex-direction: column; gap:20px; margin-top: 40px;}
.s52 .arti2 .box > .tbx > .text b{color: #222; font-size: 32px; font-weight: 700; line-height: 160%; }
.s52 .arti2 .box > .tbx > .text p{color: #444; font-size: 24px; font-weight: 400; line-height: 160%; }

.s52 .arti2 .box:nth-child(2n+2){  flex-direction: row-reverse;}