@charset "utf-8";
@import "/css/common/0-import.css";
/*------------------------------------------------------------
  共通／index.php
------------------------------------------------------------*/
#conts p {
	margin-bottom: 20px;
	font-size: 1.167em;
	line-height: 1.8;
}

#conts p span {
	font-weight: bold;
}

#conts .mb10 {
	margin-bottom: 10px;
}

#conts .mb20 {
	margin-bottom: 20px;
}

#conts .mb30 {
	margin-bottom: 30px;
}

#conts .inner {
	margin: 0 10px;
}

#conts .ttl01 {
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: 3px solid #099;
	font-size: 2em;
	font-weight: normal;
}

#conts .ttl02 {
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 14px 20px 10px;
	height: 44px;
	background: url(/img/careerchange/index/ttl02_bg.jpg) no-repeat;
}

#conts .ttl03 {
	margin-bottom: 0;
	padding: 12px 0 7px 40px;
	border-top: 2px solid #099;
	position: relative;
	color: #00a5ac;
	font-family: "メイリオ", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
}

#conts .ttl03:after {
	margin: auto;
	width: 33px;
	height: 31px;
	background-size: 33px 31px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
}

#conts .ttl04 {
	margin-bottom: 12px;
	font-family: "メイリオ", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

#conts .ttl04.orange {
	color: #f89133;
}

#conts .ttl05 {
	margin-bottom: 3px;
	padding-top: 5px;
	border-top: 2px solid #00a5ae;
	color: #00a5ad;
	font-family: "メイリオ", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

#conts .ttl06 {
	margin-bottom: 0;
	padding: 8px 0 7px 0;
	border-top: 2px solid #099;
	position: relative;
	color: #00a5ac;
	font-family: "メイリオ", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
}

#conts .ttl07 {
	margin-bottom: 5px;
	color: #00a5ad;
	font-size: 1.333em;
	font-weight: bold;
	line-height: 1.5;
}

#conts #section01,
#conts #section02,
#conts #section03,
#conts #section04,
#conts #section05 {
	margin-bottom: 40px;
}

#conts .media {
	display: flex;

	justify-content: space-between;
}

#conts .media p {
	margin-right: 20px;
	margin-bottom: 0;
	width: 400px;
}

#conts .imgArea {
	margin-bottom: 5px;
	padding: 17px;
	border: 3px solid #f0f0f0;
	text-align: right;
}

#conts .box:nth-of-type(1) .ttl03:after {
	background: url(/img/careerchange/index/icon01.png) no-repeat center;
}

#conts .box:nth-of-type(2) .ttl03:after {
	background: url(/img/careerchange/index/icon02.png) no-repeat center;
}

#conts .box:nth-of-type(3) .ttl03:after {
	background: url(/img/careerchange/index/icon03.png) no-repeat center;
}

#conts .box:nth-of-type(4) .ttl03:after {
	background: url(/img/careerchange/index/icon04.png) no-repeat center;
}

#conts .box:nth-of-type(4) {
	margin-bottom: 30px;
}

#conts .btn_wrapper {
	margin-top: 30px;
	text-align: center;
}

#conts .btn_wrapper .btn {
	display: inline-block;
	transition: .5s;
}

#conts .btn_wrapper .btn:hover {
	opacity: .8;
}

#conts .table {
	margin-bottom: 15px;
	width: 100%;
}

#conts .table .table_row {
	background: #00a5ad;
	color: #fff;
}

#conts .table .table_row th {
	height: 43px;
}

#conts .table .table_row th:first-child {
	background: #fff;
}

#conts .table th:first-child {
	width: 105px;
}

#conts .table td {
	padding: 10px;
}

#conts .table th,
#conts .table td {
	box-sizing: border-box;
	width: 134px;
	height: 60px;
	border: 1px solid #e4e1db;
	font-size: 1.167em;
	line-height: 1.3;
	text-align: center;
}

#conts .table .bg_blue {
	background: #edf3fa;
}

#conts .table .bg_orange {
	background: #fdefe6;
}

#conts .table .circle,
#conts .table .double_circle {
	position: relative;
}

#conts .table .circle:after,
#conts .table .double_circle:after {
	margin: auto;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	content: "";
}

#conts .table .circle:after {
	background: url(/img/careerchange/index/circle.png) no-repeat center;
}

#conts .table .double_circle:after {
	background: url(/img/careerchange/index/double_circle.png) no-repeat center;
}

#conts .table .none {
	font-size: 1.5rem;
	font-weight: bold;
}

#conts .table1 .table_row th,
#conts .table1 .table_row th:first-child {
	background: #00a5ad;
}

