@charset "UTF-8";
.home_page .key {
    --height: 50vw;
    --min-height: 67em;
    --max-height: 67em;
    height: var(--height);
    min-height: var(--min-height);
    max-height: var(--max-height);
    font-size: 0.625em;
}

.home_page .key .idx-box-list-main {
    margin-left: auto;
    margin-top: -15.6em;
    position: relative;
    margin-right: 10em;
    max-width: 61.9em;
    z-index: 1;
}

.home_page .key .idx-box-list-main:before {
    content: "";
    position: absolute;
    left: -8.7em;
    top: 7.5em;
    background: url(../images/idx-bg-list-main-ico02.png) no-repeat center;
    background-size: 100% 100%;
    width: 11.1em;
    height: 16.7em;
    z-index: -2;
}

.home_page .key .idx-box-list-main:after {
    content: "";
    position: absolute;
    right: -16em;
    top: 4.3em;
    background: url(../images/idx-bg-list-main-ico01.png) no-repeat center;
    background-size: 100% 100%;
    width: 19.8em;
    height: 19.7em;
    z-index: -2;
}

.home_page .key .idx-list-main {
    display: flex;
    background: url(../images/idx-bg-list-main.png) no-repeat center;
    background-size: 100% 100%;
    height: 24em;
}

.home_page .key .idx-list-main li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.home_page .key .idx-list-main li .ttl {
    font-size: 1.5em;
    color: var(--main-color);
    text-align: center;
    font-weight: 500;
    line-height: 1.4em;
    letter-spacing: 0.09em;
}

.home_page .key .idx-list-main li:first-child {
    width: 13.6em;
    height: 9.6em;
    background: url(../images/idx-bg-main-list01.png) no-repeat center;
    background-size: 100% 100%;
    top: -0.9em;
    left: 0.3em;
    padding-bottom: 0.8em;
}

.home_page .key .idx-list-main li:nth-child(2) {
    width: 14.9em;
    height: 10.9em;
    background: url(../images/idx-bg-main-list02.png) no-repeat center;
    background-size: 100% 100%;
    top: -5em;
    left: 0.8em;
    padding-bottom: 1.3em;
}

.home_page .key .idx-list-main li:nth-child(3) {
    width: 15.7em;
    height: 9.6em;
    background: url(../images/idx-bg-main-list03.png) no-repeat center;
    background-size: 100% 100%;
    top: -3em;
    left: 2em;
    padding-bottom: 1.2em;
}

.home_page .key .idx-list-main li:nth-child(4) {
    width: 14.9em;
    height: 11em;
    background: url(../images/idx-bg-main-list04.png) no-repeat center;
    background-size: 100% 100%;
    top: -5.7em;
    left: 2.9em;
    padding-bottom: 1.5em;
}

.home_page .key .mv_slider {
    display: flex;
	justify-content:center;
}

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

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

.home_page .key .key_text {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url(../images/idx-main-mask.png);
    background: url(../images/idx-bg-main.jpg) no-repeat center;
    background-size: cover;
}

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

.home_page .key .catch {
    padding: 10px;
    margin: 0px auto;
    max-width: 800px;
    text-align: center;
}

.home_page .key .catch .title,
.home_page .key .catch p {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    text-shadow: 0 0 5px rgba(51, 51, 51, 0.05), 0 0 5px rgba(51, 51, 51, 0.05), 0 0 5px rgba(51, 51, 51, 0.05), 0 0 5px rgba(51, 51, 51, 0.05), 0 0 5px rgba(51, 51, 51, 0.05), 0 0 5px rgba(51, 51, 51, 0.2), 0 0 10px rgba(51, 51, 51, 0.2), 0 0 15px rgba(51, 51, 51, 0.2), 0 0 10px rgba(51, 51, 51, 0.2), 0 0 10px rgba(51, 51, 51, 0.2);
}

.home_page .key .catch .title {
    margin-bottom: 0.5681818182em;
    font-size: 4.4em;
}

.home_page .key .catch p {
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1.8em;
}

.home_page .idx-box-news {
    background: #fff;
    position: relative;
    z-index: 1;
    max-width: 29.0625em;
    border-radius: 10px;
    margin-top: -9.125em;
    margin-left: 4.375em;
    padding: 1.1875em 1.9375em 1.75em;
}

.home_page .idx-box-news .ttl {
    font-size: 1.03125em;
    font-family: var(--f-en);
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 0;
}

.home_page .idx-box-news .idx-btn {
    position: absolute;
    right: 1.875em;
    top: -1.25em;
}

.home_page .idx-box-news ul li {
    margin-bottom: 0.5em;
}

