@charset "utf-8";
/*
Theme Name: 株式会社 JPサポート
Theme URI: https://www.jps-job.co.jp
Description:  JPサポート テーマ
Author: 武田広告社
Author URI: http://www.tkd-ad.co.jp
*/


/* structure
----------------------------------------------------------------------*/
body {
    width: 100%;
	height: 100%;
	color: #646464;
	font-size: 64.5%;
	font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 400;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	text-align: left;
}

body h1 { display: none; }

a { color: #646464; }

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

@media screen {
/*\*/
* html #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/**/
}

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

header .tx_header {
    width: 100%;
    background-color: #646464;
    padding: 9px 0 9px 17px ;
    margin-bottom: 20px;
}

header .tx_header p {
    color: #FFF;
    font-size: 130%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    line-height: 1em;
}

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

header dl dt {
	width: 353px;
    float: left;
}

header dl dd {
	width: 436px;
    float: right;
}

header dl dd .tx_tcontact {
    width: 100%;
    background-color: #F4E227;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 3px 0;
}

header dl dd .tx_tcontact p{
    color: #000;
    font-size: 130%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 1em;
}

header dl dd ul.top_carea { width: 100%; }

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

header dl dd ul.top_carea li.center_tcontact {
    width: 194px;
    float: left;
}

header dl dd ul.top_carea li.center_tcontact p.toptel {
    width: 194px;
    height: 27px;
    font-size: 290%;
	font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    color: #509B60;
    letter-spacing: 0.05em;
    line-height: 1em;
    margin-bottom: 3px;
}

header dl dd ul.top_carea li.center_tcontact a { color: #509B60; }

header dl dd ul.top_carea li.center_tcontact p.time {
    width: 194px;
    height: 11px;
    font-size: 110%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    color: #000;
    line-height: 1em;
}


header dl dd ul.top_carea li.right_tcontact {
    width: 191px;
    float: 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: 940px;
	margin: 0 auto;
    padding: 16px 0 22px 0;
}

footer dl dt {
	width: 390px;
	float: left;
}

footer dl dd {
	width: 528px;
    margin-top: 3px;
	float: right;
}

footer dl dt p {
	font-size: 140%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-weight: 400;
    line-height: 1.8em;
}

footer dl dt p a{ color: #000; }

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;
}

footer dl dt p.tel_footer a{
    color: #509B60 ;
}

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: 91%;
    margin-top: 8px;
}

footer dl dt p.numbersp { display: none; }

footer dl dt ul.flogoarea { width: 390px; margin-bottom: 12px; }
footer dl dt ul.flogoarea li { float: left; }

footer dl dt ul.flogoarea li.logo {
    width: 77px;
    margin-right: 10px;
    float: left;
}

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

footer dl dt ul.flogoarea li.txt_logo p{
    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;
}



footer dl dt ul.flogoarea li.txt_logo h2{
    width: 240px;
    height: 35px;
    background: url(../images/footer/jp.png) left top no-repeat;
    background-size: cover;
    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 {
	width: 100%;
	height: 47px;
	background: url(../images/nav/bg_nav.png) left top repeat-x;
	background-size: 1000px 47px;
    margin-bottom: 12px;
	clear: both;
}

nav.pc ul {
	width: 1000px;
	height: 47px;
    background: url(../images/nav/line_nav.png) left top no-repeat;
	background-size: 1000px 47px;
	margin: 0 auto;
}

nav.pc ul li { display:inline; }

nav.pc ul li a {
	display: block;
	width: 199px;
	height: 41px;
	margin-right: 1px;
	float: left;
	overflow: hidden;
}

nav.pc ul li a span { display: none;}

nav.pc ul li a>img {
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    opacity: 0;
}

nav.pc ul li a>img:hover {
    opacity: 1;
}
	
/* ナビ */
nav.pc ul li#n_home a { background:url(../images/nav/n_home.png) left top no-repeat; width: 200px; background-size: cover; }
nav.pc ul li#n_about a { background:url(../images/nav/n_about.png) left top no-repeat; background-size: cover; }
nav.pc ul li#n_work a { background:url(../images/nav/n_work.png) left top no-repeat; background-size: cover; }
nav.pc ul li#n_news a { background:url(../images/nav/n_news.png) left top no-repeat; background-size: cover; }
nav.pc ul li#n_contact a { background:url(../images/nav/n_contact.png) left top no-repeat; background-size: cover; margin-right: 0; }

body#home nav.pc ul li#n_home a { background:url(../images/nav/n_home_on.png) left top no-repeat; width: 200px; background-size: cover; }
body#about nav.pc ul li#n_about a { background:url(../images/nav/n_about_on.png) left top no-repeat; background-size: cover; }
body#news nav.pc ul li#n_news a { background:url(../images/nav/n_news_on.png) left top no-repeat; background-size: cover; }
body#contact nav.pc ul li#n_contact a { background:url(../images/nav/n_contact_on.png) left top no-repeat; background-size: cover; margin-right: 0; }


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

.sp { display: none; }

}



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

/* 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: 1000px;
    height: 300px;
    clear: both;
}

body#home .tl_photo{
    background: url(../images/top/tl_photo.jpg) left center no-repeat;
	background-size: cover;
    margin-bottom: 65px;
}

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

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

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


/* DIN2014 見出し設定 */

h2.din{
    font-size: 430%;
    color: #509B60;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    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: 430%;
    color: #509B60;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    padding: 15px 0;
}


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

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

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


/* 背景緑設定 */

.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: 604px;
    height: 136px;
    background: url(../images/top/tl_top.png) left top no-repeat;
	background-size: cover;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


body#home #column .newsarea {
    width: 800px;
    margin: 0 auto 35px auto;
}

