@charset "UTF-8";

/*****************************
setting
******************************/
#aboutCareContents{
  display: block;
  width: 100%;
  overflow: hidden;
}

#aboutCareContents picture,
#aboutCareContents figure,
#aboutCareContents img{
  display: block;
  width: 100%;
  height: auto;
}


/**************************************
fadeInBlock
**************************************/
#aboutCareContents .fadeInBlock{
  opacity: 0;
  transform: translateY(10rem);
  transition: transform .6s ease, opacity .6s ease;
}
#aboutCareContents .fadeInBlock.view{
  opacity: 1;
  transform: translateY(0);
}

/**************************************
secTTL
**************************************/
#aboutCareContents .secTTL{
  display: block;
  font-family: var(--font-ja-care);
  font-weight: 600;
  font-style: normal;
  font-size: 3rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-align: center;
}

#aboutCareContents .secTTL > span{
  display: block;
  font-family: "Cormorant Infant","Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 700;
  color: #2F5186;
  letter-spacing: 0.2em;
  line-height: 2;
}

#aboutCareContents .secTTL > span:not(:nth-last-child(1)){
  margin-bottom: 1.5rem;
}


/**************************************
btn
**************************************/
#aboutCareContents .btn{
  display: block;
  position: relative;
}

#aboutCareContents .btn > span{
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #FD873E;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1.607142857142857;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translate(-50%,-100%);
}

#aboutCareContents .btn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.5rem;
  min-height: 6rem;
  padding: 0.1rem 3rem 0 4rem;
  border-radius: 5px;
  background: #113D79;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #FFFFFF;
  position: relative;
}

#aboutCareContents .btn > a::after{
  content: '';
  width: 2rem;
  height: 2rem;
  mask-image: url("../Contents/ThemeImage/care/common/icon_arrow_right.svg");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: 100%;
  -webkit-mask-image: url("../Contents/ThemeImage/care/common/icon_arrow_right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100%;
  background: #FFFFFF;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.9rem);
}

#aboutCareContents .btn.light > a{
  background: #E9F0F4;
  color: #113D79;
}

#aboutCareContents .btn.light > a::after{
  mask-image: none;
  -webkit-mask-image: none;
  background: url("../Contents/ThemeImage/care/common/icon_circle_arrow.svg") center center no-repeat;
  background-size: 100% auto;
}


#aboutCareContents .btn.border > a{
  padding: 0.1rem 3rem 0 3rem;
  border: 1px solid #113D79;
  background: #FFFFFF;
  color: #113D79;
}
#aboutCareContents .btn.border > a::after{
  mask-image: url("../Contents/ThemeImage/care/common/icon_arrow_right.svg");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: 100%;
  -webkit-mask-image: url("../Contents/ThemeImage/care/common/icon_arrow_right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100%;
  background: #113D79;
}

#aboutCareContents .btns{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 3rem;
}

#aboutCareContents .btns > .btn{
  width: 30rem;
}

#aboutCareContents .borderBtns{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 2rem;
}

#aboutCareContents .btns + .borderBtns{margin-top: 2rem;}

#aboutCareContents .borderBtns > .btn{
  width: 20rem;
}


/**************************************
mvBlock
**************************************/
#aboutCareContents .mvBlock{
  display: block;
  width: 100%;
  height: 98rem;
  position: relative;
}


#aboutCareContents .mvBlock .bg{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#aboutCareContents .mvBlock .bg > picture{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#aboutCareContents .mvBlock .bg > picture > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}


#aboutCareContents .mvBlock .mvTextScroll{
  display: block;
  width: 100%;
  height: 12.1rem;
  position: absolute;
  top: 47.2rem;
  left: 0;
  z-index: 1;
}

#aboutCareContents .mvBlock .mvTextScroll > div{
  display: block;
  width: 100%;
  height: 100%;
  background: url("../Contents/ThemeImage/care/home/mv_bg_text.svg") left center repeat-x;
  background-size: auto 100%;
  animation: textScroll 30s infinite linear; 
}

@keyframes textScroll {
  0%   { background-position: 0 center; }
  100% { background-position: -391.7rem center;}
}


#aboutCareContents .mvBlock .textWrap{
  display: block;
  width: 100%;
  height: 100%;
  padding: 5rem 4rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}


#aboutCareContents .mvBlock .mainTTL{
  display: block;
  margin-bottom: 6.6rem;
  font-family: var(--font-ja-care);
  font-weight: 600;
  font-style: normal;
  font-size: 3.4rem;
  letter-spacing: 0.2em;
  line-height: 1.176470588235294;
  text-align: center;
  color: #454140;
}


