.home_page .key {
    --height: 50vw;
    --min-height: 72em;
    --max-height: 72em;
    height: var(--height);
    min-height: var(--min-height);
    max-height: var(--max-height);
    overflow: hidden;
    font-size: 0.625em;
}

.home_page .key .inner {
    display: flex;
    width: 100%;
    max-width: 116em;
}

.home_page .key .box-img {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.home_page .key .box-img:before {
    content: "";
    position: absolute;
    left: -21.7em;
    top: -10.3em;
    background: url(../images/idx-main-ico01.png) no-repeat center;
    background-size: 100% auto;
    width: 44.4em;
    height: 59.5em;
    z-index: -1;
}

.home_page .key .box-img .img img {
    width: 67.5em;
    height: auto;
}

.home_page .key .mv_slider {
    display: flex;
}

.home_page .key .mv_slider .slider {
    opacity: 0;
}

.home_page .key .mv_slider .slider.slick-slide {
    opacity: 1;
}

.home_page .key .key_text {
    position: relative;
    width: 100%;
    height: 100%;
}

.home_page .key .key_text .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: var(--height);
    min-height: var(--min-height);
    max-height: var(--max-height);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home_page .key .catch {
    max-width: 100%;
    width: 100%;
    padding-top: 23.5em;
    padding-right: 5em;
}

.home_page .key .catch .title,
.home_page .key .catch p {
    color: var(--clr1);
    font-weight: 600;
    letter-spacing: 0.05em;
}

.home_page .key .catch .title {
    margin-bottom: 0.45em;
    font-size: max(4.1em, 28px);
    line-height: 1.7em;
    position: relative;
    z-index: 1;
}

.home_page .key .catch .title:before {
    content: "";
    position: absolute;
    left: -1.5em;
    top: -0.925em;
    width: 7.85em;
    height: 4.025em;
    background: url(../images/idx-main-ico02.png) no-repeat center;
    background-size: 100% auto;
    z-index: -1;
}

.home_page .key .catch p {
    line-height: 2em;
    font-size: max(1.6em, 11px);
}

.home_page .key .idx-box-news {
    position: absolute;
    left: calc(50% - 35.2em);
    transform: translate(-50%);
    bottom: 2em;
    background: #faf5f1;
    width: 43.5em;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2.4em;
    padding-left: 2.4em;
    padding-right: 2.6em;
    padding-top: 2.8em;
    justify-content: space-between;
    z-index: 3;
}

.home_page .key .idx-box-news>.ttl {
    position: absolute;
    left: 1.92em;
    top: 1.76em;
    font-size: max(1.25em, 8px);
    font-family: var(--f-en02);
    letter-spacing: 0;
    font-weight: 600;
}

.home_page .key .idx-box-news ul {
    flex: 1;
    margin-right: 3em;
}

.home_page .key .idx-box-news ul li a {
    text-decoration: none;
    color: var(--clr1);
    font-weight: 600;
}

.home_page .key .idx-box-news ul li a .date {
    font-size: max(1.25em, 10px);
    font-family: var(--f-en02);
    display: block;
    padding-left: 0.8em;
    border-left: 1px solid #302210;
    line-height: 1em;
    margin-left: 3.52em;
    margin-bottom: 0.4em;
    letter-spacing: 0;
    height: 0.88em;
}

.home_page .key .idx-box-news ul li a .ttl {
    font-size: max(1.45em, 10px);
    font-family: var(--f-jp);
    letter-spacing: -0.0344827586em;
    display: block;
    transition: 0.3s all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes scroll_down {
    0% {
        transform: scaleY(0);
        opacity: 0;
        transform-origin: center top
    }
    40% {
        transform: scaleY(1);
        opacity: 1;
        transform-origin: center top
    }
    60% {
        transform: scaleY(1);
        opacity: 1;
        transform-origin: center bottom
    }
    100% {
        transform: scaleY(0);
        opacity: 0;
        transform-origin: center bottom
    }
}

.home_page .idx-scrol a {
    position: absolute;
    left: calc(50% - 37.9375em);
    transform: translate(-50%);
    bottom: -1px;
    text-decoration: none;
    writing-mode: tb-rl;
    font-size: 1.6em;
    font-family: var(--f-en02);
    color: var(--clr1);
    letter-spacing: 0;
    font-weight: 600;
    padding-bottom: 5.625em;
	z-index:1;
}

.home_page .idx-scrol a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4.9375em;
    width: 1px;
    background: var(--clr1);
    margin: 0 auto;
    animation: scroll_down 2.5s infinite ease-in-out;
}

.home_page .idx-btn-news a {
    text-decoration: none;
    font-weight: 600;
    font-size: max(1.3em, 10px);
    font-family: var(--f-en02);
    color: var(--clr1);
    border-bottom: 1px solid var(--clr1);
    display: block;
    padding-right: 1.4615384615em;
    letter-spacing: 0;
    margin-bottom: 0.2307692308em;
    padding-bottom: 0.0769230769em;
    transition: 0.3s all;
    position: relative;
}

.home_page .idx-btn-news a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0.6923076923em;
    width: 0.7692307692em;
    height: 0.3846153846em;
    background: url(../images/idx-ico-arr01.svg) no-repeat center;
    background-size: 100% auto;
}

