@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"); /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */ /* Reset box-model and set borders */ /* ============================================ */ *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 0; } /* Document */ /* ============================================ */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Remove gray overlay on links for iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ } /* Sections */ /* ============================================ */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Vertical rhythm */ /* ============================================ */ p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; } /* Headings */ /* ============================================ */ h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; } /* Lists (enumeration) */ /* ============================================ */ ul, ol { margin: 0; padding: 0; list-style: none; } /* Lists (definition) */ /* ============================================ */ dt { font-weight: bold; } dd { margin-left: 0; } /* Grouping content */ /* ============================================ */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border-top-width: 1px; margin: 0; clear: both; color: inherit; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } address { font-style: inherit; } /* Text-level semantics */ /* ============================================ */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration: none; color: inherit; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0em; } sup { top: -3px; } /* Embedded content */ /* ============================================ */ /** * Prevent vertical alignment issues. */ img, embed, object, iframe { vertical-align: bottom; } /* Forms */ /* ============================================ */ /** * Reset form fields to make them styleable */ button, input, optgroup, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit; } /** * Reset radio and checkbox appearance to preserve their look in iOS. */ [type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Remove arrow in IE10 & IE11 */ select::-ms-expand { display: none; } /** * Remove padding */ option { padding: 0; } /** * Reset to invisible */ fieldset { margin: 0; padding: 0; min-width: 0; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the outline style in Safari. */ [type="search"] { outline-offset: -2px; /* 1 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Clickable labels */ label[for] { cursor: pointer; } /* Interactive */ /* ============================================ */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Remove outline for editable content. */ [contenteditable] { outline: none; } /* Table */ /* ============================================ */ table { border-collapse: collapse; border-spacing: 0; } caption { text-align: left; } td, th { vertical-align: top; padding: 0; } th { text-align: left; font-weight: bold; } /* Misc */ /* ============================================ */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*----------------------------- ------------------------------- -パソコン用のスタイル- ------------------------------- -----------------------------*/ /*----------------------------- css基本設定 -----------------------------*/ html { font-size: 100%; } body { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; /* text-align: justify;*/ font-family: "Noto Sans JP", sans-serif !important; letter-spacing: 0.1rem; } main { padding-top: 181.469px; position: relative; } .wrapper01 { width: 1160px; margin-left: auto; margin-right: auto; padding-right:30px; padding-left:30px; } .wrapper02 { width: 1160px; margin-left: auto; margin-right: auto; } img { max-width: 100%; max-height: 100%; } i { font-style: normal; font-family: serif; } a { cursor: pointer; } .p { font-size: 1rem; line-height: 1.7; font-weight: 300; } .sp { display: none; } .tb-sp { display: none; } /*----------------------------- モジュール(共通のデザイン要素) -----------------------------*/ .header { width: 100%; height: 182.469px; position: absolute; top: 0; left: 0; z-index: 1000000; } .header__top { background-color: #fff; height: 130px; } .header__top-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 38px 0px 32px; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .header__logo { width: 502px; } .header__logo img { width: 100%; } .header__size { position: absolute; right: 0; top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 25px; margin-right: 130px; } .header__size-txt { color: #707070; font-size: 0.75rem; line-height: 25px; margin-right: 16px; } .header__size-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__size-icons i { font-size: 1rem; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; font-style: normal; font-family: "Noto Sans JP", sans-serif; } .header__size-icons i.deep { background-color: #666666; color: #fff; margin-right: 4px; } .header__size-icons i.normal { background-color: #999999; color: #fff; margin-right: 4px; } .header__size-icons i.light { background-color: #CCCCCC; color: #666666; } .header__eng { text-align: center; font-weight: 300; letter-spacing: 0.05rem; position: absolute; top: 35px; right: 0px; background-color: #CC3333; color: #fff; width: 106px; height: 24px; line-height: 23px; font-size: 0.8125rem; } .header__eng i { font-style: normal; margin-right: 4px; } .header__purposes { padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__purposes-purpose { position: relative; font-size: 0.875rem; color: #666666; font-weight: 300; } .header__purposes-purpose--contact { margin-right: 6px; padding-left: 34px; } .header__purposes-purpose--contact i img { position: absolute; width: 22px; left: 6.04px; top: 2.3px; height: auto; } .header__purposes-purpose--sitemap { padding-left: 34px; } .header__purposes-purpose--sitemap i img { position: absolute; top: 1.5px; left: 6px; width: 22px; height: auto; } .header__purposes-purpose--search { padding-left: 8px; margin-left: 16px; background-color: #fff; color: #000; border: solid 1px; height: 22px; width: 174.5px; } .header__purposes-purpose--search i img { position: absolute; width: 15.5px; height: auto; top: 3px; right: 7px; } .header__purposes-purpose--search i img:hover { cursor: pointer; opacity: .7; } .header__purposes-purpose--search .input-outer { width: 200px; } .header__purposes-purpose--search input[type="text"] { width: 80%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 19px; } .header__purposes-purpose--search #magnifyingGlass { width: 17px; position: absolute; top: 1px; right: 5px; } .header__purposes-purpose--search #magnifyingGlass input { max-width: 100%; } .header__ham { display: none; position: relative; margin-top: 38px; width: 26px; height: 12px; } .header__bottom { background-color: #CC3333; color: #CCCCCC; height: 52px; width: 100%; } .header__bottom.is-show { position: fixed; top: 0; left: 0; width: 100%; -webkit-transition-duration: .1s; transition-duration: .1s; } .header__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 49px; } .header__nav ul > li { position: relative; -webkit-transition-duration: .5s; transition-duration: .5s; } .header__nav ul > li::before { content: ''; position: absolute; bottom: 0; left: 0; height: 6px; width: 100%; background-color: #CC3333; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .header__nav ul > li.active, .header__nav ul > li > a.active { color: #fff; -webkit-transition-duration: .5s; transition-duration: .5s; } .header__nav ul > li.active::before, .header__nav ul > li > a.active::before { -webkit-transition-duration: .5s; transition-duration: .5s; content: ''; position: absolute; bottom: 6px; left: 0; height: 3px; width: 100%; background-color: #fff; } .header__nav ul > li a#sutainabilityHeaderBottom { display: block; } .header__sp-menu { display: none; } .header__megamenu-outer { margin-top: 0; position: relative; } .header__megamenu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 900px; background-color: rgba(62, 58, 57, 0.9); color: #fff; z-index: 1000; overflow-y: hidden; } .header__megamenu-inner { -webkit-transition: .25s; transition: .25s; margin-top: 180px; position: relative; height: 100%; padding-top: 0px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__megamenu-left { position: relative; width: 73%; } .header__megamenu-left-inner { margin-top: 50px; } .header__megamenu-right { position: relative; opacity: 0; width: 24%; height: 100%; } .header__megamenu-right.active { -webkit-transition: .5s; transition: .5s; opacity: 1; } .header__megamenu-right-inner { padding-top: 50px; padding-left: 27.5px; } .header__megamenu-top ul.collmun01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-top: 31px; font-weight: 500; } .header__megamenu-top ul.collmun01 > li { margin-left: 95px; font-size: 1rem; } .header__megamenu-top ul.collmun01 > li:first-of-type { margin-left: 0; } .header__megamenu-top ul.collmun01 > li i { margin-right: 8px; } .header__megamenu-middle { margin-top: 30px; } .header__megamenu-middle ul.collmun02.parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-top: 28px; font-weight: 500; } .header__megamenu-middle ul.collmun02.parent > li { width: 265px; font-weight: 500; line-height: 1.5; margin-left: 26.5px; } .header__megamenu-middle ul.collmun02.parent > li:first-of-type { margin-left: 0; } .header__megamenu-middle ul.collmun02.parent > li span.esgtxt { border-bottom: solid 2px #fff; padding-bottom: 10px; display: block; font-size: 1.125rem; } .header__megamenu-middle ul.collmun02.parent > li > a > i { position: absolute; right: -10px; } .header__megamenu-middle ul.collmun02.parent > li ul.child { font-size: 1rem; margin-top: 20px; font-weight: 300; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li { margin-top: 30px; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li:first-of-type { margin-top: 0; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li > a { display: block; position: relative; -webkit-transition: .5s; transition: .5s; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li > a.invisible { -webkit-transition: .5s; transition: .5s; opacity: .5; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li i { position: absolute; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li i.type01 { right: 48px; } .header__megamenu-middle ul.collmun02.parent > li ul.child > li i.type02 { left: 0; } .header__megamenu-bottom { margin-top: 56px; padding-bottom: 80px; } .header__megamenu-child-area { position: absolute; left: 0; display: none; margin-top: 68px; width: 100%; } .header__megamenu-child-area ul { text-align: left; margin-top: 19.88px; padding-left: 0px; } .header__megamenu-child-area ul li { font-weight: 300; margin-top: 21.84px; line-height: 1.5; } .header__megamenu-child-area ul li:first-of-type { margin-top: 0; } .header__megamenu-child-area-heading { border-bottom: solid 2px #fff; padding-bottom: 10px; display: block; font-size: 1.125rem; } .header__megamenu-justtxt { border-left: solid #fff 6px; font-size: 1.25rem; font-weight: 500; padding-left: 9px; } .header__megamenu-cross { position: absolute; top: 50px; right: 0; width: 28px; height: 28px; margin: 0 0 0 auto; display: block; } .header__megamenu-cross:hover { cursor: pointer; opacity: 0.7; -webkit-transition: .7s; transition: .7s; } .header__megamenu-cross .line01, .header__megamenu-cross .line02 { display: inline-block; position: absolute; background-color: #fff; width: 2px; height: 80%; } .header__megamenu-cross .line01 { top: 3px; left: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header__megamenu-cross .line02 { top: 3px; left: 11.5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #scrollWrapper { width: 100% !important; margin: auto !important; } .scrollbox { margin-top: 5px !important; overflow-x: scroll !important; overflow-y: hidden !important; } /* スクロールバーのスタイル */ .scrollbar::-webkit-scrollbar, .scrollbox::-webkit-scrollbar { height: 10px !important; } .scrollbar::-webkit-scrollbar-track, .scrollbox::-webkit-scrollbar-track { border-radius: 5px !important; } .scrollbar::-webkit-scrollbar-thumb, .scrollbox::-webkit-scrollbar-thumb { border-radius: 5px !important; background-color: #e7e7e7 !important; } .gri-table { width: 100%; overflow-x: auto; overflow-y: initial; margin-top: 32px; } .gri-table table { width: 100%; border-collapse: collapse; border-bottom: 1px #b7b7b7 solid; } .gri-table table th, .gri-table td { border: 1px #b7b7b7 solid; border-bottom: none; padding: 8px 8px; line-height: 1.5; } .gri-table table th.smaller, .gri-table td.smaller { font-size: 15px; padding: 8px 4px; } .gri-table table th span.block, .gri-table td span.block { display: block; margin-top: 16px; } .gri-table table th span.block:first-of-type, .gri-table td span.block:first-of-type { margin-top: 0; } .gri-table td.gri-standard { text-align: center; color: #fff; font-weight: bold; } .gri-table tr.heading-row td { background-color: #669900 !important; color: #fff; font-weight: 600; } .gri-table tr td:nth-of-type(1) { width: 5%; max-width: 85px; min-width: 54px; } .gri-table tr td:nth-of-type(2) { width: 20%; } .gri-table tr td:nth-of-type(3) { width: 25%; } .gri-table tr td:nth-of-type(4) { width: 25%; } .gri-table td[colspan="4"] { font-weight: 600; background-color: #f0f0ea; color: #000; } .gri-table td[colspan="4"].sub { background-color: #eee; color: #000; } .gri-table a { margin-top: 8px; display: inline-block; color: #107fff; line-height: 1.5; -webkit-text-decoration: underline #fff; text-decoration: underline #fff; } .gri-table a:hover { -webkit-transition: .2s; transition: .2s; -webkit-text-decoration: underline #107fff; text-decoration: underline #107fff; } .gri-table tr td a:first-of-type { margin-top: 0; } .footer { border-top: solid 2px #CC3333; padding: 20px 0 40px; } .footer__privacy { font-size: 0.8125rem; font-weight: 300; } .footer__logo { margin-top: 24px; text-align: center; margin-left: auto; margin-right: auto; width: 400px; } .footer__copyright { text-align: center; margin-top: 11px; font-size: 0.8125rem; letter-spacing: 1.3px; } .section-title { text-align: center; font-weight: 500; margin-left: auto; margin-right: auto; } .section-title__jpn { display: inline-block; color: #000; font-size: 1.875rem; border-bottom: 3px #669900 solid; padding-bottom: 16px; line-height: 1.5; } .section-title__eng { line-height: 1.5; letter-spacing: 0.03rem; margin-top: 16px; display: block; color: #669900; font-size: 1.375rem; } .top-btn { position: absolute; bottom: 0; right: 20px; } .top-btn > span { background-color: #CC3333; display: inline-block; height: 93px; width: 86px; -webkit-transition: .5s; transition: .5s; } .top-btn > span:hover { cursor: pointer; opacity: 0.7; -webkit-transition: .5s; transition: .5s; } .breadcrumb { margin-top: 183px; padding: 27px 0; } .breadcrumb__inner ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .breadcrumb__inner ol li { margin-right: 15px; color: #727171; font-size: 0.875rem; } .breadcrumb__inner ol li a { color: #CC3333; } .breadcrumb__inner ol i { margin-left: 15px; } .child-header { height: 178.9px; width: 100%; } .child-header__back { width: 100%; height: 100%; background-image: url("../img/child-header-enviroment-management.jpg"); background-size: cover; background-repeat: no-repeat; display: table; } .child-header__back--pen { background-image: url("../img/child-header-pen.jpg"); } .child-header__back--esg { background-image: url("../img/child-header-esg.jpg"); background-position-y: -3px; } .child-header__back--person { background-image: url("../img/child-header-person.jpg"); } .child-header__back--city { background-image: url("../img/child-header-city.jpg"); } .child-header__back--city-longer { background-image: url("../img/child-header-city-long.jpg"); } .child-header__back--con { background-image: url("../img/child-header-conversation.jpg"); } .child-header__content { vertical-align: middle; display: table-cell; } .child-header__p { color: #fff; font-size: 1.0625rem; font-weight: 500; } .child-header__heading { margin-top: 32px; font-size: 2.1875rem; font-weight: 500; color: #fff; } .child-header__heading--one { margin-top: 0; } .child-header__heading--smaller { font-size: 2rem; } .child-aside { width: 313.09px; } .child-aside a.this { color: #669900; } .child-aside__heading { font-size: 1.75rem; font-weight: 500; border-bottom: #898989 3px solid; padding-bottom: 20px; line-height: 1.5; } .child-aside__heading--main { padding-top: 32px; font-size: 1.3125rem; } .child-aside__heading--main:first-of-type { margin-top: 10px; padding-top: 0; } .child-aside__heading--main a.this { color: #669900 !important; } .child-aside__block { margin-top: 27px; } .child-aside__megaparent { font-size: 1.125rem; font-weight: 300; } .child-aside__megaparent.link { margin-top: 30px; line-height: 1.5; } .child-aside__megaparent.link > a.active { color: #669900; } .child-aside ul { padding-left: 8px; padding-bottom: 34px; border-bottom: 1px dashed #898989; } .child-aside ul.bottom { border-bottom: none; } .child-aside ul li { position: relative; margin-left: 8px; font-weight: 300; font-size: 0.9375rem; line-height: 1.5; margin-top: 20px; } .child-aside ul li i { position: absolute; left: -16px; font-size: 0.875rem; font-family: serif; font-style: normal; } .child-aside ul li a.this { color: #669900; } /*----------------------------- 01.トップページ -----------------------------*/ .top-fv { height: 415px; } .top-fv__back { height: 100%; width: 100%; max-height: initial; background: url("../img/top-fv-min.jpg"); background-size: cover; background-position: 0; } .top-fv__content { position: relative; color: #fff; } .top-fv__bigcopy { position: absolute; top: 64px; left: 0; font-size: 2.7625rem; font-weight: 500; letter-spacing: 0.5rem; } .top-fv__smallcopy { position: absolute; top: 147px; left: 0; text-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px; font-size: 1.221rem; line-height: 1.74; font-weight: 500; letter-spacing: 0.08rem; } .sustainability { background-color: #EAEEF4; padding: 58px 0 65px; } .sustainability__content { margin-top: 70px; } .sustainability__collumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sustainability__collumn li { width: 30%; } .sustainability__image-area { width: 100%; } .sustainability__image-area img { width: 100%; } .sustainability__txt-area { height: 100px; padding-top: 35px; padding-bottom: 11px; background-color: #669900; color: #fff; text-align: center; } .sustainability__txt-area--twocollumn { padding-top: 20px; } .sustainability__jpntxt { display: block; font-size: 1.25rem; font-weight: 500; } .sustainability__engtxt { margin-top: 22px; letter-spacing: 0.03rem; font-size: 0.8125rem; color: #BECCBB; display: block; } .sustainability__engtxt--twocollumn { letter-spacing: 0.03rem; margin-top: 10px; } .esg { padding-top: 80px; padding-bottom: 105px; } .esg__content { margin-top: 65px; } .esg__collumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .esg__collumn > li { width: 30%; } .esg__image { width: 100%; } .esg__image img { width: 100%; } .esg__title { text-align: center; } .esg__bigtxt { margin-top: 20px; display: block; color: #669900; border-bottom: solid 1px; padding-bottom: 16px; font-size: 1.875rem; font-weight: 500; } .esg__eng { letter-spacing: 0.03rem; margin-top: 12px; display: block; font-size: 0.8125rem; color: #9FAD9B; font-weight: 500; } .esg__p-area { margin-top: 42px; } .esg__btn-area { text-align: center; margin-top: 42px; } .esg__btn-area > a { cursor: pointer; position: relative; height: 50px; line-height: 50px; color: #fff; background-color: #669900; display: block; width: 100%; border-radius: 5px 5px 0 0; } .esg__btn-area > a i { position: absolute; right: 15%; top: -30%; } .esg__detailcontent { display: none; background-color: #EAEEF4; } .esg__detailcontent-inner { padding: 36px 0 40px; margin-left: auto; margin-right: auto; width: 87%; } .esg__detailcontent-inner ul li { position: relative; text-align: left; font-size: 1rem; line-height: 1.5; margin-top: 30px; font-weight: 500; } .esg__detailcontent-inner ul li:first-of-type { margin-top: 0; } .esg__detailcontent-inner ul li i { position: absolute; right: 30px; font-style: normal; font-family: serif; } .esg__detailcontent-inner ul li.left { margin-left: 10px; } .esg__detailcontent-inner ul li.left a { display: block; margin-left: 18px; } .esg__detailcontent-inner ul li.left i { left: 0; } .esg__detailcontent-slide-up { position: relative; cursor: pointer; background-color: #669900; display: block; text-align: center; height: 30px; line-height: 30px; } .esg__detailcontent-slide-up div { position: absolute; top: -7px; width: 100%; text-align: center; } .esg__detailcontent-slide-up div img { width: 20px; } .esg__gri { margin-top: 64px; background-color: #fff; border: solid 3px #669900; border-radius: 5px; } .esg__gri a { text-align: center; color: #669900; display: block; height: 80px; line-height: 80px; width: 100%; font-size: 1.31rem; font-weight: 500; } .esg__gri a .relative { position: relative; display: inline; } .esg__gri a i { position: absolute; left: -70px; top: -48px; width: 53px; } .esg__gri a i img { width: 53px; } /*----------------------------- 0.5.下層ページ共通 -----------------------------*/ .child-content { position: relative; padding-top: 70px; padding-bottom: 122px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .child-main { padding-top: 0; margin-right: 60.91px; width: 67.7%; } .child-main--wider { width: 100%; } .child-layout01 { position: relative; } .child-layout01 .id { position: absolute; top: -100px; } .child-layout01 .bold { font-weight: 500 !important; } .child-layout01 .num { font-size: 80%; } .child-layout01 .ml4 { margin-left: 4px; } .child-layout01 .mr8 { margin-right: 8px; } .child-layout01 .block { display: block; } .child-layout01 .green { color: #669900; } .child-layout01--second { margin-top: 120px; } .child-layout01__heading { font-size: 1.75rem; line-height: 1.5; font-weight: 500; color: #000; border-bottom: solid #669900 3px; padding-bottom: 20px; } .child-layout01__top-p { margin-top: 20px; font-size: 1rem; color: #000000; line-height: 26px; } .child-layout01__top-p.weight300 { font-weight: 300; } .child-layout01__block { margin-top: 52.25px; } .child-layout01__block--mt-pc-90 { margin-top: 90px; } .child-layout01__block--second { margin-top: 80px; } .child-layout01__childheading { font-size: 1.3125rem; font-weight: 500; border-left: solid 7px #669900; padding-left: 14px; margin-bottom: 20px; } .child-layout01__p { position: relative; margin-top: 30px; } .child-layout01__p:first-of-type { margin-top: 0; } .child-layout01__p--mt82 { margin-top: 82px; } .child-layout01__p--mt30 { margin-top: 30px !important; } .child-layout01__p.bold { font-weight: 500; } .child-layout01__p--mt24 { margin-top: 24px; } .child-layout01__p .environment-management-system-inlineblock { display: inline-block; width: 350px; } .child-layout01__imagescollumn { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .child-layout01__imagescollumn--pc-mt20 { margin-top: 20px; } .child-layout01__imagescollumn-image { width: 45%; } .child-layout01__imagescollumn-image--mt { margin-top: 20px; } .child-layout01__imagescollumn-image--pc-mt81 { margin-top: 81px; } .child-layout01__imagescollumn-image--w31persent { width: 31%; } .child-layout01__imagescollumn-image--w65persent { width: 65%; } .child-layout01__imagescollumn-image img { width: 102%; height: 102%; max-width: initial; max-height: initial; border-radius: 5px; } .child-layout01__imagescollumn-image figcaption { text-align: left; font-weight: 300; margin-top: 14px; margin-bottom: 5px; font-size: 0.8725rem; } .child-layout01__grapgh { position: relative; margin-top: 65px; overflow-x: auto; overflow-y: hidden; width: 100%; } .child-layout01__grapgh .cover100 { position: absolute; right: 0; bottom: 16px; font-weight: 300; font-size: .875rem; } .child-layout01__grapgh .cover100.protection { display: block; text-align: right; margin-top: 10px; position: initial; bottom: 0; } .child-layout01__grapgh--mt00 { margin-top: 0px; } .child-layout01__grapgh--mt39 { margin-top: 39px; } .child-layout01__grapgh--thirdparty { margin-top: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .child-layout01__grapgh--energy { margin-top: 30px; } .child-layout01__grapgh--framework { text-align: center; } .child-layout01__grapgh--pc-mt20 { margin-top: 20px; } .child-layout01__grapgh.noscroll { overflow: initial; } .child-layout01__grapgh figcaption.caption { margin-top: 10px; font-weight: 300; width: 100%; display: inline-block; font-size: 0.875rem; line-height: 1.5; } .child-layout01__grapgh img { max-width: initial; } .child-layout01__grapgh img.materiarity { width: 1161px; } .child-layout01__grapgh img.environment-management-system { width: 100%; } .child-layout01__grapgh img.accounting { width: 100%; } .child-layout01__grapgh img.qualification { width: 567px; } .child-layout01__grapgh img.tcfd { width: 100%; } .child-layout01__grapgh img.thirdparty { width: 299px; } .child-layout01__grapgh img.energy { width: 100%; } .child-layout01__grapgh img.waste { width: 100%; } .child-layout01__grapgh img.waste01 { width: 100%; } .child-layout01__grapgh img.water { width: 100%; } .child-layout01__grapgh img.air { width: 100%; } .child-layout01__grapgh img.tcfd-bottom { width: 100%; } .child-layout01__grapgh img.quentity { width: 100%; } .child-layout01__grapgh img.bottomgrapgh02 { width: 542px; } .child-layout01__grapgh img.recycle { width: 100%; } .child-layout01__grapgh img.special { width: 100%; } .child-layout01__grapgh img.protection-quentity { width: 100%; } .child-layout01__grapgh img.standing { width: 50%; } .child-layout01__grapgh img.warehouse { width: 50%; } .child-layout01__grapgh img.framework { margin-left: auto; margin-right: auto; width: 468px; } .child-layout01__grapgh img.lighting_bargrapgh { width: 100%; } .child-layout01__grapgh img.materiarity-setting { width: 100%; } .child-layout01__list { margin-top: 82px; } .child-layout01__list li { margin-top: 46px; line-height: 1.6825; font-weight: 300; } .child-layout01__list li:first-of-type { margin-top: 0; } .child-layout01__greenlink { margin-top: 72px; /* border-bottom: solid 1px; */ display: inline-block; color: #669900; } .child-layout01__greenlink--mt32 { margin-top: 32px; } .child-layout01__greenlink--mt16 { margin-top: 16px; } .child-layout01 .num-list { position: relative; display: block; padding-left: 27px; } .child-layout01 .num-list--temp { padding-left: 153px; } .child-layout01 .num-list .num { position: absolute; left: 0; top: 3px; } .child-layout01 .num-list .num--temp { top: 0; font-size: 100%; } .child-layout01 .num-list.mt8-pc { margin-top: 8px; } .child-layout01 .num-list.mt20-pc { margin-top: 16px; } .child-layout01 .nomore { margin-top: 64px; font-weight: 300; text-align: right; } @media screen and (min-width: 1025px) and (max-width: 1160px) { .wrapper01 { width: 90%; } .wrapper02 { width: 90%; } /* .header__logo { padding-top: 16px; width: 300px; } */ } @media screen and (min-width: 600px) and (max-width: 1024px) { main { padding-top: 104px; } .wrapper01 { width: calc(90%); } .wrapper02 { width: 90%; } .tb-sp { display: block; } /*----------------------------- タブレット:モジュール(共通のデザイン要素) -----------------------------*/ .header { height: 105px; } .header__top { height: 100%; } .header__top-inner { position: initial; padding-top: 19px; padding-bottom: 0; } .header__logo { width: 400px; } .header__logo img { width: 100%; } .header__size { display: none; } .header__eng { top: initial; bottom: 12px; right: 33px; color: #fff; width: 84px; height: 23px; padding: 10px 0; line-height: 0px; } .header__eng i { font-style: normal; margin-right: 4px; } .header__purposes { display: none; } .header__ham { display: block; position: relative; margin-top: 16px; width: 26px; height: 12px; } .header__ham-line { position: absolute; width: 100%; display: block; border-radius: 5px; background-color: #CC3333; height: 2px; } .header__ham-line--01 { top: 0; } .header__ham-line--02 { top: 50%; } .header__ham-line--03 { top: 100%; } .header__bottom { display: none; } .header__sp-menu { display: none; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 1000000; overflow-y: auto; } .header__sp-menu.active { display: block; } .header__sp-menu-top { height: 50px; background: #fff; } .header__sp-menu-top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 36px; padding-right: 24px; } .header__sp-menu-tools { padding-top: 17.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .header__sp-menu-tools i { width: 24px; margin-left: 24px; } .header__sp-menu-tools i:first-of-type { margin-left: 0; } .header__sp-menu-tools i img { width: 100%; } .header__sp-menu-tools i img.search { width: 75%; } .header__sp-menu-tools i img.sitemap { width: 90%; } .header__sp-menu-cross { position: relative; margin-top: 10px; background-color: #707070; border-radius: 50%; width: 32px; height: 32px; } .header__sp-menu-cross-line { position: absolute; background-color: #fff; width: 2px; height: 70%; } .header__sp-menu-cross-line--1 { top: 12%; left: 46%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header__sp-menu-cross-line--2 { top: 14%; left: 47%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header__sp-menu-middle { overflow-y: auto; background-color: #504c4b; height: calc(100% - 50px - 46px); } .header__sp-menu-middle-inner ul.parent > li { padding: 23px 0; border-bottom: solid 1px #fff; padding-left: 38px; padding-right: 32px; } .header__sp-menu-middle-inner ul.parent > li.susainablity_active { background-color: #fff; } .header__sp-menu-middle-inner ul.parent > li:last-of-type { border-bottom: none; } .header__sp-menu-middle-inner ul.parent > li > a { font-size: 0.9375rem; position: relative; display: block; width: 100%; height: 100%; color: #fff; font-weight: 500; } .header__sp-menu-middle-inner ul.parent > li > a#sustainabilityParent { color: #504c4b; } .header__sp-menu-middle-inner ul.parent > li > a i { position: absolute; right: 32px; font-size: 1.125rem; font-weight: bold; font-style: normal; } .header__sp-menu-bottom { position: absolute; background-color: #fff; bottom: 0; left: 0; width: 100%; height: 46px; padding-left: 38px; padding-right: 32px; } .header__sp-menu-bottom a { font-size: 0.6875rem; font-weight: 300; line-height: 46px; } .header__sp-menu-bottom a i { margin-right: 12px; } .header__sp-menu-child { display: none; position: fixed; top: 50px; left: 0; z-index: 10000; color: #fff; background-color: #514E4D; width: 100%; height: 100vh; } .header__sp-menu-child--groundchild { z-index: 10001; } .header__sp-menu-child--greatgroundchild { z-index: 10002; } .header__sp-menu-child ul.child { margin-top: 8px; font-weight: 500; } .header__sp-menu-child ul.child.nomargin { margin-top: 0; } .header__sp-menu-child ul.child li { position: relative; font-size: 0.8125rem; padding: 12px 17px; color: #fff; } .header__sp-menu-child ul.child li.childs-child { padding-right: 0px; padding-left: 0; } .header__sp-menu-child ul.child li > a { display: block; width: 100%; height: 100%; line-height: 1.5; } .header__sp-menu-child ul.child li.top { border-bottom: none; } .header__sp-menu-child ul.child li.bottom { border-top: none; } .header__sp-menu-child ul.child li i.absolute { position: absolute; right: 8px; font-family: serif; font-weight: bold; font-style: normal; } .header__sp-menu-child-underline { border-bottom: solid 1px #fff; padding-bottom: 2px; } .header__sp-menu-parent-name { padding: 22px 17px; background-color: #fff; color: #504c4b; font-size: 0.9375rem; font-weight: 500; } .header__sp-menu-parent-name i { position: initial; font-style: normal; margin-right: 9px; } .header__graycontent { max-height: 100vh; overflow-y: auto; background-color: #504c4b; } .header__sp-menu-child-content { padding: 22px 0 31px; background-color: #504c4b; color: #fff; } .header__sp-menu-child-content--notoppadding { padding-top: 0; } .header__sp-menu-child-justtxt { font-weight: 500; line-height: 1.5; margin-left: 17px; margin-right: 17px; margin-top: 27px; font-size: 0.875rem; padding-left: 5px; border-left: 6px #fff solid; } .header__sp-menu-child-justtxt:first-of-type { margin-top: 0; } .breadcrumb { display: none; } .child-header { margin-top: 105px; } .child-header__back { background-position-x: 33%; } .child-aside { display: none; } /*----------------------------- タブレット:トップページ -----------------------------*/ .sustainability__collumn { display: block; } .sustainability__collumn li { width: 100%; margin-top: 80px; } .sustainability__collumn li:first-of-type { margin-top: 0; } .esg__collumn { display: block; } .esg__collumn li { width: 100%; margin-top: 80px; } .esg__collumn li:first-of-type { margin-top: 0; } /*----------------------------- タブレット 0.5.下層ページ共通 -----------------------------*/ .child-main { margin-right: 0; width: 100%; } } @media screen and (max-width: 599px) { .pc { display: none; } .sp { display: block; } .tb-sp { display: block; } html { font-size: 16px; } main { padding-top: 105px; } .wrapper01 { width: 90.4%; } .wrapper02 { width: 90.4%; } .p { line-height: 1.5; font-weight: 300; } /*----------------------------- モジュール(共通のデザイン要素) -----------------------------*/ .header { height: 105px; } .header__top { height: 100%; } .header__top-inner { padding: 0 0px; width: 91%; height: 100%; margin-left: auto; margin-right: auto; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .header__logo { padding-top: 21px; width: 80%; } .header__logo img { width: 100%; } .header__size { display: none; } .header__eng { top: initial; bottom: 12px; right: 0%; color: #fff; width: 84px; height: 23px; padding: 10px 0; line-height: 0px; } .header__eng i { font-style: normal; margin-right: 4px; } .header__purposes { display: none; } .header__ham { display: block; position: relative; margin-top: 36px; width: 26px; height: 12px; } .header__ham-line { position: absolute; width: 100%; display: block; border-radius: 5px; height: 2px; background-color: #CC3333; } .header__ham-line--01 { top: 0; } .header__ham-line--02 { top: 50%; } .header__ham-line--03 { top: 100%; } .header__bottom { display: none; } .header__sp-menu { display: none; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 1000000; overflow-y: auto; } .header__sp-menu.active { display: block; } .header__sp-menu-top { height: 50px; background: #fff; } .header__sp-menu-top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 17px; padding-right: 17px; } .header__sp-menu-tools { padding-top: 17.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .header__sp-menu-tools i { position: relative; width: 24px; margin-left: 24px; } .header__sp-menu-tools i:first-of-type { margin-left: 0; } .header__sp-menu-tools i.mailicon::after { position: absolute; top: 1.7px; right: -10.74px; content: ''; width: 1px; height: 19px; background-color: #666666; } .header__sp-menu-tools i.sitemapicon::after { position: absolute; top: 1.7px; right: -10.74px; content: ''; width: 1px; height: 19px; background-color: #666666; } .header__sp-menu-tools i img { width: 100%; } .header__sp-menu-tools i img.search { width: 75%; } .header__sp-menu-tools i img.sitemap { width: 90%; } .header__purposes-purpose--search { width: 141px; margin-left: 25px; } .header__purposes-purpose--search #magnifyingGlass { width: 14px; top: 0; right: 2px; } .header__sp-menu-cross { position: relative; margin-top: 10px; background-color: #707070; border-radius: 50%; width: 32px; height: 32px; } .header__sp-menu-cross-line { position: absolute; background-color: #fff; width: 2px; height: 70%; } .header__sp-menu-cross-line--1 { top: 12%; left: 46%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header__sp-menu-cross-line--2 { top: 14%; left: 47%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header__sp-menu-middle { overflow-y: auto; background-color: #504c4b; height: calc(100% - 50px - 46px); } .header__sp-menu-middle-inner ul.parent > li { padding: 23px 0; border-bottom: solid 1px #fff; padding-left: 38px; padding-right: 32px; } .header__sp-menu-middle-inner ul.parent > li:last-of-type { border-bottom: none; } .header__sp-menu-middle-inner ul.parent > li > a { font-size: 0.9375rem; position: relative; display: block; width: 100%; height: 100%; color: #fff; font-weight: 500; } .header__sp-menu-middle-inner ul.parent > li > a i { position: absolute; right: 32px; font-size: 1.125rem; font-weight: bold; font-style: normal; } .header__sp-menu-middle-inner ul.parent > li.susainablity_active { background-color: #fff; } .header__sp-menu-middle-inner ul.parent > li.susainablity_active > a { color: #514E4D; } .header__sp-menu-bottom { position: absolute; background-color: #fff; bottom: 0; left: 0; width: 100%; height: 46px; padding-left: 38px; padding-right: 32px; } .header__sp-menu-bottom a { font-size: 0.6875rem; font-weight: 300; line-height: 46px; } .header__sp-menu-bottom a i { margin-right: 12px; } .header__sp-menu-child { display: none; position: fixed; top: 50px; left: 0; z-index: 10000; color: #fff; background-color: #514E4D; width: 100%; height: 100vh; } .header__sp-menu-child--groundchild { z-index: 10001; } .header__sp-menu-child--greatgroundchild { z-index: 10002; } .header__sp-menu-child ul.child { margin-top: 8px; font-weight: 500; } .header__sp-menu-child ul.child.nomargin { margin-top: 0; } .header__sp-menu-child ul.child li { position: relative; font-size: 0.8175rem; padding: 12px 17px; color: #FFF; } .header__sp-menu-child ul.child li.childs-child { padding-right: 0px; padding-left: 0; } .header__sp-menu-child ul.child li > a { display: block; width: 100%; height: 100%; line-height: 1.5; } .header__sp-menu-child ul.child li.top { border-bottom: none; } .header__sp-menu-child ul.child li.bottom { border-top: none; } .header__sp-menu-child ul.child li i.absolute { position: absolute; right: 8px; font-family: serif; font-weight: bold; font-style: normal; } .header__sp-menu-child-underline { border-bottom: solid 1px #fff; padding-bottom: 2px; } .header__sp-menu-parent-name { padding: 22px 17px; background-color: #fff; color: #504c4b; font-size: 0.9365rem; font-weight: 500; } .header__sp-menu-parent-name i { position: initial; font-style: normal; margin-right: 9px; } .header__graycontent { height: calc(100vh - 64.25px - 42px); overflow-y: auto; background-color: #504c4b; padding-bottom: 150px; } .header__sp-menu-child-content { padding: 22px 0 31px; background-color: #504c4b; color: #fff; } .header__sp-menu-child-content--notoppadding { padding-top: 0; } .header__sp-menu-child-justtxt { font-weight: 500; line-height: 1.5; margin-left: 17px; margin-right: 17px; margin-top: 27px; font-size: 0.875rem; padding-left: 5px; border-left: 6px #fff solid; } .header__sp-menu-child-justtxt:first-of-type { margin-top: 0; } .breadcrumb { display: none; } .child-header { margin-top: 105px; height: 146px; } .child-header__back { display: block; background-image: url("../img/child-header-enviroment-sp.jpg"); } .child-header__back--person { background-image: url("../img/child-header-sp-person.jpg"); } .child-header__back--pen { background-image: url("../img/child-header-sp-pen.jpg"); } .child-header__back--esg { background-image: url("../img/child-header-sp-esg.jpg"); } .child-header__back--city { background-image: url("../img/child-header-sp-city.jpg"); } .child-header__back--city-longer { background-image: url("../img/child-header-sp-city.jpg"); } .child-header__back--con { background-image: url("../img/child-header-sp-conversation.jpg"); } .child-header__content { display: block; padding-top: 19.87px; } .child-header__p { font-size: .6875rem; } .child-header__p--bigger { font-size: 1.0625rem; } .child-header__heading { margin-top: 15.13px; font-size: 1.3125rem; line-height: 1.5; } .child-header__heading--smaller { font-size: 1.125rem; } .child-header__heading--three { margin-top: 7.13px; font-size: 1.25rem; } .child-aside { display: none; } .footer { padding: 25.73px 0 21px; } .footer__privacy { display: none; } .footer__logo { margin-top: 0px; width: 100%; } .footer__copyright { margin-top: 9.82px; font-size: 0.5rem; font-weight: 300; } .section-title__jpn { line-height: 1.3; font-size: 1.4375rem; border-bottom: 3px #669900 solid; padding-bottom: 8px; } .section-title__eng { margin-top: 8px; font-size: 1.125rem; } .top-btn { position: absolute; bottom: 0; right: 0%; } .top-btn > span { height: 75px; width: 70px; } /*----------------------------- 01.トップページ -----------------------------*/ .top-fv { height: 146px; } .top-fv__back { height: 100%; background: url("../img/top-fv-min.jpg"); background-size: cover; background-repeat: no-repeat; } .top-fv__bigcopy { top: 26px; letter-spacing: 0.3rem; left: 0; font-size: 1.5rem; } .top-fv__smallcopy { top: 74px; left: 0; font-size: 0.75rem; } .sustainability { background-color: #EAEEF4; padding: 21px 0 27px; } .sustainability__content { margin-top: 33px; } .sustainability__collumn { display: block; } .sustainability__collumn li { width: 100%; margin-top: 40px; } .sustainability__collumn li:first-of-type { margin-top: 0; } .sustainability__txt-area { height: 100px; padding-top: 20px; padding-bottom: 11px; background-color: #669900; color: #fff; text-align: center; } .sustainability__txt-area--twocollumn { padding-top: 14px; } .sustainability__jpntxt { font-size: 1.25rem; } .sustainability__engtxt { margin-top: 22px; font-size: 0.8125rem; } .sustainability__engtxt--twocollumn { margin-top: 10px; } .esg { padding-top: 54px; padding-bottom: 105px; } .esg__content { margin-top: 40px; } .esg__collumn { display: block; } .esg__collumn li { width: 100%; margin-top: 86px; } .esg__collumn li:first-of-type { margin-top: 0; } .esg__bigtxt { margin-top: 15px; padding-bottom: 8px; font-size: 1.3125rem; } .esg__eng { margin-top: 6px; } .esg__p-area { margin-top: 21px; } .esg__btn-area { text-align: center; margin-top: 21px; } .esg__gri { margin-top: 75px; } .esg__gri a { height: 61px; line-height: 61px; font-size: 1rem; padding-left: 24px; } .esg__gri a .relative { position: relative; display: inline; } .esg__gri a i { position: absolute; left: -50px; top: -36px; width: 40px; } .esg__gri a i img { width: 40px; } /*----------------------------- 0.5.下層ページ共通 -----------------------------*/ .child-content { position: relative; padding-top: 58px; padding-bottom: 137px; display: block; } .child-main { margin-right: 0px; width: 100%; } .child-layout01--second { margin-top: 71.13px; } .child-layout01__heading { font-size: 1.4375rem; line-height: 1.5; border-bottom: solid #669900 2px; padding-bottom: 8px; } .child-layout01__top-p { margin-top: 14.73px; font-size: 1.0625rem; } .child-layout01__block { margin-top: 24px; } .child-layout01__block:first-of-type { margin-top: 48px; } .child-layout01__block--mt24 { margin-top: 24px !important; } .child-layout01__block--mt-sp-52 { margin-top: 58px; } .child-layout01__block--sp-mt50 { margin-top: 50px; } .child-layout01__block--sp-mt125 { margin-top: 62.5px; } .child-layout01__block--sp-mt22 { margin-top: 22px !important; } .child-layout01__childheading { font-size: 1.25rem; padding-left: 5.78px; margin-bottom: 14.87px; } .child-layout01__imagescollumn { margin-top: 20px; display: block; } .child-layout01__imagescollumn--sp-mt08 { margin-top: 8px; } .child-layout01__p--mt82 { margin-top: 41px; } .child-layout01__imagescollumn-image { overflow-x: auto; overflow-y: hidden; margin-top: 29.75px !important; width: 100%; } .child-layout01__imagescollumn-image--sp-mt00 { margin-top: 11px !important; } .child-layout01__imagescollumn-image--sp-w246 { width: 246px; } .child-layout01__imagescollumn-image.bar-grapgh img { width: 510px; } .child-layout01__imagescollumn-image figcaption.sp-left { text-align: left; } .child-layout01__imagescollumn-image:first-of-type { margin-top: 0; } .child-layout01__imagescollumn-image img { width: 100%; height: 100%; border-radius: 6px; } .child-layout01__imagescollumn-image figcaption { text-align: right; margin-top: 5.33px; font-size: 0.875rem; } .child-layout01__grapgh { margin-top: 32px; } .child-layout01__grapgh.sp-scroll { margin-top: 16px; overflow-x: auto; overflow-y: hidden; } .child-layout01__grapgh .cover100 { margin-top: 4px; position: initial; text-align: right; display: block; letter-spacing: .03rem; right: 0; bottom: 16px; font-weight: 300; font-size: .875rem; } .child-layout01__grapgh .cover100.spleft { text-align: left; } .child-layout01__grapgh .cover100.protection { position: absolute; display: block; text-align: right; margin-top: 10px; position: initial; bottom: 0; } .child-layout01__grapgh--mt0 { margin-top: 0; } .child-layout01__grapgh--mt00 { margin-top: 0; } .child-layout01__grapgh--sp-mt00 { margin-top: 0; } .child-layout01__grapgh--mt-sp-40 { margin-top: 40px; } .child-layout01__grapgh--mt-sp-48 { margin-top: 48px; } .child-layout01__grapgh--mt-sp-20 { margin-top: 20px; } .child-layout01__grapgh--thirdparty { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin-top: 24px; } .child-layout01__grapgh--energy { margin-top: 23px; } .child-layout01__grapgh--waste { margin-top: 35px; } .child-layout01__grapgh--waste01 { margin-top: 16px; } .child-layout01__grapgh figcaption.caption { margin-top: 10px; font-size: 10px; font-size: .875rem; } .child-layout01__grapgh figcaption.caption.waste { width: 575px; } .child-layout01__grapgh figcaption.caption.quentiy { white-space: nowrap; } .child-layout01__grapgh p { margin-bottom: 23px; line-height: 1.3; } .child-layout01__grapgh img.materiarity { width: 1064px; } .child-layout01__grapgh img.environment-management-system { width: 100%; } .child-layout01__grapgh img.accounting { width: 632px; } .child-layout01__grapgh img.qualification { margin-top: 3px; width: 100%; } .child-layout01__grapgh img.tcfd { width: 468px; } .child-layout01__grapgh img.thirdparty { width: 49%; } .child-layout01__grapgh img.energy { width: 612px; } .child-layout01__grapgh img.waste { width: 575px; } .child-layout01__grapgh img.waste01 { width: 467px; } .child-layout01__grapgh img.water { width: 681px; } .child-layout01__grapgh img.air { width: 654px; } .child-layout01__grapgh img.tcfd-bottom { width: 720px; } .child-layout01__grapgh img.quentity { width: 786px; } .child-layout01__grapgh img.recycle { width: 786px; } .child-layout01__grapgh img.special { width: 786px; } .child-layout01__grapgh img.protection-quentity { width: 786px; } .child-layout01__grapgh img.standing { width: 100%; } .child-layout01__grapgh img.warehouse { width: 100%; } .child-layout01__grapgh img.lighting_bargrapgh { width: 140%; } .child-layout01__grapgh img.materiarity-setting { width: 800px; } .child-layout01__list { margin-top: 72px; } .child-layout01__list li { margin-top: 40px; } .child-layout01__list--num { list-style: decimal; list-style-position: inside; } .child-layout01__greenlink { margin-top: 44px; line-height: 1.7; text-decoration: underline; border-bottom: none; } .child-layout01__greenlink--sp-mt16 { margin-top: 16px; } .child-layout01__greenlink--sp-mt8 { margin-top: 8px; } .diversity-table { font-weight: normal; } .gri-table { width: 100%; overflow-x: auto; margin-top: 32px; } .gri-table table { width: 1000px; border-collapse: collapse; border-bottom: solid 1px #b7b7b7; } .gri-table table th, .gri-table td { border: 1px #b7b7b7 solid; border-bottom: none; padding: 8px 8px; } .gri-table td.gri-standard { text-align: center; color: #fff; font-weight: bold; } .gri-table tr.heading-row td { background-color: #669900 !important; color: #fff; font-weight: 600; } .gri-table tr td:nth-of-type(1) { width: 5%; max-width: 85px; min-width: 54px; } .gri-table tr td:nth-of-type(2) { width: 20%; } .gri-table tr td:nth-of-type(3) { width: 25%; } .gri-table tr td:nth-of-type(4) { width: 25%; } .gri-table td[colspan="4"] { font-weight: 600; background-color: #f0f0ea; color: #000; } .gri-table td[colspan="4"].sub { background-color: #eee; color: #000; } .gri-table a { margin-top: 8px; display: inline-block; color: #107fff; -webkit-text-decoration: solid; text-decoration: solid; line-height: 1.5; } .gri-table tr td a:first-of-type { margin-top: 0; } } /*# sourceMappingURL=style.css.map */