/* Phase85: pages/top層（Phase85時点では未実装ページ分は参考抽出のみ） (自動分類, scripts/phase85_split_css.py, 元ファイル: common2.css/style2.css) */


/* CSS Document */

/* =========================================================
  01 基本設定
========================================================= */

html {
  font-size: 100%;
  scroll-behavior: smooth; /*---スムーズスクロール----*/
}

/* index.html専用の画面ずれ修正（2026-07-28）: 以下3ルールはPhase85自動分類で
   pages/recruit.css・pages/business.css・common2.css側にのみ分類され、
   index.htmlが読み込むCSSに存在しなかったため欠落していた。
   reference(common2.css/style2.css)と同一の値をtop.cssへ復元する。
   使用箇所がindex.htmlのみのためtop.css側に追加。 */

/* from style2.css（元pages/recruit.css）: 「給食部採用情報」見出しのフォントサイズ */
.p-recruit__recruit-patent-index h2 {
  font-size: 2rem;
  color: #ff9002;
  padding: 0;
}

/* from common2.css（元pages/business.css）: 画像スライダー(.center)内画像の幅 */
.center img {
  width: 100%;
}

/* from style2.css（元pages/business.css）: フッター上部リンクボタン列の上下余白 */
.p-business__link-info .annai {
  padding: 5% 0;
}

/* 画面ずれ追加修正（2026-07-29）: 「給食部採用情報」カードリンク(.p-business__patient-info-index)の
   背景色・余白・影、および内部見出しの色が同じくPhase85自動分類で
   pages/business.cssにのみ分類されindex.html側で欠落していたため復元する。 */
.news-tittle .p-business__patient-info-index {
  padding: 1% 10%;
  background-color: #ff9002;
  margin: 1% 5%;
  box-shadow: -2px -2px 8px rgba(255, 255, 255, 0.8),
    4px 4px 6px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}

.p-business__patient-info-index h2 {
  font-size: 1.4rem;
  color: #fff;
}


.p-top__big-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* =========================================================
  02 文字・テキスト設定
========================================================= */

/* -------------------------
  文字サイズ
------------------------- */
h1 {
  font-size: 4rem;
}


/* -------------------------
  文字配置・リンク設定
------------------------- */

h1, h2, h3 {
  text-align: center; 
}


a:hover {
  color: #0bd;
}


.office .p-business__content h2, 
.halfH1 {
  font-size: 2.5rem; 
}


.p-top__companyplan h1 {
  background-color: #84dd78; 
}


#news {
  background-image: url(/images/share/news-bg.jpg);
}


/* =========================================================
  05 アニメーション・共通部品
========================================================= */

/* -------------------------
  動く矢印 01
------------------------- */
.p-top__cp-arrows *,
.p-top__cp-arrows *:before,
.p-top__cp-arrows *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.p-top__cp-arrows {
  display: flex;
  position: relative;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  z-index: 1;
}


.p-top__cp-arrows .p-top__cp-arrow {
  width: 50px;
  height: 15px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: arrow-move07 2s ease-out infinite;
  animation: arrow-move07 2s ease-out infinite;
  opacity: 0;
}


.p-top__cp-arrows .p-top__cp-arrow:before,
.p-top__cp-arrows .p-top__cp-arrow:after {
  position: absolute;
  top: 0;
  width: 50%;
  height: 50%;
  content: "";
  border-radius: 2px;
  background: #002c78;
}


.p-top__cp-arrows .p-top__cp-arrow:before {
  left: 1px;
  -webkit-transform: skewY(45deg);
  transform: skewY(45deg);
}


.p-top__cp-arrows .p-top__cp-arrow:after {
  right: 1px;
  width: 50%;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}


@-webkit-keyframes arrow-move07 {
  25% {
    opacity: 0.6;
  }
  43.75% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    opacity: 0.8;
  }
  62.5% {
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(3em) scale(0.5);
    transform: translateY(3em) scale(0.5);
    opacity: 0;
  }
}


@keyframes arrow-move07 {
  25% {
    opacity: 0.6;
  }
  43.75% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    opacity: 0.8;
  }
  62.5% {
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(3em) scale(0.5);
    transform: translateY(3em) scale(0.5);
    opacity: 0;
  }
}


/* -------------------------
  動く矢印 02
------------------------- */


