@CHARSET "UTF-8";
@import url('https://googleapis.com');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
:root{ scroll-padding:80px; scroll-behavior:smooth; }
/* BASE */
*{
	color:#514327;
	margin:0;
	padding:0;
	box-sizing:border-box;}
html{
	scroll-behavior:smooth;}
body{
	font-family:"Noto Sans JP", sans-serif;
	line-height:1.6;
	background-color:#FFF;}
figure{
	text-align:center;
	line-height:0;
	margin:0;}
figcaption{
	line-height:1.6;}
h1,h2,h3,h4,h5{
	font-weight:500;}
p,li{
	font-weight:500;}
p{
	margin-bottom:15px;}
p:last-of-type{
	margin:0;}
img{
	height:auto;
	max-width:100%;}
.container{
	max-width:1100px;
	margin:0 auto;}
.pc_txt_l{
	text-align:left;}
.pc_txt_r{
	text-align:right;}
.pc_txt_c{
	text-align:center;}
.sp_br{
	display:none;}
@media only screen and (min-width:768px){
	p,li,th,td{
		line-height:2.2;}
	p{
		margin-bottom:20px;}
}
@media only screen and (max-width:480px){
	.pc_txt_l,
	.pc_txt_r,
	.pc_txt_c{
		text-align:left;}
	.sp_txt_l{
		text-align:left;}
	.sp_txt_r{
		text-align:right;}
	.sp_txt_c{
		text-align:center;}
	.pc_br{
		display:none;}
	.sp_br{
		display:block;}
}

/* MV */
#mv{
	background-color:#FFF;}
.hero{
	max-width:1260px;
	margin:60px auto 0;}
.hero-content{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:360px;
	height:calc(50vh - 60px);}
.hero-content h2{
	font-size:21px;
	color:#FFF;
	position:absolute;
	line-height:1.5;
	left:20px;
	right:0;
	bottom:23px;
	margin:auto;
	display:flex;
	align-items:center;
	text-shadow:0 3px 6px rgba(0,0,0,0.75);}
.hero-content figure{
	display:none;}
.hero-content img{
	border-radius:10px;
	width:100%;}
@media screen and (min-width:1200px){
	.hero{
		margin:80px auto 0;
		box-sizing:border-box;}
	.hero-content{
		background-image:none!important;
		height:auto;}
	.hero-content figure{
		display:block;}
	.hero-content h2{
		font-size:2rem;
		line-height:2;
		left:40px;
		top:0;
		bottom:0;
		height:130px;}
}

/* SECTION */
.section{
	padding:60px 20px;}
.section-title{
	font-size:35px;
	color:#1D5A3C;
	margin-bottom:30px;
	position:relative;
	text-align:center;}
.section-title span{
	font-family:"Sansation", sans-serif;
	font-size:16px;
	color:#514327;
	display:table;
	font-weight:normal;
	padding:0;
	position:relative;
	margin:auto;}
.section-title span::after{
	content:'';
	position:absolute;
	top:0.3em;
	left:-20px;
	margin:auto;
	width:15px;
	height:15px;
	border-radius:15px;
	background:#FF6608;}
.bg-light{
	background-color:#FFFAF0;}
@media screen and (min-width:1024px){
	.section{
		padding:90px 20px;}
	.section-title{
		margin-bottom:45px;
		font-size:40px;
		letter-spacing:2px;
		text-align:left;}
	.section-title span{
		margin:0;
		padding:0 0 0 20px;}
	.section-title span::after{
		left:0;}
}

/* ROOP TEXT */
.roop-txt{
	background-color:#FFF;
	font-family:"Sansation", sans-serif;
	margin:auto;
	width:100%;
	font-size:clamp(40px, 6vw, 60px);;
	text-align:center;
	display:flex;
	align-items:center;
	overflow:hidden;
	bottom:0;
	padding:30px 0 5px;}
.roop-txt ul{
	white-space:nowrap;
	display:flex;
	animation:loop-slide 150s linear infinite;
	list-style:none;
	margin:0;
	padding:0;}
.roop-txt ul li{
	display:inline;
	margin:0 30px 0 0;
	color:#1D5A3C;
	line-height:1.2;}
@keyframes loop-slide{
	from{transform:translateX(0);}
	to{transform:translateX(-50%);}
}
@media screen and (min-width:1024px){
	.roop-txt{
		padding:40px 0 5px;}
	.roop-txt ul li{
		margin:0 70px 0 0;}
}

/* MESSAGE */
#message{
	background:#FFF;
	padding:30px 20px 60px;}
#message .section-title{
	color:#69BA00;
	font-size:24px;}
@media screen and (min-width:1024px){
	#message{
		padding:90px 20px;}
	#message .section-title{
		font-size:40px;}
	.flex-row{
		display:flex;
		gap:40px;}
	.flex-text{
		width:60%;}
	.flex-img{
		width:40%;}
}

