@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(6rem);
  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: 500;
  font-style: normal;
  font-size: 2.6rem;
  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: 2rem;
}


/**************************************
btn
**************************************/
#aboutCareContents .btn{
  display: block;
  margin: 0 auto;
  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%);
  white-space: nowrap;
}

#aboutCareContents .btn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.5rem;
  min-height: 5.5rem;
  padding: 0.1rem 3rem 0 4rem;
  border-radius: 6px;
  background: #113D79;
  font-size: 1.5rem;
  font-weight: 600;
  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{
  font-size: 1.4rem;
  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: block;
}

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

#aboutCareContents .btns > .btn + .btn{
  margin-top: 1.5rem;
}

#aboutCareContents .borderBtns{
  display: flex;
  flex-wrap: wrap;
  width: 32rem;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem 1rem;
  margin: 0 auto;
}

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

#aboutCareContents .borderBtns > .btn{
  width: calc(50% - 0.5rem);
  margin: 0;
}


/**************************************
mvBlock
**************************************/
#aboutCareContents .mvBlock{
  display: block;
  width: 100%;
  height: 88rem;
  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: 7rem;
  position: absolute;
  bottom: 2.6rem;
  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: -226.6rem center;}
}


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


#aboutCareContents .mvBlock .mainTTL{
  display: block;
  margin-bottom: 8rem;
  font-family: var(--font-ja-care);
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
  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: 2rem;
  font-family: var(--font-ja);
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  color: #113D79;
}


#aboutCareContents .mvBlock .ledeBlock{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 3rem 4rem;
  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.0rem;
  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: 1rem;
  font-size: 1.5rem;
}

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

#aboutCareContents .mvBlock .ledeBlock > .lede{
  display: block;
  margin: 0 auto;
  font-size: 1.3rem;
  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;
  margin-top: 2rem;
  font-size: 1.0rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
}


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


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

#aboutCareContents .reasonSection > .secTTL{
  margin-bottom: 3.4rem;
  font-size: 2.0rem;
}


#aboutCareContents .reasonSection ol.reasonPoint{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem 1.5rem;
  width: 100%;
  padding: 0 1.5rem;
  margin: 0 auto 7rem;
}

#aboutCareContents .reasonSection ol.reasonPoint > li{
  display: block;
  width: calc((100% - 1.5rem) / 2);
  aspect-ratio: 1 / 1;
  padding-top: 0.5rem;
  background: #FD873E;
  border-radius: 50%;
  overflow: hidden;
}
#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(2){
  background: #A07663;
}
#aboutCareContents .reasonSection ol.reasonPoint > li:nth-of-type(3){
  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;
  padding-bottom: 0.6rem;
  margin-bottom: 1.2rem;
  font-family: var(--font-en-care);
  font-size: 5rem;
  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.1rem;
  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 > dt::after{
  content: '';
  display: block;
  width: 3rem;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.5rem);
}

#aboutCareContents .reasonSection ol.reasonPoint > li > dl > dd{
  display: block;
  font-size: 1.4rem;
  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;
  margin-bottom: 0.8rem;
  font-size: 1.0rem;
  position: relative;
}




#aboutCareContents .reasonSection .menuCycle{
  display: block;
  width: 100%;
  min-height: 55rem;
  margin: 0 auto 4.5rem;
  position: relative;
}

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

#aboutCareContents .reasonSection .menuCycle .overScrollArea{
  width: 100%;
}
#aboutCareContents .reasonSection .menuCycle .overScrollArea > picture{
  display: block;
  width: 61.5rem;
}


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


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

#aboutCareContents .solutionSection > .secTTL{
  margin-bottom: 7.5rem;
  font-size: 2rem;
}

#aboutCareContents .solutionSection .solutionFlow{
  display: block;
  width: 100%;
  padding: 0 2rem;
}

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


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

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

