@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  サイト全体共通css
=================================================================== */



/*----------------------------------------------------------------------------------
				body、リンク色設定 
------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	/*font-family : "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

/*html,body{
	height: 100%;
}*/




/*----- for SEO text -----*/
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.hidden {
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
	display:none;
}



/*----- for SEO text -----*/

ul {
	margin: 0;
	padding-left: 0;
}

li {
	list-style: none;
}

#wrap {
	padding:0; 
	margin:0;
}

h1 {
  display: block;
  margin: 0.67em 0;
  font-size: 2em;
  font-weight: bold;
  page-break-after: avoid; /* IEのみ */
}



/*--Logo--*/
.logo-image{
	position:relative !important;
	display:block;
	margin:20px auto;
	width:200px;
	/*z-index:99999999;*/
}
.logo-image img{width:200px;height:auto;}

/*.logo-image img {width:240px;height:auto;}
.logo-img {margin:0 auto;text-align:center;}*/



/*----- page setBox height controll -----*/

.setBoxFit {/*page Top images height 100% Fit */
	padding:0; 
	margin:0;
	width: 100%;
	height: 100vh;
}

.setBoxWFit {/*page Top images height 100% Fit */
	padding:0; 
	margin:0;
	width: 100%;
	height: auto;
}


/* 基本リンク色 */
a {
  color:#222;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}


/* text */

.fs13{ font-size:13px;}
.fs15{ font-size:15px;}
.fs18{ font-size:18px;}



.red { color:#CC0000; }
.blue { color:#66ccff; }
.pink { color:#ff9999; }
.purple { color:#9966ff; }

.bold { font-weight:bold; }

.testCenter { text-align: center;}
.textLeft { text-align: left;}




/*------- clear
---------------------------------------------------------------*/

.clearFix:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  clear:both;
}

.clearFix{
  min-height: 1px;
  *zoom: 1;
}

* html .clearFix{
  height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

.clearboth {
  clear: both;
}





/*------- backtotop
---------------------------------------------------------------*/

.backtotop {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 9000;
    display: none;
	border:solid 1px #999;
}    

.backtotop a {
    display: block;
    margin: 0;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE7対応 */
    -ms-filter: "alpha(opacity=50)"; /* IE8対応 */
}

.backtotop a:hover {
    background: #000000;
    opacity: 1;
    filter: alpha(opacity=100); /* IE7対応 */
    -ms-filter: "alpha(opacity=100)"; /* IE8対応 */
    color: #FFFFFF;
}

@media screen and (max-width:765px) {
	
.backtotop {
    right: 10px;
    bottom: 20px;
}
.footerBox li { display: block; line-height:200%; margin-right:0;}
	
}
/*-----------------*/


/* --------------------------------------------------------
	見出しTitle
-------------------------------------------------------- */
.title {
  overflow: hidden;
  text-align: center;
  line-height:1.5em;
  padding: 0 10px;
  font-size: 1.8em;
  margin: 0.5em 0 0;
  font-weight: bolder;
}
.title span {
  position: relative;
  display: inline-block;
  margin: 0 2.1em;
  padding: 0 5px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  letter-spacing: 0.05em;
}
.title span::before,
.title span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 130px;/*35%*/
  height: 3px;
  background-color: #000;
}
.title span::before {
  right: 100%;
}
.title span::after {
  left: 100%;
}

/*----- category Title -----*/
.categoryTitle { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}


/*----- Bar Title -----*/
.barTitle { padding:4px 5px 4px 12px; border-left: 6px solid #257fbb; font-size:24px;}
.indentLeft { padding:1em 0 0 1em; line-height:200%;}
.barTitleList li { display: inline; margin-right:10px}

.textTop { font-size:14px; line-height:200%;}
.titleSubText { }

@media only screen and (max-width: 765px) {
	.indentLeft { font-size:15px}
	.titleSubText { text-align:left;}
	.barTitleList li { display: block; margin-right:0px}
}
/* --------------------------------------------------------
	見出しTitle
-------------------------------------------------------- */




/*----------------------------------------------------------------------------------
				page setting
------------------------------------------------------------------------------------*/


/*------- common
---------------------------------------------------------------*/


/*----- spacer -----*/
.padTop0     { padding-top:0px;}
.padBottom0  { padding-bottom:0px;}
.padTop10    { padding-top:10px;}
.padTop30    { padding-top:30px;}
.padTop50    { padding-top:50px;}
.padTop80    { padding-top:80px;}
.padTop100    { padding-top:100px;}
.padTop120   { padding-top:120px;}
.padTop200   { padding-top:200px;}
.padBottom10 { padding-bottom:10px;}
.padBottom80 { padding-bottom:80px;}

@media only screen and (max-width: 765px) {
.padTop50    { padding-top:30px;}
.padTop80    { padding-top:60px;}
.padTop100    { padding-top:80px;}
.padTop120   { padding-top:100px;}
.padTop200   { padding-top:150px;}
.padBottom80 { padding-bottom:50px;}
}

.setBoxW800  { max-width:780px; padding-right: 20px; padding-left: 20px; margin: 0 auto; text-align:center;}
.setBoxW1000 { max-width:980px; padding-right: 20px; padding-left: 20px; margin: 0 auto; text-align:center;}
.setBoxFull  { width:100%; }

.textBoxW600 { max-width: 600px; width: 100%; margin: 0 auto;}
/*.textBoxW800 { width: 800px; margin: 0 auto;}*/
.textBoxW900 { max-width: 900px; width: 100%; margin: 0 auto;}
/*.textBoxW1000 { width: 1000px; margin: 0 auto;}*/


.imageWidthFit img { width: 100%; height: auto; /*object-fit: cover;*/ padding-right: 0px; padding-left: 0px;}

.mapBoxFit { width: 100%; height:auto; padding-right: 0px; padding-left: 0px;}

/* --------------------------------------------------------
	top
---------------------------------------------------------*/



/* --------------------------------------------------------
	top
---------------------------------------------------------*/




/* --------------------------------------------------------
	OEM / ODM
-------------------------------------------------------- */
.oemFlow_Area {  
    overflow: hidden;  
    height: auto; 
	max-width:980px; 
    width: 100%;  
}  
.oemFlow_Area div {  
    float: left;  
    padding-bottom: 100px;  
    margin-bottom: -100px;   
}  
.oemFlow_Area div.one {  
    width: 47%;  
	margin-right:6%;
}  
.oemFlow_Area div.two {  
    width: 47%;   
}

.oemFlow_block {
}

.oemColor { background-color:#c6eaea;}
.odmColor { background-color:#e5e2eb;}
/*----------------- oem-role -----------------*/

.oem-img {
  margin:20px auto 5px;
  max-width: 400px;
  width: 100%;
}
.oem-img img {
  width: 100%;
}

.oem-title {
  font-size: 18px;
  text-align: center;
  margin:0 auto;
  line-height: 1.4em;
  max-width: 350px;
  width: 95%;
}

.oem-text {
  margin:1em auto;
  max-width: 400px;
  width: 90%;
  line-height: 1.4em;
  text-align: left;
}


/*----------------- oem-step -----------------*/
.oem-step {
  padding: 20px;
  border: 2px solid #ccc;
  text-align: center;
  line-height: 1.4em;
}
.oem-step_title {
  display: block;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: bold;
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
}
.oem-step_subTitle {
  display: block;
  margin: 20px auto;
  max-width: 940px;
  width: 100%;
}
.oem-step_text {
  display: block;
  line-height: 2.5em;
  margin: 0 auto;
  padding: 20px;
  background:#fbf7ee;
}

.oem-step_complete {
  padding: 20px;
  text-align: center;
  background:#f3d08c;
}

/*----------------- common -----------------*/
.oem-arrow {
  text-align: center;
}


@media screen and (max-width:765px) {
.oemFlow {
	font-size:13px;
}
.oemFlow_box {
	padding: 5px 0 20px;
}
.oem-step {
  text-align: left;
  line-height: 1em;
}
.oem-step_title {
  text-align: center;
}
.oem-step_subTitle {
  line-height: 2em;
}
.oem-step_text {
  line-height: 2em;
}
}


/* --------------------------------------------------------
	OEM / ODM
-------------------------------------------------------- */






/* --------------------------------------------------------
	products
---------------------------------------------------------*/

/*-----sub navi--------------------------------*/
#sub-nav {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
#sub-nav li {
  display: block;
  float: left;
  width: 24.5%;
  margin: 0;
  padding: 0;
}
#sub-nav li:nth-child(even) {
  border-right: 1px solid #aaa;
}
#sub-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
#sub-nav li:last-child {
  border-right: none;
}

#sub-nav a {
  display: block;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#sub-nav a:hover {
  color: #FFF;
  background: #222;
  text-decoration:none;
}

/*clearfix*/
#sub-nav:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 600px){
#sub-nav {
  margin: 0;
  padding: 0;
}
#sub-nav li {
    width: 49.5%;
}
#sub-nav li:nth-child(even) {
  border-right: none;
}
#sub-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}

