@charset "UTF-8";

/* //////////////////////////////////////////////////////////
*****************************************
 Lower Page Style - Mobile
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

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

/*Gnavi*/
@import screen and (min-width: 813px) {
    .openBox .categoryLinks .flexChild > ul > li.dept > a:hover{
        text-decoration:none;!important;
    }
}

/* common text style */
body p{font-size:18px;line-height:1.8;margin:10px 0;}
body .noto p,p.noto{line-height:2.8;}


/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
What new Archive and IR News Archive
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

#whatsNew{padding:30px 0 150px;}
#irNews{padding:150px 0 150px;}

#whatsNew .tabcontent .tab_area label,
#whatsNew .tabcontent .tab_area li{
	width:calc(100% / 4);
	max-width:190px;}

#whatsNew .tabcontent .tab_panel,
#topics-archive-list{padding-top:50px;}

#whatsNew .newsArcTxlist li,
.ir-archives .newsArcTxlist li,
.ir-archives .irArcTxlist li{padding:35px 0;}

#whatsNew .newsArcTxlist li div.date,
.ir-archives .newsArcTxlist li div.date,
.ir-archives .irArcTxlist li div.date{
	font-size:14px;
	width:115px;}
	
#whatsNew .newsArcTxlist li div.category,
.ir-archives .newsArcTxlist li div.category,
.ir-archives .irArcTxlist li div.category{width:110px;}

#whatsNew .newsArcTxlist li div.read,
.ir-archives .newsArcTxlist li div.read,
.ir-archives .irArcTxlist li div.read{width:calc(100% - 225px);}
#whatsNew  .nmSelect select,
.ir-archives  .nmSelect select,
#topics-archive .nmSelect select{
	max-width: 260px;
	margin-bottom:45px;}
	
#whatsNew .pagenav,
.ir-archives .pagenav{margin-top:75px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Business
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#biz-head {padding:75px 0 100px;}
#biz-Department{padding-bottom:50px;}


#biz-Department h4{margin:15px 0;}

/*#biz-Department ul{padding:0 35px;}*/
#biz-Department .tum-archive-list-two > ul > li{
	width:calc(50% - 60px);
	margin-right:120px;
	margin-bottom:90px;
}
#biz-Department .tum-archive-list-two > ul > li:nth-child(2n){margin-right:0;}


.tum-archive-list-two > ul > li figure{height:352px;}

.biz-lowcmhead{padding:50px;}
.biz-lowcmhead h2{margin-bottom:20px;}

.biz-lowcmgroval {/* padding-bottom:80px */;}
.biz-lowcmBlock .lowcm-twocolumn{margin:25px 0 10px;}
.biz-lowcmBlock .lowcm-twocolumn h4{margin-bottom:15px;}

.biz-lowcmitems{/* padding-bottom:90px */;}
.biz-lowcmitems .lTh_table th{width:285px;}

.biz-lowcmflow{/* padding-bottom:100px */;}
.biz-lowcmflow figure{margin-bottom:50px;}

.biz-lowcm-recommend{/* padding-bottom:20px */;}
.biz-lowcm-recommend ul{margin-top:20px;}

/* ----------------- */
/* strategies
/* ----------------- */
#biz-strategies-quality{padding-top:25px;}
#biz-strategies-quality .secondary .inner{padding:25px;}
#biz-strategies-content .lowcm-twocolumn > div{
	width:calc(50% - 24px);
	margin-right:48px;
}

#biz-strategies-content .lowcm-twocolumn > div:nth-child(2n){margin-right:0;}
#biz-strategies-world{padding-bottom:75px;}
#biz-strategies-world figure{margin-top:15px;}
#biz-strategies-world  .areaBox{
	padding:14px 18px;
	border-width:5px;
	background:rgba(255,255,255,0.9);
}

#biz-strategies-world  .areaBox2{
	padding:14px 18px;
	border-width:5px;
	background:rgba(255,255,255,0.9);
}

#biz-strategies-world  .areaBox3{
	padding:14px 18px;
	border-width:5px;
	background:rgba(255,255,255,0.9);
}

#biz-strategies-world  .areaBox.asia{
	width:500px;
	top:30px;
	left:1%;
}

#biz-strategies-world  .areaBox2.asia2{
	width:650px;
	top:10px;
	left:1%;
}

#biz-strategies-world  .areaBox.asean{
	width:410px;
	bottom:15px;
	left:1%;
}

#biz-strategies-world  .areaBox.usa{
	width:326px;
	bottom:15px;
	right:2.74%;
}

#biz-strategies-world  .areaBox3.usa3{
	width:500px;
	bottom:95px;
	right:2.74%;
}