#aboutCareContents .solutionSection .solutionFlow > dl.before > dd{
  display: block;
  padding: 4rem 1.5rem 0.5rem;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl.before > dd::after{
  content: '';
  display: block;
  width: 5rem;
  height: 7.1rem;
  background:  url("../Contents/ThemeImage/care/home/bg_solution_01.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 2rem;
  bottom: -2.5rem;
}


#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul{}
#aboutCareContents .solutionSection .solutionFlow > dl.before > dd > ul > li{
  display: block;
  padding: 1.5rem 0 1.5rem 3.5rem;
  font-size: 1.4rem;
  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.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #888888;
  position: absolute;
  left: 1.1rem;
  top: calc(50% - 0.4rem);
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd{
  display: block;
  padding: 4rem 1.5rem 0.5rem;
  position: relative;
}

#aboutCareContents .solutionSection .solutionFlow > dl.after > dd::after{
  content: '';
  display: block;
  width: 5rem;
  height: 8.6rem;
  background:  url("../Contents/ThemeImage/care/home/bg_solution_02.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 1.9rem;
  bottom: -3.1rem;
}


#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul{}
#aboutCareContents .solutionSection .solutionFlow > dl.after > dd > ul > li{
  display: block;
  padding: 1.5rem 0 1.5rem 3.5rem;
  font-size: 1.4rem;
  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{
  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: 7.63rem;
  height: auto;
  margin: -0.8rem auto 4.5rem;
  position: relative;
  z-index: 1;
}



#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;
  position: relative;
}

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

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

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

#aboutCareContents .eyeCatch > .text > p:nth-of-type(3){
  font-family: var(--font-en-care);
  font-size: 1.3rem;
  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: 6.4rem;
  width: 100%;
  position: absolute;
  bottom: -3.2rem;
  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: -246.5649484536082rem center;}
}


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

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


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

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


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

#aboutCareContents .typeSection .typeFig .typeDeatil > .fig{
  display: block;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  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: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#aboutCareContents .typeSection .typeFig .typeDeatil > .fig > figure + figure{
  margin-top: 0.5rem;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .fig > figure > img{
  display: block;
  width: 8rem;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .fig > figure figcaption{
  display: block;
  width: calc(100% - 9rem);
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.466666666666667;
  color: #454140;
  text-align: left;
}

#aboutCareContents .typeSection .typeFig .typeDeatil > .guide{
  display: block;
  font-size: 1.3rem;
  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: left;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  transform: translateY(100%);
}

#aboutCareContents .typeSection .typeFig .typeDeatil::after{
  content: '';
  display: block;
  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: 1.5rem;
  top: 6rem;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.fisrt::after{
  width: 9.3rem;
  right: 0;
  top: 5.2rem;
  transform: translateX(100%);
}

#aboutCareContents .typeSection .typeFig .typeDeatil.second{
  left: 1.5rem;
  top: 37.2rem;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.second::after{
  width: 4rem;
  right: 0;
  top: 2.4rem;
  transform: translateX(100%);
}


#aboutCareContents .typeSection .typeFig .typeDeatil.third{
  left: 1.5rem;
  top: 63rem;
}
#aboutCareContents .typeSection .typeFig .typeDeatil.third::after{
  width: 4rem;
  right: 0;
  top: 4rem;
  transform: translateX(100%);
}

#aboutCareContents .typeSection .typeFig > .caution{
  display: block;
  padding-right: 1.5rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 400;
  text-align: right;
}

/**kizami*********/
#aboutCareContents .typeSection .kizami{
  display: block;
  width: calc(100% - 3rem);
  margin: 5rem auto 6rem;
  border-top: 2px solid #113D79;
  background: #FDF9F2;
  position: relative;
  z-index: 1;
}

#aboutCareContents .typeSection .kizami::before{
  content: '';
  display: block;
  width: 18rem;
  height: 17.6rem;
  background: url("../Contents/ThemeImage/care/home/bg_kizami_left_sp.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: 28rem;
  height: 35rem;
  background: url("../Contents/ThemeImage/care/home/bg_kizami_right_sp.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}


#aboutCareContents .typeSection .kizami > .inner{
  display: block;
  padding: 3rem 0 3rem;
}

#aboutCareContents .typeSection .kizami > .inner > .fig{
  display: block;
  width: 14rem;
  margin: 0 auto 3rem;
}

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


#aboutCareContents .typeSection .kizami > .inner > .text{
  display: block;
  width: 100%;
}


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

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


#aboutCareContents .typeSection .kizami .kizamiEx{
  display: block;
  align-items: stretch;
  margin-top: 3rem;
  padding: 0 3.5rem 0 3rem;
}

#aboutCareContents .typeSection .kizami .kizamiEx > .exBox{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#aboutCareContents .typeSection .kizami .kizamiEx > .exBox + .exBox{margin-top: 2rem;}


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

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

