/* CSS Document */

/*===============================================
●style.css 画面の横幅が415px以上
===============================================*/
@media screen 
	and (min-width: 415px){
	
body {
	/* 画像ファイルの指定 */
	background-image: url(../images/bg_main.png);
	/* 画像を常に天地左右の中央に配置 */
	background-position: center;
	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: scroll;
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #ffffff;
	
	color: #19343d;
	-webkit-text-size-adjust: 100%;
	}
	
div#wrap {
	padding-top: 25px;
	}
	
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}
	
/* headber, headerナビゲーション共通 */
nav#headbar a:link, header#main-header a:link {
	text-decoration: none;
	}
	
nav#headbar a:visited, header#main-header a:visited {
	text-decoration: none;
	}
	
nav#headbar a:hover, header#main-header a:hover {
	text-decoration: none;
	}

nav#headbar a:active, header#main-header a:active {
	text-decoration: none;
	}

/* headber */
nav#headbar {
	background: #fcfcfc;
	border-bottom: 1px solid #E0E0E0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	}
	
nav#headbar div {
	text-align: right;
	width: 960px;
    margin: 0 auto;
	padding: 10px 0;
	}	
	
nav#headbar h1 {
	text-align: left;
	}

nav#headbar ul {
	font-size: 0;
	padding: 12px 0;
	margin-top: -40px;
	}
	
nav#headbar ul li {
	text-align: center;
	line-height: 1.6rem;
	display: inline-block;
	width: 180px;
	margin-right: 15px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.8rem;
	color: #19343d;
	letter-spacing: 0.3rem;
	}
	
nav#headbar ul li.members {
	margin-right: 210px;
	}
	
nav#headbar ul li.company {
	margin-right: 0px;
	}
	
nav#headbar ul li.network span.nav-ja {
	letter-spacing: 0.2rem;
	}
	
/* smart-headber */
nav#smart-headbar {
	display: none;
	}
	
/* header */
header#main-header {
	width: 960px;
    margin: 0 auto;
	}
	
header#main-header h1#logo {
	/*text-align: center;*/
	text-align: left;
	}

header#main-header nav {	
	position: relative;
	top: -83px;
	left: 0;
	}

header#main-header ul {
	font-size: 0;
	text-align:right;
	}
	
header#main-header ul li {
	text-align: center;
	line-height: 1.8rem;
	display: inline-block;
	width: 180px;
	margin-right: 15px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 2.2rem;
	color: #19343d;
	letter-spacing: 0.3rem;
	}
	
header#main-header ul li.btn_business {
	margin-left: 240px;
	}

header#main-header ul li.btn_members {
	margin-right: 210px;
	}

header#main-header ul li.btn_company {
	margin-right: 0px;
	}
	
header#main-header ul li.btn_network span.nav-ja {
	letter-spacing: 0.1rem;
	}
	
a:link .nav-ja {
	color: #19343d;
	}

a:visited .nav-ja {
	color: #19343d;
	}

.nav-en {
	font-size: 0.8rem;
	color: #aa9435;
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.2rem;
	}
	
header#main-header ul li a:hover {
	color: #19343d;
	}
	
header#main-header ul li a span.nav-en:hover {
	color: #aa9435;
	}
	
section#diezview {
	margin-top: 40px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	
section#diezview p.diezmean {
	font-weight:bold;
	margin-top: 13px;
	font-size: 0.8rem;
	}

section#diezview p.diezmean span.spanish {
	background: #19343d;
	color: #ffffff;
	padding: 2px 2px 2px 2px;
	margin: 0 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
section#diezview p.diezmean span.adjective {
	border: 1px solid #19343d;
	padding: 1px 1px 1px 1px;
	margin: 0 2px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
section#diezview p.text {
	margin-top: 30px;
	font-size: 1.8rem;
	text-shadow: 0px 0px 5px #fff; 
    -webkit-text-shadow: 0px 0px 5px #fff; 
    -moz-text-shadow: 0px 0px 5px #fff; 
	}
	
/* article共通 */
article#business, 
article#members, 
article#network, 
article#company {
	width: 100%;
	padding: 150px 0 0;
	}
	
