@charset "UTF-8";

   body{
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
background-color: #fff
}
ol, ul {
margin: 0;
}
a[href^="tel:"] { cursor: default; }
.wrap {
width: 1200px;}
.left{
float: left;
width: 40%;
}
.right{
float: right;
}
.tagline {
font-size: 11px;
text-align: left;}
.logo-image {
padding: 0;
font-size: inherit;
text-align: left;
}
.header-container{
zoom: 1;
border-top: 5px solid #009943;
padding: 15px 0 0;
}
.header-in {
display: block;
}
.ct{
float: left;
padding: 10px 0px 0px 30px;
font-size: 14px;
line-height: 2.5em;
}
.tel{
color: #009943;
font-size: 25px;
font-weight: 700;
border-bottom: 1px solid;
padding-top: 5px;
}
.tel img{
padding-right: 10px;
}
.navi {
background-color: #d1e4d9;
}
.navi-in a {
font-size: 15px;
font-weight: 600;
}
.menu-item a:after{
font-size: 12px;
color: #009943;
line-height: 1em;
display: block;
}
#menu-item-5616 a:after {
content: 'HOME';
}
#menu-item-5617 a:after {
content: 'ABOUT';
}
#menu-item-5618 a:after {
content: 'WORK';
}
#menu-item-5615 a:after {
content: 'INVESTIGATION';
}
#menu-item-5614 a:after {
content: 'RECRUIT';
}
#menu-item-5613 a:after {
content: 'COMPANY';
}
.navi-in > ul li {
display: block;
width: auto;
height: 73px;
line-height: 30px;
position: relative;
padding: 15px 33px;
border-right: 1px solid #7d7d7d;
margin: 10px 0;
}
.navi-in > ul li:last-child{
border: none
}
.navi-in a:hover {
background-color: #fff0;
color: #009943
}
.content {
margin-top: 0;
}
body .top_box h2 {
font-size: 24px;
padding: 11px;
background-color: #2c9943;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #2c9943;
color: #ffffff;
margin-bottom: 0;
text-align: center;
}
h3{
background-color: #009943;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
}
.main_cont{
display: none
}
.home .main_cont{
display:block
}
body .video-container{
max-width: 100%;
margin: 0; 
}
body .video-container .video {
margin-top: 0;}
.top_box .youtube{margin-bottom: 65px;}
.reno{
position: relative;
margin-top: 50px;
} .wideslider {
width: 100%;
text-align: left;
position: relative;
margin: 0;
overflow: hidden;
}
.wideslider ul { margin-left: 0;
padding:0}
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev { background: #fff url(http://babyrolly.boo.jp/0002/wp-content/uploads/left.png) no-repeat right 25px center;}
.slider_next { background: #fff url(http://babyrolly.boo.jp/0002/wp-content/uploads/right.png) no-repeat left 25px center;}
.pagination {
display:none;
bottom: 10px;
left: 0;
border:0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
.pagination a {
margin: 0 5px;
width: 10px;
height: 10px;
display: inline-block;
overflow: hidden;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
} .wideslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.wideslider ul {
display: inline-block;
overflow: hidden;
} .point_bg{
background-color: #e8e6c9;
text-align: center;
overflow: hidden;
padding: 25px 25px 40px;
}
.point_bg img{
padding:20px 0 0
}
.point{
padding: 0 30px
}
.point h1{
color: #009943;
font-size: 20px;
line-height: 29px;
}
.col4{
width: calc( 91% / 4 );
float: left;
padding: 0;
border: 2px solid #009943;
margin: 10px;
background-color: #fff;
height: 375px;
}
.col4 img{
padding: 0;
border-bottom: 2px solid #009943;
}
.point_txt{
padding: 0px 20px;
font-size: 15px;
text-align: justify;
font-weight: 700;
line-height: 22px;
margin: 10px 0;
} .main {
width: 850px;
}
header.article-header.entry-header{
display: none
}
.top_box h1{
color: #019944;
border-bottom: 1px solid;
}
.top_box h1 img{
padding-right: 5px
}
span.more{
position: absolute;
right: 0;
font-size: 12px;
padding: 10px 0;
}
span.more a{
text-decoration: none;
color: #019944;
}
.news .widget-entry-cards.card-large-image .card-content {
margin: 24px 0;
}
.widget-entry-cards .a-wrap {
padding: 5px;
line-height: 1.3;
margin-bottom: 4px;
width: 33%;
float: left;
}
.widget-entry-cards figure {
width: 100%;
}
.widget-entry-card-content {
margin-left: 0;
}
.news .widget-entry-cards.card-large-image .a-wrap {
width: 100%;
}
.news .widget-entry-cards.card-large-image .a-wrap{
max-width: 100%;
border-bottom: 1px solid #dcdcdc;
}
.news .widget-entry-cards.card-large-image figure{
display: none
}
.news .display-none{
display: block;
float: left;
}
.news .new-entry-card-title {
color: #444444;
float: right;
position: absolute;
padding: 0;
padding-left: 100px;
}
.news .new-entry-card-update-date{
display: none
}
.new-entry-card-title{
color: #019944;
padding-top: 10px;
font-size: 17px;
}
.widget-entry-cards.card-large-image .a-wrap:hover{
background-color: #fff
}
.post-date, .post-update, .post-author, .amp-back {
margin-right: 8px;
color: #009a3b;
font-size: 15px;
}
footer.article-footer.entry-footer{
display: none
} .sidebar {
width: 350px;
}   
.widget_media_image img{
border: 1px solid
} .entry-content , .entry-content p {
margin:0
} .footer {
padding: 0;
}
.footer-bottom.fdt-up-and-down .footer-bottom-logo {
display: block;
}
.footer-bottom.fdt-up-and-down .footer-bottom-content {
float: right;
}
.footer-bottom-logo .logo-image {
max-width: 100%;
}
.footer-bottom-logo img {
height: 60px;
}
.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul {
justify-content: flex-end;
}
.footer-bottom {
margin-top: 0;
padding: 10px;
}
.footer-bottom-logo .site-name-text {
padding-bottom: 0;
}
.footer-bottom-logo img {
height: 50px;
}
.navi-footer-in > .menu-footer li:first-child , .navi-footer-in > .menu-footer li:last-child{
border: 0
}
.copyright {
margin-top: 8px;
background-color: #009a3b;
color: #fff;
text-align: center;
padding: 20px;
font-size: 12px;
}  @media screen and (max-width: 1023px){ .wrap {
width: 100%;
}
.col4 {
width: calc( 95% / 2 );
}
} @media screen and (max-width: 834px){ .wrap ,.right {
width: 100%;
margin: auto
}
#header , .navi{
display: none
}
.tagline,.logo-image,.tel {
text-align: center;
}
.mobile-menu-buttons .menu-button > a {
padding-top: 5px;
}
.mobile-header-menu-buttons .fa {
color: #009943;
}
.menu-close-button {
text-align: left;
}
.header-container {
border-top: 15px solid #009943;
padding: 0;
}
h3 {
font-size: 14px;
letter-spacing: 0;
padding: 5px 0
}
.point_bg img {
padding: 0;
}
.point {
padding: 0;
}
.col4 {
width: 100%;
float: none;
margin: 0 0 10px;
height: auto;
}
.top_box h1 {
font-size: 17px;
}
span.more {
right: 15px;
top: 30px
}
.entry-content>*, .demo .entry-content p {
margin-top: 0;
margin-bottom: 1em;
}
.widget-entry-cards .a-wrap {
width: 100%;
float: none;
}
.news .widget-entry-cards.card-large-image .a-wrap {
height: 77px;
}
.news .new-entry-card-title {
float: left;
position: absolute;
padding: 0;
top: 38px;
}
.home main.main, div.sidebar {
padding: 16px 16px 0;
margin: 10px 0 0;
border-width: 0;
}
main.main, div.sidebar {
padding: 0;
margin: 0;
border-width: 0;
}
.no-scrollable-sidebar .sidebar {
height: 100%;
padding: 0 20px;
}
.footer-bottom{
display: none
}
} @media screen and (max-width: 480px){
.widget-entry-cards.card-large-image .card-content {
margin: 0 0 0;
padding: 0;
}
.news .widget-entry-cards.card-large-image .a-wrap {
height: 60px;
margin: 0;
padding: 0;
}
.news .widget-entry-cards.card-large-image .card-content {
margin: 10px 0;
}
.news .new-entry-card-title {
top: 25px;
}
}