@charset "utf-8";
@font-face{
	font-family:'Noto Sans JP';
	font-style:normal;
	font-weight:400;
	src:url('/font/NotoSansCJKjp-Regular.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf') format('opentype');
}
@font-face{
	font-family:'Noto Sans JP';
	font-style:normal;
	font-weight:500;
	src:url('/font/NotoSansCJKjp-Medium.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf') format('opentype');
}
@font-face{
	font-family:'Noto Sans JP';
	font-style:normal;
	font-weight:700;
	src:url('/font/NotoSansCJKjp-Bold.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf') format('opentype');
}
body{
	font-family:'Noto Sans JP',sans-serif;
}
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
.sp_br{
	display:none;
}
.pc_br{
	display:inline;
}
.w960{
	width:960px;
	margin:0 auto;
}
.tel,
.btn_recruit{
	display:flex;
	align-items:center;
	padding:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	border-radius:5px;
	color:#ffffff;
	font-size:24px;
	transition:all 0.3s;
}
.tel{
	background:rgba(128,205,243,1);
}
.btn_recruit{
	background:#A4CE2A;
}
.tel i,
.btn_recruit i{
	margin:0 5px;
	color:#ffffff;
}
.tel:hover,
.btn_recruit:hover{
	box-shadow:0 2px 7px rgba(0,0,0,0.5);
}
.arrow{
	position:relative;
	margin:0 7px;
}
.arrow:before{
	content:"";
	position:absolute;
	top:5px;
	left:0;
	width:10px;
	height:10px;
	border-right:solid 4px #fff;
	border-bottom:solid 4px #fff;
	transform:rotate(-45deg);
}
#page-top{
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:30px;
	font-weight:bold;
	z-index:9999;
	transition:0.1s linear;
}
#page-top a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:45px;
	height:45px;
	padding:10px;
	background-color:rgba(255,177,190,0.85);
	box-shadow:0 22px 10px -8px rgba(255,177,190,0.45);
	border-radius:5px;
	color:#fff;
	transition:0.1s linear;
}
#page-top:hover{
	-webkit-transform:scale(0.95);
	transform:scale(0.95);
}
#page-top:hover a{
	background-color:rgba(240,98,146,0.85);
	box-shadow:0 4px 5px rgba(240,98,146,0.65);
}
/*============================== header start ==============================*/
.common_header .link-anim-destination{
	position:relative;
	display:inline-block;
	overflow:hidden;
	display: block;
	width:150px;
	height:35px;
	text-align:center;
	border-right:solid 1px #ddd;
}
.common_header .link-anim-destination span{
	position:relative;
	display:inline-block;
	line-height:35px;
	transition:transform 0.3s;
}
.common_header .link-anim-destination span::before{
	position:absolute;
	white-space:nowrap;
	top:100%;
	content:attr(data-hover);
	text-decoration: none;
	border-bottom:1px solid #FFF799;
	box-shadow:inset 0 -6px 0 #FFF799;
}
.common_header .link-anim-destination:hover span,
.common_header .link-anim-destination:focus span{
	transform:translateY(-100%);
	font-weight:bold
}
.header_sp{
	display:none;
}
/*============================== header end ==============================*/

