@charset "UTF-8";

.header .inner .logo {
    width: 340px;
}

@media (max-width: 768px) {
    .header .inner .logo {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
    }
}

.header .inner .mainNav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 40px;
}

@media (max-width: 1420px) {
	.header .inner .mainNav {
		padding-left: 16px;
	}
}

@media (max-width: 768px) {
	.header .inner .mainNav {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.header .inner .mainNav ul li + li {
    margin-left: 34px;
}

@media (max-width: 1420px) {
	.header .inner .mainNav ul li + li {
		margin-left: 16px;
	}
}

@media (max-width: 768px) {
	.header .inner .mainNav ul li + li {
		margin-left: auto;
		margin-top: 20px;
	}
}

.header .inner .mainNav ul li a {
    font-weight: bold;
    font-size: 15px;
}

@media (max-width: 1420px) {
    .header .inner .mainNav ul li a {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
	.header .inner .mainNav ul li a {
        font-size: 17px;
    }
}

.header .inner .mainNav ul li a img {
    width: auto;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
}

@media (max-width: 1420px) {
	.header .inner .mainNav ul li a img {
		height: 18px;
		margin-right: 5px;
	}
}

@media (max-width: 768px) {
	.header .inner .mainNav ul li a img {
		height: 25px;
		margin-right: 12px;
	}
}

.h_bnr a img {
    width: auto;
    height: 48px;
}

@media (max-width: 768px) {
	.h_bnr a img {
		display: none;
	}
}

.h_bnr_sp {
	display: none;
}

@media (max-width: 768px) {
	.h_bnr_sp {
		display: block;
		margin-top: 40px !important;
	}
	.h_bnr_sp img {
		width: 100% !important;
		max-width: 359px;
		height: auto !important;
		margin-right: 0px;
	}
}

.bnr_topArea {
	background-color: #FFFFFF;
}

.bnr_top {
	width: 83.82222%;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	padding: 50px 0;
}

@media (max-width: 768px) {
	.bnr_top {
		padding: 40px;
		width: 100%;
	}
}

.bnr_top a {
	margin: 0 auto;
	display: inline-block;
}

.bnr_top a img {
	width: 100%;
	max-width: 1200px;
}

.bnr_top a img.pc_hide {
	display: none;
}

@media (max-width: 768px) {
	.bnr_top a img.pc_hide {
		display: block;
	}
}

.bnr_top a img.sp_hide {
	display: block;
}

@media (max-width: 768px) {
	.bnr_top a img.sp_hide {
		display: none;
	}
}

.bnr_btmArea {
	background-color: #f0e6dc;
}

.bnr_btm {
	width: 83.82222%;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	padding: 40px 0px 35px 0px;
}

@media (max-width: 768px) {
	.bnr_btm {
	}
}

.bnr_btm a {
	margin: 0 auto;
	display: inline-block;
}

.bnr_btm a img {
	width: 100%;
	max-width: 1200px;
}

.bnr_btm a img.pc_hide {
	display: none;
}

@media (max-width: 768px) {
	.bnr_btm a img.pc_hide {
		display: block;
	}
}

.bnr_btm a img.sp_hide {
	display: block;
}

@media (max-width: 768px) {
	.bnr_btm a img.sp_hide {
		display: none;
	}
}