@charset "utf-8";

/* =========================================================== */
/* Contents of components.css
/* ===========================================================
	01. Accessibility
	02. Basic Style
		-00. General
		-01. Headers
		-02. Main Visual
		-03. Lead Comment
		-04. Body Text
		-05. Links
		-06. Tables
		-07. Plugin Link
		-08. List Styles
		-09. Others
	03. Layout Modules
		-01. Single Column
		-02. 2 Column
		-03. 2 Column with line
		-04. 2 Column with Image Right 1
		-05. 2 Column with Image Left 1
		-06. 3 Column
	04. ModalWindow
	    -01. Content Display
	05. Listimage
	06. IR
		-00. Box
		-01. tab
	07. Athlete
	08. NewsRelease
	09. CSR
	10. FAQ

	99. Clearfix
   =========================================================== */
/* end Contents of components.css
/* =========================================================== */


/* 01. Accessibility
-------------------------------------------------------------- */
.Hidden { display:none; }

.Show { display: block!important; }

.Reader {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

img { -ms-interpolation-mode: bicubic; }

.UpperCase { text-transform: uppercase; }

/* 02. Basic Styles
-------------------------------------------------------------- */
/* -00. General */
#Contents .Section {
	clear: both;
	margin-bottom: 35px;
	padding: 0 10px;
}

#Contents .Section p {
	margin: 0 0 15px;
}

#Contents .Section p.Image {
	margin: 0;
}

#Contents .Section .Caption {
	color: #181818;
	font-size: 92.9%;
}

#Contents .Section .Line-Top {
	padding-top: 15px;
	border-top: 1px solid #d6d8da;
}

#Contents .Section dl {
	margin-bottom: 15px;
}

#Contents .Section dl dt {
	font-family: 'UD新ゴ M';
}

#Contents .Attention {
	color: #c00;
}

/* Color */
#Contents .Green { color: #090; }
#Contents .Red { color: #c00; }
#Contents .Blue { color: #009; }
#Contents .normal { color: #181818; }
#Contents .Section .BG-Gray { background-color: #f7f7f7; }
#Contents .Section .BG-White { background-color: #fff; }

/* Margin & Padding */
#Contents .Section.No-Padding,
#Contents .Section .No-Padding { padding: 0!important; }
#Contents .Section.No-Margin,
#Contents .Section .No-Margin { margin: 0!important; }
#Contents .Section .Grid-Column { margin-bottom: 15px; }
#Contents .Section .Grid-Column .SubSection .Grid-Column { margin-bottom: 0; }

/* Position */
#Contents .Section .Text-Center { text-align: center!important; }
#Contents .Section .Text-Right { text-align: right!important; }
#Contents .Section .Text-Left { text-align: left!important; }

/* Size */
#Contents .Section .Text-Small { font-size: 85.7%; }
#Contents .Section .Text-Medium { font-size: 100%; }
#Contents .Section .Text-Large { font-size: 114.3%; }
#Contents .Section .Text-xLarge { font-size: 128.6%; }

/* State */
#Contents .Section .Clear { clear: both; }

/* Border */
.Border-Dot_Bottom {
	padding-bottom: 15px;
	border-bottom: 1px dashed #d6d8da;
}

.Border-Dot_Top {
	padding-top: 15px;
	border-top: 1px dashed #d6d8da;
}

.Border-Solid_Bottom {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d8da;
}

.Border-Solid_Top {
	padding-top: 15px;
	border-top: 1px solid #d6d8da;
}

/* Word Break */
.Text-BreakAll {
	word-break: break-all;
}

/* -01. Headers */
/* H1 */
#Contents h1 {
	margin-bottom: 20px;
	font-family: 'UD新ゴ M';
	font-size: 135.7%;
}

#Contents h1.Header {
	padding: 10px 10px 9px;
	font-size: 114.3%;
	border: 1px solid #d6d8da;
	background-color: #f3f3e7;
}

#Contents h1.CategoryTop.Header {
	margin-bottom: 20px;
}

#Contents h1.General.Header {
	margin-bottom: 35px;
}

#Contents h1.Header span {
	display: block;
	padding-top: 2px;
	padding-left: 13px;
	background: url(../images/bg_h1headerline.gif) 0 0 repeat-y;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	transform: rotate(0.05deg);
	-webkit-transition: none;
	transition: none;
}

/* H2 */
#Contents h2 {
	margin-bottom: 18px;
	font-size: 114.3%;
	line-height: 1.385;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	transform: rotate(0.05deg);
	-webkit-transition: none;
	transition: none;
}
#Contents h2 span{
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	transform: rotate(0.05deg);
	-webkit-transition: none;
	transition: none;
}

#Contents .Col-Border .Grid-Column h2.Text-Center {
	margin-bottom: 12px;
}

#Contents h2.Header {
	margin-bottom: 18px;
	padding: 6px 15px 4px;
	font-size: 100%;
	background-color: #f7f7f7;
	border-top: 1px solid #c00;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}

#Contents h2.Header a {
	display: block;
	padding-right: 14px;
	background: url(../images/arrow_right.gif) 100% 50% no-repeat;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	transform: rotate(0.05deg);
	-webkit-transition: none;
	transition: none;
}

#Contents h2.No-Border {
	margin-bottom: 18px;
	font-size: 100%;
}

/* H3 */
#Contents h3 {
	margin: 0 0 15px;
	line-height: 1.385;
}

#Contents h3.Header {
	margin: 0 10px 15px;
	padding: 4px 13px;
	border: 1px solid #d6d8da;
}

#Contents .Section h3.Header {
	margin: 0 0 15px;
}

#Contents h3.Caption {
	margin-bottom: 10px;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	text-align: left;
}

/* -02. Main Visual */
#Contents .MainVisual {
	text-align: center;
	margin: 0 0 20px;
}


/* -03. Lead Comment */
#Contents .Lead {
	margin: 0 0 35px;
}

#Contents .Category.Lead {
	margin: 0 0 20px;
}


/* -04. Body Text */
#Contents .Section .Grid-Column .Text-Indent p {
	margin-left: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

#Contents .Section .Grid-Column .Text-Tab p {
	margin-left: 10px;
	padding-left: 1em;
	background: url(../images/tab_normal.gif) 0 .4em no-repeat;
}

/* -05. Links */
#Contents .Section a.Link.Inner {
	background: url(../images/arrow_bottom.gif) 0 .35em no-repeat;
}

#Contents a.Popup,
#Contents a.Link.Popup span,
#Contents .Section a.Popup,
#Contents .Section a.Link.Popup span {
	margin-right: 3px;
	padding-right: 14px;
	background: url(../images/icon_popup.gif) 100% .35em no-repeat;
}
#Contents a.Pop_up,
#Contents a.Link.Pop_up span,
#Contents .Section a.Pop_up,
#Contents .Section a.Link.Pop_up span {
	margin-right: 3px;
}
#IRnews a.Popup,
#sp_IRnews a.Popup {
	margin-right: 3px;
	padding-right: 0;
	background: none;
}

#Contents .Section a.PDF,
#Contents .Section a.PDF span,
#Contents .Section a.Link.PDF span,
#Contents .Section a.PopupLeft.PDF span,
#Contents .Section a.internalLink.PDF span,
#Contents .BoxArea a.Link.PDF span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_pdf.gif) 100% .25em no-repeat;
}
#IRnews a.PopupLeft.PDF span {
	margin-right: 4px;
}

#Contents .Section a.Word,
#Contents .Section a.Link.Word span,
#Contents .Section a.PopupLeft.Word span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_word.gif) 100% .25em no-repeat;
}

#Contents .Section a.Excel,
#Contents .Section a.Link.Excel span,
#Contents .Section a.PopupLeft.Excel span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_excel.gif) 100% .25em no-repeat;
}

#Contents .Section a.PowerPoint,
#Contents .Section a.Link.PowerPoint span,
#Contents .Section a.PopupLeft.PowerPoint span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_ppt.gif) 100% .25em no-repeat;
}

#Contents a.Link.Popup,
#Contents .Section a.Link.Popup,
#Contents .Section a.Link.PDF,
#Contents .Section a.Link.Word,
#Contents .Section a.Link.Excel,
#Contents .Section a.Link.PowerPoint,
#Contents .Section a.PopupLeft.PDF,
#Contents .Section a.internalLink.PDF,
#Contents .Section a.PopupLeft.Word,
#Contents .Section a.PopupLeft.Excel,
#Contents .Section a.PopupLeft.PowerPoint {
	padding-right: 0;
}

#Contents a.Link,
#Contents .Section a.Link {
	padding-left: 14px;
	background: url(../images/arrow_right.gif) 0 .35em no-repeat;
}

#Contents a.PopupLeft,
#Contents .Section a.PopupLeft,
#Contents .Section a.internalLink.PDF {
	padding-left: 14px;
	background: url(../images/icon_popup.gif) 0 .35em no-repeat;
}
#IRnews a.PopupLeft {
	padding-left: 0;
	background: none;
}
#IRnews a.PopupLeft span {
	padding-left: 4px;
}
#sp_IRnews a.PopupLeft {
	padding-left: 4px;
	background: none;
}

#Contents .Section li.Current a {
	color: #c00;
	text-decoration: none;
}


/* -06. Tables */
#Contents table th,
#Contents table td .Section,
#Contents table td .Section .Grid-Column {
	margin-bottom: 0;
	padding: 0;
}

#Contents table caption {
	text-align: left;
}

#Contents .Table-Dot.No-Padding {
	padding: 0;
}

#Contents .Table-Dot table {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px dotted #d6d8da;
}

#Contents .Table-Dot table th,
#Contents .Table-Dot table td {
	padding: 10px;
	line-height: 1.385;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #d6d8da;
}

#Contents .Table-Dot table th {
	color: #606040;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
}

#Contents .Table-Dot table th.Font-Normal {
	color: #181818;
	font-weight: normal;
}

#Contents .Table-Border {
}

#Contents .Table-Border table {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #d6d8da;
}

#Contents .Table-Border table#xj-mainlist {
	width: 840px;
}

#Contents .Table-Border table th,
#Contents .Table-Border table td {
	padding: 10px;
	line-height: 1.385;
	text-align: left;
	vertical-align: top;
	border: 1px solid #d6d8da;
}

#Contents .Table-Border table th {
	font-weight: 100;
}

#Contents .Table-Border table.Font-Mini td {
	font-size: 11px;
	padding: 5px;	
	vertical-align: middle;
	text-align:right;
}

#Contents .Table-Border table.Data-Num td {
	vertical-align: middle;
	text-align:right;
}

#Contents .Table-Border table.Font-Mini th,
#Contents .Table-Border table.Data-Num th {
	vertical-align: middle;
}

#Contents .Section .Text-Middle {
	vertical-align: middle;
}

#Contents .Table-Border table.Font-Mini-EN td {
	font-size: 10px;
	padding: 5px;
	vertical-align: middle;
	text-align:right;
}

#Contents .Table-Border table.Font-Mini-EN th {
	font-size: 10px;
	padding: 5px;
	vertical-align: middle;
}

#Contents .Table-Disasterrelief {
}

#Contents .Table-Disasterrelief table {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #d6d8da;
}

#Contents .Table-Disasterrelief table caption {
	text-align: left;
}

