.sp440, .sp360, .sp430 {display:none}

@media screen and (min-width: 751px) {
a[href^="tel:"]{pointer-events: none;}
.sp, .sec01_slide{display:none}
.bnr_fixed_web .txt {-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; -moz-text-orientation: mixed; -ms-text-orientation: mixed; text-orientation: mixed; -ms-writing-mode: tb-rl; text-orientation: upright;}
.bnr_fixed_tel .txt {-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; -moz-text-orientation: mixed; -ms-text-orientation: mixed; text-orientation: mixed; -ms-writing-mode: tb-rl;letter-spacing: 0.12em;}

.noscroll .hamburger, .noscroll .bnr_fixed, .noscroll .to_top {right: calc((100% - min(100%, 1910px)) / 2 - 5px);}


.hamburger:hover, .to_top:hover{background-color: var(--txt);color: #fff;}
.hamburger.is_active:hover .icon {background-image: url("../images/hambuger_close_white.svg")}
.sub ul li a:hover, .nav_list > li >a:hover {color: var(--scolor);}
.btn a:hover {background-color: var(--brown);color: #fff;}
.btn a:hover:after {background-image: url("../images/ic_arr_white.svg");}
.sec04_tab li:not(.current) a:hover {opacity: 0.8;}
.sec07_list li a:hover {background-color: var(--clr1);}
.sec10_list .slick-arrow:hover, .sec14_item_ttl:hover {opacity: 0.7;}
.sec10_list .slick-dots li:not(.slick-active) button:hover {background: var(--clr3);}
.sec15_tab li:not(.current):hover {background-color: var(--mcolor);color: #fff;border-color : var(--mcolor);font-weight: 700;}
.sec15_list .ttl a:hover {text-decoration: none;}
.sec04 .btn a:hover:after {background-image: url("../images/sec04_arr_white.svg");}
}

@media screen and (min-width: 2500px) {
.slide_item {width: 25vw;}
}
@media screen and (min-width: 751px) and (max-width: 1700px){
.h_inner {padding: 0 20px 0 30px;}
.mv {padding-top: 240px;}
.slide_item {width: 350px;}
.main_content { width: 520px; padding: 0 40px; }
.h_txt {gap: 10px;}

}
@media screen and (min-width: 751px) and (max-width: 1500px){
.main_content { width: 500px; padding: 0 30px; }
.h_txt li { width: 170px; font-size: 14px; gap: 5px; padding-left: 10px;}
main {padding-right: 100px;}
}
@media screen and (min-width: 751px) and (max-width: 1400px){
h1 {padding-top: 15px;}
#logo img {width: 380px;}
#logo {margin: 0 0 20px;}
.h_txt li { font-size: 12px; width: 145px; padding-right: 5px;padding-left: 5px;}
.nav_main {padding-top: 50px;padding-bottom: 50px;background-size: auto 450px;background-position: bottom -30px center;}
.mv {padding-top: 205px;}
.slide_item {width: 300px;margin: 0 20px;}
nav:after { width: 180px; height: 80px; right: 20px; }
.nav_list > li:not(:last-child) { padding: 0 0 25px; margin: 0 0 25px; }
}
@media screen and (min-width: 751px) and (max-width: 1300px){
.nav_main {padding-top: 30px;padding-bottom: 30px;}
.nav_list > li:not(:last-child) { padding: 0 0 20px; margin: 0 0 20px; }
.mv { background-size: auto 100%; }
.bnr_fixed li a {font-size: 16px;}
.bnr_fixed li.bnr_fixed_tel a {font-size: 18px;}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
img{max-width:100%; height: auto;}
.swap img{width:auto;}
#wrapper,
header,
main,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc{display:none!important}

/*=====================================================
									C U S T O M
======================================================*/
.nav_main {background:none;width: 100%;border-radius: 0;padding: 0 24px;height: 100%;overflow: auto;}
nav {width: 100%;height: 100%;overflow: auto;background: url("../images/nav_bg_sp.svg") no-repeat bottom -53px left calc(50% - 38px) var(--brown);padding: 56px 0 80px;}
nav:after { width: 171px; height: 76px; right: 20px; }
nav.show {right: 0;}
.sub ul {display: block;height: auto;}
.nav_list > li:last-child .sub ul {height: auto;}
.sub ul li a {display: block;}
.hamburger { width: 64px; height: 64px; right: 0; border-top-left-radius: 0; font-size: 15px; position: absolute;top: -22px;transition: none;}
header.fixed .h_box {position: fixed;background: #fff;padding: 0; display: flex;align-items: center;}
header.fixed h1 {display: none;}
header.fixed #logo {text-align: left;}
header.fixed #logo a {background: none;}
header.fixed #logo img {width: 268px;opacity: 1;}
header.fixed .hamburger {top: 0;border-radius: 0;}
header.fixed .h_inner  {padding: 0 10px;height: 64px;display: flex;align-items: center;}
/*============ HEADER ============*/
.h_inner {padding: 0 24px;}
.h_box { left: 0; width: 100%; padding: 22px 0;position: absolute;}
h1 { padding: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; max-width:calc(100% - 75px); color: #fff;margin: 0 0 26px;}
#logo img {width: 376px;opacity: 0;}
#logo  {text-align: center;margin: 0;}
#logo a {background: url("../images/logo_sp.svg") no-repeat center center/contain;display: inline-block;}
header .h_txt {display: none;}
	.noscroll .h_box {padding-top: 0;}
/*============ Main ============*/
main{display: block;padding: 0;}
.main_content {width: 100%;padding: 0;}
/* MAIN VISUAL */
.mv {display: none;}

/* sec01 */
.sec01 {background-image: url("../images/sec01_ic1_sp.svg");background-size: 97vw auto;padding-top: 199px;background-position: right bottom 316px;overflow: hidden;}
.sec01_slide {display: block;height: 52vw;overflow: hidden;margin-bottom: 164px;}
.sec01_slide.slick-initialized {height: auto;overflow: visible;}
.sec01_slide .slick-list{ overflow: visible;}
.sec01_slide_item {width: 75vw;margin: 0 4vw;}
.sec01_slide_item img {width: 100%;border-radius: 3.5vw;}
.sec01_ttl {margin: 0 0 14vw;}
.sec01_ttl img {width: 52vw;}
.sec01 .h_txt {max-width: 392px;margin: 0 auto;}
/* sec02 */
.sec02 .inner {max-width: 440px;}
/* sec03 */
.sec03_top {max-width: 392px;margin: 0 auto 19px;}
/* sec04 */
.sec04_tab {top: 64px;}
/* sec06 */
.sec06_main {max-width: 392px;margin: 0 auto 40px;}
.sec06_staff_ttl {max-width: 392px;margin: 0 auto 43px;}
/* sec08 */
.sec08_main {max-width: 392px;margin: 0 auto;}
.sec08_bottom {max-width: 440px;margin-left: auto;margin-right: auto;width: 100vw;}
.sec12_img {max-width: 392px;margin: 0 auto 25px;}
.sec12_list { max-width: 392px; margin: 0 auto; }
/* sec13 */
.sec13, .sec13_item:nth-child(6):before, .sec13_item:nth-child(3):before {background-size: 100% auto;}
.sec13_item_img { width: calc(100% - 36px); }
.sec13_item_img img {width: 100%;}
.sec13_item:nth-child(6):before, .sec13_item:nth-child(3):before {width: 100vw;}

/*============ FOOTER ============*/
footer .sec02_main  {max-width: 392px;margin: 0 auto 27px;}
footer .sec02_calendar_txt {max-width: 392px;margin: 0 auto 70px;}
.footer_top .sec02_contact {max-width: 392px;margin: 0 auto 40px;}
.footer_bottom {padding-bottom: 100px;}

/* sp contact */
.bnr_fixed { width: calc(100% - 64px); right: auto; left: 0; display: flex; top: auto; bottom: 0; flex-direction: row; height: auto;opacity: 0;visibility: hidden;transition: all 0.3s;}
.bnr_fixed.show {opacity: 1;visibility: visible;}
.bnr_fixed li { height: 64px; width: 50%; }
.bnr_fixed li a { flex-direction: row; border-bottom-left-radius: 0; border-top-right-radius: 10px; }
.bnr_fixed li.bnr_fixed_tel a { font-size: 18px; }
.bnr_fixed li a:before {width: 23px;height: 18px;}
.bnr_fixed li.bnr_fixed_tel a:before {background-image: url("../images/sec02_ic_tel.svg");width: 19px;height: 27px;}
/* to top */
.to_top { width: 64px; height: 64px; right: 0; bottom: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; opacity: 0;visibility: hidden;}
.to_top.show {opacity: 1;visibility: visible;}
/*============ END 750 ============ */

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
.sp440 {display: block !important;}
.pc440{display: none !important}
.sec01 {background-position: top right;}
.sec08_bottom {margin-left: -48px;margin-right: -48px;}
.sec08_main {margin: 0 -24px;}

}

/* screen-max: 430px */
@media screen and (max-width: 430px) {
.pc430{display: none !important}
.h_inner {padding: 0 15px;}
.sp430 {display: block;}
.sec01_slide {margin-bottom: 70px;}
.sec01 .h_txt li { font-size: 3.3vw; padding: 2vw; gap: 2vw;}
.h_txt li:before { width: 6vw!important; height: 8vw!important; }
.sec02_main { display: block; }
.sec02_main_info { background: transparent; padding: 0 0 25px; margin: 0 0 10px; border-bottom: 2px dashed var(--clr3); }
.sec02_contact_txt { gap: 10px; font-size: 4vw; }
.sec02_contact:after { content: ''; top: 10px; left: 10px; right: 10px; bottom: 10px; position: absolute; z-index: -3;background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23D6D8B8FF' stroke-width='4' stroke-dasharray='0%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); border-radius: 10px;}
.sec02_contact svg {display: none;}
.sec02_contact {text-align: center;z-index: 2;}
.sec02_contact_ttl {display: inline-block;position: relative;z-index: 2;}
.sec02_contact_ttl:after {content: '';position: absolute;width: 100%;height: 50%;left: 0;top: 50%;background: #fff;pointer-events: none;z-index: -2;}
.idx_en_lager { font-size: 21vw; margin-top: -12vw; }
.sec03_ttl { font-size: 9vw; padding: 0 3vw;gap: 3vw; }
.sec03_ttl .txt { width: 13.5vw; margin-top: 53vw;}
.sec03_top_img .img:first-child {width:62vw;}
.sec03_top_img .img:last-child {width:47.5vw;margin-top: -9vw;}
.sec03_point_ttl { font-size: 5.8vw; }
.sec03 {background-size: 63vw auto;}
.sec03_point_item:before { width: 64px; height: 64px; font-size: 30px; }
.sec04_main_ttl { font-size: 5.6vw; white-space: nowrap;}
.sec04_main_txt { font-size: 4.5vw; gap: 2vw; white-space: nowrap;}
.sec04_main_txt:after { width: 20vw; height: 20vw; margin-top: -4vw; }
.sec04_main_txt .lager:before { width: 5vw; height: 5vw; top: -5vw; }
.idx_ttl { font-size: 5.7vw; }
.sec06_doctor { font-size: 5vw; left: 5vw; gap: 3vw; }
.sec06_doctor .txt { width: 13vw; padding: 3vw; }
.sec06_main_img .img:first-child {width: 84vw;}
.sec06_main_img .img:last-child {width: 45vw;margin-top: -17.5vw;}
.sec06 {background-size: 93vw auto;}
.sec06_staff_ttl:before { background-size: 100% auto; width: calc(100% - 10px); left: 5px; }
.sec06_staff_ttl { font-size: 4.5vw; height: 24.5vw; }
.sec07_list { gap: 2vw; }
.sec07_list li { width: calc((100% - 2vw) / 2); font-size: 3.4vw; }
.sec07_list li a { padding: 4vw 3vw; background-size: 13vw auto; height: 43vw; background-position: bottom 3vw right 5vw!important; }
.sec07_list li a:after { width: 2.5vw; height: 2.5vw; right: 3vw; bottom: 3vw; }
.sec07_list li:nth-child(2) a {background-size: 19vw auto;}
.sec07_list li:nth-child(5) a {background-size: 14vw auto;}
.sec07_list li:nth-child(6) a {background-size: 15vw auto;}
.sec07_list li:nth-child(7) a {background-size: 19vw auto;}
.sec07_list li:nth-child(9) a {background-size: 9vw auto;}
.sec07_list li:nth-child(10) a {background-size: 10vw auto;}
.sec08_main:before { width: 46vw; height: 41vw;right: -40px; }
.sec08_main_txt { margin: 0 -24px; }
.sec08_bottom { margin-left: -48px; margin-right: -48px; }
.sec08_bottom_note { width: 54vw; height: 21vw; font-size: 4.3vw; }
.sec08_bottom_txt { width: 48vw; height: 30vw; font-size: 4vw; }
.sec08_bottom_txt:before { width: 8vw; height: 8vw; right: 2vw; top: 2vw; }
.sec08_bottom_txt:after { width: 8vw; height: 8vw; left: 1vw; bottom: 2vw; }
.sec08_bottom_cert { width: 34vw; margin-left: 9vw; }
.sec08_bottom_img { width: 46vw; margin: 0 0 18vw; }
.sec09_list { gap: 40px 5vw; }
.sec09_item { width: calc((100% - 5vw) / 2); }
.sec09_item_ttl { font-size: 4.3vw; }
.sec09_item_img .note { width: 23vw; height: 23vw; font-size: 3.3vw; top: -5vw; right: -2vw; }
.sec09_item_img .note:before { width: 7vw; height: 7vw; left: -3vw; top: -3vw; }
.sec10_main_list li {white-space: normal;}
.sec10_main_ttl { font-size: 5.5vw; }
.sec11_main_ttl { font-size: 3.5vw; }
.sec12_list li { padding: 20px 15px;gap: 20px;font-size: 16px; }
.sec12_img .img:first-child {width: 68vw;}
.sec12_img .img:last-child {width: 34vw;margin-top: -28vw;}
.sec13_item_img { width: 100%; }
.sec13_item_ttl { font-size: 4.8vw; }
.sec13_item_img:before {width: 70px;height: 70px;font-size: 40px;}
.footer_top .h_txt { gap: 2vw; }
.footer_top .h_txt li { width: calc((100% - 2vw) / 2); font-size: 3.3vw; padding: 2vw; }
address { font-size: 3.5vw; }
.bnr_fixed li a { gap: 1vw !important; }

}
/* screen-max: 360px */
@media screen and (max-width: 360px) {
.sp360 {display: block;}
header.fixed #logo img {width: 230px;}
.sec04_main_content { padding-left: 20px; padding-right: 20px; }
.sec07_list li a {padding: 4vw 2vw;}
.sec08_main_txt p { font-size: 15px; }
.sec10 .idx_en_lager { font-size: 80px; }
.sec10_main { padding-left: 25px; padding-right: 25px; }
.sec11 .idx_en_lager { font-size: 49px; }
.sec11_main_ttl { font-size: 4vw; }
.btn a {gap: 10px;}
.sec12_list li { gap: 15px; font-size: 15px;padding: 15px;height: 110px;margin-bottom: 15px; }
.sec12_list li:before { width: 40px; height: 40px; background-size: contain; }
.sec15_tab {gap: 5px;}
.sec15_tab li {font-size: 14px;}
.h_txt li { height: 55px; }
.bnr_fixed li a {font-size: 16px;}
.bnr_fixed li a:before {width: 18px;}
.bnr_fixed li.bnr_fixed_tel a {font-size: 15px;}
.bnr_fixed li.bnr_fixed_tel a:before { width: 14px; }
.to_top {font-size: 14px;}
.to_top:before {width: 16px;}
.sec06_grap_info li {gap: 15px;}
.sec10_ttl { font-size: 22px; }
.sec03_point_item_ttl {font-size: 20px;}
}