@charset "utf-8";

/*===========================================================
 default
===========================================================*/
/* tag
------------------------------ */
p{margin:0 0 15px;padding:0;}
a{color:#354573;text-decoration:underline;}
a:hover{opacity:0.7;color:#354573;text-decoration:none;}
input[id^="dnn_"][type="radio"],
input[name^="dnn"][type="radio"],
input[id^="dnn_"][type="checkbox"],
input[name^="dnn"][type="checkbox"]{display:inline-block;position:relative;top:-1px;width:1em;height:1em;margin:0 4px 0 5px;vertical-align:middle;}
/* --- img --- */
img{max-width:100%;}
.FileManager img{max-width:inherit;}
/* --- dl --- */
dl{margin:0;padding:8px;}
dl + dl{border-top:1px solid #ccc;}
dl:after{content:"";display:block;clear:both;}
dl dt{float:left;clear:both;width:30%;margin:0;}
dl dd{overflow:hidden;float:left;width:68%;margin:0;}
/* --- title --- */
h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;line-height:1.2;}
h1{padding:0;font-size:200%;}
h2{border-bottom:#2e2e2e solid 1px;color:#354573;font-size:175%;}
h2 a{color:#fff;}
h2 a:hover{opacity:0.7;color:#fff;}
h2.borderBlueHeading{margin:2em 0 2em;padding:0.7em;border:none;border-left:#354573 solid 8px;background-color:#f2f4f7;color:#212121;font-size:150%;}
h2.borderGreenHeading{margin:2em 0 2em;padding:0.7em;border:none;border-left:#afc03d solid 8px;background-color:#f3f4e9;color:#212121;font-size:150%;}
h2.titleType02{padding:19px 34px 17px;border:none;background-color:#354573;color:#fff;font-size:150%;}
h2.titleType02.lightBlue{background-color:#4b809a;}
h2.titleType02 a{display:block;text-decoration:none;}
h2.titleType02 a:after{content:"";display:inline-block;position:relative;transform:rotate(45deg);width:0.5em;height:0.5em;margin:0 0 5px 5px;border:3px solid #fff;border-bottom:0;border-left:none;vertical-align:middle;}
h2:before,
h2:after{display:none;}
h3{color:#222;font-size:150%;}
h3.backColorBlueTitle{padding:0.5em 0.75em;background-color:#354573;color:#fff;}
h3.backColorBlueTitle a{color:#fff;}
h4{padding:0;font-size:137.5%;}
h5{padding:0;font-size:125%;}
h6{padding:0;font-size:112.5%;}
.ContentPane h2:not(.noMarginLess):first-of-type{margin-top:0;}

/* animation
------------------------------ */
a,
a:link,
a:visited,
a:before,
a:after,
a img,
input[type="submit"]:not(.submitBtn),
button{transition-delay:0s;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-property:opacity,border,background,color,width,height,font-size,padding;}

/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

/*========================================================
 base.css
========================================================*/
/* linkBtn
------------------------------ */
a.linkBtn,
.linkBtn a{position:relative;padding:20px 4em;background-color:#354573;color:#fff;line-height:1.2;text-decoration:none;}
a.linkBtn:before,
.linkBtn a:before{content:"";display:block;position:absolute;top:0;right:27px;bottom:0;transform:rotate(45deg);width:12px;height:12px;margin:auto 0;border:2px solid #fff;border-bottom:none;border-left:none;}
/* --- english --- */
._CHD-en a.linkBtn,
._CHD-en .linkBtn a{padding:20px 2.0em;}
._CHD-en a.linkBtn:before,
._CHD-en .linkBtn a:before{right:16px;width:10px;height:10px;}
/* --- shrink --- */
a.linkBtn.shrink,
.linkBtn.shrink a{padding:10px 2em;}
a.linkBtn.shrink:before,
.linkBtn.shrink a:before{right:14px;width:10px;height:10px;border-width:1px;}
/* --- bulge --- */
a.linkBtn.bulge,
.linkBtn.bulge a{padding:25px 5em;}

/* linkTxt
------------------------------ */
a.linkTxt,
.linkTxt a{padding-left:10px;text-decoration:none;}
a.linkTxt:before,
.linkTxt a:before{width:8px;background:linear-gradient(45deg,transparent 40%,#354573 40%,#354573 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#354573 40%,#354573 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:top left,bottom left;}

/* linkInpage
------------------------------ */
.linkInpage a,
a.linkInpage{display:block;margin:0;padding:10px 55px 11px;border:1px solid #354573;background-color:#fff;color:#354573;line-height:1.2;text-decoration:none;text-align:center;}
.linkInpage a:hover,
a.linkInpage:hover{opacity:1;background-color:#354573;color:#fff;text-decoration:none;}
a.linkInpage:before,
.linkInpage a:before{content:"";display:none;position:absolute;right:20px;bottom:7px;left:7px;left:auto;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:14px;height:14px;border:2px solid #354573;border-top-width:0;border-right-width:0;background:none;}
.linkInpage a:hover:before,
a.linkInpage:hover:before{border:2px solid #fff;border-top-width:0;border-right-width:0;}
ul.layoutItem.linkInpage a{align-items:center;justify-content:center;}

/* tableBasic
------------------------------ */
table.tableBasic{margin:0 0 30px;border:none;border-top:1px solid #ccc;}
table.tableBasic > * > tr{border-bottom:1px solid #ccc;}
table.tableBasic > * > tr > th,
table.tableBasic > * > tr > td{padding:1.25em;border:none;background-color:transparent;line-height:1.4;}
/* --- tableBasicType02 --- */
table.tableBasic.tableBasicType02{border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
table.tableBasic.tableBasicType02 > * > tr > th,
table.tableBasic.tableBasicType02 > * > tr > td{padding:0.5em 0.75em;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.tableBasic.tableBasicType02 > * > tr > th{background-color:#f2f4f7;}

/* layoutItem
------------------------------ */
.layoutItem[class*="firstitem"] > * > *:first-child{margin-top:0;}

/* boxColored
------------------------------ */
.boxColored{padding:2em;background-color:rgba(200,208,214,0.5);}
.boxColored.coloyTypeBlue{background-color:#354573;color:#fff;}
.boxColored.coloyTypeBlue a{color:#fff;}
.boxColored.green{background-color:#f3f4e9;}
/* size */
.boxColored.shrink{padding:1em;}
.boxColored.bulge{padding:3em;}

/* boxBordered
------------------------------ */
.boxBordered{padding:2em;border:1px solid #c8d0d6;}
.boxBordered.coloyTypeBlue{border:1px solid #354573;}
/* size */
.boxBordered.shrink{padding:1em;}
.boxBordered.bulge{padding:3em;}

/* parentheses
------------------------------ */
/* ()付番号 */
ol.parentheses li{counter-increment:cnt;list-style-type:none;padding-left:1.6em;text-indent:-1.6em;}
ol.parentheses li::before{content:"(" counter(cnt) ") ";}
ol.parentheses{padding:0;}

/* borderImg
------------------------------ */
img.borderImg{border:1px solid #354573;}

/* linkTxtList(/vision/pickup/details.html)
------------------------------ */
ul.linkTxtList{list-style-type:none;margin:0 0 15px;padding:0;border-top:1px solid #707070;font-weight:700;font-size:131.25%;}
ul.linkTxtList li{margin:0;padding:1em;border-bottom:1px solid #707070;}
ul.linkTxtList li a{padding-left:20px;}
ul.linkTxtList li a:before{bottom:0;width:12px;height:15px;}



/*========================================================
 module - news category
========================================================*/
ul.AnnouncementCategory.ulList_vertical{display:block;margin:0 0 30px;}
ul.AnnouncementCategory.ulList_vertical:after{content:"";display:block;clear:both;}
ul.AnnouncementCategory.ulList_vertical li{display:block;float:left;margin:0 20px 20px 0;padding:0;}
ul.AnnouncementCategory.ulList_vertical li a{display:block;margin:0;padding:10px 55px 11px;border:1px solid #354573;background-color:#fff;color:#354573;line-height:1.2;text-decoration:none;}
ul.AnnouncementCategory.ulList_vertical li a:hover,
ul.AnnouncementCategory.ulList_vertical li a.currentLink{opacity:1;background-color:#354573;color:#fff;text-decoration:none;}



/*========================================================
 module - news list
========================================================*/
.newsItem{margin:0 0 50px;}
.newsItem  ul.newsList{list-style-type:none;margin:0 0 25px;padding:0;border-top:1px solid #ccc;}
.newsItem  ul.newsList li{display:flex;list-style-type:none;margin:0;padding:25px 45px;border-bottom:1px solid #ccc;justify-content:flex-start;align-items:flex-start;}
.newsItem  ul.newsList li .newsCategory{flex:0 0 auto;width:100%;max-width:110px;margin:0 40px 0 0;word-break:break-all;}
.newsItem  ul.newsList li .newsCategory span{display:block;padding:4px 0.5em 4px;background-color:#354573;color:#fff;font-size:87.5%;line-height:1;text-align:center;}
._CHD-en .newsItem  ul.newsList li .newsCategory span{font-size:75%;}
.newsItem  ul.newsList li .newsCategory span + span{margin-top:2px;}
/* news */
.newsItem  ul.newsList li .newsCategory span.id_1,
.newsItem  ul.newsList li .newsCategory span.id_8,
.newsItem  ul.newsList li .newsCategory span.id_13{background-color:#eb6d76;}
/* jigyou */
.newsItem  ul.newsList li .newsCategory span.id_2,
.newsItem  ul.newsList li .newsCategory span.id_11,
.newsItem ul.newsList li .newsCategory span.id_15{background-color:#afc03d;}
/* IR */
.newsItem  ul.newsList li .newsCategory span.id_3,
.newsItem  ul.newsList li .newsCategory span.id_12{background-color:#354573;}
/* other */
.newsItem  ul.newsList li .newsCategory span.id_4{background-color:#999;}
.newsItem  ul.newsList li .newsCategory span.id_5,
.newsItem ul.newsList li .newsCategory span.id_16{background-color:#b89133;}
.newsItem ul.newsList li .newsCategory span.id_14{background-color:#0282a8;}
.newsItem  ul.newsList li .newsDate{flex:0 0 auto;margin:0 25px 0 0;line-height:1.2;}
._CHD-en .newsItem  ul.newsList li .newsDate{font-size:87.5%;}
.newsItem  ul.newsList li .newsTitle{flex:1 1 auto;line-height:1.2;}
.newsItem  ul.newsList li .newsTitle a{color:#222;}
.newsDescription .news_asset{margin:30px 0 0;}



/*========================================================
 module - news detail
========================================================*/
.newsDetail .newsInfo{display:flex;margin:0 0 2em;justify-content:flex-start;align-items:flex-start;}
.newsDetail .newsCategory{margin:0 1em 0 0;}
.newsDetail .newsCategory span{display:block;min-width:72px;padding:3px 1em;background-color:#354573;color:#fff;font-size:87.5%;line-height:1.2;text-align:center;}
.newsDetail .newsCategory span.id_1,
.newsDetail .newsCategory span.id_8,
.newsDetail .newsCategory span.id_13{background-color:#eb6d76;}
.newsDetail .newsCategory span.id_2,
.newsDetail .newsCategory span.id_11,
.newsDetail .newsCategory span.id_15{background-color:#afc03d;}
.newsDetail .newsCategory span.id_3,
.newsDetail .newsCategory span.id_12{background-color:#354573;}
.newsDetail .newsCategory span.id_4{background-color:#999;}
.newsDetail .newsCategory span.id_5,
.newsDetail .newsCategory span.id_16{background-color:#b89133;}
.newsDetail .newsCategory span.id_14{background-color:#0282a8;}
.newsDetail .newsCategory span + span{margin-top:2px;}
.newsDetail .newsDate{flex:0 0 auto;margin:0 25px 0 0;line-height:1.2;}
.newsDetail .newsDescription{margin:0 0 30px;}
.newsDetailPickup .newsDescription h2{margin-top:2em!important;padding:1em 0;border-top:1px solid #707070;border-bottom:1px solid #707070;color:#354573;font-size:131.25%;}
.newsDetailPickup .newsDescription h3{padding:1em;background-color:#0282a8;color:#fff;font-size:112.5%;}
.newsDetailPickup .newsDescription h3:before{content:"●";margin-right:1em;}
.newsDetailPickup .newsBackLink a{margin-top:4em;background-color:#4b809a;}


/*========================================================
 module - ulPaging
========================================================*/
/* ulPaging
------------------------------ */
ul.ulPaging.ulList_vertical{display:flex;margin:0 0 30px;padding:0;justify-content:center;align-items:stretch;flex-wrap:wrap;}
ul.ulPaging.ulList_vertical li{display:block;float:none;flex:0 0 auto;margin:0 8px 8px;padding:0;}
ul.ulPaging.ulList_vertical li.Current,
ul.ulPaging.ulList_vertical li a{display:block;padding:10px 15px 11px;border:1px solid #ccc;background-color:#fff;color:#222;font-weight:400;}
ul.ulPaging.ulList_vertical li.Current,
ul.ulPaging.ulList_vertical li a:hover{border-color:#354573;background-color:#354573;color:#fff;}
ul.ulPaging.ulList_vertical li a:hover{text-decoration:none;}
ul.ulPaging.ulList_vertical li.Prev a,
ul.ulPaging.ulList_vertical li.Next a{overflow:hidden;position:relative;max-width:39px;white-space:nowrap;text-indent:400%;}
ul.ulPaging.ulList_vertical li.Prev a:before,
ul.ulPaging.ulList_vertical li.Next a:before{content:"";display:block;position:absolute;top:0;right:5px;bottom:0;left:0;transform:rotate(45deg);width:10px;height:10px;margin:auto;border:2px solid #222;border-bottom:none;border-left:none;text-indent:0;}
ul.ulPaging.ulList_vertical li.Prev a:hover:before,
ul.ulPaging.ulList_vertical li.Next a:hover:before{border-color:#fff;}
ul.ulPaging.ulList_vertical li.Prev a:before{right:inherit;left:15px;transform:rotate(-135deg);}



/*========================================================
 common
========================================================*/
/* headLink
------------------------------ */
.headLink{display:flex;justify-content:flex-start;align-items:center;}
/* --- headLinkLanguage --- */
.headLink ul.headLinkLanguage{display:flex;list-style-type:none;margin:0;padding:0;align-items:stretch;justify-content:flex-start;}
.headLink ul.headLinkLanguage li{margin:0;padding:0;}
.headLink ul.headLinkLanguage li + li{margin-left:12px;padding-left:12px;border-left:1px solid #222;}
.headLink ul.headLinkLanguage li a{display:block;color:#222;line-height:1.2;text-decoration:underline;}
.headLink ul.headLinkLanguage li a:hover{color:#00f;text-decoration:none;}
/* --- headLinkContact --- */
.headLink ul.headLinkContact{list-style-type:none;margin:0 0 0 25px;padding:0;}
.headLink ul.headLinkContact li{padding:0;}
.headLink ul.headLinkContact li a{display:block;padding:0;background-color:transparent;color:#354573;font-weight:700;font-size:75%;}
.headLink ul.headLinkContact li a:before{content:"";display:block;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;transform:inherit;width:41px;height:29px;margin:0 auto 5px;border:none;background:url(/Portals/0/images/common/ico_contact_02.png) 0 0 no-repeat;}
.headLink ul.headLinkContact li a:after{display:none;}

/* burgerLinkLanguage
------------------------------ */
ul.burgerLinkLanguage{display:none;}

/* megaMenuWrap
------------------------------ */
ul.megaMenuWrap{list-style-type:none;position:absolute;top:100%;right:0;left:0;z-index:90;margin:0 auto;padding:0;color:#fff;}
ul.megaMenuWrap li{display:block;margin:0;padding:0;}
ul.megaMenuWrap a{display:block;position:relative;color:#fff;text-decoration:none;}
ul.megaMenuWrap ul{display:block;list-style-type:none;margin:0 auto;padding:0;}
ul.megaMenuWrap > li{display:none;position:absolute;top:0;right:0;left:0;width:100%;margin:0 auto;padding:30px 10px;background-color:#354573;}
ul.megaMenuWrap > li > h2{max-width:1080px;margin:0 auto 15px;padding:0;border:none;color:#fff;font-size:150%;}
ul.megaMenuWrap > li > ul{max-width:1080px;padding:0;}
ul.megaMenuWrap > li > ul:after{content:"";display:block;clear:both;}
ul.megaMenuWrap > li > ul > li{float:left;width:32%;margin:0 2% 2% 0;}
ul.megaMenuWrap > li.col2 > ul > li{width:49%;}
ul.megaMenuWrap > li > ul > li:nth-child(3n){margin-right:0;}
ul.megaMenuWrap > li > ul > li:nth-child(3n+1){clear:both;}
ul.megaMenuWrap > li.col2 > ul > li:nth-child(3n){margin-right:2%;}
ul.megaMenuWrap > li.col2 > ul > li:nth-child(3n+1){clear:inherit;}
ul.megaMenuWrap > li.col2 > ul > li:nth-child(2n){margin-right:0;}
ul.megaMenuWrap > li.col2 > ul > li:nth-child(2n+1){clear:both;}
ul.megaMenuWrap > li > ul > li > a{margin:0 0 4px;padding:0 0 0 20px;font-size:106.6666%;line-height:1.5;}
ul.megaMenuWrap > li > ul > li > a:before{content:"";display:block;position:absolute;top:calc(0.8em - 5px);left:0;width:13px;height:10px;background:url(/Portals/0/images/common/ico_mega_arrow.png) 0 0 no-repeat;}
ul.megaMenuWrap > li > ul > li > ul{margin-left:40px;line-height:1.2;}
ul.megaMenuWrap > li > ul > li > ul > li{margin:0 0 8px;font-size:93.75%;}
ul.megaMenuWrap > li > ul > li > ul > li > .subTitle{display:inline-block;font-size:86.6666%;}
ul.megaMenuWrap > li > ul > li > ul > li > a{padding:0 0 0 10px;}
ul.megaMenuWrap > li > ul > li > ul > li > a:before{content:"";display:block;position:absolute;top:calc(0.55em - 4px);left:0;width:0;height:0;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff;border-style:solid;}
/* --- edit --- */
.infocmsEditor ul.megaMenuWrap{position:relative;}
.infocmsEditor ul.megaMenuWrap > li{display:block;position:relative;margin:0 0 15px;}
/* --- megaMenuOverlay --- */
.megaMenuOverlay{position:fixed;top:0;left:0;z-index:50;width:100%;height:100vh;background-color:rgba(0,0,0,0.5);}

/* headTitleImg
------------------------------ */
.headTitleImg{overflow:hidden;}
.headTitleImg img{display:block;position:relative;left:50%;z-index:-1;transform:translateX(-50%);max-width:inherit;}

/* footTitle
------------------------------ */
h2.footTitle{margin:0 0 0.5em;padding:0;border:none;font-size:125%;}
h2.footTitle a{display:inline-block;color:#222;text-decoration:none;}

/* footMenu
------------------------------ */
.footMenuWrap{padding:25px 6%;border-top:1px solid #fff;border-bottom:1px solid #fff;}
ul.footMenu{display:flex;list-style-type:none;margin:0;padding:0;}
ul.footMenu li{flex:1 1 30%;margin:0 5% 0 0;padding:0 0 0.25em;}
ul.footMenu li:nth-child(3n){flex:0 0 auto;margin-right:0;}
ul.footMenu li a{display:block;color:#222;font-weight:700;line-height:1.2;text-decoration:none;}
ul.footMenu li a + a{margin-top:2em;}
ul.footMenu li ul{display:block;list-style-type:none;margin:10px 0 0 2em;padding:0;}
ul.footMenu li ul li{float:none;flex:1 1 auto;width:auto;margin:0 0 5px;}
ul.footMenu li ul li a{font-weight:500;}
ul.footMenu li ul li ul{margin:10px 0 0 1em;}

/* accordion
------------------------------ */
.acc-title,
h2.acc-title{position:relative;margin:0;padding:0.75em 70px 0.75em 30px;border:none;background-color:#f2f4f7;color:#222;font-size:150%;cursor:pointer;transition:opacity 0.3s ease-in-out;}
* + .acc-title,
* + h2.acc-title{margin-top:50px;}
.acc-title:hover,
h2.acc-title:hover{opacity:0.7;}
.acc-title:before,
h2.acc-title:before{content:"";display:block;position:absolute;top:8px;right:45px;bottom:0;transform:rotate(-45deg);width:16px;height:16px;margin:auto 0;border:1px solid #222;border-bottom:none;border-left:none;}
.acc-title.open:before,
h2.acc-title.open:before{top:-8px;transform:rotate(135deg);}
.acc-title + .acc-item{border-bottom:1px solid #ccc;}
.acc-title + .acc-item > *:first-child{margin-top:0;}
.acc-title + .acc-item > .layoutItem{padding:26px;}
.acc-title + .acc-item > .layoutItem + .layoutItem{padding-top:30px;border-top:1px solid #ccc;}



/*========================================================
 /company/
========================================================*/
/* companyTopContent
------------------------------ */
.categoryTopContent.companyTopContent.layoutItem{margin:0;}
.categoryTopContent.companyTopContent.layoutItem.col1 > *{flex:1 1 100%;}
.categoryTopContent.companyTopContent.layoutItem > *{margin-bottom:60px;}
.categoryTopContent.companyTopContent.layoutItem .txtArea{padding:20px 35px;color:#222;font-size:100%;line-height:1.2;text-align:left;}
.categoryTopContent.companyTopContent.layoutItem .txtArea .title{margin:0 0 12px;color:#354573;font-weight:700;font-size:125%;}
.categoryTopContent.companyTopContent.layoutItem .txtArea:before{right:25px;}

/* backColorGreenTitle
------------------------------ */
h2.backColorGreenTitle{margin:15px 0 45px;padding:0.75em 1em;border:none;background-color:#afc03d;color:#fff;font-size:156.25%;text-decoration:none;text-align:center;}
h2.backColorGreenTitle a{display:block;text-decoration:none;}
h2.backColorGreenTitle a:after{content:"";display:inline-block;position:relative;transform:rotate(45deg);width:0.5em;height:0.5em;margin:0 0 5px 5px;border:3px solid #fff;border-bottom:0;border-left:none;vertical-align:middle;}

/* sustainabilityContent
------------------------------ */
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem > *{border:none;}
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem > * a:hover{text-decoration:none;}
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem .txtArea{padding:1.5em 45px;border:none;background-color:#006837;color:#fff;font-size:112.5%;text-align:center;}
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem .society .txtArea{background-color:#0071b6;}
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem .governance .txtArea{background-color:#754c24;}
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem .txtArea:before{border-color:#fff;}



/*========================================================
 /vision/
========================================================*/
/* visionContent01
------------------------------ */
/* .visionContent01 .sloganTxt{margin:0 0 80px;padding:80px 1em;border:none;background-color:#354573;color:#000;color:#fff;font-weight:700;font-size:306.25%;line-height:1.2;text-align:center;}
._CHD-en .visionContent01 .sloganTxt{font-size:237.5%;}
.visionContent01 .sloganTxt:before,
.visionContent01 .sloganTxt:after{display:none;}
.visionContent01 .sloganTxt .subTxt{display:block;margin:0 0 25px;font-size:61.2244%;}
.visionContent01 p{font-size:125%;} */
/* --- logoMarkDescription --- */
/* .logoMarkDescription.layoutItem{display:flex;width:auto;margin:60px 50px 30px;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:left;align-items: center;flex-wrap: nowrap;}
.logoMarkDescription.layoutItem > *:nth-child(n){float:none;flex: 1 1 50%;}
.logoMarkDescription.layoutItem h3{margin:0 0 15px;padding:0;font-size:137.5%;}
.logoMarkDescription.layoutItem p{margin:0 0 10px;font-size:100%;}
.logoMarkDescription.layoutItem p:last-child{margin-bottom:0;}
.logoMarkDescription.layoutItem .alignCenter{text-align:center;} */

/* visionContentKv
------------------------------ */
/* .visionContentKv{overflow:hidden;position:relative;margin:0 0 100px;}
.visionContentKv img.pcArea{position:relative;left:50%;transform:translateX(-50%);min-width:1250px;}
.visionContentKv a{display:block;position:absolute;bottom:20px;left:35px;color:#222;}
.visionContentKv a:before{content:"";display:inline-block;position:relative;top:-4px;width:46px;height:55px;margin:0 14px 0 0;background:url(/Portals/0/images/company/vision/ico_pdf.png) 0 0 no-repeat;vertical-align:middle;}
.visionContentKv a:after{display:none;} */

/* visionContent02
------------------------------ */
.visionContent02{margin:100px 0 100px;padding:125px 0 0;background:url(/Portals/0/images/company/vision/bg_mirai_camera.png) center top no-repeat;text-align:center;}
.visionContent02 .miraiCamera{margin:0 0 20px;padding:0;border:none;font-weight:500;font-size:243.75%;line-height:1.2;text-align:center;letter-spacing:0.2em;}
.visionContent02 .miraiCamera:before,
.visionContent02 .miraiCamera:after{display:none;}
.visionContent02 .miraiCamera img{display:block;margin:0 auto;}
.visionContent02 p{font-weight:700;font-size:125%;}
.visionContent02 .layoutItem{margin:25px 0 55px;}
.visionContent02 .layoutItem .imgArea{position:relative;}
.visionContent02 .layoutItem .imgArea img{display:block;width:100%;}
.visionContent02 .layoutItem .txtArea{position:relative;padding:0;background-color:#eb6d76;color:#fff;font-size:175%;line-height:1.2;}
.visionContent02 .layoutItem > *:nth-child(2n) .txtArea{background-color:#afc03d;}
.visionContent02 .layoutItem > *:nth-child(3n) .txtArea{background-color:#354573;}
.visionContent02 .layoutItem .txtArea .shot{display:block;margin:0 0 12px;font-weight:400;font-size:71.4285%;}
.visionContent02 .layoutItem .txtArea .shot img{display:block;margin:0 auto;}
.visionContent02 .layoutItem .txtArea a{display:block;position:relative;padding:15px 40px 25px;color:#fff;text-decoration:none;}
.visionContent02 .layoutItem .txtArea a:before{content:"";display:block;position:absolute;top:0;right:15px;bottom:0;z-index:1;width:22px;height:20px;margin:auto 0;background:url(/Portals/0/images/common/ico_arrow_white.png) center center no-repeat;}
.visionContent02 .charterLink a{display:inline-block;padding:4px 130px;background-color:#cfdfdf;color:#222;font-weight:700;font-size:150%;line-height:1.4;text-decoration:none;}
.visionContent02 .charterLink a:hover{text-decoration:none;}
.visionContent02 .charterLink a span{display:inline-block;border-bottom:1px solid #0041e7;}

/* visionContent01
------------------------------ */
.visionContent01{margin:0 0 80px;}
.visionContent01 p{margin:0 0 40px;}
.visionContent01 > *:last-child{margin:0;}
.visionContent01 .linkBtn a{padding:1.25em 1.5em 1.25em 2.5em;background-color:#4b809a;}
.visionContent01 .linkBtn a:before{display:none;}
.visionContent01 .linkBtn a:after{position:absolute;top:0;right:inherit;bottom:0;left:0.75em;width:18px;height:18px;margin:auto 0;}

/* brandLogo
------------------------------ */
.brandLogo.boxBordered{margin:0 0 30px;}
.brandLogo.boxBordered h2{border:none;text-align:center;}



/*========================================================
 /company/vision/〇〇〇〇〇〇/
========================================================*/
/* pageTitleMiraiCamera
------------------------------ */
.headTitleImg.pageTitleMiraiCamera{position:relative;height:auto;padding:0 0 20px;background:#f9b1a5 url(/Portals/0/images/company/vision/resilience/bg_pagetitle_resilience.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleMiraiCamera .inner{position:relative;z-index:2;}
.headTitleImg.pageTitleMiraiCamera .titleArea{display:inline-block;position:relative;z-index:1;padding:65px 40px;background-color:#eb6d76;color:#fff;font-weight:700;font-size:237.5%;}
.headTitleImg.pageTitleMiraiCamera .titleArea img{position:static;transform:inherit;height:auto;margin:0 0 3px;}
.headTitleImg.pageTitleMiraiCamera .descriptionArea{position:relative;z-index:2;width:850px;max-width:100%;margin:-40px auto 0;padding:55px 2em 40px;background-color:rgba(255,255,255,0.66);font-weight:700;font-size:112.5%;}
.headTitleImg.pageTitleMiraiCamera .descriptionArea p:last-child{margin-bottom:0;}
.headTitleImg.pageTitleMiraiCamera .txtAreaWrap{position:absolute;top:40px;right:0;z-index:1;padding:20px 28px;background-color:rgba(235,109,118,0.5);color:#fff;font-weight:700;font-size:112.5%;line-height:1.5;}

/* contentMiraiCamera
------------------------------ */
.contentMiraiCamera h2{position:relative;margin:0 0 35px;padding:3px 0 0 42px;border:none;color:#222;color:#eb6d76;font-size:150%;}
.contentMiraiCamera h2:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:33px;height:33px;background:url(/Portals/0/images/company/vision/resilience/ico_title.png) 0 0 no-repeat;}
.contentMiraiCamera h2:after{display:none;}
.contentMiraiCamera > .layoutItem{margin:0 0 80px;font-size:112.5%;}
.contentMiraiCamera > .layoutItem > *:first-child{overflow:visible;position:relative;max-width:50%;}
.contentMiraiCamera > .layoutItem.firstitemlefted > *:first-child{margin-right:4%;}
.contentMiraiCamera > .layoutItem.firstitemrighted > *:first-child{margin-left:4%;}
.contentMiraiCamera > .layoutItem > *:first-child > *{position:relative;z-index:2;}
.contentMiraiCamera > .layoutItem > *:first-child:before{content:"";display:block;position:absolute;top:-68px;left:-140px;z-index:-1;width:278px;height:134px;background-color:#eb6d76;}
.editMode .contentMiraiCamera > .layoutItem > *:first-child:before{display:none;}
.contentMiraiCamera > .layoutItem.firstitemrighted > *:first-child:before{right:-140px;left:inherit;}
.contentMiraiCamera .subImg{display:flex;font-size:81.25%;line-height:1.6;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap;}
.contentMiraiCamera .subImg > *{flex:0 1 auto;margin:0 10px 0 0;text-align:right;}
.contentMiraiCamera .subImg > *:last-child{margin-right:0;}
/* --- english --- */
._CHD-en .contentMiraiCamera .subImg > *:nth-child(2){flex-shrink:0;}
._CHD-en .contentMiraiCamera .subImg{flex-wrap:nowrap;}

/* bgImgMiraiCamera
------------------------------ */
.bgImgMiraiCamera{position:relative;}
.bgImgMiraiCamera img{display:block;position:absolute;bottom:0;left:0;z-index:-1;}



/*========================================================
 /company/vision/sustainable/
========================================================*/
/* pageTitleSustainable
------------------------------ */
.headTitleImg.pageTitleSustainable{background:rgba(175,192,61,0.67) url(/Portals/0/images/company/vision/sustainable/bg_pagetitle_sustainable.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleSustainable .titleArea{background-color:#afc03d;}
.headTitleImg.pageTitleSustainable .txtAreaWrap{background-color:rgba(175,192,61,0.5);}

/* contentSustainable
------------------------------ */
.contentSustainable h2{color:#9fb316;}
.contentSustainable h2:before{background:url(/Portals/0/images/company/vision/sustainable/ico_title.png) 0 0 no-repeat;}
.contentSustainable > .layoutItem > *:first-child:before{background-color:#afc03d;}



/*========================================================
 /company/vision/diversity/
========================================================*/
/* pageTitleDiversity
------------------------------ */
.headTitleImg.pageTitleDiversity{background:rgba(53,69,115,0.42) url(/Portals/0/images/company/vision/diversity/bg_pagetitle_diversity.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleDiversity .titleArea{background-color:#354573;}
.headTitleImg.pageTitleDiversity .txtAreaWrap{background-color:rgba(53,69,115,0.5);}

/* contentDiversity
------------------------------ */
.contentDiversity h2{color:#354573;}
.contentDiversity h2:before{background:url(/Portals/0/images/company/vision/diversity/ico_title.png) 0 0 no-repeat;}
.contentDiversity > .layoutItem > *:first-child:before{background-color:#354573;}



/*========================================================
 /company/vision/pickup.html
========================================================*/
.contentPickup .box{padding:1em;background-color:#fff;font-size:125%;text-align:center;}
.contentPickup ul.articleList{display:flex;margin:0;border:0;flex-wrap:wrap;}
.contentPickup ul.newsList li.articleItem{display:block;width:calc(33.33% - 0.84em);margin-top:1.88em;margin-right:1.25em;padding:0;border:0;background-color:#fff;}
.contentPickup ul.newsList li.articleItem:nth-of-type(3n){margin-right:0;}
.contentPickup .articleImg{overflow:hidden;position:relative;width:100%;height:200px;}
.contentPickup .articleImg:empty{background-color:#bbb;}
.contentPickup .articleImg:empty:before{content:"no image";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;color:#666;font-weight:700;font-size:20px;text-align:center;}
.contentPickup .articleImg > a{display:block;height:100%;}
.contentPickup .articleImg img{display:block;position:relative;top:50%;transform:translateY(-50%);max-width:100%;max-height:100%;margin:auto;}
.contentPickup .articleBox{padding:1em 1em 5em;}
.contentPickup ul.newsList li .newsCategory{max-width:fit-content;margin:0 0 1.3em;}
.contentPickup ul.newsList li .newsCategory span{padding:0.4em 0.5em;}
.contentPickup ul.newsList li .newsTitle a{font-weight:700;font-size:112.5%;text-decoration:none;}

/*========================================================
 /company/vision/pickup/details.html
========================================================*/
ul.pickupDetailCompanyNameList{display:flex;list-style-type:none;margin:0 0 30px;padding:0;justify-content:flex-end;flex-wrap:wrap;}
ul.pickupDetailCompanyNameList li{display:block;margin: 0 0 5px;padding:0.5em 2em;color:#fff;font-size:87.5%;line-height:1.25;}
ul.pickupDetailCompanyNameList li + li{margin-left:5px;}
/* 長大,長大テック */
ul.pickupDetailCompanyNameList li.colorGreen1{background-color:rgb(0, 230, 0);color:#333;}
/* 基礎地盤 */
ul.pickupDetailCompanyNameList li.colorBlue1{background-color:rgb(0, 110, 176);}
/* PCRW */
ul.pickupDetailCompanyNameList li.colorBlue2{background-color:rgb(158, 255, 235);color:#333;}
/* 順風路 */
ul.pickupDetailCompanyNameList li.colorBlue3{background-color:rgb(28, 102, 232);}
/* エフェクト */
ul.pickupDetailCompanyNameList li.colorBlue4{background-color:rgb(0, 128, 255);}

/*========================================================
 人・夢・技術グループの強み -/vision/detail.html
========================================================*/
.contentStrength .logoList{display:flex;padding:0;justify-content:space-between;flex-wrap:wrap;}
.contentStrength .logoItem{list-style:none;width:calc(50% - 25px);margin:0;margin-top:1em;padding:0;}
.contentStrength .logoItem h4{margin:1em 0;color:#354573;}
.contentStrength .h4{display:inline-block;margin-bottom:0;padding:1em;background-color:#0282a8;color:#fff;font-size:112.5%;}
.contentStrength .h5{padding:0.5em 0 0.5em 0.5em;border-left:5px solid #0282a8;font-size:125%;}
.contentStrength .box{padding:2em;border:1px solid #0282a8;}
.contentStrength .table{border-top-color:#707070;border-right:1px solid #707070!important;border-left:1px solid #707070;}
.contentStrength .table tr{border-bottom-color:#707070;}
.contentStrength .table th{width:16%;border-right:1px solid #707070;background-color:#f7f7f7;text-align:center;vertical-align:top;}
.contentStrength .table td.row{display:flex;}
.contentStrength .table td .head{width:18%;}
.contentStrength .table td .cont{width:82%;}
.contentStrength .graphList{padding:0;}
.contentStrength .graphItem{display:flex;margin:0;padding:0;align-items:center;justify-content:space-between;}
.contentStrength .graphItem + .graphItem{margin-top:1.5em;}
.contentStrength .graphHead{width:27%;margin:0;font-weight:700;font-size:131.25%;}
.contentStrength .graphItem .graphBarWrap{position:relative;width:55%;}
.contentStrength .graphItem .graphBar{display:block;height:9px;margin:0 auto 0 0;}
.contentStrength .graphItem .graphBar._5{width:5%;}
.contentStrength .graphItem .graphBar._10{width:10%;}
.contentStrength .graphItem .graphBar._15{width:15%;}
.contentStrength .graphItem .graphBar._20{width:20%;}
.contentStrength .graphItem .graphBar._25{width:25%;}
.contentStrength .graphItem .graphBar._30{width:30%;}
.contentStrength .graphItem .graphBar._35{width:35%;}
.contentStrength .graphItem .graphBar._40{width:40%;}
.contentStrength .graphItem .graphBar._45{width:45%;}
.contentStrength .graphItem .graphBar._50{width:50%;}
.contentStrength .graphItem .graphBar._55{width:55%;}
.contentStrength .graphItem .graphBar._60{width:60%;}
.contentStrength .graphItem .graphBar._65{width:65%;}
.contentStrength .graphItem .graphBar._70{width:70%;}
.contentStrength .graphItem .graphBar._75{width:75%;}
.contentStrength .graphItem .graphBar._80{width:80%;}
.contentStrength .graphItem .graphBar._85{width:85%;}
.contentStrength .graphItem .graphBar._90{width:90%;}
.contentStrength .graphItem .graphBar._95{width:95%;}
.contentStrength .graphItem .graphBar._100{width:100%;}
/* 長大,長大テック */
.contentStrength .graphItem .graphBar.colorGreen1{background-color:rgb(0, 230, 0);}
/* 基礎地盤 */
.contentStrength .graphItem .graphBar.colorBlue1{background-color:rgb(0, 110, 176);}
/* PCRW */
.contentStrength .graphItem .graphBar.colorBlue2{background-color:rgb(158, 255, 235);}
/* 順風路 */
.contentStrength .graphItem .graphBar.colorBlue3{background-color:rgb(28, 102, 232);}
/* エフェクト */
.contentStrength .graphItem .graphBar.colorBlue4{background-color:rgb(0, 128, 255);}
.contentStrength .graphNum{display:flex;width:14%;margin:0;font-weight:700;font-size:187.5%;align-items:baseline;justify-content:flex-end;}
.contentStrength .graphNum .unit{font-size:60%;}
.contentStrength .total{display:flex;margin-top:2em;align-items:flex-start;}
.contentStrength .totalImg{width:62%;}
.contentStrength .totalCont{display:flex;margin-left:auto;align-items:center;}
.contentStrength .totalText{display:flex;width:66px;height:66px;margin-right:1em;border-radius:50%;background-color:#0282a8;color:#fff;font-weight:700;font-size:131.25%;align-items:center;justify-content:center;}
.contentStrength .totalScore{display:flex;font-weight:700;align-items:baseline;}
.contentStrength .totalNum{font-size:312.5%;}
.contentStrength .totalUnit{font-size:187.5%;}
.contentStrength .linkList{margin:1em 0;}
.contentStrength .linkInner{display:block;text-decoration:none;}
.contentStrength .linkImg{width:100%;}
.contentStrength .linkCont{position:relative;margin:0;padding:1em;background-color:#e4eff2;color:#354573;font-weight:700;}
.contentStrength .linkCont::after{content:"";display:block;position:absolute;top:0;right:1em;bottom:0;transform:rotate(45deg);width:16px;height:16px;margin:auto;border:2px solid #354573;border-bottom:none;border-left:none;}
.contentStrength .linkTtl{margin:0;font-size:131.25%;}
.contentStrength .linkAbout{margin:0;}



/*========================================================
 事業領域 -/vision/detail.html
========================================================*/
.contentBusinessArea .h3,
.contentBusinessArea .h4{padding-left:0.45em;border-left:5px solid #0282a8;font-size:125%;}
.contentBusinessArea .h4{margin-top:1em;}
.contentBusinessArea .h4:first-child{margin-top:0;}
.contentBusinessArea ul li{list-style:disc;margin:0;}
.contentBusinessArea .businessList > li{list-style:none;margin-top:2em;}
.contentBusinessArea .ttl{display:inline-block;padding:0 0.8em;border-radius:2em;background-color:#ec6d76;color:#fff;}
.contentBusinessArea .list{padding:0;}
.contentBusinessArea .list li{list-style:none;padding:0;}
.contentBusinessArea .list li::before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;border-radius:50%;background-color:#ec6d76;}
.contentBusinessArea .box{padding:0.8em;background-color:#f2f2f2;}
.contentBusinessArea .box p.txtBold{margin-bottom:0;}
.contentBusinessArea .img{width:100%;margin-bottom:1em;}
.contentBusinessArea .bottomText{margin-top:2em;}




/*========================================================
 /contact.html
========================================================*/
/* questionnaire-form
------------------------------ */
.questionnaire-form{margin:0 0 30px;}
.questionnaire-form table.tableBasic > * > tr > th{width:35%;padding-left:50px;}
.questionnaire-form table.tableBasic > * > tr > th label{display:inline;margin:0 1em 0 0;vertical-align:middle;}
.questionnaire-form table.tableBasic > * > tr > td{padding-right:50px;}
/* --- table --- */
.questionnaire-form table.tableBasic table{width:100%;}
.questionnaire-form table.tableBasic table,
.questionnaire-form table.tableBasic table tbody,
.questionnaire-form table.tableBasic table tbody tr,
.questionnaire-form table.tableBasic table tbody tr th,
.questionnaire-form table.tableBasic table tbody tr td{display:block;}
.questionnaire-form table.tableBasic table tbody tr:after{content:"";display:block;clear:both;}
.questionnaire-form table.tableBasic table tbody tr th,
.questionnaire-form table.tableBasic table tbody tr td{float:left;margin:0 5px 5px 0;padding:0;}
/* --- input --- */
.questionnaire-form table.tableBasic input[type="text"]{width:100%;border-radius:0;background-color:#f2f4f7;}
/* --- textarea --- */
.questionnaire-form table.tableBasic textarea{width:100%;min-width:50%;max-width:100%;min-height:5em;border-radius:0;background-color:#f2f4f7;}
/* --- requiredmark --- */
.questionnaire-form table.tableBasic th .ic-requiredmark{display:inline-block;margin:0;padding:4px 18px 3px;background-color:#eb6d76;color:#fff;font-weight:400;font-size:93.75%;line-height:1;vertical-align:middle;}
/* --- questionnaire-btn --- */
.questionnaire-form .questionnaire-btn{display:flex;margin:30px 0 0;justify-content:center;align-items:center;}
.questionnaire-form .questionnaire-btn input[type="submit"]{display:block;margin:0 1em;padding:1em 4em;border:1px solid #354573;border-radius:0;background-color:#354573;color:#fff;}
.questionnaire-form .questionnaire-btn input[type="submit"]:hover{opacity:0.7;}
.questionnaire-form .questionnaire-btn input[type="submit"][id*="btnConfirmBack"]{border-color:#354573;background-color:#fff;color:#354573;}
/* --- error message --- */
.questionnaire-form table .NormalRed{display:block;}


/*========================================================
 /ir/
========================================================*/
/* categoryTopContent
------------------------------ */
.categoryTopContent.layoutItem{display:flex;margin:0 0 3em;}
.categoryTopContent.layoutItem > *{border:1px solid #354573;}
.categoryTopContent.layoutItem.col1 > *{flex:0 1 100%;}
.categoryTopContent.layoutItem.col1.center1Column{justify-content:center;}
.categoryTopContent.layoutItem.col1.center1Column > *{}
.categoryTopContent.layoutItem.col1.center1Column > * a{display:flex;padding: 0;align-items:center;}
.categoryTopContent.layoutItem.col1.center1Column > * a .txtArea{flex:1 1 auto;text-align:left;}
.categoryTopContent.layoutItem > * a{display:block;color:#354573;text-decoration:none;text-align:center;}
.categoryTopContent.layoutItem .imgArea img{display:block;width:100%;}
.categoryTopContent.layoutItem .imgArea img.pcArea{display:block;}
.categoryTopContent.layoutItem .imgArea img.spArea{display:none;}
.categoryTopContent.layoutItem .txtArea{position:relative;padding:25px 3em;font-size:112.5%;}
.categoryTopContent.layoutItem .txtArea:before{content:"";display:block;position:absolute;top:0;right:33px;bottom:0;transform:rotate(45deg);width:12px;height:12px;margin:auto 0;border:2px solid #354573;border-bottom:none;border-left:none;}

/* irNewsListIndex
------------------------------ */
.newsItem.irNewsListIndex{margin:0 0 65px;}
.newsItem.irNewsListIndex ul.newsList{list-style-type:none;margin:0 0 25px;padding:0;border:none;}
.newsItem.irNewsListIndex ul.newsList li{display:flex;margin:0;padding:25px 45px;border-bottom:1px solid #ccc;justify-content:flex-start;align-items:flex-start;}
.newsItem.irNewsListIndex ul.newsList li .newsCategory{flex:0 0 72px;max-width:72px;margin:0 48px 0 0;}
.newsItem.irNewsListIndex ul.newsList li .newsCategory span{display:block;padding:3px 0.5em;background-color:#354573;color:#fff;font-size:87.5%;line-height:1.2;text-align:center;}
.newsItem.irNewsListIndex ul.newsList li .newsCategory span + span{margin-top:2px;}
.newsItem.irNewsListIndex ul.newsList li .newsDate{flex:0 0 auto;margin:0 25px 0 0;line-height:1.2;}
.newsItem.irNewsListIndex ul.newsList li .newsTitle{flex:1 1 auto;line-height:1.2;}
.newsItem.irNewsListIndex p.linkBtn{text-align:right;}

/* boxTitleContet
------------------------------ */
.boxTitleContet{margin:0 0 3em;}
.boxTitleContet > h2{margin-bottom:0;}
.boxTitleContet > .boxBordered{margin:0;padding:4%;}
.boxTitleContet > .boxBordered ul.layoutItem{margin:0;padding:0;}
.boxTitleContet > .boxBordered ul.layoutItem > li{position:relative;margin-bottom:0;padding:0;}
.boxTitleContet > .boxBordered ul.layoutItem > li:nth-child(5n){margin-right:0;}
.boxTitleContet > .boxBordered ul.layoutItem > li a{display:flex;position:relative;height:100%;padding:3.5em 30px 3.5em 10px;border-left:6px solid #354573;background-color:#c8d0d6;color:#354573;font-size:100%;line-height:1.2;text-decoration:none;text-align:left;align-items:center;justify-content:flex-start;}
.boxTitleContet > .boxBordered ul.layoutItem > li a:after{content:"";display:inline-block;position:relative;position:absolute;top:0;right:20px;bottom:0;transform:rotate(45deg);width:10px;height:10px;margin:auto 0;border:1px solid #354573;border-bottom:none;border-left:none;vertical-align:middle;}
.boxTitleContet > .boxBordered ul.layoutItem > li a .imgArea{display:none;}



/*========================================================
 /ir/message.html
========================================================*/
/* topMessageContent
------------------------------ */
.topMessageContent .titleBanner{display:flex;margin:0 0 45px;align-items:stretch;justify-content:flex-start;}
.topMessageContent .titleBanner .txtArea{display:flex;flex:1 1 auto;background-color:#354573;color:#fff;font-weight:700;font-size:150%;line-height:2;justify-content:center;align-items:center;}
.topMessageContent .titleBanner .imgArea{flex:0 0 auto;max-width:50%;}
.topMessageContent .titleBanner .imgArea img{display:block;}
.topMessageContent > p{margin:0 0 30px;}



/*========================================================
 /ir/library/security.html
========================================================*/
/* securitiesReportList
------------------------------ */
ul.securitiesReportList{list-style-type:none;margin:0;padding:0;}
ul.securitiesReportList li{list-style-type:none;margin:0;padding:25px 30px;border-bottom:1px solid #ccc;}
ul.securitiesReportList li:last-child{border-bottom:none;}
ul.securitiesReportList li:after{content:"";display:block;clear:both;}
ul.securitiesReportList li .category{display:block;float:left;min-width:120px;margin:0 30px 0 0;padding:3px 10px;background-color:#354573;color:#fff;font-size:87.5%;line-height:1.2;text-align:center;}
ul.securitiesReportList li a{display:inline-block;overflow:hidden;width:auto;line-height:1.4;}
ul.securitiesReportList li .date{display:block;overflow:hidden;float:left;width:auto;margin:0 1em 0 0;line-height:1.2;vertical-align:middle;}
ul.securitiesReportList li .txt{display:block;overflow:hidden;width:auto;line-height:1.2;}

/*========================================================
 /ir/library/business-report.html
========================================================*/
/* businessReportContent
------------------------------ */
.businessReportContent dl:after{content:"";display:block;clear:both;}
.businessReportContent dl dt{float:left;clear:both;max-width:50%;margin:0 90px 0 0;}
.businessReportContent dl dd{overflow:hidden;width:auto;}
.businessReportContent h3{margin:0;padding:0;font-size:112.5%;line-height:1.7;}



/*===========================================================
 経営理念・行動憲章 - /company/charter.html
===========================================================*/
iframe.googleMapSize{width:100%;height:480px;}


/*===========================================================
 会社概要 - /company/profile.html
===========================================================*/
.contentsProfile h2{border:none;color:#212121;font-size:150%;}
.histryContentsWrap .layoutItem.historylayout{padding:1em 80px 2em 20px;border-bottom:#ccc solid 1px;flex-wrap:nowrap;align-items:flex-start;}
.histryContentsWrap .historylayoutArea{padding-top:1em;border-top:#ccc solid 1px;}
.histryContentsWrap .layoutItem.historylayout h3{margin:0;padding:0;}
.histryContentsWrap .layoutItem.historylayout table{width:100%;}
.histryContentsWrap .layoutItem.historylayout table th{width:8em;padding:0 45px 0 0;font-weight:normal;text-align:right;vertical-align:top;white-space:nowrap;}
.histryContentsWrap .layoutItem.historylayout .thumb{flex-shrink:0;}
.histryContentsWrap.contentsProfile h2{margin-top:2em;}
table.tableBasic.profileTable th{width:280px;}
table.tableBasic.profileTable th,
table.tableBasic.profileTable td{padding:1.5em 2em;}
/* --- english --- */
._CHD-en table.profileTable dt{width:51%;}
._CHD-en table.profileTable dd{width:auto;}


/*===========================================================
 グループ会社 - /company/group.html
===========================================================*/
.groupTable ul.officeHonsyaList.listNone li{display:flex;}
.groupTable ul.officeHonsyaList span{display:inline-block;width:10em;flex-shrink:0;}
.groupTable ul.officeList span{display:inline-block;width:6em;}
.groupTable th{width:25%;vertical-align:top;}
.tableBasic.groupTable th,
.tableBasic.groupTable td{padding:2em;}
._CHD-en .groupTable th{width:30%;}



/*===========================================================
 サステナビリティ - /company/csr/ contentCsr
===========================================================*/
.contentCsr h2{color:#9bb00c;}
.contentCsr .catchCopy{margin:0 0 100px;text-align:center;}
.contentCsr .catchCopy h2{margin:0 0 40px;padding:0;border:none;color:#222;font-weight:500;font-size:225%;}
.contentCsr .catchCopy p{font-size:125%;}
.contentCsr .csrfigArea{text-align:center;}
.contentCsr .csrfigArea .fig01{padding-top:2em;background-color:#f4f4f4;}
.contentCsr .csrfigArea .fig01{margin-bottom:90px;}
.contentCsr .csrfigArea .fig01 img{margin-bottom:-90px;}
.contentCsr .layoutItem.bannerGreen{margin:60px 0;background-color:#afc03d;flex-wrap:nowrap;align-items:center;}
.contentCsr .layoutItem.bannerGreen .txtArea{width:100%;font-weight:bold;font-size:150%;text-align:center;}
.contentCsr .layoutItem.bannerGreen .imgArea{flex-shrink:0;}
.contentCsr ul.sdgsList{list-style:none;margin:0;padding:0;line-height:0;}
.contentCsr ul.sdgsList li{margin:0 0 10px 6px;padding:0;}
.contentCsr ul.sdgsList li{display:inline-block;}
.contentsCsrBottomNav .navEnvironment .txtArea{background-color:#006837;}
.contentsCsrBottomNav .navSociety .txtArea{background-color:#0071bc;}
.contentsCsrBottomNav .navGovernance .txtArea{background-color:#754c24;}
.contentsCsrBottomNav .txtArea a{display:block;padding:1em;padding:1em 50px 1em 30px;color:#fff;font-weight:bold;font-size:112.5%;text-align:center;;}
.contentsCsrBottomNav .txtArea a:before{content:"";display:block;position:absolute;top:calc(50% - 6px);right:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:14px;height:14px;border:2px solid #fff;border-top-width:0;border-left-width:0;}
.contentsCsrBottomNav{margin-top:30px;}
.sdgsItemWrap{position:relative;margin:0 0 60px;}
.sdgsItemWrap .layoutItem.nowraped > .txtArea{flex:inherit;width:calc(100% - 365px);margin-right:3%;padding-bottom:70px;}
.sdgsItemWrap .layoutItem.nowraped > .txtArea > *:first-child{margin-top:0;}
.sdgsItemWrap .btnMiraiArea{position:absolute;bottom:0;width:calc(100% - 365px);text-align:right;}



/*===========================================================
 社会- /company/csr/society.html
 ガバナンス　-/company/csr/governance.html
 環境 -/company/csr/environment.html
===========================================================*/
.contentCsrCommon ol.listNone li{margin-bottom:1.5em;}
.contentCsrCommon .layoutItem.col3-1 > .txtArea{width:100%;margin:0 2% 0 0;}
.contentCsrCommon .layoutItem.col3-1 > .txtArea > *:first-child{margin-top:0;}
.contentCsrCommon .layoutItem.col3-1 > .imgArea{flex-shrink:0;}
.contentCsrCommon .layoutItem.col3-1{flex-wrap:nowrap;}
.contentCsrCommon .layoutItem.col3-1.reRowed > .txtArea{margin:0 0 0 2%;}
.contentCsrCommon h2.bgGreen{padding:1em;background-color:#afc03d;color:#fff;}
.contentCsrCommon .guideArea{display:inline-block;padding:1em 3em;border:#212121 solid 1px;background-color:#fff;}

/* 社会
------------------------------ */
.contentSociety .layoutItem.col3-1{margin-bottom:50px;}

/* 環境
------------------------------ */
.contentEnvironment .managementSystemArea{margin:3em 0;}
.contentEnvironment .managementSystemArea h2{margin:0;padding:0.7em 1em;border:none;}



/*===========================================================
 ESGデータ集- /company/csr/esgdata.html
===========================================================*/
.contentEsgdata h2.environment,
.contentEsgdata h2.society,
.contentEsgdata h2.governance{color:#222;}
.contentEsgdata h2.environment .en{color:#0a6837;}
.contentEsgdata h2.society .en{color:#1071b6;}
.contentEsgdata h2.governance .en{color:#754c24;}
.contentEsgdata .esgdataLinkList{display:flex;margin:0;justify-content:center;}
.contentEsgdata .esgdataLinkItem{display:block;flex:0 1 15%;margin:0;padding:0;border:1px solid #ccc;}
.contentEsgdata .esgdataLinkItem + .esgdataLinkItem{margin-left:1.5em;}
.contentEsgdata .esgdataLinkInner{display:block;position:relative;padding:0.75em 1em 0.75em 1.88em;border-left-width:5px;border-left-style:solid;font-weight:700;text-decoration:none;}
.contentEsgdata .esgdataLinkInner::before{content:"";position:absolute;top:0;bottom:0;left:6px;width:14px;height:14px;margin:auto;border:1px solid #000;border-radius:50%;}
.contentEsgdata .esgdataLinkInner::after{content:"";position:absolute;position:absolute;top:0;bottom:2px;left:11px;transform:rotate(135deg);width:4px;height:4px;margin:auto;border-top:1px solid #000;border-right:1px solid #000;}
.contentEsgdata .esgdataLinkInner.environment{border-left-color:#0a6837;}
.contentEsgdata .esgdataLinkInner.environment .en{color:#0a6837;}
.contentEsgdata .esgdataLinkInner.society{border-left-color:#1071b6;}
.contentEsgdata .esgdataLinkInner.society .en{color:#1071b6;}
.contentEsgdata .esgdataLinkInner.governance{border-left-color:#754c24;}
.contentEsgdata .esgdataLinkInner.governance .en{color:#754c24;}
.contentEsgdata table.tableBasic{width:100%;margin-top:2em;border:none;border-top:1px solid #707070;border-right:1px solid #707070;}
.contentEsgdata table.tableBasic tr{border-bottom:1px solid #707070;}
.contentEsgdata table.tableBasic thead th{color:#fff;text-align:center;}
.contentEsgdata table.tableBasic th,
.contentEsgdata table.tableBasic td{border-left:1px solid #707070;}
.contentEsgdata table.tableBasic.environment thead th{background-color:#0a6837;}
.contentEsgdata table.tableBasic.society thead th{background-color:#1071b6;}
.contentEsgdata table.tableBasic.governance thead th{background-color:#754c24;}
.contentEsgdata table.tableBasic th.th01{width:27%;}
.contentEsgdata table.tableBasic th.th03{width:21%;}
.contentEsgdata table.tableBasic th.bg_1,
.contentEsgdata table.tableBasic td.bg_1{background-color:#efefef;}
.contentEsgdata table.tableBasic th.bg_2,
.contentEsgdata table.tableBasic td.bg_2{border-left:0;background-color:#efefef;}
.contentEsgdata table.tableBasic sub.font-pos{font-size:68.75%;vertical-align:middle;}
.contentEsgdata table.tableBasic td{border-top:1px solid #707070;border-left:1px solid #707070;text-align:right;}
.contentEsgdata table.tableBasic td.alignLeft{text-align:left;}
.contentEsgdata table.tableBasic td.alignCenter{text-align:center;}




/*===========================================================
株主メモ -/ir/stock_memo.html
===========================================================*/
.contentStockMemo h2{border:none;color:#212121;font-size:150%;}
.tableBasic.stockMemotable th{width:24%;}
/* --- Stock Overview --- */
._CHD-en .tableBasic.stockMemotable th{width:36%;}



/*===========================================================
IRカレンダー -/ir/calendar.html
===========================================================*/
ul.scheduleList{list-style:none;margin:0;padding:0;}
ul.scheduleList li span.date{display:inline-block;width:8em;}



/*===========================================================
IRライブラリー -/ir/library/
===========================================================*/
/*　IR情報のスタイルにクラスを付与しています。*/
.categoryTopContent.layoutItem.txtCategory .imgArea{position:relative;}
.categoryTopContent.layoutItem.txtCategory .imgArea span{display:block;position:absolute;top:50%;left:65px;transform:translateY(-50%);padding:0.75em 0.5em;border-left:#354573 solid 16px;color:#354573;font-size:237.5%;}
.categoryTopContent.layoutItem.txtCategory.col3 .imgArea span{left:42px;border-left-width:10px;font-size:150%;}
.categoryTopContent.layoutItem.txtCategory .txtArea{font-size:112.5%;}



/*===========================================================
 数字で見る　人・夢・技術グループ -/company/number.html
===========================================================*/
.contentNumber{margin:0 0 32px;}
.contentNumber > *[class*="content"]{padding:24px;border-radius:18px;}
.contentNumber > .contentGreen{background-color:rgba(175,192,61,0.3883);}
.contentNumber > .contentBlue{background-color:#cee2f4;}
.contentNumber > .contentPink{background-color:#f9f0f1;}
.contentNumber .contentInner{display:flex;overflow:hidden;padding:50px 40px;border-radius:10px;background-color:#fff;flex-wrap:wrap;}
.contentNumber h2{margin:0 0 20px;padding:0;border:none;color:#222;font-size:175%;}
.contentNumber h2 .txtSmall{font-size:50%;}
.contentNumber .item01,
.contentNumber .item02{display:flex;flex:1 1 48%;flex-direction:column;width:48%;max-width:48%;padding:0 30px;justify-content:space-between;}
.contentNumber .item01{margin:0 4% 0 0;}
.contentNumber .itemWrap{display:flex;position:relative;flex:1 1 100%;margin:0;padding:0;}

/* itemWrap
------------------------------ */
.contentNumber * + .itemWrap{margin-top:45px;padding-top:65px;}
.contentNumber * + .itemWrap:before{content:"";display:block;position:absolute;top:0;right:0;left:0;width:100%;height:2px;background:linear-gradient(to left,#354573 25%,#fff 25%);background-size:8px auto;background-repeat:repeat;}
.contentNumber .itemWrap > *{display:flex;width:30.6666%;margin:0 4% 0 0;align-items:flex-start;}
.contentNumber .itemWrap > *:nth-child(3n){margin-right:0;}
.contentNumber .itemWrap > * > .img{flex:0 0 auto;min-width:15%;max-width:30%;margin:0 6% 0 0;}
.contentNumber .itemWrap > * > .txt{flex:1 1 100%;}
.contentNumber .itemWrap h2{margin:0 0 20px;padding:3px 1em 4px;background-color:#d7e6f9;color:#354573;font-size:87.5%;text-align:center;}
.contentNumber .itemWrap .data{line-height:1.2;text-align:center;}
.contentNumber .itemWrap .data .value{display:inline-block;color:#eb6d76;font-weight:700;font-size:387.5%;line-height:1;vertical-align:baseline;letter-spacing:-0.05em;}
.contentNumber .itemWrap .data .unit{display:inline-block;font-weight:500;font-size:162.5%;line-height:1.2;vertical-align:baseline;}
.contentNumber .itemWrap .data .annotation{display:block;font-size:75%;}

/* itemGrid
------------------------------ */
.contentNumber > .contentPink .contentInner{display:block;padding:0;border-radius:0;background-color:#f9f0f1;}
.contentNumber .itemGrid{display:flex;width:100%;justify-content:space-between;}
.contentNumber .itemGrid > .left{display:flex;flex-direction:column;width:63%;margin:0 25px 0 0;justify-content:flex-start;align-items:stretch;}
.contentNumber .itemGrid > .right{width:35%;}
.contentNumber .itemGrid > .left > *,
.contentNumber .itemGrid > .right > *{padding:45px 42px 42px;border-radius:10px;background-color:#fff;}

/* topics
------------------------------ */
.contentNumber .topics{position:relative;margin:20px 0 0;padding:20px 10px 10px;border:1px solid #bdd7f4;border-radius:6px;text-align:center;}
.contentNumber .topics h3{display:block;position:relative;top:-2em;right:0;left:0;max-width:80%;margin:0 auto -1em;padding:0;color:#354573;font-size:100%;text-align:center;}
.contentNumber .topics h3 .txt{display:inline-block;padding:0 0.25em;background-color:#fff;}
.contentNumber .topics p{margin:0;font-size:75%;line-height:1.2;}
.contentNumber .topics .value{font-size:250%;line-height:1;letter-spacing:-0.05em;}
.contentNumber .topics .unit{display:inline-block;margin-left:4px;font-size:125%;}

/* --- contentGreen--- */
.contentNumber .contentGreen .itemWrap > * > .img{margin:0 2% 0 0;}
/* --- contentBlue--- */
.contentNumber .contentBlue .itemWrap{align-items:center;}
.contentNumber .contentBlue .data .value{color:#afc03d;}
/* --- contentPink--- */
.contentNumber .contentPink h2{margin:0 0 20px;padding:0;font-size:212.5%;text-align:center;}
/* --- item01 02 --- */
.contentNumber .item01 .data,
.contentNumber .item02 .data{display:none;}
/* --- item04 --- */
.contentNumber .item04 .txt > *{display:flex;align-items:flex-start;justify-content:flex-start;}
.contentNumber .item04 h2{position:relative;top:10px;flex:0 0 40%;width:40%;margin:0 6% 0 0;padding:3px 0.5em 4px;font-size:75%;}
.contentNumber .item04 .data{flex:1 1 auto;}
.contentNumber .item04 .data .value{font-size:275%;}
.contentNumber .item04 .data .unit{font-size:125%;}
.contentNumber .item04 .value02{margin-top:15px;}
/* --- item09 --- */
.contentNumber .itemGrid .item09{flex:1 1 60%;margin:0 0 25px;text-align:center;}
.contentNumber .itemGrid .item09 .number{margin:0 0 35px;color:#354472;font-weight:700;font-size:487.5%;line-height:1;}
.contentNumber .itemGrid .item09 .data{margin:5px 0;line-height:1.2;}
.contentNumber .itemGrid .item09 .data .value{display:inline-block;color:#354472;font-weight:700;font-size:287.5%;line-height:1;vertical-align:middle;letter-spacing:-0.1em;}
.contentNumber .itemGrid .item09 .data .unit{display:inline-block;font-size:125%;vertical-align:middle;}
.contentNumber .itemGrid .item09 .img{margin:0;}
.contentNumber .itemGrid .item09 .linkBtn{margin:30px 0 0;}
.contentNumber .itemGrid .item09 .linkBtn a{padding:14px 34px 14px 1.5em;border:1px solid #354573;background-color:#fff;color:#354573;}
.contentNumber .itemGrid .item09 .linkBtn a:hover{opacity:1;background-color:#354573;color:#fff;}
.contentNumber .itemGrid .item09 .linkBtn a:before{top:0;right:16px;bottom:0;width:10px;height:10px;border-width:1px;border-color:#354573;}
.contentNumber .itemGrid .item09 .linkBtn a:hover:before{border-color:#fff;}
/* --- item10 --- */
.contentNumber .itemGrid .item10{display:flex;flex:1 1 40%;padding:45px 22%;justify-content:center;align-items:center;}
.contentNumber .itemGrid .item10 .img{flex:0 0 auto;margin-right:15%;}
.contentNumber .itemGrid .item10 .txt{flex:1 1 auto;text-align:center;}
.contentNumber .itemGrid .item10 h2{margin:0 0 20px;padding:3px 1em 4px;background-color:#d7e6f9;color:#354573;font-size:125%;text-align:center;}
.contentNumber .itemGrid .item10 .data{margin:5px 0;line-height:1.2;}
.contentNumber .itemGrid .item10 .data .value{display:inline-block;color:#354472;font-weight:700;font-size:487.5%;line-height:1;vertical-align:baseline;letter-spacing:-0.05em;}
.contentNumber .itemGrid .item10 .data .unit{display:inline-block;font-size:200%;vertical-align:baseline;}
/* --- item11 --- */
.contentNumber .itemGrid .item11{height:100%;text-align:center;}
.contentNumber .itemGrid .item11 h2 .txtSmall{display:block;margin:6px 0 0;font-weight:500;}
.contentNumber .itemGrid .item11 .data{margin:0 0 15px;line-height:1.2;}
.contentNumber .itemGrid .item11 .data .value{display:inline-block;color:#354472;font-weight:700;font-size:487.5%;line-height:1;vertical-align:baseline;letter-spacing:-0.05em;}
.contentNumber .itemGrid .item11 .data .unit{display:inline-block;font-size:281.25%;vertical-align:baseline;}
.contentNumber .itemGrid .item11 .description{margin:15px 0 0;font-weight:700;font-size:175%;}
.contentNumber .itemGrid .item11 .description .txtSmall{font-size:64.2857%;}



/*===========================================================
 財務ハイライト -/company/number.html
===========================================================*/
.irHighlight h2{padding:18px 1em 18px 20px;border:none;border-left:8px solid #354573;background-color:#f2f4f7;color:#333;font-weight:500;font-size:112.5%;}
.irHighlight table.tableBasic.tableBasicType02{width:100%;margin:0 0 50px;table-layout:fixed;font-size:87.5%;text-align:center;}
.irHighlight table.tableBasic.tableBasicType02 th,
.irHighlight table.tableBasic.tableBasicType02 td{text-align:center;}



/*===========================================================
 採用情報 -/recruit/
===========================================================*/
.contentRecruit > img{display:block;}
.contentRecruit .txtXLarge{font-size:225%;}
.contentRecruit .boxWrap{display:flex;margin:3.1em 0;align-items:stretch;}
.contentRecruit .boxWrap li{padding:0;}
.contentRecruit .boxWrap .boxColored{height:100%;margin:0;padding:1.5em;}
.contentRecruit .boxHead{color:#354573;font-weight:700;font-size:150%;text-align:center;}
.contentRecruit .boxCont{padding:1em;background-color:#fff;}
.contentRecruit .boxContInner > *:last-child{margin-bottom:0;}
.contentRecruit .boxContInner{margin:0;}
.contentRecruit .boxImg{position:relative;}
.contentRecruit .boxImg img{width:100%;}
.contentRecruit .boxImgText{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:0.75em;background-color:rgba(34,34,34, 0.5);color:#fff;line-height:1.25;}
.contentRecruit .boxImgText span{display:block;margin:0 0 2px;font-size:87.5%;}
.contentRecruit .groupLink{display:block;position:relative;height:100%;padding:1em;border:1px solid #354573;text-decoration:none;}
.contentRecruit .groupLink::after{content:"";display:block;position:absolute;top:0;right:0;width:30px;height:30px;background:#354573 url(/Portals/0/images/recruit/ico_external.png) no-repeat center/16px;}
.contentRecruit .groupLink > *:last-child{margin-bottom:0;}
.contentRecruit .groupImg{display:block;margin:20px auto;object-fit:contain;}
.contentRecruit .groupCont{color:#222;font-size:93.75%;}
.contentRecruit .messageList{margin:0;padding:0;}
.contentRecruit .messageItem{list-style:none;margin:0;padding:2em;background-color:#f5f7fd;}
.contentRecruit .messageItem + .messageItem{margin-top:2em;}
.contentRecruit .messageItem:nth-of-type(even) .messageText{order:-1;}
.contentRecruit .messageInner{display:flex;padding:1.5em;background-color:#fff;justify-content:space-between;align-items:flex-start;}
.contentRecruit .messagePeople{position:relative;width:28%;background-color:#ccc;}
.contentRecruit .messageImg{display:block;width:100%;object-fit:cover;}
.contentRecruit .messageRole{position:absolute;right:0;bottom:0;left:0;width:100%;margin:0;padding: 1em 1em 0.5em;background-color:rgba(34,34,34, 0.5);color:#fff;line-height:1.25;}
.contentRecruit .messageRole span{display:block;margin:0 0 2px;font-size:87.5%;}
.contentRecruit .messageRole span.txtLarge{font-size:100%;}
.contentRecruit .messageRole > *:last-child{margin-bottom:0;}
.contentRecruit .messageText{width:69%;}
.contentRecruit .messageHead{font-size:162.5%;line-height:1.5;}
.contentRecruit .messageCont{font-size:112.5%;}






























@media screen and (max-width: 768px){/**/
/* pc/sp settings */
.pcArea{display:none;}
.spArea{display:block;}
/* --- dl --- */
dl dt{float:none;width:auto;}
dl dd{float:none;width:auto;}

/*========================================================
 base
========================================================*/
/* scrollWrap
------------------------------ */
.scrollWrap{overflow:auto;margin:0 0 30px;}
.scrollWrap table.tableBasic.scrollTable{min-width:150vw;margin:0;}

/* layoutItem
------------------------------ */
.layoutItem.spCol3:not(.notBlock){display:flex;justify-content:flex-start;align-items:flex-start;}
.layoutItem.spCol3:not(.notBlock) > *{width:32%;margin:0 2% 2% 0 !important;padding:0;}
.layoutItem.spCol3:not(.notBlock) > *:nth-child(3n){margin-right:0 !important;}

/* linkInpage
------------------------------ */
.linkInpage a,
a.linkInpage{padding:0.75em 1em;font-size:87.5%;text-align:center;}



/*========================================================
 module - news category
========================================================*/
ul.AnnouncementCategory.ulList_vertical{margin:0 0 30px;}
ul.AnnouncementCategory.ulList_vertical li{width:32%;margin:0 2% 2% 0;}
ul.AnnouncementCategory.ulList_vertical li:nth-child(3n){margin-right:0;}
ul.AnnouncementCategory.ulList_vertical li:nth-child(3n+1){clear:both;}
ul.AnnouncementCategory.ulList_vertical li a{padding:0.75em 1em;font-size:87.5%;text-align:center;}



/*========================================================
 module - news list
========================================================*/
.newsItem ul.newsList li{padding:15px 10px;flex-wrap:wrap;align-items:flex-start;}
.newsItem ul.newsList li .newsCategory{flex:0 0 auto;width:auto;max-width:inherit;margin:0 1em 10px 0;}
.newsItem ul.newsList li .newsCategory span{padding:3px 2em;}
.newsItem ul.newsList li .newsDate{margin:1px 1em 10px 0;}
.newsItem ul.newsList li .newsTitle{flex:1 1 100%;margin:0;}



/*========================================================
 common
========================================================*/
/* burgerLinkLanguage
------------------------------ */
ul.burgerLinkLanguage{display:block;list-style-type:none;margin:0;padding:15px 12px;border-bottom:1px solid #000;}
ul.burgerLinkLanguage:after{content:"";display:block;clear:both;}
ul.burgerLinkLanguage li{list-style-type:none;float:left;margin:0 1em 0 0;padding:0 1em 0 0;border-right:1px solid #fff;}
ul.burgerLinkLanguage li:last-child{margin:0;padding:0;border:none;}
ul.burgerLinkLanguage li a{display:block;color:#fff;font-weight:700;font-size:175%;line-height:1.2;text-decoration:none;}

/* headTitleImg
------------------------------ */
.headTitleImg{height:auto;}
.headTitleImg img{position:relative;left:50%;transform:translateX(-50%);max-width:150%;}

/* footMenu
------------------------------ */
/* footMenu
------------------------------ */
.footMenuWrap{padding:20px 10px;}
.footMenuWrap .footTitle{font-size:125%;}
ul.footMenu{display:block;padding:0 10px;}
ul.footMenu li{margin:0 0 10px;padding:0;}
ul.footMenu li a{font-size:112.5%;}
ul.footMenu li a .txtSmall{display:block;}
ul.footMenu li a + a{margin-top:10px;}
ul.footMenu li ul{margin:8px 0 10px 1em;}
ul.footMenu li ul li{margin:0 0 8px;font-size:100%;}
ul.footMenu li ul li:last-child{margin-bottom:0;}
ul.footMenu li ul li a{display:block;position:relative;padding-left:14px;font-size:100%;}
ul.footMenu li ul li a:before{content:"";display:block;position:absolute;top:-2px;bottom:0;left:0;transform:rotate(45deg);width:6px;height:6px;margin:auto 0;border:1px solid #354573;border-bottom:none;border-left:none;}
ul.footMenu li ul li ul{margin:8px 0 0 1em;}
ul.footMenu li ul li ul li{padding:0;}
ul.footMenu li ul li ul li a{padding-left:14px;font-size:87.5%;}
ul.footMenu li ul li ul li a:before{top:0;bottom:0;transform:inherit;height:2px;margin:auto 0;border:none;background-color:#354573;}


/* megaMenuWrap
------------------------------ */
ul.megaMenuWrap,
.megaMenuOverlay{display:none;}

/* accordion
------------------------------ */
.acc-title,
h2.acc-title{padding:0.5em 40px 0.5em 20px;font-size:125%;}
.acc-title:before,
h2.acc-title:before{right:20px;width:10px;height:10px;}



/*========================================================
 /company/
========================================================*/
/* companyTopContent
------------------------------ */
.categoryTopContent.companyTopContent.layoutItem .txtArea{padding:20px 30px 20px 15px;}
.categoryTopContent.companyTopContent.layoutItem .txtArea .title{margin:0 0 10px;font-size:112.5%;}
.categoryTopContent.companyTopContent.layoutItem .txtArea:before{right:16px;}

/* backColorGreenTitle
------------------------------ */
h2.backColorGreenTitle{padding:0.75em 0.75em;font-size:137.5%;text-align:left;}

/* sustainabilityContent
------------------------------ */
.categoryTopContent.companyTopContent.sustainabilityContent.layoutItem > *{margin-bottom:30px;}



/*========================================================
 /vision/
========================================================*/
/* visionContent01
------------------------------ */
/* .visionContent01{margin:0 0 45px;text-align:left;}
.visionContent01 > * .alignCenter{text-align:left;}
.visionContent01 .sloganTxt{margin:0 0 40px;padding:40px 0.75em;font-size:175%;text-align:left;}
._CHD-en .visionContent01 .sloganTxt{font-size:175%;}
.visionContent01 .sloganTxt .subTxt{margin:0 0 10px;font-size:64.2857%;}
.visionContent01 p{font-size:100%;}
.logoMarkDescription.layoutItem{margin:40px 0 30px;padding:20px 10px;width:auto;}
.logoMarkDescription.layoutItem > *{max-width:inherit;}
.logoMarkDescription.layoutItem h3{text-align:left;} */

/* visionContentKv
------------------------------ */
/* .visionContentKv{margin:0 0 55px;text-align:center;}
.visionContentKv img{margin:0 auto;}
.visionContentKv a{display:inline-block;position:relative;bottom:inherit;left:inherit;margin:30px 0 0;} */

/* visionContent02
------------------------------ */
.visionContent02{padding:0;background:none;}
.visionContent02 .miraiCamera{letter-spacing:0.1em;}
.visionContent02 .miraiCamera:before,
.visionContent02 .miraiCamera:after{width:46px;height:46px;margin:0 10px 0 0;}
.visionContent02 .miraiCamera:after{display:none;}
.visionContent02 p{font-size:100%;}
.visionContent02 .layoutItem{margin:25px 0;}
.visionContent02 .layoutItem .txtArea a{padding:15px 37px;}
.visionContent02 .charterLink a{display:block;padding:4px 1em;font-size:125%;}



/*========================================================
 /vision/pickup.html
========================================================*/
.contentPickup .boxColored{padding:2em 1em;}
.contentPickup .box{font-size:100%;}
.contentPickup ul.newsList li.articleItem,
.contentPickup ul.newsList li.articleItem:nth-child(n){display:flex;width:100%;margin:0 0 15px;padding:0.75em;flex-wrap:nowrap;}
.contentPickup ul.newsList li.articleItem:nth-of-type(2n){margin-right:0;}
.contentPickup .articleImg{flex:0 0 35%;width:auto;height:auto;margin:0 0.75em 0 0;}
.contentPickup .articleImg > a{height:auto;}
.contentPickup .articleImg img{top:inherit;right:inherit;bottom:inherit;left:inherit;transform:inherit;}
.contentPickup .articleBox{flex:1 1 auto;height:auto;padding:0;}
.contentPickup ul.newsList li .newsCategory{margin:0 0 8px;}
.contentPickup ul.newsList li .newsTitle a{font-size:100%;}



/*========================================================
 /company/vision/〇〇〇〇〇〇/
========================================================*/
/* pageTitleMiraiCamera
------------------------------ */
.headTitleImg.pageTitleMiraiCamera{height:auto;min-height:inherit;padding:0;background:transparent;}
.headTitleImg.pageTitleMiraiCamera .inner{max-width:inherit;padding:0;}
.headTitleImg.pageTitleMiraiCamera .titleArea{display:block;padding:20px 3%;font-size:150%;line-height:1.2;}
.headTitleImg.pageTitleMiraiCamera .descriptionArea{position:relative;top:inherit;clear:both;margin:0;padding:20px 3% 10px;background-color:transparent;font-size:100%;text-align:left;}
.headTitleImg.pageTitleMiraiCamera .txtAreaWrap{position:relative;top:inherit;right:inherit;padding:60% 0 0;background-color:transparent;font-size:100%;}
.headTitleImg.pageTitleMiraiCamera .txtAreaWrap:before{content:"";display:block;position:absolute;top:0;right:0;left:0;width:100%;margin:0 auto;padding-top:60%;background:url(/Portals/0/images/company/vision/resilience/bg_pagetitle_resilience_sp.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleMiraiCamera .txtAreaWrap .txtArea{position:absolute;top:0;right:0;left:inherit;z-index:10;max-width:100%;padding:10px 20px;background-color:rgba(235,109,118,0.5);}

/* contentMiraiCamera
------------------------------ */
.contentMiraiCamera h2{margin:25px 0 20px;padding:0 0 0 26px;font-size:137.5%;}
.contentMiraiCamera h2:before{width:22px;height:22px;background:url(/Portals/0/images/company/vision/resilience/ico_title.png) 0 0 no-repeat;background-size:cover;}
.contentSustainable h2:before{background:url(/Portals/0/images/company/vision/sustainable/ico_title.png) 0 0 no-repeat;background-size:cover;}
.contentDiversity h2:before{background:url(/Portals/0/images/company/vision/diversity/ico_title.png) 0 0 no-repeat;background-size:cover;}
.contentMiraiCamera > .layoutItem{margin-bottom:50px;font-size:100%;}
.contentMiraiCamera > .layoutItem > *{margin:0 0 25px;}
.contentMiraiCamera > .layoutItem > *:last-child{margin-bottom:0;}
.contentMiraiCamera > .layoutItem > *:first-child{max-width:inherit;}
.contentMiraiCamera > .layoutItem > *:first-child:before{display:none;}
.contentMiraiCamera .subImg{display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:flex-end;flex-wrap:nowrap;}
.contentMiraiCamera .subImg > *{flex:1 1 50%;margin:0 0 0 10px;}
.contentMiraiCamera .subImg > *:last-child{flex:0 1 auto;margin:0;}
.contentMiraiCamera .subImg > * br{display:none;}

/* resilienceBgImg
------------------------------ */
.resilienceBgImg{display:none;}



/*========================================================
 /company/vision/sustainable/
========================================================*/
/* pageTitleSustainable
------------------------------ */
.headTitleImg.pageTitleSustainable .descriptionArea:after{background:url(/Portals/0/images/company/vision/sustainable/bg_pagetitle_sustainable_sp.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleSustainable .txtAreaWrap{background-color:transparent;}
.headTitleImg.pageTitleSustainable .txtAreaWrap .txtArea{background-color:rgba(175,192,61,0.5);}
.headTitleImg.pageTitleSustainable .txtAreaWrap:before{background:url(/Portals/0/images/company/vision/sustainable/bg_pagetitle_sustainable_sp.jpg) center center no-repeat;background-size:cover;}


/*========================================================
 /company/vision/diversity/
========================================================*/
/* pageTitleDiversity
------------------------------ */
.headTitleImg.pageTitleDiversity .descriptionArea:after{background:url(/Portals/0/images/company/vision/diversity/bg_pagetitle_diversity_sp.jpg) center center no-repeat;background-size:cover;}
.headTitleImg.pageTitleDiversity .txtAreaWrap{background-color:transparent;}
.headTitleImg.pageTitleDiversity .txtAreaWrap .txtArea{top:inherit;right:inherit;bottom:0;left:0;background-color:rgba(53,69,115,0.5);}
.headTitleImg.pageTitleDiversity .txtAreaWrap:before{background:url(/Portals/0/images/company/vision/diversity/bg_pagetitle_diversity_sp.jpg) center center no-repeat;background-size:cover;}

/*========================================================
 人・夢・技術グループの強み -/vision/detail.html
========================================================*/
.contentStrength .logoItem{width:100%;}
.contentStrength .table th{border-right:0;border-bottom:1px solid #707070;}
.contentStrength .table td .head,
.contentStrength .table td .cont{width:100%;}
.contentStrength .graphItem{display:block;}
.contentStrength .graphHead,
.contentStrength .graphBar,
.contentStrength .graphNum{width:100%;line-height:1.5;}
.contentStrength .graphNum{justify-content:normal;}
.contentStrength .graphItem .graphBarWrap{width:100%;margin:5px 0;}
.contentStrength .graphItem + .graphItem{margin-top:1em;}
.contentStrength .total{flex-wrap:wrap;}
.contentStrength .totalImg{width:100%;}
.contentStrength .totalCont{margin-right:auto;order:-1;}


/*========================================================
 事業領域 -/vision/detail.html
========================================================*/
.contentBusinessArea .flow.layoutItem{display:flex;flex-direction:column;align-items:center;}
.contentBusinessArea .flow p{order:-1;}

/*========================================================
 /ir/
========================================================*/
/* categoryTopContent
------------------------------ */
.categoryTopContent.layoutItem .imgArea img.pcArea{display:none;}
.categoryTopContent.layoutItem .imgArea img.spArea{display:block;}
.categoryTopContent.layoutItem .txtArea:before{right:15px;}
.categoryTopContent.layoutItem.col1.center1Column > * a{display:block;padding:0;}
.categoryTopContent.layoutItem.col1.center1Column > * a .txtArea{text-align:center;}

/* irNewsList
------------------------------ */
.newsItem.irNewsListIndex ul.newsList li{padding:15px 10px;flex-wrap:wrap;align-items:flex-start;}
.newsItem.irNewsListIndex ul.newsList li .newsCategory{flex:0 0 auto;max-width:inherit;margin:0 1em 10px 0;}
.newsItem.irNewsListIndex ul.newsList li .newsCategory span{padding:3px 2.5em;}
.newsItem.irNewsListIndex ul.newsList li .newsDate{margin:1px 0 10px;}
.newsItem.irNewsListIndex ul.newsList li .newsTitle{flex:1 1 100%;margin:0;}
.newsItem.irNewsListIndex p.linkBtn a{display:block;text-align:center;}

/* boxTitleContet
------------------------------ */
.boxTitleContet > .boxBordered ul.layoutItem > li{margin-bottom:2%;}
.boxTitleContet > .boxBordered ul.layoutItem > li a{padding:1em 30px 1em 15px;}



/*========================================================
 /ir/message.html
========================================================*/
/* topMessageContent
------------------------------ */
.topMessageContent .titleBanner{display:flex;flex-direction:column-reverse;}
.topMessageContent .titleBanner .txtArea{padding:1em 1em;font-size:131.25%;line-height:1.6;}
.topMessageContent .titleBanner .imgArea{max-width:inherit;}
.topMessageContent .titleBanner .imgArea img{width:100%;}


/*========================================================
 /contact.html
========================================================*/
/* questionnaire-form
------------------------------ */
.questionnaire-form table.tableBasic > * > tr{margin:0 0 20px;}
.questionnaire-form table.tableBasic > * > tr > th{padding:1.25em;border-bottom:1px solid #ccc;}
.questionnaire-form table.tableBasic > * > tr > td{padding:1em 1.25em;}
/* --- questionnaire-btn --- */
.questionnaire-form .questionnaire-btn{display:flex;display:block;margin:50px 0 0;flex-wrap:wrap;}
.questionnaire-form .questionnaire-btn input[type="submit"]{display:block;width:100%;margin:0 0 1em;padding:1em;}



/*========================================================
 /ir/library/security.html
========================================================*/
/* securitiesReportList
------------------------------ */
ul.securitiesReportList li{padding:15px 10px;}
ul.securitiesReportList li .category{display:inline-block;float:none;margin:0 0 10px;}
ul.securitiesReportList li a{display:block;clear:both;line-height:1.6;}



/*========================================================
 /ir/library/business-report.html
========================================================*/
/* businessReportContent
------------------------------ */
.businessReportContent .layoutItem:not(.notBlock):not(.spCol2){display:flex;flex-direction:column-reverse;padding:25px 10px;}
.businessReportContent dl dt,
.businessReportContent dl dd{float:none;max-width:inherit;margin:0;}



/*========================================================
IRライブラリー -/ir/library/
========================================================*/
.categoryTopContent.layoutItem.txtCategory .imgArea span,
.categoryTopContent.layoutItem.txtCategory.col3 .imgArea span{left:44px;padding:0.75em 0.5em;border-left-width:10px;font-size:150%;}



/*===========================================================
IRカレンダー -/ir/calendar.html
===========================================================*/
ul.scheduleList{font-size:100%;line-height:1.4;}
ul.scheduleList li{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
ul.scheduleList li:last-child{border-bottom:none;}
ul.scheduleList li span.date{display:block;width:auto;}



/*========================================================
 経営理念・行動憲章 - /company/charter.html
========================================================*/
iframe.googleMapSize{width:100%;height:240px;}
.histryContentsWrap .layoutItem.historylayout table td,
.histryContentsWrap .layoutItem.historylayout table th{padding:0;}
.histryContentsWrap .layoutItem.historylayout table th{width:3em;text-align:left;}
.histryContentsWrap .layoutItem.historylayout h3{margin-bottom:0.5em;}
.histryContentsWrap .layoutItem.historylayout .thumb{margin-top:1em;text-align:center;}
.histryContentsWrap .layoutItem.historylayout{margin:0;padding:1em;}



/*===========================================================
 会社概要 - /company/profile.html
===========================================================*/
.histryContentsWrap .layoutItem.historylayout table td,
.histryContentsWrap .layoutItem.historylayout table th{padding:0;}
.histryContentsWrap .layoutItem.historylayout table th{width:3em;text-align:left;}
.histryContentsWrap .layoutItem.historylayout h3{margin-bottom:0.5em;}
.histryContentsWrap .layoutItem.historylayout .thumb{margin-top:1em;text-align:center;}
.histryContentsWrap .layoutItem.historylayout{margin:0;padding:1em;}
/* --- profileTable --- */
table.tableBasic.profileTable td > table th{width:100px;}
table.tableBasic.profileTable td > table th,
table.tableBasic.profileTable td > table td{padding:0.5em 1em;}
table.tableBasic.profileTable th{padding:1em 1em 0 1em;}
table.tableBasic.profileTable td{padding:0.5em 1em 1em 1em;}
/* --- english --- */
._CHD-en table.profileTable dt{width:100%;}
._CHD-en table.profileTable dd{width:auto;}

/*===========================================================
 グループ会社 - /company/group.html
===========================================================*/
table.tableBasic.groupTable th{padding:1em 1em 0 1em;}
table.tableBasic.groupTable td{padding:0.5em 1em 1em 1em;}



/*===========================================================
 サステナビリティ - /company/csr/ contentCsr
===========================================================*/
.contentCsr .layoutItem.bannerGreen .txtArea{padding:1em;}
.contentCsr .layoutItem.bannerGreen .imgArea{width:100%;text-align:center;}
.contentCsr .layoutItem.bannerGreen .imgArea img{display:block;width:100%;}
.sdgsListContents .layoutItem.nowraped > .txtArea{width:100%;margin:0;}
.sdgsListContents .layoutItem.nowraped > .txtArea > *:first-child{margin-top:2em;}
.contentsCsrBottomNav .imgArea img{display:block;width:100%;}
.sdgsItemWrap .layoutItem.nowraped > .txtArea{padding:0;}
.sdgsItemWrap .btnMiraiArea{position:static;width:auto;text-align:center;}



/*===========================================================
 ESGデータ集- /company/csr/esgdata.html
===========================================================*/
.contentEsgdata .esgdataLinkList{display:flex;flex-direction:column;}
.contentEsgdata .esgdataLinkItem + .esgdataLinkItem{margin-top:1em;margin-left:0;}
.contentEsgdata table.tableBasic th{white-space:nowrap;}



/*===========================================================
 数字で見る　人・夢・技術グループ -/company/number.html
===========================================================*/
.contentNumber > *[class*="content"]{padding:14px;}
.contentNumber .contentInner{display:block;}
.contentNumber .item01,
.contentNumber .item02{width:100%;max-width:inherit;margin:0 0 35px;padding:0;}
.contentNumber .itemWrap{display:block;}

/* itemWrap
------------------------------ */
.contentNumber * + .itemWrap{margin-top:24px;padding-top:45px;}
.contentNumber .itemWrap > *{width:auto;margin:0 0 30px;}
.contentNumber .itemWrap > * > .img{max-width:28%;}
.contentNumber .itemWrap h2{flex:1 1 auto;padding:6px 1em 6px;}
.contentNumber .itemWrap .data .value{font-size:375%;}
.contentNumber .itemWrap .data .unit{font-size:156.25%;}

/* itemGrid
------------------------------ */
.contentNumber .itemGrid{display:block;}
.contentNumber .itemGrid > .left{display:block;width:100%;margin:0;}
.contentNumber .itemGrid > .right{width:auto;}
.contentNumber .itemGrid > .left > *,
.contentNumber .itemGrid > .right > *{margin:0 0 14px;padding:35px 18px;}

/* topics
------------------------------ */
.contentNumber .contentPink h2{font-size:150%;}
/* --- item04 --- */
.contentNumber .item04 h2{margin:0 3% 0 0;}
.contentNumber .item04 .data .value{font-size:262.5%;}
.contentNumber .item04 .data .unit{font-size:125%;}
/* --- item09 --- */
.contentNumber .itemGrid .item09 .number{font-size:375%;}
/* --- item11 --- */
.contentNumber .itemGrid .item11{height:auto;margin-bottom:0;}
/* --- topics --- */
.contentNumber .topics{padding:20px 10px 15px;}
.contentNumber .topics .value{font-size:200%;}

/*===========================================================
 財務ハイライト - /ir/highlight.html
===========================================================*/
._CHD-en .irHighlight table.tableBasic.tableBasicType02 th,
._CHD-en .irHighlight table.tableBasic.tableBasicType02 td{word-break:break-all;}



/*===========================================================
 採用情報 -/recruit/
===========================================================*/
.contentRecruit .txtXLarge{font-size:175%;}
.contentRecruit .boxImg img{margin-bottom:1em;}
.contentRecruit .messageItem:nth-of-type(even) .messageText{order:0;}
.contentRecruit .messageInner{display:block;}
.contentRecruit .messagePeople{width:auto;max-width:300px;margin:auto;}
.contentRecruit .messageImg{width:100%;margin:0 auto 2em;}
.contentRecruit .messageText{width:100%;margin-top:1em;}
.contentRecruit .messageHead{font-size:150%;}
.contentRecruit .messageCont{font-size:100%;}


/**/}