@charset "UTF-8";


/*
	

	Top



*/


/*
	Common

--------------------------------------------------- */
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Common > Title */
.com-ttl {}
	.com-ttl-sub { font-size: 30px; }
	.com-ttl-main { font-size: 70px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Common > Item Body */
.item-body { padding: 50px 0; }
	.item-ttlarea {}
		.item-ttl { font-size: 25px; }
}
/* ------------------------------------------------ */


/*
	Intro

--------------------------------------------------- */
#intro {
	position: relative;
	overflow: hidden;
	}
#intro:before,
#intro:after {
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	}
#intro:before {
	background-image: url(/src/img/top/pickup/wave-bottom-gray.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	z-index: 3;
	}
	#int-copy {
		left: 50%;
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 2;
		transform: translate(-50%, -50%);
		}
		#int-copy img { width: 100%; }
	#int-video-wrap {
		overflow: hidden;
		position: relative;
		z-index: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		}
		#int-video { position: relative; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#intro {}
	#intro:before { height: 100%; }
	#int-copy { max-width: 400px; }
	#int-video-wrap { max-height: 750px; }
		#int-video { width: 100%; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#intro {}
	#intro:before {
		height: 100%;
		top: 0;
		}
	#int-copy { max-width: 250px; }
	#int-video-wrap { max-height: 550px; }
		#int-video { height: 100%; }
}
/* ------------------------------------------------ */


