@charset "UTF-8";
/*
Theme Name: lukia
Text Domain: lukia
Description: A greyscale theme that follows a nice grid system, and keeps typography in top priority.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Requires at least: 5.0
Tested up to: 6.8.1
Requires PHP: 8.2
Author: lukia
Author URI: http://www.lukia.co.jp
Tags: two-columns, sticky-post
color: rgba(63,64,65,1)
*/



@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/NotoSansJP-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

body {
font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
color: rgba(2,2,2,1);
	 margin: 0;padding: 0;
}

html { scroll-behavior: smooth; scroll-padding-top: 100px;
line-height: 180%;
	overflow-y: scroll;
overflow-wrap: break-word;
　　　word-wrap: break-word;
}


.gallery .gallery-caption {}	
.commentlist .bypostauthor {}
/* Begin Settings and Classes */
a:visited {}
a:hover {}
a {}
a:hover img{
	opacity: 0.8;
	-moz-opacity: 0.8;
}	
h1 a, h2 a, h3 a, #sitename {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {}
h1,h2,h3,h4,h5{line-height: 1;font-size: 1em;padding: 0;margin: 0; font-weight: normal;}
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {margin: 0; padding: 0;}
.pagetitle {}

.caps {text-transform:uppercase; margin-bottom:6px; display:block;}
code {font: 1.1em "Courier New", Courier, Fixed;}
pre {font: 1.1em "Courier New", Courier, Fixed; margin:1.5em; padding:10px; background:#fafafa; border:1px solid #eee;}
acronym, abbr {font-size: 0.9em; letter-spacing: .07em;}

hr {clear:both;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
img {
	border:none;
	max-width:100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	}
blockquote {margin-left:-21px; padding-left:21px; background:url(images/quote.gif) no-repeat 0 6px; color:#343434;}
.entry cite { font-style:italic; font-size:.9em; display:block; margin:0; text-align:right;}
.entry cite:before {content: "\2014 \0020";}
.post ul, .post ol, .post dl {}
.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {}
.post li {}
.post ul li {}
.post ol li li {}
.post li li {}
.post li h3 {}
.post th {
font-weight:normal;
padding:3px 3px;
text-align:left;
font-style:normal;
}
.post td {
}
.post table {}
.post dt {}
.post dd {}
table p {margin:0px;　padding:0px;}
.clear { 
	clear:both;
	height:0;
	line-height:0;
	}
.nocomments {clear:both; height:0; line-height:0;}		
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Begin Images */	
img.alignleft, .alignleft img {margin-right:10px;}
img.alignright, .alignright img {margin-left:10px;}
.wp-caption, .attachment img {text-align: center;}
.wp-caption p.wp-caption-text {font-size: .9em; color:#666666; margin: 0;}
.attachment, .caption {text-align:center;}
.attachment img {	}
/* End Images / End Settings and Classes */


.widgettitle {display: none;}

/* トップ　スライド*/

#slide{width: 100%;max-width: 1440px; margin: 0 auto;}
.slider-for div {width: 100%;height: 526px;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	}

#slide_txt_copy span {display: inline-block;}
#slide_txt_copy_txt span {display: inline-block;}
@media screen and (min-width: 1441px){
#slide_txt {position: absolute; top:292px;z-index: 10;
    background-color: rgba(250,126,4,.8);
width: 100%;max-width: 1440px; text-align: center;min-height: 190px; color: white;line-height: 120%;}
#slide_txt_copy {font-size: 275%;padding:60px 0 0 0; line-height: 140%; width: 80%; margin: 0 auto;}
#slide_txt_copy_txt {font-size: 175%;padding:20px 0 20px 0; line-height: 140%; width: 80%; margin: 0 auto;}    
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
 #slide_txt {position: absolute; top:392px;z-index: 10;
    background-color: rgba(250,126,4,.8);
width: 100%;max-width: 1440px; text-align: center;min-height: 190px; color: white;line-height: 120%;}
#slide_txt_copy {font-size: 180%;padding:60px 0 0 0; line-height: 140%; width: 80%; margin: 0 auto;}
#slide_txt_copy_txt {font-size: 140%;padding:40px 0; line-height: 140%; width: 80%; margin: 0 auto;}
}
@media screen and (max-width:780px){
 #slide_txt {position: absolute; top:232px;z-index: 10;
    background-color: rgba(250,126,4,.8);
width: 100%;max-width: 1440px; text-align: center;min-height: 190px; color: white;line-height: 120%;}
#slide_txt_copy {font-size: 180%;padding:30px 0 0 0; line-height: 140%; width: 80%; margin: 0 auto;}
#slide_txt_copy_txt {font-size: 140%;padding:40px 0; line-height: 140%; width: 80%; margin: 0 auto;}
.img-01 div {background-position: right center; background-size: auto 100%;}
.img-02 div {background-position: left center; background-size: auto 100%;}
.img-03 div {background-position: center; background-size: auto 100%;}
}

/* ヘッダー*/

#header { text-align: center;padding: 4px 0 22px 0;

}
.header_nav_wrap {width: 100%;}

.header_nav { }
.header_nav ul{ margin: 0; padding: 0;display: block;}
.header_nav li:hover{ }
.header_nav li{ display: inline-block; margin: .5em .8em; padding: 0;}
.header_nav a:hover{color: rgba(234,97,30,1);border-bottom: rgba(234,97,30,1) solid 1px;}
.header_nav a{ text-decoration: none; color: rgba(0,0,0,1); display: block; text-align: left; font-weight: 500;letter-spacing: .1em;font-size: 137.5%;line-height: 120%;}


@media screen and (min-width: 1441px){
.header_nav_left {float: left;width: 100%;max-width: 675px;vertical-align: bottom;}
.header_nav_right {float: right;width: 100%;max-width: 675px;vertical-align: bottom;}
.header_nav_logo {width: 100%; max-width: 90px;vertical-align: bottom;margin: 0 auto -2em auto;text-align: center;}
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
.header_nav_left, .header_nav_right{text-align: center; margin: .5em auto;}
.header_nav_logo {width: 100%; max-width: 90px;vertical-align: bottom;margin: 0 auto ;text-align: center;}
}
@media screen and (max-width:780px){
.header_nav{display: none;}
.header_nav_logo {width: 100%; max-width: 80px;text-align: center;margin-left:8px; }
}

/* ロゴ*/
.lukia_logo {width: 80px; height: 80px;margin: 0 auto;
background-image: url("sozai/lukia_logo.svg");background-repeat: no-repeat;background-position: center;background-size: 100% auto;
}
.lukia_logo a{display: block;width: 80px;height: 80px;}

.header_logo_wrap {display: inline-block; vertical-align: bottom;padding: 1em 0 .2em 0;}

/*チェックボックス等は非表示に*/
.lukia_nav-unshown {display:none;}

/*アイコンのスペース*/
.lukia_nav-open {display: none;
}
.lukia_nav-open span{}


#lukia_nav-drawer {display: none;}
@media screen and (max-width: 780px){
#lukia_nav-drawer {position: fixed; width: 100px; display: block; top :28px; right: 8px;z-index: 100;}
}

/* ハンバーガーメニュー　常時表示*/

/*チェックボックス等は非表示に*/
.lukia_nav-unshown {display:none;}

/*アイコンのスペース*/
.lukia_nav-open {
display: flex; 
width: 90px;
height: 55px;
background-color: rgba(255,255,255,.5);
}
.lukia_nav-open span{top: 25px;left: 10px;}

