@charset "UTF-8";
/*
* Custom CSS
*/
.test{
    color:#F00;
}


/*************************************
    TOP FRONT PAGE
*************************************/
body.home section#home{
    position:relative;
}

body.home section#home .sns_wrapper{
    position:absolute;
    right:10%;
    bottom:10%;
    width:63px;
    height:150px;
}

body.home section#home .sns_wrapper a{
    display:block;
    width:63px;
    height:63px;
    margin-bottom:20px;
}
body.home section#home .sns_wrapper a > img{
    width:63px;
    height:63px;
}

body.home section#update-info ul.osusume_ul li.first{
    margin-bottom:80px;
}


body.home section#update-info a.osirase_box{
    width:100%;
    height:auto;
    max-width:400px;
    max-height:268px;
    /*height:248px;*/
    display:block;
    margin-left:auto;
    margin-right:auto;
    border:none !important;
    position:relative;
    overflow:visible !important;
    
}

body.home section#update-info a.osirase_box:before{
    content:"";
    display:block;
    padding-top:44.5%;
}
body.home section#update-info a.osirase_box:hover{
    opacity:0.7;
}
body.home section#update-info a.osirase_box img{
    width:100%;
    
    position:absolute;
    left:0;
    top:0;
    max-width:400px !important;
    max-height:268px !important;
    
}


#google_calendar .google_calendar_wrapper{
 position: relative;
 max-width:1000px;
    min-height: 560px;
    width: 100%;
    padding-bottom: 50%;
    margin:0 auto;
}
@media screen and (max-width:600px){
    #google_calendar .google_calendar_wrapper{
        position: relative;
       min-height: 400px;
       
       width: 100%;
       padding-bottom: 150%;
       margin:0 auto;
   }   
}
/*
#google_calendar .google_calendar_wrapper:before{
    content:"";
    display:block;
    padding-top:75%;
    
}
*/
#google_calendar .google_calendar_wrapper iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
/******************************************
    BABY 防災
*******************************************/
section.baby{
    margin:0 auto;
    max-width:900px;
    padding-left:20px;
    padding-right:20px;
}
section.baby .container{
    width:100% !important;
    max-width:900px;
    
}
section.baby .head{
    width:100%;
}
section.baby .head_area{
    width:100%;
    max-width:853px;
    margin:0 auto 100px;
    position:relative;
}
section.baby .head_area:before{
    content:"";
    display:block;
    padding-top:77.1%;
    
}
section.baby .head_area img.head{
    width:100%;
    height:auto;
    display:block;
    position:absolute;
    left:50%;
    top:0;
    transform:translate( -50% , 0 );
    border-radius:50px;
    overflow:hidden;
}
.baby .head_area .btn_wrapper{
    width:100%;
    max-width:603px;
    margin:0 auto 40px;
    text-align:center;
    display:flex;
    justify-content: space-between;
    position:absolute;
    top:75%;
    left:50%;
    transform:translate( -50% , 0 );
}
.baby .head_area .text_wrapper{
    width:100%;
    max-width:603px;
    margin:0 auto 40px;
    position:absolute;
    top:88%;
    left:50%;
    transform:translate( -50% , 0 );
}



section.baby .head_area .text_full{
    max-width:600px;
    margin:0 auto;
}

.baby .btn_radius{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    border:2px solid #911B52;
    border-radius : 30px;
    -moz-border-radius : 30px;
    -webkit-border-radius : 30px;
    font-size : 22px;
    color:#911B52;
    padding:5px 20px;
    text-align:center;
    background:#FFF;
    transition:background-color ease-in-out .3s ;
}

.baby .head_area .btn_wrapper .btn_radius{
    display:block;
    width:255px;
}

.baby .head_area .btn_radius:hover{
    background:#dc7382;
    color:#FFF;
    text-decoration: none !important;
}


.baby .dan3 .btn_radius{
    display:inline-block;
    text-align:center;
    margin-bottom:40px;
}