.home_page .idx-box-news ul li:last-child {
    margin-bottom: 0;
}

.home_page .idx-box-news ul li a {
    text-decoration: none;
    position: relative;
    display: flex;
    padding-right: 1.5em;
    align-items: center;
    padding: 0.15em 1.5em 0.12em 0;
}

.home_page .idx-box-news ul li a:beforE {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(../images/idx-ico-arr01.svg) no-repeat center;
    background-size: 100% 100%;
    width: 1.125em;
    height: 1.125em;
}

.home_page .idx-box-news ul li a .date {
    font-size: 0.84375em;
    color: #a8a99d;
    letter-spacing: 0.1em;
    font-family: var(--f-en);
    padding-right: 0.8888888889em;
    border-right: 1px solid #e4e4e4;
    margin-right: 1.1em;
    font-weight: 700;
}

.home_page .idx-box-news ul li a .ttl {
    font-size: 0.875em;
    color: var(--clr1);
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_page .idx-btn a {
    text-decoration: none;
    min-height: 2.6666666667em;
    min-width: 9.0666666667em;
    max-width: 9.0666666667em;
    border-radius: 2em;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.8125em;
    background: #fff;
    font-size: 0.9375em;
    transition: 0.3s all;
    position: relative;
}

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

.home_page .topic_path {
    display: none;
}

.home_page .idx-ttl-en {
    font-size: 0.875em;
    font-family: var(--f-en);
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--main-color);
    margin-bottom: 0.3571428571em;
}

.home_page h2 {
    position: relative;
    margin-bottom: 1em;
    color: var(--main-color);
    font-family: var(--f-jp);
    font-size: 1.875em;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.7em;
}

.home_page h3 {
    color: var(--main-color);
    font-family: var(--f-jp);
    font-size: 1.625em;
    line-height: 1.55em;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0.8461538462em;
}

@media only screen and (min-width: 769px) {
	.iContact-bnr a:hover{color:#fff;}
    .iMedical-box .idx-list-btn li a:hover,
    .iPoint-ttl .idx-list-btn li a:hover,
    .iGreeting-cnt .idx-list-btn li a:hover {
        background: #fff;
        color: var(--main-color);
        box-shadow: 0 0 0 1px var(--main-color);
    }
    .iCare .idx-list-btn li a:hover {
        background: #fff;
        color: var(--clr2);
        box-shadow: 0 0 0 1px var(--clr2);
    }
    .home_page .idx-btn a:hover {
        background: var(--main-color);
        color: #fff;
        transition: 0.3s all;
        opacity: 1;
    }
    .iMess-list li a:hover {
        opacity: 1;
    }
    .iMess-list li a:hover .ttl {
        color: var(--main-color);
        transition: 0.3s all;
    }
    .iSym-list li a:hover {
        opacity: 1;
        transition: 0.3s all;
    }
    .iSym-list li a:hover .img img {
        transform: scale(1.2);
    }
    .iSym-list li a:hover .ttl {
        color: var(--main-color);
        transition: 0.3s all;
    }
    .iDisea-list li a:hover .ttl {
        color: var(--main-color);
        transition: 0.3s all;
    }
    .iDisea-list li a:hover {
        opacity: 1;
    }
    .iDisea-list li a:hover:before {
        right: 0.5em;
        transition: 0.3s all;
    }
    .idx-list-btn li a:hover {
        opacity: 1;
    }
    .idx-list-btn li a:hover:before {
        right: 0.5em;
        transition: 0.3s all;
    }
    .idx-list-btn li a:hover {
        transition: 0.3s all;
        color: #fff;
    }
}

#mainContent {
    background: #fbf7ef;
}

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

.index0 {
    padding: 9.375em 0px 6.25em;
    background: #fbf7ef;
    margin-top: -3.125em;
}

.index0-fx {
    display: flex;
    align-items: flex-start;
    width: calc(100% - 3.75em);
    margin-left: auto;
    background: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 4.0625em 4.0625em 4.3em;
    border: 1px solid var(--main-color);
    border-right: 0;
    position: relative;
    z-index: 2;
}

.index0-fx:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100vw;
    height: calc(100% + 2px);
    background: #fff;
    z-index: -1;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.index0-fx .cnt-txt {
    font-size: 0.875em;
    margin-left: 1.6428571429em;
    margin-top: 0.7142857143em;
}

.iMess {
    position: relative;
    z-index: 1;
}

.iMess:before {
    content: "";
    position: absolute;
    left: 0;
    top: -23em;
    width: calc(100% - 3.125em);
    background: #fff;
    height: calc(100% + 23em);
    z-index: -1;
    max-width: 96.5625em;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(142, 195, 30, 0.2);
}

