@charset "utf-8";
/*
Theme Name: Yasashite2023_sytle
Theme URI: 
Description: 
Author:
Version: 
License: 
License URI:
Tags: 
*/


ul.bread {
text-align: left;
width: 900px;
margin: 0 auto 30px;
padding-top:30px;
}

ul.bread li {
display: inline;
font-size: 75%;
}



#dd_link {
    background: url(/wp/common/images/dd_link.png) no-repeat top left;
}
#dd_link.sprite-dd-link-relief{ background-position: 0 0; width: 15px; height: 13px; }
#dd_link.sprite-dd-link-tile{ background-position: -16px 0; width: 15px; height: 13px; }
#dd_link.sprite-dd-link-trust{ background-position: -32px 0; width: 15px; height: 13px; }
.trust{
    /*font-size: 130%;*/
    border-bottom: 1px dotted #535353;
    margin-bottom: 14px;
}
.trust_link{
    /*font-size: 130%;*/
}
.sprite_dd_link_trust{
    background: url(/wp/common/images/dd_link.png) no-repeat top left;
    background-position: -16px 5px;
    width:15px;
    height: 13px;
    padding-left:17px;
}
a.sprite_trust{
    color: #BAA31B !important;
}
.sprite_dd_link_tile{
    background: url(/wp/common/images/dd_link.png) no-repeat top left;
    background-position: 0px 5px;
    width:15px;
    height: 13px;
    padding-left:17px;
}
a.sprite_tile{
    color: #699C23 !important;
}
.sprite_dd_link_relief{
    background: url(/wp/common/images/dd_link.png) no-repeat top left;
    background-position: -32px 5px;
    width:15px;
    height: 13px;
    padding-left:17px;
}
a.sprite_relief{
    color: #2BA4BD !important;
}

/* RESPONSIBLE */

/* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model */


.smon{
    display: none;
}

.pcon{
    display: inline-block;
}

#catch{
    width:960px;
    height:300px;

    margin:10px auto;
}



#nav{
    display: none;
}

#menu{
    display: none;
}

#content #main.singlemain{width:calc(100% - 40px);padding:0 20px;float:inherit;}

.single-cat{
    display: inline-block;
    width:auto;
    padding:5px 30px;
    background-color:#699C23;
    color:#fff;
    margin-bottom: 20px;
    font-weight: bold;
    font-size:16px;
    border-radius: 15px;
}

.single-cat.tile{
    background-color:#BAA31B;
}


.single-cat.trust{
    background-color:#2BA4BD ;
}


.singlemain p{
    line-height: 1.8;
    margin-bottom: 20px;
}

.singlemain p span{
     margin-bottom: 10px;
}

div.news-nav{
    width:100%;
}

div.news-nav2{
    width:100%;
}



.single-related{
    border-radius: 15px;
    width:100%;
    height: auto;
    padding:20px;
    border:8px solid #f0f0f0;
    box-sizing: border-box;
    margin:20px 0 40px;
}

.single-related h4{
    font-size: 18px;
    color:#888;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.single-related-box{
    display: flex;
    margin-bottom: 10px;
}

.single-related a{
    color:#E53F6A;
}

.single-related-box-date{
    margin-right: 20px;
}

.banner{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin-bottom: 20px;

}

.banner div{
    width:25%;
}

.banner div img{
    width:100%;
    opacity: 1;
    transition: 0.2s ease all;
}

.banner div img:hover{
    opacity: 0.7;
}

.txttop{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.txttop p{
    text-indent: 1em;
    line-height: 1.8;
    margin-bottom: 10px;

}


@media screen and (max-width: 736px) {

    *{
        font-size: 16px;
    }

.smon{
    display: inline-block;
}

.pcon{
    display: none;
}


.banner div{
    width:50%;
}

.banner div img{
    width:100%;
}


    #main h3 img{
    width:100%;
    margin-top:20px;
}

#content #main {
    width: 100%;
    float: none;
    margin:0 auto;
}

#content #main h3 img{
    xdisplay: none;
}

#content #main h3:before{
    xcontent:'家政婦・家事代行・ベビーシッターサービスの';
     xfont-size:10px;
}


#content #main h3:after{
    xcontent:'夢のたまてばこ';
     xfont-size:13px;
}

#content #main h3{
    xwidth:100%;
    xheight: auto;
    xdisplay: block;
  xbackground-color: #d43f70;
   xcolor:#fff;
   xpadding:2px 10px;
   xborder-radius: 10px 10px 0 0;

}

#content #main #top_box dl {
   width:100%;
    float: none;
    height: auto;
    margin-right: 10px;
    margin-bottom: 20px;
}

