@charset "utf-8";
/* dummy*/
/* .ir_eir{
 height: 800px;
 position: relative;
}
.ir_eir::before{
 content: "E-IR Contents";
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background: #f6f6f6;
 color: #9A9A9A;
 font-size: 40px;
 font-weight: 600;
} */
/* /dummy */
/* レイアウト */
.m_section[class*="_bg"].ir_fourth{
 padding-bottom: 0;
}
.m_section[class*="_bg"].ir_fourth::before{
 background: #fff;
}
.ir_fourth .m_engHeading{
 text-align: center;
}
.ir_heading{
 display: block;
 font-family: Barlow, sans-serif;
 font-weight: 600;
 letter-spacing: 0.02em;
}
.ir_scroll-box{
 overflow-x: auto;
}
@media (min-width: 768px) {
 #document.ir-dividend .m_visualHeading::before{
 background-image: url(/ir/assets/images/dividend/index_bg_keyVisual.webp);
 }
 #document.ir-financial .m_visualHeading::before{
 background-image: url(/ir/assets/images/financial/index_bg_keyVisual.webp);
 }
 #document.ir-meeting .m_visualHeading::before{
 background-image: url(/ir/assets/images/meeting/index_bg_keyVisual.webp);
 }
 #document.ir-data .m_visualHeading::before{
 background-image: url(/ir/assets/images/data/index_bg_keyVisual.webp);
 }
 #document.ir-strength .m_visualHeading::before{
 background-image: url(/ir/assets/images/strengths/index_bg_keyVisual.webp);
 }
 #document.ir-investors .m_visualHeading::before{
 background-image: url(/ir/assets/images/investors/index_bg_keyVisual.webp);
 }
 .ir_fourth .m_engHeading{
 margin-bottom: 62px;
 }
 .ir_heading{
 display: block;
 margin: 4px 0 0;
 font-size: 5rem;
 line-height: 1;
 }
 .ir_heading-noimg{
 margin-bottom: 56px;
 }
 .ir_att{
 display: none;
 }
 .ir_scroll-box{
 padding-top: 12px;
 text-align: center;
 }
}
@media screen and (max-width: 767px) {
 .m_visualHeading{
 padding: 0 24px 40px 24px;
 }
 #document.ir-dividend .m_visualHeading::before{
 background-image: url(/ir/assets/images/dividend/index_bg_keyVisual_@2x.webp);
 }
 #document.ir-financial .m_visualHeading::before{
 background-image: url(/ir/assets/images/financial/index_bg_keyVisual_@2x.webp);
 }
 #document.ir-meeting .m_visualHeading::before{
 background-image: url(/ir/assets/images/meeting/index_bg_keyVisual_@2x.webp);
 }
 #document.ir-data .m_visualHeading::before{
 background-image: url(/ir/assets/images/data/index_bg_keyVisual_@2x.webp);
 }
 #document.ir-strength .m_visualHeading::before{
 background-image: url(/ir/assets/images/strengths/index_bg_keyVisual_@2x.webp);
 }
 #document.ir-investors .m_visualHeading::before{
 background-image: url(/ir/assets/images/investors/index_bg_keyVisual_@2x.webp);
 }
 .ir_fourth .m_engHeading{
 margin-bottom: 48px;
 }
 .ir_heading{
 margin: 0;
 font-size: 2.5rem;
 line-height: 1;
 }
 .ir_heading-noimg{
 margin-bottom: 42px;
 }
 .ir_att{
 display: block;
 position: relative;
 padding-left: 1em;
 font-size: 14px;
 margin-bottom: 0;
 }
 .ir_att::before{
 content: "<span class="naked_sign">※</span><span class="naked_aural">(注記)</span>";
 position: absolute;
 left: 0;
 top: 0;
 }
 .ir_scroll-box{
 padding-top: 24px;
 }
}
/* 関連リンク */
.ir_related .m_engHeading {
 text-align: left;
}
.ir_related-ttl{
 font-weight: 600;
 text-align: center;
}
.ir_related-link{
 box-sizing: border-box;
 position: relative;
 display: flex;
 align-items: center;
 height: 64px;
 padding-left: 24px;
 background: #fff;
 border: 1px solid #E5E5E5;
 color: #004899;
 font-weight: bold;
}
.ir_related-link::before{
 position: absolute;
 top: 50%;
 right: 23px;
 display: inline-block;
 font-family: "icon";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 speak: none;
 text-decoration: none;
 text-transform: none;
 content: "\E001";
 color: #004899;
 font-size: 10px;
 line-height: 1;
 vertical-align: middle;
 transform-origin: center right;
 transform: translateY(-50%) translateY(1px) scale(0.6);
 transition: right 0.2s ease-in-out;
}
@media (min-width: 768px) {
 .ir_related{
 margin-top: 96px;
 }
 .m_section[class*="_bg"].ir_related{
 padding: 80px 0;
 }
 .ir_related-ttl{
 font-size: 32px;
 }
 .ir_related-container{
 display: flex;
 justify-content: space-between;
 }
 .ir_related-link{
 width: calc(100% / 3 - 16px);
 font-size: 16px;
 transition: border-color .3s;
 }
 .ir_related-link:hover{
 border-color: #004899;
 }
 .ir_related-link:hover::before{
 right: 15px;
 }
}
@media screen and (max-width: 767px) {
 .ir_related{
 margin-top: 80px;
 }
 .m_section[class*="_bg"].ir_related{
 padding: 64px 0;
 }
 .ir_related-ttl{
 font-size: 22px;
 }
 .ir_related-link{
 width: 100%;
 font-size: 14px;
 }
 .ir_related-link + .ir_related-link{
 margin-top: 24px;
 }
}
/* IRライブラリー */
.ir_card{
 position: relative;
 background: #E8F2FD;
 box-sizing: border-box;
}
.ir_card .m_detailLink{
 margin: 0;
 position: absolute;
 right: 32px;
 bottom: 32px;
}
.ir_card-head{
 position: relative;
}
.ir_card-head::before{
 content: "";
 display: block;
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 width: 104px;
 height: 104px;
}
.ir_card01::before{
 background-image: url(/ir/assets/images/data/index_ico_01.svg);
}
/* .ir_card02::before{
 background-image: url(/ir/assets/images/data/index_ico_02.svg);
} */
.ir_card03::before{
 background-image: url(/ir/assets/images/data/index_ico_03.svg);
}
.ir_card04::before{
 background-image: url(/ir/assets/images/data/index_ico_04.svg);
}
.ir_card05::before{
 background-image: url(/ir/assets/images/data/index_ico_05.svg);
}
.ir_card06::before{
 background-image: url(/ir/assets/images/data/index_ico_06.svg);
}
.ir_card07::before{
 background-image: url(/ir/assets/images/data/index_ico_07.svg);
}
.ir_card-heading{
 margin: 0;
 margin-bottom: 16px;
 line-height: 1.3;
 color: #004899;
 font-weight: 600;
}
.ir_card-txt{
 margin-bottom: 0;
}
.ir_card-databox{
 border-top: #004899 solid 1px;
 line-height: 2;
 display: flex;
}
.ir_card-databox p{
 flex-shrink: 0;
 margin-bottom: 0;
}
/* .ir_card-databox a[href$=".pdf"]::after{
 display: inline-block;
 margin-left: 8px;
 border-radius: 4px;
 padding: 2px 8px 2px;
 background: #004899;
 color: #ffffff;
 content: 'PDF';
 font-size: 0.75rem;
 line-height: 1;
 font-family: Barlow, sans-serif;
 font-weight: 600;
 letter-spacing: 0.02em;
 vertical-align: text-top;
} */
/* eir上書き*/
.ir-data .s_eirList .s_eirList_item{
 padding: 0;
}
.ir-data .eir_page_file_irlibrary_002{
 padding-top: 2px;
}
.ir-data .s_eirList_item:last-child{
 border-bottom: none;
}
.ir-data .s_eirModule_titleBox{
 color: #004899;
 font-size: 1rem;
 font-weight: normal;
}
.ir-data .s_eirModule_type_icon{
 margin-bottom: 3px;
}
.ir-data .s_eirModule_titleBox a .s_eirModule_title_label{
 color: #004899;
 background: linear-gradient(to bottom, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0) calc(100% - 1.1px), #004899 calc(100% - 1px), #004899 100%) no-repeat 0 0;
 background-size: 0 100%;
}
@media (min-width: 768px) {
 .ir_cards{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin-top: 32px;
 }
 .ir_card{
 width: calc(50% - 12px);
 min-height: 345px;
 margin-top: 24px;
 padding: 48px 32px;
 }
 .ir_card-head{
 min-height: 111px;
 padding-left: 129px;
 }
 .ir_card-head::before{
 left: 0;
 top: calc(50% - 52px);
 }
 .ir_card-heading{
 font-size: 24px;
 }
 .ir_card-txt{
 line-height: 2.0;
 }
 .ir_card-databox{
 margin-top: 24px;
 padding-top: 24px;
 }
 html.mac .ir_card-databox a{
 padding-bottom: 2px;
 }
 .is_ready .ir_card-databox a{
 animation-delay: .1s;
 }
 .ir_card-databox a {
 background: linear-gradient(to bottom, rgba(0, 72, 153, 0) 0%, rgba(0, 72, 153, 0) calc(100% - 1.1px), #004899 calc(100% - 1px), #004899 100%) no-repeat 0 0;
 animation: .2s ease-in-out -1s;
 animation-fill-mode: backwards;
 animation-name: marker;
 background-size: 0 100%;
 }
 .ir_card-databox a:hover{
 transition: background-size 0.2s ease-in-out;
 background-size: 100% 100%;
 animation: none;
 }
}
@media screen and (max-width: 767px) {
 .ir_cards {
 margin-top: 40px;
 }
 .ir_card {
 margin-top: 16px;
 padding: 24px 32px 86px;
 }
 .ir_card-head {
 padding-top: 124px;
 }
 .ir_card-head::before {
 left: calc(50% - 52px);
 top: 0;
 }
 .ir_card-heading {
 margin-bottom: 12px;
 font-size: 1rem;
 text-align: center;
 }
 .ir_card-databox {
 margin-top: 20px;
 padding-top: 20px;
 line-height: 1.7;
 }
 .ir-data .s_eirModule_titleBox {
 margin: 0;
 font-size: .875rem;
 }
 .ir-data .eir_page_file_irlibrary_002{
 padding-top: 0;
 }
}
/* IR top */
#document.ir #container{
 padding-top: 0;
}
.ir .m_visualHeading{
 margin-bottom: 0;
}
.ir_stock{
 color: #fff;
}
.ir_stock p{
 margin-bottom: 0;
}
.stock_bg.m_section[class*="_bg"]{
 background: #054899;
}
.stock_bg.m_section[class*="_bg"]::before{
 background: #054899;
}
.ir_stock-text::after{
 content: attr(data-en-label);
 margin-left: 16px;
 font-family: Barlow, sans-serif;
 font-size: 12px;
 font-weight: normal;
}
.ir_stock-code{
 display: -ms-grid;
 display: grid;
 -ms-grid-rows: 1fr 28px;
 -ms-grid-columns: max-content 1fr;
 grid-template:
 "code-ttl code-num" 1fr
 "code-exchange code-num" 28px /
 max-content 1fr
 ;
 margin-top: -4px;
}
.ir_stock-code_ttl{
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 grid-area: code-ttl;
 padding-top: 8px;
 font-weight: bold;
 text-align: center;
}
.ir_stock-code_exchange{
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 grid-area: code-exchange;
 padding: 0 10px;
 background: rgba(255,255,255,.7);
 border-radius: 30px;
 text-align: center;
 color: #004899;
 font-size: 14px;
 font-weight: bold;
 line-height: 28px;
}
.ir_stock-code_num{
 -ms-grid-row: 1;
 -ms-grid-row-span: 2;
 -ms-grid-column: 2;
 grid-area: code-num;
 margin-left: 16px;
 font-family: Barlow, sans-serif;
 font-size: 64px;
 font-weight: 600;
 letter-spacing: 0.08em;
 line-height: 1;
}
.ir_stock-code_link a{
 box-sizing: border-box;
 display: block;
 width: 230px;
 padding: 12px 16px;
 border: 1px solid #fff;
 color: #fff;
 position: relative;
}
.ir_stock-code_link span{
 position: absolute;
 right: 16px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 background: #EBEBEB;
}
.irtop_link{
 display: block;
 color: #fff;
 position: relative;
}
.ir_label{
 font-size: 1.5rem;
 font-weight: bold;
 line-height: 1;
 margin-bottom: 0;
}
.ir_label::after{
 display: block;
 content: attr(data-en-label);
 margin-top: 16px;
 font-family: Barlow, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 1;
}
.irtop_link-text{
 max-width: 436px;
 margin-top: 38px;
 margin-bottom: 0;
 word-break: break-all;
 font-weight: 600;
 line-height: 2;
}
.irtop_link .linkMark{
 position: absolute;
 display: block;
 box-sizing: border-box;
 border: 1px solid #ffffff;
 border-radius: 50%;
 white-space: nowrap;
 text-indent: 200%;
 margin: 0 0 0 auto;
 color: #ffffff;
 transition: color 0.2s ease-in-out;
}
.irtop_link .linkMark::before, .irtop_link .linkMark::after{
 position: absolute;
 top: 50%;
 left: 50%;
 content: "";
 z-index: 1;
 border-radius: 50%;
 width: 64px;
 height: 64px;
 border: 1px solid #ffffff;
 transform: translate(-50%, -50%) scale(0);
 z-index: 0;
}
.irtop_link .linkMark::before{
 background: #ffffff;
 transition: transform 0.3s ease-in-out;
}
.irtop_link .linkMark::after{
 background: #ffffff;
 transition: transform 0.3s ease-in-out 0.1s;
}
.irtop_link .linkMark> span:not([class]){
 overflow: hidden;
 position: relative;
 display: block;
 border-radius: 50%;
 width: 100%;
 height: 100%;
 z-index: 10;
}
.is_ready .irtop_link .linkMark> span:not([class])::before{
 animation-delay: .4s;
}
.is_ready .irtop_link .linkMark> span:not([class])::after{
 animation-delay: .1s;
}
.irtop_link .linkMark> span:not([class])::before{
 animation: linkArrow 0.6s cubic-bezier(0.07, 0.78, 0.17, 1) -1s;
}
.irtop_link .linkMark> span:not([class])::after{
 animation: linkArrow02 0.6s cubic-bezier(0.07, 0.78, 0.17, 1) -1s;
}
.irtop_link .linkMark> span:not([class])::before, .irtop_link .linkMark> span:not([class])::after{
 position: absolute;
 top: 50%;
 left: 50%;
 text-indent: 0;
 font-family: "icon";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 speak: none;
 text-decoration: none;
 text-transform: none;
 content: "\E001";
 font-size: 10px;
 line-height: 1;
 vertical-align: middle;
 transition: color 0.2s ease-in-out 0.2s;
}
.ir_tab-controller> ul{
 display: flex;
}
.ir_tab-item> button{
 display: block;
 width: 100%;
 background: #F6F6F6;
 color: #0D0D0D;
 font-weight: bold;
 line-height: 1;
 position: relative;
}
.ir_tab-item.active> button{
 background: #004899;
 color: #fff;
}
.irtop_data-btn{
 box-sizing: border-box;
 position: relative;
 width: 100%;
 display: inline-block;
 padding: 16px;
 background: #fff;
 line-height: 1;
 color: #0D0D0D;
}
.irtop_data-btn::before{
 position: absolute;
 top: 50%;
 right: 8px;
 display: inline-block;
 font-family: "icon";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 speak: none;
 text-decoration: none;
 text-transform: none;
 content: "\E001";
 color: #004899;
 font-size: 10px;
 line-height: 1;
 vertical-align: middle;
 transform-origin: center right;
 transform: translateY(-50%) translateY(1px) scale(0.6);
 transition: right 0.2s ease-in-out;
}
.irtop_data-btn-zip.eirAttrTarget_zipDownloadUrl{
 display: block;
 width: 100%;
 height: auto;
 padding: 16px;
 background: #E8F2FD;
 border: none;
 color: #004899;
 font-weight: normal;
 transition: opacity .3s;
}
.irtop_data-btn-zip.eirAttrTarget_zipDownloadUrl::before{
 display: none;
}
.irtop_data-btn-zip.eirAttrTarget_zipDownloadUrl::after{
 position: absolute;
 top: 50%;
 right: 8px;
 display: inline-block;
 margin-left: 8px;
 border-radius: 4px;
 padding: 1px 8px 3px;
 background: #004899;
 color: #ffffff;
 content: 'ZIP';
 font-size: 0.75rem;
 line-height: 1;
 font-family: Barlow, sans-serif;
 font-weight: 600;
 letter-spacing: 0.02em;
 vertical-align: middle;
 transform: translateY(-50%) translateY(1px);
}
.irtop_tour-box{
 background: #E8F2FD;
 box-sizing: border-box;
}
.irtop_tour-box li{
 box-sizing: border-box;
 position: relative;
}
.irtop_tour-link{
 display: block;
 padding-bottom: 8px;
 text-align: center;
 font-weight: bold;
}
.irtop_tour-link span{
 position: relative;
}
.irtop_tour-link span::after{
 position: relative;
 right: 0;
 top: 2px;
 display: inline-block;
 font-family: "icon";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 speak: none;
 text-decoration: none;
 text-transform: none;
 content: "\E001";
 color: #004899;
 font-size: 10px;
 line-height: 1;
 vertical-align: middle;
 transform-origin: center right;
 transform: translateY(-50%) translateY(1px) scale(0.6);
 transition: right 0.2s ease-in-out;
}
.irtop_tour-link::before{
 content: "";
 display: block;
 width: 104px;
 height: 104px;
 position: absolute;
 top: 32px;
 left: calc(50% - 52px);
 background-repeat: no-repeat;
 background-size: 100%;
}
.irtop_tour-box li:nth-of-type(1) .irtop_tour-link::before{
 background-image: url(/ir/assets/images/index_ico_01.svg);
}
.irtop_tour-box li:nth-of-type(2) .irtop_tour-link::before{
 background-image: url(/ir/assets/images/index_ico_02.svg);
}
.irtop_tour-box li:nth-of-type(3) .irtop_tour-link::before{
 background-image: url(/ir/assets/images/index_ico_03.svg);
}
@media (min-width: 768px){
 #document.ir .m_visualHeading::before{
 background-image: url(/ir/assets/images/index_bg_keyVisual.webp);
 }
 .stock_bg.m_section[class*="_bg"]{
 padding: 20px 0;
 }
 .ir_stock{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 }
 .ir_stock-text{
 margin-right: auto;
 font-size: 1.5rem;
 font-weight: bold;
 }
 .ir_stock-code_link{
 margin-left: 32px;
 }
 .ir_stock-code_link a{
 transition: opacity .3s;
 }
 .ir_stock-code_link a:hover{
 opacity: .7;
 }
 .irtop_investors{
 box-sizing: border-box;
 display: block;
 height: 334px;
 padding: 40px 48px;
 background-image: url(/ir/assets/images/index_img.webp);
 background-size: contain;
 background-position: center right;
 background-repeat: no-repeat;
 background-color: #151F28;
 }
 .irtop_link .linkMark{
 left: 48px;
 bottom: 36px;
 width: 48px;
 height: 48px;
 }
 .irtop_link .linkMark> span:not([class])::before{
 transform: translate(-200%, -50%) scale(0.6);
 }
 .irtop_link .linkMark> span:not([class])::after{
 transform: translate(-50%, -50%) scale(0.6);
 }
 .irtop_link:hover .linkMark{
 color: #004899;
 }
 .irtop_link:hover .linkMark::before, .irtop_link:hover .linkMark::after{
 transform: translate(-50%, -50%) scale(1);
 }
 .irtop_link:hover .linkMark> span:not([class])::before{
 transform: translate(-50%, -50%) scale(0.6);
 transition-delay: .25s;
 }
 .irtop_link:hover .linkMark> span:not([class])::after{
 transform: translate(100%, -50%) scale(0.6);
 }
 .irtop_link:hover .linkMark> span:not([class])::before, .irtop_link:hover .linkMark> span:not([class])::after{
 transition: transform 0.6s cubic-bezier(0.07, 0.78, 0.17, 1), color 0.6s cubic-bezier(0.07, 0.78, 0.17, 1) 0.3s;
 color: #004899;
 animation-fill-mode: backwards;
 animation: none;
 }
 .irtop_link:hover .m_linkMark{
 color: #004899;
 }
 .irtop_link:hover .m_linkMark::before, .irtop_link:hover .m_linkMark::after {
 transform: translate(-50%, -50%) scale(1);
 }
 .irtop_link:hover .m_linkMark> span:not([class])::before {
 transform: translate(-50%, -50%) scale(0.6);
 transition-delay: .25s;
 }
 .irtop_link:hover .m_linkMark> span:not([class])::before, .irtop_link:hover .m_linkMark> span:not([class])::after {
 transition: transform 0.6s cubic-bezier(0.07, 0.78, 0.17, 1), color 0.6s cubic-bezier(0.07, 0.78, 0.17, 1) 0.3s;
 color: #004899;
 animation-fill-mode: backwards;
 animation: none;
 }
 .irtop_link:hover .m_linkMark> span:not([class])::after {
 transform: translate(100%, -50%) scale(0.6);
 }
 .irtop_position{
 padding: 40px 0;
 }
 .irtop_strengths{
 box-sizing: border-box;
 margin-left: auto;
 padding: 40px 48px;
 display: block;
 width: 552px;
 height: 100%;
 background: #fff;
 color: #0D0D0D;
 z-index: 1;
 }
 .irtop_strengths .m_linkMark{
 margin: 0;
 margin-top: 32px;
 }
 .irtop_strengths .irtop_link-text{
 max-width: none;
 }
 .irtop_strengths:hover + .irtop_strengths-bg img{
 transform: scale(1.1);
 }
 .irtop_strengths-bg{
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 margin-right: 34%;
 overflow: hidden;
 }
 .irtop_strengths-bg img{
 width: 100%;
 height: 426px;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: top left;
 object-position: top left;
 transition: transform 0.5s;
 }
 .ir_tab-item{
 width: calc(100% / 4);
 }
 /*ニュースタブ eir上書き*/
 .s_eirTab .activeTarget a{
 position: relative;
 }
 .s_eirTab .activeTarget:first-of-type> a{
 border-left: 1px solid #E5E5E5;
 }
 .s_eirTab .activeTarget.active a::before{
 content: "";
 position: absolute;
 left: -1px;
 top: -1px;
 width: 1px;
 height: calc(100% + 2px);
 background: #004899;
 }
 .s_eirTab .activeTarget.active a::after{
 content: "";
 position: absolute;
 right: -1px;
 top: -1px;
 width: 1px;
 height: calc(100% + 2px);
 background: #004899;
 z-index: 1;
 }
 .s_eirTab .activeTarget:hover a::before{
 content: "";
 position: absolute;
 left: -1px;
 top: -1px;
 width: 1px;
 height: calc(100% + 2px);
 background: #004899;
 }
 .s_eirTab .activeTarget:hover a::after{
 content: "";
 position: absolute;
 right: -1px;
 top: -1px;
 width: 1px;
 height: calc(100% + 2px);
 background: #004899;
 z-index: 1;
 }
 .ir_menu-box{
 box-sizing: border-box;
 display: -ms-grid;
 display: grid;
 -ms-grid-rows: 256px 24px 320px;
 -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
 grid-template:
 "financial meeting dividend" 256px
 "data data data" 320px /
 1fr 1fr 1fr
 ;
 gap: 24px;
 }
 .ir_menu-box .irtop_link{
 padding: 48px 24px 24px 32px;
 background-size: cover;
 background-repeat: no-repeat;
 }
 .ir_menu-box .irtop_link .linkMark{
 left: auto;
 bottom: 24px;
 right: 24px;
 }
 .ir_menu-box .irtop_data .linkMark{
 left: 32px;
 bottom: 40px;
 right: auto;
 }
 .irtop_financial{
 grid-area: financial;
 background-image: url(/ir/assets/images/index_img_03.webp);
 }
 .irtop_meeting{
 grid-area: meeting;
 background-image: url(/ir/assets/images/index_img_04.webp);
 }
 .irtop_dividend{
 grid-area: dividend;
 background-image: url(/ir/assets/images/index_img_05.webp);
 }
 .irtop_data{
 grid-area: data;
 background-image: url(/ir/assets/images/index_img_06.webp);
 }
 .irtop_data-list{
 position: absolute;
 left: 35%;
 top: 40px;
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 width: 65%;
 height: calc((48px + 16px) * 4) ;
 margin: 0;
 }
 .irtop_data-list li{
 box-sizing: border-box;
 height: 48px;
 width: 50%;
 padding-right: 24px;
 }
 .irtop_data-list li + li{
 margin-top: 16px;
 }
 .irtop_data-list li:nth-of-type(5){
 margin-top: 0;
 }
 .irtop_data-btn{
 transition: opacity .3s;
 }
 .irtop_data-btn:hover{
 opacity: .8;
 }
 .irtop_data-btn::before{
 transition: right .2s;
 }
 .irtop_data-btn:hover::before{
 right: 5px;
 }
 .irtop_data-btn-zip.eirAttrTarget_zipDownloadUrl:hover {
 opacity: .8;
 background: #E8F2FD;
 color: #004899;
 }
 .irtop_tour-box{
 display: flex;
 }
 .irtop_tour-box li{
 width: calc(100% / 3);
 padding: 32px;
 }
 .irtop_tour-box li+li::before{
 content: "";
 position: absolute;
 left: 0;
 top: 32px;
 height: calc(100% - 64px);
 width: 1px;
 background: #004899;
 }
 .irtop_tour-link{
 padding-top: 128px;
 }
 .irtop_tour-link span::after{
 transition: right .3s;
 }
 .irtop_tour-link:hover span::after{
 right: -8px;
 }
}
@media (min-width: 768px){
 .irtop_financial{
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 }
 .irtop_meeting{
 -ms-grid-row: 1;
 -ms-grid-column: 3;
 }
 .irtop_dividend{
 -ms-grid-row: 1;
 -ms-grid-column: 5;
 }
 .irtop_data{
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 5;
 }
}
@media screen and (max-width: 767px) {
 #document.ir .m_visualHeading::before{
 background-image: url(/ir/assets/images/index_bg_keyVisual_@2x.webp);
 }
 .ir .m_engHeading{
 margin-bottom: 40px;
 }
 .stock_bg.m_section[class*="_bg"]{
 padding: 32px 0 40px;
 }
 .ir_stock-text{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 }
 .ir_stock-code{
 margin: 0 auto;
 margin-top: 16px;
 width: -moz-fit-content;
 width: fit-content;
 }
 .ir_stock-code_link a{
 margin: 20px auto 0;
 width: 294px;
 }
 .irtop_investors{
 box-sizing: border-box;
 display: block;
 height: 140vw;
 padding: 48px 32px;
 background-image: url(/ir/assets/images/index_img_@2x.webp);
 background-size: cover;
 background-position: center right;
 background-repeat: no-repeat;
 }
 .ir_label{
 font-size: 16px;
 }
 .ir_label::after{
 margin-top: 12px;
 }
 .irtop_link-text{
 max-width: none;
 margin-top: 32px;
 line-height: 1.7;
 }
 .irtop_link .linkMark{
 position: static;
 margin-top: 32px;
 width: 40px;
 height: 40px;
 }
 .irtop_link .linkMark> span:not([class])::before{
 transform: translate(-200%, -50%) scale(0.55);
 }
 .irtop_link .linkMark> span:not([class])::after{
 transform: translate(-50%, -50%) scale(0.55);
 }
 .irtop_strengths-bg{
 position: absolute;
 left: -12px;
 top: 0;
 right: -12px;
 bottom: 0;
 margin-right:0;
 max-height: 600px;
 overflow: hidden;
 }
 .irtop_strengths-bg img{
 width: 100%;
 height: auto;
 }
 .irtop_position{
 padding-top: 128px;
 }
 .irtop_strengths{
 z-index: 1;
 padding: 40px 32px 0;
 background: #fff;
 color: #0D0D0D;
 }
 .irtop_strengths .m_linkMark{
 margin-top: 24px;
 }
 .ir_tab-controller> ul{
 flex-wrap: wrap;
 border: 1px solid #E5E5E5;
 }
 .ir_tab-item{
 box-sizing: border-box;
 width: calc(100% / 2);
 }
 .s_eirTab .activeTarget:nth-of-type(-n+2){
 border-bottom: 1px solid #E5E5E5;
 }
 .s_eirTab .activeTarget:nth-of-type(odd){
 border-right: 1px solid #E5E5E5;
 }
 .ir_tab-item> button{
 padding: 16px;
 margin: 0;
 }
 .s_eirTab .activeTarget a {
 outline: 1px solid transparent;
 }
 .s_eirTab .activeTarget:hover a {
 border: none;
 color: #0D0D0D;
 background: none;
 }
 .s_eirTab .activeTarget:hover a::before {
 display: none;
 }
 .s_eirTab .activeTarget:hover a::after {
 display: none;
 }
 .s_eirTab .activeTarget.active> a{
 outline: 1px solid #004899;
 background: #004899;
 color: #fff;
 position: relative;
 z-index: 1;
 }
 .ir_menu-box .irtop_link{
 box-sizing: border-box;
 width: calc(100% + 24px);
 position: relative;
 left: -12px;
 padding: 48px 24px 24px;
 background-size: cover;
 background-repeat: no-repeat;
 }
 .ir_menu-box .irtop_data .linkMark{
 position: absolute;
 bottom: 40px;
 right: 24px;
 }
 .ir_menu-box .ir_label::after{
 margin-top: 16px;
 }
 .irtop_financial{
 background-image: url(/ir/assets/images/index_img_03_@2x.webp);
 }
 .irtop_meeting{
 background-image: url(/ir/assets/images/index_img_04_@2x.webp);
 }
 .irtop_dividend{
 background-image: url(/ir/assets/images/index_img_05_@2x.webp);
 }
 .irtop_data{
 position: relative;
 background-image: url(/ir/assets/images/index_img_06_@2x.webp);
 }
 .irtop_data-list li + li{
 margin-top: 16px;
 }
 .irtop_data-list{
 margin-top: 32px;
 margin-bottom: 88px;
 }
 .irtop_data-list li:nth-of-type(5){
 display: none;
 }
 .irtop_data-btn-zip.eirAttrTarget_zipDownloadUrl:hover {
 background: #E8F2FD;
 color: #004899;
 }
 .ir .ir_scroll-box img{
 width: 731px;
 height: auto;
 }
 .irtop_tour-link{
 padding-top: 144px;
 padding-bottom: 32px;
 }
 .irtop_tour-box li+li::before{
 content: "";
 position: absolute;
 left: calc(50% - 37vw);
 top: 0;
 width: 74vw;
 height: 1px;
 background: #004899;
 }
}
/* strength */
.ir_arrow-box{
 background: #F6F6F6;
}
.ir_arrow{
 position: relative;
}
.ir_arrow::after{
 content: "";
 position: absolute;
 top: 100%;
 left: calc(50% - 36px);
 width: 0;
 height: 0;
 border: 36px solid transparent;
 border-top-color: #F6F6F6;
 border-top-width: 28px;
}
.ir_arrow-lead::before{
 display: block;
 content: attr(data-num-label);
 font-family: Barlow, sans-serif;
 font-weight: 600;
 color: #000000;
 opacity: .2;
}
.ir_arrow-q{
 background: #fff;
}
.ir_arrow-q-ttl{
 position: relative;
 padding-left: 36px;
}
.ir_arrow-q-ttl::before{
 content: "";
 background-image: url(/ir/assets/images/strengths/index_ico_01.svg);
 background-size: 100%;
 background-repeat: no-repeat;
 display: block;
 width: 24px;
 height: 24px;
 position: absolute;
 left: 0;
 top: calc(50% - 12px);
}
.s_eirModule_date_time {
 font-family: Barlow, sans-serif;
}
@media (min-width: 768px){
 .ir-strength .m_section + .m_section:not(.ir_related){
 margin-top: 52px;
 }
 .ir_arrow-box{
 padding: 60px 40px 54px;
 }
 .ir_arrow-box .ir_scroll-box{
 padding-top: 64px;
 }
 .ir_arrow-lead{
 position: relative;
 display: -ms-grid;
 display: grid;
 -ms-grid-rows: max-content max-content;
 -ms-grid-columns: max-content 1fr;
 grid-template:
 "num ttl" max-content
 "num desc" max-content /
 max-content 1fr
 ;
 }
 .ir_arrow-lead::before{
 margin-right: 32px;
 font-size: 88px;
 line-height: 64px;
 grid-area: num;
 }
 .ir_arrow-lead p{
 margin: 0;
 margin-top: 14px;
 grid-area: desc;
 }
 .ir_arrow-ttl{
 margin: 0;
 font-size: 24px;
 grid-area: ttl;
 }
 .ir_img-box{
 margin-top: 64px;
 text-align: center;
 }
 .ir_arrow-q{
 margin-top: 64px;
 padding: 40px 40px 64px;
 }
 .ir_arrow-q-ttl{
 margin: 0;
 margin-bottom: 12px;
 }
}
@media (min-width: 768px){
 .ir_arrow-lead::before{
 -ms-grid-row: 1;
 -ms-grid-row-span: 2;
 -ms-grid-column: 1;
 }
 .ir_arrow-lead p{
 -ms-grid-row: 2;
 -ms-grid-column: 2;
 }
 .ir_arrow-ttl{
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 }
}
@media screen and (max-width: 767px){
 .ir-strength .m_section + .m_section:not(.ir_related){
 margin-top: 44px;
 }
 .ir_arrow-box{
 padding: 24px 0 40px;
 }
 .ir_arrow-box::before {
 position: absolute;
 top: 0;
 right: -12px;
 bottom: 0;
 left: -12px;
 content: "";
 z-index: -1;
 background: #F6F6F6 no-repeat 50% 50% / cover;
 }
 .ir_arrow-box .ir_scroll-box{
 padding-top: 24px;
 width: calc(100% + 12px);
 }
 .ir_arrow-box .ir_scroll-box img{
 width: 662px;
 }
 .ir_arrow-lead::before{
 font-size: 50px;
 line-height: 1.3;
 }
 .ir_arrow-lead p{
 margin: 0;
 margin-top: 8px;
 }
 .ir_arrow-ttl{
 margin: 0;
 font-size: 18px;
 }
 .ir_img-box{
 margin-top: 24px;
 }
 .ir_img-box img{
 max-width: 100%;
 }
 .ir_arrow-q{
 margin-top: 40px;
 padding: 24px 16px;
 }
 .ir_arrow-q-ttl{
 margin: 0;
 margin-bottom: 12px;
 }
 .ir_arrow-box .ir_att{
 margin-top: 40px;
 }
}
/* investors */
.ir_inv-box p{
 margin: 0;
}
.ir_note{
 position: relative;
 padding-left: 1em;
 font-size: 14px;
 margin-bottom: 0;
}
.ir_note::before{
 content: "<span class="naked_sign">※</span><span class="naked_aural">(注記)</span>";
 position: absolute;
 left: 0;
 top: 0;
}
.ir_inv-name{
 text-align: right;
}
@media (min-width: 768px){
 .ir_inv-box p{
 line-height: 2;
 }
 .ir_inv-box p + p{
 margin-top: 40px;
 }
 .ir_inv-box .ir_note {
 margin-top: 16px;
 }
 .ir_inv-pic{
 float: right;
 padding: 0 0 24px 24px;
 }
 .ir_inv-name{
 margin-top: 64px;
 line-height: 2;
 }
 .ir_inv-name img{
 margin-top: 16px;
 }
}
@media screen and (max-width: 767px){
 .ir_inv-pic{
 padding-bottom: 16px;
 }
 .ir_inv-pic img{
 width: 100%;
 }
 .ir_inv-box p{
 line-height: 1.7;
 }
 .ir_inv-box p + p{
 margin-top: 24px;
 }
 .ir_inv-box .ir_note {
 margin-top: 8px;
 }
 .ir_inv-name{
 margin-top: 55px;
 line-height: 1.7;
 }
 .ir_inv-name img{
 margin-top: 16px;
 width: 170px;
 }
}</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.sparx.jp/ir/assets/css/styles.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.sparx.jp/ir/assets/css/styles.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>