@charset 'UTF-8';

/*===========================================
column3
===========================================*/

.column3 {
margin-top: 1em;
}
.column3 .mod_column_flex .mod_bnrBtn_01 {
flex-basis: calc((100% / 3) - 21px);
margin-right: 30px;
}
.column3 .mod_column_flex .mod_bnrBtn_01:last-child {
margin-right: 0;
}
.column3 .mod_column_flex .mod_bnrBtn_01 a{
display: block;
height: 100%;
padding: 15px 45px 15px 15px;
}
.column2 .mod_bnrBtn_01 a {
display: block;
height: 100%;
padding: 15px 45px 15px 15px;
}
.column2 .mod_bnrBtn_01 a .mod_txt {
  flex-basis: auto;
}

@media screen and (max-width: 767px){
.column3 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 0 !important;
}
.column3 .mod_column_flex .mod_bnrBtn_01{
flex-basis: 100% !important;
margin-right: 0 !important;
margin-bottom: 20px;
}
.column3 .mod_column_flex > .mod_bnrBtn_01:last-child{
margin-bottom: 0 !important;
}
}

/*===========================================
column
===========================================*/
.column{
margin-top: 4%
}
.column .mod_column_2_1 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 2%;
}
.column a{
display: block;
}
@media screen and (max-width: 767px){
.column .mod_btn_04 span{
font-size: 2rem;
}
.column .column.mod_column_3_1 .mod_column_flex > *:nth-of-type(n + 2){
margin-top: 15%;
}
.column .mod_box {
padding: 0.5em 0.5em 0 0.5em;
}
}

.column figure{
position: relative;
padding-top: 47.89%;
overflow: hidden;
}
.column figure img {
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50%;
width: auto;
height: 100%;
}