@charset "utf-8";

/*--

demoday

====================================================== --*/



/*-- 

root

====================================================== --*/
:root{
	--c-black:#000;
	--c-white:#fff;
	--c-gray:#707070;
	--c-purple-dark:#AF0078;
	--c-purple-light:#E541B1;
	--c-purple-light:#E541B1;
}




/*-- 

parts

====================================================== --*/

/* img */
.demoday .img_auto{
	width:100%;
	height:auto;
}

/* a */
.demoday a{
	color:var(--c-purple-light);
	text-decoration:none;
}

.adopt a{
	color:var(--c-white);
	text-decoration:none;
}

/* icon */
.demoday .icon_arrow_w::after{
	content:"";
	display:block;
	width:9px;
	height:9px;
	top:2px;
	background:url(../img/demoday/icon_arrow_r_w.svg) no-repeat center center;
	background-size:contain;
	position:relative;
	margin-left:8px;
}
.demoday .icon_blank::after{
	content:"";
	display:block;
	width:19px;
	height:19px;
	background-size:contain;
	position:relative;
}
.demoday .icon_blank.-w::after{
	background:url(../img/demoday/icon_blank_w.svg) no-repeat center center;
}
.demoday .icon_blank.-p::after{
	background:url(../img/demoday/icon_blank_p.svg) no-repeat center center;
}

/* sp */
@media all and (max-width:750px){
	.demoday .icon_arrow_w::after{
		width:6px;
		height:6px;
		top:0.05rem;
		margin-left:3px;
	}
}


/* heading */
.demoday .heading_lv2{
	border-bottom:1px solid var(--c-purple-light);
	color:var(--c-purple-light);
	font-size:2.4rem;
	text-align:center;
	max-width:260px;
	margin:0 auto;
	padding-bottom:15px;
}
.demoday .heading_lv2.-white{
	border-bottom:1px solid var(--c-white);
	color:var(--c-white);
}

/* sp */
@media all and (max-width:750px){
	.demoday .heading_lv2{
		font-size:2.2rem;
		max-width:135px;
		padding-bottom:10px;
	}
	.demoday .heading_lv2.-sp_w220{
		max-width:220px;
	}
}


/* btn */
.demoday .btn{
	box-shadow:0px 3px 6px #00000029;
	width:340px;
	margin:0 auto;
}
.demoday .btn a{
	padding:19px 20px;
}
.demoday .btn.-purple a{
	background-color:var(--c-purple-dark);
	position:relative;
}
.demoday .btn.-white a{
	background-color:var(--c-white);
	position:relative;
}
.demoday .btn a span{
	display:block;
	line-height:1.2;
}
.demoday .btn.-purple a span{
	color:var(--c-white);
}
.demoday .btn.-white a span{
	color:var(--c-purple-dark);
}
.demoday .btn a span.mini{
	font-size:1.2rem;
}
.demoday .btn a span.large{
	font-size:2.2rem;
}
.demoday .btn a .icon_blank{
	position:absolute;
	top:50%;
	right:20px;
	transform:translate(0, -50%);
}


/*-- ti --*/
.demoday .ti__1em,
.demoday .ti__1-5em,
.demoday .ti__2em,
.demoday .ti__3em,
.demoday .ti__item{
margin-bottom:.5em;
line-height:1.4;
}
.demoday .ti__item:last-child{
margin-bottom:0;
}
.demoday p.ti__1em::before,
.demoday ul.ti__1em > .ti__item::before,
.demoday p.ti__1-5em::before,
.demoday ul.ti__1-5em > .ti__item::before,
.demoday p.ti__2em::before,
.demoday ul.ti__2em > .ti__item::before,
.demoday p.ti__3em::before,
.demoday ul.ti__3em > .ti__item::before,
.demoday .ico_mark{
display:inline-block;
text-indent:0;
}
.demoday .ti__1em ul,
.demoday .ti__1-5em ul,
.demoday .ti__2em ul,
.demoday .ti__3em ul{
margin-top:.5em;
}