#content #main #top_box dl dt{
    height: auto;
    margin-bottom: 0;
}

#content #main #top_box{
    padding:15px;
    margin-bottom:20px;
}

#content #main #top_box a{
    display: inline-block;
    padding:3px 0 ;
}
body.fontMiddle #main #top_box dl dd.txt{
    height: auto !important;
}
#content #main #top_box dl dd.txt{
    min-height: auto;
}

#menu {
    display: inherit;
        -moz-transform: translateX(20em);
        -webkit-transform: translateX(20em);
        -ms-transform: translateX(20em);
        transform: translateX(20em);
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        -webkit-overflow-scrolling: touch;
        background: #ffffff;
        
        color: #000;
        box-shadow: 0 3px 3px #f0f0f0;
        height: 100%;
        max-width: 80%;
        overflow-y: auto;
        padding: 3em 2em;
        position: fixed;
        right: 0;
        top: 0;
        width: 20em;
        z-index: 10002;
    }
    #menu img{
        margin:10px 0 20px;
    }
        #menu ul {
            list-style: none;
            padding: 0;
        }

            #menu ul > li {
                border-top: solid 1px rgba(0, 0, 0, 0.125);
                margin: 0.5em 0 0 0;
                padding: 0.5em 0 0 0;
            }

                #menu ul > li:first-child {
                    border-top: 0 !important;
                    margin-top: 0 !important;
                    padding-top: 0 !important;
                }

                #menu ul > li > a {
                    border: 0;
                    color: inherit;
                    display: block;
                    font-size: 18px;
                    outline: 0;
                    text-decoration: none;
                }

                   

                   

        #menu .close {
            background-image: url("images/close.svg");
            background-position: right center;
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            display: block;
            position: absolute;
            right: 1.5em;
            top: 1em;
            vertical-align: middle;
            width: 1em;
            height: 1em;
                               
        }

         }

        @media screen and (max-width: 736px) {

            #menu {
                padding: 3em 1.5em;
            }

        }

    body.is-menu-visible #page-wrapper {
        opacity: 0.35;
    }

        body.is-menu-visible #page-wrapper:before {
            display: block;
        }

    body.is-menu-visible #menu {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }


 nav {
            height: inherit;
            line-height: inherit;
            position: absolute;
            right: 0;
            top: 0;
            color:#000;
        }

             nav > ul {
                list-style: none;
                margin: 0;
                padding: 0;
                white-space: nowrap;
            }

                 nav > ul > li {
                    display: inline-block;
                    padding: 0;
                }

                     nav > ul > li > a {
                        border: 0;
                        color: #000;
                        display: block;
                        font-size: 0.8em;
                        letter-spacing: 0.225em;
                        padding: 0 1.5em;
                        text-transform: uppercase;
                    }

                         nav > ul > li > a.menuToggle {
                            outline: 0;
                            position: relative;
                        }

                             nav > ul > li > a.menuToggle:after {
                                background-image: url("images/bars.svg");
                                background-position: right center;
                                background-repeat: no-repeat;
                                content: '';
                                display: inline-block;
                                height: 5em;
                                vertical-align: middle;
                                width: 3em;
                                margin-right:10px;
                                margin-top:10px;
                            }

                            @media screen and (max-width: 736px) {

                                 nav > ul > li > a.menuToggle {
                                    padding: 0 1.5em;
                                }

                                     nav > ul > li > a.menuToggle span {
                                        display: none;
                                    }

                            }

                        @media screen and (max-width: 736px) {

                             nav > ul > li > a {
                                padding: 0 0 0 1.5em;
                            }

                        }

                     nav > ul > li:first-child {
                        margin-left: 0;
                    }

 


 .torokuflow-wrap,.torokuflow-wrap *{
     -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
 }

  .torokuflow-wrap{
    width:100%;
    height: auto;

  } 

  .torokuflow-box{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width:100%;
    height: auto;
    padding:10px;
    border:1px dotted #f0f0f0;
    margin-bottom: 20px;
    border-radius: 15px;

  }  

  .torokuflow-box div{
    flex-shrink: 0;
  }

  .torokuflow-box div.torokuflow-box-number{
    width:5%;
    font-weight: bold;
    color:#f80062;
  }

  .torokuflow-box div.torokuflow-box-title{
    width:30%;
    text-align: left;
  }

  .torokuflow-box div.torokuflow-box-text{
    width:65%;
    text-align: left;
  }

.main-list li{
    margin-bottom: 15px;
}

.contactform-wrap{
    width: 100%;
    height: auto;
}

