@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/*############　各幅　############*/
/*######　よう使われると思われる　######*/
/* @include border-radius(2px); */
/*############　基本　############*/
body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, li,
table, th, td, embed, object {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: 1.5px;
  font-feature-settings: "palt" 1;
  font-kerning: auto;
  color: #6C6660;
  line-height: 150%;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  font-size: 15px;
}

body {
  background-color: #fffbf5;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

ul, ol {
  vertical-align: baseline;
}

b {
  font-weight: bold;
}

.toppage h3 {
  font-family: "Mplus 1p", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  font-size: 160%;
  color: #6C6660;
  font-weight: bold;
}

h3 {
  font-family: "Mplus 1p", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  font-size: 25px;
  color: #6C6660;
  font-weight: bold;
  background-image: url(../../../../../img/2nd/h3_midasi_bottom.png);
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 30px;
  margin: 40px 0px;
}

.anchor {
  display: block;
  padding-top: 40px !important;
  margin-top: -40px !important;
}

.second_page h2 {
  letter-spacing: 1.5px;
  font-family: "Mplus 1p", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  font-size: 25px;
  font-weight: bold;
  color: #6C6660;
  background-image: url(../../../../../img/2nd/midasi_bottom.png);
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 40px;
  padding: 0;
  margin: 25px auto 15px auto;
}
.second_page h3 {
  font-family: "Mplus 1p", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  font-size: 25px;
  color: #6C6660;
  font-weight: bold;
  background-image: url(../../../../../img/2nd/h3_midasi_bottom.png);
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 30px;
  margin: 40px 0px 40px 0px;
}
.second_page .page_nav {
  background-color: #F9DAD9;
  padding: 10px 0px 10px 60px;
  text-align: left;
}
.second_page .page_nav li a:before {
  content: "\f0d7"; /* ←ここにリストマーカーにしたい文字列を設定 */
  font-family: FontAwesome;
  margin-left: -15px; /* 3文字分、左に寄せる */
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -12px;
}
.second_page .page_nav li {
  display: inline-block;
  padding: 0 20px 0 10px;
  position: relative;
}
.second_page .page_nav li a {
  color: #6C6660;
  transition: all 0.3s ease;
}
.second_page .page_nav li a:hover {
  color: #E85A7D;
}
.second_page .l400 {
  display: inline-block;
  width: 400px;
  float: left;
  text-align: left;
}
.second_page .l330 {
  display: table-cell;
  width: 320px;
  text-align: left;
  vertical-align: middle;
}
.second_page .r480 {
  display: inline-block;
  width: 490px;
  float: right;
  text-align: left;
}
.second_page .r630 {
  display: inline-block;
  width: 630px;
  float: right;
  text-align: left;
}
.second_page .r570 {
  display: table-cell;
  width: 570px;
  text-align: left;
}
.second_page .no03 {
  display: inline-block;
  margin-left: 15px;
  width: 570px;
  float: right;
}
.second_page .cont_p_p1 p {
  padding-top: 1px;
}
.second_page .dpib {
  display: inline-block;
}
.second_page .dtbc {
  display: table-cell;
}
.second_page .mart10 {
  margin-top: 10px;
}
.second_page .mart20 {
  margin-top: 20px;
}
.second_page .mart30 {
  margin-top: 30px;
}
.second_page .mart50 {
  margin-top: 50px;
}
.second_page .mart40 {
  margin-top: 40px;
}
.second_page .t_cen {
  text-align: center;
}
.second_page .note {
  display: block;
  margin-top: 5px;
}
.second_page .note p {
  border-bottom: 1px dashed #BCB9B1;
  margin: 3px 0;
}
.second_page .note p a {
  transition: all 0.3s ease;
}
.second_page .note p a:link {
  color: #6C6660;
  text-decoration: none;
}
.second_page .note p a:visited {
  color: #6C6660;
  text-decoration: none;
}
.second_page .note p a:hover {
  color: #0DB7D6;
  text-decoration: none;
}
.second_page .note p a:active {
  color: #0DB7D6;
  text-decoration: none;
}
.second_page .note span {
  color: #EF8100;
  width: 90px;
  display: inline-block;
}
.second_page .l240 {
  display: inline-block;
  width: 240px;
  float: left;
  text-align: left;
}
.second_page .r630 {
  display: inline-block;
  width: 615px;
  float: right;
  text-align: left;
}

.w100 {
  width: 100%;
}

.fsiz10 {
  font-size: 10px;
}

.fsiz11 {
  font-size: 11px;
}

.fsiz12 {
  font-size: 12px;
}

.mart_m10 {
  margin-top: -10px;
}

.mart30 {
  margin-top: 30px;
}

.mart40 {
  margin-top: 40px;
}

.marb25 {
  margin-bottom: 25px;
}

.marb40 {
  margin-bottom: 40px;
}

.marb100 {
  margin-bottom: 100px;
}

.mart7 {
  margin-top: 7px;
}

.lineheight17 {
  line-height: 170%;
}

.textju {
  text-align: justify;
  text-justify: inter-ideograph;
}

.t_orange {
  color: #F08200;
}

.t_pink {
  color: #EA5B7E;
}

.floor_btn {
  width: 100%;
  margin: 25px 50px 100px 50px;
}
.floor_btn li {
  display: inline-block;
  width: 14.25%;
}
.floor_btn .fmap01 {
  background-image: url(../../../../../../img/2nd/about/btn_map_01_on.png);
  background-repeat: no-repeat;
}
.floor_btn .fmap02 {
  background-image: url(../../../../../../img/2nd/about/btn_map_02_on.png);
  background-repeat: no-repeat;
}
.floor_btn .fmap03 {
  background-image: url(../../../../../../img/2nd/about/btn_map_03_on.png);
  background-repeat: no-repeat;
}
.floor_btn .fmap04 {
  background-image: url(../../../../../../img/2nd/about/btn_map_04_on.png);
  background-repeat: no-repeat;
}
.floor_btn .fmap05 {
  background-image: url(../../../../../../img/2nd/about/btn_map_05_on.png);
  background-repeat: no-repeat;
}
.floor_btn .fmap06 {
  background-image: url(../../../../../../img/2nd/about/btn_map_06_on.png);
  background-repeat: no-repeat;
}
.floor_btn li a:hover img {
  opacity: 0;
}
.floor_btn li a img {
  transition: opacity 0.3s ease-in;
}
.floor_btn .gme_on a img {
  opacity: 0;
}

.second_back01 {
  background: url("../../../../../img/2nd/about/2nd_back01.png") no-repeat;
  background-position: 50% 100%;
  width: 100%;
  z-index: 1;
  max-width: 900px;
  margin: -90px -180px -90px -180px;
  padding: 90px 180px;
}

.second_back02 {
  background: url("../../../../../img/2nd/about/2nd_back02.png") no-repeat;
  background-position: 50% 60%;
  width: 100%;
  z-index: 1;
  margin: -90px -180px -90px -180px;
  max-width: 900px;
  padding: 90px 180px;
}

.second_back03 {
  background: url("../../../../../img/2nd/about/2nd_back03.png") no-repeat;
  background-position: 50% 0%;
  width: 100%;
  z-index: 1;
  margin: -90px -180px -90px -180px;
  max-width: 900px;
  padding: 90px 180px;
}

.second_back04 {
  background: url("../../../../../img/2nd/about/2nd_back04.png") no-repeat;
  background-position: 50% 0%;
  width: 100%;
  z-index: 1;
  margin: -35px -180px -35px -180px;
  max-width: 900px;
  padding: 35px 180px;
}

.second_back05 {
  background: url("../../../../../img/2nd/about/2nd_back05.png") no-repeat;
  background-position: 50% 30%;
  width: 100%;
  z-index: 1;
  margin: 0px -140px 0px -140px;
  max-width: 900px;
  padding: 0px 140px;
}

.top_img_back {
  background: url("../../../../../img/2nd/about/2nd_main_back.png") no-repeat;
  background-position: 50% 100%;
  width: 100%;
  max-width: 900px;
  z-index: 1;
  margin: -90px -180px -90px -180px;
  padding: 90px 180px;
}

.alfa80 :hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.second_head {
  background: rgb(255, 252, 245);
  position: fixed;
  justify-content: space-between;
  transition: 0.5s;
  z-index: 10;
  margin: 0px -100% 0 -100%;
  padding: 0 100%;
}
.second_head .transform {
  background: rgba(255, 252, 245, 0.9);
  padding: 20px;
}
.second_head .head_llogo {
  display: inline-block;
  margin-left: 35px;
  width: 340px;
}
.second_head .head_add {
  display: inline-block;
  margin-left: 10px;
}
.second_head .head_tel {
  display: inline-block;
  margin-left: 10px;
}

.top_logo {
  background: rgb(255, 252, 245);
  position: fixed;
  justify-content: space-between;
  transition: 0.5s;
  z-index: 10;
  margin: 0px -180px 0 -180px;
  padding: 0 180px;
}
.top_logo .head_llogo {
  display: inline-block;
  margin-left: 35px;
  width: 340px;
}
.top_logo .head_add {
  display: inline-block;
  margin-left: 10px;
}
.top_logo .head_tel {
  display: inline-block;
  margin-left: 10px;
}

address {
  font-family: "Mplus 1p";
}

.c_red {
  color: #EF8100;
}

.ta_red a:hover {
  color: #EF8100;
}
.ta_red a:visited {
  color: #EF8100;
}

.par_dl a::before {
  content: "PDF";
  margin: 5px 10px 5px 60px;
  color: #fff;
  background: #E85A7D;
  padding: 3px 10px;
  font-size: 12px;
}
.par_dl a:hover {
  color: #E85A7D;
}

.parents_back01 {
  background: url("../../../../../img/2nd/to_parents/back01.png") no-repeat;
  background-position: 0% 0%;
  width: 100%;
  max-width: 900px;
  z-index: 1;
  margin: -80px -180px -80px -180px;
  padding: 80px 180px;
}

.parents_back02_n {
  background: url("../../../../../img/2nd/to_parents/back02.png") no-repeat;
  background-position: 50% 50%;
  width: 100%;
  max-width: 900px;
  z-index: 1;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.motimono .w33 {
  width: 33.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  max-width: 295px;
  display: table-cell;
  vertical-align: top;
  padding-top: 20px;
  padding-left: 13px;
}

.marl40 {
  margin-left: 40px;
}

.motimono_tbl {
  width: 50%;
  border-top: 1px solid #6D6760;
  border-left: 1px solid #6D6760 !important;
  margin-left: 40px;
}
.motimono_tbl th, .motimono_tbl td {
  text-align: center;
  border-right: 1px solid #6D6760;
  border-bottom: 1px solid #6D6760;
}
.motimono_tbl .yellow {
  background: #FFEF8A;
}
.motimono_tbl .pink {
  background: #F9D3E3;
}
.motimono_tbl tr:nth-child(odd) {
  background: #ECE7DC;
}

/*############　教育と保育　############*/
.childcare_back01, .childcare_back02,
.childcare_back03, .childcare_back04,
.childcare_back05, .childcare_back06,
.childcare_back07, .childcare_back08,
.childcare_back09 {
  width: 100%;
  max-width: 900px;
  z-index: 1;
}

.childcare_back01 {
  background: url("../../../../../img/2nd/childcare/2nd_back01.png") no-repeat;
  background-position: 0% 44%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.childcare_back02 {
  background: url("../../../../../img/2nd/childcare/2nd_back02.png") no-repeat;
  background-position: 100% 0%;
  margin: -150px -280px -150px -280px;
  padding: 150px 280px;
}

.childcare_back03 {
  background: url("../../../../../img/2nd/childcare/2nd_back03.png") no-repeat;
  background-position: 54% 63%;
  margin: -80px -180px -80px -180px;
  padding: 80px 180px;
}

.childcare_back04 {
  background: url("../../../../../img/2nd/childcare/2nd_back04.png") no-repeat;
  background-position: 55% 55%;
  margin: -80px -180px -80px -180px;
  padding: 80px 180px;
}

.childcare_back05 {
  background: url("../../../../../img/2nd/childcare/2nd_back05.png") no-repeat;
  background-position: 54% 64%;
  margin: -80px -180px -80px -180px;
  padding: 80px 180px;
}

.childcare_back06 {
  background: url("../../../../../img/2nd/childcare/2nd_back06.png") no-repeat;
  background-position: 80% 90%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.childcare_back07 {
  background: url("../../../../../img/2nd/childcare/2nd_back07.png") no-repeat;
  background-position: 40% 70%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.childcare_back08 {
  background: url("../../../../../img/2nd/childcare/2nd_back08.png") no-repeat;
  background-position: 30% 40%;
  margin: -20px -180px -20px -180px;
  padding: 20px 180px;
}

.childcare_back09 {
  background: url("../../../../../img/2nd/childcare/2nd_back09.png") no-repeat;
  background-position: 50% 15%;
  margin: -20px -180px -20px -180px;
  padding: 20px 180px;
}

.chiled_limg {
  margin: 10px;
  text-align: center;
}

.mov_youtube {
  margin-top: 45px;
}
.mov_youtube div:first-child {
  margin-right: 70px;
}

.youtube {
  display: inline-block;
  width: 49%;
  max-width: 410px;
  padding-top: 50px auto;
}

.cont_chance {
  margin-top: 15px;
  font-size: 18px;
  text-align: center;
}

.btn_w230 {
  width: 230px;
  display: inline-block;
  text-align: center;
}

.spring .item:nth-child(2),
.spring .item:nth-child(3), .summer .item:nth-child(2),
.summer .item:nth-child(3), .autumn .item:nth-child(2),
.autumn .item:nth-child(3), .winter .item:nth-child(2),
.winter .item:nth-child(3) {
  margin-right: 30px;
}

.item {
  width: 33.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  display: inline-block;
  max-width: 270px;
}

.title {
  color: white;
}

.spring_title, .summer_title,
.autumn_title, .winter_title {
  font-size: 35px;
  font-family: "Mplus 1p", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  margin-top: 60px;
  margin-bottom: 15px;
}

.spring_title {
  color: #F09BA5;
}

.summer_title {
  color: #8AC56C;
}

.autumn_title {
  color: #F2971B;
}

.winter_title {
  color: #81C0E9;
}

.spring .title, .summer .title,
.autumn .title, .winter .title {
  border-radius: 15px;
  margin: 0 10px;
}

.spring .title {
  background-color: #F09BA5;
}

.summer .title {
  background-color: #8AC56C;
}

.autumn .title {
  background-color: #F2971B;
}

.winter .title {
  background-color: #81C0E9;
}

.fbcom {
  font-size: 155%;
}

/*############　採用情報　############*/
.adoption_back01 {
  background: url("../../../../../img/2nd/adoption/back01.png") no-repeat;
  background-position: 0% 130%;
  margin: 0px -150px 0px -150px;
  padding: 0px 150px;
}

.mat10 {
  margin-top: 10px;
}

.getPostStringArea {
  background-color: white;
  border: 1px solid #BCB9B1;
  padding: 30px 50px;
}

.saiyo_title {
  margin: 10px 0;
}

.saiyo_Content {
  text-align: left;
  margin: 10px 0;
}

.saiyo_date {
  text-align: right;
  font-size: 80%;
  margin: 10px 0;
}

.bosyu {
  text-align: center;
}

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

.adoption .notes {
  display: block;
}
.adoption .notes p {
  padding: 7px 0;
}
.adoption .notes .dotted {
  border-bottom: 1px dashed #BCB9B1;
}
.adoption .notes .border_adop_top {
  border-top: 1px solid #9C9A93;
}
.adoption .notes .border_adop_bottom {
  border-bottom: 1px solid #9C9A93;
}
.adoption .notes .ad_title {
  width: 120px;
  display: inline-block;
  color: #6C6660;
}
.adoption .notes .ad_cont {
  display: inline-block;
  color: #6C6660;
}
.adoption .to_inq {
  color: #F08200;
}
.adoption .bosyu_cont {
  display: inline-block;
  margin: 70px 0 20px 0;
}
.adoption .bosyu_inqbtn {
  margin: 10px 0 0px 0;
  text-align: right;
}

/*############　inquery　############*/
.hidden_box {
  margin: 2em 0; /*前後の余白*/
  padding: 0;
}

/*ボタン装飾*/
.hidden_box label p {
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
}

/*ボタンホバー時*/
.hidden_box label p:hover {
  background: #efefef;
}

.inquery label p:before {
  content: "\f0d7";
  /* ←ここにリストマーカーにしたい文字列を設定 */
  font-family: FontAwesome;
  margin-left: 0px;
  /* 3文字分、左に寄せる */
  left: 10px;
  margin-top: -12px;
}

/*チェックは見えなくする*/
.hidden_box input {
  display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

dl {
  border-left: 15px solid #FFEF8A;
  margin: 15px 0;
  padding: 10px;
  background-color: #FFF;
}

dt::before {
  content: "Q.";
}

dt {
  color: #EA5B7E;
  font-size: 16px;
  font-weight: bold;
}

dd {
  padding-left: 15px;
}

.marb20 {
  margin-bottom: 20px;
}

.inquery_btn {
  width: 100%;
  background-color: #EA5B7E;
  color: white;
  padding: 5px 0;
  text-align: center;
  border: 0;
}

.inquery table {
  width: 795px;
  margin: 0 auto;
  table-layout: fixed;
}
.inquery table tr {
  margin: 10px 0;
}
.inquery table th {
  width: 220px;
}
.inquery table td {
  padding: 8px 0;
}

input[type=email], input[type=text], textarea {
  outline: none;
  border: 1px solid #aaa;
  transition: all 0.3s;
  width: 97%;
  padding: 1%;
}

.inquery_back01 {
  background: url("../../../../../img/2nd/inquery/back01.png") no-repeat;
  background-position: 0% -6%;
  margin: -100px -200px -40px -200px;
  padding: 100px 200px;
}

.inquery_back02 {
  background: url("../../../../../img/2nd/inquery/back02.png") no-repeat;
  background-position: 30% 80%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.inquery_back03 {
  background: url("../../../../../img/2nd/inquery/back03.png") no-repeat;
  background-position: 0% 0%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

.inquery_back04 {
  background: url("../../../../../img/2nd/inquery/back04.png") no-repeat;
  background-position: 100% 35%;
  margin: -130px -180px -130px -180px;
  padding: 130px 180px;
}

.inquery_back05 {
  background: url("../../../../../img/2nd/inquery/back05.png") no-repeat;
  background-position: 0% 35%;
  margin: 0px -180px 0px -180px;
  padding: 0px 180px;
}

/*############　header　############*/
/*############　top slide　############*/
.slider {
  width: 900px;
  margin: 110px auto 0px;
}

.slider img {
  width: 920px;
  max-width: 924px;
  height: auto;
}

#mask {
  background: url("../../../../../img/slide_mask.png") no-repeat;
  background-position: 50% 50%;
  width: 100%;
  max-width: 900px;
  z-index: 1;
  position: absolute;
  margin: 0 -140px;
  padding: 0 140px;
}

.header_top {
  z-index: 5;
  text-align: center;
  position: relative;
  width: 810px;
}

#header_add {
  z-index: 3;
  position: relative;
  display: inline-block;
  text-align: right;
  top: 50px;
  right: 0px;
  width: 100%;
}

#header_logo {
  z-index: 3;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  top: 50px;
  width: 100%;
}
/*############　animation　############*/
.scroll {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.scroll div {
  list-style: none;
  transition: 1.5s;
  /* margin: 0 0 50px; */
}

.scroll img {
  width: 100%;
  /* margin: 10px 0 0 ; */
}

.fade_in {
  opacity: 0;
}

.fade_in_anime {
  opacity: 1;
  transition: 1.5s;
}

.up {
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  opacity: 0;
  transition: 1.5s;
}

.up_anime {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
  transition: 1.5s;
}

.side {
  transform: translate(10px, 0);
  -webkit-transform: translate(10px, 0);
  opacity: 0;
}

.side_anime {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
  transition: 1.5s;
}

/*############　gmenu　############*/
#gmenu {
  margin: 0px auto 10px auto;
  width: 100%;
  max-width: 960px;
  max-height: 100px;
  margin: 100px auto 0 auto;
  /* global navi rollover
  ----------------------*/
}
#gmenu ul {
  padding: 0px;
  width: 900px;
  margin: 0px auto 0 auto;
  height: 80px;
  text-align: center;
}
#gmenu ul li {
  position: relative;
}
#gmenu .top_menu {
  margin: -70px auto 0px auto;
  /* global navi normal
  ---------------------*/
}
#gmenu .top_menu .menu01 {
  top: -25px;
  margin-left: -10px;
}
#gmenu .top_menu .menu02 {
  top: -30px;
  margin-left: 0px;
}
#gmenu .top_menu .menu03 {
  top: -5px;
  margin-left: 8px;
}
#gmenu .top_menu .menu04 {
  top: 15px;
  margin-left: 8px;
}
#gmenu .top_menu .menu05 {
  top: 4px;
  margin-left: 8px;
}
#gmenu .top_menu .menu06 {
  top: -30px;
  margin-left: 8px;
}
#gmenu .top_menu .menu01 {
  background-image: url(../../../../../../img/btn01_on.png);
  background-repeat: no-repeat;
}
#gmenu .top_menu .menu02 {
  background-image: url(../../../../../../img/btn02_on.png);
  background-repeat: no-repeat;
}
#gmenu .top_menu .menu03 {
  background-image: url(../../../../../../img/btn03_on.png);
  background-repeat: no-repeat;
}
#gmenu .top_menu .menu04 {
  background-image: url(../../../../../../img/btn04_on.png);
  background-repeat: no-repeat;
}
#gmenu .top_menu .menu05 {
  background-image: url(../../../../../../img/btn05_on.png);
  background-repeat: no-repeat;
}
#gmenu .top_menu .menu06 {
  background-image: url(../../../../../../img/btn06_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu li {
  width: 12.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 6);
  width: 16.6666666667%;
}
#gmenu .second_menu .menu01 {
  background-image: url(../../../../../../img/2nd/btn01_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu02 {
  background-image: url(../../../../../../img/2nd/btn02_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu03 {
  background-image: url(../../../../../../img/2nd/btn03_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu04 {
  background-image: url(../../../../../../img/2nd/btn04_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu05 {
  background-image: url(../../../../../../img/2nd/btn05_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu06 {
  background-image: url(../../../../../../img/2nd/btn06_on.png);
  background-repeat: no-repeat;
}
#gmenu .second_menu .menu01, #gmenu .second_menu .menu02,
#gmenu .second_menu .menu03, #gmenu .second_menu .menu04,
#gmenu .second_menu .menu05, #gmenu .second_menu .menu06 {
  top: 0px;
  display: inline-block;
}
#gmenu .menu {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0 auto;
}
#gmenu .menu li {
  display: inline-block;
}
#gmenu .active {
  display: block;
}
#gmenu .menu {
  float: right;
}
#gmenu .menu ul li {
  display: inline-block;
  text-align: right;
  padding: 28px 10px 0 10px;
}
#gmenu .category1, #gmenu .category2, #gmenu .category3, #gmenu .category4, #gmenu .category5, #gmenu .category6 {
  display: none;
}
#gmenu .menu ul li {
  display: inline-block;
  text-align: right;
  padding: 28px 10px 0 100px;
  position: relative;
  height: 20px;
}
#gmenu .category1, #gmenu .category2, #gmenu .category3, #gmenu .category4, #gmenu .category5, #gmenu .category6 {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
}
#gmenu .category1 ul li {
  border: 1px solid red;
}
#gmenu li a:hover img {
  opacity: 0;
}
#gmenu .category2 li a,
#gmenu .category3 li a,
#gmenu .category4 li a,
#gmenu .category5 li a,
#gmenu .category6 li a {
  opacity: 1;
  border-radius: 13px;
  display: inline-block;
  border: 2px solid #BCB9B1;
  width: 95%;
  max-width: 122px;
  text-align: center;
  padding: 2px 0px;
  margin: 1px 0px;
  background-color: white;
  font-size: 78%;
  font-weight: bold;
}
#gmenu li a img {
  transition: opacity 0.3s ease-in;
  width: 100%;
}
#gmenu .category1 li a {
  opacity: 1;
  color: gray;
}
#gmenu .menu01, #gmenu .menu02, #gmenu .menu03, #gmenu .menu04, #gmenu .menu05, #gmenu .menu06 {
  display: inline-block;
  max-width: 144px;
  width: 15%;
  background-size: 100%;
  text-align: center;
  z-index: 1;
}
#gmenu .menu02 a:hover img {
  opacity: 0;
}
#gmenu li a:hover img {
  opacity: 0;
  width: 100%;
}
#gmenu li a img {
  transition: opacity 0.3s ease-in;
}
#gmenu .gme_on a img {
  opacity: 0;
}
#gmenu li a:link {
  color: #6D6760;
  text-decoration: none;
}
#gmenu li a:visited {
  color: #6D6760;
  text-decoration: none;
}
#gmenu li a:hover {
  color: #EE7700;
  text-decoration: none;
}
#gmenu li a:active {
  color: #EE7700;
  text-decoration: none;
}

