@charset "utf-8";

body {
	background: url("/m4/img/nomem/pc/bg.jpg") repeat scroll center top;
}

.sky_bg {
	width: 1280px;
	height: 580px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	overflow: hidden;
}


.sky_bg_img {
	position: absolute;
	left: 23px;
	top: -222px;
	z-index: 0;
	display: none;
	-webkit-animation: spin 100s linear infinite;
	-moz-animation: spin 100s linear infinite;
	-ms-animation: spin 100s linear infinite;
	-o-animation: spin 100s linear infinite;
	animation: spin 100s linear infinite;
}

/*回転アニメーション*/
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	99.9%, to {-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	99.9%, to {-moz-transform: rotate(-360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	99.9%, to {-ms-transform: rotate(-360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	99.9%, to {-o-transform: rotate(-360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	99.9%, to {transform: rotate(-360deg);}
}

.header_bg {
	min-width: 1280px;
	height: 588px;
	background: url("/m4/img/nomem/pc/top.png") no-repeat scroll center top;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#header {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	z-index: 2;
}

.top_text1_img {
	position: absolute;
	left: 229px;
	top: 316px;
	display: none;
	z-index: 3;
}

.seki_img {
	position: absolute;
	left: 584px;
	top: 402px;
	display: none;
	z-index: 3;
}

.gou_img {
	position: absolute;
	left: 794px;
	top: 382px;
	display: none;
	z-index: 3;
}

.top_text2_img {
	position: absolute;
	left: 734px;
	top: 362px;
	display: none;
	z-index: 3;
}


#container {
	width: 1280px;
	margin: 0 auto;
}

/************************************************************

						鑑定師選択

************************************************************/

.teller_area {
	margin-bottom: 70px;
}

.title_teller_img {
	margin: 0 auto;
	display: block;
}

.teller_area ul {
	width: 882px;
	margin: 0 auto;
	overflow: hidden;
}

.teller_area li {
	margin-right: -30px;
	float: left;
}


/************************************************************

							導入

************************************************************/

.introduction_area {
	height: 740px;
	position: relative;
}

.title_introduction_img {
	margin: 0 auto;
	display: block;
}

.introduction_text1_img {
	position: absolute;
	left: 358px;
	top: 236px;
	z-index: 1;
}

.introduction_text2_img {
	position: absolute;
	left: 261px;
	top: 536px;
	z-index: 1;
}

.eyecatch_img {
	position: absolute;
	left: 366px;
}



/************************************************************

						厳選占い師

************************************************************/

.pro_tellers_area {
	position: relative;
}

.fire_img {
	position: absolute;
	left: 248px;
	top: -68px;
	z-index: 1;
}

.pro_tellers_img {
	margin: 0 auto -90px;
	display: block;
	position: relative;
	z-index: 0;
}


/************************************************************

					スクロールボタン1

************************************************************/

.scroll1 {
	margin-bottom: 110px;
	position: relative;
}

.scroll1 a {
	width: 916px;
	margin: 0 auto;
	display: block;
}

/************************************************************

					喜びの声の紹介

************************************************************/

.review_area {
	margin-bottom: 80px;
	text-align: center;
}

.title_review_img {
	margin-bottom: 50px;
}

.review1_img {
	margin-bottom: 84px;
}

.review2_img {
}


/************************************************************

						相談方法

************************************************************/

.request_area {
	margin-bottom: 70px;
}

.title_request_img {
	margin: 0 auto 40px;
	display: block;
}

.step {
	width: 906px;
	margin: 0 auto;
}


/************************************************************

					スクロールボタン2

************************************************************/

.scroll2 {
	margin-bottom: -126px;
	position: relative;
}

.scroll2_text_img {
	margin: 0 auto 40px;
	display: block;
}

.scroll2 a {
	width: 916px;
	margin: 0 auto;
	display: block;
}

.scroll2 a img {
	position: relative;
	z-index: 2;
}

.bubble1_img {
	position: absolute;
	left: 124px;
	top: 68px;
	z-index: 1;
}

.bubble2_img {
	position: absolute;
	left: 708px;
	top: 296px;
	z-index: 1;
}

.bubble3_img {
	position: absolute;
	left: 924px;
	top: 68px;
	z-index: 1;
}

.light_img {
	margin-top: -67px;
	position: relative;
	z-index: 0;
}

/************************************************************

						フッター

*************************************************************/

#footer1 {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffffg,endColorstr=#80ffffff);/*ie8用*/
	padding: 36px 0 27px;
	position: relative;
	text-align: center;
	z-index: 2;
}

#footer1 ul {
	margin: 0 auto 28px;
	padding-left: 24px;
}

#footer1 li {
	display: inline;
}

#footer1 li a {
	padding-right: 24px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

#footer1 li a:hover {
	text-decoration: underline;
}

#footer2 {
	background: rgba(255, 255, 255, 0.34) none repeat scroll 0 0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffffg,endColorstr=#80ffffff);/*ie8用*/
	padding: 36px 0 27px;
	color: #FFFFFF;
	position: relative;
	text-align: center;
	z-index: 2;
}

