#visual {
	background-image: url("/concept/img/visual_bg.jpg");
}

#feature section{
	margin-top: 0;
	padding-top: 40px;
	padding-bottom: 60px;
}

@media(max-width:768px){
	#feature section{
		margin-top: 0;
		padding-top: 30px;
		padding-bottom: 20px;
	}
}

#feature .header {
	position: relative;
	margin: 0 0 60px;
}

@media(max-width:768px){
	#feature .header {
		margin: 0 0 20px;
	}
}

#feature .no {
	position: absolute;
  font-family: 'Crimson Text', serif;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%,-50%);
	font-size: 160px;
	color: #e5ecf5;
}

@media(max-width:768px){
	#feature .no {
		font-size: 120px;
	}
}


#feature .subtitle {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	color: #014099;
	text-align: center;
	font-size: 1.6rem;
}

@media(max-width:768px){
	#feature .subtitle {
		font-size: 1.4rem;
	}
}


#feature .title {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	color: #014099;
	text-align: center;
	font-size: 3rem;
	line-height: 4rem;
	margin-bottom: 20px;
}


@media(max-width:768px){
	#feature .title {
		font-size: 2.4rem;
		line-height: 1.4;
	}
}


#feature .media figure {
	width: 480px;
}


@media(max-width:768px){
	#feature .media figure {
		width: 100%;
		padding-right: 0;
		margin-right: 0;
	}
}


/*
#special {
	padding-top: 80px;
	margin-top: 80px;
	background-color: #e3edfa;
	padding-bottom: 80px;
	margin-bottom: -80px;
}

@media(max-width:768px){
	#special {
		padding-top: 60px;
		margin-top: 60px;
		padding-bottom: 60px;
		margin-bottom: -80px;		
	}
}

#special nav.related {
	background-color: #fff;
}

*/


#feature-02 section {
	padding: 20px 0;
}

#feature-02 section .title {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

@media(max-width:768px){
	#feature-02 section .title {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
}

#feature-02 section ul {
	margin-top: 20px;
	margin-bottom: -20px;
	text-align: center;
}

@media(max-width:768px){
	#feature-02 section ul {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: -10px;
	}
}

#feature-02 section ul li {
	display: inline-block;
	width: 220px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	background-color: #014099;
	margin: 0 10px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.6;
	padding: 20px 0;
	font-weight: bold;
}

@media(max-width:768px){
	#feature-02 section ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
		padding: 10px 0;
	}
}