@charset "UTF-8";
@import "./reset.css";

/*------------------------------------------------------------------------
common
------------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	line-height: 1em;
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 2px;
}

body {
	min-width: 960px;
	background-image: url('../image/bg.png');
	color: #666666;
	line-height: 150%;
}

#content {
	width: 960px;
	-moz-box-shadow: 18px 0px 10px -7px rgba(0, 0, 0, 0.25), -18px 0px 10px -7px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 18px 0px 10px -7px rgba(0, 0, 0, 0.25), -18px 0px 10px -7px rgba(0, 0, 0, 0.25);
	box-shadow: 18px 0px 10px -7px rgba(0, 0, 0, 0.25), -18px 0px 10px -7px rgba(0, 0, 0, 0.25);
	margin: auto;
	padding-bottom: -10px;
	position: relative;
}

/*ライン*/
header nav:after,
article#top:after,
article#flow>div.bg:after,
article#flow>div.bg:before {
	background-color: #957861;
	content: "";
	display: block;
	height: 10px;
	width: 100%;
}

article#top:after,
article#flow>div.bg:after {
	position: absolute;
	bottom: 0;
}

h1 {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 16px;
	text-align: center;
	color: #666;
	z-index: 1;
}

.pk {
	color: #E378C4;
}

/*------------------------------------------------------------------------
header
------------------------------------------------------------------------*/
header {
	position: relative;
	top: 0;
	width: 100%;
	min-width: 960px;
	height: 240px;
	overflow: hidden;
	color: #ffffff;
	z-index: 10;
}

header div.container,
footer div.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	display: table;
}

header div.container figure,
footer div.container figure {
	display: table-cell;
	vertical-align: middle;
	height: 178px;
	position: relative;
}

header div.container figure:nth-of-type(1),
footer div.container figure:nth-of-type(1) {
	width: 620px;
	padding-left: 20px;
}

header div.container figure:nth-of-type(1) img,
footer div.container figure:nth-of-type(1) img {
	-webkit-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));
	-moz-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));
	-o-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));
	-ms-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));
	filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));
}

header div.container figure:nth-of-type(2) a,
footer div.container figure:nth-of-type(2) a {
	display: block;
	position: absolute;
	top: 76px;
	width: 212px;
	height: 31px;
}

header div.container figure:nth-of-type(2) a:hover,
footer div.container figure:nth-of-type(2) a:hover {
	background-image: url('../image/hd_contact_on.png');
	background-repeat: no-repeat;
}

header nav {
	position: relative;
}

header nav ul {
	height: 52px;
	overflow: hidden;
}

header nav ul li {
	float: left;
	width: 137px;
}

header nav ul li:nth-of-type(1) {
	width: 138px;
}

header nav ul li a {
	display: block;
	width: 100%;
	height: 52px;
	background-image: url('../image/nav_hd.png');
	background-repeat: no-repeat;
}

header nav ul li a:hover {
	background-image: url('../image/nav_hd_on.png');
}

header nav ul li a[href='#top'] {
	background-position: 0 0;
}

header nav ul li a[href='#yakusoku'] {
	background-position: -138px 0;
}

header nav ul li a[href='#taigu'] {
	background-position: -275px 0;
}

header nav ul li a[href='#bosyu'] {
	background-position: -412px 0;
}

header nav ul li a[href='#flow'] {
	background-position: -549px 0;
}

header nav ul li a[href='#voice'] {
	background-position: -686px 0;
}

header nav ul li a[href='#qa'] {
	background-position: -823px 0;
}

nav ul li {
	line-height: 208px;
}

nav#scroll,
nav#scroll_btm {
	display: none;
}

.pagetop {
	position: fixed;
	bottom: 30px;
	display: block;
	z-index: 99999;
	margin-left: 1000px;
	cursor: pointer;
}

nav#scroll {
	width: 100%;
	margin: auto;
	z-index: 9999;
	background-image: url('../image/nav_scroll_bg.png');
	background-repeat: repeat-x;
	height: 105px;
}

nav#scroll ul {
	height: 52px;
	overflow: hidden;
	width: 960px;
	margin: auto;
}

nav#scroll ul li {
	float: left;
	width: 137px;
}

nav#scroll ul li:nth-of-type(1) {
	width: 138px;
}

nav#scroll ul li a {
	display: block;
	width: 100%;
	height: 52px;
	background-image: url('../image/nav_scroll.png');
	background-repeat: no-repeat;
}

