@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&subset=japanese");
.baby-step {
	font-feature-settings: "palt";
}

.baby-step div:after,
.baby-step dl:after,
.baby-step ul:after {
	content: none;
}

.baby-step * {
	outline: none;
}

.baby-step a {
	color: #2ca7e0;
}

.baby-step #js-header a {
	color: #000000;
}

.baby-step #js-footer a {
	color: #666666;
}

.baby-step body {
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
	font-weight: 400;
}

.baby-step body * {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
	font-weight: 400;
}

.baby-step body.freeze {
	position: fixed;
	left: 0;
	width: 100vw;
	overflow: hidden;
}

.baby-step.ipad {
	width: 1280px;
	overflow-x: hidden;
}

.baby-step.ipad body {
	width: 1280px;
	overflow-x: hidden;
}

.baby-step .step-navigation-button {
	position: fixed;
}

.baby-step .step-navigation-button a {
	display: block;
	position: relative;
}

.baby-step .step-navigation-button a .bg {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: #0794d6;
	position: relative;
	transition: transform 0.3s, opacity 0.3s;
}

.baby-step .step-navigation-button a .lines {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.baby-step .step-navigation-button a .lines span {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background: #ffffff;
	transition: transform 0.3s;
}

.baby-step .step-navigation-button a:hover .bg {
	transform: scale(1.225);
}

.baby-step .step-navigation-button a.active .lines span.l1 {
	transform: translate3d(0, 0, 0) rotate(225deg);
}

.baby-step .step-navigation-button a.active .lines span.l2 {
	transform: translate3d(0, 0, 0) rotateX(3600px);
	opacity: 0;
}

.baby-step .step-navigation-button a.active .lines span.l3 {
	transform: translate3d(0, 0, 0) rotate(315deg);
}

.baby-step .hohoemi-button {
	position: fixed;
}

.baby-step .hohoemi-button a {
	display: block;
}

.baby-step .step-language-navi {
	position: fixed;
	z-index: 10000;
}

.baby-step .step-language-navi > .wrap .content {
	background: #ffffff;
}

.baby-step .step-language-navi > .wrap .content .list ul li {
	text-align: center;
}

.baby-step .step-language-navi > .wrap .content .list ul li a {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
	font-weight: 700;
}

.baby-step .step-language-navi-button {
	position: fixed;
}

.baby-step .step-language-navi-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	color: #0794d6;
}

.baby-step .step-language-navi-button a .label {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.baby-step .wave {
	background-repeat: repeat-x;
	background-position: left top;
}

@keyframes wave_pc {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 352px 0;
	}
}

@keyframes wave_sp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 46.93333vw 0;
	}
}

.baby-step .fadein {
	opacity: 0;
	transition: opacity 0.4s;
}

.baby-step .fadein.active {
	opacity: 1;
}

.baby-step .fadein.none {
	opacity: 1;
}

.baby-step .fadein.right {
	transition: opacity 0.4s, transform 0.4s;
}

.baby-step .fadein.right.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.baby-step .fadein.left {
	transition: opacity 0.4s, transform 0.4s;
}

.baby-step .fadein.left.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.baby-step .fadein.up {
	transition: opacity 0.4s, transform 0.4s;
}

.baby-step .fadein.up.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.baby-step .fadein.down {
	transition: opacity 0.4s, transform 0.4s;
}

.baby-step .fadein.down.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.baby-step .fadein.pump {
	transform-origin: 50% 50%;
	transform: scale(0);
	transition: opacity 0.3s cubic-bezier(0.67, 2, 0.9, 0.98), transform 0.3s cubic-bezier(0.67, 2, 0.9, 0.98);
}

.baby-step .fadein.pump.active {
	transform: scale(1);
	opacity: 1;
}

.baby-step .fadein.pop {
	transition: opacity 0.3s cubic-bezier(0.79, 2.5, 0.9, 0.98), transform 0.3s cubic-bezier(0.79, 2.5, 0.9, 0.98);
}

.baby-step .fadein.pop.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.baby-step .twinkle {
	animation: twinkle 3s linear infinite;
}

@keyframes twinkle {
	0% {
		transform: rotate(-30deg);
	}
	25% {
		transform: rotate(-30deg);
	}
	25.1% {
		transform: rotate(30deg);
	}
	50% {
		transform: rotate(30deg);
	}
	50.1% {
		transform: rotate(-30deg);
	}
	75% {
		transform: rotate(-30deg);
	}
	75.1% {
		transform: rotate(30deg);
	}
	100% {
		transform: rotate(30deg);
	}
}

