﻿#faq a:hover { color:#C31F26; }
#faq, #faq .qa-panel { position:relative; }
/*level 1*/
#faq { position:relative; }
#faq div.a-panel { border-top:solid 1px #C31F26; padding:8px 8px 8px 35px; 
                font-size:100%; font-weight:500; cursor:pointer; }
#faq div.a-panel .arw { position:absolute; top:15px; left:9px; width:15px; padding-bottom:15px\9; height:0\9;}
*::-ms-backdrop, #faq div.a-panel .arw { padding-bottom:15px; height:0; }
#faq div.a-panel .arw svg { width:100%; position:relative; position:absolute\9; top:0; left:0; height:100%\9;}
*::-ms-backdrop, #faq div.a-panel .arw svg { position:absolute; height:100%; }
#faq div.faq-panel svg rect { fill:#999; }
#faq div.faq-panel>div.open svg rect { fill:#C31F26; }
/*level 2*/
#faq div.faq-panel>.qa-panel { display:none; margin-bottom:10px; }
#faq div.faq-panel>div.open+.qa-panel { display:block; }
#faq div.section-title { font-size: 230%; }
#faq div.section-title.section-level2 { font-size: 170%; }
#faq div.section-title.faq-section-title { font-size: 140%; color: #c31f26; }
div.faq-heading { padding: 5px 0 5px 0; z-index:10; }
#inside div.faq-heading h1 { margin-bottom: 0; }
#inside #content div.section-title a { color: #333; }
#inside #content div.section-title a:hover { color: #000; text-decoration: underline; }
#faq div.a-panel table { border-collapse: collapse; }
#faq div.a-panel table td { padding: 0; margin: 0; vertical-align: top; }
#faq div.a-panel table td.num { width: 40px; }
#faq div.faq-panel .qa-panel { padding-left: 35px; }
#faq div.faq-panel.faq-with-num .qa-panel { padding-left: 75px; }
#faq .q-anchor, #faq .section-anchor { z-index:1; width: 0px; }
#faq div.faq-panel .a-panel, #faq div.faq-panel .qa-panel { z-index:5; }
#faq div.faq-panel { /*overflow: hidden;*/ }
/* ==========================================================================
    iPad Pro : landscape
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #faq div.faq-panel.faq-with-num .qa-panel { padding-left: 35px; }
}
/* ==========================================================================
    iPad Pro : portrait
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #faq div.faq-panel.faq-with-num .qa-panel { padding-left: 35px; }
}
/* ==========================================================================
    Pad : landscape
============================================================================= */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
    #faq div.faq-panel.faq-with-num .qa-panel { padding-left: 35px; }
}
/* ==========================================================================
    Pad : Portrait
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
    #faq div.faq-panel.faq-with-num .qa-panel { padding-left: 35px; }
}
/* ==========================================================================
    Mobile
============================================================================= */
@media only screen and (max-width:767px) {
    #faq div.faq-panel.faq-with-num .qa-panel { padding-left: 35px; }
}
/* ==========================================================================
    Print
============================================================================= */
@media print {
    .faq-all-quesitons__search-input{ display: none !important; }
    #faq div.faq-panel .qa-panel { display: block !important; }
}

.qa-panel {
    padding: 15px;
}

#faq .faq-panel .qa-panel a {
    display: inline;
}

.faq-all-quesitons__search-input {
    padding-bottom: 15px;
    z-index: 5;
}

.faq-all-quesitons__search-input form {
    margin-bottom: 15px;
    margin-top: 15px;
}

.faq-all-quesitons__search-input input:not([type=radio]) {
    width: 90%;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 200;
    /*margin-bottom: 15px;
    margin-top: 15px;*/
}
#faq .section-more {
    text-align: right;
    margin-bottom: 12px;
}

#inside #faq p {
    margin: 0;
}

.faq-all-quesitons__search-input .searchForList {
    font-weight: bold;
    margin-top: 5px;
}

.faq-all-quesitons__search-input .searchForList label {
    padding: 0 15px;
    border-left: 1px solid #333;
}

.faq-all-quesitons__search-input .searchForList input[type=radio] {
    display: none;
}

.faq-all-quesitons__search-input .searchForList input[type=radio]:checked + span {
    color: #C31F26;
}

.faq-all-quesitons__search-input .searchForList label:first-child {
    padding-left: 0;
    border-left: none;
}

.faq-all-quesitons__search-input .searchForList label:last-child {
    padding-right: 0;
}

.search-input-box {
    display: flex;
    flex-wrap: nowrap;
}

.search-input-box input[type=text] {
    flex: 0 1 80%;
}

.search-input-box .btn-search {
    margin-left: 5px;
    font-size: 16px;
    padding: 12px 30px;
    box-sizing: border-box;
    font-weight: 200;
    border: none;
    cursor: pointer;
    color: #ffffff;
    background-color: #c31f26;
    flex: 0 1 auto;
}

.faq-description, .section-description{
    margin-top:10px;
}

#inside #content a.section-anchor{
    z-index:1;
}