body#home #column .newsarea ul.newsbox {
    width: 800px;
    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: 130px;
    color: #509B60;
    font-size: 160%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    line-height: 1.6em;
    padding: 0 0 24px 6px ;
    float: left;
}

body#home #column .newsarea ul.newsbox li.tx_news {
    width: 670px;
    font-size: 150%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    padding: 0 0 24px 6px ;
    line-height: 1.7em;
    float: left;
}

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

body#home #column .newsbtnarea{
    width: 800px;
    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: 804px;
    border: 2px solid #509B60;
    border-radius: 3px;
    margin: 0 auto;
    padding: 10px;
}

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

body#home #column .hakenarea ul{ width: 780px; }

body#home #column .hakenarea ul li{
    width: 252px;
    margin-right: 12px;
    float: left;
}

body#home #column .hakenarea ul li.last { margin-right: 0; }


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

body#about .tl_photo h2{
    position: absolute;
    top: 50%;
    transform : translateY(-50%);
    right: 15px;
    width: 285px;
    height: 78px;
    background: url(../images/about/tl_about.png) left center no-repeat;
	background-size: cover;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#about .greetingarea{ width: 800px; margin: 0 auto; }

body#about .greetingarea h2.din_w{
    font-size: 430%;
    color: #FFF;
    font-family: din-2014, sans-serif; 
    font-weight: 600;
    margin: 0 0 28px 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.4em;
    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: 170%;
    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: 800px;
    margin: 0 auto 25px auto;
}

body#about ul.companyinfo li.tl_company{
    width: 136px;
    font-size: 150%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    line-height: 1.4em;
    border-bottom: 3px solid #509B60;
    margin: 0 auto 25px auto;
    padding: 0 0 20px 6px;
    float: left;
    clear: left;
}

body#about ul.companyinfo li.tx_company{
    width: 664px;
    font-size: 150%;
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    line-height: 1.4em;
    border-bottom: 3px solid #C8C8C8;
    margin: 0 auto 25px auto;
    padding: 0 0 20px 35px;
    float: left;
}

body#about ul.companyinfo li.sp{
    display: none;
}

body#about .pdfarea{
    width: 640px;
    margin: 0 auto 65px auto;
    clear: left;
}

body#about .pdfarea p{
    width: 350px;
    height: 32px;
    font-size: 180%;
    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: 0 auto;
}

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

body#about ul.businessarea{
    width: 903px;
    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 45px 30px 0;
    padding: 0 0 0 25px;
    float: left;
}


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

body#about p.tekiyougai{
    width: 680px;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-size: 150%;
    font-weight: 500;
    background-color: #E6E6E6;
    text-align: center;
    margin: 0 auto 60px auto;
    padding: 15px;
    clear: left;
    letter-spacing: 0.07em;
}

body#about dl.advantagesarea{
    width: 876px;
    margin: 0 auto 60px auto;
}

body#about dl.advantagesarea dt{
    position: relative;
    width: 382px;
    float: left;
}

body#about dl.advantagesarea dt h4{
    position: absolute;
    left: 13.35%;
    width: 290px;
    height: 34px;
    color: #FFF;
    font-size: 200%;
    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: 382px;
    height: 108px;
    font-size: 150%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    line-height: 1.5em;
    background-color: #E6E6E6;
    margin-top: 20px; 
    padding: 25px 25px 15px 25px;
    z-index: 1;
}

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

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

