@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 { -webkit-appearance: revert; 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; } @font-face { font-family: "Helvetica Neue"; src: url("./webfonts/HelveticaNeue.ttf") format("truetype"); } /* グロナビ高さ（PC） */ /* グロナビ高さ（スマホ） */ /* メインカラー */ /* アイコン参照 */ html.is-fixed { overflow: hidden; } html.is-fixed body { overflow: hidden; } @media screen and (max-width: 750px) { #page { overflow: hidden; padding-top: 64px; } } main { overflow: hidden; padding-top: 0; padding-bottom: 96px; } @media screen and (max-width: 750px) { main { padding-bottom: 30px; } } main p, main a, main li { line-height: 1.6; } main.page403, main.page404 { margin-top: 60px; } @media screen and (max-width: 750px) { main.page403, main.page404 { margin-top: 0; } } h2, h3, h4 { font-weight: normal; } a { color: inherit; text-decoration: none; opacity: 1; transition: opacity 0.2s linear; cursor: pointer; } @media print, screen and (min-width: 751px) { a:hover { opacity: 0.7; } } li { list-style-type: none; } img { height: auto; max-width: 100%; vertical-align: bottom; } figure { display: inline-block; } button { appearance: none; border: none; outline: none; background: none; font-size: inherit; padding: 0; } @media screen and (max-width: 750px) { button { color: #333; } } @media print, screen and (min-width: 751px) { button:hover { cursor: pointer; } } ul ul { margin: 0; } select { font-size: 1.4rem; padding: 5px 10px; } @media screen and (max-width: 750px) { select { width: 100%; } } @media screen and (max-width: 750px) { iframe { width: 100%; } } @media print, screen and (min-width: 751px) { a[href^=tel] { cursor: default; } } @media print, screen and (min-width: 751px) and (min-width: 751px) { a[href^=tel]:hover { opacity: 1; } } /* ヘッダ ------------------------------ */ .header { position: sticky; top: -66px; z-index: 450; width: 100%; height: 64px; background-color: #fff; border-bottom: solid 2px #423d82; box-sizing: content-box; } @media screen and (max-width: 750px) { .header { position: fixed; top: 0; height: 64px; border-bottom: none; } } @media screen and (max-width: 750px) { .header .header__inner { height: 64px; transition: all 0.5s ease; } .header .header__inner:has(.hamburger.open) { height: 100vh; overflow-y: scroll; pointer-events: none; } .header .header__inner:has(.hamburger.open) * { pointer-events: auto; } } @media screen and (max-width: 750px) { .header .header__inner .header__top { position: fixed; top: 0; left: 0; z-index: 400; width: 100%; height: 64px; } .header .header__inner .header__top::after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 1px; background-color: #ccc; } } .header .header__inner .header__top .header_top_inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; max-width: 1280px; height: 66px; margin: 0 auto; } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner { gap: 0; height: 64px; background-color: #fff; } } .header .header__inner .header__top .header_top_inner .header__logo { display: block; width: 33%; } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner .header__logo { width: 25%; padding: 0 0 0 16px; } } .header .header__inner .header__top .header_top_inner .header__logo a { display: block; } .header .header__inner .header__top .header_top_inner .header__logo img.sp-hide { width: auto; height: 27px; } .header .header__inner .header__top .header_top_inner .header__link { height: 100%; } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner .header__link { margin: 0 0 1px auto; height: calc(100% - 1px); } } .header .header__inner .header__top .header_top_inner .header__link > ul { display: flex; height: 100%; font-size: 0.9rem; } .header .header__inner .header__top .header_top_inner .header__link > ul > li > a { color: #423d82; display: flex; align-items: center; justify-content: center; gap: 0.5em; width: auto; height: 100%; margin: 0; padding: 0 1em; text-decoration: none; text-transform: uppercase; } .header .header__inner .header__top .header_top_inner .header__link > ul > li > a[target=_blank]::after { font-family: "kitagawa_local_co"; font-weight: bold; content: "\e90a"; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.bgtm > a { background-color: #423d82; color: #fff; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language { position: relative; display: flex; align-items: center; margin-left: 24px; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .btn_language { display: flex; align-items: center; justify-content: space-between; gap: 0.5em; height: 32px; max-height: 32px; padding: 0 1em 0 0.32em; border: solid #423d82 2px; border-radius: 24px; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .btn_language::before { content: "\e90c"; font-family: "kitagawa_local_co"; font-size: 22px; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list { display: none; position: absolute; top: calc(100% - 16px + 3px); width: 100%; margin: 0 auto; padding: 1em 1em 1.16em; background-color: #f8f8f8; border-radius: 1em; border: solid 2px #ccc; z-index: 999999; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li { margin-bottom: 0.5em; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li:last-child { margin-bottom: 0; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li > a, .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li > span { position: relative; display: flex; align-items: center; gap: 0.5em; padding: 0 0.8em 0 1.64em; font-size: 0.8em; text-decoration: none; } .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li > a.active::before, .header .header__inner .header__top .header_top_inner .header__link > ul > li.language .language_list > li > span.active::before { position: absolute; top: 2px; left: 0; content: ""; display: block; width: 10px; aspect-ratio: 1/1; border-radius: 50%; background-color: #423d82; } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner .header__link > ul > li { font-size: 0.64em; font-weight: normal; } .header .header__inner .header__top .header_top_inner .header__link > ul > li:not(.product_site) { display: none; } } .header .header__inner .header__top .header_top_inner .hamburger { display: none; } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner .hamburger { position: relative; top: -1px; display: block; background-color: #f8f8f8; width: 64px; aspect-ratio: 1/1; } .header .header__inner .header__top .header_top_inner .hamburger::before, .header .header__inner .header__top .header_top_inner .hamburger::after, .header .header__inner .header__top .header_top_inner .hamburger span::before { position: absolute; left: 0; right: 0; margin: 0 auto; content: ""; width: 40%; height: 3px; background-color: #423d82; transform-origin: center; transition: all 0.5s ease; } .header .header__inner .header__top .header_top_inner .hamburger::before { top: 33.3333333333%; } .header .header__inner .header__top .header_top_inner .hamburger::after { bottom: 33.3333333333%; } .header .header__inner .header__top .header_top_inner .hamburger span::before { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } } @media screen and (max-width: 750px) { .header .header__inner .header__top .header_top_inner .hamburger.open::before, .header .header__inner .header__top .header_top_inner .hamburger.open::after { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .header .header__inner .header__top .header_top_inner .hamburger.open::before { transform: rotate(-45deg); } .header .header__inner .header__top .header_top_inner .hamburger.open::after { transform: rotate(45deg); } .header .header__inner .header__top .header_top_inner .hamburger.open span::before { width: 0; } } .header .header__inner .header__bottom { background-color: #f8f8f8; } @media screen and (max-width: 750px) { .header .header__inner .header__bottom { display: none; } } .header .header__inner .header__bottom .header__bottom_inner { width: 100%; max-width: 1280px; height: 60px; margin: 0 auto; } @media screen and (max-width: 750px) { .header .header__inner .header__bottom .header__bottom_inner { height: auto; } } .header .header__inner .header__bottom .header__bottom_inner .header__menu { height: 100%; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul { display: flex; align-items: center; justify-content: center; height: 100%; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul::after, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > a::before, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > span::before { content: ""; display: block; width: 1px; height: 50%; background-color: #000; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li { height: 100%; font-size: 1.08rem; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > a, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > span { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; padding: 0 1.64em; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease; color: #333; letter-spacing: 2px; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > a::before, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > span::before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > a:hover, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li > span:hover { opacity: 1; background-color: #eee; } .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li.current > a, .header .header__inner .header__bottom .header__bottom_inner .header__menu > ul > li.current > span { background-color: #eee; } .header .header__inner .language_sp { display: none; } @media screen and (max-width: 750px) { body:has(.hamburger.open) header .header__inner .header__bottom { position: relative; left: 0; z-index: 350; display: block; margin-top: -1px; padding-top: 64px; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul { display: block; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul > li { border-bottom: solid 1px #ccc; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul > li > a { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 1em; background-color: #fff; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul > li > a::before { display: none; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul > li > a::after { font-family: "kitagawa_local_co"; content: "\e903"; color: #ccc; } body:has(.hamburger.open) header .header__inner .header__bottom .header__menu > ul > li > a[target=_blank]::after { content: "\e90b"; font-weight: normal; } } @media screen and (max-width: 750px) { body:has(.hamburger.open) header .header__inner .language_sp { display: block; background-color: #f8f8f8; } body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list { display: flex; flex-wrap: wrap; gap: 16px; padding: 24px; } body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list > li { width: calc((100% - 16px) / 2); } body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list > li > a, body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list > li > span { display: flex; align-items: center; justify-content: center; height: 48px; background-color: #fff; border: solid 1px #ccc; text-decoration: none; font-size: 0.8em; color: #999; } body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list > li > a.active, body:has(.hamburger.open) header .header__inner .language_sp ul.language_sp_list > li > span.active { background-color: #999; border-color: #999; color: #fff; } } body:has(.hamburger.open) header .header__inner .bottom_link_sp { background-color: #fff; } body:has(.hamburger.open) header .header__inner .bottom_link_sp > ul { display: flex; flex-wrap: wrap; gap: 1px; } body:has(.hamburger.open) header .header__inner .bottom_link_sp > ul > li { width: calc((100% - 1px) / 2); } body:has(.hamburger.open) header .header__inner .bottom_link_sp > ul > li > a, body:has(.hamburger.open) header .header__inner .bottom_link_sp > ul > li > span { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 1em; background-color: #423d82; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; text-transform: uppercase; color: #fff; font-size: 0.72em; text-decoration: none; letter-spacing: 1px; } body:has(.hamburger.open) .c-overlay { display: block; } html.ccm-toolbar-visible .header { top: -16px; } html.ccm-toolbar-visible .header .header__top { top: 48px; } /* オーバーレイ ------------------------------ */ body .c-overlay { position: fixed; top: 0; left: 0; z-index: 300; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 12, 0.4); } /* フッタ ------------------------------ */ .footer { position: relative; } .footer .footer__pagetop { position: absolute; top: -28px; right: 28px; z-index: 250; display: none; width: 56px; height: 56px; border-radius: 50%; background-color: #423d82; color: #fff; border: solid 1px #fff; text-decoration: none; line-height: 1; transition: none; } @media screen and (max-width: 750px) { .footer .footer__pagetop { top: -24px; right: 8px; width: 48px; height: 48px; } } .footer .footer__pagetop::before, .footer .footer__pagetop::after { position: absolute; top: 0; bottom: 0; content: ""; width: 33.3333333333%; height: 2px; background-color: #fff; margin: auto; } .footer .footer__pagetop::before { left: 22%; transform-origin: center; transform: rotate(-45deg); } .footer .footer__pagetop::after { right: 22%; transform-origin: center; transform: rotate(45deg); } .footer .footer__pagetop.fixed { position: fixed; top: auto; bottom: 28px; } @media screen and (max-width: 750px) { .footer .footer__pagetop.fixed { bottom: 56px; } } .footer .footer__follow_links { position: absolute; bottom: calc(64px + 100%); right: 0; z-index: 200; display: none; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; } @media screen and (max-width: 750px) { .footer .footer__follow_links { position: fixed; bottom: 0; width: 100%; bottom: 0; left: 0; right: auto; display: flex !important; gap: 1px; } } .footer .footer__follow_links > div { margin: 4px 0 0; } .footer .footer__follow_links > div:first-child { margin-top: 0; } @media screen and (max-width: 750px) { .footer .footer__follow_links > div { width: 50%; margin: 0; } } .footer .footer__follow_links > div > a { display: flex; align-items: center; justify-content: space-between; gap: 1em; width: 200px; padding: 0 1em; aspect-ratio: 4/1; background-color: #423d82; color: #fff; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-style: solid; border-width: 1px 0 1px 1px; border-color: #fff; transition: none; } @media screen and (max-width: 750px) { .footer .footer__follow_links > div > a { width: auto; aspect-ratio: auto; height: 48px; font-size: 0.8rem; border-width: 1px 0 0 1px; } } .footer .footer__follow_links > div > a::after { font-family: "kitagawa_local_co"; } .footer .footer__follow_links > div.product > a::after { content: "\e90a"; } .footer .footer__follow_links > div.contact > a::after { content: "\e90f"; } @media screen and (max-width: 750px) { .footer .footer__follow_links > div:last-child a { border-right-width: 1px; } } .footer .footer__follow_links.fixed { position: fixed; bottom: 128px; } @media screen and (max-width: 750px) { .footer .footer__follow_links.fixed { bottom: 0; } } .footer .footer__inner { position: relative; color: #fff; } .footer .footer__inner::before { position: absolute; top: 30px; left: 0; content: ""; width: 100%; height: 2px; z-index: 1; background-color: #423d82; } .footer .footer__inner .footer__top { position: relative; width: 100%; max-width: calc(1280px + (100% - 1280px) / 2); margin: 0 0 0 auto; background-color: #423d82; } .footer .footer__inner .footer__top::before { position: absolute; top: 1px; left: calc(-4vw + 1px); content: ""; width: 4vw; height: 100%; clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color: #423d82; transform: rotateY(0.5turn); } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top::before { display: none; } } .footer .footer__inner .footer__top .footer__top_inner { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 20px 5vw; width: 100%; max-width: 1280px; margin: 0 auto 0 0; padding: 30px 30px 0 30px; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner { flex-direction: column; gap: 24px; padding: 0 16px 30px; } } .footer .footer__inner .footer__top .footer__top_inner .footer__contact { width: 45%; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__contact { order: 3; width: 100%; } } .footer .footer__inner .footer__top .footer__top_inner .footer__contact .footer__logo { width: 100%; max-width: 480px; margin-bottom: 20px; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__contact .footer__logo { width: 33.3333333333%; } } .footer .footer__inner .footer__top .footer__top_inner .footer__contact .footer__address { font-size: 0.88em; } .footer .footer__inner .footer__top .footer__top_inner .footer__contact .footer__address a { color: #fff; text-decoration-line: 1px; } .footer .footer__inner .footer__top .footer__top_inner .footer__contact .footer__address a[href^="tel:"] { pointer-events: none; text-decoration: none; } .footer .footer__inner .footer__top .footer__top_inner .footer__menu { display: flex; gap: 24px; width: calc(55% - 5vw); } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu { display: block; order: 1; width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul { display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul { flex-direction: column; gap: 0; } } .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span { display: block; font-weight: normal; text-decoration: none; color: #fff; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: 48px; border-bottom: solid 1px #fff; } } .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a::before, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span::before { content: ""; display: inline-block; width: 12px; height: 12px; background-color: #fff; margin-right: 0.5em; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a::before, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span::before { display: none; } } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a::after, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span::after { font-family: "kitagawa_local_co"; content: "\e903"; } } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > a[target=_blank]::after, .footer .footer__inner .footer__top .footer__top_inner .footer__menu > ul > li > span[target=_blank]::after { content: "\e90b"; font-weight: normal; } } @media screen and (max-width: 750px) { .footer .footer__inner .footer__top .footer__top_inner .footer__links { order: 2; } } .footer .footer__inner .footer__top .footer__top_inner .footer__links a.btn_product_site { display: flex; align-items: center; justify-content: space-between; gap: 0.5em; height: 48px; padding: 0 1em; background-color: #fff; color: #423d82; text-decoration: none; font-size: 0.96rem; font-weight: bold; text-transform: uppercase; } .footer .footer__inner .footer__top .footer__top_inner .footer__links a.btn_product_site[target=_blank]::after { font-family: "kitagawa_local_co"; content: "\e90a"; } .footer .footer__inner .footer__bottom { position: relative; z-index: 3; background-color: #423d82; border-top: solid 2px #fff; padding: 20px 0; } .footer .footer__inner .footer__bottom .footer__bottom_inner { /*background-color: $c-theme;*/ color: #fff; display: flex; justify-content: space-between; max-width: 1280px; width: 100%; margin: 0 auto; } .footer .footer__inner .footer__bottom .footer__bottom_inner .footer__bottom__link { text-align: center; } .footer .footer__inner .footer__bottom .footer__bottom_inner a { color: #fff; text-decoration: none; margin-right: 15px; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__bottom .footer__bottom_inner { display: block; } .footer .footer__inner .footer__bottom .footer__bottom_inner a { text-align: center; } } .footer .footer__inner .footer__bottom .footer__bottom_inner .footer-copy { /*padding: 10px $sp-offset 50px;*/ font-size: 0.8rem; font-weight: normal; text-align: center; } @media screen and (max-width: 750px) { .footer .footer__inner .footer__bottom .footer__bottom_inner .footer-copy { padding-bottom: 80px; font-size: 2.8vw; margin-top: 10px; } } * { scroll-behavior: smooth; } body { position: relative; word-break: break-word; -webkit-text-size-adjust: 100%; color: #333; font-size: 100%; font-family: "Helvetica Neue Normal", Helvetica, "sans-serif"; } @media print, screen and (min-width: 751px) { body { letter-spacing: 0.03em; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 750px) { body { font-size: 3.8vw; min-width: auto; } } body.is-fixed { overflow: hidden; } body:has(#hamburger.open), body.no_scroll { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; } .clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } :target { scroll-margin-top: 76px; } @media screen and (max-width: 750px) { :target { scroll-margin-top: 80px; } } .ccm-toolbar-visible :target { scroll-margin-top: 136px; } @media screen and (max-width: 750px) { .ccm-toolbar-visible :target { scroll-margin-top: 144px; } } @media print, screen and (min-width: 751px) { br.spbr { display: none; } .pc-hide { display: none; } } @media screen and (max-width: 750px) { br.pcbr { display: none; } .sp-hide { display: none; } } a:link, a:visited { color: #423d82; text-decoration: underline; text-underline-offset: 0.32em; } a:not(.btn-primary, .btn-secondary) { color: #333; } a:not(.btn-primary, .btn-secondary)[target=_blank]::after { display: inline-block; margin-left: 0.24em; content: "\e90b"; font-family: "kitagawa_local_co"; font-size: 0.9em; vertical-align: baseline; } a.btn, span.btn, button.btn, input[type=button].btn { display: flex; align-items: center; gap: 0.5em; width: fit-content; min-height: 28px; border-radius: 14px; margin: 0; padding: 0 1em; color: #423d82; font-size: 0.9rem; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 1; background-color: #f8f8f8; border: solid 1px #423d82; transition: all 0.5s ease; } @media screen and (max-width: 750px) { a.btn, span.btn, button.btn, input[type=button].btn { min-height: 48px; border-radius: 24px; } } a.btn:hover, span.btn:hover, button.btn:hover, input[type=button].btn:hover { background-color: #423d82; color: #fff; } a.btn.arrow_r::after, a.btn.arrow_l::before, a.btn.arrow_t::after, a.btn.arrow_b::after, span.btn.arrow_r::after, span.btn.arrow_l::before, span.btn.arrow_t::after, span.btn.arrow_b::after, button.btn.arrow_r::after, button.btn.arrow_l::before, button.btn.arrow_t::after, button.btn.arrow_b::after, input[type=button].btn.arrow_r::after, input[type=button].btn.arrow_l::before, input[type=button].btn.arrow_t::after, input[type=button].btn.arrow_b::after { font-family: "kitagawa_local_co"; content: "\e901"; transform-origin: center; } a.btn.arrow_l::before, span.btn.arrow_l::before, button.btn.arrow_l::before, input[type=button].btn.arrow_l::before { transform: scale(-1, 1); } a.btn.arrow_t::after, span.btn.arrow_t::after, button.btn.arrow_t::after, input[type=button].btn.arrow_t::after { transform: rotate(-90deg); } a.btn.arrow_b::after, span.btn.arrow_b::after, button.btn.arrow_b::after, input[type=button].btn.arrow_b::after { transform: rotate(90deg); } a.btn.sq, span.btn.sq, button.btn.sq, input[type=button].btn.sq { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 0; min-height: 48px; font-size: 1.16rem; text-transform: none; } /*------------------------------------------------------------ 下層ページ：タイトルからリードまでのセクション ------------------------------------------------------------*/ .top-area { position: relative; padding: 0; } .top-area:has(.base) { padding: 32px 0; } @media screen and (max-width: 750px) { .top-area { padding-top: 0; } } .top-area::before { position: absolute; top: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 100%; background-image: url(../img/common/kv_bg.png); background-repeat: repeat-y; background-position: left; background-size: 50%; opacity: 0.15; } .top-area .top-area__title { position: relative; z-index: 1; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; text-transform: uppercase; } .top-area .top-area__title .top { position: relative; width: 100%; overflow: hidden; } .top-area .top-area__title .top::after { position: absolute; top: 0; right: 0; z-index: 1; content: ""; width: 50%; height: 100%; background-color: #423d82; } .top-area .top-area__title .top > span { position: relative; z-index: 2; display: block; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0.32em 1em; background-color: #423d82; font-size: 3.6em; text-align: center; color: #fff; letter-spacing: 8px; } @media screen and (max-width: 750px) { .top-area .top-area__title .top > span { font-size: 8vw; letter-spacing: 4px; } } .top-area .top-area__title .top > span::before { position: absolute; top: 1px; left: -60px; width: 60px; height: 100%; content: ""; background-color: #423d82; clip-path: polygon(0 0, 0% 100%, 100% 100%); transform: rotateY(0.5turn); } .top-area .top-area__title .base { width: 100%; max-width: 1280px; margin: 1.64em auto 8px auto; font-size: 3em; } @media screen and (max-width: 750px) { .top-area .top-area__title .base { margin-top: 0.32em; padding: 0 16px; font-size: 6vw; } } .top-area .top-area__title .base > span { display: block; text-align: center; color: #423d82; letter-spacing: 8px; } @media screen and (max-width: 750px) { .top-area .top-area__title .base > span { letter-spacing: 2px; } } .top-area .top-area__lead { position: relative; z-index: 1; width: 100%; max-width: 800px; margin: 1.64em auto 0 auto; letter-spacing: 2px; text-align: center; } @media screen and (max-width: 750px) { .top-area .top-area__lead { padding: 0 16px; text-align: left; } } .top-area .top-area__lead p { font-size: 1.16rem; line-height: 1.6; } @media screen and (max-width: 750px) { .top-area .top-area__lead p { line-height: 1.4; font-size: 3.8vw; text-align: left; } } #path + .top-area { padding-top: 0; } @media all and (-ms-high-contrast: none) { .top-area .top-area__title .top > span::before { height: 100%; } } /*------------------------------------------------------------ レイアウト ------------------------------------------------------------*/ .article { position: relative; } @media screen and (max-width: 750px) { .top-area .article-unit__inner, .article-unit .article-unit__inner { padding: 0 16px; } } .top-area .article-unit__inner .default-area, .article-unit .article-unit__inner .default-area { width: 100%; max-width: 1280px; margin: 30px auto 0; padding: 0; } .top-area .article-unit__inner .default-area::after, .article-unit .article-unit__inner .default-area::after { content: ""; display: block; clear: both; } .top-area .article-unit__inner .default-area h4, .article-unit .article-unit__inner .default-area h4 { margin-bottom: 10px; } @media screen and (max-width: 375px) { .top-area .article-unit__inner .default-area h4, .article-unit .article-unit__inner .default-area h4 { float: none !important; display: block; clear: both; } .top-area .article-unit__inner .default-area img, .article-unit .article-unit__inner .default-area img { float: none; width: 100%; margin-bottom: 20px; } } .top-area .article-unit__inner .default-area .ccm-block-file, .article-unit .article-unit__inner .default-area .ccm-block-file { border-bottom: solid 1px #ccc; } .top-area .article-unit__inner .default-area .ccm-block-file a, .article-unit .article-unit__inner .default-area .ccm-block-file a { display: flex; align-items: center; justify-content: start; gap: 0.64em; min-height: 56px; text-decoration: none; line-height: 1.3; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .default-area .ccm-block-file a, .article-unit .article-unit__inner .default-area .ccm-block-file a { min-height: 48px; } } .top-area .article-unit__inner .default-area .ccm-block-file a::before, .article-unit .article-unit__inner .default-area .ccm-block-file a::before { content: ""; mask: url(../img/icon/file_paper.svg) no-repeat center; mask-position: center; mask-size: contain; background-color: #423d82; width: 32px; height: auto; aspect-ratio: 1/1; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .default-area .ccm-block-file a::before, .article-unit .article-unit__inner .default-area .ccm-block-file a::before { width: 24px; } } .top-area .article-unit__inner .default-area .ccm-block-file.pdf a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.pdf a::before { mask: url(../img/icon/file_pdf.svg) no-repeat center; background-color: #EC0F02; } .top-area .article-unit__inner .default-area .ccm-block-file.ppt a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.ppt a::before { mask: url(../img/icon/file_ppt.svg) no-repeat center; background-color: #C94222; } .top-area .article-unit__inner .default-area .ccm-block-file.pptx a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.pptx a::before { mask: url(../img/icon/file_pptx.svg) no-repeat center; background-color: #C94222; } .top-area .article-unit__inner .default-area .ccm-block-file.doc a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.doc a::before { mask: url(../img/icon/file_doc.svg) no-repeat center; background-color: #005096; } .top-area .article-unit__inner .default-area .ccm-block-file.docx a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.docx a::before { mask: url(../img/icon/file_docx.svg) no-repeat center; background-color: #005096; } .top-area .article-unit__inner .default-area .ccm-block-file.xls a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.xls a::before { mask: url(../img/icon/file_xls.svg) no-repeat center; background-color: #008337; } .top-area .article-unit__inner .default-area .ccm-block-file.xlsx a::before, .article-unit .article-unit__inner .default-area .ccm-block-file.xlsx a::before { mask: url(../img/icon/file_xlsx.svg) no-repeat center; background-color: #008337; } .top-area .article-unit__inner .default-area p + ul, .top-area .article-unit__inner .default-area p + ol, .article-unit .article-unit__inner .default-area p + ul, .article-unit .article-unit__inner .default-area p + ol { margin-top: 1em; } .top-area .article-unit__inner .default-area li, .article-unit .article-unit__inner .default-area li { overflow: auto; } .top-area .article-unit__inner .default-area img[style*="float:left"], .top-area .article-unit__inner .default-area img[style*="float: left"], .article-unit .article-unit__inner .default-area img[style*="float:left"], .article-unit .article-unit__inner .default-area img[style*="float: left"] { margin: 0.5em 1em 1em 0; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .default-area img[style*="float:left"], .top-area .article-unit__inner .default-area img[style*="float: left"], .article-unit .article-unit__inner .default-area img[style*="float:left"], .article-unit .article-unit__inner .default-area img[style*="float: left"] { width: auto; } } .top-area .article-unit__inner .default-area img[style*="float:right"], .top-area .article-unit__inner .default-area img[style*="float: right"], .article-unit .article-unit__inner .default-area img[style*="float:right"], .article-unit .article-unit__inner .default-area img[style*="float: right"] { margin: 0.5em 0 1em 1em; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .default-area img[style*="float:right"], .top-area .article-unit__inner .default-area img[style*="float: right"], .article-unit .article-unit__inner .default-area img[style*="float:right"], .article-unit .article-unit__inner .default-area img[style*="float: right"] { width: auto; } } .top-area .article-unit__inner div.width_max, .article-unit .article-unit__inner div.width_max { width: 100vw; margin-left: calc((100vw - 100%) / 2 * -1); } @media screen and (max-width: 750px) { .top-area .article-unit__inner div.width_max, .article-unit .article-unit__inner div.width_max { margin-left: -16px; margin-right: -16px; } } .top-area .article-unit__inner .over_box, .article-unit .article-unit__inner .over_box { position: relative; z-index: 10; background-color: #f8f8f8; width: 68%; padding: 30px; font-size: 0.9em; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .over_box, .article-unit .article-unit__inner .over_box { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; padding: 16px; font-size: 3.8vw; } } .top-area .article-unit__inner .over_box.top, .article-unit .article-unit__inner .over_box.top { top: -60px; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .over_box.top, .article-unit .article-unit__inner .over_box.top { top: 0; } } .top-area .article-unit__inner .over_box.bottom, .article-unit .article-unit__inner .over_box.bottom { top: 60px; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .over_box.bottom, .article-unit .article-unit__inner .over_box.bottom { top: 0; } } .top-area .article-unit__inner .over_box h1, .top-area .article-unit__inner .over_box h2, .top-area .article-unit__inner .over_box h3, .top-area .article-unit__inner .over_box h4, .top-area .article-unit__inner .over_box h5, .top-area .article-unit__inner .over_box h6, .article-unit .article-unit__inner .over_box h1, .article-unit .article-unit__inner .over_box h2, .article-unit .article-unit__inner .over_box h3, .article-unit .article-unit__inner .over_box h4, .article-unit .article-unit__inner .over_box h5, .article-unit .article-unit__inner .over_box h6 { margin: 0 0 0.64em 0; font-family: "Helvetica Neue Normal", Helvetica, "sans-serif"; font-weight: bold; font-size: 1.9rem; letter-spacing: 1px; text-transform: none; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .over_box h1, .top-area .article-unit__inner .over_box h2, .top-area .article-unit__inner .over_box h3, .top-area .article-unit__inner .over_box h4, .top-area .article-unit__inner .over_box h5, .top-area .article-unit__inner .over_box h6, .article-unit .article-unit__inner .over_box h1, .article-unit .article-unit__inner .over_box h2, .article-unit .article-unit__inner .over_box h3, .article-unit .article-unit__inner .over_box h4, .article-unit .article-unit__inner .over_box h5, .article-unit .article-unit__inner .over_box h6 { font-size: 6vw; } } .top-area .article-unit__inner .over_box p, .article-unit .article-unit__inner .over_box p { font-size: 1.16rem; } @media screen and (max-width: 750px) { .top-area .article-unit__inner .over_box p, .article-unit .article-unit__inner .over_box p { font-size: 3.8vw; } } .top-area .article-unit__inner ul.nav_horizon, .article-unit .article-unit__inner ul.nav_horizon { display: flex; justify-content: start; flex-wrap: wrap; gap: 2px; margin-top: 30px; } .top-area .article-unit__inner ul.nav_horizon.center, .article-unit .article-unit__inner ul.nav_horizon.center { justify-content: center; } .top-area .article-unit__inner ul.nav_horizon > li, .article-unit .article-unit__inner ul.nav_horizon > li { width: fit-content; padding: 0; margin: 0; } .top-area .article-unit__inner ul.nav_horizon > li::before, .article-unit .article-unit__inner ul.nav_horizon > li::before { display: none; } .top-area .article-unit__inner ul.nav_horizon > li > a, .top-area .article-unit__inner ul.nav_horizon > li > span, .article-unit .article-unit__inner ul.nav_horizon > li > a, .article-unit .article-unit__inner ul.nav_horizon > li > span { display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 0 1em; background-color: #423d82; color: #fff; text-decoration: none; text-transform: uppercase; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; } .top-area .article-unit__inner ul.nav_horizon > li > a.current, .top-area .article-unit__inner ul.nav_horizon > li > span.current, .article-unit .article-unit__inner ul.nav_horizon > li > a.current, .article-unit .article-unit__inner ul.nav_horizon > li > span.current { background-color: #fff; color: #423d82; border: solid 2px #423d82; } .top-area .article-unit__inner ul.nav_horizon > li > a[href^="#"], .top-area .article-unit__inner ul.nav_horizon > li > a[target=_blank], .top-area .article-unit__inner ul.nav_horizon > li > span[href^="#"], .top-area .article-unit__inner ul.nav_horizon > li > span[target=_blank], .article-unit .article-unit__inner ul.nav_horizon > li > a[href^="#"], .article-unit .article-unit__inner ul.nav_horizon > li > a[target=_blank], .article-unit .article-unit__inner ul.nav_horizon > li > span[href^="#"], .article-unit .article-unit__inner ul.nav_horizon > li > span[target=_blank] { justify-content: space-between; gap: 1em; } .top-area .article-unit__inner ul.nav_horizon > li > a[href^="#"]::after, .top-area .article-unit__inner ul.nav_horizon > li > a[target=_blank]::after, .top-area .article-unit__inner ul.nav_horizon > li > span[href^="#"]::after, .top-area .article-unit__inner ul.nav_horizon > li > span[target=_blank]::after, .article-unit .article-unit__inner ul.nav_horizon > li > a[href^="#"]::after, .article-unit .article-unit__inner ul.nav_horizon > li > a[target=_blank]::after, .article-unit .article-unit__inner ul.nav_horizon > li > span[href^="#"]::after, .article-unit .article-unit__inner ul.nav_horizon > li > span[target=_blank]::after { display: inline-block; font-family: "kitagawa_local_co"; } .top-area .article-unit__inner ul.nav_horizon > li > a[href^="#"]::after, .top-area .article-unit__inner ul.nav_horizon > li > span[href^="#"]::after, .article-unit .article-unit__inner ul.nav_horizon > li > a[href^="#"]::after, .article-unit .article-unit__inner ul.nav_horizon > li > span[href^="#"]::after { content: "\e903"; transform-origin: center; transform: rotate(90deg); } .top-area .article-unit__inner ul.nav_horizon > li > a[target=_blank]::after, .top-area .article-unit__inner ul.nav_horizon > li > span[target=_blank]::after, .article-unit .article-unit__inner ul.nav_horizon > li > a[target=_blank]::after, .article-unit .article-unit__inner ul.nav_horizon > li > span[target=_blank]::after { content: "\e90a"; } .top-area .article-unit__inner ul.nav_horizon > li > a[target=_blank].current::after, .top-area .article-unit__inner ul.nav_horizon > li > span[target=_blank].current::after, .article-unit .article-unit__inner ul.nav_horizon > li > a[target=_blank].current::after, .article-unit .article-unit__inner ul.nav_horizon > li > span[target=_blank].current::after { font-weight: bold; } .top-area .c_blue, .top-area .c_blue a, .article-unit .c_blue, .article-unit .c_blue a { color: #423d82; } .top-area .mt16, .article-unit .mt16 { margin-top: 16px; } @media screen and (max-width: 750px) { .top-area .mt16, .article-unit .mt16 { margin-top: 16px; } } .top-area .mt24, .article-unit .mt24 { margin-top: 24px; } @media screen and (max-width: 750px) { .top-area .mt24, .article-unit .mt24 { margin-top: 24px; } } .top-area .mt32, .article-unit .mt32 { margin-top: 32px; } @media screen and (max-width: 750px) { .top-area .mt32, .article-unit .mt32 { margin-top: 24px; } } .top-area .mt40, .article-unit .mt40 { margin-top: 40px; } @media screen and (max-width: 750px) { .top-area .mt40, .article-unit .mt40 { margin-top: 24px; } } .top-area .mt48, .article-unit .mt48 { margin-top: 48px; } @media screen and (max-width: 750px) { .top-area .mt48, .article-unit .mt48 { margin-top: 24px; } } .top-area .mt56, .article-unit .mt56 { margin-top: 56px; } @media screen and (max-width: 750px) { .top-area .mt56, .article-unit .mt56 { margin-top: 24px; } } .top-area .mt64, .article-unit .mt64 { margin-top: 64px; } @media screen and (max-width: 750px) { .top-area .mt64, .article-unit .mt64 { margin-top: 32px; } } .top-area .mt72, .article-unit .mt72 { margin-top: 72px; } @media screen and (max-width: 750px) { .top-area .mt72, .article-unit .mt72 { margin-top: 32px; } } .top-area .mt80, .article-unit .mt80 { margin-top: 80px; } @media screen and (max-width: 750px) { .top-area .mt80, .article-unit .mt80 { margin-top: 32px; } } .top-area .mt88, .article-unit .mt88 { margin-top: 88px; } @media screen and (max-width: 750px) { .top-area .mt88, .article-unit .mt88 { margin-top: 32px; } } .top-area .mt96, .article-unit .mt96 { margin-top: 96px; } @media screen and (max-width: 750px) { .top-area .mt96, .article-unit .mt96 { margin-top: 32px; } } .top-area .mb16, .article-unit .mb16 { margin-bottom: 16px; } @media screen and (max-width: 750px) { .top-area .mb16, .article-unit .mb16 { margin-bottom: 16px; } } .top-area .mb24, .article-unit .mb24 { margin-bottom: 24px; } @media screen and (max-width: 750px) { .top-area .mb24, .article-unit .mb24 { margin-bottom: 24px; } } .top-area .mb32, .article-unit .mb32 { margin-bottom: 32px; } @media screen and (max-width: 750px) { .top-area .mb32, .article-unit .mb32 { margin-bottom: 24px; } } .top-area .mb40, .article-unit .mb40 { margin-bottom: 40px; } @media screen and (max-width: 750px) { .top-area .mb40, .article-unit .mb40 { margin-bottom: 24px; } } .top-area .mb48, .article-unit .mb48 { margin-bottom: 48px; } @media screen and (max-width: 750px) { .top-area .mb48, .article-unit .mb48 { margin-bottom: 24px; } } .top-area .mb56, .article-unit .mb56 { margin-bottom: 56px; } @media screen and (max-width: 750px) { .top-area .mb56, .article-unit .mb56 { margin-bottom: 24px; } } .top-area .mb64, .article-unit .mb64 { margin-bottom: 64px; } @media screen and (max-width: 750px) { .top-area .mb64, .article-unit .mb64 { margin-bottom: 32px; } } .top-area .mb72, .article-unit .mb72 { margin-bottom: 72px; } @media screen and (max-width: 750px) { .top-area .mb72, .article-unit .mb72 { margin-bottom: 32px; } } .top-area .mb80, .article-unit .mb80 { margin-bottom: 80px; } @media screen and (max-width: 750px) { .top-area .mb80, .article-unit .mb80 { margin-bottom: 32px; } } .top-area .mb88, .article-unit .mb88 { margin-bottom: 88px; } @media screen and (max-width: 750px) { .top-area .mb88, .article-unit .mb88 { margin-bottom: 32px; } } .top-area .mb96, .article-unit .mb96 { margin-bottom: 96px; } @media screen and (max-width: 750px) { .top-area .mb96, .article-unit .mb96 { margin-bottom: 32px; } } .top-area .text_box, .article-unit .text_box { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .top-area .text_box p, .article-unit .text_box p { text-align: center; } .top-area div.text-center, .top-area p.text-center, .article-unit div.text-center, .article-unit p.text-center { text-align: center; } .top-area p, .article-unit p { margin: 0.5em 0 0; line-height: 1.4; font-size: 1rem; } .top-area p:first-child, .article-unit p:first-child { margin-top: 0; } @media screen and (max-width: 750px) { .top-area p, .article-unit p { font-size: 3.75vw; } } .top-area b, .top-area strong, .article-unit b, .article-unit strong { font-weight: bold; } .top-area em, .top-area i, .top-area .italic, .article-unit em, .article-unit i, .article-unit .italic { font-style: italic; } .top-area u, .top-area .underline, .article-unit u, .article-unit .underline { text-decoration: underline; } .top-area del, .top-area s, .top-area strike .del, .article-unit del, .article-unit s, .article-unit strike .del { text-decoration: line-through; } .top-area sup, .top-area .sup, .article-unit sup, .article-unit .sup { display: inline-block; vertical-align: super; font-size: 0.5em; margin-left: 0.32em; } .top-area sub, .top-area .sub, .article-unit sub, .article-unit .sub { display: inline-block; vertical-align: sub; font-size: 0.5em; margin-left: 0.32em; } .top-area hr, .article-unit hr { width: 100%; margin: 30px auto 0; border-style: solid; border-width: 2px 0 0 0; border-color: #423d82; } .top-area table, .article-unit table { width: 100%; margin: 30px auto 0; border-collapse: collapse; border-style: solid; border-width: 1px 0 0 1px; border-color: #423d82; font-size: 1rem; line-height: 1.4; } @media screen and (max-width: 750px) { .top-area table, .article-unit table { font-size: 3.75vw; line-height: 1.2; } } .top-area table:first-child, .article-unit table:first-child { margin-top: 0; } .top-area table caption, .article-unit table caption { padding: 0 0 0.64em 0; text-align: left; font-size: 1.08em; font-weight: bold; color: #423d82; } .top-area table tr th, .top-area table tr td, .article-unit table tr th, .article-unit table tr td { padding: 0.32em 0.64em; border-style: solid; border-width: 0 1px 1px 0; border-color: #423d82; } @media screen and (max-width: 750px) { .top-area table tr th, .top-area table tr td, .article-unit table tr th, .article-unit table tr td { padding: 0.24em 0.32em; } } .top-area table tr th, .article-unit table tr th { font-weight: bold; font-size: 0.88em; background-color: #eee; } .top-area table.no_border, .article-unit table.no_border { border: none; } .top-area table.no_border th, .top-area table.no_border td, .article-unit table.no_border th, .article-unit table.no_border td { border: none; } .top-area ul, .article-unit ul { margin: 30px auto 0; } .top-area ul:first-child, .article-unit ul:first-child { margin-top: 0; } .top-area ul > li, .article-unit ul > li { position: relative; margin: 0.5em 0 0 0.5em; padding: 0 0 0 1.64em; } .top-area ul > li:first-child, .article-unit ul > li:first-child { margin-top: 0; } .top-area ul > li::before, .article-unit ul > li::before { position: absolute; top: 0.64em; left: 0; content: ""; width: 20px; height: 4px; background-color: #423d82; } .top-area ul.plain > li, .article-unit ul.plain > li { padding-left: 0; } .top-area ul.plain > li::before, .article-unit ul.plain > li::before { display: none; } .top-area ul.alphabet > li, .article-unit ul.alphabet > li { position: relative; margin: 0.5em 0 0 1.24em; padding: 0 0 0 1.64em; } .top-area ul.alphabet > li::before, .article-unit ul.alphabet > li::before { position: absolute; top: 0; left: 0; content: "a)"; width: auto; height: auto; background-color: transparent; } .top-area ul.alphabet > li:nth-child(1)::before, .article-unit ul.alphabet > li:nth-child(1)::before { content: "a)"; } .top-area ul.alphabet > li:nth-child(2)::before, .article-unit ul.alphabet > li:nth-child(2)::before { content: "b)"; } .top-area ul.alphabet > li:nth-child(3)::before, .article-unit ul.alphabet > li:nth-child(3)::before { content: "c)"; } .top-area ul.alphabet > li:nth-child(4)::before, .article-unit ul.alphabet > li:nth-child(4)::before { content: "d)"; } .top-area ul.alphabet > li:nth-child(5)::before, .article-unit ul.alphabet > li:nth-child(5)::before { content: "e)"; } .top-area ul.alphabet > li:nth-child(6)::before, .article-unit ul.alphabet > li:nth-child(6)::before { content: "f)"; } .top-area ul.alphabet > li:nth-child(7)::before, .article-unit ul.alphabet > li:nth-child(7)::before { content: "g)"; } .top-area ul.alphabet > li:nth-child(8)::before, .article-unit ul.alphabet > li:nth-child(8)::before { content: "h)"; } .top-area ul.alphabet > li:nth-child(9)::before, .article-unit ul.alphabet > li:nth-child(9)::before { content: "i)"; } .top-area ul.alphabet > li:nth-child(10)::before, .article-unit ul.alphabet > li:nth-child(10)::before { content: "j)"; } .top-area ul.alphabet > li:nth-child(11)::before, .article-unit ul.alphabet > li:nth-child(11)::before { content: "k)"; } .top-area ul.alphabet > li:nth-child(12)::before, .article-unit ul.alphabet > li:nth-child(12)::before { content: "l)"; } .top-area ul.alphabet > li:nth-child(13)::before, .article-unit ul.alphabet > li:nth-child(13)::before { content: "m)"; } .top-area ul.alphabet > li:nth-child(14)::before, .article-unit ul.alphabet > li:nth-child(14)::before { content: "n)"; } .top-area ul.alphabet > li:nth-child(15)::before, .article-unit ul.alphabet > li:nth-child(15)::before { content: "o)"; } .top-area ul.alphabet > li:nth-child(16)::before, .article-unit ul.alphabet > li:nth-child(16)::before { content: "p)"; } .top-area ul.alphabet > li:nth-child(17)::before, .article-unit ul.alphabet > li:nth-child(17)::before { content: "q)"; } .top-area ul.alphabet > li:nth-child(18)::before, .article-unit ul.alphabet > li:nth-child(18)::before { content: "r)"; } .top-area ul.alphabet > li:nth-child(19)::before, .article-unit ul.alphabet > li:nth-child(19)::before { content: "s)"; } .top-area ul.alphabet > li:nth-child(20)::before, .article-unit ul.alphabet > li:nth-child(20)::before { content: "t)"; } .top-area ul.alphabet > li:nth-child(21)::before, .article-unit ul.alphabet > li:nth-child(21)::before { content: "u)"; } .top-area ul.alphabet > li:nth-child(22)::before, .article-unit ul.alphabet > li:nth-child(22)::before { content: "v)"; } .top-area ul.alphabet > li:nth-child(23)::before, .article-unit ul.alphabet > li:nth-child(23)::before { content: "w)"; } .top-area ul.alphabet > li:nth-child(24)::before, .article-unit ul.alphabet > li:nth-child(24)::before { content: "x)"; } .top-area ul.alphabet > li:nth-child(25)::before, .article-unit ul.alphabet > li:nth-child(25)::before { content: "y)"; } .top-area ul.alphabet > li:nth-child(26)::before, .article-unit ul.alphabet > li:nth-child(26)::before { content: "z)"; } .top-area ol, .article-unit ol { margin: 30px auto 0; } .top-area ol:first-child, .article-unit ol:first-child { margin-top: 0; } .top-area ol > li, .article-unit ol > li { list-style-type: decimal; margin-left: 2.6em; padding: 0 0 0 0.5em; } .top-area ol > li::before, .article-unit ol > li::before { display: none; } .top-area ol > li:first-child, .article-unit ol > li:first-child { margin-top: 0; } .top-area .col, .article-unit .col { display: flex; flex-wrap: wrap; gap: 30px; margin: 40px auto 0 0; } @media screen and (max-width: 750px) { .top-area .col, .article-unit .col { margin-top: 30px; gap: 16px; } } .top-area .col .col2, .article-unit .col .col2 { width: calc((100% - 30px) / 2); } @media screen and (max-width: 750px) { .top-area .col .col2, .article-unit .col .col2 { width: 100%; } } .top-area .col .col3-1, .article-unit .col .col3-1 { width: calc((100% - 60px) / 3); } @media screen and (max-width: 750px) { .top-area .col .col3-1, .article-unit .col .col3-1 { width: 100%; } } .top-area .col .col3-2, .article-unit .col .col3-2 { width: calc((100% - 30px) / 3 * 2); } @media screen and (max-width: 750px) { .top-area .col .col3-2, .article-unit .col .col3-2 { width: 100%; } } .top-area .col .col4-1, .article-unit .col .col4-1 { width: calc((100% - 90px) / 4); } @media screen and (max-width: 750px) { .top-area .col .col4-1, .article-unit .col .col4-1 { width: 100%; } } .top-area .col .col4-3, .article-unit .col .col4-3 { width: calc((100% - 30px) / 4 * 3); } @media screen and (max-width: 750px) { .top-area .col .col4-3, .article-unit .col .col4-3 { width: 100%; } } .top-area iframe, .article-unit iframe { display: block; width: 100%; max-width: 100%; border: none; } .top-area iframe.map, .article-unit iframe.map { aspect-ratio: 4/1; } @media screen and (max-width: 750px) { .top-area iframe.map, .article-unit iframe.map { aspect-ratio: 1/1.25; margin: 0 16px; } } .top-area iframe[src*="youtube.com"], .article-unit iframe[src*="youtube.com"] { width: auto; aspect-ratio: 16/9; } @media screen and (max-width: 750px) { .top-area iframe[src*="youtube.com"], .article-unit iframe[src*="youtube.com"] { width: 100%; height: auto; } } .top-area h1, .top-area h2, .top-area h3, .top-area h4, .top-area h5, .top-area h6, .article-unit h1, .article-unit h2, .article-unit h3, .article-unit h4, .article-unit h5, .article-unit h6 { margin: 1em 0 0 0; font-family: "Ropa Mix Pro", "ropa-mix-pro", "Ropa Sans", sans-serif; font-weight: normal; text-transform: uppercase; color: #423d82; line-height: 1.2; } .top-area h1:first-child, .top-area h2:first-child, .top-area h3:first-child, .top-area h4:first-child, .top-area h5:first-child, .top-area h6:first-child, .article-unit h1:first-child, .article-unit h2:first-child, .article-unit h3:first-child, .article-unit h4:first-child, .article-unit h5:first-child, .article-unit h6:first-child { margin-top: 0; } @media screen and (max-width: 750px) { .top-area h1, .top-area h2, .top-area h3, .top-area h4, .top-area h5, .top-area h6, .article-unit h1, .article-unit h2, .article-unit h3, .article-unit h4, .article-unit h5, .article-unit h6 { line-height: 1.08; } } .top-area h1.text-center, .top-area h2.text-center, .top-area h3.text-center, .top-area h4.text-center, .top-area h5.text-center, .top-area h6.text-center, .article-unit h1.text-center, .article-unit h2.text-center, .article-unit h3.text-center, .article-unit h4.text-center, .article-unit h5.text-center, .article-unit h6.text-center { text-align: center; } .top-area h1 + *, .top-area h2 + *, .top-area h3 + *, .top-area h4 + *, .top-area h5 + *, .top-area h6 + *, .article-unit h1 + *, .article-unit h2 + *, .article-unit h3 + *, .article-unit h4 + *, .article-unit h5 + *, .article-unit h6 + * { margin-top: 0; } .top-area h1 + table, .top-area h1 + ul, .top-area h1 + ol, .top-area h1 + dl, .top-area h2 + table, .top-area h2 + ul, .top-area h2 + ol, .top-area h2 + dl, .top-area h3 + table, .top-area h3 + ul, .top-area h3 + ol, .top-area h3 + dl, .top-area h4 + table, .top-area h4 + ul, .top-area h4 + ol, .top-area h4 + dl, .top-area h5 + table, .top-area h5 + ul, .top-area h5 + ol, .top-area h5 + dl, .top-area h6 + table, .top-area h6 + ul, .top-area h6 + ol, .top-area h6 + dl, .article-unit h1 + table, .article-unit h1 + ul, .article-unit h1 + ol, .article-unit h1 + dl, .article-unit h2 + table, .article-unit h2 + ul, .article-unit h2 + ol, .article-unit h2 + dl, .article-unit h3 + table, .article-unit h3 + ul, .article-unit h3 + ol, .article-unit h3 + dl, .article-unit h4 + table, .article-unit h4 + ul, .article-unit h4 + ol, .article-unit h4 + dl, .article-unit h5 + table, .article-unit h5 + ul, .article-unit h5 + ol, .article-unit h5 + dl, .article-unit h6 + table, .article-unit h6 + ul, .article-unit h6 + ol, .article-unit h6 + dl { margin-top: 0.32em; } @media print, screen and (min-width: 751px) { .top-area h1, .article-unit h1 { font-size: 2.9rem; } .top-area h2, .article-unit h2 { font-size: 2.6rem; } .top-area h3, .article-unit h3 { font-size: 2.3rem; } .top-area h4, .article-unit h4 { font-size: 2rem; } .top-area h5, .article-unit h5 { font-size: 1.7rem; } .top-area h6, .article-unit h6 { font-size: 1.5rem; } } @media screen and (max-width: 750px) { .top-area h1, .article-unit h1 { font-size: 9vw; } .top-area h2, .article-unit h2 { font-size: 8.5vw; } .top-area h3, .article-unit h3 { font-size: 8vw; } .top-area h4, .article-unit h4 { font-size: 7vw; } .top-area h5, .article-unit h5 { font-size: 6.5vw; } .top-area h6, .article-unit h6 { font-size: 5.5vw; } } .top-area .product_category_list, .article-unit .product_category_list { margin-top: 20px; } .top-area .product_category_list > ul, .article-unit .product_category_list > ul { display: flex; gap: 30px; width: 1600px; max-width: none; margin-top: 50px; margin-left: -160px; margin-right: -160px; margin-bottom: 0; } @media screen and (max-width: 1599px) { .top-area .product_category_list > ul, .article-unit .product_category_list > ul { width: 100%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 750px) { .top-area .product_category_list > ul, .article-unit .product_category_list > ul { display: block; margin-top: 16px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } } .top-area .product_category_list > ul li, .article-unit .product_category_list > ul li { margin: 0; padding: 0; width: 100%; } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li, .article-unit .product_category_list > ul li { border-bottom: solid 1px #ccc; } } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li:last-child, .article-unit .product_category_list > ul li:last-child { border-bottom: none; } } .top-area .product_category_list > ul li::before, .article-unit .product_category_list > ul li::before { display: none; } .top-area .product_category_list > ul li > a, .top-area .product_category_list > ul li > span, .article-unit .product_category_list > ul li > a, .article-unit .product_category_list > ul li > span { display: block; background-color: #f8f8f8; text-decoration: none; padding: 0 0 24px 0; /*span.btn.arrow_r::after{ content: none; }*/ } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li > a, .top-area .product_category_list > ul li > span, .article-unit .product_category_list > ul li > a, .article-unit .product_category_list > ul li > span { padding: 0 16px 0 0; } } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li > a::after, .top-area .product_category_list > ul li > span::after, .article-unit .product_category_list > ul li > a::after, .article-unit .product_category_list > ul li > span::after { content: ""; display: block; clear: both; } } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li > a img, .top-area .product_category_list > ul li > span img, .article-unit .product_category_list > ul li > a img, .article-unit .product_category_list > ul li > span img { float: left; width: 25%; margin: 0 16px 0 0; vertical-align: middle; } } .top-area .product_category_list > ul li > a h3, .top-area .product_category_list > ul li > span h3, .article-unit .product_category_list > ul li > a h3, .article-unit .product_category_list > ul li > span h3 { margin: 0 0 8px; padding: 16px 16px 10px; text-transform: none; font-family: "Helvetica Neue Normal", Helvetica, "sans-serif"; font-weight: bold; font-size: 1.32rem; } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li > a h3, .top-area .product_category_list > ul li > span h3, .article-unit .product_category_list > ul li > a h3, .article-unit .product_category_list > ul li > span h3 { margin: 0; padding: 1em 0 0; font-size: 4.4vw; letter-spacing: 1px; } } .top-area .product_category_list > ul li > a .btn, .top-area .product_category_list > ul li > span .btn, .article-unit .product_category_list > ul li > a .btn, .article-unit .product_category_list > ul li > span .btn { margin: 0 16px; } @media screen and (max-width: 750px) { .top-area .product_category_list > ul li > a .btn, .top-area .product_category_list > ul li > span .btn, .article-unit .product_category_list > ul li > a .btn, .article-unit .product_category_list > ul li > span .btn { min-height: 24px; margin: 8px 0 0 auto; font-size: 3vw; } } .top-area .product_category_list > ul li > a .dli-chevron-down, .top-area .product_category_list > ul li > span .dli-chevron-down, .article-unit .product_category_list > ul li > a .dli-chevron-down, .article-unit .product_category_list > ul li > span .dli-chevron-down { display: inline-block; vertical-align: middle; color: #333; line-height: 1; width: 7px; height: 7px; border: 0.12em solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); } @media screen and (max-width: 1000px) { body.topics .article-unit .article-unit__inner { padding: 0 16px; } } @media screen and (max-width: 1350px) { body.privacypolicy .article-unit .article-unit__inner { padding: 0 16px; } } /*------------------------------------------------------------ お知らせ一覧 ------------------------------------------------------------*/ .topics_list { width: 100%; max-width: 1280px; margin: 50px auto; } @media screen and (max-width: 750px) { .topics_list { margin-top: 30px; } } .topics_list > h1, .topics_list > h2, .topics_list > h3, .topics_list > h4, .topics_list > h5, .topics_list > h6 { font-size: 2.8rem; width: fit-content; margin: 0 0 0.64em 0; border-bottom: solid 2px #423d82; } @media screen and (max-width: 750px) { .topics_list > h1, .topics_list > h2, .topics_list > h3, .topics_list > h4, .topics_list > h5, .topics_list > h6 { margin-left: auto; margin-right: auto; font-size: 9vw; } } .topics_list .topics_list__header { display: none; } .topics_list .topics_list__inner { width: 78%; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner { width: 100%; } } .topics_list .topics_list__inner > ul > li { position: relative; display: flex; align-items: baseline; gap: 32px; margin: 1.64em 0 0 0; padding: 0 0 0 3em; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li { flex-wrap: wrap; gap: 0 1em; padding: 0; } } .topics_list .topics_list__inner > ul > li:first-child { margin-top: 0; } .topics_list .topics_list__inner > ul > li::before { display: none; } .topics_list .topics_list__inner > ul > li > .icon_new { position: absolute; top: 0.32em; left: 0; font-size: 0.88em; font-weight: bold; white-space: nowrap; color: #bb0033; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > .icon_new { position: relative; top: auto; width: fit-content; } } .topics_list .topics_list__inner > ul > li > time { font-weight: bold; white-space: nowrap; width: 140px; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > time { width: auto; } } .topics_list .topics_list__inner > ul > li > a, .topics_list .topics_list__inner > ul > li > span { color: #333; text-decoration: none; line-height: 1.8; font-size: 1.08rem; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > a, .topics_list .topics_list__inner > ul > li > span { display: block; width: 100%; font-size: 3.8vw; line-height: 1.4; } } .topics_list .topics_list__inner > ul > li > a span { text-decoration: underline; } .topics_list .topics_list__inner > ul > li > a::after { display: inline-block; margin-left: 0.32em; font-family: "kitagawa_local_co"; content: "\e900"; color: #423d82; vertical-align: bottom; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > a::after { margin-left: 0.64em; vertical-align: baseline; } } .topics_list .topics_list__inner > ul > li > a[target=_blank]::after { content: "\e90a"; font-weight: bold; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > a[target=_blank]::after { content: "\e90b"; font-weight: normal; } } .topics_list .topics_list__inner > ul > li > a.pdf::after, .topics_list .topics_list__inner > ul > li > a[href*=".pdf"]::after { display: inline-flex; align-items: center; justify-content: center; padding: 0 1em; height: 20px; content: "PDF"; border: solid 1px #b00; color: #b00; font-size: 10px; vertical-align: baseline; } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > a.pdf::after, .topics_list .topics_list__inner > ul > li > a[href*=".pdf"]::after { height: 4vw; font-size: 3.2vw; vertical-align: bottom; } } @media screen and (max-width: 750px) { .topics_list .topics_list__inner > ul > li > a { font-size: 3.8vw; line-height: 1.4; } } .topics_list.top { display: flex; justify-content: space-between; gap: 72px; position: relative; z-index: 1; margin: 0 auto; padding: 60px 0 80px; } @media screen and (max-width: 750px) { .topics_list.top { display: block; padding: 16px 16px 96px; } } .topics_list.top .topics_list__header { display: block; width: 22%; } @media screen and (max-width: 750px) { .topics_list.top .topics_list__header { width: 100%; } } .topics_list.top .topics_list__header h2 { display: flex; align-items: center; justify-content: center; gap: 0.32em; border: solid 2px #423d82; margin: 0 0 50px 0; padding: 16px; background-color: #fff; font-size: 1.64rem; font-weight: bold; color: #423d82; letter-spacing: 2px; } @media screen and (max-width: 750px) { .topics_list.top .topics_list__header h2 { margin: 0 auto 16px; padding: 8px 16px; font-size: 5vw; justify-content: start; } } .topics_list.top .topics_list__header h2::before { font-family: "kitagawa_local_co"; font-size: 1.8em; font-weight: normal; content: "\e907"; transform-origin: center; transform: rotate(-24deg); } .topics_list.top .topics_list__header a.btn { margin: 0 0 0 auto; } @media screen and (max-width: 750px) { .topics_list.top .topics_list__header a.btn { position: absolute; bottom: 24px; right: 16px; } } .topics_list.top .topics_list__inner { width: 78%; } @media screen and (max-width: 750px) { .topics_list.top .topics_list__inner { width: 100%; } } .topics_list.top .topics_list__inner > ul > li { display: flex; gap: 32px; } @media screen and (max-width: 750px) { .topics_list.top .topics_list__inner > ul > li { display: block; } } @media screen and (max-width: 750px) { .topics_list.top .topics_list__inner > ul > li time { display: block; font-size: 4vw; } } @media screen and (max-width: 750px) { .topics_list.top .topics_list__inner > ul > li > a, .topics_list.top .topics_list__inner > ul > li > span { font-size: 3.8vw; line-height: 1.4; } } /*------------------------------------------------------------ Cookie許諾 ------------------------------------------------------------*/ /* .cookie-policy { position: fixed; bottom: 0; left: 0; z-index: 480; width: 100%; background-color: rgba(0, 0, 18, 0.86); .cookie-policy-inner { display: flex; align-items: center; gap: 16px; width: 100%; max-width: 960px; margin: 0 auto; padding: 16px; @include mq(sm) { display: block; padding: $sp-offset; } .cookie-policy-description { margin-bottom: 10px; @include mq(sm) { margin-bottom: $sp-offset; } p { font-size: 0.88rem; color: #fff; line-height: 1.4; @include mq(sm) { font-size: 0.72rem; } a { font-weight: bold; color: #fff; text-decoration: underline; &::before { display: none; } } } } .cookie-policy-button { text-align: right; .cookie-policy-ok { padding: 4px 3em; font-size: 0.8rem; background-color: #002; border: solid 1px #fff; color: #fff; white-space: nowrap; } } } } */ a[x-apple-data-detectors] { pointer-events: none !important; text-decoration: none !important; font-weight: normal !important; } a[x-apple-data-detectors]::before, a[x-apple-data-detectors]::after { display: none !important; } /*------------------------------------------------------------ sitemap ------------------------------------------------------------*/ body.sitemap .article-unit .article-unit__inner ul.level2 > li::before { content: ""; display: inline-block; background-color: #423d82; border-radius: 50%; height: 10px; width: 10px; position: absolute; top: 0.5rem; left: 0; } body.sitemap .article-unit .article-unit__inner ul.level2 > li a { border: none; /*background: #423d82; color: #fff; padding: 10px 20px; border-radius: 5px;*/ margin-top: 0; text-decoration: underline; margin-left: 20px; } body.sitemap .article-unit .article-unit__inner ul.level2 > li a::after { display: none; } body.sitemap .article-unit .article-unit__inner ul { gap: 0em 0.9em; } body.sitemap .article-unit .article-unit__inner ul li { padding: 0; margin-left: 0; } body.sitemap .article-unit .article-unit__inner ul li a { text-decoration: none; padding: 0 0 15px; border-bottom: 2px solid #423d82; display: block; } body.sitemap .article-unit .article-unit__inner ul li a::after { font-family: "kitagawa_local_co"; content: "\e901"; transform-origin: center; position: absolute; right: 0; color: #423d82; } @media screen and (max-width: 750px) { body.sitemap .article-unit .article-unit__inner ul li a { font-size: 1.1rem; } } body.sitemap .article-unit .article-unit__inner ul li::before { display: none; } @media screen and (max-width: 1000px) { body.sitemap .article-unit .article-unit__inner { padding: 0 16px; } } @font-face { font-family: "kitagawa_local_co"; src: url("../css/fonts/kitagawa_local_co.ttf") format("truetype"), url("../css/fonts/kitagawa_local_co.woff") format("woff"), url("../css/fonts/kitagawa_local_co.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "kitagawa_local_co" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow_01_right_01::before { content: "\e900"; color: #333; } .icon-arrow_02_right_01::before { content: "\e901"; color: #333; } .icon-arrow_02_right_02::before { content: "\e902"; color: #333; } .icon-arrow_03_right_01::before { content: "\e903"; color: #333; } .icon-arrow_03_right_02::before { content: "\e904"; color: #333; } .icon-arrow_04_right_01::before { content: "\e905"; color: #333; } .icon-arrow_04_right_02::before { content: "\e906"; color: #333; } .icon-megaphone::before { content: "\e907"; color: #333; } .icon-nav_download_01::before { content: "\e908"; color: #333; } .icon-nav_download_02::before { content: "\e909"; color: #333; } .icon-nav_external_01::before { content: "\e90a"; color: #333; } .icon-nav_external_02::before { content: "\e90b"; color: #333; } .icon-nav_language_01::before { content: "\e90c"; color: #333; } .icon-nav_mouse_01::before { content: "\e90d"; color: #333; } .icon-nav_phone_01::before { content: "\e90e"; color: #333; } .icon-nav_mail_01::before { content: "\e90f"; color: #333; } .path.path-top, .path.path-bottom { padding: 16px; /* ul, ol { display: inline; li { display: inline; margin-right: 0.5em; a, span { position: relative; display: inline; text-decoration: none; line-height: 2.2; &::after { display: inline; margin: 0 0 0 0.5em; content: $icon-arrow_03_right_01; font-family: $f-icon; font-size: 0.64rem; } &+ul { margin-left: 0.5em; } } &:nth-child(n+2) { a, span { padding-left: 0; } } &.nav-selected { a, span { &::after { display: none; } } } } } */ } .path.path-top ul, .path.path-top ol, .path.path-bottom ul, .path.path-bottom ol { display: flex; justify-content: start; flex-wrap: wrap; gap: 0.5em; width: 100%; max-width: 1280px; margin: 0 auto; font-size: 0.72em; } .path.path-top ul li > a, .path.path-top ul li > span, .path.path-top ol li > a, .path.path-top ol li > span, .path.path-bottom ul li > a, .path.path-bottom ul li > span, .path.path-bottom ol li > a, .path.path-bottom ol li > span { position: relative; display: inline; text-decoration: none; line-height: 2.2; } .path.path-top ul li > a::after, .path.path-top ul li > span::after, .path.path-top ol li > a::after, .path.path-top ol li > span::after, .path.path-bottom ul li > a::after, .path.path-bottom ul li > span::after, .path.path-bottom ol li > a::after, .path.path-bottom ol li > span::after { display: inline; margin: 0 0 0 0.5em; content: "\e903"; font-family: "kitagawa_local_co"; font-size: 0.64rem; } .path.path-top ul li:last-child > a::after, .path.path-top ul li:last-child > span::after, .path.path-top ol li:last-child > a::after, .path.path-top ol li:last-child > span::after, .path.path-bottom ul li:last-child > a::after, .path.path-bottom ul li:last-child > span::after, .path.path-bottom ol li:last-child > a::after, .path.path-bottom ol li:last-child > span::after { display: none; } .path.path-top { margin-top: 60px; } @media screen and (max-width: 750px) { .path.path-top { display: none; } } .path.path-bottom { margin-top: 40px; } /*------------------------------------------------------------ Concrete CMSの編集画面CSSへの干渉を防ぐための記述 -----------------------------------------------------------*/ html.ccm-toolbar-visible.ccm-panel-ready .header { z-index: 499; } @media screen and (max-width: 750px) { html.ccm-toolbar-visible.ccm-panel-ready .header { top: 48px; } } html.ccm-toolbar-visible.ccm-panel-ready .c-overlay { z-index: 498; } 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 body .ccm-ui li::before { display: none; } html.ccm-toolbar-visible.ccm-panel-ready body .ccm-ui a:not(.btn-primary) { text-decoration: inherit; color: inherit; } html.ccm-toolbar-visible.ccm-panel-ready .header.fixed .third-nav { top: 143%; }/*# sourceMappingURL=base.css.map */