@charset "UTF-8";

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

.l_content_in{
	width: 840px;
	margin-bottom: 2em;
	float: left;
	display:;
}

.l_content_in .l_element {
	margin-bottom: 4em;
}

.sidenav{
	float: right;
}

.l_inner,
.l_content{
	clear: both;
}

.l_content {
	margin-top: 40px;
}

img.inImg{
	display: block;
}

.mbM{
	margin-bottom: 1em;
}

.ptM{
	padding-top: 1em;
}

.url {
	word-wrap: break-word;
}


/* headline
--------------------------------------------------------- */

h3.hl {
	padding-left: 17px;
    font-size: 2rem;
    font-weight: normal;
    border-left: 8px solid #ed6d00;
	margin-bottom: 25px;
}

h4.hl {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
}
h4.hl::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ed6d00;
}


/* width
--------------------------------------------------------- */
.w25p {
  width: 25%;
}

.w30p {
  width: 30%;
}

.w40p {
  width: 40%;
}

.w100p {
  width: 100%;
}



/* list
--------------------------------------------------------- */
.list > dt {
  font-weight: bold;
}

.list > dd {
  margin-top: 3px;
}

.list_note > li {
  padding-left: 1em;
  position: relative;
}

.list_note > li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}

.list_note_outer {
  padding: 20px 26px;
  background: #f0f0f0;
}

.list_disc {
  margin-left: 1.5em;
}

.list_disc > li {
  list-style-type: disc;
}

.list_num {
  margin-left: 1.5em;
}

.list_num > li {
  list-style-type: decimal;
}

ol.list_num_brackets {
  margin-left: 1.5em;
}

ol.list_num_brackets{
  padding:0 0 0 2em;
  margin:0;
}

ol.list_num_brackets li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_num_brackets li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.list_arrow li {
	position: relative;
	padding-left: 20px;
}

.list_arrow li:before {
	content: "";
	position: absolute;
 	top: 7px;
	left: 0px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #ed6d00;
	border-right: 2px solid #ed6d00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list_arrow li .list_arrow {
  margin-left: 1.5em;
}

.list_anchor li {
	position: relative;
	padding-left: 20px;
}

.list_anchor li:before {
	content: "";
	position: absolute;
 	top: 5px;
	left: 0px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #ed6d00;
	border-right: 2px solid #ed6d00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list_caution02 li{
	text-indent: -1em;
	padding-left: 1em;
}


/* txt
--------------------------------------------------------- */
.txt_left {
  text-align: left;
}

.txt_center {
  text-align: center !important;
}

.txt_right {
  text-align: right;
}

.txt_bold {
  font-weight: bold;
}

.sup {
	vertical-align: super;
}


/* txt
--------------------------------------------------------- */

.txt_ind {
	text-indent: -1em;
	padding-left: 1em;
}

.txt_ind {
	text-indent: -1em;
	padding-left: 1em;
}


.txt_ind2 {
	text-indent: -2.5em;
	padding-left: 2.5em;
}



/* font
--------------------------------------------------------- */
.fs_16 {
	font-size: 16px;
}


.fs_20 {
	font-size: 20px;
}





/* table
--------------------------------------------------------- */
.table th,
.table td {
  padding: 14px 20px;
  border: 2px solid #e6e6e6;
}

.table_tit {
  background: #F1F1F1;
  text-align: left;
  font-size: 1.125rem;
}

.table_subtit {
  background: #f5f5f5;
}

.table caption {
  margin-bottom: 10px;
  font-size: 1.125rem;
  text-align: right;
}

.table + .table {
  margin-top: 20px;
}



/* margin
--------------------------------------------------------- */

.mg_auto {
	margin: 0 auto;
}

.mb_10 {
	margin-bottom: 10px !important;
}