nav#scroll ul li a:hover {
	background-image: url('../image/nav_scroll_on.png');
}

nav#scroll ul li a[href='#top'] {
	background-position: 0 0;
}

nav#scroll ul li a[href='#yakusoku'] {
	background-position: -138px 0;
}

nav#scroll ul li a[href='#taigu'] {
	background-position: -275px 0;
}

nav#scroll ul li a[href='#bosyu'] {
	background-position: -412px 0;
}

nav#scroll ul li a[href='#flow'] {
	background-position: -549px 0;
}

nav#scroll ul li a[href='#voice'] {
	background-position: -686px 0;
}

nav#scroll ul li a[href='#qa'] {
	background-position: -823px 0;
}


nav#scroll_btm {
	width: 100%;
	margin: auto;
	z-index: 9999;
	height: 170px;
}

nav#scroll_btm ul {
	width: 960px;
	margin: auto;
	display: table;
	background-color: #fff;
}

nav#scroll_btm ul li {
	display: table-cell;
	width: 480px;
	/* overflow: hidden; */
}

nav#scroll_btm figure.form a,
nav#scroll_btm figure.info a {
	display: block;
	height: 170px;
	width: 480px;
	background-image: url('../image/bn_sc_btm.png');
	background-repeat: no-repeat;
	line-height: 800px;
}

nav#scroll_btm figure.form a:hover,
nav#scroll_btm figure.info a:hover {
	background-image: url('../image/bn_sc_btm_on.png');
}

nav#scroll_btm figure.info a {
	background-position: -480px 0;
}

/*------------------------------------------------------------------------
footer
------------------------------------------------------------------------*/
footer {
	background-image: url('../image/bg_ft.png');
	position: relative;
	color: #ffffff;
	z-index: 500;
	margin-top: -20px;
}

p#copyright {
	width: 100%;
	height: 58px;
	line-height: 58px;
	background: #957861;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}

/*------------------------------------------------------------------------
main
------------------------------------------------------------------------*/
main {
	display: block;
}

article,
article div.bg {
	background-repeat: no-repeat;
	position: relative;
}

article {
	margin-top: -52px;
	padding-top: 52px;
}

article figure {
	overflow: hidden;
	line-height: 560px;
	margin: 20px auto;
}

article figure a {
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
}

p span {
	color: #E378C4;
}

h2.tit {
	background-image: url('../image/tit_bg.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 60px;
	line-height: 60px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 29px;
	font-weight: bold;
	text-align: center;
	color: #957861;
	/* for modan browser */
	text-shadow: 0px 3px 1px #fff, 0px 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, 2px 1px 1px #fff, 2px 0px 1px #fff, 3px 0px 1px #fff, 2px -1px 1px #fff, 2px -2px 1px #fff, 2px -3px 1px #fff, 1px -3px 1px #fff, 0px -3px 1px #fff, -1px -3px 1px #fff, -2px -3px 1px #fff, -3px -3px 1px #fff, -3px -2px 1px #fff, -3px -1px 1px #fff, -3px 0px 1px #fff, -3px 1px 1px #fff, -3px 2px 1px #fff, -2px 2px 1px #fff, -1px 2px 1px #fff;

	/* for IE */
	filter: dropshadow(color=#fff, offx=0, offy=3, positive=1), dropshadow(color=#fff, offx=2, offy=1, positive=1), dropshadow(color=#fff, offx=2, offy=-1, positive=1), dropshadow(color=#fff, offx=1, offy=-3, positive=1), dropshadow(color=#fff, offx=-2, offy=-3, positive=1), dropshadow(color=#fff, offx=-3, offy=-2, positive=1), dropshadow(color=#fff, offx=-3, offy=1, positive=1), dropshadow(color=#fff, offx=-1, offy=2, positive=1);
}

/*------------------------------------------------------------------------
top
------------------------------------------------------------------------*/
article#top {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: relative
}

#top {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: relative
}

article#top div.bg {
	background-image: url('../image/top_bg.png');
	height: 1162px;
	/*+10*/
	position: relative;
}

article#top p {
	position: absolute;
	font-size: 20px;
	text-shadow: 0 0 8px #fff;
	line-height: 200%;
}

article#top p.p1 {
	top: 150px;
	left: 480px;
	letter-spacing: 3px;
}

article#top p.p2 {
	top: 385px;
	left: 70px;
	line-height: 170%;
	letter-spacing: 3.4px;
}

