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

/*
	Reset CSS
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
html{
	font-size: 62.5%;
}
body{
	color:#000;
	font-size: 1.5em;
	font-family: 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 400;
	letter-spacing: 0.1rem;
	font-feature-settings: "palt";
	overflow-wrap: break-word;
}
p{
	line-height: 170%;
}
ol, ul{
	list-style: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
a{
	color:#000;
	text-decoration:none;
	transition: all 0.3s;
}
a:link{
	color:#000;
}
a:visited{
	color:#000;
}
a:hover{
	text-decoration:none;
}
img{
	vertical-align: top;
}
table{
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
*,*::before,*::after{
	box-sizing: border-box;
}

/* iPad背景切れ対策 */
@media print, screen and (min-width:813px){
	body{
		min-width: 1200px;
	}
}

/* 表示切替 */
.switch{
	visibility: hidden;
}
.sp{
	display: none;
}


/*
	common
-----------------------------------------------------------------------------------------------*/
:root{
	/* color */
	--clrRed:  #DE2440;
	--clrGrad: linear-gradient(-30deg, rgba(0,0,60,1) 25%, rgba(70,0,100,1) 100%);
	
	/* font */
	--fNot: 'Noto Sans JP', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	--fEn:  'IBM Plex Sans', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

/* box */
#ctsWrapper{
	overflow: hidden;
}
.ctsArea{
	width: 1200px;
	padding: 0 30px 60px 30px;
	margin: 0 auto;
}
.ctsArea:last-of-type{
	padding-bottom: 0;
}

/* tit */
.titBase{
	text-align: center;
	font-size: 8rem;
	font-family: var(--fEn);
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 50px;
}
.titBase.ja{
	font-size: 6rem;
	font-family: var(--fNot);
	letter-spacing: 0.15rem;
}


/*
	kv
-----------------------------------------------------------------------------------------------*/
#kvWrapper .inBox{
	width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}

/* --------------------
	kvBox
-------------------- */
#kvWrapper .kvBox{
	height: calc(100vh - 130px);
	min-height: 650px;
	position: relative;
}
#kvWrapper .kvBox::before{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/bg_kv_pc.png") no-repeat center center / cover;
	position: absolute;
	top: 0;
	left: 0;
}
#kvWrapper .kvBox .inBox{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

/* 品川ロゴ
#kvWrapper .kvBox .logoShinagawa{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 75px;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	position: absolute;
	top: 0;
	right: 30px;
} */

/* logoArea */
#kvWrapper .kvBox .logoArea{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 五反田バレー
#kvWrapper .kvBox .logoArea .logoGotanda{
	margin-right: 150px;
	position: relative;
}
#kvWrapper .kvBox .logoArea .logoGotanda::before,
#kvWrapper .kvBox .logoArea .logoGotanda::after{
	content: " ";
	width: 100px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	right: -100px;
}
#kvWrapper .kvBox .logoArea .logoGotanda::before{
	transform: translateY(-50%) rotate(-45deg);
}
#kvWrapper .kvBox .logoArea .logoGotanda::after{
	transform: translateY(-50%) rotate(45deg);
} */

#kvWrapper .kvBox .logoArea .logoMeetup{/* ベンチャーmeetup */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 460px;
	height: 435px;
	background: url("../images/item_kv_meetup_pc.svg") no-repeat center center / 100% 100%;
}
#kvWrapper .kvBox .logoArea .logoMeetup img{
	transform: translateX(20px);
}

/* --------------------
	scheduleBox
-------------------- */
#kvWrapper .scheduleBox{
	display: flex;
	align-items: center;
	height: 130px;
	background-color: var(--clrRed);
}
#kvWrapper .scheduleBox .inBox{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
}
#kvWrapper .scheduleBox .inBox > img{
	filter: drop-shadow(0 0 4px rgba(0,0,0,0.45));
}
#kvWrapper .scheduleBox .inBox .day{
	margin: 0 15px 0 -30px;
}


/*
	アンカー
-----------------------------------------------------------------------------------------------*/
#anchorWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	background-color: #E6E6E6;
	color: var(--clrRed);
	font-size: 2.2rem;
	font-weight: bold;
}
#anchorWrapper::after{
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--clrRed);
	border-bottom: 2px solid var(--clrRed);
	margin-left: 10px;
	transform: rotate(45deg);
}
#anchorWrapper:hover{
	background-color: #d5d5d5;
}