.contactform-wrap h3{
    font-size:20px;
    border-left:3px solid #f80062;
    padding:10px 30px 10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom: 20px;
}

.osweb-form{
    width:440px;
    display: flex;
    height: auto;
    flex-shrink: 0;
    flex-wrap: wrap;
    flex-direction: space-between;
}

.osweb-form-box{
    width:50%;
    height: auto;
}

.osweb-form-box .inner{
    width:100%;
    height: auto;
    position: relative;
}

.osweb-form-box a{
   display: block;
   width:85%;
   height: 65px;
   position: absolute;
   left: 10px;
   opacity: 0;
   background-color: #fff;
   transition: 0.2 all ease;
}

.osweb-form-box a:hover{
    opacity: 0.3;
}

.osweb-form-box .osweb-form-button1 a{
    top:70px;
}

.osweb-form-box .osweb-form-button2 a{
    top:140px;
}


.swbtn{
    width:100%;
    height: auto;
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
}

.swbtn a{
    display: block;
    padding:5px;

}

.form textarea{
    width:100%;
}

 a.grand img{
       	margin-bottom:5px;
       	opacity:1;
       	width:100%;
       	transition:0.2 all ease;
       }
       
       a.grand img:hover{
       	opacity:0.8;
       }


.header-banner a.soji{background:url(https://www.osweb.jp/wp/common/images/side_bn_soji.png) no-repeat;background-position:0 top;width:240px;height:50px;display:block;margin-bottom:5px;}
.header-banner a.soji:hover{background-position:-240px top;}

.header-banner span{
	display:none;
}

.header-banner{
	width:100%;
	height:auto;
	text-align:center;
}

@media screen and (max-width: 736px) {

    
#side{display: none;}

#nav{
    display: inherit;
}
    

        *, *:before, *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .smart-menu{
    display:inherit;
        }

            #catch{
            width:100%;
            height: auto;
        }

        #catch img{
            width:100%;
        }

        #textsizer{
            display: none;
        }
        .wrapper{
            width:100%;
            padding:10px;
        }

        #global-navi{
            display: none;
        }

        #header{
            position: relative;
    margin-top: 0;
    margin-bottom: 34px;
        }


        .header-left{
            width:inherit;
        }

        #header-image{
            display: none;
            position: absolute;
            top:50%;
            right:80px;
            margin-top:-17px;
        }

        #head_menu{
            display: none;
        }

        #banner {
    width: 100%;
    margin: 15px auto 15px;
    padding-left:15px;
        }

        #banner li{
            margin-bottom:10px;
        }

        #content{
            width:100%;
            margin:0 auto;
        }


        body.page-id-19 #content #main{
            width:100%;
        } 

        ul.bread{
            width:100%;
            padding-left:10px;
        }


        #pricebox_hk {
            text-align: center;
            line-height: 1.5em;
            padding: 0;
            font-size: 11px;
        }

        #pricebox_hk table,#pricebox_cw table,#pricebox_bs table{
            width:100%;
        }
        .paragraph h4 img{
            max-width:90%;
            height: auto;
        }

        .paragraph dt a img{
            width:100%;
            height: auto;
        }

        body.page-id-19 .cases1{
            width:100%;
         }

         body.page-id-19 .cases1a{
            background-size: 630px 88px;
         }

         body.page-id-19 .cases1 p{
            width:610px;
         }

         body.page-id-19 .cases1b{
            background-size: 630px 156px;
         }

         body.page-id-19 .cases2{
            width:100%;
         }

         body.page-id-19 .cases2a{
            background-size: 630px 88px;
         }

         body.page-id-19 .cases2 p{
            width:610px;
         }

         body.page-id-19 .cases2b{
            background-size: 630px 156px;
         }

         body.page-id-19 .cases3{
            width:100%;
         }

         body.page-id-19 .cases3a{
            background-size: 630px 88px;
         }

         body.page-id-19 .cases3 p{
            width:610px;
         }

         body.page-id-19 .cases3b{
            background-size: 630px 156px;
         }

         body.page-id-19 .cases4{
            width:100%;
         }

         body.page-id-19 .cases4a{
            background-size: 630px 88px;
         }

         body.page-id-19 .cases4 p{
            width:610px;
         }

         body.page-id-19 .cases4b{
            background-size: 630px 156px;
         }

         #footer-navi{
            text-align: center;
         }

                 #footer-navi ul li.first{
            border-left: none;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
        }

         #footer-navi ul li {
    padding: 0; 
    border-right: none;
    margin:0;
    width:100%;
    display: block;
    border-bottom: 1px solid #ccc;

        }





                 #footer-navi ul li a{
                    display: block;
                    width:100%;
                    padding:8px;
                    text-align: center;
                    text-decoration: none; 
                 }


        dd.btn{
            text-align: right;
        }
        body.page-id-28 dl dd.btn a{
            margin-left:0;
            text-align:right;
            display: inline-block;
        }

        #content #side{
            width:100%;
            
        }

       #txttop{
        text-indent: 1em;
        margin-bottom:20px;
        
       }

       .side_bn{
        text-align: center;
       }

       #content #side .side_bn a.price,#content #side .side_bn a.job,#content #side .side_bn a.contact,#content #side .side_bn a.inquiry,#content #side .side_bn a.soji{
        display: inline-block;
        margin:10px 20px 10px 0px;
       }



       .arrow a{
        float:none;
        text-align:center;
       }
    
    body.sub #content #main{
        width:100%;
         margin-left:0;
        float:inherit;
    }

    table.form{
        width:100%;
    }


    .pink{
        width:100%;
        height: auto;
    }

    .pink p{
        width:100%;
        height: auto;
    }

    td.kaji,td.baby,td.kaigo{
        width:210px !important;
        overflow:hidden;
    }

    body.form #header{
            margin-bottom:30px;
    }


