#shopify-section-template--19682390999261__16479477632637c9a7{
	.animated-text {
		line-height: 1.6;
	}
	.animated-line {
		display: block;
		white-space: nowrap;
	}
	.animated-line span {
		opacity: 0;
		display: inline-block;
		transform: translateY(10px);
		transition: all 1.5s ease;
	}
	.animated-line span.visible {
		opacity: 1;
		transform: translateY(0);
	}
	.line1 {
		font-size: 2rem; // 1行目のフォントサイズ 
	}
	.line2 {
		font-size: 2em; // 2行目のフォントサイズ 
	}
	@media (max-width: 768px) {
		.line1 {
			font-size: 1rem;
		}
		.line2 {
			font-size: 1rem;
		}
	}
}

#shopify-section-template--19682390999261__rich_text_NYQewa{
	.text-animate {
		line-height: 1.6;
		margin-bottom: 10px;
	}

	.large-text {
		font-size: 28px;
		//  font-weight: bold;
		margin-bottom:20px;
		letter-spacing: 2.16px;
	}

	.text-animate:not(.large-text) {
		font-size: 15px;
	}

	.text-animate span {
		opacity: 0;
		transform: translateY(20px);
		display: inline-block;
		transition: all 0.5s ease;
	}

	.text-animate span.visible {
		opacity: 1;
		transform: translateY(0);
	}
	@media (max-width: 768px) {
		.large-text {
		font-size: 24px;
		//font-weight: bold;
		//margin-bottom:20px;
		}
	}
}

slide-show{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;

	.image-with-text-slideshow--slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0 !important;
		transition: opacity 1s ease;
	}

	.show {
		opacity: 1 !important;
		z-index: 1 !important;
	}
}

/*■NEWS関連*/

#blog_articles_common_news_section.news-section {
	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
/* お知らせセクション大枠のスタイル */
	.news-section-article-wrapper {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	/* 見出しの大きさと色 */
	.news-section-article-heading {
		font-size: 19px;
		color: #edeae5;

		/* Desktop */
		@media (min-width: 768px) {
		font-size: 25px;
		}
	}

	/* 上下の余白 */
	margin-top: 0px;
	margin-bottom: 100px;

    padding: 0 15px;

	/* Desktop */
	@media (min-width: 768px) {
		margin-top: 0px;
		margin-bottom: 100px;
        padding: 0 40px;
	}

	/* お知らせ一覧(ul) と見出しのmargin */
	.news-section-article-list-2 {
		width: 100%;
		margin-top: 24px;
	}

	/* aタグのスタイルと pc 時の要素の配置 */
	.news-section-article-link-2 {
		text-decoration: none;
		color: #edeae5;

		/* schema の type = color の初期値が rgba(0,0,0,0) なので、alpha が 0 のとき、左右の余白を無くす*/

		padding: 24px 0;

		/* Desktop */
		@media (min-width: 768px) {
			display: flex;
			align-items: start;
		}

		&:hover {
			.news-section-article-title-2 {
				text-decoration: underline;
			}
		}
	}

	/* li のスタイル */
	.news-section-article-list-item-2 {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #dddddd;
		background-color: rgba(0,0,0,0);

		/* 「日付・タグ」と「執筆者」の配置 */
		.news-section-article-meta-data-2 {
			display: flex;
			justify-content: space-between;

			@media (min-width: 768px) {
				min-width: 20%;
			}
		}

		/* 日付とタグの配置 */
		.news-section-article-date-and-tag-2 {
			display: flex;
			flex-direction: column;
		}

		/* 日付 */
		.news-section-article-date-2 {
			font-weight: bold;
			margin-right: 8px;
			font-size: 16px;
			letter-spacing: 0.1rem;
		}

		/* タグの配置 */
		.news-section-article-tag-container-2 {
			display: flex;
			flex-wrap: wrap;

			/* Desktop */
			@media (min-width: 768px) {
				flex-direction: column;
			}
		}

		/* タグ */
		.news-section-article-tag-2 {
			font-size: 10px;
			color: #2196f3;
			border: 2px solid #2196f3;
			border-radius: 3px;
			padding: 3px 6px;
			margin-top: 8px;
			margin-right: 8px;
			text-align: center;
			line-height: 1;

			/* Desktop */
			@media (min-width: 768px) {
				font-size: 13px;
				min-width: 146px;
				padding: 4px 10px;
			}
		}

		/* 執筆者 */
		.news-section-article-author-2 {
			font-size: 12px;

			/* Desktop */
			@media (min-width: 768px) {
				margin-top: 8px;
			}
		}

		/* Desktop 時のタイトルと抜粋の位置 */
		.news-section-article-details-2 {

			/* Desktop */
			@media (min-width: 768px) {
				display:flex;
				flex-direction: column;
				padding-left: 24px;
			}
		}

		/* 執筆者を Mobile 時に表示 */
		.is-show-mobile-2 {

			/* Desktop */
			@media (min-width: 768px) {
			display: none;
			}
		}

		/* 執筆者とタグを Desktop 時に表示 */
		.is-show-desktop-2 {
			display: none;

			/* Desktop */
			@media (min-width: 768px) {
				display: block;
			}
		}

		/* タイトル */
		.news-section-article-title-2 {
			color: #edeae5;
			font-weight: bold;
			margin-top: 8px;
			line-height: 1.5;
			text-decoration: none;

			/* Desktop */
			@media (min-width: 768px) {
				margin-top: 0;
			}
		}

		/* 抜粋 */
		.news-section-article-excerpt-2 {
			font-size: 12px;
			margin-top:8px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 2;

			/* Desktop */
			@media (min-width: 768px) {
				-webkit-line-clamp: 1;
			}
		}
	}

	/* すべてのお知らせを見る */
	.news-section-view-more-link-text-2 {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 48px;
		font-weight: bold;
		color: #edeae5;
		border: solid 1px #edeae5;
		padding: 16px 48px;
		text-decoration: none;
		min-width: 280px;
		max-width: 80%;
		border-radius: 3px;
		transition: background-color 0.3s ease, color 0.3s ease;

		&:hover {
			background-color: #edeae5;
			color: white;
		}
	}
}


/*about 2ブロック目*/
.text-animate2 {
  line-height: 1.6;
  margin-bottom: 10px;
}

/*
.text-animate2:not(.large-text) {
  font-size: 15px;
}
*/
.text-animate2 span {
  opacity: 0;
  transform: translateY(20px);
  display: inline-block;
  transition: all 0.5s ease;
}

.text-animate2 span.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Desktop */
#sp_text_animate2{
    display: none;
    /* mobile */
    @media (max-width: 768px) {
        display: block;
    }
}
#pc_text_animate2{
    display: block;
    /* mobile */
    @media (max-width: 768px) {
        display: none;
    }
}
/*about 3ブロック目*/
#shopify-section-template--19682391359709__image_with_text_overlay_FCnpAQ .image-with-text-overlay--content-inner.content-width-large{
  max-width: 1200px;
}

/*about 4ブロック目*/
#shopify-section-template--19682391359709__image_with_text_overlay_iJRpGd .image-with-text-overlay--content-inner.content-width-large{
  max-width: 1200px;
}