@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*全体　横幅初期化*/
.wrap{
    width: auto;
    
}
.content-in{
    justify-content: space-around;
}
.main{
    padding:0;
}
.header,#navi{
    max-width:1400px;
    margin:0 auto;
}
.article h3,.article h4{
    border: none;
    line-height: 1.6;
}

section{
    padding:5em 2em;
    max-width:1500px;
     margin:0 auto;
}

#content{
    margin-top:0;
}
.article h2{
    background:none;
}
.article h3{
    text-align: center;
}

/*記事見た目変更202512*/
#toc{
    background-color: #fff6f6;
}
.type-post > .entry-header h1{
    padding-bottom: 0.5em;
    font-size: 1.6em;
    border-bottom: 1px solid #333333;
    text-align: center;
}
/****ヘッダ****/
.logo-image{
    padding-bottom:0px;
}
#navi .navi-in>.menu-header .sub-menu{
      background-color: #FFF;  
    opacity:0.8
}
/*navi上エリア作成*/
.grid-container{
    display: flex;
     justify-content: space-between;
    flex-wrap: wrap;
    align-items:flex-end;
}

.head-top-navi{
    display: flex;
    padding-top:1em;
    width: 70%;
    justify-content: flex-end;
    
}
.logo-image{
    padding-bottom:0;
    width:30%;
}
.head-top-navi div{
    margin-left:10px;
}
/*ヘッダ問い合わせボタン*/
.toi-buttan {
    background-color:#FF7171;
    border-radius: 10px;
    padding: 14px 30px; 
    height:48px;
}
 .logo-header a{
    color:#FFF;
     font-size:16px;
}

.header-search {
  width: 200px !important;
}

.header-search .search-box {
  margin: 0;
}

.header-search input[type="text"] {
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 14px 14px 14px 14px / 50% 50% 50% 50%;
}

.header-search .search-submit {
  color: #515A86;
}
/*ロゴサイズ調整*/
.header-container-in.hlt-top-menu .logo-header img
{
max-height: 50px !important;
}

.navi-in > ul {
     justify-content: right !important; 
    margin-bottom: 10px;
}
.navi-in > ul li{
    width:150px;
}
#navi .navi-in a{
    color:#333;
    font-weight: bold;
}

/*共通*/

a{
    transition: .3s;
}
a:hover img{
     opacity: 0.8;
}
strong{
    color:#db4e8d;
}
b{
    font-weight: bold;
}
a.l_btn  {
    display: block;
    background-color: #FFF;
    border:1px solid #CC82A3;
    padding: 10px 30px;
    margin: 0 auto;
    max-width:320px;
    background-image: url("img/arrow.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    text-decoration: none;
    color:#CC82A3 !important;
    
    
}
a.l_btn_white  {
    background-image: url("img/arrow-white.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    color: #FFF;

    border:1px solid #FFFFFF;
    padding:1em 5em;
    
}
a.l_btn_white:hover{
    background-color: rgb(255,255,255,0.3);
}
a.l_btn_wide{
    max-width:800px;
    padding: 1em;
    text-align: center;
}
a.l_btn:hover{
    background-color:#fff5f5;
    color:#CC82A3;
}
.eiji{
    font-family: "Noto Serif JP", serif;
    font-weight: 200;
    font-style: normal;    
}

.back_pink1{
    background-color:#fdf5f5;
}
.back_pink2{
    background-color:#fffafa;
}

.back_blue1{
    background-color:#E5E8FF;
}
.back_blue2{
    background-color:#F8F9FF;
}

.mojizume{
     letter-spacing: -0.1em;
}   

.article p{
    line-height: 1.8;
}
.page-navi ul{
    max-width: 1200px;
    margin:0 auto;
    padding:0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    

}

.page-navi .bunkatu4 li{
        width:48%;
    margin-bottom:0.5em;
   
}
.page-navi li{
    /*width:220px;*/
    list-style: none;
    
}


.page-navi li a{
    position: relative;
    background-color: #515A86;
    color:#FFF;
    border:1px solid #515A86;
    padding:0.4em 2em;
    font-weight: normal;
    display: block;
    text-decoration: none;
    text-align:center;
    font-size:0.8em;
}
.page-navi li a:hover{
    background-color: #636da3;

}

#spot .page-navi span{
    display: block;
    background-color:#f5f7ff;
    margin:2px;
        padding: 0em 2em;
    margin-bottom: 0.1em;
    color:#515a86;
}
.page-navi li a::after{
 content:"▼";
    font-size: 12px;
    margin-left: 1em;
}

.under-page h2{
    font-size: 32px;
    color: #333;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.05rem;
    margin-bottom:1em;
  
}
.under-page h2 span{
    font-size:22px;
    display: block;
}
.under-p h2 span{
    color:#cc82a3;
}

.under-b h2 span{
    color:#515A86;
}
.box-shadow1{
    box-shadow: 0 3px 6px rgba(123,114,187,.18);
}

.text-center{
    text-align: center;
}

.siro-box{
    background-color: #FFFFFF;
    padding:3em 5em;
    margin:5em auto;
    border-radius: 16px;
    box-shadow: 1px 0px 6px rgba(123,114,187,.18);
}
.pink-box{
    background-color: #FFF1F1;
    padding:2em 3em;
    margin:5em auto; 
    text-align: center;   
}
.pink-box p{
    margin-bottom: 0;
}
.in-siro{
    background-color: #FFFFFF;
    padding:2em 3em;
    margin:5em auto; 
    text-align: center;
}
.in-siro h4,.pink-box h4{
    color:#CC82A3;
    margin:0;
    
}
.under-b .siro-box h3 {
    text-align: center;
    letter-spacing: 0.1em;
}
.under-b .siro-box h3 span{
    display: block;
    font-size:1em;
    background-color:#EFF0F6;
    color:#515A86;
    padding:0.5em 0;
    max-width:600px;
    margin: 0 auto 2em;
}

.under-p .siro-box h3 span{
    display: block;
    font-size:16px;
    background-color:#FFF5F9;
    color:#CC82A3;
    padding:0.5em 0;
    max-width:600px;
    margin: 0 auto 2em;
}
.under-b .siro-box h3 span.h3spangreen{
    background-color: #EDFFE5;
}

.under-b .siro-box h4 {
    background-color:#EFF0F6;
    padding:0.7em;
    text-align: center;
    margin-top:3em;
}
.under-b .siro-box p{
    margin-left:1em;
    margin-right:1em;
}
.under-b .siro-box li::marker,.case-box li::marker{
    color:#FBCFE2;
    list-style: disc;
    font-size: 28px;
    line-height: 0.4;
}
.yokonarabi{
    display: flex;
    justify-content: space-between;
}
.under-b  .check,#recruit .check{
    background-color: #F8F9FC;
    padding: 2em;
    max-width: 800px;
    margin: 0 auto 2em;
}
#recruit .check{
    background-color: #FFFFFF;
}
.under-p  .check{
    background-color: #FCF8F8;
    padding: 2em;
    max-width: 800px;
    margin: 3em auto;
}
.check ul {
    list-style: none;
    padding:0;
    max-width: 800px;
   
}
.check ul li ,#recruit .check  ul li{
    background-image: url("img/check-blue.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:50px;
    font-size:20px;
    font-weight: bold;
    line-height: 2.2;
}
.under-p .check ul li{
    background-image: url("img/check-pink.png");
}

