@charset "UTF-8";

/* for PC,ipad */
@import url("individual_pc.css") screen and (min-width:927px);

/* for iphone,ipod,Andoroid */
@import url("individual_mobi.css") screen and (min-width:0) and (max-width:926px);


@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=M+PLUS+1p:wght@400;500;700&family=M+PLUS+Rounded+1c&family=Mochiy+Pop+One&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-1p-medium {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-1p-bold {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* //////////////////////////////////////////////////////////
*****************************************
individual Page Style - Common device
Developer: Neoworkers Corp.

*****************************************
////////////////////////////////////////////////////////// */

:root{
	
	--website-base-blue:rgba(0,106,190,1);
	--website-base-red:#f00;
	--website-base-red2:rgba(217,0,1,1);
	--website-base-pink:rgba(255,126,137,1);
	--website-base-salmonpink:rgba(255,73,115,1);
	--website-base-purple:rgba(124,106,179,1);
	--website-base-thinpink:rgba(248,153,153,1);
	--website-base-orange:rgba(248,128,0,1);
	--website-bg-thidgrey:rgba(247,247,247,1);
	--website-bg-thinblue:rgba(237,246,255,1);
	--iron-steel-color:rgba(0,146,246,1);
	--nonferrous-color:rgba(255,102,0,1);
	--raw-material-color:rgba(0,162,0,1);
	--machinery-color:rgba(0,211,240,1);
	--welding-color:rgba(179,90,187,1);
}

.fcSiteContentBlue{color:var(--website-base-blue);}
.bgSiteContentBlue{background:var(--website-base-blue);}
.bdSiteContentBlue{border-color:var(--website-base-blue);}
.bgSiteContentOrange{background:var(--website-base-orange);}
.bdSiteContentOrange{border-color:var(--website-base-orange);}



.ir-individual .thinGreyClm{background:var(--website-bg-thidgrey);border-radius:20px;}
.ir-individual .thinGreyClm h4{
	display:inline-block;
	line-height:1;
	background:var(--website-base-blue);}
.ir-individual h5{font-weight:600;padding:0;}
.ir-individual p{line-height:1.4;}
.ir-individual p sub{font-size:0.6em;}


/* *** data Number *** */
.ir-individual .thinGreyClm .datanumBox{overflow:hidden;}
.ir-individual .datanum{opacity:0;margin-top:20px;}
.ir-individual .thinGreyClm .number{
	font-weight:600;
	color:var(--website-base-red);
}
.ir-individual .thinGreyClm .numNote{margin:0 auto;font-weight:600;}
/* 1clm */
.ir-individual.one-clm .thinGreyClm .datanum.active{animation: num-open 0.5s ease-in forwards;}
.ir-individual.ir-individualTop .thinGreyClm .datanum.active{animation: num-open 0.5s ease-in forwards;}

/* 2clm */
.ir-individual .two-clm .thinGreyClm:nth-child(1) .datanum.active{animation: num-open 0.5s ease-in forwards;}
.ir-individual .two-clm .thinGreyClm:nth-child(2) .datanum.active{animation: num-open 0.5s ease-in forwards;animation-delay:0.5s;}
/* 3clm */
.ir-individual .three-clm .thinGreyClm:nth-child(1) .datanum.active,
.ir-individual .three-clmGrid .thinGreyClm:nth-child(1) .datanum.active{animation: num-open 0.5s ease-in forwards;}
.ir-individual .three-clm .thinGreyClm:nth-child(2) .datanum.active,
.ir-individual .three-clmGrid .thinGreyClm:nth-child(2) .datanum.active{animation: num-open 0.5s ease-in forwards;animation-delay:0.5s;}
.ir-individual .three-clm .thinGreyClm:nth-child(3) .datanum.active,
.ir-individual .three-clmGrid .thinGreyClm:nth-child(3) .datanum.active{animation: num-open 0.5s ease-in forwards;animation-delay:1s;}
.ir-individual .three-clmGrid .thinGreyClm:nth-child(4) .datanum.active{animation: num-open 0.5s ease-in forwards;animation-delay:1.5s;}
@keyframes num-open {
  to {
    opacity:1;
    margin-top:0;
  }
}

.ir-individual .thinGreyClm .datanum{justify-content:center;align-items:flex-end;}
.ir-individual .thinGreyClm .datanum > div{line-height:1;}

/* common parts */
.circleSuper {
	color:var(--website-base-red);
	font-weight:600;
}
.ir-individual .circleSuper:before{
	content:'●';
	font-size:0.8em;
	margin-right:.25em;
	color:var(--website-base-red);
}

.ir-individual h2,.ir-individual h3{color:var(--website-base-blue);line-height:1.3;}
p.caption{margin-bottom:0.5em;}

.ir-individual .chartHead .count{color:var(--website-base-thinpink);}
.wideRadius {display:flex;justify-content:center;align-items:center;}

.segmentList {justify-content:center;}
.segmentList ul{display:inline-block;}
.segmentList li.iron_steel dt,.segmentList li.iron_steel .number{color:var(--iron-steel-color);}
.segmentList li.nonferrous dt,.segmentList li.nonferrous .number{color:var(--nonferrous-color);}
.segmentList li.raw_material dt,.segmentList li.raw_material .number{color:var(--raw-material-color);}
.segmentList li.machinery dt,.segmentList li.machinery .number{color:var(--machinery-color);}
.segmentList li.welding dt,.segmentList li.welding .number{color:var(--welding-color);}
.segmentList li.abroad dt,.segmentList li.abroad .number{color:var(--website-base-salmonpink);}
.segmentList li.japan dt,.segmentList li.japan .number{color:var(--website-base-purple);}
.segmentList li dt{
	background-image:url('/image/ir/individual/seg-dashed.gif');
	background-repeat:repeat-x;
	background-position:center center;
}
.segmentList ul dt span{background-color:var(--website-bg-thidgrey);padding-right:0.5em;}
.segmentList ul dd .datanum > div{background-color:var(--website-bg-thidgrey);}


/* page link button */
.pageLinks.pageButton a{display:block;color:#fff;}
.pageLinks.pageButton li{background-color:var(--website-base-blue);border-radius:8px;}
.pageLinks.pageButton li a{background-repeat: no-repeat;}

.btn_type_arowslanting a{
	display:inline-block;
	position:relative;
	background-color:var(--website-base-blue);
	color:#fff;
	line-height:1;
	border-radius:8px;
}
.btn_type_arowslanting a span{font-weight:500;}

.btn_type_arowslanting .arowslanting,
.investors-links li a figure .arowslanting{
	position:absolute;
	content:'';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index:100;
}

/* big number capion */
.ir-individual .thinGreyClm.numBig .caption{font-weight:600;}

.ir-individual .thinGreyClm .numOnly{align-items:center;height:100%;}
.ir-individual .thinGreyClm .numOnly .inner{width:100%;}

/* worldOffice */
#worldOffice .twodata{justify-content:center;}
#worldOffice .twodata .datanumBox:nth-child(1) .number{color:var(--website-base-salmonpink);}
#worldOffice .twodata .datanumBox:nth-child(2) .number{color:var(--website-base-purple);}
#worldOffice .numData .total .number{color:#000;}

/* *** futureStyle *** */
#futureWrap p.caption{margin-bottom:0.5em;}
#beginnerflow .flex-clm h4,#cando .flex-clm h4{font-weight:500;}

#beginnerflow .primary ol > li{border:2px solid var(--website-base-blue);}
#beginnerflow .secondary ol > li{border:2px solid var(--website-base-orange);}
#beginnerflow ol li{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:45px;}
#beginnerflow ol li span{font-weight:500;display:block;text-align:center;}
#beginnerflow ol li small{line-height:1;}
#beginnerflow ol li:after{
	content:'';
	width: 0;
	height: 0;
	position:absolute;
	bottom: -37px;
	border-style: solid;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	border-bottom: 0;
}
#beginnerflow .primary ol li:after{border-top: 28px solid var(--website-base-blue);}
#beginnerflow .secondary ol li:after{border-top: 28px solid var(--website-base-orange);}

#beginnerflow ol li:nth-last-child(1){margin-bottom:0;}
#beginnerflow ol li:nth-last-child(1):after{display:none;}

/* *** Top Style *** */
.chartHead .read {font-weight:600;color:var(--website-base-red);}
#irSnapshot-chart-bottom .thinGreyClm:nth-child(3) .outer{width:100%;height:100%;justify-content:center;}

#individualHeader .primary{width:100%;aspect-ratio: 419 / 117;}
#individualHeader .primary .upText,#individualHeader .primary .btmText{z-index:100;width:100%;}

#irInvestors .investors-links li{
	background-repeat:no-repeat;
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22investors%22%20data-name%3D%22investors%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20323.09%20215.4%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006cc1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%20.3%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23ffed00%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22st1%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M303.09%2C0c11.05%2C0%2C20%2C8.95%2C20%2C20v175.4c0%2C11.05-8.95%2C20-20%2C20H20%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C215.4c-11.05%2C0-20-8.95-20-20V20C0%2C8.95%2C8.95%2C0%2C20%2C0h283.09%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

#irInvestors .investors-links li a,#irInvestors .investors-links li a figure{display:block;}
#irInvestors .investors-links li a figure .imgBox img{width:100%;height:auto;transition: transform .6s ease;object-fit:cover;}
#irInvestors .investors-links li a:hover figure .imgBox img{transform: scale(1.1);}
#irInvestors .investors-links li a figure .imgBox{
	width:100%;
	aspect-ratio: 81 / 53;
	overflow:hidden;
}

#individualHeader .primary .btmText p{color:var(--website-base-red2);line-height:1.46;}

.inqBanner {display:none !important;}

.indvidualBanner {
	position: fixed;
	background: var(--website-base-blue);
	box-shadow: 1px 1px 6px 1px rgba(0,92,127,0.35);
}

.indvidualBanner a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.indvidualBanner a .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: pre;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-left: auto;
	margin-right: auto;
}

