@charset "utf-8";

/* STM_SRC_002のスタイル（レスポンシブ）
============================================ */

/* Common Parts
--------------------------------------------------------------------------------- */
h2.search-head {
  margin-bottom: 1em;
  padding: .1em 0 .1em .75em;
  border-left: solid 4px #ff9f00;
}

h2.search-head span.red {
	display: inline-block;
}

span.red {
  color: #F33;
}

#fieldErrors,
#nameInputError,
#noSelectError {
  color: #F33;
}

#nameInputError,
#noSelectError {
  margin-bottom: 1em;
}


/* Select Area
--------------------------------------------------------------------------------- */
.search-select-area {
  width: 100%;
	padding: 0 1.6rem 2.4rem 1.6rem;
  background-color: #fff;
}


/* Info Area
--------------------------------------------------------------------------------- */
.nortification {
	display: none;
}


/* User Info Area
--------------------------------------------------------------------------------- */
.user-info-area {
	display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
	width: 100%;
}

.input-area {
	display: flex;
	align-items: center;
  gap: 0 .5em;
  width: 100%;
}

.input-area dt {
	display: flex;
	align-items: center;
  min-width: 4.4em;
  white-space: nowrap;
}

.input-area dd {
  flex: 1;
}

/* Form */
.input-area select, .input-area input[type="text"] {
  width: 100%;
}

.input-area label input {
	width: 1.4rem;
	height: 1.4rem;
	border: 1px solid #b8b8b8;
	margin-right: .5em;
}

.input-area label:hover {
  cursor: pointer;
}

.input-area label input[type=checkbox] {
	border-radius: 0;
}

.input-area.reverse label {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  width: fit-content;
  cursor: pointer;
  font-size: 1.6rem;
  -webkit-user-select: none;
  user-select: none;
}

.input-area.reverse input[name="saveUserAttributes"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  margin: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}

.input-area.reverse  input[name="saveUserAttributes"]:checked {
  background-color: #3867be;
  border-color: #3867be;
}

.input-area.reverse input[name="saveUserAttributes"]:checked:after {
  content: '';
  display: block;
  position: absolute;
  top: 0rem;
  left: .5rem;
  width: .6rem;
  height: 1.1rem;
  border-right: .2rem solid #fff;
  border-bottom: .2rem solid #fff;
  transform: rotate(45deg);
}

.memo::placeholder {
	color: #a6a6a6;
}

/*Text */
input::-ms-clear {
	visibility: hidden;
}

/* Password */
input::-ms-reveal {
	visibility: hidden;
}

select::-ms-expand {
	display: none;
}

/* Contents Area
--------------------------------------------------------------------------------- */
/* Select Mode */
.bg-gray-01 {
  position: relative;
	padding: 3.2rem 0;
}

.search:has(.separate-2) {
	display: none;
}

.w719:has(.search2) {
	padding-bottom: 3.2rem;
	border-bottom: dotted 1px #666;
}

.bg-gray-01.w100 > .w719 {
  position: relative;
  z-index: 1;
}

.switch-box {
  display: inline-block;
	position: relative;
	width: 100%;
}

.switch-box img {
  max-width: 100%;
	width: 100%;
  height: auto;
}

.switch-box img + img {
	position: absolute;
	left: 0;
	top: 0;
}

.off {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	z-index: 10;
}

.transparent {
	opacity: 0;
}

.right-area-box,
.right-area-box + .accordion {
  display: none;
}

#btnAdvancedSearch {
    display: none;
}

#iframe-guide-banner {
	display: none;
}