/*-- ti__1em --*/
.demoday p.ti__1em,
.demoday ul.ti__1em > .ti__item{
text-indent:-1em;
padding-left:1em;
}
.demoday p.ti__1em::before,
.demoday ul.ti__1em > .ti__item::before,
.demoday p.ti__1em > .ico_mark,
.demoday ul.ti__1em > .ti__item > .ico_mark{
width:1em;
}

/*-- ti__1-5em --*/
.demoday p.ti__1-5em,
.demoday ul.ti__1-5em > .ti__item{
text-indent:-1.5em;
padding-left:1.5em;
}
.demoday p.ti__1-5em::before,
.demoday ul.ti__1-5em > .ti__item::before,
.demoday p.ti__1-5em > .ico_mark,
.demoday ul.ti__1-5em > .ti__item > .ico_mark{
width:1.5em;
}

/*-- ti__2em --*/
.demoday p.ti__2em,
.demoday ul.ti__2em > .ti__item{
text-indent:-2em;
padding-left:2em;
}
.demoday p.ti__2em::before,
.demoday ul.ti__2em > .ti__item::before,
.demoday p.ti__2em > .ico_mark,
.demoday ul.ti__2em > .ti__item > .ico_mark{
width:2em;
}

/*-- ti__3em --*/
.demoday p.ti__3em,
.demoday ul.ti__3em > .ti__item{
text-indent:-3em;
padding-left:3em;
}
.demoday p.ti__3em::before,
.demoday ul.ti__3em > .ti__item::before,
.demoday p.ti__3em > .ico_mark,
.demoday ul.ti__3em > .ti__item > .ico_mark{
width:3em;
}

/*-- icon --*/
.demoday .ico_asterisk::before{
content:"※";
}
.demoday .ico_circle::before{
content:"○";
}
.demoday .ico_dot::before{
content:"・";
}


/*-- 

common

====================================================== --*/
.demoday{
	color:var(--c-white);
	letter-spacing:0.1em;
	min-width:100%;
}

/* back */
.demoday .back a{
	border:1px solid var(--c-white);
	color:var(--c-white);
	text-decoration:none;
	padding:8px 20px 10px 20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
/* sp */
@media all and (max-width:750px){
	.demoday .back a{
		font-size:1rem;
		padding:4px 7px 6px 7px;
	}
}


/* header */
.demoday #common_header{
	z-index:9999;
	background:rgb(6,6,6,1);
}
.demoday#page_top #common_header{
	background:var(--c-black);
}
.demoday .header_back{
	position:absolute;
	top:50%;
	right:30px;
	transform:translate(0, -50%);
}
.demoday #common_nav{
	z-index:9999;
}
/* sp */
@media all and (max-width:750px){
	.demoday .header_back{
		right:16px;
	}
}


/* content_base */
.demoday .content_base{
}
/* sp */
@media all and (max-width:750px){
	.demoday .content_base{
		padding:23px 0;
	}
}


/* footer */
.demoday #common_footer{
	padding:20px 20px 16px;
}
.demoday #footer_inner{
	position:relative;
}
.demoday .footer_back{
	margin-bottom:20px;
}
.demoday .footer_back a{
	letter-spacing:normal;
}
.demoday .footer_copyright{
	letter-spacing:normal;
}

/* sp */
@media all and (max-width:750px){
	.demoday #common_footer{
		padding:20px 16px;
	}
	.demoday #footer_inner{
		display:flex;
		justify-content:space-between;
		flex-direction:unset;
	}
	.demoday .footer_item{
		display:flex;
		flex-direction:column;
		align-items:end;
	}
	.demoday .footer_back{
		width:100px;
	}
	.demoday .footer_copyright{
		margin-top:0;
	}
}

/* footer */
.demoday #pagetop{
	z-index:150;
}
.demoday #pagetop button{
	background-color:var(--c-purple-dark);
}