/*
	pickup

--------------------------------------------------- */
#pickup {
	position: relative;
	text-align: center;
	z-index: 10;
	}
	#pu-kikunon { position: absolute; }
	#pu-list {
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		}
		.pu-item {
			background-color: rgba(255, 255, 255, 1);
			display: inline-table;
			letter-spacing: 0em;
			position: relative;
			vertical-align: top;
			box-sizing: border-box;
			box-shadow: 0 0 20px rgba(0, 0, 0, .2);
			}
			.pu-item a {
				color: rgba(50, 50, 50, 1);
				display: block;
				}
			.pu-inner {
				text-align: left;
				display: flex;
				align-items: center;
				}
				.pu-parts {}
				.pu-thumb { overflow: hidden; }
				.pu-ttl {
					display: inline-block;
					color: rgba(80, 180, 40, 1);
					font-family: "Rounded Mplus 1c";
					font-weight: 800;
					position: relative;
					}
					.pu-ttl p {}
					.pu-ttl-main {}
					.pu-ttl.sub {
						color: rgba(255, 255, 255, 1);
						display: inline-block;
						position: relative;
						}
				.pu-copy {}
					.pu-copy p {
						line-height: 1.5;
						font-weight: 700;
						}

	/* pickup > Scheme */
	.pu-item.lrg {}
		.pu-item.lrg .pu-inner {
			text-align: center;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: center;
			}
	.pu-item.mdl {}
		.pu-item.mdl .pu-inner { justify-content: space-between; }
		.pu-item.mdl .cm-item { border: none; }
		.pu-item.mdl .com-more { color: rgba(50, 50, 50, 1); }
	.pu-item.full {}
		.pu-item.full .pu-inner { justify-content: space-between; }
		.pu-item.full .cm-item { border: none; }
		.pu-item.full .com-more { color: rgba(50, 50, 50, 1); }
	#pu-system,
	#pu-faq {
		background-color: #7ebe26;
		background-image: -webkit-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
		background-image: -moz-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
		background-image: -o-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
		background-image: linear-gradient(90deg, #7ebe26 0%, #019944 100%);
		}
	#pu-parenting {
		background-color: #fac03d;
		background-image: -webkit-linear-gradient(90deg, #fac03d 0%, #e366aa 100%);
		background-image: -moz-linear-gradient(90deg, #fac03d 0%, #e366aa 100%);
		background-image: -o-linear-gradient(90deg, #fac03d 0%, #e366aa 100%);
		background-image: linear-gradient(90deg, #fac03d 0%, #e366aa 100%);
		}

	/* pickup > YouTube */
	.pu-ytb {
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 100%;
		}
		.pu-ytb-ttl {
			background-color: rgba(80, 180, 40, 1);
			color: rgba(255, 255, 255, 1);
			font-family: "Rounded Mplus 1c";
			font-weight: 800;
			position: relative;
			z-index: 1;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 100px;
			}
		.pu-ytb-ttl:after {
			background-color: rgba(80, 180, 40, 1);
			content: '';
			left: 50%;
			position: absolute;
			z-index: -1;
			transform: translateX(-50%) rotate(45deg);
			}
		.pu-ytb-con {
			margin: 0 auto;
			overflow: hidden;
			box-shadow: 0 0 20px rgba(0, 0, 0, .2);
			}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#pickup { margin-top: -80px; }
	#pu-kikunon {
		right: 0;
		top: -200px;
		}
		#pu-kikunon .comc-item {
			height: 230px;
			right: 0;
			top: 0;
			width: 180px;
			}
	#pu-list { max-width: 1000px; }
		.pu-item { margin: 0 1% 20px; }
			.pu-inner {}
			.pu-inner.pb { padding-bottom: 20px; }
				.pu-parts {}
				.pu-thumb { border-radius: 15px 15px 0 0; }
				.pu-ttl {}
					.pu-ttl p {}
					.pu-ttl-main { font-size: 55px; }
					.pu-ttl.sub {
						font-size: 23px;
						margin: 0 15px;
						}
				.pu-copy { padding: 15px 0; }

	/* pickup > Scheme */
	.pu-item.lrg {
		width: 31.33333333333333%;
		border-radius: 15px;
		}
	.pu-item.mdl {
		width: 48%;
		border-radius: 100px;
		}
		.pu-item.mdl a { padding: 15px 20px; }
	.pu-item.full {
		width: 98%;
		border-radius: 100px;
		}
		.pu-item.full a { padding: 15px 20px; }

	/* pickup > YouTube */
	.pu-ytb {
		margin-bottom: 40px;
		margin-top: 20px;
		max-width: 930px;
		}
		.pu-ytb-ttl {
			font-size: 35px;
			padding: 15px 60px;
			}
		.pu-ytb-ttl:after {
			bottom: -15px;
			height: 30px;
			width: 30px;
			}
		.pu-ytb-con {
			margin-top: 10px;
			border-radius: 20px;
			}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#pickup { margin-top: -50px; }
	#pu-kikunon {
		right: 30px;
		top: -120px;
		z-index: 1;
		}
		#pu-kikunon .comc-item {
			background-size: 100%;
			height: 160px;
			width: 120px;
			}
	#pu-list { padding: 0 20px; }
		.pu-item {
			margin: 0 1% 20px;
			width: 98%;
			}
			.pu-item a { display: block; }
			.pu-inner.pb {
				padding-bottom: 15px;
				flex-direction: column;
				}
				.pu-parts {}
				.pu-thumb { border-radius: 15px 15px 0 0; }
				.pu-ttl {}
					.pu-ttl p {}
					.pu-ttl-main { font-size: 40px; }
					.pu-ttl.sub {
						font-size: 18px;
						line-height: 1.3;
						margin: 0 15px;
						}
				.pu-copy { padding: 10px; }
					.pu-copy p { font-size: 17px; }

	/* pickup > Scheme */
	.pu-item.lrg { border-radius: 15px; }
	.pu-item.mdl { border-radius: 100px; }
		.pu-item.mdl a { padding: 15px 20px; }
	.pu-item.full { border-radius: 100px; }
		.pu-item.full a { padding: 15px 20px; }

	/* pickup > YouTube */
	.pu-ytb { margin: 20px 1% 30px; }
		.pu-ytb-ttl {
			font-size: 23px;
			letter-spacing: -1.5px;
			padding: 15px 30px;
			}
		.pu-ytb-ttl:after {
			bottom: -10px;
			height: 20px;
			width: 20px;
			}
		.pu-ytb-con {
			margin-top: 5px;
			border-radius: 10px;
			}
}
/* ------------------------------------------------ */


