@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ position: relative;box-sizing:border-box; border:0;vertical-align:baseline;margin:0;padding:0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden; backface-visibility:hidden;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}





  

/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{
	font-family: 'Times New Roman','リュウミン B-KL';
	font-size:16px;
	line-height:1.7;
	
	width:100%;

	background-color:#fff;
	
}




body{

	font-weight:normal;
	letter-spacing: 0.05em;
	width:100%;
	text-align:left;
	 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	color:#000;



font-feature-settings: 'palt' 1;
background:url(img/main_back2.jpg) center top;
background-size:100% auto;

}


body.active{ }

body.fixed{ overflow-x:hidden;  overflow-y:scroll; min-height:100vh}



img{ vertical-align:bottom;}

a, a:link {
    color:#c00;
    text-decoration:underline;
	outline:0;
	
}
a:hover, a:active {
    color:#c00;
    text-decoration:underline;
}
a:visited {
    color:#c00;
    text-decoration:none;
}


li a,
dl a{text-decoration:none !important;}

h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 0 auto; font-weight:normal; display:block;}


hr{ border:0; padding:0; margin:0; height:1px;}
p{ margin-bottom:2em;}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input,
textarea{}




/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #999; opacity: 1;}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #999;  opacity: 1;}

/* Firefox 18- */
:-moz-placeholder {
     color: #999;  opacity: 1;}

/* Firefox 19+ */
::-moz-placeholder {
     color: #999;  opacity: 1;}

/* IE 10+ */
:-ms-input-placeholder {
     color: #999;  opacity: 1;}

.placeholder{
     color: #999;  opacity: 1;}

:disabled { 
     color: #fff !important;  opacity: 1 !important;
}

textarea[disabled][readonly],
input[disabled][readonly]{ color: #fff !important;  opacity: 1 !important;}



.pcDevice{}
.touchDevice{}



/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	
	z-index:9999;
	background-color: #fff;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	display:block;
	width: 40px;
	height: 40px;
	background:url(img/parts/loading.gif) center center no-repeat;
	transform-origin:left top;
	transform:translate(-50%,-50%);
	
}


html.touchDevice #loadingAnim{
	
}

#loadingAnim:after{
	content: '';
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 152px;
	height: 300px;
}

#loading_count{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;

	color:#999;
	font-size:1rem;
	width:100px;
	
	padding:0;
}


#preload{ width: 1px; height: 1px; position: fixed; bottom: 0; right: 0; opacity: .01; overflow: hidden;}
#preload img{ width: 1px; height: 1px; opacity: .01; }


/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}







/* wrap
----------------------------------------------- */
 
#container	{ opacity:0.01; position:relative; z-index:1; margin:auto; width:100%; height:auto;  min-width: 900px;  }





#base		{  position:relative; z-index:2; width:100%; margin:auto;}





/* action
----------------------------------------------- */
#container.fixed{ position:fixed; margin: auto; width:100%; height:100% !important; max-width: auto !important;overflow:hidden; top: 0px; left: 50%;
   transform: translate(-50%, 0);}





	
/* tag
----------------------------------------------- */
	


p:nth-of-type(2){}


p:last-child{}


ol{ list-style:decimal;padding-left:1.5em; margin-bottom:2em;}
ol li{ margin-bottom:10px;}


table, th, td {
  border-collapse: collapse;

	
}

table.normal{}

table.normal th {

  padding: 0px ;
  vertical-align: top;


}
table.normal td {

  padding: 0px;
  vertical-align: top;
 }




/* class
----------------------------------------------- */

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}

.fixed{transition: all 0ms !important;}

.entryBody img:not(.noResize){ width: 100%; height: auto;}


.flexBox{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;

	
}