/*ハンバーガーアイコンをCSSだけで表現*/
.lukia_nav-open span, .lukia_nav-open span:before, .lukia_nav-open span:after {
  position: absolute;
  height: 4px;/*線の太さ*/
  width: 66px;/*長さ*/
  background: rgba(0,0,0,.9);
  display: block;
  content: '';
  cursor: pointer;transition: .3s ease-in-out;
}
.lukia_nav-open span:before {bottom: 14px;}
.lukia_nav-open span:after {top: 14px;}
/*クリックで×に変形*/
#lukia_nav-input:checked ~ .lukia_nav-open span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	transition: .3s ease-in-out;
}
#lukia_nav-input:checked ~ .lukia_nav-open span::before {
    bottom: 0;
    transform: rotate(45deg);transition: .3s ease-in-out;
}
#lukia_nav-input:checked ~ .lukia_nav-open span::after {
    top: 0;
    transform: rotate(-45deg);transition: .3s ease-in-out;
}

/*チェックが入ったらもろもろ表示*/
#lukia_nav-input:checked ~ .lukia_nav-close {
  display: block;/*カバーを表示*/
}

#lukia_nav-input:checked ~ .lukia_nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(55,255,255,.5);
}	

	
/*閉じる用の薄黒カバー*/
.lukia_nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 199;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(100,100,100,.5);
  transition: .3s ease-in-out;
}

/*中身*/
.lukia_nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  text-align: left;
  z-index: 199;/*最前面に*/
  width: 90%;max-width: 360px;/*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  background-color: rgba(0,0,0,.9);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
.lukia_nav-content a:hover {text-decoration: underline;}
.lukia_nav-content a {color: white; text-decoration: none;}
.lukia_nav-content li {margin: 1em 0;}
.lukia_nav-content_logo {width: 130px; margin: 30px auto;}

/* ハンバーガーメニュー　ここまで*/







/* コンテンツ*/



.mincho_txt {font-size: 114%; line-height: 180%; }
.child_nav {text-align: right;}
.child_nav a {background-color:rgba(201,115,60,.3); display: inline-block; border: rgba(201,115,60,1) solid 1px; border-radius: 10px;padding: 3px 15px 1px 15px;}


h1 {font-size: 200%;padding: 1em 0 0 0;line-height: 140%; }

h2 {margin-top: 2em; padding: 0px;font-weight: 500;font-size: 180%;line-height: 180%; }
h2 span {display: inline-block;}

h3 {font-weight: 800;font-size: 120%;line-height: 140%;}



.content_txt {font-size: 124%;line-height: 250%; text-align: justify;}




@media screen and (min-width: 1441px){
  .contents_1440 {width: 100%; max-width: 1440px; margin: 0 auto;}
.contents_1362 {width: 100%; max-width: 1362px;margin: 0 auto;}
  
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
   .contents_1440 {padding: 0px 15px; }
.contents_1362 {padding: 0px 15px;}
 
}
@media screen and (max-width:780px){
	.contents_1440 {width: 100%; max-width: 710px; margin: 0 auto;padding: 0px;}
.contents_1362 {width: 100%; max-width: 710px;margin: 0 auto;padding: 0px;}
}


/* section01：メインタイトル  私たちは、誠実な清掃を通して、お客様へ快適な環境をお届けします。  */
.lukia_main_title {text-align: center; padding: 100px 0 0 0;}
.lukia_main_title h1 {font-size:218.75%; letter-spacing: .075em; display: inline-block; font-weight: 500;padding: 0 0 10px 0; line-height: 200%;}
.lukia_main_title h1 span {display: inline-block;text-decoration: underline; text-decoration-color: rgba(251,164,79,1); text-decoration-style: solid; text-decoration-thickness: 5px;text-underline-offset: 15px;}
.lukia_main_title_txt {font-size:150%; letter-spacing: .05em;padding: 12px 0 0 0;line-height: 140%;}
.lukia_main_title_txt span {display: inline-block;}

@media screen and (min-width: 1441px){    }
@media only screen and (max-width:1440px)  and (min-width:781px) { }
@media screen and (max-width:780px){
.lukia_main_title h1 {font-size:180%; letter-spacing: .075em; display: inline-block; font-weight: 500;padding: 0 0 10px 0;text-align: center;}
.lukia_main_title_txt {font-size:140%; letter-spacing: .05em;padding: 12px 0 0 0;line-height: 140%;text-align: left;}
}



/* section02：サービス内容  */


@media screen and (min-width: 1441px){
    .lukia_searvice {width: 100%; max-width: 1362px; margin: 100px auto;display: block; border-radius: 10px;
background-image: url("lukia/black_line.svg"); background-position: bottom left; background-repeat: no-repeat;background-size: 3px auto;}
.lukia_searvice_inner {border-radius: 10px;
background-image: url("lukia/black_line.svg"); background-position: bottom right; background-repeat: no-repeat;background-size: 3px auto;}

.lukia_searvice_top_line {outline:rgba(255,255,200,1) solid 6px;outline-offset: -6px; border-radius: 0px;min-height:30px;margin: -20px 0;}
    
.lukia_searvice_kojin_outwhite {display: block;float: left;
    max-width: 681px; background-color: rgba(255,255,255,1);padding: 0 0 20px 0; }

}
@media only screen and (max-width:1440px)  and (min-width:1031px) {
.lukia_searvice {width: 100%; max-width: 1362px; margin: 100px auto;display: block; border-radius: 0 0 10px 10px;
border-left:  rgba(0,0,0,1) solid 3px; border-right:  rgba(0,0,0,1) solid 3px;border-bottom:  rgba(0,0,0,1) solid 3px;}
.lukia_searvice_inner {border-radius: 10px;text-align: center; }
.lukia_searvice_top_line {outline:rgba(255,255,200,1) solid 6px;outline-offset: -6px; border-radius: 0px;min-height:30px;margin: -20px 0;}
    
.lukia_searvice_kojin_outwhite
{display: inline-block; vertical-align: top;width: 33%;min-width: 330px;
    max-width: 681px; background-color: rgba(255,255,255,1);padding:  0 0 20px 0; }
}
@media only screen and (max-width:1030px)  and (min-width:781px) {
.lukia_searvice {width: 100%; max-width: 1362px; margin: 100px auto;display: block; border-radius: 0 0 10px 10px;
border-left:  rgba(0,0,0,1) solid 3px; border-right:  rgba(0,0,0,1) solid 3px;border-bottom:  rgba(0,0,0,1) solid 3px;}
.lukia_searvice_inner {border-radius: 10px;text-align: center; }
.lukia_searvice_top_line {outline:rgba(255,255,200,1) solid 6px;outline-offset: -6px; border-radius: 0px;min-height:30px;margin: -20px 0;}
    
.lukia_searvice_kojin_outwhite {display: inline-block; vertical-align: top;width: 49%;min-width: 330px;
    max-width: 681px; background-color: rgba(255,255,255,1);padding:  0 0 20px 0; }
}
@media screen and (max-width:780px){
.lukia_searvice {width: 100%; max-width: 1362px; margin: 100px auto;display: block; border-radius: 0 0 10px 10px;
border-left:none; border-right:none;border-bottom: none;}
.lukia_searvice_inner {border-radius: 10px;text-align: center;}
.lukia_searvice_top_line {outline:rgba(255,255,200,1) solid 6px;outline-offset: -6px; border-radius: 0px;min-height:30px;margin: -20px 0;}
    
.lukia_searvice_kojin_outwhite {display: inline-block; vertical-align: top;width: 100%;
    max-width: 770px; background-color: rgba(255,255,255,1);padding:  0 0 20px 0; }
    
    }