/*アピールエリア*/

.appeal-content{
    background-color: rgba(255, 255, 255, 0.0);
}
.appeal-message{
    color:#FFF;
    font-size:2em;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
    letter-spacing: 0.1em;
    text-shadow: 1px 2px 5px #757d8b;
    line-height: 150%;
    margin-bottom:0;
    
}
.appeal-in,#appeal{
    min-height:560px;
}
.appeal{
    background-size: cover;
}

/*フッター*/
#foot-contact{
    background-image: url("img/foot_contact_bk.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    color: #FFF;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
}
#foot-contact .eiji{
    font-size:30px;
}

#foot-contact .tel{
    font-size: 36px;
    letter-spacing: 0.05em;
}
#foot-contact .tel span{
    font-size:22px;
    padding-right: 1em;
}

.foot-con{
    display: flex;
    justify-content:space-around;
}
#foot-contact p{
    margin:2em 0;
}
.footer-widgets{
    max-width: 1200px;
}
.footer-widgets p,.widget-footer-mobile p{
    color:#333333;
    font-size:14px;
    margin-left:1em;
    margin-bottom:1em;
}
#footer  .widget_nav_menu ul li a{
    color:#333333;
    font-size:16px;
    padding: 0.1em 0;
}
.footer-left{
    width:40%;
}
.footer-center,.footer-right{
    border-left:1px solid #D6D6D6;
    width:28%;
}
.footer-left ul,.widget-footer-mobile  ul{
    display: flex;
    padding-left:10px;
}
.footer-left li,.widget-footer-mobile li{
    list-style: none;
    margin-right:0.5em;

}
.footer-left li img,.widget-footer-mobile li img{
    width:100%;
    object-fit: cover;
    padding:10px
}
.footer-left ul a,.widget-footer-mobile ul a{
    background-color:#333333;
    display: block;
    width:40px;
    height:40px;
    border-radius: 20px;  
}
.footer-left ul a:hover,.widget-footer-mobile ul a:hover{
    background-color:#999999 !important;
}
.foot_hoiku::before{
    content: "保育";
    color:#52598B;
    font-size:16px;
    font-weight: bold;
}
.foot_ippan::before{
    content: "一般企業";
    color:#52598B;
    font-size:16px;
    font-weight: bold;
}
.foot_ippan{margin-top:2em;}
.foot_annnai::before{
    content: "会社案内";
    color:#52598B;
    font-size:16px;
    font-weight: bold;
}
.copyright{
    color:#333333 !important;
}

.footer-bottom.fdt-left-and-right .footer-bottom-content{
   max-width: 1200px;
    margin: 0 auto; 
}
.go-to-top-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#footer a:not(.sns-button){
    color:#333;
}
.img-header {
    position: relative;
}
.img-header h1{
    font-size: 1.8em;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 1.8;
    color:#FFF;
    text-shadow: 2px 1px 2px #7e8387;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);/*センター寄せの修正*/
}
.img-header span{
    display: block;
    font-size:36px;
}
.nonimg-header h1{
    font-size: 1.8em;
    color: #333333;
    letter-spacing: 0.05em;
    padding:2em 0;
    text-align: center;
    line-height: 1.8;
}

.nonimg-header span{
    display: block;
    font-size:36px;
    color:#CC82A3;
}

/*トップページ*/
#top-top{
    display: flex;
    justify-content: space-between;
     flex-direction: row-reverse;
    padding-top:1em;
    align-items: stretch;
    
}
.top-top-img{ flex: 1; /* ←残りの幅を全部使う（可変）*/
  min-width: 0; /* ←これないと画像が縮まない */
  overflow: hidden;}
.top-top-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ←画像が右側の高さに合わせてトリミング */
  object-position: right center;
  display: block;
}

.top-top-right{
    max-width: 500px;
    padding-left: 3em;
}
.top-top-right-v2{
    min-width: 600px;
    padding-left: 3em;
}
#top-top h1{
    color:#515A86;
    line-height: 1.6;
}
#toppage #top-top h2{
    background: none;
    color: #333;
    line-height: 1.8;
    padding: 0;
    text-align: left;
}
#top-top .eiji{
    color:#515A86;
    font-size: 14px;
}

.pinkbk_1{
    background-image: url("img/top-top-bk.png");
    background-repeat: no-repeat;
    padding-top:3em;
    background-size:cover;
    
}
.pinkbk_2{
    background-image: url("img/top-top-bk2.png");
    background-repeat: no-repeat;
    padding-top:3em;
    background-size: contain;
    background-position: center bottom; 
}
#toppage h2{
    color:#333333;  
    font-size:22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
    background: none;
}
#toppage h2 .eiji{
    font-size:30px;
    color: #515A86;
    display: block;
    letter-spacing: 0.05em;
}
#top-service p{
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    line-height: 2;
    margin-bottom: 2em;
}

#top-service ul{
    display: flex;
    margin-bottom:8em;
    padding-left:0;
}

#top-service li{
    width:48%;
    margin:2%;
    min-height: 270px;
    background-color:#DDD;
    list-style: none;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.service_hoiku{
    background-image: url("img/top-service-hoiku.jpg");
}
.service_ippan{
    background-image: url("img/top-service-kigyou.png");
}

#top-service a{
    display: block;
    text-decoration: none;
    color:#333;
    height: 100%;
}
#top-service a:hover {
    opacity: 0.9;
}
#top-service div{
    position: relative;
    top: 200px;
    max-width: 80%;
    margin: 0 auto;
    background-color:#FFF;
    box-shadow: 0 3px 6px rgba(123,114,187,.16);
    padding: 1.6em 0 1.3em 0;
}
#top-service h3{
    padding:0;
    line-height: 1.1;
    margin-bottom:0.5em;
}
#top-service div span{
    font-size:12px;
}
.service_hoiku span{
    color:#CC82A3;
}
.service_ippan span{
    color:#515A86;
}
#top-service div p{
    margin-bottom:0;
    font-size:20px;
    line-height: 1.8;
}
/*2025作り変え#top-service*/
#top-service-v2{margin-top:0em;}
#top-service-v2  h3{
    margin-bottom:0.2em;
}
#top-service-v2 > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: 4%;
  align-items: stretch;
  margin-bottom:3em;
}