/*
	news

--------------------------------------------------- */
#news {}
	#nws-ttlarea {
		background-image: url(/src/img/common/icon/newspaper-gr.png);
		background-position: center top;
		background-repeat: no-repeat;
		text-align: center;
		}
		#nws-ttl {}
		#nws-subttl {}
	#nws-wrap { margin: 0 auto; }
		.nws-block {}
	/* news > Scheme */
	#nws-block-news {}
		#nws-list {}
			.nws-item {
				border-bottom: 1px solid rgba(50, 50, 50, .3);
				position: relative;
				}
				.nws-item:nth-child(n+4) { display: none; }
				.nws-new {
					background-color: rgba(240, 130, 30, 1);
					border: 2px solid rgba(255, 255, 255, 1);
					color: rgba(255, 255, 255, 1);
					display: inline-table;
					position: absolute;
					text-align: center;

					-webkit-border-radius: 50%;
					border-radius: 50%;

					-webkit-transform: rotate(-10deg);
					transform: rotate(-10deg);
					}
					.nws-new span {
						display: table-cell;
						vertical-align: middle;
						}
				.nws-item a { color: rgba(50, 50, 50, 1); }
				.nws-inner {
					display: flex;
					align-items: flex-start;
					justify-content: flex-start;
					}
					.nws-thumb {
						background-image: url(/src/img/sec/news/common/bg-thumb.png);
						background-size: cover;
						background-repeat: no-repeat;
						background-color: rgba(130, 190,40, 1);
						overflow: hidden;
						}
						.nws-thumb img {}
					.nws-txtarea {}
						.nws-dataarea {
							display: -webkit-flex;
							display: flex;
							-webkit-align-items: center;
							align-items: center;
							}
							.nws-data {}
								.nws-data:after { content: '｜' }
							.nws-category {}
						.nws-ttl { font-weight: 700; }
	#nws-block-fb {
		background-color: rgba(230, 240, 210, 1);
		width: 100%;
		}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#news { margin-top: 100px; }
	#nws-ttlarea {
		background-size: 70px;
		padding-top: 70px;
		}
		#nws-ttl {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			justify-content: center;
			}
		#nws-subttl { margin-top: 15px; }
	#nws-wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		max-width: 1000px;
		margin-top: 30px;
		}
		.nws-block { padding: 20px; }
	/* news > Scheme */
	#nws-block-news {}
		#nws-list { margin-bottom: 20px; }
			.nws-item {}
				.nws-new {
					height: 40px;
					left: -10px;
					top: -10px;
					width: 40px;
					}
					.nws-new span { font-size: 13px; }
				.nws-item a {}
				.nws-inner { padding: 20px 0; }
					.nws-thumb {
						float: left;
						height: 90px;
						margin-right: 20px;
						min-width: 150px;
						max-width: 150px;
						border-radius: 20px;
						}
						.nws-thumb img {}
					.nws-dataarea {
						font-size: 15px;
						margin-bottom: 12.5px;
						}
						.nws-data {}
						.nws-category {}
					.nws-ttl {
						font-size: 17px;
						line-height: 1.5;
						}
	#nws-block-fb { max-width: 440px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#news { margin-top: 50px; }
	#nws-ttlarea {
		background-size: 50px;
		padding-top: 50px;
		}
		#nws-ttl {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			justify-content: center;
			}
		#nws-subttl {
			font-size: 13px;
			margin-top: 10px;
			}
	#nws-wrap {
		margin-top: 20px;
		padding: 0 20px;
		}
		.nws-block {}
	/* news > Scheme */
	#nws-block-news {}
		#nws-list { margin-bottom: 20px; }
			.nws-item {}
				.nws-new {
					height: 30px;
					left: -10px;
					top: 0;
					width: 30px;
					}
					.nws-new span { font-size: 11px; }
				.nws-item a {}
				.nws-inner { padding: 20px 0; }
					.nws-thumb {
						height: 60px;
						margin-right: 15px;
						max-width: 90px;
						min-width: 90px;
						border-radius: 15px;
						}
						.nws-thumb img {}
					.nws-dataarea {
						font-size: 12px;
						margin-bottom: 12.5px;
						}
						.nws-data {}
						.nws-category {}
					.nws-ttl {
						font-size: 14px;
						line-height: 1.5;
						}
	#nws-block-fb { margin-top: 40px; }
}
/* ------------------------------------------------ */