/*-- 

content_mv

====================================================== --*/
.demoday #content_mv{
	background:none;
	display:block;
	padding:0;
	margin-top:100px;
}
.demoday #content_mv .content_mv_inner{
	display:block;
	position:relative;
}

.demoday #content_mv .mv_wrap{
	max-width:900px;
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:100;
}

.demoday #content_mv .mv_text{
	position:absolute;
	line-height:0;
	text-align:center;
}
.demoday #content_mv .mv_text.-t_01{
	max-width:61.61%;
	top:12%;
	left:19.7%;
}
.demoday #content_mv .mv_text.-t_02{
	max-width:69.006%;
	top:18.6%;
	left:16.1%;
}


.js-slide-right-01.js-active,
.js-slide-right-01.js-active span{
	transition-delay:1.6s;
	transform:translate(0, 0);
}
.js-slide-right-01{
	overflow:hidden;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.21, 0.6, 0.35, 1) 0.8s;
}
.js-slide-right-01 span{
	display:block;
	transform:translate(100%, 0);
	transition:transform cubic-bezier(0.21, 0.6, 0.35, 1) 0.8s;
}

.js-slide-right-02.js-active,
.js-slide-right-02.js-active span{
	transition-delay:2.2s;
	transform:translate(0, 0);
}
.js-slide-right-02{
	overflow:hidden;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.21, 0.6, 0.35, 1) 0.8s;
}
.js-slide-right-02 span{
	display:block;
	transform:translate(100%, 0);
	transition:transform cubic-bezier(0.21, 0.6, 0.35, 1) 0.8s;
}

/* animation */
.js-slide-right-01,
.js-slide-right-01 span,
.js-slide-right-02,
.js-slide-right-02 span{
	will-change:transform;
	backface-visibility:hidden;
}


/*-- anc --*/
.anc_base{
	font-size:0.1rem;
	position:absolute;
	top:-10rem;
	left:0;
}
/* sp */
@media screen and (max-width:750px){
	.anc_base{
	}
}


.demoday #content_mv .mv_text.-t_03{
	max-width:54.596%;
	top:29.4%;
	left:23.29%;
}
.demoday #content_mv .mv_text.-t_04{
	max-width:42.859%;
	top:59.18%;
	left:11.8%;
}
.demoday #content_mv .mv_text.-t_05{
	max-width:29.748%;
	top:59.34%;
	left:60.1%;
}

/* scaleDown */
.js-scale-down-01.js-active{
	opacity:0;
	animation:scaleDown .6s cubic-bezier(.76,.18,1,.61) 2.8s 1 forwards;
}
.js-scale-down-02.js-active{
	opacity:0;
	animation:scaleDown .6s cubic-bezier(.76,.18,1,.61) 3.3s 1 forwards;
}
.js-scale-down-03.js-active{
	opacity:0;
	animation:scaleDown .6s cubic-bezier(.76,.18,1,.61) 3.4s 1 forwards;
}
@keyframes scaleDown{
	0%{
		transform:translateY(0) scale(2);
		opacity:0;
	}
	100%{
		transform:translateY(0) scale(1);
		opacity:1;
	}
}



.demoday #content_mv .mv_bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/wp-content/themes/kidou/assets/img/demoday/bg_img.png);
	background-size:cover;
	background-position:center 42%;
	background-repeat:no-repeat;
	z-index:50;
	overflow:hidden;
}

.demoday #content_mv .mv_bg .mask{
	display:block;
	width:140%;
	height:250%;
	box-shadow:0 0 20rem 70rem var(--c-white) inset;
	border-radius:100rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	animation:maskGradient 1.2s cubic-bezier(.48,0,1,.59) 0.5s 1 forwards;
}

@keyframes maskGradient{
	0%{
		box-shadow:0 0 20rem 70rem var(--c-black) inset;
	}
	100%{
		box-shadow:0 0 0 0 var(--c-black) inset;
	}
}


