@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Mr+Dafoe&family=Mynerve&family=Rock+Salt&display=swap');

body {
	color: #333;
	background-color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
}

a{ outline: none; }

a:link {
    color: #079CD6;
}

a:visited {
    color: #079CD6;
}

a:hover {
	text-decoration: none;
    color: #00689D;
}

a:active {
    color: #079CD6;
}

ul, li {
	list-style: none;
}


/* --------------------------------------------------------
	#page
-------------------------------------------------------- */
#page {
	width: 100%;
	max-width: 1080px;
	margin: 20px auto 0 auto;
	text-align: left;
}
@media(max-width: 1080px){
	#page {
		width: 95%;
	}
}

/* 背景 */
.all_back {
    /* background-image: url("./img/bk_shimbun.png");
    background-size: 100%; */
	background-color:rgba(255, 252, 245, 0.9);
    background-blend-mode:lighten;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -3;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    margin: 0;
    padding: 0;
    min-height: 100%;
}


/* --------------------------------------------------------
	  main
-------------------------------------------------------- */
.main {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.disp_sp {
	display: none;
}
.sub_title {
	font-size: 22px;
	font-weight: 500;
	margin: 120px auto 20px auto;
	color: #52857B;
}
h2.title_h2 {
	font-size: 32px;
	margin-top: 20px;
	margin-bottom: 40px;
}
@media(max-width: 1080px){
	#utilityNav {
		padding-left: 0;
	}
	.sub_title {
		font-size: clamp(20px, 2vw, 22px);
		margin: 11vw auto 2vw auto;
	}
	h2.title_h2 {
		font-size: clamp(26px, 2.96vw, 32px);
	}
}
@media(max-width: 768px){
	.disp_sp {
		display: block;
	}
	.sub_title {
		font-size: 1.1rem;
		margin: 40px auto 10px auto;
	}
	h2.title_h2 {
		font-size: 1.5rem;
		margin-top: 10px;
		margin-bottom: 30px;
	}
}

.interview_content {
	font-size: 16px;
	margin-bottom: 80px;
}
p.interview_txt {
	text-indent: 1rem;
	line-height: 1.8;
	margin: 0;
}
@media(max-width: 768px){
	.interview_content {
		margin-bottom: 40px;
	}
}

h3.title_h3 {
	font-size: 26px;
	font-weight: 700;
	margin: 120px auto 20px auto;
	color: #52857B;
}
.interview_q {
	font-size: 18px;
	font-weight: 700;
	margin: 120px auto 40px auto;
}
.interview_q_afh3 {
	margin: 20px auto 40px auto;
}

dl.interview {
	line-height: 2;
}
dt.person {
	float: left;
	clear: both;
	padding-top: 1rem;
	font-weight: 700;
}
dt.person_a {
	color: #1E505F;
}
dt.person_b {
	color: #DD4927;
}
dt.person_c {
	color: #89453D;
}
dt.person_d {
	color: #F9BE46;
}
dd.interview_a {
	margin-left: 3rem;
	padding-top: 1rem;
}
@media(max-width: 1080px){
	h3.title_h3 {
		font-size: clamp(24px, 2.4vw, 26px);
		margin: 11vw auto 2vw auto;
	}
	.interview_q {
		margin: 11vw auto 3.7vw auto;
	}
	.interview_q_afh3 {
		margin: 2vw auto 3.7vw auto;
	}
}
@media(max-width: 768px){
	h3.title_h3 {
		font-size: 22px;
	}
}

.interview_gr {
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}
.interview_gr_img {
	width: 40%;
	margin-top: 1rem;
}
.interview_gr_img img{
	width: 300px;
}
.interview_gr_img p{
	font-size: 12px;
	text-align: center;
	margin: 0;
}
.interview_gr_img_yama {
	margin-top: 10px;
}
.interview_gr_img_hori {
	margin-top: 20px;
}
@media(max-width: 1080px){
	.interview_gr {
		gap: 3.7vw;
		margin-bottom: 2vw;
	}
	.interview_gr_img img{
		width: 28vw;
	}
}
@media(max-width: 768px){
	.interview_gr {
		flex-direction: column;
	}
	.interview_gr_img {
		width: 70%;
		margin: 1rem auto;
	}
	.interview_gr_img img{
		width: 100%;
	}
}