/*############　page width　############*/
.contents {
  display: inline-block;
  width: 100%;
}

.contents_main {
  width: 100%;
}

.page_cont {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.cont {
  text-aliign: left;
}

/*############　top news　############*/
#main_contents {
  background-size: contain;
  width: 100%;
}
#main_contents .main_center {
  width: 900px;
  margin: 0 auto;
  padding-top: 55px;
}
#main_contents .main_center .lcm {
  width: 545px;
  display: inline-block;
  text-align: left;
  float: left;
  vertical-align: top;
  text-align: justify;
  text-justify: inter-ideograph;
}
#main_contents .main_center .lcm h3 {
  font-size: 23px;
  font-weight: bold;
  color: #9B9992;
  margin-bottom: 10px;
  text-indent: 0;
}
#main_contents .main_center .rcm {
  width: 326px;
  display: inline-block;
  float: right;
  vertical-align: top;
  margin-top: 35px;
}
#main_contents .main_center .rcm img {
  width: 100%;
}

.page_2nd .news_data li {
  background: url(../../../../../img/top/topic_ico.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  text-indent: 15px;
}
.page_2nd .news_data li .title {
  display: inline-block;
  width: 15%;
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  padding: 0 10px;
}
.page_2nd .news_data li .cont {
  display: inline-block;
  width: 65%;
  text-align: left;
}

/*############　幅　############*/
.w15p {
  width: 15%;
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25%;
}

.w60p {
  width: 60%;
}

/*############　枠　############*/
/*############　page　############*/
.contents_main .icon {
  display: inline-block;
  width: 50px;
  height: 30px;
  background: url(../../../../../img/top/topic_ico.png) no-repeat 50% 50%;
  vertical-align: top;
}

.contents_main .iconcont {
  display: inline-block;
  width: 93%;
  text-align: justify;
}

.contents_main .no_icon {
  display: inline-block;
  width: 50px;
  height: 30px;
  vertical-align: top;
}

.main_about {
  background-image: url(../../../../../img/page/about/main_head.png), url(../../../../../img/page/about/main_foot.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0%, 50% 100%;
  margin: 50px auto;
  line-height: 180%;
  padding: 90px 0 80px 0;
  text-align: center;
}
.main_about .title {
  margin: -85px auto 0 auto;
  padding: 0 0 0px 0;
  text-align: center;
}
.main_about .main_cnt {
  margin: 50px auto 0 auto;
}
.main_about .seitei {
  margin: 30px 120px 0 0;
  text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
  font-weight: bold;
  text-align: right;
}

/*#　main_about　#*/
#gallery-1 img {
  padding: 7px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.2); /* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}

.qa {
  width: 100%;
  counter-reset: number;
}
.qa dt {
  background: #fff; /* 「Q」タイトルの背景色 */
  padding: 8px;
}
.qa dt:before {
  counter-increment: number;
  content: "Q" counter(number) ".";
  font-weight: bold;
  margin-right: 8px;
  color: #8CC63F;
}
.qa dd {
  margin: 0px 16px 30px 32px;
  line-height: 140%;
  text-indent: -24px;
}
.qa dd:before {
  content: "A.";
  font-weight: bold;
  margin-right: 8px;
  color: #FF82AB;
}

