@charset "utf-8";

/*----------------------------------------------------------------------------------------------------

  リンク
  
----------------------------------------------------------------------------------------------------*/

.linklist {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.linklist__box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

@media print,screen and (min-width:641px) {
  .s-cont { padding-bottom:100px; }
  
  .linklist {
    margin-left:-20px;
    margin-right:-20px;
  }

  .linklist__box {
    width:33.333333%;
    padding-left:20px;
    padding-right:20px;
    padding-top:60px;
    padding-bottom:20px;
  }
  
  .p-mailsend {
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  .linklist {
    margin-left:-2.5%;
    margin-right:-2.5%;
  }

  .linklist__box {
    width:50%;
    padding-left:2.5%;
    padding-right:2.5%;
    padding-top:2em;
    padding-bottom:1em;
  }
}

.linklist__box a {
  display:block;
}

.linklist__box .photo {
  width:100%;
  height:270px;
  position:relative;
  overflow:hidden;
}

img {
  width:auto;
  max-width:inherit;
  height:100%;
}

.linklist__box .photo[data-photo="line"] {
  border:1px solid #d2d2d2;
}

@media screen and (min-width:641px) and (max-width:1200px) {
  .linklist__box .photo {
    height:-webkit-calc(270 / 1200 * 100vw);
    height:calc(270 / 1200 * 100vw);
    min-height:230px;
  }
}

@media screen and (max-width:640px) {
  .linklist__box .photo {
    height:-webkit-calc(200 / 640 * 100vw);
    height:calc(200 / 640 * 100vw);
  }
}

.linklist__box .photo img {
  max-width:400px;
  min-height:100%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(1);
}

@media screen and (max-width:640px) {
  .linklist__box .photo img {
    max-width:-webkit-calc(400 / 640 * 100vw);
    max-width:calc(400 / 640 * 100vw);
  }
}

.ua-pc .linklist__box .photo img {
  -webkit-transition:transform 0.3s ease-out, opacity 0.2s ease-out;
  transition:transform 0.3s ease-out, opacity 0.2s ease-out;
}

.ua-pc .linklist__box a:hover .photo img {
  transform:translate(-50%,-50%) scale(1.05);
}

.linklist__box p {
  padding-top:1em;
  text-align:left;
}