.home_page .topic_path {
    display: none;
}

.home_page h2 {
    position: relative;
    margin-bottom: 35px;
    color: var(--clr1);
    font-family: var(--f-jp);
    font-size: calc(var(--ttl_size) + 14px);
    font-weight: 500;
    letter-spacing: 0.15em;
}

.home_page h2 .en {
    color: var(--main-color);
    font-weight: 500;
    text-transform: uppercase;
}

.home_page h2.white {
    color: #fff;
}

.home_page h2.white .en {
    color: #fff;
}

.home_page h3 {
    color: var(--clr1);
    font-family: var(--f-jp);
    font-size: calc(var(--ttl_size) + 0px);
}

@media only screen and (min-width: 769px) {
    .home_page .key .idx-box-news ul li a:hover .ttl {
        text-decoration: underline;
    }
    .home_page .key .idx-box-news ul li a:hover {
        opacity: 1;
    }
    .home_page .idx-btn-news a:hover {
        opacity: 1;
        transition: 0.3s all;
        transform: translateY(-5px);
    }
    .idx-btn a:hover,
    .iTreatment .idx-btn a:hover,
    .iFeatures .idx-btn a:hover {
        background: var(--clr1);
        opacity: 1;
        transition: 0.3s all;
        color: var(--main-color);
    }
    .iPoint-fx .box-cnt .idx-link-tab .item-btn:hover {
        background: url(../images/idx-bg-tab.svg) no-repeat center;
        background-size: 100% auto;
        transition: 0.3s all;
    }
}

section {
    background-size: cover;
    background-repeat: no-repeat;
}

.index0 {
    padding: 4.375em 0px 6.25em;
    position: relative;
}

.index0:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 120em;
    height: 78.25em;
    background: url(../images/idx-concern-bg02.png) no-repeat center;
    background-size: 100% auto;
}

.index0 .inner_big {
    position: relative;
    z-index: 2;
}

.index0 .inner_big:before {
    content: "";
    position: absolute;
    left: -18.375em;
    top: -7.1875em;
    background: url(../images/idx-concern-ico01.png) no-repeat center;
    background-size: 100% auto;
    width: 43.0625em;
    height: 36.875em;
    z-index: -1;
}

.index0 .idx-fx-concern {
    padding-right: 5.625em;
    margin-top: -4.3125em;
    display: flex;
}

.index0 .idx-fx-concern .img {
    flex-shrink: 0;
    margin-right: 4.375em;
}

.index0 .idx-fx-concern .img img {
    width: 37.5em;
    height: auto;
}

.index0 .idx-fx-concern .box-cnt {
    padding-top: 7.375em;
    padding-bottom: 7em;
}

.index0 .idx-fx-concern .box-cnt .txt>p {
    line-height: 2.25em;
    letter-spacing: 0.05em;
    font-weight: 600;
    font-size: max(1em, 11.5px);
}

.index0 .idx-ttl-en {
    margin-right: 0.7916666667em;
    position: relative;
    color: #e8d5c8;
}

.index0-frame {
    max-width: 73.75em;
    margin: -3.875em auto 0;
    border: 1px solid #e6dedf;
    background: #faf5f1;
    padding: 0.625em;
    position: relative;
    z-index: 1;
}

.index0-frame-bg {
    border: 1px solid #e6dedf;
    background: #fff;
    padding-bottom: 2.125em;
}

