img{
	width: 100%;	
}

.spbr {
display: none;
}

.spImg{
display: none;
}

.pcImg{

width: 90%;
margin: 0 auto;
}

small{
	color: gray;
	font-size: 12px;
}

h3{
margin-top: 2em;
}

h4{
font-size: 1em;
font-weight: bold;
border-left: 5px solid rgb(16, 124, 150);
padding-left: 5px;
margin: 2em 0 1em 0;
text-align: left;
}

.img_wrap {width: 47%;
text-align: center;
}
.img_wrap img{width: 100%}
.img_wrap.rgt {
	float: right;
	margin-left: 3%;
}
.img_wrap.lft {
	float: left;
	margin-right: 3%;
}
.write_wrap {width: 50%; margin-bottom: 0px;}
.rgt {float: right;}
.lft {float: left;}

.cont_wrap img{
	width: 100%;
	padding: 10px 10px 10px 0;
	box-sizing: border-box; 
/*	height: 100% !important;*/
}


.cont_wrap{
	margin-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.write_img_wrapwd{
	width: 94%;
	text-align: center;
}

.write_img_wrapwd img{
	margin: 2em 0;	
}

.cont_wrap dl{
	padding-left: 5px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.cont_wrap dl dt{
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 8px;
	color: #1282ac;
}

.cont_wrap dl dd{
	margin-bottom: 15px;
}

.wrapText{
	padding: 10px;
	background: rgba(255,255,255,.8);
	display: block;
	
}

.widText{
	width: 100% !important;
}

#masterDl{
	display: flex;
	flex-wrap: wrap;
	padding: 25px;
	background: rgb(16, 124, 150);
}

#masterDl dt,
#masterDl dd
{
	width: 50%;
	color: white;
	border-bottom: 1px solid white;
	height: 20px;
	padding-bottom: 15px;
}

#masterDl dd{
text-align: right;	
}

.cont7_dl{
	width: 45%;
	margin-right: 5%;
}

.cont_wrap dl.cont7_dl dd{
	margin-bottom: 0px !important;
	
}

.cont7_dl:nth-child(2){
	margin-right: 0px;
}

div.cont_wrap.clearfix.cont11{
margin-bottom: 0px;
}

dl.cont11_dl{
margin-top: 1em;

}

dl.cont11_dl dt{
border-left: 3px solid rgb(16, 124, 150);
padding-left: 5px;

margin-bottom: 1em;/*Temporary*/
}

dl.cont11_dl dd{
font-size: .9em;
background: rgba(242, 242, 242, 0);
padding: .3em;
box-sizing: border-box;

margin-bottom: 1em;/*Temporary*/
}

.smallBlocks{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
flex:none;
}

.smallBlocks div{
width: 23.5%;
position: relative;
}

.smallBlocks h3{
font-size: 1em;
}

.smallBlocks p{
font-size: .8em;
min-height: 8.8em;
}

.normalBlocks{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
}

.normalBlocks li{
 width: 45%;
}

#flexDl{
	background: rgba(16, 124, 150, 0.85) none repeat scroll 0 0;
    display: flex;
	flex-wrap: wrap;
	align-items:stretch;

	text-align: left;
	width: 100%;
    padding: 2em 1em;
	border-radius: 1em;
	border-radius: 0;
}

#flexDl dt,
#flexDl dd{
	display: block;
 	border-bottom: 0px solid white;
    color: white;
    width: 50%;
	
	border-bottom: 1px solid white;
	margin: 0;
	padding: 10px 0;
}

.textUl{
list-style: disc;
color:rgb(82, 82, 82);
font-weight: normal;
list-style-position: inside;
margin-left: 0em;
margin-bottom: .5em;
font-size: 1.2em;
}

ul.textUl li a{
text-decoration: underline !important;

}

.smallDd dd{
font-size: .7em;
margin-bottom: 1em;

}

.years{
padding: 2px 0;
display: block;
background: #dedede;

}


.cont21_dl{
width: 95%;
border-bottom:1px solid rgba(16, 124, 150, 1);
}

