@charset "utf-8";

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


/* structure
----------------------------------------------------------------------*/
body { font-size: 64.5%; }


/*--------------------------------------------------*/
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

/*--------------------------------------------------*/

header .tx_header {
    width: 100%;
    color: #FFF;
    background-color: #646464;
    padding: 9px 55px 9px 10px ;
    margin-bottom: 20px;
}
    
header .tx_header p {
    font-size: 120%;
}


header dl {
	width: 90%;
    margin: 0 auto 18px auto;
}

header dl dt {
	width: 100%;
    margin-bottom: 20px;
    float: none;
}

header dl dd {
	width: 100%;
    float: none;
}

header dl dd .tx_tcontact {
    width: 288px;
    background-color: #F4E227;
    border-radius: 3px;
    margin: 0 auto 15px auto;
    padding: 10px 45px;
}
    
header dl dd .tx_tcontact p{
    color: #000;
    font-size: 130%;
    font-weight: 500;
    text-align: center;
    line-height: 1.3em;
}

header dl dd ul.top_carea { width: 288px; margin: 0 auto 20px auto; }

header dl dd ul.top_carea li.left_tcontact {
    width: 43px;
    height: 42px;
	background: url(../images/header/tel.png) left top no-repeat;
    background-size: cover;
    margin: 0 11px 10px 0;
    float: left;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;	
}

header dl dd ul.top_carea li.center_tcontact {
    width: 234px;
    margin: 0 0 10px 0;
    float: left;
}

header dl dd ul.top_carea li.center_tcontact p.toptel {
    width: auto;
    height: auto;
    font-size: 320%;
	font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    color: #509B60;
    margin-bottom: 3px;
    line-height: 0.8em;
}
    
header dl dd ul.top_carea li.center_tcontact p.time {
    width: auto;
    height: auto;
    font-size: 130%;
    color: #000;
    line-height: 1em;
}


header dl dd ul.top_carea li.right_tcontact {
    width: 252px;
    margin: 0 auto;
    float: none;
    clear: left;
}


/*--------------------------------------------------*/



#column { width: 100%; padding-bottom: 50px; }


/* \ */
* html #column {
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------*/

	
footer {
	width: 100%;
	color: #000;
    background-color: #EEF5EF;
	clear: both;
}


footer dl {
	width: 90%;
	margin: 0 auto;
    padding: 16px 0 22px 0;
}

footer dl dt {
	width: 100%;
    margin: 0 auto 20px auto;
	float: none;
}

footer dl dd {
	width: 100%;
	height: 0;
	float: none;
    position: relative;
	padding-bottom: 60%; /*これが縦横比*/
	overflow: hidden;
    clear: left;
}
    
footer dl dd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

footer dl dt p {
	font-size: 120%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-weight: 400;
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 5px;
}
    
footer dl dt p.sp_letter {
    line-height: 1.7em;
	letter-spacing: 0.01em;
}

footer dl dt p.tel_footer {
    color: #509B60 ;
	font-size: 340%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    line-height: 1.0em;
    margin-bottom: 0;
}

footer dl dt p.tel_footer span{
    font-size: 80%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
}

footer dl dt .btn_footer {
    width: 100%;
    margin-top: 8px;
}

footer dl dt p.numbersp {
    display: inherit;
    font-size: 110%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
    text-align: center;
}
    
footer dl dt ul.flogoarea { width: 90%; margin: 0 auto 12px auto; }
footer dl dt ul.flogoarea li { float: none; }

footer dl dt ul.flogoarea li.logo {
    width: 19.74%;
    margin-right: 2.56%;
    float: left;
}

footer dl dt ul.flogoarea li.txt_logo {
    width: 77.7%;
    margin-top: 2px;
    float: left;
}

footer dl dt ul.flogoarea li.txt_logo p{
    display: none;
}



footer dl dt ul.flogoarea li.txt_logo h2{
    width: 100%;
    height: 0;
    background: url(../images/footer/jp.png) left top no-repeat;
    background-size: cover;
    margin-top: 10px;
    padding-bottom: 14.58%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;	
}


.credit {
	width: 100%;
    color: #FFF;
	font-size: 100%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-weight: 400;
	background-color: #509B60;
	text-align: center;
    padding: 12px 0;
	class: both;
}

@media print {
/*\*/
.credit { position: relative; }
/**/
}


