@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


/*-----common-----*/

body{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  font-family: "Avenir Next",Avenir,Verdana,Helvetica, Arial ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
  font-size: 100%;
  color: #444;
}

html{
    scroll-behavior: smooth;
}

h1{
  font-size: 20px;
  color: #787878;
}

p{
  font-size: 16px;
  margin: 2rem 0;
}


.font-palt {
/* プロポーショナルメトリクスを有効にする */
  font-feature-settings: "palt" 1;
}

.link{
  color: #15C0FF;
}

.link:hover{
  color: #5C3ECF;
}

.highlight{
  color: #FF952D;
}

.contact-section{
  background-color: #FAFAED;
  display: inline-block;
  width: 90%;
  height: 400px;
  margin: 6rem 10px 0rem 35px;
  display: table;
}

.contact-button-wrap{
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.contact-button:hover{
  background-color: #AAA;
  background-position: 0 100%;
}


.contact-button{
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #202020;
  padding: 20px;
  padding-left: 40px;
  font-size: 18px;
  font-weight: 800;
  background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(250,250,250,1) 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .3s;
}

.contact-button:before {
  content: '';
  width: 40px;
  height: 25px;
  background-image: url(../img/contact_black.svg);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 5px;
  right: 15px;
}



/*----------Footer----------*/

footer{
  width: 90%;
  height: 18rem;
   text-align: center;
  display: table;
  position: relative;
  margin-left: 35px;
}


.credit{
  font-size: 16px;
  color: #707070;
  text-align: center;
  display: block;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}