@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.content-area{
	width:85%;
	margin-left: auto;
	margin-right: auto;
}
.ttl01{
	font-size:24px;
	margin-bottom:0.5vw;
}
.ttl02{
	font-size:20px;
	font-weight:700;
	margin-bottom:0.5vw;
}
.ttl03{
	font-size:18px;
	font-weight:700;
	margin-bottom:2vw;
}
.ttl04{
	font-size:18px;
	font-weight:700;
	margin-bottom:0.5vw;
}


/* +++++++++++++++++++++++++ */

#mv{
	padding-top:8vw;
}
#mv .content-area{
	padding-bottom:8vw;
	margin-bottom:3.5vw;
	border-bottom: solid 1px #707070;
}
#mv .images-box{
	width:42%;
}
#mv .images-box .ph{
	margin-bottom:1vw;
}
#mv .images-box .mv-caption{
	margin-bottom:2.2vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#mv .images-box .mv-caption li{
	margin-left:1em;
	font-size:10px;
	line-height:1;
	margin-bottom:0.5vw;
}
#mv .images-box .design-gallery-logo{
	width:4vw;
}
#mv .txt-box{
	width:49%;
}
#mv .page-ttl{
	margin-bottom:6vw;
}



#mv .event-data{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#mv .event-data dt{
	width:6em;
	margin-bottom:10px;
}
#mv .event-data dd{
	width:calc(100% - 6em);
	margin-bottom:10px;
}
#mv .event-data dd .no-breaks{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#mv .event-data dd .no-breaks li{
	white-space: nowrap;
}
#mv .event-data dd .no-breaks li:after{
	content:"、";
}
#mv .event-data dd .no-breaks li:last-child:after{
	display:none;
}
#mv .event-data-indent{
	display:block;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:10px;
}
#mv .txt-box .ttl03{
	margin-bottom:10px;
}


#mv .event-data-txt{
	margin-bottom:2vw;
}

#mv .company-link-logo{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#mv .company-link-logo li{
	margin-right:1vw;
}

/* +++++++++++++++++++++++++ */

#event{
	
}
#event .ttl01{
	margin-bottom:2.4vw;
}
#event .event-outline{
	width:42%;
}
#event .event-outline .event-name{
	margin-bottom:2vw;
}
#event .event-outline .schedule-contact{
	font-size:20px;
	font-weight:700;
}
#event .event-speakers{
	width:49%;
}
#event .speakers-prof{
}
#event .speakers-prof li{
	margin-bottom:3.2vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#event .speakers-prof li .ph{
	width:18.6%;
}
#event .speakers-prof li .txt-box{
	width:78%;
	font-size:16px;
	line-height:1.8;
}


/* +++++++++++++++++++++++++ */

footer{
	padding:50px 0;
	background-color:#EAEAEA;
}
footer .content-area{
}
footer .footer-pagettl{
	width:24%;
}
footer .copyright{
	position:relative;
	font-size:12px;
	text-align:right;
}
footer .copyright:before{
	content:"";
	position:absolute;
	top:-8vw;
	right:0;
	width:5vw;
	padding-top:8.5%;
	background:url(../img/footer-logo.svg) no-repeat top center /100% auto;
}



}



@media screen and (min-width:768px) and ( max-width:1200px) {
	

}

@media (max-width: 768px) {


	/* +++++++++++++++++++++++++ */

	.content-area{
		width:86%;
		margin-left: auto;
		margin-right: auto;
	}
	.ttl01{
		font-size:20px;
		margin-bottom:0.5vw;
	}
	.ttl02{
		font-size:16px;
		font-weight:700;
		margin-bottom:0.5vw;
	}
	.ttl03{
		font-size:16px;
		font-weight:700;
		margin-bottom:2vw;
	}
	.ttl04{
		font-size:16px;
		font-weight:700;
		margin-bottom:0.5vw;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#mv{
	}
	#mv .content-area{
		padding:0;
		padding-bottom:8vw;
		margin-bottom:8vw;
		border-bottom: solid 1px #707070;
	}
	#mv .images-box{
		width:100%;
		margin-bottom:10vw;
	}
	#mv .images-box .ph{
		position:relative;
		left:-7vw;
		width:calc(100% + 14vw);
		margin-bottom:3vw;
	}
	#mv .images-box .mv-caption{
		margin-bottom:2.2vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#mv .images-box .mv-caption li{
		margin-left:1em;
		font-size:10px;
		line-height:1;
		margin-bottom:2vw;
	}
	#mv .images-box .design-gallery-logo{
		width:8vw;
	}
	#mv .txt-box{
	}
	#mv .page-ttl{
		margin-bottom:6vw;
	}
	#mv .event-data{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#mv .event-data dt{
		width:5em;
		margin-bottom:10px;
		font-size:14px;
	}
	#mv .event-data dd{
		width:calc(100% - 5em);
		margin-bottom:10px;
		font-size:14px;
	}
	#mv .event-data dd .no-breaks{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#mv .event-data dd .no-breaks li{
		white-space: nowrap;
	}
	#mv .event-data dd .no-breaks li:after{
		content:"、";
	}
	#mv .event-data dd .no-breaks li:last-child:after{
		display:none;
	}
	#mv .event-data-indent{
		display:block;
		text-indent:-1em;
		padding-left:1em;
		margin-bottom:10px;
		font-size:14px;
	}
	#mv .txt-box .ttl03{
		margin-bottom:10px;
	}
	
	#mv .event-data-txt{
		margin-bottom:8vw;
	}
	
	#mv .company-link-logo{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#mv .company-link-logo li{
		margin-right:5%;
		margin-bottom:3vw;
	}
	#mv .company-link-logo li:nth-child(1),
	#mv .company-link-logo li:nth-child(2),
	#mv .company-link-logo li:nth-child(3),
	#mv .company-link-logo li:nth-child(4){
		width:45%;
	}
	#mv .company-link-logo li:nth-child(1) img,
	#mv .company-link-logo li:nth-child(2) img,
	#mv .company-link-logo li:nth-child(3) img,
	#mv .company-link-logo li:nth-child(4) img,
	#mv .company-link-logo li:nth-child(5) img{
		width:auto;
		max-width:100%;
	}
	#mv .company-link-logo li:nth-child(5){
	}
	
	/* +++++++++++++++++++++++++ */
	
	#event{
		
	}
	#event .ttl01{
		margin-bottom:2.4vw;
	}
	#event .event-outline{
		width:100%;
		margin-bottom:10vw;
	}
	#event .event-outline .event-name{
		margin-bottom:2vw;
	}
	#event .event-outline .schedule-contact{
		font-weight:700;
	}
	
	#event .event-outline .mb2{
		margin-bottom:8vw !important;
	}
	#event .event-speakers{
		width:100%;
	}
	#event .speakers-prof{
	}
	#event .speakers-prof li{
		margin-bottom:8vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#event .speakers-prof li .ph{
		width:100%;
		margin-bottom:5vw;
	}
	#event .speakers-prof li .txt-box{
		width:100%;
		font-size:14px;
		line-height:1.8;
	}
	
	/* +++++++++++++++++++++++++ */

	footer{
		padding:5vw 0;
		background-color:#EAEAEA;
	}
	footer .content-area{
		position:relative;
	}
	footer .footer-pagettl{
		width:50%;
	}
	footer .copyright{
		position:relative;
		font-size:10px;
		margin-top:10vw;
	}
	footer .content-area:before{
		content:"";
		position:absolute;
		top:0vw;
		right:0;
		width:15vw;
		padding-top:25%;
		background:url(../img/footer-logo.svg) no-repeat top center /100% auto;
	}
	
}