.navbar {
    background-color: #00B0F0;
}
.bg-cyan{
  background-color: #00B0F0;
}
/*
.bg-black{
  background-color: #171717;
}
*/


body {
  background-color: #171717;
}


.bg-j {
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.0), rgba(17, 17, 17, 1.0)), url(../image/background.png);
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

button.navbar-toggler:focus {
  outline: none;
}

.display-1 {
  font-size: 8rem;
  font-weight: 300;
  line-height: 1.2;
  color: #00B0F0;
}

.border_line_white {
  border-top: 1.5px solid white !important;
  border-bottom: 1.5px solid white !important;
  border-right: none !important;
  border-left: none !important;
}

.border_line_blue {
  border-right: 1.5px solid #00B0F0 !important;
  border-left: 1.5px solid #00B0F0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* .waku169{
  background-image: url("../image/枠16_9（装飾).svg");
  background-size: cover;
  width : 100%;
  height : calc(100vw / 2.7);
  padding : 3rem;
}
.waku169 h2{
  margin-top : 1vw;
  margin-left : 2vw;
}

.waku169 div{
  font-size: 24px;
  padding-right: 3vw;
} */
.mp-5 {
  padding: 3rem;
  font-size: 1.5vw;
}

.mp-5 ul {
  font-size: calc(2.0vw);
}

.geo {
  font-family: 'Geo', sans-serif;
}

/*ボーダーの色を指定*/

.border {
  border: 1px solid #00B0F0 !important;
}

/* 箇条書きのデザイン*/
.mylist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mylist li:before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 0%;
  background: #00B0F0;
  position: relative;
  left: -5px;
  top: 1px;
}

.nowproject{
  margin-bottom:2vw;
  padding : 1vw;
  border-top: 1px solid #00ffff ;
}
.nowproject_ {
  padding : 1vw;
  border-top: 1px solid #00ffff ;
}

.nowproject img{
  width: 50%;
}
.place {
  display: inline;
}

/*ナビゲーションバーの動きを指定*/
.mynav a {
  color: #ffffff;
  position: relative;
  display: inline-block;
  transition: 0.5s;
}

.mynav a:hover {
  color: #171717;
}

.mynav a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 3px;
  background-color: #000080;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mynav a:hover::after {
  width: 100%;
}

@media screen and (max-width: 676px) {
  .nowproject{
    margin-bottom:2vw;
    padding : 1vw;
    border-top: 1px solid #00ffff !important;
  }
  .nowproject_ {
    border-top: none;
    border-bottom: 1px solid #00ffff !important;
  }
  .place {
    display: none;
  }
  .mp-5 {
    padding: 1vw;
    font-size: 16px;
  }

  .mp-5 ul {
    font-size: 24px;
  }
}
.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}