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

.festa{
	width:100%;
	background:#f5f4ef;
	padding-bottom:10px;
	margin-bottom:100px;
}

.festa .main {
	padding:200px 50px 50px;
	position:relative;
	background:url("/event/wp-content/uploads/2021/07/0710/20210710_housingfesta_main_bg.jpg") no-repeat top center;
	background-size:cover;
}
.festa .main img.sp_img{
	display:none;
}
.festa .main img.icon_20th{
	width:150px;
	position:absolute;
	top:10px;
	right:10px;
	filter: drop-shadow(0px 0px 5px #FFEB3B);
}
.festa .main p{
	color:#fff;
	width:50%;
	margin:20px 0 0;
}
.festa .ep_live{
	width:100%;
	margin-top:-150px;
	margin-bottom:100px;
	z-index:100;
}
.festa .ep_live ol{
	padding-right:30px;
	display:flex;
	justify-content:space-between;
	background:url("/event/wp-content/uploads/2021/07/0710/20210710_housingfesta_ep_live_modelimage.png") no-repeat bottom left;
	background-size:100%;
}
.festa .ep_live ol dl:nth-child(1){
	width:53%;
}
.festa .ep_live ol dl:nth-child(2){
	width:40%;
	box-sizing:border-box;
	margin-bottom:50px;
}
.festa .ep_live ol dl:nth-child(2) dt{
	width:100%;
	position:relative;
}
.festa .ep_live ol dl:nth-child(2) dt iframe{
	width:100%;
	height:300px;
}

.festa .ep_live ol dl:nth-child(2) dt img.icon_live{
	width:170px;
	position:absolute;
	left:-175px;
	bottom:20px;
	}
.festa .ep_live ol dl:nth-child(2) dd{
	background:rgba(255,255,255,0.9);
	padding:20px 30px;
}
.festa .ep_live ol dl dd h4{
	font-size:90% !important;
	border-bottom:none !important;
	margin:0.2em !important;
	padding:0 !important;
	text-align:center;
}
.festa .ep_live ol dl:nth-child(2) dd h4 span{
	font-size:200%;
}
.festa .ep_live ol dl:nth-child(2) dd p{
	font-size:90%;
}
.festa .ep_live ol dl:nth-child(2) dd date{
	font-size:120%;
	font-weight:bold;
	display:block;
	text-align:center;
}
.festa .ep_live ol dl:nth-child(2) dd > div{
	margin:1em 0;
	text-align:center;
}
.festa .ep_live ol dl:nth-child(2) dd > div a{
	color:#fff;
	background:#000;
	padding:4px 20px;
	border-radius:20px;
}

.festa .ep_event{
	margin-bottom:150px;
	padding:0 20px;
}
.festa .ep_event ul{
	display:flex;
	justify-content:space-between;
}
.festa .ep_event ul li{
    width:50%;
    padding:20px
}
.festa .ep_event ul li img{
	width:100%;
}
.festa .ep_event ul li:nth-child(1){
	background:#fff;
	position:relative;
}
.festa .ep_event ul li:nth-child(1)::before{
	color:rgb(153 153 136 / 0.5);
	font-family: 'Jost', sans-serif;
	content:"FLOWER CROWN";
	font-size:400%;
	line-height:1em;
	position:absolute;
	top:-0.4em;
	left:10px;
	border-bottom:3px solid #bdbd9b;
}
.festa .ep_event ul li:nth-child(2){
	border:#bdbd9b  1px solid;
	position:relative;
}
.festa .ep_event ul li:nth-child(2)::before{
	color:rgb(153 153 136 / 0.5);
	font-family: 'Jost', sans-serif;
	content:"PIZZA";
	font-size:400%;
	line-height:1em;
	position:absolute;
	top:-0.4em;
	right:10px;
	border-bottom:3px solid #bdbd9b;
}
.festa .ep_event ul li h4{
	margin:10px 0 0 !important;
	border-bottom:none !important;
	text-align:center;
}
.festa .ep_event ul li date{
	font-size:110%;
	font-weight:bold;
	display:block;
	text-align:center;
}
.festa .ep_event ul li date span{
	font-size:80%;
	border:1px solid #000;
	padding:2px 5px;
	margin-right:0.5em;
}
.festa .ep_event ul li p.price > span{
	color:#fff;
	font-size:90%;
	background:#000;
	padding:5px 10px;
}
.festa .ep_event ul li p.price{
	text-align:center;
}
.festa .ep_event ul li > p{
	margin:10px 0 0 0;
}
.festa .ep_event ul li dl{
	margin:10px 0;
	padding-top:10px;
	border-top:1px dotted #000;
}
.festa .ep_event ul li dl dt{
	font-size:110%;
}
.festa .ep_event ul li dl p{
	font-size:90%;
	line-height:1.7em;
}
.festa .ep_event ul li dl p em{
	font-weight:bold;
	font-size:110%;
}
.festa .ep_event ul li:nth-child(1) .btn{
	width:300px;
	text-align:center;
	margin:1em auto;
}
.festa .ep_event ul li:nth-child(1) .btn a{
	padding:7px 0;
}
.festa .ep_event ul li:nth-child(1) dl{
	background:#fff;
}
.festa .ep_event ul li:nth-child(1) dl a{
	color:#c00;
}
.festa .ep_event ul li:nth-child(2) dl{
	border:1px solid #339437;
	box-sizing:border-box;
	padding:20px;
	background:#fff;
}
.festa .ep_event ul li:nth-child(2) dl h6{
	text-align:center;
	font-weight:bold;
}
.festa .ep_event ul li:nth-child(2) dl span{
	display:block;
	text-align:center;
	margin-top:10px;
}
.festa .ep_event ul li:nth-child(2) dl span a{
	color:#fff;
	font-size:90%;
	background:#37a73b;
	padding:7px 20px;
	border-bottom:none;
	text-decoration:none;
	border-radius:20px;
}


.festa .seminer{
	padding:0px 20px 0;
	position:relative;
	margin:0 0 150px 0;
}
	
.festa .seminer::before{
	color:rgb(153 153 136 / 0.5);
	content:"SEMINER";
    font-size:500% !important;
    font-family: 'Jost', sans-serif;
    position:absolute;
    line-height:1em;
    top:0;
    right:20px;
    border-bottom:3px solid #bdbd9b;
}
.festa .seminer h4{
	font-size:180% !important;
	border-bottom:none !important;
	line-height:1.5em;
	margin:0px 0 50px!important;
}
.festa .seminer h4 span{
	display:block;
	font-size:80%;;
}
.festa .seminer h4 strong{
	color:transparent;
	font-size:220%;
	font-weight:bold;
	line-height:1.5em;
	-webkit-text-stroke: 1px #000;
	text-stroke: 1px #000;
}
.festa .seminer > ul{
	display:flex;
	justify-content:space-between;
	margin:0 0 40px 0;
}
.festa .seminer > ul > li{
    width:32%;
    background:#fff;
    padding:20px;
    box-sizing:border-box;
}
.festa .seminer ul li dl{
}
.festa .seminer ul li dl dt{
	position:relative;
}
.festa .seminer ul li dl dt img{
	width:100%;
}
.festa .seminer ul li dl dt span{
	font-size:80%;
	color:#fff;
	padding:2px 20px;
	position:absolute;
	top:-20px;
	left:-20px;
	background:#da316b;
	text-align:center;
}
.festa .seminer ul li dl dt span em{
	font-size:250%;
	font-family: 'Jost', sans-serif;
	line-height:0.8em;
	display:block;
}
.festa .seminer ul li dl dd h4{
	color:#000;
	font-size:120% !important;
	border-bottom:none !important;
	margin:10px 0 5px !important;
	text-align:center;
}
.festa .seminer ul li dl dd h4 span{
	font-size:70%;
	display:block;
	line-height:2.5em;
}
.festa .seminer ul li dl dd date{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	display:block;
	margin-bottom:20px;
}
.festa .seminer ul li dl dd date span{
	font-size:90%;
	padding:2px;
	border:1px solid #000;
	margin-right:10px;
}
.festa .seminer ul li dl dd .btn{
	width:90%;
	max-width:300px;
	text-align:center;
	margin:20px auto 0;
}
.festa .seminer ul li dl dd .btn a{
	padding:7px 0;
}

.festa .seminer .teacher{
}
.festa .seminer .teacher ul{
	display:flex;
	justify-content:space-between;
}
.festa .seminer .teacher ul li{
	width:47%;
	padding:20px 0;
	display:flex;
	justify-content:space-between;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
}
.festa .seminer .teacher ul li::before{
	font-size:120%;
	font-family: 'Jost', sans-serif;
	content:"SEMINAR SPEAKER";
	line-height:1em;
	position:absolute;
	top:-0.4em;
	right:0px;
	padding:0 0 0 10px;
	background:#f5f4ef;
}
.festa .seminer .teacher ul li dt{
	width:22%;
	overflow:hidden;
}
.festa .seminer .teacher ul li dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.festa .seminer .teacher ul li dd{
	width:76%;
}
.festa .seminer .teacher ul li dd h6{
	font-size:120%;
	font-weight:bold;
}
.festa .seminer .teacher ul li dd h6 span{
	font-size:80%;
	margin-right:0.5em;
}
.festa .seminer .teacher ul li dd p{
	font-size:95%;
	line-height:1.8em;
}
.festa .consul{
	width:calc(100% - 40px);
	margin:0 auto;
    display:flex;
    justify-content:space-between;
    margin-bottom:100px;
    position:relative;
}
.festa .consul::before{
	color:rgb(153 153 136 / 0.5);
	font-size:400%;
	font-family: 'Jost', sans-serif;
	line-height:1em;
	content:"CONSULTATION";
	position:absolute;
	right:10px;
	top:-0.5em;
	padding:0 10px;
}
.festa .consul dt{
	width:37%;
	height:auto;
	overflow:hidden;
}
.festa .consul dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.festa .consul dd{
	width:60%;
	padding:70px 30px;
	background:rgb(153 153 136 / 0.8);
}
.festa .consul dd p{
	color:#fff;
}
.festa .consul dd h4{
	color:#fff !important;
	font-size:150% !important;
	border-bottom:none !important;
	margin:20px auto !important;
}
.festa .consul dd h4 span{
	display:block;
	font-size:70%;
}

.festa .consul dd .btn{
	text-align:center;
	width:300px;
	max-width:90%;
	margin-top:20px;
}
.festa .consul dd .btn a{
	padding:10px 30px !important;
}


.festa .renova{
	width:calc(100% - 40px);
	margin:auto;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
    margin-bottom:100px;
    position:relative;
    background:#FFEB3B;
}
.festa .renova::before{
	color:#ecd822;
	font-size:400%;
	font-family: 'Jost', sans-serif;
	content:"RENOVATION &  REFORM";
	position:absolute;
	left:20px;
	top:-0.2em;
}
.festa .renova dt{
	width:37%;
	height:auto;
	overflow:hidden;
}
.festa .renova dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.festa .renova dd{
	width:60%;
	padding:70px 30px;
}
.festa .renova dd h4{
	font-size:150% !important;
	border-bottom:none !important;
	margin:20px auto !important;
}
.festa .renova dd h4 span{
	display:block;
	font-size:70%;
}
.festa .renova dd .btn{
	text-align:center;
	width:300px;
	max-width:90%;
	margin-top:20px;
}
.festa .renova dd .btn a{
	padding:10px 30px !important;
}


.festa .campaign{
	width:calc(100% - 40px);
	margin:auto;
    display:flex;
    justify-content:space-between;
    margin-bottom:50px;
    position:relative;
    background:#333;
}
.festa .campaign::before{
	color:#E91E63;
	font-size:500%;
	font-family: 'Jost', sans-serif;
	content:"CAMPAIGN";
	position:absolute;
	line-height:1em;
	right:0;
	top:-0.5em;
}
.festa .campaign dt{
	width:37%;
	height:auto;
}
.festa .campaign dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.festa .campaign dd{
	color:#fff;
	width:60%;
	padding:70px 30px;
}
.festa .campaign dd h4{
		font-size:150% !important;
	border-bottom:none !important;
	margin:20px auto !important;
}
.festa .campaign dd h4 span{
	display:block;
	font-size:70%;
}
.festa .campaign dd .btn{
	text-align:center;
	width:300px;
	max-width:90%;
	margin-top:20px;
}
.festa .campaign dd .btn a{
	padding:10px 30px !important;
}

.measure_info{
  border:2px solid #2196F3;
  background:#f0f8ff;
  padding:20px;
  box-sizing:border-box;
  margin:70px 0 30px 0;
}
.measure_info h5{
	font-size:130%;
	font-weight:bold;
	color:#2196F3;
	text-align:center;
	margin-bottom:0.5em;
}
.measure_info > p{
	margin-bottom:1em !important;
}

.measure_info > p a{
	color:#e60e58;
}

.event_info .goolemap{

}
.event_info .goolemap iframe{
	width:100%;
    height:350px;
}

@media screen and (max-width:1199px) {
	.festa .ep_live ol dl:nth-child(2){
		width:45%;
	}
	.festa .ep_event ul li:nth-child(1)::before{
		font-size:300%;
	}
	.festa .ep_event ul li:nth-child(2)::before{
		font-size:300%;
		right:unset;
		left:10px;
	}
}

@media screen and (max-width: 959px) {
	.festa .main {
		padding:200px 50px 150px;
	}
	.festa .main img{
		width:100%;
		margin-bottom:20px;
	}
	.festa .ep_live{
		width:100%;
		margin-top:-100px;
	}
	.festa .ep_live ol dl:nth-child(1){
		width:25%;
	}
	.festa .ep_live ol dl:nth-child(2){
		width:60%;
		min-width:550px;
	}
	.festa .ep_live ol{
		padding-right:3%;
		display:flex;
		justify-content:unset;
		background-size:130%;
	}
	.festa .ep_event ul li date{
		margin:0 0 10px 0;
	}
	.festa .ep_event ul li p.price{
		margin:0 0 10px 0 !important;
	}
}

@media screen and (max-width:859px) {
	.festa .ep_event{
		padding:0 5%;
	}
	.festa .ep_event ul{
		display:block;
		justify-content:unset;
	}
	.festa .ep_event ul li{
		width:90%;
		padding:20px 3%;
		margin:auto;
		box-sizing:border-box;
	}

	.festa .ep_event ul li img{
		width:100%;
	}
	.festa .ep_event ul li:nth-child(1)::before{
		font-size:400%;
	}
	.festa .ep_event ul li:nth-child(2)::before{
		font-size:400%;
	}
	.festa .ep_event ul li:nth-child(1){
		background:#fff;
		position:relative;
		margin-bottom:70px;
	}
	.festa .ep_event ul li date{
		font-size:120%;
		margin:0 0 10px 0;
	}
	.festa .ep_event ul li p.price{
		margin:0 0 20px 0 !important;
	}
	.festa .seminer{
		padding:0px 5% 0;
	}
	.festa .seminer::before{
		content:"SEMINER";
		font-size:400% !important;
		font-family: 'Jost', sans-serif;
		position:absolute;
		line-height:1em;
		top:-1em;
		right:0;
		left:0;
		margin:auto;
		border-bottom:unset;
		text-align:center;
	}
	.festa .seminer h4{
		font-size:150% !important;
		margin:0px 0 20px!important;
		text-align:center;
		width:100%!important;
	}
	.festa .seminer h4 span{
		display:block;
		font-size:80%;;
	}
	.festa .seminer > ul{
		width:90%;
		display:block;
		justify-content:unset;
		margin:0 auto 0;
	}
	.festa .seminer > ul > li{
		width:100%;
		padding:20px 3%;
	}
	.festa .seminer ul li dl dt{

	}
	.festa .seminer ul li dl dt img{
	}
	.festa .seminer ul li dl dt span{
		font-size:120%;
		padding:2px 4%;
		top:-20px;
		left:-3%;
	}
	.festa .seminer ul li{
		margin-bottom:30px;
	}
	.festa .seminer .teacher ul{
		display:block;
		justify-content:unset;
	}
	.festa .seminer .teacher ul li{
		width:90%;
		margin:0 auto 30px;
		padding:20px 0;
		border-bottom:none;
	}
	.festa .consul{
		width:90%;
		margin:0 auto;
		display:block;
		justify-content:unset;
		margin-bottom:100px;
	}
	.festa .consul::before{
		font-size:400%;
		font-family: 'Jost', sans-serif;
		right:0;
		left:0;
		top:-0.5em;
		padding:0;
		text-align:center;
	}
	.festa .consul dt{
		width:100%;
		height:40vh;
		max-height:300px;
		overflow:hidden;
	}
	.festa .consul dd{
		width:100%;
		padding:20px 3%;
		box-sizing:border-box;
	}
	.festa .consul dd h4{
		color:#fff !important;
		font-size:150% !important;
		border-bottom:none !important;
		margin:20px auto !important;
		text-align:center;
	}
	.festa .consul dd .btn{
		text-align:center;
		width:300px;
		max-width:90%;
		float:unset;
		margin:20px auto;
	}
	.festa .consul dd .btn a{
		padding:10px 30px !important;
	}
	
	.festa .renova{
		width:90%;
		margin:auto;
		display:block;
		justify-content:unset;
		flex-direction:row-reverse;
		margin-bottom:100px;
	}
	.festa .renova dt{
		width:100%;
		height:40vh;
		overflow:hidden;
	}
	.festa .renova{
		width:90%;
		margin:auto;
		display:block;
		justify-content:unset;
		flex-direction:unset;
		margin-bottom:100px;
	}
	.festa .renova::before{
		font-size:400%;
		position:absolute;
		left:0;
		right:0;
		top:-0.2em;
		text-align:center;
	}
	.festa .renova dt{
		width:100%;
		height:40vh;
		max-height:300px;
		overflow:hidden;
	}
	.festa .renova dd{
		width:100%;
		padding:20px 3%;
		box-sizing:border-box;
	}
	.festa .renova dd h4{
		font-size:150% !important;
		border-bottom:none !important;
		margin:20px auto !important;
		text-align:center;
	}
	.festa .renova dd .btn{
		text-align:center;
		width:300px;
		max-width:90%;
		float:unset;
		margin:20px auto;
	}
	.festa .renova dd .btn a{
		padding:10px 30px !important;
	}

	.festa .campaign{
		width:90%;
		margin:auto;
		display:block;
		justify-content:unset;
		margin-bottom:50px;
		position:relative;
	}
	.festa .campaign::before{
		font-size:500%;
		line-height:1em;
		right:0;
		left:0;
		top:-0.5em;
		text-align:center;
	}
	.festa .campaign dt{
		width:100%;
		height:40vh;
		max-height:300px;
		overflow:hidden;
	}
	.festa .campaign dd{
		width:100%;
		padding:20px 3%;
		box-sizing:border-box;
	}
	.festa .campaign dd h4{
		font-size:150% !important;
		border-bottom:none !important;
		margin:20px auto !important;
		text-align:center;
	}
	.festa .campaign dd .btn{
		text-align:center;
		width:300px;
		max-width:90%;
		float:unset;
		margin:20px auto;
	}
	.festa .campaign dd .btn a{
		padding:10px 30px !important;
	}


}

@media screen and (max-width: 768px) {
	.festa .main img.sp_img{
		display:unset;
	}
	.festa .main img.pc_img{
		display:none;
	}
	.festa .ep_live{
		width:100%;
		margin-top:0px;
		background:none;
	}
	.festa .ep_live ol{
		display:block;
		justify-content:unset;
		background:unset;
		padding-right:0;
		z-index:100;
	}
	.festa .ep_live ol dl:nth-child(1){
		width:100%;
		height:350px;
		background:url("/event/wp-content/uploads/2021/07/0710/20210710_housingfesta_ep_live_modelimage.png") no-repeat bottom left 30%;
		background-size:auto 350px;
	}
	.festa .ep_live ol dl:nth-child(2){
		width:80%;
		min-width:unset;
		margin:auto;
		margin-top:-150px;
	}
	.festa .ep_live ol dl:nth-child(2) dt img.icon_live{
		width:100px;
		position:absolute;
		right:0px;
		left:unset;
		top:-90px;
		background:#fff;
		padding:10px;
		border-radius:7px;
	}
	.festa .seminer > ul{
		width:100%;
	}

}

@media screen and (max-width:699px) {
	.festa .renova::before{
		font-size:300%;
		line-height:1.5em;
		margin-top:-0.7em;
	}
}

@media screen and (max-width: 599px) {
	.festa .main img.icon_20th{
		width:120px;
		top:20px;
		right:20px;
	}
	.festa .main {
		padding:200px 4% 150px;
	}
	.festa .ep_live ol dl:nth-child(2){
		width:90%;
		min-width:unset;
		margin:auto;
		margin-top:-150px;
	}
	.festa .ep_event{
		padding:0 5%;
	}
	.festa .ep_event ul li{
		width:100%;
	}
	.festa .ep_event ul li:nth-child(1)::before{
		font-size:300%;
		border-bottom:none;
	}
	.festa .ep_event ul li:nth-child(2)::before{
		font-size:300%;
		border-bottom:none;
	}
	.festa .seminer::before{
		font-size:300% !important;
	}
	.festa .seminer .teacher ul li{
		width:100%;
	}
	.festa .consul dt,
	.festa .renova dt,
	.festa .campaign dt{
		height:30vh;
		max-height:250px;
	}
}

@media screen and (max-width:499px) {
}