@charset "UTF-8"; abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 } body { line-height: 1 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: 0 0 } ins { background-color: #ff9; color: #000; text-decoration: none } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700 } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } table { border-collapse: collapse; border-spacing: 0 } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; padding: 0; margin: 0 } input, select { vertical-align: middle } body { -webkit-text-size-adjust: 100%; font-family: "PingFang SC","Source Han Sans CN","Microsoft Yahei","SimHei",Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.6; font-size: 15px; -webkit-font-smoothing: antialiased } body * { word-break: break-word; box-sizing: border-box } ol, ul { list-style: none } h1, h2, h3, h4, h5, h6 { font-weight: 400 } main { display: block } a { color: #000; text-decoration: none } iframe, img, video { vertical-align: top; max-width: 100% } input, select, textarea { font-size: 15px; outline: 0; margin: 0; border: none; border-radius: 0; line-height: 1.7; font-family: Roboto,Arial,'Hiragino Kaku Gothic ProN',meiryo,sans-serif } input::-ms-expand, select::-ms-expand, textarea::-ms-expand { display: none } em { font-style: normal } ::selection { background: #f48e2c; color: #fff!important } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .l-footer_global { width: calc(100% - 60px); font-size: 12px; padding-bottom: 30px; position: relative; background-color: #fff; } body.detail .l-footer_global{ width: 100%; } .l-footer_global:before { content: ''; display: block; width: 94%; margin: 0 auto; border-top: 1px solid #ecf1ef } .l-footer_global .sitemap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0 0 } .l-footer_global .sitemap .hdg { font-size: 18px; line-height: 1.4 } .l-footer_global .sitemap .hdg a { color: #f37c2c } .l-footer_global .sitemap a { display: block; color:#898585; padding: 10px 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .l-footer_global .sitemap a:hover { color: #f37c2c; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .l-footer_global .sitemap ul { width: 20%; padding: 0 3%; margin-bottom: 50px } .l-footer_global .sitemap .others a { color: #898585; text-align: right; } .l-footer_global .sitemap .others a:hover { color: #f37c2c } .l-footer_global .sitemap .others .hdg { pointer-events: none; visibility: hidden } .l-footer_global .groups { overflow: hidden; padding: 0 calc(3% + 300px) 0 3%; position: relative } .l-footer_global .groups .hdg { font-size: 18px; margin-bottom: 22px } .l-footer_global .groups .hdg .desc { font-size: 12px; display: inline-block } .l-footer_global .groups .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .l-footer_global .groups li { font-size: 15px; position: relative; margin: 0 20px 20px 0; width: 180px; } .l-footer_global .groups li:last-child { margin-right: 0 } .l-footer_global .groups a { display: block; padding: 9px; background-color: #ecf1ef; color:#615c5c; } .l-footer_global .groups a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards; color:#fff; } .l-footer_global .groups a:hover::after { right: 9px } .l-footer_global .groups a span { color: #777 } .l-footer_global .copyright { color: #777; padding: 0 3%; text-align: right; margin-top: calc(-30px - 1em) } .l-footer_global .copyright a{ color:#777; text-decoration:none; } .l-footer_global .copyright a:hover{ text-decoration: underline; } .l-footer_global .to-top { display: none } .l-footer_global .to-top .btn { position: relative } .l-footer_global .to-top a { position: absolute; display: block; width: 40px; height: 40px; top: -20px; right: 3%; background-color: #fff; border: 1px solid #f36d2c; tap-highlight-color: transparent } .l-footer_global .to-top a:after { position: absolute; content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #f36d2c; border-left: 1px solid #f36d2c; top: 50%; left: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -2px 0 0 -4px } .l-header_global { position: fixed; top: 0; right: 0; height: 100%; width: 60px; box-shadow: -8px 0 8px -1px rgba(0,0,0,.05); box-sizing: border-box; z-index: 19 } .l-header_global.is-open .global-nav { height: 100% } .l-header_global.is-open .global-nav .sec { -webkit-animation: l-header_gobal_fadein 1.5s forwards; animation: l-header_gobal_fadein 1.5s forwards } .l-header_global.is-open .overlay { height: 100% } .l-header_global.is-open .overlay .bg { background: rgba(0,0,0,.8); opacity: 1 } .l-header_global.is-open .overlay .bg:nth-child(1) { -webkit-transition: background-color .5s,opacity .6s .28s; transition: background-color .5s,opacity .6s .28s } .l-header_global.is-open .overlay .bg:nth-child(2) { -webkit-transition: background-color .5s,opacity .6s .21s; transition: background-color .5s,opacity .6s .21s } .l-header_global.is-open .overlay .bg:nth-child(3) { -webkit-transition: background-color .5s,opacity .6s .14s; transition: background-color .5s,opacity .6s .14s } .l-header_global.is-open .overlay .bg:nth-child(4) { -webkit-transition: background-color .5s,opacity .6s 70ms; transition: background-color .5s,opacity .6s 70ms } .l-header_global.is-open .overlay .bg:nth-child(5) { -webkit-transition: background-color .5s,opacity .6s 0ms; transition: background-color .5s,opacity .6s 0ms } .l-header_global.is-open .overlay .bg.is-active { background: #000 } .l-header_global.is-close .global-nav { -webkit-animation: l-header_gobal_fadehide 1.5s forwards; animation: l-header_gobal_fadehide 1.5s forwards } .l-header_global.is-close .global-nav .sec { -webkit-animation: l-header_gobal_fadeout 1.5s forwards; animation: l-header_gobal_fadeout 1.5s forwards } .l-header_global.is-close .overlay { -webkit-animation: l-header_gobal_fadehide 1.5s forwards; animation: l-header_gobal_fadehide 1.5s forwards } .l-header_global.is-close .overlay .bg { opacity: 0 } .l-header_global.is-close .overlay .bg:nth-child(1) { -webkit-transition: opacity 1s 0ms; transition: opacity 1s 0ms } .l-header_global.is-close .overlay .bg:nth-child(2) { -webkit-transition: opacity 1s 50ms; transition: opacity 1s 50ms } .l-header_global.is-close .overlay .bg:nth-child(3) { -webkit-transition: opacity 1s .1s; transition: opacity 1s .1s } .l-header_global.is-close .overlay .bg:nth-child(4) { -webkit-transition: opacity 1s .15s; transition: opacity 1s .15s } .l-header_global.is-close .overlay .bg:nth-child(5) { -webkit-transition: opacity 1s .2s; transition: opacity 1s .2s } .l-header_global .header-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; z-index: 11; height: 100%; padding-top: 10px } .l-header_global .header-inner a { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px } .l-header_global .menu-btn .line-wrapper { position: relative; width: 20px; height: 15px; transform: scale(.9); } .l-header_global .menu-btn .line { position: absolute; height: 1px; width: 100%; background: #f36d2c; right: 0; top: 0 } .l-header_global .menu-btn .line:nth-child(1) { -webkit-transition: width 1.5s; transition: width 1.5s } .l-header_global .menu-btn .line:nth-child(2) { top: 7px; width: 15px } .l-header_global .menu-btn .line:nth-child(3) { top: 14px; width: 15px } .l-header_global .search img { width: 20px } .l-header_global .inquiry img { width: 20px } .l-header_global .logo { position: absolute; top: 50%; margin: -25px 0 0; height: auto; width: 100% } .l-header_global .logo img { width: 30px } .l-header_global .logo a { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex } .l-header_global .to-top { position: absolute; bottom: 30px; width: 100% } .l-header_global .to-top.is-active .arrow { bottom: 106% } .l-header_global .to-top.is-active .arrow::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .l-header_global .to-top.is-active .arrow::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .l-header_global .to-top a { position: relative; height: 30px } .l-header_global .to-top a:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; border-left: 1px solid #00ae68 } .l-header_global .to-top .arrow { position: absolute; width: 15px; bottom: 0; left: 50%; margin-left: -7px; -webkit-transition: all .6s; transition: all .6s } .l-header_global .to-top .arrow::after, .l-header_global .to-top .arrow::before { position: absolute; content: ''; width: 50%; height: 1px; background: #00ae68; -webkit-transition: all .6s; transition: all .6s } .l-header_global .to-top .arrow::before { left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .l-header_global .to-top .arrow::after { right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .l-header_global .global-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; width: calc(100% - 60px); left: 0; top: 0; z-index: 6; height: 0; overflow: hidden } .l-header_global .global-nav a { color: #fff; display: block; padding: 10px calc(100% / 20 * 3); -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .l-header_global .global-nav a:hover { color: #f36d2c; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .l-header_global .global-nav .nav-inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .l-header_global .global-nav .sec { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0px } /* .l-header_global .global-nav .sec:last-child .cat-name { pointer-events: none; visibility: hidden } .l-header_global .global-nav .sec:last-child a { color: #8d8d8d } .l-header_global .global-nav .sec:last-child a:hover { color: #00ae68 } */ .l-header_global .global-nav .cat-name { font-size: 18px } .l-header_global .global-nav .cat-name a { color: #f36d2c; cursor: default } .l-header_global .global-nav .cat-name a:hover { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .l-header_global .close-btn { font-size: 18px } .l-header_global .close-btn a:hover { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .l-header_global .close-btn a:hover span::after, .l-header_global .close-btn a:hover span::before { background: #f36d2c } .l-header_global .close-btn span { padding-left: 25px; position: relative } .l-header_global .close-btn span::before { content: ''; left: 0; top: 50%; width: 14px; height: 1px; background: #8d8d8d; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; transition: all .3s } .l-header_global .close-btn span::after { content: ''; left: 0; top: 50%; width: 14px; height: 1px; background: #8d8d8d; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s; transition: all .3s } .l-header_global .close-btn.sec-close { display: none } .l-header_global .close-btn.header-close { position: absolute; top: 40px; right:10px; } .l-header_global .overlay { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 60px); left: 0; top: 0; height: 0; overflow: hidden; z-index: 5; } .l-header_global .overlay .bg { opacity: 0; background: rgba(0,0,0,.8); -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0px } .l-wrapper_bgcolor-green { background-color: #ecf1ef; padding: 45px 0 } .l-wrapper_bgcolor-green > :first-child { margin-top: 0 } .l-wrapper_content-outer { position: relative; padding: 50px 20% 0 0 } .l-wrapper_content-outer.is-no-line::before { display: none } .l-wrapper_content-outer > :first-child { margin-top: 0 } .l-wrapper_content-outer::before { content: ''; position: absolute; width: 1px; background: #e5e5e5; height: calc(100% - 50px); right: 18.5%; top: 50px } .l-wrapper_content-outer::after { content: ''; display: table } .l-wrapper_main { width: calc(100% - 60px) } .l-wrapper_splash { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll } .l-wrapper_splash::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: #fff; -webkit-transition: all 1s; transition: all 1s } .l-wrapper_splash.is-splash-end { position: static; overflow: auto } .l-wrapper_splash.is-splash-end::after { pointer-events: none; opacity: 0 } .l-wrapper_splash.is-all-end::after { display: none } .c-btn_image { margin: 45px 0 } .c-btn_image.is-col3 li { width: calc(100% / 3); max-width: 33.333% } .c-btn_image.is-col3 li:nth-child(n+3) { margin-top: 0 } .c-btn_image.is-col3 li:nth-child(n+4) { margin-top: 45px } .c-btn_image.is-col3 .slider { padding: 10px calc(100% / (80 / 3) * 1.5) } .c-btn_image.is-col3 .caption { padding: 0 calc(100% / (80 / 3) * 1.5) } .c-btn_image .btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-btn_image li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .c-btn_image li:nth-child(n+3) { margin-top: 45px } .c-btn_image a { position: relative; display: block; overflow: hidden } .c-btn_image a.is-hover .bg { -webkit-transform: scale(1.05) translate3d(0,0,0); transform: scale(1.05) translate3d(0,0,0) } .c-btn_image a.is-hover .slider { bottom: 0!important } .c-btn_image a.is-no-slide .slider { bottom: 0!important } .c-btn_image .bg { -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0) } .c-btn_image .bg img { width: 100% } .c-btn_image .slider { position: absolute; width: 100%; bottom: 0; padding: 10px calc(100% / 40 * 1.5); background-color: rgba(255,255,255,.8); -webkit-transition: all .5s; transition: all .5s } .c-btn_image .title { font-size: 20px; color: #00ae68 } .c-btn_image .desc { margin-top: 5px } .c-btn_image .caption { margin-top: 20px; padding: 0 calc(100% / 40 * 1.5) } .c-btn_link { margin: 45px 0; padding: 0 calc(100% / 80 * 3); width: calc(100% / 80 * 20); line-height: 1.4 } .c-btn_link.is-medium { width: calc(100% / 80 * 40) } .c-btn_link.is-long { width: calc(100% / 80 * 60) } .c-btn_link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px; -webkit-transition: all .3s; transition: all .3s } .c-btn_link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-btn_link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-btn_link a:hover::after { right: 9px } .c-btn_link a[target="_blank"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 15px; height: 12px; background: url(/common/images/ico/blank_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-btn_link a:hover::after { right: 9px } .c-btn_prev-next { overflow: hidden; margin: 50px 0; padding: 0 calc(100% / 80 * 1.5) } .c-btn_prev-next .prev { position: relative; float: left; width: calc(100% / 80 * 14); background: #ecf1ef } .c-btn_prev-next .prev::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -4px; left: 14px } .c-btn_prev-next .prev:hover { -webkit-animation: global_button-hover-gray 1s forwards; animation: global_button-hover-gray 1s forwards } .c-btn_prev-next .prev:hover::after { left: 9px } .c-btn_prev-next .prev a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; color: #000; padding: 5px 10px 5px 30px } .c-btn_prev-next .next { float: right; position: relative; width: calc(100% / 80 * 38.5); background: #00ae68 } .c-btn_prev-next .next::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-btn_prev-next .next:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-btn_prev-next .next:hover::after { right: 9px } .c-btn_prev-next .next a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; color: #fff; text-align: left; padding: 5px 25px 5px 10px } .c-btn_prev-next .next input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; color: #fff; background: 0 0; padding: 5px 25px 5px 10px; text-align: left; cursor: pointer; width: 100% } .c-heading_lower { position: relative; background-color: #00ae68 } .c-heading_lower:before { content: ''; display: inline-block; position: absolute; bottom: 30px } .c-heading_lower.is-about { background-color: #7bc859 } .c-heading_lower.is-about:before { background: url(/common/images/ico/about.png) center/47px 39px no-repeat; width: 47px; height: 39px; vertical-align: middle } .c-heading_lower.is-about .hdg { padding-left: 1.55em } .c-heading_lower.is-investors { background-color: #f3631d } .c-heading_lower.is-investors:before { background: url(/common/images/ico/investors.png) center/45px 45px no-repeat; width: 45px; height: 45px } .c-heading_lower.is-investors .hdg { height: 130px; padding-left: 1.55em; background-image:url(../images/page-top-bg.jpg); background-size: 100% 100%; background-position: top right; background-repeat: no-repeat; } .c-heading_lower.is-media { background-color: #079d71 } .c-heading_lower.is-media:before { background: url(/common/images/ico/media.png) center/38px 45px no-repeat; width: 38px; height: 45px } .c-heading_lower.is-media .hdg { padding-left: 1.55em } .c-heading_lower.is-sustainability { background-color: #00ae68 } .c-heading_lower.is-sustainability:before { background: url(/common/images/ico/sustainability.png) center/50px 50px no-repeat; width: 50px; height: 50px } .c-heading_lower.is-sustainability .hdg { padding-left: 1.55em } .c-heading_lower .hdg { color: #fff; font-size: 40px; line-height: 1.2 } .c-heading_lv2-attention { font-size: 40px; line-height: 1.4; margin: 84px 0 28px; padding: 0 calc(100% / 80 * 3) 0 calc(100% / 80 * 3 + 1em); text-indent: -1em; position: relative; text-indent: -1em } .c-heading_lv2-attention:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 21px 35px 21px; border-color: transparent transparent #00ae68 transparent; display: inline-block; line-height: 1; margin-right: .1em } .c-heading_lv2-attention .mark { position: relative; left: -1.25em; top: -6px; color: #fff; font-size: 22px; font-weight: 700 } .c-heading_lv2-sub { font-size: 40px; line-height: 1.4; margin: 84px 0 28px; padding: 0 calc(100% / 80 * 3) } .c-heading_lv2-sub .sub { display: inline-block; font-size: 15px; color: #8d8d8d } .c-heading_lv2 { color:#595959; font-size: 40px; line-height: 1.4; margin: 84px 0 28px; padding: 0 calc(100% / 80 * 3) } .c-heading_lv3-line { font-size: 30px; line-height: 1.4; margin: 58px calc(100% / 80 * 3) 20px; padding-bottom: 45px; border-bottom: 1px solid #00ae68 } .c-heading_lv3-sub { font-size: 30px; line-height: 1.4; margin: 58px 0 20px; padding: 0 calc(100% / 80 * 3); overflow: hidden } .c-heading_lv3-sub .sub { display: inline-block; font-size: 14px; margin-left: 1em; color: #8d8d8d } .c-heading_lv3-sub .sub.is-end { font-size: 12px; line-height: 1.6; float: right; text-align: right } .c-heading_lv3 { font-size: 30px; line-height: 1.4; margin: 58px 0 20px; padding: 0 calc(100% / 80 * 3) } .c-heading_lv4 { font-size: 20px; line-height: 1.4; margin: 64px 0 32px; padding: 0 calc(100% / 80 * 3) } .c-heading_news { margin: 0 calc(100% / 80 * 3) 35px; border-bottom: 1px solid #00ae68; padding-bottom: 35px } .c-heading_news .hdg { font-size: 40px; line-height: 1.4; color: #00ae68 } .c-heading_news .sub { font-size: 20px; line-height: 1.4; margin: 30px 0 10px } .c-image_contents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 55px 0 45px } .c-image_contents.is-sp-text-up .text > :last-child { margin-bottom: 0 } .c-image_contents .image { width: calc(100% / 80 * 40) } .c-image_contents .image img { width: 100% } .c-image_contents .image > :first-child { margin-top: 0 } .c-image_contents .text { width: calc(100% / 80 * 40); padding: 0 calc(100% / 80 * 3) } .c-image_contents .text > :first-child { margin-top: 0 } .c-image_contents .caption { font-size: 14px; margin-top: 10px; padding: 0 calc(100% / 40 * 3) } .c-image_contents .heading-lv2 { font-size: 40px; line-height: 1.4; margin: 84px 0 28px } .c-image_contents .heading-lv3 { font-size: 30px; line-height: 1.4; margin: 58px 0 30px } .c-image_contents .heading-lv4 { font-size: 20px; line-height: 1.4; margin: 58px 0 30px } .c-image_contents p, .c-image_contents ul { margin: 21px 0 } .c-image_contents ul.is-square li { position: relative; padding-left: 1.4em } .c-image_contents ul.is-square li:before { content: '閳伙拷'; color: #00ae68; display: block; font-size: 10px; position: absolute; margin-left: -2.1em; top: 6px } .c-image_contents ul.is-decimal li { counter-increment: count; padding-left: 1.5em } .c-image_contents ul.is-decimal li:before { content: counter(count); color: #00ae68; display: block; position: absolute; margin-left: -1.5em } .c-image_contents li:nth-child(n+2) { margin-top: 18px } .c-image_contents a { position: relative; color: #00ae68; text-decoration: underline } .c-image_contents a:after { content: ''; display: inline-block; top: 50%; pointer-events: none; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px } .c-image_contents a[target="_blank"]::after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 5px; border: none; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0 } .c-image_contents a[href$=".pdf"]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px; right: 0; border: none; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0 } .c-image_contents a:hover { text-decoration: none } .c-image_contents .arrow { position: relative; color: #00ae68; display: inline-block; padding-right: 26px; text-decoration: none } .c-image_contents .arrow::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-image_contents .arrow:hover::after { right: 9px } .c-image_contents .super { font-size: 10px; vertical-align: super } .c-image_general { margin: 45px 0; text-align: center } .c-image_general.is-fullsize img { width: 100% } .c-image_general .caption { font-size: 14px; margin-top: 10px } .c-image_youtube { margin: 45px 0 } .c-image_youtube.is-maxw500 .video-wrapper { max-width: 500px } .c-image_youtube.is-maxw600 .video-wrapper { max-width: 600px } .c-image_youtube.is-maxw700 .video-wrapper { max-width: 700px } .c-image_youtube.is-maxw800 .video-wrapper { max-width: 800px } .c-image_youtube.is-maxw900 .video-wrapper { max-width: 900px } .c-image_youtube.is-maxw1000 .video-wrapper { max-width: 1000px } .c-image_youtube.is-aspect16-10 .iframe-wrapper { padding-bottom: 62.5% } .c-image_youtube.is-aspect4-3 .iframe-wrapper { padding-bottom: 75% } .c-image_youtube .video-wrapper { position: relative; margin: 0 auto } .c-image_youtube .iframe-wrapper { height: 0; padding-bottom: 56.25% } .c-image_youtube iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .c-list_anchor-general { margin: 45px 0; padding: 0 calc(100% / 80 * 3) } .c-list_anchor-general .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-list_anchor-general li { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111% } .c-list_anchor-general li:nth-child(n+10) { margin-top: 21px } .c-list_anchor-general li a { position: relative; color: #00ae68; display: inline-block; padding-right: 30px } .c-list_anchor-general li a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px } .c-list_anchor-general li a:hover::after { margin-top: -2px } .c-list_btn { margin: 45px 0; padding: 0 calc(100% / 80 * 3) } .c-list_btn .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden } .c-list_btn.is-col4 li, .c-list_btn.is-col5 li { min-height: 58px } .c-list_btn.is-col4 li { -ms-flex-preferred-size: calc(91% / 4); flex-basis: calc(91% / 4); margin-right: 3% } .c-list_btn.is-col4 li:nth-child(n+5) { margin-top: 30px } .c-list_btn.is-col4 li:nth-child(4n+3) { margin-right: 0 } .c-list_btn.is-col4 li:nth-child(4n) { margin-right: 0; margin-left: auto } .c-list_btn.is-col5 li { -ms-flex-preferred-size: 17.6%; flex-basis: 17.6%; margin-right: calc(100% * .03) } .c-list_btn.is-col5 li:nth-child(n+6) { margin-top: 30px } .c-list_btn.is-col5 li:nth-child(5n) { margin-right: 0 } .c-list_btn a { position: relative; background-color: #00ae68; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 30px 10px 10px; width: 100%; height: 100% } .c-list_btn a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-list_btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-list_btn a:hover::after { right: 9px } .c-list_btn a[href^="#"]::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px } .c-list_btn a[href^="#"]:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-list_btn a[href^="#"]:hover::after { margin-top: -2px } .c-list_btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-list_general { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 21px 0; padding: 0 calc(100% / 80 * 3) } .c-list_general li { position: relative; padding-left: 1.5em; counter-increment: count } .c-list_general li + li { margin-top: 18px } .c-list_general li:first-child { margin-top: 0 } .c-list_general .inner.is-square li:before { content: '閳伙拷'; color: #00ae68; display: block; font-size: 10px; position: absolute; margin-left: -2.1em; top: 4px } .c-list_general .inner.is-decimal li { counter-increment: count } .c-list_general .inner.is-decimal li:before { content: counter(count); color: #00ae68; display: block; position: absolute; margin-left: -1.5em } .c-list_general .super { font-size: 10px; vertical-align: super } .c-list_general a { position: relative; color: #00ae68; padding-right: 26px } .c-list_general a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-list_general a[target="_blank"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 15px; height: 12px; background: url(/common/images/ico/blank_green.png) no-repeat center; background-size: contain; margin-top: -7px; right: 5px } .c-list_general a[href$=".pdf"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 16px; height: 16px; background: url(/common/images/ico/pdf.png) no-repeat center; background-size: contain; margin-top: -9px; right: 5px } .c-list_general a:hover::after { right: 9px } .c-list_general a:hover[target="_blank"]::after { right: 0 } .c-list_general a:hover[href$=".pdf"]::after { right: 0 } .c-list_image { margin: 45px 0 } .c-list_image .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-list_image figure img { width: 100% } .c-list_image li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-list_image .title { color: #00ae68; font-size: 20px; line-height: 1.4; margin-top: 20px; padding: 0 calc(100% / 80 * 3) } .c-list_image .caption { font-size: 14px; margin-top: 10px; padding: 0 calc(100% / 80 * 3) } .c-list_image.is-col2 li { width: calc(100% / 80 * 2) } .c-list_image.is-col2 li .caption, .c-list_image.is-col2 li .title { padding: 0 calc(100% / (80 / 2) * 1.5) } .c-list_image.is-col3 li { width: calc(100% / 80 * 3.3333) } .c-list_image.is-col3 li .caption, .c-list_image.is-col3 li .title { padding: 0 calc(100% / (80 / 3) * 1.5) } .c-list_image.is-col4 li { width: calc(100% / 80 * 4) } .c-list_image.is-col4 li .caption, .c-list_image.is-col4 li .title { padding: 0 calc(100% / (80 / 4) * 1.5) } .c-list_index { margin: 50px 0 } .c-list_index .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-list_index.is-col2 li { width: 50% } .c-list_index.is-col2 li:nth-child(n+3) { margin-top: 50px } .c-list_index.is-col2 li a { padding: 10px calc(100% / (80 / 2) * 1.5) 40px } .c-list_index.is-col3 li { width: calc(99.99% / 3) } .c-list_index.is-col3 li:nth-child(n+4) { margin-top: 50px } .c-list_index.is-col3 li a { padding: 10px calc(100% / (80 / 3) * 1.5) 40px } .c-list_index.is-col4 li { width: calc(100% / 4) } .c-list_index.is-col4 li:nth-child(n+5) { margin-top: 50px } .c-list_index.is-col4 li a { padding: 10px calc(100% / (80 / 4) * 1.5) 40px } .c-list_index.is-col2 li, .c-list_index.is-col3 li, .c-list_index.is-col4 li { -ms-flex-negative: 0; flex-shrink: 0 } .c-list_index a { position: relative; display: block; border-right: 1px solid #a9d7c5; -webkit-transition: all .3s; transition: all .3s } .c-list_index a:hover { background-color: #ecf1ef } .c-list_index a:hover .more::after { right: 9px } .c-list_index .box { height: 150px; overflow: hidden } .c-list_index .title { color: #00ae68; font-size: 20px } .c-list_index .text { margin-top: 8px } .c-list_index .more { position: absolute; bottom: 10px; color: #00ae68; padding-right: 26px } .c-list_index .more::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-list_note { font-size: 14px; padding: 0 calc(100% / 80 * 3); color: #8d8d8d; margin: 18px 0 38px } .c-list_note .list { display: table } .c-list_note .list li { display: table-row } .c-list_note .list li + li .ref, .c-list_note .list li + li .text { padding-top: 18px } .c-list_note .list .ref { display: table-cell; white-space: nowrap; padding-right: 5px } .c-list_note .list .text { display: table-cell } .c-list_note a { color: #00ae68; text-decoration: underline } .c-list_note a[target="_blank"]::after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 5px } .c-list_note a[href$=".pdf"]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 5px } .c-list_note a:hover { text-decoration: none } .c-list_search-results { margin: 20px 0 } .c-list_search-results .list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .3s; transition: all .3s; padding: 40px 0 } .c-list_search-results .list a:hover { background-color: #ecf1ef } .c-list_search-results .category { width: 20%; -ms-flex-negative: 0; flex-shrink: 0; border-right: 1px solid #a9d7c5; text-align: center; color: #00ae68 } .c-list_search-results .category-icon { display: inline-block; height: 40px; width: 45px; background: no-repeat center; background-size: contain } .c-list_search-results .category-icon.is-sustainability { background-image: url(/common/images/ico/sustainability_green.png) } .c-list_search-results .category-icon.is-investors { background-image: url(/common/images/ico/investors_green.png) } .c-list_search-results .category-icon.is-media { background-image: url(/common/images/ico/media_green.png) } .c-list_search-results .category-icon.is-about { background-image: url(/common/images/ico/about_green.png) } .c-list_search-results .category-icon.is-other { background-image: url(/common/images/ico/other_green.png); background-size: 80% } .c-list_search-results .page-details { padding: 0 30px } .c-list_search-results .page-details .title { color: #00ae68; font-size: 20px; margin-top: -.5em } .c-list_search-results .page-details .url { font-size: 13px; color: #8d8d8d; margin: 10px 0 20px } .c-list_search-results .page-details .desc .keyword { background: #d0eb1b } .c-list_search-results .pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px } .c-list_search-results .pager a { position: relative; padding: 0 15px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s } .c-list_search-results .pager a:hover { color: #00ae68 } .c-list_search-results .pager .is-current a { color: #00ae68; pointer-events: none } .c-list_search-results .pager .next a::before, .c-list_search-results .pager .prev a::before { content: ''; pointer-events: none; display: block; width: 7px; height: 7px; -webkit-transition: all .3s; transition: all .3s } .c-list_search-results .pager .prev a::before { border-top: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(-45deg) translateY(1px); -ms-transform: rotate(-45deg) translateY(1px); transform: rotate(-45deg) translateY(1px) } .c-list_search-results .pager .prev a:hover::before { border-color: #00ae68 } .c-list_search-results .pager .next a::before { border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .c-list_search-results .pager .next a:hover::before { border-color: #00ae68 } .c-list_steps { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: calc(100% / 80 * 3); color: #00ae68; line-height: 1.3; margin: 45px 0 } .c-list_steps li { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0px; margin-right: calc(100% / 80 * 3); height: 40px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex } .c-list_steps li.is-current ~ li { color: #bbb } .c-list_steps li.is-current ~ li::before { background: #bbb } .c-list_steps li.is-current ~ li::after { border-color: #bbb } .c-list_steps li.is-current ~ li .step { background: #bbb } .c-list_steps li:last-child::after { border-top: none; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); height: 13px; bottom: -6px } .c-list_steps li::before { content: ''; height: 1px; width: 100%; background: #00ae68; position: absolute; bottom: 0; left: 0 } .c-list_steps li::after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: -4px; right: 0 } .c-list_steps .step { background: #00ae68; color: #fff; font-size: 13px; padding: 3px 6px; margin-right: 8px; white-space: nowrap } .c-nav_breadcrumb { padding: 130px 3% 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-nav_breadcrumb li { position: relative; color: #00ae68; margin-right: 6px } .c-nav_breadcrumb li + li { padding-left: 21px } .c-nav_breadcrumb li + li::before { content: ''; top: 8px; left: 2px; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000 } .c-nav_local { position: absolute; top: 50px; right: 0; width: 18.5%; z-index: 1 } .c-nav_local.is-show .heading .current::after { -webkit-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) } .c-nav_local.is-show .nav-wrapper { height: calc(100vh - 90px); padding: 15px 0 50px; opacity: 1; overflow-y: auto } .c-nav_local.is-fixed { position: fixed; right: 60px; width: calc((100% - 60px) * .185) } .c-nav_local.is-end { top: auto; bottom: 0 } .c-nav_local .heading { display: none } .c-nav_local .heading a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; white-space: nowrap } .c-nav_local .heading .current::after { content: ''; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-3px) rotate(135deg); -ms-transform: translateY(-3px) rotate(135deg); transform: translateY(-3px) rotate(135deg); margin-left: 10px } .c-nav_local .heading .current::before { content: '-'; margin: 0 5px } .c-nav_local .hdg { font-size: 18px; color: #00ae68; margin-bottom: 15px; padding: 0 calc(100% / 18.5 * 1.5) } .c-nav_local .hdg a { color: #f36420 } .c-nav_local .links li + li { margin-top: 10px } .c-nav_local .links a { position: relative; display: block; padding: 0 calc(100% / 18.5 * 1.5) } .c-nav_local .links a:before { -webkit-transition: height .3s; transition: height .3s; height: 0%; content: ''; position: absolute; left: -1px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; background: #f36420 } .c-nav_local .links a.is-current, .c-nav_local .links a:hover { color: #f36420 } .c-nav_local .links a.is-current:before, .c-nav_local .links a:hover:before { height: 100% } .c-nav_local .buttons { margin-top: 20px } .c-nav_local .buttons li { padding: 0 calc(100% / 18.5 * 1.5) } .c-nav_local .buttons li + li { margin-top: 20px } .c-nav_local .buttons a { position: relative; padding: 8px 22px 8px 12px; display: block; background: #ecf1ef; line-height: 1.5 } .c-nav_local .buttons a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-nav_local .buttons a:hover { -webkit-animation: global_button-hover-gray 1s forwards; animation: global_button-hover-gray 1s forwards } .c-nav_local .buttons a:hover::after { right: 9px } .c-nav_lower-directory { margin: 130px 0 0; padding: 0 calc(100% / 80 * 3) } .c-nav_lower-directory .title { font-size: 20px; line-height: 1.4; margin: 64px 0 32px } .c-nav_lower-directory .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-nav_lower-directory .fourth li:first-child { position: relative } .c-nav_lower-directory .fourth li:first-child:before { background-color: #a9d7c5; content: ''; display: block; width: 1px; height: 30px; position: absolute; bottom: -30px; left: calc(50% - 1px); z-index: 1 } .c-nav_lower-directory .fifth { margin-top: 30px; padding-top: 30px; border-top: 1px solid #a9d7c5 } .c-nav_lower-directory li { min-height: 58px; -ms-flex-preferred-size: 22.75%; flex-basis: 22.75%; margin-right: 3% } .c-nav_lower-directory li:nth-child(n+5) { margin-top: 30px } .c-nav_lower-directory li:nth-child(4n+3) { margin-right: 0 } .c-nav_lower-directory li:nth-child(4n) { margin-right: 0; margin-left: auto } .c-nav_lower-directory a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 8px 22px 8px 12px; min-height: 80px; background: #ecf1ef; line-height: 1.5; width: 100% } .c-nav_lower-directory a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-nav_lower-directory a:hover { -webkit-animation: global_button-hover-gray 1s forwards; animation: global_button-hover-gray 1s forwards } .c-nav_lower-directory a:hover::after { right: 9px } .c-nav_lower-directory a.is-current { background-color: #00ae68; color: #fff } .c-nav_lower-directory a.is-current::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-nav_lower-directory a.is-current:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-nav_lower-directory a.is-current:hover::after { right: 9px } .c-nav_tab { margin-top: 45px } .c-nav_tab .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-nav_tab li { min-height: 58px } .c-nav_tab.is-tab1 li { width: calc(100% / 4) } .c-nav_tab.is-tab1 li a { padding: 10px calc(100% / (80 / 4) * 3) } .c-nav_tab.is-tab2 li { width: calc(100% / 2) } .c-nav_tab.is-tab2 li a { padding: 10px calc(100% / (80 / 2) * 3) } .c-nav_tab.is-tab3 li { width: calc(100% / 3) } .c-nav_tab.is-tab3 li a { padding: 10px calc(100% / (80 / 3) * 3) } .c-nav_tab.is-tab4 li { width: calc(100% / 4) } .c-nav_tab.is-tab4 li a { padding: 10px calc(100% / (80 / 4) * 3) } .c-nav_tab a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #00ae68; width: 100%; -webkit-transition: all .3s; transition: all .3s; height: 100% } .c-nav_tab a.is-active, .c-nav_tab a:hover { background: #00ae68; color: #fff } .c-table_general { overflow: hidden; margin: 40px 0 } .c-table_general.is-tbody-align-left tbody td { text-align: left; padding: 20px } .c-table_general.is-tbody-align-left tbody td.is-green { text-align: center } .c-table_general.is-th-align-center tbody th { text-align: center } .c-table_general .scroll-container { -webkit-overflow-scrolling: touch; overflow-x: auto } .c-table_general .scroll-inner { padding: 0 calc(100% / 80 * 3) } .c-table_general .table-hdg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: calc(100% / 80 * 3); margin-bottom: 10px; line-height: 1.4 } .c-table_general .hdg { font-size: 20px } .c-table_general .unit { text-align: right; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: calc(100% / 80 * 3); color: #8d8d8d } .c-table_general table { width: 100%; border-collapse: collapse; background: #fff } .c-table_general td, .c-table_general th { font-weight: 400; border: 1px solid #a9d7c5; vertical-align: middle } .c-table_general td.is-green { background: #e5f4de } .c-table_general tr td:first-of-type, .c-table_general tr th:first-of-type { border-left: 0 } .c-table_general tr td:last-of-type, .c-table_general tr th:last-of-type { border-right: 0 } .c-table_general thead th { border-top: 0; border-bottom: 0; color: #fff; background: #0e965f; padding: 20px 0 } .c-table_general thead tr + tr th { background: #00ae68 } .c-table_general thead tr:only-child th { background: #00ae68 } .c-table_general tbody th { text-align: left; background: #d8eae2; padding: 20px } .c-table_general tbody td { text-align: center; padding: 20px 5px } .c-table_general colgroup .per10 { width: 10% } .c-table_general colgroup .per20 { width: 20% } .c-table_general colgroup .per30 { width: 30% } .c-table_general colgroup .per40 { width: 40% } .c-table_general colgroup .per50 { width: 50% } .c-table_general colgroup .per60 { width: 60% } .c-table_general colgroup .per70 { width: 70% } .c-table_general colgroup .per80 { width: 80% } .c-table_general a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-table_general a[target="_blank"]::after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-right: 10px } .c-table_general a[href$=pdf]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-table_general a:hover { text-decoration: none } .c-text_column { margin: 26px 0 43px; padding: 0 calc(100% / 80 * 3) } .c-text_column .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-text_column .title { font-size: 20px; margin-bottom: 15px } .c-text_column.is-col2 .inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-text_column.is-col2 .inner > li { width: calc(100% / 74 * 34) } .c-text_column.is-col2 .inner > li:nth-child(n+3) { margin-top: 30px } .c-text_column.is-col3 .inner > li { width: calc(100% / 74 * 20); margin-right: calc(100% / 74 * 7 - 1px) } .c-text_column.is-col3 .inner > li:nth-child(3n) { margin-right: 0 } .c-text_column.is-col3 li:nth-child(n+4) { margin-top: 30px } .c-text_error { background-color: #fde1d6; color: #e66d43; padding: 45px calc(100% / 80 * 3); margin: 50px 0 } .c-text_general-link { margin: 21px 0; padding: 0 calc(100% / 80 * 3) } .c-text_general-link a { position: relative; color: #00ae68; padding-right: 26px } .c-text_general-link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-text_general-link a[target="_blank"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 15px; height: 12px; background: url(/common/images/ico/blank_green.png) no-repeat center; background-size: contain; margin-top: -7px; right: 5px } .c-text_general-link a[href$=".pdf"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 16px; height: 16px; background: url(/common/images/ico/pdf.png) no-repeat center; background-size: contain; margin-top: -9px; right: 5px } .c-text_general-link a:hover::after { right: 9px } .c-text_general-link a:hover[target="_blank"]::after { right: 0 } .c-text_general-link a:hover[href$=".pdf"]::after { right: 0 } .c-text_general { margin: 21px 0; } .c-text_general em { font-style: italic } .c-text_general strong { font-weight: 700 } .c-text_general .super { font-size: 10px; vertical-align: super } .c-text_general a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-text_general a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; border: 0; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-left: 0; margin-right: 10px; top: 0 } .c-text_general a[href$=pdf]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; border: 0; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-left: 0; margin-right: 10px; position: relative; top: 2px } .c-text_general a:hover { text-decoration: none } .c-unique_4s { margin: 45px 0 } .c-unique_4s .inner { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_4s .box { width: calc(100% / 80 * 40); padding: 0 calc(100% / 80 * 3) } .c-unique_4s .title { color: #00ae68; margin-bottom: 25px; padding: 0 calc(100% / 80 * 3); font-weight: 700 } .c-unique_4s .text.is-green { color: #00ae68 } .c-unique_4s .video-wrapper { margin-top: 25px; padding: 20px; background-color: #fff } .c-unique_4s .video-wrapper.is-ended .end-frame-image { opacity: 1 } .c-unique_4s .video-wrapper .video-container { position: relative; overflow: hidden; height: 0; padding-bottom: 84.9% } .c-unique_4s .video-wrapper video { position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; max-width: none; z-index: 1 } .c-unique_4s .video-wrapper .end-frame-image { position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; max-width: none; opacity: 0; -webkit-transition: all 1s; transition: all 1s; z-index: 2 } .c-unique_cookie-attention { position: fixed; display: none; z-index: 20; bottom: 0; width: 100%; color: #fff } .c-unique_cookie-attention .inner { min-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 3%; background: rgba(0,0,0,.7) } .c-unique_cookie-attention a { color: #fff; text-decoration: underline; white-space: nowrap } .c-unique_cookie-attention a:hover { text-decoration: none } .c-unique_cookie-attention .close-btn { position: relative; width: 15px; height: 15px; display: block; margin-right: 20px } .c-unique_cookie-attention .close-btn::after, .c-unique_cookie-attention .close-btn::before { content: ''; position: absolute; width: 21px; height: 1px; background: #fff; top: 50%; left: 0 } .c-unique_cookie-attention .close-btn::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .c-unique_cookie-attention .close-btn::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .c-unique_cookie-attention .accept-btn { margin-left: 30px } .c-unique_cookie-attention .accept-btn a { display: block; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; -webkit-transition: all .3s; transition: all .3s } .c-unique_cookie-attention .accept-btn a:hover { background: #fff; color: #000 } .c-unique_factory-location img { width: 100% } .c-unique_factory-location .tab { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_factory-location .tab li { width: 50%; min-height: 58px } .c-unique_factory-location .tab a { color: #00ae68; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px calc(100% / 40 * 3); -webkit-transition: all .3s; transition: all .3s; height: 100% } .c-unique_factory-location .tab a.is-active, .c-unique_factory-location .tab a:hover { background: #00ae68; color: #fff } .c-unique_factory-location .contents > section { display: none; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; background: #ecf1ef; padding: 38px calc(100% / 80 * 3) 50px } .c-unique_factory-location .contents > section.is-show { display: block; -webkit-animation: c-unique_factory-location_show .3s forwards; animation: c-unique_factory-location_show .3s forwards } .c-unique_factory-location .hdg-lv3 { font-size: 20px; margin-bottom: 8px } .c-unique_factory-location .list { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_factory-location .list > section { -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_factory-location .list > section:first-child { -ms-flex-preferred-size: 50%; flex-basis: 50% } .c-unique_factory-location .list ul { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50% } .c-unique_factory-location .list ul.is-japan-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_factory-location .list ul.is-japan-area li { width: calc(100% / 3) } .c-unique_factory-location .list a { display: block } .c-unique_factory-location .list a.is-active { color: #00ae68 } .c-unique_factory-location .location { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_factory-location .location li + li { margin-top: 8px; line-height: 1.3 } .c-unique_factory-location .map { position: relative; margin-top: 30px; background: #fff } .c-unique_factory-location .map.is-selected .marker { opacity: .2 } .c-unique_factory-location .map.is-selected .marker.is-active { opacity: 1 } .c-unique_factory-location .markers { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .c-unique_factory-location .marker { position: absolute; border-radius: 50% } .c-unique_factory-location .marker::before { position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50% } .c-unique_factory-location .marker.is-cigarette::before { background: #00ae68 } .c-unique_factory-location .marker.is-cigarette.is-active::after { background: #00ae68 } .c-unique_factory-location .marker.is-other::before { background: #bcc94d } .c-unique_factory-location .marker.is-other.is-active::after { background: #bcc94d } .c-unique_factory-location .marker.is-active::before { width: 20px; height: 20px } .c-unique_factory-location .marker.is-active::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 10px; height: 10px; -webkit-animation: c-unique_factory-location_marker .9s infinite; animation: c-unique_factory-location_marker .9s infinite; border-radius: 50% } .c-unique_factory-location .note { position: absolute; right: 60px; bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_factory-location .note p + p { margin-left: 30px } .c-unique_factory-location .note p::before { content: ''; width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 10px } .c-unique_factory-location .note .cigarette::before { background: #00ae68 } .c-unique_factory-location .note .other::before { background: #bcc94d } .c-unique_form-input { margin: 45px 0 20px } .c-unique_form-input + .c-unique_form-input { margin: 20px 0 } .c-unique_form-input.is-error .input-sec { background: #fde1d6 } .c-unique_form-input.is-error .text-input, .c-unique_form-input.is-error .textarea-input { border-bottom: 1px solid #efad96 } .c-unique_form-input.is-short .input-sec { width: calc(100% / 80 * 20); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .c-unique_form-input.is-short textarea { padding: 15px calc(100% / 20 * 1.5) } .c-unique_form-input.is-short .confirm, .c-unique_form-input.is-short .input-list, .c-unique_form-input.is-short .select-input, .c-unique_form-input.is-short .telephone-input, .c-unique_form-input.is-short .text-input { padding: 0 calc(100% / 20 * 1.5) } .c-unique_form-input.is-medium .input-sec { width: calc(100% / 80 * 40); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .c-unique_form-input.is-medium textarea { padding: 15px calc(100% / 40 * 1.5) } .c-unique_form-input.is-medium .confirm, .c-unique_form-input.is-medium .input-list, .c-unique_form-input.is-medium .select-input, .c-unique_form-input.is-medium .telephone-input, .c-unique_form-input.is-medium .text-input { padding: 0 calc(100% / 40 * 1.5) } .c-unique_form-input .input-area { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_form-input .heading-sec { padding: 18px calc(100% / 80 * 1.5); background: #d8eae2; -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% / 80 * 20) } .c-unique_form-input .required { color: #de6135 } .c-unique_form-input .input-sec { background: #ecf1ef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_form-input input[type=checkbox] { display: none } .c-unique_form-input input[type=checkbox]:checked + .checkbox-mark { background-image: url(/common/images/ico/checkbox_checked.png) } .c-unique_form-input input[type=radio] { display: none } .c-unique_form-input input[type=radio]:checked + .radio-mark { border: 1px solid #00ae68; background: #00ae68 } .c-unique_form-input input[type=text] { -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: 0 0 } .c-unique_form-input select { -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: 0 0 } .c-unique_form-input textarea { width: 100%; height: 100%; padding: 15px calc(100% / 60 * 1.5); background: 0 0; resize: vertical; display: block } .c-unique_form-input label { cursor: pointer } .c-unique_form-input .checkbox-mark { display: inline-block; width: 15px; height: 15px; background: url(/common/images/ico/checkbox.png) no-repeat center; background-size: contain } .c-unique_form-input .radio-mark { display: inline-block; width: 15px; height: 15px; border: 1px solid #a9d7c5; background: #fff; border-radius: 50% } .c-unique_form-input .input-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 calc(100% / 80 * 1.5); width: 100% } .c-unique_form-input .input-list li { margin-right: 40px } .c-unique_form-input .input-list label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-unique_form-input .input-list .label { margin-left: 10px } .c-unique_form-input .text-input { width: 100%; height: 100%; padding: 0 calc(100% / 60 * 1.5); border-bottom: 1px solid #a9d7c5 } .c-unique_form-input .telephone-input { width: 100%; height: 100%; padding: 0 calc(100% / 60 * 1.5); border-bottom: 1px solid #a9d7c5; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_form-input .telephone-input .area { width: calc(100% / 57 * 18.5) } .c-unique_form-input .telephone-input .number { position: relative; padding-left: calc(100% / 57 * 1.5); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_form-input .telephone-input .number::before { position: absolute; content: ''; width: 1px; height: 60%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #a9d7c5 } .c-unique_form-input .select-input { position: relative; width: 100%; height: 100%; padding: 0 calc(100% / 60 * 1.5) } .c-unique_form-input .select-input::after { content: ''; position: absolute; top: 50%; right: 20px; width: 7px; height: 7px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px; pointer-events: none } .c-unique_form-input .textarea-input { width: 100%; height: 100%; border-bottom: 1px solid #a9d7c5 } .c-unique_form-input .confirm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 18px calc(100% / 60 * 1.5) } .c-unique_form-input .error-message { margin-left: calc(100% / 80 * 20); padding: 5px calc(100% / 80 * 1.5) 0; color: #e17049 } .c-unique_form-input .error-message:empty { margin: 0; padding: 0 } .c-unique_hash { margin: 45px 0; padding: 0 calc(100% / 80 * 3); color: #8d8d8d; text-align: center } .c-unique_home-block-slider { position: relative; margin: 140px 0 } .c-unique_home-block-slider .heading { /*padding: 0 3%;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px } .c-unique_home-block-slider .heading .hdg { font-size: 41px; line-height: 1.3; /*width: calc(100% / 94 * 20)*/ width: 20%; text-align: center; } .c-unique_home-block-slider .heading .link { width: calc(100% / 94 * 14) } .c-unique_home-block-slider .heading .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; background: #f47d2d; color: #fff; padding: 5px 25px 5px 10px } .c-unique_home-block-slider .heading .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-block-slider .heading .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_home-block-slider .heading .link a:hover::after { right: 9px } .c-unique_home-block-slider .block-container { overflow: hidden; -webkit-overflow-scrolling: touch; padding-top: 20px } .c-unique_home-block-slider .block-container ul { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_home-block-slider .block-container ul li { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 20% } .c-unique_home-block-slider .block-container ul li:nth-child(even) .list-inner { background: #f47d2d } .c-unique_home-block-slider .block-container ul li.is-done:nth-child(odd) .list-inner { background: #737373 } .c-unique_home-block-slider .block-container ul li.is-done:nth-child(even) .list-inner { background: #8c8c8c } .c-unique_home-block-slider .block-container ul li.is-done .more { display: none } .c-unique_home-block-slider .block-container ul .news-heading { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px } .c-unique_home-block-slider .block-container ul .news-heading .category { margin-right: 10px; min-width: 60px; border-bottom: 1px solid #fff; display: none; } .c-unique_home-block-slider .block-container ul .news-heading time { border-bottom: 1px solid #fff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_home-block-slider .block-container ul .title { height: 150px; overflow: hidden; font-size: 14px; } .c-unique_home-block-slider .block-container ul .label { position: absolute; bottom: 100%; left: 0; padding: 0 10px; background: #93cc37; font-size: 11px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-unique_home-block-slider .block-container ul .label.is-next { background: #f3ac26 } .c-unique_home-block-slider .block-container ul .label:empty { display: none } .c-unique_home-block-slider .block-container ul .list-inner { display: block; color: #fff; padding: 5% calc(100% / 20 * 1.5) calc(5% + 30px); background: #f3631d } .c-unique_home-block-slider .block-container ul a.list-inner { -webkit-transition: all .3s; transition: all .3s } .c-unique_home-block-slider .block-container ul a.list-inner[href$=".pdf"] .more::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 10px; height: 14px; border: none; margin-top: -7px; right: 7px; background: url(/common/images/ico/pdf_white.png) no-repeat right center; background-size: 10px } .c-unique_home-block-slider .block-container ul a.list-inner:hover { opacity: .8 } .c-unique_home-block-slider .block-container ul a.list-inner:hover .more::after { right: 9px } .c-unique_home-block-slider .block-container ul a.list-inner:hover[href$=".pdf"] .more::after { right: 1px } .c-unique_home-block-slider .block-container ul .more { position: absolute; bottom: 6%; padding-right: 26px } .c-unique_home-block-slider .block-container ul .more::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-block-slider .slider-wrapper { margin-top: 32px; padding: 0 3% } .c-unique_home-block-slider .slider { position: relative; width: calc(100% - 50px); height: 20px } .c-unique_home-block-slider .slider::before { position: absolute; content: ''; background: #f0802a; width: calc(100% + 50px); height: 1px; top: 50%; left: 0; margin-top: -3px } .c-unique_home-block-slider .slider .ui-slider-handle { position: absolute; width: 50px; height: 15px; background: #f0802a; cursor: pointer } .c-unique_home-block-slider .slider .ui-slider-handle:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_home-block-slider .slider-label { margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 3% } .c-unique_home-block-slider .slider-label > span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_home-block-slider .slider-label .more { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right } .c-unique_home-block-slider .slider-label a { position: relative; color: #00ae68; padding-right: 26px } .c-unique_home-block-slider .slider-label a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-block-slider .slider-label a:hover::after { right: 9px } .c-unique_home-global-story { margin: 120px 0 60px } .c-unique_home-global-story .expand-btn { padding: 0 3%; width: 40%; margin-top: 32px; display: none } .c-unique_home-global-story .expand-btn a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_home-global-story .expand-btn a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 12px; height: 12px; background: url(/common/images/ico/plus_white.png) no-repeat center; background-size: contain; margin-top: -6px } .c-unique_home-global-story .expand-btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_home-global-story .expand-btn a:hover::after { right: 9px } .c-unique_home-global-story .hdg { font-size: 41px; line-height: 1.3; padding: 0 3% } .c-unique_home-global-story .sec-container { margin-top: 70px } .c-unique_home-global-story .sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 80px; } .c-unique_home-global-story .sec:nth-child(even) .visual { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .c-unique_home-global-story .sec:nth-child(even) .details { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .c-unique_home-global-story .sec:nth-child(1) .visual { background-image: url(http://static.linknewideas.com/haobo/images/pic_story-01.jpg) } .c-unique_home-global-story .sec:nth-child(2) .visual { background-image: url(http://static.linknewideas.com/haobo/images/pic_story-02.jpg) } .c-unique_home-global-story .sec:nth-child(3) .visual { background-image: url(http://static.linknewideas.com/haobo/images/pic_story-03.jpg) } .c-unique_home-global-story .sec:nth-child(4) .visual { background-image: url(http://static.linknewideas.com/haobo/images/pic_story-04.jpg) } .c-unique_home-global-story .visual { opacity: 0; width: 54%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 482px } .c-unique_home-global-story .details { opacity: 0; position: relative; width: 46%; padding: 0 3%; color:#5a5858; display: flex; flex-direction: column; justify-content: space-between; } .c-unique_home-global-story .copy { font-size: 48px; color: #5a5858; padding: 0px 0 10px; line-height: 1; } .c-unique_home-global-story .sec-hdg { font-size: 28px; line-height: 1.4; color:#f37c2c; margin:30px 0; } .c-unique_home-global-story .desc { margin-top: 15px; font-size: 18px; } .c-unique_home-global-story .link { /*width: calc(100% / 40 * 34)*/ } .c-unique_home-global-story .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #f37c2c; color: #fff; padding: 5px 25px 5px 10px } .c-unique_home-global-story .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-global-story .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_home-global-story .link a:hover::after { right: 9px } .c-unique_home-latest-results { padding: 0 3%; margin: 120px 0 } .c-unique_home-latest-results .hdg { font-size: 41px; line-height: 1.3 } .c-unique_home-latest-results .link { width: calc(100% / 94 * 34); margin-top: 32px } .c-unique_home-latest-results .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_home-latest-results .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-latest-results .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_home-latest-results .link a:hover::after { right: 9px } .c-unique_home-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_home-view .main-visual { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_home-view .visual { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .c-unique_home-view .visual .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover } .c-unique_home-view .visual .bg.is-pc { display: block } .c-unique_home-view .visual .bg.is-sp { display: none } .c-unique_home-view .message { position: absolute; bottom: 7%; padding: 0 3%; color: #fff } .c-unique_home-view .message .hdg { font-size: 40px; line-height: 1.2 } .c-unique_home-view .message .desc { font-size: 18px; margin-top: 15px } .c-unique_home-view .notifications { position: absolute; left: 1.5%; top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_home-view .notifications li { margin-right: 1px; width: 85px } .c-unique_home-view .notifications a { position: relative; color: #00ae68; background: #fff; display: block; padding: 4px 10px; -webkit-transition: all .5s; transition: all .5s } .c-unique_home-view .notifications a:hover { opacity: .7 } .c-unique_home-view .notifications .count { position: absolute; width: 20px; height: 20px; background: #93cc37; color: #fff; right: 5px; top: 50%; margin-top: -10px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px } .c-unique_home-view .notifications .count:empty { display: none } .c-unique_home-view .nav { display: -webkit-box; display: -ms-flexbox; display: flex; height: 16vw } .c-unique_home-view .stock-price { opacity: 0; position: absolute; height: 100%; right: 0; top: 0; width: 20% } .c-unique_home-view .stock-price a { height: 100%; background: rgba(255,255,255,.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px calc(100% / 20 * 1.5); -webkit-transition: all .3s; transition: all .3s } .c-unique_home-view .stock-price a:hover { background: #fff } .c-unique_home-view .stock-price a:hover .link::after { right: 9px } .c-unique_home-view .stock-price .hdg { color: #00ae68; font-size: 18px } .c-unique_home-view .stock-price .price { -ms-flex-preferred-size: 70%; flex-basis: 70%; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-unique_home-view .stock-price .price img { width: 100% } .c-unique_home-view .stock-price .link { position: absolute; color: #00ae68; bottom: 15px; padding-right: 30px } .c-unique_home-view .stock-price .link::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-view .main-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_home-view .main-contents li { opacity: 0; position: relative; width: 33.3%; flex:1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-unique_home-view .main-contents li::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s } .c-unique_home-view .main-contents li:hover::before { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); z-index: 1 } .c-unique_home-view .main-contents li:nth-child(1)::before { background: #f48e2c } .c-unique_home-view .main-contents li:nth-child(2)::before { background: #f47d2d } .c-unique_home-view .main-contents li:nth-child(3)::before { background: #f46d2d } .c-unique_home-view .main-contents li:nth-child(4)::before { background: #f3631d } .c-unique_home-view .main-contents li:nth-child(5)::before { background: #f44f0f } .c-unique_home-view .main-contents a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 10px calc(100% / 20 * 1.5); color: #fff; z-index: 2 } .c-unique_home-view .main-contents a .icon { content: ''; position: absolute; width: 180px; height: 180px; top: 50%; left: 50%; margin: -90px 0 0 -90px; background-size: 100%; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4) } .c-unique_home-view .main-contents a[href="/about/"] .icon { background: url(/images/ico_about.png) no-repeat center bottom; -webkit-transform: scale(.43); -ms-transform: scale(.43); transform: scale(.43) } .c-unique_home-view .main-contents a[href="/investors/"] .icon { background: url(/images/ico_investors.png) no-repeat center bottom } .c-unique_home-view .main-contents a[href="/sustainability/"] .icon { background: url(/images/ico_sustainability.png) no-repeat center bottom } .c-unique_home-view .main-contents a[href="/media/news/"] .icon { background: url(/images/ico_media.png) no-repeat center bottom } .c-unique_home-view .main-contents .title { position: relative; font-size: 16px; padding-right: 15px } .c-unique_home-view .main-contents .title::after { position: absolute; right: 0; top: 50%; margin-top: -4px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .c-unique_home-view .main-contents .read-more { position: relative; padding-right: 30px; font-size: 12px; } .c-unique_home-view .main-contents .read-more::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_home-view .sub-visual { position: relative; opacity: 0; width: 20% } .c-unique_home-view .sub-visual .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover } .c-unique_home-view .sub-visual time { position: relative; display: block; padding: 10px calc(100% / 20 * 1.5); color: #fff; font-size: 18px } .c-unique_home-view .sub-visual time > span { margin: 0 1px; -webkit-animation: c-unique_home-view_secound 1s infinite normal steps(1,end); animation: c-unique_home-view_secound 1s infinite normal steps(1,end) } .c-unique_hr { border-color: #a9d7c5; margin: 50px 0 } .c-unique_image-btn-stock { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_image-btn-stock .image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .c-unique_image-btn-stock .image:nth-child(n+3) { margin-top: 45px } .c-unique_image-btn-stock .image a { position: relative; display: block; overflow: hidden } .c-unique_image-btn-stock .image a.is-hover .bg { -webkit-transform: scale(1.05) translate3d(0,0,0); transform: scale(1.05) translate3d(0,0,0) } .c-unique_image-btn-stock .image a.is-hover .slider { bottom: 0!important } .c-unique_image-btn-stock .image a.is-no-slide .slider { bottom: 0!important } .c-unique_image-btn-stock .image .bg { -webkit-transition: all .5s; transition: all .5s } .c-unique_image-btn-stock .image .bg img { width: 100% } .c-unique_image-btn-stock .image .slider { position: absolute; width: 100%; bottom: 0; padding: 10px calc(100% / 40 * 1.5); background-color: rgba(255,255,255,.8); -webkit-transition: all .5s; transition: all .5s } .c-unique_image-btn-stock .image .title { font-size: 20px; color: #00ae68 } .c-unique_image-btn-stock .image .desc { margin-top: 5px } .c-unique_image-btn-stock .stock-price { position: relative; width: 50%; background: #ecf1ef; padding: 25px calc(100% / 80 * 3) } .c-unique_image-btn-stock .stock-price .title { position: absolute; color: #00ae68; font-size: 20px; line-height: 1 } .c-unique_image-btn-stock .stock-price .btn { position: absolute; bottom: 30px; left: 0; padding: 0 calc(100% / 40 * 3); width: 100% } .c-unique_image-btn-stock .stock-price .btn a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_image-btn-stock .stock-price .btn a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_image-btn-stock .stock-price .btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_image-btn-stock .stock-price .btn a:hover::after { right: 9px } .c-unique_image-btn-stock .stock-price .frame-wrapper { padding: 1px 0 70px 130px } .c-unique_image-btn-stock .stock-price .frame-wrapper .scale-wrapper { position: relative; overflow: hidden; display: inline-block } .c-unique_image-btn-stock .stock-price .frame-wrapper iframe { width: 394px; height: 222px; max-width: none; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .c-unique_image-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 45px 0 } .c-unique_image-link .image { background-color: #ecf1ef; width: calc(100% / 80 * 20); height: auto; position: relative; -ms-flex-item-align: baseline; align-self: baseline } .c-unique_image-link .image:before { content: ""; display: block; padding-top: 100% } .c-unique_image-link .image span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: calc(100% / 80 * 6); box-sizing: border-box } .c-unique_image-link .image span:before { content: ""; height: 100%; vertical-align: middle; width: 0; display: inline-block } .c-unique_image-link .image span > * { vertical-align: middle; display: inline-block } .c-unique_image-link .image span img { max-width: 80%; height: auto; max-height: 80%; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); box-shadow: 0 0 10px rgba(0,0,0,.3) } .c-unique_image-link .image > :first-child { margin-top: 0 } .c-unique_image-link a.image:hover img { -webkit-transform: scale(1.05) translate3d(0,0,0); transform: scale(1.05) translate3d(0,0,0) } .c-unique_image-link .text { width: calc(100% / 80 * 60 - 1px); padding: 0 calc(100% / 80 * 3) } .c-unique_image-link .text > :first-child { margin-top: 0 } .c-unique_image-link .text a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-unique_image-link .text a:after { content: ''; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; margin-right: 10px } .c-unique_image-link .text a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; border: 0; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-left: 0; margin-right: 10px; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_image-link .text a[href$=pdf]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; border: 0; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-left: 0; margin-right: 10px; position: relative; top: 2px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_image-link .text a:hover { text-decoration: none } .c-unique_image-link .heading-lv2 { font-size: 40px; line-height: 1.4; margin: 84px 0 28px } .c-unique_image-link .heading-lv3 { font-size: 30px; line-height: 1.4; margin: 58px 0 30px } .c-unique_image-link .heading-lv4 { font-size: 20px; line-height: 1.4; margin: 58px 0 30px } .c-unique_image-link p, .c-unique_image-link ul { margin: 21px 0 } .c-unique_image-link li:nth-child(n+2) { margin-top: 18px } .c-unique_investors-block-slider { position: relative; margin: 70px 0 } .c-unique_investors-block-slider .heading { padding: 0 calc(100% / 80 * 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } .c-unique_investors-block-slider .heading .hdg { font-size: 30px; min-width: 200px } .c-unique_investors-block-slider .heading .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px; min-width: 160px } .c-unique_investors-block-slider .heading .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-block-slider .heading .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-block-slider .heading .link a:hover::after { right: 9px } .c-unique_investors-block-slider .block-container { overflow: hidden; -webkit-overflow-scrolling: touch } .c-unique_investors-block-slider .block-list { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_investors-block-slider .block-list > li { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% / 3) } .c-unique_investors-block-slider .block-list > li.is-done .category, .c-unique_investors-block-slider .block-list > li.is-done time { border-color: #8d8d8d } .c-unique_investors-block-slider .block-list > li.is-done a { color: #8d8d8d } .c-unique_investors-block-slider .block-list > li.is-done .link-text { display: none } .c-unique_investors-block-slider .block-list .news-heading { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px } .c-unique_investors-block-slider .block-list .news-heading .category { margin-right: 10px; min-width: 60px; border-bottom: 1px solid #000 } .c-unique_investors-block-slider .block-list .news-heading time { border-bottom: 1px solid #000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_investors-block-slider .block-list .title { height: 150px; overflow: hidden } .c-unique_investors-block-slider .block-list .list-inner { position: relative; display: block; padding: 10px calc(100% / (80 / 3) * 1.5) 40px; border-right: 1px solid #a9d7c5; -webkit-transition: all .3s; transition: all .3s } .c-unique_investors-block-slider .block-list .list-inner:hover { background: #ecf1ef } .c-unique_investors-block-slider .block-list .list-inner:hover .link-text::after { right: 9px } .c-unique_investors-block-slider .block-list .list-inner:hover[href$=".pdf"] .link-text::after { right: 5px } .c-unique_investors-block-slider .block-list .list-inner[href$=".pdf"] .link-text::after { border: none; width: 10px; height: 14px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background: url(/common/images/ico/pdf.png) no-repeat right center; background-size: 9px; padding-right: 22px; right: 10px; margin-top: -7px } .c-unique_investors-block-slider .block-list .link-text { position: absolute; bottom: 10px; color: #00ae68; padding-right: 28px } .c-unique_investors-block-slider .block-list .link-text::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-block-slider .slider-wrapper { margin-top: 32px; padding: 0 calc(100% / 80 * 3) } .c-unique_investors-block-slider .slider-wrapper.is-events { display: none } .c-unique_investors-block-slider .slider { position: relative; width: calc(100% - 50px); height: 20px } .c-unique_investors-block-slider .slider::before { position: absolute; content: ''; background: #a9d7c5; width: calc(100% + 50px); height: 1px; top: 50%; left: 0; margin-top: -3px } .c-unique_investors-block-slider .slider .ui-slider-handle { position: absolute; width: 50px; height: 15px; background: #00ae68; cursor: pointer } .c-unique_investors-block-slider .slider .ui-slider-handle:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-block-slider .label { margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: calc(100% / 80 * 3) } .c-unique_investors-block-slider .label.is-events { display: none } .c-unique_investors-list-01 .tab { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_investors-list-01 .tab li { -ms-flex-preferred-size: calc(100% / 4); flex-basis: calc(100% / 4) } .c-unique_investors-list-01 .tab a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 10px calc(100% / (80 / 4) * 3); color: #00ae68; -webkit-transition: all .3s; transition: all .3s } .c-unique_investors-list-01 .tab a.is-active, .c-unique_investors-list-01 .tab a:hover { background: #00ae68; color: #fff } .c-unique_investors-list-01 .list-wrapper { background: #ecf1ef; padding: 50px calc(100% / 80 * 3); position: relative } .c-unique_investors-list-01 .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 38px } .c-unique_investors-list-01 .heading .hdg { font-size: 30px; margin-right: 110px } .c-unique_investors-list-01 .heading .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px; min-width: 160px } .c-unique_investors-list-01 .heading .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-list-01 .heading .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-list-01 .heading .link a:hover::after { right: 9px } .c-unique_investors-list-01 .list { margin: 21px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_investors-list-01 .list li { width: calc(100% / 76 * 35) } .c-unique_investors-list-01 .list li:nth-child(n+3) { margin-top: 18px } .c-unique_investors-list-01 .list a { color: #00ae68; text-decoration: underline } .c-unique_investors-list-01 .list a[target="_blank"]::after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 5px } .c-unique_investors-list-01 .list a[href$=".pdf"]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-unique_investors-list-01 .list a:hover { text-decoration: none } .c-unique_investors-list-01 .buttons { margin-top: 45px; overflow: hidden } .c-unique_investors-list-01 .buttons li { width: calc(100% / 76 * 35) } .c-unique_investors-list-01 .buttons li:nth-child(n+3) { margin-top: 40px } .c-unique_investors-list-01 .buttons li.is-left { float: left } .c-unique_investors-list-01 .buttons li.is-right { float: right } .c-unique_investors-list-01 .buttons a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_investors-list-01 .buttons a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-list-01 .buttons a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-list-01 .buttons a:hover::after { right: 9px } .c-unique_investors-list-01 .buttons a[target="_blank"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 15px; height: 12px; background: url(/common/images/ico/blank_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-unique_investors-list-01 .buttons a.is-sound::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 16px; height: 16px; background: url(/common/images/ico/sound_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-unique_investors-list-01 .note { font-size: 14px; color: #8d8d8d; margin: 38px 0 } .c-unique_investors-list-01 .note .list { display: table } .c-unique_investors-list-01 .note .list li { display: table-row } .c-unique_investors-list-01 .note .list li + li .ref, .c-unique_investors-list-01 .note .list li + li .text { padding-top: 18px } .c-unique_investors-list-01 .note .list .ref { display: table-cell; white-space: nowrap; padding-right: 5px } .c-unique_investors-list-01 .note .list .text { display: table-cell } .c-unique_investors-list-02 .tab { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_investors-list-02 .tab li { -ms-flex-preferred-size: calc(100% / 4); flex-basis: calc(100% / 4) } .c-unique_investors-list-02 .tab a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 10px calc(100% / (80 / 4) * 3); color: #00ae68; -webkit-transition: all .3s; transition: all .3s } .c-unique_investors-list-02 .tab a.is-active, .c-unique_investors-list-02 .tab a:hover { background: #00ae68; color: #fff } .c-unique_investors-list-02 .list-wrapper { background: #ecf1ef; padding: 50px calc(100% / 80 * 3); position: relative } .c-unique_investors-list-02 .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 38px } .c-unique_investors-list-02 .heading .link a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px; min-width: 160px } .c-unique_investors-list-02 .heading .link a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-list-02 .heading .link a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-list-02 .heading .link a:hover::after { right: 9px } .c-unique_investors-list-02 .list { margin: 21px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_investors-list-02 .list li { width: calc(100% / 76 * 35) } .c-unique_investors-list-02 .list li:nth-child(n+3) { margin-top: 18px } .c-unique_investors-list-02 .list a { color: #00ae68; text-decoration: underline } .c-unique_investors-list-02 .list a[target="_blank"]::after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 5px } .c-unique_investors-list-02 .list a[href$=".pdf"]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-unique_investors-list-02 .list a:hover { text-decoration: none } .c-unique_investors-list-02 .buttons { margin-top: 45px; overflow: hidden } .c-unique_investors-list-02 .buttons li { width: calc(100% / 76 * 35) } .c-unique_investors-list-02 .buttons li:nth-child(n+3) { margin-top: 40px } .c-unique_investors-list-02 .buttons li.is-left { float: left } .c-unique_investors-list-02 .buttons li.is-right { float: right } .c-unique_investors-list-02 .buttons a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_investors-list-02 .buttons a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_investors-list-02 .buttons a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_investors-list-02 .buttons a:hover::after { right: 9px } .c-unique_investors-list-02 .buttons a[target="_blank"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 15px; height: 12px; background: url(/common/images/ico/blank_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-unique_investors-list-02 .buttons a[href$=".mp3"]::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; width: 16px; height: 16px; background: url(/common/images/ico/sound_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-unique_investors-list-02 .note { font-size: 14px; color: #8d8d8d; margin: 38px 0 } .c-unique_investors-list-02 .note .list { display: table } .c-unique_investors-list-02 .note .list li { display: table-row } .c-unique_investors-list-02 .note .list li + li .ref, .c-unique_investors-list-02 .note .list li + li .text { padding-top: 18px } .c-unique_investors-list-02 .note .list .ref { display: table-cell; white-space: nowrap; padding-right: 5px } .c-unique_investors-list-02 .note .list .text { display: table-cell } .c-unique_list-corporate { margin: 43px 0; padding: 0 calc(100% / 80 * 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_list-corporate .inner { width: calc(100% / 74 * 34) } .c-unique_list-corporate .inner:nth-child(even) { margin-right: 0 } .c-unique_list-corporate li { margin-top: 30px; height: 70px } .c-unique_list-corporate li:first-child { margin-top: 0 } .c-unique_list-corporate a { position: relative; color: #00ae68; text-decoration: underline; padding-right: 26px } .c-unique_list-corporate a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_list-corporate a:hover { text-decoration: none } .c-unique_list-corporate .color-gray { color: #8d8d8d } .c-unique_list-link-01 { margin: 45px 0; padding: 0 calc(100% / 80 * 1.5) } .c-unique_list-link-01:last-child { margin-bottom: 0 } .c-unique_list-link-01 .list { padding: 30px calc(100% / 80 * 1.5); border-top: 1px solid #a9d7c5 } .c-unique_list-link-01 .list:last-child { border-bottom: 1px solid #a9d7c5 } .c-unique_list-link-01 .box > :first-child { margin-top: 0 } .c-unique_list-link-01 .text { color: #000; position: relative } .c-unique_list-link-01 .text .date, .c-unique_list-link-01 .text .heading { border-bottom: 1px solid #000; display: inline-block; padding-right: 20px } .c-unique_list-link-01 .text .heading { margin-right: 10px } .c-unique_list-link-01 .text .title { margin-top: 15px; font-size: 20px; width: calc(100% / 74 * 54) } .c-unique_list-link-01 .link { margin: 21px 0; position: relative } .c-unique_list-link-01 .link:last-child { margin-bottom: 0 } .c-unique_list-link-01 .link ul { width: calc(100% / 74 * 54) } .c-unique_list-link-01 .link li:nth-child(n+2) { margin-top: 20px } .c-unique_list-link-01 .link a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-unique_list-link-01 .link a:after { content: ''; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #00ae68; border-right: 1px solid #00ae68; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; margin-right: 10px } .c-unique_list-link-01 .link a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; border: 0; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-left: 0; margin-right: 10px; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_list-link-01 .link a[href$=pdf]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; border: 0; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-left: 0; margin-right: 10px; position: relative; top: 2px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_list-link-01 .link a:hover { text-decoration: none } .c-unique_list-link-01 .btn { width: calc(100% / 74 * 18); position: absolute; bottom: 0; right: 0 } .c-unique_list-link-01 .btn.is-show .add-to-calendar-btn::after { background-image: url(/common/images/ico/minus_white.png) } .c-unique_list-link-01 .btn > a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; text-decoration: none; padding: 5px 25px 5px 10px } .c-unique_list-link-01 .btn > a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_list-link-01 .btn > a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_list-link-01 .btn > a:hover::after { right: 9px } .c-unique_list-link-01 .btn > a.add-to-calendar-btn::after { background: url(/common/images/ico/plus_white.png) no-repeat center; width: 15px; height: 15px; background-size: contain; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: 0; margin-top: -7px; right: 12px } .c-unique_list-link-01 .note { font-size: 14px; margin-top: 18px } .c-unique_list-link-01 .note ul { display: table } .c-unique_list-link-01 .note ul li { display: table-row } .c-unique_list-link-01 .note ul li + li .ref, .c-unique_list-link-01 .note ul li + li .text { padding-top: 18px } .c-unique_list-link-01 .note ul .ref { color: #8d8d8d; display: table-cell; white-space: nowrap; padding-right: 5px } .c-unique_list-link-01 .note ul .text { color: #8d8d8d; display: table-cell } .c-unique_list-link-01 .calendar-list { position: absolute; display: none; width: 100%; padding-top: 25px; z-index: 1 } .c-unique_list-link-01 .calendar-list::before { position: absolute; top: 10px; left: 50%; margin-left: -15px; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent rgba(0,0,0,.8) } .c-unique_list-link-01 .calendar-list ul { background: rgba(0,0,0,.8); padding: 20px calc(100% / 14 * 1.5) } .c-unique_list-link-01 .calendar-list li + li { margin-top: 10px } .c-unique_list-link-01 .calendar-list a { position: relative; padding-right: 15px; color: #fff } .c-unique_list-link-01 .calendar-list a:after { position: absolute; right: 0; top: 50%; margin-top: -4px; content: ''; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .c-unique_list-link-02 { margin: 21px 0; padding: 0 calc(100% / 80 * 3); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_list-link-02 .inner { width: calc(100% / 74 * 34) } .c-unique_list-link-02 .inner:nth-child(n+3) { margin-top: 30px } .c-unique_list-link-02 li { margin-top: 18px } .c-unique_list-link-02 li:first-child { margin-top: 0 } .c-unique_list-link-02 .text { position: relative; padding-left: 1.4em } .c-unique_list-link-02 .text:before { content: '閳伙拷'; color: #00ae68; display: block; font-size: 10px; position: absolute; margin-left: -2.1em; top: 6px } .c-unique_list-link-02 a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-unique_list-link-02 a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-right: 10px } .c-unique_list-link-02 a:hover { text-decoration: none } .c-unique_list-sitemap { margin: 45px 0; line-height: 1.4 } .c-unique_list-sitemap .inner { padding-left: calc(100% / 80 * 3.5) } .c-unique_list-sitemap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_list-sitemap .list { width: calc(100% / 74 * 34); text-align: left } .c-unique_list-sitemap .list:nth-child(n+3) { margin-top: 50px } .c-unique_list-sitemap .directory-lv1 { font-size: 30px; margin-bottom: 10px } .c-unique_list-sitemap .directory-lv1 a { color: #00ae68 } .c-unique_list-sitemap .directory-lv2 { font-size: 20px; margin: 21px 0; padding-left: 17px } .c-unique_list-sitemap .directory-lv2.is-next-directory { margin-bottom: 15px } .c-unique_list-sitemap .directory-lv3 { font-size: 14px; line-height: 1.6; font-weight: 700; padding-left: 34px; margin: 15px 0 } .c-unique_list-sitemap .directory-lv3.is-next-directory { margin-bottom: 5px } .c-unique_list-sitemap .directory-lv4 { font-size: 14px; line-height: 1.6; padding-left: 52px; margin: 5px 0 } .c-unique_list-sitemap .list-box { border-left: 1px solid #ecf1ef; padding-left: calc(100% / 34 * 3) } .c-unique_list-sitemap .list-box dd:last-child { margin-bottom: 0 } .c-unique_list-sitemap .others { margin-top: 60px } .c-unique_list-sitemap .others dd, .c-unique_list-sitemap .others dt { font-size: 20px; margin: 13px 0 } .c-unique_list-sitemap .others dd a, .c-unique_list-sitemap .others dt a { color: #666 } .c-unique_list-sitemap a { display: block; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .c-unique_list-sitemap a:hover { color: #00ae68; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .c-unique_news-list .tab { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_news-list .tab li { -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3) } .c-unique_news-list .tab a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 calc(100% / (80 / 3) * 3); color: #00ae68; -webkit-transition: all .3s; transition: all .3s } .c-unique_news-list .tab a:hover { background: #00ae68; color: #fff } .c-unique_news-list .tab a.is-active { background: #00ae68; color: #fff } .c-unique_news-list .tab a.is-active { cursor: default } .c-unique_news-list .list-wrapper { background: #f6f6f6; padding: 0px calc(100% / 80 * 3) 50px; } .c-unique_news-list .table-wrapper { overflow: hidden } .c-unique_news-list .select-wrapper { position: relative; width: calc(100% / 74 * 20 - 1px); background: #f3631d } .c-unique_news-list .select-wrapper::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px } .c-unique_news-list .select-wrapper:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_news-list .select-wrapper:hover::after { margin-top: -2px } .c-unique_news-list .select-wrapper select { -webkit-appearance: none; appearance: none; width: 100%; color: #fff; padding: 10px; background: 0 0; cursor: pointer } .c-unique_news-list .select-wrapper select option { color: #000; background-color: #fff } .c-unique_news-list colgroup .col1 { width: 26.9% } .c-unique_news-list table { width: 100%; border-collapse: collapse; table-layout: fixed } .c-unique_news-list td, .c-unique_news-list th { font-weight: 400; border: 1px solid #f4c5a7; border-right: 0; opacity: 0; vertical-align: middle } .c-unique_news-list td a, .c-unique_news-list th a { display: block; padding: 20px 24px; color: #f5601c; -webkit-transition: all .3s; transition: all .3s } .c-unique_news-list td a::after, .c-unique_news-list th a::after { content: ''; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #f5601c; border-right: 1px solid #f5601c; -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); pointer-events: none; margin-left: 6px } .c-unique_news-list td a[href$=".pdf"]::after, .c-unique_news-list th a[href$=".pdf"]::after { width: 9px; height: 11px; border: none; -webkit-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); background: url(/common/images/ico/pdf.png) no-repeat; background-size: contain } .c-unique_news-list td a:hover, .c-unique_news-list th a:hover { background: #f6f6f6 } .c-unique_news-list tr td:first-of-type, .c-unique_news-list tr th:first-of-type { border-left: 0 } .c-unique_news-list tr td:last-of-type, .c-unique_news-list tr th:last-of-type { border-right: 0 } .c-unique_news-list th { background: #fae2ca; color:#5f4d43; } .c-unique_news-list td { background: #fff; } .c-unique_news-list .pager { text-align: center; margin-top: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-unique_news-list .pager li.is-current a, .c-unique_news-list .pager li:hover a { color: #f3631d } .c-unique_news-list .pager a { position: relative; display: block; padding: 0 20px; height: 24px } .c-unique_news-list .pager .pager-prev a { background-size: 8px } .c-unique_news-list .pager .pager-prev a::before { content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; pointer-events: none } .c-unique_news-list .pager .pager-next a { background-size: 8px } .c-unique_news-list .pager .pager-next a::before { content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 50%; margin-left: -4px; margin-top: -5px; pointer-events: none } .c-unique_news-list .pagination { text-align: center; margin-top: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-unique_news-list .pagination li.is-current a, .c-unique_news-list .pagination li:hover a { color: #f3631d } .c-unique_news-list .pagination a { position: relative; display: block; padding: 0 20px; height: 24px } .c-unique_news-list .pagination .pager-prev a { background-size: 8px } .c-unique_news-list .pagination .pager-prev a::before { content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; pointer-events: none } .c-unique_news-list .pagination .pager-next a { background-size: 8px } .c-unique_news-list .pagination .pager-next a::before { content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 50%; margin-left: -4px; margin-top: -5px; pointer-events: none } .c-unique_number-box { margin: 45px 0; counter-reset: number 0 } .c-unique_number-box .inner { padding: 40px calc(100% / 80 * 3); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-unique_number-box .inner:first-child { margin-top: 0 } .c-unique_number-box .inner:before { position: absolute; counter-increment: number 1; content: counter(number) " "; color: #a3d9bd; font-size: 150px; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .c-unique_number-box .inner:nth-child(odd) { background-color: #ecf1ef; padding-left: calc(100% / 80 * 12); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .c-unique_number-box .inner:nth-child(odd):before { left: calc(100% / 80 * 7) } .c-unique_number-box .inner:nth-child(odd) .box::before { content: ''; display: block; border-left: 1px solid #a9d7c5; position: absolute; left: calc(100% / 50 * -3); height: 100% } .c-unique_number-box .inner:nth-child(even) { padding-right: calc(100% / 80 * 12); margin-left: auto; margin-right: 0 } .c-unique_number-box .inner:nth-child(even):before { right: calc(100% / 80 * 6.5) } .c-unique_number-box .inner:nth-child(even) .box::before { content: ''; display: block; border-left: 1px solid #a9d7c5; position: absolute; right: calc(100% / 50 * -3.3); height: 100% } .c-unique_number-box .box { position: relative; width: calc(100% / 80 * 66); height: 190px } .c-unique_number-box .title { font-size: 30px } .c-unique_number-box p:nth-child(n+2) { margin-top: 15px } .c-unique_officer { margin: 45px 0 } .c-unique_officer.is-no-image .officers > li:nth-child(odd) .history { left: calc(-100% / 34 * 3) } .c-unique_officer.is-no-image .officers > li:nth-child(even) .history { left: calc(-100% / 34 * 43) } .c-unique_officer.is-no-image .details { padding: 0 calc(100% / (80 / 2) * 3) } .c-unique_officer.is-no-image .history { width: calc(100% / 34 * 80) } .c-unique_officer .officers { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_officer .officers > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50% } .c-unique_officer .officers > li:nth-child(n+3) { margin-top: 50px } .c-unique_officer .officers > li:nth-child(odd) .history { left: calc(-100% * (21.5 / 17)) } .c-unique_officer .officers > li:nth-child(even) .history { left: calc(-100% * (61.5 / 17)) } .c-unique_officer .image { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / (80 / 2) * 20); flex-basis: calc(100% / (80 / 2) * 20) } .c-unique_officer .details { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 calc(100% / (80 / 2) * 1.5) } .c-unique_officer .name { font-size: 20px; margin-bottom: 8px } .c-unique_officer .button { margin-top: 8px } .c-unique_officer .button a { padding-right: 30px; color: #00ae68; background: url(/common/images/ico/plus.png) no-repeat right center; background-size: 14px } .c-unique_officer .button.is-show a { background-image: url(/common/images/ico/minus.png) } .c-unique_officer .history-wrapper { position: relative; display: none } .c-unique_officer .history-wrapper::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent rgba(0,0,0,.8); top: 0; left: 30px } .c-unique_officer .history { position: absolute; color: #fff; width: calc(100% / .17 * .8); padding: 40px 0 5px; z-index: 1; top: 15px; background: rgba(0,0,0,.8) } .c-unique_officer .history ol { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 0 calc(100% / 80 * 3) } .c-unique_officer .history ol:last-child li:last-child { padding-bottom: 0 } .c-unique_officer .history li { padding-bottom: 40px } .c-unique_officer .scroll-container { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_officer .scroll-container::-webkit-scrollbar { all: unset; width: 15px } .c-unique_officer .scroll-container::-webkit-scrollbar-track { background: -webkit-linear-gradient(left,#3d3d3d 1px,transparent 1px); background: linear-gradient(to right,#3d3d3d 1px,transparent 1px) } .c-unique_officer .scroll-container::-webkit-scrollbar-thumb { background: -webkit-linear-gradient(left,#07a163 1px,transparent 1px); background: linear-gradient(to right,#07a163 1px,transparent 1px) } .c-unique_officer .time { font-size: 20px } .c-unique_officer .history-desc { margin-top: 8px } .c-unique_our-history { position: relative } .c-unique_our-history .controller { padding-left: calc(100% / 80 * 1.5) } .c-unique_our-history .controller.is-fixed .controller-inner { position: fixed; width: calc((100% - 60px) * .8); padding-left: calc((100% - 60px) * .015); z-index: 1; top: 0; left: 0 } .c-unique_our-history .controller.is-end .controller-inner { position: absolute; width: 100%; padding-left: calc(100% / 80 * 1.5); top: auto; bottom: 0; left: 0 } .c-unique_our-history .controller .controller-inner { background: -webkit-linear-gradient(top,rgba(255,255,255,.9) 80%,rgba(255,255,255,0)); background: linear-gradient(to bottom,rgba(255,255,255,.9) 80%,rgba(255,255,255,0)); z-index: 1 } .c-unique_our-history .period { padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_our-history .period li { width: 25% } .c-unique_our-history .period a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 5px; border-bottom: 3px solid #d9d9d9; -webkit-transition: all .3s; transition: all .3s } .c-unique_our-history .period a:hover { border-color: #00ae68; color: #00ae68 } .c-unique_our-history .period a.is-current { border-color: #00ae68; color: #00ae68 } .c-unique_our-history .period .start { margin-right: 5px } .c-unique_our-history .period .end { margin-left: 5px } .c-unique_our-history .category { padding-bottom: 60px } .c-unique_our-history .category ul { display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_our-history .category li { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc(100% / 3) } .c-unique_our-history .category input[type=checkbox] { position: absolute; visibility: hidden } .c-unique_our-history .category input[type=checkbox]:checked + .check-mark { background: url(/common/images/ico/checkbox_checked.png) no-repeat center; background-size: contain } .c-unique_our-history .category .check-mark { width: 15px; height: 15px; background: url(/common/images/ico/checkbox.png) no-repeat center; background-size: contain; margin-right: 10px } .c-unique_our-history .category label { position: relative; cursor: pointer; line-height: 1.3; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 5px 15px; height: 58px } .c-unique_our-history .category label[data-category=international] { background: #00ae68 } .c-unique_our-history .category label[data-category=japanese] { background: #a7d857 } .c-unique_our-history .category label[data-category=other] { background: #878787 } .c-unique_our-history .history > section { position: relative; overflow: hidden } .c-unique_our-history .history > section.is-fixed .year { position: fixed; width: calc((100% - 60px) * .2) } .c-unique_our-history .history > section.is-end .year { top: auto; bottom: 20px } .c-unique_our-history .history .year { position: absolute; left: 0; top: 0; font-size: 5vw; line-height: 1; width: calc(100% / 80 * 20); text-align: center; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity .3s; transition: opacity .3s } .c-unique_our-history .history .details { margin-left: calc(100% / 80 * 20); margin-bottom: 20px; padding: 50px calc(100% / 60 * 3); -webkit-transition: opacity .7s; transition: opacity .7s } .c-unique_our-history .history .details.is-fade-off { opacity: 0 } .c-unique_our-history .history .details p + p { margin-top: 25px } .c-unique_our-history .history .details[data-category=international] { border-left: 3px solid #00ae68; color: #00ae68 } .c-unique_our-history .history .details[data-category=international].is-bg { background: #d9f3e8 } .c-unique_our-history .history .details[data-category=japanese] { border-left: 3px solid #a7d857; color: #82c316 } .c-unique_our-history .history .details[data-category=japanese].is-bg { background: #f2f9e6 } .c-unique_our-history .history .details[data-category=other] { border-left: 3px solid #aaa } .c-unique_our-history .history .details[data-category=other].is-bg { background: #f0f0f0 } .c-unique_our-history .history .hdg { font-size: 20px } .c-unique_our-history .history .hdg + p { margin-top: 25px } .c-unique_our-history .history .image { overflow: hidden; margin-top: 50px } .c-unique_our-history .history .image img { width: 100% } .c-unique_our-history .history .image figure { float: left; width: 47.5%; margin-right: 5% } .c-unique_our-history .history .image p { overflow: hidden } .c-unique_profile { margin: 45px 0; padding: 0 calc(100% / 80 * 3) } .c-unique_profile .inner { background-color: #ecf1ef; width: calc(100% / 80 * 36.8) } .c-unique_profile ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_profile .image { width: calc(100% / 80 * 33) } .c-unique_profile .text { margin: 14px 0; width: calc(100% / 80 * 46); padding: 0 calc(100% / 80 * 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_profile .text .comment { padding-bottom: 15px } .c-unique_quote { margin: 50px 0; padding: 0 calc(100% / 80 * 3) } .c-unique_quote .inner { border: 1px solid #000; padding: calc(100% / 80 * 2 - .5em) calc(100% / 80 * 2) } .c-unique_quote .hdg { font-weight: 700 } .c-unique_quote .closure { text-align: right } .c-unique_report-list .inner { background: #ecf1ef; padding: 50px calc(100% / 80 * 3) 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-unique_report-list .image { position: relative; display: block; width: calc(100% / 76 * 36.5) } .c-unique_report-list .image::before { content: ''; display: block; height: 0; padding-bottom: 100%; background: #fff } .c-unique_report-list .image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 85%; max-width: 75%; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); box-shadow: 0 0 10px rgba(0,0,0,.3) } .c-unique_report-list a.image:hover img { -webkit-transform: scale(1.05) translate3d(0,0,0); transform: scale(1.05) translate3d(0,0,0) } .c-unique_report-list .link-box { position: relative; width: calc(100% / 76 * 36.5) } .c-unique_report-list .btn-box { overflow: hidden } .c-unique_report-list .btn-box li + li { margin-top: 40px } .c-unique_report-list .btn-box .list { margin-top: 20px; color: #8d8d8d } .c-unique_report-list .btn-box .list ul { display: table } .c-unique_report-list .btn-box .list ul li { display: table-row } .c-unique_report-list .btn-box .list ul li + li .ref, .c-unique_report-list .btn-box .list ul li + li .text { padding-top: 18px } .c-unique_report-list .btn-box .list ul .ref { display: table-cell; white-space: nowrap; padding-right: 5px } .c-unique_report-list .btn-box .list ul .text { display: table-cell } .c-unique_report-list .btn-box .text { margin-top: 20px } .c-unique_report-list .btn-box .btn a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_report-list .btn-box .btn a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_report-list .btn-box .btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_report-list .btn-box .btn a:hover::after { right: 9px } .c-unique_report-list .btn-box .text a { position: relative; color: #00ae68; text-decoration: underline } .c-unique_report-list .btn-box .text a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; border: 0; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-left: 0; margin-right: 10px; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_report-list .btn-box .text a[href$=pdf]:after, .c-unique_report-list .btn-box .text a[href$=xlsx]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-unique_report-list .btn-box .text a.handler { display: block; width: 13px; height: 13px; background: url(/common/images/ico/plus.png) no-repeat right center; background-size: 13px } .c-unique_report-list .btn-box .text a:hover { text-decoration: none } .c-unique_report-list .title { font-size: 20px; line-height: 1.4; margin: 45px 0 30px } .c-unique_report-list .link-list { display: table; margin: 21px 0 } .c-unique_report-list .link { display: table-row } .c-unique_report-list .link > li { display: table-cell; padding: 10px 0; vertical-align: middle } .c-unique_report-list .link > li:first-child { padding-right: 10px } .c-unique_report-list .link > li.is-show .handler { background: url(/common/images/ico/minus.png) no-repeat right center; background-size: 13px } .c-unique_report-list .link > li.is-show .handler::before { content: ''; position: absolute; width: 0; height: 0; opacity: 1; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent rgba(0,0,0,.8); bottom: -20px; left: 50%; margin-left: -15px } .c-unique_report-list .link a { position: relative; color: #00ae68; text-decoration: underline } .c-unique_report-list .link a[target="_blank"]:after { content: ''; display: inline-block; background: url(/common/images/ico/blank_green.png) no-repeat right; border: 0; background-size: 12px; width: 12px; height: 12px; padding-left: 10px; margin-left: 0; margin-right: 10px; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .c-unique_report-list .link a[href$=pdf]:after, .c-unique_report-list .link a[href$=xlsx]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-unique_report-list .link a.handler { display: block; width: 14px; height: 14px; background: url(/common/images/ico/plus.png) no-repeat right center; background-size: 13px } .c-unique_report-list .link a:hover { text-decoration: none } .c-unique_report-list .content { display: none; background-color: rgba(0,0,0,.8); color: #fff; padding: 25px 20px 30px; position: absolute; left: 0; z-index: 2; width: 100%; margin-top: 20px } .c-unique_report-list .content .contents-list { color: #ccc; font-size: 12px; margin-top: 15px } .c-unique_report-list .content li { position: relative; padding-left: 15px } .c-unique_report-list .content li + li { margin-top: 10px } .c-unique_report-list .content li::before { content: ''; position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #ccc; left: 0; top: 8px } .c-unique_search-results-heading .input-wrapper { padding: 0 calc(100% / 80 * 3); width: calc(100% / 80 * 34); display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_search-results-heading .input-wrapper .input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_search-results-heading .input-wrapper .submit { background: #00ae68; -ms-flex-preferred-size: 22%; flex-basis: 22%; -ms-flex-negative: 0; flex-shrink: 0 } .c-unique_search-results-heading .input-wrapper .submit:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_search-results-heading .input-wrapper input[type=text] { background: #ecf1ef; border-bottom: 1px solid #a9d7c5; width: 100%; padding: 8px 10px; height: 100% } .c-unique_search-results-heading .input-wrapper input[type=submit] { background: transparent url(/common/images/ico/search_white.png) no-repeat center; background-size: auto 60%; width: 100%; cursor: pointer; height: 100% } .c-unique_search-results-heading .options { padding: 0 calc(100% / 80 * 3) } .c-unique_search-results-heading .options .input-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_search-results-heading .options li { position: relative; padding-left: 25px; margin: 35px 30px 0 0 } .c-unique_search-results-heading .options .radio-mark { position: absolute; left: 0; top: 5px; width: 15px; height: 15px; border: 1px solid #a9d7c5; background: #fff; border-radius: 50% } .c-unique_search-results-heading .options label { cursor: pointer } .c-unique_search-results-heading .options input { display: none } .c-unique_search-results-heading .options input:checked + .radio-mark { background: #00ae68; border: 1px solid #00ae68 } .c-unique_search-results-heading .results { position: relative; padding-left: calc(100% / 80 * 3); margin-top: 60px } .c-unique_search-results-heading .results .change-sort-options { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_search-results-heading .results .change-sort-options li + li::before { content: '/'; margin: 0 10px; color: #8d8d8d } .c-unique_search-results-heading .results .change-sort-options a { color: #00ae68 } .c-unique_search-results-heading .results .desc1 .keyword { font-weight: 700 } .c-unique_search-results-heading .results .desc2 { color: #e17049; margin-top: 8px } .c-unique_search-results-heading .results .desc2 .keyword { color: #00ae68; font-weight: 700 } .c-unique_search-results-heading .results .desc3 { margin-top: 8px } .c-unique_search-results-heading .results .desc3 .value { font-weight: 700 } .c-unique_select-box { margin: 45px 0 } .c-unique_select-box .select-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px calc(100% / 80 * 3) 20px } .c-unique_select-box .select-wrapper { position: relative; background: #00ae68; width: calc(100% / 74 * 20) } .c-unique_select-box .select-wrapper::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px } .c-unique_select-box .select-wrapper:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_select-box .select-wrapper:hover::after { margin-top: -2px } .c-unique_select-box select { -webkit-appearance: none; appearance: none; width: 100%; color: #fff; padding: 10px; background: 0 0; cursor: pointer } .c-unique_select-box select option { color: #000; background-color: #fff } .c-unique_select-box .content-wrap { background-color: #ecf1ef } .c-unique_select-box .content { padding: 0 calc(100% / 80 * 3) 50px } .c-unique_select-box .content > :first-child { margin-top: 0 } .c-unique_select-box .content > :last-child { margin-bottom: 0 } .c-unique_select-box .content.is-active { display: block } .c-unique_select-box .title { font-size: 20px; line-height: 1.4; margin: 64px 0 42px; padding-right: calc(100% / 74 * 26) } .c-unique_select-box .list-decimal { position: relative } .c-unique_select-box .list-decimal li { position: relative; padding-left: 1.4em; counter-increment: count } .c-unique_select-box .list-decimal li + li { margin-top: 18px } .c-unique_select-box .list-decimal li:first-child { margin-top: 0 } .c-unique_select-box .list-decimal li:before { content: counter(count); color: #00ae68; display: block; font-size: 14px; position: absolute; margin-left: -1.4em } .c-unique_select-box .link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 0 } .c-unique_select-box .link li { width: calc(100% / 74 * 34) } .c-unique_select-box .link li:nth-child(n+3) { margin-top: 18px } .c-unique_select-box .link li a { color: #00ae68; display: inline-block; position: relative; text-decoration: underline } .c-unique_select-box .link li a[href$=pdf]:after { content: ''; display: inline-block; background: url(/common/images/ico/pdf.png) no-repeat right; background-size: 10px 13px; width: 10px; height: 13px; padding-left: 10px; margin-right: 10px; position: relative; top: 2px } .c-unique_select-box .link li a:hover { text-decoration: none } .c-unique_select-box .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 45px 0 } .c-unique_select-box .btn li { width: calc(100% / 74 * 34) } .c-unique_select-box .btn a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px } .c-unique_select-box .btn a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px } .c-unique_select-box .btn a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_select-box .btn a:hover::after { right: 9px } .c-unique_select-contact { padding: 0 calc(100% / 80 * 3) } .c-unique_select-contact .hdg { font-size: 20px } .c-unique_select-contact .inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px } .c-unique_select-contact .select-sec { width: 50% } .c-unique_select-contact .select-sec li { position: relative; padding-left: 25px } .c-unique_select-contact .select-sec li + li { margin-top: 30px } .c-unique_select-contact .select-sec .radio-mark { position: absolute; left: 0; top: 5px; width: 15px; height: 15px; border: 1px solid #a9d7c5; background: #fff; border-radius: 50% } .c-unique_select-contact .select-sec label { cursor: pointer } .c-unique_select-contact input { display: none } .c-unique_select-contact input:checked + .radio-mark { background: #00ae68; border: 1px solid #00ae68 } .c-unique_select-contact .desc-sec { width: 50%; padding-left: calc(100% / 74 * 3) } .c-unique_select-contact .desc-sec .form-desc > :first-child { margin-top: 0 } .c-unique_select-contact .desc-sec .form-desc { display: none } .c-unique_select-contact .desc-sec .text { margin: 40px 0 } .c-unique_select-contact .desc-sec .list { margin: 40px 0 } .c-unique_select-contact .desc-sec .list li { position: relative; padding-left: 15px } .c-unique_select-contact .desc-sec .list li::before { content: ''; width: 5px; height: 5px; top: 10px; left: 0; background: #00ae68; position: absolute } .c-unique_select-contact .desc-sec .list li + li { margin-top: 20px } .c-unique_select-contact .desc-sec .note { margin: 40px 0; display: table; font-size: 12px; color: #8d8d8d } .c-unique_select-contact .desc-sec .note li { display: table-row } .c-unique_select-contact .desc-sec .note .ref { display: table-cell; padding-right: 5px } .c-unique_select-contact .desc-sec .note .text { display: table-cell } .c-unique_select-contact .link-button a { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; background: #00ae68; color: #fff; padding: 5px 25px 5px 10px; min-width: 160px; display: -webkit-box; display: -ms-flexbox; display: flex } .c-unique_select-contact .link-button a::after { content: ''; position: absolute; top: 50%; pointer-events: none; -webkit-transition: all .2s; transition: all .2s; right: 14px; width: 15px; height: 12px; background: url(/common/images/ico/blank_white.png) no-repeat center; background-size: contain; margin-top: -7px } .c-unique_select-contact .link-button a:hover { -webkit-animation: global_button-hover 1s forwards; animation: global_button-hover 1s forwards } .c-unique_select-contact .link-button a:hover::after { right: 9px } .c-unique_signature { margin: 45px 0; padding: 0 calc(100% / 80 * 3) } .c-unique_signature .image { max-width: 190px; height: auto } .c-unique_signature .text { margin-top: 10px } .c-unique_stock-chart { padding: 0 calc(100% / 80 * 3) } .c-unique_stock-chart .inner { padding: 6px 10px; background: #fff } .c-unique_stock-chart .frame-wrapper { position: relative; height: 780px } .c-unique_stock-chart iframe { position: absolute; height: 100%; overflow: hidden; width: 100% } .c-unique_text-image-wrap { margin: 55px 0 45px } .c-unique_text-image-wrap .inner { overflow: hidden } .c-unique_text-image-wrap .image { width: calc(100% / 80 * 40); float: right; margin-left: calc(100% / 80 * 3); margin-bottom: 1em } .c-unique_text-image-wrap .image img { width: 100% } .c-unique_text-image-wrap .caption { font-size: 14px; margin-top: 10px; padding: 0 calc(100% / 40 * 3) } .c-unique_text-image-wrap .text { padding: 0 calc(100% / 80 * 3) } .c-unique_text-image-wrap .text > :first-child { margin-top: 0 } .c-unique_text-image-wrap .heading-lv2 { font-size: 40px; line-height: 1.4; margin: 84px 0 28px } .c-unique_text-image-wrap .heading-lv3 { font-size: 30px; line-height: 1.4; margin: 58px 0 30px } .c-unique_text-image-wrap .heading-lv4 { font-size: 20px; line-height: 1.4; margin: 58px 0 30px } @media screen and (min-width:426px) and (max-width:768px) { .c-unique_home-view { height: calc(100vh - 50px) } } @media screen and (min-width:426px) and (max-width:768px) and (min-aspect-ratio:25 / 29) { .c-unique_home-view { height: calc(118vw - 50px) } } @media screen and (min-width:426px) and (max-width:768px) and (max-aspect-ratio:2 / 3) { .c-unique_home-view { height: calc(150vw - 50px) } } @media screen and (min-width:769px) and (max-width:1024px) { .c-unique_home-view { height: calc(100vh - 50px) } } @media screen and (min-width:769px) and (max-width:1024px) and (min-aspect-ratio:25 / 18) { .c-unique_home-view { height: calc(72vw - 50px) } } @media screen and (min-width:769px) and (max-width:1024px) and (max-aspect-ratio:9 / 10) { .c-unique_home-view { height: calc(111vw - 50px) } } @media screen and (min-width:1025px) { .c-unique_home-view { height: 100vh } } @media screen and (min-width:1025px) and (min-aspect-ratio:100 / 50) { .c-unique_home-view { height: 50vw } } @media screen and (min-width:1025px) and (max-aspect-ratio:3 / 2) { .c-unique_home-view { height: 67vw } } @media screen and (max-width:1365px) { .c-list_btn.is-col5 li { margin-right: calc(100% * .025) } } @media screen and (max-width:1024px) { .l-footer_global { width: 100% } .l-footer_global .sitemap { padding: 30px 0 0 } .l-footer_global .sitemap ul { width: 25%; margin-bottom: 30px } .l-footer_global .sitemap .others { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-top: 30px } .l-footer_global .sitemap .others:before { content: ''; display: block; border-top: 1px solid #ecf1ef; position: absolute; top: 0; width: 94% } .l-footer_global .sitemap .others li { width: 50% } .l-footer_global .sitemap .others li:first-child { display: none } .l-footer_global .groups { padding: 0 3% } .l-footer_global .copyright { margin-top: 0; text-align: left } .l-footer_global .to-top { display: block } .l-header_global { width: 100%; height: 50px } .l-header_global.is-shadow { box-shadow: 0 -8px 8px 8px rgba(0,0,0,.3) } .l-header_global.is-open .menu-btn .line-wrapper span:nth-child(1) { width: 23px!important; -webkit-transform: rotate(-45deg) translate(-4px,6px); -ms-transform: rotate(-45deg) translate(-4px,6px); transform: rotate(-45deg) translate(-4px,6px) } .l-header_global.is-open .menu-btn .line-wrapper span:nth-child(2) { width: 23px; -webkit-transform: rotate(45deg) translate(1.5px,-1.5px); -ms-transform: rotate(45deg) translate(1.5px,-1.5px); transform: rotate(45deg) translate(1.5px,-1.5px) } .l-header_global.is-open .menu-btn .line-wrapper span:nth-child(3) { opacity: 0 } .l-header_global .header-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 0 } .l-header_global .menu-btn a { padding: 0 3vw 0 20px } .l-header_global .menu-btn .line:nth-child(1) { -webkit-transition: none; transition: none } .l-header_global .search a { padding: 0 20px 0 25px } .l-header_global .inquiry a { padding: 0 20px } .l-header_global .logo a { padding: 0 3vw } .l-header_global .logo { width: auto !important; left: 0 } .l-header_global .to-top { display: none } .l-header_global .global-nav { width: 100% } .l-header_global .close-btn.header-close { display: none } .l-header_global .overlay { width: 100% } .l-wrapper_bgcolor-green { padding: 40px 0 } .l-wrapper_content-outer { padding: 40px 0 0 } .l-wrapper_content-outer::before { display: none } .l-wrapper_main.is-no-local-nav { margin-top: 50px } .l-wrapper_main { width: 100%; margin-top: 50px } .c-btn_link { padding: 0 3%; width: calc(100% / 80 * 40) } .c-btn_prev-next { padding: 0 3%; margin: 40px 0 } .c-heading_lower { padding: 53px 3% 30px } .c-heading_lower .hdg { font-size: 35px } .c-heading_lv2-attention { font-size: 36px; margin: 75px 0 24px; padding: 0 3% 0 calc(3% + 1.5em); text-indent: -1.5em } .c-heading_lv2-attention .mark { left: -1.25em } .c-heading_lv2-sub { font-size: 36px; margin: 75px 0 24px; padding: 0 calc(100% * .03) } .c-heading_lv2 { font-size: 36px; margin: 75px 0 24px; padding: 0 3% } .c-heading_lv3-line { font-size: 27px; margin: 0 calc(100% / 80 * 3) 16px; padding-bottom: 35px } .c-heading_lv3-sub { font-size: 27px; margin: 52px 0 16px; padding: 0 3% } .c-heading_lv3 { font-size: 27px; margin: 52px 0 16px; padding: 0 3% } .c-heading_news { margin: 0 3% 35px } .c-heading_news .hdg { font-size: 36px } .c-heading_news .sub { font-size: 19px } .c-image_contents .heading-lv2 { font-size: 36px; margin: 75px 0 24px } .c-image_contents .heading-lv3 { font-size: 27px; margin: 52px 0 26px } .c-image_contents .heading-lv4 { font-size: 27px; margin: 52px 0 26px } .c-list_anchor-general { padding: 0 calc(100% * .03) } .c-list_btn { padding: 0 calc(100% * .03) } .c-list_general { padding: 0 calc(100% * .03) } .c-list_index.is-col2 li:nth-child(2n) a { border-right: 0 } .c-list_index.is-col3 li:nth-child(3n) a { border-right: 0 } .c-list_index.is-col4 li:nth-child(4n) a { border-right: 0 } .c-list_note { padding: 0 3% } .c-list_search-results .page-details { padding-right: 3vw } .c-list_steps { padding-left: 3% } .c-list_steps li { margin-right: 3% } .c-nav_local { position: fixed; width: 100%; top: 50px; box-shadow: 0 -8px 8px 8px rgba(0,0,0,.3); z-index: 10 } .c-nav_local.is-fixed { right: auto; width: 100% } .c-nav_local.is-end { top: 50px; bottom: auto } .c-nav_local .heading { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 40px; background: #ddd } .c-nav_local .heading .category { padding-left: 3vw } .c-nav_local .heading .current { padding-right: 3vw } .c-nav_local .nav-wrapper { overflow: hidden; height: 0; opacity: 0; background: #ddd; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-overflow-scrolling: touch } .c-nav_local .hdg { padding: 0 3%; font-size: 24px } .c-nav_local .links a { padding: 0 3% } .c-nav_local .buttons { margin-top: 25px } .c-nav_local .buttons li { padding: 0 3% } .c-nav_local .buttons li + li { margin-top: 15px } .c-nav_local .buttons a { background: #fff } .c-nav_lower-directory { padding: 0 calc(100% * .03) } .c-table_general .scroll-inner { padding: 0 3% } .c-table_general .table-hdg { padding: 0 3% } .c-table_general .hdg { font-size: 18px } .c-table_general .unit { padding-right: 0 } .c-text_error { padding: 40px 3%; margin: 40px 0 } .c-text_general-link { padding: 0 calc(100% * .03) } .c-text_general { padding: 0 calc(100% * .03) } .c-unique_4s .box { padding: 0 calc(100% * .03) } .c-unique_4s .title { padding: 0 calc(100% * .03) } .c-unique_factory-location .tab a { padding: 0 calc(100% / 50 * 3) } .c-unique_factory-location .contents > section { padding: 45px 3% } .c-unique_factory-location .map { margin-top: 20px } .c-unique_hash { padding: 0 calc(100% * .03) } .c-unique_home-block-slider .heading { padding: 0 3% } .c-unique_home-block-slider .heading .hdg { width: calc(100% / 94 * 30) } .c-unique_home-block-slider .heading .link { width: calc(100% / 94 * 27) } .c-unique_home-block-slider .block-container ul li { width: 25% } .c-unique_home-block-slider .slider-wrapper { padding: 0 3% } .c-unique_home-block-slider .slider-label { padding: 0 3% } .c-unique_home-global-story .expand-btn { width: calc(100% / 94 * 57) } .c-unique_home-global-story .visual { width: 50% } .c-unique_home-global-story .details { width: 50% } .c-unique_home-latest-results .link { width: calc(100% / 94 * 57) } .c-unique_home-view .message .hdg { font-size: 34px } .c-unique_home-view .message .desc { font-size: 16px } .c-unique_home-view .nav { height: 25vw } .c-unique_home-view .stock-price { width: 25% } .c-unique_home-view .sub-visual { display: none } .c-unique_hr { margin: 40px 3% } .c-unique_image-link .heading-lv2 { font-size: 36px; margin: 75px 0 24px } .c-unique_image-link .heading-lv3 { font-size: 27px; margin: 52px 0 26px } .c-unique_image-link .heading-lv4 { font-size: 27px; margin: 52px 0 26px } .c-unique_investors-block-slider .heading { padding: 0 3% } .c-unique_investors-block-slider .slider-wrapper { padding: 0 3% } .c-unique_investors-block-slider .label { padding: 0 3% } .c-unique_investors-list-01 .list-wrapper { padding: 35px 3% } .c-unique_investors-list-02 .list-wrapper { padding: 35px 3% } .c-unique_list-link-01 { padding: 0 calc(100% * .03) } .c-unique_list-link-02 { padding: 0 calc(100% * .03) } .c-unique_list-sitemap .directory-lv1 { font-size: 27px; margin-bottom: 16px } .c-unique_news-list .list-wrapper { padding: 35px 3% } .c-unique_number-box .inner { height: auto } .c-unique_officer.is-no-image .officers > li:nth-child(odd) .history { left: calc(-100% / 44 * 3) } .c-unique_officer.is-no-image .officers > li:nth-child(even) .history { left: calc(-100% / 44 * 53) } .c-unique_officer.is-no-image .details { padding: 0 calc(100% / 50 * 3) } .c-unique_officer.is-no-image .history { width: calc(100% / 44 * 100) } .c-unique_officer .officers > li:nth-child(odd) .history { left: calc(-100% * (53 / 44)) } .c-unique_officer .officers > li:nth-child(even) .history { left: calc(-100% * (153 / 44)) } .c-unique_officer .details { padding: 0 3% } .c-unique_officer .history { padding: 30px 0 5px; width: calc(100% / 44 * 200) } .c-unique_officer .history ol { padding: 0 3% } .c-unique_our-history .controller { padding-left: 0 } .c-unique_our-history .controller.is-fixed .controller-inner { width: 100%; padding-left: 0 } .c-unique_our-history .controller.is-end .controller-inner { width: 100%; padding-left: 0 } .c-unique_our-history .period a:hover { border-color: #d9d9d9; color: #000 } .c-unique_our-history .period a.is-current { border-color: #00ae68; color: #00ae68 } .c-unique_our-history .history > section.is-fixed .year { width: 30% } .c-unique_our-history .history .year { font-size: 10vw; width: 30% } .c-unique_our-history .history .details { margin-left: 30%; padding: 30px 4% } .c-unique_our-history .history .image { margin-top: 30px } .c-unique_quote { padding: 0 calc(100% * .03) } .c-unique_quote .inner { padding: calc(100% / 94 * 3 - .5em) calc(100% / 94 * 3) } .c-unique_report-list .inner { padding: 40px 3% 40px 0 } .c-unique_search-results-heading .input-wrapper { padding: 0 3% } .c-unique_search-results-heading .options { padding: 0 3% } .c-unique_search-results-heading .results { padding-left: 3% } .c-unique_search-results-heading .results .change-sort-options { right: 3% } .c-unique_signature { padding: 0 calc(100% * .03) } .c-unique_text-image-wrap .heading-lv2 { font-size: 36px; margin: 75px 0 24px } .c-unique_text-image-wrap .heading-lv3 { font-size: 27px; margin: 52px 0 26px } .c-unique_text-image-wrap .heading-lv4 { font-size: 27px; margin: 52px 0 26px } } @media screen and (max-width:768px) { .about-content .page-sub-desc span{ display: inline-block; font-size: 16px; line-height: 1.5; } .c-unique_home-view .main-contents .kx-icon{ position: initial; transform:scale(.5); } .c-unique_home-view .index-logo{ top:16px; left:16px; } .l-footer_global .sitemap ul { width: 50% } .l-footer_global .sitemap .others { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .l-header_global.is-open .global-nav .sec { -webkit-animation: l-header_gobal_fadein .5s forwards; animation: l-header_gobal_fadein .5s forwards } .l-header_global.is-close .global-nav { -webkit-animation: l-header_gobal_fadehide .5s forwards; animation: l-header_gobal_fadehide .5s forwards } .l-header_global.is-close .global-nav .sec { -webkit-animation: l-header_gobal_fadeout .5s forwards; animation: l-header_gobal_fadeout .5s forwards } .l-header_global.is-close .overlay { -webkit-animation: l-header_gobal_fadehide .5s forwards; animation: l-header_gobal_fadehide .5s forwards } .l-header_global .global-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-y: auto; -webkit-overflow-scrolling: touch } .l-header_global .global-nav a { padding: 10px 3% } .l-header_global .global-nav a:hover { color: #fff; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .l-header_global .global-nav .nav-inner { padding: 80px 0; display: block } .l-header_global .global-nav .sec { padding: 10px 0 } .l-header_global .global-nav .sec:last-child .cat-name { } .l-header_global .global-nav .sec.is-open { background: #000 } .l-header_global .global-nav .sec.is-open ul { height: auto; opacity: 1 } .l-header_global .global-nav .sec.is-open .sec-close { display: block } .l-header_global .global-nav .sec ul { height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .l-header_global .global-nav .cat-name a { color: #f3631d } .l-header_global .close-btn { margin-top: 30px } .l-header_global .close-btn a { color: #8d8d8d } .l-header_global .overlay { background: rgba(0,0,0,.9) } .l-header_global .overlay .bg { display: none } .l-header_global .overlay .bg:last-child { display: none } .c-btn_image.is-col3 li { width: 100%; max-width: 100% } .c-btn_image.is-col3 li:nth-child(n+3) { margin-top: 45px } .c-btn_image.is-col3 .slider { padding: 10px 3% 14px } .c-btn_image.is-col3 .caption { padding: 0 3% } .c-btn_image .btn-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-btn_image li { width: 100% } .c-btn_image li + li { margin-top: 45px } .c-btn_image .slider { bottom: 0; padding: 10px 3% 14px } .c-btn_image .caption { padding: 0 3% } .c-btn_link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-btn_prev-next { display: -webkit-box; display: -ms-flexbox; display: flex } .c-btn_prev-next .prev { width: auto; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 } .c-btn_prev-next .prev a { min-height: 50px; padding: 5px 13px 5px 30px } .c-btn_prev-next .next { width: auto; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; margin-left: 10px } .c-btn_prev-next .next:only-child { margin-left: 0 } .c-btn_prev-next .next a { min-height: 50px; padding: 5px 25px 5px 13px; text-align: right } .c-btn_prev-next .next input { min-height: 50px; padding: 5px 25px 5px 13px; text-align: right } .c-heading_lv3-sub .sub.is-end { float: none; display: block; text-align: left; margin: 21px 0 } .c-image_contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 46px 0 36px } .c-image_contents.is-sp-text-up .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 6.25% } .c-image_contents.is-sp-text-up .text { width: 100%; padding: 0 3%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .c-image_contents .image { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .c-image_contents .text { width: 100%; padding: 6.25% 3% 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .c-image_contents .caption { padding: 0 3% } .c-image_contents .heading-lv2 { font-size: 32px; margin: 67px 0 20px } .c-image_contents .heading-lv3 { font-size: 25px; margin: 46px 0 22px } .c-image_contents .heading-lv4 { font-size: 25px; margin: 46px 0 22px } .c-list_anchor-general li { -ms-flex-preferred-size: 25%; flex-basis: 25% } .c-list_anchor-general li:nth-child(n+5) { margin-top: 21px } .c-list_btn.is-col4 .inner, .c-list_btn.is-col5 .inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-list_btn.is-col4 li, .c-list_btn.is-col5 li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-list_btn.is-col4 li { -ms-flex-preferred-size: 46.875%; flex-basis: 46.875%; margin-right: 0 } .c-list_btn.is-col4 li:nth-child(n+5) { margin-top: 25px } .c-list_btn.is-col4 li:nth-child(n+3) { margin-top: 25px } .c-list_btn.is-col5 li:nth-child(n+3) { margin-top: 25px } .c-list_btn.is-col5 li { -ms-flex-preferred-size: 46.875%; flex-basis: 46.875%; margin-right: 0 } .c-list_btn.is-col5 li:nth-child(n+6) { margin-top: 25px } .c-list_btn.is-col5 li:nth-child(n+3) { margin-top: 25px } .c-list_btn a { height: auto } .c-list_image .caption { padding: 0 3% } .c-list_image.is-col2 li { width: 100% } .c-list_image.is-col2 li:nth-child(n+2) { margin-top: 45px } .c-list_image.is-col2 li .caption, .c-list_image.is-col2 li .title { padding: 0 3% } .c-list_image.is-col3 li { width: 100% } .c-list_image.is-col3 li:nth-child(n+2) { margin-top: 45px } .c-list_image.is-col3 li .caption, .c-list_image.is-col3 li .title { padding: 0 3% } .c-list_image.is-col4 li { width: 100% } .c-list_image.is-col4 li:nth-child(n+2) { margin-top: 45px } .c-list_image.is-col4 li .caption, .c-list_image.is-col4 li .title { padding: 0 3% } .c-list_index.is-col2 li a { padding: 10px 3vw 40px } .c-list_index.is-col3 li { width: 50% } .c-list_index.is-col3 li:nth-child(n+3) { margin-top: 50px } .c-list_index.is-col3 li:nth-child(3n) a { border-right: 1px solid #a9d7c5 } .c-list_index.is-col3 li:nth-child(even) a { border-right: 0 } .c-list_index.is-col3 li a { padding: 10px 3vw 40px } .c-list_index.is-col4 li { width: 50% } .c-list_index.is-col4 li:nth-child(n+3) { margin-top: 50px } .c-list_index.is-col4 li:nth-child(even) a { border-right: 0 } .c-list_index.is-col4 li a { padding: 10px 3vw 40px } .c-list_steps li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding-bottom: 15px } .c-list_steps .step { margin-bottom: 5px } .c-nav_lower-directory .fourth li:first-child:before { height: 25px; bottom: -25px } .c-nav_lower-directory .fifth { margin-top: 25px; padding-top: 25px } .c-nav_lower-directory li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-nav_lower-directory li { -ms-flex-preferred-size: 46.875%; flex-basis: 46.875%; margin-right: calc(100% * .0625) } .c-nav_lower-directory li:nth-child(n+5) { margin-top: 25px } .c-nav_lower-directory li:nth-child(n+3) { margin-top: 25px } .c-nav_lower-directory li:nth-child(even) { margin-right: 0 } .c-nav_tab li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-nav_tab a { height: auto } .c-table_general.is-tbody-align-left tbody td { padding: 15px } .c-table_general .table-hdg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-table_general thead th { padding: 15px 0 } .c-table_general tbody th { padding: 15px } .c-table_general tbody td { padding: 15px 5px } .c-text_column { margin: 19px 0 34px; padding: 0 6.25% } .c-text_column.is-col2 .inner > li { width: 100% } .c-text_column.is-col2 .inner > li:nth-child(n+2) { margin-top: 25px } .c-text_column.is-col3 .inner > li { width: 100%; margin-right: 0 } .c-text_column.is-col3 li:nth-child(n+2) { margin-top: 25px } .c-unique_cookie-attention .inner { display: block; padding-bottom: 75px } .c-unique_cookie-attention .close-btn { position: absolute; left: 3vw; top: 15px } .c-unique_cookie-attention .desc { padding-left: 30px } .c-unique_cookie-attention .accept-btn { position: absolute; right: 3vw; bottom: 20px } .c-unique_cookie-attention .accept-btn a { padding: 10px 20px } .c-unique_factory-location .tab li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-unique_factory-location .tab a { height: auto } .c-unique_factory-location .hdg-lv3 { color: #00ae68; display: inline-block; padding-right: 23px; background: url(/common/images/ico/plus.png) no-repeat right center; background-size: 14px } .c-unique_factory-location .list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_factory-location .list > section { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto } .c-unique_factory-location .list > section:first-child { -ms-flex-preferred-size: auto; flex-basis: auto } .c-unique_factory-location .list > section.is-show .hdg-lv3 { background: url(/common/images/ico/minus.png) no-repeat right center; background-size: 14px } .c-unique_factory-location .list > section.is-show ul { display: block; -webkit-animation: c-unique_factory-location_show .3s; animation: c-unique_factory-location_show .3s } .c-unique_factory-location .list > section + section { margin-top: 20px } .c-unique_factory-location .list ul { display: none; -ms-flex-preferred-size: 100%; flex-basis: 100% } .c-unique_factory-location .list ul.is-japan-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_factory-location .list ul.is-japan-area li { width: auto } .c-unique_factory-location .list a.is-active { color: #000 } .c-unique_factory-location .location { display: block } .c-unique_factory-location .location ul + ul { margin-top: 8px } .c-unique_factory-location .map { display: none } .c-unique_form-input { margin: 40px 0 30px } .c-unique_form-input + .c-unique_form-input { margin: 30px 0 } .c-unique_form-input.is-short .input-sec { width: auto } .c-unique_form-input.is-short textarea { padding: 15px 3% } .c-unique_form-input.is-short .confirm, .c-unique_form-input.is-short .input-list, .c-unique_form-input.is-short .select-input, .c-unique_form-input.is-short .telephone-input, .c-unique_form-input.is-short .text-input { padding: 18px 3% } .c-unique_form-input.is-medium .input-sec { width: auto } .c-unique_form-input.is-medium textarea { padding: 15px 3% } .c-unique_form-input.is-medium .confirm, .c-unique_form-input.is-medium .input-list, .c-unique_form-input.is-medium .select-input, .c-unique_form-input.is-medium .telephone-input, .c-unique_form-input.is-medium .text-input { padding: 18px 3% } .c-unique_form-input .input-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_form-input .heading-sec { padding: 18px 3%; width: auto } .c-unique_form-input .checkbox-mark { width: 20px; height: 20px } .c-unique_form-input .radio-mark { width: 20px; height: 20px } .c-unique_form-input .input-list { padding: 18px 3% } .c-unique_form-input .text-input { padding: 18px 3% } .c-unique_form-input .telephone-input { padding: 0 3% } .c-unique_form-input .telephone-input .area { padding: 18px 0 } .c-unique_form-input .telephone-input .number { padding: 18px 0 18px 3% } .c-unique_form-input .select-input { padding: 0 3% } .c-unique_form-input .confirm { padding: 18px 3% } .c-unique_form-input .error-message { margin-left: 0; padding: 10px 3% 0 } .c-unique_home-block-slider .block-container { overflow-x: auto } .c-unique_home-block-slider .block-container::-webkit-scrollbar { all: unset; width: 0 } .c-unique_home-block-slider .block-container::-webkit-scrollbar-track { background: 0 0 } .c-unique_home-block-slider .block-container::-webkit-scrollbar-thumb { background: 0 0 } .c-unique_home-block-slider .block-container ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0 3vw } .c-unique_home-block-slider .block-container ul li { width: 260px } .c-unique_home-block-slider .block-container ul .list-inner { padding: 10px 3vw 40px } .c-unique_home-global-story .expand-btn a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_home-global-story .sec-container { margin-top: 30px } .c-unique_home-global-story .sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_home-global-story .sec + .sec { margin-top: 40px } .c-unique_home-global-story .sec:nth-child(even) .visual { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .c-unique_home-global-story .sec:nth-child(even) .details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .c-unique_home-global-story .visual { width: auto } .c-unique_home-global-story .details { width: auto } .c-unique_home-global-story .copy { padding: 20px 0 10px } .c-unique_home-global-story .sec-hdg { line-height: 1.3 } .c-unique_home-global-story .link { position: static; width: auto; margin-top: 30px } .c-unique_home-global-story .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_home-latest-results .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_home-view .visual .bg.is-pc { display: none } .c-unique_home-view .visual .bg.is-sp { display: block } .c-unique_home-view .message { width: 50%; top: 40px } .c-unique_home-view .message .desc { display: none } .c-unique_home-view .notifications { display: none } .c-unique_home-view .nav { /*height: 40vw*/ height:auto; } .c-unique_home-view .stock-price { width: 50% } .c-unique_home-view .stock-price a { padding: 15px calc(100% / 50 * 3) } .c-unique_home-view .main-contents { -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_home-view .main-contents li { width: 50% } .c-unique_home-view .main-contents a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px calc(100% / 50 * 3); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-unique_home-view .main-contents .title::after { content: '' } .c-unique_home-view .main-contents .read-more { display: none } .c-unique_image-btn-stock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_image-btn-stock .image { width: 100% } .c-unique_image-btn-stock .image .slider { bottom: 0; padding: 10px 3% 14px } .c-unique_image-btn-stock .stock-price { width: auto; padding: 25px 3% 20px; margin-top: 36px } .c-unique_image-btn-stock .stock-price .btn { padding: 0 3% 0 0; left: auto; right: 0; width: calc(100% / 76 * 35) } .c-unique_image-btn-stock .stock-price .frame-wrapper { padding: 1px 0 0 130px } .c-unique_image-btn-stock .stock-price .frame-wrapper iframe { width: 316px; height: 190px } .c-unique_image-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 36px 0 } .c-unique_image-link .image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } .c-unique_image-link .text { width: 100%; padding: 6.25% 3% 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .c-unique_image-link .heading-lv2 { font-size: 32px; margin: 67px 0 20px } .c-unique_image-link .heading-lv3 { font-size: 25px; margin: 46px 0 22px } .c-unique_image-link .heading-lv4 { font-size: 25px; margin: 46px 0 22px } .c-unique_investors-block-slider .block-container { overflow-x: auto } .c-unique_investors-block-slider .block-container::-webkit-scrollbar { all: unset; width: 0 } .c-unique_investors-block-slider .block-container::-webkit-scrollbar-track { background: 0 0 } .c-unique_investors-block-slider .block-container::-webkit-scrollbar-thumb { background: 0 0 } .c-unique_investors-block-slider .block-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .c-unique_investors-block-slider .block-list > li { width: 260px } .c-unique_investors-block-slider .block-list > li:last-child a { border-right: 0 } .c-unique_investors-block-slider .block-list .list-inner { padding: 10px 3vw 40px } .c-unique_investors-block-slider .slider-wrapper.is-events { display: block } .c-unique_investors-block-slider .slider-wrapper { display: block } .c-unique_investors-block-slider .label.is-events { display: block } .c-unique_investors-list-01 .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .c-unique_investors-list-01 .heading .hdg { margin: 0 0 20px } .c-unique_investors-list-01 .list li { width: 100% } .c-unique_investors-list-01 .list li:nth-child(n+2) { margin-top: 18px } .c-unique_investors-list-01 .buttons li { width: auto } .c-unique_investors-list-01 .buttons li + li { margin-top: 20px } .c-unique_investors-list-01 .buttons li:nth-child(n+3) { margin-top: 20px } .c-unique_investors-list-01 .buttons li.is-left { float: none } .c-unique_investors-list-01 .buttons li.is-right { float: none } .c-unique_investors-list-02 .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .c-unique_investors-list-02 .list li { width: 100% } .c-unique_investors-list-02 .list li:nth-child(n+2) { margin-top: 18px } .c-unique_investors-list-02 .buttons li { width: auto } .c-unique_investors-list-02 .buttons li + li { margin-top: 20px } .c-unique_investors-list-02 .buttons li:nth-child(n+3) { margin-top: 20px } .c-unique_investors-list-02 .buttons li.is-left { float: none } .c-unique_investors-list-02 .buttons li.is-right { float: none } .c-unique_list-link-01 .text .title { width: 100% } .c-unique_list-link-01 .link ul { width: 100% } .c-unique_list-link-01 .btn { width: 100%; margin-top: 36px; position: relative } .c-unique_list-link-01 .btn > a { min-height: 50px } .c-unique_list-link-01 .calendar-list ul { padding: 20px } .c-unique_list-sitemap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 36px 0 } .c-unique_list-sitemap .inner { padding: 0 calc(100% / 80 * 3) } .c-unique_list-sitemap .inner { padding: 0 6.25% } .c-unique_list-sitemap a { width: 90% } .c-unique_news-list .tab a:hover { background: 0 0; color: #00ae68 } .c-unique_news-list .tab a.is-active { background: #00ae68; color: #fff } .c-unique_news-list .select-wrapper { width: 100% } .c-unique_news-list colgroup .col1 { width: 100% } .c-unique_news-list td, .c-unique_news-list th { border: none } .c-unique_news-list td a, .c-unique_news-list th a { padding: 0 } .c-unique_news-list tr { display: block; padding: 40px 0 35px } .c-unique_news-list tr + tr { border-top: 1px solid rgba(243,109,44,.5); } .c-unique_news-list th { display: inline-block; background: 000; border-bottom: 1px solid #000; padding-right: 25px; line-height: 1.3; margin-bottom: 10px } .c-unique_news-list td { display: block; background: 0 0 } .c-unique_news-list .pager a { padding: 0 14px } .c-unique_number-box .inner:before { font-size: 100px } .c-unique_number-box .box { height: auto } .c-unique_officer.is-no-image .officers > li:nth-child(odd) .history { left: calc(-100% / 94 * 3) } .c-unique_officer.is-no-image .officers > li:nth-child(even) .history { left: calc(-100% / 94 * 3) } .c-unique_officer.is-no-image .details { padding: 0 3% } .c-unique_officer.is-no-image .history { width: calc(100% / 94 * 100) } .c-unique_officer.is-no-image .history { width: calc(100% / 87.5 * 87.5) } .c-unique_officer .officers > li { -ms-flex-preferred-size: 100%; flex-basis: 100% } .c-unique_officer .officers > li:nth-child(n+2) { margin-top: 50px } .c-unique_officer .officers > li:nth-child(even) .history { left: calc(-100% * (53 / 44)) } .c-unique_officer .history { padding: 30px 0 5px; width: calc(100% / .44) } .c-unique_our-history .controller { height: auto!important } .c-unique_our-history .controller.is-fixed .controller-inner { position: static; padding-left: 3% } .c-unique_our-history .controller.is-end .controller-inner { position: static; padding-left: 3% } .c-unique_our-history .controller .controller-inner { padding-top: 0!important; padding-left: 3%; padding-right: 3% } .c-unique_our-history .period { -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_our-history .period li { width: 50% } .c-unique_our-history .period li:nth-child(n+3) { margin-top: 30px } .c-unique_our-history .category ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_our-history .category li { width: auto } .c-unique_profile .inner { width: 100% } .c-unique_report-list .inner { padding: 40px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-unique_report-list .image { width: 100%; background: #fff; text-align: center; padding: 40px 0 } .c-unique_report-list .image::before { display: none } .c-unique_report-list .image img { position: static; max-width: 100%; width: 50% } .c-unique_report-list .link-box { padding: 6% 3% 0; width: 100% } .c-unique_report-list .btn-box .btn a { min-height: 50px } .c-unique_report-list .title { font-size: 18px; margin: 30px 0 20px } .c-unique_report-list .link > li.is-show .handler::before { bottom: -18px } .c-unique_report-list .content { margin: 15px 0 15px 3%; width: 94% } .c-unique_search-results-heading .input-wrapper { width: auto } .c-unique_search-results-heading .input-wrapper .submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-unique_search-results-heading .input-wrapper input[type=text] { padding: 14px 10px; height: auto } .c-unique_search-results-heading .input-wrapper input[type=submit] { height: auto } .c-unique_search-results-heading .options { margin-top: 20px } .c-unique_search-results-heading .options .input-list + .input-list { margin-top: 20px } .c-unique_search-results-heading .options li { padding-left: 40px; margin: 25px 30px 0 0 } .c-unique_search-results-heading .options .radio-mark { width: 28px; height: 28px; top: -2px } .c-unique_search-results-heading .results { padding-bottom: 80px } .c-unique_select-box .select-container { padding: 30px calc(100% / 80 * 3) } .c-unique_select-box .select-wrapper { width: 50% } .c-unique_select-box .title { padding-right: 0 } .c-unique_select-box .btn a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_select-contact .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px } .c-unique_select-contact .select-sec { width: auto; margin-bottom: 30px } .c-unique_select-contact .select-sec li { padding-left: 40px } .c-unique_select-contact .select-sec .radio-mark { width: 28px; height: 28px; top: -2px } .c-unique_select-contact .desc-sec { width: auto; padding: 0 } .c-unique_stock-chart { padding: 0 3% } .c-unique_stock-chart .frame-wrapper { height: 900px } .c-unique_text-image-wrap { margin: 36px 0 } .c-unique_text-image-wrap .image { width: 100%; margin: 0; float: none } .c-unique_text-image-wrap .caption { padding: 0 3% } .c-unique_text-image-wrap .text { width: 100%; padding: 6.25% 3% 0 } .c-unique_text-image-wrap .heading-lv2 { font-size: 32px; margin: 67px 0 20px } .c-unique_text-image-wrap .heading-lv3 { font-size: 25px; margin: 46px 0 22px } .c-unique_text-image-wrap .heading-lv4 { font-size: 25px; margin: 46px 0 22px } } @media screen and (max-width:640px) { .c-list_search-results .category { display: none } .c-list_search-results .page-details { padding: 0 3vw } .c-unique_home-view .nav { /*height: 53vw*/ height:auto; } .c-unique_home-view .main-contents a .icon { margin-top: -100px } .c-unique_image-btn-stock .stock-price .btn { bottom: 25px; top: auto; left: 0; width: 100%; padding: 0 3% } .c-unique_image-btn-stock .stock-price .frame-wrapper { padding: 1px 0 70px 130px } } @media screen and (max-width:425px) { .l-footer_global:before { width: 87.5% } .l-footer_global .sitemap ul { padding: 0 6.25% } .l-footer_global .sitemap .others:before { width: 87% } .l-footer_global .groups { padding: 0 6.25% } .l-footer_global .groups li { width: 100%; margin: 0 0 20px } .l-footer_global .groups a { height: auto } .l-footer_global .copyright { text-align: center } .l-footer_global .to-top a { right: 6.25% } .l-header_global .menu-btn a { padding: 0 6.25vw 0 4vw } .l-header_global .logo a { padding: 0 6.25vw } .l-header_global .global-nav a { padding: 10px 6.25% } .l-wrapper_bgcolor-green { padding: 36px 0 } .c-btn_image.is-col3 .slider { padding: 10px 6.25% 14px } .c-btn_image.is-col3 .caption { padding: 0 6.25% } .c-btn_image .slider { padding: 10px 6.25% 14px } .c-btn_image .caption { padding: 0 6.25% } .c-btn_link { margin: 36px 0; padding: 0 6.25%; width: auto } .c-btn_link.is-medium { width: auto } .c-btn_link.is-long { width: auto } .c-btn_prev-next { padding: 0 6.25%; margin: 35px 0 } .c-heading_lower { min-height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0px 0px; } .c-heading_lower:before { top: 20px; right: 3% } .c-heading_lower.is-about:before { background-size: 40px 32px; width: 43px; height: 34px } .c-heading_lower.is-about .hdg { padding-left: 0 } .c-heading_lower.is-investors:before { background-size: 37px 37px; width: 37px; height: 37px } .c-heading_lower.is-investors .hdg { padding-left: 0; width: 100%; display: flex; align-items: center; } .c-heading_lower.is-investors .hdg .index-logo{ position: relative; top:0; left:0; display: inline-block; width:206px; height:39px; padding: 0 6.25vw; z-index:1; } .c-heading_lower.is-media:before { background-size: 32px 40px; width: 32px; height: 40px } .c-heading_lower.is-media .hdg { padding-left: 0 } .c-heading_lower.is-sustainability:before { background-size: 44px 44px; width: 44px; height: 44px } .c-heading_lower.is-sustainability .hdg { padding-left: 0 } .c-heading_lower .hdg { font-size: 30px; width: 89.28571429% } .c-heading_lv2-attention { font-size: 32px; margin: 67px 0 20px; padding: 0 6.25% 0 calc(6.25% + 1.3em); text-indent: -1.3em } .c-heading_lv2-attention:before { border-width: 0 15px 25px 15px } .c-heading_lv2-attention .mark { top: -4px; left: -1.42em; font-size: 14px } .c-heading_lv2-sub { font-size: 32px; margin: 67px 0 20px; padding: 0 6.25% } .c-heading_lv2-sub .sub { display: block; font-size: 12px; margin-top: 15px } .c-heading_lv2 { font-size: 32px; margin: 67px 0 20px; padding: 0 6.25% } .c-heading_lv3-line { font-size: 25px; margin: 0 6.25% 12px; padding-bottom: 21px } .c-heading_lv3-sub { font-size: 25px; margin: 46px 0 12px; padding: 0 6.25% } .c-heading_lv3-sub .sub { display: block; font-size: 12px; margin-top: 10px; margin-left: 0 } .c-heading_lv3 { font-size: 25px; margin: 46px 0 12px; padding: 0 6.25% } .c-heading_lv4 { font-size: 18px; margin: 51px 0 23px; padding: 0 6.25% } .c-heading_news { margin: 0 6.25% 20px; padding-bottom: 17px } .c-heading_news .hdg { font-size: 32px } .c-heading_news .sub { font-size: 18px } .c-image_contents.is-sp-text-up .text { padding: 0 6.25% } .c-image_contents .text { padding: 6.25% 6.25% 0 } .c-image_contents .caption { padding: 0 6.25% } .c-image_general { margin: 25px 0 } .c-image_general.is-sp-padding { padding: 0 6.25% } .c-image_youtube { margin: 25px 0 } .c-list_anchor-general { margin: 36px 0; padding: 0 6.25% } .c-list_btn { margin: 36px 0; padding: 0 6.25% } .c-list_general { padding: 0 6.25% } .c-list_image { margin: 36px 0 } .c-list_image .title { font-size: 18px; padding: 0 6.25% } .c-list_image .caption { padding: 0 6.25% } .c-list_image.is-col2 li .caption, .c-list_image.is-col2 li .title { padding: 0 6.25% } .c-list_image.is-col3 li .caption, .c-list_image.is-col3 li .title { padding: 0 6.25% } .c-list_image.is-col4 li .caption, .c-list_image.is-col4 li .title { padding: 0 6.25% } .c-list_index.is-col2 li:nth-child(n+3) { margin-top: 0 } .c-list_index.is-col2 li a { padding: 40px 0 } .c-list_index.is-col3 li:nth-child(n+4) { margin-top: 0 } .c-list_index.is-col3 li:nth-child(n+3) { margin-top: 0 } .c-list_index.is-col3 li:nth-child(3n) a { border-right: 0 } .c-list_index.is-col3 li a { padding: 40px 0 } .c-list_index.is-col4 li:nth-child(n+5) { margin-top: 0 } .c-list_index.is-col4 li:nth-child(n+3) { margin-top: 0 } .c-list_index.is-col4 li a { padding: 40px 0 } .c-list_index.is-col2 li, .c-list_index.is-col3 li, .c-list_index.is-col4 li { width: 100% } .c-list_index a { border-right: 0; border-top: 1px solid #a9d7c5; width: 87.5%; margin: 0 auto } .c-list_index .box { height: auto } .c-list_index .title { font-size: 18px } .c-list_index .more { position: relative; bottom: inherit; margin-top: 20px; display: inline-block } .c-list_note { padding: 0 6.25%; margin: 10px 0 28px } .c-list_search-results .list a { padding: 30px 0 } .c-list_search-results .page-details { padding: 0 6.25% } .c-list_search-results .pager { padding: 0 6.25%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-list_search-results .pager .prev a { padding-left: 0 } .c-list_search-results .pager .next a { padding-right: 0 } .c-list_steps { padding: 0 6.25%; margin: 30px 0 } .c-list_steps li { margin-right: 0 } .c-list_steps li + li { margin-left: 10px } .c-list_steps li::after { width: 6px; height: 6px; bottom: -3px } .c-nav_breadcrumb { padding: 40px 6.25% 23px } .c-nav_local .heading .category { padding-left: 6.25vw } .c-nav_local .heading .current { padding-right: 6.25vw } .c-nav_local .hdg { padding: 0 6.25% } .c-nav_local .links a { padding: 0 6.25% } .c-nav_local .buttons li { padding: 0 6.25% } .c-nav_lower-directory { margin: 45px 0 0; padding: 0 6.25% } .c-nav_lower-directory .title { font-size: 18px; margin: 51px 0 23px } .c-nav_lower-directory a { min-height: 50px } .c-nav_tab { margin-top: 36px } .c-table_general { margin: 30px 0; font-size: 10px; line-height: 1.2 } .c-table_general.is-tbody-align-left tbody td { padding: 5px 2px } .c-table_general .scroll-inner { padding: 0 6.25% } .c-table_general .table-hdg { padding: 0 6.25%; margin-bottom: 2px } .c-table_general .hdg { font-size: 16px } .c-table_general .unit { font-size: 11px } .c-table_general td, .c-table_general th { padding: 0 5px } .c-table_general thead th { padding: 5px 2px } .c-table_general tbody th { padding: 5px 4px } .c-table_general tbody td { padding: 5px 2px } .c-text_error { padding: 36px 6.25%; margin: 30px 0 } .c-text_general-link { padding: 0 6.25% } .c-text_general { padding: 0 6.25% } .c-unique_4s { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 36px 0 } .c-unique_4s .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 36px 0 } .c-unique_4s .box { width: 100%; padding: 0 6.25% } .c-unique_4s .box:last-child { margin-top: 25px } .c-unique_4s .title { padding: 0 6.25% } .c-unique_cookie-attention .inner { padding: 10px 6.25% 75px } .c-unique_cookie-attention .close-btn { left: calc(6.25vw - 5px) } .c-unique_cookie-attention .accept-btn { right: 6.25vw } .c-unique_factory-location .tab a { padding: 0 6.25% } .c-unique_factory-location .contents > section { padding: 40px 6.25% } .c-unique_factory-location .hdg-lv3 { font-size: 18px } .c-unique_form-input.is-short textarea { padding: 15px 6.25% } .c-unique_form-input.is-short .confirm, .c-unique_form-input.is-short .input-list, .c-unique_form-input.is-short .select-input, .c-unique_form-input.is-short .telephone-input, .c-unique_form-input.is-short .text-input { padding: 15px 6.25% } .c-unique_form-input.is-medium textarea { padding: 15px 6.25% } .c-unique_form-input.is-medium .confirm, .c-unique_form-input.is-medium .input-list, .c-unique_form-input.is-medium .select-input, .c-unique_form-input.is-medium .telephone-input, .c-unique_form-input.is-medium .text-input { padding: 15px 6.25% } .c-unique_form-input .heading-sec { padding: 15px 6.25% } .c-unique_form-input input[type=text] { font-size: 16px } .c-unique_form-input select { font-size: 16px } .c-unique_form-input textarea { font-size: 16px; padding: 15px 6.25% } .c-unique_form-input .input-list { padding: 15px 6.25% } .c-unique_form-input .text-input { padding: 15px 6.25% } .c-unique_form-input .telephone-input { padding: 0 6.25% } .c-unique_form-input .telephone-input .number { padding: 15px 0 15px 6.25% } .c-unique_form-input .select-input { padding: 0 6.25% } .c-unique_form-input .confirm { padding: 15px 6.25% } .c-unique_form-input .error-message { margin-left: 0; padding: 10px 6.25% 0 } .c-unique_hash { margin: 36px 0; padding: 0 6.25% } .c-unique_home-block-slider { padding-bottom: 100px; margin: 80px 0 } .c-unique_home-block-slider .heading { padding: 0 6.25%; margin-bottom: 10px } .c-unique_home-block-slider .heading .hdg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 32px } .c-unique_home-block-slider .heading .link { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 6.25% } .c-unique_home-block-slider .heading .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_home-block-slider .block-container ul { padding: 0 6.25vw } .c-unique_home-block-slider .block-container ul .list-inner { padding: 10px 3.125vw 40px } .c-unique_home-block-slider .slider-wrapper { padding: 0 6.25% } .c-unique_home-block-slider .slider-label { padding: 0 6.25% } .c-unique_home-block-slider .slider-label a { display: none } .c-unique_home-global-story { margin: 80px 0 60px } .c-unique_home-global-story .expand-btn { width: auto } .c-unique_home-global-story .hdg { font-size: 32px; padding: 0 6.25% } .c-unique_home-global-story .visual { height: 260px } .c-unique_home-global-story .details { padding: 0 6.25% } .c-unique_home-latest-results { padding: 0 6.25%; margin: 80px 0 } .c-unique_home-latest-results .hdg { font-size: 32px } .c-unique_home-latest-results .link { width: auto } .c-unique_home-view { height: 130vw } .c-unique_home-view .message .hdg { font-size: 8vw } .c-unique_home-view .stock-price a { padding: 10px calc(100% / 50 * 3.125) } .c-unique_home-view .main-contents a { padding: 5px calc(100% / 50 * 3.125) } .c-unique_home-view .main-contents a .icon { -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } .c-unique_home-view .main-contents a[href="/about/"] .icon { -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } .c-unique_home-view .main-contents .title { font-size: 14px } .c-unique_hr { margin: 30px 6.25% } .c-unique_image-btn-stock .image .slider { padding: 10px 6.25% 14px } .c-unique_image-btn-stock .stock-price { padding: 25px 6.25% } .c-unique_image-btn-stock .stock-price .title { font-size: 16px } .c-unique_image-btn-stock .stock-price .btn { padding: 0 6.25% } .c-unique_image-btn-stock .stock-price .btn a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_image-btn-stock .stock-price .frame-wrapper { padding: 1px 0 70px 100px } .c-unique_image-link .text { width: 100%; padding: 6.25% 6.25% 0 } .c-unique_investors-block-slider { padding-bottom: 100px; margin: 50px 0 } .c-unique_investors-block-slider .heading { padding: 0 6.25% } .c-unique_investors-block-slider .heading .link { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 6.25% } .c-unique_investors-block-slider .heading .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_investors-block-slider .block-list { padding: 0 3.125vw } .c-unique_investors-block-slider .block-list .list-inner { padding: 10px 3.125vw 40px } .c-unique_investors-block-slider .slider-wrapper { padding: 0 6.25% } .c-unique_investors-block-slider .label { padding: 0 6.25% } .c-unique_investors-list-01 .list-wrapper { padding: 30px 6% 110px } .c-unique_investors-list-01 .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 30px } .c-unique_investors-list-01 .heading .hdg { font-size: 25px; margin: 0 } .c-unique_investors-list-01 .heading .link { width: 100%; margin: 0; position: absolute; bottom: 30px; left: 0; padding: 0 6.25% } .c-unique_investors-list-01 .heading .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_investors-list-01 .list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .c-unique_investors-list-01 .note { margin: 28px 0 } .c-unique_investors-list-02 .list-wrapper { padding: 30px 6% } .c-unique_investors-list-02 .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 30px } .c-unique_investors-list-02 .heading .link { width: 100%; margin: 0; position: absolute; bottom: 30px; left: 0; padding: 0 6.25% } .c-unique_investors-list-02 .heading .link a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_investors-list-02 .list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .c-unique_investors-list-02 .note { margin: 28px 0 } .c-unique_list-corporate { margin: 34px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 6.25% } .c-unique_list-corporate .inner { width: 100% } .c-unique_list-corporate .inner:nth-child(n+2) { margin-top: 20px } .c-unique_list-corporate li { margin-top: 20px; height: auto } .c-unique_list-link-01 { margin: 36px 0; padding: 0 6.25% } .c-unique_list-link-01 .list { padding: 40px 0 } .c-unique_list-link-01 .box { -ms-flex-wrap: wrap; flex-wrap: wrap } .c-unique_list-link-01 .text { width: 100%; margin-right: 0 } .c-unique_list-link-01 .text .title { font-size: 18px } .c-unique_list-link-01 .text span { font-size: 12px } .c-unique_list-link-01 .text span:first-child { margin-right: 10px } .c-unique_list-link-01 .link { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .c-unique_list-link-01 .note { margin-top: 10px } .c-unique_list-link-02 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 6.25% } .c-unique_list-link-02 .inner { width: auto } .c-unique_list-link-02 .inner:nth-child(n+2) { margin-top: 25px } .c-unique_list-sitemap .list { width: 100% } .c-unique_list-sitemap .list:nth-child(n+2) { margin-top: 45px } .c-unique_list-sitemap .directory-lv1 { font-size: 25px; margin-bottom: 12px } .c-unique_list-sitemap .directory-lv2 { font-size: 18px; margin: 13px 0 } .c-unique_list-sitemap .directory-lv3 { font-size: 14px } .c-unique_list-sitemap .list-box { border: none; padding: 0 } .c-unique_list-sitemap .others dd, .c-unique_list-sitemap .others dt { font-size: 18px; margin: 13px 0 } .c-unique_list-sitemap a { width: 90% } .c-unique_news-list .list-wrapper { padding: 40px 6% } .c-unique_news-list .pager li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-unique_news-list .pager a { padding: 0 } .c-unique_number-box { margin: 36px 0 } .c-unique_number-box .inner { display: block; width: 100% } .c-unique_number-box .inner:before { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 90px; padding-bottom: 30px; border-bottom: 1px solid #a9d7c5; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .c-unique_number-box .inner:nth-child(odd) { padding: 30px 6.25% 40px } .c-unique_number-box .inner:nth-child(odd):before { left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-unique_number-box .inner:nth-child(odd) .box::before { display: none } .c-unique_number-box .inner:nth-child(even) { padding: 30px 6.25% 40px } .c-unique_number-box .inner:nth-child(even):before { padding-right: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-unique_number-box .inner:nth-child(even) .box::before { display: none } .c-unique_number-box .box { width: 100%; margin-top: 30px } .c-unique_number-box .title { font-size: 25px } .c-unique_officer { margin: 25px 0 } .c-unique_officer.is-no-image .officers > li:nth-child(odd) .history { left: 0 } .c-unique_officer.is-no-image .officers > li:nth-child(even) .history { left: 0 } .c-unique_officer.is-no-image .details { padding: 0 6.25% } .c-unique_officer .officers > li:nth-child(n+2) { margin-top: 40px } .c-unique_officer .officers > li:nth-child(n+3) { margin-top: 40px } .c-unique_officer .officers > li:nth-child(odd) .history { left: calc(-100% * (50 / 37.5)) } .c-unique_officer .officers > li:nth-child(even) .history { left: calc(-100% * (50 / 37.5)) } .c-unique_officer .details { padding: 0 6.25% } .c-unique_officer .history { padding: 25px 0; width: calc(100% / 37.5 * 87.5) } .c-unique_officer .history ol { padding: 0 calc(100% / 87.5 * 6.25) } .c-unique_officer .scroll-container { display: block; overflow-y: auto; max-height: 325px } .c-unique_our-history .history .details { padding: 30px 6.25% } .c-unique_our-history .history .image figure { float: none; display: block; width: auto; margin-right: 0 } .c-unique_our-history .history .image p { margin-top: 10px } .c-unique_profile { margin: 36px 0; padding: 0 6.25% } .c-unique_quote { padding: 0 6.25% } .c-unique_quote .inner { padding: calc(100% / 87 * 6.25 - .5em) calc(100% / 87 * 6.25); margin: 40px 0 } .c-unique_report-list .image { padding: 30px 0 } .c-unique_report-list .link-box { padding: 12.5% 6.25% 0 } .c-unique_report-list .content { margin: 15px 0 15px 6.25%; width: 87.5% } .c-unique_search-results-heading .input-wrapper { padding: 0 6.25% } .c-unique_search-results-heading .input-wrapper .input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .c-unique_search-results-heading .options { padding: 0 6.25% } .c-unique_search-results-heading .options li { width: 50%; margin-right: 0 } .c-unique_search-results-heading .results { padding-left: 6.25% } .c-unique_search-results-heading .results .change-sort-options { right: 6.25% } .c-unique_select-box { margin: 36px 0 } .c-unique_select-box .select-container { padding: 40px 6.25% 0 } .c-unique_select-box .content { padding: 40px 6.25% } .c-unique_select-box .title { font-size: 18px; margin: 51px 0 33px } .c-unique_select-box .link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 25px 0 } .c-unique_select-box .link li { width: 100%; height: auto } .c-unique_select-box .link li:nth-child(n+2) { margin-top: 18px } .c-unique_select-box .btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 36px 0 } .c-unique_select-box .btn li { width: 100% } .c-unique_select-box .btn li:nth-child(n+2) { margin-top: 18px } .c-unique_select-contact { padding: 0 6.25% } .c-unique_select-contact .desc-sec .text { margin: 30px 0 } .c-unique_select-contact .desc-sec .list { margin: 30px 0 } .c-unique_select-contact .desc-sec .list li + li { margin-top: 15px } .c-unique_select-contact .desc-sec .note { margin: 30px 0 } .c-unique_select-contact .link-button a { min-height: 50px; padding: 5px 25px 5px 13px } .c-unique_signature { margin: 36px 0; padding: 0 6.25% } .c-unique_signature .text { margin-top: 15px } .c-unique_stock-chart { padding: 0 6.25% } .c-unique_text-image-wrap .caption { padding: 0 6.25% } .c-unique_text-image-wrap .text { padding: 6.25% 6.25% 0 } } @-moz-document url-prefix() { .c-unique_form-input select { -moz-appearance: none; text-indent: .01px; text-overflow: ''; color: transparent; text-shadow: 0 0 0 #000 } } @-moz-document url-prefix() { .c-unique_news-list .select-wrapper select { -moz-appearance: none; text-indent: .01px; text-overflow: ''; color: transparent; text-shadow: 0 0 0 #fff; background: 0 0 } } @-moz-document url-prefix() { .c-unique_select-box select { -moz-appearance: none; text-indent: .01px; text-overflow: ''; color: transparent; text-shadow: 0 0 0 #fff; background: 0 0 } } @-webkit-keyframes global_button-hover { 0% { background: #f48e2c } 100% { background: #f47d2d } } @keyframes global_button-hover { 0% { background: #f48e2c } 100% { background: #f47d2d } } @-webkit-keyframes global_button-hover-gray { 0% { background: #fff } 100% { background: #d8dedc } } @keyframes global_button-hover-gray { 0% { background: #fff } 100% { background: #d8dedc } } @-webkit-keyframes l-header_gobal_fadehide { 0% { height: 100%; opacity: 1 } 99% { height: 100%; opacity: 0 } 100% { height: 0; opacity: 0 } } @keyframes l-header_gobal_fadehide { 0% { height: 100%; opacity: 1 } 99% { height: 100%; opacity: 0 } 100% { height: 0; opacity: 0 } } @-webkit-keyframes l-header_gobal_fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes l-header_gobal_fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes l-header_gobal_fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes l-header_gobal_fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes c-unique_factory-location_show { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes c-unique_factory-location_show { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes c-unique_factory-location_marker { 0% { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1 } 100% { -webkit-transform: translate(-50%,-50%) scale(8); transform: translate(-50%,-50%) scale(8); opacity: 0 } } @keyframes c-unique_factory-location_marker { 0% { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1 } 100% { -webkit-transform: translate(-50%,-50%) scale(8); transform: translate(-50%,-50%) scale(8); opacity: 0 } } @-webkit-keyframes c-unique_home-view_secound { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes c-unique_home-view_secound { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } }