.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  width: 140px;
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #feb7ff;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

.button:hover {
  background-color: #feb7ff;
  box-shadow: 0px 15px 20px rgba(0, 125, 249, 0.22);
  color: #522a00;
  transform: translateY(-7px);
}

#tell{
	position:absolute;
	z-index:25;
	right:0px;
	top:10px;
}

#tell a{
 font-size: 30px;
 color:#ff9bbd;
}

@media screen and (max-width:991px){
  #tell{
	right:61px;
	top:17px;  
  }
	#tell a{
		font-size:1.5em
	}
#tell-tel img{
  width:20px;
	height:20px;
  }
}

@media screen and (max-width:812px){
  #tell{
	right:51px;
	top:20px;  
  }
  #tell a{
	font-size:1.2em
	}
#tell-tel img{
  width:16px;
	height:16px;
  }
}
#global_menu{
 margin:3.5em -28px 0 0;
}

#global_menu > ul > li > a{
    height:71px;
    line-height:71px;
}

@media only screen and (min-width: 992px){
	#global_menu ul ul{
		top:71px;
	}
}

#index_content1 h2{
	color:#ff78ce !important;
}

#contentsbox3 ul{
 font-size:0;
}

#contentsbox3 li{
    margin: 0 0 5px 5px;
    padding: 0;
    width: calc(24.5% - 5px);
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#contentsbox3 li:nth-child(4n+1){
   margin-left:0;
}

@media screen and (max-width:768px){
  #contentsbox3 li{
	 display:block;
	 width:100%;
	}
}

#contentsbox3 li img{
	width:100%;
}

@media screen and (max-width:768px){
	#contentsbox3 li img{
  width:100%;
	}
}

@media screen and (max-width:768px){
  #accessimg img{
	 display:block;
	 width:100%;
	}
}

@media screen and (min-width: 992px) and (max-width:1259px){
#global_menu > ul > li > a{
	  padding: 0px 16px !important;
	}
}

@media screen and (min-width: 992px) and (max-width:1059px){
	#global_menu > ul > li > a{
		font-size:12px !important;
	}
}

@media only screen and (min-width: 992px){
  #global_menu ul ul a{
		color:#633b1e !important;
     }
   }

#header_slider .caption p{
	color:#fff !important;
	text-shadow:1px 1px 1px #882c4b,-1px 1px 1px #882c4b,1px -1px 2px #ff9bbd,-1px -1px 1px #882c4b !important;
}
#footer_address, #copyright, #copyright a{
	color:#633b1e !important;
}

.ml10{
	color:#633b1e !important;}

@media screen and (max-width: 360px){
#header .logo {
    margin: 0 -13px 00;
   }
}
@media screen and (max-width: 340px){
	.staffname h2 span{
		font-size:90% !important;
	}
}

#footer_address span a{
	color:#633b1e !important;	
}

#index_topics h2,#index_topics span{
	color:#633b1e !important;	
}

.info ul span {
	color:#633b1e !important;	
}


.headline_bg_l,.headline_bg_l a,a.index_blog_button,a.index_blog_button span:after,.side_headline,.page_navi p.back a:hover{
	color: #522a00;
}