.indvidualBanner a .inner span {
	display: inline-block;
	line-height: 1;
}

/* nav */
nav.categoryLinks ul{background:var(--website-bg-thinblue);}
nav.categoryLinks > ul a,nav.categoryLinks > ul a:hover{color:var(--website-base-blue);}
nav.categoryLinks > ul a span{white-space: nowrap;font-weight:600;display:inline-block;}
nav.categoryLinks > ul a span.arrow{
	 background-position:center center;
	 background-size:100% auto;
	 background-repeat:auto;
}
nav.categoryLinks > ul a{
	display:flex;
	align-items:center;
}

@media screen and (max-width:480px) {
	nav.categoryLinks > ul > li{padding:3.2vmin;}
	nav.categoryLinks > ul a span{font-size:1.18rem;}
	nav.categoryLinks > ul a span.arrow{
	width:7.46vw;
	height:7.46vw;
	margin-left:1.33vw;
	}
}

@media screen and (min-width:481px) {
nav.categoryLinks > ul{display:flex;justify-content:space-between;padding:1.82vmin 2.6vmin;}
nav.categoryLinks > ul a span{font-size:clamp(14px,1.8vw,20px);}
	nav.categoryLinks > ul a span.arrow{
	width:3.56vw;
	height:3.56vw;
	margin-left:1.33vw;
	}
}