#aboutCareContents .mvBlock .mainTTL > span{
  display: block;
  margin-bottom: 1.9rem;
  font-family: var(--font-en-care);
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.615384615384615;
  text-align: center;
  color: #113D79;
}

#aboutCareContents .mvBlock .mainTTL > em{
  display: block;
  margin-top: 4.1rem;
  font-family: var(--font-ja);
  font-style: normal;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  color: #113D79;
}


#aboutCareContents .mvBlock .ledeBlock{
  display: block;
  width: 56.6rem;
  margin: 0 auto;
  padding: 4rem 5rem 5rem;
  background: rgba(255,255,255,.75);
	-webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

#aboutCareContents .mvBlock .ledeBlock > .catch{
  display: block;
  margin-bottom: 1.5rem;
  font-family: var(--font-ja-care);
  font-weight: 600;
  font-style: normal;
  font-size: 2.6rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-align: center;
  color: #454140;
  white-space: nowrap;
}

#aboutCareContents .mvBlock .ledeBlock > .catch > span{
  display: block;
  padding-top: 1.5rem;
  font-size: 2rem;
}

#aboutCareContents .mvBlock .ledeBlock > .deco{
  display: block;
  width: 8rem;
  margin: 0 auto 1.5rem;
}

#aboutCareContents .mvBlock .ledeBlock > .lede{
  display: block;
  width: 45rem;
  margin: 0 auto;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  line-height: 1.8;
  text-align: left;
}
#aboutCareContents .mvBlock .ledeBlock > .lede sup{
  position: relative;
  top: 0.2em;
  font-size: 60%;
} 

#aboutCareContents .mvBlock .ledeBlock > .lede + .lede{
  margin-top: 2rem;
}

#aboutCareContents .mvBlock .ledeBlock > .caution{
  display: block;
  width: 45rem;
  margin-top: 2rem;
  font-size: 1.0rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
}


#aboutCareContents .mvBlock .textWrap > .caution{
  display: block;
  width: 56.6rem;
  margin: 1rem auto 0;
  font-size: 1.0rem;
  text-align: right;
}


/**************************************
reasonSection
**************************************/
#aboutCareContents .reasonSection{
  display: block;
  padding: 8rem 0 8rem;
}

#aboutCareContents .reasonSection > .secTTL{
  margin-bottom: 4rem;
}


#aboutCareContents .reasonSection ol.reasonPoint{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 2.66666666rem;
  width: 110rem;
  margin: 0 auto 9rem;
}

#aboutCareContents .reasonSection ol.reasonPoint > li{
  display: block;
  width: calc((100% - 2.66666666rem * 3) / 4);
  aspect-ratio: 1 / 1;
  padding-top: 2rem;
  background: #FD873E;
  border-radius: 50%;
  overflow: hidden;
}
#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(2n){
  background: #A07663;
}

#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(2){transition-delay: .2s;}
#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(3){transition-delay: .4s;}
#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(4){transition-delay: .6s;}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl{
  display: block;
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dt{
  display: block;
  margin-bottom: 0.8rem;
  font-family: var(--font-en-care);
  font-size: 8rem;
  font-weight: 600;
  color: rgba(255,255,255,.25);
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  position: relative;
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dt > span{
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dd{
  display: block;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #FFFFFF;
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dd > span{
  display: block;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  font-size: 1.3rem;
  position: relative;
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dd > span::after{
  content: '';
  display: block;
  width: 3rem;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.5rem);
}


#aboutCareContents .reasonSection .menuCycle{
  display: block;
  width: 110rem;
  min-height: 63.4rem;
  margin: 0 auto 4rem;
  position: relative;
}


#aboutCareContents .reasonSection .menuCycle .overScrollArea{}
#aboutCareContents .reasonSection .menuCycle .overttl{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100rem;
  height: 5rem;
  background: #FDF9F2;
  border-radius: 5rem;
  font-family: var(--font-ja-care);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #454140;
  position: absolute;
  top: 2rem;
  left: 5rem;
  z-index: 1;
}

#aboutCareContents .reasonSection .menuCycle .caution{
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  text-align: right;
}


/**************************************
solutionSection
**************************************/
#aboutCareContents .solutionSection{
  display: block;
  padding: 8rem 0 8rem;
  background: #F7F0E7;
}

#aboutCareContents .solutionSection > .secTTL{
  margin-bottom: 9.6rem;
}

