@charset "utf-8";

body {
	font-family: "メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
	font-size: 17px;
	max-width: 100%;
	background-color: #000000;
	/* background-image: url("https://www.transparenttextures.com/patterns/stardust.png"); */
	/* background-image: url(../../../../images/king/dream/dream_bg.png);
	background-position: top center;
	background-size:cover;
	background-attachment: fixed; */
	line-height: 1.8;
}

body::before {
	background-image: url("images/lps/cong/thecomplete/back.jpg");
	background-image: no-repeat;
	background-position: top center;
	background-size: cover;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
}

/*------------------------------------------*/

/* ローディング画面 */
/* ローディングアニメーション */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #397524 #DFE9EB;
}


img {
	border: none;
	width: 100%;
}

a {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0;
}

a:hover {
	color: #0000cd;
}

.mincho {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 300;
}

.mincho4 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
}

0 .lh1 {
	line-height: 1 !important;
}

.lh1_2 {
	line-height: 1.2 !important;
}

.lh1_4 {
	line-height: 1.4 !important;
}

.lh1_6 {
	line-height: 1.6 !important;
}

br {
	display: inline-block;
}

br.spbr {
	display: none;
}

br.pcbr {
	display: inline-block;
}

.width60 {
	width: 60%;
}

/*-------------------------------------------*/

/*-------------------------------------------*/
.fixed_chan {
	position: fixed;
	z-index: 9998;
	bottom: 0;
	right: 5rem;
	width: 20%;
}

.fixed_chan img {
	width: 100%;
	max-width: 200px;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/




/*========= 背景動画設定のCSS ===============*/
#video-area {
	position: absolute;
	/*h1の中央寄せ配置の起点とするためのrelative*/
	z-index: -1;
	/*最背面に設定*/
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

#video {
	/*天地中央配置*/
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*縦横幅指定*/
	width: 177.77777778vh;
	/* 16:9 の幅→16 ÷ 9＝ 177.77% */
	height: 56.25vw;
	/* 16:9の幅 → 9 ÷ 16 = 56.25% */
	min-height: 100%;
	min-width: 100%;
	opacity: .2;
}

.header_sl {
	background: url(../../../../images/lps/cong/thecomplete/back.jpg) bottom no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 1px 0;
	z-index: 3;
	/*animation:headerbg3_anime 2s linear infinite;*/
}


.header_sl_top {
	line-height: 5rem;
	max-width: 1300px;
	margin: 0 auto;
	z-index: 0;
	left: 0;
	right: 0;
	padding: 0 5% 0% 5%;
	color: #ffffff;
	text-shadow: 1px 1px 3px #109852;
}


.header_sl_top p {
	margin-bottom: 0;
}



.header_sl2 {
	background: url(../../../../images/lps/cong/thecomplete/back2.jpg) bottom no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 1px 0;
	z-index: 3;
	/*animation:headerbg3_anime 2s linear infinite;*/
}


.header_sl_top2 {
	line-height: 5rem;
	max-width: 1300px;
	margin: 0 auto;
	z-index: 0;
	left: 0;
	right: 0;
	padding: 0 5% 0% 5%;
	color: #ffffff;
	text-shadow: 1px 1px 3px #109852;
}


.header_sl_top2 p {
	margin-bottom: 0;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
.subbg {
	width: 100%;
	max-width: 780px;
	background: #c22823;
	background-image: url(https://www.transparenttextures.com/patterns/brilliant.png);
	margin: 0 auto 0;
	position: relative;
	z-index: 999;
	padding: 0.8rem;
}

.sub_box {
	background-color: #D52916;
	background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
	margin: 0 auto;
	font-size: 6rem;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 600;
	text-align: center;
	padding: 2.5rem 1rem;
	/*    background:#f5eacf;
	color:#a70c16;*/
	color: #f5eacf;
	/*
	  text-shadow    : 
       5px  5px 10px #c22823,
      -5px  5px 10px #c22823,
       5px -5px 10px #c22823,
      -5px -5px 10px #c22823,
       5px  0px 10px #c22823,
       0px  5px 10px #c22823,
      -5px  0px 10px #c22823,
       0px -5px 10px #c22823;*/
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/**********************************************/

/************************************************/
/**********************************************/
/**********************************************/


/**********************************************/

/**********************************************/

/*-------------------------------------------*/

.content-back {
	max-width: 776px;
	width: 98%;
	margin: 0 auto;
	padding: 1rem 2rem;
	border-left: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
	/* box-shadow: 0 0px 13px 2px #F47A71, 0 0px 5px 4px #FFCAC1; */
	position: relative;
	z-index: 999;
	background: #1d1d1d;
	color: #f4f4f4;
}

.content-back2 {
	max-width: 776px;
	width: 98%;
	margin: 0 auto;
	padding: 1rem 2rem;
	border: 1px solid #929292;
	box-shadow: 0 0 7px 0px #ff443a, 0 0 0px 0px #ffadadb8;
	position: relative;
	z-index: 999;
	background: #1d1d1d;
	color: #f4f4f4;
}

.content-back-cr {
	max-width: 776px;
	width: 98%;
	margin: 0 auto;
	padding: 1rem 2rem;
	position: relative;
	z-index: 999;
	color: #f4f4f4;
}

.main {
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
	position: relative;
	z-index: 4;
}

.main p {
	padding: 2rem 4rem;
}

/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/

.janp_bt2 {
	border: 1px solid #FFF000;
	border-radius: 100px;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 28px;
	font-weight: 800;
	color: #333;
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	padding: 3% 0 5%;
	display: block;
	margin: 0 auto;
	width: 90%;
	text-align: center;
	animation: gradation_text 4s linear infinite;
	box-shadow:
		0px 6px 0px #756408, 0px 3px 6px rgba(0, 0, 0, .4),
		0px 0px 3px rgba(255, 255, 255, .5) inset,
		0px -2px 4px 4px rgba(0, 0, 0, 0.1) inset;
	transition: .5s;
}

.janp_bt2:hover {
	color: #ff2f2f;
	text-shadow: 0 0 3px #fff;
	;
	background: url("../../../../image/member/project_s/ex_kaiseki_all/b2.png") right 20px center no-repeat;
	animation: none;
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	box-shadow:
		0px 0px 0px #756408, 0px 3px 6px rgba(0, 0, 0, .4),
		0px 0px 3px rgba(255, 255, 255, .5) inset,
		0px -2px 4px 4px rgba(0, 0, 0, 0.1) inset;
	transform: translateY(4px);

}


.janp_bt_off {
	border: 1px solid #333;
	border-radius: 100px;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 28px;
	font-weight: 800;
	color: #333;
	background: #13131340;
	padding: 3% 0 5%;
	display: block;
	margin: 0 auto;
	width: 90%;
	text-align: center;
	animation: gradation_text 4s linear infinite;
	box-shadow:
		0px 6px 0px #756408, 0px 3px 6px rgba(0, 0, 0, .4),
		0px 0px 3px rgba(255, 255, 255, .5) inset,
		0px -2px 4px 4px rgba(0, 0, 0, 0.1) inset;
	transition: .5s;
}


/*-------------------------------------------*/

/*-------------------------------------------*/


@keyframes gradation_text {
	to {
		background-position-x: 200%;
	}
}

.hadou0 {
	animation: hadou0 2s linear infinite;
}

@keyframes hadou0 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			2px 2px 5px rgba(255, 226, 66, 0.70),
			-2px 2px 5px rgba(255, 226, 66, 0.70),
			2px -2px 5px rgba(255, 226, 66, 0.70),
			-2px -2px 5px rgba(255, 226, 66, 0.70),
			2ch 0px 5px rgba(255, 226, 66, 0.70),
			0px 2px 5px rgba(255, 226, 66, 0.70),
			-2px 0px 5px rgba(255, 226, 66, 0.70),
			0px -2px 5px rgba(255, 226, 66, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);

	}
}

.hadou1 {
	animation: hadou1 2s linear infinite;
}

@keyframes hadou1 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			5px 5px 10px rgba(0, 255, 255, 0.70),
			-5px 5px 10px rgba(0, 255, 255, 0.70),
			5px -5px 10px rgba(0, 255, 255, 0.70),
			-5px -5px 10px rgba(0, 255, 255, 0.70),
			5px 0px 10px rgba(0, 255, 255, 0.70),
			0px 5px 10px rgba(0, 255, 255, 0.70),
			-5px 0px 10px rgba(0, 255, 255, 0.70),
			0px -5px 10px rgba(0, 255, 255, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou2 {
	animation: hadou2 2s linear infinite;
}

@keyframes hadou2 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			5px 5px 10px rgba(255, 226, 66, 0.70),
			-5px 5px 10px rgba(255, 226, 66, 0.70),
			5px -5px 10px rgba(255, 226, 66, 0.70),
			-5px -5px 10px rgba(255, 226, 66, 0.70),
			5px 0px 10px rgba(255, 226, 66, 0.70),
			0px 5px 10px rgba(255, 226, 66, 0.70),
			-5px 0px 10px rgba(255, 226, 66, 0.70),
			0px -5px 10px rgba(255, 226, 66, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);

	}
}

