/*  段組み
---------------------------------------------------------------------------------------------------*/
@media (max-width: 1199.98px){
.hlpEntry{ font-size: .875rem;}
}/*mq*/
@media (min-width: 1200px){
.hlpEntry{ font-size: 1rem;}
}/*mq*/
@media (min-width: 768px) and (max-width: 991.98px){
 }/*mq*/

.l-lnavMenus-sp{display: none;}

@media (max-width: 991.98px){
.l-lnavMenus-sp{display: block; margin-top: 1rem;}
.hlpContainer{background: #fff;}
.hlpMain{width: 100%;}


@media (max-width: 575.98px){
.hlpEntry{background: #fff;}
.hlpContainer{ padding: 1rem .5rem;}
}/*mq*/
@media (min-width: 576px){
.hlpContainer{ padding: 1rem; }
}/*mq*/

 }/*mq*/



@media (min-width: 992px){
.hlpContainer{display: flex;justify-content: space-between;}
.hlpMain{ padding: 2rem; background: #fff;}
.hlpSub{ display: block;}

@media (max-width: 1199.98px){
.hlpSub{width: 220px;}
.hlpMain{width: calc( 100% - 230px );}
 }/*mq*/
@media (min-width: 1200px){
.hlpSub{width: 240px;}
.hlpMain{width: calc( 100% - 260px );}
 }/*mq*/




}/*mq*/





#hlpNav{
position: sticky;
position: -webkit-sticky;background: #fff;
top: 58px;
left: 0;
background: #fff;
padding: 1rem .5rem;
}
.hlpNav-name{
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: .25rem;
margin-bottom: .5rem;
}
.hlpNav-items{

}
.hlpNav-item{
display: block;
padding: .5rem 0;
line-height: 1.2;
font-size: .875rem;
font-weight: bold;
color: #000;

}

.hlpNav-item:before {
 content: "\e91e";
font-family: "sffont";
margin-right: .5rem;
color: #ccc;
}





.hlpNav-link{
line-height: 1.2;
color: #06c;

}
.hlpNav-item:hover,.hlpNav-item.is-show{
color: #08c;
}
.hlpNav-item:hover::before{
text-decoration: none;
}

@media (max-width: 767.98px){
.hlpNav-items2{display: flex;flex-wrap: wrap;}
.hlpNav-item2{width: 50%;}
.hlpSec-title{font-size: 1rem;margin-bottom: 2rem; text-align: center;}
}/*mq*/
@media (min-width: 768px){





    @media (max-width: 991.98px){

    }/*mq*/
    @media (min-width: 1200px){
#helpNav{
padding: 1rem;
}

    }/*mq*/
}/*mq*/






/*---------------------------------------------------------------------------------------------------
    FAQ

---------------------------------------------------------------------------------------------------*/
.faqSec{
margin-bottom: 2rem;
}
.faqSec-name{
font-size: 1.2em;
padding-left: .5rem;
margin-bottom: .5rem;
}
.faqItems dt {
display: flex;
align-items: center;
background: #f7f7f7;
margin-bottom: 2px;
padding: 1.25em 0;
cursor: pointer;
}
.faqItems dd {
display: none;
position: relative;
padding: 1rem 1rem 1rem 50px;
}
.faqItems dt:before,
.faqItems dt:after,
.faqItems dd:before{
font-family: "sffont";
text-align: center;
}
.faqItems dt span {
width: calc( 100% - 100px );
}
.faqItems dt:before {
content: "\e905";
width: 50px;
color: #23ABDD;
}
.faqItems dt:after {
content: "\e902";
width: 50px;
color: #ccc;
}
.faqItems dd:before {
position: absolute;
top: 1rem;
left:0;
content: "\e904";
width: 50px;
}

@media (min-width: 768px){
.faqSec-name{

margin-bottom: 1rem;
}

}




ul.u-list {
list-style: square outside;
padding-left: 1rem;
}

.u-fs-s {font-size: .9em;}



.u-block{display:block;}
.u-inline{display:inline-block;}


.u-table{
font-size: 14px;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.u-table th, .u-table td {
border-top: 1px solid #eee;
border-right: 1px solid #eee;
padding: 5px 10px;
vertical-align: middle;
}
.u-table th {
 background: #f8f8f8;
}
.u-table caption{
margin-bottom: .25rem;
font-weight: bold;
}



.u-note,
.u-notes > *{
padding-left:1.1em;
position: relative;
}
.u-note::before,
.u-notes > *::before{
position: absolute;
top: 0;
left: 0;
content: "※";
color: #888;
}
.u-notes > p {
margin: 0 !important;
}




.cydSec h3{

margin-top: 2rem;
}
.cydSec div,
.cydSec p,
.cydSec dl,
.cydSec dt,
.cydSec ul,
.cydSec table,
.cydSec h4{

margin-top: 1rem;
}


.cydSec {
padding: 4rem 0 0 ;
}

.cydSec h2{
font-size: 1.75rem;
margin-bottom: 2rem;
}

.cydSec h3{
font-size: 1rem;
background: #f7f7f7;
padding: .75rem;
margin-bottom: 2rem;
}
@media (max-width: 767.98px){
.cydSec {
padding: 90px 0 0 ;
}
.cydSec h2{font-size: 1.2rem;margin-bottom: 2rem;}



    @media (max-width: 991.98px){
    }/*mq*/
    @media (min-width: 992px){


    }/*mq*/
}/*mq*/




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

.hlp-data-souryo th:nth-child(1){
width: 350px;
}
.hlp-data-souryo th:nth-child(n+2){
width: 75px;
}
.u-of-x{
width:100%;
padding-bottom:1rem;
overflow-x: auto;
white-space: nowrap;
 overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}



}