@charset "utf-8";
/*-----------------------------------------------------

	TOP　トップページ共通

------------------------------------------------------*/

#top h2 {
  display: inline-block;
  padding: 0 20px;
  background: url(../Image/common/icon_momo.png) no-repeat 1% 31%,url(../Image/common/icon_momo.png) no-repeat 98% 31%;
  color: #ff9f8b;
  font-size: 48px;
  line-height: 1.3;
  font-family: "Nunito","游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#top h2 span {
  display: block;
  color: #4b4442;
  font-weight: 800;
  font-size: 18px;
}
#top #sec_01 h2 {
  background: url(../Image/common/icon_momo.png) no-repeat 0 41%,url(../Image/common/icon_momo.png) no-repeat 100% 41%;
}

#top h3 {
  font-size: 24px;
}

.detialBtn {
  text-align: center;
}

.detialBtn a {
  padding: 10px 65px;
  border: 1px solid #fd927d;
  border-radius: 5px;
  background: #fd927d;
  color: #ffffff;
}

.detialBtn a:hover {
  background: #ffffff;
  color: #fd927d;
}

/*-----------------------------------------------------

	TOP MAINIMAGE　トップページ

------------------------------------------------------*/

#top #mainimage {
  position: relative;
  width: 100%;
  height: 666px;
  overflow: hidden;
}

#top #mainimage img {
  width: 100%;
}

#top .slideBox {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1900px;
}

#top #mainimage .mvTxt {
  position: absolute;
  right: 95px;
  bottom: 111px;
}

#top #mainimage .mvTxt img {
  width: auto;
}

/*-----------------------------------------------------

	TOP　トップページ

------------------------------------------------------*/

/*SECTION01*/

#top #sec_01 {
  padding: 60px 0 80px;
  background: #faf6f3;
}

#top #sec_01 .secInner {
  width: 1200px;
  margin: auto;
}

#top .ttlWrapp {
  margin-bottom: 80px;
}

#top #sec_01 h3 {
  font-size: 26px;
}
#top #sec_01 h3 span {
  display: block;
  padding: 0 0 3px;
  font-size: 18px;
}

#top #sec_01 .service01 {
  margin: 0 0 95px;
}

#top #sec_01 .service01 li {
  display: flex;
  align-items: center;
  float: left;
  width: 50%;
  background: #ffffff;
}


#top #sec_01 .service01 .lBox {
  float: left;
  width: 310px;
  overflow: hidden;
}

#top #sec_01 .service01 .rBox {
  float: right;
  width: 290px;
  padding: 30px;
  box-sizing: border-box;
}

#top #sec_01 .service01 .rBox h4 {
  padding: 0 0 10px 0;
  font-size: 22px;
}

#top #sec_01 .service01 .rBox p {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}

#top #sec_01 ul.service02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
#top #sec_01 ul.total {
  margin-bottom: 0;
}
#top #sec_01 .service02 li {
  width: 32%;
  margin: 20px 0 0;
  overflow: hidden;
  background: #ffffff;
}

#top #sec_01 .service02 li {
  width: 49%;
  margin: auto;
}
#top #sec_01 .service02 li:nth-child(n+3) {
  margin-top: 1%;
}
#top #sec_01 .service02 li a {
  display: flex;
}

#top #sec_01 .service02 li .txtArea {
  width: 50%;
}

#top #sec_01 .service02 li .imgArea {
  width: 50%;
  height: 218px;
  overflow: hidden;
}

#top #sec_01 .service02 li .imgArea img {
  width: 100%;
  max-height: initial;
}

#top #sec_01 .service02 .txtArea {
  padding: 15px;
  text-align: center;
}

#top #sec_01 .service02 h4 {
  padding: 0 0 5px;
  font-size: 18px;
}

#top #sec_01 .service02 p {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}


#top #sec_01 .service02 .txtArea h4 {
  padding: 0 0 5px;
  font-size: 18px;
  line-height: 1.5;
}

#top #sec_01 .service02 li.study p {
  text-align: center;
}

#top #sec_01 .service02 li.study a .txtArea {
  padding: 50px 30px;
  box-sizing: border-box;
}

#top #sec_01 .service02 li.study .txtArea h4 {
  margin-bottom: 7px;
}

/*hover*/

#top #sec_01 .service01 li a:hover {
  background: #ff9f8b;
  color: #ffffff;
}

#top #sec_01 .service02 li a .txtArea {
  transition-duration: .9s;
}

#top #sec_01 .service02 li a:hover .txtArea {
  background: #ff9f8b;
  color: #ffffff;
}

#top #sec_01 .service01 li a, #top #sec_01 .service02 li a {
  color: #4b4442;
  transition: .5s;
}

#top #sec_01 .service01 li img, #top #sec_01 .service02 li img {
  display: block;
  transition: .5s;
}
#top #sec_01 .service01 li:hover img, #top #sec_01 .service02 li:hover img, #top #sec_01 .service02 li:nth-child(-n + 2):hover .imgArea img {
  transform: scale(1.1);	/*画像の拡大率*/
  transition: .5s;
}



/*SECTION02*/

#top #sec_02 {
  padding: 60px 0 80px;
}

#top #sec_02 .box01 {
  clear: both;
}

#top #sec_02 .box01 .inner {
  float: left;
  width: 600px;
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
}

#top #sec_02 .box02 {
  clear: both;
  margin: 0 0 80px;
}

#top #sec_02 .box01 .lBox {
  float: left;
  width: 50%;
  height: 390px;
  overflow: hidden;
}

#top #sec_02 .box02 .inner {
  float: right;
  width: 600px;
  padding: 40px;
  text-align: center;
}

#top #sec_02 .box01 .inner h3, #top #sec_02 .box02 .inner h3 {
  margin: 0 0 30px;
}

#top #sec_01 .txtArea, #top #sec_02 .txtArea {
  text-align: left;
}

#top #sec_02 .box02 .rBox {
  float: right;
  width: 50%;
  height: 390px;
  overflow: hidden;
}

#top #sec_02 .box02 .lBox {
  float: left;
  width: 50%;
}
#top #sec_02 .inner .txtArea {
  margin-bottom: 30px;
}
#top #sec_02 .box02 .lBox .snsArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

#top #sec_02 .box02 .lBox p:first-child {
  margin-bottom: 15px;
}

#top #sec_02 .box02 .lBox .snsArea div {
  width: 30%;
  border: 1px solid #fd927d;
  border-radius: 5px;
  background: #ffffff;
  font-weight: bold;
  font-family: Nunito;
  text-align: center;
}

#top #sec_02 .box02 .lBox .snsArea div a {
  display: block;
  padding: 5px 0;
  color: #fd927d;
}
@media screen and (min-width : 767px ) {
  #top #sec_02 .box02 .lBox .snsArea div a:hover {
    background: #fd927d;
    color: #ffffff;
  }
}

#top #sec_02 .btnArea .detialBtn {
  float: left;
  width: 50%;
}

#top #sec_02 .box03 {
  clear: both;
  margin: 0 0 80px;
}

#top #sec_02 .box03 h3 {
  margin: 0 0 30px;
}

#top #sec_02 .box03 p {
  margin: 0 0 20px;
  line-height: 1.9;
}

#top #sec_02 .box04 {
  clear: both;
  margin-bottom: 40px;
  background: linear-gradient(#ffffff 10.3%, #faf6f3 0, #faf6f3 89.6%, #ffffff 0);
}

#top #sec_02 .box04 .lBox {
  float: left;
  width: 50%;
  text-align: right;
}

#top #sec_02 .box04 .rBox {
  float: right;
  width: 50%;
  height: auto;
  padding: 120px 0;
}

#top #sec_02 .box04 .inner {
  width: 600px;
  padding: 30px;
  box-sizing: border-box;
}

#top #sec_02 .box04 h3 {
  margin: 0 0 20px 0;
}

#top #sec_02 .box04 p {
  margin: 0 0 25px;
  line-height: 1.9;
  text-align: left;
}

#top #sec_02 .box05 .lBox {
  float: left;
  width: 50%;
  padding: 30px;
  box-sizing: border-box;
  text-align: right;
}

#top #sec_02 .box05 .inner {
  float: right;
  width: 600px;
  padding: 80px 30px;
  box-sizing: border-box;
  text-align: center;
}

#top #sec_02 .box05 .inner h3 {
  margin: 0 0 20px 0;
  text-align: center;
}

#top #sec_02 .box05 .inner p {
  margin: 0 0 25px;
  line-height: 1.9;
  text-align: left;
}
#top #sec_02 .box05 .rBox {
  float: right;
  width: 50%;
  height: auto;
  overflow: hidden;
}

/*SECTION03*/

#top #sec_03 {
  padding: 80px 0;
}

#top #sec_03 h2 {
  margin: 0 0 50px;
}

#top #sec_03 .secInner {
  width: 1200px;
  margin: auto;
}

#top #sec_03 ul {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px 0;
}

#top #sec_03 li {
  position: relative;
  width: 30%;
  background: #faf6f3;
  transition-duration: .9s;
}

#top #sec_03 li .imgArea {
  width: auto;
  min-height: 240px;
  max-height: 240px;
  overflow: hidden;
}

#top #sec_03 li .imgArea img {
  display: block;
  width: 100%;
  overflow: hidden;
  transition: .5s;
}

#top #sec_03 li .badge {
  position: absolute;
  top: -6px;
  left: 8px;
  padding: 5px;
  background: #ffa922;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}


#top #sec_03 li .inner {
  padding: 30px 45px;
  text-align: left;
}

#top #sec_03 li .date {
  margin: 0 0 10px 0;
  padding: 0 0 0 17px;
  background: url(../Image/common/icon_blog.png) no-repeat left;
  color: #fd927d;
  font-weight: bold;
  font-size: 13px;
}


#top #sec_03 li .txt {
  color: #2d2524;
  font-size: 16px;
}

/*hover*/

#top #sec_03 li a.imgArea {
  display: block;
}
@media screen and (min-width : 767px ) {
  #top #sec_03 li:hover img {
    transform: scale(1.1);
    transition: .5s;
  }

  #top #sec_03 li:hover {
    background: #fd927d;
    color: #ffffff;
    transition-duration: .9s;
  }
  #top #sec_03 li:hover .txt {
    color: #ffffff;
    transition: .5s;
  }
  #top #sec_03 li:hover .date {
    background: url(../Image/common/icon_blog02.png) no-repeat left;
    color: #ffffff;
    transition: .5s;
  }
}

