@charset "utf-8"; /* ------------------------------------------------------------------------------ */ @media print, screen and (min-width: 769px) { #pageBiz{} #pageBiz nav.intro{ padding: 150px 0 52px 0; margin: 0 0 52px; } #pageBiz nav.intro{ background: #F3F5F7 url("../img/biz/nav.intro.bg.png") no-repeat center bottom; } #pageBiz nav.intro ul.menu{ list-style: none; margin: 0 30px; padding: 0; display: flex; justify-content: space-between; gap: 0 30px; max-width: 1029px; } #pageBiz nav.intro ul.menu > li{ max-width: 323px; width: 33%; } #pageBiz nav.intro ul.menu > li section{ position: relative; } #pageBiz nav.intro ul.menu > li.i1 section{ border-bottom: 5px solid #BF2424; } #pageBiz nav.intro ul.menu > li.i2 section{ border-bottom: 5px solid #D9A62E; } #pageBiz nav.intro ul.menu > li.i3 section{ border-bottom: 5px solid #1C4A6D; } #pageBiz nav.intro ul.menu > li section h2{ margin: 0 0 158px; padding: 0; line-height: 1; height: 56px; color: #FFF; font-size: 18px; display: flex; justify-content: center; align-items: center; } #pageBiz nav.intro ul.menu > li.i1 section h2{ background: #BF2424; } #pageBiz nav.intro ul.menu > li.i2 section h2{ background: #D9A62E; font-size: 17px; } #pageBiz nav.intro ul.menu > li.i3 section h2{ background: #1C4A6D; } #pageBiz nav.intro ul.menu > li.i1 section{ background: #FFF url("../img/biz/nav.intro.i1.image.jpg?") no-repeat center top 56px; background-size: auto 190px; } #pageBiz nav.intro ul.menu > li.i2 section{ background: #FFF url("../img/biz/nav.intro.i2.image.jpg") no-repeat center top 56px; background-size: auto 190px; } #pageBiz nav.intro ul.menu > li.i3 section{ background: #FFF url("../img/biz/nav.intro.i3.image.jpg") no-repeat center top 56px; background-size: auto 190px; } #pageBiz nav.intro ul.menu > li section p{ display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.6; margin: 0; padding: 47px 0 35px; height: 115px; } #pageBiz nav.intro ul.menu > li section a{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-indent: 100%; overflow: hidden; white-space: nowrap; display: block; pointer-events: none; } #pageBiz nav.intro ul.menu > li.i1 section a{ background: url("../img/biz/nav.intro.arrow.i1.down.svg") no-repeat center bottom 10px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li.i2 section a{ background: url("../img/biz/nav.intro.arrow.i2.down.svg") no-repeat center bottom 10px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li.i3 section a{ background: url("../img/biz/nav.intro.arrow.i3.down.svg") no-repeat center bottom 10px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li.i1 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.i1.up.svg") no-repeat center bottom 5px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li.i2 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.i2.up.svg") no-repeat center bottom 5px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li.i3 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.i3.up.svg") no-repeat center bottom 5px; background-size: 16px auto; } #pageBiz nav.intro ul.menu > li nav{ display: block !important; } #pageBiz nav.intro ul.menu > li nav ul{ background: #FFF; list-style: none; margin: 0; padding: 0; } #pageBiz nav.intro ul.menu > li nav ul li{ border-bottom: 1px solid #AAA; } #pageBiz nav.intro ul.menu > li nav ul li a{ display: block; line-height: 1.5; font-size: 16px; padding: 7px 10px; text-decoration: none; color: #000; } #pageBiz div.panelMain{} #pageBiz div.panelMain section.sec1{ margin: 0 0 100px 0; padding: 0 42px; background: url("../img/biz/sec1.bg.svg") no-repeat left -25px top -70px; position: relative; } #pageBiz div.panelMain section.sec1 h2{ font-size: 30px; line-height: 1.4; font-weight: var(--font-sans-black); margin: 0 0 35px; padding: 15px 0 15px 27px; border-left: 5px solid #1C4A6D; position: relative; } #pageBiz div.panelMain section.sec1 p{ margin: 0 0 45px; font-size: 16px; line-height: 2.3; width: 95%; } #pageBiz div.panelMain section.sec1 div.nav{ display: flex; justify-content: space-between; gap: 2% 0; } #pageBiz div.panelMain section.sec1 a.link2basis{ background: url("../img/biz/sec1.link2basis.png") no-repeat; background-size: 100% auto; width: 49%; height: 70px; display: block; } #pageBiz div.panelMain section.sec1 a.link2pregio{ background: url("../img/biz/sec1.link2pregio.png?1") no-repeat; background-size: 100% auto; width: 49%; height: 70px; display: block; } _#pageBiz div.panelMain section.sec1::after{ content: ''; background: url("../img/biz/sec1.figure.jpg?1") no-repeat; width: 771px; height: 552px; display: block; z-index: -1; position: absolute; right: -70px; bottom: -100px; } #pageBiz div.panelMain section.sec2{ margin: 0 0 70px 0; padding: 0 42px; } #pageBiz div.panelMain section.sec2 h2{ font-size: 30px; line-height: 1.4; font-weight: var(--font-sans-black); margin: 0; padding: 15px 0 15px 27px; border-left: 5px solid #1C4A6D; position: relative; } #pageBiz div.panelMain section.sec2 p.intro{ margin: 0 0 50px; padding: 15px 0 15px 28px; border-left: 5px solid #E4E4E4; font-size: 18px; line-height: 1.6; } #pageBiz div.panelMain section.sec2 section{ padding: 0 0 0 0; margin: 0 0 60px; } #pageBiz div.panelMain section.sec2 section h3{ font-size: 21px; line-height: 1; margin: 0 0 30px; padding: 5px 0 6px 28px; border-left: 4px solid #707070; } #pageBiz div.panelMain section.sec2 section h4{ font-size: 19px; line-height: 1; margin: 0 0 30px 33px; padding: 0; font-weight: normal; } #pageBiz div.panelMain section.sec2 section p{ font-size: 15px; line-height: 1.9; margin: 0 0 30px 33px; padding: 0; } #pageBiz div.panelMain section.sec2 section ul{ list-style: none; margin: 0; padding: 0; } #pageBiz div.panelMain section.sec2 section a.more{ background: url("../img/biz/sec2.icon.right.arrow.red.svg") no-repeat right 12px center; background-size: 10px auto; display: flex; justify-content: center; align-items: center; color: #BF2424; border-radius: 20px; border: 1px solid #BF2424; margin: 0 auto; text-decoration: none; width: 175px; height: 29px; line-height: 1; font-size: 15px; } #pageBiz div.panelMain section.sec2 section.s1{ background: url("../img/biz/sec2.s1.image.jpg?2") no-repeat right bottom; background-size: 440px auto; min-height: 340px; margin-bottom: 30px; } #pageBiz div.panelMain section.sec2 section.s1 p{ width: 440px; } #pageBiz div.panelMain section.sec2 section.s2 ul{ display: flex; justify-content: space-between; } #pageBiz div.panelMain section.sec2 section.s2 ul li{ width: 440px; padding: 0 0 0 0; } #pageBiz div.panelMain section.sec2 section.s2 ul li span{ text-align: center; margin: 0 0 20px; display: block; font-weight: bold; font-size: 18px; line-height: 1.6; } #pageBiz div.panelMain section.sec2 section.s2 ul li.i1::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s2.i1.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s2 ul li.i2::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s2.i2.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s3{ background: url("../img/biz/sec2.s3.image.jpg?") no-repeat left bottom; background-size: 440px auto; min-height: 340px; } #pageBiz div.panelMain section.sec2 section.s3 h4{ width: 440px; margin: 0 0 30px auto; } #pageBiz div.panelMain section.sec2 section.s3 p{ width: 440px; margin: 0 0 0 auto; } #pageBiz div.panelMain section.sec2 section.s4 ul{ display: flex; justify-content: space-between; } #pageBiz div.panelMain section.sec2 section.s4 ul li{ width: 440px; padding: 0 0 0 0; } #pageBiz div.panelMain section.sec2 section.s4 ul li span{ text-align: center; margin: 0 0 20px; display: block; font-weight: bold; font-size: 18px; line-height: 1.6; } #pageBiz div.panelMain section.sec2 section.s4 ul li.i1::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s4.i1.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s4 ul li.i2::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s4.i2.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s5{ background: url("../img/biz/sec2.s5.image.jpg?") no-repeat right bottom; background-size: 440px auto; min-height: 340px; margin-bottom: 30px; } #pageBiz div.panelMain section.sec2 section.s5 p{ width: 440px; } #pageBiz div.panelMain section.sec2 section.s6 ul{ display: flex; justify-content: space-between; } #pageBiz div.panelMain section.sec2 section.s6 ul li{ width: 440px; padding: 0 0 0 0; } #pageBiz div.panelMain section.sec2 section.s6 ul li span{ text-align: center; margin: 0 0 20px; display: block; font-weight: bold; font-size: 18px; line-height: 1.6; } #pageBiz div.panelMain section.sec2 section.s6 ul li.i1::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s6.i1.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s6 ul li.i2::before{ content: ''; display: block; height: 260px; margin: 0 0 15px; background: url("../img/biz/sec2.s6.i2.image.jpg?") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec4{ margin: 0 0 55px 0; padding: 0 42px; } #pageBiz div.panelMain section.sec4 h2{ font-size: 30px; line-height: 1.4; font-weight: var(--font-sans-black); margin: 0 0 35px; padding: 10px 0 10px 27px; border-left: 5px solid #1C4A6D; } #pageBiz div.panelMain section.sec4 ul{ list-style: none; margin: 0 0 48px -2%; padding: 0; display: flex; flex-wrap: wrap; } #pageBiz div.panelMain section.sec4 ul li{ width: 31.3%; margin-left: 2%; background: #FFF; position: relative; } #pageBiz div.panelMain section.sec4 ul li a{ text-decoration: none; display: block; height: 100%; padding-top: 174px; color: #000; } #pageBiz div.panelMain section.sec4 ul li a div.image{ position: absolute; top: 0; left: 0; width: 100%; height: 174px; background: #EEE; overflow: hidden; } #pageBiz div.panelMain section.sec4 ul li a div.image img{ object-fit: cover; width: 100%; height: 100%; } #pageBiz div.panelMain section.sec4 ul li a .title{ margin: 15px 15px 15px 15px; padding: 0; font-size: 14px; line-height: 1.5; font-weight: var(--font-sans-bold); } #pageBiz div.panelMain section.sec4 ul li a p{ font-size: 12px; line-height: 1.5; margin: 0 15px 15px; color: #707070; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #pageBiz div.panelMain section.sec4 ul li a div.info{ display: flex; justify-content: space-between; margin: 0 15px 15px; align-items: center; } #pageBiz div.panelMain section.sec4 ul li a div.info span.date{ color: #707070; font-size: 12px; line-height: 1.3; } #pageBiz div.panelMain section.sec4 ul li a div.info span.category{ color: #FFF; font-size: 12px; line-height: 1.3; padding: 3px 10px 5px; background: #E2AF20; display: inline-block; } #pageBiz div.panelMain section.sec4 a.more{ display: block; margin: 0 auto; width: 280px; height: 60px; background: #FFF url("../img/common/btn.icon.arrow.01.svg") no-repeat right 28px center; font-weight: var(--font-sans-medium); line-height: 53px; text-decoration: none; text-align: center; font-size: 18px; color: #BF2424; border: 2px solid #BF2424; border-radius: 30px; } #pageBiz div.panelMain section.sec5{ margin: 0 0 0px; padding: 40px; height: 443px; background: url("../img/biz/sec5.bg.png") no-repeat left -40px top -110px; } #pageBiz div.panelMain section.sec5 div.inner{ height: 363px; padding: 62px 0 0 0; background: rgba(255,255,255,0.64); } #pageBiz div.panelMain section.sec5 h2{ font-size: 32px; line-height: 1.3; font-weight: var(--font-sans-bold); margin: 0 0 20px; padding: 0; text-align: center; color: #1C4A6D; } #pageBiz div.panelMain section.sec5 p{ text-align: center; margin: 0 0 48px; } #pageBiz div.panelMain div.contact{ display: flex; justify-content: space-between; align-items: center; margin: -140px auto 200px; max-width: 982px; padding: 10px 10px; border-radius: 5px; } #pageBiz div.panelMain div.contact.sticky{ position: -webkit-sticky; position: sticky; bottom: 20px; z-index: 100; background: #FBFBFC; } #pageBiz div.panelMain div.contact a.tel{ background: url("../img/biz/sec5.tel.svg?") no-repeat; width: 275px; height: 48px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; } #pageBiz div.panelMain div.contact a.inquiry{ display: block; padding: 20px 0 0 25px; font-size: 20px; line-height: 1; font-weight: var(--font-sans-bold); background: #BF2424 url("../img/biz/sec5.icon.letter.svg") no-repeat left 30px center; text-decoration: none; color: #FFF; border-radius: 32px; width: 323px; height: 63px; text-align: center; } #pageBiz div.panelMain div.contact a.line{ display: block; padding: 20px 0 0 10px; font-size: 20px; line-height: 1; font-weight: var(--font-sans-bold); background: #06C755 url("../img/biz/sec5.icon.line.svg") no-repeat left 30px center; background-size: 32px auto; text-decoration: none; color: #FFF; border-radius: 32px; width: 323px; height: 63px; text-align: center; } } @media screen and (max-width: 768px) { #pageBiz{} #pageBiz nav.intro{ position: relative; overflow: hidden; padding: 8vw 0 15vw 0; background: #F4F5F6 url("../img/biz/nav.intro.bg.sp.svg") no-repeat center bottom; background-size: 300% auto; } #pageBiz nav.intro ul.menu{ list-style: none; margin: 0 auto; padding: 0; gap: 7.69vw 0; width: 89.74vw; display: flex; flex-direction: column; } #pageBiz nav.intro ul.menu > li{} #pageBiz nav.intro ul.menu > li section{ height: 50.77vw; padding: 4.23vw 4.23vw 8vw; border-radius: 5px; position: relative; } #pageBiz nav.intro ul.menu > li section.isOpen{ border-radius: 5px 5px 0 0; } #pageBiz nav.intro ul.menu > li.i1 section{ background: #BF2424; } #pageBiz nav.intro ul.menu > li.i2 section{ background: #D9A62E; } #pageBiz nav.intro ul.menu > li.i3 section{ background: #1C4A6D; } #pageBiz nav.intro ul.menu > li section h2{ margin: 0; padding: 0; line-height: 1.4; height: 14.87vw; color: #FFF; display: flex; justify-content: center; align-items: center; font-size: 6.5vw; text-align: center; } #pageBiz nav.intro ul.menu > li section p{ display: flex; align-items: center; justify-content: center; text-align: center; font-size: 4.1vw; line-height: 1.8; margin: 3.23vw 0 0 0; padding: 0; height: 17vw; color: #FFF; } #pageBiz nav.intro ul.menu > li section a{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-decoration: none; font-weight: var(--font-sans-bold); font-size: 3.83vw; display: flex; align-items: flex-end; padding-bottom: 2.5vw; padding-right: 6vw; justify-content: center; text-align: center; height: 100%; } #pageBiz nav.intro ul.menu > li.i1 section a{ color: #FFF; background: url("../img/biz/nav.intro.arrow.white.down.svg") no-repeat right calc(50% - 10vw) bottom 3.8vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li.i2 section a{ color: #FFF; background: url("../img/biz/nav.intro.arrow.white.down.svg") no-repeat right calc(50% - 10vw) bottom 3.8vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li.i3 section a{ color: #FFF; background: url("../img/biz/nav.intro.arrow.white.down.svg") no-repeat right calc(50% - 10vw) bottom 3.8vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li.i1 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.white.up.svg") no-repeat right calc(50% - 10vw) bottom 2.27vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li.i2 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.white.up.svg") no-repeat right calc(50% - 10vw) bottom 2.27vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li.i3 section.isOpen a{ background: url("../img/biz/nav.intro.arrow.white.up.svg") no-repeat right calc(50% - 10vw) bottom 2.27vw; background-size: 4vw auto; } #pageBiz nav.intro ul.menu > li nav{ display: none; } #pageBiz nav.intro ul.menu > li nav ul{ background: #FFF; list-style: none; margin: 0; padding: 0; } #pageBiz nav.intro ul.menu > li nav ul li{ border-bottom: 1px solid #AAA; } #pageBiz nav.intro ul.menu > li nav ul li a{ display: block; line-height: 1.5; font-size: 3.59vw; padding: 2vw 1.8vw; text-decoration: none; color: #000; } #pageBiz div.panelMain{ background: #FFF; padding: 12vw 0 0 0; } #pageBiz div.panelMain section.sec1{ margin: 0 0 13vw 0; padding: 0 5.33vw; } #pageBiz div.panelMain section.sec1 h2{ font-size: 5.33vw; line-height: 1.4; font-weight: var(--font-sans-bold); margin: 0 0 5vw; padding: 1vw 0 1vw 4vw; border-left: 5px solid #1C4A6D; } #pageBiz div.panelMain section.sec1 p{ margin: 0 0 7vw; font-size: max(3.47vw,var(--font-size-min)); line-height: 2; } #pageBiz div.panelMain section.sec1 a.link2basis{ background: url("../img/biz/sec1.link2basis.sp.png") no-repeat; background-size: 100% auto; height: 12.8vw; display: block; margin: 0 0 5vw; } #pageBiz div.panelMain section.sec1 a.link2pregio{ background: url("../img/biz/sec1.link2pregio.sp.png?1") no-repeat; background-size: 100% auto; height: 12.8vw; display: block; } #pageBiz div.panelMain section.sec2{ margin: 0 0 13vw 0; padding: 0 5.33vw; } #pageBiz div.panelMain section.sec2 h2{ font-size: 5.33vw; line-height: 1.4; font-weight: var(--font-sans-black); margin: 0; padding: 1vw 0 1vw 4vw; border-left: 5px solid #1C4A6D; position: relative; } #pageBiz div.panelMain section.sec2 p.intro{ margin: 0 0 7vw; padding: 1vw 0 1vw 5vw; border-left: 5px solid #E4E4E4; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.6; } #pageBiz div.panelMain section.sec2 section{ padding: 0 0 0 0; margin: 0 0 10vw; } #pageBiz div.panelMain section.sec2 section h3{ font-size: max(4vw,var(--font-size-min)); line-height: 1; margin: 0 0 5vw; padding: 1vw 0 1vw 5vw; border-left: 4px solid #707070; } #pageBiz div.panelMain section.sec2 section h4{ font-size: max(3.47vw,var(--font-size-min)); line-height: 1; margin: 0 0 5vw 0; padding: 0; font-weight: normal; } #pageBiz div.panelMain section.sec2 section p{ font-size: max(3.47vw,var(--font-size-min)); line-height: 1.9; margin: 0 0 5vw 0; padding: 0; } #pageBiz div.panelMain section.sec2 section ul{ list-style: none; margin: 0; padding: 0; } #pageBiz div.panelMain section.sec2 section a.more{ background: url("../img/biz/sec2.icon.right.arrow.red.svg") no-repeat right 2vw center; background-size: 2.8vw auto; display: flex; justify-content: center; align-items: center; color: #BF2424; border-radius: 4vw; border: 1px solid #BF2424; margin: 0 auto; text-decoration: none; width: 42vw; height: 7vw; line-height: 1; font-size: max(3.47vw,var(--font-size-min)); } #pageBiz div.panelMain section.sec2 section.s1{ background: url("../img/biz/sec2.s1.image.jpg?") no-repeat center top 10vw; background-size: 100% auto; } #pageBiz div.panelMain section.sec2 section.s1 h3{ margin-bottom: 70vw; } #pageBiz div.panelMain section.sec2 section.s2 ul{} #pageBiz div.panelMain section.sec2 section.s2 ul li{ padding: 0 0 0 0; margin: 0 0 8vw; } #pageBiz div.panelMain section.sec2 section.s2 ul li span{ text-align: center; margin: 0 0 5vw; line-height: 1.6; display: block; font-weight: bold; font-size: max(3.47vw,var(--font-size-min)); } #pageBiz div.panelMain section.sec2 section.s2 ul li.i1::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s2.i1.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s2 ul li.i2::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s2.i2.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s3{ background: url("../img/biz/sec2.s3.image.jpg") no-repeat center top 10vw; background-size: 100% auto; } #pageBiz div.panelMain section.sec2 section.s3 h3{ margin-bottom: 70vw; } #pageBiz div.panelMain section.sec2 section.s3 p{} #pageBiz div.panelMain section.sec2 section.s4 ul{} #pageBiz div.panelMain section.sec2 section.s4 ul li{ padding: 0 0 0 0; margin: 0 0 8vw; } #pageBiz div.panelMain section.sec2 section.s4 ul li span{ text-align: center; margin: 0 0 5vw; line-height: 1.6; display: block; font-weight: bold; font-size: max(3.47vw,var(--font-size-min)); } #pageBiz div.panelMain section.sec2 section.s4 ul li.i1::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s4.i1.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s4 ul li.i2::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s4.i2.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s5{ background: url("../img/biz/sec2.s5.image.jpg") no-repeat center top 10vw; background-size: 100% auto; } #pageBiz div.panelMain section.sec2 section.s5 h3{ margin-bottom: 70vw; } #pageBiz div.panelMain section.sec2 section.s5 p{} #pageBiz div.panelMain section.sec2 section.s6 ul{} #pageBiz div.panelMain section.sec2 section.s6 ul li{ padding: 0 0 0 0; margin: 0 0 8vw; } #pageBiz div.panelMain section.sec2 section.s6 ul li span{ text-align: center; margin: 0 0 5vw; line-height: 1.6; display: block; font-weight: bold; font-size: max(3.47vw,var(--font-size-min)); } #pageBiz div.panelMain section.sec2 section.s6 ul li.i1::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s6.i1.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec2 section.s6 ul li.i2::before{ content: ''; display: block; height: 60vw; margin: 0 0 3vw; background: url("../img/biz/sec2.s6.i2.image.jpg") no-repeat center center; background-size: cover; } #pageBiz div.panelMain section.sec3{ margin: 0 0 10vw 0; padding: 0 5.33vw 10vw; position: relative; } #pageBiz div.panelMain section.sec3::before{ content: ''; width: 100%; height: 61.47vw; background: #F4F5F6; position: absolute; bottom: 0; left: 0; } #pageBiz div.panelMain section.sec3 h2{ font-size: 5.33vw; line-height: 1.4; font-weight: var(--font-sans-bold); margin: 0; padding: 1vw 0 1vw 4vw; border-left: 5px solid #1C4A6D; position: relative; } #pageBiz div.panelMain section.sec3 p.intro{ margin: 0 0 6vw; padding: 2vw 0 2vw 4vw; border-left: 5px solid #E4E4E4; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.6; } #pageBiz div.panelMain section.sec3 span.book{ background: url("../img/biz/sec3.book.sp.jpg?2024") no-repeat; background-size: 100% auto; width: 52.67vw; height: 88.41vw; display: block; margin: 0 auto 7vw; position: relative; } #pageBiz div.panelMain section.sec3 a.more{ display: block; margin: 0 auto; width: 58.67vw; height: 12vw; background: #FFF url("../img/common/btn.icon.arrow.01.sp.svg") no-repeat right 4vw center; background-size: 1.6vw auto; font-weight: var(--font-sans-medium); line-height: 11vw; text-decoration: none; text-align: center; font-size: max(3.47vw,var(--font-size-min)); color: #BF2424; border: 2px solid #BF2424; border-radius: 6vw; position: relative; } #pageBiz div.panelMain section.sec4{ margin: 0 0 10vw 0; padding: 0 5.33vw; } #pageBiz div.panelMain section.sec4 h2{ font-size: 5.33vw; line-height: 1.4; font-weight: var(--font-sans-bold); margin: 0 0 10vw; padding: 1vw 0 1vw 4vw; border-left: 5px solid #1C4A6D; position: relative; } #pageBiz div.panelMain section.sec4 div.tns-controls{ z-index: 10; position: relative; } #pageBiz div.panelMain section.sec4 div.tns-controls button:nth-of-type(1){ background: url("../img/siteTop/box05.slide.ctrl.prev.sp.svg") no-repeat; background-size: 100% auto; position: absolute; top: -13vw; right: 11vw; width: 10.8vw; height: 10.8vw; border: none; overflow: hidden; white-space: nowrap; text-indent: 100%; padding: 0; margin: 0; } #pageBiz div.panelMain section.sec4 div.tns-controls button:nth-of-type(2){ background: url("../img/siteTop/box05.slide.ctrl.next.sp.svg") no-repeat; background-size: 100% auto; position: absolute; top: -13vw; right: 0vw; width: 10.8vw; height: 10.8vw; border: none; overflow: hidden; white-space: nowrap; text-indent: 100%; padding: 0; margin: 0; } #pageBiz div.panelMain section.sec4 ul{ list-style: none; margin: 0 0 5vw 0; padding: 0; display: flex; } #pageBiz div.panelMain section.sec4 ul li{ margin: 0 4vw 0 0; background: #FFF; position: relative; } #pageBiz div.panelMain section.sec4 ul li a{ text-decoration: none; display: block; height: 100%; color: #000; } #pageBiz div.panelMain section.sec4 ul li article{ padding-top: 30vw; } #pageBiz div.panelMain section.sec4 ul li a div.image{ position: absolute; top: 0; left: 0; width: 100%; height: 30vw; background: #EEE; overflow: hidden; } #pageBiz div.panelMain section.sec4 ul li a div.image img{ object-fit: cover; width: 100%; height: 100%; } #pageBiz div.panelMain section.sec4 ul li a .title{ margin: 3vw 3vw 3vw 3vw; padding: 0; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.5; font-weight: var(--font-sans-bold); } #pageBiz div.panelMain section.sec4 ul li a p{ font-size: max(3.47vw,var(--font-size-min)); line-height: 1.5; margin: 0 3vw 3vw; color: #707070; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #pageBiz div.panelMain section.sec4 ul li a div.info{ margin: 0 0 3vw; } #pageBiz div.panelMain section.sec4 ul li a div.info span.date{ color: #707070; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.3; display: block; margin: 0 3vw 3vw; } #pageBiz div.panelMain section.sec4 ul li a div.info span.category{ color: #FFF; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.3; padding: 1vw 3vw; background: #E2AF20; display: block; } #pageBiz div.panelMain section.sec4 a.more{ display: block; margin: 0 auto; width: 35.73vw; height: 9.33vw; background: #FFF url("../img/common/btn.icon.arrow.01.sp.svg") no-repeat right 4vw center; background-size: 1.3vw auto; font-weight: var(--font-sans-medium); line-height: 8vw; text-decoration: none; text-align: center; font-size: max(3.47vw,var(--font-size-min)); color: #BF2424; border: 2px solid #BF2424; border-radius: 5vw; } #pageBiz div.panelMain section.sec5{ margin: 0 0 0vw; padding: 5.33vw 5.33vw 0; height: 111vw; background: url("../img/biz/sec5.bg.sp.png") no-repeat center top -16vw; background-size: 146.13vw auto; } #pageBiz div.panelMain section.sec5 div.inner{ height: 91.6vw; padding: 7vw 0 0 0; background: rgba(255,255,255,0.64); } #pageBiz div.panelMain section.sec5 h2{ font-size: 5.33vw; line-height: 1.4; font-weight: var(--font-sans-bold); margin: 0 0 6vw; padding: 0; text-align: center; color: #1C4A6D; } #pageBiz div.panelMain section.sec5 p{ text-align: center; margin: 0 4vw 10vw; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.8; } #pageBiz div.panelMain div.contact{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -56vw 0 30vw; padding: 3vw 8vw; } #pageBiz div.panelMain div.contact.sticky{ position: -webkit-sticky; position: sticky; bottom: 0px; z-index: 100; background: #FBFBFC; } #pageBiz div.panelMain div.contact a.tel{ background: url("../img/biz/sec5.tel.sp.svg?") no-repeat; background-size: 100% auto; margin: 0 auto 3vw; width: 63.33vw; height: 13.07vw; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; } #pageBiz div.panelMain div.contact a.inquiry{ display: flex; align-items: center; justify-content: center; padding: 0 0 0 5vw; font-size: max(3.47vw,var(--font-size-min)); line-height: 1.4; font-weight: var(--font-sans-bold); background: #BF2424 url("../img/biz/sec5.icon.letter.svg") no-repeat left 4vw center; background-size: 5.5vw auto; text-decoration: none; color: #FFF; margin: 0 0; border-radius: 8vw; width: 41.13vw; height: 14.27vw; text-align: center; } #pageBiz div.panelMain div.contact a.line{ display: flex; align-items: center; justify-content: center; padding: 0 0 0 2.5vw; font-size: max(3.47vw,var(--font-size-min)); line-height: 1; font-weight: var(--font-sans-bold); background: #06C755 url("../img/biz/sec5.icon.line.svg") no-repeat left 4vw center; background-size: 5.8vw auto; text-decoration: none; color: #FFF; margin: 0 0; border-radius: 8vw; width: 41.13vw; height: 14.27vw; text-align: center; } }