body:has(.login_faq) #wrap,
body:has(.login_faq) .footerPopup {
  display: none;
}
body:has(.login_faq) .header_menu {
 position: fixed;
 top: 0;
 right: 0;
 z-index: 1000;
}
body:has(.login_faq) .header_menu .btn_menu,
body:has(.login_faq) .header_menu .btn_close img {
 cursor: pointer;
}
body:has(.login_faq) .header_menu .btn_menu img {
  width: 213px;
  height: auto;
}
body:has(.login_faq) .header_menu .btn_close {
 text-align: right;
}
body:has(.login_faq) .menu_content {
 display: none;
 background: #fff;
 position: fixed;
 top: 10px;
 right: 20px;
 max-width: 90%;
 width: 304px;
 border-radius: 10px;
 z-index: 1000;
 padding: 10px 10px 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
body:has(.login_faq) .menu_content ul {
 padding: 0 20px 10px;
 text-align: left;
}
body:has(.login_faq) .menu_content ul a {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 20px;
 color: inherit;
}
body:has(.login_faq) .menu_content ul a:after {
 content: "";
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_arrow_bottom.svg) no-repeat center center;
 background-size: contain;
 display: inline-block;
  width: 24px;
  height: 18px;
  margin-left: 10px;
}
body:has(.login_faq) .sp-header-menu .sp-menu-btn:first-of-type {
  background: #71BDA2;
}

body:has(.login_faq) main {
 margin: 0;
}
body:has(.seach_result) div {
 display: none;
}
body:has(.seach_result) main div,
body:has(.seach_result) #wrap,
body:has(.seach_result) .seach_result {
 display: block;
}

.login_faq {
 font-size: 16px;
 letter-spacing: 1px;
 color: #194056;
}

.login_faq .footer_faq .wrap {
  max-width: 100%;
  width: 100%;
  position: relative;
  padding: 24px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}

.login_faq #mainVisual {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/mv_bg.png) no-repeat center center;
 background-size: cover;
 position: relative;
 margin-top: 0 !important;
 height: 57vw;
}
.login_faq #mainVisual h1 {
  width: 34vw;
  position: absolute;
  top: 7.7vw;
  left: 12.4vw;
}
.login_faq .notice_box {
  background: #fff;
  position: absolute;
  top: 110px;
  right: 2.5vw;
  padding: 30px 30px;
  width: 425px;
  border-radius: 16px;
  color: #194056;
  font-size: 14px;
}
.login_faq .notice_box h2 {
 background: #194056;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 6px;
 margin-bottom: 30px;
 padding: 10px 0;
 border-radius: 6px;
 color: #fff;
}
.login_faq .notice_box h2 img {
 width: 24px;
}
.login_faq .notice_box li {
 display: flex;
 gap: 0 7px;
 margin-bottom: 10px;
 letter-spacing: 0px;
}
.login_faq .notice_box li:last-child {
 margin-bottom: 0;
}
.login_faq .notice_box li a {
  color: #2f9cca;
  text-decoration: underline;
}
.login_faq .notice_box li a:hover {
  text-decoration: none;
}
.login_faq .notice_box .btn_recommend a {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 20px;
 border-radius: 40px;
 border: 1px solid #194056;
 margin-top: 30px;
 padding: 10px 10px;
 font-weight: bold;
 color: #194056;
}
.login_faq .notice_box .btn_recommend a:after {
  content: "";
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site.svg) no-repeat center center;
 background-size: contain;
 width: 14px;
 height: 14px;
 display: inline-block;
}
.login_faq .notice_box .btn_recommend a:hover {
  background: #194056;
  color: #fff;
}
.login_faq .notice_box .btn_recommend a:hover:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site_white.svg) no-repeat center center;
 background-size: contain;
}

.login_faq section {
 padding: 60px 0;
}
.login_faq .container {
 padding: 0;
}
.login_faq + footer {
 padding-top: 0;
}
.login_faq img {
 max-width: 100%;
}
body:has(.login_faq) a:hover {
 opacity: 1;
 text-decoration: none;
}
.login_faq h2 {
 margin-bottom: 40px;
}

