/*
=========================================================
Editor		: OH00
Version		: 1.0
Since		: 2017-03-31
Last Up Date	:  2017-03-31 00:00
=========================================================

	[Index]
	- base css[common for PC and SP] / Do not change 
		- reset
		- base
		- font
		- a
		
 ================================================= */

/* ================================================= 
	base css [common for PC and SP] / Do not change 
================================================= */
/* reset setting
-------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0; margin:0; padding:0;}
img{ line-height:0; vertical-align:middle; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
table{ border-collapse:collapse; border-spacing:0; }
mark{background-color:transparent;}

/* base setting
-------------------------------------------------------*/
.clearfix{ zoom:1; }
.clearfix:after{ clear:both; content:""; display:block; }
a:link,a:visited,a:link mark,a:visited mark{ color:#000; -webkit-transition:color .2s;transition:color .2s; }
a,a:link,a:visited{text-decoration:underline;}/* add */
a mark,a:link mark,a:visited mark{ text-decoration:none;}/* add */
a:hover,a:active,a:hover mark,a:active mark{ color:#666;-webkit-transition:color 0s;transition:color 0s; }
a:hover,a:active{text-decoration:none;}/* add */
a:hover mark,a:active mark{ text-decoration:underline;}/* add */
.strong,strong { font-weight:bold;}
a img{-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
a:hover{cursor:pointer;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); }
a:noHover img{opacity: 1.0; filter: alpha(opacity=100); }
.no-border { border: none !important; }

.comTable th a:link,.comTable th a:visited,.comTable th a:link mark,.comTable th a:visited mark{ color:#fff;}


/* font-size setting
-------------------------------------------------------*/
/* rem font base
html{
font-size: 16px;
}*/
/* font base */
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=f409f6f2-4304-4c61-b5bf-cad5581dfeb5&fontids=1448929,1448937,1448941");
@font-face{
font-family:"DIN Next LT W04";
src:url("1448929/a6b05bd7-1f09-4c3e-93a5-8b7d432291b3-.eot#iefix");
src:url("1448929/a6b05bd7-1f09-4c3e-93a5-8b7d432291b3-.eot#iefix") format("eot"),url("1448929/8a3ff076-5846-4401-9d7e-10993afac709.woff2") format("woff2"),url("1448929/f69bc269-16e5-4f8a-80eb-b049139324fd.woff") format("woff"),url("1448929/7742af6c-6711-4ca8-9f62-44005bde2243.ttf") format("truetype");
}
@font-face{
font-family:"DIN Next LT W04 mid";
src:url("1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f-.eot#iefix");
src:url("1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f-.eot#iefix") format("eot"),url("1448937/cf1948b4-c50b-418b-a059-e8ed8bf0f9f1.woff2") format("woff2"),url("1448937/bd983b7f-76bb-4f54-83bb-889fd36d60e6.woff") format("woff"),url("1448937/63fb1f94-0e8f-4c85-b559-b0dd27ecbf5a.ttf") format("truetype");
}
@font-face{
font-family:"DIN Next LT W04 Bold";
src:url("1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595-.eot#iefix");
src:url("1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595-.eot#iefix") format("eot"),url("1448941/7e3bc38e-72f2-4d0b-8e96-4c466b57b052.woff2") format("woff2"),url("1448941/8283248b-29aa-4d91-8920-841505269e68.woff") format("woff"),url("1448941/929bfe48-8086-4796-820d-ff0222f68dd0.ttf") format("truetype");
}
body{
font-size:18px;
line-height:1.5;
font-family: 'DIN Next LT W04',Arial, Helvetica, sans-serif;
color:#000;
-webkit-text-size-adjust:100%;/* for smt */
}

h1,h2,h3,h4,h5,h6,
.comLnkSetC1 .inTxt mark,
.comLnkSetC2 .inTxt mark,
.comLnkSetC3 .inTxt mark,
.comLnkSetC4 .inTxt mark,
#gnav nav > ul > li,.comQAIcn dl dt,.comQA dl dt,
.comDlstAtn dt,
.comDlstAtnC2 dt,
.comDlstAtnC3 dt,
.comDlst dt,
.comDlstC2 dt,
.comDlstC3 dt,
.comDlstImg dt,
.comDlstImgC2 dt,
.comDlstImgC3 dt,
.comSecLnkSetC3 li a .inTxt mark,
.comDiscoverKvInfo dt,
#comSide .menu li,
#comSide .menu li.lnavSubTtl,
#headMenu .hnav li,
#headMenu .headLink,
#headMenu .headLang,
#gnav .headLang,
.comNewsDetailTtl,
.comNewsDetailSamary li,
.comCaseListBtn,
.comExpertiseLink .inTitle,
.comExpertiseLink ul li a .inTxt mark,
.comProductsLnkSetC3 .expandFieldClose,
.comProductsLnv ul li,
.comExpertiseAmKvDetail .inCategory span,
.comExpertiseAmKvDetail .comThiH1 + p,
.comExpertiseAmRelLnk .inTitle,
.comExpertiseAmLnkSetC2Ln li a .inTxt mark,
#sideRecently .inTxt mark,
.comTopExpertiseLink .inTxt mark,
.comTopCareers a,
.comTopGn a,
.comTopAbout a,
.comFotBnrLinkC2 .inTxt mark,
.comFotBnrLinkC4 .inTxt mark,
.comCsrLnkSetC3Ln ul li a .inTxt mark,
.comMainLineBox .inTtlS,
.comMainLineBox .inNameLead,
.comMainLineBox .inType,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inType,
.comBoxListsC4 .inList .inClm mark,
.comDataBox dt,
.comLnkSetC1 a .inTxt .comBdg,
.comLnkSetC2 a .inTxt .comBdg,
.comLnkSetC3 a .inTxt .comBdg,
.comLnkSetC4 a .inTxt .comBdg,
.comLnkSetC2Ln a .inTxt .comBdg,
.comLnkSetC3Ln a .inTxt .comBdg,
.comAcdClose,
.comRecruitKv p,
.comRecruitNews dt,
.comRecruit .linkKv .inTxt mark,
.comCareersLkBtn li,
.comMssquareOutline .comKV .inNum li,
.comMssquareOutline .comTabSetC4 ol > li > a .inNum,
.comMssquareOutline .comTabSetC4 .expandField dl dt,
.comAboutus .reviewBox .inTxt mark,
.comExpertiseAmRelLnk ul li a .inTxt mark,
#gnav nav > ul > li p a,
.cookieAlertBox .cookieApprovalBtn,
.comLstAtnStg li,
.comHeaderShortLocalNav li{
font-family: 'DIN Next LT W04 mid',Arial, Helvetica, sans-serif;
font-weight:normal;/* add */
}
#gnav .catTl p,#comSide h2,.comSecH1,.comThiH1,.comMainDetail h2,.comWorksDetail h1,.comFinanceClm4 strong,
.comProductsItem .comMain .comLead,
.comDataBox dd,
.comRecruit .shinsotsuBox .linkKv .inTxt b,
.comIntroduction section h2,
.comIntroduction .conceptList mark,
.comIntroduction .worldBox .dataBox dt,
.comIntroduction .worldBox .dataBox dd,
.comIntroduction .otherBox ul li mark,
.comIntroduction #track .trackDetail ul li mark{
font-family: 'DIN Next LT W04 Bold',Arial, Helvetica, sans-serif;
font-weight:normal;/* add */
}
h1 .comBdg,h2 .comBdg,h3 .comBdg,h4 .comBdg,h5 .comBdg,h6 .comBdg,
#comSide .menu li li,
.comProductsSearch input,
.comProductsItem .comH1 h1 .kw,
#sideSearch input,
.conTStrySec section > h2::after,
.comExpertiseEvent .comTtlWrap .inTtl .comBdgAtn{
font-family: 'DIN Next LT W04',Arial, Helvetica, sans-serif;
}
.remodal-close:before{
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
}
@media only screen and (max-width: 480px){
.comFinanceClm4 li:nth-child(2) dt strong,
.comFinanceClm4 li:nth-child(3) dt strong,
#sideRecently .inTxt mark,
.comRecruitKv p .comBdg{
font-family: 'DIN Next LT W04',Arial, Helvetica, sans-serif;
font-weight:normal;/* add */
}
.comFinanceClm4 li:nth-child(2) dd b,
.comFinanceClm4 li:nth-child(3) dd b,
.comProductsItem .comMain .comLead,
.comRecruitKv p .linkTxt{
font-family: 'DIN Next LT W04 mid',Arial, Helvetica, sans-serif;
font-weight:normal;/* add */
}
.conTStrySec h2,
.conTStrySec h3,
.comRecruitKv p,
.comRecruitNews dt{
font-family: 'DIN Next LT W04 Bold',Arial, Helvetica, sans-serif;
font-weight:normal;/* add */
}
}

/* reset *//* add */
.comQAIcn dl dt:before,
.comQA dl dt:before{font-family: 'DIN Next LT W04',Arial, Helvetica, sans-serif;}



@media only screen and (max-width: 1440px){
/* rem font base*/
html{
font-size:0.70vw;
}
/* font base */
body{
font-size:1.2vw;
}
}
@media only screen and (max-width: 1366px){
/* font base */
body{
font-size:18px;/* add */
}
}
@media only screen and (max-width: 991px){
/* rem font base*/
html{
font-size:1.18vw;
}
/* font base */
body{
font-size:18px;
}
}
@media only screen and (max-width: 480px){
/* rem font base*/
html{
font-size:10px;
}
/* font base */
body{
font-size:14px;
}
}

/* Inheritance setting / never change */
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font-size:100%;
	}
.comLstAtn > li > .comLst > li,
.comLstAtn > li > .comLstLk > li,
.comLstLkAtn > li > .comLst > li,
.comLstLkAtnC2 > li > .comLst > li,
.comLstLkAtn > li > .comLstLk > li,
.comLstLkAtnC2 > li > .comLstLk > li{font-size:88.88%;font-weight:normal;}
.comLstAtn.txtSmall > li > .comLst > li,
.comLstLkAtn.txtSmall > li > .comLst > li,
.comLstLkAtnC2.txtSmall > li > .comLst > li,
.comLstLkAtn.txtSmall > li > .comLstLk > li,
.comLstLkAtnC2.txtSmall > li > .comLstLk > li,
.comLstAtn.txtLarge > li > .comLst > li,
.comLstLkAtn.txtLarge > li > .comLst > li,
.comLstLkAtnC2.txtLarge > li li > .comLst > li,
.comLstLkAtn.txtLarge > li > .comLstLk > li,
.comLstLkAtnC2.txtLarge > li li > .comLstLk > li,
.comLstLkAtn > li > .comLstLkAtn > li,
.comLstLkAtnC2 > li > .comLstLkAtn > li,
.comLstLkAtn > li > .comLstLkAtnC2 > li,
.comLstLkAtnC2 > li > .comLstLkAtnC2 > li,
.comNoteNum > li > .comLst > li,
.comNoteNum > li > .comLstLk > li{font-size:100%;}

/* sub */
#comContent sub{font-size:80%;margin-right:2px;}
/* setting font-size */
h1,
.conTStrySec h3{font-size:225%;}
.conTStrySec h2{font-size:312.5%;}
h2,
.conTStrySec h4,
.comTstryRelated .inTtl *{font-size:187.5%;}
h3,.comH3,
.conTStrySec h5{font-size:150%;}
h4,
.conTStrySec h6,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{font-size:125%;}
h5,
tr.txtLarge th,
tr.txtLarge td{font-size:112.5%;}

h1 .comBdgAtn,h2 .comBdgAtn,h3 .comBdgAtn,h4 .comBdgAtn,h5 .comBdgAtn,h6 .comBdgAtn,
h1 .comBdg,h2 .comBdg,h3 .comBdg,h4 .comBdg,h5 .comBdg,h6 .comBdg{font-size:13px;font-weight:normal;}

/* setting line-height */
.conTStrySec{line-height:1.8;}
h1,h2,h3,
.conTStrySec h2,
.comMainLineBox .inTtlS,
.comBoxListsC4 .inList .inClm mark{line-height:1.1;}
h4,h5,
.conTStrySec h3,.conTStrySec h4,.conTStrySec h5,
.comMainLineBox .inListC2 mark{line-height:1.2;}
.conTStrySec h6{line-height:1.3;}
h6{line-height:1.33;}

/* component setting font-size */
.speakNavi{font-size:1px;}
.comKV figcaption{font-size:187.5%;}
.comConNav2 li a,
.comConNav3 li a,
.comConNav4 li a,
.comConNav5 li a,
.comConNav6 li a,
.comConNav7 li a,
.comQuoteS h3,
.comSortout label select,
.comForm input,
.comForm textarea,
.comForm select,
.comForm label.radio,
.comForm label.checkbox,
.comForm .selectBox label select,
.comForm a.btnSabmit,
.comForm a.btnReset,
.comForm a.btnButton{font-size:100%;}
.comForm input::-webkit-input-placeholder,
.comForm input:-moz-placeholder,
.comForm textarea::-webkit-input-placeholder,
.comForm textarea:-moz-placeholder{font-size:100%;}
.comLnkSetC1 a .inTxt mark,
.comLnkSetC2 a .inTxt mark,
.comLnkSetC3 a .inTxt mark,
.comFrlLink > ul > li > h2,
.comSecLnkSetC2 li a .inTxt mark,
.comSecLnkSetC3 li a .inTxt mark{font-size:110%;}
.comLnkSetC4 a .inTxt mark,
.comLnkSetC2Ln a .inTxt mark,
.comLnkSetC3Ln a .inTxt mark,
.comAttn dl dt,
.comLstAtn > li,
.comLstLkAtn > li,
.comLstLkAtnC2 > li,
.comDlstAtn dt,
.comDlstAtnC2 dt,
.comDlstAtnC3 dt,
.comDlstImg dt,
.comDlstImgC2 dt,
.comDlstImgC3 dt,
.comDlstImgLn dt,
.comDlstImgLnC2 dt,
.comDlstImgLnC3 dt,
.comQuote h3,
.comDownload a,
.comNumRtnFull ul li,
.comNumRtnNum p,
.comNumRtnNum ul li,
.comNumRtn ul li,
.comFrlLink > ul > li > .comLnkSetLn a .inTxt mark,
.comLinkWrap .comSecLnkSetC3 li a .inTxt mark,
.comSecLnkSetC4 li a .inTxt mark,
.comMainDetail p,
.comWorksDetail h1 + p{font-size:112.5%;}
.comLstAtn.txtLarge > li,
.comLstLkAtn.txtLarge > li,
.comLstLkAtnC2.txtLarge > li{font-size:137.5%;}
.comLstAtn.txtSmall > li,
.comLstLkAtn.txtSmall > li,
.comLstLkAtnC2.txtSmall > li{font-size:100%;}
.comQAIcn dl dt:before,
.comQAIcn dl dd:before{font-size:225%;}
.comNote li,
.comNoteM li,
.comNoteNum li,
.comNoteMNum li,
figure img + figcaption,
.comCap,
.comTable.txtSmall th,
.comTable.txtSmall td,
.comTable2.txtSmall th,
.comTable2.txtSmall td,
.comTable3 table.txtSmall th,
.comTable3 table.txtSmall td{font-size:87.5%;}
.comTable.txtSmallS th,
.comTable.txtSmallS td,
.comTable2.txtSmallS th,
.comTable2.txtSmallS td,
.comTable3 table.txtSmallS th,
.comTable3 table.txtSmallS td{font-size:70%;}
.comQuoteAtn:before,
.comQuote:before,
.comQuoteAtn:after,
.comQuote:after,
.comMainDetail h2{font-size:500%;}
.comQuoteS:before,
.comQuoteS:after,
.comMainDetail h2.inTxtLong{font-size:400%;}
.comBdgAtn,
.comBdg{font-size:75%;}
.comBdgAtn:before,
.comBdg:before,
.comBdgAtn:after,
.comBdg:after{font-size:133%;}
.remodal-close:before {font-size:25px;}
.mhiYoutubeLoading {font-size: 10px;}
#comContent .comSecH1{font-size:625%;}
#comContent .comThiH1{font-size:600%;}
#comContent .comThiH1.inTxtLong{font-size:525%;}
.comLinkWrap > h2,
.comLinkWrap > .comH2 h2,
.comLinkWrap > h3{font-size:162.5%;}
.comSecLnkSetC2Ln li a .inTxt mark,
.comSecLnkSetC3Ln li a .inTxt mark{font-size:125%;}
.comMainDetail p .comBdgAtn{font-size:66.66%;}
.comHistoryContent h3{font-size:437.5%;}
.conTStrySec section > h2::after{font-size:200%;line-height:0.7;}
@media only screen and (max-width: 1366px){
.comKV figcaption{font-size:2.08vw;}
#comContent .comThiH1{font-size:6.66vw;}
#comContent .comThiH1.inTxtLong{font-size:5.83vw;}
.comMainDetail.comKV .inTxt h2{font-size:5.55vw;}
.comMainDetail.comKV .inTxt p{font-size:1.25vw;}
.comHistoryContent h3{font-size:4.86vw;}
.comInSdLnkC2 ul li,
.comInSdLnkC3 ul li,
.comInSdLnkC4 ul li,
.comInSdLnkC6 ul li,
.txtVersionBtn,
.mapVersionBtn{font-size:1.2vw;}
}
@media only screen and (max-width: 991px){
.comLnkSetC1 a .inTxt mark,
.comLnkSetC2 a .inTxt mark,
.comLnkSetC3 a .inTxt mark,
.comFrlLink > ul > li > h2,
.comSecLnkSetC2 li a .inTxt mark,
.comSecLnkSetC3 li a .inTxt mark{font-size:80%;}
	
.comSecLnkSetC3Ln li a .inTxt{font-size:1.7vw;}
.comKV figcaption{font-size:3.02vw;}
#comContent .comThiH1{font-size:9.68vw;}
#comContent .comThiH1.inTxtLong{font-size:8.4vw;}
.comMainDetail.comKV .inTxt h2{font-size:8.07vw;}
.comMainDetail.comKV .inTxt p{font-size:1.81vw;}
.comHistoryContent h3{font-size:7.06vw;}
.comInSdLnkC2 ul li,
.comInSdLnkC3 ul li,
.comInSdLnkC4 ul li,
.comInSdLnkC6 ul li,
.txtVersionBtn,
.mapVersionBtn{font-size:1.81vw;}
}
@media only screen and (max-width: 480px){
/* setting font-size */
h1,
.conTStrySec h3{font-size:171%;}
.conTStrySec h2{font-size:171.42%;}
h2,
.conTStrySec h4,
.comTstryRelated .inTtl *{font-size:157.14%;}
h3,.comH3,
.conTStrySec h5{font-size:142.85%;}
h4,
.conTStrySec h6,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{font-size:128.57%;}
h5,
tr.txtLarge th,
tr.txtLarge td{font-size:114.28%;}
h1 .comBdg,h2 .comBdg,h3 .comBdg,h4 .comBdg,h5 .comBdg,h6 .comBdg{font-size:10px;font-weight:normal;}
/* setting line-height */
.conTStrySec{line-height:1.65;}
.conTStrySec h3{line-height:1.16;}
h2,h3,
.conTStrySec h4,.conTStrySec h6,
.comMainLineBox .inTtlS{line-height:1.2;}
.conTStrySec h5{line-height:1.3;}
h5{line-height:1.33;}

/* component setting font-size */
.comSecLnkSetC3Ln li a .inTxt,
.comMainDetail p,
.comMainDetail.comKV .inTxt p,
.comWorksDetail h1 + p{font-size:100%;}
.comH1 .inRight .snsWrap p{font-size:171.42%;}
.comKV figcaption{font-size:157.14%;}
.comQuoteAtn:before,
.comQuote:before,
.comQuoteS:before,
.comQuoteAtn:after,
.comQuote:after,
.comQuoteS:after{font-size:350%;}
.comQuote figure,
.comQuoteS figure{width:46.25%;}
.comFrlLink > ul > li > h2,
.comLinkWrap > h2,
.comLinkWrap > .comH2 h2,
.comLinkWrap > h3{font-size:142.85%;}
.comFrlLink > ul > li > .comLnkSetLn a .inTxt mark,
.comSecLnkSetC4 li a .inTxt mark{font-size:114.28%;}
#comContent .comSecH1{font-size:285.71%;}
#comContent .comThiH1,
.comHistoryContent h3{font-size:214.28%;}
#comContent .comThiH1.inTxtLong{font-size:185.71%;}
.comSecLnkSetC2 li a .inTxt mark,
.comSecLnkSetC3 li a .inTxt mark{font-size:157%;}
.comSecLnkSetC2Ln li a .inTxt mark,
.comSecLnkSetC3Ln li a .inTxt mark{font-size:128.57%;}
.comLinkWrap .comSecLnkSetC3 li a .inTxt mark,
#comMainContent > .comKV h1 + .inRight .snsWrap p{font-size:171.42%;}
.comMainDetail h2,
.comMainDetail h2.inTxtLong,
.comMainDetail.comKV .inTxt h2{font-size:200%;}
.comDataExhibition .comTable th,
.comDataExhibition .comTable td{font-size:75%;}
.comWorksSlider button{font-size:0;}
.comHisNav p{font-size:71.42%;}
.conTStrySec section > h2::after{font-size:208%;}
.comInSdLnkC2 ul li,
.comInSdLnkC3 ul li,
.comInSdLnkC4 ul li,
.comInSdLnkC6 ul li,

.txtVersionBtn,
.mapVersionBtn{font-size:100%;}
}
@media only screen and (max-width: 270px){
.comInSdLnkC3 li a span,
.comInSdLnkC6 li a span{font-size:3.2vw;}
}