@charset "UTF-8";
/* CSS Document */

/* 共通要素 -----------------------------------------------------------------------------*/
html {/* 文字サイズレスポンシブ使用不可 */
  scroll-behavior: smooth;/* ゆっくりスクロール 速度変えられない */
  font-feature-settings: palt;/* 文字詰め OpenTypeのみ */
  font-size: 62.5%;/* style.cssにあり */
  overflow-y: scroll;/* style.cssにあり */
}
/* 画像 */
img {
  max-width: 100%;
  vertical-align: top;/* 必要 画像下の余白をなくす */
}
.top-wrap {
  width: 100%;/* トップ画像だけ横幅に合わせる */
  height: 100%;
}
/* 文字 種類 */
.biz-udpgothic-regular {
  font-family: "BIZ UDPGothic", sans-serif;/* グーグル モリサワフォント */
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.02em;
}
.biz-udpgothic-bold {
  font-family: "BIZ UDPGothic", sans-serif;/* グーグル モリサワフォント */
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.02em;
}
/* 文字一部 水色 */
.text-cyan {
  color: #44ADE9;
}
/* 文字一部 茶色 */
.text-rosybrown {
  color: #BC8F8F;
}
/* 外枠 */
.section-wrap {
  display: block;
  position: relative;
  float: none;
  z-index: 999;/* 左の項目表示される */
  width: 100%;
  margin: -6rem 0 -12rem;/* 必要 外枠上下の空きつめる */
  background-color: #fff;
  border: 1px solid #44ADE9;
  text-align: center;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.section-wrap {
  -webkit-text-size-adjust: 100%;/* iPhone Safari文字サイズ調整 */
}
/*------ ページトップボタン tb sp非表示 ------*/
.page-top {
  position: fixed;
  visibility: hidden;
  right: 7px;
  bottom: 105px;/* お問合せフォームボタンの上 */
  z-index: 1001;
  filter: drop-shadow(2px 2px 3px #B0C4DE);/* X Y ブラー 影#FFC0CB 透明度 */
}
/* カーソル画像きりかえ */
.page-top a:hover {
  opacity: 1;/* ホバーで半透明になるので必要 */
	animation:blink 1.6s ease-in-out infinite alternate;/* 点滅 */
}
@-webkit-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
/* クラス付与時の指定 */
.is-active {
  visibility: visible;
  animation-name: fadeinAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes fadeinAnime{
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

/* レスポンシブル ここから高解像度パソコン  ----------------------------------------------------*/
@media screen and (min-width: 1367px) {/* hd max 1980px */

/* 画像切替 */
.pc {/* pc */
  display: none;
}
.sp{/* pc */
  display: none;
}
/* 文字　大きさ */
.text-size-title {/* hd */
  font-size: 3.9em;
  line-height: 1.5;/* サファリ高さ同じ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-title {/* hd */
  font-size: 4.6em;
}
.text-size-main {/* hd */
  font-size: 2.8em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-main {/* hd */
  font-size: 3.4em;
}
.text-size-sub {/* hd */
  font-size: 2em;
  line-height: 1.8;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-sub {/* hd */
  font-size: 2.4em;
}
.text-size-cap {/* hd */
  margin: 10px;
  font-size: 1.6em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-cap {/* hd */
  font-size: 1.9em;
}

/*------ レイアウト ------*/
.main-wrap {/* hd */
  display: inline-block;
  position: relative;
	margin: 0 auto;
	background: url('../img/product/nursing/back-circle-1-hd.png') no-repeat 280px top fixed;
  background-size: 85.5%;/* 100%にすると右はみ出る */
}
.title-wrap {/* hd */
  width: 90%;
  margin: 0 auto;
  padding: 40px 0 30px;
}
.text-sub-wrap {/* hd */
	margin: 0 auto 60px;
  width: 71%;
  line-height: 1.6;
  text-align: left;
}

/*------ 1 商品説明 ------*/
.product-wrap {/* hd */
  position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.product-text {/* hd */
  position: relative;/* 必要 位置を指定する */
  width: fit-content;/* 背景色を文字幅に合わせる */
	margin: 40px auto 0;/* 左右0にすると左に寄る */
  line-height: 1.6;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
.product-text-sub {/* hd */
  width: 600px;
	margin: 20px auto 0;
	text-align: left;
}

/*------ 2 導入効果 ------*/
/* 大枠 */
.contents-wrap {/* hd */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: space-between;/* 左右端に配置 */
  align-items: center;/* タテ */
	position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.contents-wrap:nth-child(odd) {/* hd */
  flex-direction: row-reverse;/* 偶数左右反転 画像右へ */
}
/* 見出し */
.contents-text {/* hd */
  width: fit-content;/* 背景色を文字幅に合わせる */
  margin-bottom: 30px;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
	color: #BC8F8F;
}
h3 {/* hd */
  width: fit-content;/* 背景色を文字幅に合わせる */
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
/* 中枠 文字左 */
.contents-wrap-left {/* hd */
  position: relative;/* 必要 位置を指定する */
	left: 150px;
	width: 45%;/* 左と右の数値合わせる 画像の大きさが変わる */
	text-align: left;
}
/* 中枠 文字右 */
.contents-wrap-right {/* hd */
  position: relative;/* 必要 位置を指定する */
	right: 100px;
	width: 45%;
	text-align: left;
}

/*------ 3 案内文 ------*/
.text-sub {/* hd */
  display: inline-block;
	position: relative;/* 必要 位置を指定する */
  width: 70%;
	margin: 0 auto;/* 必要 中央揃えにする */
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
}

/*------ 4 リンクボタン ------*/
.link-button {/* hd */
  display: flex;
  flex-wrap: wrap;
	justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  position: relative;
  width: 300px;
  height: 300px;
	margin: 40px auto 55px;
  border-radius: 50%;
  background-color: #44ACE8;
	color: #fff;
}
.link-button img {/* hd */
	margin-top: 15px;
}
.link-button-text {/* hd */
	color: #fff;/* 直接指定する */
	text-align: center;/* 必要 左に寄る */
}
.link-button::before,
.link-button::after {/* hd */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44ACE8;
  border-radius: 50%;
  pointer-events: none;/* 必要 ないとリンクできない */
	content: '';
}
.link-button:hover::before, 
.link-button:hover::after {/* hd */
  animation: pulse 2s linear infinite;
}
.link-button:hover::after {/* hd */
  animation-delay: 1s;
}
@keyframes pulse {
0% {
  transform: scale(1);
  opacity: 1;
}
100% {
  transform: scale(1.4);
  opacity: 0;
}
}

/*------ 5 リーフレット ------*/
.leaflet-wrap {/* hd */
  margin-bottom: 30px;
  border-top: solid 1px #44ADE9;
}
.leaflet-img img {/* hd */
  margin: 5px 0 10px;
  border: 1px solid #808080;
}
.leaflet-text {/* hd */
  display: inline-block;/* 中央揃えにする */
  position: relative;
  margin: 15px ;/* 必要 アイコンとの空き */
  color: #000;
  font-size: 2em !important;/* 1.6 */
  line-height: 1.8;
  text-align: center;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.leaflet-text {/* hd */
  font-size: 2.4em !important;/* 2 */
}
.leaflet-text a {/* hd */
  padding: 3px 0;
  border-bottom: solid 1px #44ADE9;
}

/*------ 6 サービス案内 ------*/
/* 外枠 */
.service-wrap {/* hd */
  width: 100%;
  padding: 30px;
  border-top: 1px solid #44ACE8;
  background: #fff;
  color: #44ADE9;
}
/* 行　横並び */
.service-box-2 {/* hd */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: center; 
  align-items: center;
}
/* 各項目 */
.estimate-box {/* hd */
  display: inline-block;
  position: relative;
  margin: 0 20px;
  padding: 20px 30px;/* 背景色の長さ */
  border-radius: 15px;
  background: #F0FFFF;
  text-align: center;
}
.estimate-text {/* hd */
  margin: 5px 15px 5px .5em;
	padding-left: .5em;
  color: #000;
  text-align: left;
  text-indent: -.5em;
  line-height: 1.5;
  vertical-align: text-top;/* 上揃え */
}

/*------ フッター ------*/
/* お問合せ先 */
.footer-wrap {/* hd */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  width: 100%;
	padding-top: 30px;
	border-top: 1px solid #44ACE8;
  background: #fff;
  color: #000;
}
.text-dial {/* hd */
  display: inline-block;/* 左揃え設定する */
  position: relative;
  margin-bottom: 30px !important;/* 必要 2行になったとき社名ロゴの下空きなし */
  font-size: 1.65em !important;/* 必要 右側フォントサイズの基準1.25 */
  text-align: left;
}
_::-webkit-full-page-media,_:future,:root/* safari */ 
.text-dial {/* hd */
  font-size: 2em !important;/* 必要 右側フォントサイズの基準1.6 */
}
.telephone-number {/* hd */
  display: inline-block;
  position: relative;
  margin-top: 5px;
  font-weight: bold;
  font-size: 2.6em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.telephone-number {/* hd */
  font-size: 2.22em;/* 数値下げる */
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.reception-hours {/* hd */
  font-size: .7em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.reception-hours {/* hd */
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.company-logo {/* hd */
  margin: 0 50px 30px 0;/* 必要 2列になったとき下空き */
}
/* メールボタン案内 */
.footer-under-wrap {/* hd */
  width: 100%;
  border-top: 1px solid #44ACE8;
}
.footer-under-text {/* hd */
  padding: 30px;
  font-size: 2em !important;
  line-height: 1.6;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.footer-under-text {/* hd */
  font-size: 2.4em !important;
}

/*------ フォームボタン ------*/
#form-button {/* hd */
  position: fixed;
  right: 3px;/* 右下 */
  bottom: 50px;/* 下すぎるとポインターが切り替わらない */
  z-index: 998;
  filter: drop-shadow(2px 2px 3px #B0C4DE);
}
#form-button a:hover {/* hd */
  opacity: 1;/* ホバーで半透明になるので必要 */
}
/* 左の動き 必要 上にスクロールしたとき */
#form-button.LeftMove {/* hd */
  animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime {
from {
  transform: translateX(97px);
}
to {
  transform: translateX(0);
}
}
/* 右の動き */
#form-button.RightMove {/* hd */
  animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime {
from {
  transform: translateX(0);
}
to {
  transform: translateX(155px);/* 右の文字が隠れる */
}
}
}

/* レスポンシブル ここから低解像度パソコン  ----------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1366px) {/* pc */

/* 画像切替 */
.hd {/* pc */
  display: none;
}
.sp{/* pc */
  display: none;
}
/* 文字 大きさ */
.text-size-title {/* pc */
  font-size: 2.9em;
  line-height: 1.5;/* サファリ高さ同じ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-title {/* pc */
  font-size: 3.6em;
}
.text-size-main {/* pc */
  font-size: 2.4em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-main {/* pc */
  font-size: 3em;
}
.text-size-sub {/* pc */
  font-size: 1.6em;
  line-height: 1.8;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-sub {/* pc */
  font-size: 2em;
}
.text-size-cap {/* pc */
  margin: 10px;
  font-size: 1.5em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-cap {/* pc */
  font-size: 1.8em;
}

/*------ レイアウト ------*/
.main-wrap {/* pc */
  display: inline-block;
  position: relative;
	margin: 0 auto;
	background: url('../img/product/nursing/back-circle-1.png') no-repeat 280px top fixed;
  background-size: 79.5%;/* 100%にすると右はみ出る */
}
.title-wrap {/* pc */
  width: 90%;
  margin: 0 auto;
  padding: 40px 0 30px;
}
.text-sub-wrap {/* pc */
	margin: 0 auto 50px;
  width: 86%;
  line-height: 1.6;
  text-align: left;
}

/*------ 1 商品説明 ------*/
.product-wrap {/* pc */
  position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.product-text {/* pc */
  position: relative;/* 必要 位置を指定する */
  width: fit-content;/* 背景色を文字幅に合わせる */
	margin: 30px auto 0;/* 左右0にすると左に寄る */
  line-height: 1.6;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
.product-text-sub {/* pc */
  width: 500px;
	margin: 15px auto 0;
	text-align: left;
}

/*------ 2 導入効果 ------*/
/* 大枠 */
.contents-wrap {/* pc */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: space-between;/* 左右端に配置 */
  align-items: center;/* タテ */
	position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.contents-wrap:nth-child(odd) {/* pc */
  flex-direction: row-reverse;/* 偶数左右反転 画像右へ */
}
/* 見出し */
.contents-text {/* pc */
  width: fit-content;/* 背景色を文字幅に合わせる */
  margin-bottom: 30px;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
	color: #BC8F8F;
}
h3 {/* pc */
  width: fit-content;/* 背景色を文字幅に合わせる */
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
/* 中枠 文字左 */
.contents-wrap-left {/* pc */
  position: relative;/* 必要 位置を指定する */
	left: 60px;
	width: 65%;/* 左と右の数値合わせる 画像の大きさが変わる */
	text-align: left;
}
/* 中枠 文字右 */
.contents-wrap-right {/* pc */
  position: relative;/* 必要 位置を指定する */
	right: 70px;
	width: 65%;
	text-align: left;
}

/*------ 3 案内文 ------*/
.text-sub {/* pc */
  display: inline-block;
	position: relative;/* 必要 位置を指定する */
  width: 85%;
	margin: 0 auto;/* 必要 中央揃えにする */
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
}

/*------ 4 リンクボタン ------*/
.link-button {/* pc */
  display: flex;
  flex-wrap: wrap;
	justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  position: relative;
  width: 240px;
  height: 240px;
	margin: 30px auto 45px;
  border-radius: 50%;
  background-color: #44ACE8;
	color: #fff;
}
.link-button img {/* pc */
	margin-top: 15px;
}
.link-button-text {/* pc */
	color: #fff;/* 直接指定する */
	text-align: center;/* 必要 左に寄る */
}
.link-button::before,
.link-button::after {/* pc */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44ACE8;
  border-radius: 50%;
  pointer-events: none;/* 必要 ないとリンクできない */
	content: '';
}
.link-button:hover::before, 
.link-button:hover::after {/* pc */
  animation: pulse 2s linear infinite;
}
.link-button:hover::after {/* pc */
  animation-delay: 1s;
}
@keyframes pulse {
0% {
  transform: scale(1);
  opacity: 1;
}
100% {
  transform: scale(1.4);
  opacity: 0;
}
}

/*------ 5 リーフレット ------*/
.leaflet-wrap {/* pc */
  margin-bottom: 30px;
  border-top: solid 1px #44ADE9;
}
.leaflet-img img {/* pc */
  margin: 5px 0 10px;
  border: 1px solid #808080;
}
.leaflet-text {/* pc */
  display: inline-block;/* 中央揃えにする */
  position: relative;
  margin: 15px ;/* 必要 アイコンとの空き */
  color: #000;
  font-size: 1.6em;
  line-height: 1.8;
  text-align: center;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.leaflet-text {/* pc */
  font-size: 2em;
}
.leaflet-text a {/* pc */
  padding: 3px 0;
  border-bottom: solid 1px #44ADE9;
}

/*------ 6 サービス案内 ------*/
/* 外枠 */
.service-wrap {/* pc */
  width: 100% ;
  padding: 30px;
  border-top: 1px solid #66CCFF;
  background: #fff;
  color: #44ADE9;
}
.service-box-2 {/* pc */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: center; 
  align-items: center;
}
/* 各項目 */
.estimate-box {/* pc */
  display: inline-block;
  position: relative;
  margin: 0 10px;
  padding: 20px 30px;/* 背景色の長さ */
  border-radius: 15px;
  background: #F0FFFF;
  text-align: center;
}
.estimate-text {/* pc */
  margin: 5px 15px 5px .5em;
	padding-left: .5em;
  color: #000;
  text-align: left;
  text-indent: -.5em;
  line-height: 1.5;
  vertical-align: text-top;/* 上揃え */
}

/*------ フッター ------*/
/* お問合せ先 */
.footer-wrap {/* pc */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  width: 100%;
	padding-top: 25px;
	border-top: 1px solid #44ACE8;
  background: #fff;
  color: #000;
}
.text-dial {/* pc */
  display: inline-block;/* 左揃えにする */
  position: relative;
  margin-bottom: 30px;/* 2行になったとき社名ロゴの下空きなし */
  font-size: 1.25em;/* 右側フォントサイズの基準 */
  text-align: left;
}
_::-webkit-full-page-media,_:future,:root/* safari */ 
.text-dial {/* pc */
  font-size: 1.6em;/* 右側フォントサイズの基準 */
}
.telephone-number {/* pc */
  display: inline-block;
  position: relative;
  margin-top: 5px;
  font-weight: bold;
  font-size: 2.6em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.telephone-number {/* pc */
  font-size: 2.22em;/* 数値下げる */
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.reception-hours {/* pc */
  font-size: .7em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.reception-hours {/* pc */
  font-size: .7em;
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.company-logo {/* pc */
  margin: 0 50px 30px 0;/* 必要 2列になったとき下空き */
}
/* メールボタン案内 */
.footer-under-wrap {/* pc */
  width: 100%;
  border-top: 1px solid #66CCFF;
  background: #fff;
}
.footer-under-text {/* pc */
  padding: 30px;
  font-size: 1.6em;
  line-height: 1.6;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.footer-under-text {/* pc */
  font-size: 2em;
}

/*------ フォームボタン ------*/
#form-button {/* pc */
  position: fixed;
  right: 3px;/* 右下 */
  bottom: 50px;/* 下すぎるとポインターが切り替わらない */
  z-index: 998;
  filter: drop-shadow(2px 2px 3px #B0C4DE);
}
#form-button a:hover {/* pc */
  opacity: 1;/* ホバーで半透明になるので必要 */
}
/* 左の動き 必要 上にスクロールしたとき */
#form-button.LeftMove {/* pc */
  animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime {
from {
  transform: translateX(97px);
}
to {
  transform: translateX(0);
}
}
/* 右の動き */
#form-button.RightMove {/* pc */
  animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime {
from {
  transform: translateX(0);
}
to {
  transform: translateX(155px);/* 右の文字が隠れる */
}
}
}

/* ここからタブレット -----------------------------------------------------------------*/
@media screen and (min-width: 441px) and (max-width: 768px) {/* tb */

/* 画像切替 */
.hd {/* tb */
  display: none;
}
.pc{/* tb */
  display: none;
}
/* 文字 大きさ */
.text-size-title {/* tb */
  font-size: 2.4em;
  line-height: 1.5;/* サファリ高さ同じ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-title {/* tb */
  font-size: 3em;
}
.text-size-main {/* tb */
  font-size: 1.9em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-main {/* tb */
  font-size: 2.3em;
}
.text-size-sub {/* tb */
  font-size: 1.3em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-sub {/* tb */
  font-size: 1.6em;
}
.text-size-cap {/* tb */
  margin: 10px;
  font-size: 1.2em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-cap {/* tb */
  font-size: 1.5em;
}

/*------ レイアウト ------*/
.main-wrap {/* tb */
  display: inline-block;
  position: relative;
	margin: 0 auto;
	background: url('../img/product/nursing/back-circle-1-tb.png') no-repeat center top fixed;
  background-size: 100%;
}
.title-wrap {/* tb */
  width: 90%;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.text-sub-wrap {/* tb */
	margin: 0 auto 20px;
  width: 90%;
  line-height: 1.6;
  text-align: left;
}

/*------ 1 商品説明 ------*/
.product-wrap {/* tb */
  position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.product-text {/* tb */
  position: relative;/* 必要 位置を指定する */
  width: fit-content;/* 背景色を文字幅に合わせる */
	margin: 20px auto 0;/* 左右0にすると左に寄る */
  line-height: 1.6;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
.product-text-sub {/* tb */
  width: 400px;
	margin: 15px auto 0;
	text-align: left;
}

/*------ 2 導入効果 ------*/
/* 大枠 */
.contents-wrap {/* tb */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: space-between;/* 左右端に配置 */
  align-items: center;/* タテ */
	position: relative;/* 必要 位置を指定する */
	width: 100%;
}
.contents-wrap:nth-child(odd) {/* tb */
  flex-direction: row-reverse;/* 偶数左右反転 画像右へ */
}
/* 見出し */
.contents-text {/* tb */
  width: fit-content;/* 背景色を文字幅に合わせる */
  margin-bottom: 30px;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
	color: #BC8F8F;
}
h3 {/* tb */
  width: fit-content;/* 背景色を文字幅に合わせる */
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
/* 中枠 文字左 */
.contents-wrap-left {/* tb */
  position: relative;/* 必要 位置を指定する */
	left: 60px;
	width: 55%;/* 左と右の数値合わせる 画像の大きさが変わる */
	text-align: left;
}
/* 中枠 文字右 */
.contents-wrap-right {/* tb */
  position: relative;/* 必要 位置を指定する */
	right: 50px;
	width: 55%;
	text-align: left;
}

/*------ 3 案内文 ------*/
.text-sub {/* tb */
  display: inline-block;
	position: relative;/* 必要 位置を指定する */
  width: 95%;
	margin: 0 auto;/* 必要 中央揃えにする */
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
}

/*------ 4 リンクボタン ------*/
.link-button {/* tb */
  display: flex;
  flex-wrap: wrap;
	justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  position: relative;
  width: 200px;
  height: 200px;
	margin: 25px auto 35px;
  border-radius: 50%;
  background-color: #44ACE8;
	color: #fff;
}
.link-button img {/* tb */
	margin-top: 15px;
}
.link-button-text {/* tb */
	color: #fff;/* 直接指定する */
	text-align: center;/* 必要 左に寄る */
}
.link-button::before,
.link-button::after {/* tb */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44ACE8;
  border-radius: 50%;
  pointer-events: none;/* 必要 ないとリンクできない */
	content: '';
}
.link-button:hover::before, 
.link-button:hover::after {/* tb */
  animation: pulse 2s linear infinite;
}
.link-button:hover::after {/* tb */
  animation-delay: 1s;
}
@keyframes pulse {
0% {
  transform: scale(1);
  opacity: 1;
}
100% {
  transform: scale(1.4);
  opacity: 0;
}
}

/*------ 5 リーフレット ------*/
.leaflet-wrap {/* tb */
  margin-bottom: 20px;
  border-top: solid 1px #44ADE9;
}
.leaflet-img img {/* tb */
  margin: 5px 0 10px;
  border: 1px solid #808080;
}
.leaflet-text {/* tb */
  display: inline-block;/* 中央揃えにする */
  position: relative;
  margin: 10px ;/* 必要 アイコンとの空き */
  color: #000;
  font-size: 1.5em;
  line-height: 1.8;
  text-align: center;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.leaflet-text {/* tb */
  font-size: 1.8em !important;
}
.leaflet-text a {/* tb */
  padding: 3px 0;
  border-bottom: solid 1px #44ADE9;
}

/*------ 6 サービス案内 ------*/
/* 外枠 */
.service-wrap {/* tb */
  width: 100% ;
  padding: 20px;
  border-top: 1px solid #66CCFF;
  background: #fff;
  color: #44ADE9;
}
/* 行 横並び */
.service-box-2 {/* tb */
  display: flex;
  flex-wrap: nowrap;/* 段組にしない */
  justify-content: center; 
  align-items: center;
}
/* 各項目 */
.estimate-box {/* tb */
  display: inline-block;
  position: relative;
	width: 30%;/* 必要 左2行になる */
  margin: 0 10px;
  padding: 20px;/* 背景色の長さ */
  border-radius: 15px;
  background: #F0FFFF;
  text-align: center;
}
.estimate-text {/* tb */
  margin: 5px;
  padding-left: .5em;
  color: #000;
  text-align: left;
  text-indent: -.5em;
  line-height: 1.5;
  vertical-align: text-top;/* 上揃え */
}

/*------ フッター ------*/
/* お問合せ先 */
.footer-wrap {/* tb */
  display: flex;
  flex-wrap: wrap;
	flex-direction: column; /* 縦並びにする */
  justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  width: 100%;
  padding: 30px;/* 必要 2行になったとき社名ロゴの上空き */
	border-top: 1px solid #44ACE8;
  background: #fff;
  color: #000;
}
.text-dial {/* tb */
  display: inline-block;/* 左揃えにする */
  position: relative;
  font-size: 1.35em;/* 右側フォントサイズの基準 */
  text-align: left;
}
_::-webkit-full-page-media,_:future,:root/* safari */ 
.text-dial {/* tb */
  font-size: 1.6em;/* 右側フォントサイズの基準 */
}
.telephone-number {/* tb */
  display: inline-block;
  position: relative;
  padding-top: 5px;
  font-weight: bold;
  font-size: 2.6em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.telephone-number {/* tb */
  font-size: 2.22em;/* 数値下げる */
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.reception-hours {/* tb */
  font-size: .7em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.reception-hours {/* tb */
  font-size: .7em;
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.company-logo {/* tb */
  margin-bottom: 30px;/* 必要 2列になったとき下空き */
}
/* メールボタン案内 */
.footer-under-wrap {/* tb */
  width: 100%;
  border-top: 1px solid #66CCFF;
  background: #fff;
}
.footer-under-text {/* tb */
  padding: 25px 20px;
  font-size: 1.4em;
  line-height: 1.6;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.footer-under-text {/* tb */
  font-size: 1.7em;
}
/*------ ページトップボタン ------*/
.page-top {/* tb */
  display: none !important;/* 必要 消えない */
}
/*------ フォームボタン ------*/
#form-button {/* tb */
  position: fixed;
  right: 23px;/* 右下 */
  bottom: 10px;/* マウスホバーがないので下へ */
  z-index: 998;
  filter: drop-shadow(2px 2px 3px #B0C4DE);
}
#form-button a:hover {/* tb */
  opacity: 1;/* ホバーで半透明になるので必要 */
}
/* 左の動き 必要 上にスクロールしたとき */
#form-button.LeftMove {/* tb */
  animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime {
from {
  transform: translateX(97px);
}
to {
  transform: translateX(291px);/* iPhone別タブを開くと左にずれる */
}
}
/* 右の動き */
#form-button.RightMove {/* tb */
  animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime {
from {
  transform: translateX(0);
}
to {
  transform: translateX(160px);/* 右の文字が隠れる */
}
}
}

/* ここからスマートフォン -----------------------------------------------------------------*/
@media screen and (max-width: 440px) {/* sp */
/* iPhone17 Pro Max 440px */
/* Android 412px */

/* 画像切替 */
.hd {/* sp */
  display: none;
}
.pc{/* sp */
  display: none;
}
/* 文字 大きさ */
.text-size-title {/* sp */
  font-size: 2.1em;
  line-height: 1.5;/* サファリ高さ同じ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-title {/* sp */
  font-size: 2.6em;
}
.text-size-main {/* sp */
  font-size: 1.8em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-main {/* sp */
  font-size: 2em;
}
.text-size-sub {/* sp */
  font-size: 1.4em;
  line-height: 1.8;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-sub {/* sp */
  font-size: 1.7em;
}
.text-size-cap {/* sp */
  margin: 10px;
  font-size: 1.2em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-cap {/* sp */
  font-size: 1.5em;
}

/*------ レイアウト ------*/
.main-wrap {/* sp */ 
  display: inline-block;
  position: relative;
	margin: 0 auto;
	background: url('../img/product/nursing/back-circle-1-sp.png') no-repeat center top fixed;
  background-size: 100%;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.main-wrap {/* sp */ 
  display: inline-block;
  position: relative;
	margin: 0 auto;
	background: url('../img/product/nursing/back-circle-1-sp.png') no-repeat center top;/* ios固定表示されない */
  background-size: 100%;
}
.title-wrap {/* sp */
  width: 95%;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.text-sub-wrap {/* sp */
  display: inline-block;
  position: relative;
  padding: 0 6%;
  text-align: left;
  line-height: 1.6;
}

/*------ 1 商品説明 ------*/
.product-wrap {/* sp */
  position: relative;/* 必要 位置を指定する */
	width: 90%;
	margin: 10px auto;
	text-align: center;
}
.product-text {/* sp */
  position: relative;/* 必要 位置を指定する */
  width: fit-content;/* 背景色を文字幅に合わせる */
	margin: 20px auto 0;/* 左右0にすると左に寄る */
  line-height: 1.6;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
.product-text-sub {/* sp */
	margin: 10px auto 0;
	text-align: left;
}

/*------ 2 導入効果 ------*/
/* 大枠 */
.contents-wrap {/* sp */
  display: block;/* 見出文字とメニューを横に並べない */
	position: relative;/* 必要 位置を指定する */
	width: 100%;
	margin-top: 20px;
}
/* 見出し */
.contents-text {/* sp */
  width: fit-content;/* 背景色を文字幅に合わせる */
  margin: 0 auto 15px;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
	color: #BC8F8F;
}
h3 {/* sp */
  width: fit-content;/* 背景色を文字幅に合わせる */
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 7px;
	background-color: #fff;
}
/* 中枠 文字左 */
.contents-wrap-left {/* sp */
  position: relative;/* 必要 位置を指定する */
	width: 90%;
	margin: 0 auto;
	text-align: left;/* 必要 中央揃えになる */
}
/* 中枠 文字右 */
.contents-wrap-right {/* sp */
  position: relative;/* 必要 位置を指定する */
	width: 90%;
	margin: 0 auto;
	text-align: left;/* 必要 中央揃えになる */
}

/*------ 3 案内文 ------*/
.text-sub {/* sp */
  display: inline-block;
	position: relative;/* 必要 位置を指定する */
	width: 90%;
	padding-left: 1em;
	margin: 15px auto 0;
	text-align: left;
	text-indent: -1em;
}

/*------ 4 リンクボタン ------*/
.link-button {/* sp */
  display: flex;
  flex-wrap: wrap;
	justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  position: relative;
  width: 200px;
  height: 200px;
	margin: 15px auto 0;
  border-radius: 50%;
  background-color: #44ACE8;
	color: #fff;
}
.link-button img {/* sp */
	margin-top: 15px;
}
.link-button-text {/* sp */
	color: #fff;/* 直接指定する */
	text-align: center;/* 必要 左に寄る */
}
.link-button::before,
.link-button::after {/* sp */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44ACE8;
  border-radius: 50%;
  pointer-events: none;/* 必要 ないとリンクできない */
	content: '';
}
.link-button:hover::before, 
.link-button:hover::after {/* sp */
  animation: pulse 2s linear infinite;
}
.link-button:hover::after {/* sp */
  animation-delay: 1s;
}
@keyframes pulse {
0% {
  transform: scale(1);
  opacity: 1;
}
100% {
  transform: scale(1.4);
  opacity: 0;
}
}

/*------ 5 リーフレット ------*/
.leaflet-wrap {/* sp */
  display: inline-block;
  position: relative;
  margin: 30px auto 15px;
  border-top: solid 1px #44ADE9;
}
.leaflet-img img {/* sp */
  margin: 5px 0 10px;
  border: 1px solid #808080;
}
.leaflet-text {/* sp */
  display: inline-block;/* 中央揃えにする */
  position: relative;
  padding: 10px 0 !important;/* 必要 アイコンとの空き */
  color: #000;
  font-size: 1.6em;
  line-height: 1.8;
  text-align: center;
}
.leaflet-text a {/* sp */
  padding: 3px 0;
  border-bottom: solid 1px #44ADE9;
}

/*------ 6 サービス案内 ------*/
/* 外枠 */
.service-wrap {/* sp */
  width: 100% ;
  padding: 10px;
  border-top: 1px solid #66CCFF;
  color: #44ADE9;
}
/* 行 横並び */
.service-box-2 {/* sp */
  display: inline-block;
  position: relative;
  width: 95%;
}
/* 各項目 */
.estimate-box {/* sp */
  display: inline-block;/* ブロックでは中央配置できない */
  position: relative;
  margin: 10px;
  padding: 10px 20px;/* 文字背景 */
  border-radius: 15px;
  background: #F0FFFF;
  text-align: center;
}
.estimate-text {/* sp */
  margin-bottom: 10px;
  padding-left: .5em;
  color: #000;
  text-align: left;
  text-indent: -.5em;
  line-height: 1.5;
  vertical-align: text-top;/* 上揃え */
}

/*------ フッター ------*/
/* お問合せ先 */
.footer-wrap {/* sp */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  width: 100%;
  padding-top: 25px;/* 必要 2行になったとき社名ロゴの上空き */
	border-top: 1px solid #44ACE8;
  background: #fff;
  color: #000;
}
.text-dial {/* sp */
  display: inline-block;/* 左揃えにする */
  position: relative;
  margin: 0 30px 20px;/* 2行になったとき社名ロゴの下空きなし */
  font-size: 1.35em;/* 右側フォントサイズの基準 */
  text-align: left;
}
_::-webkit-full-page-media,_:future,:root/* safari */ 
.text-dial {/* sp */
  font-size: 1.5em;
}
.telephone-number {/* sp */
  display: inline-block;
  position: relative;
  margin-top: 3px;
  font-weight: bold;
  font-size: 2.2em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.telephone-number {/* sp */
  font-size: 1.96em;
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.reception-hours {/* sp */
  font-size: .6em;
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.reception-hours {/* sp */
  font-size: .59em;/* sp */
  line-height: 1.5em;
}
.company-logo {/* sp */
  margin-bottom: 20px;/* 1列で下空き */
  text-align: center;
}
.company-logo img {/* sp */
  width: 83% !important;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.company-logo img {/* sp */
  width: 77% !important;/* 必要 サファリ縮小しない */
}
/* メールボタン案内 */
.footer-under-wrap {/* sp */
  width: 100%;
  border-top: 1px solid #66CCFF;
  background: #fff;
}
.footer-under-text {/* sp */
  padding: 15px 10px;
  font-size: 1.4em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.footer-under-text {/* sp */
  font-size: 1.6em;
}

/*------ ページトップボタン ------*/
.page-top {/* sp */
  display: none !important;/* 必要 消えない */
}
/*------ フォームボタン ------*/
#form-button {/* sp */
  position: fixed;
  right: 8px;/* 右下 */
  bottom: 10px;/* マウスホバーがないので下へ */
  z-index: 998;
  filter: drop-shadow(2px 2px 3px #B0C4DE);
}
#form-button a:hover {/* sp */
  opacity: 1;/* ホバーで半透明になるので必要 */
}
/* 左の動き 必要 上にスクロールしたとき */
#form-button.LeftMove {/* sp */
  animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime {
from {
  transform: translateX(97px);
}
to {
  transform: translateX(291px);/* iPhone別タブを開くと左にずれる */
}
}
/* 右の動き */
#form-button.RightMove {/* sp */
  animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime {
from {
  transform: translateX(0);
}
to {
  transform: translateX(145px);/* 右の文字が隠れる */
}
}
}