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

body{ font-family: sans-serif ; }
img {
	width: 100%;
	vertical-align: bottom;
	}

section { position: relative;}


/* festival20220319 */
#festival20220319 { position: relative; }
#festival20220319 img { width: 100%; vertical-align: bottom; }
#festival20220319 .pageBk {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: block;
	position: fixed;
	/*margin-top: -130px;*/
	background: url("../img/form20220121page_bk.jpg") no-repeat;
	background-position: -130px 0 0 ;
	background-size: cover;
	z-index: 0;
	/*filter: brightness(80%);*/
	}

#festival20220319 .topContent { position: relative; }
#festival20220319 .topContent h1 { margin: 0; }
#festival20220319 .topContent .inContent01 {
	position: relative;
	width: 100%;
	z-index: 5;
	margin: -53% auto 0;
	}

#festival20220319 .topContent .inContent02 {
	position: relative;
	width: 75%;
	z-index: 10;
	margin: -25% auto 0;
	}

#festival20220319 .topContent .inContent03 {
	position: relative;
	width: 100%;
	z-index: 1;
	margin: -15% auto 0;
	}

#festival20220319 .topContent .inContent04 {
	position: relative;
	width: 95%;
	z-index: 1;
	margin: -5% auto 0;
	}

#festival20220319 .topContent .inContent05 {
	position: relative;
	width: 95%;
	z-index: 1;
	margin: 30px auto ;
	animation: btnAnime 0.5s ease 0s infinite alternate;
	transform-origin:center;
	}

@keyframes btnAnime {
  from {
    transform: scale(0.95,0.95);
  }
  to {
    transform: scale(1,1);
  }
}

#festival20220319 .topContent .inContent06 {
	position: relative;
	width: 95%;
	z-index: 1;
	margin: 0 auto -18px;
	}

#festival20220319 .detail {
	width: 90%;
	position: relative;
	background: rgb(255,255,255,0.75);
	margin: 60px auto 30px;
	padding: 16px;
	border-radius: 12px;
	border: solid 2px #333;
	box-sizing: border-box;
	}

#festival20220319 .detail .txt {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	}

#festival20220319 .detail .title {
	position: absolute;
	top: -36px;
	left: 31%;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 6px 24px;
	background: #333;
	color: #FFF;
	border-radius: 12px 12px 0 0;
	}

#festival20220319 .detail .sub {
	display: block;
	margin: 12px auto;
	padding: 12px;
	font-size: 12px;
	line-height: 18px;
	color:fuchsia;
	border: solid 1px #333;
	box-sizing: border-box;
	border-radius: 12px;
	background: #FFF;
	}

/* LINE BUTTON */
.lineBk {
	position: relative;
	margin: 0 auto 0;
	padding: 6px 0;
	background: #e6b422;
	}

.lineBk::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #e6b422;
	top: -6px;
	}

.lineBk::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #e6b422;
	bottom: -6px;
	}

.line-txt {	
	text-align: center;
	margin: 12px auto 0;
	font-size: 14px;
	letter-spacing: 1px;
	color: #FFF;
	}

.lineBk .txt {
	width: 80%;
	margin: 0 auto 24px;
	font-size: 14px;
	line-height: 24px;
	}

.lineBtn {
	width: 80%;
	display: block;
	margin: 12px auto 18px;
	padding: 12px 0;
	background: #00b900;
	text-align: center;
	border-radius: 12px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	box-shadow: 0 0 10px #FFF,0 0 5px #FFF;
	box-sizing: border-box;
	}

.lineBtn span {
	display: inline-block;
	margin-right: 6px;
	width: 24px;
	}