@charset "utf-8";

/*------　ヘッダー画像　-------------------------------------------------------------*/
#ayumi .h_style01 {
/*	background-image: url(top-img.jpg);*/
	background-size: contain;
	height: auto;
}
.h_style01 {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#ayumi .h_style01 img {
	height: auto;
	max-width: 100%;
	margin-left: 0 auto;
}
#ayumi .h_style01:before {
	position: absolute;
	top: 30%;
	left: auto;
	right: auto;
	bottom: auto;
	text-align: center;
	margin: auto;
	content: "東日本大震災復興支援\A 10年の歩み";
	white-space: pre;
	color: #FFFFFF;
	font-size: 2.5rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	width: 70%;
	z-index: 100;
	background: none;
	line-height: 1.4;
	text-shadow: 2px 2px 3px #666;
}

@media screen and (max-width: 769px) {
	#ayumi .h_style01:before {
		font-size: 1.5rem;
	}
}
/*------　ヘッダー画像　終了　-------------------------------------------------------------*/


#ayumi .content {
	border-top: 4px solid #1AABE3;
}
#ayumi .read {
	color: #444444;
	margin-bottom: 1em;
}
#ayumi .read-first-line {
	margin-top: 2em;
}
#ayumi table th,
#ayumi table td{
	padding: 8px;
	border: 1px #999999 solid;
}

#ayumi .bx-interview a.g_btn02 {
	background: #1AABE3;
}

@media screen and (min-width:769px) {
	.page_contact {
		margin: 0 auto;
		width: 960px;
	}
}

/* 理事長あいさつなど
-------------------------------------------------------------------*/
.article h2 {
	font-weight: bold;
	font-size: 1.5em;
}
.article h3,
.article_support h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 1em 0;
	color: #50B5B1;
}
.article h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 1em 0;
	padding: 0;
}
h2.h2-02{
	border: #65B687 solid 2px ;
	border-left: none;
	border-right: none;
	margin-left: -10px;
	margin-right: -10px;
	padding: 7px;
	color:#6AB768;
	text-align: center;
}
.article p {
	margin: 1em 0;
}
.article-greeting {
	margin: 1.5em 1em 1em;
	padding: 65px 20px 20px;
	background-color: #ebf7fc;
}
.article-greeting h2 {
	color: #6AB768;
	text-align: center;
}
#ayumi .img-person {
	float: right;
}
#ayumi .img-person-left {
	float: left;
	margin-right: 10px;
}
.article-funds {
	margin: 1.5em 1em 1em;
	padding: 65px 10px 0px;
}
.emphasis {
  background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #fce492 70%);
}
.article-message {
	margin: 1.5em 1em 1em;
	padding: 65px 10px 20px;
}
.article-message .comment-box {
	padding: 20px 10px 0px 10px;
}

/*--　スライダー含む　-----------------------------------------------------------------*/

.article_support {
  text-align: center;
  background: #FFF;
  padding: 20px;
}
.article_support_inner {
  padding: 20px;
  background: #FFF;
}
.article_support_inner h5 {
	font-weight: bold;
	color: #2E2E2E;
	text-align: left;
	margin-bottom: 1em;
}
.article_support_inner p {
	text-align: left;
	margin: 1em 0;
}
.article_support_inner .page_btn {
	clear: both;
}
.article_support_inner .page_btn p{
	text-align: center;
	margin: 1em auto;
}

.article_support_slider {
	position: relative;
}
.article_support_slider h5 {
	text-align: left;
	margin-bottom: 20px;
}
.article_support_slider li {
	padding-left: 30px;
	padding-right: 30px;
}
.article_support_slider li p {
	text-align: left;
}
.article_support_inner .bx-caption {
	font-size: 92%;
}

.article_support_slider .bx-wrapper .bx-controls-direction a {
/*	top: 50%;*/
}

.article_support_slider .bx-wrapper .bx-prev { left: -10px;}
.article_support_slider .bx-wrapper .bx-next { right: -10px;}

