@charset "utf-8"; /* CSS Document */ /* ------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------ */ .Logo { } .logo_img { display: flex; align-items: baseline; gap: 0.5em; margin: unset; } .logo_img img { width: auto; height: 1.5em; margin: unset; object-fit: cover; } .logo_img img[src*="symbolmark"] { height: 2em; } footer .logo_tate { display: grid; gap: 0.5em; } footer .logo_tate>span { display: grid; gap: 0.5em; } footer .logo_tate img[src*="symbol"] { width: auto; height: 4em; } footer .logo_tate img[src*="logo_kabushikikaisya"] { width: auto; height: 1.33em; } footer .logo_tate img[src*="logo_hasegawakensetsu"] { width: auto; height: 1.78em; left: -2px; } /* ------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------ */ body { display: grid; gap: var(--padding); } /* ------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------ */ header { position: sticky; left: 0; right: 0; top: 0; z-index: 100; background-color: rgb(var(--theme_light)); display: grid; align-content: center; } /* */ .scroll header { } header>*[class*="wrap"] { display: flex; justify-content: space-between; align-items: center; height: var(--header_h); } .Harea { display: grid; gap: var(--gap); } .Harea .page_head { order: 2; } /* パンくず */ .breadcrum { order: 1; display: grid; align-items: end; padding-bottom: 1em; border-bottom-width: 1px; border-color: rgb(var(--theme)); color: rgb(var(--theme)); } /* height: 11em; */ .breadcrum>* { font-size: smaller; display: flex; justify-content: end; gap: var(--gap); } .breadcrum .head { position: absolute; left: 0; top: 50%; translate: -0% -50%; } .breadcrum a { } .breadcrum a>b { opacity: unset; } .breadcrum a>b + span { position: absolute; left: 0; top: 50%; translate: -0% -50%; width: max-content; opacity: 0; } .breadcrum a:hover>b { opacity: 0; } .breadcrum a:hover>b + span { opacity: unset; } /* ------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------ */ .global { } header .global { display: grid; align-items: center; } header .global ul { display: flex; gap: var(--gap); height: 100%; } header .global ul>li { } header .global :is(a, .a) { display: flex; justify-content: center; justify-items: center; align-items: center; width: 100%; height: 100%; } header .global :is(a, .a)>b { font-size: inherit; font-weight: inherit; opacity: 1; } header .global :is(a, .a)>span:not([class*="icon_"]) { position: absolute; left: 50%; top: calc(50% - 1px); translate: -50% -50%; width: fit-content; width: max-content; opacity: 0; } header .global :is(a, .a):hover>b { opacity: 0; } header .global :is(a, .a):hover>span:not([class*="icon_"]) { opacity: unset; } /* header .global :is(a, .a)>*:not([class*="icon_"]) { top: -0.25em; display: grid; grid-template-rows: var(--icon_w) auto; justify-content: center; justify-items: center; align-content: center; align-items: center; gap: 0.25em; } header .global :is(a, .a)>*>b { font-weight: inherit; font-size: smaller; } header .global *[class*="icon_"] { justify-content: center; } header .global *[class*="icon_"] img { } header .global *.icon_arrow { --icon_w : 0.75em; position: absolute; left: 50%; bottom: 0.5em; translate: -50% -0%; height: auto; rotate: 90deg; } header .global *.icon_arrow img { filter: brightness(0); } */ /* ------------------------------------------------------ [global menu]

お問い合わせ */ header .global ul>li:has([href*="contact/"]) { line-height: 1; } header .global ul>li:has([href*="contact/"]) :is(a, .a) { display: flex; align-items: center; gap: 1em; padding: 0.5em 1em; background-color: rgb(var(--bk)); color: rgb(var(--w)); border-width: 0; text-align: center; } header .global ul>li:has([href*="contact/"]) :is(a, .a) span[class*="icon"] { filter: brightness(0) invert(1); } header .global ul>li:has([href*="contact/"]) :is(a, .a)>span:not([class*="icon_"]) { left: initial; right: 1em; translate: -0% -50%; } /* ------------------------------------------------------ [global menu]

child */ header .global .subcate { } header .global .subcate :is(a, .a) { } header .global.pulldown ul li .child { position: fixed; left: 1em; right: 1em; top: calc((1em + var(--header_h)) - 1em); top: calc((1em + var(--header_h)) - 0.5em); width: auto; background-color: transparent; z-index: 10; } /* top: 0; padding-top: calc((1em + var(--header_h)) - 2px); */ header .global.pulldown ul li .child .child_content { background-color: rgb(255 255 255); } header .global.pulldown ul li .child .child_content::before { content: ""; display: block; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 100%; height: 100%; border-width: 1px; border-top-width: 0; } header .global.pulldown ul li:hover .child { } header .global .child { } header .global .child .title { display: block; font-size: larger; } header .global .child_content { padding: var(--gap) 1em; display: grid; gap: calc(var(--gap) / 2); } header .global form[name="frm_search"] { } header .global form[name="frm_search"] input { font-size: 1.5em; } header .global .child_content>ul { display: flex; flex-wrap: wrap; gap: var(--padding); } .drawer { text-align: left; } .drawer>ul { } .drawer>ul>li { } .drawer :is(a, .a) { display: flex; min-width: 20em; padding-left: 0; padding-right: 0; } .drawer :is(a, .a)>span[class*="icon_"] { order: 2; } .drawer :is(a, .a)>b { order: 1; } .drawer :is(a, .a)>span:not([class*="icon_"]) { } .drawer a:has([class*="icon_"])>span:not([class*="icon_"]) { left: 0; right: initial; } /* ------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------ */ main { display: grid; gap: var(--padding); } .Ct { display: grid; gap: var(--ct_gap); } /* ------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------ */ .sideArea { position: fixed; top: calc(var(--header_h) + var(--gap)); left: 1em; z-index: 100; transition: all 0.2s ease-out; } /* opacity: unset; bottom: var(--padding); top: calc(var(--header_h) + var(--gap)); */ .is_scrolling .sideArea { } /* opacity: 0.3; */ .sideArea a { filter: drop-shadow(0 0 0.2em rgb(var(--theme_light))); } /* font-size: 1.33em; */ .sideArea a:has([class*="icon_"]) { display: grid; display: flex; justify-items: center; min-width: initial; width: auto; padding: 1em 0.5em; padding: 0.5em 1em; background-color: rgb(var(--bk)); color: rgb(255 255 255); border-width: 0; } .sideArea a *[class*="icon_"] { filter: brightness(0) invert(1); } .sideArea a:has([class*="icon_"])>b { font-size: inherit; opacity: unset; } /* writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; */ .sideArea a:has([class*="icon_"])>b + span { font-size: inherit; position: absolute; left: 50%; right: 1em; bottom: 1em; translate: -50% -50%; top: 50%; left: initial; bottom: initial; translate: -0% -50%; width: max-content; rotate: 90deg; rotate: 0deg; opacity: 0; } .sideArea a:hover>b { opacity: 0; } .sideArea a:hover>b + span { opacity: unset; } /* ------------------------------------------------------------------------------------------------------------