#biz-strategies-region{padding-bottom:40px;}
#biz-strategies-region h3{margin-bottom:20px;}
#biz-strategies-growth h3{margin-bottom:15px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
global Business
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

.globalBizWrap{padding-bottom:190px;}
.globalBizInner {padding:0 60px;}

.globalBizNumber,.globalBizNumber span{
	width:37px;
	height:37px;
	padding-top:2px;
}

.globalBizNumber.subsidiary:before{
	width:25px;
	height:25px;
	top:8px;
	left:5px;
}

.globalBizInner .secTitle h2{padding-left:8px;}
.globalBizInner h3{margin-top:35px;}
.globalBizInner .note{margin-top:20px;}

.globalBizInner dl.data dt{
	width:100px;
	border-radius:10px;
	font-size:13px;}
.globalBizInner dl.data dd{
	width:calc(100% - 110px);
	padding-left:5px;
	font-size:14px;}

.globalBizInner .lowcm-twocolumn,
.globalBizInner .lowcm-single{margin-top:20px;}
.globalBizInner .lowcm-twocolumn > div{
	width:calc(50% - 20px);
	margin-right:40px;
	margin-bottom:40px;
}

.globalBizMap > .inner{
	width:100%;
	max-width:1250px;
	margin:0 auto;
}
.globalBizMap .mapImage img{vertical-align:top;}
.globalBizMap .maplink{
	display:block;
	position:absolute;}
.globalBizMap .maplink a{display:table;}
.globalBizMap .maplink span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.globalBizMap .maplink a,
.globalBizMap .maplink a span{width:100%;height:100%;line-height:1;}
.globalBizMap .maplink.dia{
	width:34px;
	height:34px;
	background-image:url("/image/common/diamond.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
}

.globalBizMap .maplink.cir{
	width:25px;
	height:25px;
	background:#8edbf5;
	border-radius:50%;
}

.globalBizMap .maplink.cir:hover{background:#0068B7;}

.globalBizMap .maplink a:hover{color:#fff;}

.globalBizMap figure li.dia:hover{
	background-position:right center;
}

.globalBizMap .marks{padding-right:120px;}
.globalBizMap .marks li{padding-right:20px;}
.globalBizMap figure{margin-bottom:60px;}

/* ----------------- */
/* east asia
/* ----------------- */
#biz-east-asia01m {bottom:267px;right:270px;}
#biz-east-asia02m {bottom:205px;right:172px;}
#biz-east-asia03m {bottom:227px;right:328px;}
#biz-east-asia04m {bottom:227px;right:362px;}
#biz-east-asia05m {bottom:286px;right:323px;}
#biz-east-asia06m {bottom:194px;right:202px;}
#biz-east-asia07m {bottom:227px;right:195px;}
#biz-east-asia08m {bottom:65px;right:422px;}
#biz-east-asia09m {bottom:185px;right:309px;}
#biz-east-asia10m {bottom:95px;right:275px;}
#biz-east-asia11m {bottom:361px;right:162px;}
#biz-east-asia12m {bottom:343px;right:109px;}
#biz-east-asia13m {bottom:334px;right:165px;}

@media screen and (max-width: 1250px) {
	.globalBizMap .maplink.dia{
	width:2.72vw;
	height:2.72vw;
	}
	
	.globalBizMap .maplink.cir{
	width:2vw;
	height:2vw;
	}
	#biz-east-asia01m {bottom:33.5849%;right:21.6%;}
	#biz-east-asia02m {bottom:25.7862%;right:13.76%;}
	#biz-east-asia03m {bottom:28.5535%;right:26.24%;}
	#biz-east-asia04m {bottom:28.5535%;right:28.96%;}
	#biz-east-asia05m {bottom:35.9748%;right:25.84%;}
	#biz-east-asia06m {bottom:24.4025%;right:16.16%;}
	#biz-east-asia07m {bottom:28.5535%;right:15.6%;}
	#biz-east-asia08m {bottom:8.1761%;right:33.76%;}
	#biz-east-asia09m {bottom:23.2704%;right:24.72%;}
	#biz-east-asia10m {bottom:11.9497%;right:22%;}
	#biz-east-asia11m {bottom:45.4088%;right:12.96%;}
	#biz-east-asia12m {bottom:43.1447%;right:8.72%;}
	#biz-east-asia13m {bottom:42.0126%;right:13.2%;}
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
message
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#message-ceo {
	padding-top:90px;
	padding-bottom:170px;
}

#message-ceo h2{margin-bottom:25px;}
#message-ceo dl.signature{margin-top:35px;}
#message-ceo dl.signature dd{padding-left:20px;}
#message-strategy figure{padding:70px 0 270px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
philosophy
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

#philosophy{
	padding-top:60px;
	padding-bottom:105px;}
#philosophy h2{margin-bottom:55px;}
#philosophy p{
	line-height:65px;
	font-size:36px;}


#philosophy-guideline{
	padding-bottom:110px;}
