.sp440, .sp360{display:none}

@media screen and (min-width: 751px) {
a[href^="tel:"]{pointer-events: none;}
.sp{display:none}
main:after, main:before {content: '';position: absolute;width: 40px;height: 150px;left: 0;top: -150px;z-index: -2;pointer-events: none;background: #656565; background: linear-gradient(0deg, rgba(101, 101, 101, 1) 0%, rgba(101, 101, 101, 0) 100%);opacity: 0.6;}
main:before {left: auto;right: 0;}
main>*:first-child:before {content: '';position: absolute;width: 100%;height: 150px;top: -150px;background: #ffffff; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);pointer-events: none;}
.bnr_fixed li .ttl {-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;width: 80px;}
	
.bnr_fixed li .pc{background: var(--green); color: #fff; position: relative; width: 100%; display: block; height: 100%;transition: all 0.3s;}


/* hover */
.mv_info_btn a:hover, .mv_info_list li .ttl:hover, .sec10_list li a:hover .ttl {color: var(--mcolor);text-decoration: none;}
.nav_list li a:hover {color: var(--brown);}
.bnr_fixed li a:hover, .idx_btn li a:hover, .bnr_fixed li:hover .pc {opacity: 0.8;}
	.to_top:hover{opacity: 0.7!important;}
.hamburger:hover {background-color: var(--mcolor);}
.bnr_fixed li.show .bnr_fixed_main {transform: translateX(0)}
.bnr_fixed li.show {width: 460px;}
.btn a:hover, .sec04_anchor li a:hover, .sec08_list .slick-arrow:hover {background: #333;color: #fff;}
.btn a:hover:after {background: #fff;}
.sec05_list li a:hover:after {transform: scale(1.1);}
.sec08_list .slick-dots li button:hover {background: #928163;border-color: #928163;}
.sec10_tab li:not(.current):hover {background: #a3a3a3; color: #fff;}
}

@media screen and (min-width: 751px) and (max-width: 1700px){
.mv { padding: 30px; }
.h_box {padding: 20px 30px 0;}
#logo { width: calc(100vw/3.4); }
.h_ttl { max-width: calc(100vw / 3.4); }
.h_txt li { width: calc(100vw/10); font-size: 16px; }
.mv:after { width: calc(100vw / 1.8); top: -30px; }
.mv .mv_main_ttl img {width: 750px;}
.mv.show_left .mv_main_ttl img { width: calc(100vw/2.6); }
.mv_info { width: calc(100vw / 3.4); max-width: 520px; }
main { padding: 0 25px; width: 490px; }
main:after, main:before {width: 25px;}
}

@media screen and (min-width: 751px) and (max-width: 1400px){
.h_box { max-width: 430px;padding-top: 10px; }
#logo { width: calc(100vw / 3.7);margin-bottom: 10px; }
.h_txt li { width: 130px; font-size: 14px; height: 24px;}
.mv .inner {padding-bottom: 90px;}
.mv .mv_main_ttl img { width: 650px; }
.mv.show_left .inner {padding-bottom: 60px;}
	.mv_info {width: calc(100vw / 3.5);}
}
@media screen and (min-width: 751px) and (max-width: 1300px){
.h_ttl { max-width: 330px; }
.h_box { max-width: 380px; }
.h_txt li { font-size: 13px; width: auto; flex: 1; }
.mv.show_left .mv_main_ttl img { width: 460px; }
.mv_info { width: 350px; }
.mv .mv_main_ttl img {width: 600px;}
#logo { width: 330px; }
.mv { padding: 20px; }
.h_box {padding: 20px 20px 0;}
.mv:after { width: 60%; top: -30px; height: calc(100% + 30px); background-position: bottom -90px center; }
.nav_main { width: 800px; }
}
@media screen and (min-width: 751px) and (max-width: 1200px){
.mv:after { width: 55%; }
}

/* 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}

/* NAV */
nav { top: 0; height: calc(100% - 50px); width: 100%; }
.nav_main { width: 100%;padding: 47px 20px; height: 100%; display: block;}
.nav_list { width: 100%; height: 100%;overflow: auto;}
.nav_list li a, .nav_list > li>span {display: block;}
.sub li {width: 100%;}
.sub ul {display: block;height: auto;}
.hamburger { width: 50px; height: 50px; left: 0; bottom: 0; top: auto; position: fixed; }

/*=====================================================
										C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_box { width: 100%; padding: 7px 10px;transition: all 0.3s;opacity: 1;visibility: visible;position: absolute;}
header.fixed .h_box {background: #fff;position: fixed;}
.h_ttl {font-size: 10px;margin: 0 0 7px;}
#logo {width: 358px;margin: 0 0 15px;max-width: 100%;}
.h_txt { margin: 0 auto; width: 400px; max-width: calc(100% - 20px); }
.h_txt li { width: auto; flex: 1; font-size: 14px; height: 20px; }
/*============ Main ============*/
main{margin: 0;padding: 0;}

/* MAIN VISUAL */
.mv {background: none;position: relative;padding: 0 0 53px;}
.mv.show_left {background: #fff;}
.mv:after , .mv:before, .mv_main_show:before{display: none;}
.mv_main {background: url("../images/mainvisual_img_sp.jpg") no-repeat top center/cover;position: relative;height: 141vw;margin: 0 -20px 49px;display: flex;justify-content: center;align-items: center;padding-bottom: 30px;}
.mv .inner {display: block;padding: 0 20px!important;}
.mv .mv_main_ttl { max-width: 480px; margin: 0 auto;display: none; }
.mv_info { position: relative; width: 100%; height: auto;box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.16);padding-bottom: 23px; opacity: 1;visibility: visible;}
/* sec01 */
.sec01 {padding-top: 0;}
.sec01 .inner {max-width: 440px;}
.idx_btn li .note {position: relative;top: -3px;}
/* sec02 */
.sec02_top_img img {width: 100%;height: 100%;object-fit: cover;}
.sec02_top_img {height: 575px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
/* sec03 */
.sec03_certificate .img { max-width: calc((100% - 20px) / 2); }
/* sec04 */
.sec04_top_img img, .sec04_item_img img, .sec04_point_img img, .sec04_item_img_child img {width: 100%;}
/* sec05 */
/* sec06 */
.sec06_top_img {background-image: url("../images/sec06_bg_sp.png");background-size: auto 100%;height: 510px;}
.sec06_top_img img {opacity: 0;}
/* sec07 */
.sec07_img img {width: 100%;}
/* sec08 */
/* sec09 */
.sec09 .inner {max-width: 440px;}
/* sec10 */

/*============ FOOTER ============*/
footer{margin-bottom: 50px;}

/* sp contact */
.bnr_fixed { width: calc(100% - 100px); height: 50px; top: auto; bottom: 0;  right: auto; flex-direction: row;left: 50px; }
.bnr_fixed_main {display: none;}
.bnr_fixed li { height: 100%; width: auto; flex: 1; }
.bnr_fixed li a .ttl:before { margin: 0 10px 0 0!important; width: 12px;}
.bnr_fixed li a .ttl {font-size: 100%;}
.bnr_fixed li:nth-child(2) a .ttl:before { width: 20px; }
.bnr_fixed li.bnr_tel a { display: flex; width: 100%; height: 100%; color: #fff; position: relative; }
/* to top */
.to_top{width:50px;height: 50px;}
/*============ END 750 ============ */

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
.mv_info_list li { flex-wrap: wrap; }
.mv_info_list li .ttl { margin: 2px 0 0; width: 100%;}
.mv_info_list li .date {width: calc(100% - 80px);}

}
@media screen and (max-width: 430px) {
.sp440 {display: block !important;}
.pc440{display: none !important}
.sec05_list li { font-size: 15px; }

}
@media screen and (max-width: 420px) {
.h_txt li { font-size: 3.5vw; }
.idx_calendar td { font-size: 3.2vw; padding: 3px 0 5px; }
.idx_calendar th { font-size: 3.5vw; padding: 3px 0 5px; }
.idx_calendar th:nth-child(1) {font-size: 3.5vw;padding: 3px 2vw 5px;width: 29%;}
.idx_calendar td:first-child {padding: 3px 1.5vw 5px;}
.idx_calendar_txt { flex-direction: column; }
.sec03_ttl { font-size: 6.2vw; }
.sec03_doctor { font-size: 6vw; }
.sec03_info_career li .year { width: 60px; }
.sec04_item_note { font-size: 3.5vw; }
.sec04_ttl { font-size: 30px; }
.sec04_item_ttl { font-size: 4.4vw;white-space: nowrap;}
.sec04_item_ttl .lager {font-size: 170%;}
.sec04_anchor li { font-size: 4.5vw; }
.sec04_item_step dt { width: 19vw; margin: 0 -6vw 0 -2vw; }
.sec04_item_step dd { font-size: 4vw; width: 100%;gap: 2vw; }
.sec04_item_step:after { width: 40vw; height: 40vw; left: -11vw; top: 2vw; }
.sec04_item_step dd .txt { height: 10vw;padding-left: 9vw; }
.sec04_point_ttl { font-size: 6vw; }
.sec04_item_worried { font-size: 6vw; }
.sec05_list { gap: 2vw; }
.sec05_list li a { padding: 2vw; }
.sec05_list li { width: calc((100% - 2vw) / 2); font-size: 3.7vw; height: 43vw; }
.sec05_list li a .txt {width: 100%;}
.sec06_top_img { background-position: right -157px center; }
.sec07_ttl .txt { padding-left: 20px; gap: 15px; }
.sec08_item { width: 300px; }
.sec09_ttl .txt { gap: 10px; }
.sec08_item_ttl { font-size: 18px; }
.sec08_item { width: 280px;height: 300px; }

}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
.sp360 {display: block;}
.sub li { font-size: 15px; }
.sub li a:before { height: 10px; }
.sec04_important { font-size: 18px; }
.sec07_ttl { font-size: 5vw; }
.sec07_ttl .txt { gap: 2vw; padding: 10px 15px; align-items: center; }
.sec07:before { height: 350px; }
.btn a {font-size: 15px;}
.sec09_ttl { font-size: 17px; }
.bnr_fixed li { font-size: 14px; }
.bnr_fixed li a .ttl:before { margin: 0 6px 0 0 !important;}
.sec02_ttl {margin-left: 0;}
.sec06_ttl { margin-left: 15px; }
.sec03_certificate {gap: 10px;}
.sec03_certificate .img { width: calc((100% - 10px) / 2);max-width: 100%; }
.sec03_certificate .img:nth-child(5),.sec03_certificate .img:nth-child(6),.sec03_certificate .img:nth-child(7) { width: calc((100% - 20px)/3); }
}