#aboutCareContents .solutionSection .solutionFlow{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 110rem;
  margin: 0 auto;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl{
  display: block;
  width: 50rem;
  background: #FFFFFF;
  position: relative;
}


#aboutCareContents .solutionSection .solutionFlow > dl > dt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44rem;
  height: 8rem;
  background: #888888;
  border-radius: 4rem;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 3rem;
  top: -4rem;
  z-index: 1;
}
#aboutCareContents .solutionSection .solutionFlow > dl > dt > span{
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dt{
  background-color: #FD873E;
}

#aboutCareContents .solutionSection .solutionFlow > dl.before > dd{
  display: block;
  padding: 4.3rem 3.5rem 0.3rem;
  background: url("../Contents/ThemeImage/care/home/bg_solution_01.svg") 40.5rem 24.2rem no-repeat;
  background-size: 6rem auto;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul{}
#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul > li{
  display: block;
  padding: 2.7rem 0 2.7rem 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.08em;
  line-height: 1.5;
  position: relative;
}
#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul > li:not(:nth-last-of-type(1)){
  background-image: linear-gradient(to right, #454140 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}

#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul > li::before{
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888888;
  position: absolute;
  left: 1.1rem;
  top: 3.6rem;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd{
  display: block;
  padding: 4rem 3rem 1.6rem;
  background: url("../Contents/ThemeImage/care/home/bg_solution_02.svg") 41.2rem 5.7rem no-repeat;
  background-size: 6.4rem auto;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul{}
#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li{
  display: block;
  padding: 1.7rem 0 1.7rem 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.08em;
  line-height: 1.5;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li > strong{
  font-size: 1.8rem;
  line-height: 1.333333333333333;
  color: #FD873E;
  font-weight: 500;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li:not(:nth-last-of-type(1)){
  background-image: linear-gradient(to right, #454140 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}
#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li:nth-last-of-type(1){white-space: nowrap;}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li::before{
  content: '';
  display: block;
  width: 3rem;
  height: 3rem;
  background: url("../Contents/ThemeImage/care/home/icon_check.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: calc(50% - 1.5rem);
}

#aboutCareContents .solutionSection .solutionFlow > .arrow{
  display: block;
  width: 12rem;
  height: 100%;
  padding-top: 14rem;
  position: absolute;
  top: 0;
  left: calc(50% - 6rem);
  z-index: 2;
}



#aboutCareContents .solutionSection .solutionFlow > dl.before{
  transition-delay: 0s;
}

#aboutCareContents .solutionSection .solutionFlow > .arrow{
  transition-delay: 0.2s;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after{
  transition-delay: 0.4s;
}



/**************************************
eyeCatch
**************************************/
#aboutCareContents .eyeCatch{
  display: block;
  padding: 0 0 0;
  background: #F7F0E7;
  position: relative;
}

#aboutCareContents .eyeCatch > .text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#aboutCareContents .eyeCatch > .text > figure{
  display: block;
  width: 10rem;
  margin-bottom: 3rem;
}

#aboutCareContents .eyeCatch > .text > p:nth-of-type(1){
  margin-bottom: 1.5rem;
  font-family: var(--font-ja-care);
  font-size: 3.1rem;
  letter-spacing: 0.2em;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
}
#aboutCareContents .eyeCatch > .text > p:nth-of-type(2){
  margin-bottom: 3rem;
  font-family: var(--font-ja-care);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  color: #FFFFFF;
}

#aboutCareContents .eyeCatch > .text > p:nth-of-type(3){
  margin-bottom: 3rem;
  font-family: var(--font-en-care);
  font-size: 2.0rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  color: #FFFFFF;
}


#aboutCareContents .eyeCatch > .bg{
  display: block;
  width: 100%;
}
#aboutCareContents .eyeCatch > .bg > picture{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#aboutCareContents .eyeCatch > .bg > picture > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}


#aboutCareContents .eyeCatch > .foodScroll{
  display: block;
  height: 9.7rem;
  width: 100%;
  position: absolute;
  bottom: -4.9rem;
  z-index: 3;
}


#aboutCareContents .eyeCatch > .foodScroll > div{
  display: block;
  width: 100%;
  height: 100%;
  background: url("../Contents/ThemeImage/care/home/scroll_img.png") left center repeat-x;
  background-size: auto 100%;
  animation: foodScroll 60s infinite linear; 
}

@keyframes foodScroll {
  0%   { background-position: 0 center; }
  100% { background-position: -373.7rem center;}
}


