@charset "utf-8";
/*
Theme Name: presus3.com
Description: プレサスキューブウェブサイト
Version: 2.0
Author: Masaru Oishi
Auther: URI: http://blancdeblancs.co.jp/
*/

/*reset_css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	list-style: none;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
    content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing: border-box;
	color: #4d4d4d;
	transition: 1s;
}
a:viseted {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.grecaptcha-badge { visibility: hidden; }


/*===============================================
●style.css 画面の横幅が980px以上
===============================================*/
@media screen and (min-width: 980px){
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	#container{
		width:100%;
	}

/*------------body------------*/
	html {
		overflow-y: scroll;
	}
	body {
		font-family: "Meiryo",serif;
		font-size: 16px;
		background: #fff;
		line-height: 1.8;
		color: #4f4f4f;
		background-attachment:fixed;
		background-size:cover;
		position:relative;
	}
	#wrap{
		min-width: 980px;
		position: relative;
		box-sizing: border-box;
	}
	a:hover,a li:hover {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}

/*-------------fede 表示------------*/
	.list li {
		transition: .8s;
	}
	.list-mv{
		opacity: 0;
		transform: translate(0,60px); 
		-webkit-transform: translate(0,60px); 
	}
	.mv{
		opacity: 1.0;
		transform: translate(0,0); 
		-webkit-transform: translate(0,0);
	}
	.list-mv2{
		opacity: 0;
	}
	.mv2{
		opacity: 1.0;
	}

/*----------header------------*/
	#header {
		display: block;
		padding: 10px 0px;
	}
	.inner-wrap {
		width: 980px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.inner_header {
		overflow: hidden;
		position: relative;
		padding-top: 10px;
	}
	p#logo {
		float: left;
	}

/*--------g-navi-------------*/
	.menu-nav-container {
		
	}
	ul#menu-nav {
		float: left;
		display: table;
		margin-top: 10px;
		margin-left: 20px;
	}
	li.menu-item {
		display: table-cell;
		vertical-align: middle;
		font-size: 0.9rem;
		line-height: 1.3;
		text-align: center;
	}
	#menu-nav li {
		list-style: none;
	}
	li.menu-item a {
		padding: 8px 26px;
		display: block;
		position: relative;
		border-bottom: 1px solid transparent;
		transition: 1s;
	}
	li.menu-item a:hover {
		opacity: 1.0;
		border-bottom:solid 1px #4d4d4d;
	}
	li.menu-item a:after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width:1px;
		height: 14px;
		background:#999;
		margin-top: -7px;
	}

/*----------検索フォーム----------*/
	#searchform {
		float: right;
		margin-top: 10px;
	}
	.screen-reader-text {
		display: none;
	}
	#s{
		border: 1px solid #4d4d4d;
		margin: 0 0 0 10px;
		height: 24px;
		width: 160px;
		padding: 2px 5px;
	}
	#searchsubmit{
		border: 1px solid #4d4d4d;
		background: #4d4d4d;
		padding: 6px 15px;
		color: #FFFFFF;
		font-size: 0.9em;
	}

/*--------------breadcrumb----------------*/
	#breadcrumb {
		margin: 10px 0 ;
		height: 25px;
	}
	#breadcrumb ul {
		
	}
	#breadcrumb li {
		display: block;
		float: left;
		margin-right: 30px;
		font-size: 0.9em;
	}
	span.breadmark {
		margin-left: 30%;
	}

/*-----------top page main content--------------*/
	#wrapper {
		
	}
	#topPagescreen {
		overflow: hidden;
		height: 100vh;
		width: 100vw;
		position: relative;
	}
	video {
		display:block;
	}
	#bg-video {
		position:fixed;
		right:0;
		bottom:0;
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		z-index:-1;
	}
	#main {
		display: block;
		text-align: center;
		width:100%;
	}
	.main_screen{
		position: absolute;
		left:0;
		top:0;
		background:cover;
		display: table;
		transition: 1.6s;
		opacity: 1;
		height:100%;
		width: 100%;
		animation-name: fadeInUp;
	}
	#top_logo {
		position: absolute;
		top: 35%;
		left: 50%;
		margin-left: -136px;
	}
	#top_logo img{
		width: 272px;
		transition: 0.3s;
	}
	#top_logo img:hover {
		width: 282px;
		margin-left: -5px;
	}
	.text_wrap{
		display: table-cell;
		vertical-align: middle;
	}
	h1.copy_title {
		opacity: 1;
		font-size: 2.2rem;
		margin-bottom:10px;
		line-height: 1.6;
	}
	.sub_title {
		transition: 0.7s;
		font-size: 1.3rem;
		margin-top:20px;
	}
	.topMainbtn{
		opacity:1;
		position: absolute;
		bottom: 80px;
		left:50%;
		margin-left: -360px;
	}
	.topMainbtn li {
		float: left;
		padding:20px 20px;
		font-size:1.1em;
		font-weight:bold;
		height: 60px;
		width:270px;
	}
	.topMainbtn a {
		
	}
	.topMainbtnleft {
		margin-right: 90px;
	}
	.topMainbtnright {
		
	}
	.bansection {
		padding: 30px 0;
	}
	.banarea {
		position: absolute;
		bottom: 5%;
		left:50%;
		margin-left: -210px;
		width: 420px;
	}
	.banarea li {
		float: left;
		margin-right: 30px;
		height: 60px;
	}
	.banarea li:last-child {
		margin-right: 0;
	}
	.banarea img {
		width: 190px;
		height: 60px;
	}

