.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 1;
  cursor: pointer;
}


.twitter_blue{
	color:#528fff;
	
}


.outline {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 36pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #ff66ff,
      -2px  2px 1px #ff66ff,
       2px -2px 1px #ff66ff,
      -2px -2px 1px #ff66ff,
       2px  0px 1px #ff66ff,
       0px  2px 1px #ff66ff,
      -2px  0px 1px #ff66ff,
       0px -2px 1px #ff66ff;        /* 文字の影 */
}


.multi-carousel {
	opacity: 0;
	padding: 0 125px;
}
.multi-carousel .carousel-control-next,
.multi-carousel .carousel-control-prev {
	width: 25px;
	background: gray;    
 opacity:0.5;
}

.imageboad-div {
 background-color:#000000;
 opacity:0.4;
}
.imageboad-text {
 opacity:1.0;
 color: #FFFFFF;
}


.nav-menu li.nav-twitter a {
//  color: #fff;
//  background: #f82249;
  padding: 10px 0px;
//  border-radius: 50px;
//  border: 2px solid #f82249;
//  transition: all ease-in-out 0.3s;
//  font-weight: 500;
//  margin-left: 8px;
  margin-top: -5px;
//  line-height: 1;
//  font-size: 13px;
}

#intro .intro-container_1 {
  position: absolute;
//  bottom: -350px;
  left: 0;
  top: 90px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
  width: 100vw;
}

#intro .intro-container_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 90px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
  width: 160vw;
}

#intro .intro-container_3 {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 90px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
  width: 100vw;
}

#intro .intro-container_logo {
  position: absolute;
//  bottom: 0;
  left: 0;
//  top: 50px;
  bottom:0px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
  width: 100vw;
}

img.cara_1 {
	width:640px; height:480px;
	object-fit:cover;
}



div.topimg1 img {
    height: 80vh;
	display: inline-block;
}

div.topimg2 img {
    height: 70vh;
	display: inline-block;
}

div.topimg3 img {
    height: 90vh;
	display: inline-block;
}

div.top_logo img {
    height: 50vh;
	display: inline-block;
}

.img-right {margin-left: auto;}
.img-left {margin-right: auto;}


@media (max-width: 991px) {
  #intro .intro-container_1 {
    top: 170px;
    height: 100vh; 
    width: 60vw;
  }
  #intro .intro-container_2 {
    top: 270px;
    width: 170vw;
	left:50px;
  }
  #intro .intro-container_3 {
//    top: 70px;
  }

  #intro .intro-container_logo {
//    top: 50px;

//    width: 100vw;
//    height: 40vh;
//	width:100px;
//    height: 50vh;
    height: 60vh;

  }

div.topimg1 img {
//    height: auto;
    height: 40vh;
//    width: 80vw;
}
div.topimg2 img {
    height: 150vh; 
}
div.topimg3 img {
    height: 50vh; 
}

div.top_logo img {
//    top: 250px;
    height: auto;
//    width: auto;
//    height: 50vh;
    width: 80vw;
}

}

@media (max-width: 1199px) {


  #intro .intro-container_1 {
//    top: 160px;
    height: 70vh; 
  }
  #intro .intro-container_2 {
    top: 140px;
    width: 170vw;
  }
  #intro .intro-container_3 {
//    top: 70px;
  }

  #intro .intro-container_logo {
//    top: 20px;
    height: 60vh;


  }

div.topimg1 img {
//  bottom: -100px;
    height: 90vh; 
}
div.topimg2 img {
    height: 60vh; 
//bottom: -130px;
//  width: 100vw;

}
div.topimg3 img {
    height: 70vh; 
}

div.top_logo img {
    height: auto;
//    width: 30vw;
//    height: 90vh; 
}



}

@media screen and (max-height: 560px) and (orientation: landscape) {

	#intro .intro-container_1 {
	//    top: 160px;
		height: 90vh; 
	}
	#intro .intro-container_2 {
		top: 140px;
		height: 100vh;
		width: 140vw;
	}
	#intro .intro-container_logo {
	//    top: 20px;
		height: 50vh;
	}

	div.topimg1 img {
	//  bottom: -100px;
		height: 160vh; 
	}
	div.topimg2 img {
		height: 120vh; 
	//bottom: -130px;
	//  width: 100vw;

	}
	div.top_logo img {
		height: auto;
		width: 30vw;
	//    height: 90vh; 
	}



}


/* Sections Header
--------------------------------*/
.section-header2 {
//  margin-bottom: 60px;
  position: relative;
  padding-bottom: 20px;
  padding-top: 10px;
}

.section-header2::before {
//  content: '';
//  position: absolute;
//  display: block;
//  width: 60px;
//  height: 5px;
//  background: #f82249;
//  bottom: 0;
//  left: calc(50% - 25px);
}

.section-header2 h2 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-header2 h3 {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-header2 p {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #9195a2;
}

.section-with-bg {
  background-color: #f6f7fd;
}