@charset "UTF-8";

.sec-kamikoto-cards .card {
  border-radius: min(6px,  calc(6 / 960 * 100vw));
}

.cmn-h1-container h1.kamikoto {
  margin: 0 auto;
  width: min(198px,  calc(198 / 960 * 100vw));
}

.sec-kamikoto-slider {
  position: relative;
}

.sec-kamikoto-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  gap: min(15px,  calc(15 / 960 * 100vw));
  justify-content: center;
}

.sec-kamikoto-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
  width: min(294px,  calc(294 / 960 * 100vw));
}

.sec-kamikoto-slider .swiper-container:not(.swiper-container-initialized) + .swiper-pagination {
  display: none;
}

.sec-kamikoto-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-slider .swiper-slide .image {
  aspect-ratio: 294/165;
}

.sec-kamikoto-slider .swiper-slide .title {
  color: var(--color-navy);
  margin-top: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-slider .swiper-slide a {
  transition: opacity 0.3s;
}

.sec-kamikoto-slider .swiper-pagination {
  position: static !important;
  margin-top: min(24px,  calc(24 / 960 * 100vw));
}

.sec-kamikoto-slider .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--color-navy);
  background: transparent;
  opacity: 1;
  margin: 0 min(12px,  calc(12 / 960 * 100vw));
  width: min(10px,  calc(10 / 960 * 100vw));
  height: min(10px,  calc(10 / 960 * 100vw));
}

.sec-kamikoto-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-navy);
}

.sec-kamikoto-popular-keywords {
  display: flex;
  flex-direction: column;
  gap: min(12px,  calc(12 / 960 * 100vw));
}

.sec-kamikoto-popular-keywords .title {
  color: var(--color-navy);
}

.sec-kamikoto-popular-keywords .tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-popular-keywords .tag a {
  color: var(--color-navy);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s;
}

.sec-kamikoto-search h2 {
  color: var(--color-navy);
  font-weight: 700;
}

.sec-kamikoto-search .check-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-search .check-box label {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(4px,  calc(4 / 960 * 100vw));
}

.sec-kamikoto-search .check-box label::before {
  content: "";
  flex-shrink: 0;
  border: 1px solid var(--color-navy);
  aspect-ratio: 1;
  width: min(14px,  calc(14 / 960 * 100vw));
}

.sec-kamikoto-search .check-box label:has(input:checked)::before {
  background: var(--color-navy);
}

.sec-kamikoto-search .check-box label:has(input:checked)::after {
  content: "";
  background: url(../img/common/icon/ic_checked.svg) no-repeat;
  background-size: contain;
  aspect-ratio: 9/8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: min(4px,  calc(4 / 960 * 100vw));
  width: min(9px,  calc(9 / 960 * 100vw));
}

.sec-kamikoto-search .check-box label input[type=checkbox] {
  appearance: none;
}

.sec-kamikoto-search .check-box label span {
  color: var(--color-navy);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s;
}

.sec-kamikoto-results h2 {
  display: flex;
  justify-content: center;
  color: var(--color-navy);
  font-weight: 700;
}

.sec-kamikoto-results h2 .title {
  margin-right: 1em;
}

.sec-kamikoto-heading .tag {
  display: flex;
  flex-wrap: wrap;
  column-gap: min(16px,  calc(16 / 960 * 100vw));
  row-gap: min(6px,  calc(6 / 960 * 100vw));
}

.sec-kamikoto-heading .tag a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s;
}

.sec-kamikoto-user {
  display: flex;
  align-items: center;
}

.sec-kamikoto-user .image {
  aspect-ratio: 1;
  width: min(330px,  calc(330 / 960 * 100vw));
}

.sec-kamikoto-user .texts {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(24px,  calc(24 / 960 * 100vw));
  padding: min(24px,  calc(24 / 960 * 100vw)) min(32px,  calc(32 / 960 * 100vw));
}

.sec-kamikoto-user .texts .name {
  position: relative;
  color: var(--color-navy);
}

.sec-kamikoto-user .texts .name::after {
  content: "";
  background: var(--color-line-purple);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: max(-12px,  calc(-12 / 960 * 100vw));
}

.sec-kamikoto-user .texts .profile {
  display: grid;
  grid-template-columns: repeat(2, auto);
  width: 85%;
  column-gap: 1em;
}

.sec-kamikoto-user .texts .profile > div {
  display: flex;
  align-items: center;
}