/*SECTION04*/
#top #sec_04 {
  padding: 80px 0;
  background: url(../Image/top/bg_sec04.png) no-repeat;
  background-size: cover;
}

#top #sec_04 .secInner {
  width: 1000px;
  margin: auto;
}

#top #sec_04 ul {
  display: flex;
  justify-content: space-between;
}

#top #sec_04 li {
  width: 30%;
  box-sizing: border-box;
  background: #ffffff;
  transition-duration: .9s;
}

#top #sec_04 .ttl {
  margin: 0 0 30px;
  font-size: 22px;
  font-family: "Nunito","游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#top #sec_04 .ttl span {
  display: block;
  color: #fd927d;
  font-size: 19px;
}

#top #sec_04 li img {
  margin: 0 0 30px;
}

#top #sec_04 li p {
  font-size: 14px;
  line-height: 1.9;
}


@media screen and (min-width : 767px ) {
  /*hover*/

  #top #sec_04 li a {
    display: block;
    padding: 40px 25px;
  }

  #top #sec_04 li img {
    transform: rotateY( 0deg ) ;
    transition: .5s ;
  }
  #top #sec_04 li:hover img {
    transform: rotateY( 180deg ) ;
  }

  #top #sec_04 li:hover {
    background: #fd927d;
    transition-duration: .9s;
  }

  #top #sec_04 li:hover .ttl, #top #sec_04 li:hover span, #top #sec_04 li:hover p {
    color: #ffffff;
    transition-duration: .3s;
  }
}

/*-----------------------------------------------------

	UNDER COMMON　　下層共通

------------------------------------------------------*/


/*--------------------------------------------
  パンくず
--------------------------------------------*/

#breadcrumb {
  margin: 10px 0;
  line-height: 1;
  text-align: left;
}
#breadcrumb ul {
  width: 1200px;
  margin: 0 auto;
}
#breadcrumb li {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  color: #444444;
  font-size: 13px;
}
#breadcrumb li:last-child {
  padding-right: 0;
}
#breadcrumb li a {
  color: #1a2c7e;
  text-decoration: underline;
}
#breadcrumb li a:hover {
  text-decoration: none;
}
#breadcrumb li:before {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  content: "＞";
}
#breadcrumb li:last-child:before {
  content: none;
}

/*--------------------------------------------
  MV
--------------------------------------------*/


.under .ttlWrapp02 {
  margin-bottom: 30px;
  text-align: center;
}

.under #mainimage .ttlWrap, .under #mainimage02 .ttlWrap {
  position: relative;
  padding: 30px 0;
  background: #fd9580;
  color: #ffffff;
}

.under #mainimage .ttlWrap:before, .under #mainimage02 .ttlWrap:before {
  position: absolute;
  bottom: 0;
  left: 50%;
          transform: translate(-50%, 100%);
  border-top: solid 16px #fd9580;
  border-right: solid 12px transparent;
  border-left: solid 12px transparent;
  content: "";

  -webkit-transform: translate(-50%, 100%);
}

.under #mainimage .pageTtl, .under #mainimage02 .pageTtl {
  display: inline-block;
  padding: 0 20px;
  background: url(../Image/common/icon_underTtl.png) no-repeat 1% 31%,url(../Image/common/icon_underTtl.png) no-repeat 98% 31%;
  font-size: 38px;
  font-family: "Nunito","游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.under #mainimage .pageTtl span, .under #mainimage02 .pageTtl span {
  display: block;
  font-size: 14px;
}

.under #mainimage .mv, .under #mainimage02 .mv {
  padding: 80px 0;
  background-size: cover;
}

#junior #mainimage .mv {
  background: url(../Image/junior/mv.png) no-repeat;
}
#adult #mainimage .mv {
  background: url(../Image/adult/mv.png) no-repeat;
}
#adult #mainimage02 .mv {
  background: url(../Image/adult/mv02.png) no-repeat;
}
#day_care #mainimage .mv {
  background: url(../Image/day_care/mv.png) no-repeat;
  background-size: cover;
}
#care_home #mainimage .mv {
  background: url(../Image/care_home/mv.png) no-repeat;
  background-size: cover;
}
#peach_net #mainimage .mv {
  background: url(../Image/peach_net/mv.png) no-repeat;
  background-size: cover;
}

.under #mainimage .mv .inner, .under #mainimage02 .mv .inner {
  width: 1200px;
  margin: auto;
}

.under #mainimage .box, .under #mainimage02 .box {
  width: 600px;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

.under #mainimage .box .ttl, .under #mainimage02 .box .ttl {
  margin: 0 0 30px;
  font-size: 24px;
}

.under #mainimage .box .txt, .under #mainimage02 .box .txt {
  line-height: 40px;
}

.under .aLink {
  padding: 0 20px 60px;
  color: #4b4442;
}

.under .aLink ul {
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: auto;
}

.under .aLink li {
  position: relative;
}

.under .aLink li a {
  display: inline-block;
  padding: 0 20px;
  color: #4b4442;
  transition-duration: .3s;
}



.under .aLink02 {
  padding: 20px 20px 0;
  background: #fdeae6;
  color: #4b4442;
}

.under .aLink02 > ul {
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: auto;
}

.under .aLink02 > ul > li {
  position: relative;
  width: 20%;
  overflow: hidden;
}

.under .aLink02 > ul > li a {
  display: block;
  padding: 0 30px 30px;
  color: #4b4442;
  transition-duration: .2s;
}

.under .aLink02 > ul > li:first-child {
  padding-left: 0;
}

.under .aLink02 > ul > li:last-child {
  padding-right: 0;
}


.under  .aLink > ul > li::before, .under  .aLink02 > ul > li::before {
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
          transform: rotate(135deg);
  width: 6px;
  height: 6px;
  margin: auto;
  border: 0;
  border-top: solid 2px #4b4442;
  border-right: solid 2px #4b4442;
  content: "";
  transition-duration: .2s;

      -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.under .aLink02 > ul > li .child {
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition-duration: .3s;
}

.under .aLink02 .child li {
  background: #fdeae6;
}

.under .aLink02 .child li a {
  display: block;
  padding: 9px 0;
  box-sizing: border-box;
}


/*hover*/
.under .aLink > ul > li:hover::before, .under .aLink02 > ul > li:hover::before {
  top: 73%;
  transition-duration: .2s;
}

.under .aLink02 > ul > li:hover {
  visibility: visible;
  overflow: visible;
}

.under .aLink02 > ul > li:hover .child {
  opacity: 1;
}
.under .aLink02 .child li a:hover {
  background: #fd9580;
}

.pageTtl01 {
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 26px;
  background: url(../Image/common/icon_momo.png) no-repeat 0 41%,url(../Image/common/icon_momo.png) no-repeat 100% 41%;
  color: #ff9f8b;
  font-size: 34px;
}


.pageTtl02 {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  padding: 0 0 6px 0;
  border-bottom: solid 2px #fd9580;
  font-size: 24px;
}

.pageTtl02:after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 30%;
  border-bottom: solid 3px #ff6647;
  content: " ";
}

.pageTtl03 {
  display: inline-block;
  position: relative;
  padding: 0 55px;
  font-size: 20px;
}

.pageTtl03:before, .pageTtl03:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 45px;
  height: 1px;
  background-color: #4b4442;
  content: "";
}

.pageTtl03:before {
  left: 0;
}
.pageTtl03:after {
  right: 0;
}

.pageTtl04 {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}

/*-----------------------------------------------------

	junior～　　サービス共通

------------------------------------------------------*/
.cvWrapp {
  padding: 60px 0;
  background: #faf6f3;
}

.cvArea {
  display: flex;
  justify-content: space-between;
  width: 650px;
  margin: 0 auto 0;
}

.cvArea .contactArea, .cvArea .telArea {
  width: 48%;
}


.cvArea .contactArea a, .cvArea .telArea a {
  display: block;
  padding: 20px 0;
  border-radius: 5px;
  background: #fd927d;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
}
.cvArea .contactArea a:before {
  display: inline-block;
  width: 23px;
  height: 15px;
  background: url(../Image/common/icon_mail01.png) no-repeat center center;
  background-size: contain;
  line-height: 1;
  content: "";
  transition: .4s;
}
.cvArea .contactArea a {
  padding: 35px 0;
  border: 2px solid #fd927d;
}
.cvArea .telArea a {
  background: #a26b5f;
}

@media screen and (min-width : 767px ) {
  .cvArea .telArea a {
    pointer-events: none;
  }
  .cvArea .contactArea a:hover {
    background: #ffffff;
    color: #fd927d;
  }

  .cvArea .contactArea a:hover:before {
    width: 23px;
    height: 15px;
    background: url(../Image/common/icon_mail02.png) no-repeat center center;
    background-size: contain;
  }
}

.cvArea .telArea span {
  display: block;
  font-size: 14px;
}

.cvArea .telArea p {
  font-weight: bold;
  font-size: 27px;
  font-family: "Nunito";
}




/*サービスの内容*/
#serviceWrapp .srvsInner .inner h4 {
  margin: 0 0 40px;
}

#serviceWrapp .readArea {
  width: 900px;
  margin: 0 auto 40px;
  text-align: center;
}

#serviceWrapp .caption {
  font-size: 14px;
}

#serviceWrapp .srvsInner .inner img {
  width: 100%;
  margin-bottom: 20px;
}

#serviceWrapp .srvsInner .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#serviceWrapp .srvsInner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 40px;
}

#serviceWrapp .srvsInner li {
  width: 47%;
  margin: 12px 0 0;
  padding: 20px 20px 20px 32px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 48%;
  font-size: 16px;
  text-align: left;
}

#serviceWrapp .srvsInner li:nth-child(-n+2) {
  margin: 0;
}

#serviceWrapp .srvsInner .secInner .inner p {
  text-align: left;
}

/*活動の目的*/

#serviceWrapp .purpose .inner {
  width: 900px;
  margin: auto;
  padding: 60px;
  box-sizing: border-box;
}

#serviceWrapp .purpose li {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
  text-align: left;
}


/*事業*/



#serviceWrapp .work .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
  text-align: center;
}

#serviceWrapp .work .inner .ttlWrap {
  text-align: center;
}