div#business-cntarea, 
div#members-cntarea, 
div#network-cntarea, 
div#company-cntarea {
	width: 960px;
	margin: 0 auto;
	text-align:center;
	margin-top: -115px;
	padding-top: 115px;
	}
	
h1.ttl {
	font-size: 4.0rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 1rem;
	line-height: 2rem;
	}
	
.ttl-en {
	font-size: 0.8rem;
	color: #aa9435;
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.2rem;
	font-weight: normal;
	}
	
p.lead {
	font-size: 1.4rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 1.5rem;
	}

/* business */
article#business {
	margin-top: 300px;
	background:#fff;
	}
	
#business-smart {
	display: none;
	}
	
article#business #business-diagram {
	margin-top: 30px;
	height: 414px;
	background: url(../images/img_bg_timeline.png) no-repeat;
	position: relative;
	padding-bottom: 30px;
	}
	
article#business #business-diagram #process {
	background: url(../images/img_bg_process.png) no-repeat;
	height: 217px;
	width: 668px;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 146px;
	z-index: 5;
	}
	
article#business #business-diagram #process div {
	padding-top: 50px;
	}
	
article#business #business-diagram #process:hover {
	background: url(../images/img_bg_process-over.png) no-repeat;
	cursor:pointer;
	}
	
article#business #business-diagram h1 .biz-ttl-en {
	font-size: 1.0rem;
	font-family: 'Lato', sans-serif;
	display: block;
	color: #41646d;
	letter-spacing: 0.2rem;
	}
	
article#business #business-diagram h1 .biz-ttl-ja {
	font-size: 2.8rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	}
	
article#business #business-diagram p.process-p {
	font-size: 1.3rem;
	line-height: 2.5rem;
	}
	
article#business #business-diagram #process h1 {
	margin-bottom: 10px;
	}
	
article#business #business-diagram #edit {
	background: url(../images/img_bg_edit.png) no-repeat;
	height: 186px;
	width: 704px;
	margin: 0 auto;
	padding: 50px 0 0;
	position: absolute;
	top: 175px;
	left: 128px;
	z-index: 1;
	}
	
article#business #business-diagram #edit #info {
	background: url(../images/img_bg_edit-left.png) no-repeat;
	height: 186px;
	width: 274px;
	position: absolute;
	top: 0;
	left: 78px;
	padding-top: 55px;
	}
	
article#business #business-diagram #edit #info:hover {
	background: url(../images/img_bg_edit-left-over.png) no-repeat;
	cursor:pointer;
	}
	
article#business #business-diagram #edit #research {
	background: url(../images/img_bg_edit-right.png) no-repeat;
	height: 186px;
	width: 274px;
	position: absolute;
	top: 0;
	left: 352px;
	padding-top: 55px;
	}
	
article#business #business-diagram #edit #research:hover {
	background: url(../images/img_bg_edit-right-over.png) no-repeat;
	cursor:pointer;
	}
	
article#business #business-diagram #edit h1 {
	margin-bottom: 0.5rem;
	letter-spacing: 0.2rem;
	}
	
article#business #business-diagram #edit #info h1 {
	padding: 0 15px 0 0;
	}
	
article#business #business-diagram #edit #research h1 {
	padding: 0 0 0 15px;
	}

article#business #business-diagram #edit p {
	font-size: 1.1rem;
	margin: 0 auto;
	line-height: 2rem;
	}
	
article#business #business-diagram #edit #info p {
	text-align: left;
	padding: 0 40px 0 30px;
	}
	
article#business #business-diagram #edit #research p {
	text-align: right;
	padding: 0 30px 0 40px;
	}
	
article#business #business-diagram #cocreation {
	position: absolute;
	top: 175px;
	left: 128px;
	width: 704px;
	z-index: 3;
	}
	
article#business #business-diagram #cocreation h1 {
	font-size: 1.4rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: #aa9435;
	color: #ffffff;
	padding: 6px 4px 6px 5px;
	line-height: 1;
	}
	
article#business #business-diagram #cocreation h1:hover {
	background: #b7a148;
	cursor:pointer;
	}
	
article#business #business-diagram #cocreation div {
	padding-top: 50px;
	}
	
