@charset "shift-jis";

/* ////////////////////////////////////
// pdf dl link setting
//////////////////////////////////// */
#pdf-dl {
	width: 95%;
	margin:  0 auto;
	margin-bottom: calc(100px * 0.5);
	background: #87C5B4;
	border-radius: 10px;
	display: flex;
	flex-flow: row nowrap;
}
#pdf-txt {
	align-self: flex-start;
	padding: 2.0%;
	width: calc(95% - 45%);
}
#pdf-txt h2 img {
	width: 100%;
	height: auto;
}
#pdf-txt p {
	font-size: 1.25em;
}
#pdf-img {
	align-self: center;
	display: block;
	width: 40%;
	padding: 2.0%;
}
#pdf-img img {
	width: 100%;
	padding: 2.5%;
}
#pdf-btn {
	align-self: flex-end;
	margin-right: 2.0%;
	margin-bottom: 2.0%;
}
#pdf-btn .button-circle {
	background-color: #fff !important;
}
#pdf-btn .button-circle:hover {
	background-color: #27856F !important;
}
@media screen and (max-width: 767px) {
	#pdf-dl {
		flex-flow: column wrap;
	}
	#pdf-txt {
		padding: 1.0% 2.0%;
		width: 90%;
		margin: 0 auto;
	}
	#pdf-img {
		display: none;
	}
	#pdf-btn {
		z-index: 5000;
	}
	#pdf-btn .button-circle {
		background-color: transparent!important;
		width: 100%;
		height: auto;
		padding-bottom: 2.0%;
	}
	#pdf-btn .button-circle:hover {
		background-color: transparent !important;
	}
  #pdf-btn .view-detail-element-wrapper img {
    width: 25%;
    margin-top: 5%;
    margin-right: 5%;
  }
	#pdf-btn .view-detail-element-wrapper span {
		font-size: 1.25em;
	}
	#pdf-btn a.button-circle:hover span {
	color: #000 !important;
	}
}


/* ////////////////////////////////////
// override setting
//////////////////////////////////// */

#ss-outerframe {
  width: 95%;
}

.ss-background {
  border-radius: 10px 10px;
}

.ss-element-left {
  width: 35%;
}

.ss-element-right {
  width: calc(95% - 35%); /* for IE11 Support */
}

.ss-arrow-button {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ss-free-height {
  min-height: 380px;
}
@media print {
  .ss-free-height {
    height: 350px !important;
  }
}

@media screen and (max-width: 767px) {
  #slide-show {
    position: fixed;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0.0;
  }
  .gcse-wrapper {
    z-index: 1000 !important;
  }
}

#slide-show.container {
  width: 100%;
  
  justify-content: center;
  align-items: center;
}

@media print {
  .ss-main p {
    font-size: 8px;
  }
}

.ss-main {
  width: calc(100% - 35px * 2);
}

.ss-arrow-button {
  width: 35px;
}

.ss-main p.ss-element-subtitle {
  font-size: 1.5em;
}
@media print {
  .ss-main p.ss-element-subtitle {
    font-size: 16px;
  }
}

.ss-text {
  text-shadow: none;
}

.ss-tips span {
  font-size: 0.95em;
}
@media print {
  .ss-tips span {
    font-size: 8px;
  }
}

@media print {
  .ss-main p.ss-element-subtitle, .ss-main p.ss-catch-phrase {
    font-size: 16px;
  }
}

.ss-main p.ss-catch-phrase,
.tips-year,
.ss-main p.ss-element-body-text {
  font-weight: normal;
}

.ss-main hr {
  border: 2px solid rgba(255, 255, 255, 1);
}

@media screen and (max-width: 767px) {
  .view-detail-element-wrapper img {
    width: 25%;
    margin-top: 5%;
    margin-right: 5%;
  }
}

.button-circle {
  width: 95px;
  height: 95px;
}
@media print {
  .button-circle {
    width: 40px;
    height: 40px;
  }
}

.selector {
  padding-bottom: 0;
}

.inc-sup.content-body-emphasize {
  display: inline-block;
}

.inc-sup.content-body-emphasize sup {
  display: inline-flex;
  color: #27856F;
  vertical-align: super !important;
  
}

/* ////////////////////////////////////
// index setting
//////////////////////////////////// */

.card-container.container {
  justify-content: flex-start;
  align-items: stretch;
}