#serviceWrapp .work .boxWrapp {
  width: 700px;
  margin: 0 auto 60px;
}

#serviceWrapp .work .inner h5 {
  font-size: 20px;
}

#serviceWrapp .work .inner ul {
  text-align: left;
}

#serviceWrapp .work .inner li {
  padding: 0 0 0 17px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  line-height: 2.9;
}

#serviceWrapp .lBox {
  float: left;
  width: 40%;
}

#day_care #sec_02 .boxWrapp .lBox li:first-child {
  background: url(../Image/common/icon_momo.png) no-repeat 0 19%;
}

#serviceWrapp .rBox {
  float: right;
  width: 52%;
}



#serviceWrapp .work img {
  width: 100%;
}


/*概要*/
#serviceWrapp .outline .lBox {
  float: left;
  width: 45%;
}

#serviceWrapp .outline .lBox img {
  width: 100%;
}

#serviceWrapp .outline .rBox {
  float: right;
  width: 50%;
}

#serviceWrapp .outline img {
  clear: both;
}

#serviceWrapp .outline table {
  width: 100%;
  text-align: left;
}

#serviceWrapp .outline tr {
  border-bottom: 1px solid #ccc3c3;
}

#serviceWrapp .outline th {
  width: 30%;
  padding: 25px 0;
}

#serviceWrapp .outline td {
  width: 70%;
  padding: 25px 0;
}

#serviceWrapp .outline .bImg {
  clear: left;
}

@media screen and (min-width : 767px ) {
  .bImg a {
    pointer-events: none;
  }
}


/*-----------------------------------------------------

	junior　　児童部

------------------------------------------------------*/
#junior #mainimage .mv {
  padding: 57px 0;
}
#junior #mainimage .box {
  width: 700px;
  padding: 60px;
}

#junior #mainimage .box .ttl {
  margin: 0 0 9px;
}

#junior #mainimage .box .txt {
  font-size: 14px;
  line-height: 35px;
  text-align: left;
}

#junior #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#junior #sec_01 .secInner {
  width: 1200px;
  margin: auto;
}

#junior #sec_01 .imgBack {
  padding-top: 398px;
  background: url(../Image/junior/img_01.png) no-repeat #faf6f3;
  background-size: cover;
}

#junior #sec_01 .secInner .inner h4 {
  margin: 0 0 40px;
}

#junior #sec_01 .secInner .inner img {
  width: 100%;
  margin-bottom: 20px;
}

#junior #sec_01 .secInner .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#junior #sec_01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 40px;
}

#junior #sec_01 li {
  width: 47%;
  margin: 12px 0 0;
  padding: 20px 20px 20px 32px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 48%;
  font-size: 16px;
  text-align: left;
}

#junior #sec_01 li:nth-child(-n+2) {
  margin: 0;
}

#junior #sec_01 .secInner .inner p {
  text-align: left;
}

#junior #sec_02 {
  padding: 0 0 80px;
  background: #faf6f3;
}

#junior #sec_02 .secInner {
  width: 900px;
  margin: auto;
  background: #ffffff;
}

#junior #sec_02 .imgBack {
  padding-top: 450px;
  background: url(../Image/junior/bg_01.png) no-repeat #faf6f3;
  background-size: cover;
}


#junior #sec_02 .secInner .inner {
  width: 900px;
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
}

#junior #sec_02 li {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
  text-align: left;
}

#junior #sec_03 {
  padding: 80px 0 80px;
  background: url(../Image/junior/bg_02.png) no-repeat #faf6f3;
  background-size: cover;
}

#junior #sec_03 .secInner {
  width: 900px;
  margin: auto;
  background: #ffffff;
}

#junior #sec_03 .secInner .inner {
  width: 900px;
  margin: auto;
  padding: 60px;
  box-sizing: border-box;
}

#junior #sec_03 li {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
  text-align: left;
}

#junior #sec_04 {
  padding: 80px 0 80px;
}

#junior #sec_04 .secTtl {
  margin: 0 0 40px;
}

#junior #sec_04 .secInner {
  width: 1200px;
  margin: auto;
}

#junior #sec_04 .lBox {
  float: left;
  width: 45%;
}

#junior #sec_04 .lBox img {
  width: 100%;
}

#junior #sec_04 .rBox {
  float: right;
  width: 50%;
}

#junior #sec_04 img {
  clear: both;
}

#junior #sec_04 table {
  width: 100%;
  text-align: left;
}

#junior #sec_04 tr {
  border-bottom: 1px solid #ccc3c3;
}

#junior #sec_04 th {
  width: 30%;
  padding: 25px 0;
}

#junior #sec_04 td {
  width: 70%;
  padding: 25px 0;
}

#junior #sec_04 .bImg {
  clear: left;
}


/*-----------------------------------------------------

	adult　　成人部

------------------------------------------------------*/

#adult #sec_01, #adult #sec_05 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#adult #sec_01 .secInner, #adult #sec_05 .secInner {
  width: 900px;
  margin: auto;
}

#adult #sec_01 .inner, #adult #sec_05 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#adult #sec_02, #adult #sec_06 {
  padding: 80px 0 80px;
  background: url(../Image/adult/bg_01.png) no-repeat #faf6f3;
  background-size: cover;
}

#adult #sec_02 .secInner, #adult #sec_06 .secInner {
  width: 1200px;
  margin: auto;
  background: #ffffff;
}

#adult #sec_02 ul, #adult #sec_06 ul {
  display: flex;
  margin: 0 0 30px 0;
}
#adult #sec_02 li, #adult #sec_06 li {
  width: 100%;
  padding: 15px 0 0 0;
  border: none;
  background: no-repeat;
  line-height: 1.6;
}

#adult #sec_02 li:first-child, #adult #sec_06 li:first-child {
  padding-right: 15px;
}
#adult #sec_02 li:last-child, #adult #sec_06 li:last-child {
  padding-left: 15px;
}

#adult #sec_02 li span, #adult #sec_06 li span {
  font-weight: bold;
}

#adult #sec_02 ul.inList, #adult #sec_06 ul.inList {
  display: block;
}
#adult #sec_02 .inList li, #adult #sec_06 .inList li {
  width: 100%;
  padding: 15px 20px 15px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
}

#adult #sec_03, #adult #sec_07 {
  padding: 80px 0 0;
  background: #faf6f3;
}

#adult #sec_03 .secInner, #adult #sec_07 .secInner {
  width: 900px;
  margin: auto;
}

#adult #sec_03 .inner, #adult #sec_07 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#adult #sec_03 .inner ul, #adult #sec_07 .inner ul {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
  text-align: left;
}

#adult #sec_04, #adult #sec_08 {
  padding: 80px 0 80px;
  background: #faf6f3;
}
#adult #sec_04 .outline .lBox, #adult #sec_08 .outline .lBox {
  float: left;
  width: 45%;
  margin: 0 0 60px 0;
}

#adult #sec_08 {
  padding: 80px 0 0;
}

#adult #sec_08 .secInner {
  padding: 60px 0;
  background: #ffffff;
}

/*-----------------------------------------------------

	day_care　　通所部

------------------------------------------------------*/

#day_care #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#day_care #sec_01 .secInner {
  width: 1200px;
  margin: auto;
}
#day_care #sec_01 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
  text-align: center;
}

#day_care .list01 {
  width: 90%;
  margin: 0 auto 40px;
  margin-bottom: 30px;
}

#day_care .list01 li {
  padding: 10px 0 10px 24px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  line-height: 1.9;
  text-align: left;
}

#day_care #sec_01 .imgArea img {
  margin: 0 0 60px 0;
}

#day_care #sec_01 .listArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#day_care #sec_01 .listArea .lArea, #day_care #sec_01 .listArea .rArea {
  width: 48%;
}

#day_care #sec_01 .listArea .list02 li, #day_care #sec_01 .listArea .list03 li {
  padding: 10px 0 10px 17px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  text-align: left;
}

#day_care #sec_01 .listArea .list03 li {
  background: url(../Image/common/icon_momo.png) no-repeat 0 15%;
}
#day_care #sec_01 .listArea .list03 li:nth-child(2) {
  background: url(../Image/common/icon_momo.png) no-repeat 0 9%;
}

#day_care #sec_01 .imgArea {
  margin-top: 40px;
}
#day_care #sec_01 .imgArea img {
  width: 100%;
}

#day_care #sec_02 {
  padding: 0 0 80px;
  background: #faf6f3;
}

#day_care #sec_02 .secInner {
  width: 1200px;
  margin: auto;
}

#day_care #sec_02 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
  text-align: center;
}

#day_care #sec_02 .boxWrapp {
  margin-bottom: 60px;
}

#day_care #sec_02 .boxWrapp li {
  padding: 10px 0 10px 17px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  text-align: left;
}

#day_care #sec_02 .imgArea {
  margin: 40px 0 60px;
}

#day_care #sec_02 .imgArea img {
  width: 100%;
}

#day_care #sec_02 .listArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#day_care #sec_02 .listArea .rArea {
  width: 57%;
}
#day_care #sec_02 .listArea .lArea {
  width: 38%;
}

#day_care #sec_02 .listArea .list02 li, #day_care #sec_02 .listArea .list03 li {
  padding: 10px 0 10px 17px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  text-align: left;
}

#day_care #sec_02 .listArea .list03 li {
  background: url(../Image/common/icon_momo.png) no-repeat 0 9%;
}
#day_care #sec_02 .listArea .list03 li:nth-child(2) {
  background: url(../Image/common/icon_momo.png) no-repeat 0 24%;
}

#day_care #sec_02 .imgArea {
  margin-top: 40px;
}
#day_care #sec_02 .imgArea img {
  width: 100%;
}

#day_care #serviceWrapp #sec_02 .outline .rBox table {
  margin: 0 0 15px 0;
}

#day_care .outline {
  margin-top: 40px;
}

#day_care #sec_03 {
  padding: 80px 0 80px;
}

#day_care #sec_03 .secInner {
  width: 1200px;
  margin: auto;
}

#day_care #sec_03 .outline .lBox {
  margin-bottom: 30px;
}


/*-----------------------------------------------------

	care_home　　グループホーム

------------------------------------------------------*/

#care_home #mainimage .box {
  width: 700px;
  padding: 60px;
}
#care_home #mainimage .box .txt {
  font-size: 14px;
  line-height: 35px;
  text-align: left;
}