.article_support .comment-slider {
	background-color: #f0f3f7;
	padding-top: 1em;
	padding-bottom: 1em;
}
.article_support .comment-slider h4 {
	font-weight: bold;
	font-size: 115%;
	color: #1AABE3;
	text-align: left;
}
.article_support .comment-slider li:nth-child(odd) h4 {
	color: #1AABE3;
}
.article_support .comment-slider li:nth-child(even) h4 {
	color: #6AB768;
}
.article_support .comment-slider h5 {
	font-weight: bold;
	color: #2E2E2E;
	text-align: left;
	margin-bottom: 1em;
}
.article_support .comment-slider p {
	margin: 1em 0;
	font-size: 100%;
}
.article_support .comment-slider img {
	float: right;
}

.article_support .bx-interview {
	background-color: #eff7f3;
	padding: 1em;
}
.article_support .bx-interview img {
	float: right;
	margin-bottom: 15px;
}

/*　資料　-----------------------------------------------------------------*/
.article_support .bx-container {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.article_support .bx-document {
	margin-bottom: 1em;
}
.article_support .bx-document img {
	border: 1px #DBDBDB solid;
	margin: auto;
}
.article_support .bx-document h6,
.article_support .bx-document p {
	font-weight: 500;
	color: #333333;
	text-align: center;
}
/*　資料（動画）　*/
.article_support .movie-container {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.movie-container .bx-document {
	width: calc(50% - 30px);
	margin-bottom: 1.5em;
}
.bx-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.bx-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-container h6{
	margin-bottom: 5px;
}

/*　インタビュー詳細ページ　-----------------------------------------------------------------*/
.article-message .bx-interview-detail {
	padding: 20px 10px;
}
.article-message .bx-interview-detail h3 {
	color: #252525;
	background-color: #eff7f3;
	padding: 5px 10px;
}
.article-message .bx-interview-detail img {
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
}
.article-message .bx-interview-detail .interviewa {
	color: #E76904;
	font-weight: bold;
}
.article-message .bx-interview-detail .araki {
	color: #2BA627;
	font-weight: bold;
}
.article-message .bx-interview-detail .ikuma {
	color: #009A93;
	font-weight: bold;
}
.article-message .bx-interview-detail .ikuma-comment {
	background-color:  #f2fffe;
	margin-bottom: 1.5em;
	padding: 5px 7px;
}
.article-message .bx-interview-detail .tsurushima {
	color: #08B185;
	font-weight: bold;
}
.article-message .bx-interview-detail .tsurushima-comment {
	background-color:  #EBFCEF;
	margin-bottom: 1.5em;
	padding: 5px 7px;
}
.article-message .bx-interview-detail .sobue {
	color: #0093CC;
	font-weight: bold;
}
.article-message .bx-interview-detail .sobue-comment {
	background-color:  #e6f3f7;
	margin-bottom: 1.5em;
	padding: 5px 7px;
}

@media screen and (min-width: 767px){
	.article-message h2 br {
		display: none;
	}
}


@media screen and (max-width: 768px){
	.article-greeting,
	.article-funds,
	.article-message {
		margin: 1.5em 0.5em 1em;
		padding: 20px 5px;
	}
	.article-greeting {
		padding: 20px 10px;
	}
	#ayumi .img-person,
	#ayumi .img-person-left {
		float: none;
		text-align: center;
	}
	.article-funds table {
		font-size: 92%;
	}
	.article_support {
	  padding: 10px;
	}
	.article_support_inner {
	  padding: 0px;
	}
	.article_support .comment-slider img {
		float: none;
		text-align: center;
		margin: auto;
	}
	.article-message .comment-box {
		padding: 10px 5px;
	}
	.article_support .bx-interview h5 {
		text-align: center;
	}
	.article_support .bx-interview img {
		float: none;
		margin: auto;
	}
	.article-message .bx-interview-detail {
		padding: 20px 0px;
	}
	.article-message .bx-interview-detail img {
		float: none;
		margin: auto;
	}
	.article-message .bx-interview-detail p.interview-img {
		text-align: center;
	}
	.movie-container .bx-document {
	width: 95%;
	}
	
}


/*--　日生協　生協の「つながる力」2021 より　メニュー　-----------------------------------------------*/
/* ancNavi
-------------------------------- */
.ancNavi {
	background-color: #e1eefc;
}
.ancNavi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	border-bottom: 1px solid #6d8ebf;
	margin-top: 140px;
}
.ancNavi .inner {
	width: 1280px;
	margin: 0 auto;
	padding: 31px 40px 10px;
}
.ancNavi.is-fixed .inner {
	padding: 17px 40px 13px;
}
.ancNavi .ancList {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	margin: 0 -20px 0 -21px;
}
.ancNavi.is-fixed .ancList {
	margin: 0 -20px -15px -21px;
}
.ancNavi .ancList::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: calc(100% - 2px);
	background-color: #e1eefc;
	content: "";
	z-index: 1;
}
.ancNavi .ancList > li {
	margin-bottom: 20px;
	padding: 0 20px;
	border-left: 1px solid #088ec2;
}
.ancNavi.is-fixed .ancList > li {
	margin-bottom: 15px;
}
.ancNavi .ancList > li .linkList {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	color: #003461;
}
.ancNavi .ancList > li .linkList:hover {
	color: #088ec2;
}
.ancNavi .ancList > li .linkList::before {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 3px;
	margin-top: -8px;
	border-right: 1px solid #088ec2;
	border-bottom: 1px solid #088ec2;
	transform: rotate(45deg);
	content: "";
}

