.bg01	{background: rgba(0,0,0,0.03)}

/*---------------------------------------
　トップページ
	---------------------------------------*/
.top-main-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 700px;background: url(../image/toppage_main.png) center top; background-size: cover }


.top-main-area-inner	{color: #fff;text-shadow: 0 0 15px rgba(0,0,0,0.7);background: rgba(0,153,255,.3);box-shadow: 0 0 50px 50px rgba(0,153,255,0.3);border-radius: 30px;}
.top-main-catch	{margin-bottom:50px;font-size:3rem;font-weight:600;}
.top-main-catch	br{display: none}
.top-main-catch-en{margin-bottom: 40px;font-size: 3.5rem;font-family: 'Roboto Condensed', sans-serif;font-weight:400;}
.top-main-text{margin-bottom: 0;font-size: 1.7rem;font-weight:400;}

@media screen and (max-width:768px){
.top-main-catch	{line-height: 130%;}
.top-main-catch	br{display: inline;}
}

@media screen and (max-width:640px){
.top-main-area	{height: calc(90vh - 80px);}
.top-main-catch	{font-size:8.5vw;}
.top-main-catch-en{font-size:8.5vw;}
.top-main-text{font-size:4vw;}
}



.toppage-about-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.toppage-about-area.filter	{}
.toppage-about-area.senjou	{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.toppage-about-text-area	{-ms-flex-preferred-size: 38%;flex-basis: 38%;}
.toppage-about-area.senjou	.toppage-about-text-area{padding-left: 20px;}
.toppage-about-photo	{-ms-flex-preferred-size: 60%;flex-basis: 60%;margin: 0;line-height: 0;}

.toppage-about-catch01	{margin-bottom: 0.5em;font-size: 1.5rem;font-weight: 600;color: var(--color-p5);}
.toppage-about-catch02	{font-size: 1.5rem;}
.toppage-about-name	{margin-bottom: 0.5em;color: var(--color-p1);font-size: 2rem;font-weight: 600;}
.toppage-about-text	{margin-bottom: 1.5em;color: #666;}
.toppage-about-link	{margin: 0;}
.toppage-about-link	a{display: inline-block;padding: 15px 25px;background: var(--color-p5);color: #fff;text-decoration: none;letter-spacing: 1px;}

@media screen and (max-width:980px){
.toppage-about-text-area	{-ms-flex-preferred-size: 48%;flex-basis: 48%;padding: 30px 0;}
.toppage-about-photo	{-ms-flex-preferred-size: 48%;flex-basis: 48%;}
}

@media screen and (max-width:768px){
.toppage-about-area	{display: block;margin: 25px 0;padding: 0 15px 15px 15px;border: 1px solid var(--color-p5);}
.toppage-about-text-area	{}
.toppage-about-area.senjou	.toppage-about-text-area{padding-left: 0;}
.toppage-about-catch01	{font-size: 1.2rem;}
.toppage-about-catch02	{font-size: 1.2rem;}
.toppage-about-name	{font-size: 1.8rem;}

.toppage-about-text	br{display: none}
.toppage-about-link	{text-align: center}
.toppage-about-link	a{padding: 15px;}
}

@media screen and (max-width:480px){
.toppage-about-link	a{display: block;}
}

/*---------------------------------------
　SERVICE 
	　※各ブロックの中は別途他ページの箇所で記述
	---------------------------------------*/

.service-top-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.service-top-wrap	.service-lead-area{-ms-flex-preferred-size: 48%;flex-basis: 48%;}

.service-top-link	{margin: 30px 0 0 0;}
.service-top-link	a{display: inline-block;padding: 15px 25px;background: var(--color-p5);color: #fff;text-decoration: none;letter-spacing: 1px;}

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

.service-top-wrap	{display:block}

.service-top-link	{text-align: center}
.service-top-link	a{padding: 15px;}
}

@media screen and (max-width:480px){
.service-top-link	a{display: block;}
}

/*---------------------------------------
　エアコンフィルター / 分解洗浄
	---------------------------------------*/

.service-lead-area	{margin-bottom: 50px;padding: 30px;border: 1px solid var(--color-p5);text-align: center}
.service-lead-area-photo	{margin: 0 10%;line-height: 0;}

.service-lead-area-catch01	{margin-bottom: 0.5em;font-size: 1.5rem;font-weight: 600;color: var(--color-p5);}
.service-lead-area-catch02	{margin-bottom: 0.5em;font-size: 1.5rem;}
.service-lead-area-name	{margin-bottom: 1em;color: var(--color-p1);font-size: 2.5rem;font-weight: 600;}
.service-lead-area-text	{margin-bottom: 1.5em;color: #666;}

.service-lead-area-catch02	span	{display: inline-block;margin-bottom: 0.5em;padding: 5px 15px;color: var(--color-p1);border: 1px solid var(--color-p1);font-size: 1.2rem;line-height: 1.2em}

.service-sub-title	{margin-bottom: 40px;font-size: 1.8rem;font-weight: 600;line-height: 1.5em;color: var(--color-p1);text-align: center}

.service-title-s	{margin-bottom: 20px;font-size: 1.4rem;font-weight: 600;line-height: 1.5em;color: var(--color-p5);text-align: center}
.service-title-s	span{display: inline-block;text-align: left}


#service-link	{margin-bottom: 50px;padding: 30px 0;background: var(--color-p1);}
#service-link	ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#service-link	li{-ms-flex-preferred-size: 48%;flex-basis: 48%;text-align: center}
#service-link	a,#service-link	span	{display: block;padding: 10px;border: 3px solid #268ca9;font-size: 1.3rem;font-weight: 600}

#service-link	a	{background: #fff;color: var(--color-p1);text-decoration: none}
#service-link	span	{background: rgba(255,255,255,0.3);color:rgba(0,0,0,0.2);}

#service-link	a:hover	{background: var(--color-p3);opacity: 1}

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

.service-lead-area	{padding: 20px;}
.service-lead-area-catch02	{font-size: 1.1rem;}
.service-lead-area-name	{font-size: 1.7rem;}

.service-sub-title	{font-size: 1.4rem;}

.service-lead-area-photo	{margin: 0}

#service-link	ul{display: block;}
#service-link	ul	li{margin-bottom: 20px;}
#service-link	ul	li:last-child{margin-bottom: 0;}
}



/*---------------------------------------
　エアコンフィルター 
	---------------------------------------*/

#service01-01,#service01-02,#service01-03		{padding: 80px 0;}

.service01-illust01	{margin-bottom: 40px;text-align: center}
.service01-illust01	img{max-width: 800px}

.service01-before-after	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.service01-before-after	.before,.service01-before-after	.after	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
.service01-before-after	.neozone	{-ms-flex-preferred-size: 20%;flex-basis: 20%;padding: 10px;}

.service01-before-after	.before	{}

.neozone	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.neozone	i{margin: 0 0 0 10px;font-size: 2.5rem;color: #ccc}
.neozone	i.afterarrow	{margin: 0 10px 0 0;color: var(--color-p5);}

.service01-before-after	.after	{}

.virus-illust	{margin-bottom: 15px;text-align: center}
.virus-illust	img{max-width: 300px;}
.virus-text	{margin: 0 10%}

.poster-other-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.poster-other-area	.poster-area	{-ms-flex-preferred-size: 32%;flex-basis: 32%;}
.poster-other-area	.osusume-list	{-ms-flex-preferred-size: 45%;flex-basis: 45%;}

.poster-other-area	.poster-area	{margin-right: 5%;padding: 2%; border: 3px solid var(--color-p5);text-align: center}
.poster-other-area	.poster-title	{margin-bottom: 20px;color:var(--color-p5);font-size: 1.5rem;font-weight: 600;}
.poster	img{max-width: 200px;}

.poster-other-area	.osusume-list	ul	{font-size: 1.3rem;font-weight: 500}
.poster-other-area	.osusume-list	li	{margin-bottom: 0.5em;color:var(--color-p5);}

@media screen and (max-width:980px){
.poster-other-area	{display: block;}
.poster-other-area	.osusume-list	ul	{margin-top: 40px;}
}


@media screen and (max-width:980px){
.virus-text	{margin: 0}
}

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

#service01-01,#service01-02,#service01-03		{padding: 40px 0;}

.service01-before-after	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;flex-direction: column-reverse;padding: 10%;border: 1px solid var(--color-p5);}
.service01-before-after	.before,.service01-before-after	.after,.service01-before-after	.neozone	{}
.neozone	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;flex-direction: column-reverse;}
.neozone	i,.neozone	i.afterarrow{margin: 10px; transform: rotate(-90deg);}
}

/*---------------------------------------
　分解洗浄
	---------------------------------------*/

#service02-01,#service02-02,#service02-03		{padding: 80px 0;}

.yogore-area	{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 40px;}

.yogore-title{margin-bottom: 20px;font-size: 1.4rem;font-weight: 600;line-height: 1.5em;color: #000;text-align: center}
.yogore-title		span{display: inline-block;text-align: left}
.yogore-title	strong{background: linear-gradient(transparent 50%, #d9d9d9 0%);}


.yogore-setumei-area	strong{color: #000;font-weight:600}
.yogore-setumei-area	.line{background: linear-gradient(transparent 50%, #e0fb00 0%);}

.kireinasofu	{margin-top: 30px;color: var(--color-p1);font-size: 1.5rem;font-weight:500;text-align: center}
.kireinasofu-inner	{display: inline-block;text-align: left}

.yogore-ex-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.yogore-ex01	{-ms-flex-preferred-size: 60%;flex-basis: 60%;margin: 0}
.yogore-ex02	{-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 0}

.yogore-ex02	{font-size: 1.4rem;font-weight: 600;text-align: center;}
.yogore-ex02	p{margin: 0}

.yajirusi-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 50px 0;}

.yajirusi {width: 0;height: 0;border: 100px solid transparent;border-top: 40px solid var(--color-p1);border-bottom: none;}


.clear-illust-catch	{ font-size: 1.8rem;font-weight: 600;color: var(--color-p1);text-align: center;}
.clear-illust	{margin-bottom: 20px;text-align: center;}
.clear-illust	img{max-width: 500px;}
.clear-illust-text	{font-size: 1.4rem;font-weight: 600;color: var(--color-p1);text-align: center;}
.clear-illust-text	strong{margin: 0 10px;padding: 10px;border: 1px solid var(--color-p1);background: var(--color-p3);white-space: nowrap}


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

#service02-01,#service02-02,#service02-03		{padding: 40px 0;}

.yogore-area	{-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;}
.yogore-area	p{-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;margin: 0;line-height: 0}

.yogore-ex-area	{display: block}
.yogore-ex01	{margin-bottom: 20px;}
.yogore-ex02	{margin: 0 10%;}

.clear-illust-text	{display: block;line-height: 3em;}

}

@media screen and (max-width:480px){
.clear-illust-text	strong{display:block;margin-bottom: 15px;padding: 5px;line-height: 1.5em;}
.clear-illust-text	strong:last-child{;margin-bottom:0}
}

/*---------------------------------------
　会社概要
	---------------------------------------*/

.corporate-table	{margin-bottom: 50px;}

.corporate-table	th,.corporate-table	td	{padding: 10px 15px;border: 1px solid #ccc;}
.corporate-table	th	{width: 30%;background: rgba(0,0153,0255,0.1);text-align: center}
.corporate-table	td	{width: 70%;}

.ggmap	{margin-bottom: 80px;}
.ggmap	{position:relative;display: block;width:100%;height: 500px;}
.ggmap iframe{position:absolute;top:0; right:0;width:100%;height:500px}

@media screen and (max-width:768px){
.corporate-table {border-bottom: solid 1px #ccc;}
.corporate-table	th,.corporate-table td {display: block;width: 100%;border-bottom: none;}
.corporate-table	th	{text-align: left}
}


/*---------------------------------------
　お問い合わせ
	---------------------------------------*/

.contact-lead	{margin-bottom: 50px;}

#formWrap{margin:0 auto;line-height:120%;}
#formWrap	table.formTable{width:100%;margin:0 auto;border-collapse:collapse}
#formWrap	table.formTable td,#formWrap	table.formTable th{padding:15px;border: 1px solid #ccc;}
#formWrap	table.formTable th{width:30%;font-weight:400;background: rgba(0,0153,0255,0.1);text-align:left;vertical-align: middle}

#formWrap	table.formTable	.pp	{height: 300px;overflow: hidden;overflow-y:scroll;}
#formWrap	table.formTable	.pp-check	{padding-top: 25px}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 8px;border: 1px solid #ccc;
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);border-radius: 4px;font-size: 1.1rem;outline: none;
}

/*select */
select {
background:#fff;border:thin solid #ccc;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;}
select.minimal {background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;}
select.minimal:focus{background-image:linear-gradient(45deg,green 50%,transparent 50%),linear-gradient(135deg,transparent 50%,green 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px)1em,calc(100% - 20px)1em,calc(100% - 2.5em).5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:green;outline:0}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

/*focus*/
input[type="text"]:focus,input[type="email"]:focus,
textarea:focus {box-shadow: 0 0 2px #1b62a4;border: 1px solid #1b62a4;}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

/*必須*/
.hissu	{margin-right: 0.5em;padding: 0.25em 0.5em;background: var(--color-p1);color: #fff;font-size: 0.85em;letter-spacing: 1px}

/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
.input01	{width: 80%;}
.input02	{width: 50%;}
.input03	{width: 8em;}
textarea	{width: calc(100% - 30px);}
.inputm	{margin-bottom: 1em;}


/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 50px 0}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: var(--color-p1);border: 3px solid var(--color-p1);color: #fff;transition: all 0.5s;}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="reset"]:hover,.submitarea	input[type="button"]:hover,.submitarea	a:hover{background: #fff;color: var(--color-p1)}
.submitarea	a	{text-decoration: none;text-align: center}



.error-message	{}
.error-text	{color: #1b62a4;}

.thanks-message	{margin-bottom: 100px;}

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

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

.contact-lead	{text-align:left}
.contact-lead	p	br{display: none}

#formWrap{width:95%;margin:0 auto}
#formWrap	table.formTable td,#formWrap	table.formTable th{width:auto;display:block}
#formWrap	table.formTable th{margin-top:20px;border-bottom:0}

.input01,
.input02,
textarea	{width: calc(100% - 30px);}

.thanks-message	{margin-bottom: 30px;}
}