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

ul.page_title li.text{
	background: #e3eced;
}

@media print and (-webkit-min-device-pixel-ratio:0){
	
	div.voice_title{
		margin-bottom: 250px!important;
	}
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/
@media print, screen and (min-width: 1000px){
	
	div.voice_title div.text h1 div.num{
		width: 80px!important;
	}
	
	div.voice_title div.text h1 span.position{
		font-size: 20px!important;
		font-size: 2.0rem!important;
	}
	
	div.voice_title div.text p{
		font-size: 34px!important;
		font-size: 3.4rem!important;
	}
}

@media print, screen and (min-width: 769px){
	
	ul.page_title{
		margin-bottom: 80px;
	}
	
	ul.page_title li.text{
		width: 32%;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		color: #333;
		padding-left: 11%;
	}
	
	ul.page_title li.photo{
		width: 68%;
		line-height: 0;
	}
	
	section#common{
		width: 100%;
		margin: 0;
		color: #595757;
		position: relative;
	}
	
	section#common p{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 2.5;
		text-align: center;
	}
	
	section#common div.nav_block{
		width: 100%;
		height: 51.66vw;
		line-height: 0;
		position: relative;
		margin: 78px 0 130px;
	}
	
	section#common div.nav_block div.deco01,
	section#common div.nav_block div.deco02{
		width: 9.58vw;
		position: absolute;
		z-index: 5;
	}
	
	section#common div.nav_block div.deco03,
	section#common div.nav_block div.deco04{
		width: 22.75vw;
		position: absolute;
		z-index: 5;
	}
	
	section#common div.nav_block div.deco01{
		top: 1.5vw;
		left: 0;
	}
	
	section#common div.nav_block div.deco02{
		top: 1.5vw;
		right: 0;
	}
	
	section#common div.nav_block div.deco03{
		bottom: 0;
		left: 0;
	}
	
	section#common div.nav_block div.deco04{
		bottom: 0;
		right: 0;
	}
	
	section#common div.nav_block div.btn{
		width: 25.16vw;
		position: absolute;
		z-index: 10;
	}
	
	section#common div.nav_block div.btn.voice01{
		top: 0;
		left: 11.0%;
	}
	
	section#common div.nav_block div.btn.voice02{
		top: 0;
		left: 37.5%;
	}
	
	section#common div.nav_block div.btn.voice03{
		top: 0;
		left: 64.1%;
	}
	
	section#common div.nav_block div.btn.voice04{
		bottom: 0;
		left: 24.2%;
	}
	
	section#common div.nav_block div.btn.voice05{
		bottom: 0;
		left: 51.0%;
	}
	
	section#common div.special {
		width: 100%;
		line-height: 0;
	}
	
	section#common div.special a{
		height: 44.58vw;
		display: block;
		position: relative;
		background: url("../voice/images/voice_banner_bg.jpg") no-repeat;
		background-size: cover;
	}
	
	section#common div.special a h2{
		width: 26.1vw;
		max-width: 314px;
		margin: 2.6vw auto 0;
	}
	
	section#common div.special a span.more{
		width: 148px;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	div.voice_title {
		width: 100%;
		height: 56.6vw;
		position: relative;
		margin-bottom: 100px;
	}
	
	/*div.voice_title.voice01 {
		background: url("../voice/images/voice01_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice02 {
		background: url("../voice/images/voice02_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice03 {
		background: url("../voice/images/voice03_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice04 {
		background: url("../voice/images/voice04_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice05 {
		background: url("../voice/images/voice05_title_photo.jpg") no-repeat;
		background-size: cover;
	}*/
	
	div.voice_title div.text{
		display: inline-block;
		position: absolute;
		color: #FFF;
	}
	
	div.voice_title.voice01 div.text{
		top: 6.8vw;
		left: 10.8vw;
	}
	
	div.voice_title.voice02 div.text{
		top: 6.8vw;
		left: 10.8vw;
		color: #595757;
	}
	
	div.voice_title.voice03 div.text{
		top: 6.8vw;
		left: 47.6vw;
	}
	
	div.voice_title.voice04 div.text{
		top: 6.8vw;
		left: 10.8vw;
		color: #595757;
	}
	
	div.voice_title.voice05 div.text{
		top: 6.8vw;
		left: 10.8vw;
	}
	
	div.voice_title div.text h1{
		display: flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.2;
		margin-bottom: 12px;
	}
	
	div.voice_title div.text h1 div.num{
		width: 70px;
		display: inline-block;
		margin-right: 20px;
	}
	
	div.voice_title div.text h1 span.position{
		font-size: 18px;
		font-size: 1.8rem;
		display: inline-block;
		text-shadow: 0 0 4px #333;
	}
	
	div.voice_title div.text p{
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.4;
		font-weight: bold;
		display: inline-block;
		text-shadow: 0 0 3px #333;
		letter-spacing: 0.1em;
	}
	
	div.voice_title.voice02 div.text h1 span.position,
	div.voice_title.voice04 div.text h1 span.position{
		text-shadow: none;
	}
	
	div.voice_title.voice02 div.text p,
	div.voice_title.voice04 div.text p{
		text-shadow: none;
	}
	
	section#s01,
	section#s02,
	section#s03{
		width: 81.83%;
		max-width: 982px;
		margin: 0 auto 55px;
		color: #595757;
	}
	
	section#s02 div.photo{
		width: 100%;
		line-height: 0;
		margin-bottom: 60px;
	}
	
	section#s02 h2,
	section#s02 p{
		width: 720px;
		margin: 0 auto;
	}
	
	section#s02 p{
		padding-bottom: 30px;
	}
	
	section#s01 ul,
	section#s03 ul{
		width: 100%;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	
	section#s01 ul li.photo,
	section#s03 ul li.photo{
		width: 45.2%;
		line-height: 0;
	}
	
	section#s01 ul li.text,
	section#s03 ul li.text{
		width: 51.2%;
	}
	
	section#s01 ul li.text h2,
	section#s02 h2,
	section#s03 ul li.text h2{
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.7;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	section#s01 ul li.text p,
	section#s02 p,
	section#s03 ul li.text p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2.2;
	}
	
	section#s03 a.movie {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.2;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		padding: 40px 25px;
		color: #FFF;
		background: url("../voice/images/voice_movie_icon.png"), url("../voice/images/voice_movie_bg.jpg");
		background-repeat: no-repeat, no-repeat;
		background-size: 286px 64px, cover;
		background-position: center;
		margin: 50px 0 0;
	}
	
	section#s03 a.movie span{
		display: inline-block;
		margin-left: 20px;
	}
	
	div.image_photo {
		width: 83.75vw;
		margin: 0 0 55px 4px;
	}
	
	a.list {
		width: 250px;
		margin: 130px auto 0;
		padding: 15px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #FFF;
		background: #0080CB;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
	}
	
	a.list i{
		display: inline-block;
		margin-right: 0.2em;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 768px){
	
	ul.page_title li.text{
		color: #333;
	}
	
	article{
		overflow: hidden;
	}
	
	section#common{
		width: 100%;
		margin: 0;
		color: #595757;
		position: relative;
	}
	
	section#common p{
		width: 92.5%;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
		text-align: left;
		margin: 0 auto;
	}
	
	section#common div.nav_block{
		width: 100%;
		height: 51.66vw;
		line-height: 0;
		position: relative;
		margin: 30px 0 60px;
	}
	
	section#common div.nav_block div.deco01,
	section#common div.nav_block div.deco02{
		width: 9.58vw;
		position: absolute;
		z-index: 5;
	}
	
	section#common div.nav_block div.deco03,
	section#common div.nav_block div.deco04{
		width: 22.75vw;
		position: absolute;
		z-index: 5;
	}
	
	section#common div.nav_block div.deco01{
		top: 1.5vw;
		left: 0;
	}
	
	section#common div.nav_block div.deco02{
		top: 1.5vw;
		right: 0;
	}
	
	section#common div.nav_block div.deco03{
		bottom: 0;
		left: 0;
	}
	
	section#common div.nav_block div.deco04{
		bottom: 0;
		right: 0;
	}
	
	section#common div.nav_block div.btn{
		width: 25.16vw;
		position: absolute;
		z-index: 10;
	}
	
	section#common div.nav_block div.btn.voice01{
		top: 0;
		left: 11.0%;
	}
	
	section#common div.nav_block div.btn.voice02{
		top: 0;
		left: 37.5%;
	}
	
	section#common div.nav_block div.btn.voice03{
		top: 0;
		left: 64.1%;
	}
	
	section#common div.nav_block div.btn.voice04{
		bottom: 0;
		left: 24.2%;
	}
	
	section#common div.nav_block div.btn.voice05{
		bottom: 0;
		left: 50.6%;
	}
	
	section#common div.special {
		width: 100%;
		line-height: 0;
	}
	
	section#common div.special a{
		height: 44.58vw;
		display: block;
		position: relative;
		background: url("../voice/images/voice_banner_bg.jpg") no-repeat;
		background-size: cover;
	}
	
	section#common div.special a h2{
		width: 30vw;
		max-width: 314px;
		margin: 2.6vw auto 0;
	}
	
	section#common div.special a span.more{
		width: 18vw;
		max-width: 148px;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	div.voice_title {
		width: 100%;
		height: 56.6vw;
		position: relative;
		margin-bottom: 60px;
	}
	
	/*div.voice_title.voice01 {
		background: url("../voice/images/voice01_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice02 {
		background: url("../voice/images/voice02_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice03 {
		background: url("../voice/images/voice03_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice04 {
		background: url("../voice/images/voice04_title_photo.jpg") no-repeat;
		background-size: cover;
	}
	
	div.voice_title.voice05 {
		background: url("../voice/images/voice05_title_photo.jpg") no-repeat;
		background-size: cover;
	}*/
	
	div.voice_title div.text{
		display: inline-block;
		position: absolute;
		color: #FFF;
	}
	
	div.voice_title.voice01 div.text{
		top: 9vw;
		left: 6.8vw;
	}
	
	div.voice_title.voice02 div.text{
		top: 9vw;
		left: 6.8vw;
	}
	
	div.voice_title.voice03 div.text{
		top: 9vw;
		left: 40vw;
	}
	
	div.voice_title.voice04 div.text{
		top: 9vw;
		left: 6.8vw;
		
	}
	
	div.voice_title.voice05 div.text{
		top: 9vw;
		left: 6.8vw;
	}
	
	div.voice_title div.text h1{
		display: flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.2;
		margin-bottom: 12px;
	}
	
	div.voice_title div.text h1 div.num{
		width: 60px;
		display: inline-block;
		margin-right: 8px;
	}
	
	div.voice_title div.text h1 span.position{
		font-size: 14px;
		font-size: 1.4rem;
		display: inline-block;
		text-shadow: 0 0 4px #333;
	}
	
	div.voice_title div.text p{
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.4;
		font-weight: bold;
		display: inline-block;
		text-shadow: 0 0 3px #333;
		letter-spacing: 0.1em;
	}
	
	section#s01,
	section#s02,
	section#s03{
		width: 92.5%;
		margin: 0 auto 40px;
		color: #595757;
	}
	
	section#s02 div.photo{
		width: 100%;
		line-height: 0;
		margin-bottom: 20px;
	}
	
	section#s02 h2,
	section#s02 p{
		width: 100%;
		margin: 0 auto;
	}
	
	section#s02 p{
		padding-bottom: 30px;
	}
	
	section#s01 ul,
	section#s03 ul{
		width: 100%;
		display: flex;
		flex-wrap:wrap;
	}
	
	section#s01 ul li.photo,
	section#s03 ul li.photo{
		width: 80%;
		max-width: 400px;
		line-height: 0;
		margin: 0 auto 20px;
	}
	
	section#s01 ul li.text,
	section#s03 ul li.text{
		width: 100%;
	}
	
	section#s01 ul li.text h2,
	section#s02 h2,
	section#s03 ul li.text h2{
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.6;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	section#s01 ul li.text p,
	section#s02 p,
	section#s03 ul li.text p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
	}
	
	section#s03 a.movie {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.2;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		padding: 30px 25px;
		color: #FFF;
		background: url("../voice/images/voice_movie_icon.png"), url("../voice/images/voice_movie_bg.jpg");
		background-repeat: no-repeat, no-repeat;
		background-size: 200px 45px, cover;
		background-position: center;
		margin: 50px 0 0;
	}
	
	section#s03 a.movie span{
		display: inline-block;
		margin-left: 30px;
	}
	
	div.image_photo {
		width: 83.75vw;
		margin: 0 0 55px 4px;
	}
	
	a.list {
		width: 250px;
		margin: 60px auto;
		padding: 15px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
		color: #FFF;
		background: #0080CB;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
	}
	
	a.list i{
		display: inline-block;
		margin-right: 0.2em;
	}
}

