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



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 769px){
	
	#s03 {
		width: 100%;
		min-width: 1100px;
		background: url(../images/s03_bg.jpg) no-repeat;
		background-size: cover;
		padding: 80px 0 130px;
		position: relative;
	}
	
	#s03 ul.box{
		width: 100%;
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	
	#s03 ul.box li div.deco01{
		width: 80px;
		position: absolute;
		right: 20px;
		top: -62px;
	}
	
	#s03 ul.box li.outline{
		width: 100%;
		background: #FFF;
		border: 1px solid #ead6a7;
		padding: 30px;
		margin-bottom: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}
	
	#s03 ul.box li.outline p.capacity{
		display: inline-block;
		background: #FFF;
		border: 1px solid #4aa594;
		padding: 5px;
		position: absolute;
		color: #4aa594;
		top: 10px;
		right: 10px;
	}
	
	#s03 ul.box li h3{
		width: 274px;
		margin-bottom: 10px;
	}
	
	#s03 ul.box li.half{
		width: 486px;
	}
	
	#s03 ul.box li.half h3{
		width: 274px;
		margin: 0 auto 10px;
	}
	
	#s03 ul.box li.half h3.left{
	}
	
	#s03 ul.box li ul.day{
		width: 100%;
		overflow: hidden;
	}
	
	#s03 ul.box li ul.day li.left{
		width: 406px;
		float: left;
	}
	
	#s03 ul.box li ul.day li.left h3{
		width: 354px;
	}
	
	#s03 ul.box li ul.day li.right{
		width: 442px;
		float: right;
	}
	
	#s03 ul.box li ul.ser{
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	#s03 ul.box li ul.ser li.left{
		width: 100%;
	}
	
	#s03 ul.box li ul.ser li.left h3{
		width: 480px;
	}
	
	#s03 ul.box li ul.ser li.right{
		width: 100%;
	}
	
	#s03 ul.box li ul.contents{
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 45px;
	}
	
	#s03 ul.box li ul.contents li:first-child{
		width: 91px;
		margin-right: 15px;
	}
	
	#s03 ul.box li ul.contents li:nth-child(2){
		width: 440px;
		margin-right: 25px;
	}
	
	#s03 ul.box li ul.contents li:nth-child(3){
		width: 330px;
	}
	
	#s03 ul.box li ul.contents li p {
		text-indent: -1em;
		padding-left: 1em;
	}
	
	#s03 ul.box li ul.contents li table {
		width: 100%;
	}
	
	#s03 ul.box li ul.contents li table th{
		width: 7em;
		padding-bottom: 20px;
	}
	
	#s03 ul.box li ul.contents li table td{
		padding-bottom: 20px;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media print, screen and (max-width: 768px){
	
	#s03 {
		width: 100%;
		background: url(../images/s03_bg.jpg) no-repeat center;
		background-size: cover;
		padding: 40px 0 70px;
		position: relative;
	}
	
	#s03 ul.box{
		width: 100%;
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	
	#s03 ul.box li div.deco01{
		width: 80px;
		position: absolute;
		right: 20px;
		top: -62px;
	}
	
	#s03 ul.box li.outline{
		width: 100%;
		background: #FFF;
		border: 1px solid #ead6a7;
		padding: 30px 5%;
		margin-bottom: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}
	
	#s03 ul.box li.outline p.capacity{
		display: inline-block;
		background: #FFF;
		border: 1px solid #4aa594;
		padding: 5px;
		position: absolute;
		color: #4aa594;
		top: 10px;
		right: 5px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	#s03 ul.box li h3{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#s03 ul.box li ul.day{
		width: 100%;
		overflow: hidden;
	}
	
	#s03 ul.box li ul.day li.left{
		width: 100%;
	}
	
	#s03 ul.box li ul.day li.right{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#s03 ul.box li ul.ser{
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	#s03 ul.box li ul.ser li.left{
		width: 100%;
	}
	
	#s03 ul.box li ul.ser li.right{
		width: 100%;
	}
	
	#s03 ul.box li ul.contents{
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 25px;
	}
	
	#s03 ul.box li ul.contents li:first-child{
		width: 91px;
		margin: 0 auto 10px;
	}
	
	#s03 ul.box li ul.contents li:nth-child(2){
		width: 100%;
		margin-right: 25px;
	}
	
	#s03 ul.box li ul.contents li:nth-child(3){
		width: 100%;
	}
	
	#s03 ul.box li ul.contents li p {
		text-indent: -1em;
		padding-left: 1em;
	}
	
	#s03 ul.box li ul.contents li table {
		width: 100%;
	}
	
	#s03 ul.box li ul.contents li table th{
		width: 7em;
		padding-bottom: 20px;
	}
	
	#s03 ul.box li ul.contents li table td{
		padding-bottom: 20px;
	}
}

@media print, screen and (max-width: 460px){

}