#sub-nav li:nth-child(-n+2)  {
  border-bottom: 1px solid #aaa;
}
}


/*#menu{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
#menu li{
  display: block;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 50%;
    border-bottom: 1px solid #444;
  }
}*/

/*.sub-nav {
  display: table;
  table-layout: fixed;
  max-width: 600px;
  width: 100%;
  list-style-type: none;
  padding:0;
  margin:0 auto;
}
.sub-nav li {
  float: none;
  display: table-cell;
  text-align: center;
  width: 100%;
}
.sub-nav li:nth-child(even) {
  border-right: 1px solid #aaa;
}
.sub-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
.sub-nav li:last-child {
  border-right: none;
}

.sub-nav a {
  display: block;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.sub-nav a:hover {
  color: #FFF;
  background: #222;
  text-decoration:none;
}*/

/*clearfix*/
/*.sub-nav:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 600px){
.sub-nav {
  margin: 0;
  padding: 0;
}
.sub-nav li {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0;
}
.sub-nav li:nth-child(even) {
  border-right: none;
}
.sub-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}

.sub-nav li:nth-child(-n+2)  {
  border-bottom: 1px solid #aaa;
}
}*/
/*-----sub navi--------------------------------*/


/*----- photo gallery --------------------------------*/
.float_box ul,
.float_box li {
  margin: 0;
  padding: 0;
}
.float_box {
  display: block;
}
.float_box ul {
}
.float_box li {
  list-style-type: none;
  float: left;
  width: 33.33333%;
}
.float_box .image {
  /*max-*/
  width: 100%;
  display: block;
}
@media screen and (min-width:1600px) {
  .float_box li {
    width: 25%;
  }
}
@media screen and (max-width:765px) {
  .float_box li {
    width: 50%;
  }
}
/*----- photo gallery --------------------------------*/