/* header 
----------------------------------------------- */
header.global{ position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; min-width: 900px; height: 150px;background-color: #fff; border-top:solid 15px #000; box-sizing:border-box;}

header.global > .inner{ padding:0 0px; position: relative; text-align:left; height:inherit;}

header.global h1{ width:80px; height:90px; position: absolute; top: 20px; left: 50%;transform:translate(-50%,0);}
header.global img.logo{ height: 90px; width: auto;}



header.global nav.globalMenu{ width:inherit;position: absolute; top: 20px; left: 50%; transform:translate(-50%,0);}
header.global nav.globalMenu ul{ overflow:hidden;width:690px; display:flex;}
header.global nav.globalMenu ul li{ display: inline-block; height: 25px; overflow:hidden; margin:35px 0px 0px 0px; text-align:center; border: solid 0px #f30;}
header.global nav.globalMenu ul li a{ display: block; padding-top:25px;transition: all 150ms cubic-bezier(.50,.0,.50,1);}




header.global nav.globalMenu ul li:nth-of-type(1){ width:74px; margin-left: 21px;}
header.global nav.globalMenu ul li:nth-of-type(2){ width:85px; margin-left: 67px;}
header.global nav.globalMenu ul li:nth-of-type(3){ width:93px;margin-left: 187px;}
header.global nav.globalMenu ul li:nth-of-type(4){ width:100px;  margin-right: 0;margin-left: 55px;}



header.global nav.globalMenu ul li:nth-of-type(1) {background:url(img/menu_about.svg) center center no-repeat; background-size:contain;}
header.global nav.globalMenu ul li:nth-of-type(2) {background:url(img/menu_service.svg) center center no-repeat; background-size:contain;}
header.global nav.globalMenu ul li:nth-of-type(3) {background:url(img/menu_recruit.svg) center center no-repeat; background-size:contain;}
header.global nav.globalMenu ul li:nth-of-type(4) {background:url(img/menu_contact.svg) center center no-repeat; background-size:contain;}



header.global nav.langMenu { position:absolute; right:60px; top:46px; width:22px; height:38px; border:solid 0px #f30;}
header.global nav.langMenu:before{ content:''; display: block; border-bottom: solid 1px #000; position: absolute; top: 18px; width: 100%;}

header.global nav.langMenu ul{ position: relative;height:38px;}
header.global nav.langMenu ul li{ }
header.global nav.langMenu ul li a{ display: block; height:0; padding-top: 12px; overflow: hidden;}
header.global nav.langMenu ul li.jp{}
header.global nav.langMenu ul li.en{ width: 22px; position: absolute; bottom: 0;}

header.global nav.langMenu ul li.jp a{ background:url(img/lang_jp.svg) center center no-repeat; background-size:contain;}
header.global nav.langMenu ul li.en a{ background:url(img/lang_en.svg) center center no-repeat; background-size:contain;}

#spMenuBtn{ width:50px; height:50px;position: absolute; top: 40px; left: 50px; display:none; cursor:pointer; }
#spMenuBtn hr{ width:50px; border-bottom:solid 5px #000; position:absolute; left:0; transition: all 150ms cubic-bezier(.50,.0,.50,1);}

#spMenuBtn hr:nth-of-type(1){ top:0px;}
#spMenuBtn hr:nth-of-type(2){ top:21px;}
#spMenuBtn hr:nth-of-type(3){ bottom:1px;}


#spMenuBtn.open hr:nth-of-type(1){ top:21px; transform:rotate(-45deg);}
#spMenuBtn.open hr:nth-of-type(2){ opacity:0;}
#spMenuBtn.open hr:nth-of-type(3){ top:21px; transform:rotate(45deg);}



#spMenuArea{ position: fixed; top: 150px; left: 0; z-index: 9000; width: 100%; height: 0; overflow: hidden;}
#spMenuArea:before{ content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: .85;}

#spMenuArea.open{height: 100%; }

#spMenuArea nav{ text-align: center;}
#spMenuArea nav ul{ width: 100%; height: auto;}
#spMenuArea nav ul li{padding:40px 0; }
#spMenuArea nav ul li a{ color:#000;  display: block; padding:20px 0;}
#spMenuArea nav ul li a:before{content:''; display: block; height: 50px; }

#spMenuArea nav ul li a span{ display: none;}
#spMenuArea nav ul li:nth-of-type(1) a:before{background:url(img/menu_about.svg) center center no-repeat; background-size:contain;}
#spMenuArea nav ul li:nth-of-type(2) a:before{background:url(img/menu_service.svg) center center no-repeat; background-size:contain;}
#spMenuArea nav ul li:nth-of-type(3) a:before{background:url(img/menu_recruit.svg) center center no-repeat; background-size:contain;}
#spMenuArea nav ul li:nth-of-type(4) a:before{background:url(img/menu_contact.svg) center center no-repeat; background-size:contain;}



header.global nav.globalMenu ul li.deactive,
#spMenuArea nav ul li.deactive{ pointer-events:none; opacity: 1; cursor: default;}

header.global nav.globalMenu ul li.deactive:after,
#spMenuArea nav ul li.deactive:after{ display: block; content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%,0)}

#spMenuArea nav ul li.deactive:after{ width:400px;}

/* footer 
----------------------------------------------- */

footer{}
footer .copyright{ text-align:right; color:#999; padding:40px 50px 10px 50px; font-size:0.7em;}



#pageTop{ width:120px; height:120px; position:fixed; bottom:30px; right:20px; border-radius:60px; overflow:hidden; z-index:100; transition: all  500ms; opacity:0; pointer-events:none;} 
#pageTop.in{ opacity:1;cursor:pointer;pointer-events:auto;}
#pageTop:before{ content:''; display: block; width: 120px; height: 120px; position: absolute; top: 0; left:0; background-color:#000; opacity:.9;transition: all  250ms; }
#pageTop:after{ content:''; display: block; width: 28px; height: 28px; border-right:solid 3px #fff; border-top:solid 3px #fff; position: absolute; top: 57%; left: 50%; transform:translate(-50%,-50%)  rotate(-45deg);transition: all  250ms; }

#pageTop:hover:before{ opacity:.9; }
#pageTop:hover:after{ }



/* contents 
----------------------------------------------- */

section.area{  margin-bottom:120px; border:solid 0px #f30; box-sizing:border-box;}
section.area h2{font-size: 2em; line-height: 1; text-align:center; margin-bottom:70px;}
section.area h2:after{ content:''; display: block; width: 56px; height: 0; border-bottom: solid 2px #000; position: absolute;bottom:-12px; left: 50%; transform: translate(-50%,0);}
section.area h3{ font-size:1.7em; line-height: 1.5; margin-bottom:30px; color:#4700bc;border:solid 0px #f30;}
section.area h4{ font-size:1.2em; line-height: 1.5; margin-bottom:10px; color:#4700bc;border:solid 0px #f30;}
section.area p{ border:solid 0px #f30;}
section.area > .inner{ width:800px; margin:auto;position: relative; border:solid 0px #f30;}
section.area > .inner article{ background-color: transparent; margin: auto;}
section.area > .inner article.contents{  }



/* top 
----------------------------------------------- */
section#contentsTop{ height:auto;  margin-bottom: 0; height: 100vh; min-height: 630px; overflow: hidden;}
section#contentsTop > .inner{ padding:150px 0px  0px  0px; width:100%;}

section#contentsTop article.contents{ padding: 0; height: calc(100vh - 150px); min-height: 500px;max-width:none;}


section#contentsTop .slick-slide{
	height: 100vh;
    min-height: 630px;
}

section#contentsTop .read{ display:inline-block; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); padding: 150px 20px 0 20px;min-width: 630px;text-align: center; font-size: 1.3em; line-height: 1.8; color: #fff;}

section#contentsTop .scrollDown{ width:46px; height:46px; position:fixed; bottom:80px; left:50%; z-index:100; transform:translate(-50%,0); transition: all  500ms; } 
section#contentsTop .scrollDown.out{ opacity:0;}
section#contentsTop .scrollDown:after{ content:''; display: block; width: 32px; height: 32px; border-left:solid 3px #ccc; border-bottom:solid 3px #ccc; position: absolute; top: 60%; left: 50%; transform:translate(-50%,-50%)  rotate(-45deg);}


section#contentsTop .scrollDown:after {

	        animation: arrowdown 1.5s infinite ease-in-out;
}

@keyframes arrowdown {
	0%{

		        transform:translate(-50%,-50%) rotate(-45deg);
	}
	35% {

		        transform:translate(-50%,0%) rotate(-45deg);
	}
	70% {

		        transform:translate(-50%,-50%) rotate(-45deg);
	}
	
	100% {

		        transform:translate(-50%,-50%) rotate(-45deg);
	}
}

/* about 
----------------------------------------------- */
section#about{ border-top:solid 12px #000; padding-top:100px;}
section#about:before{ content:''; display:block; position:absolute; top:0px; left:0; z-index:-1; width:100%; height:643px; background:url(img/bg_contents_1.png) center top no-repeat; background-size:100% 100%;}


section#about > .inner{ }

section#about h2.title{}
section#about h3{}

section#about article.contents{ }


section#about  .area_1{ margin-bottom:100px;}
section#about  .area_1 h3{ display: inline-block;margin-left: 70px;}
section#about  .area_1 h3:before{ content: ''; display: block; width: 155px; height: 155px; border-radius:77px; position: absolute; top: 50%; right: -30px; z-index: -1; transform: translate(0,-50%); background: #fff;}
section#about  .area_1 p{ margin-left:128px;color:#4700bc;}

section#about  .area_2{ margin-bottom:40px;}
section#about  .area_2 h3{ font-size: 1.3em;margin-left: 70px;margin-right: 45px; margin-bottom: 20px;}
section#about  .area_2 p{ margin-left: 70px;margin-right: 45px;}

section#about  .area_3{ }
section#about  .area_3 h3{ font-size: 1.3em; margin-bottom:50px;text-align:center;}


section#about .system{ width:100%; height:auto;}




	section#about h3,
	section#about p{
		opacity: 0;
		transform: translate(50px,0);
		transition: all 1000ms ease-out;
	}

	section#about .area_3 h3,
	section#about .area_3 img{
		opacity: 0;
		transform: translate(0,50px);
		transition: all 1000ms ease-out;
	}

	section#about h3.in,
	section#about p.in,
	section#about img.in{
		opacity: 1;
		transform: translate(0,0);
	}

	




/* about2 
----------------------------------------------- */
section#about2{ padding-top:40px;}
section#about2:before{ content:''; display:block; position:absolute; top:-100px; left:0;z-index:-1; width:100%; height:643px; background:url(img/bg_contents_2.png) center top no-repeat; background-size:100% 100%;}

section#about2 > .inner{ }
section#about2 > .inner:before{ content: ''; display: block; width: 433px; height: 277px; position: absolute; top: 0; right: -60px; z-index: -1; transform: translate(0,0); background:url(img/bg_sub_mark.svg) center center no-repeat; background-size:100% 100%;}


section#about2  .area_3{}
section#about2  .area_3 h3{font-size: 1.3em; margin-bottom: 50px;}
section#about2  .area_3 h4{font-size: 1.3em; margin-bottom: 20px;}
section#about2  .area_3 h3:first-child{ margin-left:50px;}

section#about2  .area_3_1{ margin-bottom:40px;}

section#about2  .area_3_1 p{margin-left:50px;}

section#about2  .area_3_2{margin-left:130px; margin-bottom:50px;}



	section#about2 .area_3 h3,
	section#about2 .area_3 h4,
	section#about2 .area_3 p{
		opacity: 0;
		transform: translate(50px,0);
		transition: all 1000ms ease-out;
	}
	section#about2 .area_3 h3.in,
	section#about2 .area_3 h4.in,
	section#about2 .area_3 p.in{
		opacity: 1;
		transform: translate(0,0);
	}





/* service 
----------------------------------------------- */
section#service{}

section#service .inner{width:800px;}
section#service .inner h4{ color: #000; font-size:0.88em}

section#service .system{ width:100%; height:auto];}


section#service  .jigyou{ margin-bottom: 40px;}
section#service  .jigyou li{ padding-left: 1.5em; line-height: 1.5;}
section#service  .jigyou li:before{ content:'●'; position: absolute; top: 0; left: 0.5em;}

section#service  dl.torihiki{ margin-bottom: 40px; padding-bottom: 40px; overflow: hidden;}

section#service  dl.torihiki dd{ float: left; border-left:solid 1px #000; padding-left: 1em; box-sizing: border-box; font-size:0.88em;line-height: 1.8;}
section#service  dl.torihiki dd:nth-of-type(1){ width: 35%;}
section#service  dl.torihiki dd:nth-of-type(2){ width: 28%;}
section#service  dl.torihiki dd:nth-of-type(3){ width: 37%;}


body.lang_en section#service  dl.torihiki dd:nth-of-type(1){ width: 27%;}
body.lang_en section#service  dl.torihiki dd:nth-of-type(2){ width: 38%;}
body.lang_en section#service  dl.torihiki dd:nth-of-type(3){ width: 35%;}


section#service  dl.torihiki dd:nth-of-type(3):after{ content:'（※50音順）'; display: inline-block; position: absolute; bottom:-25px; right: 0;}
body.lang_en section#service  dl.torihiki dd:nth-of-type(3):after{ content:'(*Japanese alphabetical order)';}

section#service  .yurai{ margin-bottom:30px; padding-top:0px;}
section#service  .yurai:before{ content: ''; display: block; width: 155px; height: 155px; border-radius:77px; position: absolute; top:calc(50% + 10px); left: 0px; z-index: -1; transform: translate(-50%,-50%); background: #fff;}
section#service  .yurai h4{  font-size:0.88em; margin-bottom: 5px;}
 
section#service  .data{ display:flex; border-top:solid 2px #000; border-bottom:solid 2px #000; padding:10px 0; font-size:0.88em; margin-bottom: 30px;}
section#service  .data .area_1{ width:47%; padding-right:25px; box-sizing:border-box;}
section#service  .data .area_2{ width:53%; }
section#service  .data p{ margin-bottom:0;}
        
section#service  .data table{}
section#service  .data table th{ white-space:nowrap;}
section#service  .data table td{ line-height:1.5; padding-left: 10px;}


	section#service h4,
	section#service ul,
	section#service dl,
	section#service .yurai,
	section#service .area_1,
	section#service .area_2{
		opacity: 0;
		transform: translate(50px,0);
		transition: all 1000ms ease-out;
	}
	section#service h4.in,
	section#service ul.in,
	section#service dl.in,
	section#service .yurai.in,
	section#service .area_1.in,
	section#service .area_2.in{
		opacity: 1;
		transform: translate(0,0);
	}

/* recruit 
----------------------------------------------- */
section#recruit{}
section#recruit:before{ content:''; display:block; position:absolute; top:-100px; left:0; z-index:-1;width:100%; height:643px; background:url(img/bg_contents_3.png) center top no-repeat; background-size:100% 100%;}
section#recruit .inner{}

section#recruit h3{ margin-left: 70px; margin-right: 70px; font-size: 1.3em;}
section#recruit h3:before{ content: ''; display: block; width: 155px; height: 155px; border-radius:77px; position: absolute; top:calc(50% + 0px); left: 40px; z-index: -1; transform: translate(0,-50%); background: #fff;}

section#recruit p{margin-left: 70px; margin-right: 70px;}

section#recruit table{ font-size:0.8em;margin-left: 125px; margin-bottom: 30px;}
section#recruit table th{ white-space:nowrap; padding-right:10px; border-right:solid 2px #000;}
section#recruit table td{ padding-left:10px;}


	section#recruit h3,
	section#recruit p,
	section#recruit table{
		opacity: 0;
		transform: translate(50px,0);
		transition: all 1000ms ease-out;
	}
	section#recruit h3.in,
	section#recruit p.in,
	section#recruit table.in{
		opacity: 1;
		transform: translate(0,0);
	}