#top-service-v2 > ul > li {
  width: 48%;             /*  横並びの幅 */
    background:none;

}
.service-in-ul{
    margin-left:0;
    padding-left:0;
}
.service-in-ul li{
    list-style: none;
    position: relative;
    padding-left: 1em;
}
.service-in-ul li:before {
content: "〇";
  position: absolute;
  left: 0;
  top: 50%;                
  transform: translateY(-50%);
  color: #878579;      
  font-size: 0.5em; 
  line-height: 1.5;
}
#top-service-v2 .service-in-ul{
    margin-bottom:2em;
}
#top-service-v2 > ul > li > div{
    height:100%;
}
/* 白の透過ボックス */
#top-service-v2 > ul > li .text-box {
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 246, 246, 0.85);
  padding: 40px;
  border-radius: 12px;
  box-sizing: border-box;
  backdrop-filter: blur(2px);
  position: relative;
  z-index: 2;
}
#top-service-v2 > ul > .service_ippan .text-box{
background: rgba(235, 244, 255, 0.85);
height: 100%;
}


.service_ippan a.l_btn{
border-color:#515A86;
    color:#515A86 !important;
    background-image: url(img/arrow-blue.png);
}
.service_ippan a.l_btn:hover{
    background-color:#eff1ff;
}

/* ▼ スマホ版は1カラムに戻す（必要なら） */
@media (max-width: 768px) {
#top-service-v2 > ul{display: block;}
  #top-service-v2 > ul > li {
    width: 100%;
  }
}






#info{
    display: flex;
    justify-content: center;
    width: 80%;
    gap: 20px;
}

#info h2{
    margin-top:0;
    padding-top:0;
    text-align: left;
    flex: 0 0 auto;
}
#info > div{
    flex: 1 1 auto;
    min-width: 0;
}
#info ul{
    margin-top:1em;
    padding-left:0
}
#info li{
    list-style: none;
    border-top:1px solid #D2D2D2;
    padding:1em 0.5em;
}
#info li:last-child {
    border-bottom:1px solid #D2D2D2;
}
#info li a{
    text-decoration: none;
    color:#333;
    line-height: 1.5;
    font-size:20px;
    display: block;
    
}
#info li a:hover{
    background-color:#FFF2F2;
}
#info li a .date{
    color:#CC82A3;
    font-size:12px;
}

#top-syoukai ul{
    display: flex;
    padding-left:0;

}
#top-syoukai li{
    list-style: none;
    width:48%;
    margin:2%;
    background-color:#FFFFFF;
    text-align: center;
    padding-bottom:1.5em;
}
#top-syoukai img{
    display: block;
    margin-bottom:1.5em;
}
#top-syoukai li a{
    color:#333333;
    text-decoration: none;
    font-size:20px;
    font-weight: bold;
}
#top-syoukai li a:hover{
    opacity: 0.8;
}
#top-syoukai li a span{
    display: block;
    font-size:16px;
    color: #515A86;
}

#column ul{
    display: flex;
    justify-content:space-between;
    padding-left:0;
    flex-wrap: wrap;
}

#column li{
    list-style: none;
    width:31%;
    margin-bottom: 2em;

}
#column img{
    aspect-ratio: 4 / 2.5;
    object-fit: cover;
}
#column a{
    color:#333333;
    text-decoration: none;
    size:16px;
}
#column span{
    font-size:12px;
    color:#CC82A3;
    display: block;
}
/*代表紹介*/
#rep-top {
    height: 425px;
        
    position: relative;
    background-color:#DDD;
    
}

#rep-top  img{
    object-fit: cover;
    width:100%;
    height:425px;
    object-position: 70% 50%;


}
#rep-top h2{
    font-size:27px;
    text-align: left;
    position: absolute;
    top:50%;
    left: 70%;
    transform: translate(-50%,-50%);/*センター寄せの修正*/
    padding:0;
    background: none;

}
#rep-top h2 span{
    font-size:20px;
    color:#333333;
    display: inline;
}
#rep-top h2 span.wi{
    font-size:24px;
}
#prof{
    max-width: 1000px;
}
.prof-flex{
    display: flex;
}

.prof-left{
    width:30%;
    margin-right:10%;
}
.prof-right{
    width:60%;
}
#prof h3{
    padding:0;
    margin:0;
    letter-spacing: 0.05rem;
    text-align: left;
    margin-bottom: 1em;
    
}
#prof h3 span{
    font-size:16px;
    font-weight: normal;
}
#prof dl,#prof p{
    margin-left:0.5em;
}
#prof dl{
    font-size:18px;
    display: flex;
    flex-wrap: wrap;
}
#prof dt{
    width:20%
    
}
#prof dd{
    width:80%;
    margin-left:0;
}
#enkaku dl{
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin:0 auto;
}
#enkaku dt, #enkaku dd {
  box-sizing: border-box;
}
#enkaku dt {
  display: flex;
  align-items: center;
  width: 15%;
  padding: 30px;
  background-color: #fff;
    border-right:#F2E2E2 solid 1px;
    margin-bottom:1em;
    justify-content: center;
}

#enkaku dd {
  display: flex;
  align-items: center;
  width: 85%;
  margin-left: 0;
  padding: 30px;
  background-color: #fff;
    margin-bottom:1em

}

#book ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items:flex-start;
    padding-left:0;
    
}
#book li{
    width:46%;
    background-color:#FFFFFF;
    list-style: none;
    padding:2em 0 0 0;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 2em;
}
#book li h3{
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom:1em
}
#book li p{
    text-align: center;
}
#book li img{
    max-width: 160px;
    display: block;
    margin:2em auto 1em;
}

#sem h3{
    padding:2em;
    text-align: center;
    color:#333333;  
}
#sem h4,#syuzai h3{
    padding: 0.8em 2em;
    color:#333333;
    max-width:1000px;
    text-align: left;
    margin: 1em auto;
    
}
#sem ul,#syuzai ul{
    max-width: 1000px;
    margin: 1em auto 2em;
}
#sem li,#syuzai li{
    margin-left:2em;
}
#sem li::marker,#syuzai li::marker{
    font-size:12px;
}
#sem div{
    margin:0 auto;
    max-width:1200px;
}
.kigoumuke h3, .kigoumuke h4{
    background-color:#EFF0F6;
}
.hoikumuke h3, .hoikumuke h4,#syuzai h3{
    background-color:#FFF5F9;
}
.hoikumuke h3{
    margin-top:5em;
}

#iin dt,#iin dd{
    background-color: #FFFFFF;
    padding-left:2em;
    padding-right:2em;
    max-width: 1000px;
    margin:0 auto;
    
}
#iin dt{
    font-weight: bold;
    padding-top:2em
}

#iin dd{
    padding-bottom:2em;
    margin-bottom:1em
}

/*一般企業*/
#reso .img-header{
    background-image: url("img/reso-main.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    height:300px;
}
#reso-top ul{
    display: flex;
    justify-content: space-around;
    padding-left:0;
}
#reso-top li img{
    padding-bottom:1em;
}
#reso-top li{
    list-style: none;
    width:28%;
    text-align: center;
    font-size:20px;
    line-height: 1.8;
}
.r-soudan-img{
    width:40%;
}
.box-3{
    display: flex;
    justify-content: space-around;    
}

