@charset "UTF-8";



@media screen and (max-width: 768px) {
	.main{
		 height:auto;
	}

	.main__inner{
		position: relative;
	    height: auto;
	    width: 100%;
	}

	.main__inner img{
		display:block;	
	}

	h1{
		width:83vw;
		margin-bottom: 9.3vw;
		z-index: 1;
		position: relative;
	}

	.box1 {
	    padding-bottom: 1em;
	}

	.box1__copy1{
		width: 68.8vw;
		margin-bottom: 5.3vw;
	}

	.box1__copy2{
		width: 65.6vw;
		margin: 0 auto 1.56em;
		margi
	}

	.box1__copy3{
		line-height: 1.71;
		font-size: 0.875em;
	}

	.bird1{
		width:7.7vw;
		left:7.2vw;
		top:16.66vw;
	}

	.bird2{
		display:none;
	}

	.bird3{
		width:9vw;
		left:81vw;
		top:53vw;
	}

	.baloon1{
		width:12vw;
		left:5.3vw;
		top:56vw;
	}

	.baloon2{
		display:none;
	}

	.flag{
		width:35.4vw;
	}

	.box2,
	.box3,
	.box4{
		padding: 5.33vw;
	}

	.box2 li {
	    width: 48.8%;
	    margin-bottom: 2vw;
	}

	.box2 h2,
	.box3 h2,
	.box4 h2{
		width:55.4vw;
		margin-bottom: 7vw;
	}

	.box3 .content{
		padding-bottom: 2em;
	}

	.box4 h3 {
	    margin-bottom: 0.8em;
	}

	.box4__map1 {
	    margin-bottom: 2.125em;
	}

	.google-btn{
		width:54.6vw;
		margin-bottom: 1em;
	}

	.zoom-btn{
		
		display:block;
		width: 9.6vw;
		height: 10vw;
		right:0.4vw;
		top:2vw;
		box-sizing: content-box;
		padding-left: 2vw;
		padding-right:2vw;
	}

	.zoom-btn__zoom{
		position: absolute;
		width: 9.6vw;
	}

	.zoom-btn__close{
		position: absolute;
		width: 9.6vw;
		top:0;
		opacity: 0;
	}

	.zoom .zoom-btn__zoom{
		opacity: 0;
	}

	.zoom .zoom-btn__close{
		opacity: 1;
	}

	.box4__map1 img,
	.box4__map2 img{
		display: block;
	}

	.box4__map1-clip{
		height: 60.368vw;
	}
	.box4__map2-clip{
		height: 98.019vw;
	}

	.box4__map1-clip,
	.box4__map2-clip{
		transition:width .6s ease-out,height .6s ease-out;
		-webkit-transition:width .6s ease-out,height .6s ease-out;

	}

	.box4__map1-clip.zoom,
	.box4__map2-clip.zoom{
		overflow: hidden;
	}

	.box4__map1-clip.zoom{
		height: 60.368vw;
		height: 120.736vw;
		max-height: 100%;
	}

	.box4__map2-clip.zoom{
		height: 98.019vw;
		height: 196.038vw;
		max-height: 100%;
	}

	.box4__map1-clip>img,
	.box4__map2-clip>img{
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		position: absolute;
		transition:transform 0s ease-out,width 0.6s ease-out,height 0.6s ease-out;
		-webkit-transition:transform 0s ease-out,width 0.6s ease-out,height 0.6s ease-out;
	}


	.box4__map1-clip.zoom>img,
	.box4__map2-clip.zoom>img{
		width: 200%;
		width: 278.68%;
	}

	.noscroll .box4__map1-clip.zoom>img,
	.noscroll .box4__map2-clip.zoom>img{
		transition:none;
		-webkit-transition:none;
	}



}