@charset "utf-8";
/* CSS Document */
/* 20180920 作成　ver.1.0.0 */

/*-------------------
オープンイノベーションプログラム スマートコントラクトページ用CSS
/openinnovation/tech.asp
-------------------*/
main{font-size:16px;}
h2{font-size:1.75em;text-align:center;}
h3{font-size:1.25em;}
p{line-height:1.5;}
.contents {
	width: 90%;
	max-width: 64em;
	margin: auto;
}
.btn a:hover{
	opacity: 0.85;
	cursor : pointer;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
.contents {width:1024px;}
}

/*-----------------
 *ヘッダーフッター
-----------------*/
header{
	background-color: #2d5b7a;
	width: 100%;
	height: 40px;
    position: absolute;
}
header .navi{
	width: 90%;
	max-width: 1024px;
	margin: 13px auto 0;
}
header a{
	color: #fff;
	font-size: 16px;
	float: left;
	margin-right: 40px;
}

.icon-webfont-01{font-size:0.7em;padding-left:1em;position:relative;top:-1px;}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	header a:hover{
		opacity: 0.7;
	}
}

.footer02{
	margin-top: 3em;
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.footer02{
		margin-top: 0;
	}
}

#btn_Pagetop a::after{
	top: 6px;
}

/*-----------------
 *各section　上下の余白・背景
-----------------*/
#sec-tech01,#sec-tech02,#sec-tech03,#sec-tech04,#sec-tech05{
	padding: 60px 0;
	width: 100%;
}
#sec-recruitment{
	padding: 60px 0;
	width: 100%;
}

/*-----------------
 *メインビジュアル
-----------------*/
.main-v h1{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-image: url("/web/jp/openinnovation/images/data-main_v_bg_sp.jpg");
	background-size: cover;
	background-position: center;
}
.main-v h1 img{padding-top:70px;max-width:90%;margin:0 auto 30px;}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
.main-v h1{height:12em;background-image: url("/web/jp/openinnovation/images/data-main_v_bg_pc.jpg");}
.main-v h1 img{width:auto;max-width:100%;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
.main-v .contents {width:880px;}
}

/*-----------------
 *見出し　デザイン設定
-----------------*/


/*-----------------
 *ブロックチェーンを用いた”BtoBスマートコントラクト” #sec-tech01
-----------------*/
#sec-tech01 h2{font-size:1.5em;line-height:1.4;margin-bottom:1em;}
#sec-tech01 img{width:auto;max-width:100%;}
#sec-tech01 .tech01_inner{border:2px solid #e7961f;border-radius: 3px;padding:1em 1em 0 1em;margin-bottom:2em;}
#sec-tech01 .tech01_inner dl{width:100%;margin-bottom:1.5em;}
#sec-tech01 .tech01_inner dt{margin-bottom:0.5em;color:#e8961f;line-height:1.4;font-size:1em;font-weight:bold;}
#sec-tech01 .tech01_inner dd{font-size:0.9em;line-height:1.4;}

/* スマホ横サイズ 667px(16×41em)~ smサイズ */
@media screen and (min-width:41em){
#sec-tech01 img{width:auto;max-width:100%;}
#sec-tech01 .tech01_inner dl{display:block;float:left;width:46%;margin-left:1em;}
#sec-tech01 .tech01_inner dt{font-size:1em;text-align:center;}
#sec-tech01 .tech01_inner dd{font-size:0.8em;}


}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-tech01 .tech01_inner dl{width:17%;height:9em;margin-bottom:1em;margin-left:1em;vertical-align: top;padding-right:1em;border-right:1px solid #ccc;}
#sec-tech01 .tech01_inner dt{height:3.5em;font-size:0.8em;text-align:center;}
#sec-tech01 .tech01_inner dd{font-size:0.75em;}
#sec-tech01 .tech01_inner dl.last{padding-right:0;border-right:none;}
#sec-tech01 .ml0{margin-left:0 !important;}
#sec-tech01 p{text-align:center;}
#sec-tech01 h2{font-size:1.8em;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
#sec-tech01 .tech01_inner dl{width:17.2%;}
}

/*-----------------
 *BtoBスマートコントラクトの技術戦略と特徴 #sec-tech02
-----------------*/
#sec-tech02{
	width: 100%;
	height: auto;
	min-height: 25em;
	position: relative;
	overflow: hidden;
	background-image: url("/web/jp/openinnovation/images/openinnovation-top_bg04.png");
	background-size: cover;
	background-position: center;
	padding:60px 0 30px;
}
#sec-tech02 h2{font-size:1.5em;line-height:1.4;margin-bottom:1em;}
#sec-tech02 img{width:auto;max-width:100%;margin:0 auto 40px;}
#sec-tech02 h3{margin-bottom:1em;color:#2d5b7a;border-bottom:2px solid #fff;font-size:1em;line-height:1;}
#sec-tech02 h3 span{display:inline-block;border-bottom:2px solid #2d5b7a;padding-right:3.5em;position:relative;top:2px;}
#sec-tech02 dt{margin-bottom:0.5em;color:#2d5b7a;line-height:1.6;}
#sec-tech02 dd{margin-bottom:1em;line-height:1.8;}
#sec-tech02 dd span{display:block;text-indent:-2.6em;margin-left:2.6em;margin-top:1em;font-size:0.8em;}