/* アコーディオン開閉*/
@media screen and (min-width: 781px){
.readMoreBtn {display: none;}
.acd-content-wrap { margin-top: 30px;}
}

@media screen and (max-width:780px){
.readMoreInner {
  
}
.acd-content-wrap { margin-top: 30px;}
.readMoreContainer {
  position: relative;
  height: auto;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 1s;
}
.readMoreContainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
  background: linear-gradient(to bottom, transparent 40%, #ffffff 100%);
  pointer-events: none;
}
.readMoreContainer.show:after {
  z-index: -1;
  opacity: 0;
}
.readMoreBtn :hover{transition: .2s;
background-color: rgba(0,0,0,.5);
}
.readMoreBtn {
 display: block;width: 100%;
    padding: 0px 0 30px 0;border: none;
background-color: rgba(0,0,0,.2);
    border-radius: 0 0 5px 5px;cursor: pointer;
    outline:rgba(0,0,0,.2) solid 8px; 
    position: relative; 
}

}

/* アコーディオン開閉*/      

@media screen and (max-width:528px){
 .lukia_searvice {width: 100%; max-width: 1362px; margin: 100px auto;display: block; border-radius: 10px;
outline:rgba(0,0,0,0) solid 3px;outline-offset: -3px;}
}


/* section02：サービス内容：個人向けサービス*/


.lukia_searvice_kojin_outer{outline-style:solid ;outline-width: 3px; outline-offset: -3px; padding: 3px;border-radius: 12px;}
.lukia_searvice_kojin_outer {outline-color: rgba(250,92,4,1);}

_::-webkit-full-page-media, _:future, :root .lukia_searvice_kojin_outer {border: rgba(250,92,4,1) solid 3px;border-radius: 12px;padding: 0px;outline-width:0px;outline-offset: 0px; }

.lukia_searvice_kojin_white {border: rgba(255,255,255,1) solid 4px;border-radius: 12px;}

.lukia_searvice_kojin_wrap {outline-style:solid ;outline-width: 9px; outline-offset: -9px; padding: 9px;border-radius: 10px; }

.lukia_searvice_kojin_wrap {background-color: rgba(250,92,4,1); outline-color: rgba(250,92,4,1);}


.lukia_searvice_kojin h2 {color: rgba(255,255,255,1);border-bottom: rgba(255,255,255,1) solid 1px; font-size: 225%;letter-spacing: 0em; text-align: center;font-weight: 800;margin: 0; padding: .5em 0; paint-order: stroke;}

.lukia_searvice_kojin h2 {line-height: 140%;
-webkit-text-stroke: 6px rgba(208,75,1,1);
  text-stroke: 6px rgba(208,75,1,1);
    margin: 0 auto;}



.lukia_searvice_kojin_copy {font-size: 162.5%;letter-spacing: 0em; text-align: center;font-weight: 700;margin: 0; padding: 20px 0;paint-order: stroke;}

.lukia_searvice_kojin_copy {color: rgba(255,255,255,1); line-height: 140%;
-webkit-text-stroke: 6px rgba(208,75,1,1);
  text-stroke: 6px rgba(208,75,1,1);
  }

.lukia_searvice_kojin_copy span {display: inline-block;}



/* ❶❷❸*/

.lukia_searvice_kojin_nayami ul,
.lukia_searvice_kojin_nayami li {list-style: none; padding: 0; margin: 1em 0;display: block;}

@media screen and (min-width:781px){
    .lukia_searvice_kojin_nayami li p {display: block;padding: 30px 30px 0 30px;margin: 0;font-size: 162.5%;color:rgba(0,0,0,1);  letter-spacing: .075em; text-align: left; font-weight: 700; line-height: 123%; background-position: center right; background-repeat: no-repeat; background-size:440px auto;min-height: 100px;background-color:  rgba(255,255,255,1);}
.lukia_searvice_kojin_nayami li p span {display: inline-block; min-width: 10em;}
}

@media screen and (max-width:780px){
  .lukia_searvice_kojin_nayami li p {display: block;padding: 30px 30px 0 30px;margin: 0;font-size: 162.5%;color:rgba(0,0,0,1);  letter-spacing: .075em; text-align: left; font-weight: 700; line-height: 123%; background-position: center right; background-repeat: no-repeat; background-size:440px auto;min-height: 110px;background-color:  rgba(255,255,255,1);}
  .lukia_searvice_kojin_nayami li p span {display: inline-block; min-width: 3em;}  
}


/* ❶❷❸*/
.lukia_searvice_kojin_lukiadesukkiri ul {list-style: none; padding: 0; margin: 0;display: block;}
.lukia_searvice_kojin_lukiadesukkiri li {list-style: none; padding: 0; margin: 0;display: block;}

.lukia_searvice_kojin_lukiadesukkiri li px{display: block;padding: 30px 70px 0 30px;margin: 0;font-size: 162.5%;color:rgba(0,0,0,1);  letter-spacing: .075em; text-align: left; font-weight: 700; line-height: 123%; background-position: center right; background-repeat: no-repeat; background-size:440px auto;min-height: 270px;background-color:  rgba(255,255,255,1);}
.lukia_searvice_kojin_lukiadesukkiri li p span
{display: inline-block; min-width: 10em;}


/* 解決*/
.lukia_searvice_kojin_kaiketsu ul,
.lukia_searvice_kojin_kaiketsu li {list-style: none; padding: 0; margin: 0;display: block;}

.lukia_searvice_kojin_kaiketsu li p {display: block;padding: 30px 70px 0 30px;margin: 0;font-size: 162.5%;color:rgba(0,0,0,1);  letter-spacing: .075em; text-align: left; font-weight: 700; line-height: 123%; background-position: center right; background-repeat: no-repeat; background-size:440px auto;min-height: 500px;background-color:  rgba(255,255,255,1);}

.lukia_searvice_kojin_kaiketsu li p span {display: inline-block; min-width: 10em;}

.lukia_searvice_kojin_kaiketsu_title {min-height: 4.2em;}

.lukia_searvice_kojin_h4_1,
.lukia_searvice_kojin_h4_2,
.lukia_searvice_kojin_h4_3{display: block; float: left; background-position: center bottom; background-repeat: no-repeat; background-size:48px 47px;margin: 0px -5px 0 -10px; padding: 0; width: 48px; height: 42px;}

.lukia_searvice_kojin_h4_1 {background-image: url("lukia/lukia_searvice_kojin01.svg");}
.lukia_searvice_kojin_h4_2 {background-image: url("lukia/lukia_searvice_kojin02.svg");}
.lukia_searvice_kojin_h4_3 {background-image: url("lukia/lukia_searvice_kojin03.svg");}

.lukia_searvice_kojin_sukkiri {color: rgba(255,255,255,1);font-size: 162.5%;letter-spacing: .075em; text-align: center;font-weight: 700;margin: 0; padding: 30px 0 20px 0;paint-order: stroke;}

.lukia_searvice_kojin_sukkiri {
-webkit-text-stroke: 6px rgba(208,75,1,1);
  text-stroke: 6px rgba(208,75,1,1);}


.lukia_searvice_kojin_sukkiri span {display: inline-block; font-size: 187.5%; transform: rotate( 90deg );vertical-align: middle;}

.lukia_searvice_kojin_sukkiri_title {min-height: 4.2em; display: block;}

