#p01,#p02,#p03 {
	height: 15px;
}
.voice_menu{
	margin:20px 0 0 0;
	}

.voice_menu ul{
	color:#fff;
	font-size:14px;
	margin:0 0 50px 0;
	}

.voice_menu ul li{
	float:left;
	background:url(../images/student_voice/arrow.png) no-repeat,#1C3177;
	background-position:right 10px top 10px;
	margin:0 0 0px 10px;
    padding: 5px 0px 5px 0;
	}

.voice_menu ul li:first-child{
	margin:0;
	}

.voice_menu li a{
	padding:5px 25px 5px 20px;
	}

.voice_menu li a:link { text-decoration:none; color:#fff; }
.voice_menu li a:visited { text-decoration:none; color:#fff; }
.voice_menu li a:hover { text-decoration:underline; color:#fff; }
.voice_menu li a:active { text-decoration:none; color:#fff; }

.border-ttl{
	font-size:20px;
	color:#1C3177;
	font-weight:normal;
    border-top: 1px solid #1C3177;
    padding:0;
	height:24px;
	}

.border-ttl span{
    position: relative;
    top: -15px;
    padding: 0 10px 0 0;
    background:#fff;
	}

.img_area{
	margin:20px 0 35px 0;
	}

.img_area_left{
	float:left;
	}

.img_area_right{
	float:right;
	width:75%;
	}

.img_area_right h4{
	font-size:18px;
	color:#1C3177;
	font-weight:normal;
	}

.img_area_right p{
	font-size:14px;
	}

.img_area_left{
	width:23%;
	background:#E6E6E6;
    padding: 10px 0 10px 0;
	}

.img_area_left img{
	width:88%;
	}

.img_area_left p{
	text-align:center;
	}

.img_area_left figcaption{
	text-align:center;
	margin:10px 0 0 0;
	font-size:14px;
	color:#1C3177;
	}

.page_img figcaption a:link{
	color:#fff;
	text-decoration:none;
	}

.page_img figcaption a:visited{
	color:#fff;
	text-decoration:none;
	}

.page_img figcaption a:hover{
	color:#fff;
	text-decoration:none;
	}

.page_img figcaption a:active{
	color:#fff;
	text-decoration:none;
	}
@media screen and (max-width: 980px) {

.img_area_left figcaption{
	font-size:12px;
	}

	}

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

.img_area_left{
	float:none;
	margin:0 auto;
	}

.img_area_right{
	float:none;
	width:100%;
	}

.img_area_left{
	width:50%;
	margin-bottom:20px;
	}

	}

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

.voice_menu ul li:nth-child(2){
	margin-right:10px;
	}

.voice_menu ul li:nth-child(3){
	margin:10px 0 0 0;
	}

	}

@media screen and (max-width: 480px) {
  .img_area_left {
    width: 80%;
  }
}

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

.voice_menu ul li{
	padding: 2px 0px 5px 0;
	}

.voice_menu ul li a{
	font-size:11px;
    padding: 5px 24px 5px 15px;
	}

	}

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

	.voice_menu ul li:nth-child(2){
	margin-right:0px;
	}

	}


/* spのみ改行を追加 */
.sp_br {
  display: none;
}
@media screen and (max-width: 490px) {
  .sp_br {
    display: block;
  }
	.img_area_right h4 {
		text-align: center;
		margin: 0 0 5px;
	}
}