/*#　qa　#*/
/*############　h　############*/
.over_ul, .saiyo {
  width: 90%;
  margin: 0 auto;
}

/*=============================================*/
/* contents*/
/*=============================================*/
#wrapper {
  /*box-shadow: 0 7px 4px -5px #dadada inset;*/
  padding-top: 0px;
  width: 900px;
  min-width: 900px;
  margin: 0 auto;
  background-color: #fffbf5;
}

#container {
  margin: 30px 0px;
}

#main_contents {
  width: 900px;
  margin: -30px auto 0 auto;
}

.back01 {
  background-image: url(../../../../../img/topic_back01.png);
  background-repeat: no-repeat;
  background-position: 40px 0px;
  margin: 0 -160px;
  padding: 0 160px;
  width: 900px;
  overflow: hidden;
}

.back02 {
  background-image: url(../../../../../img/topic_back02.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 -160px;
  padding: 0 160px;
  overflow: hidden;
}

.back03 {
  background-image: url(../../../../../img/topic_back03.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 -160px;
  padding: 0 160px;
  overflow: hidden;
}

.main_second {
  margin: 60px auto;
  width: 900px;
}
.main_second .news {
  width: 100%;
  float: left;
  margin-left: -5px;
  display: inline-block;
  background-image: url(../../../../../img/top/topic_top.png), url(../../../../../img/top/topic_bottom.png);
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: white;
}
.main_second .news .news_head {
  text-align: center;
  margin-top: 15px;
}
.main_second .news .news_data {
  margin-top: 10px;
  padding: 0px 20px;
  text-align: left;
}
.main_second .news .news_data .title {
  font-size: 18px;
  height: 25px;
  margin-left: 25px;
  display: inline-block;
}
.main_second .news .news_data .tpdate {
  display: inline-block;
  width: 140px;
}
.main_second .news .news_data .cont {
  display: inline-block;
}
.main_second .news .news_data li {
  width: 90%;
  border-bottom: 1px dashed #fdd64f;
  margin: 3px auto;
  padding: 0 10px;
}
.main_second .news .news_data a {
  transition: all 0.3s ease;
}
.main_second .news .news_data a:link {
  color: #6C6660;
  text-decoration: none;
}
.main_second .news .news_data a:visited {
  color: #6C6660;
  text-decoration: none;
}
.main_second .news .news_data a:hover {
  color: #EF8100;
  text-decoration: none;
}
.main_second .news .news_data a:active {
  color: #EF8100;
  text-decoration: none;
}
.main_second .news .topic_btn {
  text-align: right;
  margin-right: 15px;
  margin-top: 20px;
}
.main_second.kindergarten {
  margin-top: 0;
}
.main_second.kindergarten .news {
  background-image: url(../../../../../img/2nd/to_parents/kindergarten_top.png), url(../../../../../img/2nd/to_parents/kindergarten_bottom.png);
}
.main_second.kindergarten .news .news_head {
  margin-top: 30px;
}
.main_second.kindergarten .news .news_data li {
  border-color: #f09199;
}

.main_third {
  margin: 10px auto 60px auto;
  width: 900px;
}

.w50 {
  width: 49%;
}

.news_data {
  margin: 10px 0 30px 0;
}

.alltopic {
  width: 90%;
  margin: 20px auto;
}
.alltopic .date {
  color: #AECE00;
  font-size: 80%;
}
.alltopic .t_title {
  font-size: 140%;
  margin-bottom: 20px;
}
.alltopic .t_cont {
  text-align: left;
  text-align: justify;
  line-height: 170%;
}
.alltopic .t_cont p {
  text-align: justify;
  line-height: 170%;
}

/*=============================================*/
/* footer*/
/* =============================================*/
footer {
  width: 100%;
  height: 50px;
  padding-top: 50px;
  background-image: url(../../../../../img/foot_nami.png);
  background-repeat: repeat-x;
  background-position: 0% 0%;
  margin-top: -30px;
}
footer p {
  color: #fffbf5;
}

.bottom_logo {
  width: 100%;
}

.footer_link {
  width: 100%;
  margin: 40px auto;
  max-width: 750px;
}
.footer_link p {
  width: 19%;
  display: inline-block;
  text-align: center;
  color: #BCB9B1;
}
.footer_link p a {
  color: #BCB9B1;
}
.footer_link p a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

#page-top {
  position: fixed;
  bottom: 25px;
  right: 20px;
  display: none;
  z-index: 11;
}

@-webkit-keyframes RightToLeft {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(30px); /* Y軸方向に50px */
  }
  100% {
    opacity: 1; /* 不透明 */
    transform: translateY(0);
  }
}

