body{background:#292929}main *{color:#fff}@media screen and (max-width:767px){.lab-header{margin:-15px 0 25px}}.lab-header img{display:block;width:100%;height:auto}@media screen and (max-width:767px){.lab-header img{width:100vw;margin-left:-15px}}.fruits_illust{height:500px;position:relative;overflow:hidden;background:#fff;margin:-30px 0 30px}@media screen and (max-width:767px){.fruits_illust{height:250px}}.fruits_illust .illust{height:100%;position:relative}.fruits_illust .fruits_bg_image{height:535px;position:relative;top:50%;left:0;transform:translateY(-50%)}@media screen and (max-width:767px){.fruits_illust .fruits_bg_image{height:285px}}.fruits_illust .fruits_bg_image img{display:inline-block;width:auto;height:100%;position:relative;left:50%;transform:translate(-50%)}.fruits_illust .illust:before{--grad1: #f1a283;--grad2: #e65a24;--grad-distance: 10%;content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right,var(--grad1) 0%,var(--grad2) var(--grad-distance),var(--grad2) calc(50% - var(--grad-distance)),var(--grad1) 50%,var(--grad2) calc(50% + var(--grad-distance)),var(--grad2) calc(100% - var(--grad-distance)),var(--grad1) 100%)}.fruits_illust .illust:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background-image:linear-gradient(0deg,transparent calc(100% - 1px),#fc3d00 calc(100% - 1px)),linear-gradient(90deg,transparent calc(100% - 1px),#fc3d00 calc(100% - 1px));background-size:32px 32px;background-repeat:repeat;background-position:center center;z-index:2}.lab{width:980px;margin:0 auto}@media screen and (max-width:767px){.lab{width:auto}}.lab .top_text{font-size:24px;line-height:calc(46 / 24);margin:70px 0}@media screen and (max-width:767px){.lab .top_text{font-size:22px;line-height:calc(74 / 44);margin:30px 0}}.lab .posts{display:flex}@media screen and (max-width:767px){.lab .posts{display:block}}.lab article{width:484px;margin-top:40px;border-radius:12px;overflow:hidden;background:var(--black);position:relative}@media screen and (max-width:767px){.lab article{width:auto;margin-top:25px}}.lab article:nth-of-type(2n){margin-left:12px}@media screen and (max-width:767px){.lab article:nth-of-type(2n){margin-left:0}}@media(hover:hover){.lab a:hover img{transform:scale(1.1)}.lab a:hover .more:after{transform:translate(50%,-50%) scale(2)}}.lab .image{height:200px;overflow:hidden}@media screen and (max-width:767px){.lab .image{height:142px}}.lab img{object-fit:cover;width:100%;height:100%;transition:all .5s ease-out}.lab .info{padding:20px 20px 60px}@media screen and (max-width:767px){.lab .info{padding:15px 15px 55px}}.lab .category,.lab .date{display:inline-block;vertical-align:middle}.lab .category{background:#fff;border-radius:4px;padding:2px 5px;color:var(--black);font-size:16px}.lab .date{font-size:18px;margin-left:.7em}.lab .title{font-size:20px;line-height:1.5;margin-top:20px}@media screen and (max-width:767px){.lab .title{margin-top:10px}}.lab .more{position:absolute;font-size:14px;height:48px;line-height:48px;text-align:right;right:0;bottom:0;padding-right:50px;letter-spacing:.05em}.lab .more:after{content:"";position:absolute;right:25px;top:50%;border-radius:6px;width:6px;height:6px;background:#fff;transform:translate(50%,-50%);transition:all .5s ease-out}.header_image_wrap{padding:0 20px}@media screen and (max-width:767px){.header_image_wrap{padding:0;width:calc(100vw - 10px);margin-left:-10px}}.header_image_wrap .header_image{height:430px;margin:-10px auto 25px;overflow:hidden;border-radius:12px}@media screen and (max-width:767px){.header_image_wrap .header_image{height:245px}}.header_image_wrap .header_image img{object-fit:cover;width:100%;height:100%}.lab-single{margin:35px auto 0;width:880px}@media screen and (max-width:767px){.lab-single{margin-top:20px;width:auto}}.lab-single h1{font-size:34px;line-height:calc(52 / 34)}@media screen and (max-width:767px){.lab-single h1{font-size:22px;line-height:calc(74 / 44)}}.lab-single .content{margin-top:70px;font-size:16px}@media screen and (max-width:767px){.lab-single .content{margin-top:30px}}.lab-single .content *{line-height:1.875}.lab-single .pagination_area a{color:#fff}
