@charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ /*::marker { content: initial; }*/ /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ /*:where(dialog:modal) { all: revert; }*/ html { -webkit-text-size-adjust: 100%; } body { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color: #333; } a:hover { opacity: 0.8; transition: all 0.5s ease; } .article-unit { font-size: 18px; line-height: 1.8; } .article-unit b { font-weight: bold; } .article-unit p + p { margin-top: 1em; } .article-unit table { font-size: 20px; line-height: 1.5; } .article-unit table th, .article-unit table td { border: 1px solid var(--lp-theme-color); padding: 20px; vertical-align: middle; } .article-unit table th { background-color: #f7fbfc; color: var(--lp-theme-color); font-weight: bold; text-align: center; width: 330px; } .article-unit table td ul { margin-left: 1em; } .article-unit table td li:before { content: "・"; display: inline-block; text-indent: -1em; } .article-unit table td li + li { margin-top: 1em; } @media (max-width: 1024px) { .article-unit__inner { margin: 0 auto; width: 90%; } .article-unit__inner table th { width: 280px; } } @media screen and (max-width: 750px), print and (max-width: 550px) { body { min-width: inherit; } .article-unit { font-size: 15px; } .article-unit table tr { display: block; } .article-unit table th, .article-unit table td { display: block; width: 100%; } .article-unit table th { font-size: 18px; text-align: left; } .article-unit table td { border-top: none; font-size: 15px; } .article-unit table tr + tr th { border-top: none; } } .lp-header { border-bottom: 1px solid #ccc; height: 100px; } .lp-header .header__inner { align-items: center; display: flex; height: 100%; margin: 0 auto; max-width: 1200px; } .lp-header .logo img { width: 312px; } .lp-header .link { font-size: 16px; margin-left: 35px; } .lp-header .link a { align-items: center; color: #1e4b73; display: inline-flex; text-decoration: underline; } .lp-header .link a:after { background-color: #1e4b73; content: ""; -webkit-mask: url(../../img/top/t_blank.png) no-repeat; mask: url(../../img/top/t_blank.png) no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 16px; height: 16px; display: inline-block; vertical-align: sub; margin: 0 0.32em 2px; } @media (max-width: 1024px) { .lp-header .header__inner { width: 90%; } } @media screen and (max-width: 750px), print and (max-width: 550px) { .lp-header { height: 60px; } .lp-header .header__inner { justify-content: space-between; } .lp-header .logo img { width: 218px; } .lp-header .link { font-size: 14px; } } .lp-footer { background-color: #f6fafb; margin-top: 110px; padding: 40px 0 20px; } .lp-footer .lp-footer_inner { align-items: flex-start; display: flex; margin: 0 auto; max-width: 1200px; } .lp-footer .logo { width: 275px; } .lp-footer .address { font-size: 16px; line-height: 2; margin-top: -5px; margin-left: 60px; } .lp-footer .copyright { font-size: 12px; display: block; margin: 60px auto 0; max-width: 1200px; text-align: right; } @media print, screen and (min-width: 751px) { .lp-footer .address { pointer-events: none; } } @media (max-width: 1024px) { .lp-footer_inner { width: 90%; } } @media screen and (max-width: 750px), print and (max-width: 550px) { .lp-footer { margin-top: 60px; padding: 25px 15px 15px; } .lp-footer .lp-footer_inner { display: block; } .lp-footer .logo { margin-bottom: 20px; width: 210px; } .lp-footer .address { font-size: 14px; margin-left: 0; } .lp-footer .address span { display: inline-block; } .lp-footer .copyright { margin: 40px auto 0; max-width: inherit; text-align: center; } } .cta { margin: 80px auto 0; max-width: 1200px; } .cta ul { display: flex; column-gap: 40px; } .cta ul li { flex: 1; } .cta a { border-radius: 10px; align-items: center; color: #fff; display: inline-flex; font-size: 28px; font-weight: bold; height: 130px; justify-content: center; padding: 0 0.85em; text-align: center; width: 100%; } .cta a:before { content: ""; display: inline-block; margin-left: auto; } .cta a:after { content: ""; width: 0.6em; height: 0.6em; border: none; border-top: solid 3px #fff; border-right: solid 3px #fff; display: inline-block; margin-left: auto; transform: scaleX(0.8) rotate(45deg); } .cta .request a { background-color: #9f3b3f; } .cta .jukou a { background-color: #c1a500; } @media screen and (max-width: 750px), print and (max-width: 550px) { .sp-hide { display: none; } .cta { margin-top: 50px; max-width: inherit; padding: 0 15px; } .cta ul { display: block; } .cta ul li + li { margin-top: 20px; } .cta a { font-size: 22px; height: 65px; } } /*------------------------------------------------------------ Concrete CMSの編集画面CSSへの干渉を防ぐための記述 -----------------------------------------------------------*/ html.ccm-toolbar-visible.ccm-panel-ready .header { z-index: 502; } @media screen and (max-width: 750px), print and (max-width: 550px) { html.ccm-toolbar-visible.ccm-panel-ready .header { top: 48px; } } html.ccm-toolbar-visible.ccm-panel-ready .c-overlay { z-index: 501; } html.ccm-toolbar-visible.ccm-panel-ready .fixheader.fixed { top: -32px; } html.ccm-toolbar-visible.ccm-panel-ready body { position: inherit; } html.ccm-toolbar-visible.ccm-panel-ready .header.fixed .third-nav { top: 143%; } *[class^=ccm-panel], *[class^=ccm-toolbar] { margin: 0 !important; } *[class^=ccm-panel] input[type=radio], *[class^=ccm-panel] input[type=checkbox], *[class^=ccm-panel] input[type=range], *[class^=ccm-panel] select, *[class^=ccm-panel] option, *[class^=ccm-panel] label, *[class^=ccm-toolbar] input[type=radio], *[class^=ccm-toolbar] input[type=checkbox], *[class^=ccm-toolbar] input[type=range], *[class^=ccm-toolbar] select, *[class^=ccm-toolbar] option, *[class^=ccm-toolbar] label { all: revert; } *[class^=ccm-panel] > li, *[class^=ccm-toolbar] > li { margin: 0 !important; padding: 0 !important; } *[class^=ccm-panel] > li::before, *[class^=ccm-panel] > li::after, *[class^=ccm-toolbar] > li::before, *[class^=ccm-toolbar] > li::after { display: none; } *[class^=ccm-panel] > li > a i, *[class^=ccm-panel] > li > a em, *[class^=ccm-toolbar] > li > a i, *[class^=ccm-toolbar] > li > a em { font-style: normal !important; } .ccm-panel-left { margin-top: 48px !important; }/*# sourceMappingURL=base_lp.css.map */