@charset "utf-8";
/* ===========================================================

	Title:					en.css
	Created:			2015-10-28
	Last Created:		2015-10-28

=========================================================== */
/*

	header
	about

=========================================================== */
/* ===========================================================

	header

=========================================================== */
/* global-navigation
----------------------------------------------------------- */
.global-navigation ul.gn li#gn-finance a.gn-btn span,
.global-navigation ul.gn li#gn-ir a.gn-btn span {
	line-height: 18px;
	margin: 20px 0 0;
}

/* ===========================================================

	top

=========================================================== */
/* main-visual
----------------------------------------------------------- */
.main-visual p.main-visual__copy{
	font-size:32px;
	line-height:1.4;
}
.main-visual p.main-visual__copy strong {
	background: url(../img/en/top/copy.png) 50% bottom no-repeat;
	background-size: 380px 25px;
}
@media screen and (max-width: 1024px) {
.main-visual p.main-visual__copy{
	font-size:18px;
	line-height:1.4;
	padding: 0 4%;
}
.main-visual p.main-visual__copy strong {
	background: url(../img/en/top/copy.png) 50% bottom no-repeat;
	background-size: 50%;
}
}

/* top-data
----------------------------------------------------------- */
.top-data__cell h1 {
	font-size: 20px;
	font-size: 2.0rem;
}
.top-distribute h1 {
	letter-spacing: 0;
}
.top-distribute dl dt{
	line-height:1.4;
}
.top-financial h1 {letter-spacing: 0;}

.top-financial li {
	padding: 0 50px 0 48px;
}
.top-financial .icon-s {
	margin-left: -48px;
}

/* top-news
----------------------------------------------------------- */
.top-news dt {
	width: 15em;
}
.top-news dd {
	border-bottom: dotted 1px #ddd;
	margin: 0 0 10px;
	padding: 0 0 10px 17em;
}

@media screen and (max-width: 1024px){
.top-news dd {
    padding: 0 0 10px 0;
}
}

/* top-stock
----------------------------------------------------------- */
.top-stock h1 {
	font-size: 16px;
	font-size: 1.6rem;
}
.top-stock h1 .code {
	margin: -2px 0 0 2px;
	padding: 3px 4px;
	font-size: 10px;
	font-size: 1.0rem;
}

/* contents-banner
----------------------------------------------------------- */
.contents-banner li {
	float: none;
	margin: 0 auto 30px auto;
	position: relative;
}

@media screen and (max-width: 1024px){
.contents-banner li {
    height: 100px !important;
}
	}

.contents-banner li a {
    line-height: 145px;
}

.contents-banner li span {
    background-position: 50% 15px;
}

/* ===========================================================

	about

=========================================================== */
/* message
----------------------------------------------------------- */
.message-photo em {
	font-size: 16px;
	font-size: 1.6rem;
}

/* ===========================================================

	Feature

=========================================================== */
/* esg
----------------------------------------------------------- */

.cb-typeB .num{
  width: 80px;
}

.cb-typeB .case-title {
    margin: 0 0 0 80px;
}

/* ===========================================================

	portfolio

=========================================================== */
/* select-search
----------------------------------------------------------- */
.select-search select {
	padding: 0 50px 0 10px;
}

table.portfolio-list td{
	line-height: 1.2;
}

/* rate-legend
----------------------------------------------------------- */
.rate-legend dt {
	width: 15em;
}
.rate-legend dd {
	padding: 0 0 0 15em;
}

/* portfolio_detail
----------------------------------------------------------- */
.portfolio-table-warp table th{
	width: 30%;
}

.portfolio-table-warp table th,
.portfolio-table-warp table td{
	font-size:12px;
	font-size: 1.2rem;
}

/* ===========================================================

	ir

=========================================================== */
/* distribute
----------------------------------------------------------- */
dl.distribute__actual dt,
dl.distribute__forecast dt {
	width: 30% !important;
}
@media screen and (max-width: 736px) {
dl.distribute__actual dt,
dl.distribute__forecast dt {
	width: 100% !important;
}
}

/* settlement
----------------------------------------------------------- */
.tbl-settlement td {
	width: 33%;
}