/*最大ウインドウ幅を指定*/
@media screen and (max-width: 599px) {
	
	/*二重スクロールバー消し*/
	html {
		overflow-y: scroll;
	}
	
	.pc {
		display: none;
	}
	.mobile{
		display: block;
	}
	#bg1{
		background-color: #941d5c;
		width: 100%;
		height: 40px;
		-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,.6));
		filter: drop-shadow(0px 0px 4px rgba(0,0,0,.6));
	}
	#bg2{
		width: 100%;
		height: auto;
		background: #ddd;
		background-image: url(../images/bg.gif);
	}
	#bg3 {
		width: 100%;
		height: initial;
		background: #fff;
		border-top-right-radius: 2000px 350px;
		border-top-left-radius: 2000px 350px;
		margin-left: -200px;
		margin-right: -200px;
		padding-left: 200px;
		padding-right: 200px;
	}
	.txArea{
		max-width: 599px;
		position: relative;
		margin: 0 auto;
	}
	p.txt1 {
		position: initial;
		/*font-family: 'Noto Serif JP';*/
		font-weight: 400;
		font-size: 4vw;
		letter-spacing: 1px;
		color: white;
		text-align: center;
		padding: 2.5% 1.5% 0;
	}
	.pixta1{
		position: absolute;
		max-width: 45%;
		left: 0%;
		top: 15px;
	}
	.pixta2{
		position: absolute;
		max-width: 45%;
		right: 0%;
		top: 220px;
	}
	.pixta3{
		position: absolute;
		max-width: 35%;
		right: 0%;
		top: 1500px;
	}
	.ichimatsu1{
		position: absolute;
		max-width: 55px;
		right: 6%;
		top: 50px;
	}
	.ichimatsu2{
		position: absolute;
		max-width: 45px;
		left: 3%;
		top: 450px;
	}
	.ichimatsu3{
		position: absolute;
		max-width: 55px;
		right: 7%;
		top: 670px;
	}
	.ichimatsu4{
		position: absolute;
		max-width: 45px;
		left: 3%;
		top: 750px;
	}
	.ichimatsu5{
		position: absolute;
		max-width: 45px;
		left: 3%;
		top: 3850px;
	}
	.ichimatsu6{
		position: absolute;
		max-width: 55px;
		right: 8%;
		top: 5130px
	}
	.title1{
		width: 85%;
		margin: 0 auto;
		padding: 80px 0 10px 0;
	}
	p.txt3 {
	font-weight: 600;
	font-size: 8vw;
	letter-spacing: 1px;
	text-align: center;
	line-height: 12.5vw;
	color:#595757;
	margin-top:10px;
	
	}
	span.st1{
	font-size: 5vw;
	}
	.title2{
	width: 85%;
	margin: 0 auto;
	padding: 7% 0 1% 0;
	}
	.title2-2{
	width: 85%;
	margin: 0 auto;
	padding: 3.5% 0 0 0;
	}
	.title3{
	width: 95%;
	margin: 40px auto;
	padding: 0 0 0 1%;
	}
	.btn1{
	width: 85%;
	margin: -12% auto 0;
	}
	p.txt4 {
	font-weight: 500;
	font-size: 9vw;
	letter-spacing: 3.8px;
	line-height: 70px;
	color:#943c6a;
	margin: 0 auto;
	text-align: center;
	margin: 5% 0 -20px 0;
	}
	.underline{
	width: 15%;
	margin: 0 auto;
	padding: 0 0 3% 0;
	}
	p.txt5 {
	/*font-family: 'Noto Serif JP ExtraLight';*/
	font-weight: 200;
	font-size: 4.2vw;
	letter-spacing: 1px;
	text-align: center;
	line-height: 7.5vw;
	color:#595757;
	margin: 0 0 5% 3%;
}
.tate {
    margin: 0 auto;/*数値は任意で変更をお願いします。*/
	height: auto;
    position: relative;
    writing-mode: initial;/*縦書き*/
	padding: 0 6%;
}
p.txt6 {
    font-weight: 400;
    font-size: 3.9vw;
    letter-spacing: 1px;
    line-height: 7.5vw;
    color: #595757;
}
	p.txt7 {
	font-weight: 500;
	font-size: 3.7vw;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 30px;
	color:#595757;
	margin: 15% 0 3px 0;
	}
	.st2{
	font-size: 8.5vw;
	color:#943c6a
	}
	p.txt7-2 {
	font-weight: 500;
	font-size: 6.7vw;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 10.8vw;
	color:#595757;
	}
	.fukidashi{
		width: 88%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

/*3つの粉骨サービス*/
	.box-service {
		position: initial; 
		overflow: initial; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
	}
	.box-service ul {
		position: initial;
		left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
		float: initial;
	}
	.box-service ul li {
		position: initial;
		left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
		float: initial;
		list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
	}
	.service1{
		position: relative;
		margin: 8% auto 0;
		width: 88%;
		height: auto;
		box-sizing: border-box;
		border: solid #a8c47e 1px;
		background: #fff;
		float: initial;
	}
	.service2{
		position: relative;
		margin: 8% auto 0;
		width: 88%;
		height: auto;
		box-sizing: border-box;
		border: solid #74b18b 1px;
		background: #fff;
		float: initial;
	}
	.service3{
		position: relative;
		margin: 8% auto 0;
		width: 88%;
		height: auto;
		box-sizing: border-box;
		border: solid #69afb3 1px;
		background: #fff;
		float: initial;
	}
	.icon1{
		width: 10%;
		left: 45%;
		top:1%;
	}
	.txt50{
	/*font-family: 'Noto Serif JP Medium';*/
		position: initial;
		margin: -20% 0 0;
		font-weight: 400;
		font-size: 5vw;
		letter-spacing: 1px;
		line-height: 6.5vw;
		color:#fff;
	}
	.txt51{
		position: initial;
	/*font-family: 'Noto Serif JP Medium';*/
		font-weight: 400;
		font-size: 4.7vw;
		letter-spacing: 0px;
		line-height: 27px;
		margin: 10% auto 5%;
	}
	.txt50-2{
	/*font-family: 'Noto Serif JP Medium';*/
		position: initial;
		margin: -20% 0 0;
		font-weight: 400;
		font-size: 5vw;
		letter-spacing: 1px;
		line-height: 6.5vw;
		color:#fff;
	}
	p.txt8 {
		position: initial;
	/*font-family: 'Noto Serif JP';*/
		font-weight: 400;
		font-size: 4.2vw;;
		letter-spacing: 1px;
		line-height: 6.5vw;
		margin: 0 auto 10%;
		width: 90%;
		text-align: justify;
		color:#595757;
	}

.txt51-2{
	position: initial;
	font-weight: 400;
	font-size: 4.5vw;
	letter-spacing: -1px;
	line-height: 27px;
	margin: 10% 0 5% -4%;
}
	.tsume{
		letter-spacing: -8px;
	}
.txt51-3{
	/*font-family: 'Noto Serif JP Medium';*/
	position: initial;
	font-weight: 400;
	font-size: 4.7vw;
	letter-spacing: 0px;
	line-height: 27px;
	margin: 10% auto 5%;
}
.st50{
	color: #93ac6f;
}
.st50-2{
	color: #74b18b;
}
.st50-3{
	color: #69afb3;
}

p.txt8-2 {
	position: initial;
	/*font-family: 'Noto Serif JP';*/
		font-weight: 400;
		font-size: 4.2vw;;
		letter-spacing: 1px;
		line-height: 6.5vw;
		margin: 0 auto 10%;
		width: 90%;
		text-align: justify;
		color:#595757;
}
p.kotsutsubo{
	position: initial;
	margin: 0% 5% 5%; 
	width: 44%;
	
}
p.noukotsubukuro{
	position: initial;
	margin: -32.5% 0% 5% 51%;
	width: 44%;
	
	
}
/* end3つの粉骨サービス */



p.txt11 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 9vw;
	letter-spacing: 1.5px;
	line-height: 13vw;
	color:#943c6a;
	text-align: center;
	margin: 10% 0 0 0;
}
.sizedown{
	width: 90%;
	margin: 3% auto 0;
}
/*.sizedown{
	width: 62%;
	margin: 0 auto;
}*/