.cont21_dl dt:before {
	font-family: icomoon;
    content: "\e90f";
}
.cont21_dl dt:after {

    content: "年";
}

.cont21_dl dt{
	border:1px solid rgba(16, 124, 150, 1);
	border-left-width: 3px;

	color: rgb(83, 85, 85);;
	padding: 2px 10px;
/*	border-radius: 1em;*/
	margin: 1em 0;
	font-weight: bold;
/*	background: linear-gradient(-90deg,#068688, #004d5f);*/
}

.cont21_dl dt{
	border:1px solid rgb(152, 152, 152);
/*	border-left-width: 3px;*/

	color: rgb(82, 82, 82);;
	padding: 10px;
	
	margin: 0em;
	font-weight: bold;
	border-bottom: 0px;
	background: #f4f4f4;
}


.cont21_dl dd:before {
	content:" ";
}

.cont21_dl dd{
	font-size: .8em;
	padding: 2px;
	color: gray;
	margin-bottom: 5px;
/*	border:1px solid gray;*/
	padding: 2px 10px;
/*	border-radius: 3em;*/
}

.cont21_dl dd{
	font-size: .8em;
	padding: 2px;
	color: gray;
	margin-bottom: 0px;
	padding: 4px 10px;
	background: white;
	border:1px solid rgb(152, 152, 152);
	border-bottom: 0px;
}

.cont21_dl dt dd:nth-last-child(1){
border-bottom: 1px;
}


.greenText{
	color:#5bd42e;

}

.redText{
	color:#d40041;
}

.caption{
	display: block;
	font-size: .8em;
	margin-bottom: .5em;

}



/*みなとみらい２１の案内以降*/

a.button-pdf{
/*	float: right;*/
}

.infoImgBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 1em;
}

.infoImgBox li{
	width: 33%;
}

.inner-cnt{
	padding-left: 2em;
}

.inner-cnt ul{
	padding-left: 2em;
}

.inner-cnt dd{
	padding-left: 1em;
}


.button-pdf {
	float: none;
	display: block;
	text-align: center;
	margin: 2em;
	padding: .5em;
	background: #e6e6e6;
	border-radius: .5em;
	box-sizing: border-box;
	font-size: .8em;
	
}

/*
.button-pdf:after {
    content: url(../images/tag_pdf.png);
	margin-left: .5em;

}
*/

.button-pdf:hover{
	background: #efefef;
	text-decoration: none;
}

.button-pdf:after{
	font-family: icomoon;
    content: "\e928";
	margin-left: .5em;
	/*	color: red;*/
/*
	position: absolute;
	right:15%;
*/
vertical-align:bottom;
}

.topics,
.register{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: 1px solid gray;
	box-sizing:border-box;
	border-bottom: 0px;
}


.topics dt,
.register dt{
	font-size: 1em;
	line-height: 1.5em;
	min-height: 1.5em;
	width: 20%;
	padding:.2em 0;
	text-align: center;
	vertical-align: middle;
	background: #eaeaea;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	box-sizing:border-box;
}


.topics dd,
.register dd{
	box-sizing: border-box;
	font-size: .8em;
	line-height: 1.7em;
	/*height: 1.7em;*/
	padding:.2em 0 .2em 1em;
	width: 60%;
	border-bottom: 1px solid gray;
	background: white;
	box-sizing:border-box;
}


.register dd:nth-child(3n+2){
	font-size: 1em;
	width: 20%;
	background: #efefef;
}

.topics dd a,
.register dd a{
 color: rgba(16, 124, 150, 1);
 text-decoration: underline;
 

}


dl.register.twocolm{

}


dl.topics dt,
dl.register.twocolm dt{
width: 30%;

}

dl.topics dd,
dl.register.twocolm dd{
width:70%;
margin-left: 0px!important;
}



.register2{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: 1px solid gray;
	box-sizing:border-box;
	border-bottom: 0px;
}



