@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi02 a img {
	visibility: hidden;
}

#gNavi li:nth-child(2) .subList li:nth-child(1) a {
    background: url(../../../img/common/g_sub_navi05_over.gif) no-repeat left top;
}

#gNavi li:nth-child(2) .subList li:nth-child(1) a img{
    visibility: hidden;
}

.pageTitle {
	margin-bottom: 60px;
	background: url(../../../img/service/font/index/page_title_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/service/font/index/page_title_bg.jpg',  sizingMethod='scale');
}

#main {
	margin-bottom: 0;
	width: auto;
}

#main h3,
#main h2 {
	margin-bottom: 26px;
	color: #333;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}

#main .topFont {
	margin-bottom: 19px;
	padding: 35px 0 40px;
	background: #F0F2EE url(../../../img/service/font/index/font_bg01.gif) no-repeat right top;
}

#main p {
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

#main .topFont .title {
	margin-bottom: 17px;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}

#main .comLink {
	margin: 0 auto;
}

#main .fontList {
	margin: -19px -31px 90px 0;
	width: 1020px;
}

#main .fontList li {
	float: left;
	margin: 19px 31px 0 0;
	padding: 35px 0 41px;
	width: 479px;
}

#main .fontList .navi01 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg02.gif) no-repeat left top;
}

#main .fontList .navi02 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg03.gif) no-repeat left top;
}

#main .fontList .navi03 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg04.gif) no-repeat left top;
}

#main .fontList .navi04 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg05.gif) no-repeat left top;
}

#main .fontList .navi05 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg06.gif) no-repeat left top;
}

#main .fontList .navi06 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg07.gif) no-repeat left top;
}

#main .fontList .navi07 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg08.gif) no-repeat left top;
}

#main .fontList .navi08 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg09.gif) no-repeat left top;
}

#main .fontList .navi09 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg10.gif) no-repeat left top;
}

#main .fontList .navi10 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg11.gif) no-repeat left top;
}

#main .fontList .navi11 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg12.gif) no-repeat left top;
}

#main .fontList .navi12 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg13.gif) no-repeat left top;
}

#main .fontList .navi13 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg14.gif) no-repeat left top;
}

#main .fontList .navi14 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg15.gif) no-repeat left top;
}

#main .fontList .navi15 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg16.gif) no-repeat left top;
}

#main .fontList .navi16 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg17.gif) no-repeat left top;
}

#main .fontList .navi17 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg18.gif) no-repeat left top;
}

#main .fontList .navi18 {
	background: #F0F2EE url(../../../img/service/font/index/font_bg19.gif) no-repeat left top;
}

#main .fontList li p,
#main .fontList li h3 {
	margin-bottom: 22px;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}

#main .wrap {
	margin-bottom: 64px;
	padding: 62px 0 100px;
	background-color: #F0F2EE;
}

#main .wrap h4,
#main .wrap h3 {
	margin-bottom: 6px;
	color: #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

#main .wrap p {
	margin-bottom: 62px;
}

#main .wrap .txt01 {
	margin-bottom: 17px;
}

#main .txt02 {
	margin-bottom: 33px;
}

#main .tab {
	margin: 0 auto;
	width: 642px;
}

#main .comTableA td span {
	font-size: 13px;
}

#main .h3Ttl {
	margin-bottom: 11px;
}

#main .info02 {
	margin-bottom: 100px;
}

#main .wrap .license {
	margin-right: -31px;
	width: 1020px;
}

#main .wrap .license li {
	margin-right: 31px;
	padding: 34px 0 40px;
	float: left;
	width: 309px;
	background-color: #fff;
}

#main .wrap .license li p {
	margin-bottom: 11px;
	font-size: 18px;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	.pageTitle {
		margin-bottom: 36px;
		padding: 36px 0 10px;
		background: url(../../../img/service/font/index/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#main {
		margin: 0;
	}

	#main h3,
	#main h2 {
		margin-bottom: 11px;
		font-size: 22px;
	}

	#main .h3Ttl {
		margin-bottom: 8px;
	}

	#main p {
		font-size: 14px;
		text-align: left;
	}

	#main .topFont {
		margin-bottom: 16px;
		padding: 22px 15px 20px;
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg01.gif) no-repeat right top;
		background-size: 100% auto;
	}

	#main .topFont p {
		margin-bottom: 8px;
	}

	#main .topFont .title {
		margin-bottom: 4px;
		font-size: 18px;
		text-align: left;
	}

	#main .fontList {
		margin: 0 0 30px;
		width: auto;
	}

	#main .fontList li {
		float: none;
		margin: 0 0 21px;
		padding: 20px 15px;
		width: auto;
	}

	#main .fontList li p,
	#main .fontList li h3 {
		margin-bottom: 19px;
		font-size: 18px;
		text-align: left;
	}

	#main .fontList .navi01 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg02.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi02 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg03.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi03 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg04.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi04 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg05.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi05 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg06.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi06 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg07.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi07 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg08.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi08 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg09.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi09 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg10.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi10 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg11.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi11 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg12.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi12 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg13.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi13 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg14.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi14 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg15.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi15 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg16.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi16 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg17.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi17 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg18.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .fontList .navi18 {
		background: #F0F2EE url(../../../img/service/font/index/sp_font_bg19.gif) no-repeat left top;
		background-size: 100% auto;
	}

	#main .wrap {
		margin-bottom: 32px;
		padding: 31px 0 55px;
	}

	#main .wrap h4,
	#main .wrap h3 {
		font-size: 18px;
		text-align: left;
	}

	#main .tab {
		width: auto;
	}

	#main .comTableA td span {
		font-size: 12px;
	}

	#main .txt02 {
		margin-bottom: 18px;
	}

	#main .comTableA td:nth-child(1) {
		width: 35%;
	}

	#main .info02 {
		margin-bottom: 55px;
	}

	#main .wrap .license {
		margin: 0;
		width: auto;
	}

	#main .wrap .license li {
		margin: 0 0 20px;
		padding: 17px 15px 20px;
		width: auto;
		float: none;
	}

	#main .wrap .license li p {
		font-size: 16px;
		text-align: center;
	}

	#main .comLink {
		width: 244px;
	}

}