/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
a{color: #444;text-decoration: none;}
body{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN" , Verdana, sans-serif;}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {color: #222;font-size: .9em;line-height: 1.7;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}::-moz-selection {background: #b3d4fc;text-shadow: none;}::selection {background: #b3d4fc;text-shadow: none;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}audio,canvas,iframe,img,svg,video {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}

/* ==========================================================================
	common
========================================================================== */
.italic {font-style: italic;}
.bold {font-weight: bold;}
.xx-small {font-size: 60%;}
.x-small {font-size: 75%;}
.small {font-size: 88.88%;}
.large {font-size: 120%;}
.x-large {font-size: 150%;}
.xx-large {font-size: 200%;}
.indent {text-indent: 1em;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.m-300 {margin: 3em;}
.mtb-300, .mt-300 {margin-top: 3em;}
.mrl-300, .mr-300 {margin-right: 3em;}
.mtb-300, .mb-300 {margin-bottom: 3em;}
.mrl-300, .ml-300 {margin-left: 3em;}
.m-200 {margin: 2em;}
.mtb-200, .mt-200 {margin-top: 2em;}
.mrl-200, .mr-200 {margin-right: 2em;}
.mtb-200, .mb-200 {margin-bottom: 2em;}
.mrl-200, .ml-200 {margin-left: 2em;}
.m-150 {margin: 1.5em;}
.mtb-150, .mt-150 {margin-top: 1.5em;}
.mrl-150, .mr-150 {margin-right: 1.5em;}
.mtb-150, .mb-150 {margin-bottom: 1.5em;}
.mrl-150, .ml-150 {margin-left: 1.5em;}
.m-100 {margin: 1em;}
.mtb-100, .mt-100 {margin-top: 1em;}
.mrl-100, .mr-100 {margin-right: 1em;}
.mtb-100, .mb-100 {margin-bottom: 1em;}
.mrl-100, .ml-100 {margin-left: 1em;}
.m-50 {margin: 0.5em;}
.mtb-50, .mt-50 {margin-top: 0.5em;}
.mrl-50, .mr-50 {margin-right: 0.5em;}
.mtb-50, .mb-50 {margin-bottom: 0.5em;}
.mrl-50, .ml-50 {margin-left: 0.5em;}
.m-0 {margin: 0;}
.mtb-0, .mt-0 {margin-top: 0;}
.mrl-0, .mr-0 {margin-right: 0;}
.mtb-0, .mb-0 {margin-bottom: 0;}
.mrl-0, .ml-0 {margin-left: 0;}
.p-200 {padding: 2em;}
.ptb-200, .pt-200 {padding-top: 2em;}
.prl-200, .pr-200 {padding-right: 2em;}
.ptb-200, .pb-200 {padding-bottom: 2em;}
.prl-200, .pl-200 {padding-left: 2em;}
.p-150 {padding: 1.5em;}
.ptb-150, .pt-150 {padding-top: 1.5em;}
.prl-150, .pr-150 {padding-right: 1.5em;}
.ptb-150, .pb-150 {padding-bottom: 1.5em;}
.prl-150, .pl-150 {padding-left: 1.5em;}
.p-100 {padding: 1em;}
.ptb-100, .pt-100 {padding-top: 1em;}
.prl-100, .pr-100 {padding-right: 1em;}
.ptb-100, .pb-100 {padding-bottom: 1em;}
.prl-100, .pl-100 {padding-left: 1em;}
.p-50 {padding: 0.5em;}
.ptb-50, .pt-50 {padding-top: 0.5em;}
.prl-50, .pr-50 {padding-right: 0.5em;}
.ptb-50, .pb-50 {padding-bottom: 0.5em;}
.prl-50, .pl-50 {padding-left: 0.5em;}
.p-0 {padding: 0!important;}
.ptb-0, .pt-0 {padding-top: 0;}
.prl-0, .pr-0 {padding-right: 0;}
.ptb-0, .pb-0 {padding-bottom: 0;}
.prl-0, .pl-0 {padding-left: 0;}
.hover:hover,a:hover img{opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
.notalpha{opacity: 1;filter: alpha(opacity=100);}
.hide {display:none;}
.red,.error{color: red;}
.under{text-decoration:underline}
#pagetop{width: 1200px;margin: 0 auto;text-align: right;position: fixed;bottom: 20px;left: 0;right: 0;}
#pagetop a{display: none;width: 60px;height: 60px;position: absolute;right: 0;bottom: 0;}

/*************
  top
*************/
#wrap{
	width: 100%;
	/* margin: 0 auto; */
	text-align: center;
}
#header{
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	height: 140px;
	z-index: 100;
}
#header-inner{
	margin: 0 auto;
	width: 1200px;
	position: relative;
}
#logo{
	position: absolute;
	left: 100px;
}
#header-link{
	overflow: hidden;
	margin-right: 100px;
}
#header-link li{
	float: right;
}
#main{
	padding-top: 140px;
}
#main img{
	width: 100%;
	height: inherit;
}
#main p{
	margin: 5em 0;
}
#specialty,
#flow{
	background: #EEE;
}
#specialty .red-ribbon,
#flow .red-ribbon{
	background: #e60019;
	padding: 1.5em 0;
	margin-bottom: 3em;
	position: relative;
}
#specialty h3{
	margin: 4em auto 1em;
}
#specialty h3+p{
	/* margin-top: -1em; */
}
#specialty p{
	width: 700px;
	margin: 0 auto 2em;
	text-align: left;
}
#specialty-slide{
	background: #e60019;
	padding: 20px 0;
	margin-top: 5em;
}
.btn-area{
	padding: 5em 0;
}
#flow{
	padding-bottom: 3em;
}
#flow h2:after{
	background: url(../img/arrow.png) no-repeat center bottom;
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	bottom: -20px;
	position: absolute;
}
#flow h3{
	margin: 3em 0;
}
#comment{
	background: #fdfdfd;
	width: 1000px;
	padding: 1em 100px 3em;
	margin: 4em auto 2em;
	position: relative;
}
#comment p{
	text-align: left;
	margin: 0 250px 1em 0;
}
#comment p.photo{
	position: absolute;
	right: 100px;
	bottom: 3em;
	margin: 0;
}
#works-ul{
	background: #eee;
	overflow: hidden;
	width: 1250px;
	padding: 2em 50px 2em   100px;
	margin: 0 auto;
}
#works-ul li{
	width: 200px;
	float: left;
	margin: 0 50px 0 0;
	font-size: 80%;
	text-align: left;
}
#works-ul li a{
	color: #000;
	text-decoration: none;
}
#works-ul li a img{
	margin-bottom: 1em;
}
#solution{
	background: url(../img/img_15.jpg) no-repeat center top;
	width: 1010px;
	min-height: 270px;
	padding-top: 150px;
	margin: 3em auto;
}
#solution p{
	width: 470px;
	text-align: left;
	margin-bottom: 1.5em;
	line-height: 2;
}
#voice{
	background: #eed9cd;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 1060px;
	padding: 70px;
	margin: 2em auto 5em;
}
#voice h3{
	margin-bottom: 3em;
}
#voice ul{
}
#voice ul li{
	background: #fff;
	position: relative;
	padding: 170px 30px 30px;
	margin: 0 auto 2em;
	width: 1000px;
	min-height: 200px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
