/*=============================================================
 IR top Layout
=============================================================*/
/* title
--------------------------------------------------------*/
.directoryTop#ir .cotegoryTop #contents {
    background: none;
    float: none;
    width: 100%;
    padding-bottom: 50px;
}
/*.directoryTop#ir #contents header#contentsHdr #categoryTitle h1{
	background: none;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 24px;
    text-align: left;
    width: auto;
    height: auto;
   	position: absolute;
	top: 30%;
   	left: 9%;
   	transform: translate(-28%, -9%);
	color: #fff;
}*/
/* ----- common ----- */
#topicPathArea {
min-height: auto;
}
.sec-inner {
padding: 75px 0;
margin: 0 12%;
}
.ttl-h2 {font-size: 26px;color: #00BAB3;position: relative;text-align: center;line-height: 1.5;/* letter-spacing: 0.2em; */margin-bottom: 50px;}
.ttl-h2::after {
content: "";
background: url("../image/ttl_line.png")no-repeat;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background-size: cover;
}
p.txt {
line-height: 1.5;
font-size: 15px;
font-weight: 600;
text-align: center;
}
.sec-area a {
display: block;
text-decoration: none;
line-height: 1.5;
}
a.icon_pdf[href$=".pdf"] span.menu-ttl span {
position: relative;
}
a.icon_pdf[href$=".pdf"] span.menu-ttl span::after {
content: "";
display: inline-block;
width: 15px;
height: 16px;
background: url("https://www.uacj.co.jp/english/ir/img/icon_pdf.png") no-repeat;
background-size: cover;
position: absolute;
right: -20px;
}
.-col2 li {
width: calc((100% - 3%) / 2);
}
.-col3 li {
width: calc((100% - 3%) / 3);
background: #fff;
}
.-col4 li {
width: calc((100% - 3%) / 4);
}
/* main
-------------------------------------------------------------*/
#main {
position: relative;
}
#main figure.main-bg img {
height: 400px;
width: 100%;
object-fit: cover;
}
#main .ttl-h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
color: #fff;
font-weight: 500;
width: 100%;
text-align: center;
letter-spacing: 0.2em;
}
#main .main-ttl {
position: absolute;
top: 0;
}
#main .main-ttl figure {
position: relative;
top: 0;
}
#main .main-ttl figure img {
width: 400px;
height: 120px;
}
#main .main-ttl .ttl-h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-57%, -50%);
font-size: 24px;
color: #fff;
width: 100%;
text-align: center;
}
#main .main-ttl .ttl-h2::before,
#main .main-ttl .ttl-h2::after {
display: none;
}
/* sec01 sec02
-------------------------------------------------------------*/
.sec01,.sec02 {
margin: 90px 3%;
background-size: cover;
box-sizing: border-box;
}
.sec01 .sec-inner{
margin: 0 auto;
max-width: 1320px;
padding: 60px 8%;
background-color: #eff4f7;
/*background: url(../img/index_menu-bg.jpg) no-repeat;*/
background-size: cover;
}
.sec01 .menu-box li,.sec02 .menu-box li {
display: flex;
}
.sec01 p,.sec02 p{
margin: 50px 0;
}
/* sec02
-------------------------------------------------------------*/
.sec02 {
width: 100%;
margin: 0;
background-color: #bfeeec;
}
.sec02 .sec-inner {
margin: 0 auto;
max-width: 1320px;
padding: 60px 8%;
background-size: cover;
}
/* sec03
-------------------------------------------------------------*/
.sec03 {
margin: 90px 3%;
}
/* sec04
-------------------------------------------------------------*/
.sec04, .sec05 {
width: 100%;
margin: 0;
background-color: #eff4f7;
}
.sec04 .sec-inner,
.sec05 .sec-inner{
margin: 0 auto;
max-width: 1100px;
padding: 60px 8%;
background-size: cover;
}
/* stockboad
==================================================================*/
.directoryTop .stockboad {
position: absolute;
 text-align: right;	top: 5%;
right: 1%;
text-align: right;
margin: 2% 3% 0 0;
}
/* ----- menu-box ----- */
.menu-box,
.menu-list{
max-width: 1100px;
margin: 7px 0 0 0;	margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.menu-box li {
border-radius: 0 0 0 20px;
position: relative;
}
.menu-box li::before {
content: "";
background: url(../image/index_menu-ttl.png) no-repeat;
position: absolute;
bottom: 0;
right: 0px;
width: 75px;
height: 37px;
z-index: 9;
cursor: pointer;
}
.menu-box img {
width: 100%;
}
.menu-box span.menu-ttl {
display: block;
padding: 20px 20px 35px;
}
.menu-box span.menu-ttl {
font-size: 16px;
line-height: 1.5;
color: #001957;
font-weight: bold;
position: relative;
display: inline-block;
}
.menu-box span.blank::after{
background: url(https://www.uacj.co.jp/english/ir/img/parts_spr.png) no-repeat -14px 0;
/*background-position:0 0;*/
width: 12px;/*
height: 12px;
border: none;
top: 14px;
left: 22px;*/
/*content: "test";
font-size: 12px;*/
}
.menu-box a:hover span.menu-ttl {
color: #00BAB3;
}
.menu-box a figure {
overflow: hidden;
}
.menu-box a figure img {
transition:.5s all;
}
.menu-box a:hover figure img {
transform:scale(1.1,1.1);
transition:.5s all;
}
.menu-box a,
.menu-box a span.arrow-move {
transition: .5s;
}
.menu-box a::before,
.menu-box a::after,
.menu-box a span.arrow-move::before,
.menu-box a span.arrow-move::after {
content: "";
position: absolute;
z-index: 9;
}
.menu-box a::before,
.menu-box a span.arrow-move::before {
right: 14px;
width: 13px;
height: 1px;
background: #fff;
bottom: 15px;
}
.menu-box a::after,
.menu-box a span.arrow-move::after{
right: 14px;
width: 6px;
height: 6px;
bottom: 12px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.menu-box a span.arrow-move::before,
.menu-box a span.arrow-move::after {
opacity: 0;
right: 20px;
}
.menu-box a:hover::before,
.menu-box a:hover::after {
animation: arrowbefore .5s;
}
.menu-box a:hover span.arrow-move::before,
.menu-box a:hover span.arrow-move::after {
animation: arrowafter ease-out .5s;
}
@keyframes arrowbefore {
100% {
right: 5px;
opacity: 0;
}
}
@keyframes arrowafter {
99% {
right: 14px;
opacity: 1;
}
100% {
opacity: 0;
}
}
/* sec-etc
==================================================================*/
.sec-etc {
margin: 90px 5%;
background-size: cover;
box-sizing: border-box;
}	

/* front-menuPickup (3 rows)  section01
==================================================================*/
.directoryTop#ir #contents .front-menuPickup{
	display: flex;
	justify-content: space-between;
}
.directoryTop#ir #contents .front-menuPickup li{
	width:32.5%;
	box-shadow: 2px 1px 4px 2px rgba(0,0,0,0.1);
}
.directoryTop#ir #contents .front-menuPickup li a img{width: 100%;}
.directoryTop#ir #contents .front-menuPickup li a:hover img{
	opacity: 0.7;
}
.directoryTop#ir #contents .front-menuPickup li a p {
	position: relative;
	display: block;
	height: 50px;
	font-size: 16px;
	overflow: hidden;
	text-decoration: none;
	background: linear-gradient(90deg, #00a9a3 0%, #00a9a3 6%, #ffffff 6%, #ffffff 100%);
}
.directoryTop#ir #contents .front-menuPickup li a p span {
	position: absolute;
	z-index: 1;
	transition: .3s;
	color: #333;
	top: 50%;
    left: 12%;
    transform: translateY(-50%);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.directoryTop#ir #contents .front-menuPickup li a:hover p span {color: #fff;}

