@charset "utf-8";
/* CSS Document */

@media screen and (min-device-width: 641px), print{

.home #main{
	position:relative;
	width:100%;
}
	.home #main h1{
		height:480px;
		margin-top:3em;
	}
		.home #main h1 img{
			display:block;
			position:absolute;
			left:-500%;
			right:-500%;
			margin:0 auto;
		}
	.home #main h2{
		margin-top:4em;
		font-size:36px;
		font-size:3.6em;
		text-align:center;
	}
		/* ボタン */
		.home #main .button{
			margin:1em auto 0;
			text-align:center;
		}
			.home #main .button a{
				display:inline-block;
				min-width:200px;
				padding:7px 40px 8px 40px;
				border:1px solid #bd0905;
				border-radius:10em;
				background-color:#fff;
				color:#bd0905;
				font-size:1.8rem;
				text-align:center;
			}
				.home #main .button a:hover{
					background-color:#ffe5e5;
					text-decoration:none;
				}
				.home #main .button a:before{
					display:none;
				}
		
	
	/* 大切にしていること */
	.home #main .area-message .parts-column-one{
		margin-top:4em;
	}
		.home #main .area-message .parts-column-one .pic{
			margin:0;
			text-align:center;
		}
			.home #main .area-message .parts-column-one .pic img{
				display:block;
				margin:0 auto;
			}
		.home #main .area-message .parts-column-one .text{
			width:675px;
			margin:0 auto;
			font-size:18px;
			font-size:1.8rem;
			text-align:center;
		}
		.home #main .area-message .parts-column-one a{
			background:url(../img/icon-company-info.png) no-repeat 15px center #fff;
			background-size:20px auto;
		}
			.home #main .area-message .parts-column-one a:hover{
				background-color:#ffe5e5;
				text-decoration:none;
			}

	/* 新着メニュー */
	.home #main .area-new-menu{}
		.home #main .area-new-menu ul{
			margin-top:3em;
			border-top:1px solid #ccc;
		}
			.home #main .area-new-menu ul li{
				list-style:none;
				margin-top:3em;
				padding-bottom:3em;
				text-align:center;
				border-bottom:1px solid #ccc;
			}
			.home #main .area-new-menu ul li .title{
				margin-left:-35px;
			}

	/* サービス内容 */
	.home #main .area-service{
		margin:10em -500% 0;
		padding:5em 500%;
		background:url(../../img/bg-area-service.png) no-repeat center top;
	}
		.home #main .area-service h2{
			margin:0;
		}
		.home #main .area-service .parts-column-two{}
			.home #main .area-service .parts-column-two ul{
				display:flex;
				flex-wrap:wrap;
				justify-content:space-between;
			}
				.home #main .area-service .parts-column-two ul li{
					list-style:none;
					width:470px;
					margin-top:3em;
				}
				/* ボタンアイコン */
				.home #main .area-service .parts-column-two ul li.daily a{
					background-image:url(../img/icon-daily.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.company-school a{
					background-image:url(../img/icon-company-school.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.kindergarten a{
					background-image:url(../img/icon-kindergarten.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.special-order a{
					background-image:url(../img/icon-special-order.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}

.home #footer{
	margin-top:0;
}

}

/* SP */

@media screen and (max-device-width: 640px){
	.home #main{
	position:relative;
	width:calc(100% - 20px);
	margin:0 auto;
}
	.home #main h1{
		margin:0 -10px;
	}
		.home #main h1 img{
			display:block;
			margin:0 auto;
		}
	.home #main h2{
		margin:2.5em 10px 0;
		font-size:34px;
		font-size:3.4em;
		line-height:1.5em;
		text-align:center;
	}
		/* ボタン */
		.home #main .button{
			margin:1em auto 0;
			text-align:center;
		}
			.home #main .button a{
				display:inline-block;
				min-width:200px;
				padding:14px 40px 11px 40px;
				border:1px solid #bd0905;
				border-radius:10em;
				background-color:#fff;
				color:#bd0905;
				font-size:1.8rem;
				text-align:center;
			}
				.home #main .button a:hover{
					background-color:#ffe5e5;
					text-decoration:none;
				}
				.home #main .button a:before{
					display:none;
				}
		
	
	/* 大切にしていること */
	.home #main .area-message .parts-column-one{
		margin-top:2em;
	}
		.home #main .area-message .parts-column-one .pic{
			margin:0;
			text-align:center;
		}
			.home #main .area-message .parts-column-one .pic img{
				display:block;
				margin:0 auto;
			}
		.home #main .area-message .parts-column-one .text{
			margin:1.5em auto 0;
			font-size:18px;
			font-size:1.8rem;
		}
		.home #main .area-message .parts-column-one a{
			background:url(../img/icon-company-info.png) no-repeat 15px center #fff;
			background-size:20px auto;
		}
			.home #main .area-message .parts-column-one a:hover{
				background-color:#ffe5e5;
				text-decoration:none;
			}

	/* 新着メニュー */
	.home #main .area-new-menu{}
		.home #main .area-new-menu ul{
			margin-top:2em;
			border-top:1px solid #ccc;
		}
			.home #main .area-new-menu ul li{
				display:flex;
				flex-wrap:wrap;
				justify-content:center;
				list-style:none;
				margin-top:2em;
				padding-bottom:2em;
				border-bottom:1px solid #ccc;
			}
			.home #main .area-new-menu ul li .date{
				font-size:12px;
				font-size:1.2rem;
				line-height:1.5em;
				text-align:center;
			}
			.home #main .area-new-menu ul li .title{
				margin:0.2rem 0 0;
			}

	/* サービス内容 */
	.home #main .area-service{
		margin:5em -10px 0;
		padding:5em 10px;
		background:url(../../img/bg-area-service-sp.png) no-repeat center top #99e6ff;
	}
		.home #main .area-service h2{
			margin:0;
		}
		.home #main .area-service .parts-column-two{}
			.home #main .area-service .parts-column-two ul{}
				.home #main .area-service .parts-column-two ul li{
					list-style:none;
					margin-top:5em;
				}
					.home #main .area-service .parts-column-two ul li:first-child{
						margin-top:3em;
					}
					.home #main .area-service .parts-column-two ul li .pic{
						text-align:center;
					}
				/* ボタンアイコン */
				.home #main .area-service .parts-column-two ul li.daily a{
					background-image:url(../img/icon-daily.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.company-school a{
					background-image:url(../img/icon-company-school.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.kindergarten a{
					background-image:url(../img/icon-kindergarten.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}
				.home #main .area-service .parts-column-two ul li.special-order a{
					background-image:url(../img/icon-special-order.png);
					background-repeat:no-repeat;
					background-position:15px center;
					background-size:16px auto;
				}

.home #footer{
	margin-top:0;
}
}