@charset "UTF-8";

/**======================================
	about
======================================**/

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

/*--------------------------------------
	index
---------------------------------------*/

.about_box .vertical {
  margin: 0 auto;
  max-width: 250px;
}

.about_box .pic_part img {
  border-radius: 8px;
}

@media screen and (min-width: 600px) {
  .about_box .vertical {
    max-width: 500px;
  }
}

@media screen and (min-width: 1025px) {
  .about_box .nomal {
    margin: 0 auto;
    max-width: 700px;
  }
  .about_box .vertical {
    max-width: 500px;
  }
}

.about_box .profile_part .about_name {
  margin-bottom: 3em;
  height: 60px;
}

.about_box .profile_part .about_name h3 {
  position: absolute;
  font-size: 2.2rem;
  color: var(--main_color);
}

.about_box .profile_part .about_name h3:after {
  content: '';
  width: 80px;
  height: 1px;
  background: #999;
  position: absolute;
  left: 0;
  bottom: -20px;
}