.register2 dt{
	font-size: 1em;
	line-height: 1.5em;
	min-height: 1.5em;
	width: 50%;
	padding:.2em 0;
	text-align: center;
	vertical-align: middle;
	background: #eaeaea;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	box-sizing:border-box;
}

.register2 dd{
	box-sizing: border-box;
	font-size: .8em;
	line-height: 1.7em;
	/*height: 1.7em;*/
	padding:.2em 0 .2em 1em;
	width: 50%;
	border-bottom: 1px solid gray;
	background: white;
	box-sizing:border-box;
}






.col-2-link{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

.col-2-link a{
width: 48%;
margin: 0;
padding: .5em 0;
/*border-radius: 2em;*/
margin-bottom: 1em;
position: relative;
}

.greenText{
color: #00b500;
}




#information-cnt{
display: flex;
justify-content:space-around;
margin-top: 4em;
}

div.box{
width: 19%;
position: relative;

}

.box img{
margin: 0;
padding: 0;
}

.box{
padding: 10px;
box-sizing: border-box;
margin-bottom: 2em;
/*border: 1px dotted gray;*/
background: white;

}

.summary p{
margin: 0;
padding: 0;
text-align: center;
}

.summary > p:nth-child(1){
position: absolute;
margin: 0 auto;
line-height: 1.5em;
top:-1em;
left: 0;
right:0;
font-weight: bold;
background: white;
font-size: .8em;
color: rgba(16, 124, 150, 1);


}

.summary > p:nth-child(2){
font-size: 10px;

}

.summary a{
font-size: .8em;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
padding: 0px;

border-radius: 5px;
box-sizing: border-box;
background: rgba(16, 124, 150, 1);
color: white;
}

.summary a:hover{
background-color: rgb(30, 153, 183);
text-decoration: none;
}


html body div.mm-page div#page.column div.column_body div#information-cnt.cont_wrap.clearfix div.box div.summary a:after {
    font-family: icomoon;
	content: "\e928";
	font-size: 1em;
	margin-left: 5px;
	padding: 2px 0;
	display: inline-block;
}



/*エリアマネジメントSETTING*/

.moreInfoBtn{
	width: auto;
	height: ;
	line-height: 2em;
	font-size: 1em;
	font-weight: bold;
	color: white;
	background: rgba(16, 124, 150, 1);
	border-radius: .5em;
	display: block;
	padding: .5em 1.5em;

	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.moreInfoBtn:hover{
text-decoration: none;
color: white;
background: rgb(37, 157, 186);

}

.moreInfoBtn:before {
    content: "\e90f";
	font-family: 'icomoon';
	margin-right: 15px;
}


.btnList{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: ;
}

.btnList li{
	min-width: 30%;
	display: block;
	/*border: 1px solid red;*/
	margin-right: 1%;
	margin-bottom: 10px;
	display: block;
	box-sizing: border-box;
	background: rgba(16, 124, 150, 1);
	border-radius: .5em;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

.btnList li a{
	padding:.5em  1em;
	width: 100%;
	height: 100%;
	display: block;
	color: white;
	text-decoration: none;
}

.btnList li a:before {
    content: "\e90f";
	font-family: 'icomoon';
	margin-right: 15px;
}

.btnList li:hover {
text-decoration: none;
background: rgb(37, 157, 186);
}

.addDt{
padding: 1em;
background:rgba(255, 255, 255, 0.85);
border: 1px solid #cbcbcb;
margin-bottom: 2em;
}

.addDt dt{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: .5em;
}

.addDt dd{
font-size: .8em;
}


.icon-phone:before {
    content: "\e91c";
	font-family: icomoon;
	margin-right: .5em;
}

.icon-newspaper:before {
    content: "\e91b";
	font-family: icomoon;
	margin-right: .5em;
}


dl.cont11_dl dd ol li{
margin-bottom: 2px;
}

dl.tableType{
	border: 1px solid black;
	border-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-content:center;
	margin-bottom: 2em;
}

dl.tableType dt{
	padding: .8em;
	min-height: 3em;
	text-align: center;
	border-right: inherit;
	width: 30%;
	border-bottom: 1px solid black;
	background: rgba(237, 237, 237, 0.42);
	box-sizing: border-box;
}

dl.tableType dd{
	padding: .8em;
	min-height: 3em;
	text-align: center;
	border-bottom: 1px solid black;
	width: 70%;
	box-sizing: border-box;
}

.Bigolist{
display: flex;
flex-wrap: wrap;

}


.Bigolist li{
padding: .5em;
display: block;
border-radius: .5em;
color: rgba(16, 124, 150, 1);
font-weight: bold;
border:2px solid rgba(16, 124, 150, 1);
margin-bottom: .5em;
width: 40%;
margin-right: 1%;
font-size: 1.2em;
}


#pdfDl{
	padding-top: 2em;
	display: block;
}

#pdfDl ol{
list-style: decimal;
color: rgba(16, 124, 150, 1);
margin-left: 3em;
}

