@charset "shift_jis";
/* Updated 2025/03/19.T */
/* Updated 2024/10/03.T */
/* Updated 2023/09/11.T */
/* Updated 2023/03/08.T */
/* Updated 2023/03/01.T */
/* Updated 2022/06/16.T */
/* ----------------------------------
all
---------------------------------- */
body{
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body::-webkit-scrollbar{
  display: none;
}

#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;
}
.disp_n{
display: none;
}
.bgWhite {
  background: #fff!important;
}
.tDgreen {
  color: #003927;
}
.tPink {
  background: linear-gradient(transparent 65%,#F3B5CB 0);
}
.tBlue {
  background: linear-gradient(transparent 65%,#99CDF1 0);
}
.ie01{
  width: 100%;
  max-width: 327px;
}
/* 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: 0;
  padding: 0;
}
/* 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;
}
.floatingBtn.on.btn-list01 {
  flex-direction: row;
}
.floatingBtn.on.btn-list01 > .item:nth-child(1) {
  width: auto;
  padding-right: 4%;
}
.floatingBtn.on.btn-list01 > .item:nth-child(2) {
  width: 58%;
  max-width: 310px;
  margin-top: 0;
}
.floatingBtn.on.btn-list01 .btn-type01 {
  padding: 3px 6px;
}
.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: 0px 8px 10px rgba(20, 29, 29, 0.08), 0px 0px 4px rgba(20, 29, 29, 0.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[aria-disabled="false"] {
  min-height: 56px;
  padding: 3px 20px;
  font-size: 1.4rem;
}
.btn-type02[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;
  content: "";
}
.btn-type02.nextBtn[aria-disabled="false"] > .inner.-beforeNone::before {
  content: none;
}
.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;
}
.mod-btnWrap .btn-type02::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 4px;
  width: 1.375em;
  height: 1.375em;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0/cover no-repeat;
}
/* 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;
}
.__jfc-spc-btw{
  justify-content:space-between;
}
/* modal */
.shindan .modal-block01>.inner {
  overflow-y: hidden;
}
.shindan .login_md-contents>.inner[data-active] {
  position: relative;
  width: 100%;
  transition: left .3s ease-in-out, opacity .3s ease-out;
}
.shindan .login_md-contents>.inner[data-active="true"] {
  top: 0;
  left: 0;
}
.shindan .login_md-contents>.inner[data-active="false"] {
  position: absolute;
  opacity: 0;
}
.shindan .login_md-contents>.inner[data-active="false"]:nth-child(1) {
  left: -100%;
}
.shindan .login_md-contents>.inner[data-active="false"]:nth-child(n + 2) {
  left: 100%;
}
.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;
  -ms-overflow-style: scrollbar;
}
.shindan .modal-scrollArea.scroll-on {
  min-height: 60px;
  margin: 0 -10px;
  padding: 0 10px 20px;
  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%;
}
.shindan .login_md-contents [class*="btn-type"] {
  min-width: initial;
  min-width: auto;
}
.box-itemGreen01 {
  margin-top: 16px;
  padding: 12px 16px;
  background: #F5F9E6;
  border-radius: 10px;
}
.text-mark01.-type01 {
  background: linear-gradient(transparent 60%, rgba(196, 215, 0, 0.5) 60%);
  font-weight: 700;
}
/* order change */
.dataOrderList {
  display: flex;
  flex-direction: column;
}
/* clickableMap */
._sp-mb-9{
margin-bottom: -9px;
}

.clickableMap{
  position: relative;
}
.direct .clickableMap{
  padding-left: 32px;
  padding-right: 8px;
}
@media screen and (min-width: 1025px) {
  .app .clickableMap {
    padding-right: 6%;
  }
  .app .clickableMap + .clickableMapBtnWrap {
    padding-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .answer-btmButton01 .btn-list01 > .item._sp-content + .item {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .app .clickableMap {
    padding-right: 4%;
  }
  .app .clickableMap + .clickableMapBtnWrap {
    padding-top: 70px;
  }
}
.clickableMapBtnWrap{
padding-left: 0px;
}
.btn-clickable.nextBtn[aria-disabled="false"]>.inner {
  padding: 10px 0;
}
.btn-clickable>.inner::before {
  content: "";
  display: block;
  position: absolute;
  right: .5em;
  height: 24px;
  width: 24px;
  background: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) center/100% auto no-repeat !important;
}
.btn-clickable:active>.inner::before {
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) center/100% auto no-repeat !important;
}
.btn-clickable>.inner {
  display: flex;
  align-items: center;
  text-align: left;
  min-height: 42px;
  line-height: 1.3;
  font-weight: 700;
  color: #004831;
}
.btn-clickable:active>.inner {
  color: #fff;
}
.btn-clickable {
  position: relative;
  display: inline-flex;
  min-height: 60px;
  width: 100%;
  max-width: 100%;
  min-width: 140px;
  padding: 0 40px 0 60px;
  justify-content: flex-start;
  text-decoration: none;
  border-radius: 3.65em;
  transition: opacity .3s ease-out;
    font-size: 1.6rem;
    outline: none !important;
}
.btn-clickable:hover{
  opacity: 0.7;
}
.label {
  display: inline-block;
  margin-right: 7px;
  padding: 0.4em 0.6em;
  background: #C4D700;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
  line-height: 0.9;
}
.btn-clickable::before {
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  height: 34px;
  width: 34px;
  color: #fff;
  border-radius: 17px;
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  padding-top: 4px;
  padding-left: 1px;
}
.btn-clickable.btn1 {
  background: #E5F7F7;
}
.btn-clickable.btn2 {
  background: #F3EFF7;
}
.btn-clickable.btn3 {
  background: #FDEBF2;
}
.btn-clickable.btn4 {
  background: #FFF9E5;
}
.btn-clickable.btn1:active {
  background: #00B3B3;
}
.btn-clickable.btn2:active {
  background: #7A5AA5;
}
.btn-clickable.btn3:active {
  background: #E1447E;
}
.btn-clickable.btn4:active {
  background: #FFC300;
}
.btn-list01 > .item:nth-child(1) .btn-clickable::before {
  content: "1";
}
.btn-list01 > .item:nth-child(2) .btn-clickable::before {
  content: "2";
}
.btn-list01 > .item:nth-child(3) .btn-clickable::before {
  content: "3";
}
.btn-list01 > .item:nth-child(4) .btn-clickable::before {
  content: "4";
}
.btn-clickable.btn1::before {
  background: #00B3B3;
}
.btn-clickable.btn2::before {
  background: #7A5AA5;
}
.btn-clickable.btn3::before {
  background: #E1447E;
}
.btn-clickable.btn4::before {
  background: #FFC300;
}
.btn-clickable.btn1:active:before {
  background: #E5F7F7;
  color: #00B3B3;
}
.btn-clickable.btn2:active:before {
  background: #F3EFF7;
  color: #7A5AA5;
}
.btn-clickable.btn3:active:before {
  background: #FDEBF2;
  color: #E1447E;
}
.btn-clickable.btn4:active:before {
  background: #FFF9E5;
  color: #FFC300;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .btn-clickable.nextBtn[aria-disabled="false"] {
    font-size: 1.4rem;
  }
  .clickableMapBtnWrap {
    padding-left: 45px;
  }
}
@media all and (-ms-high-contrast: none) {
  .btn-clickable>.inner::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

/* clickable for pc */
.clickableBtnWrap{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
[class*="clickableBtn_"] {
  display: block;
  outline: none !important;
  position: absolute;
}
[class*="clickableBtn_"]:active {
  background-repeat: no-repeat;
  background-size: contain;
  outline: none;
}
.clickableBtn_a_01 {
  top: 17.5%;
  left: 59.7%;
  width: 27.572%;
}
.clickableBtn_a_02 {
  top: 34%;
  left: .1%;
  width: 28.572%;
}
.clickableBtn_a_03 {
  top: 47%;
  left: .1%;
  width: 28.715%;
}
.clickableBtn_a_04 {
  top: 74%;
  left: 59%;
  width: 28.43%;
}
.clickableBtn_a_05 {
  top: 130px;
  left: 0;
  width: 193px;
}
.clickableBtn_a_06 {
  top: 194px;
  left: 0;
  width: 193px;
}
.clickableBtn_a_07 {
  top: 382px;
  left: 0;
  width: 193px;
}
.clickableBtn_d_01 {
  top: 24.62%;
  left: 50%;
  width: 25.572%;
}
.clickableBtn_d_02 {
  top: 37.2%;
  left: 1.77%;
  width: 25.572%;
}
.clickableBtn_d_03 {
  top: 52.6%;
  left: 1.77%;
  width: 28.43%;
}
.clickableBtn_d_04 {
  top: 61%;
  left: 67.5%;
  width: 27.572%;
}
@media screen and (min-width: 1025px) {
  .column-layoutA2.direct,
  .column-layoutA2.app {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  [class*="clickableBtn_"]:hover:not(:active) img {
    opacity: .7;
  }
  [class*="clickableBtn_"]:hover:active img {
    opacity: 0;
    transition: none;
  }
  .clickableBtn_a_01:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_01_click.png");
  }
  .clickableBtn_a_02:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_02_click.png");
  }
  .clickableBtn_a_03:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_03_click.png");
  }
  .clickableBtn_a_04:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_04_click.png");
  }
  .clickableBtn_a_05:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_05_click.png");
  }
  .clickableBtn_a_06:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_06_click.png");
  }
  .clickableBtn_a_07:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_app_07_click.png");
  }
  .clickableBtn_d_01:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_direct_01_click.png");
  }
  .clickableBtn_d_02:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_direct_02_click.png");
  }
  .clickableBtn_d_03:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_direct_03_click.png");
  }
  .clickableBtn_d_04:active {
    background-image: url("/kojin/shindan/login/imgs/clickable_direct_04_click.png");
  }
}
.column-layoutA2.direct>*:first-child,
.column-layoutA2.app>*:first-child {
  width: 700px;
}

