@charset "UTF-8";
/* CSS Document */
main {
    color: #fff;
    font-size: 18px;
    background: #000;
    padding-bottom: 110px;
}
.top__title2 {
        padding-top: 11.5%;
}
.next_top {
    position: relative;
    background: none;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding-bottom: 0px;
}
.top__title_wrap h1{
    padding-bottom: 4px;
}
.next_top__text2 {
    width: 15em;
    text-align: center;
}
@media screen and (min-width:768px) and ( max-width:1100px) {
    .next_top__text2 {
        width: 22.2%;
        font-size: 1.5vw;
    }
}
ul.tips__list{
    width: 100%;
    max-width: 960px;
    margin:35px auto 70px;
}
ul.tips__list li{
    width: 580px;
    margin: auto;
}
@media screen and ( max-width:768px) {
    ul.tips__list li{
        width: 100%;
        max-width: 580px;
    }
    .top__text{
        font-size: 3.8vw;
            width: 100%;
    }
}
@media screen and (min-width:769px) {
    ul.tips__list{
        margin:89px auto 70px;
    }
}
ul.tips__list li .tips__list_head{
    position: relative;
    height: 66px;
    line-height: 66px;
    padding: 0 23px 0 40px;
    background: #333333;
    border-top:1px solid #868686;
    cursor: pointer;
}
ul.tips__list li:last-child .tips__list_head{
    border-bottom:1px solid #868686;
}
/*@media screen and (min-width:768px) and ( max-width:1100px) {
    ul.tips__list li .tips__list_head{
        font-size: 1.5vw;
    }
}*/
ul.tips__list li .tips__list_head:after{
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    right: 23px;
    top: 27px;
    border-left: 2px solid #888888;
    border-bottom: 2px solid #888888;
    transform: rotate(-45deg);
}
ul.tips__list li .tips__list_body{
    display: none;
    padding: 40px 10px 42px 43px;
}
ul.tips__list li .tips__list_body > img{
    width: 239.3333px;
    display: block;
    margin:9px auto 0;
}
ul.tips__list li .tips__list_body dl dt{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 20px;

}
ul.tips__list li .tips__list_body dl dt svg{
    position: absolute;
    left: 0;
    top: 2px;
}
ul.tips__list li .tips__list_body dl dd{
    font-size: 16px;
    padding-bottom: 20px;
    padding-left: 20px;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .top__title2 {
    padding-top: 8%;
}
}