.itemBox{
background: white;
}

.itemBox .itemInner{
padding-top: 2em;
display: flex;
justify-content: space-around;
justify-content: flex-start;
}

.itemBox img{
height: 100%;
}


.itemBox .itemInner dl{
margin-left: 10px;
display: flex;
font-size: 1em;
}

.itemBox .itemInner dt{
padding-top: 2em;
}


.itemBox .itemInner dd{
padding-top: 2em;
}


.itemBox img{
width: 30%;
/*margin-right: 2em;*/
}

.itemBox dl{
width: 68%;
}


.imgBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 1em;
}

.imgBox div{
width: 50%;
height: auto;

}

.imgBox img{
width: 100%;
padding: 0px;
/*height: 100%;*/
}

#flexOuter{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

#flexOuter img{
width: 100%;

}


#flexOuter .fip,
#flexOuter .fim{
width: 48%;

}

.docLink li{
display: flex;
justify-content: space-between;
border: 1px solid rgb(16, 124, 150);
border-radius: .5em;
margin-bottom: 1em;
width: 80%;
padding: .5em;
background: #f4f4f4;
}

.docLink a{
padding: 1em;
line-height: 2em;
background: rgb(11, 158, 193);
width: 20%;
text-align: center;
font-weight: bold;
color: white;
border-radius: 10px;

}

.docLink a:hover{
background: rgb(27, 180, 216);
text-decoration: none;
}

.docLinkBtn{
padding: 1em;
width: 55%
}

.membership-area{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;



  font-size: 100%;
 



}

.membership-area li{
width: 45%;
margin-right: 2.5%;
padding: .5em 1em;
box-sizing: border-box;
/*background: rgba(16, 124, 150, 1);*/
background-color:rgb(242, 242, 242);
border-left: 5px solid  rgba(16, 124, 150, 1);
color:  rgba(16, 124, 150, 1);
text-align: center;
margin-bottom: 1em;
line-height: 0;
border-radius: 5px 0 0 5px;
}

.membership-area li span{
font-size: .8em;
}

ul.membership-area:nth-child(6) > li:nth-child(7){
 line-height: 1em;
}










/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////SP_Settings//////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/






























@media all and (max-width: 899px) {


.pcImg{
display: none;
}

.spImg{
display: block;
}


.imgBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 1em;
}

.imgBox img{
width: 100%;
padding: 0px;
/*margin-bottom: 1em;*/
}


#flexOuter{
display: flex;
flex-wrap: wrap;

}

##flexOuter img{
width: 100%;
}


#flexOuter .fip,
#flexOuter .fim{
width: 100%;

}






.spbr {
	display: block;
}

.column_head h1{
	text-align: center;
	font-size: 1.4em;
}

.img_wrap.rgt,
.img_wrap.lft {
	float: none;
	margin-right: 0 auto;
}

.column_body h2,
.column_body h3
{
	text-align: center;
	font-size: 1.2em;
	width: 100%;
	margin: 2em auto;
	background: #efefef none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-radius: 10px;
    border-right: 1px solid #eee;
    clear: both;
    font-weight: bold;
    padding: 15px;
	box-sizing: border-box;
}

