@charset "utf-8";

/*===============
  top
=============================*/
.information {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 50px;
}

.information h1 {
	margin-bottom: 20px;
	text-align: center;
}

.information_body {
	position: relative;
	padding: 1rem 2rem;
	border-radius: 2rem 0px 2rem 0px;
	background: linear-gradient(to left, #78944b 50%, #c1a970 50%);
	color: #fff;
}

.information_body h2{
	margin: 20px 0;
	font-size: 1.25rem;
}

.information_body a{
	color: #1a0dab;
}

.information_body figure{
	position: absolute;
	bottom: 1rem;
	right: 1.5rem;
}

/* 遷移ボタン */
.top_buttons {
	display: flex;
	justify-content: space-evenly;
	margin-top: 50px;
}

/* 注意事項 */
.attend {
	padding-bottom: 50px;
}

.attend_wrap h2 {
	margin: 50px 0 20px;
	font-size: 1.75rem;
	text-align: center;
}

.attend_head {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.attend_head h2{
	display: inline-flex;
	align-items: center;
}

.attend_body {
	padding: 1rem 2rem;
	border: 2px solid #898989;
	border-radius: 1rem;
	background: #fffbc7;
}

/*==================
  ログインページ
  ====================================*/
.login h1{
	margin-bottom: 20px;
}

.login .content{
	max-width: 880px;
}

.loginForm_row {
	margin-top: 50px;
	font-size: 1.125rem;
}

.loginForm_row dt {
	margin-bottom: 10px;
	font-weight: 700;
}

.loginForm_privacy{
	margin-top: 20px;
}

.loginForm_privacy a{
	display: inline-block;
	margin: 0 1rem;
}

.loginForm_submit{
	margin-top: 20px;
}

.loginForm_submit_btn{
	display: inline-block;
	margin-top: 10px;
	padding: 1rem;
	border-radius: 1rem;
	border: 2px solid #fff;
	background: #57b76b;
	color: #fff;
	font-size: 1.375rem;
	font-weight: 700;
}

@media (any-hover:hover){
	.loginForm_submit_btn:hover{
		cursor: pointer;
	}
}

.homeback{
	position: fixed;
	right: 20px;
	bottom: 120px;
}

.login input[type="radio"],
.login input[type="checkbox"]{
	accent-color: #359f0e;
}

/*==================
  判定ページ
  ====================================*/
.inquiry .title,
.inquiry_p .title {
	width: 800px;
	margin: 0 auto;
	padding:1rem 1rem 0.8rem;
	border-radius: 1rem;
	background: #fff;
	text-align: center;
}

.inquiry .title p,
.inquiry_p .title p{
	margin-top: 0.5rem;
}

/* 製品検索の条件&判定　 */
.selecter_search {
	display: flex;
}

.selecter_search .selecter_items_blocks {
	width: 960px;
}

.selecter_items_blocks .selecter_items_block {
	margin: 30px 0;
}

.selecter_items_blocks .selecter_items_block h3 {
	margin-bottom: 0.5rem;
}

.selecter_items_blocks .selecter_items_block .block_inner {
	display: flex;
}

/* プルダウン群 */
.selecter_items {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 100px);
	height: 130px;
	margin-right: 20px;
}

.selecter_item {
	display: flex;
}

.selecter_item div {
	width: 98px;
	padding: 5px;
	border-radius: 5px 0 0 5px;
	border: 1px solid #999;
	background-color: #f2f2f2;
}

.selecter_item select {
	display: block;
	width: calc(100% - 100px);
	border: 1px solid #999;
	border-left: none;
	border-radius: 0 5px 5px 0;
	background-color: white;
	line-height: 1.6;
	padding-left: 0.5em;
	/* reset */
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* セレクトボタン arrows */
	background-image:
		linear-gradient(45deg, transparent 50%, #555 50%),
		linear-gradient(135deg, #555 50%, transparent 50%),
		linear-gradient(to right, #efefef, #efefef);
	background-position:
		calc(100% - 20px) calc(0.75em + 2px),
		calc(100% - 15px) calc(0.75em + 2px),
		100% 0;
	background-size:
		5px 5px,
		5px 5px,
		2.5em 2.5em;
	background-repeat: no-repeat;
}

.selecter_item select:focus {
	border-color: #fc6;
	background-image:
		linear-gradient(45deg, white 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, white 50%),
		linear-gradient(to right, #fc6, #fc6);
	background-position:
		calc(100% - 15px) 0.75em,
		calc(100% - 20px) 0.75em,
		100% 0;
	background-size:
		5px 5px,
		5px 5px,
		2.5em 2.5em;
	background-repeat: no-repeat;
	outline: 0;
}

@media all and (max-width:1200px) {
	.selecter_item select {
		width: 345px;
	}
}

.notmatch{
  color: #f2648c !important;
}

/*------------ セレクト not アクティブ ------------*/
.selecter_items.disabled div {
	background-color: #e4e4e4;
}

.selecter_items select:disabled {
	background-color: #e4e4e4;
}

.selecter_items.disabled select {
	background-image:
		linear-gradient(45deg, transparent 50%, #555 50%),
		linear-gradient(135deg, #555 50%, transparent 50%),
		linear-gradient(to right, #e4e4e4, #e4e4e4);
}


/* 結果表示 */
.selecter_result {
	position: relative;
	width: 300px;
	border-radius: 8px;
	border: 1px solid #999;
	background-color: #fff;
	overflow: hidden;
}

.selecter_result_body {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: calc(100% - 34px);
}

.selecter_result_body div {
	color: #06c;
	font-weight: 700;
	font-size: 1.75rem;
}

.selecter_result_body p {
	text-align: center;
	font-size: 0.875em;
}

@media all and (max-width:1200px) {
	.selecter_items {
		width: 565px;
		margin-right: 20px;
	}

	.selecter_result {
		width: 345px;
	}
}

.selecter_result .selecter_result_head {
	padding: 0 1rem;
}

.selecter_result .selecter_result_head h4 {
	padding: 0.5rem 0;
	border-bottom: 1px solid #bbb;
	text-align: center;
}

/* 判定実行ボタン */
.selecter_run_block {
	position: relative;
	width: 200px;
	padding: 10px;
	margin-left: auto;
}

.selecter_runs {
	position: sticky;
	top: 50%;
	left: 0;
	text-align: center;
}

#selecter_submit,
#selecter_publish,
#selecter_reset {
	width: 100%;
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 1rem;
	border: 2px solid #fff;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
}

#selecter_submit {
	background: #90ad66;
}

#selecter_publish {
	background: #84bae5;
}

#selecter_submit:disabled,
#selecter_publish:disabled,
#selecter_reset:disabled{
	background: #ccc;
	color: #555;
}

#selecter_reset{
	background: #e87696;
}

#selecter_submit p,
#selecter_publish p {
	line-height: 1.1;
}

#selecter_publish span {
	font-size: 0.875rem;
}

@media (any-hover:hover) {

	#selecter_submit :hover,
	#selecter_publish:hover,
	#selecter_reset:hover {
		cursor: pointer;
	}

	#selecter_submit:disabled:hover,
	#selecter_publish:disabled:hover,
	#selecter_reset:disabled:hover {
		cursor: default;
		opacity: 1;
	}
}

/*============================================*/
/* 装飾用 */
.tCenter {
	text-align: center;
}

.tRight {
	text-align: right;
}

.color_red {
	color: red;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mra{
	margin-right: auto;
}

.mla{
	margin-left: auto;
}

.pt20 {
	padding-top: 20px !important;
}

.indent15 {
	text-indent: -1.5em;
	padding-left: 1.5em;
}