@charset "UTF-8";

.access .content h3{
    color:var(--color01);
    font-size: 20px;
    margin: 0 auto 3%;
    padding: 2% 0 2% 80px;
    position: relative;
    width: 100%;
}
.access .content h3:before{
    content: "";
    background: url(/images/common/icon_title.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 70px;
    position: absolute;
    top:50%;
    left: 0;
    transform: translate(0,-50%);
}
.access .content .top{
    color: var(--color01);
    line-height: 2.1em;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 5%;
}
.access .content .top iframe{
    width: 100%;
    height: 660px;
    margin: 0 auto;
}
.access .content .top p{
    border: 1px solid var(--color01);
    text-align: center;
    width: 100%;
    margin: 2% auto 0;
    padding: 1% 0;
}
.access .content .bottom{
    color: var(--color01);
    line-height: 2.1em;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 5%;
}
.access .content .bottom .inner{
    margin: 0 5% 5% 0;
    width: 70%;
}
.access .content .bottom .inner dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0 5% 5% 0;
    width: 100%;
}
.access .content .bottom .inner dl dt{
    background: var(--color05);
    width: 40%;
    margin: 0 0 2% 1%;
    padding:10px 20px;
}
.access .content .bottom .inner dl dd{
    background: var(--color05);
    width: 58%;
    margin: 0 0 2% 1%;
    padding:10px 20px;
}
.access .content .bottom figure{
    width: 25%;
    margin: 0 0 5%;
    position: relative;
}
.access .content .bottom figure i{
    color: #fff;
    font-style: normal;
    font-size:14px;
    position: absolute;
    bottom: 0;
    right: 4%;
}


@media all and (min-width:769px){
    
}
@media all and (max-width:768px){
    .access .content h3{
        margin: 0 auto 6%;
    }
    .access .content h3:before{
        width: 40px;
        height: 50px;
    }
    .access .content .top{
        margin: 0 auto 6%;
    }
    .access .content .top iframe{
        width: 90%;
        height: 420px;
    }
    .access .content .top p{
        line-height: 1.6em;
        width: 90%;
        margin: 6% auto 0;
    }
    .access .content .bottom .inner{
        width: 90%;
        margin: 0 auto 5%;
    }
    .access .content .bottom .inner dl dt,
    .access .content .bottom .inner dl dd{
        line-height: 1.6em;
        padding:10px 10px;
    }
    .access .content .bottom figure{
        width: 60%;
        margin: 0 auto 5%;
    }
}