@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi01 a img {
	visibility: hidden;
}
#gNavi li:nth-child(1) .subList li:nth-child(2) a {
    background: url(../../img/common/g_sub_navi02_over.gif) no-repeat left top;
}

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

.pageTitle {
	background: url(../../img/hakushu/mihon/page_title_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hakushu/mihon/page_title_bg.jpg',  sizingMethod='scale');
}

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

#main .headLine02 {
	margin-bottom: 13px;
	color: #000;
}

#main .headLine02_2 {
    margin-bottom: 7px;
    color: #000;
}

#main .txt01 {
	margin-bottom: 28px;
	font-size: 16px;
	text-align: center;
}

#main .txt02 {
	margin-bottom: 60px;
	text-align: center;
}

#main .txt02 input[type="text"] {
    width: 900px;
	font-size: 40px;
	border: none;
    text-align: center;
}

.ex1  {
	color: #000;
}

.ex1.off {
	color: #ddd;
}

#main .sample {
	padding: 68px 0 101px;
	background-color: #F0F2EE;
}

#main .sample .info {
	width: 989px;
}

#main .sample .txt03 {
	margin-bottom: 42px;
	font-size: 16px;
	line-height: 1.65;
	text-align: center;
}

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

#main .sample .visual {
	margin-bottom: 92px;
}

#main .sample .visual dt {
	padding: 8px 20px 3px;
	background-color: #004467;
}

#main .sample .visual dd {
	padding: 0 10px;
	color: #131212;
	font-size: 46px;
	background-color: #fff;
}

#main .sample .visual .title {
	float: left;
	width: 450px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

#main .sample .visual .more {
	float: right;
	width: 450px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#main .sample .visual .more a {
	padding-right: 27px;
	color: #fff;
	background: url(../../img/hakushu/mihon/icon01.png) no-repeat right center;
}

#main .sample .lastVisual {
	margin-bottom: 42px;
}

#main .sample .txt04 {
	font-size: 13px;
	text-align: center;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	.pageTitle {
		margin-bottom: 15px;
		background: url(../../img/hakushu/mihon/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	
	#main .headLine02 {
		margin-bottom: 10px;
	}
	
	#main .txt01 {
		margin-bottom: 15px;
		font-size: 14px;
		letter-spacing: 1px;
		text-align: left;
	}
	
	#main .txt02 {
		margin-bottom: 45px;
		text-align: left;
	}
	
	#main .txt02 input[type="text"] {
		width: 100%;
		font-size: 25px;
		box-sizing: border-box;
	}
	
	#main .sample {
		padding: 36px 0 50px;
	}
	
	#main .sample .info {
		width: auto;
	}
	
	#main .sample .txt03 {
		margin-bottom: 26px;
		font-size: 14px;
		text-align: left;
	}
	
	#main .sample .h3Ttl {
		margin-bottom: 16px;
	}
	
	#main .sample .visual {
		margin-bottom: 35px;
	}
	
	#main .sample .visual dt {
		padding: 6px 10px 1px;
		position: relative;
	}
	
	#main .sample .visual dt:before {
		width: 12px;  
		height: 12px;
		background: url(../../img/common/sp_accordion02_off.png) no-repeat left top;
		background-size: 12px 12px;
		position: absolute;  
		top: 32%;  
		right: 10px;  
	  
		content: ""; 
	}

	#main .sample .visual .title {
		float: none;
		width: auto;
		font-size: 14px;
	}
	
	#main .sample .visual .more {
		display: none;
	}
	
	#main .sample .visual dd {
		padding: 13px 10px 9px;
		font-size: 27px;
		line-height: 120%;
	}
	
	#main .sample .txt04 {
		font-size: 12px;
		text-align: left;
	}
	
}