@-webkit-keyframes arrow-move06 {
  0% {
    top: 1%;
    opacity: 0.1;
  }
  70% {
    top: 5%;
    opacity: 1;
  }
  100% {
    top: 1%;
    opacity: 0.3;
  }
}


@keyframes arrow-move06 {
  0% {
    top: 1%;
    opacity: 0.1;
  }
  70% {
    top: 5%;
    opacity: 1;
  }
  100% {
    top: 1%;
    opacity: 0.3;
  }
}


/* -------------------------
  アコーディオン
------------------------- */

.p-business__accordion-container {
  position: relative;
  width: 300px;
  margin: 1em auto;
  border: 1px solid #432;
  border-top: none;
  outline: 0;
  cursor: pointer;
}


.p-business__accordion-container .p-top__article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 2% 0;
  font-size: 1em;
  color: #fff;
  background: #432;
  cursor: pointer;
}


.p-business__accordion-container .p-top__article-title:hover i:before,
.p-business__accordion-container .p-top__article-title:hover i:active,
.p-business__accordion-container .p-top__content-entry.p-top__open i {
  color: white;
}


.p-top__article-title {
  position: relative;
}


.p-top__article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}


.p-top__article-title.p-top__open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}


.p-business__accordion-content {
  display: none;
}


/* -------------------------
  スクロール表示アニメーション
------------------------- */


.p-top__list-mv07 {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}


.p-top__mv07 {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}


/* -------------------------
  chevronアニメーション
------------------------- */

@-webkit-keyframes chevronAnimation {
  0%,
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }
  50% {
    -webkit-transform: translate(0, 5px) scale(0.8, 0.8);
    transform: translate(0, 5px) scale(0.8, 0.8);
  }
}


@-moz-keyframes chevronAnimation {
  0%,
  100% {
    -moz-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }
  50% {
    -moz-transform: translate(0, 5px) scale(0.8, 0.8);
    transform: translate(0, 5px) scale(0.8, 0.8);
  }
}


@-o-keyframes chevronAnimation {
  0%,
  100% {
    -o-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }
  50% {
    -o-transform: translate(0, 5px) scale(0.8, 0.8);
    transform: translate(0, 5px) scale(0.8, 0.8);
  }
}


@keyframes chevronAnimation {
  0%,
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -moz-transform: translate(0, 0) scale(1, 1);
    -o-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }
  50% {
    -webkit-transform: translate(0, 5px) scale(0.8, 0.8);
    -moz-transform: translate(0, 5px) scale(0.8, 0.8);
    -o-transform: translate(0, 5px) scale(0.8, 0.8);
    transform: translate(0, 5px) scale(0.8, 0.8);
  }
}


.fromTopIn {
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease,
    -moz-transform 1s ease, -o-transform 1s ease;
  transform: translate(0, 0);
  opacity: 1;
}


.fromRightIn {
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease,
    -moz-transform 1s ease, -o-transform 1s ease;
  transform: translate(0, 0);
  opacity: 1;
}


.scaleUpIn {
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease,
    -moz-transform 1s ease, -o-transform 1s ease;
  transform: scale(1, 1);
  opacity: 1;
}


/* -------------------------
  CMS共通設定
------------------------- */


.c-cms-iframe {
  margin: 0;
  padding: 3% 15%;
  background-color: #fff;
}


/* --------------------------------共通--------------------------------------------- */

.p-top__display-flex,
.p-top__grid-dis-flex {
  display: flex;
}


.p-top__grid-dis-grid {
  display: grid;
}

/* Phase101-D: .header_onlinestoreはcss/layout.cssへ移設済み */


.p-top__councilors th {
  padding: 1% 0;
}


.p-top__order-top ul {
  padding: 5% 0 0;
  justify-content: space-around;
}


.p-top__secom li {
  padding: 0;
  position: relative;
  z-index: 1;
  text-align: center;
}


.p-business__fade h1 {
  font-size: 3rem; 
  padding: 2% 0 0;
}


.p-top__enter-form,
h2.p-top__true-set-price2 {
  margin: 0 10%;
}


.pure-u-1-4 {
  width: 0;
  margin: 0 5%;
}


.p-top__big-bg {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}


.order2-top h3 {
  padding: 5% 0;
  text-align: left;
}


