@charset "utf-8";

/*=============== ▼RESEARCH-ASSIST ===============*/

.p-assist__content {
  display: flex;
}

.p-assist__content.p-margin {
  margin: 100px 0 120px 0;
}

.p-assist__content-left {
  width: 100%;
}

.p-assist__card-list {
  display: flex;
  flex-wrap: wrap;
}

.p-assist__card {
  position: relative;
  width: 50%;
  border: 1px solid #e9ecee;
}

.p-assist__card:nth-child(2n) {
  margin-left: -1px;
}

.p-assist__card:nth-child(n + 1) {
  margin-top: -1px;
}

.p-assist__card-link {
  display: block;
  padding: 30px;
  height: 100%;
  text-decoration: none;
}

.p-assist__card-link.hover {
  background-color: #f8fcfb;
}

.p-assist__card-link.qa-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background-color: #f8fcfb;
}

.p-assist__card-link.qa-link.hover {
  background-color: #ebf3f2;
}

.p-assist__card-link.qa-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #008b56;
  border-right: 2px solid #008b56;
  transform: rotate(45deg) translateY(-50%);
}

.p-assist__card-label {
  padding: 3px 23px;
  border-radius: 3px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
}

.p-assist__card-label.label-color-gray {
  background-color: #666666;
}

.p-assist__card-label.label-color-green {
  background-color: #008b56;
}

.p-assist__card-title {
  margin: 10px 0 0 0;
  font-size: 2.4rem;
}

.p-assist__card-link.hover .p-assist__card-title {
  color: #008b56;
}

.p-assist__card-title--en {
  font-size: 1.6rem;
  font-weight: 700;
}

.p-assist__card-link.hover .p-assist__card-title--en {
  color: #008b56;
}

.p-assist__card-description {
  margin: 24px 0 0 0;
  font-size: 1.6rem;
  line-height: 1.7;
}

.p-assist__card-description.indent{
  padding-left:1em;
  text-indent:-1em;
}

.p-assist-qa-img {
  width: 130px;
  height: auto;
  vertical-align: bottom;
}

.p-assist__qa-card-title {
  margin: 0 0 0 10px;
  font-size: 2.4rem;
  color: #008b56;
}

/* ここからコメントアウトで非表示 */
/*.p-assist__card.p-card-float-link {
  height: 360px;
}

@media screen and (max-width: 1652px) {
  .p-assist__card.p-card-float-link {
    height: 390px;
  }
}

@media screen and (max-width: 1462px) {
  .p-assist__card.p-card-float-link {
    height: 420px;
  }
}

@media screen and (max-width: 1417px) {
  .p-assist__card.p-card-float-link {
    height: 450px;
  }
}

@media screen and (max-width: 1330px) {
  .p-assist__card.p-card-float-link {
    height: 475px;
  }
}

@media screen and (max-width: 1282px) {
  .p-assist__card.p-card-float-link {
    height: 495px;
  }
}

@media screen and (max-width: 1200px) {
  .p-assist__card.p-card-float-link {
    height: 315px;
  }
}

@media screen and (max-width: 996px) {
  .p-assist__card.p-card-float-link {
    height: 340px;
  }
}

@media screen and (max-width: 929px) {
  .p-assist__card.p-card-float-link {
    height: 365px;
  }
}

@media screen and (max-width: 856px) {
  .p-assist__card.p-card-float-link {
    height: 385px;
  }
}

@media screen and (max-width: 767px) {
  .p-assist__card.p-card-float-link {
    height: 270px;
  }
}

@media screen and (max-width: 672px) {
  .p-assist__card.p-card-float-link {
    height: 270px;
  }
}

@media screen and (max-width: 607px) {
  .p-assist__card.p-card-float-link {
    height: 290px;
  }
}

@media screen and (max-width: 588px) {
  .p-assist__card.p-card-float-link {
    height: 310px;
  }
}

@media screen and (max-width: 520px) {
  .p-assist__card.p-card-float-link {
    height: 330px;
  }
}

@media screen and (max-width: 407px) {
  .p-assist__card.p-card-float-link {
    height: 360px;
  }
}

@media screen and (max-width: 335px) {
  .p-assist__card.p-card-float-link {
    height: 380px;
  }
}

@media screen and (max-width: 330px) {
  .p-assist__card.p-card-float-link {
    height: 410px;
  }
}

@media screen and (max-width: 330px) {
  .p-assist__card.p-card-float-link {
    height: 430px;
  }
}

.p-assist__sub-card {
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 100;
  margin: 10px 0 0 0;
  width: 86%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1200px) {
  .p-assist__sub-card {
    width: 92%;
  }
}

@media screen and (max-width: 767px) {
  .p-assist__sub-card {
    width: 96%;
  }
}*/
/* ここまでコメントアウトで非公開 */

.p-assist__sub-card-inner {
  padding: 15px 20px;
  background-color: #f9fbf3;
}

.p-assist__sub-card-link {
  text-decoration: none;
}

.p-assist__sub-card-link-text {
  position: relative;
  font-size: 1.6rem;
  color: #008b56;
  font-weight: 700;
  text-decoration: underline;
}

.p-assist__sub-card-link-text:hover {
  text-decoration: none;
}

.p-assist__sub-card-link-text::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #008b56;
  border-right: 2px solid #008b56;
  transform: rotate(45deg) translateY(-50%);
}

.p-assist__sub-card-description {
  padding: 10px 0 0 0;
  font-size: 1.6rem;
}