/*====================================================================
main
====================================================================*/
.main {
    width: 90%;
    max-width: 1060px;
    margin: 0 auto;
    font-family: "Noto Sans Japanese-r";
}

.main .qa-list-space {
    width: 100%;
    max-width: 1000px;
    margin: 1rem auto 2rem;
}

.main .hero-space h1 {
    font-size: 1.6rem;
    text-align: center;
    border-bottom: 1px solid #af873e;
    margin-bottom: 2rem;
    padding: 1rem;
}

#main_wrapper .qa-list-space h2 {
    font-size: 1.2rem;
    font-family: "Noto Sans Japanese-m";
    text-align: center;
    border: 0;
    padding: 0;
}

.qa-list-space h2 span {
    display: inline-block;
}

.main a:visited {
    color: #333;
    text-decoration: none;
}

.main a:hover {
    color: #333;
    text-decoration: none;
}

.main .social_btn a:visited {
    color: #fff;
}

/*====================================================================
qa-nav
====================================================================*/
.qa-nav {
    width: 100%;
    margin: 3rem auto;

}

.qa-nav a {
    border: 1px solid #848484;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 1rem;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: rgb(246, 248, 249);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(154deg, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}

.qa-nav a span {
    display: inline-block;
}

.qa-nav a::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    margin: 0 6px 0 4px;
    font-weight: 900;
    color: #EA0006;
}

.qa-nav a:hover {
    opacity: .8;
    border: 1px solid #EA0006;
}

.qa-category-title {
    border-bottom: 1px solid #af873e;
    font-family: "Noto Sans Japanese-sb";
    margin: 1em 0 0.5em;
}

.item-no {
    font-size: .8rem;
    text-align: justify;
    padding: 0 0 1em 1em;
}


/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one,
.s_02 .accordion_one,
.s_03 .accordion_one,
.s_04 .accordion_one,
.s_05 .accordion_one,
.s_06 .accordion_one,
.s_07 .accordion_one,
.s_08 .accordion_one {
    max-width: 1024px;
    margin: 0 auto;
}

.s_01 .accordion_one .accordion_header,
.s_02 .accordion_one .accordion_header,
.s_03 .accordion_one .accordion_header,
.s_03 .accordion_one .accordion_header,
.s_04 .accordion_one .accordion_header,
.s_05 .accordion_one .accordion_header,
.s_06 .accordion_one .accordion_header,
.s_07 .accordion_one .accordion_header,
.s_08 .accordion_one .accordion_header {
    background-color: #e0e0e0;
    color: #000;
    font-size: 1rem;
    padding: 15px 15% 15px 10px;
    text-align: left;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
    border-bottom: 1px solid #666;
}

.s_08 .accordion_one .accordion_header {
    background-color: #ffd6db;
}


.s_01 .accordion_one .accordion_header:hover,
.s_02 .accordion_one .accordion_header:hover,
.s_03 .accordion_one .accordion_header:hover,
.s_04 .accordion_one .accordion_header:hover,
.s_05 .accordion_one .accordion_header:hover,
.s_06 .accordion_one .accordion_header:hover,
.s_07 .accordion_one .accordion_header:hover,
.s_08 .accordion_one .accordion_header:hover {
    opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box,
.s_02 .accordion_one .accordion_header .i_box,
.s_03 .accordion_one .accordion_header .i_box,
.s_04 .accordion_one .accordion_header .i_box,
.s_05 .accordion_one .accordion_header .i_box,
.s_06 .accordion_one .accordion_header .i_box,
.s_07 .accordion_one .accordion_header .i_box,
.s_08 .accordion_one .accordion_header .i_box {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60%;
    right: 4%;
    width: 28px;
    height: 28px;
    /* border: 1px solid #848484; */
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}

.s_01 .accordion_one .accordion_header .i_box .one_i,
.s_02 .accordion_one .accordion_header .i_box .one_i,
.s_03 .accordion_one .accordion_header .i_box .one_i,
.s_04 .accordion_one .accordion_header .i_box .one_i,
.s_05 .accordion_one .accordion_header .i_box .one_i,
.s_06 .accordion_one .accordion_header .i_box .one_i,
.s_07 .accordion_one .accordion_header .i_box .one_i,
.s_08 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 17px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}