/* 疑似要素 */
.directoryTop#ir #contents .front-menuPickup li a p:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #00a9a3;
	transform: translate3d(-100%, 0, 0);
	transition: .3s;
}
/* 疑似要素(hover) */
.directoryTop#ir #contents .front-menuPickup li a:hover p:before {
	transform: translate3d(0, 0, 0);
}
/* ----- circle arrow ----- */
.arrow,
.window{
position: relative;
}
.arrow a,
.window a{
font-size: 16px;
color: #001957;
font-weight: bold;
display: flex;
position: relative;
}
.arrow a::before,
.window a::before{
content: "";
background: url("../image/icon_arw.svg");
width: 20px!important;
height: 20px!important;
margin-right: 15px;
border-style: none;
border-width: 0;
z-index: 10;
position: absolute;
}
.window a::before{
background: url("../image/icon_win.svg");
background-repeat: no-repeat;
}
.arrow a:hover::before {
background: url("../image/icon_arw-hover.svg");
z-index: 10;
}
.window a:hover::before {
background: url("../image/icon_win-hover.svg");
z-index: 10;
background-repeat: no-repeat;
}


/*  section02
===============================================================================*/
/* news
-------------------------------------------------------------*/
/*#section02 .box-clm2.left2x > .boxLeft{width: 630px;}*/
#section02 .box-clm2.left2x > .boxLeft{width: 66%;}	#section02{
margin: 0 auto;
max-width: 980px;
}
#section02 .ttl-fig{
color: #00BAB3;
font-size: 18px;
}
#section02 .box-clm2.left2x > .boxLeft{width: 66%;}
#ir_library nav{
	display: block;
	border-bottom: 2px solid #003280;
	margin-bottom: 1em;
}
#ir_library #main_navi {
	list-style: none;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0 2px 0 !important;
    width: 100% !important;
    height: 40px !important;
}
#ir_library #main_navi li{
	width: 25% !important;
    height: 40px !important;
	background: #e5f6f6 !important;
	display: flex !important;
    justify-content: center;
    align-items: center;
	border-bottom: 4px solid #fff;
    margin-left: 0 !important;
    clip-path: none;
    cursor: pointer;
}
#ir_library #main_navi li.selected{
	background: #00a9a3 !important;
	color: #fff;
	border-bottom: 4px solid #003280;
}
#ir_library #main_navi li:hover{
	border-bottom: 4px solid #003280;
}
#ir_library #main_navi li span{
	display: block;
	width: 100%;
	text-align: center;
	border-right: 1px solid #0083a7;
	cursor: pointer;
	line-height: 1.9;
	font-weight: bold;
}
#ir_library #main_navi li:last-child span{
	border-right: none;
}
#ir_library  div#announcement dt.irtop {
    color: #003280;
}
#ir_library div#announcement dd.irtop_second div.pdiv a{
display: inline-block;
}
#announcement .list-news dd p a:before{
	content: "";
    background: url(../image/icon_arw.svg);
    width: 20px!important;
    height: 20px!important;
	top: 0;
    margin-left: -10px;
    border-style: none;
    border-width: 0;
    z-index: 10;
    position: absolute;

}
/*#announcement .list-news dd p .arrow a:hover::before {
    background: url(../image/icon_arw-hover.svg);
    z-index: 10;
}*/

