@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a{
    background-color:transparent;
    -webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(102,102,102,0.40);
}
.touchstyle { background-color:rgba(102,102,102,0.40);}
.notouchstyle { background-color:transparent;}
.tel-link {
    color: #000;
    font-size: 16px;
	font-weight: bold;
}

mark {
    background-color:#ff9;
    color: #000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
h1,h2,h3,h4,h5{
	line-height:1;
    font-size: 12px;
}
p,ul,dl ,address{
	line-height: 1;
    font-size:100%;
}
ul ul ,
ul ol ,
dl ul,
dl ol{
	line-height:1;
    font-size: 15px;
}
table {
  /*  border-collapse:collapse;
    border-spacing:0;*/
    font-size: 14px;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul {
    list-style: none;
}
iframe{
	width: 100%!important;
}


/* ===================
clearfix
===================*/
.clearfix:after {
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}


/* ===================
リンク
===================*/
a {
	outline: none;
}
a:link {
	text-decoration: none;
	color: #3D6DCC;
}
a:visited {
	text-decoration: none;
	color: #3D6DCC;
}
a:hover {
	text-decoration: underline;
	color: #43AF35;
	opacity: 0.7;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:active {
	text-decoration: none;
	color: #3D6DCC;
}

a:hover img{
  opacity: 0.7;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#main a:link {
	text-decoration: underline;
}
#main a:hover {
	text-decoration: none;
}


/*==========================================
 body
===========================================*/
body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	color: #000;
}


/*==========================================
 header
===========================================*/
/* siteRead */
.siteRead {
	color:#43AF35;
}

/*gNavList */
.gNavList {
	clear:both;
}
.gNavList li {
	font-weight: bold;
	text-align:center;
	line-height:1;
}
.gNavList li a{
	display: block;
	text-decoration: none;
	color:#000;
}
.gNavList li a:hover {
	color:#43AF35;
}
.gNavList li a.active {
	color:#43AF35;
}


/*==========================================
 contents
===========================================*/
.contentInner {
	margin-top:60px;
}
.content p{
	line-height:2;
	margin-bottom:16px;
}


/*==========================================
main
===========================================*/
#main {
	margin-bottom:40px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

.topConInner {
	margin-bottom:50px;
}
.conInner {
	margin-bottom: 50px;
}

.colorBg-y {
	padding-top:50px;
	padding-bottom:0px;
	background-color: #FFF8A5;
	clear:both;
}
.colorBg-g {
	padding-top:30px;
	background-color: #f3f3f3;
	clear:both;
}

/* title */
.pageTitleWrapp {
	background-image: url(../../images/bg_title.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.pageTitleInner {
	position: relative;
}
h1.pageTitle,
p.pageTitle {
	line-height: 1.3;
	color: #595757;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	margin-bottom:0;
}
.pageTitle span {
	display: block;
}
.indexTitle {
	font-weight: bold;
	clear: both;
	color: #009FE9;
	margin-bottom:58px;
	line-height:1.2;
}
.subTitle {
	font-weight: bold;
	background:#D5F2F8;
	padding:14px 20px 12px;
	border-radius: 4px;
	margin-top:60px;
	margin-bottom:26px;
}
.subTitle:first-of-type {
	margin-top: 0px;
}
.s-subTitle {
	font-weight: bold;
	color:#43AF35;
	margin-bottom:20px;
	line-height:1.3;
}
.scol-subTitle {
	font-weight: bold;
	color:#44AF35;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:4px;
	border-bottom:#44AF35 1px solid;
	line-height:1.3;
}
.colorTxt {
	color:#009FE9;
}

p.readTxt {
	font-weight: bold;
	margin-bottom:40px;
	line-height:1.4;
}
p.readTxt-c {
	font-weight: bold;
	margin-bottom:40px;
	line-height:1.4;
	color:#009FE9;
}
.readWrapp {
	margin-bottom:60px;
}

p.b-Txt {
	font-size:18px;
	margin-bottom:30px;
}
.atTxt {
	font-weight: bold;
	color: #CC0000;
}
.redTxt {
	font-weight: bold;
	color: #CC0000;
}
.txtCenter {
	text-align:center;
}

/* TopicPath */
.TopicPathWrapp {
	padding-top:14px;
	padding-bottom:13px;
}
.TopicPath{
	font-size:15px;
}
.TopicPath li {
	float: left;
	margin-right: 5px;
	line-height: 1.4;
}
.TopicPath li a {
	text-decoration: underline;
	color:#000;
}
.TopicPath li a:hover {
	text-decoration: none;
}
.TopicPath li:before {
	margin-right: 5px;
	content: "\003e";
}
.TopicPath li:first-child:before  {
	margin-right: 0px;
}
.TopicPath li:first-child:before {
	content:" ";
}

/* adjustment */
.ajt-left {
	padding-left:0;
}
.ajt-right {
	padding-right:0;
}

/* margin */
.ml10 {
	margin-left:10px;
}
.mt0 {
	margin-top:0px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}

.mb0 {
	margin-bottom:0px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}

sup {
	font-size:10px;
}

/* img */
.fLeft-img {
	float:left;
}

/* table */
.dfTable {
	width:100%;
	border-collapse:separate;
	border:1px solid #009FE9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:6px;
	margin-bottom:40px;
}
.dfTable th,
.dfTable td {
	line-height:1.5;
}
.dfTable th{
	color:#009FE9;
}

.dfTable .innerTable {
	width:100%;
}
.dfTable .innerTable th,
.dfTable .innerTable td{
	border-bottom:none;
}
.dfTable .innerTable th{
	font-weight: normal;
	color:#000;
}

/* table */
.lineTable {
	width:100%;
	margin-bottom:30px;
}
.lineTable th,
.lineTable td {
	padding:10px;
	line-height:1.5;
	border:#43AE34 1px solid;
}
.lineTable th{
	color: #fff;
	text-align: center;
	background-color: #85D779;
	vertical-align: middle;
}

/* list */
.dfList {
}
.dfList li {
	margin-left:1em;
	text-indent:-1em;
	margin-bottom: 10px;
	line-height: 1.5;
}

.colorList {
	list-style-type: disc;
	margin-left:1.5em;
	font-size:18px;
}
.colorList li {
	line-height: 1.2;
	margin-bottom: 18px;
	color: #44AF35;
	font-weight: bold;
}
.colorList li span{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}
.kome-g {
	color: #44AF35;
	font-weight: bold;
}

.markList {
	list-style-type: disc;
	margin-left:1.5em;
}
.markList li {
	line-height:1.5;
	margin-bottom:10px;
}

.decimalList {
	list-style: decimal;
	margin-left:1.5em;
}
.decimalList li {
	line-height:1.5;
	margin-bottom:10px;
}


.colorDL {
}
.colorDL li {
	line-height: 1.2;
	margin-bottom: 18px;
}
.colorDL dt{
	color: #43AF35;
	font-size:18px;
	margin-bottom:6px;
}

.imgBorder {
	border:#CCC 1px solid;
}

/* radiusWrapp */
.radiusWrapp {
	width:100%;
	border-radius: 10px;
	border: 1px solid #43AF35;
	padding:20px 20px 0px;
	clear:both;
	margin-bottom:40px;
}
.radiusWrapp ul li{
	margin-bottom:6px;
}
.radiusWrapp .radiusInnerList {
	list-style-type: disc;
	margin-left:1.5em;
	display:block;
	width:100%;
}
/* fList */
.fList {
	list-style-type: disc;
	margin-left:1.5em;
	display:block;
	width:100%;
	margin-bottom:16px;
}
.fList li{
	float:left;
	margin-right:3em;
}
/* radiusDL */
.radiusDL{
	margin-bottom:20px;
}
.radiusDL dt{
	font-weight: bold;
	color:#44AF35;
	margin-bottom:10px;
}


/*contactWrapp
------------------------------------------------------------------------*/
.contactWrapp {
	margin-top:40px;
	margin-bottom:40px;
}
p.contactTilte {
	font-size:18px;
	margin-bottom:10px;
}
.contactWrapp dl {
	padding:14px 0 6px;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	margin-bottom:10px;
}
.contactWrapp dt:last-child,
.contactWrapp dd:last-child {
	margin-bottom:0px;
}

/* addmapWrapp */
.addmapWrapp {
	margin-bottom:50px;
}
.addmapWrapp:last-child {
	margin-bottom: 0px;
}

.add-main {
	line-height:1.6;
	margin-top:20px;
	margin-bottom:30px;
}
.add-main em {
	font-weight: bold;
	font-style: normal;
}
.add-main .nameImg {
	display:block;
	margin-bottom:16px;
}
.gMapWrapp {
	margin-bottom:30px;
}



/*------------------------------------------------------------------------
[TOP]
------------------------------------------------------------------------*/
/* mainWrapp */
.mainWrapp {
	background-image: url(../../images/bg_topmain.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.mainImgTxt {
	text-align: center;
	width: 100%;
	z-index:9999;
}
.mainImgTxt h2{
	margin-bottom:20px;
	color:#FFF;
}
.mainImgTxt p{
	color:#FFF;
}
.mainImgItem {
	width: 100%;
	text-align:center;
}
p.mainImgItem-bottom {
	width: 100%;
	text-align:center;
	color:#FFF;
	position: absolute;
	bottom: 10px;
}

.topNewsListHeader {
	border-bottom:1px solid #CCC;
}
.topNewsListHeader h2 {
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 1.5em;
	padding-right: 0.5em;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-image: url(../../images/bg_news.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.topNewsListHeader .moreList {
	float: left;
	margin-bottom: 8px;
	font-size: 13px;
	padding-top:3px;
}
.topNewsList dl {
	padding-top:6px;
	margin-bottom:60px;
	font-size:14px;
}
.topNewsList dl dt{
	font-weight: normal;
}
.topNewsList dl dt:nth-of-type(even),
.topNewsList dl dd:nth-of-type(even) {
  background: #F2F2F2;
}
#main .topNewsList dl dd a{
	display: block;
	text-decoration: none;
}
.topNewsList .entryTitle-top {
	display: block;
}


/* topMenuList  */
.topMenuList > li {
	margin-bottom:20px;
}
.topMenuList li h2{
	margin-bottom:10px;
}
.topMenuList > li p{
	line-height:1.5;
	margin-bottom:6px;
	font-size:15px;
}

.topMenuListInner {
	list-style: disc;
	margin-left: 1.5em;
	padding-left: 0;
}
.topMenuListInner > li {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
	letter-spacing: -0.05em;
}

/* facilityList */
.facilityTitle {
	text-align: center;
	margin-bottom:40px;
	font-size: 40px;
	color: #00A0E9;
	font-weight: bold;
	background-image: url(../../images/bg_title-f.png);
	background-repeat: no-repeat;
	background-position: center 12px ;
	padding-top:10px;
	padding-bottom:10px;
}
.facilityItem{
	margin-bottom:36px;
}
.facilityItem .facilityTxtWrapp {
	padding:40px 40px 20px;
}
.facilityItem h3 {
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
	font-size: 27px;
	line-height: 1.3;
}
.facilityItem h3 span {
	display:block;
	font-size:34px;
}

.facilityItem .itemReadTxt {
	color:#FFF;
	line-height:1.5;
	font-size:15px;
	margin-bottom:20px;
}
.facilityItem .moreLink a{
	display: block;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	padding: 8px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	color: #000;
	font-weight: bold;
}
.facilityItem .moreLink a:hover {
	border: 1px solid #fff;
}
#main .facilityItem .moreLink a{
	text-decoration: none;
}
.facilityItem .facilityImgWrapp {
	text-indent:-9999em;
}

/* item-tant */
.item-tant .facilityTxtWrapp {
	background:#43AE34;
}
.item-tant .facilityImgWrapp {
	background-image: url(../../images/vis_top-tant.jpg);
	background-repeat: no-repeat;
	background-position: center center;
  background-size: auto 100%;
}

/* item-clean*/
.item-clean .facilityTxtWrapp {
	background:#39538D;
}
.item-clean .facilityImgWrapp {
	background-image: url(../../images/vis_top-clean.jpg);
	background-repeat: no-repeat;
	background-position: center center;
/*  background-size: auto 100%;*/
}

/* item-joy */
.item-joy .facilityTxtWrapp {
	background:#1E9FD9;
}
.item-joy .facilityImgWrapp {
	background-image: url(../../images/vis_top-joy.jpg);
	background-repeat: no-repeat;
	background-position: center center;
  background-size: auto 100%;
}

/*topbannerList  */
.topbannerList {
	margin-bottom: 50px;
}
.topbannerList li{
	margin-bottom:26px;
}



/*------------------------------------------------------------------------
[sub Pages]
------------------------------------------------------------------------*/
/*about
------------------------------------------------------------------------*/
body.about .pageTitle,
body.about .indexTitle {
	color: #43AE34;
}
body.about .TopicPathWrapp {
	background: #43AE34;
}
body.about .TopicPath li,
body.about .TopicPath li a {
	color: #fff;
}

.imgBox {
	margin-bottom:40px;
}
.galleryImgBox {
	margin-bottom:50px;
	margin-left:-11%;
}
.galleryImgBox li {
	width:40%;
	float:left;
	margin-left:10%;
	margin-bottom:30px;
}

.aboutList h3{
	padding-top:12px;
	padding-bottom:16px;
}
.aboutList .floatList{
}
.aboutList .floatList li{
	margin-top:10px;
}

/* prgBox */
.prgBox {
	margin-bottom:40px;
}
.prgBox .markList li {
	margin-bottom:4px;
}
.pcImg {
	background-repeat: no-repeat;
	background-image: url(../../about/images/bg_pc.png);
}
.skillImg {
	background-repeat: no-repeat;
	background-image: url(../../about/images/bg_skill.png);
}
.sellImg {
	background-repeat: no-repeat;
	background-image: url(../../about/images/bg_sell.png);
}
.cleaningImg {
	background-repeat: no-repeat;
	background-image: url(../../about/images/bg_cleaning.png);
}

.dayradius-clean {
	background-image: url(../../about/images/bg_day-clean.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
}
.dayradius-program {
	background-image: url(../../about/images/bg_day-program.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
}
.dayList{
	margin-bottom: 20px;
	color:#43AF35;
}
.dayList dt {
	float: left;
	font-weight: normal;
	text-align:right;
}
p.dayTxt {
	font-size: 26px;
	margin-bottom: 20px;
	color: #43AF35;
	font-weight: bold;
	line-height:1.2;
}
p.dayTxt span{
	font-size: 20px;
	color:#000;
}

/* flowList*/
.flowList {
	clear:both;
	margin-bottom:50px;
}
.flowList li.flowItem:after {
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-top: 24px solid #009FE9;
	content:"";
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
.flowList li.flowItem:last-child:after {
	width: 0;
	height: 0;
	border: none;
	border-top:none;
	content:"";
	display:block;
	margin-bottom:50px;
}

.flowList li.flowItem .flowItemInner {
	position: relative;
	border-radius: 10px;
	border: 1px solid #009FE9;
	padding:16px 10px 0px 10px;
	clear:both;
	width:100%;
	margin-bottom:16px;
}

.flowList li.flowItem .flowItemInner .flowTitle h3{
	font-size: 22px;
	color: #009FE9;
	font-weight: bold;
	text-align:center;
	line-height:1.3;
}

/* worksList */
.worksList {
	list-style-type: disc;
	margin-bottom:12px;
}
.worksList li {
	margin-bottom: 20px;
}

/*user */
.userQAWrapp {
	padding-bottom:30px;
	margin-bottom:50px;
	border-bottom: 2px dotted #43AE34;
}
.userQAWrapp h3{
	font-size:18px;
}

/*userWrapp */
.userWrapp {
	margin-bottom:20px;
}
.content .userTxtInner {
	margin-top:10%;
}
.content .userTxtInner > p {
	font-size: 22px;
	float: left;
	margin-bottom: 0;
	font-weight: bold;
	line-height:1.4;
}
/**
.userWrapp .ctg-mental {
	color: #0d7a3f;
}
.userWrapp .ctg-development {
	color: #1D2088;
}
**/

.userImg {
	display:table-cell;
	vertical-align:middle;
}


/*a-clean
------------------------------------------------------------------------*/
body.a-clean .pageTitle,
body.a-clean .indexTitle {
	color: #39538D;
}
body.a-clean .TopicPathWrapp {
	background: #39538D;
}
body.a-clean .TopicPath li,
body.a-clean .TopicPath li a {
	color: #fff;
}


/*joy
------------------------------------------------------------------------*/
body.joy .pageTitle,
body.joy .indexTitle {
	color: #1E9FD9;
}
body.joy .TopicPathWrapp {
	background: #1E9FD9;
}
body.joy .TopicPath li,
body.joy .TopicPath li a {
	color: #fff;
}

.floatList {
	margin-bottom:12px;
}
.floatList li {
	float:left;
	width:auto;
	display:block;
}
.floatList li:after {
	margin-left:0.5em;
	content: "、";
}
.floatList li:last-child:after {
	margin-left:0em;
	content: "";
}


/*mirai-e
------------------------------------------------------------------------*/
body.mirai-e .pageTitle,
body.mirai-e .indexTitle {
	color: #EA6787;
}
body.mirai-e .TopicPathWrapp {
	background: #EA6787;
}
body.mirai-e .TopicPath li,
body.mirai-e .TopicPath li a {
	color: #fff;
}

/*thanks page
------------------------------------------------------------------------*/
.addDL {
	margin-top:80px;
}
.addDL dd{
	margin-bottom:16px;
}
.addDL dd .tel {
	display:block;
}


/*works
------------------------------------------------------------------------*/
.bothWrapp {
	clear:both;
}

.worksDL dt {
	margin-top:32px;
	margin-bottom:8px;
	font-size:18px;
}
.worksDL dd {
	margin-bottom:0px;
	line-height:1.8;
	margin-left:1em;
	text-indent:-1em;
}
.worksDL dd::before {
	content: "・";
}
.worksDL.noIcon dd::before {
	content: "";
}

/*sitemap
------------------------------------------------------------------------*/
/* siteNavList */
.sitemapNav .sitemapItem {
	margin-bottom:40px;
}
.sitemapNav .sitemapItem li {
	line-height:1.3;
	margin-bottom:18px;
	margin-left:0em;
	text-indent:-0em;
	padding-left:1.1em;
}
.sitemapNav .sitemapItem li a{
	display: block;
	margin-bottom: 12px;
	text-decoration: none!important;
}
.sitemapNav .sitemapItem li  a{
	position: relative;
	width: 100%;
}
.sitemapNav .sitemapItem li a::before,
.sitemapNav .sitemapItem li a::after{
	position: absolute;
	top: 6px;
	left: 0em;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.sitemapNav .sitemapItem li a::before{
	left: -1.1em;
	width: 8px;
	height: 8px;
	border-top: 3px solid #43AF35;
	border-right: 3px solid #43AF35;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sitemapNav .sitemapItem .NavList_inner {
	padding-top: 14px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left:1em;
 }
.sitemapNav .sitemapItem .NavList_inner li{
	padding-left:0em;
}
.sitemapNav .sitemapItem .NavList_inner li a::before{
	border-top: none;
	border-right: none;
}


/*faq
------------------------------------------------------------------------*/
#a-clean {
	padding-top:40px;
}
.faqWrapp {
	margin-bottom:40px;
}
.faqDL dt{
	line-height:1.6;
	margin-top:30px;
	margin-bottom:10px;
	font-size:20px;
}
.faqDL dd{
	line-height:1.8;
}


/*==========================================
side
===========================================*/
#side {
	margin-bottom:40px;
}

/* subList */
.subListWrapp {
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding:8px 8px;
	margin-bottom:50px;
}
.subListWrapp h2{
	padding: 10px 0;
	margin-bottom: 10px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size:18px;
	line-height:1.4;
	background:#43AE34;
}
#side .subList li {
	margin-bottom: 10px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size:20px;
	background:#C6E6C2;
}
#side .subList li:last-child {
	margin-bottom: 0px;
}
#side .subList li a{
	padding: 20px 0;
	display:block;
	text-decoration: none;
	color:#666;
}
#side .subList li a:hover {
	border-radius: 5px;
	background:#72C367;
	color:#FFF;
}
#side .subList li a.active {
	border-radius: 5px;
	background:#72C367;
	color:#FFF;
}

/* bannerList */
#side .bannerList li {
	margin-bottom:14px;
}

/*about
------------------------------------------------------------------------*/
body.about .subListWrapp h2{
	background:#43AE34;
}
body.about #side .subList li {
	background:#C6E6C2;
}
body.about #side .subList li a{
	color:#666;
}
body.about #side .subList li a:hover {
	background:#72C367;
	color:#FFF;
}
body.about #side .subList li a.active {
	background:#72C367;
	color:#FFF;
}

