@charset "UTF-8"; /* -------------------------------------------------- en/shared/css/common.css --------------------------------------------------- */ body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } /* ------------------------------------------- COMMON ---------------------------------------------*/ p.note:before, ul.note > li:before { content: "*"; } ol.note > li:before { counter-increment: order; content: "*" counter(order); } .link-list { display: table; width: 100%; } .link-list > li { display: table-row; } .link-list > li > div { border-bottom: 1px solid #e2e6e8; display: table-cell; padding: 12px 0; } .link-list > li > .date { white-space: nowrap; width: 162px; } .link-list > li > .tag { padding-left: 24px; width: 150px; line-height: 1.4; } .link-list > li > .tag > div { width: auto !important; } .link-list > li > .tag span { margin: 8px 0 0 !important; vertical-align: middle; } .link-list > li > .tag span:first-child { margin-top: 0 !important; } .link-list > li > .textArea { padding-left: 24px; } .link-list > li > .textArea a { text-decoration: underline; } .link-list > li > .textArea a:hover { text-decoration: none; } .link-list > li > .text { padding-left: 24px; } .link-list > li > .text a { position: relative; display: block; margin: -12px 0 -12px -12px; padding: 12px 60px 12px 12px; } .link-list > li > .text a:before { font-style: normal; font-size: 1.2rem; font-variant: normal; font-weight: 400; line-height: 1; font-family: glyphs; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f010"; position: absolute; top: 50%; right: 20px; bottom: 0; margin: -0.55rem auto 0; height: 0; -webkit-transition: 0.3s; transition: 0.3s; } .indentation { text-indent: 0; text-align: left; } /* ------------------------------------------- HEADER ---------------------------------------------*/ /* ------------------------------------------- FOOTER ---------------------------------------------*/ .footer-nav-col { -webkit-flex-basis: calc(100% / 3); -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); flex-basis: 50%; } /* ------------------------------------------- Top ---------------------------------------------*/ /*旧トップ ここから*/ .infoFix { -webkit-flex-basis: 220px; -ms-flex-preferred-size: 220px; flex-basis: 220px; } .mainV-info-txt time { font-size: 12px; font-size: 1.2rem; } .mainV-info-anker { text-align: left; } .jigyouOya { width: 480px; } .jigyouCard, .jigyouCard2, .jigyouCard3, .jigyouCard4, .jigyouCard5 { padding: 30px; } .infoFix3 { color: #ffffff; font-size: 1.4rem; font-weight: 400; line-height: 50px; padding-left: 0; letter-spacing: 0.1em; } /* ------------------------------------------- Project Solution ---------------------------------------------*/ ul.m_checkList li { width: 100% !important; padding-left: 0 !important; white-space: normal !important; } /* ------------------------------------------- ABOUT COMPANY ---------------------------------------------*/ .presidentName2 { width: 250px; right: -20px; font-size: 2.5rem; } .english_presidentname { font-size: 1.6rem; } .topmessageWrap-mini { height: initial; height: auto; } /* ------------------------------------------- CSR ABOUT COMPANY ---------------------------------------------*/ .category-intro .category-intro-body .abouten_bo > a { width: 100%; } body > main .category-intro .category-intro-body .text, body > main .doc { text-align: left; } /* ------------------------------------------- COMMON ---------------------------------------------*/ .iren_button { line-height: 1.6em; padding: 10px; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .textleft { text-align: left; } @media (min-width: 768px) and (max-width: 991px) { /* ------------------------------------------- FOOTER ---------------------------------------------*/ .footer-nav-col { -webkit-flex-basis: calc(100% / 2); -ms-flex-preferred-size: calc(100% / 2); flex-basis: calc(100% / 2); } } @media (max-width: 991px) and (min-width: 768px) { /* ------------------------------------------- FOOTER ---------------------------------------------*/ .footer-nav-col { flex-basis: 100%; } } @media screen and (min-width: 768px) { /* ------------------------------------------- COMMON ---------------------------------------------*/ /* ------------- common -------------- */ body > main a.btn-sytle01 { width: 440px; } .button--fixed { min-width: initial; min-width: 440px; } } @media (max-width: 991px) { /* ------------------------------------------- COMMON ---------------------------------------------*/ /* ------------- common -------------- */ .link-list { display: block; padding-bottom: 12px; border-bottom: 1px solid #e2e6e8; } .link-list > li { display: block; padding-bottom: 12px; overflow: hidden; } .link-list > li > div { border-bottom: none; display: block; padding: 0; } .link-list > li > .date { width: auto; border-top: 1px solid #e2e6e8; padding-top: 12px; margin-bottom: 5px; } .link-list > li > .date:empty { display: none; } .link-list > li > .textArea { overflow: hidden; padding-left: 0; } .link-list > li > .text { padding-left: 0; overflow: hidden; } .link-list > li > .text a { margin: 0; padding: 0 30px 0 0; } .link-list > li > .text a:before { right: 5px; } } @media (min-width: 992px) { /* ------------------------------------------- COMMON ---------------------------------------------*/ /* ------------- common -------------- */ .link-list > li:first-child > div { padding-top: 0; } .link-list > li > .text a:hover { background-color: #eff3f9; } .link-list > li > .text a:hover:before { right: 30px; } } @media (min-width: 768px) and (min-width: 992px) { /* ------------------------------------------- HEADER ---------------------------------------------*/ .drop-menu-ir-item > li { width: calc(100% / 4); } } @media (min-width: 479px) and (max-width: 991px) { /* ------------------------------------------- COMMON ---------------------------------------------*/ /* ------------- common -------------- */ .link-list > li > .tag { float: left; padding: 0 15px 1px 0; } } @media (max-width: 479px) { /* ------------------------------------------- COMMON ---------------------------------------------*/ /* ------------- common -------------- */ .link-list > li > .tag { padding: 0 0 3px; width: auto; } .link-list > li > .tag:empty { display: none; } .link-list > li > .tag span { margin: 0 8px 5px 0 !important; } } @media screen and (max-width: 990px) { /* ------------------------------------------- Top ---------------------------------------------*/ /*旧トップ ここから*/ .mainV-info-anker { text-align: center; } /*旧トップ ここまで*/ } @media screen and (max-width: 767px) { /* ------------------------------------------- Top ---------------------------------------------*/ /*旧トップ ここから*/ .jigyouOya { width: 100%; } .jigyouCard, .jigyouCard2, .jigyouCard3, .jigyouCard4, .jigyouCard5 { padding: 40px; } /*旧トップ ここまで*/ } @media screen and (min-width: 968px) { /* ------------------------------------------- Top ---------------------------------------------*/ /*旧トップ ここから*/ .mainV-cap { width: 470px; } /*旧トップ ここまで*/ } @media (min-width: 768px) { /* ------------------------------------------- HEADER ---------------------------------------------*/ .header-default .header-utils { max-width: 382px; } .header-default .header-utils.header-utils-chosei .header-utils-search > a { width: 91px; } /* ------------------------------------------- ABOUT COMPANY ---------------------------------------------*/ .category-intro .category-intro-body .en_mangefix > a { margin-top: 10px; } .category-intro .category-intro-body .endiverfixed > a { margin-top: 10px; font-size: 1.4rem; } .category-intro .category-intro-body .endivertxt { margin-top: -10px; } } @media (min-width: 320px) { /* ------------------------------------------- ABOUT COMPANY ---------------------------------------------*/ .category-intro .category-intro-body .en_mangefix > a, .category-intro .category-intro-body .endiverfixed > a { margin-top: 20px; } } @media (max-width: 767px) { /* ------------------------------------------- company About ---------------------------------------------*/ .topmessageWrap, .presidentWrap, .category-intro.keieiBox { height: initial; height: auto; } } @media (min-width: 767px) { /* ------------------------------------------- About Company ---------------------------------------------*/ .aboutmore3 > a, .keieimore > a { width: 400px; } }