@charset "UTF-8";

body{
	color:#717071;
	/*background-color: red;*/
}

header{
	display:none;
}

.notransition{
    -webkit-transition: none !important;
    transition: none !important;
}


.main {
  padding: 0 ;
  width:100%;
  height: 50vw;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 1200px){
	height:600px;
}

.main__inner{
	background:url(../img/information01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
    height: 100%;
    width: 100%;
}

.main__inner img{
	display:none;
}

.box1, .box2, .box3, .box4, .box5 {
  max-width: 700px;
}

.box1{
	padding-bottom: 4em;
}

.box1__copy1{
	width: 87.14%;
	margin: 0 auto 3.5em;
}

.box1__copy2{
	width: 81.42%;
	margin: 0 auto 1em;
}

.box1__copy3{
	text-align: center;
	line-height: 1.6;
    margin-bottom: 2em;
}

.box2 h2,
.box3 h2,
.box4 h2{
	width:40.28%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.81em;
}

.bird1,.bird2,.bird3,
.baloon1,.baloon2,.flag{
	position: absolute;
}

.bird1{
	width:6.8%;
	left:5.6%;
	top:9.19%;

}

.bird2{
	width:4.8%;
	left: 91.5%;
    top: 57%;
}

.bird3{
	width:6.5%;
	left:11.6%;
	top:88.2%;
}

.baloon1{
	width:8.1%;
	left:-3.7%;
	top:42.5%;
}

.baloon2{
	width:9%;
	left:96.7%;
	top:17.9%;
}

.flag{
	width:26.9%;
	right:0;
	top:0%;
	max-width:188px;
}


.top-backcanvasarea {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: red;*/
}

h1{
	width: 502px;
	text-align: center;
	font-size:1em;
	margin: 0 auto 3.5em;
}

.box2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;;
}

.box2 li{
	width: 32.2%;
    margin-bottom: 1.2%;
}

.google-btn{
	width:38.2%;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 2em;
}

.google-btn img{
  display:block;
  position: relative;
}

.google-btn img.hover{
  position: absolute;
  opacity: 0;
  top:0;left:0;
  transition:opacity 0.3s ease-out;

}

.google-btn:hover img.hover{
  opacity: 1;
}

.box3__content{
	border:solid #717071 1px;
	padding:2em;
	background-color: #fff;
}

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

.box4__map1{
	margin-bottom: 3.125em;
}

.box4__map2{
	margin-bottom: 2.375em;
}

.zoom-btn{
	position: absolute;
	display:none;
}

.sizing-box{
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}