/*==========================================
footer
===========================================*/
#footer {
	padding-top:22px;
	background-color: #EC6C00;
	color:#000;
}
.footer_inner {
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}
.fBox {
	position: relative;
	overflow: hidden;
	margin-bottom:50px;
}

/* fNavList */
.fNavList  li {
	line-height:1.3;
	margin-left:1em;
	text-indent:-1em;
}
.fNavList  li a{
	display: block;
	color: #fff;
	margin-bottom: 12px;
	text-decoration: none;
}
.fNavList  li a .fNavName{
	font-size:14px;
}

.fNavList_inner {
	padding-top:14px;
	color: #fff;
	list-style-type: disc;
}
.fNavList_inner li{
	margin-left:0.2em;
	text-indent:-0.2em;
}

/* addWrapp */
.addWrapp {
	padding-top:30px;
	padding-bottom:30px;
	clear:both;
	background-color: #318027;
}
.addWrapp .f-logo {
	float:left;
	margin-right:26px;
}
.addWrapp address {
	margin-top:4px;
	color:#fff;
	font-size:13px;
	line-height:1.4;
	float:left;
}
.addWrapp address a{
	color:#fff;
}

/*copyright  */
.copyrightWrapp {
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	background-color: #fff;
}
.copyright {
	text-align:right;
	color:#000;
}
.copyright small {
	font-size:11px;
}

