@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : network_team.css
 author     : Ability Consultant
 style info : 看護・介護連携ツール「Team」のお申込みについて
=================================================================== */
.con_basic {
	max-width: 960px;
	margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_basic {
		width: 95%;
  }
}

/*Animate */
/* -----------------------------------------------------------
	.con_basic
----------------------------------------------------------- */
.con_basic .con_intro {
	text-align: center;
	margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_intro {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_intro {
		margin-bottom: 30px;
  }
}
.con_basic .con_intro .st_orange {
	margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_intro .st_orange {
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_intro .st_orange {
		margin-bottom: 20px;
  }
}
.con_basic .con_intro .intro_txt {
	margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_intro .intro_txt {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_intro .intro_txt {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_intro .intro_txt {
		text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .con_basic .con_pdf {
		display: flex;
		flex-direction: column;
  }
}
@media print {
  .con_basic .con_pdf {
		display: flex;
		flex-direction: column;
  }
}
.ie8 .con_basic .con_pdf {
	display: flex;
	flex-direction: column;
}
.con_basic .con_pdf .pdf_txt {
	text-align: center;
	margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .pdf_txt {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .pdf_txt {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .pdf_txt {
		text-align: left;
  }
}
.con_basic .con_pdf .box {
	margin: 0 auto 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box {
		margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box {
		margin: 0 auto 30px;
  }
}
@media only screen and (min-width: 768px) {
  .con_basic .con_pdf .box {
		display: flex;
		flex-direction: row;
  }
}
@media print {
  .con_basic .con_pdf .box {
		display: flex;
		flex-direction: row;
  }
}
.ie8 .con_basic .con_pdf .box {
	display: flex;
	flex-direction: row;
}
.con_basic .con_pdf .box .t {
	text-align: center;
	font-size: 118%;
	padding-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box .t {
		padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box .t {
		padding-right: 0;
  }
}
.con_basic .con_pdf .box .t .bold {
	font-family: "Fjalla One", sans-serif;
	font-size: 165%;
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box .t {
		padding-bottom: 15px;
  }
}
.con_basic .con_pdf .box .pdf_btn {
	width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box .pdf_btn {
		width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box .pdf_btn {
		width: 100%;
  }
}
.con_basic .con_pdf .box .pdf_btn .btn_cv {
	margin-bottom: 15px;
}
.con_basic .con_pdf .box .pdf_btn .btn_cv:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .con_basic .con_pdf .box .pdf_btn {
		flex-direction: row;
  }
}
@media print {
  .con_basic .con_pdf .box .pdf_btn {
		flex-direction: row;
  }
}
.ie8 .con_basic .con_pdf .box .pdf_btn {
	flex-direction: row;
}
.con_basic .con_pdf .box_caution {
	background: #efefef;
	margin-bottom: 20px;
	padding: 1.5em;
	border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box_caution {
		margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box_caution {
		margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box_caution {
		padding: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box_caution {
		padding: 1em;
  }
}
.con_basic .con_pdf .box_caution .t_caution {
	color: #c83909;
	padding-bottom: 10px;
}
.con_basic .con_pdf .box_caution .lead_txt {
	padding: 0;
	margin: 0 0 20PX;
	text-align: left;
}
.con_basic .con_pdf .box_caution .txt {
	padding: 0;
	margin: 10px 0 20PX;
	text-align: left;
}
.con_basic .con_pdf .box_caution ul {
	padding-left: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box_caution ul {
		padding-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box_caution ul {
		padding-left: 1.5em;
  }
}
.con_basic .con_pdf .box_caution ul li {
	text-indent: -1.75em;
	padding-left: 1.75em;
	list-style: disc;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box_caution ul li {
		text-indent: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box_caution ul li {
		text-indent: -0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .con_pdf .box_caution ul li {
		padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .con_pdf .box_caution ul li {
		padding-left: 0.5em;
  }
}
.con_basic .box_agency {
	text-align: center;
	background: rgba(130, 227, 241, 0.1);
	padding: 1.5em;
	border-radius: 10px;
}
.con_basic .box_agency .st_orange {
	margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .st_orange {
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .st_orange {
		margin-bottom: 20px;
  }
}
.con_basic .box_agency .wrp_agency {
	display: flex;
	flex-direction: column;
	position: relative;
	background: url(../support/images/img_bg_agency.png) center center no-repeat;
	background-size: cover;
}
.con_basic .box_agency .wrp_agency .ippan {
	display: block;
	background: #82e3f1;
	padding: 1.5em;
	border-radius: 15px;
	width: 40%;
	margin: 0 auto 125px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .ippan {
		padding: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .ippan {
		padding: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .ippan {
		width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .ippan {
		width: 39%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .ippan {
		margin: 0 auto 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .ippan {
		margin: 0 auto 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .ippan {
		font-size: 83%;
  }
}
.con_basic .box_agency .wrp_agency .ippan:before {
	content: '1.取次依頼書 (FAX)';
	position: absolute;
	left: 15%;
	top: 38%;
	color: #000;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .ippan:before {
		font-size: 83%;
		left: 5%;
  }
}
.con_basic .box_agency .wrp_agency .sub_wrp {
	display: flex;
	justify-content: space-around;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp {
		justify-content: space-between;
  }
}
.con_basic .box_agency .wrp_agency .sub_wrp .hachi {
	display: block;
	background: #395257;
	padding: 1.5em;
	border-radius: 15px;
	width: 25%;
	color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi {
		padding: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi {
		padding: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi {
		width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi {
		width: 39%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi {
		font-size: 83%;
  }
}
.con_basic .box_agency .wrp_agency .sub_wrp .hachi:before {
	content: '2.取次';
	position: absolute;
	right: 25%;
	top: 38%;
	color: #000;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .hachi:before {
		right: 20%;
		font-size: 83%;
  }
}
.con_basic .box_agency .wrp_agency .sub_wrp .chubu {
	display: block;
	background: #c83909;
	padding: 1.5em;
	border-radius: 15px;
	width: 25%;
	color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu {
		padding: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu {
		padding: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu {
		width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu {
		width: 39%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu {
		font-size: 83%;
  }
}
.con_basic .box_agency .wrp_agency .sub_wrp .chubu:before {
	content: '3.契約';
	position: absolute;
	left: 47%;
	bottom: 20%;
	color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu:before {
		bottom: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_agency .wrp_agency .sub_wrp .chubu:before {
		left: 46%;
		font-size: 83%;
  }
}
.con_basic .after {
	background: url(../network/care/images/arrow5.png) no-repeat center bottom;
	padding: 0 0 11%;
}
.con_basic .box_function {
	width: 94%;
	margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function {
		width: 100%;
  }
}
.con_basic .box_function ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	text-align: center;
}
.con_basic .box_function ul li {
	width: 45%;
	box-sizing: border-box;
	margin: 5px 0;
	padding: 20px 0;
	border-radius: 50px;
	position: relative;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function ul li {
		margin: 0;
		padding: 0;
		width: 47%;
  }
}
.con_basic .box_function ul li img {
	margin-bottom: -10px;
}
.con_basic .box_function ul li .band {
	border-radius: 50px;
	padding: 20px 0;
	margin: 0 12% 5%;
	color: #000;
	background: #6dc067;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function ul li .band {
		padding: 10px 0;
		margin: 0 0 5%;
  }
}
.con_basic .box_function ul li .box_txt, .con_basic .box_function ul li .box_txt2 {
	background: #efefef;
	padding: 1em;
	border-radius: 10px;
	text-align: left;
	margin-top: 2em;
}
.con_basic .box_function ul li .box_txt span, .con_basic .box_function ul li .box_txt2 span {
	color: #387a33;
}
.con_basic .box_function .box_1 .margin {
	width: 70%;
	margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_1 .margin {
		width: 90%;
  }
}
.con_basic .box_function .box_1 .ta_r {
	text-align: right;
	color: #333;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_1 .ta_r {
		padding: 0 2em;
  }
}
.con_basic .box_function .box_3 ul li {
	width: 33%;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_3 ul li {
		width: 47%;
  }
}
.con_basic .box_function .box_3 ul li img {
	padding: 0 2em;
}
.con_basic .ttl_s_o {
	background: #bfdeae !important;
}
.con_basic .box_wrap {
	padding: 0 0 2em 0;
	text-align: left;
}
.con_basic table {
    display: table;
	width: 100%;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
	border: solid gray 2px;
}
.con_basic table caption {
    display: table-caption;
	margin: 1em;
	padding: 1em;
}
.con_basic table th,td {
    display: table-cell;
	margin: 0;
	padding: 1em;
	border: solid gray 1px;
}
.con_basic .after {
	background: url(../network/care/images/arrow5.png) no-repeat center bottom;
	padding: 0 0 11%;
}
.con_basic .box_function {
	width: 94%;
	margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function {
		width: 100%;
  }
}
.con_basic .box_function ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	text-align: center;
}
.con_basic .box_function ul li {
	width: 45%;
	box-sizing: border-box;
	margin: 5px 0;
	padding: 20px 0;
	border-radius: 50px;
	position: relative;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function ul li {
		margin: 0;
		padding: 0;
		width: 47%;
  }
}
.con_basic .box_function ul li img {
	margin-bottom: -10px;
}
.con_basic .box_function ul li .band {
	border-radius: 50px;
	padding: 20px 0;
	margin: 0 12% 5%;
	color: #000;
	background: #6dc067;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function ul li .band {
		padding: 10px 0;
		margin: 0 0 5%;
  }
}
.con_basic .box_function ul li .box_txt, .con_basic .box_function ul li .box_txt2 {
	background: #efefef;
	padding: 1em;
	border-radius: 10px;
	text-align: left;
	margin-top: 2em;
}
.con_basic .box_function ul li .box_txt span, .con_basic .box_function ul li .box_txt2 span {
	color: #387a33;
}
.con_basic .box_function .box_1 .margin {
	width: 70%;
	margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_1 .margin {
		width: 90%;
  }
}
.con_basic .box_function .box_1 .ta_r {
	text-align: right;
	color: #333;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_1 .ta_r {
		padding: 0 2em;
  }
}
.con_basic .box_function .box_3 ul li {
	width: 33%;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_function .box_3 ul li {
		width: 47%;
  }
}
.con_basic .box_function .box_3 ul li img {
	padding: 0 2em;
}
.con_basic .ttl_s_o {
	background: #bfdeae !important;
}
.con_basic .box_wrap {
	padding: 0 0 2em 0;
	text-align: left;
}
.con_basic table {
    display: table;
	width: 100%;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
	border: solid gray 2px;
}
.con_basic table caption {
    display: table-caption;
	margin: 1em;
	padding: 1em;
}
.con_basic table th,td {
    display: table-cell;
	margin: 0;
	padding: 1em;
	border: solid gray 1px;
}