.box-3-in{
    width: 32%;
    background-color: #FFF;
    padding: 2em 1em 0.5em;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,81,.08);
}

#goirai a.zen{
    display: block;
    text-align: center;
    text-decoration: none;
}
#goirai .box-3 h3{
    color: #333333;
}

#goirai p{
    color:#515A86;
    margin-bottom: 0;
    font-weight: bold;
}
#goirai img{
    height: 170px;
}
#goirai .basic{
    border:2px solid #515A86;
}
#goirai h3 {
    margin-bottom:0.5em;
}
#goirai h3 span{
    font-size: 15px;
    background-color: #515A86;
    color: #FFF;
    padding: 0.2em 0.5em;
    margin-left: 0.5em;
}


a.more{
    background-color:#515A86;
    color:#FFF;
    display: block;
    padding: 10px 30px;
    margin: 1em 2em;
    max-width:320px;
    background-image: url("img/arrow-white.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    text-decoration: none;

}

a.more:hover{
    background-color:#6a75ad;
}
.under-p a.more{
    background-color: #CC82A3
}
.under-p a.more:hover{
    background-color:#eb98bd;
}
#komon .box-3-in{
    padding-top:1em;
}
.komon3{
    display: flex;
    justify-content: space-baround;   
    gap:20px;
    margin:0 auto;
}
.komon3{
    max-width: 900px;

}
.under-p .komon3 {
    background-color:#FEF4F4;
    padding:2em 1em;
}
.komon3 h3 {
    color: #515A86;
    line-height: 2.0;
    padding:0;
}

.komon3 h3 span{
    border-bottom: 1px solid #515A86;
    font-size: 30px;

    display: inline-block;
    margin-bottom: 0.5em;
}
.under-p .komon3 h3,.under-p .komon3 h3 span{
    color: #CC82A3;
}
.under-p .komon3 h3 span{
    border-bottom: 1px solid #CC82A3;
}
.komon3 ul{
    padding:0;
}
.komon3 li{
    list-style: none;
    height: 50px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}
li.k-list1{
    background-color:#D4F2C7;
}
li.k-list2{
    background-color:#FEEEEE;
}
li.k-list3{
    background-color:#E5E8FF;
}
.ryoukin-table {
    margin:0 auto;
    table-layout: fixed;
}
.ryoukin-table th,.ryoukin-table  td{
    text-align: center;
    padding:1em;
    border:5px solid #FFFFFF;
    font-family: "Noto Sans JP", sans-serif;
    font-size:1em;
}

.ryoukin-table tr th:nth-of-type(1){
    font-weight: normal;
    background-color:#F6F6F6;
}
.ryoukin-table th.r-th1{
    font-weight: bold !important;
}
.ryoukin-table th.r-th2{
    background-color:#E5E8FF;
    line-height: 120%;
}
.ryoukin-table th.r-th3{
    background-color:#FFEBEB;
}
.ryoukin-table th.r-th4{
    background-color:#D4F2C7;
}
.ryoukin-table tr td:nth-of-type(1){
  background-color:#f8f9ff;
}
.ryoukin-table tr td:nth-of-type(2){
  background-color:#FFF5F9;
}
.ryoukin-table tr td:nth-of-type(3){
  background-color:#EDFFE5;
}

td,.gyoumu-table th,.gyoumu-table td{
    text-align: center;
    padding:1.5em 2em;
    font-size:0.8em;
    font-size:1em;

}
.gyoumu-table {
    margin:0 auto;
}
.gyoumu-table th{
    background-color:#E5E8FF;
    color: #515A86;
    font-weight: normal;
}
.under-p .gyoumu-table th{
    background-color:#FFF5F9;
    color: #CC82A3;
}
.gyoumu-table tr td{
    background-color: #F8F9FF;
    border-bottom:1px solid #AEACAC;
}
.under-p .gyoumu-table tr td{
     background-color: #FCFBFB;
}
.gyoumu-table tr td:nth-of-type(1){
  font-weight: bold;
    background-color:#FFFFFF;
    text-align: left;

}

/*--------------------保育--------------------*/
#cons .img-header,#ach .img-header{
    background-image: url("img/cons-main.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    height:300px;
}
#cons-top {
    margin-top:2em;
    padding-bottom: 0;
}
.c-top-yoko-img{
width:44%;
    }

#cons-top h2{
    font-size:26px;
    text-align: left;
    padding-left: 0;
    margin:0 0 0.5em;
}
#cons-top p{
    max-width:500px;
}
#cons-tuyomi{
    padding-top:0;
}
#cons-tuyomi ul{
    display: flex;
    justify-content: space-around;
    padding-left:0;
}
#cons-tuyomi li img{
    padding-bottom:1em;
}
#cons-tuyomi li{
    list-style: none;
    width:28%;
    text-align: center;
    font-size:20px;
    line-height: 1.8;
}
#cons-tuyomi a{
    margin-top:0.5em;
    text-align: left;
    font-size:16px;
}

#cons-tuyomi li span{
    font-size:14px;
    display: block;
    
}
.box4{
    display: flex;
    justify-content: space-between;
}

.box4 div{
    width:24%;
}

#oursuport h3 {
    text-align: center;
    font-weight: normal;
    line-height: 2;
}
#oursuport h3 span,#jinji h3 span{
    border:1px solid #CC82A3;
    color:#CC82A3;
    font-size:14px;
    padding:0.3em 2em;
    background-color:#FFF
}
#oursuport ol{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left:0;
}
#oursuport li{
    width:48%;
    margin:1%;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3em;
}
#oursuport a{
    display: block;
    background:url("img/arrow-maru.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    
    text-decoration: none;
    color:#333333;
}
#oursuport p{
    line-height: 1.8;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}
#oursuport li span{
    background-color: #CC82A3;
    color:#FFF;
    padding:0.3em 1em;
    font-size:14px;
    margin-left:0.5em;
}
#oursuport .ourimg{
    position: relative;
}

#oursuport .ournum{
    position: absolute;
    top: -40px;
    right: 10px;
    font-size: 40px;
    color: #CC82A3;
}
#jinji h3{
    line-height: 2;
}
#jinji h3 span{
    padding:0.2em 5em;
}
#jinji ul{
    list-style: none;
    padding-left:0;
    max-width:700px;
    margin:0 auto;
}
#jinji li{
    background-color: #FFF;
    color: #333333;
    padding: 0.2em 5em;
    margin-bottom: 2.5em;
}

#jinji li div{
background-color: #CC82A3;
    font-size: 16px;
    display: inline;
    color: #FFF;
    padding: 0.4em 0.5em 0.3em;
    letter-spacing: 0.1em;
    margin-right: 2em;
    
}
#jinji li div span{
    font-size:24px;
}
#jinji li::after{
    content: "↓";
    display: block;
    position: absolute;
    font-size: 24px;
    left: 50%;
    color: #CC82A3;
}
#jinji li:last-child::after{
    display: none;
}

