@charset "UTF-8";

#blc01,
#blc02{
margin-bottom: 7%;
}

.stepCover{
width:100%;
}

.stepCover img{
max-width:100%;
}

.lineBtmBlc{
padding: 0 0 4% 50px;
position: relative;
}

.lineBtmBlc .ttlLine{
border-left: 2px solid #ffe4e4;
padding: 4% 0 6%;
}

.lineBtmBlc .ttlLine .ttlStyle02{
font-weight: bold;
margin-left: -22px;
letter-spacing: 3px;
}

.lineBtmBlc .stepBlc{
position: relative;
}

.lineBtmBlc .stepList{
position: relative;
}

.lineBtmBlc .stepList dt{
float: left;
}

.hexagonStyle01{
position: relative;
width: 80px; 
height: 46.19px;
background-color: #ffe4e4;
margin: 23.09px 0 23.09px -39px;
}

.hexagonStyle01:before,
.hexagonStyle01:after{
content: "";
position: absolute;
width: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}

.hexagonStyle01:before{
bottom: 100%;
border-bottom: 23.09px solid #ffe4e4;
}

.hexagonStyle01:after{
top: 100%;
width: 0;
border-top: 23.09px solid #ffe4e4;
}

.hexagonStyle01 > .txt{
font-size: 250%;
line-height: 1.2;
width: 100%;
height: 100%;
text-align: center;
display: table;
position: relative;
z-index: 3;
}

.hexagonStyle01 > .txt .txtMid{
display: table-cell;
vertical-align: middle;
}

.lineBtmBlc .stepList dd{
min-height: 50px;
padding: 35px 0 30px 50px;
border-left: 2px solid #ffe4e4;
}

.lineBtmBlc .stepList dd:nth-last-child(1){
border-left: none;
}

.lineBtmBlc .stepList dd .ttl{
font-size: 120%;
font-weight: bold;
margin-bottom: 10px;
}

.lineBtmBlc .stepList dd .txt{
font-size: 100%;
}

@media screen and (max-width: 480px) {
	.lineBtmBlc {
	padding: 0 0 4% 28px;
	}

	.lineBtmBlc .stepList dd {
	padding: 22px 0 30px 38px;
	}

	.hexagonStyle01 {
	width: 60px; 
	height: 34.64px;
	margin: 17.32px 0 17.32px -29px;
	}

	.hexagonStyle01:before,
	.hexagonStyle01:after {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	}

	.hexagonStyle01:before {
	border-bottom: 17.32px solid #ffe4e4;
	}

	.hexagonStyle01:after {
	border-top: 17.32px solid #ffe4e4;
	}

	.hexagonStyle01 > .txt{
	font-size: 200%;
	}
}