.index0-frame-fx {
    display: flex;
    padding-top: 3.375em;
    padding-left: 4.25em;
    padding-right: 4.25em;
    padding-bottom: 0;
    margin-bottom: 1.8125em;
}

.index0-frame-fx .item-cnt {
    position: relative;
}

.index0-frame-fx .item-cnt:before {
    content: "";
    position: absolute;
    right: 2.0625em;
    bottom: 0.0625em;
    background: url(../images/idx-concern-ico02.png) no-repeat center;
    background-size: 100% auto;
    width: 9.875em;
    height: 12.625em;
	z-index:1
}

.index0-frame-fx .item-cnt:last-child:before {
    right: -1.9375em;
    bottom: 0.0625em;
    background: url(../images/idx-concern-ico03.png) no-repeat center;
    background-size: 100% auto;
    width: 9.5625em;
    height: 12.625em;
}

.index0-frame-fx .item-cnt:first-child {
    padding-right: 4.375em;
    margin-right: 4.375em;
    border-right: 1px solid #e6dedf;
}

.index0-frame-fx .item-cnt .img {
    margin-bottom: 1.5625em;
}

.index0-frame-fx .item-cnt .img img {
    width: 27.5em;
    height: auto;
}

.ttl-liner {
    text-align: center;
    margin-bottom: 1.4375em;
}

.ttl-liner span {
    font-size: 2.0625em;
    display: inline;
    font-weight: 600;
    margin: 0 auto;
    padding: 0 0 0;
    line-height: 1.5;
    letter-spacing: 0.1em;
    background: linear-gradient(to bottom, transparent calc(100% - 11px), #f6e4e4 calc(100% - 11px), #f6e4e4 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.idx-list-link li {
    font-size: max(1em, 11px);
    padding-bottom: 0.4375em;
    margin-bottom: 0.625em;
    background: url(../images/idx-ico-hr-link.svg) no-repeat left bottom;
    background-size: 100% 2px;
    padding-left: 1.0625em;
    font-weight: 600;
    position: relative;
    color: var(--clr1);
    width: 100%;
	max-width:19.8em;

    letter-spacing: 0.05em;
}

.idx-list-link li:last-child {
    margin-bottom: 0;
}

.idx-list-link li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4375em;
    background: url(../images/idx-ico-en.svg) no-repeat center;
    background-size: 100% auto;
    width: 0.5em;
    height: 0.5em;
}

.idx-list-btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.idx-list-btn li {
    margin-right: 0.9375em;
    width: calc(50% - 0.5em);
    margin-bottom: 0.9375em;
    max-width: 15.625em;
}

.idx-list-btn li:nth-child(2n) {
    margin-right: 0;
}

.idx-list-btn li:last-child {
    margin-right: 0;
}

.idx-btn a {
    text-decoration: none;
    min-width: 17.2413793103em;
    min-height: 4.1379310345em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--clr1);
    font-weight: 600;
    border-radius: 30px;
    background: var(--clr2);
    max-width: 17.2413793103em;
    font-size: max(0.90625em, 9px);
    position: relative;
    padding-left: 1.724137931em;
    padding-top: 0.3448275862em;
    padding-bottom: 0.3448275862em;
    transition: 0.3s all;
    letter-spacing: 0.05em;
}

.idx-btn a:before {
    content: "";
    position: absolute;
    right: 1.3793103448em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(../images/idx-ico-arr02.svg) no-repeat center;
    background-size: 100% auto;
    width: 0.6896551724em;
    height: 0.3448275862em;
}

.idx-ttl-en {
    font-size: 7.5em;
    text-align: right;
    color: var(--clr2);
    font-weight: 300;
    font-family: var(--f-en);
    line-height: 0.935em;
    letter-spacing: 0;
}

.idx-ttl-en span {
    line-height: 1em;
    font-size: 0.5833333333em;
}

.idx-ttl-en .fs-sm {
    font-size: 0.8333333333em;
    position: relative;
    bottom: 0.1em;
}

.box-ttl {
    margin-bottom: 1.5625em;
}

.box-ttl .idx-ttl-en02 {
    color: var(--clr1);
    font-weight: bold;
    font-size: max(0.875em, 10px);
    letter-spacing: 0.01em;
    padding-left: 1.2142857143em;
    margin-bottom: 0.5714285714em;
    position: relative;
}

