@charset "utf-8";

@media screen and (min-width: 641px) {

/* -----------------------------------------------------------------------------

	共通

----------------------------------------------------------------------------- */	

#header #gnav > ul > li.navProject > a > span {
	padding-bottom: 5px;
	border-bottom: 2px solid #f06060;
}
section {
	min-width: 1000px;
}
section h2 {
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	padding: 50px 0;
	margin: 0 0 20px;
    background: #f06060;
	color: #fff;
}
section h2 span {
	display: block;
	padding-top: 9px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
	font-weight: normal;
}
.breadCrumb {
	margin: 0 0 30px;
	font-size: 12px;
}
.breadCrumb ul {
	width: 1000px;
	margin: 0 auto;
}
.breadCrumb li {
	display: inline-block;
}
.breadCrumb li:before {
	content: "＞";
	display: inline-block;
	padding: 0 6px 0 3px;
}
.breadCrumb li:first-child:before {
	content: none;
}
.breadCrumb a {
	color: #2d9cdc;
}
.breadCrumb a:hover {
	text-decoration: underline;
}
	
	
/* -----------------------------------------------------------------------------

	大項目

----------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------

PROJECT

----------------------------------------------------------------------------- */

.top .lead {
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
	margin: 0 0 50px;
}
.top .contents01 {
	width: 1000px;
	margin: 0 auto;
	font-size: 0;
	line-height: 1;
}
.top .contents01 li {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: bold;
	margin: 0 30px 0 0;
}
.top .contents01 li h3 {
	background: url(../project/img/icon_arrow.png) no-repeat right center;
	margin: 18px 0 0;
}
.top .contents01 li:nth-child(3n) {
	margin: 0;
}
.top .contents01 li:nth-child(n + 4) {
	margin-top:20px;
}
.top .contents01 li:nth-child(4) {
	margin-left: 171px;
}
.top .contents01 li:first-child h3,
.top .contents01 li:nth-child(2) h3,
.top .contents01 li:nth-child(3) h3,
.top .contents01 li:nth-child(4) h3 {
	margin: 5px 0 0;
}
.top .contents01 li:hover {
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

	.btn_corporatesite {
		margin: 50px auto 0;
	}
	
	.btn_corporatesite a {
		display: block;
		width: 80%;
		max-width: 400px;
		height: 44px;
		margin: 0 auto;
		font-size: 15px;
		line-height: 46px;
		text-align: center;
		color: #FFF !important;
		background: url("../common/img/icon_blank_w.gif") right 20px center / auto auto no-repeat #0075c2;
		border-radius: 100vh;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}
	
	.btn_corporatesite a:hover {
		opacity: 0.8;
	}
	
	
	
	
	
/* 小項目 */
	
/* -----------------------------------------------------------------------------

プロジェクト共通
	
----------------------------------------------------------------------------- */

.project section h2 {
    text-align: left;
    font-size: 40px;
    font-weight: bold;
    margin: 0 auto;
    width: 1000px;
    height: 160px;
    box-sizing: border-box;
	background: none;
}
.project section h2 span {
    font-size: 20px;
}
.project .breadCrumb {
	background: #f4f5f7;
	margin: 0;
	padding: 20px 0 30px;
}
.project .contents01 {
	background: #f4f5f7;
	}
.project .contents01 .title {
	background: url(../project/myanmar/img/main.jpg) no-repeat;
	height: 290px;
	color: #fff;
	font-size: 26px;
	line-height: 1.8;
	padding: 80px 0 0 40px;
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
}
.project .contents01 p {
	font-size: 15px;
	line-height: 1.6;
	padding: 40px 0 50px;
	width: 1000px;
	margin: 0 auto;
}
.project .contents02 {
	border-bottom: 1px solid #e5e5e5;
}
.project h3 {
	width: 1000px;
	margin: 50px auto 40px;
	box-sizing: border-box;
	text-align: center;
	color: #222;
	font-size: 34px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.project h3 span  {
	display: block;
	color: #f06060;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 16px;
	margin: 10px 0 0;
}
.project .contents02 ul {
	margin: 0 auto 50px;
	font-size: 0;
	line-height: 1;
}
.project .contents02 li {
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 12px 0 0;
	width: 241px;
	height: 230px;
}
.project .contents02 li:last-child {
	margin: 0;
}
.project .contents02 li .box {
	width: 241px;
	height: 74px;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.project .contents02 li .box span {
	font-size: 13px;
	font-weight: normal;
	display: block;
}
.project .contents02 li .box span.small {
	font-size: 12px;
}
.project .contents03 {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 0;
}	
.project .contents03 .title {
	text-align: center;
	min-height: 34px;
}
.project .contents03 .title:after {
    background-color: #000;
    content: "";
    display: block;
    height: 1px;
    width: 54px;
    margin: 30px auto 40px;
}	
.project .contents03 .title span {
	line-height: 0;
	font-size: 28px;
	font-weight: bold;
	padding: 3px 0 4px 170px;
	background: url(../project/myanmar/img/story01.png) no-repeat 0 1px;
}
.project .contents03 .title span.line02 {
    padding: 3px 0 4px 180px;
    line-height: 1.6;
    display: block;
}
.project .contents03 .story02 .title span {
	background: url(../project/myanmar/img/story02.png) no-repeat 0 1px;
}
.project .contents03 .story03 .title span {
	background: url(../project/myanmar/img/story03.png) no-repeat 0 1px;
}
.project .contents03 .box img {
	float: left;
}
.project .contents03 .box p {
	float: right;
	width: 500px;
	font-size: 15px;
	line-height: 1.8;
}
.project .contents03 .story02 .box img {
	float: right;
}
.project .contents03 .story02 .box p {
	float: left;
}
.project .contents03 .box p.static {
	width: 1000px;
	margin: 10px 0 0;
}
.project .contents03 .voice {
	background: #f4f5f7;
	position: relative;
	margin: 50px 0 70px;
}
.project .contents03 .story03 .voice {
	margin: 50px 0 0;
}
.project .contents03 .voice img {
	position: absolute;
	top: 0;
	right: 0;
}
.project .contents03 .voice p {
	width: 580px;
	position: absolute;
	top: 80px;
	left: 50px;
	font-size: 15px;
	line-height: 1.8;
}
.project .contents03 .voice .caption {
	position: absolute;
	top: 0;
	left: 0;
	background: #f06060;
	color: #fff;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 14px 50px;
}
.project .right img {
	left: 0 !important;
}
.project .right p {
	left: 378px !important;
}
.project .right .caption {
	left: 328px !important;
}
.project .contents04 h3 {
	font-size: 30px;
	letter-spacing: 0.05em;
}
.project .contents04 ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0;
	width: 1000px;
	margin: 0 auto;
}	
.project .contents04 li {
	-webkit-flex-basis: 480px;
	-ms-flex-basis: 480px;
	flex-basis: 480px;
	max-width: 480px;
	width: 480px;
	vertical-align: top;
	font-size: 18px;
}
.project .contents04 li:nth-child(n+3),
.project .contents04 li:nth-child(n+4) {
	margin-top: 20px;
}
.project .contents04 li a {
	display: block;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
	width: 480px;
	height: 118px;
}
.project .contents04 .datahealth a {
	background: url(../project/img/btn_other01.jpg) no-repeat;
	padding: 46px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 .energysystem a {
	background: url(../project/img/btn_other05.jpg) no-repeat;
	padding: 32px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 .myanmar a {
	background: url(../project/img/btn_other03.jpg) no-repeat;
	padding: 46px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 .infrastructure a {
	background: url(../project/img/btn_other02.jpg) no-repeat;
	padding: 32px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 .stockprices a {
	background: url(../project/img/btn_other04.jpg) no-repeat;
	padding: 32px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 .securitycloud a {
	background: url(../project/img/btn_other06.jpg) no-repeat;
	padding: 32px 0 0 190px;
	box-sizing: border-box;
}
.project .contents04 li span {
	background: url(../project/myanmar/img/icon_arrow.png) no-repeat right 50%;
	display: block;
	width: 276px;
}
.project .contents04 li:hover {
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

/* -----------------------------------------------------------------------------

 AI株価予測
	
----------------------------------------------------------------------------- */
.stockprices section .mv {
    background:url(../project/stockprices/img/bg_header.png) no-repeat center 0 , #f06060;
}
.stockprices .contents01 .title {
	background: url(../project/stockprices/img/main.jpg) no-repeat;
}
.stockprices section h2 {
    padding: 45px 0 0 0;
}
.stockprices .contents02 ul {
	/*width: 1000px;*/
	width: 747px;
}
.stockprices .contents02 li .box {
	padding: 17px 0 0;
}
.stockprices .contents03 .voice {
	height: 460px;
}
.stockprices .contents03 .story01 .voice {
	height: 460px;
}
.stockprices .contents03 .story02 .voice {
	height: 398px;
}
.stockprices .contents03 .story02 .right {
	height: 428px;
    margin: 50px 0 0;
}
.stockprices .contents03 .story03 .voice {
	height: 450px;
}
.stockprices .contents03 .voice img {
	position: absolute;
	top: 0;
	right: 0;
}

/* -----------------------------------------------------------------------------

電力小売り企業向けシステム構築支援プロジェクト
	
----------------------------------------------------------------------------- */
.energysystem section .mv {
    background:url(../project/energysystem/img/bg_header.png) no-repeat center 0 , #f06060;
}
.energysystem .contents01 .title {
	background: url(../project/energysystem/img/main.jpg) no-repeat;
}
.energysystem section h2 {
    padding: 45px 0 0 0;
    font-size: 34px;
	line-height: 1.2;
}
.energysystem section h2 span {
	padding-top: 5px;
}
.energysystem .contents02 ul {
	/*width: 1000px;*/
	width: 747px;
}
.energysystem .contents02 li:nth-child(3) {
	margin: 0;
}
.energysystem .contents02 li:nth-child(n+3) {
	margin-top: 12px;
}
.energysystem .contents02 li .box {
	width: 241px;
	height: 74px;
	position: absolute;
	bottom: 0;
	padding: 8px 0 0;
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.energysystem .contents02 li .box.d3 {
	width: 241px;
	height: 93px;
	position: absolute;
	bottom: 0;
	padding: 8px 0 0;
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.energysystem .contents03 .voice {
	height: 312px;
}
.energysystem .contents03 .story01 .voice {
	height: 394px;
}
.energysystem .contents03 .story02 .voice {
	height: 398px;
    margin: 20px 0 70px;
}
.energysystem .contents03 .story02 .right {
	height: 498px;
	margin: 50px 0 70px; /* 181022 0px->70px */
}
.energysystem .contents03 .story03 .voice {
	height: 468px;
}
.energysystem .contents03 .story03 .voice.right {
	height: 352px;
}
.energysystem .contents03 .voice img {
	position: absolute;
	top: 0;
	right: 0;
}
	
/* -----------------------------------------------------------------------------

ミャンマープロジェクト
	
----------------------------------------------------------------------------- */
.myanmar section .mv {
    background:url(../project/myanmar/img/bg_header.png) no-repeat center 0 , #f06060;
}
.myanmar .contents01 .title {
	background: url(../project/myanmar/img/main.jpg) no-repeat;
}
.myanmar section h2 {
    padding: 65px 0 0 0;
}
.myanmar .contents02 ul {
	/*width: 1000px;*/
	width: 747px;
}
.myanmar .contents02 li .box {
	padding: 17px 0 0;
}
.myanmar .contents03 .voice {
	height: 312px;
}
.myanmar .contents03 .story01 .voice {
	height: 344px;
}
.myanmar .contents03 .story02 .voice {
	height: 398px;
    margin: 20px 0 70px;
}
.myanmar .contents03 .story02 .right {
	height: 428px;
    margin: 50px 0 70px; /* 181022 0px->70px */
}
.myanmar .contents03 .story03 .voice {
	height: 392px;
}
.myanmar .contents03 .voice img {
	position: absolute;
	top: 0;
	right: 0;
}
	
/* -----------------------------------------------------------------------------

データヘルス計画プロジェクト
	
----------------------------------------------------------------------------- */
.datahealth section .mv {
    background:url(../project/datahealth/img/bg_header.png) no-repeat center 0 , #f06060;
}
.datahealth .contents01 .title {
	background: url(../project/datahealth/img/main.jpg) no-repeat;
	padding: 80px 0 0 32px;
}
.datahealth section h2 {
    padding: 45px 0 0 0;
}
.datahealth .contents02 ul {
	width: 747px;
}
.datahealth .contents02 li:nth-child(3) {
	margin: 0;
}
.datahealth .contents02 li:nth-child(4) ,
.datahealth .contents02 li:nth-child(5) {
	margin-top: 12px;
}
.datahealth .contents02 li:nth-child(4)  {
	margin-left: 125px;
}
.datahealth .contents02 li .box {
	padding: 8px 0 0;
}
.datahealth .contents03 .story01 .voice {
	height: 392px;
}
.datahealth .contents03 .story02 .title span {
    background: url(../project/myanmar/img/story02.png) no-repeat 180px center;
	padding: 3px 0 4px 180px;
    line-height: 1.6;
    display: block;
}
.datahealth .contents03 .story02 .voice {
	height: 428px;
	margin-top: 50px;
}
.datahealth .contents03 .story03 .voice {
	height: 398px;
}
	
/* -----------------------------------------------------------------------------

基幹インフラ更改プロジェクト
	
----------------------------------------------------------------------------- */
.infrastructure section .mv {
    background:url(../project/infrastructure/img/bg_header.jpg) no-repeat center 0 , #f06060;
}
.infrastructure .contents01 .title {
	background: url(../project/infrastructure/img/main.jpg) no-repeat;
	padding: 80px 0 0 32px;
}
.infrastructure section h2 {
    padding: 45px 0 0 0;
    font-size: 34px;
	line-height: 1.2;
}
.infrastructure section h2 span {
	padding-top: 5px;
}
.infrastructure .contents02 ul {
	width: 747px;
}
.infrastructure .contents02 li:nth-child(3) ,
.infrastructure .contents02 li:nth-child(6) {
	margin: 0;
}
.infrastructure .contents02 li:nth-child(4) ,
.infrastructure .contents02 li:nth-child(5) ,
.infrastructure .contents02 li:nth-child(6) {
	margin-top: 12px;
}
.infrastructure .contents02 li .box {
	padding: 8px 0 0;
}
.infrastructure .contents03 .story01 .voice {
	height: 455px;
}
.infrastructure .contents03 .story01 .box p ,
	.infrastructure .contents03 .story02 .box p ,
	.infrastructure .contents03 .story03 .box p {
}
.infrastructure .contents03 .story02 .voice {
	height: 400px;
}
.infrastructure .contents03 .story02 .voice.right {
	height: 430px;
}
.infrastructure .contents03 .story03 .voice {
	height: 410px;
}
.infrastructure .contents03 .story03 .last {
	height: 448px;
    margin-top: 20px;
}
    
    
/* -----------------------------------------------------------------------------

健康保険組合向けセキュリティクラウド構築プロジェクト
	
----------------------------------------------------------------------------- */
.securitycloud section .mv {
    background:url(../project/securitycloud/img/bg_header.jpg) no-repeat center 0 , #f06060;
}
.securitycloud .contents01 .title {
	background: url(../project/securitycloud/img/main.jpg) no-repeat;
	padding: 56px 0 0 32px;
}
.securitycloud section h2 {
    padding: 45px 0 0 0;
    font-size: 34px;
	line-height: 1.2;
}
.securitycloud section h2 span {
	padding-top: 5px;
}
.securitycloud .contents02 ul {
	width: 1000px;
}
.securitycloud .contents02 li:nth-child(3) ,
.securitycloud .contents02 li:nth-child(6) {
	margin: 0;
}
.securitycloud .contents02 li:nth-child(4) ,
.securitycloud .contents02 li:nth-child(5) ,
.securitycloud .contents02 li:nth-child(6) {
	margin-top: 12px;
}
.securitycloud .contents02 li .box {
	padding: 8px 0 0;
}
.securitycloud .contents03 .story01 .voice {
	height: 394px;
}
.securitycloud .contents03 .story01 .box p ,
	.securitycloud .contents03 .story02 .box p ,
	.securitycloud .contents03 .story03 .box p {
}
.securitycloud .contents03 .story02 .voice.right {
	height: 460px;
}
.securitycloud .contents03 .story03 .voice {
	height: 340px;
}
.securitycloud .contents03 .story03 .last {
	height: 340px;
	margin-top: 20px;
}
    
    
}