@media screen and (max-width: 480px){
	div.voice_title.voice01 div.text{
		top: 9vw;
		left: 6.8vw;
	}
	
	div.voice_title.voice03 div.text{
		top: 9vw;
		left: 42vw;
	}
	
	div.voice_title div.text h1{
		display: flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.2;
		margin-bottom: 12px;
	}
	
	div.voice_title div.text h1 div.num{
		width: 45px;
		display: inline-block;
		margin-right: 8px;
	}
	
	div.voice_title div.text h1 span.position{
		font-size: 12px;
		font-size: 1.2rem;
		display: inline-block;
		text-shadow: 0 0 4px #333;
	}
	
	div.voice_title div.text p{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
		display: inline-block;
		text-shadow: 0 0 3px #333;
		letter-spacing: 0.1em;
	}
}

@media print, screen and (max-width: 420px){
	div.wrapper div.deco01{
		width: 24.5vw;
		max-width: 294px;
		position: absolute;
		top: 5px;
		right: 0;
	}
	
	div.wrapper div.deco02{
		width: 19.6vw;
		max-width: 236px;
		position: absolute;
		top: 5px;
		left: 0;
	}
	
	div.wrapper div.deco03{
		width: 19.5vw;
		max-width: 235px;
		position: absolute;
		bottom: -5px;
		right: -5%;
	}
}

@media print, screen and (max-width: 375px){
	div.voice_title.voice03 div.text{
		top: 9vw;
		left: 34vw;
	}
}