@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.block.first .blockContainer{
		padding-block:0;
	}

	.block.first .blockContainer .blockInner .outlineBox .items{
		margin-top:10%;
		padding:0 3% 3% 3%;
		border-bottom:1px solid #333;
	}
	.block.first .blockContainer .blockInner .outlineBox .items:first-child{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox{
		display:inline-block;
		overflow: hidden;
		width:100%;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox > p{
		display:inline-block;
		border-bottom:1px solid #333;
		font-size:3.2vw;
		font-weight:600;
		line-height:1.4;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox > p > span{
		display:inline-block;
		font-size:inherit;
		letter-spacing:2em;
		margin-right:-2em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox{
		margin-top:5%;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox > p{
		font-size:3.5vw;
		line-height:1.4;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox > p:first-child{
		margin-top:0;
	}

	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul{}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li{
		width:100%;
		margin-top:3%;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li:first-child{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li p{
		padding-left:0.9em;
		position:relative;
		font-size:3.5vw;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li p::before{
		content:"◆";
		font-size:2.5vw;
		position:absolute;
		top:0.5vw;
		left:0;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.scheduleBox .bdyBox > p span{
		font-size:inherit;
		display:inline-block;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.scheduleBox .bdyBox > p.subTxt{
		margin-top:0;
		padding-left:1em;
		text-indent:-1em;
	}

	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .onestep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		padding-left:1em;
		text-indent:-1em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep{
		margin-left:1em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		margin-left:2em;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

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

@media screen and (min-width:768px){
	.block.first .blockContainer{
		padding-block:0;
	}
	.block.first .blockContainer .blockInner .outlineBox{}
	.block.first .blockContainer .blockInner .outlineBox .items{
		display:flex;
		margin-top:60px;
		padding:0 25px 25px 25px;
		border-bottom:1px solid #333;
	}
	.block.first .blockContainer .blockInner .outlineBox .items:first-child{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox{
		width:17%;
		max-width:180px;
		min-width:130px;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox p,
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox p{
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		line-height:1.4;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .ttlBox p > span{
		font-size:inherit;
		letter-spacing:2em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox{
		flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox p{
		margin-top:20px;
	}
	.block.first .blockContainer .blockInner .outlineBox .items .bdyBox p:first-child{
		margin-top:0;
	}

	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul{
		display:flex;
		flex-wrap:wrap;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li{
		width:calc(100% / 3);
		padding-right:1em;
		margin-top:10px;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li:nth-child(-n+3){
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li p{
		padding-left:0.9em;
		position:relative;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.sponsorshipBox .bdyBox ul li p::before{
		content:"◆";
		font-size:clamp(0.8rem, 1.0vw, 1.0rem);
		position:absolute;
		top:4px;
		left:0;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.scheduleBox .bdyBox p span{
		font-size:inherit;
		display:inline-block;
		width:9em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.scheduleBox .bdyBox p.subTxt{
		margin-top:0;
		margin-left:9em;
		padding-left:1em;
		text-indent:-1em;
	}

	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .onestep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		padding-left:1em;
		text-indent:-1em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep,
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .twostep{
		margin-left:1em;
	}
	.block.first .blockContainer .blockInner .outlineBox .items.contentsBox .bdyBox .threestep{
		margin-left:2em;
	}

}