#Contents .Table-Disasterrelief table th,
#Contents .Table-Disasterrelief table td {
	padding: 10px;
	line-height: 1.385;
	text-align: right;
	border: 1px solid #d6d8da;
}

#Contents .Table-Disasterrelief table th {
	font-weight: 100;
	background-color: #ff9;
	vertical-align: top;
	text-align: left;
}

#Contents .Table-Disasterrelief table thead th,
#Contents .Table-Disasterrelief table tfoot th {
	text-align: center;
	background-color: #fc9;
}

#Contents .Table-Disasterrelief table tfoot td { background-color: #fc9; }

.Table-Info-Top {
	padding: 0; 
	margin: 0 20px 0 0;
}

.Table-Info-Top h3 {
    padding: 0.3em 0 0 0.3em;
    border: none;
    border-bottom: 1px solid #e6e6e6;
	margin: 0 0 15px;
    line-height: 1.385;
}

/* -07. Plugin Link */
#Contents .Section.Link-Plugin {
	margin-bottom: 15px;
	padding: 12px 15px;
	background-color: #f7f7f7;
	border: 1px solid #d6d8da;
}

#Contents .Section.Link-Plugin a.Link,
#Contents .Section.Link-Plugin a.Link.Popup,
#Contents .Section.Link-Plugin a.Link.Popup span {
	padding: 0;
	background: none;
}

#Contents .Section.Link-Plugin p.Banner {
	float: left;
	width: 112px;
	margin: 0;
}

#Contents .Section.Link-Plugin p.Caution {
	margin: 0 0 0 130px;
	line-height: 1.385;
}


/* -08. Pager Style */
#Contents .Section.Link-Pager p {
	width: 48%;
}

#Contents .Section.Link-Pager .Previous {
	float: left;
}

#Contents .Section.Link-Pager .Previous a {
	display: block;
	padding-left: 14px;
	background: url(../images/arrow_left.gif) 0 .35em no-repeat;
}

#Contents .Section.Link-Pager .Next {
	float: right;
}

#Contents .Section.Link-Pager .Next a {
	display: block;
	padding-right: 14px;
	text-align: right;
	background: url(../images/arrow_right.gif) 100% .35em no-repeat;
}


/* -09. List Styles */
#Contents .Section ol {
	padding-left: 20px;
}
#Contents .Section ul li,
#Contents .Section ol li {
	margin-bottom: 3px;
}

#Contents .Section ul.List.Marker {
	padding-left: 20px;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr,
#Contents .Section ol.List li {
	position: relative;
	padding-left: 0;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr i.TxtMkr,
#Contents .Section ol.List li i {
	position: absolute;
	display: block;
	width: 1.8em;
	top: 0;
	left: -2em;
	text-align: right;
	white-space: nowrap;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr span.TxtMkr,
#Contents .Section ol.List li span.TxtMkr {
	position: absolute;
	display: block;
	width: 1.8em;
	top: 0;
	left: -2em;
	text-align: right;
	white-space: nowrap;
}

#Contents .List-General ul,
#Contents .List-General ol {
	margin-bottom: 15px;
}

#Contents .Box.List-General ul,
#Contents .Box.List-General ol {
	margin-bottom: 0;
}

#Contents .Box.List-Box ul {
	padding: 10px;
}

#Contents .Section ul.Normal li {
	padding-left: 1.3em;
	background: url(../images/tab_normal.gif) 3px .4em no-repeat;
}

#Contents .Section ul li ul {
	margin-top: 5px;
}

#Contents .Section ul li ul li {
	padding-left: 1.3em;
}

#Contents .Section ol li,
#Contents .Section ul.Normal li ol li {
	padding: 0;
	background: none;
}

#Contents .List-Horizontal ul,
#Contents .List-Horizontal ol {
	clear: both;
	margin-bottom: 15px;
	margin-right: -15px;
}

#Contents .List-Horizontal ol li,
#Contents .List-Horizontal ul li {
	display: inline;
	float: left;
	margin-right: 15px;
}

#Contents .List-Horizontal ol li a,
#Contents .List-Horizontal ul li a {
	display: block;
}

#Contents .Section.List-Horizontal.Col2,
#Contents .Section.List-Horizontal.Col3,
#Contents .Section.List-Horizontal.Col4 {
	margin-right: 0;
}

#Contents .List-Horizontal.Col2 ol li,
#Contents .List-Horizontal.Col2 ul li {
	display: block;
	float: left;
	width: 47%;
}

#Contents .List-Horizontal.Col3 ol li,
#Contents .List-Horizontal.Col3 ul li {
	display: block;
	float: left;
	width: 30%;
}

#Contents .List-Horizontal.Col4 ol li,
#Contents .List-Horizontal.Col4 ul li {
	display: block;
	float: left;
	width: 22.5%;
}

/* -10. Others */
/* Interview Page */
#Contents .Section.Interview dl dd {
	margin-bottom: 15px;
	text-indent: 1em;
}

/* Modal Window */
#modal {display:none}
 
#modal {
text-align:left;
    width:600px;
    background:#ffffff;
    padding:20px;
    border:1px #fff solid;
}
#modal ul {
    text-align:center;
    margin:10px 10px 0px 10px;
}    
#modal ul li {
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding:0 40px;
}
#modal ul li a {
    display:block;
    -webkit-border-radius:4px;
    -mozborder-radius:4px;
    border-radius:4px;
    padding:10px 60px;
    text-align:center;
    cursor:pointer;
    text-decoration:none
}
 
#modal ul li a.yes {
    background:#dd0000;
    color:#fff;
	font-size:130%;
}
 
#modal ul li a.no {
    background:#dd0000;
    color:#fff;
	font-size:130%;
	padding:10px 63px;
}

.modal_box {
    background-color: #f7f7f7;
    padding: 15px;
	border: 1px solid #d6d8da;
}

.modal_text{
    margin-bottom: 15px;
}
.toggleOn{
    cursor: pointer;
    margin: 0;
	position: relative;
}
.toggleOn::after {
    content: "";
	display: inline-block;
	background: url(../../cmn/images/icon_plus.png) center center /100% no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 7px;
	right: 7px;
}
.toggleOn.active::after {
	background: url(../../cmn/images/icon_minus.png) center center /100% no-repeat;
}

/* Select Box */
#Contents .SelectBox.List-Horizontal ul {
	margin-bottom: 0;
}

#Contents .SelectBox dl {
	margin-bottom: 0;
}

#Contents .SelectBox dl dt {
	float: left;
	width: 8em;
}
#Contents .SelectBox dl dd {
	margin-bottom: 15px;
	margin-left: 8em;
}

/* List Box */
div.ListBox { 
  margin-bottom: 10px;
  padding: 0 5px;
  overflow: hidden;  
}
div.ListBox ul { 
  margin-left: 0; 
  display: block;
  zoom: 1;
}  
div.ListBox ul li {
	float: left;
	margin-right: 18px;
	margin-right: 2em;
	padding-left: 12px;
	background: url(/common/images/share_ico_06.gif) no-repeat 0 0.5em;
	list-style: none;
	white-space: nowrap;
}
div.ListBox ul li.current a {
	color: #CC0000;
	text-decoration: none;
}


/* Movie */
#Contents .Section.MovieMediaBlock {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding: 30px 0 56.25%;
	height: 100%;
	overflow: hidden;
}

.Section.MovieMediaBlock iframe,
.Section.MovieMediaBlock object,
.Section.MovieMediaBlock embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#Contents .SmartPhoneMovie {
	display: none;
}

/* Attention */
#Contents .Attention h2,
#Contents .Attention h3 {
	margin-bottom: 5px;
}

/* IR Table */
#Contents .Table-Border.Ir-Data table td {
    text-align: right !important;
}

/* 03. Layout Modules
-------------------------------------------------------------- */
#Contents .Section .Image { margin-bottom: 15px; }

/* -01. Single Column */
#Contents .Section.Col-Border .Grid-Column {
	padding: 13px 15px 0;
	border: 1px solid #d6d8da;
}

#Contents .Section.Col-Border .SubSection .Grid-Column {
	padding: 0;
	border: none;
}

#Contents .Section.Col-Border h3.Header {
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

#Contents .Section.Col-Border ul { margin-bottom: 15px; }

#Contents .Section.Col-Border.Attention .Grid-Column {
	border-color: #c00;
}

/* -02. 2 Column */
#Contents .Section.Col2,
#Contents .SubSection.Col2 {
	margin-right: -15px;
	margin-left: 93px;
}

#Contents .Section.Col2 .Grid-Column,
#Contents .SubSection.Col2 .Grid-Column {
	float: left;
	width: 320px;
	margin-right: 15px;
}

#Contents .Section.Col2 .Grid-Column400,
#Contents .SubSection.Col2 .Grid-Column400 {
	float: left;
	width: 400px;
	margin-right: 15px;
}

#Contents .Section.Col2 .Grid-Column400 img,
#Contents .SubSection.Col2 .Grid-Column400 img {
	width: 400px;
	height: auto;
}

/* -03. 2 Column with line */
#Contents .Section.Col2-Border1 {
	margin-right: -14px;
	margin-bottom: 0;
	padding: 0;
}

#Contents .Section.Col2-Border1 h2 {
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column {
	float: left;
	width: 423px;
	margin-right: 14px;
}

#Contents .Section.Col2-Border1 .Box {
	padding: 14px;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}

#Contents .Section.Col2-Border1 .Box p {
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column.Mod-Image-Text1 .Box .Image {
	float: left;
	display: inline-block;
	margin: 0 15px 15px 0;
}

#Contents .Section.Col2-Border1 .Grid-Column.Mod-Image-Text1 .Box p {
	margin-left: 94px;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents {
	clear: both;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl {
	margin-top: 15px;
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dt {
	margin-bottom: 5px;
	font-weight: 100;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dt a {
	display: block;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dd {
	padding-left: 14px;
}

/* -05. 2 Column with Image */
#Contents .Section.Col2.TextImageBlock,
#Contents .Section.Col2.TextImage205,
#Contents .Section.Col2.TextImage280,
#Contents .SubSection.Col2.TextImageBlock,
#Contents .SubSection.Col2.TextImage205 {
	margin-right: 0;
	margin-left: 0;
}

#Contents .Section.Col2.Image400,
#Contents .SubSection.Col2.Image400 {
	margin-left: 13px;
}

#Contents .Section.Col2.TextImageBlock .Grid-Column,
#Contents .Section.Col2.TextImage205 .Grid-Column,
#Contents .Section.Col2.TextImage280 .Grid-Column,
#Contents .SubSection.Col2.TextImageBlock .Grid-Column,
#Contents .SubSection.Col2.TextImage205 .Grid-Column {
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

#Contents .Section.Col2.TextImage205 .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205 .Grid-Column.Image {
	width: 205px;
	text-align: left;
}
#Contents .Section.Col2.TextImage280 .Grid-Column.Image {
	width: 280px;
	text-align: left;
}
#Contents .Section.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Image,
#Contents .Section.Col2.TextImage280.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Image { float: left; }
#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Image,
#Contents .Section.Col2.TextImage280.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Image { float: right; text-align: right; }
#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image .Caption,
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Image .Caption,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image .Caption,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Image .Caption { text-align: left; }

