/* CSS Document */

@media (min-width:751px) {

/* #mv
-------------------------------------------------- */
	#mv { 
		background: url("../images/mv.jpg") center center no-repeat; 
		background-size: cover; 
	}
	#mv h2 { 
		background: url("../images/ttl.png") center top 83px no-repeat; 
	}


/* #s_list
-------------------------------------------------- */
	#s_list {
		margin-top: 60px;
		margin-bottom: 100px;
	}


/* #intro
-------------------------------------------------- */
	#intro {
		padding: 50px 0;
	}
	#intro h3 {
		color: #20B27B;
		margin-bottom: 30px;
		text-align: center;
		font-size: 22px;
	}


/* #philosophy_r
-------------------------------------------------- */
	#philosophy_r {
		position: relative;
		padding-bottom: 90px;
	}
	#philosophy_r .lead {
		margin-bottom: 60px;
	}
	#philosophy_r .bg_mesh {
		position: relative;
		border-top: 1px solid rgba(32,178,123,.5);
		border-bottom: 1px solid rgba(32,178,123,.5);
		padding: 90px 0;
	}
	#philosophy_r .pala {
		background: #FFFFFF;
		padding: 70px;
	}
	#philosophy_r .pala p {
		font-size: 26px;
		color: #20B27B;
		line-height: 1.5;
		text-align: center;	
	}


/* #feature
-------------------------------------------------- */
	#feature { 
		position: relative; 
		padding-bottom: 150px;
	}
	#feature .txt {
		width: 844px;
		min-height: 327px;
		position: relative;
		z-index: 10;
		padding: 70px 100px 0;
		margin-top: -90px;
		margin-right: auto;
		margin-left: auto;
		background: url(../images/bg_diagonal.png) center center no-repeat;
		background-size: contain;  
	}
	#feature .txt h4 {
		text-align: center;
		font-size: 35px;
		margin-bottom: 40px;
	}
	#feature .txt p {
		line-height: 1.8;
	}
	#feature .img {
		position: relative;
		z-index: 5;
	}
	#feature .img img {
		width: 100%;
	}


/* #treatment
-------------------------------------------------- */
	.bg_ex1 {
		position: relative;
		width: 100%;
		height: 306px;
		background: url("../images/bg_ex1.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
		z-index: 5;
	}
	#treatment {
		padding-bottom: 100px; 
		position: relative;
		z-index: 10;
	}
	#treatment .midashi {
		background: #FFFFFF;
		width: calc( 50% - 200px );
		height: 146px;
		position: relative;
		top: -73px;
	}
	#treatment .midashi h3 {
			width: 380px;
			margin: 0 0 0 auto;
			line-height: 146px;
			font-size: 35px;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}
	#treatment ul {
		justify-content: space-between;
	}
	#treatment ul li {
		width: 31.666%;
	}
	#treatment ul li .img {
		margin-bottom: 20px;
	}
	#treatment ul li .img img {
		width: 100%;
	}
	#treatment ul li .txt {

	}
	#treatment ul li h4 {
		padding-left: 1em;
		position: relative;
		color: #20B27B;
		font-size: 22px;
		padding-bottom: 5px;
		border-bottom: 1px solid #20B27B;
	}
	#treatment ul li h4::before {
		content: "●";
		display: block;
		width: 1em;
		position: absolute;
		left: 0;
		font-size: 12px;
	}


/* #facilities
-------------------------------------------------- */
	#facilities {
		position: relative;
	}
	#facilities .cflex {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 100px;
	}
	#facilities .img {
		width: 56.6%;
	}
	#facilities .img img {
		width: 100%;
	}
	#facilities .txt {
		width: 43.3%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#facilities .txt h4 {
		font-size: 35px;
		margin-bottom: 40px;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}
    .facthum {
    	padding-bottom: 100px; 
        margin-bottom: 100px;
    }
  	.loopslider { 
  		width: 100%; 
  		height: 240px; 
  		position: relative; 
  		overflow: hidden; 
  		margin-bottom: 0;
  	}
    .loopslider ul { 
    	display: flex; 
    	float: left; 
    }
    .loopslider li { 
    	width: 350px; 
    	height: 240px; 
    	position: relative; 
    }


} /* End @media(min-width751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1200px) {


}/* End @media (min-width: 751px) and  (max-width:1100px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1100px) {


}/* End @media (min-width: 751px) and  (max-width:1100px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:880px) {

/* #feature
-------------------------------------------------- */
	#feature .txt {
		width: 100%;
		height: 50vw;
		position: relative;
		z-index: 10;
		padding: 15vw 10% 0;
		margin-top: -90px;
		margin-right: auto;
		margin-left: auto;
		background: url(../images/bg_diagonal.png) center center no-repeat;
		background-size: contain;  
	}

}/* End @media (min-width: 751px) and  (max-width:1100px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:750px) {

/* #mv
-------------------------------------------------- */
	#mv { 
		background: url("../images/mv_sp.jpg") center center no-repeat; 
		background-size: cover; 
	}
	#mv h2 { background: url("../images/ttl.png") center center no-repeat; 
		background-size: contain; 
	}