#dx .check ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
#dx .check li{
    width:48%;
}
#hoikukomon table{
    margin:2em auto;
}

#hoikukomon th{
    background-color:#CC82A3;
    color: #FFF;
}
#hoikukomon tr td:nth-of-type(1){
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 0.5em;
    width: 150px;
    border-bottom:6px solid #FFFFFF;
    line-height: 120%;
}
#hoikukomon tr td:nth-of-type(2){
  font-size:14px;
  text-align: left;
    max-width:560px;
    padding:2em;
    vertical-align: top;
    border-bottom:6px solid #FFFFFF;
}
.k-td-1{
    background-color: #D4F2C7;

}
.t-td-1{
    background-color: #FFEBEB;

}
.s-td-1{
    background-color: #E5E8FF;

}


.plan-op{
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
}
.plan-op div{
    width:48%;
    border:1px solid #E1E1E1;
    
    padding:0.5em 0;
    line-height:1.5;
    font-size:14px;
    font-weight: bold;
    
    display: flex;
    align-items: center;
    justify-content:center;
    
    margin-right: 1%;
    margin-bottom: 1em;
    
    height: 60px;
    
    
}
.k-td-2,.k-td-3 .plan-op div{
    background-color: #EDFFE5;
}
.t-td-2,.t-td-3 .plan-op div{
    background-color: #FFF5F9;
}
.s-td-2,.s-td-3 .plan-op div{
    background-color: #f8f9ff;
}
.t-td-2{
    position: relative;
    height: 260px;
}
#hoikukomon .k-td-2,#hoikukomon .t-td-2,#hoikukomon .s-td-2{
    border-right:1px solid #CC82A3;
}
#hoikukomon .k-td-3,#hoikukomon .t-td-3,#hoikukomon .s-td-3{
    border-right:1px solid #CC82A3;
}
#hoikukomon .s-td-3{
 border-bottom:1px solid #CC82A3;
}
.kyuuyo-tetuduki{
    position: absolute;
    bottom:1em;
    right:1em;
    line-height: 1.5;
    border:1px solid #CBCBCB;
    font-size:12px;
    padding:10px 20px;
    
}
.kyuuyo-tetuduki b{
    font-size:20px;
}
#hoikukomon .kyuuyo-tetuduki p{
    font-size:14px;
    line-height: 1.5;
    margin-bottom:10px;
}

#hoikuino a,#cons-yokuaru a{
    margin:3em auto;
}

/*--------------------保育実績--------------------*/
#ach .box-3{
    flex-wrap:wrap;
}
#ach .box-3-in{
    margin-bottom:1em;
}
#ach a.zen{
    display: block;
    text-align: center;
    text-decoration: none;
}

#ach .box-3 p{
    color:#CC82A3;
    margin-bottom: 0;
    font-weight: bold;
}
#ach .box-3  img{
    height: 126px;
}

#ach .box-3  h3 {
   color: #333333;
    font-size:20px;
    height: 4em;
    line-height: 1.5;
    margin-bottom: 3em;
}
.case-box{
    padding-top:3em;
    padding-bottom:3em;
}
.case-box section{
    padding:0 1em;
}
.case-box .siro-box{
    padding: 4em 5em;
}
.case-flex{
    display: flex;
    flex-direction: row-reverse;
    
}

.case-box h2{
    padding:0 0 0 1em;
    text-align: left;
    font-size:24px;
    font-weight: normal;
    margin-bottom: 1em;
    
}
.case-midashi{
    margin-bottom:1em;
}
.case-midashi span{
    background-color: #CC82A3;
    color: #FFF;
    padding:0.2em 3em;
    font-size:18px;

}
p.case-point{
    font-size:20px;
    color:#db4e8d;/*strongと同色*/
    background-color: #FFF5F9;
    padding:1em;
    
    
}
.case-r{
    width:80%;
}
.case-l{
    width:20%;
    margin-top:2em;
    text-align:left;
}
.case-l img{
    padding-left:10px;
    max-width: 140px;
}
.case-box li{
    padding-bottom: 1em;
}
.case-box ul{
    margin-bottom:3em;
}

/*--------------------メンバー紹介--------------------*/
#member .img-header{
    background-image: url("img/member-main.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    height:300px;
}
#member h2 span{
    font-size:38px;
    letter-spacing: 0.1em;
}

#member h4{
    margin-bottom: 0;
    padding-left:0;
    font-size: 22px;
    
}
#member p{
    margin-bottom:1em;
}
.snum{
    color: #CC82A3;
    font-size:40px;
    text-align: right;
    line-height: 1;
    padding-right: 20px;
    
}
.snum span{
    font-size:12px;
   
}

.e-name{
    font-size:12px;
     letter-spacing: 0.1em;
}
.syoukai-in{
    /*padding-left: 340px;
    padding-top: 20px;
    */
    position: absolute;
    top: 160px;
    left: 54%;
}
.member-img img{
    margin: 0 auto;
    display: block;
}
.syoukai-in h3,.pro-in h3{
    text-align: left;
    padding-left: 0;
    font-weight: 500;
    padding: 0 0 0.5em;
    margin-bottom: 0;
    letter-spacing: 0.1em;
}
.yaku span{
    background-color: #CC82A3;
    color: #FFF;
    padding:0.1em 0.8em;
    font-size:16px;
}
.syoukai-in strong,.pro-in strong{
    color: #CC82A3;
    font-weight: normal;
    font-size: 20px;
}
.syoukai-in p,.pro-in p{
    margin-bottom:0.3em !important;
    line-height: 1.5;
}
.yaku{
    margin-bottom:0.5em;
    margin-top: 0.5em;
}
#member01,#member02,#member03{
 /*   background-image: url("img/member01.jpg");
    background-repeat: no-repeat;
    width:619px;
    height:433px;
    */
    margin: 0 auto;
    margin-bottom:2em;
    position: relative;
}

#member01 .snum{
    position: absolute;
    
    top: 50px;
    left: 72%;
}
.member02-03{
    background-repeat: no-repeat;
    background-size:cover;
    background-position: 70% 50%;
    height:395px;
    max-width:1000px;
    margin: 0 auto;
    margin-bottom:2em;    
}

#member02 .snum,#member03 .snum{
    padding-top:35px;
    position: absolute;
    top: 0px;
    right: 0;  
}

#member02 .syoukai-in,#member03 .syoukai-in{
    top: 110px;
    left: 62%;
}