#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Text { margin-left: 225px; }
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Text { margin-right: 225px; }

#Contents .Section.Col2.TextImage280.Image-Left .Grid-Column.Text { margin-left: 300px; }
#Contents .Section.Col2.TextImage280.Image-Right .Grid-Column.Text { margin-right: 300px; }

#Contents .Section.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Left .Grid-Column.Image { margin-right: 20px; }

#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image { margin-left: 20px; }

#Contents .Section.Col2.TextImageBlock .Grid-Column.Text,
#Contents .SubSection.Col2.TextImageBlock .Grid-Column.Text {
	display: block;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
	overflow: hidden;
}

/* -06. 3 Column */
#Contents .Section.Col3,
#Contents .SubSection.Col3 {
	margin: 0 -20px 35px 0;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col3 {
	margin-right: -9px;
}

#Contents .Section .SubSection.Col3 {
	margin-bottom: 0;
}

#Contents .Section.Col3 h2,
#Contents .SubSection.Col3 h2 {
	margin-bottom: 0;
}

#Contents .Section.Col3 .Grid-Column,
#Contents .SubSection.Col3 .Grid-Column {
	float: left;
	width: 263px;
	margin-right: 20px;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col3 .Grid-Column {
	margin-right: 9px;
}

#Contents .Section.Col3.No-Padding .Grid-Column,
#Contents .SubSection.Col3.No-Padding .Grid-Column {
	float: left;
	width: 215px;
	margin-right: 20px;
}

#Contents .Section.Col3 .Box
#Contents .SubSection.Col3 .Box {
	padding: 14px;
}


/* -07. 4 Column */
#Contents .Section.Col4,
#Contents .SubSection.Col4 {
	margin: 0 -16px 0 0;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col4 {
	margin-right: -8px;
}

#Contents .Section.Col4 .Grid-Column,
#Contents .SubSection.Col4 .Grid-Column {
	float: left;
	width: 152px;
	margin-right: 16px;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col4 .Grid-Column {
	margin-right: 8px;
}


/* -08. Column Option */
#Contents .Section .Image p.Caption {
	margin: 5px 0 0;
}

/* -09. Subpage  */
a.Link {
    padding-left: 14px;
    background: url(/cmn/images/arrow_right.gif) 0 .35em no-repeat;
}
#Contents {
/*	text-align:justify; */
}
#title_box {
	position: relative;
	margin:0 0 25px;
	text-shadow: 1px 1px 0px #fff,  -1px 1px 0px #fff,  1px -1px 0px #fff,  -1px -1px 0px #fff;
	
}
#title_box h1 {
	font-size:30px;
}
#title_box p {
  font-family: 'ヒラギノUD角ゴ W6 JIS2004';
  position:absolute;
}
#title_box p.explanation {
	bottom:20px;
	left:20px;
}
#title_box p.explanation2 {
  width: 530px;
  top:75px;
	left:25px;
}

#title_box div {
	width: 818px;
	height: 123px;
	padding: 25px 20px 20px;
	border: 1px solid #b4b4b4;
}


#title_box2 {
	position: relative;
	margin:0 0 25px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#title_box2 h1 {
	font-size:23px;
	color: #ffffff;
}
#title_box2 p {
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	position:absolute;
	bottom:20px;
	left:20px;
}

#title_box2 div {
	width: 818px;
	height: 418px;
	padding: 25px 20px 20px;
	border: 1px solid #b4b4b4;
}

#title_box3 {
	position: relative;
	margin:0 0 25px;
}
#title_box3 h1 {
	font-size:23px;
}
#title_box3 p {
	width: 600px;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	position:absolute;
	bottom:20px;
	left:20px;
}

#title_box3 div {
	width: 818px;
	height: 62px;
	padding: 20px 20px 20px;
	border: 1px solid #b4b4b4;
}

.bnrArea{
width: 860px;
margin-bottom: 20px;
background: #fcfcfc;
padding: 10px;
box-sizing: border-box;
position: relative;
z-index:0;
}

/* 20190227 -----------------------------------------*/

#Contents .bnrArea h2 {
margin: 0;
position: absolute;
font-weight: normal;
display: inline-block;
background-color: #cc0000;
color: white;
margin-left: 20px;
padding: 4px 14px;
top: -16px;
box-sizing: border-box;
border-radius: 20px;
}

.bnrArea ul{
width: 100%;
display: flex;
box-sizing: border-box;
justify-content: space-between;
}
.bnrArea ul li{
flex-grow: 0;
flex-shrink: 1;
flex-basis: calc(100% / 4 - 10px);
min-height: 137px;
background: black;
overflow: hidden;
position: relative;
cursor: pointer;
border: 1px solid #d5d7d9;
}
@media screen and (min-width:768px) {
  .bnrArea ul li:after{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .bnrArea ul li:hover span{
  color: #c80000;
  text-decoration: underline;
  }
  .bnrArea ul li:hover:after{
  transform: scale(1.1,1.1);
  opacity: 0.7;
  }
}
.bnrArea ul li a{
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}
.bnrArea_white_box{
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
align-items: center;
background: rgba(255,255,255,0.9);
width: 100%;
height: 50px;
padding: 10px;
box-sizing: border-box;
}

.bnrcenter .bnrArea_white_box{
bottom: 0;
top: 0;
margin: auto;
}
.bnrArea_white_box span{
display: inline-block;
position: relative;
padding-left: 22px;
line-height: 1.2em;
font-size: 14px;
color: #1e1e1e;
font-weight: bold;
}
.bnrArea_white_box span:before{
position: absolute;
content: "";
background: url(/images/ico_arrow_red_l.png) no-repeat;
background-size: cover;
width: 6px;
height: 10px;
display: inline-block;
left: 0.5em;
top: 0.2em;
margin: auto;
}

.bnrArea ul li:after{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.bnrArea.corp ul li:nth-child(1):after{
background-image: url(/corporate/images/bnrarea_corp01.png);
}
.bnrArea.corp ul li:nth-child(2):after{
background-image: url(/corporate/images/bnrarea_corp02.png);
}
.bnrArea.corp ul li:nth-child(3):after{
background-image: url(/corporate/images/bnrarea_corp03.png);
}
.bnrArea.corp ul li:nth-child(4):after{
background-image: url(/corporate/images/bnrarea_corp04.png);
}
.bnrArea.csr ul li:nth-child(1):after{
background-image: url(/csr/images/bnrarea_csr01.png);
background-size: contain;
background-color: white;
}
.bnrArea.csr ul li:nth-child(2):after{
background-image: url(/csr/images/bnrarea_csr02.png);
}
.bnrArea.csr ul li:nth-child(3):after{
background-image: url(/csr/images/bnrarea_csr03.png);
}
.bnrArea.csr ul li:nth-child(4):after{
background-image: url(/csr/images/bnrarea_csr04.png);
}
.bnrArea.ir ul li:nth-child(1):after{
/*background-image: url(/ir/images/bnr_topmessage.png);*/
background-image: url(/ir/images/bnr_disclosure.png);
}
.bnrArea.ir ul li:nth-child(2):after{
/*background-image: url(/ir/images/bnr_disclosure.png); */
background-image: url(/ir/images/bnr_earnings.png);
}
.bnrArea.ir ul li:nth-child(3):after{
/*background-image: url(/ir/images/bnr_earnings.png);*/
background-image: url(/ir/images/bnr_kojin.png);
}
.bnrArea.ir ul li:nth-child(4):after{
/*background-image: url(/ir/images/bnr_kojin.png);*/
background-image: url(/ir/images/bnr_topmessage_2020.png);
}
.bnrArea.ir ul {
	justify-content:flex-start;
}
.bnrArea.ir ul li {
	margin-right: 10px;
}
/* ------------------------------------------- //20190227 */

.BoxArea {
	width:860px;
	overflow:hidden;
	padding:25px 0 0;
}
.post1 {
	width:415px;
	padding:0 0 10px;
	border:1px solid #b4b4b4;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.box_left {
	width:415px;
	float:left;
}
.box_right {
	width:415px;
	float:right;
}
.post1 dt {
	margin-bottom: 5px;
}
.post1 dt a {
	font-size:18px;
	font-weight: normal;
	display:block;
	width:100%;
	height:170px;
	position: relative;
	color:#fff;
}
.post1 dt a span {
	color:#fff;
	width:100%;
	height:30px;
	text-decoration:none;
	position: absolute;
	bottom: 0;
	line-height:30px;
	text-align:center;
	background:rgba(207,1,0,0.8);
}
/* .post1 dt a:hover span {
	background:rgba(240,40,40,0.8);
} */
.post1#group03 dt a span {
	background:rgba(0,153,0,0.8);
}
.post1#group04 dt a span {
	background:rgba(0,0,153,0.8);
}
#Contents .post1 dt .Popup {
    margin: 0;
    padding: 0;
}
#Contents .post1 dt .Popup span {
	margin-right: 0;
	padding-right: 0;
	background: rgba(207,1,0,0.8);
}
/*#Contents .post1 dt .Popup span:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	top: 0px;
	right: -7px;
	position: relative;
	background-size: contain;
	background: url(/images/ico_window.png) no-repeat;
	background-size: contain;
}*/
.post1 dd {
	width:395px;
	padding:5px 10px 0 10px;
}
.associated_info {
	width:858px;
	margin:25px 0;
	padding:0 0 8px;
	border:1px solid #b4b4b4;
	background: #fcfcfc;
}
.associated_info dt {
    font-size: 16px;
    width: 826px;
	display:block;
    line-height: 2.4em;
    padding: 0 16px;
  margin : 0 0 10px;
    height: 2.4em;
    background: #cccccc;
}
.associated_info dd {
	width:838px;
	padding: 5px 16px 2px;
}
.associated_info .Col2{
	clear: both;
	overflow: hidden;
	padding: 0 16px 0;
}
.associated_info .Col2 dl{
	width: 409px;
	float: left;
}
.associated_info .Col2 dl:nth-child(odd){
	margin-right: 20px;
}
.associated_info .Col2 dl dt{
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	font-size: 14px;
}
.associated_info .Col2 dl dd{
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
}

#inner_contents {
	padding:0 0 30px;
}


/* 04. ModalWindow
-------------------------------------------------------------- */
/* -01. Content Display */
#Content {display:none;}

/* 05. Listimage
-------------------------------------------------------------- */
.v_align{vertical-align:baseline;}

/* 06. IR
-------------------------------------------------------------- */
/* -00. box */
.Ir-Col2-BoxArea,.Ir-Col3-BoxArea {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.Ir-Col2-BoxArea .Ir-Col2-ContentsArea,.Ir-Col3-BoxArea .Ir-Col3-ContentsArea {
	overflow: hidden;
}

.Ir-Col2-BoxArea .Col2-Box.LastChild,.Ir-Col3-BoxArea .Col3-Box.LastChild {
	margin-right: 0;
}

.Ir-Col2-BoxArea .ImageArea,.Ir-Col3-BoxArea .ImageArea {
	float: left;
	overflow: hidden;
}

.Ir-Col2-BoxArea .TextArea {
	padding-left: 15px;
	overflow: hidden;
}

.Ir-Col3-BoxArea .TextArea {
	padding-left: 10px;
	overflow: hidden;
}

.Ir-Col2-BoxArea .Col2-Box {
	float: left;
	width: 423px;
	margin-right: 14px;
}

.Ir-Col3-BoxArea .Col3-Box {
	float: left;
	width: 221px;
	margin-right: 11px;
}

#Contents .BoxArea.Col2-Border1 .Grid-Column .Box dl dt a {
	color: #fff;
	text-decoration: none;
}

