/* font-size setting
-------------------------------------------------------*/
/* font base */
@font-face{
font-family:"Noto Sans CJK JP DemiLight";
src:url("notosanscjkjp/NotoSansCJKjp-DemiLight.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-DemiLight.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Regular";
src:url("notosanscjkjp/NotoSansCJKjp-Regular.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Regular.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Regular.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Regular.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Medium";
src:url("notosanscjkjp/NotoSansCJKjp-Medium.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Medium.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Medium.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Medium.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face{
font-family:"Noto Sans CJK JP Bold";
src:url("notosanscjkjp/NotoSansCJKjp-Bold.eot?#iefix");
src:url("notosanscjkjp/NotoSansCJKjp-Bold.eot?#iefix") format("eot"),url("notosanscjkjp/NotoSansCJKjp-Bold.woff2") format("woff2"),url("notosanscjkjp/NotoSansCJKjp-Bold.woff") format("woff"),url("notosanscjkjp/NotoSansCJKjp-Bold.ttf") format("truetype");
}
body{
font-size:17px;
line-height:1.8;
}
body,
form,
select,
option{
font-feature-settings:"palt";
font-family: "Noto Sans CJK JP DemiLight","MS Pゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

h1,h2,h3,h4,h5,h6,.comSecH1, .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,
#headMenu .hnav li,
#headMenu .headLink,
#headMenu .headLang,
#gnav .headLang,
.comTopExpertiseLink .inTxt mark,
.comTopCareers a,
.comTopGn a,
.comTopAbout a,
.comFotBnrLinkC2 .inTxt mark,
.comFotBnrLinkC4 .inTxt mark,
.comExpertiseLink ul li a .inTxt mark,
.comExpertiseAmKvDetail .inCategory span,
.comExpertiseAmKvDetail .comThiH1 + p,
.comExpertiseAmRelLnk .inTitle,
.comExpertiseAmLnkSetC2Ln li a .inTxt mark,
.comExpertiseAmRelLnk ul li a .inTxt mark,
.comProductsLnkSetC3 .expandFieldClose,
.comProductsLnv ul li,
.comRecCareerHr .comH2 .inTop p,
.comThiH1,
.comCsrLnkSetC3Ln ul li a .inTxt mark,
.comMainLineBox .inTtlS,
.comMainLineBox .inNameLead,
.comMainLineBox .inType,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inType,
.comBoxListsC4 .inList .inClm mark,
.comDataBox dt,
.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,
.comExhibitionGuide .guideMenu li,
.comMssquareOutline .comKV .inNum li,
.comMssquareOutline .comTabSetC4 ol > li > a .inNum,
.comMssquareOutline .comTabSetC4 .expandField dl dt,
.comAboutus .reviewBox .inTxt mark,
.comIntroduction .conceptList mark,
.comIntroduction .worldBox .dataBox dt,
.comIntroduction .otherBox ul li mark,
.comIntroduction #track .trackDetail ul li mark,
#comSide .menu li.lnavSubTtl,
#comSide h2,
#gnav nav ul li p a,
.cookieAlertBox .cookieApprovalBtn,
.comLstAtnStg li,
.comProductsItem #comMainContent .comMain .comLead,
.comForm input[type="submit"], .comForm input[type="reset"], .comForm input[type="button"], .comForm .btnSabmit, .comForm .btnReset, .comForm .btnButton,
.comHeaderShortLocalNav li{
font-family: 'Noto Sans CJK JP Medium', Arial, Helvetica, sans-serif;
}

#gnav .catTl p,.comMainDetail h2,.comWorksDetail h1,.comFinanceClm4 strong,
.comProductsItem .comMain .comLead,
.comDataBox dd,
.comRecruit .shinsotsuBox .linkKv .inTxt b,
.comIntroduction section h2{
font-family: 'Noto Sans CJK JP Bold', Arial, Helvetica, sans-serif;
}
input,
select option,
#comSide .menu li li,
.comProductsSearch input,
.comProductsItem .comH1 h1 .kw,
#sideSearch input,
.conTStrySec section > h2::after,
.comExpertiseEvent .comTtlWrap .inTtl .comBdgAtn,
.comIntroduction .worldBox .dataBox dd,
.comRecruit .shinsotsuBox .comLnkSetC4 mark{
font-family: 'Noto Sans CJK JP DemiLight', Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 480px){
	h1,h2,.comSecH1,
	.comRecruitKv p,
	.comRecruitNews dt{
	font-family: 'Noto Sans CJK JP Bold', Arial, Helvetica, sans-serif;
	}
	.comFinanceClm4 li:nth-child(2) dt strong,
	.comFinanceClm4 li:nth-child(3) dt strong,
	.comRecruitKv p .comBdg{
	font-family: 'Noto Sans CJK JP DemiLight', Arial, Helvetica, sans-serif;
	}
	.comAboutus h2,
	.comFinanceClm4 li:nth-child(2) dd b,
	.comFinanceClm4 li:nth-child(3) dd b,
	.comViewMore,
	.comRecruitKv p .linkTxt,
	.comProductsItem .comMain .comLead{
	font-family: 'Noto Sans CJK JP Medium', Arial, Helvetica, sans-serif;
	}
}

/* reset *//* add */
.comQAIcn dl dt:before,
.comQA dl dt:before,
.comFinanceDenshika .comDenshikaQIcon::before{font-family: 'Noto Sans CJK JP DemiLight', Arial, Helvetica, sans-serif;}

@media only screen and (max-width: 1440px){
/* font base */
body{
font-size:1.16vw;
}
}
@media only screen and (max-width: 1366px){
/* font base */
body{
font-size:17px;
}
}
@media only screen and (max-width: 991px){
/* font base */
body{
font-size:17px;
}
}
@media only screen and (max-width: 480px){
/* font base */
body{
font-size:13px;
}
}

/* 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%;}
.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%;}


/* setting font-size */
h1,
.conTStrySec h3{font-size:226.66%;}
.conTStrySec h2{font-size:313.33%;}
h2,
.conTStrySec h4{font-size:186.66%;}
h3,.comH3,
.conTStrySec h5{font-size:146.66%;}
h4,
.conTStrySec h6,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{font-size:126.66%;}
h5,
tr.txtLarge th,
tr.txtLarge td{font-size:113.33%;}
/* setting line-height */
h1,h2,h3,
.conTStrySec h4,.conTStrySec h5,
.comMainLineBox .inTtlS{line-height:1.4;}
h4,h5,
.conTStrySec h6,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{line-height:1.4;}
h6{line-height:1.5;}

/* component setting font-size */
.comKV figcaption{font-size:186.66%;}
.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:130%;}
.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:113.33%;}
.comLstAtn.txtLarge > li,
.comLstLkAtn.txtLarge > li,
.comLstLkAtnC2.txtLarge > li{font-size:140%;}
.comLstAtn.txtSmall > li,
.comLstLkAtn.txtSmall > li,
.comLstLkAtnC2.txtSmall > li{font-size:100%;}
.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:86.66%;}
.comMainDetail h2{font-size:503%;}
.comMainDetail h2.inTxtLong{font-size:402%;}
.comBdgAtn,
.comBdg{font-size:73.33%;}
.comBdgAtn:before,
.comBdg:before,
.comBdgAtn:after,
.comBdg:after{font-size:136.36%;}
.remodal-close:before {font-size:23px;}
.mhiYoutubeLoading {font-size: 10px;}
#comContent .comSecH1{font-size:506.66%;}
#comContent .comThiH1{font-size:480%;}
#comContent .comThiH1.inTxtLong{font-size:413.33%;}
.comLinkWrap > h2,
.comLinkWrap > .comH2 h2,
.comLinkWrap > h3{font-size:160%;}
.comSecLnkSetC2Ln li a .inTxt mark,
.comSecLnkSetC3Ln li a .inTxt mark{font-size:126.66%;}
.comMainDetail p .comBdgAtn{font-size:64.7%;}
.comHistoryContent h3{font-size:440%;}
.conTStrySec section > h2::after{font-size:200%;line-height:0.7;}

@media only screen and (max-width: 1366px){
.comKV figcaption{font-size:1.94vw;}
#comContent .comThiH1{font-size:5vw;}
#comContent .comThiH1.inTxtLong{font-size:4.3vw;}
.comMainDetail.comKV .inTxt h2{font-size:5.27vw;}
.comMainDetail.comKV .inTxt p{font-size:1.16vw;}
.comHistoryContent h3{font-size:4.58vw;}
.txtVersionBtn,
.mapVersionBtn{font-size:1.16vw;}
}
@media only screen and (max-width: 991px){
.comSecLnkSetC3Ln li a .inTxt{font-size:1.61vw;}
.comKV figcaption{font-size:2.82vw;}
#comContent .comThiH1{font-size:7.26vw;}
#comContent .comThiH1.inTxtLong{font-size:6.25vw;}
.comMainDetail.comKV .inTxt h2{font-size:7.66vw;}
.comMainDetail.comKV .inTxt p{font-size:1.71vw;}
.comHistoryContent h3{font-size:6.65vw;}
.txtVersionBtn,
.mapVersionBtn{font-size:1.71vw;}
}
@media only screen and (max-width: 480px){
/* setting font-size */
h1,
.conTStrySec h3{font-size:176.92%;}
.conTStrySec h2{font-size:176.92%;}
h2,
.conTStrySec h4{font-size:161.53%;}
h3,.comH3,
.conTStrySec h5{font-size:146.15%;}
h4,
.conTStrySec h6,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{font-size:130.76%;}
h5,
tr.txtLarge th,
tr.txtLarge td{font-size:115.38%;}
/* setting line-height */
h1,h2,h3,h4,
.conTStrySec h4,.conTStrySec h5,
.comMainLineBox .inTtlS,
.comMainLineBox .inListC2 mark,
.comBoxListsC4 .inList .inClm mark{line-height:1.2;}
h5,h6{line-height:1.3;}
comNote li,
.comNoteM li,
.comNoteNum li,
.comNoteMNum li,
figure img + figcaption,
.comCap{line-height:1.3;}

/* 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:176.92%;}
.comKV figcaption{font-size:161.53%;}
.comQuote figure,
.comQuoteS figure{width:46.25%;}
.comFrlLink > ul > li > h2,
.comLinkWrap > h2,
.comLinkWrap > .comH2 h2,
.comLinkWrap > h3{font-size:146.15%;}
.comFrlLink > ul > li > .comLnkSetLn a .inTxt mark,
.comSecLnkSetC4 li a .inTxt mark{font-size:115.38%;}
#comContent .comSecH1{font-size:215.38%;}
#comContent .comThiH1,
.comHistoryContent h3{font-size:215.38%;}
#comContent .comThiH1.inTxtLong{font-size:192.3%;}
.comSecLnkSetC2 li a .inTxt mark,
.comSecLnkSetC3 li a .inTxt mark{font-size:161.53%;}
.comSecLnkSetC2Ln li a .inTxt mark,
.comSecLnkSetC3Ln li a .inTxt mark{font-size:130.76%;}
.comLinkWrap .comSecLnkSetC3 li a .inTxt mark,
#comMainContent .comKV h1 + .inRight .snsWrap p{font-size:176.92%;}
.comMainDetail h2,
.comMainDetail h2.inTxtLong,
.comMainDetail.comKV .inTxt h2{font-size:200%;}
.comDataExhibition .comTable th,
.comDataExhibition .comTable td{font-size:76.92%;}
.comWorksSlider button{font-size:0;}
.comHisNav p{font-size:76.92%;}
.conTStrySec section > h2::after{font-size:208%;}
.txtVersionBtn,
.mapVersionBtn{font-size:100%;}
}


/* --------------------------------------------
component
----------------------------------------------- */


/* CB-txt
------------------------------- */
/* CB-notes-01 */
.comNote li{padding-left:2em;}
.comNoteNum li{padding-left:3.1em;}
.comNote li:before{content:"(注)";}
.comNoteNum li .inNum:before{content:"(注";}


/* .comLnkSetC1-4 */
.comLnkSetC1 .inTxt mark,
.comLnkSetC2 .inTxt mark,
.comLnkSetC3 .inTxt mark,
.comLnkSetC4 .inTxt mark{display:block;padding-bottom:0.5em;line-height:1.1;}
/* .comSecLnkSetC2 -3 */
.comSecLnkSetC2 li a .inTxt mark,
.comSecLnkSetC3 li a .inTxt mark{display:block;line-height:1.1;padding-bottom:0.5em;}

/* 3 column */
/*.comLnkSetC3 li,
.comLnkSetC3Ln li,*/
.comLstC3 li,
.comLstLkC3 li,
.comLstLkNrC3 li,
.comLstNumC3 li,
.comLstRmnC3 li,
.comLstRmnSC3 li,
.comLstAlphC3 li,
.comLstAlphSC3 li/*,
.comDlstAtnC3 dl,
.comDlstC3 dl,
.comDlstImgC3 li,
.comDlstImgLnC3 li,
.comSecLnkSetC3 li,
.comSecLnkSetC3Ln li*/{width:33%;}

@media only screen and (max-width: 480px){
/* 2 column */
/*.comLnkSetC4 li,*/
.comLstC2 li,
.comLstC3 li,
.comLstC4 li,
.comLstLkAtnC2 li,
.comLstLkC2 li,
.comLstLkC3 li,
.comLstLkC4 li,
.comLstLkNrC2 li,
.comLstLkNrC3 li,
.comLstLkNrC4 li,
.comLstNumC2 li,
.comLstNumC3 li,
.comLstNumC4 li,
.comLstRmnC2 li,
.comLstRmnC3 li,
.comLstRmnC4 li,
.comLstRmnSC2 li,
.comLstRmnSC3 li,
.comLstRmnSC4 li,
.comLstAlphC2 li,
.comLstAlphC3 li,
.comLstAlphC4 li,
.comLstAlphSC2 li,
.comLstAlphSC3 li,
.comLstAlphSC4 li/*,
.comPlugin a,
.comSecLnkSetC4 li,
.comLinkWrap .comSecLnkSetC3 li*/{width:49%;}
}

/* comKvInH1 */
#comMainContent .comKV h1{bottom:23px;line-height:1.1;}
#comMainConPosi > .comKV h1{bottom:30px;}

@media only screen and (max-width: 1440px){
	#comMainContent .comKV h1{bottom:2.3rem;}
	#comMainContent .comKV h1 + .inRight{bottom:2.6rem;}
	#comMainConPosi > .comKV h1{bottom:3rem;}
}
@media only screen and (max-width: 991px){
	#comMainContent .comKV h1 + .inRight{bottom:2.8rem;}
}
@media only screen and (max-width: 480px){
	#comMainContent .comKV h1 + .inRight{bottom:2rem;}
}

/* CB-Lst
------------------------------- */
.comLstNum > li, .comLstNumC2 > li, .comLstNumC3 > li, .comLstNumC4 > li{
margin-top:0.8em;
line-height:1.8;
}

/* SECOND / THIRD INDEX
------------------------------- */
#comContent .comSecH1{/*margin-top:-22px;*/margin-top:0;}
@media only screen and (max-width: 1440px){
#comContent .comSecH1{/*margin-top:-1.27rem;*/margin-top:0;}
}
@media only screen and (max-width: 991px){
#comContent .comSecH1{/*margin-top:-1.65rem;*/margin-top:0;}
}
@media only screen and (max-width: 480px){
#comContent .comSecH1{margin-top:2rem;padding-bottom:6px;padding-top:0;}
}

/* comSecLnkSetC2-comSecLnkSetC3Ln, comLnkSetC1-comLnkSetC4
------------------------------- */
.comMainLineBox .inListC2 a mark::after,
table.border a:after,
.comLstAtnStg li a::after,
.comH2 .inRight p a:after,
h3 a::after,
h4 a::after,
h5 a::after,
h6 a::after,
.comAttn dl dd a:after,
.comLnkSetC1 a .inTxt mark:after,
.comLnkSetC2 a .inTxt mark:after,
.comLnkSetC3 a .inTxt mark:after,
.comLnkSetC4 a .inTxt mark:after,
.comLnkSetC2Ln a .inTxt mark:after,
.comLnkSetC3Ln a .inTxt mark:after,
.comLstLkAtn > li a:after,
.comLstLkAtnC2 > li a:after,
.comLstLk > li a:after,
.comLstLkR > li a:after,
.comLstLkNr > li a:after,
.comLstLkNrR > li a:after,
.comLstLkC2 > li a:after,
.comLstLkNrC2 > li a:after,
.comLstLkC3 > li a:after,
.comLstLkNrC3 > li a:after,
.comLstLkC4 > li a:after,
.comLstLkNrC4 > li a:after,
.comLstLkIlne > li a:after,
.comLstLkNrIlne > li a:after,
.comTable td a:after,
.comTable02 td a:after,
.comTable03 td a:after,
.comLnkBtn a::after,
.comFrlLink > ul > li > .comLnkSetLn a .inTxt mark:after,
.comContactLkAtn li a::after,
.comSecLnkSetC2 li a .inTxt mark:after,
.comSecLnkSetC3 li a .inTxt mark:after,
.comSecLnkSetC4 li a .inTxt mark:after,
.comSecLnkSetC2Ln li a .inTxt mark:after,
.comSecLnkSetC3Ln li a .inTxt mark:after,
.comMssquareLineBox h2 + h3 a::after,
.comMssquareLineBox .comLstLkAtn li a::after,
.comBoxLists .comBoxListsClm .inTtlWrap .inTtl a::after,
.comBoxListsC3 .comBoxListsClm .inSubTtl a::after,
.comBoxListsC4 .inList .inClm a mark::after,
.comMainLineBox .inTtlS a::after,
.comMainLineBox a .inTtlS::after,

.comTopAbout a::after,/* add style for each page originally */
.comAboutus .reviewBox .inTxt mark::after,
.comIntroduction #track .trackDetail .trackList li a::after,
.comExpertiseLink ul li a .inTxt mark::after,
.comExpertise .comExpertiseAcvTtl + .comSecLnkSetC3 ul li mark::after,
.comExpertiseAmRelLnk ul li a .inTxt mark::after,
.comExpertiseAmLnkSetC2Ln ul li a .inTxt mark::after,
.comFinanceLnkBtn li.comFinanceTxtLnk a:after,
.comFinanceClm4 li:nth-child(4) a:after,
.comFinanceKv .comLnkSetC2 a .inTxt mark:after,
.comFinanceDenshika .comDenshikaALk li a span::after,
.comCareers .comSecH1 + .inRight a:after,

#comSide .shortcutMenu li a::after,/* add style for wrapper */
#comSide .otherMenu li a::after,
.cookieAlertBox p a::after{width:0.6em;height:0.9em;}

.comLnkBtn.txtWhite a:hover:after{content:"";display:inline-block;vertical-align:baseline;margin-bottom:-0.1em;width:0.6em;height:0.9em;margin-left:9px;background:url(/common/images/txt_link_arrow_icn.svg) no-repeat center;background-size:auto 100%;}
.comFinanceClm4 li:nth-child(4) a:hover:after{width:0.6em;height:0.9em;}

/* --------------------------------------------
others
----------------------------------------------- */
/* About Us */
.comAboutusKv{margin-top:36px;}
.comAboutus .aboutmhiBox .aboumhiTtl h2{font-size:176.47%;}
.comAboutus .reviewBox h2{font-size:160%;}
.comAboutus .reviewBox .reviewLnk .inTxt mark{font-size:146.66%;line-height:1.3;}
#comContent .comBrandFrame h2{
font-size:350%;
}


@media only screen and (max-width: 1440px){
.comAboutusKv{margin-top:2.5vw;}
}
@media only screen and (max-width: 991px){
.comAboutusKv{margin-top:4.68vw;}
}
@media only screen and (max-width: 480px){
.comAboutusKv{margin-top:15px;}
.comAboutus .aboutmhiBox .aboumhiTtl h2{font-size:130.76%;}
.comAboutus .reviewBox h2{font-size:130.76%;}
.comAboutus .reviewBox .inTxt mark{font-size:115.38%;}
}

/* comIntroduction */
.comIntroductionKv .anchorBox li{font-size:200%;}
.comIntroduction #know{padding-top:60px;}
.comIntroduction section h2{font-size:966.66%;margin-top:0;}
.comIntroduction .conceptList li mark{font-size:200%;line-height:1.3;}
.comIntroduction .conceptList li:first-child .inImgTtl mark{font-size:506.66%;line-height:1.3;}
.comIntroduction .conceptList li:first-child .inImgTtl mark span{letter-spacing:-0.2em;}
.comIntroduction .worldBox .dataBox{top:160px;}
.comIntroduction .worldBox .dataBox dt{font-size:900%;line-height:1.3;}
.comIntroduction .worldBox .dataBox dd{font-size:200%;line-height:1.2;}
.comIntroduction .otherBox ul li .inTxt{width:408px; margin:36px auto;}
.comIntroduction .otherBox ul li mark{text-align:left;font-size:200%;line-height:1.3;}
.comIntroduction #track .trackDetail .trackList li mark{font-size:200%;line-height:1.3;}
@media only screen and (max-width: 1440px){
.comIntroductionKv .anchorBox li{font-size:2.08vw;}
.comIntroduction #know{padding-top:4.16vw;}
.comIntroduction section h2{font-size:10.06vw;}
.comIntroduction .conceptList li mark{font-size:2.08vw;}
.comIntroduction .conceptList li:first-child .inImgTtl mark{font-size:5.27vw;}
.comIntroduction .conceptList li:first-child .inImgTtl mark span{letter-spacing:-0.2em;}
.comIntroduction .worldBox .dataBox{top:11.11vw;}
.comIntroduction .worldBox .dataBox dl:first-child{margin-right:9.3vw;}
.comIntroduction .worldBox .dataBox dt{font-size:10.06vw;}
.comIntroduction .worldBox .dataBox dd{font-size:2.08vw;}
.comIntroduction .otherBox ul li .inTxt{width:28.33vw;margin:2.5vw auto;}
.comIntroduction .otherBox ul li mark{font-size:2.08vw;}
.comIntroduction #track .trackDetail .trackList li mark{font-size:2.08vw;}
}
@media only screen and (max-width: 991px){
.comIntroductionKv .anchorBox li{font-size:3.9vw;}
.comIntroduction #know{padding-top:6.11vw;}
.comIntroduction section h2{margin-top:6.11vw;}
.comIntroduction .conceptList li mark{font-size:3.02vw;}
.comIntroduction .worldBox .dataBox dl:first-child{margin-right:13.54vw;}
.comIntroduction .otherBox ul li .inTxt{width:100%;margin:3.64vw auto;}
.comIntroduction .otherBox ul li mark{font-size:3.02vw;}
}
@media only screen and (max-width: 480px){
.comIntroductionKv .anchorBox li{font-size:115%;}
.comIntroduction #know{padding-top:20px;}
.comIntroduction section h2{font-size:384.61%;line-height:1.2;}
.comIntroduction .conceptList li mark{font-size:130.76%;}
.comIntroduction .conceptList li:first-child .inImgTtl mark{font-size:130.76%;}
.comIntroduction .conceptList li:first-child .inImgTtl mark br{display:none;}
.comIntroduction .conceptList li:first-child .inImgTtl mark span{letter-spacing:0;}
.comIntroduction .worldBox .dataBox{top:0;}
.comIntroduction .worldBox .dataBox dt{font-size:369.23;}
.comIntroduction .worldBox .dataBox dd{font-size:100%;line-height:1.5;}
.comIntroduction .otherBox ul li .inTxt{margin:18px auto 0;}
.comIntroduction .otherBox ul li mark{font-size:130.76%;}
.comIntroduction #track .trackDetail .trackList li mark{font-size:130.76%;}
}

/* Products
------------------------------- */
.comProductsItem .comMain .comLead{font-size:180%;line-height:1.4;}
.comProductsLnkSetC3ln ul li a .inTxt mark{line-height:1.5;}

/* Csr
------------------------------- */
#comContent h1{padding-bottom:20px;padding-top:0;}
.comCsrKv{margin-top:36px;height:550px;background:url(/jp/csr/images/index_kv.png) no-repeat center center; background-size:cover;}
.comCsrKv figure{display:none;}
.comCsrKv .comConPosi{height:100%;}
.comCsrLnkSetC3Ln{padding-bottom:0;border-bottom:none;position:absolute;bottom:45px;left:0;width:100%;}
.comCsrLnkSetC3Ln ul{padding-top:0;}
.comCsrLnkSetC3Ln ul li{padding-top:0;padding-bottom:0;width:408px;overflow:hidden;}
.comCsrLnkSetC3Ln ul li:nth-child(1){border-right:solid 1px #fff;}
.comCsrLnkSetC3Ln ul li:nth-child(3){border-left:solid 1px #fff;}
.comCsrLnkSetC3Ln ul li a{color:#fff;}
.comCsrLnkSetC3Ln ul li a:hover{color:#ccc;}
.comCsrLnkSetC3Ln ul li.fb a{padding-left:15px;}
.comCsrLnkSetC3Ln ul li a img{width:22.05%;}
.comCsrLnkSetC3Ln ul li.fb a img{width:13.99%;padding-right:30px;}
.comCsrLnkSetC3Ln ul li a .inTxt{width:77.95%;padding-top:8px;}
.comCsrLnkSetC3Ln ul li.noneImg a .inTxt{width:100%;}
.comCsrLnkSetC3Ln ul li.fb a .inTxt{width:86.01%;}
.comCsrLnkSetC3Ln ul li a .inTxt mark{color:#fff;font-size:129.41%;line-height:1.31;}
.comCsrLnkSetC3Ln ul li a:hover .inTxt mark{color:#ccc;}
.comCsrLnkSetC3Ln ul li a .inTxt .comPdf:after{background-image:url(/common/images/pdf_white_icn.svg) !important;}
.comCsrLnkSetC3Ln ul li a .inTxt .comNewWin:after{background-image:url(/common/images/win_white_icn.svg) !important;}
@media only screen and (max-width: 1440px){
.comCsrKv{margin-top:2.5vw;height:38.19vw;}
.comCsrLnkSetC3Ln{bottom:3.12vw;}
.comCsrLnkSetC3Ln ul li{width:28.33vw;}
.comCsrLnkSetC3Ln ul li.fb a{padding-left:1.04vw;}
.comCsrLnkSetC3Ln ul li.fb a img{padding-right:2.08vw;}
}
@media only screen and (max-width: 991px){
.comCsr > .comConPosi:first-child{width:91.66vw;}
.comCsrKv{margin-top:4.68vw;height:52.08vw;}
.comCsrKv .comConPosi{width:91.66vw;}
.comCsrLnkSetC3Ln{bottom:5.85vw;}
.comCsrLnkSetC3Ln ul li{width:28.12vw;}
.comCsrLnkSetC3Ln ul li.fb a{padding-left:1.82vw;}
.comCsrLnkSetC3Ln ul li a img{width:30.2%;padding-right:1.82vw;}
.comCsrLnkSetC3Ln ul li.fb a img{width:15.67%;padding-right:1.82vw;}
.comCsrLnkSetC3Ln ul li a .inTxt{width:69.8%;padding-top:0.55vw;}
.comCsrLnkSetC3Ln ul li.fb a .inTxt{width:84.33%;}
.comCsrLnkSetC3Ln ul li a .inTxt mark{font-size:126.66%;}
}
@media only screen and (max-width: 600px){
.comCsrKv{height:76.82vw;}
}
@media only screen and (max-width: 480px){
.comCsr > .comConPosi:first-child{width:auto;margin:0 20px;}
.comCsrKv{background-image:none;height:auto; margin-top:15px;}
.comCsrKv .comConPosi{width:auto;margin:0 20px;}
.comCsrKv figure{display:block;}
.comCsrLnkSetC3Ln{position:relative;bottom:auto;top:0;}
.comCsrLnkSetC3Ln ul li{display:block;padding-top:14px;padding-bottom:14px;width:100%;border-bottom:solid 1px #747474;}
.comCsrLnkSetC3Ln ul li:nth-child(1){padding-right:0;border-right:none;}
.comCsrLnkSetC3Ln ul li:nth-child(2){padding-right:0;padding-left:0;}
.comCsrLnkSetC3Ln ul li:nth-child(3){padding-left:0;border-left:none;}
.comCsrLnkSetC3Ln ul li.noneBorder{border-bottom:none;}
.comCsrLnkSetC3Ln ul li a{color:#000;}
.comCsrLnkSetC3Ln ul li a:hover{color:#666;}
.comCsrLnkSetC3Ln ul li.fb a{padding-left:0;}
.comCsrLnkSetC3Ln ul li a img{width:22.14%;padding-right:18px;}
.comCsrLnkSetC3Ln ul li.fb a img{width:22.14%;padding-left:14px;padding-right:28px;}
.comCsrLnkSetC3Ln ul li a .inTxt{width:77.86%;padding-top:2px;}
.comCsrLnkSetC3Ln ul li.noneImg a .inTxt{width:77.86%;float:right;}
.comCsrLnkSetC3Ln ul li.fb a .inTxt{width:77.86%;}
.comCsrLnkSetC3Ln ul li a .inTxt mark{font-size:115.38%;color:#000;}
.comCsrLnkSetC3Ln ul li a:hover .inTxt mark{color:#666;}
.comCsrLnkSetC3Ln ul li q .inTxt span{margin-top:0;}
.comCsrLnkSetC3Ln ul li a .inTxt .comPdf:after{width:11.5px;height:15px;background-size: 11.5px 15px;}
.comCsrLnkSetC3Ln ul li a .inTxt .comPdf:after{background-image:url(/common/images/pdf_ico.svg) !important;}
.comCsrLnkSetC3Ln ul li a .inTxt .comNewWin:after{background-image:url(/common/images/win_ico.svg) !important;}
}

/* Finance
------------------------------- */
/* comFinanceKv */
.comFinance .comHdDay{margin-top:9px;}
.comFinanceKv .comLnkSetC2 a .inTxt mark:after,
.comFinanceKv .comLnkSetC2 div.inNoLink .inTxt mark:after{width:23px;height:36px;margin-left:21.6px;margin-bottom:-0.1em;}
@media only screen and (max-width: 1440px){
.comFinance .comHdDay{margin-top:0.625vw;}
}
@media only screen and (max-width: 991px){
.comFinance .comHdDay{margin-top:1.17vw;}
}
@media only screen and (max-width: 480px){
.comFinance .comHdDay{margin-top:-4px;}
.comFinanceKv .comLnkSetC2 a .inTxt mark:after,
.comFinanceKv .comLnkSetC2 div.inNoLink .inTxt mark:after{width:12.09px;height:19px;margin-left:9.5px;margin-bottom:-0.05em;}
}


/* --------------------------------------------
header
----------------------------------------------- */
#headMenu .headLink{
font-size:15px;
margin-top:0;
line-height:1.2;
}
#headMenu .hnav ul li{
font-size:15px;
}
#headMenu .headLang strong,
#headMenu .headLang span,
#headMenu .headLang a{
font-size:15px;
}


/* global nav
----------------------------------------------- */
#gnav nav > ul > li{
font-size:17px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li{
font-size:17px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.recruitNv li{
font-size:15px;
}
#gnav nav > ul > li .megaDrop .close{
font-size:15px;
}
#gnav nav > ul > li .megaDrop .inner .catTl p{
font-size:60px
}
@media only screen and (max-width: 1440px){
	#gnav nav > ul > li .megaDrop .inner .catTl p{
	font-size:4vw
	}
}
#comContent h1.comSecH1{margin-top:15px;}
#comMainConPosi.comSecH1{margin-top:0;}
/* --------------------------------------------
breadcrumb
----------------------------------------------- */
ul#breadcrumb{
padding-top:4px;
padding-bottom:3px;
}


/* --------------------------------------------
content
----------------------------------------------- */
#comSide h2{
margin-bottom:15px;
}
/*#comSide .shortcutMenu li a::after,
#comSide .otherMenu li a::after{
width:9px;
height:13px;
margin-left:7.8px;
margin-bottom:-1px;
}*/
#comSide .menu > li,
#comSide .shortcutMenu li,
#comSide .otherMenu li{
font-size:17px;
}
#comSide .menu > li > ul li,
#comSide .shortcutMenu > li > ul li,
#comSide .otherMenu > li > ul li{
font-size:16px;
}
#comSide .menu > li > ul li > ul li{
font-size:15px;
}
#comSide .menu li.lnavSubTtl{
font-size:17px;
}
#comSide .menu > li,
#comSide .shortcutMenu > li,
#comSide .otherMenu > li{
margin-top:10px;
}
#comSide .menu > li > ul,
#comSide .shortcutMenu > li > ul,
#comSide .otherMenu > li > ul{
padding:15px 0;
}
#comSide .menu > li > ul li > ul{
padding-bottom:9px;
}
#comSide .menu > li > ul li > ul li{
margin-top:4px;
margin-bottom:0;
padding-left:0.6em;
}