.p-business__plan-top h1 {
  padding: 3% 0;
  color: #fff;
}


.service h2 {
  padding: 3% 0;
  background-color: #84dd78;
  color: #fff;
}


h4.financialstatements {
  text-align: center;
}


.service {
  padding: 3% 0;
  background-color: #fff;
}


.p-top__cafe-service {
  padding: 3% 0;
  background-color: #fff;
  justify-content: center;
  text-align: left;
}


.p-top__cafe-service h3 {
  padding: 2% 10% 1%;
  text-align: left;
}


.p-top__total-present img,
.p-business__twitter a {
  padding: 3%;
}


/* 見出し */


/* ボタン */

/* Phase101-D: .nav-unshownはcss/layout.cssへ移設済み */


.p-top__qr-code {
  display: inline;
  padding: 3px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: -6px -6px 8px rgba(255, 255, 255, 0.4),
    6px 6px 8px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-in-out;
}


.p-top__qr-code:hover {
  box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.2),
    1px 1px 2px rgba(0, 0, 0, 0.3);
}


.p-top__qr-code:active {
  box-shadow: inset -2px -2px 4px rgba(255, 255, 255, 0.5),
    inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}


/* iframe */
#cms-iframe iframe {
  height: 500px;
  border: 0;
  display: block;
  justify-content: center;
}


iframe.p-top__iframe-newslist2 {
  width: 750px;
}


iframe.p-top__iframe-newslist1,
iframe.p-top__iframe-newslist2 {
  width: 100%;
  margin: 2% 1%;
}


/* -----------------------------------------スライダー　javascript-------------------------------------------- */
.slick-prev:before,
.slick-next:before,
.p-top__fade2 .slick-next:before {
  font-size: 25px;
}


.slick-slide {
  position: relative;
}


.slick-slide .caption,
.slick-slide .p-top__caption2 {
  left: 0;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  width: 100%;
}


.slick-slide .caption {
  padding: 3px 10px;
  transition: 1.5s ease;
  text-align: center;
}


.slick-slide .p-top__caption2 {
  font-size: 1.2rem; 
  padding: 20px 0;
  transition: 0.5s ease;
}


.slick-slide .p-top__caption-description li {
  font-size: 0.7rem;
  text-align: left;
}


.p-top__thumbnail-thumb .slick-slide .caption {
  background: rgba(255, 255, 255, 0.6);
  transition: 0.8s ease;
  color: #543;
}


.center2 .slick-current .caption {
  font-size: 0.8rem;
  opacity: 1;
  transition-delay: 1.5s;
  line-height: 1.2;
}


.slick-current .caption {
  opacity: 1;
  transition-delay: 1s;
  font-size: 3rem;
}


.p-top__slide {
  padding: 2% 0;
}


.p-top__slide img {
  padding: 0 10%;
}


.invisible {
  opacity: 0;
  transition: opacity 0.5s ease;
}


.p-top__visible {
  opacity: 1;
  transition: opacity 1s ease;
}


.p-top__addHeight {
  opacity: 1;
  transition: opacity 5s ease;
}


#home.l-main-nav2 a {
  font-size: 0.8rem;
  padding: 0.5rem 1.5rem;
}


.p-org-static__line2,
.p-top__line4 {
  max-width: 80%;
}


.p-top__line4 {
  margin-left: 12%;
}


.p-top__line5 {
  border-width: thin;
  margin-top: 1%;
  max-width: 58%;
}


.p-top__line6 {
  margin-bottom: 1%;
  margin-left: 42%;
  max-width: 60%;
}


.p-top__line {
  border-color: #fff;
  border-style: solid;
  border-width: 0.5px;
  position: relative;
}


.p-top__netshop-info .net_shop,
.p-top__netshop-info {
  background-color: rgba(246, 246, 246, 1);
}


/*---background-color: rgba(255, 239, 247, 1)---*/
#Wrap .p-top__index3 {
  background-color: rgba(246, 246, 246, 1);
  margin: 3% 0 0;
  padding: 3% 20% 5%;
}


.p-top__net-shop2,
.net_shop {
  padding: 2% 0 3%;
}


.p-top__top-article h1 {
  font-size: 4rem;
  font-weight: bold;
}


