/*areaConcept*/
.areaConcept {
	padding: 35px 0 118px;
	margin-bottom: 65px;
}
.areaConcept .conceptBox {
	margin-top: 14px;
}
.areaConcept .conceptBox .conceptSub {
	font-size: 18px;
	text-align: center;
	margin-bottom: 68px;
}
.areaConcept .conceptBox .conceptList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: center;
}
.areaConcept .conceptBox .conceptList li{
	width:31.9%;
	border: 1px solid #DBDBDB;
	border-width: 1px 1px 1px 1px;
	display: flex;
	flex-direction: column;
	padding: 10px;
	min-height: 32em
}
.areaConcept .conceptBox .conceptList li:not(:last-child) {
	margin-right: 2.1%;
}
.areaConcept .conceptBox .conceptList li .listNumb {
	text-align: center;
	font-size: 18px;
	margin-bottom: 13px;
	line-height: 1;
	letter-spacing: 0.07em
}
.areaConcept .conceptBox .conceptList li .listName {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
	margin-top: 20px
}
.areaConcept .conceptBox .conceptList li .listSub {
	line-height: 1.55;
	text-align: justify;
	font-size: 14px
}

/*.areaVenue*/
.areaVenue  {
    padding: 35px 0 37px;
	margin-top: 30px;
}
.areaVenue .venueBox .venueIntro {
	font-size: 18px;
	text-align: center;
	margin-bottom: 13px;
} 
.areaVenue .venueBox .venueSub {
	text-align: center;
	font-size: 14px;
	margin-bottom: 50px;
	line-height: 2;
}
.areaVenue .venueBox {
	width: 100%;
	max-width:	1014px;
	margin: 20px auto 0;
	padding: 0 10px;
}
.areaVenue .venueBox .venueList {
	display: flex;
	flex-wrap: wrap;
}

.areaVenue .venueBox .venueList img {
	width: 100%;
}

.areaVenue .venueBox .venueList.listEven {
	margin-bottom: 58px;
	padding: 0 5px;
}
.areaVenue .venueBox .venueList li {
	width: 48.8%;
	max-width: 480px;
	text-align: center;
}
.areaVenue .venueBox .venueList li:not(:last-child) {
	margin-right: 2.4%;
}
.areaVenue .venueBox .venueList .nenueImg {
	margin-bottom: 20px;
}
.areaVenue .venueBox .venueList .nenueImg a,
.areaVenue .venueBox .venueList .nenueText a{
	display: inline-block;	
}
.areaVenue .venueBox .venueList .nenueText {
	display: inline-block;
}
.areaVenue .venueBox .venueList .nenueText a {
	transition: all .3s;
	border-bottom: 1px solid #E9F3F8;
	line-height: 1.3;
}
.areaVenue .venueBox .venueList.listOdd {
	padding: 0;
	margin-bottom: 48px;
}
.areaVenue .venueBox .venueList.listOdd li {
	width: 31.2%;
	max-width: 310px;
}
.areaVenue .venueBox .venueList.listOdd li:not(:last-child) {
	margin-right: 3.2%;
}
.areaVenue .venueBox .venueList.listOdd .nenueImg {
	margin-bottom: 16px;
}
.areaVenue .venueBox .areaBtn a{
	background-color: #fff;
}
.readmore {
	margin: 0 auto;
	text-align: center;
	margin-top: auto;
}

.readmore a {
	border: 1px solid #42352D;
	min-width: 265px;
	padding: 11px 5px;
	font-size: 12px;
	display: inline-block;
	margin-top: auto;

}

.readmore a .text {
	position: relative;
	font-size: 13px;
}

.readmore a .text:before {
	content: "";
	position: absolute;
	background: url('../images/common/icon-arrow-right.svg') no-repeat center center;
	background-size: cover;
	width: 5px;
	height: 9px;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
}

@media(max-width:900px) and (min-width:769px) {
	.areaConcept .conceptBox .conceptList li:not(:last-child) {
		margin-right: 3%;
	}
	.areaConcept .conceptBox .conceptList li {
    	width: 31.3%;
	}

}
@media (min-width:769px) {

	.areaVenue .venueBox .areaBtn a:hover{
		background-color: #42352D;
		color: #fff;
	}
	.areaVenue .venueBox .venueList .nenueText a:hover{
		border-bottom: 1px solid;
	}
}

@media (max-width:768px) {
	/*areaConcept*/
	.areaConcept {
		padding-bottom: 61px;
		margin-bottom: 33px;
	}
	.areaConcept .conceptBox .conceptSub {
		margin-bottom: 52px;
	}
	.areaConcept .conceptBox .conceptList {
		padding: 0 18px;
	}
	.areaConcept .conceptBox .conceptList li {
		width: 100%;
	}
	.areaConcept .conceptBox .conceptList li:not(:last-child) {
		margin-bottom: 76px;
		margin-right: 0;
	}
	.areaConcept .conceptBox .conceptList li .listNumb {
		margin-bottom: 27px;
	}
	.areaConcept .conceptBox .conceptList li .listSub {
    	line-height: 1.4;
	}

	.areaVenue {
    	padding: 35px 0 72px;
    	margin-top: 70px;
	}
	.areaVenue .venueBox {
		padding: 0;
	}
	.areaVenue .venueBox .venueSub {
		font-size: 14px;
		margin-bottom: 78px;
	}
	.areaVenue .venueBox .venueIntro {
		margin-bottom: 28px;
	}
	.areaVenue .venueBox .venueList {
		justify-content: center;
	}
	.areaVenue .venueBox .venueList.listEven {
		margin-bottom: 27px;
	}
	.areaVenue .venueBox .venueList .nenueImg {
    	margin: 0 auto 10px;
    	width: 100%;
		max-width: 345px;
	} 
	.areaVenue .venueBox .venueList.listOdd img {
		height: 110px;
	}
	.areaVenue .venueBox .venueList.listOdd {
		padding: 0 5px;
		margin-bottom: 32px;
	}
	.areaVenue .venueBox .areaBtn {
	    margin-top: 12px;
	}
	.areaVenue .venueBox .areaBtn a {
	    width: 100%;
	    max-width: 222px;
	    font-size: 14px;
	    padding: 11px 9px;
	}
	.areaVenue .venueBox .areaBtn a .text {
    	padding: 0 34px;
	}
}

@media (max-width:414px) {

	.areaVenue .venueBox .venueList li {
		width: 100%;
	}
	.areaVenue .venueBox .venueList.listOdd li {
		width: 100%;
		max-width: 100%;
	}
	.areaVenue .venueBox .venueList li:not(:last-child),
	.areaVenue .venueBox .venueList.listOdd li:not(:last-child){
		margin-right: 0;
		margin-bottom: 27px;
	}
	.areaVenue .venueBox .venueList.listOdd img {
		height: 100%;
	}
}