		.section-title {
			text-align: center;
			padding-bottom: 1.6em;
			/*60px;*/
			position: relative;
		}

/*
		label {
			margin: 0.2em 0.2em;
		}
*/
label {
	margin: 0.2em 0.2em;
	background-color: rgba(252, 252, 252, 0.8);	/*#fefefe;*/
	padding: 0.05em 0.6em;
	border-radius: 3pt;
	font-size: 11.75pt;
	
	width:8.2em;
}

input[type="checkbox"] {
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 2pt;
	vertical-align: -2px;
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
	margin-right:6px;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	top: -10px;
	left: 2px;
	transform: rotate(50deg);
	width: 12px;
	height: 24px;
	border-right: 4px solid deeppink;	/*#37517e;*/
	border-bottom: 4px solid deeppink;	/*#37517e;*/
	content: '';
}




		.ml-35 {
			margin-left: 3.5em;
		}

		.item {
			margin: 0.6em 0.4em 0.4em;	/*0.8em 0.4em;*/
			display: flex;
			height: 14.75em;	/*20em;*/

			/*
			width: 80px;
			height: 80px;
			padding: 5px;
			margin: 5px;
			color: white;
			float: left;
	*/
		}

		.h-100 {
			height: 100%;
		}


		p {
			margin: 0;
		}

		p.top-text {
			font-size: 10.75pt;
			color: #fff;
			margin: 1.6em auto;
			line-height: 1.6em;
			font-weight: normal;
		}

		#filter-display {
			font-size: 18px;
			padding: 0.5em;
			border: 1px solid #CCC;
			color: blue;
		}

		.red {
			background: red;
		}

		.blue {
			background: blue;
		}

		.green {
			background: green;
		}

		.yellow {
			background: yellow;
			color: black;
		}

		.services .service-item {
			padding: 1.2em 1.6em;
		}

		.flg-box {
			/* position: absolute; */
			/* left: 0; */
			/* top: 0; */
			background-color: rgba(43, 73, 113, 0.4);
			width: 100%;
			padding: 0.4em 0.4em 0.4em;
			height: auto;
			/*3em;*/
			/* border: solid 1px #ddd; */
			margin: 1.2em auto 0.4em;	/*2.4em auto 0.4em;*/
			display: inline-block;
			border-radius: 3px;
			
			min-height:3.5em;	/*5em;*/
			position: relative;
		}

		/*
	.flg-box {
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: rgba(245,245,245,0.8);
		width: 100%;
		padding: 0.1em 0.2em 0.2em;
	}
*/
		.flg-box .kanri {

			display:none;

			font-size: 7.75pt;
			text-align: right;
			color: #fff;

			position: absolute;
			bottom: 5px;
			right: 5px;
		}


		.box-box {
			display: inline-block;
			font-size: 8.25pt;
			padding: 0.1em 0.4em;
			border-radius: 12pt;
		}

		.box-box.syokuhin {
			background-color: lavenderblush;
		}

		.box-box.kotei {
			background-color: aliceblue;
		}

		.box-box.jirei {
			background-color: bisque;
		}


		.box-options {
			margin: 1.6em auto 2.4em;
			width: 100%;
		}

		.option-title {
			/*background-color: rgba(180,180,180,0.3);*/
			padding: 0.1em 0.4em 0.1em;
			margin: 0.8em 0 0.4em;
			border-left: solid 12px #c7c7c7;
			border-bottom: solid 1px #c7c7c7;
			font-weight: 600;
			color: #333;
		}

		.option-title.syokuhin {
			border-left: solid 12px rgba(255, 186, 209, 1);
		}

		.option-title.kotei {
			border-left: solid 12px rgba(171, 216, 255, 1);
		}

		.option-title.jirei {
			border-left: solid 12px rgba(251, 216, 176, 1);
		}

		.option-set {
			margin: 0.8em 1.6em;
			font-size: 10.75pt;
		}

		.h5,
		h5 {
			font-size: 0.95rem;
		}
		
			h5:before {
				content:"[";
			}
			h5:after {
				content:"]";
			}
		

		.small,
		small {
			font-size: 0.4em;
		}


		.hero .title {
			margin: 0;
			font-size: 48px;
			font-weight: 700;
			line-height: 56px;
		}

		.hero .title-img img {
			width: 75%;
		}

		.hero ul.title {
			font-size: 12.75pt;
			font-weight: normal;
			line-height: 1.6em;
			margin: 1.6em 0 0.8em
		}

		.hero ul.title li {
			margin-bottom: 1.6em;
		}


		.top-img1 {
			margin: 0.4em 0.8em;
			width: 80%;
			box-shadow: 0px 3px 8px #333;
		}

		.top-img2 {
			margin: 0.4em 0.8em;
			width: 80%;
			box-shadow: 0px 3px 8px #333;
		}



		.header .logo img {
			max-height: 48px;
			margin-right: 0;
			display: block;
			width: 225px;
		}


		.title-footer {
			text-align: right;
			margin: 2.4em 0 0.4em;
			font-size: 9.75pt;
		}


		.hero {
			background-image: linear-gradient(345deg, rgba(55, 81, 126, 1), rgba(150, 167, 241, 1));
		}

		.syokai {
			margin: 0.8em auto 1.6em;
			line-height: 1.6em;
		}

		.syokai h1 {
			font-size: 19.25pt;
			font-weight: 600;
			letter-spacing: -0.01em;
			margin: 0.8em 0 0.8em -0.4em;
			padding: 0;
		}

		.syokai h2 {
			font-size: 13.75pt;
			font-weight: 600;
			background-color: rgba(55, 81, 126, 1);
			color: #fff;
			padding: 0.4em 1.6em 0.2em;
			border-radius: 24px;
			display: inline-block;
			width: auto;
			margin: 1.6em 0 0;
		}

		.syokai h3 {
			font-size: 11.75pt;
			font-weight: normal;
			border-bottom: solid 1px #ccc;
			padding: 0.4em;
		}

		.syokai p {}

		.syokai ul {
			list-style: none;
		}

		.syokai ul li {
			margin-bottom: 1.6em;
		}

		.syokai ul li p {
			margin: 0.8em;
		}


.icon-img {
	background-image: url(../../img/icon_img.svg);
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: center;
	position: absolute;
	right: 0.8em;
	top: 0.8em;
}