#philosophy-guideline h2{margin-bottom:60px;}
#philosophy-guideline .inner{padding:40px 155px;}
#philosophy-guideline li{
	line-height:60px;
	font-size:26px;}

#philosophy-guideline li:before{
	font-size:18px;
	padding-left:.5em;
	margin-right:1em;
}

#corporate-message{
	padding-bottom:180px;}
#corporate-message h2{margin-bottom:70px;}
#corporate-message h3{
	max-width:800px;
	margin:0 auto 50px;
	font-size:34px;
	line-height:1.2;
	border-bottom:9px solid #ac0000;
}

#corporate-message p{
	font-size:18px;
	line-height:32px;
	margin-bottom:35px;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
about
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#about-overview {
	padding-top:65px;
	padding-bottom:165px;
}
#about-overview .inner{padding:5px 50px 0;}
#about-overview table {width:100%;}
#about-overview th,#about-overview td{
	font-size:14px;
	padding:20px;}
#about-overview th{width:185px;}
#about-overview td{width:calc(100% - 188px);}


#about-overview p.txRight{font-size:14px;}

#about-organization {padding-bottom:210px;}
#about-organization figure{padding-top:30px;}
#about-organization figure img{max-width:850px;}

#about-organization-e2 {padding-bottom:210px;}
#about-organization-e2 figure{padding-top:30px;}
#about-organization-e2 figure img{max-width:800px;}


#about-earnings{padding-bottom:1px;}
#about-earnings .inner{
	width:800px;
	margin:85px auto;
}

#about-earnings .inner figcaption{margin-top:55px;}
#about-earnings .inner figcaption p{font-size:17px;}

#about-earnings .inner table{
	width:100%;
	margin-top:95px;}

#about-earnings .inner table,#about-earnings .inner th,#about-earnings .inner td{
	border-color:#9d9d9d;
	border-style:solid;
}

#about-earnings .inner table thead th{padding:10px 0;}
#about-earnings .inner table tbody td{padding:15px 22px;}
#about-earnings .inner table tbody td.left{width:200px;}
#about-earnings .inner table tbody td.center{width:190px;}
#about-earnings .inner table tbody td.left span{
	margin-right:10px;
	width:25px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
sustainability
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

#sustainability-head p{
	line-height:32px;
	font-size:18px;}
	
.sustainability-cm .inner{
	width:1000px;
	margin:50px auto 0;
	padding-bottom:80px;
}

.sustainability-cm table caption{padding-bottom:15px;}
.sustainability-cm caption,.sustainability-cm th,.sustainability-cm td{font-size:13px;}

.sustainability-cm thead th{padding:15px;}
.sustainability-cm tbody td.left,
.sustainability-cm tbody td.center{
	padding:20px 15px;
	width:270px;}
.sustainability-cm tbody td.right{vertical-align:top;}
.sustainability-cm tbody td.double{vertical-align:top;}
.sustainability-cm tbody td.right{padding:12px 0;}
.sustainability-cm tbody td.double{padding:12px 0 0;}
.sustainability-cm tbody td.double img{margin-bottom:10px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
IR
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

.irArcTxlist li{font-size:14px;}
.irArcTxlist li div.date{
	font-size:12px;
	width:80px;}
.irArcTxlist li div.category{
	padding:1px 0;
	width:90px;}
.irArcTxlist li div.category span{
	font-size:12px;
	width:65px;
}
.irArcTxlist li div.read{width:calc(100% - 170px);}
.irArcTxlist li div.read a:hover{text-decoration:underline;}
.irArcTxlistWrap .more a{font-size:14px;}
.irArcTxlist li div.read a.pdfLink{
	padding:3px 36px 3px 0;
	background:url("/image/common/pdf_ico.png")no-repeat right top;
	background-size:20px auto;
}

.ir-archives{
	padding-top:60px;
	padding-bottom:340px;}
	

/* ----------------- */
/* IR TOP
/* ----------------- */
#ircontent-list {padding-bottom:140px;}
#ircontent-list .tum-archive-list-three > ul > li figure{height:242px;}

#ircontent-list ul.child{
	margin-left:20px;
	margin-top:15px;}
