@import url("css.css"); @import url("css23.css"); @import url("fonts.css"); /* ========================================================================== viewport鎸囧畾 ============================================================================*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*杩借*/ *, *::before, *::after { box-sizing: border-box; } input, select, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; padding: 0; border: 0; border-radius: 0; border-color: inherit; background: none transparent; background-clip: padding-box; color: inherit; font-size: inherit; vertical-align: middle; } select::-ms-expand { display: none; } input::-ms-clear { visibility: hidden; } input::-ms-reveal { visibility: hidden; } html { font-size: 62.5%; color: #53565A; } html.is-text-large { font-size: 71.43%; } @media screen and (min-width: 768px), print { body { font-size: 1.6rem; line-height: 1.7; } } @media screen and (max-width: 767px) { body { font-size: 1.5rem; line-height: 1.7; } } @media print { body { -webkit-print-color-adjust: exact; color-adjust: exact; } } a { text-decoration: none; color: #53565A; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; } a:visited { color: #53565A; } a:hover { opacity: 0.6; } option, optgroup { font-family: "Noto Sans JP", "銉°偆銉偑", "Hiragino Kaku Gothic Pro", "銉掋儵銈儙瑙掋偞 Pro W3", sans-serif; font-size: 100%; width: 100%; } table, tbody, tr { width: 100%; } table { table-layout: fixed; } th, td { vertical-align: top; } button, input, select, textarea { font-family: inherit; font-size: 100%; line-height: inherit; } textarea { -webkit-appearance: none; appearance: none; resize: none; padding: 0; border: 0; background: transparent; } img { display: block; max-width: 100%; } @media screen and (max-width: 767px) { img:not(.auto) { width: 100%; } } /* -------------------------------- 銉偆銈偊銉 -----------------------------------*/ .l-wrap--business-top .l-wrap--business-top-min { max-width: 910px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1300px) { .l-wrap--business-top .l-grid .l-grid__col--x1 { padding: 0 20px; width: 1248px; } } @media screen and (min-width: 992px) and (max-width: 1299px) { .l-wrap--business-top .l-grid .l-grid__col--x1 { padding: 0 1.75%; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .l-wrap--business-top .l-grid .l-grid__col--x1 { padding: 0 16px; width: 100%; } } @media screen and (max-width: 767px) { .l-wrap--business-top .l-grid .l-grid__col--x1 { padding: 0 20px; width: 100%; } } @media print { .l-wrap--business-top .l-grid .l-grid__col--x1 { padding: 0 16px; width: 100%; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--border { padding: 0 20px; width: 100%; } } .l-wrap.l-wrap--border .l-wrap--border__inner { max-width: 1208px; margin: 0 auto; } .l-wrap.l-wrap--border .l-wrap--border__inner .l-grid .l-grid__col--x1 { width: 100%; } @media screen and (min-width: 768px), print { .l-wrap.l-wrap--border .l-wrap--border__inner { padding: 40px 0; border: 8px solid #F0F0EF; } } @media screen and (min-width: 1300px) { .l-wrap.l-wrap--border .l-wrap--border__inner { padding: 40px 0 60px; width: 1208px; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--border .l-wrap--border__inner { padding: 23px 0 46px; border: 4px solid #F0F0EF; } } @media print { .l-wrap.l-wrap--border .l-wrap--border__inner { width: 100%; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--border .l-wrap--border__inner .l-gridu-mb0 { padding: 0 20px; } } /* -------------------------------- 銈广儵銈ゃ儉銉 -----------------------------------*/ @media screen and (max-width: 767px) { .c-article-slider { margin: 0 0 50px; } } .c-article-slider__wide { flex: 1; } .c-article-slider__wide .c-article-slider__tag { display: inline-block; background-color: #FFFFFF; color: #53565a; font-weight: bold; } .c-article-slider__wide .c-article-slider__title { line-height: 1.5; } @media screen and (min-width: 768px), print { .c-article-slider__wide { padding: 26px 30px 21px; } } @media screen and (max-width: 767px) { .c-article-slider__wide { padding: 9px 20px 10px 20px; } } @media screen and (min-width: 768px), print { .c-article-slider__wide.have-tag { padding: 17px 30px 21px; } } @media screen and (min-width: 768px), print { .c-article-slider__wide .c-article-slider__tag { margin-bottom: 12px; padding: 0 1em; font-size: 1.4rem; line-height: 26px; } } @media screen and (max-width: 767px) { .c-article-slider__wide .c-article-slider__tag { margin-bottom: 8px; padding: 0 0.8em; font-size: 1rem; line-height: 20px; } } @media screen and (min-width: 768px), print { .c-article-slider__wide .c-article-slider__title { font-size: 2rem; } } @media screen and (max-width: 767px) { .c-article-slider__wide .c-article-slider__title { font-size: 1.4rem; } } /* -------------------------------- 銈兂銈兗銉兂銈 -----------------------------------*/ .p-topanchor { display: flex; flex-wrap: wrap; width: 100%; } .p-topanchor__item { flex-shrink: 0; width: calc(100% / 6); text-align: center; border-right: 1px solid #D9D9D6; } .p-topanchor__item:first-child { border-left: 1px solid #D9D9D6; } @media screen and (max-width: 767px) { .p-topanchor__item:nth-child(4) { border-left: 1px solid #D9D9D6; } } @media screen and (max-width: 767px) { .p-topanchor__item { width: calc(100% / 3); margin-bottom: 15px; } } .p-topanchor__link { position: relative; display: inline-block; padding-bottom: 15px; width: 100%; } @media screen and (max-width: 767px) { .p-topanchor__link { padding-bottom: 10px; } } .p-topanchor__link:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: 8px; height: 8px; border-top: 1px solid #53565A; border-right: 1px solid #53565A; transform: rotate(135deg); } .p-topanchor__img { margin: 0 auto; } @media screen and (max-width: 767px) { .p-topanchor__img { width: 50% !important; } } .p-topanchor__txt { font-weight: bold; font-size: 1.4rem; } @media screen and (max-width: 767px) { .p-topanchor__txt { font-size: 2.8vw; } } /* -------------------------------- 瑕嬪嚭銇 -----------------------------------*/ .l-wrap--business-top .c-heading-lv2 .c-heading-lv2__title { margin-top: 0; font-size: 3.5rem; } @media screen and (max-width: 767px) { .l-wrap--business-top .c-heading-lv2 .c-heading-lv2__title { font-size: 1.9rem; } } .l-wrap--business-top .c-heading-lv2 .c-heading-lv2__title span { font-size: 2.2rem; } @media screen and (max-width: 767px) { .l-wrap--business-top .c-heading-lv2 .c-heading-lv2__title span { font-size: 1.4rem; } } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title { position: relative; display: inline-block; } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title::after { display: inline-block; position: relative; top: -0.38em; width: 120px; height: 1px; margin-left: 0.5em; background-color: #97999B; content: ""; } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon { font-size: 2.2rem; display: flex; align-items: center; margin-left: 34px; } @media screen and (max-width: 767px) { .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon { margin-left: 20px; } } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon span { flex-shrink: 0; } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon span:before { content: ""; width: 28px; height: 28px; background-image: url("../image/icon-arrow-double.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; left: -35px; transform: translateY(-50%); } @media screen and (max-width: 767px) { .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon span:before { width: 18px; height: 18px; left: -20px; } } .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title--icon::after { top: auto; position: relative; flex-shrink: 1; width: 100%; height: 2px; background-color: #D9D9D6; } @media screen and (min-width: 768px), print { .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title { font-size: 2.2rem; line-height: 1.5; font-weight: bold; margin-top: 2rem; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-heading-lv3 .c-heading-lv3__title { font-size: 1.4rem; line-height: 1.5; margin-top: 2rem; } } /* -------------------------------- 銉兂銈儨銉冦偗銈圭郴锛堝叡閫氾級 -----------------------------------*/ .c-link-article__cate { line-height: 2.5; margin-bottom: 7px; } .c-link-article__cate > span, .c-link-article__cate > a { display: inline-block; font-size: 1.3rem; padding: 4px 8px; line-height: 1; margin-right: 10px; border: 1px solid #002855; background-color: #FFFFFF; color: #002855;font-weight: bold; } @media screen and (max-width: 767px) { .c-link-article__cate > span, .c-link-article__cate > a { font-size: 1.1rem; padding: 2px 3px; margin-right: 5px; } } .c-link-article__cate > span.u-color--10, .c-link-article__cate > a.u-color--10 { border: 1px solid #00BFB3; background-color: #00BFB3; color: #FFFFFF !important;padding:5px 8px } .c-link-article__cate > span.u-color--12, .c-link-article__cate > a.u-color--12 { border: 1px solid #ffb81c; background-color: #ffb81c; color: #FFFFFF !important;padding:5px 8px } .c-link-article__cate > span.u-color--11, .c-link-article__cate > a.u-color--11 { border: 1px solid #d7a9b0; background-color: #d7a9b0; color: #FFFFFF !important;padding:5px 8px } .c-link-article__cate > span.u-color--yellow, .c-link-article__cate > a.u-color--yellow { border: 1px solid #FFB81C; background-color: #FFB81C; color: #FFFFFF !important; } .c-link-article__cate > span.u-color--orange, .c-link-article__cate > a.u-color--orange { border: 1px solid #FF8200; background-color: #FF8200; color: #FFFFFF !important; } .c-link-article__cate > span.u-color--white, .c-link-article__cate > a.u-color--white { border: 1px solid #00BFB3; background-color: #FFFFFF; color: #00BFB3 !important; } div.c-link-article__cate { text-align: center; } .c-link-article__date { font-size: 1.4rem; margin-bottom: 10px; color: #97999B; } .c-link-article__meta { line-height: 1.8; } .c-link-article__meta > span, .c-link-article__meta > a { font-size: 1.1rem; line-height: 1; color: #002855; border: 1px solid #002855; padding: 3px 3px; margin-right: 5px; display: inline-block; } @media screen and (max-width: 767px) { .c-link-article__meta > span, .c-link-article__meta > a { font-size: 1.1rem; padding: 2px 3px; margin-right: 5px; } } .c-link-article__meta > span:last-child, .c-link-article__meta > a:last-child { margin-right: 0; } .u-align--right .c-link-article__meta > span, .u-align--right .c-link-article__meta > a { margin-right: 0; margin-left: 5px; } @media screen and (max-width: 767px) { .u-align--right .c-link-article__meta > span, .u-align--right .c-link-article__meta > a { margin-left: 5px; } } .u-align--right .c-link-article__meta > span:first-child, .u-align--right .c-link-article__meta > a:first-child { margin-left: 0; } .c-link-article__txt { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; } @media screen and (max-width: 767px) { .c-link-article__txt { font-size: 1.2rem; } } .c-link-article__rank { background-color: #002855; color: #fff; text-align: center; font-size: 2rem; position: absolute; width: 44px; height: 40px; top: -10px; left: 10px; z-index: 1; } @media screen and (max-width: 767px) { .c-link-article__rank { font-size: 1.4rem; padding-top: 3px; width: 30px; height: 30px; } } .c-link-more__link { display: inline-block !important; } .l-grid .l-grid__col--x1 { flex-shrink: 0; } @media screen and (max-width: 767px) { .c-link-article__cate { margin-bottom: 10px; line-height: 1.7; } .c-link-article__cate > span, .c-link-article__cate > a { font-size: 1.1rem; padding: 3px 3px; } .c-link-article__date { font-size: 1.1rem; } .c-link-article__meta { font-size: 1.1rem; } } /* -------------------------------- 銉兂銈儨銉冦偗銈圭郴锛堝浐鏈夛級 -----------------------------------*/ @media screen and (min-width: 1300px) { .l-grid .l-grid__col--x3.c-link-articleER { padding: 0 20px; width: 384px; } } @media screen and (min-width: 992px) and (max-width: 1299px) { .l-grid .l-grid__col--x3.c-link-articleER { padding: 0 1.75%; width: 33.3333%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .l-grid .l-grid__col--x3.c-link-articleER { padding: 0 16px; width: 33.3333%; } } @media screen and (max-width: 767px) { .l-grid .l-grid__col--x3.c-link-articleER { padding: 0 20px; width: 100%; } } @media print { .l-grid .l-grid__col--x3.c-link-articleER { padding: 0 16px; width: 33.3333%; } } @media screen and (min-width: 768px), print { .c-link-articleER { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .c-link-articleER { margin-bottom: 32px; } } @media screen and (max-width: 767px) { .c-link-articleER:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 768px), print { .c-link-articleER:first-of-type { width: 100% !important; } .c-link-articleER:first-of-type .c-link-articleER__link { display: flex; } .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__media { width: 555px; } .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__content { flex: 1; padding: 27px 30px 20px; } .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__date { font-size: 2rem; margin-bottom: 4px; } .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__title { font-size: 2.2rem; margin-bottom: 21px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__media { width: calc(555 / 1112 * 100%); } } .c-link-articleER .c-link-articleER__link { box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.07); display: block; height: 100%; color: #53565A; background-color: #FFFFFF; position: relative; } .c-link-articleER .c-link-articleER__link[href] { transition: all 0.3s; } .c-link-articleER .c-link-articleER__link[href]:hover { opacity: 0.6; box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.35); } .c-link-articleER .c-link-articleER__link[href]:hover .c-link-articleER__image { transform: scale(1.1); } .c-link-articleER .c-link-articleER__link .c-link-articleER__media { width: 100%; overflow: hidden; position: relative; } .c-link-articleER .c-link-articleER__link .c-link-articleER__media::after { content: ""; display: block; padding-top: 56.117%; } .c-link-articleER .c-link-articleER__link .c-link-articleER__image { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: transform 0.3s; object-fit: cover; } @media screen and (max-width: 767px) { .c-link-articleER .c-link-articleER__link .c-link-articleER__image { height: 100%; } } @media all and (-ms-high-contrast: none) { .c-link-articleER .c-link-articleER__link .c-link-articleER__image { height: auto !important; } } .c-link-articleER .c-link-articleER__link .c-link-articleER__content { padding: 15px 19px 17px; } .c-link-articleER .c-link-articleER__link .c-link-articleER__date { font-size: 1.6rem; margin-bottom: 2px; font-weight: bold; } .c-link-articleER .c-link-articleER__link .c-link-articleER__title { font-size: 1.6rem; font-weight: normal; line-height: 1.625; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px; } @media screen and (max-width: 767px) { .c-link-articleER .c-link-articleER__link .c-link-articleER__title { font-size: 1.2rem; } } .c-link-articleER .c-link-articleER__link .c-link-articleER__meta { font-size: 1.2rem; color: #97999B; } .c-link-articleER .c-link-articleER__link .c-link-articleER__meta span + span { margin-left: 1em; } .c-link-articleA1 { position: relative; } .c-link-articleA1.service-case-item--link-blank::after { content: ""; position: absolute; bottom: 20px; right: 40px; width: 18px; height: 17px; background: transparent url(../image/icon_blank1.gif) no-repeat right bottom; background-size: 18px 17px; } .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__image { height: 100%; object-fit: cover; } @media screen and (max-width: 767px) { .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__image { height: 100%; } } @media all and (-ms-high-contrast: none) { .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__image { height: auto !important; } } @media screen and (max-width: 767px) { .c-link-articleA1.service-case-item--link-blank::after { width: 15px; height: 14px; background-size: 15px auto; } } @media screen and (min-width: 768px), print { .c-link-articleB2 { margin-bottom: 20px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .c-link-articleB2 { width: 100% !important; } } @media screen and (max-width: 767px) { .c-link-articleB2 { margin-bottom: 20px; } } .c-link-articleB2 .c-link-articleB2__link { box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.07); display: block; height: 100%; color: #53565a; display: flex; background-color: #FFFFFF; } .c-link-articleB2 .c-link-articleB2__link[href] { transition: all 0.3s; } .c-link-articleB2 .c-link-articleB2__link[href]:hover { opacity: 0.6; box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.35); } .c-link-articleB2 .c-link-articleB2__link[href]:hover .c-link-articleB2__image { transform: scale(1.1); } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__media { width: 377px; height: 225px; overflow: hidden; position: relative; flex-shrink: 0; } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__media::after { content: ""; display: block; padding-top: 56.117%; } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__image { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: transform 0.3s; object-fit: cover; } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__image { height: 100%; } } @media all and (-ms-high-contrast: none) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__image { height: auto !important; } } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__content { padding: 22px 30px 22px; } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__date { font-size: 1.6rem; font-weight: bold; } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__title { line-height: 1.6; font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; } .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__meta { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px; font-size: 1.2rem; line-height: 1.6; } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link { display: block; } } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__media { width: 100%; height: auto; } } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__content { padding: 19px 18px 20px; } } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__date { font-size: 1.1rem; } } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__title { font-size: 1.2rem; margin-top: 6px; } } @media screen and (max-width: 767px) { .c-link-articleB2 .c-link-articleB2__link .c-link-articleB2__meta { font-size: 1.1rem; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-articleA1:last-of-type { margin-bottom: 0; } } .l-wrap--business-top .c-link-articleA1 .c-link-articleA1__link { position: relative; } .l-wrap--business-top .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__content { padding: 10px 20px; } .l-wrap--business-top .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__content:first-child { margin-top: 0; } .l-wrap--business-top .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__content:last-child { margin-bottom: 0; } .c-link-articleA1__link .c-link-articleA1__title { font-weight: 600; font-size: 1.6rem; line-height: 1.5; margin-bottom: 17px; } @media screen and (max-width: 767px) { .c-link-articleA1__link .c-link-articleA1__title { font-size: 1.2rem; margin-bottom: 10px; } } @media screen and (min-width: 768px), print { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__subtitle { font-size: 1.4rem; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__subtitle { font-size: 1.2rem; } } @media screen and (min-width: 768px), print { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__subtitle + .c-link-contentsA__title { margin-top: 3px; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__subtitle + .c-link-contentsA__title { font-size: 1.4rem; } } @media screen and (min-width: 768px), print { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__meta { font-size: 1.6rem; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-contentsA .c-link-contentsA__link .c-link-contentsA__meta { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-more__link { width: 72vw; padding: 15px 15px; } } @media screen and (max-width: 767px) { .l-wrap--business-top .c-link-more__link .c-link-more__content { font-size: 1.2rem; padding-right: 20px; } } /* -------------------------------- 銉戙兂銇忋仛 -----------------------------------*/ @media screen and (min-width: 768px) { .p-breadcrumbs .p-breadcrumbs__item { word-break: keep-all; white-space: nowrap; } .p-breadcrumbs .p-breadcrumbs__item:last-child { overflow: hidden; } .p-breadcrumbs .p-breadcrumbs__item:last-child > * { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media screen and (max-width: 767px) { .p-breadcrumbs { display: block; padding: 0 0 0 20px; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; height: auto; line-height: 1; white-space: nowrap; position: relative; } .p-breadcrumbs .p-breadcrumbs__item { display: inline-block; vertical-align: middle; padding: 14px 0 15px; } .p-breadcrumbs .p-breadcrumbs__item:first-child ~ .p-breadcrumbs__item { margin-left: 6px; padding-left: 17px; } .p-breadcrumbs .p-breadcrumbs__item:last-child { padding-right: 10px; } } @media screen and (max-width: 767px) { .breadcrumb-wrap { position: relative; } .breadcrumb-wrap::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 31px; height: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #FFFFFF 80%, #FFFFFF); } } /* -------------------------------- 瑭崇窗銉氥兗銈搞偝銉炽儩銉笺儘銉炽儓 -----------------------------------*/ .wp-editor { /* 瑕佺礌瀵勩仜 */ /* wpstyle */ } .wp-editor h1, .wp-editor h2, .wp-editor h3, .wp-editor h4, .wp-editor h5, .wp-editor h6 { line-height: 1.5; position: relative; font-weight: bold; } .wp-editor h1 { font-size: 3.6rem; z-index: 1; margin-bottom: 42px; } @media screen and (max-width: 767px) { .wp-editor h1 { font-size: 2.8rem; margin-bottom: 32px; } } .wp-editor h2 { line-height: 1.5; font-size: 2.4rem; background: #D9D9D6; padding: 10px 20px; margin-top: 80px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .wp-editor h2 { font-size: 2.2rem; padding: 2.66667vw; margin-top: 6.66667vw; margin-bottom: 4vw; } } .wp-editor h3 { font-size: 2rem; border-bottom: 1px solid #707070; margin-top: 70px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .wp-editor h3 { font-size: 1.8rem; margin-top: 6.66667vw; margin-bottom: 4vw; } } .wp-editor h4 { font-size: 1.6rem; margin-top: 50px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .wp-editor h4 { font-size: 1.5rem; margin-top: 6.66667vw; margin-bottom: 4vw; } } .wp-editor h5, .wp-editor h6 { font-size: 1.6rem; margin-top: 20px; margin-bottom: 10px; } @media screen and (max-width: 767px) { .wp-editor h5, .wp-editor h6 { font-size: 1.4rem; } } .wp-editor > *:first-child { margin-top: 0; } .wp-editor p { line-height: 2; margin-top: 40px; } @media screen and (max-width: 767px) { .wp-editor p { margin-top: 30px; font-size: 1.4rem; } } .wp-editor p a { text-decoration: underline; color: #53565A; } .wp-editor p a:hover { opacity: 0.8; } .wp-editor strong { font-weight: bold; } .wp-editor em { font-style: italic; } .wp-editor small, .wp-editor figcaption { color: #97999B; font-size: 1.2rem; } @media screen and (max-width: 767px) { .wp-editor small, .wp-editor figcaption { font-size: 1.1rem; } } .wp-editor figcaption { margin-top: 0.5em; } .wp-editor blockquote { width: 100%; border: 2px solid #F0F0EF; line-height: 1.8; padding: 55px 50px; position: relative; margin-top: 50px; margin-bottom: 50px; } @media screen and (max-width: 767px) { .wp-editor blockquote { margin-top: 4vw; margin-bottom: 4vw; padding: 30px; } } .wp-editor blockquote:before, .wp-editor blockquote:after { content: ""; position: absolute; margin: auto; width: 24px; height: 24px; background: url(../image/icon-quotation.svg) no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .wp-editor blockquote:before, .wp-editor blockquote:after { width: 16px; height: 16px; } } .wp-editor blockquote:before { top: 20px; left: 20px; } @media screen and (max-width: 767px) { .wp-editor blockquote:before { top: 10px; left: 10px; } } .wp-editor blockquote:after { right: 20px; bottom: 20px; transform: rotate(180deg); } @media screen and (max-width: 767px) { .wp-editor blockquote:after { right: 10px; bottom: 10px; } } .wp-editor blockquote > *:first-child { margin-top: 0; } .wp-editor blockquote > *:last-child { margin-bottom: 0; } .wp-editor ul, .wp-editor ol { margin-top: 40px; } @media screen and (max-width: 767px) { .wp-editor ul, .wp-editor ol { margin-top: 30px; } } .wp-editor ul li, .wp-editor ol li { line-height: 1.8; } .wp-editor ul { list-style: disc; margin-left: 20px; } .wp-editor ul li { line-height: 1.8; position: relative; } .wp-editor ul li:not(:last-child) { margin-bottom: 10px; } .wp-editor ol { padding-left: 13px; list-style-type: decimal; } @media screen and (max-width: 767px) { .wp-editor ol { padding-left: 18px; } } .wp-editor ol li { line-height: 1.8; padding-left: 7px; position: relative; } @media screen and (max-width: 767px) { .wp-editor ol li { padding-left: 5px; } } .wp-editor ol li:not(:last-child) { margin-bottom: 12px; } .wp-editor table { width: 100%; margin: 40px 0; border: #707070 solid 1px; table-layout: fixed; border-collapse: separate; } @media screen and (max-width: 767px) { .wp-editor table { margin: 30px 0; } } .wp-editor table th, .wp-editor table td { font-weight: normal; line-height: 1.8; text-align: left; padding: 7px 27px; font-size: 1.4rem; overflow-wrap: break-word; } @media screen and (max-width: 767px) { .wp-editor table th, .wp-editor table td { padding: 18px 12px; font-size: 1.2rem; } } .wp-editor table th p:last-child, .wp-editor table td p:last-child { margin-bottom: 0; } .wp-editor table td { min-width: 145px; padding-left: 17px; } .wp-editor table td:not(:last-child) { border-right: #707070 solid 1px; } @media screen and (max-width: 767px) { .wp-editor table td { min-width: 100px; } } .wp-editor table th { width: 200px; background-color: #F0F0EF; font-weight: bold; border-right: none; } @media screen and (max-width: 767px) { .wp-editor table th { width: 108px; } } .wp-editor table th + th { border-left: 1px solid #707070; } .wp-editor table tr:not(:last-child) th, .wp-editor table tr:not(:last-child) td { border-bottom: #707070 solid 1px; } .wp-editor p > img, .wp-editor p > img.alignnone, .wp-editor p > img.alignleft, .wp-editor p > img.aligncenter, .wp-editor p > img.alignright, .wp-editor ul > img, .wp-editor ul > img.alignnone, .wp-editor ul > img.alignleft, .wp-editor ul > img.aligncenter, .wp-editor ul > img.alignright, .wp-editor ol > img, .wp-editor ol > img.alignnone, .wp-editor ol > img.alignleft, .wp-editor ol > img.aligncenter, .wp-editor ol > img.alignright, .wp-editor table > img, .wp-editor table > img.alignnone, .wp-editor table > img.alignleft, .wp-editor table > img.aligncenter, .wp-editor table > img.alignright { margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 767px) { .wp-editor p > img, .wp-editor p > img.alignnone, .wp-editor p > img.alignleft, .wp-editor p > img.aligncenter, .wp-editor p > img.alignright, .wp-editor ul > img, .wp-editor ul > img.alignnone, .wp-editor ul > img.alignleft, .wp-editor ul > img.aligncenter, .wp-editor ul > img.alignright, .wp-editor ol > img, .wp-editor ol > img.alignnone, .wp-editor ol > img.alignleft, .wp-editor ol > img.aligncenter, .wp-editor ol > img.alignright, .wp-editor table > img, .wp-editor table > img.alignnone, .wp-editor table > img.alignleft, .wp-editor table > img.aligncenter, .wp-editor table > img.alignright { margin: 0 auto; float: none; display: block; } } .wp-editor img, .wp-editor img[width], .wp-editor img[height] { max-width: 100%; } .wp-editor img { max-width: 100%; display: block; overflow: hidden; } @media screen and (max-width: 767px) { .wp-editor img { width: 100%; } } .wp-editor img + p, .wp-editor img + ul, .wp-editor img + ol, .wp-editor img + h3, .wp-editor img + h4, .wp-editor img + h5, .wp-editor img + h6, .wp-editor img + img, .wp-editor img + p, .wp-editor img + ul, .wp-editor img + ol + table { margin-top: 60px; } @media screen and (max-width: 767px) { .wp-editor img + p, .wp-editor img + ul, .wp-editor img + ol, .wp-editor img + h3, .wp-editor img + h4, .wp-editor img + h5, .wp-editor img + h6, .wp-editor img + img, .wp-editor img + p, .wp-editor img + ul, .wp-editor img + ol + table { margin-top: 40px; } } .wp-editor .alignnone { margin-top: 60px; } @media screen and (max-width: 767px) { .wp-editor .alignnone { margin: 40px 0; } } .wp-editor .alignleft, .wp-editor .alignright { max-width: 350px; margin-bottom: 30px; } @media screen and (max-width: 767px) { .wp-editor .alignleft, .wp-editor .alignright { width: 100%; max-width: none; float: none !important; } } .wp-editor .alignleft { float: left; margin-right: 20px; text-align: left; } @media screen and (max-width: 767px) { .wp-editor .alignleft { margin-right: 20px; } } @media screen and (max-width: 767px) { .wp-editor .alignleft { margin-right: 0; } } .wp-editor .aligncenter { text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .wp-editor .aligncenter { margin: 20px auto; } } .wp-editor .alignright { float: right; margin-left: 20px; text-align: right; } @media screen and (max-width: 767px) { .wp-editor .alignright { margin-left: 20px; } } @media screen and (max-width: 767px) { .wp-editor .alignright { margin-left: 0; } } .wp-editor .alignleft + p, .wp-editor .alignright + p { margin-top: 60px; } @media screen and (max-width: 767px) { .wp-editor .alignleft + p, .wp-editor .alignright + p { margin-top: 40px; } } .wp-editor .wp-block-spacer { margin-top: 0; } .wp-editor .wp-block-image { margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 767px) { .wp-editor .wp-block-image { margin-top: 4vw; margin-bottom: 4vw; } } .wp-editor .wp-block-column .wp-block-image:last-child { margin-bottom: 0; } .wp-editor .wp-block-image .aligncenter > figcaption, .wp-editor .wp-block-image .alignleft > figcaption, .wp-editor .wp-block-image .alignright > figcaption { text-align: left; line-height: 1.8; } .wp-editor h3 + .wp-block-columns, .wp-editor h4 + .wp-block-columns, .wp-editor p + .wp-block-columns, .wp-editor div + .wp-block-columns { margin-top: 60px; } @media screen and (max-width: 767px) { .wp-editor h3 + .wp-block-columns, .wp-editor h4 + .wp-block-columns, .wp-editor p + .wp-block-columns, .wp-editor div + .wp-block-columns { margin-top: 30px; } } .wp-editor .wp-block-columns { margin: 0; } .wp-editor .wp-block-columns + .wp-block-columns { margin-top: 60px; } @media screen and (max-width: 767px) { .wp-editor .wp-block-columns + .wp-block-columns { margin-top: 30px; } } @media screen and (max-width: 767px) { .wp-editor .wp-block-column:not(:last-child) { margin-bottom: 30px; } } .wp-editor .wp-block-column ul { margin-top: 0; } .wp-editor .wp-block-column .wp-block-image { width: 100%; } .wp-editor .wp-block-column .wp-block-image img { width: 100%; max-width: none; } .wp-editor .clear::after { content: ""; display: block; clear: both; } .wp-editor .c-link-more { margin: 40px 0 40px; } .c-article-block + .c-article-block { margin-top: 80px; } .c-article-block a { word-break: break-all; } @media screen and (max-width: 767px) { .c-article-block + .c-article-block { margin-top: 10.66667vw; } } .c-article-btn { margin: 40px 0 40px; } .c-article-btn a { display: block; width: 237px; background: #002755; margin: auto; padding: 12px 0; font-size: 1.6rem; font-weight: bold; line-height: 1.5; color: #fff !important; text-decoration: none !important; text-align: center; display: flex; justify-content: center; align-items: center; } .c-article-btn.l a { width: 100%; max-width: 400px; padding: 20px 20px; } .c-article-btn.icon a:after { content: ""; background-image: url(../image/icon-download.svg); background-repeat: no-repeat; background-position: right 0 top 50%; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 15px; } .c-article-btn.icon.down a:after { background-image: url(../image/icon-download.svg); } .c-article-btn.icon.arrow a:after { background-image: url(../image/icon_arrow_white.svg); } @media screen and (max-width: 767px) { .c-article-btn a { width: 100%; max-width: 81.33333vw; margin: auto; padding: 4vw 0; font-size: 1.6rem; } } .c-article-dlist { margin-top: 25px; margin-bottom: 25px; font-size: 1.6rem; line-height: 2; } .c-article-dlist dt { font-weight: bold; } .c-article-dlist dt::before { content: "銉?; margin-right: 0.5em; } .c-article-dlist dt.u-fw--normal { font-weight: normal; } .c-article-dlist.list-number { counter-reset: item; } .c-article-dlist.list-number dt:before { counter-increment: item; content: counter(item) ""; margin-right: 1em; } .c-article-dlist dd { margin-left: 1.5em; } .c-article-dlist dd + dt { margin-top: 10px; } .c-article-dlist.list-wide dd + dt { margin-top: 25px; } .c-article-dlist a { text-decoration: underline; color: #53565A; } @media screen and (max-width: 767px) { .c-article-dlist { margin-top: 4vw; margin-bottom: 4vw; font-size: 1.4rem; line-height: 1.6; } } @media screen and (max-width: 767px) { .c-article-dlist.list-wide dd + dt { margin-top: 4vw; } } .c-article-img { margin-bottom: 30px; } @media screen and (max-width: 767px) { .c-article-img { margin-bottom: 5.33333vw; } } .c-article-img__ttl { font-weight: bold; line-height: 1.5; font-size: 1.6rem; } @media screen and (max-width: 767px) { .c-article-img__ttl { font-size: 1.5rem; } } .c-article-img__caption { margin-top: 12px; font-size: 1.2rem; color: #98999B; } .c-article-img__caption.caption-center { text-align: center; } .c-article-img__caption a { text-decoration: underline; color: #98999B; } .c-article-img__caption + .c-article-img { margin-top: 20px; } @media screen and (max-width: 767px) { .c-article-img__caption { margin-top: 2.66667vw; } } @media screen and (max-width: 767px) { .c-article-img__caption.caption-center { text-align: left; } } .c-article-text + .c-article-img, .c-article-note + .c-article-img { margin-top: 20px; } @media screen and (max-width: 767px) { .c-article-img__caption + .c-article-img, .c-article-text + .c-article-img, .c-article-note + .c-article-img { margin-top: 5.33333vw; } } .c-link-more .c-link-more__link { cursor: pointer; } .c-link-more .c-link-more__link .c-link-more__article { padding-right: 45px; background: url(service/business/assets/images/article/icon_down.svg) no-repeat right 0 top 50%/8px; } .c-article-list { margin-left: 0; padding-left: 0 !important; text-indent: -1.5em; font-size: 1.6rem; line-height: 2; list-style: none; } .c-article-list li { list-style: none; padding-left: 0 !important; margin-left: 1.5em; } .c-article-list li + li { margin-top: 10px; } .c-article-list li::before { content: "銉?; margin-right: 0.5em; } .c-article-list li sup { font-size: 70%; vertical-align: top; } .c-article-list.list-number { counter-reset: item; } .c-article-list.list-number li:before { counter-increment: item; content: counter(item) "."; } .c-article-list.list-number2 { counter-reset: item; } .c-article-list.list-number2 li:before { counter-increment: item; content: "(" counter(item) ")"; } .c-article-list a { text-decoration: underline; color: #53565A; } @media screen and (max-width: 767px) { .c-article-list { margin-top: 4vw; margin-bottom: 4vw; font-size: 1.4rem; line-height: 1.6; } } @media screen and (max-width: 767px) { .c-article-list li + li { margin-top: 1.33333vw; } } .c-article-movie { margin: 90px auto 60px auto; text-align: center; } @media screen and (max-width: 767px) { .c-article-movie { margin: 10.66667vw auto 8vw auto; } } @media screen and (max-width: 767px) { .c-article-movie__inner { position: relative; width: 100%; padding-top: 56.25%; } .c-article-movie__inner iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } } p.c-article-note { font-size: 1.4rem; color: #98999B; padding-left: 2em; text-indent: -2em; } p.c-article-note a { text-decoration: underline; color: #98999B; } @media screen and (max-width: 767px) { p.c-article-note { font-size: 1.2rem; } } ul.c-article-note li { font-size: 1.4rem; color: #98999B; padding-left: 2.5em; text-indent: -2.5em; line-height: 2; } ul.c-article-note li a { text-decoration: underline; color: #98999B; } @media screen and (max-width: 767px) { ul.c-article-note li { font-size: 1.2rem; line-height: 1.6; } } .c-article-quote ul.c-article-note li { padding-left: 1em; text-indent: -1em; } .c-article-text + .c-article-note, .c-article-text-s + .c-article-note { margin-top: 12px; } @media screen and (max-width: 767px) { .c-article-text + .c-article-note { margin-top: 2.66667vw; } } @media screen and (max-width: 767px) { .c-article-text-s + .c-article-note { margin-top: 2.66667vw; } } .c-article-note + .c-article-text { margin-top: 25px; } @media screen and (max-width: 767px) { .c-article-note + .c-article-text { margin-bottom: 4vw; } } .c-article-profile { display: flex; margin-top: 20px; justify-content: space-between; } .c-article-profile .c-article-profile__img { width: 165px; } .c-article-profile .c-article-profile__textarea { width: calc(100% - 189px); font-size: 1.4rem; line-height: 2; } .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--position { margin-bottom: 8px; line-height: 1.4; font-size: 1.4rem; } .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--name { font-size: 1.8rem; line-height: 1.4; font-weight: bold; margin-top: 15px; } .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--text { margin-top: 10px; font-size: 1.4rem; } .c-article-profile .c-article-profile__textarea > *:first-child { margin-top: 0; } .c-article-profile .c-article-profile__textarea > *:lastchild { margin-bottom: 0; } @media screen and (max-width: 767px) { .c-article-profile { display: block; padding-bottom: 4vw; } } @media screen and (max-width: 767px) { .c-article-profile .c-article-profile__img { width: calc(165 / 375 * 100%); text-align: center; margin: auto; } } @media screen and (max-width: 767px) { .c-article-profile .c-article-profile__textarea { width: 100%; margin-top: 5.33333vw; line-height: 1.66; } } @media screen and (max-width: 767px) { .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--position { margin-bottom: 2.66667vw; } } @media screen and (max-width: 767px) { .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--name { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .c-article-profile .c-article-profile__textarea .c-article-profile__textarea--text { margin-top: 4vw; } } .c-article-quote { border: 2px solid #F0F0EF; margin-top: 50px; margin-bottom: 50px; padding: 40px 40px; font-size: 1.4rem; line-height: 2.2; } .c-article-quote > *:first-child { margin-top: 0; } .c-article-quote > *:last-child { margin-bottom: 0; } .c-article-quote a { text-decoration: underline; color: #53565A; } .c-article-quote h4 { margin-bottom: 20px; } .c-article-quote p { margin-top: 20px; font-size: 1.4rem; } @media screen and (max-width: 767px) { .c-article-quote p { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .c-article-quote { margin-top: 4vw; margin-bottom: 4vw; padding: 6.66667vw 5.33333vw; line-height: 1.333; } } .c-article-relation { background: #F0F0EF; padding: 40px 38px 40px 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 45px; margin-bottom: 45px; } @media screen and (max-width: 767px) { .c-article-relation { margin-top: 4vw; margin-bottom: 4vw; } } .c-article-relation--white { background: #ffffff; border: 5px solid #F0F0EF; } .c-article-relation .c-article-relation__img { flex-basis: 195px; flex-shrink: 0; padding-right: 20px; } .c-article-relation .c-article-relation__img--wide { flex-basis: 255px; } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__img { padding-right: 0 !important; width: calc(165 / 375 * 100%); margin: auto; } } .c-article-relation .c-article-relation__textarea { font-size: 1.4rem; line-height: 2; flex-basis: auto; width: 100%; } .c-article-relation .c-article-relation__textarea > *:first-child { margin-top: 0; } .c-article-relation .c-article-relation__textarea > *:last-child { margin-bottom: 0; } .c-article-relation .c-article-relation__textarea p { margin-top: 20px; font-size: 1.4rem; } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__textarea p { font-size: 1.2rem; } } .c-article-relation .c-article-relation__textarea .c-article-relation__textarea--name { margin-bottom: 10px; font-size: 1.6rem; font-weight: bold; } .c-article-relation .c-article-relation__btnarea { display: flex; flex-wrap: wrap; justify-content: space-between; } .c-article-relation .c-article-relation__btnarea .c-article-btn { margin-top: 20px; margin-bottom: 0; } @media screen and (max-width: 767px) { .c-article-relation { padding: 8vw 5.33333vw 5.33333vw 5.33333vw; display: block; } } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__textarea { width: 100%; margin-top: 20px; } } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__textarea .c-article-relation__textarea--name { width: 100%; margin-bottom: 1.33333vw; font-size: 1.7rem; } } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__btnarea { display: block; } } @media screen and (max-width: 767px) { .c-article-relation .c-article-relation__btnarea .c-article-btn { margin-top: 5.33333vw; } } .c-article-requestbox { background: #f0f0ef; margin-top: 45px; padding: 40px 50px; display: flex; justify-content: space-between; } .c-article-requestbox--border { background: #fff; border: 5px solid #F0F0EF; } .c-article-requestbox--acenter { align-items: center; } .c-article-requestbox__img { flex-basis: 305px; flex-shrink: 0; padding-right: 30px; } .c-article-requestbox__btn { flex-basis: 330px; flex-shrink: 0; padding-left: 30px; } .c-article-requestbox__btn > *:first-child { margin-top: 0 !important; } .c-article-requestbox__btn > *:last-child { margin-bottom: 0 !important; } @media screen and (max-width: 767px) { .c-article-requestbox__btn { padding-left: 0; } } .c-article-requestbox > *:first-child { margin-top: 0 !important; } .c-article-requestbox > *:last-child { margin-bottom: 0 !important; } .c-article-requestbox__text { flex-basis: auto; width: 100%; line-height: 2.2; } .c-article-requestbox__text > *:first-child { margin-top: 0 !important; } .c-article-requestbox__text > *:last-child { margin-bottom: 0 !important; } .c-article-requestbox__text > h4 { margin-bottom: 20px; } .c-article-requestbox__text p { margin-top: 27px; font-size: 1.4rem; } .c-article-requestbox .c-article-btn { margin-top: 20px; margin-bottom: 0; } .c-article-requestbox .c-article-btn > a { margin-left: 0; } @media screen and (max-width: 767px) { .c-article-requestbox { margin-top: 10.66667vw; padding: 8vw 5.33333vw; display: block; } } @media screen and (max-width: 767px) { .c-article-requestbox .c-article-requestbox__img { width: 100%; padding: 0; } .c-article-requestbox .c-article-requestbox__img img { width: 100%; } } @media screen and (max-width: 767px) { .c-article-requestbox .c-article-requestbox__text { width: 100%; margin-top: 4.8vw; line-height: 1.333; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .c-article-requestbox .c-article-btn { margin-top: 5.33333vw; } } .c-article-text { font-size: 1.6rem; line-height: 2; } .c-article-text a { text-decoration: underline; color: #53565A; } .c-article-text sup { font-size: 70%; vertical-align: top; } @media screen and (max-width: 767px) { .c-article-text { font-size: 1.4rem; line-height: 1.6; } } .c-article-text-s { font-size: 1.4rem; line-height: 2; } @media screen and (max-width: 767px) { .c-article-text-s { font-size: 1.2rem; line-height: 1.6; } } .c-article-indent { text-indent: -1.25em; padding-left: 1em; } .c-article-ttl { margin-bottom: 20px; font-weight: bold; line-height: 1.5; } .c-article-ttl.ttl-1 { font-size: 2.4rem; background: #D9D9D6; padding: 10px 20px; } .c-article-ttl.ttl-2 { font-size: 2rem; border-bottom: 1px solid #707070; } .c-article-ttl.ttl-3 { font-size: 1.6rem; } .c-article-ttl.ttl-4 { font-size: 2.4rem; background: #fff; padding: 0; } @media screen and (max-width: 767px) { .c-article-ttl { margin-bottom: 4vw; } } @media screen and (max-width: 767px) { .c-article-ttl.ttl-1 { font-size: 2.2rem; padding: 2.66667vw; } } @media screen and (max-width: 767px) { .c-article-ttl.ttl-2 { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .c-article-ttl.ttl-3 { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .c-article-ttl.ttl-4 { font-size: 2.2rem; } } .c-article-text + .c-article-ttl, .c-article-img + .c-article-ttl, .c-article-list + .c-article-ttl, .c-article-dlist + .c-article-ttl, .c-article-note + .c-article-ttl, .c-article-table + .c-article-ttl, .c-article-quote + .c-article-ttl { margin-top: 50px; } @media screen and (max-width: 767px) { .c-article-text + .c-article-ttl, .c-article-img + .c-article-ttl, .c-article-list + .c-article-ttl, .c-article-dlist + .c-article-ttl, .c-article-note + .c-article-ttl, .c-article-table + .c-article-ttl, .c-article-quote + .c-article-ttl { margin-top: 6.66667vw; } } .l-article .c-link-more { margin: 0 0 80px !important; } @media screen and (max-width: 767px) { .l-article .c-link-more { margin: 0 auto 10.66667vw auto !important; width: 68vw; } } .l-wrap.l-wrap--article { margin-bottom: 69px; padding-bottom: 80px; border-bottom: 1px solid #D9D9D6; } .l-wrap.l-wrap--article .l-wrap__inner { width: 100%; max-width: 1248px; margin: 40px auto 0 auto; padding: 0 20px; box-sizing: border-box; display: flex; position: relative; overflow: hidden; justify-content: center; flex-direction: row !important; } .l-wrap.l-wrap--article .l-wrap__main { min-height: 100% !important; box-sizing: border-box; padding: 0; } .l-wrap.l-wrap--article .l-wrap__aside { position: relative; margin-left: 40px; } @media screen and (min-width: 768px) and (max-width: 991px) { .l-wrap.l-wrap--article .l-wrap__inner { display: block; padding: 0; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--article .l-wrap__inner { display: block; padding: 0; } } @media screen and (min-width: 1300px) { .l-wrap.l-wrap--article .l-wrap__main { width: 792px; box-sizing: border-box; } } @media screen and (min-width: 992px) and (max-width: 1299px) { .l-wrap.l-wrap--article .l-wrap__main { width: calc(792 / 1248 * 100%); max-width: 792px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .l-wrap.l-wrap--article .l-wrap__main { width: calc(345 / 375 * 100%); margin: auto; min-height: 100% !important; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--article .l-wrap__main { width: calc(345 / 375 * 100%); margin: auto; min-height: 100% !important; } } @media screen and (min-width: 1300px) { .l-wrap.l-wrap--article .l-wrap__aside { width: 376px; } } @media screen and (min-width: 992px) and (max-width: 1299px) { .l-wrap.l-wrap--article .l-wrap__aside { width: calc(376 / 1248 * 100%); margin-left: calc(40 / 1248 * 100%); max-width: 376px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .l-wrap.l-wrap--article .l-wrap__aside { position: static !important; width: 100%; margin-left: 0px; margin-top: 120px; } } @media screen and (max-width: 767px) { .l-wrap.l-wrap--article .l-wrap__aside { position: static !important; margin-left: 0px; margin-top: 16vw; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before { display: table; content: ""; } .slick-track:after { display: table; content: ""; clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .js-article-more .is-hidden { opacity: 0; height: 0; margin: 0; display: none; } .js-article-more__btn.is-hidden { display: none; } .p-article-aside { padding: 0 0 20px; background: #f0f0ef; } .p-article-aside a { outline: none; } .p-article-aside .p-article-aside__ttl { padding-top: 40px; padding-bottom: 17px; font-size: 2rem; text-align: center; position: relative; } .p-article-aside .p-article-aside__ttl::after { content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -40px; width: 80px; height: 1px; background: #424448; } .p-article-aside .p-article-aside__pickup .c-article-slider__list { width: calc(337 / 376 * 100%); margin: 30px auto 0; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link { box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.07); display: block; height: 100%; color: #53565A; background-color: #FFFFFF; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link[href] { transition: all 0.3s; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link[href]:hover { opacity: 0.6; box-shadow: 0px 6px 18px 0 rgba(83, 86, 90, 0.35); } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link[href]:hover .c-article-slider__image { transform: scale(1.1); } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__wide { padding: 0px; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__media { width: 100%; overflow: hidden; position: relative; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__media::after { content: ""; display: block; padding-top: 56.117%; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__item + .c-article-slider__item { margin-top: 20px; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__content { width: calc(300 / 337 * 100%); margin: 15px auto 0 auto; padding-bottom: 15px; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__tag { display: inline-block; font-size: 1rem; font-weight: bold; line-height: 1; margin-bottom: 0px; padding: 2px 5px; border: 1px solid #707070; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__image { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: transform 0.3s; object-fit: cover; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__title { margin-top: 8px; font-size: 1.6rem; line-height: 1.625; font-weight: normal; } .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__right { display: none; } .p-article-aside .p-article-aside__report { margin: 30px auto 0; } .p-article-aside .p-article-aside__report .l-grid { width: calc(337 / 376 * 100%); margin: 0 auto; padding: 0; } .p-article-aside .p-article-aside__report .l-grid .l-grid__col--x3 { flex-shrink: 1; } @media screen and (min-width: 992px) { .p-article-aside .p-article-aside__report .l-grid .l-grid__col--x3 { padding: 0; width: 100%; } } .p-article-aside .p-article-aside__report .l-grid .l-grid__col--x3:last-child { margin-bottom: 0; } .p-article-aside .p-article-aside__report .l-grid .l-grid__col--x3.c-link-articleER { padding: 0px; width: 100%; } .l-grid .l-grid__col--x3 .c-link-articleA1__title { font-size: 1.5rem; font-weight: normal; } @media screen and (max-width: 767px) { .l-grid .l-grid__col--x3 .c-link-articleA1__title { font-size: 1.3rem; } } .p-article-aside .c-link-articleER { margin-bottom: 0px; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link { display: block; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__media { width: 100%; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__content { width: calc(300 / 337 * 100%); margin: 15px auto 0 auto; padding: 0px 0px 15px 0px; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__title { font-size: 1.6rem; margin-bottom: 5px; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__date { font-size: 1.4rem; margin-bottom: 6px; } .p-article-aside .c-link-articleER:first-of-type .c-link-articleER__link .c-link-articleER__meta { font-size: 1.2rem; } .p-article-aside .c-link-articleER .c-link-articleER__link .c-link-articleER__content { width: calc(300 / 337 * 100%); margin: 15px auto 0 auto; padding: 0px 0px 15px 0px; } .p-article-aside .c-link-articleER .c-link-articleER__link .c-link-articleER__title { font-size: 1.6rem; margin-bottom: 5px; } .p-article-aside .c-link-articleER .c-link-articleER__link .c-link-articleER__date { font-size: 1.4rem; margin-bottom: 6px; } .p-article-aside .c-link-articleER .c-link-articleER__link .c-link-articleER__meta { font-size: 1.2rem; } .p-article-aside .c-link-articleER + .c-link-articleER { margin-top: 20px; } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside { display: block; padding: 8vw 0 5.33333vw 0; } } @media screen and (max-width: 767px) { .p-article-aside { display: block; padding: 8vw 0 5.33333vw 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__ttl { display: block; font-size: 2rem; /* padding-top: 0px;*/ padding-bottom: 4vw; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__ttl { display: block; font-size: 2.2rem; /* padding-top: 0px;*/ padding-bottom: 4vw; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__ttl::after { margin-left: -10.66667vw; width: 21.33333vw; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__ttl::after { margin-left: -10.66667vw; width: 21.33333vw; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup + .p-article-aside__ttl { /* margin-top: 10.66667vw;*/ } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup + .p-article-aside__ttl { /* margin-top: 10.66667vw;*/ } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list { display: block; width: 100%; background: #fff; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list { display: block; width: 100%; background: #fff; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link { box-shadow: none; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link { box-shadow: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link[href]:hover { box-shadow: none; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__link[href]:hover { box-shadow: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__item + .c-article-slider__item { margin-top: 0px; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__item + .c-article-slider__item { margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__content { width: 82.13333vw; margin: 4vw auto 0 auto; padding-bottom: 2.66667vw; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__content { /* width: 82.13333vw; margin: 4vw auto 0 auto; padding-bottom: 2.66667vw;*/ } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__tag { font-size: 1.2rem; font-weight: bold; padding: 0.53333vw 1.33333vw; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__tag { font-size: 1.2rem; font-weight: bold; padding: 0.53333vw 1.33333vw; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__title { margin-top: 2.13333vw; font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__pickup .c-article-slider__list .c-article-slider__title { margin-top: 2.13333vw; font-size: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__report .l-grid { display: flex; justify-content: space-between; padding: 0 !important; } } @media screen and (max-width: 767px) { .p-article-aside .p-article-aside__report .l-grid { display: block; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__report .l-grid .l-grid__col--x3.c-link-articleA1 { width: 31.5% !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .c-link-articleA1:first-of-type { width: 31.5% !important; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1:first-of-type .c-link-articleA1__link .c-link-articleA1__content { /* width: 82.13333vw; margin: 4vw auto 0 auto; padding-bottom: 2.66667vw;*/ } } /*@media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1:first-of-type .c-link-articleA1__link .c-link-articleA1__title { margin-bottom: 2.4vw; font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1:first-of-type .c-link-articleA1__link .c-link-articleA1__date { margin-bottom: 1.06667vw; font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1:first-of-type .c-link-articleA1__link .c-link-articleA1__meta { font-size: 1.3rem; } }*/ @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .c-link-articleA1 .c-link-articleA1__link { position: relative; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1 .c-link-articleA1__link { box-shadow: none !important; position: relative; } .p-article-aside .c-link-articleA1 .c-link-articleA1__link[href] { box-shadow: none !important; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__content { /* width: 82.13333vw; margin: 4vw auto 0 auto; padding-bottom: 2.66667vw;*/ } } @media screen and (max-width: 767px) { .c-link-articleA1__link .c-link-articleA1__title { margin-bottom: 2.4vw; font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__date { margin-bottom: 1.06667vw; font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleA1 .c-link-articleA1__link .c-link-articleA1__meta { font-size: 1.3rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .c-link-articleER + .c-link-articleER { margin-top: 0px; } } @media screen and (max-width: 767px) { .p-article-aside .c-link-articleER + .c-link-articleER { margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-aside .p-article-aside__ttl.u-use--pc, .p-article-aside .p-article-aside__report.u-use--pc { display: none !important; } } .p-article-contents, .p-article-contents-w { margin-bottom: 80px; } @media screen and (max-width: 767px) { .p-article-contents { /* margin-bottom: 10.66667vw;*/ } } @media screen and (max-width: 767px) { .p-article-contents-w { margin-bottom: 13.33333vw; } } .p-floating-banner { position: fixed; width: auto; bottom: 80px; right: 0; z-index: 1; } .p-floating-banner.banner-3 { left: 50%; transform: translateX(-50%); right: auto; } .p-floating-banner .p-floating-banner__close { position: absolute; top: -45px; right: 45px; width: 30px; height: 30px; background: url(service/business/assets/images/article/icon_close.svg) no-repeat 0 0; background-size: 100%; cursor: pointer; } .p-floating-banner .p-floating-banner__ttl { margin-bottom: 12px; font-size: 1.8rem; line-height: 1.45; font-weight: bold; text-align: center; } .p-floating-banner .p-floating-banner-1 { margin-left: auto; margin-right: 45px; width: 340px; padding: 20px 0; box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.16); background: #fff; margin-bottom: 15px; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__ttl { margin-bottom: 12px; font-size: 2rem; line-height: 1.45; font-weight: bold; text-align: center; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item { display: block; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--web { width: 300px; height: 80px; margin: auto; background: #002755; display: flex; align-items: center; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--web .p-floating-banner__title { width: 266px; margin: auto; box-sizing: border-box; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/17px; color: #fff; font-size: 2rem; font-weight: bold; text-align: center; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel { margin-top: 13px; text-align: center; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel .p-floating-banner__title { color: #53565A; font-size: 1.4rem; font-weight: bold; } .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel .p-floating-banner__tel { padding-top: 5px; color: #53565A; font-size: 3.5rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; } .p-floating-banner .p-floating-banner-2 { margin-left: auto; margin-right: 45px; width: 340px; padding: 20px; box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.16); background: #fff; margin-bottom: 15px; } .p-floating-banner .p-floating-banner-2 .p-floating-banner__item { display: block; width: 300px; height: 80px; } .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--web { background: #002755; display: flex; align-items: center; } .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--web .p-floating-banner__title { width: 266px; margin: auto; padding-left: 28px; box-sizing: border-box; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/17px; color: #fff; font-size: 2rem; font-weight: bold; text-align: left; } .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--tel { background: #53565A; margin-top: 20px; display: flex; align-items: center; } .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--tel .p-floating-banner__title { width: 266px; margin: auto; box-sizing: border-box; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/17px; color: #fff; font-size: 1.9rem; font-weight: bold; text-align: left; line-height: 1.25; } .p-floating-banner .p-floating-banner-2.image { padding: 0; } .p-floating-banner .p-floating-banner-2.image img { width: 100%; } .p-floating-banner .p-floating-banner-3 { width: 804px; padding: 20px; box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.16); background: #fff; margin-bottom: 15px; box-sizing: border-box; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__close { right: 0; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__inner { display: flex; justify-content: space-between; align-items: center; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item { display: block; width: 372px; min-height: 60px; border: 1px solid #707070; box-sizing: border-box; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--web { background: #002755; display: flex; align-items: center; height: 60px; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--web .p-floating-banner__title { min-width: 329px; margin: auto; padding: 0; box-sizing: border-box; background: url(../image/icon_arrow_white.svg) no-repeat right 16px top 50%/17px; border-bottom: 2px solid #fff; color: #fff; font-size: 2rem; font-weight: bold; text-align: center; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel { display: flex; justify-content: center; align-items: center; height: 60px; padding: 0; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel .p-floating-banner__title { padding: 0 3px 0 0; box-sizing: border-box; color: #53565A; font-size: 1.3rem; font-weight: bold; line-height: 1.4; text-align: left; } .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel .p-floating-banner__tel { margin-left: 5px; color: #53565A; font-size: 3rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; line-height: 1; font-style: normal; } @media screen and (max-width: 767px) { .p-floating-banner { width: 100%; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner__close { top: -8.66667vw; right: 10.66667vw; width: 6.66667vw; height: 6.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner__ttl { font-size: 1.6rem; margin-bottom: 1.6vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 { margin: auto; width: calc(294 / 375 * 100%); padding: 2.4vw 0; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__ttl { font-size: 1.6rem; margin-bottom: 1.6vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item { width: 100%; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--web { width: calc(260 / 294 * 100%); height: 10.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--web .p-floating-banner__title { width: calc(222 / 260 * 100%); padding-left: 1.86667vw; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/22px; font-size: 1.8rem; text-align: left; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel { margin-top: 1.6vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel .p-floating-banner__title { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-1 .p-floating-banner__item--tel .p-floating-banner__tel { padding-top: 0.26667vw; font-size: 2.5rem; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 { margin: auto; width: calc(294 / 375 * 100%); padding: 2.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 .p-floating-banner__item { width: 100%; margin: auto; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--web { height: 10.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--web .p-floating-banner__title { width: 85%; padding-left: 1.86667vw; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/22px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--tel { margin-top: 2.66667vw; height: 13.33333vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-2 .p-floating-banner__item--tel .p-floating-banner__title { width: calc(222 / 260 * 100%); padding-left: 1.86667vw; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/22px; font-size: 1.6rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-floating-banner .p-floating-banner-3 { width: 100%; max-width: 804px; min-width: 750px; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 { margin: auto; width: calc(294 / 375 * 100%); padding: 2.66667vw 0; margin-bottom: 0px; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__close { right: 10.66667vw; margin-right: 0; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__inner { display: block; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item { width: 48.6%; max-width: 372px; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item { width: calc(260 / 294 * 100%); margin: auto; min-height: auto; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--web { height: 10.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--web .p-floating-banner__title { width: 88%; min-width: 88%; padding: 0 0 0 1.86667vw; background: url(../image/icon_arrow_white.svg) no-repeat right 0 top 50%/22px; border-bottom: none; font-size: 1.9rem; text-align: left; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel { height: 10.66667vw; margin-top: 2.66667vw; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel .p-floating-banner__title { width: auto; padding: 0; font-size: 1.15rem; line-height: 1.3; } } @media screen and (min-width: 768px) and (max-width: 991px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel .p-floating-banner__tel { font-size: 2.9rem; } } @media screen and (max-width: 767px) { .p-floating-banner .p-floating-banner-3 .p-floating-banner__item--tel .p-floating-banner__tel { margin-left: 0; padding-left: 1.33333vw; font-size: 2.4rem; } } .p-article-form { margin-top: 40px; width: 100%; } .p-article-form .p-article-form__ttl { font-size: 2rem; border-bottom: 1px solid #707070; margin-bottom: 20px; background: #fff; padding-left: 0; } .p-article-form form.mktoForm .mktoFormRow { clear: both; margin: 0 auto; width: 100% !important; } .p-article-form .mktoHtmlText { width: 100% !important; text-align: left !important; } @media screen and (min-width: 768px) and (max-width: 991px) { .p-article-form { margin: 80px auto 0 auto; min-height: 100% !important; } } @media screen and (max-width: 767px) { .p-article-form { margin: 10.66667vw auto; min-height: 100% !important; } } @media screen and (max-width: 767px) { .p-article-form .p-article-form__ttl { margin-bottom: 4vw; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .p-article-form form.mktoForm { padding: 0 !important; } } .p-article-head { margin-bottom: 20px; } .p-article-head .p-article-head__ttl { margin-bottom: 12px; font-size: 3rem; font-weight: bold; line-height: 1.53; } .p-article-head .p-article-head__img { margin-bottom: 20px; position: relative; } .p-article-head .p-article-head__img img { width: 100%; } .p-article-head .p-article-head__date { position: absolute; background-color: #002855; left: -5px; top: 20px; padding: 8px 18px 8px 20px; } @media screen and (max-width: 767px) { .p-article-head .p-article-head__date { padding: 2px 9px; } } .p-article-head .p-article-head__date span { color: #fff; font-size: 1.8rem; font-weight: bold; position: relative; } @media screen and (max-width: 767px) { .p-article-head .p-article-head__date span { font-size: 1.2rem; } } .p-article-head .p-article-head__date span:after { content: ""; border-top: 46px solid #002855; border-right: 20px solid transparent; position: absolute; top: -10px; right: -38px; } @media screen and (max-width: 767px) { .p-article-head .p-article-head__date span:after { border-top: 29px solid #002855; border-right: 13px solid transparent; top: -7px; right: -22px; } } .p-article-head .p-article-head__label { width: 100%; display: flex; align-items: center; margin: 8px 0 0 0; } .p-article-head .p-article-head__label .p-article-head__label--cat { display: flex; font-size: 1.4rem; font-weight: bold; flex-wrap: wrap; } .p-article-head .p-article-head__label .p-article-head__label--cat .cat-item { padding: 0 4px; margin-right: 10px; margin-bottom: 10px; } .p-article-head .p-article-head__label .p-article-head__label--cat .cat-item.u-color--green { border: 1px solid #00BFB3; background-color: #00BFB3; color: #FFFFFF !important; } .p-article-head .p-article-head__label .p-article-head__label--cat .cat-item.u-color--white { border: 1px solid #00BFB3; background-color: #fff; color: #00BFB3 !important; } .p-article-head .p-article-head__label .p-article-head__label--tag { display: flex; font-size: 1.2rem; color: #97999B; flex-wrap: wrap; } .p-article-head .p-article-head__label .p-article-head__label--tag .tag-item { margin-right: 16px; margin-bottom: 10px; } .p-article-head .p-article-head__label .p-article-head__label--cat + .p-article-head__label--tag { margin-left: 14px; } .p-article-head .p-article__share { display: flex; justify-content: flex-end; margin-bottom: 40px; } .p-article-head .p-article__share__item { margin-left: 10px; } @media screen and (max-width: 767px) { .p-article-head .p-article__share__item { width: 35px; } } .p-article-head .p-article__share__item a { width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; text-indent: -999em; display: block; position: relative; transition: all 0.3s ease; } @media screen and (max-width: 767px) { .p-article-head .p-article__share__item a { width: 35px; height: 35px; } } .p-article-head .p-article__share__item a::after { content: ""; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; } @media screen and (max-width: 767px) { .p-article-head .p-article__share__item a::after { width: 35px; height: 35px; } } .p-article-head .p-article__share__item a:hover { opacity: 1; } .p-article-head .p-article__share__item a:hover::after { opacity: 1; } .p-article-head .p-article__share__item a.linkedin { background-image: url(../image/icon-linkedin.svg); } .p-article-head .p-article__share__item a.linkedin::after { background-image: url(../image/icon-linkedin-on.svg); } .p-article-head .p-article__share__item a.facebook { background-image: url(../image/icon-facebook.svg); } .p-article-head .p-article__share__item a.facebook::after { background-image: url(../image/icon-facebook-on.svg); } .p-article-head .p-article__share__item a.twitter { background-image: url(../image/icon-twitter.svg); } .p-article-head .p-article__share__item a.twitter::after { background-image: url(../image/icon-twitter-on.svg); } .p-article-head .p-article__share__item a.line { background-image: url(../image/icon-line.svg); } .p-article-head .p-article__share__item a.line::after { background-image: url(../image/icon-line-on.svg); } @media screen and (max-width: 767px) { .p-article-head .l-grid.l-grid--in2col { flex-direction: row; } } .p-article-head .l-grid.l-grid--in2col .l-grid__col--x2 { width: 50%; padding: 0; } @media screen and (max-width: 767px) { .p-article-head { margin-bottom: 5.33333vw; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__ttl { font-size: 2rem; margin-bottom: 3.2vw; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__img { margin-bottom: 2.66667vw; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label { display: block; margin: 1.06667vw 0 2.13333vw 0; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label .p-article-head__label--cat { font-size: 1.4rem; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label .p-article-head__label--cat .cat-item { margin-right: 2.66667vw; margin-bottom: 1.33333vw; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label .p-article-head__label--tag { font-size: 1.3rem; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label .p-article-head__label--tag .tag-item { margin-right: 5.33333vw; margin-bottom: 0; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__label .p-article-head__label--cat + .p-article-head__label--tag { margin-left: 0px; } } @media screen and (max-width: 767px) { .p-article-head .p-article-head__lead { font-size: 1.5rem; line-height: 1.3; } } .p-article-toc { border: 5px solid #F0F0EF; margin-top: 40px; padding: 34px 46px; box-sizing: border-box; } .p-article-toc > *:first-child { margin-top: 0; } .p-article-toc > *:last-child { margin-bottom: 0; } .p-article-toc .p-article-toc__ttl { margin-bottom: 12px; font-size: 2rem; font-weight: bold; } .p-article-toc .p-article-toc__list { font-size: 1.6rem; margin: 0; list-style: none; } .p-article-toc .p-article-toc__list--item { text-indent: -0.6em; padding-left: 0.6em; } .p-article-toc .p-article-toc__list--item:before { content: "-"; margin-right: 5px; } .p-article-toc .p-article-toc__list .p-article-toc__list--item + .p-article-toc__list--item { margin-top: 14px; } .p-article-toc .p-article-toc__list a { color: #53565A; text-decoration: underline; } @media screen and (max-width: 767px) { .p-article-toc { margin-bottom: 10.66667vw; padding: 6.66667vw 5.33333vw; } } @media screen and (max-width: 767px) { .p-article-toc .p-article-toc__ttl { margin-bottom: 3.73333vw; font-size: 2.4rem; } } @media screen and (max-width: 767px) { .p-article-toc .p-article-toc__list { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .p-article-toc .p-article-toc__list .p-article-toc__list--item + .p-article-toc__list--item { margin-top: 4vw; } } /* -------------------------------- 銈裤儢 -----------------------------------*/ .c-tab__list { display: flex; flex-wrap: nowrap; } .c-tab__item { width: 100%; height: 56px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #D9D9D6; border-right: 1px solid #D9D9D6; position: relative; cursor: pointer; flex-grow: 1; } .c-tab__item span { font-size: 1.8rem; font-weight: bold; color: #97999B; } @media screen and (max-width: 767px) { .c-tab__item span { font-size: 1.2rem; padding: 0 15px; text-align: center; line-height: 1.5; } } .c-tab__item:hover { opacity: 0.8; } .c-tab__item:first-child { border-left: 1px solid #D9D9D6; } .c-tab__item.is-active { background-color: #002855; border-top: none; border-right: none; } .c-tab__item.is-active span { color: #fff; } .c-tab__item.is-active:hover { opacity: 1; } .c-tab__item.is-active:after { content: ""; border-top: 10px solid #002855; border-right: 12px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid transparent; position: absolute; bottom: -20px; } .c-tab__target__item { padding: 30px 20px 15px; background: #F0F0EF; border-right: 1px solid #D9D9D6; border-bottom: 1px solid #D9D9D6; border-left: 1px solid #D9D9D6; display: none; min-height: 137px; } @media screen and (max-width: 767px) { .c-tab__target__item { padding: 15px; min-height: auto; } } .c-tab__target__item.is-active { display: block; } .c-tab__button { border: 1px solid #D9D9D6; font-weight: bold; background: #fff; padding: 5px 5px; width: 100%; text-align: center; font-size: 1.4rem; display: flex; justify-content: center; align-items: center; height: 100%; } @media screen and (max-width: 767px) { .c-tab__button { font-size: 1.2rem; height: 45px; line-height: 1.4; } } .c-tab__button__wrapper { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .c-tab__button__item { width: 25%; padding: 0 5px 10px; } @media screen and (max-width: 767px) { .c-tab__button__item { width: 50%; padding: 0 5px 10px; } } /* -------------------------------- 銉氥兗銈搞儯銉 -----------------------------------*/ .c-pager { display: flex; justify-content: center; align-items: center; margin: 0 auto 100px; } @media screen and (max-width: 767px) { .c-pager { margin-top: 40px; margin-bottom: 40px; } } .c-pager__item { margin: 0 7px; /* 銈儶銉冦偗銇с亶銇亜宸﹀彸銉溿偪銉 */ /* 銈儶銉冦偗銇с亶銈嬪乏鍙炽儨銈裤兂 */ } @media screen and (max-width: 767px) { .c-pager__item { margin: 0 3px; } } .c-pager__item span { font-size: 1.6rem; font-weight: 500; transition: all 0.3s ease; width: 46px; height: 46px; text-align: center; padding-top: 9px; background-color: #fff; border: #D9D9D6 solid 1px; display: block; overflow: hidden; } @media screen and (max-width: 767px) { .c-pager__item span { width: 36px; height: 36px; font-size: 1.3rem; padding-top: 7px; } } .c-pager__item span:hover span { opacity: 0.8; } .c-pager__item.is-current span { background-color: #002955; border-color: #002955; color: #fff; } .c-pager__item__prev span, .c-pager__item__next span, .c-pager__item__start span, .c-pager__item__end span { text-indent: -999em; display: block; position: relative; } .c-pager__item__prev span::before, .c-pager__item__next span::before, .c-pager__item__start span::before, .c-pager__item__end span::before { content: ""; width: 15px; height: 15px; background-image: url("../image/icon-arrow.svg"); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } @media screen and (min-width: 768px) { .c-pager__item__prev a:hover span::before, .c-pager__item__next a:hover span::before, .c-pager__item__start a:hover span::before, .c-pager__item__end a:hover span::before { color: #fff; } } @media screen and (max-width: 767px) { .c-pager__item__prev, .c-pager__item__next { display: none; } } .c-pager__item__prev span::before { background-image: url("../image/icon-arrow-gray.svg"); transform: rotate(180deg); } .c-pager__item__next span::before { background-image: url("../image/icon-arrow-gray.svg"); } .c-pager__item__start span::before { background-image: url("../image/icon-arrow-gray-double.svg"); transform: rotate(180deg); } .c-pager__item__end span::before { background-image: url("../image/icon-arrow-gray-double.svg"); } .c-pager__item__prev a span::before { background-image: url("../image/icon-arrow.svg"); transform: rotate(180deg); } .c-pager__item__next a span::before { background-image: url("../image/icon-arrow.svg"); } .c-pager__item__start a span::before { background-image: url("../image/icon-arrow-double.svg"); transform: rotate(180deg); } .c-pager__item__end a span::before { background-image: url("../image/icon-arrow-double.svg"); } /* -------------------------------- 銈偆銈炽兂銉嗐偔銈广儓 -----------------------------------*/ .p-text__icon--info { position: relative; font-weight: bold; display: inline-block; } @media screen and (max-width: 767px) { .p-text__icon--info { font-size: 1.2rem; } } .p-text__icon--info:before { content: ""; width: 24px; height: 24px; background-image: url(../image/icon-info.svg); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); } @media screen and (max-width: 767px) { .p-text__icon--info:before { width: 16px; height: 16px; left: -20px; } } /* -------------------------------- 銈广儵銈ゃ儉銉 -----------------------------------*/ .c-article-slider { overflow: hidden; margin: -40px 0 80px; } .c-article-slider button { outline: none; cursor: pointer; } @media screen and (min-width: 768px), print { .c-article-slider button { transition: all 0.3s; } .c-article-slider button:hover { opacity: 0.6; } .c-article-slider button:focus { opacity: 0.6; } } .c-article-slider__control { position: relative; margin-bottom: 32px; } .c-article-slider__control .c-article-slider__pagination { display: flex; align-items: center; justify-content: center; } .c-article-slider__control .c-article-slider__pagination button { display: block; width: 96px; margin: 0 2px; border-bottom: 3px solid #D9D9D6; color: #53565A; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; font-size: 1.4rem; text-align: left; } .c-article-slider__control .c-article-slider__pagination button.is-current { border-color: #53565A; } .c-article-slider__control .c-article-slider__sp-page { display: none; } .c-article-slider__control .c-article-slider__buttons { display: flex; position: absolute; right: 20px; bottom: -64px; z-index: 1; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button { width: 64px; height: 64px; margin-right: 1px; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button:last-child { margin-right: 0; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button--prev { background: url(../image/icon_slider_prev.svg) no-repeat 0 0/100%; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button--middle { background: url(../image/icon_slider_pause.svg) no-repeat 0 0/100%; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button--middle.is-paused { background-image: url(service/business/assets/images/icon_slider_play.svg); } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button--next { background: url(../image/icon_slider_next.svg) no-repeat 0 0/100%; } .c-article-slider__wrapper { position: relative; z-index: 0; width: 720px; height: 480px; margin: 0 auto; } .c-article-slider__wrapper::before, .c-article-slider__wrapper::after { display: block; position: absolute; top: 0; z-index: 1; width: 100vw; height: 100%; background-color: #53565A; opacity: 0.5; content: ""; } .c-article-slider__wrapper::before { left: -100vw; } .c-article-slider__wrapper::after { right: -100vw; } .c-article-slider__wrapper .c-article-slider__list { height: 100%; } .c-article-slider__wrapper .c-article-slider__list.is-float { overflow: hidden; } .c-article-slider__wrapper .c-article-slider__list.is-float .c-article-slider__item { float: left; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__item { position: relative; width: 720px; height: 100%; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__link { position: relative; display: block; color: #FFFFFF; } @media screen and (min-width: 768px), print { .c-article-slider__wrapper .c-article-slider__list .c-article-slider__link { transition: all 0.3s; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__link:hover { opacity: 0.6; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__link:hover .c-article-slider__media .c-article-slider__image { transform: scale(1.1); } } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__media { overflow: hidden; width: 100%; height: 100%; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__media .c-article-slider__image { width: 100%; transition: transform 0.3s; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__content { display: flex; align-items: flex-start; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; background-color: rgba(83, 86, 90, 0.9); } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left { flex: 1; padding: 20px 0 20px 24px; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left .c-article-slider__tag { display: inline-block; margin-bottom: 12px; padding: 0 1em; background-color: #FFFFFF; color: #53565A; font-size: 1.4rem; font-weight: bold; line-height: 26px; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left .c-article-slider__title { font-size: 2rem; line-height: 1.5; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__right { flex-basis: 152px; padding: 18px; } @media screen and (max-width: 767px) { .c-article-slider { margin: 0 0 60px; } .c-article-slider__control { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; } .c-article-slider__control .c-article-slider__pagination { display: none; } .c-article-slider__control .c-article-slider__sp-page { display: block; padding-left: 20px; color: #97999B; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; font-size: 1.6rem; } .c-article-slider__control .c-article-slider__buttons { position: static; } .c-article-slider__control .c-article-slider__buttons .c-article-slider__button { width: 44px; height: 44px; opacity: 1; } .c-article-slider__wrapper { width: 100%; height: 68vw; } .c-article-slider__wrapper::before, .c-article-slider__wrapper::after { content: none; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__item { width: 100vw; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__link { height: 100%; opacity: 1; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__media .c-article-slider__image { height: 100%; object-fit: cover; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left { padding: 10px; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left .c-article-slider__tag { margin-bottom: 8px; padding: 0 0.8em; font-size: 1.1rem; line-height: 20px; display: none; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__left .c-article-slider__title { font-size: 1.4rem; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__right { flex-basis: 96px; padding: 16px 20px 16px 16px; } } @media print { .c-article-slider__control { display: none; } .c-article-slider__wrapper { width: 100%; } .c-article-slider__wrapper .c-article-slider__list { width: auto !important; transform: none !important; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__item { float: none !important; height: auto; max-width: 100%; margin: 0 auto; } .c-article-slider__wrapper .c-article-slider__list .c-article-slider__item:not(:first-child) { display: none; } }