/* 今後の予定
-----------------*/
#contents .list-news dt:nth-of-type(even),
#contents .list-news dd:nth-of-type(even){background:none;}

#index-scheduleArea .list-news dt{
display: inline-block;
    margin-bottom:0;
    padding: 10px 75px 0 0;
    color: #003280;
    position: relative;
}
#index-scheduleArea .list-news dt:after{
    background: #003280;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    font-style: normal;
    white-space: nowrap;
    background-color: #003280;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    position: absolute;
    top: 12px;
    right: -40px;
}
#index-scheduleArea .list-news dt.icon_ir:after{
    content: 'IR';
}
#index-scheduleArea .list-news dt.icon_management:after{
    content: 'Management';
}
#index-scheduleArea .list-news dd{
    padding-left: 0 !important;
}


/* 右列
===================================================================*/
/*.directoryTop#ir #contents .box-clm2.left2x > .boxRight{width: 300px;}*/
.directoryTop#ir #contents .box-clm2.left2x > .boxRight{width: 31%;}
/* 財務業績情報 */
.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance{
	position: relative;
	margin-top: 25px;
	
}
.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance a{
	display: block;
	color: #fff;
	background-color: #1a4e8a;
	padding-left: 40px;
}

.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance a:hover{
	background-color: #eff4f7;
	color: #0089b6;
	
}
.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance .arrow a:before{
	background: url(../image/icon_arw_white.svg);
	top: 0;
    bottom: 0;
    margin: auto;
	left: 10px;

}
.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance .arrow a:hover::before{
	background: url(../image/icon_arw-hover.svg);
}
.directoryTop#ir #contents .box-clm2.left2x > .boxRight .finance span{
	line-height: 50PX;
}