.interview_mae {
	display: flex;
	gap: 40px;
}
.interview_mae a{
    width: 80%;
}
.interview_mae img{
    width: 100%;
}
.interview_mae .interview_content {
	margin-top: 40px;
}
.image_content {
	margin: 40px auto;
}
.image_content_note {
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	margin-top: 20px;
}
.top_image {
	display: flex;
    flex-wrap: nowrap;
	justify-content: space-between;
}
.top_image img{
	width: 100%;
}
.top_image_interview {
	width: 64%;
}
.top_image_shimen {
	width: 32%;
}
@media(max-width: 768px){
	.image_content_note {
		margin-top: 5px;
		margin-bottom: 20px;
	}
	.top_image {
		flex-direction: column;
	}
	.top_image_interview {
		width: 100%;
	}
	.top_image_shimen {
		width: 70%;
		margin: 0 auto;
	}
}

.newspaper_download_pdf {
    display: flex;
    flex-wrap: nowrap;
	justify-content: space-between;
}
.newspaper_download_pdf a{
    width: 16.5%;
}
.newspaper_download_pdf img{
    width: 95%;
}
@media(max-width: 768px){
	.newspaper_download_pdf {
	    flex-wrap: wrap;
}
	.newspaper_download_pdf a{
	    width: 32%;
	}
}


.supporter_img {
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
	gap: 2%;
}
.supporter_img_parts {
	width: 31%;
}
.supporter_img_parts img{
	width: 100%;
}
@media(max-width: 768px){
	.supporter_img {
		flex-wrap: wrap;
		gap: 0;
	}
	.supporter_img_parts {
		width: 49%;
	}
}

.campaign_img {
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
	gap: 2%;
}
.campaign_img_parts {
	width: 31%;
}
.campaign_img_parts img{
	width: 100%;
}
@media(max-width: 768px){
	.campaign_img {
		flex-wrap: wrap;
		gap: 5px;
	}
	.campaign_img_parts {
		width: 49%;
	}
}

.web_song_img {
    display: flex;
    flex-wrap: nowrap;
	justify-content: center;
	gap: 5%;
}
.web_song_img img{
    width: 25%;
}
@media(max-width: 768px){
	.web_song_img {
		flex-wrap: wrap;
		gap: 5px;
	}
	.web_song_img img{
		width: 49%;
	}
}

.member_interview_img img{
	width: 100%;
}


.writer {
	font-size: 15px;
	text-align: right;
}



.member_list {
	border: solid 1px #000000;
	margin: 80px auto;
	padding: 20px 30px;
}
.member_list_title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.member_list_txt {
	font-size: 14px;
}
.member_list_h {
	font-size: 16px;
	font-weight: 700;
}
.member_list_txt dl {
	margin-top: 5px;
	margin-left: 15px;
}
.member_list_txt dd {
	margin-left: 20px;
}


.join_list {
	border: solid 1px #000000;
	margin: 80px auto;
	padding: 20px 30px;
}
.join_list_title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.join_list_txt {
	font-size: 14px;
	line-height: 28px;
}



/* --------------------------------------------------------
	  #footer
-------------------------------------------------------- */
#footer {
	width: 100%;
	background: #EBEFF1;
	text-align: center;
	margin: 0 auto;
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding-top: 10px;
  }
  /* .pageTop */
  #footer .pageTop {
	border-top: 1px solid #B7BFCE;
	border-bottom: 1px solid #B7BFCE;
	margin-bottom: 50px;
  }
  #footer .pageTop img {
	width: 28px;
	height: 16px;
	vertical-align: bottom;
	margin: 5px auto;
	display: block;
  }
  /* #biggerlink */
  .bl-hover {
	cursor: pointer;
	background-color: #ECEFF2;
  }
  /* #footer_box */
  #footer_box {
	width: 960px;
	margin: 0 auto;
  }
  #footer_box a:link {
	color: #60718E;
  }
  #footer_box a:visited {
	color: #60718E;
  }
  #footer_box a:hover {
	text-decoration: none;
	color: #F15B66;
  }
  #footer_box a:active {
	color: #60718E;
  }
  #footer .footer_link {
	margin-bottom: 10px;
	text-align: center;
  }
  #footer .footer_link li {
	display: inline;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #B7BFCE;
	color: #333;
  }
  #footer .footer_link .footer_soon {
	color: #B7BFCE;
  }
  #footer .footer_link li.firstChild, #footer .footer_link li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
  }
  #footer .reference {
	padding-bottom: 30px;
	clear: both;
	margin-top: 50px;
	text-align: center
  }
  #footer .reference p {
	font-size: 12px;
  }
  #footer .copyright {
	margin-top: 10px;
	font-size: 12px;
  }
  #footer_company_box {
	padding: 10px 0 20px 0;
  }
  .footer_company_tit {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding-top: 10px;
	clear: both;
  }
  .footer_company {
	text-align: left;
	font-size: 11px;
	padding-top: 5px;
  }
  .footer_company li {
	display: block;
	border: none;
	color: #333;
	white-space: nowrap;
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
  }
  .footer_company li a {
	white-space: nowrap;
  }