#voice ul li.left h4{
	position: absolute;
	left: -20px;
	top: 30px;
}
#voice ul li.left p{
	margin: 0 230px 1em 100px;
	line-height: 1.8;
}
#voice ul li.right h4{
	position: absolute;
	right: -20px;
	top: 30px;
}
#voice ul li.right p{
	margin: 0 90px 1em 220px;
	text-align: left;
	line-height: 2;
}
#voice ul li.left .photo{
	position: absolute;
	right: 50px;
	top: 140px;
	margin: 0!important;
}
#voice ul li.right .photo{
	position: absolute;
	left: 50px;
	bottom: 50px;
	margin: 0!important;
}
#mailform{
	text-align: center;
	padding: 5em 0 3em;
}
.form_table table{
	margin: 2em auto;
	width: 800px;
	border: solid 1px #ccc;
}
.form_table table,.form_table td,.form_table th {
	border-collapse: collapse;
}
.form_table table th{
	background: #eee;
	width: 200px;
}
.form_table table input,.form_table table textarea{
	width: 96%;
	padding: .5em 2%;
	border: 1px solid #ccc;
}
.form_table table textarea{
	height: 10em;
}
.form_table table th,.form_table table td{
	border-bottom: solid 1px #ccc;
	padding: 1.5em;
	text-align: left;
}
::-moz-placeholder {
	color: #777;
}
input:-ms-input-placeholder {
	color: #777;
}
.check_mark {
	font-size: 130%;
	color: #00aa00;
}
.btn_check{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	border: 1px solid #ccc;
	width: 150px;
	padding: 1em;
	color: #000;
	margin-top: 1em;
}
#p_mark_logo{
	margin: 3em 0 0em;
}
.modoru_okuru{
	text-align: center;
}
.modoru_okuru div{
	display: inline-block;
}
#oreiaisatu_area{
	margin-bottom: 3em;
	padding-top: 250px;
}
.green_back{
	background-color: #00aa00;
	width: 600px;
	padding: 1em 1em 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 2em auto 0;
}
.green_back h2{
	font-size: 26px;
	padding: 15px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	padding: .5em;
	font-size: 160%;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #00aa00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.green_back p{
	color: #fff;
	font-size: 110%;
}
#tact_mark_center{
	border-top: 1px solid #ccc;
}
#copyright{
	padding: 1em 0;
	background: #000;
	color: #fff;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}
.wisebook_form{
	text-align:center;
	font-size:16px;
	margin-top:10px;}
	
.wisebook_form2{
	text-align:center;
	font-size:14px;margin-top:10px;
	margin-bottom:10px;}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}