#care_home #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#care_home #sec_01 .secInner {
  width: 900px;
  margin: auto;
}

#care_home #sec_01 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_01 {
  padding: 80px 0 80px;
}

#care_home #sec_01 .secInner {
  width: 1200px;
  margin: auto;
  background: #ffffff;
}

#care_home #sec_01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#care_home #sec_01 li span {
  font-weight: bold;
}

#care_home #sec_01 .inList li {
  width: 47%;
  padding: 15px 20px 15px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
}

#care_home #sec_02 {
  padding: 80px 0 80px;
  background: url(../Image/adult/bg_01.png) no-repeat #faf6f3;
  background-size: cover;
}

#care_home #sec_02 .secInner {
  width: 900px;
  margin: auto;
}

#care_home #sec_02 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_02 .inner ul {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 16px;
  text-align: left;
}

#care_home #sec_03 {
  padding: 80px 0 80px;
}

#care_home #sec_03 .secInner {
  width: 900px;
  margin: auto;
}

#care_home #sec_03 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_04 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#care_home #sec_04 .secInner {
  width: 1200px;
  margin: auto;
}

#care_home #sec_04 .inner {
  margin: 0 auto 0;
  padding: 60px 60px 85px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_04 .box {
  position: relative;
}

#care_home #sec_04 .box .txtArea {
  position: absolute;
  right: 0;
  bottom: -80px;
  left: 0;
  width: 900px;
  margin: auto;
  padding: 50px 0;
  background: rgba(255,255,255,.9);
  font-size: 17px;
  line-height: 1.9;
}

#care_home #sec_05 {
  padding: 0 0 80px;
}

#care_home #sec_03 .secInner {
  width: 900px;
  margin: auto;
}

#care_home #sec_05 .inner {
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_05 {
  padding: 0 0 80px;
}

#care_home #sec_06 {
  padding: 80px 0 0;
  background: #faf6f3;
}

#care_home #sec_06 .inner {
  width: 1200px;
  margin: 0 auto 0;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#care_home #sec_06 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 1000px;
  margin: 0 auto 40px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

#care_home ul.purpose {
  width: 700px;
  margin: auto;
}

#care_home #sec_06 li {
  width: 30%;
  margin: 2% 0 0 5%;
  background: #fff6f4;
  color: #675855;
  font-size: 14px;
}
#care_home #sec_06 li:nth-child(3n+1) {
  margin-left: 0;
}

#care_home #sec_06 li img {
  width: 100%;
}

@media screen and (min-width : 767px ) {
  #care_home #sec_06 li:nth-child(-n + 3) {
    margin-top: 0;
  }
}

#care_home #sec_06 li h5 {
  position: relative;
  margin: 0 0 5px 0;
  font-size: 18px;
}

#care_home #sec_06 li h5:before {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 0;
  padding: 0 3px 0 0;
  background: url(../Image/common/icon_momo.png) no-repeat center center;
  content: "";
  transition-duration: .3s;
}

#care_home #sec_06 li .txtArea {
  padding: 15px;
  box-sizing: border-box;
}

#care_home .readArea {
  width: 900px;
  margin: 0 auto 20px;
  line-height: 1.9;
  text-align: left;
}

#care_home #sec_06 table {
  width: 900px;
  margin: 0 auto 40px;
  border: 1px solid #fd927d;
}

#care_home #sec_06 th {
  padding: 5px;
  background: #fd927d;
  color: #ffffff;
  text-align: center;
}

#care_home #sec_06 td {
  padding: 5px;
  font-weight: bold;
  text-align: center;
}


/*-----------------------------------------------------

	peach_net　　ピーチネット

------------------------------------------------------*/

#peach_net h3 {
  display: inline-block;
  margin: 0 0 25px 0;
  padding: 0 16px 0;
  background: url(../Image/common/icon_momo.png) no-repeat 0 41%,url(../Image/common/icon_momo.png) no-repeat 100% 42%;
  font-size: 32px;
}

#peach_net #sec_01 {
  padding: 80px 0;
  background: #faf6f3;
}

#peach_net #sec_01 .secInner {
  width: 1200px;
  margin: 0 auto 80px;
  padding: 80px 0 0;
  background: #ffffff;
}

#peach_net #sec_01 .secInner:nth-of-type(2) {
  margin-bottom: 0;
  padding: 0;
}

#peach_net #sec_01 .secInner:nth-of-type(2) ul {
  margin-bottom: 60px;
}

#peach_net #sec_01 .secInner .readArea {
  width: 900px;
  margin: 0 auto 0;
  line-height: 1.9;
  text-align: center;
}

#peach_net #sec_01 .secInner .readArea h4 {
  font-size: 22px;
}

#peach_net #sec_01 .secInner .readArea span {
  font-weight: bold;
  font-size: 20px;
}

#peach_net #serviceWrapp .srvsInner li:nth-child(3) {
  border: none;
  background-position: 2% 9%;
}

#serviceWrapp .srvsInner .cont li {
  display: block;
  width: 100%;
  background: no-repeat;
}

#peach_net #sec_01 .secInner tr {
  border-bottom: 1px solid #ccc3c3;
}

#peach_net #sec_01 .secInner th {
  width: 40%;
  box-sizing: border-box;
  text-align: left;
}

#peach_net #sec_01 .secInner td {
  width: 60%;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
}

#peach_net #sec_02 {
  padding: 0 0 80px;
  background: #e7eef1;
}

#peach_net #sec_02 .pageTtl02 {
  margin-bottom: 20px;
}

#peach_net #sec_02 .secInner {
  width: 1200px;
  margin: auto;
  padding: 80px 0 0;
}

#peach_net #sec_02 .secInner .inner {
  padding: 60px;
  box-sizing: border-box;
  background: #ffffff;
}

#peach_net #sec_02 .secInner .read {
  margin-bottom: 30px;
  line-height: 1.9;
}

#peach_net #sec_02 .flow ul {
  width: 90%;
  margin: 0 auto 25px;
  text-align: left;
}

#peach_net #sec_02 .flow li {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
  line-height: 1.6;
}

#peach_net #sec_02 .flow h5 {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
}

#peach_net #sec_02 .flow li span {
  color: #ffbaac;
  font-size: 35px;
  line-height: 1;
  vertical-align: bottom;
}

#peach_net .caption {
  width: 90%;
  margin: auto;
  text-align: left;
}

#peach_net #sec_03 {
  padding: 80px 0 0;
  background: #faf3f3;
}

#peach_net #sec_03 .read {
  margin-bottom: 40px;
  line-height: 1.9;
}

#peach_net #sec_03 .pageTtl02 {
  margin-bottom: 20px;
}

#peach_net #sec_03 .secInner {
  width: 1200px;
  margin: auto;
}

#peach_net #sec_03 .inner {
  padding: 60px;
  box-sizing: border-box;
  background: #ffffff;
}

#peach_net.under .aLink02 > ul > li {
  width: auto;
}

#peach_net #sec_03 .flow ul {
  width: 80%;
  margin: auto;
  margin-bottom: 25px;
  text-align: left;
}

#peach_net #sec_03 .flow li {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
}

#peach_net #sec_03 .flow span {
  color: #ffbaac;
  font-size: 35px;
  line-height: 1;
  vertical-align: bottom;
}

#peach_net #sec_03 .price ul {
  width: 60%;
  margin: 0 auto 35px;
  text-align: left;
}

#peach_net #sec_03 .price li {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
}

#peach_net #sec_03 .price table {
  width: 80%;
  margin: auto;
}

#peach_net #sec_03 .price th {
  width: 15%;
}

#peach_net #sec_03 .price td {
  width: 35%;
}

/*-----------------------------------------------------

	cabs　　CABS

------------------------------------------------------*/

#cabs #sec_01 {
  padding: 40px 0 80px;
  background: #faf6f3;
}

#cabs .secInner {
  width: 1100px;
  margin: 0 auto;
}

#cabs .secInner .pageTtl02 span {
  display: block;
  font-size: 18px;
}

#cabs .secInner .imgArea {
  margin-bottom: 20px;
}

#cabs .secInner .txtArea {
  width: 900px;
  margin: auto;
  padding: 30px 0 30px;
  line-height: 2;
  text-align: left;
}


/*-----------------------------------------------------

	ジェントル・ティーチングとは　　gentle_teaching

------------------------------------------------------*/

#gentle_teaching #sec_01 {
  padding: 40px 0 80px;
  background: #faf6f3;
}

#gentle_teaching .secInner {
  width: 1100px;
  margin: 0 auto;
}



#gentle_teaching .txtArea {
  width: 1000px;
  margin: auto;
  padding: 30px 0 0;
  text-align: left;
}



#gentle_teaching .txtArea > ul.gentle > li {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px dotted #cec8c8;
  font-weight: bold;
  font-size: 18px;
}
#gentle_teaching .txtArea > ul.gentle > li:last-child {
  margin-bottom: 0;
}

#gentle_teaching .txtArea > ul.gentle > li:nth-child(4) p
#gentle_teaching .txtArea > ul.gentle > li:last-child p {
  margin-bottom: 15px;
}

#gentle_teaching .txtArea > ul.gentle p {
  display: inline-block;
  width: 940px;
  font-size: 18px;
  line-height: 1.8;
  vertical-align: top;
}

#gentle_teaching .txtArea > ul.gentle li span {
  display: inline-block;
  color: #fd9580;
  font-size: 31px;
  line-height: 1;
}


#gentle_teaching .txtArea ul.gentle li li {
  padding: 12px 0;
}

#gentle_teaching .txtArea ul.gentle li li span {
  width: 32px;
  height: 27px;
  margin-right: 9px;
  padding: 4px 0 0 0;
  border-radius: 50%;
  background: #fd9580;
  color: #ffffff;
  font-size: 21px;
  text-align: center;
}

#gentle_teaching .txtArea ul.gentle li li p {
  padding: 5px 0 0 30px;
}

#gentle_teaching .txtArea .in {
  margin-left: 37px;
}

#gentle_teaching .txtArea .in span {
  font-size: 20px;
}

#gentle_teaching .txtArea .in p {
  font-size: 17px;
}

#gentle_teaching #sec_02 {
  padding: 40px 0 80px;
}


/*-----------------------------------------------------

	recruit　　求人情報

------------------------------------------------------*/

