@charset "utf-8";

@media screen and (max-width:767px){
/* company information
==================================================== */
/* index */
.visualHeader.cpIndex{background-size:auto,cover;}
.visualHeader.cpIndex .inner{padding:30px 10px; width:auto; display:block;}
.visualHeader.cpIndex .primary{width:auto; padding-right:0;}
.visualHeader.cpIndex .inner h1{font-size:32px; margin-bottom:10px; padding:0; text-align:center;}
.visualHeader.cpIndex .inner p{font-size:14px; line-height:1.75; text-align:center;}
.visualHeader.cpIndex .inner .business{width:auto; padding:0;}
.visualHeader.cpIndex .globalBs,
.visualHeader.cpIndex .localBs{border:none; width:auto; height:auto; padding:15px 0; border-bottom:1px #acb2b9 solid;}
.visualHeader.cpIndex .globalBs p,
.visualHeader.cpIndex .localBs p{text-align:center; font-size:20px; margin:10px 0;}

.visualHeader.cpIndex ul.companyIntro li{width:50%; height:auto; margin-bottom:30px; font-size:14px;}
.visualHeader.cpIndex ul.companyIntro li:first-child{border-left:0;}
.visualHeader.cpIndex ul.companyIntro li b{font-weight:normal; font-size:28px;}

.visualHeader.cpIndex .globalBs ul.companyIntro{display:block;}
.visualHeader.cpIndex .globalBs ul.companyIntro li{width:auto; border:0 none; margin-bottom:15px;}


.cpIndex01{height:auto;}
.pageBody.cpIndex section.cpIndex01 .inner{padding:30px 10px;}
.cpIndex01 figure{padding:0 30px; width:auto; height:auto; position:relative; left:auto; top:auto; text-align:center;}
.cpIndex01 figure figcaption{position:relative; left:auto; top:auto; padding:0 40px;}
.cpIndex01 h2{padding:0;}
.cpIndex01 p{padding-left:0;}
.cpIndex01 p br{display:none;}
.cpIndex02{height:auto;}
.pageBody.cpIndex section.cpIndex02 .inner{padding:30px 10px;}
.cpIndex02 figure{position:relative; right:auto; top:auto; width:100%; height:auto;}
.cpIndex03,
.cpIndex05{height:auto;}
.pageBody.cpIndex section.cpIndex03 .inner,
.pageBody.cpIndex section.cpIndex05 .inner{padding:70px 10px;}
.pageBody.cpIndex section.cpIndex03 p br{display:none;}
.cpIndex04 .primary{padding:30px 0;}
.cpIndex04 .primary figure{float:none; margin:0; width:100%; margin-bottom:15px;}

/* officers */
ul.officersList{margin:0 0 30px;}
ul.officersList li{margin-bottom:30px; padding:0 5px;}
ul.officersList li img{margin:0 auto 10px; display:block;}
ul.officersList li p{display:block; font-size:17px; white-space:nowrap;}
ul.officersList li p small{font-size:11px;}
ul.officersList li p a{color:#fff; margin-top:5px; background:#ED1C24; text-align:center; padding:5px;}
ul.officersList li p a::after{content:'\f105'; padding:0 0.5em; color:#FFF;}

/* news release */
.subHeader{margin:-10px 0 15px 0;}
	
/* ==================================================== category index ==================================================== */
.pageBody.cpIndex section .inner{width:auto; padding:0 10px;}
.pageBody.cpIndex section h2{text-align:center; font-size:26px;}
.pageBody.cpIndex section h2 small{font-size:18px;}
.pageBody.cpIndex section p.go{text-align:center; padding:10px 0 0;}
.pageBody.cpIndex section p.go a{padding:3px 6px; font-size:14px;}
.pageBody.cpIndex section.cpIndex04 h2{font-size:22px; margin-bottom:10px;}
.pageBody.cpIndex section.cpIndex04 p{font-size:14px; margin-bottom:15px;}
.pageBody.cpIndex section.cpIndex04 .go a{font-size:14px; padding:3px 5px;}
.pageBody.cpIndex section.cpIndex04 .cpInfo{padding:30px 0; clear:both;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div{float:left; width:50%; margin:0 0 20px; padding-right:5px; padding-top: 0 !important;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div:nth-child(3n){margin:0 0 20px;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div:nth-child(4n):before{display:none; clear:none;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div:nth-child(+4n){padding-top:0;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div:nth-child(2n){padding:0 0 0 5px;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div:nth-child(3n + 1){clear:none;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div h2{font-size:3vw; margin-bottom:5px;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div h2 a:after{display:none;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div p{font-size:12px; display:none;}
.pageBody.cpIndex section.cpIndex04 .cpInfo div p.go{margin-bottom:0; display:none;}
/* network */
.networkSites .netWorkPref{margin:0 0 0.5em;}
.networkSites .netWorkPref dl{float:none; clear:both; margin:0 0 1em 0; width:auto;}
/* history */
.pageBody .historyContainer table th,
.pageBody .historyContainer table td{display:block;}
.pageBody .historyContainer table th{font-size:30px; background:url(/company_info/history/images/line01.gif) no-repeat left -24px; padding:0 0 0 30px; line-height:1; width:auto;}
.pageBody .historyContainer table th small{font-size:18px;}
.pageBody .historyContainer table tr:first-child th{background:url(/company_info/history/images/line01-top.gif) no-repeat left -24px;}
.pageBody .historyContainer table th.ph{background:url(/company_info/history/images/line02.gif) no-repeat left top;}
.pageBody .historyContainer table tr:first-child th.ph{background:url(/company_info/history/images/line02-top.gif) no-repeat left -24px;}
.pageBody .historyContainer table td{padding:10px 0 30px 30px; background:url(/company_info/history/images/line01.gif) no-repeat left bottom;}
/* research and development */
#pageContainer.rdIndex .visualHeader{height:calc(100vh - 135px); min-height:0; padding-top:24vh;}
#pageContainer.rdIndex .visualHeader h1{font-size:30px;}
#pageContainer.rdIndex .visualHeader h1 small{font-size:14px; margin-top:20px;}
#pageContainer.rdIndex .visualHeader h1 small:before{width:120px; height:2px; position:absolute; left:50%; top:-25px; background:#ed1c24; content:''; margin-left:-60px;}
#pageContainer.rdIndex .visualHeader h1 + p{margin-bottom:30px;}
#pageContainer.rdIndex .visualHeader a{color:#fff; width:55px; padding-top:40px; margin:0 auto; position:relative; clear:both; font-family:Arial, Helvetica, sans-serif; display:block;}
#pageContainer.rdIndex .visualHeader a:before{content:'↓'; font-size:10px; border:1px #fff solid; width:16px; height:35px; position:absolute; left:50%; top:0; margin-left:-8px; border-radius:8px; display:block; font-weight:bold; padding-top:13px; text-align:center; box-sizing:border-box;}
#pageContainer.rdIndex .visualHeader a:after{content:''; display:block; width:6px; height:6px; border-radius:3px; background:#fff; position:absolute; left:50%; top:6px; margin-left:-3px;}
#pageContainer.rdIndex .visualHeader a:hover{transform:translateY(-20px);}
.pageBody .rdIndexNav > div{width:auto; margin-left:0;}
.pageBody .rdIndexNav dl dt{font-size:20px;}
.pageBody .rdIndexNav dl dd{padding:0; min-height:0; margin-bottom:10px;}
.slider{width:100vw; margin-left:0;}

/* sustainability
==================================================== */
/* index */
.visualHeader.sustIndex{background-image:url("/sustainability/images/mainVisualSp.jpg");}
.visualHeader.sustIndex h1{text-align:center;}
.visualHeader.sustIndex h1 img{display:block; margin-bottom:3vw;}
.visualHeader.sustIndex h1 em{font-size:18px;}
/* index */
nav.subCatIndex.sustIndex ul{flex-wrap:wrap;}
nav.subCatIndex.sustIndex ul li{width:calc(50% - 10px); margin:0 5px 20px;}
nav.subCatIndex.sustIndex ul li div{height:auto;}
.visualHeader.sustIndex{height:400px;}
.visualHeader.sustIndex .inner{padding:30px 20px;}
.visualHeader.sustIndex .inner img{width:100%; height:auto;}

.pageBody .btn.sustReport{width:auto; padding:0 5px;}
.pageBody .btn.sustReport a{padding:10px 20px; font-size:16px;}
.pageBody .btn.sustReport a::after{width:16px; height:16px; font-size:16px;}
.pageBody section.sustManagement{width:100%; padding:40px 15px;}
.pageBody section.sustManagement h2{font-size:20px;}
.pageBody section.sustManagement h2 span{font-size:16px;}
.pageBody section.sustManagement p br{display:none;}
.pageBody section.sustManagement p.btn a{min-width:0; padding:6px 20px 8px;}
.pageBody section.sustReport{background:#eee; width:100%;}
.pageBody section.sustReport h2::before{background:#1f92c9;}
.pageBody section.sustReport .sustReportItem{width:auto; margin:0 auto 30px; display:block;}
.pageBody section.sustReport .sustReportItem .header{width:auto;}
.pageBody section.sustReport .sustReportItem .header{padding:0 20px 30px;}
.pageBody section.sustReport .sustReportItem .header h3{font-size:22px; text-align:center; margin:0 -20px 10px; padding:15px 10px 10px;}
.pageBody section.sustReport .sustReportItem .header p.btn{text-align:center;}
.pageBody section.sustReport .sustReportItem ul{width:auto; padding:20px; margin:0;}
.pageBody section.sustReport .sustReportItem ul li a::before{top:0.325em;}
.pageBody section.sustESG > div{width:auto; display:block;}
.pageBody section.sustESG > div h2{margin:0 0 15px; font-size:24px; width:auto; text-align:center;}
.pageBody section.sustESG > div ul{width:auto; border-left:0; margin-left:1.5em; padding-left:0;}
.pageBody section.sustRelated{padding:30px 10px;}
.pageBody section.sustRelated ul{flex-wrap:wrap; align-items:stretch;}
.pageBody section.sustRelated ul li{width:calc(50% - 5px);}
.pageBody section.sustRelated ul li a{height:100%;}
.pageBody section.sustRelated ul li p{font-size:12px; padding:10px 5px;}
.pageBody section.sustRelated ul li a > div{position:relative; overflow:hidden;}
.pageBody section.sustRelated ul li a > div img{display:block; transition:transform .3s ease;}
.pageBody section.sustRelated ul li a:hover > div img{transform:scale(1.1);}
/* Materiality */
.pageBody dl.materialityProcess{display:block;}
.pageBody dl.materialityProcess dt{width:100%; padding:15px 15px 5px; margin-top:0; margin-bottom:0; font-size:18px;}
.pageBody dl.materialityProcess dt::before,
.pageBody dl.materialityProcess dt::after{content:none;}
.pageBody dl.materialityProcess dd{width:100%; padding:0 15px 15px; border:2px #ed1c24 solid; border-top:0; border-bottom:0; margin-bottom:40px; position:relative;}
.pageBody dl.materialityProcess dd::after {width:0; height:0; display:block; content:''; border-style:solid; border-width:30px calc(50vw - 10px) 0 calc(50vw - 10px); border-color:#ffffff transparent transparent transparent; position:absolute; left:0; bottom:-28px;}
.pageBody dl.materialityProcess dd::before{width:0; height:0; display:block; content:''; border-style:solid; border-width:30px calc(50vw - 10px) 0 calc(50vw - 10px); border-color:#ed1c24 transparent transparent transparent; position:absolute; left:0; bottom:-30px;}
.pageBody dl.materialityProcess dt:last-of-type{border-bottom:0;}
.pageBody dl.materialityProcess dd:last-of-type{border-bottom:2px #ed1c24 solid;}
.pageBody dl.materialityProcess dd:last-of-type::before,
.pageBody dl.materialityProcess dd:last-of-type::after{content:none;}
.pageBody ul.sdgsList li{margin:5px; width:calc((100% - 40px) / 4); list-style:none;}
.pageBody h3.contributionToSDGs::before{content:''; width:0; height:0; border-style: solid; border-width: 20px 100px 0 100px; border-color: #cccccc transparent transparent transparent; position:absolute; left:calc(50% - 100px); top:-25px;}

.evtItem{margin-bottom:10px; padding:10px;}
.evtThumb{max-width:40vw; margin-bottom:10px;}
.evtThumb img{width:100%; height:auto;}
.evtTitle{margin-bottom:10px;}
.evtCategories{clear:both; padding-top: 10px;}
.evtCategories a{display: inline-block; background:#ED1C24; color: #fff; padding: 2px 10px; border-radius: 4px; font-size: 12px; border: 1px #ED1C24 solid; }
.evtCategories a:hover{background: #fff; color:#ED1C24; text-decoration: none;}
.evtBnr{margin-bottom: 30px; text-align: center;}
.evtMeta{font-size:12px; text-align:left; top: -20px;}
.evtMeta a,
.evtMeta span{font-size:10px;}
.evtSites{margin-bottom: 10px; clear: both;}
.evtSites span{display: inline-block; font-size:12px; margin-right:5px;}

/* business information
==================================================== */
/* index */
.visualHeader.bizIndex{height:auto; padding:0;}
.visualHeader.bizIndex .inner{width:auto; margin:0 auto; position:relative; padding:80px 20px;}
.visualHeader.bizIndex .inner h1{padding:0; font-size:30px;}
.visualHeader.bizIndex .inner p{font-size:16px;}

/* section */
.pageBody.bizIndex section{height:auto;}
.pageBody.bizIndex .inner{width:auto; height:auto;}
.pageBody.bizIndex section h2{text-align:center;}
.pageBody.bizIndex section h2 small{font-size:16px;}
.pageBody.bizIndex section.bizIndex01 .inner,
.pageBody.bizIndex section.bizIndex03 .inner,
.pageBody.bizIndex section.bizIndex05 .inner,
.pageBody.bizIndex section.bizIndex02 .inner,
.pageBody.bizIndex section.bizIndex04 .inner,
.pageBody.bizIndex section.bizIndex06 .inner,
.pageBody.bizIndex section.bizIndex08 .inner{padding:80px 10px;}
.pageBody.bizIndex section p{font-size:14px; margin-bottom:15px;}
.pageBody.bizIndex section p.go{text-align:center;}
.pageBody.bizIndex section p.go a{font-size:14px; padding:3px 5px; margin:0 auto;}
.pageBody.bizIndex section .inner p br{display:none;}

.pageBody.bizIndex section.bizIndex07{padding:10px;}
.pageBody.bizIndex section.bizIndex07 p{margin:0;}
.pageBody.bizIndex section.bizIndex07 a,
.pageBody.bizIndex section.bizIndex07 img{width:auto;}

.pageBody section .contInner{width:100%;padding:30px 5px;}
.pageBody section h2{font-size:24px; margin-bottom:20px; padding-bottom:10px;}
.pageBody section h2:before{width:120px; margin-left:-60px;}
.pageBody section .photoSlide ul li{width:100%; margin-right:0px;}
.pageBody section .photoSlide .slick-prev{position:absolute; top:50%; left:-5px;} 
.pageBody section .photoSlide .slick-next{position:absolute; top:50%; right:-5px;}

/* recruit
======================================================= */
/* index */
.visualHeader.rcIndex{height:auto; padding:80px 10px;}
.visualHeader.rcIndex .inner{width:auto;}
.visualHeader.rcIndex .inner h1{padding:0; font-size:24px;}
.visualHeader.rcIndex .inner p{font-size:18px;}
/* section */
.pageBody.rcIndex section{height:auto;}
.pageBody.rcIndex .inner{width:auto; height:auto;}
.pageBody.rcIndex section h2{text-align:center;}
.pageBody.rcIndex section h2 small{font-size:18px;}
.pageBody.rcIndex section p{text-align:center;}
.pageBody.rcIndex section p.go{text-align:center;}
.pageBody.rcIndex section p.go a{font-size:14px;}
.pageBody.rcIndex section.rcIndex01 .inner,
.pageBody.rcIndex section.rcIndex02 .inner,
.pageBody.rcIndex section.rcIndex03 .inner{padding:80px 10px;}
.pageBody.rcIndex section.news{width:auto; padding:30px 0 0;}
.pageBody.rcIndex section.news h2{font-size:24px; margin-bottom:20px; padding-bottom:10px;}
.pageBody.rcIndex section.news h2:before{width:120px; margin-left:-60px;}

.pageBody.rcIndex section.rcIndex04{padding:0 10px;}
.pageBody.rcIndex section.rcIndex04 h2{font-size:22px; margin-bottom:10px;}
.pageBody.rcIndex section.rcIndex04 p{font-size:14px; margin-bottom:15px;}
.pageBody.rcIndex section.rcIndex04 .go a{font-size:14px; padding:3px 5px;}
.pageBody.rcIndex section.rcIndex04 .rcInfo{padding:30px 0; clear:both;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div{float:left; width:50%; margin:0 0 20px; padding-right:5px;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div:nth-child(3n){margin:0 0 20px;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div:nth-child(2n){padding:0 0 0 5px;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div:nth-child(3n + 1){clear:none;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div h2{font-size:3vw; margin-bottom:5px;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div h2 a:after{display:none;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div p{font-size:12px; display:none;}
.pageBody.rcIndex section.rcIndex04 .rcInfo div p.go{margin-bottom:0; display:none;}


/* ir
==================================================== */
/* index */
.visualHeader.irIndex{padding:0; display:block; text-align:center; height:auto;}
.visualHeader.irIndex .inner{width:auto; display:block; padding:80px 20px;}
.visualHeader.irIndex .inner h1{font-size:30px; margin-bottom:40px;}
.visualHeader.irIndex .inner .stockInfo.stockEn,
.visualHeader.irIndex .inner .stockInfo{width:auto; height:auto; background:transparent;}
.visualHeader.irIndex .inner .stockInfo.stockEn iframe,
.visualHeader.irIndex .inner .stockInfo iframe{background:rgba(0,0,0,.4); max-width:480px; margin:0 auto;}
.visualHeader.irIndex .inner .stockInfo a{font-size:3.5vw; left:3.5vw; bottom:3.5vw;}


/*.visualHeader.irIndex .inner .stockInfo{width:auto; padding:15px;}
.visualHeader.irIndex .inner .stockInfo h2{font-size:24px;}
.visualHeader.irIndex .inner .stockInfo h2 small{font-size:14px;}
.visualHeader.irIndex .inner .stockInfo dl dt{width:50%; font-size:16px; text-align:right; padding-right:5px;}
.visualHeader.irIndex .inner .stockInfo dl dd{width:50%; font-size:24px; text-align:left; padding-left:5px;}
.visualHeader.irIndex .inner .stockInfo a{font-size:16px; width:40%; text-align:left;}
.visualHeader.irIndex .inner .stockInfo p{width:58%; font-size:12px;}
*/
.pageBody.irIndex{width:100%; padding:0 15px;}
.pageBody.irIndex section{width:auto;}
.pageBody.irIndex section h2{font-size:20px;}
.pageBody.irIndex section.irTopics div{display:block; padding:20px 20px 1px; margin-bottom:30px;}
.pageBody.irIndex section.irTopics div dl{width:auto; margin:0 0 20px 0;}
.pageBody.irIndex section.irTopics div dl dt{border:0 none; padding:0; font-size:16px;}
.pageBody.irIndex section.irTopics div dl dt small{font-size:12px; display:block; text-indent:-0.5em;}
.pageBody.irIndex section.irTopics div dl dd{font-size:12px;}
.pageBody.irIndex .subCatIndex a.thumb:after{display:none;}
.pageBody.irIndex section.irInf{display:block;}
.pageBody.irIndex section.irInf .list{width:auto;}
.pageBody.irIndex section.irInf .list header{margin-bottom:20px; justify-content:space-between;}
.pageBody.irIndex section.irInf .list header h2{font-size:20px; padding:0; margin:0;}
.pageBody.irIndex section.irInf .list dl dd{font-size:16px; margin:0 0 10px; padding:0 0 10px; border-bottom:1px #ebebeb dotted; line-height:1.4;}
.pageBody.irIndex section.irInf .documents{width:auto;}
.pageBody.irIndex nav.irContents{width:auto;}
.pageBody.irIndex nav.irContents .col{margin:0 20px 20px 0; padding:0; width:calc(50% - 10px);}
.pageBody.irIndex nav.irContents .col:nth-child(2n){margin-right:0;}
.pageBody.irIndex nav.irContents .col img{margin-bottom:10px;}
.pageBody.irIndex nav.irContents .col h2{font-size:16px; margin-bottom:10px;}
.pageBody.irIndex nav.irContents .col ul li{padding:0; margin-bottom:1em; font-size:12px;}
.pageBody.irIndex nav.irBottomLinks{width:auto;}
.pageBody.irIndex nav.irBottomLinks ul{display:block;}
.pageBody.irIndex nav.irBottomLinks ul li{width:auto; margin-right:0;}
.pageBody.irIndex nav.irBottomLinks ul li a{border:6px #bdbec1 solid;}


.pageBody .irAnnual{padding-left:0;}
.pageBody .irAnnual > figure.fLt{position:relative; left:auto; top:auto;}

.pageBody.stockPrice{width:auto;}
.pageBody.stockPrice > header{margin:0 auto;}
.pageBody.stockPrice ul.tabs{margin:0 0 50px;}


/* financial graphs */
iframe.graphFrame{width:100%; height:400px;}
/* management plan */
.pageBody.managementPlan{}
.pageBody.managementPlan .concept,
.pageBody.managementPlan .criteria,
.pageBody.managementPlan .shareholderReturn{padding:15px; margin-bottom:40px;}
.pageBody.managementPlan .concept .now{padding:10px;}
.pageBody.managementPlan .concept .now dl.environment{padding:15px;}
.pageBody.managementPlan .concept .now dl.environment + div{background-size:50px auto; height:40px;}
.pageBody.managementPlan .concept .now dl.strength.str1{padding:15px;}
.pageBody.managementPlan .concept .now dl.strength.str1 dt{padding:10px 15px 5px; margin:0;}
.pageBody.managementPlan .concept .now dl.strength.str1 dd{padding:0 15px 10px 15px;}
.pageBody.managementPlan .concept .now dl.strength.str2{padding:0 15px 10px;}
.pageBody.managementPlan .concept .now dl.strength.str2 dt{padding:10px 15px 5px;}
.pageBody.managementPlan .concept .now dl.strength.str2 dd{padding:0 15px 10px 15px;}
.pageBody.managementPlan .concept .now + div{background-size:50px auto; height:40px;}
.pageBody.managementPlan .concept dl.strength strong{color:#333;}
.pageBody.managementPlan .concept dl.strength.str3{padding:20px; background:#ffeeee; margin:0;}
.pageBody.managementPlan .concept dl.strength.str3 + div{background-size:50px auto; height:40px;}
.pageBody.managementPlan .criteria div{padding:15px;}
.pageBody.managementPlan .criteria dt{font-size:18px;}
.pageBody.managementPlan .criteria dd{font-size:18px; background-size:14px auto; background-position:left 5px;padding-left:20px; margin-bottom:10px;}

.pageBody .euroFrame{width:96%; margin:0 auto; display:block;}
.pageBody .euroFrame.frame1{height:2200px;}
.pageBody .euroFrame.frame2{height:1000px;}
.pageBody .euroFrame.frame3{height:1000px;}

.pageBody .backNumberList .col figure + ul{margin-left:1.5em;}

/* skill sheet */
.pageBody .skillMatrix{padding:0; margin:30px 0;}
.pageBody .skillMatrix table{width:1024px; margin-bottom:0;}


/* news
==================================================== */
.pageBody.dateList{width:auto;}
.newsHeader{width:auto; padding:40px 0 0;}
.newsHeader > p{font-size:18px;}
.newsHeader h1{font-size:32px; margin-bottom:40px;}
.newsSearch{padding:3px 10px;}
.newsSearch form{float:none; width:auto; margin:0 0 5px;}
.newsSearch form input.searchTxt{width:calc(100% - 40px);}
.newsSearch form button{width:40px;}
.newsSearch form button:after{width:40px; font-size:22px;}
.newsSearch select{clear:both; width:55%;}
.newsSearch p a:last-child:after{font-size:24px; margin-left:5px;}
.pageBody dl.dateList{padding:0 10px;}
.pageBody dl.dateList dt{float:none; width:auto; padding:0; margin:0;}
.pageBody dl.dateList dd{padding-left:0; margin-bottom:1em;}
.pageBody .archiveLinks li{float:left; width:calc(33.3% - 7px); margin-right:9px;}
.pageBody .archiveLinks li:nth-child(10n){margin-right:9px;}
.pageBody .archiveLinks li:nth-child(8n){margin-right:9px;}
.pageBody .archiveLinks li:nth-child(3n){margin-right:0;}

.pageBody dl.dateList.wCat dt{width:auto;}
.pageBody dl.dateList.wCat dd{padding-left:0;}


/* pickup
==================================================== */
section.pickupSelector {padding:0 10px;}
section.pickupSelector  header{margin:0px -10px; padding-top:0px;}
section.pickupSelector  header h1{font-size:24px;}
section.pickupSelector  header h1+p{margin-bottom:15px;}
.pickupSelector .tabsNav{height:60px; width:100%; margin:0 auto; padding:0;}
.pickupSelector .tabsNav li{float:left; width:24%; height:60px; margin-left:1%; font-size:8px;}
.pickupSelector .tabsNav li:first-child{width:24%; margin-left:0;}
.pickupSelector .tabsNav li a{height:55px; line-height:1.2; text-align:center;}
.pickupSelector .tabsNav li a:before{width:40px; height:40px; float:none; margin:0 auto;}
.pickupSelector .tabsNav li a.active{height:60px;}
.pickupSelector .tabsNav li a.all:before{background-position:-180px 0px; background-size:500px auto;}
.pickupSelector .tabsNav li a.pickUp:before{background-position:0px -85px; background-size:500px auto;}
.pickupSelector .tabsNav li a.toKnow:before{background-position:-220px 0px; background-size:500px auto;}
.pickupSelector .tabsNav li a.energy:before{background-position:-260px 0px; background-size:500px auto;}
.pickupSelector .tabsNav li a.event:before{background-position:-300px 0px; background-size:500px auto;}
.pickupSelector div.contents{background:#eee; padding:10px 10px; margin:0 -10px;}
.pickupSelector div.contents > p{margin-bottom:5px;}
.pickupSelector div.contents nav{width:100%; padding:0;}
.pickupSelector div.contents nav div{width:100%; margin:0 0 10px; float:none; height:auto; padding:0 5px 0 0; clear:both;}
.pickupSelector div.contents nav div:before{content:''; width:15px; height:15px; background:url(/assets/images/sprite.png) no-repeat -160px -20px; background-size:500px auto; z-index:10; position:absolute; right:0; bottom:0;}
.pickupSelector div.contents nav div:after{content:''; display:block; clear:both; width:100%; height:0; overflow:hidden; position:relative;}
.pickupSelector div.contents nav div.wide{width:100%; height:auto; padding:0 0 10px 0;}
.pickupSelector div.contents nav div i{z-index:10; width:20px; height:20px;}
.pickupSelector div.contents nav div i+i{left:20px;}
.pickupSelector div.contents nav div figure{position:relative; left:auto; top:auto; width:130px; height:auto; float:left; margin-right:10px;}
.pickupSelector div.contents nav div figure img{width:100%; height:auto; display:block;}
.pickupSelector div.contents nav div.wide figure{width:100%; height:auto; margin-bottom:10px;}
.pickupSelector div.contents nav div h2{font-size:14px; padding:10px 10px 5px; margin:0;}
.pickupSelector div.contents nav div.wide h2{font-size:18px;}
.pickupSelector div.contents nav div p{line-height:1.5; padding:0 10px 5px; font-size:12px;}
.pickupSelector div.contents nav div i.toKnow{background-position:-110px -20px; background-size:250px auto;}
.pickupSelector div.contents nav div i.learn{background-position:-130px -20px; background-size:250px auto;}
.pickupSelector div.contents nav div i.event{background-position:-150px -20px; background-size:250px auto;}
.pickupSelector div.contents nav div i.energy{background-position:-170px -20px; background-size:250px auto;}

/* kankyou
==================================================== */
.pageBody ul .sekitan{background: none; width: 100%; height: auto; padding-top: 0px; margin-bottom: 0px; position: static;}
.pageBody ul .sekitan img{display: block; width:100%; height: auto;}
.pageBody ul .sekitan.q01:hover,
.pageBody ul .sekitan.q02:hover,
.pageBody ul .sekitan.q03:hover,
.pageBody ul .sekitan.q04:hover{opacity: .8;}
.pageBody ul .sekitan.q01 a,
.pageBody ul .sekitan.q02 a,
.pageBody ul .sekitan.q03 a,
.pageBody ul .sekitan.q04 a{position: static;}

/* Search 
==================================================== */
.titleTxt{font-size:30px; line-height:1.2; padding-bottom:30px; margin-bottom:50px; border-bottom:1px #b5b5b5 solid;}
.pageBody .SS_result{clear:both;}
.SS_item{max-width:100%; margin-bottom:10px;}
.SS_image{float:left; margin:5px 15px 15px 0;}
.evtThumb img{width:100%; height:auto;}
.SS_url{word-wrap: break-word; display:block;}
.SS_page{padding-left:0px;}
#searchTitle{width:100%; float:none; clear:both; margin-bottom:15px;}
.list-sort-01{width:100%; }
.SS_paging{font-size:16px; }
.SS_paging b,
.SS_paging span{margin-right:5px;}
.SS_search form input.SS_searchQuery{width:70%;}
span#SS_sortDate a,
span#SS_sortMatch #sortSelected{padding-top:8px;}
}



@media screen and (max-width:490px){
.visualHeader.irIndex .inner .stockInfo iframe{height:230px;}
}

@media screen and (max-width:460px){
.visualHeader.irIndex .inner .stockInfo iframe{height:202px;}
}

@media screen and (max-width:430px){
.visualHeader.irIndex .inner .stockInfo iframe{height:224px;}
}