@charset "utf-8";

/* ============================================ */
/* Font-Weight　セッティング */
/* ============================================ */

/* 源柔ゴシックP */
@font-face {
  font-family: "GenJyuuGothic-P";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/GenJyuuGothic-P-Regular.woff2") format("woff2"), url("../fonts/GenJyuuGothic-P-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "GenJyuuGothic-P";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GenJyuuGothic-P-Medium.woff2") format("woff2"), url("../fonts/GenJyuuGothic-P-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "GenJyuuGothic-P";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/GenJyuuGothic-P-Bold.woff2") format("woff2"), url("../fonts/GenJyuuGothic-P-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "GenJyuuGothic-P";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/GenJyuuGothic-P-Heavy.woff2") format("woff2"), url("../fonts/GenJyuuGothic-P-Heavy.ttf") format("truetype");
}

.GenJyuu {
 font-family: "GenJyuuGothic-P" , sans-serif;
}

.en {
  font-family: "Source Sans 3", sans-serif;
}


/* ============================================ */
/* 共通 */
/* ============================================ */

html {
  font-weight: 400;
  font-size: 62.5%; /* 10px相当 */
  line-height: 1.5;
  font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","遊ゴシック","Yu Gothic","メイリオ","Meiryo", sans-serif;
  color: #604c3f;
  font-feature-settings: "palt";
}

body {
  /*padding-top: 195px;*/
  text-align: left;
  background: #fcf8f1 url(../images/bg_ivory.jpg);
  /*overflow-x: hidden;*/
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
  animation: fadeIn 1s ease 0s 1 normal;
}

a {
  color: #20d1c4;
}

.inner {
  margin: 0 auto;
  width: 1200px;
}

/* -webkit- */ /* Chrome,Safari,etc... */
/* -moz-    */ /* Firefox */
/* -ms-     */ /* IE,Edge */

.detail-btn {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 1.8rem;
  letter-spacing: .05rem;
}

.detail-btn a {
  display: inline-block;
  padding: 12px 60px 12px 40px;
  background: #20d1c4 url(../images/icon_hand-sign-right.png) no-repeat 85% 50% / 22px;
  border-radius: 30px;
  color: #fff;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

.detail-btn a:hover {
	background: #0ab8b3 url(../images/icon_hand-sign-right.png) no-repeat 88% 50% / 22px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "GenJyuuGothic-P" , sans-serif;
}


/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
  }
  
  body {
    max-width: 100%;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
  }
  
  article,aside,canvas,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section,summary { 
    display: block;
  }
  
  img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  
  a[href*="tel:"] {
    text-decoration: none;
  }
  
  .inner {
    width: 100%;
  }
  
  .detail-btn {
    font-size: 1.6rem;
  }
  
  .detail-btn a {
    padding: 12px 50px 12px 30px;
    background: #20d1c4 url(../images/icon_hand-sign-right.png) no-repeat 85% 50% / 18px;
  }
  
  .detail-btn a:hover {
	background: #0ab8b3 url(../images/icon_hand-sign-right.png) no-repeat 88% 50% / 18px;
  }
}

@media only screen and (min-width: 960px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* responsive End */


/* ============================================ */
/* 下層共通 */
/* ============================================ */
.inner.relative {
  position: relative;
}

.inner.relative .icon {
  position: absolute;
  left: -70px;
  top: -60px;
}

.icon-sizeup img {
  height: 100px;
}

.article-headline {
  text-align: center;
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: .5rem;
  margin-right: -0.5rem;
  background: url(../images/h2_line_long.png) no-repeat 50% 50%;
}

.side-note {
  display: block;
  margin-top: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
}

.guide-page ,
.about-page ,
.schedule-page ,
.lunch-page ,
.blog-page ,
.contact-page ,
.recruit-page ,
.info-page {
  letter-spacing: .05rem;
  font-size: 1.8rem;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .inner.relative .icon {
    top: -30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .icon-sizeup img {
    height: 50px;
  }
  
  .article-headline {
    width: 90%;
	margin: 0 auto;
    font-size: 2.2rem;
    background: url(../images/h2_line_long.png) no-repeat 50% 50% / 800px;
  }

  .side-note {
    font-size: 1.6rem;
  }

  .guide-page ,
  .about-page ,
  .schedule-page ,
  .lunch-page ,
  .blog-page ,
  .contact-page ,
  .recruit-page ,
  .info-page {
    letter-spacing: .05rem;
    font-size: 1.6rem;
	line-height: 1.4;
  }
}
/* responsive End */


/* ============================================ */
/* アニメーション */
/* ============================================ */
@-webkit-keyframes fadeIn {
  0% {
    -webkit-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    opacity: 1;
  }
}

@keyframes yurayura {
  0% , 50% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg);
  }
  100% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg);
  }
}

@keyframes yurayura2 {
  0% , 100% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg);
  }
  50% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg);
  }
}

@keyframes kakukaku {
  0% , 50% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg);
  }
  25% , 100% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg);
  }
}

@keyframes jump {
  0% , 5% , 7% , 100% {
    -webkit-transform:translate(0,0px);
	transform:translate(0,0px);
  }
  3% {
    -webkit-transform:translate(0,-20px);
	transform:translate(0,-20px);
  }
  6% {
    -webkit-transform:translate(0,-5px);
	transform:translate(0,-5px);
  }
}

@keyframes pulse {
  0% , 10% , 20% ,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  5% , 15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes fuwafuwa {
  0% , 100% {
    -webkit-transform:transrateY(0);
    transform:translateY(0);
  }
  40% {
    -webkit-transform:transrateY(-20px);
    transform:translateY(-20px);
  }
}

@keyframes purupuru {
  0% , 100% {
    -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
	transform: scale(1.0, 1.0) translate(0%, 0%);
  }
  2% {
    -webkit-transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
	transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
  }
  5% {
    -webkit-transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
	transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
  }
  7% {
    -webkit-transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
	transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
  }
  10% {
    -webkit-transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
	transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  3% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  6% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  9% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  12% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


/* ============================================ */
/* アニメーション設定 */
/* ============================================ */
.emoji-nico {
  -webkit-animation: purupuru 0.8s linear 0s 1;
  animation: purupuru 5s linear 0s infinite;
}

.container-newpost .lunch-section h2 .icon-lunch {
  -webkit-animation: yurayura 1s ease 0s infinite alternate;
  animation: yurayura 1s ease 0s infinite alternate;
}

.container-newpost .blog-section h2 .icon-blog {
  -webkit-animation: kakukaku .8s ease 0s infinit alternate;
  animation: kakukaku .8s ease 0s infinite alternate;
}

.container-news .news-section h2 .icon-news {
  -webkit-animation: pulse 1.5s ease 0s infinite;
  animation: pulse 4s ease 0s infinite;
}

.container-foot-intro .intro-section .menu-wrap .icon-position {
  -webkit-animation: jump 5s ease 0s infinite;
  animation: jump 5s ease 0s infinite;
}

.inner.relative .icon {
  -webkit-animation: yurayura2 2s linear 0s infinite;
  animation: yurayura2 2s linear 0s infinite;
}

#totop {
  -webkit-animation: fuwafuwa 5s ease 0s infinite;
  animation: fuwafuwa 5s ease 0s infinite;
}

.section-gallery .icon-camera {
  -webkit-animation: kakukaku .8s ease 0s infinit alternate;
  animation: kakukaku .8s ease 0s infinite alternate;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .inner.relative .icon {
    -webkit-animation: none;
    animation: none;
  }
  
  .container-foot-intro .intro-section .menu-wrap .icon-position {
    -webkit-animation: none;
    animation: none;
  }
  
  .section-gallery .icon-camera {
    -webkit-animation: none;
    animation: none;
  }
}


/* ============================================ */
/* ヘッダー */
/* ============================================ */
#header {
  width: 100%;
  padding: 30px 0 30px;
  background-color: #fcf8f1;
  /*position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 0 15px 0 rgba(67,67,67,.5);*/
}


#header #header-nav.nav-container {
  margin: 0 auto;
  height:;
}

#header #header-nav.nav-container .nav-list {
  display: flex;
  justify-content: center;
}

#header #header-nav.nav-container .nav-list .nav-item {
  border-left: 1px dashed #c7ba9a;
  text-align: center;
}

.nav-item:last-child {
  border-right: 1px dashed #c7ba9a;
}

.nav-item h1 {
  padding: 0 20px;
}

.nav-item h1 img {
  width: auto;
  height: auto;
}

.nav-item .menu {
  display: block;
}

.nav-item a {
  color: #7a6a56;
}

.nav-item span {
  display: block;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .1rem;
  margin-right: -0.1rem;
}

.nav-item figure {
  padding: 0 25px 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.nav-item figure:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sns-btn-fixed {
  position: fixed;
  right: 0;
  top: 220px;
  z-index: 30;
}

.sns-btn-fixed a {
  display: block;
  padding: 20px 16px 16px;
  background-color: #604c3f;
  border-radius: 6px 0 0 6px;
  text-align: center;
  position: relative;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.sns-btn-fixed a:hover {
  background-color: #20d1c4;
}

.sns-btn-fixed a span {
  display: block;
}

.sns-btn-fixed .insta img {
  width: 36px;
}

.sns-btn-fixed .txt {
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}

.emoji-nico {
  position: absolute;
  right: 50px;
  top: -40px;
  z-index: 40;
}


/* :::::: toggle button :::::: */
#drawer {
  display: none;
}

label.open ,
label.close {
  cursor: pointer;
  position: fixed;
}

.open {
  z-index: 999;
  top: 30px;
  right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: #20d1c4;
  transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open::before,
.open::after {
  content: "";
}

.open span,
.open::before,
.open::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 30%;
  width: 40%;
  border-bottom: 2px solid white;
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open::before {
  transform: translateY(-8px);
}

.open::after {
  transform: translateY(8px);
}

.close {
  z-index: 2;
  inset: 0;
  pointer-events: none;
  transition: background .6s;
}

#drawer:checked + .open {
  background: #20d1c4;
  /*transform: translateX(-280px);*/
}

#drawer:checked + .open span {
  transform: scaleX(0);
}

#drawer:checked + .open::before {
  transform: rotate(135deg) scaleX(1.2);
}

#drawer:checked + .open::after {
  transform: rotate(-135deg) scaleX(1.2);
}

#drawer:checked ~ .close {
  pointer-events: auto;
  background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.drawer-menu {
  z-index: 990;
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 50px 30px 30px;
  box-sizing: border-box;
  background: #fcf8f1;
  transform: translateX(100%);
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  font-family: "GenJyuuGothic-P" , sans-serif;
}

.drawer-menu h2 {
  font-weight: 700;
  font-size: 1.8rem;
}

.drawer-menu h2 span {
  display: block;
}

.drawer-menu ul {
  margin: 30px 0 0 0;
  padding: 0;
}

