@charset "utf-8";
.merit-list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
.guide-ttl{
  text-align: center;
  background: linear-gradient(transparent 60%, rgb(237,223,236) 60%);
  width: fit-content;
  margin: 0 auto 30px;
  padding: 0 30px;
  position: relative;
}
.guide-step{
  padding:  0;
}
.step-flex{
  display: flex;
  justify-content: space-around;
  gap: 20px;
}
.step-ttl{
  font-size: 25px;
}
.text__red{
  color: #e51717;
}
.mincho{
font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.text__small{
  padding-left: 20px;
  font-size:  0.7em;
  font-weight: 400;
}
.guide-step__box:not(:last-child){
  margin-bottom: 40px;
}
.guide-notes__box{
  display: flex;
  justify-content: space-around;
  gap: 20px;
  align-items: center;
}
.guide-notes__box:not(:last-child){
  margin-bottom: 30px;
}
.accordion-title {
  position: relative;
  cursor: pointer;
  transition: all .5s ease;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px dotted #574a6a;
  font-size: clamp( 18px, 2.5vw, 22px);
}
.accordion-title::before{
  content: '';
  position: absolute;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
}
.accordion-title.close:before {
  transform: rotate(-135deg);
}
.accordion-title span{
  padding-right: 10px;
}
.box-inner-content,
.box-inner-subcontent,
.box-inner-subsubcontent{
  display: none;
}
.guide-qa__area li{
  background-color: #f6eef5;
  padding: 20px 30px;
  border-radius: 15px;
  margin-bottom: 30px;
  color: #574a6a;
}
.qa-question{
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px dotted #574a6a;
  font-size: clamp( 18px, 2.5vw, 22px);
}
.qa-question span{
  padding-right: 10px;
}
.revers-service{
  margin: 0 auto;
  letter-spacing: 0.05em;
}
.revers-service a{
  text-decoration: underline;
}
.revers-service a:hover{
  opacity: .7;
}
.sample-service{
  display: block;
  width: fit-content;
  background-color: #965491;
  color: #fff;
  padding: 2px 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px){
	.guide-inner-pc{
	  width: 80%;
	  margin: 0 auto;
	}
  .guide-inner{
	  width: 80%;
	  margin: 0 auto;
	}
  .guide section,.main-img{
	  margin-bottom: 90px;
	  padding-top: 40px;
	}
	.step-flex{
	  align-items: center;
	}
	.step-flex__img{
		width: 38%;
	}
	.step-flex__text{
	  width: 60%;
	}
	.revers-service{
	  text-align: center;
	  font-size: 18px;
	}
	.mincho{
	  font-size: 30px;
	}
	.step-flex__text{
	  font-size: 18px;
	}
	.guide-ttl{
	  font-size: 36px;
	}
	.guide-notes__box.notes__box--konpou {
    align-items: flex-start;
	}
	.guide-notes__box.notes__box--konpou p.step-flex__text {
    margin-top: 10px;
	}
	img.konpou-img {
    width: 180px;
    display: block;
    margin: 0 0 0 auto;
	}
  .accordion-title::before{
    top:40%;
    width: 7px;
    height: 7px;
    right: 9px;
  }
}
@media screen and (max-width: 767px){
  .guide section,.main-img{
    padding-top: 20px;
	  margin-bottom: 40px;
	}
	.merit-list{
	  grid-template-columns: repeat(2,1fr);
	}
	.guide-inner{
	  width: 90%;
	  margin: 0 auto;
	}
	.step-flex{
	  flex-direction: column;
	}
	.guide-notes__box{
	  gap: 10px;
	  flex-direction: column;
	}
	.guide-step__box:not(:last-child) {
	    margin-bottom: 20px;
	}
	.revers-service{
	  font-size: 16px;
	}
	.accordion-title::before {
	  bottom: 20%;
	  right: 0;
    width: 10px;
    height: 10px;
	}
	.mincho{
	  font-size: 22px;
	}
	img.konpou-img {
    width: 40%;
    max-width: 130px;
    display: block;
    float: right;
    margin: 10px;
	}
}