/* pagetop */
.pagetop {
	position: fixed;
	right: 10px;
	text-align: center;
	background: #FF811A;
}
.pagetop a{
	padding:18px 10px 8px;
	display:block;
}
.pagetop .arrow{
position: relative;
display: inline-block;
padding: 0 0 0 20px;
vertical-align: middle;
text-decoration: none;
}
.pagetop a:hover .arrow {
	color: #fff;
}
.pagetop .arrow::before,
.pagetop .arrow::after{
position: absolute;
top: 0px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.pagetop .arrow::before{
left: 0px;
width: 20px;
height: 20px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////
sp
/////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 320px) {
/*==========================================
main
===========================================*/
#main {
	padding-left:0px;
	padding-right:0px;
}
.pageTitleWrapp {
	height: 0;
	padding-top: 30%;
	background-size: 240%;
}

/* title */
h1.pageTitle,
p.pageTitle  {
	font-size:6px;
	bottom: 10px;
}
.pageTitle span {
	font-size: 20px;
}
.indexTitle {
	font-size: 26px;
}
.subTitle {
	font-size: 18px;
}
p.readTxt {
	font-size:24px;
}


/*contactWrapp
------------------------------------------------------------------------*/
.contactWrapp dd {
	margin-bottom:16px;
}
.contactWrapp dd span.tel {
	display: block;
	font-weight: normal;
}


/*------------------------------------------------------------------------
[TOP]
------------------------------------------------------------------------*/
/* mainWrapp */
.mainWrapp {
	height: 400px;
	background-size: cover;
	position: relative;
}
.mainImgTxt {
	position: absolute;
	top: 30px;
}
.mainImgTxt h2{
	font-size:24px;
	text-shadow:0 0 10px #999, 0 0 15px #999;
}
.mainImgTxt p{
	font-size:13px;
	text-shadow:0 0 10px #999, 0 0 15px #999;
}
.mainImgItem {
	position: absolute;
	bottom: 70px;
}
p.mainImgItem-bottom {
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
}

/* topNewsList */
.topNewsList dl dt{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	font-weight: normal;
}
.topNewsList dl dd{
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	font-weight: normal;
	margin-bottom:8px;
}
.topNewsList dl dt:nth-of-type(even),
.topNewsList dl dd:nth-of-type(even) {
  background: #F2F2F2;
}

/* facilityList */
.facilityTitle {
	font-size:24px;
	background-size: contain;
	background-position: center  center;
}
.facilityTitle span {
	background:#FFF;
	padding-left:0.5em;
	padding-right:0.5em;
}
.facilityItem h3 {
	font-size: 16px;
}
.facilityItem h3 span {
	font-size:24px;
}
.facilityItem .facilityTxtWrapp {
	padding:20px 20px 8px;
}

/* topMenuList  */
.topMenuList {
	padding-left:10px;
	padding-right:10px;
}
.topMenuList > li {
	padding-left:5px;
	padding-right:5px;
}

/* topbannerList  */
.topbannerList {
	padding-left:10px;
	padding-right:10px;
}
.topbannerList li {
	padding-left:5px;
	padding-right:5px;
}


/*------------------------------------------------------------------------
[sub Pages]
------------------------------------------------------------------------*/
/*about
------------------------------------------------------------------------*/
.galleryImgBox li {
	padding:0px;
}

.dayradius-clean {
	background-size:16% auto;
}
.dayradius-program {
	background-size:16% auto;
}
.dayList{
	font-size: 14px;
}
.dayList dd {
	margin-left:120px;
	margin-bottom:12px;
}
p.dayTxt {
	font-size: 20px;
}
p.dayTxt span{
	font-size: 14px;
}

.worksList li {
	float: none;
	width: 95%;
	margin-left: 1.5em;
	margin-bottom: 20px;
}

/* prgBox */
.pcImg {
	background-position: right 15px bottom;
	background-size: 14%;
}
.skillImg {
	background-position: right 15px bottom;
	background-size: 14%;
}
.sellImg {
	background-position: right 15px bottom;
	background-size: 14%;
}
.cleaningImg {
	background-position: right 15px bottom;
	background-size: 14%;
}

/*flowList  */
.flowList li.flowItem .flowItemInner .flowTitle h3{
	margin-bottom:16px;
}

/*userWrapp */
.content .userTxtInner {
	margin-top:0;
}


/*==========================================
side
===========================================*/
/* subList */
#side {
	padding-left:0px;
	padding-right:0px;
}