.p-top__top-article {
  padding: 5% 0;
  background: rgb(85, 204, 255);
  background: linear-gradient(
    0deg,
    rgba(85, 204, 255, 1) 0%,
    rgba(255, 255, 255, 1) 24%,
    rgba(85, 204, 255, 1) 100%
  );
  line-height: 1.1;
}


.p-top__cp-arrow {
  color: #ff0000;
}


/* ---------------------------------------- Top Page ------------------------------------------------------ */
#top-home h1 {
  padding: 15% 0 10%;
  color: #fff;
}


.p-top__contents-index h2.p-top__contentsh2,
.p-business__service-index {
  background-color: #ffffff;
}


.p-top__contents-index h2.p-top__contentsh2 {
  padding: 2% 0;
}


.p-top__tittle-top h3 {
  padding: 5% 0;
  color: #fff;
}


.news-tittle {
  padding: 5% 2% 1%;
}


.p-business__service-index .banner {
  margin: 1% 0.5%;
  padding: 3% 1%;
  width: 400px;
  border-radius: 3px;
  background: rgb(255, 255, 255, 1);
  box-shadow: inset -3px -3px 7px rgba(255, 255, 255, 1),
    inset 3px 3px 7px rgba(0, 0, 0, 0.2);
}


.p-top__index2 {
  background-color: #fff;
}


.p-business__service-index h3,
.p-business__service-index h4,
.p-business__service-index h5 {
  font-size: 0.9rem;
  text-align: left;
}


.p-business__service-index button {
  font-size: 0.8rem;
  width: 100%;
  color: #543;
}


.p-business__service-index h4 {
  text-align: center;
}


.p-top__tittle-top h5 {
  text-align: center;
  color: #fff;
}


