@charset "UTF-8";

/*------------------------------------------------

   /learn/culture/manual/

------------------------------------------------*/


.pl_tit{
	padding:5px 10px 5px 20px;
	color:#000 !important;
	position:relative;
    margin: 20px 0 10px;
    background: #eee url(https://www.frpac.or.jp/web/img/common/icon/arrow_db.svg) 5px center no-repeat;
    background-size: 7px 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.pl_tit span{
    position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:#304716;
	color:#fff !important;
	margin:5px 0;
	width:35%;
	text-align:center;
	font-size:90%;
}
.pl_cont{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
    padding: 0 10px;
}

.pl_img{
	width:15%;
	float:none;
	text-align:center;
}
.pl_img img{
	vertical-align:top;
	max-width:100%;
}
.pl_txt{
	width: 60%;
	padding: 0 10px;
}
.pl_btn{
	width: 25%;
}
.pl_btn ul{
	display: flex;
    flex-wrap: wrap;
}
.pl_btn li {
	padding: 0!important;
	background: none!important;
	width: 100%;
}
.pl_btn li a{
    display: block;
    text-align: center;
    background: #1B3F7F;
    color: #fff;
    padding: 5px 0;
}







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

.pl_tit span{
	display:block;
	position:static;
	width:100%;
	clear:both;
}
.pl_cont{
	flex-wrap: wrap;
	padding: 0;
}
.pl_img{
	width:100%;
	margin-bottom: 10px;
}
.pl_txt{
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.pl_btn{
	width: 100%;
}
.pl_btn li{
	width: 49%;
	margin-right: 1%;
}
.pl_btn li:nth-child(even){
	margin-right: 0;
}
	
	
	
}