.pc { display:block; }
.mobile {display:none; }

@media(max-width:1024px) {


.pc { display:none; }
.mobile {display:block; }

body {
	display:block;
	max-width:800px;
	margin:0 auto;
}

input { font-size:16px; }

.main_link01 {
    position: absolute;
    top: 51.6%;
    left: 30.5%;
    width: 39%;
    height: 5.7%;
    cursor: pointer;
}

.main_link02 {
    position: absolute;
    top: 59%;
    left: 30.5%;
    width: 39%;
    height: 5.7%;
    cursor: pointer;
}

#user {
    position: absolute;
    top: 60.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 3.6%;
    width: 73%;
    text-align: center;
}

#tel01 {
    position: absolute;
    top: 65.7%;
    left: 14%;
    height: 3.6%;
    width: 16.5%;
    text-align: center;
}

#tel02 {
    position: absolute;
    top: 65.7%;
    left: 50%;
    transform: translateX(-50%);
    height: 3.6%;
    width: 16.5%;
    text-align: center;
}

#tel03 {
	position: absolute;
	top: 65.7%;
	left: 69.4%;
	height: 3.6%;
	width: 16.5%;
	text-align: center;
}

#submit_login, #submit_section01 {
    position: absolute;
    top: 74.3%;
    left: 50%;
    transform: translateX(-50%);
    width: 24%;
    height: 3.6%;
    cursor: pointer;
    opacity: 0;
}

#client_company {
    position: absolute;
    top: 60.6%;
    left: 27%;
    transform: none;
    height: 3.4%;
    width: 60%;
    text-align: center;
}

#client_doctor {
	position: absolute;
	top: 65.85%;
	left: 27%;
	transform: none;
	height: 3.4%;
	width: 60%;
	text-align: center;
}

.section01_new {
    position: absolute;
    top: 55.4%;
    left: 67.1%;
    width: 24%;
    height: 3.5%;
    cursor: pointer;
}

.goto_home {
    position: absolute;
	top:none;
    bottom: 2.1%;
	left:none;
    right: 3.8%;
    width: 8.9%;
    height: 5%;
    cursor: pointer;
}

.goto_home2 {
    position: absolute;
    top: 92.7%;
    left: 87%;
    width: 9.2%;
    height: 5.3%;
    cursor: pointer;
}

.goto_home3 {
	position: absolute;
	top: 92.8%;
	right: 4.0%;
	width: 8.9%;
	height: 5%;
	cursor: pointer;
	z-index: 10;
}

.display_client_name {
    position: absolute;
    top: 19.4%;
    left: 39.5%;
    width: 31.5%;
    height: 2.9%;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.display_doctor_name {
    position: absolute;
    top: 24.2%;
    left: 39.5%;
    width: 31.5%;
    height: 2.9%;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.this_week {
    position: absolute;
    top: 36.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 8%;
    width: 93%;
    color: #000;
    font-size: 4vw;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

#previous_section02 {
    position: absolute;
    top: 86.1%;
    left: 20.5%;
    width: 27.7%;
    height: 3.5%;
    cursor: pointer;
    opacity: 0;
}

#submit_section02 {
    position: absolute;
    top: 86.1%;
    left: 51.5%;
    width: 27.7%;
    height: 3.5%;
    cursor: pointer;
    opacity: 0;
}

.select_patient01, .select_patient02, .select_patient03, 
.select_patient04, .select_patient05, .select_patient06, 
.select_patient07, .select_patient08, .select_patient09, 
.select_patient10 {
    top: 57.1%;
}

.patient_status_01week, .patient_status_02week, .patient_status_03week {
    position: absolute;
    top: 61%;
    width: 12.8%;
    height: 4%;
    font-size: 5vw;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.patient_status_04week, .patient_status_05week, .patient_status_06week {
	position: absolute;
    top: 73.2%;
    width: 12.8%;
    height: 4%;
    font-size: 5vw;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.patient_status_week_total {
	position: absolute;
    top: 73.2%;
    width: 12.8%;
    height: 4%;
    font-size: 5vw;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.patient_status_01week {
    left: 22.15%;
}

.patient_status_02week {
    left: 43.5%;
}

.patient_status_03week {
    left: 64.9%;
}

.patient_status_04week {
    left: 22.15%;
}

.patient_status_05week {
    left: 43.5%;
}

.patient_status_06week {
    left: 64.8%;
}

.patient_status_week_total {
    left: 83.5%;
}

#next_page {
	position: absolute;
	top: 86.1%;
	left: 51.5%;
	width: 27.7%;
	height: 3.5%;
	cursor: pointer;
	opacity: 0;
}

.week01 {
    top: 28.3%;
    height: 3.8%;
    z-index: 6;
}

.week02 {
	top: 25%;
    height: 3.8%;
	z-index: 5;
}


.week03 {
	top: 21.6%;
    height: 3.8%;
	z-index: 4;
}

.week04 {
	top: 18.3%;
    height: 3.8%;
	z-index: 3;
}

.week05 {
	top: 14.9%;
    height: 3.8%;
	z-index: 2;
}

.week01_percent {
    position: absolute;
    top: 30%;
    left: 88.5%;
    width: 9%;
    height: 3%;
    font-size: 2vw;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.week02_percent {
    position: absolute;
    top: 26.7%;
    left: 88.5%;
    width: 9%;
    height: 3%;
    font-size: 2vw;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.week03_percent {
    position: absolute;
    top: 23.2%;
    left: 88.5%;
    width: 9%;
    height: 3%;
    font-size: 2vw;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.week04_percent {
    position: absolute;
    top: 20%;
    left: 88.5%;
    width: 9%;
    height: 3%;
    font-size: 2vw;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.week05_percent {
    position: absolute;
    top: 16.5%;
    left: 88.5%;
    width: 9%;
    height: 3%;
    font-size: 2vw;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

/* max-length end */	
}