.p-top__service-index-list {
  background-color: #ffffff;
  margin: 5% 0;
  border-radius: 15px;
  padding: 2%;
  box-shadow: -4px -4px 6px #ffffff, 6px 6px 8px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}


.p-business__service-index {
  justify-content: space-between;
  padding: 0 5% 3%;
}


/* ---------------------------------------- Top Page YouTube------------------------------------------------------ */
.p-top__youtube-topindex {
  position: relative;
  padding-bottom: 0; /*これが縦横比*/
  margin: 0;
  display: flex;
  overflow: hidden;
  justify-content: center;
  height: auto;
}


.p-top__top-youtube-site a {
  font-size: 1.5rem;
}


.p-top__youtube-topindex iframe {
  top: 0;
  left: 0;
  width: 300px;
  height: auto;
  padding: 2%;
}


.p-business__youtube-site {
  display: flex;
  background-color: #fff;
  justify-content: center;
}


.p-top__top-youtube-site {
  background-color: #fff;
  flex-direction: column;
}


.p-business__youtube-site img {
  padding: 0 0 10%;
}


.p-business__news-info {
  padding: 5%;
  border-radius: 20px;
  box-shadow: inset -2px -2px 6px rgba(255, 255, 255, 1),
    inset 2px 2px 7px rgba(0, 0, 0, 0.15), inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}

/* Phase101-D: .cms_news-infoはcss/cms/cms-components.cssへ移設済み */


.net_shop h3 {
  padding: 2% 1%;
  width: 300px;
}


.p-business__news-info h4 {
  text-align: justify;
  padding: 1% 5%;
  margin: 2% 10%;
  position: relative;
  border-radius: 20px;
  box-shadow: -2px -2px 8px rgba(255, 255, 255, 0.8),
    4px 4px 6px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}


.p-business__news-info h4:hover {
  box-shadow: 2px 2px 4px #ffffff, -1px -1px 2px rgba(0, 0, 0, 0.5);
}


.p-top__page-more {
  display: inline-block;
  padding: 0.5% 5%;
  margin: 0 0 3% 50%;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: -6px -6px 6px rgba(255, 255, 255, 0.3),
    -2px -2px 2px rgba(255, 255, 255, 0.1), 2px 2px 4px rgba(255, 255, 255, 0.1),
    4px 4px 6px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}


.p-top__page-more:hover {
  box-shadow: 2px 2px 4px #ffffff, -1px -1px 2px rgba(0, 0, 0, 0.5);
}


.p-top__yakkyoku-news .p-top__page-more {
  display: inline-block;
  margin: 3% 0;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: -6px -6px 6px rgba(255, 255, 255, 0.3),
    -2px -2px 2px rgba(255, 255, 255, 0.1), 2px 2px 4px rgba(255, 255, 255, 0.1),
    4px 4px 6px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}


.p-top__yakkyoku-news .p-top__page-more:hover {
  box-shadow: 2px 2px 4px #ffffff, -1px -1px 2px rgba(0, 0, 0, 0.5);
}


.title {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}


.company_info .title {
  font-size: 1.1rem;
  justify-content: flex-start;
  margin: 0 0 0 10%;
}


.center .slick-next {
  right: 16%;
  z-index: 99;
}


.center .slick-prev {
  left: 14%;
  z-index: 100;
}


.p-business__post-info h4,
.p-business__post-info h3 {
  padding-left: 10%;
  text-align: left;
}


.p-top__shop-info-post h3,
.p-top__shop-info-post li {
  padding-left: 6rem;
  text-align: left;
}


.p-business__service-index h6 {
  text-align: left;
}


.p-business__service-index a {
  font-size: 0.9rem;
  color: #543;
}


.p-top__service-index-list:hover {
  box-shadow: 2px 2px 4px #fff, -1px -1px 2px rgba(0, 0, 0, 0.5);
}


/* ------------------------パンくずリスト------------------------ */
.l-main-nav2 {
  display: flex;
  padding: 1rem 0;
  text-transform: uppercase;
}


.l-main-nav2 li {
  margin-left: 2%;
  color: #fff;
}


.l-main-nav2 a:hover {
  color: #0bd;
}

/* Phase101-D: .l-header-onlinestore aはcss/layout.cssへ移設済み */


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


.shop_index {
  padding: 2% 0 3%;
}


.p-top__wadokai-shop-info {
  padding: 1% 15%;
  background-color: #fff;
  justify-content: center;
}


.shop_index ul {
  padding-left: 2rem;
  text-align: left;
}


/* 横並びのコンテナ */
.p-top__insta-row {
  display: flex;
  gap: 16px;          /* カード間の余白 */
  flex-wrap: nowrap;  /* 折り返さず1行に並べる（折り返したい場合は wrap に変更） */
  overflow-x: auto;   /* スマホで横スクロール可能に */
  padding-bottom: 8px;
  scroll-snap-type: x proximity; /* スクロール体験向上（任意） */
  background: transparent;
}


/* Instagram埋め込みカードの調整 */
.p-top__insta-row .p-top__instagram-media {
  flex: 0 0 auto;            /* 横並びの幅を固定 */
  max-width: 300px !important;
  min-width: 240px;
  margin: 0 !important;      /* 公式が付与する余白をリセット */
  scroll-snap-align: start;  /* スクロール時にカード頭で止まる（任意） */
}


.p-top__yusima h1,
.p-top__surugadai h1 {
  color: #2962fc;
  font-size: 3em;
}


.p-top__yakkyoku-news {
  padding: 0 10% 5%;
}


.p-top__yakkyoku-news h2 {
  color: #543;
  padding: 5% 0 0;
  font-size: 2em;
}


.p-top__yakkyoku-message h2 {
  padding: 3% 2%;
}


.p-top__news-contents {
  justify-content: space-between;
  display: flex;
  margin: 10% 0;
}


.rink_rink {
  background-color: #fff;
}


.service th,
td {
  padding: 0.5% 0;
  text-align: center;
}


.service td,
th {
  padding: 0.5% 1%;
  width: 20%;
}


.p-top__yusima,
.p-top__surugadai {
  background-color: rgba(255, 255, 255, 1);
}


.p-business__post-next a {
  cursor: pointer;
}


/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
  display: none;
}


.p-top__details-content summary {
  text-align: center;
}


.p-top__details-content {
  animation: fadeIn 2s ease;
  padding: 0 5%;
}


@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}


.p-business__e-site-link p {
  background-color: rgba(255, 11, 141, 1);
  padding: 0.5% 0;
  margin: 0 25%;
  justify-content: center;
}


#yakkyoku-newsarchive h3 {
  padding: 0 0 0 10%;
  text-align: left;
}


.banner {
  position: relative;
}


#yakkyoku-newsarchive .p-business__post-info {
  position: relative;
  margin: 0;
  padding: 1% 0 3% 10%;
  border-radius: 0;
  box-shadow: none;
  line-height: 1.5;
}