/* -01. tab */

div.Ir-tabNav { 
border-bottom: solid 5px #66662d;
margin-bottom: 20px;

}
div.Ir-tabNav.japanpost {	border-color: #a80202; }
div.Ir-tabNav.network { border-color: #b32d00; }
div.Ir-tabNav.post { border-color: #a80000; }
div.Ir-tabNav.bank { border-color: #016601; }
div.Ir-tabNav.life { border-color: #000080; }

div.Ir-tabNav ul {	margin-left: 0; }

@media screen and (min-width: 641px) {
div.Ir-tabNav ul li {
	float: left;
	width: 100px;
	margin-left: 4px;
	list-style: none;
	line-height: 1.1;
}
div.Ir-tabNav ul li.tabNav05 { width: 103px; }
div.Ir-tabNav ul li a {
	display: block;
	width: 90px;
	padding: 13px 5px 8px 5px;
	border-bottom: solid 1px #FFF;
	background-image: url(/common/images/share_tabnav_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
}
div.Ir-tabNav ul li.current a { border-bottom: solid 1px #ededdc; }

* html div.Ir-tabNav ul li a { width: 100px; }
div.Ir-tabNav ul li.tabNav05 a {
	width: 93px;
	background-image: url(/common/images/share_tabnav_02.jpg);
}

div.Ir-tabNav ul li.tabNav01 a {
	background-image: url(/common/images/share_tabnav_01.jpg);
}
* html div.Ir-tabNav ul li.tabNav05 a { width: 103px; }
}


@media screen and (max-width:640px) {
div.Ir-tabNav ul li {
	float: left;
	width:49%;
	margin-left: 2px;
	list-style: none;
	line-height: 1.5;
}
div.Ir-tabNav ul li.tabNav01 { 	min-width: 4em; }
div.Ir-tabNav ul li.tabNav05 { 	min-width: 19%; }
div.Ir-tabNav ul li a {
	display: block;
	min-width:18%;
	padding: 0.5em;
	min-height:2.3em;
	border-bottom: solid 1px #FFF;
	background-image: url(/common/images/share_tabnav_01.jpg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
}
div.Ir-tabNav ul li.current a { border-bottom: solid 1px #ededdc; }
* html div.Ir-tabNav ul li a { }
div.Ir-tabNav ul li.tabNav05 a {

	background-image: url(/common/images/share_tabnav_02.jpg);
}

div.Ir-tabNav ul li.tabNav01 a {

	background-image: url(/common/images/share_tabnav_01.jpg);
}
* html div.Ir-tabNav ul li.tabNav05 a { }
}


div.Ir-tabNav ul li a:link,
div.Ir-tabNav ul li a:visited,
div.Ir-tabNav ul li a:hover,
div.Ir-tabNav ul li a:active {
	text-decoration: none;
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
}

div.Ir-tabNav ul li.tabNav01 a { color: #66662d; }
div.Ir-tabNav ul li.tabNav02 a { color: #cc0101; }
div.Ir-tabNav ul li.tabNav03 a { color: #cc4400; }
div.Ir-tabNav ul li.tabNav04 a { color: #cc0000; }
div.Ir-tabNav ul li.tabNav05 a { color: #028a02; }
div.Ir-tabNav ul li.tabNav06 a { color: #0000cc; }
div.Ir-tabNav ul li.current a { color: #FFF; }


div.Ir-tabNav ul li.current a {
	border-bottom: solid 1px #66662d;
	background-image: url(/common/images/share_tabnav_01_o.jpg);
}

div.Ir-tabNav.japanpost ul li.current a {
	border-bottom: solid 1px #a80202;
	background-image: url(/common/images/share_tabnav_02_o.jpg);
}

div.Ir-tabNav.network ul li.current a {
	border-bottom: solid 1px #b32d00;
	background-image: url(/common/images/share_tabnav_03_o.jpg);
}

div.Ir-tabNav.post ul li.current a {
	border-bottom: solid 1px #a80000;
	background-image: url(/common/images/share_tabnav_04_o.jpg);
}

div.Ir-tabNav.bank ul li.current a {
	border-bottom: solid 1px #016601;
	background-image: url(/common/images/share_tabnav_05_o.jpg);
}

div.Ir-tabNav.life ul li.current a {
	border-bottom: solid 1px #000080;
	background-image: url(/common/images/share_tabnav_06_o.jpg);
}

div.Ir-tabNav ul li.tabNav01 a:hover,
div.Ir-tabNav ul li.tabNav02 a:hover,
div.Ir-tabNav ul li.tabNav03 a:hover,
div.Ir-tabNav ul li.tabNav04 a:hover,
div.Ir-tabNav ul li.tabNav05 a:hover,
div.Ir-tabNav ul li.tabNav06 a:hover { color: #FFF; }

div.Ir-tabNav ul li.tabNav01 a:hover { background-image: url('/common/images/share_tabnav_01_o.jpg'); }
div.Ir-tabNav ul li.tabNav02 a:hover { background-image: url('/common/images/share_tabnav_02_o.jpg'); }
div.Ir-tabNav ul li.tabNav03 a:hover { background-image: url('/common/images/share_tabnav_03_o.jpg'); }
div.Ir-tabNav ul li.tabNav04 a:hover { background-image: url('/common/images/share_tabnav_04_o.jpg'); }
div.Ir-tabNav ul li.tabNav05 a:hover { background-image: url('/common/images/share_tabnav_05_o.jpg'); }
div.Ir-tabNav ul li.tabNav06 a:hover { background-image: url('/common/images/share_tabnav_06_o.jpg'); }

.js-TabBlock div.Ir-tabNav { 
border-bottom: none;
margin-bottom: 0;
}

.js-TabBlock div.Ir-tabNav ul li.tabNav02.current a {
	border-bottom: solid 1px #a80202;
	background-image: url(/common/images/share_tabnav_02_o.jpg);
}

.js-TabBlock div.Ir-tabNav ul li.tabNav05.current a {
	border-bottom: solid 1px #016601;
	background-image: url(/common/images/share_tabnav_05_o.jpg);
}

.js-TabBlock div.Ir-tabNav ul li.tabNav06.current a {
	border-bottom: solid 1px #000080;
	background-image: url(/common/images/share_tabnav_06_o.jpg);
}

.js-TabBlock .Table-Border.TabContent {
	padding-top: 20px !important;
}

.js-TabBlock .Table-Border.TabContent.current {
	border-top: solid 5px #a80202;
}

.js-TabBlock #Yucho-IR.Section.Table-Border.TabContent.current {
	border-top: solid 5px #016601;
}

.js-TabBlock #Kampo-IR.Section.Table-Border.TabContent.current {
	border-top: solid 5px #000080;
}


/* Clearfixes */
div.Ir-tabNav ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div.Ir-tabNav ul { display: inline-table; }

* html div.Ir-tabNav ul { height: 1%; }

div.Ir-tabNav ul {
	display: block;
	zoom: 1;
}


/* IR */
#title_box #ir_main_img {
	background: url(/ir/images/ir_main_img.jpg) no-repeat;
}
#title_box #ir_strategy_main_img {
	background: url(/ir/images/ir_strategy_main_img.jpg) no-repeat;
	filter: brightness(120%);
}

#title_box #ir_investor_main_img {
	background: url(/ir/images/ir_investor_main_img.jpg) no-repeat;
	filter: brightness(125%);
	
}

#title_box #ir_library_main_img {
	background: url(/ir/images/ir_library_main_img.jpg) no-repeat;
	filter: brightness(110%);
	
}

#title_box #ir_stock_main_img {
	background: url(/ir/images/ir_stock_main_img.jpg) no-repeat;
	filter: brightness(110%);
	
}

#Contents .BoxArea.Col2-Border1 .Grid-Column#policy .Box dl dt a {
	background:url(/ir/images/bg_ir_01.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#policy .Box dl dt a:hover {
	background:url(/ir/images/bg_ir_01_o.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#personal_investor .Box dl dt a {
	background:url(/ir/images/bg_ir_02.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#personal_investor .Box dl dt a:hover {
	background:url(/ir/images/bg_ir_02_o.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#ir_data .Box dl dt a {
	background:url(/ir/images/bg_ir_03.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#ir_data .Box dl dt a:hover {
	background:url(/ir/images/bg_ir_03_o.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#stock_info .Box dl dt a {
	background:url(/ir/images/bg_ir_04.jpg) no-repeat top center;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#stock_info .Box dl dt a:hover {
	background:url(/ir/images/bg_ir_04_o.jpg) no-repeat top center;
}

/* @IR */
.IRinner {
	width:860px;
	margin:0;
}
#IRnews {
	line-height: 1;
}

#IRnews h2 {
	font-family: 'ヒラギノUD角ゴ W6 JIS2004';
	font-size: 120%;
	margin-bottom: 20px;
}
#IRnews .tab_area02 ul {
	display: block;
	width: 840px;
}
#IRnews .tab_area02 ul li {
	display: inline-block;
	vertical-align: bottom;
	width: 200px;
	height: 44px;
	margin: 0 0 0 2px;
}
#IRnews .tab_area02 ul li:first-child {
	margin-left: 0;
}
#IRnews .tab_area02 ul li a {
	display: block;
	text-align: center;
	padding: 14px 5px 5px;
	color: #ffffff;
	text-decoration: none;
	background: #757575;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 17px;
}
#IRnews .tab_area02 ul li.select a, #IRnews .tab_area02 ul li a:hover {
	background: #999999;
	color: #ffffff;
}
#IRnews .tab_area02 ul li.tab_jp_h.select, #IRnews .tab_area02 ul li.tab_jp_h:hover {
	height: 52px;
}
#IRnews .tab_area02 ul li.tab_jp_h.select a, #IRnews .tab_area02 ul li.tab_jp_h:hover a {
	background: #ffffff;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #cc0000;
	background: url(../images/on_tab_jp_h.jpg) center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
}
#IRnews .tab_area02 ul li.tab_jppost.select, #IRnews .tab_area02 ul li.tab_jppost:hover {
	height: 52px;
}
#IRnews .tab_area02 ul li.tab_jppost.select a, #IRnews .tab_area02 ul li.tab_jppost:hover a {
	background: #ffffff;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #cc0000;
	background: url(../images/on_tab_jppost.jpg) center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
}
#IRnews .tab_area02 ul li.tab_jpbank.select, #IRnews .tab_area02 ul li.tab_jpbank:hover {
	height: 52px;
}
#IRnews .tab_area02 ul li.tab_jpbank.select a, #IRnews .tab_area02 ul li.tab_jpbank:hover a {
	background: #ffffff;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #009900;
	background: url("../images/on_tab_jpbank.jpg") center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
}
#IRnews .tab_area02 ul li.tab_jplife.select, #IRnews .tab_area02 ul li.tab_jplife:hover {
	height: 52px;
}
#IRnews .tab_area02 ul li.tab_jplife.select a, #IRnews .tab_area02 ul li.tab_jplife:hover a {
	background: #ffffff;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #000099;
	background: url("../images/on_tab_jplife.jpg") center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
}
#IRnews .content_area02 {
	width: 860px;
	position: relative;
	overflow:hidden;
}
/* #IRnews .content_area02 .content_area_inner02 #contents9 {
	display: block;
}
#IRnews .content_area02 .content_area_inner02 #contents11, #IRnews .content_area02 .content_area_inner02 #contents13 {
	display: none;
} */
#IRnews .content_area02 .content_area_inner02 .content_block02 {
	padding: 10px;
	width: 860px;
	float: left;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	line-height: 1.4rem;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl {
	width: 100%;
    line-height: 1.5;
    overflow: hidden;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dt {
	float: left;
	clear: left;
	width: 17%;
	padding: 8px 2% 8px 0;
	border-top: 1px solid #DDDDDD;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dt:first-child {
	border-top: none;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dd {
	float: left;
	width: 81%;
	padding: 8px 0;
	border-top: 1px solid #DDDDDD;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dd:nth-child(2) {
	border-top: none;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl#xml-yusei dd a{
	display:block;
	float: left;
	width: 560px;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dd a:link {
	color: #181818;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dd a:visited {
	color: #707070;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 dl dd a:hover {
	color: #cc0000;
}
.listLink {
	font-size: 90%;
	text-align: right;
}
#sp_IRnews {
	display:none;
}
#IRnews .content_area02 .content_area_inner02 .content_block02 {
	display: none;
}
#IRnews .content_area02 .content_area_inner02 .content_block02.select {
	display: block;
}

