@charset "UTF-8";
@import url('style.css');

/* ベースレイアウト */
main section{
}

ul.contact-list{
  font-size: 1rem;
  width:57vw;
  max-width:1056px;
  margin:0 auto 0;
}

ul.contact-list li{
  width:100%;
  margin-bottom:155px;
  font-size:1em;
  text-align: center;
}

ul.contact-list li:nth-last-of-type(1){
  margin-bottom:120px;
}

img.photo{
  width:15.6vw;
  margin:0 auto 2em;
  display: block;
}

a.contact-link{
  width:100%;
  margin-top:1em;
  font-size:2em;
  color:#fff;
  text-align: center;
  line-height:2.6em;
  background-color: #9facbc;
  border:5px solid #c6c6c6;
  display:block;
  transition: 400ms ease;
}

a.contact-link:hover{
  background-color: #5a7896;
}

a.privacy-policy{
  width:fit-content;
  margin:0 auto 0;
  color:#000;
  font-size:1rem;
  letter-spacing: initial;
  text-align: center;
  text-decoration: underline;
  display:block;
}

a.privacy-policy:hover{
  text-decoration: none;
}

a.privacy-policy:visited{
  color:#000;
}

p.privacy {
  text-align: left;
  font-size: 1rem;
}

/* 調整用 */
@media screen and (max-width: 1240px) {

}
@media screen and (max-width: 900px) {

}


/* SP */

@media screen and (max-width: 750px) {
  ul.contact-list {
    width: 100%;
  }

  ul.contact-list li p:first-child {
    font-size: 1rem;
    padding-top: 80px;
  }

  img.photo {
    width: 80%;
  }

  a.contact-link {
    margin-top: 25px;
    font-size: 1.5rem;
  }

  a.privacy-policy {
    font-size: 1rem;
  }
}