#sp_member {
	color: #595656;
}

#sp_member img{
	vertical-align: bottom;
}

#sp_member ._small {
	font-size: 80%;
}

#sp_member_title,
#sp_member_title  img{
	width: 100%;
}

/*nav*/
#sec0{
	width: 100%;
	overflow: hidden;
}
/*nav*/

/*共通*/
.sec_title{
	position: relative;
	background: #baa373;
	width : 100% ;
	margin: 0 auto 20px;
	text-align: center;
}
/*
.sec_title::before{
	content: "";
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-left: 14px solid transparent;
	border-right: 14px solid #e5d4ab;
	border-bottom: 14px solid transparent;
	position: absolute;
	top: 0;
	left:-28px;
}

.sec_title::after{
	content: "";
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-left: 14px solid #e5d4ab;
	border-right: 14px solid transparent;
	border-bottom: 14px solid transparent;
	position: absolute;
	top: 0;
	right:-28px;
}
*/

.sec{
	margin-bottom: 30px;
}

.sec .lead{
	text-align: center;
	font-size: 0.9em;
	margin: 20px 0;
}

.indent{
	padding-left: 1em;
	text-indent: -1em;
}

.red{
	color: #d01027;
}

.blue{
	color: #213e97;
}
.green{
	color: #1e6044;
}

/*共通*/

/*sp_bnr*/
.sp_bnr{
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

.sp_bnr img{
	width: 100%;
	max-width: 1000px;
}
/*sp_bnr*/

/*sec01*/

#sec01 .img img{
	width: 100%;
}
/*sec01*/

/*sec02*/
#sec02_box01,
#sec02_box02,
#sec02_box03{
	padding:0 50px;
	margin-bottom: 30px;
}


#sec02_box01 .sec02_box01_tl img,
#sec02_box01 .img img,
#sec02_box02 .sec02_box02_tl img,
#sec02_box03 .sec02_box03_tl img{
	width: 100%;
}

.drop-shadow {
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
}
 
.drop-shadow:after{
    right:10px;
    left:auto;
}

.drop-shadow:before,
.drop-shadow:after {
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
 
.drop-shadow:after {
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

.sec02_box01_stl {
	width: 95%;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #213e97;
	border-radius: 0.2em;
	box-sizing: border-box;
}


#sec02_box01 .indent{
	font-size: 0.7em;
	padding: 0 60px;
}

.sec02_box02_stl{
	width: 95%;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #e8342f;
	border-radius: 0.2em;
	box-sizing: border-box;
}


.sec02_box02_wrap{
	position: relative;
	padding: 10px;
	width: 90%;
	margin: 10px auto 0;
	box-sizing: border-box;
}

.sec02_box02_wrap dt{
	display: inline-block;
	color: #ffffff;
	background: #d01027;
	margin-bottom: 0.5em;
	padding: 0.25em 2em 0;
}

.sec02_box02_wrap dd:nth-child(2) li{
	padding-left: 1em;
	text-indent: -1em;
}
/*
.sec02_box02_wrap dd ul:nth-child(1){
	font-weight: bold;
}*/

.sec02_box02_wrap dd:nth-child(2) ul:nth-child(2){
	font-size: 0.7em;
	margin-top: 1em;
}


.sec02_box02_img img{
	width: 100%;
}

#sec02_box03 .img{
	width: 94%;
	margin: 0 auto;
	border: 1px solid #1e6044;
/*	box-sizing: border-box;*/
}

#sec02_box03 .img img{
	width: 100%;
}

#sec02_box03 .lead{
	margin: 20px auto 10px;
}

#sec02_box03 ul{
	width: 70%;
	margin: 0.75em auto 0;
}

#sec02_box03 ul li{
	font-size: 0.7em;
	padding-left: 1em;
	text-indent: -1em;
}

/*sec02*/

/*sec03*/
.sec03_box{
	padding: 0 50px;
	position: relative;
}

.sec03_box dl{
	background: #c9aa79;
	margin-bottom: 10px;
	padding: 0.5em 0;
	overflow: hidden;
	box-sizing: border-box;
}

.sec03_box dl:last-child{
	margin-bottom: 0;
}

.sec03_box dl dd img{
	padding: 2px;
	background: #ffffff;
	border-radius: 3px;
	box-sizing: border-box;
	
}

/*sec03*/

/*sec04*/
.sec04_box{
	padding: 0 50px;
}

.sec04_box p:first-child{
	border: 1px solid #e5d4ab;
	text-align: center;
	margin-bottom: 20px;
}


#sec04 .img img{
	width: 100%;
}

/*sec04*/

/*sec05*/
.sec05_box{
	padding: 0 50px;
}

.sec05_box .img{
	padding:0 20px;
}

.sec05_box .img img{
	width: 100%;
	margin-bottom: 1em;
}

.sec05_box_left,
.sec05_box_right{
	display: inline-block;
}