.login_faq .d-flex {
 display: flex;
 width: 100%;
}
.login_faq .d-flex > * {
 width: 100%;
}

.login_faq .bg_blue {
 background: #a9d1f6;
}
.login_faq .bg_red {
 background: #DE6772;
}
.login_faq .bg_pink {
 background: #FBEEF4;
}
.login_faq .bg_orange {
 background: #E9BF72;
}
.login_faq .bg_beige {
 background: #FBF2E3;
}
.login_faq .bg_gray {
 background: #F2F2F2;
}
.login_faq .bg_white {
 background: #fff;
}

.login_faq .flex_box {
 display: flex;
 gap: 0 40px;
}
.login_faq .flex_box > div:last-child {
 flex-shrink: 0;
}
.login_faq .faq_list {
 line-height: 1.6;
 letter-spacing: 0.5px;
}
.login_faq .faq_list li a {
 background: #f5f5f5;
 display: block;
 border: 2px solid #194056;
 margin-bottom: 20px;
 padding: 16px;
 padding-right: 45px;
 border-radius: 10px;
 font-size: 16px;
 color: inherit;
 position: relative;
}
.login_faq .faq_list li a:before {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_arrow.svg) no-repeat center center;
 background-size: contain;
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 position: absolute;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
}
.login_faq .faq_list li a:after {
 content: none;
}
.login_faq .faq_list li a:hover {
  background: #e5e5e5;
}

.login_faq .img_box {
 position: relative;
 max-width: 100%;
 width: 500px;
 height: 500px;
 border: 2px solid #ccc;
 border-radius: 20px;
}
.login_faq .img_box iframe {
 width: 100%;
 height: 100%;
}

.login_faq .gray_box {
 background: #F3F4F6;
 padding: 10px;
 border: 1px solid #E2E5E9;
 border-radius: 5px;
 font-size: 14px;
}
.login_faq .gray_box a {
 color: inherit;
}

.login_faq section {
 padding: 100px 0;
}
.login_faq .container {
 max-width: 100%;
 width: 100%;
}
.login_faq .wrap {
 background: #fff;
 max-width: 1200px;
 width: 100%;
 margin: 0 auto;
 padding: 60px 50px;
 border-radius: 40px;
}
.login_faq .wrap img {
 width: auto;
}
.login_faq .wrap:after {
 content: none;
}

.login_faq .bg_blue {
 background: #7BBCD6;
}
.login_faq .bg_paleblue {
 background: #B0D7E6;
}

.login_faq .note {
 font-size: 1.2rem;
 color: #4A5565;
 text-align: left;
 margin-top: 14px;
}

.login_faq .wrap h2 {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 20px;
 margin-bottom: 40px;
 border-bottom: 1px solid #194056;
 font-size: 36px;
 letter-spacing: 0;
 font-weight: bold;
 line-height: 1.5;
}
.login_faq .wrap h2 img {
 height: 82px;
}
.login_faq .wrap .title {
 font-weight: normal;
}
.login_faq .wrap .title span {
 font-weight: bold;
 font-size: 20px;
}

.login_faq .wrap h2.block_ttl01 {
 border-bottom: none;
 display: block;
}
.login_faq .wrap h2.block_ttl01:after {
  bottom: -22px;
  width: 40px;
  height: 2px;
  background: #194056;
}
.login_faq .site_link a {
 background: #E5F2F7;
 display: flex;
 align-items: center;
 justify-content: center;
 width: fit-content;
 text-align: center;
 margin: 40px auto 0;
 padding: 15px 60px;
 border-radius: 40px;
 font-weight: bold;
 color: inherit;
 text-decoration: none;
}
.login_faq .site_link a:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site.svg) no-repeat center center;
 background-size: contain;
 content: "";
 display: inline-block;
 width: 14px;
 height: 14px;
 flex-shrink: 0;
 margin-left: 20px;
}
.login_faq .site_link a:hover {
  background: #194056 !important;
  color: #fff !important;
}
.login_faq .site_link a:hover:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site_white.svg) no-repeat center center !important;
 background-size: contain;
}

