.contents_box{
border: solid 1px #ccc;
width:100%;
padding:0;
}
.article{
padding:1% 3%;
background:#fff;
color:#000;
font-size:1.2em;
}
.contents_box .article:first-child{
padding:2% 3% 1%;
}
.article .ans,.article dl, .article h3+p{
padding:1% 3%;
}
#contents h2{
padding:2%;
margin:3% 0;
font-size:1.6em;
background: rgb(2,0,36);
background: -moz-linear-gradient(140deg, rgba(2,0,36,1) 0%, rgba(4,135,162,1) 47%, rgba(0,0,73,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(2,0,36,1) 0%, rgba(4,135,162,1) 47%, rgba(0,0,73,1) 100%);
background: linear-gradient(140deg, rgba(2,0,36,1) 0%, rgba(4,135,162,1) 47%, rgba(0,0,73,1) 100%);
}
.article h3{
padding:3%;
border-bottom: solid 1px #ccc;
font-size:1.4em;
cursor: pointer;
position:relative;
transition: all 0.8s;
}
.article h3::after{
content:"＋";
position:absolute;
right:2%;
top: 31%;
font-size: 1.3em;
}
.article h3:hover{
background:#f5f5f5;
}
.article h3.stay::after{
content:"－";
}

.article .article_box{
display:none;
opacity:0;
padding:0 0 0 3%;
}
.article .article_box.active{
display:block;
opacity:1;
}
.article ul{
padding:0 0 0 1.5em;
}
.article ul li{
padding:0;
margin: 0 0 0 1em;
list-style: inherit;
}
.article p + ol{
margin:0 0 0 1.5em;
}
.article ol li{
list-style: decimal;
}
.article .step{
padding:0 0 0 1.5em;
}
.article .step dt{
width:7em;
font-weight:bold;
float:left;
}
.article .step dd{
clear:right;
margin:0;
}

/*navi*/
.head_navi{
display:flex;
justify-content: flex-end;
}
.head_navi li{
padding:3px 1% 0;
margin:0;
border-left:solid 1px #296AB2;
}
.head_navi li:last-child{
padding-right:0;
}
.head_navi li a{
display:block;
white-space: nowrap;
transition: all 0.3s;
}
.head_navi li a:hover{
text-decoration:none;
opacity:0.8;
}