.card-container .card-element {
  position: relative;
  
  width: 22.5%;
  margin: 0;
  
  border-style: solid;
  border-width: 1px;
}
@media screen and (max-width: 767px) {
  .card-container .card-element {
    width: auto;
  }
}

.card-container li:nth-child(n) {
  margin-right: 3%;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  .card-container li:nth-child(n) {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media print {
  .card-container li:nth-child(n) {
    margin-right: 8px;
  }
}

.card-container li.last-row:nth-child(n) {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .card-container li.last-row:nth-child(n) {
    margin-bottom: 5%;
  }
}

.card-container li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .card-container li:nth-child(4n) {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.card-container a {
  display: block;
  width: 100%;
  height: 100%;
  
  text-decoration: none;
}

.card-title {
  font-weight: bold;
  padding: 5px;
  margin: 0;
}
@media print {
  .card-title {
    font-size: 10px;
  }
}

.card-tips {
  padding: 5px;
  margin: 0;
}
@media print {
  .card-tips {
    font-size: 5px;
  }
}

.card-tips .tips-year {
  font-weight: normal;
}

.card-tips .tip-wrapper {
  display: block;
  margin-bottom: 5px;
}

.card-tips .tip-wrapper span {
  display: inline-block;
  margin-bottom: 5px;
}

.card-more {
  position: absolute;
  right: 5px;
  bottom: 10px;
  
  width: 70px;
  
  margin: 0;
}
@media print {
  .card-more {
    width: 50px;
  }
}

.card-more .view-detail-element-wrapper span {
  font-size: 1.25em;
}
@media print {
  .card-more .view-detail-element-wrapper span {
    font-size: 8px;
  }
}

/* ////////////////////////////////////
// children page setting
//////////////////////////////////// */

.information-container {
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-bottom: 60px !important;
}

#content-overview {
  margin-left: 2.5%;
  margin-right: 2.5%;
  
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-bottom: 2.5%;
  
  border-radius: 1.5%;
}
@media screen and (max-width: 767px) {
  #content-overview {
    margin-left: 0;
    margin-right: 0;
    
    padding-left: 0;
    padding-right: 0;
    
    border-radius: 0;
  }
}

#content-org {
  font-size: 1.625em;
  font-weight: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #content-org {
    font-size: 1.5em;
  }
}

#content-overview h2 img {
  width: 65%;
}
@media screen and (max-width: 767px) {
  #content-overview h2 img {
    width: 95%;
  }
}

.content-body-textarea img {
  width: 95%;
}

.content-body-textarea img.icon-image {
  width: 1.2em;
}

.content-body-textarea .link {
  position: relative;
  margin-left: 2em;
}
.content-body-textarea .link::before {
  position: absolute;
  top: 1px;
  left: -2em;
  content: '';
  
  width: 1.5em;
  height: 1.5em;
  
  background-image: url('../../img/common/pa.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#content-overview h3 {
  font-size: 1.625em;
}

h3#ppdac-title {
  text-align: center;
  
  margin-top: 0;
  margin-bottom: 0;
  
  padding-top: 15px;
  padding-bottom: 15px;
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media screen and (max-width: 767px) {
  h3#ppdac-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.content-overview-container {
  width: 47.5%;
}
@media screen and (max-width: 767px) {
  .content-overview-container {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .content-overview-container section.left {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}

#award-list,
#reference-list {
  list-style-type: disc;
}

#award-list li,
#reference-list li {
  margin-left: 20px;
}

#ppdac-flow img {
  width: 20%;
  margin-right: 5%;
}

#ppdac-flow p {
  width: calc(95% - 25%);
  margin-top: 0;
  margin-bottom: 0;
}

#ppdac-flow li {
  padding-top: 5%;
  padding-bottom: 5%;
  
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
@media screen and (max-width: 767px) {
  #ppdac-flow li {
    padding-left: 2.5%;
    padding-right: 2.5%;
    
    border-bottom-style: dotted;
  }
}

#ppdac-flow li:last-child {
  border-bottom: none;
}

#ppdac-flow li.container {
  justify-content: flex-start;
  align-items: center;
}

.reference-list {
  width: 100%;
}

/* ////////////////////////////////////
// custom figure size setting
//////////////////////////////////// */
figure#card6-5-0-35 {
  width: 35%;
}
@media screen and (max-width: 767px) {
  figure#card6-5-0-35 {
    width: 65%;
  }
}


/* ////////////////////////////////////////////
/* 2024.02追加///////////////////////////////*/
/* 導入費・運用費部分の調整//////////////////*/
/* 箇条書きにする////////////////////////////*/


