@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
.mvWrap {
	position: relative;
}

.mvWrap .mv {
	width: 85%;
	margin: 0 0 0 auto;
	padding: 120px 0 0;
}

.mvWrap .mv .slide img {
	width: 100%;
	height: 520px;
 object-fit: cover;
}

.mvWrap .text {
	position: absolute;
	width: 1000px;
	top: -8px;
	left: 10%;
	z-index: 10;
	opacity: 0;
}

.mvWrap .text img {
	max-width: 100%;
	height: auto;
}

.slick-dots {
	margin: 4px 0 0;
	text-align: left;
}

.slick-dots li {
	margin: 0 2px;
}

.slick-dots li button:before {
	color: #0a51a1;
	font-size: 12px;
}

.slick-dots li.slick-active button:before {
 opacity: 1;
	color: #0a51a1;
}

.fadein {
  animation: fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
		animation-delay: 0.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.mvScroll {
	position: absolute;
	left: 5%;
	bottom: 80px;
}

.mvScroll span{
 position: absolute;
 left:0;
 bottom:10px;
 color: #323232;
 font-size: 0.7rem;
 letter-spacing: 0.05em;
 -ms-writing-mode: tb-rl;
 -webkit-writing-mode: vertical-rl;
 writing-mode: vertical-rl;
}

.mvScroll:before {
 content: "";
 position: absolute;
 bottom: -50px;
 left:3px;
 width:11px;
 height:11px;
 border-radius: 50%;
 border: 1px solid #888;
	background-color: #FFF;
 animation:
  circlemove 1.6s ease-in-out infinite,
  cirlemovehide 1.6s ease-out infinite;
		z-index: 10;
}

@keyframes circlemove{
 0%{bottom:-5px;}
 100%{bottom:-55px;}
}

@keyframes cirlemovehide{
 0%{opacity:0}
 50%{opacity:1;}
 80%{opacity:0.9;}
 100%{opacity:0;}
}

.mvScroll:after{
 content:"";
 position: absolute;
 bottom:-50px;
 left:8px;
 width:1px;
 height: 50px;
 background:#888;
}

.anniv {
	position: absolute;
	bottom: -80px;
	right: 80px;
}

#anniv {
    position: absolute;
    bottom: -20px;
    right: 40px;
    padding: 0 20px;
    border-radius: 8px;
    background-color: #0a51a1;
    color: #FFF;
    font-size: 30px;
}

.indexService {
	position: relative;
	margin: 120px auto;
}

.indexService:before {
	position: absolute;
	content: "";
	width: 133px;
	height: 46px;
	left:100%;
	top: 80px;
	background: url(../image/back-01.png);
	background-size: 133px;
}

.indexService ul {
	width: 840px;
	margin: 0 auto 20px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.indexService ul li {
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.08em;
}

.indexService ul li img {
	display: block;
	margin: 0 0 8px;
}

.indexService ul li a {
	display: block;
	text-decoration: none;
}

.indexService ul li a:hover img {
	opacity: 0.8;
}

.fiximg {
	width: 100%;
	margin: 0 0 80px;
	padding: 200px 0;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}

.fiximg.image01 {
	background-image: url(../image/back-02.jpg);
}

.indexWork {
	position: relative;
	padding: 40px 0;
}

.indexWork:before {
	position: absolute;
	content: "";
	top: -20px;
	left: -200px;
	width: 133px;
	height: 46px;
	background: url(../image/back-01.png);
	background-size: 133px;
}

.indexWork.cont h2 {
	text-align: left;
}

.indexWork .title {
	display: flex;
	justify-content: space-between;
}

.indexWork .title .btn2 {
}

.indexWork .title .btn2 a {
	display: block;
	padding: 0 88px 0 0;
	background: url(../image/arrow-03.png) no-repeat 100% center;
	background-size: 63px;
	line-height: 63px;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
}

.indexWork .title .btn2 a:hover {
	background: url(../image/arrow-04.png) no-repeat 100% center;
	background-size: 63px;
}

.workAll {
	display: flex;
	flex-wrap: wrap;
}

.workAll .list {
	width: 30%;
	margin: 0 0 40px;
}

.workAll .list:nth-child(3n-1) {
	margin: 0 5% 40px;
}

.workAll .list a {
	text-decoration: none;
}

.workAll .list a:hover img {
	opacity: 0.8;
}

.workAll .list img {
	max-width: 100%;
	height: auto;
	border: 1px solid #EEE;
}

.workAll .list dl {
	margin: 16px 0;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1.4;
}

.workAll .list dl dt {
	color: #9f9f9f !important;
}

.workAll .list dl dd {
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #FFF;
}

.workAll .list dl dd.work-work {
	background-color: #0A51A1;
}

.workAll .list dl dd.work-action {
	background-color: #16656A;
}

.workAll .list dl dd.work-info {
	background-color: #DE804D;
}

.workAll .list dl dd.work-item {
	background-color: #DE9BC7;
}

#second .cont .workAll .list h2 {
	margin: 0 0 8px;
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	border: none;
}

