@charset "utf-8";
/*
 * #hd_wrap01
 */
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/* ==========================================================
!Common
========================================================== */
body {
	font-size: 20px;
}
div#wrap {
	padding: 0;
	background: none;
	font-size: ;
}
/* ==========================================================
!Mainimg
========================================================== */
#mainimg {
}
	#mainimg .outer01 {
		padding: 55px 0 55px 0;
		text-align: center;
		background: url(../images/bg_mainimg_support01.png) no-repeat right bottom;
	}
/* ==========================================================
!support
========================================================== */
/* チューリップ */
.section01 sup {
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 0.8em;
	background: url(/baby/step/common/images/ico_annotation02.png) no-repeat 0 50%;
	background-size: 100% auto;
}
.section01 sup.normal {
	position: relative;
	top: 0.7em;
	width: 1.4em;
}

.summary01 {
	position: relative;
	margin: 20px 0 0 0;
	text-align: center;
}
	.summary01:before {
		position: absolute;
		bottom: 3px;
		left: 145px;
		z-index: 1;
		width: 94px;
		height: 77px;
		background: url(../images/img_support_fe01.png) no-repeat 0 0;
		content: "";
		animation: jump1 3s linear 0s infinite;
	}
	.summary01:after {
		position: absolute;
		visibility: visible;
		bottom: 3px;
		right: 153px;
		width: 100px;
		height: 83px;
		background: url(../images/img_support_ca01.png) no-repeat 0 0;
		content: "";
		animation: jump2 3s linear 0s infinite;
	}
@keyframes jump1 {
	0%   { transform: translate(0%, 0%); }
	50%  { transform: translate(0%, -30%); }
	100% { transform: translate(0%, 0%); }
}
-webkit-@keyframes jump1 {
	0%   { transform: translate(0%, 0%); }
	50%  { transform: translate(0%, -30%); }
	100% { transform: translate(0%, 0%); }
}
@keyframes jump2 {
	0%   { transform: translate(0%, -30%); }
	50%  { transform: translate(0%, 0%); }
	100% { transform: translate(0%, -30%); }
}
-webkit-@keyframes jump2 {
	0%   { transform: translate(0%, -30%); }
	50%  { transform: translate(0%, 0%); }
	100% { transform: translate(0%, -30%); }
}

.summary02 {
	margin: 65px 0 0 0;
	text-align: center;
}
	.summary02 ul {
		font-size: 0;
		text-align: center;
	}
		.summary02 ul li {
			display: inline-block;
			position: relative;
			font-size: 100%;
			vertical-align: middle;
		}
		.summary02 ul li:first-of-type {
			z-index: 2;
			margin: 0 -6px 0 0;
		}
		.summary02 ul li:nth-child(2) {
			z-index: 1;
			margin: 0 -36px 0 0;
		}
		.summary02 ul li:last-of-type {
			z-index: 0;
			margin: 0 -28px 0 0;
		}
	.summary02 .txt_link01 {
		text-align: right;
	}
		.summary02 .txt_link01 a {
			display: block;
			margin: 10px 0 0 0;
			padding: 0 25px 0 0;
			color: #f10082;
			text-decoration: underline;
			background: url(/baby/step/common/images/ico_arrow01.png) no-repeat right 50%;
		}
		.summary02 .txt_link01 a:hover {
			text-decoration: none;
		}
		.summary02 .img {
			margin: 40px 0 0 0;
		}

.section01 {
	overflow: hidden;
	margin: 50px 0 0 0;
}
.section01 .inner01 {
	padding: 0 50px 0 50px;
}
	.section01 .section01_01 {
		overflow: hidden;
		margin: 50px 0 0 0;
	}
	.section01 ul {
		margin: 20px 0 0 0;
	}
		.section01 ul li {
			display: inline-block;
			padding: 0 23px 0 0;
		}
		.section01 ul li:last-child {
			padding: 0;
		}
		.section01 p {
			margin: 20px 0 0 0;
		}
		.section01 .txt {
			float: left;
			width: 380px;
			margin: 20px 0 0 0;
		}
		.section01 .img {
			float: right;
			width: 550px;
			margin: 20px 0 0 0;
		}

.section01 .supplement {
	clear: both;
	padding: 20px 0 0 0;
	font-size: 62%;
}
.section01 .supplement li {
	display: block;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
	.section01 .supplement li sup {
		margin: 0 17px 0 0;
	}
	.section01 .supplement li:last-child {
		padding: 0 0 0 1.5em;
	}