@charset "Shift_JIS";

.simulation select {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
	border: solid 1px #bfbfbf;
	border-radius: 5px;
	background-color: #ffffff;
	box-sizing: border-box;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.simulation select::-ms-expand { display: none; }
.select_cover { position: relative; }
.select_cover::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: solid 2px #333333;
	border-left: solid 2px #333333;
	transform: rotate(-135deg);
}

.simulation_h2 span { margin-bottom: 1rem!important; }
.simulation_h3 {
	display: block!important;
	margin: 0 0 2rem 0!important;
	padding: 0!important;
	border: none!important;
	text-align: center!important;
	font-size: 1.500rem!important;
	font-weight: bold!important;
}
.simulation_h4 {
	font-size: 1.2rem!important;
	font-weight: bold!important;
}

.color_orange_bold {
	font-weight: bold;
	color: #ee8131;
}

.simulation .simulation_card {
	border: none;
	background-color: inherit;
}
.simulation .simulation_card_body { padding: 2.7rem 0 0 0; }

.simulation .form-label {
	margin-top: 0.45rem;
	margin-bottom: 0;
	align-items: center;
	font-weight: bold;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .simulation .form-label { margin-top: 0.75rem; } /* IE11 */
}

.simulation .select_layout {
	display: table;
	width: 100%;
	margin-bottom: 0.7rem;
}
.simulation .select_title {
	display: table-cell;
	width: 45%;
	padding-right: 0.5rem!important;
	box-sizing: border-box;
}
.simulation .select_title label { font-weight: bold; }
.simulation .select_box {
	display: table-cell;
	width: 55%;
	padding-right: 0!important;
}
.spOnly { display: none!important; }
@media screen and (max-width: 767px) {
    .spOnly { display: block!important; }
	.simulation .select_layout {
		display: block;
		margin-bottom: 1rem;
	}
	.simulation .select_title {
		display: block;
		width: 100%;
		margin-bottom: 0.3rem;
		padding-right: 0!important;
	}
	.simulation .select_box {
		display: block;
		width: 100%;
	}
}

.label_sub_text {
	display: block;
	font-weight: normal;
	font-size: 0.7rem;
	line-height: 130%;
}
.simulation .select_items {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.simulation .form-select-sm { padding: 0.55rem 2.25rem 0.55rem 0.75rem; }
.simulation_box { padding: 54px 30px!important; }

.simulation .simulation_grid {
	width: 100%;
	margin-top: 3rem;
	margin-bottom: 3rem;
	text-align: center;
}
.simulation #BtnExecute {
	position: relative;
	max-width: 430px;
	width: 100%;
	padding: 0.2rem 0.5rem 1.7rem 0.5rem;
	margin: 0 auto;
	box-shadow: none!important;
	background-color: #ed7d31;
	font-weight: bold;
	font-size: 1.50rem;
	color: #ffffff;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.2s;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .simulation #BtnExecute { padding: 1rem 0.5rem 2.0rem 0.5rem; } /* IE11 */
}
.simulation #BtnExecute::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 13px;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	border-top: solid 4px #ffffff;
	border-left: solid 4px #ffffff;
	transform: rotate(-135deg);
}
.simulation #BtnExecute:hover { background-color: #f8cbad; }
.simulation #BtnExecute.disabled { background-color: #f8cbad; cursor: default; }
.simulation #BtnExecute.disabled:hover { background-color: #f8cbad; }