#content #main.singlemain{width:calc(100% - 20px);padding:0 10px;float:inherit;}

.single-related-box-date{
    font-size: 12px;
}

.single-related-box-title{
    font-size: 12px;
}


.single-related{
    border-radius: 15px;
    width:100%;
    height: auto;
    padding:15px;
    border:8px solid #f0f0f0;
    box-sizing: border-box;
    margin:20px 0 40px;
}

body.page-id-19 #content #main h3.price, body.page-id-24 #content #main h3.price, body.page-id-22 #content #main h3.price {
    background: none;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

#content #main h3 span{
    display: block;
    width: 100%;
    padding:5px 0px 5px 20px;
    border-left:3px solid #f80062;
    color:#f80062;
    font-size:20px;
}


body.page-id-19 #main ul#tab li a, body.page-id-24 #main ul#tab li a, body.page-id-22 #main ul#tab li a{
    width: 30%;
    height: auto;
    display: inline;
    background: none;
        text-align: center;
    padding:10px;
        white-space: nowrap;
}

body.page-id-19 #main ul#tab li span, body.page-id-24 #main ul#tab li span, body.page-id-22 #main ul#tab li span{
    display: inline;

}

body.page-id-19 #main ul#tab, body.page-id-24 #main ul#tab, body.page-id-22 #main ul#tab {
    background:none;
    padding-left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;

}

body.page-id-19 #main ul#tab li, body.page-id-24 #main ul#tab li, body.page-id-22 #main ul#tab li{
    display: block;
    width:33%;
    text-align: center;
    height: auto !important;
    float: none;
    font-size:14px;
    font-weight: bold;
    border:1px solid #f0f0f0;
    border-radius: 10px 10px 0 0;

}


body.page-id-19 #main ul#tab li.bs a, body.page-id-24 #main ul#tab li.bs a{
    width:inherit;
    text-decoration: none;

}

body.page-id-19 h4.price, body.page-id-24 h4.price, body.page-id-22 h4.price {
    background: none;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}

#content #main h4 span{
    display: inline;
}


#pricebox_bs h3{
    width: 100%;
}

#pricebox_cw h3 {
    width: 100%;
}

#pricebox_hk h3{
    width:100%;
}

body.page-id-19 h4.cases, body.page-id-24 h4.cases, body.page-id-22 h4.cases{
    width:100%;
    background:none;
    height: auto;
}
.img100{
    width:100%;
    height: auto;
}

.case-box {
    margin-bottom: 20px;
    width: 100%;
}

.case-box h3 {
    left: 70px;
    top: 25px;
    line-height: 1.2;
    font-size: 17px;
    font-weight: bold;
    max-width: 100%;
}