@media screen and (max-width:768px) {
nav.categoryLinks > ul a span.arrow{
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22catelink_arsp_off%22%20data-name%3D%22catelink_arsp_off%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2028.09%2028.09%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006ab9%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006cbf%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2214.05%22%20cy%3D%2214.05%22%20r%3D%2213.55%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M14.05%2C28.09C6.3%2C28.09%2C0%2C21.79%2C0%2C14.05S6.3%2C0%2C14.05%2C0s14.05%2C6.3%2C14.05%2C14.05-6.3%2C14.05-14.05%2C14.05ZM14.05%2C1C6.85%2C1%2C1%2C6.85%2C1%2C14.05s5.85%2C13.05%2C13.05%2C13.05%2C13.05-5.85%2C13.05-13.05S21.24%2C1%2C14.05%2C1Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M11.71%2C10.6l.04%2C1%2C4.19-.15-5.35%2C5.35c-.2.2-.2.51%2C0%2C.71.1.1.23.15.35.15s.26-.05.35-.15l5.35-5.35-.15%2C4.19%2C1%2C.04.22-6-6%2C.22Z%22%2F%3E%0A%3C%2Fsvg%3E');
	}

nav.categoryLinks > ul a:hover span.arrow{
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22catelink_arsp_on%22%20data-name%3D%22catelink_arsp_on%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2028.09%2028.09%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006ab9%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006cbf%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20class%3D%22st1%22%20cx%3D%2214.05%22%20cy%3D%2214.05%22%20r%3D%2213.55%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M14.05%2C28.09C6.3%2C28.09%2C0%2C21.79%2C0%2C14.05S6.3%2C0%2C14.05%2C0s14.05%2C6.3%2C14.05%2C14.05-6.3%2C14.05-14.05%2C14.05ZM14.05%2C1C6.85%2C1%2C1%2C6.85%2C1%2C14.05s5.85%2C13.05%2C13.05%2C13.05%2C13.05-5.85%2C13.05-13.05S21.24%2C1%2C14.05%2C1Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.71%2C10.6l.04%2C1%2C4.19-.15-5.35%2C5.35c-.2.2-.2.51%2C0%2C.71.1.1.23.15.35.15s.26-.05.35-.15l5.35-5.35-.15%2C4.19%2C1%2C.04.22-6-6%2C.22Z%22%2F%3E%0A%3C%2Fsvg%3E');
	}
}