#recruit #sec_01, #recruit #sec_02, #recruit #sec_03 {
  padding: 40px 0;
  background: #faf6f3;
}

#recruit .secInner {
  width: 1100px;
  margin: 0 auto;
}

#recruit .box01 {
  margin-bottom: 60px;
  padding: 40px;
  background: #ffffff;
}

#recruit .box01 ul {
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
}

#recruit .box01 li {
  position: relative;
  padding: 10px 0 10px 20px;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}

#recruit .box01 li::before {
  position: absolute;
  left: 0;
  color: #fd9580;
  content: "●";
}

#recruit .pageTtl03 {
  margin-bottom: 10px;
}

#recruit .box01 .txtArea {
  width: 80%;
  margin: auto;
  line-height: 1.9;
  text-align: center;
}

#recruit .box01 .txtArea p {
  text-align: left;
}

#recruit .box02 {
  margin-bottom: 60px;
  padding: 40px;
  background: #ffffff;
}

#recruit .box02 .inner .job {
  width: 85%;
  margin: 0 auto 30px;
  text-align: left;
}

#recruit .box02 .inner .job li {
  position: relative;
  padding: 10px 0 10px 25px;
  font-weight: bold;
}
#recruit .box02 .inner .job li::before {
  position: absolute;
  left: 0;
  color: #fdeae6;
  content: "●";
}

#recruit .box02 .timeline {
  list-style: none;
  width: 80%;
  margin: auto;
}

#recruit .box02 .timeline > li {
  margin-bottom: 60px;
}
#recruit .box02 .timeline > li {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
#recruit .box02 .timeline-date {
  float: left;
  width: 20%;
  margin-top: 0;
  color: #847878;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
#recruit .box02 .timeline-content {
  float: left;
  width: 72%;
  padding-bottom: 40px;
  padding-left: 30px;
  border-left: 3px #fdeae6 solid;
  font-weight: bold;
  font-size: 18px;
}
#recruit .box02 .timeline-content:before {
  position: absolute;
  top: 10px;
  left: 158px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #ff6647;
  content: "";
}
#recruit .box02 .boxL .timeline-content:before {
  position: absolute;
  top: 10px;
  left: 96px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #e997cb;
  content: "";
}
#recruit .box02 .boxR .ttl_04 {
  position: relative;
  margin: 50px 0;
  padding: 5px 5px 5px 30px;
  color: #6ec172;
  font-weight: bold;
  font-size: 18px;
}
#recruit .box02 .boxR .ttl_04::before {
  position: absolute;
  top: 0;
  left: 3px;
  width: 5px;
  height: 100%;
  border-radius: 5px;
  background-color: #61b565;
  content: "";
}
#recruit .box02 .boxR .ttl_04::after {
  position: absolute;
  top: 0;
  left: 12px;
  width: 5px;
  height: 100%;
  border-radius: 5px;
  background-color: #96d699;
  content: "";
}

#recruit .box03 {
  margin-bottom: 60px;
  padding: 40px;
  background: #ffffff;
}

#recruit .box03 ul {
  width: 80%;
  margin: auto;
  text-align: left;
}

#recruit .box03 li {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
}

#recruit .box04 {
  padding: 40px;
  background: #ffffff;
}

#recruit .box04 ul {
  display: flex;
  justify-content: space-between;
}

#recruit .pageTtl03 {
  margin-bottom: 24px;
}

#recruit .box04 ul li {
  width: 32%;
  margin: auto;
}

#recruit .box04 ul li a {
  display: block;
  padding: 20px 0;
  border: 2px solid #fd9580;
  background: #fdeae6;
  color: #484040;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (min-width : 767px ) {
  #recruit .box04 ul li a:hover {
    background: #fd9580;
    color: #ffffff;
  }
}

/*recruitment*/

#recruit .pageTtl02 {
  margin-bottom: 35px;
}

#recruit table {
  width: 1000px;
  margin: 0 auto 30px;
  background: #ffffff;
  text-align: left;
}

#recruit .detialBtn {
  margin-bottom: 80px;
  text-align: center;
}

#recruit th {
  width: 20%;
  background: url(../Image/common/icon_momo.png) no-repeat 9% 45%;
}

#recruit td {
  width: 80%;
}

#recruit th, #recruit td {
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
}

#recruit tr:last-child th, #recruit tr:last-child td {
  border-bottom: none;
}

#recruit ul.volunteer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto 40px;
}

#recruit .volunteer li {
  width: 47%;
  padding: 10px 0 10px 17px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 0 45%;
  font-weight: bold;
  text-align: left;
}

#recruit .txt01 {
  margin-bottom: 25px;
  color: #fd927d;
  font-weight: bold;
  font-size: 22px;
}

#recruit .txt02 {
  margin-bottom: 20px;
}

#recruit .volunteerBox {
  width: 670px;
  margin: 0 auto 30px;
  padding: 20px;
  border: 2px solid #fd927d;
  box-sizing: border-box;
  background: #ffffff;
  color: #fd927d;
  font-weight: bold;
  font-size: 16px;
}

#recruit .contactBox {
  width: 1000px;
  margin: auto;
  padding: 25px;
  box-sizing: border-box;
  background: #ffffff;
  font-weight: bold;
}

#recruit .contactBox span {
  color: #ff6647;
  font-size: 40px;
  line-height: 1;
  font-family: "Nunito";
}

#recruit .contactBox p {
  margin-bottom: 10px;
}
#recruit .contactBox p:last-child {
  margin-bottom: 0;
}

#recruit .contactBox span.num {
  color: #ff6647;
  font-size: 18px;
}

/*-----------------------------------------------------

	study　　総合心理研究部

------------------------------------------------------*/

#study #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#study .secInner {
  width: 1100px;
  margin: 0 auto;
}

#study .secInner .pageTtl02 {
  margin-bottom: 20px;
}

#study #sec_01 .read {
  margin-bottom: 50px;
}

#study #sec_01 .desc {
  margin-bottom: 80px;
}

#study #sec_01 .desc > li {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

#study #sec_01 .desc > li:first-child {
  margin-top: 0;
}

#study #sec_01 .desc li .imgArea {
  display: block;
  width: 25%;
}

#study #sec_01 .desc li .txtArea {
  width: 72%;
  text-align: left;
}

#study #sec_01 .desc li .txtArea h4 {
  margin-bottom: 10px;
  font-size: 20px;
}

#study #sec_01 .desc li .txtArea p {
  margin-bottom: 20px;
}

#study #sec_01 .desc li .txtArea li {
  padding: 10px 20px 10px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 48%;
}

#study #sec_01 .desc li .txtArea li:first-child {
  padding-top: 0;
}

#study #sec_01 .pageTtl03 {
  margin-bottom: 20px;
}

#study #sec_01 .desc02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#study #sec_01 .desc02 li {
  justify-content: space-between;
  width: 48%;
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #ccc3c3;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 48%;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
}


/*-----------------------------------------------------

	info　　桃花塾とは

------------------------------------------------------*/

#info #sec_01 {
  padding: 40px 0 0;
  background: #faf6f3;
}

#info .secInner {
  /*    width: 1200px;*/
  margin: 0 auto;
}

#info  #sec_01 .inner {
  position: relative;
  clear: both;
  margin: 20px 0 0 0;
}

#info .inner .lBox {
  float: left;
  width: 50%;
  background: url(../Image/info/img_01.png) no-repeat;
  background-size: cover;
}

#info .inner .rBox {
  float: right;
  width: 50%;
  padding: 60px 40px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#info .inner .wrapp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 600px;
}

#info .inner .wrapp img {
  width: 190px;
  height: auto;
  max-height: initial;
}

#info #sec_01 .inner .wrapp p {
  width: 400px;
}

#info .inner p, #info .inner02 p {
  display: block;
  width: 600px;
  font-size: 15px;
  line-height: 2.2;
  text-align: left;
}

#info .inner02 p {
  float: right;
}

#info .inner02 {
  position: relative;
  clear: both;
}

#info .inner02 .lBox {
  float: left;
  width: 50%;
  padding: 60px 40px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}

#info .inner02 .rBox {
  float: right;
  width: 50%;
  background: url(../Image/info/img02.png) no-repeat;
  background-size: cover;
}

#info #sec_02 {
  padding: 80px 0 0;
  background: #faf6f3;
}
#info  #sec_02 .inner {
  position: relative;
  clear: both;
  margin: 20px 0 0 0;
}

#info #sec_02 .inner .lBox {
  background: url(../Image/info/img04.png) no-repeat;
  background-size: cover;
}
#info #sec_02 .inner02 .rBox {
  background: url(../Image/info/img03.png) no-repeat;
  background-size: cover;
}

#info #sec_03 {
  padding: 60px 0 60px;
  background: #faf6f3;
}

#info #sec_03 .about_area {
  width: 1100px;
  padding: 40px 50px;
  background-color: #ffffff;
}

#info #sec_03 .inner03 {
  margin: 30px 0 40px 0;
}

#info #sec_03 .lBox {
  float: left;
  width: 65%;
  line-height: 1.9;
  text-align: left;
}

#info #sec_03 .rBox {
  float: right;
  width: 30%;
}

#info #sec_03 .rBox img {
  float: right;
  width: 50%;
}

#info #sec_01.outline {
  padding: 80px 0 80px;
  background: #faf6f3;
}
#info #sec_01.outline .history_area {
  width: 1000px;
  padding: 50px 100px;
  background-color: #ffffff;
}

#info #sec_01.outline table {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
}

#info #sec_01.outline tr {
  border-bottom: 1px solid #ccc3c3;
}

#info #sec_01.outline th {
  width: 10%;
  padding: 20px 0;
  font-size: 16px;
}

#info #sec_01.outline td {
  padding: 20px 0;
}

#info #sec_01.outline table .date {
  width: 20%;
}

#info #sec_01.outline table .comment {
  width: 60%;
}


#info #sec_01-01.outline {
  padding: 80px 0 0;
  background: #faf6f3;
}

#info #sec_01-01.outline .history_area {
  width: 1000px;
  padding: 50px 100px;
  background-color: #ffffff;
}

#info #sec_01-01 tr {
  border-bottom: 1px solid #ccc3c3;
}

#info #sec_01-01 table {
  width: 900px;
  margin: auto;
  text-align: left;
}