/* UACJレポート */
.directoryTop#ir #contents .box-clm2.left2x > .boxRight p#UACJreport img{
    width: 100%;
}

/* 最新IR資料ダウンロード */
#section02 aside#irDocuments {
	margin: 25px 0;
}
#section02 aside#irDocuments #localMenu .lm-dataDL {
	/*background: rgba(0,131,167,0.05);*/
	background: #eff4f7;
    margin: 25px 0;
    padding: 0;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li a,
#section02 aside#irDocuments #localMenu .lm-dataDL li .lm-toggle {
    padding: 0;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li li a {
    padding: 8px 0 7px 0;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li li a::before {
	content: "";
	display: block;
	position: absolute;
	/* background: url("../img/ir_arrow.png") no-repeat; */
}
/*#section02 aside#irDocuments #localMenu .lm-dataDL li > a::before,*/
#section02 aside#irDocuments #localMenu .lm-dataDL li > .lm-toggle::before {
    content: none;
    background: none;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li a.lm-iconZip{
	padding: 0 30px 0 0;
    /*display: inline-block;*/
}
#section02 aside#irDocuments #localMenu .lm-dataDL li a.lm-iconZip::after{
	position: absolute;
	display: inline-block;
	content: "";
	width: 20px;
	height: 23px;
	background: url(../image/ir_icon-zip.png) no-repeat;
	background-size: cover;
	right: -10px;
	transform: none;
	border: none;
	
}
#section02 aside#irDocuments #localMenu .lm-dataDL ul li:nth-child(2){
	position: relative;
    display: block;
}
/*#section02 aside#irDocuments #localMenu .lm-dataDL ul li:nth-child(2)::before{
    content: "";
    background: none;
    position: absolute;
    top: 9px;
    right: 10px;
    left: auto;
    width: 26px;
    height: 26px;
    background: #9ABECA;
}*/
#section02 aside#irDocuments #localMenu .lm-dataDL ul li ul li:nth-child(2)::before{
    content: none;
    background: none;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2) .lm-toggle{
	position: relative;
	display: block;
	padding: 2px 0 2px 35px;
	color: #001957;
	font-weight: bold;
	font-size: 12px;
}
#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2) .lm-toggle::before{
    content: "";
    background: url(../image/icon_open.svg);
	width: 20px!important;
    height: 20px!important;
    top: 0;
    bottom: 0;
    margin: auto;
	border-style: none;
    border-width: 0;
	left: 10px;
}
/*#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2) .lm-toggle::before{
    content: "";
    background: none;
    position: absolute;
    top: 11px;
    right: 0px;
    left: auto;
    width: 16px;
    height: 2px;
    background: #fff;
	transform: translateY(-50%);
}*/
/*#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2) .lm-toggle::after{
    display: none;
	
}*/
/*#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2) .lm-toggle::after{
    content: "";
    background: none;
    position: absolute;
    top: 11px;
    right: 0px;
    left: auto;
    width: 16px;
    height: 2px;
    background: #fff;
	transform: translateY(-50%);
	transform: translateY(-50%) rotate(90deg);
}*/
/*#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2).open .lm-toggle::before {
	display: none;
}*/
#section02 aside#irDocuments #localMenu .lm-dataDL li:nth-child(2).open .lm-toggle::before {
	/*position: relative;
	display: block;*/
	content: "";
    background: url(../image/icon_close.svg);
    width: 20px!important;
    height: 20px!important;
    top: 0;
    bottom: 0;
    margin: auto;
	border-style: none;
    border-width: 0;
	/*transform: rotate(0);
    transition: 0.5s;*/
}
#section02 .ttl-figCaption .arrow a::before{
 	margin-left: -25px;
}
#section02 aside#irDocuments dl dt{
	/*background: #0083a7;*/
	color: #001957;
	padding: 15px 15px 15px 0;
	/*text-align: center;*/
	font-weight: bold;
	font-size: 95%;
}
#section02 aside#irDocuments dl dd ul li{
	padding: 10px 15px;
	
}
#section02 aside#irDocuments dl dd ul .arrow{
	border-bottom: 1px solid #9abeca;
	margin: 0 10px;
}

