@charset "shift_jis";
/* Updated 2022/05/09.T */
/* Updated 2022/03/31.T */
/* ----------------------------------
all
---------------------------------- */
#header-content {
  position: relative;
  box-shadow: 0 0px 13px 0 rgb(20 29 29 / 10%);
  z-index: 1;
}
.loadItems {
  opacity: 0;
  transition: opacity .5s;
}
.loadItems.loadEnd {
  opacity: 1;
}
.bgWhite {
  background: #fff!important;
}
.tDgreen {
  color: #003927;
}
.tPink {
  background: linear-gradient(transparent 65%,#F3B5CB 0);
}
.tBlue {
  background: linear-gradient(transparent 65%,#99CDF1 0);
}
/* head01 */
.title-heading01.bgWhite>.inner {
  padding: 0;
  min-height: inherit;
}
.subLead {
  display: inline-block;
  padding: .1em .6em;
  border: 1px solid #004831;
  border-radius: 4px;
  font-weight: bold;
}
/* visible or hidden contents */
.paramVisible:not(.visibleArea),
.dataVisible:not(.visibleItem),
.qTitle .copyVisible,
.dataTxt .copyVisible,
[data-title] .copyHidden,
[data-list] .copyHidden {
  display: none!important;
  speak: none;
}
/* head01 */
.shindan .title-heading01 {
  padding: 20px 0;
}
/* head02 */
.shindan .title-heading02:not(.-noBorder) {
  margin-top: 0;
  padding: 16px 0 0;
  border-top: 2px solid #c4d700;
  border-bottom: none;
}
/* head03 */
.shindan .title-heading03 .inner {
  display: inline-flex;
  align-items: center;
}
.shindan .title-heading03 .inner > .ico {
  width: 2em;
  margin-right: .5em;
}
/* accordion */
.shindan .toggle-block01 + .toggle-block01 {
  margin-top: 20px;
}
.shindan .toggle-block01.card-normal01>.inner>.header[role=tab]::after {
  top: 0;
  bottom: 0;
  right: .5em;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
}
.shindan .toggle-block01.card-normal01>.inner>.header[role=tab] {
  padding: 1.1em 1.25em;
  font-size: 1.4rem;
}
.shindan .toggle-block01.card-normal01>.inner>.header[role=tab] >.title {
  font-size: 1em;
  text-align: left;
}
.shindan .card-normal01>.inner>.body {
  padding: 16px;
}
.shindan .card-normal01>.inner>.body:not(:first-child)::before {
  display: none;
}
.shindan .toggle-block01 .btn-type02,
.shindan .toggle-block01 .btn-type02:hover {
  border-color: #D5DEDB;
}
/* check area */
.cardCheckWrap > * {
  padding: 16px 24px;
  background: #F3F8F6;
}
.cardCheckWrap > :nth-child(n + 2) {
  margin-top: 8px;
}
.cardCheckWrap .form-check01>.check:not(.-checked):not(:checked)+::before,
.cardCheckWrap .form-check01>.check:not(.-checked):not(:checked)+::after {
  border-color: #B3C8C1;
}
.fullSizeRadio .form-radio01 {
  width: 100%;
  padding: 1em;
  background: #FFFFFF;
  border: 1px solid #D5DEDB;
  border-radius: 8px;
}
.fullSizeRadio .form-radio01 >.radio+::before {
  width: 1.75em;
  height: 1.75em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.fullSizeRadio .form-radio01 >.radio+::after {
  width: 1em;
  height: 1em;
  left: .375em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cardCheckWrap .img {
  display: inline-block;
  max-width: 200px;
  vertical-align: bottom;
}
.cardCheckWrap .btmTxt .label {
  display: inline-block;
  padding: .4em 1em;
  background: #C4D700;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
}
/* button */
.btnWrap .dataTxtWrap {
  display: none;
}
.floatingBtn {
  padding-top: 20px;
  transition: bottom .2s linear .05s;
}
.floatingBtn.on {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 4.8vw;
  background: #fff;
  box-shadow: 0 -10px 10px rgba(0,0,0,.1);
  z-index: 1;
}
.nextBtn[aria-disabled="false"] > .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5em;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) center/100% auto no-repeat;
}
.btn-list01 .btn-type02 > .inner {
  line-height: 1.5;
}
.btn-list01 .btn-type02 > .inner._f-direction_column {
  font-size: 16px;
}
.btn-list01:not(.-row) .btn-type02 {
  height: 100%;
}
.btn-list01.-row > .item,
.btn-list01.-row .btn-type02 {
  width: 100%;
  max-width: 100%;
}
.btn-list01.-row .btn-type02 {
  justify-content: flex-start;
}
.btnWrap > .btn-list01 .btn-type02,
.shindan .toggle-block01.card-normal01 {
  border: none;
  box-shadow: 0 8px 10px rgba(20,29,29,.08), 0 0 4px rgba(20,29,29,.05);
  border-radius: 8px;
}
.btnWrap > .btn-type02:not(:disabled):not([aria-disabled=true]):hover {
  border: none;
}

.btn-list01.-row .btn-type02 > .inner {
  text-align: left;
}
.btn-type02.nextBtn[aria-disabled="false"] {
  padding: 3px 20px;
  font-size: 1.4rem;
}
.btn-type02.nextBtn[aria-disabled="false"] > .inner {
  padding: 12px 0;
}
.btn-type02.nextBtn[aria-disabled="false"] > .inner::before {
  right: .5em;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) center/100% auto no-repeat;
}
.btn-type01.btnParamReset > .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: .25em;
  width: 1.375em;
  height: 1.375em;
  margin: auto;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) center/100% auto no-repeat;
  transform: rotate(180deg);
}
.btn-type02.checked {
  background: #e1eb80;
}
/* link */
.beforeLink.icon-link01>.inner::after {
  display: none;
}
.beforeLink.icon-link01>.inner::before {
  content: "";
  display: inline-block;
  position: relative;
  top: .25em;
  right: 8px;
  width: 1.375em;
  height: 1.375em;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0/cover no-repeat;
  transform: rotate(-180deg);
}
/* list */
.stepList > li + li {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid 1px #D5DEDB;
}
/* modal */
.shindan .modal-block01>.inner {
  overflow-y: hidden;
}
.shindan .modal-block01>.inner>.header {
  padding-left: 4%;
  border-top: solid 1px #D5DEDB;
}
.shindan .modal-block01>.inner>.body>.text-block01 {
  position: relative;
}
.shindan .modal-block01>.inner>.body>.text-block01 .textInr {
  position: relative;
  max-height: 70vh;
  max-height: calc(100vh - 300px);
  margin-right: -6px;
  padding: 0 8px 50px 2px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.shindan .modal-block01 .list-notice01>.item:not(:first-child) {
  margin-top: 0;
}
.shindan .modal-block01 .btn-list01:not(:first-child) {
  margin-top: 16px;
}
/* qa */
.shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 * + p {
  margin-top: 8px;
}
.shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 p._t-center,
.shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 .btn-list01 {
  margin-left: -70px;
}
.shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 p._t-center {
  padding: 0 70px;
}
.shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 [class*="btn-type"] {
  max-width: 400px;
  width: 100%;
}
/* order change */
.dataOrderList {
  display: flex;
  flex-direction: column;
}
/* for pc */
@media screen and (min-width: 768px) {
/* ----------------------------------
all
---------------------------------- */
  .clickableIpt {
    cursor: pointer;
  }
  .clickableIpt.opacity {
    transition: opacity .3s;
  }
  .clickableIpt.opacity:hover {
    opacity: .8;
  }
  /* page01 check area */
  .cardCheckWrap:not(.clm01) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cardCheckWrap:not(.clm01) > * {
    width: calc(50% - 4px);
  }
  .cardCheckWrap:not(.clm01) > :nth-child(n + 2) {
    margin-top: 0;
  }
  .cardCheckWrap:not(.clm01) > :nth-child(n + 3) {
    margin-top: 8px;
  }
  .cardCheckWrap .clmImg {
    display: flex;
    justify-content: space-between;
    max-width: 408px;
    margin: 0 auto;
  }
  .cardCheckWrap .clmImg > * {
    width: calc(50% - 4px);
  }
  /* button */
  .btn-list01:not(.-row) {
    align-items: inherit;
  }
  /* modal */
  .shindan .modal-block01>.inner>.body>.text-block01 .textInr {
    max-height: calc(100vh - 310px);
    margin-right: 0;
    padding: 0 4px 50px;
    -ms-overflow-style: none;    /* IE, Edge ‘Ήž */
    scrollbar-width: none;       /* Firefox ‘Ήž */
  }
  .shindan .modal-block01>.inner>.body>.text-block01 .textInr::-webkit-scrollbar {
    display:none;
  }
}
@media all and (-ms-high-contrast: none) {
  .shindan .modal-block01>.inner>.body>.text-block01 .textInr {
    padding: 0 4px 0;
  }
  .shindan .modal-block01>.inner>.body>.text-block01 .textInr > :last-child {
    margin-bottom: 50px;
  }
}
/* for sp */
@media screen and (max-width: 767px) {
/* ----------------------------------
all
---------------------------------- */
  /* accordion */
  .shindan .toggle-block01 + .toggle-block01 {
    margin-top: 16px;
  }
  .cardCheckWrap .clmImg > :nth-child(n + 2) {
    margin-top: 8px;
  }
  /* QA */
  [data-valcheck] .text-mark02>.mark {
    min-width: 1em;
  }
  .shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 .btn-list01 {
    margin-left: -36px;
  }
  .shindan .text-mark02 > .detail > ._inner-block01 > .text-block01 p._t-center {
    margin-left: 0;
    padding: 0;
  }
}

/* animation */
@keyframes click {
  50% {bottom: -48px;}
}