/* /mnt/c/kuraemoncom/public_html/seminar/seminar2022.css START */
body {
	background: #000;
}

.form {
	width:100%;
	background:url(assets/automation/images/renew/images/bg_gray.jpg) repeat left top;
}

#sec_eyechatch {
	padding: 33px 0 29px;
	background-color: #666;
}
#sec_eyechatch h1 {
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #FFF;
}

#sec_reason {
	background-color: #fff;
}
#sec_reason .inner {
	padding: 54px 0;
}
#sec_reason .inner img {
	width: 100%;
	height: auto;
	margin-bottom: 26px;
}

#sec_outline {
	padding: 54px 0;
}
#sec_outline table.seminar-outline {
	max-width: 823px;
	width: 90%;
	margin: 0 auto;
	border-spacing: 0.2em;
}
#sec_outline table.seminar-outline td {
	background-color: #fff;
	padding: 1em;
	vertical-align: middle;
}
#sec_outline table.seminar-outline tr td:first-of-type {
	text-align: center;
}
#sec_outline .seminar-comment{
	max-width: 823px;
	margin: 0 auto;
	width: 90%;
}
#sec_outline .seminar-comment .memo{
	padding-top: 32px;
	color: red;
	font-weight: bold;
	font-size: 24px;
}
#sec_outline .seminar-comment .demo{
	padding: 16px 0;
}
#sec_outline .seminar-comment .demo p{
	padding-bottom: 16px;
	line-height: 1.5;
}
#sec_outline .seminar-comment .demo a{
	text-decoration: underline;
}

#sec_form {
	background-color: #fff;
	/* display: none; */
}
#sec_form .inner {
	padding: 54px 0 80px;
}