#info #sec_01-01  th {
  width: 30%;
  padding: 20px 20px 20px 40px;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
}
#info #sec_01-01  td {
  width: 70%;
  padding: 20px;
  box-sizing: border-box;
}

/*-----------------------------------------------------

	pansy　　桃花塾の生産品について

------------------------------------------------------*/

#pansy #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#pansy .secInner {
  width: 1200px;
  margin: 0 auto;
}

#pansy .shopTxt {
  margin: 0 0 40px 0;
  line-height: 1.7;
}

#pansy  #sec_01 .box {
  display: flex;
  margin: 0 0 80px 0;
}

#pansy  #sec_01 .box .lBox {
  width: 45%;
}

#pansy  #sec_01 .box .rBox {
  width: 50%;
  text-align: left;
}

#pansy  #sec_01 .box tr {
  border-bottom: 1px solid #ccc3c3;
}

#pansy  #sec_01 .box th {
  width: 15%;
  padding: 25px 0;
}

#pansy  #sec_01 .box td {
  width: 70%;
  padding: 25px 0;
}



#pansy  #sec_01 li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
  padding: 30px;
  box-sizing: border-box;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}

#pansy  #sec_01 li:last-child {
  margin-bottom: 0;
}

#pansy  #sec_01 h5 {
  display: inline-block;
  margin: 0 0 10px 0;
  padding-left: 20px;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
  font-size: 18px;
  text-align: center;
}

#pansy  #sec_01 .imgArea {
  display: flex;
  width: 39%;
}

#pansy  #sec_01 .imgArea img:first-child {
  margin-right: 10px;
}

#pansy  #sec_01 .txtArea {
  width: 59%;
}

#pansy  #sec_01 li .txt {
  text-align: left;
}

#pansy #sec_02 {
  padding: 80px 0 80px;
}

#pansy #sec_02 .box, #pansy #sec_02 .box02 {
  position: relative;
  margin: 0 0 40px 0;
}
#pansy #sec_02 .box:last-child {
  margin-bottom: 0;
}

#pansy #sec_02 .box .imgArea {
  float: left;
}

#pansy #sec_02 .box .txtArea {
  position: absolute;
  top: 72px;
  right: 0;
  width: 760px;
  padding: 50px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
  line-height: 1.8;
  text-align: left;
}

#pansy #sec_02 .box02 .imgArea {
  float: right;
}

#pansy #sec_02 .box02 .txtArea {
  position: absolute;
  top: 68px;
  left: 0;
  width: 760px;
  padding: 50px;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
  line-height: 1.8;
  text-align: left;
}


/*-----------------------------------------------------

	access　　施設紹介・アクセス

------------------------------------------------------*/

#access #sec_01 {
  padding: 80px 0 80px;
  background: #faf6f3;
}

#access .secInner {
  width: 1200px;
  margin: 0 auto;
}

#access #sec_01 .gMap {
  width: 1100px;
  margin: 0 auto 30px;;
}

#access #sec_01 .infoWrapp {
  width: 700px;
  margin: 0 auto 60px;
}

#access #sec_01 .infoWrapp table {
  margin: auto;
  text-align: left;
}

#access #sec_01 .infoWrapp tr {
  border-bottom: 1px solid #ccc3c3;
}

#access #sec_01 .infoWrapp th {
  width: 30%;
  padding: 20px 20px 20px 40px;
  box-sizing: border-box;
  background: url(../Image/common/icon_momo.png) no-repeat 2% 45%;
}

#access #sec_01 .infoWrapp td {
  width: 70%;
  padding: 20px;
  box-sizing: border-box;
}

#access #sec_01 .method {
  width: 1000px;
  margin: 0 auto 60px;
}

#access #sec_01 .method .box {
  padding: 46px;
  background: #ffffff;
}

#access #sec_01 .method .box .car {
  margin: 35px 0 10px 0;
}

#access #sec_01 .info table {
  width: 100%;
  background: #ffffff;
  text-align: left;
}

#access #sec_01 .info td {
  padding: 15px;
  border: 1px solid #ccc3c3;
  box-sizing: border-box;
}

#access #sec_01 .info .item01 {
  width: 10%;
}

#access #sec_01 .info .item02 {
  width: 15%;
}

#access #sec_01 .info .item03 {
  width: 30%;
}

#access #sec_01 .info .item04 {
  width: 25;
}

#access #sec_01 .info .item05 {
  width: 20%;
}

#access #sec_02 {
  padding: 80px 0 80px;
}

#access #sec_02 .facility01 {
  margin: 0 0 80px 0;
}

#access #sec_02 .txtArea {
  width: 1100px;
  margin: 20px auto 0 ;
  line-height: 1.7;
  text-align: left;
}

/*-----------------------------------------------------

	news　　お知らせ

------------------------------------------------------*/

#news .contentsWrapp {
  width: 1200px;
  margin: auto;
  padding-bottom: 40px;
}

#news .contentsWrapp #sec_01 {
  float: left;
  width: 850px;
}

#news .contentsWrapp #sec_01 .newsWrapp {
  margin: 0 0 30px;
}

#news .contentsWrapp #sec_01 li {
  position: relative;
  float: left;
  width: 425px;
  padding: 35px 38px 30px 0;
  border-bottom: solid 1px #dddddd;
  box-sizing: border-box;
  text-align: left;
}

#news .contentsWrapp #sec_01 li:nth-child(2n) {
  float: right;
  padding: 35px 0 30px 38px;
  border-left: solid 1px #dddddd;
}


#news .contentsWrapp #sec_01 li .imgArea {
  position: relative;
  width: auto;
  min-height: 220px;
  max-height: 220px;
  margin-bottom: .5rem;
  overflow: hidden;
}

#news .contentsWrapp #sec_01 li .imgArea img {
  width: 100%;
  transition: .5s ;
}

#news .contentsWrapp #sec_01 li .title {
  position: relative;
  margin-bottom: .5em;
  color: #666666;
  font-size: 18px;
  line-height: 1.5;
}

#news .contentsWrapp #sec_01 li .title::after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  border-bottom: solid 2px #ffd3ca;
  content: " ";
          transition: all .3s ease;

  -webkit-transition: all .3s ease;
}

#news .contentsWrapp #sec_01 li a:hover .title::after {
  width: 100%;
}


#news .contentsWrapp #sec_01 li .date {
  margin-bottom: .5rem;
  color: #666666;
  font-size: .625em;
}

#news .contentsWrapp #sec_01 li .txtWrapp {
  margin-bottom: 20px;
}

#news .contentsWrapp #sec_01 li .txtArea {
  color: #777777;
  font-size: 14px;
}

#news .contentsWrapp #sec_01 li .detialBtn02 {
  text-align: right;
}

#news .contentsWrapp #sec_01 li a .detialBtn02 {
  display: inline-block;
  float: right;
  padding: 5px 10px;
  border: 1px solid #fd9580;
  color: #fd9580;
  font-size: 14px;
  transition-duration: .9s;
}

#news .contentsWrapp #sec_01 li:nth-child(odd) .badge {
  position: absolute;
  top: 45px;
  left: -4px;
  padding: 5px;
  background: #ffa922;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
#news .contentsWrapp #sec_01 li:nth-child(even) .badge {
  position: absolute;
  top: 45px;
  left: 30px;
  padding: 5px;
  background: #ffa922;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}

/*hover*/
#news .contentsWrapp #sec_01 li a {
  display: block;
}

#news .contentsWrapp #sec_01 li a:hover .detialBtn02 {
  border: 1px solid #ffffff;
  background: #fd9580;
  color: #ffffff;
  transition-duration: .9s;
}

#news .contentsWrapp #sec_01 li a:hover img {
  transform: scale(1.1);
  transition-duration: .5s;
}


#news #sec_02 {
  float: right;
  width: 270px;
}

#news #sec_02 .ttl {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 2px solid #fd9580;
  color: #fd9580;
  font-size: 28px;
  line-height: 1.3;
  font-family: "Nunito","游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#news #sec_02 .ttl span {
  display: block;
  color: #483e3a;
  font-size: 12px;
}

#news #sec_02 ul {
  clear: both;
  margin-bottom: 45px;
}

#news #sec_02 .archiveArea ul {
  margin-bottom: 0;
}

#news #sec_02 li {
  border-bottom: 1px dotted #bdbdbd;
  font-size: 14px;
  text-align: left;
  transition-duration: .4s;
}

#news #sec_02 li:first-child {
  margin: 0;
}

#news #sec_02 li a {
  display: block;
  color: #666666;
}

#news #sec_02 li .imgArea {
  position: relative;
  float: left;
  width: 35%;
  min-height: 60px;
  max-height: 60px;
  margin-bottom: .5rem;
  overflow: hidden;
}

#news #sec_02 li .imgArea img {
  width: 100%;
}

#news #sec_02 li .txtArea {
  float: right;
  width: 60%;
  transition-duration: .9s;
}

#news #sec_02 li .badge {
  display: inline-block;
  padding: 2px;
  background: #ffa922;
  color: #ffffff;
  font-size: 10px;
}

#news #sec_02 li .dateArea {
  display: inline-block;
  font-size: 12px;
}

#news #sec_02 li .ttleArea {
  margin: 5px 0;
  color: #777777;
  font-size: 13px;
}

#news #sec_02 .categoryArea ul li {
  border-bottom: 1px dotted #bdbdbd;
  font-size: 16px;
  text-align: center;
}
#news #sec_02 .archiveArea ul li {
  font-size: 16px;
  text-align: center;
}


/*hover*/
#news #sec_02 li a {
  display: block;
  width: 100%;
  padding: 7px 0;
  transition-duration: .4s;
}

#news #sec_02 li a:hover .ttleArea, #news #sec_02 li a:hover {
  transform: translateX(5px);
  color: #fd9580;
  transition-duration: .4s;
}

#news #sec_02 li a:hover img {
  opacity: .7;
}


/***Detial****/

#news .detialWrapp {
  width: 1200px;
  margin: auto;
  padding-bottom: 40px;
}

#news .detialWrapp #sec_01 {
  float: left;
  width: 850px;
  padding: 50px 0 80px;
  text-align: left;
}

#news .detialWrapp .dateArea02 {
  margin-bottom: 34px;
  padding: 12px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

#news .detialWrapp .date {
  display: inline;
  color: #666666;
  font-size: 14px;
}

