@charset "utf-8";
/* CSS Document */

html {
font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

font-size: 16px;
line-height: 1.6em;
}

.clear {
clear: both;
}

a img:hover {
opacity: 0.6;
}

a {
color: inherit;

}

a:hover{
	color: #6BC72F;
	text-decoration: none;
}

.pcnone {
display: none;
}

.txt_green {
color: #6BC72F;
}

.fontbold {
font-weight: bold;
}

.red {
	color: #F9070B;
}

.closebox {
width: 100%;
display: flex;
justify-content: space-between;
}

.closebox p {
width: 500px;
height: auto;
}

/* ページトップ　*/

#page-top {
    position:fixed;
   right: 16px;
   bottom: 16px;
    opacity: 0;
}
#page-top.fade-in {
    opacity: 0.6;
    transition: opacity 2s;
}


/*　メニュー用container_memu　1024px　*/
.container_menu {
width: 1024px;
margin: 0 auto;
}

/*　container　1024px　*/
.container {
width: 1024px;
margin: 0 auto;
}


/*　横幅r　100%　*/
.w100 {
width: 100%;
height: auto;
}

/*　共通ヘッダー　*/

#common_header {
border-bottom: 1px solid #6BC72F;
height: 52px;
overflow: hidden;
clear: both;
}

#common_header img {
height: 50px;
vertical-align: middle;
}
#common_header .container_menu h1 span {
font-size: 14px;
padding-left: 1rem;
}

#common_header .container_menu h1 {
display: block;
float: left;
}


.head_green_button {
background-color: #6BC72F;
margin-left: auto;
width: 220px;
height: 50px;
color: #FFFFFF;
text-align: center;
line-height: 50px;
}

@media only screen and (max-width: 1024px) {
.container_menu {
width: 100%;
height: auto;
margin: 0 auto;
}

.container {
width: 96%;
height: auto;
margin: 0 auto;
}

.container .sp100 {
width: 100%;
height: auto;
} 

.bg_top {
background-image: url("../images/topimg_1024.png");
}

.closebox {
width: 100%;
display: block;
text-align: center;
}

.closebox p {
width: auto;
height: auto;
}

}

@media only screen and (max-width: 600px) {

.closebox {
width: 100%;
display: block;
text-align: center;
}

.closebox p {
width: 100%;
height: auto;
}


.pcnone {
display: block;
}
.spnone600 {
display: none;
}
}


/*　ナビゲーションメニュー　*/
/* menu.cssを参照　*/

/* トップページ------------------------------------------- */
/* aboutusゾーン */

#about_chouchou {
background-color: #FCFCFC;
}
#about_chouchou .container .flexbox .item {
width: 300px;
height: 300px;
border: 5px solid #DDDDDD;
text-align: center;
padding: 1.5em;
background-color: #FFFFFF;
}

#about_chouchou .container .flexbox .item p {
font-size: 120%;
padding-bottom: 0.5em;
}

#about_chouchou .container .flexbox .item div {
background-color: #6BC72F;
height: 44px;
line-height: 44px;
color: #FFFFFF;
}

#about_chouchou .container .flexbox .item div:hover {
background-color: #C4E9AC;
color: #CCCCCC;
}

#about_chouchou .container .flexbox .item div img{
margin-top: 12px;
margin-right: 0.5em;
}

@media only screen and (max-width: 600px){
#about_chouchou {

}

#about_chouchou .container .flexbox img {
width: 96%;
height: 96%;
}
}

.catchphrase {
position: absolute;
top: 8rem;
left:10rem;
}

.catchphraseimg2  {
margin-top: 2em;
}

.flexbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.flexbox img {
margin-bottom: 1em;
}



@media only screen and (max-width: 600px){

}


/* topicsゾーン */
.oshirase {
font-size: 1.5rem;
font-weight: bold;
color: #6BC72F;
}

#topics .container .float_right {
float: none;
}