#IRnewsList .tab_area03 ul {
	display: block;
	width: 840px;
	margin-bottom: 20px;
	padding: 12px 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
#IRnewsList .tab_area03 ul li a {
	display: block;
	vertical-align: baseline;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: #cdcdcd;
	width: 200px;
	height: 44px;
	line-height: 44px;
	float: left;
	/*margin: 0 0 0 -2px;*/
	
	margin: 0 2px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 17px;
}
#IRnewsList .tab_area03 ul li.select a, #IRnewsList .tab_area03 ul li a:hover {
	background: #999999;
	color: #ffffff;
}
#IRnewsList .tab_area03 ul li.tab_jp_h.select a, #IRnewsList .tab_area03 ul li a.tab_jp_h:hover {
	background: #ffffff;
	color: #ffffff;
	height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #cc0000;
	background: url(/cmn/images/on_tab_jp_h.jpg) center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
	margin: -12px 2px 0 0;
}
#IRnewsList .tab_area03 ul li.tab_jppost.select a, #IRnewsList .tab_area03 ul li.tab_jppost a:hover {
	background: #ffffff;
	color: #ffffff;
	height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #cc0000;
	background: url(/cmn/images/on_tab_jppost.jpg) center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
	margin: -12px 2px 0 0;
}
#IRnewsList .tab_area03 ul li.tab_jpbank.select a, #IRnewsList .tab_area03 ul li.tab_jpbank a:hover {
	background: #ffffff;
	color: #ffffff;
	height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #009900;
	background: url("/cmn/images/on_tab_jpbank.jpg") center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
	margin: -12px 2px 0 0;
}
#IRnewsList .tab_area03 ul li.tab_jplife.select a, #IRnewsList .tab_area03 ul li.tab_jplife a:hover {
	background: #ffffff;
	color: #ffffff;
	height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #000099;
	background: url("/cmn/images/on_tab_jplife.jpg") center center no-repeat;
	overflow: hidden;
	text-indent: 100%;
	margin: -12px 2px 0 0;
}
#IRnewsList .tab_area03 ul li a:nth-child(1) {
	margin-left: 0;
}
#IRnewsList .tab_area03 ul li a:last-child {
/*margin-left: -3px;*/
}

.StockLink {
    padding-left: 14px;
    margin:5px 0;
    background: url(/cmn/images/arrow_right.gif) 0 .35em no-repeat;
}
.Box_dl dd ul li {
	margin-bottom: 5px;
}
.Box_dl dd ul li:last-child {
	margin-bottom: 0;
}


/* 07. Athlete
-------------------------------------------------------------- */
#title_box #athlete_main_img {
	background: url(/athlete/images/athlete_main_img.jpg) no-repeat;
	/*filter: brightness(110%);*/
	background-size: 858px 168px;
}
#title_box3 #athlete_main_img_sub{
	background: url(/athlete/images/athlete_main_img_sub.jpg) no-repeat right;
}
@media (min-width: 768px) {
	.sp_athlete_nav{
		display: none;
	}
}
@media (max-width: 767px) {
	.pc_athlete_nav,.pc_athlete_nav_foot{
		display: none;
	}
}

.sp_athlete_nav ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border: 1px solid #b3b3b3;
	border-width: 1px 0 0 1px;
}
.sp_athlete_nav li{
	flex: auto;
	width: 50%;
	min-height: 56px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #b3b3b3;
	border-width: 0 1px 1px 0;
}
.sp_athlete_nav li a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding : 0 10px 0 36px;
	box-sizing: border-box;
	text-decoration: none;
}
.sp_athlete_nav a:before{
	position: absolute;
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	top: 0;
	bottom: 0;
	left: 10px;
	margin:auto;
	background:url(/cmn/images/icon_arrow.png) center center / 100% no-repeat;
}
.sp_athlete_nav a.current{
	background-color: #cc0000;
	color: white;
}
.sp_athlete_nav a.current:before{
	background:url(/cmn/images/icon_arrow_white.png) center center / 100% no-repeat;
}
.pc_athlete_nav a:hover,
.pc_athlete_nav_foot a:hover{
	opacity: 0.8;
}
.pc_athlete_nav {
	margin-bottom: 30px;
}
.pc_athlete_nav li{
	display: inline-block;
	margin-bottom: 12px;
}
.pc_athlete_nav li:nth-child(odd){
	margin-right:12px;
}
.pc_athlete_nav_foot{
	border-top: 1px solid #d6d8da;
	padding: 35px 0 40px;
	margin: 40px 0 0 20px;
}
.pc_athlete_nav_foot li{
	display: inline-block;
	margin-right:14px;
}
.pc_athlete_nav_foot li:last-child {
	margin-right:0;
}

/* 08. NewsRelease
-------------------------------------------------------------- */
#title_box #newsrelease_main_img {
	width:818px;
	height:123px;
	padding:25px 20px 20px;
	border:1px solid #b4b4b4;
	background: url(../images/newsrelease_main_img.jpg) no-repeat top center;
	background-size:100% auto;
}
#newsrelease_ctg_01 {
	background:url(../images/newsrelease_ctg_01.jpg) no-repeat top center;
}

#newsrelease_ctg_02 {
	background:url(../images/newsrelease_ctg_02.jpg) no-repeat top center;
}
#newsrelease_ctg_03 {
	background:url(../images/newsrelease_ctg_03.jpg) no-repeat top center;
}
#newsrelease_ctg_04 {
	background:url(../images/newsrelease_ctg_04.jpg) no-repeat top center;
}
#newsrelease_ctg_05 {
	background:url(../images/newsrelease_ctg_05.jpg) no-repeat top center;
}
#newsrelease_ctg_06 {
	background:url(../images/newsrelease_ctg_06.jpg) no-repeat top center;
}
#Contents .Section ul.bl_linklist,#Contents .section ul.bl_linklist { margin:0 0 40px 20px;}
#Contents .Section ul.bl_linklist li,#Contents .section ul.bl_linklist li { margin-bottom:15px;}
dl.bl_ctlist dd {margin: 0 0 15px 15px;}
dl.bl_ctlist dd dl.bl_ctlist_inner {display:flex;}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* 09. CSR
-------------------------------------------------------------- */
#csr_main_img {
	width:818px;
	height:123px;
	padding:25px 20px 20px;
	border:1px solid #b4b4b4;
	background: url(/csr/images/csr_main_img_sub.jpg) no-repeat top left;
}
#csr_box_cnt,#csr_box_cnt_no02 {
	overflow:hidden;
}
.csr_box {
	width:413px;
	height:168px;
	margin-bottom:30px;
	border:1px solid #a0a0a0;
	float:left;
} 
.csr_box:nth-child(odd) {
	margin-right: 30px;
}
.csr_box div {
	width:373px;
	height:125px;
	margin:12px 0 0;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
}
.csr_box dt {
	font-size:18px;
	padding:0 0 5px;
}
.csr_box dd {
	font-size:14px;
}
.csr_box dd.sdgs_img{
	text-align: right;
	margin-top: 7px;
}
.csr_box ul li {
	font-size:13px;
	padding:5px 0 0;
}
#csr_ctg_01 { 
	background: url(/csr/images/csr_ctg_01.jpg) no-repeat top right;
}
#csr_ctg_02 { 
	background: url(/csr/images/csr_ctg_02.jpg) no-repeat top right;
}
#csr_ctg_03 { 
	background: url(/csr/images/csr_ctg_03.jpg) no-repeat top right;
}
#csr_ctg_04 { 
	background: url(/csr/images/csr_ctg_04.jpg) no-repeat top right;
}
#csr_ctg_05 { 
	background: url(/csr/images/csr_ctg_05.jpg) no-repeat top right;
}
#csr_ctg_06 { 
	background: url(/csr/images/csr_ctg_06.jpg) no-repeat top right;
}
#csr_ctg_07 { 
	background: url(/csr/images/csr_ctg_07.jpg) no-repeat top right;
}
#csr_ctg_08 { 
	background: url(/csr/images/csr_ctg_08.jpg) no-repeat top right;
}
.csr_vision_box {
	width:413px;
	height:168px;
	margin-bottom:30px;
	border:1px solid #a0a0a0;
	float:left;
} 
.csr_vision_box:nth-child(odd) {
	margin-right: 30px;
}
.csr_vision_box:nth-child(even) {
	border: 0;
}
.csr_vision_box div {
	height:125px;
	margin:12px 0 0;
	background:rgba(255,255,255,0.8);
}
.csr_vision_box ul li {
	font-size:13px;
	padding:5px 0 0;
}
#csr_vision_title_01 { 
	background: url(/csr/vision/images/csr_vision_title_01.jpg) no-repeat top left;
}
#csr_vision_title_02 { 
	background: url(/csr/vision/images/csr_vision_title_02.jpg) no-repeat top left;
}
#csr_vision_title_03 { 
	background: url(/csr/vision/images/csr_vision_title_03.jpg) no-repeat top left;
}
#csr_main_img_sdgs {
    background: url(/csr/images/csr_main_img_sdgs.jpg) no-repeat center right;
}

/*　一旦保留
.bnrArea.csr {
	margin-bottom: 15px;
}
.bnrArea.csr li:nth-child(1) a  {
	background:url(/ir/images/bnr_earnings.jpg) no-repeat;
}
.bnrArea.csr li:nth-child(2) a {
	margin:0 25px;
	background:url(/ir/images/bnr_earnings.jpg) no-repeat;
}
.bnrArea.csr li:nth-child(3) a {
	background:url(/ir/images/bnr_earnings.jpg) no-repeat;
}
*/