/*============================== company_info start ==============================*/
.company_info{
	display:block;
}
.company_info h1{
	margin:100px 0 50px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.company_info hr{
	border-top: 1px solid #999999;
	border-bottom: none;
	margin-bottom:50px;
}
.company_info .contentsbox{
	overflow:hidden;
	max-width:660px;
	width:100%;
	margin:0 auto 75px;
	font-size:14px;
	color:#37474f;
}
.contentsbox .left{
	width:220px;
	float:left;
	font-weight:bold;
}
.contentsbox .right{
	max-width:440px;
	width:100%;
	float:left;
	line-height:23px;
}
/*============================== company_info end ==============================*/

/*============================== privacy start ==============================*/
.privacy{
	flex-flow:column wrap;
	margin-bottom:100px;
}
.privacy h1{
	margin:100px 0 50px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.privacy hr{
	border-top: 1px solid #999999;
	border-bottom: none;
	margin-bottom:50px;
}
.privacy div{
	line-height:1.5em;
}
.privacy .right{
	margin-bottom:50px;
	align-self:flex-end;
	text-align:right;
}
.privacy li{
	margin:1.5em 0 1.5em 2em;
	list-style-type:lower-alpha;
	line-height:1.5em;
}
/*============================== privacy end ==============================*/

/*============================== sct start ==============================*/
.sct .company_info .contentsbox{
	max-width:850px;
}
.sct .contentsbox .right{
	max-width:630px;
}
.sct .cancel *{
	line-height:1.3em;
}
.sct .cancel ul{
	margin-top:1em;
}
.sct .cancel li{
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:1em;
}
.sct .cancel .kome{
	font-size:14px;
}
/*============================== sct end ==============================*/

.boxstyle{
	min-height:calc(100vh - 120px - 164px);
}
.boxstyle div{
	display:flex;
	flex-flow:column wrap;
	justify-content:flex-start;
	width:557px;
	height:330px;
	margin:100px auto;
	box-sizing:border-box;
	padding:60px 50px;
	border-radius:5px;
	background:#eee;
	box-shadow:0 3px 4px -2px rgba(0,0,0,0.5);
}
.boxstyle p{
	margin-bottom:1em;
	line-height:1.2em;
	font-size:14px;
}
.boxstyle .email{
	color:#41B8F3;
}
.boxstyle .btn_green,
.boxstyle .btn_blue{
	margin-top:auto;
}
.btn_blue,
.btn_green{
	display:flex;
	justify-content:center;
	align-items:center;
	width:230px;
	height:41px;
	margin:0 auto;
	border-radius:5px;
	color:#fff;
	font-size:20px;
}
.btn_green{
	background:#57d483;
	box-shadow:0 5px 18px rgba(87,212,131,0.56);
}
.btn_blue{
	background:#26c6da;
	box-shadow:0 5px 18px rgba(38,198,218,0.56);
}
.fw-b{
	font-weight:bold;
}
.tos,
.tos p,
.tos li{
	line-height:1.3em;
}
.tos section{
	margin:50px 0;
}
.tos h1{
	margin:100px auto 50px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.tos hr{
	border-top: 1px solid #999999;
	border-bottom: none;
	margin-bottom:50px;
}
.tos h2{
	margin-bottom:1em;
	font-size:26px;
}
.tos h3{
	margin-bottom:1em;
	font-size:20px;
}
.tos li{
	list-style-type:decimal;
}
.tos section > ol > li:nth-of-type(n+2){
	margin-top:0.5em;
}
.tos ol{
	margin-left:2em;
}
.tos a{
	color:#52B1E0;;
}
.tos section section{
	margin-left:16px;
}
/*============================== memberpage start ==============================*/
.wrapper_member{
	min-height:calc(100vh - 65px - 212px);
	box-sizing:border-box;
	padding:50px 0;
}
.wrapper_member .w960{
	display:flex;
}
.wrapper_member .w960:first-of-type{
	margin-bottom:30px;
}
.wrapper_member .pass{
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
	width:100%;
}
.wrapper_member .pass dl:after{
	content:"";
	display:block;
	clear:both;
}
.wrapper_member .pass dt{
	width:200px;
	line-height:33px;
	clear:both;
	float:left;
}
.wrapper_member .pass dd{
	float:left;
}
.wrapper_member .pass dt:nth-of-type(n+2),
.wrapper_member .pass dd:nth-of-type(n+2){
	margin-top:20px;
}
.wrapper_member .pass input{
	padding:5px;
	border:solid 1px #aaa;
	border-radius:5px;
	line-height:21px;
}
.wrapper_member .pass button{
	display:block;
	margin:20px auto 0;
	padding:10px 20px;
	background:orange;
	box-shadow:0 6px 6px -3px rgba(141,94,0,0.3);
	border:none;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
}
.data_info{
	display:flex;
	max-width:960px;
	width:100%;
	margin:auto;
	padding:10px;
	box-sizing:border-box;
	border:solid 1px #ddd;
	border-radius:5px;
}
.data_info:first-of-type{
	justify-content:flex-start;
}
.data_info:not(:last-of-type){
	margin-bottom:20px;
}
.data_info > div:nth-of-type(2n-1){
	width:80%;
	padding-right:10px;
	box-sizing:border-box;
}
.data_info > div:nth-of-type(2n){
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-left:10px;
	border-left:solid 1px #ddd;
	box-sizing:border-box;
}
.data_info table{
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
}
.data_info tr{
	border-bottom:solid 1px #ddd;
}
.data_info tr:last-of-type{
	border-bottom:none;
}
.data_info th,
.data_info td{
	padding:10px 0 10px 10px;
	line-height:1.3em;
}
.data_info th{
	width:150px;
	text-align:left;
}
.data_info #station p:nth-of-type(n+2){
	margin-top:10px;
}
.data_info .image img{
	max-width:100%;
}
.data_info .emergencytable{
	border-bottom:solid 1px #ddd;
}
.data_info .emergencytable:last-of-type{
	border-bottom:none;
}
.data_info .emergencytable:not(:last-of-type),
.data_info .kidstable:not(:last-of-type){
	margin-bottom:20px;
}
.data_info .emergencytable:nth-of-type(n+2),
.data_info .kidstable:nth-of-type(n+2){
	margin-top:10px;
}
.data_info .kidstable:not(:last-of-type) tr:last-of-type{
	border-bottom:solid 1px #ddd;
}
.data_info > div:nth-of-type(2n) a{
	width:150px;
	padding:5px;
	background:orange;
	border-radius:5px;
	box-shadow:0 6px 6px -3px rgba(141,94,0,0.3);
	text-align:center;
	color:#fff;
}
#radio1,#radio2,#radio3,#radio4,
#tab1,#tab2,#tab3,#tab4{display:none;}

/*============================== memberpage end ==============================*/

/*============================================== 959以下 ============================================== */
@media screen and (max-width:959px){
	.w960{
		width:100%;
	}
	.privacy{
		box-sizing:border-box;
		padding:0 16px;
	}
	.tos{
		margin:0 20px;
	}
	.company_info .contentsbox,
	.contentsbox .left,
	.contentsbox .right{
		width:auto;
	}
	.company_info .contentsbox{
		display:flex;
		flex-flow:column nowrap;
		align-items:center;
	}
	.contentsbox .left{
		margin-bottom:20px;
		text-align:center;
	}
	.company_info .contentsbox{
		box-sizing:border-box;
		padding:0 8px;
	}
	.boxstyle{
		min-height:calc(100vh - 55px - 243px);
	}
	/*============================== memberpage start ==============================*/
	.wrapper_member{
		min-height:calc(100vh - 55px - 212px);
	}
	.wrapper_member .w960,
	.data_info{
		flex-wrap:wrap;
		width:calc(100% - 20px);
		margin:0 10px;
	}
	/*============================== memberpage end ==============================*/
}
/*============================================== 599以下 ============================================== */
@media screen and (max-width:599px){
	#page-top a{
		width:45px;
		height:45px;
		padding:3px;
		box-shadow:0 5px 10px rgba(255,177,190,0.45);
	}
	#page-top a:hover{
		box-shadow:0 5px 10px rgba(240,98,146,0.45);
	}
	.boxstyle div{
		width:calc(100% - 10px);
		margin:50px auto;
		padding:30px 10px;
	}
	.boxcontainer .colorbox{
		flex:0 0 auto;
	}
	.boxcontainer div:not(.colorbox){
		flex:1 0 auto;
		padding-top:16px;
		padding-left:0;
		font-size:14px;
	}
	.tos{
		margin:0 10px;
	}
	/*============================== memberpage start ==============================*/
	.wrapper_member{
		min-height:calc(100vh - 55px - 380px);
	}
	.wrapper_member,
	.wrapper_member a,
	.wrapper_member i{
		font-size:14px;
	}
	.wrapper_member .pass dt{
		float:none;
	}
	.wrapper_member .pass dt:nth-of-type(n+2),
	.wrapper_member .pass dd:nth-of-type(n+2){
		margin-top:0;
	}
	.wrapper_member .w960,
	.data_info{
		width:calc(100% - 10px);
		margin:0 5px;
		font-size:14px;
	}
	.data_info{
		display:none;
		border-radius:0 0 5px 5px;
	}
	.data_info:nth-of-type(n+2){
		margin-top:0;
	}
	.data_info > div:nth-of-type(2n-1),
	.data_info > div:nth-of-type(2n){
		width:100%;
	}
	.data_info > div:nth-of-type(2n-1){
		padding-right:0;
	}
	.data_info > div:nth-of-type(2n){
		padding-left:0;
		padding-top:10px;
		border-left:none;
	}
	#radio1:checked ~ #panel1,
	#radio2:checked ~ #panel2,
	#radio3:checked ~ #panel3,
	#radio4:checked ~ #panel4{
		display:flex;
	}
	#tab1,#tab2,#tab3,#tab4{
		display:inline-block;
		width:calc((100vw - 10px) / 4);
		height:40px;
		margin-top:20px;
		box-sizing:border-box;
		box-shadow:0 -4px 10px -8px rgba(0,0,0,0.2) inset;
		border:solid 1px #ddd;
		border-bottom:none;
		border-radius:5px 5px 0 0;
		text-align:center;
		line-height:40px;
		font-size:14px;
	}
	#tab1{
		margin-left:5px;
	}
	#radio1:checked ~ #tab1,
	#radio2:checked ~ #tab2,
	#radio3:checked ~ #tab3,
	#radio4:checked ~ #tab4{
		box-shadow:0 -1px 5px 0px rgba(0,0,0,0.2);
		background:orange;
		color:#fff;
	}
	.data_info tr:after{
		content:"";
		display:block;
		clear:both;
	}
	.data_info th,
	.data_info td{
		width:100%;
		padding:10px 10px 10px 10px;
		box-sizing:border-box;
		float:left;
		font-size:14px;
	}
	/*============================== memberpage end ==============================*/
}
/*============================================== 480以下 ============================================== */
@media screen and (max-width:480px){
	.sp_br{
		display:inline;
	}
	.pc_br{
		display:none;
	}
	.tel,
	.btn_recruit{
		justify-content:center;
		padding:10px 20px;
		box-sizing:border-box;
		font-size:14px;
		font-weight:bold;
	}
	.tel{
		padding:5px;
	}
	.arrow{
		position:relative;
		margin:0 5px;
		}
	.arrow:before{
		top:8px;
		width:8px;
		height:8px;
		border-right:solid 3px #fff;
		border-bottom:solid 3px #fff;
	}
	.privacy{
		box-sizing:border-box;
		padding:0 8px;
	}
}


