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

/*-------------------
オープンイノベーションプログラムTOPページ用CSS
/openinnovation/index.asp
-------------------*/
main{font-size:16px;}
h2{font-size:1.75em}
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;}
}

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

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

/*-----------------
 *メインビジュアル
-----------------*/
.main-v{
	width: 100%;
	height: auto;
	min-height: 25em;
	position: relative;
	overflow: hidden;
	background-image: url("/web/jp/openinnovation/images/openinnovation-top_bg01_sp.jpg");
	background-size: cover;
	background-position: center;
}
.main-v p{margin-bottom:2em;color:#fff;}
.main-v h1{margin:2em 0;background-color: rgba(17,60,94,0.5);}
.main-v h1 img{width:90%;margin:0 auto;padding-top:25px;}
.main-v .cnv-btn a{margin-bottom: 60px;}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
.main-v{background-image: url("/web/jp/openinnovation/images/openinnovation-top_bg01.jpg");}
.main-v h1{margin:4em 0 3em;}
.main-v h1 img{padding-top:40px;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
.main-v h1 img{width:777px !important;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
.main-v .contents {width:880px;}
}

/*-----------------
 *各section　上下の余白・背景
-----------------*/

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

/*-----------------
 *私たちは、企業間取引の“プラットフォーマー”です #sec-platformer
-----------------*/
#sec-platformer{
	width: 100%;
	height: auto;
	/*min-height: 25em;
	position: relative;
	overflow: hidden;*/
	background-image: url("/web/jp/openinnovation/images/openinnovation-top_bg02.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding:60px 0;
}
#sec-platformer .inner_wrapper{margin-bottom:40px;}
#sec-platformer h2{text-align:center;margin-bottom:40px;line-height:1.4;font-size:1.4em;}
.platformer-inner{width:45%;height:6em;display:inline-block;margin-bottom:1em;padding:1em 0 0.5em 0;border:1px solid #4c99cc;box-shadow: 0 0 5px 3px #ecf0f3;margin-left:0.5em;text-align:center;line-height:1.2;position:relative;background-color:#fff;overflow: hidden;}
.platformer-inner h3{color:#2d5b7a;font-size:0.8em;margin-bottom:0.8em;}
.platformer-inner p.platformer-number{font-size:1.75em;font-weight:bold;color:#2d5b7a;}
.platformer-inner p.platformer-number span.number01{font-size:0.7em;}
.platformer-inner p.platformer-number span{font-size:0.6em;}
.platformer-inner p.platformer-caption{color:#666;font-size:0.6em;position:absolute;bottom:0.5em;right:0.5em;}
.inner-bg01,.inner-bg02,.inner-bg03,.inner-bg04{position: relative}
.inner-bg01 img,.inner-bg02 img,.inner-bg03 img,.inner-bg04 img{opacity: 0.2;position: absolute;}
.inner-bg01 img{width:5em;bottom:-2.8em;left:-0.5em;}
.inner-bg02 img{width:4em;bottom:-2.8em;left:0.5em;}
.inner-bg03 img{width:4.5em;bottom:-3em;left:-1em;}
.inner-bg04 img{width:3.5em;bottom:-2.8em;left:0.5em;}

#sec-platformer .txt-read{margin-bottom:2em;}
#sec-platformer .cnv-btn a{font-size:1em;line-height: 30px;}
.ml0{margin-left:0.5em;}


/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-platformer h2{font-size:1.75em;}
#sec-platformer .txt-read{text-align:center;}
.platformer-inner{width:22%;margin-left:0.8em;}
.platformer-inner h3{font-size:0.8em;margin-bottom:15px;}
.platformer-inner p.platformer-number{font-size:1.5em;font-weight: bold;line-height:1;}
.platformer-inner p.platformer-number span.number01{font-size:0.8em;}
.platformer-inner p.platformer-number span{font-size:0.6em;}
.platformer-inner p.platformer-caption{font-size:0.6em;}
.inner-bg01 img,.inner-bg02 img,.inner-bg03 img,.inner-bg04 img{bottom:-3.5em;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
.platformer-inner{margin-left:1.1em;margin-bottom: 0;}
.inner_wrapper{margin-bottom:20px;}
.platformer-inner h3{font-size:1em;}
.platformer-inner p.platformer-number{font-size:2em;}
.inner-bg01 img{bottom:-3em;}
.inner-bg02 img,.inner-bg03 img{bottom:-2.8em;}
.inner-bg04 img{bottom:-2.7em;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
.platformer-inner{width:230px;height:150px;margin-left:25px;padding-top:20px;}
.platformer-inner h3{font-size:20px;}
.platformer-inner p.platformer-number{font-size:46px;}
.platformer-inner p.platformer-number span.number01{font-size:34px;}
.platformer-inner p.platformer-number span{font-size:20px;}
.platformer-inner p.platformer-caption{font-size:12px;}
.inner-bg01 img{width:8em;bottom:-5em;left:-0.5em;}
.inner-bg02 img{width:7em;bottom:-5em;left:0;}
.inner-bg03 img{width:9em;bottom:-5.5em;left:-2em;}
.inner-bg04 img{width:5.7em;bottom:-5.1em;left:0.5em;}
.ml0{margin-left:0;}
}

/*-----------------
 *私たちが目指す“Fintechプラットフォーム” #sec-fintech
-----------------*/
#sec-fintech{
	width: 100%;
	height: auto;
	min-height: 25em;
	position: relative;
	overflow: hidden;
	background-image: url("/web/jp/openinnovation/images/openinnovation-top_bg03.jpg");
	background-size: cover;
	background-position: center;
	padding:60px 0;
}
#sec-fintech h2{text-align:center;color:#fff;line-height:1.4;font-size:1.4em;}
#sec-fintech p{color:#fff;}
#sec-fintech img{margin:0 auto;}
#sec-fintech img.openinnovation-img_sp{width:100%; margin: 40px 0;}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-fintech h2{font-size:1.75em;}
#sec-fintech p{text-align:center;}
#sec-fintech img{max-width:100%; margin: 20px auto 40px;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-fintech img{margin: 10px auto 20px;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
}


/*-----------------
 *“BtoBスマートコントラクト”をあなたの自由な発想で活用してください #sec-smart_contract
-----------------*/
#sec-smart_contract{
	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;
}
#sec-smart_contract h2{text-align:center;color:#333;line-height:1.4;font-size:1.4em;}
#sec-smart_contract p{color:#333;margin-bottom:2em;}
#sec-smart_contract p.cnv-btn{margin-bottom: 0;}
#sec-smart_contract p.cnv-btn a{line-height: 1.25em;}
#sec-smart_contract img.openinnovation-img_sp{width:100%; margin: 40px 0;}
#sec-smart_contract .cnv-btn a{font-size: 1em; padding-top: 10px; height: 35px;}


/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-smart_contract h2{font-size:1.75em;}
#sec-smart_contract p{text-align:center;}
#sec-smart_contract img{max-width:100%;margin: 40px auto;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-smart_contract img{margin: 20px auto;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
}

/*-----------------
 *私たちの強み #sec-strength
-----------------*/
#sec-strength{
	width: 100%;
	height: auto;
	min-height: 15em;
	background-color:#fff;
	padding:60px 0;
}
#sec-strength h2{text-align:center;margin-bottom:40px;line-height:1.4;font-size:1.4em;}
#sec-strength .contents{max-width: 560px;}
.strength-inner{width:44%;display:inline-block;margin: 0 2.25% 40px; text-align:center;line-height:1.2;vertical-align: top;}
.strength-inner:nth-child(4),.strength-inner:nth-child(5){margin-bottom: 0;}
.strength-inner h3{height:2.25em;color:#2d5b7a;font-size:1em;margin-bottom:0.8em;line-height:1.4;}
.strength-inner h3.line01{line-height:2.25;}
#sec-strength p{text-align:left;font-size:0.8em;}
.inner-img01 img{width:67%;}
.inner-img02 img{width:50%;}
.inner-img03 img{width:57%;}
.inner-img04 img{width:55%;}
.inner-img01,.inner-img02,.inner-img03,.inner-img04{min-height:5em;}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-strength{padding:60px 0;}
#sec-strength .contents{max-width: 900px;}
.strength-inner{width:22%;margin: 0 1%;}
#sec-strength h2{font-size:1.75em;}
.strength-inner h3{margin-bottom:15px;}
.inner-img01,.inner-img02,.inner-img03,.inner-img04{min-height:6.5em;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-platformer .txt-read{text-align:center;}
.strength-inner h3{font-size:1.25em;}
#sec-strength p{font-size:0.9em;}
#sec-strength .contents{max-width: 1024px;}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
.strength-inner{width:230px;margin: 0 14px;}
.strength-inner:nth-child(5){margin-right: 0;}
#sec-strength p{font-size:1em;}
.inner-img01 img{width:175px;}
.inner-img02 img{width:110px;margin-top:1em;}
.inner-img03 img{width:155px;}
.inner-img04 img{width:155px;}
.inner-img01,.inner-img02,.inner-img03,.inner-img04{min-height:145px;}
.ml0{margin-left:0;}
}

/*-----------------
 *貴社のアイデアをご提案ください #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{
	}
}