.case-box1a {
    position: relative;
    background: url(https://www.osweb.jp/wp/common/images/cases1a201911.png) no-repeat;
    height: 88px;
}

.case-box1b, .case-box1c, .case-box1d, .case-box1e, .case-box1f {
    background: url(https://www.osweb.jp/wp/common/images/cases_bg.png) repeat-y;
    padding-left: 40px;
    padding-right: 30px;
    margin-bottom: 0 !important;
}

.case-box1 .case-box1c table th,.case-box2 .case-box1c table th,.case-box3 .case-box1c table th,.case-box4 .case-box1c table th,.case-box5 .case-box1c table th,.case-box6 .case-box1c table th,.case-box7 .case-box1c table th{
    display: none;
}

.case-box1 .case-box1c table,.case-box2 .case-box1c table,.case-box3 .case-box1c table,.case-box4 .case-box1c table,.case-box5 .case-box1c table,.case-box6 .case-box1c table,.case-box7 .case-box1c table{
    background-color: #fff;
    
    border-radius: 10px;
}

.case-box1 .case-box1c:before,.case-box2 .case-box1c:before,.case-box3 .case-box1c:before,.case-box4 .case-box1c:before,.case-box5 .case-box1c:before,.case-box6 .case-box1c:before,.case-box7 .case-box1c:before{
    content:'１ヶ月あたりのご利用料金';
    display: block;
    width:100%;
    height: auto;
    text-align: center;
    font-weight: bold;
    padding: 20px 0 5px;
}   

.case-box1c table td{
    padding:5px 1px;
}

.case-box1c table td span{
    display: block;
    text-align: center;
}

.case-box p{
    padding:0 20px 0 40px;
}

.case-box1c table td {
    font-weight: bold;
    letter-spacing: 0.2px;
    font-size: 16px;
    background: none;
}

.case-illu-box{
    width:100%;
    height: auto;
    margin-bottom: 5px;
}


body.page-id-28 #content #main h3.point {
    background:none;
    width:100%;
    height: auto;
    margin-bottom: 20px;
}


body.page-id-28 h4.point {
    background: none;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    border-bottom:1px dotted #ccc;
}

body.trust #content #main h3.trust, body.category-trust #content #main h3.news, body.category-trust #content #main h3.trust {
    background: none;
    width:100%;
    height: auto;
    margin-bottom: 20px;
}

body.relief #content #main h3.relief, body.category-relief #content #main h3.news, body.category-relief #content #main h3.relief {
    background: none;
    width:100%;
    height: auto;
    margin-bottom: 20px;
}

body.tile #content #main h3.tile, body.category-tile #content #main h3.news, body.category-tile #content #main h3.tile {
    background: none;
    width:100%;
    height: auto;
    margin-bottom: 20px;
}

body.page-id-17 #content #main h3.privacy,body.page-id-17 #content #main h3.site,#main h3.sitemap{
    background: none;
    width:100%;
    height: auto;
    margin-bottom: 20px;
}

body.page-id-17 #content #main h4.privacy,body.page-id-17 #content #main h4.site {
    background: none;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    border-bottom:1px dotted #ccc;
}

.main-list li span.date{
    display: block;
}

div.news-nav2 {
    width: 100%;
    margin-bottom: 20px;
}

.singlemain img{
    max-width: 100%;
    height: auto;
}

.wpcf7 table{
    display: block;
    width: 100%;
}

.wpcf7 table th,.wpcf7 table td{
    display: block;
    width:100%;
    border:none;
}

.wpcf7 table th{
    background-color: #f0f0f0;
    color:#1b1b1b;
    padding:5px 10px;
    border-radius: 15px;
}

.wpcf7 table th span{

}

#main img{
    max-width: 100%;
    height: auto;
}

table.form td.left{
    display: block;
    width:100%;
}

table.form tr td{
    display: block;
    width:100%;
}

.swbtn{
    width:100%;
}

}



@media screen and (max-width: 430px) {

td.kaji,td.baby,td.kaigo,td.kaseishi{
        width:50% !important;
        overflow:hidden;
        height: 50vw !important;
        background-size: 100%;
    }


#kaji1,#baby1 {
    height: 62px;
    width: 100%;
    padding-left: 2px;
    margin: 24px auto auto 12px;
}

#kaji2,#baby2 {
    height: 62px;
    width:100%;
    padding-left: 2px;
    margin: 8px auto auto 12px;
}

.osweb-form{
    width:100%;
    display: flex;
    height: auto;
    flex-shrink: 0;
    flex-wrap: wrap;
    flex-direction: space-between;
    margin-bottom: 30px;
}


.osweb-form-box a{
   display: block;
   width:85%;
   height: 50px;
   position: absolute;
   left: 10px;
   opacity: 0;
   background-color: #fff;
   transition: 0.2 all ease;
}

.osweb-form-box a:hover{
    opacity: 0.3;
}

.osweb-form-box .osweb-form-button1 a{
    top:60px;
}

.osweb-form-box .osweb-form-button2 a{
    top:120px;
}
.iframe-wrap {
font-size: 12px;
color: #2196F3; 

}
.iframe-wrap iframe {
max-width: 100%;
    margin: auto;

.iframe-wrap1 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe1 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}







}