/*===============================================
［PC］スタイル
===============================================*/

section {
	background-image: url(../images/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #fff;
}


/* 左側
-------------------------------------------------------------------------------*/

#left_area{
	width:60%;
}
#left_area .show_area {
	position: fixed;
	top: 15%;
	left: 2%;
	width: 56%;
	height: 80%;
	padding:20px;
}
#left_area .show_area li{
	display:none;
}
#left_area .show_area li .popup{
	position:absolute;
	padding: 30px;
	overflow:auto;
	height: 100%;
}
#left_area .show_area li .popup.ss{
	background:#FFF;
}
div.solution {
	margin: 10px 20px 10px;
	padding: 0;
	border: 1px solid #6eb1db;
	background: rgba(240, 240, 240, 0.2);
	-pie-background: rgba(240, 240, 240, 0.2);
	behavior: url(./img/PIE.htc);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

h5.solution {
	margin: 0 20px 5px;
	padding: 0 15px;
	font-weight: bold;
	border-bottom: 3px double #6eb1db;
	padding: .8em .9em .3em;
}

div.solution div.inline {
	margin: 0 20px 15px;
	padding: 0 15px;
}



div.interview {
	margin: 20px 0 20px 40px;
	padding: 5px;
	width: 80%;
	height: 100px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(./img/PIE.htc);
}


/* メニュー
-------------------------------------------------------------------------------*/
.menu_wrap{
	position: fixed;
	width: 100%;
	top: 99px;
	z-index:800;
	background: #FFF;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
@media (min-width: 0px) {
	.menu_wrap {
		margin: -41px auto 0px;
		border-top: 1px #d6d6d6 solid;
	}
}
@media (min-width: 960px) {
	.menu_wrap {
		margin: 50px auto 0px;
		border-top: none;
	}
}
.menu_wrap .inner{
	position: relative;
	text-align: right;
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../../images/bg_service.png);
	background-position: center center;
	background-repeat: repeat;
	padding-right: 20px;
}
.menu_wrap.scroll{
	margin: -15px auto 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	display: inline-block;
	padding: 6px 10px 3px 10px;
	font-size: 9pt;
	border-bottom: solid 3px #FFF;
	border-image: url(../../images/bg_service.png);
	background-image: url(../../images/bg_service.png);
	background-position: center center;
	background-repeat: repeat;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
/*	border: 1px solid #008fd2;*/
	color: #fff;
	border-bottom: solid 3px #008fd2;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.button:hover::after {
	background: #008fd2;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.button.focus{
/*	border: 1px solid #008fd2;*/
	color: #000;
	border-bottom: solid 3px #008fd2;
	border-image: none;
}

/* 右側
-------------------------------------------------------------------------------*/
#right_area {
	position: relative;
	float: right;
	overflow: hidden;
	background: #FFF;
	right: 0%;
	background-image: url(../../images/bg_service.png);
	background-position: center center;
	background-repeat: repeat;

}
@media (min-width: 0px) {
	#right_area {
		width: 100%;
	}
}
@media (min-width: 960px) {
	#right_area {
		width: 40%;
	}
}

#right_area .page-header.intro{
	height: 100px; 
	position: absolute; 
	z-index: 601;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#right_area .page-header.intro h1 {
	color: #FFF;
}

/* コンテンツ インナー要素（各項）
-------------------------------------------------------------------------------*/
#right_area .titleView {
	position: relative;
	width: 100%;
	color: #FFF;
}
@media (min-width: 0px) {
	#right_area .titleView {
		margin-top: 100px;
	}
}
@media (min-width: 960px) {
	#right_area .titleView {
		margin-top: 240px;
	}
}
#right_area .titleView img{
	width: 100%;
}
#right_area .innerContents {
	float: left;
	width: 100%;
	padding: 5% 5% 10% 5%;
	background-image: url(../../images/bg_service.png);
	background-position: center center;
	background-repeat: repeat;

}

#right_area .innerContents h3 {
	font-size: 15px;
	font-weight: bold;
}

#right_area .innerContents .txt {
	font-size: 10pt;
	line-height: 1.8em;
	margin-top: 20px;
}
#right_area .innerContents .ex p {
	font-size: 10pt;
}
#right_area .innerContents .ex a {
	outline: none;
	color:#000;
}
#right_area .innerContents .ex .banner {
	margin-bottom:20px;
}
#right_area .innerContents .ex .banner img{
	border: solid 1px #ccc;
	width: 50%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
#right_area .innerContents .ex .banner img:hover {
	-webkit-transform: scale( 1.1 );
	-moz-transform: scale( 1.1 );
}
#right_area .innerContents #inner_top{
	padding-bottom:150px;
}
#right_area .innerContents .right_block{
	padding-bottom:100px;
}
@media (min-width: 0px) {
	#right_area .innerContents .right_block{
		padding-top:150px;
	}
}
@media (min-width: 960px) {
	#right_area .innerContents .right_block{
		padding-top:150px;
	}
}
#right_area .innerContents .right_block .block_title{
	font-size:18pt;
	margin-bottom:20px;
}

/* アコーディオン
-------------------------------------------------------------------------------*/

#right_area .innerContents .ac_wrap{
	margin: 20px 0;
}
#right_area .innerContents .ac_menu dt{
	display:block;
	width:100%;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	background: #008fd2;
	color:#FFF;
	border-bottom:#FFF 1px solid;
	font-weight:normal;
}
#right_area .innerContents .ac_menu dd{
	width:100%;
	display:none;
	padding:20px;
}
#right_area .innerContents .ac_menu dd h3{
	font-size:13pt;
}
#right_area .innerContents .ac_menu dd p{
	font-size:11pt;
}
#right_area .bt{
	margin-bottom:100px;
}