/*============================== recruitment_sitter ==============================*/
.recruitment_sitter .st-.-contents{
	padding-top:0;
}
.recruitment_sitter .w960 {
	width: 960px;
	margin: 0 auto;
}
.recruitment_sitter h2{
	width:100%;
	box-sizing:border-box;
	padding:30px 0;
	text-align:center;
	color:#dd616f;
	font-size:24px;
}
.recruitment_sitter h2:before,
.recruitment_sitter h2:after{
	content:"・・・・・・";
}
.recruitment_sitter .sec-.-about {
    background: url("../img/about/about_bg.jpg") no-repeat 50% 0;
	background-size: auto auto;
}
.recruitment_sitter .top_img{
	position:relative;
	height:512px;	background:url("../img/sitter-recruitment/recruitment_sitter.jpg") no-repeat center center / auto 100%;
}
.recruitment_sitter .header_recruitment_sitter{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:340px;
	padding-top:48px;
}
.recruitment_sitter .header_recruitment_sitter p{
	margin-top:32px;
	color:#dd616f;
	font-size:24px;
	text-shadow:0 0 2px rgba(255,255,255,1);
}
.recruitment_sitter .header_recruitment_sitter .btn_recruit{
	margin:32px 0;
}
.recruitment_sitter .header_recruitment_sitter span{
	color:#ffffff;
	font-weight:bold;
}

