@charset "utf-8";


.contact {
  max-width: 900px;
  margin: 30px auto; 
}

.contact h3 {
  background-color: #54a4a6;
  color: #ffffff;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
}

.contact p {
  line-height: 2;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}

.contact ol {
  line-height: 2;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 20px;
  padding-bottom: 5px;
  list-style-type: square;
}


.cont-a-01-1 {
  display: block;
  text-align: center;
}

.cont-a-01-12 img {
width: 550px;
}


.cont-a-01-13 ol {
  text-align: left;
  background-color: #fffafa;
}


.cont-b-01-1 {
  display: block;
  text-align: center;
}

.cont-b-01-1 ol {
  text-align: left;
}

.cont-b-01-12 img {
  padding-bottom: 20px;
}

.cont-c-01 {
  display: none;
}

.cont-c-01-1 {
  display: block;
  text-align: center;
}

.cont-c-01-12 img {
  width: 100px;
  padding-bottom: 20px;
}


.cont-b-01-12 a {
  display: block;
  transition-duration: 0.2s;
}

.cont-b-01-12 a:hover {
  transform: scale(1.05);
}

.cont-b-01-13 {
  display: none;
}

.cont-c-01-12 a {
  display: block;
  transition-duration: 0.2s;
}

.cont-c-01-12 a:hover {
  transform: scale(1.1);
}




@media (max-width: 768px) {


  .contact ol {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 0px;
  }

  .cont-b-01-12  {
    display: none;
  }

  .cont-b-01-13  {
    display: block;
  }


  .cont-b-01-13 img {
    padding-bottom: 20px;
  }
  
  .cont-b-01-13 a {
    display: block;
    transition-duration: 0.2s;
  }
  
  .cont-b-01-13 a:hover {
    transform: scale(1.05);
  }

  .link-button-area {
    margin-top: 30px;
   }
  
 


}