@charset "UTF-8";


@media (max-width: 1199px) {
	.popular-course-section .card {
		margin-bottom: 30px;
	}
	#wrap_topline {
		width: 100%;
	}
	#wrap_topline .txt {
		padding: 0;
	}
	
	footer#colophon .container {
		max-width: 96%;
	}
	
	#wrap_medical .flxbox .box {
		width: 100%;
		padding: 0;
	}
	
	#wrap_rserved .rsvbnrbox .box {
		width: 100%;
		padding: 0 0 20px;
	}
	#wrap_rserved .rsvbnrbox .inner {
		padding: 20px 30px;
	}
	
/*-----------------------------------------------------*/
}


@media (max-width: 991px) {
	#wrap_topline {
		padding: 40px;
	}
	#wrap_topline .txt p {
		margin: 0;
	}
	
	body.home #primary h2 {
		margin-bottom: 30px;
	}
	#topinfo1 .box,
	#topinfo2 .box {
		width: 100%;
		padding: 0;
	}
	
	#f_logoarea ul li {
		margin-top: 0;
	}
	
	header.entry-header h1,
	body.home #primary h2 {
		font-size: 32px;
	}
	body.home #primary .mission-section h3 {
		font-size: 22px;
	}
	#primary h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	#primary h3 {
		font-size: 22px;
		padding-left: 60px;
		background-position: left center;
	}
	.bikoubox01 {
		padding: 30px 30px 20px;
	}
	
	body.page .entry-content {
		width: 100%;
	}
	#greetingbox .txt {
		float: none;
		width: 100%;
		padding: 0;
	}
	#greetingbox .ph {
		float: none;
		width: 50%;
		padding: 0;
		margin: 0 auto;
	}
	
	#wrap_about #topinfo1 h3 {
		margin-top: 30px;
	}
	.infobox,
	.infobox .td {
		display: block;
	}
	.infobox .td {
		width: 100%;
		padding: 0;
	}
	
	#wrap_medical .box_R01,
	#wrap_medical .box_L01 {
		float: none;
		width: 100%;
		padding: 0;
	}
	#wrap_medical .box_L01 {
		margin-bottom: 20px;
	}
	
	#educateup_course_section #topbnr1 .pc,
	#educateup_course_section #topbnr2 .pc {
		display: none;
	}
	#educateup_course_section #topbnr1 .sp,
	#educateup_course_section #topbnr2 .sp {
		display: block;
	}
	
/*-----------------------------------------------------*/
}


@media (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	
	.site-content {
		padding: 20px 0 0;
	}
	

    #fixbtn_pc {
		display: none;
	}
	#fixbtn_sp {
   	    display: inline-block;
		
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    text-align: center;
	    z-index: 99999;
    	overflow: hidden;
    }
    #fixbtn_sp ul {
	    margin: 0;
    	padding: 0;
    }
    #fixbtn_sp ul li {
	    margin: 0;
    	padding: 5px;
	    list-style-type: none;
    	width: 33.3%;
	    text-align: center;
    	float: left;
    }
    #fixbtn_sp li.telnm {
		background-color: #0077c3;
	}
    #fixbtn_sp li.line {
		background-color: #00c300;
	}
    #fixbtn_sp li.resv {
		background-color: #f29d08;
	}
	
	footer#colophon {
		padding-bottom: 50px;
	}
	footer#colophon .container {
		max-width: 540px;
		padding-bottom: 10px;
	}
	footer#colophon .wgt {
		text-align: left;
		width: 50%;
	}
	footer#colophon .widget ul li {
		padding-bottom: 5px;
	}
	.top-link {
	    right: 20px;
	}
	
	.site-header-top {
		display: block;
	}
	.site-header-top-info {
		text-align: center;
	}
	.site-header-top-info span {
		display: inline-block;
	}
	.site-header-top-info span.pc {
		display: none;
	}
	.site-header-top-info span.telnum,
	.site-header-top-info span.telnum em::before {
		font-size: 18px;
	}
	.site-header-top-info span,
	.site-header-top-info span.telnum {
		padding: 0 10px !important;
	}
	
	#primary h2 {
		margin: 30px auto;
		padding: 15px 20px;
	}
	
	#primary table {
		overflow: hidden;
	}
	#primary th,
	#primary td {
		float: left;
		width: 100%;
	}
	body.page header.entry-header {
		border-width: 5px;
		padding: 25px;
	}
	
	/*WEB予約ボタン*/
	.rsvbnr .inner {
		width: 100%;
		padding: 20px 30px;
	}
	.rsvbnr a {
		display: block;
	}
	.rsvbnr .td {
		line-height: 1.5;
	}
	.rsvbnr .txt {
		padding: 0;
	}
	
	/*.rsvbnr .icon img {
		width: 50px;
		height: auto;
	}*/
	.rsvbnr .icon {
		width: 15%;
		padding-right: 10px;
	}
	.rsvbnr .txt {
		width: 85%;
	}
	
	
	/*トップページ*/
	.card_media_img {
		height: auto;
	}
	
	.heading {
		margin-bottom: 30px;
	}
	.popular-course-section,
	.team-section,
	.mission-section,
	.newsletter-section {
		padding: 50px 0;
	}
	body.home #primary h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	
	#wrap_topline,
	#wrap_topline .td {
		display: block;
	}
	#wrap_topline .td {
		width: 100%;
		padding: 0;
	}
	#wrap_topline .ph,
	#wrap_topline .ph2 {
		width: 50%;
		margin: 0 auto;
	}
	#wrap_topline .ph,
	#wrap_topline .txt {
		margin-bottom: 20px;
	}
	.gallery-columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.staffbox .ph,
	.staffbox .txt,
	.staffbox2 .box {
		width: 100%;
		padding: 0;
	}
	.staffbox .ph {
		margin-bottom: 30px;
	}
	
	#wrap_link {
		padding: 30px 30px 40px;
	}
	#wrap_about h3 br.pcnone {
		display: block;
	}
	
	#educateup_course_section #topbnr1,
	#educateup_course_section #topbnr2 {
		width: 100%;
	}
	
/*--- 767px --------------------------------------------------*/
}

@media (max-width: 575px) {
	footer#colophon .wgt {
		width: 100%;
	}
	
	.rsvbnrbox .box .inner {
		font-size: 18px;
	}
	
	header.entry-header h1,
	body.home #primary h2 {
		font-size: 30px;
	}
	#primary h2 {
		font-size: 26px;
		padding: 15px 20px;
	}
	#primary h3 {
		font-size: 20px;
		background-size: 36px auto;
		padding-left: 42px;
	}
	body.page header.entry-header {
		padding: 20px;
	}
	
/*-----------------------------------------------------*/
}

@media (max-width: 500px) {
	#topinfo1 .rsvbnr .inner {
		padding: 15px 20px;
	}
	header.entry-header h1,
	body.home #primary h2 {
		font-size: 28px;
	}
	#primary h2 {
		font-size: 22px;
	}
	
/*-----------------------------------------------------*/
}

@media (max-width: 410px) {
	#wrap_medical h3 br.pcnone {
		display: block;
	}

/*-----------------------------------------------------*/
}

@media (max-width: 400px) {
	#wrap_topline .ph,
	#wrap_topline .ph2 {
		width: 100%;
	}
	footer#colophon {
		padding-bottom: 0;
	}
	footer#colophon .container {
		padding-bottom: 30px;
	}
	
/*-----------------------------------------------------*/
}