@charset "UTF-8";

*,html	{font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 16px;line-height: 180%;box-sizing: border-box}

body	{color: #333;text-align: center;letter-spacing:0.05em; -webkit-text-size-adjust: 100%;overflow: hidden;overflow-y:scroll;}

img	{width: 100%;height: auto;line-height: 0}
a:hover	{opacity: 0.5;transition: all 0.5s;}
p	{margin-bottom: 1em}
p.none	{margin-bottom: 0}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
ul.decimal	strong{display: block;font-weight: normal}
ul.decimal	li{margin: 0 0 1em 0}

/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}
/*括弧付き数字リスト*/
ul.kakko	{padding: 1em 0 0 2em}
ul.kakko li{position:relative;list-style-type:none}
ul.kakko li:after{display:block;position:absolute;top:.5em;left:-2.2em;line-height:1}
ul.kakko li:nth-of-type(1)::after {content: '（1）';}
ul.kakko li:nth-of-type(2)::after {content: '（2）';}
ul.kakko li:nth-of-type(3)::after {content: '（3）';}
ul.kakko li:nth-of-type(4)::after {content: '（4）';}
ul.kakko li:nth-of-type(5)::after {content: '（5）';}
ul.kakko li:nth-of-type(6)::after {content: '（6）';}
ul.kakko li:nth-of-type(7)::after {content: '（7）';}
ul.kakko li:nth-of-type(8)::after {content: '（8）';}
ul.kakko li:nth-of-type(9)::after {content: '（9）';}

/*丸付き数字リスト*/
ul.mdecimal	{padding: 1em 0 0 1.8em}
ul.mdecimal li {position: relative;list-style-type: none;margin: 0;}
ul.mdecimal li:after{display:block;position:absolute;top:.5em;left:-1.2em;line-height:1}
ul.mdecimal li:nth-of-type(1)::after {content: '①';}
ul.mdecimal li:nth-of-type(2)::after {content: '②';}
ul.mdecimal li:nth-of-type(3)::after {content: '③';}
ul.mdecimal li:nth-of-type(4)::after {content: '④';}
ul.mdecimal li:nth-of-type(5)::after {content: '⑤';}
ul.mdecimal li:nth-of-type(6)::after {content: '⑥';}
ul.mdecimal li:nth-of-type(7)::after {content: '⑦';}
ul.mdecimal li:nth-of-type(8)::after {content: '⑧';}
ul.mdecimal li:nth-of-type(9)::after {content: '⑨';}

/*改行*/
.pconly{display:inline}
.w48,.w64,.w768,.w980{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:980px){.w980{display:inline}}
@media screen and (max-width:768px){.w768{display:inline}}
@media screen and (max-width:640px){.w64{display:inline}.w64none{display:none}}
@media screen and (max-width:480px){.w48{display:inline}}

.cwrap	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 640px) {.cwrap	{max-width: auto;margin: 0 4%;}}

:root {
  --color-p1: #2e49af;/*基本のブルー*/
		--color-p2: #0bc502;/*基本のグリーン）*/
		--color-p3: #c918bf;/*差し色マゼンタ*/
		--color-p4: #25c918;/*差し色グリーン*/
		--color-p5: #f79c0d;/*オレンジ #f79c0c*/
		--color-p6: #f7f40b;/*黄色 旧--color-p6: #f7f40c;*/
		
		--header-height: 90px;/*ヘッダの高さ*/
}

/*位置調整*/
#main	{margin-top: calc(var(--header-height) - 0px);}


/*---------------------------
　ヘッダ
---------------------------*/
#header	{position: fixed;top: 0;left: 0;right: 0;height: var(--header-height);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;border-bottom: 1px solid rgba(0,0,0,0.5);background: var(--color-p1);z-index: 20000;font-family: 'Noto Sans JP', sans-serif;}

.head-inner	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: 1200px;width: 100%;}

.logo-head-text	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.logo	{display: block;padding: 0 10% 0 0;}
.logo	img{width: 220px;}

.head-text	{margin: 0;padding:10px;font-size: 1.3rem;font-weight: 400;white-space: nowrap;border-top: 2px solid var(--color-p6);border-bottom: 2px solid var(--color-p6);color:var(--color-p6);}

