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


/*----------------------------------------------------------------------------------------
      top　index.html
-------------------------------------------------------------------------------------------*/


/*.top-01{
	box-sizing:border-box;
	width:70%;
}*/

.top-01 h3{
	width:31.5%;
	margin-top:10%;
	margin-bottom:2%;
}

.subindex{
	margin-bottom:5%;
}

.text-box-04{
	box-sizing:border-box;
	width:70%;
}

.text-box-04 p{
	margin-bottom:5%;
}

.bk-hana{
	background:url("../img/bk-hana.jpg") no-repeat;
	background-size:cover;
	width:100%;
	margin-bottom:10%;
}
	

.top-02 h3{
	width:16.1%;
	padding-top:10%;
	padding-bottom:2%;
}

.top-02-inner{
	display:flex;
	margin:8% 0;
}

.top-02-inner h4{
	font-size:2.4em;
	font-weight:normal;
	padding:3.5% 0;
	
}

.top-02-inner div{
	width:25%;
}

.top-02-inner p{
	text-align:left;
	font-size:1.8em;
	text-align:justify;
	line-height:30px;
}


.top-03 h3{
	width:15.4%;
	margin-top:10%;
	margin-bottom:2%;
}

.top-03-inner{
	box-sizing:border-box;
	width:80%;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;

}

.top-03-inner h4{
	padding-top:5%;
	padding-bottom:5%;
}
.top-03-inner .text-box-01{
	box-sizing:border-box;
	width:60%;
	margin-right:10%;
	font-size:2.0em;
	text-align:left;
	line-height:40px;
	padding-bottom:5%;
}

.top-04 h3{
	width:33.7%;
	margin-top:10%;
	margin-bottom:2%;
}

.top-04-inner{
	position:relative;
}

.text-box-02{
	position:absolute;
	width:75%;
	background-color:#ffffff;
	bottom:-30%;
	left:12.5%;
}

.tb02-inner{
	margin-bottom:8%;
	line-height:60px;
}



.top-05{
	margin-top:20%;
}

.top-05 h3{
	width:33.7%;
	padding-top:10%;
	margin-bottom:2%;
}

.top-05-inner{
	box-sizing:border-box;
	width:60%;
}

.cp{
	padding-bottom:2%;
}

.step-right-02{
	padding:0 2%;
}
.step-right-03{
	padding:0 10%;
}



.top-06 h3{
	width:27.2%;
	margin-top:10%;
	margin-bottom:2%;
}

.top-06-inner{
	box-sizing:border-box;
	width:70%;
}

.top-06-inner th {
    padding: 8px 0;
    width: 20%;
    height: 25px;
    text-align: left;
	font-weight:normal;
}

td {
    padding: 8px 0;
}

/*----------------------------------------------------------------------------------------
       medikidsとは　about.html
-------------------------------------------------------------------------------------------*/


.about-top{
	background:url("../img/about.jpg") no-repeat;
	background-size:cover;
}

.about-top h2{
	color:#ffffff;
	padding:15% 0;
}

.text-box-03{
	padding:5% 0;
	box-sizing:border-box;
	width:75%;
	background:url("../img/bk-hanabira03.png") repeat;
	background-size:contain;
}

.text-box-03 h3{
	padding-bottom:10%;
	padding-top:5%;
}

.tb03-inner{
	width:70%;
}

.text-box-03 p{
	padding-bottom:5%;
	line-height:40px;
}

p.tb03-last{
	line-height:50px;
}

.about-01 h3{
	padding:5% 0;
}

.about-01-inner{
	box-sizing:border-box;
	width:80%;
}

.about-img02{
	width:35%;
}

.about-message{
	overflow:hidden;
}

.txa-left{
	text-align:justify;
}

.about-img02{
	float:right;
	margin-left:5%;
	margin-bottom:2%;
}

.about-profile{
	box-sizing:border-box;
	width:80%;
	padding-bottom:5%;
}

.about-profile h4{
	padding:5% 0;
}

.top-05-b{
	margin-top:5%;
}

.top-05-b h3{
	width:33.7%;
	padding-top:10%;
	margin-bottom:2%;
}

.top-05-inner-b{
	box-sizing:border-box;
	width:100%;
}

.cp{
	padding-bottom:2%;
}

.top-06-b{
	margin-bottom:10%;
}

.top-06-b h3{
	width:27.2%;
	margin-top:10%;
	margin-bottom:2%;
}





/*----------------------------------------------------------------------------------------
       サービス紹介　service.html
-------------------------------------------------------------------------------------------*/
.service-top{
	background:url("../img/service.jpg") no-repeat;
	background-size:cover;
}

.service-top h2{
	color:#ffffff;
	padding:15% 0;
}

.service-01{
	box-sizing:border-box;
	width:72%;
	margin-bottom:10%;
}

.service-01 h2{
	padding:8% 0;
	font-weight:lighter;
}

.step{
	display:flex;
	padding:5% 0;
	align-items: center;
}

.step-left{
	box-sizing:border-box;
	width:70%;
	padding:0 5%;
}

.step-left h3,
.step-left .txt-left{
	text-align:left;
}

.step-left h3{
	color:#FFBDB3;
	padding-bottom:3%;
	font-size:3.0em;
}

.step-left .txt-left{
	font-size:1.8em;
	line-height:35px;
	text-align:justify;
}

.step-right{
	box-sizing:border-box;
	width:30%;
	padding:0 7%;
}

