@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

#l-content.login-content-noto .content-section {
	font-family: "Noto Sans JP", sans-serif;
}

#l-content.premember-login-content .content-section {
	font-family: "Noto Sans JP", sans-serif;
}

#l-content.login-content-noto .content-section .u-txt-link,
#l-content.login-content-noto .content-section #owned_login_app .password-reset-link a,
#l-content.premember-login-content .content-section .m-txt-link,
#l-content.premember-login-content .content-section #owned_login_app .password-reset-link a {
	color: #009bd3 !important;
}

#l-content.login-content-noto .m-box-gray,
#l-content.premember-login-content .m-box-gray {
	background-color: #f7f7f7;
}

#l-content.premember-login-content .premember-guest-title {
	margin-bottom: 15px;
	font-weight: 500;
}

#l-content.premember-login-content .premember-member-box > .u-txt-ttl2 {
	font-weight: 500;
}

#l-content.confirmation-login-content .confirmation-box > .u-txt-ttl2,
#l-content.medical-login-content .m-txt-ttl8 {
	font-weight: 500;
}

#l-content.premember-login-content .premember-guest-box > .confirmation-section-lead {
	margin-top: 0;
	color: #444;
	font-weight: 400;
}

#l-content.premember-login-content .premember-lead-br-pc {
	display: none;
}

#l-content.premember-login-content ul.m-list-asterisk > li::before {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	vertical-align: baseline;
}

#l-content.premember-login-content .premember-member-box ul.m-list-asterisk > li {
	margin-bottom: 0;
	font-size: inherit;
}

#l-content.premember-login-content .premember-guest-box > ul.m-list-asterisk > li {
	margin-bottom: 0;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
}

#l-content.premember-login-content .premember-guest-box .d-spiralSeal dt {
	color: #222;
	font-weight: 500;
}

#l-content.login-content-noto #owned_login_app .input-group > div:first-child,
#l-content.login-content-noto #owned_login_app .input-group label,
#l-content.premember-login-content #owned_login_app.confirmation-owned-login .input-group > div:first-child,
#l-content.premember-login-content #owned_login_app.confirmation-owned-login .input-group label {
	font-weight: 500;
}

#l-content.medical-login-content .login-guidance-note {
	color: #222;
	font-weight: 500;
	font-size: 1.44rem;
}

#l-content.medical-login-content .login-medpass-notes,
#l-content.medical-login-content #owned_login_app ul.m-list-asterisk {
	color: #222;
	font-weight: 500;
	font-size: 1.25rem;
}

#l-content.login-content-noto .login-medpass-notes a.noticon,
#l-content.premember-login-content .login-medpass-notes a.noticon {
	color: inherit !important;
}

#l-content.confirmation-login-content .login-guidance-note {
	color: #222;
	font-weight: 500;
	font-size: 1.44rem;
}

#l-content.confirmation-login-content .login-medpass-notes,
#l-content.confirmation-login-content #owned_login_app ul.m-list-asterisk {
	color: #222;
	font-weight: 500;
	font-size: 1.25rem;
}

#l-content.login-content-noto .login-medpass-notes > li,
#l-content.login-content-noto #owned_login_app ul.m-list-asterisk > li {
	margin-bottom: 0;
}

.l-header-simple .l-header-simple__search .l-header-simple__search-label {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  [data-gs] .m-box-gray.is-addTile,
  [data-gs] .m-box-gray .is-addTile {
    height: auto !important;
  }
}

input {
  line-height: 1.5em;
}
.input-group.group3 > .input-group-item input[type="text"] {
  max-width: 40.3rem;
  font-size: 1.8rem;
}

.input-group .input-group-item input[type="text"],
.input-group .input-group-item input[type="password"] {
  width: 100%;
  max-width: 33.7rem;
  /* height: 5.5rem; */
  height: 5rem;
  padding-left: 1.6rem;
  border: 0.1rem solid #c1c1c1;
  border-radius: 0.6rem;
  font-size: 1.6rem;
}
.mr-btn {
  position: relative;
  width: 100%;
  max-width: 37.7rem;
  height: 6.6rem;
  background-color: #8a532c;
  border: 0.1rem solid #8a532c;
  border-radius: 0.8rem;
  text-align: center;
  align-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
}

