@charset "UTF-8";
/* CSS Document */
.wrap {
	animation: fadein 2s forwards;
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}


.main {
  text-align: right;
  max-width: 1042px;
  margin: 0 auto;
}

.main_img{
  margin-top: 116px;
}
.main_contact {
  letter-spacing: 6px;
  text-align: right;
  width: 253px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  margin-top: 122px;
  font-size: 18px;
}
.main_contact:before{
  content: '';
  width: 253px;
  height: 3px;
  background-color: #3A5A89;
  border-radius: 2px;
  display: block;
  margin-bottom: 10px;
}




.description__area h2 {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
  display: block;
  letter-spacing: 6px;
  font-size: 16px;
  font-weight: 200;
}

.mail{
  
  font-size: 16px;
  text-decoration: none;
  color: #3A5A89;
  letter-spacing: 6px;
  text-align: left;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  justify-content: center;
}

.box {
    padding: 34px;
    width: 22%;
    background-color: #fff;
    border: 1px solid #3A5A89;
    color: #3A5A89;
    margin: 0 auto;
}