/*----------------page content---------------------*/
	.contentBody {
		
	}
	#page_content_wrap {
		width: 980px;
		padding: 0 20px;
		margin: 0 auto;
	}
	#page_content_main {
		margin: 10px 0;
	}
	.page_topImageWrap {
		clear: both;
		background: #f2f2f2;
		height: 60px;
	}
	.page_topImage{
		height:100%;
		width: 980px;
		margin:0 auto;
		vertical-align: middle;
	}
	.page_topImage h2 {
		display: block;
		vertical-align: middle;
		font-size: 1.5rem;
		font-weight: 300;
		letter-spacing: 0.2em;
		line-height: 60px;
	}
	.entry {
		background: #fff;
	}
	.entry_wrap {
		padding: 20px;
	}
	.entry_wrap p {
		font-size: 0.95em;
		padding: 0 5px;
	}
	.post_titleWrap {
		background: #e6e6e6;
		height: 60px;
		vertical-align: middle;
	}
	.post_title {
		width: 980px;
		margin: 0 auto;
		line-height: 60px;
	}
	.post_title h2 {
		font-size: 1.2rem;
	}
	.entry_wrap h3 {
		padding: .5em .75em;
		background-color: #f6f6f6;
		box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
		margin-bottom: 20px;
	}

/*------------message page------------*/
	.messagePage {
		font-size: 0.9em;
	}
	.messagePage .articleTitle {
		clear: both;
		margin-top:25px;
		margin-bottom: 15px;
	}
	.messagePage h4 {
		clear: both;
		margin-bottom: 10px;
	}
	.messagePage .subarticleTitle {
		margin-top: 30px;
	}
	.messagePage p {
		padding: 0 10px;
		font-size: 0.9rem;
	}
	.intro {
		float:left;
		width: 56%;
		padding: 0;
		font-size: 0.9rem;
	}
	.messagePage .photo1 {
		float:right;
		width: 40%;
		margin: 5px 0px 20px 10px;
	}
	.messagePage .photo2,.messagePage .photo3 {
		width: 100%;
		height: 100%;
		margin: 0px;
		position:relative;
	}
	.messagePage .photo2 .photo2Title {
		position:absolute;
		top: 20%;
		margin-top: 3%;
		left: 20%;
		font-size: 0.7rem;
		z-index:1;
	}
	.bg_photo2Title {
		position:absolute;
		top: 5%;
		left: 17.5%;
		width:11%;
	}
	.messagePage .photo2 .aligncenter {
		float: right;
		margin-right: 7%;
		width: 60%;
		margin-bottom: 1%;
	}
	.messagePage .photo2 .comment1 {
		position:absolute;
		top: 0%;
		left: 48.4%;
		margin-top: 2.8%;
		font-size: 0.7rem;
		text-align: center;
		line-height: 1.2em;
		height:100%;
	}
	.messagePage .photo2 .comment2 {
		position:absolute;
		top: 12%;
		right: 13.4%;
		margin-top: 3.5%;
		font-size: 0.7rem;
		text-align: center;
		line-height: 1.2em;
	}
	.messagePage .photo3 .photo3Title {
		position:absolute;
		top: 20%;
		margin-top: 5%;
		left: 18%;
		font-size: 0.7rem;
	}
	.bg_photo3Title {
		position:absolute;
		top: 20%;
		margin-top: 2.1%;
		left: 15.7%;
		width:11%;
	}
	.messagePage .photo3 .aligncenter{
		float: right;
		margin-right: 7%;
		margin-bottom: 1%;
		width: 60%;
	}
	.messagePage .photo3 .comment1 {
		position:absolute;
		top: 0%;
		left: 49.5%;
		margin-top: 6.7%;
		font-size: 0.7rem;
		text-align: center;
		line-height: 1.2em;
		height:100%;
	}
	.messagePage .photo3 .comment2 {
		position:absolute;
		top: 9.5%;
		right: 13.5%;
		margin-top: 5.9%;
		font-size: 0.7rem;
		text-align: center;
		line-height: 1.2em;
	}