@media screen and (min-width:769px) {
/* nav */
nav.categoryLinks > ul{display:flex;justify-content:space-between;padding:20px 27px;}
nav.categoryLinks > ul a span{font-size:clamp(14px,1.8vw,20px);}
nav.categoryLinks > ul a span.arrow{
	width:40px;
	height:40px;
	margin-left:5px;
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22catelink_ar_off%22%20data-name%3D%22catelink_ar_off%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2039.71%2039.71%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006ab9%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006cbf%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2219.85%22%20cy%3D%2219.85%22%20r%3D%2219.35%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M19.85%2C39.71C8.91%2C39.71%2C0%2C30.8%2C0%2C19.85S8.91%2C0%2C19.85%2C0s19.85%2C8.91%2C19.85%2C19.85-8.91%2C19.85-19.85%2C19.85ZM19.85%2C1C9.46%2C1%2C1%2C9.46%2C1%2C19.85s8.46%2C18.85%2C18.85%2C18.85%2C18.85-8.46%2C18.85-18.85S30.25%2C1%2C19.85%2C1Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M25.72%2C13.22c-.17-.03-.34-.03-.51.02l-10.4.38.07%2C2%2C8.05-.3-9.8%2C9.8c-.41.41-.41%2C1.06%2C0%2C1.47.2.2.47.3.74.3s.53-.1.74-.3l10.09-10.09-.31%2C8.6%2C2%2C.07.44-12-1.1.04Z%22%2F%3E%0A%3C%2Fsvg%3E');
	}

nav.categoryLinks > ul a:hover span.arrow{
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22catelink_ar_on%22%20data-name%3D%22catelink_ar_on%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2039.71%2039.71%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23006cbf%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2219.85%22%20cy%3D%2219.85%22%20r%3D%2219.35%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M19.85%2C39.71C8.91%2C39.71%2C0%2C30.8%2C0%2C19.85S8.91%2C0%2C19.85%2C0s19.85%2C8.91%2C19.85%2C19.85-8.91%2C19.85-19.85%2C19.85ZM19.85%2C1C9.46%2C1%2C1%2C9.46%2C1%2C19.85s8.46%2C18.85%2C18.85%2C18.85%2C18.85-8.46%2C18.85-18.85S30.25%2C1%2C19.85%2C1Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M14.82%2C13.62l.07%2C2%2C8.39-.31-9.89%2C9.89c-.39.39-.39%2C1.02%2C0%2C1.41.2.2.45.29.71.29s.51-.1.71-.29l9.88-9.88-.31%2C8.39%2C2%2C.07.44-12-12%2C.44Z%22%2F%3E%0A%3C%2Fsvg%3E');
	}
}