/*--　見出し　-----------------------------------------------------------------*/

/* articleLayout
-------------------------------- */
.articleLayout.is-glay {
	background-color: #f7f7f7;
}
.articleLayout .inner {
/*	width: 1280px;*/
	margin: 0 auto;
	padding: 72px 10px 56px;
/*	padding: 59px 40px 56px;*/
}
.articleLayout .column {
	display: flex;
	flex-flow: row wrap;
}
.articleLayout .column .headingItem {
	width: 376px;
}
.articleLayout .column .headingItem .heading02 {
	position: relative;
	height: 100%;
	padding-left: 23px;
}
.articleLayout .column .headingItem .heading02::before {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 37px;
	left: 0;
	background-color: #6AB768;
	content: "";
}
.articleLayout .column .headingItem .heading02 .headingInner {
	position: relative;
	height: 100%;
	padding: 25px 20px 25px 44px;
	background-color: #6AB768;
}
.articleLayout .column .headingItem .heading02 .headingInner::before {
	position: absolute;
	width: 22px;
	height: 2px;
	top: 37px;
	left: 0;
	background-color: #fff;
	content: "";
}
.articleLayout .column .headingItem .heading02 .headingSubTitle {
	margin-top: 15px;
}
.articleLayout .column .detailItem {
	width: calc(100% - (376px + 36px));
	margin-left: 36px;
}
.articleLayout .articleSlider {
	position: relative;
	width: 1064px;
	margin: 30px auto 0;
}
.articleLayout .articleSlider .sliderList {
	position: relative;
	width: 100%;
	padding: 0 52px;
}
.articleLayout .articleSlider .sliderList .slick-slide img {
	display: inline-block;
	max-width: 100%;
}
.articleLayout .articleSlider .sliderList .sliderCaption {
	text-align: center;
	margin-top: 8px;
	font-size: 13px;
}
.articleLayout .articleSlider .sliderList .sliderCaption .caption {
	display: block;
}
.articleLayout .articleSlider .sliderList .sliderCaption .caption + .caption {
	margin-top: 1em;
}
.articleLayout .articleSlider .slick-arrow {
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	border-top: 2px solid #65342f;
	border-right: 2px solid #65342f;
	border-bottom: none;
	border-left: none;
	font-size: 0px;
	text-indent: -9999px;
	background-color: transparent;
	z-index: 2;
	cursor: pointer;
}
.articleLayout .articleSlider .slick-arrow.slick-prev {
	left: 6px;
	transform: translateY(-100%) rotate(-135deg);
}
.articleLayout .articleSlider .slick-arrow.slick-next {
	right: 6px;
	transform: translateY(-100%) rotate(45deg);
}
.articleLayout .articleSlider .sliderControl {
	position: absolute;
	display: inline-block;
	top: 489px;
	left: 50%;
	transform: translateX(-50%);
}
.articleLayout .articleSlider .sliderControl .slick-dots {
	display: flex;
	background-color: rgba(0,0,0,.3);
	padding: 8px 16px;
}
.articleLayout .articleSlider .sliderControl .slick-dots > li {
	line-height: 1;
	margin: 0 10px;
}
.articleLayout .articleSlider .sliderControl .slick-dots > li > button {
	vertical-align: middle;
	overflow: hidden;
	width: 10px;
	height: 10px;
	border-radius: 99px;
	background-color: #fff;
	font-size: 0;
	text-indent: -9999px;
	border: none;
	padding: 0;
	cursor: pointer;
}
.articleLayout .articleSlider .sliderControl .slick-dots > li.slick-active > button {
	background-color: #004884;
}