#topics .container .float_right iframe {
width: 580px;
height: 450px;
}

/* facebookのiframeがあった場合 */
/*
#topics .container .float_right {
margin-left: 20px;
float: right;
}

#topics .container .float_left {
margin-left: 20px;
float: left;
}

#topics .container .float_right iframe {
width: 580px;
height: 450px;
}

*/


#topics .topics_table {
  border-collapse:collapse; /*一重線にする指定*/
  margin:0 auto;
}

#topics .topics_table td,#topics .topics_table th{
  border-top:1px solid #BFDFAA;
  padding:10px;
  }
  
#topics .topics_table tr:last-child td,
#topics .topics_table tr:last-child th{
  border-bottom:1px solid #BFDFAA;  
}

#topics .topics_table tr:first-child td{
border-top: none;
}

#topics .topics_table tr:first-child th{
border-top: none;
}

#topics table {
width: 100%;
}
#topics th,td {
padding: 1.5rem;
}

#topics th {
width: 25%;
color: #5FB02A;
font-weight: bold;
}


/* スタッフ紹介ゾーン */

article {
padding-top: 5rem;
}

#staff h3 {
font-size: 1.5rem;
font-weight: bold;
color: #74BAE7;
padding: 0 0 0.5em 1em;
}

.flexbox3 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.staff_box {
display: block;
width: 211px;
text-align: center;
margin: 1em 1em 5em 1em;
}

.officialposition {
padding-top: 0.5rem;
}

.staff_name {
font-size: 150%;
}

.staff_comment {
text-align:justify;
padding: 0.5rem 0;
}

.green_btn{
text-align: center;
}

.green_btn a {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
color: #FFFFFF;
background-color: #6BC72F;
text-decoration: none;
} 


article a img {
margin-right: 0.5rem;

}

#recruit section .over_btn {
position: relative;
width: 211px;
top: -4rem;
margin: 0 auto;
}


.green_btn a:hover {
background-color: #C4E9AC;
color: #666666;
}


@media only screen and (max-width: 600px) {
.flexbox3 {
display: block;
}

.staff_box {
display: block;
width: 100%;
border-radius: 10px;
padding:1em;
margin: 1em auto;
}

.bg_pink {
background-image:url("../images/staff_box_bg_pink.jpg");
background-size: auto;

}
.bg_yellow {
background-image:url("../images/staff_box_bg_yellow.jpg");
background-size: auto;
}

.bg_blue {
background-image:url("../images/staff_box_bg_blue.jpg");
background-size: auto;
}
.bg_green {
background-image:url("../images/staff_box_bg_green.jpg");
background-size: auto;
}
}

/*ネットショップゾーン*/
#netshop {
background-color: #F0F0F0;
}

.w580 {
width: 580px;
height: auto;
}

.netshop_catch {
font-size: 30px;
color: #6BC72F;
font-weight: bold;
padding-bottom: 1rem;
}

/*フッターゾーン----------------------------------------*/

footer {
background-color: #E1F1D0;
border-top: 1px solid #6BC72F;
padding: 3rem 0 0 0;
}

.w270 {
width: 270px;
}
.sp_w270 {
display: none;
}

.w215 {
width: 215px;
}

.w215 p.f_title {
display: block;
font-size: 24px;
font-weight: bold;
border-bottom: 1px solid #6BC72F;
}

.orange_btn a {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
color: #FFFFFF;
background-color: #FF4200;
text-decoration: none;
text-align: center;
}

.orange_btn a:hover {
background-color: #FFB399;
}

footer dl,dd {
padding: 0.5rem 0;
}

footer dd {
font-size: 0.9rem;
text-indent: 1rem;
}

footer .footer_bottom {

background-color: #376B00;
color: #FFFFFF;
padding: 0.5rem 0 ;
text-align: center;
}

.sponly {
display: none;
}

/* 　各ページ共通のメイン画像部分--------------------------　*/