#ircontent-list .tum-archive-list > ul > li:last-child ul.child{margin-top:0;}
#ircontent-list ul.child li{font-size:15px;}
#ircontent-list ul.child > li{margin-bottom:10px;}
#ircontent-list .tum-archive-list > ul > li:last-child ul.child > li{margin-bottom:25px;}
#ircontent-list ul.child a,
#ircontent-list ul.child li > span{padding-right:15px;}
#ircontent-list ul.child dt{width:145px;}
#ircontent-list ul.download{margin-top:15px;}
#ircontent-list ul.download li{
	margin-bottom:5px;
	font-size:12px;}


#irtop-head{
	margin-top:70px;
	margin-bottom:85px;}

#irtopnews-area {width:calc(100% - 450px);
 padding-right: 20px;}
#irtopnews-area h2{
	width:194px;
	text-align:center;
	padding:5px;
}
#irtopnews-area h2 span{
	display:block;
	margin:0 10px;
	background:url("/image/common/arrow_wh_btm.png") no-repeat right center;
	background-size:10px auto;
}

#irtopnews-area .inner{padding:24px 20px 20px;}

#irtopStock-area{
	width:450px;
	/*padding-top:1px;*/}
#irtopStock-area .inner{padding:5px 0 4px;}
#irtopStock-area .chartLink{top:9px;right:20px;}
#irtopStock-area #stock_price{padding-right:15px;}
#irtopStock-area #stock_price img{width:180px;}
#irtopStock-area #stock_chart img{width:205px;}
#irtopStock-area .stockimg{padding-top:6px;}
#irtopStock-area h2{padding-left:18px; color:#fff;}
#irtopStock-area p{text-align:center; font-size:0.8em; color:#fff; margin:7px 0;}
#irtopStock-area p a,#irtopStock-area p a:hover{color:#fff;}
/* ----------------- */
/* IR FAQ
/* ----------------- */

#irFaqWrap .irfaq-segment{margin-bottom:110px;}
#irFaqWrap .irfaq-segment h2{margin-bottom:20px;}
#irFaqWrap .irfaq-segment > ul > li{margin-bottom:15px;}
#irFaqWrap .irfaq-segment > ul > li > .faq-q{
	cursor:pointer;
	font-size:20px;
	padding:5px 40px 5px 15px;}
#irFaqWrap .irfaq-segment > ul > li > .faq-a{
	display:none;
	padding:15px 40px;}
#irFaqWrap .irfaq-segment > ul > li > .faq-q .op{
	width:20px;
	height:20px;
	top:10px;
	right:15px;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
INQUIRY
-------------------------------------------------------------
////////////////////////////////////////////////////////// */


.inquiryFm{padding-bottom:200px;}
.inquiryFm .btnWrapper {padding-top:120px;}
#inquiryFmWrap .stepSignal{margin-bottom:50px;}
#inquiryFmWrap .stepSignal ol{padding:0 20px;}
#inquiryFmWrap .stepSignal li{width:25%;}

#inquirySheet caption,#inquirySheet th,#inquirySheet td,#inquirySheet td p{font-size:18px;}
#inquirySheet caption{padding:10px 20px;}
#inquirySheet th{
	width:320px;
	padding:20px;}
#inquirySheet td{
	width:calc(100% - 320px);
	padding:20px 40px;}

#inquirySheet td li,
#inquirySheet td li p{margin-bottom:5px;}
#inquirySheet td ul.child{padding:0 20px;}
#inquirySheet td ul.flexPc li{width:33%;}
#inquirySheet td textarea{margin:20px 0;}
#inquirySheet td textarea,#inquirySheet td input{
	max-width:564px;
	font-size:18px;}
	
#inquirySheet td input.divide2{
		width:50%;
		max-width:240px;
		margin-right:15px;}
	
#inquirySheet td input.telNo{
		width:100%;
		max-width:365px;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
history
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#histroryWrap .head-caption{
	padding-top:50px;
	padding-bottom:65px;

}

#histroryWrap .markNote{
	width:100%;
	max-width:625px;
	margin:0 auto 35px;
	padding:18px 0 18px 20px;
}

#histroryWrap .markNote li:nth-child(1),
#histroryWrap .markNote li:nth-child(2){width:27.83%;}
#histroryWrap .markNote li:nth-child(3){width:25.83%;}
#histroryWrap .markNote li:nth-child(4){width:17.51%;}

#histroryContent {
	width:100%;
	max-width:1250px;
	margin:0 auto;
}


#histroryContent li.parent .leftImg{width:50%;}
#histroryContent li.parent .inner{
	padding-top:100px;
	width:50%;
	background:url("/image/info/history/line-pc.gif") repeat-y left;}