.baby-step .rollup {
	width: 100%;
	height: 0;
	position: relative;
}

.baby-step .rollup a {
	display: block;
	position: absolute;
	z-index: 3000;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	text-indent: -5000px;
}

.baby-step .rollup a:before {
	content: '';
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-color: #2ca7e0;
}

.keyvisual {
	position: relative;
	text-align: center;
	overflow: hidden;
	height: 339px;
}

.keyvisual .text {
	position: relative;
	z-index: 1;
	height: 0;
}

.keyvisual .image {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	width: 1400px;
}

.keyvisual .wave {
	position: absolute;
	left: 0;
	right: 0;
}

.keyvisual .wave.bottom {
	bottom: 0;
}

.keyvisual .text .product {
	padding-top: 33px;
}

.keyvisual .text .product img {
	width: 110px;
}

.keyvisual .text .page-title {
	padding-top: 64px;
}

.content-block.content-block_white {
	background: #fff;
}

.content-block.content-block_pink {
	background: #fff0f2;
}

.content-block.content-block_blue {
	background: #e3eff6;
}

.content-block .content-block-body {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

@keyframes button_arrow {
	0% {
		transform: translate3d(0, 0, 0);
	}
	9.9% {
		transform: translate3d(0, 0, 0);
	}
	10% {
		transform: translate3d(-50%, 0, 0);
	}
	15% {
		transform: translate3d(40%, 0, 0);
	}
	20% {
		transform: translate3d(-30%, 0, 0);
	}
	25% {
		transform: translate3d(20%, 0, 0);
	}
	30% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.recipe-banner {
	margin-left: auto;
	margin-right: auto;
}

.recipe-banner a {
	box-sizing: border-box;
	display: block;
	position: relative;
}

.recipe-banner a .arrow {
	background: #ffffff;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	overflow: hidden;
	transition: background-color 0.3s;
}

.recipe-banner a .arrow:before {
	content: '';
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	animation: button_arrow 3s linear infinite;
	transition: opacity 0.3s;
}

.recipe-banner a .arrow:after {
	content: '';
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	animation: button_arrow 3s linear infinite;
	transition: opacity 0.3s;
}

.baby-step .map-button {
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	color: #000000;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
	font-weight: 700;
	border-style: solid;
	border-color: #ff0000;
	letter-spacing: 0.08em;
}

.baby-step .map-button:before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}

.baby-step .map-button:after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}