#profess,#expert{
    max-width: 1200px;
    margin:3em auto;
}
#pro,#exp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
#pro div.pro-in,#exp div.pro-in{
    width:32%;
    padding: 1.4em 1em 1.4em 2em;
    margin-bottom:4em;
    background-color:#FFF5F9;
    position: relative;
}
/*３人目いないので*/
#exp::after{
  content:"";
  display: block;
  width:30%;
}
#exp div.pro-in{
    margin-bottom:0;
}
#pro strong,#exp strong{
    font-size:18px;
   
    display: block;
}
#pro div .snum,#exp div .snum{
    position: absolute;
    top:-1.5em;
    right:0;
    background:none;
    font-size:36px;
}
#pro div .snum span,#exp div .snum span{
    font-size:10px;
}
#pro p,#exp p{
    margin-bottom:0;
    font-size:16px;
    line-height: 1.6;
}



.int{
    display: flex;
    justify-content: space-between;
    margin-bottom:5em;
}

.int-l{
    width:40%
}
.int-r{
    width:56%;
}
.int-l img{
    width:100%;
}
.int-l-in{
    display: flex;
    justify-content: space-between;
}
.int-l h3{
    color:#CC82A3;
    font-size:24px;
    font-weight: normal;
    padding:0;
}
.int-l p{
    font-size:14px;
}

#support div{
    background-color: #FFF5F9;
    min-width:500px;
    text-align: center;
    
    font-size:30px;
    padding:2em;
    
}
/*--------------------採用--------------------*/

.entry{
    position: fixed;
    right: 50px;
    bottom: 100px;
    transition: 1s;
    z-index: 10000;
}
.entry a{
    border-radius: 50%;
    background-color: #FF7171;
    opacity: 0.8;
    color: #FFF;
    display: block;
    height: 140px;
    width: 140px;
    padding-top: 40px;
    text-decoration: none;
    font-size: 20px;

    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}
.entry a span{
    display: block;
    font-size:14px;
    font-weight: normal;
    margin-bottom:0.4em;
}
#recruit .nonimg-header p{
    max-width: 1000px;
    margin: 0 auto 2em;
    
}
#rec-top{
     background-color: #e7e0d6;
}
#rec-top img{
    display: block;
   margin: 0 auto; 
   
}

#bosyu table{
    max-width:1000px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 5px;
}

#bosyu th,#bosyu td{
    background-color: #FFFFFF;
    padding:1em 2em;
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
}

#flow div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow05 {
  padding-left: 0;
}

.flow05 a.l_btn{
    margin:0.5em 0;
}

.flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 100px;
  font-size: 1.3em;
  font-weight: 500;
  color: #333333;
  padding-top:20px;
  line-height: 80px;
}
.flow05 > li.komeari{
    line-height: 1.5;
}
.flow05  p {
    font-size:14px;
}
.flow05 > li:not(:last-child) {
  padding-bottom: 10px;
}

.flow05 > li .icon05 {
  width: 70px;
  height: 70px;

  text-align: center;
  border-radius: 100vh;
  display: inline-block;
  background: #CC82A3;
  color: #fff;
  position: absolute;
  left: 0;

  line-height: 1;
  font-size:32px;
  padding-top: 10px;
}

.flow05 > li.komeari .icon05 {
    top:10px;
}
.flow05 > li .icon05 span{
    font-size:12px;
    display: block;
}

.flow05 > li:not(:last-child)::before {
  content: '';
  background: #cc82a3;
  width: 2px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 34px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.whatbox{
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:2em;
}
.whatbox:nth-child(even){
    flex-direction: row-reverse; /*左右入れ替え*/
}
.whatbox1{
    align-items: flex-start;
}
.whatbox .w-text{
    width:56%;
}
.whatbox .w-img{
    width:40%
}
.whatbox h3{
    font-size:20px;
    padding:0;
    margin-bottom:0.2em;
    text-align: left;
}
.whatbox p{
    margin-bottom:1em;
}
#image img{
    display: block;
    margin: 0 auto 3em;
    
}

.qa-container {
  margin: 50px auto 0;
  width: 100%;
}

.qa-list:not(:first-child) {
  margin-top: 10px;
}

.question-title {
  background: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  padding: 20px 50px;
  position: relative;
}

.question-title:before {
  position: absolute;
  display: block;
  content: 'Q';
  top: 20px;
  left: 12px;
  color: #CC82A3;
  font-size: 22px;
}

.question-title:after {
  position: absolute;
  display: block;
  content: '';
  top: 35%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
  transition: all .3s ease-in-out;
}

.question-title.open:after {
  transform: rotate(-45deg);
  top: 45%;
}

dd.answer-text {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  display: none;
  padding: 20px 50px;
  position: relative;
  background-color:#fffff0;
    margin-left:0;
}

.answer-text:before {
  position: absolute;
  display: block;
  content: 'A';
  top: 20px;
  left: 12px;
  color: #e15454;
  font-size: 22px;
}

.qa-link{
    display: flex;
    justify-content: space-between;
    margin-top:5em;
}
.qa-link div{
    width: 48%;
    background-color: #FFF;
}
.qa-link div a{
    display: block;
    color: #333333;
    text-decoration: none;
    text-align: center;
}
.qa-link div a:hover{
    color: #CC82A3;
}
.qa-link div p{
    font-size:22px;
    font-weight: bold;
    line-height: 1.5;
    margin: 1em 0 1.2em;
}
.qa-link div p span{
    display: block;
    font-size:14px;
    margin: 0.5em 0 1em;
}

.about-f{
    max-width:820px;
    margin: 0 auto;
}
.about-f img{
    display: block;
    margin: 0 auto 2em ;
}

.img-f{
    display: flex;
    justify-content: space-around;
    margin-top:3em;
    
}
.img-f img{
    display: block;
    width:48%;
}

/*--------------------カルチャーデッキ--------------------*/
#cal-top img{
    display: block;
   margin: 0 auto; 
   
}
#cal-top p{
    text-align: center;
    font-weight: bold;
    font-size:28px;
    margin:2em auto;
}
#culture h2 {
    font-size:28px;
    line-height: 2;

    text-align: left;
    margin: 0;
   
}
#culture h2 div{
        padding-left:2em;
    
}
#culture h2 span{
    font-size:32px;
    display: inline-block;
    padding-left:1em;

    
}
#culture h2::before{
    content: "●";
    color: #515A86;

}
#culture section p{
    padding-left:5em;
}

#culture h3{
    text-align: left;
    margin-bottom: 0;
}
#culture  ol{
    margin-left: 3em;
}

#culture  ol li::marker{
    color:#515A86;
    font-size:32px;
    font-family: "Noto Serif JP", serif;
    font-weight: 200;
    font-style: normal;   
}
#culture section{
        padding: 2em 2em;
}
#culture  section ol p{
    padding-left:1em;
}

.soshiki img,.keiei-bottom-img img{
    display: block;
    margin: 3em auto 0;
}

/*--------------------法人概要--------------------*/
#corpo .img-header{
    background-image: url("img/over-main.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center right;
    height:300px;
}