.box-ttl .idx-ttl-en02:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8571428571em;
    width: 0.5714285714em;
    height: 0.5714285714em;
    background: url(../images/idx-ico-en.svg) no-repeat center;
    background-size: 100% auto;
}

.box-ttl h2 {
    font-size: max(2.0625em, 21px);
    line-height: 1.9em;
    letter-spacing: 0.07em;
    margin-bottom: 0;
}

.iDevice {
    background: url(../images/idx-advice-bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 54.625em;
    clip-path: polygon(0 0, 100% 18.5%, 100% 100%, 0 80.15%);
    margin-top: -19.125em;
    padding-bottom: 14em;
    position: relative;
    padding-top: 18.8125em;
    z-index: 1;
}

.iDevice-fx {
    display: flex;
    padding: 0 6.25em;
}

.iDevice-fx .box-cnt {
    color: #fff;
    flex: 1;
    padding-top: 0.625em;
    padding-right: 1.875em;
}

.iDevice-fx .box-cnt .box-ttl {
    margin-bottom: 1.85em;
}

.iDevice-fx .box-cnt .box-ttl h2 {
    font-size: 2.375em;
    color: #fff;
    line-height: 1.48em;
}

.iDevice-fx .box-cnt .box-ttl .idx-ttl-en02 {
    font-size: 1.375em;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    font-family: var(--f-en);
    padding-left: 0.8em;
}

.iDevice-fx .box-cnt .box-ttl .idx-ttl-en02:before {
    filter: brightness(0) invert(1);
    top: 0.8181818182em;
    width: 0.39em;
    height: 0.39em;
}

.iDevice-fx .box-cnt .txt>p {
    letter-spacing: 0.05em;
    line-height: 2.2em;
    font-size: max(1em, 11.5px);
}

.iDevice-fx .img {
    flex-shrink: 0;
}

.iDevice-fx .img img {
    width: 36.25em;
    height: auto;
}

.iColonic {
    padding-top: 7.75em;
    position: relative;
}

.iColonic .inner_big {
    position: relative;
}

.iColonic .inner_big:before {
    content: "";
    position: absolute;
    left: -11.875em;
    top: -16.0625em;
    background: url(../images/idx-colonic-ico01.png) no-repeat center;
    background-size: 100% auto;
    width: 30.25em;
    height: 35.5em;
}

.iColonic .inner_big:after {
    content: "";
    position: absolute;
    left: -5.8125em;
    bottom: -6.25em;
    background: url(../images/idx-colonic-ico04.png) no-repeat center;
    background-size: 100% auto;
    width: 27.625em;
    height: 17.75em;
    z-index: 2;
}

.iColonic .idx-ttl-en {
    margin-left: 0.8333333333em;
    text-align: left;
    color: #dfdfdf;
    position: relative;
    z-index: 2;
}

.iColonic .inner_big {
    padding: 0 0.625em;
}

.iColonic-fx {
    display: flex;
    padding-left: 6.25em;
    position: relative;
    z-index: 1;
}

.iColonic-fx .box-cnt {
    padding-top: 2.9375em;
    padding-right: 3.125em;
    flex: 1;
}

.iColonic-fx .box-cnt .box-ttl {
    margin-bottom: 1.875em;
}

.iColonic-fx .box-cnt .box-ttl h2 {
    line-height: 1.75em;
    font-size: max(2.375em, 25px);
}

.iColonic-fx .box-cnt .box-ttl .idx-ttl-en02 {
    margin-bottom: 0;
}

.iColonic-fx .box-cnt .idx-list-btn {
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}

.iColonic-fx .box-cnt .txt {
    margin-bottom: 1.875em;
}

.iColonic-fx .box-cnt .txt>p {
    font-weight: 600;
    font-size: max(1em, 11.5px);
    line-height: 2.25em;
    letter-spacing: 0.04em;
}

.iColonic-fx .img {
    margin-top: -4.4375em;
    flex-shrink: 0;
}

.iColonic-fx .img img {
    width: 37.5em;
    height: auto;
}

.iColonic-frame {
    max-width: 73.75em;
    margin: 0 auto;
    border: 1px solid #e6dedf;
    padding: 0.625em;
    background: #f9f9f9;
    margin-top: -3.875em;
    position: relative;
    z-index: 3;
}

.iColonic-frame .ttl-liner {
    margin-bottom: 1.5625em;
}

.iColonic-frame-fx {
    display: flex;
    justify-content: space-between;
    padding-left: 1.1875em;
    padding-right: 2.375em;
}

.iColonic-frame-fx .img01 {
    margin-top: -3.4375em;
}

.iColonic-frame-fx .img01 img {
    height: 21.2em;
    width: auto;
}

.iColonic-frame-fx .img02 {
    margin-top: -1.1875em;
}

.iColonic-frame-fx .img02 img {
    height: 17.3125em;
    width: fit-content;
}

.iColonic-frame-fx .cnt {
    width: 36em;
}

.iColonic-frame-fx .cnt .ttl {
    text-align: center;
    font-size: 1.75em;
    color: var(--clr1);
    font-weight: 600;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    padding-bottom: 0.5714285714em;
    background: url(../images/idx-ico-hr-ttl.svg) no-repeat bottom center;
    background-size: 100% 2px;
}

.iColonic-frame-fx .cnt .txt {
    text-align: center;
}

.iColonic-frame-fx .cnt .txt>p {
    letter-spacing: 0em;
    line-height: 2.25em;
    font-size: max(1em, 11px);
    font-weight: 600;
}

.iColonic-frame02 {
    border: 1px solid #e6dedf;
    background: #fff;
    padding-top: 3.6875em;
    padding-bottom: 2.875em;
}

.iPoint {
    padding-top: 2.75em;
    position: relative;
}

.iPoint:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/idx-bg-point.png) no-repeat top center;
    background-size: 100% auto;
	
}