.pagetitle_box {
height: 70px;
font-size: 24px;
font-weight: bold;
line-height: 70px;
}

.mainimg {
background-size: cover;
background-repeat: no-repeat;
margin: 0 0 auto 0;
}

.bg_top {
background-image: url("../images/top_img.png");
}

.bg_satooya {
background-image: url(../satooya/images/top_img.jpg);
}

.bg_item {
background-image: url(../shop/images/top_img.jpg);
}

.bg_graduation {
background-image: url(../satooya/images/top_img_grad.jpg);
}

.bg_stay {
background-image: url(../satooya/images/top_img_stay.jpg);
}

.bg_shop_info {
background-image: url(../shop/images/top_img_shopinfo.jpg);
}

.bg_recruit {
background-image: url(../shop/images/top_img_recruit.jpg);
}

.bg_mailform {
background-image: url("../images/top_img_mailform.png");
}



/* サブページ共通(2カラムページ)　------------------------------------*/

.submenu {
display: flex;
justify-content: center;
margin-top: 2em;
padding-bottom: 1em;
border-bottom:1px solid #6BC72F;
font-weight: bold;
}

.submenu li {
padding-right: 4em;
}

.submenu i {
padding-right: 0.5em;
}

.yellow {
color: #F6CA15;
}

.towcolumn {
display: flex;
align-items: flex-start;
}

.rightcolumn {
width: 73%;
margin-bottom: 3em;
}

.sidetitle {
display: block;
width: 27%;
height: auto;
}

.sidetitle h3 {
font-size: 24px;
font-weight: bold;
color: #6BC72F;
}

@media only screen and (max-width: 1024px) {
.submenu {
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-top: 2em;
padding-bottom: 0.5em;
border-bottom:none;
font-weight: bold;
}


.rightcolumn {
width: 80%;
margin-bottom: 3em;
}


.submenu li {
padding-right: 4em;
background-color: #6BC72F;
padding: 1em;
margin-right: 1em;
margin-bottom: 1em;
border-radius: 8px;
color: #FFFFFF;
}

.submenu li a:hover {
color: #666666;
}

.sidetitle {
display: block;
width: 20%;
height: auto;
}

.sidetitle h3 {
font-size: 24px;
font-weight: bold;
color: #6BC72F;
}
}


@media only screen and (max-width: 600px) {
.towcolumn {
display: block;
}
.rightcolumn {
width: 100%;
margin-bottom: 3em;
}

.sidetitle {
display: block;
width: 100%;
height: auto;
padding: 1em;
border-top: 1px solid #6BC72F;
border-bottom: 1px solid #6BC72F;
text-align: center;
background-color: #E1F1D0;
margin-bottom: 1em;
}

.satooya_nagare header {
padding-top: 2em;
}
}

/* 　ショップページ---------------------------------------------　*/
.g_map {
position: relative;
padding-top: 75%;
height: 0;
overflow: hidden;
}
.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 600px) {
.shop_access img {
display: none;
}

}


/* 　商品紹介ページ---------------------------------------------　*/

/* アコーディオンA */


.ac-box{
width: 100%;
}

