@font-face {
  font-family: 'SweiGothicCJKtc-Regular';
  src: url(https://cdn.jsdelivr.net/gh/max32002/swei-gothic@2.129/WebFont/CJK%20TC/SweiGothicCJKtc-Regular.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/swei-gothic@2.129/WebFont/CJK%20TC/SweiGothicCJKtc-Regular.woff) format("woff");
}

/* All */
/* All */
/* All */
html, body {
  padding: 0;
  margin: 0;
  width: 100vw;
  overflow-x: hidden;
  font-family: 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
}

/* Sections Setting */
/* Sections Setting */
/* Sections Setting */
.kv{
  background-image: url(https://asoecwebimage.blob.core.windows.net/web/2021%20new%20official%20e-commerce%20site/page_FootMeasurement/footMeasurementKVbackground.jpg);
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cellsBoxFrame {
  position: relative;
}

.cellsBox {
  position: absolute;
  left: 0;
  top: 0;
}

.cells {
  position: relative;
}

.section01-background {
  width: 100vw;
  height: 75%;
  background-color: #F6F7F8;
  position: absolute;
  left: 0;
  bottom: -5%;
  z-index: -200;
}

.section03 {
  background-color: #F6F7F8;
  width: 100vw;
}

.section05-background{
  width: 100vw;
  height: 40%;
  background-color: #F6F7F8;
  position: absolute;
  left: 0;
  bottom: 80px;
  z-index: -200;
}

.section07 {
  background-color: #F6F7F8;
  width: 100vw;
  margin: 10vh 0 0 0;
  padding: 10vh 0;
}

.steps {
  padding-left: 20vw;
  padding-right: 20vw;
}

/* kv出場 */
.animated_h1, .animated_h2, .animated_h3 {
opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.animated_icon1, .animated_icon2, .animated_icon3, .animated_icon4, .animated_icon5, .animated_icon6, .animated_icon7 {
opacity: 0;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

/* 旋轉 */
.animated_turn{
	-webkit-animation-name: animated_turn;
    animation-name: animated_turn;
	-webkit-animation: animated_turn 20s infinite linear;
	-moz-animation: animated_turn 20s infinite linear;
	-o-animation: animated_turn 20s infinite linear;
	animation: animated_turn 20s infinite linear;
}
@-webkit-keyframes animated_turn{
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes animated_turn {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes animated_turn {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@keyframes animated_turn {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


/* Text */
/* Text */
/* Text */
.title {
    font-family: SweiGothicCJKtc-Regular, 微軟正黑體; 
    font-size: 64px;
    font-weight: 900; 
    letter-spacing: 0.2em;
    color: #fff; 
    white-space: nowrap;

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes loading {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@keyframes loading {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
}

.subtitle {
    font-family: SweiGothicCJKtc-Regular, 微軟正黑體; 
    font-weight: 700; 
    font-size: 30px;
    letter-spacing: 0.4em;
    color: #fff; 
    white-space: nowrap;
    position: absolute;
    bottom: 10vh;
}

.section-title {
  font-weight: 700; 
  font-size: 68px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  text-align: center;
}

.section-subtitle {
  font-weight: 500;  
  font-size: 48px;
  letter-spacing: 0.1em;
  text-align: center;
}

.section02 .section-subtitle {
  padding-bottom: 4px;
  font-weight: 600;
}

.section03 .section-subtitle {
  font-weight: 600;
}

.section-subtitle02 {
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.section-subtitle03 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #0dadbc;
    position: relative;
    width: max-content;
}

.section-subtitle03-logo {
  content: "";
  background-image: url(https://asoecwebimage.blob.core.windows.net/web/2021%20new%20official%20e-commerce%20site/logo/aso_logo_brown.svg);
  background-size: 130px 130px;
  position: absolute;
  top: -50px;
  left: -100px;
  width: 130px;
  height: 130px;
}

.section-subtitle04 {
    
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.2rem;
    color: #1c3e41;
}

.section05 .section-subtitle04 {
  font-size: 2rem;
  font-weight: 600;
}

.section07 .section-subtitle04 {
  font-weight: 600;
}

.section07 .section-subtitle {
  font-size: 3.2rem;
  font-weight: 600;
}

.section06 .section-subtitle {
  font-weight: 600;
}

.section-subtitle05 {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 2.2rem;
    color: #424E4F;
    border-bottom: 1px solid #424E4F;
    width: max-content;
    box-sizing: border-box;
}

.section-subtitle06 {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.4em;
    line-height: 2.2rem;
    color: #1A1A1A;
    width: max-content;
}

.section-subtitle07 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 2.2rem;
    color: #1A1A1A;
    width: max-content;
}

.section-text{
    font-size: 28px;
    letter-spacing: 0.135em;
    color: #0dadbc;
    text-align: center;
    margin-top: 28px;
}

.section-text-gray {
    color: #79898C;
    font-size: 38px;
    line-height: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.6rem;
}

.section-citation-gray {
    color: #79898C;
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
    margin: 1em auto;
}

.section-customer-title {
    color: #1A1A1A;
    font-size: 1.18rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-align: center;
    vertical-align: middle;
    margin-top: 1.2rem;
}

.section-customer-text {
    color: #424E4F;
    font-size: 1.18rem;
    font-weight: 400;
    letter-spacing: 0.12rem;
    margin-top: 1.2rem;
}

.section-doctor-title {
    color: #1A1A1A;
    font-size: 1.18rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 1.8rem;
    margin-top: 1.2rem;
}

.section-doctor-text {
    color: #424E4F;
    font-size: 1.18rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    width: 100%;
}

.section-step-text {
    color: #424E4F;
    font-size: 1.18rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    width: 100%;
    text-align: center;
}

.textDecoUnderline {
  border-bottom: #1A1A1A 3px solid;
  color: #1A1A1A;
  line-height: 1.5em;
  width: fit-content;
}

.text-highlight {
    font-size: 3.5rem;
    font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
}

.text-color {
    color: #0dadbc;
    font-weight: 400;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.mobile-br:before { 
  content: ' '; 
  display: inline;
}

/* Components */
/* Components */
/* Components */
.header{
	width: 100vw;
	height: 60px;
	background-color: #231815;
  z-index: 1000;
}

.header_logo{
	margin-left: 30px;
}

.header_logo img{
	min-width: 62px;
  width: max-content;
	height: 80%;
	margin-top: 8px;
}

.cells {
  position: relative;
  width: 100vw;
  height: 80%;
}

.cells img {
  opacity: 0.3;
}

.footMeasurementKVCompound {
  position: absolute;
  top: -16vh;
  left: 0;
  width: 25%;
  opacity: 1.0 !important;
}

.footMeasurementKVCompound { position: absolute; top: 10px;}
.footMeasurementCell01 { position: absolute; top: -120px; left: 790px; width: 200px;}
.footMeasurementCell02 { position: absolute; top: -25px; left: 910px; width: 200px;}
.footMeasurementCell03 { position: absolute; top: -16px; left: 1078px; width: 130px;}
.footMeasurementCell04 { position: absolute; top: 70px; left: 1038px; width: 290px;}
.footMeasurementCell05 { position: absolute; top: 169px; left: 910px; width: 200px;}
.footMeasurementCell06 { position: absolute; top: 192px; left: 1225px; width: 235px;}
.footMeasurementCell07 { position: absolute; top: 100px; left: 1350px; width: 100px;}

.footMeasurementLOGO {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.footMeasurementLOGO img{
  width: 200px;
}

.features {
    display: flex;
    flex-direction: column;
}

.featureBackground {
    background-size: cover;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 2.1em;
    color: #424E4F;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    height: 50px;
    border-radius: 25px;
    padding: 0 2em;
    min-width: fit-content;
}

.featureBackground-B {
    background-size: cover;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    line-height: 2.1em;
    color: #424E4F;
    white-space: nowrap;
    height: 2.6rem;
    border-radius: 1.3rem;
    padding: 0 2em;
    min-width: fit-content;
}

.featureBackground01 {
    background-color: #D3F8FE;
}

.featureBackground02 {
    background-color: #BDEDF4;
}

.featureBackground03 {
    background-color: #ACDFE7;
}

.featureBackground04 {
    background-color: #ACDFE6;
}

#feature::before {
    content: url(https://asoecwebimage.blob.core.windows.net/web/2021%20new%20official%20e-commerce%20site/page_FootMeasurement/footMeasurementIconCheck.png) ;
    text-align: center;
    vertical-align: middle;
    padding-right: 0.5em;
}

.coin {
  width: 60%;
}

.IconThumb::after {
    content: url(https://asoecwebimage.blob.core.windows.net/web/2021%20new%20official%20e-commerce%20site/page_FootMeasurement/footMeasurementIconThumb.png);
    text-align: center;
    vertical-align: middle;
}

.section02-hr {
    width: 100%;
}

.mockup-row {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mockup-frame {
  min-width: 100%;
}

.mockup-picture {
  width: 400px;
  border-radius: 26px 26px 14px 14px;
  overflow: hidden;
}

.mockup-outline {
  width: 290px;
  height: 515px;
  border-radius: 26px 26px 32px 32px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  z-index: 50;
}

.mockup-vedio {
  overflow: hidden;
  width: 176%;
  position: absolute;
  left: -110px;
}

.footMeasurementImage01 {
  width: 57vw;
}

.deco-line {
  border-top: 1px solid #1A1A1A;
  width: 700px;
  height: 100px;
  position: absolute;
  top: 18px;
  left: -800px;
}

.deco-line01 {
  border-top: 1px solid #0dadbc;
  width: 500px;
  height: 100px;
  position: absolute;
  top: 120px;
  left: 10px;
  opacity: 0;
}

.deco-line02 {
  border-bottom: 1px solid #0dadbc;
  width: 410px;
  height: 100px;
  position: absolute;
  top: 120px;
  left: -50px;
  z-index: -200;
  opacity: 0;
}

.deco-parallelogram {
  border-left: 1px solid #0dadbc;
  border-right: 1px solid #0dadbc;
  position: absolute;
  top: -5%;
  left: -13%;
  width: 750px;
  height: 110px;
  transform: skewX(-45deg);
}

.doctorImage {
  width: 100%;
  max-width: 460px;
  position: absolute;
  bottom: 0;
  margin: 50px auto;
}

/* Interactive Components */
/* Interactive Components */
/* Interactive Components */
.carousel {
  position: relative;
  width: 60vw;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 48px;
  height: 48px;
  display: inline-block;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  text-decoration: none;
  outline: 0;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 25px;
  height: 50px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  transform: translate(-60px,250%);
  background-image: url("https://aso-ec-cdn-endpoint.azureedge.net/web/2021%20new%20official%20e-commerce%20site/page_FootMeasurement/footMeasurementArrowLeft.png");
}

.carousel-control-next-icon {
  transform: translate(60px,250%);
  background-image: url("https://aso-ec-cdn-endpoint.azureedge.net/web/2021%20new%20official%20e-commerce%20site/page_FootMeasurement/footMeasurementArrowRight.png");
}

.carouselCustomerMobile {
    display: none;
    visibility: hidden;
    height: 0;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 5px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(68, 184, 193, 0.5);
  border-radius: 50%;
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: rgba(68, 184, 193, 0.9); 
}

.aso-btn{
  color: #ffffff !important ; 
  background-color: #73574F !important ;
  border: rgba(255, 255, 255, 0);
  border-color: #73574F !important ;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0.5em 0.9em;
  border-radius: 0.2rem;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.button-gradient {
  display: inline-block;
  transition: all .5s;
  filter: hue-rotate(0deg);
  text-decoration: none;
}

.b-green, .b-green:before {
background: rgba(73,155,234,1);
background: -moz-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(26,188,156,1)));
background: -webkit-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
background: -o-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
background: -ms-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
background: linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1abc9c', GradientType=1 );
}

.rot-135:hover {
  filter: hue-rotate(40deg);
}

.aso-btn:hover{
	-moz-transform:scale(.95,.95);
	-moz-transition: all 0.3s ease-out;
	-webkit-transform:scale(.95,.95);
	-webkit-transition: all 0.3s ease-out;
	-o-transform:scale(.95,.95);
	-o-transition: all 0.3s ease-out;
	-ms-transform:scale(.95,.95);
	-ms-transition: all 0.3s ease-out;
	transform:scale(.95,.95);
    transition: all 0.3s ease-out;
    text-decoration: none;
}

.gold-odd{
	animation: float 3.2s ease-in-out infinite;
}

.gold-even{
    animation: float 2.2s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-5px);
	}
	100% {
		transform: translatey(0px);
	}
}

/* 修改部分20230510 ***********************************************************************************************************************************/
.row.mt-5, .container-fluid.section05.mt-5.pt-5.pb-5 {
    margin-top: 0px!important;
}
.container.pb-5 {
    margin-top: 1rem!important;
}
.LargePieChart {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
	padding-top: 25px;
}
.LargePieChart img, .StateOfFeet-pc {
    width: 100%;
}
.StateOfFeet {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
	padding: 30px 0;
}
.StateOfFeet-pc {
	display:block;
}
.StateOfFeet-m {
    max-width: 500px;
    width: 100%;
	display:none;
}
.col-lg-3 {
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 10%;
}
.col-12.col-md-12.col-lg-3.pt-5 {
    margin-top: 0%;
    margin-bottom: 0%;
}
.border-bottom_none{
	border-bottom: none;
	font-weight: 800;
}
.float_right{
	float: right;
    right: 35%;
}
.float_right_p{
	width: 60%;
    margin: 0 auto;
}
.col-lg-4.embed-responsive {
    margin: 10px;
}
.carouselCustomerMobile{
	display:none !important;
}
.padding-bottom{
	padding-bottom: 100px;
}


/* RWD */
/* RWD */
/* RWD */	
@media (min-width: 992px) {
.col-lg-4 {
    -ms-flex: 0 0 21.333333%;
    flex: 0 0 21.333333%;
    max-width: 21.333333%;
}
}




@media (min-width: 270.98px) and (max-width: 575.98px) {	
  .header_logo { margin-left: 0; padding-left: 0;} 
  .footMeasurementLOGO img{ width: 150px;}
  .title { font-size: 2.4em; margin-bottom: 0; padding-bottom: 0; }
  .subtitle { font-size: 1.1em; margin-top: 0; padding-top: 0;}
  .section-title { font-size: 3em;}
  .section01 .section-subtitle { font-size: 1.7em; width: 85vw;}
  .section01 .section-text { font-size: 0.95em; width: 90vw;}
  .featureBackground { font-size: 1.2em; height: 40px; border-radius: 20px;}
  .section01-text { display: flex; flex-direction: column; justify-content: center; padding: 0; margin: 3rem 0;}
  .section01-text .section-subtitle { font-size: 1.6rem; width: 100%; line-height: 2.5em;}
  .section01-text .section-text { font-size: 1.2rem; width: 100%; text-align: center;}
  .section01-background { height: 45%; position: absolute; left: 0; bottom: 0;}
  .section02 .section-subtitle { font-size: 2.5em;  border-bottom: 2px solid #000; display: block; line-height: 1.2em; margin-bottom: 15px;}
  .section02 .section-subtitle02 { font-size: 1.4em; width: 90vw; display: block; text-align: center;}
  .section02 .section-text-gray { font-size: 29px; letter-spacing: 4px;}
  .section03 .section-subtitle { font-size: 38px;}
  .section03 .section-subtitle03 { font-size: 26px; width: 88vw;}
  .carouselCustomerWeb { display: none !important; } 
  .carouselCustomerMobile { display: inline-block; visibility: visible; height: 100%;}
  .coin { width: 33%;}
  .coins { width: 100vw; margin-top: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
  .aso-btn { font-size: 1.6em; margin-top: 1em; padding: 0.4em 0.9em;}
  .section-subtitle03-logo { visibility: hidden; }
  .section04 { overflow: hidden;}
  .section04 .section-subtitle02 { font-size: 30px; width: 90vw;}
  .deco-line { position: absolute; top: 35px; left: -710px;}
  .section04 .section-subtitle04 { font-size: 1.3rem; line-height: 1.5em; margin: 0; padding: 0;}
  .section04 .text-highlight { font-size: 1.8rem;}
  .section04 .footMeasurementImage01 { width: 130vw;}
  .section04 .section-customer-text { width: 100%;}
  .section05 .section-subtitle05 { font-weight: 500; font-size: 20px; width: 90vw; border-bottom: hidden;}
  .section05-background { height: 67%;}
  .section05 .section-subtitle04 { font-size: 1.6em;}
  .doctorImage { position: relative; top: -30px; left: 10px;}
  .section05 .section-title { font-size: 2.3em; width: 90vw; }
  .footMeasurementIconList { width: 180px;}
  .footMeasurementIconList img { width: 50%; height: auto;}
  .featureBackground-B { font-size: 1em; padding-top: 6px;}
  .mockup-picture { visibility: hidden;}
  .mockup-outline { border-radius: 40px; }
  .footMeasurementKVCompound ,.footMeasurementCell01 ,.footMeasurementCell02,.footMeasurementCell03,.footMeasurementCell04,.footMeasurementCell05,.footMeasurementCell06,.footMeasurementCell07 { visibility: hidden;}
  .section07 .section-subtitle { font-size: 1.8em;}
  .steps { width: 100vw; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
  .section-step-img { width: 50%; margin: 0 10px;}
  .section-step-text { margin-top: 5px;}
  .deco-line01 ,.deco-line02 { visibility: hidden;}
  .mobile-br:before { content: ' '; display: block; text-align: center;}
  .carousel-control-prev ,.carousel-control-next { z-index: 100; top: -55px;}

.StateOfFeet {
    width: auto ;
}
.StateOfFeet-pc {
	display:none;
}
.StateOfFeet-m {
	display:block;
}  
.coins {
	left: 0;
}
.float_right_p {
    width: 80%;
}
.carouselCustomerMobile{
	display:block !important;
	left: 15%;
} 
.title {
    font-size: 22px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .section01 .section-subtitle { font-size: 2em;} 
  .coins { width: 100vw; margin-top: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
  .doctorImage { position: relative; top: -30px; left: 10px;}
  .footMeasurementKVCompound { position: absolute;left: 25px;}
  .footMeasurementCell01 ,.footMeasurementCell02,.footMeasurementCell03,.footMeasurementCell04,.footMeasurementCell05,.footMeasurementCell06,.footMeasurementCell07 { visibility: hidden;}
  .deco-line01 ,.deco-line02 { visibility: hidden;}

.StateOfFeet {
    width: auto ;
}
.StateOfFeet-pc {
	display:none;
}
.StateOfFeet-m {
	display:block;
}  
.coins {
	left: 0;
}  
.coin {
	width: auto;
}
.title {
    font-size: 30px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .section01 .section-subtitle { font-size: 34px;} 
  .section02 .section-subtitle02 { display: block; text-align: center;}
  .pad-br:before { content: ' '; display: block; text-align: center;}
  .section03 .section-subtitle03 { padding-left: 36px;}
  .section-subtitle03-logo { left: -58px; top: -42px;}
  .deco-line { top: 35px; left: -710px;}
  .coins { width: 100vw; margin-top: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
  .section05 .section-subtitle05 { font-size: 26px;}
  .doctorImage { width: 150%; position: static; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto;}
  .section05 .section-subtitle04 { font-size: 42px;}
  .footMeasurementKVCompound { position: absolute;left: 45px;}
  .footMeasurementCell01 ,.footMeasurementCell02,.footMeasurementCell04,.footMeasurementCell05,.footMeasurementCell06 { visibility: hidden;}
  .footMeasurementCell03 { left: 86%; top: -85px;}
  .footMeasurementCell07 { left: 90%; top: 260px;}
  .deco-line01 ,.deco-line02 { visibility: hidden;}

.StateOfFeet-pc {
	display:none;
}
.StateOfFeet-m {
	display: inline-block;
}    
.coins {
	left: 0;
}  
.coin {
	width: auto;
}
.float_right {
    right: 30%;
}  
.float_right_p{
	width: 80%;
}

.newTitle {
    font-size: 50px;
}
}

@media (min-width: 992px) and (max-width: 1439.98px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -400px; right: 400px; transform: translateX(80px); transform: scale(1.6);}
  .footMeasurementKVCompound { position: absolute;left: 450px; top: 100px; width: 280px;}
  .section01 .section-subtitle { font-size: 34px; width: 100%;} 
  .Biginches {font-size: 2em;}
  .section-step-text{font-size: 0.8em;}
  .deco-line01 { top: 85px; left: 0;}
  
.float_right {
    right: 30%;
}  
.coin {
    width: 90%;
}
} 

@media (min-width: 1440px) and (max-width: 1600px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -150px; transform: translateX(80px); transform: scale(1.3);}
  .footMeasurementKVCompound { position: absolute;left: 220px;}
}

@media (min-width: 1601px) and (max-width: 1700px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -150px; left: 200px; transform: scale(1.1);}
}

@media (min-width: 1701px) and (max-width: 1800px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -150px; left: 100px; transform: scale(1.46);}
  .footMeasurementKVCompound { position: absolute;left: 200px;}
.coin {
  width: 70%;
}
}

@media (min-width: 1801px) and (max-width: 1900px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -100px; left: 200px; transform: scale(1.5);}
  .footMeasurementKVCompound { position: absolute;left: 280px; width: 350px;}
}

@media (min-width: 1901px) and (max-width: 2000px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -100px; left: 320px; transform: scale(1.6);}
  .footMeasurementKVCompound { position: absolute;left: 340px; width: 300px;}
}

@media (min-width: 2001px) and (max-width: 2100px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -100px; left: 480px; transform: scale(1.65);}
  .footMeasurementKVCompound { position: absolute;left: 340px; width: 300px;}
}

@media (min-width: 2101px) and (max-width: 2200px) {
  .kv {position: relative; width: 100vw;}
  .title{font-size: 10em;}
  .subtitle{font-size: 5em;}
  .section-title{font-size: 7em;}
  .section-subtitle{font-size: 3.5em;}
  .section-text{font-size: 3em;}
  .feature{font-size: 3em;}
  .section-text-gray{font-size: 3em;}
  .section-citation-gray {font-size: 1em;}
  .section02 .section-subtitle{font-size: 4.5em;}
  .section02 .section-subtitle02{font-size: 3em;}
  .Biginches{font-size: 2.5em;}
  .section03 .section-subtitle{font-size: 4.5em;}
  .section-customer-title {font-size: 2em;}
  .section-customer-text{font-size: 1.6em;}
  .section04 .section-subtitle02{font-size: 4em;}
  .deco-line{top: 50px;}
  .section04 .section-customer-text{font-size: 2em;}
  .section04 .section-subtitle04{font-size: 2.4em;}
  .section-subtitle05 {
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 3.2rem;
    color: #424E4F;
    border-bottom: 1px solid #424E4F;
    width: max-content;}
  .section-doctor-title{font-size: 1.6em;}
  .section-doctor-text{font-size: 1.4em;}
  .section05 .section-subtitle04{font-size: 3em;}
  .section-subtitle06{font-size: 2em; line-height: 2.4em;}
  .section-subtitle07{font-size: 3em;}
  .section06 .section-subtitle{font-size: 5em;}
  .section06 .section-doctor-text{font-size: 1.6em;}
  .deco-line01{top: 75px;}
  .deco-line02{top: 160px;}
  .section07 .section-subtitle{font-size: 4.5em;}
  .section07 .section-doctor-text{font-size: 2em;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: 100vh; top: -20px; right: -600px; transform: scale(2);}
  .footMeasurementKVCompound { position: absolute;left: 20px; top: -50px; width: 500px;}
}

@media (min-width: 2201px) and (max-width: 2300px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -100px; left: 650px; transform: scale(1.75);}
  .footMeasurementKVCompound { position: absolute;left: 340px; width: 300px;}
}

@media (min-width: 2301px) and (max-width: 2400px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -100px; left: 780px; transform: scale(1.85);}
  .footMeasurementKVCompound { position: absolute;left: 340px; width: 300px;}
}

@media (min-width: 2401px) and (max-width: 2500px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -50px; left: 880px; transform: scale(1.95);}
  .footMeasurementKVCompound { position: absolute;left: 340px; width: 250px;}
}

@media (min-width: 2501px) and (max-width: 2600px) {
  .kv {position: relative; width: 100vw;}
  .cellsBoxFrame { position: relative; width: 100vw; height: max-content;}
  .cellsBox  { position: relative; width: 100vw; height: max-content;}
  .cells { position: absolute; width: 100vw; height: max-content; top: -50px; left: 1180px; transform: scale(2.1);}
  .footMeasurementKVCompound { position: absolute;left: 450px; width: 250px;}
}


@media (min-width: 992px) {
  .doctorImage { width: 90%; position: static; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto;}
}

@media (max-height: 800px) {
  .kv{min-height: 800px;}
  .footMeasurementLOGO img{width: 150px;padding-top: 0;margin-top: 0;}
}