.simulation .simulation_result {
	display: table;
	width: 100%;
}
.simulation .simulation_result .simulation_result_left {
	display: table-cell;
	width: 50%;
	padding-right: 1rem;
	vertical-align: top;
	box-sizing: border-box;
}
.simulation .simulation_result .simulation_result_right {
	display: table-cell;
	width: 50%;
	padding-left: 1rem;
	vertical-align: top;
	box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
	.simulation .simulation_result { display: block; }
	.simulation .simulation_result .simulation_result_left {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.simulation .simulation_result .simulation_result_right {
		display: block;
		width: 100%;
		padding-left: 0;
	}
}

.canvas_cover { margin-bottom: 30px; }
@media screen and (min-width: 1200px) {
	.canvas_cover canvas {
		max-width: 442px!important;
		height: auto!important;
	}
}
@media screen and (max-width: 767px) {
	.result_table_cover {
		padding-bottom: 28px;
		overflow-x: auto!important;
	}
	.result_table { min-width: 400px; }
}

.result_table { width: 100%; }
.result_table,.result_table th,.result_table td {
	border-collapse: collapse;
	border:1px solid #bfbfbf!important;
}
.result_table th {
	height: 50px;
	padding: 0.2rem 0.5rem;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.result_table td {
	height: 50px;
	padding: 0.2rem 0.5rem!important;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
.result_table thead tr:nth-child(odd) { background-color: #ffffff; }
.result_table tr:nth-child(odd) { background-color: #f2f2f2; }
.result_table tr:nth-child(even) { background-color: #ffffff; }
.result_table td span.jikan01 {
	font-size: 0.9rem;
	font-weight: normal;
	color: #333333;
}
.result_table td span.jikan02 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ed7d31;
}
.result_table td span.jikan_tani {
	font-size: 0.9rem;
	font-weight: normal;
	color: #333333;
}
@media screen and (max-width: 767px) {
	.result_table th { font-size: 0.8rem!important; }
}

.sakugen01 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #ed7d31;
}
.sakugen_tani { font-weight: bold; }
.sakugen_jikan { padding-right: 8px; }
.result_table th:nth-child(1) { width: 46%!important; }
.result_table th:nth-child(2) { width: 22%!important; }
.result_table th:nth-child(3) { width: 22%!important; }

.simulation .reduction_box {
	width: 100%;
	max-width: 378px;
	margin-left: 62px;
}
@media screen and (max-width: 1200px) {
	.simulation .reduction_box {
        max-width: 400px;
        margin: 0 auto 2rem auto;
    }
}

.simulation .reduction_box .reduction_card {
	display: table;
	width: 100%;
	padding: 1rem 0;
	border-radius: 0!important;
	border-bottom: solid 1px #bfbfbf;
}
.simulation .reduction_box .reduction_card:last-child { border-bottom: none; }

.simulation .reduction_box .reduction_card_header {
	display: table-cell;
	width: 100px;
	padding: 0;
	border: none;
	background-color: transparent;
	font-weight: bold;
	font-size: 1.2rem;
}
.simulation .reduction_box .reduction_card_body {
	display: table-cell;
	width: calc(100% - 100px);
	padding: 0;
	border: none;
	background-color: transparent;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.simulation .reduction_box .reduction_card_header {
		width: 70px;
		font-size: 0.8rem;
	}
	.simulation .reduction_box .reduction_card_body { font-size: 0.8rem; }
	.sakugen01 { font-size: 1.1rem; }
}
@media screen and (max-width: 399px) {
	.sakugen01 { font-size: 1rem; }
}
.simulation_text01 {
	margin-top: 1rem!important;
	margin-bottom: 2rem!important;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 150%;
}

.center_btn {
	position: relative;
	width: 270px;
	margin: 0 auto;
}
.center_btn a { width: 270px!important; }
.simulation .btnBK.jp a {
	padding-right: 1em!important;
	padding-left: 5em!important;
}

.print_btn .btnBK a {
	background-image: url("/solution/ai_robot/biometrics/simulation/images/icon_print.png")!important;
	background-repeat: no-repeat!important;
	background-position: left 10px center!important;
	background-size: 31px 31px!important;
}
.print_btn .btnBK a:hover {
	background-image: url("/solution/ai_robot/biometrics/simulation/images/icon_print_hover.png")!important;
	background-repeat: no-repeat!important;
	background-position: left 10px center!important;
	background-size: 31px 31px!important;
}

.center_btn .btnBK.alignC { margin-left: 0!important; }
.print_btn .btnBK::before,.print_btn .btnBK a::before,.print_btn .btnBK a::after { display: none!important; }

@media screen and (max-width: 767px) {
	.simulation .print_btn .btnBK.jp a {
		display: block!important;
		padding: 0 1em 0 1em!important;
		text-align: center!important;
		line-height: 40px!important;
	}
}
.relation h2 + .TextStyle1 { margin-top: 1.5rem!important; }

.co2set_relation { width: 100%; }
.co2set_relation img {
	width: 100%;
	height: auto;
}
.co2set_relation .co2set_relation_col01 {
	float: right;
	width: 45%;
}
.co2set_relation .co2set_relation_col02 {
	float: left;
	width: 55%;
	padding-right: 2rem;
	box-sizing: border-box;
}

.co2set_relation:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html .co2set_relation { zoom: 1; }

@media screen and (max-width: 767px) {
	.simulation_grid { margin-top: 1.5rem; }
	.simulation_box { padding: 30px 15px!important; }
	.simulation #BtnExecute { font-size: 1.2rem;}
	.simulation #BtnExecute::before {
		bottom: 13px;
		width: 14px;
		height: 14px;
		margin-left: -7px;
		border-top: solid 3px #ffffff;
		border-left: solid 3px #ffffff;
	}

	.co2set_relation .co2set_relation_col01 {
		float: none;
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.co2set_relation .co2set_relation_col02 {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.simulation_text01 {
		font-size: 1rem;
		line-height: 180%;
	}
}

@media screen and (max-width: 399px) {
	.center_btn { width: 100%; }
	.center_btn a { width: 100%!important; }
}