@charset "UTF-8";
/* CSS Document */

/*sp表示
--------------------------------------------*/

@media screen and (max-width:500px){
	
	.pc{
		display:none;
	}
	
	.sp{
		display:block;
	}
	
	
/*----------------------------------------------------------------------------------------
      top　index.html
-------------------------------------------------------------------------------------------*/
	
	.top-01 h3{
		width:65%;
	}
	
	.text-box-04{
		width:90%;
		text-align:justify;
		
	}
	
	.top-02 h3{
		width:32.2%;
	}
	
	.top-02-inner{
		flex-flow:column;
	}
	
	.top-02-inner div{
		width:75%;
		margin-bottom:5%;
	}
	
	.top-02-inner div p img{
		width:70%;
	}
	
	.top-03 h3{
		width:30.8%;
		margin-top:20%;
	}
	
	.top-03-inner{
		width:90%;
	}
	
	.top-03-inner h4{
	padding-top:5%;
	padding-bottom:5%;
}
	
	.top-03-inner .text-box-01{
		width:100%;
		font-size:1.8em;
		
		line-height:35px;
		
	}
	
	.top-04 h3{
		width:67.4%;
		margin-top:20%;
	}
	
	.text-box-02{
		position:static;
		width:90%;
	}
	
	.tb02-inner{
		line-height:40px;
		margin-top:8%;
	}
	
	.square_btn {
    padding: 0.5em 2em;
	}
	
	.top-05 h3{
		width:67.4%;
	}
	
	.top-05-inner{
		width:95%;
	}
	
	.step-left{
		width:90%;
		padding:0 2%;
	}
	
	.square_spbtn {
		font-size:2.0em;
	}
	
	.top-06 h3{
		width:54.4%;
		margin-top:15%;
	}
	
	.top-06-inner{
		width:95%;
	}
	
	.top-06-inner table{
		font-size:1.8em;
	}
	
	th{
		width:25%;
	}
	
	
	
	/*----------------------------------------------------------------------------------------
       medikidsとは　about.html
-------------------------------------------------------------------------------------------*/

	.text-box-03{
		width:90%;
	}
	
	.about-01 h3{
		padding-top:10%;
	}
	
	.about-01-inner{
		width:85%;
	}
	
	.about-img02{
		float:none;
		margin:0 auto;
		width:60%;
		margin-bottom:5%;
	
	}
	
	.about-profile{
		width:90%;
	}
	
	.top-05-b h3{
		width:67.4%;
	}
	
	.square_spbtn_b {
		padding:0.5em 1.0em;
	}
	
	.top-06-b h3{
		width:54.4%;
		margin-top:15%;
	}
	
	
	/*----------------------------------------------------------------------------------------
       サービス紹介　service.html
-------------------------------------------------------------------------------------------*/


.service-01{
	width:100%;
	
}

.service-01 h3.sp{
	font-size:3.0em;
	color:#ffffff;
	background-color:#FFBDB3;
}



/*----------------------------------------------------------------------------------------
       料金　price.html
-------------------------------------------------------------------------------------------*/


.price-01{
	
	width:90%;
}

.p1-box01{
	padding:6% 0;
}

.p1-box02 {
	margin:10% auto;
	margin-bottom:20%;
}

.p1-box02 p{
	padding:5% 0;
}

.price-02-inner, .price-03-inner, .price-04-inner{
	width:90%;
}

.price-02, .price-03, .price-04 {
	padding:20% 0;
}

.price-02-inner p, .price-03-inner p, .price-04-inner p{
	padding:6% 0;
}



/*----------------------------------------------------------------------------------------
      よくあるご質問　qa.html
-------------------------------------------------------------------------------------------*/


.qa-01{
	width:100%;
}

.qa-right p:first-child{
	font-size:1.8em;
}

.qa-right p:nth-last-of-type(1){
	font-size:1.5em;
	line-height:30px;
}

.qa-left img{
	width:80%;
	padding-top:25%;
}

.qa-right{
	padding-left:2%;
}

.qa-01-inner{
	padding:8% 2%;
}

.qa-left{
	padding-top:0;
}


/*----------------------------------------------------------------------------------------
     シッター募集採用　recruit.html
-------------------------------------------------------------------------------------------*/

.text-box-05{
	line-height:40px;
}



table.formTable ,
table.ia-sp{
	width:90%;
}

table.ia-sp,
	.ia-sp tbody,
	.ia-sp tr,
	.ia-sp th,
	.ia-sp td{
		display:block;
		
	}


table.formTable,
	.formTable tbody,
	.formTable tr,
	.formTable th,
	.formTable td{
		display:block;
		
	}
	
	table.ia-sp th,
	table.ia-sp td{
		width:100%;
		padding-left:2%;
		/*line-height:35px;*/
		font-size:0.8em;
	}
	
	
	
	
	table.ia-sp th{
		background:#F7F8F8;
	}
	
	
	
	
	
	table.formTable th,
	table.formTable td{
		width:100%;
	}
	
	table.formTable th{
		height:30px;
	}
	
	.submit_btn{
		width:80%;
		margin-top:10%;
		margin-bottom:15%;
	}
	
	
	
	.thanks_box{
		width:95%;
	}
	
	/*       固定お問い合わせボタン
------------------------------------------------*/


.floating{
	
}

.floating a {
  display: block;
  text-align:right;
  
  


  
}


.floating img{
	width:40%; 
	padding-bottom:3%;
	margin-right:2%;
}

		
	
}