@charset "Shift_JIS";

.alert01 {
	color:#e83321 !important;
}

.BOX_flow
{
	background: #ecf8f8;
	padding: 15px;
	border-radius:10px;
	
}


.BOX_flow p.case01,
.BOX_flow p.case02
{
	border: solid 3px #00aca9;
	background: #fff;
	padding: 15px;
	border-radius:10px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	font-weight: 800;
	/*color: #00aca9*/
}


.BOX_flow p.case02
{
	border: solid 3px #e83522;
	/*color: #e83522;*/
}


.BOX_flow p.case01 img,
.BOX_flow p.case02 img
	{
	display:block;
	margin:auto;
	margin-top:10px;
	}

.BOX_flow p.flow
{
	font-size: 1.2rem;
}



/*PCサイズ*/
@media screen and (max-width:751px){
	.BOX_flow p.case01,
	.BOX_flow p.case02
	{
	font-size:18px;
	padding: 15px 5px;
	}
	.BOX_flow p.case01 img,
	.BOX_flow p.case02 img
	{
	display:inline-block;
	width:14%;
	vertical-align: middle;
	margin-top:0px;
	}
}

p.first{
position:relative;
}

.fukidashi{
	position:relative;
	position:absolute;
	top:-10px;
	right: 0;
	width:17%;
	border: solid 3px #b9e5e5;
	height:auto;
	background:##fff;
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #00aca9;
	font-size:14px;
	font-weight:bold;
	border-radius:15px;
	-webkit-border-radius: 14px;
	-moz-border-radius:15px;
	line-height:1.2;
}

.fukidashi:after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(90, 230, 40, 0);
	border-top-width: 20px;
	border-bottom-width: 20px;
	border-left-width: -15px;
	border-right-width: 15px;
	margin-left: -30px;
	border-top-color: #b9e5e5;
	top:100%;
	left: 50%;
}


p.parent
{
	position:relative;
}

.fukidashi02{
	position:absolute;
	top: -30px;
	right: 12px;
	border: solid 3px #b9e5e5;
	height:auto;
	background: #fff;
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #00aca9;
	font-size:14px;
	font-weight:bold;
	border-radius:15px;
	-webkit-border-radius: 14px;
	-moz-border-radius:15px;
	line-height:1.2;
}


.fukidashi02:after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(90, 230, 40, 0);
	border-top-width: 20px;
	border-bottom-width: 20px;
	border-left-width: -15px;
	border-right-width: 15px;
	margin-left: -30px;
	border-top-color: #b9e5e5;
	top:100%;
	left: 50%;
}


/*PCサイズ*/
@media screen and (max-width:861px){
	.fukidashi02{
	position:absolute;
	top: -65px;
	right: 50px;
	}
}

/*PCサイズ*/
@media screen and (max-width:951px){
	.first
	{
	padding-top:20px;
	}

	.fukidashi{
	position:absolute;
	top: -5px;
	right: 0;
	width:50%;
	}
	 
	.fukidashi>.smNone {
          display: none !important;
     }
	
	.fukidashi:after{
	position:absolute;
	border-color: rgba(90, 230, 40, 0);
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: -15px;
	border-right-width: 15px;
	margin-left: -15px;
	border-top-color: #b9e5e5;
	
	}

	img.present
	{
	width:50%;
	}
	img.arrow
	{
	width:30%;
	}


}

.label
{
	color:#fff;
	padding: 0 0.5rem 0 0.8rem;
	margin: 5px 0 0 0;
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #fa4141;
	font-size: 1.2rsem
}


.label:before {
  position: absolute;
  top: 0;
  right: -30px;
  content: '';
  border-width: 15px 16px 15px 14px;
  border-style: solid;
  border-color: transparent transparent transparent #fa4141;
}





.instructor
{
	line-height:1.2;
}