/*サービス用ボタン*/
.serviceMenu {
  width: min(940px, 95%);
  margin: 50px auto 70px;
  background-color: #F9FDF0;
  font-size: 1.1em;
  padding: 25px 50px 20px;
  display: flex;
  justify-content: space-around;
  position: relative;
}
.serviceMenu li {
  line-height: 28px;
  padding-left: 30px;
  background-image: url(../img/service-ico.png);
  background-repeat: no-repeat;
  background-position: left 2px;
}
.serviceMenu li a {
  color: inherit;
		text-decoration: underline;
	text-underline-offset:5px;
	text-decoration-thickness: 1px;
	text-decoration-color: #8C8C8C;
}
.serviceMenu li a:hover {
  opacity: .95;
  color: #4bad95;
	text-decoration-color: #4bad95;
  cursor: pointer;
  transition-duration: 0.2s;
}
.selectingBT {
  color: #4bad95;
  font-weight: bold;
	text-decoration: none !important;
  background-image: url(../img/service-ico2.png) !important;
  background-repeat: no-repeat;
  background-position: left 4px;
}
/*サービス用ボタン/end*/

.servicePage {
  width: 100%;
  margin: 0 auto 70px;
}/*-*/
.servicePage h3 {
  margin: 0 auto 50px;
  padding: 0 0 0 0.5em;
  font-size: 1.6em;
  line-height: 1.8;
  letter-spacing: .1em;
  position: relative
}/*-*/
.servicePage h3::after {
  display: block;
  content: "";
  height: 6px;
  background: #10A433;
  background: linear-gradient(93deg, rgba(16, 164, 51, 1) 14%, rgba(147, 210, 211, 1) 45%, rgba(230, 255, 255, 1) 95%);
  /*左三角*/
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
}/*-*/
.servicePage h4 {
  margin: 0 0 30px 0;
  padding: 0.3em 0.35em 0.4em .35em;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-left: 7px solid #93D2D3;
} /*-*/
.summary1 {
  width: 100%;
  margin: 0 0 20px -10px;
  font-size: 1.15em;
  line-height: 1.4;
  font-weight: 700;
  color: #10A433;
} /*-*/
.serviceItem1-txtImg, .serviceItem3-txtImg {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 20px 0 20px;
  display: flex;
  justify-content: space-between;
} /*-*/
.serviceTxt {
  width: 50%;
  /*margin: 0 20px 0 0;-*/
}
.serviceTxt p {
/*  margin: 0 20px 15px;-*/
  font-size: 1.05em;
  line-height: 1.8;
  letter-spacing: .1em;
}/*-*/
.serviceItem-Img1{
  width: 48%;	
}
.serviceItem-Img1 img {
  width: 100%;
  height: auto;
} /*-*/
/*h4-1内*/
.serviceItem {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 20px 0 16px;
} /*-*/
.summary2 {
  width: 100%;
  margin: 0 20px 20px 0;
  font-size: 1.15em;
  line-height: 1.4;
  font-weight: 700;
  color: #10A433;
} /*-*/
.serviceItem p {
	width: 63%;
  font-size: 1.05em;
  line-height: 1.8;
  letter-spacing: .1em;
}/*-*/
.serviceTarget {
  padding: 0 0 15px 0;
  font-size: 1.075em;
	line-height: 1.6;
  font-weight: bold;
  display: block;
} /*〇*/
.serviceItem-Img2 {
  width: 32%;
  height: auto;
	align-self: center;
} /*-*/

.serviceItem-Img2 img {
  width: 100%;
  height: 360px;
	object-fit: cover;
	object-position: top;
} /*-*/



/*h4-2内*/
.serviceItem-txt {
  width: 100%;
	padding:0 20px 0 16px;
} /*-*/
.serviceItem-txt  ul {
  margin: 0 20px 15px 0;
}/*-*/
 .serviceItem-txt li {
  margin: 0 0 0px 25px;
  font-size: 1.05em;
  list-style: disc;
  line-height: 2;
}/*-*/
.serviceItem-txt p {
	width: 100%;
  font-size: 1.05em;
  line-height: 1.8;
  letter-spacing: .1em;
}/*-*/
.serviceItem-txt .itemTtl {
	width: 100%;
	margin-left: -.75em;
  font-size: 1.05em;
  line-height: 1.8;
  letter-spacing: .1em;
	font-weight: bold;
}/*-*/
.serviceItem-txt .itemTtl::before {
	content:"《";
}
.serviceItem-txt .itemTtl::after {
	content:"》";
}
.serviceItem-Img3{
	margin: 40px auto 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:40px;
}
.serviceItem-Img3 figure{
	width: min(270px, 30%);
	padding:.5em;
	font-size: 1em;
	line-height: 1.2;
	background-color: #FFFFD7;
}/*-*/
.serviceItem-Img3 figure img {
  width: 100%;
  height: auto;
} /*-*/

