/* コンセプト */

@media screen and (min-width: 641px){

#conc {
	line-height: 200%;
	}

#conc .poi dl {
	width: 100%;
	min-height: 850px;
	margin: 0px 0px 100px 0px;
	display: table;
	}

#conc .poi dl:last-child {
	margin: 0px;
	}

#conc .poi dt {
	width: 53.125%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	display: table-cell;
	}

#conc .poi .p01 dt {
	background: url(img/poi01.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi .p02 dt {
	background: url(img/poi02.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi .p03 dt {
	background: url(img/poi03.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi dl:nth-child(2n+1) dt {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}

#conc .poi dd {
	width: 46.875%;
	line-height: 250%;
	padding: 50px 0px 50px 5%;
	display: table-cell;
	vertical-align: middle;
	}

#conc .poi dl:nth-child(2n+1) dd {
	padding: 50px 5% 50px 0px;
	}

#conc .poi dd ol {
	width: 90%;
	max-width: 570px;
	}

#conc .poi dl:nth-child(2n+1) dd ol {
	margin: 0px 0px 0px auto;
	}

#conc .poi dd h3 {
	font-size: 40px;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin: 0px 0px 30px 0px;
	}

#conc .poi dd h3 font {
	color: #E52082;
	}

#conc .poi dd ul {
	width: 100%;
	background: #E52082;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	margin: 40px 0px 0px 0px;
	display: table;
	overflow: hidden;
	}

#conc .poi dd li {
	width: 64.912%;
	padding: 40px 7.017%;
	display: table-cell;
	vertical-align: middle;
	}

#conc .poi dd li.pho {
	width: 35.087%;
	background: url(img/mat.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi dd li h4 {
	font-size: 21px;
	line-height: 120%;
	margin: 0px 0px 20px 0px;
	}

#conc .poi dd li p {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

}

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

#conc {
	line-height: 200%;
	}

#conc .poi {
	background: url(img/contex01.png) no-repeat right -10px top 10px;
	background-size: auto 94px;
	}

#conc .poi dl {
	margin: 0px 0px 50px 0px;
	display: flex;
	flex-direction: column;
	}

#conc .poi dl:last-child {
	margin: 0px;
	}

#conc .poi dt {
	width: 90%;
	height: 300px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0px 0px 30px 0px;
	order: 1;
	}

#conc .poi .p01 dt {
	background: url(img/poi01.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi .p02 dt {
	background: url(img/poi02.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi .p03 dt {
	background: url(img/poi03.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi dl:nth-child(2n+1) dt {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin: 0px 0px 30px auto;
	}

#conc .poi dd {
	width: 90%;
	line-height: 250%;
	margin: 0px auto;
	order: 2;
	}

#conc .poi dd h3 {
	font-size: 28px;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin: 0px 0px 20px 0px;
	}

#conc .poi dd h3 font {
	color: #E52082;
	}

#conc .poi dd ul {
	width: 100%;
	background: #E52082;
	font-size: 12px;
	line-height: 150%;
	color: #ffffff;
	margin: 30px 0px 0px 0px;
	display: table;
	overflow: hidden;
	}

#conc .poi dd li {
	width: 64.912%;
	padding: 30px 5%;
	display: table-cell;
	vertical-align: middle;
	}

#conc .poi dd li.pho {
	width: 35.087%;
	background: url(img/mat.jpg) no-repeat center;
	background-size: cover;
	}

#conc .poi dd li h4 {
	font-size: 18px;
	line-height: 120%;
	margin: 0px 0px 15px 0px;
	}

#conc .poi dd li p {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

}