.lukia_searvice_kojin_txt {font-size: 76.9%; display: block; font-weight: 500; padding: 10px 0 15px 0; line-height: 150%; text-align: justify; max-width: 258px;letter-spacing: -.02em; }


@media screen and (max-width:780px){
.lukia_searvice_kojin_kaiketsu li p{min-height: 300px;}
.lukia_searvice_kojin_kaiketsu li p span {display: inline-block; min-width: 10em;}
.lukia_searvice_kojin_txt { width: 70%; max-width: 500px;}
    
}


/* section02：サービス内容：個人向けサービス お問い合わせ*/
.lukia_searvice_kojin_otoiawase{text-align: center;padding: 20px 0;}

.lukia_searvice_kojin_otoiawase a:hover{background-color: green;color: white; }

.lukia_searvice_kojin_otoiawase a{font-size: 150%; color: rgba(0,0,0,1);width: 8em; display: inline-block; background-color: rgba(252,158,95,1); border-radius: 20px; border: white solid 4px; text-decoration: none; padding: 3px 0 1px 0;}





/* section02：サービス内容：個人向けサービス 項目*/

.lukia_searvice_kojin_koumoku {text-align: justify;padding: 5px;} 

.lukia_searvice_kojin_koumoku span{display: inline-block; border-radius: 5px; background-color: white; color: black; font-size: 125%; width: 200px; border: black solid 1px;text-align: center;margin: 0 0 10px 0;vertical-align: top;}



@media screen and (max-width:780px){

.lukia_searvice_kojin h2 {font-size:180%; } 
    
.lukia_searvice_kojin_copy {font-size:124%;}
    
.lukia_searvice_kojin_koumoku {text-align: center;padding: 5px;} 

.lukia_searvice_kojin_koumoku span {display: inline-block; text-align: center; margin: 5px;} 
}



@media screen and (min-width: 1441px){
  .lukia_ouen_wrap {border-left: black 3px solid;border-bottom:black 3px solid;border-right: black 3px solid;border-radius: 0 0 10px 10px;}  
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
    
}
@media screen and (max-width:780px){
.lukia_ouen_wrap {border-left: black 3px solid;border-bottom:black 3px solid;border-right: black 3px solid;border-radius: 0 0 10px 10px; padding: 15px;}  
}






/* 私たちのめざす清掃サービスは、お客様の成功応援です。*/

.lukia_ouen {font-size:218.75%;padding:30px 0px;text-align: center;width: 90%; margin: 0 auto;line-height: 140%;}
.lukia_ouen_txt {font-size:156.25%; border-top: rgba(178,178,178,1) solid 3px;padding: 10px 0 50px 0;text-align: center; width: 90%; margin: 0 auto;line-height: 140%;}
.lukia_ouen span,
.lukia_ouen_txt span{display: inline-block;} 
@media screen and (max-width:780px){
    .lukia_ouen {font-size:180%;width: 100%; line-height: 140%;}
.lukia_ouen_txt {font-size:123%; width: 100%; mline-height: 140%;}
}

/* section03：*/
#lukia_gaiyou {padding: 73px 0 0 0;}
#lukia_gaiyou h2 {font-size: 187.5%; letter-spacing: .2em; font-weight: 800;line-height: 100%;padding: 0; margin: 0;}

#lukia_gaiyou_h2_bg_wrap {height: 30px;background: linear-gradient(90deg, rgba(97,146,96,.3) 0%, rgba(97,146,96,.3) 50%, rgba(97,146,96,0) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);}
#lukia_gaiyou_h2_bg {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);}
#lukia_gaiyou_inner {text-align: justify; font-size: 106.25%;line-height: 205%;letter-spacing: .075em;}

@media screen and (min-width: 781px){
}
@media screen and (max-width:780px){
#lukia_gaiyou_inner {text-align: justify; font-size: 112.5%;line-height: 144%;letter-spacing: .075em;}
}



/* 共通：右下リンク*/

.lukia_migishita_link {text-align: right;padding: 0 0 0 0;}
.lukia_migishita_link a:hover{color: rgba(183,83,30,1);}
.lukia_migishita_link a{font-weight: normal; border-bottom: 1px solid rgba(183,83,30,1);color: rgba(2,2,2,1);text-decoration: none;}


/* section04：*/
#lukia_rinen {padding: 73px 0 0 0;}
#lukia_rinen h2 {font-size: 187.5%; letter-spacing: .2em; font-weight: 800;line-height: 100%;padding: 0; margin: 0;}

#lukia_rinen_h2_bg_wrap {height: 30px;background: linear-gradient(90deg, rgba(182,161,68,.3) 0%, rgba(182,161,68,.3) 50%, rgba(182,161,68,0) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);}
#lukia_rinen_h2_bg {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);}
#lukia_rinen_inner {text-align: justify; padding: 13px 38px 0 46px; margin:0 0 0 0;font-size: 106.25%;line-height: 205%;letter-spacing: .075em;}

#lukia_rinen h3{font-size: 137.5%; letter-spacing: .15em;line-height: 140%; padding: 32px 10px 0 7px; margin: 0;}
#lukia_rinen_largetxt {font-size: 175%; letter-spacing: .1em;line-height: 140%;text-align: right; padding: 6px 6px 0 0; margin: 0;font-weight: 800;}
.lukia_rinen_box {border-bottom: rgba(127,127,127,1) solid 1px;padding: 0 0 28px 0; margin: 0;}

#lukia_rinen_vision_title {font-size: 137.5%; letter-spacing: .15em;line-height: 140%; font-weight: 800; padding: 0 0 0 }


.lukia_rinen_h3 {display: inline-block; vertical-align: top;}
#lukia_rinen_vision_box {display: inline-block; vertical-align: top;padding: 32px 0 0 0px; margin: 0;}
#lukia_rinen_vision {font-size: 118.75%; letter-spacing: .15em;line-height: 140%;padding: 22px 0 23px 13px;}
#lukia_rinen_vision_box th {vertical-align: top;text-align: left;font-size: 118.75%; letter-spacing: .15em;line-height: 140%; padding: 0 23px 0 35px;}
#lukia_rinen_vision_box td {vertical-align: top;text-align: left;font-size: 93.75%; letter-spacing: .1em;line-height: 120%; padding: 0 0 10px 23px;}

#lukia_rinen_value_box {display: inline-block; vertical-align: top;padding: 32px 0 0 0px; margin: 0;}
#lukia_rinen_value_box th {vertical-align: top;text-align: left;font-size: 118.75%; letter-spacing: .15em;line-height: 140%; padding: 0 23px 0 0px;}
#lukia_rinen_value_box td {vertical-align: top;text-align: left;font-size: 93.75%; letter-spacing: .1em;line-height: 120%; padding: 0 0 10px 11px;}



@media screen and (min-width: 781px){

}

@media screen and (max-width:780px){
#lukia_rinen_largetxt {font-size: 150%; letter-spacing: .1em;line-height: 140%;text-align:left; padding: 15px 0 0 50px; margin: 0;font-weight: 800;}
#lukia_rinen_largetxt span{display: inline-block;margin-left: 0em;}
#lukia_rinen_largetxt span:first-child{margin-left: -1.2em;}
#lukia_rinen_vision_title {font-size: 137.5%; letter-spacing: .2em;line-height: 140%; font-weight: 800; padding: 0px 0 0 50px;margin: -15px 0 0 0;}
#lukia_rinen_vision_title span{display: inline-block;margin-left: 0em;}
#lukia_rinen_vision_title span:first-child{margin-left: -1.2em;}
#lukia_rinen_vision_box th,
#lukia_rinen_vision_box td {display: block;
	width:auto;
	  word-wrap : break-word;
  overflow-wrap : break-word;}