.iMess-fx {
    padding-left: 5.625em;
    display: flex;
    padding-top: 0.8125em;
    padding-bottom: 6.25em;
    position: relative;
    z-index: 1;
}

.iMess-fx:before {
    content: "";
    position: absolute;
    left: -0.625em;
    right: 0;
    bottom: -10.25em;
    margin: 0 auto;
    background: url(../images/idx-mess-bg.png) no-repeat center;
    background-size: 100% 100%;
    width: 80em;
    height: 35.75em;
    z-index: -1;
}

.iMess-fx .box-cnt {
    margin-right: 3.75em;
}

.iMess-fx .box-cnt .txt {
    margin-bottom: 2.3125em;
}

.iMess-fx .box-cnt .txt>p {
    line-height: 2.65em;
}

.iMess-fx .box-img {
    flex-shrink: 0;
    margin-right: -0.625em;
    margin-top: 0.5em;
    position: relative;
    z-index: 1;
}

.iMess-fx .box-img:before {
    content: "";
    position: absolute;
    left: -6.875em;
    top: -4.125em;
    background: url(../images/idx-mess-ico05.svg) no-repeat center;
    background-size: 100% 100%;
    width: 13.0625em;
    height: 11.8125em;
    z-index: -1;
}

.iMess-fx .box-img .img img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.iMess-list {
    display: flex;
}

.iMess-list li {
    width: 25%;
    background: #fbf7ef;
    height: 7.8125em;
    max-width: 7.5em;
    margin-right: 0.5375em;
    border-radius: 5px;
}

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

.iMess-list li a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 1.25em;
    position: relative;
	padding-bottom:1em;
}

.iMess-list li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.625em;
    margin: 0 auto;
    background: url(../images/idx-ico-arr01.svg) no-repeat center;
    background-size: 100% 100%;
    width: 1.125em;
    height: 1.125em;
}

.iMess-list li a span {
    display: block;
}

.iMess-list li a .ico {
    height: 3.125em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.625em;
}

.iMess-list li a .ttl {
        font-size: 1.0625em;
    color: var(--clr1);
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
}

.box-ttl {
    text-align: center;
    padding-top: 2.1875em;
    margin-bottom: 4.125em;
    position: relative;
}

.box-ttl:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 0.71875em;
    height: 1.875em;
    background: var(--main-color);
    border-radius: 6px;
    margin: 0 auto;
}

.box-ttl h2 {
    margin-bottom: 0;
    font-size: 2.25em;
    font-weight: 500;
    color: var(--clr1);
}

.box-ttl .idx-ttl-en {
    line-height: 1.3em;
}

.iSym {
    padding-top: 4.375em;
}

.iSym-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 67.5em;
    margin: 0 auto;
    position: relative;
}

.iSym-list:before {
    content: "";
    position: absolute;
    right: -5.625em;
    top: -10.375em;
    background: url(../images/idx-sym-ico01.png) no-repeat center;
    background-size: 100% 100%;
    width: 18.125em;
    height: 11.6875em;
    z-index: 1;
}

.iSym-list:after {
    content: "";
    position: absolute;
    left: -4.6875em;
    bottom: -13.75em;
    background: url(../images/idx-sym-ico02.png) no-repeat center;
    background-size: 100% 100%;
    width: 18.5625em;
    height: 19.0625em;
    z-index: 3;
}

.iSym-list li {
    width: 20%;
    margin-right: 1.5625em;
    max-width: 12.25em;
    margin-bottom: 1.5em;
}

.iSym-list li:nth-child(5n) {
    margin-right: 0;
}

.iSym-list li a {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    text-decoration: none;
    padding-bottom: 0.9375em;
    transition: 0.3s all;
}

.iSym-list li a span {
    display: block;
}

.iSym-list li a .img {
    margin-bottom: 0.875em;
    overflow: hidden;
}

.iSym-list li a .img img {
    transition: 0.3s all;
}

.iSym-list li a .ttl {
    font-size: 1.1875em;
    color: var(--clr1);
    font-weight: 500;
    margin-bottom: 0.2631578947em;
    letter-spacing: 0.05em;
    transition: 0.3s all;
}

.iSym-list li a .ico {
    line-height: 0;
}

.iDisea {
    padding-top: 6em;
	padding-bottom:8em;
}

.iDisea .inner {
    max-width: 75em;
    padding: 0 0.625em;
}

