@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

.logo_Hed_index { display: none; }



.flow_box {
	width:100%;
	background:#FFF;
	box-shadow: 16px 16px 36px rgba(131,161,181,.1);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:2px;
}

.no_box {
	width:8%;
}

.img_box {
	width:32%;
}

.img_box img {
	width:100%;
	height:auto;
}

.txt_box {
	width:60%;
	padding:15px;
	box-sizing:border-box;
}

.txt_box h3 {
	font-size:1.4em;
	line-height:1.2;
	color:#1a6bb5;
	margin:0 auto 15px;
	padding-bottom:10px;
	border-bottom:1px solid #1a6bb5;
}

.txt_box p {
	line-height:1.4;
}

.flow_box02 {
	width:100%;
	position: relative;
	padding:0 0 0;
}


.flow_box02::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #666;
    position: absolute;
    left: 20%;
    transform: translateX(-.5px);
    top: 0;
	z-index:-10;
}

.flow_box03 {
	width:70%;
	position: relative;
	padding:0;
	margin:0 0 100px auto;
}


.flow_box03::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #666;
    position: absolute;
    right: 30%;
    transform: translateX(-.5px);
    top: 0;
	z-index:-10;
}


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

.logo_Hed_index { display: none; }

.flow_box {
	width:100%;
	background:#FFF;
	box-shadow: 16px 16px 36px rgba(131,161,181,.1);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:2px;
}

.no_box {
	width:30%;
}

.img_box {
	width:70%;
}

.img_box img {
	width:100%;
	height:auto;
}

.txt_box {
	width:100%;
	padding:15px;
	box-sizing:border-box;
}

.txt_box h3 {
	font-size:1.2em;
	line-height:1.2;
	color:#1a6bb5;
	margin:0 auto 15px;
	padding-bottom:10px;
	border-bottom:1px solid #1a6bb5;
}

.txt_box p {
	font-size:0.8em;
	line-height:1.4;
}

.flow_box02 {
	width:100%;
	position: relative;
	padding:0 0 0;
}


.flow_box02::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #666;
    position: absolute;
    left: 20%;
    transform: translateX(-.5px);
    top: 0;
	z-index:-10;
}

.flow_box03 {
	width:70%;
	position: relative;
	padding:0;
	margin:0 0 100px auto;
}


.flow_box03::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #666;
    position: absolute;
    right: 30%;
    transform: translateX(-.5px);
    top: 0;
	z-index:-10;
}

}