.head-info	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.head-tel{display:-webkit-box;display:-ms-flexbox;display:flex;height: 45px;margin-right: 20px;color: #fff;}
.head-tel	a{font-size: 2.5em;color: #fff;}
.head-tel	a	i{display: none;}

.head-mail	{width: 270px;}
.head-mail	a	{display: block;height: 45px;line-height: 45px;background: #fff;background: var(--color-p4);color: #fff;white-space: nowrap;text-decoration: none;text-align: center;font-size: 1.1rem;font-weight: 500;border-radius: 6px;}
.head-mail	a:hover	{background: var(--color-p5);color: #fff;opacity: 1}
.head-mail	i{margin-right: 5px;}

.telnum	{font-family: 'Roboto', sans-serif;font-weight: 400;}
.telnum	a{text-decoration: none;}
.telnum	a:hover{opacity: 1}
.head-tel	.telnum	a{color: #fff;}

/*タッチで電話*/
.balloon-right {display: none}

@media screen and (max-width:1200px) {
.head-inner	{width: 96%}
.head-text	{font-size: 1rem;}
.head-tel	a{font-size: 2em;}
.head-mail	{width: 240px;}
.head-mail	a	{font-size: 1rem;}
}


@media screen and (max-width:1024px) {
.head-tel	a{font-size:2.5em;}
.head-mail	{width: 50px;}
.head-mail	a	span{display: none;}
.head-mail	i{margin-right: 0;font-size: 1.5rem}
.head-mail	a	{background: #fff;color:var(--color-p1);border-radius: 0;}
}

@media screen and (max-width:890px) {
.head-tel{margin-right: 10px;}
.head-tel	a{font-size:2rem;}
.head-text	{font-size: 1rem;}
}

@media screen and (max-width:768px) {
.logo	img{width: 180px;}
.head-tel	.tel,.head-tel	.num{display:none}
.head-tel	{-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 15px;}
.head-tel	a	{display: block;width: 45px;height: 45px;line-height: 45px;padding: 0;background: #fff;color: var(--color-p1);text-align: center}
.head-tel	a	i{display: inline;width: 50px;}

.head-mail	a:hover	{background: #fff;color: var(--color-p1);}


/*タッチで電話*/
.balloon-right {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;margin:0 15px 0 0;padding: 0;}
.balloon-right a{width: 65px;height: 65px;margin: 0;padding: 0;background: none;line-height: auto;}
.balloon-right a	img{}
}

@media screen and (max-width:600px) {
.logo		{position: absolute;top: 12px;left: 15px;}
.head-text	{position: absolute;top: 52px;left: 5px;border: none}
.logo	img{width: 150px;}
}

@media screen and (max-width:420px) {
.logo		{position: absolute;top: 15px;left: 10px;}
.logo	img{width: 140px;}
.head-text	{top: 54px;left: 0;font-size: 11px;}
}
/*
誰に頼んでいいかわからない外装の洗浄・点検ならおそうじ職人
#main-area
365日 無料対応／出張後の見積もり後のキャンセル0円
#free-support　#free-support02　#free-support03
おそうじ職人の明瞭会計
#clear-accounting
誰に頼んでいいかわからない足場設置が必要な洗浄・点検に特化！
#specialized
おそうじ職人のプライド！徹底した明瞭会計
#payment
総対応数3500件！おそうじ職人が選ばれる理由
#jisseki
相談・出張見積もり後のキャンセル0円
トラブル解決までの流れ
#flow
悪徳業者により高額請求にご注意ください。
#attention
当社ではお客様へのサービス向上・業界の発展を目的に
様々な協会団体へ加盟をしております
#association
コロナウイルス感染対策
#corona-measures
足場が安い！おそうじ職人なら気になる部分を一緒に依頼した方がお得！
#great-value
よくあるご質問
#faq
お問い合わせ
#contactu
運営者情報
#corporate-information
*/

/*------------------------------------------------------
誰に頼んでいいかわからない外装の洗浄・点検ならおそうじ職人
------------------------------------------------------*/

#main-area	{position: relative;background: url(../image/main_bg.png) no-repeat;background-position: 50% 20%;background-size: cover;font-family: 'Noto Sans JP', sans-serif;}

.main-visual	{position: relative;height: 600px;}
.item	{position: absolute;top: 16%;width: 100%;}
.main-catch	{position: absolute;top: 26%;width: 100%;}
.main-points	{position: absolute;bottom: 20px;width: 100%;}
.main-point-img-area{position: absolute;bottom: 20px;width: 100%;}

.item	{text-align: left}
.item	span{display: inline-block;margin: 0 10px 10px 0;padding: 5px 13px 7px 13px;background: #fff;border: 3px solid var(--color-p1);color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight: 500;border-radius: 5px;}
.item	br{display: none}

.main-catch-inner	{display: inline-block; text-shadow:3px 3px 3px #fff, -3px -3px 3px #fff,-3px 3px 3px #fff,  3px -3px 3px #fff;background: rgba(255,255,255,0.3);box-shadow: 0 0 100px 100px rgba(255,255,255,0.3);border-radius: 50px;}

.main-catch	{color: var(--color-p1);text-align: left}
.main-catch	p{}
.main-catch	p	span{display: inline-block;padding: 7px 0;font-size: 3.5rem;font-weight: 600;line-height: 1em;border-radius: 5px;}
.main-catch	p:first-child{font-size: 2.5rem;font-weight: 500;line-height: 1.4em;}
.main-catch	p:last-child{margin:0;font-size:5rem;font-weight: 600;letter-spacing: 0}

.main-points	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-weight: 500;}

.main-points	.main-point-box{-ms-flex-preferred-size: 32%;flex-basis: 32%;padding: 0 10px;background: var(--color-p6);color: var(--color-p1);text-align: center;letter-spacing: 0;-webkit-transform: skew(-10deg);transform: skew(-10deg);border: 5px solid var(--color-p1);border-radius: 20px;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;letter-spacing: 1px;}
.main-points	.zero,
.main-points	.jisseki,
.main-points	.pricedown	{font-family: 'Roboto', sans-serif;font-weight: 700;letter-spacing: 0}

.main-points	.main-point-box.box1{}
.main-points	.main-point-box.box1	.left{margin: 0 10px 0 0;font-size: 1.5rem;}
.main-points	.main-point-box.box1	.right{margin: 0 0 0 10px;font-size: 4rem;}

.main-points	.main-point-box.box2{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size: 1.5rem;}
.main-points	.main-point-box.box2	.top{margin: 15px 0 5px 0;}
.main-points	.main-point-box.box2	.bottom{margin:0;}
.main-points	.jisseki	{font-size: 3rem;}

.main-points	.main-point-box.box3{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size: 1.5rem;}
.main-points	.main-point-box.box3	.top{margin: 15px 0 15px 0;}
.main-points	.main-point-box.box3	.bottom{margin: 0 0 15px 0;}
.main-points	.pricedown	{font-size: 3rem;}

.main-point-img-area	{}
.main-point-img-area	p{margin: 0}
.main-point-img-area	.for-pc	{}
.main-point-img-area	.for-sp	{display: none}

@media screen and (max-width: 740px) {
.main-point-img-area	.for-pc	{display: none}
.main-point-img-area	.for-sp	{display: inline}
}

@media screen and (max-width: 980px) {
.main-points	{display: block;}
.main-points	.main-point-box.box1,.main-points	.main-point-box.box2	{margin-bottom: 15px;}
.main-points	.main-point-box.box1	.left,.main-points	.main-point-box.box1	.right,.main-points	.main-point-box.box2,.main-points	.main-point-box.box3	{font-size: 1.5rem;}

.main-points	.main-point-box.box1	.left,
.main-points	.main-point-box.box1	.right{margin: 0;}

.main-points	.main-point-box	{padding: 10px 0 5px 0}

.main-points	.zero,
.main-points	.jisseki,
.main-points	.pricedown	{font-size: 3rem;}

.main-points	.main-point-box.box1	.left,
.main-points	.main-point-box.box1	.right	{display: inline}
.main-points	.main-point-box.box1	.left	br	{display: none}

.main-points	.main-point-box.box2,.main-points	.main-point-box.box3{display: block;}
.main-points	.main-point-box.box2	.top,
.main-points	.main-point-box.box2	.bottom,
.main-points	.main-point-box.box3	.top,
.main-points	.main-point-box.box3	.bottom	{display: inline;}

}

@media screen and (max-width:560px) {
.main-points	.main-point-box	{padding: 5px 0 3px 0;border: 4px solid var(--color-p1);border-radius: 10px;}
.main-points	.main-point-box.box1	.left,.main-points	.main-point-box.box1	.right,.main-points	.main-point-box.box2,.main-points	.main-point-box.box3	{font-size: 5vw;}
.main-points	.main-point-box.box1,.main-points	.main-point-box.box2	{margin-bottom: 7px;}
.main-points	.zero,
.main-points	.jisseki,
.main-points	.pricedown	{font-size: 6.7vw;}
}

@media screen and (max-width:1100px) {
.item	{top: 12%;}
.main-catch	{top: 23%;}
}

@media screen and (max-width:980px) {
.item	{top: 9%;}
.main-catch	{top: 19%;}

.item	span{margin: 0 10px 10px 0;padding: 3px 8px 5px 8px;font-size: 1.1rem;}

.main-catch	p:first-child{font-size:4vw;}
.main-catch	p:last-child{font-size:7vw}
}

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

.main-catch	{top: 32%;}

.main-catch	p:first-child{font-size:1.2rem}
.main-catch	p:last-child{font-size:2.5rem}
.main-catch	p	span{font-size: 1.6rem;}

.item	br{display: inline}
}

@media screen and (max-width:480px) {
#main-area	{background-position: 52% 20%;}
.item	{top: 9%;}
.main-catch	{top: 32%;}
.main-visual	{height:75vh;}


}



/*------------------------------------------------------
　365日 無料対応／出張後の見積もり後のキャンセル0円
	------------------------------------------------------*/
.free-support	{padding: 50px 30px;background: var(--color-p1);}
.free-support	h2{margin-bottom: 40px;color: #fff;font-size: 1.8rem;font-weight:bold;text-align:center;}

.free-support	h2	.muryotaiou,.free-support	h2	.cancelzero	{display: block;ine-height: 140%;}
.free-support	h2	.muryotaiou	strong,.free-support	h2	.cancelzero	strong{margin-left: 3px;padding: 4px 10px 3px 10px;background: var(--color-p5);border-radius: 5px;line-height: 1em;}
.muryotaiou	.s365	{margin-left: 3px;font-size: 120%;font-family: 'Roboto', sans-serif;font-weight: 400;}
.free-support	h2	.muryotaiou	{margin-bottom: 30px;}

.free-support	.br{display: none}

.free-support-wrap	{padding: 30px 25px;border: 7px double var(--color-p5);}

.free-support-contact	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.free-support-contact	div{-ms-flex-preferred-size: 44%;flex-basis: 44%;margin: 0 3%;text-align: center;}
.free-support-contact	a	{text-decoration: none;}
.free-support-contact	a:hover	{opacity: 1}
.free-support-contact	.telnum	{position: relative;display: block;height: 70px;padding: 22px 0 5px 0;background: #fff;border-radius: 10px;}
.free-support-contact	.telnum	a{font-size: 3rem;color: #000}
.free-support-contact	.telnum	a:hover{}
.free-support-contact	.mail	{color: #fff}
.free-support-contact	.mail	a{display: block;height: 70px;line-height: 70px;padding: 0 10px 0 10px;color: #fff;background: var(--color-p2);font-size: 1.5rem;font-weight: bold;border-radius: 10px;}
.free-support-contact	.mail	a	i{margin-right: 5px;}
.free-support-contact	.mail	a:hover{background: var(--color-p5);}

/*タッチで電話*/
.balloon1-right {display: none}


	@media screen and (max-width:1100px) {
.free-support-contact	.telnum{-ms-flex-preferred-size: 50%;flex-basis: 50%;margin: 0 2%;}
.free-support-contact	.mail{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 2%;}
.free-support-contact	.mail	a{font-size: 1.4rem;}
	}

	@media screen and (max-width:980px) {
.free-support	{padding: 30px 20px;}
.free-support	h2	{display: block;}
.free-support	.br{display: inline}
.free-support	h2	.cancelzero	{line-height: 1.8em;}

.free-support-wrap	{padding: 20px 15px;}
.free-support-contact	{display: block;}
.free-support-contact	.telnum	{margin-bottom: 20px;}
.free-support-contact	.mail	a{font-size: 1.5rem;}
	}
	
@media screen and (max-width: 768px) {
.free-support	h2	.muryotaiou	{display: block;line-height: 170%;}

.free-support-contact	.telnum	{padding: 20px 0 5px 60px;}
	
/*タッチで電話*/
.balloon1-right {position: absolute;top: -10px;left: -30px;display: block;height: 100px;margin: 1.5em 15px 1.5em 0;width: 90px;height: 90px;border-radius: 50%}

	}
	
	@media screen and (max-width:600px) {
.free-support-contact	.telnum	a{font-size: 2.7rem;}
	}
	
		@media screen and (max-width:560px) {

.balloon1-right {top: -5px;left: -35px;width: 90px;height: 90px;}
.free-support-contact	.telnum	{margin: 0 1% 40px 7%;height: 80px;padding: 25px 0 5px 50px;letter-spacing: 0}
.free-support-contact	.telnum	a{font-size: 2.3rem;}
		}
	
	
			
	
	@media screen and (max-width:480px) {
.free-support	{padding: 25px 10px;}
.free-support	h2{font-size: 6.0vw;}
.free-support-contact	.mail{margin: 0 1%;}
.free-support-contact	.mail	a{height: 50px;line-height: 50px;font-size: 1.1rem;}
.free-support-contact	.mail	a	i{margin-right: 2px;}
	}
	
				
@media screen and (max-width:550px) {
.free-support	h2{font-size: 5.0vw;}
}

@media screen and (max-width:500px) {
.free-support-contact	.telnum	a{font-size: 1.9rem;}
}
@media screen and (max-width:450px) {
.balloon1-right {top: -5px;left: -25px;width: 70px;height: 70px;}
.free-support-contact	.telnum	{margin: 0 1% 30px 3%;height: 60px;padding: 15px 10px 5px 45px;}
.free-support-contact	.telnum	a{font-size: 1.8rem;}
}


@media screen and (max-width:414px) {
.free-support-contact	.telnum	{padding: 15px 10px 5px 45px;}
.free-support-contact	.telnum	a{font-size: 1.7rem;}

}


@media screen and (max-width:375px) {
.free-support-contact	.telnum	{padding: 15px 10px 5px 55px;}
.free-support-contact	.telnum	a{font-size: 1.5rem;}
}
		

	

/*------------------------------------------------------
　おそうじ職人の明瞭会計
------------------------------------------------------*/

#clear-accounting	{padding: 50px 30px 50px 30px;text-align: left;}

/*おそうじ職人の明瞭会計*/
#clear-accounting	h2	{margin-bottom: 20px;color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 3rem;font-weight:600;text-align: center;line-height: 1.5em;letter-spacing: 0;}

.clear-accounting-wrap	{font-family: 'Noto Sans JP', sans-serif;text-align: center}

/*ご新規様・Webからお申込みいただいた方限定価格！*/
.clear-accounting-webuser{margin-bottom: 25px;font-size: 1.3rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;text-align: center}
.clear-accounting-webuser	.br1,.clear-accounting-webuser	.br2{display: none}
	@media screen and (max-width:768px) {
.clear-accounting-webuser	.br2{display: inline}
	}
	@media screen and (max-width:560px) {
.clear-accounting-webuser	.br1{display: inline}
}

.clear-accounting-wrap	.uchiwake01,.clear-accounting-wrap	.uchiwake02,.clear-accounting-wrap	.uchiwake03	{font-size: 1.6rem;text-align: center;}

/*足場設置解体 ＋ 作業費 = ¥50,000（税込）*/
.clear-accounting-wrap	.uchiwake01	{margin-bottom: 20px;}
.clear-accounting-wrap	.uchiwake01	br{display: none}
.clear-accounting-wrap	.uchiwake01	.price	{font-size: 2.2rem;font-family: 'Roboto', sans-serif;font-weight:700;letter-spacing: 1px}
.clear-accounting-wrap	.uchiwake01	small{font-size: 1rem;font-weight: normal}
/*足場設置解体 ＋ 作業費 = ¥50,000(税込）*/
.breakdown-area	.uchiwake01	{margin-bottom: 20px;}


/*作業中に宣伝幕を設置いただける場合*/
.clear-accounting-wrap	.uchiwake02	{margin-bottom: 20px;}
.clear-accounting-wrap	.uchiwake02	br{display: none}
.clear-accounting-wrap	.sendenmaku	{font-size: 1.6rem;font-weight: 600;color: var(--color-p5);}

/*さらに！ ¥20,000(税込)割引*/
.clear-accounting-wrap	.uchiwake03	{margin-bottom: 30px;}
.clear-accounting-wrap	.uchiwake03	br{display: none}
.clear-accounting-wrap	.uchiwake03	.sarani	{font-size: 1.6rem;font-weight: 700;color: var(--color-p1);}
.clear-accounting-wrap	.uchiwake03	.price2	{color: var(--color-p5);font-size: 2.3rem;font-family: 'Roboto', sans-serif;font-weight:700;}
.clear-accounting-wrap	.uchiwake03	.waribkiki	{font-size: 1.9rem;font-family: 'Roboto', sans-serif;font-weight:700;color: var(--color-p5);}
.clear-accounting-wrap	.uchiwake03	small{font-size: 1rem;font-weight: normal}

/*通常 ¥50,000(税込)¥30,000(税込）*/
.clear-accounting-wrap	.price-area	{display: block;margin-bottom: 25px;padding: 20px 0 15px 0;background: var(--color-p6);font-size: 1.5rem;color: var(--color-p1);text-align: center;}
.clear-accounting-wrap	.price-area	br{display: none}
.clear-accounting-wrap	.price-area	i{margin: 0 0.25em 0 0.5em;}
.clear-accounting-wrap	.price	{font-size: 2.7rem;font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing: 1px}
.clear-accounting-wrap	.price2	{font-size:1.8rem;font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing: 1px}
.clear-accounting-wrap	.price3	{font-size: 1.8rem;font-family: 'Roboto', sans-serif;font-weight:600;letter-spacing: 1px}
/*.breakdown-areaに似た記述あり*/

@media screen and (max-width:840px) {
.clear-accounting-wrap	.price-area	{padding: 0 0 15px 0}
}


@media screen and (max-width:768px) {
#clear-accounting	h2	br{display: inline}
.clear-accounting-wrap	.breakdown-area-webuser	.br2{display: inline}
.clear-accounting-wrap	.uchiwake01	{display: block;line-height: 1.8em}
.clear-accounting-wrap	.uchiwake01	br{display: inline}
.clear-accounting-wrap	.price-area	{padding: 20px 0 20px 0}
.clear-accounting-wrap	.price-area	br{display: inline}
}

	@media screen and (max-width:560px) {
	#clear-accounting	{padding: 50px 0 0 0;}
.clear-accounting-wrap	.breakdown-area-webuser	.br1{display: inline}
.clear-accounting-wrap	.uchiwake02{display: block;}
.clear-accounting-wrap	.uchiwake02	br{display: inline}
	}

	@media screen and (max-width: 480px) {
#clear-accounting	h2	{font-size: 1.5rem;}
.clear-accounting-wrap	.uchiwake01	{font-size: 6vw;line-height: 1.9em}
.clear-accounting-wrap	.uchiwake03	{display: block;line-height: 1.9em}
.clear-accounting-wrap	.uchiwake03	br{display: inline}
	}


/*animation*/
@keyframes shiny {
0% {transform: scale(0) rotate(25deg);opacity: 0;}
50% {transform: scale(1) rotate(25deg);opacity: 1;}
100% {transform: scale(70) rotate(25deg);opacity: 0;}
}
.shiny-btn{position:relative;overflow:hidden}
.shiny-btn::after{content:'';position:absolute;top:-100px;left:-100px;width:50px;height:50px;background-image:linear-gradient(100deg,rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%,rgba(255,255,255,0) 0%);
/* アニメーション */
animation-name:shiny;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}




/*-----------------------------------------------------------
　誰に頼んでいいかわからない足場設置が必要な洗浄・点検に特化！
	-----------------------------------------------------------*/
.tunagi	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: var(--color-p1);overflow: hidden;}
.tunagi-inner	{width:0;height:0;border-style:solid;border-width: 76px 500px 0 500px;border-color: #fff transparent transparent transparent;}

#specialized	{padding: 80px 30px;text-align: left;background: var(--color-p1);}
#specialized	h2	{

	margin-bottom: 30px;
	color: white;
	font-size: 2.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	line-height: 1.3em;
	text-align:center;
	padding: 20px;
	width: 100%;
}	

#specialized	h2	{margin-bottom: 1.3em;color: #fff;font-family: 'Noto Sans JP', sans-serif;font-size: 2.4rem;font-weight: 600;text-align: center;letter-spacing: 0;}

.specialized-wrap	{}

.specialized-block-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.specialized-block	{-ms-flex-preferred-size: 48%;flex-basis: 48%;margin-bottom: 4%;padding: 20px;background: rgba(255,255,255,1.0);}
.specialized-block	h4	{margin-bottom: 20px;padding-left: 10px;font-family: 'Noto Sans JP', sans-serif;font-size: 1.6rem;font-weight: 600;border-left: 7px solid var(--color-p5);}
.specialized-block	h5	{margin-bottom: 10px;padding: 0 0 10px 0;border-bottom: 2px dotted #ccc;font-family: 'Noto Sans JP', sans-serif;font-size: 1.2rem;font-weight: 600;}
.specialized-block	ul    {margin:0;list-style-type:none;font-size:100%;}
.specialized-block	ul   li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
.specialized-block	ul    li:before{margin-right: 5px;content:"●";color: var(--color-p5);font-weight: bold;}

	@media screen and (max-width:1200px) {
	#specialized	h2	br{display: inline;line-height: 2em;}
	}

	@media screen and (max-width:980px) {
	.specialized-block	{-ms-flex-preferred-size: 48%;flex-basis: 48%;}
	}

	@media screen and (max-width:768px) {
	#specialized	{padding: 80px 0;}

	#specialized	h3	{font-size: 9vw;}
	}
	
		@media screen and (max-width:700px) {
	.specialized-block	{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin-bottom: 20px;}
	.specialized-block	h4	{font-size: 1.45rem;}
	}

	.sanko-kakaku	{display:block;margin: 1em 0 0 0;padding:5px 10px;font-size:0.85rem;line-height: 1.5rem;border: 1px dotted #666;}
.s-kakaku{display:block;}
.sanko-kakaku	small	{font-size: 0.8em;line-height: 1em;}
.sanko-kakaku	span	{line-height: 1.1rem;}
	
	
/*------------------------------------------------------
　おそうじ職人のプライド！徹底した明瞭会計
	------------------------------------------------------*/

#payment{padding: 50px 30px;text-align: left;background: url(../image/payment_bg.png) no-repeat top, linear-gradient(180deg,hsl(240deg 100% 100%) 0%,hsl(0deg 0% 100%) 30%,
hsl(28deg 100% 94%) 100%);background-size: 100% auto}
#payment	h2{margin-bottom: 50px;color: var(--color-p1);font-size: 2.4rem;font-family: 'Noto Sans JP', sans-serif;font-weight:600;line-height: 1.3em;text-align:center}
#payment	h2	.br{display: none}
#payment	.suuji{margin: 0;font-family: 'Roboto', sans-serif;font-weight: 400;}

#payment	.pctitle	{display: block;margin-bottom: 15px;padding-left: 10px;border-left: 5px solid var(--color-p1);color: var(--color-p1);font-size: 1.6rem;font-family: 'Noto Sans JP', sans-serif;font-weight:600;}
#payment	.sptitle	{display: none}

.payment-table-area	{margin-bottom: 20px;font-size: 1.2rem}

.payment-table	{margin: 0 auto;}

.payment-tablepc	{margin-bottom: 40px;}
.payment-tablesp	{display: none}

.payment-tablepc	th,.payment-tablepc	td{height: 80px;text-align:center;vertical-align: middle;}
.payment-tablepc	tr	th:nth-child(1)	{width: 19%;}
.payment-tablepc	tr	td:nth-child(2)	{width: 27%;}
.payment-tablepc	tr	td:nth-child(3)	{width: 27%;}
.payment-tablepc	tr	td:nth-child(4)	{width: 26%;}

.payment-tablepc	.line{border: 1px solid #999;transition: all 0.5s;}
.payment-tablepc	.line.strong-t{border-left: 6px solid var(--color-p5);border-top: 6px solid var(--color-p5);border-right: 6px solid var(--color-p5);}
.payment-tablepc	.line.strong	{border-right: 6px solid var(--color-p5);border-left: 6px solid var(--color-p5);}
.payment-tablepc	.line.strong-b{border-right: 6px solid var(--color-p5);border-bottom: 6px solid var(--color-p5);border-left: 6px solid var(--color-p5);}

.payment-tablepc	.chosei{padding-top: 7px;}/*高さ調整用*/

.payment-tablepc	.gray01	{background: rgba(0,0,0,0.05);}
.payment-tablepc	.gray02	{background: rgba(0,0,0,0.05);}

.payment-tablepc	.oragne01	{background: rgba(247,156,12,0.1);}
.payment-tablepc	.oragne02	{background: rgba(247,156,12,0.3);}

.payment-tablepc	.price-block{font-size: 1.4rem;font-weight: 400}
.payment-tablepc	.price{font-family: 'Roboto', sans-serif;font-size: 2rem;}


.payment-tablepc	.oragne01	.price,.payment-tablepc	.oragne02	.price{font-size: 2.5rem;}

.payment-tablepc	small	{margin-left: 5px;font-size: 70%;}

.payment-tablepc	.textleft	{padding: 10px;text-align:left;}
.payment-tablepc	.textleft	span{display: inline-block;height: 40px;margin: 5px 0 5px 10px;padding: 0 5px;line-height: 40px;background: var(--color-p6);color: var(--color-p1);font-weight: bold}
	.payment-tablepc	.textleft		span span{padding:0;}
.zeikomi	{width: 100%;font-size: 70%;text-align: right}

.payment-tablepc	small{font-size:1rem;font-weight: normal}

.webtokuten	.line{margin: 0 2px;padding: 5px;color: var(--color-p1);font-size: 2rem;text-shadow:3px 3px 0 rgba(255,255,255,0.5), -3px -3px 0 rgba(255,255,255,0.5),-3px 3px 0 rgba(255,255,255,0.5), 3px -3px 0 rgba(255,255,255,0.5),0px 3px 0 rgba(255,255,255,0.5),  0 -3px 0 rgba(255,255,255,0.5),-3px 0 0 rgba(255,255,255,0.5), 3px 0 0 rgba(255,255,255,0.5);font-family: 'Noto Sans JP', sans-serif;font-weight: bold}
.webtokuten	.price-area	{font-size: 1.4rem;font-weight: 400}
.webtokuten	.price	{font-size: 2.5rem;font-family: 'Roboto', sans-serif;}


.webtokuten	{padding: 25px 15px;font-size: 1.7rem;font-weight:bold;text-align:center;border: 6px solid var(--color-p5);background: #fdd707;border-radius: 10px;}
.webtokuten	h4{margin-bottom: 20px;text-align: center;color: var(--color-p1);}
.webtokuten	h4	span{display: inline-block;width: 250px;padding: 12px 20px 10px 20px;font-size: 1.8rem;background: var(--color-p6);border-radius: 25px;}
.webtokuten	.sarani{color: var(--color-p1);text-shadow:3px 3px 0 rgba(255,255,255,0.5), -3px -3px 0 rgba(255,255,255,0.5),-3px 3px 0 rgba(255,255,255,0.5), 3px -3px 0 rgba(255,255,255,0.5),0px 3px 0 rgba(255,255,255,0.5),  0 -3px 0 rgba(255,255,255,0.5),-3px 0 0 rgba(255,255,255,0.5), 3px 0 0 rgba(255,255,255,0.5);}
.webtokuten	.senden	{margin: 0 0 10px 0;line-height:1.8em;}
.webtokuten	.fuchidori	{}

.senden	.br,.senden	.br2{display: none}

.ichiritu-area	{text-align: center}
.ichiritu-area	.yajirushi	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.ichiritu-area	.yajirushi	span {position: relative;top: 0;width:0;height:0;margin: 0 auto;border-style:solid;border-width:30px 30px 0 30px;border-color:var(--color-p5) transparent transparent transparent;}

.ichiritu	{margin-top: 50px;font-size: 1.8rem;color: var(--color-p1);font-weight: bold;}
.ichiritu-inner	{padding: 30px 60px 20px 60px;border: 6px solid var(--color-p1);background:  #fff;border-radius: 25px;}
.ichiritu	.price-area	{font-size: 1.4rem;color: var(--color-p1);}
.ichiritu	.price	{font-size: 3rem;font-family: 'Roboto', sans-serif;font-weight: 400;color: var(--color-p1);}
/*text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,-3px 3px 0 #FFF, 3px -3px 0 #FFF,0px 3px 0 #FFF,  0 -3px 0 #FFF,-3px 0 0 #FFF, 3px 0 0 #FFF;letter-spacing: 1px
text-shadow:3px 3px 0 rgba(255,255,255,0.5), -3px -3px 0 rgba(255,255,255,0.5),-3px 3px 0 rgba(255,255,255,0.5), 3px -3px 0 rgba(255,255,255,0.5),0px 3px 0 rgba(255,255,255,0.5),  0 -3px 0 rgba(255,255,255,0.5),-3px 0 0 rgba(255,255,255,0.5), 3px 0 0 rgba(255,255,255,0.5);*/

	@media screen and (max-width:1200px) {
	.payment-tablepc	th,.payment-tablepc	td{height: 120px;}
	.payment-tablepc	.textleft	span{display: block;height: auto;margin: 5px 0 5px 10px;padding: 10px;}
	.payment-tablepc	.textleft		span span{display:inline;}
	}

	@media screen and (max-width:980px) {
.senden	.br{display: inline}
	
	#payment{padding: 50px 0}

#payment	.pctitle	{display: none}
#payment	.sptitle	{display: block;margin-bottom: 0.5em;padding-left: 10px;border-left: 5px solid var(--color-p1);color: var(--color-p1);font-size: 1.2em;font-family: 'Noto Sans JP', sans-serif;font-weight:600;}
.payment-tablepc	{display: none}
.payment-tablesp	{display: table}

.payment-tablesp	{width: 100%;}
.payment-tablesp	th,.payment-tablesp	td{width: 50%;padding: 10px 30px;text-align:center;border: none}

.payment-tablesp	th,.payment-tablesp	td	{background: rgba(0,0,0,0.02);border: 1px solid #999;vertical-align: middle;transition: all 0.5s;}
.payment-tablesp	th	{background: rgba(0,0,0,0.04);font-weight:bold}
.payment-tablesp	.tousyatd,.payment-tablesp	.tousya		{background:var(--color-p5);color: #fff}/*background: rgba(247,156,12,0.3);*/
.payment-tablesp	.othertd,.payment-tablesp	.other	{background: rgba(0,0,0,0.02);}

.payment-tablesp	.tousyatd		{border-right: 6px solid var(--color-p5);}
.payment-tablesp	.tousya		{border-right: 6px solid var(--color-p5);}
.payment-tablesp	td.otherline		{border: 1px solid #999;}

.payment-tablesp	.otoku	{padding: 10px;text-align:center;}
.payment-tablesp	.otoku	span{display: block;margin:
10px 0;padding: 5px;background: var(--color-p6);color: var(--color-p1);font-weight: bold}
.zeikomi	{width: 70%;font-size: 70%;text-align: right}

.payment-tablesp	.price-block{font-size: 1.4rem;font-weight: 400}
.payment-tablesp	.price{font-family: 'Roboto', sans-serif;font-size: 2rem;}
.payment-tablesp	small	{margin-left: 5px;font-size: 70%;}

.zeikomi	{width: 100%;}
	
	}
	
@media screen and (max-width:768px) {
#payment{padding: 50px 0;}
.webtokuten	{display: block;padding: 30px 10px 10px 10px;}
.webtokuten	.senden	{font-size: 1.5rem;line-height: 2.5rem;}
.webtokuten	.line	{font-size: 1.8rem;}
.senden	.br2{display: inline}
.ichiritu	{margin-top: 20px;}
.ichiritu-inner	{display: block;padding: 30px 0 20px 0;}


}
	
@media screen and (max-width:640px) {
.webtokuten	h4	span{font-size: 1.5rem;}
#payment	h2{font-size: 2rem;}
#payment	h2	.br{display: inline}
}



@media screen and (max-width:560px) {
.webtokuten	{font-size:4.4vw;}
.webtokuten	.price-area	{font-size: 1.2rem;}
.payment-tablesp	.tousyatd,.payment-tablesp	.othertd	{padding: 5px 0;font-size: 90%;line-height: 1.1em;}
.payment-tablesp	.tousya,.payment-tablesp	.other	{padding: 10px 0 5px 0;font-size: 90%;line-height: 1.1em;}
.payment-tablesp	small	{display: block;margin-left: 0;}
.payment-tablesp	.price-block{font-size: 1rem;}
.payment-tablesp	.price{font-size: 1.4rem;}
}

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

.ichiritu-inner	{font-size: 6vw}
.ichiritu	.price	{font-size: 10vw;}
}



/*------------------------------------------------------
　総対応数3500件！おそうじ職人が選ばれる理由
	------------------------------------------------------*/

#jisseki{margin-top: 60px; padding-bottom:50px; background: rgba(0,0,0,0.05)}

#jisseki	h2{margin-bottom: 50px;padding: 20px 0 30px 0;font-family: 'Noto Sans JP', sans-serif;font-weight:500;text-align:center;background: var(--color-p1)}

#jisseki	h2 >	span:nth-child(1){display: block;margin-bottom: 10px;font-size: 2.8rem;line-height: 1.6em;color: var(--color-p6);}
#jisseki	h2 > 	span:nth-child(2){font-size: 3rem;color: #fff;line-height: 1.2em}

#jisseki	h2	.suuji{position:relative;top: 2px;margin: 0 1px;font-size: 4rem;font-family: 'Roboto', sans-serif;font-weight: 400;}
#jisseki	h2	.reason{background: linear-gradient(transparent 50%, rgba(237,213,12,.7) 0%);}


.jisseki-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.jisseki-block	{-ms-flex-preferred-size: 48%;flex-basis: 48%;margin-bottom: 20px;padding: 35px;background: rgba(255,255,255,0.9);border: 1px solid #ccc;}

.jisseki-block	h3	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;}
.jisseki-block	h3	span:first-child	{display: block;width: 70px;height: 70px;line-height: 63px;margin-right: 15px;font-size: 3rem;font-family: 'Roboto', sans-serif;font-weight:400;border: 3px solid var(--color-p1);text-align: center;background: var(--color-p6);}
.jisseki-block	h3	span:last-child	{font-size: 1.6rem;font-weight:600;}
.jisseki-block	h3	p.suuji	{display: inline;font-family: 'Roboto', sans-serif;font-weight: 500;}

.jisseki-block	.photo	{margin: 0 0 5px 0}
.jisseki-block	.text	{margin: 0 0 -5px 0}

	@media screen and (max-width:768px) {
	.jisseki-wrap	{display:block}

	}
	
@media screen and (max-width:510px) {
#jisseki	h2 >	span:nth-child(1){font-size: 7vw}
#jisseki	h2 > 	span:nth-child(2){font-size: 6.5vw}
#jisseki	h2	.suuji{font-size: 12vw;}
}

	@media screen and (max-width:480px) {
.jisseki-block	h3	span:first-child	{width: 50px;height: 50px;line-height: 40px;margin-right: 15px;font-size: 2rem;}
.jisseki-block	h3	span:last-child	{display: inline-block;font-size: 1.4rem;line-height: 1em;}
	}
	
/*------------------------------------------------------
　相談・出張見積もり後のキャンセル0円トラブル解決までの流れ
	------------------------------------------------------*/

#flow{padding: 0 0 50px 0;background: #f7b54d;}
#flow	h2{margin-bottom: 50px;padding: 20px;background: var(--color-p5);}

#flow	h2 .inner-wrap{display: block;padding: 5px;font-size: 2rem;font-weight:bold;background: rgba(255,255,255,1.0);color: var(--color-p5);border-radius: 15px;line-height: 1.4em;text-align: center;border: 5px solid var(--color-p5);}

#flow	h2 .zero,#flow	h2 .flow{display: block}
#flow	h2 .zero{}
#flow	h2 .flow{}
#flow	h2 .line{background: linear-gradient(transparent 50%, rgba(237,213,12,.7) 0%);}
#flow	h2 .suuji{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 3rem;}
#flow	h2 .zeroen{color:var(--color-p1)}

.flow-wrap	{}
.flow-box	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 60px;padding: 20px 30px;border: 5px solid var(--color-p5);border-radius: 15px;background: rgba(255,255,255,1.0);}

.flow-box	p{-ms-flex-preferred-size: 22%;flex-basis: 22%;margin: 0;line-height: 0}

.flow-box dl{-ms-flex-preferred-size: 75%;flex-basis: 75%;}
.flow-box dt{margin-bottom: 20px;padding: 5px 15px 20px 15px;border-bottom: 3px dotted var(--color-p5);font-family: 'Noto Sans JP', sans-serif;font-weight: 500;font-size: 1.5rem;color: var(--color-p5);}
.flow-box dd{padding: 0 15px 10px 15px;font-size: 1.2rem;}

#flow	.yajirushi	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#flow	.yajirushi	span {position: relative;top: -30px;width:0;height:0;margin: 0 auto;border-style:solid;border-width:50px 100px 0 100px;border-color: var(--color-p1) transparent transparent transparent;}

@media screen and (max-width:640px) {
.flow-box	{display:block;}
.flow-box	p{padding-top: 5px;}
.flow-box dt{margin-top: 20px}
}
	
@media screen and (max-width:480px) {
#flow	h2 .inner-wrap{font-size: 6.5vw;}
#flow	h2 .suuji{font-size: 12vw;}
.flow-box dd{font-size: 1rem;}
}

/*------------------------------------------------------
　悪徳業者により高額請求にご注意ください。
	------------------------------------------------------*/

#attention{padding: 50px 0;background: #f5f5f5}
#attention	h2{margin-bottom: 30px;font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;font-weight:500;text-align: center;line-height: 1.5em;color: var(--color-p1); }
#attention	h3{margin-bottom: 50px;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight:500;text-align: center;line-height: 1.5em;color: var(--color-p1); }

.attention-area	{padding: 50px;border: 3px double  var(--color-p1);background: #f5f5f5}

.attention-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.attention-wrap	ul{-ms-flex-preferred-size: 52%;flex-basis: 52%;}
.attention-wrap	.img{-ms-flex-preferred-size: 43%;flex-basis: 43%;}

.attention-wrap	ul{margin:0;list-style-type:none;font-size:1.1rem}
.attention-wrap	ul li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%;padding-bottom: 0.5em;padding-top: 0.5em;border-bottom: 2px dotted #ccc;}
.attention-wrap	ul li:before{margin-right: 0.2rem;content:"●";color: var(--color-p1);}

	@media screen and (max-width:980px) {
	.attention-area	{padding: 30px;}
	.attention-wrap	{display:block}
	.attention-wrap	ul{margin: 0 10px 20px 10px;}
	
	#attention	h3{font-size: 1.2rem;}
	}

	@media screen and (max-width:640px) {
.attention-area	{padding: 20px 10px;}
#attention	h2{margin-bottom: 20px;font-size: 5.3vw;}
#attention	h3{margin-bottom: 20px;font-size: 3.5vw;}
.attention-wrap	ul{font-size:1rem}
}
	
/*------------------------------------------------------
　当社ではお客様へのサービス向上・業界の発展を目的に
  様々な協会団体へ加盟をしております
	------------------------------------------------------*/

#association{padding: 30px 0;background:linear-gradient(var(--color-p1),#70cce6); }
#association	h3{margin-bottom: 50px;color: #fff;font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight:bold;text-align: center;line-height: 1.3em;letter-spacing: 0}

.association-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap}

.association-wrap	p	{margin: 0 3% 0 0;text-align: center}
.association-wrap	p:last-child{}
.association-wrap	p	img{height: 63px;}

	@media screen and (max-width:1200px) {
	.association-wrap	p:nth-child(1)	{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
.association-wrap	p:nth-child(1)	img{width: auto;margin-bottom:  3%;}
.association-wrap	p	{margin: 0 3%;}
	}

	@media screen and (max-width:640px) {
	#association	h3{font-size: 5vw;}
	}


@media screen and (max-width:480px) {
.association-wrap	{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.association-wrap	p:nth-child(2),.association-wrap	p:nth-child(3),.association-wrap	p:nth-child(4){width: 48%;margin: 0;}
.association-wrap	p	{margin: 0;}
.association-wrap	p:nth-child(2)	{margin-right: 4%}
.association-wrap	p:nth-child(1)	img,.association-wrap	p:nth-child(2)	img,.association-wrap	p:nth-child(3)	img,.association-wrap	p:nth-child(4)	img{width: 100%;height: auto;margin-bottom: 4%}

}
	
	
	
/*------------------------------------------------------
　コロナウイルス感染対策
	------------------------------------------------------*/

#corona-measures{padding: 50px 0;background: rgba(0,0,0,0.05)}
#corona-measures	h3	{margin-bottom: 15px;color:var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 1.8rem;font-weight:500;}

.corona-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 15px 20px;border: 5px solid var(--color-p1);background: #d7e1f8}
.corona-wrap	p{margin: 0}
.corona-wrap-block	{-ms-flex-preferred-size: 48%;flex-basis: 48%;}

	@media screen and (max-width:980px) {	
	.corona-wrap	{display:block}
	.corona-wrap-block:first-child	{margin-bottom: 15px;}
	}
	
		@media screen and (max-width:640px) {
	#corona-measures	h3	{font-size: 4.9vw;}
	}
	
/*-----------------------------------
　足場が安い！おそうじ職人なら気になる
	 部分を一緒に依頼した方がお得！
	-----------------------------------*/
	
#great-value	{padding: 50px 0;background: #4574de;}
	
#great-value	h2{margin-bottom: 50px;padding: 10px;background: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;}
#great-value	h2	span{display: block;padding: 10px 0;color: #fff;font-size: 2rem;font-weight:bold;line-height: 1.5em;border: 10px solid rgba(255,255,255,0.8);text-align: center;background: var(--color-p6);color: var(--color-p1);text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,-3px 3px 0 #FFF, 3px -3px 0 #FFF,0px 3px 0 #FFF,  0 -3px 0 #FFF,-3px 0 0 #FFF, 3px 0 0 #FFF;}
#great-value	h2	strong{font-size: 2.8rem;}

/*作業内訳 wrap*/
.breakdown-area{margin-bottom: 50px;padding: 20px;background: rgba(255,255,255,1);border: 6px solid  var(--color-p1);font-size: 1.6rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;}

/*作業内訳*/
.breakdown-area	h3{margin-bottom: 20px;color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 2.5rem;font-weight:600;text-align: center;line-height: 1.5em;letter-spacing: 0;}

/*ご新規様・Webからお申込みいただいた方限定価格！*/
.breakdown-area	.breakdown-area-webuser	{margin-bottom: 25px;font-size: 1.3rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;text-align: center}
.breakdown-area	.breakdown-area-webuser	.br1,.breakdown-area	.breakdown-area-webuser	.br2{display: none}

.breakdown-area	p	{margin: 0;}
.breakdown-area	small{font-size: 0.8em;}
.breakdown-area	.price-area	small{font-size: 0.7em;}

.breakdown-area	.uchiwake01,.breakdown-area	.uchiwake02,.breakdown-area	.uchiwake03	{font-size: 1.6rem;text-align: center}

/*足場設置解体 ＋ 作業費 = ¥50,000(税込）*/
.breakdown-area	.uchiwake01	{margin-bottom: 20px;}
.breakdown-area	.uchiwake01	br{display: none}
/* ¥50,000*/
.breakdown-area	.uchiwake01	.price	{font-size:2.2rem;font-family: 'Roboto', sans-serif;font-weight:700;letter-spacing: 1px}

/*作業中に宣伝幕を設置いただける場合*/
.breakdown-area	.uchiwake02	{margin-bottom: 20px;}
.breakdown-area	.uchiwake02	br{display: none}
.breakdown-area	.uchiwake02	.line{color: var(--color-p5);font-weight: 700}

/*さらに！ ¥20,000(税込)割引*/
.breakdown-area	.uchiwake03	{margin-bottom: 30px;}
.breakdown-area	.uchiwake03	br{display: none}
.breakdown-area	.uchiwake03	.sarani	{font-size: 1.6rem;font-weight: 700;color: var(--color-p1);}
.breakdown-area	.uchiwake03	.price2	{color: var(--color-p5);font-size: 2.3rem;font-family: 'Roboto', sans-serif;font-weight:700;}
.breakdown-area	.uchiwake03	.waribkiki	{font-size: 1.9rem;font-family: 'Roboto', sans-serif;font-weight:700;color: var(--color-p5);}
.breakdown-area	.uchiwake03	small{font-size: 1rem;font-weight: normal}

/*通常 ¥50,000(税込)¥30,000(税込）*/
.breakdown-area	.price-area	{display: block;margin-bottom: 25px;padding: 20px 0 15px 0;background: var(--color-p6);font-size: 1.5rem;color: var(--color-p1);text-align: center;}
.breakdown-area	.price-area	br{display: none}
.breakdown-area	.price-area	i{margin: 0 0.25em 0 0.5em;}
.breakdown-area	.price-area	.price	{font-size: 2.7rem;font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing: 1px}
.breakdown-area	.price-area	.price2	{font-size:1.8rem;font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing: 1px}

.breakdown-area-text	{font-size: 1.3rem;line-height: 1.7em;text-align: center}
.breakdown-area-text	.line	{color: var(--color-p5);font-weight: 700;font-size: 1.5rem}
.breakdown-area-text	strong	{font-size: 1.5rem;font-weight: 400}
.breakdown-area-text	.bad	{font-size: 1.5rem;color: var(--color-p3);}
.breakdown-area-text	.strong{color: var(--color-p1);font-weight: 700}
.breakdown-area-text	.waribkiki	{font-size: 1.3rem;color: var(--color-p1);}
.breakdown-area-text	.waribkiki	.price2{font-size: 1.8rem;}
.breakdown-area-text	.fa-caret-right	{margin: 0 10px;}

.anim-box.poyopoyo {
display: inline-block;text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,-3px 3px 0 #FFF, 3px -3px 0 #FFF,0px 3px 0 #FFF,  0 -3px 0 #FFF,-3px 0 0 #FFF, 3px 0 0 #FFF;color: var(--color-p1);
animation: poyopoyo 2s ease-out infinite;
opacity: 1;
}

@keyframes poyopoyo {
0%, 40%, 60%, 80% {transform: scale(1.0);}
50%, 70% {transform: scale(0.92);}
}
 
.work-case	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	
.work-case-block	{position: relative;-ms-flex-preferred-size: 46%;flex-basis: 46%;margin-bottom: 6%;padding: 20px 30px;background: rgba(255,255,255,1);border-top: 6px solid  var(--color-p5);}
.work-case-block	h4	{padding: 0 0 15px 0;color: var(--color-p1);font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600}
.work-case-block	p	{margin: 0}
.work-case-block	.photo	{margin: 0 0 10px 0}
.work-case	.setumei	{line-height: 1.5rem;}
.work-case-block	.price	{font-family: 'Roboto', sans-serif;font-weight:600;}

.work-case-block.wcb01,
.work-case-block.wcb02{padding-bottom: 100px;}
.work-case-block.wcb03,
.work-case-block.wcb04{padding-bottom: 120px;}

.work-case-block.wcb01	.sanko-kakaku,
.work-case-block.wcb02	.sanko-kakaku,
.work-case-block.wcb03	.sanko-kakaku,
.work-case-block.wcb04	.sanko-kakaku	{position:absolute;left: 25px;bottom: 25px;right: 25px;}


.work-case	.sanko-kakaku	{display:block;margin: 1em 0 0 0;padding:5px 10px;font-size:0.85rem;line-height: 1.5rem;border: 1px dotted #666;}
.s-kakaku{display:block;}
.work-case-block	small	{font-size: 0.8em;line-height: 1em;}
.work-case-block	span	{line-height: 1.1rem;}

	@media screen and (max-width:1200px) {
.work-case-block.wcb01,
.work-case-block.wcb02{padding-bottom: 120px;}
.work-case-block.wcb03,
.work-case-block.wcb04{padding-bottom: 120px;}
	}

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

.work-case-block.wcb03,
.work-case-block.wcb04{padding-bottom: 170px;}
	}
	

	
	@media screen and (max-width:840px) {
.breakdown-area	.price-area	{padding: 0 0 15px 0}
.anim-box.poyopoyo {margin-top:20px;}
	#great-value	h2	span{font-size: 3.7vw;}
	}

	@media screen and (max-width:768px) {
#great-value	h2{margin-bottom: 20px;padding: 5px}
#great-value	h2	span{border: 5px solid rgba(255,255,255,0.8);font-size: 5.5vw;}

.breakdown-area	.breakdown-area-webuser	.br2{display: inline}
.breakdown-area	.uchiwake01	{display: block;line-height: 1.8em}
.breakdown-area	.uchiwake01	br{display: inline}
.breakdown-area	.price-area	{padding: 20px 0 20px 0}
.breakdown-area	.price-area	br{display: inline}
.breakdown-area-text	{font-size: 1.1rem;text-align: left}
.breakdown-area-text	br{display: none}

.work-case	{display:block;}
.work-case-block	{margin-bottom: 15px}

.work-case-block.wcb01,
.work-case-block.wcb02,
.work-case-block.wcb03,
.work-case-block.wcb04{padding-bottom: 0}

.work-case-block.wcb01	.sanko-kakaku,
.work-case-block.wcb02	.sanko-kakaku,
.work-case-block.wcb03	.sanko-kakaku,
.work-case-block.wcb04	.sanko-kakaku	{position:relative;bottom: 20px;left: 0;right: 20px;margin: 40px 0 0 0;}
}

	@media screen and (max-width:560px) {
.breakdown-area	.breakdown-area-webuser	.br1{display: inline}
.breakdown-area	.uchiwake02{display: block;}
.breakdown-area	.uchiwake02	br{display: inline}
}
		
	@media screen and (max-width:480px) {
.breakdown-area	.uchiwake01	{font-size: 6vw;line-height: 1.9em}
.breakdown-area	.uchiwake03	{display: block;line-height: 1.9em}
.breakdown-area	.uchiwake03	br{display: inline}
}

/*-----------------------------------
　よくあるご質問
	-----------------------------------*/

#faq	{padding: 50px 30px;background: rgba(0,0,0,0.05)}
#faq	h3{margin-bottom: 50px;font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight:500;text-align: center}

/*1ブロック全体*/
.ac li {margin-bottom: 30px;}

/*クリックエリア*/
.ac-label  {position: relative;cursor: pointer;}
/*コンテンツエリア*/
.ac-content {display: none}


/*アイコン*/
.icon-wrap {position: absolute;top: 50%;right: 10px;width: 38px;height: 38px;background: var(--color-p5);transform: translatey(-50%);}
.icon {position: relative;display: inline-block;width: 100%;height: 100%;}
.icon:before,.icon:after {position: absolute;display: block;top: 50%;left: 50%;width: 50%;height: 2px;background: #fff;content: "";transform: translate(-50%, -50%);transition: all 0.4s;}
.icon:before {transform: translate(-50%, -50%) rotate(90deg);}
.icon.open:before {transform: translate(-50%, -50%) rotate(0deg);}/*＋、－切り替え*/


#faq .ac-label,#faq	.ac-content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;}
#faq .ac-label	.q,#faq	.ac-content-wrap	.a{-ms-flex-preferred-size: 50px;flex-basis: 50px;font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;line-height: 45px;text-align: center}

#faq .ac-label{padding: 5px 50px 5px 5px;background: var(--color-p1);color: #fff;}
#faq	.ac-content{padding: 5px 7px;background: #fff;border-bottom: 1px solid #ccc;}

#faq	div	span:nth-child(2){-ms-flex-preferred-size: calc(100% - 50px);flex-basis: calc(100% - 50px);padding: 10px;}

#faq	.ac-content	{display: none}

		@media screen and (max-width:480px) {
		#faq	{padding: 30px 10px;}
		}


/*-----------------------------------
　お問い合わせ内プライバシーポリシー
		-----------------------------------*/
.pp-attention	{display: block;margin:  0.5em 0 1.5em 0;}
.privacy-policy	{height: 300px;padding: 20px 5%;border: 1px solid #ccc;overflow: hidden;overflow-y:scroll;}
.privacy-policy	a{text-decoration: none;color: #000}
.pp-checkbox	{display: block;margin:  1.5em 0 0.5em 0;text-align: center;}

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

#contactus	{padding: 50px 0}
#contactus	h3{margin-bottom: 30px;color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight:600;text-align: center}
#contactus	h4{margin-bottom: 30px;font-size: 1.5rem;font-weight:bold;text-align: center}

#contactus	.lead	{margin-bottom: 30px;text-align: center}
#contactus	.lead	span{display: inline-block;text-align: left}

.contact-tel-area	{margin:0 10% 50px 10%;padding: 20px 15px 30px 15px;border:6px solid var(--color-p1);text-align: center;}

#contactus	.text01	{font-size: 1.2rem;}
#contactus	.text02	{margin-bottom: 40px;font-size: 1.5rem;font-weight: bold;line-height: 2em;}
#contactus	.text02	.parts	{margin: 0 5px;padding: 5px;border: 1px solid #000;white-space: nowrap}
#contactus	.text02	strong{padding: 10px;font-size: 1.8rem;font-weight:700}

#contactus	.telnum	{margin: 0;padding: 25px 10px 10px 10px;color: #fff;background: var(--color-p1);font-size: 2rem;border-radius: 10px;}
#contactus	.telnum	a{font-size: 4rem;color: #fff;}


/*タッチで電話*/
#contactus	.balloon,.contactus-sp-telnum {display: none}

#contactus	.form-order	{margin-top: 20px;}

#mail	{padding: 30px;background:rgba(0,0,0,0.02);color: var(--color-p1);font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight:600;text-align: center}
#mail 	span:last-child	{display: block;padding: 5px;margin-top: 20px;background: var(--color-p6);font-size: 2.3rem;line-height: 1.5em}
#mail	strong{font-family: 'Roboto', sans-serif;font-weight: 400;}

@media screen and (max-width:980px) {
.contact-tel-area	{margin:0 0 50px 0;}
}

@media screen and (max-width:768px) {
#contactus	.text02	{margin-bottom: 0;}
#contactus	.text02	.parts	{display: inline-block;margin: 0 5px 15px;line-height: 1.5em;}

.contact-tel-area	{margin:0;}
#contactus	.telnum	{display: none}
}

@media screen and (max-width:640px) {
#contactus	.text02	strong{font-size: 1.5rem;}
}


@media screen and (max-width:480px) {
#mail	{padding: 30px 10px;}
#mail	span:first-child	{font-size: 5.5vw;}
#mail	span:last-child	{font-size: 7vw;}
}

/*----お問い合わせ SP用タップで電話ブロック---*/
@media screen and (max-width: 768px) {
.contactus-sp-telnum	{position: relative;display: block;width: 100%;padding: 20px 20px 20px 60px;background: var(--color-p1);}

.contactus-sp-telnum	.balloon1-right-sp {position: absolute;top: -10px;left: 20px;display: block;height: 100px;margin: 1.5em 15px 1.5em 0;width: 90px;height: 90px;z-index: 200}
.contactus-sp-telnum	.telnum-sp	{position: relative;display: block;width: auto;padding: 10px 20px 0 65px;background: #fff;border-radius: 10px 10px 10px 0;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 1.5rem;text-align: center;line-height: 60px;}
.contactus-sp-telnum	.telnum-sp	a{display: inline-block;color: #000;font-size: 3rem;text-decoration: none}
.contactus-sp-telnum	.telnum-sp		a:hover	{opacity: 1}
}
	
@media screen and (max-width:600px) {
.contactus-sp-telnum	.telnum-sp	a{font-size: 2.7rem;}
}
	
@media screen and (max-width:560px) {
.contactus-sp-telnum	.telnum-sp	{margin: 0 1% 3px 3%;padding: 10px 10px 5px 50px;letter-spacing: 0}
.contactus-sp-telnum	.telnum-sp	a{font-size: 2.5rem;}
}
@media screen and (max-width:520px) {
.contactus-sp-telnum	.telnum-sp	a{font-size: 2.4rem;}
}
@media screen and (max-width:500px) {
.contactus-sp-telnum	.telnum-sp	{margin: 0 1% 4px 3%;padding: 10px 10px 5px 45px;}
.contactus-sp-telnum	.telnum-sp	a{font-size: 1.9rem;}
}
@media screen and (max-width:440px) {
.contactus-sp-telnum	.balloon1-right-sp {width: 75px;height: 75px;}
.contactus-sp-telnum	.telnum-sp	{padding: 10px 15px 5px 35px;line-height: 45px;}
.contactus-sp-telnum	.telnum-sp	a{font-size: 1.8rem;}
}

@media screen and (max-width:414px) {
.contactus-sp-telnum	.telnum-sp	{padding: 10px 5px 5px 25px;line-height: 45px;font-size: 0.9rem;}
.contactus-sp-telnum	.telnum-sp	a{font-size: 1.8rem;}
}

@media screen and (max-width:375px) {
.contactus-sp-telnum	.telnum-sp	{padding: 10px 5px 5px 15px;line-height: 45px;font-size: 0.9rem;}
.contactus-sp-telnum	.telnum-sp	a{font-size: 1.5rem;}
}
		
@media screen and (max-width:360px) {
.contactus-sp-telnum	.balloon1-right-sp {top: -8px;width: 65px;height: 65px;}
.contactus-sp-telnum	.telnum-sp	{margin: 0 0 0 2%;padding: 10px 5px 5px 15px;line-height: 40px;font-size: 1.0rem;}
.contactus-sp-telnum	.telnum-sp	a{font-size: 1.6rem;}
}
	




#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{border:1px solid #ccc;padding:15px}
#formWrap	table.formTable th{width:30%;font-weight:400;background:rgba(0,0,0,0.05);vertical-align: middle;text-align:left}
#formWrap	table.formTable td{text-align:left}

/*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);border-radius: 5px;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;}
.zip	{display: block;margin-bottom: 0.5em;}
textarea	{width: calc(100% - 30px);}
.inputm	{margin-bottom: 1em;}

.recaptcha-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 30px;}
#warning	{display: block;text-align: center;font-size: 14px;}
#warning	span{display: inline-block;text-align: left;}
.g-recaptcha	{margin: 0 auto}

/*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{border: 3px solid  var(--color-p5);background: var(--color-p5);color: #fff}
.submitarea	a	{text-decoration: none;text-align: center}

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

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

@media screen and (max-width:572px) {
#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;}
}


/*-----------------------------------
　運営者情報
		-----------------------------------*/

#corporate-information	{padding: 50px 0;background: var(--color-p1);border-top: 1px solid #b3c8d0;}
#corporate-information	h3{margin-bottom: 40px;color: #fff;font-size: 1.8rem;font-weight:bold;text-align: center}
#corporate-information	table{}

#corporate-information	table{margin:0 auto;line-height:120%;}
#corporate-information	table{width:100%;margin:0 auto;border-collapse:collapse}
#corporate-information	table td,#corporate-information	table th{border:1px solid #999;padding:15px}
#corporate-information	table th{width:30%;font-weight:bold;background:#fff;color: var(--color-p1);text-align:left}
#corporate-information	table td	{background:#fff;text-align: left;}
#corporate-information	ul	li	{padding: 6px 0;}

@media screen and (max-width:572px) {
#corporate-information	table{width:95%;margin:0 auto}
#corporate-information	table td,#corporate-information	table th{width:auto;display:block}
#corporate-information	table th{margin-top:20px;border-bottom:0}

}

/**--COPYRIGHT--------------------*/
#copiright	{padding: 25px 10px;background:var(--color-p1);font-size: 0.8rem;color: #fff;border-top: 1px solid rgba(255,255,255,0.1);}


/**--PAGETOP--------------------*/
.pagetop{position: fixed;display: none;bottom: 10px; right: 10px;width: 100px;height: 100px;margin: 0;text-align: center;z-index: 20000;}
.pagetop    a{display: block;background: rgba(46,73,173,1.0);color: #fff;width: 100px;height: 100px;text-align: center;text-decoration: none;border-radius: 50%;border: 2px solid rgba(255,255,255,0.5);}

.pagetop	a	i{display: block;padding-top: 5px;font-size: 3rem;line-height: 1em;}
.pagetop	a	span	{display: block;font-size: 0.8rem;font-weight: bold;}
.pagetop    a:hover    {background: #2a73a1;color: #fff;}

@media screen and (max-width:768px) {
.pagetop{width: 60px;height: 60px;}
.pagetop    a{width: 60px;height: 60px;}
.pagetop	a	i{padding-top: 10px;font-size: 2rem;}
.pagetop	a	span	{display: none}
}

/*-----------------------------------
フォーム　確認画面
-----------------------------------*/

.confirm-area	{padding: 50px 0;}
.confirm-area	h3	{ margin-bottom: 50px;color: var(--color-p1);font-size: 2rem;text-align: center}
.confirm-area	.formTable	{ margin-bottom: 50px;}

/*------------------------
/////FADE/////////////////
------------------------*/

/*ひとつめのフェード*/
.fadeinf {animation-name: fadeinfanm;animation-duration: 1s;}
@keyframes fadeinfanm {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}


/*ふたつめ以降のフェード*/

.fadein {
	opacity : 0;
	transform : translate(0px, 100px);
	transition : all 1000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}


@keyframes fadein {
from {
opacity: 0.1;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*ふたつめ以降のフェードの中のフェード*/
.fadein.finfade {
	-moz-transition-delay: 40ms;
	-webkit-transition-delay: 40ms;
	-o-transition-delay: 40ms;
	-ms-transition-delay: 40ms;
	}

.slide-show{
	margin-top:20px;
}

.charctor{
	background: url(../image/wall.jpg) ;
	background-repeat: no-repeat ;
  background-size: cover;
	background-position:center center;
	margin: 0 auto;
	padding: 50px 0;
}
	

.charctor h2{

	margin-bottom: 30px;
	color: white;
	font-size: 2.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	line-height: 1.3em;
	text-align:center;

	padding: 20px;
	width: 100%;
}	

.paint-item-wrap{
	margin:0 3%;
	max-width:1200px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}	

@media screen and (min-width:1250px){
	
	.paint-item-wrap{
		margin: 0 auto;
	}
}

.paint-item{

	background:rgba(255,255,255,0.9);
	padding: 10px;
	width: 48%;
	margin-bottom: 40px;
}

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

	.paint-item-wrap{
		display: block;
	}

	.paint-item{
		width: 100%;
		margin: 20px 0;
	}
}

.paint-item-title{
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width:880px){
	.paint-item-title{
		display: block;
	}

	.paint-item-title h4{
		border-left: 13px solid #f7b54d;
		background-color: white;
	}
}

.paint-item-title h3{
	color: var(--color-p1);
	font-size: 1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	line-height: 1.3em;
	text-align:center;
	border-left: 13px solid #f7b54d;
	padding: 5px;
}

.paint-item-title h4{
	color: var(--color-p1);
	font-size: 1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	line-height: 1.3em;
	text-align:center;
	background-color: yellow;
	padding: 5px;
}

@media screen and (max-width:880px){
	.paint-item-title h4{
		background-color: transparent;
		font-size: 9vw;
	}
}

.orange-liner{
	border-top: 3px dotted orange;
}

.paint-item p{
	text-align:left;
}



.uv-slide-wrap{
	text-align: center;
	padding: 50px 0;
	background: url(../image/payment_bg.png) no-repeat top, linear-gradient(180deg,hsl(240deg 100% 100%) 0%,hsl(0deg 0% 100%) 30%,
hsl(28deg 100% 94%) 100%);background-size: 100% auto
}



.uv-slide-wrap	h2{margin-bottom: 50px;color: var(--color-p1);font-size: 2.4rem;font-family: 'Noto Sans JP', sans-serif;font-weight:600;line-height: 1.3em;text-align:center}

.uv-slide{
	max-width:1200px;
	margin: 0 3%;
}

@media screen and (min-width:1250px){
	
	.uv-slide{
		margin: 0 auto;
	}
}

.farbe{
	max-width:1200px;
	margin: 0 3%;
}

@media screen and (min-width:1250px){
	
	.farbe{
		margin: 0 auto;
	}
}

@media screen and (max-width:770px){
	.uv-slide-wrap	h2{
		font-size: 9vw;
	}
}



.working{
	max-width:1200px;
	margin: 0 3%;
}

@media screen and (min-width:1250px){
	
	.working{
		margin: 0 auto;
	}
}

.working h2{
	margin-bottom: 50px;
	color: var(--color-p1);
	font-size: 2.4rem;
	font-family: 'Noto Sans JP', sans-serif;font-weight:600;line-height: 1.3em;
	text-align:center;
	margin-top: 40px;
}

.working-item-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.working-item{
	width: 48%;
	margin-bottom: 40px;
}


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

	.working-item-wrap{
		display: block;
	}

	.working-item{
		width: 100%;
		margin: 20px 0;
	}

}

.privilege-wrap{
	width: 100%;
	height: auto;
		padding: 40px 0;
		background-color: #2e49af;
}

.greet{
	color: white;
	font-size: 40px;
	line-height:45px;
	margin-top: 40px;
}

.two-point-wrap{
	max-width:800px;
	margin: 0 auto;
	width: 80%;
}

.privilege-item-wrap{
	display: flex;
	max-width:1200px;
	margin: 0 auto;
	justify-content: space-around;
}

.privilege-item{
	width: 40%;
	margin: 20px auto;
}

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

	.greet{
		color: white;
		font-size: 6vw;
		line-height:6.5vw;
		margin-top: 40px;
		padding: 0 20px;
	}

	.privilege-item-wrap{
		display: block;
		padding: 0;
		margin: 0 3%;
	}

	.privilege-item{
		width: 100%;
		margin: 20px 0;
		padding: 0 20px;
	}

}