@charset 'utf-8';

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.roboto-mono-light {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body {
	background-image:
	 url(../img_test/parts_01.png),
	 url(../img_test/background_image.png);
	background-repeat:
	 repeat-x,
	 repeat;
	background-position:
	 top center,
	 center;
	background-size:
	 auto,
	 auto;
}
.container {
	position: relative;
/*	height: 100vh;*/
}
.wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 75px;
	left: 50%;
	transform: translate(-50%);
}
header {
	text-align: center;
}
header img {
	width: 75vw;
	max-width: 300px;
}
.image-container {
	position: relative;
	width: 100%	;
	text-align:center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.image-container:after {
	content:'';
	position: absolute;
	top: 0px;
	left: 50%;
	width: 60vw;
	height: 60vw;
	background-color: #FFFFFF;
	border-radius: 50%;
	transform: translate(-50%);
	z-index: -1;
}
.image-container img {
	width: 70vw;
	max-width: 400px;
}
.omkj-btn {
	text-align: center;
	margin-top: 20px;
}


#resultImage {
    display: none;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.omkj_sample {
	width: 90vw;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.omkj_sample span {
	display: block;
}
.omkj_sample span img {
	width: 90vw;
	max-width: 100%;
}

#countdown-container {
	position: relative;
	width: 79vw;
	max-width: 450px;
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	background-color: #f44336;
	border-radius: 50px;
	display: none;
}
#countdown-container #countdown {
	padding: 15px;
	border-radius: 20px;
	background-color: #FFFFFF;
/*	display: none;*/
}
#countdown-container #countdown .countdown-digit {
	font-size: max(4.5vw,30px);
}
#countdown-container #countdown .countdown-separator {
	font-size: min(3vw,20px);
}
.tel-box {
	width: 59vw;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
	display: none;
}
.tel-box span {
	display: block;
}
.tel-box span a {
	font-size: min(8vw,25px);
	color: #FFFFFF;
	text-decoration: none;
}
.tel_content {
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	border-radius: 50px;
	border: min(2vw,10px) solid #FFFFFF;
	background-color: #2a5da2;
}
.hp-check {
	
}
.tel_content .tel {
	margin-bottom: 10px	;
}
.tel_content .time {
	font-size: min(3vw,15px);
}
.tel-box .item_fukidashi {
	position: absolute;
	top: -20px;
	right: -30%;
	z-index: 3;
}
.tel-box .item_fukidashi img {
	width: 27vw;
	max-width: 200px;
}

.omkj-result {
	width: 70vw;
	max-width: 400px;
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px;
	background-color: #FFFFFF;
	border-radius: 20px;
    display: none;
}
.omkj-result .code-box {
	line-height: 1.6;
	padding: 10px 0px;
	border-top: 2px dashed rgba(236, 204, 51, 1);
	border-bottom: 2px dashed rgba(236, 204, 51, 1);
}
.omkj-code {
	display: block;
}

footer {
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}