.small {
    color: gray;
    font-size: .6em;
	
}

#accessWrap div.cont_wrap div.write_wrap.lft p{
	width: 95%;
	margin: 0 auto;
} 


.bread_crumb{
	font-size: .6em;

}

.cont_wrap {
    margin-bottom: 2em;
}	

.cont_wrap p{
width: 95%;
margin: 0 auto;
}
	
.write_wrap {
	width: 100%;
	margin: 0 auto;
}

.img_wrap {
	width: 100%;
	margin: 0 auto;
}

#page.column div.column_body h2{

	text-align: center;

}

.write_wrap.lft ol{
	width: 90%;
	margin: 0 auto;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 2em;
}

.write_wrap.lft ol li{
	margin-bottom: 1em;
	color: #3686a3;
	padding: .8em 0;
	border: 1px solid #3686a3;
	border-radius: 1em;
}

.cont_wrap dl dd{
	line-height: 1.5em;
	margin-bottom: 3em;
}

.cont_wrap dl {
    box-sizing: border-box;
    margin-bottom: 0em;

}

.cont_wrap .smallDd dt{
margin-top: 1em;
}

.cont_wrap .smallDd dd{
	font-size: .7em;
	margin-bottom: 1em;

}


#masterDl {
    background: rgba(16, 124, 150, 0.85) none repeat scroll 0 0;
    display: flex;
	text-align: center;
	width: 100%;
    padding: 2em 1em 1em;
	border-radius: 1em;
}

#masterDl dt, #masterDl dd {
    border-bottom: 0px solid white;
    color: white;
    height: 20px;
/*    padding-bottom: 2em;*/
    width: 100%;
	text-align: center;
}


#masterDl dt{
	letter-spacing: .5em;
	width: auto;
	margin: 0 auto;/*マスタープランページ向けtemporary8設定*/
}

#masterDl dd{
	border-bottom: 1px solid rgb(13, 92, 111);
	height: auto;
	padding-bottom: 3em;
}



#accessWrap  h3{
	background: #1282ac;
	color: white;
	border-bottom: 0px solid #eee;
	border-radius: 2em;
	border-right: 0px solid #eee;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	margin: 2em auto;
	padding: 10px;
	text-align: center;
	width: 90%;
}

#accessWrap  dl{
	border-left: 2px solid #3686a3;
	padding-left: .5em;
}

#accessWrap .write_wrap {
    margin-bottom: 0px;
}

.cont_wrap .cont7_dl {
	display: block;
    margin: 0em auto 2em ;
    width: 95%;
}

.smallBlocks div{
	width: 100%;
}

.smallBlocks div img{
	width: 100%;
}


.normalBlocks{
	width: 100%;
	display: block;
}

.normalBlocks li{
	width: 100%;
}

#flexDl{
	display: block;
	padding: 0;
	border-radius: 1em;
	width: 95%;
	margin: 1em auto;
	padding: 0 2.5%;
}

#flexDl dt,
#flexDl dd{

    color: white;
    width: auto;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

#flexDl dt{
	letter-spacing: .5em;
	width: auto;
	border-bottom: 0px;
	text-align: center;
	margin-top: 3em;
/*	padding-top: 3em;*/
	
	border: 1px solid white;
	border-radius: 1em;


}

#flexDl dd{
	border-bottom: 1px solid rgb(13, 92, 111);
	height: auto;
	padding-bottom: 3em;
	text-decoration: underline;
}

#flexDl dd:nth-last-child(1){
	border-bottom: none;
}

.cont21_dl dt{
	text-align: center;
}

.cont21_dl dd{
	border: none;
}

.cont21_dl dt,
.cont21_dl dd{
	padding: .5em;
	line-height: 1.2em;
	border-radius: 5em;
	min-height: 2em;
	line-height: 2em;
}


footer p{
font-size: .6em;
}


.infoImgBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 1em;
}

.infoImgBox li{
width: 33%;
}

.inner-cnt{
padding-left: 0em;
}