/* 料金表 */
p.txt12 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 9vw;
	letter-spacing: 3.8px;
	line-height: 70px;
	color:#943c6a;
	text-align: center;
	margin: 8% 0 -3% 0;
	padding: 0 0 0 0;
}
.box-syoukotsuzumi {
  position: relative; 
  overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}
.box-syoukotsuzumi ul {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: initial;
}
.box-syoukotsuzumi ul li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: initial;
  list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}
.syoukotsuzumi24{
	width: 90%;
	float: initial;
	margin: 3% auto 5%;
}
.syoukotsuzumi56{
		width: 90%;
	float: initial;
	margin: 0 auto 5%;
}
.syoukotsuzumi7{
	width: 90%;
	float: initial;
	margin: 0 auto 5%;
	
}
.dosoukotsutsubo{
	width: 90%;
	float: initial;
	margin: 0 auto 0%;
}
p.txt52{
	text-align: center;
	font-weight: 200;
	font-size: 3vw;
	margin: 1% 0 0 23%;
	letter-spacing: 1px;
	font-family: sans-serif;
}
.optionservice{
	width: 90%;
	margin: 3% auto;
	padding: 5% 0 8% 0;
}
/* end料金表 */


p.txt14 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 5.3vw;
	letter-spacing: 2.5px;
	text-align: center;
	line-height: 11vw;
	color:#595757;
	padding: 13% 0 0 0;
}
.st5{
	font-size: 9vw;
	color:#943c6a;
}


