#subvisual {
	margin: 0px auto; width: 100%; position: relative;
}
#subvisual .visual {
	margin: 0px auto; width: 100%; height: 300px; position: relative;
}
#subvisual .visual h2 {
	text-align: center; color: rgb(255, 255, 255); padding-top: 120px; font-size: 60px; font-weight: 100; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
#subvisual .visual p {
	text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-weight: 600; display: none !important; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}

#subvisual .visualCompany_A {
	background: url("../img/company_visual_A.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_B {
	background: url("../img/company_visual_B.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_C {
	background: url("../img/company_visual_C.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_D {
	background: url("../img/company_visual_D.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_E {
	background: url("../img/company_visual_E.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_F {
	background: url("../img/company_visual_F.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_G {
	background: url("../img/company_visual_G.jpg") no-repeat center / cover;
}
#subvisual .visualCompany_M {
	background: url("../img/company_visual_M.jpg") no-repeat center / cover;
}



.li2 li {
	width: 50%;
}
.li3 li {
	width: 33.33%;
}
.li4 li {
	width: 25%;
}
.li5 li {
	width: 20%;
}
.li6 li {
	width: 16.66%;
}
.li7 li {
	width: 14.28%;
}
.li8 li {
	width: 12.5%;
}
.li9 li {
	width: 11.11%;
}
.li10 li {
	width: 10%;
}
.txt14 {
	font-size: 14px !important;
}
.txt18 {
	font-size: 18px !important;
}
.txt20 {
	font-size: 20px !important;
}
.txt22 {
	font-size: 22px !important;
}
.txt24 {
	font-size: 24px !important;
}
.txt30 {
	font-size: 30px !important;
}
.lnb {
	background: rgb(255, 255, 255); left: 50%; top: -165px; width: 100%; margin-left: -640px !important; position: absolute; z-index: 10; max-width: 1280px;
}
.lnb > ul > li {
	float: left; position: relative;
}
.lnb > ul > li::after {
	background: rgb(222, 222, 222); top: 25px; width: 1px; height: 20px; right: 0px; position: absolute; content: "";
}
.lnb > ul > li a {
	padding: 15px 0px; text-align: center; font-size: 18px; border-top-color: rgb(255, 255, 255); border-top-width: 5px; border-top-style: solid; display: block;
}
.lnb > ul > li a:hover {
	color: rgb(204, 0, 0); font-weight: 400;
}
.lnb > ul > li.on a {
	color: rgb(204, 0, 0); font-weight: 600; border-top-color: rgb(204, 0, 0); border-top-width: 5px; border-top-style: solid;
}
.lnb > ul > li.on::after {
	background: url("../img/lnb_arrow.png") no-repeat center; left: 50%; top: 60px; width: 12px; height: 8px; margin-left: -6px; position: absolute; content: "";
}
@media screen and (max-width:1440px)
{
.lnb {
	left: 0px; margin-left: 5% !important;
}
.lnb > ul > li a {
	font-size: 16px;
}
}
.contents {
	font-size: 16px;
}
.contents h3 {
	text-align: center; color: rgb(23, 27, 40); letter-spacing: -1px; padding-bottom: 10px; font-size: 48px; font-weight: 300; margin-bottom: 50px; position: relative;
}
.contents h3::after {
	background: rgb(23, 27, 40); left: 50%; top: 100%; width: 86px; height: 2px; margin-left: -43px; position: absolute; content: "";
}
.contents h4 {
	color: rgb(23, 27, 40); padding-bottom: 30px; font-size: 28px;
}
.contents h4 span {
	padding-bottom: 15px; border-bottom-color: rgb(204, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.contents h5 {
	background: url("../img/h5_ico.png") no-repeat left; color: rgb(23, 27, 40); padding-left: 16px; font-size: 20px; margin-top: 50px; margin-bottom: 10px;
}
.contents h5 span {
	color: rgb(116, 118, 123); padding-left: 10px; font-size: 15px; font-weight: 400;
}
.contents .tab {
	margin: 0px auto; text-align: center;
}
.contents .tab li {
	margin: 0px 1px; width: 198px; display: inline-block;
}
.contents .tab li a {
	background: rgb(185, 185, 185); width: 198px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; font-weight: 600; display: block;
}
.contents .tab li a:hover {
	background: rgb(23, 27, 40);
}
.contents .tab li.on a {
	background: rgb(161, 0, 0);
}
.contents .inTab {
	overflow: hidden; position: relative;
}
.contents .inTab > li {
	text-align: center; font-size: 16px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left; position: relative;
}
.contents .inTab > li br {
	display: none;
}
.contents .inTab > li a {
	padding: 15px 0px; display: block;
}
.contents .inTab > li a:hover {
	color: rgb(204, 0, 0); font-weight: 400;
}
.contents .inTab > li.on {
	color: rgb(204, 0, 0); font-weight: 600; border-bottom-color: rgb(204, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.contents .inTap_wrap {
	position: relative;
}
.contents .inTab_container > li {
	left: 0px; top: 20px; display: none; position: relative;
}
.contents .photo {
	overflow: hidden; position: relative;
}
.contents .photo > a {
	background: rgba(255, 255, 255, 0.5); border-radius: 32px; border: 1px solid rgba(202, 202, 202, 0.5); border-image: none; top: 50%; width: 64px; height: 64px; text-align: center; line-height: 64px; margin-top: -34px; display: block; position: absolute;
}
.contents .photo > a:hover {
	background: rgba(255, 255, 255, 0.8);
}
.contents .photo > a.prev {
	left: 1%;
}
.contents .photo > a.next {
	right: 1%;
}
.contents .photo .controll {
	top: 20px; width: 100%; text-align: right; right: 20px; position: absolute; z-index: 10;
}
.contents .photo .controll li {
	width: 100px; margin-right: 1px; display: inline-block;
}
.contents .photo .controll li a {
	background: rgba(23, 27, 40, 0.5); padding: 5px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; display: block;
}
.contents .photo .controll li.on a {
	background: rgba(23, 27, 40, 0.9); font-weight: 500;
}
.contents .photo .controll li a:hover {
	background: rgba(23, 27, 40, 0.9); font-weight: 500;
}
.contents .photo .controll li:last-child {
	margin-right: 0px;
}
.contents .list {
	border-collapse: collapse; box-sizing: border-box; border-spacing: 0;
}
.contents .list {
	border-top-color: rgb(238, 46, 36); border-top-width: 1px; border-top-style: solid;
}
.contents .list thead {
	background: rgb(245, 245, 245); width: 100%; position: relative;
}
.contents .list tbody {
	width: 100%; position: relative;
}
.contents .list thead th {
	background: rgb(245, 245, 245); padding: 8px 5px; height: 48px; text-align: center; color: rgb(204, 0, 0); line-height: 14px; font-size: 16px; font-weight: 500; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.contents .list thead th:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.contents .list tbody th {
	background: rgb(245, 245, 245); padding: 8px 5px; height: 48px; color: rgb(204, 0, 0); line-height: 14px; font-size: 16px; font-weight: 600; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.contents .list td {
	padding: 5px; height: 48px; text-align: center; font-size: 16px; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.contents .list td:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.contents .list.align_left tr td {
	text-align: left; padding-left: 20px; position: relative;
}
.contents .table_title {
	color: rgb(0, 0, 0); font-weight: 500; margin-bottom: 10px;
}
.contents .enter {
	border-color: currentColor; margin-top: 30px;
}
.contents .write {
	border-collapse: collapse; box-sizing: border-box; border-spacing: 0;
}
.contents .write {
	border-top-color: rgb(238, 46, 36); border-top-width: 1px; border-top-style: solid;
}
.contents .write thead {
	background: rgb(245, 245, 245); position: relative;
}
.contents .write tbody {
	position: relative;
}
.contents .write thead th {
	background: rgb(245, 245, 245); padding: 8px 20px; height: 48px; text-align: left; color: rgb(204, 0, 0); line-height: 14px; font-size: 16px; font-weight: 500; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.contents .write thead th:first-child {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.contents .write tbody th {
	background: rgb(245, 245, 245); padding: 8px 20px; height: 48px; color: rgb(204, 0, 0); line-height: 14px; font-size: 16px; font-weight: 500; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.contents .write tbody th:first-child {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.contents .write td {
	padding: 5px 20px; height: 48px; text-align: left; font-size: 16px; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.contents .write td:first-child {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
@media screen and (max-width:1024px)
{
#subvisual .visual {
	margin: 0px auto; width: 100%; height: 280px; position: relative;
}
#subvisual .visual h2 {
	text-align: center; color: rgb(255, 255, 255); padding-top: 160px; font-size: 36px; font-weight: 100; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
#subvisual .visual p {
	text-align: center; color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
.contents {
	font-size: 16px;
}
.contents h3 {
	font-size: 30px; margin-bottom: 15px;
}
.contents h3::after {
	left: 50%; top: 90%; width: 60px; height: 1px; margin-left: -30px; position: absolute; content: "";
}
.contents h4 {
	padding-bottom: 20px; font-size: 20px;
}
.contents h4 span {
	padding-bottom: 10px;
}
.contents h5 {
	padding-left: 16px; font-size: 16px; margin-top: 30px; margin-bottom: 10px;
}
.contents h5 span {
	padding-left: 10px; font-size: 13px;
}
.contents .list thead th {
	background: rgb(245, 245, 245); padding: 5px; height: 38px; text-align: center; color: rgb(204, 0, 0); line-height: 14px; font-size: 14px; font-weight: 500; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.contents .list thead th:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.contents .list tbody th {
	background: rgb(245, 245, 245); padding: 5px; height: 38px; color: rgb(204, 0, 0); line-height: 14px; font-size: 14px; font-weight: 600; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.contents .list td {
	padding: 5px; height: 38px; text-align: center; font-size: 14px; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.txt14 {
	font-size: 12px !important;
}
.txt18 {
	font-size: 14px !important;
}
.txt20 {
	font-size: 16px !important;
}
.txt22 {
	font-size: 16px !important;
}
.txt24 {
	font-size: 20px !important;
}
.txt30 {
	font-size: 24px !important;
}
}
@media screen and (max-width:480px)
{
#subvisual .visual h2 {
	text-align: center; color: rgb(255, 255, 255); padding-top: 160px; font-size: 30px; font-weight: 100; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
.contents .list thead th {
	font-size: 12px;
}
.contents .list tbody th {
	font-size: 11px;
}
.contents .list td {
	font-size: 11px;
}
}
.company {
	position: relative;
}
.indexBox {
	background: url("/img/company_index_bg.jpg") no-repeat bottom rgb(94, 94, 94); padding: 30px; width: 100%; overflow: hidden; position: relative;
}
.indexBox .inBox {
	background: rgba(255, 255, 255, 0.8); padding: 80px 50px; width: 50%; font-size: 18px; float: left;
}
.indexBox .inBox dt {
	padding: 10px 0px; width: 30%; color: rgb(204, 0, 0); clear: both; font-weight: 500; float: left;
}
.indexBox .inBox dd {
	padding: 10px 0px; width: 70%; color: rgb(23, 27, 40); border-bottom-color: rgb(193, 193, 193); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.indexBox .inBox dd:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.indexBox .infoData {
	margin: 10% 2% 0px; width: 46%; float: right;
}
.indexBox .infoData dl {
	width: 33.3%; text-align: center; color: rgb(255, 255, 255); float: left;
}
.indexBox .infoData dt {
	
}
.indexBox .infoData dd {
	
}
.index h4 {
	text-align: center; margin-top: 50px;
}
.client {
	margin: 0px auto; width: 100%; max-width: 1200px;
}
.client li {
	padding: 5px; border: 1px solid rgb(217, 217, 217); border-image: none; width: 20.5%; text-align: center; margin-right: 6%; margin-bottom: 40px; float: left;
}
.client li:nth-child(4n) {
	margin-right: 0px;
}
.client li img {
	max-width: 100%;
}
.greeting {
	background: rgb(236, 236, 236); padding: 4%; position: relative;
}
.greeting > p {
	color: rgb(204, 0, 0); line-height: 120%; letter-spacing: -2px; padding-bottom: 5%; padding-left: 4%; font-size: 42px;
}
.greeting .ceo {
	top: -50px; right: 5%; position: absolute;
}
.greeting .ceo > ul > li {
	text-align: right; float: left;
}
.greeting .ceo > ul > li:first-child {
	margin-top: 42%;
}
.greeting .ceo > ul > li:nth-child(2) {
	padding-left: 10px; margin-top: 42%;
}
.greeting .ceo > ul > li span {
	color: rgb(23, 27, 40); font-size: 20px; font-weight: 500;
}
.greeting .greetingCon {
	background: rgb(255, 255, 255); padding: 4%;
}
.greeting .greetingCon > p {
	font-size: 16px; margin-bottom: 20px;
}
.greeting .greetingCon > p strong {
	font-weight: 500;
}
.history {
	position: relative;
}
.history h4 {
	margin: 0px; text-align: center; color: rgb(23, 27, 40); letter-spacing: 5px; padding-bottom: 0px; font-size: 45px;
}
.history ul {
	width: 100%; overflow: hidden; position: relative;
}
.history ul li {
	margin: 0px; width: 50%; clear: both; font-size: 18px; vertical-align: middle;
}
.history ul li:first-child {
	margin-top: 10px;
}
.history ul li:last-child {
	margin-bottom: 20px;
}
.history ul li span {
	color: rgb(204, 0, 0); font-size: 22px; display: block;
}
.history ul li span strong {
	font-weight: 500;
}
.history ul li img {
	padding-top: 10px;
}
.history ul li.left {
	background: url("../img/history_left.png") no-repeat right 5px; text-align: right; padding-right: 68px; float: left;
}
.history ul li.right {
	background: url("../img/history_right.png") no-repeat left 5px; text-align: left; padding-left: 68px; float: right;
}
.history ul::before {
	background: rgb(209, 209, 209); left: 50%; width: 1px; height: 100%; position: absolute; z-index: -1; content: "";
}
.organ {
	margin: 0px auto; text-align: center; position: relative; max-width: 1160px;
}
.organ {
	margin: 0px auto; width: 100%;
}
.organ > ul {
	margin: 0px auto;
}
.organ > ul > li {
	text-align: center; position: relative;
}
.organ > ul > li > span {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 75px; border: 8px solid rgb(229, 229, 229); border-image: none; width: 150px; height: 150px; color: rgb(216, 59, 59); line-height: 140px; font-size: 22px; font-weight: 600; display: block;
}
.organ > ul > li::after {
	background: rgb(209, 209, 209); left: 50%; width: 1px; height: 121px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li:first-child::after {
	width: 1px; height: 1px; content: "";
}
.organ > ul > li:last-child::after {
	width: 1px; height: 1px; content: "";
}
.organ > ul > li > ul {
	position: relative;
}
.organ > ul > li > ul.top::after {
	background: rgb(209, 209, 209); left: 50%; top: 60px; width: 200px; height: 1px; margin-left: -100px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom::after {
	background: rgb(209, 209, 209); left: 50%; top: 120px; width: 51%; height: 1px; margin-left: -30%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li {
	margin: 30px 0px; width: 50%; float: left;
}
.organ > ul > li > ul.top > li.left > span {
	margin-right: 10%;
}
.organ > ul > li > ul.top > li.right > span {
	margin-left: 10%;
}
.organ > ul > li > ul.top > li > span {
	background: rgb(69, 73, 83); margin: 0px auto; border-radius: 10px; width: 40%; height: 58px; color: rgb(255, 255, 255); line-height: 58px; font-size: 20px; font-weight: 500; display: block;
}
.organ > ul > li > ul.bottom {
	width: 100%; position: relative;
}
.organ > ul > li > ul.bottom > li {
	position: relative;
}
.organ > ul > li > ul.bottom > li.botLeft {
	width: 40%;
}
.organ > ul > li > ul.bottom > li.botLeft::after {
	background: rgb(209, 209, 209); left: 50%; top: -27px; width: 1px; height: 100px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botLeft span {
	margin: 0px auto; width: 72.5%;
}
.organ > ul > li > ul.bottom > li.botRight {
	width: 58%; margin-left: 2%;
}
.organ > ul > li > ul.bottom > li.botRight::before {
	background: rgb(209, 209, 209); left: 50%; top: -27px; width: 1px; height: 86px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botRight span {
	margin: 0px 25%; width: 50%;
}
.organ > ul > li > ul.bottom > li > span {
	background: rgb(148, 148, 148); margin: 0px auto; border-radius: 10px; height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 18px; font-weight: 400; display: block;
}
.organ > ul > li > ul.bottom > li.botLeft > ul {
	background: rgb(255, 255, 255); margin: 20px auto; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none; width: 72.5%; position: relative;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li {
	list-style: square; width: 50%; margin-left: 20%;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li span {
	margin: 0px auto; width: 80%; height: 32px; text-align: left; line-height: 32px; font-size: 16px; display: block;
}
.organ > ul > li > ul > li.ul3 {
	position: relative;
}
.organ > ul > li > ul > li.ul3::after {
	background: rgb(209, 209, 209); left: 50%; top: 58px; width: 66.5%; height: 1px; margin-left: -33.2%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div {
	margin: 20px 1%; width: 31.33%; float: left; position: relative;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul {
	background: rgb(255, 255, 255); padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.ul3Bot {
	margin: 10px 1%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.delete::after {
	background: rgb(255, 255, 255); margin: 20px 1%; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 31.33%; float: left;
}
.organ > ul > li > ul > li.ul3.botRight > div::after {
	background: rgb(209, 209, 209); left: 50%; top: -10px; width: 1px; height: 50px; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.officeline::after {
	background: rgb(209, 209, 209); left: 50%; top: -50px; width: 1px; height: 120%; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.center::after {
	background: rgb(209, 209, 209); left: 50%; top: -12px; width: 1px; height: 100%; padding-bottom: 80px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li {
	list-style: square; width: 80%; margin-left: 20%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span {
	margin: 0px auto; width: 100%; height: 32px; text-align: left; line-height: 32px; font-size: 16px; display: block;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span br {
	display: none;
}
.network h4 span {
	color: rgb(204, 0, 0); font-size: 35px; font-weight: 600;
}
.network h5 {
	background: none; padding-left: 0px; font-size: 26px; font-weight: 500; margin-top: 10px;
}
.network > div {
	width: 100%; overflow: hidden; margin-bottom: 30px; position: relative;
}
.network > div > div.left {
	width: 40%; padding-right: 5%; float: left;
}
.network > div > div.right {
	width: 60%; float: right;
}
.network > div > div > ul > li {
	padding: 5px 0px 5px 30px;
}
.network .add {
	background: url("../img/ico_add.png") no-repeat left 8px;
}
.network .tel {
	background: url("../img/ico_tel.png") no-repeat left 8px;
}
.network .fax {
	background: url("../img/ico_fax.png") no-repeat left 8px;
}
.network > div > div .map {
	width: 100%; height: 320px;
}
.relative {
	
}
.relative > div {
	width: 100%; overflow: hidden; margin-bottom: 30px; position: relative;
}
.relative > div > div.left {
	width: 50%; float: left;
}
.relative > div > div.right {
	width: 46%; margin-left: 4%; float: right;
}
.relative > div > div.left {
	border: 1px solid rgb(209, 209, 209); border-image: none; height: 300px; text-align: center; line-height: 300px;
}
.relative > div > div.left img {
	max-width: 100%;
}
.relative h4 {
	font-size: 26px; margin-top: 20px;
}
.relative > div > div > ul > li {
	background: url("../img/h5_ico.png") no-repeat left 12px; padding: 5px 0px 5px 16px; font-size: 18px;
}
.relative > div > div > ul > li > ul {
	margin-top: 20px;
}
.relative > div > div > ul > li > ul > li {
	padding: 0px 0px 0px 16px; font-size: 16px; position: relative;
}
.relative > div > div > ul > li > ul > li::before {
	left: 0px; top: 0px; position: absolute; content: "-";
}
.vision {
	background: url("../img/vision_back.jpg") no-repeat center; overflow: hidden; position: relative; min-height: 550px;
}
.vision dl {
	padding: 100px 0px 120px; width: 50%; float: left; position: relative;
}
.vision dl.left dt {
	background: rgba(204, 0, 0, 0.8); padding: 100px 0px; border-radius: 147px; width: 294px; height: 294px; text-align: center; right: -15px; color: rgb(255, 255, 255); line-height: 120%; font-size: 28px; font-style: italic; float: right; position: absolute; z-index: 2;
}
.vision dl.left dt span {
	font-size: 40px; font-weight: 600; display: block;
}
.vision dl.left dd {
	width: 50%; float: left;
}
.vision dl.right dt {
	background: rgba(23, 27, 40, 0.8); padding: 100px 0px; border-radius: 147px; left: -15px; width: 294px; height: 294px; text-align: center; color: rgb(255, 255, 255); line-height: 120%; font-size: 28px; font-style: italic; float: left; position: absolute; z-index: 1;
}
.vision dl.right dt span {
	font-size: 40px; font-weight: 600; display: block;
}
.vision dl.right dd {
	width: 50%; float: right;
}
.vision dl dd {
	padding: 100px 0px; text-align: center; color: rgb(204, 0, 0); line-height: 120%; font-size: 30px; font-style: italic;
}
.vision dl dd span {
	color: rgb(23, 27, 40); font-weight: 600; display: block;
}
.vision dl.right {
	width: 50%; float: right;
}
.vision p {
	text-align: center; line-height: 120%; letter-spacing: -1px; clear: both; font-size: 30px; font-weight: 300; margin-top: 120px; position: relative;
}
.vision p span {
	color: rgb(204, 0, 0);
}
.vision p::before {
	background: url("../img/vision_txt_before.png") no-repeat center; left: 0px; top: 0px; width: 46px; height: 36px; margin-left: 20%; position: absolute; z-index: 2; content: "";
}
.vision p::after {
	background: url("../img/vision_txt_after.png") no-repeat center; top: 0px; width: 46px; height: 36px; right: 0px; margin-right: 20%; position: absolute; z-index: 2; content: "";
}
.ethics {
	
}
.ethics {
	font-size: 16px;
}
.ethics > div > p {
	
}
.ethics > .ethics_index {
	margin: 0px auto; padding: 30px; border: 3px solid rgb(232, 232, 232); border-image: none; text-align: center; overflow: hidden; position: relative; max-width: 1000px;
}
.ethics > .ethics_index > p {
	padding-bottom: 20px;
}
.ethics_index .ceo {
	overflow: hidden; position: relative;
}
.ethics_index .ceo > ul > li {
	text-align: right;
}
.ethics_index .ceo > ul > li:first-child {
	margin-top: 10px;
}
.ethics_index .ceo > ul > li:nth-child(2) {
	padding-left: 10px; margin-top: 10px;
}
.ethics_index .ceo > ul > li span {
	color: rgb(23, 27, 40); padding-left: 10px; font-weight: 500;
}
.ethics > .rule {
	margin: 0px auto; padding: 30px; border: 3px solid rgb(232, 232, 232); border-image: none; overflow: hidden; position: relative; max-width: 1000px;
}
.ethics > .pledge {
	margin: 0px auto; padding: 80px 30px; border: 3px solid rgb(232, 232, 232); border-image: none; text-align: center; overflow: hidden; position: relative; max-width: 1000px;
}
.ethics > .pledge > p {
	padding-bottom: 20px;
}
.ethics > .diagnosis {
	margin: 0px auto; padding: 30px; border: 3px solid rgb(232, 232, 232); border-image: none; overflow: hidden; position: relative; max-width: 1000px;
}
.ethics > .diagnosis > ul {
	margin-top: 30px;
}
.ethics > .diagnosis > ul > li {
	margin-top: 10px;
}
.ethics > .request {
	margin-right: auto; margin-left: auto; max-width: 1020px;
}
.location {
	
}
.location .map {
	width: 100%; height: 480px;
}
.location h4 {
	padding-bottom: 0px; font-size: 26px; font-weight: 500; margin-top: 30px;
}
.location > ul > li {
	padding: 5px 0px 5px 30px; margin-right: 20px; display: inline-block;
}
.location .add {
	background: url("../img/ico_add.png") no-repeat left 8px;
}
.location .tel {
	background: url("../img/ico_tel.png") no-repeat left 8px;
}
.location .fax {
	background: url("../img/ico_fax.png") no-repeat left 8px;
}
.location > div > dl {
	margin: 10px 0px 20px; overflow: hidden; clear: both; position: relative;
}
.location .bus > dt {
	margin-right: 2%; float: left;
}
.location .bus > dd {
	width: 30%; margin-right: 4%; float: left;
}
.location .bus > dd.busR {
	width: 50%;
}
.location .bus > dd > dl > dt {
	font-size: 18px; margin-bottom: 10px;
}
.location .bus > dd > dl > dt strong {
	font-weight: 500;
}
.location .bus > dd.busR > dl > dd > ul > li {
	width: 100%; overflow: hidden;
}
.location .bus > dd.busR > dl > dd > ul > li > span {
	float: left; display: block;
}
.location .bus > dd.busR > dl > dd > ul > li > div {
	width: 70%; float: left;
}
.location .subway > dt {
	margin-right: 2%; float: left;
}
.location .subway > dd {
	float: left;
}
.location li {
	margin: 4px 0px;
}
.location li > span {
	padding: 0px 8px 3px; border-radius: 5px; width: 80px; text-align: center; color: rgb(255, 255, 255); margin-right: 10px; display: inline-block;
}
.location li > span.bus1 {
	background: rgb(0, 86, 183);
}
.location li > span.bus2 {
	background: rgb(239, 126, 38);
}
.location li > span.bus3 {
	background: rgb(213, 47, 47);
}
.location li > span.bus4 {
	background: rgb(83, 179, 41);
}
.location li > span.subway1 {
	background: rgb(40, 62, 126);
}
.location li > span.subway2 {
	background: rgb(15, 125, 46);
}
.location li > span.subway3 {
	background: rgb(0, 162, 222);
}
@media screen and (max-width:1440px)
{
.contents .tab li {
	margin: 0px 1px; width: 120px; display: inline-block;
}
.contents .tab li a {
	background: rgb(185, 185, 185); width: 120px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 600; display: block;
}
.vision {
	background: url("/img/vision_back.jpg") no-repeat center / 100%; overflow: hidden; position: relative; min-height: 500px;
}
.vision dl {
	padding: 100px 0px 120px; width: 50%; float: left; position: relative;
}
.vision dl.left dt {
	background: rgba(204, 0, 0, 0.8); padding: 80px 0px; border-radius: 110px; width: 220px; height: 220px; text-align: center; right: -15px; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: right; position: absolute; z-index: 2;
}
.vision dl.left dt span {
	font-size: 30px; font-weight: 600; display: block;
}
.vision dl.left dd {
	width: 50%; float: left;
}
.vision dl.right dt {
	background: rgba(23, 27, 40, 0.8); padding: 80px 0px; border-radius: 110px; left: -15px; width: 220px; height: 220px; text-align: center; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: left; position: absolute; z-index: 1;
}
.vision dl.right dt span {
	font-size: 30px; font-weight: 600; display: block;
}
.vision dl.right dd {
	width: 50%; float: right;
}
.vision dl dd {
	padding: 80px 0px; text-align: center; color: rgb(204, 0, 0); line-height: 120%; font-size: 20px; font-style: italic;
}
.vision dl dd span {
	color: rgb(23, 27, 40); font-weight: 600; display: block;
}
.vision dl.right {
	width: 50%; float: right;
}
.vision p {
	text-align: center; line-height: 120%; letter-spacing: -1px; clear: both; font-size: 20px; font-weight: 300; margin-top: 100px; position: relative;
}
.vision p span {
	color: rgb(204, 0, 0);
}
.vision p::before {
	background: url("../img/vision_txt_before.png") no-repeat center; left: 0px; top: 0px; width: 46px; height: 36px; margin-left: 20%; position: absolute; z-index: 2; content: "";
}
.vision p::after {
	background: url("../img/vision_txt_after.png") no-repeat center; top: 0px; width: 46px; height: 36px; right: 0px; margin-right: 20%; position: absolute; z-index: 2; content: "";
}
.contents .inTab > li {
	font-size: 14px;
}
.contents .inTab > li a {
	padding: 15px 0px; display: block;
}
}
@media screen and (max-width:1024px)
{
.contents .photo > a {
	background: rgba(255, 255, 255, 0.5); top: 50%; width: 48px; height: 48px; text-align: center; line-height: 48px; margin-top: -24px; display: block; position: absolute;
}
.contents .photo > a img {
	width: 36px;
}
.indexBox {
	padding: 20px;
}
.indexBox .inBox {
	background: rgba(255, 255, 255, 0.8); padding: 20px; width: 100%; overflow: hidden; font-size: 16px; float: none; position: relative;
}
.indexBox .infoData {
	margin: 10% 2% 0px; width: 100%; clear: both; float: none;
}
.indexBox .infoData dl {
	width: 33.3%; text-align: center; color: rgb(255, 255, 255); float: left;
}
.greeting {
	padding: 2%;
}
.greeting > p {
	line-height: 120%; letter-spacing: -1px; padding-bottom: 3%; padding-left: 2%; font-size: 32px;
}
.greeting .ceo {
	top: -50px; right: 3%;
}
.greeting .ceo > ul > li:first-child {
	line-height: 110%; font-size: 14px; margin-top: 36%;
}
.greeting .ceo > ul > li:nth-child(2) {
	padding-left: 10px; margin-top: 36%;
}
.greeting .ceo > ul > li span {
	font-size: 18px;
}
.greeting .ceo > ul > li:nth-child(2) img {
	width: 100px;
}
.greeting .ceo > ul > li:last-child img {
	width: 260px;
}
.greeting .greetingCon {
	background: rgb(255, 255, 255); padding: 2%;
}
.greeting .greetingCon > p {
	font-size: 14px; margin-bottom: 10px;
}
.organ > ul > li > span {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 60px; border: 8px solid rgb(229, 229, 229); border-image: none; width: 120px; height: 120px; color: rgb(216, 59, 59); line-height: 110px; font-size: 20px; font-weight: 600; display: block;
}
.organ > ul > li::after {
	background: rgb(209, 209, 209); left: 50%; width: 1px; height: 120px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.top::after {
	background: rgb(209, 209, 209); left: 50%; top: 60px; width: 200px; height: 1px; margin-left: -100px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom::after {
	background: rgb(209, 209, 209); left: 50%; top: 120px; width: 51.2%; height: 1px; margin-left: -30%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li {
	margin: 30px 0px; width: 50%; float: left;
}
.organ > ul > li > ul.top > li.left > span {
	margin-right: 10%;
}
.organ > ul > li > ul.top > li.right > span {
	margin-left: 10%;
}
.organ > ul > li > ul.top > li > span {
	background: rgb(69, 73, 83); margin: 0px auto; border-radius: 10px; width: 40%; height: 58px; color: rgb(255, 255, 255); line-height: 58px; font-size: 16px; font-weight: 500; display: block;
}
.organ > ul > li > ul.bottom {
	width: 100%; position: relative;
}
.organ > ul > li > ul.bottom > li {
	position: relative;
}
.organ > ul > li > ul.bottom > li.botLeft {
	width: 40%;
}
.organ > ul > li > ul.bottom > li.botLeft::after {
	background: rgb(209, 209, 209); left: 50%; top: -27px; width: 1px; height: 100px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botLeft span {
	margin: 0px auto; width: 72.5%;
}
.organ > ul > li > ul.bottom > li.botRight {
	width: 58%; margin-left: 2%;
}
.organ > ul > li > ul.bottom > li.botRight::before {
	background: rgb(209, 209, 209); left: 50%; top: -27px; width: 1px; height: 86px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botRight span {
	margin: 0px 25%; width: 50%;
}
.organ > ul > li > ul.bottom > li > span {
	background: rgb(148, 148, 148); margin: 0px auto; border-radius: 10px; height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 18px; font-weight: 400; display: block;
}
.organ > ul > li > ul.bottom > li.botLeft > ul {
	background: rgb(255, 255, 255); margin: 20px auto; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none; width: 72.5%; position: relative;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li {
	list-style: square; width: 70%; margin-left: 30%;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li span {
	margin: 0px auto; width: 80%; height: auto; text-align: left; line-height: 14px; padding-right: 5px; padding-bottom: 5px; font-size: 12px; display: block;
}
.organ > ul > li > ul > li.ul3 {
	position: relative;
}
.organ > ul > li > ul > li.ul3::after {
	background: rgb(209, 209, 209); left: 50%; top: 58px; width: 66.5%; height: 1px; margin-left: -33.2%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div {
	margin: 20px 1%; width: 31.33%; float: left; position: relative;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul {
	background: rgb(255, 255, 255); padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.ul3Bot {
	margin: 10px 1%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.delete::after {
	background: rgb(255, 255, 255); margin: 20px 1%; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 31.33%; float: left;
}
.organ > ul > li > ul > li.ul3.botRight > div::after {
	background: rgb(209, 209, 209); left: 50%; top: -10px; width: 1px; height: 10px; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.officeline::after {
	background: rgb(209, 209, 209); left: 50%; top: -50px; width: 1px; height: 120%; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.center::after {
	background: rgb(209, 209, 209); left: 50%; top: -12px; width: 1px; height: 100%; padding-bottom: 80px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li {
	list-style: square; width: 80%; margin-left: 20%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span {
	margin: 0px auto; width: 100%; height: auto; text-align: left; line-height: 14px; padding-right: 5px; padding-bottom: 5px; font-size: 12px; display: block;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span br {
	display: none;
}
.vision {
	background: url("/img/vision_back.jpg") no-repeat center / 100%; overflow: hidden; position: relative; min-height: 500px;
}
.vision dl {
	padding: 100px 0px 120px; width: 50%; float: left; position: relative;
}
.vision dl.left dt {
	background: rgba(204, 0, 0, 0.8); padding: 80px 0px; border-radius: 110px; width: 220px; height: 220px; text-align: center; right: -15px; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: right; position: absolute; z-index: 2;
}
.vision dl.left dt span {
	font-size: 30px; font-weight: 600; display: block;
}
.vision dl.left dd {
	width: 50%; text-align: left; float: left;
}
.vision dl.right dt {
	background: rgba(23, 27, 40, 0.8); padding: 80px 0px; border-radius: 110px; left: -15px; width: 220px; height: 220px; text-align: center; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: left; position: absolute; z-index: 1;
}
.vision dl.right dt span {
	font-size: 30px; font-weight: 600; display: block;
}
.vision dl.right dd {
	width: 50%; text-align: right; float: right;
}
.vision dl dd {
	padding: 80px 0px; text-align: center; color: rgb(204, 0, 0); line-height: 120%; font-size: 20px; font-style: italic;
}
.vision dl dd span {
	color: rgb(23, 27, 40); font-weight: 600; display: block;
}
.vision dl.right {
	width: 50%; float: right;
}
.vision p {
	text-align: center; line-height: 120%; letter-spacing: -1px; clear: both; font-size: 20px; font-weight: 300; margin-top: 100px; position: relative;
}
.vision p span {
	color: rgb(204, 0, 0);
}
.vision p::before {
	background: url("../img/vision_txt_before.png") no-repeat left; left: 0px; top: 0px; width: 46px; height: 36px; margin-left: 15%; position: absolute; z-index: 2; content: "";
}
.vision p::after {
	background: url("../img/vision_txt_after.png") no-repeat right; top: 0px; width: 46px; height: 36px; right: 0px; margin-right: 15%; position: absolute; z-index: 2; content: "";
}
.location h4 {
	font-size: 26px; margin-top: 20px;
}
.location > div > dl {
	margin: 10px 0px 20px; overflow: hidden; clear: both; position: relative;
}
.location .bus > dd > dl > dt {
	font-size: 16px; margin-bottom: 10px;
}
.location .bus > dd > dl > dd {
	font-size: 14px;
}
.location .subway > dd {
	font-size: 14px;
}
.location li > span {
	padding: 0px 5px 3px; border-radius: 4px; width: 60px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; margin-right: 5px; display: inline-block;
}
.contents .inTab > li br {
	display: block;
}
}
@media screen and (max-width:768px)
{
.contents .write tbody th {
	padding: 8px 10px; min-width: 120px;
}
.contents .tab {
	overflow: hidden; position: relative;
}
.contents .tab li {
	margin: 0px; display: inline-block;
}
.contents .tab li a {
	padding: 10px 5px; width: 100%; height: auto; line-height: 100%; font-size: 14px;
}
.contents .tab .li5 li {
	width: 20%; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
}
.contents .tab .li4 li {
	width: 25%; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
}
.contents .tab .li2 li {
	width: 50%; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
}
.indexBox {
	padding: 15px;
}
.indexBox .inBox {
	background: rgba(255, 255, 255, 0.8); padding: 15px; width: 100%; overflow: hidden; font-size: 14px; float: none; position: relative;
}
.indexBox .infoData {
	margin: 10% 2% 0px; width: 100%; clear: both; float: none;
}
.indexBox .infoData dl {
	width: 33.3%; text-align: center; color: rgb(255, 255, 255); float: left;
}
.indexBox .infoData dt img {
	width: 50px;
}
.client li {
	padding: 5px; width: 32%; margin-right: 2%; margin-bottom: 20px;
}
.client li:nth-child(4n) {
	margin-right: 2%;
}
.client li:nth-child(3n) {
	margin-right: 0px;
}
.greeting {
	padding: 2%;
}
.greeting > p {
	line-height: 120%; letter-spacing: -1px; padding-bottom: 10%; padding-left: 2%; font-size: 24px;
}
.greeting .ceo {
	top: -10px; right: 0px;
}
.greeting .ceo > ul > li:first-child {
	line-height: 110%; font-size: 12px; margin-top: 38%;
}
.greeting .ceo > ul > li:nth-child(2) {
	padding-left: 10px; margin-top: 38%;
}
.greeting .ceo > ul > li span {
	font-size: 18px;
}
.greeting .ceo > ul > li:nth-child(2) img {
	width: 80px;
}
.greeting .ceo > ul > li:last-child img {
	width: 180px;
}
.greeting .greetingCon {
	background: rgb(255, 255, 255); padding: 2%;
}
.greeting .greetingCon > p {
	font-size: 14px; margin-bottom: 10px;
}
.history h4 {
	letter-spacing: 5px; font-size: 30px;
}
.history ul {
	width: 100%; overflow: hidden; position: relative;
}
.history ul li {
	font-size: 12px;
}
.history ul li:first-child {
	margin-top: 10px;
}
.history ul li:last-child {
	margin-bottom: 20px;
}
.history ul li span {
	font-size: 18px;
}
.history ul li img {
	padding-top: 5px; max-width: 100%;
}
.history ul li.left {
	background: url("../img/history_left.png") no-repeat right 8px / 24px; text-align: right; padding-right: 30px; float: left;
}
.history ul li.right {
	background: url("../img/history_right.png") no-repeat left 8px / 24px; text-align: left; padding-left: 30px; float: right;
}
.history ul::before {
	background: rgb(209, 209, 209); left: 50%; width: 1px; height: 100%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botLeft > ul li {
	list-style: none; padding: 5px 0px; width: 70%; margin-left: 20%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li span {
	margin: 0px auto; width: 80%; height: auto; text-align: left; line-height: 14px; font-size: 12px; display: block;
}
.organ > ul > li > ul > li.ul3 {
	position: relative;
}
.organ > ul > li > ul > li.ul3::after {
	background: rgb(209, 209, 209); left: 50%; top: 58px; width: 66.5%; height: 1px; margin-left: -33.2%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div {
	margin: 20px 1%; width: 31.33%; float: left; position: relative;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul {
	background: rgb(255, 255, 255); padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.ul3Bot {
	margin: 10px 1%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.delete::after {
	background: rgb(255, 255, 255); margin: 20px 1%; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 31.33%; float: left;
}
.organ > ul > li > ul > li.ul3.botRight > div::after {
	background: rgb(209, 209, 209); left: 50%; top: -10px; width: 1px; height: 100%; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.officeline::after {
	background: rgb(209, 209, 209); left: 50%; top: -50px; width: 1px; height: 120%; padding-bottom: 0px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.center::after {
	background: rgb(209, 209, 209); left: 50%; top: -12px; width: 1px; height: 100%; padding-bottom: 80px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li {
	list-style: none; width: 70%; margin-left: 20%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span {
	margin: 0px auto; width: 100%; height: auto; text-align: left; line-height: 14px; font-size: 12px; display: block;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span br {
	display: none;
}
.network h4 span {
	font-size: 25px;
}
.network h5 {
	font-size: 20px; margin-top: 10px;
}
.network > div {
	margin-bottom: 20px;
}
.network > div > div.left {
	width: 100%; padding-right: 0px; float: none;
}
.network > div > div.right {
	width: 100%; clear: both; margin-top: 10px; float: none;
}
.network > div > div > ul > li {
	padding: 5px 0px 5px 30px; font-size: 14px;
}
.network .add {
	background: url("../img/ico_add.png") no-repeat left 8px;
}
.network .tel {
	background: url("../img/ico_tel.png") no-repeat left 8px;
}
.network .fax {
	background: url("../img/ico_fax.png") no-repeat left 8px;
}
.relative > div {
	margin-bottom: 20px;
}
.relative > div > div.left {
	width: 100%; float: none;
}
.relative > div > div.right {
	width: 100%; margin-left: 0px; float: none;
}
.relative > div > div.left {
	border: 1px solid rgb(209, 209, 209); border-image: none; height: 200px; text-align: center; line-height: 200px;
}
.relative > div > div.left img {
	max-width: 100%;
}
.relative h4 {
	font-size: 20px; margin-top: 10px;
}
.relative > div > div > ul > li {
	background: url("../img/h5_ico.png") no-repeat left 12px; padding: 5px 0px 5px 16px; font-size: 14px;
}
.relative > div > div > ul > li > ul {
	margin-top: 10px;
}
.relative > div > div > ul > li > ul > li {
	padding: 0px 0px 0px 16px; font-size: 12px; position: relative;
}
.relative > div > div > ul > li > ul > li::before {
	left: 0px; top: 0px; position: absolute; content: "-";
}
.vision {
	background: url("/img/vision_back.jpg") no-repeat center 30px / 100%; overflow: hidden; position: relative; min-height: 400px;
}
.vision dl {
	padding: 50px 0px 0px; width: 50%; float: left; position: relative;
}
.vision dl.left dt {
	background: rgba(204, 0, 0, 0.8); padding: 50px 0px; border-radius: 80px; width: 160px; height: 160px; text-align: center; right: -15px; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: right; position: absolute; z-index: 2;
}
.vision dl.left dt span {
	font-size: 24px; font-weight: 600; display: block;
}
.vision dl.left dd {
	width: 100%; text-align: center; clear: both; margin-top: 100px; float: none;
}
.vision dl.right dt {
	background: rgba(23, 27, 40, 0.8); padding: 50px 0px; border-radius: 80px; left: -15px; width: 160px; height: 160px; text-align: center; color: rgb(255, 255, 255); line-height: 120%; font-size: 20px; font-style: italic; float: left; position: absolute; z-index: 1;
}
.vision dl.right dt span {
	font-size: 24px; font-weight: 600; display: block;
}
.vision dl.right dd {
	width: 100%; text-align: center; clear: both; margin-top: 100px; float: none;
}
.vision dl dd {
	padding: 80px 0px; text-align: center; color: rgb(204, 0, 0); line-height: 120%; font-size: 20px; font-style: italic;
}
.vision dl dd span {
	color: rgb(23, 27, 40); font-weight: 600; display: block;
}
.vision dl.right {
	width: 50%; float: right;
}
.vision p {
	padding: 10px 30px; text-align: center; line-height: 120%; letter-spacing: -1px; clear: both; font-size: 16px; font-weight: 300; margin-top: 50px; position: relative;
}
.vision p span {
	color: rgb(204, 0, 0);
}
.vision p::before {
	background: url("../img/vision_txt_before.png") no-repeat left top / 20px; left: 0px; top: 0px; width: 36px; height: 26px; margin-left: 15%; position: absolute; z-index: 2; content: "";
}
.vision p::after {
	background: url("../img/vision_txt_after.png") no-repeat right top / 20px; top: 0px; width: 36px; height: 26px; right: 0px; margin-right: 15%; position: absolute; z-index: 2; content: "";
}
.location iframe {
	height: 300px !important;
}
.location .bus > dt {
	width: 18%; margin-right: 2%; float: left;
}
.location .bus > dt img {
	max-width: 100%;
}
.location .bus > dd {
	width: 80%; margin-right: 0px; float: left;
}
.location .bus > dd.busR {
	width: 80%; clear: both; margin-top: 10px; margin-left: 20%;
}
.location .subway > dt {
	width: 18%; margin-right: 2%; float: left;
}
.location .subway > dt img {
	max-width: 100%;
}
.location .subway > dd {
	width: 80%; margin-right: 0px; float: left;
}
.contents .inTab > li {
	font-size: 13px;
}
}
@media screen and (max-width:480px)
{
.contents .photo > a {
	background: rgba(255, 255, 255, 0.5); top: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-top: -15px; display: block; position: absolute;
}
.contents .photo > a img {
	width: 24px;
}
.contents .write tbody th {
	padding: 8px 10px; min-width: 80px;
}
.contents .tab li a {
	min-height: 50px;
}
.contents .tab .li2 li a {
	min-height: auto;
}
.greeting {
	padding: 2%;
}
.greeting > p {
	line-height: 120%; letter-spacing: -1px; padding-bottom: 15%; padding-left: 2%; font-size: 18px;
}
.greeting .ceo {
	top: -10px; right: 0px;
}
.greeting .ceo > ul > li:first-child {
	line-height: 110%; font-size: 11px; margin-top: 38%;
}
.greeting .ceo > ul > li:nth-child(2) {
	padding-left: 10px; margin-top: 38%;
}
.greeting .ceo > ul > li span {
	font-size: 14px;
}
.greeting .ceo > ul > li:nth-child(2) img {
	width: 60px;
}
.greeting .ceo > ul > li:last-child img {
	width: 140px;
}
.greeting .greetingCon {
	background: rgb(255, 255, 255); padding: 2%;
}
.greeting .greetingCon > p {
	font-size: 14px; margin-bottom: 10px;
}
.relative > div > div.left {
	border: 1px solid rgb(209, 209, 209); border-image: none; height: 160px; text-align: center; line-height: 160px;
}
.vision p::before {
	background: url("../img/vision_txt_before.png") no-repeat left top / 20px; left: 0px; top: 0px; width: 36px; height: 26px; margin-left: 2%; position: absolute; z-index: 2; content: "";
}
.vision p::after {
	background: url("../img/vision_txt_after.png") no-repeat right top / 20px; top: 0px; width: 36px; height: 26px; right: 0px; margin-right: 2%; position: absolute; z-index: 2; content: "";
}
.location iframe {
	height: 200px !important;
}
.contents .inTab > li {
	height: 50px; font-size: 12px;
}
.contents .inTab > li a {
	padding: 5px 0px;
}
.contents .inTab.li9 > li {
	width: 20%;
}
.organ > ul > li > span {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 60px; border: 8px solid rgb(229, 229, 229); border-image: none; width: 100px; height: 100px; color: rgb(216, 59, 59); line-height: 90px; font-size: 18px; font-weight: 600; display: block;
}
.organ > ul > li::after {
	background: rgb(209, 209, 209); left: 50%; width: 1px; height: 61px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.top::after {
	background: rgb(209, 209, 209); left: 50%; top: 60px; width: 200px; height: 1px; margin-left: -100px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom::after {
	background: rgb(209, 209, 209); left: 50%; top: 110px; width: 55%; height: 1px; margin-left: -40%; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul > li {
	margin: 30px 0px; width: 50%; float: left;
}
.organ > ul > li > ul.top > li.left > span {
	margin-right: 10%;
}
.organ > ul > li > ul.top > li.right > span {
	margin-left: 10%;
}
.organ > ul > li > ul.top > li > span {
	background: rgb(69, 73, 83); margin: 0px auto; border-radius: 10px; width: 80%; height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; font-weight: 500; display: block;
}
.organ > ul > li > ul.bottom {
	width: 100%; position: relative;
}
.organ > ul > li > ul.bottom > li {
	position: relative;
}
.organ > ul > li > ul.bottom > li.botLeft {
	width: 20%;
}
.organ > ul > li > ul.bottom > li.botLeft > ul {
	width: 100%;
}
.organ > ul > li > ul.bottom > li.botLeft::after {
	background: rgb(209, 209, 209); left: 50%; top: -27px; width: 1px; height: 50px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botLeft span {
	width: 100%;
}
.organ > ul > li > ul.bottom > li.botRight {
	width: 78%; margin-left: 2%;
}
.organ > ul > li > ul.bottom > li.botRight::before {
	background: rgb(209, 209, 209); left: 55%; top: -27px; width: 1px; height: 86px; position: absolute; z-index: -1; content: "";
}
.organ > ul > li > ul.bottom > li.botRight span {
	margin: 0px 40%; width: 30%;
}
.organ > ul > li > ul.bottom > li > span {
	background: rgb(148, 148, 148); margin: 0px auto; border-radius: 10px; height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 12px; font-weight: 400; display: block;
}
.organ > ul > li > ul > li > ul {
	background: rgb(255, 255, 255); margin: 20px auto; padding: 10px 0px; border-radius: 10px; border: 2px solid rgb(209, 209, 209); border-image: none; position: relative;
}
.organ > ul > li > ul > li > ul::after {
	background: rgb(209, 209, 209); left: 50%; top: -50px; width: 1px; height: 100%; position: absolute; z-index: -1; content: "";
}
}
.route {
	position: relative;
}
.route .route_menu {
	position: relative;
}
.route .route_menu > ul > li {
	background: url("../img/route_menu_arrow.png") no-repeat 90% rgb(23, 27, 40); width: 50%; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 20px; font-weight: 600; float: left; position: relative;
}
.route .route_menu > ul > li:last-child {
	border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;
}
.route .route_menu > ul > li > ul {
	left: 0px; width: 100%; display: none; position: absolute; z-index: 99;
}
.route .route_menu > ul > li > ul > li {
	background: rgba(23, 27, 40, 0.9); width: 100%; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; font-weight: 600; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
.route .route_menu > ul > li > ul > li a {
	padding: 0px; display: block;
}
.route .route_menu > ul > li > ul > li a:hover {
	background: rgb(204, 0, 0); color: rgb(255, 255, 255);
}
.lsdesc li {
	margin-left: 16px;
}
.bulk {
	width: 100%; overflow: hidden; position: relative;
}
.bulk .photo {
	margin: 20px 0px 0px; width: 100%; position: relative;
}
.bulk .photo .slide img {
	max-width: 100%;
}
.bulk .info {
	margin-bottom: 40px; position: relative;
}
.bulk .info dl {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.bulk .info dl dt {
	background: rgb(23, 27, 40); padding: 36px 4%; width: 32%; color: rgb(255, 255, 255); line-height: 120%; letter-spacing: -2px; font-size: 30px; font-weight: 400; float: left; min-height: 220px;
}
.bulk .info dl dt span {
	color: rgb(238, 46, 36); display: block;
}
.bulk .info dl dd {
	background: rgb(245, 245, 245); padding: 30px 4%; width: 68%; font-size: 18px; margin-top: auto; margin-bottom: auto; float: left; min-height: 220px;
}
.inputBox p {
	color: rgb(153, 153, 153); font-size: 14px;
}
.bulk .route {
	width: 100%; height: auto; overflow: hidden; position: relative;
}
.bulk .route img {
	width: 100%; height: auto;
}
.bulk .route #svg {
	width: 100%; height: 100%;
}
.bulk .route svg {
	width: 100%; height: 100%;
}
.route .inTab_container > ul > li {
	display: none; position: relative;
}
.container {
	width: 100%; overflow: hidden; position: relative;
}
.container .photo {
	margin: 20px 0px 0px; width: 100%; position: relative;
}
.container .photo .slide img {
	width: 100%;
}
.inTab_container {
	width: 100%; position: relative;
}
.inTab_container .photo {
	margin: 20px 0px 0px; width: 100%; position: relative;
}
.inTab_container .photo .slide img {
	width: 100%;
}
.business .photo .slide img {
	width: 100%;
}
.container .info {
	position: relative;
}
.container .info dl {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.container .info dl dt {
	background: rgb(23, 27, 40); padding: 36px 4%; width: 32%; color: rgb(255, 255, 255); line-height: 120%; letter-spacing: -2px; font-size: 30px; font-weight: 400; float: left; min-height: 145px;
}
.container .info dl dt span {
	color: rgb(238, 46, 36); display: block;
}
.container .info dl dd {
	background: rgb(245, 245, 245); padding: 30px 4%; width: 68%; font-size: 18px; float: left; min-height: 145px;
}
span.bulk {
	display: inline !important;
}
.routeMap li span {
	left: 30px; top: 80px; color: rgb(23, 27, 40); font-size: 30px; font-weight: 500; position: absolute;
}
.routeMap li img {
	width: 100%; height: auto;
}
.container .route #svg {
	left: 0px; top: 60px; width: 100%; height: auto; position: absolute; z-index: 2; min-width: 100%;
}
.container .route #svg svg {
	top: 0px; width: 100%; height: auto; min-width: 100%; stroke-dasharray: 10000; stroke-dashoffset: 10000;
}
.route_map {
	width: 100%; position: relative;
}
.route .routeMap2 li {
	width: 100%; height: auto; overflow: hidden; position: relative;
}
.route .routeMap2 li img {
	width: 100%; height: auto;
}
.route .routeMap2 li #svg {
	width: 100%; height: 100%;
}
.route .routeMap2 li svg {
	width: 100%; height: 100%;
}
.route .routeMap2 li span {
	left: 30px; top: 0px; color: rgb(23, 27, 40); font-size: 30px; font-weight: 500; position: absolute;
}
@media screen and (max-width:1440px)
{
.bulk .info {
	margin-bottom: 30px; position: relative;
}
.bulk .info dl dt {
	padding: 36px 4%; width: 34%; line-height: 120%; letter-spacing: -2px; font-size: 24px; min-height: 180px;
}
.bulk .info dl dd {
	padding: 30px 4%; width: 66%; font-size: 16px; margin-top: auto; margin-bottom: auto; float: left; min-height: 180px;
}
.bulk .info dl dd br {
	display: none;
}
.inputBox p {
	color: rgb(153, 153, 153); font-size: 14px;
}
.container .info {
	margin-bottom: 30px; position: relative;
}
.container .info dl dt {
	padding: 36px 4%; width: 34%; line-height: 120%; letter-spacing: -2px; font-size: 24px; min-height: 180px;
}
.container .info dl dd {
	padding: 30px 4%; width: 66%; font-size: 16px; margin-top: auto; margin-bottom: auto; float: left; min-height: 180px;
}
.container .info dl dd br {
	display: none;
}
}
@media screen and (max-width:1024px)
{
.bulk .info {
	margin-bottom: 30px; position: relative;
}
.bulk .info dl dt {
	padding: 36px 4%; width: 32%; line-height: 120%; letter-spacing: -2px; font-size: 20px; min-height: 190px;
}
.bulk .info dl dd {
	padding: 30px 4%; width: 68%; font-size: 15px; margin-top: auto; margin-bottom: auto; float: left; min-height: 190px;
}
.bulk .info dl dt br {
	display: none;
}
.bulk .info dl dd br {
	display: none;
}
.inputBox p {
	color: rgb(153, 153, 153); font-size: 14px;
}
.container .info {
	margin-bottom: 30px; position: relative;
}
.container .info dl dt {
	padding: 36px 4%; width: 32%; line-height: 120%; letter-spacing: -2px; font-size: 20px; min-height: 180px;
}
.container .info dl dd {
	padding: 30px 4%; width: 68%; font-size: 15px; margin-top: auto; margin-bottom: auto; float: left; min-height: 180px;
}
.container .info dl dd br {
	display: none;
}
}
@media screen and (max-width:768px)
{
.contents .photo .controll {
	
}
.contents .photo .controll {
	top: 0px; width: 100%; text-align: right; right: 0px; position: absolute; z-index: 10;
}
.contents .photo .controll li {
	width: 33%; border-right-color: currentColor; border-right-width: 1px; border-right-style: solid; display: inline-block;
}
.contents .photo .controll li a {
	background: rgba(23, 27, 40, 0.5); padding: 5px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; display: block;
}
.route .route_menu > ul > li {
	height: 40px; line-height: 40px; font-size: 14px; background-size: 20px;
}
.route .route_menu > ul > li > ul > li {
	height: 30px; line-height: 30px; font-size: 12px; font-weight: 400;
}
.routeMap li span {
	left: 20px; top: 50px; color: rgb(23, 27, 40); font-size: 20px; font-weight: 500; position: absolute;
}
.container .route #svg {
	top: 40px; position: absolute;
}
}
@media screen and (max-width:640px)
{
.bulk .info {
	margin-bottom: 30px; position: relative;
}
.bulk .info dl dt {
	padding: 20px 4%; width: 100%; line-height: 120%; letter-spacing: -1px; font-size: 18px; min-height: auto;
}
.bulk .info dl dd {
	padding: 10px 4%; width: 100%; clear: both; font-size: 14px; margin-top: auto; margin-bottom: auto; float: none; min-height: auto;
}
.bulk .info dl dt br {
	display: none;
}
.bulk .info dl dd br {
	display: none;
}
.container .info {
	margin-bottom: 30px; position: relative;
}
.container .info dl dt {
	padding: 20px 4%; width: 100%; line-height: 120%; letter-spacing: -1px; font-size: 18px; min-height: auto;
}
.container .info dl dd {
	padding: 10px 4%; width: 100%; clear: both; font-size: 14px; margin-top: auto; margin-bottom: auto; float: none; min-height: auto;
}
.container .info dl dt span {
	margin-left: 10px; display: inline-block;
}
.container .info dl dt br {
	display: none;
}
.bulk .info dl dd br {
	display: none;
}
.inputBox p {
	color: rgb(153, 153, 153); font-size: 14px;
}
}
@media screen and (max-width:480px)
{
.route .route_menu > ul > li {
	height: 30px; text-align: left; line-height: 30px; padding-left: 20px; font-size: 12px;
}
.route .route_menu > ul > li > ul > li {
	height: 20px; line-height: 20px; font-size: 8px; font-weight: 300;
}
.routeMap li span {
	left: 10px; top: 40px; color: rgb(23, 27, 40); line-height: 110%; font-size: 13px; font-weight: 500; position: absolute;
}
.container .route #svg {
	top: 30px; position: absolute;
}
}
.contact h4 {
	background: url("../img/h5_ico.png") no-repeat left; color: rgb(23, 27, 40); padding-bottom: 0px; padding-left: 16px; font-size: 20px; margin-top: 0px; margin-bottom: 10px;
}
.contact + .contact {
	margin-top: 50px;
}
.recruit {
	position: relative;
}
.recruit .people {
	width: 95%; position: relative; min-height: 560px;
}
.recruit .people ul {
	padding: 50px 0px; width: 100%;
}
.recruit .people li {
	width: 30%; text-align: center; position: absolute;
}
.recruit .people li img {
	width: 100%;
}
.recruit .people li.people1 {
	left: 0px;
}
.recruit .people li.people2 {
	left: 25%;
}
.recruit .people li.people3 {
	left: 50%;
}
.recruit .people li.people4 {
	left: 75%;
}
.recruit .people li dd {
	color: rgb(23, 27, 40); font-size: 22px; margin-top: 50px;
}
.recruit .personnel {
	position: relative;
}
.recruit .personnel dl {
	width: 100%; overflow: hidden; position: relative;
}
.recruit .personnel dt {
	width: 30%; color: rgb(23, 27, 40); padding-top: 20px; font-size: 28px; font-weight: 600; border-top-color: rgb(204, 0, 0); border-top-width: 2px; border-top-style: solid; float: left; min-height: 160px;
}
.recruit .personnel dt br {
	display: none;
}
.recruit .personnel dd {
	padding: 20px 2.5%; width: 70%; font-size: 18px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; float: left;
}
.personnel .personnel1 {
	background: url("../img/personnel_ico01.png") no-repeat 90% 20px;
}
.personnel .personnel2 {
	background: url("../img/personnel_ico02.png") no-repeat 90% 20px;
}
.personnel .personnel3 {
	background: url("../img/personnel_ico03.png") no-repeat 90% 20px;
}
.personnel .personnel4 {
	background: url("../img/personnel_ico04.png") no-repeat 90% 20px;
}
.recruit .personnel ol li {
	background: url("../img/h5_ico.png") no-repeat left 8px; padding-left: 16px; font-size: 16px; margin-bottom: 20px;
}
.recruit .personnel ol li span {
	color: rgb(23, 27, 40); font-size: 20px; font-weight: 500; display: block;
}
.recruit .office {
	position: relative;
}
.recruit .office dl {
	margin: 30px 0px; padding: 0px 2% 30px; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; position: relative;
}
.recruit .office dl.last {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.recruit .office dt {
	width: 15%; float: left;
}
.recruit .office dt img {
	max-width: 100%;
}
.recruit .office dd {
	width: 85%; float: left;
}
.recruit .office dd span {
	color: rgb(23, 27, 40); font-size: 24px; font-weight: 500; display: block;
}
.recruit .welfare {
	position: relative;
}
.recruit .welfare dl {
	border-width: 1px; border-style: solid; border-color: rgb(204, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204); margin: 0px 2% 50px; padding: 2%; border-image: none; width: 46%; float: left; min-height: 280px;
}
.recruit .welfare dt {
	color: rgb(23, 27, 40); font-size: 28px; font-weight: 600;
}
.recruit .welfare dd {
	font-size: 18px; margin-top: 10px;
}
.recruit .welfare li {
	background: url("../img/h5_ico.png") no-repeat left 8px; padding-left: 16px; margin-bottom: 6px;
}
.welfare .welfare1 {
	background: url("../img/welfare_ico01.png") no-repeat 95% 90%;
}
.welfare .welfare2 {
	background: url("../img/welfare_ico02.png") no-repeat 95% 90%;
}
.welfare .welfare3 {
	background: url("../img/welfare_ico03.png") no-repeat 95% 90%;
}
.welfare .welfare4 {
	background: url("../img/welfare_ico04.png") no-repeat 95% 90%;
}
.recruit .process {
	position: relative;
}
.recruit .process p {
	padding-left: 16px; font-size: 18px;
}
.recruit .process .step {
	position: relative;
}
.recruit .process .step .new {
	padding: 20px 0px; overflow: hidden; position: relative;
}
.recruit .process .step .new::before {
	background: rgb(204, 0, 0); left: 0px; top: 82px; width: 100%; height: 1px; position: absolute; z-index: -1; content: "";
}
.recruit .process .step .new li {
	text-align: center; color: rgb(204, 0, 0); font-size: 18px; font-weight: 500; float: left;
}
.recruit .process .step .new li span {
	display: block;
}
.recruit .process .step .new li.step01 {
	width: 10%; position: relative;
}
.recruit .process .step .new li.step02 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .new li.step03 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .new li.step04 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .new li.step05 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .new li.step06 {
	width: 10%; position: relative;
}
.recruit .process .step .caption {
	background: rgb(245, 245, 245); margin: 10px 2%; padding: 10px; color: rgb(104, 104, 104); font-size: 15px; font-weight: 300;
}
.recruit .process .step .caption span {
	font-weight: 400;
}
.redRound {
	background: rgb(214, 51, 51); padding: 27% 0px; border-radius: 50%; color: rgb(255, 255, 255); line-height: 120%; font-size: 24px; font-weight: 600; display: block;
}
.grayRound {
	background: rgb(69, 73, 83); padding: 35% 0px; border-radius: 50%; color: rgb(255, 255, 255); font-size: 24px; font-weight: 600; display: block;
}
.recruit .process .step .new li.step04 .type {
	background: url("../img/new_step03_type.png") no-repeat bottom; left: 50%; top: -20px; width: 230px; height: 50px; margin-left: -115px; position: absolute;
}
.recruit .process .step .new li.step04 .type li {
	width: 50%; color: rgb(104, 104, 104); font-size: 15px;
}
.recruit .process .step .career {
	padding: 20px 0px; overflow: hidden; position: relative;
}
.recruit .process .step .career::before {
	background: rgb(204, 0, 0); left: 0px; top: 82px; width: 100%; height: 1px; position: absolute; z-index: -1; content: "";
}
.recruit .process .step .career li {
	text-align: center; color: rgb(204, 0, 0); font-size: 18px; font-weight: 500; float: left;
}
.recruit .process .step .career li span {
	display: block;
}
.recruit .process .step .career li.step01 {
	width: 10%; position: relative;
}
.recruit .process .step .career li.step02 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .career li.step03 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .career li.step04 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .career li.step05 {
	width: 20%; padding-top: 30px; position: relative;
}
.recruit .process .step .career li.step06 {
	width: 10%; position: relative;
}
.recruit .process .step .career li.step04 .type {
	background: url("../img/new_step03_type.png") no-repeat bottom; left: 50%; top: -20px; width: 230px; height: 50px; margin-left: -115px; position: absolute;
}
.recruit .process .step .career li.step04 .type li {
	width: 50%; color: rgb(104, 104, 104); font-size: 15px;
}
.recruit .onlineProcess {
	overflow: hidden; position: relative;
}
.recruit .onlineProcess li {
	width: 17%; height: 84px; color: rgb(255, 255, 255); padding-top: 10px; padding-left: 70px; font-size: 20px; font-weight: 500; float: left; position: relative;
}
.recruit .onlineProcess li br {
	display: none;
}
.recruit .onlineProcess li::after {
	background: url("../img/process_li.png") no-repeat right top rgb(69, 73, 83); top: 0px; width: 48px; height: 84px; right: 0px; position: absolute; content: "";
}
.recruit .onlineProcess li:nth-child(2) {
	width: 26.5%;
}
.recruit .onlineProcess li:nth-child(3) {
	width: 23.5%;
}
.recruit .onlineProcess li:last-child {
	width: 16%;
}
.recruit .onlineProcess li:last-child::after {
	background: none;
}
.recruit .onlineProcess li span {
	font-size: 16px; font-weight: 300; display: block;
}
.recruit .onlineProcess li.onlineProcess00 {
	background: url("../img/process00.png") no-repeat 20px rgb(69, 73, 83);
}
.recruit .onlineProcess li.onlineProcess01 {
	background: url("../img/process01.png") no-repeat 20px rgb(69, 73, 83);
}
.recruit .onlineProcess li.onlineProcess02 {
	background: url("../img/process02.png") no-repeat 20px rgb(69, 73, 83);
}
.recruit .onlineProcess li.onlineProcess03 {
	background: url("../img/process03.png") no-repeat 20px rgb(69, 73, 83);
}
.recruit .onlineProcess li.onlineProcess04 {
	background: url("../img/process04.png") no-repeat 20px rgb(69, 73, 83);
}
.recruit .onlineProcess li.onlineProcess00.on {
	background: url("../img/process00.png") no-repeat 20px rgb(177, 15, 17);
}
.recruit .onlineProcess li.onlineProcess01.on {
	background: url("../img/process01.png") no-repeat 20px rgb(177, 15, 17);
}
.recruit .onlineProcess li.onlineProcess02.on {
	background: url("../img/process02.png") no-repeat 20px rgb(177, 15, 17);
}
.recruit .onlineProcess li.onlineProcess03.on {
	background: url("../img/process03.png") no-repeat 20px rgb(177, 15, 17);
}
.recruit .onlineProcess li.onlineProcess04.on {
	background: url("../img/process04.png") no-repeat 20px rgb(177, 15, 17);
}
.recruit .onlineProcess li.on::after {
	background: url("../img/process_li_on.png") no-repeat right top rgb(177, 15, 17); top: 0px; width: 48px; height: 84px; right: 0px; position: absolute; content: "";
}
.btn_center {
	text-align: center !important;
}
.recruit .onlineProcess li:last-child.on::after {
	background: none;
}
.recruit .onlineProcess li.before::after {
	background: url("../img/process_li_on_before.png") no-repeat right top rgb(69, 73, 83); top: 0px; width: 48px; height: 84px; right: 0px; position: absolute; content: "";
}
.btn_center {
	text-align: center !important;
}
.align_left > * {
	border: 1px solid red !important; border-image: none !important; float: left !important; display: inline-block;
}
.align_left > .btn.gray {
	border: 1px solid blue; border-image: none;
}
@media screen and (max-width:1440px)
{
.redRound {
	font-size: 20px; margin-top: 15px;
}
.grayRound {
	font-size: 20px; margin-top: 15px;
}
.recruit .onlineProcess li {
	line-height: 120%; font-size: 16px;
}
.recruit .onlineProcess li br {
	display: block;
}
.recruit .onlineProcess li span {
	font-size: 12px;
}
}
@media screen and (max-width:1024px)
{
.recruit .welfare dl {
	border-width: 1px; border-style: solid; border-color: rgb(204, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204); margin: 0px 2% 50px; padding: 4%; border-image: none; width: 46%; float: left; min-height: 320px;
}
.recruit .welfare dt {
	color: rgb(23, 27, 40); font-size: 24px; font-weight: 600;
}
.recruit .welfare dd {
	font-size: 16px; margin-top: 10px;
}
.recruit .welfare li {
	background: url("../img/h5_ico.png") no-repeat left 8px; padding-left: 16px; margin-bottom: 6px;
}
.welfare .welfare1 {
	background: url("../img/welfare_ico01.png") no-repeat 95% 90%;
}
.welfare .welfare2 {
	background: url("../img/welfare_ico02.png") no-repeat 95% 90%;
}
.welfare .welfare3 {
	background: url("../img/welfare_ico03.png") no-repeat 95% 90%;
}
.welfare .welfare4 {
	background: url("../img/welfare_ico04.png") no-repeat 95% 90%;
}
.redRound {
	padding: 30% 0px; font-size: 16px;
}
.grayRound {
	padding: 30% 0px; font-size: 16px;
}
.recruit .process .step .new::before {
	top: 70px;
}
.recruit .process .step .new li {
	font-size: 16px;
}
.recruit .process .step .career li {
	font-size: 16px;
}
.recruit .process .step .caption {
	font-size: 13px;
}
.recruit .process .step .new li img {
	width: 30%;
}
.recruit .process .step .career li img {
	width: 30%;
}
.recruit .process .step .career::before {
	top: 70px;
}
}
@media screen and (max-width:768px)
{
.recruit .people {
	min-height: 560px;
}
.recruit .people li.people1 dd {
	margin-top: -105%;
}
.recruit .people li.people2 dd {
	margin-top: -105%;
}
.recruit .people li {
	width: 55%;
}
.recruit .people li img {
	width: 80%;
}
.recruit .people li.people1 {
	left: 5%; top: -15%; padding-top: 30%;
}
.recruit .people li.people2 {
	left: 45%; top: -15%; padding-top: 30%;
}
.recruit .people li.people3 {
	left: 5%; margin-top: 40%;
}
.recruit .people li.people4 {
	left: 45%; margin-top: 40%;
}
.recruit .people li dd {
	color: rgb(23, 27, 40); font-size: 18px; margin-top: 30px;
}
.recruit .personnel dt {
	width: 30%; font-size: 22px; border-top-color: rgb(204, 0, 0); border-top-width: 2px; border-top-style: solid; float: left;
}
.recruit .personnel dd {
	padding: 20px 1.5%; width: 70%; font-size: 16px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; float: left;
}
.personnel .personnel1 {
	background: url("../img/personnel_ico01.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel2 {
	background: url("../img/personnel_ico02.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel3 {
	background: url("../img/personnel_ico03.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel4 {
	background: url("../img/personnel_ico04.png") no-repeat 90% 20px / 50%;
}
.recruit .personnel ol li span {
	font-size: 17px;
}
.recruit .personnel ol li {
	font-size: 15px;
}
.recruit .office dl {
	margin: 30px 0px; padding: 0px 0px 30px; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; position: relative;
}
.recruit .office dl.last {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.recruit .office dt {
	width: 15%; float: left;
}
.recruit .office dd {
	width: 85%; padding-left: 10px; float: left;
}
.recruit .office dd span {
	color: rgb(23, 27, 40); font-size: 20px; font-weight: 500; display: block;
}
.recruit .process .step .new {
	padding: 0px; overflow: hidden; position: relative;
}
.recruit .process .step .new::before {
	background: rgb(204, 0, 0); left: 50px; top: 20px; width: 1px; height: 100%; position: absolute; z-index: -1; content: "";
}
.recruit .process .step .new li {
	text-align: left; color: rgb(204, 0, 0); font-size: 14px; font-weight: 500; float: left;
}
.recruit .process .step .new li img {
	width: 80px; padding-right: 10px; padding-left: 20px; display: inline-block;
}
.recruit .process .step .new li span {
	display: inline-block;
}
.recruit .process .step .new li.step01 {
	width: 100%; position: relative;
}
.recruit .process .step .new li.step02 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .new li.step03 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .new li.step04 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .new li.step05 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .new li.step06 {
	width: 100%; position: relative;
}
.recruit .process .step .caption {
	background: rgb(245, 245, 245); margin: 0px 2% 0px 80px; padding: 10px; color: rgb(104, 104, 104); font-size: 12px; font-weight: 300;
}
.recruit .process .step .caption span {
	font-weight: 400;
}
.redRound {
	background: rgb(214, 51, 51); padding: 30px 0px 0px; border-radius: 50px; width: 100px; height: 100px; text-align: center; color: rgb(255, 255, 255); line-height: 120%; font-size: 18px; font-weight: 600; display: block;
}
.grayRound {
	background: rgb(69, 73, 83); padding: 30px 0px 0px; border-radius: 50px; width: 100px; height: 100px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; display: block;
}
.recruit .process .step .career {
	padding: 0px; overflow: hidden; position: relative;
}
.recruit .process .step .career::before {
	background: rgb(204, 0, 0); left: 50px; top: 20px; width: 1px; height: 100%; position: absolute; z-index: -1; content: "";
}
.recruit .process .step .career li {
	text-align: left; color: rgb(204, 0, 0); font-size: 18px; font-weight: 500; float: left;
}
.recruit .process .step .career li img {
	width: 80px; padding-right: 10px; padding-left: 20px; display: inline-block;
}
.recruit .process .step .career li span {
	display: inline-block;
}
.recruit .process .step .career li.step01 {
	width: 100%; position: relative;
}
.recruit .process .step .career li.step02 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .career li.step03 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .career li.step04 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .career li.step05 {
	width: 100%; padding-top: 10px; position: relative;
}
.recruit .process .step .career li.step06 {
	width: 100%; position: relative;
}
.recruit .process .step .career li.step04 .type {
	background: url("../img/new_step03_type.png") no-repeat bottom; left: 50%; top: -20px; width: 230px; height: 50px; margin-left: -115px; position: absolute;
}
.recruit .process .step .career li.step04 .type li {
	width: 50%; color: rgb(104, 104, 104); font-size: 15px;
}
.recruit .process p {
	font-size: 16px;
}
}
@media screen and (max-width:640px)
{
.recruit .welfare dl {
	border-width: 1px; border-style: solid; border-color: rgb(204, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204); margin: 0px 0px 30px; padding: 4%; border-image: none; width: 100%; float: left; min-height: 180px;
}
.recruit .welfare dt {
	color: rgb(23, 27, 40); font-size: 18px; font-weight: 600;
}
.recruit .welfare dd {
	font-size: 14px; margin-top: 10px;
}
.recruit .welfare li {
	background: url("../img/h5_ico.png") no-repeat left 8px; padding-left: 16px; margin-bottom: 6px;
}
.welfare .welfare1 {
	background: url("../img/welfare_ico01.png") no-repeat 95% 90% / 20%;
}
.welfare .welfare2 {
	background: url("../img/welfare_ico02.png") no-repeat 95% 90% / 20%;
}
.welfare .welfare3 {
	background: url("../img/welfare_ico03.png") no-repeat 95% 90% / 20%;
}
.welfare .welfare4 {
	background: url("../img/welfare_ico04.png") no-repeat 95% 90% / 20%;
}
.contact p.mail {
	font-size: 13px; margin-top: 5px;
}
}
@media screen and (max-width:480px)
{
.recruit .people {
	min-height: 520px;
}
.recruit .people li.people1 dd {
	margin-top: -130%;
}
.recruit .people li.people2 dd {
	margin-top: -130%;
}
.recruit .people li {
	width: 55%;
}
.recruit .people li img {
	width: 100%;
}
.recruit .people li.people1 {
	left: 0px; top: -10%; padding-top: 25%;
}
.recruit .people li.people2 {
	left: 50%; top: -10%; padding-top: 25%;
}
.recruit .people li.people3 {
	left: 0%; margin-top: 40%;
}
.recruit .people li.people4 {
	left: 50%; margin-top: 40%;
}
.recruit .people li dd {
	color: rgb(23, 27, 40); font-size: 14px; margin-top: 30px;
}
.recruit .personnel dt {
	width: 30%; font-size: 18px; border-top-color: rgb(204, 0, 0); border-top-width: 2px; border-top-style: solid; float: left; min-height: 100px;
}
.recruit .personnel dt br {
	display: block;
}
.recruit .personnel dd {
	padding: 20px 1.5%; width: 70%; font-size: 14px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; float: left; min-height: 100px;
}
.personnel .personnel1 {
	background: url("../img/personnel_ico01.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel2 {
	background: url("../img/personnel_ico02.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel3 {
	background: url("../img/personnel_ico03.png") no-repeat 90% 20px / 50%;
}
.personnel .personnel4 {
	background: url("../img/personnel_ico04.png") no-repeat 90% 20px / 50%;
}
.recruit .personnel ol li {
	font-size: 13px;
}
.recruit .personnel ol li span {
	font-size: 15px;
}
.recruit .office dl {
	margin: 20px 0px; padding: 0px 0px 20px; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; position: relative;
}
.recruit .office dl.last {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.recruit .office dt {
	width: 20%; float: left;
}
.recruit .office dd {
	width: 80%; padding-left: 10px; float: left;
}
.recruit .office dd span {
	color: rgb(23, 27, 40); font-size: 18px; font-weight: 500; display: block;
}
.recruit .process p {
	font-size: 14px;
}
}
.poopTop {
	background: rgba(23, 27, 40, 1); padding: 10px 20px; height: 60px; text-align: center; position: relative;
}
.poopTop img {
	height: 40px;
}
.popCon {
	padding: 20px 30px; position: relative;
}
.popCon h1 {
	color: rgb(23, 27, 40); letter-spacing: -1px; font-size: 30px; margin-bottom: 20px;
}
.popCon > div {
	margin: 0px !important; width: 100% !important;
}
.popCon > div > p {
	color: rgb(23, 27, 40); margin-bottom: 30px;
}
.popCon > div > h2 {
	color: rgb(23, 27, 40); font-size: 20px; font-weight: 500; margin-bottom: 10px;
}
.popCon > div > ol > li {
	list-style: decimal; line-height: 130%; margin-bottom: 8px; margin-left: 20px;
}
.popCon > div > ol > li:last-child {
	margin-bottom: 30px;
}
.popCon > div > ul > li {
	line-height: 130%; margin-bottom: 8px; margin-left: 20px;
}
.popCon > div > ul > li:last-child {
	margin-bottom: 30px;
}
.popCon > div > ul > li > strong {
	font-weight: 500;
}
.popCon > div > ul > li > ol > li {
	list-style: decimal; line-height: 130%; margin-bottom: 8px; margin-left: 15px;
}