.main {padding: 1.5rem; padding-bottom: 7rem;}
.main h1 {font-size: 2.2rem; font-weight: bold; position: relative; padding-left: 2rem; line-height: 2.5rem; word-break: keep-all;}
.main h1::before {content: ""; width: .7rem; height: .7rem; border-radius: 50%; background-color: #ef304e; position: absolute; top: 50%; transform: translateY(-50%); left: 0.5rem;}
.main ul {margin: 3rem 0;}
.main ul li {margin: 1.4rem 0;}
.main ul li .title {font-size: 2rem; font-weight: bold;}
.main ul li .content {font-size: 1.8rem; padding: 1.2rem 0; line-height: 1.5; word-break: keep-all;}

.main .btn_wrap {display: flex; flex-direction: column; align-items: center; margin-bottom: 12rem;}
.main .btn_wrap a {width: 50%; font-size: 1.5rem; padding: 1rem; background-color: #eee; text-align: center; margin: .7rem 0; border-radius: 2rem; color: #fff;}
.main .btn_wrap .detail {background-color: #0e72e4;}
.main .btn_wrap .home {background-color: #888;}

/* share */
footer {position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ddd; padding: 2rem 1.2rem 3rem; background-color: #fff;}
footer > span {font-size: 1.3rem; position: absolute; top: -.7rem; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 0 .5rem;}
footer ul {display: flex; gap: .5rem;}
footer ul li {width: 33.3%; text-align: center;}
footer ul li button img {width: 100%;}