.keiei-block{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; /*左右入れ替え*/
    align-items: center;
}
.keiei-block .keiei-img{
    width:40%;
    
}
.keiei-block .keiei-text{
    width:52%;
}
.keiei-block .keiei-text h3{
    text-align: left;
    line-height: 1.8;
    padding-left:0;
}
#tokutyou h3{
    padding:0;
    text-align: left;
     display: flex;
}
#tokutyou h3 span{
    font-size:0.8em;
    background-color: #CC82A3;
    color:#FFFFFF;
    padding: 0.5em 1em;
    margin-right: 1.6em;
    text-align: left;
    
}
.toku-midashi{
    width:130px;
}
.toku-m-r{
    width:calc(100% - 90px);
}
.toku-box{
    display: flex;
    justify-content: space-between;
   /* align-items:center;*/
    margin-bottom: 3em;
}


.toku-img{
    width:30%;
}
.toku-txt{
    width:70%;
}
.g-map{
    margin: 0 auto;
}
.access-info{
    border-left: 3px solid #515A86;
    padding: 1em 2em 0.1em;
    margin-left: 5em;
    margin-top: 1.6em;
}/* セクション全体 */
#features-section {
  padding: 60px 0;
}

#features-section h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 32px;
}

/* 3カラムのグリッド */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/* カード全体 */
.feature-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
}

/* 上部見出し */
.feature-header {
  display: flex;
  flex-direction: column;  /* ←縦並びになる */
  align-items: center; 
  gap: 6px;
  margin-bottom:0 !important;
}

.feature-number {
  background:  #CC82A3;
  color: #FFF;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: bold;
   display: block;  
}

/* 画像部分 */
.feature-image {
  width: 100%;
  text-align: center;
}

.feature-image img {
  max-width: 180px;
  height: auto;
}

.feature-body p{
    font-size:18px;
}

/* ---------------- */
/* レスポンシブ対応 */
/* ---------------- */

@media (max-width: 1024px) {
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 599px) {
  .feature-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .feature-card {
    padding: 20px;
  }

  .feature-title {
    font-size: 16px;
  }
}


/* タブレット：2カラム */
@media (max-width: 900px) {
    .toku-card {
        width: calc(50% - 12px);
    }
}

/* スマホ：1カラム */
@media (max-width: 600px) {
    .toku-card {
        width: 100%;
    }
}

/*--------------------privacy--------------------*/
#privacy h2{
    text-align: left;
    font-size:28px;
    padding-left: 0;
    margin-bottom: 0;
}
#privacy p{
    padding-left: 40px;
}
/*--------------------contact--------------------*/
#contact .entry-title,#contact .date-tags,#contact .under-entry-content{
    display: none;
}

#contact section{
    padding: 0em 2em;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
    width:100%;
    
}
.telbox input[type="text"]{
    width:28%;
    
}
.hissu,.nini{
color:#FFF;
padding:0.2em 0.5em;
font-size:12px;
border-radius:5px;
margin-right:0.3em;
    margin-left: 1em;
}
.hissu{
background-color:#e94a3d;
}
.nini{
background-color:#999;
}
.nm{
min-width: 2.5em;
    display: inline-block;
}

#contact table th,#contact  table td {
    text-align: left;
    display:block;
    width: 100%;
}
#contact table th{
    padding-top:1.5em;
    color: #515A86;
}
#contact table td{
    
    padding:0 6px;
}
.sendtable {
    text-align: center;
    display: flex;
    justify-content: space-around;
}
 .sendtable input.wpcf7-submit{
border-radius: 0;
    background-color: #FF7171;
    color: #fff;
    padding: .5em 5em !important;
    height: auto;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    line-height: 1.8;

     font-size: 1rem;
     margin-bottom:1em;
}
.sendtable input.wpcf7-submit:hover{
    background-color: #fb8383;
}