/*
	btn 予約受付中
-----------------------------------------------------------------------------------------------*/
/* btn */
.btnReservation,
.btnReservation .box{
	display: flex;
	justify-content: center;
	border-radius: 50%;
}
.btnReservation{
	align-items: center;
	width: 200px;
	height: 200px;
	background: linear-gradient(-58deg, rgba(108,226,119,1) 25%, rgba(202,85,190,1) 100%);
	border: 10px solid #fff;
	filter: drop-shadow(0 16px 15px rgba(0,0,0,0.15));
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	transform: translateZ(0);
}
.btnReservation .box{
	align-content: center;
	flex-wrap: wrap;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background-color: #fff;
	transition: all 0.3s;
}
.btnReservation .box img{
	width: 100px;
	will-change: transform;
}
.btnReservation .txt{
	width: auto;
	text-align: center;
	font-size: 1.6rem;
	font-family: var(--fNot);
	font-weight: 700;
	margin-top: 10px;
	will-change: transform;
}
.btnReservation .txt span{
	line-height: 100%;
	padding-right: 13px;
	position: relative;
}
.btnReservation .txt span::after{
	content: " ";
	display: block;
	border: 5px solid transparent;
	border-right: 8px solid transparent;
	border-left: 8px solid #000;
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translateY(-40%);
}
@media print, screen and (min-width:813px){
	.btnReservation:hover .box{
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}
}


/*
	leadWrapper
-----------------------------------------------------------------------------------------------*/
#leadWrapper{
	border-bottom: 40px solid var(--clrRed);
	padding: 60px 0 130px 0;
	position: relative;
}
#leadWrapper .ctsArea{
	padding-bottom: 0;
}
#leadWrapper .txt{
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 230%;
}
#leadWrapper .txt .clr{
	color: #F62D19;
}

/* 矢印 */
#leadWrapper .icoArrow{
	width: 30px;
	height: 100px;
	position: absolute;
	left: 50%;
	bottom: -60px;
	transform: translateX(-50%);
}
#leadWrapper .icoArrow::before,
#leadWrapper .icoArrow::after{
	content: " ";
	display: block;
	background-color: #000;
	position: absolute;
	left: 50%;
	bottom: 0;
}
#leadWrapper .icoArrow::before{
	width: 2px;
	height: 100%;
	transform: translateX(-50%);
}
#leadWrapper .icoArrow::after{
	width: 15px;
	height: 2px;
	transform: translate(-2px, -5px) rotate(-45deg);
}


/*
	OPENING
-----------------------------------------------------------------------------------------------*/
#openingWrapper, #specialWrapper, #endingWrapper, #scheduleWrapper, #companyWrapper{
	padding: 80px 0;
}
#openingWrapper .txtLead{
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 220%;
	margin-bottom: 50px;
}

/* list */
#openingWrapper .list{
	display: flex;
	justify-content: center;
	gap: 0 30px;
}
#openingWrapper .list li{
	display: flex;
	flex-direction: column;
	width: 360px;
	padding: 10px;
	position: relative;
}
#openingWrapper .list li::before,
#openingWrapper .list li::after{
	content: " ";
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	position: absolute;
	z-index: 1;
}
#openingWrapper .list li::before{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	top: 0;
	left: 0;
}
#openingWrapper .list li::after{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	bottom: 0;
	right: 0;
}
#openingWrapper .list li > *{
	position: relative;
	z-index: 2;
}

/* txtArea */
#openingWrapper .list .txtArea{
	flex-grow: 1;
	background: var(--clrGrad);
	color: #fff;
	padding: 30px;
}
#openingWrapper .list .nameBox{
	font-weight: var(--fNot);
}
#openingWrapper .list .nameBox .title{
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 10px;
}
#openingWrapper .list .nameBox .name{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 100%;
}
#openingWrapper .list .nameBox .name span{
	display: inline-block;
	font-size: 1.3rem;
	font-family: var(--fEn);
	font-weight: 600;
	margin-left: 10px;
	line-height: 100%;
	letter-spacing: 0.05rem;
}