article#business #business-diagram #cocreation #left {
	background: url(../images/img_biz_arrow_left.png) no-repeat center;
	height: 128px;
	width: 145px;
	position: absolute;
	top: 25px;
	left: -35px;
	}
	
article#business #business-diagram #cocreation #right {
	background: url(../images/img_biz_arrow_right.png) no-repeat center;
	height: 128px;
	width: 145px;
	position: absolute;
	top: 25px;
	right: -35px;
	}
	
article#business #business-diagram #dialog {
	background: url(../images/img_biz_dialog.png) no-repeat;
	position: absolute;
	top: 238px;
	left: 433px;
	width: 94px;
	z-index: 2;
	padding-top: 97px;
	}
	
article#business #business-diagram #dialog h1 {
	font-size: 1.4rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: #aa9435;
	color: #ffffff;
	padding: 8px 3px;
	line-height: 1.3;
	}
	
article#business #business-diagram #dialog h1:hover {
	background: #b7a148;
	cursor:pointer;
	}

/* businessモーダルウインドウ */
#business-diagram aside {
	width: 570px;
	/*border: 1px solid #19343d;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;*/
	background-color: rgba(255,255,255,0.9);
	padding: 30px 20px;
	box-shadow: 0px 0px 5px 0px #19343d;
    -webkit-box-shadow: 0px 0px 5px 0px #19343d;
    -moz-box-shadow: 0px 0px 5px 0px #19343d;
	position: absolute;
	top: 10px;
	left: 177px;
	display:none;
	z-index: 10;
	text-align: center;
	}
	
#business-diagram aside#box-cocreation, #business-diagram aside#box-dialog {
	top: 20px;
	}
	
#business-diagram aside div.close {
	position: absolute;
	top: 10px;
	right: 13px;
	cursor:pointer;
	}

#business-diagram aside h1 {
	padding-top: 120px;
	}

#business-diagram aside p {
	font-size: 1.1rem;
	line-height: 1.5;
	}
	
#business-diagram aside ol {
	list-style: decimal;
	text-align: left;
	margin: 20px auto 0;
	display:inline-block;
	}
	
#business-diagram aside ul {
	list-style: circle;
	text-align: left;
	margin: 20px auto 0;
	display:inline-block;
	}
		
#business-diagram aside li {
	margin-bottom: 5px;
	}
	
#business-diagram aside#box-info ol li {
	margin-bottom: 10px;
	}
	
#business-diagram aside span.title {
	font-weight: bold;
	display: block;
	font-size: 1.4rem;
	}
	
#business-diagram aside span.detail {
	display: block;
	font-size: 1.3rem;
	}
	
#business-diagram aside span.normal {
	display: block;
	font-size: 1.4rem;
	}
	
#business-diagram aside span.small {
	font-size: 1.0rem;
	}
	
#business-diagram aside#box-process h1 {
	background: url(../images/img_biz_detail_process.png) no-repeat top;
	}

#business-diagram aside#box-info h1 {
	background: url(../images/img_biz_detail_info.png) no-repeat top;
	letter-spacing: 0.2rem;
	}
	
#business-diagram aside#box-research h1 {
	background: url(../images/img_biz_detail_research.png) no-repeat top;
	letter-spacing: 0.2rem;
	}
	
#business-diagram aside#box-cocreation h1 {
	background: url(../images/img_biz_detail_cocreation.png) no-repeat top;
	}
	
#business-diagram aside#box-dialog h1 {
	background: url(../images/img_biz_detail_dialog.png) no-repeat top;
	letter-spacing: 0.2rem;
	}

/* members */
article#members {
	padding-bottom: 70px;
	}
	
article#members dt {
	}

article#members dl {
	text-align: left;
	margin-top: 10px;
	}
	
article#members dt {
	width: 195px;
	float: left;
	clear: both;
	border-top: #19343d solid 1px;
	padding: 20px 0 20px 0;
	}
	
article#members span.name-ja {
	font-size: 2.7rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	width: 180px;
	line-height: 1.1;
	}
	
article#members span.name-en {
	font-size: 0.8rem;
	color: #aa9435;
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.2rem;
	display: block;
	width: 180px;
	margin-bottom: 5px;
	}
	