/* 20230629 add */
.mb_15 {
	margin-bottom: 15px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mb_25 {
	margin-bottom: 25px;
}

.mb_35 {
	margin-bottom: 35px;
}


.mb_50 {
	margin-bottom: 50px;
}

.ml_20 {
	margin-left: 20px;
}

.ml_25em {
	margin-left: 2.5em;
}

.ml_45em {
	margin-left: 4.5em;
}

/* 20250616 add */
.mt_0 {
	margin-top: 0 !important;
}

.mt_10 {
	margin-top: 10px;
}

.mt_15 {
	margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_35 {
	margin-top: 35px;
}

.mt_50 {
	margin-top: 50px;
}
/* 20250616 end */


/* サイドメニュー
---------------------------------*/

.pagetop {
	margin: 5px 0;
	text-align: right;
	font-size: 14px;
}

.pagetop a {
  display: inline-block;
  padding-left: 20px;
  background: url(/common_v2/img/icon_top.png) no-repeat 0 0.2em;
  background-size: 14px 14px;
  vertical-align: middle;
}



/* サイドメニュー
---------------------------------*/
.l_content .sidenav {
	margin-bottom:50px;
}
.l_content .sidenav * {
	box-sizing:content-box !important;
}
.l_content .sidenav .nav {
	margin-bottom:30px;
	border-top:1px solid #666666;
	border-left:4px solid #666666;
	border-right:4px solid #666666;
	border-bottom:7px solid #666666;
}
.l_content .sidenav .nav dt {
	font-size:100%;
	padding:7px 0px;
	text-align:center;
	color:#FFFFFF;
	background-color:#666666;
}
.l_content .sidenav .nav dd {
	position:relative;
	font-size:0.875rem;
	margin-top:-1px;
}
.l_content .sidenav .nav dd li {
	text-indent:1em;
	font-size:0.75rem;
	margin-top:-1px;
}
.l_content .sidenav .nav dd a {
	display:block;
	text-decoration:none;
	padding:0px 10px;
	position: relative;
}
.l_content .sidenav .nav dd a:hover {
	color:#ed6d00;
	background-color:#F1F1F1;
}
.l_content .sidenav .nav dd a:after{
	content: '';
	height: 8px;
	width: 8px;
	display: block;
	border: 1px solid #333333;
	border-right-width: 0;
	border-top-width: 0;
	margin-top:-3px;
	position: absolute;
	top: 50%;
	right:15px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}
.l_content .sidenav .nav dd a:hover:after {
	border: 1px solid #ed6d00;
	border-right-width: 0;
	border-top-width: 0;
}
.l_content .sidenav .nav dd a span {
	display:block;
	padding:10px;
}
.l_content .sidenav .nav dd + dd a span {
	border-top:1px solid #e2e2e2;
}
.l_content .sidenav .banner dt {
	padding:0px 5px 5px;
	margin-bottom:20px;
	border-bottom:1px solid #333333;
}
.l_content .sidenav .banner dt a {
	display:inline-block;
	float:right;
	padding:0.2rem 1em 0.05rem;
	font-size:0.75rem;
	text-decoration:none;
	background-color:#e2e2e2;
}
.l_content .sidenav .banner dt a:hover {
	color:#FFFFFF;
	background-color:#666666;
}
.l_content .sidenav .banner dd {
	margin-bottom:10px;
}
.l_content .sidenav .banner dd a {
	display:table-cell;
	width:223px;
	height:80px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #EFEFEF;
}
.l_content .sidenav .banner a img {
	width:70%;
	height:auto;
}
.l_content .sidenav .banner a:hover {
	opacity:0.7;
}

.finance-top .sidenav .nav dd a[href*="/finance/index"],
.annual .sidenav .nav dd a[href*="/annual"],
.capital .sidenav .nav dd a[href*="/capital"],
.disclosure .sidenav .nav dd a[href*="/disclosure"],
.lcr .sidenav .nav dd a[href*="/lcr"],
.securities .sidenav .nav dd a[href*="/securities"],
.ir-top .sidenav .nav dd a[href*="/ir/index"],
.investor-top .sidenav .nav dd a[href*="/investor/index"],
.faq .sidenav .nav dd a[href*="/faq"],
.calendar .sidenav .nav dd a[href*="/calendar"],
.soukai .sidenav .nav dd a[href*="/soukai"],
.dividend .sidenav .nav dd a[href*="/dividend"],
.catalogue .sidenav .nav dd a[href*="/catalogue"],
.governance .sidenav .nav dd a[href*="/governance"],
.announce .sidenav .nav dd a[href*="/announce"],
.health .sidenav .nav dd a[href*="/health"],
.group .sidenav .nav dd a[href*="/group"],
.message .sidenav .nav dd a[href*="/message"],
.partner .sidenav .nav dd a[href*="/partner"],
.profile .sidenav .nav dd a[href*="/profile"],
.rating .sidenav .nav dd a[href*="/rating"],
.strategy .sidenav .nav dd a[href*="/strategy"],
.purpose .sidenav .nav dd a[href*="/purpose"] {
	color:#ed6d00;
	background-color:#F1F1F1;
}

.finance-top .sidenav .nav dd a[href*="/finance/index"]:after,
.annual .sidenav .nav dd a[href*="/annual"]:after,
.capital .sidenav .nav dd a[href*="/capital"]:after,
.disclosure .sidenav .nav dd a[href*="/disclosure"]:after,
.lcr .sidenav .nav dd a[href*="/lcr"]:after,
.securities .sidenav .nav dd a[href*="/securities"]:after,
.ir-top .sidenav .nav dd a[href*="/ir/index"]:after,
.investor-top .sidenav .nav dd a[href*="/investor/index"]:after,
.faq .sidenav .nav dd a[href*="/faq"]:after,
.calendar .sidenav .nav dd a[href*="/calendar"]:after,
.soukai .sidenav .nav dd a[href*="/soukai"]:after,
.dividend .sidenav .nav dd a[href*="/dividend"]:after,
.catalogue .sidenav .nav dd a[href*="/catalogue"]:after,
.governance .sidenav .nav dd a[href*="/governance"]:after,
.announce .sidenav .nav dd a[href*="/announce"]:after,
.health .sidenav .nav dd a[href*="/health"]:after,
.group .sidenav .nav dd a[href*="/group"]:after,
.message .sidenav .nav dd a[href*="/message"]:after,
.partner .sidenav .nav dd a[href*="/partner"]:after,
.profile .sidenav .nav dd a[href*="/profile"]:after,
.rating .sidenav .nav dd a[href*="/rating"]:after,
.strategy .sidenav .nav dd a[href*="/strategy"]:after,
.purpose .sidenav .nav dd a[href*="/purpose"]:after {
	border: 1px solid #ed6d00;
	border-right-width: 0;
	border-top-width: 0;
}



/* btn
--------------------------------------------------------- */

.btn_list {
	width: 100%;
}

.btn_list li {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.btn_list li a {
	background: #ffffff;
 	color: #ed6d00;
  	border: 1px solid #ed6d00;
	vertical-align: middle;
    border-radius: 4px;
	font-size: 1.125rem;
    text-decoration: none;
	padding: 15px 15px 15px 30px;
	display: block;
}

.btn_list li a:after {
	content: "";
	position: absolute;
    top: 50%;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #ed6d00;
    border-right: 3px solid #ed6d00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-top: -7px;
}

.btn_list li a:hover::after {
 	right: 20px;
}

.btn_list li:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 640px) {

	.sidenav{
			display: none;
		}

	.l_content{
			width: 100%;
			padding: 33px 12px 45px;
		margin-top: inherit;
	}
		.l_content_in,
		.l_content img.in{
			width: 100%;
		}

	h2.hl {
			font-size: 1.75rem;
	}

	h3.hl {
			font-size: 1.65rem;
	}


		img.inImg{
		display: block;
			width: 100%;
	}

	/* btn
	--------------------------------------------------------- */
	.btn_list li a {
		padding: 15px 40px 15px 30px;
	}

	/* table
	--------------------------------------------------------- */

	.table_tit {
		font-size: 16px;
	}

	/* width
	--------------------------------------------------------- */
	.sp-w35p {
  		width: 35%;
	}

	.sp-w40p {
  		width: 40%;
	}

}
/* media 640px */