#section02 aside#irDocuments dl dd ul ul{
	margin-top: 1em;
}
#section02 aside#irDocuments dl dd ul ul .arrow{
	border-bottom: none;
	padding: 0;
}

#section02 aside#irDocuments dl dd ul .arrow a{
	font-size: 12px;
	color: #001957;
	font-weight: bold;
	/*display: flex;*/
	position: relative;
	margin-left: 25px;
}
#section02 aside#irDocuments .arrow a::before{
	content: "";
	background: url("../image/icon_arw.svg");
	width: 20px!important;
	height: 20px!important;
	/*margin-right: 15px;*/
	border-style: none;
    border-width: 0;
	z-index: 10;
	position: absolute;
	left: -25px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#section02 aside#irDocuments .arrow a:hover::before {
	background: url("../image/icon_arw-hover.svg");
	z-index: 10;
}
/* 右列　バナー3つ */
#section02 .boxRight #index-bnr li{
	margin-bottom: 10px;
}
#section02 .boxRight #index-bnr li a{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: #003280;
}
#section02 .boxRight #index-bnr li a:hover{
	opacity: 0.5;
}
#section02 .boxRight #index-bnr li a p{
	width: 65%;
  	display: flex;
	flex-wrap: wrap;
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: left;  /* 子要素をflexboxにより中央に配置する */
	text-align: left;
	vertical-align: middle;
	padding-left: 5%;
}
#section02 .boxRight #index-bnr li a p span{
	display: inline-block;
}
#section02 .boxRight #index-bnr li img{
	width: 30%;
}
#section02 .boxRight #index-bnr li span img.iconWin{
	display: inline;
	width: 20px;
	height: 16px;
	vertical-align: -2px;
	margin-left: 5px;
}


/* info icon
===============================================================================*/
.info-Icon{max-width: 500px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.info-Icon li{text-align: center;width: calc(70% / 2);}
.info-Icon li figure{
margin-bottom: 20px;
text-align: center;
}
.info-Icon li span{
display: block;
}
.info-Icon li figure img{
width: 50%;
}
.info-Icon .arrow a{
display: block;
font-size: 15px;
}
.info-Icon .arrow a::before{bottom: 2%;left: 10%;}
.info-Icon .arrow:nth-child(1) a::before{
left: 10%;
}
.info-Icon .arrow:nth-child(2) a::before{
left: 15%;
}
.info-Icon .arrow a span{
margin-left: 20px;
}


/*  section03 best5
===============================================================================*/
#section03 .flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#section03 .flexbox section{
	width: 47%;
}
/*#section03 a:link{
    color: #333;
}*/