/*h4-3内*/
.flowBox{
  width: 100%;
  margin: 0 20px 20px 0;
}	
.step{
	margin: 0 auto 20px;
	padding:15px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #76C7C8;
	border-radius: 2em;
}
.step_left{
	width: 250px ;
	margin: 0 30px 0 auto;
}
.step_left img{
	width: 100%;
	height: auto;
}

.step_right{
	width: min(calc(100% - 250px), 100%);
/*	width: calc(100% - 250px);*/
	margin: 15px 0 0 0;
	font-size: 1.1em;
	line-height: 2;
}
.stepTtl{
	margin: 0 0 1em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #FDAF31;
	letter-spacing: .02em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.step_right span{
	width: max-content;
	margin-right: 15px;
	padding:.35em 1em .45em;
	color:white;
	font-size:.75em;
	font-weight: normal;
	letter-spacing: 0;
	background-color: #F7C468;
	border-radius: .5em;
	display: block;
}

/*h4-4内*/
.priceIframe {
  width: 95%;
  height: 60px;
  margin: 50px 0 0;
  padding: 0 20;
}/*-iframeに置換*/
.priceIframe iframe {
  width: 100%;
}

/*Page service2*/
.serviceItem-Img6{
	margin: 50px auto 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:30px;
}
.serviceItem-Img6 figure{
	width: min(350px, 30%);
	font-size: 1em;
	line-height: 1.2;
}/*-*/
.serviceItem-Img6 figure img {
  width: 100%;
  height: auto;
} /*-*/



/*Page service3*/
.serviceTxt3 {
  width: min(660px, 70%);
  margin: 0 20px 0 0;
}
.serviceTxt3 p {
/*  margin: 0 20px 15px;-*/
  font-size: 1.05em;
  line-height: 1.8;
  letter-spacing: .1em;
}/*-*/
.serviceItem-Img7{
  width: min(330px, 80%);
	height: auto;
	align-self: center;
}

.serviceItem-Img8{
  width: min(180px, 80%);	
	padding:5px;
	font-size: 1em;
	line-height: 1.2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
	align-self: center;
}
.serviceItem-Img8 img {
  width: 100%;
  height: auto;
} /*-*/

.serviceItem3-txtImg  ul {
	width: 54%;
  margin: 0 20px 15px 0;
}/*-*/
.serviceItem3-txtImg ul li {
  margin: 0 0 0px 25px;
  font-size: 1.05em;
  list-style: disc;
  line-height: 2;
}/*-*/
.serviceItem3-txtImg figure{
	width: 53%;
	margin: 0 auto;
	padding: .5em;
	font-size: 1em;
	line-height: 1.2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
	align-self: flex-start;
}/*-*/
.serviceItem3-txtImg figure img {
  width: 100%;
  height: auto;
} /*-*/

@media screen and (max-width:1024px) {
/*Page service3*/
.serviceItem3-txtImg figure{
	width: min(400px, 90%);
	margin: 1em 0 .75em 0;
	padding: .5em;
	font-size: 1em;
	line-height: 2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
}/*-*/

.serviceItem-Img8 img {
  width: 100%;
  height: auto;
	object-fit: cover;
} /*-*/
}
@media screen and (max-width:834px) {
  /*サービス用ボタン*/
  .serviceMenu {
    width: min(940px, 95%);
    margin: 50px auto;
    padding: 25px 38px 20px;
    background-color: #F9FDF0;
    font-size: 1.05em;
    display: flex;
    justify-content: space-around;
    position: relative;
  }
  .serviceMenu li {
    line-height: 23px;
    padding-left: 25px;
    background-image: url(../img/service-ico.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 20px auto;
  }
.servicePage h3 {
  margin: 0 auto 50px;
  padding: 0 0 0 0.5em;
  font-size: 1.5em;
  line-height: 1.6;
  letter-spacing: .1em;
  position: relative
}/*-*/
.servicePage h4 {
  margin: 0 0 30px 0;
  padding: 0.3em 0.35em 0.4em .35em;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-left: 7px solid #93D2D3;
} /*-*/
.serviceTxt {
  width: 47%;
  /*margin: 0 20px 0 0;-*/
}
.serviceItem-Img1{
  width: 52%;
}
.serviceItem-Img1 img {
  width: 100%;
  height: 100%;
	object-fit: cover;
	object-position: right;
} /*-*/
.serviceItem1-txtImg {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 20px 0 0;
  display: flex;
  justify-content: space-between;
} /*-*/
.serviceItem {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 0px 0 16px;
} /*-*/
.summary2 {
  width: 100%;
  margin: 0 20px 20px 0;
  font-size: 1.15em;
  line-height: 1.5;
  font-weight: 700;
  color: #10A433;
} /*-*/
.serviceItem-Img2 {
  width: 40%;
  height: auto;
	padding:0 0 0 20px;
	align-self: center;
} /*-*/
.serviceItem-Img2 img {
  width: 100%;
  height: auto;
	object-fit: cover;
	object-position: top;
}	
/*Page service2*/
.serviceItem-Img6{
	margin: 40px auto 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:15px;
}	
	
/*Page service3*/
.serviceItem3-txtImg {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 20px 0 20px;
  display: flex;
  justify-content: space-between;
	flex-direction: column;
} /*-*/
.serviceItem3-txtImg  ul {
	width: 100%;
  margin: 0 20px 0 0;
}/*-*/
	
.serviceItem3-txtImg figure{
	width: 85%;
	margin: 1.5em auto 0;
	padding: .5em;
	font-size: 1em;
	line-height: 2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
	align-self: flex-start;
}/*-*/
.serviceItem-Img3 figure{
	width: min(270px, 36%);
	padding:.5em;
	font-size: 1em;
	line-height: 1.2;
	background-color: #FFFFD7;
}/*-*/
.serviceItem-Img8 img {
  width: 100%;
  height: auto;
	object-fit: cover;
} /*-*/

/*h4-3内*/
.step{
	margin: 0 auto 20px;
	padding:10px;
	border: 1px solid #76C7C8;
	border-radius: 1.5em;
	display: flex;
	justify-content: space-between;
}
.step_left{
	width: 220px ;
	margin: 0 10px 0 0;
	align-self: center;
}
.step_right{
	width: min(calc(100% - 250px), 100%);
/*	width: calc(100% - 250px);*/
	margin: 5px 0 0 0;
	font-size: 1em;
	line-height: 1.6;
}
.stepTtl{
	margin: 0 0 .75em 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #FDAF31;
	letter-spacing: .02em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

	
}
@media screen and (max-width:480px) {
  /*サービス用ボタン*/
  .serviceMenu {
    width: 100%;
    margin: 0 auto 50px;
    padding: 10px 20% 10px;
    background-color: #F9FDF0;
    font-size: 1.025em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: inherit;
  }
  .serviceMenu li {
    line-height: 30px;
    padding-left: 25px;
    background-image: url(../img/service-ico.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 18px auto;
  }
  .serviceMenu::after, .serviceMenu::before {
    content: "";
  }
.servicePage {
  width: 100%;
  margin: 0 auto 50px;
}/*-*/
.servicePage h3 {
  margin: 0 auto 35px;
  padding: 0 0 0 0.25em;
  font-size: 1.3em;
  line-height: 1.3;
  letter-spacing: .05em;
  position: relative
}/*-*/
.servicePage h3::after {
  display: block;
  content: "";
  height: 5px;
  background: #10A433;
  background: linear-gradient(93deg, rgba(16, 164, 51, 1) 14%, rgba(147, 210, 211, 1) 45%, rgba(230, 255, 255, 1) 95%);
  /*左三角*/
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
}/*-*/
.servicePage h4 {
  margin: 0 0 20px 0;
  padding: 0.3em 0.35em 0.4em .35em;
  font-size: 1.2em;
	line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-left: 7px solid #93D2D3;
} /*-*/
.summary1 {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 1.05em;
  line-height: 1.4;
  font-weight: 700;
  color: #10A433;
} /*-*/
.serviceItem1-txtImg {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 0 0 0;
  display: flex;
  justify-content:center;
	flex-direction: column;
} /*-*/
.serviceTxt {
  width: 100%;
  /*margin: 0 20px 0 0;-*/
}
.serviceTxt p {
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: .05em;
}/*-*/
.serviceItem-Img1{
  width: 100%;
	margin-top: 5px;
}
/*h4-1内*/
.serviceItem {
	width: 100%;
  margin: 0 10px 0 0;
	padding:0 0 0 16px;
} /*-*/	
.summary2 {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 1.1em;
  line-height: 1.3;
  font-weight: 700;
  color: #10A433;
} /*-*/

.serviceItem-Img2 {
  width: 100%;
  height: auto;
	padding-left: 0;
	align-self: auto;
} /*-*/
.serviceItem-Img2 img {
  width: 100%;
  height: 260px;
	object-fit: cover;
	object-position: top;
}
.serviceItem p {
	width: 100%;
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: .05em;
}/*-*/
.serviceTarget {
	width: 100%;
  padding: 0 0 15px 0;
  font-size: 1.05em;
	line-height: 1.4;
  font-weight: bold;
  display: block;
} /*〇*/
/*h4-2内*/
.serviceItem-txt {
  width: 100%;
	padding:0 10px 0 0;
} /*-*/
.serviceItem-txt ul {
	width: 100%;
  margin: 0 0 15px 0;
}/*-*/
.serviceItem-txt ul li {
  margin: 0 0 0px 25px;
	padding-bottom: .25em;
  font-size: 1em;
  list-style: disc;
  line-height: 1.6;
}/*-*/
.serviceItem-txt p {
	width: 100%;
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: .03em;
}/*-*/
.serviceItem-txt .itemTtl {
	width: 100%;
	margin-left: -.75em;
	padding-left: 1em;
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: .05em;
	font-weight: bold;
	text-indent: -1em;
}/*-*/
.serviceItem-Img3{
	margin: 20px auto 0 -5px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	gap:30px;
}
.serviceItem3-txtImg {
	width: 100%;
  margin: 0 0 0 0;
	padding:0 10px 0 20px;
  display: flex;
  justify-content: space-between;
	flex-direction: column;
} /*-*/
.serviceItem-Img3 figure{
	width: min(350px, 92%);
	margin: 0 auto 0 auto;
	padding:.5em;
	font-size: .9em;
	line-height: 1.2;
	background-color: #FFFFD7;
}/*-*/
.serviceItem-Img3 figure img {
  width: 100%;
  height: auto;
} /*-*/
	
/*h4-3内*/
.step{
	margin: 0 auto 20px;
	padding:0 15px 10px;
	border: 1px solid #76C7C8;
	border-radius: 1.5em;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.step_right{
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 1em;
	line-height: 1.35;
	letter-spacing: .02em;
}
.stepTtl{
	margin: 0 0 .75em 0;
	font-size: 1.15em;
	font-weight: bold;
	color: #FDAF31;
	letter-spacing: .02em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
	
/*h4-4内*/
/*.priceIframe {
  margin: 0 0 0px 20px;
  font-size: 1em;
	line-height: 1.6;
}-iframeに置換*/
/*Page service2*/
.serviceItem-Img6 figure{
	width: min(350px, 100%);
	margin: 0 auto 0 -10px;
	padding:.5em;
	font-size: .9em;
	line-height: 1.2;
}/*-*/	
	.serviceItem-Img6 .imgHidden{
		display: none;
	}	
	
/*Page service3*/
.serviceTxt3 {
  width: 100%;
  margin: 0 10px 0 0;
}
.serviceTxt3 p {
/*  margin: 0 20px 15px;-*/
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: .05em;
}/*-*/
.serviceItem3-txtImg ul li {
  margin: 0 0 .25em 0;
  font-size: 1em;
  list-style: disc;
  line-height: 1.6;
}/*-*/
.serviceItem3-txtImg figure{
	width: 100%;
	margin: 1.5em auto 0 -5px;
	padding: .5em;
	font-size: .9em;
	line-height: 2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
	align-self: flex-start;
}/*-*/
.serviceItem-Img7{
  width: 95%;
	height: auto;
	margin: 20px auto 0 0;
	align-self: flex-start;
}

.serviceItem-Img8{
  width: min(180px, 80%);
	margin: 5px auto 0;
	padding:5px;
	font-size: .9em;
	line-height: 1.2;
	text-align: center;
	background-color: #F9F9F9;
	-webkit-box-shadow: 1px 1px 5px #D4D4D4;
	box-shadow: 1px 1px 5px #D4D4D4;
	align-self: flex-start;
}
.priceIframe {
  margin: 0 0 0 0;
  font-size: 1em;
	line-height: 1.6;
}/*-iframeに置換*/
}