#lukia_rinen_vision_box td {padding:1em 0 2em 5em;}
#lukia_rinen_value_box th {vertical-align: top;text-align: left;font-size: 112.5%; letter-spacing: .1em;line-height: 140%; padding: 0 23px 0 0px;white-space: nowrap;}
#lukia_rinen_value_box td {vertical-align: top;text-align: left;font-size: 100%; letter-spacing: .05em;line-height: 120%; padding: 0 0 20px 11px;}
}







/* section04：企業情報*/
#lukia_gaiyou_wrap {padding:24px;border: rgba(0,0,0,1) solid 1px;}
#lukia_gaiyou_logo_wrap {width: 25%;float: left;}
#lukia_gaiyou_logo {display: block;  width: 262px; padding: 50px 0px 0 0;}
#lukia_gaiyou_logo h4 {text-align: center;font-size: 106.25%; letter-spacing: .1em;line-height: 100%; padding: 35px 0px 0 0px;margin: 0;}
#lukia_gaiyou_logo span {display: block; text-align: center;font-size: 131.25%; font-weight: 800; letter-spacing: .1em;line-height: 100%; padding: 12px  0 20px 0px; margin: 0;}

#lukia_gaiyou_box_wrap {width: 75%;float: right;}
#lukia_gaiyou_box {width: 100%; display: block; padding: 0 0 0 0px; margin: 0;}
#lukia_gaiyou_box table {width: 100%;border-collapse:separate; border-spacing:0px;}
#lukia_gaiyou_box th {min-width: 10em; vertical-align: top;text-align: left;font-size: 125%; font-weight: 500; letter-spacing: .2em;line-height: 140%; padding: 14px 0px 14px 15px;border-bottom: rgba(127,127,127,1) solid 1px; white-space: nowrap;}
#lukia_gaiyou_box td {vertical-align: top;text-align: left;font-size: 112.5%; letter-spacing: .1em;line-height: 120%; padding: 14px 20px 14px 0px;border-bottom: rgba(127,127,127,1) solid 1px; }
#lukia_gaiyou_box ul {margin: 0; padding: 0 0 0 1em;}

@media screen and (min-width: 1441px){
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
#lukia_gaiyou_logo_wrap {max-width:150px;margin: 0 auto;} 
#lukia_gaiyou_logo_wrap img{max-width:150px; height: auto;} 
}
@media screen and (max-width:780px){
#lukia_gaiyou_box th, #lukia_gaiyou_box td {display: block;width:auto;word-wrap : break-word;overflow-wrap : break-word;}
#lukia_gaiyou_box th {vertical-align: top;text-align: left;font-size: 125%; letter-spacing: .1em;line-height: 140%; padding: 10px;white-space: nowrap; font-weight: 800;background-color: rgba(0,0,0,.1); border: none;}
#lukia_gaiyou_box td {vertical-align: top;text-align: left;font-size: 112.5%; letter-spacing: .05em;line-height: 120%; padding: 20px 0 20px 11px; border: none;}
#lukia_gaiyou_logo_wrap {display: block;width: 100%; text-align: center;}
#lukia_gaiyou_logo {display: block;width: 100%; text-align: center;padding: 50px 0px 0 0;}
#lukia_gaiyou_logo_wrap img {width:150px; height: auto;}
#lukia_gaiyou_box_wrap {width: 100%;float: inherit;}
}



@media screen and (min-width: 781px){
.lukia_kouhou_h2bg_wrap {}
.lukia_kouhou_h2bg {}
.lukia_kouhou_h2bg h2 {font-size: 160%;line-height: 100%;letter-spacing: .2em; padding: .5em 0em .1em 1em; margin: 0 0 1em 0; background-color:rgba(183,83,30,.2); font-weight: 500;}
}
@media screen and (max-width: 780px){
.lukia_kouhou_h2bg_wrap {}
.lukia_kouhou_h2bg {}
.lukia_kouhou_h2bg h2 {font-size: 160%;line-height: 100%;letter-spacing: .2em; padding: .5em 0em .1em 1em; margin: 0 0 1em 0; background-color:rgba(183,83,30,.2);font-weight: 500;}

}

@media screen and (min-width: 781px){
.lukia_h1bg_wrap {}
.lukia_h1bg {}
.lukia_h1bg h1 {font-size: 187.5%;line-height: 100%;letter-spacing: .2em;padding: .5em 1em .3em 1em; margin: 0 0 1em 0; background-color:rgba(183,83,30,.2); font-weight: 500;text-align: center;border-radius: 10px;}
}
@media screen and (max-width: 780px){
.lukia_h1bg_wrap {}
.lukia_h1bg {}
.lukia_h1bg h1 {font-size: 187.5%;line-height: 100%;letter-spacing: .2em;padding: .5em 1em .3em 1em; margin: 0 0 1em 0; background-color:rgba(183,83,30,.2); font-weight: 500;text-align: center;border-radius: 10px;}

}






.entry_top .lukia_kouhou_txt_link {text-align: right;padding-top: 10px;}
.entry_top .lukia_kouhou_txt_link span{display: inline-block; border-right:rgba(178,178,178,1) solid 1px;border-bottom:rgba(178,178,178,1) solid 1px; padding: 0 5px 5px 0;}

.entry_top .lukia_kouhou_txt_link a:hover{color: rgba(183,83,30,1);}
.entry_top .lukia_kouhou_txt_link a{font-weight: 800; border-bottom: 1px solid rgba(183,83,30,1);color: rgba(2,2,2,1);text-decoration: none;}