.mr-btn:hover {
  background-color: #56331b;
  border: 0.1rem solid #56331b;
}

#l-content .m-box-gray > hr {
  margin-block: 2rem;
}

@media screen and (min-width: 768px) {
  #l-content .m-box-gray > hr {
    margin-block: 30px;
  }
}

#owned_login_app .u-list-medpass {
  margin-top: 2rem;
}

#owned_login_app .input-group {
  width: 100%;
  max-width: 33.7rem;
  margin-right: auto;
  margin-left: auto;
}

#owned_login_app .input-group .input-group-item {
  width: 100%;
  margin-top: 0.4rem;
  box-sizing: border-box;
}

#owned_login_app .input-group .input-group-item input[type="text"],
#owned_login_app .input-group .input-group-item input[type="password"] {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* #owned_login_app .input-group .input-group-item input[type="text"]:focus,
#owned_login_app .input-group .input-group-item input[type="password"]:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
} */

#owned_login_app .input-group > div:first-child {
  width: 100%;
  font-weight: bold;
  text-align: left;
}

#owned_login_app .input-group label {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: bold;
  line-height: 1.5;
}

#owned_login_app .input-group label input[type="checkbox"] {
  width: 2rem;
  height: 2rem;
  margin: 0;
  accent-color: #8a532c;
  flex-shrink: 0;
  transform: translateY(-0.05em);
}

#owned_login_app .mr-btn {
  background-color: #bf2d30;
  border-color: #bf2d30;
}

#owned_login_app .mr-btn:hover {
  background-color: #880919;
  border-color: #880919;
}

#owned_login_app .password-reset-link {
  margin: 1.4rem 0 0;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
}

#owned_login_app .password-reset-link a {
  color: #0068b7;
  text-decoration: underline;
}

.m-txt-ttl8 {
	margin-bottom : 40px;
	font-weight : bold;
	line-height : 1;
	font-size : 20px;
	font-size : 20px;
	font-size : 2rem;
	text-align : center;
	letter-spacing : 0.05em;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-txt-ttl8 {
		margin-bottom : 20px;
		font-size : 17px;
		font-size : 1.7rem;
	}
}

.u-list-medpass .medpass-item.item-login .u-btn-medpass,
.u-list-medpass .medpass-item.item-regist .u-btn-medpass {
	max-width: 300px;
}

.u-list-medpass .u-btn-medpass .medpass-mark {
	width: 27px;
	margin-right: 8px;
	-webkit-transform: none;
	transform: none;
}

@media screen and (max-width: 767px) {
	.u-list-medpass .u-btn-medpass .medpass-mark {
		width: 22px;
	}
}

.u-list-medpass .medpass-item.item-regist .u-btn-medpass {
	box-sizing: border-box;
	padding: 12px 0 9px;
	border: 3px solid #31b372;
	background-color: #fff;
	color: #31b372;
}

.u-list-medpass .medpass-item.item-regist .u-btn-medpass:link,
.u-list-medpass .medpass-item.item-regist .u-btn-medpass:visited {
	color: #31b372;
}

.u-list-medpass .medpass-item.item-regist .u-btn-medpass:hover {
	background-color: #f4fbf8;
}

.confirmation-box > .u-txt-ttl2 {
	margin-bottom: 15px;
}

.confirmation-box > .confirmation-section-lead {
	margin-top: 0;
	color: #555;
	font-weight: 500;
}

#l-content.confirmation-login-content .confirmation-box--guest > .confirmation-section-lead {
	color: #444;
	font-weight: 400;
}

.confirmation-box--guest > .u-box-btnwrap,
.confirmation-box--member > .u-list-medpass {
	margin-top: 15px;
}

