@media screen and (max-width: 768px) { #page-top { width: 46px; } }
.p-guide_page_popup { border: 2px solid #b8496e; background-color: #fbf6f8; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; position: fixed; right: -2px; bottom: 129px; z-index: 10; width: 370px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18), 0 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18), 0 2px 2px 0 rgba(0, 0, 0, 0.15); }
.p-guide_page_popup * { -webkit-box-sizing: border-box; box-sizing: border-box; }
@media all and (max-width: 980px) { .p-guide_page_popup { z-index: 1; } }
@media all and (max-width: 768px) { .p-guide_page_popup { border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 10px; right: inherit; left: -2px; bottom: 89px; width: 320px; } }
.p-guide_page_popup.isOn { padding-left: 20px; padding-right: 20px; }
@media all and (max-width: 768px) { .p-guide_page_popup.isOn { padding-left: 10px; padding-right: 10px; } }
.p-guide_page_popup.isOn .section-intro { opacity: 0; visibility: hidden; -webkit-transition: .05s; transition: .05s; padding-bottom: 0; height: 0; }
.p-guide_page_popup.isOn .section-titleWrap { opacity: 1; visibility: visible; -webkit-transition: .05s; transition: .05s; }
.p-guide_page_popup.isOn .section-sub { opacity: 1; visibility: visible; -webkit-transition: .05s; transition: .05s; height: auto; }
.p-guide_page_popup.isOn .section-sub.sub1 { height: 0; padding: 0 0px; }
.p-guide_page_popup.isOn .section-sub.sub1.isOn { opacity: 1; visibility: visible; height: auto; padding: 50px 0px 50px; }
@media all and (max-width: 768px) { .p-guide_page_popup.isOn .section-sub.sub1.isOn { padding: 50px 0px 20px; } }
.p-guide_page_popup.isOn .section-sub.sub2 { height: 0; padding: 0 0px; }
.p-guide_page_popup.isOn .section-sub.sub2.isOn { opacity: 1; visibility: visible; height: auto; padding: 50px 0px 50px; }
@media all and (max-width: 768px) { .p-guide_page_popup.isOn .section-sub.sub2.isOn { padding: 50px 0px 20px; } }
.p-guide_page_popup.isOn .section-sub.sub3 { height: 0; padding: 0 0px; }
.p-guide_page_popup.isOn .section-sub.sub3.isOn { opacity: 1; visibility: visible; height: auto; padding: 50px 0px 50px; }
@media all and (max-width: 768px) { .p-guide_page_popup.isOn .section-sub.sub3.isOn { padding: 50px 0px 20px; } }
.p-guide_page_popup .section-intro { padding: 20px 20px; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: .05s; transition: .05s; }
@media all and (max-width: 768px) { .p-guide_page_popup .section-intro { padding: 10px 10px; } }
.p-guide_page_popup .section-intro:hover { -webkit-transition: .05s; transition: .05s; background-color: #f8e5e5; }
.p-guide_page_popup .section-intro p { margin: 0; }
.p-guide_page_popup .section-intro .text1 { font-size: 16px; font-weight: bold; color: #b8496e; }
.p-guide_page_popup .section-intro .text2 { font-size: 12px; font-weight: bold; color: #b8496e; }
.p-guide_page_popup .section-titleWrap { opacity: 0; visibility: hidden; -webkit-transition: .0s; transition: .0s; color: #fff; font-size: 16px; font-weight: bold; text-align: center; line-height: 1; position: absolute; top: 0; left: 0; z-index: 11; background-color: #b8496e; width: 100%; padding: 20px 0; }
@media all and (max-width: 768px) { .p-guide_page_popup .section-titleWrap { padding: 15px 0; } }
.p-guide_page_popup .section-titleWrap .-inner { position: relative; }
.p-guide_page_popup .section-titleWrap .title { font-size: 16px; font-weight: bold; line-height: 1; color: #fff; text-align: center; }
.p-guide_page_popup .section-titleWrap .close-btn { position: absolute; top: 8px; right: 16px; width: 15px; height: 15px; cursor: pointer; }
.p-guide_page_popup .section-titleWrap .close-btn::before { content: ""; display: block; width: 20px; height: 1px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0px; right: 0px; }
.p-guide_page_popup .section-titleWrap .close-btn::after { content: ""; display: block; width: 20px; height: 1px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 0px; right: 0px; }
.p-guide_page_popup .section-sub { opacity: 0; visibility: hidden; -webkit-transition: .05s; transition: .05s; height: 0; }
.p-guide_page_popup .section-sub.sub1 { opacity: 0; visibility: hidden; height: 0; }
.p-guide_page_popup .section-sub.sub2 { opacity: 0; visibility: hidden; height: 0; }
.p-guide_page_popup .section-sub.sub3 { opacity: 0; visibility: hidden; height: 0; }
.p-guide_page_popup .section-sub .lead { margin-bottom: 10px; }
@media all and (max-width: 768px) { .p-guide_page_popup .section-sub .lead { font-size: 16px; line-height: 1.4; } }
.p-guide_page_popup .section-sub .list { margin: 0; }
.p-guide_page_popup .section-sub .list > li { list-style: none; margin-left: 0; }
.p-guide_page_popup .section-sub .list > li + li { margin-top: 10px; }
@media all and (max-width: 768px) { .p-guide_page_popup .section-sub .list > li + li { margin-top: 6px; } }
.p-guide_page_popup .section-sub .list > li a { display: block; border: 2px solid #f4e4e9; background-color: #fff; border-radius: 10px; padding: 8px 10px; -webkit-transition: .3s; transition: .3s; }
@media all and (max-width: 768px) { .p-guide_page_popup .section-sub .list > li a { font-size: 16px; line-height: 1.4; } }
.p-guide_page_popup .section-sub .list > li a:hover { border: 2px solid #b8496e; -webkit-transition: .3s; transition: .3s; }
.p-guide_page_popup .section-sub .list > li a.btn-reset { background-color: #eee; border-color: #ccc; }
.p-guide_page_popup .section-sub .list > li a.btn-reset:hover { border-color: #999; }