#second .cont .workAll .list h2:before {
	display: none;
}

.workAll .list h3 {
	margin: 0 0 8px;
	font-weight: 500;
	color: #000 !important;
}

.workAll .list p {
	color: #000 !important;
}

.pageLink {
	margin: 80px 0 100px;
	padding: 0;
	list-style: none;
	display: flex;
}

.pageLink div {
	width: 50%;
}

.pageLink div {
	position: relative;
	width: 100%;
}

.pageLink div a {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 80px 0;
	text-decoration: none;
}

.pageLink div:nth-child(1) a {
	background: url(../image/index_company_back.jpg) no-repeat center center;
	background-size: cover;
}

.pageLink div:nth-child(2) {
	margin-top: 70px;
}

.pageLink div:nth-child(2) a {
	background: url(../image/index_recruit_back.jpg) no-repeat center center;
	background-size: cover;
}

.pageLink div h2 {
	font-size: 36px;
	letter-spacing: 0.18em;
	line-height: 1.4;
	font-weight: 500;
}

.pageLink div h2 span {
	display: block;
	font-size: 24px;
	letter-spacing: 0;
	font-family: "Poppins", sans-serif;
}

.pageLink div a:hover {
	opacity: 0.8;
}

.indexSns {
	width: 1000px;
	margin: 0 auto 100px;
	text-align: center;
}

.indexSns h2 {
	margin: 0 0 20px;
	font-family: "Poppins", sans-serif;
	color: #0a51a1;
	font-size: 48px;
}

.indexSns ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.indexSns ul li {
	margin: 0 20px;
	padding: 0;
}

.indexSns ul li img {
	width: 39px;
	height: auto;
}


/*------------------------------------------------------------------------------------------------
  business
--------------------------------------------------------------------------------------------------*/
#second.business .secTitle {
	background-image: url(../image/business_back.png);
}

