@charset "utf-8";
#Q3 table {
	position: relative;
	left: 4px;
	width: 550px;
	height: 18px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	top: 453px;
	background-color: rgba(168,168,168,0.75);
	border: 1px solid rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
	z-index: 37;
	margin-top: -9px;
	padding-left: auto;
	padding-right: auto;
	padding-top: 71px;
	margin-bottom: 82px;
	padding-bottom: 0px;
}
#Q3 .close {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: -webkit-linear-gradient(270deg,rgba(85,113,221,1.00) 0%,rgba(32,32,33,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(85,113,221,1.00) 0%,rgba(32,32,33,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(85,113,221,1.00) 0%,rgba(32,32,33,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(85,113,221,1.00) 0%,rgba(32,32,33,1.00) 100%);
	color: rgba(236,239,149,1.00);
	top: 50px;
	left: 602px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;	-webkit-transition: width 0.5s, background-color 1s, height 1s, border-radius 1s, padding-top 0.3s, -webkit-transform 1s;
	transition: width 0.5s, background-color 1s, height 1s, border-radius 1s, transform 1s;
}
#Q3 .close:hover {
	border-radius: 40px;
	background-image: -webkit-linear-gradient(270deg,rgba(100,225,192,1.00) 0%,rgba(75,129,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,225,192,1.00) 0%,rgba(75,129,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,225,192,1.00) 0%,rgba(75,129,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(100,225,192,1.00) 0%,rgba(75,129,255,1.00) 100%);
	width: 45px;
	height: 32px;
	position: absolute;
}
#Q3 #formarea {
	width: 105px;
	height: 330px;
	position: absolute;
	top: 33px;
	left: 70px;
	background-color: rgba(192,237,221,1.00);
	margin-top: 2px;
	margin-left: 0px;
	padding-left: 16px;
	font: bold 15px/-35px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: right;
	text-indent: 3px;
}
#Q3 #formarea #form1 {
	position: absolute;
	left: 136px;
	padding-left: 0px;
	top: 0px;
	text-align: left;
	line-height: -59px;
	width: 211px;
}
#Q3 #formarea #form3 {
	text-indent: 76px;
	padding-right: 9px;
	padding-left: 0px;
	line-height: 25px;
}

#wrapper #Q3 #tel3 {
	background-color: rgba(168,168,168,0.75);
	width: 550px;
	height: 18px;
	position: relative;
	padding-left: auto;
	padding-right: auto;
	margin-right: auto;
	margin-left: auto;
	top: 43px;
	padding-top: 71px;
	border: 1px solid rgba(255,255,255,1.00);
	left: 4px;
	margin-top: -9px;
	margin-bottom: 82px;
	padding-bottom: 0px;
}
#Q3 #tel3 p {
	text-align: center;
	color: rgba(253,253,253,1.00);
	margin-top: -30px;
	padding-top: 0px;
	position: relative;
	top: -29px;
}


@media (max-width:767px){
#effect #wrapper #Q3 {
	width: 170px;
	height: 414px;
	left: 5965px;
	position: relative;
	top: -507px;
	margin-top: 57px;
	overflow-y: scroll;
	padding-left: 51px;
	padding-top: 420px;
	border: 1px solid rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-left: 22px;
	margin-right: auto;
	z-index: 37;
	right: auto;
	padding-right: auto;
	margin-bottom: 65px;
	padding-bottom: 9px;
}
#wrapper #Q3 #tel3 {
	background-color: rgba(168,168,168,0.75);
	width: 550px;
	height: 41px;
	position: relative;
	padding-left: auto;
	padding-right: auto;
	margin-right: auto;
	margin-left: auto;
	top: 56px;
	padding-top: 65px;
	border: 1px solid rgba(255,255,255,1.00);
	left: 4px;
	margin-top: 63px;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
#Q3 table {
	position: relative;
	left: -98px;
	width: 550px;
	height: 130px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	top: -441px;
	background-color: rgba(168,168,168,0.75);
	border: 1px solid rgba(255,255,255,1.00);
	margin-left: -50px;
	margin-right: auto;
	z-index: 37;
	margin-top: -179px;
	right: auto;
	padding-left: auto;
	padding-right: auto;
	padding-top: 72px;
	margin-bottom: -510px;
	padding-bottom: 0px;
}











}

@media (min-width:1200px){
#Q3 {
	width: 858px;
	height: 540px;
	left: 6000px;
	position: relative;
	top: -543px;
	margin-top: 37px;
	overflow-y: scroll;
	padding-left: 16px;
	padding-top: 9px;
}
#Q3 table {
	position: relative;
	left: 4px;
	width: 550px;
	height: 18px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	top: 69px;
	background-color: rgba(168,168,168,0.75);
	border: 1px solid rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
	z-index: 37;
	margin-top: -9px;
	right: auto;
	padding-left: auto;
	padding-right: auto;
	padding-top: 71px;
	margin-bottom: 82px;
	padding-bottom: 0px;
}


}

@media (min-width:768px) and (max-width:1199px){
#effect #wrapper #Q3 {
	width: 597px;
	height: 589px;
	left: 5965px;
	position: relative;
	top: -507px;
	margin-top: -67px;
	overflow-y: scroll;
	padding-left: 155px;
	padding-top: 631px;
	border: 1px solid rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-left: 36px;
	margin-right: auto;
	z-index: 37;
	right: auto;
	padding-right: auto;
	margin-bottom: 65px;
	padding-bottom: 9px;
}
#wrapper #Q3 #tel3 {
	background-color: rgba(168,168,168,0.75);
	width: 550px;
	height: 41px;
	position: relative;
	padding-left: auto;
	padding-right: auto;
	margin-right: auto;
	margin-left: -175px;
	top: 56px;
	padding-top: 65px;
	border: 1px solid rgba(255,255,255,1.00);
	left: 4px;
	margin-top: 63px;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
#Q3 table {
	position: relative;
	left: -98px;
	width: 550px;
	height: 130px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	top: -441px;
	background-color: rgba(168,168,168,0.75);
	border: 1px solid rgba(255,255,255,1.00);
	margin-left: -50px;
	margin-right: auto;
	z-index: 37;
	margin-top: -179px;
	right: auto;
	padding-left: auto;
	padding-right: auto;
	padding-top: 72px;
	margin-bottom: -510px;
	padding-bottom: 0px;
}







}