#yakkyoku-newsarchive .p-business__post-date {
  background: #2962fc;
  border-radius: 50%;
  height: 55px;
  padding-top: 10px;
  margin: 10px;
  position: absolute;
  top: 0;
  width: 55px;
  box-shadow: -4px -4px 8px rgb(255 255 255 / 90%),
    -3px -3px 7px rgb(255 255 255 / 70%), 2px 2px 5px rgb(255 255 255 / 20%),
    2px 2px 4px rgb(0 0 0 / 70%);
}


.p-top__skin-care-point ol {
  justify-content: space-between;
  padding: 2%;
  margin: 2% 1%;
  box-shadow: -3px -3px 5px rgba(255, 255, 255, 1),
    2px 2px 6px rgba(0, 0, 0, 0.2);
  text-align: left;
}


.p-top__question-a {
  padding: 0 1rem 0 2rem;
}


.blog_link_button {
  padding: 1%;
  display: grid;
  align-content: space-around;
  justify-content: center;
}


.p-top__fade2 .slick-slide {
  position: relative;
}


.p-top__fade2 .slick-slide .caption {
  background: rgba(67, 32, 0, 0.6);
  line-height: 1.3;
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  padding: 2% 10%;
  position: absolute;
  transition: 3s ease;
  width: 100%;
  z-index: 2;
}


.p-top__fade2 .slick-current .caption {
  opacity: 1;
  transition-delay: 2s;
}


.p-top__fade2 .slick-slide img {
  transform: scale(2.1);
  transition: 2s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.p-top__fade2 .slick-current img {
  transform: scale(1);
}


/* --------------------------------------------v--------企業説明会　給食部------------------------------------------------------------------ */
/*　Googleカレンダー埋め込み  */
.info_session {
  padding: 2%;
  background-color: #ffffff;
}


.work_sheet h2 {
  padding: 3% 10% 2%;
  position: sticky;
  text-align: left;
}


.p-top__order-top a,
.work_sheet h2 {
  color: #226e93;
}


.p-top__order-top {
  padding: 5% 5% 2%;
  margin: 2% 15% 1%;
  border-radius: 20px;
  box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.9),
    inset 1px 1px 3px rgba(255, 255, 255, 0.2),
    inset 2px 2px 5px rgba(0, 0, 0, 0.4);
}


.p-top__order-top h3 {
  text-align: left;
}


.order2-top {
  padding: 2% 5%;
  margin: 5% 0 3%;
  border-radius: 20px;
  box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.9),
    inset 1px 1px 3px rgba(255, 255, 255, 0.2),
    inset 2px 2px 5px rgba(0, 0, 0, 0.4);
}


.p-top__order-top li {
  padding: 10px 0;
  border-radius: 20px;
  width: 200px;
  box-shadow: -4px -4px 8px rgba(255, 255, 255, 1),
    2px 2px 5px rgba(255, 255, 255, 0.2), 2px 2px 6px rgba(0, 0, 0, 0.7);
}


.p-top__order-top li:hover {
  box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.9),
    2px 2px 3px rgba(0, 0, 0, 0.3);
}


.p-business__order-index {
  padding: 0 15% 3%;
}


.p-top__profile-summary h4 {
  padding: 3% 20%;
  text-align: left;
}


.info_session .p-business__post-date {
  color: #fff;
  background: #ff9002;
  border-radius: 50%;
  height: 70px;
  padding-top: 8px;
  width: 70px;
  box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.9),
    -3px -3px 7px rgba(255, 255, 255, 0.7), 2px 2px 5px rgba(255, 255, 255, 0.2),
    2px 2px 6px rgba(0, 0, 0, 0.7);
}


img.p-top__shop-info-img {
  width: 100%;
  background-color: #fff;
  padding: 2% 0;
}


.p-top__category-list {
  margin: 3% 1% 1%;
}


.p-top__enter-form {
  background-color: #fff;
}


.twitter_link_link {
  padding: 2%;
  box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.7),
    inset -2px -2px 4px rgba(255, 255, 255, 0.4),
    inset 1px 1px 1px rgba(255, 255, 255, 0.05),
    inset 4px 4px 6px rgba(0, 0, 0, 0.15);
}