article#top p.p3 {
	top: 730px;
	left: 390px;
	letter-spacing: 4px;
	-moz-text-align-last: center;
	text-align-last: center;
}

article#top p span {
	font-size: 30px;
	font-weight: bold;
}

article#top p.p3 span {
	font-size: 35px;
}

article#top p.p3 span span {
	font-size: 65px;
}

article#top p.txt {
	font-size: 23px;
	color: #957861;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 850px;
	line-height: 150%;
	text-shadow: none;
}

/*------------------------------------------------------------------------
yakusoku
------------------------------------------------------------------------*/
article#yakusoku {
	/*height:1162px;*/
	line-height: 180%;
}

article#yakusoku>div {
	background-repeat: no-repeat;
	position: relative;
	width: 860px;
	margin: 10px auto;
	line-height: 220%;
}

article#yakusoku>div.p1 {
	background-image: url('../image/bg_yakusoku.png');
	height: 136px;
	/*-40*/
	padding-top: 40px;
}

article#yakusoku>div.p2 {
	background-image: url('../image/bg_yakusoku2.png');
	height: 515px;
	/*-15*/
	padding-top: 25px;
}

article#yakusoku p {
	text-align: center;
	font-size: 22px;
}

article#yakusoku>div p span,
article#yakusoku>p,
article#yakusoku>div.p2 ul li span {
	color: #957861;
}

article#yakusoku>p.pk {
	color: #E378C4;
}

article#yakusoku>div.p2 ul li span {
	font-weight: bold;
	text-decoration: underline;
}

article#yakusoku>p {
	margin: 20px auto;
	width: 860px;
}

article#yakusoku>p span {
	font-size: 29px;
}

article#yakusoku>p+p:after {
	display: block;
	content: "";
	width: 860px;
	height: 30px;
	background-position: center center;
	background-image: url('../image/hr_yakusoku.png');
	background-repeat: no-repeat;
	margin-top: 20px;
}

article#yakusoku>div.p2 ul {
	margin: 40px auto auto 30px;
}

article#yakusoku>div.p2 ul li {
	position: relative;
	padding-left: 35px;
	font-size: 24px;
}

article#yakusoku>div.p2 ul li:nth-of-type(n+2) {
	margin-top: 15px;
}

article#yakusoku>div.p2 ul li:before {
	display: block;
	content: "";
	left: 0;
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url('../image/li_yakusoku.png');
	background-repeat: no-repeat;
	background-position: center center;
}

article#yakusoku figure.form {
	width: 885px;
}

article#yakusoku figure.info {
	width: 862px;
}

article#yakusoku figure.form a {
	height: 154px;
	width: 885px;
	background-image: url('../image/bn_10yen.png');
}

article#yakusoku figure.form a:hover {
	background-image: url('../image/bn_10yen_on.png');
}

article#yakusoku figure.info a {
	width: 862px;
	height: 143px;
	background-image: url('../image/bn_eigyou.png');
}

article#yakusoku figure.info a:hover {
	background-image: url('../image/bn_eigyou_on.png');
}

/*------------------------------------------------------------------------
taigu
------------------------------------------------------------------------*/
article#taigu div.bg {
	background-image: url('../image/bg_concept2.png');
	height: 1390px;
	position: relative;
}

article#taigu div.bg div {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 820px;
	line-height: 180%;
}

article#taigu div.bg div h3 {
	color: #E378C4;
	font-size: 34px;
	margin-bottom: 15px;
	font-weight: bold;
	letter-spacing: 4px;
}

article#taigu div.bg div p {
	font-size: 18px;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#taigu div.bg div.p1 {
	top: 500px;
}

article#taigu div.bg div.p2 {
	top: 860px;
}

article#taigu div.bg div.p3 {
	top: 1065px;
}


article#taigu figure.form {
	width: 864px;
}

article#taigu figure.form a {
	height: 145px;
	width: 864px;
	background-image: url('../image/bn_taigu.png');
}

article#taigu figure.form a:hover {
	background-image: url('../image/bn_taigu_on.png');
}

/*------------------------------------------------------------------------
bosyu
------------------------------------------------------------------------*/
article#bosyu div.bg {
	background-image: url('../image/bg_concept3.png');
	height: 728px;
	position: relative;
	margin: 30px auto;
	width: 875px;
}