.form {
	width:100%;
	background:url(assets/automation/images/renew/images/bg_gray.jpg) repeat left top;
}
.form .inner {
  width:824px;
  margin:0 auto;
  overflow:hidden;
}
.form h2 {
	font-size: 38px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 32px;
	text-align: center;
	color: #666;
}
.form .point h3 {
	font-size: 22px;
	margin-bottom: 20px;
}
.form .point h3:before {
	display: inline-block;
	width: 32px;
	height: 32px;
	content: '';
	vertical-align: middle;
	background: url(assets/automation/images/seminar/images/img_check@2x.png) no-repeat;
	background-size: 32px 32px;
}
.form .point li:not(:last-of-type) {
	margin-bottom: 1em;
}
.form .lead {
	font-size: 16px;
	line-height: 1.5;
	margin: 24px 0 24px 5px;
	text-align: center;
	text-align: left;
}
.form .lead:first-of-type {
	margin-top: 0;
}
.form form {
	position:relative;
}
.form input[type="checkbox"] {
	width:23px;
	height:23px;
	margin-right:7px;
	vertical-align:middle;
}
.form label {
	font-size:18px;
}
.form label.error {
	position:relative;
	top:-19px;
	display:none;
	color:#FF0000;
}
.form .ok {
	opacity:0;
	display:none\9;
	position:absolute;
	right:3px;
	background:#666;
	color:#FFF;
	font-weight:bold;
	padding:0 6px 0 6px;
	font-size:16px;
	width:25px;
	height:36px;
	line-height:37px;
	border-radius:100%;
	top:-15px;
	z-index:10;
	text-align: center;
}
.form .ok:not(:target) {
	display:none\9;
}
.form .ok.show {
	animation:showTip 0.3s ease-in forwards;
	-webkit-animation:showTip 0.3s ease-in forwards;
}
.form .balloon {
	display:none\9;
	position:absolute;
	opacity:0;
	top:-12px;
	right:3px;
	font-size:15px;
	border-radius:5px;
	background:#FFF;
	height:35px;
	line-height:35px;
	color:#666;
	font-weight:bold;
	border:1px solid #CC3333;
	padding:0 10px;
	z-index:3;
}
.form .input-list dl {
	font-size:20px;
	position:relative;
	color:#333;
	margin:0 0 21px 0;
}
.form .input-list dt {
	margin-left:13px;
}
.form .input-list dt span {
	color: #999;
	font-size: 17px;
	font-size: 1.7rem;
}
.form .input-list dd {
	margin:6px 0 11px;
	border:3px solid #CCC;
	background:#FFF;
	padding:3px 5px;
	width:809px;
}
.form span.memo {
	background:#CC3333;
	color:#FFF !important;
	margin-left:6px;
	width:40px;
	height:22px;
	line-height:23px;
	font-size:12px !important;;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display:inline-block;
	text-align:center;
	vertical-align: middle;
}
.form .balloon:not(:target) {
	display:none\9;
}
.form .balloon.show {
	animation:showBalloon 0.3s ease-in forwards;
	-webkit-animation:showBalloon 0.3s ease-in forwards;
}
.form .balloon:after {
	content:'';
	position:absolute;
	border-top:10px solid #FFF;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	top:33px;
	left:5px;
	z-index:2;
}
.form .balloon:before {
	content:'';
	position:absolute;
	border-top:10px solid #CC3333;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	top:35px;
	left:5px;
	z-index:1;
}
.form input[type="tel"],
.form input[type="text"],
.form input[type="email"],
.form select {
  outline:none;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
	font-size:20px;
	display:block;
	position:relative;
	width: 100%;
	height: 40px;
}
.form select::-ms-expand {
	display: none;
}
.form select {
	color:#666;
	width:394px;
	height:54px;
	border:3px solid #CCC;
	background:#FFF;
}
.form .inquiry dd textarea {
	-webkit-appearance:none;
	font-size:20px;
	width: 100%;
	height:12em;
	resize:none;
}
.form .input-list + p {
	color:#999;
	font-size:16px;
	margin-left:19px;
	line-height: 1.2;
}
.form dd ul {
	font-size: 0;
	margin: 0 15px 5px -25px;
}
.form dd li {
	display: inline-block;
	margin-left: 40px;
	margin-top: 6px;
}
.form dd li input[type='text'] {
	border: 3px solid #CCC;
    background: #FFF;
    padding: 3px 5px;
    width: 10em;
    height: 46px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	margin-left: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.form .input-list ul.large-checkbox li {
	margin-top: 20px;
}
.form .input-list ul.large-checkbox li.divider {
	display: block;
	font-size: 20px;
	font-weight: bolder;
}
.form .input-list + p a {
	text-decoration:underline;
	color:#3399CC;
	font-size:20px;
	margin-right:21px;
}
#productsText {
	display: inline-block;
	vertical-align: inherit;
	border: 1px solid #999;
	background: #FFF;
	width: 70%;
	height: 1.8em;
	padding: 3px 5px;
	resize: none;
}

.form .btn {
	margin:57px auto 0;
	width:824px;
}
.form input[type="submit"],
.form .btn-top a {
	-webkit-appearance:none;
	background:#666;
	width: 100%;
	height:54px;
	color:#FFF;
	font-size:20px;
	line-height:55px;
	cursor:pointer;
}
.form input[type="submit"]:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
}

@keyframes showTip {
	0% {
		  -moz-transform:scale(0.5,0.5);
		  -webkit-transform:scale(0.5,0.5);
		  opacity:0;
	 }
	100% {
		  -moz-transform:scale(1,1);
		  -webkit-transform:scale(1,1);
		  opacity:1;
	 }
  }
  @-webkit-keyframes showTip {
	0% {
		  -webkit-transform:scale(0.5,0.5);
		  opacity:0;
	 }
	100% {
		  -webkit-transform:scale(1,1);
		  opacity:1;
	 }
  }
  @keyframes showBalloon {
	0% {
		  top:-30px;
		  opacity:0;
	 }
	100% {
		  top:-12px;
		  opacity:1;
	 }
  }
  @-webkit-keyframes showBalloon {
	0% {
		  top:-30px;
		  opacity:0;
	 }
	100% {
		  top:-12px;
		  opacity:1;
	 }
  }