/* side comLnTech */
#comSide .menu .comLnTech > li .comLnVol::before,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
top:0;
font-size:22.5px;
}
#comSide .menu .comLnTech > li .comLnVol.current::before,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol.current::before{
top:-0.1em;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
font-size:19.5px;
position:relative;
top:0.1em;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl.current::before{
top:0em;
}


/* --------------------------------------------
footer
----------------------------------------------- */
#footerLink{
padding-top:1px;
}


/* --------------------------------------------
cookie alert
----------------------------------------------- */
.cookieAlertBox p a{
font-size:86.66%;
}


@media only screen and (max-width: 1440px){
/* --------------------------------------------
header
----------------------------------------------- */
#headMenu .headLink,
#headMenu .hnav ul li,
#headMenu .headLang strong,
#headMenu .headLang span,
#headMenu .headLang a{
font-size:1.0vw;
}
#headMenu .headLink{
line-height:1.1;
margin-top:2px;
}


/* global nav
----------------------------------------------- */
#gnav nav > ul > li,
#gnav nav > ul > li .megaDrop,
#gnav nav > ul > li .megaDrop .inner .detail ul li{
font-size:1.16vw;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.recruitNv li{
font-size:1.16vw;
}
#gnav nav > ul > li .megaDrop .close{
font-size:1.04vw;
}

