.list-group {
  width: 100%;
  max-width: 460px;
  margin-inline: 1.5rem;
}

.form-check-input:checked + .form-checked-content {
  opacity: .5;
}

.form-check-input-placeholder {
  border-style: dashed;
}
[contenteditable]:focus {
  outline: 0;
}

.list-group-checkable .list-group-item {
  cursor: pointer;
}
.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
  background-color: var(--bs-secondary-bg);
}
.list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}
.list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
  background-color: var(--bs-secondary-bg);
}

.list-group-radio .form-check-input:checked + .list-group-item {
  background-color: var(--bs-body);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px var(--bs-primary);
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}










body {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

header h1 {
	font-size:35px;
	font-weight:400;
}

.logo img {
	width:200px;
	height:auto;
}

.progresses {
	display: flex;
	align-items: center;
}

.line {
	width: 120px;
	height: 6px;
	background: #63d19e;
}

.steps {
	display: flex;
	background-color: #63d19e;
	color: #fff;
	font-size: 14px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.progresses 
{
	.steps
	{
		font-weight:bold;
		background-color:#CCCCCC;
		
		&.active 
		{
			background-color:#349100;
		}
	}
	
	.line
	{
		background-color:#CCCCCC;
		
		&.active 
		{
			background-color:#349100;
		}
	}
}

main .keyvisual {
	margin-bottom:40px;
	text-align:center;
}
	
main .keyvisual img {
	display:inline-block;
	width:80%;
	height:auto;
}

@media (min-width: 992px) {

	main .keyvisual {
		margin-bottom:0;
		text-align:left;
	}

	main .keyvisual img {
		width:80%;
		height:auto;
	}

	main .content {
		position:absolute;
		left:62%;
		top:25%;
	}

	.box-400 {
		max-width:400px;
	}

	.box-650 {
		width:550px;
	}

}

.comment p:last-child {
	margin-bottom:0;
}

.textarea-default
{
	height:120px;
}

footer {
	color:#666666;
}

footer p {
	margin:0;
}
	
footer ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}

footer ul li {
	display:inline-block;
}

footer ul li:before {
	content:" | ";
	color:#666666;
} 

footer a {
	color:#666666;
	text-decoration:none;
} 

footer a:focus,
footer a:hover {
	color:#D11800;
	text-decoration:underline;
}