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

	共通

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

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
.contact_guide { text-align: center; }
.contact_guide h3 { padding: 0 10px 15px 10px; line-height: 1.4; color: #3692b5; font-size: 32px; font-weight: 500; }
.contact_guide > p { padding: 0 10px; }
.contact_guide .appoint { margin: 60px 0 0 0; padding: 60px 10px; background: #d8edf5; }
.contact_guide .appoint h4 { margin: 0 0 20px 0; line-height: 1.4; }
.contact_guide .appoint h4 span { padding: 0 0 0 30px; color: #70c0e8; background: url("../img/ar02_lb_b.png") no-repeat left top 9px; background-size: 12px auto; font-size: 24px; font-weight: 500; }
.contact_guide .appoint .contact_tel_info div { background: #fff; }
.contact_guide .appoint .contact_tel_info div > p { border-top: 1px solid #d8edf5; }
.contact_guide .appoint .contact_tel_info div > p:first-of-type { margin: 0 auto; padding: 0; border-top: none; }

/*--------------------------------------------------------------------------
	活動内容
--------------------------------------------------------------------------*/
#work .intro { margin: 0 auto 90px auto; padding: 0 10px; max-width: 920px; text-align: center; }
#work .intro p { font-size: 17px; }
#work .intro p:first-of-type { margin: 0 0 25px 0; line-height: 1.4; color: #3692b5; font-size: 32px; }
#work .work_type .point { margin: 0 0 45px 0; padding: 70px 10px; background: #3692b5; }
#work .work_type .point p { margin: 0 auto; line-height: 1.8; color: #fff; font-size: 34px; font-weight: 500; max-width: 1100px; letter-spacing: 0.14em; }
#work .work_type .frm { margin: 0 auto 140px auto; padding: 0 10px; display: table; width: 100%; max-width: 1120px; table-layout: fixed; }
#work .work_type .frm .cap, #work .work_type .frm .ph { display: table-cell; vertical-align: top; }
#work .work_type .frm .cap { padding: 75px 30px 0 0; width: 550px; }
#work .work_type .frm .cap .list { margin: 40px 0 0 0; }
#work .work_type .frm .cap .list:first-of-type { margin: 0; }
#work .work_type .frm .cap .list h3 { line-height: 0; font-size: 0; }
#work .work_type .frm .cap .list h3 span { display: inline-block; line-height: 1; font-weight: 500; }
#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: 21px; }
#work .work_type .frm .cap .list h3 span:nth-of-type(2) { margin: 0 0 12px 0; color: #3692b5; font-size: 26px; }
#work .case { margin: 0 auto; padding: 100px 10px 0 10px; background: url("../../work/img/bg_work01.jpg") no-repeat center top; background-size: 2000px auto; max-width: 2000px; }
#work .case p.point { margin: 0 auto 65px auto; padding: 0 10px; line-height: 1.8; font-size: 34px; max-width: 1120px; }
#work .case .frm { margin: 0 auto; padding: 60px 15px; border: 1px solid #70c0e8; max-width: 1120px; border-radius: 10px; }
#work .case .frm .list { margin: 60px auto 0 auto; padding: 60px 0 0 0; border-top: 1px solid #70c0e8; display: table; width: 100%; max-width: 1040px; table-layout: fixed; }
#work .case .frm .list:first-of-type { margin: 0 auto; padding: 0; border-top: none; }
#work .case .frm .list .cap, #work .case .frm .list .ph { display: table-cell; vertical-align: top; }
#work .case .frm .list .cap dl { line-height: 0; font-size: 0; }
#work .case .frm .list .cap dl dt { margin: 0 15px 0 0; display: inline-block; border: 1px solid #3692b5; width: 140px; vertical-align: top; text-align: center; border-radius: 3px; }
#work .case .frm .list .cap dl dt span { display: inline-block; vertical-align: middle; line-height: 40px; color: #3692b5; }
#work .case .frm .list .cap dl dt span:first-of-type { margin: 0 5px 0 0; font-size: 17px; }
#work .case .frm .list .cap dl dt span:nth-of-type(2) { font-size: 26px; }
#work .case .frm .list .cap dl dd { margin: 7px 0 0 0; display: inline-block; line-height: 1.4; font-size: 19px; }
#work .case .frm .list .cap h3 { margin: 0 0 20px 0; line-height: 0; font-size: 0; }
#work .case .frm .list .cap h3 span { margin: 15px 0 0 0; display: inline-block; font-weight: 500; }
#work .case .frm .list .cap h3 span:first-of-type { margin: 15px 15px 0 0; width: 140px; line-height: 40px; color: #fff; background: #70c0e8; font-size: 21px; text-align: center; border-radius: 3px; }
#work .case .frm .list .cap h3 span:nth-of-type(2) { line-height: 1.4; color: #70c0e8; font-size: 28px; }
#work .case .frm .list .ph { padding: 0 40px 0 0; width: 340px; }
#work .case p.att { margin: 20px 0 0 0; text-align: center; }

/*--------------------------------------------------------------------------
	ご利用案内
--------------------------------------------------------------------------*/
#enter .intro { margin: 0 auto 90px auto; padding: 0 10px; max-width: 920px; text-align: center; }
#enter .intro p { font-size: 17px; }
#enter .intro p:first-of-type { margin: 0 0 25px 0; line-height: 1.4; color: #3692b5; font-size: 32px; }
#enter .point { margin: 100px auto 0 auto; max-width: 1400px; }
#enter .point:first-of-type { margin: 0 auto; }
#enter .point:nth-of-type(2n) .frm .ph { padding: 0 0 0 40px; order: 2; }
#enter .point:nth-of-type(2n) .frm .cap { padding: 0 0 0 90px; order: 1; }
#enter .point .frm { display: flex; display: -webkit-flex; }
#enter .point .frm .ph { padding: 0 40px 0 0; width: calc(50% - 40px); }
#enter .point .frm .cap { padding: 0 90px 0 0; width: calc(50% - 90px); flex: 1; -webkit-flex: 1; }
#enter .point .frm .cap .list { margin: 0 0 20px 0; display: flex; display: -webkit-flex; align-items: center; -webkit-box-align: center; }
#enter .point .frm .cap .list p { display: flex; display: -webkit-flex; width: 100px; height: 100px; color: #fff; background: #0093b8; text-align: center; border-radius: 50%; flex-wrap: wrap; align-items: center; -webkit-box-align: center; }
#enter .point .frm .cap .list p span.type { line-height: 1; width: 100%; font-size: 17px; }
#enter .point .frm .cap .list p span.type .no { margin: 5px 0 0 0; display: block; width: 100%; line-height: 1; font-size: 32px; letter-spacing: 0.14em; }
#enter .point .frm .cap .list h3 { padding: 0 0 0 20px; color: #0093b8; font-size: 32px; font-weight: 500; letter-spacing: 0.2em; flex: 1; -webkit-flex: 1; }
#enter .open_time { margin: 140px 0 120px 0; }
#enter .open_time h3 { margin: 0 auto 20px auto; padding: 0 10px; line-height: 1.4; color: #70c0e8; font-size: 32px; font-weight: 500; text-align: center; max-width: 1120px; }
#enter .open_time .frm { padding: 50px 10px; background: #d8edf5; }
#enter .open_time .frm .list { margin: 10px auto 0 auto; display: table; width: 100%; font-size: 17px; table-layout: fixed; max-width: 920px; border-collapse: separate; border-spacing: 10px 0; }
#enter .open_time .frm .list .type, #enter .open_time .frm .list .cap { display: table-cell; vertical-align: top; border-radius: 3px; }
#enter .open_time .frm .list .type { border-right: 10px solid rgba(255, 255, 255, 0); padding: 20px 30px; width: 240px; background: #7ab7ce; }
#enter .open_time .frm .list .type h4 { padding: 0 0 0 20px; color: #fff; background: url("../img/ar01_wh_r.png") no-repeat left top 10px; background-size: 12px auto; font-size: 17px; font-weight: 500; }
#enter .open_time .frm .list .cap { padding: 20px 30px; background: #fff; }
#enter .transfer { margin: 0 auto 120px auto; }
#enter .transfer h3 { margin: 0 auto 20px auto; padding: 0 10px; line-height: 1.4; color: #70c0e8; font-size: 32px; font-weight: 500; text-align: center; max-width: 1120px; }
#enter .transfer .location_frm { padding: 50px 0 100px 0; background: #f2ffff; }
#enter .transfer .location_frm .location_info { margin: 0 auto; }
#enter .transfer .transfer_frm { padding: 50px 10px; background: #d8edf5; }

/*--------------------------------------------------------------------------
	お仕事募集しております
--------------------------------------------------------------------------*/
#business h4 { margin: 0 0 30px 0; padding: 0 0 0 30px; line-height: 1.4; color: #3692b5; background: url("../img/ar01_lb_r.png") no-repeat left top 11px; background-size: 12px auto; font-size: 26px; font-weight: 500; letter-spacing: 0.14em; }
#business .ph { background-color: #f2f9fb; }
#business .ph .ph_frm { margin: 0 auto 60px auto; height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; max-width: 2000px; }
#business .point { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
#business .point .note { max-width: 1000px; }
#business .point .note dl { padding: 35px 20px; display: table; border-bottom: 1px solid #7ab7ce; width: 100%; }
#business .point .note dl:first-of-type { border-top: 1px solid #7ab7ce; }
#business .point .note dl dt { display: table-cell; width: 175px; color: #70c0e8; font-size: 17px; }
#business .point .note dl dd { display: table-cell; }
#business .point .note dl dd ul li { padding: 0 0 0 1em; text-indent: -1em; }
#business .intro { margin: 0 auto 100px auto; padding: 0 10px; max-width: 920px; }
#business .intro p { margin: 20px 0 0 0; }
#business .intro p:first-of-type { margin: 0; }
#business .intro p a { font-weight: 700; }
#business .intro p a:link, #business .intro p a:visited { color: #70c0e8; }
#business .intro p a:active, #business .intro p a:hover { color: #3692b5; }
#business .activity { padding: 24px 10px; background: #3692b5; }
#business .activity h3 { margin: 0 auto; color: #fff; font-size: 27px; font-weight: 500; max-width: 1100px; }
#business .page_sub_menu { margin: 50px auto; text-align: center; max-width: 1100px; }
#business .page_sub_menu ul li { margin: 0 10px; padding: 0; width: calc(33.33% - 20px); }
#business .page_sub_menu ul li a { padding: 15px 45px 15px 35px; border: 2px solid #70c0e8; line-height: 1.4; font-size: 19px; border-radius: 3px; }
#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 25px 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 25px center; background-size: 10px auto; }
#business .cleaning .ph .ph_frm { background-image: url("../../business/img/bg_business01.jpg"); }
#business .cleaning .point h4 { margin: 0 0 10px 0; }
#business .cleaning .point .list { display: flex; display: -webkit-flex; width: 100%; }
#business .cleaning .point .list.line03 { max-width: 660px; }
#business .cleaning .point .list.line03 > div { width: 33.33%; }
#business .cleaning .point .list.line04 { max-width: 880px; }
#business .cleaning .point .list.line04 > div { width: 25%; }
#business .cleaning .point .list.line05 { max-width: 1100px; }
#business .cleaning .point .list.line05 > div { width: 20%; }
#business .cleaning .point .list > div { border-right: 1px solid #fff; border-left: 1px solid #fff; display: flex; display: -webkit-flex; text-align: center; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
#business .cleaning .point .list > div h5 { padding: 10px 10px; line-height: 1; background: #d8edf5; font-size: 19px; font-weight: 500; letter-spacing: 0.24em; flex-grow: 1; }
#business .cleaning .point .list > div p.price { padding: 15px 10px; line-height: 1; color: #3692b5; background: #f2f9fb; font-size: 24px; font-weight: 700; letter-spacing: 0.14em; }
#business .cleaning .point .list > div p.price span.yen { font-size: 15px; }
#business .cleaning .point .list > div p.price span.more { font-size: 15px; font-weight: 500; }
#business .cleaning .point .note { margin: 50px auto 0 auto; }
#business .help { margin: 120px 0 0 0; }
#business .help .ph .ph_frm { background-image: url("../../business/img/bg_business02.jpg"); }
#business .help .point .list { margin: 15px 0 0 0; display: table; width: 100%; }
#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: table-cell; vertical-align: middle; }
#business .help .point .list h5 { padding: 20px 30px; line-height: 1.8; background: #d8edf5; font-size: 17px; font-weight: 500; }
#business .help .point .list h5 span.cap { padding: 0 0 0 18px; background: url("../img/company_arrow.png") no-repeat left top 6px; background-size: 6px auto; }
#business .help .point .list p.count { padding: 20px 0 20px 20px; border-left: 2px solid #fff; width: 240px; color: #3692b5; background: #f2f9fb; font-size: 17px; }
#business .help .point .list p.price { padding: 20px 30px 20px 20px; width: 200px; line-height: 1; color: #3692b5; background: #f2f9fb; font-size: 32px; font-weight: 700; text-align: right; letter-spacing: 0.14em; }
#business .help .point .list p.price span.yen { line-height: 1; font-size: 19px; font-weight: 500; align-self: center; }
#business .help .point .note { margin: 50px auto 0 auto; }
#business .help .point .flow { margin: 80px auto 0 auto; max-width: 1000px; }
#business .help .point .flow h5 { margin: 0 auto 20px auto; line-height: 50px; color: #fff; background: #3692b5; font-size: 21px; font-weight: 500; text-align: center; max-width: 300px; border-radius: 25px; }
#business .help .point .flow ol li { margin: 0 0 40px 0; position: relative; padding: 20px 20px; background: #f2f9fb; font-size: 17px; text-align: center; border-radius: 3px; }
#business .help .point .flow ol li::after { position: absolute; bottom: -27px; left: 0; width: 100%; height: 10px; content: ""; background: url("../img/ar02_db_b.png") no-repeat center bottom; background-size: 10px auto; }
#business .help .point .flow ol li:last-of-type { margin: 0; }
#business .help .point .flow ol li:last-of-type::after { display: none; }
#business .other { margin: 120px 0 0 0; }
#business .other .ph .ph_frm { background-image: url("../../business/img/bg_business03.jpg"); }
#business .other .point .list { display: flex; display: -webkit-flex; text-align: center; }
#business .other .point .list > div { margin: 0 30px; width: calc(33.33% - 60px); }
#business .other .point .list > div h5 { color: #3692b5; font-size: 21px; font-weight: 500; }
#business .other .point .list > div h5 span img { margin: 0 auto 10px auto; display: block; max-width: 160px; }
#business .other .point .list > div p { line-height: 1.6; font-size: 17px; }
#business .other .point .list > div p span { font-size: 13px; }
#business .other .point .note { margin: 0 auto; }
#business .contact { margin: 120px auto 0 auto; padding: 0 10px; }
#business .contact h4 { padding: 0; background: none; text-align: center; }
#business .contact h4 span { padding: 0 0 0 30px; display: inline-block; line-height: 1.2; color: #70c0e8; background: url("../img/ar02_lb_b.png") no-repeat left top 9px; background-size: 12px auto; font-size: 24px; font-weight: 500; }

/*--------------------------------------------------------------------------
	メンバーさんの声
--------------------------------------------------------------------------*/
/* index.html */
#voice .intro { margin: 0 0 50px 0; text-align: center; }
#voice .intro > p { line-height: 2.4; }
#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 30px 15px 20px; display: table; width: 100%; table-layout: fixed; border-radius: 3px; }
#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:active, #voice .list section a:hover { opacity: 0.7; }
#voice .list section a .name, #voice .list section a .change { display: table-cell; vertical-align: middle; }
#voice .list section a .name { width: 220px; font-size: 0; }
#voice .list section a .name h3, #voice .list section a .name p.age { display: inline-block; line-height: 1; vertical-align: middle; }
#voice .list section a .name h3 { margin: 0 15px 0 0; font-weight: 500; }
#voice .list section a .name h3 span.main { display: inline-block; color: #70c0e8; font-size: 22px; }
#voice .list section a .name h3 span.main + span { font-size: 15px; }
#voice .list section a .name p.age { font-size: 12px; }
#voice .list section a .name p.joining { margin: 5px 0 0 0; display: block; font-size: 12px; }
#voice .list section a .change { padding: 0 0 0 30px; border-left: 1px solid #70c0e8; }
#voice .list section a .change > span { padding: 0 10px; display: inline-block; line-height: 20px; color: #fff; background: #70c0e8; font-size: 13px; text-align: center; border-radius: 3px; }
#voice .list section a .change h4 { margin: 5px 0 0 0; line-height: 1.6; font-size: 19px; font-weight: 500; }
#voice .list section a .change h4 br.sp { display: none; }
#voice .list section a .change h4 span.in_blo { margin: 0 10px 0 0; }

/* article.html */
#voice_ar .data { margin: 0 auto; display: table; width: 100%; max-width: 900px; table-layout: fixed; }
#voice_ar .data .name, #voice_ar .data .question { display: table-cell; vertical-align: middle; }
#voice_ar .data .name { padding: 15px 20px; width: 300px; color: #fff; background: #22c1ea; border-radius: 3px; }
#voice_ar .data .name h3, #voice_ar .data .name p.age { display: inline-block; line-height: 1; vertical-align: middle; }
#voice_ar .data .name h3 { margin: 0 15px 0 0; font-weight: 500; }
#voice_ar .data .name h3 span.main { display: inline-block; font-size: 24px; }
#voice_ar .data .name h3 span.main + span { font-size: 15px; }
#voice_ar .data .name p.age { font-size: 14px; }
#voice_ar .data .name p.joining { margin: 5px 0 0 0; display: block; font-size: 13px; }
#voice_ar .data .question { padding: 0 0 0 40px; }
#voice_ar .data .question dl { display: table; width: 100%; }
#voice_ar .data .question dl dt, #voice_ar .data .question dl dd { display: table-cell; vertical-align: top; }
#voice_ar .data .question dl dt { padding: 2px 0 0 0; width: 210px; font-size: 13px; }
#voice_ar .data .question dl dd { padding: 0 0 0 30px; color: #3692b5; background: url("../img/ar02_lb_r.png") no-repeat left top 11px; background-size: 6px auto; font-size: 14px; }
#voice_ar h4.report_sbj { margin: 50px auto 15px auto; padding: 0 15px; color: #3692b5; font-size: 21px; font-weight: 500; max-width: 900px; }
#voice_ar h4.report_sbj span { margin: 0 10px 0 0; display: inline-block; color: #22c1ea; }
#voice_ar .report { margin: 0 auto; padding: 40px 10px; border: 1px solid #7ab7ce; width: 100%; max-width: 900px; border-radius: 3px; }
#voice_ar .report img { margin: 0 auto; display: block; max-width: 840px; }
#voice_ar .back_btn_frm { margin: 50px auto 0 auto; max-width: 700px; }
#voice_ar .back_btn_frm .back_btn a { font-size: 21px; }
#voice_ar .back_btn_frm .back_btn a.prev, #voice_ar .back_btn_frm .back_btn a.next { color: #3692b5; width: 100px; font-size: 19px; }
#voice_ar .back_btn_frm .back_btn a.prev:hover, #voice_ar .back_btn_frm .back_btn a.next:hover { opacity: 0.7; }
#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; }

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