/*============================== how_to_work start ==============================*/
.recruitment_sitter .how_to_work{
	background:#ffffbf;
}
.recruitment_sitter .how_to_work .boxwrap{
	display:flex;
	margin:0 48px;
	padding-bottom:30px;
}
.recruitment_sitter .boxwrap div{
	width:384px;
}
.recruitment_sitter .boxwrap div:first-of-type{
	margin-right:64px;
}
.recruitment_sitter .boxwrap div h3{
	line-height:2em;
	text-align:center;
	color:#dd616f;
	font-size:20px;
}
.recruitment_sitter .boxwrap div h3:before{
	content:"●";
}
.recruitment_sitter .boxwrap div img{
	width:100%;
	margin:10px 0;
}
.recruitment_sitter .boxwrap div p{
	line-height:1.3em;
	color:#666666;
	font-family:'Noto Sans JP';
	font-weight:500;
}
.recruitment_sitter .how_to_work .copy{
	background:#fff;
}
.recruitment_sitter .how_to_work .copy div{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	height:80px;
	text-align:center;
	color:#dd616f;
	font-size:20px;
	font-family:'Noto Sans JP';
	font-weight:500;
}
.recruitment_sitter .how_to_work .copy div img{
	position:absolute;
	top:8px;
	width:64px;
}
.recruitment_sitter .how_to_work .copy div img:first-of-type{
	left:10%;
}
.recruitment_sitter .how_to_work .copy div img:last-of-type{
	right:10%;
}
.recruitment_sitter .how_to_work .apply{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
}
/*============================== how_to_work end ==============================*/