/* #s_list
-------------------------------------------------- */
	#s_list {
		margin-top: 8vw;
		margin-bottom: 18vw;
	}


/* #intro
-------------------------------------------------- */
	#intro {
		padding: 6vw 0;
	}
	#intro h3 {
		color: #20B27B;
		margin-bottom: 4vw;
		text-align: center;
		font-size: 4.6vw;
	}


/* #philosophy_r
-------------------------------------------------- */
	#philosophy_r {
		position: relative;
		padding-bottom: 8vw;
	}
	#philosophy_r .lead {
		margin-bottom: 6vw;
	}
	#philosophy_r .bg_mesh {
		position: relative;
		border-top: 1px solid rgba(32,178,123,.5);
		border-bottom: 1px solid rgba(32,178,123,.5);
		padding: 10vw 0;
	}
	#philosophy_r .pala {
		background: #FFFFFF;
		padding: 4vw;
	}
	#philosophy_r .pala p {
		
		color: #20B27B;
		line-height: 1.5;
		text-align: center;	
	}



/* #feature
-------------------------------------------------- */
	#feature { 
		position: relative; 
		padding-bottom: 16vw;
	}
	#feature .txt {
		width: 100%;
		/*min-height: 447px;*/
		position: relative;
		z-index: 10;
		padding: 5vw 4vw 8vw;
		/*margin-top: -10vw;*/
		margin-right: auto;
		margin-left: auto;
		background: url(../images/bg_diagonal.png) center center no-repeat;
		background-size: cover;  
	}
	#feature .txt h4 {
		text-align: center;
		font-size: 4.6vw;
		margin-bottom: 6vw;
	}
	#feature .txt p {
		line-height: 1.8;
	}
	#feature .img {
		position: relative;
		z-index: 5;
		margin-bottom: 6vw;
	}
	#feature .img img {
		width: 100%;
	}


/* #treatment
-------------------------------------------------- */

	.bg_ex1 {
		position: relative;
		width: 100%;
		height: 50vw;
		background: url("../images/bg_ex1.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
		z-index: 5;
	}
	#treatment {
		padding-bottom: 10vw; 
		position: relative;
		z-index: 10;
	}
	#treatment .midashi {
		background: #FFFFFF;
		width: 50vw;
		height: 10vw;
		position: relative;
		top: -5vw;
		padding-left: 1em;
	}
	#treatment .midashi h3 {
			width: 100%;
			margin: 0;
			line-height: 10vw;
			font-size: 6.2vw;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}
	#treatment ul {
		justify-content: space-between;
	}
	#treatment ul li {
		width: 100%;
		margin-bottom: 8vw;
	}
	#treatment ul li .img {
		margin-bottom: 2vw;
	}
	#treatment ul li .img img {
		width: 100%;
	}
	#treatment ul li .txt {

	}
	#treatment ul li h4 {
		padding-left: 1em;
		position: relative;
		color: #20B27B;
		font-size: 4.6vw;
		padding-bottom: 2vw;
		border-bottom: 1px solid #20B27B;
	}
	#treatment ul li h4::before {
		content: "●";
		display: block;
		width: 1em;
		position: absolute;
		left: 0;
		top: 1vw;
		font-size: 3vw;
	}


/* #facilities
-------------------------------------------------- */
	#facilities {
		position: relative;
	}
	#facilities .cflex {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 8vw;
	}
	#facilities .img {
		width: 100%;
		margin-bottom: 4vw;
	}
	#facilities .img img {
		width: 100%;
	}
	#facilities .txt {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#facilities .txt h4 {
		font-size: 4.6vw;
		margin-bottom: 4vw;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}
    .facthum {
        margin-bottom: 10vw;
    }
  	.loopslider { 
  		width: 100%; 
  		height: 120px; 
  		position: relative; 
  		overflow: hidden; 
  		margin-bottom: 0;
  	}
    .loopslider ul { 
    	display: flex; 
    	float: left; 
    }
    .loopslider li { 
    	width: 175px; 
    	height: 120px; 
    	position: relative; 
    }



/* #advantage
-------------------------------------------------- */
	#advantage {
		position: relative;
		margin-bottom: 16vw;
		padding-bottom: 8vw;
	}
	#advantage .txt , #advantage .img {
		position: relative;
	}
	#advantage .txt {
		background: rgba(255,255,255,0.6);
		box-shadow: 0 0 2vw 0 rgba(32,178,123,0.1);
		z-index: 30;
		padding-bottom: 4vw;
		/*margin-bottom: 4vw;*/
	}
	#advantage .img {
		z-index: 20;
		margin-bottom: 4vw;
	}
	#no01 , #no02 , #no03 {
		position: relative;
		z-index: 20;
		margin-bottom: 10vw;
	}
	#no01 {
	}
	#no01 .txt {
