@charset "UTF-8";

.str-kv .kv-img-anchor img {
  -webkit-transition: .2s opacity ease-out;
  transition: .2s opacity ease-out;
  opacity: 1;
}
.str-kv .kv-img-anchor:hover img {
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .str-kv {
    height: 210px;
    background: url(/access/hikari/collabo/img/index-img-02.jpg) center top no-repeat;
  }
  .str-kv > .inner {
    max-width: 1100px;
    min-width: 950px;
    margin: 0 auto;
  }
  .str-kv .hdg {
    width: 644px;
    height: 163px;
    margin: 25px 0 0 30px;
    position: relative;
  }
  .str-kv .kv-img-anchor {
    position: absolute;
    left: 190px;
    top: 4px;
  }
}

@media only screen and (max-width: 767px) {
  .str-kv .hdg {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  .str-kv .kv-img-anchor {
    position: absolute;
    display: block;
    left: 10.6vw;
    bottom: 43.7vw;
    width: 80vw;
  }
}

.str-cvcontent .box-cv .mod-btn .btn.type-icon01 {
  position: relative;
}

.str-cvcontent .box-cv .mod-btn .btn.type-icon01::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 15px;
  display: block;
  content: "最短約1分で完了";
  width: 63px;
  height: 63px;
  margin-top: -20px;
  background: url(/access/hikari/collabo/img/index-img-23.png) no-repeat;
  color: transparent;
}

@media only screen and (max-width: 767px) {
  .str-cvcontent .box-cv .mod-btn .btn.type-icon01::before {
    left: -24px;
    margin-top: -32px;
  }
}


/**
---------------------------------------------------------
  ph3のtableを移植
--------------------------------------------------------- */

.mod-table table {
font-size: 100%;
width: 100%;
margin: 0 auto 25px;
border-collapse: collapse;
}

.mod-table tr {
text-align: left;
}

.mod-table th,
.mod-table td {
padding: 12px 15px;
empty-cells: show;
vertical-align: top;
border: none;
}

.mod-table th img,
.mod-table td img {
max-width: 100%;
vertical-align: middle;
}

.mod-table th sup,
.mod-table td sup {
font-size: .9rem;
}

.mod-table th > :last-child,
.mod-table td > :last-child {
margin-bottom: 0;
}

.mod-table th > :first-child,
.mod-table td > :first-child {
margin-top: 0;
}

.mod-table th {
font-weight: normal;
}

