@charset "utf-8";

/*add*/
.mainContent {
    margin-top: 60px;
}
h3.ttl.ttl--border {
    padding-bottom: 3px !important;
    border-bottom: 1px solid #2d2a23 !important;
}
h3.ttl {
    font-size: 30px !important;
    line-height: 40px !important;
}
h4.sttl {
    font-size: 22px !important;
    line-height: 32px !important;
}
.mb30 {
    margin-bottom: 30px;
}
.mb70 {
    margin-bottom: 70px;
}



body .flow .btMore {
	margin-top: 80px;
	
}
body .flow .btMore a {
	display: block;
}

	/* container */
	body .container {
		padding-top: 80px;
	}

	/* wrapper */
	body .container .wrapper {
		width: 960px;
	}

	/* flow */
	body .flow {
		overflow: hidden;
	}

	body .flow .flow__item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		display: table;
		width: 100%;
		height: 170px;
		margin-top: 60px;
		border: 1px solid #cecece;
		background: right bottom no-repeat;
	}
	body .flow .flow__item.item01 { background-image: url(../../img/flow/icon-01.png);}
	body .flow .flow__item.item02 { background-image: url(../../img/flow/icon-02.png);}
	body .flow .flow__item.item03 { background-image: url(../../img/flow/icon-03.png);}
	body .flow .flow__item.item04 { background-image: url(../../img/flow/icon-04.png);}
	body .flow .flow__item.item05 { background-image: url(../../img/flow/icon-05.png);}
	body .flow .flow__item.item06 { background-image: url(../../img/flow/icon-06.png);}

	body .flow .flow__item:before {
		content: "";
		position: absolute;
		top: -40px;
		left: 50%;
		margin-left: -10px;
		border-top: 20px solid #525252;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}

	body .flow .flow__item:first-child {
		margin-top: 0;
	}
	body .flow .flow__item:first-child:before {
		content: none;
	}

	body .flow .flow__header,
	body .flow .flow__contents {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: table-cell;
		-webkit-transition: .5s;
		transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	}

	body .flow .flow__header {
		width: 180px;
		padding-top: 10px;
		background-color: #525252;
		color: #fff;
		text-align: center;
		vertical-align: middle;
	}
	body .flow .flow__header p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	body .flow .flow__item.item06 .flow__header p {
		margin-bottom: 5px;
	}
	body .flow .flow__header h5 {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
	}
	body .flow .flow__header h5 > span {
		font-size: 12px;
	}

	body .flow .flow__contents {
		overflow: hidden;
		padding: 35px 50px;
		font-size: 14px;
		line-height: 1.714;
		vertical-align: top;
	}
@media only screen and (max-width: 980px) {

	body .wrapper {
		margin-top: 20px;
	}

	body .container{
		padding-top: 0;
		width:100%;
	}
	body .container .wrapper {
		width: 96%;
		margin: 0 auto;
	}
	.ttl h3 {
		font-size: 20px;
		
}

@media only screen and (max-width: 768px) {
	body .flow .flow__header,
	body .flow .flow__contents {
		display: block;
	}

	body .flow .flow__header {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 600px) {
	body .flow .flow__contents {
		padding: 25px 50px 25px 30px;
	}
}