@media only screen and (min-width: 319px) and (max-width: 768px) {
    .home_page .key {
        --height: calc(100vh - 60px);
        --max-height: min(137.87vw, 600px);
        --min-height: 600px;
        --mask: url(../images/idx-main-mask-sp.png);
        background-image: url(../images/idx-main-img-sp.jpg);
        width: calc(100% - 40px);
        margin: 65px auto 0;
    }
    .iMenu .iMenu-fx02:before {
        background: url(../images/idx-menu-bg02-sp.png) no-repeat center;
        background-size: contain;
        left: initial;
        right: -300px;
        width: 746px;
        height: 968px;
        top: 75px;
    }
    .home_page .key .key_text .item {
        padding: 10px;
        height: calc(100vh - 60px);
        max-height: 100%;
        min-height: 320px;
        align-items: flex-start;
        padding-top: 107px;
    }
    .home_page .key .inner {
        margin-right: auto;
        margin-top: 0;
    }
    .home_page .key .catch {
        padding: 0;
    }
    .home_page .key .catch .title {
        font-size: min(7.2vw, 30px);
        letter-spacing: -0.5px;
        line-height: 1.65em;
        text-align: center;
        margin-bottom: 10px;
		display:block
    }
	.home_page .key-txt02 .en {
          font-size: calc(var(--ttl_size) + 1.8em);
}
	.home_page .key-txt02 .ttl {
    font-size: calc(var(--ttl_size) - 9px);
}
	.home_page .key-txt02 {
   width: fit-content;
        position: absolute;
                top: -150px;
        left: 3em;
        right: 0;
        margin: 0 auto;
}
    .home_page .key .catch>p {
        text-align: center;
        font-size: min(3.73vw, 16px);
        letter-spacing: 0;
		display:none;
    }
    .home_page .key .idx-box-news {
        width: calc(100% - min(5.33vw, 50px));
        bottom: 20px;
        padding-bottom: 22px;
        padding-left: 0;
        padding-right: 20px;
        padding-top: 28px;
        max-width: 100%;
    }
    .home_page .key .idx-box-news .idx-fx-ttl {
        margin-bottom: 20px;
    }
    .home_page .key .idx-box-news .idx-fx-ttl>.ttl {
        font-size: min(4.8vw, 22px);
    }
    .home_page .key .idx-box-news .idx-fx-ttl .btn-more a {
        font-size: min(3.2vw, 14px);
        padding-right: 17px;
    }
    .home_page .key .idx-box-news .idx-fx-ttl .btn-more a:before {
        width: 5px;
        height: 9px;
    }
    .home_page .key .idx-box-news ul li {
        margin-bottom: 18px;
    }
    .home_page .key .idx-box-news ul li a .date {
        font-size: min(2.67vw, 13px);
    }
    .home_page .key .idx-box-news ul li a .ttl {
        font-size: min(3.2vw, 15px);
    }
    .home_page .idx-ttl-en {
        font-size: min(12vw, 60px);
    }
    .home_page h2 {
        font-size: min(6.67vw, 30px);
        line-height: 1.55em;
    }
    .iMessage {
        padding-bottom: 0;
    }
    .iMessage .inner_big {
        padding: 0 20px;
    }
    .iMessage-fx {
        flex-direction: column;
        padding-top: 120px;
        position: relative;
    }
    .iMessage-l {
        position: initial;
    }
    .iMessage-l:before {
        right: initial;
        left: min(22.4vw, 150px);
        bottom: 2px;
        background: url(../images/idx-message-ico02.svg) no-repeat center;
        background-size: contain;
        width: min(16vw, 100px);
        height: min(16vw, 100px);
        z-index: 1;
    }
    .iMessage-l .box-img01 {
        text-align: left;
        width: fit-content;
    }
    .iMessage-l .box-img01 .img {
        width: min(43.2vw, 300px);
        height: min(36vw, 270px);
        margin-top: 0;
        margin-left: -36px;
    }
    .iMessage-l .box-img01 .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .iMessage-l .box-img02 {
        position: absolute;
        bottom: 6px;
        left: -71px;
    }
    .iMessage-l .box-img02 .img {
        width: min(58.13vw, 300px);
        height: min(48.8vw, 270px);
    }
    .iMessage-l .box-img02 .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .iMessage-r {
        position: initial;
    }
    .iMessage-r:before {
        left: initial;
        right: min(35.2vw, 250px);
        top: 124px;
        background: url(../images/idx-message-ico01.svg) no-repeat center;
        background-size: contain;
        width: min(8.27vw, 50px);
        height: min(8vw, 50px);
    }
    .iMessage-r .box-img01 {
        position: absolute;
        top: 101px;
        right: -70px;
    }
    .iMessage-r .box-img01 .img {
        width: min(53.87vw, 320px);
        height: min(46.93vw, 280px);
        margin-top: 0;
        right: 0;
        margin-bottom: 0;
    }
    .iMessage-r .box-img01 .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .iMessage-r .box-img02 {
        width: fit-content;
        margin-left: auto;
        margin-top: 24px;
    }
    .iMessage-r .box-img02 .img {
        width: min(45.87vw, 250px);
        height: min(48.53vw, 260px);
        left: 0;
    }
    .iMessage-r .box-img02 .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .iMessage-c {
        width: 100%;
        margin-top: -20px;
    }
    .iMessage-c .txt {
        padding: 0 20px;
    }
    .iMessage-c .txt>p {
        font-size: 16px;
    }
    .iMenu {
        margin-top: -17px;
        padding-top: 65px;
        padding-bottom: 40px;
    }
    .iMenu-ttl {
        margin-bottom: 25px;
    }
    .iMenu-ttl h2 {
        letter-spacing: 0.1em;
    }
    .iMenu:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background: url(../images/idx-bg-menu-sp.png) no-repeat top center;
        background-size: 100% 100%;
        width: 101%;
        height: 34px;
        top: -34px;
    }
    .iMenu:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 101vw;
        height: calc(100% + 34px);
        top: 0;
        background: var(--clr3);
    }
    .iMenu-fx {
        flex-direction: column;
        padding: 0;
    }
    .iMenu-fx:before {
        content: "";
        position: absolute;
        left: -286px;
        top: 68px;
        background: url(../images/idx-menu-bg01-sp.png) no-repeat center;
        background-size: contain;
        width: 746px;
        height: 874px;
        z-index: -1;
    }
    .iMenu-fx.iMenu-fx02 {
        padding: 0;
        margin-top: 40px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-r {
        margin-left: 0;
        margin-right: auto;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-r .img img {
        border-top-right-radius: 50px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l {
        padding: 0 20px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .idx-ttl-en02 {
        margin-bottom: 5px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame {
        border-radius: 10px;
        margin: 24px auto 0;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame .ttl {
        line-height: 1.45em;
        padding-top: 14px;
        padding-bottom: 20px;
        background: url(../images/idx-menu-hr-sp.svg) no-repeat bottom center;
        background-size: 100% 4px;
        margin-bottom: 15px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame-fx {
        padding: 0 min(5.33vw, 20px);
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame-fx ul {
        width: 50%;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame-fx ul li {
        font-size: min(3.53vw, 16px);
        margin-bottom: 20px;
        letter-spacing: -0.5px;
        line-height: 1.3em;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame-fx ul li:before {
        width: min(4vw, 15px);
        height: min(4vw, 15px);
        margin-top: 3px;
        margin-right: min(1.33vw, 5px);
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame .ttl02 {
        font-size: min(4.27vw, 16px);
        padding-top: 12px;
        padding-bottom: 18px;
    }
    .iMenu-fx.iMenu-fx02 .iMenu-l .iMenu-frame .ttl02 span {
        margin-top: 3px;
        display: block;
        font-size: min(5.33vw, 20px);
    }
    .iMenu .idx-list-menu.st02 {
        width: fit-content;
        margin-top: 40px;
        justify-content: flex-start;
        max-width: min(89.33vw, 440px);
        margin-left: auto;
        margin-right: auto;
    }
    .iMenu .idx-list-menu.st02 li {
        max-width: min(43.2vw, 210px);
    }
    .iMenu-r {
        order: 1;
        width: calc(100% - 20px);
        margin-left: auto;
    }
    .iMenu-r .img img {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 10px;
        height: min(53.33vw, 300px);
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .iMenu-l {
        margin-top: 24px;
        padding: 0 20px;
        margin-right: 0;
        order: 2;
    }
    .iMenu-l h3 {
        letter-spacing: 0.1em;
        margin-bottom: 11px;
        font-size: min(5.87vw, 26px) !important;
    }
    .iMenu-l h3 br:nth-child(2) {
        display: none;
    }
    .iMenu-l .txt>p {
        font-size: min(4.27vw, 16px);
    }
    .idx-ttl-en02 {
        font-size: min(3.47vw, 16px);
        margin-bottom: 3px;
    }
    .idx-list-menu {
        flex-wrap: wrap;
        width: 100%;
        margin-top: 33px;
        max-width: min(89.33vw, 440px);
        margin-left: auto;
        margin-right: auto;
    }
    .idx-list-menu li {
        max-width: min(43.2vw, 210px);
        width: calc(100% / 2 - 5px);
        margin-right: min(2.67vw, 10px) !important;
        margin-bottom: 10px;
    }
    .idx-list-menu li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .idx-list-menu li a {
        min-width: auto;
        width: 100%;
        min-height: 70px;
        font-size: min(4.27vw, 16px);
        border-radius: 10px;
        padding: 0 10px 0 14px;
    }
    .idx-list-menu li a:before {
        right: 12px;
    }
    .idx-list-menu li a .ico {
        margin-right: 3px;
    }
    .idx-list-menu li a .ico img {
        width: 25px;
        height: auto;
    }
    .iTreatment {
        background: url(../images/idx-bg-treatment-sp.png) no-repeat center;
        background-size: 100% 100%;
        min-height: min(126.93vw, 800px);
        margin-top: -4px;
        padding-top: 0;
        display: flex;
        align-items: center;
    }
    .iTreatment .inner_big {
        padding: 0 20px;
        width: 100%;
    }
    .iTreatment h3 {
        margin-bottom: 12px;
        font-size: min(5.87vw, 26px);
    }
    .iTreatment .txt {
        margin-bottom: 33px;
    }
    .iTreatment .txt>p {
        font-size: min(4.27vw, 18px);
        letter-spacing: 0;
    }
    .iTreatment .idx-list-btn li {
        max-width: min(43.2vw, 200px);
        width: 50%;
    }
    .iTreatment .idx-list-btn li a {
        min-height: 60px;
        min-width: auto;
        width: 100%;
        border-radius: 30px;
        font-size: 16px;
        padding-left: 25px;
    }
    .iTreatment02 {
        margin-top: -30px;
        padding-top: 30px;
        padding-bottom: 214px;
    }
    .iTreatment02 .inner_big {
        padding: 0 20px;
    }
    .iTreatment02 h3 {
        font-size: min(5.87vw, 25px) !important;
    }
    .iTreatment02-frame {
        padding-top: 0;
        padding: 0 20px;
        padding-top: 45px;
        max-width: 500px;
    }
    .iTreatment02-frame:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        background: url(../images/idx-bg-treatment02-sp.png) no-repeat top center;
        background-size: 100% 100%;
    }
    .iTreatment02-fx {
        flex-direction: column;
        padding-bottom: 40px;
        margin-bottom: 43px;
    }
    .iTreatment02-fx:before {
        display: block;
        width: calc(100% + 35px);
        border-radius: 0;
        left: 50%;
        transform: translate(-50%);
        bottom: initial;
        top: 127px;
        height: 72%;
    }
    .iTreatment02-fx:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        margin: 0 auto;
        background: url(../images/idx-treatment-hr-sp.svg) no-repeat bottom center;
        background-size: 100% auto;
        width: 100%;
        height: 4px;
    }
    .iTreatment02-fx.st02:before {
        left: 50%;
        height: 63.5%;
        right: initial;
    }
    .iTreatment02-fx.st02 .iTreatment02-img .img img {
        border-radius: 10px;
        border-top-right-radius: 50px;
    }
    .iTreatment02-fx.st02 .iTreatment02-cnt {
        padding: 0;
    }
    .iTreatment02-fx.last:before {
        height: 65.5%;
    }
    .iTreatment02-fx.last .iTreatment02-img {
        margin-bottom: 22px;
    }
    .iTreatment02-fx.last .iTreatment02-cnt {
        padding-right: 0;
    }
    .iTreatment02-fx.last .iTreatment02-cnt h3 {
        margin-bottom: 10px;
    }
    .iTreatment02-fx.last .iTreatment02-cnt .txt {
        margin-bottom: 33px;
    }
    .iTreatment02-fx.last .iTreatment02-cnt .idx-list-btn li:last-child a {
        padding-right: 10px;
        padding-left: 15px;
        line-height: 1.3em;
    }
    .iTreatment02-fx.last .iTreatment02-cnt .idx-list-btn li:last-child a:before {
        right: 15px;
    }
    .iTreatment02-cnt {
        order: 2;
        padding: 0;
    }
    .iTreatment02-cnt .txt {
        margin-bottom: 33px;
    }
    .iTreatment02-cnt .txt>p {
        font-size: min(4.27vw, 16px);
    }
    .iTreatment02-img {
        order: 1;
        margin-bottom: 25px;
    }
    .iTreatment02-img .img img {
        height: min(40vw, 300px);
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        border-top-left-radius: 50px;
    }
    .iTreatment02 .idx-list-btn {
        max-width: min(78.67vw, 440px);
        margin: 0 auto;
    }
    .iTreatment02 .idx-list-btn li {
        max-width: min(37.87vw, 210px);
        margin-right: 10px;
        margin-bottom: 10px;
        width: calc(100% / 2 - 5px);
    }
    .iTreatment02 .idx-list-btn li a {
        min-width: auto;
        font-size: min(3.8vw, 16px);
        min-height: 60px;
        border-radius: 30px;
    }
    .idx_gallery .list .item:nth-child(odd) {
        margin-top: 0;
    }
    .idx_gallery .list .item:nth-child(even) {
        margin-top: 30px;
    }
    .idx_gallery .list .item img {
        height: 200px;
        width: 310px;
    }
    .iFeature {
        padding-bottom: 104px;
        padding-top: 68px;
    }
    .iFeature-ttl {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: min(22.13vw, 83px);
    }
    .iFeature-ttl:before {
        left: -41vw;
        bottom: -45px;
        background: url(../images/idx-feature-ico01.svg) no-repeat center;
        background-size: contain;
        width: min(117.33vw, 600px);
        height: min(92vw, 500px);
        z-index: -1;
    }
    .iFeature-ttl h2 {
        line-height: 1.5em;
        margin-top: -20px;
    }
    .iFeature-fx {
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 50px;
    }
    .iFeature-fx.st02 {
        margin-top: 4px;
    }
    .iFeature-fx.st02 .box-img01 {
        order: 1;
        margin-top: 45px;
    }
    .iFeature-fx.st02 .box-img01 img {
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 50px;
    }
    .iFeature-fx.st02 .box-img02 {
        order: 2;
    }
    .iFeature-fx.st02 .box-img02 .img img {
        border-radius: 10px;
        border-top-left-radius: 50px;
    }
    .iFeature-fx.st02 .box-img02 .stt {
        right: initial;
        left: 55px;
        top: 26px;
    }
    .iFeature-fx.st02 .iFeature-cnt {
        order: 3;
        padding: 20px;
    }
    .iFeature-fx.st02 .iFeature-cnt h4 {
        margin-bottom: 2px;
    }
    .iFeature-fx .box-img01 {
        width: 112px;
        margin-top: 0;
    }
    .iFeature-fx .box-img01 img {
        object-fit: cover;
        height: min(58.67vw, 300px);
        width: auto;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 50px;
    }
    .iFeature-fx .box-img02 {
        width: calc(100% - 132px);
        margin-left: auto;
        margin-top: 39px;
        position: initial;
    }
    .iFeature-fx .box-img02 img {
        height: min(58.67vw, 300px);
        object-fit: cover;
        width: 100%;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 10px;
    }
    .iFeature-fx .box-img02:before {
        width: 121px;
        height: 94px;
    }
    .iFeature-fx .box-img02 .stt {
        position: absolute;
        left: 55px;
        top: -19px;
        width: min(20.8vw, 90px);
        height: min(20.8vw, 90px);
        font-size: min(9.6vw, 40px);
    }
    .iFeature-fx .box-img02 .stt span {
        font-size: min(2.67vw, 13px);
    }
    .iFeature-fx02 {
        flex-direction: column;
    }
    .iFeature-fx02 .box-cnt {
        margin-top: 0;
        margin-right: auto;
        width: calc(100% - 40px);
        margin-bottom: min(19.33vw, 80px);
    }
    .iFeature-fx02 .box-cnt:last-child {
        margin-bottom: 0;
        margin-left: auto;
    }
    .iFeature-fx02 .box-cnt:last-child img {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 10px;
    }
    .iFeature-fx02 .box-cnt:last-child .cnt {
        padding: 0 20px;
        bottom: min(3.2vw, 30px);
    }
    .iFeature-fx02 .box-cnt:last-child .cnt h4 {
        margin-bottom: 5px;
        font-size: min(5.33vw, 23px);
    }
    .iFeature-fx02 .box-cnt:last-child .stt {
        top: min(-5.33vw, -50px);
        left: 50px;
    }
    .iFeature-fx02 .box-cnt img {
        border-top-right-radius: 50px;
        height: min(80vw, 360px);
        object-fit: cover;
        width: 100%;
        border-bottom-right-radius: 10px;
    }
    .iFeature-fx02 .box-cnt .cnt {
        bottom: min(3.2vw, 30px);
        padding: 0 20px;
    }
    .iFeature-fx02 .box-cnt .cnt h4 {
        font-size: min(5.33vw, 24px);
        margin-bottom: 5px;
    }
    .iFeature-fx02 .box-cnt .cnt .txt {
        font-size: min(4.27vw, 16px);
    }
    .iFeature-fx02 .box-cnt .stt {
        width: min(20.8vw, 90px);
        height: min(20.8vw, 90px);
        font-size: min(9.6vw, 40px);
        right: 50px;
        top: min(-5.33vw, -50px);
    }
    .iFeature-fx02 .box-cnt .stt span {
        font-size: min(2.67vw, 13px);
        letter-spacing: 0.01em;
    }
    .iFeature-cnt {
        order: 3;
        padding: 22px 20px;
    }
    .iFeature-cnt h4 {
        margin-bottom: 0;
        font-size: min(5.33vw, 23px);
    }
    .iFeature-cnt .txt>p {
        font-size: min(4.27vw, 16px);
    }
    .iGreeting {
        padding-top: 55px;
    }
    .iGreeting:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background: url(../images/idx-bg-menu-sp.png) no-repeat top center;
        background-size: 100% 100%;
        width: 101%;
        height: 34px;
        top: -34px;
    }
    .iGreeting:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 100vw;
        height: calc(100% + 34px);
        top: 0;
        background: var(--clr3);
    }
    .iGreeting .inner_big {
        padding: 0 20px;
    }
    .iGreeting-fx {
        flex-direction: column;
        padding: 0;
    }
    .iGreeting-fx:before {
        right: -250px;
        bottom: -172px;
        width: 477px;
        height: 552px;
    }
    .iGreeting-img {
        margin-right: 0;
        margin-left: -100px;
        margin-top: 108px;
        width: fit-content;
    }
    .iGreeting-img:before {
        content: "";
        position: absolute;
        right: -74px;
        top: -26px;
        background: url(../images/idx-greeting-ico01-sp.png) no-repeat center;
        background-size: contain;
        width: min(82.67vw, 410px);
        height: min(50.4vw, 290px);
        z-index: 1;
    }
    .iGreeting-img .img {
        width: min(93.33vw, 500px);
        height: min(93.33vw, 500px);
    }
    .iGreeting-img .box-name {
        width: 181px;
        height: 175px;
        padding-top: 47px;
        right: -85px;
    }
    .iGreeting-cnt {
        position: initial;
        margin-top: 19px;
    }
    .iGreeting-cnt:before {
        top: 27px;
        right: -105px;
        width: min(60.27vw, 350px);
        height: min(60.53vw, 351px);
    }
    .iGreeting-cnt .idx-ttl-en {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
    }
    .iGreeting-cnt h2 {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 28px;
        text-align: center;
        letter-spacing: 0.1em;
    }
    .iGreeting-cnt h3 {
        margin-bottom: 15px;
        font-size: min(5.87vw, 24px) !important;
    }
    .iGreeting-cnt .txt>p {
        font-size: 16px;
        line-height: 2em;
    }
    .iGreeting-cnt .idx-list-btn {
        margin-top: 32px;
        justify-content: center;
    }
    .iGreeting-cnt .idx-list-btn li {
        max-width: min(43.2vw, 210px);
        width: 100%;
    }
    .iGreeting-cnt .idx-list-btn li a {
        border-radius: 30px;
        font-size: 16px;
        min-height: 60px;
        min-width: 100%;
    }
    .idx-map {
        height: min(70vw, 300px);
    }
    .iRecruit {
        padding-top: min(12vw, 80px);
        padding-bottom: 94px;
        background: url(../images/idx-recruit-bg-sp.png) no-repeat bottom center;
        background-size: cover;
    }
    .iRecruit .inner_big {
        padding: 0 20px;
    }
    .iRecruit .inner_big:before {
        width: 140px;
        height: 130px;
        right: -15px;
        bottom: -52px;
    }
    .iRecruit-frame {
        max-height: 100%;
        padding-top: 50px;
    }
    .iRecruit-frame:after {
        right: -47px;
        top: -24px;
        background: url(../images/idx-recruit-ico02.png) no-repeat center;
        background-size: contain;
        width: min(29.33vw, 150px);
        height: min(30.4vw, 160px);
    }
    .iRecruit-frame .ttl {
        width: 162px;
        height: 86px;
        left: -10px;
        top: -39px;
    }
    .iRecruit-frame:before {
        content: "";
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
    .iRecruit-fx {
        flex-direction: column;
    }
    .iRecruit-fx .box-cnt {
        padding: 0 30px 50px;
    }
    .iRecruit-fx .box-cnt h4 {
        margin-bottom: 14px;
        font-size: min(5.33vw, 24px);
    }
    .iRecruit-fx .box-cnt .txt {
        margin-bottom: 22px;
    }
    .iRecruit-fx .box-cnt .txt>p {
        font-size: min(4.27vw, 16px);
    }
    .iRecruit-fx .box-cnt .idx-btn02 {
        width: fit-content;
        margin: 0 auto;
    }
    .iRecruit-fx .box-cnt .idx-btn02 a {
        min-height: 60px;
        font-size: 16px;
        letter-spacing: 0.2em;
        padding-left: 25px;
        min-width: 232px;
    }
    .iRecruit-fx .box-cnt .idx-btn02 a:before {
        width: 6px;
        height: 10px;
        right: 20px;
    }
    .iRecruit-fx .box-img {
        margin-right: 0;
        margin-bottom: -70px;
    }
    .iRecruit-fx .box-img img {
        height: min(76.27vw, 400px);
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
}

@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: 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: 424px) and (max-width: 768px) {
    .idx-list-menu li a {
        padding: 0 20px 0 14px;
    }
}

@media only screen and (min-width: 639px) and (max-width: 768px) {
    .iTreatment02 h3,
    .iTreatment02 .idx-ttl-en02 {
        text-align: center;
    }
    .iTreatment02-cnt .txt {
        text-align: center;
    }
    .iMenu-l .txt>p br {
        display: none;
    }
}


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