article#bosyu table {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	margin-top: -320px;
	height: 640px;
	width: 788px;
	font-size: 18px;
	border-collapse: collapse;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#bosyu table th {
	width: 223px;
	color: #957861;
	text-align: center;
	vertical-align: middle;
	background-color: #E3DCD6;
	font-weight: bold;
}

article#bosyu table td {
	padding: 10px;
	background-color: #fff;
}

article#bosyu table tr+tr {
	border-top: 1px #957861 solid;
	height: 1px;
	background-color: #957861;
}

/*------------------------------------------------------------------------
flow
------------------------------------------------------------------------*/
article#flow div.bg {
	background-image: url('../image/bg_concept4.png');
	height: 810px;
	/*+10*/
	position: relative;
}

article#flow div.bg p {
	position: absolute;
	font-size: 17px;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#flow div.bg p span {
	font-size: 24px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

article#flow div.bg p.p1,
article#flow div.bg p.p3 {
	left: 140px;
}

article#flow div.bg p.p2,
article#flow div.bg p.p4 {
	left: 470px;
}

article#flow div.bg p.p1 {
	top: 50px
}

article#flow div.bg p.p2 {
	top: 225px
}

article#flow div.bg p.p3 {
	top: 435px
}

article#flow div.bg p.p4 {
	top: 650px
}

/*------------------------------------------------------------------------
voice
------------------------------------------------------------------------*/
article#voice {}

article#voice div.bg {
	background-color: #fff;
	background-image: url('../image/bg_concept5.png');
	padding: 20px 0;
}

article#voice>div>div {
	background-repeat: no-repeat;
	position: relative;
	margin: 20px auto;
	height: 428px;
	width: 520px;
	padding-left: 340px;
}

article#voice div.p1 {
	background-image: url('../image/bg_concept5_1.png');
}

article#voice div.p2 {
	background-image: url('../image/bg_concept5_2.png');
	height: 427px;
}

article#voice div.p3 {
	background-image: url('../image/bg_concept5_3.png');
}

article#voice>div>div>* {
	width: 473px;
}

article#voice div h3 {
	font-size: 20px;
	padding-top: 50px;
	font-weight: bold;
}

article#voice div h3:after {
	display: block;
	content: "";
	width: 473;
	height: 3px;
	background-position: center center;
	background-image: url('../image/hr_voice.png');
	background-repeat: no-repeat;
	margin-top: 5px;
}

article#voice div h3 span {
	font-size: 29px;
	color: #E378C4;
}

article#voice div h4 {
	font-size: 26px;
	color: #957861;
	margin: 10px 0;
	font-weight: bold;
	letter-spacing: 2px;
}

article#voice div p {
	font-size: 17px;
	text-align: justify;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#voice div.p3 h4 {}

/*------------------------------------------------------------------------
qa
------------------------------------------------------------------------*/
article#qa {}

article#qa dl {
	margin: 30px auto;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#qa dt,
article#qa dd {
	position: relative;
	padding-left: 100px;
}

article#qa dt {
	height: 80px;
	line-height: 80px;
	color: #957861;
	font-size: 32px;
	background: #fff;
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(149, 120, 97, 0.5));
	font-weight: bold;
}

article#qa dd {
	font-size: 17px;
	margin: 20px auto;
}

article#qa dt:before,
article#qa dd:before,
article#qa dt:after {
	position: absolute;
	font-size: 54px;
	display: block;
	height: 80px;
	left: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}

article#qa dt:before {
	content: "Q";
	color: #957861;
	opacity: 0.2;
}

article#qa dd:before {
	content: "A";
	color: #D2EDF9;
	top: 20px;
	opacity: 0.9;
}

article#qa dt:after {
	content: "";
	width: 10px;
	background-color: #957861;
	left: 0;
	top: 0;
}

article#qa figure.line {
	width: 866px;
}

article#qa figure.line a {
	height: 224px;
	width: 866px;
	background-image: url('../image/bn_line.png');
}

article#qa figure.line a:hover {
	background-image: url('../image/bn_line_on.png');
}

/*------------------------------------------------------------------------
form
------------------------------------------------------------------------*/



/*------------------------------------------------------------------------
modal
------------------------------------------------------------------------*/
#age_modal {
	display: none;
	width: 100%;
	background-image: url('../image/modal/bg_modal.png');
	height: 100vh;
	position: relative;
	background-size: 100% auto;
}

#age_modal div.bg {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 700px;

	position: absolute;
	width: 860px;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -350px;
}

#age_modal div.yes,
#age_modal div.no {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