/* --------------------------------------------------------
	products
-------------------------------------------------------- */






/* --------------------------------------------------------
	company
---------------------------------------------------------*/

/*-----会社概要--------------------------------*/

/* --------------------------------------------------------
	table
-------------------------------------------------------- */

.tableSetting {
	max-width:980px;
	width: 100%;
	border-collapse: collapse;
}

.tableSetting th,td {
	border: 1px solid #ddd;
	/*vertical-align:top;*/
}

.tableSetting th {
	padding: 10px 5px;
	background: #f4f4f4;
	width: 30%;
	text-align: center;
	white-space: nowrap;
}
.tableSetting td {
	padding: 10px 10px;
	text-align: left;
}


.tableSetting .business ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  margin:0;
  padding:0;
}
.tableSetting .business li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.tableSetting .business li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
}


/* --------------------------------------------------------
	事業所リスト
-------------------------------------------------------- */
.officeList ul { margin:0; padding:0;}
.officeList li {list-style-type: none; margin:0;padding: 0;}
.officeList li .office { display: block; float: left; width: 40%;}
.officeList li:last-child { padding-top: 10px;}
.officeList li span { vertical-align: top;}
.officeList li .address { display: block; overflow: hidden; width: auto;}

  
@media only screen and (max-width: 768px) {
	
/* --------------------------------------------------------
	会社概要
-------------------------------------------------------- */

/*#sec-company table	{ width: 90% !important; }
	#sec-company{ margin: 0 10px; }
	.table-set	{ margin: 0 -10px; }
	.table-set tr {
		display:block;
		margin-bottom: 10px;
	}
	.table-set th {
		display:block;
		width: 100%;
	}
	.table-set td {
		width: 90%;
		border:none;
		margin-bottom: 10%;
	}
	.table-set td p {
		display: list-item;
		margin-left: 10%;
}*/
	
/* --------------------------------------------------------
	会社概要
-------------------------------------------------------- */


/* --------------------------------------------------------
	事業所
-------------------------------------------------------- */
.officeList li .office {
    display: block;
    float: none;
    width: auto;
  }
  .officeList li .address {
    display: block;
    overflow: none;
    width: auto;
  }
/* --------------------------------------------------------
	事業所
-------------------------------------------------------- */
}


/*@media only screen and (max-width: 48px) {
	.tableSetting th,td {
		width: auto;
		display: block;
		border-top: none;
	}
	.tableSetting tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
	.tableSetting th {
		text-align: left;
	}
}*/

