@charset "UTF-8";


/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.work article > header {
	}
}


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

   sholder

--------------------------------------------------------------*/
.work article > header .sholder {
	text-align: center;
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: bold;
	letter-spacing: 1.5em;
	padding-left: 1.5em;
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.work article > header .sholder {
		margin-top: 40px;
		letter-spacing: 4vw;
	}
	.work article > header h1 {
		line-height: 1.6;
		padding: 0 20px;
	}
}

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

   subTitle

--------------------------------------------------------------*/
.work .subTitle {
	margin: 20px auto;
	text-align: center;
	font-size: 18px;
	color: #066A5E;
	margin-bottom: -110px;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.work .subTitle {
		margin-bottom: -50px;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.work .subTitle {
		text-align: left;
		padding: 0 20px;
		line-height: 1.8;
		margin-bottom: -50px;
	}
	.work .subTitle br {
		display: none;
	}
}

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

   infoGraphic

--------------------------------------------------------------*/
.infoGraphic {

}
.infoGraphic.blockType {
	margin-top: 50px;
	margin-bottom: 50px;
}
.infoGraphic .btn a {
	display: block;
	letter-spacing: 0.1em;
	line-height: 1;
}

/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.infoGraphic {
		display: block;
	}
	.infoGraphic img {
		width: 100%;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.infoGraphic.blockType {
		margin: 20px 0;
	}
}

/* ig_work
--------------------------------------------------------------*/
#ig_work {
	width: 100%;
	text-align: center;
}
#ig_work .img {
	position: relative;
	z-index: 2;
}

#ig_work .btn a {
	background: #066a5e;
	color: #fff;
	font-size: 20px;
	padding: 31px 0;
	text-align: center;
}
#ig_work .btn a:hover {
	background: #33d08c;
	color: #111918;
}
#ig_work .btn p {
	text-align: center;
	/*margin-top: 24px;*/
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	#ig_work .btn p {
		margin-top: 0.9em;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	#ig_work .btn p {
		margin: 1em 0 0.5em;
		display: block;
	}
}

/* sp / pc
--------------------------------------------------------------*/
#ig_work .sp {
	display: none;
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	#ig_work .sp {
		display: inline;
	}
	#ig_work .pc {
		display: none;
	}
	#btnWrap {
		display: none;
	}
}



/* btnWrap
--------------------------------------------------------------*/
#btnWrap {
	position: relative;
	width: 100%;
	border: 1px solid #066a5e;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 6%;
	margin-top: -64px;
	background: url(../works/images/ig_work_relation.png) no-repeat;
	background-position: center 96px ;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	#btnWrap {
		margin-top: -46px;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	#btnWrap {
		margin-top: 0;
		background: none;
	}
}
#salesBtn {
	width: 46%;
	float: left;
}
#salesBtn:after,
#accidentBtn:after {
	content:url(../works/images/ig_work_support.png);
	display: block;
	text-align: center;
	line-height: 1;
	padding: 5px 0 0;
	margin-bottom: -2px;
	margin-left: 69px;
}
#accidentBtn {
	width: 46%;
	float: right;
}
#headBtn {
	clear:both;
	top:77%;
	width: 100%;
}

/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	#ig_work .btn a {
		font-size: 2.7vw !important;
		padding: 3vw 3vw;
	}
	#ig_work .btn a .icon {
		width: 32vw;
		margin: 0 auto;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	#ig_work .btn a .icon {
		width: 100%;
	}
}

/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	#ig_work img {
		display: none;
	}
	#ig_work .icon img {
		display: inline;
	}
	#btnWrap {
		padding: 4vw;
	}
	#btnWrap .btn {
		margin-bottom: 4vw;
	}
	#btnWrap .btn:last-child {
		margin-bottom: 0;
	}
	#salesBtn:after,
	#accidentBtn:after {
		display: none;
	}
	#ig_work .btn a {
		font-size: 4.8vw !important;
		text-align: left;
		padding-left: 3vw ;
	}
	#salesBtn {
		width: 100%;
		float: none;
	}
	#accidentBtn {
		width: 100%;
		float: none;
	}
}

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

   table

--------------------------------------------------------------*/
.table {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	margin-top: 80px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.table {
		margin-top: 20px;
	}
}
.table thead th {
	font-size: 10px;
	text-align: center;
	color: #666;
	padding: 1em 0;
	background: #f8f8f8;
}
.table tr {
	border-bottom: 1px solid #ddd;
}
.table tbody th,
.table tbody td {
	padding: 1.8em 0 ;
	text-align: left;
	padding-left: 1em;
}
.table tbody th {
	white-space: nowrap;
	padding-right: 1em;
}


/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.table thead {
		display: none;
	}
	.table th,
	.table td {
		display: block;
		padding-right: 1em !important;
	}
	.table th {
		padding-bottom: 0 !important;
	}
	.table td {
		padding-top: 0 !important;
		font-size: 90%;
		text-align: justify;
	}
}


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

   mainVis