@keyframes RightToLeft {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(30px); /* Y軸方向に50px */
  }
  100% {
    opacity: 1; /* 不透明 */
    transform: translateY(0);
  }
}
.foot_logo {
  text-align: center;
  margin-top: 80px;
}
.foot_logo .add {
  font-size: 80%;
  text-align: center;
  margin: 5px auto;
}
.foot_logo .tel {
  font-size: 200%;
}
.foot_logo .tel i {
  display: inline-block;
  vertical-align: baseline;
}

.map {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto 30px auto;
}

.ofh {
  overflow: hidden;
  width: 100%;
}

/*=============================================*/
/* TOP頁*/
/* =============================================*/
.main_contents {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 30px;
}

/*=============================================*/
/* 見出し　$base_width*/
/*=============================================*/
h2 {
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  height: 110px;
  vertical-align: baseline;
  padding-top: 50px;
  margin: 20px auto;
}

.btn_box {
  margin-left: 4%;
}

/*=============================================*/
/* 2階層*/
/*=============================================*/
.page_banner {
  margin: 20px 0px;
  text-align: center;
}

.page_cont {
  text-align: left;
  width: 100%;
  margin: 0 auto;
}

.page_cont .cont {
  width: 95%;
  text-align: left;
  margin: 0 auto;
}