/*
	SPECIAL CONTENTS
-----------------------------------------------------------------------------------------------*/
#specialWrapper{
	background: linear-gradient(-45deg, rgba(108,226,119,0.2) 25%, rgba(202,85,190,0.2) 100%);
}
#specialWrapper .titBase{
	margin-bottom: 90px;
}

/* txtBox */
#specialWrapper .txtBox{
	background-color: #fff;
	border: 2px solid #000;
	text-align: center;
	padding: 55px 30px 30px 30px;
	margin-bottom: 30px;
	position: relative;
}
#specialWrapper .txtBox .titSub{
	width: 400px;
	background-color: #000;
	line-height: 100%;
	padding: 15px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
#specialWrapper .txtBox .titSub img,
#specialWrapper .txtBox .tit img{
	transform: rotate(0.001deg);
}

/* profileBox */
#specialWrapper .profileBox{
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}
#specialWrapper .profileBox .txt{
	width: 610px;
	text-align: justify;
}
#specialWrapper .profileBox .txt .name{
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 10px;
}
#specialWrapper .profileBox .txt .name span{
	display: block;
	font-size: 2.2rem;
}


/*
	ENDING
-----------------------------------------------------------------------------------------------*/
#endingWrapper{
	padding-bottom: 120px;
}
#endingWrapper .clm2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#endingWrapper .clm2 figure{
	position: relative;
}
#endingWrapper .clm2 figure::after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg, rgba(108,226,119,0.2) 25%, rgba(202,85,190,0.2) 100%);
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: 1;
}
#endingWrapper .clm2 figure img{
	position: relative;
	z-index: 2;
}
#endingWrapper .clm2 figcaption{
	background: #000;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 100%;
	padding: 15px 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
	transform: translate(30px, 50%);
}
#endingWrapper .clm2 figcaption span{
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 10px;
}
#endingWrapper .clm2 .txt{
	width: 670px;
	text-align: justify;
	font-size: 1.8rem;
	font-weight: bold;
}

/*
	SCHEDULE
-----------------------------------------------------------------------------------------------*/
#scheduleWrapper{
	background-image: repeating-linear-gradient(90deg, #f1f1f1 0, #f1f1f1 38px, #ffffff 38px, #ffffff 39px);
	background-size: 39px 39px;
	background-position: 50% 50%;
}

/* table */
#scheduleWrapper .tbl{
	width: 950px;
	table-layout: auto;
	background-color: #fff;
	font-size: 1.8rem;
	margin: 0 auto;
}
#scheduleWrapper .tbl tr > *{
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
	padding: 20px 30px;
}
#scheduleWrapper .tbl .lineNone{
	border-bottom: none;
}
#scheduleWrapper .tbl .bgGreen,/* 1・2部 */
#scheduleWrapper .tbl .bgPink{
	border-bottom: none;
	font-weight: bold;
	padding: 20px;
}
#scheduleWrapper .tbl .bgGreen{
	background-color: #DEF8E1;
}
#scheduleWrapper .tbl .bgPink{
	background-color: #F2D8EF;
}
#scheduleWrapper .tbl td:first-of-type{/* 時間軸 */
	width: 200px;
	background-color: #F6F6F6;
	text-align: center;
	font-family: var(--fEn);
	font-weight: bold;
}
#scheduleWrapper .tbl .time{/* time */
	display: inline-block;
	background-color: #000;
	border-radius: 30px;
	color: #fff;
	font-size: 1.6rem;
	font-family: var(--fEn);
	font-weight: 700;
	line-height: 100%;
	padding: 6px 15px;
}
#scheduleWrapper .tbl .tit{/* tit */
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 130%;
	margin-top: 15px;
}
#scheduleWrapper .tbl .titSub{/* titSub */
	line-height: 130%;
	margin-top: 10px;
}
#scheduleWrapper .tbl .irregular .tit{/* 登壇企業企業紹介 */
	display: inline-block;
	font-size: 1.8rem;
	margin: 0 0 0 15px;
}
#scheduleWrapper .tbl .clm2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* btn */
#scheduleWrapper .tbl .btn{
	display: block;
	width: 150px;
	background: #ee7906;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-family: var(--fNot);
	font-weight: 700;
	letter-spacing: 0.15rem;
	padding: 10px 40px;
	margin-top: auto;
	position: relative;
}
#scheduleWrapper .tbl .btn::before,
#scheduleWrapper .tbl .btn::after{
	content: " ";
	display: block;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 15px;
	transition: all 0.3s;
}
#scheduleWrapper .tbl .btn::before{
	width: 20px;
	transform: translateY(-50%);
}
#scheduleWrapper .tbl .btn::after{
	width: 6px;
	transform: translateY(-3px) rotate(45deg);
}
@media print, screen and (min-width:813px){
	#scheduleWrapper .tbl .btn:hover{
		background-color: #ee5706;
		letter-spacing: 0.35rem;
	}
	#scheduleWrapper .tbl .btn:hover::before,
	#scheduleWrapper .tbl .btn:hover::after{
		right: 10px;
	}
}