article#members span.position {
	font-size: 1.0rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	width: 180px;
	margin-bottom: 4px;
	line-height: 1.2;
	}
	
article#members dd {
	text-align: left;
	float: left;
	width: 765px;
	font-size: 1.4rem;
	border-top: #19343d solid 1px;
	padding: 20px 0;
	}
	
article#members .first {
	border-top: none;
	}
	
article#members ul {
	clear: both;
	text-align: left;
	padding-top: 20px;
	}
	
article#members li {
	float: left;
	width: 180px;
	margin-right: 15px;
	border-right: 1px solid #19343d;
	}
	
article#members li.end {
	margin-right: 0;
	border-right: none;
	width: 175px;
	}
	
/* network */
article#network {
	background:#fff;
	}
	
article#network h1.ttl {
	letter-spacing: 0.2rem;
	}
	
article#network #network-diagram {
	height: 510px;
	background:url(../images/img_network.png) no-repeat top center;
	margin-top: 30px;
	position: relative;
	}
	
article#network #network-diagram section {
	background-color: rgba(255,255,255,0.8);
	padding: 10px 20px;
	border: 1px solid #19343d;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	display: inline-block;
	position: absolute;
	}

article#network #network-diagram h1 {
	font-size: 1.4rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	letter-spacing: 0.1rem;
	}
	
article#network #network-diagram p {
	font-size: 1.1rem;
	color: #41646d;
	}
	
article#network #network-diagram section#regeneration {
	top: 211px;
	left: 155px;
	}
	
article#network #network-diagram section#curation {
	top: 191px;
	left: 728px;
	}
	
article#network #network-diagram section#risk {
	top: 7px;
	left: 438px;
	}
	
article#network #network-diagram section#succession {
	top: 125px;
	left: 286px;
	}
	
article#network #network-diagram section#research {
	top: 43px;
	left: 125px;
	}
	
article#network #network-diagram section#diversity {
	top: 273px;
	left: 551px;
	}
	
article#network #network-diagram section#sales {
	top: 168px;
	left: 542px;
	}
	
article#network #network-diagram section#cloud {
	top: 73px;
	left: 640px;
	}
	
article#network #network-diagram section#human {
	top: 303px;
	left: 215px;
	}
	
article#network #network-diagram section#marketing {
	top: 358px;
	left: 472px;
	}
	
article#network #network-diagram section#robot {
	top: 403px;
	left: 92px;
	}
	
article#network #network-diagram section#it {
	top: 445px;
	left: 419px;
	}
	
/* company */
article#company {
	padding-bottom: 70px;
	}
	
article#company dl.company-data {
	margin-top: 30px;
	text-align: left;
	}
	
article#company dl.company-data dt {
	float: left;
	clear: both;
	width: 180px;
	font-size: 1.6rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	margin-bottom: 2rem;
	}
	
article#company dl.company-data dd {
	float: left;
	padding-left: 15px;
	font-size: 1.6rem;
	margin-bottom: 2rem;
	}
	
article#company dl.company-data dd div.book-area {
	margin-bottom:20px;
	}

article#company dl.company-data dd p {
	float: left;
	padding-top: 3px;
	}
	
article#company dl.company-data dd dl.book {
	float: left;
	padding-left: 15px;
	}
	
article#company dl.company-data dd dl.book dt {
	float: none;
	width: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 1rem;
	}
	
article#company dl.company-data dd dl.book dd {
	float: none;
	padding-left: 0;
	font-size: 1.4rem;
	}
	
/* footer */
footer {
	background: #19343d;
	}

footer div#footer-cntarea {
	width: 960px;
	margin: 0 auto;
	}
	
footer p {
	color: #fff;
	font-family: 'EB Garamond', serif;
	letter-spacing: 0.2rem;
	padding: 18px 0;
	}
	
footer p span {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.0rem;
	}

/* pagetopボタン */
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
}
.pagetop a {
    display: block;
    background-color: #19343d;
    text-align: center;
    text-decoration: none;
    padding: 12px 14px 17px;
	opacity: 0.8;
}
 
.pagetop a:hover {
    background-color: #222;
	opacity: 1;
}

}