/*		width: 59%;
		height: 471px;
		background-size: contain;
		background: url(../images/bg_txt01.png) center center no-repeat;*/
	}
	#advantage .txt .txtinner {
		/*padding: 10vw;*/
		padding: 8vw;
	}
	#advantage .txt .txtinner h3 {
		font-size: 4.6vw;
		color: #20B27B;
		margin-bottom: 4vw;
	}
	#advantage .txt .txtinner p {
		line-height: 2;
	}
	#no01 .txt {
	}
	#no02 .txt {
	}
	#no02 .txt {
	}	
	#advantage #no02 .txt .txtinner h3 {
		/*letter-spacing: -0.2vw;*/
	}
	#no03 {
	}
	#no03 .txt {
	}
	#no01 .txt {
	}
	#advantage .txt .iconnum {
		display: block;
		margin-left: auto;
		margin-right: 4vw;
		width: 20vw;
	}


/* #education
-------------------------------------------------- */
	#education {
		position: relative;
		padding: 16vw 0;
	}
	#education h3 {
		margin-bottom: 6vw;
	}
	#education .txt , #education .img {
		position: relative;
	}
	#education .txt {
		z-index: 30;
	}
	#education .img {
		z-index: 20;
	}
	#edu01 {
		position: relative;
		z-index: 20;
		margin-bottom: 4vw;
		display: flex;
		flex-direction: column-reverse;
	}
	#edu01 .img {
		width: 88vw;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 5;
	}
	#edu01 .mainw {
		position: relative;
		z-index: 10;
		/*margin-top: -10vw;*/
	}
	#edu01 .txt {
		width: 100%;
		background: url(../images/bg_diagonal_edu.png) center center no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		/*justify-content: center;*/
		margin-left: auto;
		padding-top: 5vw;
	}
	#education .txt .txtinner {
		padding: 5vw 4vw 12vw;
	}
	#education .txt .txtinner h3.ch3 {
		/*font-size: 22px;*/
		line-height: 1.2;
		/*color: #20B27B;*/
		margin-bottom: 4vw;
		/*align-items: flex-start;*/
	}
	#education .txt .txtinner p {
		line-height: 2;
	}


/* #senior
-------------------------------------------------- */
	#senior {
		position: relative;
		padding-bottom: 10vw;
		margin-bottom: 12vw;
	}
	#senior h3.ch3 {
		margin-bottom: 6vw;
	}
	.select_s {
		margin-bottom: 14vw;
	}
	.select_s li {
		width: 100%;
		margin-bottom: 4vw;
	}
	.select_s li:last-child {
		margin-bottom: 0;	
	}
	.select_s li a {
		display: block;
		position: relative;
		z-index: 10;
		border:1px solid #35a77c;
		padding: 2vw;
		background: #FFFFFF;
	}
	/*.select_s li a:hover , */.select_s li a.active {
		background: #35a77c;
		opacity: 1;
	}
	.select_s li a:hover img {
		opacity: 1;
	}
	.select_s li a:after {
		content: "";
		display: block;
		width: 4vw;
		height: 3vw;
		position: absolute;
		right: 50%;
		margin-right: -2vw;
		bottom: -2.5vw;
		background: url("../images/icon_arrow_bottom_trans.svg") center center no-repeat;
		background-size: contain;
	}
	/*.select_s li a:hover:after , */.select_s li a.active:after {
		background: url("../images/icon_arrow_bottom_green.svg") center center no-repeat;
		background-size: contain;
	}
	.select_s li a .bg_mesh {
		display: flex;
		align-items: center;
		padding: 2vw;
		border: 1px solid #c1c1c1;
		background-color: #FFFFFF;
	}
	/*.select_s li a:hover .bg_mesh , */.select_s li a.active .bg_mesh {
		border: 1px solid #35a77c;
	}
	.select_s li a .bg_mesh .thum {
		width: 35%;
		margin-right: 5%;
	}
	.select_s li a .bg_mesh .prof {
		width: 60%;
	}