@media screen and (min-width: 769px) {
	.baby-step br.sp, .baby-step br.SP {
		display: none;
	}
	.baby-step img.sp, .baby-step img.SP {
		display: none;
	}
	.baby-step .pc-only {
		display: block;
	}
	.baby-step .sp-only {
		display: none;
	}
	.baby-step body {
		font-size: 16px;
	}
	.baby-step .step-navigation {
		position: fixed;
		z-index: 12000;
		right: 0;
		top: 101px;
		width: 0;
		height: calc(100vh - 101px);
	}
	.baby-step .step-navigation > .wrap {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		background: #d5edf7;
		overflow: hidden;
		width: 0px;
		transition: width 0.3s;
	}
	.baby-step .step-navigation > .wrap > .content {
		padding: 60px 40px;
		width: 220px;
	}
	.baby-step .step-navigation > .wrap > .content .title a {
		display: block;
		padding: 28px 0 0 0;
		width: 124px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/nav_log.svg") no-repeat;
		background-size: 124px 28px;
		text-indent: -5000px;
	}
	.baby-step .step-navigation > .wrap > .content .list {
		margin-top: 60px;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li {
		position: relative;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li + li {
		margin-top: 28px;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li:after {
		content: '';
		display: block;
		padding: 10px 0 0 0;
		width: 9px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_01.svg") no-repeat;
		background-size: 9px 10px;
		text-indent: -5000px;
		position: absolute;
		margin: auto;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li a {
		font-size: 16px;
		line-height: 32px;
		color: #0794d6;
		text-decoration: none;
	}
	.baby-step .step-navigation.active > .wrap {
		width: 300px;
	}
	.baby-step .step-navigation-button {
		z-index: 12010;
		right: 20px;
		top: 118px;
		width: 80px;
		height: 80px;
	}
	.baby-step .step-navigation-button a {
		width: 80px;
		height: 80px;
	}
	.baby-step .step-navigation-button a .bg {
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	.baby-step .step-navigation-button a .lines {
		width: 80px;
		height: 80px;
	}
	.baby-step .step-navigation-button a .lines span {
		width: 20px;
		height: 2px;
	}
	.baby-step .step-navigation-button a .lines span.l1 {
		transform: translate3d(0, -8px, 0);
	}
	.baby-step .step-navigation-button a .lines span.l2 {
		transform: translate3d(0, 0, 0);
	}
	.baby-step .step-navigation-button a .lines span.l3 {
		transform: translate3d(0, 8px, 0);
	}
	.baby-step .hohoemi-button {
		z-index: 11000;
		right: 0;
		top: 375px;
		width: 50px;
		height: 180px;
	}
	.baby-step .hohoemi-button a {
		width: 70px;
		height: 180px;
		border-radius: 10px 0 0 10px;
		background-color: #2ca7e0;
		transition: transform 0.3s;
	}
	.baby-step .hohoemi-button a:hover {
		transform: translate3d(-20px, 0, 0);
	}
	.baby-step .hohoemi-button a img {
		width: 50px;
		height: 180px;
	}
	.baby-step .step-language-navi {
		width: 150px;
		right: 125px;
		top: 37px;
	}
	.baby-step .step-language-navi > .wrap {
		height: 0;
		overflow: hidden;
		transition: height 0.3s;
	}
	.baby-step .step-language-navi > .wrap .content {
		width: 150px;
		border-radius: 10px;
		padding: 45px 0 15px 0;
	}
	.baby-step .step-language-navi > .wrap .content .list .title {
		display: none;
	}
	.baby-step .step-language-navi > .wrap .content .list ul li {
		font-size: 12px;
		line-height: 30px;
	}
	.baby-step .step-language-navi-button {
		z-index: 10000;
		width: 150px;
		height: 40px;
		right: 125px;
		top: 37px;
	}
	.baby-step .step-language-navi-button a {
		width: 150px;
		height: 40px;
		border-radius: 10px;
		transition: background-color 0.3s, color 0.3s;
	}
	.baby-step .step-language-navi-button a .icon {
		margin-right: 10px;
		width: 18px;
		height: 18px;
		position: relative;
	}
	.baby-step .step-language-navi-button a .icon:before {
		content: '';
		display: block;
		padding: 18px 0 0 0;
		width: 18px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_06.svg") no-repeat;
		background-size: 18px 18px;
		text-indent: -5000px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 1;
		transition: opacity 0.3s;
	}
	.baby-step .step-language-navi-button a .icon:after {
		content: '';
		display: block;
		padding: 18px 0 0 0;
		width: 18px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_08.svg") no-repeat;
		background-size: 18px 18px;
		text-indent: -5000px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.baby-step .step-language-navi-button a .label {
		font-size: 11px;
	}
	.baby-step .step-language-navi-button a .arrow {
		margin-left: 15px;
		width: 10px;
		height: 8px;
		position: relative;
	}
	.baby-step .step-language-navi-button a .arrow:before {
		content: '';
		display: block;
		padding: 8px 0 0 0;
		width: 10px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_05.svg") no-repeat;
		background-size: 10px 8px;
		text-indent: -5000px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 1;
		transition: opacity 0.3s;
	}
	.baby-step .step-language-navi-button a .arrow:after {
		content: '';
		display: block;
		padding: 8px 0 0 0;
		width: 10px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_07.svg") no-repeat;
		background-size: 10px 8px;
		text-indent: -5000px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.baby-step .step-language-navi-button a:hover {
		color: #ffffff;
		background-color: #0794d6;
	}
	.baby-step .step-language-navi-button a:hover .icon:before {
		opacity: 0;
	}
	.baby-step .step-language-navi-button a:hover .icon:after {
		opacity: 1;
	}
	.baby-step .step-language-navi-button a:hover .arrow:before {
		opacity: 0;
	}
	.baby-step .step-language-navi-button a:hover .arrow:after {
		opacity: 1;
	}
	.baby-step .step-language-navi-button a.active, .baby-step .step-language-navi-button a.active:hover {
		color: #0794d6;
		background-color: #ffffff;
	}
	.baby-step .step-language-navi-button a.active .icon:before, .baby-step .step-language-navi-button a.active:hover .icon:before {
		opacity: 1;
	}
	.baby-step .step-language-navi-button a.active .icon:after, .baby-step .step-language-navi-button a.active:hover .icon:after {
		opacity: 0;
	}
	.baby-step .step-language-navi-button a.active .arrow:before, .baby-step .step-language-navi-button a.active:hover .arrow:before {
		opacity: 1;
		transform: rotate(180deg);
	}
	.baby-step .step-language-navi-button a.active .arrow:after, .baby-step .step-language-navi-button a.active:hover .arrow:after {
		opacity: 0;
		transform: rotate(180deg);
	}
	.baby-step .wave {
		width: 100%;
		height: 25px;
		background-size: 352px 25px;
		animation: wave_pc 6s linear infinite;
	}
	.baby-step .wave.w1.top {
		background-image: url("/baby/step/assets/img/_wav_01t_pc.png");
	}
	.baby-step .wave.w1.bottom {
		background-image: url("/baby/step/assets/img/_wav_01b_pc.png");
	}
	.baby-step .wave.w2.top {
		background-image: url("/baby/step/assets/img/_wav_02t_pc.png");
	}
	.baby-step .wave.w2.bottom {
		background-image: url("/baby/step/assets/img/_wav_02b_pc.png");
	}
	.baby-step .wave.w3.top {
		background-image: url("/baby/step/assets/img/_wav_03t_pc.png");
	}
	.baby-step .wave.w3.bottom {
		background-image: url("/baby/step/assets/img/_wav_03b_pc.png");
	}
	.baby-step .wave.w11.bottom {
		background-image: url("/baby/step/assets/img/_wav_11b_pc.png");
	}
	.baby-step .wave.w_white.top {
		background-image: url("/baby/step/assets/img/wave_white_top.png");
	}
	.baby-step .wave.w_white.bottom {
		background-image: url("/baby/step/assets/img/wave_white_bottom.png");
	}
	.baby-step .wave.w_blue.top {
		background-image: url("/baby/step/assets/img/wave_blue_top.png");
	}
	.baby-step .wave.w_blue.bottom {
		background-image: url("/baby/step/assets/img/wave_blue_bottom.png");
	}
	.baby-step .wave.w_pink.top {
		background-image: url("/baby/step/assets/img/wave_pink_top.png");
	}
	.baby-step .wave.w_pink.bottom {
		background-image: url("/baby/step/assets/img/wave_pink_bottom.png");
	}
	.baby-step .wave.w51.top {
		background-image: url("/baby/step/assets/img/_wav_51t_pc.png");
	}
	.baby-step .wave.w51.bottom {
		background-image: url("/baby/step/assets/img/_wav_51t_pc.png");
	}
	.baby-step .wave.w52.bottom {
		background-image: url("/baby/step/assets/img/_wav_52b_pc.png");
	}
	.baby-step .wave.w53.top {
		background-image: url("/baby/step/assets/img/_wav_53t_pc.png");
	}
	.baby-step .wave.w91.top {
		background-image: url("/baby/step/assets/img/_wav_91t_pc.png");
	}
	.baby-step .wave.w91.bottom {
		background-image: url("/baby/step/assets/img/_wav_91t_pc.png");
	}
	.baby-step .fadein.right {
		transform: translate3d(-30px, 0, 0);
	}
	.baby-step .fadein.left {
		transform: translate3d(30px, 0, 0);
	}
	.baby-step .fadein.up {
		transform: translate3d(0, 30px, 0);
	}
	.baby-step .fadein.down {
		transform: translate3d(0, -30px, 0);
	}
	.baby-step .fadein.pop {
		transform: translate3d(0, 30px, 0);
	}
	.baby-step .rollup a {
		padding-top: 80px;
		width: 80px;
		border-radius: 40px;
		border: 2px solid #2ca7e0;
		right: 20px;
		top: -100px;
	}
	.baby-step .rollup a:before {
		width: 15px;
		height: 15px;
		border-width: 4px 0 0 4px;
		transform: translate3d(0, 3px, 0) rotate(45deg);
	}
	.only-sp {
		display: none;
	}
	.recipe-banner {
		width: 600px;
		height: 120px;
	}
	.recipe-banner:first-child {
		margin-top: 120px;
	}
	.recipe-banner a {
		display: block;
		padding: 120px 0 0 0;
		width: 600px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/banner_04_pc.png") no-repeat;
		background-size: 600px 120px;
		text-indent: -5000px;
		border: 2px solid rgba(233, 159, 159, 0);
		border-radius: 10px;
		transition: border-color 0.3s;
	}
	.recipe-banner a .arrow {
		width: 26px;
		height: 26px;
		border-radius: 13px;
		right: 22px;
	}
	.recipe-banner a .arrow:before {
		display: block;
		padding: 10px 0 0 0;
		width: 9px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/_ico_10.svg") no-repeat;
		background-size: 9px 10px;
		text-indent: -5000px;
	}
	.recipe-banner a .arrow:after {
		display: block;
		padding: 10px 0 0 0;
		width: 9px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_04.svg") no-repeat;
		background-size: 9px 10px;
		text-indent: -5000px;
	}
	.recipe-banner a:hover {
		border-color: #e99f9f;
	}
	.baby-step .map-button {
		border-width: 2px;
		border-radius: 10px;
		width: 600px;
		height: 120px;
		font-size: 26px;
		line-height: 29px;
		padding-left: 60px;
	}
	.baby-step .map-button:before {
		display: block;
		padding: 96px 0 0 0;
		width: 112px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_mapbutton.svg") no-repeat;
		background-size: 112px 96px;
		text-indent: -5000px;
		left: 20px;
	}
	.baby-step .map-button:after {
		display: block;
		padding: 18px 0 0 0;
		width: 18px;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_blank_g.svg") no-repeat;
		background-size: 18px 18px;
		text-indent: -5000px;
		right: 25px;
	}
}

@media screen and (max-width: 768px) {
	.baby-step br.pc, .baby-step br.PC {
		display: none;
	}
	.baby-step img.pc, .baby-step img.PC {
		display: none;
	}
	.baby-step .pc-only {
		display: none;
	}
	.baby-step .sp-only {
		display: block;
	}
	.baby-step body {
		width: 100vw;
		overflow-x: hidden;
	}
	.baby-step .step-navigation {
		position: fixed;
		z-index: 9000;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 0;
	}
	.baby-step .step-navigation > .wrap {
		position: absolute;
		left: 0;
		bottom: 0;
		background: #d5edf7;
		overflow: auto;
		width: 100vw;
		height: 0;
		transition: height 0.3s;
	}
	.baby-step .step-navigation > .wrap > .content {
		padding: 8vw 4vw;
		width: 92vw;
	}
	.baby-step .step-navigation > .wrap > .content .title a {
		display: block;
		padding: 7.46667vw 0 0 0;
		width: 33.06667vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/nav_log.svg") no-repeat;
		background-size: 33.06667vw 7.46667vw;
		text-indent: -5000px;
	}
	.baby-step .step-navigation > .wrap > .content .list {
		margin-top: 21.33333vw;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li {
		position: relative;
		height: 13.33333vw;
		display: flex;
		align-items: center;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li:after {
		content: '';
		display: block;
		padding: 2.66667vw 0 0 0;
		width: 2.4vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_01.svg") no-repeat;
		background-size: 2.4vw 2.66667vw;
		text-indent: -5000px;
		position: absolute;
		margin: auto;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.baby-step .step-navigation > .wrap > .content .list > ul > li a {
		font-size: 3.73333vw;
		line-height: 4.26667vw;
		color: #0794d6;
		text-decoration: none;
	}
	.baby-step .step-navigation-button {
		z-index: 9010;
		right: 4vw;
		bottom: 2.66667vw;
		width: 13.33333vw;
		height: 13.33333vw;
	}
	.baby-step .step-navigation-button a {
		width: 13.33333vw;
		height: 13.33333vw;
	}
	.baby-step .step-navigation-button a .bg {
		width: 13.33333vw;
		height: 13.33333vw;
		border-radius: 6.66667vw;
	}
	.baby-step .step-navigation-button a .lines {
		width: 13.33333vw;
		height: 13.33333vw;
	}
	.baby-step .step-navigation-button a .lines span {
		width: 5.33333vw;
		height: 0.53333vw;
	}
	.baby-step .step-navigation-button a .lines span.l1 {
		transform: translate3d(0, -2.13333vw, 0);
	}
	.baby-step .step-navigation-button a .lines span.l3 {
		transform: translate3d(0, 2.13333vw, 0);
	}
	.baby-step .hohoemi-button {
		z-index: 5000;
		right: 0;
		top: 38.4vw;
		width: 8vw;
		height: 28.8vw;
	}
	.baby-step .hohoemi-button a {
		width: 8vw;
		height: 28.8vw;
	}
	.baby-step .hohoemi-button a img {
		width: 8vw;
		height: 28.8vw;
	}
	.baby-step .step-language-navi {
		width: 100vw;
		height: 0;
		left: 0;
		top: 0;
		overflow: hidden;
		transition: height 0.5s;
	}
	.baby-step .step-language-navi > .wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.baby-step .step-language-navi > .wrap .content {
		width: 40vw;
		border-radius: 1.33333vw;
		padding: 2.93333vw 0 4vw 0;
	}
	.baby-step .step-language-navi > .wrap .content .list .title {
		text-align: center;
		position: relative;
		height: 4.66667vw;
		padding: 0 3.46667vw;
		font-size: 2.93333vw;
		line-height: 4.66667vw;
		color: #0794d6;
	}
	.baby-step .step-language-navi > .wrap .content .list .title .icon {
		display: block;
		padding: 4.66667vw 0 0 0;
		width: 4.66667vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_06.svg") no-repeat;
		background-size: 4.66667vw 4.66667vw;
		text-indent: -5000px;
		position: absolute;
		margin: auto;
		left: 3.46667vw;
		top: 0;
		bottom: 0;
	}
	.baby-step .step-language-navi > .wrap .content .list .title .label {
		font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', '游ゴシック', sans-serif;
		font-weight: 700;
	}
	.baby-step .step-language-navi > .wrap .content .list ul {
		margin-top: 2.93333vw;
	}
	.baby-step .step-language-navi > .wrap .content .list ul li {
		font-size: 3.2vw;
		line-height: 10.66667vw;
	}
	.baby-step .step-language-navi-button {
		z-index: 10000;
		width: 13.33333vw;
		height: 13.33333vw;
		right: 2.66667vw;
		top: 2.26667vw;
	}
	.baby-step .step-language-navi-button a {
		flex-direction: column;
		width: 13.33333vw;
		height: 13.33333vw;
		border-radius: 6.66667vw;
	}
	.baby-step .step-language-navi-button a .icon {
		display: block;
		padding: 4.53333vw 0 0 0;
		width: 4.53333vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_06.svg") no-repeat;
		background-size: 4.53333vw 4.53333vw;
		text-indent: -5000px;
	}
	.baby-step .step-language-navi-button a .label {
		-webkit-text-size-adjust: 100%;
		font-size: 1.46667vw;
		margin-top: 0.4vw;
	}
	.baby-step .wave {
		width: 100%;
		height: 3.33333vw;
		background-size: 46.93333vw 3.33333vw;
		animation: wave_sp 6s linear infinite;
	}
	.baby-step .wave.w1.top {
		background-image: url("/baby/step/assets/img/_wav_01t_sp.png");
	}
	.baby-step .wave.w1.bottom {
		background-image: url("/baby/step/assets/img/_wav_01b_sp.png");
	}
	.baby-step .wave.w2.top {
		background-image: url("/baby/step/assets/img/_wav_02t_sp.png");
	}
	.baby-step .wave.w2.bottom {
		background-image: url("/baby/step/assets/img/_wav_02b_sp.png");
	}
	.baby-step .wave.w3.top {
		background-image: url("/baby/step/assets/img/_wav_03t_sp.png");
	}
	.baby-step .wave.w3.bottom {
		background-image: url("/baby/step/assets/img/_wav_03b_sp.png");
	}
	.baby-step .wave.w11.bottom {
		background-image: url("/baby/step/assets/img/_wav_11b_sp.png");
	}
	.baby-step .wave.w_white.top {
		background-image: url("/baby/step/assets/img/wave_white_top.png");
	}
	.baby-step .wave.w_white.bottom {
		background-image: url("/baby/step/assets/img/wave_white_bottom.png");
	}
	.baby-step .wave.w_blue.top {
		background-image: url("/baby/step/assets/img/wave_blue_top.png");
	}
	.baby-step .wave.w_blue.bottom {
		background-image: url("/baby/step/assets/img/wave_blue_bottom.png");
	}
	.baby-step .wave.w_pink.top {
		background-image: url("/baby/step/assets/img/wave_pink_top.png");
	}
	.baby-step .wave.w_pink.bottom {
		background-image: url("/baby/step/assets/img/wave_pink_bottom.png");
	}
	.baby-step .wave.w51.top {
		background-image: url("/baby/step/assets/img/_wav_51t_sp.png");
	}
	.baby-step .wave.w51.bottom {
		background-image: url("/baby/step/assets/img/_wav_51t_sp.png");
	}
	.baby-step .wave.w52.bottom {
		background-image: url("/baby/step/assets/img/_wav_52b_sp.png");
	}
	.baby-step .wave.w53.top {
		background-image: url("/baby/step/assets/img/_wav_53t_sp.png");
	}
	.baby-step .wave.w91.top {
		background-image: url("/baby/step/assets/img/_wav_91t_sp.png");
	}
	.baby-step .wave.w91.bottom {
		background-image: url("/baby/step/assets/img/_wav_91t_sp.png");
	}
	.baby-step .fadein.right {
		transform: translate3d(-5.33333vw, 0, 0);
	}
	.baby-step .fadein.left {
		transform: translate3d(5.33333vw, 0, 0);
	}
	.baby-step .fadein.up {
		transform: translate3d(0, 5.33333vw, 0);
	}
	.baby-step .fadein.down {
		transform: translate3d(0, -5.33333vw, 0);
	}
	.baby-step .fadein.pop {
		transform: translate3d(0, 5.33333vw, 0);
	}
	.baby-step .rollup a {
		padding-top: 13.33333vw;
		width: 13.33333vw;
		border-radius: 6.66667vw;
		border: 0.26667vw solid #2ca7e0;
		right: 4vw;
		top: -17.33333vw;
	}
	.baby-step .rollup a:before {
		width: 2vw;
		height: 2vw;
		border-width: 0.53333vw 0 0 0.53333vw;
		transform: translate3d(0, 0.4vw, 0) rotate(45deg);
	}
	.keyvisual {
		height: auto;
	}
	.keyvisual .image {
		position: static;
		margin: 0 auto;
		width: 100vw;
	}
	.keyvisual .text .product {
		padding-top: 4.53333vw;
	}
	.keyvisual .text .product img {
		width: 21.33333vw;
	}
	.keyvisual .text .page-title {
		padding-top: 7.86667vw;
	}
	.only-pc {
		display: none;
	}
	.content-block {
		padding: 0 15px;
	}
	.content-block > .wave {
		margin-left: -15px;
		margin-right: -15px;
		width: auto;
	}
	.recipe-banner {
		width: 92vw;
		height: 21.33333vw;
	}
	.recipe-banner:first-child {
		margin-top: 18.66667vw;
	}
	.recipe-banner a {
		display: block;
		padding: 21.33333vw 0 0 0;
		width: 92vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/banner_04_sp.png") no-repeat;
		background-size: 92vw 21.33333vw;
		text-indent: -5000px;
	}
	.recipe-banner a .arrow {
		width: 5.06667vw;
		height: 5.06667vw;
		border-radius: 2.53333vw;
		right: 3.46667vw;
	}
	.recipe-banner a .arrow:before {
		display: block;
		padding: 1.86667vw 0 0 0;
		width: 1.6vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/_ico_10.svg") no-repeat;
		background-size: 1.6vw 1.86667vw;
		text-indent: -5000px;
	}
	.recipe-banner a .arrow:after {
		display: block;
		padding: 1.86667vw 0 0 0;
		width: 1.6vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_04.svg") no-repeat;
		background-size: 1.6vw 1.86667vw;
		text-indent: -5000px;
	}
	.baby-step .map-button {
		border-width: 0.53333vw;
		border-radius: 1.33333vw;
		width: 92vw;
		height: 21.33333vw;
		font-size: 4.26667vw;
		line-height: 5.6vw;
		padding-left: 8vw;
	}
	.baby-step .map-button:before {
		display: block;
		padding: 16vw 0 0 0;
		width: 18.66667vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_mapbutton.svg") no-repeat;
		background-size: 18.66667vw 16vw;
		text-indent: -5000px;
		left: 2.66667vw;
	}
	.baby-step .map-button:after {
		display: block;
		padding: 4.26667vw 0 0 0;
		width: 4.26667vw;
		height: 0;
		overflow: hidden;
		background: url("/baby/step/assets/img/ico_blank_g.svg") no-repeat;
		background-size: 4.26667vw 4.26667vw;
		text-indent: -5000px;
		right: 2.66667vw;
	}
}

@media screen and (min-width: 1400px) {
	.keyvisual .image {
		left: 0;
		margin-left: 0;
		width: 100%;
	}
}
/*# sourceMappingURL=style.css.map */