@charset "utf-8";

/*--------------------
mainVis
---------------------*/
.mainVis{
  background-image: url(../imgs/img-mv.jpg) ;
}
@media only screen and (max-width:736px) {
}

/*--------------------
.num02
---------------------*/
.num02 .image{
	padding:0 40px;
	box-sizing: border-box;
}
@media only screen and (max-width:736px) {	
	.num02 .image{
		padding:0;
		border:solid 1px #ccc;
	}
	.scrollSlide .imageHolder{
		margin: 0;
		position: relative;
		overflow: hidden;
	}
	.scrollSlide .imageSlide{
		max-width: 100%;
		height: 360px;
		margin: auto;
		overflow-x: scroll;
		padding: 20px 15px 40px;
	}
	.scrollSlide .imageSlide img{
		max-width: none;
		height: 100%;
	}
	.touch{
		position: absolute;
		left: 10px;
		bottom: 35px;
	}
	.touch img{
		width: 70%;		
	}
}

/*--------------------
.num03
---------------------*/
.trainList-ttl{
	font-size: 16px;
	position: relative;
	margin-bottom: 30px;
}
.trainList-ttl span:after{
	content: '';
	width: 78%;
	height: 1px;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
/*trainList*/
.trainList{
	margin-bottom: 30px;
}
.trainList .clm {
	font-size: 18px;
	line-height: 1;
}
.trainList .clm .trainList-box{
}
.trainList .clm .trainList-box .trainList-left{
	width: 52%;
}
.trainList .clm .trainList-box .trainList-right{
	width: 48%;
	text-align: right;
}
.trainList .clm strong{
	font-size: 24px;
	font-weight: normal;
}
.trainList .clm strong.num{
	font-size: 34px;
	color: #ad8f73;
}
.trainList .clm small{
	font-size: 12px;
}
.trainList .clm small .num{
	font-size: 16px;
}
.trainList .clm .trainList-txt{
	margin-top: 5px;
	font-size: 11px;
	letter-spacing: 0.02em;
	font-family: "Segoe UI", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
}
@media only screen and (max-width:736px) {
	.trainList-ttl{
		font-size: 15px;
		padding-bottom: 10px;
	}
	.trainList-ttl span:after{
		width: 100%;
		top: auto;
		bottom: 0;
	}
	.trainList .clm {
		font-size: 12px;
	}
	.trainList .clm .trainList-box .trainList-left,
	.trainList .clm .trainList-box .trainList-right{
		width: 50%;
	}
	.trainList .clm:nth-child(2) .trainList-box .trainList-left{		
		letter-spacing: -0.1em;
	}
	.trainList .clm strong{
		font-size: 16px;
	}
	.trainList .clm strong.num{
		font-size: 18px;
	}
	.trainList .clm small{
		font-size: 10px;
		letter-spacing: 0.01em;
	}
	.trainList .clm small .num{
		font-size: 13px;
	}
	.trainList .clm .trainList-txt{
		font-size: 10px;
		line-height: 1.2;
	}
}


/*--------------------
.
---------------------*/
@media only screen and (max-width:736px) {
}

/*--------------------
.
---------------------*/
@media only screen and (max-width:736px) {
}

/*--------------------
.
---------------------*/
@media only screen and (max-width:736px) {
}

/*--------------------
.
---------------------*/
@media only screen and (max-width:736px) {
}