#conts .table1 {
	margin-bottom: 5px;
}

#conts .table1 th {
	background: #efefef;
}

#conts .table1 th:nth-child(1) {
	width: 40px;
}

#conts .table1 th:nth-child(2) {
	width: 40px;
}

#conts .table1 td {
	width: 180px;
	text-align: left;
}

#conts .table2 {
	margin-bottom: 5px;
}

#conts .table2 th {
	background: #efefef;
}

#conts .table2 th:nth-child(1) {
	width: 40px;
}

#conts .table2 td {
	width: 180px;
	text-align: left;
}

#conts .table2 td {
	width: 120px;
	text-align: left;
}

#conts .table3 {
	margin-top: 5px;
	width: 100%;
	border-collapse: collapse;
}

#conts .table3 th,
#conts .table3 td {
	padding: 7px 5px;
	border: 1px solid #e4e1db;
	font-size: 1.083em;
	font-weight: normal;
	text-align: center;
}

#conts .table3 tr:first-child th:first-child {
	border: none;
}

#conts .table3 .industries {
	box-sizing: border-box;
	padding: 7px 5px 7px 25px;
	width: 90px;
	position: relative;
	text-align: left;
}

#conts .table3 .industries:before {
	margin: auto;
	width: 10px;
	height: 10px;
	background: #00a5ae;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	content: "";
}

#conts .table3 tr:nth-of-type(3) .industries:before {
	background: #83c636;
}

#conts .table3 tr:nth-of-type(4) .industries:before {
	background: #f89133;
}

#conts .linkBox {
	margin-bottom: 30px;
	display: flex;
}

#conts .linkBox .linkList {
	margin-left: 20px;
	width: 545px;
}

#conts .linkBox .linkList ul {
	display: flex;

	flex-wrap: wrap;
}

#conts .linkBox .linkList li {
	margin-bottom: 5px;
	width: 48%;
	font-size: 1.167em;
	font-weight: bold;
}

#conts .linkBox .linkList li a {
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 2px;
}

#conts .linkBox .linkList li a.current {
	background: url(/img/common/icon/18.gif) no-repeat left 2px;
	color: #999;
	text-decoration: none;
	pointer-events: none;
}

#conts .toc {
	margin-top: 20px;
	padding: 10px 20px 12px;
	border: 3px solid #f0f0f0;
}

#conts .toc p {
	margin-bottom: 12px;
	border-bottom: 1px solid #00a5ad;
	color: #00a5ad;
	font-size: 1.667em;
	font-weight: bold;
	line-height: 1.5;
}

#conts .toc ul {
	margin-left: 5px;
}

#conts .toc li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/img/common/icon/10.gif) no-repeat left 9px;
	font-size: 1.167em;
}

#conts .toc li:last-of-type {
	margin-bottom: 0;
}

#conts .toc li a {
	color: #333;
}

#conts .toc li a:hover {
	text-decoration: none;
}

#conts .column {
	padding: 0 5px 5px;
	background: #00a5ae;
	border-radius: 4px;
}

#conts .column .columnTtl {
	padding: 20px 5px 20px 50px;
	background: url("../../img/careerchange/common/column_icon01.png") no-repeat 5px 11px;
}

#conts .column .columnTxt {
	padding: 15px 20px 13px;
	background: #fff;
	border-radius: 4px;
}

#conts .column p {
	margin-bottom: 0;
}


/*------------------------------------------------------------
  md
------------------------------------------------------------*/
#md #conts .companyBox {
	margin-bottom: 20px;
}

#md #conts .companyBox ul {
	margin-bottom: 10px;
	display: flex;

	justify-content: space-between;
}

#md #conts .companyBox li {
	box-sizing: border-box;
	padding: 15px 20px 12px;
	width: 325px;
	border: 2px solid #fbc899;
	border-radius: 4px;
}

#md #conts .companyBox li:last-child {
	border-color: #b9d0ec;
}

#md #conts .companyBox li p {
	margin-bottom: 0;
}

#md #conts .companyBox li .companyTtl {
	margin-bottom: 5px;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
}

#md #conts .companyLink {
	text-align: right;
}

#md #conts .companyLink a {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 2px;
	font-size: 1.167em;
	font-weight: bold;
}

/*------------------------------------------------------------
  mdsales
------------------------------------------------------------*/
#mdsales #conts .media .ttl {
	margin-bottom: 12px;
	display: inline-block;
	color: #00a5ac;
	font-family: "メイリオ", sans-serif;
	font-size: 1.286em;
	line-height: 1;
}