#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: 2rem;
  padding-bottom: 2rem;
  font-size: 1.0rem;
  text-align: left;
  letter-spacing: 0.08em;
}


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

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

#aboutCareContents .productSection .innerSection{
  display: block;
  width: calc(100% - 3rem);
  margin: 0 auto;
  background: #FFFFFF;
  padding: 5.5rem 0 4.2rem;
  position: relative;
}
#aboutCareContents .productSection .innerSection + .innerSection{
  margin-top: 4rem;
}


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


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

#aboutCareContents .productSection .innerTTL > span{
  display: block;
  margin-top: 2rem;
  font-family: var(--font-ja);
  font-size: 1.3rem;
  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_sp.svg") center calc(100% - 0.5rem) no-repeat;
  background-size: 24.468rem auto;
  font-family: var(--font-ja-care);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.8;
  text-align: center;
}

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

#aboutCareContents .productSection .ledeBlock .lede{
  display: block;
  width: calc(100% - 3rem);
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 2;
  text-align: left;
}

#aboutCareContents .productSection .ledeBlock .images{
  display: block;
  margin-top: 4rem;
}

#aboutCareContents .productSection .ledeBlock .images > figure{
  display: block;
  margin: 0 auto;
  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: 2rem auto 0;
  font-size: 1rem;
  letter-spacing: 0.08em;
  font-weight: 400;
  text-align: right;
}


#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images > figure{
  width: 22rem;
  padding-bottom: 1.8rem;
}
#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images > figure + figure{
  margin-top: 2rem;
}

#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images > figure > figcaption{
  width: calc(100% - 4rem);
  bottom: 0;
  left: 2rem;
}
#aboutCareContents .productSection .innerSection.sidedish .ledeBlock .images + .caution{
  width: 22rem;
}

#aboutCareContents .productSection .innerSection.staple .ledeBlock .images{}
#aboutCareContents .productSection .innerSection.staple .ledeBlock .images > figure{
  width: 26rem;
}

#aboutCareContents .productSection .innerSection.staple .ledeBlock .images > figure + figure{
  margin-top: 2rem;
}

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

#aboutCareContents .productSection .innerSection.staple .ledeBlock .images + .caution{
  width: 26rem;
}


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

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


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

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

#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 .overScrollArea{
 padding: 0 2.5rem; 
}
#aboutCareContents .productSection .innerSection .detail .detailTable .overScrollArea::-webkit-scrollbar{
  display: none;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table{
  width: 62.4rem;
  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: 8rem;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

#aboutCareContents .productSection .innerSection .detail .detailTable table th{
  background: #577798;
  color: #FFFFFF;
  font-size: 1.6rem;
  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:not(.num){
  display: block;
  font-size: 1.5rem;
}

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

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

#aboutCareContents .productSection .innerSection .detail .detailTable table td{
  font-size: 1.3rem;
  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: 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.5rem;
  font-weight: 500;
}

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

#aboutCareContents .productSection .innerSection .detail .detailTable table td > dl > dt{
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  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.0rem;
  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.2rem;
  padding: 0.1rem 1.5rem 0;
  background: #EFF3F5;
  border-radius: 1.25rem;
  font-size: 1.2rem;
  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: 25.64102564102564%;
  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: 16.02564102564103%;
}


#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: calc(100% - 4rem);
  margin: 0 auto 4rem;
  padding-bottom: 4.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: block;
  padding: 1.2rem 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{
  display: block;
  margin-bottom: 0.5rem;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 500;
}

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


#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: 6rem 0 6rem;
  background: #F7F0E7;
}

#aboutCareContents .messageSection > .ttl{
  display: block;
  margin-bottom: 3rem;
  font-family: var(--font-ja-care);
  font-weight: 400;
  font-size: 2rem;
  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: block;
  margin: 0 auto;
}

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

#aboutCareContents .massageBlock figure > img{
  display: block;
  width: 9rem;
}

#aboutCareContents .massageBlock figure > figcaption{
  display: block;
  width: calc(100% - 10.5rem);
  font-size: 1.2rem;
  line-height: 1.625;
  letter-spacing: 0.08em;
  text-align: left;
  font-weight: 500;
}

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


#aboutCareContents .massageBlock > .message{
  display: block;
  margin: 0 auto;
  width: calc(100% - 3rem);
  padding: 2.5rem 2.2rem 2.5rem 2.5rem;
  background: #FFFFFF;
  border-right: 2px solid #FD873E;
  position: relative;
}

