@media only screen and (max-width: 834px) {
.logo{
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
	text-align: center;
}

section#mv_top{
	padding:160px 0 30px 0;
	margin: 0;
	background: url("../img/bg_mv_sp.png") no-repeat center top;
	background-size: contain;
	height: inherit;
	text-align: center;
	overflow: hidden;
}
section#mv_top h1{

}
section#mv_top h1 img{
	width: 60%;
	height: auto;

}
section#mv_top h2{
	font-size: 16px;
	padding: 2rem 0 2rem 0;
	line-height: 1.8;
	color: #666;
}
	section#section{
		padding-top: 60px;
	}
section#scroll{
	
	padding: 0;
    height: inherit;
	overflow: hidden;
}
  .box_scroll {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 120px;
    overflow: hidden;
  }

  .box_scroll img {
    width: auto;
    height: 100%;
    will-change: transform;
  }


  .box_scroll img:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .box_scroll img + img {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
	  margin-left: -2px;
  }


  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

section#sec01{
	background: #99d1e8;
	text-align: center;
}
section#sec01 h1{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 15px;
}
section#sec01 p{
	font-weight: bold;
	font-size: 12px;
	line-height: 1.8;
}
section#sec01 p.text_sec01{
	font-size: 12px;
}



ul.list_sns{
	width: 90%;
	margin: 50px auto 0 auto;
}
ul.list_sns li img{
	width: 50px;
	height: auto;
}
h1.h1_sec{
	text-align: center;
	font-size: 30px;
	margin-bottom: 2rem;
	font-weight: bold;
}
h1.h1_sec img{
	width: 100%;
	height: auto;
}
h2.h2_sec{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.box_cs{
	text-align: center;
	color: #FFF;
	font-size: 24px;
	padding: 100px 0;
	background: #a7a7a7;
	margin-top: 50px;
}
.bnr_01{
	text-align: center;
	margin: 25px 0 0 0;
}
.bnr_01 img{
	width: 100%;
	height: auto;
}
.list_bnr{
	margin-top: 25px;
}
.list_bnr li{
	margin-bottom: 15px;
}
.list_bnr img{
	width: 100%;
	height: auto;
}

section#sec02{
}
section#sec03{
}
section#sec04{
	padding-top: 0;
}
section#sec05{
	background: #cfe8f3;
}
.title_en{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
	color: #FFF;
	opacity: 0.1;
	font-size: 55px;
	font-family: "Roboto", sans-serif;
	font-weight: 100;
}

.box_twitter{
	width: 80%;
	margin: 0 auto;
	height: 250px;
	overflow-y: scroll;
}
.list_link_sns{
	max-width: 600px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}
.list_link_sns li a{
	color: #222;
	font-size: 14px;
}
.list_link_sns li a:hover{
	opacity: 0.7;
}
.fas, .far {
    margin-right: 0;
    margin-left: 0;
}
.hover_btn{
	background: rgba(0,0,0,0.53);
	padding: 10px 0 0 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.hover_btn .list_bnr{
	margin-top: 0;
}
.hover_btn .list_bnr{
	max-width: 96%;
	margin: 0 auto;
}
.hover_btn .list_bnr li{
	width: 49%;
	margin-bottom: 10px;
}
.hover_btn .list_bnr li img{
	width: 100%;
	height:auto;
}




}