/* bannerList */
#side .bannerList{
	padding-left:10px;
	padding-right:10px;
}
#side .bannerList li {
	padding-left:5px;
	padding-right:5px;
}

/*==========================================
footer
===========================================*/
/* fNavList */
.fNavList {
}
.fNavList li a{
	float:none;
	width:100%;
}
.fNav03 li a,
.fNav04 li a {
	width:100%;
}
.fNav04 li a br{
	margin-left:1em;
}
.fNavList_inner {
	clear:both;
	margin-left:1em;
	padding-top:0;
}
.fNavList_inner li{
	clear:both;
}

.copyright small {
	font-size:10px;
}
}


@media  (max-width: 480px)  {
/*==========================================
main
===========================================*/
.pageTitleWrapp {
	height: 0;
	padding-top: 30%;
	background-size: 240%;
}

/* title */
h1.pageTitle,
p.pageTitle {
	font-size:20px;
	position: absolute;
	bottom: 6px;
}
.pageTitle span {
	font-size:16px;
}
}


@media  (max-width:767px)  {
/*==========================================
 header
===========================================*/
header {
	margin-top:10px;
}
.headerNavWrapp.navbar.container {
	width: 100%;
	padding:0 12px 16px;
}

/* logo */
.logo {
	width:70%;
}
.navbar-brand {
	float:none;
}
p.siteRead {
	margin-top:6px;
	float:none;
	font-size:12px;
}

/*gNavList */
.gNavList li a{
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
}
.gNavList li a{
	position: relative;
	width: 100%;
}
.gNavList li a::before,
.gNavList li a::after{
	position: absolute;
	top: 16px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.gNavList li a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.gNavList li{
	background-color: #f3f3f3;
}
.gNavList li a{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}


/* hNavList */
.hNavList {
	margin-top:12px;
	margin-left:-2%
}
.hNavList li {
	float:left;
	width: 48%;
	margin-left:2%;
}
.hNavList li img{
	width:100%;
}

/*SPbtn*/
#SPbtn{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-top:0px;
}
#SPpanelBtn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
  background: #EC6C00;
  transition: .2s;
}
#SPpanelBtn-icon:before,
#SPpanelBtn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  background: #EC6C00;
  transition: .3s;
}
#SPpanelBtn-icon:before{
  margin-top: -8px;
}
#SPpanelBtn-icon:after{
  margin-top:6px;
}
#SPbtn .close{
  background: transparent;
}
#SPbtn .close:before,
#SPbtn .close:after{
  margin-top: 0;
}
#SPbtn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#SPbtn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