/*=============================================*/
/*ページネーション*/
/* =============================================*/
/*Pagenation*/
.pagenation {
  margin: 1em 0 3em 0;
}
.pagenation ul {
  width: 900px;
  margin: 0 auto;
}
.pagenation li {
  float: left;
  list-style: none outside none;
  margin-left: 3px;
}
.pagenation li:first-child {
  margin-left: 0;
}
.pagenation li.active {
  background-color: #efefef;
  border-radius: 3px;
  color: #6C6660;
  cursor: not-allowed;
  padding: 10px 20px;
}
.pagenation li a {
  background: none repeat scroll 0 0 #efefef;
  border-radius: 3px;
  color: #6C6660;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
  background-color: #6C6660;
  color: #fff;
  opacity: 0.8;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: ease;
}

.pagenation:after, .pagenation ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.btn {
  background: -moz-linear-gradient(top, #FFF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #DDD;
  color: #111;
  display: inline-block;
  padding: 10px 15px;
  margin: 15px 0px;
}
.btn .map a {
  display: inline-block;
  width: 14%;
  margin: 0 5px;
  text-align: center;
}

/*############　clearfix　############*/
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

/*############　ぱんくず　############*/
#breadcrumb_list {
  margin: 3px auto;
  padding-left: 15px;
  list-style-type: none;
  width: 960px;
  text-align: left;
}

