@charset "utf-8";

/* m-title
===================================================================== */
.m-title{
	position: relative;
}
.m-title .m-title_txt{
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
}
.m-title .m-title_box{
	padding-left: 15px;
	border-left: 2px solid #000;
}
.m-title .m-title_txt h1{
	font-size: 22px;
	letter-spacing: 0.1em;
	line-height: 1.1;
}
.m-title .m-title_txt p{
	font-size: 9px;
	letter-spacing: 0.1em;
	line-height: 1.1;
	padding-top: 10px;
	background-size: 50px 2px;
}
@media all and (min-width: 768px) {
	.m-title .m-title_txt{
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateY(-180px) translatex(-490px);
		width: 376px;
		height: 180px;
		padding: 70px 0 0 45px;
		background: #FFF;
	}
	.m-title .m-title_box{
		padding-left: 20px;
	}
	.m-title .m-title_txt h1{
		font-size: 34px;
	}
	.m-title .m-title_txt p{
		font-size: 14px;
		background-size: 77px 2px;
	}
}

/* m-title2 */
.m-title2 {
	padding: 20px 0 10px;
}
.m-title2 h1{
	font-size: 20px;
	letter-spacing: 0.1em;
	text-align: center;
}
@media all and (min-width: 768px) {
	.m-title2 {
		padding: 60px 0 0;
	}
	.m-title2 h1{
		font-size: 34px;
	}
}


/* m-link
===================================================================== */
.m-link01{
	padding-right: 15px;
	background:url(../img/icon_link.png) no-repeat right;
	background-size: 9px 9px;
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.m-link01{
		padding-right: 30px;
		background:url(../img/icon_link.png) no-repeat right;
		background-size: 18px 18px;
	}
}