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

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url : http://www.cubicdesign.co.jp
*
* Built       : 2016/09/23
* Last update : 2016/09/26
* Made by     : Suga Yui
* Updated by  : Suga Yui
*
**********************************************************************/


/*************************************************************************************************************************
* reset
*************************************************************************************************************************/
html{ height:100%; overflow-y:scroll; }
body{ height:100%; margin:0; padding:0; font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; word-break:break-all; -webkit-text-size-adjust:100%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; }
img{ width:100%; max-width:100%; height:auto; border:0; font-size:0; line-height:0; vertical-align:bottom; }
form{ margin:0; padding:0; }
p{ margin:0; padding:0; }
a, a:hover{ text-decoration:none; outline:none; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:0; line-height:0; }
ul, dl, dt, dd{ margin:0; padding:0; }
li, ol{ margin:0; padding:0; list-style:none; }
table{ border:0; border-collapse:collapse; border-spacing:0; }
caption, th{ text-align:left; }
.clear{ clear:both; margin:0; padding:0; font-size:0; line-height:0; }
sup{ font-size:60%; }
header, nav, article, aside, section, footer{ display:block; }
*{ box-sizing:border-box; }

.sp-only { display: none !important; }
.sp-only-2 { display: none !important; }
.pc-only { display: block !important; }
.pc-only-2 { display: inline-block !important; }
@media screen and (max-width: 680px) {
	.sp-only { display: block !important; }
	.sp-only-2 { display: inline-block !important; }
	.pc-only { display: none !important; }
	.pc-only-2 { display: none !important; }
}

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
@media print, screen and (max-width:330px){
  br.spMini{ display: none;}
}

