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

#single .pointWrap {
  padding-top: 50px;
}
#single .pointWrap .pointBox {
  border: #DCDDDD solid 2px;
  border-radius: 15px;
  position: relative;
  padding: 50px 50px 25px;
}

#single .pointWrap .pointBox h4 {
  position: absolute;
  width: 20%;
  top: 0;
  left: 50%;
  transform: translate(-50%,-60%);
}
#single .pointWrap .pointBox dl {
}
#single .pointWrap .pointBox dt {
  font-size: 24px;
}
#single .pointWrap .pointBox dd {
  font-size: 16px;
  line-height: 1.6;
  padding: 1em 0;
}
#single .pointWrap .pointBox .flex {}
#single .pointWrap .pointBox .flex .itemBox {
	width: 47%;
}
#single .pointWrap .pointBox .flex .itemBox p {
	padding-top: 0.5em
}

#single #sec07 {
	padding: 50px 0;

}
#single #sec07 h3 {
	background-color: #601986;
	color: #fff;
	text-align: center;
	font-size: 28px;
	padding: 0.3em;
	border-radius: 999px;
	border: none;
}
#single #sec08 {
	padding: 50px 0;

}
#single #sec08 h3 {
	border-top: #601986 solid 1px;
	border-bottom: #601986 solid 1px;
	color: #601986;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	padding: 0.6em 0;
}
#single #sec08 h4 {
	border-top: #601986 solid 1px;
	background-color: #EDEDEF;
	color: #601986;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 0.3em 0;
	
}
#single #sec08 .flex {
}
#single #sec08 .flex .txtBox {
	flex: 1;
	padding-left: 1.5em;
}
#single #sec08 .flex .txtBox p {
	line-height: 1.6;
}
#single #sec08 .flex .txtBox p.prof {
	text-indent: -1em;
	padding-left: 1em;
}
#single #sec08 .flex .txtBox p.prof span {
	color: #601986;
}
#single #sec08 .flex .imgBox {
	width: 50%;
	max-width: 400px;
}

#single #sec03 {
	background-color: #EDEDEF;
	padding: 30px;
	border-radius: 15px;
}
#single #sec03 dl {
	width: 40%;
}
#single #sec03 .imgBox {
	width: 57%;
	max-width: 420px;
}

#single #sec04 {
	background-color: #FFF6D0;
	padding: 30px 0;
	border-radius: 15px;
	margin-top: 50px;
}
#single #sec04 h3 {
	font-size: 20px;
	text-align: center;
	color: #601986;
	border: none;
	padding: 0;
	
}
#single #sec04 h3 span {
	display: block;
	padding: 0.3em 0;
	margin-top: 0.3em;
	font-size: 132%;
	border-top:#601986 solid 2px;
	border-bottom:#601986 solid 2px;
}
#single #sec04 .imgBox {
	width: 90%;
	max-width: 720px;
	margin: 0 auto;
}
#single #sec04 dl {
	width: 90%;
	max-width: 720px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 18px;
}
#single #sec04 dt {
	color: #601986;
	font-weight: 500;
	padding: 0.3em 0;
}
#single #sec04 dd {
	padding-bottom: 1em;
	/*font-weight: 300;*/
	font-weight: 400;
}
a.btPpl {
background-color: #601986;
color: #fff;
font-size: 18px;
width: 80%;
height: 2.6em;
display: flex;
justify-content: center;
align-items: center;
border-radius: 999px;
/* transition: 0.3s; */
	margin: 0 auto;
}
a.btPpl:hover {
	filter: brightness(120%) saturate(200%);
}
#single .addBox .btnBox {
	justify-content: center;
	margin-top: 20px;
}
#single .addBox .btnBox a {
border: #000 solid 1px;
width: 40px;
margin: 5px;
border-radius: 100%;
}
#single .addBox .btnBox a:hover {
  background-color: #eee;
}

#single #titBox .indexBox a.more {
	display: block;
	position: relative;
	background-color: #FFF6D0;
font-size: 20px;
	line-height: 1.3;
	border-radius: 5px;
	padding: 0.4em 1em 0.4em 3em;
	margin-top: 5px;
}
#single #titBox .indexBox a.more:hover {
	opacity: 0.6;
}
#single #titBox .indexBox a.more::after {
	content: '　';
	position: absolute;
	left: 0.2em;
	top: 0;
	width: 2em;;
	height: 100%;
	background-image: url("/tokusetu_site/hamoruwa/aha_ene/lightsand/img/icon-more.svg");
	background-position: left center;
	background-size: 100%;
	background-repeat: no-repeat;
}

@media screen and (max-width : 959px ){}

@media screen and (max-width : 599px ){
	#single #sec04 dt,#single #sec04 dd{
		font-size: clamp(15px, 4.3vw, 17px);
		line-height: 1.6;
		padding: 0em 0.5em 1em;
	}
	#single #sec04 dt {
		padding-bottom: 0;
	}
	#single .pointWrap .pointBox h4 {
		width: 40%;
	}
	#single .pointWrap .pointBox {
		padding: 50px 20px 15px;
	}
	#single .pointWrap .pointBox .flex {
		width: 90%;
		max-width:280px; 
		margin: 0 auto;
	}
	#single .pointWrap .pointBox .flex .itemBox {
		width: 100%;
		margin-bottom: 10px;
	}
	#single #sec07 h3,#single #sec08 h3 {
		font-size: 4.6vw;
		font-size: clamp(14px, 4.6vw, 18px);
	}
	#single #sec08 .flex .imgBox {
		width: 70%;
		max-width: 280px;
		margin: 0 auto;
	}

	#single #sec08 .flex .txtBox {
		flex: none;
		width: 100%;
		padding-left: 0em;
	}
	#single #sec08 .flex .txtBox p.prof {
		text-align: center;

		text-indent: -1em;
		padding-left: 2em;
		line-height: 1.4;
	}
	#single #sec03 {
		padding: 30px 20px;
	}
	#single #sec03 dl {
		width: 100%;
	}
	#single #sec03 .imgBox {
		width: 100%;
		max-width: 420px;
		margin: 0 auto;
	}
	#single #sec04 h3 {
		font-size: 3.7vw;
		font-size: clamp(13px, 3.7vw, 15px);
	}
	a.btPpl {
	font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
	width: 90%;
	}
	#single #sec08 h4 {
		font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
	}


}