/* ir_best5.php - #index-irRanking
---------------------------------------------*/
#section03 section#index-irRanking h2{
	/*display: flex;
	align-items: center;
	--text-divider-gap: 1rem;*/
	font-size: 20px;
	color: #00bab3;
	margin-bottom: 30px;
}
/*#section03 section#index-irRanking h2::before,
#section03 section#index-irRanking h2::after {
	content: '';
	height: 2px;
	background-color: #9abeca;
	flex-grow: 1;
}
#section03 section#index-irRanking h2::before {
	margin-right: var(--text-divider-gap);
}
#section03 section#index-irRanking h2::after {
	margin-left: var(--text-divider-gap);
}*/
#section03 section#index-irRanking p{
	font-size: 12px;
	color: #001957;
	margin-top: 10px;
}
#section03 section#index-irRanking ol li{
	border-bottom: 1px solid #9abeca;
	margin-top: 1.5em;
	padding-bottom: 0.5em;
	width: auto;
}
#section03 section#index-irRanking ol li a{
padding-left: 50px;
}
#section03 section#index-irRanking ol .arrow a::before{
right: 10px;
}
#section03 section#index-irRanking ol li a span{
	display: block;
  	width: 100%;
	min-height: 35px;
    position: relative;
    /*display: inline-block;
    vertical-align: middle;*/
    text-decoration: none;
}
#section03 section#index-irRanking ol li a span:before{
	content: "";
	position: absolute;
	left: -50px;
	width: 35px;
	height: 35px;
	top: 50%;
	margin-top: -25px;
}
/*#section03 section#index-irRanking ol li a:before{
    content: "";
    position: absolute;
    bottom: 0;
	left: 0;
    width: 31px;
    height: 35px;
}*/
/* #section03 section#index-irRanking ol li a:after{
    content: "";
    position: absolute;
    top: 0.8em;
	right: 0;
    margin: auto;
    vertical-align: middle;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #0083a7;
} */
#section03 section#index-irRanking ol li:nth-child(1) a span:before{
	background: url("../image/index-sec03_ranking-icon01.png") no-repeat;
	background-size: cover;
}
#section03 section#index-irRanking ol li:nth-child(2) a span:before{
	background: url("../image/index-sec03_ranking-icon02.png") no-repeat;
	background-size: cover;
}
#section03 section#index-irRanking ol li:nth-child(3) a span:before{
	background: url("../image/index-sec03_ranking-icon03.png") no-repeat;
	background-size: cover;
}
#section03 section#index-irRanking ol li:nth-child(4) a span:before{
	background: url("../image/index-sec03_ranking-icon04.png") no-repeat;
	background-size: cover;
}
#section03 section#index-irRanking ol li:nth-child(5) a span:before{
	background: url("../image/index-sec03_ranking-icon05.png") no-repeat;
	background-size: cover;
}
/*#section03 section#index-irRanking ol li a span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	padding: 0 15px 0 40px;
	line-height: 125%;
}*/


/* ir_other.php - #chart-app
---------------------------------------------*/
#section03 section#chart-app ul li{
	margin-bottom: 1em;
}
#section03 section#chart-app ul li a:hover{
	opacity: 0.5;
}
#section03 section#chart-app ul li a img{
	width: 100%;
}

