@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,600&display=swap');

.container{
	width:90% !important;
}

.header-title-top{
	padding-left: 25px;
	padding-right: 25px;
}

/* イメージ画像 */
.text-img{
	width: 100%;
	height: auto;
	padding:10px;
}
.text-img-mini{
	width: 70%;
	height: auto;
	padding:10px;
}

/* フローティングメニュー */
.mail-button-area{
	position: fixed;
	z-index: 2000;	
	left:0;
	bottom: 200px;
}
.fixed-banner{
	width: 60%;
	height: auto;
}
@media(max-width:991px){
	.fixed-banner{
	width: clamp(60px,5vw,140px);
	height: auto;
}
}


/* videoボタン */
.top-padding{
	padding-bottom: 20px;
}


/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
  max-width: 80%;
  /* ここに動画の横幅を指定 */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7%;
  margin-top: 4%;
}

/* 動画を囲うdiv */
.top-video {
  position: relative;
  width: 100%;
  /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height: 0;
  /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%;
  /* 高さを指定(16:9) */ }

/* YouTube埋め込み用のiframe */
.top-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }




/* 詳細・メールへのボタン */
.choose-button{
	display: flex;
	justify-content: center;
}
.my-button{
	margin-right: 20px;
}



/* Contact 調整 */
.padding-bottom{
	padding-bottom: 4rem !important;
}
#contact .mt-5{
	margin-top: 0 !important;
}



/* 中央 */
.center{
	text-align: center;
}



/* Topへ戻る矢印の位置の修正 */
.mdi-arrow-up-bold::before{
	width: 31px;
    height: 26px;
    right: 30px;
	bottom: 20px;
	position: fixed;
}



/* ハンバーガーメニューの色 */
.mdi-menu::before{
	color: #2b292a;
}




/* 文字左よせ */
.text-left{
	text-align: left;
}



/* margin調整 */
.margin-top0{
	margin-top: 0px !important;
}
.margin-top5{
	margin-top: 5px;
}
h5{
	margin-top: 20px;
}



/* リンク色 */
a{
	color: #e33666;
}



/* マーカー */
.marker {
    background:linear-gradient(transparent 60%, #eeff4a 60%);
}



/* 強調 */
.bold{
	font-weight: 500;
}



.none{
	display: none;
}



/* テキスト幅 */
@media(min-width:992px){
	.width{
		width: 75%;
	}
}



/* 送信・videoボタン */
.btn2{
    padding: 16px 28px;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
    transition: all 0.5s ease;
    position: relative;
    box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 57%);
}
.block{
	display: block;
}


/* Remix Icon */
.ri-lg{
	line-height: 2rem;
}