@charset "utf-8";

/* -------------------------------------------------- */
/* 初めての方ページ */
/* -------------------------------------------------- */

/* コンテンツ */
/* -------------------------------------------------- */
/* タブ */
#beginnerTab1,
#beginnerTab2 {
	width: 100%;
	display: table;
	margin: 0 auto;
	border-collapse: collapse;
}

#beginnerTab1 li,
#beginnerTab2 li {
	width: 50%;
	display: table-cell;
	border-top: 1px solid #da2805;
	border-right: 1px solid #da2805;
	border-left: 1px solid #da2805;
	vertical-align: middle;
	cursor: pointer;
}

#beginnerTab1 span,
#beginnerTab2 span {
	display: block;
	padding: 5% 0;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	color: #da2805;
}

#beginnerTab1 .active span,
#beginnerTab2 .active span {
	background-color: #da2805;
	color: #FFFFFF;
}

#begiTtlSp1,
#begiTtlSp2 {
	display: block;
	padding: 3% 0 4%;
	margin-bottom: 10px;
	border: 1px solid #da2805;
	text-align: center;
	color: #da2805;
	font-weight: bold;
	font-size: 150%;
	line-height: 1;
	background: #FFFFFF;
}

.disnon {
	display: none;
}

/* begiSe1 */
/* -------------------------------------------------- */
#begiSe1 {
	width: 90%;
	margin: 0 auto 30px;
}

#begiSe1 h2 {
	margin: 0 auto 3%;
	font-family: "ttlFont";
	font-size: 175%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.f44p2 {
	color: #da2805;
}

.f44p1 {
	color: #ff9b0d;
}

#begiSe1L,
#begiSe1R {
	padding: 10px;
	border: 1px solid #da2805;
	background-color: #f6f6f6;
}

#begiSe1L h3,
#begiSe1R h3 {
	width: 90%;
	display: block;
	margin: 0 auto 5%;
}

#txt1,
#txt4 {
	text-align: center;
	padding: 0 0 40px 0;
	margin-bottom: 3%;
	background: url(../img/sp_beginner_icon1.png) bottom center no-repeat;
	background-size: 15px;
	font-size: 109%;
	color: #666666;
}

#contL h4,
#contR h4 {
	padding: 3% 0;
	margin-bottom: 3%;
	position: relative;
	background-color: #da2805;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

#img1 {
	width: 60%;
	margin: 0 auto 5%;
}

#txt2,
#txt5 {
	padding: 0 0 40px 0;
	margin-bottom: 30%;
	background: url(../img/sp_beginner_icon1.png) bottom center no-repeat;
	background-size: 15px;
	font-size: 109%;
	color: #666666;
}

#txt5 a,
#txt5 span {
	color: #da2805;
}

#contL h5,
#contR h5 {
	position: relative;
	margin-bottom: 5%;
	font-size: 125%;
	font-weight: bold;
	color: #da2805;
	text-align: center;
	line-height: 1.4;
}

#contL h5 span,
#contR h5 span {
	width: 50px;
	display: block;
	position: absolute;
	top: -60px;
	left: 40%;
}

#img2 {
	width: 80%;
	margin: 0 auto 5%;
}

#txt3,
#txt6 {
	margin-bottom: 5%;
	font-size: 109%;
	color: #666666;
}


#begilinkL p,
#begilinkR p {
	width: 95%;
	padding: 15px 0;
	margin: 0 auto;
	background: url(../img/sp_beginner_icon2.png) 95% center no-repeat #da2805;
	background-size: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

#begilinkL span,
#begilinkR span {
	font-size: 109%;
	font-weight: bold;
	color: #FFFFFF;
}

#img3 {
	width: 60%;
	margin: 0 auto 5%;
}

#img4 {
	width: 60%;
	margin: 0 auto 5%;
}


/*#bottomLink {
	width: 90%;
	margin: 0 auto 10%;
}

#bottomLink p {
	width: 40%;
	display: block;
	float: left;
	padding: 5% 4%;
	margin-bottom: 2%;
	border: 1px solid #da2805;
	background: url(../img/sp_beginner_icon3.png) 92% center no-repeat transparent;
	background-size: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#bottomLink span {
	font-size: 109%;
	color: #da2805;
	font-weight: bold;
}*/

/**/
.pager1 {
	margin-bottom: 10%;
	text-align: center;
}

.pager1 ul {
	
}

.pager1 li {
	display: inline-block;
}

.pager1 li:first-child {
	margin-right: 2%;
}

.pager1 span {
	display: inline-block;
	padding: 15px 20px;
	border: 1px solid #da2805;
	font-size: 117%;
	color: #da2805;
	
}