/* BUSINESS */
#business{
	position:relative;
	overflow:hidden;
	padding:90px 20px 30px;
	background-color:#FBF7EF;
	background-image:url(../img/biz_top.svg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;}
#business .spin{
	position:absolute;
	top:-4.5em;
	left:0;
	right:0;
	margin:auto;
	width:calc(1400 / 1920 * 100vw);
	height:calc(1400 / 1920 * 100vw);
	max-height:350px;
	animation:spin 30s linear infinite;}
#business .spin img{
	width:100%;
	height:100%;
	overflow:visible;}
#business .container{
	position:relative;
	z-index:2;}
.biz-fixed{
	position:relative;}
.biz-row{
	margin:0 0 50px;}
.biz-row:last-child{
	margin:0;}
.biz-col{
	margin:0 0 30px;}
.biz-col:last-child{
	margin:0;}
.biz-col.biz-flex{
	padding:50px 0;}
.biz-col h3{
	color:#69BA00;
	font-size:25px;
	margin-bottom:20px;
	text-shadow:0 3px 6px rgba(253, 214, 47, 1);}
.biz-col h4{
	color:#69BA00;
	font-size:18px;
	margin-bottom:20px;}
.biz-col ul{
	margin:0 0 0 20px;}
.biz-col ul li{
	list-style-type:none;
	position:relative;
	margin-bottom:15px;}
.biz-col ul li::after{
	position:absolute;
	top:.6em;
	left:-20px;
	z-index:2;
	content:'';
	width:8px;
	border-radius:8px;
	height:8px;
	background-color:#1D5A3C;}
.biz-col ul li ul{
	margin:0;}
.biz-col ul li ul li{
	list-style-type:disc;
	margin-left:40px;
	margin-bottom:0;}
.biz-col ul li ul li::marker{
	color:#FF6608;}
.biz-col ul li ul li::after{
	display:none;}
@keyframes spin{
	0%{
		transform:rotate(0deg);}
	100%{
		transform:rotate(360deg);}
}
@media screen and (min-width:1024px){
	#business{
		padding:90px 20px 30px;}
	#business .spin{
		top:-13em;
		left:0;
		max-height:530px;
		max-width:530px;}
	.biz-row{
		display:flex;
		gap:40px;
		margin:0 0 90px;}
	.biz-row:nth-child(odd){
		flex-direction:row-reverse;}
	.biz-col{
		width:50%;}
	.biz-col figure{
		text-align:center;}
	.biz-col .biz-img-down{
		margin:30% 0 0;}
	.biz-col h3{
		font-size:30px;}
	.biz-col h4{
		color:#69BA00;
		font-size:24px;}
	.biz-row.shift .biz-col:nth-child(even){
		width:70%;}
	.biz-row.shift .biz-col:nth-child(odd){
		width:30%;}
	.biz-row.shift figure{
		text-align:left;}
	.biz-row.shift img{
		width:270px;}
	.biz-row.shift{
		gap:100px;}
}
@media screen and (min-width:768px){
	.biz-col ul li::after{
		top:.8em;}
}
@media screen and (max-width:767px){
	.biz-row.shift img{
		max-width:75%;}
}

/* ABOUT */
#about{
	padding:0 10px 60px;
	background-color:#FBF7EF;}
.abt-logo{
	position:relative;
	padding:90px 20px 30px;
	background-color:#FBF7EF;
	background-image:url(../img/semicircle.svg);
	background-size:170%;
	background-position:bottom center;
	background-repeat:no-repeat;}
.abt-bale{
	margin:auto;
	background:#FFF;
	border-radius:8px;
	padding:20px 10px 40px;}