@media screen and (max-width:600px){
    section.baby .head_area:before{
        content:"";
        display:block;
        padding-top:0;

}
    section.baby .head_area img.head{
        position:relative;
        left:50%;
        margin:0 auto 40px; 
    }
    .baby .head_area .btn_wrapper{
        display:block;
        position:static;
        width:100%;
        margin:0 auto 40px;
        transform:translate( 0 , 0 );
    }
    .baby .head_area .btn_wrapper .btn_radius{
        margin:0 auto 30px;
    }
    
    .baby .head_area .text_wrapper{
        position:static;
        width:100%;
        padding:20px;
        margin:0 auto ;
        transform:translate( 0 , 0 );
    }
}


.baby .blog_archive{
  background : #FFFFFF;
  background : rgba(255, 255, 255, 1);
  border-style : Solid;
  border-color : #911B52;
  border-color : rgba(145, 27, 82, 1);
  border-width : 1px;
  border-radius : 40px  / 46px;
  -moz-border-radius : 40px  / 46px;
  -webkit-border-radius : 40px  / 46px;
  padding:20px;
  margin-bottom:50px;
}
.baby ul.baby_koza_item li{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    color:#911b52;
    font-size:22px;
    line-height:1.5;
}
.baby .dan3{
    margin-bottom:40px;
}

.baby .btn_movie{
    width:100%;
    display:block;
    max-width:425px;
    margin-left:auto;
}

.baby .btn_movie img{
    width:100%;
}

.baby .btn_shop{
    display:block;
    width:233px;
    height:233px;
    margin:40px  auto 0 ;
    transition:opacity 0.3s ease-in;
}
.baby .btn_shop img{
    width:100%;
}
.baby .btn_shop:hover{
    opacity:0.7;
}
.baby .shadow{
    box-shadow:2px 2px 2px #888888;
}
@media screen and ( max-width:980px){
    
    section.baby .btn_radius_mb{
        display:block;
        max-width:250px;
        margin:0 auto 30px;
    }
    .baby .btn_shop{
        display:block;
        width:150px;
        height:150px;
        margin:40px  auto 0 ;
    }
}

/******************************************
    CORP INFO
*******************************************/
section.company{
    
}
section.company .header_wrapper{
    max-width:900px;
    margin:0 auto 50px;
    padding:0 20px;
    
}
section.company .header_wrapper h2{
    margin-bottom:80px !important;
}
@media screen and ( max-width:980px){
    section.company .header_wrapper .head_img_wrapper{
        text-align:center;
    }
    section.company .header_wrapper .head_text_wrapper{
        padding-bottom:60px;
    }
}
@media screen and ( min-width:981px){
    section.company .header_wrapper .head_text_wrapper{
        padding-top:30px;
    }
}
section.company .header_wrapper .head_text{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size:16px;
    line-height: 2;
    color: #AB166F !important;
}
section.company .name_area{
    background:#F2E6E7;
    border-radius : 16px;
    -moz-border-radius : 16px;
    -webkit-border-radius : 16px;
    padding:35px 70px;
  
}

section.company .name_area .corp_name{
    
    font-size : 18px;
    color: #AB166F !important;
}

section.company .name_area .name{
    font-weight:bold;
    font-size : 16px;
}
section.company .name_area .name_txt{
    margin-right:30px;
}
section.company .name_area .licence{
    margin-bottom:40px;
}
section.company .name_area .eng_name{
    font-size:14px;
}

section.company .keireki_area,
section.company .ronbun_area {
     max-width:800px;
    padding:0 20px;
    margin:0 auto 50px;
}

section.company .keireki_area h3,
section.company .ronbun_area h3{
    position:relative;
}
section.company .keireki_area h3:before,
section.company .ronbun_area h3:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-right:20px;
    width:40px;
    height:28px;
    background-image:url("../images/corp/mark1.png");
    background-size:cover;
    
}
section.company .keireki_area .table_wrapper {
    padding-left:60px !important;
}
section.company .keireki_area .tbl_keireki {
    
    table-layout:fixed;
    
}
section.company .keireki_area .tbl_keireki th{
    width:106px;
    
}
section.company .keireki_area .tbl_keireki th,
section.company .keireki_area .tbl_keireki th{
    vertical-align:top;
}

