* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, a:active, a:hover, a:visited, a:focus {
  text-decoration: none; }
.text-red{
  color: #e87c07;
}
.agreement .accordionForm__title {
  padding-left: 50px;
  padding-right: 60px;
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  position: relative;
  display: block;
  padding: 20px 50px;
  color: #111111; }

.agreement .accordionForm__content article {
  max-height: auto;
  padding: 0px 25px 0px 0;
  overflow: auto;
  height: auto;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.agreement .accordionForm__title.active + .accordionForm__content {
  padding: 20px 60px 5px 50px;
  background-color: #fafafa; }

.agreement {
  max-width: 960px;
  margin: 0 auto; }
  .agreement .agreement__title {
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #e2e2e2;
    color: #111111; }
  .agreement .accordionForm {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    max-width: 960px;
    margin: 10px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .agreement .accordionForm__title {
    padding-left: 50px;
    padding-right: 60px;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    position: relative; }
  .agreement .accordionForm__content article {
    max-height: auto;
    padding: 0px 25px 0px 0;
    overflow: auto;
    height: auto;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .agreement .accordionForm__title:before {
    content: '';
    position: absolute;
    background-image: url("../images/accordion--pc.png");
    background-position-x: 0;
    background-position-y: 0;
    width: 30px;
    height: 30px;
    right: 30px;
    top: 20px; }

.accordionForm__title.active + .accordionForm__content {
  padding: 20px 60px 5px 50px;
  background-color: #fafafa;
  max-height: 9999px;
  padding: 10px 20px 60px 20px;
  background:#fff;
  -webkit-transition: max-height 0.3s ease, padding 0s ease 0s;
  -o-transition: max-height 0.3s ease, padding 0s ease 0s;
  transition: max-height 0.3s ease, padding 0s ease 0s; }
  .accordionForm__title.reward.active + .accordionForm__content{
    background-color: #fff;
  }

.agreement .accordionForm__title.active:before {
  background-position-y: -30px; }

.accordionForm__item {
  border-bottom: 1px solid #fafafa;
  border-radius:0;
  background-color: #fff; }

.accordionForm__content {
  overflow: hidden;
  max-height: 0;
  padding: 0 20px;
  -webkit-transition: max-height 0.3s ease, padding 0s ease 0.3s;
  -o-transition: max-height 0.3s ease, padding 0s ease 0.3s;
  transition: max-height 0.3s ease, padding 0s ease 0.3s; }

.CUBList {
  margin: 0;
  padding: 0 10px;
  list-style: none; }

.CUBList--sequence > li {
  position: relative;
  font-size: 14px;
  padding-left: 80px; }

.CUBList > li {
  margin-bottom: 5px; }
.CUBList--none{
    margin:0 ;
    padding:0;
}
.CUBList--none > li{
    list-style:none ;
    margin:0 ;
    padding:0;
} 
.CUBList--sequence > li:before {
  content: attr(data-sequence);
  display: block;
  position: absolute;
  width: 80px;
  font-size: 14px;
  top: 0;
  left: 0;
  text-align: right; }

input[type="checkbox"].checkbox, input[type="radio"].checkboxcopyradio, input[type="radio"].radio {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0px;
  display: none; }
  input[type="checkbox"].checkbox:focus + label:before, input[type="radio"].checkboxcopyradio:focus + label:before, input[type="radio"].radio:focus + label:before {
    border: 2px solid #00994e; }
  input[type="checkbox"].checkbox:active + label:before, input[type="radio"].checkboxcopyradio:active + label:before, input[type="radio"].radio:active + label:before {
    -webkit-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0; }
  input[type="checkbox"].checkbox + label, input[type="radio"].checkboxcopyradio + label, input[type="radio"].radio + label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    display: block;
    border: none;
    background: none;
    text-align: left;
    line-height: 25px;
    padding: 12px 0 5px 40px;
    font-weight: bold;
    font-size:18px;
     }
    input[type="checkbox"].checkbox + label:before, input[type="radio"].checkboxcopyradio + label:before, input[type="radio"].radio + label:before {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      content: '';
      color: #cccccc;
      position: absolute;
      top: 24px;
      left: 0px;
      width: 28px;
      height: 28px;
      margin-top: -16px;
      border: 2px solid #00994e;
      text-align: center;
      border-radius: 2px;
      background: #fff; }
    input[type="checkbox"].checkbox + label:after, input[type="radio"].checkboxcopyradio + label:after, input[type="radio"].radio + label:after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      content: '';
      background: #fff;
      position: absolute;
      border: 2px solid #00994e;
      top: 28px;
      left: 10px;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition: -webkit-transform 200ms ease-out;
      transition: -webkit-transform 200ms ease-out;
      -o-transition: transform 200ms ease-out;
      transition: transform 200ms ease-out;
      transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

input[type="radio"].radio + label:after {
  top: 23px;
  left: 5px; }

input[type="radio"].radio:checked + label {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border-color: #51be77;
  padding: 10px 0 10px 35px;
  line-height: 25px; }
  input[type="radio"].radio:checked + label:before {
    background-color: #51be77;
    border: 1px solid #fff; }
  input[type="radio"].radio:checked + label:after {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6); }

input[type="radio"].radio + label {
  cursor: pointer; }
  input[type="radio"].radio + label:before, input[type="radio"].radio + label:after {
    border-radius: 50%; }

input[type="checkbox"].checkbox + label {
  cursor: pointer; }
  input[type="checkbox"].checkbox + label:after {
    background: none;
    left: 8px;
    width: 13px;
    height: 7px;
    top: 25px;
    margin-top: -8px;
    border-style: solid;
    border-color: #00994e;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    -o-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

input[type="checkbox"].checkbox:checked + label:before {
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
  background: #fff;
  border: 2px solid #00994e;
 }

input[type="checkbox"].checkbox:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

input[type="radio"].checkboxcopyradio + label {
  cursor: pointer; }
  input[type="radio"].checkboxcopyradio + label:after {
    background: none;
    left: 8px;
    width: 13px;
    height: 7px;
    margin-top: -8px;
    border-style: solid;
    border-color: #00994e;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    -o-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

input[type="radio"].checkboxcopyradio:checked + label:before {
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
  background: #fff; }

input[type="radio"].checkboxcopyradio:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

@media only screen and (max-width: 767px) {
  .agreement .accordionForm__title {
    padding-left: 10px; }
  .CUBList--sequence > li {
    position: relative;
    font-size: 14px;
    padding-left: 50px; }
  .agreement .accordionForm__title.active + .accordionForm__content {
    padding: 20px 10px 0px 10px;
    margin-top: 10px; } }



.modal-mask {
    position: fixed;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
    background: #6d6d6d;
    display: none;
}
.modal-open {
	overflow: hidden;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modalbg {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	outline: 0;
}
.modalbg.maxlightbox {
    width: 100%;
}
.modalbg.maxlightbox {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: min-content;
    border-radius: 4px;
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    transform: translate(0,0);
    padding: 50px 0px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: none;
    z-index: 99999;
}
.modalbg .modalcontent {
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px 50px;
}
.emailwrap {
    max-width: 780px;
    margin: 0px auto 30px;
}
.modal-dialog {
	position: relative;
	width: 100%;
	margin: .5rem;
	pointer-events: none;

	/* &.modal-dialog-scroll {
		border-radius: 10px;
		overflow-y: hidden;

		.modal-content {
			height: 80vh;
			overflow-y: auto;
		}

		.modal-body {
			overflow-y: auto;
			padding: 30px 50px;

			@include rwd-max-width(768px) {
				padding: 30px 20px;
			}
		}
	} */
}


.modalbg.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
}

@media screen and (prefers-reduced-motion:reduce) {
	.modalbg.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: "";
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
	padding: 0;
}
.modal-content.bgTransparent{
	padding:0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: .5;
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
  height: 40px;
  border-radius: 3px 3px 0 0;
  background: #00994e;
  padding-left: 20px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
}
.modal-header .modal-title{
  color: #fff;
  line-height: inherit;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-title {
	margin-top: 0;
    font-size: 20px;
    color: #333;
	margin-bottom: 0;
	line-height: 1.5;
}
.modal-dialog.modal-dialog-centered .modal-content {
  height: 80vh;
  overflow-y: auto;
}
.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem 0;
	color: #333;
  overflow-y: auto;
}


	.modal-rwd-bottom .modal-header {
		color: #00994e;
		border: none;
		background: #e4efdc;
		font-size: 20px;
		position: relative;
		text-align: center;
		padding: 0;
		border-radius: 0;
    }


	.modal-title {
		margin-bottom: auto;
	}

	.modal-body {
		padding: 30px 50px 50px;
		font-size: 1rem;
}


.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: center;
	padding: 1rem;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px;
		margin: 1.75rem auto;
	}

	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2))
	}

	.modal-dialog-centered::before {
		height: calc(100vh - (1.75rem * 2))
	}

	.modal-sm {
		max-width: 300px
	}
}

@media (min-width: 992px) {
	.modal-lg,
	.modal-xl,
	.modal-dialog-scroll.modal-lg {
		max-width: 800px
	}
}
@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px
	}
}
.detectBox {
	border-radius: 4px;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
		0 1px 18px 0 rgba(0, 0, 0, 0.12),
		0 6px 10px 0 rgba(0, 0, 0, 0.14);
	margin: 1.75rem auto;
	max-width: 1040px;
	background: #fff;
	width: 100%;
}

.detectTitle {
	min-height: 50px;
	background-color: #e5f0d9;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #333333;
	padding: 10px 19px;
	display: flex;
	font-weight: bold;
	justify-content: space-between;
	align-items: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

}



.modal-content.bgTransparent {
	background-color: transparent;
	border: 0px;
}

.closeIcon {
	cursor: pointer;
}

.redPointsBox {
	border-radius: 1px;
	background-color: #f8f8f8;
	padding: 15px 20px;
}


.inputGroup__control--point {
	box-sizing: border-box;
	position: relative;
	min-height: 40px;

}




.redPointLabel {
	padding-left: 16px;
	font-size: 17px;
}



.detectContent p.awareWord {
	color: #6d6d6d;
	font-size: 14px;
}

.form__section {
	margin-bottom: 20px;
	margin: 0 auto;
	max-width: 960px;
}



@media (max-width: 768px) {
	.modal-open .modal {
		overflow: hidden;
	}

}


.modalbg.bottom.fade .modal-dialog {
	bottom: -100px;
	-webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
	-moz-transition: opacity 0.3s linear,
		bottom 0.3s ease-out;
	-o-transition: opacity 0.3s linear,
		bottom 0.3s ease-out;
	transition: opacity 0.3s linear,
		bottom 0.3s ease-out;
}

.modalbg.bottom.fade.show .modal-dialog {
	bottom: 0px;

}

.modalbg.bottom {
	overflow-y: hidden !important;
}
.modal-body .accordionForm__content{
  max-height: initial;
}
.lightboxagree.error{
  color: #ff2828;
  font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
}
.disabledUnchecked{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.detail_line{
  margin:0;
  line-height:1;
  color:#6f6f6f;
  font-size:16px;
}


.u-mt-10 {
  margin-top: 10px;
}
.u-mb-10{
  margin-bottom: 10px;
}
.u-mb-20 {
  margin-bottom: 20px;
}
.text__20 {
  font-size: 20px;
}
.text__16 {
  font-size: 16px;
}
.textBold {
  font-weight: bold;
}
.text-center{
  text-align: center;
}
.ul-counter-grey {
  list-style: none;
  counter-reset: counterGrey;
  padding: 10px 0;
}

.ul-counter-grey>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: counterGrey;
  margin-bottom: 5px;
}

.ul-counter-grey>li:before {
  content: counter(counterGrey);
  display: block;
  background-color: #bebebe;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 9px;
}

.ul-counter-grey>li ul {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
img{
  width: 100%;
}
.popup.photograph{
  max-width:600px;
}
@media (min-width: 768px){
  .u-mt-mobile-30 {
    margin-top: 35px;
  }
}

@media all and (min-width: 768px) {
  .hidden--lg {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .hidden--sm {
    display: none;
  }
}

.text_issuedValidate{
  color:#00994e;
}
button.issuedValidateBtn{
  border-radius: 32px;
  color: #00994e;
  background: transparent;
  border: 1px solid #00994e;
  cursor: pointer;
  width: 100%;
  height: 50px;
  font-size: 18px;
}
button[disabled].issuedValidateBtn{
  border-color: #bebebe;
  background: #bebebe;
  color: #fafafa;
}
@media all and (max-width: 760px) {
  button.issuedValidateBtn.idcheckbtn{
    max-width:100% ;
  }
}
.pc-show{
  display:inline-block; 
}
.mb-show{
  display:none; 
}
@media all and (max-width: 760px) {
  .mb-show{
    display:inline-block; 
  }
  .pc-show{
    display:none; 
  }
}