/*--------------company----------------*/
	.company_post_title {
		background: #969696; /* Old browsers */
		background: -moz-linear-gradient(top, #969696 0%, #646464 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #969696 0%,#646464 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #969696 0%,#646464 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#646464',GradientType=0 ); /* IE6-9 */
		margin-bottom: 20px;
	}
	.company_post_title h3{
		color: #f0f0f0;
		line-height: 50px;
		padding: 0 20px;
		font-weight: 300;
		font-size: 1.15rem;
		text-shadow: 1px 1px 2px #333;
	}
	.companyData {
		
	}
	.companyData h3 {
		
	}
	.companyData dl {
		margin-bottom: 30px;
		padding: 0 5px;
	}
	.companyData dt {
		font-size: 16px;
		font-weight: bold;
		float: left;
		width: 200px;
		padding: 13px 0 5px 10px;
	}
	.companyData dd {
		padding: 13px 10px 10px 230px;
		border-bottom: dotted 1px #555;
		font-size: 0.95em;
	}
	.companyData span {
		display: block;
		float: left;
		width: 150px;
	}
	.accessTitle {
		margin-top: 20px;
	}
	.companyData .accessPara {
		padding: 0 10px 10px 13px;
		font-size: 0.9em;
	}
	.presusImg {
		margin: 20px 0;
		text-align: center;
	}

/*----------------service----------------*/
	.service {
		
	}
	.service p {
		padding: 0 10px;
		font-size: 0.9em;
	}
	.service h3 {
		clear: both;
		margin-top: 20px;
		font-size: 1.2rem;
	}
	.service h4 {
		margin-top: 20px;
	}
	.service .chart {
		float:left;
		width: 400px;
		height: 260px;
	}
	.service .map {
		float:left;
		width: 220px;
		height: 230px;
		font-family: sans-serif;
		text-align: right;
	}
	.service .msg {
		font-family: 'メイリオ';
	}
	.service .axis path, .axis line {
		fill: none;
		stroke: #cccccc;
		shape-rendering: crispEdges;
	}
	.service .axis text {
		font-family: sans-serif;
	}
	.service .zero-axis path {
		fill: none;
		stroke-width: 0;
	}
	.service .zero-axis line {
		fill: none;
		stroke: #666666;
		shape-rendering: crispEdges;
	}
	.service .legend {
		font-family: sans-serif;
	}
	.service .line {
		fill: none;
		stroke: steelblue;
		stroke-width: 2px;
	}
	.service #chartVd {
		width: 100%;
		height:100%;
	}
	.service .floatLeft {
		width: 48%;
		padding:0 0 0 2%;
	}
	.service .floatRight {
		width: 47.6%;
		padding:0 0 0 1.8%;
	}
	.service .contentArticle {
		margin-top: 30px;
	}
	.service .contentArticle p {
		margin-bottom: 10px;
	}
	.service li {
		list-style-type: disc;
		margin-left: 7%;
	}
	.service H4 {
		clear: both;
		border-bottom: 1px solid #666;
	}
	.service > .bhi {
		width:calc(50% - 10px);
		float: left;
	}
	.service > .bhi h4 > span{
		font-size: 0.9em;
	}
	.service > .bhi > article.contentArticle > H5.BHItitle {
		font-size:1em;
		margin-bottom: 10px;
	}
	.service > .bhi > article.contentArticle > .about_bhi_content {
		font-size: 0.8em;
		width:calc(45%);
		float: left;
	}
	.service > .bhi > article.contentArticle > .bhi_image {
		width: calc(50% - 10px);
		float: right;
		margin-left: 10px;
		padding: 0;
		text-align: center;
	}
	.service > .bhi > article.contentArticle > .bhi_image > span {
		font-size: 0.75em;
		padding: 6px 4px;
		border: 1px solid #999;
	}
	.service > .bhi > article.contentArticle > .bhi_image img {
		padding-top: 20px;
	}
	
	.service > p.qlik {
		clear: both;
		font-size: 0.7em;
		line-height: 1.2em;
		margin-top: 30px;
	}
	.service p.qlitek {
		font-size: 0.7em;
	}
	.service p.qlik > img {
		width:55px;
		margin-left: 3px;
		margin-bottom: -6px;
	}
	.service > .bhi_case {
		float:right;
		width: calc(50% - 10px);
		margin-left: 10px;
	}
	.service > .bhi_case > .contentArticle > H5 {
		font-size:1rem;
	}
	
	.service > .bhi_case li {
		list-style: none;
		float:left;
		margin: 0;
		width: calc((100% * 1/3) - 20px);
		margin-right: 20px;
	}
	.service > .bhi_case li:last-child {
		margin-right: 0;
	}	
	.service > .bhi_case li p.analysis_title {
		font-size: 0.9rem;
		font-weight: 600;
		background: #f7f7f7;
	}
	.service > .bhi_case li p.analysis_content {
		font-size: 0.75em;
		padding: 0 10px;
		margin-top: 10px;
		height:70px;
	}
	.service > .bhi_case li p.analysis_image {
		text-align: center;
		width: 80%;
	}

