@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

text

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.nagare-t1 {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 2rem 1rem 120px;
  border: solid 2px #E8898B;
    margin-bottom: 15px;
}
.nagare-t1:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  transform: rotate(25deg);
  background:#E8898B;
}
.nagare-t1 span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 20px;
	font-size: 2rem;
	padding:5px 0 0 30px;
	color: #fff;
}

.nagare-t3 {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 2rem 1rem 120px;
  border: solid 2px #E8898B;
    margin-bottom: 15px;
}
.nagare-t3:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  transform: rotate(25deg);
  background: #E8898B;
}
.nagare-t3 span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 20px;
	font-size: 2rem;
	padding:20px 0 0 20px;
	color: #fff;
}

@media screen and (min-width: 768px),
print {
    .nagare-t3 {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 2rem 1rem 120px;
  border: solid 2px #E8898B;
    margin-bottom: 15px;
}
.nagare-t3:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  transform: rotate(25deg);
  background:#E8898B;
}
.nagare-t3 span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 20px;
	font-size: 2rem;
	padding:5px 0 0 30px;
	color: #fff;
}
}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

nagare-con

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.nagare-back{
    position: relative;
}



.nagare-con ul{
    padding:0 10px;
}

@media screen and (min-width: 992px),
print {
    .nagare-con ul{
    padding:0;
        max-width:700px;
        margin:auto;
}
}

.nagare-con li{
    margin-bottom: 30px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

風船

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}


.anime-fuwafuwa {
  animation: 3s fuwafuwa infinite;
}


.fusen1 {
  position: absolute;
  top:130px;
  left:30px;
  margin: auto;
  width: 140px;
  height: 140px;
}

@media screen and (min-width: 768px),
print {
    .fusen1 {
top:130px;
  left:30px;
  width: 190px;
  height: 190px;
}
}


.fusen2 {
  position: absolute;
  top:760px;
  right:30px;
  margin: auto;
  width: 140px;
  height: 140px;
}

@media screen and (min-width: 768px),
print {
    .fusen2 {
top:700px;
  right:60px;
  width: 190px;
  height: 190px;
}
}



/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/