.login_faq .site_link.bg_white a {
 background: #fff;
 border: 1px solid #194056;
}


.login_faq .lead_box {
 background: #fff;
 border-radius: 40px 40px 0 0;
 padding-bottom: 20px;
}
.login_faq .btn_notice {
 background: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 max-width: 600px;
 width: 100%;
 text-align: center;
 margin: 40px auto 20px;
 padding: 10px 60px;
 border: 1px solid #194056;
 border-radius: 20px;
 font-weight: bold;
 color: inherit;
 text-decoration: none;
}
.login_faq .btn_notice:before {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_notice.svg) no-repeat center center;
 background-size: contain;
 content: "";
 display: inline-block;
 width: 27px;
 height: 24px;
 margin-right: 20px;
}

.login_faq .anchor_box a {
  background: #7BBCD6;
  max-width: 330px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 0;
  margin: 0 auto;
  border-radius: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.login_faq .anchor_box a img {
  width: 28px;
  height: auto;
  display: inline-block;
  margin-top: 10px;
}
.login_faq .anchor_box div:nth-child(2) a {
  background: #DE6772;
}
.login_faq .anchor_box div:nth-child(3) a {
  background: #E9BF72;
}
.login_faq .anchor_box div a:hover {
  background: #194056;
}
.login_faq .anchor_box div:nth-child(2) a:hover {
  background: #194056;
}
.login_faq .anchor_box div:nth-child(3) a:hover {
  background: #194056;
}

.login_faq .anchor_box_2 a {
  width: 260px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  margin: 0 auto;
  font-weight: bold;
  color: #194056;
  border: 1px solid #7BBCD6;
  border-radius: 25px;
}
.login_faq .anchor_box_2 a .icon {
  background: #fff;
  border: 1px solid #7BBCD6;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.login_faq .anchor_box_2 a .icon img {
  width: auto;
  height: 60px;
}
.login_faq .anchor_box_2 a:hover {
  background: #D1EBF7;
}

.login_faq .contact_sec h2 img {
 width: 122px;
 height: auto;
 margin-bottom: 20px;
}

.login_faq main li a::after,
.login_faq main p a::after {
 position: relative;
 bottom: auto;
 left: auto;
}

.login_faq .notice_title {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 20px;
 font-size: 22px;
 font-weight: bold;
 margin-bottom: 40px;
}

.login_faq .col3_box {
 display: flex;
 gap: 0 30px;
 margin-bottom: 40px;
 text-align: center;
}
.login_faq .col3_box > div {
 width: calc(100% /3);
}
.login_faq .col3_box .link a {
 background: #fff;
 width: 100%;
 min-height: 112px;
 display: block;
 color: inherit;
 text-decoration: none;
 padding: 10px 10px;
 font-weight: bold;
 font-weight: 14;
 border-radius: 10px;
 overflow: hidden;
}
.login_faq #error_list .col3_box.error_link .link a:after {
  position: relative;
  top: auto;
  right: auto;
  margin-top: 15px;
}
.login_faq .col3_box .link a:hover {
  background: #194056;
  color: #fff;
}
.login_faq .col3_box .link + .text {
 margin-top: 10px;
 font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 overflow: hidden;
}
.login_faq .col3_box .link a p strong {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
.login_faq .col3_box.error_link .link a {
  min-height: 98px;
  padding-bottom: 0;
}
.login_faq .col3_box.error_link .link a p strong {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
}
.login_faq #faq_list .col3_box.error_link .link a p strong {
 -webkit-line-clamp: 2;
}
.login_faq .col3_box.error_link a:hover {
   background: #E5E5E5 !important;
   color: #194056;
}
.login_faq .col3_box.error_link a.bg_pink {
 background: #FBEEF4;
}
.login_faq .col3_box.error_link a.bg_beige {
 background: #FBF2E3;
}
.login_faq .seach_target {
 width: 100%;
 display: flex;
 gap: 0 10px;
 padding: 40px 64px;
 border-radius: 10px;
}
.login_faq .seach_target input {
 width: 100%;
 height: 60px;
 padding: 10px 20px;
 font-size: 16px;
 border: none;
 border-radius: 10px;
}
.login_faq .seach_target .btn_submit {
 flex-shrink: 0;
}
.login_faq .seach_target .input_submit {
 background: #194056;
 width: 112px;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 border-radius: 10px;
}
.login_faq .seach_target .input_submit:hover {
 background: #fff;
 color: #194056;
 border: 2px solid #194056;
}
.login_faq .search_include {
 margin-top: 10px;
}
.login_faq .search_include iframe {
 width: 100%;
 height: 620px;
}
.login_faq .error_list .site_link a {
 background: #FBEEF4;
}
.login_faq .faq_list .site_link a {
 background: #FBF2E3;
}