@media screen and (max-width: 768px) and (min-width: 1px){

	#sec_eyechatch {
		padding: 7.5vw 0;
	}
	#sec_eyechatch h1 {
		font-size: 5.625vw;
	}

	#sec_reason .inner {
		padding: 7.5vw 0;
	}
	#sec_reason .inner img {
		margin-bottom: 4.6875vw;
	}

	#sec_outline,
	#sec_form .inner {
		padding: 0 0 14.4vw;
	}

	.form .inner {
		width:auto;
		margin: 0 7vw;
	}
	.form h2 {
		margin:39px 0 34px;
		font-size: 5.625vw;
		line-height: 1.2;
	}
	.form .point h3 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.form .point li {
		font-size: 15px;
		font-size: 1.5rem;
		text-indent: -1.5rem;
		padding-left: 1rem;
	}
	.form .lead {
		font-size:15px;
		font-size:1.5rem;
		line-height:1.4;
		margin: 24px 0 22px;
	}
	.form label {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.form label.error {
		top: -12px;
	}
	.form .ok {
		font-size:13px;
		font-size:1.3rem;
		width: 32px;
		height: 32px;
		line-height: 33px;
		padding: 0;
		top:-9px;
	}
	.form .balloon {
		font-size: 13px;
		font-size: 1.3rem;
		right: 0;
		top: -20px;
	}
	.form .input-list dl {
		margin: 0;
	}
	.form .input-list dt {
		font-size: 15px;
		font-size: 1.5rem;
		line-height:20px;
		margin-left: 0;
	}
	.form .input-list dt span {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.form .input-list dd {
		width: auto;
		height: auto;
		margin-bottom:17px;
		border-width: 2px;
	}
	.form span.memo {
		width:40px;
		height:19px;
		line-height: inherit;
	}
	.form input[type="tel"],
	.form input[type="text"],
	.form input[type="email"],
	.form select {
		height: 30px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.form .inquiry dd textarea {
		height: 140px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.form li > p{
		display: block!important;
	}
	.form li .txt {
		margin-left: 8px;
	}
	.form .input-list + p {
		font-size: 13px;
		font-size: 1.3rem;
		margin:22px 0 0;
		text-align: center;
	}
	.form dd li input[type='text'] {
		border-width: 2px;
		height: 40px;
	}
	.form dd li label {
		white-space:nowrap;
	}
	.form .input-list li {
		display: inline-block;
		/* margin: 6px 0 0 35px; */
	}
	.form .input-list + p a {
		font-size: 14px;
		font-size: 1.4rem;
		display: block;
		margin:0 0 10px 0;
	}
	#productsText {
		width: 94%;
		height: 1.8em;
		padding: 1px 5px;
		margin-top: 12px;
		margin-left: 0;
		font-size: 1.3rem;
		resize: none;
	}
	.form .btn {
		margin: 26px auto 40px;
		width: 100%;
		max-width: 400px;
	}
	.form input[type="submit"],
	.form .btn-top a {
		height: 40px;
		line-height: 41px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.form input[type="submit"]:hover {
		filter:alpha(opacity=100);
		opacity:1.0;
		-moz-opacity:1.0;
		-webkit-opacity:1.0;
	}
}

/*完了ページ
---------------------------------------------------*/
.form.thanks .inner {
	/* padding: 54px 0 80px; */
}

.form.thanks .main {
	padding-bottom: 80px;
}
.form.thanks .lead {
	font-size: 20px;
	margin: 84px 0 0 5px;
	text-align: center;
}
.form .btn-top {
	margin-top: 90px;
}
.form .btn-top a {
	background: #FFF;
	text-align: center;
	color: #666;
}
@media screen and (max-width: 768px) and (min-width: 1px){
	.form.thanks .inner {
		/* padding: 0 0 50px; */
	}
	.form.thanks .lead {
		font-size: 13px;
		font-size: 1.3rem;
		margin: 30px 0;
		text-align: left;
	}
	.form .btn-top {
		margin-top: 50px;
	}
}

#privacy {
	text-align: center;
}
#privacy a {
	/* color: #3399CC ; */
	text-decoration: underline;
}
#privacy p {
	margin-bottom: 20px;
	line-height: 1.4;
}

/* /mnt/c/kuraemoncom/public_html/seminar/seminar2022.css END */