#footer2 ul {
	margin: 0 auto 28px;
	padding-left: 24px;
}

#footer2 li {
	display: inline;
}

#footer2 li a {
	padding-right: 24px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#footer2 li a:hover {
	text-decoration: underline;
}


/************************************************************

						フォームページ

*************************************************************/

.entry_img {
	display: block;
	margin: 0 auto;
}

.form_area {
	width: 750px;
	margin: -52px auto 50px;
	position: relative;
	z-index: 3;
}

.form_top {
	height: 31px;
	background: url("/m4/img/nomem/pc/form_top.png") no-repeat scroll center top;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.form_middle {
	padding: 0 34px;
	background: url("/m4/img/nomem/pc/form_middle.png") repeat scroll center top;
}

.form_middle font {
	margin-bottom: 11px;
	display: block;
	text-align: center;
}


.form_deco_top {
	padding-top: 16px;
	background: url("/m4/img/nomem/pc/form_deco_top.png") no-repeat scroll center top;
}

.form_deco_bottom {
	padding-bottom: 50px;
	background: url("/m4/img/nomem/pc/form_deco_bottom.png") no-repeat scroll center bottom;
}

.form_teller_img {
	margin: 0 auto 40px;
	display: block;
}

.form_bottom {
	height: 32px;
	background: url("/m4/img/nomem/pc/form_bottom.png") no-repeat scroll center top;
}

/*性別*/
.form-sex {
	margin-bottom: 22px;
}

.title_sex_img {
	margin-right: 11px;
}

#F {
	margin-left: 5px;
}

/*生年月日*/
.form-birthday {
	margin-bottom: 22px;
	font-size: 20px;
}

.title_birth_img {
	margin-right: 11px;
}

.birth_bg1 {
	width: 108px;
	height: 50px;
	display: inline-block;
	background: url("/m4/img/nomem/pc/by_bg.jpg") no-repeat scroll center top;
	border: medium none;
	overflow: hidden;
	vertical-align: middle;
}

.birth_bg1 select[name="select-by2"] {
	width: 108px;
	height: 50px;
	padding: 2px 0 4px 14px;
	font-size: 22px;
	line-height: 50px;
	background: none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none; /*プルダウン消す*/
	-moz-appearance: none;
	appearance: none;
	/*Firefox用*/
	text-indent: .01px;
	text-overflow: "";

}

.birth_bg1 select::-ms-expand {
	display: none; /*ie10用*/
}


.birth_bg2 {
	width: 78px;
	height: 50px;
	background: url("/m4/img/nomem/pc/bmbd_bg.jpg") no-repeat scroll center top;
	border: medium none;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}


.birth_bg2 select[name="select-bm"], .birth_bg2 select[name="select-bd"] {
	width: 78px;
	padding: 2px 0 4px 14px;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	background: none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none; /*プルダウン消す*/
	-moz-appearance: none;
	appearance: none;
	/*Firefox用*/
	text-indent: .01px;
	text-overflow: "";
}

.birth_bg2 select::-ms-expand {
	display: none; /*ie10用*/
}



.birth_bg1 option , .birth_bg2 option {
	padding-left: 17px;
}

/*ニックネーム*/
.form-name {
	margin-bottom: 22px;
}

.title_name_img {
	margin-right: 12px;
}

.name_bg {
	width: 442px;
	height: 50px;
	background: url("/m4/img/nomem/pc/name_bg.jpg") no-repeat scroll center top;
	border: medium none;
	display: inline-block;
	vertical-align: middle;
}