.businessList {
	width: 900px;
	margin: 0 auto 60px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.businessList li {
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.08em;
}

.businessList li img {
	display: block;
	margin: 0 0 8px;
}

.businessList li a {
	display: block;
	text-decoration: none;
}

.businessList li a:hover img {
	opacity: 0.8;
}

.strength {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 calc(50% - 50vw) 40px;
	padding: 0 calc(50vw - 50%);
	width: 100vw;
}

.strength:before {
 position: absolute;
	bottom: 0;
	left: 0;
	background-color: #DBEBFD;
	width: 100%;
 height: 260px;
	content: "";
	z-index: -1;
}

.strength div {
	width: 31%;
}

.strength div h3 {
	text-align: center;
	line-height: 1.2;
	font-size: 30px !important;
	font-weight: 600;
	letter-spacing: 0.06em;
	margin: 0 !important;
	border: none !important;
    background-color: transparent !important;
}

.strength div h3 span {
	display: block;
	margin: 0 0 4px;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	position: relative;
	letter-spacing: 0.02em;
}

.strength div p.text {
    position: relative;
	padding: 20px 18px;
	background-color: #F9F9F9;
}

.strength div p.text:before {
    position: absolute;
    width: 4px;
    height: 20px;
    background-color: #0a51a1;
    content: "";
    top: -20px;
    left: calc( 50% - 2px );
}


.strength div p.icon {
    margin: 0 !important;
}

.strength div p.icon img {
    display: block;
    width: 70%;
    height: 70%;
    margin: 0 auto;
}

.album {
	display: flex;
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	justify-content: center;
	flex-wrap: wrap;
}

.album li {
	width: 30%;
	margin: 0 0 30px;
	padding: 0;
}

.album li:nth-child(3n-1) {
	margin: 0 5% 30px;
}

.album li img {
	max-width: 100%;
	height: auto;
}

.zai {
	margin: 0 0 60px;
	display: flex;
	justify-content: space-between;
}

.zai .photo {
	width: 40%;
}

.zai .photo img {
	max-width: 100%;
}

.zai .text {
	width: 50%;
}

.zai .text ul {
	margin: 0;
	padding: 0;
}

.zai .text ul li {
	margin: 0 0 8px;
	padding: 0;
}

.flow {
	margin: 30px 40px 60px;
}

.flow dt {
	padding: 10px 10px 0;
	font-size: 20px;
	font-weight: 500;
}

.flow dt span {
	display: inline-block;
	background-color: #0a51a1;
	color: #FFF;
	margin: 0 10px 0 0;
	padding: 0 8px;
}

.flow dd {
	position: relative;
	margin: 0 0 20px;
	padding: 10px 10px 20px;
	border-bottom: 1px dotted #CCC;
}

.flow dd::before {
	position: absolute;
	content: "";
	bottom: -31px;
	left: 40px;
	background-color: #CCC;
	width: 20px;
	height: 30px;
}

.flow dd:last-child::before {
	display: none;
}

.recycle {
	margin: 0 0 60px;
	padding: 140px 40px;
	background: url(../image/recycle_back.jpg) no-repeat center center;
	background-size: cover;
}

.recycle ul.r01 {
	margin: 0 0 60px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.recycle ul.r01 li {
	margin: 0 30px;
	padding: 0;
	text-align: center;
	width: 120px;
	line-height: 120px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 100vh;
	font-weight: 500;
	font-size: 20px;
	border: 2px solid #FFF;
}

.recycle ul.r02 {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.recycle ul.r02 li {
	width: 30%;
	margin: 0;
	padding: 16px;
	background-color: rgba(255, 255, 255, 0.8);
	font-weight: 500;
	border: 2px solid #FFF;
	border-radius: 100vh;
	text-align: center;
}

.parking {
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
}

.parking dt {
	width: 140px;
	position: relative;
	margin: 0 0 4px;
	padding: 8px;
	background-color: #0a51a1;
	color: #FFF;
	text-align: center;
}

.parking dt::after {
	position: absolute;
	content: "";
	background-color: #0a51a1;
	width: 20px;
	height: 2px;
	top: 50%;
	right: -20px;
}

.parking dd {
	width: calc( 100% - 140px );
	margin: 0 0 4px;
	padding: 8px 8px 8px 30px;
}

.keiyaku {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.keiyaku li {
	width: 32%;
	border: 1px solid #CCC;
	margin: 0 0 30px;
	padding: 16px 0;
	text-align: center;
}

.keiyaku li:nth-child(3n-1) {
	margin: 0 2% 30px;
}

.parkingWrap {
    display: flex;
    margin: 0 0 60px;
}

.parkingWrap .text {
    width: 50%;
}

.parkingWrap .text .plogo {
    display: block;
    margin: 0 0 20px;
}

.parkingWrap .map {
    width: 50%;
}

.parkingWrap .map iframe {
    width: 100%;
}


/*------------------------------------------------------------------------------------------------
  work
--------------------------------------------------------------------------------------------------*/
#second.work .secTitle {
	background-image: url(../image/work_back.png);
}

#second .pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 20px 0 10px;
}

#second .pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

#second .pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

#second .pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second .pager_wrap ul.pager li {
	display: inline;
	min-width: 20px;
	margin: 2px;
	padding: 0;
	background-color: #FFF;
	text-align: center;
	border: 1px solid #65AAF5;
	text-indent: 0;
}

#second .pager_wrap ul.pager li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	border: none;
}

