@charset "UTF-8";

html {
  font-size: 16px;
  font-family: "Times New Roman", Times, serif;
}

.main_contents {
  margin: 0;
  /* 背景画像のパスを指定しましょう。スライドの補足説明を参照。 */
  background-image: url(src/background.jpg);
  /* ここまで */
  background-repeat: repeat;
  width: 100%;
}

p {
  margin: 0;
}

img {
  width: 350px;
}
.contents {
  display: flex;
  justify-content: center;
}
main {
  display: flex;
  justify-content: flex-start;
}
h1 {
  text-align: center;
}
.profile_des {
  padding-left: 20px;
}

/*---------------------------------------------------------
sidebar
---------------------------------------------------------*/
.l-sidebar {
  background-color: rgb(240, 240, 255);
  border-right: 8px solid #ccc;
  width: 265px;
}
.l-sidebar ul {
  padding-top: 54px;
  padding-left: 22px;
}
.l-sidebar ul li {
  list-style: none;
  margin-bottom: 33px;
  font-size: 16px;
}
.l-sidebar ul li a {
  color: blue;
}
.l-sidebar ul li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.l-sidebar ul li:nth-of-type(1)::before {
  background-color: rgb(255, 204, 204);
}
.l-sidebar ul li:nth-of-type(2)::before {
  background-color: rgb(0, 255, 0);
}
.l-sidebar ul li:nth-of-type(3)::before {
  background-color: rgb(51, 255, 255);
}
.l-sidebar ul li:nth-of-type(4)::before {
  background-color: rgb(0, 153, 255);
}
.l-sidebar ul li:nth-of-type(5)::before {
  background-color: rgb(0, 0, 255);
}
.l-sidebar ul li:nth-of-type(6)::before {
  background-color: rgb(51, 51, 153);
}
.l-sidebar ul li:nth-of-type(7)::before {
  background-color: rgb(204, 0, 204);
}

@media screen and (min-width: 1150px) {
  .main_contents {
    padding-left: 20px;
    padding-right: 20px;
  }
}