@media only screen and (max-width: 768px) {
    .home_page .key {
        --height: calc(100vh - 60px);
        --max-height: min(96vw, 450px);
        --min-height: min(94.93vw, 430px);
        font-size: initial;
        overflow: initial;
        width: calc(100% - 40px);
        margin-bottom: 200px;
    }
	.home_page .key .inner{
		margin-left:0;
		display: flex;
		align-items: flex-end;
		padding-bottom: 132px;
	}
    .home_page .key .key_text .item {
        align-items: stretch;
        padding: 10px min(2.67vw, 10px);
			padding-top: 38px;
        height: 100%;
        max-height: min(96vw, 450px);
        min-height: min(94.93vw, 430px);
        --mask: none;
        background-image: url(../images/idx-bg-main-sp.jpg);
        border-radius: 10px;
    }
    .home_page .key .catch {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
    }

    .home_page .key .catch .title {
        text-align: center;
        font-size: min(4.8vw, 28px);
        margin-left: 0;
        writing-mode: initial;
        line-height: 1.4em;
        margin-bottom: 4px;
    }
    .home_page .key .catch p:last-child {
        writing-mode: initial;
        font-size: min(3.5vw, 17px);
        top: 0;
        text-align: center;
        line-height: 1.4em;
    }
    .home_page .key .catch>p {
        writing-mode: initial;
        font-size: 15px;
    }
    .home_page .key .idx-list-main {
        display: flex;
        position: absolute;
        justify-content: center;
        left: 0;
        bottom: 13px;
        right: 0;
        margin: 0 auto;
    }
    .home_page .key .idx-list-main li {
        width: min(25.6vw, 120px);
        height: min(25.6vw, 120px);
        padding-top: min(2.67vw, 20px);
        margin-right: min(1.33vw, 7px);
    }
    .home_page .key .idx-list-main li:before {
        width: calc(100% - min(2.13vw, 8px));
        height: calc(100% - min(2.13vw, 8px));
        inset: initial;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .home_page .key .idx-list-main li .ttl {
        font-size: min(3.2vw, 13px);
    }
    .home_page .key .idx-list-main li .ico {
        max-width: 46px;
        background: transparent;
        padding-bottom: min(1.87vw, 7px);
        margin-bottom: min(0.8vw, 3px);
        border-bottom: 2px dotted var(--clr2);
    }
    .home_page .key .idx-list-main li .ico img {
        height: min(4vw, 20px);
        width: auto;
    }
    .home_page .key .idx-box-news {
        padding-top: 7px;
        padding-right: 0;
        width: 100%;
        bottom: initial;
        top: 100%;
        max-width: 100%;
        flex-direction: column;
        right: 0;
    }
    .home_page .key .idx-box-news .box-ttl {
        height: auto;
        border-right: navajowhite;
        padding-right: 0;
        margin-right: 0;
        padding-top: 0.7em;
        display: flex;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #d5d3d0;
    }
    .home_page .key .idx-box-news .box-ttl .ttl {
        font-size: 18px;
    }
    .home_page .key .idx-box-news .box-ttl .btn-news a {
        font-size: 12.5px;
        padding-bottom: 3px;
    }
    .home_page .key .idx-box-news ul {
        top: 0;
        margin-top: 15px;
        width: 100%;
    }
    .home_page .key .idx-box-news ul li {
        margin-bottom: 15px;
    }
    .home_page .key .idx-box-news ul li a:before {
        width: 9px;
        height: 6px;
        top: 5px;
    }
    .home_page .key .idx-box-news ul li a .date {
        font-size: 11px;
    }
    .home_page .key .idx-box-news ul li a .ttl {
        font-size: 14px;
    }
    .btn-news a {
        font-size: 12.5px;
    }
}

@media only screen and (max-width: 640px) {
    .home_page .key {
        font-size: 1.5vmin;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .home_page .key {
        font-size: 1.5vmin;
    }
}

@media only screen and (max-width: 768px) {
    .home_page h3 {
        font-size: min(5.33vw, 23px) !important;
    }
}

@media only screen and (max-width: 768px) {
    .idx-box-ttl.st2 .idx-ttl-en:before {
        width: 13px;
        height: 12px;
    }
    .idx-box-ttl .idx-ttl-en {
        font-size: min(3.2vw, 14px);
        margin-bottom: 3px;
    }
    .idx-box-ttl h2 {
        font-size: min(7.47vw, 30px);
    }
    .iDedi {
        padding-top: 0px;
        padding-bottom: 234px;
    }
    .iDedi .inner_big {
        padding: 0 20px;
    }
    .iDedi .idx-box-ttl {
        padding: 0 10px;
        margin-bottom: 42px;
        position: relative;
        z-index: 2;
    }
    .iDedi-box {
        padding: 0 20px;
        flex-direction: column;
    }
    .iDedi-box:after {
        left: -96px;
        top: 118px;
        background: url(../images/idx-dedi-ico02-sp.png) no-repeat center;
        background-size: 100% auto;
        width: 742px;
        height: 1341px;
        z-index: -1;
    }
    .iDedi-box:before {
        right: -102px;
        top: -153px;
        width: 262px;
        height: 252px;
    }
    .iDedi-box .box-item {
        width: 100%;
        margin-right: 0;
    }
    .iDedi-box .box-item:nth-child(2n) {
        margin-top: 42px;
    }
    .iDedi-box .box-item:last-child {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-top: 42px;
        flex-direction: column;
    }
    .iDedi-box .box-item:last-child .box-img {
        margin-bottom: 15px;
        margin-right: 0;
    }
    .iDedi-box .box-item:last-child .txt>p {
        letter-spacing: 0.05em;
    }
    .iDedi-box .box-item:last-child .idx-btn {
        margin: 33px auto 0;
    }
    .iDedi-box .box-item:last-child .idx-btn a {
        font-size: min(3.73vw, 12px);
        min-width: 220px;
        padding-left: 18px;
        min-height: 60px;
    }
    .iDedi-box .box-item:last-child .idx-btn a:before {
        width: 25px;
        height: 25px;
    }
    .iDedi-box .box-item h3 {
        padding-bottom: 15px;
        margin-bottom: 11px;
    }
    .iDedi-box .box-item h3:before {
        width: 92px;
    }
    .iDedi-box .box-item .txt>p {
        font-size: 16px;
    }
    .iDedi-box .box-item .txt>p br {
        display: none;
    }
    .iDedi-box .box-item .box-img {
        width: 100%;
    }
    .iDedi-box .box-item .box-img:before {
        right: -20px;
        bottom: -16px;
        width: 100px;
        height: 100px;
    }
    .iDedi-box .box-item .box-img .stt {
        top: -23px;
        left: -22px;
        font-size: min(18.67vw, 85px);
    }
    .iDedi-box .box-item .img {
        width: 100%;
    }
    .iDedi-box .box-item .img img {
        width: 100%;
        height: min(66.67vw, 300px);
        object-fit: cover;
        border-top-left-radius: 50px;
    }
	.iDedi_message {
		padding-top: 0;
		padding-bottom: 3.5em;
	}
    .iDedi_message .idx-btn{
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .iMedical .idx-box-ttl {
        top: -164px;
        margin-bottom: -188px;
    }
    .iMedical:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: -126px;
        background: url(../images/idx-medical-bg01-sp.png) no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        height: min(33.6vw, 130px);
    }
    .iMedical-list {
        padding: 0 min(10.67vw, 80px);
        max-width: 100%;
    }
    .iMedical-list .box-item {
        flex-direction: column;
        background: #233c6d;
        padding: 10px;
        border-radius: 10px;
        margin-right: 10px;
        width: 50%;
        height: fit-content;
        padding-bottom: 22px;
    }
    .iMedical-list .box-item:before {
        width: 31px;
        height: 31px;
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -15px;
        box-shadow: 0 0 0 7px #fff;
        border-radius: 50%;
    }
    .iConcern-fx .iConcern-list li a .ttl .ico-arr img {
        width: 25px;
        height: auto;
        object-fit: contain;
    }
    .iMedical-list .box-item:last-child {
        background: var(--clr2);
    }
    .iMedical-list .box-item .img {
        height: min(21.33vw, 150px);
        width: 100%;
        border-radius: 5px;
    }
    .iMedical-list .box-item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .iMedical-list .box-item .box-cnt {
        padding-top: 9px;
    }
    .iMedical-list .box-item .box-cnt .ttl {
        font-size: 22px;
        margin-bottom: 3px;
    }
    .iMedical-list .box-item .box-cnt .ttl:before {
        background: url(../images/idx-medical-hr01.png) no-repeat center;
        background-size: cover;
        width: 3em;
        height: 0.1em;
    }
    .iMedical-list .box-item .box-cnt .sub-ttl {
        font-size: 10px;
    }
    .iMedical-box {
        width: calc(100% - 20px);
        background: #f4f5f8;
        border-top-left-radius: 60px;
        margin-left: auto;
        margin-top: 79px;
        border-bottom-left-radius: 1.875em;
        padding-top: 20px;
        padding-left: min(5.33vw, 20px);
        position: relative;
        padding-bottom: 38px;
        margin-right: 0;
    }
    .iMedical-box:before {
        left: -10px;
        top: -9px;
        width: 101px;
        height: 101px;
    }
    .iMedical-item {
        flex-direction: column;
        border-top-left-radius: 50px;
    }
    .iMedical-item .img {
        margin-right: 0;
    }
    .iMedical-item .img img {
        height: min(66.67vw, 300px);
        width: 100%;
        object-fit: cover;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 0;
    }
    .iMedical-item .box-cnt {
        padding-top: 35px;
        padding-right: 20px;
        padding-bottom: 4em;
        position: relative;
        z-index: 1;
        padding-bottom: 39px;
        padding-left: 20px;
    }
    .iMedical-item .box-cnt:before {
        right: -99px;
        top: 130px;
        background: url(../images/idx-medical-ico02.png) no-repeat center;
        background-size: 100% auto;
        width: 254px;
        height: 245px;
        z-index: -1;
    }
    .iMedical-item .box-cnt .idx-box-ttl h2 {
        margin-bottom: 14px;
    }
    .iMedical-item .box-cnt h3 {
        margin-bottom: 10px;
        padding-bottom: 15px;
    }
    .iMedical-item .box-cnt h3:before {
        width: 92px;
    }
    .iMedical-item .box-cnt .txt>p {
        font-size: 16px;
    }
    .iMedical-item .box-cnt .idx-btn {
        margin-top: 35px;
    }
    .iMedical-item .box-cnt .idx-btn a {
        min-width: 170px;
    }
    .iConcern-fx {
        flex-direction: column;
        background: url(../images/idx-medical-hr02-sp.png) no-repeat top center;
        background-size: 100% 2px;
        max-width: 100%;
        margin-right: min(5.33vw, 20px);
        margin-top: 39px;
        padding-top: 161px;
    }
    .iConcern-fx .iConcern-list {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .iConcern-fx .iConcern-list li,
	.iMedical .iConcern-fx .iConcern-list li{
        width: calc(50% - 5px);
        margin-right: 0px;
        margin-bottom: 31px;
    }
	.iConcern-fx .iConcern-list.iConcern-list1 li:nth-child(3n),
	.iConcern-fx .iConcern-list.iConcern-list1 li:nth-child(4n){
		margin-right: 0;
	}
    .iConcern-fx .iConcern-list li:nth-child(2n) {
        margin-right: 0;
    }
	
    .iConcern-fx .iConcern-list li:nth-child(7) a .ttl br,
    .iConcern-fx .iConcern-list li:nth-child(8) a .ttl br {
        display: none;
    }
    .iConcern-fx .iConcern-list li:nth-child(7) a .ico img,
    .iConcern-fx .iConcern-list li:nth-child(8) a .ico img {
        height: 50px;
        width: auto;
    }
    .iConcern-fx .iConcern-list li:nth-child(2) a .ttl br {
        display: none;
    }
    .iConcern-fx .iConcern-list li:nth-child(2) a .ico img {
        height: 40px;
    }
    .iConcern-fx .iConcern-list li a {
        position: relative;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .iConcern-fx .iConcern-list li a .ico {
        width: 100px;
        height: 100px;
    }
    .iConcern-fx .iConcern-list li a .ico img {
        height: 56px;
        width: auto;
    }
    .iConcern-fx .iConcern-list li a .ttl {
        align-items: center;
        text-align: center;
        letter-spacing: 0.05em;
        margin-right: 0;
        justify-content: center;
        font-size: min(4.27vw, 16px);
    }
    .iConcern-fx .iConcern-list li a .ttl .ico-arr {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -13px;
        margin: 0 auto;
        top: initial;
        text-align: center;
        width: 25px;
        height: 25px;
    }
    .iConcern-fx .idx-box-ttl h2 {
        font-size: 24px;
    }
    .iConcern-fx .idx-box-ttl h2 br {
        display: none;
    }
    .idx-btn a {
        padding-left: min(5vw, 20px);
        font-size: min(3.73vw, 12px);
        min-width: 200px;
        border-radius: 30px;
        min-height: 60px;
        padding-right: min(9vw, 40px);
    }
    .idx-btn a:before {
        width: min(6.67vw, 25px);
        height: min(6.67vw, 25px);
        right: min(3.2vw, 12px);
    }
    .iCosmetic {
        background: #fff;
        padding-top: 78px;
    }
	.iBg-fx{
		padding-bottom:35px;
	}
	.iBg-fx:before {
            content: "";
        position: absolute;
        left: -40px;
        transform: none;
        top: -88px;
        background: url(../images/idx-pro-bg-sp.png) no-repeat top center;
        background-size: 100% auto;
        width: calc(100% + 40px);
        height: calc(100% + 88px);
        right: 0;
        margin: 0 auto;
}
    .iCosmetic .iMedical-box {
        padding-bottom: 0;
        position: relative;
        margin-top: 0;
    }
    .iCosmetic .iConcern-fx .iConcern-list li:nth-child(3) .ico img,
    .iCosmetic .iConcern-fx .iConcern-list li:nth-child(7) .ico img {
        height: 24px;
        width: auto;
    }
    .iCosmetic .iEquip-fx {
        background: url(../images/idx-hr-cosmetic-sp.png) no-repeat top left;
        background-size: 92% 2px;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        padding-top: 0px;
        padding-right: 0;
        max-width: 100%;
        position: relative;
        padding-bottom: 0;
        margin-right: 0;
    }
    .iCosmetic .iEquip-fx:before {
        height: 237px;
    }
    .iCosmetic .iEquip-fx .box-cnt {
        padding-top: 42px;
        margin-right: 0;
        z-index: 2;
    }
    .iCosmetic .iEquip-fx .box-cnt .idx-box-ttl {
        margin-bottom: 23px;
    }
    .iCosmetic .iEquip-fx .box-cnt .idx-box-ttl .idx-ttl-en {
        margin-bottom: 5px;
    }
    .iCosmetic .iEquip-fx .box-cnt .idx-box-ttl h2 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .iCosmetic .iEquip-fx .box-cnt .iEquip-nav {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: min(6.67vw, 25px);
        bottom: max(-118vw, -470px);
        margin-top: 20px;
    }
    .iCosmetic .iEquip-fx .box-cnt .iEquip-nav .iEquip-arrows {
        justify-content: space-between;
    }
    .iCosmetic .iEquip-fx .box-cnt .iEquip-dots ul {
        justify-content: center;
    }
    .iCosmetic .iEquip-fx .box-cnt .iEquip-dots ul li {
        overflow: hidden;
        width: min(3.73vw, 14px);
        height: min(3.73vw, 14px);
        margin-right: min(1.87vw, 7px);
    }
    .iCosmetic .iEquip-fx .box-cnt .iEquip-dots ul li button {
        width: min(3.73vw, 14px);
        height: min(3.73vw, 14px);
    }
    .iCosmetic .iEquip-fx .box-cnt .slick-next {
        left: initial;
        background: url(../images/idx-next.svg) no-repeat center;
        background-size: 100% auto;
        right: min(9.33vw, 35px);
    }
    .iCosmetic .iEquip-fx .box-cnt .slick-prev {
        left: min(2.67vw, 10px);
    }
    .iCosmetic .iEquip-fx .box-cnt .slick-arrow {
        position: relative;
        top: -51px;
        transform: none;
        width: min(12.8vw, 48px);
        height: min(12.8vw, 48px);
    }
    .iCosmetic .iEquip-fx .box-slider {
        padding-left: 20px;
        padding-bottom: 80px;
    }
    .iCosmetic .iEquip-fx .box-slider .box-item {
        margin-right: min(6.67vw, 25px);
    }
    .iCosmetic .iEquip-fx .box-slider .box-item .img {
        border-top-left-radius: 30px;
        margin-bottom: 20px;
    }
    .iCosmetic .iEquip-fx .box-slider .box-item .img img {
        height: min(66.67vw, 300px);
        width: min(53.33vw, 250px);
        object-fit: cover;
        border-top-left-radius: 30px;
    }
    .iCosmetic .iProce-fx {
        background: url(../images/idx-hr-cosmetic-sp.png) no-repeat top center;
        background-size: 100% 2px;
        display: flex;
        flex-direction: column;
             margin-top: 44px;
        padding-top: 40px;
        padding-right: 0;
        max-width: 100%;
        margin-right: 20px;
    }
    .iCosmetic .iProce-fx .box-img {
        order: 1;
    }
    .iCosmetic .iProce-fx .box-img .img img {
        height: min(45.33vw, 250px);
        width: 100%;
        object-fit: cover;
        border-top-left-radius: 50px;
    }
    .iCosmetic .iProce-fx .box-cnt {
        order: 2;
        padding-top: 29px;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-box-ttl {
        margin-bottom: 25px;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-box-ttl h2 {
        margin-bottom: 0;
        font-size: 24px;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-list-btn {
        margin-right: 0;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-list-btn li {
        width: calc(50% - 7px);
        margin-right: 13px !important;
        margin-bottom: 10px;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-list-btn li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-list-btn li a {
        min-width: 100%;
        width: 100%;
        border-radius: 35px;
        min-height: 70px;
    }
    .iCosmetic .iProce-fx .box-cnt .idx-list-btn li a:before {
        width: 25px;
        height: 25px;
    }
    .iCosmetic .iConcern-fx {
        background: url(../images/idx-hr-cosmetic-sp.png) no-repeat top center;
        background-size: 100% 2px;
        padding-top: 0;
    }
    .iCosmetic .iConcern-fx .idx-box-ttl {
        margin-top: 42px;
        margin-right: 0;
        margin-bottom: 9px;
    }
    .iCosmetic .iConcern-fx .idx-box-ttl h2 {
        margin-bottom: 0;
    }
    .iCosmetic .iConcern-list li a {
        padding-bottom: 20px;
    }
    .iCosmetic .iConcern-list li a .ttl {
        letter-spacing: 0;
        padding-left: 10px;
        padding-right: 10px;
        min-height: auto;
    }
    .iCosmetic .iConcern-list li a .ttl br {
        display: none;
    }
    .iCosmetic .iMedical-item .box-cnt .txt>p {
        color: var(--clr2);
        font-size: 16px;
    }
    .iCosmetic .iMedical-item .box-cnt .idx-btn a:before {
        width: 25px;
        height: 25px;
    }
    .iSkin {
        padding-top: 70px;
    }
    .iSkin .inner_big {
        padding: 0;
    }
    .iSkin:before {
        content: "";
        position: absolute;
        left: 0;
        top: -88px;
        background: url(../images/idx-skin-bg01-sp.png) no-repeat top center;
        background-size: 100% 100%;
        width: 100%;
        height: calc(100% + 88px);
        right: 0;
        margin: 0 auto;
    }
    .iSkin-fx {
        flex-direction: column;
        padding: 0;
        padding-left: 20px;
        padding-bottom: 41px;
        background: url(../images/idx-skin-hr-sp.png) no-repeat bottom center;
        background-size: 90% 2px;
        margin-bottom: 39px;
    }
    .iSkin-fx:last-child {
        padding-bottom: 70px;
    }
    .iSkin-fx:last-child .box-img {
        margin-bottom: 74px;
    }
    .iSkin-fx:last-child .box-img .ico {
        bottom: -20px;
    }
    .iSkin-fx:last-child .idx-list-btn {
        margin-top: 35px;
    }
    .iSkin-fx:last-child .idx-list-btn .idx-btn {
        margin-top: 0;
        margin-bottom: 10px;
    }
    /*.iSkin-fx:last-child .idx-list-btn .idx-btn:last-child {
        width: 78%;
        margin: 0 auto;
    }
    .iSkin-fx:last-child .idx-list-btn .idx-btn:last-child a {
        min-width: 100%;
        width: 100%;
        min-height: 70px;
    }*/
    .iSkin-fx:last-child .idx-list-btn .idx-btn a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1.4em;
    }
	
    .iSkin-fx .box-img {
        order: 1;
        width: calc(100% - 20px);
        margin-left: auto;
    }
    .iSkin-fx .box-img .stt {
        left: initial;
        top: initial;
        right: 20px;
        bottom: -65px;
    }
    .iSkin-fx .box-img .stt img {
        border-radius: 0;
        width: min(34.67vw, 150px);
        height: auto;
    }
    .iSkin-fx .box-img .ico {
        left: -20px;
        bottom: -20px;
    }
    .iSkin-fx .box-img .ico img {
        width: min(26.67vw, 150px);
    }
    .iSkin-fx .box-img .img img {
        border-top-left-radius: 50px;
        height: min(66.67vw, 300px);
        width: 100%;
        object-fit: cover;
    }
    .iSkin-fx .box-cnt {
        order: 2;
        margin-top: 70px;
        margin-right: 20px;
    }
    .iSkin-fx .box-cnt .idx-box-ttl h2 {
        font-size: 24px;
    }
    .iSkin-fx .box-cnt h3 {
        padding-bottom: 14px;
        margin-bottom: 10px;
    }
    .iSkin-fx .box-cnt h3:before {
        width: 92px;
    }
    .iSkin-fx .box-cnt .txt>p {
        font-size: 16px;
    }
    .iSkin-fx .box-cnt .idx-btn {
        margin-top: 35px;
    }
    .iSkin-fx .box-cnt .idx-btn a {
        min-width: min(43.47vw, 163px);
        border-radius: 35px;
        height: 100%;
    }
    .iSkin .inner_big {
        padding: 0;
    }
    .iBnr {
        padding-top: 50px;
        padding-bottom: 76px;
    }
    .iBnr:before {
            top: 0;
        height: calc(100% + 114px);
        background: url(../images/idx-bg-bnr.jpg) no-repeat top center;
        background-size: cover;
    }
    .iBnr .inner_big {
        padding: 0 20px;
    }
    .iBnr-fx {
        flex-direction: column;
        max-width: 336px;
        margin: 0 auto;
    }
    .iBnr-fx .box-item {
        padding: 5px;
        margin-right: 0 !important;
    }
    .iBnr-fx .box-item:before {
        right: 0;
        bottom: 0;
        width: min(8.27vw, 31px);
        height: min(8.27vw, 31px);
    }
    .iBnr-fx .box-item:first-child {
        margin-bottom: 15px;
    }
    .iBnr-fx .box-item .img img {
        height: min(29.33vw, 110px);
        width: 100%;
        object-fit: cover;
    }
    .iBnr-fx .box-item .ttl {
        position: absolute;
        left: 0.3em;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: #fff;
        color: var(--main-color);
        font-size: min(4.8vw, 18px);
        line-height: 1.35em;
        border-top-right-radius: 0.4545454545em;
        border-bottom-right-radius: 0.4545454545em;
        height: fit-content;
        font-weight: 600;
        padding: 7px 21px 7px 14px;
    }
    .iBnr-fx .box-item:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: min(105.6vw, 396px);
        height: min(48vw, 180px);
        background: url(../images/idx-bg-bnr02-sp.png) no-repeat center;
        background-size: cover;
        z-index: -1;
    }
    .iFeatures {
        padding-top: 42px;
    }
    .iFeatures:before {
             content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background: url(../images/idx-bg-feature-sp.png) no-repeat top center;
        background-size: 100% 100%;
        width: 100%;
        height: 140px;
        top: -26px;
    }
    .iFeatures .idx-box-ttl {
        top: 0;
        margin-bottom: 33px;
    }
    .iFeatures .idx-box-ttl h2 {
        margin-bottom: 0;
    }
    .iFeatures-thumb {
        padding-top: 41px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iFeatures-thumb .box-item {
        width: 100%;
    }
    .iFeatures-thumb .box-item h3 {
        padding-bottom: 13px;
        margin-bottom: 11px;
        border-bottom: 0;
        text-align: center;
        position: relative;
    }
    .iFeatures-thumb .box-item h3:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 92px;
        height: 1px;
        background: #d5d3d0;
    }
    .iFeatures-thumb .box-item .txt>p {
        font-size: 16px;
    }
    .iFeatures .idx-btn {
        margin-top: 34px;
    }
    .iFeatures .idx-btn a {
        min-width: 160px;
    }
    .iFeatures .iFeatures-slider {
        margin-top: 0;
    }
    .iFeatures .iFeatures-slider .box-item {
        margin-right: 20px;
    }
    .iFeatures .iFeatures-slider .box-item .box-img {
        border-radius: 10px;
        border-top-left-radius: 50px;
    }
    .iFeatures .iFeatures-slider .box-item .box-img .img img {
        width: min(73.33vw, 350px);
        height: min(53.33vw, 275px);
        border-radius: 10px;
		object-fit:cover;
        border-top-left-radius: 50px;
    }
    .iFeatures .iFeatures-slider .box-item .box-img .stt {
        left: -10px;
        top: -0.3793103448em;
        font-size: 69px;
    }
    .iFeatures .slick-prev {
        left: 50px;
    }
    .iFeatures .slick-next {
        right: 0;
    }
    .iFeatures .slick-arrow {
        width: min(12.8vw, 48px);
        height: min(12.8vw, 48px);
        top: min(58.4vw, 219px);
    }
    .iFeatures .box-thumb {
        width: 100%;
        max-width: 100%;
    }
    .iFeatures .box-thumb .iFeatures-dots {
        position: absolute;
        right: 0;
        top: 17px;
        z-index: 1;
        left: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .iFeatures .box-thumb .iFeatures-dots ul li {
        width: min(3.73vw, 14px);
        height: min(3.73vw, 14px);
        margin-right: 0.5em;
    }
    .iGreeting {
        padding-top: 71px;
    }
    .iGreeting .inner_big:after {
        content: "";
        position: absolute;
        left: -68px;
        top: -51px;
        background: url(../images/idx-greeting-ico01-sp.png) no-repeat center;
        background-size: 100% auto;
        width: 513px;
        height: 306px;
    }
    .iGreeting .iColumn {
        padding-top: 38px;
        margin-top: 30px;
        background: url(../images/idx-hr-cosmetic-sp.png) no-repeat top center;
        background-size: 100% 2px;
    }
    .iGreeting .iColumn-fx {
        flex-direction: column;
    }
    .iGreeting .iColumn-fx .box-cnt {
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px;
        width: 100%;
    }
    .iGreeting .iColumn-fx .box-cnt .idx-box-ttl {
        margin-bottom: 0;
    }
    .iGreeting .iColumn-fx .box-cnt .idx-box-ttl h2 {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .iGreeting .iColumn-fx .box-cnt .btn-news {
        max-width: 100%;
        margin-top: 10px;
    }
    .iGreeting .iColumn-fx .box-cnt .btn-news a {
        font-size: 12.5px;
    }
    .iGreeting .iColumn-fx ul {
        flex-direction: column;
    }
    .iGreeting .iColumn-fx ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .iGreeting .iColumn-fx ul li a {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .iGreeting .iColumn-fx ul li a .img {
        width: min(43.33vw, 190px);
        height: min(24vw, 110px);
        margin-right: 15px;
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .iGreeting .iColumn-fx ul li a .cnt {
        width: 100%;
    }
    .iGreeting .iColumn-fx ul li a .cnt .ttl {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .iGreeting .iColumn-fx ul li a .cnt .date {
        font-size: 11px;
    }
    .iGreeting-box {
        border-top-right-radius: 50px;
        width: calc(100% - 10px);
        padding: 40px 25px 155px 10px;
    }
    .iGreeting-fx {
        flex-direction: column;
    }
    .iGreeting-fx .box-img {
        order: 1;
        padding-right: 10px;
    }
    .iGreeting-fx .box-img .img img {
        height: min(80vw, 400px);
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .iGreeting-fx .box-img .img02 {
        margin-top: -50px;
        margin-right: -55px;
        margin-left: auto;
        width: min(53.33vw, 250px);
    }
    .iGreeting-fx .box-img .img02 img {
        height: min(32vw, 160px);
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .iGreeting-fx .idx-box-ttl {
        order: 2;
        flex-direction: column;
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .iGreeting-fx .idx-box-ttl .idx-ttl-en {
        writing-mode: initial;
        padding-left: 4px;
        margin-bottom: 10px;
    }
    .iGreeting-fx .idx-box-ttl .idx-ttl-en:before {
        width: 30px;
        height: 30px;
        left: -9px;
        top: -11px;
        margin: 0;
    }
    .iGreeting-fx .idx-box-ttl h2 {
        font-size: 28px;
        padding-left: 12px;
        writing-mode: initial;
        margin-bottom: 0;
    }
    .iGreeting-fx .box-cnt {
        order: 3;
        padding-top: 0;
        padding-left: 10px;
        margin-right: 0;
    }
    .iGreeting-fx .box-cnt:before {
        left: -126px;
        bottom: -90px;
        background: url(../images/idx-greeting-ico02.png) no-repeat center;
        background-size: 100% auto;
        width: 369px;
        height: 355px;
        z-index: -1;
    }
    .iGreeting-fx .box-cnt h3 {
        line-height: 1.5em;
        margin-bottom: 11px;
        padding-bottom: 15px;
    }
    .iGreeting-fx .box-cnt h3:before {
        width: 92px;
    }
    .iGreeting-fx .box-cnt .txt {
        margin-bottom: 18px;
    }
    .iGreeting-fx .box-cnt .txt>p {
        font-size: 16px;
    }
    .iGreeting-fx .box-cnt .box-name {
        margin-bottom: 41px;
    }
    .iGreeting-fx .box-cnt .box-name .sub-name {
        font-size: 14px;
    }
    .iGreeting-fx .box-cnt .box-name .name {
        font-size: 24px;
    }
    .iGreeting-fx .box-cnt .idx-list-btn li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }
    .iGreeting-fx .box-cnt .idx-list-btn li:nth-child(2n) {
        margin-right: 0;
    }
    .iGreeting-fx .box-cnt .idx-list-btn li a {
        min-width: 100%;
        padding-right: 20px;
    }
    .idx_gallery {
        margin-top: max(-32vw, -120px);
    }
    .idx_gallery .item {
        margin-right: 20px;
    }
    .idx_gallery .item img {
        width: min(53.33vw, 250px);
        height: min(53.33vw, 250px);
    }
    .idx_gallery .item:nth-child(odd) {
        margin-top: min(10.67vw, 40px);
    }
    .iFeatures .slick-prev {
        background: url(../images/idx-prev.svg) no-repeat center;
    }
    .iFeatures .slick-next {
        background: url(../images/idx-next.svg) no-repeat center;
    }
}

@media only screen and (max-width: 320px) {
    .iMedical:before {
        height: min(39.6vw, 130px);
    }
    .iCosmetic .iConcern-list li a .ttl {
        letter-spacing: -0.8px;
    }
    .iSkin-fx .box-img .stt {
        left: initial;
        top: initial;
        right: 20px;
        bottom: -74px;
    }
}

@media only screen and (max-width: 425px) {
    .iSkin-fx .box-img .stt {
        bottom: -74px;
    }
}


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