* {
	margin: 0;
	padding: 0;
	color: #333333;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 0.8rem;
}

/*header*/
header {
	width:100%;
	height: auto;
	overflow: hidden;
}

.owl-carusel-item {
  display: block;
  width: 100%;
  height: auto;
}


/*----- WEBセミナーエントリー ------*/

#web-seminar input[type="submit"],
#web-seminar input[type="reset"],
#web-seminar input[type="button"],
#web-seminar button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#web-seminar input[type="text"]:focus,
#web-seminar select:focus,
#web-seminar textarea:focus {
	outline: 0;
}

#header .header-logo {
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#header .header-logo a {
	display: block;
	width: 94%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 3%;
	padding-top: 14%;
	background-image: url(images/logo3.png);
	/*background-image: url(images/logo4.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}

#header .seminar-title h2 {
	width: 100%;
	height: auto;
	margin: 1rem auto;
	text-align: center;
	padding: 0.5rem;
	color: #ffffff;
	background-color: #0068b7;
	font-size: 1.4rem;
	font-weight: bold;
}

#header .seminar-title span {
	display: block;
	width: 100%;
	height: auto;
	margin: 1rem auto;
	text-align: center;
	padding: 0.5rem;
	color: #0068b7;
	font-size: 1.2rem;
	font-weight: bold;
	border: solid 1px #0068b7;
}

#contents {
	width: 100%;
}

#form-box {
	width: 100%;
}

#web-seminar #formWrap {
	width: 100%;
	margin: 0 auto;
}

#web-seminar #formWrap form {
	margin-top: 1rem;
}

#web-seminar table.formTable {
	width: 100%;
	height: auto;
	margin: 0;
	overflow: hidden;
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
}

#web-seminar table.formTable tr {
	width: 100%;
}

#web-seminar .formTable .tr-last td {
	border-bottom: 1px solid #ccc;
}

#web-seminar table.formTable span.hissu {
	color: #ff0000;
}

#web-seminar table.formTable th,
#web-seminar table.formTable td {
	display: block;
	margin: 0 auto;
	font-size: 1.2em;
    	line-height: 1.6em;
    	border-bottom: none;
}

#web-seminar table.formTable .notice th {
	font-size: 1.2rem;
	color: #ff0000;
}

#web-seminar table.formTable input[type="text"],
#web-seminar table.formTable textarea,
#web-seminar table.formTable select {
	width: 100%;
	font-size: 1.2em;
	padding: 0.5em;
}

#web-seminar table.formTable input[type="radio"] {
	width: 5%;
	position: relative;
	top: 3px;
}

#web-seminar table.formTable .radio-item {
	margin: 1.5rem 0;
}

#web-seminar table.formTable .radio-box {
	padding: 0.5rem 0;
}

#web-seminar table.formTable .inspace1 input {
	font-size: 1.2em;
    	width: 10%;
}

#web-seminar table.formTable .inspace1 .input-text input {
	width: 100%;
}

#web-seminar table.formTable .input-area {
	padding: 0.5em 0;
}

#web-seminar table.formTable textarea {
	font-size: 1.4em;
}

#web-seminar .privacy .privacy-title {
	width: 100%;
	height: auto;
	padding: 0.5rem;
	background-color: #0068b7;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	margin: 1rem auto;
}

#web-seminar .privacy .privacy-title p {
	color: #ffffff;
}

#web-seminar .privacy .privacy-area {
	width: 100%;
	height: 250px;
	overflow: auto;
	margin-top: 20px;
	padding: 0.5rem;
	border: 1px solid #c7c7c7;
}

#web-seminar .privacy .privacy-area h3 {
	color: #0068b7;
	text-align: center;
}

#web-seminar .privacy .privacy-area .ceo-box {
	width: 100%;
	height: auto;
	margin: 1.4rem 0;
	text-align: right;
}

#web-seminar .privacy .privacy-area h4 {
    margin: 1rem 0;
}

#web-seminar .privacy .privacy-area .kaiji-box {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 1.4em 0;
}

#web-seminar .privacy .privacy-area ol {
	padding-left: 1em;
}

#web-seminar #formWrap form .button-box {
	width: 100%;
	height: auto;
	margin: 2rem auto;
}

#web-seminar .button-box input#submit_button {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
	background-color: #e6001c;
	color: #ffffff;
	padding: 0.7rem;
	border: none;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
}

#web-seminar .geotrust {
	width: 94%;
	height: auto;
	margin: 1rem auto;
}

#web-seminar .notice {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

#web-seminar .notice th {
	border-bottom: none;
	font-weight: bold;
	background: none;
}

#web-seminar .notice td {
	border-top: none;
}

#web-seminar #thanks {
	width: 94%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#web-seminar #button-area {
	width: 94%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	text-align: center;
}

#web-seminar #button-area input {
	width: 100%;
	font-size: 1.4em;
	margin: 1rem auto;
	padding: 1em 0;
	background-color: #e6001c;
	color: #ffffff;
	padding: 1em 0.2em;
	border: none;
	border-radius: 0.5rem;
}

#web-seminar #button-area input[type="button"] {
	background-color: #ffffff;
	color: #e6001c;
	border: solid 1px #e6001c;
}

#energy {
	text-align: center;
}

#footer {
	clear: both;
	margin-top: 40px;
	background-color: #333333;
}

#copy-footer {
	padding-top: 10px;
	text-align: center;
	border-top: solid 1px #ffffff;
	padding-bottom: 10px;
}

#copy-footer p {
	color: #ffffff;
}

#pagetop {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 200;
}

a#pagetop {
	display: block;
	z-index: 999;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	border: solid 1px rgba(0,0,0,0.2);
	color: #333;
	font-size: 2em;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	background-color: rgba(255,255,255,0.4);
}

.formError {
	left: auto !important;
	right: 5%;
}