@charset "UTF-8";

/* header */

.indexHeader {
	padding: 0 0 15px;
	background: url(../img/blue_stripe_bg.png) repeat top left;
	-webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.26);
	box-shadow: 0 5px 5px -2px rgba(0,0,0,0.26);
}

.indexHeader_upper {
	position: relative;
	height: 145px;
	padding: 5px 20px 0;
	background: url(../img/index/header_upper_bg.png) no-repeat center top;
	background-size: 100%;
	z-index: 100;
}


.owabi{background-color:rgb(255,249,227);
padding: 15px;
border-color:rgb(255,191,0);
border-width:2px;
-webkit-border-radius:4px;
border-radius:4px;
border-style:solid;
margin-bottom: -30px;
margin-left: 20px;
margin-right: 20px;
margin-top: 22px;
font-size:11px;

	}
.owabi div{color:rgb(255,191,0);
font-weight:bold;
font-size:17px;
margin-bottom: 5px;
}

.indexHeader_upper_logo {
	display: block;
}

.indexHeader_upper_logo > img {
	display: block;
}

.indexHeader_upper_title02 {
	margin-top: 4px;
}

.indexHeader_upper_img {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 12px;
	z-index: -1;
}

.indexHeader_upper_list {
	margin: -3px 0 0;
}

.indexHeader_upper_list > li {
	position: relative;
	display: inline-block;
	margin: 0 -2px;
	padding: 6px 0 0 20px;
}

.indexHeader_upper_list > li:before {
	content: '';
	width: 21px;
	height: 21px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	background: url(../img/index/header_list_mark.png) no-repeat center left;
	background-size: contain;
	vertical-align: middle;
}

.indexHeader_upper_title {
	margin: 0 0 0;
}

.indexHeader_upper_title > img {
	display: block;
	margin: 0 auto;
}


/* header nav */

.indexHeaderNav {
	margin: 0 3px -17px;
}

.indexHeaderNav_wrapper {
	display: table;
	width: 100%;
	border-spacing: 17px;
	table-layout: fixed;
}

.indexHeaderNav_item {
	display: table-cell;
	width: 33.3333334%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 90px;
	padding: 2px 2px 5px;
	background: #1483A7;
	border-radius: 4px;
}

.indexHeaderNav_inner {
	display: block;
	position: relative;
	height: 100%;
	background: #fff;
	border-radius: 2px;
}

.indexHeaderNav_icon {
	display: block;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -22px;
}

.indexHeaderNav_text {
	padding: 44px 0 0;
}

.indexHeaderNav_text > img {
	display: block;
	margin: 0 auto;
}


/* common */

.indexHeading {
	padding: 5px 0 5px 10px;
	background: #11A9DB;
}

.indexHeading > img {
	display: block;
}


/* service */

.indexService {
	margin: 30px 16px 0;
}

.indexService > a > img,
.indexService > img {
	display: block;
	width: 100%;
	height: auto;
	margin: 8px auto -3px;
}


/* area */

.indexArea {
	margin: 32px 16px 22px;
}

.indexArea_content {
	position: relative;
}

.indexArea_img {
	display: block;
	width: 42%;
	height: auto;
}

.indexArea_list {
	display: block;
	position: absolute;
	width: 55%;
	top: 0;
	right: 0;
	font-size: 0;
}

.indexArea_list > li {
	display: inline-block;
	width: 48%;
	height: 40px;
	margin: 3px 2% 3px 0;
	border: solid 2px #11A9DB;
	border-radius: 2px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.indexArea_list > li > a {
	display: block;
	width: 100%;
	height: 100%;
}

.indexArea_list > li > a > img {
	display: block;
	margin: 0 auto;
	padding: 9px 0 0;
}

.bn_newyear { margin: 30px 0px 0px; text-align: center; }
.bn_newyear img { width: 100%; max-width: 320px; height: auto; }

/* キャッシュレス還元バナー */
.cashless {
	width: 100%;
	margin-bottom:20px;
	padding: 5px 20px 0;
	box-sizing: border-box;
}

.cashless img {
	width: 100%;
}

/* 新型コロナウイルス等、感染症拡大への対策バナー */
.coronavirus {
	width: 100%;
	margin-bottom:5px;
	padding: 5px 20px 0;
	box-sizing: border-box;
}
.coronavirus img {
	width: 100%;
}

/* キービジュアル下のバナー */
.key_bottom_ban{
	width: 100%;
	padding: 5px 20px 0;
	box-sizing: border-box;
	line-height: 0;
}
.key_bottom_ban a{
	display: block;
	margin-bottom: 10px;
}
.key_bottom_ban a:last-child{
	margin-bottom: 15px;
}
.key_bottom_ban img{
	width: 100%;
}