@charset "UTF-8";

/*------------------mv------------------------*/
#mv{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	background: url(/common/upload_data/nakano-lawofficecom/image/bg_1_4.png) no-repeat bottom center/cover;
}
#mv .mv_image {
	display: flex;
    align-items: center;
    justify-content: center;
}
#mv .mv_image ul li{
	list-style: none;
	animation: 4s fuwafuwa infinite;
}
#mv .mv_image ul li:nth-of-type(2){
	animation-delay: 0.5s;
}
#mv .mv_image ul li:nth-of-type(3){
	animation-delay: 0.8s;
}
#mv .mv_image ul li:nth-of-type(4){
	animation-delay: 1.1s;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
#mv .content_wrapper{
	text-align: center;
}
#mv .content_wrapper .mv_image p img{
	max-width: 340px;
}
#mv .mv_image ul{
	display: flex;
}
#mv .mv_image ul img{
	max-width: 110px;
}
#mv .mv_image ul.left li:nth-of-type(2) img,
#mv .mv_image ul.right li:nth-of-type(1) img,
#mv .mv_image ul.right li:nth-of-type(3) img {
    max-width: 100px;
}
#mv .mv_image ul.left{
	margin-bottom: 10rem;
}
#mv .mv_image ul.left li:nth-of-type(1){
	margin: -1rem 0 0 0;
}
#mv .mv_image ul.left li:nth-of-type(2){
	margin: 15rem 0 0 2rem;
}
#mv .mv_image ul.left li:nth-of-type(3){
	margin: -5rem 9rem 0 1rem;
}
#mv .mv_image ul.right li:nth-of-type(1){
	margin: 11rem 0 0 8rem;
}
#mv .mv_image ul.right li:nth-of-type(2){
	margin: -8rem 0 0 1rem;
}
#mv .mv_image ul.right li:nth-of-type(3){
	margin: 3rem 0 0rem 4rem;
}
@media screen and (max-width: 1300px){
	#mv .content_wrapper .mv_image p img {
		max-width: 270px;
	}
	#mv .mv_image ul.left {
		margin-bottom: 8rem;
	}
	#mv .mv_image ul img {
		max-width: 80px;
	}
	#mv .mv_image ul.left li:nth-of-type(2) img,
	#mv .mv_image ul.right li:nth-of-type(1) img,
	#mv .mv_image ul.right li:nth-of-type(3) img {
		max-width: 60px;
	}
	#mv .mv_image ul.left li:nth-of-type(1){
		margin: 0;
	}
	#mv .mv_image ul.left li:nth-of-type(2){
		margin: 8vw 0 0 2vw;
	}
	#mv .mv_image ul.left li:nth-of-type(3){
		margin: -3vw 3vw 0 0;
	}
	#mv .mv_image ul.right li:nth-of-type(1){
		margin: 4vw 0 0 2vw;
	}
	#mv .mv_image ul.right li:nth-of-type(2){
		margin: -4vw 0 0 1vw;
	}
	#mv .mv_image ul.right li:nth-of-type(3){
		margin: 7vw 0 0vw 0vw;
	}
}
@media screen and (max-width: 900px){
	#mv .mv_image ul img {
		max-width: 60px;
	}
	#mv .mv_image ul.left li:nth-of-type(2) img,
	#mv .mv_image ul.right li:nth-of-type(1) img,
	#mv .mv_image ul.right li:nth-of-type(3) img {
		max-width: 50px;
	}
	#mv .content_wrapper .mv_image p img {
		max-width: 220px;
	}
	#mv .mv_image ul.left li:nth-of-type(2) {
		margin: 8vw 0 0 0vw;
	}
	#mv .mv_image ul.left li:nth-of-type(3) {
		margin: -5vw 2vw 0 0;
	}
	#mv .mv_image ul.right li:nth-of-type(1) {
		margin: 7vw 0 0 1vw!important;
	}
	#mv .mv_image ul.right li:nth-of-type(2) {
		margin: -4vw 0 0 0;
	}
	#mv .mv_image ul.right li:nth-of-type(3) {
		margin: 4vw 0 0 1vw!important;
	}
}
@media screen and (max-width: 650px){
	#mv .content_wrapper .mv_image p img {
		max-width: 180px;
	}
	#mv .mv_image ul img {
		max-width: 50px;
	}
	#mv .mv_image ul.left {
		margin-bottom: 0;
	}
	#mv .mv_image ul.left li:nth-of-type(2) img,
	#mv .mv_image ul.right li:nth-of-type(1) img,
	#mv .mv_image ul.right li:nth-of-type(3) img {
		max-width: 40px;
	}
	#mv .mv_image ul.left li:nth-of-type(1) {
		margin: 0vw -4vw 0 0;
	}
	#mv .mv_image ul.left li:nth-of-type(2) {
		margin: 13vw 0 0 -3vw;
	}
	#mv .mv_image ul.left li:nth-of-type(3) {
		margin: -13vw 1vw 0 -7vw;
	}
	#mv .mv_image ul.right li:nth-of-type(1) {
		margin: 14vw 0 0 1vw!important;
	}
	#mv .mv_image ul.right li:nth-of-type(2) {
		margin: -11vw 0 0 -8vw;
	}
	#mv .mv_image ul.right li:nth-of-type(3) {
		margin: 2vw 0 0 -6vw!important;
	}
}
@media screen and (max-width: 480px){
	#mv .mv_image ul.left {
		margin-bottom: 1.5rem;
	}
	#mv .mv_image ul.left li:nth-of-type(1) {
		margin: 3rem -4rem 0 0;
	}
	#mv .mv_image ul.left li:nth-of-type(2) {
		margin: 10rem 0 0 -1rem;
	}
	#mv .mv_image ul.left li:nth-of-type(3) {
		margin: -5rem 1rem 0 -5rem;
	}
	#mv .mv_image ul.right li:nth-of-type(1) {
		margin: 25vw 0 0 0!important;
	}
	#mv .mv_image ul.right li:nth-of-type(2) {
		margin: -6rem 0 0 -5rem;
	}
	#mv .mv_image ul.right li:nth-of-type(3) {
		margin: 2rem 0 0 -5rem!important;
	}
	#mv .content_wrapper p img {
		max-width: 175px;
	}
}