@import url(oth_common.css);

#sendBtn:disabled{
    opacity: 0.5;
    background-color: #999;
    cursor:  not-allowed;
}

#formWrap input[type="email"],
#formWrap input[type="text"],
#formWrap textarea{
    background-color: #f5f5f5;
}

#reqAttn{
    background-color: rgba(255,0,0,0.1);
    border-radius: 1rem;
    display: block;
    padding: 1rem 0;
    font-size: 1.15vw;
}

#sendResult{
    text-align: center;
    margin: 3rem auto;
}

.contactList dt {
	font-weight: bold;
	margin: 0 0 10px;
	line-height: 100%;
}

.contactList dd {
	border-bottom: solid 2px #f4f4f4;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.contactBox01 {
	width: 100%;
	height: 40px;
	padding: 5px;
	border: none;
	font-size: 18px;
}

.contactBox02 {
	width: 100%;
	height: 300px;
	padding: 5px;
	border: none;
	font-size: 18px;
}

.contactItem {
	width: 80%;
	float: left;
}


.contactTtl {
	font-weight: bold;
	margin: 0 0 10px;
}

.contactTypeList {
	margin: 0 0 80px;
}

.contactTypeList li {
	width: 20%;
	float: left;
}

.contactTypeBox {
	background: #e9e8e8;
	margin: 1px;
	padding: 30px;
}

.contactTypTxt {
	font-size: 110%;
	text-align: center;
	margin: 0 0 30px;
}

input[type=checkbox] {
	display: none; 
}

input[type="checkbox"]:checked + label {
	color: #fff;
	background: url(../images/common/icon_whitecheck.png) 30px no-repeat #e5004e;
}

.label:hover {
	color: #fff;
	background: url(../images/common/icon_whitecheck.png) 30px no-repeat #f27fa6;
}

.label {
	text-align: center;
	display: block;
	color: #e5004e;
	padding: 15px 5px 15px 40px;
	background: url(../images/common/icon_pinkcheck.png) 25px no-repeat #fff;
	cursor: pointer;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.contactList dt {
	font-weight: bold;
	margin: 0 0 10px;
	line-height: 100%;
}

.contactList dd {
	border-bottom: solid 2px #f4f4f4;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.contactBox01 {
	width: 100%;
	height: 40px;
	padding: 5px;
	border: none;
	font-size: 18px;
}

.contactBox02 {
	width: 100%;
	height: 300px;
	padding: 5px;
	border: none;
	font-size: 18px;
}

.contactItem {
	width: 80%;
	float: left;
}

.essentialArea{
    display: none;
}

.red{
    font-weight: bold;
    color: red;
}