@charset "UTF-8";

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 320px) {
}

#contents .industry,
#contents .business,
#contents .issue {
  gap: 0;
}
#contents .industry dt,
#contents .business dt,
#contents .issue dt {
  background-color: #333;
  color: #fff;
  position: relative;
  border: unset;
}
#contents .industry dt::after,
#contents .business dt::after,
#contents .issue dt::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  border-top: solid 40px #333;
  border-right: solid 30px transparent;
}
#contents .industry dd,
#contents .business dd {
  min-width: 12em;
  padding-left: calc(30px + 2em);
  padding-right: calc(30px + 2em);
}
#contents .issue {
  background-color: #f3f3f3;
}
#contents .issue dd.tag {
  padding: 0;
}
#contents .issue dd.tag ul {
  display: flex;
  margin: 0;
}
#contents .issue dd.tag ul li {
  background-color: unset;
  font-weight: 600;
  color: #ea6188;
}
#contents .issue dd.tag ul li::before {
  content: "#";
}
#contents .issue dd.tag ul li:nth-of-type(1) {
  padding: 0;
  margin-left: calc(30px + 2em);
}
#contents .issue dd.tag ul li:not(:nth-of-type(1)) {
  margin-left: 1em;
}
#contents .issue .description {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 1.8;
}
@media screen and (max-width: 600px) {
  #contents .issue .description {
    font-size: 16px;
  }
}
#contents .solution ul li {
  margin-left: 1em;
  list-style: disc;
}
#contents .solution p:has(img) {
  text-align: center;
  padding: 40px;
  border: solid 1px #333;
}
@media screen and (max-width: 600px) {
  #contents .solution p:has(img) {
    padding: 20px;
  }
}
#contents .solution-blocks{
  display: flex;
  flex-direction: column;
  width: 100%;
}
#contents .solution-blocks .solution-text,
#contents .solution-blocks .solution-image{
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  #contents .solution-blocks .solution-text,
  #contents .solution-blocks .solution-image{
    margin-top: 20px;
  }
}
#contents .effect {
  padding: 0;
  /* display: flex; */
  background-color: #fae3ea;
  border: none;
}
#contents .effect h3 {
  background-color: #ea6188;
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  padding: 0 15px;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  position: relative;
  height: 40px;
  width: fit-content;
}
#contents .effect h3::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  border-top: solid 40px #ea6188;
  border-right: solid 30px transparent;
}
#contents .effect ul {
  padding: 20px 15px;
  margin: 0;
}
#contents .effect ul li {
  font-size: 18px;
  line-height: 1.8;
  list-style-position: outside;
  text-indent: unset;
  padding-left: unset;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 600px) {
  #contents .effect ul li {
    font-size: 16px;
  }
}
#contents .effect ul li::marker {
  /* list-style: unset; */
  /* margin: unset; */
}
.pagerelated img{
      object-fit: cover;
    aspect-ratio: 23 / 13;
}
.pagerelated .noimage{
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    background: #ccc;
    aspect-ratio: 23 / 13;
    position: relative;
    transition: 0.3s;
  }
  .pagerelated .noimage::before{
    content: "";
    position: absolute;
    display: block;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2055%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m35.72%2025c-4.7%201.16-7.41%206.64-6%2012.24s6.27%209.19%2011%208a5.94%205.94%200%200%200%20.75-.23v-19.17a7.87%207.87%200%200%200%20-5.75-.84z%22%2F%3E%3Cpath%20d%3D%22m44%204.25h-44v61.58h44.11l10.89%205.17v-71zm-2.6%2058.6h-38.4v-55.63h38.4z%22%2F%3E%3Cpath%20d%3D%22m0%2076.26v2.02h3.76v9.49h2.49v-9.49h3.76v-2.02z%22%2F%3E%3Cpath%20d%3D%22m19.36%2076.26h-4v11.51h4c4%200%206.43-2.15%206.43-5.75s-2.41-5.76-6.43-5.76zm-1.54%202.07h1.43c2.69%200%204%201.21%204%203.69s-1.31%203.69-4%203.69h-1.43z%22%2F%3E%3Cpath%20d%3D%22m34.93%2080.57c-1.61-.39-1.83-.92-1.83-1.43%200-.74.61-1.18%201.63-1.18a5.36%205.36%200%200%201%202.81%201l.13.08.55-1.82-.06-.05a5.7%205.7%200%200%200%20-3.41-1.17c-2.36%200-3.95%201.32-3.95%203.29%200%201.82%201.13%203%203.35%203.57%201.9.47%202.25%201%202.25%201.77s-.73%201.45-1.85%201.45a4.89%204.89%200%200%201%20-3.35-1.49l-.14-.13-.59%202.05h.06a5.92%205.92%200%200%200%204%201.44c1.92%200%204.17-.94%204.17-3.59.02-1.97-1.12-3.11-3.77-3.79z%22%2F%3E%3Cpath%20d%3D%22m52%2078.28v-2.02h-7.47v11.51h7.47v-2.01h-4.98v-3.04h4.05v-2.02h-4.05v-2.42z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: contain;
  }

  .tibb.human-resources::after,
  .tibb.media::after,
  .tibb.it-services::after{
    content: unset;
    color: #ea6188;
}
main.archive .tibb.retail-distribution{
  background-image: -webkit-image-set(url(../img/archive/example/1.png) 1x, url(../img/archive/example/1@2x.png) 2x);
}
main.archive .tibb.finance-insurance{
  background-image: -webkit-image-set(url(../img/archive/example/2.png) 1x, url(../img/archive/example/2@2x.png) 2x);
}
main.archive .tibb.manufacturing{
  background-image: -webkit-image-set(url(../img/archive/example/3.png) 1x, url(../img/archive/example/3@2x.png) 2x);
}
main.archive .tibb.infrastructure{
  background-image: -webkit-image-set(url(../img/archive/example/4.png) 1x, url(../img/archive/example/4@2x.png) 2x);
}
main.archive .tibb.media{
  background-image: -webkit-image-set(url(../img/archive/example/5.png) 1x, url(../img/archive/example/5@2x.png) 2x);
}
main.archive .tibb.human-resources{
  background-image: unset;  
}
main.archive .tibb.it-services{
  background-image: unset;

}