@charset "UTF-8";
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }



p.teshigoto-description {
  font-size: 24px;
  color: black;
}

a.img-link-card-title {
  font-size: 18px;
  color: black;
  text-decoration: none;
}

div.img-link-card {
 text-align: center;
}

@media screen and (max-width: 600px) {
  div.teshi-size-s img {
    width: 25vw; }
  div.teshi-size-m img {
    width: 50vw; }
  div.teshi-size-l img {
    width: 100vw; }
    }

/* PC用　　 20 40 60 */
@media screen and (min-width: 840px) {
  div.teshi-size-s img  {
    width: 20vw; }
  div.teshi-size-m img  {
    width: 30vw; }
  div.teshi-size-l img  {
    width: 40vw; } 
  }

/* タブレット用　　 40 60 60 */
@media screen and (min-width: 600px) and (max-width: 840px) {
  div.teshi-size-s img {
    width: 30vw; }
  div.teshi-size-m img  {
    width: 40vw; }
  div.teshi-size-l img {
    width: 50vw; }
  }

/* スマホ用　　 25 50 100 */
@media screen and (max-width: 600px) {
  div.teshi-size-s  {
    width: 25vw; }
  div.teshi-size-m  {
    width: 50vw; }
  div.teshi-size-l  {
    width: 100vw; }
    }

/* PC用　　 20 40 60 */
@media screen and (min-width: 840px) {
  div.teshi-size-s   {
    width: 20vw; }
  div.teshi-size-m   {
    width: 30vw; }
  div.teshi-size-l   {
    width: 40vw; } 
  }

/* タブレット用　　 40 60 60 */
@media screen and (min-width: 600px) and (max-width: 840px) {
  div.teshi-size-s  {
    width: 30vw; }
  div.teshi-size-m   {
    width: 40vw; }
  div.teshi-size-l  {
    width: 50vw; }
  }

div.teshi-box-right {
  float: right;
  margin: 10px; }

div.teshi-box-left {
  float: left;
  margin: 10px; }

img.teshiref-img {
  width: 100%; }

.mdl-layout-title {
  font-size: 20px; }

.mdl-navigation__link {
  font-size: 20px; }

.card {
  width: 600px; }

.mdl-mini-footer--social-btn {
    background-color: #bdbdbd;
}

.teshigoto-block > img {
 width: 100%;
 height: auto;
}

p.teshigoto-img {
  display: table-cell;
 text-align: center;
 vertical-align: middle;
}

img.teshigoto-grid {
    width: 100%;
    height: auto;
}

img.tsukurite-card{
 width: auto;
 height: 250px;
}


.teshigoto-block > .mdl-card__media > google-map {
  display: block;
  height: 300px;
}

div.teshigoto-title {
     padding: 8px;
    margin: 0;
}

span.tsukurite-title {
  font-size: 24px;
}

img.dialog-img-preview {
  width: 100px;
  height: 100px;
}

.infolet-translate {
    float: right;
}

.breadcrumb-list {
    margin: 4px;
}