#age_modal div.yes {
	top: 460px;
	width: 366px;
}

#age_modal div.no {
	top: 590px;
	text-align: center;
}

#age_modal div.no a {
	color: #E378C4;
	;
}

#age_modal div.no p {
	display: table;
	vertical-align: middle;
	margin: auto;
}

#age_modal div.no p img {
	vertical-align: middle;
}

.noscroll {
	position: fixed;
	overflow-y: scroll;
	width: 100%;
}

#confirm_modal {
	width: 100% !important;
}

.remove_cookie {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
}



/*------------------------------------------------------------------------
pr
------------------------------------------------------------------------*/
#pr_area {
	padding-bottom: 60px;
	margin-top: -140px;
}

div.pr_area {
	width: 100%;
	margin: 30px auto auto;
	padding: 10px 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
}

div.pr_area h3 {
	font-size: 18px;
	font-weight: 900;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 10px;
}

div.pr_area p.text {
	font-size: 14px;
}

div.pr_area p.text a {
	color: inherit;
	text-decoration: none;
}

div.pr_area p.text a:hover {
	text-decoration: underline;
}

div.pr_area p.text+p {
	margin-top: 10px;
}

.link-banner {
	padding: 30px 10px;
	margin: 0px auto;
	box-sizing: border-box;
	background-color: #d2edf9;
}

.link-banner img {
	width: auto;
	max-width: 100%;
}


/********************************************
* form
********************************************/
.text02 {
  display: none;
}
.form {
	padding-bottom: 100px;
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
}

article#form img {
	cursor: pointer;
}


article#form {
	background-image: url('../image/bg_form.png');
	background-repeat: no-repeat;
	position: relative;
	height: 640px;
	width: 875px;
	margin: 30px auto 0;
	padding: 30px 0;
}

.form-submit input {
	margin-top: 16px;
width: 238px !important;
height: 62px !important;
	color: #fff;
	font-size: 22px !important;
	background-image: url('../image/btn_submit_off.png');
	background-size: cover;
}

 #form .form {

	position: relative;
	width: 788px;
	margin: 20px auto;
	border-spacing: 10px 10px;
	border-collapse: separate;
}

.form-box label {
	display: inline-block;
	background-color: #A59CD5;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	width: 223px;
	font-size: 16px;
	padding: 13px 0;
	margin-right: 12px;
	font-weight: bold;
}



.form-box .must {
	color: #FFF053;
}

.form-box{
	display: flex;
	margin-bottom: 12px;
}

.form-box input {
	-moz-box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	-webkit-box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	background-color: #fff;
	padding: 10px;
}

article#form div#confirm td {
	padding-left: 20px;
	height: 35px;
	overflow: auto;
}

article#form div#confirm td.q {
	height: 200px;
}

article#form>div ul {
	width: 600px;
	margin: 20px auto;
	display: table;
	text-align: center;
}

article#form>div ul li {
	width: 40%;
	margin: auto;
	display: table-cell;
}

article#form input,
article#form textarea {
	width: 495px;
	padding: 10px;
	border: none;
	font-size: 16px;
}

article#form input {
	height: 30px;
}

article#form textarea {
	-moz-box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	-webkit-box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	box-shadow: inset 0 0 0 10px rgba(204, 204, 204, 1);
	background-color: #fff;
	padding: 10px;
	resize: none;
	height: 180px;
}

.form-submit {
	text-align: center;
	color: #fff;
	position: relative;
}


article#form>div#submit p:nth-of-type(1) {
	padding-top: 100px;
	margin-bottom: 20px;
}

article#form>div#submit p:nth-of-type(2) span {
	font-size: 39px;
	display: block;
	color: #FFFFD3;
	margin-bottom: 20px;
}


/********************************************
* Now Loading
********************************************/
#form-load {
  display: none;
}

.loader {
  margin: 0 auto;
  border: 12px solid #fafafa;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 100px;
  height: 100px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.load1 {
  animation: sk-scaleout 1s infinite ease-in-out;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 201;
  text-align: center;
  background-color: #b1b1b1;
  color: #ffffff;
  opacity: 0.8;
  width: 800px;
}

.load1 p {
  margin: 0 auto;
  text-align: center !important;
  padding: 10px;
}
.form-confirm{
	text-align: center;
	font-weight: bolder;
}
.form-confirm h4{
	font-size: 34px;
	margin-bottom: 16px;
}
.form-confirm p{
	font-size: 30px;
	line-height: 1.5;
}