@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

#areamap {
	width: 980px;
	margin-right: auto;
	margin-left : auto;
}
#map{
	width: 90%!important;
	    margin-left: auto;
    margin-right: auto;
}
#map_canvas{
   -webkit-text-size-adjust: 100%;
    color: var(--html-color, #000000);
    cursor: var(--html-cursor, default);
    font: var(--html-font-size, 100%)/var(--html-line-height, 1.5) var(--font-family, sans-serif);
    text-rendering: var(--html-text-rendering, optimizeLegibility);
    box-sizing: inherit;
    font-size: inherit;
    line-height: inherit;
    background-repeat: var(--background-repeat, no-repeat);
    margin: 0;
    padding: 0;

    height: 500px!important;
    max-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    border: #7fc580 solid 10px;
    border-radius: 9px;
    position: relative;
    overflow: hidden;
}
.title {

text-align:center;
  
}
.title_img{
	width:892px;
	
}
a{
	color:blue;
text-decoration: none;
	}
.select{
	color:blue;
	cursor:pointer;
}
.read_text{
	width:90%!important;

 	margin-right: auto;
 	margin-bottom:24px;
	margin-left : auto;
}

.item_wrapper:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}


.popupbg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  top: 0;
  left: 0;
  align-items: center;
	display:none;
}
poped{
	display:inherit-flex;
	  align-items: center;
}
.popup_wrapper {
   align-items: center;
  width: 90%;
  height:100%;
  position: fixed;
  margin: 10% 0 10% 5%;
  z-index: 11;
  
 display:none;
 
}
 .nowarap{
width:100%;
 margin: 0 0 0 0;
position: relative;
 text-align: center;
    align-items: center;
    display:flex;
  flex-wrap: nowrap;
  justify-content: space-between;
      background-color:white; 
}

.nowarap:before {
  content: "";
  
  display: block;
  padding-top: 40%;
}
.nowarap:after {
  content: "";
  
  display: block;
  padding-top: 40%;
}

 .warap{
width:45%;
 height:auto;
 margin: auto;
position: relative;
 text-align: center;
    align-items: center;
    display:flex;
  flex-wrap: wrap;
      background-color:white; 
}
 .nowarap .img {
  top: 0;
  left: -2%;
  bottom: 0;
  right: 0;
  width: 47%;
  height: auto;
}
 .warap .img {
 margin: 0 0 0 0;
  width: 100%;
  height: auto;
}
.img2 {
 margin: 0 3% 0 0;
  width: 50%;
  height: auto;
}

.popup_wrapper .caption {
  padding: 10px;
  font-size: 18px;
  color: #fff;
}
.popup_wrapper .close_btn {
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #ffff;
  margin: -15px -15px 0 0;
  font-size: 24px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

table{
	background-color: #7fc580;
	border:solid 1px #7fc580;
	border-radius: 9px 9px 0 0;
	width:90%!important;
	padding:0px;
	table-layout: auto;
	margin-right: auto;
	margin-left : auto;
	font-size:12px;
	border-spacing: 1px;
	text-indent: initial;
}



.center{
	background-color: #ffffff;
	text-align:center;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.selected td{
	background: yellow;
    border-bottom: solid 1px blue;
}
td{
	padding: 6px;
	font-size:13px;
	height:14px;
}
table thead td {
    font-size: 14px;
    background: #7fc580;
    text-align: center;
    padding: 0px;
}

p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.bannars{
	width:160px;
	margin-bottom:14px;
	margin-left:5%;
	}
.flex{
  display: flex;
  justify-content: space-between;
}
.contactarea{
	width: 90%!important;
	
 	margin-right: auto;

	margin-left : auto;
}
.contact {

    margin: 24px 0;
    padding: 24px;
    border: solid 9px #7fc580;
    border-radius: 9px;
}
.contact_title{
 line-height: 3.0em;
}