/*==========================================
main
===========================================*/
/* table */
.dfTable {
	width:100%;
	border-top:1px solid #009FE9;
}
.dfTable th,
.dfTable td{
    width: 100%;
    display: block;
    border-top: none;
}
.dfTable th{
	padding:10px 10px 6px;
}
.dfTable td{
	padding:0px 10px 10px;
	border-bottom:1px solid #009FE9;
}
.dfTable tr:first-child th {
	border-top: 1px solid #ddd;
}
.dfTable tr:last-child th,
.dfTable tr:last-child td {
	border-bottom: none;
}

/* table */
.lineTable {
	font-size:14px;
}
.lineTable th,
.lineTable td {
	padding:4px 2px;
}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////
PC
/////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) {
/*==========================================
 header
===========================================*/
/*logo */
.navbar-brand {
	margin-top:20px;
	margin-bottom: 24px;
	margin-right:6px;
}
.siteRead {
	float:left;
	margin-top:38px;
}

/* hNavList */
.hNavList {
	margin-top: 25px;
	float: right;
}
.hNavList li {
	float: left;
	margin-left:10px;
}
.hNavList li.h-fb,
.hNavList li.h-tw {
	margin-top:5px;
}

/*gNavList */
.gNavListWrapp {
	border-top: 1px solid #e6e6e6;
}
.gNavList {
}
.gNavList li {
	float: left;
	/*width:16.666%;*/
    width:25%;
}
.gNavList li a{
	padding:18px 0;
}

