@charset "utf-8";

.title{
  height: 310px;
  background-image: url(../images/about/bg-main2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #4211ae;
  text-shadow: 1px 1px 10px #dde7eb;
}

.title h1{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 32px;
  font-weight: bold;
}

.title p{
  font-size: 14px;
  margin-top: 15px;
}

.about{
display: flex;
justify-content: space-between;
width: 930px;
max-width: 90%;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}

.about img{
  width: 456px;
  height: 546px;
}

.about-text{
  max-width: 500px;
  margin-right: 40px;
  margin-top: 15px;
}

.about-text h2{
 font-size: 22px;
 font-weight: bold;
}

.about-text h2::after{
  content: '';
  display: block;
  width: 36px;
  height: 3px;
  background-color: #230484;
  margin-top: 20px;
}

.about-text p{
  font-size: 15px;
  line-height: 28px;
  margin-top: 25px;
  line-height: 27px;
}



@media(max-width:800px){

.about{
margin-right: 0;
      display: block;
    margin-top: 100px;}


.about-text{
  margin-top: 50px;
  margin-bottom: 50px;
}

.about img{
 width: 90%;
  height: auto;
}

.about-text p{
  margin-top: 30px;
}
}