/* contacty 
----------------------------------------------- */
section#contact{ }
section#contact > .inner{ }
section#contact > .inner:before{ content: ''; display: block; width: 312px; height: 488px; position: absolute; top: -40px; left: -85px; z-index: -1; transform: translate(0,0); background:url(img/bg_sub_mark_yoko.svg) center center no-repeat; background-size:100% 100%;}

section#contact h2.title{}
section#contact article.contents{ }

section#contact  h3{}


section#contact  .data{ display:flex; margin-bottom:0px;}
section#contact  .data .area_1{ padding-right:50px;}
section#contact  .data .area_2{ white-space:nowrap;}

section#contact  .map{ width:100%; height:600px;}



	section#contact h3,
	section#contact p,
	section#contact .area_1,
	section#contact .area_2,
	section#contact .data,
	section#contact .map{
		opacity: 0;
		transform: translate(0,50px);
		transition: all 1000ms ease-out;
	}
	section#contact h3.in,
	section#contact p.in,
	section#contact .area_1.in,
	section#contact .area_2.in,
	section#contact .data.in,
	section#contact .map.in{
		opacity: 1;
		transform: translate(0,0);
	}




/* @media screen  
----------------------------------------------- */
@charset "UTF-8";

.onlyPC{ display:block;}
.onlySP{ display:none;}
	