.iDisea-box {
    background: #fff;
    border-radius: 10px;
    padding: 1.875em 3.125em 4.0625em;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px 0 rgba(142, 195, 30, 0.2);
}

.iDisea-box:before {
    content: "";
    position: absolute;
    left: -0.875em;
    top: -3em;
    background: url(../images/idx-disea-bg-ico01.svg) no-repeat center;
    background-size: 100% 100%;
    width: 11.5625em;
    height: 10.4375em;
}

.iDisea-box:after {
    content: "";
    position: absolute;
    right: -2em;
    top: -5.4375em;
    background: url(../images/idx-disea-bg-ico02.svg) no-repeat center;
    background-size: 100% 100%;
    width: 18.5em;
    height: 12.5em;
}

.iDisea .box-ttl {
    margin-bottom: 3em;
}

.iDisea-list {
    display: flex;
    flex-wrap: wrap;
}

.iDisea-list li {
    width: 25%;
    margin-right: 0.90625em;
    max-width: 16.1875em;
    margin-bottom: 0.9375em;
}

.iDisea-list li:nth-child(4n) {
    margin-right: 0;
}

.iDisea-list li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    background: #fbf7ef;
    border-radius: 5px;
    min-height: 6.25em;
    padding-left: 1.1875em;
    position: relative;
}

.iDisea-list li a:before {
    content: "";
    position: absolute;
    right: 0.9375em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(../images/idx-ico-arr01.svg) no-repeat center;
    background-size: 100% 100%;
    width: 1.125em;
    height: 1.125em;
    transition: 0.3s all;
}

.iDisea-list li a .ico {
    width: 3.125em;
    margin-right: 0.9375em;
}

.iDisea-list li a .ttl {
    color: var(--clr1);
    font-size: 1.0625em;
    font-weight: 600;
    line-height: 1.4em;
    transition: 0.3s all;
}

.box-ttl02 {
    padding-left: 2.375em;
    position: relative;
    margin-bottom: 1.875em;
}

.box-ttl02:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8125em;
    bottom: 0;
    margin: auto 0;
    width: 0.71875em;
    height: 5em;
    border-radius: 6px;
    background: var(--clr2);
}

.box-ttl02 h2 {
    font-size: 2.25em;
    font-weight: 500;
    color: var(--clr1);
    margin-bottom: 0;
}

.box-ttl02 .idx-ttl-en {
    color: var(--clr2);
    line-height: 1.2em;
}
.iCare{
	display:none;
}
.iCare {
    background: #f1f8fc;
    margin-top: -5.5em;
    position: relative;
    padding-top: 9.375em;
    padding-bottom: 7.5em;
}

.iCare:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -2.625em;
    width: 120em;
    height: 2.625em;
    background: url(../images/idx-care-bg01.png) no-repeat center;
    background-size: 100% 100%;
}

.iCare h3 {
    color: var(--clr2);
}

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

.iCare-fx:beforE {
    content: "";
    position: absolute;
    left: -20.625em;
    top: -11.8125em;
    background: url(../images/idx-care-ico01.png) no-repeat center;
    background-size: 100% 100%;
    width: 72.6875em;
    height: 68em;
    z-index: -1;
}

.iCare-cnt {
    padding-top: 3.25em;
    margin-right: 3.125em;
}

.iCare-img {
    flex-shrink: 0;
    margin-right: -0.625em;
    margin-top: 3.5625em;
}

.iCare-img img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.iCare-box {
    background: #fff;
    border-radius: 10px;
    position: relative;
    max-width: 73.75em;
    margin: 0 auto;
    z-index: 1;
    margin-top: -4.75em;
    padding: 3.125em 3.125em 2.1875em;
    box-shadow: 0 0 10px 0 rgba(146, 188, 217, 0.2);
}

.iCare-box-fx {
    display: flex;
    justify-content: space-between;
}

.iCare-box-cnt {
    margin-right: 3.0625em;
}

.iCare-box-cnt .box-frame {
    background: url(../images/idx-bg-care.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 1.875em;
    padding-top: 1.25em;
    padding-bottom: 1.8125em;
    padding-right: 1.75em;
    position: relative;
    margin-bottom: 1.875em;
}

.iCare-box-cnt .box-frame:before {
    content: "など";
    color: var(--clr2);
    position: absolute;
    bottom: 1.8125em;
    right: 1.9375em;
    font-size: 1em;
}

.iCare-box-cnt .box-frame .ttl {
    font-size: 1.25em;
    color: var(--clr2);
    border-bottom: 2px dotted var(--clr2);
    width: fit-content;
}

.iCare-box-cnt .box-frame ul li {
    font-size: 1em;
    position: relative;
    padding-left: 0.9375em;
    margin-bottom: 0.46875em;
}

.iCare-box-cnt .box-frame ul li:last-child {
    margin-bottom: 0;
}

.iCare-box-cnt .box-frame ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5625em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--clr2);
}

