@charset "utf-8";

#voice{
padding-bottom:40px; 
}
#voice h1{
text-align: center;
margin-bottom: 10px;
}
#voice p.comment{
margin-bottom: 30px;
}
.voiceList{
display: flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
}
.voiceList article{
margin-bottom: 20px;
flex-basis: 32.5%;
transition: 0.4s;
}
.voiceList article:hover{
opacity: 0.6;
}
.voiceList article img{
width: 100%;
}
.voiceList article h2{
background:#eee;
color: #333;
text-align: center;
padding:20px 0;
font-weight: 300;
font-size: 130%; 
}
#voiceDetail{
padding-bottom:60px; 
}
#voiceDetail .titlePhoto{
width: 100%;
margin-bottom: 50px;
}
#voiceDetail article{
margin-bottom: 30px;
}
#voiceDetail article h2{
font-size: 170%;
color: #ff7500;
line-height: 130%;
font-weight: 400;
margin-bottom: 0.3em;
}
#voiceDetail article .comment{
font-size: 130%;
color: #999;
line-height: 130%;
font-weight: 400;
margin-bottom: 0.5em;
}
#voiceDetail article .photoLeft,
#voiceDetail article .photoRight{
width: 40%;
}
#voiceDetail article .photoLeft{
float: left;
margin-right: 20px;
}
#voiceDetail article .photoRight{
float: right;
margin-left: 20px;
}
#voiceDetail article .photoFamily{
width: 50%;
float: right;
margin-left: 20px;
}
#seminar{
background:url(/images/bg01.gif); 
margin-bottom: 50px;
padding: 20px 0;
}
#seminar p.event_btn,
#seminar p.comment,
#seminar h1{
width: 68%;
}
#seminar h1{
border-bottom: 2px dashed #ffc799;
font-weight: 350;
margin-bottom: 10px;
color: #FF7409;
font-size: 180%;
line-height: 125%;
float: left;
}
#seminar img{
float: right;
width: 29%;
max-width: 800px;
}
#seminar p.comment,
#seminar p.event_btn{
margin-bottom: 10px;
} @media screen and (max-width: 1000px) {
} @media screen and (max-width: 760px) {
} @media screen and (max-width: 600px) {
#voice{
padding-bottom:10px; 
}
.voiceList{
display: block;
}
.voiceList article:hover{
opacity: 1;
}
.voiceList article h2{
font-size: 120%; 
}
#voiceDetail{
padding-bottom:30px; 
}
#voiceDetail .titlePhoto{
margin-bottom: 30px;
}
#voiceDetail article h2{
font-size: 120%;
font-weight: 500;
margin-bottom: 0.1em;
}
#voiceDetail article .comment{
font-size: 110%;
font-weight: 500;
}
#voiceDetail article .photoLeft,
#voiceDetail article .photoRight,
#voiceDetail article .photoFamily{
width: 100%;
float: none;
margin-bottom: 5px;
}
#voiceDetail article .photoLeft{
margin-right: 0;
}
#voiceDetail article .photoRight,
#voiceDetail article .photoFamily{
margin-left: 0;
}
#voiceDetail article .bodyLeter{
text-align: justify;
}
#seminar{
margin-bottom: 30px;
}
#seminar p.event_btn,
#seminar p.comment,
#seminar h1{
width: 100%;
}
#seminar h1{
font-size: 150%;
}
#seminar img{
float: none;
width: 100%;
margin-bottom: 5px;
}
#seminar .bt01{
width: 100%;
}
}