.drawer-menu li {
  font-size: 1.6rem;
  line-height: 1.4;
  border-bottom: 1px dashed #c7ba9a;
}

.drawer-menu li:first-child {
  border-top: 1px dashed #c7ba9a;
}

.drawer-menu li.home a {
  background: url(../images/navi-label-2-home.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.guide a {
  background: url(../images/navi-label-2-guide.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.about a {
  background: url(../images/navi-label-2-about.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.schedule a {
  background: url(../images/navi-label-2-schedule.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.lunch a {
  background: url(../images/navi-label-2-lunch.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.blog a {
  background: url(../images/navi-label-2-blog.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.contact a {
  background: url(../images/navi-label-2-contact.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.recruit a {
  background: url(../images/navi-label-2-recruit.svg) no-repeat 0 50% / 50px;
}

.drawer-menu li.information a {
  background: url(../images/navi-label-2-information.svg) no-repeat 0 50% / 50px;
}

.drawer-menu a {
  display: block;
  padding: 15px 0 15px 55px;
  color: #604c3f;
}

.drawer-menu a:hover {
}

#drawer:checked ~ .drawer-menu {
  transform: none;
}


/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  #header {
    padding: 15px 0;
  }
  
  #header #header-nav.nav-container .nav-list {
	display: none;
  }
  
  .sns-btn-fixed {
	display: none;
  }
  
  #header .mini-logo {
	display: block;
	text-align: center;
  }
  
  #header .mini-logo img {
    width: 200px;
  }
  
}

@media only screen and (min-width: 960px) {
  #header .mini-logo {
	display: none;
  }
  
  .open {
	display: none;
  }
}
/* responsive End */


/* ============================================ */
/* イメージエリア */
/* ============================================ */
.image-area {
  position: relative;
  width: 100%;
  height: auto;
}

.image-area .symbol {
  position: absolute;
  bottom: 30px;
  right: 5%;
  z-index: 10;
  opacity: .7;
}

.image-area .swiper {
  background: url(../images/bg_light-blue.jpg);
}

.swiper [class^="swiper-button-"] {
  width: 10%;
}

.swiper [class^="swiper-button-"]::after {
  content: "";
}


.image-area.guide , 
.image-area.about ,
.image-area.schedule ,
.image-area.lunch ,
.image-area.blog ,
.image-area.contact ,
.image-area.recruit ,
.image-area.information {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 200px 0;
}

.image-area.guide {
  background:url(../images/topimage-guide.jpg) no-repeat 50% 50% / cover;
}

.image-area.about {
  background:url(../images/topimage-about.jpg) no-repeat 50% 50% / cover;
}

.image-area.schedule {
  background:url(../images/topimage-schedule.jpg) no-repeat 50% 50% / cover;
}

.image-area.contact {
  background:url(../images/topimage-contact.jpg) no-repeat 50% 50% / cover;
}

.image-area.recruit {
  background:url(../images/topimage-recruit.jpg) no-repeat 50% 50% / cover;
}

.image-area.information {
  background:url(../images/topimage-information.jpg) no-repeat 50% 50% / cover;
}

.image-area.guide h2 , 
.image-area.about h2 ,
.image-area.schedule h2 ,
.image-area.lunch h2 ,
.image-area.blog h2 ,
.image-area.contact h2 ,
.image-area.recruit h2 ,
.image-area.information h2  {
  font-size: 3.8rem;
  color: #fff;
  font-weight: 800;
  letter-spacing: 1.4rem;
  margin-right: -1.4rem;
  text-align: center;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, .6);
}

.image-area.guide h2 span , 
.image-area.about h2 span ,
.image-area.schedule h2 span ,
.image-area.lunch h2 span ,
.image-area.blog h2 span ,
.image-area.contact h2 span ,
.image-area.recruit h2 span ,
.image-area.information h2 span  {
  display: block;
  font-size: 1.6rem;
  letter-spacing: .2rem;
  margin-right: -0.2rem;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .image-area .symbol {
	display: none;
  }
  
  .image-area.guide , 
  .image-area.about ,
  .image-area.schedule ,
  .image-area.lunch ,
  .image-area.blog ,
  .image-area.contact ,
  .image-area.recruit ,
  .image-area.information {
    padding: 50px 0;
  }
  
  .image-area.guide h2 , 
  .image-area.about h2 ,
  .image-area.schedule h2 ,
  .image-area.lunch h2 ,
  .image-area.blog h2 ,
  .image-area.contact h2 ,
  .image-area.recruit h2 ,
  .image-area.information h2  {
    font-size: 2.4rem;
    letter-spacing: .5rem;
    margin-right: -0.5rem;
  }
  
  .image-area.guide h2 span , 
  .image-area.about h2 span ,
  .image-area.schedule h2 span ,
  .image-area.lunch h2 span ,
  .image-area.blog h2 span ,
  .image-area.contact h2 span ,
  .image-area.recruit h2 span ,
  .image-area.information h2 span  {
    margin-top: 5px;
    font-size: 1.2rem;
    letter-spacing: .2rem;
    margin-right: -0.2rem;
  }
}
/* responsive End */


/* ============================================ */
/* コンテナ　スカイ */
/* ============================================ */
.container-light-blue {
  background: url(../images/bg_light-blue.jpg);
}

.container-light-blue .container-type-sky {
  background: url(../images/bg_sky_bottom.jpg) no-repeat 50% 100%;
  padding-bottom: 100px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .container-light-blue .container-type-sky {
	background: none;
	padding-bottom: 0;
  }
}
/* responsive End */


/* ============================================ */
/* プログラム[インデックス] */
/* ============================================ */
.container-program {
  width: 1200px;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
  position: relative;
}

.container-program .slogan img {
  width: 150px;
}

.container-program.slogan-wrap {
  background: url(../images/bg_slogan-wrap.jpg) no-repeat 50% 100%;
  /*mix-blend-mode: multiply;*/
}

.container-program div {
  margin: 0 0 0 0;
  padding: 30px 0 50px;
}

.container-program div p {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 6rem;
  font-weight: 900;
  letter-spacing: 1rem;
  margin-right: -1rem;
  display: inline-block;
  color: #fff;
  background: #20d1c4;
  padding: 25px 36px 6px;
  border-radius: 20px;
}

.container-program div p ruby rt {
  font-size: 2rem;
  padding-bottom: 2px;
}

.container-program figure img {
  width: 100%;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .container-program {
	width: 100%;
	padding: 30px 0;
  }
  
  .container-program.slogan-wrap {
    background: url(../images/bg_slogan-wrap.jpg) no-repeat 50% 70% / 90%;
	/*background: none;*/
  }
  
  .container-program div {
    margin: 0 0 0 0;
    padding: 30px 0 30px;
  }
  
  .container-program div p {
    font-size: 2.4rem;
	letter-spacing: 0;
    margin-right: 0;
	padding: 4px 10px 8px;
    border-radius: 10px;
  }
  
  .container-program div p ruby rt {
    font-size: 1.2rem;
	margin-bottom: -5px;
  }
}
/* responsive End */


/* ============================================ */
/* メイン[インデックス] */
/* ============================================ */
.container-newpost {
  margin: 0 auto 0;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}

.container-newpost section {
  width: 570px;
  text-align: center;
}

.container-newpost section .update-wrap {
  margin-top: 15px;
  padding: 0 30px 30px;
  background-color: #fffbee;
  border-radius: 14px;
}

.container-newpost section h2 ,
.container-news section h2 {
  font-size: 3rem;
  font-weight: 800;
}

.container-newpost .lunch-section h2 .icon-lunch {
  display: inline-block;
  background: url(../images/icon-lunch.svg) no-repeat 50% 0 / cover;
  width: 100px;
  height: 70px;
}

.container-newpost .blog-section h2 .icon-blog {
  display: inline-block;
  background: url(../images/icon-blog.svg) no-repeat 50% 0 / cover;
  width: 100px;
  height: 70px;
}

.container-newpost section h2 .jp ,
.container-news section h2 .jp {
  display: block;
  width: 100%;
}

.container-newpost .lunch-section h2 .jp {
  letter-spacing: .8rem;
  margin-right: -0.8rem;
  background: url(../images/h2_line_short.png) no-repeat 50% 50%;
}

.container-newpost .blog-section h2 .jp {
  letter-spacing: .5rem;
  margin-right: -0.5rem;
  background: url(../images/h2_line_very_short.png) no-repeat 50% 50%;
}

.container-newpost section h2 .en ,
.container-news section h2 .en {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .1rem;
  margin-right: -0.1rem;
  display: block;
}

.container-newpost section .update-wrap .article-list li {
  padding: 30px 0;
  border-bottom: 2px dashed #c7ba9a;
}

.container-newpost section .update-wrap .article-list a {
  display: flex;
  jutify-content: space-between;
  color: #604c3f;
}

.container-newpost .article-list .list-photo img {
  width: 200px;
  height: auto;
  object-fit: cover;
}

.container-newpost .article-list .list-content {
  text-align: left;
  padding-top: 10px;
  padding-left:20px;
}

.container-newpost .article-list .list-content time {
  font-size: 1.8rem;
}

.container-newpost .article-list .list-content time i {
  margin-right: 5px;
  font-size: 1.4rem;
}

.container-newpost .article-list .list-content .content-title {
  margin-top: 5px;
  font-weight: 500;
  font-size: 2rem;
  color: #e4555d;
}

.container-newpost .article-list .list-content .post-category {
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 8px;
  background-color: #c7ba9a;
  padding: 2px 10px;
  border-radius: 20px;
  color: #fff;
}

.container-newpost .blog-section {
  position: relative;
}

.container-newpost .blog-section .old-blog-link {
  position: absolute;
  right: -50px;
  top: 200px;
}

.container-newpost .blog-section .old-blog-link img {
  width: 50px;
}

.container-newpost .blog-section .old-blog-link-responsive {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
  margin-right: 14px;
}

.container-newpost .blog-section .old-blog-link-responsive a {
  color: #604c3f;
}

.container-newpost .blog-section .old-blog-link-responsive span {
  display: inline-block;
  padding: 15px;
  background-color: #dcceae;
}

.container-newpost .blog-section .old-blog-link-responsive i {
  margin-left: 5px;
}

.container-news {
  margin: 30px auto 0;
  width: 1200px;
}

.container-news .news-section {
  text-align: center;
}

.container-news .news-section h2 .icon-news {
  display: inline-block;
  background: url(../images/icon-news.svg) no-repeat 50% 0 / cover;
  width: 100px;
  height: 70px;
}

.container-news .news-section h2 .jp {
  letter-spacing: .8rem;
  margin-right: -0.8rem;
  background: url(../images/h2_line_long.png) no-repeat 50% 50%;
}

.container-news section .news-wrap {
  position: relative;
  margin-top: 15px;
  padding: 30px;
  background-color: #fffbee;
  border-radius: 14px;
  display: flex;
  justify-content: wrap;
}

.container-news section .news-wrap figure {
  position: absolute;
  right: 30px;
  bottom: 0;
}

.container-news section .news-wrap figure img {
  width: 90px;
}

.container-news section .news-wrap time {
  padding: 0 50px 0 20px;
  font-size: 1.8rem;
  color: #e4555d;
}

.container-news section .news-wrap a {
  /*color: #20d1c4;*/
}

.container-news section .news-wrap dl {
  text-align: left;
}

.container-news section .news-wrap dl dt {
  font-weight: 500;
  font-size: 2rem;
}

.container-news section .news-wrap dl dd {
  margin-top: 10px;
  font-size: 1.8rem;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .container-newpost {
    width: 90%;
	justify-content: center;
	flex-wrap: wrap;
  }
  
  .container-newpost section {
    width: 100%;
	margin-top: 30px;
  }
  
  .container-newpost section h2 ,
  .container-news section h2 {
    font-size: 2.2rem;
  }

  .container-newpost .lunch-section h2 .icon-lunch ,
  .container-newpost .blog-section h2 .icon-blog ,
  .container-news .news-section h2 .icon-news {
    width: 70px;
    height: 50px;
	margin-bottom: 10px;
  }
  
  .container-newpost .lunch-section h2 .jp {
    background: url(../images/h2_line_short.png) no-repeat 50% 50% / cover;
  }
  
  .container-newpost .blog-section h2 .jp {
    background: url(../images/h2_line_very_short.png) no-repeat 50% 50% / cover;
  }
  
  .container-newpost section h2 .en ,
  .container-news section h2 .en {
    font-size: 1.2rem;
	margin-top: 5px;
  }
  
  .container-newpost section .update-wrap .article-list a {
    display: block;
    jutify-content: start;
  }
  
  .container-newpost section .update-wrap .article-list li {
    padding: 20px 0;
  }
  
  .container-newpost .article-list .list-content .content-title {
    font-size: 1.6rem;
	line-height: 1.4;
  }
  
  .container-newpost .article-list .list-content time ,
  .container-news section .news-wrap time {
    font-size: 1.6rem;
  }
  
  .container-news {
    margin: 30px auto 0;
    width: 90%;
  }
  
  .container-news .news-section h2 .jp {
    background: url(../images/h2_line_long.png) no-repeat 50% 50% / cover;
  }
  
  .container-newpost .blog-section .old-blog-link {
    display: none;
  }
  
  .container-news section .news-wrap {
    display: block;
	padding: 20px 80px 20px 20px;
	text-align: left;
  }
  
  .container-news section .news-wrap figure {
    right: 10px;
  }
  
  .container-news section .news-wrap figure img {
    width: 70px;
  }
  
  .container-news section .news-wrap time {
    padding: 0 0 0 0;
  }
  
  .container-news section .news-wrap dl {
    margin-top: 10px;
  }
  
  .container-news section .news-wrap dl dt {
    font-size: 1.6rem;
  }
  
  .container-news section .news-wrap dl dd {
    margin-top: 10px;
    font-size: 1.4rem;
	line-height: 1.6;
  }
}
@media only screen and (min-width: 960px) {
  .container-newpost .blog-section .old-blog-link-responsive {
    display: none;
  }
}
/* responsive End */


/* ============================================ */
/* こんな保育園です */
/* ============================================ */
.container-foot-intro {
  margin-top: 50px;
  padding: 100px 0 0;
  background: url(../images/bg_sky_top.jpg) no-repeat 50% 0;
}

.container-foot-intro .intro-section {
  text-align: center;
  padding: 20px 0 50px;
}

.container-foot-intro .intro-section .section-title {
  background: url(../images/intro-reaction.png) no-repeat 50% 50% / 480px;
}

.container-foot-intro .intro-section .section-title p {
  margin-top: 10px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .05rem;
  margin-right: -0.05rem;
}

.container-foot-intro .intro-section .menu-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.container-foot-intro .intro-section .menu-wrap li {
}

.container-foot-intro .intro-section .menu-wrap li figure img {
  border-radius: 14px;
}

.container-foot-intro .intro-section .menu-wrap .menu-title {
  position: relative;
}

.container-foot-intro .intro-section .menu-wrap .icon-position {
  position: absolute;
  left: 0;
  right: 0;
  top: -75px;
  margin: 0 auto;
}

.container-foot-intro .intro-section .menu-wrap h3 {
  margin-top: 20px;
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: .4rem;
  margin-right: -0.4rem;
}

.container-foot-intro .intro-section .menu-wrap h3 .en {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .05rem;
  margin-right: -0.05rem;
}

.container-foot-intro .intro-section .menu-wrap p {
  margin-top: 10px;
  font-size: 1.8rem;
}

.container-foot-intro .intro-section .menu-wrap .detail-btn {
  margin-top: 15px;
  display: block;
}

.container-foot-intro .intro-section .menu-wrap .paper-wrap {
  width: 370px;
  margin-top: 40px;
  padding: 20px 0 30px;
  background: #fffbee url(../images/bg_intro-menu.jpg) no-repeat 100% 100%;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .container-foot-intro {
    margin-top: 0px;
  }
  
  .container-foot-intro .intro-section {
    width: 90%;
	margin: 0 auto;
  }

  .container-foot-intro .intro-section .section-title {
    background: url(../images/intro-reaction.png) no-repeat 50% 50% / 350px;
  }
  
  .container-foot-intro .intro-section .section-title img {
    width: 200px;
  }
  
  .container-foot-intro .intro-section .section-title p {
    font-size: 1.6rem;
  }
  
  .container-foot-intro .intro-section .menu-wrap {
    margin-top: 10px;
    justify-content: center;
	flex-wrap: wrap;
  }
  
  .container-foot-intro .intro-section .menu-wrap li {
    margin-top: 30px;
  }

  .container-foot-intro .intro-section .menu-wrap li figure img {
    width: 100%;
  }
  
  .container-foot-intro .intro-section .menu-wrap .icon-position {
    top: -60px;
  }
  
  .container-foot-intro .intro-section .menu-wrap .icon-position img {
    width: 75px;
  }
  
  .container-foot-intro .intro-section .menu-wrap .paper-wrap {
    margin-top: 50px;
  }
  
  .container-foot-intro .intro-section .menu-wrap h3 {
    font-size: 2.2rem;
  }
  
  .container-foot-intro .intro-section .menu-wrap p {
    font-size: 1.6rem;
	line-height: 1.4;
  }
  
  .container-foot-intro .intro-section .menu-wrap h3 .en {
    margin-top: 10px;
  }
}
/* responsive End */

/* ============================================ */
/* フッター */
/* ============================================ */
#footer {
  padding: 50px 0;
  background-color: #20d1c4;
  color: #fff;
}

#footer .inner {
  display: flex;
  justify-content: wrap;
}

#footer .footer-info {
  width: 230px;
  margin-right: 80px;
  font-size: 1.6rem;
}

#footer .footer-info h2 a {
  color: #fff;
}

#footer .footer-info h2 span {
  display: block;
}

