@charset "shift_jis";
/* Updated 2025/11/12.T */
/* Updated 2024/04/11.T */
/* Updated 2022/11/30.T */
/*------------------------------
accHiddenArea
-------------------------------*/
.accHiddenArea {
  display: none;
}
.accBtn {
  width: 400px;
  margin: 30px auto 0;
}
.accBtn [class *="jsAccSwitch0"] {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 15px 30px 15px 15px;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  color: #004831;
  text-align: center;
  text-decoration: none;
  border-radius: 60px;
  box-shadow: 0 0 4px 0 rgb(20 29 29 / 5%), 0 12px 14px 0 rgb(20 29 29 / 8%);
}
.accBtn [class *="jsAccSwitch0"]::after {
  content: "";
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 1em;
  width: 1.375em;
  height: 1.375em;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0/100% auto no-repeat;
  transform: rotate(90deg);
  transition: .3s;
}
.accBtn [class *="jsAccSwitch0"].open::after {
  transform: rotate(-90deg);
  transition: .3s;
}
/*-----------------------------------
btn-card01
-----------------------------------*/
.btn-card01{
  margin: 40px 0 0;
}
.btn-card01>a{
  display: block;
  border: 1px solid #D5DEDB;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(20, 29, 29, 0.05),0 4px 6px rgba(20, 29, 29, 0.08);
  background: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004831;
  text-align: center;
}
.btn-card01 .text01{
  padding: 20px 12px 9px;
}
.btn-card01 .text02{
  padding: 12px 20px;
  border-radius: 0 0 8px 8px;
  background: #F3F8F6;
}
.btn-card01 sup {
  font-size: 0.6em;
  font-weight: normal;
}
/*-----------------------------------
qr-wrap01
-----------------------------------*/
.qr-wrap01{
  display: flex;
  justify-content: center;
  margin: 24px 0 0 !important;
}
.qr-wrap01>.item{
  display: flex;
  align-items: center;
  background: #e2efbc;
  max-width: 320px;
  padding: 16px;
}
.qr-wrap01>.item:not(:first-child){
  margin-left: 24px;
}
.qr-wrap01>.item>.text{
  flex: 1;
}
.qr-wrap01>.item>.img{
  width: 115px;
  margin-left: 20px;
}
/*wrap*/
.card-box03.-type01>.inner>.body{
  width: auto;
  max-width: 1024px;
}

@media screen and (min-width: 768px) {
  .card-imgBlock01 .img_01 {
    right: 20%!important;
    top: 100px!important;
  }
  /*-----------------------------------
  btn-card01
  -----------------------------------*/
  .btn-card01{
    max-width: 655px;
    margin: 68px auto 0;
  }
  .btn-card01 .text01 {
    padding: 26px 12px;
  }
  .btn-card01 + .list-notice01{
    max-width: 655px;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-card01>a{
    transition: opacity .3s ease-out;
  }
  .btn-card01>a:hover{
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .accBtn {
    width: 100%;
  }
  .accBtn [class *="jsAccSwitch0"] {
    font-size: 14px;
  }
  .card-imgBlock01 .img_01 .picture-img > img {
    width: auto!important;
  }
  .card-imgBlock01 .img_01 {
    text-align: center!important;
  }
}