@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg?d=20240614);
}

article.content {
  text-align:left;
  counter-reset:s-no;
  counter-reset:list-no;
}

@media print,screen and (min-width:641px) {
  article.content {
    text-align:left;
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  article.content {
    text-align:left;
    padding-top:2.5em;
    padding-bottom:2.5em;
    overflow-x:hidden;
  }
}


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

  ナビ
  
----------------------------------------------------------------------------------------------------*/

.pgNav {
  padding-top:2em;
}

.pgNav ul {
  list-style:none;
}

.pgNav li:not(:first-child) {
  margin-top:0.5em;
}

.pgNav li {
  position:relative;
  padding-left:3.5rem;
  counter-increment:list-no;
}

.pgNav li:before {
  content:"";
  width:2.25rem;
  height:2.25rem;
  line-height:2.25rem;
  text-align:center;
  display:inline-block;
  background-color:#FFAC3A;
  color:#FFF;
  position:absolute;
  left:0;
  top:0.5rem;
  border-radius:50%;
  font-size:70%;
}

.pgNav li a,
.pgNav li a:visited,
.pgNav li a:hover { color:#FF942C; }
.ua-pc .pgNav li a:hover { color:#FFAC3A; }

@media print,screen and (min-width:641px) {
  .pgNav ul {
    float:left;
    display:inline-block;
  }
  
  .pgNav ul:first-of-type {
    padding-right: 80px;
  }
}


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

  メディア掲載
  
----------------------------------------------------------------------------------------------------*/

.media {
  text-align:left;
}

.media .hdline {
  border-bottom:1px solid #eadbc9;
  padding-bottom:0.75em;
  font-weight:700;
  line-height:1.4;
  color:#ff942c;
}

.media .hdlineS {
  font-weight:600;
  line-height:1.4;
}

.media .hdline-line {
  font-weight:600;
  line-height:1.4;
  position:relative;
  padding-left:2rem;
}

.media .hdline-line:before {
  content:"";
  width:4px;
  height:100%;
  border-radius:4px;
  position:absolute;
  left:0;
  top:0;
  background-color:#ffac3a;
}

@media print,screen and (min-width:641px) {
  .media .hdline {
    padding-top:90px;
  }
  
  .media .hdline-line {
    margin-top:60px;
  }
}

@media screen and (max-width:640px) {
  .media .hdline {
    padding-top:1.5em;
  }
  
  .media .hdline-line {
    margin-top:2em;
  }
}

.media figure {
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  gap:50px;
  margin:0 auto;
  padding:2.5em 0 0 0;
}

.media figure div {
  flex-shrink:0;
  position:relative;
  max-width:40%;
  margin:10px 0 0 0;
  transition:none;
}

.media figure figcaption p {
  text-align:left;
}

.media figure figcaption ul {
  padding-top:20px;
  margin-left:20px;
}
.media figure figcaption ul li {
  padding-bottom:10px;
}
.media figure figcaption ul span {
  font-size:small;
  text-indent:2em;
}

@media screen and (max-width:640px) {
  .media figure {
    flex-direction:column;
    justify-content:flex-start;
    gap:30px;
  }

  .media figure div {
    max-width:100%;
    margin:0 auto;
  }
}