/* Global Navi
----------------------------------------------------*/
nav.pc { display: none; }
.sp { display: inherit; }

nav.drawer-nav {
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    color: #FFF;
    background-color: #509B60;
}
    
.drawer-brand {
    font-size: 240%;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    color: #FFF; 
}

.drawer-menu-item {
    font-size: 160%;
    color: #FFF; 
    border-bottom: 1px solid #C8C8C8;
}

.drawer-menu-item:hover {
    text-decoration: none;
    color: #509B60;
    background-color: #F4E227;
}

.drawer-hamburger {
    background-color: #509B60;
    padding: 15px 10px 24px 10px;
}

.drawer-hamburger:hover {
    background-color: #509B60;
}

.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    background-color: #FFF;
}

.drawer--right.drawer-open .drawer-hamburger {
    background-color: transparent;
}

/* カラム共通
----------------------------------------------------*/

/* imgトリミング設定 */


img.object-fit-img {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}


/* タイトル画像設定 */

.tl_photo{
    position: relative;
    width: 100%;
    min-width: 0;
    height: 200px;
    clear: both;
}
    
body#home .tl_photo{
    background: url(../images/top/tl_photo.jpg) center top no-repeat;
	background-size: cover;
    margin-bottom: 65px;
}

body#about .tl_photo{
    background: url(../images/about/tl_photo_sp.jpg) center center no-repeat;
	background-size: cover;
    margin-bottom: 0;
}

body#news .tl_photo{
    background: url(../images/news/tl_photo_sp.jpg) center center no-repeat;
	background-size: cover;
    margin-bottom: 35px;
}

body#contact .tl_photo{
    background: url(../images/contact/tl_photo_sp.jpg) center center no-repeat;
	background-size: cover;
    margin-bottom: 0;
}


/* DIN2014 見出し設定 */

h2.din{
    font-size: 330%;
    color: #509B60;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.0em;
}

h2.din span{
    font-size: 42%;
    color: #646464;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; 
    font-weight: 600;
    letter-spacing: 0.4em;
    vertical-align: middle;
}


body#about h2.din{
    width: 100%;
    background: url(../images/about/bg_title.gif) left center no-repeat;
	background-size: cover;
    font-size: 330%;
    color: #509B60;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    padding: 15px;
}


/* 見出しゴシック設定 */

h3.midashi{
    font-size: 240%;
    color: #509B60;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4em;
}

h3.midashi2{
    font-size: 240%;
    color: #509B60;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 50px 0 20px 0;
    line-height: 1.4em;
}


/* 背景緑設定 */

.bg_green{
    width: 100%;
    background-color: #509B60;
    padding: 40px 0;
}

body#contact .bg_green{ margin-bottom: 60px; }




/* トップ
----------------------------------------------------*/
body#home #column .tl_photo h2 {
    position: absolute;
    top: 5%;
    left: 50%;
    transform : translateX(-50%);
    width: 80%;
    height: 0;
    background: url(../images/top/tl_top.png) left top no-repeat;
	background-size: cover;
    padding-bottom: 18%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#home #column .newsarea {
    width: 90%;
    margin: 0 auto 35px auto;
    clear: both;
}

body#home #column .newsarea ul.newsbox {
    width: 100%;
    background: url(../images/top/line.gif) left bottom no-repeat;
	background-size: 800px 3px;
    margin-bottom: 25px;
    clear: left;
}

body#home #column .newsarea ul.newsbox li.day {
    width: 100%;
    color: #509B60;
    font-size: 160%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    padding: 0 0 0 6px ;
    margin-bottom: 5px;
    line-height: 1em;
    float: none;
}

body#home #column .newsarea ul.newsbox li.tx_news {
    width: 100%;
    font-size: 150%;
    padding: 0 0 15px 6px ;
    line-height: 1.6em;
    float: none;
}

body#home #column .newsarea ul.newsbox a li.tx_news:hover {
    text-decoration: underline;
}

body#home #column .newsbtnarea{
    width: 100%;
    margin: 0 auto 50px auto;
    clear: both;
}

body#home #column .newsbtnarea a{
    display: block;
    width: 240px;
    height: 48px;
    color: #FFF;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-size: 190%;
    background-color: #646464;
    text-align: center;
    margin: 0 auto;
    padding: 14px 0;
    transition: background 0.5s;
}

