@charset "utf-8";

/* font */
.lh13{ line-height: 1.3!important;}
.spm_b{font-family: 'Shippori Mincho', serif; font-weight: 700;}
.znkg_r{font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400;}
.znkg_m{font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500;}
.znkg_b{font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600;}

/* レコメンド対応 */
div#app-recommend{ width: 100%;}


#bread-crumb {
	background-color: #fff;
}
#footnail-content-wrap {
	width: 100%;
}
#footnail-content-main {
	background-color: #fff;
}
#footnail-content-main h1 {
	padding: 0;
}
#footnail-content-main .row {
	padding: 100px 10px;
	max-width: 600px;
}
.red {
	color: #B63232;
}
.blue {
	color: #0186AC;
}
.main_title {
	background: url(/kaimono/footnail/assets/images/mv_bg.jpg) no-repeat left top;
	background-size: cover;
	padding: 100px 10px;
	text-align: center;
}
.main_title_row {
	max-width: 900px;
	padding: 20px 10px 0;
	margin: 0 auto;
}
.lead_wrapper {
	padding: 100px 10px;
}
.lead {
	text-align: center;
	margin-bottom: 60px;
}
.teach {
	display: flex;
	justify-content: center;
	align-items: center;
}
.teach_profile {
	margin-right: 20px;
}
.profile {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	padding: 20px 20px;
	top: 0;
	left: 0;
}
/*
.tag a {
	color: #eb7d07;
}
.tag a:before {
	border: solid 1px #eb7d07;
}
html:not(.mobile) .tag a:hover {
  color: #fff;
  background-color: #eb7d07;
  border-color: #eb7d07;
}
*/
.contents {
	background: url(/kaimono/footnail/assets/images/bg.jpg) repeat-y left top;
	background-size: cover;
}
.icon {
	width: 100px;
	margin-bottom: 20px;
}
.sec01 {
	margin-bottom: 80px;
}
.sub {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	margin-bottom: 60px;
}
.sub > h3 {
	position: relative;
	margin-bottom: 60px;
}
.sub > h3:after {
	position: absolute;
	content: "";
	width: 60px;
	height: 5px;
	background-color: #B63232;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}
.sub01, .sub02 {
	margin-top: 60px;
}
.sub01,.sub02,.sub03,.sub04 {
	position: relative;
}
.sub02:after,.sub04:after {
	position: absolute;
	content: "";
	width: 140px;
	height: 140px;
}
.sub02:after {
	background: url(/kaimono/footnail/assets/images/icon_04.png) no-repeat center center;
	left: -60px;
	bottom: -60px;
	rotate: 30deg;
}
.sub04:after {
	background: url(/kaimono/footnail/assets/images/icon_06.png) no-repeat center center;
	left: -50px;
	bottom: -60px;
	rotate: 10deg;
}
.sub_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -20px;
}
.sub_column_item {
	margin-right: 20px;
	width: calc(50% - 20px);
}
.btn>* {
	background-color: #0186AC;
	margin-top: 60px;
}


@media screen and (max-width: 767px) {
	.main_title {
		padding: 30px 10px;
	}
	.lead_wrapper {
		padding: 40px 20px;
	}
	.lead {
		margin-bottom: 30px;
		text-align: left;
	}
	#footnail-content-main .row {
		padding: 40px 20px;
	}
	.teach_profile {
		width: 120px;
	}
	.icon {
		width: 80px;
		margin-bottom: 10px;
	}
	.sec01 {
		margin-bottom: 40px;
	}
	.sub01, .sub02 {
		margin-top: 30px;
	}
	.sub01 img {
		width: 110px;
	}
	.sub {
		margin-bottom: 30px;
		padding: 20px;
	}
	.sub > h3 {
		margin-bottom: 40px;
	}
	.sub_column {
		flex-direction: column;
		margin-right: 0;
	}
	.sub_column_item {
		margin-right: 0;
		width: 100%;
	}
	.sub02:after,.sub04:after {
		position: absolute;
		content: "";
		width: 100px;
		height: 100px;
		background-size: cover;
	}
	.sub02:after {
		left: -20px;
		bottom: -50px;
	}
	.sub04:after {
		left: -30px;
		bottom: -50px;
	}
	.btn>* {
		background-color: #0186AC;
		margin-top: 30px;
	}
}
@media screen and (max-width: 499px){
	

}