@charset "UTF-8";

figure {
	margin-bottom: 0px;
}
ul {
	list-style: none;
}


/*================================*/

#pr {
	position:relative;
	left: 5%;
	width:90%;
	padding:40px 70px;
	border: solid 2px #009ccf;
	margin-top:50px;	
	margin-bottom:100px;
}
#pr:before{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	width:10%;
	padding-top:9%;
	background: url(pr_deco.png) no-repeat left top;
	background-size:100% auto;
}
.pr-ttl{
	margin-bottom:30px;
	font-size:36px;
	color:#009ccf;
	font-weight:bold;
	text-align:center;
}
.pr-list{
}
.pr-list li{
	margin-bottom:30px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.pr-list li:last-child{
	margin-bottom:0px;
}
.pr-list .ph{
	width:20%;
}
.pr-list .ph a:hover{
	opacity:0.50;
}
.pr-list .txt{
	width:71%;
	font-size:22px;
}
.pr-list .ttl{
	font-size:30px;
}
.pr-list .ttl a{
	text-decoration:underline;
	color:#212529;
}
.pr-list .ttl a:hover{
	text-decoration: none;
}


@media screen and (max-width: 767px) {
	
	.sp-img { display: block;}
	.pc-img { display: none;}

	#mv{
		background:url(mv_img_sp.jpg) no-repeat center top #ccc;
		background-size:100% auto;
		margin-bottom:40px;
		padding-bottom:0;
	}
	#mv .container{
		padding:10vw 0 35vw;		
		min-height: inherit;
		text-align:center;
	}
	
	#mv .ttl{
		margin-bottom:20vw;
		padding:2vw 0;
		font-size:16px;
	}


	/*================================*/
	
	#flow ul li figure:after {
		border-color: #193c8b transparent transparent transparent;
	}
	
	/*================================*/
	
	#pr {
		padding:10vw 5vw 5vw;
	}
	#pr:before{
		width:20%;
		padding-top:18%;
	}
	.pr-ttl{
		margin-bottom:3vw;
		font-size:30px;
	}
	.pr-list{
	}
	.pr-list li{
		margin-bottom:5vw;
	}
	.pr-list .ph{
		width:100%;
		margin-bottom:3vw;
		text-align:center;
	}
	.pr-list .txt{
		width:100%;
		font-size:16px;
	}
	.pr-list .ttl{
		font-size:20px;
	}
	
	

}