#news .detialWrapp .category {
  display: inline;
}

#news .detialWrapp .category a {
  padding: 0 0 0 10px;
  color: #fd9580;
  font-weight: bold;
  font-size: 14px;
}

#news .detialWrapp .category a:hover {
  text-decoration: underline;
}

#news .detialWrapp .cont img {
  max-width: 100%;
  height: auto;
}

#news .detialWrapp h3 {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 1.5;
}

#news .detialWrapp .cont h4 {
  margin: 20px 0 0;
  border-bottom: 2px solid #4b4442;
  font-size: 24px;
}

#news .detialWrapp .cont h5 {
  margin: 20px 10px 0 ;
  border-bottom: 1px solid #fd9580;
  color: #fd9580;
  font-size: 20px;
}

#news .detialWrapp .cont p {
  padding: 15px 15px;
  font-size: 16px;
  line-height: 1.9;
}

#news .detialWrapp .backBtn {
  text-align: center;
}

#news .detialWrapp .backBtn a {
  padding: 10px 65px;
  border: 1px solid #fd927d;
  background: #fd927d;
  color: #ffffff;
}

#news .detialWrapp .backBtn a:hover {
  border: 1px solid #fd927d;
  background: #ffffff;
  color: #fd927d;
}


/*-----------------------------------------------------

	data　　公開情報

------------------------------------------------------*/

#data .contentsWrapp {
  max-width: 1200px;
  margin: auto;
}

#data .contentsWrapp #sec_01 {
  float: left;
  width: 850px;
}

#data .contentsWrapp #sec_01 .newsWrapp {
  margin: 0 0 30px;
}

#data .contentsWrapp #sec_01 li {
  position: relative;
  float: left;
  width: 425px;
  padding: 35px 38px 30px 0;
  border-bottom: solid 1px #dddddd;
  box-sizing: border-box;
  text-align: left;
}

#data .contentsWrapp #sec_01 li .wrapp {
  display: flex;
}

#data .contentsWrapp #sec_01 li .wrapp .pdfBtn {
  margin-right: 10px;
  transition-duration: .4s;
}

#data .contentsWrapp #sec_01 li:nth-child(2n) {
  float: right;
  padding: 35px 0 30px 38px;
  border-left: solid 1px #dddddd;
}

#data .contentsWrapp #sec_01 li .title {
  position: relative;
  margin-bottom: 2px;
  color: #666666;
  font-size: 18px;
  line-height: 1.5;
}

#data .contentsWrapp #sec_01 li .title::after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  border-bottom: solid 2px #ffd3ca;
  content: " ";
          transition: all .3s ease;

  -webkit-transition: all .3s ease;
}

#data .contentsWrapp #sec_01 li a:hover .title::after {
  width: 100%;
}


#data .contentsWrapp #sec_01 li .date {
  color: #666666;
  font-size: 13px;
}

#data .contentsWrapp #sec_01 li .txtArea {
  margin-bottom: .5rem;
  color: #777777;
  font-size: 14px;
}

#data .contentsWrapp #sec_01 li .detialBtn02 {
  text-align: right;
}

#data .contentsWrapp #sec_01 li a .detialBtn02 {
  display: inline-block;
  float: right;
  padding: 5px 10px;
  border: 1px solid #fd9580;
  color: #fd9580;
  font-size: 14px;
  transition-duration: .9s;
}

#data .contentsWrapp #sec_01 li:nth-child(odd) .badge {
  display: inline-block;
  top: 45px;
  left: -4px;
  margin-bottom: 10px;
  padding: 5px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
#data .contentsWrapp #sec_01 li:nth-child(even) .badge {
  display: inline-block;
  top: 45px;
  left: 30px;
  margin-bottom: 10px;
  padding: 5px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}

#data .contentsWrapp #sec_01 li .report {
  background: #ff6d9a!important;
}

#data .contentsWrapp #sec_01 li .statements {
  background: #ffa922!important;
}

#data .contentsWrapp #sec_01 li .list {
  background: #47aff8!important;
}

#data .contentsWrapp #sec_01 li .association {
  background: #42bb79!important;
}

/*hover*/

#data .contentsWrapp #sec_01 li a:hover .wrapp .pdfBtn {
  padding-left: 5px;
  transition-duration: .4s;
}

#data .contentsWrapp #sec_01 li a {
  display: block;
}

#data .contentsWrapp #sec_01 li a:hover .detialBtn02 {
  border: 1px solid #ffffff;
  background: #fd9580;
  color: #ffffff;
  transition-duration: .9s;
}



#data #sec_02 {
  float: right;
  width: 270px;
}

#data #sec_02 .ttl {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 2px solid #fd9580;
  color: #fd9580;
  font-size: 28px;
  line-height: 1.3;
  font-family: "Nunito","游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#data #sec_02 .ttl span {
  display: block;
  color: #483e3a;
  font-size: 12px;
}

#data #sec_02 ul {
  clear: both;
  margin-bottom: 45px;
}

#data #sec_02 .archiveArea ul {
  margin-bottom: 0;
}

#data #sec_02 li {
  margin: 15px 0 0;
  font-size: 14px;
  text-align: left;
  transition-duration: .4s;
}

#data #sec_02 li:first-child {
  margin: 0;
}

#data #sec_02 li a {
  display: block;
  color: #666666;
}


#data #sec_02 li .txtArea {
  float: right;
  width: 60%;
  transition-duration: .9s;
}

#data #sec_02 li .badge {
  display: inline-block;
  padding: 2px;
  background: #000000;
  color: #ffffff;
  font-size: 10px;
}

#data #sec_02 li .dateArea {
  display: inline-block;
  font-size: 12px;
}

#data #sec_02 li .ttleArea {
  margin: 5px 0;
  color: #777777;
  font-size: 13px;
}

#data #sec_02 .categoryArea ul li {
  font-size: 16px;
  text-align: center;
}
#data #sec_02 .archiveArea ul li {
  font-size: 16px;
  text-align: center;
}


/*hover*/
#data #sec_02 li a {
  display: block;
  width: 100%;
  transition-duration: .4s;
}

#data #sec_02 li a:hover .ttleArea, #data #sec_02 li a:hover {
  padding: 0 0 0 5px;
  color: #fd9580;
  transition-duration: .4s;
}


/***Detial****/

#data .detialWrapp {
  width: 1200px;
  margin: auto;
}

#data .detialWrapp #sec_01 {
  float: left;
  width: 850px;
  padding: 50px 0 80px;
  text-align: left;
}

#data .detialWrapp .dateArea02 {
  margin-bottom: 34px;
  padding: 12px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

#data .detialWrapp .date {
  display: inline;
  color: #666666;
  font-size: 14px;
}

#data .detialWrapp .category {
  display: inline;
}

#data .detialWrapp .category a {
  padding: 0 0 0 10px;
  color: #fd9580;
  font-weight: bold;
  font-size: 14px;
}

#data .detialWrapp .category a:hover {
  text-decoration: underline;
}

#data .detialWrapp .cont img {
  width: 100%;
}

#data .detialWrapp h3 {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 1.5;
}

#data .detialWrapp .cont h4 {
  margin: 20px 0 0;
  padding: 0 0 0 15px;
  background: url(../Image/common/icon_momo.png) no-repeat left;
  font-size: 24px;
}

#data .detialWrapp .cont h5 {
  margin: 20px 10px 0 ;
  border-bottom: 1px solid #fd9580;
  color: #fd9580;
  font-size: 20px;
}

#data .detialWrapp .cont p {
  padding: 15px 15px;
  font-size: 16px;
  line-height: 1.9;
}

#data .detialWrapp .backBtn {
  float: right;
}

#data .detialWrapp .backBtn a {
  padding: 10px 65px;
  border: 1px solid #fd927d;
  background: #fd927d;
  color: #ffffff;
}

#data .detialWrapp .backBtn a:hover {
  border: 1px solid #fd927d;
  background: #ffffff;
  color: #fd927d;
}

/*-----------------------------------------------------

	manual　　社内共有マニュアル

------------------------------------------------------*/
#data * {
  max-height: none;
}
#data .contentsWrapp #sec_01.manual_sec {
  width: 100%;
  margin-top: 50px;
}
#data .contentsWrapp #sec_01.manual_sec .movie iframe {
  width: 100%;
  margin-bottom: 80px;

  aspect-ratio: 16 / 9;
}
#data .contentsWrapp #sec_01.manual_sec ul {
  display: flex;
  flex-wrap: wrap;
}
#data .contentsWrapp #sec_01.manual_sec ul li {
  display: flex;
  align-items: center;
  width: calc(100% / 3);
  height: 50px;
  height: 110px;
  padding: 15px 20px !important;
}
#data .contentsWrapp #sec_01.manual_sec ul li .title.excel_type::after {
  border-bottom-color: #42bb79;
}
#data .contentsWrapp #sec_01.manual_sec ul li .title.word_type::after {
  border-bottom-color: #47aff8;
}
#data .contentsWrapp #sec_01.manual_sec ul li:nth-of-type(1n) {
  border-right: 1px solid #dddddd;
}
#data .contentsWrapp #sec_01.manual_sec ul li:nth-of-type(2n) {
  border-right: 1px solid #dddddd;
  border-left: none;
}
#data .contentsWrapp #sec_01.manual_sec ul li:nth-of-type(3n) {
  border-right: none;
  border-left: 1px solid #dddddd;
}
#data .contentsWrapp #sec_01.manual_sec ul li img {
  width: 50px;
  height: 50px;
}

/* 基本的なスタイルリセット */
.custom-login-form input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* メインのフォームのスタイル */
.custom-login-form {
  width: 100%;
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  background-color: #ffffff;
}

.custom-login-form h3.pageTtl02 {
  margin-bottom: 20px;
  text-align: center;
}

.custom-login-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.custom-login-form input[type="text"], .custom-login-form input[type="password"] {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.custom-login-form input[type="submit"] {
  width: 100%;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  background-color: #0073aa;
  color: #ffffff;
  cursor: pointer;
  transition: background-color .3s;
}

.custom-login-form input[type="submit"]:hover {
  background-color: #005a87;
}
.error {
  width: 100%;
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  background-color: #ffffff;
  color: #ff0000;
}
/*-----------------------------------------------------

	privacy　　プライバシーポリシー

------------------------------------------------------*/

#privacy #sec_01 {
  padding: 80px 0;
}