body#about dl.structure dt { width: 395px; float: left; }
body#about dl.structure dt .illust1{ margin-bottom: 30px; }

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



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

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

body#news dl.n_area{
    width: 940px;
    margin: 0 auto;
}

body#news dl.n_area dt{
    width: 700px;
    float: left;
}

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

body#news dl.n_area dd{
    width: 200px;
    float: right;
}

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

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

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

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: 690px;
    font-size: 240%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    clear: left;
}

body#news dl.n_area dt .n_txarea{
    width: 700px;
    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: 200px;
    height: 36px;
    background: url(../images/news/tl_category.png) left top no-repeat;
	background-size: cover;
    margin-bottom: 17px;
    font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body#news dl.n_area dd ul{
    width: 200px;
}

body#news dl.n_area dd ul li{
    width: 200px;
    font-size: 15px;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    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: 60%;
}

/* 最新情報一覧 */

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

body#news #column .newsarea ul.newsbox {
    width: 700px;
    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: 130px;
    color: #509B60;
    font-size: 160%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    padding: 0 0 24px 6px ;
    line-height: 1.6em;
    float: left;
}

body#news #column .newsarea ul.newsbox li.tx_news {
    width: 570px;
    font-size: 150%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    padding: 0 0 24px 6px ;
    line-height: 1.5em;
    float: left;
}

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




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

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

body#contact h3.midashi_w {
    color: #FFF;
    font-size: 270%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    letter-spacing: 0.4em;
    text-align: center;
    margin-bottom: 30px;
}

body#contact p.tx_telfax {
    color: #FFF;
    font-size: 140%;
    text-align: center;
    margin-bottom: 30px;
}

body#contact dl.tfarea {
    width: 924px;
    margin: 0 auto;
}

body#contact dl.tfarea dt {
    width: 446px;
    height: 105px;
    background-color: #FFF;
    border-radius: 5px;
    margin-right: 32px;
    float: left;
}

body#contact dl.tfarea dd {
    width: 446px;
    height: 105px;
    background-color: #FFF;
    border-radius: 5px;
    margin-right: 0;
    float: left;
}

body#contact ul.tfbox {
    width: 446px;
    height: 105px;
    margin: 0 auto;
    padding: 20px 20px;
}

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: 5px;
    text-align: center;
    margin-right: 14px;
    padding: 11px 0;
    float: left;
}

body#contact ul.tfbox li.rightarea {
    width: 317px;
    height: 38px;
    color: #509B60;
    font-size: 490%;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 800;
    letter-spacing: 0.055em;
    margin-top: 11px;
    float: left;
}

body#contact ul.tfbox li.time {
    width: 100%;
    color: #000;
    font-size: 140%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    text-align: center;
    margin-top: 5px;
    clear: both;
}

body#contact p.tx_contact {
    font-size: 160%;
    line-height: 1.7em;
    text-align: center;
    margin-bottom: 40px;
}

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

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

body#contact ul.formarea li.txt_form {
    width: 300px;
    min-height: 55px;
    font-size: 170%;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
    float: left;
    clear: left;
}

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

body#contact h4.tl_privacy {
    font-size: 170%;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    text-align: center;
    margin-bottom: 20px;
    clear: left;
}

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


body#contact p.praivacybox {
    width: 800px;
    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: 45px;
}

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

body#contact .btnarea {
    width: 340px;
    margin: 0 auto 60px auto;
}

body#contact ul.formarea li.formspace input {
    width: 370px;
}

body#contact ul.formarea li.formspace input#formtools_zipCode {
    width: 150px;
}

body#contact ul.formarea li.formspace textarea {
    width: 370px;
}

body#contact ul.formarea li.formspace.halfwidth::before {
    content: "(半角英数)";
    position: absolute;
    margin-top: 26px;
    font-size: 12px;
}

/* 共通
----------------------------------------------------*/
.left { float: left; }
.right { text-align: right; }
.l_clear { clear: left; }
.center { text-align: center; }
.txt_left { text-align: left; }
.l_margin { margin-left:160px; }
.b_margin { margin-bottom:20px; }
.b_margin2 { margin-bottom:50px; }
.none { display: none; }
.green { color: #509B60; }
.red { color: #C1272D; }
.line { text-decoration: underline; }
.bo { font-weight: bold; }
.b_line { text-decoration: underline; font-weight: bold; }
.b_red { color: #C30D23; font-weight: bold; }
.r_line { color: #C30D23; text-decoration: underline; }


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