@charset "UTF-8";
/* CSS Document */

body{
border-top: #e3007f 15px solid;
}

header{
background: none;
padding: 0;
margin: 0;
text-align: center;
}

header h1{
padding: 0 5%;
width: 90%;
}

.page_main_01{
width: 85%;
margin: 2% auto;
}

.voice_section_01{
width: 920px;
padding: 40px;
margin: 5% auto;
border: #f8ad3b 10px solid;
position: relative;
padding-top: 5%;
}

.num_01{
background: #f8ad3b;
color: #fff;
font-size: 2.4rem;
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-bottom: 1%;
font-weight: bold;
}

.voice_midashi_01{
font-size: 2.8rem;
font-weight: bold;
border-bottom: #000000 1px solid;
margin-bottom: 0.7em;
padding-bottom: 0.5em;
}

.voice_honbun_01{
font-size: 1.5rem;
line-height: 180%;
}

.voice_honbun_01 a{
color: #0071b9;
text-decoration: underline;
}


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

.page_main_01{
width: 98%;
margin: 2% auto;
}

.voice_section_01{
width: 85%;
padding: 2%;
margin: 5% auto;
border: #f8ad3b 10px solid;
position: relative;
padding-top: 10%;
}

.num_01{
background: #f8ad3b;
color: #fff;
font-size: 1.8rem;
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-bottom: 1%;
font-weight: bold;
text-align: center;
}

.voice_midashi_01{
font-size: 2.0rem;
font-weight: bold;
border-bottom: #000000 1px solid;
margin-bottom: 0.5em;
padding-bottom: 0.3em;
}

.voice_honbun_01{
font-size: 1.4rem;
line-height: 180%;
}

}