#privacy .secInner {
  width: 1000px;
  margin: auto;;
}

#privacy #sec_01 .lead {
  margin: 0 0 30px 0;
}

#privacy #sec_01 dl {
  padding: 60px;
  background: #fff2f0;
}

#privacy #sec_01 dt {
  margin: 0 0 15px 0;
}

#privacy #sec_01 dd {
  margin: 0 0 40px 0;
  line-height: 1.7;
  text-align: left;
}

#privacy #sec_01 dd:last-child {
  margin: 0;
}

#privacy #sec_01 .pageTtl03 {
  display: inline-block;
  position: relative;
  padding: 0 55px;
  font-weight: bold;
  font-size: 20px;
}


/*-----------------------------------------------------

	sitemap　　サイトマップ

------------------------------------------------------*/

#sitemap #sec_01 {
  padding: 80px 0;
}

#sitemap .secInner {
  width: 1000px;
  margin: auto;;
}

#sitemap #sec_01 ul {
  display: flex;
  flex-wrap: wrap;
}

#sitemap #sec_01 li {
  width: 31%;
  margin: 0 3% 3% 0;
}

#sitemap #sec_01 li a {
  display: block;
  padding: 25px;
  border-left: 3px solid #fd9580;
  box-sizing: border-box;
  background: #fdeae6;
  color: #483e3a;
  font-weight: bold;
}

#sitemap #sec_01 li:nth-child(3n) {
  margin: 0 0 3% 0;
}

#sitemap #sec_01 li:nth-child(4) a, #sitemap #sec_01 li:nth-child(5) a {
  padding: 39px 0 0 0;
  box-sizing: border-box;
}

#sitemap #sec_01 li:last-child {
  margin: 0;
}

/*hover*/

#sitemap #sec_01 li a:hover {
  background: #fd9580;
  color: #ffffff;
}



/*-----------------------------------------------------

	contact　　お問い合わせ

------------------------------------------------------*/

#contact #sec_01 {
  padding: 80px 0;
}

#contact #sec_01 .secInner {
  width: 1000px;
  margin: auto;
}

#contact .description p {
  margin: 0 0 20px 0;
  line-height: 1.7;
}

#contact #sec_01 table {
  font-size: 16px;
  line-height: 2.2;
  text-align: left;
}

#contact #sec_01 tbody {
  vertical-align: top;
}

#contact #sec_01 tr {
  border-bottom: 1px solid #d0cabf;
}

#contact #sec_01 th {
  width: 30%;
  padding: 15px 0;
  color: #312e2e;
  font-size: 15px;
  line-height: 1.7;
}

#contact #sec_01 th span {
  line-height: 2.1;
}

#contact #sec_01 td {
  width: 70%;
  padding: 15px 0 15px 30px;
  box-sizing: border-box;
  color: #312e2e;
  font-size: 15px;
  line-height: 2.2;
}


#contact #sec_01 .sheet_01 td li input, #contact #sec_01 .sheet_01 td li select {
  margin: 0 0 0 15px;
}

#contact #sec_01 .sheet_01 td input, #contact #sec_01 .sheet_01 td textarea, #contact #sec_01 .sheet_01 td li select, form#mailformpro label {
  color: #312e2e;
  line-height: 24px;
}
#contact #sec_01 .sheet_01 td input.long {
  width: 65%;
}
#contact #sec_01 .sheet_01 td input.middle {
  width: 45%;
}
#contact #sec_01 .sheet_01 td input.short {
  width: 30%;
}
/*#contact #sec_01 .sheet_01 td input[type="checkbox"] {
  display: inline-block;
  width: 1.1em;
  margin: 0 3px 0 3px;
  height: 28px;
}*/
#contact #sec_01 .sheet_01 td select {
  padding: 3px 8px;
  line-height: 24px;
  font-family: "メイリオ", Meiryo, sans-serif;
}
#contact #sec_01 .sheet_01 td textarea {
  width: 99% !important;
  height: 150px !important;
  box-sizing: border-box;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  resize: none;
}
#contact #sec_01 .mfp_buttons {
  padding: 30px 0 0;
}
#contact #sec_01 .mfp_buttons button {
  display: block;
  width: 280px;
  margin: 0 auto;
  padding: 12px 0;
  border: 2px solid #ef647c;
  border-radius: 0 !important;
  background: #ef647c;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  transition: .4s;
}
#contact #sec_01 .mfp_buttons button:hover {
  border: 2px solid #ef647c;
  background: #ffffff;
  color: #ef647c;
}
#contact .mfp_buttons {
  padding: 40px 0 0;
}


#contact input[type="radio"] {
  width: 1.1em;
  height: 1.1em;
}

#contact #sec_01 .sheet_01 td li {
  margin: 0 0 15px;
}

#contact #sec_01 .sheet_01 td li:last-child {
  margin: 0;
}

/*補助テキスト*/
#contact #sec_01 .sheet_01 td .support {
  margin: 0 0 0 8px;
  color: #737373;
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}


/*送信ボタン*/
#contact #sec_01 .mfp_buttons button, #contact #sec_01 #mfp_button_send {
  display: block;
  width: 280px;
  margin: 0 auto;
  padding: 12px 0;
  border: 2px solid #c74343;
  border-radius: 0 !important;
  background: #c74343;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  text-shadow: none;
  transition: .4s;
}
#contact #sec_01 .mfp_buttons button:hover, #contact #sec_01 #mfp_button_send:hover {
  border: 2px solid #c74343;
  background: #ffffff;
  color: #c74343;
}

#contact #sec_01 .mfp_buttons button#mfp_button_cancel {
  border: 2px solid #adadad;
  background: #adadad;
}
#contact #sec_01 .mfp_buttons button#mfp_button_cancel:hover {
  border: 2px solid #adadad;
  background: #ffffff;
  color: #adadad;
}

div.prefcodeResult {
  position: static;
}

/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* フォーム部品のボックスシャドウ打消し */
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
  padding: 5px 9px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
  padding-left: 0;
  background: none;
  color: #a03535;
  font-weight: bold;
  font-size: 13px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
  background-color: #efe3e3;
}
/* 入力OKのエフェクト */
div.mfp_ok {
  border-color: #ff7500;
  background-color: #ff7500;
  font-size: 12px;
}
/* チェックボックスのエフェクト打消し */
form#mailformpro label.mfp_not_checked {
  padding: 0;
  border: none;
}
form#mailformpro label.mfp_checked {
  padding: 0;
  border: none;
  background: none;
}
/* ボタンのエフェクト打消し */
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
  font-size: .8em;
  text-shadow: none;
}
/* 内容確認画面のテーブルを全幅 */
#mfp_confirm_table {
  width: 100% !important;
  margin: 0 auto;
}




/* 入力画面の「必須」のデザイン */
.must-fill {
  display: inline-block;
  float: right;
  margin: 7px 0 0 0;
  padding: 1px 8px;
  border-radius: 2px;
  background: #fb7358;
  color: #ffffff;
  font-size: .7em;
}
.not_must-fill {
  display: inline-block;
  float: right;
  margin: 7px 0 0 0;
  padding: 1px 8px;
  border-radius: 2px;
  background: #999999;
  color: #ffffff;
  font-size: .7em;
}

div.mfp_buttons {
  padding: 30px 0 10px;
}


/* 内容確認画面のテーブルのデザイン */

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 16px;
}

div#mfp_phase_confirm h4 {
  margin: 0 0 30px;
  color: #732323;
  font-size: 24px;
}

table#mfp_confirm_table tr.mfp_achroma, .mfp_achroma, #contact #sec_01 tr {
  background: none;
}


/*ボタン装飾*/
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  display: inline-block;
  position: relative;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #ffeeeb;
  vertical-align: middle;
  cursor: pointer;
          transition: background-color .2s linear;

  -webkit-transition: background-color .2s linear;
}
.radio:hover, .checkbox:hover {
  background-color: #ffd3ca;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #ff6748;
}
.radio:after, .checkbox:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  border: 2px solid #bbbbbb;
  border-radius: 6px;
  content: "";
          transition: border-color .2s linear;

  -webkit-transition: border-color .2s linear;
}

.radio:before {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #53b300;
  content: "";
          transition: opacity .2s linear;

  -webkit-transition: opacity .2s linear;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 21px;
          transform: rotate(45deg);
  width: 5px;
  height: 9px;
  margin-top: -7px;
  border-right: 3px solid #ff522f;
  border-bottom: 3px solid #ff522f;
  content: "";
          transition: opacity .2s linear;

  -webkit-transition: opacity .2s linear;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}



/*=======サンクスページ=======*/

.thanks_ctn {
  width: 1100px;
  margin: auto;
  padding: 80px 0;
  line-height: 1.7;
}

.thanks_ctn p {
  margin: 0 0 40px 0;
  line-height: 1.7;
}

/*-----------------------------------------------------

	privacypolicy　　プライバシーポリシー

------------------------------------------------------*/

#privacy {
  text-align: left;
}

#privacy #sec_01 {
  padding: 60px 0;
}

#privacy .sec_inner {
  width: 1100px;
  margin: auto;
}

#privacy #sec_01 .txt, #privacy #sec_01 dl {
  margin: 0 0 30px 0;
  line-height: 1.7;
  text-align: left;
}

#privacy #sec_01 dd {
  margin: 0 0 45px 0;
  box-sizing: border-box;
}



/*-----------------------------------------------------
  ブログなどのページャー（Wordpress）
------------------------------------------------------*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
  text-align: center;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a {
  display: inline-block!important;
  margin-right: 4px!important;
  padding: 0 10px!important;
  border: 1px solid #fd9580!important;
  background: #ffffff!important;
  color: #fd9580!important;
  line-height: 1.8!important;
  text-decoration: none!important;
}
/* ボタン<a>タグのホバー時のデザイン */
.wp-pagenavi a:hover {
  background: #fd9580!important;
  color: #ffffff!important;
  text-decoration: none!important;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current {
  display: inline-block!important;
  margin-right: 4px!important;
  padding: 0 10px!important;
  border: 1px solid #fd9580!important;
  background: #fd9580!important;
  color: #ffffff!important;
  line-height: 1.8!important;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
  background: none!important;
  color: #444444!important;
  font-weight: bold!important;
  line-height: 1.8!important;
}