@charset "utf-8";

h2#second-title{
	background: url("../../img/h2_title.png") no-repeat right top;
	width: 100%;
	padding-top: 56px;
	margin-top: 65px;
	margin-bottom: 20px;
	min-height:91px;
}

ul#contents-menu{
	border-left:#E5E5E5 1px solid;
	width: 800px;
	margin: 0 auto 40px;
}

ul#contents-menu li{
	position: relative;
	border-right:#E5E5E5 1px solid;
	width: 159px;
}

ul#contents-menu li:nth-child(5){width: 158px;}

ul#contents-menu li a{
	width: 100%;
	height: 64px;
	display: block;
}

ul#contents-menu li a.current{
	pointer-events: none;
}

ul#contents-menu li a.current,
ul#contents-menu li a:hover{
	background-color: #2DB38C;
}

ul#contents-menu li h3{
	position: absolute;
	top:8px;
	left: 20px;
	font-size: 12px;
	letter-spacing: 0.05em;
	color:#4C4C4C;
}

ul#contents-menu li h4{
	position: absolute;
	top:28px;
	left: 20px;
	font-size: 24px;
}

ul#contents-menu li a.current h4,
ul#contents-menu li a:hover h4{
	color:#fff;
}

/* ==========================================================================
   block1
============================================================================= */

div#contents-block1{
	margin-bottom: 70px;
}

div#contents-block1 h3.h3-title{
	background: url("../../voice/img/h3_title.png") no-repeat left bottom;
	padding-bottom: 0.3em;
}

div#contents-block1 div.photo{
	width: 800px;
	height: 508px;
}

div#contents-block1 div#photo1{
	background: url("../img/ph_voice1.jpg") no-repeat;
}

div#contents-block1 p.answer{
	border-left:#3fbd9c 1px solid;
	padding-left: 60px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 750px) {
	/* ==========================================================================
	   container
	============================================================================= */
	div.container{
		width: 620px;
	}
	
	h2#second-title{
		width: 100%;
		padding-top: 45px;
		margin-top: 115px;
		margin-bottom: 40px;
	}
	
	ul#contents-menu{
		border-left:none;
		width: 750px;
		margin: 0 auto 50px;
	}
	
	ul#contents-menu li{
		border-right:none;
		width: 100%;
		float: none;
		border-bottom: #E5E5E5 1px solid;
	}
	
	ul#contents-menu li:nth-child(5){
		width: 100%;
	}
	
	ul#contents-menu li a{
		width: 100%;
		height: 74px;
		display: block;
	}
	
	ul#contents-menu li h3{
		position: absolute;
		top:30px;
		left: 77px;
		font-size: 18px;
	}
	
	ul#contents-menu li h4{
		position: absolute;
		top:22px;
		left: 200px;
		font-size: 30px;
	}
	
	/* ==========================================================================
	   block1
	============================================================================= */
	
	div#contents-block1 p.fs18,
	div#contents-block1 h4.fs18{
		font-size: 30px;
	}
	
	div#contents-block1 p.fs18.tar{
		font-size: 20px;
	}
	
	div#contents-block1 h3.fs29{
		font-size: 35px;
	}
	
	div#contents-block1 div.photo{
		width: 620px;
		height: 393px;
	}
	
	div#contents-block1 div#photo1{
		background-size: 620px 393px;
	}
	
	div#contents-block1 h3.h3-title{
		background: url("../../voice/img/h3_title_sp.png") no-repeat left bottom;
	}
	
	div#contents-block1 p.answer{
		border-left:#3fbd9c 2px solid;
		padding-left: 40px;
	}

}