@media screen and (min-width: 781px){
.entry_top {display: inline-block;width: 310px;margin: 13px;text-align: left;vertical-align: text-top;}
.entry_top img{display: none;}
.entry_top h4{padding: 0;margin: 0 0 15px 0; line-height: 140%;font-weight: 800;height: 1.3em; overflow-y: hidden;}
.entry_top p{padding: 0;margin: 0; line-height: 146%;font-size: 93.75%;text-align: justify;height: 6em; overflow-y: hidden;}
.entry_top_img {display: block;width:310px;height:310px;background-size: cover;background-position: center;background-repeat: no-repeat;background-color:#E6E7E7;border: #ededed solid 1px; margin: -1px;margin-bottom: 15px;}
}
@media screen and (max-width:780px){
	#lukia_kouhou_inner {width: 760px;margin-left: -25px;text-align: center;}
	#lukia_kouhou_inner2 {width: 760px;margin-left: -25px;text-align: center;}
.entry_top {display: inline-block;width: 165px;margin: 6px;text-align: left;vertical-align: text-top;}
.entry_top img{display: none;}
.entry_top h4{padding: 0;margin: 0 0 5px 0; font-weight: 800;height: 2.6em; overflow-y: hidden;overflow-x:inherit;white-space: normal;line-height: 140%;}
.entry_top p{display: none;}
.entry_top_img {display: block;width:165px;height:165px;background-size: cover;background-position: center;background-repeat: no-repeat;background-color:#E6E7E7;border: #ededed solid 1px; margin: -1px;margin-bottom: 15px;}
.entry_top .lukia_kouhou_txt_link a{font-size: 93.75%;}
}

.lukia_blog_list {padding: 5em 0 0 0; margin: 0;}
.lukia_blog_list a{color: rgba(2,2,2,1) ;}

@media screen and (min-width: 781px){
	.lukia_blog_list li {padding:.5em 0; }
	.lukia_blog_list li p{display: inline-block;height: 1.4em;overflow-x: hidden;overflow-y: hidden;padding: 0 0 0 1em; margin: 0;max-width: 23em;}
	.lukia_blog_list li a{font-size: 112.5%;font-weight: 800;}
}
@media screen and (max-width:780px){
	.lukia_blog_list li p{display: none;}
}





/* section07：お問い合わせ*/
#lukia_otoiawase {padding: 0px 0 0px 0;}

#lukia_otoiawase_wrap {border: rgba(252,158,95,1) solid 3px; margin: 37px 0 20px 0;
}
.lukia_otoiawase_wrap_title {background-color: rgba(252,212,186,1);font-size: 187.5%;text-align: center;border-bottom: rgba(252,158,95,1) solid 3px; padding: 15px;line-height: 149%;}
.lukia_otoiawase_wrap_title span {display: inline-block;}
@media screen and (max-width:780px){
.lukia_otoiawase_wrap_title {font-size: 124%;}
}
#lukia_otoiawase_inner {width: 100%;max-width: 980px; padding: 25px 0;margin: 0 auto;}

/*テーブル整形*/
.otoiawase_koumoku {display: inline-block;text-align: center;width: 4em;font-weight: 500;font-size: 112.5%;letter-spacing: .1em;vertical-align: middle;padding:0 10px 0 0 ;}
.otoiawase_koumoku span{display: block;width: 70%; margin: 0 auto;background-color: rgba(2,2,2,1);color: rgba(255,255,255,1);font-size: 72%;line-height: 100%;padding: 3px 0 2px 0;}
.otoiawase_input {display: inline-block;vertical-align: middle;margin: 0 0 -5px 0;padding: 4px 0 2px 0; }
.lukia_toiawase {
width: 100%;
}
table.lukia_toiawase  {
border-spacing: 0;
}
.lukia_toiawase th,
.lukia_toiawase td {
padding: 18px 0px;
}
.lukia_toiawase td {
	text-align: left;
}

.lukia_toiawase th {font-weight: 500;font-style: normal;
}


.toiawase_chousei .otoiawase_koumoku{margin-left:50px;}





@media screen and (min-width: 781px) {
form .otoiawase_input select {font-size: 100%; width: 882px;background-color: #fff;border: 1px solid rgba(2,2,2,1);padding: 11px 0 9px .5em;}
form .otoiawase_input input {font-size: 120%; width: 350px;border: 1px solid rgba(2,2,2,1);padding: 12px 0 10px .5em;}
#otoiawase_subumit {padding: 10px 35px 0 0; text-align: center;}
}

@media only screen and (max-width:1440px)  and (min-width:781px) {
form .otoiawase_input select {font-size: 100%; width: 570px;background-color: #fff;border: 1px solid rgba(2,2,2,1);padding: 11px 0 9px .5em;}
form .otoiawase_input input {font-size: 120%; width: 350px;border: 1px solid rgba(2,2,2,1);padding: 12px 0 10px .5em;}
#otoiawase_subumit {padding: 10px 35px 0 0; text-align: center;}
}


@media screen and (max-width:780px){
	form .otoiawase_input select {font-size: 100%;background-color: #fff;border: 1px solid rgba(2,2,2,1);padding: 11px 0 9px .5em;}
form .otoiawase_input input {font-size: 120%; border: 1px solid rgba(2,2,2,1);padding: 12px 0 10px .5em;}
	.toiawse_ichigyou input{width: 210px;}
	.toiawse_nigyou {display: block;
	width:100%;
	  word-wrap : break-word;
  overflow-wrap : break-word;}
.toiawase_chousei .otoiawase_koumoku{margin-left:0px;}
	.otoiawase_shamei,.otoiawase_busho {display: inline-block;word-wrap : break-word;
  overflow-wrap : break-word;}
	.input_ichigyou input{}
	.otoiawase_busho {text-align: left;padding-left: 1em;}
	#otoiawase_subumit {padding: 10px 35px 0 0; text-align: center;}
}







/* End Header */
#searchform {width:180px;}
#username {width:180px;}
#password {width:180px;}
#searchsubmit {display: inline-block;margin-left:0px;margin-bottom:-5px;width: 20px; height: 20px;}
#s {display: inline-block;width: 10em!important;}
/* Begin Content */	






@media screen and (min-width: 781px){
#contents {}
}

@media screen and (max-width:780px){
	#contents {padding: 0 15px; }

}


.content  {
	width:100%;
	display:block;
	padding:5px 0px}





	

#sideb-r  ul {
	margin:0px;
	padding:0px;
	display:block;
}
#sideb-r  li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
#sideb-r  img {
	margin-bottom:10px;
}
#sideb-r .widgettitle {}


.children {}
	

.post {margin-bottom:5em;}
		
.sticky, .byuser {display:none;}
.byuser {display:none;}
.bubble  {display:none;}



/* カテゴリーサムネイル表示 */
.archive_list_wrap {margin:0px;
	padding:0 0 1.5em 0px;
	width:22%;
	display: inline-block;
	vertical-align: top;}


.archive_list {width: 90%;
	margin: 0px auto 15px auto;text-align: left;
	overflow: hidden;
	padding:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	border:#CCCCCC solid 1px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);}

.archive_list a:hover .archive_list_img {
background-color: rgba(255,255,255,.2);
	background-blend-mode:lighten;
}

.archive_list a{color: black;
	text-decoration: none;
display: block;}


.archive_list_img_wrap {display: block;position: relative;
    width: 100%;}
.archive_list_img_wrap:before {
    content:"";
    display: block;
    padding-top: 80%; /* 高さを幅の75%に固定 */
}


.archive_list_img {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	display: block;
	background-position: center;
	background-size: cover;
background-color: rgba(255,255,255,0);
	background-blend-mode:lighten;
			}
@media screen and (max-width: 780px){
.archive_list_wrap {margin:0px;
	padding:0 0 1.5em 0px;
	width:46%;
	display: inline-block;
	vertical-align: top;}
}

/* ここまでカテゴリーサムネイル表示 */













.entry {text-align: justify;}

.entry p {
clear:both;
width:100%;
display:block;
			}

	
	
.navigation {display: inherit;
	margin:10px auto; width: 80%; max-width: 1362px;
	text-transform:uppercase;}
.post .navigation {
	border:solid #e6e6e6;
	border-width:1px 0px 0px 0px;
	padding:30px 0;}
.attachment .navigation {
		height:150px;}
.navigation .alignleft a {
			background:url(images/icons.gif) no-repeat 0 -55px;
			padding:0px 22px 0px 22px;
			display:block;
			float:left;
			height:22px;
			overflow:hidden;line-height: 100%;}
.navigation .alignright a {
			background:url(images/icons.gif) no-repeat 100% -25px;
			padding-right:22px;
			padding-left:22px;
			display:block;
			float:right;
			height:22px;
			overflow:hidden;line-height: 100%;}

/* Begin Comments */		
.commentlist {}
.commentlist li {}
.commentlist li.alt {}
.commentmetadata, .comment-author {}
.comment-author {}
.avatar {}
#commentform {}
#commentform input, #commentform textarea {}
#commentform textarea {}
#commentform #submit {}
/* End Comments / End Content */
/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 5px auto; width:100%;}
#wp-calendar th {text-align:center;}
#wp-calendar caption {text-decoration: none; font-size: x-small; text-align: center; width: 100%;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {text-decoration: none; display: block;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
.businessday {background-color:#EDEDED !important;}
/* End Calendar */



/* Begin Page List */		
#nav {margin-right: auto; margin-left: auto;}
#nav ul{text-align:center;}
#nav li {display:inline;  list-style:none;}
#nav li a:hover {background-color:#EDEDED;}		
#nav li a {color:#666; text-decoration:none; border-right:#666 solid 1px; padding:0px 3px;}
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {}
/* End Page List */
.page_item {
	
}

/* Begin Footer */
#footer_wrap {width: 100%; max-width: 1362px;margin: 0px auto;}
#footer { display: block; padding: 46px 0 15px 0;text-align: left; }


#footer hr {margin: 10px 0;}


@media screen and (min-width: 1441px){
#footer .header_nav_logo {margin-bottom: -75px;}
#footer .header_nav_right {text-align: right;}

#footer_txt {display: block; letter-spacing: .05em;line-height: 100%;font-size: 112.5%; text-align: left;}

#footer_copy {display: block; font-size: 112.5%;letter-spacing: .05em;text-align: right;line-height: 100%;}
    .footer_nav_sp {display: none;}
}
@media only screen and (max-width:1440px)  and (min-width:781px) {
#footer .header_nav_logo {margin-bottom: 0px;}
#footer .header_nav_right {text-align: center;}
    #footer hr {display: none;}
#footer_txt {display: none;}

#footer_copy {display: block; font-size: 112.5%;letter-spacing: .05em;text-align: center;line-height: 100%; padding-top: 1em;} 
 .footer_nav_sp {text-align: center; padding: 0 0 1em 0;}
    .footer_nav_sp ul {list-style: none;margin: 0; padding: 0;}
    .footer_nav_sp li{ display: inline-block; margin: .5em .8em; padding: 0;}
.footer_nav_sp a:hover{color: rgba(234,97,30,1);border-bottom: rgba(234,97,30,1) solid 1px;}
.footer_nav_sp a{ text-decoration: none; color: rgba(0,0,0,1); display: block; text-align: left; font-weight: 500;letter-spacing: .1em;font-size: 137.5%;line-height: 120%;}
#footer .header_nav_wrap .header_nav{display: none;}
}
@media screen and (max-width:780px){
#footer .header_nav_wrap {}
.header_nav_wrap .header_nav{display: none;}
#footer .header_nav_logo {display: block; float:none; margin: 0 auto;margin-bottom: 0px;}
#footer hr {display: none;}
#footer_txt {display: none;}

#footer_copy {display: block; font-size: 112.5%;letter-spacing: .05em;text-align: center;line-height: 100%;padding-top: 1em;}
 .footer_nav_sp {text-align: center; padding: 0 0 1em 0;}
    .footer_nav_sp ul {list-style: none;margin: 0; padding: 0;}
    .footer_nav_sp li{ display: inline-block; margin:.5em .8em; padding: 0;}
.footer_nav_sp a:hover{color: rgba(234,97,30,1);border-bottom: rgba(234,97,30,1) solid 1px;}
.footer_nav_sp a{ text-decoration: none; color: rgba(0,0,0,1); display: block; text-align: left; font-weight: 500;letter-spacing: .1em;font-size: 137.5%;line-height: 120%;}
}




/* End Footer / End Structure */
			




.widgettitle {
	margin:0px;
	padding:20px 0px 5px 0px;
	}
.breadcrumbs {
	display:block;
	padding:1em 0 3em 0;
	width: inherit;
	}
.textwidgetbox {
	width:100%;
	display:block;
	padding: 0px 0px 10px 0px;
}
.error_message {
	color:#F20B0F;
	font-size:medium;
	text-decoration:underline;
	font-weight:800;
	background-color:#F7F5E4}




/* ナビゲーション */
.tablenav {
    color: rgba(25,37,72,1);
	font-size:1.1em;
    background:white;
    margin: 1em auto;
    line-height:1.2em;
    text-align: center;
	}
 a.page-numbers, .tablenav .current {
    color: rgba(25,37,72,1);
    padding: 0px .3em;
    border:solid 1px rgba(25,37,72,1);
    text-decoration:none;
    font-size:smaller;
	font-weight:800;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 a.page-numbers:hover {
    color:white;
    background: rgba(25,37,72,1);
}
 .tablenav .current {
    color: white;
    background: rgba(25,37,72,1);
    border-color: rgba(25,37,72,1);
    font-weight:800;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 .tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
    text-decoration:underline;
    font-size:smaller;
    font-weight:800;
}
#form {
	display:block;
	padding:1em;
	padding-top:5em;
	}
.otoiawase {padding:1em;
background-color:#DFFFBF;
border:#00BF60 solid 2px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */
		margin-bottom:2em;}
.otoiawase dl { clear:both;padding:0; margin:0; border-bottom:#FFFFFF solid 1px; display:block; list-style:none;}
.otoiawase dt {border-top:#FFFFFF solid 1px; }
.otoiawase dt { float:left; padding:.5em 0;
clear:both;
display:block;
    width:30%;
    font-weight:800; margin:0;border-top:#FFFFFF solid 1px;}
.otoiawase dd { float:left;display:block;  padding:.5em 0; width:70%;margin:0; border-top:#FFFFFF solid 1px;}		
.updated { text-align:right; font-size:81.25%; display:block; width:100%; line-height:1em; float:left; padding-top:1em;}
.post-author{ text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-bottom:30px;}
.hcard .vcard { }
.author{text-align:right; font-size:x-small; display:block; width: 100%; line-height:1em; float: inherit; padding:0 0 30px 0;}
.top_updated { text-align:right; font-size:x-small; display:block; width: 100%; line-height:1em; float: inherit; padding:0;}







/*テーブル整形*/
.kaisha {
width: 100%;
}
table.kaisha  {
border-spacing: 0;
border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 0px;
	border-left:#ccc solid 0px;
}
.kaisha th,
.kaisha td {
padding: 20px;
border-top:#ccc solid 0px;
	border-right:#ccc solid 0px;
	border-bottom:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
.kaisha td {
	text-align: left;
}

.kaisha th {
	width: 30%;
font-weight: 800;text-align: left; vertical-align: top;
background-color: rgba(72,151,152,.2); 
}

form .kaisha input {font-size: 120%; width: 90%;}
form .kaisha textarea {font-size:xx-large; width: 100%; height:5em; }

/*トップページ*/
.top_title {width: 100%;text-align: center; margin: 6em 0 4em 0; }
.top_title a{ max-width: 12em; width: 100%; display: inline-block; text-decoration: none;color: rgba(63,64,65,1);}
.top_title span{ max-width: 12em; width: 100%; display: block; color: rgba(63,64,65,.5);font-weight: normal;}
.top_title a:hover{ text-decoration: underline; }
.top_image {width: 100%;
	text-align: center;
	vertical-align: middle;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
  /*background-image : url("images/top-bg.jpg");   使用する画像を指定 */ }
.top_image a{width: 100%;
	display: inline-block;
	max-width: 10em;margin: 10em 0 8em 0;
	 padding: .5em 1em; border:rgba(255,255,255,1) solid 1px;text-align-last: center; text-decoration: none;color: rgba(63,64,65,.3);background-color: rgba(255,255,255,.3);
 }
.top_image a span{width: 100%;display: block;color: rgba(63,64,65,.6); 
 }
.top_image a:hover{text-decoration: underline;background-color: rgba(255,255,255,.9);;color: rgba(63,64,65,1); }


/*メニューページ*/

.page_menu_image {width: 100%;
	height: 15em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  /*background-image : url("images/top-bg.jpg");   使用する画像を指定 */ }
.page_menu_image h1{
}

.yokonarabi_image {width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 50px;
  /*background-image : url("images/top-bg.jpg");   使用する画像を指定 */ }



.entry-title span {font-weight: normal;color: rgba(63,64,65,.6);padding-right: 1em;vertical-align: middle; font-size: 80%;}
.entry-title  span p{display: inline-block;margin: 0px; padding: 0px;}

.lukia_searvice_shop_koumoku .font_shukusyou {letter-spacing: -.2em;}





@media screen and (min-width:781px){
.entry-title  {font-weight: normal;padding-right: 1em;vertical-align: middle; font-size: 143.75%;letter-spacing: .1em;}
.box_left {padding-left: 0px;padding-right: 0px;width:100%;max-width: 650px;}
.box_right {padding-left: 30px;padding-right: 0px;width:100%;max-width: 650px;}
.box_left h3 span,.box_left h2 span {font-weight: normal;color: rgba(63,64,65,.6);}
.box_right h3 span, .box_right h2 span {font-weight: normal;color: rgba(63,64,65,.6);}
.box_left h3, .box_left h2 {margin-top: 0px;padding-top: 0px;}
.box_right h3, .box_right h2 {margin-top: 0px;padding-top: 0px;}
.box_right h1 {margin: 0; padding: 0;border-bottom: rgba(2,2,2,1) solid 1px;}
	.display_flex {display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;max-width: 1362px;
	border-bottom: rgba(2,2,2,.5) solid 1px;margin:0 0 30px 0;padding: 0 0 30px 0;}


}
@media screen and (max-width:780px){
.entry-title  {font-weight: normal;padding-right: 1em;vertical-align: middle; font-size: 137.5%;letter-spacing: .1em;}
.box_left {display: block; padding-left: 0px;padding-right: 0px;max-width: 345px;}
.box_right {display: block; padding-left: 0px;padding-right: 0px;width: 100%; max-width: 345px;margin-left: 30px;}
.box_left h3 span,.box_left h2 span {font-weight: normal;color: rgba(63,64,65,.6);}
.box_right h3 span, .box_right h2 span {font-weight: normal;color: rgba(63,64,65,.6);}
.box_left h3, .box_left h2 {margin-top: 0px;padding-top: 0px;}
.box_right h3, .box_right h2 {margin-top: 0px;padding-top: 0px;}
.box_right h1 {margin: 0; padding: 0;border-bottom: rgba(2,2,2,1) solid 1px;}
	.display_flex {display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
	border-bottom: rgba(2,2,2,.5) solid 1px;margin:0 0 30px 0;padding: 0 0 30px 0;}
}


/* 雑巾掛けのマスク */

.intersectionAnimationImage {
  display: block;
  width: 100%;
        max-width: 1440px;
  height: 526px;
  mask-repeat: no-repeat;
  animation-duration: 9s;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.0);
  animation-iteration-count: infinite;
     background-repeat: no-repeat;
        background-size: auto 765px;
        background-position: center;
}

.intersectionAnimationImage1 {
  mask-image: url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg");
  mask-composite: ad;
  animation-name: intersection1;
}
.intersectionAnimationImage2 {
  mask-image: url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg");
  mask-composite: ad;
  animation-name: intersection2;
}
.intersectionAnimationImage3 {
  mask-image: url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg");
  mask-composite: ad;
  animation-name: intersection3;
}
.intersectionAnimationImage4 {
  mask-image: url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg"),url("lukia/zoukin11.svg"),url("lukia/zoukin12.svg");
  mask-composite: ad;
  animation-name: intersection4;
    background: linear-gradient(to right,rgba(3,183,250,1), rgba(1,48,250,1));
}

@keyframes intersection1 {
 
0% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
      mask-position: -62px -494px,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
66% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
      mask-position: -62px -494px,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
68% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
71% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
73% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
75% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
78% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
80% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
83% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
85% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
87% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,566px 528px,1293px -515px,830px 528px;
    }
90% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1293px -515px,830px 528px;
    }
 
92% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,830px 528px;
    }
    
94% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,1197px 0;
    }
97% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
 99% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }   
100% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
}


@keyframes intersection2 {
 
0% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
      mask-position: -62px -494px,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
33% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
      mask-position: -62px -494px,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
35% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
38% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
40% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
42% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
45% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
47% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
50% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
52% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
54% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,566px 528px,1293px -515px,830px 528px;
    }
57% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1293px -515px,830px 528px;
    }
 
59% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,830px 528px;
    }
    
61% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,1197px 0;
    }
64% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
 66% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }   
100% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
}

@keyframes intersection3 {
 
0% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
      mask-position: -62px -494px,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
2% {mask-size: 348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0,-489px 526px,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
  }
    
5% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0,213px -515px,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
7% {mask-size:348px 509px,590px 526px,348px 509px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,-222px 527px,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
9% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,482px -513px,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
12% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,28px 530px,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
14% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,753px -515px,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
17% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,293px 528px,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
19% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0,1021px -515px,566px 528px,1293px -515px,830px 528px;
    }
    
21% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,566px 528px,1293px -515px,830px 528px;
    }
24% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1293px -515px,830px 528px;
    }
 
26% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,830px 528px;
    }
    
28% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0,657px 0, 927px 0,927px 0,1197px 0,1197px 0;
    }
31% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
 33% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }   
100% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
  }
}


@keyframes intersection4 {
 
0% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
    

  }
 
100% {mask-size:348px 509px,590px 526px,348px 509px,590px 522px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px,348px 513px,590px 526px;
    mask-position: -153px 0, -153px 0, 117px 0,117px 0,387px 0,387px 0,657px 0, 657px 0, 927px 0,927px 0,1197px 0,1197px 0;
    
  }
}


    .img-frame{
       position: relative;
       width: 100%;
       height: 526px;
       overflow: hidden;
       margin: 0 auto;
    }
  
    .img-01, .img-02, .img-03{
       position: absolute;
       top:0;
       left:0;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
    }

    .img-01{
       animation: slide-animation-01 9s infinite;
    }
    .img-02{
       animation: slide-animation-02 9s infinite;
    }
    .img-03{
       animation: slide-animation-03 9s infinite;
    }
.img-04{
       position: absolute;
       top:0;
       left:0;
       width: 100%;
       height: 100%;
    animation: slide-animation-04 9s infinite;
    }

 @keyframes slide-animation-01 {
    0% {opacity: .5; }
     1% {opacity: 1; }
  33% {opacity: 1;}
      34% {opacity: 1;}
  66% {opacity: 1}
      67% {opacity: 0}
100% {opacity: 0; }
}
@keyframes slide-animation-02 {
      0% {opacity: 0; }
  33% {opacity: 0;}
      34% {opacity: 1;}
  66% {opacity: 1}
      67% {opacity: 1}
94% {opacity: 1; }
    95% {opacity: 0; }
100% {opacity: 0; }
}
@keyframes slide-animation-03 {
    0% {opacity: 0; }
  34% {opacity: 0;}
      35% {opacity: 0;}
  67% {opacity: 0}
      68% {opacity: 1}
95% {opacity: 1; }
100% {opacity: .3; }
}
@keyframes slide-animation-04 {
    0% {opacity: .3;}
     30% {opacity: 1; }

95% {opacity: 1; }
100% {opacity: .3; 
}
}




/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/