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

#detail .inner{
    display: flex;
    justify-content: space-between;
}

.sidenavi{
    width: 22%;
    text-align: justify;
}
.sidenavi .title{
    border-bottom: 1px solid #cacaca;
}
.sidenavi .title span{
    font-size: 2.4rem;
    font-weight: 500;
}
.sidenavi ul{}
.sidenavi li{
    border-bottom: 1px solid #ededed;
}
.sidenavi li a{
    display: block;
    padding: 1em;
}
.box{
    width: 70%;
position:relative;
padding:5em 0 0 0;
text-align:justify;
}
.box h4{
    font-size: 2rem;
font-weight:500;
}
.box p{
padding:0.7em 0 2.5em 0;
}


#detail .list dl{
border-bottom:1px solid #bfbfbf;
padding:1.7em 0;
display:flex;
font-size:1.5rem;
}
#detail .list dl:first-child{
border-top:1px solid #bfbfbf;
}
#detail .list dt{
width:7em;
}
#detail .list dd{
flex:1;
    padding-right: 2.5rem;
}
#detail .list dl a:after{
content:"→";
display:block;
font-size:2.2rem;
line-height:1;
    position: absolute;
    right: 5%;
    top: 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
#detail .list dl a{
display:flex;
flex-wrap: wrap;
    position: relative;
    width: 100%;
}
#detail .list dl a:hover:after{
    right: 0;
}


@media only screen and (max-width: 767px) {

#detail .inner{
    display: block;
}

.sidenavi{
    width: 100%;
    text-align: justify;
}

.box{
    width: 100%;
padding:4em 0 5em 0;
}
.box h4{
}

}