/* ##########################
UIS 2020 /共通/
########################## */

.button-area-side h3 {
	display: inline-block;
	padding-right: 1rem;
	font-size: 1.75rem;
	font-weight: 500;
	vertical-align: middle;
	line-height: 3rem;
}

.button-area-side {
	min-height: 3rem;
	font-size: 0;
	padding: 0;
	padding-bottom: 2.5rem;
}

.button-area-side .button-area {
	display: block
}

.resize {
	resize: none;
}

.update_check {
	margin-top: 3px;
	background: #cbcbcb;
	padding: 5px 15px;
	font-weight: 500;
}

.clear {
	clear: both;
}

/* ##########################
UIS 2020 /パンくずリスト/
########################## */
#breadcrumbs a:link {
	color: #4e8ecf;
	text-decoration: underline;
}

#breadcrumbs a:visited {
	color: #4e8ecf;
}

#breadcrumbs a:hover {
	color: #f39a00;
}

#breadcrumbs p {
	display: inline-block;
}

/* ##########################
UIS 2020 /ログイン画面/
########################## */

#form {
	max-width: 500px;
	margin: 0 auto;
}

#login-form {
	padding: 4.5rem 0;
	background: url("../../common/images/bg_stripe_lightblue.png");
	background-color: #d2dfcc;
}

#login-form .lead {
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.85em;
	text-align: center;
	padding: 0 0 3.5rem 0;
}

#login-form .message {
	display: block;
	text-align: center;
	font-size: 1rem;
    font-weight: 700;
    color: rgba(250, 79, 79, 1.00);
}

#login-form h3 {
	display: block;
	padding: 0.5rem 0 1rem 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.65em;
}

#login-form .form-control {
	width: 100%;
	min-height: 3rem;
	padding: 0 1.5rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
	border-radius: 1.5rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: white !important;
}

#login-form .submit {
	max-width: 300px;
	min-height: 3rem;
	background-color: rgba(244, 90, 90, 1.00) !important;
}

#login-form .forgot-password {
	display: block;
	text-align: center;
	padding: 1.5rem 0 0 0;
}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {

#login-form .lead {
	text-align: left;
}

#form {
	max-width: none;
}

}

/*----------------------------------------------------- BREAK POINT*/

/* ##########################
UIS 2020 /TOPページ/
########################## */

#top #notice {
	background: rgba(238, 238, 238, 1.00);
}

#top #notice .notice-box,
#top #notice .usage-box {
	padding: 2rem;
	background: white;
}

#top #notice .notice-box {
	float: left;
}

#top #notice .usage-box {
	float: right;
}

@media (min-width: 576px) {
	#top #notice {
		padding: 1.5rem 0 83.5rem;
	}
	#top #notice .notice-box,
	#top #notice .usage-box {
			max-width: 100%;
	}
	#top #notice .notice-box {
		margin-bottom: 2em;
	}
}
@media (min-width: 768px) {
	#top #notice {
		padding: 4.5rem 0 44.5rem;
	}
	#top #notice .notice-box,
	#top #notice .usage-box {
			max-width: 48%;
	}
	#top #notice .notice-box {
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
	#top #notice {
		padding: 4.5rem 0 40.5rem;
	}
	#top #notice .notice-box,
	#top #notice .usage-box {
			max-width: 48%;
	}
	#top #notice .notice-box {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	#top #notice {
		padding: 4.5rem 0 38.5rem;
	}
	#top #notice .notice-box,
	#top #notice .usage-box {
			max-width: 48%;
	}
	#top #notice .notice-box {
		margin-bottom: 0;
	}
}

#top #notice a {
	text-decoration: none;
}

#top #notice dl {
	display: block;
	border-bottom: 1px solid rgba(221, 221, 221, 1.00);
	padding: 0.75rem 0 0.75rem 0;
}

#top #notice a:first-of-type dl {
	padding-top: 0;
}

#top #notice dl dt {
	display: block;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.65em;
	position: relative;
	padding-bottom: 0.375rem;
}

#top #notice dl dt span {
	display: inline-block;
	padding: 0 0.8125em;
	line-height: 1.25rem;
	height: 1.25rem;
	overflow: hidden;
	text-align: center;
	min-width: 7.5rem;
	color: white;
	border-radius: 0.625rem;
	margin-left: 0.875em;
	vertical-align: middle;
	font-size: 0.875rem;
	margin-top: -0.125em;
}

#top #notice dl dt span.expiration {
	background-color: rgba(244, 90, 90, 1.00);
}

#top #notice dl dt span.product {
	background-color: rgba(53, 140, 212, 1.00);
}

#top #notice dl dt span.completion {
	background-color: rgba(107, 113, 199, 1.00)
}

#top #notice dl dt span.etc {
	background-color: rgba(136, 136, 136, 1.00);
}

