@charset "UTF-8";
#about_head, #flow_head, .topics_head, .activity_head {
	font-weight: 700;
	text-indent: 0.05em;
	text-align: center;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 820px) {
	#about, #flow, .topics, .activity {
		padding-left: 65px;
	}
}
#about, #flow, .topics {
	padding-block: 80px;
}
#about_head, #about_content {
	text-align: center;
}
#about_head {
	margin-bottom: 32px;
}
#about_link_container {
	margin-top: 40px;
}
@media screen and (min-width: 820px) {
	#about_head {
		font-size: 3.8rem;
	}
	#about_content {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
}
@media screen and (max-width: 819px) {
	#about_head {
		font-size: 3rem;
	}
	#about_content {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	#about_content br {
		display: none;
	}
}
#flow {
	background-image: url("../images/global/bg_beige.png");
	background-position: center;
	-webkit-background-size: 198px;
	   -moz-background-size: 198px;
	        background-size: 198px;
}
#flow_head {
	margin-bottom: 32px;
}
@media screen and (min-width: 820px) {
	#flow_head {
		margin-bottom: 48px;
		font-size: 3rem;
	}
}
@media screen and (max-width: 819px) {
	#flow_head {
		margin-bottom: 40px;
		font-size: 2.4rem;
	}
}
.flow_pane {
	position: relative;
	border-radius: 10px;
	background-color: #fff;
}
.flow_pane + .flow_pane:before {
	position: absolute;
	background: #00a596;
	content: "";

	aspect-ratio: 40/26;
	inset-inline: 0;
	margin-inline: auto;
}
.flow_pane_head {
	display: -webkit-box;
	display:    -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         box;
	display:         flex;
	margin-bottom: 24px;
	font-weight: 700;

	-webkit-align-items: flex-end;
	        align-items: flex-end;
	-webkit-box-align: end;
	   -moz-box-align: end;
	     -o-box-align: end;
	-ms-flex-align: end;
}
.flow_pane_head span:first-child {
	margin: 0 1em -0.05em 0;
	color: #00a596;
}
.flow_pane_head span:last-child {
	letter-spacing: 0.05em;
}
.flow_pane_content_body {
	margin-block: calc((1em - 1lh) / 2);
}
.flow_pane_case + .flow_pane_case {
	margin-top: 40px;
}
.flow_pane_case_photo {
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-radius: 6px;
}
.flow_pane_case_text_head {
	margin-bottom: 18px;
	font-size: 1.8rem;
	font-weight: 700;
}
@media screen and (min-width: 820px) {
	.flow_pane {
		padding: 60px 80px;
	}
	.flow_pane + .flow_pane {
		margin-top: 74px;
	}
	.flow_pane + .flow_pane:before {
		top: -50px;
		width: 40px;

		-webkit-clip-path: path("M2 0 L38 0 Q40 0 38.7807 1.5855 L21.2193 24.4145 Q20 26 18.7807 24.4145 L1.2193 1.5855 Q0 0 2 0 Z");
		        clip-path: path("M2 0 L38 0 Q40 0 38.7807 1.5855 L21.2193 24.4145 Q20 26 18.7807 24.4145 L1.2193 1.5855 Q0 0 2 0 Z");
	}
	.flow_pane_head {
		font-size: 2.4rem;
	}
	.flow_pane_content_body {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	.flow_pane_case {
		display: -webkit-box;
		display:    -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         box;
		display:         flex;

		-webkit-box-pack: justify;
		   -moz-box-pack: justify;
		     -o-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	.flow_pane_case_photo {
		width: calc((366 / 1020) * 100%);
	}
	.flow_pane_case_text {
		width: calc((614 / 1020) * 100%);
	}
	.flow_pane_case_text_content {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
@media screen and (max-width: 819px) {
	.flow_pane {
		padding: 32px 24px;
	}
	.flow_pane + .flow_pane {
		margin-top: 48px;
	}
	.flow_pane + .flow_pane:before {
		top: -32px;
		width: 24px;

		-webkit-clip-path: path("M2 0 L22 0 Q24 0 22.8 1.6 L13.2 14.4 Q12 16 10.8 14.4 L1.2 1.6 Q0 0 2 0 Z");
		        clip-path: path("M2 0 L22 0 Q24 0 22.8 1.6 L13.2 14.4 Q12 16 10.8 14.4 L1.2 1.6 Q0 0 2 0 Z");
	}
	.flow_pane_head {
		font-size: 2rem;
	}
	.flow_pane_content_body {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.flow_pane_case_photo {
		margin-bottom: 20px;
	}
	.flow_pane_case_text_head {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.flow_pane_case_text_content {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
}
.activity_head {
	font-weight: 700;
	text-indent: 0.05em;
	text-align: center;
	letter-spacing: 0.05em;
}
.activity_list {
	display: -webkit-box;
	display:    -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         box;
	display:         flex;

	-webkit-box-lines: multiple;
	   -moz-box-lines: multiple;
	     -o-box-lines: multiple;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	     -o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.activity_list_item {
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	        box-shadow: 0 0 10px rgba(0,0,0,0.1);
	font-weight: 700;
}
.activity_list_item_link {
	display: block;
	height: 100%;
}
.activity_list_item_text {
	display: -webkit-box;
	display:    -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         box;
	display:         flex;

	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	     -o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.activity_list_item_text_date {
	color: #666;
	line-height: 2rem;
}
.activity_list_item_text_date > * {
	letter-spacing: 0.05em;
}
.activity_list_item_text_content_category {
	display: inline-block;
	padding: 0 12px;
	background-color: #00a596;
	color: #fff;
	text-indent: 0.05em;
	line-height: 2rem;
}
.activity_list_item_text_content_category_container {
	margin-bottom: 6px;
}
.activity_list_item_text_content_title {
	display: -webkit-box;
	overflow: hidden;
	max-height: 6.6rem;
	font-size: 1.5rem;
	line-height: 2.2rem;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.activity_list_item_tag {
	position: relative;
	margin: 5px;
	padding-left: 16px;
	color: #7d7d7d;
	font-weight: 400;
}
.activity_list_item_tag:before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	background-image: url("../images/global/icon_tag.svg");
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	   -moz-background-size: 100%;
	        background-size: 100%;
	content: "";
}
.activity_list_item_tag.eventPeriod:before {
	border-radius: 50%;
	background-image: none;
}
.activity_list_item_tag.eventPeriod.open:before {
	background-color: #dc7801;
}
.activity_list_item_tag.eventPeriod.closed:before {
	background-color: #7d7d7d;
}
.activity_list_item_tags {
	display: -webkit-box;
	display:    -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         box;
	display:         flex;
	margin: 12px -5px -5px;

	-webkit-box-lines: multiple;
	   -moz-box-lines: multiple;
	     -o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
@media screen and (min-width: 820px) {
	.activity_container {
		padding-block: 80px;
	}
	.activity + .activity {
		margin-top: 80px;
	}
	.activity_head {
		margin-bottom: 48px;
		font-size: 3rem;
	}
	.activity_list:after {
		display: block;
		width: calc((366 / 1180) * 100%);
		content: "";
	}
	.activity_list_container {
		margin-bottom: 40px;
	}
	.activity_list_item {
		width: calc((366 / 1180) * 100%);
	}
	.activity_list_item_link .activity_list_item_photo img {
		-webkit-transition-duration: 0.3s;
		   -moz-transition-duration: 0.3s;
		    -ms-transition-duration: 0.3s;
		     -o-transition-duration: 0.3s;
		        transition-duration: 0.3s;
		-webkit-transition-property: -webkit-transform;
		   -moz-transition-property:    -moz-transform;
		    -ms-transition-property:     -ms-transform;
		     -o-transition-property:      -o-transform;
		        transition-property:         transform;
	}
	.activity_list_item_link:hover {
		opacity: 1;

		-ms-filter: none;
		    filter: none;
	}
	.activity_list_item_link:hover .activity_list_item_photo img {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		   -moz-transform: translate(-50%, -50%) scale(1.1);
		    -ms-transform: translate(-50%, -50%) scale(1.1);
		     -o-transform: translate(-50%, -50%) scale(1.1);
		        transform: translate(-50%, -50%) scale(1.1);
	}
	.activity_list_item_link:hover .activity_list_item_text {
		opacity: 0.6;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		    filter: alpha(opacity=60);
	}
	.activity_list_item_circle {
		top: 14px;
		right: 14px;
		width: 64px;
		height: 64px;
	}
	.activity_list_item_circle span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.activity_list_item_text {
		padding: 24px 16px 32px;
	}
	.activity_list_item_text_date {
		line-height: 2rem;
	}
	.activity_list_item_text_date_year {
		font-size: 1.4rem;
	}
	.activity_list_item_text_date_day {
		font-size: 1.8rem;
	}
	.activity_list_item_text_content {
		width: calc(100% - 80px);
	}
	.activity_list_item_tag {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 819px) {
	.activity_container {
		padding-block: 90px;
	}
	.activity + .activity {
		margin-top: 90px;
	}
	.activity_head {
		margin-bottom: 30px;
		font-size: 2.4rem;
		text-indent: 0.05em;
	}
	.activity_list {
		width: 840px;
	}
	.activity_list_scroller {
		overflow-x: scroll;
	}
	.activity_list_container {
		margin: 0 -10px 22px;
	}
	.activity_list_item {
		width: 260px;
		margin: 10px;
	}
	.activity_list_item_circle {
		top: 12px;
		right: 12px;
		width: 50px;
		height: 50px;
	}
	.activity_list_item_circle span {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.activity_list_item_text {
		padding: 13px 16px 24px;
	}
	.activity_list_item_text_date_year {
		font-size: 1.2rem;
	}
	.activity_list_item_text_date_day {
		font-size: 1.6rem;
	}
	.activity_list_item_text_content {
		width: calc(100% - 72px);
	}
}
.topics {
	overflow: hidden;
	border-top: 1px solid #ccc;
}
@media screen and (min-width: 820px) {
	.topics_head {
		margin-bottom: 48px;
		font-size: 3rem;
	}
	.topics_slider_container {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 819px) {
	.topics_head {
		margin-bottom: 40px;
		font-size: 2.4rem;
		line-height: 4rem;
	}
	.topics_slider_container {
		margin-bottom: 32px;
	}
}
.kyuminyokin {
	border-top: 1px solid #ccc;
}
.kyuminyokin_text {
	text-align: center;
	letter-spacing: 0.05em;

	place-content: 0.05em;
}
.kyuminyokin_text p {
	font-size: 16px;
	line-height: 26px;

	margin-block: -5px;
}
.kyuminyokin_logo {
	width: 120px;

	margin-inline: auto;
}
@media screen and (min-width: 820px) {
	.kyuminyokin {
		padding-block: 64px;
	}
	.kyuminyokin_text {
		margin-bottom: 48px;
	}
}
@media screen and (max-width: 819px) {
	.kyuminyokin {
		padding-block: 48px;
	}
	.kyuminyokin_text {
		margin-bottom: 32px;
	}
}