.column-layoutA2.direct>*:last-child,
.column-layoutA2.app>*:last-child {
  width: 500px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .clickableBtn_a_01 {
    top: 18.5%;
    left: 64%;
  }
  .clickableBtn_a_02 {
    top: 36%;
  }
  .clickableBtn_a_04 {
    top: 75%;
    left: 63%;
  }
  .clickableBtn_a_05 {
    width: 153px;
    left: 0;
    top: 143px;
  }
  .clickableBtn_a_06 {
    width: 153px;
    top: 193px;
  }
  .clickableBtn_a_07 {
    width: 153px;
    left: 0;
    top: 390px;
  }
  .column-layoutA2.direct>*:first-child,
  .column-layoutA2.app>*:first-child {
    width: 58.3%;
  }

  .column-layoutA2.direct>*:last-child,
  .column-layoutA2.app>*:last-child {
    width: 41.7%;
  }
  .direct .clickableMap {
    padding-left: 16px;
  }
}
/* .imgsize01_{
  width: 360px;
  height: auto;
}

.imgsize02_{
  width: 450px;
  height: auto;
} */
/* 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,
  .shindan .login_md-contents>.inner>.body>.text-block01 .textInr {
    max-height: calc(100vh - 310px);
    margin-right: 0;
    padding: 1px 4px 50px;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
  }
  /* .shindan .modal-block01>.inner>.body>.text-block01 .textInr::-webkit-scrollbar,
  .shindan .login_md-contents>.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;
  }
  .clickableMap{
    text-align: center;
  }
  .direct .clickableMap {
    padding: 0;
  }
  .clickableMapBtnWrap {
    margin-top: 40px;
  }
  .mark.-num{
    font-size: 1.6rem;
  }
  .text-mark02>.mark{
    margin-right: 10px;
  }
  .imgsize01_, .imgsize02_ {
    width: 298px;
    min-width: 298px;
    height: auto;
  }
  /* button */
  .clickableMap {
    display: inline-block;
    width: auto !important;
    max-width: 100vw;
    margin: 0 -4.8vw;
    overflow: hidden;
  }
  .column-layoutA2.-spColumn1.direct,
  .column-layoutA2.-spColumn1.app {
    justify-content: center;
  }
  .direct .clickableBtnWrap,
  .app .clickableBtnWrap {
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0;
    height: 100%;
    margin: auto;
  }
  [class*="clickableBtn_"]:hover img,
  [class*="clickableBtn_"]:active img {
    opacity: 1 !important;
  }
  .clickableBtn_a_01 {
    top: 18.2%;
    left: 15.7%;
    width: 37.87%;
  }
  .clickableBtn_a_02 {
    top: 49%;
    left: 10.5%;
    width: 34.135%;
  }
  .clickableBtn_a_03 {
    top: 49%;
    left: 48.7%;
    width: 41.337%;
  }
  .clickableBtn_a_04 {
    top: 74%;
    left: 60.5%;
    width: 34.135%;
  }
  .clickableBtn_a_05 {
    width: 38.12%;
    left: 45%;
    top: 27.75%;
  }
  .clickableBtn_a_06 {
    width: 38.12%;
    left: 45%;
    top: 39.25%;
  }
  .clickableBtn_a_07 {
    width: 34.135%;
    left: 48.8%;
    top: 76%;
  }
  .clickableBtn_d_01 {
    width: 34.135%;
    top: 25.5%;
    left: 15.65%;
  }
  .clickableBtn_d_02 {
    width: 37.601%;
    top: 48%;
    left: 14.4%;
  }
  .clickableBtn_d_03 {
    width: 45.07%;
    top: 57.8%;
    left: 50.55%;
  }
  .clickableBtn_d_04 {
    width: 34.4%;
    top: 78.25%;
    left: 61.65%;
  }
}

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

