@charset "utf-8";

.detail_page{padding-top:70px;background:#F4EFED;}
.detail_hero{position:relative;height:366px;background-position:center;background-size:cover;}
.detail_hero::after{position:absolute;inset:0;background:rgba(45,38,33,.12);content:"";}
.detail_hero > img{display:none;}
.detail_hero > div{position:absolute;z-index:1;top:130px;left:max(70px,calc((100vw - 1140px) / 2));color:#fff;}
.detail_hero p{margin:0;font-family:"Cormorant Infant",serif;font-size:42px;line-height:46.6px;letter-spacing:.08em;}
.detail_hero h1{margin:9px 0 0;font-family:"Zen Kaku Gothic New",sans-serif;font-size:16px;font-weight:500;line-height:46.6px;letter-spacing:.08em;}
.webgene-blog{background:#F4EFED;}
.detail_article{position:relative;box-sizing:border-box;margin:auto;}
.detail_article > h1{font-family:"Zen Old Mincho",serif;font-size:30px;font-weight:500;line-height:43.4px;letter-spacing:.08em;}
.detail_meta{display:flex;align-items:center;gap:5px;color:#817973;gap: 20px;}
.detail_meta .meta_text{font-family:"Zen Old Mincho",serif;font-size:14px;}
.detail_meta p.cate_txt{display:flex;align-items:center;justify-content:center;width:80px;border-radius:50px;background:#ddd6d0;color:#3b3630;font-size:12px;}
.detail_article > img{margin:0 0 40px;object-fit:cover;}
.detail_article > p{margin:0;font-family:"Zen Kaku Gothic New",sans-serif;font-size:15px;line-height:29px;letter-spacing:.02em;overflow:hidden;}
.detail_article > p:nth-of-type(n+2){display:none;}

@media screen and (max-width:768px){
	.detail_page{padding-top:60px;}
	.detail_hero{height:376px;}
	.detail_hero > div{top:auto;bottom:42px;left:30px;}
	.webgene-blog{}
	.detail_article{}
	.detail_article > h1{font-size:24px;line-height:43.2px;}
	.detail_meta{}
	.detail_article > img{margin-bottom:30px;}
	.detail_article > p{font-size:14px;line-height:29px;}
}