/*ラベル*/
.ac-box label{
max-width: 100%;
font-size: 16px;
font-weight: bold;
text-indent: 1em;
background: #6BC72F;
margin: auto;
line-height: 63px;
position: relative;
display: block;
height: 63px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

/*ラベルホバー時*/
.ac-box label:hover{
background: rgba(195,229,172,1);
-webkit-transition: all .3s;
transition: all .3s;
}
/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:after{
content:url("../shop/images/circlearrow_down.png");
right: 2em;
position: absolute;
top:0.5em;
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::after {
content:url("../shop/images/circlearrow_up.png");
}
/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
padding: 5px;
opacity: 1;
}
/*表示内容の調整*/
.ac-box div p{
color: #777;
line-height: 2em;
font-size: 16px;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}


/* アコーディオンB */
.ac-box2{
width: 100%;
}
/*ラベル*/
.ac-box2 label{
max-width: 100%;
font-size: 16px;
font-weight: bold;
text-indent: 1em;
background: #F0F0F0;
border: #DDDDDD solid 1px;
margin: auto;
line-height: 63px;
position: relative;
display: block;
height: 63px;
border-radius: 8px;
cursor: pointer;
color: #6BC72F;
transition: all 0.5s;
}

/*ラベルホバー時*/
.ac-box2 label:hover{
background: rgba(221,221,221,1);
-webkit-transition: all .3s;
transition: all .3s;
}
/*チェックを隠す*/
.ac-box2 input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box2 label:after{
content:url("../shop/images/circlearrow_down.png");
right: 2em;
position: absolute;
top:0.5em;
}

/*チェックのアイコン（↑）*/
.ac-box2 input:checked ~ label::after {
content:url("../shop/images/circlearrow_up.png");
}
/*中身を非表示にしておく*/
.ac-box2 div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box2 input:checked ~ div{
height: auto;
padding: 5px;
opacity: 1;
}
/*表示内容の調整*/
.ac-box2 div p{
color: #777;
line-height: 2em;
font-size: 16px;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

tr.tablebg01 {
background-color: #F9F9F9;
}

.trimming header {
width: 100%;
height: 71px;
background-image: url(../shop/images/greenline.gif);
background-size: cover;
line-height: 71px;
font-size: 21px;
font-weight: bold;
text-indent: 1em;
}

.trimming span {
display: inline-block;
background-color: #6BC72F;
padding: 1em;
color: #FFFFFF;
font-weight: bold;
}




.smallprint ul {
list-style:disc;
margin-left: 2em;
}

.smallprint ul li {
padding-bottom: 1em;
line-height: 1.6em;
}

.fontsize24 {
font-size: 24px;
}

.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}


/*シャンプー紹介エリア*/
.shampoo .ac-small h2 {
font-size: 20px;
font-weight: bold;
padding: 1em;
border:1px double #6BC72F;
display: inline-block;
margin-top: 1em;
}

.shampoo .ac-small h3 {
font-size: 18px;
font-weight: bold;
padding-bottom: 0.5em;
border-bottom: 1px solid #6BC72F;
}


.hotelitem header {
background-color: #6BC72F;
width: 332px;
padding: 0.5em 0;
text-align: center;
color: #FFFFFF;
}

.hotelitem p{
font-size: 14px;
padding-top: 0.5em;
}

.food_osusume header {
font-size: 24px;
color: #6BC72F;
font-weight: bold;
text-align: center;
}

.onlineshop_bnr {
display: inline-block;
background-color: #6BC72F;
padding: 0.5em 1.5em;
border-radius: 10px;
color: #FFFFFF;
margin: 1em 0;
font-size: 16px;
}

.onlineshop_bnr:hover {
opacity: 0.5;
}

.zakka header {
width: 100%;
height: 60px;
background-image: url(../shop/images/greenline.gif);
background-size: cover;
line-height: 60px;
font-size: 24px;
font-weight: bold;
text-indent: 1em;
background-position: bottom;
color: #6BC72F;
margin-top: 5em;
}

.zakka .flexbox {
justify-content:flex-start;
}

.zakka .flexbox ul li {
padding-bottom: 1em;
}

.wear_rogo {
font-size: 18px;
font-weight: bold;
}



@media only screen and (max-width: 600px) {
.ac-small table td{
padding: 5px;
}
}


/* コンセプトページ　------------------------------------------　*/

.bg_beige {
background-color: #F0F0F0;
padding: 2em 0;
border-top: 1px solid #B3B3B3;
}

.bg_white {
background-color: #FFFFFF;
width: 1024px;
height: auto;
padding: 2em 0;
margin: 0 auto;
}



.concept p {
padding: 1em 3em 0 0;
}

.green_bar {
display: block;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
background-color: #6BC72F;
width: 90%;
height: 45px;
line-height: 45px;
margin: 0 auto;
text-align: center;
margin-top: 3em;
margin-bottom: 1em;
border-radius:10px;
}

.w930 {
width: 930px;
height: auto;
margin: 20px auto;
}

.flexbox2 {
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}

.w930 p {
width: 300px;
height: auto;
border: 2px solid #FF7BAC;
padding: 1em;
border-radius:10px;
margin-bottom: 2em;
}

@media only screen and (max-width: 1024px) {

.bg_white {
background-color: #FFFFFF;
width: 96%;
height: auto;
padding: 2em 0;
margin: 0 auto;
}

.bg_white .container .sp100 {
width: 100%;
height: auto;
} 

.w930 {
width: 96%;
height: auto;
}
}

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

.concept  {
text-align: left;
}
section .text-center{
text-align: left;
}
}