.abt-logo{
	position:relative;}
.abt-logo img{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:50px;}
.abt-top{
	max-width:1100px;
	margin:auto;
	text-align:center;}
.abt-top h2{
	color:#1D5A3C;
	font-size:25px;
	margin-bottom:25px;}
.abt-top p{
	font-size:18px;}
.abt-card{
	max-width:1100px;
	margin:45px auto 0;}
.abt-card .card{
	background:#FBF7EF;
	padding:30px 15px;
	border-radius:8px;
	margin:0 0 20px;}
.abt-card .card:last-child{
	margin:0;}
.abt-card .card h3{
	text-align:center;
	font-size:20px;
	margin-bottom:20px;}
.abt-card .card h3 span{
	position:relative;
	padding:0 0 0 20px;}
.abt-card .card h3 span::after{
	content:'';
	position:absolute;
	top:0.4em;
	left:0;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#FDD62F;}
.abt-card .card p{
	font-weight:500;
	display:table;
	margin:auto;
	font-size:15px;}
.abt-card .card br.tb{
	display:none;}
.abt-desc{
	background:#FBF7EF;
	padding:30px 15px;
	border-radius:8px;
	margin:45px auto 0;
	max-width:1100px;}
.abt-desc h3{
	color:#FF6608;
	text-align:center;
	font-size:25px;
	margin-bottom:20px;}
.abt-img{
	margin:0 0 20px;}
.abt-img img{
	width:100%;
	border-radius:8px;}
.abt-txt p{
	color:#1D5A3C;
	font-size:15px;}
.abt-txt a.btn{
	position:relative;
	background-color:#FFF;
	text-decoration:none;
	font-weight:600;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:30px;
	height:50px;
	transition:0.3s;
	max-width:360px;
	margin:30px auto 0;
	box-shadow:rgba(0, 0, 0, 0.24) 0 2px 6px;}
.abt-txt a.btn span{
	color:#1D5A3C;
	font-size:15px;
	padding:0 20px 0 0;}
.abt-txt a.btn span::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	width:12px;
	height:12px;
	border-radius:12px;
	background:#FF6608;}
.abt-txt a.btn:hover{
	transform:translateY(2px);
	box-shadow:none;}
.abt-proc{
	padding:40px 20px 15px;}
.abt-proc h3{
	color:#1D5A3C;
	font-size:28px;
	text-align:center;
	margin-bottom:20px;}
.abt-proc-grid{
	max-width:500px;
	margin:auto;}
.abt-proc-box{
	position:relative;
	padding:0 0 80px;}
.abt-proc-box:last-child{
	padding:0;}
.abt-proc-box::before{
	content:'';
	position:absolute;
	bottom:10px;
	left:0;
	right:2px;
	margin:auto;
	width:1px;
	height:60px;
	border-left:3px dotted #FDD62F;}
.abt-proc-box:last-child::before{
	display:none;}
.abt-proc-img{
	padding:0 0 10px;}
.abt-proc-img img{
	width:100px;
	height:100px;}
.abt-proc-txt h4{
	text-align:center;
	font-size:20px;
	margin-bottom:10px;}
.abt-br{
	display:none;}
@media only screen and (min-width:580px){
	.abt-logo{
		background-size:100%;}
}
@media only screen and (min-width:1024px){
	#about{
		padding:90px 20px;}
	.abt-logo{
		background-size:contain;}
	.abt-logo img{
		width:75px;}
	.abt-bale{
		padding:20px 20px 40px;}
	.abt-top h2{
		font-size:40px;
		margin-bottom:40px;}
	.abt-top p{
		font-size:24px;}
	.abt-card{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:60px;}
	.abt-card .card{
		width:calc(50% - 30px);
		padding:40px 20px;
		margin:0;}
	.abt-card .card p{
		font-size:16px;}
	.abt-card .card h3{
		font-size:24px;}
	.abt-card .card h3 span{
		padding:0 0 0 24px;}
	.abt-card .card h3 span::after{
		width:16px;
		height:16px;
		border-radius:16px;}
	.abt-card .card p{
		line-height:2.5;}
	.abt-desc{
		padding:50px 30px 60px;
		margin:90px auto 0;}
	.abt-grid{
		display:flex;
		align-items:center;
		flex-direction:row-reverse;
		gap:40px;}
	.abt-img,
	.abt-txt{
		width:50%;}
	.abt-img{
		margin:0;}
	.abt-txt{
		display:flex;
		flex-direction:column;
		justify-content:space-between;}
	.abt-txt p{
		font-size:16px;}
	.abt-desc h3{
		font-size:40px;}
	.abt-txt p{
		line-height:2.5;}
	.abt-txt a.btn{
		margin:30px 0 0;}
	.abt-proc{
		padding:60px 0 15px;}
	.abt-proc h3{
		font-size:35px;
		margin-bottom:30px;}
	.abt-proc-grid{
		max-width:none;
		display:flex;
		flex-wrap:wrap;
		position:relative;
		justify-content:space-around;
		column-count:4;}
	.abt-proc-grid::after{
		content:'';
		position:absolute;
		top:5px;
		bottom:0;
		right:-32px;
		margin:auto;
		width:88%;
		height:110px;
		border-top:3px dotted #FDD62F;}
	.abt-proc-box{
		padding:0 35px 0 0;
		width:25%;}
	.abt-proc-box::before{
		width:100px;
		height:1px;
		top:150px;
		left:auto;
		bottom:auto;
		right:-32.5px;
		border-left:none;
		border-top:3px dotted #FDD62F;}
	.abt-proc-box:nth-child(n+5)::before{
		right:-90px;}
	.abt-proc-box:nth-child(-n+4){
		padding:0 35px 70px 0;}
	.abt-proc-box:nth-child(4)::after,
	.abt-proc-box:nth-child(5)::after{
		content:'';
		position:absolute;}
	.abt-proc-box:nth-child(4)::after{
		top:154px;
		right:-33px;
		width:1px;
		height:247px;
		border-right:3px dotted #FDD62F;}
	.abt-proc-box:nth-child(5)::after{
		margin:auto;
		top:-88px;
		left:-34px;
		right:0;
		width:1px;
		height:85px;
		border-left:3px dotted #FDD62F;}
	.abt-proc-box:last-child{
		padding:0;}
	.abt-proc-img img{
		width:auto;
		height:auto;}
	.abt-proc-txt p{
		height:calc(1em * 2.2 * 7);
		overflow:hidden;
		text-align:justify;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:7;}
}
@media only screen and (min-width:1180px){
	.abt-br{
		display:block;}
}
@media only screen and (min-width:1200px){
	.abt-card .card br.tb{
		display:block;}
}

/* STAFF */
#staff{
	padding:20px 20px 60px;
	background-color:#FBF7EF;}
.st-row{
	background:#FFF;
	margin:0 auto 40px;
	border-radius:10px;
	max-width:550px;}
.st-row:last-child{
	margin:auto;}
.st-img img{
	border-radius:10px 10px 0 0;}
.st-txt{
	padding:20px;}
.st-ttl{
	color:#1D5A3C;
	text-shadow:3px 3px 3px rgba(253, 214, 47, 0.5);
	font-size:22px;
	text-align:center;
	margin:0 0 15px;}
.st-txt br.tb{
	display:none;}
@media screen and (min-width:1024px){
	#staff{
		padding:40px 20px 90px;}
	.st-row{
		display:flex;
		align-items:center;
		margin:0 0 90px;
		border-radius:20px;
		max-width:none;}
	.st-row:nth-child(even){
		flex-direction:row-reverse;}
	.st-img,
	.st-txt{
		width:50%;}
	.st-row:nth-child(odd) .st-img img{
		border-radius:20px 0 0 20px;}
	.st-row:nth-child(even) .st-img img{
		border-radius:0 20px 20px 0;}
	.st-txt{
		padding:0 35px;}
	.st-ttl{
		font-size:30px;}
}
@media screen and (min-width:1130px){
	.st-txt br.tb{
		display:block;}
}

/* COMPANY */
#company{
	padding:60px 20px 100px;
	position:relative;
	overflow:hidden;
	clip-path:inset(0);}
#company::after{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background-image:url('../img/about_bg.webp');
	background-size:cover;
	background-position:bottom right;
	will-change:transform;}
#company .container{
	position:relative;
	z-index:2;}
.co-box:last-child{
	margin:0;}
.co-box h3{
	text-align:center;
	font-size:25px;
	color:#1D5A3C;}
.co-img{
	width:75%;
	margin:auto;}
.co-top{
	margin:0 0 55px;}
.co-top h3{
	margin-bottom:30px;}
.co-top .co-box{
	margin:0 0 35px;}
.co-top .big-txt{
	text-align:center;
	color:#FF6608;
	font-size:22px;
	margin:0 0 30px;}
.co-top .nml-txt{
	font-size:15px;
	display:table;
	margin:auto;}
.co-top img{
	border-radius:24px;}
.co-top figcaption{
	margin:15px 0 0;
	font-weight:600;
	font-size:16px;
	line-height:1.3;}
.co-top figcaption span{
	color:#000;}
.co-top figcaption span.co-item{
	font-size:14px;}
.co-top figcaption span.co-comp{
	font-size:20px;}
.co-top figcaption span.co-name{
	font-size:24px;
	font-family:"UD Digikyo", "UD Digikyo NK-R", "UD Digikyo NK-B", "HG教科書体", serif;
	display:none;}
.co-top figcaption img.co-sp-name{
	margin:4px 0 -4px;
	width:96px;
	display:inline;}
.co-bottom{
	padding:40px 20px;
	background:#FFF;
	border-radius:10px;}
.co-bottom .co-grid{
	margin:0 0 40px;}
.co-bottom .co-grid:last-child{
	margin:0;}
.co-bottom .co-grid{
	margin:0 0 40px;}
.co-bottom .co-box{
	margin:0 0 30px;}
.co-bottom .co-grid:last-child{
	margin:0;}
.co-tbl{
	width:100%;}
.co-tbl tr:first-child th{
	border-top:1px solid #D7DBCF;}
.co-tbl th,
.co-tbl td{
	padding:10px;
	display:block;
	text-align:left;}
.co-tbl th{
	border-bottom:1px dashed #D7DBCF;
	font-size:14px;}
.co-tbl td{
	border-bottom:1px solid #D7DBCF;
	font-size:12px;}
p.co-address{
	font-weight:normal;
	font-size:12px;}
.co-access{
	border-radius:8px;
	background:#FBF7EF;
	padding:20px;
	margin:40px 0 30px;}
.co-access .ttl{
	font-size:14px;
	margin:0 0 10px;}
.co-access p{
	font-size:12px;}
.co-map{
	position:relative;
	width:100%;
	height:0;
	padding-top:100%;}
.co-map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}
@media screen and (min-width:1024px){
	#company{
		padding:90px 20px 160px;}
	#company::after{
		background-position:center bottom;}
	#company .section-title {
		margin-left:auto;
		margin-right:auto;
		width:calc(100% - 160px);}
	.co-grid{
		display:flex;
		flex-wrap:wrap;}
	.co-box h3{
		font-size:30px;
		text-align:left;}
	.co-img{
		width:100%;}
	.co-top{
		margin:0 auto 115px;
		width:calc(100% - 160px);}
	.co-top .co-box{
		width:50%;
		margin:0;}
	.co-top .big-txt{
		line-height:1.8;
		font-size:28px;
		text-align:left;}
	.co-top .nml-txt{
		display:block;
		font-size:16px;}
	.co-bottom{
		padding:70px 60px;
		border-radius:24px;}
	.co-bottom .co-grid{
		gap:30px;}
	.co-bottom .co-box:nth-child(odd){
		width:calc(30% - 15px);}
	.co-bottom .co-box:nth-child(even){
		width:calc(70% - 15px);}
	.co-top figcaption{
		font-size:18px;}
	.co-top figcaption span.co-item{
		font-size:18px;}
	.co-top figcaption span.co-comp{
		font-size:24px;}
	.co-top figcaption span.co-name{
		display:inline;
		font-size:28px;}
	.co-top figcaption img.co-sp-name{
		display:none;}
	.co-tbl tr:first-child th{
		border-top:none;}
	.co-tbl th,
	.co-tbl td{
		font-size:16px;
		padding:20px 0;
		display:table-cell;}
	.co-tbl th{
		width:145px;}
	.co-tbl td{
		border-bottom:1px dashed #D7DBCF;
		width:calc(100% - 145px);}
	p.co-address{
		font-size:16px;}
	.co-access{
		margin:70px 0 30px;}
	.co-access .ttl{
		font-size:20px;}
	.co-access p{
		font-size:16px;}
	.co-map{
		padding-top:75%;}
}