html{ padding:60px 0 0; font-size: 11px; line-height: 1.7; color:#fff;}
br.tbpc,
br.pc{ display: none;}

/* header
**********************************************************************/
header{ background: #00054a; width: 100%; height: 60px; padding: 18px 20px 0; position: fixed; top: 0; left: 0; z-index:1000;}
header h1{ width: 116px; margin:7px 0 0; float: left;}
header nav{ float: right;}
header nav .openBtn{ display: block; width: 27px;}
header nav div{ width: 100%; height: 0; overflow: hidden; position: absolute; top: 60px;left: 0;}
header nav div ul{ background: rgba(0,5,74,0.9); }
header nav div ul li a{ display: block; height: 50px; padding:19px 0 0 20px; border-top:rgba(255,255,255,0.3) 1px solid;}
header nav div ul li a img{ width: auto; height: 12px; vertical-align:top;}

/* main
**********************************************************************/
main{ background: #fff; display: block; height: 204px; position: relative; clear:both; overflow: hidden; text-align: center; z-index:5;}
main ul li{ width:100%; min-width:450px; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
main ul li:nth-child(n+2){ opacity: 0;}
main > div{ width: 100%; position: absolute; top: 86px; left: 50%; -webkit-transform:translate(-50%,-0); transform:translate(-50%,0);}
main h2{ display: block; width: 139px; margin: 0 auto;}
main p{ margin:6px 0 0; font-size: 13px; font-weight: bold;}

/* content common
**********************************************************************/
section{ padding: 104px 20px 37px; margin:-60px 0 0; position: relative;}
h3{ position: relative; text-align: center; }
h3:before{ content:""; display: block; background: #fff; width: 55px; height: 1px; position: absolute; top: 27px; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
h3 img{ width: auto; height: 19px;}
h3 span{ display: block; margin:17px 0 0; font-size: 9px; font-weight: normal; line-height: 1.5; letter-spacing:2px;}

/* service
**********************************************************************/
#service{ background: #000 url(../img/service_bg_sp.jpg) no-repeat center; background-size:cover; z-index:4;}
#service h4{ margin:36px 0 0; font-size: 14px; font-weight: normal; line-height: 1.5; text-align: center;}
#service h4 span{ color: #fff89e;}
#service p{ margin:34px 0 0; color:#B8B9B9;}

/* gallery
**********************************************************************/
#gallery{ background: url(../img/gallery_bg.jpg) no-repeat center 60px; background-size:cover; padding: 104px 20px 70px; z-index:3;}
#gallery .wrap > p{ margin:34px 0 0;}
#gallery .slider{ margin: 24px -6px 0;}
#gallery .slider .sliderWrap{ padding:0 6px;}
#gallery .slider .box{ width: 48.21%; margin: 3.6% 0 0; }
#gallery .slider .box:nth-child(odd){ float: left; }
#gallery .slider .box:nth-child(even){ float: right; }
#gallery .slider .box{ background: rgba(255,255,255,0.1);}
#gallery .slider .box .imgTop{ display: block; background: rgba(255,255,255,0.1); padding:10px;}
#gallery .slider .box .imgTop p{ min-height: 33px;; margin:6px 0 0; color:#fff; line-height: 1.5;}
#gallery .slider .box a:nth-of-type(n+2){ display: none;}

.slick-prev,
.slick-next{ display: none!important;}
.slick-dots{ bottom: -40px!important;}
.slick-dots li{ width: 10px!important; height: 10px!important;}
.slick-dots li button{ background: rgba(255,255,255,0.3)!important; width: 10px!important; height: 10px!important; border-radius:5px!important; overflow: hidden; text-indent: 100%; white-space: nowrap;}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button{ background: rgba(255,255,255,1)!important;}

.lightboxOverlay{ position: fixed!important;}
.lightbox{ position: fixed!important; top: 50%!important; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}

/* about
**********************************************************************/
#about{ background: #000 url(../img/about_bg_sp.jpg) no-repeat center 60px; background-size:cover; padding:104px 20px 52px; z-index:2;}
#about div{ margin:40px 0 0;}
#about div .detail dt{ margin:14px 0 0; font-weight: bold;}
#about div .detail dt:first-of-type{ margin:0;}
#about div .detail dd ul li a{ color:#fff;}
.detail__branch { margin-top: 19px; }
#about div .map{ margin:50px 0 0;}
#about div .map dt{ margin:36px 0 0; padding:0 0 0 8px; position: relative; font-weight: bold;}
#about div .map dt:first-of-type{ margin:0;}
#about div .map dt:before{ content:""; display: block; background: #fff; width: 1px; height: 11px; position: absolute; top: 4px;left: 0;}
#about div .map dd{ margin:10px 0 0;}
#about div .map dd a{ display: block; height: 40px; margin:17px 0 0; color:#fff; line-height: 40px; text-align: center; border:#fff 1px solid;}

@media print, screen and (max-width:640px){
	#about div .detail:not(:last-of-type) { margin-bottom: 14px; }
}

/* contact
**********************************************************************/
#contact{ background: #00274f; z-index:1;}
#contact > p{ margin:36px 0 0; text-align: center;}
#contact .wrap{ margin:24px 0 0;}
#contact form dl dt{ margin:14px 0 0; font-weight: bold;}
#contact form dl dt:first-of-type{ margin:0;}
#contact form dl dd{ margin: 4px 0 0; position: relative;}
#contact form dl dd input,
#contact form dl dd textarea{ width: 100%; font-size: 11px; border:none; -webkit-appearance:none; border-radius:0;}
#contact form dl dd input{ height: 30px; padding:0 8px;}
#contact form dl dd textarea{ height: 129px; padding:8px; overflow: scroll; resize:none;}
#contact form dl dd .text{ position: absolute; top: 0; left: 8px; color: #9fa0a0; line-height: 30px; }
#contact form dl dd .placeholder{ display: none; background: #e30003; width: 44px; position: absolute; top: 6px; right: 6px; text-align: center;}
#contact form > a{ display: block; height: 46px; margin:24px 0 0; font-size: 12px; color:#fff; line-height: 46px; text-align: center; border:#fff 1px solid;}

#contact .privacy{ padding:21px 0 26px; margin:52px 0 0; border-top: #fff 1px solid; border-bottom: #fff 1px solid;}
#contact .privacy .privacyBox{ height: 150px; padding:0px 25px 0 0; position: relative; font-size: 10px; overflow: hidden; color: rgba(255,255,255,0.7);}
#contact .privacy .privacyBox h4{ margin:0 0 25px; font-size: 11px; font-weight: bold; color:#fff; line-height: 1.5;}
#contact .privacy .privacyBox dl dt{ margin:13px 0 0;}

.ps-container .ps-scrollbar-y-rail{ width:4px; background:#FFFFFF; position:absolute;  right:3px; }
.ps-container .ps-scrollbar-y{ width:4px; background:#99A0B5; position:absolute;  right:0px; }
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background:#888; }
.ps-container.ie .ps-scrollbar-y{ visibility:hidden; }
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-y { visibility: visible; }


/*formBox*/
#contactWindow{ background:rgba(91,91,91,0.6); position: fixed; top: 0; left: 0;z-index: 10000;}
#contactWindow .inner{ background: #FFF; height: 500px; width: 90%; padding:30px 20px 0; overflow: scroll; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 5px solid #EEE; /*border: 10px solid #EEE;*/ border-radius: 3px;}
#contactWindow .inner p{ text-align: center; font-size: 12px; color: #000;}
#contactWindow .inner dl { margin: 26px auto 0; border-bottom: 1px dotted #CCC;}
#contactWindow .inner dl dt,
#contactWindow .inner dl dd{ min-height:40px; padding:10px 0 0; font-size: 12px; color: #000; line-height: 1.6; border-top: 1px dotted #CCC;}
#contactWindow .inner dl dt { font-weight: bold; }
#contactWindow .inner dl dd:last-of-type{ padding:10px 0;}
#contactWindow .inner .btnBox { margin: 30px auto;}
#contactWindow .inner .btnBox ul li{ text-align: center;}
#contactWindow .inner .btnBox ul li:nth-child(even){ margin:10px 0 0;}
#contactWindow .inner .btnBox ul li a { display:block; height: 40px; font-size: 12px; color:#FFF; line-height: 40px; border-radius:4px;}
#contactWindow .inner .btnBox ul li a.back{ background:#999;}
#contactWindow .inner .btnBox ul li a.submit{ background:#CE273E;}
.thanks div{ width: 100%; padding:0 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform:translate(-50%,-50%); }
.thanks p{ text-align:center;}
.thanks a.close{ display:block; background:#999; height: 40px; margin:20px 0 0; color:#FFF; line-height: 40px; text-align:center; border-radius:4px;}

/* footer
**********************************************************************/
footer{ background: #000; height: 30px; text-align: center;}
footer p{ font-size: 9px; color:#fff; line-height: 30px;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
  html{ padding:70px 0 0; font-size: 15px;}
  br.sp{ display: none;}
  br.tbpc{ display: block;}
  
  /* header
  **********************************************************************/
  header{ height: 70px; padding: 18px 20px 0; }
  header h1{ width: 170px; margin:10px 0 0; }
  header nav .openBtn{ width: 34px;}
  header nav div{ top: 70px;}
  header nav div ul li a{ height: 60px; padding:24px 0 0 20px;}
  header nav div ul li a img{ height: 14px;}
  
  /* main
  **********************************************************************/
  main{ height: 330px; }
  main div{ top: 140px; }
  main div h2{ width: 220px; }
  main div p{ margin:10px 0 0; font-size: 16px;}
  
  /* content common
  **********************************************************************/
  section{ padding: 144px 20px 70px; margin:-70px 0 0;}
  h3:before{ top: 36px; }
  h3 img{ height: 24px;}
  h3 span{ margin:22px 0 0; font-size: 12px; letter-spacing:4px;}
  
  /* service
  **********************************************************************/
  #service{ background:url(../img/service_bg.jpg) no-repeat center 20px; background-size:cover; }
  #service h4{ margin:50px 0 0; font-size: 20px; }
  #service p{ margin:50px 0 0; text-align: center;}
  
  /* gallery
  **********************************************************************/
  #gallery{ background: url(../img/gallery_bg.jpg) no-repeat center 70px; background-size:cover; padding: 144px 20px 110px;}
  #gallery .wrap > p{ margin:46px 0 0; text-align: center; }
  #gallery .slider{ margin: 34px -10px 0; }
  #gallery .slider .sliderWrap{ padding: 0 10px;}
  #gallery .slider .box .imgTop{ padding:20px; }
  #gallery .slider .box .imgTop p{ min-height: 42px;; margin:10px 0 0; line-height: 1.4;}
  
  .slick-dots{ bottom: -60px!important;}
  .slick-dots li{ width: 16px!important; height: 16px!important; margin:0 7px!important;}
  .slick-dots li button{ width: 16px!important; height: 16px!important; border-radius:8px!important;}
  
  /* about
  **********************************************************************/
  #about{ background: #000 url(../img/about_bg_sp.jpg) no-repeat center 70px; background-size:cover; padding:144px 20px 70px;}
  #about div{ margin:52px 0 0;}
	#about div.detail-wrap { display: flex; justify-content: space-between; }
	#about div .detail { width: calc(50% - 20px); }
  #about div .detail dt{ margin:20px 0 0; }
	/*
  #about div .map{ margin:62px 0 0;}
  #about div .map dt{ margin:46px 0 0; padding:0 0 0 12px; }
  #about div .map dt:before{ height: 16px; top: 5px;}
  #about div .map dd{ margin:20px 0 0;}
  #about div .map dd iframe{ height: 240px;}
  #about div .map dd a{ height: 50px; margin:20px 0 0; line-height: 50px; }
  */
	
  /* contact
  **********************************************************************/
  #contact > p{ margin:42px 0 0; }
  #contact .wrap{ margin:44px 0 0;}
  #contact form dl{ overflow: hidden;}
  #contact form dl dt{ width: 24%; height: 36px; margin:20px 0 0; float: left; line-height: 36px;}
  #contact form dl dd{ width: 76%; margin: 20px 0 0; float: right;}
  #contact form dl dd:first-of-type{ margin:0;}
  #contact form dl dd input,
  #contact form dl dd textarea{ font-size: 15px;}
  #contact form dl dd input{ height: 36px; padding:0 10px;}
  #contact form dl dd textarea{ height: 210px; padding:12px 10px;}
  #contact form dl dd .text{ left: 10px; line-height: 36px;}
  #contact form dl dd .placeholder{ width: 40px; height: 24px; right: 10px; font-size: 12px; line-height: 24px;}
  #contact form > a{ height: 50px; margin:30px 0 0; font-size: 15px; line-height: 50px; }
  
  #contact .privacy{ padding:34px 0 26px; margin:62px 0 0; }
  #contact .privacy .privacyBox{ padding:0px 34px 0 0; font-size: 12px; }
  #contact .privacy .privacyBox h4{ margin:0 0 30px; font-size: 13px; }
  #contact .privacy .privacyBox dl dt{ margin:18px 0 0;}
  
  /*formBox*/
  #contactWindow .inner{ height: 700px; padding:50px 40px 0; border: 7px solid #EEE;}
  #contactWindow .inner p{ font-size: 14px; }
  #contactWindow .inner dl { margin: 40px auto 0; }
  #contactWindow .inner dl dt,
  #contactWindow .inner dl dd{ min-height:50px; padding:14px 0 0; font-size: 14px; }
  #contactWindow .inner dl dd:last-of-type{ padding:14px 0;}
  #contactWindow .inner .btnBox { display:table; width: 330px; margin: 50px auto;}
  #contactWindow .inner .btnBox ul li:nth-child(odd){ float: left;}
  #contactWindow .inner .btnBox ul li:nth-child(even){ margin:0 0 0 30px; float: right;}
  #contactWindow .inner .btnBox ul li a{ width: 150px; font-size: 14px; }
  .thanks div{ padding:0; }
  .thanks a.close{ width: 150px; margin:40px auto 0; font-size: 14px;}

  
  /* footer
  **********************************************************************/
  footer{ height: 46px; }
  footer p{ font-size: 11px; line-height: 46px;}
}


@media print, screen and (min-width:700px){
  /* gallery
  **********************************************************************/
  #gallery .slider { margin:0 -18px;}
  #gallery .slider .sliderWrap{ padding:0 18px;}
  #gallery .slider .box{ width: 30.63%; margin:4% 0 0; }
  #gallery .slider .box:nth-child(even){ float: left; }
  #gallery .slider .box:nth-child(n+5){ display: block;}
  #gallery .slider .box:nth-child(3n+2){ margin: 4% 4.05% 0 ;}
  #gallery .slider .box .imgTop{ padding:16px;}
  
   /* about
  **********************************************************************/
  #about div{ overflow: hidden; }
	/*
  #about div .detail{ width: 52%; float: left; }
  #about div .map{ width: 43.13%; float: right; margin:0; }
	*/
}


@media print, screen and (min-width:780px){
  
  /* contact
  **********************************************************************/
  #contactWindow .inner{ width: 750px; padding:50px 0 0; border: 10px solid #EEE;}
  #contactWindow .inner p{ font-size: 15px; }
  #contactWindow .inner dl { width: 550px; overflow: hidden; }
  #contactWindow .inner dl dt,
  #contactWindow .inner dl dd{ float: left; font-size: 15px; }
  #contactWindow .inner dl dt { width: 155px; padding: 11px 0 0 10px; }
  #contactWindow .inner dl dd { width: 395px; padding: 11px 10px 0 0;}
  #contactWindow .inner dl dd:last-of-type{ padding: 11px 10px 11px 0; }
  .thanks a.close{ margin:50px auto 0;}
}


@media print, screen and (min-width:880px){
  /* contact
  **********************************************************************/
  #contact form{ width: 47.29%; float: left;}
  #contact .wrap{ margin:50px auto 0; overflow: hidden;}
  #contact form dl dt{ width: 34.80%; margin:30px 0 0; }
  #contact form dl dd{ width: 65.2%; margin: 30px 0 0;}
  #contact form dl dd textarea{ padding:10px;}
  #contact form > a{ width: 65.2%; margin: 26px 0 0 34.80%;}
  
  #contact .privacy{ width: 45.83%; padding:34px 0 38px; margin:0; float: right; }
  #contact .privacy .privacyBox{ height: 486px; padding:0px 34px 0 0; font-size: 14px; }
  #contact .privacy .privacyBox h4{ font-size: 15px; }
  #contact .privacy .privacyBox dl dt{ margin:18px 0 0;}
  
}


/*************************************************************************************************************************
* 1024px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:1024px){
  html{ padding:100px 0 0; font-size: 18px; line-height: 2;}
  .wrap{ width: 960px; margin: 0 auto;}
  br.pc{ display: block;}
  
  /* header
  **********************************************************************/
  header{ height: 100px; padding: 0; }
  header h1{ width: 232px; margin:40px 0 0; }
  header nav{ margin:0 -18px 0 0;}
  header nav .openBtn{ display: none;}
  header nav div{ height:auto; position:static;}
  header nav div ul{ background: none;}
  header nav div ul li{ float: left; }
  header nav div ul li a{ height: 100px; padding:44px 18px 0; border-top:none; transition: background-color 0.3s ease-in-out 0s;}
  header nav div ul li a img{ vertical-align:top;}
  
  header nav div ul li a:hover{ background: rgba(0,0,0,0.5); }
  
  /* main
  **********************************************************************/
  main{ height: 520px; }
  main div{ top: 224px; }
  main div h2{ width: 338px; }
  main div p{ margin:16px 0 0; font-size: 22px; letter-spacing:2px;}
  
  /* content common
  **********************************************************************/
  section{ padding: 200px 0 122px; margin:-100px 0 0;}
  h3:before{ width: 80px; height: 2px; top: 56px; }
  h3 img{ height: 34px;}
  h3 span{ margin:40px 0 0; font-size: 16px; letter-spacing:6px;}
  
  /* service
  **********************************************************************/
  #service{ background:url(../img/service_bg.jpg) no-repeat center 100px; background-size:cover; }
  #service h4{ margin:66px 0 0; font-size: 28px; }
  #service p{ margin:54px 0 0; font-size: 18px; color:#fff;}
  
  /* gallery
  **********************************************************************/
  #gallery{ background: url(../img/gallery_bg.jpg) no-repeat center 100px; background-size:cover; padding: 200px 0 210px;}
  #gallery .wrap{ width: 1000px;}
  #gallery .wrap > p{ margin:60px 0 0; }
  #gallery .slider{ margin: 16px 0 0; }
  #gallery .slider .sliderWrap{ padding: 0 20px; }
  #gallery .slider .box:nth-child(3n+2){ margin: 4% 4.05% 0 ;}
  #gallery .slider .box .imgTop{ padding:20px 20px 24px; transition: background-color 0.3s ease-in-out 0s;}
  #gallery .slider .box .imgTop:hover{ background: rgba(255,255,255,0.2);}
  #gallery .slider .box .imgTop p{ min-height: 44px;; margin:18px 0 0; line-height: 1.2; }
  
  .slick-prev,
  .slick-next{ display: block!important; width: 36px!important; height: 90px!important;}
  .slick-prev{ background: url(../img/gallery_arrow02.png) no-repeat!important; left: -60px!important;}
  .slick-next{ background: url(../img/gallery_arrow01.png) no-repeat!important; right: -60px!important;}
  .slick-prev:before,
  .slick-next:before{ content:""!important; }
  
  .slick-dots{ bottom: -113px!important; line-height: 1;}
  .slick-dots li{ width: 20px!important; height: 20px!important; margin:0 10px!important;}
  .slick-dots li button{ width: 20px!important; height: 20px!important; border-radius:10px!important;}
  
  
  /* about
  **********************************************************************/
  #about{ background: #000 url(../img/about_bg.jpg) no-repeat center 100px; background-size:cover; padding: 200px 0 78px;}
  #about div{ width: 960px; margin: 98px auto 0; font-size: 16px; }
	#about div .detail{ line-height: 1.6;}/*width:54%; */
  #about div .detail dt{ width: 19.2%; margin:50px 0 0; float: left; clear:both; }
  #about div .detail dd{ width: 80.8%; margin: 50px 0 0; float: left;}
  #about div .detail dd:first-of-type{ margin:0;}
  #about div .detail dd a{ transition: opacity 0.3s ease-in-out 0s;}
  #about div .detail dd a:hover{ opacity:0.6;}
  #about div .map dt{ margin:50px 0 0; line-height: 1.6;}
  #about div .map dt:before{ height: 16px; top: 6px;}
  #about div .map dd{ margin:15px 0 0;}
  #about div .map dd a{ height: 56px; font-size: 18px; line-height: 56px; transition: background-color 0.3s ease-in-out 0s; }
  #about div .map dd a:hover{ background: #fff; color:#000;}
  
  /* contact
  **********************************************************************/
  #contact > p{ margin: 52px 0 0; }
  #contact .wrap{ margin:64px auto 0;}
  #contact form{ font-size: 16px;}
  #contact form dl dd input,
  #contact form dl dd textarea{ font-size: 16px;}
  #contact form > a{ font-size: 16px; transition: background-color 0.3s ease-in-out 0s;}
  #contact form > a:hover{ background: #fff; color:#000;}
  #contact .privacy .privacyBox{ color:#fff;}
  #contact .privacy .privacyBox h4{ margin:0 0 38px; font-size: 16px; }
  
  /*formBox*/
  #contactWindow .inner{ height: 540px;}
  #contactWindow .inner .btnBox ul li a{ transition: background-color 0.3s ease-in-out 0s;}
  #contactWindow .inner .btnBox ul li a.back:hover{ background: #787777;}
  #contactWindow .inner .btnBox ul li a.submit:hover{ background:#b82539;}
  .thanks a.close{ transition: background-color 0.3s ease-in-out 0s;}
  .thanks a.close:hover{ background: #787777;}
  
  /* footer
  **********************************************************************/
  footer{ height: 66px;}
  footer p{ font-size: 16px; line-height: 66px;}

}


@media print, screen and (min-width:1200px){
  /* main
  **********************************************************************/
  main{ height: 618px; }
  main div{ top: 280px; }
}