.sendtable input.resetsp {
    background-color: #fff;
    border: 1px solid #FF7171;
    color: #FF7171;
    padding: .5em 3em;
    line-height: 1.8;
    font-size: 1rem;
}
/*--------------------投稿--------------------*/
.entry-header h1{
    line-height: 1.8;
    etter-spacing: 0.05em;
}
h3.widget-sidebar-title {
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.widget_recent_entries ul li a,.widget_categories ul li a{
    padding-left:1em;
    font-weight: 300;
}
.widget_recent_entries ul li a{
    font-size:0.8em;    
}


.entry-card-title{
    letter-spacing: 0.05em;
    font-size: 1.4rem;
    font-weight: 500;
}
.entry-card-snippet{
    
    line-height: 1.8;
}
.archive-title{
  font-size: 1.6em;  
    letter-spacing: 0.05em;
    padding-left: 0.5em;
    font-weight: normal;
}
.fa-folder-open:before,.fa-search:before {
    color: #515A86;
}
.cat-label{
    background-color:#cc82a3;
    color:#FFF;
}
.cat-link{
    background-color:#515A86;
    color: #FFF;
    font-size: 0.8em;
    border-radius: 5px;

}
.cat-link:hover{
    color: #FFF;
}
.eye-catch-wrap{
    display: none;
}
.entry-categories-tags {
    text-align: right;
}

    .only-sp{
       display: none;
        
    }
    .only-pc{
       display: block;
    }

/*--------------------1300px--------------------*/
@media screen and (max-width: 1300px){
.page-navi .bunkatu4 li{
        width:48%;
   
}
    
}

/*--------------------834px モバイル--------------------*/
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    .article h3{
        padding:0;
    }
    main.main{
        padding:0;
    }
    main .section{
        padding: 32px 16px;
    }
    
    section{
        padding:1em;
    }
    .under-page h2{
        font-size:24px;
    }
    .siro-box,.case-box .siro-box{
        padding:1em;
        margin: 2em auto;
    }

    .prof-flex,#top-top,#top-service ul,#info,#top-syoukai ul,#column ul,.foot-con,.keiei-block,.toku-box,#enkaku dl,#tokutyou h3,#book ul,#pro, #exp,.int,.yokonarabi,#cons-tuyomi ul,#oursuport ol,#dx .check ul,.komon3,.plan-op,.case-flex,#reso-top ul,.box-3,.page-navi ul{
        display: block;
    } 
    
    #pro div.pro-in, #exp div.pro-in,#cons-tuyomi li,#oursuport li,#reso-top li,.box-3-in{
        width:100%;
        margin-bottom: 3em;
    }
    #info,.int-l,.int-r,.c-top-yoko-img,#dx .check li,.plan-op div,.case-r,.case-l,.r-soudan-img,.page-navi .bunkatu4 li,.page-navi li a{
        width:100%;
    }
    .prof-right,.top-top-img,.top-top-right,.top-top-right-v2,#top-service li,#top-syoukai li,#column li,.keiei-block .keiei-img,.keiei-block .keiei-text,.toku-img,.toku-txt,#enkaku dt,#enkaku dd{
        width:100%;
        margin:0 auto;
        padding-left:0;
        padding-right:0;
    }
    .top-top-right-v2{
        min-width: auto;
        margin-bottom:2em;
    }
    .mojizume{
        letter-spacing: 0;
    }
    

    .scroll{
        overflow-x: scroll;
    }
    .scroll table{
        white-space: nowrap;
    }
    /*スクロールバー　head-insert　スクロールヒントで対応
    .scroll::-webkit-scrollbar { 
      height: 10px; 
    } 
    .scroll::-webkit-scrollbar-track { 
      margin: 0 2px; 
      background: #ccc; 
      border-radius: 5px; 
    } 
    .scroll::-webkit-scrollbar-thumb { 
      border-radius: 5px; background: #666; 
    }
    */
    
    
    
    .menu-content{
        background: #515A86;
        opacity: 0.8;
    }
    .menu-drawer a {
        color: #FFF;
        padding: 1em 6px;
        border-bottom:1px solid #737ca9;
    }
    .fa-window-restore:before{
        color: #FFF;
        display: inline;
    }
    .menu-close-button{
        color: #FFF;
        font-size: 2em;
        text-align: right;
        padding-right:10px;
    }
    
    #contact section{
    padding: 0em 1em;
}
    #privacy h2{
        font-size:20px;
    }
    #privacy p{
        padding-left:0;
    }
    
    .sendtable input.wpcf7-submit{
        padding: .5em 2em !important;
    }
    #spot .page-navi li a{
        margin-bottom:1em;
    }
    .check ul li, #recruit .check ul li{
        background-position: top 5px left;
    }
    .case-box h2{
        padding-left:0;
    }
    .plan-op,.plan-op div{
        padding:1em
    }
    .check ul li, #recruit .check ul li{
        font-size:16px;
    }
    #jinji li{
        padding:0.2em 1em;
    }
    #jinji li div{
        margin-right:1em;
        font-size:14px;
    }
    #jinji li div span{
        font-size:18px;
    }
    .in-siro,.pink-box,#kisoku .text-center{
        text-align: left;
    }
    .in-siro h4, .pink-box h4{
        padding-left:0;
    }
    #enkaku dt{
        border-bottom:#F2E2E2 solid 1px;
        border-right:none;
    }
     #enkaku dd{
         margin-bottom: 1em;
         justify-content: center;
         padding-left:1em;
         padding-right:1em;
       
    }
    #rep-top{
        height: auto;
        background-color:#FFF;
    }
    #rep-top img{
        object-position: 50% 50%;
    }
    #rep-top h2{
        position: relative;
        transform:none;
        text-align: center;
        top:0;
        left:0;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .page-navi li a{
        width:auto;
        white-space: nowrap;
    }
    .toku-midashi{
        margin: 1em auto;
    }
    .prof-right{
        margin-top:1em;
    }
    .toku-m-r{
        width:100%;

        line-height: 1.8;
    }
    .prof-left{
        width:50%;
        margin:0 auto;
    }
    .access-info{
        margin-left:0;
    }
    
    .toku-img img,.r-soudan-img img{
        display: block;
        margin:0 auto 1em;
    }
    .top-top-right,#top-syoukai li,#column li,#foot-contact .tel{
        margin-bottom:2em;
    }
    #top-service li{
        margin-bottom:8em;
    }
    a.l_btn_white{
        padding:1em 3em;
    }
    
    #prof h3,#prof p{
        text-align: center;
    }
    #book li{
        padding: 1em;
        width:100%;
    }
    
    #header-container-in,.navi-footer{
        display: none;
    }
    .keiei-block .keiei-text h3{
        text-align: center;
    }
    #bosyu th, #bosyu td,#hoikukomon td,#hoikukomon tr td:nth-of-type(1){
        display: block;
        width:100%;
        
    }
    #hoikukomon .k-td-2, #hoikukomon .t-td-2, #hoikukomon .s-td-2,#hoikukomon tr td:nth-of-type(1),#hoikukomon .k-td-3, #hoikukomon .t-td-3, #hoikukomon .s-td-3,#hoikukomon tr td:nth-of-type(2){
        border:none;
    }
    #hoikukomon th{
        display: none;
    }
    #hoikukomon tr td:nth-of-type(2){
        max-width:100%;
    }
    .img-header span{
        font-size:26px;
        line-height: 1.3;
        
    }
    #ach .box-3 h3{
        margin-bottom:2em;
        height: auto;
    }
    #ach .box-3 p{
        margin-bottom:0.5em;
    }
    #cons-tuyomi a,.case-l img{
        display: block;
        margin:2em auto;
    }
    
    
    #hoikukomon td::before{
    content: attr(data-label);
    color: #2c506b;
    font-weight: bold;
    display: block;
    
    min-width: 4em;
    }
    .k-td-3{
        background-color:#EDFFE5;
        
    }
    .t-td-3{
        background-color:#fff5f9;
        
    }
    .s-td-3{
        background-color:#FFFBEE;
        
    }
    .k-td-3,.t-td-3,.s-td-3{
        margin-bottom:1em;
    }
    .k-td-3 .plan-op div,.t-td-3 .plan-op div,.s-td-3 .plan-op div{
        background-color: #FFF;
    }
    .t-td-2{
        height: auto;
    }
    .komon3 li{
        height: auto;
    }
    
    
    .kyuuyo-tetuduki{
        position: relative;
        margin-top:1em;
        bottom:0;
        right:0;
    }
    #bosyu th{
        padding-bottom: 0;
    }
    #bosyu td{
        padding-top:0;
    }
    #sem ul,#syuzai ul{
        padding-left:0;
    }
    #sem h3{
        line-height: 1.5;
        padding:1em;
    }
    
    #member01 .snum,#member02 .snum, #member03 .snum{
    position: relative;
    padding-top:0;
    top: 0;
    left: 0;
    }
    .syoukai-in,#member02 .syoukai-in, #member03 .syoukai-in{
        position: relative;
        top: -40px;
        left: 10px;
    }
    .yaku,h3.name{
        display: inline;
    }
    
    .member02-03{
        height: auto;
    }
    
    #member h2 span{
        font-size:30px;
    }
    #member01, #member02, #member03{
        margin-bottom:0;
    }
    #expert{
        margin-top:0;
    }
    #interview .int-l img{
        width:100%;
    }
    #support div{
        width:100%;
        min-width: 200px;
    }
    #cal-top p{
        padding-left:1em;
        padding-right:1em;
    }
    #culture h2{
        font-size:24px;
    }
    #culture h2 span{
        padding-left:0.3em;
    }
    #culture ol li::marker{
        font-size: 26px;
    }
    #culture ol{
        margin-left:0;
    }
    #culture h2 div,#culture section p,#culture section ol p,#culture h2{
        padding-left:0;
        padding-right:0;
    }
    #culture h3{
        margin-bottom:1em;
    }
    
    #cons-top h2{
        text-align: center;
        padding-top:0;
    }
    .only-sp{
        display: block;
    }
    .only-pc{
        display: none;
    }
    
}/*834end*/

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
    .appeal .appeal-in{
        min-height: 560px;
        padding-left:0;
        padding-right:0;
    }
}