/*  common

================================================ */
/* .l-sub-img
================================================ */
#link .l-sub-img { background: url("../img/link/img_main01.png") no-repeat; background-size: cover; height: 217px; }

#link .l-sub-img .l-sub-img_head { width: 140px; margin: 0 0 0 auto; }

@media screen and (min-width: 600px) { #link .l-sub-img { height: 675px; background-position: center; }
  #link .l-sub-img .l-sub-img_head { width: 247px; } }

.link-head .list_item { border-bottom: 4px solid #ff9900; min-width: 230px; }

.link-head .list_item + .list_item { margin-top: 20px; }

.link-head .list_item .link { display: block; position: relative; padding: 10px 20px 10px 5px; text-decoration: none; }

.link-head .list_item .link:before { display: block; content: ""; position: absolute; top: 50%; margin-top: -8px; right: 10px; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.link-head .list_item .link .tit { margin-top: 5px; font-weight: 600; }

@media screen and (min-width: 600px) { .link-head .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; }
  .link-head .list_item { width: calc( 50% - 15px); margin-top: 20px; }
  .link-head .list_item .link { position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .link-head .list_item .link:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .link-head .list_item .link:hover:after { opacity: 0.4; } }

@media screen and (min-width: 700px) { .link-head .list_item { width: calc( 50% - 20px); } }

@media screen and (min-width: 850px) { .link-head .list_item { width: calc( 33.333% - 15px); } }

@media screen and (min-width: 950px) { .link-head .list_item { width: calc( 33.333% - 30px); } }

@media screen and (min-width: 1240px) { .link-head .list_item { width: calc( 33.333% - 50px); } }