@charset "utf-8";
#hero {
  width: 100%;
  height: 90vh;
  background: url("../img/tunosima.jpg") top center;/*メインビジュアル変更可*/
  background-size: cover;
  margin-bottom: -200px;
}
.img-fluid{
 max-width: 100%;
 height: auto;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.map {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yt {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.center {
  text-align: center;
}
.mt_40 {
  margin-top: 40px;
}
.mt_100 {
  margin-top: 100px;
}
.pt_40{
	padding-top: 40px;
}

.ml_20{
	margin-left: 20px;
}

.ml_50{
	margin-left: 50px;
}

@media (min-width: 1024px) {
}