#otherservice .p-business__content2-list {
  padding: 2%;
}


.p-business__post-info {
  margin: 2% 0 0;
  position: relative;
  padding: 2% 1%;
  border-radius: 30px;
  box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.9),
    inset 1px 1px 3px rgba(255, 255, 255, 0.2),
    inset 2px 2px 5px rgba(0, 0, 0, 0.4);
}


.p-top__wadokai-shop-info .p-business__post-info {
  padding-left: 10%;
  margin: 2% 0 0;
  position: relative;
  border-radius: 0;
  box-shadow: none;
}


.contents {
  width: 100%;
  background: #432;
  margin: 1% 0;
  position: relative;
  z-index: 1;
}


/* ------------------------servicelist サービスのご案内--------------------------- */


.office .p-business__content {
  background-color: #fff;
  object-fit: cover;
  padding: 1em 0.5em;
}


.p-top__click a {
  margin-top: 10%;
  padding: 0 0 0 50%;
}


.p-top__click span {
  font-size: 0.75em;
}


.p-top__circle2 a {
  margin: 2em 0 0 0;
}


.service-annai .p-business__twitter,
.service-annai .p-business__facebook {
  margin: 0 5%;
}


.p-top__index2 .service-annai {
  display: flex;
  margin: 2% 10% 5%;
}


/* ------------------------------------事業の変遷--------------------------------------------------------------- */


.p-top__toptitle-tran .p-top__line5 {
  border-style: solid;
  margin: 0 0 3%;
  max-width: 58%;
}


/* ------------------------------------message 和同会について-------------------------------------------------- */
#home .p-top__toptitle p {
  color: #fff;
  border-left: 0.5px solid #fff;
  border-right: 0.5px solid #fff;
  margin: 0 45%;
  padding: 0.2% 0;
}


.c-section-title {
  padding: 5% 10%;
}


.p-top__circle2,
.p-top__circle3,
.p-top__circle4,
.p-top__circle5,
.p-top__circle7,
.p-top__circle8 {
  border-radius: 50%;
  height: 80px;
  width: 80px;
}


.p-top__circle2,
.p-top__circle6 {
  background: rgba(25, 208, 31, 1);
}


.p-top__circle2 {
  margin-bottom: 0;
  margin-left: 30%;
}


.p-top__circle3 {
  background: rgba(28, 27, 251, 1);
  margin-bottom: 10%;
  margin-left: 88%;
}


.p-top__circle5 {
  background: #ff2599;
  margin-left: 6%;
  margin-top: 5%;
}


.p-top__circle6 {
  border-radius: 50%;
  height: 120px;
  width: 120px;
  margin-bottom: -9%;
}


.p-top__circle7 {
  background: #ffa241;
  margin-left: 60%;
  margin-top: 0;
}


/* -----------------------------------組織図---------------------------------------------------------------------------------------------------------------------- */


@keyframes fuwafuwa {
  0% {
    transform: translateY(0);
}
  50% {
    transform: translateY(-10px);
}
  100% {
    transform: translateY(0);
}
}


/* ----------abous us------------------------------------------- */
.p-top__item2 {
  width: 100%;
  line-height: 1;
  padding: 1em 1em 0 1em;
  flex: auto;
  margin: 0.5%;
  background-color: rgba(255, 255, 255, 0.9);
}


.p-top__aboutus .l-grid3 {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
}


.p-top__aboutus {
  padding: 3% 10%;
}


.description h4 {
  padding: 3% 10%;
  color: #fff;
}


/* ----------greeting------------------------------------------ */
#greeting .name p {
  text-align: right;
}


.top-greeting {
  background: rgba(25, 25, 25, 0.4);
  padding: 5% 10%;
}


.top-greeting ul {
  justify-content: flex-start;
  flex-wrap: wrap;
}


.p-business__main-service {
  padding: 5% 0;
  background: #dcffda;
}


.p-business__main-service img {
  width: 400px;
  padding: 2%;
}


.service .table {
  padding: 0 0 5% 1%;
}


table.p-top__directors,
table.p-top__councilors,
table.p-org-static__company-profile {
  padding: 2% 5%;
  border-collapse: separate;
  border-spacing: 3px;
}


table.p-org-static__company-profile {
  padding: 2% 10% 5%;
}


