@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  service_en.css
 style info :  サービス共通設定
=================================================================== */
/* SECTION 
--------------------------------------------------------------*/
.main_contents h2 { margin: 0; padding: 2rem; font-weight: 700; color: #fff; }
.main_contents h3 { margin: 0; font-size: 1.5rem; font-weight: 700; }
.main_contents h4 { font-weight: 700; }

.main_contents p.caption   { margin: .25em 0; text-indent: -1em; padding-left: 1em; }
/* サービスビジュアル */
#services_visual           { margin: 0 auto; padding: 90px 740px 0 40px; width: 1400px; height: 500px; background: url(/common/img/service/services_visual.png) no-repeat; }
#services_visual h1        { margin-bottom: .75em; font-weight: 500; font-size: 4rem; text-align: left; color: #b07c1f; padding-bottom: .15em; border-bottom: solid 2px #b07c1f; }
#services_visual .read_en  { font-size: 1.5rem; color: #000; }
/* レギュラーサービスイントロ */
#regular_service    { margin: 0 auto; width: 1400px; }
#regular_service h2 { background: #7b591b; }
#regular_service .regular_top_intro            { padding: 40px 740px 0 40px; height: 460px; background: url(/common/img/service/regular_top_img.png) right no-repeat; }
#regular_service .regular_top_intro h3         { margin: 0 auto; font-size: 1.25rem; color: #7b591b; text-align: center; }
#regular_service .regular_top_intro p          { margin: 1.5rem 0; font-size: 1.1rem; text-align: justify; }
#regular_service .regular_top_intro .round_btn { margin: 0 auto; background: #7b591b; }
/* このような方におすすめです */
#regular_service .regular_att           { margin: 0 auto; text-align: center; }
#regular_service .regular_att p         { margin: 0; padding: 3rem; font-weight: 500; font-size: 1.75rem; color: #7b591b; }
#regular_service .regular_att p::before { content: '\f078'; font-size: 2.8rem; font-family: 'Font Awesome 5 Free'; font-weight: 900; vertical-align: -.5rem; padding-right: .9rem; }
/* 単身・経営者の方 共働き・お子様をお持ちの方 シニア・在宅ワークの方 */
#regular_service .regular_content               { margin-bottom: 80px; width: 1400px; height: 538px; position: relative; }
#regular_service .regular_content .l-content    { float: left; padding: 0 20px 0 40px; width: 700px; height: 265px; text-align: center; color: #fff; background: #7b591b; }
#regular_service .regular_content .l-content h3 { margin: 2rem 0 1.25rem 0; font-size: 1.25rem; line-height: 1; }
#regular_service .regular_content .l-content p  { margin: 1.25rem 0; font-size: 1rem; }
#regular_service .regular_content .image        { padding: 0 20px 0 40px; width: 700px; position: absolute; top: 170px; }
#regular_service .regular_content .r-content    { float: right; padding: 2rem 40px 0 40px; width: 700px; height: 265px; color: #fff; background: #7b591b; }
#regular_service .regular_content .r-content ul { font-size: 1rem; line-height: 2; }
#regular_service .regular_content .r-content li { list-style: disc inside; margin: .5em 0; line-height: 1.5; text-indent: -1em; padding-left: 1em; }
#regular_service .regular_content .work_icon    { padding: 40px 40px 0 40px; width: 700px; float: right; }
/* お申し込みはこちら */
#regular_entry,
#spot_entry      { margin: 0 auto; width: 1400px; }
/* ラグジュアリーサービス */
#luxury_service    { margin: 0 auto 100px auto; width: 1400px; }
#luxury_service h2 { color: #f0c482; background: #443620; font-family: serif!important; font-weight: 900; }
#luxury_service .luxury_intro                { padding: 0; height: 460px; background: #f9f4ea url(/common/img/service/luxury_img.png) right top no-repeat; }
#luxury_service .luxury_intro .lux_bdr       { width: 660px; height: 420px; position: relative; top: 20px; left: 20px; border: 2px solid #c8a063; }
#luxury_service .luxury_intro h3             { margin: 0 auto .5em auto; padding: 1em 0 0 0; font-size: 1.5rem; color: #6c512f; }
#luxury_service .luxury_intro h4             { margin: 0 auto; padding: 0; font-size: 2rem; color: #6c512f; font-family: serif!important; font-weight: 900; }
#luxury_service .luxury_intro p              { margin: 0 auto; padding: 1em 2.5em; font-size: 1rem; text-align: justify; color: #000; }
#luxury_service .luxury_intro .round_btn     { background: #c8a063; }
#luxury_service .luxury_intro .round_btn a   { color: #000; }
/* スポットサービス */
#spot_service    { margin: 0 auto 100px auto; width: 1400px; }
#spot_service h2 { background: #ea7900; }
#spot_service .spot_top_intro            { padding: 40px 740px 20px 40px; height: 460px; background: url(/common/img/service/spot_top_img.png) right no-repeat; }
#spot_service .spot_top_intro h3         { margin: 0 auto; font-size: 1.25rem; color: #ea7900; }
#spot_service .spot_top_intro p          { margin: 1.5rem auto; font-size: 1rem; text-align: justify; }
#spot_service .spot_top_intro .round_btn { background: #ea7900; }
#spot_service .f-content            { }
#spot_service .f-content .l-content { padding: 40px 20px 0 40px; float: left; width: 700px; height: 265px; color: #fff; background: #ea7900; }
#spot_service .f-content h3         { margin: 0 auto; font-size: 1.25rem; }
#spot_service .f-content ul         { margin: 1.25rem 0; font-size: 1rem; }
#spot_service .f-content li         { list-style: disc inside; margin: .5em 0; line-height: 1.5; text-indent: -1em; padding-left: 1em; }
#spot_service .f-content .work_icon { padding: 40px 40px 0 40px; width: 700px; float: right; }
/* 除菌・抗菌サービス */
#disinfectant_service    { margin: 0 auto 100px auto; width: 1400px; }
#disinfectant_service h2 { background: #00886d; }
#disinfectant_service .disinfectant_top_intro    { padding: 40px 740px 20px 40px; height: 460px; background: url(/common/img/service/disinfectant_top_img.png) right no-repeat; }
#disinfectant_service .disinfectant_top_intro h3 { margin: 0 auto; font-size: 1.25rem; color: #00886d; }
#disinfectant_service .disinfectant_top_intro p  { margin: 1.5rem auto; font-size: 1rem;text-align: justify; }
#disinfectant_service .disinfectant_top_intro .round_btn { background: #00886d; }
#disinfectant_service .f-content            { }
#disinfectant_service .f-content .l-content { padding: 40px 20px 0 40px; float: left; width: 700px; height: 265px; color: #fff; background: #00886d; }
#disinfectant_service .f-content h3         { margin: 0 auto; font-size: 1.25rem; }
#disinfectant_service .f-content ul         { margin: 1.25rem 0; font-size: 1rem; }
#disinfectant_service .f-content li         { list-style: disc inside; }
#disinfectant_service .f-content .work_icon { padding: 40px 40px 0 40px; width: 700px; float: right; }
/* サービス対象エリア */
#service_area             { margin: 100px auto 0 auto; padding: 1rem 0 3rem 0; width: 1400px; text-align: center; background: #f2f2f2; }
#service_area h3          { margin-bottom: 0; padding: 2rem; font-size: 1.75rem; }
#service_area ul          { margin-bottom: 2rem; list-style: none none; }
#service_area li          { margin: 0 170px; padding: 2rem 0; width: 360px; font-size: 1.5rem; text-align: center; background: #fff; display: inline-block; }
#service_area p.caution   { margin-top: 1rem; font-size: 1.25rem; line-height: 1.5; text-indent: -1em; padding-left: 1em; }
/* 料金表はこちら */
#service_price            { margin: 0 auto; padding: 70px 0 100px 0; width: 1400px; text-align: center; }
#service_price .round_btn { background: #b07c1f; }
/* ==ここまで サービスtop PC設定============================================= */

@media screen and (max-width: 768px) {
.main_contents h2 { padding: 4vw 0; font-size: 5vw; }
/* サービスビジュアル */
#services_visual           { padding: 8vw 3vw 0 3vw; width: 100%; height: 53vw; background-image: linear-gradient(90deg, #fff, #fff, rgba(255,255,255,.4), rgba(255,255,255,0)), url(/common/img/service/services_visual.png); background-repeat: no-repeat; background-position: left, 85%; background-size: cover; }
#services_visual h1        { font-weight: normal; font-size: 9.5vw; width: 55%; }
#services_visual .read_en  { font-size: 3.6vw; margin: 0; }
/* レギュラーサービスイントロ */
#regular_service                       { margin: 0 auto; width: 100%; }
#regular_service .regular_top_intro    { padding: 60% 0 0 0; height: auto; background: url(/common/img/service/regular_img.png) top right no-repeat; background-size: 200%; }
#regular_service .regular_top_intro h3 { margin: 5vw; font-size: 4vw; line-height: 1.5; }
#regular_service .regular_top_intro p  { margin: 5vw; font-size: 3vw; }
/* このような方におすすめです */
#regular_service .regular_att p         { padding: 6vw 1em; font-size: 3.6vw; }
#regular_service .regular_att p::before { content: '\f078'; font-size: 8vw; font-family: 'Font Awesome 5 Free'; font-weight: 900; vertical-align: -1.5vw; padding-right: 2vw; }
/* 単身・経営者の方 共働き・お子様をお持ちの方 シニア・在宅ワークの方 */
#regular_service .regular_content                 { margin-bottom: 0; width: 100%; height: auto; }
#regular_service .regular_content .l-content      { float: none; padding: 4vw 5vw; width: 100%; height: 34vw; }
#regular_service .regular_content.last .l-content { height: 44vw; }
#regular_service .regular_content .l-content h3   { margin: 0; font-size: 3.8vw; line-height: initial; }
#regular_service .regular_content .l-content p    { margin: 3vw 0; font-size: 2.6vw; line-height: 1.8; }
#regular_service .regular_content .image          { margin-bottom: -5vw; padding: 0 5vw; width: 100%; position: relative; top: -9vw; }
#regular_service .regular_content .image img      { width: 100%; }
#regular_service .regular_content .r-content      { float: none; padding: 0 5vw; width: 100%; height: initial; color: #000; background: #fff; }
#regular_service .regular_content .r-content ul   { font-size: 3vw; line-height: 2; list-style-position: inside; margin: 0; }
#regular_service .regular_content .work_icon      { padding: 5vw; width: 100%; float: none; }
#regular_service .regular_content .work_icon img  { width: 100%; }
/* お申し込みはこちら */
#regular_entry,
#spot_entry      { margin: 0 auto; width: 100%; }
#regular_entry .entry a { /*padding: 3vw 0 3vw 6vw;*/ }
/* ラグジュアリーサービス */
#luxury_service               { margin: 0 0 10vw 0; width: 100%; }
#luxury_service h2            { color: #f0c482; background: #443620; font-family: serif!important; font-weight: 900; }
#luxury_service .luxury_intro { padding: 65.714286% 5vw 5vw 5vw; height: auto; background: #f9f4ea url(/common/img/service/luxury_img.png) top no-repeat; background-size: 100%; }
#luxury_service .luxury_intro .lux_bdr   { position:static; margin-top: 5vw; width: 100%; height: auto; border: 2px solid #c8a063; }
#luxury_service .luxury_intro h3         { margin: 0 auto; padding: 1em 0 0 0; font-size: 3.2vw; line-height: 2; }
#luxury_service .luxury_intro h4         { font-size: 5vw; }
#luxury_service .luxury_intro p          { margin: .75em 1em; padding: 0; font-size: 3vw; text-align: justify; }
#luxury_service .luxury_intro .round_btn { margin-bottom: 5vw; }
/* スポットサービス */
#spot_service                    { margin: 0; width: 100%; }
#spot_service .spot_top_intro    { padding: 65.714286% 0 0 0; height: auto; background: url(/common/img/service/spot_top_img.png) right top no-repeat; background-size: contain; }
#spot_service .spot_top_intro h3 { margin: 5vw auto 0 auto; font-size: 4vw; color: #ea7900; }
#spot_service .spot_top_intro p  { margin: 5vw; font-size: 3vw; }
#spot_service .f-content                { margin-top: 5vw; }
#spot_service .f-content .l-content     { padding: 5vw; float: none; width: 100%; height: auto; }
#spot_service .f-content h3             { margin: 0 auto; font-size: 4vw; }
#spot_service .f-content ul             { margin: 3vw 0 0 0; font-size: 3vw; }
#spot_service .f-content .work_icon     { padding: 5vw; width: 100%; float: none; }
#spot_service .f-content .work_icon img { width: 100%; }
/* 除菌・抗菌サービス */
#disinfectant_service                            { margin: 0; width: 100%; }
#disinfectant_service .disinfectant_top_intro    { padding: 65.714286% 0 0 0; height: auto;  background: url(/common/img/service/disinfectant_top_img.png) right top no-repeat; background-size: contain; }
#disinfectant_service .disinfectant_top_intro h3 { margin: 5vw auto 0 auto; font-size: 4vw; color: #00886d; }
#disinfectant_service .disinfectant_top_intro p  { margin: 5vw; font-size: 3vw; }
#disinfectant_service .f-content                 { margin-top: 5vw; }
#disinfectant_service .f-content .l-content      { padding: 5vw; float: none; width: 100%; height: auto; color: #fff; background: #00886d; }
#disinfectant_service .f-content h3              { margin: 0 auto; font-size: 4vw; }
#disinfectant_service .f-content ul              { margin: 3vw 0 0 0; font-size: 3vw; }
#disinfectant_service .f-content .work_icon      { padding: 5vw; width: 100%; float: none; }
#disinfectant_service .f-content .work_icon img  { width: 100%; }
/* サービス対象エリア */
#service_area           { margin: 0 auto; padding: 4vw 5vw; width: 100%; }
#service_area h3        { margin-bottom: 0; padding: 1vw; font-size: 4vw; }
#service_area ul        { margin-bottom: 4vw; }
#service_area li        { margin: 3vw 0; padding: 5vw 0; width: 55%; font-size: 4vw; }
#service_area p.caution { margin: 2vw 0 0 0; font-size: 2.5vw;  }
/* 料金表はこちら */
#service_price            { margin: 0 auto; padding: 8vw 0; width: 100%; text-align: center; }
#service_price .round_btn { width: 60vw; }
}
/* ==ここまで サービスtop SP設定============================================= */

/* 下層ページ SECTION 
--------------------------------------------------------------*/
/* 初回お試しサービス 
--------------------------------------------------------------*/
#trial_service    { margin: 0 auto; width: 1400px; }
#trial_service h2 { background: #b07c1f; }
/* 初回お試しイントロ */
#trial_service .trial_intro            { padding: 40px 740px 0 40px; height: 420px; background-image: linear-gradient(90deg, #fff 50%, rgba(255,255,255,.4) 65%, rgba(255,255,255,0)), url(/common/img/service/trial_img.png); background-repeat: no-repeat; background-position: left, right; }
#trial_service .trial_intro h3         { margin: 0 auto; font-size: 1.25rem; line-height: 2; color: #b07c1f; text-align: center; }
#trial_service .trial_intro p          { margin: 1.5rem auto; font-size: 1rem; line-height: 2; text-align: justify; }
#trial_service .trial_intro .round_btn { width: 510px; background: #b07c1f; }
/* 初回お試しサービスの内容 */
.trial_feature                      { margin: 80px auto; }
.trial_feature h3                   { font-size: 1.75rem; text-align: center; color: #b07c1f; }
.trial_feature .title_border        { margin: 30px auto; display: flex; align-items: center; }
.trial_feature .title_border:before,
.trial_feature .title_border:after  { border-top: 2px solid #b07c1f; content: ""; flex-grow: 1; }
.trial_feature .title_border:before { margin-right: 1rem; }
.trial_feature .title_border:after  { margin-left: 1rem; }
.trial_feature .title_border h3     { font-size: 1.75rem; text-align: center; color: #b07c1f; }
.trial_feature .feature_image     { width: 700px; float: left; }
.trial_feature .feature_image img { padding: 50px 40px 0 40px; width: 100%; }
.trial_feature .feature_copy               { padding: 50px 40px 0 20px; width: 700px; float: right; }
.trial_feature .feature_copy ul            { list-style: none none; }
.trial_feature .feature_copy li            { padding: 2rem 0 2rem 126px; font-size: 1.25rem; background: url(/en/img/service/60min_en.png) left no-repeat; border-bottom: 1px solid #bababa; }
.trial_feature .feature_copy li:last-child { padding: 4rem 0 0 0; background: none; border: none; }
.trial_feature .feature_copy li h4         { font-size: 1.65rem; margin: .5em 0; text-align: left; }
.trial_feature .feature_copy li .info_copy { margin-top: 3rem; line-height: 2; }
.trial_feature .feature_copy li p          { margin: 0; }
/* 初回お試し料金 */
.trial_price                      { margin: 80px auto; }
.trial_price h3                   { font-size: 1.75rem; text-align: center; color: #b07c1f; }
.trial_price .title_border        { margin: 30px auto; display: flex; align-items: center; }
.trial_price .title_border:before,
.trial_price .title_border:after  { border-top: 2px solid #b07c1f; content: ""; flex-grow: 1; }
.trial_price .title_border:before { margin-right: 1rem; }
.trial_price .title_border:after  { margin-left: 1rem; }
.trial_price .title_border h3     { font-size: 1.5rem; text-align: center; color: #b07c1f; }
.trial_price p.readcopy           { margin: 50px auto; font-weight: 500; font-size: 1.5rem; text-align: center; }
.trial_price p.caption            { font-size: 1.125rem; line-height: 1.5; margin-left: 40px; }
.trial_price table                    { margin: 20px auto; padding: 0 40px; width: 100%; font-size: 1.25rem; text-align: center; border-collapse: separate; border-spacing: 2px; }
.trial_price table th                 { color: #fff; background: #b07c1f; }
.trial_price table th,
.trial_price table td                 { padding: .5em; vertical-align: middle; }
.trial_price table tr:nth-child(even) { background: #f5f5f5; }
.trial_price table tr:nth-child(odd)  { background: #ebebeb; }
.trial_price table tr:nth-child(even) td:first-child { background: #fff4d6; }
.trial_price table tr:nth-child(odd) td:first-child  { background: #f6e0a5; }
/* ==ここまで 初回お試しサービス PC設定============================================= */

@media screen and (max-width: 768px) {
#trial_service    { width: 100%; }
/* 初回お試しイントロ */
#trial_service .trial_intro        { padding: 0; height: auto; background: none; }
#trial_service .trial_intro:before { content: ''; width: 100%; padding-top: 60%; display: block; background: url(/common/img/service/trial_img.png) no-repeat; background-size: 100%; }
#trial_service .trial_intro h3      { margin: 5vw auto; font-size: 4vw; color: #b07c1f; text-align: center; }
#trial_service .trial_intro p       { margin: 5%; font-size: 3vw; line-height: 2; text-align: justify; }
#trial_service .trial_intro .round_btn   { width: 90vw; height: 12vw; border-radius: 6vw; }
#trial_service .trial_intro .round_btn a { display: block; line-height: 12vw; width: 100%; font-weight: 400; font-size: 3.8vw; text-decoration: none; color: #fff; }
/* 初回お試しサービスの内容 */
.trial_feature                      { margin: 10vw auto 5vw auto; }
.trial_feature h3                   { font-size: 3.5vw; }
.trial_feature .title_border        { margin: 0 auto; display: flex; align-items: center; }
.trial_feature .title_border:before,
.trial_feature .title_border:after  { border-top: 2px solid #b07c1f; content: ""; flex-grow: 1; }
.trial_feature .title_border:before { margin-right: 1rem; }
.trial_feature .title_border:after  { margin-left: 1rem; }
.trial_feature .title_border h3     { font-size: 3.5vw; }
.trial_feature .feature_image              { width: 100%; float: none; }
.trial_feature .feature_image img          { padding: 5vw 5vw 0 5vw; width: 100%; }
.trial_feature .feature_copy               { padding: 0 5vw 0 5vw; width: 100%; float: none; }
.trial_feature .feature_copy li            { padding: 5vw 0 5vw 20vw; font-size: 2.8vw; background-size: 16vw; }
.trial_feature .feature_copy li:last-child { padding: 5vw 0 0 0; }
.trial_feature .feature_copy li h4         { font-size: 3.5vw; }
.trial_feature .feature_copy li .info_copy { margin-top: 5vw; }
/* 初回お試し料金 */
.trial_price                        { margin: 5vw auto; }
.trial_price h3                     { font-size: 1.75rem; }
.trial_price .title_border          { margin: 5vw auto; }
.trial_price .title_border:before,
.trial_price .title_border:after    { border-top: 2px solid #b07c1f; content: ""; flex-grow: 1; }
.trial_price .title_border:before   { margin-right: 1rem; }
.trial_price .title_border:after    { margin-left: 1rem; }
.trial_price .title_border h3       { font-size: 4vw; text-align: center; color: #b07c1f; }
.trial_price p.readcopy             { margin: 5vw; font-size: 3vw; }
.trial_price p.caption              { font-size: 2.5vw; margin: 0 5vw; }
.trial_price table                  { margin: 5vw 0; padding: 0 5vw; font-size: 2.5vw; }
.trial_price table tr td:last-child { white-space: nowrap; }
}
/* ==ここまで 初回お試しサービス SP設定============================================= */

/* レギュラーサービス 
--------------------------------------------------------------*/
/* レギュラーサービスイントロ */
#regular_service .regular_intro          { padding: 0 740px 0 40px; height: 420px; background-image: linear-gradient(90deg, #fff 48%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 55%), url(/common/img/service/regular_img.png); background-repeat: no-repeat; background-position: left, right; }
#regular_service .regular_intro p.l_para { margin: 0 auto; padding: 0; font-weight: 500; font-size: 1.5rem; line-height: 2; text-align: justify; position: relative; top: 50%; transform: translateY(-50%); }
/* レギュラーサービスの特徴 */
#regular_service .regular_feature     { margin: 80px auto 0 auto; }
#regular_service .regular_feature h3  { font-size: 1.5rem; color: #7b591b; }
#regular_service .regular_feature h3 .blk { color: #000; }
#regular_service .title_border        { margin: 30px auto; display: flex; align-items: center; }
#regular_service .title_border:before,
#regular_service .title_border:after  { border-top: 2px solid #7b591b; content: ""; flex-grow: 1; }
#regular_service .title_border:before { margin-right: 1rem; }
#regular_service .title_border:after  { margin-left: 1rem; }
ul.feature_list                    { margin: 0 20px 0 20px; width: 1360px; list-style: none none; }
ul.feature_list li                 { float: left; width: 430px; margin: 60px 35px 0 0; }
ul.feature_list li:nth-child(3n)   { margin-right: 0; }
ul.feature_list li h4              { margin-bottom: 1.25rem; padding-top: 74.418605%; padding-bottom: .75rem; line-height: 1.5; color: #7b591b; border-bottom: 2px solid #7b591b; font-size: 1.25rem; }
ul.feature_list li:nth-child(1) h4 { background: url(/common/img/service/icon_auth.png) center 60px no-repeat; background-size: 90%; }
ul.feature_list li:nth-child(2) h4 { background: url(/common/img/service/reg_feature_img2.png) no-repeat; background-size: contain; }
ul.feature_list li:nth-child(3) h4 { background: url(/common/img/service/reg_feature_img3.png) no-repeat; background-size: contain; }
ul.feature_list li:nth-child(4) h4 { background: url(/common/img/service/reg_feature_img4.png) no-repeat; background-size: contain; }
ul.feature_list li:nth-child(5) h4 { background: url(/common/img/service/reg_feature_img5.png) no-repeat; background-size: contain; }
ul.feature_list li:nth-child(6) h4 { background: url(/common/img/service/reg_feature_img6.png) no-repeat; background-size: contain; }
ul.feature_list li p               { padding: 0 15px; font-size: 1rem; line-height: 2; text-align: justify; } 
/* レギュラーサービスの提供内容 */
.regular_offer               { margin: 80px auto; }
.regular_offer h3            { font-size: 1.5rem; color: #7b591b; }
.regular_offer p.readcopy    { margin: 50px auto; font-size: 1.25rem; text-align: center; }
.regular_offer .icon_all     { margin: 0 auto; width: 1200px; }
.regular_offer .icon_all .pc { margin: 0 auto; }
.regular_offer .icon_all .sp { display: none; }
/* レギュラーサービスのご利用例 */
.regular_example                            { margin: 80px auto; }
.regular_example h3                         { font-size: 1.5rem; color: #7b591b; }
.regular_example .case1                     { margin-top: 80px; background: #f9f4ea; }
.regular_example .case2                     { background: #fbefdb; }
.regular_example .example_copy              { float: left; width: 700px; }
.regular_example .example_copy h4           { padding: 1.75rem 1rem 6rem 1rem; font-size: 1.5rem; line-height: 1.5; color: #fff; background: #7b591b; }
.regular_example .example_copy .image       { margin: -4.25rem auto 0 40px; width: 620px; }
.regular_example .example_copy p.readcopy   { padding: 30px 40px; font-size: 1rem; line-height: 2; text-align: justify; }
.regular_example .example_time              { float: right; width: 700px; padding: 40px 40px 40px 60px; }
.regular_example .example_time p.caption    { font-size: 1rem; line-height: 1.5; }
.regular_example .example_time ul           { list-style: none none; margin-bottom: 1rem; }
.regular_example .example_time .time        { margin: 0; font-weight: 500; font-size: 22px; line-height: 22px; position: relative; }
.regular_example .example_time .time:before { margin-right: 20px; content: ''; width: 22px; height: 22px; background: #2d9cca; float: left; top: 100%; border-radius: 11px; }
.regular_example .example_time .time:after  { content: ''; width: 460px; height: 1px; background: #bababa; float: right; right: 0; margin-top: 11px; }
.regular_example .example_time .action      { margin-bottom: 0; margin-left: 8.5px; border-left: 5px solid #2d9cca; padding: .5em 0 .5em calc(120px + 1em); font-size: 1rem; line-height: 2; }
.regular_example .example_time .action strong { font-weight: 700; }
.regular_example .example_time .action.landry                 { background: url(/common/img/service/icon/landry.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.dish-washing           { background: url(/common/img/service/icon/dish-washing.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.bathroom_cleaning      { background: url(/common/img/service/icon/bathroom_cleaning.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.laundry_hanging        { background: url(/common/img/service/icon/laundry_hanging.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.toilet_cleaning        { background: url(/common/img/service/icon/toilet_cleaning.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.window_cleaning        { background: url(/common/img/service/icon/window_cleaning.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.dusting                { background: url(/common/img/service/icon/dusting.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.vacume_cleaning        { background: url(/common/img/service/icon/vacume_cleaning.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.ironing                { background: url(/common/img/service/icon/ironing.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.taking-out_the_garbage { background: url(/common/img/service/icon/taking-out_the_garbage.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.shopping               { background: url(/common/img/service/icon/shopping.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
.regular_example .example_time .action.pets_room_cleaning     { background: url(/common/img/service/icon/pets_room_cleaning.png) no-repeat; background-size: 60px; background-position: 35px 50%; }
/* レギュラー 料金プラン */
.regular_price                      { margin: 80px auto; }
.regular_price h3                   { color: #7b591b; }
.regular_price .title_border        { margin: 30px auto; display: flex; align-items: center; }
.regular_price .title_border:before,
.regular_price .title_border:after  { border-top: 2px solid #7b591b; content: ''; flex-grow: 1; }
.regular_price .title_border:before { margin-right: 1rem; }
.regular_price .title_border:after  { margin-left: 1rem; }
.regular_price .title_border h3     { font-size: 1.5rem; text-align: center; color: #7b591b; }
.regular_price p.readcopy { margin: 50px auto; font-weight: 500; font-size: 1.25rem; line-height: 1.5; text-align: center; }
.regular_price p.caption  { font-size: 1.125rem; line-height: 1.5; margin-left: 40px; }
.regular_price table                    { margin: 20px auto; padding: 0 40px; width: 100%; font-size: 1.25rem; text-align: center; border-collapse: separate; border-spacing: 2px; }
.regular_price table th                 { color: #fff; background: #7b591b; }
.regular_price table th,
.regular_price table td                 { padding: .5em; vertical-align: middle; white-space: nowrap; }
.regular_price table tr:nth-child(even) { background: #f5f5f5; }
.regular_price table tr:nth-child(odd)  { background: #ebebeb; }
.regular_price table tr:nth-child(even) td:first-child { background: #fff4d6; font-weight: bold; }
.regular_price table tr:nth-child(odd) td:first-child  { background: #f6e0a5; font-weight: bold; }
/* 豊富なオプションメニュー */
.regular_option           {}
.regular_option h3        { color: #7b591b; }
.regular_option ul        { list-style: none none; padding: 0 40px; }
.regular_option ul li     { margin-bottom: 60px; min-height: 360px; position: relative; }
.regular_option ul li img { width: 650px; position: absolute; right: 0; top: 0; }
.regular_option ul li h4  { font-size: 1.5rem; text-align: left; }
.regular_option ul li p   { margin: 1em 0; font-size: 1.25rem; line-height: 2; width: 630px; text-align: justify; }
.regular_option table                       { font-size: 1.25rem; width: 630px; border-collapse: separate; border-spacing: 2px; }
.regular_option table th                    { padding: .5em; background: #f5f5f5; vertical-align: middle; }
.regular_option table td                    { padding: .5em; background: #f5f5f5; }
.regular_option table tr:nth-child(even) td { background: #ebebeb; }
.regular_option table tr td:last-child      { padding-right: 1em; text-align: right; }
.regular_option table caption               { margin-top: .5em; caption-side: bottom; text-align: right; font-size: 90%; }
.regular_option p.caption                   { font-size: 1.125rem; line-height: 1.5; text-align: center; }
/* ご利用までの流れ */
#regular_flow                { margin-bottom: 100px; }
#regular_flow .outer_shell   { margin: 0 auto; width: 1400px; }
#regular_flow h3             { margin: 30px 0; font-size: 1.85rem; }
#regular_flow ul             { list-style: none none; padding: 0 100px; }
#regular_flow li             { margin-bottom: 35px; padding: 0; border: 1px solid #dbdbdb; position: relative; display: table; width: 100%; }
#regular_flow li:after               { content: ''; position: absolute; left: 43px; top: calc(100% - 1px); border: 21px solid transparent; border-top: 21px solid #7b591b; }
#regular_flow ul li:last-child:after { border: none; }
#regular_flow li .step       { margin: 0; width: 127px; height: 98px; font-size: 1.75rem; vertical-align: middle; text-align: center; color: #fff; background: #7b591b; display: table-cell; }
#regular_flow li .images     { margin: 0; width: 160px; text-align: center; display: table-cell; vertical-align: middle; }
#regular_flow li .images img { width: initial; }
#regular_flow li .text       { margin: 0; display: table-cell; }
#regular_flow li h4          { margin: 0; padding: .5em 0; font-size: 1.5rem; text-align: left; color: #7b591b; }
#regular_flow li p           { margin: 0; font-size: 1rem; }
/* ==ここまで レギュラーサービス PC設定============================================= */

@media screen and (max-width: 768px) {
/* レギュラーサービスイントロ */
#regular_service .regular_intro          { padding: 0; height: auto; background: none; }
#regular_service .regular_intro:before   { content: ''; width: 100%; padding-top: 60%; display: block; background: url(/common/img/service/regular_img.png) right no-repeat; background-size: cover; }
#regular_service .regular_intro p.l_para { margin: 5vw; padding: initial; font-weight: 500; font-size: 3.6vw; line-height: 2; text-align: justify; position: initial; top: initial; transform: translateY(-0%); }
/* レギュラーサービスの特徴 */
#regular_service .regular_feature     { margin: 5vw auto 0 auto; }
#regular_service .regular_feature h3  { font-size: 4vw; }
#regular_service .title_border        { margin: 0 auto; display: flex; align-items: center; }
#regular_service .title_border:before,
#regular_service .title_border:after  { border-top: 2px solid #7b591b; content: ""; flex-grow: 1; }
#regular_service .title_border:before { margin-right: 1rem; }
#regular_service .title_border:after  { margin-left: 1rem; }
#regular_service .title_border h3     { font-size: 3.5vw; }
ul.feature_list                    { margin: 0; padding: 0 5vw; width: 100%; list-style: none none; }
ul.feature_list li                 { float: none; width: 100%; margin: 0; }
ul.feature_list li:nth-child(3n)   { margin-right: 0; }
ul.feature_list li h4              { margin-bottom: 4vw; padding-top: 62%; padding-bottom: 3vw; font-size: 3.6vw; }
ul.feature_list li:nth-child(1) h4 { background: url(/common/img/service/icon_auth.png) center 10vw no-repeat; background-size: 72%; }
ul.feature_list li:nth-child(2) h4 { background: url(/common/img/service/reg_feature_img2.png) top center no-repeat; background-size: 80%; }
ul.feature_list li:nth-child(3) h4 { background: url(/common/img/service/reg_feature_img3.png) top center no-repeat; background-size: 80%; }
ul.feature_list li:nth-child(4) h4 { background: url(/common/img/service/reg_feature_img4.png) top center no-repeat; background-size: 80%; }
ul.feature_list li:nth-child(5) h4 { background: url(/common/img/service/reg_feature_img5.png) top center no-repeat; background-size: 80%; }
ul.feature_list li:nth-child(6) h4 { background: url(/common/img/service/reg_feature_img6.png) top center no-repeat; background-size: 80%; }
ul.feature_list li p               { margin-bottom: 5vw; padding: 0; font-size: 3vw; } 
/* レギュラーサービスの提供内容 */
.regular_offer               { margin: 10vw auto; }
.regular_offer h3            { font-size: 4vw; }
.regular_offer p.readcopy    { margin: 5vw; font-size: 3vw; }
.regular_offer .icon_all     { width: 100%; }
.regular_offer .icon_all .pc { display: none; }
.regular_offer .icon_all .sp { display: block; padding: 0 5vw; width: 100%; }
/* レギュラーサービスのご利用例 */
.regular_example                            { margin: 10vw auto; }
.regular_example .case1                     { margin-top: 5vw; }
.regular_example .case2                     { }
.regular_example .example_copy              { float: none; width: 100%; }
.regular_example .example_copy h4           { padding: 4vw 1em 5rem 1em; font-size: 4vw; }
.regular_example .example_copy .image       { margin: -5rem auto 0 auto; width: 100%; padding: 0 5vw; }
.regular_example .example_copy .image img   { width:100%; }
.regular_example .example_copy p.readcopy   { margin: 5vw 0; padding: 0 5vw; font-size: 3vw; line-height: 2; text-align: justify; }
.regular_example .example_time              { float: none; width: 100%; margin: 5vw 0 0 0; padding: 0 5vw 5vw 5vw; }
.regular_example .example_time p.caption    { font-size: 2.5vw; }
.regular_example .example_time ul           { margin-bottom: 5vw; }
.regular_example .example_time .time        { font-size: 3.6vw; line-height: 3.6vw; }
.regular_example .example_time .time:before { margin-right: 3vw; content: ''; width: 3.6vw; height: 3.6vw; border-radius: 1.8vw; }
.regular_example .example_time .time:after  { content: ''; width: 62vw; height: 1px; margin-top: 1.6vw; }
.regular_example .example_time .action      { margin-left: calc(1.8vw - 2px); border-left: 4px solid #2d9cca; padding: 2vw 0 1vw 20vw; font-size: 3vw; }
.regular_example .example_time .action.landry                 { background: url(/common/img/service/icon/landry.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.dish-washing           { background: url(/common/img/service/icon/dish-washing.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.bathroom_cleaning      { background: url(/common/img/service/icon/bathroom_cleaning.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.laundry_hanging        { background: url(/common/img/service/icon/laundry_hanging.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.toilet_cleaning        { background: url(/common/img/service/icon/toilet_cleaning.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.window_cleaning        { background: url(/common/img/service/icon/window_cleaning.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.dusting                { background: url(/common/img/service/icon/dusting.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.vacume_cleaning        { background: url(/common/img/service/icon/vacume_cleaning.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.ironing                { background: url(/common/img/service/icon/ironing.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.taking-out_the_garbage { background: url(/common/img/service/icon/taking-out_the_garbage.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.shopping               { background: url(/common/img/service/icon/shopping.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
.regular_example .example_time .action.pets_room_cleaning     { background: url(/common/img/service/icon/pets_room_cleaning.png) no-repeat; background-size: 9vw; background-position: 6vw 50%; }
/* レギュラー 料金プラン */
.regular_price                      { margin: 5vw auto; }
.regular_price h3                   { font-size: 4vw; }
.regular_price .title_border        { margin: 5vw auto; display: flex; align-items: center; }
.regular_price .title_border h3     { font-size: 3.5vw; }
.regular_price p.readcopy { margin: 5vw; font-size: 3vw; }
.regular_price p.caption  { font-size: 2.5vw; margin: 0 5vw; }
.regular_price table      { margin: 5vw 0; padding: 0 5vw; font-size: 2.5vw; }
/* 豊富なオプションメニュー */
.regular_option .title_border { margin: 5vw auto; display: flex; align-items: center; }
.regular_option ul            { padding: 5vw 5vw 0 5vw; }
.regular_option ul li         { margin-bottom: 6vw; min-height: 0px; padding: 0; }
.regular_option ul li img { width: 100%; position: relative; right: initial; top: initial; }
.regular_option ul li h4  { font-size: 4vw; margin: 1em 0; }
.regular_option ul li p   { margin: 1em 0; font-size: 3vw; line-height: 2; width: 100%; text-align: justify; }
.regular_option table                       { font-size: 3vw; width: 100%; border-collapse: separate; border-spacing: 2px; }
.regular_option table th                    { padding: .5em; background: #f5f5f5; vertical-align: middle; }
.regular_option table td                    { padding: .5em; background: #f5f5f5; }
.regular_option table tr:nth-child(even) td { background: #ebebeb; }
.regular_option table tr td:last-child      { padding-right: 1em; text-align: right; }
.regular_option table caption               { margin: .5em 0 0 0; padding: 0; caption-side: bottom; text-align: right; font-size: 90%; }
.regular_option p.caption                   { margin: 0 5vw; font-size: 2.5vw; text-align: left; }
/* ご利用までの流れ */
 #regular_flow                { margin-bottom: 8vw; }
 #regular_flow .outer_shell   { width: 100%; }
 #regular_flow li             { margin-bottom: 3.5vw; }
 #regular_flow li:after       { content: ''; position: absolute; left: 5vw; top: calc(100% - 1px); border: 3vw solid transparent; border-top: 3vw solid #7b591b; }
 #regular_flow li .step       { width: 16vw; height: initial; font-size: 3.5vw; }
 #regular_flow li .images     { width: 18vw; }
 #regular_flow li .images img { height: 10vw; }
 #regular_flow h3             { margin: 5% 0; font-size: 4vw; text-align: center; }
 #regular_flow ul             { list-style: none none; padding: 0 5%; }
 #regular_flow li h4          { padding-top: 2vw; padding-right: 2vw; font-size: 3.2vw; }
 #regular_flow li p           { margin-bottom: 2vw; padding-right: 2vw; font-size: 2.5vw; }
 }
/* ==ここまで レギュラーサービス SP設定============================================= */

/* スポットサービスイントロ */
#spot_service .spot_intro          { padding: 40px 740px 20px 40px; height: 420px; background-image: linear-gradient(90deg, #fff 48%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 55%), url(/common/img/service/spot_img.png); background-repeat: no-repeat; background-position: left, right; }
#spot_service .spot_intro h3       { margin: 0 auto; font-size: 1.5rem; color: #ea7900; }
#spot_service .spot_intro p        { margin: 1.5rem auto; font-size: 1.25rem; line-height: 2; text-align: justify; }
#spot_service .spot_intro p.l_para { margin: 0 auto; padding: 0; font-weight: 500; font-size: 1.5rem; line-height: 2; text-align: justify; position: relative; top: 50%; transform: translateY(-50%); }
/* スポットサービス提供内容 */
.spot_offer                      { margin: 80px auto; }
.spot_offer h3                   { font-size: 1.5rem; color: #ea7900; }
.spot_offer .title_border        { margin: 30px auto; display: flex; align-items: center; }
.spot_offer .title_border:before,
.spot_offer .title_border:after  { border-top: 2px solid #ea7900; content: ""; flex-grow: 1; }
.spot_offer .title_border:before { margin-right: 1rem; }
.spot_offer .title_border:after  { margin-left: 1rem; }
.spot_offer p.readcopy           { margin: 50px auto; font-size: 1.25rem; text-align: center; line-height: 2; }
.spot_offer .icon_all            { margin: 0 auto; width: 1200px; }
.spot_offer .icon_all .pc        { margin: 0 auto; }
.spot_offer .icon_all .sp        { display: none; }
/* スポットサービス料金プラン */
.spot_price                      { margin: 80px auto; }
.spot_price h3                   { font-size: 1.5rem; text-align: center; color: #ea7900; }
.spot_price .title_border        { margin: 30px auto; display: flex; align-items: center; }
.spot_price .title_border:before,
.spot_price .title_border:after  { border-top: 2px solid #ea7900; content: ""; flex-grow: 1; }
.spot_price .title_border:before { margin-right: 1rem; }
.spot_price .title_border:after  { margin-left: 1rem; }
.spot_price p.readcopy           { margin: 50px auto; font-weight: 500; font-size: 1.25rem; text-align: center; }
.spot_price p.caption            { font-size: 1rem; line-height: 1.5; margin-left: 40px; }
.spot_price table                    { margin: 20px auto; padding: 0 40px; width: 100%; font-size: 1.25rem; text-align: center; border-collapse: separate; border-spacing: 2px; }
.spot_price table th                 { color: #fff; background: #ea7900; }
.spot_price table th,
.spot_price table td                 { padding: .5em; }
.spot_price table tr:nth-child(even) { background: #f5f5f5; }
.spot_price table tr:nth-child(odd)  { background: #ebebeb; }
.spot_price table tr:nth-child(even) td:first-child { background: #fff4d6; }
.spot_price table tr:nth-child(odd) td:first-child  { background: #f6e0a5; }
/* ==ここまで スポットサービス PC設定============================================= */

@media screen and (max-width: 768px) {
/* スポットサービスイントロ */
#spot_service .spot_intro          { padding: 0; height: auto; background: none; }
#spot_service .spot_intro:before   { content: ''; width: 100%; padding-top: 60%; display: block; background: url(/common/img/service/spot_img.png) right top no-repeat; background-size: cover; }
#spot_service .spot_intro p.l_para { margin: 5vw; padding: initial; font-size: 3.6vw; position: initial; top: initial; transform: translateY(-0%); }
/* スポットサービス提供内容 */
.spot_offer                      { margin: 5vw auto; }
.spot_offer h3                   { font-size: 3.5vw; }
.spot_offer .title_border        { margin: 0 auto; display: flex; align-items: center; }
.spot_offer .title_border:before,
.spot_offer .title_border:after  { border-top: 2px solid #ea7900; content: ""; flex-grow: 1; }
.spot_offer .title_border:before { margin-right: 1rem; }
.spot_offer .title_border:after  { margin-left: 1rem; }
.spot_offer p.readcopy           { margin: 5vw; font-size: 3vw; }
.spot_offer .icon_all            { width: 100%; }
.spot_offer .icon_all .pc        { display: none; }
.spot_offer .icon_all .sp        { display: block; padding: 0 5vw; width: 100%; }
/* スポットサービス料金プラン */
.spot_price                      { margin: 5vw auto 5vw auto; }
.spot_price h3                   { font-size: 3.5vw; }
.spot_price .title_border        { margin: 0 auto; display: flex; align-items: center; }
.spot_price p.readcopy           { margin: 5vw; font-size: 3vw; }
.spot_price p.caption            { font-size: 2.5vw; margin: 0 5vw; }
.spot_price table                { margin: 5vw auto; padding: 0 5vw; font-size: 2.5vw; }
.spot_price table th             { vertical-align: middle; }
}
/* ==ここまで スポットサービス SP設定============================================= */

/* 除菌・抗菌サービスイントロ */
#disinfectant_service .disinfectant_intro          { padding: 40px 740px 20px 40px; height: 420px; background-image: linear-gradient(90deg, #fff 52%, rgba(255,255,255,.9) 54%, rgba(255,255,255,0) 65%), url(/common/img/service/disinfection_img.png); background-repeat: no-repeat; background-position: left, right; }
#disinfectant_service .disinfectant_intro p.l_para { margin: 0 auto; padding: 0; font-weight: 500; font-size: 1.5rem; line-height: 2; text-align: justify; position: relative; top: 50%; transform: translateY(-50%); }
/* 除菌・抗菌サービスの特徴 */
.disinfectant_feature                       { margin: 80px auto 0 auto; }
.disinfectant_feature h3                    { font-size: 1.75rem; color: #00886d; }
.disinfectant_feature .title_border         { margin: 30px auto; display: flex; align-items: center; }
.disinfectant_feature .title_border:before,
.disinfectant_feature .title_border:after   { border-top: 2px solid #00886d; content: ""; flex-grow: 1; }
.disinfectant_feature .title_border:before  { margin-right: 1rem; }
.disinfectant_feature .title_border:after   { margin-left: 1rem; }
.disinfectant_feature .title_border h3      { font-size: 1.5rem; color: #00886d; }
.disinfectant_feature .service_disinfectant { margin: 80px 0; }
.disinfectant_feature .service_disinfectant .feature_content1,
.disinfectant_feature .service_disinfectant .feature_content4    { width: 700px; float: left; }
.disinfectant_feature .service_disinfectant .feature_content2,
.disinfectant_feature .service_disinfectant .feature_content3    { width: 700px; float: right; }
.disinfectant_feature .service_disinfectant .feature_content1 h4,
.disinfectant_feature .service_disinfectant .feature_content3 h4 { margin-bottom: 0; padding: 1.75rem 1em 6rem 1em; font-size: 1.5rem; line-height: 1.5; color: #fff; background: #00886d; }
.disinfectant_feature .service_disinfectant .feature_content2 h4,
.disinfectant_feature .service_disinfectant .feature_content4 h4 { margin-bottom: 0; padding: 1.75rem 1em 2rem 1em; font-size: 1.5rem; line-height: 1.5; color: #00886d; background: #fff; }
.disinfectant_feature .service_disinfectant .image     { margin: -4.25rem auto 0 auto; width: 640px; }
.disinfectant_feature .service_disinfectant p.readcopy { margin-bottom: 0; padding: 0 40px; font-size: 1rem; line-height: 2; text-align: justify; }
.disinfectant_feature .service_disinfectant ul         { list-style: none none; margin: 40px 40px 0 40px; border-top: 1px solid #bababa; }
.disinfectant_feature .service_disinfectant li         { padding: 1em 0; border-bottom: 1px solid #bababa; }
.disinfectant_feature .service_disinfectant .feature_content2 li        { position: relative; padding-left: 3rem; font-weight: 500; font-size: 1.25rem; line-height: 1.5; color: #005687; }
.disinfectant_feature .service_disinfectant .feature_content2 li:before { position: absolute; left: 0; content: '\f00c'; font-size: 150%; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #005687; }
.disinfectant_feature .service_disinfectant .feature_content4 h5 { margin-bottom: 0; font-size: 1.25rem; line-height: 1.5; color: #005687; text-align: left; }
.disinfectant_feature .service_disinfectant .feature_content4 p  { font-size: 1rem; line-height: 1.5; margin-bottom: 0; }
.disinfectant_feature .service_disinfectant p.caption            { clear: both; padding-top: 3rem; font-size: 1rem; line-height: 1.5; text-align: center; }
/* 除菌・抗菌サービス料金 */
.disinfectant_price                      { margin: 80px auto; }
.disinfectant_price h3                   { font-size: 1.75rem; color: #00886d; }
.disinfectant_price .title_border        { margin: 30px auto; display: flex; align-items: center; }
.disinfectant_price .title_border:before,
.disinfectant_price .title_border:after  { border-top: 2px solid #00886d; content: ""; flex-grow: 1; }
.disinfectant_price .title_border:before { margin-right: 1rem; }
.disinfectant_price .title_border:after  { margin-left: 1rem; }
.disinfectant_price .title_border h3     { font-size: 1.5rem; color: #00886d; }
.disinfectant_price p.readcopy           { margin: 50px auto; font-weight: 500; font-size: 1.5rem; text-align: center; }
.disinfectant_price p.caption            { font-size: 1.125rem; line-height: 1.5; margin-left: 40px; }
.disinfectant_price table     { margin: 20px auto; padding: 0 40px; width: 100%; font-size: 1.25rem; text-align: center; border-collapse: separate; border-spacing: 2px; }
.disinfectant_price table th  { color: #fff; background: #00886d; }
.disinfectant_price table th,
.disinfectant_price table td  { padding: .5em; }
.disinfectant_price table tr:nth-child(even) { background: #f5f5f5; }
.disinfectant_price table tr:nth-child(odd)  { background: #ebebeb; }
.disinfectant_price table tr:nth-child(even) td:first-child { background: #fff4d6; }
.disinfectant_price table tr:nth-child(odd) td:first-child  { background: #f6e0a5; }
/* ==ここまで 除菌・抗菌サービス PC設定============================================= */

@media screen and (max-width: 768px) {
/* 除菌・抗菌サービスイントロ */
#disinfectant_service .disinfectant_intro          { padding: 0; height: auto; background: none; }
#disinfectant_service .disinfectant_intro:before   { content: ''; width: 100%; padding-top: 60%; display: block; background: url(/common/img/service/disinfectant_top_img.png) right bottom no-repeat; background-size: cover; }
#disinfectant_service .disinfectant_intro p.l_para { margin: 5%; padding: initial; font-size: 3.6vw; position: initial; top: initial; transform: translateY(-0%); }
/* 除菌・抗菌サービスの特徴 */
.disinfectant_feature                        { margin: 5vw auto 5vw auto; }
.disinfectant_feature h3                     { font-size: 3.5vw; }
.disinfectant_feature .title_border          { margin: 0 auto; display: flex; align-items: center; }
.disinfectant_feature .title_border:before,
.disinfectant_feature .title_border:after    { border-top: 2px solid #00886d; content: ""; flex-grow: 1; }
.disinfectant_feature .title_border:before   { margin-right: 1rem; }
.disinfectant_feature .title_border:after    { margin-left: 1rem; }
.disinfectant_feature .title_border h3       { font-size: 3.5vw; }
.disinfectant_feature .service_disinfectant  { margin: 5vw 0; }
.disinfectant_feature .service_disinfectant .feature_content1,
.disinfectant_feature .service_disinfectant .feature_content4    { width: 100%; float: none; }
.disinfectant_feature .service_disinfectant .feature_content2,
.disinfectant_feature .service_disinfectant .feature_content3    { width: 100%; float: none; }
.disinfectant_feature .service_disinfectant .feature_content1 h4,
.disinfectant_feature .service_disinfectant .feature_content3 h4 { padding: 4vw 5vw 10vw 5vw; font-size: 4vw; }
.disinfectant_feature .service_disinfectant .feature_content2 h4,
.disinfectant_feature .service_disinfectant .feature_content4 h4 { padding: 4vw 5vw 0 5vw; font-size: 4vw; }
.disinfectant_feature .service_disinfectant .image               { margin: -6vw auto 0 auto; width: 100%; padding: 0 5%; }
.disinfectant_feature .service_disinfectant .image img           { width: 100%; }
.disinfectant_feature .service_disinfectant p.readcopy           { padding: 5vw; font-size: 3vw; }
.disinfectant_feature .service_disinfectant ul                   { list-style: none none; margin: 5vw; border-top: 1px solid #bababa; }
.disinfectant_feature .service_disinfectant li                   { padding: 1em 0; border-bottom: 1px solid #bababa; }
.disinfectant_feature .service_disinfectant .feature_content2 li { position: relative; padding-left: 7vw; font-weight: bold; font-size: 3.6vw; color: #005687; }
.disinfectant_feature .service_disinfectant .feature_content2 li:before { position: absolute; left: 0; content: '\f00c'; font-size:6vw; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #005687; }
.disinfectant_feature .service_disinfectant .feature_content4 h5 { font-size: 4vw; color: #005687; }
.disinfectant_feature .service_disinfectant .feature_content4 p  { font-size: 3vw; }
.disinfectant_feature .service_disinfectant p.caption            { margin: 0 5vw; padding-top: 0; font-size: 2.5vw; text-align: left; }
/* 除菌・抗菌サービス料金 */
.disinfectant_price                  { margin: 5vw auto; }
.disinfectant_price h3               { font-size: 3.5vw; }
.disinfectant_price .title_border    { margin: 5vw auto; display: flex; align-items: center; }
.disinfectant_price .title_border h3 { font-size: 3.5vw; }
.disinfectant_price p.readcopy       { margin: 5vw; font-size: 3vw; text-align: center; }
.disinfectant_price p.caption        { font-size: 2.5vw; margin: 0 5vw; }
.disinfectant_price table     { margin: 5vw auto; padding: 0 5vw; font-size: 2.5vw; text-align: center; border-collapse: separate; border-spacing: 2px; }
.disinfectant_price table th  { vertical-align: middle; }
}
/* ==ここまで 除菌・抗菌サービス SP設定============================================= */

#price_chart    { margin: 0 auto; width: 1400px; }
#price_chart h2 { background: #b07c1f; }
/* ==ここまで 料金一覧 PC設定============================================= */
@media screen and (max-width: 768px) {
#price_chart    { margin: 0 auto; width: 100%; }
}
/* ==ここまで 料金一覧 SP設定============================================= */

/* ==ここまで SP設定============================================= */