#navbarNavDropdown{
  height:100%;
}
.megamenu{
  padding-left:25px;
}
.bl {
  margin: 60px 0;
}
.bl li{
  margin:30px 0;
}
.bl span{
  font-size: 14px;
}
.home::after{
  content:"";
  padding-left: 95%;
  border-bottom:1px solid rgba(50, 50, 50, 0.2);
}

.navbar{
  background-color: white;
  box-shadow: : 0px 10px 3px 3px ;
}
.navbar-toggler{
  border: 1px solid gray;
}
.active{
  border-bottom:2px solid green;
}

ul{
  list-style: none;
  padding: 0;
}
a{
  color:#767676;
  text-decoration: none;
}
a:hover{
  color:#767676;
}

.btn{
  opacity:0.9;
}
.btn:hover{
  opacity:1.0;
}

.content{
  padding:50px 30px;

}
h2{
    font-weight:900;
    font-size: 40px;
}

body{
  color:#444;

}
a{
  color:#008489;
}
/* /////////////////////////////////////////
ここからトップセクション
////////////////////////////////////// */
.sonota{
padding-top: 50px;
}

.topSection{
  background-image:url("../img/back.jpg");
  background-size: cover;
  height:300px;
  width:100%;
  background-position: top;
  position:relative;
}
@media (min-width: 992px)  {
  .sonota{
    padding-top: 80px;
  }
  .topSection{
    height:620px;
  }
  h2{
    font-size: 55px;
  }
}


/*フォーム*/
.main{
  background-color: white;
  position: absolute;
  height:400px;
  width:460px;
  right:8%;
  top: 50%;
  transform: translateY(-50%);
}

.main p{
  margin:25px 0;
}


/*共通見出し設定*/
h1{
  font-size: 50px;
  font-weight: 1000;
  margin:25px 0;
}
h2{
  text-align: center;
}
h3{
  padding:1rem 0;
}

/*共通3カラム設定*/
.three{}


/*共通2カラム設定*/
.two{}


/*ここからブロック２3カラム*/
.block2 img{
  width:50px;
  height:50px;
}



/*ここからブロック３引用文*/

.quote i{
  color:#FDB32B;
  font-size: 3vw;
}

/*ここからブロック4２カラム*/
.block4 li{
  padding:10px 0;
}
.block4 li:first-child{
  padding-top: 0;
}
.block4 i{
  color:#02858A;
}

/*ここからブロック５画像*/
.block5 .back{
  background-image: url("../img/second.jpg");
  background-position: top;
  background-size: cover;
  height:580px;
}

/*ここからブロック63カラム*/
.block6{

}

/*ここからブロック７引用*/
.block7 {

}

/*ここからブロック８3カラム*/
.block8{
  text-align: center;
}
.block8 span{
  font-size: 50px;
  font-weight: 400;
}
.block8 h3{
  padding-bottom: 0;
  margin-bottom: 0;
}

/*ここからブロック92カラム*/
.block9{

}

/*ここからぶろっく１０2カラム*/
.block10 a{
  font-size: 20px;

}
.block10 li{
    padding:20px 0;
  border-bottom:1px solid #999;
}

/*ここからブロック１１3カラム*/
.block11 p,a{
  text-align: left;
  font-size: 14px;
}

.block11 span{
  font-size: 14px;
  font-weight: bold;
}
.block11 h2{
  text-align: left;
  font-size: 30px;
}
.block11 h3{
  padding:0;
  margin:0;
}

/*ここからブロック12背景*/
.block12{
  position:relative;
  background-image: url("../img/forth.jpg");
  background-size: cover;
  color:white;
  height:440px;
}
.block12 .four{

  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:35%;
}
.block12 h2{
  text-align: left;
}
.bo{
  border-bottom: 1px solid black;
  padding-bottom: 20px;
}

.btmSection{
  background-color: #007A87;
  text-align: center;
  color:white;
}
.btmSection img{
  margin-bottom: 20px;
}
.btmSection h2{
  margin:15px 0;
}
.btmSection p{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}
.btmSection .explain{
  margin-top:20px;
  font-size: 15px;
  font-weight: 400;
  color:white;
  display:block;
  opacity:0.8;
}
.explain:hover{
  opacity:1.0;
}
/* 93min */
/* .dataSection .container{
  margin-bottom: 0;
  padding-bottom:0;
} */
.dataSection .content{
  padding:0px 30px;
  padding-top: 50px;
  margin-bottom: 0;
}
.dataSection h4{
  font-size: 0.9em;
  font-weight: bold;
}
.dataSection a{
  font-size: 0.9em;
  font-weight: bold;
}
/* 130min */


footer .content{
  padding: 10px 30px;
}
footer p,a{
  font-size: 14px;
}
.right{
  float:left;
}
footer .content::before{
  float:left;
  content:'';
  display:inline-block;
  background-image: url("../img/airbnb.jpg");
  background-size: contain;
  vertical-align: middle;
  width:40px;
  height:40px;
}
br{
  margin: 0;
  padding:0;
}
footer .btn{
  display: inline-block;
}
.btns{
  text-align: left;

}

/* 145min */