.iCare-map {
    flex-shrink: 0;
}

.iCare-map img {
    border-radius: 5px;
}

.iMedical {
    height: 55.625em;
    background: url(../images/idx-bg-medical.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-top: 7.4375em;
}

.iMedical .inner {
    max-width: 75em;
    padding: 0 0.625em;
}

.iMedical-box {
    background: #fff;
    max-width: 31.875em;
    border-radius: 10px;
    padding-top: 2.8125em;
    padding-left: 3.125em;
    padding-right: 2.25em;
    padding-bottom: 2.25em;
}

.iMedical-box .box-ttl02:before {
    background: vaR(--main-color);
}

.iMedical-box .box-ttl02 .idx-ttl-en {
    color: vaR(--main-color);
}

.iMedical-box .txt {
    margin-bottom: 1.4375em;
}

.iMedical-box .txt>p {
    letter-spacing: 0.1em;
}

.iMedical-box .idx-list-btn li {
    width: 50%;
    max-width: 12.75em;
}

.iMedical-box .idx-list-btn li a {
    background: var(--main-color);
}

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

.iMedical-box .idx-list-btn li:nth-child(3n) {
    margin-right: 0.9375em;
}

.iGreeting {
    position: relative;
    margin-top: 0.625em;
    background: #fff;
    padding-top: 6.5625em;
}

.iGreeting:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -2.5em;
    background: url(../images/idx-bg-greeting.png) no-repeat center;
    background-size: 100% 100%;
    height: 2.5em;
    width: 120em;
}

.iGreeting .inner {
    max-width: 75em;
    position: relative;
    z-index: 1;
    padding: 0 0.625em;
}

.iGreeting .inner:before {
    content: "";
    position: absolute;
    right: -2.5em;
    bottom: -10em;
    background: url(../images/idx-greeting-ico02.png) no-repeat center;
    background-size: 100% 100%;
    width: 38.75em;
    height: 35em;
    z-index: -1;
}

.iGreeting-fx {
    display: flex;
    padding-right: 8.75em;
    padding-bottom: 6.5625em;
    position: relative;
}

.iGreeting-fx:before {
    content: "";
    position: absolute;
    right: 0;
    top: -12.1875em;
    background: url(../images/idx-greeting-img01.jpg) no-repeat center;
    background-size: 100% 100%;
    border-radius: 5px;
    width: 20.375em;
    height: 16.75em;
}

.iGreeting-img {
    margin-right: 5.75em;
    flex-shrink: 0;
    position: relative;
    height: fit-content;
}

.iGreeting-img img {
    border-radius: 5px;
}

.iGreeting-img .box-name {
    background: url(../images/idx-greeting-ico01.png) no-repeat center;
    background-size: 100% 100%;
    width: 9.5625em;
    height: 9.75em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -2.1875em;
    bottom: -2.0625em;
}

.iGreeting-img .box-name span {
    text-align: center;
    display: block;
    color: vaR(--main-color);
}

.iGreeting-img .box-name .sub-name {
    font-size: 1em;
}

.iGreeting-img .box-name .name {
    font-weight: 600;
    font-size: 1.375em;
}

.iGreeting-cnt {
    padding-top: 1.5625em;
}

.iGreeting-cnt h2 {
    font-size: 2.25em;
    color: vaR(--clr1);
    margin-bottom: 0;
}

.iGreeting-cnt .idx-ttl-en {
    line-height: 1.25em;
    margin-bottom: 3.7142857143em;
}

.iGreeting-cnt h3 {
    line-height: 1.75em;
    font-size: 1.875em;
    font-weight: 600;
    margin-bottom: 0.9333333333em;
}

.iGreeting-cnt .txt {
    margin-bottom: 2.3125em;
}

.iGreeting-cnt .txt>p {
    line-height: 2.65em;
}

.iGreeting-cnt .idx-list-btn li {
    max-width: 10.625em;
}

.iGreeting-cnt .idx-list-btn li a {
    background: var(--main-color);
}

.iPoint {
    padding-top: 5.9375em;
    padding-bottom: 7em;
    position: relative;
    z-index: 1;
    background: #fbf7ef;
}

.iPoint .inner_sm {
    max-width: 68.75em;
    position: relative;
    padding: 0 0.625em;
}