/*
	alacarte

--------------------------------------------------- */
#alacarte {
	background-color: rgba(80, 180, 40, 1);
	position: relative;
	}
	#alc-ttlarea {
		background-color: rgba(80, 180, 40, 1);
		color: rgba(255, 255, 255, 1);
		display: inline-block;
		position: relative;
		z-index: 3;
		}
		#alc-ttl { color: rgba(255, 255, 255, 1); }
			#alc-ttl .com-ttl-main { position: relative; }
				#alc-ttl .com-ttl-main:before {
					background-image: url(/src/img/common/icon/wifi-wh.png);
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100%;
					content: '';
					position: absolute;
					top: 50%;

					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
					}
		#alc-subttl {}
	#alc-list {
		color: rgba(255, 255, 255, 1);
		letter-spacing: -0.4em;
		position: relative;
		text-align: center;
		}
		.alc-item {
			display: inline-block;
			letter-spacing: 0em;
			vertical-align: top;
			position: relative;
			}
			.alc-item:nth-child(n+5) { display: none; }
			.alc-item a { color: rgba(255, 255, 255, 1); }
			.alc-new {
				background-color: rgba(240, 130, 30, 1);
				border: 2px solid rgba(255, 255, 255, 1);
				color: rgba(255, 255, 255, 1);
				display: inline-table;
				position: absolute;
				text-align: center;

				-webkit-border-radius: 50%;
				border-radius: 50%;

				-webkit-transform: rotate(-10deg);
				transform: rotate(-10deg);
				}
				.alc-new span {
					display: table-cell;
					vertical-align: middle;
					}
			.alc-thumb { overflow: hidden; }
				.alc-thumb img {}
			.alc-detail {}
				.alc-dataarea {
					border-bottom: 1px solid rgba(255, 255, 255, .5);
					/*
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					*/
					}
					.alc-data {}
						/*.alc-data:after { content: '｜'; }*/
					.alc-category { display: inline-table; }
						.alc-category dt,
						.alc-category dd { display: table-cell; }
						.alc-category dt {}
						.alc-category dd {
							letter-spacing: -0.4em;
							text-align: left;
							}
							.alc-category dd .alc-cat-item {
								background-color: rgba(255, 255, 255, 1);
								color: rgba(0, 150, 70, 1);
								display: inline-block;
								font-weight: 700;
								margin-left: 10px;
								letter-spacing: 0em;
								vertical-align: middle;

								-webkit-border-radius: 5px;
								border-radius: 5px;
								}
				.alc-ttl { font-weight: 700; }
	#alc-categorylist {
		background-color: rgba(255, 255, 255, 1);
		margin: 0 auto;
		text-align: center;
		}
		#alc-categorylist h2 {
			color: rgba(0, 150, 70, 1);
			font-weight: 700;
			}
		#alc-catl-wrap { letter-spacing: -0.4em; }
			.alc-catl-item {
				background-position: right center;
				background-repeat: no-repeat;
				background-image: url(/src/img/common/arrow/right-gr.png);
				border: 1px solid rgba(0, 0, 0, .3);
				display: inline-block;
				font-weight: 700;
				letter-spacing: 0em;
				vertical-align: top;
				}
				.alc-catl-item a {
					color: rgba(50, 50, 50, 1);
					display: block;
					}

	/* alacarte > Scheme */
	.alc-latest {
		display: block;
		overflow: hidden;
		}
		.alc-latest .alc-new {}
			.alc-latest .alc-new span {}
		.alc-latest .alc-detail {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			display: inline-table;
			height: 100%;
			position: relative;
			text-align: right;
			width: 100%;
			}
			.alc-latest .alc-thumb {
				bottom: 0;
				left: 0;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 0;

				-webkit-border-radius: 0;
				border-radius: 0;
				}
				.alc-latest .alc-thumb img {
					left: 50%;
					position: absolute;
					top: 50%;
					width: 100%;
					z-index: -1;

					-webkit-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
					}
			.alc-latest .alc-inner {
				display: table-cell;
				text-align: left;
				position: relative;
				vertical-align: middle;
				z-index: 1;
				}
				.alc-latest .alc-dataarea {
					border-bottom: none;
					position: relative;
					}
				.alc-latest .alc-ttl { border-bottom: 1px solid rgba(255, 255, 255, .5); }
				.alc-latest .alc-tagarea {}
					.alc-latest .alc-tagarea dl { display: table; }
						.alc-latest .alc-tagarea dl dt,
						.alc-latest .alc-tagarea dl dd { display: table-cell; }
						.alc-latest .alc-tagarea dl dt {}
						.alc-latest .alc-tagarea dl dd {}
							.alc-latest .alc-tagarea dl dd .alc-tag-item {
								border: 1px solid rgba(255, 255, 255, .6);
								display: inline-block;
								}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#alacarte {
	margin-top: 160px;
	padding-bottom: 50px;
	border-radius: 0 230px 0 0;
	}
	#alc-ttlarea {
		margin-top: -60px;
		padding: 15px 80px 15px 130px;
		border-radius: 0 80px 80px 0;
		}
		#alc-ttl {}
			#alc-ttl .com-ttl-main { font-size: 80px; }
				#alc-ttl .com-ttl-main:before {
					height: 60px;
					left: -70px;
					width: 60px;
					}
		#alc-subttl { margin-top: 10px; }
	#alc-list {
		margin-top: -100px;
		padding-top: 30px;
		}
		.alc-item {
			margin: 0 20px 15px;
			text-align: left;
			width: 330px;
			}
			.alc-item a {}
			.alc-new {
				height: 40px;
				left: -10px;
				top: -10px;
				width: 40px;
				}
				.alc-new span { font-size: 13px; }
			.alc-thumb {
				height: 180px;
				width: 100%;
				border-radius: 15px;
				box-shadow: 0 0 10px rgba(0, 0, 0, .2);
				}
				.alc-thumb img {}
			.alc-detail {}
				.alc-dataarea {
					font-size: 13px;
					padding-top: 15px;
					}
					.alc-data {}
					.alc-category { padding: 10px 0; }
						.alc-category dt,
						.alc-category dd { vertical-align: middle; }
						.alc-category dt { width: 70px; }
						.alc-category dd {}
							.alc-category dd .alc-cat-item {
								margin-bottom: 5px;
								padding: 5px 10px;
								}
				.alc-ttl {
					font-size: 15px;
					line-height: 1.5;
					padding-top: 10px;
					}
	#alc-categorylist {
		margin-top: 30px;
		max-width: 900px;
		padding: 30px 0 20px;
		border-radius: 30px;
		}
		#alc-categorylist h2 { font-size: 20px; }
		#alc-catl-wrap { margin-top: 15px; }
			.alc-catl-item {
				background-size: 10px;
				background-position: right 5px center;
				margin: 0 10px 10px;
				width: 180px;
				border-radius: 5px;
				}
				.alc-catl-item a {
					font-size: 15px;
					padding: 10px 0;
					}

	/* alacarte > Scheme */
	.alc-latest {
		margin: 0 5% 30px;
		height: 350px;
		width: 90%;
		border-radius: 175px;
		box-shadow: 0 0 20px rgba(0, 0, 0, .3);
		}
		.alc-latest .alc-new {
			height: 60px;
			left: -75px;
			top: 0;
			width: 60px;
			}
			.alc-latest .alc-new span { font-size: 15px; }
		.alc-latest .alc-detail {
			padding-left: 50%;
			padding-right: 100px;
			}
			.alc-latest .alc-inner { width: 500px; }
			.alc-latest .alc-detail:before {
				background-color: rgba(0, 0, 0, .4);
				bottom: 0;
				content: '';
				left: 0;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 1;
				}
			.alc-latest .alc-dataarea {}
				.alc-latest .alc-ttl {
					font-size: 30px;
					line-height: 1.3;
					padding-bottom: 15px;

					-webkit-text-shadow: 0 0 5px #000, 0 0 10px #666;
					text-shadow: 0 0 5px #000, 0 0 10px #666;
					}
				.alc-latest .alc-tagarea { margin-top: 20px; }
					.alc-latest .alc-tagarea dl {}
						.alc-latest .alc-tagarea dl dt,
						.alc-latest .alc-tagarea dl dd { font-size: 13px; }
						.alc-latest .alc-tagarea dl dt {}
						.alc-latest .alc-tagarea dl dd {}
							.alc-latest .alc-tagarea dl dd .alc-tag-item {
								margin-left: 10px;
								padding: 5px 15px;
								border-radius: 5px;
								}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#alacarte {
	margin-top: 100px;
	padding-bottom: 50px;
	border-radius: 0;
	}
	#alc-ttlarea {
		margin-top: -50px;
	    padding: 10px 40px 10px 60px;
	    z-index: 2;
	    border-radius: 0 60px 60px 0;
		}
		#alc-ttl {}
			#alc-ttl .com-ttl-main { font-size: 30px; }
				#alc-ttl .com-ttl-main:before {
					height: 30px;
					left: -40px;
					width: 30px;
					}
		#alc-subttl {
			font-size: 13px;
			margin-top: 10px;
			}
	#alc-list {
		margin-top: -100px;
		padding-top: 30px;
		}
		.alc-item {
			margin: 0 20px 25px;
			text-align: left;
			width: 270px;
			}
			.alc-item a {}
			.alc-new {
				height: 30px;
				left: -10px;
				top: -10px;
				width: 30px;
				}
				.alc-new span { font-size: 11px; }
			.alc-thumb {
				height: 180px;
				width: 100%;
				border-radius: 15px;
				box-shadow: 0 0 10px rgba(0, 0, 0, .2);
				}
				.alc-thumb img {}
			.alc-detail {}
				.alc-dataarea {
					font-size: 11px;
					padding: 10px 0;
					}
					.alc-data {}
					.alc-category { margin-top: 10px; }
						.alc-category dd .alc-cat-item { padding: 5px 10px; }
				.alc-ttl {
					font-size: 15px;
					line-height: 1.5;
					padding-top: 10px;
					}
	#alc-categorylist {
		margin: 10px 15px;
		padding: 20px 0 10px;
		border-radius: 15px;
		}
		#alc-categorylist h2 { font-size: 15px; }
		#alc-catl-wrap { margin-top: 15px; }
			.alc-catl-item {
				background-size: 5px;
				background-position: right 5px center;
				margin: 0 5px 10px;
				width: 125px;
				border-radius: 5px;
				}
				.alc-catl-item a {
					font-size: 12px;
					padding: 10px 0;
					}

	/* alacarte > Scheme */
	.alc-latest {
		margin: 40px 0 20px;
		width: 100%;
		box-shadow: 0 0 20px rgba(0, 0, 0, .3);
		}
		.alc-latest .alc-new {
			height: 40px;
			left: -50px;
			top: 0;
			width: 40px;
			}
			.alc-latest .alc-new span { font-size: 11px; }
		.alc-latest .alc-detail { padding: 50px 20px 30px 80px; }
		.alc-latest .alc-detail:before {
			background-color: rgba(0, 0, 0, .4);
			bottom: 0;
			content: '';
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
			}
			.alc-latest .alc-inner {}
			.alc-latest .alc-dataarea {}
				.alc-latest .alc-ttl {
					font-size: 18px;
					padding-bottom: 10px;
					}
				.alc-latest .alc-tagarea { margin-top: 10px; }
					.alc-latest .alc-tagarea dl {}
						.alc-latest .alc-tagarea dl dt,
						.alc-latest .alc-tagarea dl dd { font-size: 11px; }
						.alc-latest .alc-tagarea dl dt {}
						.alc-latest .alc-tagarea dl dd {}
							.alc-latest .alc-tagarea dl dd .alc-tag-item {
								margin-left: 10px;
								padding: 5px 15px;
								border-radius: 5px;
								}
}
/* ------------------------------------------------ */