.iPoint-fx {
    padding-left: 6.25em;
    display: flex;
    align-items: flex-start;
    padding-bottom: 7.4375em;
    position: relative;
    z-index: 1;
}

.iPoint-fx:before {
    content: "";
    position: absolute;
    height: calc(100% + 18em);
    background: #fff;
    width: 100%;
    left: -31.4375em;
    top: -18em;
}

.iPoint-fx .box-cnt {
    padding-top: 7.1875em;
    width: 30em;
    position: relative;
    z-index: 1;
    margin-right: 6.25em;
}

.iPoint-fx .box-cnt:before {
    content: "";
    position: absolute;
    right: -13.4375em;
    bottom: -7.5625em;
    background: url(../images/idx-point-ico01.png) no-repeat center;
    background-size: 100% auto;
    width: 20.75em;
    height: 9.5em;
	display:none;
}

.iPoint-fx .box-cnt .box-ttl {
    margin-bottom: 3.5em;
}

.iPoint-fx .box-cnt .box-ttl h2 {
    font-size: 2.375em;
    margin-bottom: 0.0789473684em;
}

.iPoint-fx .box-cnt .box-ttl .idx-ttl-en02 {
    line-height: 1em;
    font-size: 1.375em;
    font-weight: 400;
    letter-spacing: 0;
    font-family: var(--f-en);
}

.iPoint-fx .box-cnt .box-ttl .idx-ttl-en02:before {
    top: 0.3181818182em;
}

