@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;
}




/* ========================== Tablet / PC  ※1000px以内の時============================= */
@media screen and (max-width: 1000px) {










}

/* ========================== Tablet / PC  ※760px以内の時============================= */
@media screen and (max-width: 760px) {







}

/* =========================== Mobile ※600px以内の時=========================== */
@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%;
}


}