.iPoint .inner_sm:before {
    content: "";
    position: absolute;
    left: -7.4375em;
    top: -18.5625em;
    background: url(../images/idx-greeting-ico03.png) no-repeat center;
    background-size: 100% 100%;
    width: 33.5625em;
    height: 15.4375em;
}

.iPoint-fx {
    display: flex;
    position: relative;
}

.iPoint-fx:before {
    content: "FEATURE";
    position: absolute;
    left: 100%;
    top: -0.3958333333em;
    font-size: 6em;
    color: #fff;
    font-family: var(--f-en);
    writing-mode: tb-rl;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.iPoint-ttl {
    flex-shrink: 0;
    margin-right: 4em;
    position: absolute;
    height: fit-content;
    width: 100%;
    height: 100%;
}

.iPoint-box-ttl.fixed {
    position: fixed;
}

.iPoint-box-ttl.abs {
    position: absolute;
    bottom: 0 !important;
}

.iPoint-ttl:before {
    display: none;
    content: "";
    position: absolute;
    lefT: -1.375em;
    bottom: -20.4375em;
    background: url(../images/idx-point-ico01.png) no-repeat center;
    background-size: 100% 100%;
    width: 25.875em;
    height: 23.1875em;
}

.iPoint-ttl h2 {
    color: var(--clr1);
    font-weight: 600;
    font-size: 2.25em;
}

.iPoint-ttl h2 .fs01 {
    letter-spacing: 0.095em;
    font-size: 0.6666666667em;
    line-height: 1em;
}

.iPoint-ttl h2 .fs02 {
    font-size: 1.2222222222em;
    color: vaR(--main-color);
    line-height: 1.2em;
    margin-left: -0.0409090909em;
    position: relative;
}

.iPoint-ttl h2 .fs02:beforE {
    content: "";
    position: absolute;
    left: -0.4545454545em;
    right: 0;
    top: -0.2045454545em;
    bottom: 0;
    margin: auto;
    width: 2.9545454545em;
    height: 2.9545454545em;
    background: #f7f0e1;
    border-radius: 50%;
    z-index: -1;
}

.iPoint-ttl h2 .fs02 label {
    font-size: 1.3636363636em;
    font-family: var(--f-en);
}

.iPoint-ttl .idx-list-btn {
    margin-top: 2.375em;
}

.iPoint-ttl .idx-list-btn li {
    max-width: 10.625em;
    width: 100%;
}

.iPoint-ttl .idx-list-btn li a {
    background: var(--main-color);
}

.iPoint-list {
    margin-top: 1.5em;
    margin-left: auto;
    max-width: 40.375em;
}

.iPoint-list li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 3.75em;
    border-bottom: 2px dotted var(--main-color);
    margin-bottom: 4.375em;
}

.iPoint-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.iPoint-list li .box-cnt {
    margin-right: 2.5em;
}

.iPoint-list li .box-cnt .stt {
    min-width: 7em;
    min-height: 2.2777777778em;
    border: 1px solid var(--main-color);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 1.125em;
    font-family: var(--f-en);
    width: fit-content;
    background: #fff;
    margin-bottom: 1.2222222222em;
    font-weight: 600;
}

.iPoint-list li .box-cnt h3 {
    font-size: 1.4375em;
    line-height: 1.5em;
    margin-bottom: 0.3913043478em;
}

.iPoint-list li .box-cnt .txt>p {
    letter-spacing: 0.12em;
}

.iPoint-list li .img {
    flex-shrink: 0;
    height: fit-content;
}

.iPoint-list li .img img {
    border-radius: 5px;
}

.idx_gallery {
    position: relative;
    z-index: 2;
}

.idx_gallery .item {
    margin: 0 0.6875em;
}

.idx_gallery .item:nth-child(even) {
    margin-top: 2.5em;
}

.idx_gallery .item img {
    border-radius: 5px;
}

.iContact {
    position: relative;
    z-index: 1;
    margin-top: -8.3125em;
    padding-top: 15.8125em;
    padding-bottom: 7.5em;
}
.iContact-frame{
    border: 2px solid var(--main-color);
    padding: 10px 30px 20px;
    max-width: 43.746445601294894em;
    margin: 0 auto 1.2498984457512827em;
    background: #fbf7ef;
}
.iContact-list li{
	display:flex;
}
.iContact-frame .ttl-list{
	font-weight:500;
}
.iContact .txt-c{
	text-align:center;
	margin-bottom:30px;
}
.iContact-bnr{
	 max-width: 43.746445601294894em;
    margin: 0 auto 20px;
}

.iContact .inner {
    max-width: 75em;
    padding: 0 0.625em;
}