/* sp */
@media all and (max-width:750px){
	.demoday #content_mv{
		margin-top:50px;
	}
	.demoday #content_mv .mv_bg{
		width:140%;
		left:-20%;
	}

	.demoday #content_mv .mv_bg .mask{
		box-shadow:0 0 5rem 30rem var(--c-white) inset;
	}

	@keyframes maskGradient{
		0%{
			box-shadow:0 0 5rem 30rem var(--c-black) inset;
		}
		100%{
			box-shadow:0 0 0 0 var(--c-black) inset;
		}
	}
}




/*-- 

content_about

====================================================== --*/
.demoday #content_about{
	background-image:url(/wp-content/themes/kidou/assets/img/demoday/bg_img.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.demoday #content_about::before,
.demoday #content_about::after{
	content:"";
	display:block;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:50;
}
.demoday #content_about::before{
	background:transparent linear-gradient(180deg, #060606 0%, #58585800 100%) 0% 0% no-repeat padding-box;
	height:65%;
}
.demoday #content_about::after{
	background-color:var(--c-black);
	opacity:0.8;
	height:100%;
}
.demoday #content_about .content_inner{
	position:relative;
	z-index:100;
}

.demoday #content_about .read{
	font-size:2.8rem;
	line-height:1.6;
	text-align:center;
}
.demoday #content_about .desc{
	line-height:1.8;
	margin:25px auto 0;
	width:100%;
	max-width:66rem;
}
.demoday #content_about .btn{
	margin-top:35px;
}
.demoday #content_about .heading_lv2{
	margin-top:68px;
}
.demoday #content_about .date{
	display:flex;
	align-items:end;
	justify-content:center;
	column-gap:15px;
	margin-top:15px;
}
.demoday #content_about .date .large{
	font-size:4rem;
}
.demoday #content_about .date .mini{
	font-size:3rem;
}
.demoday #content_about .place{
	font-size:2.2rem;
	text-align:center;
	margin-top:10px;
}
.demoday #content_about .detail{
	display:flex;
	justify-content:center;
	margin-top:35px;
}
.demoday #content_about .detail_list{
	max-width:470px;
}
.demoday #content_about .detail_list dt{
	float:left;
	position:relative;
	line-height:1.7;
	display:flex;
}
.demoday #content_about .detail_list dt::after{
	content:"：";
}
.demoday #content_about .detail_list dd{
	margin:0 0 0.3rem 9rem;
	line-height:1.7;
}
.demoday #content_about .note{
	margin-top:5px;
}

/* sp */
@media all and (max-width:750px){
	.demoday #content_about{
		background-image:url(/wp-content/themes/kidou/assets/img/demoday/bg_img_sp.png);
	}
	.demoday #content_about .read{
		font-size:2.2rem;
		line-height:1.4;
		text-align:left;
		margin:0 15px;
	}
	.demoday #content_about .desc{
		font-size:1.4rem;
		margin:15px 15px 0;
		text-align:left;
		width:auto;
	}
	.demoday #content_about .btn{
		margin-top:25px;
	}
	.demoday #content_about .heading_lv2{
		margin-top:35px;
	}
	.demoday #content_about .date{
		display:block;
		margin-top:15px;
	}
	.demoday #content_about .date span{
		display:block;
		text-align:center;
		line-height:1.4;
	}
	.demoday #content_about .date .large{
		font-size:3.4rem;
	}
	.demoday #content_about .date .mini{
		font-size:2.4rem;
	}
	.demoday #content_about .place{
		font-size:2rem;
	}
	.demoday #content_about .detail{
		margin-top:20px;
	}
}



