@charset "utf-8";

/*---------------------
トップページ（メインビジュアル）
---------------------*/
.l_kv{
	background: #5769ae url(../img/top/bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.l_kv .is_h1top{
	color: #fff;
	text-align: center;
}

.l_kv .is_mainimg{
	width: 84%;
	margin: 0 auto;
	padding: 40px 0;
}

.l_kv .is_mainimg + p{
	color: #fff;
	font-size: 125%;
	text-align: center;
}

.l_kv .md_cont .is_btn a{
	color: #1d2087;
	background: #fff;
	width: 32%;
}

.l_kv .md_cont .is_btn a::before{
	background: #1d2087;
}

.l_kv .md_cont .is_btn a::after{
	border-top: 2px solid #1d2087;
	border-right: 2px solid #1d2087;
}

.l_kv .md_cont .is_btn a:hover{
	color: #fff;
	background: #1d2087;
}

.l_kv .md_cont .is_btn a:hover::before{
	background: #fff;
}

.l_kv .md_cont .is_btn a:hover::after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.l_kv .l_news{
	background: #eff2f4;
	max-width: 1200px;
	width: calc( 80% - 122px );
	margin: -140px auto 140px auto;
	padding: 40px 60px 0 60px;
	position: relative;
	top: 140px;
}

.l_kv .l_news .md_btn{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_kv .l_news .md_btn p{
	width: 47%;
}

.l_kv .l_news .md_btn p.is_btn a{
	width: calc( 100% - 122px );
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}

.l_kv .l_news .md_cont{
	width: 100%;
}

.l_kv .l_news .md_news{
	background: #fff;
	padding: 40px;
}

@media screen and (max-width:767px){
	.l_kv .md_cont{
		padding: 8% 8% 16% 8%;
	}
	
	.l_kv .is_mainimg + p{
		font-size: 100%;
	}
	
	.l_kv .is_mainimg{
		padding: 20px 0;
	}
	
	.l_kv .md_cont .is_btn a{
		width: calc(100% - 62px);
	}
	
	.l_kv .l_news{
		width: 84%;
		margin: 0;
		padding: 8% 8%;
		position: static;
	}
	
	.l_kv .l_news .md_btn p{
		width: 100%;
	}
	
	.l_kv .l_news .md_cont{
		width: 100%;
		padding: 16% 0 8% 0;
	}
	
	.l_kv .l_news .md_news{
		padding: 8%;
	}
	
	.l_kv .l_news .md_news li a{
		text-indent: 0;
		padding: 4% 0;
	}
	
	.l_kv .l_news .md_news li a strong{
		display: block;
		padding-right: 0;
	}
	
}


/*---------------------
e-kenet JCBカードについて
---------------------*/
.l_jcb .is_mainimg + p,
.l_jcb .is_mainimg + p + p{
	text-align: center;
}

.l_jcb .is_mainimg{
	max-width: 700px;
	width: 84%;
	margin: 0 auto;
}

@media screen and (max-width:767px){
	.l_jcb .is_mainimg + p,
	.l_jcb .is_mainimg + p + p{
		text-align: left;
	}
}


/*---------------------
おけいはんポイントについて
---------------------*/
.l_point .md_txtimg{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.l_point .md_txtimg p{
	text-align: center;
}

.l_point .md_txtimg{
	padding-bottom: 0;
}

.l_point .md_txtimg > div:nth-child(1){
	width: 12%;
}


.l_point .md_txtimg > div:nth-child(2){
	width: 84%;
}

@media screen and (max-width:767px){
	.l_point .md_txtimg p{
		text-align: left;
	}
	
	.l_point .md_txtimg div:nth-child(1){
		width: 50%;
		margin: 0 auto;
	}
	
	.l_point .md_txtimg > div:nth-child(2){
		width: 100%;
	}
}