.name_bg input {
	width: 442px;
	height: 50px;
	padding-left: 10px;
	font-size: 20px;
	background: none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/*メールアドレス*/
.form-mail {
	margin-bottom: 42px;
	font-size: 16px;
}

.title_mail_img {
	margin-right: 12px;
}

.mail_bg1 {
	width: 250px;
	height: 50px;
	background: url("/m4/img/nomem/pc/mail_bg1.jpg") no-repeat scroll center top;
	border: medium none;
	display: inline-block;
	vertical-align: middle;
}

.mail_bg1 input {
	width: 250px;
	height: 50px;
	padding-left: 10px;
	font-size: 18px;
	background: none;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mail_bg2 {
	width: 168px;
	height: 50px;
	display: inline-block;
	background: url("/m4/img/nomem/pc/mail_bg2.jpg") no-repeat scroll center top;
	border: medium none;
	overflow: hidden;
	vertical-align: middle;
}

.mail_bg2 select {
	width: 168px;
	height: 50px;
	padding: 0 0 4px 7px;
	font-size: 18px;
	line-height: 50px;
	background: none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none; /*プルダウン消す*/
	-moz-appearance: none;
	appearance: none;
	/*Firefox用*/
	text-indent: .01px;
	text-overflow: "";
}

.mail_bg2 select::-ms-expand {
	display: none; /*ie10用*/
}


.mail_bg2 option {
	padding-left: 8px;
}

.dot_deco_img {
	margin: 0 auto 18px;
	display: block;
}

/*同意*/
.attension {
	margin-bottom: 50px;
	color: #654d26;
	font-size: 18px;
	text-align: center;
}

.attension a {
	color: #654d26;
}

.attension span {
	color: #c6ad61;
}

/*次へ*/
.next {
	width: 387px;
	margin: 0 auto;
}

/************************************************************

						確認ページ

*************************************************************/

.form_text1_img {
	margin: 0 auto 30px;
	display: block;
}

.profile_area {
	width: 584px;
	margin: 0 auto 33px;;
}

.profile_area ul {
	margin-bottom: 14px;
	overflow: hidden;
	background: url("/m4/img/nomem/pc/prof_bg.jpg") no-repeat scroll center top;
}

.profile_area li {
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #654d26;
}

.profile_area ul li:first-child {
	width: 220px;
	margin-right: 14px;
	padding-left: 10px;
}

.bar {
	color: #c1a880;
	margin-left: 4px;
}

/*性別*/
.prof_sex {
	width: 340px;
}

/*生年月日*/
.prof_birth {
	width: 340px;
}

/*名前*/
.prof_name {
	width: 340px;
}

/*メールアドレス*/
.prof_mail {
	width: 340px;
}

/*送信*/
.submit {
	width: 387px;
	margin: 0 auto;
}

.check {
	margin-bottom: 12px;
	color: #654d26;
	text-align: center;
}

/************************************************************

					送信完了ページ

*************************************************************/

.complete_text1_img {
	margin: 0 auto 32px;
	display: block;
}

.complete_text2_img {
	margin: 0 auto 20px;
	display: block;
}

.device_img {
	margin: 0 auto 32px;
	display: block;
}

.error_area {
	background: url("/m4/img/nomem/pc/error_bg.jpg") no-repeat scroll center top;
	width: 561px;
	height: 255px;
	margin: 0 auto;
	padding: 62px 24px 0;
	font-size: 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.error_cause1 {
	margin-bottom: 3px;
}

.error_text1 {
	margin-bottom: 6px;
}

.error_cause1 p {
	padding-left: 20px;
}

.error_cause2 {
	margin-bottom: 20px;
}

.error_text2 {
	margin-bottom: 6px;
}

.error_cause2 p {
	padding-left: 20px;
}

.contact {
	margin-bottom: 6px;
	text-align: center;
}

.contact_info {
	margin: 0 auto;
	overflow: hidden;
	width: 474px;
}

.contact_address {
	width: 264px;
	margin-right: 32px;
	float: left;
}

.contact_time {
	width: 170px;
	float: left;
}

/************************************************************

						説明ページ

*************************************************************/

.sub_text_area {
	width: 1026px;
	margin: 0 auto 50px;
	position: relative;
}

.sub_text_top {
	height: 31px;
	background: url("/m4/img/nomem/pc/sub_text_top.png") no-repeat scroll center top;
}

.sub_text_middle {
	background: url("/m4/img/nomem/pc/sub_text_middle.png") repeat scroll center top;
}

.sub_deco_top {
	background: url("/m4/img/nomem/pc/sub_deco_top.png") no-repeat scroll center top;
}

.sub_deco_bottom {
	background: url("/m4/img/nomem/pc/sub_deco_bottom.png") no-repeat scroll center bottom;
}

.description {
	width: 800px;
	margin: 0 auto;
	padding: 56px 0;
	line-height: 1.5;
}

.sub_text_bottom {
	height: 32px;
	background: url("/m4/img/nomem/pc/sub_text_bottom.png") no-repeat scroll center top;
}

.title_sub {
	margin: 18px auto 0;
	display: block;
}

.subTtl {
	width: 790px;
	height: 40px;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	background: rgba(0, 0, 0, 0) url("/m999/img/nomem/sp/commonbg.svg") repeat scroll 0 0 / 5px auto;
	border-bottom: 2px solid #e8debf;
}

table.common {
	width: 100%;
	margin: 1px auto 12px;
	border: 1px solid #c0c0c0;
}

table.common tr {
	border-bottom: 1px solid #c0c0c0;
}

table.common td {
	padding: 10px;
	vertical-align: middle;
}

table.common td:first-child {
	width: 30%;
	background: rgba(0, 0, 0, 0) url("/m999/img/nomem/sp/commonbg.svg") repeat scroll 0 0 / 5px auto;
	border-right: 1px solid #c0c0c0;
}

.to_top {
	width: 136px;
	margin: 32px auto 0;
	line-height: 38px;
}

.to_top a {
	color: #654d26;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	background: #FCF8EA none repeat scroll 0 0;
	border: 1px solid #654d26;
	border-radius: 3px;
	display: block;
}