section.company .ronbun_area {
    
    margin:0 auto;
    padding:0 20px;
}
section.company .ronbun_area ul{
    padding:0 0 0 60px;
}
section.company .ronbun_area ul.list li{
    list-style: none;
    text-indent:-14px;
    padding-left:14px;
    
}
section.company .ronbun_area ul.list li:before{
    content:"＊";
    color: #AB166F !important
}
@media screen and (max-width:960px){
    section.company .name_area{
    
    padding:35px 20px;
  
}
}

/****************************************
    SERVICE
*****************************************/
body.page-template-page-counseling h1,
body.page-template-page-counseling h2,
body.page-template-page-counseling h3{
    float:none;
}
body.page-template-page-counseling h3,
body.page-template-page-counseling p.text_big{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size:23px;
    color:#911b52;
    text-align:center;
}


body.page-template-page-counseling .mark span{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size:21px;
    line-height:21px;
    color:#911b52;
    vertical-align:middle;
}

body.page-template-page-counseling .mark:hover{
    text-decoration: none !important;
}
body.page-template-page-counseling .mark:hover span{
    color:#d56484 !important;
    text-decoration: none !important;
}


body.page-template-page-counseling .mark:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-right:20px;
    width:33px;
    height:33px;
    background-image:url("../images/counseling/mark1.png");
    background-size:cover;
}

body.page-template-page-counseling .head_area{
    background:#FFF;
    margin-bottom:40px;
}


body.page-template-page-counseling .head_area .inner_wrapper{
    margin:0 auto;
    max-width:1010px;
    padding:20px;
}
body.page-template-page-counseling .head_area .inner_wrapper table{
    table-layout:fixed;
}
body.page-template-page-counseling .head_area .inner_wrapper table th,
body.page-template-page-counseling .head_area .inner_wrapper table td{
    vertical-align:top;
    padding-bottom:10px;
}
body.page-template-page-counseling .head_area .inner_wrapper table th{
}
body.page-template-page-counseling .head_area .inner_wrapper table td{
    padding-left:10px;
    
}

@media screen and (max-width:960px){
    body.page-template-page-counseling .head_area .inner_wrapper table th,
    body.page-template-page-counseling .head_area .inner_wrapper table td{
        display:block;
    }
}


body.page-template-page-counseling .head_area .inner_wrapper .flex{
    display:flex;
}
body.page-template-page-counseling .head_area .inner_wrapper .flex .left_item{
    width:30%;
}
body.page-template-page-counseling .head_area .inner_wrapper .flex .right_item{
    width:70%;
}
@media screen and (max-width:960px){
    body.page-template-page-counseling .head_area .inner_wrapper .flex{
        display:block;
    }
    body.page-template-page-counseling .head_area .inner_wrapper .flex .left_item{
        width:100%;
    }
    body.page-template-page-counseling .head_area .inner_wrapper .flex .right_item{
        width:100%;
    }
}



body.page-template-page-counseling .radius{
    background-color:#FFF;
    max-width:1010px;
    padding:50px 20px;
    border-radius:50px;
    position:relative;
    margin-bottom:110px;
}

body.page-template-page-counseling .radius h2.sikaku{
    position:absolute;
    top:0;
    left:50px;
    padding:10px 20px;
    background-color:#911b52;
    color:#FFF !important;
    display:inline-block;
    width:auto !important;
    letter-spacing:4px;
    margin-top:0 !important;
}

body.page-template-page-counseling .radius h3.h3_mark{
    text-align:center;
}
body.page-template-page-counseling .radius h3.h3_mark:before{
    content:"";
    display:block;
    width:33px;
    height:33px;
    background-image:url("../images/counseling/mark1.png");
    background-size:cover;
    margin:0 auto 20px;
}

body.page-template-page-counseling .radius .text_full{
    max-width:800px;
    margin:0 auto 40px;
}


body.page-template-page-counseling #page{
    background:#f2e6e7;
}
section.counseling .head_area{
    background:#FFF;
    padding:50px 20px;
    
}
body.page-template-page-counseling .radius .tbl_heart_pc{
    table-layout:fixed;
}

body.page-template-page-counseling .radius .tbl_heart_pc th,
body.page-template-page-counseling .radius .tbl_heart_pc td{
    padding-bottom:20px;
    vertical-align:top;
}
body.page-template-page-counseling .radius .tbl_heart_pc th{
    width:13.3%;
}
body.page-template-page-counseling .radius .tbl_heart_pc td{
    width:36.7%;
    padding-right:10px;
}


