/*--HELPページ--*/

/*--HELPページフォント--*/
@font-face {
	font-family: 'NotoSansJP-Regular';
	font-style: normal;
	font-weight: 100;
	src: url('/css/sws/usr/fonts/NotoSansJP-Regular.woff') format('woff');
}
body {
    font-family: "NotoSansJP-Regular","Lato", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", Meiryo, \30e1\30a4\30ea\30aa, "MS PGothic", sans-serif;
}

/*--common.css--*/
/*--よくある質問の文字位置調整--*/
.mod-hdgL1 {
    display: block;
    text-align: -webkit-center;
    margin: 0 0 0px 
}

li.active {
    border-bottom: 1px solid #707070;
}

/*--ヘルプ 小項目タイトル--*/
.helpList .mod-hdgL4 > span {
    font-size: 14px;
}
/*--ヘルプ 小項目タイトル--*/
.helpList .mod-hdgL4 > span::before {
    background-color: #d5d5d5;
    position: absolute;
    display: block;
    width: 8px;
    height: 18px;
    content: "";
}
/*--小項目タイトル--*/
.mod-hdgL2 > span::before {
    background-color: #333;
    position: absolute;
    width: 12px;
    height: 12px;
    content: "";
    transform: translate(-15px, 5px);
}
/*--小項目タイトル--*/
.mod-hdgL2 {
    display: unset;
    font: normal normal normal 14px/28px "NotosansJP-Regular";
}

/*--小項目タイトル--*/
.mod-hdgL4 > span {
    padding: 0 0 0 13px;
}

/*--新規追加--*/
/*--よくある質問 メインタイトル--*/
.accordion-item {
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    margin-bottom: 5px;
}
/*--よくある質問の詳細部分--*/
.accordion-content {
    display: none;
    padding: 3px 16px;
}
/*--よくある質問全体の位置調整--*/
section.sct-primary  {
    margin: 0 25px;
}
/*--ヘルプ ページ内リンク--*/
ul.husen li a {
    text-decoration: none;
}

/*--ヘルプ ページ内リンク--*/
.helpList .sct-primary .husen {
    width: 350px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d5d5d5;
    font-size: 14px;
    max-width: -webkit-fill-available;
}
/*--ヘルプ ページ内リンク--*/
ul.husen {
    margin-top: 35px !important;
}

#faq{
    padding-right: unset;
    padding-left: unset;
    margin-top: 34px;
}

#faq h1.mod-hdgL1{
    text-align: center;
    font-size: 20px;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    margin-bottom: 5px;
    padding-bottom: 20px;
}

/*--大項目タイトル--*/
.accordion-header {
    padding: 10px 0;
    cursor: pointer;
    font-size: 14px;
}

/*--小項目詳細--*/
.accordion-content p {
    line-height: 2.5rem;
    font-size: 14px;
}

/*-- PC向けのスタイルルール --*/
@media (min-width: 768px) {
/*--common.css--*/
/*-- 小項目■ --*/
.mod-hdgL2 > span::before {
    background-color: #333;
    position: absolute;
    width: 12px;
    height: 12px;
    content: "";
    transform: translate(-15px, 9px);
}

/*-- 新規追加 --*/
.accordion-header{
    padding: 21px 0;
}
h2#anchor-sec08-01 {
    display: block;
}