/* --------------------------------------------
breadcrumb
----------------------------------------------- */
ul#breadcrumb{
padding-top:0.27vw;
padding-bottom:0.2vw;
}


/* --------------------------------------------
content
----------------------------------------------- */
#comSide h2{
margin-bottom:1.04vw;
}
#comSide .shortcutMenu li a::after,
#comSide .otherMenu li a::after{
width:0.62vw;
height:0.9vw;
margin-left:0.54vw;
}
#comSide .menu > li,
#comSide .shortcutMenu li,
#comSide .otherMenu li,
#comSide .menu > li > ul li,
#comSide .shortcutMenu > li > ul li,
#comSide .otherMenu > li > ul li,
#comSide .menu li.lnavSubTtl{
font-size:1.16vw;
}
#comSide .menu > li > ul li > ul li{
font-size:1.0vw;
}
#comSide .menu > li > ul,
#comSide .shortcutMenu > li > ul,
#comSide .otherMenu > li > ul{
padding:1.04vw 0;
}
#comSide .shortcutMenu > li,
#comSide .otherMenu > li{
font-size:1.0vw;
}
#comSide .menu > li > ul li > ul{
padding-bottom:0;
}
#comSide .menu > li > ul li > ul li{
margin-top:0.27vw;
}

#comSide .menu .comLnTech > li .comLnVol::before{
font-size:1.5vw;
}
#comSide .menu .comLnTech > li.comLnGrp > ul > li{
font-size:0.9vw;
}
#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
font-size:1.35vw;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
font-size:1.17vw;
}


