@charset "utf-8";
.mainimage-container {
	width:100%;
	max-width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.mainimage-container:before {
	content: "";
	display: block;
	padding-top:60%;
}
.mainimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover!important;
	background-position:center;
}
.flow-intro_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.flow-title{
	text-align:left;
}
.flow-intro{
	text-align:left;
	font-size: 2.0rem;
	line-height: 3.4rem;
	word-break: keep-all;
}
@media screen and (max-width:767px) {
.flow-title{
	text-shadow:2px 2px 0 #ffffff,-2px 2px 0 #ffffff,2px -2px 0 #ffffff,-2px -2px 0 #ffffff;
}
.flow-intro{
	text-align:center;
	text-shadow:2px 2px 0 #ffffff,-2px 2px 0 #ffffff,2px -2px 0 #ffffff,-2px -2px 0 #ffffff;
}
}

.flow-text{
	font-size:1.6rem;
	line-height:2.4rem;
}

.flow-block{
	background:#ffffff;
	border-radius:1rem;
	font-size:0px;
	padding:15px;
}
.flow-subtitle{
	padding:0px;
	display:inline-block;
	width:100%;
}
.flow-icon{
	width:6.0rem;
	vertical-align:middle;
	padding-right:1rem;
}
.flow-bl{
	display:inline-block;
	vertical-align: top;
	width:15%;
}
.flow-br{
	display:inline-block;
	vertical-align: top;
	width:85%;
}
.flow-br2_a{
	display:inline-block;
	vertical-align: top;
	width:55%;
}
.flow-br2_b{
	display:inline-block;
	vertical-align: top;
	width:30%;
	max-height:180px;
}
.flow-img_arrow{
	width:4.0rem;
	margin-left:6.8rem;
}
.flow-img_01{
	top: -50px;
	position: relative;
}
.flow-img_02{
	margin-top: 15px;
}
.flow-tel_icon{
	width:2.4rem;
	margin-right:0.6rem;
}
.flow-tel_wrap{
	display:block;
	color:#016BAB;
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	padding-top:1.2rem;
}
.flow-present{
	color: #016BAB;
	font-weight:bold;
	margin-top: 2.0rem;
	font-size: 1.6rem;
	line-height: 2.0rem;
	word-break: keep-all;
}
@media screen and (max-width:767px) {
.flow-subtitle{
	padding-bottom:15px;
}
.flow-bl{
	display:none;
}
.flow-br{
	display:inline-block;
	width:100%;
}
.flow-br2_a{
	display:inline-block;
	width:100%;
}
.flow-img_01{
    width: 50%;
    position:static;
	margin-top: 2.0rem;
    margin-left: 25%;
    padding-bottom: 15px;
}
.flow-present{
	margin-top:0px;;
	font-size: 1.4rem;
}
}