/**************************************
typeSection
**************************************/
#aboutCareContents .typeSection{
  display: block;
  padding: 15rem 0 8rem;
  background: #FFFFFF;
}

#aboutCareContents .typeSection > .secTTL{
  margin-bottom: 4.7rem;
}


#aboutCareContents .typeSection .typeFig{
  display: block;
  width: 100rem;
  margin: 0 auto;
  position: relative;
}

#aboutCareContents .typeSection .typeFig .base{
  display: block;
  width: 34.317rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}


#aboutCareContents .typeSection .typeFig .typeDeatil{
  display: block;
  width: 30rem;
  padding: calc(3rem - 2px);
  border: 1px solid #454140;
  background: #FFFFFF;
  position: absolute;
  z-index: 2;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .fig{
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 2rem;
  margin-bottom: 2.4rem;
  background-image: linear-gradient(to right, #113D79 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .fig > figure{
  display: block;
  width: 50%;
}
#aboutCareContents .typeSection .typeFig .typeDeatil > .fig > figure figcaption{
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  line-height: 1.466666666666667;
  color: #454140;
  text-align: center;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .guide{
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: left;
  color: #454140;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .caution{
  display: block;
  width: 100%;
  font-size: 1rem;
  letter-spacing: 0.08em;
  color: #454140;
  text-align: right;
  position: absolute;
  left: 0;
  bottom: -2rem;
}

#aboutCareContents .typeSection .typeFig .typeDeatil::after{
  content: '';
  display: block;
  width: 10rem;
  height: 1px;
  background-image: linear-gradient(to right, #113D79 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
  position: absolute;
}


#aboutCareContents .typeSection .typeFig .typeDeatil.fisrt{
  left: 8.5rem;
  top: 0;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.fisrt::after{
  right: 0;
  top: 6.3rem;
  transform: translateX(100%);
}

#aboutCareContents .typeSection .typeFig .typeDeatil.second{
  right: 6.2rem;
  top: 11.6rem;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.second::after{
  left: 0;
  top: 4.6rem;
  transform: translateX(-100%);
}


#aboutCareContents .typeSection .typeFig .typeDeatil.third{
  left: 0;
  top: 31.1rem;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.third::after{
  right: 0;
  top: 9.4rem;
  transform: translateX(100%);
}

#aboutCareContents .typeSection .typeFig > .caution{
  display: block;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  /*
  right: 12rem;
  */
  right: 20rem;
}

/**kizami*********/
#aboutCareContents .typeSection .kizami{
  display: block;
  width: 100rem;
  margin: 4rem auto 7rem;
  border-top: 2px solid #113D79;
  background: #FDF9F2;
  position: relative;
  z-index: 1;
}

#aboutCareContents .typeSection .kizami::before{
  content: '';
  display: block;
  width: 28rem;
  height: 23rem;
  background: url("../Contents/ThemeImage/care/home/bg_kizami_left.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
#aboutCareContents .typeSection .kizami::after{
  content: '';
  display: block;
  width: 30rem;
  height: 28rem;
  background: url("../Contents/ThemeImage/care/home/bg_kizami_right.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}


#aboutCareContents .typeSection .kizami > .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4rem 6rem 2rem;
}

#aboutCareContents .typeSection .kizami > .inner > .fig{
  display: block;
  width: 20rem;
}

#aboutCareContents .typeSection .kizami > .inner > .fig figcaption{
  display: block;
  margin-top: 1rem;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
}


#aboutCareContents .typeSection .kizami > .inner > .text{
  display: block;
  width: calc(100% - 27rem);
}


#aboutCareContents .typeSection .kizami > .inner > .text > .kizamiTTL{
  display: block;
  margin-bottom: 1.4rem;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.5;
}

#aboutCareContents .typeSection .kizami > .inner > .text > p{
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.607142857142857;
  text-align: left;
}


#aboutCareContents .typeSection .kizami .kizamiEx{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 3.2rem;
}

#aboutCareContents .typeSection .kizami .kizamiEx > .exBox{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(50% - 1.5rem);
}

#aboutCareContents .typeSection .kizami .kizamiEx > .exBox > figure{
  display: block;
  width: 10rem;
}

#aboutCareContents .typeSection .kizami .kizamiEx > .exBox > dl{
  display: block;
  width: calc(100% - 12rem);
}