.mod-table caption {
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

.mod-table {
box-sizing: border-box;
margin: 0 auto 25px;
text-align: center;

-webkit-overflow-scrolling: auto;
}

.mod-table * {
box-sizing: border-box;
}

.mod-table caption img {
vertical-align: middle;
}

.mod-table th,
.mod-table td {
word-wrap: break-word;
border: 1px solid #d9dadb;

overflow-wrap: break-word;
}

.mod-table th.type-nowrap,
.mod-table td.type-nowrap {
white-space: nowrap;
}

.mod-table th > div:first-of-type,
.mod-table td > div:first-of-type {
margin-top: 10px;
}

.mod-table th > div:first-of-type > :last-child,
.mod-table td > div:first-of-type > :last-child {
margin-bottom: 0;
}

.mod-table.aln-c th,
.mod-table.aln-c td,
.mod-table th.aln-c th,
.mod-table th.aln-c td,
.mod-table td.aln-c th,
.mod-table td.aln-c td,
.mod-table tr.aln-c th,
.mod-table tr.aln-c td,
.mod-table tbody.aln-c th,
.mod-table tbody.aln-c td {
text-align: center;
}

.mod-table.aln-r th,
.mod-table.aln-r td,
.mod-table th.aln-r th,
.mod-table th.aln-r td,
.mod-table td.aln-r th,
.mod-table td.aln-r td,
.mod-table tr.aln-r th,
.mod-table tr.aln-r td,
.mod-table tbody.aln-r th,
.mod-table tbody.aln-r td {
text-align: right;
}

.mod-table.aln-l th,
.mod-table.aln-l td,
.mod-table th.aln-l th,
.mod-table th.aln-l td,
.mod-table td.aln-l th,
.mod-table td.aln-l td,
.mod-table tr.aln-l th,
.mod-table tr.aln-l td,
.mod-table tbody.aln-l th,
.mod-table tbody.aln-l td {
text-align: left;
}

.mod-table.valn-t th,
.mod-table.valn-t td,
.mod-table th.valn-t th,
.mod-table th.valn-t td,
.mod-table td.valn-t th,
.mod-table td.valn-t td,
.mod-table tr.valn-t th,
.mod-table tr.valn-t td,
.mod-table tbody.valn-t th,
.mod-table tbody.valn-t td {
vertical-align: top;
}

.mod-table.valn-m th,
.mod-table.valn-m td,
.mod-table th.valn-m th,
.mod-table th.valn-m td,
.mod-table td.valn-m th,
.mod-table td.valn-m td,
.mod-table tr.valn-m th,
.mod-table tr.valn-m td,
.mod-table tbody.valn-m th,
.mod-table tbody.valn-m td {
vertical-align: middle;
}

.mod-table.valn-b th,
.mod-table.valn-b td,
.mod-table th.valn-b th,
.mod-table th.valn-b td,
.mod-table td.valn-b th,
.mod-table td.valn-b td,
.mod-table tr.valn-b th,
.mod-table tr.valn-b td,
.mod-table tbody.valn-b th,
.mod-table tbody.valn-b td {
vertical-align: bottom;
}

.mod-table thead th,
.mod-table thead td {
text-align: center;
vertical-align: middle;
background: #e7e7e7;
}

.mod-table tbody th {
background: #f0f1f3;
}

.mod-table tbody td ul.icon > li {
text-align: center;
}

.mod-table tbody td ul.icon > li + li {
margin-top: 8px;
}

.mod-table tbody td ul.icon > li img {
max-width: 70px;
border-radius: 8px;
}

.mod-table tbody td :last-child {
margin-bottom: 0;
}

.mod-table tbody td > div.adjust:first-of-type {
margin: 0 0 10px;
}

.mod-table.type-color thead th,
.mod-table.type-color thead td {
color: #fff;
background-color: #6cab21;
}

.mod-table.type-color-2 thead th,
.mod-table.type-color-2 thead td {
color: #fff;
background-color: #0092b2;
}

.mod-table::-webkit-scrollbar {
/* スクロールバー本体 */
width: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar:horizontal {
/* 横方向のスクロールバー本体 */
height: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-thumb {
border-radius: 2px;
/* スクロールバーの動く部分 */
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-track-piece:start {
/* スクロールバーの動く部分の前 */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-track-piece:end {
/* スクロールバーの動く部分の後ろ */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-corner {
/* スクロールバー角 */
background: transparent;
}

.mod-table .mod-txtEm {
color: #f36641;
}

.mod-table .mod-txtSize {
font-size: 213.33% !important;
}

.mod-table .aln-c {
text-align: center !important;
}

.mod-table .valn-m {
vertical-align: middle !important;
}

.mod-table .w-20 {
width: 20% !important;
}

.mod-table .w-40 {
width: 40% !important;
}


@media only screen and (max-width: 767px) {
  .mod-table.type-rwdScroll {
  overflow: auto;
  width: 100%;
  }

  .mod-table.type-rwdScroll table {
  min-width: 800px;
  margin: 0;
  }

  .mod-table .mod-txtSize {
  font-size: 149.33% !important;
  }
}


/*
 .unq-cpninfo
----------------------------*/
.unq-cpninfo-hdg {
  margin: 40px 0 18px !important;
  text-align: center;
}
.unq-cpninfo-hdg img {
  max-width: 100%;
}
.unq-cpninfo {
  margin: 0 -16px 40px;
  padding-bottom: 6.66vw;
  background: url(/access/hikari/collabo/img/index-img-19_sp.png) center top /cover no-repeat;
}
.unq-cpninfo> ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}
.unq-cpninfo> ul> li {
  width: 50%;
  text-align: center;
  color: #fff;
}
.unq-cpninfo> ul> li img {
  max-width: 100%;
  vertical-align: middle;
}
.unq-cpninfo> ul> li .hdg {
  padding: 5vw 5.53vw;
}
.unq-cpninfo> ul> li .image {
  padding: 4vw 5.53vw;
}
.unq-cpninfo .mod-btn {
  margin: 0 16px;
}
.unq-cpninfo> .txt {
  color: #fff;
  line-height: 1.875;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, .1);
  width: 100%;
  max-width: 740px;
  padding: 12px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 15px;
  text-align: center;
}
.unq-cpninfo> .txt dt {
  font-size: 1.6rem;
  font-weight: bold;
}
.unq-cpninfo> .txt dd {
  font-size: 1.3rem;
}

@media only screen and (min-width:1360px) {
  .unq-cpninfo {
    margin: 0 -130px 40px;
  }
}

@media screen and (min-width:768px) and ( max-width:1360px) {
  .unq-cpninfo {
    margin: 0 -16px 40px;
  }
}

@media only screen and (min-width: 768px) {
  .unq-cpninfo-hdg {
    margin-top: 70px !important;
  }
  .unq-cpninfo {
    margin-bottom: 70px;
    padding-bottom: 84px;
    background: url(/access/hikari/collabo/img/index-img-19.png) center top no-repeat;
  }
  .unq-cpninfo> ul> li .hdg {
    padding: 33px 0;
  }
  .unq-cpninfo> ul> li .image {
    padding: 44px 10px 30px;
  }
  .unq-cpninfo> .txt {
    margin-bottom: 0;
    padding: 20px;
  }
  .unq-cpninfo> .txt dt {
    font-size: 2rem;
    font-weight: bold;
  }
  .unq-cpninfo> .txt dd {
    font-size: 1.6rem;
  }
  .unq-cpninfo .mod-btn {
    margin-top: 22px;
  }

  .str-kv img {
    max-width: none;
  }

  .str-kv .kv-img-anchor {
    left: 285px;
  }
}


@media only screen and (max-width: 767px) {
  .str-kv .kv-img-anchor {
      bottom: 51.7vw;
      width: 75vw;
  }
}