@charset "UTF-8";

/*
********************************  こんなことで困っていませんか */

.list {
	overflow: hidden;
}

.list li {
	background-image: url(../images/common/icon_check.png);
	background-repeat: no-repeat;
	padding: 0 0 0 23px;
	margin: 5px 0;
}


/*
********************************  働き方を再設計メリット */

.or_border {
	border: 1px solid #f4cd9e;
	padding: 7px;
	text-align: center;
	color: #f4cd9e;
	display: block;
	width: 35%;
	margin: 0 0 15px 0;
	font-size: 18px;
}


/*
********************************  ご案内 */

.proposal .f_l {
	float: left;
	width: 43%;
	margin: 0 10px 10px 25px;
}

.proposal .f_r {
	float: right;
	width: 43%;
	margin: 0 35px 10px 0;
}

.proposal div img {
	max-width: 350px;
	width: 100%;
	margin: 0 0 10px 0;
}

.proposal span {
	display: block;
}


/*
********************************  流れ */

.flow {
	background-image: url(../images/common/bg_img.png);
	background-repeat: repeat;
	padding: 20px 40px;
}

.flow_box {
	float: left;
	text-align: center;
	position: relative;
	width: 25%;
	height: 135px;
}

.flow_box img {
	margin: 10px 0;
}

.flow_box:before {
	content: url(../images/work/icon_01.png);
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto 0;
	height: 28px;
	left: 2%;
}

.flow_box:first-child:before {
	content: "";
}

.flow_b_e {
	font-weight: bold;
	font-size: 16px;
}

.flowb_b_ttl {
	font-size: 14px;
	line-height: 1.3em;
}

.fa_ttl_1,
.fa_ttl_2,
.fa_ttl_3,
.fa_ttl_4 {
	color: #99bfbe;
	font-size: 18px;
	padding: 0 0 10px 45px;
	margin: 35px 0 13px 0;
	line-height: 1.1em;
}

.fa_ttl_1 span,
.fa_ttl_2 span,
.fa_ttl_3 span,
.fa_ttl_4 span {
	font-size: 14px;
	font-weight: bold;
}

.fa_ttl_1 {
	background-image: url(../images/work/icon_flow01.png);
	background-repeat: no-repeat;
}

.fa_ttl_2 {
	background-image: url(../images/work/icon_flow02.png);
	background-repeat: no-repeat;
}

.fa_ttl_3 {
	background-image: url(../images/work/icon_flow03.png);
	background-repeat: no-repeat;
}

.fa_ttl_4 {
	background-image: url(../images/work/icon_flow04.png);
	background-repeat: no-repeat;
}


/*-------------------------------------------------*/
/* タブレット用 */
/*-------------------------------------------------*/

@media (max-width: 920px) {}


/*-------------------------------------------------*/
/* スマホ */
/*-------------------------------------------------*/

@media (max-width: 767px) {
	.flow {
		display: none;
	}

/*
********************************  働き方を再設計メリット */
	.or_border {
		width: 100%;
	}

/*
********************************  ご案内 */
	.proposal .f_l {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px
	}
	.proposal .f_r {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px;
	}
}