@charset "utf-8";
/* CSS Document */

.l-mvBlock{
	position:relative;
	z-index:10;
	overflow:hidden;
}
.l-mvBlock .l-mv{
	width: 100%;
	margin:0 auto;
	text-align:center;
	line-height:0;
	padding:0 0px;
	background:url(../img/top/bg_mv_pc.jpg) center center no-repeat transparent;
	background-size: cover;
	height:714px;
	position:relative;
	z-index:10;
	
	display:table;
}
.l-mvBlock .l-mv .l-message{
	display:table-cell;
	vertical-align:middle;
}
.l-mvBlock .l-mv .l-message .l-image{
	display:block;
	line-height:0;
}
.l-mvBlock .l-mv .l-message .l-image img{
	max-width:390px;
	width:100%;
}
.l-mvBlock .l-mv .l-message .l-btn{
	display:block;
	position:relative;
	top:60px;
}
.l-mvBlock .l-mv .l-message .l-btn input{

	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	
	max-width:428px;
	width:100%;
	height:38px;
	background:url(../img/common/btn_mv_pc.png) center top no-repeat transparent;
	background-size: contain;
}
.l-colorBlock {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 11;
}

.l-colorBlock p {
  text-align: center;
}
.l-colorBlock p img {
  width:15px;
}

.l-kensakuBlock{
	width:100%;
	display:block;
	margin:0 auto;
	padding:125px 0 0;
	text-align:center;	
}
.l-kensakuBlock p{
	display:inline-block;
	padding:0 18px 40px;
	text-align:center;	
}
.l-kensakuBlock p.l-all{
	display:inline-block;
}
.l-kensakuBlock p span{
	display:block;
	color:#FFFFFF;
	background-color:#b2b2b2;
	padding:3px 8px;
	text-align:center;	
	font-size:1.4rem;
	letter-spacing:0.05em;
	border-radius:5px;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;
}
.l-kensakuBlock p span img {
	display:none;
}
.l-kensakuBlock p.l-all span.p-current{
	background-color:#003690;
}
.l-kensakuBlock p.l-touhoku span.p-current{
	background-color:#a9cf52;
}
.l-kensakuBlock p.l-kantou span.p-current{
	background-color:#f29b96;
}
.l-kensakuBlock p.l-chubu span.p-current{
	background-color:#b9e3f8;
}
.l-kensakuBlock p.l-kansai span.p-current{
	background-color:#bac4e4;
}
.l-kensakuBlock p.l-chugoku span.p-current{
	background-color:#fcd35c;
}
.l-kensakuBlock p span:hover{
	cursor:pointer;
	/*opacity:.7;*/
}
.l-kensakuBlock p.l-all span:hover{
	background-color:#003690;
}
.l-kensakuBlock p.l-touhoku span:hover{
	background-color:#a9cf52;
}
.l-kensakuBlock p.l-kantou span:hover{
	background-color:#f29b96;
}
.l-kensakuBlock p.l-chubu span:hover{
	background-color:#b9e3f8;
}
.l-kensakuBlock p.l-kansai span:hover{
	background-color:#bac4e4;
}
.l-kensakuBlock p.l-chugoku span:hover{
	background-color:#fcd35c;
}

.l-listBlock{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;	
}
.l-listBlock .l-listBlock01{
	width:25%;
	display:inline-block;
	vertical-align:top;
	padding:85px 23px 0;
}
.l-listBlock .l-listBlock01 a{
	display:block;
}
.l-listBlock .l-listBlock01 .p-title{
	text-align:center;
	font-size:1.6rem;
	color:#003690;
	letter-spacing:0.05em;
	padding-bottom:25px;
	font-weight:bold;
}
.l-listBlock .l-listBlock01 .p-image{
	width:100%;
	line-height:0;
}
.l-listBlock .l-listBlock01 .p-image img{
	max-width:220px;
	width:100%;
}
.l-listBlock .l-listBlock01 .p-tag{
	text-align:right;
	padding-top:5px;
}
.l-listBlock .l-listBlock01 .p-tag span{
	display:inline-block;
	color:#FFFFFF;
	font-size:1.4rem;
	text-align:center;
	padding:4px 3px;
	line-height:1.2;	
	background-color:#a7ce4d;
}
@media all and (-ms-high-contrast: none) {
	.l-listBlock .l-listBlock01 .p-tag span{
		display:inline-block;
		color:#FFFFFF;
		font-size:1.4rem;
		text-align:center;
		padding:4px 3px 0;
		line-height:1.3;	
		background-color:#a7ce4d;
	}
}
.l-listBlock .l-listBlock01 .p-tag span.p-touhoku{
	background-color:#a7ce4d;
}
.l-listBlock .l-listBlock01 .p-tag span.p-kantou{
	background-color:#ed9e97;
}
.l-listBlock .l-listBlock01 .p-tag span.p-chubu{
	background-color:#b9e4f4;
}
.l-listBlock .l-listBlock01 .p-tag span.p-kansai{
	background-color:#b9c4e2;
}
.l-listBlock .l-listBlock01 .p-tag span.p-chugoku{
	background-color:#fcd35f;
}