.seach_result .site_link {
 margin: 0 0 20px;
}
.seach_result .site_link a {
 background: #F5F5F5;
 width: 100%;
 text-align: left;
 margin-top: 20px;
 padding: 16px 20px;
 padding-right: 50px;
 border-radius: 10px;
 justify-content: flex-start;
}
.seach_result .site_link a > span {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
.seach_result .site_link a .highlight {
 background: #fff66c;
 font-weight: bold;
}
.seach_result .site_link a:before {
 content: "Q";
 width: 16px;
 height: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 50%;
 margin-right: 20px;
 padding: 10px;
}
.seach_result .site_link a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.seach_result .site_link a:hover {
  background: #E5E5E5 !important;
  color: #194056 !important;
}
.seach_result .site_link a:hover:before {
  color: #194056;
}
.seach_result .site_link a:hover:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site.svg) no-repeat center center !important;
 background-size: contain;
}

.login_faq .font_small {
 font-size: 85%;
}

.login_faq .notice_bg {
 background: #D1EBF7;
 display: none;
}

.login_faq .faq_top3 {
 background: none;
 gap: 0 45px;
}
.login_faq .faq_top3 .col3_box {
 text-align: left;
}
.login_faq .col3_box .link a {
  padding-right: 35px;
  position: relative;
}
.login_faq .col3_box .link a:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site.svg) no-repeat center center;
 background-size: contain;
 content: "";
 display: inline-block;
 width: 14px;
 height: 14px;
 flex-shrink: 0;
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
}
.login_faq .faq_top3 .col3_box .link a:hover:after {
 background: url(/wp/wp-content/themes/manabipocket/img/login-support/icon_site_white.svg) no-repeat center center;
 background-size: contain;
}
.login_faq .faq_top3 .col3_box .link a p {
 display: flex;
 padding: 6px 10px;
}
.login_faq .faq_top3 .col3_box .link .icon_text,
.login_faq #faq_list .col3_box .link a p .icon_text {
 font-weight: bold;
 margin-right: 10px;
}
.login_faq #faq_list .col3_box {
 text-align: left;
}
.login_faq #faq_list .col3_box .link a p {
 display: flex;
 padding: 10px 10px;
}

.login_faq .bd-radius-0 {
 border-radius: 0;
}

.login_faq .mt-20 {
 margin-top: 20px !important;
}
.login_faq .mt-40 {
 margin-top: 40px !important;
}
.login_faq .pt-20 {
 padding-top: 20px !important;
}
.login_faq .pt-40 {
 padding-top: 40px !important;
}

.login_faq .col4_box {
 display: flex;
 gap: 0 20px;
 margin: 40px auto;
}
.login_faq .col4_box > div {
  width: calc(25% - 20px);
}

.login_faq .contact_sec .site_link {
  margin-bottom: 40px;
}