#second .pager_wrap ul.pager li::before {
content: "";
margin-right: 0;
}
#second .pager_wrap ul.pager li.active {
	background-color: #65AAF5;
	display: block;
	padding: 10px 15px;
	color: #FFFFFF;
}

#second .pager_wrap ul.pager li.active a:link, #second .pager_wrap ul.pager li.active a:visited,
#second .pager_wrap ul.pager li.active a:hover, #second .pager_wrap ul.pager li.active a:active {
	color: #FFFFFF !important;
}

#second .pager_wrap ul.pager li a:hover {
	color: #000;
	background-color: #DBEBFD;
}

#second.work .cont .detail h2 {
	font-size: 24px;
	font-weight: 500;
}

.detail dl {
	margin: 0 0 40px;
	display: flex;
	justify-content: space-between;
	line-height: 1.4;
}

.detail dl dd {
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #FFF;
}

.detail dl dd.work-work {
	background-color: #0A51A1;
}

.detail dl dd.work-action {
	background-color: #16656A;
}

.detail dl dd.work-info {
	background-color: #DE804D;
}

.detail dl dd.work-item {
	background-color: #DE9BC7;
}


.backBtn {
	width: 340px;
	margin: 30px auto;
	line-height: 60px;
}

.backBtn a {
	display: block;
 border: 2px solid #0a51a1;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url(../image/arrow-01.png) #0a51a1 no-repeat 96% center;
}

.backBtn a:hover {
	color: #0a51a1 !important;
	background: url(../image/arrow-02.png) #FFF no-repeat 96% center;
}

#second.work .cont h3 {
	background-color: transparent;
	padding: 0;
	border: none;
}

/*------------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------------*/
#second.company .secTitle {
	background-image: url(../image/company_back.png);
}

.compInfo {
	width: 80%;
	margin: 0 auto 40px;
}

.compInfo th {
	width: 200px;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #D7D7D7;
	padding: 28px;
	position: relative;
}

.compInfo th:before {
	position: absolute;
	content: "";
	top: calc( 50% - 50%/2 );
	right: 0;
	background-color: #DBEBFD;
	width: 2px;
	height: 50%;
}

.compInfo td {
	border-bottom: 1px solid #D7D7D7;
	padding: 28px;
}

.compInfo td ul.nintei {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.compInfo td ul.nintei li {
    margin: 0 20px 0 0;
    padding: 0;
}

.compInfo td ol {
	margin: 0;
	padding: 0 0 0 22px;
}

.gmap iframe {
	width: 100%;
}

.enkaku {
	display: flex;
	flex-wrap: wrap;
	margin: 0 80px 80px;
}

.enkaku dt {
	position: relative;
	width: 100px;
	padding: 16px 0;
}

.enkaku dt::before {
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	background-color: #EEE;
	top: 0;
	right: 20px;
}

.enkaku dt::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 23px;
	right: 16px;
	border-radius: 100vh;
	background-color: #65AAF5;
}

.enkaku dd {
	width: calc( 100% - 100px);
	padding: 16px 0;
}

