@charset "UTF-8";
/* --------------------
   ABOUT
-------------------- */
/* greeting */
#greeting .photo img { border-radius: 10px;}
#greeting .text p + p { margin-top: 1.5em;}
#greeting .photo p { margin-top: 20px;}
@media screen and (min-width: 1080px){
  #greeting .contents {
    padding: 140px 0 160px;
    display: flex;
    justify-content: space-between;}
  #greeting .photo { width: 500px;}
  #greeting .text { width: 500px;}
  #greeting h2 { margin: 20px 0 30px;}}
@media screen and (max-width: 1080px){
  #greeting { padding: 10vw 0;}
  #greeting .photo p { max-width: 500px; width: 100%;margin: 10px auto; text-align: center;}
  #greeting .photo p br { display: none;}
  #greeting .photo img { max-width: 500px; width: 100%;margin-left:auto;margin-right:auto;}
  #greeting .text { margin-top: 5vw; max-width: 500px;margin-left:auto;margin-right:auto;}
  #greeting h2 { margin: 2vw 0 20px;}}
@media screen and (max-width: 480px){ #greeting { padding: 15vw 0;}}

/* company */
#company h1 {
  padding-left: 30px;
  line-height: 30px;
  border-left: 1px solid #989350;}
#company table {
  border-collapse:collapse;
  width: 100%;
  border-top: 1px solid #eee;}
#company table th,#company table td {
  padding: 20px 10px;
  text-align: left;
  border-bottom: 1px solid #eee;}
#company table th {
  font-weight: 600;
  color: #989350;}
#company table td a { text-decoration: underline;}
@media screen and (min-width: 1080px){
  #company .contents {
    padding: 140px 0 160px;
    display: flex;
    justify-content: space-between;}
  #company .title { width: 280px;}
  #company .info { width: 720px;}
  #company table th { min-width: 140px;}
  #company table td a { margin-left: 40px; display: inline-block;}}
@media screen and (max-width: 1080px){
  #company { padding: 10vw 0;}
  #company .title { margin-bottom: 30px;max-width: 500px;margin-left:auto;margin-right:auto;}
  #company .info{ max-width: 500px;margin-left:auto;margin-right:auto;}
  #company table th,#company table td { display: block;}
  #company table th{ border: none; padding-bottom: 0;}}
@media screen and (max-width: 480px){ #company { padding: 15vw 0;}}