@charset "utf-8";
/* CSS Document */
.container{
	padding: 0 0 50px;
}
.pictbox{
	width: 25%;
}
.txtbox{
	width: 73%;
	font-size: 1.8rem;
}
.txtonly{
	width: 100%;
}
.txtbox h2{
	margin-bottom: 10px;
}
.txtbox h3{
	margin-bottom: 5px;
	font-size: 2rem;
}
.btnlst{
	max-width: 600px;
	margin: 70px auto 0;
}
.btnlst li{
	width: 30%;
	padding-top: 80px;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.btnlst li:hover{
	opacity: .8;
}
.btnlst li a{
	font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2rem;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.btnlst li a:hover{
}
.btnlst li:nth-of-type(1){
	background: url(/images/top_btnbg1.jpg) 50% 0 no-repeat;
}
 .btnlst li:nth-of-type(2){
	background: url(/images/top_btnbg2.jpg) 50% 0 no-repeat;
}
.btnlst li:nth-of-type(3){
	background: url(/images/top_btnbg3.jpg) 50% 0 no-repeat;
}
@media screen and (max-width: 736px) {
	.pictbox{
		width: 50%;
	}
	.txtbox{
		width: 48%;
		font-size: 1.8rem;
	}
	.txtonly{
		width: 100%;
	}
	.btnlst li{
		margin: 0 5px;
	}
}
@media screen and (max-width: 414px) {
	.pictbox{
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.txtbox{
		width: 100%;
		font-size: 1.6rem;
	}
	.txtbox h2{
		margin-bottom: 5px;
	}
	.txtbox h2 img{
		height: 28px;
	}
	.txtbox h3{
		font-size: 2rem;
	}
	.btnlst{
		margin: 40px auto 0;
	}
}