/* 里親トップページ　------------------------------------------　*/
.satooya_message {
width: 450px;
height: auto;
padding: 2em;
background-color: #FFFFFF;
opacity: 0.8;
border-radius: 10px;
top:15%;
right: 10%;
position: absolute;
}

.satooya_nagare header {
font-size: 18px;
font-weight: bold;
color: #6BC72F;
}

.nagare_green_bar {
max-width: 100%;
font-size: 16px;
font-weight: bold;
text-indent: 1em;
background: #6BC72F;
line-height: 50px;
display: block;
height: 50px;
border-radius: 8px;
color: #fff;
margin: 2em 0 1em 0;
text-align: center;
}

.rightcolumn .satooya_nagare ul {
display: flex;
}

.rightcolumn .satooya_jyouken, ul {
margin-left: 1em;
}
.rightcolumn .satooya_jyouken ul li {
padding-bottom: 1em;
list-style-type: circle;
}

.rightcolumn .hogoinu_btn ul {
display: flex;
}

.rightcolumn .hogoinu_btn ul li {
margin-right: 1em;
width: 49%;
}

.green_bar2 {
padding: 0.5em;
background: #6BC72F;
text-align: center;
margin-bottom: 10px;
color: #FFFFFF;
}

.green_bar2:hover {
background: #C4E9AC;
}

.hogoinu_btn .sns_btn {
margin-top: 20px;
text-align: center;
}

@media only screen and (max-width: 1024px) {
.satooya_message {
width: 100%;
height: auto;
padding: 2em;
border-radius: 0px;
top:0;
right: 0;
position: static;
}
}

@media only screen and (max-width: 768px) {
.rightcolumn .hogoinu_btn ul {
display: block;
}

.rightcolumn .hogoinu_btn ul li {
margin-right: 1em;
margin-bottom: 3em;
width: 100%;
}
}


/* 卒業犬ページ　------------------------------------------　*/
.grad_item {
width: 256px;
height: 200px;
margin-right: 1em;
background-color: #CCCCCC;
}

/* 店舗のご紹介ページ　------------------------------------------　*/

.shopinfo table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

.shopinfo table tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

.shopinfo table tr:first-child {
border-top:  solid 1px #eee;
}

.shopinfo table th {
width: 30%;
font-weight: bold;
}

.shopinfo table th,td {
padding: 2em;
}

.shop_access ul {
display: flex;
}

.shop_access li img {
padding-right: 3em;
}


@media only screen and (max-width: 600px) {

.shopinfo table {
border-collapse: collapse;
border-spacing: 0;
width: auto;
}

}


/* 採用情報ページ　------------------------------------------　*/

.timeschedule header {
font-size: 36px;
}

.timeschedule {
background-image: url(../shop/images/staff_img.jpg);
background-repeat: no-repeat;
background-position: right 0%;
}

.timeschedule_box {
width: 65%;
}

.rightcolumn .youkou .rec_table{
  width: 100%;
  border-spacing: 0;
  
}