--------------------------------------------------------------*/
.mainVis {
	text-align: center;
	margin: 120px 0 -120px;
}
.mainVis img {
	width: 100%;
	min-width: 1054px;
	max-width: 1600px;
	height: auto;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.mainVis {
		margin-top: -30px;
		margin-bottom: -60px;
	}
	.mainVis img {
		min-width: 100%;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.mainVis {
		margin-top: 0;
	}
}


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

   .content

--------------------------------------------------------------*/
.content {
	width: 100%;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.content {
		margin: 60px 0;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.content {
		margin: 30px 0;
	}
}
.content > header {
	min-width: 1054px;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.content > header {
		min-width: auto;
		width: 100vw;
		margin-left:-20px;
		margin-right: -20px;
	}
}
.content > header h1 {
	text-align: center;
	margin: 80px 0;
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.content > header h1 {
		margin: 20px 0;
		padding: 0 20px;
		line-height: 1.6;
		text-align: left;
	}
}
.content > header .sholder {
	text-align: center;
	background: #066a5e;
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.9em;
	padding: 60px 0;
	padding-left: 0.9em;
	color: #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.content > header .sholder {
		padding: 30px 0;
		font-size: 3vw;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.content > header .sholder {
		font-size: 5vw;
		/*letter-spacing: 4vw;*/
	}
}

.content > section {
	width: 1054px;
	margin: 0 auto;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.content > section {
		width: auto;
	}
}



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

   service24365

--------------------------------------------------------------*/
.service24365 .lead {
	min-width: 530px;
	width: 530px;
	margin-bottom: 60px;
}
.service24365 > article {
	overflow-x: hidden;
}
.service24365 .bgFit {
	background: #066A5E;
	padding: 0 500%;
	margin: 0 -500%;
	width: 100%;
}
.service24365 .intro {
	padding-top: 60px;
	padding-bottom: 30px;
}
.service24365 .intro p {
	width: 530px;
	margin: 60px auto;
	color: #fff;
	font-weight: bold;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.service24365 .lead {
		min-width: auto;
		width: auto;
	}
	.service24365 .bgFit {
		padding: 0;
		margin: 0;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.service24365 .intro {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.service24365 .intro p {
		width: auto;
		margin: 30px auto;
	}
}


.service24365 .intro h1 {
	position: relative;
	width: 93px;
	height: 93px;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	display: block;
	border: 1px solid #fff;
	color: #FFF;
	font-size: 14px;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-weight: bold;
	left:50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	/*margin-top: 63px;*/
}
.service24365 .intro h1::before {
	content : "";
	display: block;
	height: 60px;
	width: 1px;
	background: #fff;
	position: absolute;
	top:-61px;
}
.service24365 .intro .vis .itemWrap {
	display: flex;
}
.service24365 .intro .vis .item {
	-webkit-flex-basis: 20%;
	        flex-basis: 20%;
}
.service24365 .intro .vis .item img {
	width: 100%;
	height: auto;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.service24365 .intro h1::before {
		height: 30px;
		top:-31px;
	}
	.service24365 .intro .vis {
		overflow: scroll;
		margin-left: -5vw;
		margin-right: -5vw;
	}
	.service24365 .intro .vis .itemWrap {
		width: 200vw;
	}
}

/* voice
--------------------------------------------------------------*/
.service24365 .voice > .item {
	margin: 120px 0;
}
.service24365 .voice > .item:last-child {
	margin-bottom: 0;
}
.service24365 .voice h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 60px;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 120px;
}
.service24365 .voice h1 .sub {
	font-size: 24px;
	display: block;
	letter-spacing: 0.1em;
}
.service24365 .voice .body {
	margin-bottom: 30px;
}
.service24365 .voice .body .vis {
	margin-top: 0.6em;
	float: left;
}
.service24365 .voice .signature {
	margin-left: 360px;
	margin-bottom: 30px;
}
.service24365 .voice .name {
	font-size: 18px;
	font-weight: bold;
}
.service24365 .voice .position {
	font-size: 12px;
}
.service24365 .voice .body > p {
	font-weight: bold;
	margin-left: 360px;
	color: #066A5E;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.service24365 .voice .body {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.service24365 .voice .body .vis {
		margin-right: 5vw;
		margin-bottom: 2vw;
		width: 50%;
	}
	.service24365 .voice .body .vis img {
		width: 100%;
		height: auto;
	}
	.service24365 .voice .signature {
		margin-left: 0;
	}
	.service24365 .voice .body > p {
		margin-left: 0;
	}

}
/* schedule
--------------------------------------------------------------*/
.service24365 .schedule {
	position: relative;
}
.service24365 .schedule h2 {
	text-align: right;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
	color: #999;
	margin-bottom: 0.3em;
}
.service24365 .schedule table {
	border-bottom: 1px solid #eee;
}
.service24365 .schedule table tr {
	border-top: 1px solid #eee;
}
.service24365 .schedule table th,
.service24365 .schedule table td {
	border-left: 1px solid #eee;
}
.service24365 .schedule table th:last-child,
.service24365 .schedule table td:last-child {
	border-right: 1px solid #eee;
}

.service24365 .schedule th {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 0.4em;
}
.service24365 .schedule td {
	height: 2em;
	padding: 0.4em;
	line-height: 1.4;
	font-size: 12px;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.service24365 .schedule {
		position: relative;
	}
	.service24365 .schedule h2 {
		text-align: center;
	}
	.service24365 .schedule {
		margin-left: -5vw;
		margin-right: -5vw;
	}
	.service24365 .schedule .scroll {
		overflow: auto;
	}
	.service24365 .schedule .scroll .inner {
		width: 200vw;
	}
}


/* weekly
--------------------------------------------------------------*/
.service24365 .schedule.weekly thead th:nth-child(n + 2) {
	width: 14%;
}
.service24365 .schedule.weekly tbody tr > th {
	height: 5em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
}
.service24365 .schedule.weekly .time {
	margin-right: 0.5em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
	opacity: 0.5;
}
.service24365 .schedule.weekly .item {
	/*color: #00F;*/
	display: inline-block;
}
.service24365 .schedule.weekly .work1,
.service24365 .schedule.weekly .work2,
.service24365 .schedule.weekly .rest,
.service24365 .schedule.weekly .dayoff {
	border: 1px solid #eee;
}
.service24365 .schedule.weekly .work1 {
	background: #33d08c;
}
.service24365 .schedule.weekly .work2,
.service24365 .schedule.weekly .work1 {
	background: #066a5e;
	color: #fff;
}
.service24365 .schedule.weekly .rest {
	background: #eee;
	color: #666;
}
.service24365 .schedule.weekly .dayoff {
	background: #eee;
	color: #666;
	text-align: center;
	vertical-align: middle;
}
/* monthly
--------------------------------------------------------------*/
.service24365 .schedule.monthly th {
	width: calc(100% / 7);
}
.service24365 .schedule.monthly td {
	padding: 1em;
	line-height: 1.5;
	height: 8em;
}
.service24365 .schedule.monthly .day {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.service24365 .schedule.monthly .shift {
	font-size: 11px;
	opacity: 0.5;
	display: block;
}
.service24365 .schedule.monthly .dayoff,
.service24365 .schedule.monthly .work {
	border: 1px solid #999;
}
.service24365 .schedule.monthly .dayoff {
	background: #eee;
}
.service24365 .schedule.monthly .work {
	background: #066a5e;
	color: #fff;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.service24365 .schedule.monthly .shift {
		display: inline-block;
	}
}

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

-   scheduleList by-daily

-----------------------------------------*/
.schedule.daily{
	margin-left: 0;
	margin-right: 0;
}
.scheduleList.by-daily {
	--pdng : 40px;
	/* padding-inline: 20px; */
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: var(--pdng);
	display: grid;
	grid-template-columns: 7em auto;
	/* padding-inline: 10px; */




	> div {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 2;
		margin-bottom: var(--pdng);

		&:last-child {
			.time {
				&::after {
					display: none;
				}
			}
		}
	}

	.time {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		font-size: min(24px, 6vw);
		line-height: 1;
		padding: 0.4em 0;
		background: #066A5E;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;

		&::after {
			content: '';
			display: block;
			position: absolute;
			left:50%;
			bottom: -19px;
			translate: -50%;
			width: 20px;
			height: 15px;
			background: #41B281;
			clip-path: polygon( 0% 0%, 100% 0%, 50% 100%);
		}

	}

	.data {
		opacity: 0.7;
		/* width: fit-content; */
		font-size: min(15px, 3.5vw);
		padding-top: 0.05em;
		padding-right: 0.5em;
		background: #eee;
		padding: 1em;
		place-content: center;

	}

}

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

   departmentDetail

--------------------------------------------------------------*/
.departmentDetail {
	width: 100%;
	/*max-width: 640px;*/
	margin: 0 auto;
	border-top: 1px solid #ddd;
	margin-top: 80px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.departmentDetail {
		margin-top: 20px;
	}
}
.departmentDetail thead th {
	font-size: 10px;
	text-align: center;
	color: #666;
	padding: 1em 0;
	background: #f8f8f8;
}
.departmentDetail tr {
	border-bottom: 1px solid #ddd;
}
.departmentDetail tbody th,
.departmentDetail tbody td {
	padding: 1.8em 0 ;
	text-align: left;
	padding-left: 1em;
}
.departmentDetail tbody th {
	white-space: nowrap;
	padding-right: 1em;
}
.departmentDetail td h2 {
	margin-top: 1em;
	margin-bottom: 0.1em;
}


/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.departmentDetail thead {
		display: none;
	}
	.departmentDetail th,
	.departmentDetail td {
		display: block;
		padding-right: 1em !important;
	}
	.departmentDetail th {
		padding-bottom: 1.3em !important;
	}
	.departmentDetail td {
		padding-top: 0 !important;
		font-size: 90%;
		text-align: justify;
	}
}