@media screen and (max-width:1024px) {

 .login_faq section {
  padding: 60px 0;
 }
 .login_faq .contact_sec {
    padding-bottom: 70px;
  }
 .login_faq .flex_box {
  display: block;
 }
 .login_faq .flex_box > div + div {
   margin-top: 40px;
 }

 .login_faq .col3_box,
 .login_faq .col4_box {
  display: block;
 }
 .login_faq .col3_box > div,
 .login_faq .col4_box > div{
  width: 100%;
 }
 .login_faq .col3_box > div + div {
  margin-top: 30px;
 }
 .login_faq .col4_box > div + div {
  margin-top: 20px;
 }
 .login_faq .lead_box.under_box .col3_box {
  max-width: 400px;
  margin: 0 auto 20px;
 }
 .login_faq #kind_box .col4_box {
  max-width: 400px;
  margin: 40px auto 20px;
 }

 .login_faq .anchor_box_2 a {
  padding-left: 30px;
  justify-content: flex-start;
 }

 .login_faq .notice_box {
  display: none;
 }
 .login_faq .notice_bg {
  display: block;
  overflow: hidden;
 }
 .login_faq .notice_bg .notice_box {
  display: block;
  max-width: 600px;
  width: calc(100% - 30px);
  position: relative;
  top: auto;
  right: auto;
  margin: 0 auto 60px;
 }
 .login_faq .col3_box .link {
  min-height: 0;
 }
  .login_faq .col3_box .link a p strong {
    -webkit-line-clamp: 3;
  }
 .login_faq .img_box {
  width: 100%;
  height: 400px;
  margin: 0 auto;
 }

 .login_faq .search_include iframe {
  height: 500px;
 }

}
@media screen and (max-width:767px) {
 .login_faq br {
   display: block;
 }

 .login_faq .wrap {
  padding: 60px 20px;
 }
 .login_faq .wrap h2 {
  font-size: 28px;
 }

 .login_faq #mainVisual {
    background: url(/wp/wp-content/themes/manabipocket/img/login-support/mv_bg_sp.png) no-repeat center bottom;
    background-size: 100%;
    position: relative;
    margin-top: 0 !important;
    height: 173vw;
  }
  .login_faq #mainVisual h1 {
    width: calc(100% - 40px);
    top: 27vw;
    left: 20px;
  }

 .login_faq .btn_notice {
  padding: 15px 10px;
  font-size: 20px;
  border-radius: 60px;
 }
 .login_faq .btn_notice:before {
  width: 32px;
  height: 32px;
 }

 .login_faq .d-flex,
 .login_faq .flex_box {
   display: block;
 }
 .login_faq .d-flex >div + div {
   margin-top: 40px;
 }
 .login_faq .col3_box {
  display: block;
 }
 .login_faq .col3_box > div {
  width: 100%;
 }

 .login_faq .notice_title {
  justify-content: flex-start;
 }
 
 .login_faq .faq_top3 {
  padding-bottom: 0;
 }
  .login_faq .lead_box {
    border-radius: 60px 60px 0 0;
    padding: 40px 20px 20px;
  }
  .login_faq .lead_box.under {
    border-radius: 0;
  }

  #kind_box .wrap {
    max-width: calc(100% - 30px);
  }
  .login_faq #kind_box .col4_box {
    max-width: 260px;
  }

  .login_faq .site_link a {
    width: 100%;
    margin-top: 40px;
    padding: 15px 25px 15px 40px;
  }

  .login_faq .seach_target {
    display: block;
    padding: 20px 10px;
  }
  .login_faq .input_submit {
    display: block;
    margin: 10px auto 0;
  }

  .seach_result .site_link {
    font-size: 14px;
  }
  .seach_result .site_link a {
    font-size: 14px;
    margin-top: 20px;
    padding: 15px 50px 15px 15px;
  }

  .login_faq .search_include iframe {
    max-height: 75vh;
  }

  .login_faq .contact_sec .site_link {
    margin-bottom: 20px;
  }
  .login_faq .contact_sec .site_link a {
    padding: 15px 15px 15px 25px;
  }
  
}