/*-- 大項目の右部分に位置する＋印 --*/
.accordion-header::before {
    right: 7px;
    width: 20px;
    height: 1px;
    background: #707070;
    content: "";
    z-index: 1;
    transform: translate(-38px,8px);
    float: right
}
/*-- 大項目の右部分に位置する＋印 --*/
.accordion-header::after {
    right: 13px;
    width: 1px;
    height: 20px;
    background: #707070;
    content: "";
    z-index: 1;
    transform: translate(-28px, 0px);
    float: right
}
/*-- よくある質問ヘルプお問い合わせ --*/
.helpList .mod-hdgL1 {
    text-align: left !important;
    border: none;
    padding: unset !important;
    font-size: 20px;
}
/*-- ページ内リンク --*/
ul.husen {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d5d5d5;
    font-size: 14px;
    max-width: 1200px;
    margin: 0 auto;
}
/*-- 大項目開いた際の+印を－印に変化させる --*/
.is-open::after {
    content: none;
}
/*-- お問い合わせ位置調整 --*/
div#inquiry{
    padding-right: unset;
    padding-left: unset;
    margin-bottom: 28px;
}
.helpList .mod-hdgL4::before {
    width: 0px;
}
.helpList .mod-hdgL4::before {
    background-color: #444;
    position: absolute;
    display: none;
    width: 4px;
    height: 24px;
    content: "";
}
/*--お問い合わせ部分位置調整--*/
.accordion-content_inquery {
    display: flex;
    flex-wrap: wrap;
    line-height: 3rem;
}
/*--お問い合わせ部分位置調整--*/
.accordion-content_inquery_1{
    order: 1;
    width: 48%;
    margin-right: 10px;
}
/*--お問い合わせ部分位置調整--*/
.accordion-content_inquery_2{
    order: 3;
    width: 50%;
    transform: translateY(-150px);
}
/*--お問い合わせ部分位置調整--*/
.accordion-content_inquery_3{
    order: 2;
    width: 50%;
}

/*--よくある質問部分位置調整--*/
#faq {
    display: block;
    padding-top: 0px;
    margin-top: 40px !important;
    min-width: 930px;
}

#faq h1.mod-hdgL1{
    padding-bottom: 20px !important;
}

/*--ヘルプ質問部分位置調整--*/
#help {
    display: block;
    padding-top: 0px;
    margin-top: 40px !important;
    text-align: center;
    font-size: 20px;
}

/*--お問い合わせ部分位置調整--*/
#inquiry {
    display: block;
    padding-top: 0px;
    margin-top:  40px !important;
}
/*--よくある質問部分サイズ調整--*/
#faq .str-inner {
    min-width: 930px;
}

}
    /* PC向けのスタイルルール */


    /* SP向けのスタイルルール */
@media (max-width: 767px) {
/*--common.css--*/
/*-- 小項目■ --*/
.mod-hdgL2 > span::before {
    background-color: #333;
    position: absolute;
    width: 12px;
    height: 12px;
    content: "";
    transform: translate(-15px, 9px);
}
/*-- 新規追加 --*/
/*-- よくある質問部分 --*/
#faq h1.mod-hdgL1{
    text-align: center;
    font-size: 20px;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    margin-bottom: 5px;
    padding-bottom: 20px;
}

/*--アコーディオンの＋-記号--*/
.accordion-header::before {
    position: absolute;
    right: 7px;
    width: 13px;
    height: 1px;
    background: #707070;
    content: "";
    z-index: 1;
    transform: translate(-30px,8px);
}
/*--アコーディオンの＋-記号--*/
.accordion-header::after {
    position: absolute;
    right: 13px;
    width: 1px;
    height: 13px;
    background: #707070;
    content: "";
    z-index: 1;
    transform: translate(-30px, 3px);
}
/*-- 大項目開いた際の+印を－印に変化させる --*/
.is-open::after {
    content: none;
}
/*-- ページ内リンク --*/
ul.husen {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d5d5d5;
    font-size: 14px;
    max-width: -webkit-fill-available;
    margin: 0 auto;
}
/*-- お問い合わせ位置調整 --*/
div#inquiry{
    padding-right: unset;
    padding-left: unset;
    margin-top: -25px;
    margin-bottom: 28px;
}

/*--よくある質問部分位置調整--*/
#faq {
    display: block;
    padding-top: 70px;
    margin-top: 0px;
}
/*--ヘルプ質問部分位置調整--*/
#help {
    display: block;
    text-align: left;
    padding-top: 70px;
    margin-top: 0px !important;
}
/*--お問い合わせ部分位置調整--*/
#inquiry {
    display: block;
    padding-top: 70px;
    margin-top: -25px;
}
h2#anchor-sec08-01 {
    display: block;
    padding-top: 25px;
    margin-top: -25px;
}
    /* SP向けのスタイルルール */

}