.iContact:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    background: url(../images/idx-bg-ct.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 100%;
    width: 120em;
    z-index: -1;
}

.iContact-img {
    text-align: center;
    position: relative;
}

.iContact-fx {
    display: none;
    justify-content: space-between;
    margin-bottom: 2.5em;
}

.iContact-fx .box-cnt {
    background: #fbf7ef;
    border-radius: 5px;
    width: 100%;
    max-width: 32.3125em;
    padding: 1.875em 1.875em 0.9375em;
}

.iContact-fx .box-cnt .ttl {
    font-size: 1.25em;
    min-height: 2.75em;
    background: #fff;
    border-radius: 30px;
    color: var(--main-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    margin-bottom: 0.6em;
}

.iContact-fx .box-cnt .txt {
    text-align: center;
    font-size: 1.125em;
    padding-bottom: 0.6666666667em;
    border-bottom: 2px dotted var(--main-color);
    margin-bottom: 1.1111111111em;
}

.iContact-fx .box-cnt .tel {
    margin-bottom: 0.875em;
}

.iContact-fx .box-cnt .tel a {
    text-decoration: none;
    font-size: 2.71875em;
    font-family: var(--f-en);
    font-weight: 600;
    display: flex;
    align-items: center;
    color: var(--main-color);
    letter-spacing: 0.045em;
    line-height: 1em;
}

.iContact-fx .box-cnt .tel a .ico {
    line-height: 0;
    margin-right: 0.3448275862em;
}

.iContact-fx .box-cnt .fx-time {
    display: flex;
    align-items: flex-start;
}

.iContact-fx .box-cnt .fx-time .ttl-time {
    font-size: 1em;
    color: #fff;
    background: var(--main-color);
    border-radius: 5px;
    display: block;
    padding: 0.5em 0.84375em;
    line-height: 1.5em;
    margin-right: 0.3125em;
}

.iContact-fx .box-cnt .fx-time .txt-time {
    letter-spacing: 0.05em;
    margin-top: -0.3125em;
    line-height: 1.4em;
    text-align: right;
}

.iContact-fx .box-cnt .idx-list-email {
    display: flex;
}

.iContact-fx .box-cnt .idx-list-email li {
    width: 50%;
    max-width: 13.625em;
    margin-right: 1.25em;
}

.iContact-fx .box-cnt .idx-list-email li:last-child {
    margin-right: 0;
}

.iContact-fx .box-cnt .idx-list-email li a {
    text-decoration: none;
    border-radius: 5px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--clr1);
    min-height: 6.1111111111em;
    font-size: 1.125em;
    font-family: var(--f-en);
    letter-spacing: 0;
}

.iContact-fx .box-cnt .idx-list-email li a .ico {
    margin-bottom: 0.5555555556em;
}

.iContact-box {
    background: #fff;
    border-radius: 10px;
    padding: 4.3125em 3.75em 4.9375em;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(142, 195, 30, 0.2);
}

.iContact-box .img01,
.iContact-box .img02 {
    position: absolute;
}

.iContact-box .img01:before,
.iContact-box .img02:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.3125em;
    margin: 0 auto;
    background: url(../images/idx-ct-img-bg.svg) no-repeat center;
    background-size: 100% 100%;
    width: 9.6875em;
    height: 3.3125em;
    mix-blend-mode: lighten;
    opacity: 0.4;
    z-index: -1;
    filter: brightness(1) invert(0.1);
}

.iContact-box .img01 {
    left: 2.8125em;
    bottom: -4.875em;
}

.iContact-box .img02 {
    right: 3.375em;
    bottom: -4.625em;
}

.iContact-box .img02:before {
    bottom: -1.5625em;
    left: -0.25em;
}

.iContact-box:before {
    content: "";
    position: absolute;
    inset: 0.625em;
    border: 2px dotted var(--main-color);
    border-radius: 10px;
    z-index: -1;
}

.iContact-box h2 {
    font-size: 1.5625em;
    text-align: center;
    width: fit-content;
    margin: 0 auto 1.56em;
    letter-spacing: 0.1em;
    color: var(--clr1);
    position: relative;
    padding: 0 3.4em;
}

.iContact-box h2 label {
    font-size: 0.8em;
}

.iContact-box h2:before,
.iContact-box h2:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0.2em;
    margin: auto 0;
    width: 3em;
    height: 5.72em;
}

.iContact-box h2:before {
    background: url(../images/idx-ico-ttl01.svg) no-repeat center;
    background-size: 100% 100%;
    left: 0;
}

.iContact-box h2:after {
    background: url(../images/idx-ico-ttl02.svg) no-repeat center;
    background-size: 100% 100%;
    right: 0;
}

