@charset "utf-8";
/* CSS Document */

/* 共通 */
.SubPage {
    width: 98%;
    margin: 0 auto;
}

.SubPage h1 {
    font-size: 2.0rem;
    position: relative;
    padding: .75em 1em .75em 1.5em;
    /* border: 1px solid #ccc; */
    font-weight: normal;
    margin-bottom: 20px
}

.SubPage h1::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #d41e18;
}

.SubPage h2 {
    font-size: 1.8rem;
    border-left: 5px #d41e18 solid;
    padding-left: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: 2px #d41e18 solid;
    padding-bottom: 5px
}

.SubPage h3 {
    font-size: 1.8rem;
    position: relative;
    font-weight: bold;
    border-bottom: 1px #d41e18 solid;
    padding-bottom: 5px;
    margin-bottom: 20px
}


.SubPage h4 {
    font-size: 1.6rem;
    position: relative;
    padding-left: 15px;
    font-weight: bold
}

.SubPage h4:before {
    display: block;
    content: '';
    position: absolute;
    top: 6px !important;
    left: 0px !important;
    width: 5px;
    height: 5px;
    border-right: 3px solid #d41e18;
    border-bottom: 3px solid #d41e18;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.SubPage h5 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px
}

.SubPage h6 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px
}

.SubPage h7 {
    font-size: 1.8rem;
    position: relative;
    font-weight: bold;
    border-bottom: 3px #e60033 solid;
    padding-bottom: 5px;
    margin-bottom: 20px
}

.SubPage p2 {
    font-size: 3.0rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 20px
}


.SubPage p {
    font-size: 1.6rem;
    margin-bottom: 20px
}


.SubPage a:link {
    color: #154F96
}

.SubPage a:visited {
    color: #154F96
}

.SubPage a:active {
    color: #154F96
}


.PBox {
    border: 1px #B0B0B0 solid;
    padding: 3px;
    background-color: #ffffff
}

.SubPage #currentDate {
    font-size: 1.6rem;
    margin-bottom: 20px
}

/* ノーマルULリスト */
ul.SubPageUl {
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 20px;
}

.SubPageUl > li {
    list-style: disc;
    font-size: 1.6rem;
    line-height: 160%;
    letter-spacing: 0.5pt;
    font-weight: normal;
    margin-bottom: 7px
}

/* ・無しULリスト */
ul.SubPageUl2 {
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 20px;
}

.SubPageUl2 > li {
    list-style: none;
    font-size: 1.6rem;
    line-height: 160%;
    letter-spacing: 0.5pt;
    font-weight: normal;
    margin-bottom: 7px
}

/* margin-bottom: 7px */

/* インラインULリスト */
ul.SubPageIn {
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 20px;
}

.SubPageIn > li {
    display: inline;
    text-align: center;
    font-size: 1.0rem;
    line-height: 160%;
    letter-spacing: 0.5pt;
    font-weight: normal;
    margin-bottom: 7px
}

/* margin-bottom: 7px */


/* ノーマルOLリスト */
ol.SubPageOl {
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 40px
}

.SubPageOl > li {
    list-style: decimal outside;
    font-size: 1.6rem;
    line-height: 2.0em;
    font-weight: normal
}


/* 1カラム ULリスト */
ul.Sul1 {
    width: 100%;
    margin-bottom: 20px;
}

.Sul1 > li {
    list-style: none;
    font-size: 1.6rem;
    line-height: 200%;
    letter-spacing: 0.5pt;
    font-weight: normal;
    position: relative;
    padding-left: 20px;
}

.Sul1 > li a:link {
    color: #154F96
}

.Sul1 > li a:visited {
    color: #154F96
}