@media screen and (max-width: 900px) {
	
	html,
	body{overflow-x: hidden;}
	
	body#top #main{}
	
	html .onlyPC{ display:none;}
	html .onlySP{ display:block;}
	
	
	html.touchDevice,
	.touchDevice body{ font-size: 24px;}
	
	html.iPad,
	.iPad body{font-size:18px;}
	
	#container	{ min-width: 750px;  }
	header.global{ min-width:inherit;  }
	section.area > .inner{ width:750px; }
	header.global .inner{ width:100%; }
	
	header.global nav.globalMenu ul{ width:inherit;display:none;}
	
	header.global nav.langMenu{ display:none;}
	
	header.global.open nav.langMenu{ display:block; transform: scale(2.5,2.5)}
	
	
	#spMenuBtn{ display: block;}
	
	section#about  .area_1{margin-bottom:200px;}
	section#about  .area_1 h3{ margin-left:40px;margin-right:40px;}
	section#about  .area_1 p{ margin-left:110px;margin-right:40px;}
	
	section#about  .area_2{margin-bottom:100px;}
	section#about  .area_2 h3{margin-left:40px;margin-right:40px;}
	section#about  .area_2 p{ margin-left: 110px;margin-right:40px;}
	
	section#about  .area_3 h3{ margin-left:40px;margin-right:40px;}
	
	section#about2  .area_3{}
	section#about2  .area_3 h3{margin-left: 120px !important;margin-right:40px;}
	section#about2  .area_3 h4{margin-left: 40px;margin-right:40px;}


	section#about2  .area_3_1 p{margin-left:120px;margin-right:40px;}
	
	
	section#service .inner{width:auto !important; padding: 0 40px !important;}
	
	section#service  dl.torihiki dd{ float: none; margin-bottom: 0; width: 100% !important;}
	
	section#service  .data{ display: block;}
	section#service  .data .area_1{ width:100%; padding-right:0px; display: block; margin-bottom: 30px;}
	section#service  .data .area_2{ width:100%; display: block;}

	
	section#recruit .inner{width:auto !important; padding: 0 40px !important;}

	section#recruit h3{ margin-left: 0px; margin-right: 0px;}

	section#recruit p{margin-left: 0px; margin-right: 0px;}

	section#recruit table{margin-left: 0px; margin-bottom: 30px;}
	
	
	
	section#contact > .inner{width:auto !important; padding: 0 40px !important;}


section#contact h2.title{}
section#contact article.contents{ }

section#contact  h3{}


section#contact  .data{ display:block; margin-bottom:0px; margin-left: 0px;}
section#contact  .data .area_1{ padding-right:0px; width: 100%;}
section#contact  .data .area_2{  width: 100%;white-space:normal;}

section#contact  .map{}
	
}