/*---------------- ▲PCのみCSS▲ --------------------*/
/*---------------- ▼タブレット以降CSS▼ --------------------*/
@media screen and (max-width:1000px){
	
		
	
}
/*---------------- ▲タブレット以降CSS▲ --------------------*/
@media screen and (max-width:768px){
	
	
	.l-mvBlock{
		position:relative;
		z-index:10;
		overflow:hidden;
	}
	.l-mvBlock .l-mv{
		width: 100%;
		margin:0 auto;
		text-align:center;
		line-height:0;
		padding:0 0px;
		background:url(../img/top/bg_mv_sp.jpg) left center no-repeat transparent;
		background-size: cover;
		height:103.0667vw;
		position:relative;
		z-index:10;
		
		display:table;
	}
	.l-mvBlock .l-mv .l-message{
		display:table-cell;
		vertical-align:middle;
	}
	.l-mvBlock .l-mv .l-message .l-image{
		display:block;
		line-height:0;
	}
	.l-mvBlock .l-mv .l-message .l-image img{
		max-width:38.13vw;
		width:100%;
	}
	.l-mvBlock .l-mv .l-message .l-btn{
		display:block;
		position:relative;
		top:12vw;
	}
	.l-mvBlock .l-mv .l-message .l-btn input{
	
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		
		max-width:56vw;
		width:100%;
		height:5.2vw;
		background:url(../img/common/btn_mv_sp.png) center top no-repeat transparent;
		background-size: contain;
	}
	.l-colorBlock {
		position: absolute;
		top: 50%;
		right: 2.8vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 11;
	}
	
	.l-colorBlock p {
		text-align: center;
	}
	.l-colorBlock p img {
		width:9px;
	}
	
	.l-kensakuBlock {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 14.93vw 0 14.93vw;
		text-align: left;
	}
	.l-kensakuBlock p {
		display: inline-block;
		padding: 0 15px 30px;
		text-align: center;
	}
	.l-kensakuBlock p.l-all {
		display: none;
	}
	.l-kensakuBlock p span {
		display: block;
		color: #FFFFFF;
		background-color: #b2b2b2;
		padding: 3px 15px;
		text-align: center;
		font-size: 1.8rem;
		letter-spacing: 0.05em;
		border-radius: 5px;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s;
	}
	.l-kensakuBlock p span img {
		display:inline;
		width:18px;
		position:relative;
		top:3px;
		left:5px;
	}
	.l-kensakuBlock p.l-touhoku span{
		background-color:#a9cf52;
	}
	.l-kensakuBlock p.l-kantou span{
		background-color:#f29b96;
	}
	.l-kensakuBlock p.l-chubu span{
		background-color:#b9e3f8;
	}
	.l-kensakuBlock p.l-kansai span{
		background-color:#bac4e4;
	}
	.l-kensakuBlock p.l-chugoku span{
		background-color:#fcd35c;
	}
	
	.l-listBlock h4{
		width:100%;
		padding:0 4.26vw 9.33vw;
	}
	.l-listBlock h4 span{
		width:100%;
		display:block;
		color:#FFFFFF;
		padding:1.6vw 2vw;
		font-size: 2.1rem;
		text-align:center;
		font-weight:bold;
	}
	.l-listBlock h4.h4-touhoku span{
		background-color:#a9cf52;
	}
	.l-listBlock h4.h4-kantou span{
		background-color:#f29b96;
	}
	.l-listBlock h4.h4-chubu span{
		background-color:#b9e3f8;
	}
	.l-listBlock h4.h4-kansai span{
		background-color:#bac4e4;
	}
	.l-listBlock h4.h4-chugoku span{
		background-color:#fcd35c;
	}
	.l-listBlock .l-listBlock01{
		width:100%;
		display:inline;
		vertical-align:top;
		padding:0px 3.06vw 0;
	}
	.l-listBlock .l-listBlock01 .p-title {
		text-align: center;
		font-size: 1.8rem;
		color: #003690;
		letter-spacing: 0.05em;
		padding-bottom: 3.33vw;
		font-weight: bold;
	}
	.l-listBlock .l-listBlock01 .p-tag span {
		display: none;
	}
}
/*---------------- ▼スマホ以降CSS▲ --------------------*/
@media screen and (max-width:480px){
		
	.l-mvBlock{
		position:relative;
		z-index:10;
		overflow:hidden;
	}
	.l-mvBlock .l-mv{
		width: 100%;
		margin:0 auto;
		text-align:center;
		line-height:0;
		padding:0 0px;
		background:url(../img/top/bg_mv_sp.jpg) left center no-repeat transparent;
		background-size: cover;
		height:172.5vw;
		position:relative;
		z-index:10;
		
		display:table;
	}
	.l-mvBlock .l-mv .l-message{
		display:table-cell;
		vertical-align:middle;
	}
	.l-mvBlock .l-mv .l-message .l-image{
		display:block;
		line-height:0;
	}
	.l-mvBlock .l-mv .l-message .l-image img{
		max-width:63.75vw;
		width:100%;
	}
	.l-mvBlock .l-mv .l-message .l-btn{
		display:block;
		position:relative;
		top:21.875vw;
	}
	.l-mvBlock .l-mv .l-message .l-btn input{
	
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		
		max-width:93.75vw;
		width:100%;
		height:8.75vw;
		background:url(../img/common/btn_mv_sp.png) center top no-repeat transparent;
		background-size: contain;
	}
	.l-colorBlock {
		position: absolute;
		top: 50%;
		right: 4.6875vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 11;
	}
	
	.l-colorBlock p {
		text-align: center;
	}
	.l-colorBlock p img {
		width:6px;
	}
	
	
	.l-kensakuBlock {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 25vw 0 18.75vw;
		text-align: left;
	}
	.l-kensakuBlock p {
		display: inline-block;
		padding: 0 3.125vw 6.25vw;
		text-align: center;
	}
	.l-kensakuBlock p.l-all {
		display: none;
	}
	.l-kensakuBlock p span {
		display: block;
		color: #FFFFFF;
		background-color: #b2b2b2;
		padding: 3px 15px;
		text-align: center;
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		border-radius: 5px;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s;
	}
	.l-kensakuBlock p span img {
		display:inline;
		width:13px;
		position:relative;
		top:2px;
		left:5px;
	}
	.l-kensakuBlock p.l-touhoku span{
		background-color:#a9cf52;
	}
	.l-kensakuBlock p.l-kantou span{
		background-color:#f29b96;
	}
	.l-kensakuBlock p.l-chubu span{
		background-color:#b9e3f8;
	}
	.l-kensakuBlock p.l-kansai span{
		background-color:#bac4e4;
	}
	.l-kensakuBlock p.l-chugoku span{
		background-color:#fcd35c;
	}
	
	.l-listBlock h4{
		width:100%;
		padding:0 6.25vw 15.625vw;
	}
	.l-listBlock h4 span{
		width:100%;
		display:block;
		color:#FFFFFF;
		padding:2.1875vw 3.125vw;
		font-size: 1.5rem;
		text-align:center;
	}
	.l-listBlock .l-listBlock01{
		width:100%;
		display:inline;
		vertical-align:top;
		padding:0px 4.6875vw 0;
	}
	.l-listBlock .l-listBlock01 .p-title {
		text-align: center;
		font-size: 1.3rem;
		color: #003690;
		letter-spacing: 0.05em;
		padding-bottom: 6.25vw;
		font-weight: bold;
	}
	
	
}
/*---------------- ▲スマホ以降CSS▲ --------------------*/
/*---------------- ▲スマホ最小CSS▲ --------------------*/
@media screen and (max-width:320px){
	
	
}
/*---------------- ▲スマホ最小CSS▲ --------------------*/