/*-- 

content_program

====================================================== --*/
.demoday #content_program{
	background:var(--c-black);
	border:none;
}
.demoday #content_program .detail{
	display:flex;
	justify-content:center;
	margin-top:35px;
}
.demoday #content_program .detail_list{
	max-width:470px;
}
.demoday #content_program .detail_list dt{
	float:left;
	position:relative;
	line-height:1.7;
	display:flex;
}
.demoday #content_program .detail_list dd{
	margin:0 0 0.3rem 9rem;
	line-height:1.7;
}
.demoday #content_program .detail_list dd a{
	text-decoration:underline;
}

/* sp */
@media all and (max-width:750px){
	.demoday #content_program{
		padding:40px 0;
	}
	.demoday #content_program .detail{
		margin-top:20px;
	}
}



/*-- 

content_panelist

====================================================== --*/
.demoday #content_panelist{
	background:var(--c-black);
	padding:30px 0 0;
}
.demoday #content_panelist .heading_lv2{
	position:relative;
	z-index:100;
}
.demoday .panelist_item{
	padding:70px 40px 70px;
	background-image:url(/wp-content/themes/kidou/assets/img/demoday/bg_img.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	z-index:50;
}
.demoday .panelist_item.-rebirthel{
	padding:50px 40px 70px;
}
.demoday .panelist_item::before,
.demoday .panelist_item::after{
	content:"";
	display:block;
	width:100%;
	left:0;
	position:absolute;
	z-index:50;
}
.demoday .panelist_item::before{
	background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%);
	mix-blend-mode:multiply;
	height:50%;
	top:0;
}
.demoday .panelist_item::after{
	background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%);
	mix-blend-mode:multiply;
	height:100%;
	bottom:0;
}
.demoday .panelist_item_inner{
	max-width:900px;
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:100;
}
.demoday .panelist_item_inner ._photo{
	max-width:190px;
	margin:0 auto;
}
.demoday .panelist_item_inner ._flex{
	display:flex;
	justify-content: center;
}

.demoday .panelist_item_inner ._flex img:first-child{
	margin-right:3%;
}
.demoday .panelist_item_inner ._detail{
	display:flex;
	justify-content:space-between;
	column-gap:46px;
	margin-top:50px;
}
.demoday .panelist_item_inner ._detail ._logo{
	max-width:170px;
	width:20%;
}
.demoday .panelist_item_inner ._detail ._logo img{
	border:1px solid var(--c-gray);
}
.demoday .panelist_item_inner ._detail ._text{
	max-width:684px;
	width:80%;
}
.demoday .panelist_item_inner ._detail ._text .company{
	border-left:3px solid var(--c-purple-light);
	color:var(--c-purple-light);
	font-size:1.8rem;
	padding:2px 0 3px 10px;
}
.demoday .panelist_item_inner ._detail ._text .read{
	font-size:2.2rem;
	line-height:1.4;
	margin-top:20px;
}
.demoday .panelist_item_inner ._detail ._text .desc{
	font-size:1.6rem;
	line-height:1.9;
	margin-top:15px;
}
.demoday .panelist_item_inner ._detail ._text .text_link{
	color:#AAB4FF;
	margin-top:30px;
}
.demoday .panelist_item_inner ._detail ._text .text_link a{
	color:inherit;
	text-decoration:underline;
}

/* sp */
@media all and (max-width:750px){
	.demoday .panelist_item{
		background-image:url(/wp-content/themes/kidou/assets/img/demoday/bg_img_sp.png);
	}
	.demoday .panelist_item,
	.demoday .panelist_item.-rebirthel{
		padding:35px 16px 40px;
	}
	.demoday .panelist_item_inner ._detail{
		display:block;
		margin-top:10px;
	}
	.demoday .panelist_item_inner ._detail ._logo{
		max-width:190px;
		width:100%;
		margin:0 auto;
	}
	.demoday .panelist_item_inner ._detail ._text{
		max-width:100%;
		width:100%;
		margin-top:25px;
	}
	.demoday .panelist_item_inner ._detail ._text .read{
		margin-top:15px;
	}
	.demoday .panelist_item_inner ._detail ._text .desc{
		margin-top:10px;
	}
	.demoday .panelist_item_inner ._flex{
		display:block;
	}
	.demoday .panelist_item_inner ._flex img:first-child{
		margin-bottom:3%;
	}
}