/* NEWS */
#news{
	position:relative;
	margin:-30px 0 0;
	padding:60px 20px 30px;
	border-radius:30px 30px 0 0;
	background-color:#FBF7EF;}
#news .fb-page,
#news .fb-page span,
#news .facebook_wrap iframe{
	width:100% !important;
	left:0;
	right:0;
	margin:auto;}
#news .facebook_wrap{
	max-width:500px;
	margin:auto;
	border:3px solid #69BA00;
	border-radius:15px;
	overflow:hidden;}
.news-box{
	margin:0 0 40px;}
.news-box:last-child{
	margin:0;}
@media screen and (min-width:1024px){
	#news{
		padding:90px 20px 50px;
		margin:-60px 0 0;
		border-radius:60px 60px 0 0;}
	#news .section-img{
		margin:90px 0 0;}
	#news .fb-page{
		border-radius:20px;}
	#news .fb-page,
	#news .fb-page span,
	#news .facebook_wrap iframe{
		height:680px !important;}
	#news .facebook_wrap{
		margin:0 0 0 auto;}
	.news-grid{
		display:flex;
		flex-wrap:wrap;}
	.news-box{
		width:50%;}
}

/* CONTACT */
#contact{
	background-color:#FBF7EF;
	padding:30px 20px 0;}
