@charset "utf-8";

html{font-size: 10px;}
body{font-size: 1.6rem;}
html,body {
  line-height: 1.8;
  color: #4E4545;
  font-family: "メイリオ", Meiryo, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a,
a img{
  text-decoration: none;
  transition: 0.3s;
}
a:hover img{
  opacity: 0.6;
}
a:hover{text-decoration: none;}
a:visited{color: #454545;}


.mobile{display: none;}
.pc{display:inherit;}

img{max-width: 100%;}

.text-area a{
  color: #974D51;
  text-decoration: underline;
}
.text-area a:hover{
  color: #ddd;
  text-decoration: none;
}



@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

/* a-blog管理画面バー */
#adminBox{
  position: fixed;
  top: 86px;
  width: 100%;
  z-index: 2;
}

/**********************************

Header

************************************/
header{
  background-color: rgba(255,255,255,0.94);
  position: fixed;
  top:0;
  width: 100%;
  z-index: 10;
  box-sizing: border-box;
  padding:2rem 2rem;
}
header div.inner{
  display: flex;
  justify-content: space-between;
  align-items:center;
  padding: 0 0 0 0;
}
header h1{
  width: 15%;
}
header h1 img{
  max-width: 260px;
}
header nav{
  width:84%;
}
header nav ul{
  display: flex;
  justify-content:flex-end;
  align-items: center;
}
header nav ul li{
  margin: 0 1.5%;
  font-size: 1.4rem;
}
header nav ul li a{
  padding: 1.1rem 0;
}
header nav ul li a:hover{color: #BF545A;}

header nav ul li.navi-contact{
  width: 15%;
  min-width: 120px;
  max-width: 200px;
}
header nav ul li.navi-contact a{
  display: block;
  background-color:#974D51;
  color: #fff;
  text-align: center;
  border-radius: 40px;
  box-sizing: border-box;
}
header nav ul li.navi-contact a::after{display: none;}
header nav ul li.navi-contact a:hover{
  background-color: #BF545A;
}


/**********************************

index

************************************/
/* main-img */
.main-img{
  text-align: center;
  padding:300px  0 530px;
  background-image: url(../images/index/main-bg-head.png),url(../images/index/main-bg-bottom.png);
  background-repeat: no-repeat,no-repeat;
  background-position: center top,center bottom;
  background-size: 1280px auto,1280px auto;
}
.main-img div.inner{
  background-image: url(../images/index/main-bg-left.png),url(../images/index/main-bg-right.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left top,right bottom;
  background-size: 15%,15%;
}
.main-img p.title-img{
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
}
.main-img h2{
  font-size: 3.2rem;
  letter-spacing: 0.3rem;
  margin-bottom: 1rem;
}

/* こんなことに悩んでいませんか */
.index-onayami{
  margin-top: -225px;
}
.index-onayami section{
  display: flex;
  justify-content:space-between;
}
.index-onayami section div{
  width: 30%;
  font-size: 1.4rem;
}
.index-onayami section p.onayami-img,
.index-onayami section h3{text-align: center;}

.index-onayami section p.onayami-img{
  width: 70%;
  margin: 0 auto 1rem;
}
.index-onayami section h3{
  font-size: 2rem;
  margin-bottom: 2.4rem;
}

/* 悩みの原因 */
.index-communication{
  background-image: url(../images/index/bg-communication.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  color: #fff;
  padding: 13rem 0;
}
.index-communication h2{
  margin-bottom: 6rem;
}
.index-communication section{
  width: 50%;
  margin-left: auto;
}
.index-communication section h3{
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 3rem;
}

/* プロフェッショナルにお任せください */
.index-pro{
  background-color: #ECCDD0;
  position: relative;
  padding: 15rem 0 8rem;
  background-image: url(../images/index/bo-pro-hana-right.png),url(../images/index/bo-pro-hana-left.png);
  background-position: right 50%,left 65%;
  background-repeat: no-repeat,no-repeat;
  background-size: 15%,15%;
}
.index-pro .en-ttl{
  width: 840px;
  max-width: 90%;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.index-pro h2 span{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.index-pro section{
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
}
.index-pro section:last-of-type{margin-bottom:0;}

.index-pro section.profile{
  position: relative;
  background-image: url(../images/index/color-brown.jpg);
  background-repeat: no-repeat;
  background-position: 100px 40px;
  padding-top: 80px;
}
.index-pro section.profile p.profile-img{
  width: 260px;
  position: absolute;
  top: 0;
  left: 0;
}
.index-pro section.profile div.profile-text{
  width: 80%;
  background-color: #fff;
  padding: 5% 4% 4% 10%;
  box-sizing: border-box;
  margin-left: auto;
}

.index-pro section.profile div.profile-text p.pro-subtitle{
  font-weight: bold;
}
.index-pro section.profile div.profile-text h3{
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.index-pro section.profile div.profile-text h3 span{
  font-size: 1.4rem;
}
.index-pro section.profile div.profile-text ul.profile-cat{
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.index-pro section.profile div.profile-text ul.profile-cat li{
  background-color: #4E4545;
  color: #fff;
  border-radius: 40px;
  padding: 0.5rem 2rem;
  margin-right: 2rem;
}

.index-pro section.profile div.profile-text div.profile-list{
  display: flex;
}
.index-pro section.profile div.profile-text div.profile-list div{
  margin-right: 2rem;
}
.index-pro section.profile div.profile-text div.profile-list h4{
  font-weight: bold;
  margin-bottom: 1rem;
}
.index-pro section.profile div.profile-text div.profile-list ul li{
  font-size: 1.2rem;
  background-image: url(../images/index/icon-pink.png);
  background-position: left 7px;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 2rem;
  margin-bottom: 0.5rem;
}

.index-pro section.career h3{
  text-align: center;
  color: #974D51;
  font-size: 3rem;
  font-weight: 100;
  margin-bottom: 3rem;
}
.index-pro section.career h3 b{
  font-size: 5rem;
  font-weight: bold;
}

.index-pro section.career div.dflex{
  justify-content:space-between;
}
.index-pro section.career div.dflex div.tex-area{
  width: 55%;
}
.index-pro section.career div.dflex p.img-area{
  width: 40%;
}

/* 研修サービス */
.img-text{
  font-weight: bold;
  font-style: 3rem;
  background-repeat: no-repeat;
  padding:6rem 0 3rem;
}

.index-service .img-text{
  background-image: url(../images/index/ttl-service.png);
  background-position: 28% center;
}

.service-list{
  display: flex;
  flex-wrap: wrap;
}
.service-list div{
  width: 48%;
  margin: 0 0.5% 1%;
  box-sizing: border-box;
}
.service-list div a{
  display: block;
  padding: 5%;
  height: 100%;
  border: 6px solid #E3E6DB;
  background-color:#E3E6DB;
  color: #454545;
}
.service-list div .top-service-img{
  margin-bottom: 2rem;
}
.service-list div .top-service-img img{
  object-fit: cover;
  width: 100%;
  height: 260px;
}
.service-list div:nth-of-type(3n) a{
  background-color:#E0DBE5;
  border-color:#E0DBE5;
}
.service-list div:nth-of-type(2) a,
.service-list div:nth-of-type(5) a,
.service-list div:nth-of-type(8) a,
.service-list div:nth-of-type(11) a,
.service-list div:nth-of-type(14) a,
.service-list div:nth-of-type(17) a,
.service-list div:nth-of-type(20) a
{
  background-color:#F0EAD6;
  border-color:#F0EAD6;
}

.service-list div a:hover{background-color: #fff;}

.service-list div a h3{
  font-size: 2.4rem;
  font-weight: 100;
  margin: 0.5rem 0 1rem;
}

/* 園のマネジメント */
.index-management .img-text{
  background-image: url(../images/index/ttl-management.png);
  background-position: 20% center;
  padding-bottom: 6rem;
}

.management-content{
  background-image: url(../images/index/bg-management-001.png),url(../images/index/bg-management-002.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left top,35% bottom;
  background-size:65%,32%;
  padding:10rem 0 14rem;
}
.color-box{
  padding: 3% 5%;
  box-sizing: border-box;
  width: 56%;
  margin-left:auto;
}
.color-box h3{
  text-align: center;
  font-weight: 100;
  margin-bottom: 2.2rem;
}

.management-content div.color-box{
  background-color: #DDE7EC;
}
.management-content div.color-box ul{
  display: flex;
  flex-wrap: wrap;
}
.management-content div.color-box ul li{
  padding: 0.5rem 0;
  text-align: center;
  box-sizing: border-box;
  width: 48%;
  margin: 0 1% 2%;
  border-radius: 40px;
  color: #fff;
  background-color:#777777;
}
.management-content div.color-box ul li:first-of-type{
  background-color: #BF545A;
  width: 98%;
}

/* カウンセリング */
.index-counseling .img-text{
  background-image: url(../images/index/ttl-counseling.png);
  background-position: 10% center;
  padding:8rem 0 3rem;
}
.counseling-content{
  background-image: url(../images/index/bg-counseling-001a.png),url(../images/index/bg-counseling-001b.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left top,right top;
  background-size:66%,30%;
  padding:20rem 0 5rem;
}
.counseling-content .color-box{
  background-color: #F0EAD6;
  padding: 5%;
}
.counseling-content-002{
  background-image: url(../images/index/bg-counseling-002a.png),url(../images/index/bg-counseling-002b.png);
  background-repeat: no-repeat,no-repeat;
  background-position: right top,95% bottom;
  background-size:70%,34%;
  padding:15rem 0 6rem;
}
.counseling-content-002 .color-box{
  background-color: #E3E6DB;
  padding: 5%;
  margin-left: 0;
}

/* 満足のお声 */
.voice-head{
  background-image: url(../images/index/bg-voice-right.png), url(../images/index/bg-voice-left.png);
  background-repeat: no-repeat,no-repeat;
  background-position: right bottom,left bottom;
  background-size: 12%, 12%;
  padding: 4rem 0;
}
.voice-head h3,
.voice-head ul{
  text-align: center;
}
.voice-head h3{
  font-weight: bold;
  margin-bottom: 1rem;
  color: #974D51;
}
.voice-head ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.3rem;
}
.voice-head ul li{
  background-image: url(../images/index/icon-pink.png);
  background-position: left 7px;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 2rem;
  margin:0 1rem 0.5rem 0;
}


.voice-list{margin-top: 3rem;}

.voice-list div.voice-unit{
  margin-right: 2rem;
  box-sizing: border-box;
}
.voice-list.inner{
  padding-right: 0;
  padding-left: 0;
}
.voice-list div.slider{
  margin-bottom: 5rem;
  padding-bottom: 3rem;
}
.voice-list div.inner.slider .slick-dots li.slick-active button:before{
  color:#974D51;
}

.voice-list div.voice-unit a{
  display: block;
  background-color: #F2ECEA;
  padding: 5%;
  height: 100%;
}
.voice-list div.voice-unit a:hover{
  background-color: #974D51;
  color: #fff;
}

.voice-list div.voice-unit a h3{
  background-color: #fff;
  padding:1rem;
  margin-bottom: 1.5rem;
  color: #974D51;
  font-weight: bold;
}

.voice-list div.voice-unit a p.voice-img{
  width: 70%;
  margin: 2rem auto;
}
.voice-list div.voice-unit a p.voice-img img{
  object-fit: cover;
  width: 100%;
  height: 12vw;
}
.voice-list div.voice-unit a p{
  font-size: 1.4rem;
}
.voice-list div.voice-unit a div.voice-ex{
  background-color: #8F8080;
  color: #fff;
  padding: 4%;
  margin-top: 2rem;
  border-radius: 6px;
}
.voice-list div.voice-unit a div.voice-ex h4{
  font-weight: bold;
  /*margin-bottom: 1.5rem;*/
}
.voice-list div.voice-unit a div.voice-ex h4 i{
  margin-right: 0.5rem;
}
.voice-list div.voice-unit a div.voice-ex p{
  font-size: 1.2rem;
}

/* ストレスチェック */
.check{
  background-color: #5E5045;
  background-image: url(../images/index/bg-check.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 40%;
  color: #fff;
  padding: 8rem 0 6rem;
}
.check .check-text{
  width: 55%;
  margin-left: auto;
}
.check .check-text h2{
  color:#DEC2AD;
  margin-bottom: 2rem;
  letter-spacing: 0;
  font-size: 2.6rem;
  text-align: left;
}
.check .check-text p.linkbtn{
  margin-left: 0;
}

/* お知らせ */
.index-news div.inner{
  display: flex;
  justify-content: space-between;
}
.index-news div.inner h2{
  font-size: 3.4rem;
  width: 30%;
  text-align: center;
  background-image: url(../images/index/ttl-news.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding: 13rem 0 0;
}
.index-news div.inner section.news-right{
  width: 65%;
}
.news-list div.news-unit{
  display: flex;
  justify-content: space-between;
  margin-bottom:5rem;
}

.news-list div.news-unit p.news-img{
  width: 130px;
}
.news-list div.news-unit p.news-img img{
  object-fit: cover;
  width: 100%;
  height: 130px;
  border-radius: 50%;
}
.news-list div.news-unit div.news-text{
  width: 80%;
}
.news-list div.news-unit div.news-text h3{
  font-size: 2.2rem;
  margin-bottom: 1.3rem;
}
.news-list div.news-unit div.news-text h3 a:hover{
  color: #974D51;
}
.news-list div.news-unit div.news-text p{
  font-size: 1.4rem;
}

.index-news div.inner p.linkbtn{margin: 5rem 0 0 0;}

/**/
.index-about{
  text-align: center;
}
.index-about section{
  margin-bottom: 5rem;
}
.index-about section h3{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.index-about ul{
  display: flex;
  justify-content: center;
}
.index-about ul li{
  margin: 0 2%;
}

.index-about .ggmap{
  margin-top: 2.4rem;
}
.ggmap iframe{
  width: 100%;
}

/**********************************

共通パーツ

************************************/

/* 下層ページメイン */
.page-main{
  background-image: url(../images/common/bg-pagemain-right.png),url(../images/common/bg-pagemain.png);
  background-repeat: no-repeat,no-repeat;
  background-position:right bottom,center;
  background-size: 15%,90%;
  text-align: center;
  margin-bottom: 2rem;
}
.page-main h1{
  font-size: 3.4rem;
  letter-spacing: 0.3rem;
  font-weight: 100;
}
.page-main div.inner{
  background-repeat: no-repeat;
  background-position: 30% center;
  background-size: auto 35%;
  padding: 18rem 0 10rem;
}

/* パンくず */
.breadcrumb{
  margin-bottom: 34px;
}
.breadcrumb ol li{
  font-size: 1.1rem;
  color: #454545;
}
.breadcrumb ol li::before{
  content: '/';
  padding: 0 1rem;
}
.breadcrumb ol li:first-child::before{display: none;}
.breadcrumb ol li a{color:#974D51; text-decoration: underline;}
.breadcrumb ol li a:hover{text-decoration: none;}

/* box */
article{margin-bottom: 100px;}
article.no-bottom{margin-bottom:0px;}

.inner {
  max-width: 1280px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  padding-left:5%;
  padding-right: 5%;
}

.dflex{display: flex;}
.between{justify-content: space-between;}
.center{justify-content: center;}

.red-text{color:#974D51;}

/* 見出し */
h1,h2,h3,h4,h5{font-family: 'Noto Sans JP', sans-serif;}
h2{
  text-align: center;
  font-size: 3.4rem;
  font-weight: 100;
  letter-spacing: 0.3rem;
  margin-bottom: 3rem;
}
h2 span{
  display: block;
  font-size: 2.5rem;
}
.fs28{font-size: 2.8rem;}

.page-h2{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 3.5rem;
}
.page-h2::after {
  display: block;
  width: 50px;
  height: 2px;
  content: '';
  background: #ECCDD0;
  margin: 2rem auto;
}

/* ボタン */
.linkbtn{
  width: 88%;
  max-width: 300px;
  margin: 30px auto;
}
.linkbtn.wide{max-width: 350px;}

.linkbtn a{
  display: block;
  color: #454545;
  border: 1px solid #4E4545;
  background-color: #fff;
  padding: 1.3rem 0;
  text-align: center;
  border-radius: 40px;
  background-image: url(../images/common/btn-arrow.png);
  background-position: 93% center;
  background-repeat: no-repeat;
  background-size: 20px;
  text-decoration: none;
}
.linkbtn a:hover{
  color: #fff;
  border-color: #974D51;
  background-color:#974D51;
  background-image: url(../images/common/btn-arrow-hover.png);
  background-position: 96% center;
}

.linkbtn.contact{
  max-width: 380px;
}
.linkbtn.contact a{
  color: #fff;
  background-color:#974D51;
  border: 1px solid #974D51;
  background-image: url(../images/common/btn-arrow-hover.png);
}
.linkbtn.contact a:hover{
  background-color: #fff;
  color: #974D51;
  background-image: url(../images/common/btn-arrow.png);
}

/* ボタン横並び */
.btn-list{
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.btn-list .linkbtn{
  margin: 0 1%;
}

/*** レイアウト ***/
.center-text{
  text-align: center;
  margin-bottom: 3.2rem;
}

.bg-color{padding: 6rem 0;}
.bg-color.pink{background-color:#fcf4f5;}

/*　文字 */
.text-area p{margin-bottom: 24px;}
.text-area b{
  font-size: 2rem;
  color: #974D51;
}

/* cta */
.cta-contact{
  text-align: center;
  background-image:url(../images/common/bg-cta.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12rem 0;
  color: #fff;
}
.cta-contact h2{
  width: 100%;
  max-width: 440px;
  margin: 0 auto 3rem;
}
p.cta-text{
  font-size: 2.2rem;
  letter-spacing: 0.3rem;
  font-weight: 500;
}

/**********************************

保育のカタチについて

************************************/
.about.page-main div.inner{
  background-image: url(../images/about/bg-main-about.png);
  background-size: 24%;
}

.rinen-contents{
  background-image: url(../images/about/img-rinen.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 65%;
  padding-bottom: 10rem;
}
.rinen-contents p.rinen-img{
  width: 60%;
  margin-top: 25%;
}
.rinen-contents div.text-area{
  /*background-color: #F0EAD6;*/
  background-color: #fff;
  width: 60%;
  padding: 4%;
  margin-left: auto;
  box-sizing: border-box;
}

.advisor-contents{
  background-image: url(../images/about/bg-pink.png);
  background-repeat: no-repeat;
  background-position: 20% bottom;
  background-size: 40% auto;
  padding-bottom: 5rem;
}
.advisor-contents div.text-area{
  width: 73%;
  /*background-color: #F4E1E3;*/
  background-color: #fff;
  padding: 4%;
  position: relative;
  z-index: 1;
}
.advisor-contents .ad-profile{
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  width: 75%;
  margin-top: -18%;
  margin-left: auto;
  padding-right: 3%;
  padding-bottom: 3%;
  box-sizing: border-box;
  background-image: url(../images/about/bg-brown.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% 80%;
  color: #fff;
}
.advisor-contents .ad-profile p.ad-profile-img{
  width: 27%;
}
.advisor-contents .ad-profile div.ad-pfofile-text{
  width: 65%;
  margin-right: 2%;
  text-align: right;
  font-weight: bold;
}
.advisor-contents .ad-profile div.ad-pfofile-text h3{
  font-size: 2.6rem;
  font-weight: bold;
}
.advisor-contents .ad-profile div.ad-pfofile-text h3 span{
  font-size: 1.5rem;
}

/**********************************

お知らせ

************************************/
.news.page-main div.inner{
  background-image: url(../images/news/bg-main-news.png);
  background-position: 40% center;
}

/* 一覧（TOPと同じ） */
.page-news .news-list{
  margin-left: 5%;
  margin-right: 5%;
}
.page-news .news-list div.news-unit div.news-text{
  width: 83%;
}
.page-news .news-list div.news-unit{
  margin-bottom:9rem;
}

/* ページ送り*/
nav.pager{
  width: 100%;
  margin-top: 2rem;
}
nav.pager ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.pager ul li.pager-item{
  border: 1px solid #974D51;
  margin-right: 5px;
  width: 20px;
  text-align: center;
  font-size: 1.3rem;
  background-color: #974D51;
  color: #fff;
}
nav.pager ul li.pager-item a{
  display: block;
  background-color: #fff;
  color: #974D51;
}
nav.pager ul li.pager-item a:hover{
  background-color: #974D51;
  color: #fff;
}

/* 詳細 */
.single div.inner{
  padding-left: 10%;
  padding-right: 10%;
}
.single section.single-head{
  border-bottom: 2px solid #E9C7CA;
  padding-bottom:2rem;
  margin-bottom: 4rem;
}
.single section.single-head h2{
  text-align: left;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin-bottom: 2rem;
}
.single section.single-head p.days{
  font-size: 1.3rem;
}
.single section{margin-bottom: 8rem;}
.single section img{max-width: 100%;}

/*レイアウト*/
.single section h3{
  display: flex;
  align-items: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.single section h3::after{
  content: "";
  flex-grow: 1;
  border-top: 1px solid #E9C7CA;
  margin-left: 2rem;
}

h3.blog-h3-title{
  display: inherit;
  font-size: 2.4rem;
  background-color: #faf2f3;
  padding: 2%;
  margin-bottom: 3rem;
  border-left: 3px solid #974D51;
}
h3.blog-h3-title::after{display: none;}

.single section h4{
  color: #974D51;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 2.6rem;
}

.colunm-001 .img-unit{
  width: 100%;
  text-align: center;
  margin-bottom: 3rem;
}
.colunm-002{
  display: flex;
  justify-content: space-between;
}
.colunm-002.right{
  flex-direction: row-reverse;
}
.colunm-002 .img-unit{width: 44%;}
.colunm-002 .text-area{width: 53%;}

.single section .text-area p{line-height: 2;}
.single section h3:nth-of-type(n+2){margin-top: 8rem;}
.single section h4:nth-of-type(n+1){margin-top: 4rem;}
.single section .colunm-002{margin-bottom: 5rem;}
.single section .w100,
.column-media-center,
.column-media-auto{
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

hr.clearHidden{display: none;}

.sns-block{
  border-top: 1px solid #ccc;
  padding-top: 3rem;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}


/**********************************

カウンセリング

************************************/
.counseling.page-main div.inner{
  background-image: url(../images/counseling/bg-main-counseling.png);
  background-position: 30% center;
}

.counseling-price{
  padding:4% 4% 3% 4%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 4rem;
}

.cunseling:nth-of-type(odd) .counseling-price{background-color: #F0EAD6; }
.cunseling:nth-of-type(even) .counseling-price{background-color: #E3E6DB; }

.counseling-price div{
  width: 40%;
  margin: 0 2%;
}

.counseling-price div h3{
  background-color:#777;
  border-radius: 40px;
  padding: 1rem 0;
  color: #fff;
  display: block;
  margin-bottom: 2.4rem;
}

.counseling-price div dl{
  color: #974D51;
  display: flex;
  justify-content: center;
  align-items: center;
}
.counseling-price div dl dt{
  font-weight: normal;
  font-size: 1.8rem;
  margin-right: 2rem;
}
.counseling-price div dl dd{
  font-weight: bold;
  font-size: 2rem;
}
.counseling-price div dl dd span{
  font-size: 3.2rem;
}


/**********************************

ご契約までの流れ・サービス内容

************************************/
.plan.page-main div.inner{
  background-image: url(../images/plan/bg-main-plan.png);
  background-position: 28% center;
}

.flow-list{
  counter-reset: number 0;
}
.flow-list section{
  border: 2px solid #ddd;
  background-color: #fff;
  border-radius: 20px;
  padding: 3%;
  margin-bottom: 4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.flow-list.a-center section{align-items: center;}

.flow-list section::after{
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/plan/icon-arrow.png);
  background-repeat: no-repeat;
  background-size: 30px;
  display: block;
  position: absolute;
  bottom: -30px;
  left: 46%;
}
.flow-list section:last-of-type::after{display:none;}

.flow-list section p.flow-number{
  background-color: #f5e2e4;
  color: #974D51;
  width: 95px;
  height: 95px;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
  padding-top: 15px;
  font-family: arial;
  line-height: 1.2;
}

.flow-list section p.flow-number::after{
  counter-increment: number 1;
  content: counter(number,decimal-leading-zero);
  display: block;
  font-size: 3.6rem;
}

.flow-list section.bg-color{background-color:#fbf0f1; }
.flow-list section.bg-color p.flow-number{background-color: #fff;}

.flow-list section div.text-area{
  width: 88%;
}
.flow-list section div.text-area h3{
  color: #974D51;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.flow-list section div.text-area p{margin-bottom: 0;}

/* 年間コンサルティングプラン */
.plan-btn{
  margin-bottom: 6rem;
}
.plan-btn ul{
  display: flex;
  justify-content: center;
}
.plan-btn ul li{
  width: 40%;
  margin: 0 2%;
}
.plan-btn ul li a{
  border: 2px solid #974D51;
  display: block;
  text-align: center;
  border-radius: 90px;
  padding: 1.5rem 0;
}
.plan-btn ul li a span,
.plan-btn ul li a i{
  display: block;
}
.plan-btn ul li a span{
  color: #974D51;
  font-size: 3rem;
  font-weight: bold;
}
.plan-btn ul li a:hover{
  background-color: #974D51;
  color: #fff;
}
.plan-btn ul li a:hover span{color: #fff;}

.plan-unit{
  background-color:#E3E6DB;
  padding: 4%;
  margin-bottom: 7rem;
}
#plan001.plan-unit{background-color: #E3E6DB; }
#plan002.plan-unit{background-color: #F0EAD6; }

.plan-unit h3{
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.5;
  margin-bottom: 3.2rem;
}
.plan-unit h3 b{
  font-size: 3.6rem;
  font-weight: bold;
  color: #974D51;
  letter-spacing: 0.2rem;
  font-family: arial;
}
.plan-unit h3 b span{
  font-size: 2.4rem;
}
.plan-contents{
  display: flex;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
#plan001 .plan-contents{background-image: url(../images/plan/icon-plus-green.png);}
#plan002 .plan-contents{background-image: url(../images/plan/icon-plus-brown.png);}

.plan-contents div{
  background-color: #fff;
  padding: 2%;
  box-sizing: border-box;
  width: 46%;
}
.plan-contents div h4{
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  padding: 1rem 0;
  margin-bottom: 2rem;
}

#plan001 .plan-contents div h4{background-color: #869766;}
#plan002 .plan-contents div h4{background-color: #B2A16E;}

.plan-contents div h5{
  font-weight: bold;
  font-size: 1.8rem;
}
.plan-contents div h5:nth-of-type(n+2){margin-top: 3rem;}

.plan-contents div ul {margin-top: 1.5rem;}
.plan-contents div ul li{
  background-image: url(../images/plan/icon-list-red.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-left: 2.4rem;
  margin-bottom: 0.8rem;
}
#plan001 .plan-contents div ul li:nth-of-type(n+2){background-image: url(../images/plan/icon-list-green.png);}
#plan002 .plan-contents div ul li:nth-of-type(n+2){background-image: url(../images/plan/icon-list-brown.png);}

.plan-contents div p.caption{
  font-size: 1.3rem;
  margin-top: 1rem;
}

.plan-option{
  background-color: rgba(255,255,255,0.5);
  padding: 2%;
  margin-top: 2.4rem;
  text-align: center;
}
.plan-option h4{
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
#plan001 .plan-option h4{color:#869766;}
#plan002 .plan-option h4{color:#B2A16E;}

.plan-option p b{
  font-size: 2.4rem;
  font-weight: bold;
  color: #974D51;
  margin-left: 2rem;
}

/**********************************

研修サービス

************************************/
.service.page-main div.inner{
  background-image: url(../images/service/bg-main-service.png);
  background-position: 30% center;
}

.page-service-list{
  margin-bottom: 10rem;
}
.page-service-list.list .service-contents{
  display: flex;
  justify-content: space-between;
}
.page-service-list.list:nth-last-child(even) .service-contents{
  flex-direction: row-reverse;
}
.page-service-list .service-contents div.service-img{
  width: 45%;
  background-image: url(../images/service/bg-service.png);
  background-repeat: no-repeat;
  background-position: right 180px;
  padding:0 2% 2% 0;
}
.page-service-list:nth-last-child(even) .service-contents div.service-img{
  background-position: left 180px;
  padding:0 0 2% 2%;
}

.page-service-list .service-contents div.text-area{
  width: 50%;
}
.page-service-list div.text-area div.entry-text-unit p{
  padding: 0;
  margin: 0;
}
.page-service-list div.text-area h3{
  font-size: 2rem;
  font-weight: bold;
  margin-top: 3.4rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.page-service-list div.text-area div.entry-text-unit h3{
  background: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1.5rem;
}

.page-service-list div.text-area h3::after{
  content: "";
  flex-grow: 1;
  border-top: 1px dotted #ccc;
  margin-left: 1.5rem;
}
.page-service-list div.text-area p.linkbtn{
  margin: 4rem 0 0;
}
p.center{text-align: center;}

ul.cat-name{
  display: flex;
  justify-content: center;
  text-align: center;
}
ul.cat-name li{
  background-color:#cc9a9e;
  color: #fff;
  padding: 0.3rem 2rem;
  margin: 0 1% 1%;
  border-radius: 6px;
}
/*ul.cat-name li.staff{background-color:#86966a;}
ul.cat-name li.manager{background-color:#b1a173;}*/

.index-service .service-list ul.cat-name{
  display: flex;
  justify-content: flex-start;
  text-align: center;
}
.index-service .service-list ul.cat-name li{
  background-color:#fff;
  color: #333;
}

.page-service-list .service-contents div.text-area ul li{
  font-size: 1.6rem;
  background-image: url(../images/index/icon-pink.png);
  background-position: left 7px;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 2rem;
  margin-bottom: 0.5rem;
}

.page-service-list .method-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3%;
}
.page-service-list .method-list div{
  width: 31%;
  margin: 2% 1% 0;
  padding: 3% 1%;
  text-align: center;
  background-color:#fbf1f2;
  box-sizing: border-box;
  border-radius: 8px;
}
.page-service-list .method-list div h4{
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.page-service-list .method-list div h4 span{
  display: block;
  font-size: 1.8rem;
}
.page-service-list .method-list div p{
  margin-bottom: 0;
  font-size: 1.5rem;
}

/**********************************

お客様の声

************************************/
.voice.page-main div.inner{
  background-image: url(../images/voice/bg-main-voice.png);
  background-position: 40% center;
}

/* 一覧 */
.page-voice.voice-list div.inner section{
  display: flex;
  flex-wrap: wrap;
}
.page-voice.voice-list div.inner section div.voice-unit{
  width: 46%;
  margin: 0 2% 4%;
}

.page-voice.voice-list div.inner section div.voice-unit p.voice-img img{
  height: 15vw;
}

/* 詳細 */
.single section.voice-course{
  background-color: #8F8080;
  color: #fff;
  padding:7% 5%;
}
.single section.voice-course h3{
  font-size: 2.2rem;
  display: block;
}
.single section.voice-course h3::after{display:none;}

/**********************************

お問い合わせ

************************************/
.contact.page-main div.inner{
  background-image: url(../images/contact/bg-main-contact.png);
  background-position: 38% center;
}

.contact-unit{
  margin-left: 5%;
  margin-right: 5%;
}
.contact-unit table{
  width: 100%;
}
.contact-unit table tr{
  border-bottom: 1px solid #ccc;
}
.contact-unit table tr th,
.contact-unit table tr td{
  vertical-align: middle;
  box-sizing: border-box;
  padding: 2%;
  font-size: 1.5rem;
}
.contact-unit table tr th{width: 25%;}
.contact-unit table tr td{width: 75%;}

.contact-unit table tr th span{
  background-color: #974D51;
  color: #fff;
  padding: 3px 10px;
  border-radius: 3px;
  margin-left: 1rem;
}

.contact-unit table tr td input,
.contact-unit table tr td textarea{
  border: 1px solid #ccc;
  padding: 2%;
  box-sizing: border-box;
  width: 90%;
  text-align: left;
}

.acms-admin-text-error{
  color: #974D51;
}

p#submit-btn{
  background-color: #974D51;
  border: 2px solid #974D51;
  color: #fff;
  width: 90%;
  max-width: 350px;
  margin: 3rem auto;
  text-align: center;
  padding: 2% 0;
  border-radius: 40px;
  font-size: 1.8rem;
  cursor: pointer;
  transition: 0.3s;
}
p#submit-btn:hover{
  background-color: #fff;
  color:#974D51;
}

p.submitbtn.back{
  background-color: #666;
  border: 2px solid #666;
  color: #fff;
  width: 90%;
  max-width: 350px;
  margin: 3rem auto;
  text-align: center;
  padding: 2% 0;
  border-radius: 40px;
  font-size: 1.8rem;
  cursor: pointer;
  transition: 0.3s;
}
p.submitbtn.back:hover{
  background-color: #fff;
  color:#333;
}

/**********************************

プライバシーポリシー

************************************/

.privacy.page-main div.inner{
  background-image: url(../images/privacy/bg-main-privacy.png);
  background-size: 26%;
}

article.privacy-contents section{margin:0 0 7rem;}
article.privacy-contents section h2{
  text-align: left;
  font-size: 2.6rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  margin-bottom: 1.4rem;
}
article.privacy-contents section h3{
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}




/**********************************

Footer

************************************/
footer{
  padding: 4rem 0;
  color: #fff;
  background-color: #4E4545;
}

footer .footer-sitemap{
  margin-bottom: 3rem;
}
footer .footer-sitemap ul{
  display:flex;
  font-size: 1.4rem;
}
footer .footer-sitemap ul li{
  margin-right: 1rem;
}
footer .footer-sitemap ul li::after{
  content: "/";
  padding-left: 1rem;
}
footer .footer-sitemap ul li a,
footer .foot-under-navi ul li a{color: #fff;}
footer ul li a:hover,
footer .foot-under-navi ul li a:hover{color: #BF545A;}

footer .foot-info h2{
  text-align: left;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
footer .foot-info p{
  font-size: 1.4rem;
}

footer .foot-under-navi{
  margin-top: 3rem;
  border-top: 1px dotted #837878;
  padding-top: 3rem;
}
footer .foot-under-navi ul{
  display: flex;
  justify-content:flex-end;
  font-size: 1.2rem;
}

footer .copy{
  font-size: 1.1rem;
  text-align: center;
  margin-top: 4rem;
}