/*==========================================
main
===========================================*/
.pageTitleWrapp {
	height: 0;
	padding-top: 12.7%;
	background-size: contain;
}
h1.pageTitle,
p.pageTitle  {
	position: absolute;
	bottom: 20px;
}

h1.pageTitle,
p.pageTitle {
	font-size: 34px;
}
.pageTitle span {
	font-size: 27px;
}
.subTitle {
	font-size: 22px;
}
.s-subTitle {
	font-size: 22px;
}
.scol-subTitle {
	font-size: 22px;
}
.indexTitle {
	font-size: 34px;
}
p.readTxt {
	font-size:32px;
}
p.readTxt-c {
	font-size: 34px;
}

/* table */
.dfTable {
	width:100%;
	border-collapse:separate;
	border:1px solid #009FE9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:6px;
}
.dfTable th,
.dfTable td{
	padding:14px;
	border-bottom:1px solid #009FE9;
}

.dfTable th {
	border-right:1px solid #009FE9;
}
.dfTable tr:last-child th,
.dfTable tr:last-child td {
	border-bottom: none;
}

.dfTable .innerTable {
	width:100%;
}
.dfTable .innerTable th,
.dfTable .innerTable td{
	padding:0px 10px 0 0;
	border-bottom:none;
}
.dfTable .innerTable th{
	border-right:none;
}