#histroryContent li.parent:first-child .inner,
#histroryContent #his1987 .inner{padding-top:0;}
#histroryContent li.parent .inner h2{font-size:48px;}
#histroryContent li.parent .inner h3{
	font-size:26px;
	margin-bottom:5px;
}

#histroryContent li.parent .inner h2{
	margin-bottom:15px;
	padding-left:45px;}
#histroryContent li.parent .inner h3{margin-bottom:15px;}
#histroryContent li.parent .inner h3,
#histroryContent li.parent .inner .history-caption{
	max-width:485px;
	padding-left:55px;}

#histroryContent li.parent .inner .point img{
	width:25px;
	height:auto;
	top:0;
	left:2px;
	padding-top:15px;
}

#histroryContent .historyNote{
	padding-bottom:120px;
	padding-top:30px;}

#histroryContent .leftImg{
	width:100%;
	padding-right:33px;
	text-align:right;}

#histroryContent .leftImg figcaption{font-size:14px;}
#histroryContent .leftImg img,
#histroryContent .leftImg figcaption{display:none;}

#histroryContent li.parent.end:after{
	content:"";
	position:absolute;
	left:calc(50% + 4px);
	bottom:0;
	width:18px;
	height:20px;
	background:url("/image/common/his_ar_dn.png") no-repeat left center;
	background-size:18px auto;
}

/* child */
#histroryContent .historyNote .op:before{
	top:3px;
	left:5px;
}

#histroryContent ol.child{margin-top:35px;}

#histroryContent ol.child > li{margin-bottom:10px;}
#histroryContent ol.child .icoImg{width:55px;}
#histroryContent ol.child .date{
	width:90px;
	padding-right:30px;
}
#histroryContent ol.child .text{width:calc(100% - 145px);}

/* 1946 */

#histroryContent #his1946 .leftImg img{
	width:465px;
	max-width:100%;}

/* 1960 */

#histroryContent #his1960 .leftImg .primary{
	text-align:left;
	max-width:405px;
	margin-left:120px;}


#histroryContent #his1960 .leftImg .primary figcaption{}
#histroryContent #his1960 .leftImg .secondary{margin-top:-25px;}
#histroryContent #his1960 .leftImg .secondary img{max-width:380px;}

@media screen and (max-width: 1250px) {
	#histroryContent #his1960 .leftImg .primary{margin-left:9.6%;}
	#histroryContent #his1960 .leftImg .secondary{margin-top:0;}
}
@media screen and (max-width: 905px) {
	#histroryContent #his1960 .leftImg .secondary{margin-left:9.6%;}
	#histroryContent #his1960 .leftImg .secondary img{max-width:366px;}
}

/* 1987 */
#histroryContent #his1987up{height:140px;}
#histroryContent #his1987 .leftImg{
	padding-left:162px;
	text-align:left;}
#histroryContent #his1987 .leftImg img{max-width:382px;}
@media screen and (max-width: 1100px) {
	#histroryContent #his1987 .leftImg{padding-left:14%;}
	#histroryContent #his1987 .leftImg img{max-width:100%;}
}

/* 2006 */
#histroryContent #his2006up{height:100px;}
#histroryContent #his2006 .leftImg > div{
	text-align:left;
}
#histroryContent #his2006 .leftImg .primary{
	width:318px;
	top:0;
	left:95px;
}

#histroryContent #his2006 .leftImg .secondary{
	width:234px;
	top:240px;
	right:36px;
	text-align:left;
}

@media screen and (max-width: 1250px) {
	#histroryContent #his2006 .leftImg .primary{width:25.44vw;}
	#histroryContent #his2006 .leftImg .secondary{
		top:280px;
		width:22.8vw;}
}


/* 2022-12-14 add */
.topicsCategoryLink{
	padding:20px 20px 20px;
}

.topicsCategoryLink ul{
	margin-top:15px;
}

.topicsCategoryLink ul > li{
	margin-right:15px;
	margin-bottom:15px;
}

.topicsCategoryLink ul > li a{
	border-radius:16px;
	padding:0 15px;}
	
	
/* ------------------------
       Common Footer 2024update
--------------------------- */
#biz-Department  h3.topLineTitle{margin-bottom:65px;}



/* add 241119 */
/*#irSummary .irSummary3clm .inner{
	width:calc(33.333% - 13.33px);
	padding-top:15px;
	padding-right:20px;
}*/

/* add 241129（3カラムの幅を調整） */
#irSummary .irSummary3clm .inner{
	width:calc(33.333% - 1px);
	padding-top:15px;
	padding-right:20px;
}

#irSummary .irSummary3clm .inner:nth-child(3){padding-right:0;}