.Sul1 > li a::before {
    display: block;
    content: '';
    position: absolute;
    top: 11px !important;
    left: 0px !important;
    width: 5px;
    height: 5px;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* 2カラム ULリスト */
ul.Sul2 {
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 40px;
}

.Sul2 > li {
    list-style: disc;
    font-size: 1.6rem;
    width: 50%;
    float: left;
    line-height: 2.0em;
    letter-spacing: 0.5pt;
    font-weight: normal
}


/* SP 2カラム→PC3カラム　ULテキストリスト*/
ul.Sul23 {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Sul23 > li {
    width: 50%;
    float: left;
    position: relative;
    font-size: 1.4rem;
    box-sizing: border-box;
    display: block;
    font-weight: normal;
    border: 2px #D8D8D8 solid
}

.Sul23 > li a:link {
    color: #000000;
    padding: 5% 5% 5% 10%
}

.Sul23 > li a:visited {
    color: #000000
}

.Sul23 > li a::after {
    display: block;
    content: '';
    position: absolute;
    top: 17px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.pdf:after {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: -2px;
    background: url(../img/icn_pdf.png) no-repeat;
    background-position: bottom
}

.excel:after {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: -2px;
    background: url(../img/icn_excel.png) no-repeat;
    background-position: bottom
}

.word:after {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: -2px;
    background: url(../img/icn_word.png) no-repeat;
    background-position: bottom
}


/* FAQ */
.faq {
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 1px #CCCCCC solid;
    padding-bottom: 10px
}

.faq h3 {
    width: 100%;
    font-size: 1.8rem;
    font-weight: normal;
    background: #fff;
    display: table;
    line-height: 1.5;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
    padding-left: 0px
}

.faq h3:before {
    display: none
}

.faq h3 span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px 10px 0px
}

.faq h3 span.label {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    background-color: #d41e18;
    padding: 15px 15px;
    margin-right: 15px;
    margin-left: 0;
}

.faq h3 span.ttl {
    width: 100%
}

.faq .answer {
    background: #f5f5f5;
    border-top: 0;
    position: relative;
    min-height: 46px
}

.faq .answer span {
    position: absolute;
    padding: 10px 17px;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    background: #666666;
    margin-right: 15px;
    left: 0px;
    top: 0px;
}

.faq .answer p {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 10px 10px 0px 65px
}

.faq .answer p.year {
    text-align: right;
    padding-right: 20px
}

.BannerBox1 {
    display: none
}

.BannerBox2 {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px
}

.Box1 {
}

.Box1 p {
    border-bottom: 1px #C12D30 dotted;
    padding-bottom: 5px;
    text-align: center;
    margin-bottom: 0px
}

.boxset01 {
    margin-bottom: 40px
}

.boxset01 ul li {
}

.WhiteBox {
    background-color: #FFFFFF;
    padding: 40px 5px 40px 5px;
    box-sizing: border-box
}

.RedBox {
    background-color: #FFFFFF;
    padding: 40px 20px 40px 20px;
    box-sizing: border-box;
    border-style: solid;
    border-color: #D41E18;
}

dl.SubPageDl {
}

.SubPageDl dt {
    font-size: 1.6rem;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px
}

.SubPageDl dd {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 10px 0px 10px;
    border: 1px #DFDFDF solid;
    background-color: #f7f7f8
}

.SubPageDl dd p {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 10px !important;
    background-color: #ffffff;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px #DFDFDF dotted
}

.SubPageDl dt:before {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.LiSubTxt {
    margin-top: 5px;
    margin-left: 50px;
    color: #3D3D3D;
    margin-bottom: 20px
}

.BorderUpDown {
    border-top: 2px #515151 solid;
    border-bottom: 2px #515151 solid;
    background-color: #F3FFF3
}

/*バナーリンク*/
.bnr-link {
    width: 100%;
    margin: 0 auto;
}


/* width 769以上 */

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

    /* 共通 */
    .SubPage {
        width: 100%
    }

    .SubPage a:hover {
        color: #4B87D1;
        text-decoration: underline
    }

    .SubPage h1 {
        font-size: 3.0rem;
        margin-bottom: 30px
    }

    .SubPage h2 {
        font-size: 2.0rem;
        border-left: 5px #d41e18 solid;
        padding-left: 10px
    }

    .SubPage h3 {
        font-size: 1.8rem
    }

    .SubPage h5 {
        font-size: 2.2rem;
        font-weight: normal
    }

    .SubPageOl > li {
    }

    .SubPageUl > li {
    }

    .Sul1 > li a::before {
        top: 15px;
        left: 5px
    }


    /* SP 2カラム→PC3カラム　ULテキストリスト*/
    ul.Sul23 {
    }

    .Sul23 > li {
        width: 33.333%;
        border: 0px
    }

    .Sul23 > li a:link {
        padding: 3% 3% 3% 10%
    }

    .Sul23 > li a:visited {
    }

    .Sul23 > li a:hover {
        text-decoration: underline
    }

    .Sul23 > li a::after {
        top: 15px;
        left: 5px;
    }

    .BannerBox1 {
        display: block
    }

    .BannerBox2 {
        display: none
    }

    .WhiteBox {
        padding: 40px
    }

    .SubPageDl dt {
        font-size: 1.4rem
    }

    .SubPageDl dd {
        font-size: 1.6rem
    }

    .SubPageDl dt:before {
        top: 8px;
        left: 0px
    }

    /*バナーリンク*/
    .bnr-link {
        width: 50%;
    }

}