body#home #column .newsbtnarea a:hover{
    background-color: #F7931E;
}

body#home #column .hakenarea{
    width: 90%;
    border: 2px solid #509B60;
    border-radius: 3px;
    margin: 0 auto;
    padding: 8px;
}

body#home #column .hakenarea h3{
    width: 100%;
    height: 0;
    background: url(../images/top/tl_haken_sp.jpg) left top no-repeat;
	background-size: cover;
    margin-bottom: 8px;
    padding-bottom: 17.04%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#home #column .hakenarea ul{ width: 97%; margin: 0 auto; }

body#home #column .hakenarea ul li{
    width: 100%;
    margin: 0 0 12px 0;
    float: none;
}

body#home #column .hakenarea ul li.last { margin: 0 0 4px 0; }



/* 会社案内＆業務内容
----------------------------------------------------*/

body#about .tl_photo h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform : translateX(-50%) translateY(-50%);
    width: 70%;
    height: 0;
    background: url(../images/about/tl_about.png) left center no-repeat;
	background-size: contain;
    margin: 0 auto;
    padding-bottom: 16%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#about .greetingarea{ width: 90%; margin: 0 auto; }

body#about .greetingarea h2.din_w{
    font-size: 270%;
    color: #FFF;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    margin: 0 0 15px 0;
}

body#about .greetingarea h2.din_w span{
    font-size: 42%;
    color: #FFF;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; 
    font-weight: 600;
    letter-spacing: 0.1em;
    vertical-align: middle;
}

body#about .greetingarea p.greeting{
    font-size: 130%;
    color: #FFF;
    line-height: 1.9em;
    margin-bottom: 25px;
}

body#about .greetingarea p.ceoname{
    font-size: 150%;
    color: #FFF;
    font-family: dnp-shuei-ymincho-std, sans-serif;
    font-weight: 600;
    vertical-align: middle;
}

body#about .greetingarea p.ceoname span{
    font-size: 76.47%;
    color: #FFF;
    font-family: dnp-shuei-ymincho-std, sans-serif;
    font-weight: 500;
    vertical-align: middle;
}

body#about ul.companyinfo{
    width: 90%;
    margin: 0 auto 15px auto;
}

body#about ul.companyinfo li.tl_company{
    width: 100%;
    color: #509B60;
    font-size: 160%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; 
    border-bottom: none;
    margin: 0 auto 10px auto;
    padding: 0 0 0 6px;
    float: none;
    clear: none;
}

body#about ul.companyinfo li.tx_company{
    width: 100%;
    font-size: 150%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    background: url(../images/top/line.gif) left bottom no-repeat;
	background-size: 800px 3px;
    border-bottom: none;
    margin: 0 auto 25px auto;
    padding: 0 0 15px 6px;
    float: left;
}
    
body#about ul.companyinfo li.sp{
    display: inherit;
}
    
body#about ul.companyinfo li.pc{
    display: none;
}

body#about .pdfarea{
    width: 90%;
    margin: 0 auto 50px auto;
    clear: left;
}

body#about .pdfarea p{
    width: 90%;
    height: 32px;
    font-size: 150%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; 
    text-decoration: underline;
    background: url(../images/about/PDF_32.png) left top no-repeat;
    padding: 9px 0 0 40px;
    margin-bottom: 20px;
}

body#about .pdfarea a:hover{
    color: #509B60;
}

body#about ul.businessarea{
    width: 90%;
    margin: 0 auto 30px auto;
}

body#about ul.businessarea li{
    width: 271px;
    height: 37px;
    font-size: 170%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; 
    letter-spacing: 0.01em;
    background: url(../images/about/tl_line.gif) left top no-repeat;
    background-size: cover;
    margin: 0 auto 20px auto;
    padding: 0 0 0 25px;
    float: none;
}


body#about ul.businessarea li:nth-child(3n){
    margin: 0 auto 20px auto;
}

body#about p.tekiyougai{
    width: 90%;
    font-size: 150%;
    font-weight: 500;
    background-color: #E6E6E6;
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto 60px auto;
    padding: 15px;
    clear: left;
}

body#about dl.advantagesarea{
    width: 90%;
    margin: 0 auto 50px auto;
}

body#about dl.advantagesarea dt{
    position: relative;
    width: 100%;
    height: 150px;
    float: none;
}