#footer .footer-info h2 .corp {
  font-weight: 500;
}

#footer .footer-info h2 .name {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: .1rem;
}

#footer .footer-info .address {
  margin-top: 20px;
}

#footer .footer-info .sns-btn {
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: 500;
}

#footer .footer-info .sns-btn a {
  border: 2px solid #fff;
  border-radius: 60px;
  padding: 15px 0 15px 35px;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  background: url(../images/icon_insta.png) no-repeat 25% 50% / 28px;
  -webkit-transition: all .3s easet;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#footer .footer-info .sns-btn a:hover {
  background: #0ab8b3 url(../images/icon_insta.png) no-repeat 25% 50% / 28px;
}

#footer .footer-nav .nav-list {
  width: 200px;
  margin-right: 70px;
}

#footer .footer-nav .nav-list li {
  font-size: 1.8rem;
  font-family: "GenJyuuGothic-P" , sans-serif;
  letter-spacing: .1rem;
}

#footer .footer-nav .nav-list li a {
  display: block;
  padding: 15px 0 15px 40px;
  color: #fff;
  border-bottom: 1px dashed #fff;
  background: url(../images/icon_arrow_right.png) no-repeat 0 50%;
  -webkit-transition: all .3s easet;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#footer .footer-nav .nav-list li a:hover {
   background: url(../images/icon_arrow_right.png) no-repeat 3% 50%;
}

#footer .google-map {
}

#footer .google-map iframe {
  width: 620px;
  height: 450px;
  border: 0;
}

#footer .copyright {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

#footer .copyright p {
  color: #0fa398;
  font-size: 1.6rem;
}

#totop {
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 999;
}

#totop a {
  -webkit-transition: all .3s easet;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#totop a:hover {
  opacity: .8;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  #footer {
    padding: 30px 0;
  }

  #footer .inner {
    justify-content: center;
	flex-wrap: wrap;
  }
  
  #footer .footer-info {
    width: 90%;
	margin-right: 0;
	text-align: center;
  }
  
  #footer .footer-info h2 span {
    line-height: 1.4;
  }
  
  #footer .footer-info .address {
    line-height: 1.4;
  }
  
  #footer .footer-info .sns-btn a {
    width: 50%;
	margin: 0 auto;
	background: url(../images/icon_insta.png) no-repeat 18% 50% / 22px;
  }
  
  #footer .footer-info .sns-btn a:hover {
    background: #0ab8b3 url(../images/icon_insta.png) no-repeat 18% 50% / 22px;
  }
  
  #footer .footer-nav {
    width: 80%;
	margin-top: 30px;
  }
  
  #footer .footer-nav .nav-list {
    width: 100%;
    margin-right: 0;
	text-align: center;
  }
  
  #footer .footer-nav .nav-list li a {
    padding: 15px 0 15px 0;
    background: none;
  }
  
  #footer .footer-nav .nav-list li a:hover {
    background: none;
  }
  
  #footer .google-map {
    margin-top: 30px;
	width: 100%;
	display: flex;
    justify-content: center;
  }
  
  #footer .google-map iframe {
    width: 90%;
	height: 250px;
  }
  
  #footer .copyright {
    margin-top: 30px;
  }
  
  #footer .copyright p {
    font-size: 1.2rem;
  }
  
  #totop {
    bottom: 0px;
    right: 20px;
  }
  
  #totop img {
    width: 40px;
  }
  
}
/* responsive End */


/* ============================================ */
/* 入園案内
/* ============================================ */
.guide-page .inner {
  padding: 50px 0;
}

.section-care-hours {
  display: flex;
  flex-wrap: wrap;
   /*justify-content: space-between;*/
}

.section-care-hours .flex-wrap ,
.section-care-hours .solid-wrap {
  margin-top: 50px;
}