/* --------------------------------------------
footer
----------------------------------------------- */
#footerLink{
padding-top:0;
}
}


@media only screen and (max-width: 991px){
/* global nav
----------------------------------------------- */
#gnav nav > ul > li{
font-size:2.86vw;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li{
font-size:1.95vw;
}
#gnav nav > ul > li .megaDrop .inner .indexLink{
font-size:1.95vw;
}
#gnav nav > ul + ul li{
font-size:1.95vw;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.recruitNv li{
font-size:1.95vw;
}
#gnav .headLink{
font-size:1.95vw;
}
#gnav .headLang strong,
#gnav .headLang span,
#gnav .headLang a{
font-size:1.95vw;
}

/* --------------------------------------------
breadcrumb
----------------------------------------------- */
ul#breadcrumb{
padding-top:1.34vw;
padding-bottom:1.29vw;
}


/* --------------------------------------------
content
----------------------------------------------- */
#comSide h2{
margin-bottom:1.95vw;
}
#comSide .shortcutMenu li a::after,
#comSide .otherMenu li a::after{
width:1.17vw;
height:1.69vw;
margin-left:1.01vw;
}
#comSide .menu > li,
#comSide .shortcutMenu li,
#comSide .otherMenu li{
font-size:1.95vw;
}
#comSide .menu > li > ul li,
#comSide .shortcutMenu > li > ul li,
#comSide .otherMenu > li > ul li{
font-size:1.95vw;
}
#comSide .menu > li > ul li > ul li{
font-size:1.69vw;
}
#comSide .menu li.lnavSubTtl{
font-size:1.95vw;
}
#comSide .menu > li > ul,
#comSide .shortcutMenu > li > ul,
#comSide .otherMenu > li > ul{
padding:1.95vw 0;
}
#comSide .menu > li,
#comSide .shortcutMenu > li,
#comSide .otherMenu > li{
margin-top:1.3vw;
}
#comSide .menu > li > ul li > ul{
padding-bottom:0;
}
#comSide .menu > li > ul li > ul li{
margin-top:0.52vw;
}