/*contactWrapp
------------------------------------------------------------------------*/
.contactWrapp dt {
	float:left;
	margin-bottom:10px;
}
.contactWrapp dt.tant8 span {
	margin-left:2.7em;
}
.contactWrapp dt.clean8 span,
.contactWrapp dt.joy8 span {
	margin-left:1em;
}
.contactWrapp dd {
	margin-left:360px;
	margin-bottom:14px;
}
.contactWrapp dd span.tel {
	margin-left:1em;
	font-weight: bold;
	display:inline;
}

/*------------------------------------------------------------------------
[TOP]
------------------------------------------------------------------------*/
/* mainWrapp */
.mainWrapp {
	height: 650px;
	background-size: cover;
	position: relative;
}

.mainImgTxt {
	position: absolute;
	top: 70px;
}
.mainImgTxt h2{
	font-size:52px;
	text-shadow:none;
}
.mainImgTxt p{
	font-size:16px;
	text-shadow:none;
}
.mainImgItem {
	position: absolute;
	bottom: 120px;
}
p.mainImgItem-bottom {
	font-size:22px;
}

/* topNewsList */
.topNewsList dt {
	float:left;
	padding:8px 10px;
}
.topNewsList dd {
	padding-left:110px;
	padding-top:8px;
	padding-bottom:8px;
}

/* topMenuList  */
.topMenuList {
	padding-left:10px;
	padding-right:10px;
}
.topMenuList > li {
	padding-left:5px;
	padding-right:5px;
}

/* facilityList */
.facilityTitle {
	background-size: auto;
}

/* topbannerList  */
.topbannerList {
	margin-left:-62px;
	padding:0;
}
.topbannerList li {
	padding:0;
	width:auto;
	margin-left:62px;
}


/*------------------------------------------------------------------------
[sub Pages]
------------------------------------------------------------------------*/
/*about
------------------------------------------------------------------------*/
.worksList li {
	float:left;
	width:45%;
	margin-left:1.5em;
	margin-bottom:20px;
}

/* prgBox */
.pcImg {
	background-position: center bottom 16px;
	background-size: auto auto;
}
.skillImg {
	background-position: center bottom 16px;
	background-size: auto auto;
}
.sellImg {
	background-position: center bottom 16px;
	background-size: auto auto;
}
.cleaningImg {
	background-position: center bottom 16px;
	background-size: auto auto;
}

.dayradius-clean {
	background-position: right 50px center;
	background-size: auto auto;
}
.dayradius-program {
	background-position: right 80px center;
	background-size: auto auto;
}
.dayList{
	padding-left:40px;
	background-size: auto auto;
	font-size: 20px;
}
.dayList dd {
	margin-left:170px;
	margin-bottom:12px;
}

