@charset "UTF-8";
 :root{
--en: "Barlow", sans-serif;
--en2: "Lato", sans-serif;
}
body,p,h2,h3,h4,h5,h6{
letter-spacing:0.04em;
font-family: 'Lato', 'Noto Sans JP', sans-serif;
}
h2,h3,h4,h5,h6{
font-weight:400
}
p{
font-size:clamp(16px , 1.1vw , 18px);
}
.en{
font-family:var(--en);
}
.en2{
font-family:var(--en2);
}
.p-topArea{
padding:5rem 0 2rem;
}
.l-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background:rgba(255, 255, 255, 0.88);
transition: transform 0.5s ease;
}
.c-gnav__depth1:before{
display:none
} .l-header.is-hidden {
transform: translateY(-100%);
} .l-header.is-show {
transform: translateY(0);
}
header .l-container{
max-width:100%;
}
.left3{
margin-left:3rem;
}
.c-postTimes__item svg{
display:none;
}
.p-postList__category svg{
display:none;
}
.p-postList__category {
border-left:solid 1px #DFDDD7;
padding-left:10px;
}
.p-postList__title{
font-size:clamp(16px , 1.3vw , 20px) !important;
font-weight:400 !important;
} .teaser_out{
position:relative;
}
.teaser_txt{
position:absolute;
bottom:3.5rem;
left:3.5rem;
z-index:3;
}
.zoom_fade_slider2 .ark-block-slider__slide {
overflow: hidden;
}
.zoom_fade_slider2 .ark-block-slider__media {
transform: scale(1.04);
transform-origin: center center;
will-change: transform;
}    .mv_slider {
position: relative;
overflow: hidden;
}
.mv_slider::before {
content: "";
position: absolute;
inset: 0;
background: #131E38;
z-index: 20;
pointer-events: none;
animation: slider-mask-out 1.2s cubic-bezier(.77, 0, .18, 1) 0.3s forwards;
}
@keyframes slider-mask-out {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.fadeup {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fadeup.is-show2 {
opacity: 1;
transform: translateY(0);
} .continuous_slider .swiper-wrapper {
transition-timing-function: linear !important;
} .continuous_slider .swiper-slide img {
width: 100%;
height: auto;
display: block;
} .hero_mask {
position: relative;
display: table;
overflow: hidden; visibility: hidden;
} .hero_mask::before {
content: "";
position: absolute;
inset: 0;
z-index: 10;
pointer-events: none; visibility: visible;
opacity: 0;
transform: translateX(0);
animation: hero-mask-out 0.8s cubic-bezier(.77, 0, .18, 1) forwards;
} .hero_mask01 {
animation: hero-text-show 0s 0.9s forwards;
}
.hero_mask01::before {
background: #FF8243;
animation-delay: 0.9s;
} .hero_mask02 {
animation: hero-text-show 0s 1.1s forwards;
}
.hero_mask02::before {
background: #fff;
animation-delay: 1.1s;
} .hero_mask03 {
animation: hero-text-show 0s 1.3s forwards;
}
.hero_mask03::before {
background: #fff;
animation-delay: 1.3s;
} @keyframes hero-text-show {
to {
visibility: visible;
}
} @keyframes hero-mask-out {
0% {
opacity: 1;
transform: translateX(0);
}
99% {
opacity: 1;
transform: translateX(105%);
}
100% {
opacity: 0;
transform: translateX(105%);
}
}
.random_text .random_char {
display: inline-block;
opacity: 0;
filter: blur(5px);
transform:
translate(var(--x), var(--y))
rotate(var(--r))
scale(0.8);
} .random_text.is-show .random_char {
animation: random-char-in 0.8s cubic-bezier(.22, 1, .36, 1) forwards;
animation-delay: var(--delay);
}
@keyframes random-char-in {
0% {
opacity: 0;
filter: blur(5px);
transform:
translate(var(--x), var(--y))
rotate(var(--r))
scale(0.8);
}
100% {
opacity: 1;
filter: blur(0);
transform:
translate(0, 0)
rotate(0)
scale(1);
}
}
.section1_txt1{
font-size:clamp(14px , 1.3vw , 20px);
}
.section1_txt2{
font-size:clamp(18px , 2.5vw , 40px);
font-family:var(--en2);
font-weight:600;
line-height:1;
}
.section1_txt2 strong{
font-size:clamp(26px , 4.5vw , 64px);
}
.section2_img img{
border-radius:10px 0 0 10px;
}
.kazari_txt1{
font-family:var(--en2);
font-weight: 900;
font-size:clamp(40px , 8vw , 150px) ;
letter-spacing: 0.01em;
line-height: 1;
text-align: left;
color: #a9a9c1;
opacity: 0.15;
margin-left:3rem;
}
.kazari_txt1_sub{
margin-left:3rem;
font-size:clamp(30px , 3vw ,40px);
font-weight:500;
}
.flow_number{
font-family:var(--en2);
font-weight: 900;
font-size:clamp(90px , 12vw , 200px) ;
letter-spacing: 0.01em;
line-height: 1;
color: #a9a9c1;
opacity: 0.15;
position:absolute;
right:0;
bottom:-20px;
}
h2{
font-size:clamp(28px , 4vw ,38px);
font-weight:400;
}
.home h2{
font-size:clamp(30px , 4vw ,60px);
font-weight:400;
}
.ptivacy h2{
font-size:clamp(26px , 3.5vw ,40px);
font-weight:400;
}
.reason_btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 280px;
height: 72px;
background: #131E38;
border: 1px solid #131E38;
border-radius: 100px;
color: #fff;
font-size: 1.15rem;
font-weight: 400;
text-decoration: none; overflow: hidden;
transition:
background 0.4s ease,
color 0.4s ease;
}
.reason_btn-L{
width: 420px;
}
.btn_border{
border-color:#fff;
}
.mt50{
margin-top:50px;
}
.mt200{
margin-top:200px;
} .reason_btn::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 1px;
background: #fff;
transition:
width 0.4s ease,
background 0.4s ease;
} .reason_btn::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 2px;
background: #FF8243;
transition: width 0.4s ease;
} .reason_btn:hover {
background: #fff;
color: #131E38;
} .reason_btn:hover::before {
background: #FF8243;
width: 52px;
} .reason_btn:hover::after {
width: 52px;
}
.btn_white.reason_btn{
background: #fff;
color: #131E38;
}
.btn_white.reason_btn::before{
background:#D3D5DA;
}
.btn_white.reason_btn:hover{
background: #131E38;
color: #fff;
} .mask_reveal {
position: relative;
display: table;
overflow: hidden;
} .mask_reveal.mask-ready {
color: transparent;
} .mask_reveal::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: var(--mask-color);
transform: translateX(-101%);
pointer-events: none;
} .mask_reveal.is-show::before {
animation: mask-reveal 1s cubic-bezier(.77, 0, .18, 1) forwards;
} .mask_reveal.mask-ready.is-show {
animation: mask-text-show 0s 0.5s forwards;
} @keyframes mask-reveal {
0% {
transform: translateX(-101%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(105%);
}
} @keyframes mask-text-show {
to {
color: var(--mask-color);
}
} @media (prefers-reduced-motion: reduce) {
.mask_reveal.mask-ready {
color: var(--mask-color);
}
.mask_reveal::before {
display: none;
}
}
.midashi-sub{
font-size:clamp(19px , 1.8vw , 24px);
}
.top_all_slider p{
font-size:clamp(10px ,0.7vw , 14px);
}
.top_hosyou .en{
font-size:clamp(10px ,0.7vw , 14px);
}
.top_hosyou .txt{
font-size:clamp(14px ,0.7vw , 15px);
}
.top_tec_box h3{
font-size:clamp(28px , 2.8vw , 38px);
}
.top_tec_box img{
max-height:80vh;
width:auto;
}
.img-round img{
border-radius:5px;
}
.w80{
width:90%;
margin:auto;
}
.w75{
width:75%;
margin:auto;
}
.line_grid{
margin-top:3rem;
}
.line_grid > .ark-block-columns__inner > .ark-block-column {
position: relative;
padding: 40px;
} .line_grid > .ark-block-columns__inner > .ark-block-column:nth-child(odd)::after {
content: "";
position: absolute;
top: 20px;
right: 0;
width: 1px;
height: calc(100% - 40px);
background: rgba(255,255,255,.25);
} .line_grid > .ark-block-columns__inner > .ark-block-column:nth-child(-n+2)::before {
content: "";
position: absolute;
left: 20px;
bottom: 0;
width: calc(100% - 70px);
height: 1px;
background: rgba(255,255,255,.25);
}
.line_grid_sub > .ark-block-columns__inner > .ark-block-column:nth-child(-n+2)::before{
left: 33px;
}
.maru_ic::before{
content: '●';
font-size: 12px;
position: relative;
top: -2px;
left:-3px;
color:#D86A32
margin-right: 3px;
} .company_switch .ark-block-columns__inner{
max-width:1700px;
margin-left:auto;
margin-right:auto;
}
.company_visual {
position: relative;
overflow: hidden;
aspect-ratio: 650 / 840;
} .company_visual .company_visual_img {
position: absolute;
inset: 0;
width: 80%;
max-height:800px;
height: auto;
margin: 0;
right:7%;
top:3rem;
left:auto;
opacity: 0;
transition:
opacity .6s ease,
transform 1s ease;
transform: scale(1.03);
pointer-events: none;
} .company_visual .company_visual_img:first-child,
.company_visual .company_visual_img.is-active {
opacity: 1;
transform: scale(1);
} .company_visual .company_visual_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .company_nav_item {
transition: opacity .3s ease;
text-align:left;
padding-left:3rem;
}
#wrapper .company_nav_item:first-child a{
border-top: 1px solid rgba(45, 61, 98, 0.24)!important;
}
#wrapper .company_nav_item a{
border-bottom: 1px solid rgba(45, 61, 98, 0.24)!important;
margin-left:none!important;
margin-right:none!important;
box-shadow:none;
text-align:left!important;
position:relative;
font-size:26px;
padding-left:20px;
padding:30px 20px;
line-height:0.9;
justify-content:normal;
}
#wrapper .company_nav_item a strong{
font-size:15px;
font-weight:400;
font-family:var(--en);
color: #9598A4;
opacity: 0.61;
}
#wrapper .company_nav_item a .ark-block-button__icon.-right{
position:absolute;
right:10px;
color:#D86A32;
}
.company_nav_item:hover {
}
.top_recruit_bn{
border-radius:25px;
padding:55px;
position:relative;
}
.top_recruit_bn h2{
font-size:clamp(45px , 4.8vw , 65px)!important;
display: table;
line-height: 1.4em;
padding: 5px 10px;
color:#000;
background:rgba(255, 255, 255, 0.89);
}
.recruit_more{
margin:0!important;
height:1px;
}
.recruit_more a{
opacity:0;
font-size:0px;
}
.recruit_more a::after {
position: absolute !important;
top: 0;
width:100% !important;
height:100% !important;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
pointer-events: auto;
content: "" !important;
display:block !important;
background-color: transparent;
} .loop_slider .swiper-wrapper {
transition-timing-function: linear !important; align-items: flex-end;
} .loop_slider .ark-block-slider__slide {
height: auto;
} .loop_slider .ark-block-slider__media {
display: flex;
align-items: flex-end;
}
.loop_slider .ark-block-slider__img {
display: block;
width: 100%;
height: auto !important;
object-fit: contain;
border-radius:5px;
}
.contact_links {
display: flex;
width: 100%;
border-top: 1px solid #ddd9d2;
border-bottom: 1px solid #ddd9d2;
}
.contact_link {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
min-height: 350px;
padding: 70px 7%;
color: #000;
text-decoration: none;
background: #f5f2ec;
overflow: hidden;
transition:
background-color .4s ease,
color .4s ease;
} .contact_link + .contact_link {
border-left: 1px solid #ddd9d2;
} .contact_link_en {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.4;
font-weight: 600;
color: #e56727;
transition: color .4s ease;
}
.contact_link_title {
margin: 0 0 30px;
font-size: 45px;
line-height: 1.3;
font-weight: 700;
}
.contact_link_text {
margin: 0;
font-size: 20px;
line-height: 2;
font-weight: 600;
} .contact_link_arrow {
position: relative;
flex: 0 0 24px;
width: 24px;
height: 50px;
margin-left: 40px;
} .contact_link_arrow::before,
.contact_link_arrow::after {
content: "";
position: absolute;
right: 0;
width: 2px;
height: 25px;
background: #e56727;
transition:
background-color .4s ease,
transform .4s ease;
}
.contact_link_arrow::before {
top: 0;
transform: rotate(-40deg);
transform-origin: right bottom;
}
.contact_link_arrow::after {
bottom: 0;
transform: rotate(40deg);
transform-origin: right top;
} @media (hover: hover) {
.contact_link:hover {
background: #e56727;
color: #fff;
}
.contact_link:hover .contact_link_en {
color: #fff;
}
.contact_link:hover .contact_link_arrow {
transform: translateX(8px);
transition: transform .4s ease;
}
.contact_link:hover .contact_link_arrow::before,
.contact_link:hover .contact_link_arrow::after {
background: #fff;
}
}
.l-footer__widgets{
padding:0;
}
.l-footer .l-container{
max-width:100%;
padding:0;
margin:0;
}
.footer_bag img{
width:auto;
height:97px;
}
.footer_link{
list-style:none;
text-align:left;
margin-left:5rem;
font-size:15px;
display:flex;
flex-wrap:wrap;
margin-top:20px !important;
}
.footer_link li{
width:33.3%;
}
.footer_link li,.footer_link li a{
color:#fff;
font-weight:600;
margin-bottom:27px;
}
.footer_link li a:hover{
opacity:0.7;
}
footer .c-widget+.c-widget{
margin-top:0;
}
.c-gnav__li.-current, .c-gnav__li.focus, .c-gnav__li:hover{
color:#FF8243
}
.menu-item-311 a.c-gnav__a{
border:solid 1px #FF8243 !important;
color: #FF8243 !important;
padding:20px 40px !important;
height:52px;
margin-top:6px;
margin-left:15px;
}
.menu-item-311 a.c-gnav__a:hover{
background-color:#FF8243 !important;
color:#131E38 !important;
}
.p-topArea.-noimg{
background-color:#131E38;
min-height:24vh
}
.c-pageTitle__sub:after, .c-pageTitle__sub:before{
display:none;
}
.c-pageTitle__sub {
font-family:var(--en);
font-style:normal !important;
font-size:clamp(40px , 4.5vw , 64px);
line-height:1.2;
margin-top:3.5rem;
font-weight:600;
}
.p-topArea__title {
text-align:left !important;
display:flex;
flex-wrap:wrap;
flex-direction: column-reverse;
}
.c-pageTitle__main{
font-size:clamp(17px , 1.5vw , 20px);
font-weight:400;
margin-top:0.5rem;
color:#FF8243 ;
}
.p-breadcrumb__item svg{
display:none;
}
.p-breadcrumb__list {
display: flex;
flex-wrap: wrap;
list-style: none;
overflow: hidden;
width: 100%;
justify-content: end;
position: relative;
top: -30px;
color: #fff;
}
.p-breadcrumb {
margin: 0 auto;
padding: 0;
height: 0;
}
.l-content__body{
margin-top:0;
}
.parallax_bg {
position: relative;
overflow: hidden;
z-index: 0;
}
.parallax_bg::before {
content: "";
position: absolute;
inset: -100px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transform: translateY(var(--parallax-y, 0));
}
.ry_title{
position:absolute;
}
[class*=is-style-ark-list-icon]>li:before{
background-color:#FF8243;
}
figcaption{
font-size:16px;
color:#000;
}
.under_bar{
padding-bottom:12px;
margin-bottom:18px;
border-bottom: 1px solid rgba(112, 112, 112, 0.29);
font-size:clamp(20px , 2.1vw , 26px);
}
.box30{
padding:35px !important;
}
.box20{
padding:25px !important;
}
.field-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
width: 100%;
} .field-box {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 405px;
padding: 35px 40px 35px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.55);
} .field-en {
margin: 0 0 8px;
font-family:var(--en);
color: #FF8243;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
} .field-title {
margin: 0 0 22px;
color: #fff;
font-size: 28px;
line-height: 1.4;
font-weight: 500;
} .field-text {
margin: 0;
font-size: 17px;
line-height: 1.85;
} .field-link {
position: relative;
display: inline-block;
margin-top: 12px;
padding-bottom: 6px;
color: #FF8243;
font-size: 17px;
line-height: 1.5;
text-decoration: none;
transition: color 0.3s ease;
}
.field-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #FF8243;
transform: scaleX(1);
transform-origin: right center;
transition: transform 0.35s ease;
} .field-link:hover::after {
transform: scaleX(0);
transform-origin: right center;
} .field-quality {
margin-top: 50px;
}
.field-quality-label {
display: inline-block;
margin-bottom: 8px;
padding: 3px 10px;
background: #fff;
color: #14224c;
font-size: 14px;
line-height: 1.4;
}
.field-quality p {
margin: 0;
color: #fff;
font-size: 17px;
line-height: 1.7;
}
.box_bag{
padding:30px;
background-color:#E8E5DC;
}
.kiki_box{
padding:30px;
background-color:#1B234D;
border:solid 1px rgba(255, 255, 255, 0.24);
}
.kiki_box .wp-block-media-text__content{
padding-top:0;
margin-top:0;
}
.kiki_box p{
font-size:16px;
}
.jis_box .wp-block-media-text__content{
padding-top:0;
margin-top:0;
}
.flow_box{
position:relative;}
.wp-block-flexible-table-block-table th,
.wp-block-flexible-table-block-table td{
padding:15px !important;
}
.flow_box .wp-block-eds-animate-it-block,
.flow_box .eds-animate{
height:100%
}
.fig_white figcaption{
color:#fff;
}
.partner_list{
list-style:none;
padding:0;
display:flex;
flex-wrap:wrap;
}
.partner_list li{
width:32.333%;
padding:14px;
margin-right:1%;
background:#E8E5DC;
}
.left_border{
border-left:solid 4px #FF8243;
padding-left:10px;
}
.ark-block-accordion__title {
align-items: center;
background: #020B39;
color:#fff;
font-size:1.2rem;
cursor: pointer;
display: flex;
justify-content: space-between;
padding: 1.25em 1.8em;
position: relative;
}
.ark-block-faq__q{
font-size: clamp(16px, 1.1vw, 18px);
}
.ark-block-faq__q:before{
background-color: #020B39;
}
.history_image{
width:70%;
}
.ark-block-timeline__label{
font-family:var(--en);
font-weight:600;
color:#FF8243;
}
.history_image2{
width:200px;
}
.smf-item__description{
color:#FF8243 !important;
font-size:0.8rem !important;
}
.snow-monkey-form{
padding:30px 45px;
background-color:#E8E5DC;
border-radius:10px;
}
.ark-block-timeline__title{
font-size:clamp(20px , 2.5vw , 28px);
}
.ark-block-timeline__item {
opacity: 0;
transform: translateY(30px);
transition:
opacity 1.3s ease,
transform 1.3s ease;
}
.ark-block-timeline__item.is-show {
opacity: 1;
transform: translateY(0);
}
.message_ph h2{
display:table;
padding:15px 20px;
background-color:#fff;
font-size:clamp(28px , 3.4vw , 50px);
font-weight:400;
line-height:1;
margin-left:3rem;
}
.stk_box{
position: sticky;
position: sticky;
top: 0;
align-self: flex-start;
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
box-sizing: border-box;
}
.l-footer__foot{
display:none;
}
#footer .footer_link li a{
text-decoration:none !important;
transition:0.3s;
}
.single .l-content__body,
.archive .l-content__body{
padding:5rem 3rem;
}
.single .c-pageTitle__main{
color:#000;
}
.archive  .c-pageTitle__main {
font-family: var(--en);
font-style: normal !important;
font-size: clamp(40px, 4.5vw, 64px);
line-height: 1.2;
margin-top: 3.5rem;
font-weight: 600;
color:#020B39
}
.p-postList.-type-card{
gap:20px;
}
.archive .p-postList.-type-card .p-postList__item{
background-color: #fff;
padding: 25px;
}
[data-sidebar=off] .p-postList.-type-card .p-postList__item{
flex-basis: calc(33.3% - 20px);
}
.scroll_zoom {
overflow: visible !important;
} .zoom_scroll_section {
position: relative !important;
height: 260vh !important;
width: 100% !important;
overflow: visible !important;
}
.zoom_scroll_section > .wp-block-group__inner-container {
position: relative;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
} .scroll_zoom_inner {
position: sticky !important;
top: 0;
width: 100% !important;
max-width: none !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
}
.scroll_zoom_inner > .wp-block-group__inner-container {
position: relative;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
} .scroll_zoom_image {
position: absolute !important;
inset: 0;
width: 94vw !important;
max-width: none !important; aspect-ratio: 2.2 / 1;
height: auto !important;
margin: auto !important;
overflow: hidden;
border-radius: 24px;
z-index: 1;
transform-origin: center center;
will-change: transform;
} .scroll_zoom_image img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
object-fit: cover;
} .zoom_scroll_text {
position: absolute !important;
left: 7%;
top: 60%;
z-index: 10;
width: auto !important;
max-width: 80% !important;
margin: 0 !important;
transform: translateY(-50%);
text-align: left;
} .zoom_scroll_text > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: flex-start;
width: auto !important;
max-width: none !important;
margin: 0 !important;
} .zoom_scroll_text h2 {
display: inline-block;
width: auto;
max-width: 100%;
margin: 0 !important;
padding: 5px 10px;
background: rgba(255, 255, 255, .92);
color: #14213d !important;
font-size: clamp(23px, 4vw, 65px) !important;
font-weight: 400;
line-height: 1.15;
letter-spacing: .04em;
white-space: nowrap;
} .zoom_scroll_text h2 + h2 {
margin-top: .18em !important;
} @media screen and (max-width: 768px) {
.zoom_scroll_section {
height: 220vh !important;
}
.scroll_zoom_image {
width: 92vw !important;
aspect-ratio: 1 / 1.9;
border-radius: 36px; }
.zoom_scroll_text {
left: 7%;
top: 66%;
width: 86% !important;
max-width: 86% !important;
}
.zoom_scroll_text h2 {
font-size: clamp(1.45rem, 5vw, 2.5rem) !important;
white-space: normal;
}
}
.parallax_bg1::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/08/str_image.jpg);
}
.parallax_bg2::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/08/str_image21.jpg);
}
.parallax_bg2-2::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/08/str_image2-2.jpg);
}
.parallax_bg3::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/08/str_image3.jpg);
}
.parallax_bg4::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/09/str_image4_c.jpg);
}
.parallax_bg5::before{
background-image: url(//daiichi-toso.co.jp/wp-content/uploads/2026/08/str_image5.jpg);
}
@media (min-width: 1000px) {
#header .l-header__body {
position: relative;
}
#header .l-header__right,
#header .c-gnavWrap,
#header .c-gnav,
#header .c-gnav > .c-gnav__li {
position: static;
}
#header .c-gnav > .c-gnav__li > .sub-menu {
position: absolute;
top: 100%;
left: 50%;
right: auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0;
width: 100vw;
max-width: none;
margin: 0;
padding: 10px;
box-sizing: border-box;
list-style: none;
background:rgba(255, 255, 255, .9);
box-shadow: none;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .25s ease, visibility .25s ease;
z-index: 100;
}
#header .c-gnav > .c-gnav__li:hover > .sub-menu,
#header .c-gnav > .c-gnav__li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#header .c-gnav__depth1 > li {
flex: 0 0 auto;
width: auto;
margin: 0;
border: 0;
border-left: 1px solid rgba(0, 0, 0, .12);
}
#header .c-gnav__depth1 > li:last-child {
border-right: 1px solid rgba(0, 0, 0, .12);
}
#header .c-gnav__depth1 > li > a {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
padding: 12px 40px;
color: #0D1934;
background: transparent;
font-size: 16px;
line-height: 1.5;
white-space: nowrap;
}
#header .c-gnav__depth1 > li > a::after {
content: "→";
position: static;
width: auto;
height: auto;
margin: 0;
border: 0;
background: none;
color: #FF8243;
transform: none;
transition: transform .25s ease;
}
#header .c-gnav__depth1 > li > a:hover::after {
transform: translateX(5px);
}
}