#comSide .menu .comLnTech > li .comLnVol::before{
font-size:2.53vw;
}
#comSide .menu .comLnTech > li.comLnGrp > ul > li{
font-size:1.52vw;
}
#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
font-size:2.28vw;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
font-size:1.97vw;
}
}


@media only screen and (max-width: 480px){
/* global nav
----------------------------------------------- */
#gnav nav > ul > li{
font-size:16px;
}
#gnav nav > ul > li > a,
#gnav nav > ul > li > p a{
background-size:16px 9px;
padding:16px 16px 16px 0;
}
#gnav nav > ul > li .megaDrop .inner{
padding:16px 0px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(2),
#gnav nav > ul > li .megaDrop .inner .detail ul li{
font-size:13px;
}
#gnav nav > ul > li .megaDrop .inner .indexLink{
font-size:13px;
}
#gnav nav > ul + ul li{
font-size:13px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.recruitNv li{
font-size:13px;
}
#gnav .headLink{
font-size:13px;
}
#gnav .headLang strong,
#gnav .headLang span,
#gnav .headLang a{
font-size:13px;
}


/* --------------------------------------------
content
----------------------------------------------- */
#comSide h2{
margin-bottom:10px;
}
#comSide .shortcutMenu li a::after,
#comSide .otherMenu li a::after{
width:8px;
height:12px;
margin-left:6px;
}
#comSide .menu > li,
#comSide .shortcutMenu li,
#comSide .otherMenu li{
font-size:13px;
}
#comSide .menu > li > ul li,
#comSide .shortcutMenu > li > ul li,
#comSide .otherMenu > li > ul li{
font-size:13px;
}
#comSide .menu > li > ul li > ul li{
font-size:11px;
}
#comSide .menu li.lnavSubTtl{
font-size:13px;
}

#comSide .menu .comLnTech > li .comLnVol::before{
font-size:16.5px;
}
#comSide .menu .comLnTech > li.comLnGrp > ul > li{
font-size:10px;
}
#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
font-size:15px;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
font-size:13px;
}
}

/* --------------------------------------------
content
----------------------------------------------- */
#comContent .comExpertiseAmKvDetail .comThiH1{
line-height:1.2;
padding-top:0;
}
#comContent .comExpertiseAmKvDetail .comThiH1{
font-size:340%;
}
.comExpertiseAmKvDetail .comThiH1 + p,
.comExpertiseAmRelLnk ul li a .inTxt mark{
line-height:1.4;
}
@media only screen and (max-width: 1440px){
#comContent .comExpertiseAmKvDetail .comThiH1{
font-size:3.9vw;
}
}
@media only screen and (max-width: 480px){
	#comContent .comExpertiseAmKvDetail .comThiH1{
	font-size:214.28%;
	}
}