/* ir_other.php - #irSubMenu
---------------------------------------------*/
#section03 section#irSubMenu a{
	display: block;
	text-decoration: none;
}
#section03 section#irSubMenu a::before{
	position: absolute;
	left: 0;
}
#section03 section#irSubMenu ul.list-Icon{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #9abeca;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#section03 section#irSubMenu ul.list-Icon li{
	width: 46%;
	padding: 5% 2%;
}
#section03 section#irSubMenu ul.list-Icon li a{
	position: relative;
	padding: 3px 0 0 40px;
}
#section03 section#irSubMenu ul.list-Icon li a:before{
	content: '';
	position: absolute;
	width: 31px;
	height: 31px;
	top: 0;
	left: 0;
}
#section03 section#irSubMenu ul.list-Icon li:nth-child(1) a:before{
	background: url("../image/index-sec03_submenu-icon01.png") no-repeat;
	background-size: cover;
}
#section03 section#irSubMenu ul.list-Icon li:nth-child(2) a:before{
	background: url("../image/index-sec03_submenu-icon02.png") no-repeat;
	background-size: cover;
}
#section03 section#irSubMenu ul.list-Icon li:nth-child(3) a:before{
	background: url("../image/index-sec03_submenu-icon03.png") no-repeat;
	background-size: cover;
}
#section03 section#irSubMenu ul.list-Icon li:nth-child(4) a:before{
	background: url("../image/index-sec03_submenu-icon04.png") no-repeat;
	background-size: cover;
}
#section03 section#irSubMenu ul.list-other{
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-between;
	overflow: hidden;
	margin-top: 30px;
}
#section03 section#irSubMenu ul.list-other li{
	width: 47%;
	/* font-size: 90%; */
}
#section03 section#irSubMenu ul.list-other li a{
	/*display: block;*/
	position: relative;
	/*display: inline-block;*/
	padding: 14px 0 10px 26px;
	vertical-align: middle;
	text-decoration: none;
	/*line-height: 3;*/
	font-size: 95%;
}
/*#section03 section#irSubMenu ul.list-other li a:before{
    content: "";
    position: absolute;
    top: 0.4em;
	left: 12px;
    margin: auto;
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #0083a7;
}*/


/*  section04 #awards-bnr
===============================================================================*/
#section04 #awards-bnr{
	width: 65%;
	margin: 15px auto 0 auto;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#section04 #awards-bnr li{
	margin: 10px;
}

/*  section05
===============================================================================*/
.directoryTop #contents .index-toggleSet .index-toggleIcon {
	display: none;
}
.directoryTop #contents  {
    border: none;
}
#section05 .sec-inner div:nth-child(2){
	margin-top: 5%;
}

#section05 dt{
    border-bottom: 2px solid #9abeca;
}

#section05 a:visited{
	color: inherit;

}
#section05 dt a{
    padding: 18px 0 12px 26px;
	position: relative;
	color: #0089b6!important;
	font-size: 12pt;
	/*padding: 15px 0 15px 10px;*/
    z-index: 9;
	display: block;
    /*padding: 12px 0 10px 40px;*/
}
#section05 li{
	border-bottom: 1px dotted #c1d6de;
}


	#section05 li a{
	color:#001957!important;
	padding: 18px 40px 12px 26px;
	position: relative;
	font-size: 10pt;
	z-index: 9;
	}
    /*pointer-events: all;*/

/*.directoryTop #contents .box-menuList dt a:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 3%;
   	transform: translateY(-50%);
}*/
/* box-clm2>box-clm2 */
#section05.box-clm2 .box-clm2>.boxLeft,
#section05.box-clm2 .box-clm2>.boxRight{width: calc(97% / 2);}



