@charset "UTF-8";

.top-information { padding: 14vw 0; }
.top-information-content { width: 90vw; margin: 0 auto; border-bottom: 1px solid #c3c8ce; }
.top-information-items { width: 100%; height: 68vw; margin-bottom: 4vw; overflow-y: scroll; }
.top-information-items li { width: 100%; border-bottom: 1px dashed #9fa3a5; }
.top-information-items li:last-child { border: none; }
.top-information-items a { padding: 5vw 0; }

.top-information-item-time { padding: 1vw 2.5vw; margin-bottom: 2vw; color: #fff; font-size: 3.4vw; font-family: futura-pt; font-weight: 400; text-align: center;  letter-spacing: 0.04em; background: var(--blue); -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; display: table; }
.top-information-item-title { font-size: 3.4vw; line-height: 1.6; }
.top-schedule { padding-bottom: 14vw; }
.top-schedule-content { width: 90vw; margin: 0 auto; }
.top-schedule-table { width: 100%; }
.top-schedule-table iframe{height: 600px;}
.top-schedule-table-note { margin-top: 4vw; color: #6f7475; font-size: 3.4vw; line-height: 1.6; }

.top-about { padding: 18vw 0 18vw; margin-top: 55vw; background: url(../images/top-about-bg.jpg) no-repeat top center; background-size: cover; position: relative; }
.top-about-image01 { width: 92vw; position: absolute; top: -55vw; right: 0; }
.top-about-image01 img { width: 100%; }
.top-about-text { width: 90vw; margin: 0 auto; color: #fff; }

.top-about-title { padding-bottom: 8vw; margin-bottom: 8vw; position: relative; }
.top-about-title:after { content: ''; width: 25vw; height: 1px; background: #fff; opacity: 0.5; position: absolute; bottom: 0; left: 0; }
.top-about-title .typo {font-size: 22vw;font-family: goldenbook;font-weight: 400;letter-spacing: 0.04em;opacity: 0.2;display: block;}
.top-about-title .jp {margin: -8vw 0 5vw;font-size: 6vw;font-family: var(--mincho);font-weight: 600;line-height: 1.4;display: block;}
.top-about-title .en { font-size: 4vw; font-family: futura-pt; font-weight: 400; line-height: 1.4;  letter-spacing: 0.04em; opacity: 0.6; display: block; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-about-comment { margin-bottom: 8vw; }
.top-about-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 2.2; letter-spacing: 0.04em; }

.top-menu { padding: 14vw 0 4vw; margin-top: -5vw; background: #fff; -moz-border-radius: 5vw 5vw 0 0; -webkit-border-radius: 5vw; border-radius: 5vw 5vw 0 0; overflow: hidden; z-index: 1; position: relative; }
.top-menu:before { content: ''; width: 68vw; height: 66vw; background: url(../images/top-menu-deco.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; top: 0; right: 0; }
.top-menu-head { width: 90vw; margin: 0 auto 8vw; }
.top-menu-head-comment { font-size: 3.6vw; text-align: center; line-height: 1.8; }
.top-menu-items { width: 100%; }
.top-menu-items li { width: 100%; margin-bottom: 10vw; position: relative; }
.top-menu-item-image { width: 100%; -moz-border-radius: 5vw 5vw 0 0; -webkit-border-radius: 5vw; border-radius: 5vw 5vw 0 0; overflow: hidden; }
.top-menu-item-image img { width: 100%; }

.top-menu-item-text { width: 85vw; padding: 6vw 0; margin: -10vw auto 0; background: rgba(74, 110, 141, 0.9); -moz-border-radius: 4vw; -webkit-border-radius: 4vw; border-radius: 4vw; z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-menu-item-icon { width: 10vw; margin-right: 3.5vw; }
.top-menu-item-title { min-width: 45vw; color: #fff; }
.top-menu-item-title .jp {margin-bottom: 1.5vw;font-size: 6vw;font-weight: bold;display: block;}
.top-menu-item-title .en { font-size: 3.3vw; font-family: futura-pt; font-weight: 400;  letter-spacing: 0.04em; display: block; }

.top-search { padding-bottom: 14vw; background: #fff; }
.top-search-tab-items { width: 90vw; margin: 0 auto 4vw; border-bottom: 4px solid #5bbef7; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-search-tab-item { width: 32%; height: 14vw; background: #fff; border: 1px solid #b0b0b0; -moz-border-radius: 2vw 2vw 0 0; -webkit-border-radius: 2vw; border-radius: 2vw 2vw 0 0; cursor: pointer; z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.top-search-tab-item.active { color: #fff; background: #5bbef7; border-color: #5bbef7; }
.top-search-tab-item-title { padding-top: 0.5vw; font-size: 3.6vw; font-weight: bold; text-align: center; line-height: 1.2; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.top-search-items { width: 90vw; margin: 0 auto; }
.top-search-item { display: none; }
.top-search-item.active { display: block; }

.top-search-initems { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-search-initems li { width: 43vw; height: 16vw; margin-bottom: 4vw; font-size: 3.6vw; font-weight: bold; text-align: center; line-height: 1.4; background: var(--bluebg); position: relative; }
.top-search-initems a { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-search-initems a:after { content: ''; width: 3vw; aspect-ratio: 1; clip-path: polygon(0 100%, 100% 0, 100% 100%); background: #b2c6d1; pointer-evens: none; position: absolute; right: 1.5vw; bottom: 1.5vw; }

.top-guidance { padding: 82vw 0 10vw; background: #b9e1ed url(../images/top-guidance-bg.jpg) no-repeat top center; background-size: 100%; position: relative; }
.top-guidance-text { width: 90vw; margin: 0 auto 8vw; }
.top-guidance-subtitle { color: #fff; font-size: 7.8vw; font-family: futura-pt; font-weight: 400; line-height: 1.2;  letter-spacing: 0.06em; -ms-writing-mode: tb-rl; writing-mode: tb-rl; position: absolute; top: 8vw; right: 5vw; }
.top-guidance-title { margin-bottom: 5vw; font-size: 5.6vw; font-family: var(--mincho); font-weight: 600; }
.top-guidance-title .title { padding: 1.5vw 1.5vw 1vw; margin-bottom: 1.5vw; }
.top-guidance-title .title.tablet{display: none;}
.top-guidance-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-guidance-movie {width: 90vw;margin: 0 auto;}
.top-guidance-movie-box { width: 100%; height: 50vw; margin-bottom: 4vw; background: #fff; }
.top-guidance-movie-box video{width: 100%;}

.top-banner { padding: 14vw 0 8vw; }
.top-banner-items { width: 90vw; margin: 0 auto; }
.top-banner-items li { width: 100%; margin-bottom: 6vw; }
.top-banner-items img { width: 100%; }

.top-clinic { padding-bottom: 14vw; background: #fff; }
.top-clinic-head { width: 100%; height: 120vw; background: url(../images/top-clinic-bg.jpg) no-repeat top center; background-size: cover; position: relative; }
.top-clinic-typo { width: 100%; color: #fff; font-size: 25.26vw; font-family: goldenbook; font-weight: 400; text-align: center; line-height: 0.9;  letter-spacing: 0.04em; position: absolute; bottom: -3.5vw; left: 0; }
.top-clinic-content { padding-top: 1px; }
.top-clinic-image { width: 115vw; margin-top: -6vw; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-clinic-image img { width: 100%; }
.top-clinic-text { width: 90vw; margin: -4vw auto 8vw; }
.top-clinic-title { margin-bottom: 5vw; color: var(--blue); font-size: 5vw; font-weight: bold; position: relative; display: table; }
.top-clinic-title:after { content: ''; width: 14vw; height: 1px; background: var(--blue); opacity: 0.5; position: absolute; top: 50%; right: -16vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-clinic-comment { margin-bottom: 6vw; }
.top-clinic-comment p { margin-bottom: 4vw; font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.top-clinic-date { padding: 2.5vw 5vw; background: var(--bluebg); position: relative; }
.top-clinic-date:before { content: ''; width: 10vw; height: 10vw; border-top: 2px solid var(--naby); border-left: 2px solid var(--naby); position: absolute; top: 0; left: 0; }
.top-clinic-date:after { content: ''; width: 10vw; height: 10vw; border-right: 2px solid var(--naby); border-bottom: 2px solid var(--naby); position: absolute; right: 0; bottom: 0; }
.top-clinic-date dl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-clinic-date dt { width: 20%; padding: 4.5vw 0 4vw 1vw; font-size: 3.4vw; font-weight: bold;  letter-spacing: 0.04em; border-bottom: 1px solid #c2c7ca; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.top-clinic-date dt:nth-of-type(3) { border: none; }
.top-clinic-date dd { width: 80%; padding: 4.5vw 0 4vw; border-bottom: 1px solid #c2c7ca; }
.top-clinic-date dd:nth-of-type(3) { border: none; }
.top-clinic-date .address { font-size: 3.4vw; line-height: 1.6; }
.top-clinic-date .tel { color: var(--naby); font-size: 5.4vw; font-family: futura-pt; font-weight: 500;  letter-spacing: 0.04em; }
.top-clinic-date .tel:before { content: 'Tel.'; font-size: 70%; display: inline-block; }
.top-clinic-date .fax { color: var(--naby); font-size: 5.4vw; font-family: futura-pt; font-weight: 500;  letter-spacing: 0.04em; }
.top-clinic-date .fax:before { content: 'Fax.'; font-size: 70%; display: inline-block; }
.top-clinic-map { width: 90vw; height: 65vw; margin: 0 auto; }

.top-features { padding: 14vw 0; background: url(../images/top-features-bg.jpg) no-repeat top center; background-size: cover; overflow: hidden; }
.top-features-head { width: 90vw; margin: 0 auto 8vw; }
.top-features-title { margin-bottom: 5vw; color: #fff; }
.top-features-title .en { font-size: 17.89vw; font-family: goldenbook; font-weight: 400;  letter-spacing: 0.04em; opacity: 0.2; display: block; }
.top-features-title .jp { margin-top: -6vw; font-size: 7vw; font-weight: bold; display: block; }
.top-features-head-comment { color: #fff; font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-features-items { width: 100%; }
.top-features-items .slick-list { overflow: visible; }
.top-features-items .prev { width: 14vw; height: 14vw; color: var(--blue); font-size: 6.4vw; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; top: 0; left: 5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-features-items .next { width: 14vw; height: 14vw; color: var(--blue); font-size: 6.4vw; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; top: 0; left: 22vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }

.top-features-item { width: 100vw; margin: 0 32vw; }
.top-features-item-image { width: 85vw; margin: 0 -15vw 0 auto; z-index: 2; position: relative; }
.top-features-item-image img { width: 100%; }
.top-features-item-text { width: 90vw; margin: -25vw auto 0; z-index: 1; position: relative; }
.top-features-item-text:before { content: ''; width: 115vw; height: 115vw; background: #fff; -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; z-index: -1; position: absolute; top: 53%; left: 38%; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.top-features-item-badge { width: 35vw; margin-bottom: 8vw; }
.top-features-item-title { margin-bottom: 2.5vw; color: var(--blue); font-size: 5.4vw; font-weight: bold; line-height: 1.4; }

.top-features-item-comment { margin-bottom: 5vw; }
.top-features-item-comment p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-features-more-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-features-more-items li { margin-right: 5vw; }

.top-recruit { padding-bottom: 14vw; }
.top-recruit-image { width: 100%; margin-bottom: 10vw; }
.top-recruit-text { width: 90vw; margin: 0 auto; }
.top-recruit-title { margin-bottom: 5vw; }
.top-recruit-title .en { margin-bottom: 2.5vw; font-size: 6.4vw; font-family: goldenbook; font-weight: 400;  letter-spacing: 0.04em; display: block; }
.top-recruit-title .jp { color: var(--blue); font-size: 5.6vw; font-family: var(--mincho); font-weight: 600; line-height: 1.4; display: block; }
.top-recruit-comment { margin-bottom: 5vw; }
.top-recruit-comment p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.top-blog-content {width: 90vw;margin: 0 auto;}
.top-blog-items { width: 100%; }
.top-blog-items li { width: 100%; border-bottom: 1px dashed #9fa3a5; }
.top-blog-items li:last-child { border: none; }
.top-blog-items a { padding: 5vw 0; }

.top-blog-items { width: 100%; }
.top-blog-items li { width: 100%; border-bottom: 1px dashed #9fa3a5; }
.top-blog-items li:last-child { border: none; }
.top-blog-items a { padding: 5vw 0; }
.top-blog-item-time { padding: 1vw 2.5vw; margin-bottom: 2vw; color: #fff; font-size: 3.4vw; font-family: futura-pt; font-weight: 400; text-align: center;  letter-spacing: 0.04em; background: var(--blue); -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; display: table; }
.top-blog-item-title { font-size: 3.4vw; line-height: 1.6; }

.top-banner02 { padding: 14vw 0 8vw; }

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.top-information {padding: 120px 0 40px;}
.top-information-content {width: clamp(730px, 90%, 1200px);display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.top-information-title, .top-schedule-title {width: 300px;margin: 0;margin-right: 3vw;}
.top-information-items {height: 196px;margin-bottom: 40px;max-width: 880px;}
.top-information-items a { padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-information-item-time { width: 120px; padding: 5px 0 4px; margin: 0 25px 0 0; font-size: 15px; }
.top-information-item-title { padding-top: 1px; font-size: 15px; flex: 1; }

.top-schedule { padding-bottom: 120px; position: relative; }
.top-schedule:before { content: ''; width: 374px; height: 710px; background: url(../images/top-schedule-deco.png) no-repeat top center; background-size: 100%; mix-blend-mode: multiply; position: absolute; bottom: 0; left: 0; }
.top-schedule-content {width: clamp(730px, 90%, 1200px);display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.top-schedule-table { width: 885px; }
.top-schedule-table-note { margin-top: 20px; font-size: 12px; }

.top-about { padding: 160px 0 260px; margin: 0; background: none; z-index: 1; }
.top-about:before {content: '';width: calc(50vw + 340px);height: 100%;background: url(../images/top-about-bg-pc.jpg) no-repeat top center;background-size: cover;-moz-border-radius: 0 60px 0 0;-webkit-border-radius: 0;border-radius: 0 60px 0 0;z-index: 1;position: absolute;top: 0;left: 0;}
.top-about:after { content: ''; width: 663px; height: 698px; background: url(../images/top-about-deco.png) no-repeat top center; background-size: 100%; mix-blend-mode: multiply; position: absolute; top: -140px; right: 0; }
.top-about-content {z-index: 2;width: clamp(730px, 90%, 1200px);margin: 0 auto;position: relative;}
.top-about-image01 {z-index: 1;top: -250px;right: -130px;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;width: clamp(400px, 3.448px + 53.879vw, 650px);}

.top-about-text { width: 640px; margin: 0; }
.top-about-title { padding-bottom: 50px; margin-bottom: 50px; }
.top-about-title:after { width: 120px; }
.top-about-title .typo {margin-left: 4vw;white-space: nowrap;font-size: clamp(70px, -56.897px + 17.241vw, 150px);}
.top-about-title .jp { margin: -40px 0 12px; font-size: 30px; }
.top-about-title .en { font-size: 18px; }
.top-about-comment { margin-bottom: 40px; }
.top-about-comment p { font-size: 16px; }
.top-about-image02 {width: 240px;position: absolute;bottom: -300px;left: auto;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;right: 70px;}
.top-about-image02 img{width: 100%;}

.top-menu { padding: 120px 0 100px; margin-top: -60px; -moz-border-radius: 60px 60px 0 0; -webkit-border-radius: 60px; border-radius: 60px 60px 0 0; }
.top-menu:before {width: 930px;height: 563px;background: url(../images/top-menu-deco-pc.png) no-repeat top -160px left;background-size: 80%;top: 0;right: auto;left: 0;}
.top-menu-head { width: 100%; margin-bottom: 60px; }
.top-menu-head-comment { font-size: 16px; }
.top-menu-items {width: 90%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;gap: 0 120px;max-width: 1740px;padding-left: 2vw;}
.top-menu-items li {margin-bottom: 0px;width: calc((100% - 240px) / 3);}
.top-menu-items li:nth-child(3n+1) { margin-top: 100px; }
.top-menu-items li:nth-child(3n+2) { margin-top: 50px; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-menu-items li:nth-child(3n) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.top-menu-items a { padding-bottom: 90px; z-index: 1; position: relative; }
.top-menu-items a:after {content: '';width: calc((100% + 20px));height: 90%;background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZmJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZWFmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f6fbff), color-stop(100%, #d2eaf8));background: -moz-linear-gradient(left, #f6fbff, #d2eaf8);background: -webkit-linear-gradient(left, #f6fbff, #d2eaf8);background: linear-gradient(to right bottom, #f6fbff, #d2eaf8);-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;z-index: -1;position: absolute;bottom: 0;left: -60px;max-height: 300px;}
.top-menu-item-image {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;z-index: 1;position: relative;min-width: 300px;}
.top-menu-item-text {width: 400px;padding: 1vw 0 1vw 1vw;margin: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;position: absolute;bottom: 40px;left: -60px;-webkit-justify-content: flex-start;justify-content: flex-start;max-width: 400px;width: 100%;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.top-menu-item-icon {margin-right: 14px;width: 90%;max-width: 65px;}
.top-menu-item-title { min-width: 0; }
.top-menu-item-title .jp {margin-bottom: 10px;font-size: 28px;font-size: clamp(20px, 1.7vw, 26px);}
.top-menu-item-title .en { font-size: 14px; }

.top-search { padding-bottom: 120px; }
.top-search-tab-items {width: clamp(730px, 90%, 1200px);margin-bottom: 30px;}
.top-search-tab-item { width: 33%; height: 70px; padding-top: 6px; border: none; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px; border-radius: 12px 12px 0 0; }
.top-search-tab-item.active { border: none; }
.top-search-tab-item.active:nth-child(1) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon01-white.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item.active:nth-child(2) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon02-white.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item.active:nth-child(3) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon03-white.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item:nth-child(1) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon01.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item:nth-child(2) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon02.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item:nth-child(3) .top-search-tab-item-title { background: url(../images/top-search-tab-item-icon03.png) no-repeat center left; background-size: auto 100%; }
.top-search-tab-item-title { padding: 5px 0 5px 40px; font-size: 20px; }
.top-search-items {width: clamp(730px, 90%, 1200px);}
.top-search-initems{-webkit-justify-content: flex-start;justify-content: flex-start;gap: 0 10px;}
.top-search-initems:before { content: ''; width: 290px; order: 1; }
.top-search-initems:after { content: ''; width: 290px; }
.top-search-initems li {height: 70px;margin-bottom: 14px;font-size: 16px;width: -webkit-calc((100% - 60px) / 4);width: calc((100% - 30px) / 4);}
.top-search-initems a:after { width: 12px; right: 5px; bottom: 5px; }

.top-guidance { padding: 120px 0; background: url(../images/top-guidance-bg-pc.jpg) no-repeat top center; background-size: cover; }
.top-guidance-content {width: clamp(730px, 90%, 1200px);margin: 0 auto;}
.top-guidance-text {width: 590px;margin: 0 0 80px;}
.top-guidance-subtitle {margin-bottom: 30px;-ms-writing-mode: lr-tb;writing-mode: lr-tb;position: relative;top: 0;right: 0;font-size: clamp(20px, 10.483px + 1.293vw, 26px);}
.top-guidance-title { margin-bottom: 40px; font-size: 28px; }
.top-guidance-title .title { padding: 6px 8px; margin-bottom: 10px; display: table; }
.top-guidance-title .title.tablet{display: table;}
.top-guidance-comment p { font-size: 16px; }
.top-guidance-movie {width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.top-guidance-movie-box {width: 48%;max-height: 300px;margin: 0;height: 100%;min-height: 200px;}

.top-banner { padding: 120px 0 80px; }
.top-banner-items {width: clamp(730px, 90%, 1200px);display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.top-banner-items li {max-width: 580px;margin-bottom: 40px;width: 48%;}

.top-clinic { padding-bottom: 120px; }
.top-clinic-head {height: 550px;margin-bottom: 140px;background: url(../images/top-clinic-bg-pc.jpg) no-repeat top center;background-size: cover;}
.top-clinic-typo { width: 1200px; font-size: 150px; text-align: left; letter-spacing: 10px; bottom: -22px; left: calc(50% - 600px); }
.top-clinic-content {width: clamp(730px, 90%, 1200px);margin: 0 auto;position: relative;}
.top-clinic-image {width: 675px;margin: 0;position: absolute;top: -185px;right: -130px;left: auto;-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);width: clamp(500px, 222.414px + 37.716vw, 675px);}
.top-clinic-text {width: 580px;margin: 0 0 150px;position: relative;z-index: 2;}
.top-clinic-title { margin-bottom: 25px; font-size: 20px; }
.top-clinic-title:after { width: 100px; right: -110px; }
.top-clinic-comment { margin-bottom: 40px; }
.top-clinic-comment p { margin-bottom: 20px; font-size: 16px; }
.top-clinic-date { padding: 10px 30px; }
.top-clinic-date:before, .top-clinic-date:after { width: 40px; height: 40px; }
.top-clinic-date dt { width: 15%; padding: 20px 0 20px 5px; font-size: 16px; }
.top-clinic-date dd { width: 85%; padding: 20px 0; }
.top-clinic-date .address { font-size: 16px; }
.top-clinic-date .tel, .top-clinic-date .fax { font-size: 24px; }
.top-clinic-map { width: 100%; height: 360px; }

.top-features { padding: 120px 0; background: url(../images/top-features-bg-pc.jpg) no-repeat top center; background-size: cover; }
.top-features-head {width: clamp(730px, 90%, 1200px);margin: 0 auto;}
.top-features-title { margin-bottom: 30px; }
.top-features-title .en {font-size: clamp(80px, 16.552px + 8.621vw, 120px);}
.top-features-title .jp { margin-top: -30px; font-size: 30px; }
.top-features-head-comment { font-size: 16px; }
.top-features-items { padding-bottom: 250px; margin-top: -40px; }
.top-features-items .prev {width: 70px;height: 70px;font-size: 30px;top: auto;bottom: 100px;left: calc(50% + 80px);}
.top-features-items .next {width: 70px;height: 70px;font-size: 30px;top: auto;bottom: 100px;left: calc(50% + 360px);}
.top-features-items .slick-dots { width: 210px; bottom: 127px; left: calc(50% + 150px); }
.top-features-items .slick-dots li { width: 12px; height: 12px; margin: 0 5px; }
.top-features-item {max-width: 850px;padding-top: 240px;margin: 0 110px;position: relative;width: 90vw;}

.top-features-item-image {width: 600px;margin: 0;z-index: 2;position: absolute;top: 0;right: -125px;width: clamp(460px, 237.931px + 30.172vw, 600px);}
.top-features-item-image:after { content: ''; width: 340px; height: 340px; background: var(--bluebg); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; opacity: 0.2; z-index: -1; position: absolute; bottom: -10px; left: 50%; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.top-features-item-text {width: 480px;margin: 0 0 0;}
.top-features-item-text:before {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;top: 65%;left: 50%;width: clamp(500px, 420.690px + 10.776vw, 550px);height: clamp(500px, 420.690px + 10.776vw, 550px);}
.top-features-item-badge { width: 168px; margin: 0 auto 50px; }
.top-features-item-title { margin-bottom: 30px; font-size: 24px; text-align: center; }
.top-features-item-comment { margin-bottom: 40px; }
.top-features-item-comment p { font-size: 16px; }
.top-features-more-items { -webkit-justify-content: center; justify-content: center; }
.top-features-more-items li { margin: 0 10px; }
.top-recruit { padding: 120px 0; }

.top-recruit-content {width: clamp(730px, 90%, 1200px);margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.top-recruit-image {margin: 0;margin: 0 4vw 0 0;width: clamp(400px, 162.069px + 32.328vw, 550px);}
.top-recruit-text { width: 610px; padding-top: 10px; margin: 0; }
.top-recruit-title { margin-bottom: 25px; }
.top-recruit-title .en { margin-bottom: 15px; font-size: 24px; }
.top-recruit-title .jp { font-size: 26px; }
.top-recruit-comment { margin-bottom: 40px; }
.top-recruit-comment p { font-size: 16px; }

.top-blog-content {width: clamp(730px, 90%, 1200px);display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;}
.top-blog-title {width: auto;padding-top: 20px;margin: 0 3vw 0 0;white-space: nowrap;}
.top-blog-items {max-width: 880px;}
.top-blog-items a { padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-blog-item-time { width: 120px; padding: 5px 0 4px; margin: 0 25px 0 0; font-size: 15px; }
.top-blog-item-title { padding-top: 1px; font-size: 15px; flex: 1; }

.top-banner02 { padding: 0 0 120px; }
.top-banner02-items {width: clamp(730px, 90%, 960px);}
.top-banner02-items li {width: 48%;margin: 0;}
 }



@media screen and (min-width: 1200px) { 
.top-about-image01 {z-index: 1;top: 120px;right: -400px;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;width: clamp(400px, -313.793px + 96.983vw, 820px);}
.top-about-image02 { width: 310px; position: absolute; bottom: -80px; left: -400px; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
 
.top-features-item-image {width: 600px;margin: 0;z-index: 2;position: absolute;top: 0;right: -125px;width: clamp(460px, 237.931px + 30.172vw, 600px);}
.top-features-item-image:after { content: ''; width: 340px; height: 340px; background: var(--bluebg); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; opacity: 0.2; z-index: -1; position: absolute; bottom: -10px; left: 50%; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.top-features-item-text { width: 480px; margin: 0 0 0; }
.top-features-item-text:before {width: 550px;height: 550px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;top: 65%;left: 50%;width: clamp(500px, 420.690px + 10.776vw, 550px);height: clamp(500px, 420.690px + 10.776vw, 550px);}
.top-menu:before {width: 930px;height: 563px;background: url(../images/top-menu-deco-pc.png) no-repeat top -250px center;background-size: 100%;top: 0;right: auto;left: 0;}

.top-guidance { padding: 120px 0; background: url(../images/top-guidance-bg-pc.jpg) no-repeat top center; background-size: cover; }
.top-guidance-content {width: clamp(730px, 90%, 1200px);margin: 0 auto;}
.top-guidance-text {width: 680px;}
.top-guidance-movie-box {width: 48%;height: 300px;margin: 0;}
}


 @media screen and (min-width: 736px)and (max-width: 1400px) { 
.top-menu-items{gap: 0 80px;padding-left: 4vw;}
.top-menu-items a:after{left: -40px;}
.top-menu-items li{width: calc((100% - 160px) / 3);}
.top-menu-items li:nth-child(3n+1) {margin-top: 70px;}
.top-menu-items li:nth-child(3n+2) {margin-top: 30px;}
.top-menu-items li:nth-child(3n){margin-top: 0px;}
.top-menu-item-image{min-width: 200px;}
.top-menu-item-text{left: -40px;}
.top-menu-item-icon{width: 50px;}
.top-menu-item-title .en{font-size: 13px;}
}

@media screen and (min-width: 736px)and (max-width: 960px) { 
.top-guidance {padding: 210px 0 100px;background: url(../images/top-guidance-bg-tablet.jpg) no-repeat top right -1vw,#9fd9e8;background-size: contain;}
.top-guidance-text {width: 100%;}
.top-guidance-title .title.pc{display: none;}
.top-guidance-text{margin-bottom: 60px;}
.top-guidance-comment p{padding: 0;text-shadow: 0px 0px 3px #9fd9e8,0px 0px 7px #9fd9e8;}
}

@media screen and (min-width: 960px) { 
.top-guidance-title .title.tablet{display: none;}
}

 /* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.top-schedule:before { background-image: url(../images/top-schedule-deco@2x.png); }
.top-about:before { background-image: url(../images/top-about-bg-pc@2x.jpg) ; }
.top-about:after { background-image: url(../images/top-about-deco@2x.png) ; }
.top-menu:before { background-image: url(../images/top-menu-deco-pc@2x.png); }
.top-search-tab-item.active:nth-child(1) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon01-white@2x.png); }
.top-search-tab-item.active:nth-child(2) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon02-white@2x.png); }
.top-search-tab-item.active:nth-child(3) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon03-white@2x.png); }
.top-search-tab-item:nth-child(1) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon01@2x.png); }
.top-search-tab-item:nth-child(2) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon02@2x.png); }
.top-search-tab-item:nth-child(3) .top-search-tab-item-title { background-image: url(../images/top-search-tab-item-icon03@2x.png); }
.top-guidance { background-image: url(../images/top-guidance-bg-pc@2x.jpg) ; }
.top-clinic-head { background-image: url(../images/top-clinic-bg-pc@2x.jpg) ; }
.top-features { background-image: url(../images/top-features-bg-pc@2x.jpg) ; } 
}


@media screen and (min-width: 736px)and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px)and (max-width: 960px) and (min-resolution: 2dppx) { 
.top-guidance { background-image: url(../images/top-guidance-bg-tablet@2x.jpg) ; }
}