/*flowList  */
.flowList {
	display: table-cell;
}
.flowList .col-sm-4,
.flowList .col-sm-8 {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.flowList .flowTitle h3 {
	margin-top:-10px;
}

/*userWrapp */
.content .userTxtInner > p {
	font-size:26px;
}

/* corporation
------------------------------------------------------------------------*/
.corporationTable th{
	width:20%;
}
.corporationTable .innerTable th{
	width:130px;
	text-align:right;
}
.corporationTable .innerTable th,
.corporationTable .innerTable td{
	padding-bottom:14px;
	line-height:1.4;
}


/*==========================================
footer
===========================================*/
/* fNavList */
.fNavList {
	float:left;
	margin-right:2%;
    width: 18%;
}
.fNavList:last-child {
	margin-right:0px;
}
.fNavList li a{
	width:auto;
}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////
tb
/////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 991px)  {
/*==========================================
 header
===========================================*/
/* logo */
.navbar-brand {
	margin-right:0px;
}
.logo {
	width:22%;
}
p.siteRead {
	font-size:12px;
	margin-top:28px;
}

/* hNavList */
.hNavList {
	margin-top:18px;
}
.hNavList li.h-fb,
.hNavList li.h-tw {
	margin-top:1px;
}
.hNavList li.h-visit,
.hNavList li.h-contact-us {
	width:140px;
}

/*gNavList */
.gNavList li {
	font-size:13px;
}

/*contactWrapp
------------------------------------------------------------------------*/
.contactWrapp dt span {
	display: block;
}



/*------------------------------------------------------------------------
[TOP]
------------------------------------------------------------------------*/
/* facilityList */
.facilityItem h3 {
	font-size: 16px;
}
.facilityItem h3 span {
	font-size:24px;
}

/*------------------------------------------------------------------------
[sub Pages]
------------------------------------------------------------------------*/
/*about
------------------------------------------------------------------------*/
.worksList li {
	float: none;
	width: 95%;
	margin-left: 1.5em;
	margin-bottom: 20px;
}
.worksList li br{
	display:none;
}

/* prgBox */
.pcImg {
	background-size: 20%;
	background-position: right bottom 16px;
}
.skillImg {
	background-size: 20%;
	background-position: right bottom 16px;
}
.sellImg {
	background-size: 20%;
	background-position: right bottom 16px;
}
.cleaningImg {
	background-size: 20%;
	background-position: right bottom 16px;
}

.dayradius-clean {
	background-position: right 20px center;
	background-size: 100px auto;
}
.dayradius-program {
	background-position: right 20px center;
}


/*==========================================
footer
===========================================*/
/* fNavList */
.fNavList {
	width:30%;
	float:left;
	margin-right:2%;
}
.fNavList.fNav01,
.fNavList.fNav03,
.fNavList.fNav04 {
	margin-bottom:80px;
}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////
Other
/////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 1199px)  {
/*==========================================
main
===========================================*/
#main {
	padding-left:0;
	padding-right:15px;
}
.pageTitleWrapp {
	height: 0;
	padding-top: 18%;
	background-size: 150%;
}

/*contactWrapp
------------------------------------------------------------------------*/
.contactWrapp dt {
	margin-bottom:10px;
}
.contactWrapp dt span {
	display: block;
}
.contactWrapp dt.tant8 span {
	margin-left:0em;
}
.contactWrapp dt.clean8 span,
.contactWrapp dt.joy8 span {
	margin-left:0em;
}
.contactWrapp dd {
	margin-left: 200px;
	margin-bottom:40px;
}

/*------------------------------------------------------------------------
[TOP]
------------------------------------------------------------------------*/
/* topbannerList  */
.topbannerList {
	margin-left:-3%;
	padding:0;
}
.topbannerList li {
	padding: 0;
	width: 30%;
	margin-left:3%;
}

/*==========================================
side
===========================================*/
/* subList */
#side {
	padding-right:0;
	padding-left:15px;
}


    /*contactWrapp
    ------------------------------------------------------------------------*/
    .contactWrapp dt span {
        display: block;
    }
    .contactWrapp dt {
        float: none!important;
    }
    .contactWrapp dd {
        margin-left: 0px!important;
        margin-bottom: 40px;
    }
    .contactWrapp dd span.tel {
        margin-left: 0px!important;
        display: block;
    }
}


@media (min-width: 1200px) {
/*==========================================
main
===========================================*/
#main {
	padding: 0;
	width: 676px;
}
body.top #main {
	width: auto;
}

/*==========================================
side
===========================================*/
/* subList */
#side {
	width:300px;
	padding:0;
	float:right;
}
}



@media (min-width: 1281px) and (max-width: 1500px)  {
/*==========================================
main
===========================================*/
/* title */
h1.pageTitle,
p.pageTitle  {
	left: 7%;
	position: absolute;
	bottom: 16px;
}
}