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

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

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

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

#main {
	width: auto;
}

#main .headLine01 {
    font-size: 36px;
}

#main .letterTypeface .photoBox {
	padding: 36px 0 31px;
	width: 50%;
	float: right;
	background: url(../../img/hakushu/reason/letter_typeface_bg02.jpg) repeat left top;
}

#main .letterTypeface .photoBox img {
	padding-left: 186px;
}

#main .letterTypeface .textBox {
	display: table;
	float: left;
	width: 50%;
	background: url(../../img/hakushu/reason/letter_typeface_bg01.jpg) repeat-y right top;
    position: relative;
}

#main .letterTypeface .textBox .subBox {
	/*padding: 0 75px 0 30%;*/
    padding: 0 0% 0 21%;
	display: table-cell;
	vertical-align: middle;
}

#main .letterTypeface .textBox .headLine01 {
	margin-bottom: 16px;
}


#main .textList li {
	padding: 0 0 10px 30px;
	max-width: 383px;
	font-size: 18px;
	line-height: 1.6;
	background: url(../../img/common/icon02.png) no-repeat left 3px;
}

#main .textList li img {
	margin: 5px 0;
}

#main .comImgBox01 .photoBox span {
	background: url(../../img/hakushu/reason/photo02.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .comImgBox01 .textBox {
	background-color: #F0F2EE;
}

#main .comImgBox02 .photoBox span {
	height: 400px;
	background: url(../../img/hakushu/reason/photo03.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .comImgBox02 .textBox .subBox {
    /*padding: 0;*/
    padding: 0 11% 0 27%;
}

#main .comImgBox02 .textBox .subBox .sub {
    padding: 0 11% 0 30%;
}

#main .comImgBox02 .textBox .subBox .note {
    margin-left: 33px;
    padding-left: 1em;
    font-size: 13px;
    text-indent: -1em;
    max-width:370px;
}

#main .comImgBox02 .textBox .subBox p,
#main .comImgBox02 .textBox .subBox .headLine01 {
    padding-left: 0;
}

#main .bg01 .photoBox span {
	height: 400px;
	background: url(../../img/hakushu/reason/photo04.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


@media all and (min-width: 0) and (max-width: 736px)  {
	.pageTitle {
		margin-bottom: 31px;
		padding: 21px 0 10px;
		min-height: 69px;
		line-height: 1.4;
		background: url(../../img/hakushu/reason/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	
	#main {
		margin: 0;
	}
	
	#main .textList li {
		padding: 2px 0 6px 38px;
		max-width: inherit;
		font-size: 16px;
		line-height: 1.55;
		background: url(../../img/common/sp_icon02.png) no-repeat left top;
		background-size: 26px 24px;
	}
	
	#main .textList li img {
		/*margin-left: -38px;*/
	}
	
	#main .letterTypeface {
		padding-bottom: 34px;
		background: url(../../img/hakushu/reason/sp_letter_typeface_bg01.jpg) no-repeat left bottom;
		background-size: 100% auto;
	}
	
	#main .letterTypeface .photoBox {
		float: none;
		margin: 0 auto;
		padding: 0;
		height: inherit !important;
		width: 258px;
		background: none;
	}
	
	#main .letterTypeface .photoBox img {
		padding-left: 0;
	}
	
	#main .letterTypeface .textBox {
		float: none;
		height: inherit !important;
		width: auto;
		margin: 0 23px 22px;
		background: none;
	}
	
	#main .letterTypeface .textBox .headLine01 {
		margin-bottom: 6px;
		line-height: 1.45;
	}	

	#main .letterTypeface .textBox .subBox {
		padding: 0;
	}
	
	#main .comImgBox01 .photoBox {
		margin-bottom: 0;
	}
	
	#main .comImgBox01 .textBox .subBox {
		padding-right: 0;
	}
	
	#main .comImgBox01 .textBox {
		padding: 23px;
	}
	
	#main .comImgBox02 {
		margin-bottom: 23px;
	}

    #main .comImgBox02 .textBox .subBox {
        padding: 0;
    }

    #main .comImgBox02 .textBox .subBox .note {
        margin-bottom: 0;
        font-size: 12px;
    }

    #main .comImgBox02 .textBox .subBox .sub {
        padding: 0;
    }
}

@media all and (min-width: 737px) and (max-width: 1050px) {
	.pb0 { padding-bottom: 0 !important; }
	
	#main .textList li img {
		width: 100%;
	}
}

@media all and (min-width: 737px) {
    #main .letterTypeface .textBox .subBox {
        padding: 0;
        position: absolute;
        top: 50px;
        right: 70px;
    }


    #main .comImgBox02 .textBox {
        position: relative;
    }

    #main .comImgBox02 .textBox .subBox {
        position: absolute;
        top: 70px;
        right: 0px;
    }
}