/* topImgWrap */

.topImgWrap{
	background-image: url(../img/service/main.jpg);
}

/* program */

.program{
	margin-bottom: 45px;
}

.program>p{
	padding: 1em;
	font-size: 14px;
}

.program>p.mincho{
	color: #FD8218;
	text-align: center;
	font-size: 28px;
}

.program>.column2>.text{
	width: 63%;
}

.program>.column2>.text>p{
	font-size: 14px;
	padding: 1em;
}

.program>.column2>.text>ul{
	padding: 1em;
}

.program>.column2>.text>ul>li{
	width: 50%;
	position: relative;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.program>.column2>.text>ul>li:before{
	position: absolute;
	content: '';
	width: 32px;
	height: 26px;
	left: 0;
	top: 0;
	background: url(../img/service/check.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.program>.column2>.img{
	width: 37%;
	padding: 1em;
}

.program>.column2>.img>img{
	max-width: 100%;
	margin: 0 auto;
	border: 1px solid #CDB27D;
	padding: 5px;
}

/* facility */
	
.facility{
	margin-bottom: 45px;
}

.facility>.column2>div>p{
	padding: 5px;
}

/* various */

.various{
	margin-bottom: 45px;
}

.various>.fxwb{
	width: 95%;
	margin: 0 auto 25px;
	border: 3px solid #EB6D8E;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.various>.fxwb>dt{
	background: #EB6D8E;
	color: #FFF;
	width: 25%;
	padding: 25px 30px;
}

.various>.fxwb>dt>p{
	font-size: 23px;
	font-weight: bold;
}

.various>.fxwb>dt>span{
	font-size: 14px;
}

.various>.fxwb>dd{
	width: 75%;
	padding: 10px 0 ;
}

.various>.fxwb>dd>div{
	width: 31%;
}

.various>.fxwb>dd>div>img{
	margin-bottom: 5px;
}

.various>.fxwb>dd>div>p>span{
	font-size: 14px;
}

.various>.fxwc{
	width: 85%;
	margin: 0 auto;
}

.various>.fxwc>div{
	width: 50%;
}

.various>.fxwc>div>.img{
	width: 30%;
}

.various>.fxwc>div>p{
	width: 70%;
	font-size: 14px;
	padding: .5em 1em;
}

@media screen and (min-width: 980px) {
	/* program */
	
	.program>.slider{
		-js-display: flex;
		display:-webkit-box;
		display:box;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		box-pack:justify;
		flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	
	.program>.column2>.text>ul{
		-js-display: flex;
		display:-webkit-box;
		display:box;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-orient:vertical;
    	flex-direction:column;
		height: 12em;
	}
	
	.program>.column2{
		position: relative;
	}
	
	.program>.column2>p.ab{
		position: absolute;
		width: 100%;
		bottom: 1em;
		left: 1em;
		font-size: 14px;
		height: 2em;
	}
	
	/* various */
	
	.various>.fxwb>dt>p>span{
		display: block;
	}
}

@media screen and (max-width: 980px) {
	
	.topImgWrap{
		background-image: url(../img/service/main.png);
	}

	/* program */
	
	.slider{
		width: 100%;
	}
	
	.prev,
	.next{
		z-index: 1000;
		position: absolute;
		font-size: 80px;
		top: 50%;
		margin-top: -40px;
		color: rgba(51,51,51,.8);
	}
	
	prev{
		left: 0;
	}
	
	.next{
		right: 0;
	}
	
	.program>p.mincho{
		font-size: 14px;
	}
	
	.program>.column2>.text>ul>li,
	.program>.column2>.text{
		width: 100%;
	}
	
	.program>.column2>.img{
		width: 100%;
	}

	.program>.column2>.img>img{
		max-width: 60%;
	}
	
	.program>.column2>p{
		padding: 1em;
	}
	
	/* facility */
	
	.facility>.column2>div{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.facility>.column2>div>.img>img{
		max-width: 80%;
		margin: 0 auto;
	}
	
	.facility>.column2>div>p{
		
	}
	
	/* various */
	
	.various>.fxwb{
		width: 95%;
		margin: 0 auto 25px;
		border: none;
	}
	
	.various>.fxwb>dt{
		width: 100%;
		padding: 25px 30px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.various>.fxwb>dt>p{
		font-size: 16px;
	}
	
	.various>.fxwb>dt>span{
		font-size: 14px;
	}
	
	.various>.fxwb>dd{
		width: 100%;
		padding: 10px 0 ;
	}
	
	.various>.fxwb>dd>div{
		width: 100%;
		-js-display: flex;
		display:-webkit-box;
		display:box;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		box-pack:justify;
		flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		margin-bottom: 10px;
	}
	
	.various>.fxwb>dd>div>p{
		padding: 0 5px;
	}
	
	.various>.fxwb>dd>div>p>span{
		font-size: 14px;
	}
	
	.various>.fxwc{
		width: 100%;
	}
	
	.various>.fxwc>div{
		width: 100%;
	}
	
	.various>.fxwc>div>.img{
		width: 30%;
	}
	
	.various>.fxwc>div>p{
		width: 70%;
		font-size: 14px;
		padding: .5em 1em;
	}
}

/* 縦長の場合 */
@media only screen and (max-width: 980px) and (orientation : portrait) {
	/* topImgWrap */
	
	.topImgWrap>.topimgBox>h2{
		width: 50%;
	}
	
	/* program */
	
	.slick-slide img{
		width: 100%;
	}

	/* facility */
	
	/* various */
	
	.various>.fxwb>dd>div>.img{
		width: 40%;
	}
	
	.various>.fxwb>dd>div>p{
		width: 60%;
	}
}

/* 横長の場合 */
@media only screen and (max-width: 980px) and (orientation : landscape) {
	/* topImgWrap */
	
	.topImgWrap>.topimgBox>h2{
		width: 30%;
	}
	
	/* program */
	
	.slick-slide img{
		width: 100%;
	}

	/* facility */
	
	/* various */
	
	.various>.fxwb{
		width: 85%;
	}
	
	.various>.fxwb>dd>div>.img{
		width: 25%;
	}
	
	.various>.fxwb>dd>div>p{
		width: 75%;
	}
	
	.various>.fxwc{
		width: 85%;
	}
	
	.various>.fxwc>div>.img{
		width: 30%;
	}
	
	.various>.fxwc>div>p{
		width: 70%;
	}
}