/* login-modal */
.login_modal{
  display: flex;
}

.login_md-overlay {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
}

.login_md-contents {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  height: auto;
  width: 600px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 14px 40px 0 rgb(20 29 29 / 16%);
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
}

.login_md-inner {
  padding: 24px 40px;
  background: #fff;
  height: auto;
}


.shindan .login_md-contents>.inner {
  max-height: calc(100vh - 80px);
  overflow-y: hidden;
}

.shindan .login_md-contents>.inner>.header {
  padding-left: 4%;
  border-top: solid 1px #D5DEDB;
}
.shindan .login_md-contents>.inner>.header>.title {
font-weight: 700;
}
.shindan .login_md-contents>.inner>.body>.text-block01 {
  position: relative;
}

.shindan .login_md-contents>.inner>.body>.text-block01 .textInr {
  position: relative;
  max-height: 70vh;
  max-height: calc(100vh - 300px);
  padding: 0 8px 50px 2px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
}

.shindan .login_md-contents .list-notice01>.item:not(:first-child) {
  margin-top: 0;
}

.shindan .login_md-contents .btn-list01:not(:first-child) {
  margin-top: 16px;
}

.login_md-contents>.inner>.header>.btn{
position: absolute;
  top: 24px;
  right: 20px;
  z-index: 2;
}

