@media only screen and (max-width: 768px) {
    .home_page .wrapper:before {
        display: none;
    }
    .home_page .key {
        --height: calc(100vh - 60px);
        --max-height: min(146.67vw, 650px);
        --min-height: 320px;
        margin-top: 0;
        z-index: 1;
    }
    .home_page .key:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        height: calc(100% + 70px);
        width: 100%;
        background: #f5fbf5;
        z-index: -1;
    }
    .home_page .key:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/idx-main-img01-sp.jpg) no-repeat center;
        background-size: cover;
        width: calc(100% - 20px);
        height: 100%;
        border-top-right-radius: 30px;
    }
    .home_page .key .mv_slider .inner {
        margin-left: 0;
        margin-right: auto;
    }
    .home_page .key .catch {
        text-align: left;
    }
    .home_page .key .catch .title {
        margin-right: 0;
        right: 0;
        font-size: min(8vw, 34px);
        text-align: left;
        text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
    }
    .home_page .key .catch>p {
        font-size: min(4.53vw, 21px);
        text-align: left;
        text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
    }
    .home_page .key .idx-main-list {
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: min(92.67vw, 370px);
        bottom: 160px;
        justify-content: center;
    }
    .home_page .key .idx-main-list li {
        min-width: min(34.67vw, 170px);
        min-height: min(12vw, 55px);
        margin-bottom: 1em !important;
        padding: 0 5px;
    }
    .home_page .key .idx-main-list li .ttl {
        font-size: min(3.53vw, 18px);
        white-space: nowrap;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    }
    .home_page .key .idx-main-list li .ttl br {
        display: none;
    }
    .home_page .key .box-news {
        max-width: 80%;
        padding: 15px;
    }
    .home_page .key .box-news .fx-box-ttl .ttl {
        font-size: 17px;
    }
    .home_page .key .box-news ul li a .date {
        font-size: 11px;
    }
    .home_page .key .box-news ul li a .title {
        font-size: 13px;
    }
    .home_page .idx-btn a {
        min-width: 115px;
        min-height: 30px;
        font-size: 13px;
    }
    .home_page .idx-ttl-en {
        font-size: min(14.67vw, 60px);
        margin-bottom: 12px;
    }
    .home_page h2 {
        font-size: min(8vw, 34px);
        line-height: 1.55em;
        margin-bottom: 0.5em;
    }
    .iGastro .idx-btn02 a,
    .iEndo .idx-list-btn li a {
        border: 1px solid #72aee6;
    }
    .iInternal .idx-btn02 a {
        border: 1px solid #a87746;
    }
    .home_page .idx-btn02 a {
        min-width: min(36.53vw, 137px);
        min-height: 52px;
        font-size: min(3.73vw, 14px);
        padding-left: min(5.33vw, 20px);
    }
    .iFeature-line .idx-btn02 a,
    .iGreeting .idx-list-btn li a {
        border: 1px solid var(--main-color)
    }
    .home_page .idx-btn02 a:before {
        right: 0.7em;
    }
    .iMessage {
        padding-top: 60px;
        padding-bottom: 0;
    }
    .iMessage:before {
        display: none;
    }
    .iMessage .inner_big {
        padding: 0 20px;
    }
    .iMessage-fx {
        flex-direction: column;
    }
    .iMessage-c {
        order: 1;
        max-width: 100%;
        margin: 0 auto min(20.33vw, 100px);
        position: relative;
    }
    .iMessage-c:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: -162px;
        width: 101vw;
        height: 296px;
        background: url(../images/idx-message-bg-sp.png) no-repeat center;
        background-size: 100% auto;
        z-index: -3;
    }
    .iMessage-c .txt>p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 2em;
    }
    .iMedical-list02 li>.link-in {
        padding-bottom: 2em;
    }
    .iMessage-l {
        order: 2;
        position: relative;
        z-index: 4;
        margin-right: 0;
    }
    .iMessage-l:before {
        content: "";
        position: absolute;
        right: 20px;
        top: 0;
        background: url(../images/idx-message-l-sp.svg) no-repeat center;
        background-size: 100% auto;
        width: 58px;
        height: 64px;
    }
    .iMessage-l .img01 {
        text-align: left;
        margin-left: 70px;
    }
    .iMessage-l .img01:before {
        left: -60px;
        top: -40px;
        width: min(62.93vw, 266px);
        height: min(40.8vw, 183px);
        z-index: -1;
        background-size: contain;
    }
    .iMessage-l .img01 img {
        width: min(48.27vw, 220px);
        height: auto;
    }
    .iMessage-l .img02 {
        margin-top: 5.0625em;
        width: fit-content;
    }
    .iMessage-l .img02:before {
        left: 140px;
        top: initial;
        bottom: 36px;
        width: min(54.4vw, 230px);
        height: min(39.47vw, 178px);
        z-index: -1;
    }
    .iMessage-l .img02:after {
        right: 25px;
        bottom: -15px;
        background: url(../images/idx-message-ico03-sp.svg) no-repeat center;
        background-size: 100% auto;
        width: min(14.67vw, 75px);
        height: min(16.27vw, 80px);
    }
    .iMessage-l .img02 img {
        width: min(72.53vw, 310px);
        height: auto;
    }
    .iMessage-r {
        order: 2;
        position: absolute;
        right: 0;
        bottom: 110px;
        margin-left: 0;
        margin-top: 0;
        margin-right: -143px;
    }
    .iMessage-r:before {
        left: -110px;
        top: -4px;
        width: min(72vw, 300px);
        height: min(58.13vw, 240px);
        z-index: -2;
        background: url(../images/idx-message-ico04-sp.svg) no-repeat center;
        background-size: 100% auto;
    }
    .iMessage-r:after {
        left: -10px;
        bottom: -94px;
        background: url(../images/idx-message-ico05.svg) no-repeat center;
        background-size: 100% auto;
        width: min(29.87vw, 150px);
        height: min(34.13vw, 168px);
    }
    .iMessage-r .img03 img {
        width: min(72.53vw, 310px);
        height: auto;
    }
    .iMedical {
        margin-top: 0;
    }
    .iMedical h2 {
        margin-bottom: 0.17em;
    }
    .iMedical h2 span {
        padding: 0 1.5em;
    }
    .iMedical .idx-ttl-en {
        color: #bbe0ba;
        font-size: 18px;
    }
    .iMedical-list li a .box-ttl {
        width: 100%;
    }
    .iMedical-list {
        flex-direction: column;
        max-width: min(89.33vw, 450px);
        margin: 28px auto 0;
    }
    .iMedical-list li {
        width: 100%;
        margin: 0 auto 2.1em;
    }
    .iMedical-list li a .img {
        -webkit-mask-image: url(../images/idx-medical-mask-sp01.png);
        mask-image: url(../images/idx-medical-mask-sp01.png);
    }
    .iMedical-list li:nth-child(2) a .img {
        -webkit-mask-image: url(../images/idx-medical-mask-sp02.png);
        mask-image: url(../images/idx-medical-mask-sp02.png);
    }
    .iMedical-list li:nth-child(3) a .img {
        -webkit-mask-image: url(../images/idx-medical-mask-sp03.png);
        mask-image: url(../images/idx-medical-mask-sp03.png);
    }
    .iMedical-list02 {
        flex-wrap: wrap;
        padding: 0 10px;
        padding-bottom: 30px;
        max-width: 100%;
        margin: 0 auto;
    }
    .iMedical-list02:before {
        width: 100vw;
        border-radius: 0;
        background: #f5fbf5;
        height: 65%;
    }
    .iMedical-list02 li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 25px;
    }
    .iMedical-list02 li:nth-child(2n) {
        margin-right: 0;
    }
    .iMedical-list02 li>.link-in .ico {
        min-height: 50px;
    }
    .iMedical-list02 li>.link-in .ttl {
        font-size: 18px;
    }
    .iMedical-list02 li>.link-in .txt {
        font-size: 14px;
        padding: 0 15px;
        letter-spacing: -1px;
    }
    .iMedical-list02 li .idx-btn {
        min-width: 115px;
        min-height: 30px;
        font-size: 13px;
        border: 1px solid var(--main-color);
    }
    .iMedical h2 span:before,
    .iMedical h2 span:after {
        width: 17px;
        height: 12px;
    }
    .iInternal {
        padding-top: 60px;
        position: relative;
        z-index: 1;
        margin-top: 20px;
    }
    .iInternal.iDerma {
        padding-top: 132px;
    }
    .iInternal.iDerma:before {
        background: url(../images/idx-bg-derma-sp.png) no-repeat top center;
        background-size: 100% auto;
        top: 0;
    }
    .iInternal.iDerma .iInternal-img {
        position: absolute;
        top: 70px;
        right: 0;
        width: 266px;
        height: 204px;
    }
    .iInternal.iDerma .iInternal-img .img {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .iInternal.iDerma .iInternal-box:before {
        height: 55.4%;
    }
    .iInternal .inner_sm {
        padding: 0 20px;
    }
    .iInternal:before {
        top: 0;
        height: 225px;
        width: min(163.73vw, 768px);
        background: url(../images/idx-bg-internal-sp.png) no-repeat top center;
        background-size: 100% auto;
        z-index: -1;
    }
    .iInternal-fx-ttl {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 24px;
    }
    .iInternal-fx-ttl .box-ttl {
        padding-left: 30px;
        margin-right: 0;
        margin-bottom: 18px;
    }
    .iInternal h2 {
        font-size: 30px !important;
    }
    .iInternal .idx-ttl-en {
        font-size: 17px !important;
        letter-spacing: 0 !important;
    }
    .iInternal .txt {
        max-width: 100%;
        font-size: 16px;
        margin-bottom: 25px;
    }
    .iInternal-box {
        margin-right: 0;
        width: 100%;
        padding-bottom: 30px;
    }
    .iInternal-box:before {
        left: -20px;
        width: calc(100% + 40px);
        right: initial;
        height: 59%;
    }
    .iMessage-c .idx-ttl-en,
    .iMessage-c h2 {
        position: relative;
        z-index: 1;
    }
    .iMessage-c .idx-ttl-en:before {
        content: "";
        position: absolute;
        left: -60px;
        top: -40px;
        background: url(../images/idx-ico-message-sp.svg) no-repeat center;
        background-size: contain;
        width: 270px;
        height: 164px;
        z-index: -1;
    }
    .iInternal-list {
        max-width: 100%;
    }
    .iInternal-list li {
        width: calc(50% - 5px);
        margin-right: 10px !important;
    }
    .iInternal-list li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .iMedical-list li a .box-ttl .ttl {
        font-size: min(6.93vw, 26px);
        white-space: nowrap;
    }
    .iMedical-list li a .box-ttl .sub-ttl {
        white-space: nowrap;
    }
    .iMedical-list li a .img img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .iInternal-img {
        flex-shrink: 0;
        margin-top: 0;
        position: absolute;
        top: 60px;
        right: -70px;
        width: 308px;
        height: 205px;
        z-index: -1;
    }
    .iGastro {
        padding-top: 60px;
        margin-top: 30px;
        z-index: 1;
    }
    .iGastro .inner_sm {
        padding: 0 20px;
    }
    .iGastro:before {
        top: 0;
        height: 225px;
        width: min(163.73vw, 768px);
        background: url(../images/idx-bg-gastro-sp.png) no-repeat top center;
        background-size: 100% auto;
        z-index: -1;
    }
    .iGastro-fx-ttl {
        flex-direction: column;
        width: fit-content;
        margin-left: auto;
        margin-bottom: 26px;
    }
    .iGastro-fx-ttl .box-ttl {
        padding-left: 30px;
        margin-right: 0;
        margin-bottom: 18px;
    }
    .iGastro h2 {
        font-size: 30px !important;
    }
    .iGastro .idx-ttl-en {
        font-size: 17px !important;
        letter-spacing: 0 !important;
    }
    .iGastro .idx-btn02 {
        margin-right: auto;
    }
    .iGastro .txt {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .iGastro-box {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        padding-bottom: 40px;
    }
    .iGastro-box:before {
        left: -20px;
        width: calc(100% + 40px);
        right: initial;
        height: 56%;
    }
    .iGastro-fx-link .btn {
        width: calc(50% - 5px);
        margin-right: 10px !important;
    }
    .iGastro-fx-link .btn:nth-child(2n) {
        margin-right: 0 !important;
    }
    .iGastro-fx-link .btn a {
        background: url(../images/idx-endo-hr-sp02.png) repeat-x left bottom;
        background-size: auto 2.4px;
    }
    .iGastro-img {
        width: 414px;
        height: 310px;
        position: absolute;
        left: -130px;
        top: 30px;
        z-index: -1;
    }
    .iGastro-img .img {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
    }
    .iDerma .iInternal-fx-ttl .box-ttl h2:before {
        background: #f3a3ae;
    }
    .iDerma .iInternal-fx-ttl .idx-btn02 a {
        border-color: #f3a3ae;
    }
    .iBlog-fx:before {
        display: none;
    }
    .iEndo {
        padding-top: 35px;
        padding-bottom: 0;
    }
    .iEndo .inner_sm {
        padding: 0 20px;
    }
    .iEndo-fx {
        flex-direction: column;
        padding: 30px 20px;
    }
    .iEndo-cnt {
        margin-bottom: 22px;
    }
    .iEndo-cnt h2 {
        font-size: min(6.67vw, 25px);
        margin-bottom: 2px;
    }
    .iEndo-cnt h2:before {
        width: 16px;
        height: 12px;
        border-radius: 6.5px;
    }
    .iEndo-cnt .idx-ttl-en {
        font-size: min(4.53vw, 17px);
    }
    .iEndo-cnt .idx-ttl-en {
        padding-left: 20px;
    }
    .iEndo-cnt .txt>p {
        font-size: 16px;
    }
    .iEndo-ttl-fx {
        position: relative;
        padding-left: 20px;
    }
    .iEndo-ttl-fx .ttl-pickup {
        position: absolute;
        right: 0;
        bottom: -25px;
        min-width: 78px;
        min-height: 25px;
        font-size: 17px;
    }
    .iEndo:before {
        content: "";
        position: absolute;
        top: -48px;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        height: calc(100% + 48px);
        background: url(../images/idx-endo-bg-sp.png) no-repeat top center;
        background-size: 100% 100%;
        max-height: 1200px;
    }
    .iEndo:after {
        display: none;
    }
    .iEndo-img {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    .iEndo-img .img img {
        border-radius: 18px;
    }
    .iEndo-img:before {
        content: "";
        position: absolute;
        left: 6px;
        bottom: 0;
        background: url(../images/idx-endo-ico-box.svg) no-repeat center;
        background-size: 100% auto;
        width: 107px;
        height: 89px;
        z-index: 1;
    }
    .iEndo-box {
        padding-bottom: 15px;
        background: #fff;
        border-radius: 30px;
        position: relative;
        z-index: 1;
        box-shadow: 0 0 0.3125em 0.4375em rgba(114, 174, 230, 0.05);
        min-height: 40em;
        border: 0.3125em solid #c7dff5;
    }
    .iEndo-box:after {
        display: none;
    }
    .iEndo-box:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 103%;
        height: 101%;
        background: transparent;
        border: 1px dashed #72aee6;
        border-radius: 30px;
    }
    .iEndo-box02 {
        padding: 20px 10px;
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .iEndo-fx02 {
        flex-direction: column;
    }
    .iEndo-cnt02 {
        width: 100%;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .iEndo-cnt02:first-child {
        padding-bottom: 22px;
        margin-bottom: 18px;
    }
    .iEndo-cnt02:first-child:before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: initial;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: url(../images/idx-endo-hr-sp02.png) repeat-x left bottom;
    }
    .iEndo-list {
        margin-bottom: 7px;
        justify-content: center;
    }
    .iEndo-list li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }
    .iEndo-list li:nth-child(2n) {
        margin-right: 0;
    }
    .iEndo-list li a {
        flex-direction: column;
        min-width: 100%;
        min-height: 125px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }
    .iEndo-list li a .ico {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .iEndo-list li a .ttl {
        text-align: center;
        font-size: min(4vw, 16px);
        letter-spacing: -2px;
    }
    .iEndo-list li a .ttl br {
        display: none;
    }
    .iEndo-list li a:before {
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: 10px;
        top: initial;
        width: 22px;
        height: 22px;
        background-size: contain;
        background: url(../images/idx-endo-ico-arr-sp.svg) no-repeat center;
    }
    .iEndo-box03 {
        margin-top: 50px;
        padding-top: 52px;
        padding-bottom: 0;
    }
    .iEndo-box03 .iEndo-fx {
        padding: 15px;
    }
    .iEndo-box03:before {
        content: "";
        position: absolute;
        right: 0em;
        bottom: -3em;
        background: url(../images/idx-endo-ico-box02.svg) no-repeat center;
        background-size: 100% auto;
        width: 56px;
        height: 47px;
    }
    .iEndo-cnt03 h2 {
        font-size: 25px;
        line-height: 1.3em;
        width: fit-content;
        padding-right: 0.8em;
        padding-top: 0.3em;
        padding-bottom: 0.1em;
    }
    .iEndo-cnt03 h2:after {
        height: 100%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .iEndo-cnt03 .txt>p {
        font-size: 16px;
    }
    .iEndo-img02 {
        position: absolute;
        right: -10px;
        top: 90px;
        width: 117px;
        height: 148px;
    }
    .iEndo-list02 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 14px;
        max-width: 335px;
        margin: 0 auto;
    }
    .iEndo-list02 li {
        width: calc(50% - 5px);
        margin-right: 10px !important;
        margin-bottom: 10px;
    }
    .iEndo-list02 li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .iEndo-list02 li a {
        padding-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #72aee6;
        padding-bottom: 10px;
    }
    .iEndo-list02 li a .ico img {
        height: 50px;
        width: auto;
    }
    .iEndo-list02 li:last-child {
        margin-right: auto !important;
    }
    .idx-list-btn {
        max-width: 330px;
        margin: 0 auto;
        justify-content: center;
    }
    .idx-list-btn li {
        width: 100%;
        margin-right: 10px;
        min-width: auto;
    }
    .iFeature {
        margin-top: 2.5em;
    }
    .iFeature-line {
        max-width: 500px;
        margin: 0 auto;
    }
    .iFeature-line:before {
        content: "";
        left: 50%;
        position: absolute;
        bottom: -80px;
        transform: translate(-50%);
        background: url(../images/idx-feature-line-sp.png) no-repeat bottom center;
        background-size: 100% auto;
        width: 384px;
        height: calc(100% + 80px);
        top: initial;
    }
    .iFeature:before {
        display: none;
    }
    .iFeature .inner_big {
        padding: 0 20px;
    }
    .iFeature-fx {
        padding: 0;
        flex-direction: column;
    }
    .iFeature-fx02 {
        margin-top: 15px;
        margin-bottom: 21px;
    }
    .iFeature-fx02 .iFeature-cnt {
        padding-top: 0;
    }
    .iFeature-fx02 .iFeature-img {
        padding-left: 25px;
        padding-right: 0;
        margin: 0 auto;
        margin-right: -15px;
    }
    .iFeature-fx02 .iFeature-img:before {
        width: 36px;
        height: 63px;
        top: -14px;
        right: 45px;
    }
    .iFeature-fx02 .iFeature-img:after {
        width: 107px;
        height: 54px;
        bottom: -14px;
        left: 40px;
    }
    .iFeature-fx03 .iFeature-cnt {
        padding-top: 0;
    }
    .iFeature-fx03 .iFeature-img:after {
        width: 187px;
        height: 79px;
        bottom: -20px;
        left: 30px;
    }
    .iFeature-fx04 .iFeature-img:after {
        background: url(../images/idx-feature-ico06-sp.svg) no-repeat center;
        background-size: 100% auto;
        width: 112px;
        height: 166px;
        bottom: -50px;
        right: 0px;
        left: initial;
    }
    .iFeature-fx05 {
        position: relative;
    }
    .iFeature-fx05:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -130px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-mask-image: url(../images/idx-feature-mask04.svg);
        mask-image: url(../images/idx-feature-mask04.svg);
        width: 150px;
        height: 133px;
        background: url(../images/idx-feature-img07.jpg) no-repeat center;
        background-size: 100% 100%;
        z-index: -1;
    }
    .iFeature-fx05 .iFeature-cnt {
        padding-top: 0;
    }
    .iFeature-fx05 .iFeature-cnt:before {
        display: none;
    }
    .iFeature-fx05 .iFeature-img:after {
        width: 68px;
        height: 74px;
        bottom: -35px;
        left: 15px;
    }
    .iFeature-fx05 .iFeature-img:before {
        width: 193px;
        height: 87px;
        top: -26px;
        right: 40px;
    }
    .iFeature-img {
        order: 2;
        margin-right: 0;
        margin-left: -15px;
        padding-right: 25px;
        max-width: 480px;
    }
    .iFeature-img:before {
        right: 30px;
        top: -6px;
        width: 89px;
        height: 75px;
        z-index: 1;
    }
    .iFeature-img:after {
        width: 102px;
        height: 94px;
        left: 10px;
        bottom: -10px;
    }
    .iFeature-cnt h3 {
        font-size: 21px !important;
        padding-bottom: 26px;
        margin-bottom: 20px !important;
        background: url(../images/idx-feature-hr-sp.svg) no-repeat left bottom;
        background-size: 92px 3px;
    }
    .iFeature-cnt .txt>p {
        font-size: 16px;
    }
    .iFeature h2 {
        font-size: 30px;
    }
    .iFeature h2 span {
        padding: 0 1.2em;
    }
    .iFeature h2 span:before,
    .iFeature h2 span:after {
        width: 17px;
        height: 13px;
    }
    .iFeature .idx-ttl-en {
        font-size: 17px;
    }
    .iFeature-cnt {
        padding-top: 57px;
        margin-bottom: 30px;
		position:relative;
		z-index:1;
    }
    .iFeature-cnt:before {
        top: 10px;
        width: 150px;
        height: 133px;
		z-index:-1
    }
    .iFeature .iFeature-line .idx-btn02 {
        max-width: 137px;
    }
    .iGreeting {
        padding-top: 71px;
        padding-bottom: 54px;
    }
    .iGreeting .inner_big {
        padding: 0 20px;
    }
    .iGreeting-fx {
        flex-direction: column;
        padding: 0;
        position: relative;
        margin-top: -46px;
    }
    .iGreeting-fx:before {
        content: "";
        position: absolute;
        right: -19px;
        bottom: -32px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-mask-image: url(../images/idx-greeting-mask02.svg);
        mask-image: url(../images/idx-greeting-mask02.svg);
        background: url(../images/idx-greeting-img02.jpg) no-repeat center;
        background-size: 100% auto;
        width: 182px;
        height: 175px;
        z-index: -1;
    }
    .iGreeting-cnt {
        max-width: 100%;
        margin-right: 0;
    }
    .iGreeting-cnt h2 {
        font-size: 30px;
        margin-left: 25px;
        margin-bottom: 8px;
    }
    .iGreeting-cnt h2:before {
        left: -25px;
        top: 18px;
        width: 17px;
        height: 13px;
    }
    .home_page .key .box-news ul li a:before {
        width: 8px;
        height: 7px;
        background-size: contain
    }
    .iGreeting-cnt .idx-ttl-en {
        letter-spacing: 0.05em;
        padding-left: 30px;
        font-size: 17px;
        margin-bottom: 18px;
    }
    .iGreeting-cnt h3 {
        font-size: min(5.6vw, 25px) !important;
        background: url(../images/idx-feature-hr-sp.svg) no-repeat left bottom;
        background-size: 92px 3px;
        padding-bottom: 23px;
    }
    .iGreeting-cnt .txt {
        margin-bottom: 30px;
    }
    .iGreeting-cnt .txt>p {
        font-size: 16px;
        line-height: 2em;
    }
    .iGreeting-img .box-img01 {
        padding-top: 0;
        right: 5px;
        width: fit-content;
        margin: 0 auto;
    }
    .iGreeting-img {
        margin-bottom: 25px;
    }
    .iGreeting-img .box-img01:before {
        left: initial;
        right: 0;
        top: -72px;
        width: 127px;
        height: 90px;
        z-index: -1;
    }
    .iGreeting-img .box-img01:after {
        left: 50%;
        transform: translate(-50%);
        bottom: -190px;
        width: 378px;
        height: 304px;
        z-index: -1;
    }
    .iGreeting-img .box-img01 .img01 {
        width: 343px;
        height: 336px;
    }
    .iGreeting-img .box-img01 .box-name {
        left: 0;
        bottom: 0;
        min-width: 92px;
        padding-top: 20px;
        padding-bottom: 15px;
        border-radius: 46px;
    }
    .iGreeting-img .box-img01 .box-name .sub-ttl {
        font-size: 14px;
    }
    .iGreeting-img .box-img01 .box-name .ttl {
        font-size: 22px;
    }
    .iGreeting-img .box-img01 .box-name .ttl .jp {
        font-size: 14px;
    }
    .iGreeting-img .box-img01 .box-name .ttl .en {
        font-size: 12px;
    }
    .iGreeting-img .img02 {
        display: none;
    }
    .iGreeting .idx-list-btn {
        flex-direction: column;
        max-width: 100%;
    }
    .iGreeting .idx-list-btn li {
        max-width: 163px;
        margin-bottom: 10px;
    }
    .iGreeting .idx-list-btn li:last-child {
        margin-bottom: 0;
    }
    .iGreeting .idx-list-btn li a {
        min-width: 100%;
    }
    .iBlog {
        position: relative;
        margin-top: -3.1em;
        padding-top: 5.55em;
        padding-bottom: 360px;
    }
    .iBlog:before {
        top: 0;
        left: 0;
        transform: none;
        background: url(../images/idx-blog-bg-sp.png) no-repeat top center;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
    .iBlog:after {
        display: none;
    }
    .iBlog .inner_sm {
        padding: 0 20px;
    }
    .iBlog-fx {
        flex-direction: column;
    }
    .iBlog-fx ul {
        flex-direction: column;
        position: relative;
    }
    .iBlog-fx ul:before {
        content: "";
        position: absolute;
        right: -10px;
        top: min(-7.33vw, -40px);
        background: url(../images/f-ico-box01.png) no-repeat center;
        background-size: 100% auto;
        width: min(15.73vw, 100px);
        height: min(12.27vw, 86px);
    }
    .iBlog-fx ul li {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .iBlog-fx ul li a {
        border-radius: 10px;
        display: flex;
        align-items: center;
    }
    .iBlog-fx ul li a .cnt {
        padding: 7px 15px;
    }
    .iBlog-fx ul li a .cnt .date {
        font-size: 12px;
    }
    .iBlog-fx ul li a .cnt .ttl {
        font-size: 16px;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .iBlog-fx ul li a .cnt .desc {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .iBlog-fx ul li a .img {
        height: min(29.33vw, 150px) !important;
        width: min(32vw, 200px) !important;
        flex-shrink: 0;
        background: #d4d4d4;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .iBlog-fx ul li a .img img {
        max-height: 100%;
    }
    .iBlog-ttl {
        display: flex;
        align-items: center;
        margin-right: 0;
        position: relative;
        z-index: 1;
    }
    .iBlog-ttl .box-ttl {
        margin-right: 25px;
    }
    .iBlog-ttl h2 {
        margin-left: 30px;
        margin-bottom: 5px;
    }
    .iBlog-ttl h2:before {
        width: 17px;
        height: 13px;
        left: -25px;
        top: 20px;
        border-radius: 7px;
    }
    .iBlog-ttl .idx-ttl-en {
        font-size: 18px;
        margin-left: 30px;
    }
}

@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 {
        margin-bottom: 30px;
        font-size: calc(var(--ttl_size) - 2px);
    }
}

@media only screen and (max-width: 768px) {
    .index0 {
        padding: 60px 0px 60px;
        background-color: #000;
    }
    .index07 {
        padding: 60px 0px 55px;
    }
    .index07 .content {
        flex-direction: column;
        align-items: center;
    }
    .index07 .content .box {
        margin-bottom: 5px;
        width: 100%;
        padding: 40px 5%;
        max-width: 680px;
    }
    .index07 .content .btn-group {
        max-width: 150px;
        width: 44%;
    }
    .index07 .content li {
        max-width: 100%;
    }
    .index07 .content li a {
        padding: 20px 0;
    }
    .index07 .content li a .date {
        width: 7em;
    }
    .index07 .content li a .title {
        width: calc(100% - 7em);
    }
}

@media only screen and (min-width: 529px) and (max-width: 768px) {
    .iGastro-img {
        left: -110px;
        top: min(10vw, 120px);
        z-index: -1;
    }
    .iEndo:before {
        max-height: 1250px;
    }
    .iMedical-list {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: center;
        margin-bottom: 30px;
    }
    .iMedical-list li {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .iMedical-list li:nth-child(2n) {
        margin-right: 0;
    }
    .iMedical-list li:last-child {
        margin: 0 auto;
    }
    .iMedical-list li a .box-ttl {
        padding-left: min(8vw, 30px);
    }
    .iMedical-list li a .box-ttl .ttl {
        font-size: min(3.8vw, 23px);
    }
    .iMedical-list li a .box-ttl .sub-ttl {
        font-size: min(1.67vw, 13px);
    }
    .iMedical-list li a .img img {
        width: 100%;
        height: auto;
    }
    .iInternal-box:before,
    .iGastro-box:before {
        height: 62%;
    }
    .iInternal.iDerma .iInternal-box:before {
        height: 57.4%;
    }
    .iFeature-line:before {
        bottom: -80px;
        width: 414px;
        height: calc(100% + 130px);
    }
}

@media only screen and (min-width: 639px) and (max-width: 768px) {
    .iMessage-l .img02 {
        left: -0.375em;
    }
    .iMessage-r {
        margin-right: -70px;
    }
    .iMessage-l .img01 {
        text-align: left;
        margin-left: 130px;
    }
    .iEndo-list02 {
        max-width: 495px;
        justify-content: flex-start;
        margin: 0 auto;
    }
    .iEndo-list02 li {
        width: calc(33.3333333333% - 5px);
        margin-right: 10px !important;
    }
    .iEndo-list02 li:nth-child(2n) {
        margin-right: 10px !important;
    }
    .iEndo-list02 li:nth-child(3n) {
        margin-right: 0 !important;
    }
    .iEndo-list02 li:last-child {
        margin-right: 0 !important;
    }
    .iGreeting-fx {
        margin-top: -86px;
    }
}

@media only screen and (max-width: 320px) {
    .iEndo-list li a .ttl {
        font-size: 13px;
    }
    .home_page .idx-btn02 a {
        min-width: min(34.53vw, 137px);
        padding-left: min(3.33vw, 20px);
    }
    .iEndo-cnt h2 {
        font-size: min(5.67vw, 25px);
        margin-bottom: 2px;
    }
    .iEndo-ttl-fx h2:before {
        left: -20px;
    }
}


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