.greeting {
	position: relative;
	background: linear-gradient(180deg, #F6F6F6, #FFF);
}

.greeting::before {
	position: absolute;
	top: -10px;
	left: 50%;
	background: url(../image/back-01.png) no-repeat 0 0;
	background-size: 133px;
	width: 133px;
	height: 46px;
	content: "";
}

.greeting::after {
	position: absolute;
	bottom: -10px;
	right: 3%;
	background: url(../image/back-01.png) no-repeat 0 0;
	background-size: 133px;
	width: 133px;
	height: 46px;
	content: "";
}

.greeting .inner {
	position: relative;
	display: flex;
	justify-content: center;
	top: -80px;
}

.greeting .inner .text {
	position: relative;
	width: 50%;
	top: 40px;
	right: 0;
}

.greeting .inner .text .box {
	width: 500px;
	margin: 0 0 0 auto;
}

.greeting .inner .text .box h2 {
	margin: 0 0 30px;
	font-size: 40px;
	color: #0a51a1;
}

.greeting .inner .text .box p {
	margin: 0 0 40px;
	line-height: 2;
}

.greeting .inner .text .box p.sig {
	text-align: right;
}

.greeting .inner .photo {
	position: relative;
	width: 50%;
	text-align: center;
}

.greeting .inner .photo img {
}

.mvv {
	width: 1000px;
	margin: 30px auto 120px;
	/*display: flex;
	flex-wrap: wrap;*/
	text-align: center;
}

.mvv div {
	width: 50%;
	color: #FFF;
	text-align: center;
	background-size: cover;
	margin: 0 0 1px;
	padding: 60px 40px;
}

.mvv div h3 {
	position: relative;
	font-size: 40px;
	margin: 0 0 40px;
	padding: 0 0 20px;
	line-height: 1.4;
	text-shadow: 1px 1px 1px #333,
	 1px -1px 1px #333,
	 -1px 1px 1px #333,
	 -1px -1px 1px #333,
	 3px 3px 10px #333,
		-3px -3px 10px #333;
}

.mvv div h3 span {
	display: block;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.02em;
}

.mvv div h3::before {
	position: absolute;
	content: "";
	background-color: #FFF;
	width: 60px;
	height: 2px;
	bottom: 0;
	left: calc( 50% - 30px);
}

.mvv div.mission {
	width: 50%;
	background: url(../image/mission_back.jpg) no-repeat center center;
	border-right: 1px solid #FFF;
}

.mvv div.vision {
	width: 50%;
	background: url(../image/vision_back.jpg) no-repeat center center;
}

.mvv div.value {
	width: 100%;
	background: url(../image/value_back.jpg) no-repeat center center;
}

.mvv div p {
	margin: 0 0 8px;
	font-size: 18px;
}


/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
#second.recruit .secTitle {
	background-image: url(../image/recruit_back.png);
}

.recCat {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	display: flex;
}

.recCat li {
	margin: 0 8px;
	padding: 0;
}

.recCat li a {
	display: block;
	padding: 8px 32px;
	border: 1px solid #CCC;
	border-radius: 100vh;
	text-decoration: none;
}

.recCat li a:hover {
	background-color: #DBEBFD;
}

.recTb {
	width: 100%;
	margin: 0 0 60px;
}

.recTb th {
	width: 160px;
	padding: 24px 16px;
	border-bottom: 1px solid #333;
	text-align: left;
	font-weight: 400;
	vertical-align: top;
}

.recTb td {
	padding: 24px 16px;
	border-bottom: 1px solid #333;
}

.benefit {
	margin: -60px 0 0;
	background-color: #EBF4FE;
}

