@charset "utf-8";
/* CSS Document */

/*---*---　全般　---*---*/

body{
	padding:0;
	margin:0 auto;
	max-width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
	font-size:16px;
	color:#313131;
	}

a{
	text-decoration:none;
	display:block;
	}

p,h1,h2,h3,h4,h5,img{
	margin:0;
	padding:0;}

.orange	{color:#F99A23;}
.green{color:#93D42E;}
.l-gray{color:#6e6e71}


/*---*---　配置　---*---*/

.f-right{
	float:right;
	}

.f-left{
	float:left;
	}

.clear{
	clear:both;
	overflow:hidden;
	}


.t-center{
	text-align:center;
	}

.mr10{margin-right:10px;}
.mb5{margin-bottm:5px;}
.mb10{margin-bottm:10px;}
.mb20{margin-bottm:20px;}
.mb30{margin-bottm:30px;}

lh1{line-height:1.0;}
lh2{line-height:2.0;}
lh3{line-height:3.0;}


.f12{font-size:0.75em;}
.f13{font-size:0.8em;}
.f14{font-size:0.875em;}
.f15{font-size:0.937em;}
.f16{font-size:1em;}
.f20{font-size:1.25em;}
.f24{font-size:1.5em;}

/*---*---　ヘッダー　---*---*/



.h-top{
	width:1020px;
	margin:0 auto;
	}

.top-left{
	float:left;
	}
	
.top-right{
	float:right;
	margin-top:1em;
	}

.time-tel{
	font-size:0.75em;
	font-weight:bold;
	text-align:right;
	}
	
.ico-tel{
	display:inline-block;
	vertical-align:middle;
	}

.txt-tel{
	display:inline-block;
	font-size:1.3em;
	text-align:right;
	}


/*---*---　コンテナー　---*---*/

.container{
	display: -webkit-flex; /* Safari */
	display: flex;	
	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;	
	height: auto;
	padding: 0;
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	margin-top:0;
	}

/*---*---　左　---*---*/

.main-1{
 	width: 600px;
	height: auto;
}

.main-1-inner1{
	margin: 1em 1em 2em 1em;	
	}
.main-1-inner1 img{
	width:95%;
	height:auto;
	}
.main-1-inner2 img{
	width:95%;
	height:auto;
	}

/*---*---　右　---*---*/

.main-2 {
	width: 420px;
	height: auto;
	margin-top: 0.8em;
}

.main-2-inner{
	width: 420px;
	height: auto;
	border: 2px solid #F99A23;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2em 0.5em 0.5em 0.5em;	
	position: relative;
}

.main-2-inner img{
	position: absolute;
	right: -1px;
	top:-10px;
	width: 100.5%;
	}

/*---*---　フォーム欄　---*---*/

section.page1{
	margin:1em 0 0 0;
	}

form.autoConfirm{
	max-width:100%;
	height:auto;
	}

.required-b{
	color: #FFF;
	padding: 0.4px 4px;
	margin-left: 8px;
	/*background-color: #2eb3e8;*/
	background-color: #ff5da3;
	font-size: 0.7em;	
	}

.any{
	color:#FFF;
	padding: 0.4px 4px;
	margin-left: 8px;
	background-color:#a6cf4c;
	font-size: 0.7em;	
	}



ul.form-box{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	height: auto;
	padding: 0;
	width: 400px;
	padding:0;
	}

li.form-ttl.form-shikaku{
	width:400px;
	height:auto;
	display:inline-block;
	font-size:0.9em;
}


.form-box li{
	list-style:none;
	}

legend{
	width:100%;
	font-size:1.1em;
	}

textarea{
	max-width:100%;
	height:auto;
	}

li.form-ttl{
	list-style: none;
	text-decoration: none;
 	/*width: 120px;*/
	width:100%;
	height: auto;
	display:inline-block;
	font-size:1.1em;
	margin-bottom:0.5em;
}

li.form-cont{
	list-style: none;
	text-decoration: none;
 	/*width: 280px;*/
	width:100%;
	height: auto;
	font-size:0.8em;
	display:inline-block;
	margin-bottom:2em;

}

.form-box li:last-child{
	}


.form-ttl br{
	  display:none;
 }


/*郵便番号検索*/

.post-search-btn a{
	width:50%;
	}

.add-search-btn a{
	float:right;
	width:50%;
	}


.d-none{
	display:none;
	}


/*保有資格*/

.shikaku-box{
	display: -webkit-flex; /* Safari */
	display: flex;	
	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
	justify-content: flex-start;;
	height: auto;
	margin: 0;
	padding: 0;
	width: 270px;	
	margin-bottom: 0.2em !important;
	}

.shikaku-box li{
	list-style:none;
	width:auto;
	height:auto;
	font-size:0.9em;
	margin-right: 1em;
	}


.shikaku-box li:last-child{
	}



.box-kiyaku{
	width: 90%;
	height: 1%;
	font-size: 0.75em;
	margin: 0 auto;
	padding: 0;
	display: inline-block;	
	}

	
.box-kiyaku li{
	list-style:none;
	}

.mail-ad{
	/*font-size:0.8em !important;*/
	/*transform: scale( 0.6 , 1 );*/
	display: inline-block;
	/*transform-origin: left top;*/ /* 基準を左下に */
	/*margin-right: 1em;*/   /* 右側に余白を追加 */
	/*margin-top: 0.1em;*/     /* 上側に余白を追加 */	
	}

.mail-ad2{
	}

.doui{
	margin-bottom:0;
	display:inline-block;
	}


/*利用規約の枠*/
.kiyaku{
	width: 400px;
	height: 70px;
	overflow: scroll;
	color: #666;
	font-size: 0.8em;
	}


.touroku{
	color: #F99A23;
	font-size: 1.25em;
	margin: 1.5em 0 0.5em 0;
	font-weight: bold;	
	}


/*確認ページ*/

.kakunin-box{
	display: -webkit-flex; /* Safari */
	display: flex;	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
	justify-content: space-between;
	height: auto;
	margin: 1em;
	padding: 0;
	width:400px;
	}

.kakunin-box li{
	list-style:none;
	}

.kakunin-box li.form-ttl{
	list-style: none;
	text-decoration: none;
 	width: 40%;
	height: auto;
	color:#F99A23;
	line-height:2.0;
}

.form-a{
	list-style: none;
	text-decoration: none;
	width: 55%;
	height: auto;
	line-height: 2.0;
	padding-right: 5%;
	}

.form-b{
	list-style: none;
	text-decoration: none;
 	width: 200px;
	height: auto;
	line-height:2.0;
	text-align:center;
}

/*確認、送信ボタン*/

input[type="button" i] {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #FFF;
    background-color: #90d229;
    box-sizing: border-box;
    padding: 0.5em 1em;
    border-width: 2px;
    border-style: outset;
    border-color: #90d229;
    border-image: initial;
	font-size:1em;
	font-weight:bold;
}

.correction{
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #FFF;
    background-color: #c7c3c3 !important;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: #c7c3c3 !important;
    border-image: initial;
}


/*入力内容をご確認くださいのテキスト*/


ul.kakunin-box2{
	max-width: 100%;
	height: auto;
	margin-top: 1em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding: 0;	
	}

.kakunin-box2 li{
	list-style: none;
	font-size: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #8fd229;
	display: inline-block;	
	}


/*送信完了*/
.kanryou{
	padding: 0.5em 0.5em 0.2em 0.5em;
	border-bottom: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	font-size: 1.1em;
	font-weight: bold;	
	}

.orei{
	font-size: 0.7em;
	line-height: 1.8;	
	}



/*エラー*/

.error{
	font-size:1.0em;
	margin:1em;
	}




/*---*---　バナーボックス　---*---*/

.bnr-box{
	width:1020px;
	margin:0 auto;
	background-image:url("../images/bg-2.gif");
	background-repeat:repeat-x;
	width:100%;
	z-index:-1;
	}

.bnr-box2{display:none;}



.main-1-inner3{
	position:absolute;
	margin-top:1%;
	}


.inner-box{
	display: -webkit-flex; /* Safari */
	display: flex;	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
	justify-content: space-between;
	height: auto;
	margin: 0;
	padding: 0;
	width:600px;
	position:relative;
	}

.inner-box li {
	list-style: none;
	text-decoration: none;
 	width: auto;
	height: auto;
	display:inline-block;
	margin:10px 10px 0 0;
}

.inner-box li img{
 	width: 140px !important;
	height: auto !important;
	margin-bottom:0.2em !important; 

}


.inner-box li:last-child{
	}

.inner-box li a{
	display:block;
	text-decoration:none;
	}
	
	

@media screen and (max-width: 1024px)  {
	

body{
	max-width:100%;
	margin-right:2%;
	margin-left:2%;
	}


/*---*---　ヘッダー　---*---*/

header{
	max-width:100%;
	margin-right:2%;
	margin-left:2%;
	}

.h-top{
	max-width:100%;
	margin:2%;
	}

.top-left{
	max-width:50%;
	}

.top-left a img{
	width:100%;
	height:auto;
	}	

.top-right{
	margin-top:0.3em;
	/*width:40%;*/
	line-height:2.0;
	margin-right:3%;
	}

.time-tel{
	font-size:0.8em;
	text-align: left;
	font-weight:normal;
	}
	
.ico-tel{
	display:inline-block;
	}

p.ico-tel{
	margin: 0;
	padding: 0;
	max-width: 80%;
}


.ico-tel img{
	max-width: 80%;
	height: auto;
	/*vertical-align: middle;*/
}

.txt-tel{
	display:inline-block;
	font-size:0.9em;
	text-align:right;
	/*margin-left:0.1em;*/
	}





/*---*---　コンテナー　---*---*/

.container{
	display: -webkit-flex; /* Safari */
	display: flex;	
	flex-wrap:wrap;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;	
	height: auto;
	padding: 0;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	margin-top:0;
	}


/*---*---　左　---*---*/

.main-1{
 	width:100%;
	height: auto;
	margin-bottom: 2em;
}

.main-1-inner1{
	margin: 1em;
	max-width:100%;	
	}
.main-1-inner1 img{
	max-width:90%;
	height:auto;
	}
.main-1-inner2 img{
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

/*---*---　フォーム　---*---*/

section.page1{
	margin:6em 0 0 0;
	}

.required-b{
	color: #FFF;
	padding: 0.1% 4%;
	margin-left: 4%;
	font-size: 0.9em;
	}

.any{
	color:#FFF;
	padding: 0.1% 4%;
	margin-left: 4%;
	font-size: 0.9em;
	}


input[type="checkbox" i] {
    margin: 3px 4px 4px 4px;
}

select{
	font-size:1em;
	}

input{
	font-size:1em;
	}

.mail-ad {
    font-size: 0.8em;
	width:100%;
	}

textarea{
	font-size:1em;
	max-width:100%;
	}	
	
ul.form-box{
	display: -webkit-flex; /* Safari */
	display: flex;	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
	justify-content: space-between;
	height: auto;
	/*margin: 0 0 0.8em 0;*/	
	padding: 0;
	width: 100% !important;
	}

.form-box li{
	list-style:none;
	}

.form-ttl{
	width: 100% !important;
	height: auto;
	font-size: 2em !important;	text-decoration: none;
	display: inline-block;
}



legend{
	width:100%;
	}

label{
	max-width:100%;
	}
.form-cont{
	list-style: none;
	text-decoration: none;
	max-width: 100%;
	height: auto !important;
	font-size:2em !important;
	width: 100% !important;
	margin-bottom:1em !important;
}

/*保有資格の選択肢ボックス*/

.shikaku-box {
    width: 100%;
}

#CareLicenceCd0.validate[required] checkbox


.form-birthday {
    margin-top: 0.2em;
	margin-bottom:0;
	}
	
.form-yuubin {
    margin-top: 0.5em;
	margin-bottom:0;
	}



.form-box li:last-child{
	}


/*規約の枠*/

.box-kiyaku {
    width: 100%;
    height: 10%;
    margin: 1em auto;
    padding: 0;
    display: inline-block;
	font-size:1.3em;
	}

.kiyaku {
	width: 100%;
	height: 2em;
    overflow: scroll;
    color: #666;
    font-size: 1.0em;
}



/*確認画面*/

.kakunin-box{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: inline-block;	
		}

.kakunin-box li.form-ttl{
		list-style: none;
		text-decoration: none;
		width: 100%;
		height: auto;
		color: #F99A23;
		font-size: 2em;
		margin:1em 0 0 0 ;
		}


.form-ttl-none{
	display:none;
	}
	
.form-a-none{
	display:none;
	}


.form-a{
	list-style: none;
	text-decoration: none;
 	width: 100%;
	height: auto;
	line-height:2.0;
	font-size:2em;
	margin-bottom:0.5em;
}

.form-b{
	list-style: none;
	text-decoration: none;
 	width: 100%;
	height: auto;
	line-height:2.0;
	text-align:left;
	font-size:2em;
}




/*入力内容をご確認くださいのテキスト*/


ul.kakunin-box2{
	max-width:100% ;
	height: auto;
	margin-top: 3em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding: 0;	
	}

.kakunin-box2 li{
	list-style: none;
	font-size: 1.4em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #8fd229;
	display: inline-block;	
}

/*修正、送信ボタン*/

input[type="button" i] {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #FFF;
    background-color: #90d229;
    box-sizing: border-box;
    padding: 0.2em 0.5em;
    border-width: 2px;
    border-style: outset;
    border-color: #90d229;
    border-image: initial;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
/*送信完了*/

.kanryou {
    padding: 0.7em 0 0.2em 0.5em;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px;
    border-right: #CCCCCC solid 1px;
	font-size:1.2em;
}

.touroku{
	margin: 2em 0 0 0.5em;
	color: #F99A23;
	font-size: 2em;	
	}
	
.orei{
	font-size:1.0em;
	line-height:2.0;
	}

/*---*---　右　---*---*/

.main-2 {
	width:100%;
	height: auto;
	margin-top: 0.8em;
}

.main-2-inner{
	width:100%;
	height: auto;
	border: 2px solid #F99A23;
	box-sizing: border-box;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	padding:0.8em 0.5em;
}

.main-2-inner img{
	position: absolute;
	top: -28px;
	right: -2px;
	width: 100.5%;
}



/*---*---　バナーボックス　---*---*/


.bnr-box{
	width:100%;
	height:auto;
	margin-right: auto;
	margin-left:auto;
	background-image:none;
	}

.bnr-box2{display:block !important;}

.main-1-inner3{
	display:none;
	}

.inner-box{
	display: -webkit-flex; /* Safari */
	display: flex;	
	flex-wrap:wrap;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;	
	height: auto;
	margin: 0;
	padding: 0;
	width:100%;
	}

.inner-box li {
	list-style: none;
	text-decoration: none;
	width:100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em;
}

.inner-box li img{
	display: block;
	width: 100% !important;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

.inner-box li:last-child{
	}

.inner-box li a{
	display:block;
	text-decoration:none;
	}
		
	
}

@media screen and (max-width: 414px)  {
	

body{
	max-width:100%;
	margin-right:2%;
	margin-left:2%;
	}


/*---*---　ヘッダー　---*---*/

header{
	max-width:100%;
	margin-right:2%;
	margin-left:2%;
	}

.h-top{
	max-width:100%;
	margin:2%;
	}

.top-left{
	width:50%;
	}

.top-left a img{
	width:90%;
	height:auto;
	}	

.top-right{
	margin-top:0.3em;
	line-height:1.0;
	margin-right:3%;
	}

.time-tel{
	font-size:0.7em;
	text-align: left;
	font-weight:normal;
	}
	
.ico-tel{
	display:inline-block;
	}

p.ico-tel{
	margin: 0;
	padding: 0;
	max-width: 20px;
}


.ico-tel img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.txt-tel{
	display:inline-block;
	font-size:0.8em;
	text-align:right;
	}





/*---*---　コンテナー　---*---*/

.container{
	display: -webkit-flex; /* Safari */
	display: flex;	
	flex-wrap:wrap;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;	
	height: auto;
	padding: 0;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	margin-top:0;
	}


/*---*---　左　---*---*/

.main-1{
 	max-width:100%;;
	height: auto;
	margin-bottom:1em;
}

.main-1-inner1{
	margin: 0 1em;	
	}
.main-1-inner1 img{
	max-width:90%;
	height:auto;
	}
.main-1-inner2 img{
	max-width:90%;
	height:auto;
	}

/*---*---　フォーム　---*---*/
section.page1 {
    margin: 0.5em 0 0 0;
}


.required-b{
	color: #FFF;
	padding: 0.1em 1em;
	margin-left: 1em;	
	font-size: 0.8em !important;
	}

.any{
	color:#FFF;
	padding: 0.1em 1em;
	margin-left: 1em;	
	font-size: 0.8em !important;
	}

.form-box{
	display: -webkit-flex; /* Safari */
	display: flex;	flex-wrap:wrap;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
	justify-content: space-between;
	height: auto;
	/*margin:0 0 0.5em 0;*/
	padding: 0;
	width:287px;
	}

.form-box li{
	list-style:none;
	}

.form-ttl{
	list-style: none;
	text-decoration: none;
 	width: 100%;
	height: auto;
	font-size:0.9em !important;
}

.form-cont{
	list-style: none;
	text-decoration: none;
 	width: 300px;
	height: auto;
	font-size:0.9em !important;
}

.form-birthday {
    margin-top: 0.2em;
	margin-bottom:0;
	}
	
.form-yuubin {
    margin-top: 0.5em;
	margin-bottom:0;
	}

.mail-ad {
    font-size: 1em !important;
}

.form-box li:last-child{
	}


.shikaku-box{
	width:287px;
	}






/*規約の枠*/
.box-kiyaku {
    width: 290px;
    height: 50px;
    font-size: 0.9em;
    margin: 1em auto;
    padding: 0;
    display: inline-block;
}
.kiyaku {
    width: 290px;
    height: 50px;
    overflow: scroll;
    color: #666;
    font-size: 0.9em;
}

/*確認画面*/

.kakunin-box li.form-ttl {
    list-style: none;
    text-decoration: none;
    width: 100%;
    height: auto;
    color: #F99A23;
    line-height: 2.0;
    font-size: 0.9em;
}

.form-a {
    list-style: none;
    text-decoration: none;
    width: 100%;
    height: auto;
    line-height: 2.0;
    font-size: 1em;
    margin-bottom: 0.1em;
}

.form-b {
    list-style: none;
    text-decoration: none;
    width: 100%;
    height: auto;
    line-height: 2.0;
    text-align: left;
    font-size: 1em;
}


input[type="button" i] {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #FFF;
    background-color: #90d229;
    box-sizing: border-box;
    padding: 0.2em 0.5em;
    border-width: 2px;
    border-style: outset;
    border-color: #90d229;
    border-image: initial;
    font-size: 1em;
	font-weight:bold;
    margin-bottom: 0.5em;
}


/*入力内容をご確認くださいのテキスト*/


ul.kakunin-box2{
	max-width:100% ;
	height: auto;
	margin-top: 0.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding: 0;	
	}

.kakunin-box2 li{
	list-style: none;
	font-size: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #8fd229;
	display: inline-block;	
}






/*送信完了*/

.kanryou {
    padding: 0.5em 0 0.2em 0.5em;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px;
    border-right: #CCCCCC solid 1px;
	font-size:1.0em;
}

.touroku{
	margin:1em 0 0.5em 0;
	color:#F99A23;
	font-size:1.2em;
	}
	
.orei{
	font-size: 0.7em;
	line-height: 1.5;	
	}

/*---*---　右　---*---*/

.main-2 {
	max-width:100%;
	height: auto;
	margin-top: 0.8em;
}

.main-2-inner{
	max-width:100%;
	height: auto;
	border: 2px solid #F99A23;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	padding:2em 0.5em;
}

.main-2-inner img{
	position: absolute;
	top: -8px;
	right: -0.5px;
	max-width: 120% !important;	
	}



/*---*---　バナーボックス　---*---*/


.bnr-box{
	max-width:100%;
	margin:0 auto;
	background-image:none;
	width:300px !important;
	}

.bnr-box2{display:block !important;}



.main-1-inner3{
	display:none;
	}
.inner-box{
	display: -webkit-flex; /* Safari */
	display: flex;	flex-wrap:wrap;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;	
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	}

.inner-box li {
	list-style: none;
	text-decoration: none;
	max-width: 100% !important;
	height: auto !important;	
	margin-bottom: 0;
}

.inner-box li img {
	max-width: 100% !important;
	height: auto !important;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0.1em !important;
}


.inner-box li:last-child{
	}

.inner-box li a{
	display:block;
	text-decoration:none;
	}
		
	
}