body#about dl.advantagesarea dt h4{
    position: absolute;
    left: 5%;
    width: 90%;
    height: 34px;
    color: #FFF;
    font-size: 180%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    text-align: center;
    background-color: #C1272D;
    padding: 8px 0;
    z-index: 2;
}

body#about dl.advantagesarea dt p{
    position: absolute;
    width: 100%;
    height: auto;
    font-size: 150%;
    line-height: 1.5em;
    background-color: #E6E6E6;
    margin-top: 20px; 
    padding: 25px 15px 15px 15px;
    z-index: 1;
}

body#about dl.advantagesarea dd{
    width: 100%;
    font-size: 150%;
    line-height: 1.6em;
    margin-top: 15px;
    float: none;
}

body#about dl.structure {
    width: 90%;
    font-size: 150%;
    line-height: 1.6em;
    margin: 0 auto;
}
    
body#about dl.structure dt {
    margin-bottom: 40px;
}

body#about dl.structure dt { width: 100%; float: none; }
body#about dl.structure dt .illust1{ margin-bottom: 30px; }

body#about dl.structure dd { width: 100%; float: none; }
body#about dl.structure dd .illust2{ width: 91%; margin: 0 auto 30px auto; }



/* 最新情報
----------------------------------------------------*/

body#news .tl_photo h2{
    position: absolute;
    top: 50%;
    transform : translateX(-50%) translateY(-50%);
    left: 50%;
    right: 0;
    width: 57%;
    height: 0;
    background: url(../images/news/tl_news.png) left center no-repeat;
	background-size: cover;
    padding-bottom: 16%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#news dl.n_area{
    width: 90%;
    margin: 0 auto;
}

body#news dl.n_area dt{
    width: 100%;
    margin-bottom: 60px;
    float: none;
}

body#news dl.n_area dt .n_box{
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #C8C8C8;
}

body#news dl.n_area dd{
    width: 100%;
    float: none;
}

body#news dl.n_area dt ul.n_tlarea{
    width: 100%;
    min-height: 0;
    background: url(../images/news/line.gif) left bottom no-repeat;
	background-size: 700px 3px;
    margin-bottom: 24px;
    padding: 0 10px 20px 10px;
}

body#news dl.n_area dt ul.n_tlarea li.day{
    width: 100%;
    height: 16px;
    color: #268B58;
    font-size: 160%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    float: none;
}

body#news dl.n_area dt ul.n_tlarea li.category{
    width: 100%;
    height: 16px;
    font-size: 140%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    margin-bottom: 15px;
    float: none;
}

body#news dl.n_area dt ul.n_tlarea li.category a{
    text-decoration: underline;
}

body#news dl.n_area dt ul.n_tlarea li.category a:hover{
    color: #268B58;
}

body#news dl.n_area dt ul.n_tlarea li.n_tl{
    width: 100%;
    font-size: 180%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    line-height: 1.3em;
    clear: left;
}

body#news dl.n_area dt .n_txarea{
    width: 100%;
    padding: 0 5px;
}

body#news dl.n_area dt .n_txarea p{
    font-size: 140%;
    line-height: 1.7em;
    margin-bottom: 20px;
}

body#news dl.n_area dt .n_txarea a{ text-decoration: underline; }

body#news dl.n_area dt .n_txarea a:hover{
    color: #268B58;
}

body#news dl.n_area dd h3.tl_cate{
    width: 100%;
    height: 0;
    background: url(../images/news/tl_category.png) left top no-repeat;
	background-size: cover;
    margin-bottom: 17px;
    padding-bottom: 18.11%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#news dl.n_area dd ul{
    width: 95%;
    margin: 0 auto;
}

body#news dl.n_area dd ul li{
    width: 100%;
    font-size: 15px;
    border-bottom: 3px solid #C8C8C8;
    margin-bottom: 15px;
    padding: 0 5px 15px 7px;   
}

body#news dl.n_area dd ul li a:hover{ color: #268B58; }

body#news .imgarea {
    text-align: center;
}

body#news .imgarea .newsphoto_height {
    width: 70%;
}

/* 最新情報一覧 */

body#news #column .newsarea {
    width: 100%;
    margin: 0 auto 35px auto;
}

body#news #column .newsarea ul.newsbox {
    width: 100%;
    background: url(../images/news/line.gif) left bottom no-repeat;
	background-size: 700px 3px;
    margin-bottom: 25px;
    clear: left;
}