/*----------------presus page------------*/
	.presusTitle {
		font-size:1.5em;
		font-weight: bold;
	}
	.presusSubTitle {
		font-size: 1.2em;
		font-weight: bold;
	}
	.presusParag {
		padding: 0 10px 10px 10px;
	}

/*--------------search page-------------*/
	h2.searchTitle {
		font-size:1.5rem;
		position: relative;
	}
	h2.searchTitle span {
		font-size: 1rem;
	}
	.single-desc{
		padding: 20px 10px;
		border-bottom: dotted 1px #4d4d4d;
	}

/*----------------sidebar---------------*/
	.sidebar {
		float: left;
		width: 230px;
		margin: 30px 0;
	}
	.sidebarWrap {
		background: #fff;
		padding-right: 20px;
	}
	.widgettitle {
		border-bottom: 3px double #ccc;
	}
	.wedget_pages ul {
		margin: 5px 0;
	}
	.sidebar .page_item{
		position: relative;
		padding: 10px 0 10px 20px;
		font-size: 0.9rem;
		border-bottom: dotted 1px #555;
	}
	.sidebar .page_item::after{
		display: block;
		content: '';
		position: absolute;
		top: 1.3em;
		left: 0.5em;
		width: 6px;
		height: 6px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.sidebar .page_item a:hover{
		color: #55ae33; 
	}
	.sidebar .current_page_item a {
		color: #f15a24;
	}
	.sidebar .current_page_item::after {
		border-right: 1px solid #f15a24;
		border-bottom: 1px solid #f15a24;
	}

/*----------------site map--------------*/
	.sitemap{
		
	}
	.sitemap h3 {
		margin: 10px 0 0px 30px;
		padding: 0;
		background: none;
		position: relative;
		font-size: 1.1rem;
	}.sitemap h3::after,.sitemap h3::before {
		display: block;
		content: '';
		position: absolute;
	}
	.sitemap h3::after {
		top: .38em;
		left: -1.2em;
		width: 14px;
		height: 14px;
		background-color: #4b4b4b;
		border-radius: 100%;
	}.sitemap h3::before {
		z-index: 2;
		top: .625em;
		left: -.975em;
		width: 4px;
		height: 4px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.sitemap li {
		position: relative;
		font-size: 0.9rem;
		margin: 0 0 10px 30px;
	}
	.sitemap li::after {
		display: block;
		content: '';
		position: absolute;
		top: .5em;
		left: -1em;
		width: 5px;
		height: 5px;
		background-color: #fff;
		border: 1px solid #4b4b4b;
		border-radius: 100%;
	}

/*----------------footer----------------*/
	#page-top {
		position: fixed;
		bottom: 10px;
		right: 20px;
		font-size: 77%;
	}
	#page-top a {
		width: 70px;
		padding: 30px 0;
		text-align: center;
		display: block;
	}
	footer {
		clear:both;
		width: 100%;
	}
	#footer {
		background: #424242 cover;/* Old browsers */
		background: -moz-linear-gradient(top, #424242 0%, #1e1e1e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #424242 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #424242 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
		width: 100%;
		padding: 60px 0;
		color: #fff;
	}
	#footer a {
		color: #fff;
		list-style: none;
	}
	.footer_wrap {
		overflow: hidden;
		width: 980px;
		margin: 0 auto;
	}
	.footer_navlist {
		
	}
	.footer_navlist ul {
		display: table;
		padding-left: 0;
		margin: 0 auto;
	}
	.footer_nav ul li {
		display: block;
		float:left;
		vertical-align: middle;
		font-size: 0.9rem;
		line-height: 1.3;
		text-align: center;
	}
	.footer_nav ul li a {
		padding: 8px 36px;
		display: block;
		position: relative;
		border-bottom: 1px solid transparent;
		transition: 0.2s;
	}
	.footer_nav li a::after {
		content: "";
		position: absolute;
		right: 0;
		top: 30%;
		width:1px;
		height: 14px;
		background:#fff;
		margin-top: 0px;
	}
	.footer_nav ul li.footerHome a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 30%;
		width:1px;
		height: 14px;
		background:#fff;
		margin-top: 0px;
	}
	.sub_footer {
		padding: 20px 0;
		background: #fff;
		color:#4d4d4d;
		font-size: 0.8rem;
	}
	.subfooter_wrap {
		width: 980px;
		margin:0 auto;
		padding: 0 20px;
	}
	.subfooter_leftnav {
		display: block;
		float:left;
	}
	.subfooter_leftnav li{
		float: left;
		margin-right: 20px;
	}
	.copy{
		text-align: right;
	}
}