.hadou3 {
	animation: hadou2 2s linear infinite;
}


.hadou4 {
	animation: hadou4 2s linear infinite;
}

@keyframes hadou4 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			5px 5px 10px rgba(233, 72, 5, 0.70),
			-5px 5px 10px rgba(233, 72, 5, 0.70),
			5px -5px 10px rgba(233, 72, 5, 0.70),
			-5px -5px 10px rgba(233, 72, 5, 0.70),
			5px 0px 10px rgba(233, 72, 5, 0.70),
			0px 5px 10px rgba(233, 72, 5, 0.70),
			-5px 0px 10px rgba(233, 72, 5, 0.70),
			0px -5px 10px rgba(233, 72, 5, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou5 {
	animation: hadou5 2s linear infinite;
}

@keyframes hadou5 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			5px 5px 10px rgba(250, 39, 9, 0.70),
			-5px 5px 10px rgba(250, 39, 9, 0.70),
			5px -5px 10px rgba(250, 39, 9, 0.70),
			-5px -5px 10px rgba(250, 39, 9, 0.70),
			5px 0px 10px rgba(250, 39, 9, 0.70),
			0px 5px 10px rgba(250, 39, 9, 0.70),
			-5px 0px 10px rgba(250, 39, 9, 0.70),
			0px -5px 10px rgba(250, 39, 9, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou6 {
	animation: hadou6 2s linear infinite;
}

@keyframes hadou6 {
	0% {
		text-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		text-shadow:
			5px 5px 10px rgba(255, 240, 165, 0.70),
			-5px 5px 10px rgba(255, 240, 165, 0.70),
			5px -5px 10px rgba(255, 240, 165, 0.70),
			-5px -5px 10px rgba(255, 240, 165, 0.70),
			5px 0px 10px rgba(255, 240, 165, 0.70),
			0px 5px 10px rgba(255, 240, 165, 0.70),
			-5px 0px 10px rgba(255, 240, 165, 0.70),
			0px -5px 10px rgba(255, 240, 165, 0.70);
	}

	100% {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}










/***************************************************/

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/

.youkou_bg {
	background: #f2f2f2;
	width: 100%;
	border: 1px solid #D9D7D7;
	color: #0a0a0a;
}

.youkou_t {
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 0.1rem #8B773E;
	width: 95%;
	color: #0b0b0b;
}

.youkou_t th {
	background: #FEEFC5;
	width: 18%;
	padding: 0.5rem;
	border: solid 0.1rem #8B773E;
	color: #0b0b0b;
	vertical-align: top;
}

.youkou_t td {
	background: #fcfcfc;
	padding: 0.5rem;
	border: solid 0.1rem #8B773E;
}

.youkou_t p {
	padding: 1rem;
	margin: 0;
}

/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/

#footer {
	width: 100%;
	margin: 0px auto 0 auto;
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 5px;
	background: #000000;
	background: url(../../../../image/member/project_s/ex_kaiseki_all/gold.gif) #000 top center repeat-x;
	box-shadow: 0 0 3px 2px #FEE463, 0 0 20px 1px #FFEFA0;
	position: relative;
	z-index: 1100;
}

.top a {
	width: 120px;
	margin: 10px 20px 10px 20px;
	color: #ffffff;
	text-align: center;
}

.top a:hover {
	width: 120px;
	color: #ff4500;
	text-align: center;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
.form_ifm2 {
	width: 100%;
	font-size: 20px;
	padding: 1rem;
}

/*-------------------------------------------*/
button {
	cursor: pointer;
}

/*-------------------------------------------*/
/*-------------------------------------------*/

input[type="radio"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-right: 0.2em;
	cursor: pointer;
}

input[type="radio"]+label {
	width: 80%;
	font-weight: bold;
	cursor: pointer;
	background: #f0f0f0;
	border-radius: 1rem;
	padding: 1rem 1.5rem 1rem 0;
}

input[type="radio"]+label:hover {
	font-weight: bold;
	cursor: pointer;
	background: #fad2a5;
	border-radius: 1rem;
	padding: 1rem 1.5rem 1rem 0;
}


input[type="radio"]:checked.or_btn+label {
	background: #ffa743;
	border-radius: 1rem;
	font-weight: bold;
	padding: 1rem 1.5rem 1rem 0;
}

input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}

/******************* 緑の通常ボタン **************/
.place_button_g {
	display: block;
	width: 90%;
	background: #004808;
	padding: 2.5rem 0;
	margin: 0 auto;
	font-size: 20px;
	color: #1b1800;
	position: relative;
	text-align: center;
	border: 0.5rem outset #035E0E;
	/*background: #F5EA00;*/
	border-radius: 5rem;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.place_button_g:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	border: 0.5rem outset transparent;
	background: linear-gradient(180deg, rgb(241 255 109) 50%, rgb(247 244 94) 53%, rgb(255 227 129) 100%);

}

/******************* 緑の通常ボタン **************/

/******************* オレンジ赤めのボタン **************/
/******************* オレンジ赤めのボタン **************/

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
.wt_box3 {
	margin: 0 auto;
	text-align: left;
	background: #fcfcfc;
	padding: 1rem;
	max-width: 550px;
	border: 0.1rem #555 solid;
}

/*-------------------------------------------*/
.wt_box4 {
	margin: 0 auto;
	text-align: left;
	background: #fcfcfc;
	padding: 0rem;
	border: 0.1rem #555555 solid;
	width: 85%;
	color: #1b1b1b;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/
/* 吹き出し本体 */

/* beforeで三角を表現 */
/* アイコンを左に表示 */

/*-------------------------------------------*/
/* 吹き出し本体 */

/* beforeで三角を表現 */
/* アイコンを左に表示 */

/*-------------------------------------------*/
/*-------------------------------------------*/
/* 吹き出し本体 */

/* beforeで三角を表現 */
/* アイコンを左に表示 */
/*-------------------------------------------*/
/* 吹き出し本体 */

/* beforeで三角を表現 */
/* アイコンを左に表示 */
/*-------------------------------------------*/
/* 吹き出し本体 */

/* beforeで三角を表現 */
/* アイコンを左に表示 */

/* ------------------------------------- */
/*　　　　　　ボックス系　　　　　　　　*/
/* ------------------------------------- */
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
.emo_box3 {
	margin: 0 auto;
	background: #FDE0D4;
	padding: 0.5rem .5rem;
	border: 0.6rem solid #F68F63;
	width: 100%;
	max-width: 700px;
}

.emo_box3 p {
	padding: 1rem 3rem;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
.width_box2 {
	margin: 0 auto;
	width: 100%;
	width: 90%;
}

/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* ------------------------------------- */
/*　　　　　　ボックス系おわり　　　　　　　　*/
/* ------------------------------------- */
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/

/*-------------------------------------------*/
/*　　　　　　声　　　　　　　　*/
/* ------------------------------------- */
/*-------------------------------------------*/
/*　　　　　　声　おわり　　　　　　　*/
/* ------------------------------------- */
/*  ----------ローディング-------------- */
/*  ----------ローディング-------------- */
/* ------------------------------------- */
/* ------------------------------------- */
/*-------------------------------------------*/





/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/


.top-of-title {
	width: 20%;
}

.fv_tx {
	font-size: 4rem;
	font-weight: bold;
}

.subhead {
	max-width: 776px;
	width: 100%;
	margin: 1rem auto 0 auto;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
	font-size: 5rem;
	text-align: center;
	background-size: cover;
	padding: 0;
}

.subhead p {
	margin-bottom: 0;
}

.yel {
	color: #f9ff00;
	text-shadow: 3px 0px 10px #454700;
}

.grn {
	color: #58ff4e;
	text-shadow: 3px 0px 10px #454700;
}

.pple {
	color: #ff42f8;
	text-shadow: 3px 0px 10px #454700;
}

p {
	margin-bottom: 3rem;
	font-family: 'BIZ UDPGothic', sans-serif;
}

.despairs {
	background-image: url("../../../images/perf_rev/lp/despair_bg.png");
	background-size: cover;
	padding: 1rem;
	line-height: 2rem;
	vertical-align: middle;
	text-shadow: 2px 2px 3px #000000;
	border: 3px solid #004808;
	color: #ffffff;
}


.ohtani {
	width: 40%;
	margin: 0 auto;
}

.ifr_com_bg99 {
	border: none;
	width: 100%;
	height: 740px;
	;
	margin: 2rem auto 1rem auto;
	display: block;
	max-width: 1000px;
	background-color: rgba(10, 10, 10, 0.9);
	background-image: url(https://www.transparenttextures.com/patterns/black-twill.png);
}


.grnbdb {
	border-bottom: 3px solid #109874;
}


.hadou2 {
	animation: hadou2 2s linear infinite;
}


.img_res {
	width: 80%;
	margin: 0 auto;
}

.img_res02 {
	width: 50%;
	margin: 0 auto;
}


.markbg {
	display: inline;
	background-color: #b30a01;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: .2em .3rem;
}



.tr_by {
	background: #ffff33;
	color: #ff0033;
	padding: 0 10px;
}

.tr_by2 {
	background: #ffff33;
	color: #ff0033;
	padding: 15px 10px 0;
}

.tb_by {
	background: #ffff33;
	color: #101010;
	padding: 0 10px;
}

.tb_by2 {
	background: #ffff33;
	color: #101010;
	padding: 15px 10px 0;
}

.to_bg {
	background: #2e2e2e;
	color: #ff7300;
	padding: 0 10px;
}

.under-wt {
	padding: 20px 0;
	text-shadow: 2px 2px 0px #000, 2px 2px 3px #000, -1px -1px 2px #8d8d8d;
}

.under_emp {
	background: linear-gradient(transparent 60%, #FF2626 100%);
	padding: 0 10px;
	text-shadow: 2px 2px 0px #000;
}

.under-grn {
	border-bottom: 2px solid #00A99D;
}

.back-grn {
	background: #00A99D;
	padding: .2vw 1vw;
}



.blk_green {
	font-size: 2rem;
	text-align: center;
	line-height: 5rem;
	font-weight: 900;
	color: #000;
	text-shadow: 0 0 0.05em #a1ff9d;
}

.green_bg {
	width: 90%;
	padding: 2rem;
	font-weight: bold;
	margin: 0 auto;
	color: #0f0f0f;
	border-radius: 10px;
	border: 3px solid #463000;
	background: rgb(255, 239, 109);
	background: linear-gradient(180deg, rgb(109 255 117) 50%, rgb(92 255 91) 53%, rgb(147 255 129) 100%);
}

.yel_bg {
	width: 90%;
	padding: 2rem;
	font-weight: bold;
	margin: 0 auto;
	color: #0f0f0f;
	border-radius: 10px;
	border: 3px solid #463000;
	background: rgb(255, 239, 109);
	background: linear-gradient(180deg, rgb(254 252 172) 50%, rgb(252 249 144) 53%, rgb(247 255 142) 100%);
}

.subcontents_green {
	width: 90%;
	margin: 5rem auto;
	color: #0f0f0f;
	border-radius: 2px;
	border: 2px ridge #747474;
	background: url(../../../images/perf_rev/lp/green-bg.png) center/cover;
	background-color: #0a0a0af5;
	max-width: 3000px;
}

.bg_dark_sks {
	background-color: rgba(0, 0, 0, 0.8);
	margin: 1rem;
	padding: 2rem;
	color: #fafafa;
	border-radius: 15px;
}

.blk_gld {
	font-size: 3.5rem;
	text-align: center;
	line-height: 5rem;
	font-weight: 900;
	color: #000;
	text-shadow: 3px 4px 1rem #fffba4;
}

.gld_bg {
	width: 95%;
	padding: 3rem;
	font-weight: bold;
	margin: 2rem auto;
	color: #0f0f0f;
	border-radius: 10px;
	border: 3px solid #463000;
	background: rgb(255, 239, 109);
	background: linear-gradient(180deg, rgb(241 255 109) 50%, rgb(247 244 94) 53%, rgb(255 227 129) 100%);
}

.redgld {
	color: #ff0000;
	text-shadow: 5px 2px 5px #f7ffc7;
}


.tokuten {
	border: 1px solid #fafafa;
	margin: 1rem;
	background: url(../../../images/perf_rev/lp/green_par_bg.png) center/cover;

}


.subheadnex {
	width: 95%;
	padding: 3rem;
	font-weight: bold;
	margin: 2rem auto;
	color: #fafafa;
	border-radius: 10px;
	border: 3px solid #42ff0c;
	background: rgb(255, 239, 109);
	background: url(../../../images/perf_rev/lp/subhead-nex.png) center/cover;
	text-align: center;
	font-size: 6rem;
	text-shadow: 5px 2px 7px #24750d;
	font-family: 'Noto Serif JP', sans-serif;
}

.subheadnex p {
	margin: 0;
}




table,
td,
th {
	border: 1px solid #595959;
	border-collapse: collapse;
}

td,
th {
	width: 100%;
}

th {
	background: #f0e6cc;
}



form {
	color: #1a1a1a;
}


.bg-light {
	background: url(../../../images/perf_rev/lp/txt-light.png) center/contain;
	background-repeat: no-repeat;

}

.sironuki_red {
	color: "#fafafa";
	text-shadow: 2px 2px 5px #db3102, -2px 2px 5px #db3102, 2px -2px 5px #db3102, -2px -2px 5px #db3102, 2px 0px 5px #db3102, 0px 2px 5px #db3102, -2px 0px 5px #db3102, 0px -2px 5px #db3102;
}

.sironuki_yel {
	color: "#fafafa";
	text-shadow: 2px 2px 7px #fff83c, -2px 2px 7px #fff83c, 2px -2px 7px #fff83c, -2px -2px 7px #fff83c, 2px 0px 7px #fff83c, 0px 2px 7px #fff83c, -2px 0px 7px #fff83c, 0px -2px 7px #fff83c;
}

.sironuki_grn {
	color: "#fafafa";
	text-shadow: 2px 2px 7px #09b030, -2px 2px 7px #09b030, 2px -2px 7px #09b030, -2px -2px 7px #09b030, 2px 0px 7px #09b030, 0px 2px 7px #09b030, -2px 0px 7px #09b030, 0px -2px 7px #09b030;
}




/***********************************************
page_contents_freecontents_area
***********************************************/

.select_race_frame {
	width: 90%;
	margin: 20px auto;
	padding: 0.5rem;
	text-align: center;
	background: #1A1A1A;
}

.select_race_frame_gird {
	display: grid;
	grid-template-columns: 0.4fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 0.2rem 0;
}

.select_day {
	width: 95%;
	background: #121212;
	color: #FFF;
	margin: 30px auto 0;
	padding: 1rem 0;
	margin-bottom: 0.2rem;
	text-align: center;
}

.select_day span {
	font-size: 3rem;
	font-weight: bold;
}

.select_race {
	background: linear-gradient(134deg, #ffffff 0%, #dcd9d9 100%);
	color: #1a1a1a;
	padding: .8rem 0;
	margin-bottom: 1rem;
	border-radius: 100px;
}

.select_race span {
	font-size: 2.4rem;
	font-weight: bold;
}

.select_3plan_1 {
	background: linear-gradient(0deg, #53D553 0%, #97E597 100%);
	box-shadow: 0px 0px 1px 1px #006837 inset;
	color: #242424;
	font-weight: bold;
	display: table;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	height: 100%;
	border-radius: 10px;
}

.select_3plan_1 span {
	display: table-cell;
	vertical-align: middle;
}

.select_3plan_1_number {
	background: linear-gradient(0deg, #d3d3d3 0%, #f6f6f6 100%);
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	padding: .5rem;
	margin: 0px 9px;
	border-radius: 10px;
	margin-bottom: 0;
}

.select_3plan_2 {
	background: linear-gradient(0deg, #009984 0%, #14EA84 100%);
	box-shadow: 0px 0px 1px 1px #005068 inset;
	color: #242424;
	font-weight: bold;
	display: table;
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	height: 100%;
	border-radius: 10px;
}

.select_3plan_2 span {
	display: table-cell;
	vertical-align: middle;
}

.select_3plan_2_number {
	background: linear-gradient(0deg, #d3d3d3 0%, #f6f6f6 100%);
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	padding: .5rem;
	margin: 0px 9px;
	border-radius: 10px;
	margin-bottom: 0;
}

.select_3plan_3 {
	background: linear-gradient(0deg, #ED1E79 0%, #CA7085 100%);
	box-shadow: 0px 0px 1px 1px #680047 inset;
	color: #242424;
	font-weight: bold;
	display: table;
	grid-row: 3 / 4;
	grid-column: 1 / 2;
	height: 100%;
	border-radius: 10px;
}

.select_3plan_3 span {
	display: table-cell;
	vertical-align: middle;
}

.select_3plan_3_number {
	background: linear-gradient(0deg, #d3d3d3 0%, #f6f6f6 100%);
	grid-row: 3/ 4;
	grid-column: 2 / 3;
	padding: .5rem;
	margin: 0px 9px;
	border-radius: 10px;
}

.select_number_gird {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 0.3rem;
	padding: 0 0.3rem;
}

.select_number_gird p {
	color: #000;
	padding: 0.5rem 0;
	display: table;
	margin-bottom: 0;
	font-size: 1.7rem;
}

.select_number_gird p span {
	display: table-cell;
	vertical-align: middle;
}

.select_number_gird p.freehit3 {
	background: linear-gradient(148deg, #FEEB6A 0%, #FED636 30%, #ffe58a 55%, #FBC822 70%, #E17F02 100%);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	color: #4E342E;
	font-weight: bold;
	font-size: 1.7rem;
	border-radius: 10px;
	margin-bottom: 0;
}

.select_number_gird p.freehit5 {
	background: #FFEB3B;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	color: #212121;
	font-weight: bold;
	font-size: 1.7rem;
	border-radius: 10px;
	margin-bottom: 0;
}

.select_number_none {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.3rem;
	padding: 0 0.3rem;
}

.select_number_none p {
	text-align: left;
	color: #000;
	padding: 0.5rem 1rem;
	display: table;
	margin-bottom: 0;
}

.select_number_none p span {
	display: table-cell;
	vertical-align: middle;
}

.select_race_frame_hit {
	width: 100%;
	background: linear-gradient(176deg, #4e4e4e 0%, #1a1a1a 100%);
	/* background-image: url("https://www.transparenttextures.com/patterns/fake-brick.png"); */
	margin: 0.3rem auto;
	padding: 0.5rem 0;
	text-align: center;
}

.select_race_frame_hit {
	color: #FFF;
	font-weight: bold;
	font-size: 1.6rem;
	box-shadow: 0px 0px 0px 3px #009984 inset;
}

.frame_hit_toptext {
	color: #f8f8f8;
	font-weight: bold;
	font-size: 1.6rem;
}

.result_title {
	background: #009984;
	padding: 0.2rem 1rem;
	border-radius: 33px;
	font-weight: 100;
}

.hit_text_yellow {
	color: #FFFF00;
	font-weight: bold;
	font-size: 3rem;
}




/***********************************************
page_contents_freecontents_area9
***********************************************/

.select_race_frame9 {
	width: 99%;
	margin: 20px auto;
	padding: 0.5rem;
	text-align: center;
	background: #1A1A1A;
}

.select_race_frame_gird9 {
	display: grid;
	grid-template-columns: 0.35fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0.2rem 0;
}

.select_day9 {
	/* background: #121212; */
	color: #009984;
	margin: 30px auto 0;
	padding: 0.3rem 0;
	margin-bottom: 0.2rem;
	width: 90%;
}

.select_day9 span {
	font-size: 2rem;
	font-weight: bold;
}

.select_3plan_19 {
	background: linear-gradient(0deg, #be32bd 0%, #fa9cf8 100%);
	box-shadow: 0px 0px 1px 1px #006837 inset;
	color: #242424;
	font-weight: bold;
	display: table;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	height: 100%;
	border-radius: 10px;
}

.select_3plan_19 span {
	display: table-cell;
	vertical-align: middle;
}

.select_3plan_1_number9 {
	background: linear-gradient(0deg, #d3d3d3 0%, #f6f6f6 100%);
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	padding: 0.3rem 0;
	margin: 0px 9px;
	border-radius: 10px;
}

.select_3plan_29 {
	background: linear-gradient(0deg, #009984 0%, #14EA84 100%);
	box-shadow: 0px 0px 1px 1px #005068 inset;
	color: #242424;
	font-weight: bold;
	display: table;
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	height: 100%;
	border-radius: 10px;
}

.select_3plan_29 span {
	display: table-cell;
	vertical-align: middle;
}

.select_3plan_2_number9 {
	background: linear-gradient(0deg, #d3d3d3 0%, #f6f6f6 100%);
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	padding: 0.3rem 0;
	margin: 0px 9px;
	border-radius: 10px;
}

.select_number_gird9 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 0.3rem;
	padding: 0 0.3rem;
	font-size: 2rem;
	color: #2b2b2b;
}


.select_number_gird9 p {
	padding: 0.5rem 0;
	display: table;
	margin: 0 auto;
}

.select_number_gird9 p span {
	display: table-cell;
	vertical-align: middle;
}

.triangle-bottom9 {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 80px 0 80px;
	border-color: #fadf33 transparent transparent transparent;
}

.hit9 {
	/* background: linear-gradient(148deg,#FEEB6A 0%, #FED636 30%, #ffe58a 55%, #FBC822 70%, #E17F02 100%); */
	font-weight: bold;
	color: #ff0000;
}

.subhead2 {
	max-width: 776px;
	width: 98%;
	margin: 1rem auto 0 auto;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
	font-size: 5rem;
	text-align: center;
	background-image: url("../../../images/perf_rev/lp/lux.jpeg");
	/* background:#1a1a1a; */
	background-size: cover;
	padding: 2rem 0;
	border: 3px solid #dddd4f;
	color: #fafafa;
}

.tuika_t {
	line-height: 6rem;
	font-size: 3rem;
	margin: -2rem auto;
}

.tuika_te {
	font-size: 6rem;
	color: #000000;
	line-height: 9rem;
}

.dark-bg {
	background: #000000df;
	width: 80%;
	margin: 0 auto;
}

.arrow_box {
	position: relative;
	width: 87%;
	height: auto;
	background: #E6E6E6;
	padding: 2rem 1rem;
	text-align: left;
	color: #333333;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 5rem auto;
	vertical-align: middle;
	font-size: 2rem;
}

.arrow_box:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(230, 230, 230, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 20px;
	border-right-width: 20px;
	margin-top: -10px;
	border-right-color: #E6E6E6;
	right: 100%;
	top: 30%;
}

body {
	background: #1a1a1a;
}

/*--------流れるコメント用------------*/
.waku2 {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
}

.fvhd_gold_sectioner {
	background-image: url("../../../../images/perf_rev/comment/goldbackbgs.jpeg");
	background-size: cover;
	border: 2px solid #fbdf93;
	max-width: 800px;
	margin-bottom: 1rem;
}

.place1_link_com_bg {
	width: 95%;
	margin: 0 auto;
	border: 1px solid #eee;
	height: 219px;
	overflow: hidden;
	overflow-y: scroll;
	transform: translateZ(0);
}

.place1_link_com_bg.bigss {
	width: 100%;
	margin: 2rem auto 0px;
	height: 400px;
	background: #000105;
}

.mx_place1_com_list {
	border-bottom: 1px solid #FFF;
	padding: 10px;
	width: 100%;
}

.place1_link_com_bg.bigss .mx_place1_com_name {
	font-size: 16px;
	color: #F4EF42;
	font-weight: bold;
	padding: 3px;
}

.place1_link_com_bg.bigss .mx_place1_com_text {
	font-size: 16px;
	color: #FFF;
	padding: 3px;
}


/*--------流れるコメント用ここまで------------*/
.main-comment-form {
	padding: 1rem;
	width: 100%;
	margin: 0 auto 5rem;
	background: linear-gradient(to bottom, #4c4c4c 0%, #474747 18%, #1c1c1c 60%, #131313 100%);
}

.main-comment-form {
	padding: 1rem;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}

.main-comm-title {
	font-size: 3rem;
	line-height: 4rem;
}


h1 {
	background: #A9894B;
	color: #fafafa;
	padding: 1rem;
	margin: 1rem;
	border-radius: 10px;
	box-shadow: 0 1px 5px 0px rgba(10, 10, 10, .15);
}

h2 {
	background: #d53000;
	color: #fafafa;
	padding: 1rem;
	margin: 1rem;
	border-radius: 10px;
	box-shadow: 0 1px 5px 0px rgba(10, 10, 10, .15);
}

.serif {
	font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
}

textarea {
	resize: none;
	width: 100%;
	height: 200px;
}

form {
	width: 100%;
	margin: auto;
	/* background: #ebebeb; */
	background: #ffc478;
	border-radius: 5px;
	padding: 1.5rem;
	box-shadow: 0 1px 5px 0px rgba(10, 10, 10, .15);
}

form p {
	font-weight: bold;
}

.comm-form-explain {
	width: 80%;
	margin: 1rem auto;
	padding: 1rem;
	font-size: 1.5rem;
	background-color: #fee4aa;
}

.comm-form-explain2 {
	width: 80%;
	margin: 1rem auto;
	padding: 1rem;
	font-size: 1.5rem;
	background-color: #f6f6f6;
}

.comm-form-title {
	padding: 1px 8px;
}

.mail-box {
	width: 80%;
	margin: 0 auto;
}

a {
	color: #353535 !important;
}


.button-004 {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 250px; */
	width: 450px;
	margin: 1rem auto;
	padding: .9em 2em;
	border: none;
	border-bottom: solid 5px #5a4d31;
	border-radius: 5px;
	background-color: #ffbd31;
	color: #353535;
	font-weight: 600;
	font-size: 1em;
	transition: .5s ease;
	transform: translateY(-3px);
}

.button-004:hover {
	transform: translateY(0px);
	border-bottom: solid 1px #5a4d31;
	background-color: #fee4aa;
	color: #171717 !important;
	text-decoration: none;
}

.button-005 {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 250px; */
	width: 450px;
	margin: 1rem auto;
	padding: .9em 2em;
	border: none;
	border-bottom: solid 5px #0d5100;
	border-radius: 15px;
	background-color: #1eb900;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.3em;
	transition: .5s ease;
	transform: translateY(-3px);
}

.button-005:hover {
	transform: translateY(0px);
	border-bottom: solid 1px #5a4d31;
	background-color: #63ff44;
	color: #373737 !important;
	text-decoration: none;
}


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

@media screen and (max-width:768px) {
	.pc {
		display: none;
	}

	.main-comment-form {
		padding: 1rem;
		min-width: 95%;
	}

	form {
		width: 95%;
	}

	.comm-form-explain {
		font-size: 1rem;
		width: 95%;
	}

	.button-004 {
		width: 80%;
	}

	.button-005 {
		width: 80%;
	}

}


.boxoffice {
	background-image: url("../../../../images/perf_rev/service/backlight.png");
	background-position: center;
	background-size: 47%;
	background-repeat: no-repeat;
	width: 80%;
	font-size: 5rem;
	font-weight: bold;
	color: #fafafa;
	margin: 0 auto;
}



.mincho {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 300;
}

.mincho4 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
}


.buzz-box {
	position: relative;
	background: #f4f4f4;
	background: rgb(255, 215, 44);
	background: linear-gradient(146deg, rgba(255, 215, 44, 1) 0%, rgba(255, 248, 154, 1) 42%, rgba(255, 247, 171, 1) 55%, rgba(250, 218, 22, 1) 100%);
	padding: 1rem;
	line-height: 1.4;
	padding: 2rem 0;
	width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-weight: 900;
	font-family: 'Noto Serif JP', sans-serif;
	color: #000;

}

.art-result {
	font-size: 2em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fee9a0c2, -5px -2px 12px #daaf08ab, 5px 0px 16px #b67b039e, 0px 2px 11px #fee9a0, -5px 0px 14px #fee9a0b3, 0px -2px 3px #b67b03de;
	color: #ffffff;
	margin-bottom: 5px;
}

/* 実績 */
.art-container {
	width: 100%;
	max-width: 680px;
	margin: 3rem auto;
	background-color: #090909;
	color: #fefefe;
	text-align: center;
	border-radius: 10px;
	padding: 2vw;
	line-height: 1.5;
	box-shadow: 1px -2px 14px 3px rgb(255, 137, 80);
	background-image: url("../../../../images/lps/cong/thecomplete/back.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.art-container_re {
	width: 100%;
	max-width: 680px;
	margin: 3rem auto;
	background-color: #090909;
	color: #fefefe;
	text-align: center;
	border-radius: 10px;
	padding: 2vw;
	line-height: 1.5;
	box-shadow: 1px -2px 14px 3px rgb(255, 131, 131);
	background-image: url("../../../../images/project/cb/achieve/arc_re.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.art {
	border-bottom: 1px solid #ddd;
	/* padding-bottom: 10px; */
	margin-bottom: 10px;
}

.art p:first-child {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}

.art p:nth-child(2) {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1rem;
}

.art p:nth-child(3) {
	font-size: 1.1em;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

.art p:nth-child(4) {
	font-size: 1em;
	margin-bottom: 5px;
}

.art p:nth-child(5) {
	font-size: 1em;
	margin-bottom: 0;
}

.art p:nth-child(6) {
	font-size: 2em;
	color: #fdfdfd;
	margin-bottom: 2rem;
}

.art p:nth-child(7) {
	font-size: 3em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fee9a0c2, -5px -2px 12px #daaf08ab, 5px 0px 16px #b67b039e, 0px 2px 11px #fee9a0, -5px 0px 14px #fee9a0b3, 0px -2px 3px #b67b03de;
	color: #ffffff;
	margin-bottom: 5px;
	background-image: url("../../../../images/project/cb/achieve/backlight.png");
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
}

.art-container_re>.art p:nth-child(7) {
	font-size: 3em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fea0a0c2, -5px -2px 12px #da0808ab, 5px 0px 16px #b603039e, 0px 2px 11px #fea0a0, -5px 0px 14px #fea0a0b3, 0px -2px 3px #b60303de;
	color: #ffffff;
	margin-bottom: 5px;
	animation-name: resFlash;
	animation-fill-mode: backwards;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 70%);
}

@keyframes resFlash {
	0% {
		filter: saturate(100%);
	}

	50% {
		filter: saturate(300%);
	}

	100% {
		filter: saturate(100%);
	}
}

.art-result {
	font-size: 2em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fee9a0c2, -5px -2px 12px #daaf08ab, 5px 0px 16px #b67b039e, 0px 2px 11px #fee9a0, -5px 0px 14px #fee9a0b3, 0px -2px 3px #b67b03de;
	color: #ffffff;
	margin-bottom: 5px;
}


.green-lights {
	text-shadow:
		5px 3px 6px #00ffffb3,
		-5px 3px 6px #00ffffb3,
		5px -3px 6px #00A99D,
		-5px -3px 6px #00A99D,
		5px 0px 6px #00A99D,
		0px 3px 6px #00A99D,
		-5px 0px 6px #00A99D,
		0px -3px 6px #00A99D;
}

.balloon {
	margin: 3rem auto 0;
	width: 80%;
	position: relative;
	padding: 20px;
	background-color: #03878b;
	border-radius: 10px;
	box-shadow: 6px 6px 5px 0px #000109;
	color: #e3fffb;
}

.balloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 27px;
	bottom: -18px;
	border-top: 15px solid #000109;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.balloon::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 15px solid #03878b;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.balloon_min {
	margin: 3rem auto 0;
	width: 80%;
	position: relative;
	padding: 20px;
	background-color: #00608d;
	border-radius: 10px;
	box-shadow: 6px 6px 5px 0px #000109;
	color: #dff0ff;
}

.balloon_min::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 27px;
	bottom: -18px;
	border-top: 15px solid #000109;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.balloon_min::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 15px solid #00608d;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.rule-midasi {
	border: 2px solid #adadad;
	border-radius: 15px;
	padding: 1vw 1vw;
	margin: 2rem auto;
}

.rule-midasi {
	width: 90%;
	margin: 0 auto;
	background: linear-gradient(123deg, #2eb2a3, #86d65c);
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.rule-midasi .sab {
	font-family: "Noto Sans JP", sans-serif;
	color: #333;
	font-size: 1.8rem;
	background: linear-gradient(90deg, #00A99D 0%, #079188 90% 100%);
	border: 1px solid #00A99D;
	text-shadow: 1px 1px 3px #1b1b1b;
	color: #fafafa;
	border-radius: 10px;
	padding: 1vw;
}

.rule-midasi p {
	line-height: 1.6;
}

.note {
	background-color: #f9f9f9;
	color: #666;
	padding: 10px;
	border-radius: 4px;
	margin-top: 20px;
}

.rule-number {
	font-size: 1em;
	color: #00A99D;
}



.point-date {
	max-width: 600px;
	margin: 0 auto;
}

.point-date ul {
	list-style-type: none;
	padding: 0;
}

.point-date li {
	border-bottom: 1px solid #ddd;
	padding: 6px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.point-date .date {
	font-weight: bold;
	width: 30%;
	color: #666;
	text-align: center;
}

.point-date .day {
	color: #f7f7f7;
	width: 15%;
	padding: 0vw 1vw;
	background: #00a99D;
	border-radius: 23px;
	text-align: center;
}

.points {
	font-weight: bold;
	color: #002724;
	width: 40%;
	font-size: 2rem;
	background: #d6ee10;
	text-align: center;
	text-shadow: 2px 1px 0px #ffffff;

}

.goldentxt {
	display: inline-block;
	font-size: 28px;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	margin: 0 auto 5%;
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.next-cont {
	background: linear-gradient(45deg, #00A99D 0%, #15c4b8 90% 100%);
	padding: 1vw;
	border: 1px solid #00A99D;
	border-radius: 15px;
	margin: 1rem auto;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 3px #1b1b1b;
}

.exp {
	width: 95%;
	margin: 0 auto;
}


a.btn_07 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin: 3rem auto;
	padding: 3rem 4rem;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 2px solid #818181;
	background: #f82323;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn_07:hover {
	color: #fff;
	background: #960707;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}

#wrapper {
	background: url('../../../../images/lps/cong/thecomplete/all_back.jpg');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

@media screen and (max-width: 540px) {
	#wrapper {
		/*background: url('../../../../images/project/cb/achieve/sion_bg_sp.png');
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;*/
	}
}

.head_wrap {
	box-shadow: 1px 1px 18px 5px #000;
	width: 100%;
	background: url('../../../../images/project/cb/achieve/noise.png'), linear-gradient(0deg, rgba(85, 85, 85, 0.3), rgba(0, 0, 0, 0.3));
	background-repeat: repeat;
}

.head_img {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 690px;
}

@media screen and (max-width: 1200px) {
	.head_img {
		height: 57vw;
	}
}

@media screen and (max-width: 768px) {
	.head_img {
		height: 104vw;
	}

}

.head_img>img {
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.fv_back {
	mix-blend-mode: plus-lighter;
	filter: brightness(100%);
	animation-name: fvBack;
	animation-fill-mode: backwards;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@keyframes fvBack {
	0% {
		filter: brightness(100%);
	}

	50% {
		filter: brightness(200%);
	}

	100% {
		filter: brightness(100%);
	}
}

.voice_title {
	width: 96%;
	margin: 2% auto;
	background: #f1f1f1;
	border-radius: 12px;
	padding: 20px 0;
	color: #111;
}

.voice_contents {
	text-align: start;
	background: #000000ed;
	padding: 2%;
}

.art>span {
	padding: 100px 0;
}

.logo_flash {
	animation-name: logoFlash;
	animation-fill-mode: backwards;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 70%);
}

@keyframes logoFlash {
	0% {
		filter: saturate(100%);
	}

	50% {
		filter: saturate(300%);
	}

	100% {
		filter: saturate(100%);
	}
}

.tr_by {
	background: #ffff33;
	color: #ff0033;
	padding: 0 10px;
}

.tb_by {
	background: #ffff33;
	color: #101010;
	padding: 0 10px;
}

.to_bg {
	background: #2e2e2e;
	color: #ff7300;
	padding: 0 10px;
}

.tl_by {
	background: #101010;
	color: #ffff33;
	padding: 0 10px;
}


.line_w {
	border-bottom: solid 3px #fdfdfd;
}

.select_res_wrap {
	border: solid 2px #666;
	box-shadow: 0px 0px 6px #fff;
	;
}

.select_syu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.select_item {
	width: calc(100% / 3);
	text-align: center;
	padding: 6px 0;
	border: solid 1px #aaa;
}

.select_item_all {
	width: 100%;
	text-align: center;
	padding: 12px 0;
	border: solid 1px #aaa;
}

.schedule_item {
	width: 60%;
	text-align: center;
	padding: 6px 0;
	border: solid 1px #aaa;
	background-image: linear-gradient(-40deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));
}

.schedule_item2 {
	width: 40%;
	text-align: center;
	padding: 6px 0;
	border: solid 1px #aaa;
}

.wrn {
	border-top: dotted 6px #ff0033;
	border-bottom: dotted 6px #ff0033;
	padding: 20px 0;
}

.wrn_y {
	border-top: dotted 6px #ffff33;
	border-bottom: dotted 6px #ffff33;
	padding: 20px 0;
}

.kachi_gumi {
	position: relative;
	padding: 2rem 0px;
	border: 4px solid #c21500;
	border-image: linear-gradient(120deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%, rgba(154, 39, 238, 1) 68%, rgba(35, 102, 247, 1) 90%);
	border-image-slice: 1;
	background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
	color: #111;
	text-shadow: 1px 1px 2px #656565;
}

.kachi_gumi:before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	content: '';
	border: 4px dotted #3d3d3d;
}




.balloon_r>p,
.balloon_l>p {
	margin-bottom: initial;
}

.balloon_r {
	position: relative;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px;
	border-radius: 10px;
	width: 100%;
	background: #f6f6f6;
	border: solid 3px #333;
	color: #111;
	box-sizing: border-box;
}

.balloon_r:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}

.balloon_r:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #333;
	z-index: 1;
}

.balloon_l {
	position: relative;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px;
	border-radius: 10px;
	width: 100%;
	background: #232323;
	border: solid 3px #f6f6f6;
	color: #eee;
	box-sizing: border-box;
}

.balloon_l:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #f6f6f6;
	z-index: 2;
}

.balloon_l:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #f6f6f6;
	z-index: 1;
}


.result1 {
	background: url(../../../images/grab_gf/head_frame2.png) no-repeat top center/100% 100%;
	/* background-size:100%; */
	padding: 2.7rem 2rem;
}

.bg_result1 {
	background: rgb(255, 232, 184);
	background: linear-gradient(146deg, rgb(255 242 214) 0%, rgb(255 250 232) 42%, rgb(255 253 237) 55%, rgba(255, 232, 184, 1) 100%);
}

.result2 {
	background: url(../../../images/grab_gf/head_frame2.png) no-repeat top center/100% 100%;
	/* background-size:100%; */
	padding: 3.2rem 2rem;

}


.bg_red_kimura {
	width: 100%;
	border: 1px solid #FFF;
	background: #242424;
	padding: 2rem 1rem;
}



.hadou_box1 {
	animation: hadou_box1 2s linear infinite;
}

@keyframes hadou_box1 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			5px 5px 10px rgba(0, 255, 255, 0.3),
			-5px 5px 10px rgba(0, 255, 255, 0.3),
			5px -5px 10px rgba(0, 255, 255, 0.3),
			-5px -5px 10px rgba(0, 255, 255, 0.3),
			5px 0px 10px rgba(0, 255, 255, 0.3),
			0px 5px 10px rgba(0, 255, 255, 0.3),
			-5px 0px 10px rgba(0, 255, 255, 0.3),
			0px -5px 10px rgba(0, 255, 255, 0.3);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}


.hadou_box2 {
	animation: hadou_box2 2s linear infinite;
}

@keyframes hadou_box2 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			0 30px 20px rgba(0, 255, 255, 0.8);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou_box3 {
	animation: hadou_box3 2s linear infinite;
}

@keyframes hadou_box3 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			0 0 20px rgba(225, 0, 26, 1);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou_box4 {
	animation: hadou_box4 2s linear infinite;
}

@keyframes hadou_box4 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			5px 5px 10px rgba(255, 255, 0, 0.3),
			-5px 5px 10px rgba(255, 255, 0, 0.3),
			5px -5px 10px rgba(255, 255, 0, 0.3),
			-5px -5px 10px rgba(255, 255, 0, 0.3),
			5px 0px 10px rgba(255, 255, 0, 0.3),
			0px 5px 10px rgba(255, 255, 0, 0.3),
			-5px 0px 10px rgba(255, 255, 0, 0.3),
			0px -5px 10px rgba(255, 255, 0, 0.3);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}


.hatena_box6 {
	background: #FFF5DB;
	border: 0.6rem solid #FFDF90;
	padding: 0.5rem 1rem;
	width: 90%;
	margin: 0 auto;
}

.hatena_box6 p {
	color: #000000;
	line-height: 1.6;
	padding: 0rem 1rem;
}


.gradation_box1 {
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	animation: gradation_text 4s linear infinite;
}

.gradation_box2 {
	background: linear-gradient(to right, #FFE800 0%, #F38000 25%, #ffe500 50%, #FFFFFF 60%, #f9ef93 75%, #FFE800 100%) 0% center / 200% auto;
	animation: gradation_text 4s linear infinite;
}

.gradation_text1 {
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text2 {
	background: linear-gradient(to right, #FFFFFF 0%, #EEEEEE 25%, #999999 50%, #EEEEEE 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text3 {
	background: linear-gradient(to right, rgba(217, 217, 217, 1) 0%, rgba(157, 220, 220, 1) 10%, rgba(207, 207, 207, 1) 23%, rgba(75, 224, 224, 1) 51%, rgba(193, 193, 193, 1) 61%, rgba(138, 231, 231, 1) 71%, rgba(211, 213, 213, 1) 83%, rgba(228, 226, 225, 1) 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text4 {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(186, 186, 186, 1) 14%, rgba(255, 255, 255, 1) 32%, rgba(156, 156, 156, 1) 41%, rgba(235, 235, 235, 1) 52%, rgba(255, 255, 255, 1) 68%, rgba(173, 173, 173, 1) 85%, rgba(255, 255, 255, 1) 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text5 {
	background: linear-gradient(to right, #82defe 16.6%, #fe8ece 33.2%, #feaba5 49.8%, #fff7a2 66.4%, #63c091 83%, #82defe 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}


@keyframes gradation_text {
	to {
		background-position-x: 200%;
	}
}

.caution_title {
	background: #ffd800;
	color: #DF0100;
	border-radius: 10px;
	padding: 5px 0;
	width: 90%;
	border: 3px solid #DF0100;
	margin-right: auto;
	margin-left: auto;
}

.caution_note {
	background: #ffe451;
	border-radius: 0 0 10px 10px;
	border: 3px solid #DF0100;
	padding: 2rem;
	color: #000000;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.sws_red {
	width: 90%;
	padding: 1rem 1rem;
	background-image: linear-gradient(75deg, rgba(253, 253, 253, 0.05) 0%, rgba(253, 253, 253, 0.05) 50%, rgba(131, 131, 131, 0.05) 50%, rgba(131, 131, 131, 0.05) 100%), linear-gradient(292deg, rgba(21, 21, 21, 0.05) 0%, rgba(21, 21, 21, 0.05) 50%, rgba(145, 145, 145, 0.05) 50%, rgba(145, 145, 145, 0.05) 100%), linear-gradient(122deg, rgba(33, 33, 33, 0.05) 0%, rgba(33, 33, 33, 0.05) 50%, rgba(37, 37, 37, 0.05) 50%, rgba(37, 37, 37, 0.05) 100%), linear-gradient(27deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 0.05) 50%, rgba(17, 17, 17, 0.05) 50%, rgba(17, 17, 17, 0.05) 100%), linear-gradient(56deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 50%, rgba(252, 252, 252, 0.05) 50%, rgba(252, 252, 252, 0.05) 100%), linear-gradient(204deg, rgba(176, 176, 176, 0.05) 0%, rgba(176, 176, 176, 0.05) 50%, rgba(69, 69, 69, 0.05) 50%, rgba(69, 69, 69, 0.05) 100%), linear-gradient(192deg, rgba(242, 242, 242, 0.05) 0%, rgba(242, 242, 242, 0.05) 50%, rgba(67, 67, 67, 0.05) 50%, rgba(67, 67, 67, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 0, 0) 0%, rgb(178, 24, 0) 81%);
	color: #FFF;
	border-radius: 5px;
	border: none;
	margin-right: auto;
	margin-left: auto;
}

.sws_wk {
	width: 95%;
	margin: 20px auto;
	padding: 0.5rem 0.5rem;
	border: 2px solid #fffba4;
	background: #00000099;
	padding: 1rem 1.5rem;
	text-shadow: none;
}

.sws_bkgly {
	background: #131313;
	padding: 0.5rem 0.5rem;
}

.emo_box5 {
	margin: 0 auto;
	background-image: linear-gradient(75deg, rgba(253, 253, 253, 0.05) 0%, rgba(253, 253, 253, 0.05) 50%, rgba(131, 131, 131, 0.05) 50%, rgba(131, 131, 131, 0.05) 100%), linear-gradient(292deg, rgba(21, 21, 21, 0.05) 0%, rgba(21, 21, 21, 0.05) 50%, rgba(145, 145, 145, 0.05) 50%, rgba(145, 145, 145, 0.05) 100%), linear-gradient(122deg, rgba(33, 33, 33, 0.05) 0%, rgba(33, 33, 33, 0.05) 50%, rgba(37, 37, 37, 0.05) 50%, rgba(37, 37, 37, 0.05) 100%), linear-gradient(27deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 0.05) 50%, rgba(17, 17, 17, 0.05) 50%, rgba(17, 17, 17, 0.05) 100%), linear-gradient(56deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 50%, rgba(252, 252, 252, 0.05) 50%, rgba(252, 252, 252, 0.05) 100%), linear-gradient(204deg, rgba(176, 176, 176, 0.05) 0%, rgba(176, 176, 176, 0.05) 50%, rgba(69, 69, 69, 0.05) 50%, rgba(69, 69, 69, 0.05) 100%), linear-gradient(192deg, rgba(242, 242, 242, 0.05) 0%, rgba(242, 242, 242, 0.05) 50%, rgba(67, 67, 67, 0.05) 50%, rgba(67, 67, 67, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 0, 0) 0%, rgb(178, 24, 0) 81%);
	padding: 0.5rem 0.5rem;
	width: 100%;
	color: #fcfcfc;
	outline: 3px solid #fffba4;
	outline-offset: -8px;
}

.emo_box5 p {
	padding: 1rem;
}


.hashira2 {
	border: 5px solid rgb(115 0 31);
	margin: 4rem auto;
	border-radius: 5px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-shadow: 0.2px 0.2px 0.8px #7F0022;
}

.hashira2_title {
	background-image: linear-gradient(60deg, rgb(128 0 37), rgb(190 2 50) 50%, rgb(115 0 31));
	text-align: center;
	color: #eeeeee;
	font-weight: bold;
	padding: 1rem;
}

.hashira2_inner {
	padding: 2rem;
	font-size: 1.2rem;
	background-color: #fff0f3;
	background-image: linear-gradient(30deg, #ffe8f1 12%, transparent 12.5%, transparent 87%, #ffe8f1 87.5%, #ffe8f1), linear-gradient(150deg, #ffe8f1 12%, transparent 12.5%, transparent 87%, #ffe8f1 87.5%, #ffe8f1), linear-gradient(30deg, #ffe8f1 12%, transparent 12.5%, transparent 87%, #ffe8f1 87.5%, #ffe8f1), linear-gradient(150deg, #ffe8f1 12%, transparent 12.5%, transparent 87%, #ffe8f1 87.5%, #ffe8f1), linear-gradient(60deg, #ffe8f177 25%, transparent 25.5%, transparent 75%, #ffe8f177 75%, #ffe8f177), linear-gradient(60deg, #ffe8f177 25%, transparent 25.5%, transparent 75%, #ffe8f177 75%, #ffe8f177);
	background-size: 20px 35px;
	background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
	color: rgb(115 0 31);
}

@media screen and (max-width: 680px) {
	.hashira2_inner {
		padding: 1rem;
	}
}

.hr_red {
	color: #ffd8e2;
}



.bg_fee {
	background-color: #fff2df;
	opacity: 1;
	background-image: linear-gradient(135deg, #ffeed3 25%, transparent 25%), linear-gradient(225deg, #ffeed3 25%, transparent 25%), linear-gradient(45deg, #ffeed3 25%, transparent 25%), linear-gradient(315deg, #ffeed3 25%, #fff2df 25%);
	background-position: 4px 0, 4px 0, 0 0, 0 0;
	background-size: 4px 4px;
	background-repeat: repeat;

	padding: 2rem 1rem;
	border-radius: 10px;
}


.bg_gold1 {
	background: rgb(179, 142, 0);
	background: linear-gradient(146deg, rgb(239 190 0) 0%, rgba(255, 245, 165, 1) 39%, rgba(254, 246, 176, 1) 47%, rgb(222 179 0) 100%);
	padding: 1rem;
	margin-right: auto;
	margin-left: auto;
}

.pre_box_sum {
	border: 3px groove #e6b600;
}

.pre_box_sum_inner {
	text-align: left;
	margin: 2rem 1rem 1rem;
}

.pre_box_sum_inner_inner {
	width: 100%;
	margin: 20px auto;
	padding: 0.5rem 0.5rem;
	border: 2px solid #fffba4;
	background: #2d2b1b;
	padding: 1rem 1.5rem;
	text-shadow: none;
}

.cdt_text {
	color: #FFF;
	text-shadow: #333 0 0 5px;
	background: #1D1D1D;
	width: 100%;
	max-width: 850px;
	margin: 0 auto 20px;
}



.top_b_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dd9802+0,f4e493+51,461101+57,f9b804+67,fbdf93+100 */
	background: #dd9802;
	/* Old browsers */
	padding: 1rem 0 2rem;
	background: #014201e0;
	/* IE6-9 */
}

.top_b_list_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+1,c19e67+50,b68d4c+51,f3e2c7+94,f3e2c7+94,e9d4b3+100 */
	background: #f3e2c7;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f3e2c7 1%, #c19e67 50%, #b68d4c 51%, #f3e2c7 94%, #f3e2c7 94%, #e9d4b3 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3e2c7 1%, #c19e67 50%, #b68d4c 51%, #f3e2c7 94%, #f3e2c7 94%, #e9d4b3 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3e2c7 1%, #c19e67 50%, #b68d4c 51%, #f3e2c7 94%, #f3e2c7 94%, #e9d4b3 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0);
	/* IE6-9 */
	/*background-attachment: fixed;
*/
	border: 0.4rem ridge #E6D2B0;
	margin: 0 auto;
	width: 90%;
	max-width: 800px;
}

.slider-box {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	background: #333;
	margin: 0 auto;
}

/* 4.スライダー本体とアニメーションの基本設定 ++++++++++++++ */
.loop-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.loop-box {
	height: 200px;
	/* スライダーの高さ - 変更注意 */
}

.loop-box ul {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	justify-content: space-between;
	list-style: none;
	max-height: 10000%;
	min-height: 100%;
	width: 100%;
	animation: 30s linear infinite;
	/* アニメーション設定 - 変更可 */
	padding-left: 0px;
}

.loop-box ul li {
	display: block;
	padding: 2rem;
	color: #DE2024;
	background-color: #ffffff;
	background-image: url("https://www.transparenttextures.com/patterns/white-carbon.png");
}

.loop-box ul li:nth-child(even) {
	background-image: url("https://www.transparenttextures.com/patterns/white-carbon.png");
	background-color: #000000;
	color: #fff493;
}

.loop-box ul.loop2 li {
	background-color: #000000;
	color: #fff493;
}

.loop-box ul.loop2 li:nth-child(even) {
	color: #DE2024;
	background-color: #ffffff;
	background-image: url("https://www.transparenttextures.com/patterns/white-carbon.png");
}

/* 5.アニメーション個別設定 ++++++++++ */
.loop-box ul.loop1 {
	animation-name: loop1;

}

@keyframes loop1 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-100%);
	}
}

.art-container_res {
	width: 100%;
	max-width: 800px;
	margin: 3rem auto;
	background-color: #090909;
	color: #fefefe;
	text-align: center;
	border-radius: 10px;
	padding: 2%;
	line-height: 1.5;
	box-shadow: 1px -2px 14px 3px #f1f1f1;
	background-image: linear-gradient(90deg, rgba(103, 126, 250, 0.8), rgba(142, 84, 219, 0.8));
	text-shadow: 1px 1px 2px #0d0d0d;
}


.art {
	border-bottom: 1px solid #ddd;
	/* padding-bottom: 10px; */
	margin-bottom: 10px;
}

.art>p {
	padding-top: initial;
}

.art p:first-child {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}

.art p:nth-child(2) {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1rem;
}

.art p:nth-child(3) {
	font-size: 1.1em;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

.art p:nth-child(4) {
	font-size: 1em;
	margin-bottom: 5px;
}

.art p:nth-child(5) {
	font-size: 1em;
	margin-bottom: 0;
}

.art p:nth-child(6) {
	font-size: 2em;
	color: #fdfdfd;
	margin-bottom: 2rem;
}

.art p:nth-child(7) {
	font-size: 3em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fee9a0c2, -5px -2px 12px #daaf08ab, 5px 0px 16px #b67b039e, 0px 2px 11px #fee9a0, -5px 0px 14px #fee9a0b3, 0px -2px 3px #b67b03de;
	color: #ffffff;
	margin-bottom: 5px;
	background-image: url("../../../../images/project/cb/achieve/backlight.png");
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
}

.art-container_re>.art p:nth-child(7) {
	font-size: 3em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fea0a0c2, -5px -2px 12px #da0808ab, 5px 0px 16px #b603039e, 0px 2px 11px #fea0a0, -5px 0px 14px #fea0a0b3, 0px -2px 3px #b60303de;
	color: #ffffff;
	margin-bottom: 5px;
	animation-name: resFlash;
	animation-fill-mode: backwards;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 70%);
}

@keyframes resFlash {
	0% {
		filter: saturate(100%);
	}

	50% {
		filter: saturate(300%);
	}

	100% {
		filter: saturate(100%);
	}
}

.art-result {
	font-size: 2em;
	font-weight: bold;
	text-shadow:
		5px 2px 7px #00000063, 5px 2px 3px #00000075, 5px -2px 12px #fee9a0c2, -5px -2px 12px #daaf08ab, 5px 0px 16px #b67b039e, 0px 2px 11px #fee9a0, -5px 0px 14px #fee9a0b3, 0px -2px 3px #b67b03de;
	color: #ffffff;
	margin-bottom: 5px;
}


.voice_contents {
	text-align: start;
	background: #000000ed;
	padding: 2%;
}

.voice_contents_res {
	text-align: start;
	background: #000000cb;
	padding: 2%;
	line-height: 1.8;
}

.mov-box {
	background: #fff;
	padding: 1rem;
	background-image: repeating-linear-gradient(135deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(22.5deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, hsl(194, 74%, 56%), hsl(266, 74%, 56%), hsl(338, 74%, 56%), hsl(50, 74%, 56%), hsl(122, 74%, 56%));
	margin: 0 0 1rem 0;
}

.movie_waku {
	text-align: center;
	max-width: 850px;
}

.blank-box {
	border: 3px solid #949495;
	padding: 1.2em 1em;
	border-radius: 4px;
}

.blank-box2 {
	border: 3px solid #949495;
	padding: 1.2em 1em;
	border-radius: 4px;
	background: #000;
}

.bb-yellow {
	border-color: #ffd900;
}

.danger-box {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.service {
	padding: 2rem 2rem;
	background: #FF6535;
	color: #000;
}

.service2 {
	padding: 2rem 2rem;
	background: #74FF35;
	color: #000;
}

.service_inner1 {
	padding: 0;
	background-image: linear-gradient(216deg, rgba(77, 77, 77, 0.05) 0%, rgba(77, 77, 77, 0.05) 25%, rgba(42, 42, 42, 0.05) 25%, rgba(42, 42, 42, 0.05) 38%, rgba(223, 223, 223, 0.05) 38%, rgba(223, 223, 223, 0.05) 75%, rgba(36, 36, 36, 0.05) 75%, rgba(36, 36, 36, 0.05) 100%), linear-gradient(44deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.05) 34%, rgba(212, 212, 212, 0.05) 34%, rgba(212, 212, 212, 0.05) 57%, rgba(25, 25, 25, 0.05) 57%, rgba(25, 25, 25, 0.05) 89%, rgba(135, 135, 135, 0.05) 89%, rgba(135, 135, 135, 0.05) 100%), linear-gradient(241deg, rgba(55, 55, 55, 0.05) 0%, rgba(55, 55, 55, 0.05) 14%, rgba(209, 209, 209, 0.05) 14%, rgba(209, 209, 209, 0.05) 60%, rgba(245, 245, 245, 0.05) 60%, rgba(245, 245, 245, 0.05) 69%, rgba(164, 164, 164, 0.05) 69%, rgba(164, 164, 164, 0.05) 100%), linear-gradient(249deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 32%, rgba(148, 148, 148, 0.05) 32%, rgba(148, 148, 148, 0.05) 35%, rgba(202, 202, 202, 0.05) 35%, rgba(202, 202, 202, 0.05) 51%, rgba(181, 181, 181, 0.05) 51%, rgba(181, 181, 181, 0.05) 100%), linear-gradient(92deg, hsl(214, 0%, 11%), hsl(214, 0%, 11%));
}

.service_inner1 p {
	padding: 2rem;
}

.bl_area {
	color: #000;
	padding: 2rem;
	background-image: linear-gradient(216deg, rgba(77, 77, 77, 0.05) 0%, rgba(77, 77, 77, 0.05) 25%, rgba(42, 42, 42, 0.05) 25%, rgba(42, 42, 42, 0.05) 38%, rgba(223, 223, 223, 0.05) 38%, rgba(223, 223, 223, 0.05) 75%, rgba(36, 36, 36, 0.05) 75%, rgba(36, 36, 36, 0.05) 100%), linear-gradient(44deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.05) 34%, rgba(212, 212, 212, 0.05) 34%, rgba(212, 212, 212, 0.05) 57%, rgba(25, 25, 25, 0.05) 57%, rgba(25, 25, 25, 0.05) 89%, rgba(135, 135, 135, 0.05) 89%, rgba(135, 135, 135, 0.05) 100%), linear-gradient(241deg, rgba(55, 55, 55, 0.05) 0%, rgba(55, 55, 55, 0.05) 14%, rgba(209, 209, 209, 0.05) 14%, rgba(209, 209, 209, 0.05) 60%, rgba(245, 245, 245, 0.05) 60%, rgba(245, 245, 245, 0.05) 69%, rgba(164, 164, 164, 0.05) 69%, rgba(164, 164, 164, 0.05) 100%), linear-gradient(249deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 32%, rgba(148, 148, 148, 0.05) 32%, rgba(148, 148, 148, 0.05) 35%, rgba(202, 202, 202, 0.05) 35%, rgba(202, 202, 202, 0.05) 51%, rgba(181, 181, 181, 0.05) 51%, rgba(181, 181, 181, 0.05) 100%), linear-gradient(92deg, rgb(240, 240, 240), rgb(240, 240, 240));
}

.tj_all_area {
	padding: 1rem;
	background-image: repeating-linear-gradient(0deg, hsla(202, 0%, 65%, 0.08) 0px, hsla(202, 0%, 65%, 0.08) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(90deg, hsla(202, 0%, 65%, 0.08) 0px, hsla(202, 0%, 65%, 0.08) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, rgb(20, 20, 20), rgb(20, 20, 20));
	border: double 5px #FFF5DB;
}

.hatena_box {
	background: #FFF5DB;
	padding: 0.5rem 1rem;
	border: 0.6rem solid #FFDF90;
	width: 100%;
}

.hatena_box p {
	color: #000;
}

.hatena_inner_box {
	background: #FFF;
	padding: 0.5rem 1rem;
	width: 100%;
}


input[type="text"] {
	width: 100%;
	padding: 1.5rem 1rem;
	font-size: 2rem;
	/*	color:#000000;
	font-weight:bold;
	text-align: center;
	background-color: #dddddd;
	border-radius: 0.5rem;
	border: none;*/
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	border: 0.5rem solid #bfbfbf;
	border-radius: 0.5rem;

}


input[type="submit"] {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 2rem;
	font-size: 1em;
	background-color: #FF2B74;
	/*	border-radius: 10rem;
*/
	color: #ffffff;
	border: none;
	cursor: pointer;
}



.success-box {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}


.warning-box {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}


.speech-balloon {
	height: 100%;
	position: relative;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 6px;
	max-width: calc(100% - 14%);
}


.speech-balloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -12px;
	top: 10px;
	border-right: 12px solid #ccc;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.sbp-r .speech-balloon::before {
	right: -12px;
	left: auto;
	border-left: 12px solid #ccc;
	border-right: none;
}



.speech-balloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -12px;
	top: 10px;
	border-right: 12px solid #ccc;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.speech-wrap {
	display: flex;
}

.sbp-r {
	flex-direction: row-reverse;
}


.cf::after {
	clear: both;
	content: "";
	display: block;
}

.button-43 {
	z-index: 9999;
	position: fixed;
	bottom: 9px;
	right: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 257px;
	margin: 0 auto;
	padding: 0.7em 1em;
	border: none;
	border-radius: 40px;
	background: linear-gradient(146deg, rgba(255, 215, 44, 1) 0%, rgba(255, 248, 154, 1) 42%, rgba(255, 247, 171, 1) 55%, rgba(250, 218, 22, 1) 100%);
	border: 2px solid #736b09;
	color: #1b1b1b;
	font-weight: 600;
	font-size: 1em;
}

.button-43 a {
	color: #fafafa;
}