.inner-cnt ul{
padding-left: 0em;
}

.inner-cnt dd{
padding-left: 0em;
}


.topics,
.register{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.topics,
.register{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
background: white;
border-bottom: 1px solid;
}

dl.topics dt,
.register dt{
font-size: 1em;
line-height: 1.5em;
min-height: 1.5em;
width: 100%;
padding:.2em 0;
text-align: center;
vertical-align: middle;
background: #eaeaea;
border-bottom: 1px solid white;
border-right: 0px;
}

.register dt:nth-child(n + 5){
/*background: white;*/
}

dl.topics dd,
.register dd{
box-sizing: border-box;
font-size: .8em;
line-height: 1.7em;
/*height: 1.7em;*/
padding:.2em 0 .2em 1em;
width: 100%;
border-bottom: 1px solid white;
/*margin-bottom: 1em;*/
}

.register dd:nth-child(3n+2){
font-size: 1em;
width: 100%;
background: #efefef;
}



.button-pdf {
	float: none;
	display: block;
	text-align: center;
	margin: 2em;
	padding: .5em;
	background: #e6e6e6;
	border-radius: .5em;
}

.button-pdf:after {
    content: url(../images/tag_pdf.png);
	margin-right: .5em;
	padding-top: 1px;
	display: block;
	float: right;
}


.col-2-link{
margin: 0 auto;
}

.col-2-link a{
width: 100%;
margin: 0;
padding: 1em 0;
/*border-radius: 2em;*/
margin-bottom: 1em;
}

div.box{
width: 45%;
position: relative;
}

.Bigolist{

justify-content: space-between;
}

.moreInfoBtn{
	width: 85%;
	margin: 1em auto;
	text-align: center;
	font-size: .8em;
}

.btnList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
}

.btnList li {
  width:100%;
  transition: all 0.2s ease 0s;
}





.itemBox .itemInner{
padding-top: 2em;
display:block;
}


.itemBox .itemInner dl{
display: block;
font-size: 1em;
width: 100%;
border: 0px;
}

.itemBox .itemInner dt{
width: 100%;
padding-top: 0em;
}


.itemBox .itemInner dd{
width:100%;
padding-top: 0em;
background: #f5f5f5;
padding: .3em 0;
}

h4{
font-size: 1.5em;
}

.itemBox img{
width: 100%;
margin: 1em auto;
}

dl.register.twocolm dt {
  width: 100%;
}


dl.register.twocolm dd {
  width:100%;
}


.docLink li{
display: flex;
justify-content: space-between;
border: 1px solid rgb(16, 124, 150);
border-radius: .5em;
margin: 0 auto 2em;
width: 95%;
padding: .5em;
background: #f4f4f4;
}

.docLink a{
padding: 1em;
line-height: 2em;
background: rgb(11, 158, 193);
width: 20%;

text-align: center;
font-weight: bold;
color: white;
border-radius: 10px;
}

.docLinkBtn{
padding: 1em;
width: 55%
}


.membership-area li{
width:95%;

margin: .6em auto;
}




}/*899SetingsEnd*/


/* 公共空間活用 */

.flex_cnt {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.flex_cnt .thumb {
	width: 30%;
	padding: 20px 0;
}
.flex_cnt .thumb img{
	width: 100%;
	margin-bottom: 20px;
}
.flex_cnt .cnt {
	width: 70%;
	padding: 20px 0 0 20px;
}

.flex_cnt .thumb_only {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}

.flex_cnt .thumb_only img {
	width: 30%;
	margin-right: 20px;
}

.googlemap {
	width: 71.7%;
	float: left;
	margin: 0 10px 10px 0;

}
.map_contents img {
	margin: 0 5px 10px 0;
	width: 23.2%;
}
@media all and (max-width: 899px) {
	.flex_cnt .thumb {
	width: 100%;
	padding: 0;
	}
	.flex_cnt .cnt {
		width: 100%;
		padding: 40px 0 0 0;
	}

	.flex_cnt .thumb_only img {
		width: 47%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

}