#aboutCareContents .typeSection .kizami .kizamiEx > .exBox > dl > dt{
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.666666666666667;
  font-weight: 400;
  text-align: left;
}
#aboutCareContents .typeSection .kizami .kizamiEx > .exBox > dl > dt > span{
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.3rem;
  color: #FD873E;
  font-weight: 600;
  line-height: 1.730769230769231;
}
#aboutCareContents .typeSection .kizami .kizamiEx > .exBox > dl > dd{
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.666666666666667;
}


#aboutCareContents .typeSection .kizami > .caution{
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.0rem;
  text-align: left;
  letter-spacing: 0.08em;
}


/**************************************
typeSection
**************************************/
#aboutCareContents .productSection{
  display: block;
  padding: 10rem 0 10rem;
}

#aboutCareContents .productSection > .secTTL{
  margin-bottom: 4rem;
}

#aboutCareContents .productSection .innerSection{
  display: block;
  width: 100rem;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 7rem 9rem 8rem;
  position: relative;
}
#aboutCareContents .productSection .innerSection + .innerSection{
  margin-top: 8rem;
}


#aboutCareContents .productSection .innerSection.staple{
  padding: 7rem 12rem 8rem;
}

#aboutCareContents .productSection .innerSection::before{
  content: '';
  display: block;
  width: 5rem;
  height: 5px;
  background: #113D79;
  position: absolute;
  left: calc(50% - 2.5rem);
  top: 0;
  z-index: 1;
}


#aboutCareContents .productSection .innerTTL{
  display: block;
  margin-bottom: 6.3rem;
  font-family: var(--font-ja-care);
  font-size: 3.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.323529411764706;
  color: #454140;
  text-align: center;
}

#aboutCareContents .productSection .innerTTL > span{
  display: block;
  margin-top: 1.4rem;
  font-family: var(--font-ja);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: #113D79;
}


#aboutCareContents .productSection .ledeBlock{
  display: block;
  margin-bottom: 6.5rem;
}

#aboutCareContents .productSection .ledeBlock .catch{
  display: block;
  margin-bottom: 2.6rem;
  background: url("../Contents/ThemeImage/care/home/deco_ttl.svg") center calc(100% - 0.5rem) no-repeat;
  background-size: 32.1rem auto;
  font-family: var(--font-ja-care);
  font-size: 3.4rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.323529411764706;
  text-align: center;
}

#aboutCareContents .productSection .ledeBlock .catch > span{
  display: block;
  margin-bottom: 0.7rem;
  font-family: var(--font-ja);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

#aboutCareContents .productSection .ledeBlock .lede{
  display: block;
  width: 76rem;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 2;
  text-align: center;
}

#aboutCareContents .productSection .ledeBlock .images{
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 4.6rem;
}

#aboutCareContents .productSection .ledeBlock .images > figure{
  display: block;
  position: relative;
}
#aboutCareContents .productSection .ledeBlock .images > figure > figcaption{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  border-radius: 20px;
  background: #FDF9F2;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #454140;
  position: absolute;
}

#aboutCareContents .productSection .ledeBlock .images + .caution{
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  font-weight: 400;
  text-align: right;
}

#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images{
  gap: 0 2rem;
}
#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images > figure{
  width: 26rem;
  padding-bottom: 1.8rem;
}
#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images > figure > figcaption{
  width: calc(100% - 2rem);
  bottom: 0;
  left: 1rem;
}


#aboutCareContents .productSection .innerSection.staple .ledeBlock .images{
  gap: 0 4rem;
}
#aboutCareContents .productSection .innerSection.staple .ledeBlock .images > figure{
  width: 36rem;
}
#aboutCareContents .productSection .innerSection.staple .ledeBlock .images > figure > figcaption{
  width: calc(100% - 3rem);
  bottom: 1.5rem;
  left: 1.5rem;
}


/**detail ******/
#aboutCareContents .productSection .innerSection .detail{
  display: block;
  width: 76rem;
  margin: 0 auto;
}

#aboutCareContents .productSection .innerSection .detail > .ttl{
  display: block;
  margin-bottom: 5rem;
  font-family: var(--font-ja-care);
  text-align: center;
  font-size: 2.6rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1.730769230769231;
}


#aboutCareContents .productSection .innerSection .detail .detailTable{}
#aboutCareContents .productSection .innerSection .detail .detailTable + .detailTable{
  margin-top: 6rem;
}

#aboutCareContents .productSection .innerSection .detail .detailTable .caution{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
#aboutCareContents .productSection .innerSection .detail .detailTable .caution + .caution{
  margin-top: 0.5rem;
}