.iPoint-fx .box-cnt .idx-link-tab {
    border-top: 1px solid #e6dedf;
    margin-bottom: 2.625em;
    width: 100%;
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn {
    padding: 0.625em 1.4375em;
    transition: 0.3s all;
    border-bottom: 1px solid #e6dedf;
    cursor: pointer;
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn.active {
    border-bottom: 1px solid #e6dedf;
    padding: 1.4375em 1.4375em 1.8125em;
    background: url(../images/idx-bg-tab.svg) no-repeat center;
    background-size: 100% auto;
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn.active .stt {
    color: var(--clr1);
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn.active .ttl {
    color: var(--clr1);
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn .stt {
    margin-right: 0.625em;
    font-size: 2em;
    font-family: var(--f-en);
    letter-spacing: 0;
    color: #979087;
}

.iPoint-fx .box-cnt .idx-link-tab .item-btn .ttl {
    font-weight: 600;
    font-size: 1.25em;
    color: #979087;
}

.iPoint-fx .box-cnt .idx-btn a {
    min-width: 21.3793103448em;
    letter-spacing: -0.1px;
    padding-left: 1.5862068966em;
}

.iPoint-fx .box-item {
    width: 32.25em;
    position: relative;
    margin-top: 6.3125em;
    min-height: fit-content;
    z-index: 1;
}

.iPoint-fx .box-item .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 5.625em;
    margin: 0 auto;
    border: 1px solid #e6dedf;
    background: #fff;
    height: fit-content;
    min-height: 35.375em;
    z-index: -1;
	display:none;
}

.iPoint-fx .box-item .bg:before,
.iPoint-fx .box-item .bg:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    border: 1px solid #e6dedf;
    border-left: 0;
    border-right: 0;
    background: #fff;
}

.iPoint-fx .box-item .bg:before {
    top: -3.75em;
    z-index: -2;
}

.iPoint-fx .box-item .bg:after {
    top: -1.875em;
    z-index: -3;
}

.iPoint-fx .box-item .item-cnt {
    border: 1px solid #e6dedf;
    background: #fff;
    position: absolute;
    display: block;
    top: 0;
    padding-top: 0.5em;
    padding-left: 0.625em;
    padding-right: 0.625em;
    padding-bottom: 4.0625em;
    height: 35.375em;
    z-index: 1;
}

.iPoint-fx .box-item .item-cnt[data-tab="1"]{ z-index:1; }
.iPoint-fx .box-item .item-cnt[data-tab="2"]{ z-index:3; }
.iPoint-fx .box-item .item-cnt[data-tab="3"]{ z-index:3; }
.iPoint-fx .box-item .item-cnt[data-tab="4"]{ z-index:1; }
    .iPoint-fx .box-item .item-cnt:nth-child(2){
      top:2.5em;
      
    }
    .iPoint-fx .box-item .item-cnt[data-tab="1"].active:before{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2.5em;
        margin: 0 auto;
        background: #fff;
        border: 1px solid #e6dedf;
        height: 3.125em;
        width: 100%;
        z-index: -1;
        border-left: 0;
        border-right: 0;
		display:none;
    }
    .iPoint-fx .box-item .item-cnt:nth-child(3){
      top:5em;
    }
    .iPoint-fx .box-item .item-cnt:nth-child(4){
      top:7.5em;
    } 
.iPoint-fx .box-item .item-cnt.active {
    opacity: 1;
    display: block;  z-index:10;
}

.iPoint-fx .box-item .item-cnt .stt {
    font-size: 1.375em;
    line-height: 1em;
    font-family: var(--f-en);
    margin-bottom: 0.4545454545em;
}

.iPoint-fx .box-item .item-cnt .img {
    margin-bottom: 1.25em;
}

.iPoint-fx .box-item .item-cnt .img img {
    width: 27.25em;
    height: auto;
}

.iPoint-fx .box-item .item-cnt .txt {
    padding: 0 1.875em;
}

.iPoint-fx .box-item .item-cnt .txt>p {
    font-weight: 600;
    line-height: 1.9em;
    letter-spacing: 0;
    font-size: max(1em, 10px);
}

.iTreatment {
    position: relative;
    padding-top: 6.45em;
    padding-bottom: 7.4375em;
}

.iTreatment .box-ttl {
    text-align: center;
    margin-bottom: 2.825em;
}

.iTreatment .box-ttl h2 {
    font-size: 2.375em;
    margin-bottom: -0.1052631579em;
}

.iTreatment .box-ttl .idx-ttl-en02 {
    font-size: 1.375em;
    flex-direction: column;
    padding-left: 0;
    align-items: center;
    justify-content: center;
    font-family: var(--f-en);
}

.iTreatment .box-ttl .idx-ttl-en02:before {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    top: 3px;
    width: 0.3636363636em;
    height: 0.3636363636em;
    margin: 0 auto;
}

.iTreatment:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -29.375em;
    background: url(../images/idx-treatment-bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: calc(100% + 29.375em);
    min-height: 80em;
}

.iTreatment-list {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 2.5em;
}

.iTreatment-list li {
    width: 25%;
    max-width: 15.9375em;
    background: #fff;
    border-top-right-radius: 7.96875em;
    border-top-left-radius: 7.96875em;
    margin-right: 1.25em;
    padding-top: 2.625em;
    padding-bottom: 1.5625em;
    padding-right: 0.9375em;
    padding-left: 0.9375em;
    position: relative;
}

.iTreatment-list li:before {
    content: "";
    position: absolute;
    top: 1.0625em;
    left: 7.6875em;
    background: url(../images/idx-treatment-hr.png) no-repeat center;
    background-size: 100% auto;
    width: 17em;
    height: 0.5625em;
    z-index: 1;
}

.iTreatment-list li:last-child {
    margin-right: 0;
}

.iTreatment-list li:last-child:before {
    background: url(../images/idx-treatment-circle.png) no-repeat center;
    background-size: 100% auto;
    width: 0.5625em;
    height: 0.5625em;
}

.iTreatment-list li .ico {
    width: 11.25em;
    height: 11.25em;
    border-radius: 50%;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5625em;
}

.iTreatment-list li .ttl {
    text-align: center;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0;
    padding-bottom: 0.8888888889em;
    background: url(../images/idx-treatment-ttl-hr.svg) no-repeat bottom center;
    background-size: 7.2222222222em 2px;
    margin-bottom: 0.8888888889em;
}

.iTreatment-list li .ttl span {
    display: block;
    font-size: 1.2222222222em;
    letter-spacing: 0;
    color: #e2a4a5;
    font-family: var(--f-en);
    margin-bottom: 0.2272727273em;
}

.iTreatment-list li .txt {
    padding: 0 0.9375em;
}

.iTreatment-list li .txt>p {
    font-weight: 600;
    line-height: 1.7em;
    font-size: max(0.875em, 9px);
    letter-spacing: 0;
}

.iTreatment .idx-btn {
    width: fit-content;
    margin: 0 auto;
}

.iTreatment .idx-btn a {
    margin: 0 auto;
    background: #fff;
    color: var(--clr1);
}

.iFeatures {
    position: relative;
    padding-top: 6.0625em;
    padding-bottom: 3.125em;
    background: #f6efe7;
}

.iFeatures:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: 45.125em;
    background: url(../images/idx-features-bg.jpg) no-repeat center;
    background-size: cover;
}

.iFeatures .inner_sm {
    position: relative;
}

.iFeatures .inner_sm:before {
    content: "";
    position: absolute;
    right: -32.125em;
    bottom: -25.6875em;
    background: url(../images/idx-features-ico.svg) no-repeat center;
    background-size: 100% auto;
    width: 49.625em;
    height: 39.875em;
    z-index: 1;
    mix-blend-mode: multiply;
}

.iFeatures-ttl-fx {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25em;
    align-items: flex-end;
}

.iFeatures-ttl-fx .box-ttl {
    flex-shrink: 0;
}

.iFeatures-ttl-fx .box-ttl h2 {
    font-size: 4.375em;
    font-family: var(--f-en);
    line-height: 1.35em;
    letter-spacing: 0;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0.0857142857em;
}

.iFeatures-ttl-fx .box-ttl h2 span {
    font-size: 1.7142857143em;
}

.iFeatures-ttl-fx .box-ttl .idx-ttl-en02 {
    color: #fff;
    font-size: max(0.875em, 12px);
    letter-spacing: 0.1em;
}

.iFeatures-ttl-fx .box-ttl .idx-ttl-en02:before {
    filter: brightness(0) invert(1);
}

.iFeatures-slider {
    position: relative;
    width: 100vw;
    display: flex;
    z-index: 1;
}

.iFeatures-slider .item-slider {
    background: #fff;
    display: flex;
    padding: 2.1875em 3em 2.1875em 2.1875em;
    width: 63.3125em;
    margin-right: 1.875em;
    position: relative;
    border: 1px solid #d6c9ca;
}

.iFeatures-slider .item-slider .img {
    flex-shrink: 0;
    margin-right: 3.125em;
}

.iFeatures-slider .item-slider .img img {
    width: 33.75em;
    height: auto;
}

.iFeatures-slider .item-slider .box-cnt {
    padding-top: 3.75em;
}

.iFeatures-slider .item-slider .box-cnt .stt {
    position: absolute;
    right: 1.1818181818em;
    top: 0.1818181818em;
    font-size: 1.375em;
    font-family: var(--f-en);
    letter-spacing: 0;
}

.iFeatures-slider .item-slider .box-cnt .ttl {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.0625em;
    padding-bottom: 0.8333333333em;
    margin-bottom: 0.875em;
    background: url(../images/idx-features-hr.svg) no-repeat bottom center;
    background-size: 100% 2px;
}

.iFeatures-slider .item-slider .box-cnt .txt>p {
    font-weight: 600;
    font-size: max(1em, 12px);
    line-height: 2em;
}

.iFeatures .idx-btn {
    width: fit-content;
    margin: 2.5em auto 0;
}

.iFeatures .idx-btn a {
    min-width: 21.3793103448em;
    background: #fff;
}

.iFeatures-counter {
    font-size: max(1.2em, 16px);
    letter-spacing: 0.12em;
    color: #fff;
    position: absolute;
    line-height: 1em;
    top: -0.5555555556em;
    right: 0;
    left: 1.8555555556em;
    margin: 0 auto;
}

.iFeatures-counter .current {
    font-weight: 500;
}


/* wrapper nav */

.iFeatures-nav {
    display: flex;
    margin-bottom: 1.6875em;
    position: relative;
    width: 10em;
    justify-content: space-between;
}


/* slick arrows */

.iFeatures-arrow .slick-arrow {
    position: absolute;
    bottom: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.5625em;
    height: 1.875em;
    border: none;
    font-size: initial;
    cursor: pointer;
    position: relative;
    transition: 0.3s all;
}

.iFeatures-arrow .slick-arrow:hover {
    opacity: 0.7;
}


/* arrow icon */

.iFeatures-arrow {
    display: flex;
    align-items: center;
}

.iFeatures-arrow .slick-prev::before,
.iFeatures-arrow .slick-next::before {
    opacity: 1;
}

.iFeatures-arrow .slick-prev {
    background: url(../images/idx-prev.svg) no-repeat center;
    background-size: 100% auto;
    left: -3.4375em;
}

.iFeatures-arrow .slick-next {
    background: url(../images/idx-next.svg) no-repeat center;
    background-size: 100% auto;
    left: 2.9em;
    right: initial;
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
     :root {
        --ttl_size: 24px;
    }
    .inner_big {
        padding: 0;
    }
    .iColonic .inner_big {
        padding: 0;
    }
    .home_page .key {
        font-size: 0.78vw;
    }
    .index0,
    .iDevice,
    .iColonic,
    .iPoint,
    .iTreatment,
    .iFeatures {
        font-size: 1.25vw;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1250px) {
    .iTreatment-list li .ico img {
        width: 3.6363636364em;
        height: auto;
    }
    .iFeatures-nav {
        width: 13em;
    }
    .iFeatures-arrow .slick-next {
        left: 1.9em;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .home_page .key .idx-box-news ul {
        flex: 1;
        margin-right: 2em;
    }
    .home_page .key .catch {
        padding-top: 18em;
    }
    .index0 .idx-fx-concern .img {
        flex-shrink: 0;
        margin-right: 2.5em;
    }
    .index0 .idx-fx-concern {
        padding-right: 3.5em;
    }
    .home_page .key .inner {
        max-width: 126em;
    }
    .index0 .idx-fx-concern .box-cnt .txt>p {
        letter-spacing: 0.01em;
    }
    .iDevice-fx {
        display: flex;
        padding: 0 4.25em;
    }
    .iDevice {
        clip-path: polygon(0 0, 100% 13.5%, 100% 100%, 0 85.15%);
        margin-top: -19.125em;
    }
    .iDevice-fx .box-cnt {
        padding-right: 0.875em;
    }
    .iColonic-fx {
        padding-left: 2em;
    }
    .iColonic-fx .box-cnt {
        padding-right: 1.5em;
        padding-top: 2em;
    }
    .iColonic .idx-ttl-en {
        margin-left: 0.33333em;
    }
    .iColonic-frame-fx {
        padding-right: 1em;
        padding-left: 1em;
    }
    .iColonic-frame-fx .cnt {
        flex: 1;
    }
    .iColonic-frame {
        max-width: 76em;
    }
    .iTreatment-list {
        font-size: 1.1em;
    }
    .iFeatures .idx-btn a {
        font-size: max(0.90625em, 11px);
    }
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
     :root {
        --ttl_size: 22px;
    }
    .idx-list-btn {
        font-size: 13px;
    }
    .iColonic-fx .box-cnt .idx-list-btn {
        font-size: 11px;
    }
    .iFeatures-nav {
        width: 16em;
    }
	.iPoint-fx .box-item .item-cnt .img img {
    width: 24.25em;
    height: auto;
}
}


/*# sourceMappingURL=index_pc.css.map */