.benefit ul {
	display: flex;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

.benefit ul li {
	width: 30%;
	margin: 0 0 30px;
	padding: 0;
}

.benefit ul li:nth-child(3n-1) {
	margin: 0 5% 30px;
}

.benefit ul li img {
	max-width: 100%;
	height: auto;
}

.recFlow {
	margin: 0 0 60px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.recFlow li {
	width: 140px;
	margin: 0 32px;
	padding: 20px 0;
	border: 1px solid #CC6D00;
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.04em;
}

.recFlow li::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
 border: 8px solid transparent;
 border-left: 8px solid #CC6D00;
 border-top: 8px solid #CC6D00;
}

.recFlow li::after {
	position: absolute;
	right: -44px;
	top: calc( 50% - 11px);
	background: url(../image/arrow-05.png) no-repeat 0 0;
	width: 20px;
	height: 22px;
	content: "";
}

.recFlow li:nth-child(4)::after {
	display: none;
}

.recFlow li img {
	display: block;
	margin: 20px auto 0;
}

.recInfo {
	margin: 0 40px;
	padding: 30px 0 20px;
	font-size: 18px;
	text-align: center;
	border: 1px dashed #0a51a1;
	background-color: #EBF4FE;
}

.recInfo p {
	margin: 0 0 10px !important;
}

.recInfo .number {
	margin: 0 !important;
	font-size: 38px;
	font-weight: 500;
	color: #0a51a1;
}

.recInfo .number span {
	font-size: 26px;
	margin-right: 10px;
}


@media screen and (max-width: 999px){

/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
.mvWrap {
margin: 0 20px;
}

.mvWrap .text {
width: 80%;
left: 0;
}

.mvWrap .mv {
width: 90%;
padding: 30px 0 0;
}

.mvWrap .mv .slide img {
height: 260px;
}

.mvScroll {
left: 0;
}

#anniv {
font-size: 20px;
right: 20px;
}

.indexService {
	margin: 60px auto;
}

.indexService:before {
 top: 40px;
 left: calc( 100% - 63px );
 width: 63px;
 height: 24px;
 background-size: 63px;
}

.indexService ul {
 width: 100%;
}

.indexService ul li {
 font-size: 16px;
 font-weight: 500;
}

.indexService ul li:nth-child(3),
.indexService ul li:nth-child(4) {
 width: 48%;
}

.indexService ul li img {
margin: 0 0 4px;
}

.fiximg {
margin: 0 0 20px;
padding: 100px 0;
}

.indexWork {
padding-bottom: 10px;
}

.workAll {
margin: 0 10px;
flex-wrap: wrap;
justify-content: space-between;
}

.workAll .list {
width: 46%;
margin: 0 0 40px;
}

.workAll .list:nth-child(3n-1) {
margin: 0;
}

.workAll .list dl {
display: block;
}

.workAll .list dl dd {
margin-top: 4px;
}

.workAll .list p {
font-size: 14px;
}

.pageLink {
display: block;
position: static;
width: 94%;
margin: 0 auto;
}

.pageLink div:nth-child(2) {
margin-top: 20px;
}

.pageLink div h2 {
font-size: 24px;
}

.pageLink div h2 span {
font-size: 20px;
}

.indexSns {
width: 94%;
margin: 30px auto 60px;
}

.indexSns h2 {
font-size: 24px;
}

#second .cont .workAll p {
margin-bottom: 0;
}

#second.work .cont .detail h2 {
	font-size: 20px;
	font-weight: 500;
}

#second.work .cont .detail img {
margin-bottom: 20px;
}

.fiximg.image01 {
display: none;
}

.slick-next, .slick-prev {
display: none !important;
}

.slick-dots {
bottom: -46px !important;
}

/*------------------------------------------------------------------------------------------------
  business
--------------------------------------------------------------------------------------------------*/
.businessList {
width: 100%;
display: block;
}

.businessList li  {
font-size: 20px;
}

.businessList li img {
display: block;
margin: 0 auto 4px;
}

.strength {
display: block;
position: static;
margin: 0;
padding: 0;
width: 100%;
}

.strength:before {
display: none;
}

.strength div {
width: 100%;
}