#breadcrumb_list > li > h1 {
  display: inline;
  font-weight: normal;
}

#breadcrumb_list > li {
  display: inline;
}

#breadcrumb_list > li + li:before {
  content: " > ";
}

/*------------------------------------------------------------------------------*/
/*############　スマホ系　###########################*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {
  .footer .footer_left, .footer_right {
    display: block;
  }
  .footer .footer_left {
    padding-top: 50px;
  }
  footer, .footer {
    width: 98%;
  }
  .footer .footer_right, .footer .footer_left {
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 839px) {
  #main_contents #gmenu {
    margin-top: -50px;
  }
  #main_contents .main_center {
    padding: 0px;
  }
  #main_contents .main_center .lcm, #main_contents .main_center .rcm, #main_contents .main_center .news, #main_contents .main_center .phot {
    display: block;
    width: 100%;
    padding-bottom: 30px;
  }
  #main_contents .main_second .news, #main_contents .main_second .phot {
    margin: 0 auto;
    float: none;
  }
  #main_contents .main_second .news {
    width: 90%;
    margin: 0 3%;
    margin-bottom: 30px;
  }
  #main_contents .main_second .phot {
    width: 90%;
    margin: 0 5%;
  }
  #main_contents .news {
    background: none;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    padding: 0.8em;
    text-align: center;
    border-top: 2px solid #6D6760;
    border-bottom: 2px solid #6D6760;
    text-decoration: none;
    font-weight: bold;
    color: #6D6760;
  }
  #main_contents .news:before, #main_contents .news:after {
    content: "";
    position: absolute;
    top: -7px;
    width: 2px;
    height: calc(100% + 14px);
    background-color: #6D6760;
    transition: 0.3s;
  }
  #main_contents .news:before {
    left: 7px;
  }
  #main_contents .news:after {
    right: 7px;
  }
  #main_contents .main_second {
    margin: 0px;
  }
}
/*************************/
/*画面の横幅が640pxまで（スマホ用）*/
/*************************/
@media screen and (max-width: 640px) {
  html {
    width: 100%;
  }
  .head_left, .rmenu {
    display: block;
    width: 100%;
  }
  body {
    padding: 0px;
    margin: 0px;
  }
  header {
    margin-top: 15px;
  }
  #main_contents .main_center {
    width: 94%;
    margin: 0 3%;
  }
  #main_contents {
    margin-top: 200px;
  }
  #mask {
    background: none !important;
  }
  #mask img {
    margin: 0 -160px 0 -100px;
    padding: 0 160px;
  }
  body {
    text-align: center;
    margin: auto;
    position: inherit;
    overflow: auto;
    visibility: inherit;
    padding: 0px !important;
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .body_back {
    width: 100%;
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    display: block;
    width: 95%;
    padding-bottom: 50px;
  }
  #wrap img {
    height: auto;
  }
  #main {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  body {
    padding: 0px 10px;
  }
  .sp_img {
    max-width: 100%;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
  }
  .spw100 img {
    width: 96%;
  }
  .second .contents_main {
    width: 96%;
    margin: 0 auto;
  }
  .news_in {
    width: 96%;
    margin: 0 auto;
  }
  .drawer-menu {
    z-index: 6;
  }
  #main_contents .news, #main_contents .add {
    display: block;
    width: 100%;
    text-align: left;
  }
  .slide_back {
    margin: 20px auto;
    padding: 10px 0;
    height: 80px;
    background-repeat: no-repeat;
    background-position: 50% -50%;
  }
  .slider {
    margin: 40px 0px;
  }
  .slide-item {
    width: 100%;
    max-width: 400px;
  }
  .slide-item img {
    width: 100%;
  }
  .main_center {
    padding: 0px;
  }
  .main_center .lcm, .main_center .rcm, .main_center .news, .main_center .phot {
    display: block;
    max-width: 100% !important;
    width: 100%;
    padding-bottom: 30px;
  }
  .main_second .news, .main_second .phot {
    margin: 0 auto;
    float: none;
    max-width: 90% !important;
  }
  .main_second .news {
    width: 90%;
    margin-bottom: 30px;
  }
  .main_second .phot {
    width: 75%;
    text-align: center;
  }
  .main_second .phot img {
    max-width: 95% !important;
  }
  .news {
    background: none;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    padding: 0.8em;
    text-align: center;
    border-top: 2px solid #6D6760;
    border-bottom: 2px solid #6D6760;
    text-decoration: none;
    font-weight: bold;
    color: #6D6760;
  }
  .news:before, .news:after {
    content: "";
    position: absolute;
    top: -7px;
    width: 2px;
    height: calc(100% + 14px);
    background-color: #6D6760;
    transition: 0.3s;
  }
  .news:before {
    left: 7px;
  }
  .news:after {
    right: 7px;
  }
  .main_second {
    margin: 0px;
  }
  .footer_link p {
    width: 45%;
    display: inline-block;
  }
  .footer_link p a {
    color: #BCB9B1;
    font-size: 60%;
  }
}
/*# sourceMappingURL=css.css.map */