.ttl_h4 {
  width: 800px;
	margin: 0 30px 15px;
	border-bottom: 3px solid #ccc;
}
.utile_box {
	width: 780px;
	margin: 0 35px 30px;
	overflow: hidden;  
}
.utile_img {
	width: 350px;
	float: left;
}
.utile_img img {
	width: 350px;
	border: 1px solid #ccc;
}
.utile_img a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.utile_txt {
	width: 400px;
	float: right;
}
.utile_txt p {
	padding: 0 0 50px;
}
.movieCol_img {
	width: 500px;
	margin: auto;
}
.movieCol_img img {
	width: 100%;
	border: 1px solid #ccc;
}
.movieCol_img a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.csr_activity {
	width: 820px;
	margin: auto;
	padding: 10px 20px;
	background-color: #e7ddd1;
	overflow: hidden;
  margin-bottom: 35px;
}
h5 {
	color: #4E2C01;
	font-size: 15px;
	margin: 10px 0 10px 10px;
	padding: 2px 0 0 20px;
	background: url(/csr/images/icon_greenboll.png) top left no-repeat;
}
.csr_mediaBox {
	width: 240px;
	padding: 10px;
	float: left;
	position: relative;
}
.arrow_forest {
	width: 20px;
	height: 160px;
	text-align: center;
	float: left;
	background: url(/csr/images/arrow_forest.png) no-repeat bottom;
}
h6 {
	font-size: 15px;
	color: #6eb92b;
	margin: 5px 0 0;
	padding: 20px 10px;
	background: url(/csr/images/leaf.png) no-repeat top left;
	position: absolute;
	top: -5px;
	left: 3px;
}
.white {
	font-size: 20px;
	color: #fff;
}
.brown {
	font-size: 13px;
	color: #4E2C01;
	padding: 0 10px 0 5px;
}
.inner_mediaBox {
	font-size: 13px;
	width: 198px;
	padding: 40px 20px 10px;
	border-radius: 7px;
	border: 1px solid #fff;
	background-color: #fff;
}
.inner_mediaBox dl dt {
	padding: 0 0 5px;
	text-align: justify;
	line-height: 1.3;
}
.support_mediaBox {
	font-size: 12px;
	text-align: right;
	padding: 3px 0 0;
}
.support_mediaBox:before {
	content: "▲";
}

#csr_main_img_movie {
	background: url(/csr/images/csr_main_img_movie.jpg) no-repeat top left;
}
#csr_main_img_movie_sub {
	background: url(/csr/images/csr_main_img_movie_sub2.jpg) no-repeat top left;
}
#csr_main_img_position {
	background: url(/csr/images/csr_main_img_position.jpg) no-repeat top left;
}
#csr_main_img_policy {
	background: url(/csr/images/csr_main_img_policy.jpg) no-repeat top left;
}
#csr_main_img_case {
	background: url(/csr/images/csr_main_img_case.jpg) no-repeat top left;
}
#csr_main_img_jpforest {
	background: url(/csr/images/csr_main_img_jpforest.jpg) no-repeat top left;
}
#csr_main_img_kids {
	background: url(/csr/images/csr_main_img_kids.jpg) no-repeat top left;
}
#csr_main_img_kids2 {
	background: url(/csr/images/csr_main_img_kids2.jpg) no-repeat top left;
}
#csr_main_img_kids3 {
	background: url(/csr/images/csr_main_img_kids3.jpg) no-repeat top left;
}
#csr_main_img_vision {
	background: url(/csr/images/csr_main_img_vision.jpg) no-repeat top left;
}
#csr_main_img_kids2_sub {
	background: url(/csr/images/csr_main_img_kids2_sub.jpg) no-repeat top left;
}
#csr_main_img_report {
	background: url(/csr/images/csr_main_img_report.jpg) no-repeat top left;
}
#csr_main_img_report_sub{
	background: url(/csr/images/csr_main_img_report_sub.jpg) no-repeat top left;
}
#csr-map-area {
		position: relative;
}
.forest-child {
	width: 840px;
	height: 500px;
	margin: auto;
	text-align: center;
	background: url(/csr/kids/activity/images/bg_forest-child.jpg) repeat-x;
	border: 1px solid #aaa;
}
#map-btn-area a {
		position: relative;
		display: table-cell;
		width: 200px;
		height: 86px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		background: rgba(183,255,130,0.9);
		border: 2px solid #ccc4b9;
		
}
#map-btn-area a:hover {
		background: rgba(183,255,130,0.7);
}
#map-btn-area li:nth-child(1) {
		position: absolute;
		top: 110px;
		right: 20px;
}
#map-btn-area li:nth-child(2) {
		position: absolute;
		top: 225px;
		right: 20px;
}
#map-btn-area li:nth-child(3) {
		position: absolute;
		top: 340px;
		right: 20px;
}
#map-btn-area li:nth-child(4) {
		position: absolute;
		top: 150px;
		left: 20px;
}
#map-btn-area li:nth-child(5) {
		position: absolute;
		top: 266px;
		left: 20px;
}

div.bill_image_area{
		width:780px;
		margin:0 auto;
		text-align:left;
}
div.bill_image_area img{
		margin:0 27px 12px 0;
}
div.bill_image_area img:last-child{
		margin:0 0 12px 0;
}

/* 10. FAQ
-------------------------------------------------------------- */
div.faq-form-caution {
	background-color: #fdeada;
}
div.faq-form-caution ul {
	margin-left: 1.3em;
    list-style: disc;
}
#Contents .associated_info .Section {
	margin-bottom: 0;
}
#Contents .associated_info .Section p.faq-post {
	margin-left:10px;
}
#Contents .associated_info .Section p.faq-postoffice {
	margin-left:10px;
}
#Contents .associated_info .Section p.faq-bank {
	margin-left:10px;
}
#Contents .associated_info .Section p.faq-insurance {
	margin-left:10px;
}
#Contents .associated_info .Section p.faq-post,
#Contents .associated_info .Section p.faq-postoffice,
#Contents .associated_info .Section p.faq-bank,
#Contents .associated_info .Section p.faq-insurance {
    line-height: 30px;
}
#Contents .associated_info a.faq-post-tel.Popup,
#Contents .associated_info a.faq-post-mail.Popup {
    padding-right: 0;
}
#Contents .associated_info .Section a.faq-post-tel {
    padding-left: 19px;
    background: url(/faq/images/icon_post_tel.gif) 0 .2em no-repeat;
}
#Contents .associated_info .Section a.faq-post-mail {
    padding-left: 19px;
    background: url(/faq/images/icon_post_mail.gif) 0 .2em no-repeat;
}
#Contents .associated_info .Section .faq-post-info {
	display:flex;
    padding: 16px 0 0 0;
	margin-bottom: 10px;
	height: 30px;
}

@media screen and (max-width:640px) {
	#Contents .associated_info .Section .faq-post-info {
		display:block;
		flex-direction: column ;
		height: auto;
	}
	#Contents .associated_info .Section p.faq-post,
	#Contents .associated_info .Section p.faq-bank,
	#Contents .associated_info .Section p.faq-postoffice,
	#Contents .associated_info .Section p.faq-insurance {
		padding: 0;
		margin-left:0;
		line-height: 1.5em;
		height: auto;
	}
	#Contents .associated_info .Section a.faq-post-tel {
		padding-left: 19px;
		background: url(/faq/images/icon_post_tel.gif) 0 .1em no-repeat;
	}
	#Contents .associated_info .Section a.faq-post-mail {
		padding-left: 19px;
		background: url(/faq/images/icon_post_mail.gif) 0 .1em no-repeat;
	}
}



/* 99. Clearfix
-------------------------------------------------------------- */
#Contents .SelectBox dl:after,
#Contents .List-Horizontal ul:after,
#Contents .SubSection:after,
#Contents .Section .Box:after,
#Contents .Section:after {
	content: "";
	display: block;
	clear: both;
}

#Contents .Section.Col2.TextImage205 .Box:after {
	clear: none;
}

/* -----------------------------------------------------------
	Font size table
	(base font size 14px )

	10px  71.4%     16px  114.3%     22px  157.1%
	11px  78.6%     17px  121.4%     23px  164.3%
	12px  85.7%     18px  128.6%     24px  171.4%
	13px  92.9%     19px  135.7%     25px  178.6%
	14px  100.0%    20px  142.9%     26px  185.7%
	15px  107.1%    21px  150.0%     27px  192.9%

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



.Iframe-Box {
      width: 840px;
      height: 500px;
      overflow: hidden;
      position: relative;
      border: 1px solid #d6d8da;
}
.Iframe-Box iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}



/* =========================================================== */
/*  renewal 2018 of components.css
/* =========================================================== */

/*
第二階層ページ上部のbnrAreaを書き換え（1184行目～1211行目）
------------------------------------------------------ */
.bnrArea.athlete {
	width: 860px;
	overflow:hidden;
    margin-bottom: 30px;
}
.bnrArea.athlete ul {
    display: block;
}
.bnrArea.athlete li {
	float:left;
	min-height: auto;
    background: none;
    border: none;
}
.bnrArea.athlete li a {
	width:203px;
	height:89px;
	margin:0 16px 0 0;
	line-height:89px;
	border:1px solid #b4b4b4;
	box-sizing: border-box;
}
.bnrArea.athlete li a {
	font-size:16px;
	font-weight:bold;
	display:block;	
	text-align: center;
	text-decoration:none;
	/* text-shadow:0 0 5px #ffffff; */
	text-shadow: 1.5px 1px 0px #fff,  -1.5px 1.5px 0px #fff,  1.5px -1.5px 0px #fff,  -1.5px -1.5px 0px #fff;
}
.bnrArea.athlete li:nth-child(1) a {background:url(/athlete/images/bnr_athlete_01.jpg) no-repeat;}
.bnrArea.athlete li:nth-child(2) a {background:url(/athlete/images/bnr_athlete_02.jpg) no-repeat;}
.bnrArea.athlete li:nth-child(3) a {background:url(/athlete/images/bnr_athlete_03.jpg) no-repeat;}
.bnrArea.athlete li:nth-child(3) a.line_type02 {line-height: 1.2; padding-top: 25px;}
.bnrArea.athlete li:nth-child(3) a.line_type02:hover {padding-top: 22px;}

