
/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 850px ) {


/* --------------- header --------------- */

	#wrap {
		padding-top: 60px;
	}

	#header {
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
	}

	.col_header {
		padding: 0;
	}

	#headlogo {
		width: 62%;
		max-width: 360px;
		padding: 0 0 0 1.5%;
		box-sizing: border-box;
	}

	.col_r_header {
		width: 100%;
		height: calc( 100vh - 60px );
		margin: 0;
		padding: 3.5% 0 8vw;
		background-color: rgba(158,159,159,0.9);
		border-top: solid 1px #eee;
		box-sizing: border-box;
		overflow: auto;
		position: fixed;
		top: 60px;
		left: 0;
		z-index: 1;
		display: none;
	}

	.btnarea_header {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
		display: block;
	}

	.btnarea_header a {
		width: 100%;
		max-width: unset;
		padding: 0 10px;
		line-height: 1.4;
		text-align: left;
		display: block;
		position: relative;
		z-index: 0;
	}

	.btnarea_header a:hover {
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}

	.btnarea_header a.user {
		margin: 0;
	}

	.btnarea_header a.medical {
		margin-top: 3%;
	}

	.btnarea_header a.trigger {
		border: solid 1px #fff;
	}

	.btnarea_header a span.inner {
		padding: 12px 0;
	}

	.btnarea_header a span.inner:before,
	.btnarea_header a span.inner:after {
		content: none;
	}

	.btnarea_header a span.btn_toggle {
		width: 20px;
		height: 20px;
		margin: -10px 0 0 0;
		padding: 0;
		background-color: #fff;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 15px;
	}

	.btnarea_header a span.btn_toggle:before,
	.btnarea_header a span.btn_toggle:after {
		content: "";
		width: 12px;
		height: 2px;
		margin: -1px 0 0 0;
		padding: 0;
		background-color: #f2983f;
		position: absolute;
		top: 50%;
		left: 4px;
	}

	.btnarea_header a.medical span.btn_toggle:before,
	.btnarea_header a.medical span.btn_toggle:after {
		background-color: #1d92ab;
	}

	.btnarea_header a.close span.btn_toggle:after {
		transform-origin: center center;
		transform: rotate(90deg);
	}

	.box_link_header {
		width: 100%;
		margin: 0;
		padding: 3% 0;
		background-color: #f2983f;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		box-sizing: border-box;
		display: block;
	}

	.box_link_header.green {
		background-color: #1d92ab;
	}

	.box_link_header .cont_link_header {
		width: 94%;
		margin: 0 auto 10px;
		padding: 0;
		background-color: #fcebdb;
	}

	.box_link_header.green .cont_link_header {
		background-color: #d4eaef;
	}

	.box_link_header .cont_link_header.btm {
		margin-bottom: 0;
	}

	.box_link_header dl.cont_link_header dt {
		margin: 0;
		padding: 10px 12px;
		color: #f2983f;
	}

	.box_link_header dl.cont_link_header dd {
		margin: 0;
		padding: 0;
		background-color: #fff;
		border-top: solid 1px #f2983f;
	}

	.box_link_header .cont_link_header .nolink {
		position: relative;
		z-index: 0;
	}

	.box_link_header .cont_link_header .nolink:before {
		content: "";
		width: 8px;
		height: 8px;
		margin: -5px 0 0 0;
		padding: 0;
		border-right: solid 1px #f2983f;
		border-bottom: solid 1px #f2983f;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 13px;
	}

	.box_link_header .cont_link_header a {
		margin: 0;
		padding: 10px 12px;
		color: #f2983f;
	}

	.box_link_header.green .cont_link_header a {
		color: #1d92ab;
	}

	.box_link_header .cont_link_header a:before {
		content: "";
		width: 8px;
		height: 8px;
		margin: -5px 0 0 0;
		padding: 0;
		border-top: solid 1px #f2983f;
		border-right: solid 1px #f2983f;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 13px;
	}

	.box_link_header.green .cont_link_header a:before {
		border-color: #1d92ab;
	}

	#navi {
		width: 90%;
		height: auto;
		margin: 3% auto;
		padding: 0;
		background-color: #fff;
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		display: block;
	}

	#navi a {
		width: 100%;
		max-width: unset;
		padding: 10px;
		text-align: left;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
		justify-content: flex-start;
	}

	#navi a:before,
	#navi a:last-child:before {
		content: "";
		width: 8px;
		height: 8px;
		margin: -5px 0 0 0;
		padding: 0;
		border-top: solid 1px #444;
		border-right: solid 1px #444;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: 50%;
		right: 13px;
	}

	#navi a span.inner:before {
		content: none;
	}

	a.btn_sanei_header {
		width: 90%;
		margin: 0 auto 3%;
		padding: 6px 5px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background-color: #30477b;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		display: block;
		box-sizing: border-box;
	}

	.btn_close_header {
		width: 60px;
		margin: 0 auto;
		padding: 45px 0 0 0;
		color: #fff;
		text-align: center;
		display: block;
		position: relative;
		z-index: 0;
	}

	.btn_close_header span {
		width: 40px;
		height: 3px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		position: absolute;
		top: 25px;
		left: 10px;
		transform-origin: center center;
		-moz-transform-origin: center center;
		-webkit-transform-origin: center center;
	}

	.btn_close_header span:nth-child(1) {
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.btn_close_header span:nth-child(2) {
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}


	#menubtn {
		width: 60px;
		height: 60px;
		background-color: #9e9f9f;
		display: block;
		position: relative;
		z-index: 0;
	}

	#menubtn span {
		width: 40px;
		height: 3px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		display: inline-block;
		position: absolute;
		left: 10px;
	}

	#menubtn span:nth-child(1) {
		top: 15px;
	}

	#menubtn span:nth-child(2) {
		top: 28px;
	}

	#menubtn span:nth-child(3) {
		top: 41px;
	}

	#menubtn span:nth-of-type(1) {
		-webkit-animation: menu-bar01 .75s forwards;
		animation: menu-bar01 .75s forwards;
	}
	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(13px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(13px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar01 {
		0% {
			transform: translateY(13px) rotate(45deg);
		}
		50% {
			transform: translateY(13px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}

	#menubtn span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}

	#menubtn span:nth-of-type(3) {
		-webkit-animation: menu-bar02 .75s forwards;
		animation: menu-bar02 .75s forwards;
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-13px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-13px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			transform: translateY(-13px) rotate(-45deg);
		}
		50% {
			transform: translateY(-13px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}

	#menubtn.active span:nth-of-type(1) {
		-webkit-animation: active-menu-bar01 .75s forwards;
		animation: active-menu-bar01 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(10px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(10px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(13px) rotate(0);
		}
		100% {
			transform: translateY(13px) rotate(45deg);
		}
	}

	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menubtn.active span:nth-of-type(3) {
		-webkit-animation: active-menu-bar03 .75s forwards;
		animation: active-menu-bar03 .75s forwards;
	}

	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-13px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-13px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-13px) rotate(0);
		}
		100% {
			transform: translateY(-13px) rotate(-45deg);
		}
	}

	header .spacer {
		width: 1px;
		height: 100px;
		display: block;
	}


	/* --------------- subheader --------------- */
	.user .col_header,
	.medical .col_header {
		padding: 0;
	}


	#subheadlogo {
		width: 62%;
		max-width: 360px;
		padding: 0 0 0 1.5%;
		box-sizing: border-box;
	}

	.col_r_subheader .btnarea_header {
		display: block;
	}

	.col_spmenu {
		width: 100%;
		height: calc( 100vh - 60px );
		margin: 0;
		padding: 3.5% 0 8vw;
		background-color: rgba(158,159,159,0.9);
		border-top: solid 1px #eee;
		box-sizing: border-box;
		display: block;
		overflow: auto;
		position: fixed;
		top: 60px;
		left: 0;
		z-index: 1;
		display: none;
	}

	.col_spmenu.active {
		display: flex;
	}

	#subnavi1 {
		width: 90%;
		height: auto;
		margin: 3% auto;
		padding: 0;
		background-color: #fff;
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		display: block;
	}

	#subnavi1 a {
		width: 100%;
		max-width: unset;
		padding: 10px;
		font-size: 17px;
		text-align: left;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
		justify-content: flex-start;
		position: relative;
	}

	#subnavi1 a:before,
	#subnavi1 a:last-child:before {
		content: "";
		width: 8px;
		height: 8px;
		margin: 0;
		padding: 0;
		border-top: solid 1px #444;
		border-right: solid 1px #444;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 13px;
	}

	#subnavi1 a span.inner:before {
		content: none;
	}

	.btm_navi {
		display: none;
	}

	#subnavi1 a.right {
		display: none;
	}