#aboutCareContents .productSection .innerSection .detail .detailTable .caution > span:nth-of-type(1){
  width: 2em;
}
#aboutCareContents .productSection .innerSection .detail .detailTable .caution > span:nth-of-type(2){
  width: calc(100% - 2em);
}


/* tableSetting ********************/
#aboutCareContents .productSection .innerSection .detail .detailTable table{
  width: 100%;
  border: 1px solid #A29791;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table tr{
  border-bottom: 1px solid #A29791;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th,
#aboutCareContents .productSection .innerSection .detail .detailTable table td{
  height: 9rem;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th{
  background: #577798;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
}
#aboutCareContents .productSection .innerSection .detail .detailTable table tr:nth-of-type(2n) th{
  background: #FD873E;
}

#aboutCareContents .productSection .innerSection.staple .detail .detailTable table th{
  background: #B19350;
}
#aboutCareContents .productSection .innerSection.staple .detail .detailTable table tr:nth-of-type(2n) th{
  background: #916641;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th > span.num{
  font-size: 2.6rem;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th > em{
  display: block;
  margin-top: 0.4rem;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td{
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.285714285714286;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th.wide,
#aboutCareContents .productSection .innerSection .detail .detailTable table td.wide{

}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > strong{
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > span.tax{
  font-size: 1.2rem;
  font-weight: 500;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > span.font-en{
  font-size: 1.6rem;
  font-weight: 500;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > em{
  margin-left: 0.2em;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > dl > dt{
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.125;
  text-align: center;
}
#aboutCareContents .productSection .innerSection .detail .detailTable table td > dl > dt > span{
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table td > dl > dd{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding: 0.1rem 1.5rem 0;
  background: #EFF3F5;
  border-radius: 1.25rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
}
#aboutCareContents .productSection .innerSection .detail .detailTable table td > dl.cnt2 > dd{
  background: #FFF1D3;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th:not(:nth-last-child(1))::after,
#aboutCareContents .productSection .innerSection .detail .detailTable table td:not(:nth-last-child(1))::after{
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, #A29791 2px, transparent 2px);
  background-repeat: repeat-y;
  background-position: left bottom;
  background-size: 1px 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}


#aboutCareContents .productSection .innerSection .detail .detailTable table thead{}
#aboutCareContents .productSection .innerSection .detail .detailTable table thead > tr{
  background: #EDEBEA;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table thead th,
#aboutCareContents .productSection .innerSection .detail .detailTable table thead td{
  width: 23.28947368421053%;
  height: 5rem;
  background: #EDEBEA!important;
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  line-height: 5rem;
  font-weight: 500;
  color: #454140;
  position: relative;
  vertical-align: middle;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table thead td{
  width: 30.26315789473684%;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table thead th.large{
  width: 32.89473684210526%;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table thead th.small{
  width: 18.42105263157895%;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table thead th sup,
#aboutCareContents .productSection .innerSection .detail .detailTable table thead td sup{
  font-size: 1rem;
  letter-spacing: 0.1em;
}
#aboutCareContents .productSection .innerSection .detail .detailTable table thead th > img,
#aboutCareContents .productSection .innerSection .detail .detailTable table thead td > img{
  display: inline-block;
  width: 3rem;
  margin-right: 0.5rem;
  margin-bottom: 0.2rem;
  vertical-align: middle;
}


#aboutCareContents .productSection .innerSection .btns{margin-top: 8rem;}


/* caseReport *******************/
#aboutCareContents .productSection .innerSection .caseReport{
  display: block;
  width: 76rem;
  margin: 0 auto 5rem;
  padding-bottom: 6.5rem;
  border-bottom: 1px solid #A29791;
  position: relative;
}
#aboutCareContents .productSection .innerSection .caseReport::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #A29791;
  position: absolute;
  bottom: -5px;
  left: 0;
}

#aboutCareContents .productSection .innerSection .evidenceList{
  display: block;
  margin-top: 0.4rem;
}
#aboutCareContents .productSection .innerSection .evidenceList > dl{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.8rem 0;
  background-image: linear-gradient(to right, #454140 1px, transparent 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}

#aboutCareContents .productSection .innerSection .evidenceList > dl > dt{
  width: 16rem;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 500;
}

#aboutCareContents .productSection .innerSection .evidenceList > dl > dd{
  width: calc(100% - 16rem);
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
}


#aboutCareContents .productSection .innerSection .caseReport .caution{
  display: block;
  margin-top: 1rem;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.43;
  text-align: left;
}



