@charset "UTF-8";

/* active elements
-------------------------- */
.ask-02,
.offer-wrap,
.step-wrap {
	display: none;
}
.ask-02.active,
.offer-wrap.active,
.step-wrap.active {
	display: block;
  animation-duration: 2s;
}
.ask-02.active {
	animation-name: procedure02;
}
@keyframes procedure02 {
  0% { opacity: 0.1; }
  100% { opacity: 1; }
}
.offer-wrap.active {
	animation-name: offer01;
}
@keyframes offer01 {
  0% { opacity: 0.1; }
  100% { opacity: 1; }
}
.step-wrap.active {
	animation-name: step01;
}
@keyframes step01 {
  0% { opacity: 0.1; }
  100% { opacity: 1; }
}

/* ask-02 area
-------------------------- */
/* overwrite start */
.radio-type01-2col-01_image img {
	max-height: 80px;
}
@media screen and (max-width: 900px) {
	.radio-type01-2col-01_image img {
		max-height: 60px;
	}
}
/* overwrite end */

input[name="radio-ask-02"] ~ .radio-ask-02-decorate .unselected,
input[name="radio-ask-02"] ~ .radio-ask-02-decorate.radio-type01-2col-01_box--checked .checked {
	display: inline-block;
}
input[name="radio-ask-02"] ~ .radio-ask-02-decorate.radio-type01-2col-01_box--checked .unselected,
input[name="radio-ask-02"] ~ .radio-ask-02-decorate .checked {
	display: none;
}

/* offer area
-------------------------- */
/* overwrite start */
.image-type02_image {
	width: 100%;
}

.js-chat-close .button-transparent-type01 {
	cursor: default;
}
.js-chat-close .button-transparent-type01:hover {
	opacity: 1;
}
/* overwrite end */