@charset "utf-8";
/* CSS Document */

img {
  vertical-align: bottom;
}

#wrap {
  margin: 0 auto;
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  #wrap {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
}

#header {  
}
.logo {
  padding: 30px;
}
.logo img {
}
.mainvisual {  
}
@media screen and (max-width: 1199px) {
  .mainvisual img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .logo {
    padding: 20px;
  }
  .logo img {
    width: 40%;
  }
}

#content {
  overflow: hidden;
  padding: 140px 100px;
}
.greeting {
  float: left;
  width: 600px;
}
.greeting-title {
  font-size: 24px;
  margin-bottom: 40px;
}
.greeting-text {
  line-height: 1.65;
  text-align: justify;
}
.greeting-img {
  float: left;
  margin-left: 80px;
  width: 320px;
}
@media screen and (max-width: 1199px) {
  #content {
    padding: 10% 5%;
  }
  .greeting {
    width: 60%;
  }
  .greeting-img {
    margin-left: 5%;
    width: 35%;
  }
  .greeting-img img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .logo {
    padding: 20px;
  }
  .logo img {
    width: 40%;
  }
  .greeting {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
  .greeting-img {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

#footer {
}
.footer-img {  
}
.about { 
  color: #fff;
  padding: 114px 100px 100px;
  background-image: url("../images/yhd/yhd-foot.jpg");
}
.about-title {
  font-size: 24px;
  margin-bottom: 40px;
}
.about-tr { 
  line-height: 1.7;
  overflow: hidden;
}
.about-th { 
  float: left;
  text-align-last: justify;
  width: 120px;
}
.about-colon { 
  float: left;
  text-align: center;
  width: 20px;
}
.about-td { 
  float: left;
  width: calc(100% - 140px);
}

#copy {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .about { 
    background-size: cover;
    padding: 10% 5%;
  }
}
@media screen and (max-width: 750px) {
  .about-tr { 
    border-bottom: 1px solid #fff;
    margin-bottom: 1em;
  }
  .about-th { 
    float: none;
    text-align-last: left;
    width: 100%;
  }
  .about-colon {
    display: none;
  }
  .about-td { 
    float: none;
    width: 100%;
  }
}