.serviceset img {
  width: 500px;
}


.p-top__red {
  color: #e80104;
}


/* ----------summary----------------------------------------- */


#news .c-page-title {
  color: #ff2599;
  font-size: 5em;
  font-weight: normal;
  padding: 15% 0;
  text-transform: uppercase;
}


/*------------------------------アコーディオン----------------------------------------*/

#details1 summary::-webkit-details-marker {
  display: none;
}


/* ホバー時のスタイル */
summary:hover {
  cursor: pointer; /*---カーソルを指マークに ---*/
  outline: none;
}


#details1 summary {
  display: block;
  cursor: pointer; /* カーソルを指マークに */
  transition: 0.5s; /* 変化を滑らかに */
}


/*-------------------------------------------------------------------------*/
.p-business__article {
  width: 100%;
  padding-top: 1em;
}


.yakkyoku .p-business__post-date {
  color: #fff;
  background: #2962fc;
  border-radius: 50%;
  height: 65px;
  padding-top: 8px;
  margin: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 65px;
  box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.9),
    -3px -3px 7px rgba(255, 255, 255, 0.7), 2px 2px 5px rgba(255, 255, 255, 0.2),
    2px 2px 4px rgba(0, 0, 0, 0.7);
}


.p-business__post-date span {
  border-top: 1px rgba(255, 255, 255, 0.5) solid;
  display: block;
  margin: 0 auto;
  width: 60%;
}


.p-top__news-cat {
  margin-bottom: 0;
}


.p-business__article img {
  margin: 5px 0;
}


.p-business__article p {
  margin-bottom: 1rem;
}


.top-greeting li {
  padding: 0 5%;
  text-align: left;
}


.p-top__history h4 {
  padding: 2% 10% 5%;
  text-align: left;
}


.l-grid3 {
  display: flex;
  flex-wrap: wrap;
}


.l-grid3 p {
  background: transparent;
  color: #4a4a4a;
  padding: 2% 0 3%;
  text-align: left;
}


.p-top__aboutus p {
  background: transparent;
  padding: 2% 0 3%;
  text-align: center;
}


#link {
  background-color: #fff;
}


.p-top__directors td {
  background-color: #fff;
  width: 30%;
}


.p-top__councilors td {
  background-color: #fff;
  width: 15%;
}


.p-top__directors th,
.p-top__councilors th {
  background-color: #fff;
  width: 10%;
  border-spacing: 5px;
}


.icontd {
  width: 5%;
}


.filelink {
  padding: 0.2em 2em;
}

 
/*----------------------------------------------お知らせ一覧-------------------------------------- */

.news-list {
  background-color: rgba(255, 255, 255, 1);
}


/* -----------------------------------------------店舗情報・地図 ------------------------------------------------------- */

.p-top__red {
  color: #fe0000;
}


.p-top__fuwafuwa {
  animation: fuwafuwa 2s ease-in-out infinite alternate;
  background: url(/images/share/u_area_logo.png) no-repeat center center /
    200px auto;
  display: inline-block;
  transition: 0.5s ease-in-out;
  width: 200px;
  height: 200px;
  margin-top: 15px;
}


@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-15deg);
  }
  50% {
    transform: translate(0, -15px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(15deg);
  }
}


.p-top__fuwafuwa2 {
  animation: fuwafuwa 10s ease-in-out infinite alternate;
  background: url(/images/share/LBoshi_2024_02_06.png) no-repeat center center /
    150px auto;
  display: inline-block;
  transition: 0s ease-in-out;
  width: 180px;
  height: 180px;
  margin-top: 15px;
}


.p-top__fuwafuwa3 {
  animation: fuwafuwa 10s ease-in-out infinite alternate;
  background: url(/images/share/Kurumin2024_02_06.png) no-repeat center center /
    120px auto;
  display: inline-block;
  transition: 0s ease-in-out;
  width: 150px;
  height: 150px;
  margin-top: 30px;
}


/* -------------------------------------社内マニュアル------------------------------------------ */

/* ---------------------------------------Under page ご案内------------------------------------------------- */

.p-top__line-add-friends {
  background-color: #fff;
}


#link h5 {
  font-size: 1.5rem; 
  padding: 2% 0;
  margin: 0;
}


/* --------------------------------------フッター----------------------------------------------------- */