.bou img{
	width:3%;
	padding-bottom:1%;
}
.bou{
	border-bottom:solid 1px #8E8F8F;
	}


/*----------------------------------------------------------------------------------------
       料金　price.html
-------------------------------------------------------------------------------------------*/
.price-top{
	background:url("../img/price.jpg") no-repeat;
	background-size:cover;
}

.price-top h2{
	color:#ffffff;
	padding:15% 0;
	
}

.price-01{
	box-sizing:border-box;
	width:72%;
}

.price-01 h2{
	margin-top:10%;
	margin-bottom:2%;
}

.p1-box01{
	display:flex;
  justify-content:space-between;
	padding:3% 0;
	font-size:1.8em;
}

.p1-box-left{
	margin-left:2%;
}

.p1-box-right{
	margin-right:2%;
}

.p1-box02{
	border:6px solid #FFBDB3;
	padding:1%;
	margin:5% auto;
}

.p1-box02 p{
	text-align:left;
	padding:2% 0;
}

.dotbou{
	border-bottom:dotted 1px #8E8F8F;
	}
	
.price-02,
.price-03,
.price-04{
	padding:10% 0;
}

.price-02 h2,
.price-03 h2,
.price-04 h2{
	padding-bottom:3%;
}
	
.price-02-inner,
.price-03-inner,
.price-04-inner{
	box-sizing:border-box;
	width:72%;
}

.price-02-inner p,
.price-03-inner p,
.price-04-inner p{
	padding:3% 0;
	text-align:left;
	padding-left:2%;
}

.price-02-inner .bk-white span {
	display: inline-block;
	width: 100px;
}


/*----------------------------------------------------------------------------------------
      よくあるご質問　qa.html
-------------------------------------------------------------------------------------------*/
.qa-top{
	background:url("../img/qa.jpg") no-repeat;
	background-size:cover;
}

.qa-top h2{
	color:#ffffff;
	padding:15% 0;
}

.qa-01{
	padding:10% 0;
	box-sizing:border-box;
	width:72%;
}

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

.qa-left{
	box-sizing:border-box;
	width:10%;
	padding-top:1.5%;
}

.qa-left img{
	width:50%;
}
	

.qa-right{
	box-sizing:border-box;
	width:90%;
}

.qa-right p:first-child{
	font-size:2.0em;
	font-weight:bold;
	line-height:40px;
}

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

.qa-right p{
	text-align:left;
	padding:1% 0;
}

.uebou{
border-top:solid 1px #8E8F8F;
	}
	
	
	
/*----------------------------------------------------------------------------------------
     シッター募集採用　recruit.html
-------------------------------------------------------------------------------------------*/
.recruit-top{
	background:url("../img/recruit.jpg") no-repeat;
	background-size:cover;
}

.recruit-top h2{
	color:#ffffff;
	padding:15% 0;
}

.obi{
	padding:3% 0;
}

.obitop{
	margin-top:8%;
	margin-bottom:5%;
}

.text-box-05{
	padding:8% 0;
	line-height:50px;
	background:url("../img/bk-hanabira01.png") no-repeat;
	background-size:contain;
}

th{
    
    width: 20%;
  
    text-align: left;
	font-weight:normal;
}

table.ia-sp th{
	padding:8px 0;
}



/*-------------------------------------------------------
  フォームの設定
---------------------------------------------------------*/


#formWrap,
#formWrap_02 {
	width:100%;
	margin:0 auto;
	color:#000000;
	/*line-height:120%;
	font-size:120%;*/
}
table.formTable{
	box-sizing:border-box;
	width:70%;
	margin:0 auto;
	border-collapse:collapse;
	
}

table.formTable td{
	/*<!--border:1px solid #ccc;-->*/
	padding:10px;
	box-sizing:border-box;
	width:65%;
}
table.formTable th{
	/*width:40%;*/
	/*font-weight:normal;*/
	/*background:#efefef;*/
	text-align:left;
	/*padding-left:10%;*/
	box-sizing:border-box;
	width:35%;
	padding:10px;
	font-weight:100;
}

/*tbody{
	padding-left:10%;
}*/

.ml{
  /*margin-left:8px;*/
  margin-right:12px;
}

.dt{
	width:150px;
	font-size:100%;
}


textarea {
    resize: vertical;
}
  
input,
textarea{
  border: 1px solid #CCCCCC;
  width:100%;
  border-radius:5px;
}


input[type=text]{
	height:40px;
}

.submit_btn{
	padding:15px;
	border-radius:12px;
	 transition: .4s;
	width:25.3%;
	color:#ffffff;
	box-shadow:none;
	margin:5% 0;
	background-color:#A1B5DF;
}

.submit_btn:hover{
	color:#ffffff;
	background: #67c5ff;
   
}


/*----------------------------------------------------------------------------------------
     お問い合わせ　contact.html
-------------------------------------------------------------------------------------------*/

input[type=radio]{
	width:5%;

}

.obitop02{
	margin-top:2%;
	margin-bottom:1%;
}


/*-------------------------------------------------------------------------
                 6【 サンクスページ 】 thanks.html
---------------------------------------------------------------------------*/

.thanks_box{
	margin:0auto;
	text-align:center;
	padding:10%;
}

.thanks_box{
	box-shadow:0 0 8px #E3E3E3;
	box-sizing:border-box;
	width:74%;
	border-top:solid 5px #FFBDB3; 
	border-bottom:solid 5px #FFBDB3; 
	color:#4D4D4D;
	margin:8% auto;
}