/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/




/* ----------------------------------------------------------------
    Font
-----------------------------------------------------------------*/
.font01 {
	font-family: 'M PLUS 1p','Kosugi Maru', sans-serif !important;  /* leadとその上のh1に適用中 */
	color: white;
	font-size: 48px;
	font-weight: 400;
}

h2 { font-family: "M PLUS 1p", sans-serif !important; }


/* ----------------------------------------------------------------
    Background
-----------------------------------------------------------------*/
@media screen and (max-width: 1269.9px) {
	.hero-bg {
		background-size: 90% auto !important;
	}
}

@media screen and (max-width: 991.9px) {
	.hero-bg {
		background-size: 110% auto !important;
	}
}

@media screen and (max-width: 767.9px) {
	.hero-bg {
		background-size: 100% auto !important;
	}
}

@media screen and (max-width: 575.9px) {
	.hero-bg {
		background-size: 116% auto !important;
	}

}

@media screen and (max-width: 349.9px) {
	.hero-bg {
		background-size: 0% auto !important;
	}
}



/* ----------------------------------------------------------------
    Top
-----------------------------------------------------------------*/
.top-title {
	margin-bottom: 3rem;
}


@media screen and (max-width: 1023.9px) {
	.top-title {
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 991.9px) {
	.top-title {
		max-width: 130% !important;
	}
	.top-left {
		padding-top: 0 !important;
	}
}

@media screen and (max-width: 767.9px) {
	.top-title {
		width: 60% !important;
	}
	.slider-inner-padding {
		padding-top: 2rem !important;	
		padding-bottom: 2rem !important;	
	}
}

@media screen and (max-width: 575.9px) {
	.top-title {
		width: 60% !important;
	}
	.top-text {
		font-size: 0.75rem;
		letter-spacing: 1px !important;
	}
}

@media screen and (max-width: 349.9px) {
	.top-title {
		width: 100% !important;
		margin-top: 0.5rem;
	}
	.slider-inner-padding {
		padding-top: 0 !important;	
		padding-bottom: 0 !important;	
	}
	.top-buttons {
		justify-content: start;
	}
}




/* ----------------------------------------------------------------
	Display
-----------------------------------------------------------------*/
@media screen and  (min-width: 1200px) {
	.nodisplay-corse-xl {
		display: none;
	}
}

@media screen and  (max-width: 991.9px) {
	.nodisplay-corse-ms {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.nodisplay {
		display: none;
	}
}

@media screen and (min-width: 426px) {
	.nodisplay-s {
		display: none;
	}
}


/* ----------------------------------------------------------------
	reCAPTCHA v3
-----------------------------------------------------------------*/
/* reCAPTCHA v3 表示位置 */
/* .grecaptcha-badge{
	margin-bottom: 80px !important;
} */


/* ----------------------------------------------------------------
	SNS
-----------------------------------------------------------------*/
.insta_btn2{/*ボタンの下地*/
	color: #FFF;/*文字・アイコン色*/
	border-radius: 8px;/*角丸に*/
	position: relative;
	display: inline-block;
	height: 50px;/*高さ*/
	width: 190px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
	padding: 4px;
	cursor: pointer;
	border: none;
  }
  
  .insta_btn2:before{/*グラデーション②*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;/*全体を覆う*/
	height: 100%;/*全体を覆う*/
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  }
  
  .insta_btn2 .fa-instagram{/*アイコン*/
	font-size: 32px;/*アイコンサイズ*/
	position: relative;
	top: 4px;/*アイコン位置の微調整*/
  }
  
  .insta_btn2 span {/*テキスト*/
	display:inline-block;
	position: relative;
	transition: .5s;
  }