.sec-kamikoto-user .texts .profile .age dt,
.sec-kamikoto-user .texts .profile .other dt {
  width: 5.5em;
}

.sec-kamikoto-user .texts .profile .occupation dt,
.sec-kamikoto-user .texts .profile .our dt {
  width: 9em;
}

.sec-kamikoto-user .texts .profile dd::before {
  content: "： ";
}

.sec-kamikoto-user .texts .services .title {
  color: var(--color-white);
  background: var(--color-navy);
  text-align: center;
  padding: min(6px,  calc(6 / 960 * 100vw)) 0;
}

.sec-kamikoto-user .texts .services-content {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--color-white);
  border: 1px solid var(--color-navy);
  border-top: none;
}

.sec-kamikoto-user .texts .services-content th:not(:last-child),
.sec-kamikoto-user .texts .services-content td:not(:last-child) {
  border-right: 1px solid var(--color-navy);
}

.sec-kamikoto-user .texts .services-content th,
.sec-kamikoto-user .texts .services-content td {
  text-align: center;
  padding: min(8px,  calc(8 / 960 * 100vw)) min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-user .texts .services-content th {
  font-weight: 700;
  background: var(--color-bg-gray);
  border-bottom: 1px solid var(--color-navy);
}

.sec-kamikoto-table-contents .title {
  color: var(--color-navy);
}

.sec-kamikoto-table-contents .list {
  border-top: 1px solid var(--color-line-purple);
}

.sec-kamikoto-table-contents .list li {
  border-bottom: 1px solid var(--color-line-purple);
}

.sec-kamikoto-table-contents .list a {
  color: var(--color-navy);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(8px,  calc(8 / 960 * 100vw));
  padding: min(12px,  calc(12 / 960 * 100vw));
  transition: opacity 0.3s;
}

.sec-kamikoto-table-contents .list a::after {
  content: "";
  flex-shrink: 0;
  mask-image: url(../img/common/icon/ic_link_arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  aspect-ratio: 1;
  background: var(--color-navy);
  transform: rotate(90deg);
  width: min(24px,  calc(24 / 960 * 100vw));
}

.sec-kamikoto-supervisor {
  border: 1px solid var(--color-navy);
  display: flex;
  column-gap: min(48px,  calc(48 / 960 * 100vw));
  padding: min(24px,  calc(24 / 960 * 100vw)) min(32px,  calc(32 / 960 * 100vw));
}

.sec-kamikoto-supervisor .profile {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: min(32px,  calc(32 / 960 * 100vw));
  width: min(415px,  calc(415 / 960 * 100vw));
}

.sec-kamikoto-supervisor .profile::after {
  content: "";
  background: var(--color-line-purple);
  position: absolute;
  top: 0;
  right: max(-24px,  calc(-24 / 960 * 100vw));
  width: 1px;
  height: 100%;
}

.sec-kamikoto-supervisor .profile .image {
  aspect-ratio: 1;
  width: min(120px,  calc(120 / 960 * 100vw));
}

.sec-kamikoto-supervisor .texts {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(4px,  calc(4 / 960 * 100vw));
}

.sec-kamikoto-supervisor .texts .degree {
  color: var(--color-navy);
}

.sec-kamikoto-supervisor .texts .name {
  color: var(--color-navy);
  font-weight: 700;
}

.sec-kamikoto-supervisor .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(4px,  calc(4 / 960 * 100vw));
}

.sec-kamikoto-supervisor .content .list {
  display: flex;
  flex-direction: column;
  gap: min(4px,  calc(4 / 960 * 100vw));
}

.sec-kamikoto-detail a:not(.card):not(.button) {
  color: var(--color-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s;
}

.sec-kamikoto-ba {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(4px,  calc(4 / 960 * 100vw));
  width: min(656px,  calc(656 / 960 * 100vw));
}

.sec-kamikoto-ba .image figure {
  width: 100%;
  aspect-ratio: 1;
}

.sec-kamikoto-ba .caption {
  color: var(--color-navy);
  background: var(--color-bg-gray);
  text-align: center;
  padding: min(4px,  calc(4 / 960 * 100vw)) min(10px,  calc(10 / 960 * 100vw));
}

.sec-kamikoto-cards .card {
  overflow: hidden;
  position: relative;
  color: var(--color-white);
  background: var(--color-navy);
  display: flex;
  align-items: flex-start;
  gap: min(40px,  calc(40 / 960 * 100vw));
  padding: min(32px,  calc(32 / 960 * 100vw));
  transition: opacity 0.3s;
}

.sec-kamikoto-cards .card .images {
  width: min(342px,  calc(342 / 960 * 100vw));
}

.sec-kamikoto-cards .card .images img {
  height: auto;
}

.sec-kamikoto-cards .card .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(8px,  calc(8 / 960 * 100vw));
}

.sec-kamikoto-cards.size-s .card .images {
  width: min(178px,  calc(178 / 960 * 100vw));
}

.sec-kamikoto-cards.size-s .card .content .title {
  flex: 1;
}

.sec-kamikoto-related .title {
  position: relative;
  padding-bottom: min(10px,  calc(10 / 960 * 100vw));
  margin-bottom: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-related .title::after {
  content: "";
  background: var(--color-navy);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.sec-kamikoto-related .list {
  display: flex;
  flex-direction: column;
  gap: min(8px,  calc(8 / 960 * 100vw));
}

.sec-kamikoto-related .list a {
  color: var(--color-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s;
}

.sec-kamikoto-author {
  border: 1px solid var(--color-navy);
  display: flex;
  align-items: flex-start;
  gap: min(24px,  calc(24 / 960 * 100vw));
  padding: min(24px,  calc(24 / 960 * 100vw)) min(32px,  calc(32 / 960 * 100vw));
}

.sec-kamikoto-author .image {
  aspect-ratio: 1;
  width: min(58px,  calc(58 / 960 * 100vw));
}

.sec-kamikoto-author .texts {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(4px,  calc(4 / 960 * 100vw));
}

.sec-kamikoto-author .texts .name {
  font-weight: 700;
}

.sec-kamikoto-share {
  background: var(--color-bg-gray);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: min(80px,  calc(80 / 960 * 100vw));
  width: min(720px,  calc(720 / 960 * 100vw));
  padding: min(20px,  calc(20 / 960 * 100vw)) 0;
}

.sec-kamikoto-share .share,
.sec-kamikoto-share .good {
  display: flex;
  align-items: center;
}

.sec-kamikoto-share .share .title,
.sec-kamikoto-share .good .title {
  color: var(--color-navy);
}

.sec-kamikoto-share .share img,
.sec-kamikoto-share .good img {
  width: min(40px,  calc(40 / 960 * 100vw)) !important;
  height: min(40px,  calc(40 / 960 * 100vw)) !important;
}

.sec-kamikoto-share .share {
  position: relative;
  gap: min(30px,  calc(30 / 960 * 100vw));
}

.sec-kamikoto-share .share::after {
  content: "";
  background: var(--color-line-purple);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: max(-40px,  calc(-40 / 960 * 100vw));
}

.sec-kamikoto-share .addtoany_list {
  display: flex;
  align-items: center;
  gap: min(30px,  calc(30 / 960 * 100vw));
}

.sec-kamikoto-share .good {
  gap: min(10px,  calc(10 / 960 * 100vw));
}

.sec-kamikoto-share .good strong {
  position: relative;
  background: var(--color-white);
  text-align: center;
  width: min(60px,  calc(60 / 960 * 100vw));
  padding: min(6px,  calc(6 / 960 * 100vw)) min(10px,  calc(10 / 960 * 100vw));
}

.sec-kamikoto-share .good strong::before {
  content: "";
  background: var(--color-white);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: max(-10px,  calc(-10 / 960 * 100vw));
  width: min(10px,  calc(10 / 960 * 100vw));
}

.sec-kamikoto-share img {
  transition: opacity 0.3s;
}

.sec-kamikoto-tags .tag {
  display: flex;
  flex-wrap: wrap;
  gap: min(16px,  calc(16 / 960 * 100vw));
}

.sec-kamikoto-tags .tag a {
  color: var(--color-navy);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s;
}

.cmn-box .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cmn-box .aligncenter:not(:last-child) {
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 768.8px) {
  .sec-kamikoto-cards .card {
    border-radius: 1.6vw;
  }

  .cmn-h1-container h1.kamikoto {
    width: 48vw;
  }

  .sec-kamikoto-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    gap: 0;
  }

  .sec-kamikoto-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
    width: 100%;
  }

  .sec-kamikoto-slider .swiper-slide .title {
    margin-top: 4.2666666667vw;
  }

  .sec-kamikoto-slider .swiper-pagination {
    margin-top: 6.4vw;
  }

  .sec-kamikoto-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3.2vw;
    width: 3.2vw;
    height: 3.2vw;
  }

  .sec-kamikoto-popular-keywords {
    gap: 4.2666666667vw;
  }

  .sec-kamikoto-popular-keywords .tag {
    gap: 4.2666666667vw;
    justify-content: flex-start;
  }

  .sec-kamikoto-search .check-box {
    justify-content: flex-start;
    column-gap: 3.2vw;
    row-gap: 4.2666666667vw;
  }

  .sec-kamikoto-search .check-box label {
    gap: 1.0666666667vw;
  }

  .sec-kamikoto-search .check-box label::before {
    width: 4.2666666667vw;
  }

  .sec-kamikoto-search .check-box label:has(input:checked)::after {
    left: 1.0666666667vw;
    width: 2.9333333333vw;
  }

  .sec-kamikoto-heading .tag {
    column-gap: 4.2666666667vw;
    row-gap: 3.2vw;
  }

  .sec-kamikoto-user {
    flex-direction: column;
  }

  .sec-kamikoto-user .image {
    width: 100%;
  }

  .sec-kamikoto-user .texts {
    gap: 5.3333333333vw;
    padding: 6.4vw 5.3333333333vw;
  }

  .sec-kamikoto-user .texts .name::after {
    bottom: -2.6666666667vw;
  }

  .sec-kamikoto-user .texts .profile {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .sec-kamikoto-user .texts .profile > div {
    align-items: stretch;
  }

  .sec-kamikoto-user .texts .profile .age dt,
  .sec-kamikoto-user .texts .profile .other dt {
    width: 9em;
  }

  .sec-kamikoto-user .texts .services .title {
    font-size: 1.4rem;
    padding: 1.6vw 0;
  }

  .sec-kamikoto-user .texts .services-content th:not(:last-child),
  .sec-kamikoto-user .texts .services-content td:not(:last-child) {
    border-right: none;
  }

  .sec-kamikoto-user .texts .services-content th,
  .sec-kamikoto-user .texts .services-content td {
    padding: 3.2vw 4.2666666667vw;
  }

  .sec-kamikoto-user .texts .services-content th {
    border-bottom: none;
  }

  .sec-kamikoto-user .texts .services-content {
    display: flex;
    flex-wrap: wrap;
  }

  .sec-kamikoto-user .texts .services-content tbody,
  .sec-kamikoto-user .texts .services-content tr {
    display: contents;
  }

  .sec-kamikoto-user .texts .services-content th,
  .sec-kamikoto-user .texts .services-content td {
    position: relative;
    text-align: left;
    padding: 2.1333333333vw 4.2666666667vw;
    display: flex;
    align-items: center;
  }

  .sec-kamikoto-user .texts .services-content th::before,
  .sec-kamikoto-user .texts .services-content td::before {
    content: "";
    background: var(--color-navy);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
  }

  .sec-kamikoto-user .texts .services-content th {
    width: 30%;
  }

  .sec-kamikoto-user .texts .services-content th::after {
    content: "";
    background: var(--color-navy);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }

  .sec-kamikoto-user .texts .services-content td {
    width: 70%;
  }

  .sec-kamikoto-user .texts .services-content th:nth-child(1) {
    order: 1;
  }

  .sec-kamikoto-user .texts .services-content td:nth-child(1) {
    order: 2;
  }

  .sec-kamikoto-user .texts .services-content th:nth-child(2) {
    order: 3;
  }

  .sec-kamikoto-user .texts .services-content td:nth-child(2) {
    order: 4;
  }

  .sec-kamikoto-user .texts .services-content th:nth-child(3) {
    order: 5;
  }

  .sec-kamikoto-user .texts .services-content td:nth-child(3) {
    order: 6;
  }

  .sec-kamikoto-table-contents .list a {
    gap: 1.6vw;
    padding: 3.2vw;
  }

  .sec-kamikoto-table-contents .list a::after {
    width: 6.4vw;
  }

  .sec-kamikoto-supervisor {
    flex-direction: column;
    row-gap: 10.6666666667vw;
    padding: 6.4vw 5.3333333333vw;
  }

  .sec-kamikoto-supervisor .profile {
    gap: 5.3333333333vw;
    width: auto;
  }

  .sec-kamikoto-supervisor .profile::after {
    top: auto;
    bottom: -5.3333333333vw;
    right: 0;
    width: 100%;
    height: 1px;
  }

  .sec-kamikoto-supervisor .profile .image {
    width: 29.3333333333vw;
  }

  .sec-kamikoto-supervisor .texts {
    gap: 1.0666666667vw;
  }

  .sec-kamikoto-supervisor .content {
    gap: 5.3333333333vw;
  }

  .sec-kamikoto-supervisor .content .list {
    gap: 1.0666666667vw;
  }

  .sec-kamikoto-ba {
    gap: 1px;
    width: auto;
  }

  .sec-kamikoto-ba .caption {
    padding: 0.5333333333vw 2.6666666667vw;
    font-size: 1.2rem !important;
  }

  .sec-kamikoto-cards .card {
    flex-direction: column;
    gap: 6.4vw;
    padding: 0 5.3333333333vw 10.1333333333vw 5.3333333333vw;
  }

  .sec-kamikoto-cards .card .images {
    width: auto;
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
  }

  .sec-kamikoto-cards .card .content {
    gap: 4.2666666667vw;
  }

  .sec-kamikoto-cards.size-s .card {
    gap: 2.1333333333vw;
    padding-top: 5.3333333333vw;
    display: grid;
    grid-template-columns: 34.1333333333vw 1fr;
    grid-template-areas: "img title" "text text";
  }

  .sec-kamikoto-cards.size-s .card .images {
    grid-area: img;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    gap: 3.2vw;
  }

  .sec-kamikoto-cards.size-s .card .images .image {
    width: 34.1333333333vw;
  }

  .sec-kamikoto-cards.size-s .card .content {
    display: contents;
  }

  .sec-kamikoto-cards.size-s .card .content .title {
    grid-area: title;
  }

  .sec-kamikoto-cards.size-s .card .content .text {
    grid-area: text;
  }

  .sec-kamikoto-related .title {
    padding-bottom: 2.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }

  .sec-kamikoto-related .list {
    gap: 4.2666666667vw;
  }

  .sec-kamikoto-author {
    gap: 5.3333333333vw;
    padding: 6.4vw 5.3333333333vw;
  }

  .sec-kamikoto-author .image {
    width: 13.8666666667vw;
  }

  .sec-kamikoto-author .texts {
    gap: 1.0666666667vw;
  }

  .sec-kamikoto-share {
    gap: 10.6666666667vw;
    width: auto;
    padding: 6.4vw 5.3333333333vw;
  }

  .sec-kamikoto-share .share,
  .sec-kamikoto-share .good {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .sec-kamikoto-share .share .title,
  .sec-kamikoto-share .good .title {
    width: 100%;
    text-align: center;
  }

  .sec-kamikoto-share .share img,
  .sec-kamikoto-share .good img {
    width: 10.6666666667vw !important;
    height: 10.6666666667vw !important;
  }

  .sec-kamikoto-share .share {
    row-gap: 5.3333333333vw;
    column-gap: 6.6666666667vw;
  }

  .sec-kamikoto-share .share::after {
    right: -5.3333333333vw;
  }

  .sec-kamikoto-share .addtoany_list {
    row-gap: 5.3333333333vw;
    column-gap: 6.6666666667vw;
  }

  .sec-kamikoto-share .good {
    row-gap: 5.3333333333vw;
    column-gap: 2.6666666667vw;
  }

  .sec-kamikoto-share .good strong {
    width: 16vw;
    padding: 1.6vw 2.6666666667vw;
  }

  .sec-kamikoto-share .good strong::before {
    left: -2.6666666667vw;
    width: 2.6666666667vw;
  }

  .sec-kamikoto-tags .tag {
    gap: 4.2666666667vw;
  }
}

@media (hover: hover) {
  .sec-kamikoto-slider .swiper-slide a:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-popular-keywords .tag a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-search .check-box label span:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-heading .tag a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-table-contents .list a:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-detail a:not(.card):not(.button):hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-cards .card:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-related .list a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-share img:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-tags .tag a:hover {
    text-decoration-color: currentColor;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .sec-kamikoto-slider .swiper-slide a:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-popular-keywords .tag a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-search .check-box label span:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-heading .tag a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-table-contents .list a:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-detail a:not(.card):not(.button):hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-cards .card:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-related .list a:hover {
    text-decoration-color: transparent;
  }

  .sec-kamikoto-share img:hover {
    opacity: 0.6;
  }

  .sec-kamikoto-tags .tag a:hover {
    text-decoration-color: currentColor;
  }
}