#section05 dt a::before,
#section05 dd li a::before{	    
    position: absolute;
	right: 0;
}
#section05 dt a::after,
#section05 dd li a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: rgba(221,229,237,.5);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
#section05 dt a:hover::after,
#section05 dd li a:hover::after{
  transform-origin: left top;
  transform: scale(1, 1);
}
/*footer
=========================================*/
footer .sec-inner{
	max-width: 1100px;
	/*margin: 0 auto;*/
	padding: 0;
	background-size: cover;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){
	.directoryTop#ir #contents header#contentsHdr #categoryTitle h1{
		font-size: 21px;
		top: 35%;
    	left: 5%;
    	transform: translate(-5%, -35%);
	}
	#section04 #awards-bnr {
		width: 90%;
	}
	footer .sec-inner{
		margin: 0 8%;
	}
}
@media only screen and (min-width:768px){
img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
	}
	.-col2 li {
		width: calc((100% - 20px) / 2);
	}
	.-col3 li {
		width: calc((100% - 30px) / 3);
	}


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
	/* menu-box
	-------------------------------------------------------------*/
	.menu-box span.menu-ttl {
		padding: 15px 15px 20px;
	}
	.directoryTop#ir #pageBody {
        padding-top: 7px;
    }
	.directoryTop#ir #contents header#contentsHdr #categoryTitle p img{
		width: 100%;
		height: auto;
	}
	.directoryTop#ir #contents header#contentsHdr #categoryTitle h1{
		font-size: 24px;
	    width: auto;
    	height: auto;
		padding: 0;
    	position: absolute;
		top: 40%;
    	left: 9%;
    	transform: translateY(-40%);
	}
	.sec-inner {
		margin: 0 8%;
	}
	p.txt {
		text-align: left;
	}
	.ttl-h2 {
		font-size: 26px;
		line-height: 1.5!important;
	}
	.menu-box, .menu-list {
		display: block;
	}
	.menu-box span.menu-ttl {
		padding: 15px 15px 30px;
	}
	.-col2 li,
	.-col3 li {
		width: 100%;
		margin-bottom: 20px;
	}
/* main
	-------------------------------------------------------------*/
	#main {
		top: 40px;
	}
	#main figure.main-bg img {
		height: 240px;
		object-position: 50% 50%;
	}
	#main .main-ttl figure img {
		width: 200px;
		height: 60px;
	}
	#main .main-ttl .ttl-h2 {
		font-size: 16px;
	}
	#main h1.ttl-h1 {
		font-size: 20px;
	}
/* stockboad
-------------------------------------------------------------*/
 .stockboad {
	bottom: 5%;
	top: auto;
}

/* front-menuPickup (3 rows)  section01
-------------------------------------------------------------*/
	.directoryTop#ir #contents .front-menuPickup{
		display: block;
	}
	.directoryTop#ir #contents .front-menuPickup li{
		width: 100%;
		margin-bottom: 4%;
	}
	.directoryTop#ir #contents .front-menuPickup li a {
		height: 60px;
	}
	.directoryTop#ir #contents .front-menuPickup li a p span {
	    left: 12%;
	}

	.info-Icon{
		padding: 5%;
	}
	.info-Icon li {
		width: 45%;
		}
	.info-Icon li:nth-child(n + 3){
		margin-top: 20px;
	}

/* 今後の予定
-------------------------------------------------------------*/
    #index-scheduleArea .list-news dt:after{
        font-size: 10px;
        line-height: 17px;
    }
/*  section03
===============================================================================*/

/*  section03
===============================================================================*/
	#section03 .flexbox{
		display: block;
	}
	#section03 .flexbox section{
		width: 100%;
	}

/* ir_best5.php - #index-irRanking
---------------------------------------------*/
 	#section03 section#index-irRanking{
 		font-size:14px;
		margin-bottom: 2em;
	}
	

/*  section04 #awards-bnr
===============================================================================*/
	#section04 #awards-bnr{
		width: 90%;
	}

/* #section05
==============================================================================*/
/* box-menuList
-------------------------------------------------------------*/
	.directoryTop #contents .box-menuList{
		margin-bottom: 1em !important;
	}
	.directoryTop #contents .box-menuList > dt{
		position: relative;
		cursor: pointer;
	}
	.directoryTop #contents .box-menuList dt a {
	    pointer-events: none;
		padding: 16px 0 10px 10px;
		display: inline-block;
	}




}