@charset "utf-8";

.guide-main{padding-bottom:72px}
.guide-hero{position:relative;min-height:470px;padding:58px;border-radius:18px;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(21,16,38,.96) 0%,rgba(28,19,47,.84) 48%,rgba(34,19,45,.35) 100%),url(../img/header/image.jpg) no-repeat center;background-size:cover;box-shadow:0 24px 60px rgba(30,27,46,.2)}
.guide-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:50%;background:rgba(255,77,157,.22);filter:blur(30px)}
.guide-hero_content{position:relative;z-index:2;max-width:610px}
.guide-hero_label,.guide-section_label{color:var(--color-pink);font-size:12px;line-height:1;letter-spacing:.15em}
.guide-hero_kicker{margin-top:25px;font-size:18px;line-height:1.3}
.guide-hero_title{margin-top:8px;font-size:58px;line-height:1.15;letter-spacing:.05em}
.guide-hero_title span{color:#ff72b2}
.guide-hero_lead{margin-top:20px;color:#ff8fc0;font-size:17px;line-height:1.8}
.guide-hero_text{max-width:560px;margin-top:19px;color:rgba(255,255,255,.82);font-size:13px;line-height:2}
.guide-consent-card{position:absolute;z-index:3;right:38px;bottom:38px;width:330px;padding:22px;display:grid;grid-template-columns:58px 1fr;gap:16px;border:1px solid rgba(255,255,255,.4);border-radius:16px;color:var(--color-main);background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(15,12,26,.18);backdrop-filter:blur(12px)}
.guide-consent_icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--color-pink),#ff81b9);font-size:27px}
.guide-consent-card p{color:#8f8aa3;font-size:12px;line-height:1.4}
.guide-consent-card strong{display:block;margin:3px 0 8px;color:var(--color-pink);font-size:16px;line-height:1.5}
.guide-consent-card div>span{display:block;color:#777286;font-size:12px;line-height:1.7}
.guide-section_head{text-align:center}
.guide-section_head h2{margin-top:10px;color:var(--color-main);font-size:30px;line-height:1.4}
.guide-section_head h2 span{margin:0 3px;color:var(--color-pink);font-size:40px}
.guide-section_head>p:last-child{margin-top:8px;color:#8f8aa3;font-size:12px;line-height:1.7}
.guide-index{margin-top:52px}
.guide-index_list{display:none}
.guide-points{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.guide-point{position:relative;min-height:310px;padding:24px 19px 22px;border:1px solid #ece9f3;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(30,27,46,.07);scroll-margin-top:25px}
.guide-point_number{position:absolute;top:14px;left:14px;min-width:31px;height:25px;padding:0 7px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;background:linear-gradient(135deg,var(--color-pink),#ff7eb7);font-size:10px;line-height:1}
.guide-point_icon{height:62px;margin-top:28px;display:flex;align-items:center;justify-content:center;color:#ff6aaa;font-size:38px;line-height:1;letter-spacing:-.12em}
.guide-point_icon img{width:58px;height:58px;max-width:100%;max-height:100%;object-fit:contain}
.guide-point h2{margin-top:14px;min-height:48px;color:var(--color-main);font-size:15px;line-height:1.55;text-align:center}
.guide-point p,.guide-point li{color:#777286;font-size:12px;line-height:1.85}
.guide-point p{margin-top:13px}
.guide-point ul{margin-top:12px}
.guide-point li{position:relative;padding-left:12px}
.guide-point li:before{content:"";position:absolute;top:.84em;left:1px;width:4px;height:4px;border-radius:50%;background:var(--color-pink)}
.guide-point.is-important{border-color:#ffd1e5;background:linear-gradient(180deg,#fff 0,#fff7fb 100%)}
.guide-point.is-male .guide-point_icon{color:#527eea}
.guide-faq{margin-top:54px;padding:36px;border-radius:18px;background:linear-gradient(135deg,#fff 0,#fff5fa 100%);box-shadow:var(--shadow-card)}
.guide-faq_list{margin-top:26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.guide-faq details{padding:18px;border:1px solid #f1e4eb;border-radius:12px;background:#fff}
.guide-faq summary{list-style:none;cursor:pointer;color:var(--color-main);font-size:13px;line-height:1.65}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary:after{content:"＋";display:inline-block;margin-left:8px;color:var(--color-pink);transform:rotate(0deg);transform-origin:center;transition:transform .28s ease,color .28s ease}
.guide-faq details[open] summary:after{content:"＋";color:#8b61ef;transform:rotate(45deg)}
.guide-faq details[open] p{animation:guideFaqOpen .32s ease both}
@keyframes guideFaqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.guide-faq summary span{margin-right:5px;color:var(--color-pink);font-size:17px}
.guide-faq details p{margin-top:13px;padding-top:12px;border-top:1px solid #f2edf4;color:#777286;font-size:12px;line-height:1.85}
.guide-next{margin-top:54px}
.guide-next_list{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-next_card{min-height:155px;padding:24px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr auto;gap:0 18px;border-radius:17px;background:#fff;box-shadow:var(--shadow-card)}
.guide-next_card>span{grid-row:1/3;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:30px}
.guide-next_card>span img{width:30px;height:30px;object-fit:contain}
.guide-next_card strong{display:block;font-size:17px;line-height:1.5}
.guide-next_card p{margin-top:4px;color:#8f8aa3;font-size:12px;line-height:1.7}
.guide-next_card i{width:max-content;margin-top:12px;padding:9px 20px;border-radius:999px;color:#fff;font-size:12px;line-height:1}
.guide-next_card.is-pink{color:#e93486;background:linear-gradient(135deg,#fff 0,#fff3f8 100%)}
.guide-next_card.is-pink>span,.guide-next_card.is-pink i{background:linear-gradient(135deg,#ff4d9d,#f23887)}
.guide-next_card.is-purple{color:#5f54d9;background:linear-gradient(135deg,#fff 0,#f3f1ff 100%)}
.guide-next_card.is-purple>span,.guide-next_card.is-purple i{background:linear-gradient(135deg,#7b61ff,#5849cb)}
.guide-next_card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(30,27,46,.13)}
.guide-safety{margin:24px auto 0;max-width:850px;padding:17px 22px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #f0e4eb;border-radius:12px;color:#777286;background:#fff;text-align:left;font-size:12px;line-height:1.8}
.guide-safety>span:first-child{display:flex;flex:0 0 auto;align-items:center;justify-content:center}
.guide-safety span img{width:30px;height:30px;object-fit:contain}
.guide-safety_text{max-width:720px}

@media(max-width:1150px) and (min-width:769px){
.guide-hero{padding:42px}.guide-consent-card{position:relative;right:auto;bottom:auto;margin:28px 0 0;width:100%;max-width:460px}.guide-hero{display:block}.guide-points{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-point{min-height:250px}.guide-faq_list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
.guide-faq details[open] summary:after{content:"＋"!important;transform:rotate(45deg)!important}
}

@media(max-width:768px){
.guide-main{padding-bottom:48px}.guide-hero{min-height:0;padding:34px 22px 24px;display:block;border-radius:14px;background:linear-gradient(180deg,rgba(29,22,48,.48) 0%,rgba(29,22,48,.92) 64%,rgba(29,22,48,.98) 100%),url(../img/header/image.jpg) no-repeat 43% center;background-size:cover}.guide-hero_kicker{margin-top:18px;font-size:14px}.guide-hero_title{font-size:40px}.guide-hero_lead{margin-top:14px;font-size:14px}.guide-hero_text{font-size:12px;line-height:1.9}.guide-consent-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:24px;padding:16px;grid-template-columns:48px 1fr;gap:12px}.guide-consent_icon{width:48px;height:48px;font-size:22px}.guide-consent-card strong{font-size:14px}.guide-index{display:none}.guide-section_head h2{font-size:23px}.guide-section_head h2 span{font-size:31px}.guide-points{margin-top:30px;display:grid;grid-template-columns:1fr;gap:12px}.guide-point{min-height:0;padding:20px 18px 20px 77px}.guide-point_number{top:17px;left:17px}.guide-point_icon{position:absolute;top:52px;left:20px;width:39px;height:39px;margin:0;font-size:27px}.guide-point h2{min-height:0;margin-top:0;text-align:left;font-size:15px}.guide-point p,.guide-point ul{margin-top:9px}.guide-faq{margin-top:36px;padding:25px 16px;border-radius:14px}.guide-faq_list{margin-top:18px;display:grid;grid-template-columns:1fr;gap:8px}.guide-faq details{padding:14px}.guide-faq summary{position:relative;padding-right:25px;font-size:12px}.guide-faq summary:after{content:"＋";position:absolute;top:0;right:0;color:var(--color-pink);font-size:17px}.guide-faq details[open] summary:after{content:"−"}.guide-next{margin-top:38px}.guide-next_list{margin-top:20px;grid-template-columns:1fr;gap:12px}.guide-next_card{min-height:128px;padding:18px;grid-template-columns:54px 1fr;gap:0 13px}.guide-next_card>span{width:54px;height:54px;font-size:23px}.guide-next_card strong{font-size:14px}.guide-next_card i{padding:8px 15px}.guide-safety{margin-top:18px;padding:15px;justify-content:flex-start;text-align:left;font-size:12px}.guide-safety span img{width:32px;height:32px}
}