/* --------------------------------------------------------
	company
-------------------------------------------------------- */



/* --------------------------------------------------------
	お問合せ
-------------------------------------------------------- */

.linkBox { margin:5px 0; font-size:13px;}/*#257fbb*/
.linkBox a { background-color:#257fbb; color:#fff; padding:5px 8px; border:1px solid #222; -webkit-transition: 0.5s; transition: 0.5s;}
.linkBox a:hover { background-color:#FFF; color:#000; text-decoration:none;}



.widthFull {
  max-width: 350px;
  width: 95%;
}
.widthFull-text {
  width: 95%;
}



#sec-contact { max-width:975px; width:89%;font-size: 15px;}
.contact-item { }

/*.contact-detail { border: 1px solid #ddd; padding:8px; margin-bottom:15px; }*/


.form-required { padding:25px 0;}

.form-submit { text-align:left; padding:10px; }

input.mod-btn {
  font-size:13px;
  display: inline-block;
  padding: 5px 25px;
  border: none;
  border-radius: 0;
  background-color: #3a5a71;
  color: #fff !important;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

input.btn-gray {background-color: #BBB;}

input.mod-btn:focus,
input.mod-btn:hover,
input.mod-btn:active {
  background-color: #628CA4;
  text-decoration: none
}


#contact-form-thanks {
  padding: 0 0 0 20px;
	width:90%;
	word-break: keep-all;
	}
.company-title h3 p.thanks {
	margin: 0;
	padding: 0px;
	font-size: 13px;
	color: #999999;
	font-weight:normal;
}

form#mail_form input, form#mail_form textarea {
	font-size: 85%;
}

.contactThanksText { font-size:18px;}

/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required{
	background : rgba(255, 0, 0, 0.8);
}
form#mail_form dl dd span{
	display : block;
	color : #ff0000;
	font-size:13px;
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

dl, dt, dd {
  margin : 0;
  padding : 0;
}/**/

form#mail_form dl {
  background-color : #f4f4f4;
  
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #ddd;
}

form#mail_form dt {
  font-size:14px;
  float : left;
  clear : both;
  width : 150px;
  
  border-width : 1px 0 0 0; /* 上線だけ */
  border-style : solid;
  border-color : #ddd;
  padding-top : 15px;
  text-align:center;
}

form#mail_form dd {
  /* dtの幅だけ横にずらしておく */
  margin-left : 150px;
  
  /* dlやdtとは異なった背景色を用いる */
  background-color : white;
  
  border-width : 1px 0 0 1px; /* 上線と，dt・ddの左右間の区切り */
  border-style : solid;
  border-color : #ddd;

  padding : 10px 5px;
  text-align: left;
  line-height:150%;
}

form#mail_form dd:last-child {
  /* dtの幅だけ横にずらしておく */
  margin-left : 0px;
  
  /* dlやdtとは異なった背景色を用いる */
  background-color : white;
  
  border-width : 1px 0 0 0; /* 上線と，dt・ddの左右間の区切り */
  border-style : solid;
  border-color : #ddd;

  padding : 10px 5px;
}
form#mail_form dl dd {
	font-size:13px;
}


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

form#mail_form #name_2, form#mail_form #read_2 { margin-top:5px;}


/*form#mail_form dt {
  width : 100px;
}
form#mail_form dd {
  margin-left : 100px;
}*/
}


/*---------- アクセス ----------*/

/*----- Access Title -----*/
.access_block {}
.access_Title { padding-left: 12px; border-left: 6px solid #257fbb; font-size:24px;}

.access_Title li { display:inline;}


.access_add { line-height:150%;}


.access_wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex
}

.access_box {
	max-width: 485px;
	width: 98%;
	margin-right:2%;
	/*background:#eee;*/
}

.access_box .showroom img {
	width: 100%;
	height:auto;
}
.access_box:last-child { margin-right:0%;}/**/


.minMap { max-width:485px; width: 100%; height:250px; }


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

.access_Title li { display: block; line-height:150%;}

.access_box {
	/*max-width: 385px;
	width: 100%;*/
	margin: 0;
	max-width: 100%;
	width: 100%;
}
.access_add { padding:1em 0 0 1em; line-height:150%; font-size:14px;}

.minMap { max-width:700px; width: 100%; height:250px; }
}
/*---------- アクセス ----------*/