body.page-template-page-counseling .radius .tbl_heart_sp th,
body.page-template-page-counseling .radius .tbl_heart_sp td{
    padding-bottom:20px;
}



body.page-template-page-counseling .radius .tbl_heart td{
    padding-left:20px;
}
body.page-template-page-counseling .radius .tbl_heart td h4{
    font-size:16px;
}
@media screen and (max-width:960px){
    body.page-template-page-counseling .radius .tbl_heart_pc{
        display:none !important;
    }
}
@media screen and (min-width:961px){
    body.page-template-page-counseling .radius .tbl_heart_sp{
        display:none !important;
    }
}

body.page-template-page-counseling .radius .fee_area{
    border:1px solid #d55e7f;
    margin:0 auto;
    padding:50px 20px;
    max-width:780px;
}
body.page-template-page-counseling .radius .fee_area *{
    color:#911b52;
} 

@media screen and (max-width:960px){
    body.page-template-page-counseling .radius .fee_area{
        padding:20px 20px;
    }
    
}

body.page-template-page-counseling .radius.kigyo_area ul.list_big{
    max-width:800px;
    margin:0 auto;
}
body.page-template-page-counseling .radius.kigyo_area ul.list_big li{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size:23px;
    color:#911b52;
    margin-bottom:20px;
}
/*******************************************
    CONTACT
*******************************************/
article.contact h1{
    text-align:center;
}
article.contact .head_img{
    display:block;
    width:140px;
    margin:0 auto 40px;
    
}
/*問いあわせ入力*/
.mw_wp_form table.tbl_form{
    width:100%;
    max-width:800px;
    margin: 0 auto 40px;
    table-layout:fixed;
    word-break: break-all;
    word-wrap: break-all;
}
.mw_wp_form table.tbl_form th{
    width:200px;
    background:#f9e7e3;
}
.mw_wp_form table.tbl_form th,
.mw_wp_form table.tbl_form td{
        padding-left:20px;
        padding-bottom:10px;
        
    }
.mw_wp_form table.tbl_form select,
.mw_wp_form table.tbl_form input,
.mw_wp_form table.tbl_form textarea{
    padding:5px 10px;
    border:1px solid #888;
}
.mw_wp_form table.tbl_form input.short{
    width:150px;
}
.mw_wp_form table.tbl_form input.middle{
    width:100%;
    max-width:400px;
    display:inline-block;
}
.mw_wp_form table.tbl_form input.long{
    width:100%;
    max-width:500px;
    display:inline-block;
}

.mw_wp_form table.tbl_form input#zip1{
    width:60px;
}
.mw_wp_form table.tbl_form input#zip2{
    width:80px;
}
.mw_wp_form table.tbl_form textarea#message{
    padding:5px 10px !important;
}
.mw_wp_form table.tbl_form textarea{
    background-image:none !important;
}
.mw_wp_form table.tbl_form span.hissu{
    font-size:12px;
    color:#F00;
    padding-left:1em;
    font-weight:normal !important;
}
.mw_wp_form .btn_area{
    margin:0 auto;
    text-align:center;
    
}
.mw_wp_form .btn_area input{
    margin-left:20px;
    margin-right:20px;
}

.error {
    font-size: 93%;
    color: #B70000;
    display: none !important;
}
.error_block{
    font-size:14px;
    line-height:1;
    color:#F00;
}

.mw_wp_form_confirm label{
    display:none;
}

.mw_wp_form_confirm #zipaddr{
    display:none;
}

@media screen and ( max-width:960px){
    .mw_wp_form table.tbl_form th,
    .mw_wp_form table.tbl_form td{
        display:block;
        
    }
    .mw_wp_form table.tbl_form th{
        width:100%;
        background:#fff;
        padding-bottom:10px;
    }
    .mw_wp_form table.tbl_form td{
        padding-bottom:20px;
        
    }
    .mw_wp_form table.tbl_form textarea{
        width:100% !important;
    }
    .mw_wp_form table.tbl_form input.short{
        max-width:90px;
    }
}