/*============================== work_charm start ==============================*/
.recruitment_sitter .work_charm{
	padding-bottom:30px;
}
.recruitment_sitter .work_charm > div{
	position:relative;
	width:100%;
	max-width:860px;
	margin:0 auto;
	background-size:100%;
	background-repeat:no-repeat;
	box-sizing:border-box;
}
.recruitment_sitter .work_charm > div img{
	width:100%;
}
.recruitment_sitter .work_charm .work_charm_contents p,
.recruitment_sitter .work_charm .work_charm_contents a{
	position:absolute;
	color:#ffffff;
	font-size:20px;
	font-family:'Noto Sans JP';
	font-weight:500;
	z-index:1;
}
.recruitment_sitter .work_charm .work_charm_contents p{
	top:25%;
	left:28%;
	display:flex;
	align-items:center;
}
.recruitment_sitter .work_charm > div:nth-of-type(2) p{
	left:13%;
}
.recruitment_sitter .work_charm .work_charm_contents a{
	bottom:18%;
	right:14%;
	padding:10px;
}
.recruitment_sitter .btn:after{
	content: "\f0fe";
	font-family: FontAwesome;
	margin-left:5px;
}
.recruitment_sitter a.btn_minus:after{
	content: "\f146";
	font-family: FontAwesome;
}
.recruitment_sitter .work_charm > div:nth-of-type(2) a{
	right:29%;
}
.recruitment_sitter .work_charm .work_charm_contents p span:nth-of-type(1){
	margin-right:0.3em;
	color:#ffffff;
	font-size:52px;
}
.recruitment_sitter .work_charm .work_charm_contents p span:nth-of-type(2){
	color:#ffffff;
	font-size:32px;
	font-weight:bold;
}
.recruitment_sitter .work_charm .work_charm_contents{
	position:relative;
}
.recruitment_sitter .work_charm .work_charm_slide{
	display:none;
	box-sizing:border-box;
	padding:16px;
}
.recruitment_sitter .work_charm .work_charm_slide p{
	line-height:1.2em;
}
.recruitment_sitter .work_charm .work_charm_slide p:not(:first-of-type){
	margin-top:16px;
}
/*============================== work_charm end ==============================*/

/*============================== inquiry start ==============================*/
.recruitment_sitter .inquiry{
	background:#ffeeff;
	padding-bottom:20px;
}
.recruitment_sitter .inquiry .w960{
	display:flex;
	flex-wrap:wrap;
}
.recruitment_sitter .inquiry .w960 > p{
	width:100%;
	margin:20px 16px;
	font-size:14px;
	font-family:'Noto Sans JP';
	font-weight:500;
}
.recruitment_sitter .inquiry .w960 div{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}
/*============================== inquiry end ==============================*/

/*============================== know_more start ==============================*/
.recruitment_sitter .know_more .w960{
	display:block;
}
.recruitment_sitter .know_more > div > div{
	display:flex;
	justify-content: center;
	margin-bottom:56px;
}
.recruitment_sitter .know_more .support{
	width:416px;
	border-bottom:solid 12px #0ab4a1;
}
.recruitment_sitter .know_more .support img{
	width:100%;
	margin:20px 0;
}
.recruitment_sitter .know_more .support img:hover{
	opacity:0.7;
	cursor:pointer;
}
.recruitment_sitter .know_more .support_head{
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
	margin:0 16px;
	border-radius:30px 30px 0 0;
	color:rgba(255,255,255,0.8);
	font-size:20px;
	font-weight:bold;
}
.recruitment_sitter .know_more .support_head{
	background:#0ab4a1;
}
.recruitment_sitter .know_more .support_contents{
	position:relative;
	padding:16px;
	box-sizing:border-box;
	background:#f2f2f2;
}
.recruitment_sitter .know_more .support_contents a{
	position:absolute;
	right:0;
	bottom:0;
	box-sizing:border-box;
	padding:16px;
	font-size:20px;
	cursor:pointer;
}
.recruitment_sitter .know_more .support_contents i{
	font-size:32px;
}
.recruitment_sitter .know_more .support_contents a,
.recruitment_sitter .know_more .support_contents i{
	color:#0ab4a1;
}
.recruitment_sitter .know_more .support_slide{
	display:none;
	padding:5px;
	border:solid 5px #f2f2f2;
}
.recruitment_sitter .know_more .support_slide p{
	line-height:1.2em;
}
.recruitment_sitter .support_contents .arrow:before{
	border-right:solid 4px #0ab4a1;
	border-bottom:solid 4px #0ab4a1;
}
/*============================== know_more end ==============================*/