/* note */
#scheduleWrapper .note{
	width: 950px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 30px auto 0 auto;
}


/*
	参画企業一覧
-----------------------------------------------------------------------------------------------*/
#companyWrapper{
	background-color: var(--clrRed);
}
#companyWrapper .titBase{
	color: #fff;
}

/* list */
#companyWrapper .list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px 20px;
}
#companyWrapper .list li{
	display: flex;
	flex-direction: column;
	width: calc((100% - 40px)/3);
	background-color: #fff;
	filter: drop-shadow(7px 7px 5px rgba(0,0,0,0.1));
}

/* figure */
#companyWrapper .list figure{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 140px;
}

/* tit */
#companyWrapper .list .tit{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	background: var(--clrGrad);
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	font-family: var(--fNot);
	font-weight: 700;
	line-height: 130%;
	padding: 0 20px;
}

/* inBox */
#companyWrapper .list .inBox{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 20px;
}
#companyWrapper .list .inBox .txt{
	text-align: justify;
	font-size: 1.3rem;
	letter-spacing: 0.05rem;
	line-height: 150%;
	margin-bottom: 30px;
}
#companyWrapper .list .inBox .btn{
	display: block;
	width: 100%;
	background: #ee7906;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-family: var(--fNot);
	font-weight: 700;
	letter-spacing: 0.15rem;
	padding: 10px 50px;
	margin-top: auto;
	position: relative;
}
@media print, screen and (min-width:813px){
	/* 2clm時 */
	#companyWrapper .list .inBox .btn{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
#companyWrapper .list .inBox .btn::before,
#companyWrapper .list .inBox .btn::after{
	content: " ";
	display: block;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 15px;
	transition: all 0.3s;
}
#companyWrapper .list .inBox .btn::before{
	width: 20px;
	transform: translateY(-50%);
}
#companyWrapper .list .inBox .btn::after{
	width: 6px;
	transform: translateY(-3px) rotate(45deg);
}
@media print, screen and (min-width:813px){
	#companyWrapper .list .inBox .btn:hover{
		background-color: #ee5706;
		letter-spacing: 0.35rem;
	}
	#companyWrapper .list .inBox .btn:hover::before,
	#companyWrapper .list .inBox .btn:hover::after{
		right: 10px;
	}
}


/*
	footer
-----------------------------------------------------------------------------------------------*/
#footerWrapper{
	height: 130px;
	background-color: #000;
	padding: 30px 0;
}
#footerWrapper .copyright{
	width: 1200px;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	font-family: var(--fNoto);
	padding: 0 30px;
	margin: 0 auto;
}