/**************************************
messageSection
**************************************/
#aboutCareContents .messageSection{
  display: block;
  padding: 8rem 0 10rem;
  background: #F7F0E7;
}

#aboutCareContents .messageSection > .ttl{
  display: block;
  margin-bottom: 4.2rem;
  font-family: var(--font-ja-care);
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-align: center;
}

#aboutCareContents .messageSection > .ttl > strong{
  background-image: radial-gradient(circle at center, #FD873E 16%, transparent 16%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1.22em 0.4em;
  padding-top: .4em;
  font-weight: 600;
}


#aboutCareContents .massageBlock{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 91.1rem;
  margin: 0 auto;
}

#aboutCareContents .massageBlock figure{
  display: block;
  width: 16rem;
}

#aboutCareContents .massageBlock figure > figcaption{
  margin-top: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.625;
  letter-spacing: 0.08em;
  text-align: center;
  font-weight: 500;
}

#aboutCareContents .massageBlock figure > figcaption > span{
  display: block;
  font-size: 1.1rem;
  color: #A29791;
}


#aboutCareContents .massageBlock > .message{
  display: block;
  width: 66.8rem;
  padding: 3.2rem 2.1rem 3.1rem 4.7rem;
  background: #FFFFFF;
  border-right: 2px solid #FD873E;
  position: relative;
}

#aboutCareContents .massageBlock > .message::after{
  content: '';
  display: block;
  width: 5rem;
  aspect-ratio: 50 / 40;
  clip-path: polygon(0 0,100% 0,100% 100%);
  background: #FFFFFF;
  position: absolute;
  left: -3.1rem;
  top: 12rem;
}

#aboutCareContents .massageBlock > .message > p{
  font-size: 1.3rem;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: left;
}
#aboutCareContents .massageBlock > .message > p + p{margin-top: 2.5rem;}

#aboutCareContents .massageBlock > .message > p > strong{
  font-weight: 600;
  color: #FD873E;
}

/**************************************
movieSection
**************************************/
#aboutCareContents .movieSection{
  display: block;
  padding: 8rem 0 8rem;
}

#aboutCareContents .movieSection > .secTTL{
  margin-bottom: 4rem;
}

#aboutCareContents .movieWrap{
  width: 96rem;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

#aboutCareContents .movieWrap iframe {
  width: 100%;
  height: 100%;
}

/**************************************
modelSection
**************************************/
#aboutCareContents .modelSection{
  display: block;
  padding: 10rem 0 3rem;
  background: #FFFFFF;
}

#aboutCareContents .modelSection > .secTTL{
  margin-bottom: 4rem;
}

#aboutCareContents .modelSection > .ledeBlock{
  margin-bottom: 5.7rem;
}

#aboutCareContents .modelSection > .ledeBlock > p{
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
  font-weight: 400;
}

#aboutCareContents .modelSection .modelImage{
  display: block;
  width: 110rem;
  margin: 0 auto;
  padding: 0 2.5rem;
  background: #FDF9F2;
}


/**************************************
costSection
**************************************/
#aboutCareContents .costSection{
  display: block;
  padding: 4rem 0 10rem;
  background: #FFFFFF;
}

#aboutCareContents .costSection > .secTTL{
  padding-bottom: 2.3rem;
  margin-bottom: 4.3rem;
  position: relative;
}

#aboutCareContents .costSection > .secTTL::after{
  content: '';
  display: block;
  width: 4rem;
  height: 1px;
  background: #113D79;
  position: absolute;
  left: calc(50% - 2rem);
  bottom: 0;
}

#aboutCareContents .costSection .costImage{
  width: 100rem;
  margin: 0 auto 9.8rem;
}


/**************************************
caseSection
**************************************/
#aboutCareContents .caseSection{
  display: block;
  padding: 10rem 0 10rem;
}

#aboutCareContents .caseSection > .secTTL{
  margin-bottom: 4rem;
}



#aboutCareContents .caseSection #caseSlider{
  display: block;
  width: 100rem;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #113D79;
  position: relative;
}


#aboutCareContents .caseSection #caseSlider .container{
  display: block;
  width: 100%;
  overflow: hidden;
}

#aboutCareContents .caseSection #caseSlider .sliderWrapper{}

#aboutCareContents .caseSection #caseSlider .slider{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5rem 5.2rem 6.3rem 4.8rem;
}