/*
	photocontest

--------------------------------------------------- */
#photocontest {
	background-color: rgba(80, 180, 40, 1);
	position: relative;
	z-index: 1;
	}
	#pct-ttlarea { text-align: center; }
		#pct-ttl {
			color: rgba(255, 255, 255, 1);
			display: inline-block;
			}
			#pct-ttl:before {
				background-color: rgba(255, 255, 255, 1);
				background-image: url(https://shiawasenowa.jp/photocontest/src/img/top/logo_ttl.png);
				background-position: center;
				background-repeat: no-repeat;
				background-size: 90%;
				content: '';
				position: absolute;
				top: 50%;

				-webkit-border-radius: 50%;
				border-radius: 50%;

				-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
				box-shadow: 0 0 15px rgba(0, 0, 0, .3);

				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				}
	#pct-list {
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		}
		.pct-item {
			overflow: hidden;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#photocontest {
	margin-top: 30px;
	padding-bottom: 30px;
	padding-top: 20px;
	}
	#pct-ttlarea {}
		#pct-ttl {
			font-size: 25px;
			padding: 20px 0;
			}
			#pct-ttl:before {
				left: -180px;
				height: 150px;
				width: 150px;
				}
	#pct-list {
		margin-bottom: 20px;
		max-width: 880px;
		border-radius: 15px;
		}
		.pct-item {
			max-width: 25%;
			max-height: 160px;
			}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#photocontest {
	margin-top: 10px;
	padding-bottom: 30px;
	}
	#pct-ttlarea {
		padding: 0 30px;
		text-align: left;
		}
		#pct-ttl {
			display: block;
			font-size: 16px;
			line-height: 1.3;
			padding: 20px 0;
			}
			#pct-ttl:before {
				right: 0;
				height: 100px;
				width: 100px;
				}
	#pct-list {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-radius: 15px;
		}
		.pct-item {
			max-width: 50%;
			max-height: 120px;
			}
			.pct-item img {}
			.pct-item:nth-child(n+9) { display: none; }
}