/* .staff_wrap
-------------------------------------------------- */
	.staff_wrap {
		position: relative;
	}
	.staff_wrap .s_profile { 
		position: relative;
		margin-bottom: 6vw;
	}
	.staff_wrap .s_profile.cflex { 
		/*justify-content: flex-end;
		flex-direction: row-reverse;*/
	}
	.staff_wrap .s_profile .txtbox { 
		background: #FFFFFF;
		position: relative; 
		z-index: 20; 
		padding: 4vw; 
		box-shadow: 0 0 2vw 0 rgba(32,178,123,0.1);
	}
	.staff_wrap .s_profile .txtbox h3.ch3_1 { 
		padding-left: 15%;
		margin-bottom: 50px;
		font-size: 20px;
		color: #20B27B;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	.staff_wrap .s_profile .txtbox p {
	}
	.staff_wrap .s_profile .txtbox .s_position {
	}
	.staff_wrap .s_profile .txtbox .s_name {
		color: #20B27B;
	}
	.staff_wrap .s_profile .imgbox { 
		position: relative; 
		z-index: 10; 
	}
	.staff_wrap .s_profile .imgbox img { 
		width: 100%; 
	}
	.working {
		position: relative;
		z-index: 20;
		margin-bottom: 6vw;
		display: flex;
		flex-direction: column-reverse;
	}
	.working .img {
		position: relative;
		z-index: 5;
		width: 88vw;
		margin-left: auto;
		margin-right: auto;
	}
	.working .mainw {
		position: relative;
		z-index: 10;
	}
	.working .txt {
		background: #FFFFFF;
		background-size: cover;
		display: flex;
		flex-direction: column;
		padding: 4vw;
	}
	.working .txt .txtinner {
	}
	.working .txt .txtinner h4 {
		font-size: 4.6vw;
		font-weight: normal;
		line-height: 1.2;
		margin-bottom: 4vw;
		color: #20B27B;
	}
	.working .txt .txtinner p {
		line-height: 2;
	}
	.w_right .img {
		margin-left: auto;
	}
	.w_left .txt {
		margin-left: auto;
	}


/* #requirements
-------------------------------------------------- */
	#requirements {
		margin-bottom: 12vw;
	}
	#requirements .bg_mesh {
		padding: 12vw 0 ;
	}
	#requirements .cmenu2 {
		margin-bottom: 10vw; 
	}
	#requirements table.ctable {
		background: #FFFFFF;
	}
	#requirements table.ctable th {
		border-bottom: solid 1px rgba(61,80,80,.2);
		display: block;
		width: 100%;
	}
	#requirements table.ctable td {
		border-bottom: solid 1px rgba(61,80,80,.1);
		display: block;
		width: 100%;
	}
	#requirements table.ctable th {
	}
	#requirements table.ctable tr:last-of-type th, #requirements table.ctable tr:last-of-type td {
		border-bottom: none;
	}


/* #entry
-------------------------------------------------- */
	#entry {
		position: relative;
		margin-bottom: 12vw;
	}
	#entry .ch3 {
		margin-bottom: 6vw;
	}
	.flow {
		width: 70vw;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		align-items: center;
		margin-bottom: 6vw;
	}
	.flow li {
		width: 100%;
		padding: 1em 0;
		text-align: center;
		border: 1px solid #20B27B;
		color: #20B27B;
		position: relative;
		margin-bottom: 6vw;
	}
	.flow li:last-child { 
		margin-right: 0;
	}
	.flow li:after {
		content: "";
		display: block;
		width: 4vw;
		height: 3vw;
		background: url("../../images/icon_arrow_down_green.svg") center center no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -5vw;
		margin-right: -2vw;
		right: 50%;
	}
	.flow li:last-child:after {
		display: none;
	}
	.c_red {
		color: #90272d;	
	}
	#entry iframe {
		height: 270vw;
	}

	.form-area table th {
		display: block;
		width: 100%;
		padding: 1em 0;
		vertical-align: middle;
		border-bottom: solid 1px rgba(61,80,80,.2);
	}
	.form-area table td {
		display: block;
		border-bottom: solid 1px rgba(61,80,80,.1);
		padding: 0.5em 0;
	}
	.form-area table th span {
		color: #90272d;	
	}
	.form-area input[type="text"] {
		width: 100%;
		padding: 1em;
		background: #dddddd;
		border: 1px solid #c2c2c2;
		font-size: 3.7vw;
	}
	.form-area textarea {
		width: 100%;
		/*height: 25vw;*/
		padding: 1em;
		background: #dddddd;
		border: 1px solid #c2c2c2;
	}
	.form-area .btn {
		margin-top: 4vw;
	}
	.form-area input[type="submit"] {
		font-size: 3.7vw; 
		display: flex; 
		justify-content: center; 
		align-items: 
		center;
		text-align: center;
		width: 74vw; 
		height: 13vw; 
		color: #20B27B; 
		background: url("/images/icon_arrow_green.svg") right 4vw center no-repeat #FFFFFF;
		background-size: 4vw auto; border: 1px solid #20B27B; 
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4vw;
	}



}/* End @media (max-width: 750px) */

/* ----------------------------------------------------------------------------------------------------