@charset "UTF-8";
/* CSSのリセット（消さないでください） */
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p, div {
  margin: 0;
  padding: 0;
}

@media (max-width: 1000px){
  .box{
    width:1000px;
  }
}
@media (max-width: 750px){
  .box{
    width:750px;
  }
}
/* headerの設定 */
header{
  width:100%;
  background: linear-gradient(to top, rgba(217, 175, 217, 0.7) 0%, rgba(151, 217, 225, 0.7) 100%),url(../photo/src.jpg);  /* 背景画像指定 */
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  padding: 190px 0px;
}
.header-title{
  color:rgba(255,255,255,0.85);
  text-align: center;
}
.title{
  font-size:45px;
}
.subtitle{
  font-size:30px;
  margin-bottom: 80px;
}

.header-buttom{
  font-size:25px;
  color: rgba(255,255,255,0.85);
}
.header-buttom:visited{
  color: rgba(255,255,255,0.85);
}
.header-buttom ::before{
  margin-right: 0.3em;
}
ul {
  font-size: 0;
}
li{
  display: inline-block;
  width:200px;
}

/* mainの設定 */
main{
  width:100%;
  background-color:#f7f7f7;
  background-size: cover;
  padding-top:150px;
  padding-bottom:150px;
  text-align: center;
}
.icon ::before{
  margin-right: 0.3em;
}
.profile{
  display: inline-block;
  text-align: left;
}
footer{
  padding-top:150px;
  padding-bottom:150px;
  width:100%;
  background-color:black;
  color:white;
  text-align: center;
}
.contact{
  padding-top:50px;
  display: inline-block;
  text-align: left;
  font-size:20px;
}