/*
	emigrationstory

--------------------------------------------------- */
#emigrationstory {}
	#egs-ttl {
		margin: 0 auto;
		max-width: 400px;
		text-align: center;
		}
	#egs-list {}
		.egs-item {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			}
		.egs-item:after {
			background-color: rgba(0, 0, 0, .3);
			content: '';
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 0;
			transition: all .3s;
			border-radius: 10px;
			}
			.egs-itm-inner {
				color: rgba(255, 255, 255, 1);
				position: relative;
				z-index: 1;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				box-sizing: border-box;
				}
				.egs-itm-label { position: absolute; }
				.egs-itm-ttl {
					font-family: "Rounded Mplus 1c";
					font-weight: 800;
					}
	.egs-more { text-align: center; }
		.egs-mr-item {
			background-color: #7ebe26;
			background-image: -webkit-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
			background-image: -moz-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
			background-image: -o-linear-gradient(90deg, #7ebe26 0%, #019944 100%);
			background-image: linear-gradient(90deg, #7ebe26 0%, #019944 100%);
			color: rgba(255, 255, 255, 1);
			font-family: "Rounded Mplus 1c";
			font-weight: 800;
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 100px;
			}
	/* emigrationstory > Slider Custom */
	#egs-list .slick-dots li button:before {
		background-color: rgba(80, 180, 40, 1);
		color: transparent;
		border-radius: 100px;
		}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#emigrationstory { margin-top: 100px; }
	#egs-ttl {}
	#egs-list {}
		.egs-item {
			max-width: 300px;
			margin: 0 10px;
			border-radius: 10px;
			}
			.egs-itm-inner {
				height: 350px;
				padding: 20px 25px;
				width: 300px;
				}
				.egs-itm-label {
					max-width: 100px;
					left: 10px;
					top: -30px;
					}
				.egs-itm-ttl {
					font-size: 20px;
					line-height: 1.5;
					text-align: justify;
					}
	.egs-more { margin-top: 60px; }
		.egs-mr-item {
			font-size: 25px;
			height: 60px;
			padding: 0 60px;
			}
	/* emigrationstory > Slider Custom */
	#egs-list .slick-track {
		padding-bottom: 20px;
		padding-top: 70px;
		}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#emigrationstory { margin-top: 50px; }
	#egs-ttl { padding: 0 40px; }
	#egs-list {}
		.egs-item {
			max-width: 300px;
			margin: 0 10px;
			border-radius: 10px;
			}
			.egs-itm-inner {
				height: 250px;
				padding: 15px 20px;
				width: 200px;
				}
				.egs-itm-label {
					max-width: 80px;
					left: 10px;
					top: -20px;
					}
				.egs-itm-ttl {
					font-size: 17px;
					line-height: 1.5;
					text-align: justify;
					}
	.egs-more { margin-top: 40px; }
		.egs-mr-item {
			font-size: 18px;
			height: 60px;
			padding: 0 40px;
			}
	/* emigrationstory > Slider Custom */
	#egs-list .slick-track {
		padding-bottom: 30px;
		padding-top: 50px;
		}
	#egs-list .slick-dots li,
	#egs-list .slick-dots li button,
	#egs-list .slick-dots li button:before {
		height: 20px;
		width: 20px;
		}
}
/* ------------------------------------------------ */