#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: 136px;
  height: auto;
  animation-name:fadeUp2;
  animation-delay: 0.5s;
  animation-duration:0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
  margin-left: 16px;
  margin-right: -152px;
  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;
}
.explain_nin{
  display: flex;
  justify-content: center;
}
.man1{
  background-image: url(../images/man1.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 10%;
  height: 290px;
  max-width: 155px;
  flex: 1 3 20%;
}
.explain_nin .fukidashi{
  width: 50%;
  max-width: 450px;
  background-image: url(../images/ninbai/fukidashi1.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  flex: 1 2 80%;
}
.fukidashi p{
  margin: 18% 5% 0 27%;
}
.fukidashi p span{
  font-size: 12px;
}
.ninbai{
  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: 538px;
  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);
}
.ninbai article{
  margin-bottom: 2rem;
}
.wrap_nin_cont{
  display: flex;
}
.img_nin1,.img_nin2{
  width: 100%;
  background-image: url(../images/ninbai/sashiosae.png);
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  flex: 1 1 40%;
}
.img_nin2{
  width: 80%;
  background-image: url(../images/ninbai/kansai.png);
  background-size: 65%;
}
.wrap_nin_cont p{
  flex: 1 1 60%;
  text-align: left;
  margin: 1rem auto;
  line-height: 2;
}
article:last-of-type .wrap_nin_cont{
  flex-direction: row-reverse;
}
article p.merit{
  font-size: 22px;
  color: #FFB79E;
  font-weight: bold;
  text-align: center;
  margin: 2rem auto 1rem;
}
ul.merit_list{
  width: 90%;
  max-width: 692px;
  text-align: left;
  margin: 0 auto;
  list-style: none;
}
ul.merit_list li{
  background-image: url(../images/ninbai/good.png);
  background-position: left;
  background-repeat: no-repeat;
  padding: 8px 0 9px 43px;
}
.ending{
  margin: 2rem auto 0;
}
.pink{
  color: #ff649f;
  margin-bottom: 2rem;
}
.toi{
  padding-bottom: 0.5rem;
}
@media(max-width:480px){
  .title img {
    width: 99px;
    margin-left: -11px;
    margin-right: -88px;
}
.wrap_title {
  margin-top: -54px;
}
.title p {
  margin-top: -56px;
}
.fukidashi p {
  margin: 13% 4% 0 25%;
  font-size: 14px;
}
.explain_nin {
  height: 220px;
}
h4{
  width: 365px;
}
.wrap_nin_cont{
flex-direction: column;
}
article:last-of-type .wrap_nin_cont {
  flex-direction: column;
}
}