@charset "UTF-8";

.subject {
}

.tab {
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 50px;
}

.tab_list {
	font-size: 0;
	margin-bottom: -1px;
}

.tab_list > li {
	display: inline-block;
	margin-right: 20px;
}

.tab_list > li > a {
	display: block;
	width: 180px;
	font-size: 13px;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #ccc;
}

.tab_list > li.-current > a {
	border-bottom: 1px solid #fff;
	color: #1B92E4;
}

.tab_list > li > a:hover {
	color: #1B92E4;
}

.intro {
	margin-bottom: 40px;
}

.intro_row {
	display: table;
	width: 100%;
}

.intro_col {
	display: table-cell;
	vertical-align: top;
}

.intro_col.-img {
	padding-left: 30px;
	text-align: right;
}

.intro_catch {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.intro_txt {
}

.intro_txt > small {
	color: #37A934;
}

.intro_memo {
	font-weight: bold;
	color: #37A934;
}

.info {
	margin-bottom: 40px;
}

.info_item {
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

.info_cnt {
	padding-left: 20px;
}

.info_item.-imgleft .info_cnt {
	width: 65%;
	float: right;
}

.info_item.-imgright .info_cnt {
	width: 65%;
	float: left;
}

.info_ttl {
	font-size: 14px;
	margin-bottom: 25px;
	position: relative;
	padding: 3px 0;
}

.info_ttl:before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background: #50a9e3;
	top: 0;
	left: -20px;
}

.info_txt {
}

.info_txt > b {
	color: #37A934;
	font-weight: bold;
}

.info_img {
	width: 27%;
}

.info_item.-imgleft .info_img {
	float: left;
}

.info_item.-imgright .info_img {
	float: right;
}

.article {
}

.article_ttl {
	background: #50a9e3;
	color: #FFF;
	font-weight: bold;
	padding: 7px 15px;
	font-size: 14px;
}

.article_cnt {
	border: 5px solid #ddd;
	padding: 20px 25px;
}

/*ビデオ*/
.video {
}

@media screen and (max-width:980px) {
	.subject {
	}

	.tab {
	}

	.tab_list {
	}

	.tab_list > li {
		width: 23.5%;
		margin-right: 2%;
	}

	.tab_list > li:last-child {
		margin-right: 0;
	}

	.tab_list > li > a {
		width: 100%;
	}

	.tab_list > li.-current > a {
	}

	.tab_list > li > a:hover {
	}

	.intro {
	}

	.intro_row {
	}

	.intro_col {
		width: 58%;
	}

	.intro_col.-img {
	}

	.intro_catch {
	}

	.intro_txt {
	}

	.intro_txt > small {
	}

	.intro_memo {
	}

	.info {
	}

	.info_item {
	}

	.info_cnt {
	}

	.info_item.-imgleft .info_cnt {
	}

	.info_item.-imgright .info_cnt {
	}

	.info_ttl {
	}

	.info_ttl:before {
	}

	.info_txt {
	}

	.info_txt > b {
	}

	.info_img {
	}

	.info_item.-imgleft .info_img {
	}

	.info_item.-imgright .info_img {
		;
	}

	.article {
	}

	.article_ttl {
	}

	.article_cnt {
	}

	/*ビデオ*/
	.video {
	}

}

/* All SP */
@media screen and (max-width:640px) {
	.subject {
	}

	.tab {
		margin-bottom: 25px;
	}

	.tab_list {
	}

	.tab_list > li {
	}

	.tab_list > li > a {
	}

	.tab_list > li.-current > a {
	}

	.tab_list > li > a:hover {
	}

	.intro {
	}

	.intro_row {
	}

	.intro_col {
		display: block;
		width: 100%;
	}

	.intro_col.-img {
		padding-left: 0;
		text-align: center;
		margin-top: 25px;
	}

	.intro_catch {
	}

	.intro_txt {
	}

	.intro_txt > small {
	}

	.intro_memo {
	}

	.info {
		margin-bottom: 20px;
	}

	.info_item {;
	}

	.info_cnt {
	}

	.info_item.-imgleft .info_cnt {
		width: 100%;
		float: none;
	}

	.info_item.-imgright .info_cnt {
		width: 100%;
		float: none;
	}

	.info_ttl {
	}

	.info_ttl:before {
	}

	.info_txt {
		margin-left: -20px;
	}

	.info_txt > b {
	}

	.info_img {
		text-align: center;
		margin-top: 20px;
	}

	.info_item.-imgleft .info_img {
		width: 100%;
		float: none;
	}

	.info_item.-imgright .info_img {
		width: 100%;
		float: none;
	}

	.article {
	}

	.article_ttl {
		line-height: 1.3;
	}

	.article_cnt {
		padding: 15px;
	}

	/*ビデオ*/
	.video {
		max-width: 100%;
		height: auto;
	}

}