@charset "UTF-8";
.align-center {
  text-align: center; }

.button {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #4b1203;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px; }
  .button:hover {
    background: rgba(75, 18, 3, 0.75);
    color: yellow; }

/* Float Shadow */
.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
          box-shadow: 0 0 1px transparent; }
  .float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(78, 18, 3, 0.35) 0%, transparent 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    transition-property: transform opacity, -webkit-transform opacity; }
  .float-shadow:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px); }
    .float-shadow:hover:before {
      opacity: 1;
      -webkit-transform: translateY(5px);
          -ms-transform: translateY(5px);
              transform: translateY(5px); }

.image1 {
  text-align: center;
  background: url("img/image-001.jpg") no-repeat fixed transparent;
  background-position: center center; }
  .image1 h2 {
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 325px auto 0;
    text-shadow: 2px 2px 5px #333; }
  .image1 h3 {
    color: white;
    text-align: center;
    margin: 200px auto 1em;
    text-shadow: 2px 2px 3px #333; }

.image2 {
  background: url("../001_170401/img/image-002.jpg") no-repeat fixed transparent;
  background-position: top left; }
  .image2 h2 {
    margin-top: 200px;
    text-align: right; }

.image3 {
  background: url("img/image-003.jpg") no-repeat fixed top center/cover transparent; }
  .image3 h2 {
    margin-top: 200px; }

.image4 {
  background: url("img/image-004.jpg") no-repeat fixed transparent;
  background-position: center center; }
  .image4 h2 {
    margin-top: 200px;
    text-align: right; }

/* メディアクエリー */
@media only screen and (max-width: 740px) {
  .main_content section h2.title {
    text-align: center; }
  .main_content section.image1 h2 {
    margin-top: 250px; }
  .main_content section.image1 h3 {
    margin-top: 35px; } }

@media screen and (max-width: 360px) {
  .main_content section .row {
    width: 96%;
    margin: auto 2%; }
  .main_content section h2.title {
    margin: 50px auto 0; }
  .main_content section.image1 h2 {
    margin-top: 100px;
    line-height: 1.3; }
  .main_content section.image1 h3 {
    margin-top: 25px; } }

/*# sourceMappingURL=dental-hygienist.css.map */

/*# sourceMappingURL=../../../../../maps/special_job/dental-hygienist/article/003_170601/style.css.map */