/* スマホ横サイズ 667px(16×41em)~ smサイズ */
@media screen and (min-width:41em){
#sec-tech02 dl{width:96%;margin:0 auto;}
#sec-tech02 dt{margin-bottom:0.8em;}
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-tech02 dt{font-size:1.2em;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-tech02 h2{font-size:1.8em;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
}

/*-----------------
 *BtoBスマートコントラクトへの参加形態 #sec-tech03
-----------------*/
#sec-tech03{padding:60px 0;}
#sec-tech03 h2{font-size:1.5em;line-height:1.4;margin-bottom:1em;}
#sec-tech03 img{width:auto;max-width:100%;margin:0 auto 40px;}


/* スマホ横サイズ 667px(16×41em)~ smサイズ */
@media screen and (min-width:41em){
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-tech03 h2{font-size:1.8em;}
#sec-tech03 p{text-align:center;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
}



/*-----------------
 *貴社のアイデアをご提案ください #sec-idea
-----------------*/
#sec-idea{
	width: 100%;
	height: auto;
	min-height: 25em;
	position: relative;
	overflow: hidden;
	background-image: url("/web/jp/openinnovation/images/recruitment_bg_sp.png");
	background-size: cover;
	background-position: center;
	padding:60px 0 20px;
}
#sec-idea h2{text-align:center;margin-bottom:1em;line-height:1.4;font-size:1.4em;}

#sec-idea .idea-linebox{width:100%;border:1px solid #4c99cc;box-shadow: 0 0 5px 0 #90b0c5;margin:0 auto;line-height:1.2;position:relative;background:rgba(239,248,252,0.6);}
#sec-idea .idea-linebox h3{text-align:center;color:#2d5b7a;padding:25px 0 0;line-height:1.5;font-size:1em;font-weight:bold;}
#sec-idea .idea-linebox h3 span{font-size: 20px;}
#sec-idea .idea-linebox ul{margin-left:0;padding:0 1em 1em 1em;}
#sec-idea .idea-linebox ul li{margin-bottom:1em;padding-left:1.8em;line-height:1.4;background-image: url("/web/jp/openinnovation/images/openinnovation-top_icon05.svg");background-size:1em auto;background-position:0 1px;}
#sec-idea .idea-cvbox{width:100%;margin-top:30px;padding:4em 0 1.5em;background:rgba(255,255,255,0.5);}
#sec-idea .mb1e{margin-bottom:1em;}
#sec-idea p{margin-bottom:2em;padding:0 1em;}

#sec-idea .idea-linebox p{text-align:center;margin-bottom:0;}
#sec-idea .idea-linebox p.txt_caution{font-size:20px;color:#2d5b7a;font-weight:bold;margin-bottom:0.2em;}

#sec-idea .idea-linebox a{color:#2684e2;text-decoration:underline;}
.no-sp{display:none;}
.txt_line{width:80%;margin:20px auto !important;padding-top:10px !important;color:#2d5b7a;border-top:1px solid #4c99cc;line-height:1;}
.pb5{padding-bottom:5px !important;}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-idea{
	background-image: url("/web/jp/openinnovation/images/recruitment_bg_pc.png");
}
#sec-idea h2{font-size:1.75em;}
#sec-idea .idea-linebox ul{margin-left:70px;}
#sec-idea p{text-align:center;}
.no-sp{display:inline;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-idea .idea-linebox{width:670px;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
#sec-idea .contents {width:1024px;}
}


/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
.tab-only{display:block !important;}
}

/*-----------------
 *CVボタン
-----------------*/
.cnv-btn {
	width: 90%;
	max-width: 20em;
	margin: auto;
	text-align: center;
}
.cnv-btn a {
	padding: 15px;
	background: linear-gradient(120deg, #2d5b7a, #3b7da9);
	border-radius: 30px;
	color: #fff;
	font-size: 1.25em;
	line-height: 1.25em;
	display: block;
	position: relative;
	box-shadow: 0 0 5px 1px #ccc;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.cnv-btn a::after {
		top: 0.65em;
	}
	.cnv-btn a:hover{
	}
}

/*-------------------
micro clearfix
-------------------*/

.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */