/* 
-------------------------------------*/
.listBox {
margin-bottom:30px;
}
.listTop{
margin-bottom: 30px;
background-color: #ebf0f4;
}
.listTop h1{
font-size: 1.25rem;
font-weight: 700;
padding: 20px;
}
.listBox .inner{
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
padding:30px;
}
.listBox p{
line-height: 2.0em;
}
.listBox figure {
display: grid;
/*justify-items: center;*/
}
.listBox img {
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
}

.listBox .btns{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.listBox .btns .btn {
padding: 18px 10px;
font-size: .9375rem;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
width: calc(100% / 2);
margin: 0 10px;
}
.listBox .btns .btn-color01 {
color: #fff;
background-color: #ed7812;
border-color: #ed7812;
}
.listBox .btns .btn-color02 {
color: #fff;
background-color: #1d69a4;
border-color: #1d69a4;
}
.listBox .btns .btn:hover{
opacity:0.9;
}


@media screen and (max-width: 768px) {
.listBox .inner{
padding: 10px 15px;
}
.listBox p{
line-height: 1.8em;
}
.listBox figure.tate{
position: relative;
padding-top: 100%;
}
.listBox figure.tate img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height:100%;
width: auto;
margin: auto;
}
.listBox .btns {
flex-direction: column;
}
.listBox .btns .btn {
margin: 0 10px 10px;
width: 100%;
}


}