* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:'メイリオ', 'Meiryo', sans-serif;
	background: #E5E5E6;
}

#contents {
	background: #E5E5E6;
	position: relative;
	width: 595px;
	height: 100%;
	margin: auto;
}

.step {
	width: calc(100% - 30px);
	padding: 15px;
	margin-bottom: 10px;
}

.stepHeader {
	width: 100%;
	height: 80px;
	margin-bottom: 15px;
	display: flex;
	justify-content: flext-start;
	align-items: center;
}

.headerIcon {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	
	width: 56px;
	height: 56px;
	border-radius: 56px;
	background: #3E3A39;
	color: #FFF;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-right: 15px;
}

.headerTxt {
	font-size: 18px;
	font-weight: 700;
	color: #231815;
}

.step1Content, .step2Content {
	width: 100%;
	position: relative;
}


.step1Block {
	width: 100%;
	min-height: 200px;
	margin-bottom: 6px;
	position: relative;	
}

.step1BlockHeader {
	position: absolute;
	width: 100px;
	top: 0px;
	bottom: 0px;
	background: #595757;
	color: white;
	font-size: 20px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}

.step1BlockContent {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: calc(100% - 103px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.step1BlockContainer_1 {
		width: 100%;
		margin-right: 3px;
		background: green;
		display: flex;
		align-items: center;
		background: #FFFFFF;
}

.step1BlockContainer_1 img {
	width: 100%;
	height: 200px;
}

.step1BlockContainer_2 {
		width: 50%;
		margin-right: 3px;
		display: flex;
		align-items: center;
		background: #FFFFFF;
}

.step1BlockContainer_2 img {
	width: 100%;	
	height: 200px;
}


.step1BlockContainer_3 {
		width: 33.333%;
		margin-right: 3px;
		display: flex;
		align-items: center;
		background: #FFFFFF;
		
}

.step1BlockContainer_3 img {
	width: 100%;	
	height: 200px;
}

.step2Block {
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 30px;
	background: #FFFFFF;	
	position: relative;
	margin-bottom: 50px;
}

.backToTop a {
	font-size: 10px;
	text-align: center;
	color: #595757;
	width: 120px;
	position: absolute; 
	right: 0px;
	bottom: -20px;
	text-decoration: none;
}

.backToTop a:hover{
	cursor: pointer;
	opacity: 0.7;
}

.step2Block_header {
	height: 80px;
	border-bottom: 2px solid #E5E5E6;
	padding-bottom: 10px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	font-size: 25px;
	font-family: "Gothic MB101 B";
	font-weight: 500;
}

.step2Block_diagram {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	font-weight: 700;
}

.step2Block_diagram object {
	width: 100%;
}


.iconContainer {
	width: 45px;
	height: 45px;
	margin-left: 20px;
	float: left;
}

.iconImg img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	font-size: 10px;
}

.clickExplain {
	margin-left: calc(50% - 140px);
	width: 280px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.step2Block_images {
	display: flex;
	align-items: center;
	justify-content: center;
}

.imgContainer {
}

.imgContainer img {
	width: 100%;
}