#aboutCareContents .massageBlock > .message::after{
  content: '';
  display: block;
  width: 4rem;
  aspect-ratio: 1/ cos(60deg);
  clip-path: polygon(50% 0,100% 100%,0 100%);
  background: #FFFFFF;
  position: absolute;
  left: calc(50% - 2rem);
  top: -1.5rem;
}


#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: 2rem;}

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

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

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

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

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

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

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

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

#aboutCareContents .modelSection > .ledeBlock > p{
  display: block;
  padding: 0 1.5rem;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
  font-weight: 400;
}

#aboutCareContents .modelSection .modelImage{
  display: block;
  width: calc(100% - 3rem);
  margin: 0 auto;
}

#aboutCareContents .modelSection .modelImage .overScrollArea{width: 100%;}
#aboutCareContents .modelSection .modelImage .overScrollArea::-webkit-scrollbar{
  display: none;
}

#aboutCareContents .modelSection .modelImage .overScrollArea picture{
  width: 73rem;
}


/**************************************
messageSection
**************************************/
#aboutCareContents .costSection{
  display: block;
  padding: 3rem 0 6rem;
  background: #FFFFFF;
}

#aboutCareContents .costSection > .secTTL{
  font-size: 2.6rem;
  padding-bottom: 3rem;
  margin-bottom: 4rem;
  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 > .secTTL > span{
  color: #454140;
  margin-bottom: 1.5rem;
}

#aboutCareContents .costSection .costImage{
  width: calc(100% - 3rem);
  margin: 0 auto 7rem;
}


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

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

#aboutCareContents .caseSection #caseSlider{
  display: block;
  width: calc(100% - 5rem);
  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{
  align-items: stretch;
}

#aboutCareContents .caseSection #caseSlider .slider{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 2rem;
}

#aboutCareContents .caseSection #caseSlider .slider > figure{
  order: 2;
  display: block;
  width: 100%;
  margin: auto 0 0 0;
  position: relative;
}
#aboutCareContents .caseSection #caseSlider .slider > figure figcaption{
  font-size: 1.0rem;
  letter-spacing: 0.08em;
  color: #454140;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 1;
}

#aboutCareContents .caseSection #caseSlider .slider > .text{
  order: 1;
  display: block;
  width: 100%;
  padding-bottom: 2rem;
}
#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.2rem;
}
#aboutCareContents .caseSection #caseSlider .slider > .text ul.hash > li{
  font-size: 1.1rem;
  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: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: left;
  line-height: 1;
}
#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dt > span{
  font-size: 1.3rem;
  margin-left: 1rem;
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.lede{
  font-size: 1.3rem;
  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% - 6.5rem);
}

#aboutCareContents .caseSection #caseSlider .slider > .text > dl > dd.voice > dl > dt{
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.3rem;
  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.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  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: none) {
  #aboutCareContents .caseSection #caseSlider ul > .prev:active,
  #aboutCareContents .caseSection #caseSlider ul > .next:active{opacity: .6;}
}




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

#aboutCareContents #fixedBtns > .inner{
  display: block;
  width: 100%;
  padding: 1.5rem 0.8rem 1.4rem;
  border: 1px solid #FD873E;
  border-bottom: none;
  border-radius: 35px 35px 0 0;
  background: rgba(255,255,255,.85);
	-webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  right: 0;
  bottom: 0;
  
  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: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0 0.9rem;
  width: 100%;
  margin: 0 auto;
}

#aboutCareContents #fixedBtns > .inner > ul.btns > li{
  width: calc(50% - 0.45rem);
}
#aboutCareContents #fixedBtns > .inner > ul.btns > li > span{
  width: 100%;
  margin-bottom: 0.6rem;
  position: static;
  text-align: center;
  transform: none;
  font-size: 1.3rem;
  line-height: 1;
}


#aboutCareContents #fixedBtns > .inner > ul.btns > li > a{
  min-height: 4rem;
  font-size: 1.3rem;
  padding: 0.1rem 3rem 0 3rem;
}
#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: 1.1rem;
  top: -1.5rem;
  z-index: 1;
  cursor: pointer;
}
#aboutCareContents #fixedBtns > .inner > #fixeBtnClose > img{
  display: block;
  width: 1.2rem;
}