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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {



	
	
/* voice
--------------------- */
#voice {
	width: 100%;
	background: #fff url(../img/bg01.jpg) no-repeat center -150px;
	background-size: 100%;
	padding: 100px 0;
}
	#voice ul {
	}
		#voice ul li {
			border-top: solid 1px #d6e3ef;
            text-align: center;
            font-size: 160%;
        }
		
		#voice ul li:nth-last-child(1) {
			border-bottom: solid 1px #d6e3ef;
		}
			#voice ul li a {
				display: block;
				padding: 25px 0;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#voice ul li a:hover {
				color: #004f9a;
			}
				#voice ul li a span {
					color: #004f9a;
					padding-right: 25px;
				}

                #voice .pht .voice_s_img {
			        width: 380px;
			        height: auto;
		        }
				#voice ul li span.note{
                    font-size: 70%;
					color: #000;
                }


	
	
/* detail
--------------------- */
#detail {
	width: 100%;
	background: #fff url(../img/bg01.jpg) no-repeat center -150px;
	background-size: 100%;
	padding: 100px 0;
}
	#detail .days {
		color: #004F9A;
		margin-bottom: 30px;
	}
	
	
	#detail .title {
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		padding: 25px 0 20px 0;
		margin-bottom: 15px;
	}
		#detail .title h2 {
			font-size: 32px;
			color: #004F9A;
			line-height: 1;
			letter-spacing: 3px;
		}
	
	
	#detail .pht {
		text-align: center;
		padding-bottom: 30px;
	}
		#detail .pht img {
			width: 100%;
			height: auto;
		}
	
	#detail .read p {
		line-height: 30px;
		padding-bottom: 20px;
	}



}








/* max 800px */
@media only screen and (max-width: 800px) {


	
	
/* voice
--------------------- */
#voice {
	background: #fff url(../img/bg01.jpg) no-repeat right top;
	background-size: 100%;
	padding: 50px 0;
}
	#voice ul {
	}
		#voice ul li {
			border-top: solid 1px #d6e3ef;
		}
		#voice ul li:nth-last-child(1) {
			border-bottom: solid 1px #d6e3ef;
		}
			#voice ul li a {
				display: block;
				font-size: 93%;
				padding: 25px 0;
				pointer-events: none;
			}
				#voice ul li a span {
					color: #004f9a;
					display: block;
					padding-bottom: 5px;
				}

                #voice .pht .voice_s_img {
			        width: 100%;
			        height: auto;
		        }
				#voice ul li span.note{
					display: none;
                }
	
	
/* detail
--------------------- */
#detail {
	background: #fff url(../img/bg01.jpg) no-repeat right top;
	background-size: 100%;
	padding: 50px 0;
}
	#detail .days {
		color: #004F9A;
		margin-bottom: 30px;
	}
	
	
	#detail .title {
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		padding: 25px 0 20px 0;
		margin-bottom: 15px;
	}
		#detail .title h2 {
			font-size: 150%;
			color: #004F9A;
			line-height: 1;
		}
	
	
	#detail .pht {
		text-align: center;
		padding-bottom: 20px;
	}
		#detail .pht img {
			width: 100%;
			height: auto;
		}
	
	
	#detail .read p {
		font-size: 93%;
		line-height: 2em;
		margin-bottom: 20px;
	}
		#detail .read p img {
			width: 80%;
			height: auto;
		}




}