@charset "utf-8";

.pagiNation a.pn1 {
	background: url(../img/port08/18.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn2 {
	background: url(../img/port08/02.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn3 {
	background: url(../img/port08/04.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn4 {
	background: url(../img/port08/13.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn5 {
	background: url(../img/port08/20.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn6 {
	background: url(../img/port08/19.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn7 {
	background: url(../img/port08/09.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn8 {
	background: url(../img/port08/10.jpg) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn9 {
	background: url(../img/port08/15.png) no-repeat left top;
	background-size: cover;
}

.pagiNation a.pn10 {
	background: url(../img/port08/16.png) no-repeat left top;
	background-size: cover;
}

/*.port_text {
	text-align: right;
	margin-top: 50px;
	margin-bottom: -30px;
	color: #555;
	font-size: 11px;
	font-family: 'Noto Sans JP', sans-serif;
}

@media (min-width: 450px) and (max-width: 900px) {
.port_text {
	margin-top: -30px;
	margin-bottom: -30px;
}
}*/

.port_text {
	text-align: right;
	margin-top: 50px;
	margin-right: calc(232px + 4%);
	margin-bottom: -30px;
	color: #555;
	font-size: 11px;
	font-family: 'Noto Sans JP', sans-serif;
}

/*
=======================================
  450px以下
=======================================
*/

@media only screen and (max-width: 450px) {

.port_text {
	margin-top: -40px;
	margin-right: 8%;
	margin-bottom: 40px;
}

}