.s_01 .accordion_one .accordion_header.open .i_box,
.s_02 .accordion_one .accordion_header.open .i_box,
.s_03 .accordion_one .accordion_header.open .i_box,
.s_04 .accordion_one .accordion_header.open .i_box,
.s_05 .accordion_one .accordion_header.open .i_box,
.s_06 .accordion_one .accordion_header.open .i_box,
.s_07 .accordion_one .accordion_header.open .i_box,
.s_08 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before,
.s_01 .accordion_one .accordion_header .i_box .one_i:after,
.s_02 .accordion_one .accordion_header .i_box .one_i:before,
.s_02 .accordion_one .accordion_header .i_box .one_i:after,
.s_03 .accordion_one .accordion_header .i_box .one_i:before,
.s_03 .accordion_one .accordion_header .i_box .one_i:after,
.s_04 .accordion_one .accordion_header .i_box .one_i:before,
.s_04 .accordion_one .accordion_header .i_box .one_i:after,
.s_05 .accordion_one .accordion_header .i_box .one_i:before,
.s_05 .accordion_one .accordion_header .i_box .one_i:after,
.s_06 .accordion_one .accordion_header .i_box .one_i:before,
.s_06 .accordion_one .accordion_header .i_box .one_i:after,
.s_07 .accordion_one .accordion_header .i_box .one_i:before,
.s_07 .accordion_one .accordion_header .i_box .one_i:after,
.s_08 .accordion_one .accordion_header .i_box .one_i:before,
.s_08 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #848484;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before,
.s_02 .accordion_one .accordion_header .i_box .one_i:before,
.s_03 .accordion_one .accordion_header .i_box .one_i:before,
.s_04 .accordion_one .accordion_header .i_box .one_i:before,
.s_05 .accordion_one .accordion_header .i_box .one_i:before,
.s_06 .accordion_one .accordion_header .i_box .one_i:before,
.s_07 .accordion_one .accordion_header .i_box .one_i:before,
.s_08 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_03 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_04 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_05 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_06 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_07 .accordion_one .accordion_header.open .i_box .one_i:before,
.s_08 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_03 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_04 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_05 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_06 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_07 .accordion_one .accordion_header.open .i_box .one_i:after,
.s_08 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.s_01 .accordion_one .accordion_inner,
.s_02 .accordion_one .accordion_inner,
.s_03 .accordion_one .accordion_inner,
.s_04 .accordion_one .accordion_inner,
.s_05 .accordion_one .accordion_inner,
.s_06 .accordion_one .accordion_inner,
.s_07 .accordion_one .accordion_inner,
.s_08 .accordion_one .accordion_inner {
    display: none;
    padding: 20px;
    border-left: 2px solid #ababab;
    border-right: 2px solid #ababab;
    border-bottom: 2px solid #ababab;
    box-sizing: border-box;
}



.s_01 .accordion_one .accordion_inner .box_one,
.s_02 .accordion_one .accordion_inner .box_one,
.s_03 .accordion_one .accordion_inner .box_one,
.s_04 .accordion_one .accordion_inner .box_one,
.s_05 .accordion_one .accordion_inner .box_one,
.s_06 .accordion_one .accordion_inner .box_one,
.s_07 .accordion_one .accordion_inner .box_one,
.s_08 .accordion_one .accordion_inner .box_one {
    height: auto;
}

.s_01 .accordion_one .accordion_inner .txt_a_ac,
.s_02 .accordion_one .accordion_inner .txt_a_ac,
.s_03 .accordion_one .accordion_inner .txt_a_ac,
.s_04 .accordion_one .accordion_inner .txt_a_ac,
.s_05 .accordion_one .accordion_inner .txt_a_ac,
.s_06 .accordion_one .accordion_inner .txt_a_ac,
.s_07 .accordion_one .accordion_inner .txt_a_ac,
.s_08 .accordion_one .accordion_inner .txt_a_ac {
    margin: 0;
    text-align: justify;
    font-size: 1rem !important;
}