h2.headingTitle {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 180%;
}

@media only screen and (max-width:767px){
	
/* ancNavi
-------------------------------- */
	.ancNavi {
		display: flex;
		margin: 0;
	}
	.ancNavi .inner {
		width: 100%;
		overflow-x: scroll;
		display: inline-block;
		padding: 21px 0 19px 15px !important;
	}
	.ancNavi.is-fixed {
		margin-top: 60px;
	}
	.ancNavi.is-fixed .inner {
		padding: 21px 0 17px 15px !important;
	}
	.ancNavi .ancList {
		display: inline-block;
		white-space: nowrap;
		margin: 0 !important;
	}
	.ancNavi .ancList::before {
		display: none;
	}
	.ancNavi .ancList > li {
		display: inline-block;
		margin-bottom: 0 !important;
		padding: 0 9px 0 13px;
		border-left: 1px solid #003461;
	}
	.ancNavi .ancList > li:first-child {
		border-left: none;
		padding-left: 0;
	}
	.ancNavi .ancList > li:last-child {
		padding-right: 15px;;
	}
	.ancNavi .ancList > li .linkList {
		padding-left: 20px;
	}
	.ancNavi .ancList > li .linkList:hover {
		text-decoration: none;
		color: #088ec2;
	}
	.ancNavi .ancList > li .linkList::before {
		width: 8px;
		height: 8px;
		left: 2px;
	}
	
	/* articleLayout
	-------------------------------- */
	.articleLayout .inner {
		max-width: 100%;
		padding: 36px 15px 37px;
	}
	.articleLayout .column {
		display: block;
	}
	.articleLayout .column .headingItem {
		width: 100%;
	}
	.articleLayout .column .headingItem .heading02 {
		height: auto;
		padding-left: 14px;
	}
	.articleLayout .column .headingItem .heading02::before {
		top: 50%;
		margin-top: -1px;
	}
	.articleLayout .column .headingItem .heading02 .headingInner {
		height: auto;
		padding: 17px 28px 16px;
	}
	.articleLayout .column .headingItem .heading02 .headingInner::before {
		width: 14px;
		top: 50%;
		margin-top: -1px;
	}
	.articleLayout .column .headingItem .heading02 .headingTitle img {
		height: 19px;
	}
	.articleLayout .column .headingItem .heading02 .headingSubTitle {
		margin-top: 11px;
	}
	.articleLayout .column .headingItem .heading02 .headingSubTitle img {
		height: 15px;
	}
	.articleLayout .column .detailItem {
		width: 100%;
		margin-top: 1.5em;
		margin-left: 0;
	}
	.articleLayout .articleSlider {
		width: 100%;
		margin: 18px 0 0;
	}
	.articleLayout .articleSlider .sliderList {
		width: 100%;
		padding: 0;
	}
	.articleLayout .articleSlider .sliderList .sliderCaption {
		margin-top: 8px;
		font-size: 12px;
	}
	.articleLayout .articleSlider .sliderControl {
		width: 100%;
		height: 28px;
		top: 43.133vw;
	}
	.articleLayout .articleSlider .sliderControl .slick-dots {
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-end;
		height: 100%;
		background-color: transparent;
		padding: 0;
	}
	h2.headingTitle {
		font-size: 170%;
	}
}