@charset "UTF-8";
@media screen and (max-width: 767px) {
	/* CSS Document */
	/*基本*/
	tr td:nth-of-type(2),
	tr td:nth-of-type(3),
	tr td:nth-of-type(4) {
		background: #fffdef;
	}
	tr td:nth-of-type(5),
	tr td:nth-of-type(6),
	tr td:nth-of-type(7) {
		background: #fff1f1;
	}

	.calender table,
	.calender th {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		padding: 6px 6px;
	}
	.calender span {
		color: #fff;
		/* font-size: 16px; */
		line-height: 1.2;
	}
	.calender table,
	.calender td {
		font-size: 12px;
		font-weight: 900;
		line-height: 1.5;
		padding: 3px 6px;
	}
	.calendr th {
		white-space: nowrap;
	}
	main.movie table tbody tr td {
		line-height: 1;
		padding: 15px 5px;
		font-size: 1.2rem;
	}
	/*tr th:nth-of-type(1){
  color: #fff;
}*/
	/*th　項目*/
	.calender table,
	.calender th,
	.calender td {
		border: solid 1px #999;
	}
	.calender .cl_yg {
		background: #cccc66;
	}
	.calender .cl_yl {
		background: #fad702;
	}
	.calender .cl_pk {
		background: #de9d80;
	}

	/*分類*/
	.calender .cl_gr {
		background: #2e6c43;
	}
	.calender .cl_gr02 {
		background: #b9cec0;
		font-size: 14px;
	}
	.calender .cl_pp {
		background: #996680;
	}
	.calender .cl_pp02 {
		background: #d6c1cc;
		font-size: 14px;
	}
	.calender .cl_or {
		background: #b9826a;
	}
	.calender .cl_or02 {
		background: #e9bdaa;
		font-size: 14px;
	}
	.calender .cl_dy {
		background: #9b943d;
	}
	.calender .cl_dy02 {
		background: #cdc99e;
		font-size: 14px;
	}
	/*td*/
	.calender .cl_yl02 {
		background: #fffdef;
	}
	.calender .cl_yl03 {
		background: #fdf1aa;
		font-size: 16px;
	}
	.calender .cl_pk02 {
		background: #fff1f1;
	}
	.calender .cl_pk03 {
		background: #f4ded4;
		font-size: 16px;
	}
	/*ポイント*/
	.cl_yl02 p {
		background: url(../../work/images/jiue_pt.png) left no-repeat;
		position: relative;
		padding: 5px 0 5px 70px;
		min-height: 64px;
	}
	.cl_pk02 p {
		background: url(../../work/images/hachiue_pt.png) left no-repeat;
		position: relative;
		padding: 5px 0 5px 70px;
		min-height: 64px;
	}
	.calender p {
		font-size: 12px;
		font-weight: normal;
		line-height: 1.5;
	}
	/*管理作業項目*/
	.calender .kanri01 {
		color: #c83e5e;
	}
	.calender .kanri02 {
		color: #3d8271;
	}
	.calender .kanri03 {
		color: #f88b74;
	}
	.calender .kanri04 {
		color: #bab6c0;
	}
	.calender .kanri05 {
		color: #b6c462;
	}
	.calender .kanri06 {
		color: #d68e41;
	}
	.calender .kanri07 {
		color: #f066b9;
	}
	.calender .kanri08 {
		color: #8cc0a3;
	}
	.calender .kanri09 {
		color: #4b90c8;
	}
	.calender .kanri10 {
		color: #b9b5bf;
	}
	.calender .kanri11 {
		color: #78c6b2;
	}
	.calender .kanri12 {
		color: #f1a382;
	}
	.calender .kanri13 {
		color: #d6da69;
	}
	.calender .kanri14 {
		color: #878bb8;
	}
	.calender .kanri15 {
		color: #b6c462;
	}
	.calender .kanri16 {
		color: #8cc0a3;
	}
	.calender .kanri17 {
		color: #b686a0;
	}
	.calender .kanri18 {
		color: #eda9ac;
	}
	/*タイトル*/
	.spring {
		background: url(../../work/images/work_h1_spring.png) left top no-repeat;
		height: 82px;
		background-size: cover;
	}
	.summer {
		background: url(../../work/images/work_h1_summer.png) left top no-repeat;
		height: 82px;
		background-size: cover;
	}
	.autumn {
		background: url(../../work/images/work_h1_autumn.png) left top no-repeat;
		height: 82px;
		background-size: cover;
	}
	.winter {
		background: url(../../work/images/work_h1_winter.png) left top no-repeat;
		height: 82px;
		background-size: cover;
	}
	/*indexページ*/
	.title .title1 span {
		font-family: 'メイリオ', 'Meiryo', 'Yu Gothic', '游ゴシック', YuGothic,
			'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Verdana, sans-serif;
	}
	main.movie .title .title1 span {
		font-weight: bold;
		font-size: 3rem;
		padding-top: 20px;
		padding-right: 300px;
		color: #f9765e;
	}
	main.movie {
		overflow: hidden;
	}
	.table_custom {
		overflow-x: auto;
	}
	main.movie .table_custom table {
		min-width: 900px;
	}
	main.movie .title .title1 span {
		font-size: 2.6rem !important;
		padding-left: 0 !important;
		padding-right: 5px;
		padding-top: 0 !important;
		left: 70px;
		position: static;
	}
	main.movie .title div.title1 {
		padding-left: 90px !important;
		width: 100%;
		padding-top: 5px !important;
	}
	main.movie .title .title1 strong {
		display: flex;
		padding-top: 15px;
		/* padding-left: 60px; */
	}
	main.movie .title .title1 strong p {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 374px) {
	main.movie .title .title1 strong p {
		font-size: 1.4rem;
	}
	main.movie .title .title1 span {
		font-size: 2.2rem !important;
	}
	main.movie .title div.title1 {
		padding-left: 70px !important;
	}
	.spring {
		height: 65px;
	}
	.summer {
		height: 65px;
	}
	.autumn {
		height: 65px;
	}
	.winter {
		height: 65px;
	}
	main.movie .title .title1 strong {
		padding-top: 8px;
	}
}