.confirmation-box--guest > .u-box-btnwrap {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

.confirmation-box--guest > .confirmation-corporate-link {
	font-size: 1.3rem;
}

#l-content.confirmation-login-content .confirmation-box--member .medpass-item + .medpass-item {
	margin-top: 15px;
}

#l-content.confirmation-login-content .confirmation-box--member .login-medpass-notes {
	margin-top: 15px !important;
}

#l-content.confirmation-login-content .confirmation-box--member > hr {
	margin-block: 20px;
}

#owned_login_app.confirmation-owned-login .m-txt-ttl8 {
	margin-bottom: 0;
	color: #555;
	font-weight: 500;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: normal;
}

#owned_login_app.confirmation-owned-login .u-list-medpass {
	margin-top: 15px;
}

#owned_login_app.confirmation-owned-login .input-group.medpass-item:first-child + .input-group.medpass-item {
	margin-top: 4px;
}

#owned_login_app.confirmation-owned-login .u-list-medpass > div > .input-group.medpass-item:nth-child(3),
#owned_login_app.confirmation-owned-login .u-list-medpass > div > .input-group.medpass-item:nth-child(3) + .medpass-item {
	margin-top: 10px;
}

#owned_login_app.confirmation-owned-login .input-group .input-group-item input[type="text"],
#owned_login_app.confirmation-owned-login .input-group .input-group-item input[type="password"] {
	height: 4.4rem;
	border-radius: 0;
}

#l-content.medical-login-content #owned_login_app .input-group .input-group-item input[type="text"],
#l-content.medical-login-content #owned_login_app .input-group .input-group-item input[type="password"] {
	border-radius: 0;
}

@media screen and (min-width: 768px) {
	#l-content.confirmation-login-content > .content-section {
		padding-top: 20px;
	}

	#l-content.medical-login-content > .content-section {
		padding-top: 35px;
	}

	#l-content.medical-login-content > .content-section > .login-guidance-note + [data-gs] .m-box-gray {
		margin-top: 38px;
	}

	#l-content.premember-login-content .premember-guest-box {
		padding-top: 20px;
	}

	#l-content.premember-login-content .premember-guest-title {
		margin-bottom: 10px;
	}

	#l-content.premember-login-content .premember-lead-br-pc {
		display: inline;
	}

	#l-content.confirmation-login-content .confirmation-box {
		padding-top: 20px;
	}

	#l-content.confirmation-login-content .confirmation-box--member > .u-txt-ttl2 {
		margin-bottom: 10px;
	}

	#l-content.confirmation-login-content .confirmation-box--member .u-btn-medpass {
		box-sizing: border-box;
		width: 100%;
		max-width: 240px;
		height: 62px;
		padding: 0 6px;
	}

	#l-content.confirmation-login-content .confirmation-box--member .medpass-mark {
		width: 27px;
		margin-right: 8px;
	}

	#l-content.confirmation-login-content .confirmation-box--member .item-txt {
		font-size: 1.5rem;
		letter-spacing: 0;
	}

	#owned_login_app.confirmation-owned-login .mr-btn {
		max-width: 240px;
	}

	#l-content.medical-login-content > .content-section > .login-guidance-note {
		max-width: 840px;
		margin-right: auto;
		margin-left: auto;
	}

	#l-content.medical-login-content .medical-login-medpass-box > .u-list-medpass {
		margin-top: 52px;
	}

	#l-content.medical-login-content .medical-login-medpass-box .u-btn-medpass {
		box-sizing: border-box;
		width: 100%;
		max-width: 345px;
		height: 72px;
		padding: 0 12px;
	}

	#l-content.medical-login-content .medical-login-medpass-box .medpass-mark {
		width: 32px;
		margin-right: 10px;
	}

	#l-content.medical-login-content .medical-login-medpass-box .item-txt {
		font-size: 1.7rem;
		letter-spacing: 0;
	}
}