/*-- 

content_event

====================================================== --*/
.demoday #content_event{
	background:var(--c-white);
	padding:40px 20px;
	position:relative;
	z-index:100;
}
.demoday #content_event .heading_lv2{
	margin-bottom:30px;
}
.demoday #content_event .detail_list{
	color:var(--c-black);
}
.demoday #content_event .detail_list dt{
	float:left;
	position:relative;
	line-height:1.7;
	display:flex;
	
}
.demoday #content_event .detail_list dt::after{
	content:"：";
}
.demoday #content_event .detail_list dd{
	margin:0 0 1rem 9em;
	line-height:1.7;
}

/* sp */
@media all and (max-width:750px){
	.demoday #content_event{
		padding:40px 0 0;
	}
	.demoday #content_event .heading_lv2{
		margin-bottom:15px;
	}
	.demoday #content_event .detail_list dt{
		float:none;
	}
	.demoday #content_event .detail_list dd{
		margin:0 0 2rem 0;
	}
}




/*-- 

content_contact

====================================================== --*/
.demoday #content_contact{
	background:var(--c-white);
	padding:40px 20px;
	position:relative;
	z-index:50;
}
.demoday #content_contact .heading_lv2{
	margin-bottom:30px;
}
.demoday #content_contact p{
	color:var(--c-black);
	line-height:1.8;
}

/* sp */
@media all and (max-width:750px){
	.demoday #content_contact{
		background:var(--c-white);
		padding:40px 0;
	}
	.demoday #content_contact .heading_lv2{
		margin-bottom:15px;
	}
}




/*-- 

content_application

====================================================== --*/
.demoday #content_application{
	background:linear-gradient(90deg, rgba(229,65,177,1) 0%, rgba(175,2,120,1) 100%);
	padding:40px 0;
}
.demoday #content_application .desc{
	line-height:1.8;
	margin:30px 0;
	text-align:center;
}

/* sp */
@media all and (max-width:750px){
	.demoday #content_application{
		padding:30px 0;
	}
	.demoday #content_application .desc{
		line-height:1.4;
		margin:10px 0 15px;
		text-align:left;
	}
	.demoday #content_application .desc br{
		display:none;
	}
}

/* kidou-gse */
div.top{
	background: #000000;
	text-align: center;
}
.top_bnr{
	width: 100%;
	max-width: 1200px;
}
.demoday #common_header{
	position: relative;
}
.sub_catch{
	text-align: center;
}
.attention a{
	color: #FFFFFF!important;
	border-bottom: 1px solid #FFFFFF;
}
.demoday .heading_lv2 {
	max-width: 430px;
}
.demoday #content_about::after{
	opacity: 1;
}
.demoday #content_panelist{
	background: #FFFFFF;
	color: #000000;
}
.demoday .panelist_item{
	background-image: none!important;
}
.demoday .panelist_item::before{
	background: #FFFFFF;
}
.demoday .panelist_item::after{
	background: #FFFFFF;
}
.demoday #content_application{
	background: #000000;
}
.demoday #content_application .host {
        line-height: 1.4;
        margin: 40px 0 15px;
        text-align: center;
    }

.demoday a{
	color: #d82100;
}
.demoday .heading_lv2{
	border-bottom: 1px solid #d82100;
	color: #d82100;
}
.demoday .btn.-purple a{
	background: #d82100;
}
#btnFixed a{
	background: #d82100;
}
.demoday #pagetop button{
	background: #d82100;
}
.demoday .panelist_item_inner ._detail ._text .company{
	border-left: 3px solid #d82100;
}

/* sp */
@media all and (max-width:750px){
	.sub_catch{
		text-align: left;
	}
}