#top #notice dl dd {
	display: block;
	color: rgba(17, 17, 17, 1.00);
	line-height: 1.65em;
	font-size: 1.125rem;
}

#top #notice h3 {
	display: block;
	padding-bottom: 1.5rem;
	font-size: 2.325rem;
	font-weight: 700;
}

#top #notice h3 strong {
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.65em;
	padding-top: 0.5rem;
}

#top #top-link {
	padding: 3.5rem 0 0 0;
}

#top #top-link h2 {
	display: block;
	text-align: center;
	font-weight: 700;
	line-height: 1.5em;
	font-size: 2rem;
	padding: 0 0 4.5rem 0;
}

#top #top-link .main-link .row > div {
	text-align: center;
}

#top #top-link .main-link a.link {
	display: block;
	text-align: center;
	margin: 0 auto 3.5rem auto;
}

#top #top-link .main-link .link span {
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	border-radius: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
}

#top #top-link .main-link .link span img {
	width: 100%;
	max-width: 14.375rem;
	max-height: 14.375rem;
}

#top #top-link .main-link .link strong {
	font-size: 1.375rem;
	line-height: 1.5em;
	font-weight: 500;
	color: rgba(42, 46, 134, 1.00);
	display: block;
	padding: 1.25rem 0 1.25rem 0;
}

#top #top-link .main-link .link p {
	display: block;
	font-size: 1.125rem;
	line-height: 1.65em;
	margin: 0 auto;
}

#top #sub-link {
	padding: 0 0 4.5rem 0;
}

#top #sub-link .sub-link-wrap {
	padding: 3.5rem 0 1.5rem 0;
	border-top: 1px solid rgba(204, 204, 204, 1.00);
	border-bottom: 1px solid rgba(204, 204, 204, 1.00);
}

#top #sub-link .row > div {
	padding-bottom: 2rem;
}

#top #sub-link .button {
	display: inline-block;
	line-height: 3rem;
	height: 3rem;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 0 1rem;
	background: rgba(42, 46, 134, 1.00);
	color: white;
	font-weight: 500;
	font-size: 1.125rem;
	border-radius: 1.5rem;
}

#top #sub-link .orange-button {
	background: rgba(246, 125, 37, 1.00);
}

#top #information {
	padding: 0 0 4.5rem 0;
}

#top #information h3 {
	display: block;
	padding-bottom: 2.5rem;
	font-size: 2.325rem;
	font-weight: 700;
}

#top #information h3 strong {
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.65em;
	padding-top: 0.5rem;
}

#information .info-list {
	max-height: 425px;
	overflow-y: scroll;
	position: relative;
}

#information .info-list dl {
	padding: 1rem 0rem;
	margin-bottom: 0;
}

#information .info-list dl dt {
	font-size: 1rem;
	line-height: 2em;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

#information .info-list dl dd {
	font-size: 1.125rem;
	line-height: 1.65em;
	display: inline-block;
}

#information a {
	margin-bottom: 0;
	margin-top: 0;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid rgba(221, 221, 221, 1.00);
}

#information .info-list dl dd, #information .info-list dl dt {
	color: rgba(17, 17, 17, 1.00);
}

#information .button-area {
	padding-top: 3.5rem;
}

#information .button {
	display: inline-block;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
	text-align: center;
	padding: 0 2rem;
	background: rgba(42, 46, 134, 1.00);
	color: white;
	font-weight: 500;
	font-size: 1.125rem;
	border-radius: 1.5rem;
	min-width: 10rem;
}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {

/* #top #notice {
	padding: 1rem 0;
} */

#top #top-link .main-link .link span {
	width: 70%;
}

#top #top-link .main-link .link p {
	width: 90%;
}

#top #top-link .main-link .link strong {
	padding: 1.25rem 0 0.875rem 0;
}

}

/*----------------------------------------------------- BREAK POINT*/

/* ##########################
UIS 2020 /購入製品情報/
########################## */

#product-active {
	padding: 4.5rem 0 0 0;
}

#product-active h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
	color: rgba(1, 150, 216, 1.00);
}

#product-history {
	padding: 7rem 0 3rem 0;
}

#product-history h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
	color: rgba(136, 136, 136, 1.00);
}

#product .explanation {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#product .explanation .button-s {
	margin: 0 0.5em;
}

#product-detail {
	padding: 3.5rem 0 0 0;
}

#product-detail .explanation {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#product-manager {
	padding: 7rem 0 0 0;
}

#product-user {
	padding: 7rem 0 3rem 0;
}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {

.mc .item-right > div > div:first-of-type {
	margin-right: 1rem;
}

}

/*----------------------------------------------------- BREAK POINT*/

/* ##########################
UIS 2020 /ライセンス管理システム/
########################## */

