@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);
@import url(base_sp.css);


main h2{
	margin-bottom:30px;
}
main section{
	padding-bottom:30px;
}

main section p{
	padding-bottom:10px;
}


main section p i{
	color:#007fc5;
	font-style: normal;
}
/*---flow---*/
.flow{
	padding:10px 0;
	border-top:1px solid #dee6e8;
	border-bottom:1px solid #dee6e8;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
.flow dl{
	padding:30px 5%;

}
main .flow h5{
		font-size:1.2em;
		padding:10px 0px;
}
main .flow h5:before{
	display:none;
}
main .flow h5 span{
	font-size:.7em;
	display:inline-block;
	border-radius:6px;
	background:#fd97bf;
	color:#fff;
	padding:3px 8px;
	margin-right:5px;
	
}


/*------*/
main section ul li{
	border-bottom:1px dotted #bfbfbf;
	padding:5px;
	position:relative;
	padding-left:20px;
}
main section ul li:before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	left:0;
	top:calc(50% - 5px);
	border-radius: 50%;
	border:solid 3px #3ecfff;
}



/*------*/
main section .col{
	justify-content: space-between;
		padding-top:20px;
}
main section .col div{
	width: 55%;
	margin-right: auto;
}
main section .col>figure{
	max-width:410px;
	padding-left: 4%;

}
/*---privacy---*/
section.privacy{
	border:1px dotted #fd97bf;
	border-radius: 8px;
	padding:20px 50px;
	margin-bottom:30px;

}
section.privacy div.flex{
		justify-content: space-between;
}
section.privacy div.flex div{

}
section.privacy figure{
	text-align:center;
}
section.privacy figure img {
	max-width: 130px;
	height: auto;
}
section.staff p span{
	position:relative;
	padding-right:25px;
}
section.staff p span:first-child:after{
	position:absolute;
	padding-right:20px;
	background:url(../images/event/event03.gif)no-repeat;
	content:"";
	right:-15px;
	top:calc(50% - 7px);
	height:15px;
	width:15px;
}
section.staff p span:last-child{

}
@media screen and (max-width: 800px){
main section{
	padding-bottom:15px;
}
	

main section div ul{
	width: 100%;
	margin-right: none;
		order: 2;
	margin-bottom: 20px;
}
	
main section .col div{
	width: 100%;
	margin-right: auto;
}

main section div>figure{
	width: 90%;
	padding-top:0;
	padding-bottom:20px;
	order: 1;
	margin:auto;
}
main section .col>figure{
	padding-left: 0;
}
/*---privacy---*/
section.privacy{
	padding:20px;

}
section.privacy div.flex div{
order:2
}
section.privacy figure{
order:1
}
}