/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "UTF-8";

p{
	margin: 0;
}
/*----------------------------------/* お問い合わせトップ*/
.top-title{
	background-color: #327791;
	color: #fff;
	height: 7em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding-top: 0.7em;
}

.top-title h2{
	font-size: 1.5rem;
	font-weight: 600;

}

.top-title p{
	font-size: 0.7rem;
}

.contact-message {
	text-align: center;
	padding-top: 4em;
	width: 80vw;
}

@media(max-width:768px){
	.contact-message {
	width: 90vw;
}
}

.contact-message h3{
	font-size: 1.5rem;
	color: #327791;
	padding-bottom: 1em;
}

.totop{
	margin: 3em 2em 1em 2em;
}

button{
	margin: 2em auto 1em auto;
	border: none;
	border-radius: 100vh;
	background-color: #327791;
}

button:hover{
	background-color:  #0c6a8d;
}

button>a{
	color: #fff;
	font-size: 1.1rem;
	display: block;
	padding: 1em 4em;
}

button>a>i{
	padding-left: 1vw;
}

.footer{
	position: fixed;
		bottom: 0;
	width: 100vw;
}