@charset 'UTF-8';


/*===========================================
anchor
===========================================*/
.anchor{
margin-top: 6%;
}
.anchor .mod_list_btnList ul > *{
flex-basis: 25%;
}

@media screen and (max-width:767px){
.anchor{
margin-top: 2em;
}
.anchor .mod_list_btnList ul > *{
flex-basis: 50%;
}
.anchor .mod_list_btnList a{
display: flex;
justify-content: center;
align-items: center;
padding-left: 0.25em;
padding-right: 0.25em;
}
}

/*===========================================
sec
===========================================*/
.sec .list{
margin-top: 2em;
}
.sec .list a{
display: block;
}
.sec .list .mod_img{
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
background: #fff;
}
.sec .list .mod_img:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px solid #ddd;
}
.sec .list .mod_img figure{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 88%;
height: 88%;
margin: auto;
}
.sec .mod_ttl_02 + .mod_ttl_03{
margin-top: 2.5em;
}