@media screen and (max-width:812px){
	body{
		-webkit-text-size-adjust:100%;
		font-size: 1.4rem;
	}
	img{
		width:100%;
	}
	p{
		line-height: 150%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
	
	
	/*
		common
	-----------------------------------------------------------------------------------------------*/
	/* box */
	.ctsArea{
		width: 100%;
		max-width: 500px;
		padding: 0 15px 40px 15px;
	}

	/* tit */
	.titBase{
		font-size: 4rem;
		margin-bottom: 20px;
	}
	.titBase.ja{
		font-size: 3.2rem;
		margin-bottom: 35px;
	}


	/*
		kv
	-----------------------------------------------------------------------------------------------*/
	#kvWrapper .inBox{
		width: 100%;
		padding: 0 15px;
	}

	/* --------------------
		kvBox
	-------------------- */
	#kvWrapper .kvBox{
		height: calc(100vh - 90px);
		min-height: 550px;
	}
	#kvWrapper .kvBox::before{
		background: url("../images/bg_kv_sp.png") no-repeat center center / cover;
	}

	/* 	品川ロゴ
	#kvWrapper .kvBox .logoShinagawa{
		width: 100px;
		padding: 13px 10px;
		height: auto;
		right: 15px;
	} */

	/* logoArea */
	#kvWrapper .kvBox .logoArea{
		display: block;
		width: 100%;
	}

	/* 	五反田バレー
	#kvWrapper .kvBox .logoArea .logoGotanda{
		width: 200px;
		padding-bottom: 50px;
		margin: 0 auto 15px auto;
	}
	#kvWrapper .kvBox .logoArea .logoGotanda::before,
	#kvWrapper .kvBox .logoArea .logoGotanda::after{
		width: 40px;
		top: auto;
		right: auto;
		left: 50%;
		bottom: 15px;
	}
	#kvWrapper .kvBox .logoArea .logoGotanda::before{
		transform: translateX(-50%) rotate(-45deg);
	}
	#kvWrapper .kvBox .logoArea .logoGotanda::after{
		transform: translateX(-50%) rotate(45deg);
	}
	 */
	#kvWrapper .kvBox .logoArea .logoMeetup{/* ベンチャーmeetup */
		width: 260px;
		height: 240px;
		background: url("../images/item_kv_meetup_sp.svg") no-repeat center center / 100% 100%;
		margin: 0 auto;
	}
	#kvWrapper .kvBox .logoArea .logoMeetup img{
		width: 110%;
		transform: translateX(10px);
	}

	/* --------------------
		scheduleBox
	-------------------- */
	#kvWrapper .scheduleBox{
		height: 90px;
	}
	#kvWrapper .scheduleBox .inBox{
		max-width: 500px;
		padding: 0 15px 0 15px;
	}
	#kvWrapper .scheduleBox .inBox .day{
		display: block;
		width: 110px;
		margin: 0 15px 0 0;
	}
	#kvWrapper .scheduleBox .inBox .time{
		display: block;
		width: 170px;
	}


	/*
		アンカー
	-----------------------------------------------------------------------------------------------*/
	#anchorWrapper{
		height: 60px;
		font-size: 1.8rem;
	}
	#anchorWrapper::after{
		width: 8px;
		height: 8px;
		margin-left: 8px;
	}


	/*
		btn 予約受付中
	-----------------------------------------------------------------------------------------------*/
	.btnReservation{
		width: 120px;
		height: 120px;
		border: 5px solid #fff;
		bottom: 10px;
		right: 10px;
	}
	.btnReservation .box img{
		width: 60px;
	}
	.btnReservation .txt{
		font-size: 1rem;
		margin-top: 8px;
	}
	.btnReservation .txt span{
		letter-spacing: 0rem;
		padding-right: 8px;
	}
	.btnReservation .txt span::after{
		border-width: 4px 5px 4px 5px;
		right: -5px;
	}


	/*
		leadWrapper
	-----------------------------------------------------------------------------------------------*/
	#openingWrapper, #specialWrapper, #endingWrapper, #scheduleWrapper, #companyWrapper{
		padding: 60px 0;
	}
	#leadWrapper{
		padding: 30px 0 70px 0;
	}
	#leadWrapper .txt{
		text-align: justify;
		font-size: 1.5rem;
		line-height: 170%;
	}

	/* 矢印 */
	#leadWrapper .icoArrow{
		height: 80px;
	}


	/*
		OPENING
	-----------------------------------------------------------------------------------------------*/
	#openingWrapper .txtLead{
		text-align: center;
		font-size: 1.5rem;
		line-height: 170%;
		margin-bottom: 40px;
	}

	/* list */
	#openingWrapper .list{
		display: block;
	}
	#openingWrapper .list li{
		display: block;
		width: 100%;
	}
	#openingWrapper .list li:not(:last-of-type){
		margin-bottom: 30px;
	}

	/* txtArea */
	#openingWrapper .list .txtArea{
		padding: 20px;
	}


	/*
		SPECIAL CONTENTS
	-----------------------------------------------------------------------------------------------*/
	#specialWrapper .titBase{
		margin-bottom: 40px;
	}

	/* txtBox */
	#specialWrapper .txtBox{
		padding: 40px 20px 20px 20px;
		margin-bottom: 20px;
	}
	#specialWrapper .txtBox .titSub{
		width: auto;
		padding: 10px 15px;
	}
	#specialWrapper .txtBox .titSub img{
		width: 250px;
	}
	#specialWrapper .txtBox .tit img{
		width: 250px;
	}

	/* profileBox */
	#specialWrapper .profileBox{
		display: block;
		width: 100%;
	}
	#specialWrapper .profileBox figure{
		width: 150px;
		margin: 0 auto 10px auto;
	}
	#specialWrapper .profileBox .txt{
		width: 100%;
	}
	#specialWrapper .profileBox .txt .name{
		text-align: center
	}
	#specialWrapper .profileBox .txt .name span{
		line-height: 100%;
		margin-top: 3px;
	}


	/*
		ENDING
	-----------------------------------------------------------------------------------------------*/
	#endingWrapper .titBase{
		margin-bottom: 25px;
	}
	#endingWrapper .clm2{
		display: block;
	}
	#endingWrapper .clm2 figure{
		padding: 10px;
		margin-bottom: 20px;
	}
	#endingWrapper .clm2 figure::after{
		bottom: 0;
		right: 0;
	}
	#endingWrapper .clm2 figcaption{
		text-align: center;
		padding: 15px;
		position: relative;
		transform: translate(0, 0);
	}
	#endingWrapper .clm2 .txt{
		width: 100%;
		font-size: 1.5rem;
		line-height: 170%;
	}


	/*
		SCHEDULE
	-----------------------------------------------------------------------------------------------*/
	/* table */
	#scheduleWrapper .tbl{
		width: 100%;
		font-size: 1.4rem;
	}
	#scheduleWrapper .tbl tr > *{
		padding: 15px 15px;
	}
	#scheduleWrapper .tbl .bgGreen,/* 1・2部 */
	#scheduleWrapper .tbl .bgPink{
		padding: 10px;
	}
	#scheduleWrapper .tbl td:first-of-type{/* 時間軸 */
		width: 50px;
		font-size: 1.2rem;
		letter-spacing: 0;
		padding: 15px 5px;
	}
	#scheduleWrapper .tbl .time{/* time */
		font-size: 1.2rem;
		padding: 6px 10px;
	}
	#scheduleWrapper .tbl .tit{/* tit */
		font-size: 1.8rem;
		margin-top: 10px;
	}
	#scheduleWrapper .tbl .titSub{/* titSub */
		line-height: 130%;
		margin-top: 5px;
	}
	#scheduleWrapper .tbl .irregular .tit{/* 登壇企業企業紹介 */
		font-size: 1.5rem;
		margin: 0 0 0 5px;
	}
	#scheduleWrapper .tbl .clm2{
		display: block;
	}

	/* btn */
	#scheduleWrapper .tbl .btnArea{
		margin-top: 15px;
	}
	#scheduleWrapper .tbl .btn{
		width: 100%;
		padding: 8px 40px;
	}

	/* note */
	#scheduleWrapper .note{
		width: 100%;
		text-align: justify;
		font-size: 1.4rem;
	}


	/*
		参画企業一覧
	-----------------------------------------------------------------------------------------------*/
	/* list */
	#companyWrapper .list{
		display: block;
	}
	#companyWrapper .list li{
		width: 100%;
	}
	#companyWrapper .list li:not(:last-of-type){
		margin-bottom: 15px;
	}

	/* figure */
	#companyWrapper .list figure{
		height: auto;
		padding: 15px;
	}
	#companyWrapper .list figure img{
		width: 230px;
	}

	/* tit */
	#companyWrapper .list .tit{
		font-size: 1.4rem;
	}

	/* inBox */
	#companyWrapper .list .inBox{
		display: block;
	}
	#companyWrapper .list .inBox .txt{
		margin-bottom: 20px;
	}


	/*
		footer
	-----------------------------------------------------------------------------------------------*/
	#footerWrapper{
		height: auto;
		padding: 20px 0;
	}
	#footerWrapper .copyright{
		width: 100%;
		padding: 0 15px;
	}
}