@charset "UTF-8";

*{margin: 0; padding: 0;}

.proce_box {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}


.proce_tit  {
	margin: 2vh auto;
}
.proce_tit h2 {
	text-align: center;
	color: #fff;
	background: #0080cc;
	padding: 10px 10px 10px 10px;
}

.proce_text {

	margin: 2vh auto;
	padding: 0 10px;

}
.proce_text h4{

}
.proce_text p{
	text-align: left;
	margin: 0 auto;
	padding: 10px 10px;
}

.proce  {
	margin: 2vh auto 5vh auto;
	padding: 0 10px;
}


.proce th {
	background: #e5edff;
	text-align: center;
	padding: 1vh 1vw;
}
.proce td {
	background: #e5edff;
	text-align: left;
	padding: 1vh 2vw;
}

.back_screen {
	margin: 0 0 5vh 0;
}

/*導入までの流れ*/
.model_schedule  {
	width: 80%;
	margin: 5vh auto 0 auto;
}
.model_schedule h3 {
	text-align: center;
/*	color: #fff; */
/*	background: #0080cc; */
	padding: 10px 10px 10px 10px;
}
.model_schedule_1 {

	margin: 3vh auto 0 auto;
}
.model_schedule_1 h4{
	margin: 2vh 1vw 0 1vw;
	background: #d8d8d8;
	padding: 0.5vh 2vw; 
	text-align: left;
}
.model_schedule_1 h5{
	padding: 0 0 0 3vw; 
	text-align: left;

}



.model1 img{
	max-width: 1010px;
	width: 100%;
	height: auto;
}

.model1 {
	margin-bottom: 5vh;
}
.model2 img {
	max-width: 1010px;
	width: 100%;
	height: auto;
}
.model_schedule_1 p{
	margin: 0 0 5vh 0;
	padding:;
	text-align: left;
}


/* Flexbox : レスポンシブ対応 */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}

.sp {
	display: none !important;
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.seal_img img{
		max-width: 450px;
		width: 100%;
		margin: 0 auto;
	}
}
.