h1 {
	font-size:3rem;
}
@media screen and (max-width: 767px) {
  h1 {
	font-size:2.1rem;
  }
}

.flowing {
	width: 0;
	margin-bottom: 60px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	animation: flowing-anim 3.0s forwards linear;
}
@media screen and (max-width: 767px) {
  .flowing {
    	margin-bottom: 30px;
  }
}

@keyframes flowing-anim {
 0%{
	 width: 0%;
   }
100%{
	 width: 100%;
   }
}

.h2-title {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: justify;
  line-height: .5;
	margin-top:20px;
}
@media screen and (max-width: 767px) {
  .h2-title {
    writing-mode: horizontal-tb;
  }
}

.left{
	font-size:3.5rem;
	letter-spacing: 20px;
	position:absolute;
	left:0;
}
.right {
	font-size:3.5rem;
	letter-spacing: 20px;
	position:absolute;
	right:0;
}
@media screen and (max-width: 767px) {
	.left, .right {
     position: static;
	 font-size:2rem;
	 margin:8px;
  }
}


section {
	position:relative;
}

.kodawari-items {
	display:flex;
	justify-content: space-around;
	width:100%;
}

@media screen and (max-width: 767px) {
  .kodawari-items {
    display: block;
  }
}


.kodawari-text{
	animation-delay: .5s;
	width:50%;
	font-size:1.3rem;
	margin: 60px 75px;
}
@media screen and (max-width: 767px) {
  .kodawari-text {
    width:100%;
	font-size:1.17rem;
	margin: 30px 0;
    line-height: 1.3;
  }
}

.kodawari-items img{
	width:45%;
    border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .kodawari-items img {
    width:100%;
  }
}
.row-reverse {
	flex-direction:row-reverse;
}