#mdsales #conts .merit,
#mdsales #conts .demerit {
	margin-bottom: 10px;
	padding: 15px 20px;
	border: 2px solid #ffb3b3;
	border-radius: 4px;
}

#mdsales #conts .merit {
	margin-top: 20px;
}

#mdsales #conts .demerit {
	border: 2px solid #99cce6;
}

#mdsales #conts .merit p,
#mdsales #conts .demerit p {
	margin-bottom: 10px;
	color: #f66;
	font-size: 1.333em;
	font-weight: bold;
}

#mdsales #conts .demerit p {
	color: #39c;
}

#mdsales #conts .merit p,
#mdsales #conts .demerit p {
	margin-bottom: 5px;
	font-weight: bold;
}

#mdsales #conts .merit li,
#mdsales #conts .demerit li {
	margin-bottom: 7px;
	padding-left: 20px;
	font-size: 1.167em;
}

#mdsales #conts .merit li:last-child,
#mdsales #conts .demerit li:last-child {
	margin-bottom: 0;
}

#mdsales #conts .merit li {
	background: url("../../img/careerchange/common/icon01.png") no-repeat left 3px;
}

#mdsales #conts .demerit li {
	background: url("../../img/careerchange/common/icon02.png") no-repeat left 3px;
}

#mdsales #conts .bg_green {
	margin-bottom: 20px;
	padding: 15px 20px 13px;
	background: #e5f6f7;
	border-radius: 4px;
}

#mdsales #conts .bg_green li {
	margin-bottom: 5px;
	font-size: 1.167em;
	font-weight: bold;
}

#mdsales #conts .graphArea {
	margin-bottom: 20px;
	display: flex;
}

#mdsales #conts .graphArea:nth-of-type(4) {
	margin-bottom: 10px;
}

#mdsales #conts .graphArea .graphTxt {
	margin-left: 25px;
	width: 275px;
}

#mdsales #conts .graphArea .graphTxt .ttl07 {
	margin-bottom: 0;
}

#mdsales #conts .point {
	box-sizing: border-box;
	margin-bottom: 5px;
	padding: 20px;
	background: url(../../img/careerchange/common/point_bg.png) no-repeat;
}

#mdsales #conts .point .pointTtl {
	margin-bottom: 7px;
	padding-left: 20px;
	background: url("../../img/careerchange/common/icon03.png") no-repeat;
	color: #00a5ad;
	font-family: "メイリオ", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
}

#mdsales #conts .point ul {
	display: flex;

	flex-wrap: wrap;
	justify-content: space-between;
}

#mdsales #conts .point ul li {
	margin-bottom: 10px;
	width: 48%;
	font-size: 1.167em;
	line-height: 1.8;
}

#mdsales #conts .point ul li:last-child {
	margin-bottom: 0;
}

#mdsales #conts .point ul li span {
	padding-left: 25px;
	background: url("../../img/careerchange/common/icon04.png") no-repeat left 5px;
	display: block;
	font-size: 1.143em;
	font-weight: bold;
}

#mdsales #conts .machine {
	margin-bottom: 20px;
}

#mdsales #conts .machine dl {
	display: flex;
}

#mdsales #conts .machine dl:first-of-type,
#mdsales #conts .machine dl:first-of-type dt {
	background: #ccedef;
}

#mdsales #conts .machine dl:first-of-type dt {
	width: 100%;
	border-bottom: none;
	font-size: 1.333em;
	font-weight: bold;
}

#mdsales #conts .machine dl dt,
#mdsales #conts .machine dl dd {
	box-sizing: border-box;
	padding: 10px 15px;
	border: 1px solid #e4e1db;
	font-size: 1.167em;
}

#mdsales #conts .machine dl dt {
	width: 150px;
	background: #efefef;
}

#mdsales #conts .machine dl dd {
	width: 520px;
	border-left: none;
}

#mdsales #conts .machine dl:nth-child(3) dt,
#mdsales #conts .machine dl:nth-child(3) dd {
	border-top: none;
}

#mdsales #conts .machine .machineInner {
	padding: 17px 20px 15px;
	border: 1px solid #e4e1db;
	border-top: none;
	display: flex;

	justify-content: space-between;
}

#mdsales #conts .machine .machineInner p {
	margin: 0 20px 0 0;
	width: 428px;
}

#mdsales #conts #section04 .column {
	margin-bottom: 40px;
}

#mdsales #conts #section05 p {
	margin-bottom: 10px;
}

#mdsales #conts #section05 .link {
	margin-left: 10px;
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 2px;
	font-size: 1.167em;
	font-weight: bold;
}

#mdsales #conts #section05 .link + p {
	margin-bottom: 0;
	margin-left: 15px;
	display: inline-block;
}