@charset "Shift_JIS";

/*===================================================================
layout
===================================================================*/

body {
min-width: 0px;
-webkit-text-size-adjust: 100%;
position: relative;
background: #FFF;
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "メイリオ", sans-serif;
font-size: 76%;
}

.half_br {
display: inline-block;
}

/* Header
------------------------------------------ */
#header {
position: relative;
width: 100%;
padding: 0;
border-top: none;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
z-index: 9999;
}
#header .header_bg {
width: 100%;
height: 100%;
}
#header .header_inner {
width: 100%;
}
#header #mufg_logo a {
float: left;
display: block;
}
#header #mufg_logo a img {
width: 100%;
height: auto;
}

/* Content
------------------------------------------ */
#content img {
width: 100%;
height: auto;
}
#content .last_date {
width: 100%;
background-color: #e60000;
text-align: right;
color: #ffffff;
padding: 10px 0;
}
#content .last_date p {
padding: 0 10px;
}

/* Content Header
------------------------------------------ */
#contentHeader {
padding-bottom: 3.125%;
text-align: center;
}
#contentHeader h2 img {
width: 100%;
height: auto;
}

/* Introduction
------------------------------------------ */
#introduction {
background: url(../imgs/fintech2016_bg_howabout.jpg) no-repeat 0 100%;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
padding-bottom: 45.5%;
}
#introduction .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#introduction h3 {
font-size: 134%;
font-weight: bold;
padding: 25px 0 15px 0;
text-align: center;
}
#introduction h3:after {
display: block;
content:"";
width: 40px;
height: 2px;
background-color: #e60000;
margin: 15px auto 0;
}
#introduction p {
font-size: 117%;
margin-bottom: 1em;
}

/* Main Contents
------------------------------------------ */
#main_contents {
background: url(../imgs/fintech2016_bg_main_contents.png) no-repeat 0 100% #e2e2e2;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
margin-bottom: 15px;
padding-bottom: 15px;
}
#main_contents .inner {
background: url(../imgs/fintech2016_bg_main_contents_top.png) no-repeat 0 0;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#main_contents .inner h4 {
background: url(../imgs/fintech2016_ico_title.png) no-repeat 0 50%;
background-size: 3px auto;
padding-left: 12px;
font-size: 134%;
font-weight: bold;
margin-bottom: 15px;
}
#main_contents .inner .section {
width: 100%;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 117%;
}
#main_contents .inner .section.event {
border-top: 2px solid #e60000;
padding: 15px;
background: #ffffff;
}
#main_contents .inner .section.entry {
text-align: center;
}
#main_contents .inner .section dl,
#main_contents .inner .section p {
margin-bottom: 1em;
}
#main_contents .inner .section p:last-of-type {
margin-bottom: 0;
}
#main_contents .inner .section.entry p {
margin-bottom: 1em;
}
#main_contents .inner .section .photo {
margin-top: 10px;
}
#main_contents .inner .section dt {
padding-left: 1em;
text-indent: -1em;
}
#main_contents .inner .section dd {
margin-left: 1em;
}
#main_contents .inner .section dd .commendation_caution {
display: block;
font-size: 92%;
}
#main_contents .inner .section .company {
text-align: center;
padding: 13px 0;
}
#main_contents .inner .section .company li {
width: 100%;
text-align: center;
margin-top: 27px;
}
#main_contents .inner .section .company li:first-child {
margin-top: 0;
}
#main_contents .inner .section .company li span {
display: block;
margin-top: 15px;
}
#main_contents .inner .section .company .logo {
margin: 0 auto;
}
#main_contents .inner .section .company .logo.mufg {
width: 65.6%;
}
#main_contents .inner .section .company .logo.tis {
width: 51.9%;
}
#main_contents .inner .section .company .logo.sii {
width: 35.8%;
}
#main_contents .inner .section .company .logo.apigee {
width: 41.4%;
}
#main_contents .inner .section .company .logo.sakura {
width: 50.6%;
}
#main_contents .inner .section .company .logo.salesforce {
width: 50.6%;
}
#main_contents .inner .section .company .logo.amazon {
width: 50.6%;
}
#main_contents .inner .section .company .logo.api_partner {
width: 44.8%;
}
#main_contents .inner .api_table {
table-layout: fixed;
width: 100%;
background-color: #ffffff;
margin-bottom: 15px;
font-size: 117%;
}
#main_contents .inner .api_table th {
width: 100px;
background-color: #e60000;
text-align: center;
vertical-align: middle;
color: #ffffff;
border-bottom: 1px solid #e2e2e2;
}
#main_contents .inner .api_table td {
border-bottom: 1px solid #e2e2e2;
padding: 5px;
}
#main_contents .inner .api_caution {
padding: 0 10px;
margin-bottom: 15px;
}
#main_contents .judge_list > li {
margin-top: 35px;
}
#main_contents .judge_list > li:first-child {
margin-top: 0;
}
#main_contents .judge_list .judge_top {
overflow: hidden;
}
#main_contents .judge_list .judge_img {
float: left;
width: 90px;
}
#main_contents .judge_list .judge_txt {
float: right;
width: 100%;
margin-top: -90px;
padding-left: 103px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#main_contents .inner .judge_list .judge_title {
margin-bottom: 0;
font-size: 106%;
}
#main_contents .inner .judge_list .judge_name {
margin-top: 5px;
font-size: 119%;
font-weight: bold;
}
#main_contents .judge_list .judge_caption {
clear: both;
margin-top: 15px;
}

/* API
------------------------------------------ */
#api {
}
#api .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#api h3 {
font-size: 134%;
font-weight: bold;
padding-bottom: 15px;
text-align: center;
}
#api h3:after {
display: block;
content:"";
width: 40px;
height: 2px;
background-color: #e60000;
margin: 15px auto 0;
}
#api ul {
width: 100%;
margin-bottom: 10px;
}
#api ul:after {
content: " ";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
#api ul li {
width: 48%;
float: right;
margin-left: 2%;
margin-right: 0;
font-size: 117%;
}
#api ul li:nth-child(2n+1) {
float: left;
margin-left: 0;
margin-right: 2%;
clear: left;
}
#api ul li .photo {
width: 100%;
height: 0;
padding-top: 70%;
background-color: #e2e2e2;
margin-bottom: 10px;
}
#api .contact {
width: 100%;
text-align: center;
margin-bottom: 30px;
padding-top: 15px;
}
#api .contact p {
font-size: 117%;
font-weight: bold;
margin-bottom: 1em;
}

/* SNS
------------------------------------------ */
#sns {
width: 100%;
text-align: center;
margin-bottom: 12px;
}
#sns > div {
margin: 0 3px;
height: 20px;
overflow: hidden;
display: inline-block;
vertical-align: top;
}

/* Footer
------------------------------------------ */
#footer {
margin: 0;
border: none;
}
#footer p {
text-align:left;
font-size:12px;
}
#footer p.copyright {
margin-top: 0;
}