/* --------------------------------------------------------
	お問合せ
-------------------------------------------------------- */





/* --------------------------------------------------------
	privacy
-------------------------------------------------------- */

.privacyBox { max-width:780px;width:100%; margin:0 auto; }
.privacyBox p { display: block; margin: 1em 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */ padding-left:1em;}
.privacy-headerTitle { font-size:18px; font-weight:bold;}
.privacy-subTitle { font-weight:bold;}


@media screen and (min-width:580px) and ( max-width:830px) {
.privacyBox { max-width:580px;width:100%; margin:0 auto; }
}
/* --------------------------------------------------------
	privacy
-------------------------------------------------------- */





/* --------------------------------------------------------
	sitemap
-------------------------------------------------------- */
.prof_area {max-width:780px;width:100%; margin:0 auto; }
.sitemap_block {
	max-width:350px;
	width:100%;
	border-bottom: #666 1px dotted;
	/*padding-bottom: 20px;*/
	margin-bottom: 20px;
	margin-right:45px;
	float:left;
	text-align: left;
}

.sitemap_block:nth-child(even) {margin-right:0px;}

.sitemap_box ul.sitemapSub1 {
	background: url(../images/sitemap/ico_arrow.png) no-repeat 0 12px;
	padding-left: 23px;
	font-size:18px;
}
.sitemap_box ul ul.sitemapSub2 li {
	background: url(../images/sitemap/sitemap_arrow.gif) no-repeat 0 12px;
	padding: 2px 0 0 22px;
	margin-left: 20px;
	font-size:15px;
}
.sitemap_box ul li {
	line-height: 2;
	list-style:none;
}

.sitemap_box a {
	color:#222;
	text-decoration:underline;
}
.sitemap_box a:hover {
	color:#222;
	text-decoration:none;
}

@media only screen and (max-width: 780px) {
.prof_area {width:100%; margin:0 0px; }
.sitemap_block {
	max-width:100%;
	width:100%;
	margin-bottom: 20px;
	margin-right:0px;
	float: none;
}
.sitemap_box ul.sitemapSub1 {
	background: url(../images/sitemap/ico_arrow.png) no-repeat 0 7px;
	font-size:15px;
}
.sitemap_box ul ul.sitemapSub2 li {
	background: url(../images/sitemap/sitemap_arrow.gif) no-repeat 0 8px;
	font-size:13px;
}
}
/* --------------------------------------------------------
	sitemap
-------------------------------------------------------- */



/* --------------------------------------------------------
	footer
-------------------------------------------------------- */
footer { color:#FFF;overflow: hidden; font-size:13px;}
.footerBox {padding: 80px 0;text-align:center; background-color:#222;}
.footerBox ul { margin: 0; padding: 0;}
.footerBox li { display: inline; padding:0 20px; border-right: 1px solid #999;}
.footerBox li:first-child { border-left: 1px solid #999;}
.footerBox li a { text-decoration: underline; color:#FFF;}
.footerBox li a:hover { text-decoration: none;}
.footerBox li.wrapNo { white-space: nowrap; padding:0; border: none;}
.footerBox li.PRIVACY { margin-right:20px;}
/* --------------------------------------------------------
	footer
-------------------------------------------------------- */



@media screen and (min-width:580px) and ( max-width:830px) {
.privacyBox { max-width:580px;width:100%; margin:0 auto; }
}
@media screen and (min-width:1130px) {
	body { font-size:16px;}
.textTop { font-size:18px; line-height:200%}
.oemFlow { font-size:17px;}
form#mail_form dt { font-size: 16px;}
form#mail_form input, form#mail_form textarea { font-size: 15px;}
.prof_area {max-width:980px;}
.sitemap_block { max-width:450px; margin-bottom: 28px;}
.sitemap_box ul.sitemapSub1 { font-size:20px;}
.sitemap_box ul ul.sitemapSub2 li {	font-size:18px;}
.privacyBox { max-width:980px;}
footer { font-size:15px;}
}
@media only screen and (max-width: 480px) {
.title {
  font-size:22px;
}
/**/
form#mail_form dt {
  float: inherit;
  clear : both;
  text-align:left;
}
form#mail_form dd {
  margin-left : 0px;
}

form#mail_form dt {
  font-size:12px;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 5px;
}

form#mail_form dd {
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #ddd;
}

form#mail_form dt.form-required { margin:0; padding:0;}
/**/
.footerBox li.PRIVACY { margin-right:0px;}
}