.iContact-box h2 span {
    font-size: 1.64em;
    color: var(--main-color);
    font-weight: 600;
    display: inline-block;
    margin-top: 0.1951219512em;
    position: relative;
    z-index: 1;
    padding-bottom: 0.1463414634em;
}

.iContact-box h2 span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 0.3414634146em;
    width: 100%;
    background: #fbf7ef;
    z-index: -1;
}

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

.idx-list-btn li {
    width: 33.3333333333%;
    margin-right: 0.9375em;
    margin-bottom: 0.9375em;
    max-width: 11.875em;
}

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

.idx-list-btn li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    min-height: 3.6666666667em;
    border-radius: 5px;
    background: var(--clr2);
    color: white;
    font-size: 0.9375em;
    line-height: 1.3em;
    padding-left: 1.3333333333em;
    position: relative;
    padding-right: 2em;
    transition: 0.3s all;
}

.iCare .idx-list-btn li a:before {
    background: url(../images/idx-ico-arr02.svg) no-repeat center;
    background-size: contain;
}

.idx-list-btn li a:before {
    content: "";
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.2em;
    height: 1.2em;
    background: url(../images/idx-ico-arr03.svg) no-repeat center;
    background-size: contain;
    transition: 0.3s all;
}

.idx_map {
    height: 450px;
}

.idx_map iframe {
    height: 100%;
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
     :root {
        --ttl_size: 24px;
    }
    .home_page .key {
        font-size: 0.781vw;
    }
    .home_page .idx-box-news {
        font-size: 1.25vw;
    }
    .index0,
    .iMess,
    .iSym,
    .iDisea,
    .iCare,
    .iMedical,
    .iGreeting,
    .iPoint,
    .idx_gallery,
    .iContact {
        font-size: 1.25vw;
    }
    .iMess-fx .box-img .img img {
        height: 30.5em;
        width: auto;
    }
    .iMess-list li a .ico img {
        width: 3.125em;
        height: auto;
    }
    .iSym-list li a .img img {
        height: 9.375em;
        width: 12.25em;
    }
    .iSym-list li a .ico img {
        width: 1.125em;
        height: auto;
    }
    .iCare-img img {
        width: 42.1875em;
        height: 26.875em;
    }
    .iCare-map img {
        height: 25.625em;
        width: auto;
    }
    .iCare .inner_big {
        padding: 0 0.625em;
    }
    .iGreeting-img img {
        width: 26.125em;
        height: 30.25em;
    }
    .iPoint-list li .img img {
        width: 18.3125em;
        height: 16.3125em;
    }
    .idx_gallery img {
        width: 23.375em;
        height: 14.125em;
    }
    .iContact-fx .box-cnt .tel a .ico img {
        width: 1.2643678161em;
        height: 1.2643678161em;
    }
    .iContact-img img {
        width: 43.75em;
        height: 9.25em;
    }
    .iContact-box .img01 img {
        width: 9.5625em;
        height: 19.25em;
    }
    .iContact-box .img02 img {
        width: 8.75em;
        height: 14.125em;
    }
    .iContact-fx .box-cnt .idx-list-email li a .ico img {
        width: 11em;
        height: 1.375em;
    }
    .bg-icon img {
        width: 24.875em;
        height: auto;
    }
    .bg-icon {
        margin-top: -3.75em;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .index0-fx {
        padding: 4.0625em 1.625em 4.3em;
        width: calc(100% - 1em);
    }
    .index0-fx .cnt-txt {
        font-size: 9px;
    }
    .iCare-box-cnt .box-frame ul li:before {
        width: 4px;
        height: 4px;
    }
    .iCare-box-cnt .box-frame:before {
        right: 0.9375em;
    }
    .iGreeting-cnt .txt>p {
        font-size: 11px;
    }
    .iMess-fx .box-cnt .txt>p {
        font-size: 11px;
    }
    .iPoint-list li .box-cnt .txt>p,
    .iMedical-box .txt>p {
        font-size: 11px;
    }
    .iPoint .inner_sm {
        max-width: 75.75em;
        position: relative;
        padding: 0 0.625em;
    }
    .iPoint-ttl h2 .fs02 {
        margin-left: 0;
    }
    .iMess-fx {
        padding-left: 3.625em;
    }
    .iMess-list li a:before,
    .iSym-list li a .ico img {
        width: 12px;
        height: 12px;
    }
    .bg-icon img {
        width: 22.875em;
        height: auto;
    }
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
     :root {
        --ttl_size: 22px;
    }
}


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