<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@900&amp;display=swap");
* {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #565352;
}
main{
overflow: hidden;
}
ul,
ol {
list-style: none;
}
table {
border-collapse: collapse;
}
img {
vertical-align: bottom;
height: auto!important;
}
a{
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
img{
width: 100%;
}
a img {
border: none;
}
strong {
font-weight: normal;
}
li {
font-style: normal;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
h1,h2,h3,h4,h5,dt{
font-family: 'Roboto', sans-serif;
}
dd,dd a{
font-family: sans-serif;
}
p{
font-size: 1.1rem;
line-height: 1.6;
font-family: sans-serif;
}
@media screen and (max-width: 900px){
p{
font-size: 3.5vw;
}
}  .scrolldown {
position: absolute;
right: 0%;
bottom: 50px;
height: 100px;
opacity: 0;
transition: 0.8s;
transition-delay: 2.5s;
transform: translateY(-20%);
}
.scrolldown span {
position: absolute;
left: -15px;
top: -40px;
color: var(--red);
font-size: 1.1rem;
letter-spacing: 0.05em;
transform: rotate(90deg);
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.scrolldown::after {
content: "";
position: absolute;
top: 0;
left: 6px;
width: 1px;
height: 100px;
background: var(--red);
animation: pathmove 1.4s ease-in-out infinite;
opacity: 0;
}
@keyframes pathmove {
0% {
height: 0;
top: 0;
opacity: 0;
}
30% {
height: 60px;
opacity: 1;
}
100% {
height: 60px;
top: 100px;
opacity: 0;
}
}
@media screen and (max-width: 900px){
.scrolldown {
right: 10%;
}
.scrolldown span {
position: absolute;
left: -7px;
font-size: 0.8rem;
}
}
.pagetitle{
width: 1200px;
margin: 0 auto;
}
.pagetitle h1{
font-size: 0.9rem;
} .pagination_box {
width: 100%;
text-align: center;
margin-top: 3%;
}
.pagination-box span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 12px;
padding: 10px;
margin: 10px;
background-color: #fff;
color: #003664;
}
.pagination-box .next {
padding: 10px;
margin: 10px;
color: #003664;
background-color: #fff;
}
.pagination-box a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 12px;
padding: 10px;
margin: 10px;
background-color: var(--glay);
color: #fff;
}
.pc{
display: block;
}
.sp{
display: none;
}
@media screen and (max-width: 900px){
.pc{
display: none;
}
.sp{
display: block;
}
}
:root {
--red: #E6352F;
--glay: #575757;
--glay2: #6B6B6C;
--glay3: #bababa;
--orange: #FFB86F;
} .sub-menu {
display: none !important;
}
#menu-item-35:hover .sub-menu,
.sub-menu:hover {
display: flex !important;
position: absolute;
top: 80px;
left: -30vw;
background-color: #f0f0f0;
width: 130vw;
padding: 0px 0 0 40vw;
}
#menu-item-49:hover .sub-menu {
display: flex !important;
position: absolute;
top: 80px;
left: -30vw;
background-color: #f0f0f0;
width: 130vw;
padding: 0px 0 0 55vw;
}
#global_nav ul li a {
background-image: linear-gradient(90deg, #E6352F, #E6352F);
background-repeat: no-repeat;
background-position: 0px 60px;
background-size: 0 2px;
transition: background-size 0.6s;
}
#global_nav ul li a:hover {
background-size: 100% 2px;
}
#global_nav_sp,
#drawer_toggle {
display: none;
} #global_nav ul {
list-style: none;
display: flex;
align-items: center;
gap: 40px;
margin: 0 auto;
}
#global_nav ul li a {
text-decoration: none;
color: #565352;
font-weight: 900;
display: inline-block;
height: 80px;
width: 100%;
line-height: 80px;
}
#header {
width: 1200px;
position: relative;
opacity: 0;
transition: 0.5s;
transition-delay: 2.2s;
}
#menu-item-39:hover .sub-menu,
.sub-menu:hover {
display: flex !important;
position: absolute;
top: 80px;
left: -30vw;
background-color: #f0f0f0;
width: 130vw;
padding: 0px 0 0 40vw;
}
#menu-item-48:hover .sub-menu,
.sub-menu:hover {
display: flex !important;
position: absolute;
top: 80px;
left: -30vw;
background-color: #f0f0f0;
width: 130vw;
padding: 0px 0 0 40vw;
}
#menu-item-70:hover .sub-menu,
.sub-menu:hover {
display: flex !important;
position: absolute;
top: 80px;
left: -30vw;
background-color: #f0f0f0;
width: 130vw;
padding: 0px 0 0 40vw;
}
header {
margin-top: 0;
display: inline-block;
height: 80px;
transition: all 0.5s ease-out;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
header:hover {
background-color: #fff;
}
.header_menu {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
}
.header_logo {
width: 7%;
}
.section_inner {
width: 1200px;
margin: 0 auto;
position: relative;
}
.section_inner_news{
width: 850px;
margin: 0 auto;
position: relative;
}
.section_inner_news p{
line-height: 2.0;
}
.title_inner_h1{
width: 1100px;
margin: 7% auto 0;
}
@media screen and (max-width: 1200px){
#global_nav_sp{
display: none;
}
.section_inner {
width: 90%!important;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 900px){
#global_nav{
display: none;
}
#global_nav_sp{
display: block;
} header:hover {
background-color: transparent;
}
.header_logo {
width: 15%;
}
#global_nav {
display: none;
}
#global_nav_sp {
display: none;
background-color: #fff;
width: 100%;
height: 1000px;
z-index: -1;
position: fixed;
top: 0%;
right: 0;
}
.drawer_toggle {
display: block;
}
#global_nav_sp ul li a {
color: var(--glay);
display: inline-block;
font-family: 'Roboto', sans-serif;
}
#global_nav_sp ul li {
list-style: none;
padding: 6% 2%;
width: 100%;
justify-content: space-between;
border-bottom: 0.5px solid #D8D8D8;
font-weight: bold;
}
#global_nav_sp #sp_list_nav_header .menu-item-65,
#global_nav_sp #sp_list_nav_header .menu-item-59 {
position: relative;
display: inline-block;
width: 100%;
line-height: 100%;
}
#global_nav_sp #sp_list_nav_header .menu-item-65:before,
#global_nav_sp #sp_list_nav_header .menu-item-65:after,
#global_nav_sp #sp_list_nav_header .menu-item-59:before,
#global_nav_sp #sp_list_nav_header .menu-item-59:after {
content: '';
position: absolute;
right: 50px;
top: 25px;
width: 20px;
height: 1px;
background-color: #fff;
}
#global_nav_sp #sp_list_nav_header .menu-item-65:before,
#global_nav_sp #sp_list_nav_header .menu-item-59:before {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#global_nav_sp #sp_list_nav_header .active:before,
#global_nav_sp #sp_list_nav_header .active:before {
transform: rotate(0deg);
}
#global_nav_sp #sp_list_nav_header .active .sub-menu {
display: block !important;
}
.sub-menu {
display: none !important;
padding-top: 20px !important;
overflow: hidden;
transition: none;
transition: 2.4s;
-webkit-transition: 2.4s;
-moz-transition: 2.4s;
-ms-transition: 2.4s;
-o-transition: 2.4s;
}
.sub-menu li {
padding: 7% 5% 5% 10% !important;
}
#drawer_toggle {
display: block !important;
}
#drawer_toggle,
#drawer_toggle span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#drawer_toggle {
position: relative;
width: 30px;
height: 25px;
background: none;
border: none;
appearance: none;
cursor: pointer;
}
#drawer_toggle span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #565352;
border-radius: 4px;
}
#drawer_toggle span:nth-of-type(1) {
top: 0;
}
#drawer_toggle span:nth-of-type(2) {
top: 11px;
left: -10px;
}
#drawer_toggle span:nth-of-type(3) {
bottom: 0;
}
#drawer_toggle.active span:nth-of-type(1) {
top: 0;
left: -10px;
}
#drawer_toggle.active span:nth-of-type(2) {
top: 11px;
left: 0px;
}
#drawer_toggle.active span:nth-of-type(3) {
bottom: 0;
left: -10px;
} #gnav-content p {
color: #fff;
}
#gnav-btn {
color: gray;
padding: 10px;
font-size: 30px;
position: fixed;
top: 10px;
right: 10px;
z-index: 100;
border: solid 1px #d1caca;
border-radius: 3px;
}
#gnav-input:checked~#gnav-content {
top: 0;
}
#gnav-content {
position: absolute;
top: 0%;
left: 5%;
z-index: 10;
transition: 0.3s;
width: 90%;
margin-top: 25%;
}
.humb-menu__title {
padding: 1.5rem;
}
.humb-menu label {
display: flex;
justify-content: space-between;  width: 100%;
display: inline-block;
}
.humb-menu input {
display: none;
}
.humb-menu .accshow {
height: 0;
overflow: hidden;
margin-left: 0%;
}
.humb-menu .accshow p {
padding: 1.5rem;
color: #fff;
}
.humb-menu .cssacc:checked+.accshow {
height: auto;
}
.sp_menu_sub {
width: 100%;
}
.sp_menu_sub li {
display: block !important;
padding: 5% 0% !important;
}
.sp_menu_sub label {
border: 0;
}
.sp_menu_sub label li a {
line-height: 40px;
}
.label_has_sub2 ul{
margin-top: 3%;
}
.label_has_sub1,.label_has_sub2,.label_has_sub3 {
position: relative;
width: 50%;
display: inline-block;
}
.label_has_sub1::before,.label_has_sub2::before,.label_has_sub3::before {
position: absolute;
content: '';
display: block;
height: 1px;
width: 15px;
background-color: var(--glay);
transition: 0.3s ease-in-out;
top: 10px;
right: 30%;
transform: rotate(-90deg);
}
.label_has_sub1::after,.label_has_sub2::after,.label_has_sub3::after {
position: absolute;
content: '';
display: block;
height: 1px;
width: 15px;
background-color: var(--glay);
transform: translateY(10px);
transition: 0.3s ease-in-out;
top: 0px;
right: 30%;
}
.label_has_sub1.label-les::before,.label_has_sub2.label-les::before,.label_has_sub3.label-les::before{
transform: rotate(0deg);
}
.accshow ul{
margin-top: 5%;
}
.accshow li{
padding: 5% 2%!important;
}
.accshow li a {
font-size: 0.85rem;
}
.hummenu_credit{
padding: 5% 10%;
}
.hummenu_credit p{
font-size: 0.8rem;
}
.hummenu_credit a{
font-size: 0.95rem;
color: #fff;
margin-top: 5%;
display: inline-block;
}
}
@media screen and (max-width: 700px){
.header_logo {
width: 25%;
}
} .flex{
display: flex;
flex-wrap: wrap;
}
.reverse{
flex-direction: row-reverse!important;
} .link_button {
background-color: #565352;
box-shadow: 11px 13px 27px 6px rgb(0 0 0 / 8%);
width: 250px;
height: 60px;
text-align: center;
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
.link_button a {
color: #fff;
line-height: 60px;
display: inline-block;
width: 100%;
position: relative;
outline: 0px solid #E6352F;
transition: 0.5s;
}
.link_button a:after {
position: absolute;
content: "";
top: 0;
bottom: 0;
right: 0;
width: 24px;
height: 1px;
margin: auto 0;
background: #fff;
transition: 0.3s;
}
.link_button a:hover::after {
width: 14px;
background: #E6352F;
}
.link_button a:hover {
animation: hover 1.5s infinite;
color: #E6352F;
background-color: #fff;
border: 1px solid #E6352F;
outline: 1px solid #E6352F;
-webkit-animation: hover 1.5s infinite;
}
@-webkit-keyframes hover {
100% {
outline-color: transparent;
outline-offset: 12px;
}
}
@keyframes hover {
100% {
outline-color: transparent;
outline-offset: 12px;
}
}
@media screen and (max-width: 900px){
.link_button {
width: 250px;
height: 50px;
}
.link_button a {
line-height: 50px;
}
}
.service_btn {
position: absolute;
right: 0;
bottom: 0;
} .iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border: 4px solid var(--glay);
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .footer_bg{
content: "";
background: url(//lit-inc.co.jp/wp-content/themes/litinc/images/contact_bg.png);
background-size: cover;
width: 100%;
margin-top: 150px;
}
.footer_box{
width: 100%;
justify-content: space-between;
padding: 5% 0;
}
.footer_inner_content{
width: 47%;
padding: 3% 2%;
background-color: #fff;
box-shadow: 11px 13px 27px 6px rgb(0 0 0 / 8%);
overflow: hidden;
transition: 0.3s;
transition-delay: 1.0s;
}
.footer_inner_content:hover {
animation: hover 1.5s infinite;
border: 1px solid #E6352F;
outline: 1px solid #E6352F;
-webkit-animation: hover 1.5s infinite;
transition-delay: 0.1s;
}
@-webkit-keyframes hover {
100% {
outline-color: transparent;
outline-offset: 12px;
}
}
@keyframes hover {
100% {
outline-color: transparent;
outline-offset: 12px;
}
}
.footer_inner_content h3{
font-size: 2.2rem;
color: var(--glay);
line-height: 0.9;
position: relative;
font-family: 'Roboto', sans-serif;
margin-bottom: 0%;
line-height: 1.1;
}
.footer_inner_content h3 span{
color: var(--red);
font-size: 1.3rem;
}
.footer_inner_content p{
font-size: 1.0rem;
margin-top: 2%;
line-height: 2.0;
}
@media screen and (max-width: 900px){
.footer_inner_content{
width: 100%;
margin-top: 5%;
padding: 5% 5%;
}
.footer_inner_content h3{
font-size: 5.5vw;
}
.footer_inner_content h3 span{
font-size: 0.55em;
}
.footer_inner_content p {
font-size: 3.5vw;
margin-top: 2%;
line-height: 1.5;
}
}
#footer{
background-color: var(--glay);
color: #fff;
padding-bottom: 5%;
}
#footer .section_inner{
position: relative;
padding-bottom: 100px;
}
.footer_title{
width: 70%;
padding: 5% 0;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}
.footer_text p{
color: #fff;
font-size: 0.9rem;
}
.footer_title_img{
width: 25%;
padding-right: 4%;
border-right: 3px solid #fff;
}
.footer_text{
width: 70%;
}
.footer_menu_list_box ul li{
margin: 15px 0 0 20px;
position: relative;
}
.footer_menu_list_box ul li::before{
position: absolute;
content: "";
background-color: #fff;
width: 12px;
height: 0.5px;
top: calc(50% - 0.25px);
left: -19px;
}
.footer_menu_list_box ul li a{
color: #fff;
font-family: auto;
}
.footer_menu_list_box h5{
color: #fff;
font-size: 0.9rem;
}
.footer_menu_list_box{
width: 100%;
margin: 0 auto;
justify-content: space-between;
}
.footer_sns{
width: 300px;
position: absolute;
bottom: 0;
left: 0;
}
.sns_logo{
width: 10%;
margin-right: 5%;
}
.copyright{
position: absolute;
bottom: 0;
right: 0;
}
.copyright p{
color: #fff;
font-size: 1.1rem;
}
.footer_menu_list_box ul li a{
display: inline-block;
transition: 0.5s;
font-size: 0.8rem;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.footer_menu_list_box ul li:hover a{
transform: translateX(10px);
}
@media screen and (max-width: 1000px){
.footer_menu_list_box ul{
width: 50%;
margin-bottom: 8%;
}
}
@media screen and (max-width: 900px){
.footer_title {
width: 100%;
}
.footer_title_img {
width: 60%;
padding-right: 4%;
border-right: 0px solid #fff;
margin: 2% auto;
}
.footer_text {
width: 100%;
margin: 5% auto;
}
.footer_sns {
width: 200px;
position: relative;
margin: 0 auto;
}
.sns_logo {
width: 20%;
margin: 5% auto;
}
.copyright {
position: relative;
bottom: 0;
right: 0;
text-align: center;
margin-top: 5%;
}
#footer .section_inner {
padding-bottom: 50px;
}
.footer_text p {
font-size: 3.3vw;
}
.footer_menu_list_box h5 {
color: #fff;
font-size: 3.5vw;
}
.footer_menu_list_box ul li a{
font-size: 3.0vw;
}
}
@media screen and (max-width: 600px){
.footer_menu_list_box ul li {
font-size: 3.3vw;
margin-bottom: 8%;
}
.footer_menu_list_box ul li::before {
width: 10px;
height: 1px;
top: calc(50% - 0.5px);
left: -20px;
}
} #FV_kasou_head{
height: 50vh;
margin-top: 100px;
}
.head_inner{
width: 100%;
justify-content: space-between;
}
.head_inner_left{
width: 40%;
}
.head_inner_right{
width: 60%;
text-align: right;
opacity: 0;
transform: translateX(10%);
transition: 0.5s;
transition-delay: 0.5s;
}
.head_inner_right h1{
font-size: 0.8rem!important;
color: var(--glay3);
}
.breadcrumb{
opacity: 0;
transform: translateX(-10%);
transition: 0.5s;
transition-delay: 0.5s;
}
.breadcrumb-list{
width: 100%;
justify-content: flex-start;
}
.breadcrumb-list li,.breadcrumb-list li a{
font-size: 0.8rem;
color: var(--glay3);
position: relative;
font-weight: bold;
}
.breadcrumb-list li span {
padding: 0 10px;
color: var(--glay3);
font-family: serif;
}
.page_title_h2{
width: 100%;
margin: 8% auto;
text-align: center;
opacity: 0;
transition: 0.8s;
transform: translateY(10%);
}
.page_title_h2 h2{
font-size: 2.5rem;
color: var(--glay);
line-height: 1.5;
position: relative;
font-family: 'Roboto', sans-serif;
margin-bottom: 1%;
}
.page_title_h2 h2.article_title{
font-size: 2.0rem;
}
.page_title_h2 h2 span{
font-size: 1.2rem;
}
.page_title_h2 h2::before{
position: absolute;
content: "";
width: 180px;
height: 3px;
background-color: var(--red);
top: 55px;
left: calc(50% - 90px);
}
.page_title_h2 h2.article_title::before{
position: absolute;
content: "";
width: 180px;
height: 3px;
background-color: var(--red);
top: 45px;
left: calc(50% - 90px);
}
@media screen and (max-width: 1200px){
.breadcrumb-list li,.breadcrumb-list li a,.head_inner_right h1{
font-size: 1.182vw!important;
font-family: 'Roboto', sans-serif;
font-weight: bold;
}
.head_inner_left{
width: 30%;
}
.head_inner_right{
width: 70%;
}
}
@media screen and (max-width: 900px){
#FV_kasou_head {
height: 60vh;
margin-top: 100px;
}
.page_title_h2 {
width: 100%;
margin: 20vw auto;
text-align: center;
}
.head_inner_left {
width: 100%;
}
.head_inner_right{
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 700px){
.breadcrumb-list li,.breadcrumb-list li a,.head_inner_right h1{
font-size: 3.0vw!important;
}
#FV_kasou_head {
height: 80vh;
margin-top: 100px;
}
.head_inner_right h1{
margin-top: 3%;
}
.page_title_h2{
margin: 30vw auto;
}
.page_title_h2 h2 {
font-size: 7.2vw;
}
.page_title_h2 h2.article_title{
font-size: 5vw;
line-height: 2.0;
}
.page_title_h2 h2 span {
font-size: 4.0vw;
}
.page_title_h2 h2::before {
position: absolute;
content: "";
width: 45vw;
height: 3px;
background-color: var(--red);
top: 12.0vw;
left: calc(50% - 22.5vw);
}
.page_title_h2 h2.article_title::before {
position: absolute;
content: "";
width: 45vw;
height: 3px;
background-color: var(--red);
top: 10.0vw;
left: calc(50% - 22.5vw);
}
}</pre></body></html>