.h_bg {background-color:#ffffff;}.h_txt {color:#b30000;}.s_bg {background-color:#efefef;}.s_txt {color:#000000;}.b_bg {background-color:#edf8fa;}.b_txt {color:#222222;}.question {color:#222222;}.answer {color:#222222;}.q_bg {background-color:#ffffff;}.a_bg {background-color:#ffffff;}.l-content-wrapper .l-category-wrapper h2, .b_bg .idxCntTtl {color:#555555;}.c_bg {background-color:#ffffff;}.c_txt {color:#222222;}.f_bg {background-color:#03c1ea;}.f_txt {color:#fdfdfd;}.n_bg {background-color:#ffffff;}.n_txt {color:#222222;}.survey_box button[data-value="good"] {background-color:#03c1ea;}.survey_box button[data-value="good"] {color:#ffffff;}.survey_box button[data-value="bad"] {background-color:#e8e8e8;}.survey_box button[data-value="bad"] {color:#222222;}.sv_border { border-color:#03c1ea;}.sv_bg { background-color:#ffffff;}.sv_txt { color:#000000;}.sv_btn_bg { background-color:#03c1ea;}.sv_btn_txt { color:#ffffff;}.l-content-wrapper .l-related-content h3, .faq_ranking_another h2 { color:#222222;}.l-content-wrapper:has(.l-related-content), .faq_ranking_another { background-color:#e6f9fd;}.l-related-content .l-related-list.faq_list a, #contents .sub_cont .faq_ranking_another a.n_txt { color:#222222;}#searchRelation .relationList li a { color:#0595a4;}#searchRelation .relationList .span_hit { color:#03c1ea;}#wrap {
    background-color: #ffffff;
}

#header .top_logo:hover {
    text-decoration: none;
    opacity: 0.6;
}

#header .top_logo .img_logo {
    padding-right: 8px;
}

#header .top_logo .img_logo img {
    max-width: 150px;
    height: 100%;
}

#header .top_logo h1 .h_txt {
    font-size: 18px;
    font-weight: 400;
}

#header .btn_chatplus {
    padding: 0 0 0 26px;
    color: #999999;
    font-weight: 400;
    text-decoration: none;
    top: 16px;
}

#header .btn_chatplus:hover {
    opacity: 0.6;
}

#header .btn_chatplus span:not(:empty) {
    padding-left: 4px;
}

#header .submit_icon {
    width: 100%;
}

#header .search_content_box_form_submit {
    display: none;
}

#header .search_icon {
    width: 100%;
}

#header .search_record {
    top: 82x;
    right: 0;
}

#header .search_record_icon {
    right: 42px;
}

#header .search_delete {
    position: absolute;
    right: 0;
}

#header .search_delete_icon {
    right: 16px;
}

@media screen and (min-width: 769px) and (max-width: 1160px) {
    #header .top_logo {
        padding-left: 0;
    }

    #header .btn_chatplus {
        margin-right: 0;
    }

    #footer address {
        padding-left: 24px;
    }

    #footer .inner {
        width: 100%;
    }

    #footer .powered_by {
        padding-right: 8px;
    }
}

#footer .inner {
    padding-top: 16px;
}

#footer address {
    font-size: 14px;
}

#footer .powered_by {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}

@media screen and (max-width: 920px) {
    #header .top_logo {
        padding-left: 20px;
    }

    #header .btn_chatplus {
        margin-right: 20px;
    }

    .idxContentArea {
        margin: 0;
    }

    .infoAndFaqArea .infoAndFaq {
        margin-top: 0;
    }

    .infoAndFaqArea .infoAndFaq h2 {
        background-color: #edf8fa;
        padding: 32px 0 16px 0;
    }

    .infoAndFaqArea .infoAndFaq ul li:first-child {
        margin-top: 8px;
    }

    .infoAndFaqArea .infoAndFaq ul li:last-child {
        margin-bottom: 0;
    }

    .infoAndFaqArea .infoAndFaq ul li a {
        width: 100%;
    }

    .infoAndFaqArea .infoAndFaq ul li a::after, .categoryListArea .toggle li a::after {
        border-bottom: 2px solid #999999;
        border-right: 2px solid #999999;
    }

    .infoAndFaqArea .infoAndFaq:after {
        display: none;
    }

    .idxContentArea .idxCntTtl {
        padding: 32px 0 16px 0;
    }

    .infoAndFaqArea .infoAndFaq ul li, .categoryListArea .title {
        border-bottom: solid 1px #edf8fa;
    }

    .categoryListArea {
        margin: 0;
    }

    .categoryListArea .toggle {
        border-bottom: solid 1px #edf8fa;
    }

    .categoryListArea .title::after, .categoryListArea .title.active::after {
        color: #999999;
    }
}

@media screen and (max-width: 768px) {
    #header .search_content_box {
        margin: 32px 0 0;
    }

    #header .top_logo {
        padding-left: 20px;
    }

    #header .btn_chatplus {
        width: auto;
    }

    #header .btn_chatplus_box {
        top: 12px;
    }
}

#contents {
    width: 100%;
    margin: 24px auto 0;
    padding: 40px 0;
    background: #edf8fa;
}

#contents .sub_cont {
    max-width: 832px;
}

#contents .detail_box .question {
    font-size: 30px;
}

#contents .answer {
    max-width: 832px;
    background: #ffffff;
    padding: 56px;
    border-radius: 8px;
    margin: 32px 0 14px;
}

#contents .answer h2 {
    font-size: 22px;
    padding: 0 0.5em;
    background: transparent;
    border-left: solid 3px #222222;
}

#contents .answer h3 {
    font-size: 18px;
    font-weight: 700;
}

#contents .answer a {
    color: #222222;
    text-decoration: underline;
}

#contents .answer a:hover {
    color: #03c1ea;
    background-color: #edf8fa;
}

#contents .sub_cont img {
    width: 100%;
    height: auto;
}

#contents .survey_box button {
    white-space: nowrap;
}

.ck-content hr {
    margin: 16px 0;
    height: 2px;
    background: hsl(0, 0%, 90%);
}

#contents .sub_cont .n_txt:hover {
    color: #03c1ea;
}

@media screen and (max-width: 920px) {
    #contents {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 768px) {
    #contents {
        padding: 32px 20px;
        margin: 0 auto;
    }

    #contents .sub_cont {
        margin: 0;
    }

    #contents h2 {
        padding: 0;
    }

    #contents .detail_box .question {
        font-size: 24px;
    }

    #contents .answer {
        padding: 24px;
    }
}




.help2 {
  position: fixed;
  top: 60px;
  right: 30px;
  
  /* スムーズな表示/非表示のアニメーション */
  transition: opacity 0.3s ease;
  
  /* デザイン */
  background: #fff;
  padding: 5px 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 999;
}

@media screen and (max-width: 767px) {
  .help2 {
    top: 45px;
    right: 10px;     
    padding: 5px 5px;  
  }
}

.help2 a {
  color: #0066cc;
  text-decoration: none;
}

.help2 a:hover {
  text-decoration: underline;
}

/* スクロール時のアニメーション用 */
.help2.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}