#content-overview  ul.cost-list {
  list-style: disc; /* 箇条書きの「・」をつける */
}
#content-overview  ul.cost-list li {
  margin-left: 2em; /* 字下げ */
}

/* インタビュー部分///////////////////////////*/

/* 取組の説明(回答文の一文字下げる) */
#content-overview  p.interview-answer {
  text-indent: 1em; /* 字下げ */
}
/* 取組の費用(内訳を表示) */
#content-overview  ul.cost-list {
  margin-top: -1.12em;
    /* 全体の設定で1.12em空けるように設定されているため、これを0にする。*/
  list-style: disc; /* 箇条書きの「・」をつける */
}
#content-overview  ul.cost-list li {
  margin-left: 2em; /* 字下げ */
}
/* PPDAC */
#content-overview  p.content-text {
  text-align: justify; /* 両端揃えに */
}

/* インタビュー回答*/
#content-body-main  p.interview-answer {
  text-indent: 1em; /* 字下げ*/
  text-align: justify; /* 両端揃えに */
}
/* インタビュー回答（dl,dt,ddを使った箇条書き） */
#content-body-main  dl.interview-answerlist-dl dt {
  margin-bottom: 0.5em;  /* 項目と説明の間を詰める */
  font-weight: 700; /* 太字 */
}
#content-body-main  dl.interview-answerlist-dl dd {
  margin-left: 1.5em;/* 字下げ */
  margin-bottom: 2em;/* 項目と項目の間を詰める */
}
#content-body-main  span.interview-answerlist {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color:#87C5B4;
  border-radius: 50%;
  margin-right: 10px;
 /* 箇条書きの項目の前に●をつける */
}
/* 脚注//////////////////////////////////////*/
#content-body-main  p.reference-list {
    text-indent: -1.5em; /* 2行目のインデントをそろえる。*/
}
@media screen and (max-width: 767px) {
    p.reference-list {
    margin-left: 32px; /* スマホページでは、字下げを解除する。*/
  }
}

/* 関連リンク////////////////////////////////*/
#content-body-main  ul.reference-list li.content-body-textarea {
    text-indent: -32px; /* 2行目のインデントをそろえる。*/
  }

@media screen and (max-width: 767px) {
    ul.reference-list li.content-body-textarea {
    justify-content: left; /* 左揃えに */
  }
    ul.reference-list li.content-body-textarea span.subject {   
    margin-left: 2em; /* △記号と同じ分左にずらす*/
  }
}
/* /////////////////////////////////////////
// pdf dl2 link setting
// 利活用事例集のバナー
///////////////////////////////////////// */

#pdf-dl-zirei {
	width: 95%;
	margin:  0 auto;
	margin-bottom: calc(100px * 0.5);
	background: #87C5B4;
	border-radius: 10px;
	display: flex;
	flex-flow: row nowrap;
}
#pdf-txt-zirei {
	align-self: flex-start;
	padding: 2.0%;
	width: calc(95% - 25%);
}
#pdf-txt-zirei p {
	margin:  4.0% ;
	font-size: 1.25em;
	font-weight: bold;
}
#pdf-btn-zirei {
	align-self: flex-end;
	margin-right: 2.0%;
	margin-bottom: 2.0%;
}
#pdf-btn-zirei .button-circle {
	background-color: #fff !important;
}
#pdf-btn-zirei .button-circle:hover {
	background-color: #27856F !important;
}
@media screen and (max-width: 767px) {
	#pdf-dl-zirei {
		flex-flow: column wrap;
	}
	#pdf-txt-zirei {
		padding: 1.0% 2.0%;
		width: 90%;
		margin: 0 auto;
	}
	#pdf-txt-zirei p {
		font-weight: normal;
	}
	#pdf-btn-zirei {
		align-self: self-start;
		margin-bottom:-2em;
		z-index: 5000;
	}
	#pdf-btn-zirei .button-circle {
		background-color: transparent!important;
	}
	#pdf-btn-zirei .button-circle:hover {
		background-color: transparent !important;
	}
	#pdf-btn-zirei .view-detail-element-wrapper.container {
		justify-content: start;
	}
	#pdf-btn-zirei .view-detail-element-wrapper span {
		font-size: 1.25em;
	}
	#pdf-btn-zirei a.button-circle:hover span {
		color: #000 !important;
	}
}

/* 2024.02追加ここまで///////////////////////*/