@charset "utf-8";
/* CSS Document */
.container {
  position: relative;
  background-size: cover;
}
.fixed {
  position: -webkit-sticky; /*Safari*/
  position: sticky;
  padding: 10vh 0;
  top: 0;
}
#about_me_01 {
  padding-top: 3vh;
    background: linear-gradient(to right, #ece9e6, #ffffff);
/*  background-image: url("../images/about_me/about_me_01.jpg");
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-size: cover;
*/}
#about_me_01_1 {
  background-image: url("../images/about_me/about_me_10.jpg");
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: lighten;
  background-size: cover;
  background-position: center;
  padding-bottom: 100px;
  max-width: 500px;
  margin: 0 auto;
  border-radius: 10px;
}
#about_me_02 {
  width: 150px;
  height: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#about_me_02 img {
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
#about_me_03 {
  background-image: url("../images/about_me/about_me_01.jpg");
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-size: cover;
}
#about_me_04 {

  background-color: #BFADA8;
  color: #42494D;
}
#about_me_05 {
  padding: 5vh 0;

  background-color:#B4CED9;
  color:#1A2624;
}
#about_me_05_01 {
  background-image: url("../images/about_me/about_me_05_01.jpg");
  background-size: cover;
  background-position: center;
}
#about_me_06 {
  background-image: url("../images/about_me/about_me_06.jpg");
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
  background-size: cover;
  background-position: center;
  max-width: 500px;
  border-radius: 500px;
  margin: 0 auto;
  font-size: 2.0rem;
}
#about_me_07 {
  background-image: url("../images/about_me/about_me_07.jpg");
  background-size: cover;
  background-position: center;
  width: 350px;
  padding-top: 125.4px;
  padding-bottom: 125.4px;
  border-radius: 350px;
  margin: 0 auto;
  font-size: 3.8rem;
  line-height: 5.0rem;
}
#about_me_08 {
  background-color: #F2D5D5;
}
#about_me_09 {
  background-color:#FDFCDD;
}
#about_me_09_01 {
  background: linear-gradient(#d9a7c7, #fffcdc);
  padding: 5px;
  width: 340px;
  margin: 0 auto 100px auto;
  border-radius: 5px;
}
#about_me_09_01 img {
  width: 100%;
}
#about_me_10 {
  background-image: url("../images/about_me/about_me_10.jpg");
  background-size: cover;
  background-position: center;
}
#about_me_20 {
  background: linear-gradient(to right, #5d4157, #a8caba);
  color: #fff;
  padding-top: 5vh;
}
#about_me_21 {
  background: linear-gradient(to right, #ffa17f, #00223e);
  color: #fff;
  max-width: 350px;
  border-radius: 350px;
  margin: 0 auto 100px auto;
}
#about_me_22 {
  background: linear-gradient(to right, #757f9a, #d7dde8);
}
#about_me_22_01{
  color:white;
  background-color: #404040;
    transform: rotate(45deg);
  width:220px;
  height:220px;
  margin:0 auto;
padding:15px 10px 10px 10px; 
  line-height: 5.0rem;
  opacity: 0.8;

}
#about_me_23 {
  padding-top: 5vh;
  background: linear-gradient(to right, #000000, #434343);
  color: #fff;
}
#about_me_24 {
  background: linear-gradient(to right, #757f9a, #d7dde8);
  max-width: 350px;
  border-radius: 5px;
  margin: 0 auto 100px auto;
}
#about_me_25 {
  background-image: url("../images/about_me/about_me_25.jpg");
  background-size: cover;
  max-width: 350px;
  border-radius: 350px;
  margin: 0 auto 100px auto;
  font-size: 3.2rem;
  line-height: 3.8rem;
  color: #fff;
  text-shadow: 13px 13px 13px #000;
}
#about_me_25 span {
  background-color: rgb(0, 0, 0, 0.5);
}
#about_me_26 {
  background: linear-gradient(#16222a, #3a6073);
  color: #fff;
}
#about_me_27 {
  background-image: url("../images/about_me/about_me_27.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  font-size: 2.0rem;
  width: 340px;
  border-radius: 340px;
  margin: 50px auto;
}
#about_me_28 {
  background-color: #322C40;
  color: #fff;
}
#about_me_29 {
  background: #fff;
  width: 340px;
  border-radius: 10px;
  margin: 20px auto;
}
#about_me_30 {
  background: linear-gradient(to right, #d3959b, #bfe6ba);
}
#about_me_30 img {
  width: 340px;
  border-radius: 10px;
}
#about_me_30_01 {
  background-image: url("../images/about_me/about_me_30_01.jpg");
  background-size: cover;
  background-position: center;
  width: 340px;
  border-radius: 350px;
  margin: 50px auto;
}
#about_me_31 {
  background-color: #fff;
}
#about_me_32 {
  background-image: url("../images/about_me/about_me_32.jpg");
  font-size: 2.0rem;
  background-size: cover;
  background-position: center;
}