.rightcolumn .youkou .rec_table th{
  border-bottom: solid 1px #999999;
  border-top:none;
  padding: 2em 0;
  width: 25%;
  vertical-align: top;
}

.rightcolumn .youkou .rec_table td{
  border-bottom: solid 1px #dddddd;
  padding: 2em 0;
  vertical-align: top;
}

.rec_attention {
font-size: 20px;
color: red;
}

@media only screen and (max-width: 940px) {
.timeschedule {
background-image: none;
}
}

@media only screen and (max-width: 600px) {
.rightcolumn .youkou .rec_table th{
  border-bottom: none;
  border-top:none;
  padding: 0.5em 0;
  width: 100%;
  display: block;
  background-color: #F4F3F3;
  text-indent: 1em;
  font-weight: bold;
}

.rightcolumn .youkou .rec_table td{
  border-bottom: solid 1px #dddddd;
  vertical-align: top;
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 1em;
}

.timeschedule header {
font-size: 24px;
}
}

/* お問い合わせページ　------------------------------------------　*/

#formWrap {
padding-top: 3em;
}

#formWrap form table {
border: 1px solid #CCCCCC;
}

.formTable {
width: 1024px;
}


#formWrap header{
font-size: 20px;
text-align: center;
padding-bottom: 2em;
}
#formWrap form .formTable tr th {
border: 1px solid #CCCCCC;
background-color: #EDEDED;
text-indent: 1em;
font-size: 18px;
}

#formWrap form .formTable tr td {
border: 1px solid #CCCCCC;
}

#formWrap form .formTable tr input {
display: none;
}

#formWrap form .formTable tr label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
#formWrap form .formTable tr label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #EDEDED;
	border-radius: 50%;
}
#formWrap form .formTable tr input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #6BC72F;
}


#formWrap form .formTable tr input[type="text"], #formWrap form .formTable tr textarea{
display: block;
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
border:solid 1px #ccc;
margin:0 0 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 15px;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
  font-size: 15px;
}
:-ms-input-placeholder {
  color: #ccc;
  font-size: 15px;
}

.privacypolicy {
margin: 5em auto;
text-align: center;
}

.privacypolicy p {
padding-top: 1em;
padding-bottom: 1em;
font-size: 18px;
}
.privacypolicy p span {
font-size: 14px;
}

#formWrap form .privacypolicy input[type="checkbox"] {
width: 18px;
height: 18px;
vertical-align: middle;
margin-right:  5px;
}

#formWrap form .submit {
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
}
#formWrap form .submit .submit_btn {
      padding: 15px 40px;
    font-size: 1.2em;
    /* 背景色を黒に指定*/
    background-color: #6BC72F;
    /* 文字色を白に指定*/
    color: #fff;
    /* submitボタンのを枠を非表示にする*/
    border-style: none;
	border-radius: 10px;
}

#formWrap form .submit .submit_btn:hover {
    opacity: 0.6;
}

.required {
color: #FB0509;
font-size: 14px;
}

.privacypolicy span {
font-size: 14px;
}

.thanks_btn {
text-align: center;
background-color: #6BC72F;
width: 320px;
height: 50px;
margin: 0 auto;
margin-bottom: 5em;
border-radius: 10px;
line-height: 50px;
color: #FFFFFF;
}

#formWrap .thanks_btn a:hover {
color: #CCCCCC;
}

@media only screen and (max-width: 1024px) {
.formTable {
width: 100%;
}
}

@media only screen and (max-width: 992px) {
.formTable {
width: 96%;
}
#formWrap header{
font-size: 16px;
text-align: center;
padding-bottom: 1em;
}
#formWrap form .formTable tr th {
display: block;
padding: 0.5em 0;
}
#formWrap form .formTable tr td {
display: block;
}
}

@media only screen and (max-width: 600px) {
.formTable {
width: 100%;
}

}