.qa-set {
    display: flex;
    flex-flow: row nowrap;
}

.qa-set dt {
    color: #575757;
    font-family: "source-han-serif-jpn-m";
    font-size: 1.2rem;
    padding-right: 0.2em;
}

.more-q {
    padding-top: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.more-q a,
.contact-link-btn {
    display: block;
    padding: 1rem;
    background: #bad1f3;
    font-size: 1rem;
    font-family: "Noto Sans Japanese-m";
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 1rem;
    max-width: 300px;
    /* box-shadow */
    /* box-shadow: 0px 0px 4px 2px #d3d3d3; */
    /* border-radius */
    border-radius: 9px;
    /* border */
    border: 1px solid #77aeff;
}

.more-q a span::before,
.contact-link-btn span::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    margin: 0 6px 0 4px;
    font-weight: 900;
}

.contact-link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-link-btn span {
    display: flex;
    align-items: center;
    text-align: left;
}

.more-q a:hover,
.contact-link-btn:hover {
    opacity: 0.8;
    box-shadow: none;
}

.contact-link-btn {
    max-width: 600px;
    margin: 1rem auto 5rem;
}


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

    .main .hero-space h1 {
        font-size: 2rem;
    }

    .main .hero-space p {
        padding-bottom: 1.6rem;
    }

    #main_wrapper .qa-list-space h2 {
        font-size: 1.4rem;
    }

    .sp-only {
        display: none;
    }



    /*====================================================================
qa-nav
====================================================================*/
    .qa-nav {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        font-size: 1.2rem;
    }

    .qa-nav a {
        flex-basis: 44%;
        box-sizing: content-box;

    }
}

/*page_to_top-----------------------------------*/
.page_to_top {
    position: fixed;
    right: 0%;
    bottom: 3%;
    z-index: 20;
}

.gotop-btn {
    background: rgba(83, 83, 83, 0.6);
    color: #fff !important;
    font-size: 2em;
    padding: 10px 21px 15px;
    display: flex;
    align-items: center;
}

/* 
@media screen and (max-width: 1024px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 18px;
    }

    .s_01 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
}

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: left;
        padding: 15px 60px 15px 15px;
    } 
}

*/


@font-face {
    font-family: "Noto Sans Japanese-r";
    font-style: normal;
    font-weight: 400;
    src: url("/common/font/NotoSansCJKjp-Regular.eot");
    src: url("/common/font/NotoSansCJKjp-Regular.eot?#iefix") format('embedded-opentype'), url("/common/font/NotoSansCJKjp-Regular.woff") format('woff'), url("/common/font/NotoSansCJKjp-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "Noto Sans Japanese-m";
    font-style: normal;
    font-weight: 500;
    src: url("/common/font/NotoSansCJKjp-Medium.eot");
    src: url("/common/font/NotoSansCJKjp-Medium.eot?#iefix") format('embedded-opentype'), url("/common/font/NotoSansCJKjp-Medium.woff") format('woff'), url("/common/font/NotoSansCJKjp-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "Noto Sans Japanese-sb";
    font-style: normal;
    font-weight: 700;
    src: url("/common/font/NotoSansCJKjp-Bold.eot");
    src: url("/common/font/NotoSansCJKjp-Bold.eot?#iefix") format('embedded-opentype'), url("/common/font/NotoSansCJKjp-Bold.woff") format('woff'), url("/common/font/NotoSansCJKjp-Bold.ttf") format('truetype');
}

/*源ノ明朝 Medium*/
@font-face {
    font-family: "source-han-serif-jpn-m";
    font-style: normal;
    font-weight: 500;
    src: url("/common/font/source-san-serif/SourceHanSerif-Medium-m.eot");
    src: url("/common/font/source-san-serif/SourceHanSerif-Medium-m.eot?#iefix") format('embedded-opentype'),
        url("/common/font/source-san-serif/SourceHanSerif-Medium-m.woff") format('woff'),
        url("/common/font/source-san-serif/SourceHanSerif-Medium-m.ttf") format('truetype');
}