#aboutCareContents .caseSection #caseSlider .slider > figure{
  display: block;
  width: 36rem;
  position: relative;
}
#aboutCareContents .caseSection #caseSlider .slider > figure figcaption{
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  color: #454140;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 1;
}

#aboutCareContents .caseSection #caseSlider .slider > .text{
  display: block;
  width: calc(100% - 40rem);
}
#aboutCareContents .caseSection #caseSlider .slider > .text ul.hash{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-bottom: 1.4rem;
}
#aboutCareContents .caseSection #caseSlider .slider > .text ul.hash > li{
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  white-space: nowrap;
  color: #FD873E;
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl{
  display: block;
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dt{
  display: block;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: left;
  line-height: 1;
}
#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dt > span{
  font-size: 1.5rem;
  margin-left: 1rem;
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.lede{
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.08em;
}


#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 3px solid #FDF9F2;
}
#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > figure{
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
}
#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > figure > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > dl{
  display: block;
  width: calc(100% - 7rem);
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > dl > dt{
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
}
#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > dl > dd{
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  line-height: 1.692307692307692;
  text-align: left;
}


#aboutCareContents .caseSection #caseSlider ul.control{}

#aboutCareContents .caseSection #caseSlider ul > .next,
#aboutCareContents .caseSection #caseSlider ul > .prev{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
	width: 5rem;
	height: 5rem;
  background: #FDF9F2;
  border: 1px solid #454140;
  border-radius: 50%;
	position: absolute;
	top: calc(50% - 2.5rem);
	z-index: 3;
	cursor: pointer;
  transition: opacity 0.3s ease,background 0.3s ease;
}
#aboutCareContents .caseSection #caseSlider ul > .next{right: -2.5rem;}
#aboutCareContents .caseSection #caseSlider ul > .prev{left: -2.5rem;} 

#aboutCareContents .caseSection #caseSlider ul > .next > img,
#aboutCareContents .caseSection #caseSlider ul > .prev > img{display: block; width: 0.8rem; height: auto;}


@media (hover: hover) {
  #aboutCareContents .caseSection #caseSlider ul > .prev:hover,
  #aboutCareContents .caseSection #caseSlider ul > .next:hover{opacity: .6;}
}

@media (hover: none) {
  #aboutCareContents .caseSection #caseSlider ul > .prev:active,
  #aboutCareContents .caseSection #caseSlider ul > .next:active{opacity: .6;}
}


/**************************************
fixedBtns
**************************************/
#aboutCareContents #fixedBtns{
  display: block;
  height: 20rem;
  padding: 0 0 2rem;
  position: relative;
  z-index: 5;
}

#aboutCareContents #fixedBtns > .inner{
  display: block;
  width: 28rem;
  padding: 2rem 3rem 2.1rem;
  border: 1px solid #FD873E;
  border-radius: 35px;
  background: rgba(255,255,255,.85);
	-webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  right: 1.7rem;
  bottom: 2rem;
  
  opacity: 0;
  transform: translateY(100%);
  transition: transform .3s ease,opacity .3s ease;
}

#aboutCareContents #fixedBtns.view > .inner{
  opacity: 1;
  transform: translateY(0);
}

#aboutCareContents #fixedBtns.view.stop > .inner{
  position: absolute;
}

#aboutCareContents #fixedBtns.view.close > .inner{
  opacity: 0;
  transform: translateY(100%);
}


#aboutCareContents #fixedBtns > .inner > ul.btns{
  display: block;
  width: 22rem;
  margin: 0 auto;
}

#aboutCareContents #fixedBtns > .inner > ul.btns > li{
  width: 100%;
}
#aboutCareContents #fixedBtns > .inner > ul.btns > li > span{
  width: 100%;
  margin-bottom: 0.5rem;
  position: static;
  text-align: center;
  transform: none;
  font-size: 1.3rem;
}

#aboutCareContents #fixedBtns > .inner > ul.btns > li + li{
  margin-top: 1.5rem;
}

#aboutCareContents #fixedBtns > .inner > ul.btns > li > a{
  min-height: 5rem;
  font-size: 1.5rem;
}
#aboutCareContents #fixedBtns > .inner > ul.btns > li > a::after{
  right: 0;
}

#aboutCareContents #fixedBtns > .inner > #fixeBtnClose{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  background: #FD873E;
  border-radius: 50%;
  position: absolute;
  right: -0.5rem;
  top: -0.4rem;
  z-index: 1;
  cursor: pointer;
}
#aboutCareContents #fixedBtns > .inner > #fixeBtnClose > img{
  display: block;
  width: 1.2rem;
}