body#news #column .newsarea ul.newsbox li.day {
    width: 100%;
    color: #509B60;
    font-size: 160%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    padding: 0 0 5px 6px ;
    line-height: 1.0em;
    float: none;
}

body#news #column .newsarea ul.newsbox li.tx_news {
    width: 100%;
    font-size: 150%;
    padding: 0 0 15px 6px ;
    line-height: 1.6em;
    float: none;
}

body#news #column .newsarea ul.newsbox a li.tx_news:hover {
    text-decoration: underline;
}




/* お問い合わせ
----------------------------------------------------*/

body#contact .tl_photo h2{
    position: absolute;
    top: 50%;
    transform : translateX(-50%) translateY(-50%);
    left: 50%;
    right: 0;
    width: 60%;
    height: 0;
    background: url(../images/contact/tl_contact.png) left center no-repeat;
	background-size: cover;
    padding-bottom: 16%;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#contact h3.midashi_w {
    color: #FFF;
    font-size: 200%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 20px;
}

body#contact p.tx_telfax {
    width: 90%;
    color: #FFF;
    font-size: 130%;
    text-align: center;
    line-height: 1.4em;
    margin: 0 auto 30px auto;
}

body#contact dl.tfarea {
    width: 90%;
    margin: 0 auto;
}

body#contact dl.tfarea dt {
    width: 100%;
    height: auto;
    background-color: #FFF;
    border-radius: 5px;
    margin: 0 0 30px 0 ;
    float: none;
}

body#contact dl.tfarea dd {
    width: 100%;
    height: auto;
    background-color: #FFF;
    border-radius: 5px;
    margin-right: 0;
    float: none;
}

body#contact ul.tfbox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 10px 10px 10px ;
}

body#contact ul.tfbox li.leftarea {
    width: 75px;
    height: 38px;
    color: #FFF;
    font-size: 300%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    background-color: #646464;
    border-radius: 0 0 5px 5px;
    text-align: center;
    margin: 0 auto 15px auto;
    padding: 10px 0;
    float: none;
}
    
body#contact ul.tfbox li.rightarea {
    width: 100%;
    height: auto;
    color: #509B60;
    font-size: 400%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 11px;
    float: none;
}
    
body#contact ul.tfbox li.rightarea a { color: #509B60;}

body#contact ul.tfbox li.time {
    width: 100%;
    color: #000;
    font-size: 140%;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    clear: both;
}

body#contact p.tx_contact {
    width: 90%;
    font-size: 140%;
    line-height: 1.7em;
    text-align: center;
    margin: 0 auto 30px auto;
}

body#contact p.tx_contact a { text-decoration: underline; }
body#contact p.tx_contact a:hover { color: #268B58; }

body#contact ul.formarea {
    width: 90%;
    margin: 0 auto 50px auto;
}

body#contact ul.formarea li.txt_form {
    width: 100%;
    min-height: 0;
    font-size: 150%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    float: none;
    clear: none;
}

body#contact ul.formarea li.formspace {
    width: 100%;
    min-height: 30px;
    font-size: 150%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin-bottom: 10px;
    float: none;
}

body#contact h4.tl_privacy {
    font-size: 160%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    text-align: center;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    clear: left;
}

body#contact p.tx_privacy {
    width: 90%;
    font-size: 140%;
    text-align: center;
    margin: 0 auto 20px auto;
}


body#contact p.praivacybox {
    width: 90%;
    height: 200px;
    font-size: 130%;
    border: 1px solid #808284;
    margin: 0 auto 25px auto;
    padding: 20px 20px 20px 30px;
    overflow: scroll;
}

body#contact p.praivacybox span { font-weight: 500; }

body#contact p.tx_check {
    font-size: 140%;
    text-align: center;
    margin-bottom: 25px;
}

body#contact p.tx_check input {
    width: 17px;
    height: 17px;
}

body#contact .btnarea {
    width: 90%;
    margin: 0 auto 50px auto;
}

body#contact ul.formarea li.formspace input {
    width: 90%;
}

body#contact ul.formarea li.formspace textarea {
    width: 90%;
}

body#contact ul.formarea li.formspace.halfwidth input {
    margin-bottom: 22px;
}

body#contact ul.formarea li.formspace.halfwidth::before {
    margin-top: 22px;
}

}