/*
.bnrArea.csr li:nth-child(1) a {background:url(/csr/images/bnrarea_csr01.jpg) no-repeat;line-height:1.4em;padding-top:22px;}
.bnrArea.csr li:nth-child(2) a {background:url(/csr/images/bnrarea_csr02.jpg) no-repeat;}
.bnrArea.csr li:nth-child(3) a {background:url(/csr/images/bnrarea_csr03.jpg) no-repeat;}
.bnrArea.csr li:nth-child(4) a {background:url(/csr/images/bnrarea_csr04.jpg) no-repeat;margin:0;}
.bnrArea.corp li:nth-child(1) a {background:url(/corporate/images/bnrarea_corp01.jpg) no-repeat;line-height:1.4em;padding-top:22px;}
.bnrArea.corp li:nth-child(2) a {background:url(/corporate/images/bnrarea_corp02.jpg) no-repeat;line-height:1.4em;padding-top:22px;}
.bnrArea.corp li:nth-child(3) a {background:url(/corporate/images/bnrarea_corp03.jpg) no-repeat;line-height:1.4em;padding-top:22px;}
.bnrArea.corp li:nth-child(4) a {background:url(/corporate/images/bnrarea_corp04.jpg) no-repeat;line-height:1.4em;padding-top:22px;margin:0;}
.bnrArea.ir li:nth-child(1) a {background:url(/ir/images/bnr_topmessage.jpg) no-repeat;}
.bnrArea.ir li:nth-child(2) a {background:url(/ir/images/bnr_disclosure.jpg) no-repeat;line-height:1.4em;padding-top:22px;}
.bnrArea.ir li:nth-child(3) a {background:url(/ir/images/bnr_earnings.jpg) no-repeat;}
.bnrArea.ir li:nth-child(4) a {background:url(/ir/images/bnr_kojin.jpg) no-repeat;margin:0;}
.bnrArea.ir li a:hover,
.bnrArea.press li a:hover,
.bnrArea.group li a:hover,
.bnrArea.csr li a:hover,
.bnrArea.employ li a:hover,
.bnrArea.athlete li a:hover,
.bnrArea.corp li a:hover {
	height:89px;
	line-height:82px;
	border:4px solid #cc0000;
	box-sizing: border-box;
	background-position: -3px -3px;
	color:#cc0000;
}
.bnrArea.group li:nth-child(2) a:hover,
.bnrArea.ir li:nth-child(2) a:hover,
.bnrArea.csr li:nth-child(1) a:hover,
.bnrArea.corp li  a:hover {
	line-height:1.4em;
	padding-top:19px;
}
.bnrArea li a span{
    margin-right: 3px;
    padding-right: 15px;
    background: url(../images/icon_popup_m.gif) 100% .29em no-repeat;
}
.bnrArea li a:hover span{
    background: url(../images/icon_popup_m_on.gif) 100% .29em no-repeat;
}
*/

/* 07. Athlete
-------------------------------------------------------------- */
#title_box #athlete_profile_main_img { background: url(/athlete/images/athlete_profile_main_img.jpg) bottom right no-repeat; background-size: 100%;}
#title_box #athlete_about_main_img { background: url(/athlete/images/athlete_about_main_img.jpg) bottom right no-repeat; background-size: 100%;}
#title_box #athlete_result_main_img { background: url(/athlete/images/athlete_result_main_img.jpg) bottom right no-repeat; background-size: 100%;}
#title_box #athlete_schedule_main_img { background: url(/athlete/images/athlete_schedule_main_img.jpg) bottom right no-repeat; background-size: 100%;}

#Contents .BoxArea.Col2-Border1 .Grid-Column#athlete01 .Box dl dt a {background:url(/athlete/images/bg_athlete_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#athlete02 .Box dl dt a {background:url(/athlete/images/bg_athlete_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#athlete03 .Box dl dt a {background:url(/athlete/images/bg_athlete_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#athlete04 .Box dl dt a {background:url(/athlete/images/bg_athlete_04.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#athlete01 .Box dl dd h3.Header { margin: 15px 0 0;}
#Contents .Section.Col3 .Grid-Column260,
#Contents .SubSection.Col3 .Grid-Column260 {
    float: left;
    width: 260px;
    margin-right: 15px;
}

#Contents .Section.Col3 .Grid-Column260 img,
#Contents .SubSection.Col3 .Grid-Column260 img {
	width: 260px;
	height: auto;
}
.athleteIframe{
width: 640px !important;
height: 360px !important;
position: relative;
margin: auto;
}
.athleteIframe iframe{
left: 0;
}

#title_box #athlete_main_img {
    background-image: none;
position: relative;
}
#title_box #athlete_main_img .moya  {
background: linear-gradient(100deg, rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, .8) 12%, rgba(255, 255, 255, 0) 15%);
}
#title_box #athlete_main_img .bg_movie,
#title_box #athlete_main_img .moya {
position: absolute;
    top: 0;
    right: 0;
    width: 298px;
    height: 168px;
    padding: 0;
border: none;
}
@media screen and (max-width:767px) {
  .athlete_lnav li {
    text-align:center;
  }
}
/* 08. NewsRelease
-------------------------------------------------------------- */
#title_box #press_main_img { background: url(/pressrelease/images/press_main_img.jpg) right bottom no-repeat; background-size: 100%;}
#title_box #press_privatization_main_img { background: url(/pressrelease/images/press_privatization_main_img.jpg) bottom right no-repeat; background-size: 100%;}

#Contents .BoxArea.Col2-Border1 .Grid-Column#press01 .Box dl dt a {background:url(/pressrelease/images/bg_press_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#press02 .Box dl dt a {background:url(/pressrelease/images/bg_press_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#press03 .Box dl dt a {background:url(/pressrelease/images/bg_press_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#press04 .Box dl dt a {background:url(/pressrelease/images/bg_press_04.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column .Box dl dt a:hover {opacity: 0.9;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#press01 .Box dl dd h3.Header,
#Contents .BoxArea.Col2-Border1 .Grid-Column#press02 .Box dl dd h3.Header { margin: 15px 0 0;}