.login_md-contents>.inner>.header{
  padding: 24px 1.74% 0 1.74%;
}

.login_md-contents>.inner>.body:not(:first-child){
  margin-top: 24px;
  padding: 0 4% 40px 4%;
}

@media screen and (max-width: 767px) {
  .login_md-contents>.inner>.header>.title.-wide01 {
    padding: 0 40px;
  }

  .login_md-contents {
    width: calc(100% - 9.6vw);
    max-width: 600px;
    max-height: calc(100% - 36px);
  }

  .login_md-contents>.inner {
    max-height: calc(100vh - 36px);
  }

  .login_md-contents>.inner>.header>.btn {
    right: 1.74%;
  }

  .login_md-contents>.inner>.header>.title[class*=glyph-]>.inner {
    padding: 1.5em 0 0;
  }

  .login_md-contents>.inner>.header>.title[class*=glyph-]>.inner::before{
    top: 0;
    left: calc(50% -(1.375em / 2));
  }
}
@media screen and (max-height: 500px) {
  .login_md-contents>.inner[data-active]>.header {
    padding-top: 18px;
  }
  .login_md-contents>.inner[data-active]>.header>.title > .inner {
    font-size: 1.6rem !important;
  }
  .login_md-contents[data-active]>.inner>.body:not(:first-child) {
    margin-top: 18px;
    padding-bottom: 18px;
  }
  ._sp-smallMt {
    margin-top: 18px !important;
  }
}

.page01_1 .btn-list01.-row{
  flex-direction: row;
}
.page01_1 .btn-list01.-row>.item:not(:first-child) {
  margin-top: 0;
}
.page01_1 .btn-list01.-row>.item:not(:last-child) {
  margin-right: 20px;
}
.page01_1 .btn-list01.-row .btn-type02 {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page01_1 .btn-list01.-row{
    flex-direction: column;
  }
    .page01_1 .btn-list01.-row>.item:not(:first-child) {
    margin-top: 18px;
  }
  .page01_1 .btn-list01.-row>.item:not(:last-child) {
    margin-right: 0;
  }
}