@charset "utf-8";
/* lower.css */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* clear fix 　　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.video_box li:before,
.video_box li:after {
	content: "";
	display: table;
}

.video_box li:after {
	clear: both;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 基本あれこれ　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.data_box {
	margin-left: 10px;
	margin-right: 10px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* KV          　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#kv {
	height: 350px;
	background-size: cover;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* パンくず    　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#breadcrumbs {
	padding-top: 8px;
	padding-bottom: 3px;
	background-color: rgba(255,255,255,0.73);
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1em;
}

#breadcrumbs ul {
	font-size: 0px;
}

#breadcrumbs li {
	font-size: 11px;
	display: inline-block;
}

#breadcrumbs li a {
	color: #333333;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	color: #333333;
	text-decoration: underline;

}

#breadcrumbs li:after {
	content: " ＞ ";
	margin-right: 5px;
}

#breadcrumbs li:last-child:after {
	content: "";
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ページタイトル  　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#lower_header {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	margin-bottom: 60px;
}
#h2_box,
#h2_box2 {
	border-bottom: 5px solid #D2D2D2;
	padding-bottom: 10px;
}


h2  {
	color: #1B4C9D;
	font-size: 32px;
	background-image: url(../images/h2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 5px;
}


h2 span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9B9B9B;
	padding-top: 3px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 事例動画    　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.video_box {
	clear: both;
	background-color: #F3F2DE;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #B5AF42;
	border-radius: 8px;
}
.case_tt {
	margin-bottom: 20px;
	margin-left: 10px;
}
.case_tt img {
	width: 170px;
	height: 30px;
}

.video_box li {
	width: 25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.video_thumb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #5D5D5D;
	position: relative;
	margin-bottom: 8px;
}
.video_thumb img  {
	width: 100%;
	height: auto;
}

.video_tt {
	color: #1C4C9E;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.5em;
	margin-bottom: 8px;
}
.video_time {
	color: #7C7C7C;
	font-size: 11px;
	line-height: 1em;
	padding-left: 5px;
	padding-right: 5px;
}
.bl-hover .video_play_bt {
	background-image: url(../images/video_play_bt_on.png);
　
}



/* ↓↓↓↓↓↓↓↓↓↓ ---以下スマホ--- ↓↓↓↓↓↓↓↓↓↓ */


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

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 基本あれこれ　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.data_box {
	margin-left: 0px;
	margin-right: 0px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* KV          　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#kv {
	height: 200px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* パンくず    　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#breadcrumbs {
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: rgba(255,255,255,0.73);
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1em;
}

#breadcrumbs ul {
  display:block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
 }

#breadcrumbs li {
	font-size: 11px;
	display:inline;
    flex: 0 0 40%;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ページタイトル  　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#lower_header {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	margin-bottom: 40px;
}

h2  {
	font-size: 22px;
	padding-left: 25px;
	padding-top: 5px;
}


h2 span {
	font-size: 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 事例動画    　　　　　　　　                                           */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.case_tt {
	margin-left: 0px;
}

.video_box li {
	width: 100%;
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #817D2F;
}
.video_thumb {
	width: 40%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0px;
}

.video_tt {
	font-size: 12px;
	margin-bottom: 5px;
	width: 60%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 0px;
}
.video_time {
	font-size: 10px;
	width: 60%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 0px;
}

}