#contact h2{
	font-size:35px;
	margin-bottom:30px;
	position:relative;
	text-align:center;}
#contact h2 span{
	font-family:"Sansation", sans-serif;
	font-size:16px;
	color:#514327;
	display:table;
	font-weight:normal;
	padding:0 25px;
	position:relative;
	margin:auto;}
#contact h2 span::after,
#contact h2 span::before{
	content:'';
	position:absolute;
	top:0.3em;
	margin:auto;
	width:15px;
	height:15px;
	border-radius:15px;
	background:#FF6608;}
#contact h2 span::after{
	left:0;}
#contact h2 span::before{
	right:0;}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea{
	width:100%;
	padding:12px;
	border:1px solid #1D5A3C;
	border-radius:6px;
	background-color:#FFF;
	box-sizing:border-box;
	resize:vertical;
	font-size:16px;}
#contact table{
	width:100%;}
#contact table th,
#contact table td{
	text-align:left;
	padding:10px 0;}
#contact table th{
	width:300px;
	text-align:left;
	vertical-align:top;}
.required-tag{
	background-color:#1D5A3C;
	color:#FFF;
	font-size:12px;
	padding:2px 12px;
	border-radius:10px;
	letter-spacing:2px;
	margin-right:15px;
	font-weight:bold;
	flex-shrink:0;}
