@charset "UTF-8";


.menu02 a{
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1.0) !important;
	font-weight: bold !important;
}

.cover {
	background-image: url(images/head.png);
	background-position: center top;
}

dl.dljirei {
	display: flex;
	flex-wrap: wrap;
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
}
dl.dljirei dt {
	width: 20%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 2px;
}
dl.dljirei dd {
	width: 80%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 2px;
}
.fuki {
	position: relative;
	display: inline-block;
	margin: 0.8em 0;
	padding: 10px 15px 7px;
	min-width: 100%;
	max-width: 100%;
	background: #B9D7FF;
	border-radius: 10px;
}
.fuki:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #B9D7FF;
  z-index: 1;
}



.fuki2 {
	position: relative;
	display: inline-block;
	margin: 0.8em 0;
	padding: 8px 13px 5px;
	min-width: 100%;
	max-width: 100%;
	background: #f2f2f2;
	border-radius: 10px;
	border: 2px solid #ccc;
}
.fuki2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #ccc;
  z-index: 1;
}


@media screen and (max-width: 1180px) {


}

@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 820px) {
.menu02 a{background-color: #036; color:#fff !important;}

}

@media screen and (max-width: 768px) {


}

@media (max-width: 540px) {

dl.dljirei {
	display: block;
}
dl.dljirei dt {
	width: 100%;
}
dl.dljirei dd {
	width: 100%;
}

.fuki:before,.fuki2:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;

}
.fuki:before {border-bottom: 12px solid #B9D7FF;}
.fuki2:before {border-bottom: 12px solid #ccc;}

}



