/* ------------------------------------------
	about Common
--------------------------------------------- */
#aboutPNHwrap a{
	transition: 0.5s ;
}

#aboutPNHwrap .btm3em{
	margin-bottom: 3em;
}

#aboutPNHwrap p.top2em{
	padding-top: 2em;
}

p{
	font-size: 20px;
	margin-bottom: 2em;
}


/* ------------------------------------------
	Contents
--------------------------------------------- */

#aboutPNHpage {
    background: linear-gradient(to top, #DEEBF2 0%, #DEEBF2 96.0%, transparent 0%, transparent 100%), url(../../common/images/bg_main_h.png) top center no-repeat;
    background-size: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
    margin-bottom: 40px;
}


#piaMainvA .aboutPNH div p:nth-child(1) {
    width: 260px;
}
#piaMainvA .aboutPNH div p:nth-child(2){
	width: 450px;
	padding-left: 20px;
}

@media(max-width: 768px){
	#piaMainvA .aboutPNH div p:nth-child(1) {
		padding-left: 20px;
		max-width: 280px;
	}
	#piaMainvA .aboutPNH div p:nth-child(2){
		width: 100%;
		padding-left: 0px;
	}
}

#aboutPNHwrap p.textNote{
	text-align: center;
    font-size: 12px;
	font-size: 0.625em;
    color: #333;
	font-family: Arial, Helvetica, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#aboutPNHpage h2 + p.textNote{
    margin-top: -50px;
    margin-bottom: 40px;
	font-family: Arial, Helvetica, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}




#aboutPNHbgnone h2{
	position: relative;
	line-height: 1.3;
	margin: 0;
	padding-bottom: 20px;
	margin-bottom: 70px;
}

#aboutPNHbgnone h2 sup{
	font-size: 22px;
	position: relative;
	top: -16px;
}

#aboutPNHbgnone h2::after{
	content: "";
	position: absolute;
	width: 80%;
	height: 10px;
	background: url(../../common/images/line_blue.png) no-repeat bottom center;
	background-size: contain;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

#aboutPNHwrap h3{
	font-size: 28px;
	color: #003F72;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 40px;
	letter-spacing: -0.5px;
}

#aboutPNHwrap h3 sup{
	font-size: 12px;
	font-size: 0.625em;
    position: relative;
    top: -6px;
}


#pnh figure{
	margin-bottom: 40px;
}

#pnh figure img{
	margin-bottom: 10px;
}

#pnh figcaption{
	font-size: 12px;
	font-size: 0.625em;
	color: #333333;
	font-family: Arial, Helvetica, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#pnh figcaption a{
	text-decoration: underline;
}

#pnh figcaption span.txtCenter{
	display: block;
	text-align: center;
}

.txtRight{
	text-align: right;
}

.txtCenter{
	text-align: center;
}


#aboutPNHpage p.txtfig{
	font-size: 12px;
	font-size: 0.625em;
	color: #333333;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

#aboutPNHpagecloud h2{
	position: relative;
	line-height: 1.3;
	margin: 0;
	padding-bottom: 20px;
	margin-bottom: 70px;
}
#aboutPNHpagecloud h2 sup{
	font-size: 20px;
	font-size: 0.6em;
	position: relative;
	top: -0.3em;
}


#aboutPNHpagecloud h2::after{
	content: "";
	position: absolute;
	width: 80%;
	height: 10px;
	background: url(../../common/images/line_blue.png) no-repeat bottom center;
	background-size: contain;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

#aboutPNHwrap p.underTxt{
	font-size: 12px;
	font-size: 0.625em;
	color: #333;
	border-top: solid 1px #333;
	padding: 10px 0 0 0;
	margin-bottom: 50px;
	text-align: right;
	margin-top: 20px;
	font-family: Arial, Helvetica, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

ul.underTxt{
	font-size: 12px;
	font-size: 0.625em;
	color: #333;
	border-top: solid 1px #333;
	padding: 10px 0 0 0;
	margin-bottom: 80px;
}

ul.underTxt li{
	text-indent: -1.6em;
	padding-left: 1.6em;
	word-break: break-all;
}

.piaDate.piaWrap{
	text-align: right;
	padding: 0 0px;
	margin-bottom: 20px;
}

#aboutPNHwrap p.spScroll{
	margin-bottom: 0;
}


/* ------------------------------------------
	768 SP Contents
--------------------------------------------- */

@media(max-width: 768px){

	#aboutPNHpage {
		background: linear-gradient(to top, #DEEBF2 0%, #DEEBF2 98.0%, transparent 0%, transparent 100%), url(../../common/images/bg_main_h.png) top center no-repeat;
		background-size: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-bottom: 40px;
	}

	#aboutPNHbgnone h2,
	#aboutPNHpagecloud h2{
		font-size: 28px;
	}


	#aboutPNHpagecloud h2::after{
		content: "";
		position: absolute;
		width: 80%;
		height: 10px;
		background: url(../../common/images/sp/line_blue.png) no-repeat bottom center;
		background-size: 270px;
		bottom: -10px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#aboutPNHbgnone h2 sup,
	#aboutPNHpagecloud h2 sup{
		font-size: 18px;
		position: relative;
		top: -8px;
	}
	
	#pagelink ul li a span{
		text-decoration: none;
	}

	#aboutPNHwrap h3 {
		font-size: 20px;
	}

	#aboutPNHbgnone h2::after{
		content: "";
		position: absolute;
		width: 80%;
		height: 10px;
		background: url(../../common/images/sp/line_blue.png) no-repeat bottom center;
		background-size: 270px;
		bottom: -10px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#pnh .figureImg{
		background: #FFF;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
		border-radius: 15px;
		padding: 20px;
	}

	.txtScroll{
		font-size: 18px;
		color: #003F72;
		border-bottom: solid 2px #003F72;
		text-align: center;
		position: relative;
		z-index: 2;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.txtScroll::after{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		transform: rotate(45deg);
		background: #DEEBF2;
		right: 0;
		left: 0;
		bottom: -8px;
		margin: auto;
		border-bottom: solid 2px #003F72;
		border-right: solid 2px #003F72;
		z-index: 1;
	}

	.txtScroll.bgBase::after{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		transform: rotate(45deg);
		background: url(../../common/images/bg_base.jpg);
	}

	#aboutPNHwrap p.spScroll{
		overflow-x: auto;
	}
	
	.spScroll img{
		min-width:  940px;
		height: auto;
		overflow-x: auto;
	}

	#aboutPNHpage h2 + p.textNote{
		margin-top: -30px;

	}
	
}