@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1024px) {
	
	.nav {position: relative; /*z-index: 123;*/ padding: 1%; float: left; width: 65%;}

	#cssmenu {margin: 2% 0;}
	
	#cssmenu > ul > li > a {font-size:14px;} 
	
	.about	{margin-left: 55px;}
	
	.text_content	{float:left; margin-left: 50px;}
	
	.approach_txt	{padding-left: 95px;}
	
	.appointment_work	{width:45%; margin:-1px 0 35px 100px;}
	
	.approach_img		{float:none; padding-top:94px;}	
	
	.approach_ishita_img	{margin-left: 30px;}

}



@media only screen and (max-width: 800px) {
	
	.nav {position: relative; /*z-index: 123;*/ padding: 1%; float: left; width: 82%;margin-top:10px;}

	.logo	{margin-left:5px;}
	
	#cssmenu > ul > li > a {font-size: 16px; padding:10px;}
	
	#cssmenu ul ul {position: absolute;  left: -9999px;  padding: 18% 0 0 0;} 
	
	.boxs h2	{font-size: 25px;}
	
	.ishita_photo {margin-left: 34px;}
	
	.ishita_txt {font-size: 53px;}
	
	.text_content	{float:left; margin-left: 38px;}
	
	.approach_txt	{padding-left: 1px;}
	
	.appointment_global	{/*margin-left:38px;*/}
	
	.watermelon	{margin-left: 315px;}
	
	/*.appointment_consultation	{width:44%; margin:35px 0 35px 187px;}*/
	
	.address4 {padding-left: 38px;}
	
	.appointment_work {width: 55%; margin: -1px 0 35px 0px;}
	

}


@media only screen and (max-width: 768px) {
	
.desktop	{display:none;}

.responsive	{display:block;} 
}
@media only screen and (max-width: 375px) {
	
.approach 	{padding-bottom: 45px;}

.restricted	{margin-left:1px;}

.approach_txt	{padding-left: 1px;}

}
@media only screen and (max-width:575px) and (min-width: 376px) {
.input2 {
    margin-left: 7px;
    margin-top: -15px;
}}

@media only screen and (max-width: 375px) {
	
.ishita_txt	{font-size:53px;}	

.ishita_photo {margin-left: -1px;}

.text_content {
    float: left;
    margin-left: 1px;
}
	
.approach_txt	{padding-left: 1px;}	


.certificate	{margin-left: 97px;}

.affiliations {
margin-left: 16px;}

.training	{margin-left:41px; margin-top:62px;}

.training1	{margin:0px 5px 0 14px}

.address4	{padding-left:0px;}
	
.appointment_consultation {/* width: 92%;  margin: 35px 0 35px 13px;*/}

.appointment_global {margin-left: 0px;}	

.appointment_address {margin-left: 0px;}   

.watermelon {margin-left: 132px; width: 75px; margin-top: 14px; margin-bottom: 14px;}
	
.row1	{margin-bottom:-15px;}	

.input1	{margin-left: -8px;}

.input2	{margin-left: 7px; margin-top: -15px;}

.input3	{width: 360px;
margin-left: -8px;}
	
}