/* 09. CSR
-------------------------------------------------------------- */
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr01 .Box dl dt a {background:url(/csr/images/bg_csr_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr02 .Box dl dt a {background:url(/csr/images/bg_csr_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr03 .Box dl dt a {background:url(/csr/images/bg_csr_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr04 .Box dl dt a {background:url(/csr/images/bg_csr_04.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr05 .Box dl dt a {background:url(/csr/images/bg_csr_05.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr06 .Box dl dt a {background:url(/csr/images/bg_csr_06.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr07 .Box dl dt a {background:url(/csr/images/bg_csr_07.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr08 .Box dl dt a {background:url(/csr/images/bg_csr_08.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr09 .Box dl dt a {background:url(/csr/images/bg_csr_09.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr10 .Box dl dt a {background:url(/csr/images/bg_csr_10.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr11 .Box dl dt a {background:url(/csr/images/bg_csr_11.jpg) no-repeat top center;}
/*
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr11 .Box dl dt a:hover {opacity: 1 !important;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#csr11 .Box dl dt a:hover span {background:rgba(207,1,0,0.8) !important;}
*/
#Contents .BoxArea.Col2-Border1 .Grid-Column.noLink .Box dl dt a:hover {opacity: 1 !important;}
#Contents .BoxArea.Col2-Border1 .Grid-Column.noLink .Box dl dt a:hover span {background:rgba(207,1,0,0.8) !important;}

/* 11. employment
-------------------------------------------------------------- */
#title_box #employ_main_img {background: url(/employment/images/employ_main_img.jpg) right center no-repeat; background-size: 100%;}
#title_box #employ_new_main_img { background: url(/employment/images/employ_new_main_img.jpg) center right no-repeat;}
#title_box #employ_career_main_img { background: url(/employment/images/employ_career_main_img.jpg) top right no-repeat; background-size: 100%;}
#title_box #employ_arbeit_main_img { background: url(/employment/images/employ_arbeit_main_img.jpg) top right no-repeat; background-size: 100%;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ01 .Box dl dt a {background:url(/employment/images/bg_employ_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ02 .Box dl dt a {background:url(/employment/images/bg_employ_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ03 .Box dl dt a {background:url(/employment/images/bg_employ_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ04 .Box dl dt a {background:url(/employment/images/bg_employ_04.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ01 .Box dl dd h3.Header,
#Contents .BoxArea.Col2-Border1 .Grid-Column#employ02 .Box dl dd h3.Header { margin: 15px 0 0;}

/* 12. corporate
-------------------------------------------------------------- */
#title_box #corp_main_img {background: url(/corporate/images/corp_main_img.jpg) right center no-repeat; background-size: 100%;}
#title_box #corp_about_main_img { background: url(/corporate/images/corp_about_main_img.jpg) top right no-repeat; background-size: 100%;}
#title_box #corp_changes_main_img { background: url(/corporate/images/corp_changes_main_img.jpg) center right no-repeat; background-size: 100%;}
#title_box #corp_control_main_img { background: url(/corporate/images/corp_control_main_img.jpg) center right no-repeat; background-size: 100%;}
#title_box #corp_governance_main_img { background: url(/corporate/images/corp_governance_main_img.jpg) center right no-repeat;}
#title_box #corp_identity_main_img { background: url(/corporate/images/corp_identity_main_img.jpg) top right no-repeat; background-size: 100%;}
#title_box #corp_facility_main_img { background: url(/corporate/images/corp_facility_main_img.jpg) top right no-repeat; background-size: 100%;}
#title_box #corp_procurement_main_img { background: url(/corporate/images/corp_procurement_main_img.jpg) top right no-repeat;  background-size: 100%;}
#title_box #corp_fiduciary_main_img { background: url(/corporate/images/corp_fiduciary_main_img.jpg) top right no-repeat;  background-size: 100%;}
#title_box #group_ad_main_img_img { background: url(/corporate/images/group_ad_main_img.jpg) top right no-repeat; background-size: 100%;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp01 .Box dl dt a {background:url(/corporate/images/bg_corp_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp02 .Box dl dt a {background:url(/corporate/images/bg_corp_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp03 .Box dl dt a {background:url(/corporate/images/bg_corp_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp04 .Box dl dt a {background:url(/corporate/images/bg_corp_04.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp05 .Box dl dt a {background:url(/corporate/images/bg_corp_05.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp06 .Box dl dt a {background:url(/corporate/images/bg_corp_06.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp07 .Box dl dt a {background:url(/corporate/images/bg_corp_07.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp08 .Box dl dt a {background:url(/corporate/images/bg_corp_08.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp09 .Box dl dt a {background:url(/corporate/images/bg_corp_09.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp10 .Box dl dt a {background:url(/corporate/images/bg_corp_10.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#corp11 .Box dl dt a {background:url(/corporate/images/bg_corp_11.jpg) no-repeat top center;}
.Map-Caption {
	font-size: 85.7%
}

/* 13. group
-------------------------------------------------------------- */
#title_box #group_main_img {background: url(/group/images/group_main_img.jpg) right center no-repeat; background-size: 100%;}
#title_box #group_service_main_img {background: url(/group/images/group_service_main_img.jpg) bottom 30% right no-repeat; background-size: 100%;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#group01 .Box dl dt a {background:url(/group/images/bg_group_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#group02 .Box dl dt a {background:url(/group/images/bg_group_02.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#group03 .Box dl dt a {background:url(/group/images/bg_group_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#group04 .Box dl dt a {background:url(/group/images/bg_group_04.jpg) no-repeat top center;}
//#Contents .BoxArea.Col2-Border1 .Grid-Column#group01 .Box dl dd h3.Header { margin: 15px 0 0;}


#Contents .Section .BG-Pink { background-color: #fef; }

#Contents .Section .Right-Arrow {
padding-left: 14px;
background: url(../images/arrow_right.gif) 0 .35em no-repeat;
}
#Contents .Section h3.Gr-Business-Header {
margin: 0;
padding: 6px 15px 4px;
font-size: 100%;
background: url(../images/arrow_right.gif) 96% 50% no-repeat;
background-color: #f7f7f7;
border-top: 1px solid #c00;
border-right: 1px solid #d6d8da;
border-bottom: 1px solid #d6d8da;
border-left: 1px solid #d6d8da;
font-family: 'ヒラギノUD角ゴ W6 JIS2004';
transform: rotate(0.05deg);
-webkit-transition: none;
transition: none;
}

/* 14. iframe movie
-------------------------------------------------------------- */
.iframe_movie{
width: 400px;
position: relative;
}
.iframe_movie:before{
content:"";
position: absolute;
display: block;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 56px;
height: 56px;
background-image: url(/cmn/images/parts-pc.png);
background-position: -56px -1335px;
opacity: 0.9;
cursor: pointer;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.mv_noneicon:before {
display: none;
}

/* 16. tokyo2020
-------------------------------------------------------------- */
#tokyo_main_img_vision {
background: url(/tokyo2020/images/tokyo_main_img_vision.jpg) no-repeat center right;
}
#tokyo_main_img_vision h1 {
max-width: 350px;
}
.Section + .bnrArea.tokyo2020,
.countdown + .bnrArea.tokyo2020{
display: none;
}
.bnrArea.tokyo2020{
background: transparent;
}
.bnrArea.tokyo2020 ul{
display: block;
padding: 0;
}
.bnrArea.tokyo2020 li{
float:left;
min-height: auto;
margin-right: 0;
background: transparent;
}
.bnrArea.tokyo2020 li a {
width:203px;
height:89px;
margin:0 16px 0 0;
line-height:89px;
border:1px solid #b4b4b4;
box-sizing: border-box;
}
.bnrArea.tokyo2020 li a {
font-size:16px;
font-weight:bold;
display:block;	
text-align: center;
text-decoration:none;
text-shadow: 1.5px 1px 0px #fff,  -1.5px 1.5px 0px #fff,  1.5px -1.5px 0px #fff,  -1.5px -1.5px 0px #fff;
}
.bnrArea.tokyo2020.col3 li a {
width: 276px;
height: 89px;
margin: 0 16px 0 0;
line-height: 89px;
border: 1px solid #b4b4b4;
box-sizing: border-box;
}
.bnrArea.tokyo2020 li:nth-child(1) a {
background-image: url(/tokyo2020/images/bnrarea_tokyo01.jpg);
}
.bnrArea.tokyo2020 li:nth-child(2) a {
line-height: 1.4em;
padding-top: 19px;
}
.bnrArea.tokyo2020 li:nth-child(4) a {
margin:0;
}
.bnrArea.tokyo2020 li:nth-child(2) a:hover {
line-height:1.4em;
padding-top:19px;
}
#LocalNavigationArea .yubinLink a{
width: calc(100% - 2px);
text-align: center;
display: inline-block;
padding: 20px 0;
border: 1px solid #d6d8da;
border-bottom: 0;
margin-top: 20px;
background: #fff url(../images/arrow_rightnavi.gif) center left 0.85em no-repeat;
}
#LocalNavigationArea .yubinLink a.Popup span{
background: url(../images/icon_popup.gif) center right no-repeat;
padding: 0 25px;
}
#Contents .Section.Topics-Col{
padding: 0;
}
#Contents .Topics-Col ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Contents .Topics-Col ul li{
flex: 0 0 276px;
margin-bottom: 16px;
position: relative;
}
#Contents .Topics-Col ul li a{
display: inline-block;
width: 100%;
height: 100%;
transition: all ease 0.3s;
border: 1px solid #b4b4b4;
box-sizing: border-box;
text-decoration: none;
}
#Contents .Topics-Col ul li a:hover{
opacity: 0.7;
}
#Contents .Topics-Col ul li.new:before{
position: absolute;
top: -9px;
left: 10px;
content:"NEW";
display: inline-block;
padding: 3px 6px;
color: white;
border-radius: 3px;
background: #cc0000;
z-index:99;
}
#Contents .topics_thumbarea{
background: #e5e8ef;
text-align: center;
min-height: 148px;
display: flex;
align-items: center;
justify-content: center;
}
#Contents .topics_thumbarea span{
display: block;
font-size: 34px;
line-height: 42px;
color: #002063;
font-family: 'UD新ゴ DB';
}
#Contents .topics_thumbarea img{
width: 100%;
}
#Contents .topics_txtarea{
padding: 16px;
}
#Contents .topics_txtarea + .target_blank {
position: absolute;
right: 10px;
bottom: 10px;
}
#Contents .topics_data{
font-size: 85%;
background: #002063;
padding: 3px 6px;	
color: white;
border-radius: 3px;
display: inline-block;
margin-bottom: 8px;
}
#Contents p.topics_ttl{
margin-bottom: 0;
text-decoration: underline;
}
#Contents .Section .relay_li{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#Contents .Section .relay_li li{
width: 45%;
flex-basis: 45%;
display: flex;
flex-direction: column;
position: relative;
margin-bottom: 100px;
}
#Contents .Section .relay_li li:last-child{
margin-bottom: 20px;
}
#Contents .Section .relay_li li:nth-last-child(2){
/*margin-bottom: 20px;*/
}
#Contents .Section .relay_li li:nth-child(odd):before{
content: "";
box-sizing: border-box;
width: 6px;
height: 6px;
border: 20px solid transparent;
border-left: 20px solid #ffa8a8;
right: -80px;
top: 0;
display: inline-block;
bottom: 0;
margin: auto;
position: absolute;
}
#Contents .Section .relay_li li:nth-child(odd):after{
content:"";
width: 15px;
height: 16px;
background: #ffa8a8;
display: inline-block;
right: -40px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
}
#Contents .Section .relay_li li:nth-child(even):before{
content: "";
box-sizing: border-box;
width: 6px;
height: 6px;
border: 20px solid transparent;
border-right: 20px solid #ffa8a8;
display: inline-block;
left: -74px;
bottom: -89px;
margin: auto;
position: absolute;
transform: rotate(-45deg);
}
#Contents .Section .relay_li li:nth-child(even):after{
content:"";
width: 15px;
height: 16px;
background: #ffa8a8;
display: inline-block;
right: auto;
left: -43px;
bottom: -59px;
margin: auto;
position: absolute;
transform: rotate(-45deg);
}
#Contents .Section .relay_li li:last-child:after,
#Contents .Section .relay_li li:last-child:before{
content: none;
}
#Contents .Section .relay_li.tokyo2020top{
padding: 20px 20px 40px;
}
#Contents .Section .relay_li.tokyo2020top li{
margin-bottom: 0;
}
#Contents .Section .relay_li.tokyo2020top li:nth-child(odd):before,
#Contents .Section .relay_li.tokyo2020top li:nth-child(odd):after{
content: none;
}

#Contents .Section .relay_li .img{
height: 283.5px;
}
#Contents .Section .relay_li .img img{
width: 100%;
}
#Contents .Section .relay_li .img span{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-size: 34px;
background: #e5e8ef;
color: #002063;
min-height: 200px;
}
#Contents .Section .relay_li .heading{
border: 2px solid #cc0000;
padding: 10px;
margin-bottom: 14px;
text-align: center;
min-height: 68px;
justify-content: center;
align-items: center;
box-sizing: border-box;
display: flex;
}
#Contents .Section .relay_li h2{
margin-bottom: 0;
}
#Contents .Section .relay_li .comment{
border-radius: 8px;
line-height: 1.4em;
position: relative;
margin: 20px auto 0;
padding: 20px;
background: #ffffe6;
text-align: center;
width: 100%;
box-sizing: border-box;
border: 1px solid #fafac2;
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
}
#Contents .Section .relay_li .comment:before{
content: '';
position: absolute;
top: -32px;
left: 50%;
margin-left: -15px;
border: 16px solid transparent;
border-bottom-color: #fafac2;
}
#Contents .Section .relay_li .comment:after{
content: '';
position: absolute;
top: -30px;
left: 50%;
margin-left: -14px;
border: 15px solid transparent;
border-bottom-color: #ffffe6;
}
#Contents .Section .relay_li p{
margin: 0;
}
.countdown{
text-align: center;
margin: 40px 0;
}
.countdown iframe{
width: 300px;
height: 250px;
margin: 20px;
overflow: hidden;
}
.tokyo2020_logo{
text-align: center;
padding: 100px;
box-sizing: border-box;
}
.tokyo2020_logo img{
border: 1px solid #eee;
padding: 20px;
width: 100%;
max-width: 400px;
box-sizing: border-box;
}
#tokyo_main_img_vision h1.topics {
max-width: 440px;
font-size: 24px;
}

/* 17. トップメッセージ
-------------------------------------------------------------- */
#title_box #message_main_img {background: url(/corporate/message/images/message_main_img.jpg) right center no-repeat; background-size: 100%;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#message01 .Box dl dt a {background:url(/corporate/message/images/bg_message_01.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#message02 .Box dl dt a {background:url(/corporate/message/images/bg_message_02.jpg) no-repeat top center;}

#Contents .BoxArea.Col2-Border1 .Grid-Column#message03 .Box dl dt a {background:url(/corporate/message/images/bg_message_03.jpg) no-repeat top center;}
#Contents .BoxArea.Col2-Border1 .Grid-Column#message01 .Box {
	min-height: 352px;
}
#Contents .BoxArea.Col2-Border1 .Grid-Column#message01 .Box dl dt a {
	height: 352px;
}

#Contents .BoxArea.Col2-Border1 .Grid-Column#message01,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message02,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message03 {
	padding-bottom: 0;
}

#Contents .BoxArea.Col2-Border1 .Grid-Column#message01 dl dt,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message02 dl dt,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message03 dl dt {
	margin-bottom: 0;
}

#Contents .BoxArea.Col2-Border1 .Grid-Column#message01 dl dd,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message02 dl dd,
#Contents .BoxArea.Col2-Border1 .Grid-Column#message03 dl dd {
	padding: 0;
	height: 0;
}

#topmessage_2020 p strong{
    display: block;
	color:#c00;
	font-size:130%;
	margin:30px 0 15px;
    text-align: center;
}

#topmessage_2020 .Section .Grid-Column .Text-Indent  p{
	text-indent:1em;
	padding: 0 2% 0 0;
    margin-left: 0;
}
@media screen and (min-width:768px) {
	#topmessage_2020 .Section.Flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	
	#topmessage_2020 .Section.Flex .Grid-Column.Text {
		width: calc(100% - 280px);
		margin-left: 20px;
	}

	#topmessage_2020 .Section.Flex .Grid-Column.Text p {
		margin-bottom: 0;
	}
}
/* �A�R�[�f�B�I�����j���[
-------------------------------------------------------------- */
.accordion {
text-align:left;
width:100%;
margin:auto;
}
.displayNone {
display: none;
}
.accordion li {
padding: 10px;
}
.contentWrap {
margin:auto;
}
.switch {
margin:auto;
border: 1px solid #d6d8da;
width:60%;
text-align:left;
cursor:pointer;
font-weight: bold;
padding:10px 40px 10px 10px;
font-size: 14px;
background: #eee;
position: relative;
margin-bottom:15px;
}
.switch:after {
position:absolute;
content: "+";
right: 10px;
font-size: 16px;
height: 16px;
font-family: sans-serif;
}
.switch.open:after {
content: "-";
}
ul.acordCont {
width:100% !important;
}
ul.acordCont li {
text-align: left;
width:90%;
}
@media screen and (max-width:640px) {
ul.acordCont {
width:90% !important;
}
.switch, .accordion {
width:100%;
}
}