@charset "utf-8";


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




.h2_div {
	text-align: center;
	padding: 0 10px;
}

.h2_div_img_p img{
	max-width:180px;
}


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

.font_3rem {
	font-size: 3rem;
	line-height: 140%;
}


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


.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; /* 画像のマイナス幅 */
    }
}

.loop_p_div {
	background-color: #006AB0;
	padding:18px 10vw 60px 10vw;
	border-bottom: 2.5px solid #000;
}

.loop_p {
	color: #fff;
	line-height: 185%;
	letter-spacing: .15rem;
		margin: 20px 0;
}

.loop_p:last-of-type {
	margin-bottom: 50px;
}

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

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

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

h3 {
	font-size: 2rem;
	letter-spacing: .25rem;
	font-weight: 600;
	line-height: 3.3rem;
}

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

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

.loop_p_div {
	text-align: center;
	padding:45px 0 60px;
}

h3 {
    font-size: 3rem;
}


}


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

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

	.about_section {
		background-image: none;
	}


	.h2_div {
		padding-top:5vh;
}


h2 {
	margin: 0;
	padding-left: 20px;
	font-size: 1.8rem;
}

.font_3rem {
	font-size: 4rem;
}

.loop_p {
	font-size: 1.6rem;

}



}




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

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




}