/*============================== soon_start start ==============================*/
.recruitment_sitter .soon_start .w960{
	justify-content: center;
}
.recruitment_sitter .soon_start{
	background:#ffffbf;
}
.recruitment_sitter .soon_start div{
	box-sizing:border-box;
	padding:20px;
}
.recruitment_sitter .soon_start p{
	margin-bottom:16px;
	line-height:1.2em;
	color:#666666;
}
.recruitment_sitter .soon_start .link{
	margin-right:16px;
	color:#b1cd4e;
	font-weight:bold;
}
.recruitment_sitter .soon_start .link .arrow:before{
	border-right:solid 4px #b1cd4e;
	border-bottom:solid 4px #b1cd4e;
}
/*============================== soon_start end ==============================*/

/*============================== flow start ==============================*/
.recruitment_sitter .flow .w960{
	display:block;
}
.recruitment_sitter .flow{
	margin:50px 0;
}
.recruitment_sitter .flow li{
	text-align:left;
	margin-left:1em;
	list-style-type:decimal;
}
.recruitment_sitter .flow li:nth-of-type(n+2){
	margin-top:0.5em;
}
.recruitment_sitter .flow .w960{
	box-sizing:border-box;
	padding:0 10px;
	text-align:center;
}
.recruitment_sitter .flow .w960 div{
	display:flex;
	flex:0 0 auto;
	justify-content:center;
	margin:30px 0;
}
/*============================== flow end ==============================*/

/*============================== notification start ==============================*/
.recruitment_sitter .notification .w960{
	display:block;
}
.recruitment_sitter .notification div{
	padding:30px 0;
	text-align:center;
}
.recruitment_sitter .notification p{
	margin-bottom:1em;
	line-height:1.5em;
	color:#666666;
}
.recruitment_sitter .notification a{
	color:#0071bc;
}
.recruitment_sitter .notification a .arrow:before{
	border-right:solid 4px #0071bc;
	border-bottom:solid 4px #0071bc;
}
/*============================== notification end ==============================*/

/*============================================== 959以下 ============================================== */
@media screen and (max-width:959px){
	.recruitment_sitter .w960 {
		width: 100%;
	}
	.recruitment_sitter h2{
		padding:30px 10px;
	}
	.recruitment_sitter h2:before,
	.recruitment_sitter h2:after{
		content:"・・・";
	}
	.recruitment_sitter .work_charm div p span:nth-of-type(2){
		font-size:3vw;
	}
	.recruitment_sitter .soon_start div{
		display:flex;
		flex-flow:column nowrap;
		align-items:center;
		text-align:center;
	}
	.recruitment_sitter .soon_start div img{
		position:relative;
	}
	.recruitment_sitter .soon_start div img,
	.recruitment_sitter .soon_start p,
	.recruitment_sitter .soon_start .btn_recruit{
		flex:1 0 auto;
	}
}

/*============================================== 599以下 ============================================== */
@media screen and (max-width:599px){
	.recruitment_sitter .top_img{
		height:460px;
		background:url("../img/sitter-recruitment/recruitment_sitter_sp.jpg") center center / cover;
	}
	.recruitment_sitter h2:before,
	.recruitment_sitter h2:after{
		content:"";
	}
	.recruitment_sitter .inquiry .w960 > p{
		text-align:center;
		font-size:12px;
	}
	.recruitment_sitter .inquiry .w960 .block{
		width:100%;
	}
	.recruitment_sitter .inquiry .w960 .block{
		flex-direction: column;
		align-items:center;
	}
	.recruitment_sitter .boxstyle div{
		width:calc(100% - 10px);
		margin:50px auto;
		padding:30px 10px;
	}
}

/*============================================== 480以下 ============================================== */
@media screen and (max-width:480px){
	/*============================== recruitment_sitter ==============================*/
	.recruitment_sitter h2{
		font-size:16px;
	}
	.recruitment_sitter .tel,
	.recruitment_sitter .btn_recruit{
		justify-content:center;
		padding:10px 20px;
		box-sizing:border-box;
		font-size:14px;
		font-weight:bold;
	}
	.recruitment_sitter .tel{
		padding:5px;
	}
	.recruitment_sitter .arrow{
		position:relative;
		margin:0 5px;
		}
	.recruitment_sitter .arrow:before{
		top:0px;
		width:8px;
		height:8px;
		border-right:solid 3px #fff;
		border-bottom:solid 3px #fff;
	}
	.recruitment_sitter .header_recruitment_sitter{
		width:320px;
	}
	.recruitment_sitter .header_recruitment_sitter p{
		font-size:20px;
	}
	.recruitment_sitter .header_recruitment_sitter span{
		font-size:12px;
	}
	.recruitment_sitter .top_img div{
		display:flex;
		justify-content:center;
		position:relative;
		z-index:1;
	}
	.recruitment_sitter .how_to_work .boxwrap{
		flex-wrap:wrap;
		margin:8px;
	}
	.recruitment_sitter .boxwrap div{
		width:100%;
	}
	.recruitment_sitter .boxwrap div:first-of-type{
		margin-right:0;
		margin-bottom:50px;
	}
	.recruitment_sitter .boxwrap div h3{
		font-size:14px;
	}
	.recruitment_sitter .boxwrap div p{
		font-size:12px;
	}
	.recruitment_sitter .how_to_work .copy div{
		font-size:14px;
		line-height:1.5em;
	}
	.recruitment_sitter .how_to_work .copy div img:first-of-type{
		left:calc(50% - 32px);
	}
	.recruitment_sitter .how_to_work .copy div img:last-of-type{
		display:none;
	}
	.recruitment_sitter .work_charm > div{
		height:auto;
	}
	.recruitment_sitter .work_charm .work_charm_contents p{
		font-size:8px;
	}
	.recruitment_sitter .work_charm .work_charm_contents a{
		bottom:0;
		left:0;
		width:100%;
		height:100%;
		box-sizing:border-box;
		text-align:right;
		padding-top:18%;
		padding-right:15%;
		font-size:12px;
	}
	.recruitment_sitter .work_charm > div:nth-of-type(2) a{
		padding-right:30%;
	}
	.recruitment_sitter .work_charm .work_charm_contents p span:nth-of-type(1){
		font-size:18px;
	}
	.recruitment_sitter .work_charm .work_charm_contents p span:nth-of-type(2){
		font-size:14px;
	}
	.recruitment_sitter .work_charm .work_charm_slide{
		padding:8px;
	}
	.recruitment_sitter .know_more > div > div{
		flex-wrap:wrap;
	}
	.recruitment_sitter .know_more .support{
		width:calc(100% - 16px);
		border-bottom:solid 8px #0ab4a1;
	}
	.recruitment_sitter .know_more .support{
		margin-bottom:24px;
	}
	.recruitment_sitter .know_more .support img{
		padding:8px 0;
	}
	.recruitment_sitter .know_more .support_head{
		height:40px;
		font-size:14px;
	}
	.recruitment_sitter .know_more .support_contents a{
		width:100%;
		text-align:right;
		font-size:14px;
	}
	.recruitment_sitter .know_more .support_contents i{
		font-size:24px;
	}
	.recruitment_sitter .soon_start div{
		text-align:center;
	}
	.recruitment_sitter .soon_start div img{
		position:relative;
		width:100%;
		height:100%;
	}
	.recruitment_sitter .soon_start p{
		font-size:14px;
	}
	.recruitment_sitter .soon_start .btn_recruit{
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:16px;
	}
	.recruitment_sitter .notification div{
		padding:0 0 30px 0;
	}
	.recruitment_sitter .notification p{
		font-size:14px;
	}
	.recruitment_sitter .notification a{
			font-size:12px;
	}
}