.label-text{
	font-weight:bold;
	font-size:18px;}
.checkbox-wrapper{
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;}
.checkbox-wrapper input{
	width:20px;
	height:20px;
	accent-color:#1a4d32;}
.privacy-note{
	font-size:13px;
	color:#666;
	margin-top:8px;
	text-align:center;}
.submit-container{
	text-align:center;
	margin-top:50px;}
.submit-button{
	background-color:#FF6608;
	color:#FFF;
	border:none;
	padding:18px 0;
	width:100%;
	font-size:18px;
	font-weight:bold;
	border-radius:40px;
	cursor:pointer;
	transition:opacity 0.3s;}
.submit-button:hover{
	opacity:0.8;}
@media screen and (min-width:1024px){
	#contact{
		padding:50px 20px 0;}
	#contact h2{
		margin-bottom:45px;
		font-size:40px;
		letter-spacing:2px;}
}
@media screen and (max-width:1023px){
	#contact table th,
	#contact table td{
		width:100%;
		display:block;}
	#contact table th{
		padding:0;}
	#contact table td{
		padding:10px 0 25px;}
	.label-text{
		font-size:16px;}
	.submit-container{
		margin-top:20px;}
	.submit-button{
		padding:10px 0;
		font-size:16px;}
	#bownow-form{
		width:calc(100% - 40px);
		margin:auto;}
	.form-preview-dl{
		padding:10px 0;}
	.form-preview-dl input[type="text"],
	.form-preview-dl input[type="password"]{
		height:32px;}
}