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

.kanko{
	display:block;
	width:99%;
    float:left;
}

@media screen and (min-width:991px){
.kanko{
	display:block;
	width:75%;
	float:right;
	margin-top:-289px;
}
}

.kankoBox{
	width:98%;
	float:left;
	margin: 0 5px;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 1rem;
	padding: 0.5rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

@media screen and (min-width:600px){
.kankoBox{
	width:49%;
	margin: 0 0 1rem 5px;
}
}

.kankoBar{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
    background:#8FC31f;
    padding-top:5px;
    padding-bottom:5px;
}

.kankoBar a{
	margin-left:16px;
	color:#000000;
	font-size:18px;
	font-weight:bolder;
	text-decoration:none;
}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*.clearfix{
	width:98%;
	display:inline-block;
}

@media screen and (min-width:420px){
.clearfix{
	width:375px;
}
}*/

.kankoBox ul{
	list-style-type:none;
}

.kankoBox ul li{
	background:url(../img/arrow1.png) no-repeat left;
	margin-left:10px;
	margin-bottom:5px;
}

.kankoBox ul li a{
	margin-left:16px;
	color:#000000;
	font-size:16px;
	text-decoration:underline;
}

.kankoBox2{
	display: block;
	float: left;
	width:99%;
	height: auto;
	margin: 0 5px;
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 1rem;
	padding: 0.5rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.imgBar,.imgBar2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#8FC31f;
	width:395px;
	font-size:160%;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 10px;
}

.imgBar a,.imgBar2 a{
	text-decoration:none;
	font-weight:900;
}

.imgBar a:hover,.imgBar2 a:hover{
	color:#FFFFFF;
}

.imgBar2{
	float:right;
}

@media screen and (max-width:405px){
.imgBar,.imgBar2{
	width:97%;
}
}

@media screen and (max-width:619px){
.imgBar2{
	float:left;
}
}

p.tex{
	clear: both;
	line-height:1.5;
}

.map{
	float:right;
	margin-right:10px;
}

@media screen and (min-width:619px){
p.otoi{
	margin-left:10px;
	width:390px;
	background:#FFF45C;
	margin-bottom:10px;
	padding:5px 5px;
}
p.otoi2{
	float:right;
	width:390px;
	background:#FFF45C;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px 5px;
	clear: both;
}
}

@media screen and (min-width:360px) and (max-width:619px){
p.otoi{
	margin-left:10px;
	width:350px;
	background:#FFF45C;
	margin-bottom:10px;
	padding:5px 5px;
}

p.otoi2{
	margin-left:10px;
	width:350px;
	background:#FFF45C;
	margin-bottom:10px;
	padding:5px 5px;
}
}

@media screen and (max-width:360px){
p.otoi{
	margin-left:10px;
	width:295px;
	background:#FFF45C;
	margin-bottom:10px;
	padding:5px 5px;
}

p.otoi2{
	margin-left:10px;
	width:295px;
	background:#FFF45C;
	margin-bottom:10px;
	padding:5px 5px;
}
}