/* --------------- footer --------------- */

	.col_footer {
		padding: 30px 15px 60px;
		display: block;
	}

	.col_l_footer {
		width: 100%;
		margin: 10px auto 30px;
		padding: 0;
		text-align: center;
	}

	.col_l_footer .pc_none {
		display: inline-block;
	}

	.col_l_footer .sp_none {
		display: none;
	}

  .col_l_footer:first-child {
    margin: 10px auto 60px;
  }
  .col_l_footer:first-child:before {
    width: 100%;
    max-width: 620px;
    height: 2px;
    bottom: -31px;
    left: 50%;
      transform: translateX(-50%);
  }
  .col_l_footer .col-wrap {
    padding: 0;
  }

	/*
	.col_r_footer {
		width: 100%;
		margin: 0 auto;
	}
	*/

	dl.col_hours_footer {
		line-height: 1.5;
		display: block;
	}

	dl.col_hours_footer dt {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	dl.col_hours_footer dd {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.box_btmfooter {
		width: 100%;
		max-width: 620px;
		margin: 0 auto;
		padding: 0;
		flex-wrap: wrap;
	}
	
	.box_btmfooter a {
		width: 48%;
		margin: 0 4% 3% 0;
	}
	
	.box_btmfooter a:nth-child(even) {
		margin-right: 0;
	}

	a.btn_sanei_footer {
		width: 86%;
		max-width: 360px;
		margin: 0;
		padding: 6px;
		left: 50%;
		transform: translateX(-50%);
	}



/* --------------- top --------------- */

	#topmain {
		height: 160vw;
		max-height: 800px;
	}

	.bg_left_main {
		width: 100%;
		height: 50%;
		top: auto;
		left: 0;
		right: auto;
		bottom: 50%;
	}

	.action2 .bg_left_main {
		background-image: url(../img/sp/mainimg_user.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom 64%;
	}

	.bg_left_main span.bgcolor {
		width: 0;
		height: 100%;
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}

	.action1 .bg_left_main span.bgcolor {
		width: 100%;
		transform-origin: center bottom;
	}

	.action2 .bg_left_main span.bgcolor {
		top: auto;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.bg_right_main {
		width: 100%;
		height: 50%;
		top: 50%;
		left: 0;
	}

	.action2 .bg_right_main {
		background-image: url(../img/sp/mainimg_medical.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top 45%;
	}

	.bg_right_main span.bgcolor {
		width: 0;
		height: 100%;
		top: 0;
		left: auto;
		right: 0;
		bottom: auto;
	}

	.action1 .bg_right_main span.bgcolor {
		width: 100%;
		transform-origin: center top;
	}

	.action2 .bg_right_main span {
		top: 0;
		bottom: auto;
		right: 50%;
		transform: translate(50%, 0);
	}


	.col_topmain {
		width: 90%;
		max-width: 600px;
		height: auto;
		max-height: unset;
		padding: 4.5% 0;
		flex-direction: column;
	}

	.col_topmain:before,
	.col_topmain:after {
		content: "";
		width: 100%;
		height: 50%;
		right: auto;
		left: 0;
	}

	.col_topmain:before {
		top: 0;
	}

	.lead_topmain {
		margin: 0 auto;
		padding: 9% 2% 7%;
	}

	.col_topmain:after {
		top: 50%;
	}

	.cont_topmain {
		width: 100%;
		padding: 0 8%;
	}

	.cont_topmain.user {
		order: -1;
	}

	.cont_topmain a {
		max-width: 400px;
		height: 90px;
		margin: 0 auto;
	}



/* --------------- policy --------------- */

	.col_pagettl {
		margin: 0 auto;
	}

	.img_pagettl {
		height: 37vw;
	}

	.cont_content.policy {
		margin-bottom: 30px;
		padding: 60px 0;
	}

	dl.txt_point_policy > dt {
		font-size: 28px;
	}

	dl.txt_point_policy dt .num {
		width: 90px;
	}

	.cont_btmcontact dl dt {
		font-size: 22px;
	}



/* --------------- access --------------- */

	.col_list_access1 dl dt {
		width: 40%;
	}

	.box_access1 {
		padding: 40px 6%;
	}

	.img_box_access1 {
		width: 240px;
	}



/* --------------- staff --------------- */

	.box_staff1 {
		width: 47.5%;
		max-width: unset;
		height: 30vw;
		max-height: unset;
	}

	.box_staff1:nth-of-type(3n-2) {
		margin-left: 5%;
	}

	.box_staff1:nth-of-type(odd) {
		margin-left: 0;
	}

	.txt_staff {
		font-size: 2vw;
	}



/* --------------- recruit --------------- */

	.col_recruit1 {
		width: 92%;
		margin: 0 auto;
		display: block;
	}

	.cont_recruit1 {
		width: 100%;
	}

	.cont_recruit1:nth-child(odd) {
		margin-right: 0;
	}

	.img_recruit1 {
		width: 25vw;
		height: 25vw;
	}




/* --------------- medical --------------- */

	#medicalmain {
		margin: 0 auto 3.5vw;
		display: block;
	}

	.col_main_medical {
		width: 100%;
		height: 51.5vw;
		margin: 0 0 10px;
	}

	.col_main_medical > img {
		width: 100%;
		height: auto;
	}

	.col_main_medical:nth-child(2) > img {
		position: absolute;
		top: auto;
		bottom: 0;
	}

	.col_main_medical img.sp_none {
		display: none;
	}

	.col_main_medical img.pc_none.tab_none {
		display: inline-block;
	}

	.cont_main_medical {
		padding: 0;
		align-items: center;
	}

	.box_main_medical {
		width: 90%;
		height: 66%;
		max-height: 230px;
		margin: 0 auto;
	}

	.col_medicaltop {
		width: 92%;
		margin: 0 auto 3.5vw;
		flex-wrap: wrap;
	}

	a.bnr_medicaltop {
		width: calc( (100% - 10px)/2 );
		margin: 0 10px 10px 0;
	}

	a.bnr_medicaltop.staff {
		margin-right: 0;
	}

	a.bnr_medicaltop.contact {
		width: 100%;
	}



/* --------------- service --------------- */

	.col_service dl dt {
		font-size: 27px;
	}


/* --------------- user --------------- */

	#usermain {
		margin: 0;
		display: block;
	}

	.col_main_user {
		width: 100%;
		height: 51.5vw;
		margin: 0 0 10px;
	}

	.col_main_user > img {
		width: 100%;
		height: auto;
	}

	.col_main_user img.sp_none {
		display: none;
	}

	.col_main_user img.pc_none.tab_none {
		display: inline-block;
	}

	.col_main_user .cont_main_medical {
		padding: 0;
	}

	.col_main_user .box_main_medical {
		margin: 0 auto;
	}

	.col_usertop {
		margin: 0 auto 3.5vw;
		display: block;
	}

	.col_usertop .col_main_user {
		width: 100%;
		height: 51.5vw;
		margin: 0;
	}

	.col_usertop .col_main_user .cont_main_medical {
		padding: 0;
	}

	.col_usertop .box_main_medical {
		width: 96%;
		height: 320px;
	}

	.col_toplink_user {
		width: 92%;
		margin: 0 auto;
		padding: 3.5vw 0 0 0;
		display: flex;
		flex-wrap: wrap;
	}

	.col_usertop a.bnr_medicaltop {
		width: calc( (100% - 10px)/2 );
		height: 140px;
		align-items: center;
		justify-content: flex-end;
	}

	.col_usertop a.bnr_medicaltop img.sp_none {
		display: none;
	}

	.col_usertop a.bnr_medicaltop img.pc_none.tab_none {
		display: inline-block;
	}

	.col_usertop .txt_medicaltop {
		width: 50%;
		height: 100%;
		margin: 0;
	}

	.col_usertop a.bnr_medicaltop.contact {
		width: 100%;
		margin: 0;
		flex-direction: row;
		justify-content: center;
	}

	.col_usertop a.bnr_medicaltop.contact .icon_contact {
		width: 57px;
		height: 57px;
		margin: 0 15px 0 0;
		padding: 9px 0 0 0;
	}

	.col_usertop a.bnr_medicaltop.contact .icon_contact img {
		width: 28px;
	}



/* --------------- v_nursing --------------- */

	ul.list_service_vnursing {
		justify-content: center;
	}

	ul.list_service_vnursing li {
		width: calc( (100% - 45px)/3 );
	}

	ul.list_service_vnursing li a {
		font-size: 14.5px;
	}
	
	.col_specify_nursing .left {
		width: 100%;
		margin: 0;
	}
	
	.lead_specify_nursing img.pc_none {
		width: 87%;
		max-width: 562px;
		margin: 0 auto;
		display: block;
	}
	
	.col_specify_nursing .right.pc_none {
		width: 70%;
		max-width: 380px;
		margin: 0 auto 15px;
		display: block;
	}
	
	.col_specify_nursing .right.sp_none,
	.lead_specify_nursing img.sp_none {
		display: none;
	}
	



/* --------------- rehabili --------------- */






/* --------------- caremanager --------------- */

	dl.lead_cm_vnursing1 dt {
		font-size: 27px;
	}

	.left_cm_vnursing1 {
		width: 52%;
		margin-right: 1%;
	}

	.col_cm_vnursing1 .arrow {
		width: 8%;
		margin-right: 1%;
	}

	.col_cm_vnursing1.tall .arrow .leftline,
	.col_cm_vnursing1.tall .arrow .rightline {
		width: 30%;
	}

	.right_cm_vnursing1 {
		width: 38%;
	}

	.right_cm_vnursing1 .cont {
		font-size: 20px;
	}



/* --------------- insurance --------------- */

	.mds_insurance1,
	.col_insurance1 .blank {
		width: 24%;
		margin: 0 20px 0 0;
	}

	dl.cont_insurance1,
	.col_branch_insurance {
		width: calc( 76% - 20px );
	}

	.list_insurance_disease1 {
		padding: 0 0 5px 0px;
	}

	.col_flow_homecare1 {
		padding-right: calc( 13% + 10px );
	}

	.span_flow_homecare1 {
		right: 10px;
	}



/* --------------- fee v_nursing --------------- */

	table.tbl_fee_vnursing th {
		width: 80px;
	}



/* --------------- homecare --------------- */

	ul.list_service_homecare1 li {
		width: calc( 100% / 3 );
	}

	.col_support_homecare1 {

	}

	.img_support_homecare {
		width: 100%;
		height: auto;
		background-image: none;
		order: -1;
	}

	.img_support_homecare img {
		display: inline-block;
	}

	.img_support_homecare1 {
		display: none;
	}

	dl.box_support_homecare1 {
		width: 100%;
	}

	dl.box_support_homecare1.top {
		width: 100%;
		margin: 0 0 15px 0;
	}

	dl.box_support_homecare1.support8,
	dl.box_support_homecare1.support9,
	dl.box_support_homecare1.support10 {
		width: 100%;
	}

	dl.box_support_homecare1 dt {
		height: auto;
		min-height: 44px;
	}

	dl.box_support_homecare1 dd {
		min-height: 5em;
		text-align: left;
	}

	dl.box_support_homecare1.top dt {
		font-size: 18px;
	}

	dl.box_support_homecare1.top dd {
		font-size: 15px;
	}

	dl.box_support_homecare1:before {
		content: none;
	}

	dl.box_support_homecare1 dd .inner {
		width: 100%;
	}

	.cont_support_homecare1 {
		width: 100%;
	}



/* --------------- example --------------- */

	table.tbl_example1 th {
		width: 120px;
		padding: 10px 5px;
	}



}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */
