@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	共通

	活動内容
	ご利用案内
	お仕事募集しております
	メンバーさんの声

--------------------------------------------------------------------------*/
/*1000px*/
/*768px*/
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .contact_guide h3 { padding: 0 10px 10px 10px; font-size: 24px; }
  .contact_guide .appoint { margin: 20px 0 0 0; padding: 30px 10px; }
  .contact_guide .appoint h4 { margin: 0 0 20px 0; text-align: left; }
  .contact_guide .appoint h4 span { padding: 0 0 0 18px; background: url("../img/ar02_lb_b.png") no-repeat left top 8px; background-size: 10px auto; font-size: 21px; } }
/*768px*/
/*--------------------------------------------------------------------------
	活動内容
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #work .work_type .frm .cap { padding: 50px 30px 0 0; width: 450px; }
  #work .case .frm .list .ph { padding: 0 40px 0 0; width: 300px; } }
/*1000px*/
@media screen and (max-width: 900px) { #work .work_type .frm .cap { width: 420px; }
  #work .case .frm .list .cap, #work .case .frm .list .ph { display: block; width: 100%; }
  #work .case .frm .list .ph { margin: 0 auto; padding: 0 0 40px 0; width: 100%; max-width: 300px; } }
/*900px*/
@media screen and (max-width: 800px) { #work .work_type .frm .cap, #work .work_type .frm .ph { display: block; width: 100%; }
  #work .work_type .frm .cap { padding: 0 0 40px 0; width: 100%; }
  #work .work_type .frm .cap .list { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d8edf5; }
  #work .work_type .frm .cap .list:first-of-type { margin: 0 0 20px 0; }
  #work .work_type .frm .cap .list:last-of-type { margin: 0; }
  #work .work_type .frm .ph { margin: 0 auto; max-width: 340px; } }
/*800px*/
@media screen and (max-width: 768px) { #work .intro { margin: 0 auto 40px auto; text-align: left; }
  #work .intro p { font-size: 14px; }
  #work .intro p:first-of-type { margin: 0 0 15px 0; font-size: 24px; }
  #work .work_type .point { margin: 0 0 35px 0; padding: 25px 10px; }
  #work .work_type .point p { font-size: 21px; }
  #work .work_type .frm { margin: 0 auto 80px auto; }
  #work .work_type .frm .cap .list h3 span:first-of-type { margin: 0 20px 12px 0; padding: 0 40px 0 0; background: url("../img/ar04_lb_r.png") no-repeat right center; background-size: 24px auto; font-size: 17px; }
  #work .work_type .frm .cap .list h3 span:nth-of-type(2) { margin: 0 0 12px 0; font-size: 21px; }
  #work .case { padding: 60px 10px 0 10px; }
  #work .case p.point { margin: 0 auto 30px auto; font-size: 24px; }
  #work .case .frm { margin: 0 auto; padding: 30px 15px; }
  #work .case .frm .list { margin: 25px auto 0 auto; padding: 35px 0 0 0; }
  #work .case .frm .list .cap dl dt { margin: 0 10px 0 0; width: 120px; }
  #work .case .frm .list .cap dl dt span { line-height: 34px; }
  #work .case .frm .list .cap dl dt span:first-of-type { font-size: 15px; }
  #work .case .frm .list .cap dl dt span:nth-of-type(2) { font-size: 24px; }
  #work .case .frm .list .cap dl dd { margin: 7px 0 0 0; font-size: 17px; }
  #work .case .frm .list .cap h3 span:first-of-type { margin: 15px 10px 0 0; width: 120px; line-height: 34px; font-size: 17px; }
  #work .case .frm .list .cap h3 span:nth-of-type(2) { font-size: 22px; }
  #work .case .frm .list .ph { padding: 0 0 30px 0; max-width: 270px; } }
/*768px*/
@media screen and (max-width: 540px) { #work .case .frm .list .cap dl dt { margin: 0; display: block; }
  #work .case .frm .list .cap dl dd { margin: 12px 0 0 0; display: block; }
  #work .case .frm .list .cap h3 { margin: 30px 0; }
  #work .case .frm .list .cap h3 span { margin: 0; display: block; }
  #work .case .frm .list .cap h3 span:first-of-type { margin: 0 0 10px 0; } }
/*540px*/
/*--------------------------------------------------------------------------
	ご利用案内
--------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) { #enter .point:nth-of-type(2n) .frm .cap { padding: 0 0 0 40px; }
  #enter .point .frm .cap { padding: 0 50px 0 0; width: calc(50% - 40px); } }
/*1200px*/
@media screen and (max-width: 1000px) { #enter .point:nth-of-type(2n) .frm .ph, #enter .point:nth-of-type(2n) .frm .cap { padding: 0 0 0 30px; }
  #enter .point .frm .ph { padding: 0 30px 0 0; width: calc(50% - 30px); }
  #enter .point .frm .cap { padding: 0 30px 0 0; width: calc(50% - 30px); } }
/*1000px*/
@media screen and (max-width: 900px) { #enter .point:nth-of-type(2n) .frm .ph { padding: 25px 10px; }
  #enter .point:nth-of-type(2n) .frm .cap { padding: 0 10px; }
  #enter .point .frm { display: block; }
  #enter .point .frm .ph { margin: 0 0 40px 0; padding: 25px 10px; width: 100%; background: #f2f9fb; }
  #enter .point .frm .ph img { margin: 0 auto; display: block; max-width: 500px; }
  #enter .point .frm .cap { padding: 0 10px; width: 100%; } }
/*900px*/
@media screen and (max-width: 768px) { #enter .intro { margin: 0 auto 40px auto; text-align: left; }
  #enter .intro p { font-size: 14px; }
  #enter .intro p:first-of-type { margin: 0 0 15px 0; font-size: 24px; }
  #enter .point { margin: 50px auto 0 auto; }
  #enter .point:nth-of-type(2n) .frm .ph { padding: 20px 10px; }
  #enter .point .frm { display: block; }
  #enter .point .frm .ph { margin: 0 0 30px 0; padding: 20px 10px; }
  #enter .point .frm .ph img { max-width: 400px; }
  #enter .point .frm .cap .list { margin: 0 0 20px 0; }
  #enter .point .frm .cap .list p { width: 70px; height: 70px; }
  #enter .point .frm .cap .list p span.type { font-size: 14px; }
  #enter .point .frm .cap .list p span.type .no { margin: 5px 0 0 0; font-size: 26px; }
  #enter .point .frm .cap .list h3 { padding: 0 0 0 15px; font-size: 24px; }
  #enter .open_time { margin: 70px 0; }
  #enter .open_time h3 { margin: 0 auto 15px auto; font-size: 24px; }
  #enter .open_time .frm { padding: 20px 0; }
  #enter .open_time .frm .list { margin: 10px auto 0 auto; font-size: 14px; }
  #enter .open_time .frm .list .type { padding: 15px 0 15px 10px; width: 120px; }
  #enter .open_time .frm .list .type h4 { padding: 0 0 0 16px; background: url("../img/ar01_wh_r.png") no-repeat left top 9px; background-size: 8px auto; font-size: 14px; font-weight: 500; }
  #enter .open_time .frm .list .cap { padding: 15px 10px; }
  #enter .transfer { margin: 0 auto 70px auto; }
  #enter .transfer h3 { margin: 0 auto 15px auto; font-size: 24px; }
  #enter .transfer .location_frm { padding: 30px 0 60px 0; }
  #enter .transfer .transfer_frm { padding: 30px 0; } }
/*768px*/
@media screen and (max-width: 480px) { #enter .open_time .frm .list .type { width: 90px; } }
/*768px*/
/*--------------------------------------------------------------------------
	お仕事募集しております
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #business .help .point .list h5 { padding: 24px 15px; }
  #business .help .point .list h5 br.sp { display: none; }
  #business .help .point .list p.count { padding: 24px 0 24px 15px; width: 200px; }
  #business .help .point .list p.price { padding: 24px 15px; } }
/*1100px*/
@media screen and (max-width: 900px) { #business .help { margin: 120px 0 0 0; }
  #business .help .ph .ph_frm { background-image: url("../../business/img/bg_business02.jpg"); }
  #business .help .point .list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
  #business .help .point .list:first-of-type { margin: 0; }
  #business .help .point .list h5, #business .help .point .list p.count, #business .help .point .list p.price { display: block; }
  #business .help .point .list h5 { padding: 10px 20px; width: 100%; }
  #business .help .point .list p.count { padding: 16px 20px; border-left: none; width: inherit; font-size: 17px; text-align: right; flex: 1; -webkit-flex: 1; }
  #business .help .point .list p.count br { display: none; }
  #business .help .point .list p.price { padding: 16px 20px; width: 200px; }
  #business .help .point .note { margin: 50px auto 0 auto; }
  #business .other .point .list > div { margin: 0 20px; width: calc(33.33% - 40px); } }
/*900px*/
@media screen and (max-width: 800px) { #business .cleaning .point .list { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-wrap: wrap; }
  #business .cleaning .point .list.line03, #business .cleaning .point .list.line04, #business .cleaning .point .list.line05 { max-width: 1100px; }
  #business .cleaning .point .list.line03 > div, #business .cleaning .point .list.line04 > div, #business .cleaning .point .list.line05 > div { width: 100%; }
  #business .cleaning .point .list > div { margin: 7px 0 0 0; border-right: none; border-left: none; display: table; width: 100%; text-align: left; }
  #business .cleaning .point .list > div:first-of-type { margin: 0; }
  #business .cleaning .point .list > div h5 { border-right: 2px solid #fff; display: table-cell; vertical-align: middle; width: 200px; flex-grow: 0; }
  #business .cleaning .point .list > div p.price { display: table-cell; vertical-align: middle; } }
/*800px*/
@media screen and (max-width: 768px) { #business h4 { margin: 0 0 20px 0; padding: 0 0 0 22px; background: url("../img/ar01_lb_r.png") no-repeat left top 8px; background-size: 12px auto; font-size: 21px; }
  #business .ph .ph_frm { margin: 0 auto 40px auto; height: 200px; }
  #business .point .note { max-width: 600px; }
  #business .point .note dl { padding: 20px 10px; }
  #business .point .note dl dt { width: 110px; font-size: 15px; }
  #business .intro { margin: 0 auto 40px auto; }
  #business .intro p { margin: 15px 0 0 0; }
  #business .activity { padding: 15px 10px; }
  #business .activity h3 { font-size: 21px; }
  #business .page_sub_menu { margin: 40px auto; }
  #business .page_sub_menu ul { margin: 0 5px; }
  #business .page_sub_menu ul li { margin: 0 5px; width: calc(33.33% - 10px); }
  #business .page_sub_menu ul li a { padding: 10px 35px 10px 30px; font-size: 15px; }
  #business .page_sub_menu ul li a:link, #business .page_sub_menu ul li a:visited { color: #3692b5; background: url("../img/ar01_lb_b.png") no-repeat #fff right 15px center; background-size: 10px auto; }
  #business .page_sub_menu ul li a:active, #business .page_sub_menu ul li a:hover { color: #fff; background: url("../img/ar01_wh_b.png") no-repeat #70c0e8 right 15px center; background-size: 10px auto; }
  #business .cleaning .point .list > div h5 { padding: 10px 0 10px 15px; font-size: 16px; letter-spacing: 0.04em; }
  #business .cleaning .point .list > div p.price { padding: 10px; font-size: 21px; }
  #business .cleaning .point .list > div p.price span.yen, #business .cleaning .point .list > div p.price span.more { font-size: 14px; }
  #business .cleaning .point .note { margin: 40px auto 0 auto; }
  #business .help { margin: 70px 0 0 0; }
  #business .help .point .list { margin: 10px 0 0 0; }
  #business .help .point .list h5 { padding: 10px 15px; font-size: 15px; }
  #business .help .point .list p.count { padding: 15px; width: 240px; font-size: 14px; }
  #business .help .point .list p.price { padding: 15px; font-size: 24px; width: 140px; }
  #business .help .point .list p.price span.yen { font-size: 14px; }
  #business .help .point .note { margin: 40px auto 0 auto; }
  #business .help .point .flow { margin: 50px auto 0 auto; }
  #business .help .point .flow h5 { font-size: 19px; max-width: 280px; }
  #business .help .point .flow ol li { padding: 15px; font-size: 15px; text-align: left; }
  #business .other { margin: 70px 0 0 0; }
  #business .other h4 { margin: 0; }
  #business .other .point .list { display: block; width: 100%; text-align: left; }
  #business .other .point .list > div { margin: 15px 0 0 0; padding: 20px 0 20px 140px; display: table; width: 100%; table-layout: fixed; }
  #business .other .point .list > div:first-of-type { margin: 0; }
  #business .other .point .list > div.works01 { margin: 10px 0 0 0; background: url("../../business/img/img_business_other01.png") no-repeat left 20px center; background-size: 80px auto; }
  #business .other .point .list > div.works02 { background: url("../../business/img/img_business_other02.png") no-repeat left 20px center; background-size: 80px auto; }
  #business .other .point .list > div.works03 { background: url("../../business/img/img_business_other03.png") no-repeat left 20px center; background-size: 80px auto; }
  #business .other .point .list > div.works03 p br { display: none; }
  #business .other .point .list > div.works03 p span { display: inline-block; }
  #business .other .point .list > div h5 { margin: 0 0 10px 0; line-height: 1; font-size: 18px; }
  #business .other .point .list > div h5 span { display: none; }
  #business .other .point .list > div p { font-size: 13px; }
  #business .other .point .list > div p span { font-size: 11px; }
  #business .other .point .note { margin: 0 auto; }
  #business .contact { margin: 60px auto 0 auto; }
  #business .contact h4 { text-align: left; }
  #business .contact h4 span { padding: 0 0 0 24px; background: url("../img/ar02_lb_b.png") no-repeat left top 8px; background-size: 12px auto; font-size: 21px; } }
/*768px*/
@media screen and (max-width: 640px) { #business .ph .ph_frm { height: 170px; } }
/*640px*/
@media screen and (max-width: 540px) { #business .other .point .list > div { margin: 0; padding: 20px 0 20px 110px; }
  #business .other .point .list > div.works01 { background: url("../../business/img/img_business_other01.png") no-repeat left 10px center; background-size: 70px auto; }
  #business .other .point .list > div.works02 { background: url("../../business/img/img_business_other02.png") no-repeat left 10px center; background-size: 70px auto; }
  #business .other .point .list > div.works03 { background: url("../../business/img/img_business_other03.png") no-repeat left 10px center; background-size: 70px auto; } }
/*640px*/
@media screen and (max-width: 540px) { #business .point .note dl dt { margin: 0 0 5px 0; display: block; width: 100%; }
  #business .point .note dl dd { display: block; width: 100%; }
  #business .cleaning .point .list > div h5 { width: 140px; } }
/*540px*/
@media screen and (max-width: 480px) { #business .page_sub_menu ul { margin: 0; }
  #business .page_sub_menu ul li { margin: 10px 10px 0 10px; width: 100%; }
  #business .page_sub_menu ul li:first-of-type { margin: 0 10px; }
  #business .page_sub_menu ul li a { font-size: 14px; }
  #business .help .point .list h5 { padding: 10px 15px; font-size: 15px; }
  #business .help .point .list p.count { padding: 10px 15px 0 15px; width: 100%; text-align: left; flex: none; -webkit-flex: none; }
  #business .help .point .list p.price { padding: 2px 15px 15px 15px; width: 100%; text-align: left; } }
/*480px*/
/*--------------------------------------------------------------------------
	メンバーさんの声
--------------------------------------------------------------------------*/
/* index.html */
@media screen and (max-width: 768px) { #voice .intro { margin: 0 0 40px 0; text-align: left; }
  #voice .intro > p { line-height: 2; }
  #voice .list { margin: 0 auto; max-width: 900px; }
  #voice .list section a { padding: 15px 25px 15px 15px; }
  #voice .list section a:link, #voice .list section a:visited { background: url("../img/ar02_lb_r.png") no-repeat #f2ffff right 15px center; background-size: 8px auto; }
  #voice .list section a .name { width: 180px; }
  #voice .list section a .name h3 { margin: 0 10px 0 0; }
  #voice .list section a .name h3 span.main { font-size: 18px; }
  #voice .list section a .name h3 span.main + span { font-size: 13px; }
  #voice .list section a .change { padding: 0 0 0 15px; }
  #voice .list section a .change > span { line-height: 18px; font-size: 12px; }
  #voice .list section a .change h4 { font-size: 17px; } }
/*768px*/
@media screen and (max-width: 640px) { #voice .list { margin: 0 auto; max-width: 900px; }
  #voice .list section { margin: 10px 0 0 0; }
  #voice .list section:first-of-type { margin: 0; }
  #voice .list section a { padding: 15px 50px 15px 20px; }
  #voice .list section a:link, #voice .list section a:visited { background: url("../img/ar02_lb_r.png") no-repeat #f2ffff right 20px center; background-size: 10px auto; }
  #voice .list section a .name, #voice .list section a .change { display: block; width: 100%; }
  #voice .list section a .name h3, #voice .list section a .name p.age, #voice .list section a .name p.joining { vertical-align: bottom; }
  #voice .list section a .name h3 { margin: 5px 5px 0 0; }
  #voice .list section a .name p.age { margin: 5px 20px 0 0; display: inline-block; }
  #voice .list section a .name p.joining { margin: 5px 0 0 0; display: inline-block; line-height: 1; }
  #voice .list section a .change { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #70c0e8; border-left: none; } }
/*640px*/
/* article.html */
@media screen and (max-width: 900px) { #voice_ar .data .name { width: 240px; }
  #voice_ar .data .question { padding: 0 0 0 30px; } }
/*900px*/
@media screen and (max-width: 768px) { #voice_ar .data .name { padding: 15px; width: 230px; }
  #voice_ar .data .name h3 { margin: 0 10px 0 0; }
  #voice_ar .data .name h3 span.main { font-size: 22px; }
  #voice_ar .data .name h3 span.main + span { font-size: 13px; }
  #voice_ar .data .name p.age { font-size: 13px; }
  #voice_ar .data .name p.joining { margin: 5px 0 0 0; font-size: 12px; }
  #voice_ar .data .question { padding: 0 0 0 25px; }
  #voice_ar .data .question dl dt { width: 180px; font-size: 12px; }
  #voice_ar .data .question dl dd { padding: 0 0 0 20px; background: url("../img/ar02_lb_r.png") no-repeat left top 11px; background-size: 6px auto; font-size: 13px; }
  #voice_ar h4.report_sbj { margin: 40px auto 10px auto; font-size: 18px; }
  #voice_ar .report { padding: 30px 10px; }
  #voice_ar .back_btn_frm { margin: 40px auto 0 auto; }
  #voice_ar .back_btn_frm .back_btn a { font-size: 17px; }
  #voice_ar .back_btn_frm .back_btn a.prev, #voice_ar .back_btn_frm .back_btn a.next { width: 100px; font-size: 17px; }
  #voice_ar .back_btn_frm .back_btn a.prev { background: url("../img/ar02_db_l.png") no-repeat #fff left center; background-size: 8px auto; }
  #voice_ar .back_btn_frm .back_btn a.next { background: url("../img/ar02_db_r.png") no-repeat #fff right center; background-size: 8px auto; } }
/*768px*/
@media screen and (max-width: 640px) { #voice_ar .data .name, #voice_ar .data .question { display: block; width: 100%; }
  #voice_ar .data .name { padding: 10px 15px; }
  #voice_ar .data .question { padding: 10px 15px 0 15px; } }
/*640px*/

/*# sourceMappingURL=sp_02.css.map */