@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1023px) {
.gNav a[href^="/food_service/"] + ul { display: block;}
}

.localNav li {
	width: calc(99.999% / 6);
}
.localNav li:nth-child(5n) {
	border-right: 1px solid #ccc;
}
.localNav li:nth-child(6) {
	border-right: none;
}

.level2 .pageTitle_bg {
	background-image: url(../img/top/bg_pagetitle.jpg);
}

.toLower_module-1-1 a {
	background-image: url(../img/top/bg_lower3_1-1.jpg);
}
.toLower_module-1-2 a {
	background-image: url(../img/top/bg_lower3_1-2.jpg);
}
.toLower_module-1-3 a {
	background-image: url(../img/top/bg_lower3_1-2.jpg);
}

.toLower_module-2-1 a {
	background-image: url(../img/top/bg_lower3_2-1.jpg);
}
.toLower_module-2-2 a {
	background-image: url(../img/top/bg_lower3_2-2.jpg);
}
.toLower_module-2-3 a {
	background-image: url(../img/top/bg_lower3_2-3.jpg);
}
.toLower_module-2-4 a {
	background-image: url(../img/top/bg_lower3_2-4.jpg);
}
.toLower_module-2-5 a {
	background-image: url(../img/top/bg_lower3_2-5.jpg);
}
.toLower_module-2-6 a {
	background-image: url(../img/top/bg_lower3_2-6.jpg);
}

.toLower_module-3-1 a {
	background-image: url(../img/top/bg_lower3_3-1.jpg);
}

.toLower_module-4-1 a {
	background-image: url(../img/top/bg_lower3_4-1.jpg);
}
.toLower_module-4-2 a {
	background-image: url(../img/top/bg_lower3_4-2.jpg);
}
.toLower_module-4-3 a {
	background-image: url(../img/top/bg_lower3_4-3.jpg);
}
.toLower_module-4-4 a {
	background-image: url(../img/top/bg_lower3_4-4.jpg);
}
.toLower_module-4-5 a {
	background-image: url(../img/top/bg_lower3_4-5.jpg);
}

.howTo dt {
	line-height:2;
}
.howTo li {
	text-indent:-1em;
	padding-left:1em;
	line-height:1.6;
}

/* ------------------------ 

package

------------------------ */
.packageList {
	font-size:0;
}
.packageList_item {
	display:inline-block;
	font-size:15px;
	list-style:none;
	color:#fff;
	line-height:1;
	padding:9px 25px;
	margin-right:10px;
}
.packageList_item1 {
	background-color:#94CF4F;
}
.packageList_item2 {
	background-color:#57B3AA;
}
.packageList_item3 {
	background-color:#AAAAAA;
}

@media screen and (max-width: 767px) {
	.packageList_item {
		font-size:1.3rem;
		padding:0.5em 1em;
	}
}

.toLower_3.toLower_3-package > li div {
	display:block;
	color: #555;
	border: 1px solid #ddd;
	margin-right: 20px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing: border-box;
}
.toLower_3.toLower_3-package > li div .toLower_3_title {
	border-bottom: 1px solid #aaa;
	color: #333;
	line-height: 1.1;
}

.toLower_3-package .toLower_module-1-1 div {
	background-image: url(../img/package/bg_package_1-1.jpg);
}
.toLower_3-package .toLower_module-1-2 div {
	background-image: url(../img/package/bg_package_1-2.jpg);
}
.toLower_3-package .toLower_module-1-3 div {
	background-image: url(../img/package/bg_package_1-3.jpg);
}
.toLower_3-package .toLower_module-1-4 div {
	background-image: url(../img/package/bg_package_1-4.jpg);
}
.toLower_3-package .toLower_module-1-5 div {
	background-image: url(../img/package/bg_package_1-5.jpg);
}
.toLower_3-package .toLower_module-1-6 div {
	background-image: url(../img/package/bg_package_1-6.jpg);
}
.toLower_3-package .toLower_module-1-7 div {
	background-image: url(../img/package/bg_package_1-7.jpg);
}

.toLower_3-package .toLower_module-2-1 div {
	background-image: url(../img/package/bg_package_2-1.jpg);
}
.toLower_3-package .toLower_module-2-2 div {
	background-image: url(../img/package/bg_package_2-2.jpg);
}
.toLower_3-package .toLower_module-2-3 div {
	background-image: url(../img/package/bg_package_2-3.jpg);
}
.toLower_3-package .toLower_module-2-4 div {
	background-image: url(../img/package/bg_package_2-4.jpg);
}

.toLower_3-package .toLower_module-3-1 div {
	background-image: url(../img/package/bg_package_3-1.jpg);
}
.toLower_3-package .toLower_module-3-2 div {
	background-image: url(../img/package/bg_package_3-2.jpg);
}
.toLower_3-package .toLower_module-3-3 div {
	background-image: url(../img/package/bg_package_3-3.jpg);
}

