
#container .contents {
    width: 1200px;
}

#container h1 {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 1.5625rem;
    font-weight: 700;
}

#container hr {
    background-color: #707070;
    height: 1px;
}

@media screen and (max-width:1240px) {
    #container .contents {
        width: 92%;
    }
}

@media screen and (max-width:600px) {
    #container h1 {
    margin-top: 30px;
    }
}

/*-----------------------------------

	outer

-----------------------------------*/
#container ul.outer {
    width: 100%;
    margin-top: 55px;
    margin-bottom: 195px;
}

#container ul.outer>li {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

#container ul.outer>li h2 {
    width: 100.1%;
    height: 50px;
    padding-left: 26px;
    background-color: #e8e8e8;
    line-height: 50px;
    color: #e94709;
    font-size: 1.25rem;
    font-weight: 700;
}

#container ul.outer>li ul.inner {
    width: 100%;
    height: 66px;
    padding-left: 73.5px;
    display: flex;
}

#container ul.outer>li ul.inner li {
    width: 25%;
    line-height: 66px;
    color: #595757;
    font-size: 1.125rem;
    list-style: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjY3NCIgaGVpZ2h0PSIxMSI+CiAgPHBhdGggZGF0YS1uYW1lPSLlpJrop5LlvaIgNTciIGQ9Ik02LjY3NCA1LjVMMCAxMVYweiIgZmlsbD0iIzU5NTc1NyIvPgo8L3N2Zz4K);
    text-indent: .5em;
}

#container ul.outer>li ul.inner li a {
    text-decoration: underline;
}

#container ul.outer>li:nth-child(8),
#container ul.outer>li:nth-child(9),
#container ul.outer>li:nth-child(10) {
    height: 50px;
}

#container ul.outer>li:nth-child(8) a,
#container ul.outer>li:nth-child(9) a,
#container ul.outer>li:nth-child(10) a {
    -webkit-text-decoration-color: #e94709;
    text-decoration-color: #e94709;
}
#container ul.outer>li:nth-child(8) a h2,
#container ul.outer>li:nth-child(9) a h2,
#container ul.outer>li:nth-child(10) a h2 {
    text-decoration: underline;
}

@media screen and (max-width:1080px) {

    #container ul.outer>li ul.inner {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
    }

    #container ul.outer>li ul.inner li {
    width: 50%;
    line-height: 3;
    }
}

@media screen and (max-width:600px) {

    #container ul.outer {
    margin-top: 30px;
    }

    #container ul.outer>li ul.inner li {
    width: 100%;
    line-height: 2.5;
    }

    #container ul.outer>li:nth-child(5) ul.inner li {
    width: 50%;
    }
}