#license-list {
	padding: 4.5rem 0 3rem 0;
}

#license-list h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
	color: rgba(1, 150, 216, 1.00);
}

#license-list .explanation {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#license-list .explanation .button-s {
	margin: 0 0.5em;
}

/* �_�E�����[�h�˗��t�H�[�� */

#download-request-form {
	padding: 4.5rem 0 3rem 0;
}

#download-request-form .product-title h3 {
	border-bottom: 2px solid rgba(1, 150, 216, 1.00);
}

#download-request-form .lead {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#download-request-form h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
}

#download-request-form .form h4 {
	color: rgba(1, 150, 216, 1.00);
}

#download-request-form label .num {
	background: rgba(1, 150, 216, 1.00);
}

#download-request-form .radio-input:checked + label::before {
	background-color: rgba(1, 150, 216, 1.00);
	border: 2px solid rgba(1, 150, 216, 1.00);
}

#download-request-form .radio-input:checked:disabled + label::before {
	background-color: #9E9E9E;
	border: 2px solid #9E9E9E;
}

/* ���t�˗��t�H�[�� */

#shipping-request-form {
	padding: 4.5rem 0 3rem 0;
}

#shipping-request-form .product-title h3 {
	border-bottom: 2px solid rgba(239, 104, 20, 1.00);
}

#shipping-request-form .lead {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#shipping-request-form h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
}

#shipping-request-form .form h4 {
	color: rgba(239, 104, 20, 1.00);
}

#shipping-request-form label .num {
	background: rgba(239, 104, 20, 1.00);
}

#shipping-request-form .radio-input:checked + label::before {
	background-color: rgba(239, 104, 20, 1.00);
	border: 2px solid rgba(239, 104, 20, 1.00);
}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {}

/*----------------------------------------------------- BREAK POINT*/

/* ##########################
UIS 2020 /ライセンスキー再発行/
########################## */

#reissue-active {
	padding: 4.5rem 0 0 0;
}

#reissue-active h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
	color: rgba(1, 150, 216, 1.00);
}

/* �Ĕ��s�t�H�[�� */

#reissue-request-form {
	padding: 4.5rem 0 3rem 0;
}

#reissue-request-form .product-title h3 {
	border-bottom: 2px solid rgba(1, 150, 216, 1.00);
}

#reissue-request-form .lead {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#reissue-request-form h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
}

#reissue-request-form .form h4 {
	color: rgba(1, 150, 216, 1.00);
}

#reissue-request-form label .num {
	background: rgba(1, 150, 216, 1.00);
}

#reissue-request-form .radio-input:checked + label::before {
	background-color: rgba(1, 150, 216, 1.00);
	border: 2px solid rgba(1, 150, 216, 1.00);
}

/* ##########################
UIS 2020 /解約手続き/
########################## */

#cancel-active {
	padding: 4.5rem 0 0 0;
}

#cancel-active h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
	color: rgba(1, 150, 216, 1.00);
}

/* ���t�H�[�� */

#cancel-request-form {
	padding: 4.5rem 0 3rem 0;
}

#cancel-request-form .product-title h3 {
	border-bottom: 2px solid rgba(1, 150, 216, 1.00);
}

#cancel-request-form .lead {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#cancel-request-form h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
}

#cancel-request-form .form h4 {
	color: rgba(1, 150, 216, 1.00);
}

#cancel-request-form label .num {
	background: rgba(1, 150, 216, 1.00);
}

#cancel-request-form .radio-input:checked + label::before {
	background-color: rgba(1, 150, 216, 1.00);
	border: 2px solid rgba(1, 150, 216, 1.00);
}

/* ##########################
UIS 2020 /アカウント管理/
########################## */

#account-area {
	padding: 4.5rem 0 0 0;
}

#account #content-title {
	background: rgba(70, 150, 224, 1.00);
	color: white;
}

#account-area .explanation {
	display: block;
	padding: 0 0 4.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#account-password {
	padding: 7rem 0 3rem 0;
}

/* ���q�l���t�H�[�� */

#account-request-form {
	padding: 4.5rem 0 3rem 0;
}

#account-request-form .product-title h3 {
	border-bottom: 2px solid rgba(1, 150, 216, 1.00);
}

#account-request-form .lead {
	display: block;
	padding: 0 0 3.5rem 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85em;
}

#account-request-form h3 {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
	padding: 0 0 3.5rem 0;
}

#account-request-form .form h4 {
	color: rgba(1, 150, 216, 1.00);
}

#account-request-form label .num {
	background: rgba(1, 150, 216, 1.00);
}

#account-request-form .radio-input:checked + label::before {
	background-color: rgba(1, 150, 216, 1.00);
	border: 2px solid rgba(1, 150, 216, 1.00);
}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {}

/*----------------------------------------------------- BREAK POINT*/