@charset "utf-8";


/* モバイルレイアウト : 480 px およびそれ以下. */

.about_section {
	padding-bottom: 5vh;
}

.loop_position {
  position: relative;
  height: 150px;
}


.loop_person {
  position: absolute;
  bottom:0;
    width: 100%;
    height: 140px; /* 画像の高さ */
    background-image: url(../img/svg/first_view_loop_img.svg);
    background-repeat: repeat-x;
    background-size: auto 140px; /* 画像の高さ */
    animation: loop 60s linear infinite;
}
@keyframes loop {
    from {
        background-position: 864px 0;
    }
    to {
        background-position: 0 0; /* 画像のマイナス幅 */
    }
}

.loop_ctiy {
  position: absolute;
  bottom:0;
  z-index: -1;
    width: 100%;
    height: 140px; /* 画像の高さ */
    background-image: url(../img/flowing_ctiy.png);
    background-repeat: repeat-x;
    background-size: auto 140px; /* 画像の高さ */
    animation: loop_2 80s linear infinite;
}
@keyframes loop_2 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 1000px 0; /* 画像のマイナス幅 */
    }
}

.pankuzu_div {
	padding: 20px 10vw 0 10vw;
	background-color: #006AB0;
	border-bottom: 2.5px solid #000;
}


.title_h {
	display: inline-block;
	margin:0 auto 2.5vh auto;
	line-height: 150%;
	letter-spacing: .15em;
	font-weight: 600;
	font-size: 2rem;
}


.text_p {
	letter-spacing: .15rem;
}


.tab_br {
	display: none;
}

.sab_btn a {
    font-size: 1.6rem;
}

.sab_btn a::before {
    background-color: #fff;
    color: #006AB0;
}

.sab_btn a::after {
    background-color: #a9a9a9;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 764px) {


	.sp_br {
		display: none;
	}


.title_h {
	font-size: 3rem;
}

.text_p {
	font-size: 1.6rem;
}

.tab_br {
	display: block;
}

}


/* タブレットレイアウト 横。 */

@media only screen and (min-width: 1000px) {






}




/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 1200px) {


}