/*コンセプトTOP*/
/*********** コンセプト　ポイントカラー*/
/*.l-section .repoint{color: #265a6e;}*/
.l-section .repoint{color: #265a6e;font-size:large;font-weight: bold;margin: 10px 0px;}
.l-section .unipara{color: #fff; background: #d15344; border-radius: 5px; padding: 3px 4px; font-size: 70%; margin-left: 10px;}
.l-section .pro{color: #f29739;}


/*********** コンセプト 動画メニュー*/
.l-section #videocontent{margin:30px 0;width:calc(100%-42px); padding: 20px;list-style: none;border: #DADADA solid 1px;}
.l-section #videocontent span{font-weight: bold;margin-top: 20px;}
.l-section #videocontent p{line-height: 2em;margin-bottom: 10px;}
.l-section #moviearea{clear: both;width: 100%;margin: 0 auto;}

.l-section #moviearea ul{padding: 0;margin: 0;list-style: none;font-size: 12px;}
.l-section #moviearea li {float: left;width: 32.5%;border: solid 2px #fff;}


.l-section #moviearea li a{
	display: block;
	background:#F0F0F0;
	text-decoration: none;
	color: #1E1E1E;
    padding: 10px 0px 10px 25px;
	
}
.l-section #moviearea li a:hover{
	display: block;
	background: #e60000;
	color: #fff;
	text-decoration: none;
    padding: 10px 0px 10px 20px
}
/* flort clear*/
.clearfix::after{content: "";display: block;clear: both;}


@media screen and (max-width:768px) {

/*********** コンセプト SP*/
  .l-section #plc_concept{margin: 15px 0;border: #DADADA solid 1px;padding: 8px;width:calc(100%-16px);}
  .l-section #plc_concept #fx5ujlogo{padding-top: 10px;padding-bottom: 0px;}
/*********** コンセプト 動画SPメニュー*/
  .l-section #moviearea li {float: left;width: 100%;border: solid 2px #fff;}

}