.strength div p.icon img {
width: 140px;
height: 140px;
}

.strength div p.text:before {
height: 15px;
top: -14px;
}

.strength div p.text:after {
position: absolute;
content: "";
box-shadow: 3px 3px 0 #DBEBFD;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.strength div h3 {
font-size: 23px !important;
}

.strength div h3 span {
font-size: 14px;
margin: 0 0 2px;
}

.album {
	width: 90%;
	margin: 0 auto;
	display: block;
}

.album li {
	width: 100%;
}

.album li:nth-child(3n-1) {
	margin: 0 0 30px;
}

.zai {
	display: block;
}

.zai .photo {
	width: 100%;
	margin: 0 0 20px;
}

.zai .text {
	width: 100%;
}

.zai .text ul {
	margin: 0 0 0 40px;
}

.recycle {
	padding: 100px 20px 80px;
}

.recycle ul.r01 {
	margin: 0 0 40px;
	flex-wrap: wrap;
}

.recycle ul.r01 li {
	margin: 0 20px 20px;
}

.recycle ul.r02 {
	display: block;
}

.recycle ul.r02 li {
	width: 100%;
	margin: 0 0 20px;
}

.parkingWrap {
	display: block;
}

.parkingWrap .text {
	width: 100%;
}

.parkingWrap .map {
	width: 100%;
}

.keiyaku li {
	width: 48%;
	margin: 0 1% 30px;
}

.keiyaku li:nth-child(3n-1) {
	margin: 0 1% 30px;
}

.album li img {
	display: block;
	margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------------*/
.compInfo {
	width: 100%;
	margin: 0 0 20px;
}

.compInfo th {
	display: block;
	width: 100%;
	padding: 10px;
	position: static;
	background-color: #EEEEEE;
}

.compInfo th:before {
	display: none;
}

.compInfo td {
	display: block;
	width: 100%;
	padding: 10px;
}

.compInfo td ul.nintei {
	display: block;
}

.compInfo td ul.nintei li {
	margin: 0 0 20px;
}

.compInfo td ul.nintei li img {
	display: block;
	margin: 0 auto;
}

.gmap {
	margin: 0 20px;
}

.enkaku {
	margin: 0 0 80px;
}

.greeting .inner {
	display: block;
}

.greeting .inner .text {
	width: 94%;
	margin: 0 auto 20px;
}

.greeting .inner .text .box {
	width: 100%;
}

.greeting .inner .photo {
	width: 100%;
	margin: 80px 0 0;
}

.greeting .inner .photo img {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: auto;
}

.greeting::before {
	top: -30px;
	left: 80%;
	background-size: 66px;
	width: 66px;
	height: 23px;
}

.greeting::after {
	bottom: 10px;
	background-size: 66px;
	width: 66px;
	height: 23px;
}

.mvv {
	width: 94%;
	margin: 40px auto 80px;
}

.greeting .inner .text .box h2 {
font-size: 20px;
}


/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
.recCat {
	display: block;
}

.recCat li {
	width: 100%;
	margin: 0 0 20px;
}

.recTb {
	margin: 0 0 80px;
}

.recTb th {
	display: block;
	width: 100%;
	padding: 12px;
	background-color: #EEEEEE;
}

.recTb td {
	display: block;
	width: 100%;
	padding: 12px;
}

.benefit ul li {
	width: 46%;
	margin: 0 2% 20px;
}

.benefit ul li:nth-child(3n-1) {
	margin: 0 2% 20px;
}

.recFlow {
	flex-direction: column;
}

.recFlow li {
	width: 100%;
	margin: 0 0 32px;
}

.recFlow li::after {
	top: unset;
	bottom: -28px;
	right: calc( 50% - 11px);
	background-image: url(../image/arrow-06.png);
	width: 22px;
	height: 20px;
}

.recInfo {
	margin: 0 0 20px;
	padding: 30px 20px 20px;
}



}