#star{ 
  position:absolute;
  z-index:-2;
  width: 100%;
  height: 312px;
  background: linear-gradient(to bottom, #f0b586, #f0c5a3, #fff);
  top: 0;
  left: 0;
}
h3{
  display: inline;
  animation-name:fadeUp1;
  animation-delay: 0.3s;
  animation-duration:0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}
.title img{
  position: relative;
  width: 111px;
  height: auto;
  animation-name:fadeUp2;
  animation-delay: 0.5s;
  animation-duration:0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
  margin-left: -131px;
  margin-right: 20px;
  z-index: 10;
}
.wrap_title{
  margin-top: -70px;
}
@keyframes fadeUp1{
  from {
    opacity: 0;
  transform: translateY(10px);
  }
  to {
    opacity: 1;
  transform: translateY(-10px);
  }
}
@keyframes fadeUp2{
  from {
    opacity: 0;
  transform: translateY(36px);
  }
  to {
    opacity: 1;
  transform: translateY(16px);
  }
}
.title p {
  margin-top: -120px;
  margin-bottom: 3rem;
  text-align: center;
  font-weight: bold;
}
.consul{
  text-align: center;
  margin-top: 3rem;
}
.list_title{
  width: 100%;
  border-bottom: dotted 5px #FFB79E;
  cursor: pointer;
}
.box{
  display: none;
}
h4 span{
  color: #70BF8B;
  font-size: 115%;
  margin-right: 5%;
}
h4{
  display: inline-block;
  background: none;
  width: 624px;
  text-align: left;
}
.arrow {
	display:inline-block;
	position:relative;
	border-radius:50%;
	width:2em;
	height:2em;
	cursor:pointer;
	border:2px solid #FFB79E;
  background: #FFB79E;
	vertical-align:middle;
	margin-bottom:8px;
  margin-left: 7%;
}
.arrow:before {
	content:'';
	position:absolute;
	width:0.8em;
	height:0.8em;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
}
.down:before {
	top:15%;
	left:26%;
	transform:rotate(-45deg);
}
.consul article{
  margin-bottom: 2rem;
}
.wrap_con_cont{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.wrap2_con_cont{
  flex: 1 1 40%;
}
.img_con1,.img_con2,.img_con3,.img_con4{
  width: 100%;
  height: 200px;
  background-image: url(../images/consul/kousei.png);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  flex: 1 1 40%;
}
.img_con2{
  width: 90%;
  background-image: url(../images/consul/manshitsu.png);
  background-size: 70%;
  margin: 0 auto;
}
.img_con3{
  width: 80%;
  background-image: url(../images/consul/syodan.png);
  background-size: 70%;
  height: 180px;
  margin: 0 auto;
}
.img_con4{
  width: 100%;
  background-image: url(../images/consul/man2.png);
  background-size: 40%;
  background-position: 62% top;
}
.charge{
  font-size: 14px;
  padding: 0 2.5rem;
}
.charge span{
  display: block;
  text-align: center;
  font-weight: bold;
}
.wrap_con_cont p{
  flex: 1 1 60%;
  text-align: left;
  margin: 1rem auto;
  line-height: 2;
}
article:last-of-type .wrap_con_cont{
  flex-direction: row-reverse;
}
.toi{
  padding-bottom: 0.5rem;
  margin-top: 5rem;
}
@media (max-width:820px){
  h3{
    font-size: 28px;
  }
  .wrap_title {
    margin-top: -44px;
}
  .title img{
  width: 89px;
  margin-left: -90px;
  margin-right: 1px;
  }
  h4{
    width: 80%;
  }
  .arrow{
    margin: 0 0 0.5rem 0;
  }
}
@media (max-width:480px){
  h4{
    width: 65%;
  }
  .wrap_title {
    margin-top: -62px;
  }
  .title img {
    width: 84px;
    margin-left: -69px;
    margin-right: -15px;
}
.title p {
  margin-top: -43px;
}
.wrap_con_cont, article:last-of-type .wrap_con_cont{
  flex-direction: column;
}
}