@charset "utf-8";

#mf1{
margin: 50px 0;
}
#mf1 h2{
text-align: center;
font-size: 1.88em;
font-weight: bold;
margin: 0 0 50px 0;
}
#mf1 .clist{
justify-content: space-between;
}
#mf1 .clist .cbox{
width: 300px;
}
#mf1 figure{
max-width: 300px;
position: relative;
}
#mf1 figure:before{
content: "MORE";
font-size: 0.8em;
color: #fff;
background: #092060;
padding: 1px 10px;
position: absolute;
bottom: 0;
left: 0;
}
#mf1 p{
font-size: 1.31em;
text-align: center;
line-height: 2em;
}
#mf1 span{
display: table;
margin: 0 auto;
font-size: 0.48em;
}
#mf1 strong{
font-size: 0.76em;
}

#mf2{
margin: 100px 0;
}
#mf2 p a{
display: block;
font-size: 1.88em;
padding: 80px;
color: #fff;
background: #002060 url("../img/voice/i4.png") right center /contain no-repeat;
}

#mf3{
margin: 0 0 30px 0;
}
#mf3 .cbox{
position: relative;
}
#mf3 .ctext{
position: absolute;
left: 30px;
bottom: 80px;
}
#mf3 .ctext p{
font-size: 2.19em;
padding: 10px 20px;
background: #fff;
}
#mf3 .ctext h2{
color: #fff;
font-size: 1.88em;
margin: 20px 0 0 0;
}
#mf3 .ctext span{
display: table;
font-size: 0.53em;
}
#mf4 figure{
text-align: center;
}
#mf4 .cbox{
width: 1000px;
display: table;
margin: 100px auto;
}
#mf4 .cbox h2{
display: flex;
justify-content: center;
align-items: center;
font-size: 1.88em;
font-weight: bold;
text-align: center;
margin: 0 0 30px 0;
}
#mf4 .cbox h2 span{
display: flex;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
border: #000 solid 1px;
margin: 0 0.5em 0 0;
}
#mf4 .cbox p{
margin: 0 0 1em 0;
}
#mf4 .cbox .clist{
justify-content: space-between;
}
#mf4 .cbox .clist p{
width: 450px;
}
#mf4 .rbtn{
margin: 0 0 50px 0;
}
#mf4 .rbtn a{
text-align: center;
width: 250px;
font-size: 1.25em;
font-weight: bold;
display: table;
border: #000 solid 1px;
margin: 0 auto;
padding: 20px;
}



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

#mf1{
margin: 10vw 5vw;
}
#mf1 h2{
font-size: 1.5em;
margin: 0 0 10vw 0;
}
#mf1 .clist{
justify-content: center;
}
#mf1 .cbox{
margin:0 0 10vw 0;
}
#mf1 figure{
margin: 0 auto;
}

#mf1 p{
line-height: 1.5em;
}


#mf2{
margin: 10vw 5vw;
}
#mf2 p a{
font-size: 1.5em;
padding: 10vw 5vw;
text-shadow: 0 0 5px #002060;
}

#mf3{
margin: 0 0 10vw 0;
}
#mf3 .ctext{
left: 5vw;
bottom: 2vw;
}
#mf3 .ctext p{
font-size: 1.3em;
padding: 1vw 3vw;
}
#mf3 .ctext h2{
font-size: 1em;
margin: 3vw 0 0 0;
line-height: 1.5em;
}
#mf4 figure{
text-align: center;
}
#mf4 .cbox{
width: 80vw;
margin: 10vw auto;
}
#mf4 .cbox h2{
flex-direction: column;
font-size: 1.5em;
margin: 0 0 5vw 0;
line-height: 1.5em;
}
#mf4 .cbox h2 span{
margin: 0 0 3vw 0;
}
#mf4 .cbox .clist{
justify-content:center;
}
#mf4 .cbox .clist p{
width: auto;
margin: 5vw 0 0 0;
}
#mf4 .rbtn{
margin: 0 0 20vw 0;
}
#mf4 .rbtn a{
max-width: 500px;
width: 80vw;
padding: 5vw 3vw;
}


}