.section-care-hours span ,
.section-shikaku span {
  display: inline-block;
  padding: 6px 30px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  color: #fff;
  font-weight: 500;
  background-color: #755d43;
  border-radius: 8px;
}

.section-care-hours .solid-wrap ,
.section-shikaku .solid-wrap {
  border: 2px solid #0fa398;
  border-radius: 14px;
  text-align: center;
  padding: 25px 0;
}

.section-care-hours .solid-wrap {
  width: 480px;
  margin: 100px 0 15px 20px;
  /*display: flex;
  align-items: center;*/
}

.solid-wrap span {
  text-align: center;
  width: 140px;
}

.section-care-hours .solid-wrap p {
  margin: 20px auto 0;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
}

.section-shikaku {
  margin-top: 50px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.section-shikaku .solid-wrap {
  width: 340px;
}

.section-shikaku .solid-wrap:last-child {
  margin-right: 0;
}

.section-shikaku .solid-wrap p {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 500;
}

.guide-page .description-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.guide-page .description-list dt ,
.guide-page .description-list dd {
  padding: 20px;
  border-bottom: 1px dashed #7a6a56;
}

.guide-page .description-list dt {
  width: 20%;
  display: flex;
  align-items: center;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-weight: 500;
}

.guide-page .description-list dt span {
  display: inline-block;
  padding: 6px 0;
  color: #fff;
  background-color: #755d43;
  border-radius: 8px;
  width: 160px;
  text-align: center;
}

.guide-page .description-list dd {
  width: 80%;
  display: flex;
  align-items: center;
}

.guide-page .description-list2 {
  margin-top: 20px;
}

.guide-page .description-list2 dt ,
.guide-page .description-list2 dd li {
  padding: 20px;
}

.guide-page .description-list2 dt {
  margin-top: 20px;
}

.guide-page .description-list2 dt span {
  display: inline-block;
  padding: 6px 0;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-weight: 500;
  color: #fff;
  background-color: #755d43;
  border-radius: 8px;
  width: 160px;
  text-align: center;
}

.guide-page .description-list2 dd {
}

.guide-page .description-list2 dd li {
  border-bottom: 1px dashed #7a6a56;
  list-style: inside;
  text-indent: -22px;
  padding-left: 38px;
}

.guide-page .request-wrap {
  position: relative;
}

.guide-page .request-wrap figure {
  position: absolute;
  right: 50px;
  top: 80px;
}

.guide-page .request-wrap figure img {
  width: 110px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .guide-page .inner {
    padding: 30px 0;
  }
  
  .section-care-hours .flex-wrap {
    display: none;
  }
  
  .section-care-hours ,
  .section-shikaku {
    display: block;
	width: 90%;
	margin: 0 auto;
  }
  
  .section-responsive .solid-wrap2 {
    width: 100%;
	margin-top: 20px;
	border: 2px solid #0fa398;
    border-radius: 14px;
    text-align: center;
    padding: 25px 0;
  }
  
  .section-responsive .solid-wrap2 dt {
    margin-top: 20px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #0fa398;
  }
  
  .section-responsive .solid-wrap2 b {
    font-size: 1.8rem;
    font-weight: 700;
  }
  
  .section-care-hours .solid-wrap {
    width: 100%;
    margin: 20px 0 0 0;
  }
  
  .section-care-hours .solid-wrap p ,
  .section-shikaku .solid-wrap p {
    font-size: 1.6rem;
  }
  
  .section-shikaku {
  }
  
  .section-shikaku .solid-wrap {
    width: 100%;
	margin-top: 20px;
  }
  
  .guide-page .about-section {
    width: 90%;
	margin: 0 auto;
  }
  
  .guide-page .description-list {
    margin: 20px auto 0;
    display: block;
	width: 100%;
  }
  
  .guide-page .description-list dt ,
  .guide-page .description-list dd {
    width: 100%;
  }
  
  .guide-page .description-list dt {
    width: 100%;
    justify-content: center;
    border-bottom: none;
  }
  
  .guide-page .description-list dd {
    padding: 0 0 20px 0;
  }
  
  .guide-page .about-section .side-note {
    padding-left: 0;
    font-size: 1.4rem;
  }
  
  .guide-page .description-list2 dt {
    display: flex;
	justify-content: center;
	padding: 20px 0 0 0;
  }
  
  .guide-page .description-list2 dd li {
    padding: 20px 0 20px 20px;
  }
  
  .guide-page .request-wrap figure {
    right: 10px;
    top: 20px;
  }
  
  .guide-page .request-wrap figure img {
    width: 60px;
  }
}

@media only screen and (min-width: 960px) {
  .section-responsive {
    display: none;
  }
}
/* responsive End */

/* ============================================ */
/* 園のこと
/* ============================================ */
.about-page .inner {
  padding: 50px 0;
}

.about-page .section-massage {
  display: flex;
  justify-content: space-between;
}

.about-page .section-massage .comment-wrap {
  padding-top: 20px;
}

.about-page .section-massage .comment-wrap h3 {
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: .5rem;
  margin-right: -0.5rem;
  padding-bottom: 20px;
}

.about-page .section-massage .comment-wrap p {
  font-size: 2rem;
  letter-spacing: .1rem;
  line-height: 1.8;
}

.about-page .section-massage .comment-wrap b {
  /*font-family: "GenJyuuGothic-P" , sans-serif;*/
  font-size: 2.2rem;
  font-weight: 700;
}

.about-page .section-massage .photo-wrap figure img {
  width: 485px;
  border-radius: 14px;
}

.section-purpose {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-purpose .purpose-wrap {
  margin-top: 50px;
}

.section-purpose .purpose-wrap figure img {
  border-radius: 14px;
}

.section-purpose .purpose-wrap .purpose-content {
  padding-top: 25px;
  position: relative;
}

.section-purpose .purpose-wrap .purpose-content h4 {
  position: absolute;
  top: -40px;
  left: -20px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  border-radius: 40px;
}

.section-purpose .purpose-wrap .purpose-content h4 span {
  font-size: 3.6rem;
  font-weight: 900;
  display: inline-block;
  padding: 0 0 0 5px;
}

.section-purpose .purpose-wrap .one {background-color: #00c40e;}
.section-purpose .purpose-wrap .two {background-color: #009ee7;}
.section-purpose .purpose-wrap .three {background-color: #e4555d;}
.section-purpose .purpose-wrap .four {background-color: #f6b42d;}

.section-purpose .purpose-wrap .purpose-content p {
  margin-top: 10px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: .2rem;
  margin-right: -0.2rem;
  text-align: center;
}

.section-overview {
  margin-top: 50px;
}

.section-overview figure img {
  border-radius: 14px;
}

.section-overview .overview {
  margin-top: 30px;
}

.section-overview .overview ,
.section-overview .story-wrap {
  padding: 40px;
  background-color: #fffbee;
  border-radius: 14px;
}

.section-overview h4 {
  display: block;
  margin: 0 auto;
  padding: 6px 0;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-weight: 500;
  color: #fff;
  background-color: #755d43;
  border-radius: 8px;
  width: 160px;
  text-align: center;
}

.section-overview .overview-wrap ,
.section-overview .overview-wrap2 {
  margin-top: 30px;
  display: flex;
}

.section-overview .overview-wrap dl {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 40px;
}

.section-overview .overview-wrap dl:last-child {
  margin-right: 0;
}

.section-overview .overview-wrap dl dt ,
.section-overview .overview-wrap dl dd {
  padding: 20px 0;
  font-weight: 400;
}

.section-overview .overview-wrap dl dt {
  width: 150px;
  padding-left: 20px;
  border-bottom: 1px dashed #7a6a56;
}

.section-overview .overview-wrap dl dd {
  width: 390px;
  border-bottom: 1px dashed #7a6a56;
}

.section-overview .overview-wrap dl dd span {
  display: block;
}

.section-overview .overview-wrap dl dd span i {
  margin-left: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

.section-overview .overview-wrap2 {
  display: flex;
}

.section-overview .overview-wrap2 div {
  width: 50%;
}

.section-overview .overview-wrap2 .story-wrap dl {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

.section-overview .overview-wrap2 dl dt ,
.section-overview .overview-wrap2 dl dd {
  padding: 20px 0;
  font-weight: 400;
}

.section-overview .overview-wrap2 dl dt {
  width: 200px;
  padding-left: 20px;
  border-bottom: 1px dashed #7a6a56;
}

.section-overview .overview-wrap2 dl dd {
  width: 320px;
  border-bottom: 1px dashed #7a6a56;
}

.section-overview .overview-wrap2 .map-wrap {
  text-align: right;
  padding-top: 0;
}

.section-overview .overview-wrap2 .map-wrap iframe {
  width: 575px;
  height: 100%;
}

.section-floor {
  display: flex;
  justify-content: center;
}

.section-floor .floor-wrap {
  margin-top: 50px;
}

.section-gallery {
  padding-bottom: 80px;
}

.section-gallery .icon-camera {
  position: absolute;
  top: -50px;
  left: 45%
}

.section-gallery .picture-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 50px;
}

.section-gallery .picture-wrap .picture-box {
  margin-top: 50px;
  /*background: url(../images/picture-shadow.png) no-repeat 50% 55%;*/
  width: 380px;
  position: relative;
  text-align: center;
}

.section-gallery .picture-wrap .picture-box .icon-ping {
  background: url(../images/icon-ping.png) no-repeat;
  position: absolute;
  display: block;
  width: 16px;
  height: 27px;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 500;
}

.section-gallery .picture-wrap .picture-box figure {
  padding: 10px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  box-shadow: 0px 15px 4px -10px rgba(0,0,0,0.3);
}

.section-gallery .picture-wrap .picture-box figure .number {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  left: 20px;
}

.section-gallery .picture-wrap .picture-box .one {
  background: url(../images/icon-circled-number_1.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .two {
  background: url(../images/icon-circled-number_2.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .three {
  background: url(../images/icon-circled-number_3.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .four {
  background: url(../images/icon-circled-number_4.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .five {
  background: url(../images/icon-circled-number_5.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .six {
  background: url(../images/icon-circled-number_6.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .seven {
  background: url(../images/icon-circled-number_7.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .eight {
  background: url(../images/icon-circled-number_8.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .nine {
  background: url(../images/icon-circled-number_9.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .ten {
  background: url(../images/icon-circled-number_10.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .eleven {
  background: url(../images/icon-circled-number_11.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .twelve {
  background: url(../images/icon-circled-number_12.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .thirteen {
  background: url(../images/icon-circled-number_13.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .fourteen {
  background: url(../images/icon-circled-number_14.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .fifteen {
  background: url(../images/icon-circled-number_15.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .sixteen {
  background: url(../images/icon-circled-number_16.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .seventeen {
  background: url(../images/icon-circled-number_17.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box .eighteen {
  background: url(../images/icon-circled-number_18.png) no-repeat 0 0 / cover;
}

.section-gallery .picture-wrap .picture-box figcaption {
  margin-top: 10px;
  display: block;
  text-align: center;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.section-privacy {
  position: relative;
}

.section-privacy figure {
  position: absolute;
  right: 150px;
  top: -30px;
}

.section-privacy figure img {
  width: 180px;
  transform: rotate(-10deg);
}

.section-privacy ,
.section-health {
  padding: 50px 50px 50px;
  background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px;
  border-radius: 14px;
}

.section-privacy h3 ,
.section-health h3 {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: .2rem;
  margin-right: -0.2rem;
}

.section-privacy h3 span ,
.section-health h3 span {
  display: inline-block;
  padding: 0 6px;
  background: linear-gradient(transparent 50%, #f8ec00 50%);
}

.section-privacy dl dt {
  margin-top: 30px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
}

.section-privacy dl dt span {
  display: inline-block;
  padding: 1px 12px;
  margin-right: 10px;
  color: #fff;
  font-weight: 500;
  background-color: #604c3f;
  border-radius: 4px;
}

.section-privacy dl dd ,
.section-privacy p {
  margin-top: 20px;
  padding: 0 10px;
  line-height: 1.8;
}

.section-privacy dl dd ul li {
  list-style: inside;
  text-indent: -26px;
  padding-left: 30px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .about-page .inner {
    padding: 30px 0;
  }
  
  .section-massage ,
  .section-purpose ,
  .section-overview ,
  .section-floor ,
  .section-floor-2 ,
  .section-gallery ,
  .section-privacy {
    width: 90%;
	margin: 0 auto;
  }
  
  .about-page .section-massage {
    display: block;
    justify-content: start;
  }
  
  .about-page .section-massage .comment-wrap h3 {
    font-size: 2.2rem;
	text-align: center;
  }
  
  .about-page .section-massage .comment-wrap p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  
  .about-page .section-massage .comment-wrap b {
    font-size: 1.8rem;
    font-weight: 700;
  }
  
  .about-page .section-massage .photo-wrap {
    margin-top: 20px;
  }
  
  .about-page .section-massage .photo-wrap figure img {
    width: 100%;
  }
  
  .section-purpose {
    display: block;
    justify-content: start;
  }

  .section-purpose .purpose-wrap {
    margin-top: 30px;
  }

  .section-purpose .purpose-wrap .purpose-content {
    padding-top: 15px;
  }

  .section-purpose .purpose-wrap .purpose-content h4 {
    top: -20px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.2rem;
    width: 120px;
    border-radius: 20px;
  }
  
  .section-purpose .purpose-wrap .purpose-content h4 span {
    font-size: 2.2rem;
  }
  
  .section-purpose .purpose-wrap .purpose-content p {
    font-size: 1.8rem;
	letter-spacing: 0rem;
    margin-right: 0rem;
  }
  
  .section-overview {
    margin-top: 30px;
  }
  
  .section-overview .overview ,
  .section-overview .story-wrap {
    padding: 20px;
  }
  
  .section-overview .overview-wrap ,
  .section-overview .overview-wrap2 {
    margin-top: 0;
    display: block;
  }
  
  .section-overview .overview-wrap2 {
    margin-top: 30px;
  }
  
  .section-overview .overview-wrap dl {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .section-overview .overview-wrap dl dt ,
  .section-overview .overview-wrap dl dd {
    padding: 20px 0;
	font-size: 1.6rem;
  }
  
  .section-overview .overview-wrap dl dt {
    padding-bottom: 0;
	width: 30%;
    padding-left: 0;
	border-bottom: none;
  }

  .section-overview .overview-wrap dl dd {
    padding-top: 5px;
    width: 100%;
  }

  .section-overview .overview-wrap2 div {
    width: 100%;
  }
  
  .section-overview .overview-wrap2 .story-wrap dl {
    margin-top: 0;
	display: block;
  }
  
  .section-overview .overview-wrap2 dl dt ,
  .section-overview .overview-wrap2 dl dd {
    padding: 20px 0;
    font-size: 1.6rem;
  }
  
  .section-overview .overview-wrap2 dl dt {
    width: 100%;
    padding-left: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-weight: 500;
  }

  .section-overview .overview-wrap2 dl dd {
    width: 100%;
	padding-top: 5px;
  }
  
  .section-overview .overview-wrap2 .map-wrap {
    margin-top: 30px;
  }

  .section-overview .overview-wrap2 .map-wrap iframe {
    width: 100%;
    height: 250px;
  }
  
  .section-floor {
    display: none;
  }

  .section-floor .floor-wrap ,
  .section-floor-2 .floor-wrap {
    margin-top: 30px;
  }
  
  .section-gallery .icon-camera {
    top: -30px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .section-gallery .icon-camera img {
    width: 50px;
  }
  
  .section-gallery .picture-wrap {
    display: block;
    justify-content: start;
  }
  
  .section-gallery .picture-wrap .picture-box {
    margin-top: 30px;
    width: 100%;
  }

  .section-gallery .picture-wrap .picture-box .icon-ping {
    background: url(../images/icon-ping.png) no-repeat 0 0 / 12px;
    top: -12px;
  }
  
  .section-gallery .picture-wrap .picture-box figure .number {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
  }
  
  .section-gallery .picture-wrap .picture-box figcaption {
    font-size: 1.6rem;
	font-weight: 400;
  }
  
  .section-privacy {
    padding: 50px 20px 30px;
    background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px / cover;
  }
  
  .section-privacy figure {
    right: 10px;
    top: -30px;
  }

  .section-privacy figure img {
    width: 80px;
  }
  
  .section-privacy h3 ,
  .section-health h3 {
    font-size: 2.2rem;
  }
  
  .section-privacy dl dt {
    font-size: 1.8rem;
  }

  .section-privacy dl dt span {
    padding: 1px 10px;
  }

  .section-privacy dl dd ,
  .section-privacy p {
    margin-top: 10px;
	padding: 0;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 960px) {
  .section-floor-2 {
    display: none;
  }
}
/* responsive End */

/* ============================================ */
/* 園の生活
/* ============================================ */
.schedule-page .inner {
  padding: 50px 0;
}

.section-time-schedule {
  margin-top: 30px;
}

.section-time-schedule .time-schedule-wrap {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}

.section-time-schedule .time-wrap {
  width: 150px;
  padding: 12px 0;
  background-color: #604c3f;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: .08rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-time-schedule .schedule-wrap {
  width: 1020px;
}

.section-time-schedule .time-wrap ,
.section-time-schedule .schedule {
  border-radius: 8px;
  text-align: center;
}

.section-time-schedule .flex-end {
  display: flex;
  justify-content: flex-end;
}

.section-time-schedule .schedule {
  display: block;
  padding: 15px 0;
  font-weight: 500;
  background-color: #fffbee;
}

.section-time-schedule .schedule_off {
  display: block;
  padding: 15px 0;
}

.section-time-schedule .three ,
.section-time-schedule .flex-end .schedule-wrap {
  display: flex;
  justify-content: space-between;
}

.section-time-schedule .flex-end .schedule-wrap li {
  width: 32%;
  text-align: center;
}

.section-time-schedule .flex-end .schedule-wrap p {
  font-size: 2.2rem;
  font-weight: 700;
}

.section-time-schedule .flex-end .schedule-wrap .nensho span ,
.section-time-schedule .flex-end .schedule-wrap .nenchu span ,
.section-time-schedule .flex-end .schedule-wrap .nencho span {
  display: inline-block;
  padding: 0 10px;
}

.section-time-schedule .flex-end .schedule-wrap .nensho span {
  background: linear-gradient(transparent 50%, #009ee7 50%);
}
.section-time-schedule .flex-end .schedule-wrap .nenchu span {
  background: linear-gradient(transparent 50%, #ede100 50%);
}
.section-time-schedule .flex-end .schedule-wrap .nencho span {
  background: linear-gradient(transparent 50%, #eb7799 50%);
}

.section-time-schedule .three .schedule ,
.section-time-schedule .three .schedule_off {
  width: 32%;
}

.yearly-schedule {
  /*margin-top: 80px;*/
}

.yearly-schedule .season-wrap {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.yearly-schedule .season-wrap .month-box {
  position: relative;
}

.yearly-schedule .season-wrap .month-box figure img {
  border-radius: 14px;
}

.yearly-schedule .season-wrap .month-box span {
  position: absolute;
  left:-30px;
  top: 220px;
  width: 80px;
  height: 80px;
}

.yearly-schedule .season-wrap .month-box span.apr {
  background: url(../images/icon-calender-apr.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.may {
  background: url(../images/icon-calender-may.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.jun {
  background: url(../images/icon-calender-jun.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.jul {
  background: url(../images/icon-calender-jul.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.aug {
  background: url(../images/icon-calender-aug.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.sep {
  background: url(../images/icon-calender-sep.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.oct {
  background: url(../images/icon-calender-oct.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.nov {
  background: url(../images/icon-calender-nov.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.dec {
  background: url(../images/icon-calender-dec.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.jan {
  background: url(../images/icon-calender-jan.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.feb {
  background: url(../images/icon-calender-feb.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box span.mar {
  background: url(../images/icon-calender-mar.svg) no-repeat 0 0 / cover;
}

.yearly-schedule .season-wrap .month-box .event-list {
  padding-left: 70px;
  margin-top: 10px;
}

.yearly-schedule .season-wrap .month-box .event-list li {
  font-weight: 500;
  letter-spacing: .2rem;
  margin-right: -0.2rem;
}

.monthly-events-h {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  display: flex;
  justify-content: center;
}

.monthly-events-h span {
  display: inline-block;
  margin: 0 4px;
  padding: 5px 10px;
}

.monthly-events-h span.c-1 {
  background-color: #7ed5db;
  border-radius: 6px;
}

.monthly-events-h span.c-0 {
  background-color: #fcf8f1;
  border-radius: 6px;
}

.monthly-events {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.monthly-events li {
  list-style: disc;
  margin-right: 80px;
}

.monthly-events li:last-child {
  margin-right: 0;
}

.monthly-events li > span {
  vertical-align: .6rem;
}

.monthly-events li::marker {
    color: #7ed5db;
    font-size: 3.4rem;
}

.monthly-events span {
  font-weight: 500;
  text-align: center;
}

.section-health {
  position: relative;
}

.section-health figure {
  position: absolute;
  top: -20px;
  right: 300px;
}

.section-health figure img {
  width: 100px;
}

.section-health .article-wrap {
  padding: 30px 0 50px;
  line-height: 1.8;
}

.section-health .article-wrap .list-number {
  display: inline-block;
  padding: 0 14px;
  margin-right: 10px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  background-color: #604c3f;
  border-radius: 4px;
}

.section-health .article-wrap .case-list {
  margin: 20px 0 0 40px;
  list-style: inside;
}

.section-health .article-wrap .case-list p {
  padding-left: 25px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .section-time-schedule {
    margin: 30px auto 0;
	width: 90%;
  }
  
  .section-time-schedule .time-schedule-wrap {
    margin: 10px 0;
	width: 100%;
	display: block;
    justify-content: start;
  }
  
  .section-time-schedule .time-wrap {
    width: 100%;
    padding: 10px 0;
    font-size: 1.8rem;
  }
  
  .section-time-schedule .schedule {
    padding: 10px;
    font-size: 1.6rem;
    font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .section-time-schedule .schedule-wrap {
    width: 100%;
	margin-top: 10px;
  }
  
  .section-time-schedule .flex-end .schedule-wrap li {
    width: 33%;
  }
  
  .section-time-schedule .flex-end .schedule-wrap p {
    font-size: 1.4rem;
  }
  
  .section-time-schedule .flex-end .schedule-wrap figure img {
    height: 40px;
  }
  
  .section-time-schedule .flex-end .schedule-wrap .nensho span ,
  .section-time-schedule .flex-end .schedule-wrap .nenchu span ,
  .section-time-schedule .flex-end .schedule-wrap .nencho span {
    padding: 0 0;
  }
  
  .yearly-schedule ,
  .section-health {
    width: 90%;
	margin: 0 auto;
  }
  
  .yearly-schedule .season-wrap {
    margin-top: 30px;
    display: block;
    justify-content: start;
  }
  
  .yearly-schedule .season-wrap .month-box {
    margin-top: 30px;
  }

  .yearly-schedule .season-wrap .month-box span {
    left: -10px;
    top: 190px;
    width: 60px;
    height: 60px;
  }
  
  .yearly-schedule .season-wrap .month-box .not {
    height: 30px;
  }
  
  .yearly-schedule .season-wrap .month-box .event-list {
    padding-left: 60px;
  }
  
  .yearly-schedule .season-wrap .month-box .event-list li {
    font-weight: 400;
    letter-spacing: 0rem;
    margin-right: 0rem;
  }
  
  .monthly-events-h {
    font-size: 2rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
  }
  
  .monthly-events {
    margin: 20px auto 0;
    display: block;
	width: 30%;
  }
  
  .monthly-events li {
    list-style: disc;
    margin-right: 0;
  }

  .monthly-events li::marker {
    font-size: 3rem;
  }
  
  .monthly-events span {
    font-weight: 400;
  }
  
  .section-health {
    padding: 50px 20px 0;
    background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px / cover;
  }
  
  .section-health figure {
    top: -20px;
    right: 0px;
  }
  
  .section-health figure img {
    width: 70px;
  }
  
  .section-health .article-wrap {
    padding: 30px 0 30px;
    line-height: 1.6;
  }
  
  .section-health .article-wrap li {
  }

  .section-health .article-wrap .list-number {
    padding: 0 10px;
    font-size: 1.8rem;
  }
  
  .section-health .article-wrap .list-txt {
    display: block;
    margin-top: 10px;
  }
  
  .section-health .article-wrap .case-list {
    margin: 0 0 0 0;
    list-style: inside;
	text-indent: -24px;
    padding-left: 28px;
  }
  
  .section-health .article-wrap .case-list p {
    text-indent: -16px;
    padding-left: 16px;
  }
}
/* responsive End */

/* ============================================ */
/* 採用情報
/* ============================================ */
.recruit-page .inner {
  padding: 50px 0;
}

.recruit-page .start-messe {
  padding: 0 0 30px;
  display: flex;
  justify-content: center;
}

.section-recruit {
  margin-top: 50px;
  padding: 80px 0;
  background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px;
  border-radius: 14px;
  text-align: center;
}

.section-recruit h4 {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .1rem;
  margin-right: -0.1rem;
}

.section-recruit h4 span {
  display: inline-block;
  padding: 0 6px;
  background: linear-gradient(transparent 50%, #f8ec00 50%);
}

.section-recruit p {
  margin-top: 30px;
}

.section-recruit .data-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.section-recruit .data-list dt ,
.section-recruit .data-list dd {
  padding: 20px 0;
  border-bottom: 1px dashed #7a6a56;
  display: flex;
  align-items: center;
}

.section-recruit .data-list dt {
  width: 20%;
  padding-left: 20px;
}

.section-recruit .data-list dt span {
  display: inline-block;
  padding: 6px 0;
  font-weight: 500;
  color: #fff;
  background-color: #755d43;
  border-radius: 8px;
  width: 160px;
  text-align: center;
}

.section-recruit .data-list dd {
  width: 70%;
}

.section-recruit .contact-wrap {
  text-align: center;
}

.section-recruit .contact-wrap h4 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .2rem;
}

.section-recruit .contact-wrap .phone-number span {
  font-size: 5rem;
  font-weight: 800;
  font-family: "GenJyuuGothic-P" , sans-serif;
  padding-left: 50px;
  background: url(../images/icon-phone.png) no-repeat 0 50%;
}

.section-recruit .contact-wrap .detail-btn {
}

.section-recruit .contact-wrap .detail-btn a {
  padding: 20px 70px 20px 45px;
  background: #20d1c4 url(../images/icon_hand-sign-right.png) no-repeat 88% 50% / 22px;
  border-radius: 40px;
}

.section-recruit .contact-wrap .detail-btn a:hover {
	background: #0ab8b3 url(../images/icon_hand-sign-right.png) no-repeat 91% 50% / 22px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .recruit-page .inner {
    padding: 30px 0;
	width: 90%;
	margin: 0 auto;
  }
  
  .section-recruit {
    margin-top: 20px;
    padding: 30px 20px;
  }
  
  .section-recruit h4 {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: .05rem;
	margin-right: -0.05rem;
  }
  
  .section-recruit p {
    margin-top: 30px;
    text-align: left;
  }
  
  .section-recruit .data-list {
    display: block;
    justify-content: start;
  }
  
  .section-recruit .data-list dt ,
  .section-recruit .data-list dd {
    padding: 15px 0;
    border-bottom: 1px dashed #7a6a56;
    display: block;
  }
  
  .section-recruit .data-list dt {
    width: 100%;
    padding-left: 0;
	padding-bottom: 0;
	border-bottom: none;
  }
  
  .section-recruit .data-list dt span {
	font-size: 1.4rem;
    width: 100px;
  }
  
  .section-recruit .data-list dd {
    width: 100%;
	text-align: left;
  }
  
  .section-recruit .contact-wrap h4 {
    font-size: 1.8rem;
  }
  
  .section-recruit h4 span {
    background: none;
  }
  
  .section-recruit p {
    margin-top: 20px;
  }
  
  .section-recruit .contact-wrap .phone-number span {
    font-size: 3rem;
    padding-left: 40px;
    background: url(../images/icon-phone.png) no-repeat 0 50% / 30px;
  }
  
  .section-recruit .contact-wrap .detail-btn a {
    padding: 18px 50px 18px 30px;
    background: #20d1c4 url(../images/icon_hand-sign-right.png) no-repeat 88% 50% / 16px;
	font-size: 1.4rem;
  }
  
  .section-recruit .contact-wrap .detail-btn a:hover {
	  background: #0ab8b3 url(../images/icon_hand-sign-right.png) no-repeat 91% 50% / 16px;
  }
}
/* responsive End */


/* ============================================ */
/* 情報公開
/* ============================================ */
.info-page .inner {
  padding: 50px 0;
}

.section-download {
  margin-top: 50px;
  padding: 80px 0;
  background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px;
  border-radius: 14px;
  text-align: center;
}

.section-download h3 {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .1rem;
}

.section-download p {
  margin-top: 30px;
  line-height: 1.8;
}

.section-download p i {
  font-size: 1.6rem;
  margin-left: 8px;
}

.down-btn {
  margin-top: 30px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1rem;
}

.down-btn a {
  padding: 15px 40px 15px 60px;
  color: #604c3f;
  background: url(../images/icon-pdf.svg) no-repeat 10% 50%;
  border-bottom: 1px dashed #a28978;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .info-page .inner {
    padding: 30px 0;
	width: 90%;
	margin: 0 auto;
  }
  
  .section-download {
    margin-top: 20px;
    padding: 30px 20px 50px;
    background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px;
    border-radius: 14px;
    text-align: center;
  }
  
  .section-download h3 {
    font-size: 1.8rem;
  }
  
  .section-download p {
    margin-top: 30px;
    line-height: 1.6;
    text-align: left;
  }
  
  .section-download p i {
    font-size: 1.6rem;
    margin-left: 8px;
  }
  
  .down-btn {
    font-size: 1.8rem;
  }
  
  .down-btn a {
    padding: 15px 10px 15px 30px;
    background: url(../images/icon-pdf.svg) no-repeat 2% 50% / 20px;
  }
}
/* responsive End */

/* ============================================ */
/* お問い合わせ
/* ============================================ */
.contact-page .inner {
  padding: 50px 0;
}

.section-contact {
  margin-top: 50px;
  padding: 50px 0;
  background: #fffbee url(../images/icon-ping-double.png) no-repeat 50% 10px;
  border-radius: 14px;
  text-align: center;
}

.section-contact h3 {
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .1rem;
  margin-right: -0.1rem;
  line-height: 1.8;
}

.section-contact p {
}

.section-contact .contact-by-phone {
  margin-top: 50px;
}

.section-contact h4 {
  font-size: 2.2rem;
  font-weight: 700;
}

.section-contact h4 span {
  padding-left: 40px;
  background: url(../images/icon-phone.png) no-repeat 0 50% / 24px;
}

.section-contact .phone-number {
  font-size: 5rem;
  font-weight: 800;
  font-family: "GenJyuuGothic-P" , sans-serif;
  color: #0fa398;
}

.section-contact .form-wrap {
  margin-top: 80px;
  padding: 0 50px;
}

.section-contact .form-wrap .contact-form-dl {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: left;
}

.contact-form-dl dt ,
.contact-form-dl dd {
  padding: 0 0 20px;
}

.contact-form-dl dt {
  width: 20%;
  display: flex;
  align-items: center;
  font-weight: 500;
  position: relative;
}

.contact-form-dl dd {
  width: 65%;
}

.contact-form-dl input {
  padding: 20px;
  border-radius: 8px;
  width: 100%;
}

.contact-form-dl textarea {
  width: 100%;
  height: 300px;
  padding: 20px;
  border-radius: 8px;
}

input::placeholder ,
textarea::placeholder {
  opacity: 0.6;
  color: #dcceae;
}

.contact-form-dl .required {
  display: inline-block;
  background-color: #e4555d;
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  position: absolute;
  top: 15px;
  right: 15px;
}

.contact-form-dl .paren {
  display: block;
  font-size: 1.4rem;
}

.check-wrap ,
.form-submit {
  margin-top: 30px;
}

.check-wrap {
}

.form-submit {
  display: flex;
  justify-content: center;
}

input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #dcceae;
  border-radius: 4px;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type="checkbox"]:checked {
  background-color: #fff;
  border-radius: 4px;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 7px;
  height: 12px;
  border-right: 3px solid #e4555d;
  border-bottom: 3px solid #e4555d;
  content: '';
}

.wpcf7-form input ,
.wpcf7-form textarea {
  /*outline: 0;*/
  border: 2px solid #fff;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: 0;
  border: 2px solid #20d1c4;
}

.wpcf7-form input[type="submit"] ,
.wpcf7-form input[type="button"] {
  border: 0;
}

.form-submit input[type="submit"] {
  padding: 15px 20px;
  width: 200px;
  border-radius: 40px;
  background: #20d1c4;
  color: #fff;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

.form-submit input[type="submit"]:hover {
  cursor: pointer;
  background: #0ab8b3;
}

.form-submit input[type="button"] {
  padding: 15px 20px;
  margin-right: 15px;
  width: 200px;
  border-radius: 40px;
  background: #c7ba9a;
  color: #fff;
  font-family: inherit;
}

/*.form-submit input[type="button"]:hover {
  cursor: pointer;
  background: #0ab8b3;
}*/

span.wpcf7-spinner {
  display: none;
}

.recaptcha {
  margin-top: 30px;
  text-align: center;
}

.recaptcha small {
  font-size: 1.4rem;
}

/* メッセージCSS */
.wpcf7-not-valid-tip {
  margin-top: 5px;
  color: #de0000;
  font-size: 1.4rem;
  display: block;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
}
  
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
  
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
	padding: 0.4em 1em;
	color: #46b450;
}
  
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
	padding: 0.4em 1em;
	color: #dc3232;
}
  
.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
	padding: 0.4em 1em;
	color: #f56e28;
	
}
  
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
	padding: 0.4em 1em;
	color: #ffb900;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .contact-page .inner {
    padding: 50px 0;
  }

  .section-contact {
    margin: 0 auto;
	width: 90%;
    padding: 20px;
    background: #fffbee none;
  }
  
  .section-contact h3 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: .05rem;
	margin-right: -0.05rem;
    line-height: 1.6;
  }
  
  .section-contact p {
    /*font-size: 1.4rem;*/
  }
  
  .section-contact .contact-by-phone {
    margin-top: 30px;
	text-align: center;
  }

  .section-contact h4 {
  }

  .section-contact h4 span {
    font-size: 1.8rem;
    padding-left: 30px;
  }
  
  .section-contact .phone-number {
    font-size: 3rem;
  }
  
  .section-contact .form-wrap {
    margin-top: 50px;
    padding: 0 0;
  }
  
  .section-contact .form-wrap .contact-form-dl {
    display: block;
    justify-content: start;
	/*font-size: 1.4rem;*/
  }
  
  .contact-form-dl dt:first-child {
    padding-top: 0;
  }
  
  .contact-form-dl dt ,
  .contact-form-dl dd {
  }
  
  .contact-form-dl dt {
    width: 100%;
	padding: 15px 0 5px;
    display: block;
	font-weight: 400;
    align-items: start;
    position: static;
  }
  
  .contact-form-dl dd {
    width: 100%;
	padding: 0 0 15px;
	border-bottom: 1px dashed #7a6a56;
  }
  
  .contact-form-dl .required {
    margin-left: 10px;
    position: static;
    top: 0;
    right: 0;
	padding: 4px 8px;
    border-radius: 4px;
	font-size: 1.2rem;
  }
  
  .contact-form-dl input {
    padding: 10px;
    border-radius: 8px;
    width: 100%;
  }
  
  .contact-form-dl textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    border-radius: 8px;
  }
  
  .contact-form-dl .paren {
    display: inline-block;
  }
  
  .check-wrap {
    font-size: 1.4rem;
  }
  
  .form-submit {
    display: block;
  }
  
  .form-submit input[type="button"] {
    margin-right: 0;
	margin-bottom: 10px;
  }
  
  .recaptcha {
    margin: 30px auto 0;
    text-align: left;
	width: 90%;
  }
}
/* responsive End */

/* ============================================ */
/* こんだて
/* ============================================ */
.lunch-page .page-title ,
.blog-page .page-title {
  padding: 0 0 20px;
  text-align: center;
}

.lunch-page .page-title figure ,
.blog-page .page-title figure {
  -webkit-animation: yurayura2 2s linear 0s infinite;
  animation: yurayura2 2s linear 0s infinite;
}

.lunch-page .inner h2 ,
.blog-page .inner h2 {
  margin-top: 15px;
  font-size: 3.8rem;
  color: #604c3f;
  font-weight: 800;
  letter-spacing: 1.4rem;
  margin-right: -1.4rem;
  text-align: center;
}

.lunch-page .inner h2 span ,
.blog-page .inner h2 span  {
  display: block;
  font-size: 1.6rem;
  letter-spacing: .2rem;
  margin-right: -0.2rem;
}

.lunch-page .inner {
  padding: 20px 0 50px;
}

.lunch-page .inner.relative {
}

.lunch-page .post-container {
  display: flex;
  /*justify-content: space-evenly;*/
  flex-wrap: wrap;
  column-gap: 37px;
}

.lunch-page .inner.relative .illust-kids-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.lunch-page .post-container .post-wrap {
  margin-top: 80px;
  padding: 40px;
  background-color: #fffbee;
  position: relative;
}

.lunch-page .post-container .post-wrap .icon-clip {
  position: absolute;
  top: -50px;
  left :50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lunch-page .post-container .post-wrap .post-thumbnail img {
  width:295px;
  height: auto;
}

.lunch-page .post-container .post-wrap .post-data {
  padding-top: 20px;
  display: block;
  /*color: #20d1c4;
  font-size: 1.2rem;
  font-weight: 400;*/
  /*padding-left: 25px;*/
}

.lunch-page .post-container .post-wrap .post-data i {
  font-size: 1.4rem;
  margin-right: 5px;
}

/*.lunch-page .post-container .post-wrap .post-data.pencil {
  background: url(../images/icon-pencil.svg) no-repeat 0 0 / 25px 25px;
}*/

.lunch-page .post-container .post-wrap .post-title {
  margin-top: 10px;
  padding-bottom: 10px;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: .05rem;
  border-bottom: 3px dashed #20d1c4;
  color: #e4555d;
}

.lunch-page .post-container .post-wrap .post-menu {
  margin-top: 20px;
}

.lunch-page .post-container .post-wrap .post-menu ul li {
  padding: 5px 0 5px 0;
  list-style: disc;
  list-style-position: inside;
}

.lunch-page .post-container .post-wrap .post-menu ul li::marker {
  color: #dcceae;
}

/* ページネーション */
.wp-pagenavi {
  margin: 40px auto;
  font-weight: 500;
  font-family: "Source Sans 3", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi a {
  color: #c7ba9a;
}

.wp-pagenavi a.page {
  margin: 0 6px;
}

.wp-pagenavi span.current,
.wp-pagenavi a.page ,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
 /* margin: 0 10px 0 0;*/
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

.wp-pagenavi span.current {
  border: none;
  background-color: #20d1c4;
  color: #fff;
}

.wp-pagenavi a.page ,
.wp-pagenavi a.previouspostslink ,
.wp-pagenavi a.nextpostslink {
  background-color: #fffbee;
}
.wp-pagenavi a.page:hover ,
.wp-pagenavi a.previouspostslink:hover ,
.wp-pagenavi a.nextpostslink:hover {
  background-color: #c7ba9a;
  color: #fff;
}

.wp-pagenavi .first,
.wp-pagenavi .extend {
  margin-right: 10px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-size: 1.4rem;
  font-weight: 400;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .lunch-page .page-title ,
  .blog-page .page-title {
    padding: 10px 0;
	width: 90%;
	margin: 0 auto;
  }
  
  .lunch-page .inner h2 ,
  .blog-page .inner h2 {
    margin-top: 5px;
	font-size: 2.4rem;
    letter-spacing: 1rem;
    margin-right: -1rem;
  }

  .lunch-page .inner h2 span ,
  .blog-page .inner h2 span  {
    font-size: 1.2rem;
  }
  
  .lunch-page .page-title figure ,
  .blog-page .page-title figure {
    -webkit-animation: none;
    animation: none;
  }
  
  .lunch-page .page-title figure img ,
  .blog-page .page-title figure img {
    width: 70px;
  }

  .lunch-page .post-container {
    display: block;
    width: 90%;
    margin: 0 auto;
    column-gap: normal;
  }
  
  .lunch-page .inner.relative .illust-kids-1 img {
    width: 90px;
  }
  
  
  
  .lunch-page .post-container .post-wrap .post-thumbnail img {
    width:100%;
  }
  
  .lunch-page .post-container .post-wrap .post-title {
    font-size: 1.8rem;
  }
}
/* responsive End */

/* ============================================ */
/* ブログ
/* ============================================ */
.blog-page .inner {
  padding: 20px 0 50px;
}

.blog-page .page-title {
  padding-bottom: 80px;
}

.blog-page .post-container {
  display: flex;
  justify-content: space-between;
}

.blog-page .post-container .blog-archives {
  position: relative;
}

.blog-page .post-container .blog-archives .illust-kids-1 {
  position: absolute;
  top:-83px;
  right: 0px;
}

.blog-page .post-container .blog-archives .illust-kids-1 img {
  width: 80%;
}

.blog-page .post-container .post-wrap ,
.blog-page .post-container .post-wrap-detail {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 35px;
  background-color: #fffbee;
  border-radius: 14px;
  width: 830px;
}

.blog-page .post-container .post-wrap {
  display: flex;
  justify-content: space-between;
}

.blog-page .post-container .post-wrap .post-thumbnail img {
  width: 220px;
  height: auto;
  object-fit: cover;
}

.blog-page .post-container .post-wrap .post-content {
  width: 505px;
}

.blog-page .post-container .post-wrap .post-info ,
.blog-page .post-container .post-wrap .post-title ,
.blog-page .post-container .post-wrap-detail .post-info ,
.blog-page .post-container .post-wrap-detail .post-title {
  font-family: "GenJyuuGothic-P" , sans-serif;
}

.blog-page .post-container .post-wrap .post-info i ,
.blog-page .post-container .post-wrap-detail .post-info i {
  font-size: 1.4rem;
  margin-right: 5px;
}

.blog-page .post-container .post-wrap .post-info time ,
.blog-page .post-container .post-wrap-detail .post-info time {
  color: #604c3f;
}

.blog-page .post-container .post-wrap .post-info .post-category ,
.blog-page .post-container .post-wrap-detail .post-info .post-category {
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 5px;
  background-color: #c7ba9a;
  padding: 2px 10px;
  border-radius: 20px;
  color: #fff;
}

.blog-page .post-container .post-wrap .post-title ,
.blog-page .post-container .post-wrap-detail .post-title {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: .05rem;
  padding-bottom: 10px;
  border-bottom: 2px dashed #20d1c4;
  color: #e4555d;
}

.blog-page .post-container .post-wrap .post-title {
  margin-top: 10px;
}

.blog-page .post-container .post-wrap-detail .post-title {
  margin-top: 20px;
}

.blog-page .post-container .post-wrap .post-link {
  margin-top: 15px;
}

.blog-page .post-container .post-wrap .post-link a {
  color: #604c3f;
  padding-left: 30px;
  background: url(../images/icon_arrow_right_brown.png) no-repeat 0 50% / 14px 14px;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

.blog-page .post-container .post-wrap .post-link a:hover {
  background-position: 5% 50%;
}

.blog-page .post-container .post-wrap-detail .entry-wrap {
  margin-top: 30px;
}

.blog-page .post-container .post-wrap-detail .entry-wrap p ,
.blog-page .post-container .post-wrap-detail .entry-wrap figure.wp-block-image {
  margin: 10px;
}

.blog-page .post-container .post-wrap-detail .entry-wrap p {
  line-height: 2;
}

nav.navigation {
  margin-top: 50px;
}

nav.post-navigation .nav-links {
  position: relative;
}

nav.post-navigation .nav-links .nav-previous {
  position: absolute;
  left: 0;
}

nav.post-navigation .nav-links .nav-next {
  position: absolute;
  right: 0;
}

nav.post-navigation .nav-links .nav-previous a {
  padding: 10px 50px 10px 40px;
}

nav.post-navigation .nav-links .nav-next a {
    padding: 10px 40px 10px 50px;
}

nav.post-navigation .nav-links .nav-previous a::before {
  content: "\f060";
  font-weight: 900;
  font-size: 1.8rem;
  font-family: "Font Awesome 6 Free";
  margin-right: 10px;
}

nav.post-navigation .nav-links .nav-next a::after {
  content: "\f061";
  font-weight: 900;
  font-size: 1.8rem;
  font-family: "Font Awesome 6 Free";
  margin-left: 10px;
}

nav.post-navigation .nav-links .nav-previous ,
nav.post-navigation .nav-links .nav-next {
  display: inline-block;
}

nav.navigation a {
  color: #c7ba9a;
  background-color: #fffbee;
  border-radius: 30px;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

nav.navigation a:hover {
  color: #fff;
  background-color: #c7ba9a;
}

/* サイドバー */
.my-widget {
  padding: 15px 40px 30px;
  background-color: #fffbee;
  border-radius: 14px;
  width: 320px;
  margin-bottom: 30px;
}

.my-widget .my-widget-title {
  text-align: center;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-weight: 500;
  padding: 15px 0;
  background: url(../images/h3_my-widget-title.png) no-repeat 50% 10% / 180px;
}

.my-widget ul {
  font-family: "GenJyuuGothic-P" , sans-serif;
}

.my-widget ul li {
  border-bottom: 1px dashed #dcceae;
  background: url(../images/icon_arrow_right_brown.png) no-repeat 2% 50% / 12px 12px;
  -webkit-transition: all .2s easet;
  transition: all .2s ease;
}

.my-widget ul li:hover {
  background: url(../images/icon_arrow_right_brown.png) no-repeat 4% 50% / 12px 12px;
}

.my-widget ul li .post-date {
  font-size: 1.4rem;
  font-family: "Source Sans 3", sans-serif;
  display: block;
}

.my-widget ul li a {
  color: #604c3f;
  padding: 15px 15px 15px 30px;
  display: block;
}

.my-widget .new {
  display: inline-block;
  font-size: .85rem;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 500;
  color: #de0000;
  
}

.blog-page .post-container .widget_categories ,
.blog-page .post-container .widget_archive {
  position: relative;
}

.blog-page .post-container .widget_categories .illust-kids-2 {
  position: absolute;
  top:-100px;
  right: -20px;
}

.blog-page .post-container .widget_categories .illust-kids-2 img {
  width: 90%;
}

.blog-page .post-container .widget_archive .illust-kids-3 {
  position: absolute;
  top:-50px;
  left: -70px;
}

.blog-page .post-container .widget_archive .illust-kids-3 img {
  /*width: 90%;*/
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .blog-page .post-container {
    display: block;
    justify-content: start;
  }
  
  .blog-page .post-container .blog-archives .illust-kids-1 {
    position: absolute;
    top: -60px;
	right: 60px;
  }
  
  .blog-page .post-container .blog-archives .illust-kids-1 img {
    width: 70px;
  }
  
  .blog-page .post-container .post-wrap ,
  .blog-page .post-container .post-wrap-detail {
    margin: 0 auto 20px;
    padding: 20px;
    width: 90%;
  }
  
  .blog-page .post-container .post-wrap {
    display: block;
    justify-content: space-between;
  }

  .blog-page .post-container .post-wrap .post-thumbnail img {
    width: 100%;
  }

  .blog-page .post-container .post-wrap .post-content {
    margin-top: 10px;
    width: 100%;
  }
  
  .blog-page .post-container .post-wrap .post-title ,
  .blog-page .post-container .post-wrap-detail .post-title {
    font-size: 1.8rem;
  }
  
  .blog-page .post-container .post-wrap-detail .entry-wrap p {
    line-height: 1.6;
  }
  
  .sidebar-area {
    width: 90%;
	margin: 0 auto;
  }
  
  .my-widget {
    padding: 15px 20px 30px;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .my-widget ul li a {
    font-size: 1.6rem;
	font-weight: 400;
  }
  
  .blog-page .post-container .widget_categories .illust-kids-2 {
    top:-65px;
    right: 30px;
  }

  .blog-page .post-container .widget_categories .illust-kids-2 img {
    width: 70px;
  }

  .blog-page .post-container .widget_archive .illust-kids-3 {
    position: absolute;
    top:-30px;
    left: -10px;
  }
  
  .blog-page .post-container .widget_archive .illust-kids-3 img {
    width: 80px;
  }
  
  nav.navigation {
    margin: 50px auto 80px;
	width: 90%;
  }
  
  nav.post-navigation .nav-links {
    position: static;
	display: flex;
	justify-content: space-between;
  }
  
  nav.post-navigation .nav-links .nav-previous {
    position: static;
  }
  
  nav.post-navigation .nav-links .nav-next {
    position: static;
  }
  
  nav.post-navigation .nav-links .nav-previous ,
  nav.post-navigation .nav-links .nav-next {
    font-size: 1.4rem;
  }
  
  nav.post-navigation .nav-links .nav-previous a {
    padding: 10px 30px 10px 20px;
  }

  nav.post-navigation .nav-links .nav-next a {
    padding: 10px 20px 10px 30px;
  }
  
  nav.post-navigation .nav-links .nav-previous a::before {
    font-size: 1.4rem;
  }
  
  nav.post-navigation .nav-links .nav-next a::after {
    font-size: 1.4rem;
  }
}
/* responsive End */

/* ============================================ */
/* breadcrumb
/* ============================================ */
.guide-page .inner.relative ,
.about-page .inner.relative ,
.schedule-page .inner.relative ,
.lunch-page .inner.relative ,
.blog-page .inner.relative ,
.contact-page .inner.relative ,
.recruit-page .inner.relative ,
.info-page .inner.relative {
  padding-top: 0;
}


#breadcrumb {
  margin: 0 auto;
  padding: 10px 0 40px 70px;
  width: 1200px;
}

#breadcrumb ol {
  display: flex;
  justify-content: start;
}

#breadcrumb ol li {
  font-size: 1.4rem;
  padding-right: 20px;
  background: url(../images/breadcrumb-arrow.svg) no-repeat 95% 50% / 10px;
}

#breadcrumb ol li:last-child {
  padding-right: 0;
  background: none;
}

#breadcrumb ol li a {
  color: #604c3f;
}

#breadcrumb ol li .home {
  padding-left: 30px;
  background: url(../images/navi-label-2-home.svg) no-repeat 0 50% / 35px;
}

.lunch-page #breadcrumb ,
.blog-page #breadcrumb {
  padding-left: 0;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .guide-page .inner.relative ,
  .about-page .inner.relative ,
  .schedule-page .inner.relative ,
  .lunch-page .inner.relative ,
  .blog-page .inner.relative ,
  .contact-page .inner.relative ,
  .recruit-page .inner.relative ,
  .info-page .inner.relative {
    padding-top: 30px;
  }

  #breadcrumb {
    display: none;
  }
}
/* responsive End */

/* ============================================ */
/* 404
/* ============================================ */
.page-404 {
  padding: 80px 0;
  text-align: center;
}

.page-404 h2 span {
  display: block;
}

.page-404 h2 span.big {
  font-size: 8rem;
  font-family: "GenJyuuGothic-P" , sans-serif;
  color: #20d1c4;
  font-weight: 800;
  margin-bottom: -20px;
}

.page-404 h2 span.small {
  font-size: 3rem;
  font-family: "Source Sans 3", sans-serif;
  color: #20d1c4;
  font-weight: 400;
}

.page-404 p {
  margin-top: 30px;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .05rem;
}

.page-404 .back-home {
  margin-top: 50px;
  font-family: "GenJyuuGothic-P" , sans-serif;
  font-size: 1.6rem;
  letter-spacing: .05rem;
}

.page-404 .back-home a {
  display: inline-block;
  padding: 12px 60px 12px 40px;
  background: #c7ba9a url(../images/icon_hand-sign-right.png) no-repeat 85% 50% / 22px;
  border-radius: 30px;
  color: #fff;
  -webkit-transition: all .3s easet;
  transition: all .3s ease;
}

.page-404 .back-home a:hover {
	background: #c7ba9a url(../images/icon_hand-sign-right.png) no-repeat 88% 50% / 22px;
}

/* responsive
----------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .page-404 {
    padding: 30px 0;
    text-align: center;
  }
  
  .page-404 h2 span.big {
    font-size: 5.5rem;
    margin-bottom: 0px;
  }
  
  .page-404 h2 span.small {
    font-size: 2rem;
  }
  
  .page-404 p {
    margin-top: 30px;
    font-size: 1.8rem;
	line-height: 1.6;
  }
  
  .page-404 .back-home {
    margin-top: 30px;
  }
}
/* responsive End */

/* ============================================ */
/* 余白
/* ============================================ */

.mgn-top-20 {  margin-top: 20px;  }
.mgn-top-30 {  margin-top: 30px;  }
.mgn-top-50 {  margin-top: 50px;  }
.mgn-top-80 {  margin-top: 80px;  }



/* ============================================ */
/* カラー指定
/* ============================================ */
.red { color: #de0000; }


/* ============================================ */
/* Google reCAPTCHA
/* ============================================ */
.grecaptcha-badge { visibility: hidden; }