#voice .voice-content {
		padding: 60px 0 80px;
}
@media screen and (max-width: 767px) {
		#voice .voice-content {
				padding: 10.6vw 0 10.6vw;
		}
}
#voice .voice-step-ttl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 54px;
		margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-ttl {
				margin-bottom: 5.3vw;
				height: auto;
				display: block;
		}
}
#voice .voice-step-ttl-num {
		color: #fff;
		font-size: 2rem;
		font-weight: bold;
		background-color: #81bf00;
		width: 120px;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-ttl-num {
				width: 100%;
				padding: 2.6vw 4vw;
				font-size: 3rem;
		}
}
#voice .voice-step-ttl-txt {
		width: calc( 100% - 120px );
		background-color: #f8f8f8;
		font-size: 2rem;
		font-weight: bold;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 28px;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-ttl-txt {
				width: 100%;
				padding: 2.6vw 4vw;
				font-size: 3rem;
				text-align: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
}
#voice .voice-step02 {
		margin-top: 80px;
		border-bottom: 1px solid #d9d8dd;
		padding-bottom: 45px;
		margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
		#voice .voice-step02 {
				margin-top: 6.6vw;
				padding-bottom: 5.3vw;
				margin-bottom: 5.3vw;
		}
}
#voice .voice-step02 .voice-step-ttl-num {
		background-color: #009ce1;
}
#voice .voice-step02 .voice-step-list-item input:checked + label {
		color: #009ce1;
		border-color: #009ce1;
		background-color: #e3f6ff;
}
#voice .voice-step02 .voice-step-list-item input:checked + label::before {
		border-color: #009ce1;
}
#voice .voice-step-list {
		padding: 0 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-list {
				padding: 0;
		}
}
#voice .voice-step-list-item {
		width: calc( ( 100% - 3.6% * 2 ) / 3 );
		height: 50px;
		margin-right: 3.6%;
		margin-top: 28px;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-list-item {
				width: 100%;
				margin-right: 0;
				margin-top: 2.6vw;
		}
		#voice .voice-step-list-item:first-of-type {
				margin-top: 0;
		}
}
@media screen and (min-width: 768px) {
		#voice .voice-step-list-item:nth-of-type(3n) {
				margin-right: 0;
		}
		#voice .voice-step-list-item:nth-of-type(-n+3) {
				margin-top: 0;
		}
}
#voice .voice-step-list-item input {
		opacity: 0;
		visibility: hidden;
		margin: 0;
		padding: 0;
		height: 0;
		width: 0;
		display: none;
}
#voice .voice-step-list-item label {
		border: 2px solid #c2c2c2;
		cursor: pointer;
		border-radius: 10px;
		width: 100%;
		height: 100%;
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 1.8rem;
		font-weight: bold;
		/*color: #c2c2c2;*/
		-webkit-transition: 0.3s;
		transition: 0.3s;
		position: relative;
		letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
		#voice .voice-step-list-item label {
				font-size: 3rem;
		}
}
#voice .voice-step-list-item label::before {
		content: "";
		width: 10px;
		height: 6px;
		border: 3px solid #c2c2c2;
		-webkit-transform: rotate(-45deg) translateY(-50%);
		        transform: rotate(-45deg) translateY(-50%);
		border-width: 0 0 3px 3px;
		position: absolute;
		top: 50%;
		left: 20px;
}
#voice .voice-step-list-item input:checked + label {
		border-color: #81bf00;
		color: #81bf00;
		background-color: #f3ffd9;
}
#voice .voice-step-list-item input:checked + label::before {
		border-color: #81bf00;
}
#voice .voice-btn {
		display: block;
		margin: auto;
		width: 300px;
		height: 60px;
		border: none;
		background-color: transparent;
		padding: 0;
		cursor: pointer;
		-webkit-transition: 0.3s;
		transition: 0.3s;
}
@media screen and (max-width: 767px) {
		#voice .voice-btn {
				width: 80%;
				height: 60px;
		}
}
@media screen and (min-width: 768px) {
		#voice .voice-btn:not(.btn-off):hover {
				opacity: 0.7;
		}
}
#voice .voice-btn > span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 30px;
		font-size: 1.8rem;
		font-weight: bold;
		background-color: #81bf00;
		color: #fff;
		-webkit-transition: 0.3s;
		transition: 0.3s;
}
@media screen and (max-width: 767px) {
		#voice .voice-btn > span {
				font-size: 3rem;
		}
}
#voice .voice-btn .off {
		display: none;
}
#voice .voice-btn .on {
		display: block;
}
#voice .voice-btn.btn-off > span {
		color: #a9a9a9;
		background-color: #f8f8f8;
}
#voice .voice-btn.btn-off .on {
		display: none;
}
#voice .voice-btn.btn-off .off {
		display: block;
}
/*# sourceMappingURL=voice.css.map */