@charset "utf-8";
.linktext, .linktext:hover {
  color: #0060FF;
}
.inst-outline-wrap {
  display: flex;
  flex-wrap: wrap;
}
.inst-outline-box {
  width: 25%;
  padding: 2px 5px;
}
.inst-outline-wrap a {
  display: block;
  padding: 5px 25px 5px 15px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.inst-outline-wrap a::after {
  content: '';
  position: absolute;
  top: 47%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  right: 9px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #42af34;
  border-right: 1px solid #42af34;
}
.inst-wrap {
  border: 2px solid #ccc;
}
.inst-imgwrap a {
  display: block;
}
.inst-imgwrap img {
  display: block;
  margin-bottom: 10px;
}
.inst-ttl {
  font-size: 1.25rem;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CDCDCD;
  position: relative;
}
.inst-ttl::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  width: 30%;
  max-width: 128px;
  height: 1px;
  background-color: #339599;
}
.inst_link {
  display: inline-block;
}
.inst_link:not(:last-child) {
  margin-right: 15px;
}
a.inst_link {
  padding-right: 21px;
  position: relative;
}
a.inst_link::after {
  content: '';
  position: absolute;
  top: 5px;
  right: 3px;
  width: 11px;
  height: 9px;
  background: url(./images/common/icon-newtab-green.svg) no-repeat center center/contain;
}
.installed-link {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}
a.installed-link {
  position: relative;
  padding-right: 15px;
  font-weight: 700;
}
a.installed-link::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0px;
  width: 10px;
  height: 8px;
  background: url(./images/common/icon-newtab-green.svg) no-repeat center center/contain;
}
span.installed-link {
  color: #888;
}
@media all and (min-width: 576px) {

}
@media all and (min-width: 768px) {

}
@media all and (min-width: 992px) {

}
@media all and (min-width: 1200px) {

}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {

}

/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}

/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

/*デスクトップまで*/

@media all and (max-width: 1199px) {
}


@media all and (max-width: 991px) {
  .inst-outline-box {
    width: 33.3333%;
  }
}

/*中デバイスまで*/
@media all and (max-width: 767px) {

}

/*小デバイス(横向きモバイル)まで*/

@media all and (max-width: 575px) {
  .inst-outline-box {
    width: 50%;
  }
}

/* 以下はbootstrapのブレイクポイントではなく、微調整用 */
@media all and (max-width: 480px) {
  
 
}
@media all and (max-width: 400px) {
 
}

@media all and (max-width: 380px) {

}
@media all and (max-width: 360px) {

}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}