/* お客様のご感想 */
	.backimg{
		position:absolute;
		margin: 10% 0 0 0;
		z-index: -1;
		background-color: white;
		height:95%;
	}
	.backimg2{
		position:relative;
		margin: -115% 0 0;;
		z-index: -1;

	}
	.customerbg {
    margin: 0 0 0;
}
.customervoice {
  position: relative; 
  overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}

.customervoice ul {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: initial;
}

.customervoice ul li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: initial;
  list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}
.box-customer{
	border: solid #b1b1b1 1px;
	width: 90%;
	height: auto;
	box-shadow: #b1b1b1 3px 3px;
	background: #fff;
	margin: 5% auto;
}
p.txt15 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 5vw;
	letter-spacing: 1px;
	padding: 5% 0 0 4%;
	line-height: 7vw;
	color:#941d5c;
}
p.txt16 {
	/*font-family: 'Noto Serif JP';*/
	font-weight: 400;
	font-size: 4vw;
	line-height: 6vw;
	padding: 4% 0 5% 45%;
	width: 51%;
	text-align: justify;
	color:#595757;
	
	
}
p.txt18 {
	/*font-family: 'Noto Serif JP';*/
	font-weight: 400;
	font-size: 4vw;
	line-height: 6vw;
	padding: 4% 0 5% 45%;
	width: 51%;
	text-align: justify;
	color:#595757;
	letter-spacing: 0px;	
}
p.customer1{
	width: 40%;
	margin: -57% 0 0 2.5%;
	float: left;
	
}
p.txt53{
	text-align: center;
	font-weight: 200;
	font-size: 3vw;
	margin: -2% 0 0 5%;
	letter-spacing: -0.5px;
	font-family: sans-serif;
}
/* endお客様のご感想 */


p.txt24 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 6.7vw;
	letter-spacing: 1px;
	line-height: 10.8vw;
	text-align: center;
	color:#943c6a;
	text-align: center;
	padding: 20px 0 0;
}
.telarea{
	border-top: dotted #b1b1b1 1px;
	border-bottom: dotted #b1b1b1 1px;
	padding: 20px 0;
	width: 90%;
	height: auto;
	margin: 8% auto;	
}
p.telicon{
	position: initial;
	width: 7.5%;
	margin: 0 auto;
}
p.txt25 {
	/*font-family: 'Noto Serif JP Medium';*/
	position: initial;
	font-weight: 500;
	font-size: 5vw;
	letter-spacing: 2px;
	line-height: 0%;
	color:#595757;
	text-align: center;
	margin: 6% 0;
}
.rogokidosekizai{
	position: initial;
	width: 60%;
	margin: 10% auto 10%;
}
p.txt26 {
	/*font-family: 'Noto Serif JP Medium';*/
	position: initial;
	font-weight: 500;
	font-size: 8vw;
	letter-spacing: 2.8px;
	line-height: 0px;
	height: initial;;
	text-align: center;
	margin: 0 auto 10%;
}
.txt26 a{
	color:#941d5c;
}
p.txt54{
	position: initial;
	font-weight: 200;
	color:#595757;
	text-align: center;
}
	#formarea{
		height: 940px;
	}
.mailicon{
	width: 7.5%;
	margin: 0 auto 5%;
}
p.txt27 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 500;
	font-size: 5vw;
	letter-spacing: 2px;
	line-height: 30px;
	color:#595757;
	text-align: center;
	padding: 0 0 10%;
}
.floating-banner {
	position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 0%;/* バナーの上下の位置 */
    right: 0%;/* バナーの左右の位置 */
	}
	
	
.btn2{
	position: absolute;
	left: 52%;
	bottom: 17%;
	width: 15.5%;
}
.footer_rogo {
    margin: 20% auto 0;
    width: 40%;
}
p.txt28 {
	/*font-family: 'Noto Serif JP Medium';*/
	font-weight: 300;
	font-size: 2.5vw;
	letter-spacing: 0.1px;
	line-height: 30px;
	color:#595757;
	text-align: center;
	padding: 0 0 15%;
	}
	#page-top {
    position: fixed;
    bottom: 7%;
    right: 1%;
    cursor: pointer;
}
}