.sec05_box_left p{
	margin-bottom: 10px;
}

.sec05_box_left li{
	font-size: 0.7em;
	padding-left: 1em;
	text-indent: -1em;
}

/*sec05*/

/*sec06*/
.map{
	text-align: center;
}

area{
	cursor: pointer;
}

#sec06 dl.sec06_btn{
	border: 1px solid #baa373;
	overflow: hidden;
	margin: 20px auto 0;
	padding: 10px;
}

#sec06 dl.sec06_btn dt img,
#sec06 dl.sec06_btn dd img{
	width: 100%;
}

/*sec06*/

/*secEX*/
.secEX_title{
	text-align: center;
	border:1px solid #e8342f;
}


#secEX ul li{
	font-size: 0.7em;
	padding-left: 1em;
	text-indent: -1em;
}

/*secEX*/


@media screen and ( min-width: 641px ){
	#sp_member {
		font-size: 0.75em;
	}

	/*nav*/
	#sec0 ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 10px;
		padding: 30px 50px;
		box-sizing: border-box;
	}
	
	#sec0 ul li{
		width: 49%;
		margin-bottom: 10px;
	}
	
	#sec0 ul li:nth-child(2n){
		margin-left: 2%;
	}
	
	#sec0 ul li img{
		width: 100%;
	}
	/*nav*/

	
	.sec_title img{
		height: 28px;
	}
	
	#sec01 .img{
		width: calc(100% - 120px);
		margin: 0 auto;
		position: relative;
	}
	
	#sec01 .img a{
		width: 6em;
		height: 1.2em;
		position: absolute;
		bottom: 0;
		right: 9em;
	}


	.sec02_box01_stl img{
		height: 30px;
	}

	#sec02_box01 .img {
		margin: 20px 0;
		padding: 0 60px;
	}
	
	.sec02_box02_img{
		width: 20%;
		position: absolute;
		top:20px;
		right: 5%;
	}
	
	.sec02_box02_btn a{
		display: block;
		width: 70%;
		text-align: center;
		margin: 30px auto 0;
		border: 1px solid #e8342f;
		border-radius: 0.2em;
	}
	
	.sec02_box02_btn img{
		height: 32px;
	}
	

	.sec02_box02_wrap dl{
		width: 68%;
		margin-bottom: 30px;
	}

	.sec02_box02_wrap dl:nth-child(3){
		width:48%;
		margin-bottom: 10px;
	}
	

	.sec02_box02_stl img{
		height: 30px;
	}
	
	.sec03_box ul{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:center;/*--- safari（PC）用 ---*/
		justify-content:center;
	}

	.sec03_box li {
		max-width: 45%;
	}

	.sec03_box li:last-child:after{
		content: "など";
		display: inline-block;
		padding-left: 1em;
	}
	
	.sec03_box li img{
		width: 80%;
	}

	.sec03_box li:first-child img {
		margin-left: 15%;
	}

	.sec04_box p:first-child img{
		height: 30px;
	}
	
	#sec04 .indent{
		font-size: 0.7em;
		margin-top: 1em;
		text-align: center;
	}
		
	.sec05_box_left{
		width: 71%;
		font-size: 0.9em;
	}
	.sec05_box_right{
		width: 28%;
		vertical-align: top;
	}
	
	.sec05_box_right img{
		width: 100%;
	}
	
	.sec05_box_btn{
		margin-top: 1em;
	}
	
	.sec05_box_btn a{
		display: block;
		width: 100%;
		max-width: 420px;
		text-align: center;
		margin: 0 auto;
		border: 1px solid #e8342f;
		border-radius: 0.2em;
		box-sizing: border-box;
	}
	
	.sec05_box_btn img{
		height: 32px;
	}
	
	#sec06 dl.sec06_btn{
		width: 675px;
	}

	#sec06 dl.sec06_btn dt,
	#sec06 dl.sec06_btn dd{
		float: left;
		overflow: hidden;
	}

	#sec06 dl.sec06_btn dt {
		width: 54%;
	}

	#sec06 dl.sec06_btn dd {
		width: 46%;
	}
	
	.map area{
		background-color: rgba(255,0,0,0.5);
	}
	
	.map_ex-text{
		width: 88%;
		margin: 0 auto;
		font-size: 0.7em;
	}
	

	.secEX_title img{
		height: 26px;
	}
	
	#secEX ul{
		width: 675px;
		margin: 20px auto 0;
	}


}

@media screen and ( max-width: 640px ){
	h2.page_title {
		font-size: 166.7%;
		padding: 22px 27px 0;
		background: url(/msppoint/s/img/template_icon_h2.png) no-repeat 10px 32px;
		font-weight: bold;
	}
	
	.sec .lead{
		padding: 0 20px;
	}
	
	#sp_member{
		padding: 5px;
	}
	
	.sec_title{
		position: relative;
		background: #baa373;
		width : 100% ;
		margin: 0 auto 20px;
		text-align: center;
	}