.toLower_3-package .toLower_module-4-1 div {
	background-image: url(../img/package/bg_package_4-1.jpg);
}
.toLower_3-package .toLower_module-4-2 div {
	background-image: url(../img/package/bg_package_4-2.jpg);
}
.toLower_3-package .toLower_module-4-3 div {
	background-image: url(../img/package/bg_package_4-3.jpg);
}

@media screen and (min-width:768px) {
	
.toLower_3.toLower_3-package > li {
    position: relative;
    width: 50%;
    margin-top: 20px;
}
	
.toLower_3.toLower_3-package > li div {
	padding: 5.222222222222222% 40.33333333333333% 5.222222222222222% 4%;
	font-size: 15px;
	border: 1px solid #ddd;
	height: 100%;
}
.toLower_3.toLower_3-package > li div p {
	margin-bottom: 0;
	line-height: 1.5;
}
.toLower_3.toLower_3-package > li div .toLower_3_title {
	padding-bottom: 12px;
	margin-bottom: 12px;
	font-size: 16px;
}
.toLower_3.toLower_3-package > li div .toLower_3_title span {
	font-size:18px;
}
}
@media screen and (max-width: 767px) {
.toLower_3.toLower_3-package > li div {
	position: relative;
	padding: 5.9375vw 37.5vw 0 4.375vw;
	min-height: 34.375vw;
	font-size: 1.1rem;
	box-sizing: border-box;
	margin-right: 0;
}
.toLower_3.toLower_3-package > li div .toLower_3_title {
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
	font-size: 1.6rem;
}
.toLower_3.toLower_3-package > li div .toLower_3_title span {
	font-size:1.3rem;
}
}

/* ------------------------ 

system

------------------------ */
.col2.col2_system > div {
	border:1px solid #84c636;
	text-align:center;
}
.col2.col2_system > div .subTitle::after {
	content:" ";
	display:block;
	height:1px;
	width:30px;
	background-color:#84C636;
}
.col2.col2_system > div .col2_system__title {
	margin-bottom:0.5em;
}
@media screen and (min-width:768px) {
	.col2.col2_system > div {
		padding:35px 35px 20px;
		box-sizing:border-box;
	}
	.col2.col2_system > div .subTitle {
		font-size:20px;
	}
	.col2.col2_system > div .subTitle::after {
		margin:10px auto 0;
	}
	.col2.col2_system > div .col2_system__title {
		font-size:24px;
	}
}
@media screen and (max-width: 767px) {
	.col2.col2_system > div {
		padding:1.5rem;
	}
	.col2.col2_system > div .subTitle {
		font-size:1.5rem;
	}
	.col2.col2_system > div .subTitle::after {
		margin:5px auto 0;
	}
	.col2.col2_system > div .col2_system__title {
		font-size:2.0rem;
	}
}

.system_flow ol li {
	position: relative;
	background-image:url(../img/system/next.png);
	background-repeat:no-repeat;
	list-style:none;
	line-height:1.5;
}
.system_flow ol li span {
	position:absolute;
	left:0;
	top:0;
	border:1px solid #699e2b;
	text-align:center;
	color:#699e2b;
	line-height:1;
	align-items: center;
	-webkit-align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.system_flow ol li:last-child {
	background-image:none;
	padding-bottom:0;
}
.system_flow ol li dt {
	color:#699e2b;
}

@media screen and (min-width:768px) {
.system_flow {
	width:80%;
	margin:auto;
}
.system_flow ol li {
	padding-left:80px;
	padding-bottom:50px;
	margin-bottom:20px;
	background-position:95px bottom;
}
.system_flow ol li span {
	height:60px;
	width:60px;
}
.system_flow ol li dt {
	font-size:24px;
}
}

@media screen and (max-width: 767px) {
.system_flow ol li {
	padding-left:14vw;
	background-position:15vw bottom;
	background-size: auto 25px;
	padding-bottom:35px;
	margin-bottom:20px;
}
.system_flow ol li span {
	height:11vw;
	width:11vw;
}
.system_flow ol li dt {
	font-size:1.8rem;
}
}

/* ------------------------ 

rice

------------------------ */
.use_ex > div {
	position: relative;
}
.use_ex > div > figure {
	position: absolute;
	bottom: 0;
	width: 100%;
}

@media screen and (min-width:768px) {
.menuMain .menuMain_title {
	font-size:36px;
	margin-bottom:1em;
	line-height: 1.2;
}

.menuMain .subTitle {
	font-size:26px;
	margin-bottom:1em;
	line-height: 1.4;
}

.menuMain .menuMain_txt {
	font-size:18px;
}

.imgLeft_440 .imgLeft_figure, .imgRight_440 .imgRight_figure {
	width: 440px;
}
.imgLeft_440 .imgLeft_text, .imgRight_440 .imgRight_text {
	width: calc(100% - 460px)
}
.use_ex > div {
	padding-bottom: 22%;
}
}

@media screen and (max-width: 767px) {
.menuMain .menuMain_title {
	font-size:2.5rem;
	margin-bottom:0.7vh;
}

.menuMain .menuMain_txt {
	font-size:1.4rem;
}

.use_ex > div {
	padding-bottom: 46%;
}

}