@charset "UTF-8";
/* CSS Document */

.indexBox {}
#single #titBox .indexBox li.li02 {
	text-indent: 0em;
}

#single .sec h3 {
	border: none;
	border-left: #E61E73 solid 10px;
	margin: 1em 0;
	padding: 0;
	padding-left: 0.6em;
}
.points {
	border: #9FA0A0 solid 2px;
	border-radius: 15px;
	padding: 0 30px 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.points ul {
}
.points li {
	font-size: 18px;
	padding: 0.5em 0;
	text-indent: -1.3em;
	margin-left: 1.3em;
}
.points li::before {
	content: '●';
	color: #EE8382;
	margin-right: 0.3em;
	
}
.points ul {
}
.points dt {
	font-size: 24px;
	font-weight: 500;
	padding-top: 0.5em;
}
.points dt::before {
	content: '●';
	color: #EE8382;
	margin-right: 0.3em;
}
.points dd {
	font-size: 18px;
	padding: 0.5em 0;
}
.points .imgBox {
	max-width: 592px;
	margin: 0px auto;
	padding-bottom: 20px;
}
.points p {
	background-color: #FEEBBE;
	font-size: 18px;
	padding: 1em;
	margin: 10px 0;
	border-radius: 12px;
}

#secZEH.sec {
	background-color: #FFF5C4;
	padding: 30px 50px 50px;
	border-radius: 16px;
	margin-bottom: 50px !important;
}
#single #secZEH.sec h3 {
	color: #00913A;
	border: none;
	border-bottom: #00913A solid 2px;
	text-align: center;
	margin: 0.5em 0;
	font-size: 32px;
	padding-left: 0;
	padding-bottom: 0.2em;
	text-indent: 0;
	
	
}
#secZEH .imgBox {
	padding: 20px;
	margin-top: 10px;
	background-color: #fff;
}
#secZEH p,#secEneReve p {
	font-size: 18px;
	padding: 0.5em 0;
	line-height: 2;

}
#secZEH p.caption {
	font-size: 12px;
	line-height: 1.3;
	padding-top: 1em;
	word-break: break-all;
}

#secEneReve {
	border: #9FA0A0 solid 2px;
	padding: 20px !important;
	margin-bottom: 30px !important;
}
#single #secEneReve.sec h3 {
	color: #74969F;
	font-size: 32px;
	text-align: center;
	border: none;
	margin: 0.3em 0;
}
#secEneReve h4 {
	text-align: center;
	border-top: #74969F solid 1px;
	border-bottom: #74969F solid 1px;
}
#secEneReve h4 img {
	width: 75%;
	max-width:334px;
	padding: 3px 0;
}

#secEneReve p {
	padding: 1em 2em;
}
#secEneReve .flex {
	max-width: 680px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#secEneReve .flex .imgBox {
	width: 100%;
	margin-bottom: 20px;
}
#secEneReve .flex a {
	display: block;
	width: 49%;
	max-width: 330px;
}
#secEneReve .flex a:hover {
	opacity: 0.6;
}

#secSisetu h3 {
  font-size: 28px;
  margin-bottom: 0;
}
#secSisetu .appBox {
  background-color: #e8f3eb;
  border-radius: 15px;
  padding: 20px 30px;
  margin-bottom: 20px;
}
#secSisetu .app02 {
  background-color: #eaf5fc;
}
#secSisetu .app03 {
  background-color: #fffae5;
  margin-bottom: 0;
}
#secSisetu .appBox h4 {
  color: #26b094;
  font-size: 30px;
  font-weight: 500;
  position: relative;
  padding-left: 50px;
  margin-bottom: 10px;
}
#secSisetu .app02 h4 {
  color: #346bb3;
}
#secSisetu .app03 h4 {
  color: #f08d3c;
}

#secSisetu .appBox h4::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '　';
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-m01.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#secSisetu .app02 h4::before {
  background-image: url("../img/icon-m02.svg");
}
#secSisetu .app03 h4::before {
  background-image: url("../img/icon-m03.svg");
}
#secSisetu .appBox ul {
  padding-left: 2em;
}
#secSisetu .appBox li {
  font-size: 20px;
  list-style: disc;
  font-weight: 500;
	padding: 0.3em 0;
	line-height: 1.3;
}
#secSisetu .desc.cap {

  padding-bottom: 5em;
}
#secSisetu .caption {
	border-top:#ccc solid 3px;
	padding-top: 1em;
  padding-bottom: 5em;
}
#secSisetu .caption li {
	padding: 0.5em;
	 word-break: break-all;
}
#single a.linkGrn {
width: 24em;
	max-width: 98%;
}


@media screen and (max-width: 959px) {
 #single .sec h3, #single #secZEH.sec h3, #single #secEneReve.sec h3 {
	 font-size: 3.4vw;
	}

  
}


@media screen and (max-width: 599px) {
 #single #titBox .indexBox li.li02 {
		text-indent: -0.6em;
	 padding-left: 2em;
	}
	#single .sec h3, #single #secZEH.sec h3, #single #secEneReve.sec h3 {
		font-size: clamp(19px, 5.3vw, 21px);
		text-align: left;
		
	}
	#single #secZEH.sec h3, #single #secEneReve.sec h3 {
		text-align: center;
	}
	

	.points {
		border: #9FA0A0 solid 2px;
		border-radius: 15px;
		padding: 0 1em 1em;
		margin-bottom: 20px;
	}
	.points li, .points dd, .points p, #secZEH p, #secEneReve p {
		font-size: clamp(15px, 4.3vw, 17px);
	}
	.points dt {
		font-size: clamp(18px, 5.1vw, 20px);
	}
	#secZEH.sec {
		padding: 1em;
		border-radius: 16px;
		margin-bottom: 50px !important;
	}
	#secEneReve p {
		padding: 1em 0;
	}

	#secEneReve h4 img {
		width: 90%;
	}
	#secEneReve .flex a {
		display: block;
		width: 100%;
		max-width: 330px;
		margin: 5px auto;
	}
	#secEneReve .flex {
		padding-bottom: 0px;
	}
	#secSisetu .appBox {
    padding: 15px;
  }
  #secSisetu h3 {
    font-size: clamp(19px, 5.3vw, 21px);
  }
  #secSisetu .appBox h4 {
    font-size: clamp(25px, 6.9vw, 27px);
  }
  #secSisetu .appBox li {
    font-size: clamp(15px, 4.3vw, 17px);
  }
  #secSisetu .caption {
    font-size: clamp(12px, 3.2vw, 13px);
  }
	#single a.linkGrn {
font-size: clamp(12px, 4vw, 16px);
}
	

  
}