/*
	.sec_title::before{
		content: "";
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-left: 12px solid transparent;
		border-right: 12px solid #e5d4ab;
		border-bottom: 12px solid transparent;
		position: absolute;
		top: 0;
		left:-24px;
	}

	.sec_title::after{
		content: "";
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-left: 12px solid #e5d4ab;
		border-right: 12px solid transparent;
		border-bottom: 12px solid transparent;
		position: absolute;
		top: 0;
		right:-24px;
	}
	*/
	.sec_title img{
		max-width: 270px;
		max-height: 24px
	}
/*
	.sp_member_nav{
		margin-top: 1em;
		padding: 0 10px;
	}
	
	.sp_member_nav li{
		margin-bottom: 1em;
	}
	*/
	
	.sp_bnr{
		margin: 1em 0 1em;
	}
	
	#sec0 ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	#sec0 ul li{
		width: 49%;
		margin-bottom: 10px;
	}
	
	#sec0 ul li:nth-child(2n){
		margin-left: 2%;
	}
	
	
	#sec01 .img{
		width: calc(100% - 40px);
		margin: 0 auto;
		position: relative;
	}
	
	#sec01 .img a{
		width: 10vw;
		height: 1.75vw;
		position: absolute;
		bottom: 0;
		right: 14.5vw;
	}

	.sec02_box01_stl{
		overflow: hidden;
	}

	#sec02_box01,
	#sec02_box02,
	#sec02_box03{
		padding:0 10px;
		margin-bottom: 20px;
	}
	
	#sec02_box01 .img {
		padding: 0 20px;
	}
	
	#sec02_box01 .indent{
		padding: 20px 20px 0;
	}
	
	#sec02_box01 .indent:nth-child(12){
		padding: 0 20px;
	}
	
	.sec02_box02_wrap dl{
		margin-bottom: 10px;
	}
	
	.sec02_box02_img{
		width: 220px;
		margin: 0 auto;
	}

	.sec02_box02_btn a{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 0.5em;
		border: 1px solid #e8342f;
		border-radius: 0.2em;
	}
	
	#sec02_box03 ul{
		width: 100%;
		margin: 0.5em auto 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	.sec03_box{
		padding: 0 20px;
	}
	
	.sec03_box li{
		text-align: center;
		width: 100%;
	}
	
	.sec03_box li{
		margin-bottom: 0.5em;
	}
	
	.sec03_box li:last-child{
		margin-bottom: 0;
	}

	
	.sec03_box li img{
		max-width: 320px;
	}

	.sec04_box{
		padding: 0 20px;
	}

	#sec04 .indent{
		font-size: 0.7em;
		margin-top: 0.5em;
	}

	.sec05_box{
		padding: 0 20px;
	}
	
	.sec05_box .img{
		padding: 0;
	}
	
	.sec05_box_btn a {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 0.5em;
		border: 1px solid #e8342f;
		border-radius: 0.2em;
	}
	
	#secEX ul{
		margin: 1em auto 0;
		padding: 0 1.5em;
	}
	
	/*施設一覧*/
	
	.facility_list dl{
		padding: 0 1.5em;
		margin-bottom: 2em;
	}
	
	.facility_list dt{
		color: #e8342f;
		font-size: 1.2em;
		width: 100%;
		text-align: center;
		padding: 0.5em;
		border: 1px solid #e8342f;
		box-sizing: border-box;
		position: relative;
	}
	
	.facility_list dt::after{
		content: "";
		display:block;
		width: 0.5em;
		height: 0.5em;
		margin: 0.25em auto;
		border: 1px solid;
		border-color: transparent transparent #e8342f #e8342f;
		transform: rotate(135deg);
	}
	
	.facility_list dt.hide::after{
		transform: rotate(-45deg);
	}

	.facility_list dd {
		padding: 0 1em;
	}
	
	.facility_list dd li{
		font-size: 1.2em;
		margin-top: 0.5em;
	}
	
	.facility_list dd li span.extext{
		font-size: 8.4px;
		line-height: 1.4em;
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.facility_list dd li span.small{
		font-size: 8.4px;
		line-height: 1.4em;
		display: inline-block;
		vertical-align: top;
	}
	
	.map_ex-text{
		padding: 0 2em;
		margin: 0 auto;
		font-size: 0.7em;
	}

	.sec03_box li:last-child:after{
		content: "など";
		display: block;
		padding-top: 1em;
	}
	

}

.attention_block {
	background: #fdeeed;
	padding: 0.5em;
	margin: 0 auto 1.5em;
	max-width: 650px;
}

.attention_block > span {
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}

.members_page {
	position: relative;
}

.members_page img.bg {
	display: block;
	max-width: 765px;
}

.members_page a {
	position: absolute;
	left: 28%;
	bottom: 7%;
	width: 44%;
	display: block;
}

.members_page a img {
	display: block;
	width: 100%;
}