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

/*****************************************************************/

header {
	width: 100%;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	position: relative;
	background: url("../img/jg01_bg.png")no-repeat top center;
}

header div {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -480px;
}

#logo {
	width: 64px;
	margin:  0px 10px 0px 0px;
}

#internet {
	width: 180px;
	margin:  0px 10px 5px 0px;
}

#tw {
	width: 30px;
	margin:  0px 10px 0px 0px;
}

#fb {
	width: 30px;
}

header h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0em;
}

header h2 {
	background-color: #EACD76;
	margin: 0px 0px 0px 0px;
	padding: 27px 0px 29px 0px;
}

nav {
	width: 100%;
	position: absolute;
	top: 604px;
	text-align: center;
}

/*****************************************************************/

article {
	width: 100%;
	margin:  0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	background-color: #780B11;
}

article .entry {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

article h2 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#b1 {
	width: 874px;
	margin:  0px auto 30px;
	padding: 0px 0px 0px 0px;
	line-height: 0em;
	position: relative;
}

#b1_f {
	position: absolute;
	top: -20px;
	right: -20px;
}

#b2 {
	width: 834px;
	margin:  0px auto 30px;
	padding: 40px 20px 20px 20px;
	line-height: 0em;
	background-color: #E9E5E2;
	text-align: center;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	position: relative;
}

#b2 h2 {
	margin:  0px auto 50px;
}

#b2_f {
	position: absolute;
	top: 330px;
	left: 45px;
	width: 220px;
}


.tab {
	display: flex;
	position: absolute;
	top: 1031px;
	left: 45px;
}

.tab #tb1 a {
	background: url("../img/jg12_off.png") no-repeat;
	width: 251px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

.tab #tb1.active a,
.tab #tb1 a:hover {
	background: url("../img/jg12_on.png") no-repeat;
}

.tab #tb2 a {
	background: url("../img/jg13_off.png") no-repeat;
	width: 292px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

.tab #tb2.active a,
.tab #tb2 a:hover {
	background: url("../img/jg13_on.png") no-repeat;
}

.tab #tb3 a {
	background: url("../img/jg14_off.png") no-repeat;
	width: 239px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

.tab #tb3.active a,
.tab #tb3 a:hover {
	background: url("../img/jg14_on.png") no-repeat;
}

.tabContents {
	padding: 80px 0px 0px 0px;
	margin: 0px auto 0px;
	width: 776px;
	border: 2px solid #000;
	display: none;
}

.tabContents.active {
  display: block;
}

.contact {
	margin: 150px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.m50 {
	margin: 30px 0px 30px 0px;
}

#b3 {
	width: 812px;
	margin:  0px auto 30px;
	padding: 40px 31px 20px 31px;
	background: url("../img/b3_bg.png") no-repeat;
	background-size: cover;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#b3 dl dt {
	width: 652px;
	height: 42px;
	background: url("../img/jg21.png") no-repeat;
	line-height: 1.2em;
	margin:  0px 0px 20px 0px;
	padding: 25px 30px 0px 130px;
	font-size: 1.2em;
	font-weight: 900;
	cursor: pointer;
}

#b3 .active2 {
	background: url("../img/jg22.png") no-repeat;
}

#b3 .l2 {
	height: 52px;
	padding: 15px 30px 0px 130px;
}


#b3 dl dd {
	width: 582px;
	line-height: 1.6em;
	margin:  0px 0px 20px 0px;
	padding: 0px 100px 0px 130px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	display:none;
}



/*****************************************************************/

footer {
	width: 100%;
	margin:  0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color: #FFF;
	text-align: center;
	font-size: 0.8em;
}

/*****************************************************************/

area{
border:none;
outline:none;
}