@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.times-n {
	font-family : 'Times New Roman', selif;
}
ul, ol {
	list-style-type: none;
}

img {
	border: none;
}

a {
	outline: none;
}

body {
	line-height: 1.5;
	color: #6c6c6c;
	font-style: normal;
	font-weight: normal;
	background-color : #ffffff;
	width : 100%;
	overflow : hidden;
	/* ブラウザ間のフォントサイズの差をほぼなくす設定。 */
	font-size: 14px;
	* font-size: small;
	* font: x-small;
}

.sm-slider::after  {
	background-size : cover !important;
}

#container {
	width:100%;
	margin-left : auto;
	margin-right : auto;
	margin-top : 1000px;
	overflow : hidden;
	position : relative;
	z-index : 3;
	background-color : #ffffff;
}
.scrollArrow  {
	position : fixed;
	bottom : 100px;
	left : 0;
	text-align : center;
	width : 100%;
	height : 27px;
	z-index : 2;
}
.over {
	transition: opacity 0.15s;
	-moz-transition: opacity 0.15s;
	-webkit-transition: opacity 0.15s;
	-o-transition: opacity 0.15s;
}
.over:hover {
	opacity : 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.fade-up {
      opacity: 1;
      animation-duration: 1.4s;
      animation-name: fade-in;
      -moz-animation-duration: 1.4s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 1.4s;
      -webkit-animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a.wide img  {
    transition: .3s ease-in-out;
}
a.wide:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
.mgb0  {
	margin-bottom : 0 !important;
}
.mgt100  {
	margin-top : 120px !important;
}

.sm_cover  {
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
	background-color : rgba(0, 0, 0, 1);
	animation : bg-color 2s ease 4s forwards;
}
@keyframes bg-color{
    0%{
        background-color : rgba(0, 0, 0, 1);
    }
    100%{
        background-color : rgba(2, 95, 161, 0.3);
    }
}
.sm_coverInner  {
	position : absolute;
	width : 100%;
	max-height : 197px;
	top : 40%;
	left : 0;
	text-align : center;
	overflow : hidden;
}
.main_mess {
    position : relative;
	width : 60%;
	margin : 0 auto;
	padding-top : 120px;
    animation-name: fadein;
    animation-duration: 3s;
    animation-iteration-count: 1;
}
@keyframes fadein {
	from {
	    opacity: 0;
	}
	to {
	    opacity: 1;
	}
}
.rightLine {
    position : absolute;
	top : 70%;
	right : 0;
	width : 100%;
	height : 1px;
	font-size : 0;
	line-height : 0;
    animation-name: fadeline;
    animation-duration: 3s;
    animation-iteration-count: 1;
}
.rightLine img {
	width : 60%;
	max-width : 299px;
}
@media only screen and (max-width: 500px) {
	.rightLine {
		top : 15vw;
	}
}
@keyframes fadeline {
	from {
	    opacity: 0;
	    transform: translateX(50%);
	}
	to {
	    opacity: 1;
	    transform: translateX(0);
	}
}
.leftLine  {
    position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
    animation-name: fadeber;
    animation-duration: 3s;
    animation-iteration-count: 1;
}
.leftLine img {
	width : 80%;
	max-width : 554px;
}
@keyframes fadeber {
	from {
	    opacity: 0;
	    transform: translateX(-40%);
	}
	to {
	    opacity: 1;
	    transform: translateX(0);
	}
}
.noback  {
	background-image : none !important;
}
/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ff8b00;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  left: 0;
  right: 0;
}
.menuarrow  {

}
/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

/* ヘッダー包括---------------------------*/
#wrapHeaderTop {
	position: absolute;
	padding-top : 10px;
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
}
#header  {
	position: relative;
}
.headMenu  {
	width: 100%;
	position : fixed;
	top : 0px;
	right : 0px;
	text-align : left;
	padding : 2px 0;
	color : #ffffff;
	z-index : 9;
	height : 72px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	background-color : transparent;
}
.bgw  {
	background-color : rgba(255, 255, 255, 0.9) !important;
}
.headMenuInner  {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position : relative;
}
.headMenu .headLogo {
	position: absolute;
	top : 6px;
	left : 20px;
	text-align : left;
	color : #ffffff;
	z-index : 91;
}
.headMenu .headLogo a {
	text-decoration : none;
	color : #ffffff;
}
.headMenu .headLogo img {
	display : inline-block;
	margin-right : 12px;
	margin-top : 16px;
	transition: all .3s;
}
.headMenu #menuTable  {
	position : absolute;
	top : 16px;
	right : 20px;
	z-index : 90;
	text-align : right;
}
.headMenu .menuTableInner  {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
	position : relative;
}
#p05  {
	position : relative;
	top : 0px;
}
.menuTableInner a {
	color : #ffffff;
	font-size : 16px;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
	display : inline-block;
	position : relative;
	padding : 6px 4px 14px 4px;
	margin : 0 10px;
	z-index : 10;
	top : -8px;
}
.menuTableInner a:hover {
	color : #ff8b00;
	text-decoration : none;
}
.headMenu .menuTableInner2  {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
	position : relative;
}
.menuTableInner2 a {
	color : #000000;
	font-size : 16px;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
	display : inline-block;
	position : relative;
	padding : 6px 4px 14px 4px;
	margin : 0 10px;
	z-index : 10;
	top : -8px;
}
.menuTableInner2 a:hover {
	color : #ff8b00;
	text-decoration : none;
}
.headMenu .scrollbtn  {
	position : absolute;
	text-align : center;
	width : 100%;
	top : 580px;
	left : 0;
}
.smpMenu  {
	display : none;
}
@media only screen and (max-width: 870px) {
	.menuTableInner a {
		margin : 0 6px;
	}
	.menuTableInner2 a {
		margin : 0 6px;
	}
}
@media only screen and (max-width: 800px) {
	.menuTableInner a {
		color : #000000;
		display : block;
		font-size : 16px;
		width : 100%;
		text-align : center;
		height : auto;
		padding : 16px 0 12px 0;
		margin : 3px;
		z-index : 10;
		line-height : 16px;
		box-sizing : border-box;
	}
	.menuTableInner .child_bdr a {
		border-bottom : 1px dashed #999999;
	}
	.menuTableInner2 a {
		display : block;
		font-size : 16px;
		width : 100%;
		text-align : center;
		height : auto;
		padding : 16px 0 12px 0;
		margin : 3px;
		z-index : 10;
		line-height : 16px;
		box-sizing : border-box;
	}
	.menuTableInner2 .child_bdr a {
		border-bottom : 1px dashed #999999;
	}
	.headMenu #menuTable span {
		display : block;
	}
	.headMenu_sht #menuTable span {
		display : inline;
	}
	.mgt100  {
		margin-top : 14vw !important;
	}
	.headMenu .headLogo strong {
		display : block;
		font-size : 8vw;
		line-height : 6.4vw;
		font-weight : normal;
		color : #ffffff;
		font-family : 'Times New Roman', selif;
		padding-bottom : 6px;
	}
	.headMenu #menuTable  {
		z-index : 100;
		top : -380px;
		right : 0px;
		background-color : rgba(255, 255, 255, 0.9);
		text-align : center;
		padding : 10px 0;
		width : 100%;
		transition: all .6s;
	}
	.headMenu_sht #menuTable  {
		z-index : 100;
		top : 60px;
		right : -280px;
		background-color : rgba(0, 0, 0, 0.8);
		text-align : center;
		padding : 10px 0;
		width : 280px;
	}
	.smpMenu  {
		display : inline-block;
		position : absolute;
		top : 10px;
		right : 2%;
	}
	.headMenu .topTable  {
		position : absolute;
		top : 6px;
		right : 0;
		width : 100%;
		text-align : left;
		z-index : 99;
	}
	.smpnone  {
		display : none !important;
	}
	.headMenu_sht .headLogo img {
		display : inline-block;
		margin-right : 12px;
		height : 50px;
	}
	.smpMenu  {
		display : inline-block;
		position : absolute;
		top : 14px;
		right : 8px;
	}
	.scrollbtn  {
		position : absolute;
		text-align : center;
		width : 100%;
		top : 380px;
		left : 0;
	}
	.scrollArrow  {
		bottom : 60px;
	}
}
@media only screen and (max-width: 480px) {
	.headMenu .headLogo img {
		margin-right : 1px;
		height : 34px;
	}
	.headMenu_sm .headLogo img {
		margin-right : 1px;
		height : 34px;
	}
	.headMenu .headLogo {
		left : 6px;
	}
}

/* メインコンテンツ包括---------------------------*/
.mgrx  {
	margin-top : -67px;
	padding-top : 67px;
}
.normalWrap  {
	width : 100%;
	max-width : 1532px;
	margin : 0px auto 70px auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
}
.normalWrap2  {
	width : 100%;
	max-width : 1195px;
	margin : 0px auto 70px auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
}
.wideWrap  {
	width : 100%;
	max-width : 1827px;
	margin : 0px auto 160px auto;
	padding : 0;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap  {
	width : 100%;
	max-width : 1010px;
	margin : 0px auto 100px auto;
	padding : 41px 4.2vw 0 4.2vw;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap1  {
	width : 100%;
	max-width : 1010px;
	margin : 0px auto 100px auto;
	padding : 100px 4.2vw 0 4.2vw;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap2  {
	width : 100%;
	max-width : 1080px;
	margin : 0px auto 0px auto;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap2t  {
	width : 100%;
	max-width : 1080px;
	margin : 72px auto 0px auto;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap3  {
	width : 100%;
	max-width : 1200px;
	margin : 0px auto 0px auto;
	text-align : left;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
}
.narrowWrap4  {
	width : 100%;
	max-width : calc(1200px + 3.8%);
	margin : 30px auto 50px auto;
	text-align : center;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
}
.bkimgWrap  {
	width : 100%;
	margin : 74px auto 0px auto;
	overflow : hidden;
	box-sizing: border-box;
	background : #fff7ec url(../img/info_back.png) no-repeat 0 0;
	height : 862px;
}
.miniWrap  {
	width : 100%;
	max-width : 824px;
	margin : 0px auto 0px auto;
	text-align : center;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
    transition: all .5s;
}
.formWrap  {
	width : 100%;
	max-width : 740px;
	margin : 0px auto 0px auto;
	text-align : center;
	position : relative;
	box-sizing: border-box;
}
.miniWrapInner  {
	width : 600%;
	display : table;
	box-sizing: border-box;
	position : relative;
    transition: all .5s;
}
.minimamWrap  {
	width : 100%;
	max-width : 770px;
	margin : 104px auto 70px auto;
	overflow : hidden;
	box-sizing: border-box;
}
.aboutWrap2  {
	width : 100%;
	max-width : 724px;
	margin : 24px auto 0px auto;
	box-sizing: border-box;
}
.aboutWrap2 ul {
	display : table;
	width : 100%;
}
.aboutWrap2 li {
	display : table-cell;
	width : 25%;
}
.aboutWrap2 li a {
	display : block;
	text-align : center;
	width : 100%;
	font-size : 14px;
	line-height : 2.4;
	font-weight : bold;
	color : #747474;
	border-left : 1px solid #cecece;
	position : relative;
	z-index : 2;
	text-decoration : none;
}
.aboutWrap2 li a.last {
	border-right : 1px solid #cecece;
}
.aboutWrap2 li a:hover {
	color : #ff8b00;
}
.aboutWrap2 li span {
	text-align : center;
	display : block;
	width : 100%;
	position : relative;
	z-index : 1;
	top : -8px;
}
.titleWrap  {
	text-align : center;
	font-size : 0;
	line-height : 0;
	background-color : #ff8b00;
}
.titleWrap img {
	width : 100%;
	max-width : 1510px;
}
.titleWrap .titleText {
	position : absolute;
	width : 100%;
	text-align : center;
	top : 12vw;
	left : 0;
}
.titleWrap .titleText strong {
	display : block;
	color : #ff8b00;
	font-size : 32px;
	line-height : 36px;
}
.titleWrap .titleText span {
	display : block;
	color : #ffffff;
	font-size : 20px;
	line-height : 24px;
	font-weight : bold;
}
@media only screen and (min-width: 1510px) {
	.titleWrap .titleText {
		top : 210px;
	}
}
@media only screen and (max-width: 570px) {
	.titleWrap .titleText {
		top : 10vw;
	}
	.titleWrap .titleText strong {
		font-size : 22px;
	}
	.titleWrap .titleText span {
		font-size : 16px;
	}
}
@media only screen and (max-width: 440px) {
	.titleWrap .titleText {
		top : 38px;
	}
	.titleWrap img {
	    width: 100%;
	    height : 138px;
		object-fit : cover;
	}
}
.miniWrap  {
	width : 100%;
	max-width : 880px;
	margin : 0px auto 0px auto;
	padding : 0  10px;
	overflow : hidden;
	box-sizing: border-box;
}
.accessWrap  {
	width : 100%;
	max-width : 846px;
	margin : 0px auto 100px auto;
	padding : 0;
	overflow : hidden;
	box-sizing: border-box;
	text-align : center;
}
@media only screen and (max-width: 800px) {
	.narrowWrap  {
		margin : 0 auto 14vw auto;
	}
	.wideWrap  {
		margin : 0 auto 14vw auto;
		padding : 0;
	}
}
.workWrap  {
	width : 100%;
	padding : 0 10px 24px 2.5vw;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
	display : table;
}
.workWrap .workLeft  {
	display : table-cell;
	position : relative;
	z-index : 2;
	width : 55%;
	max-width : 727px;
	vertical-align : top;
}
.workWrap .workLeft img {
	width : 100%;
}
.workWrap .workRight  {
	display : table-cell;
	position : relative;
	z-index : 2;
	width : 40%;
	padding-left : 4%;
	vertical-align : middle;
}

.workWrap .workRight .workInner h3 {
	height : 154px;
	padding-top : 80px;
}
.workWrap .workRight .workInner h3 img {
	width : 100%;
	max-width : 354px;
}
.workWrap .workRight .workInner p {
	text-align : left;
	padding : 0 0 0 0;
	color : #3e3f42;
	font-size : 16px;
	line-height : 32px;
}
.workWrap .workRight .workInner .centerline {
	display : block;
	width : 180px;
	height : 8px;
	font-size : 0;
	line-height : 0;
	background-color : #ff8b00;
	margin : 40px 0;
}
.workWrap7  {
	width : 100%;
	padding : 0 10px 24px 2.5vw;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
	display : table;
	margin-top : 90px;
}
.workWrap7 .workLeft  {
	display : table-cell;
	position : relative;
	z-index : 2;
	width : 45%;
	max-width : 561px;
	vertical-align : top;
}
.workWrap7 .workLeft img {
	width : 100%;
}
.workWrap7 .workRight  {
	display : table-cell;
	position : relative;
	z-index : 2;
	width : 55%;
	padding-left : 4%;
	vertical-align : middle;
}
.workWrap7 .workRight .workInner h4 {
	font-size : 24px;
	font-style : italic;
	line-height : 1.8;
	margin-bottom : 4%;
	color : #404040;
}
.workWrap7 .workRight .workInner h4 span {
	display : block;
}
.workWrap7 .workRight .workInner .aboutComm  {
	font-size : 16px;
	line-height : 1.8;
	color : #828282;
}
@media only screen and (max-width: 800px) {
	.workWrap  {
		padding : 0 10px 24px 2.5vw;
	}
	.workWrap .workLeft  {
		width : 50%;
	}
	.workWrap .workLeft img {
		width : 100%;
	}
	.workWrap .workRight  {
		width : 45%;
	}
	.workWrap .workRight .workInner p {
		font-size : 14px;
		line-height : 28px;
	}
	.workWrap .workRight .workInner .centerline {
		width : 150px;
		margin : 20px auto;
	}
	.corpTitle  {
		text-align : center;
		margin : 70px 0 60px 0;
	}
}
@media only screen and (max-width: 640px) {
	.workWrap7  {
		width : 100%;
		padding : 0;
		display : block;
		margin-top : 7vw;
	}
	.workWrap7 .workLeft  {
		display : block;
		width : 90%;
		max-width : 480px;
		margin : 0 auto 16px auto;
	}
	.workWrap7 .workLeft img {
		width : 100%;
	}
	.workWrap7 .workRight  {
		display : block;
		width : 100%;
		padding-left : 0;
	}
	.workWrap7 .workRight .workInner h4 {
		font-size : 3.6vw;
	}
	.workWrap7 .workRight .workInner h4 span {
		display : inline;
	}
	.workWrap7 .workRight .workInner .aboutComm  {
		font-size : 14px;
	}
}
@media only screen and (max-width: 450px) {
	.workWrap7 .workRight .workInner h4 {
		font-size : 16px;
	}
}
.workWrap2  {
	width : 100%;
	max-width : 1510px;
	height : 36vw;
	max-height : 500px;
	margin : 100px auto 2.5vw auto;
	padding : 0 0 0 0;
	position : relative;
	overflow : hidden;
	box-sizing: border-box;
}
.workWrap2 .workRight  {
	position : absolute;
	top : 4vw;
	right : 0;
	z-index : 2;
	width : 80%;
	padding-left : 0;
	vertical-align : top;
	text-align : right;
}
.workWrap2 .workRight img {
	width : 100%;
	max-width : 1190px;
}
.workWrap2 .workLeft  {
	position : absolute;
	top : 0px;
	left : 0;
	z-index : 3;
	width : 51%;
	height : 449px;
	vertical-align : top;
	background-color : rgba(0, 0, 0, 0.6);
	padding : 5%;
	box-sizing: border-box;
}
.workWrap2 .workLeft h3 {
	margin-bottom : 2vw;
	font-size : 24px;
	color : #ff8b00;
	letter-spacing : 16px;
	line-height : 40px;
}
.workWrap2 .workLeft p {
	text-align : left;
	padding : 0 0 0 0;
	color : #ffffff;
	font-size : 14px;
	line-height : 24px;
}
@media only screen and (max-width: 1430px) {
	.workWrap2 .workLeft  {
		height : 30vw;
	}
}
@media only screen and (max-width: 1040px) {
	.workWrap2 .workLeft h3 {
		margin-bottom : 2vw;
		font-size : 20px;
		letter-spacing : 12px;
		line-height : 30px;
	}
}
@media only screen and (max-width: 800px) {
	.workWrap2 .workLeft  {
		padding : 4%;
	}
}
@media only screen and (max-width: 750px) {
	.workWrap2 .workLeft h3 {
		margin-bottom : 2vw;
		font-size : 18px;
		letter-spacing : 10px;
		line-height : 24px;
	}
}
@media only screen and (max-width: 360px) {
	.workWrap2 .workLeft h3 {
		margin-bottom : 0vw;
		font-size : 18px;
		letter-spacing : 10px;
		line-height : 24px;
	}
}
.workWrap3  {
	width : 100%;
	max-width : 1736px;
	height : auto;;
	min-height : 449px;
	padding : 0 0 24px 0;
	position : relative;
	box-sizing: border-box;
	display : block;
	margin : 74px auto;
}
.workWrap3 .workLeft  {
	display : block;
	position : absolute;
	top : 0;
	left : 45%;
	z-index : 2;
	width : 55%;
	max-width : 1022px;
	box-sizing: border-box;
}
.workWrap3 .workLeft .contLeftInner  {
	width : 100%;
	box-sizing: border-box;
}
.workWrap3 .workLeft .recruitMess  {
	width : 100%;
	background-color : #f2f2f2;
	padding-left : 10%;
	box-sizing: border-box;
}
.workWrap3 .workLeft .recruitMess dl {
	width : 89%;
	max-width : 582px;
}
.workWrap3 .workLeft .recruitMess dt {
	color : #ff8b00;
	font-size : 14px;
	font-weight : bold;
	line-height : 1.0;
	padding : 20px 0 4px 0;
}
.workWrap3 .workLeft .recruitMess dd {
	color : #404040;
	font-size : 14px;
	line-height : 1.6;
	padding : 2px 0 0 0;
}
.workWrap3 .workRight  {
	display : block;
	position : relative;
	z-index : 2;
	width : 50%;
	vertical-align : middle;
}
.workWrap3 .contLeftInner h3 {
	width : 90%;
	line-height : 1.0;
	position : relative;
	padding-left : 10%;
	box-sizing: border-box;
	margin-bottom : 8px;
}
.workWrap3 .contLeftInner h3 span {
	position : absolute;
	bottom : 0;
	right : 0;
	color : #404040;
	font-size : 13px;
	display : inline-block;
	font-weight : normal;
}
.workWrap3 .workRight img {
	width : 100%;
	max-width : 960px;
}
.workWrap3 .toFromBtn {
	width : 89%;
	max-width : 582px;
	padding : 40px 0 20px 0;
	text-align : center;
}
.toFromBtn a {
	display : inline-block;
	background-color : #ff8b00;
	color : #ffffff;
	width : 260px;
	text-decoration : none;
	padding : 10px 0;
	text-align : center;
}
.toFromBtn a.mekuri  {
	background : #ff8b00 url(../img/recruit_btn.png) no-repeat bottom right;
}"
.toFromBtn span {
	display : block;
	font-size : 12px;
	line-height : 1.2;
}
.toFromBtn strong {
	display : block;
	font-size : 14px;
	line-height : 1.2;
	font-weight : normal;
}
@media only screen and (max-width: 940px) {
	.workWrap3 .contLeftInner h3 span {
		top : 0;
		bottom : auto;
	}
}
@media only screen and (max-width: 640px) {
	.workWrap3 .contLeftInner h3 span {
		bottom : 0;
		top : auto;
	}
}
@media only screen and (max-width: 430px) {
	.workWrap3 .contLeftInner h3 span {
		position : relative;
		display : block;
		margin : 8px 0;
	}
}
@media only screen and (max-width: 400px) {
	.toFromBtn a {
		width : 240px;
	}
}
.workWrap4  {
	width : 100%;
	max-width : 1736px;
	height : auto;
	min-height : 449px;
	padding : 0 0 24px 0;
	position : relative;
	box-sizing: border-box;
	display : block;
	margin : 74px auto;
}
.workWrap4 .workLeft  {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 2;
	width : 55%;
	max-width : 1022px;
	box-sizing: border-box;
}
.workWrap4 .workLeft .contLeftInner  {
	width : 100%;
	box-sizing: border-box;
	text-align : right;
}
.workWrap4 .workLeft .recruitMess  {
	display : inline-block;
	width : 100%;
	background-color : #f2f2f2;
	padding-right : 10%;
	box-sizing: border-box;
	text-align : right;
}
.workWrap4 .workLeft .recruitMess dl {
	display : inline-block;
	width : 99%;
	max-width : 582px;
	text-align : left;
}
.workWrap4 .workLeft .recruitMess dt {
	color : #ff8b00;
	font-size : 14px;
	font-weight : bold;
	line-height : 1.0;
	padding : 20px 0 4px 0;
}
.workWrap4 .workLeft .recruitMess dd {
	color : #404040;
	font-size : 14px;
	line-height : 1.6;
	padding : 2px 0 0 0;
}
.workWrap4 .workRight  {
	display : block;
	position : relative;
	z-index : 2;
	width : 50%;
	vertical-align : middle;
	margin-left : 50%;
}
.workWrap4 .contLeftInner h3 {
	display : inline-block;
	width : calc(90% - 4px);
	max-width : 582px;
	line-height : 1.0;
	position : relative;
	margin-right : 10%;
	margin-left : 4px;
	box-sizing: border-box;
	text-align : left;
	margin-bottom : 8px;
}
.workWrap4 .contLeftInner h3 span {
	position : absolute;
	bottom : 0;
	right : 0;
	color : #404040;
	font-size : 13px;
	display : inline-block;
	font-weight : normal;
}
.workWrap4 .workRight img {
	width : 100%;
	max-width : 960px;
}
.workWrap4 .toFromBtn {
	display : inline-block;
	width : 89%;
	max-width : 582px;
	padding : 66px 0 20px 0;
	text-align : center;
}
@media only screen and (max-width: 940px) {
	.workWrap4 .contLeftInner h3 span {
		top : 0;
		bottom : auto;
	}
}
@media only screen and (max-width: 800px) {
	.workWrap4  {
		padding : 0 10px 24px 2.5vw;
	}
	.workWrap4 .workLeft  {
		width : 50%;
	}
	.workWrap4 .workLeft img {
		width : 100%;
	}
	.workWrap4 .workRight  {
		width : 45%;
	}
	.workWrap4 .workRight .workInner p {
		font-size : 14px;
		line-height : 28px;
	}
	.workWrap4 .workRight .workInner .centerline {
		width : 150px;
		margin : 20px 0;
	}
}
@media only screen and (max-width: 640px) {
	.workWrap4 .contLeftInner h3 span {
		bottom : 0;
		top : auto;
	}
	.workWrap4 .workLeft .recruitMess  {
		padding-right : 10%;
		padding-left : 10%;
	}
	.workWrap4 .toFromBtn {
		width : 100%;
	}
}
@media only screen and (max-width: 430px) {
	.workWrap4 .contLeftInner h3 span {
		position : relative;
		display : block;
		margin : 8px 0;
	}
}
.workWrap5  {
	width : 100%;
	max-width : 1736px;
	height : auto;
	min-height : 449px;
	padding : 0 0 24px 0;
	position : relative;
	box-sizing: border-box;
	display : block;
	margin : 74px auto;
}
.workWrap5 .workLeft  {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 1;
	width : 55%;
	max-width : 1022px;
	box-sizing: border-box;
}
.workWrap5 .workLeft .contLeftInner  {
	width : 100%;
	box-sizing: border-box;
	text-align : right;
}
.workWrap5 .workLeft .recruitMess  {
	display : inline-block;
	width : 100%;
	background-color : #f2f2f2;
	padding-right : 12%;
	box-sizing: border-box;
	text-align : right;
	margin-top : 28px;
	padding-top : 28px;
}
.workWrap5 .workLeft .recruitMess dl {
	display : inline-block;
	width : 99%;
	max-width : 582px;
	margin : 0 0 14px 0;
	border-bottom : 1px solid #d1d1d1;
}
.workWrap5 .workLeft .recruitMess dl.last {
	border-style : none !important;
}
.workWrap5 .workLeft .recruitMess dt {
	display : inline-block;
	width : 19%;
	color : #ff8b00;
	font-size : 20px;
	line-height : 20px;
	margin : 6px 0 12px 0;
	text-align : center;
	font-family: 'Pathway Gothic One', sans-serif;
	border-right : 1px solid #d1d1d1;
	vertical-align : top;
}
.workWrap5 .workLeft .recruitMess dd {
	display : inline-block;
	width : 76%;
	color : #000000;
	font-size : 14px;
	font-weight : bold;
	line-height : 16px;
	margin : 6px 0 12px 0;
	padding-left : 3%;
	text-align : left;
	vertical-align : top;
}
.workWrap5 .workLeft .recflowArrow  {
	text-align : left;
	display : inline-block;
	width : 99%;
	max-width : 582px;
	padding : 0;
	margin : 0;
}
.workWrap5 .workLeft .recflowArrow span {
	display : inline-block;
	width : 22%;
	text-align : center;
}
.workWrap5 .workRight  {
	display : block;
	position : relative;
	z-index : 2;
	width : 50%;
	vertical-align : middle;
	margin-left : 50%;
}
.workWrap5 .contLeftInner h3 {
	display : inline-block;
	width : calc(90% - 4px);
	max-width : 582px;
	line-height : 1.0;
	position : relative;
	margin-right : 10%;
	margin-left : 4px;
	box-sizing: border-box;
	text-align : left;
	margin-bottom : 8px;
}
.workWrap5 .contLeftInner h3 span {
	position : absolute;
	bottom : 0;
	right : 0;
	color : #404040;
	font-size : 13px;
	display : inline-block;
	font-weight : normal;
}
.workWrap5 .workRight img {
	width : 100%;
	max-width : 960px;
}
.workWrap5 .toFromBtn {
	display : inline-block;
	width : 89%;
	max-width : 582px;
	padding : 40px 0 20px 0;
	text-align : center;
}
@media only screen and (max-width: 940px) {
	.workWrap5 .contLeftInner h3 span {
		top : 0;
		bottom : auto;
	}
}
@media only screen and (max-width: 640px) {
	.workWrap5 .contLeftInner h3 span {
		bottom : 0;
		top : auto;
	}
	.workWrap5 .workLeft .recruitMess  {
		padding-right : 5%;
		padding-left : 5%;
	}
	.workWrap5 .toFromBtn {
		width : 100%;
	}
}
@media only screen and (max-width: 430px) {
	.workWrap5 .contLeftInner h3 span {
		position : relative;
		display : block;
		margin : 8px 0;
	}
}
.changeBtn  {
	text-align : center;
	margin-top : 50px;
	display : table;
	margin : 50px auto 0 auto;
	padding-left : 2px;
}
.changeBtn p {
	display : table-cell;
	width : 33%;
}
.changeBtn a {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	font-size : 14px;
	color : #404040;
	text-decoration : none;
	padding : 12px;
	border : 1px solid #b2b2b2;
	box-sizing : border-box;
    transition: all .5s;
}
.changeBtn a span {
	display : inline-block;
	vertical-align : top;
	color : #ff8b00;
	margin-right : 12px;
}
.changeBtn a em {
	display : block;
	font-style : normal;
}
.changeBtn a.active {
	background-color : #ffeeaa;
	color : #000000;
}
.infoblock  {
	display : table-cell;
	vertical-align : top;
	width : 16.6%;
	text-align : left;
	position : relative;
}
.infoblock h3  {
	color : #404040;
	text-align : left;
	border-bottom : 1px solid #ebebeb;
	padding : 4px 10px;
	margin : 40px 0;
}
.infoblock dl  {
	font-size : 13px;
	color : #404040;
	text-align : left;
}
.infoblock dt  {
	font-weight : bold;
	width : 15%;
	display : inline-block;
	text-align : center;
	vertical-align : top;
	margin-bottom : 30px;
}
.infoblock dt span {
	line-height : 1.0;
	width : 100%;
	display : inline-block;
	text-align : center;
	border-right : 2px solid #dedede;
}
.infoblock dd  {
	width : 78%;
	display : inline-block;
	text-align : left;
	vertical-align : top;
	padding-left : 4%;
	margin-bottom : 30px;
}
.infoblock h3 span {
	display : inline-block;
	padding-left : 10px;
	font-size : 16px;
	line-height :1.0;
	border-left : 4px solid #ff8b00;
}
.infoblock .toFromBtn {
	width : 100%;
	padding : 40px 0 20px 0;
	text-align : center;
}
.aboutWrap  {
	text-align : center;
	margin-top : 74px;
}
.aboutWrap p {
	font-size : 13px;
	color : #ff8b00;
	line-height : 1.2;
}
.aboutWrap h2 {
	font-size : 24px;
	color : #3d3d3d;
	line-height : 1.2;
	margin : 20px 0;
	letter-spacing : 2px;
}
.aboutWrap h3 {
	font-size : 24px;
	color : #3d3d3d;
	line-height : 1.8;
	margin : 20px 0;
	font-style : italic;
	letter-spacing : 28px;
}
.aboutWrap h3 span {
	color : #b5b5b5;
	font-size : 48px;
	display : inline-block;
	line-height : 1.0;
	position : relative;
	top : 14px;
}
.aboutWrap div {
	font-size : 14px;
	color : #3d3d3d;
	line-height : 2.0;
	margin : 40px 0 0 0;
	box-sizing : border-box;
	padding : 0 10px;
}
.aboutWrap div span {
	display : inline-block;
}
.narrowWrapGray  {
	width : 90%;
	max-width : 645px;
	background-color : #f3f3f3;
	text-align : center;
	padding : 26px;
	box-sizing : border-box;
	margin : 0 auto 48px auto;
}
.narrowWrapGray p {
	color : #404040;
	font-size : 18px;
	font-weight : bold;
	font-style : italic;
	line-height : 34px;
}
.compInner  {
	margin-top : 74px;
}
.scrollauto  {
	height : 584px;
	overflow : auto;
}
.compInner dl  {
	width : 100%;
	border-bottom : 1px solid #d0d0d0;
	display : table;
	color : #404040;
	padding : 16px 0;
}
.compInner dt  {
	width : 35%;
	display : table-cell;
	text-align : center;
	vertical-align : top;
	font-size : 14px;
	line-height : 1.8;
	font-weight : bold;
}
.compInner dt span {
	display : inline;
}
.compInner dd  {
	width : 65%;
	display : table-cell;
	text-align : left;
	vertical-align : top;
	font-size : 14px;
	line-height : 1.8;
}
.compInner dd span {
	display : inline-block;
	vertical-align : middle;
}
.compInner dd img {
	display : inline-block;
	vertical-align : middle;
	margin-left : 24px;
}
.descripItem  {
	margin-top : 24px;
	position : relative;
}
.descripItem h3 {
	font-size : 24px;
	font-weight : normal;
	color : #3d3d3d;
	position : relative;
	top : 12px;
	text-align : center;
}
.descripItem span {
	position : absolute;
	bottom : 16px;
	right : 100px;
	font-size : 13px;
	color : #000000;
}
.descripItem p {
	text-align : center;
}
.descripItem p.smp_none {
	display : block;
}
.descripItem p.smp_none img {
	width : 100%;
	max-width : 1193px;
}
.descripItem p.pc_none {
	display : none;
	padding : 0 10px;
	margin-top : 24px;
}
.descripItem p.pc_none img {
	width : 100%;
	max-width : 445px;
}
@media only screen and (max-width: 720px) {
	.aboutWrap div {
		font-size : 13px;
	}
}
@media only screen and (max-width: 640px) {
	.descripItem span {
		display : none;
	}
	.descripItem p.smp_none {
		display : none;
	}
	.descripItem p.pc_none {
		display : block;
	}
	.changeBtn  {
		text-align : center;
		margin-top : 7vw;
	}
	.changeBtn a {
		font-size : 13px;
		padding : 10px 8px;
	}
	.changeBtn a span {
		margin-right : 10px;
	}
	.aboutWrap h3 {
		font-size : 20px;
		margin : 20px 0;
		letter-spacing : 4vw;
	}
	.aboutWrap h3 span {
		font-size : 36px;
	}
	.aboutWrap div {
		padding : 0 8px;
		text-align : left;
	}
	.scrollauto  {
		height : 624px;
	}
	.aboutWrap div span {
		display : inline;
	}
}
@media only screen and (max-width: 450px) {
	.aboutWrap h2 {
		font-size : 20px;
		margin : 12px 0;
	}
	.narrowWrapGray  {
		width : 92%;
		padding : 20px 16px;
	}
	.narrowWrapGray p {
		font-size : 14px;
		line-height : 28px;
	}
	.changeBtn a {
		font-size : 13px;
		padding : 8px 8px;
		margin : 0 0.8vw;
	}
	.infoblock  {
		padding : 10px;
	}
	.infoblock h3  {
		margin : 5vw 0;
	}
	.infoblock dt  {
		width : 100%;
		display : block;
		text-align : left;
		margin-bottom : 4vw;
	}
	.infoblock dt span {
		text-align : left;
		padding-bottom : 4px;
		border-right-style : none;
		border-bottom : 1px solid #dedede;
	}
	.infoblock dd  {
		width : 100%;
		display : block;
		text-align : left;
		vertical-align : top;
		padding-left : 0;
		margin-bottom : 4vw;
	}
	.changeBtn  {
		margin-top : 50px;
		display : block;
	}
	.changeBtn p {
		display : block;
		width : 100%;
	}
}
.manufaItem  {
	display : inline-block;
	position : relative;
	width : 353px;
	margin : 2.2%;
	min-height : 223px;
	background-color : #ececec;
	box-sizing: border-box;
	padding : 35px 2% 2% 2%;
	vertical-align : top;
}
.bckw  {
	background-color : #ffffff !important;
	border : 1px solid #ececec;
}
.manufaItemNone  {
	display : inline-block;
	position : relative;
	width : 353px;
	margin : 2.2%;
	height : 1px;
	box-sizing: border-box;
	padding : 0
	font-size: 0;
	line-height : 0;
}
.manufaItem2  {
	display : inline-block;
	position : relative;
	width : 28%;
	margin : 2.2%;
	min-height : 102px;
	background-color : #ececec;
	box-sizing: border-box;
	padding : 8px 9px;
	vertical-align : top;
}
.manufaItem h4  {
	background-color : #ff8b00;
	color : #000000;
	font-size : 13px;
	line-height : 1.0;
	padding : 3px 9px 2px 9px;
	font-weight : normal;
	position : absolute;
	top : 0;
	left : 0;
	font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.manufaItem h5  {
	color : #000000;
	font-size : 23px;
	line-height : 1.0;
	text-align : left;
}
.manufaItem2 h4  {
	background-color : #ff8b00;
	color : #000000;
	font-size : 13px;
	line-height : 1.0;
	padding : 3px 9px 2px 9px;
	font-weight : normal;
	position : absolute;
	top : 0;
	left : 0;
	font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.manufaItem2 .equip  {
	background-color : #f3f3f3;
	padding : 10px 0;
	text-align : center;
}
.manufaItem2 .equip01  {
	background-color : #f3f3f3;
	padding : 10px 0;
	text-align : center;
}
.manufaItem2 .equip02  {
	background-color : #f3f3f3;
	padding : 3px 0 10px 0;
	text-align : center;
}
.manufaItem2 h6  {
	color : #000000;
	font-size : 16px;
	line-height : 1.0;
	text-align : center;
	margin-top : 6px;
}
.manufaItem2 .equip .shortline  {
	background-color : #ff8b00;
	width : 38px;
	font-size : 0;
	line-height : 0;
	height : 6px;
	margin : 10px auto;
}
.manufaItem2 .equip01 .shortline  {
	background-color : #ff8b00;
	width : 38px;
	font-size : 0;
	line-height : 0;
	height : 6px;
	margin : 10px auto;
}
.manufaItem2 .equip02 .shortline  {
	background-color : #ff8b00;
	width : 38px;
	font-size : 0;
	line-height : 0;
	height : 6px;
	margin : 6px auto;
}
.manufaItem2 .shortline  {
	background-color : #ff8b00;
	width : 38px;
	font-size : 0;
	line-height : 0;
	height : 6px;
	margin : 10px auto 12px auto;
}
@media only screen and (max-width: 1100px) {
	.manufaItem2 .equip01  {
		background-color : #f3f3f3;
		padding : 3px 0 10px 0;
		text-align : center;
	}
	.manufaItem2 .equip01 .shortline  {
		background-color : #ff8b00;
		width : 38px;
		font-size : 0;
		line-height : 0;
		height : 6px;
		margin : 6px auto;
	}
}
.manufaItem p  {
	color ; #5e5e5e;
}
.pdd01  {
	padding : 10px 0;
}
@media all and (-ms-high-contrast:none) {
	.pdd01 {
		padding : 14px 0 6px 0;
	}
}
.pdd02  {
	padding : 8px 0;
}
@media all and (-ms-high-contrast:none) {
	.pdd02 {
		padding : 12px 0 6px 0;
	}
}
.manufaItem .item01  {
	font-size : 20px;
	line-height : 1.0;
	text-align : center;
	font-weight : bold;
}
.manufaItem .item01b  {
	font-size : 20px;
	line-height : 1.0;
	text-align : center;
	font-weight : bold;
	margin-top : 36px;
}
.manufaItem .item02  {
	font-size : 20px;
	line-height : 1.0;
	text-align : center;
	font-weight : bold;
	letter-spacing : 1.4px;
}
.manufaItem .item03  {
	font-size : 17px;
	line-height : 1.0;
	text-align : center;
	font-weight : bold;
	letter-spacing : -0.3px;
}
.manufaItem .item04  {
	background-color : #ffffff;
	padding : 12px;
	font-size : 14px;
	line-height : 2.0;
	text-align : left;
	margin-top : 14px;
	min-height : 140px;
}
.manufaItem2 .item05  {
	color : #101010;
	font-size : 13px;
	line-height : 1.2;
}
@media only screen and (max-width: 1234px) {
	.manufaItem  {
		width : 30%;
		margin : 1.4%;
	}
	.manufaItemNone  {
		width : 30%;
		margin : 1.4%;
	}
	.manufaItem h5  {
		font-size : 20px;
	}
	.manufaItem2  {
		width : 30%;
		margin : 1.4%;
	}
	.manufaItem .item01  {
		font-size : 1.7vw;
	}
	.manufaItem .item01b  {
		font-size : 1.7vw;
	}
	.manufaItem .item02  {
		font-size : 1.7vw;
		letter-spacing : 1.4px;
	}
	.manufaItem .item03  {
		font-size : 1.45vw;
	}
}
@media only screen and (max-width: 990px) {
	.manufaItem  {
		width : 300px;
		margin : 1.4%;
		padding : 35px 20px 20px 20px;
	}
	.manufaItemNone  {
		width : 300px;
		margin : 1.4%;
	}
	.manufaItem2  {
		width : 300px;
		margin : 1.4%;
	}
	.manufaItem .item01  {
		font-size : 22px;
	}
	.manufaItem .item01b  {
		font-size : 22px;
	}
	.manufaItem .item02  {
		font-size : 17px;
		letter-spacing : 1.4px;
	}
	.manufaItem .item03  {
		font-size : 14.5px;
	}
}
.manufaItem .bdrb  {

}
.manufaItem .mgt24  {
		margin-top : 24px;
}
.recruitTerm  {
	text-align : center;
	margin-top : 74px;
	margin-bottom : 80px;
	color : #858484;
	font-size : 32px;
	line-height : 1.8;
}
.arcWrap  {
	width : 100%;
	max-width : 1428px;
	margin : 0 auto 180px auto;
	padding : 40px 0 40px 9px;
	overflow : hidden;
	box-sizing: border-box;
	background-color : #e5eef6;
}
.arcWrap .AchieveItem {
	display : inline-block;
	width : 29%;
	margin : 20px 2%;
}
.arcWrap .AchieveItem table {
	width : 100%;
	border-collapse : collapse;
}
.arcWrap .AchieveItem caption {
	color : #025fa1;
	padding : 2px 4px;
	font-size : 16px;
	font-weight : bold;
	text-align : left;
}
.arcWrap .AchieveItem th {
	font-size : 14px;
	background-color: #ccdfec;
	color : #858484;
	width : 72px;
	padding : 4px 0;
	border : 1px solid #5c6d7b;
}
.arcWrap .AchieveItem td {
	font-size : 14px;
	background-color: #ffffff;
	color : #858484;
	padding : 2px 4px;
	border : 1px solid #5c6d7b;
}
.machineWrap  {
	display : block;
	width : 100%;
	height : 210px;
	overflow : hidden;
}
.machineLeft  {
	display : inline-block;
	width : 49.5%;
	box-sizing: border-box;
	vertical-align : top;
	position : relative;
	background-color : #ff8b00;
	padding : 42px 0 0 36px;
	height : 210px;
	overflow : hidden;
	font-size : 0;
	line-height : 0;
}
.machineLeft h3 {
	color : #ffffff;
	font-size : 24px;
}
.machineLeft div {
	margin-top : 40px;
}
.machineLeft div a {
	display : inline-block;
	margin-right : 24px;
	font-size : 16px;
	line-height : 1.8;
	color : #ffffff;
}
.machineLeft div a:hover {
	color : #ff0000;
}
.machineLeft .aidem_pc {
	display : block;
	position : absolute;
	top : 16px;
	right : 20px;
	width : 193px;
	height : 49px;
	background-color : #ffffff;
}
.aidem_smp  {
	display : none;
	text-align : center;
	margin-top : 24px;
}
.machineRight  {
	display : inline-block;
	width : 50.5%;
	box-sizing: border-box;
	vertical-align : top;
	font-size : 0;
	line-height : 0;
}
.machineRight img {
	width : 100%;
	max-width : 541px;
	height : 210px;
	object-fit : cover;
}
.recTtlImg  {
	width : 36.3% !important;
	max-width : 129px !important;
}
@media only screen and (min-width: 1650px) {
	.workWrap4 li {
		font-size : 20px;
	}
}
@media only screen and (max-width: 1130px) {
	.arcWrap  {
		padding : 40px 0 40px 20px;
	}
	.arcWrap .AchieveItem {
		width : 45%;
		margin : 20px 2%;
	}
}
@media only screen and (max-width: 1000px) {
	.workWrap4 li {
		font-size : 14px;
	}
}
@media only screen and (max-width: 900px) {
	.machineLeft .aidem_pc {
		display : none;
	}
	.aidem_smp  {
		display : block;
	}
}
@media only screen and (max-width: 800px) {
	.workWrap4 li.item01 {
		margin-right : 1%;
	}
	.workWrap4 li {
		font-size : 13px;
		width : 18.3%;
	}
}
.smpBack  {
	display : none;
}
@media only screen and (max-width: 640px) {
	.compInner dt span {
		display : block;
	}
	.aboutWrap  {
		margin-top : 40px;
	}
	.compInner dt  {
		width : 25%;
		font-size : 13px;
	}
	.compInner dd  {
		width : 72%;
		font-size : 13px;
		padding-right : 3%;
	}
	.normalWrap {
	    margin: 0px auto 60px auto;
	}
	.narrowWrap  {
		margin : 0px auto 40px auto;
		padding : 0 10px;
	}
	.narrowWrap1  {
		margin : 30px auto 30px auto;
		padding : 0 8px;
	}
	.narrowWrap2  {
		margin : 0px auto 20px auto;
		padding : 0;
	}
	.minimamWrap {
	    margin: 40px auto;
	    padding: 0;
	}
	.miniWrap  {
		margin : 0px auto 0 auto;
	}
	.workWrap  {
		width : 100%;
		padding : 0 10px 2.5vw 0;
		position : relative;
		overflow : hidden;
		box-sizing: border-box;
	}
	.workWrap .workLeft  {
		display : block;
		width : 100%;
		margin-bottom : 20px;
	}
	.workWrap .workLeft img {
		width : 100%;
	}
	.workWrap .workRight  {
		display : block;
		width : 100%;
		padding-left : 0;
	}
	.workWrap .graybox  {
		display : none;
	}
	.workWrap .workRight .workInner h3 {
		height : auto;
		padding : 30px 0;
	}
	.workWrap .workRight .workInner p {
		font-size : 13px;
		line-height : 22px;
	}
	.workWrap2  {
		width : 100%;
		height : auto;
		margin : 40px 10px 0 0;
		padding : 0px;
		position : relative;
		overflow : hidden;
		box-sizing: border-box;
	}
	.workWrap2 .workRight  {
		position : relative;
		top : 0;
		right : 0;
		z-index : 2;
		width : 100%;
		padding-left : 0;
		vertical-align : top;
	}
	.workWrap2 .workRight img {
		width : 100%;
		height : auto;
		max-width : 978px;
	}
	.workWrap2 .workLeft  {
		top : 0px;
		left : 0;
		z-index : 3;
		width : 36%;
		height : 38vw;
		padding : 3%;
		border-style : none;
		box-sizing: border-box;
	}
	.workWrap2 .workLeft h3 {
		margin-bottom : 3vw;
	}
	.workWrap2 .workLeft h3 img {
		width : 62%;
		max-width : 220px;
	}
	.workWrap2 .workLeft p {
		font-size : 12px;
		line-height : 20px;
	}
	.workWrap3  {
		width : 100%;
		height : auto;
		margin : 20px 10px 0 0;
		padding : 0px;
		position : relative;
	}
	.workWrap3 .workRight  {
		position : relative;
		top : 0;
		right : 0;
		z-index : 2;
		width : 100%;
		padding-left : 0;
		vertical-align : top;
	}
	.workWrap3 .contLeftInner h3 {
		width : 100%;
		line-height : 1.0;
		position : relative;
		padding-left : 0;
		box-sizing: border-box;
		margin-bottom : 8px;
	}
	.workWrap3 .workRight img {
		width : 100%;
		height : auto;
		max-width : 978px;
	}
	.workWrap3 .workLeft  {
		position : relative;
		top : 0px;
		left : 0;
		z-index : 3;
		width : 100%;
		height : auto;
		padding : 5%;
		border-style : none;
		box-sizing: border-box;
	}
	.workWrap3 .workLeft h3 img {
		width : 32%;
		max-width : 282px;
		min-width : 170px;
	}
	.workWrap3 .workLeft p {
		font-size : 13px;
		line-height : 22px;
	}
	.workWrap4  {
		width : 100%;
		height : auto;
		margin : 20px 10px 0 0;
		padding : 0px;
		position : relative;
	}
	.workWrap4 .workRight  {
		position : relative;
		top : 0;
		right : 0;
		z-index : 2;
		width : 100%;
		padding-left : 0;
		vertical-align : top;
		margin-left : 0;
	}
	.workWrap4 .contLeftInner h3 {
		width : 100%;
		line-height : 1.0;
		position : relative;
		padding-left : 0;
		box-sizing: border-box;
		margin-bottom : 8px;
	}
	.workWrap4 .workRight img {
		width : 100%;
		height : auto;
		max-width : 978px;
	}
	.workWrap4 .workLeft  {
		position : relative;
		top : 0px;
		left : 0;
		z-index : 3;
		width : 100%;
		height : auto;
		padding : 5%;
		border-style : none;
		box-sizing: border-box;
	}
	.workWrap4 .workLeft h3 img {
		width : 32%;
		max-width : 282px;
		min-width : 170px;
	}
	.workWrap4 .workLeft p {
		font-size : 13px;
		line-height : 22px;
	}
	.workWrap5  {
		width : 100%;
		height : auto;
		margin : 20px 10px 0 0;
		padding : 0px;
		position : relative;
	}
	.workWrap5 .workRight  {
		position : relative;
		top : 0;
		right : 0;
		z-index : 2;
		width : 100%;
		padding-left : 0;
		vertical-align : top;
		margin-left : 0;
	}
	.workWrap5 .contLeftInner h3 {
		width : 100%;
		line-height : 1.0;
		position : relative;
		padding-left : 0;
		box-sizing: border-box;
		margin-bottom : 8px;
	}
	.workWrap5 .workRight img {
		width : 100%;
		height : auto;
		max-width : 978px;
	}
	.workWrap5 .workLeft  {
		position : relative;
		top : 0px;
		left : 0;
		z-index : 3;
		width : 100%;
		height : auto;
		padding : 0 5% 5% 5%;
		border-style : none;
		box-sizing: border-box;
	}
	.workWrap5 .workLeft h3 img {
		width : 32%;
		max-width : 282px;
		min-width : 170px;
	}
	.workWrap5 .workLeft p {
		font-size : 13px;
		line-height : 22px;
	}
	.recTtlImg  {
		width : 36.3% !important;
		max-width : 129px !important;
	}
	.smpBack  {
		display : block;
	}
	.recruitTerm  {
		margin-top : 8vw;
		margin-bottom : 8vw;
		font-size : 5vw;
	}
}
@media only screen and (max-width: 600px) {
	.machineLeft div a {
		margin-right : 10px;
		font-size : 13px;
		line-height : 2.0;
	}
}
@media only screen and (max-width: 500px) {
	.machineWrap  {
		height : auto;
	}
	.machineLeft  {
		display : block;
		width : 100%;
		padding : 10px;
		height : auto;
	}
	.machineLeft h3 {
		display : inline-block;
		color : #ffffff;
		font-size : 16px;
		line-height : 1.0;
		vertical-align : top;
		margin-bottom : 12px;
	}
	.machineLeft div {
		display : inline-block;
		margin-top : 0px;
		margin-left : 24px;
		line-height : 1.0;
		vertical-align : top;
	}
	.machineLeft div a {
		display : inline-block;
		margin-right : 13px;
		margin-bottom : 8px;
		font-size : 13px;
		color : #ff8b00;
		background-color : #ffffff;
		text-decoration : none;
		padding : 4px 8px;
		border-radius : 3px;
		font-weight : bold;
	}
	.machineRight  {
		display : block;
		width : 100%;
		padding : 0;
		height : auto;
	}
	.machineRight img {
		width : 100%;
		max-width : 541px;
		height : auto;
		object-fit : fill;
	}
	.workWrap3 .workLeft  {
		padding : 3%;
	}
}
@media only screen and (max-width: 480px) {
	.workWrap2 .workLeft p {
		display : none;
	}
}
@media only screen and (max-width: 402px) {
	.machineLeft div {
		margin-top : 0px;
		margin-left : 0;
		padding-left : 13px;
		width : calc(100% - 13px);
		text-align : center;
	}
}
.norec  {
	text-align : center;
	padding : 40px 0;
	font-size : 16px;
	color : #ff0000;
}
.block  {

}
h2.wspace01  {
	text-align : center;
	font-size : 24px;
	color : #000000;
	font-weight : normal;
}
h2.wspace01p  {
	text-align : center;
	font-size : 24px;
	color : #000000;
	font-weight : normal;
	margin-bottom : 20px;
}
h2.wspace01q  {
	text-align : left;
	font-size : 24px;
	color : #000000;
	font-weight : normal;
	margin-bottom : 20px;
}
p.wspace05  {
	text-align : center;
	font-size : 14px;
	color : #000000;
	font-weight : normal;
	margin : 20px 0 10px 0;
}
.wspace07  {
	margin : 20px auto 0 auto;
	border-collapse : collapse;
}
.wspace07 td {
	text-align : left;
	font-size : 14px;
	color : #000000;
	font-weight : normal;
}
.wspace07 td span {
	display : inline-block;
}
.newsTitle  {
	display : inline-block;
	width : 193px;
	vertical-align : middle;
}
.newsTitle a {
	display : block;
	width : 193px;
	text-align : center;
	text-decoration : none;
	padding : 18px 0;
	border : 3px solid #000000;
	background-color : #ffffff;
    transition: .3s ease-in-out;
}
.newsTitle a strong {
	display : block;
	font-size : 18px;
	color : #000000;
	text-align : center;
}
.newsTitle a span {
	display : block;
	font-size : 14px;
	color : #4e4e4e;
	text-align : center;
}
.newsTitle a:hover {
	background-color : #444444;
}
.newsTitle a:hover strong {
	color : #ffffff;
}
.newsTitle a:hover span {
	color : #e1e1e1;
}
.newsWrap  {
	float : left;
	width : 48%;
}
.newsItem  {
	margin : 0px auto 0 auto;
	width : calc(100% - 200px);
	display : inline-block;
	vertical-align : top;
}
.newsItem dl {
	width : 95%;
	margin-left : 5%;
	display : table;
	padding : 14px 0;
	color : #4f4f4f;
	border-bottom : 1px dashed #a1a1a1;
}
.newsItem dl.gback {
	background-color : #ffffff;
}
.newsItem dl.wback {
	background-color : #ffffff;
}
.newsItem dt.date {
	display : table-cell;
	width : 92px;
	font-size : 14px;
	padding : 6px 0;
	text-align : left;
}
.newsItem dd.ttls {
	display : table-cell;
	padding : 6px 20px 6px 20px;
	font-size : 14px;
	text-align : left;
}
.newsItem a {
	color : #4f4f4f;
	font-size : 14px;
	text-decoration : none;
}
.newsItem a:hover dl {
	color : #000000;
}
.fullWrap  {
	width : 100%;
	max-width : 1920px;
	font-size : 0;
	line-height : 0;
	overflow : hidden;
	margin : 0 auto;
}
.footwindow  {
	position : relative;
	display : inline-block;
	font-size : 0:
	overflow : hidden;
}
.footwindow p  {
	position : relative;
	z-index : 10;
}
.window01  {
	width : 50%;
	overflow : hidden;
}
.window02  {
	width : 50%;
	overflow : hidden;
}
.footwindow img.inwinimg {
	width : 100%;
	max-width : 960px;
	min-height : 180px;
	object-fit : cover;
	overflow : hidden;
}
a.btwide  {
	display : block;
	width : 100%;
	max-width : 960px;
	overflow : hidden;
	position : relative;
}
a.btwide .toukafilter {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	max-width : 960px;
	background-color : rgba(0, 0, 0, 0.5);
	z-index : 8;
	overflow : hidden;
}
a.btwide img.inwinimg  {
    transition: .3s ease-in-out;
}
a.btwide:hover .toukafilter {
	background-color : rgba(0, 0, 0, 0);
}
a.btwide:hover img.inwinimg {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
.footwindow .intable  {
	position : absolute;
	top : 0;
	left : 0;
	display : table;
	width : 100%;
	height : 100%;
}
.footwindow p  {
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	width : 100%;
	height : 100%;
}
.footwindow p strong  {
	display : inline-block;
	text-align : center;
	width : 220px;
	padding : 26px 0;
	border : 1px solid #787878;
}
.footwindow span  {
	display : block;
}
.footwindow span.inwin01  {
	padding-top : 4px;
	font-size : 18px;
	color : #ffffff;
	font-weight : bold;
}
.footwindow span.inwin03  {
	padding-top : 24px;
	font-size : 12px;
	color : #ef8201;
	font-weight : normal;
}
.corpTitle  {
	text-align : center;
	margin : 70px 0 60px 0;
}
.corpTitle span {
	display : block;
	text-align : center;
	color : #ffaa44;
	font-size : 20px;
	font-weight : normal;
	margin-bottom : 12px;
}
.corpTitle strong {
	display : block;
	text-align : center;
	color : #3d3d3d;
	font-size : 36px;
	font-style : italic;
}
@media only screen and (max-width: 800px) {
	.machineRight h2.wspace01 img {
		width : 100%;
		max-width : 336px;
	}
	.corpTitle span {
		font-size : 2.7vw;
	}
	.corpTitle strong {
		font-size : 4.8vw;
	}
}
@media only screen and (max-width: 640px) {
	.newsTitle  {
		margin-top : 8px;
		margin-bottom : 20px;
		width : 100px;
	}
	.newsItem {
	    width: calc(100% - 105px);
	}
	.newsItem dl {
		display : block;
		padding : 8px 0;
	}
	.newsItem dt.date {
		display : block;
		width : 100%;
		max-width : 300px;
		color : #000000;
		font-size : 13px;
		padding : 0 0 0 10px;
		text-align : left;
	}
	.newsItem dd.ttls {
		display : block;
		font-size : 13px;
		padding : 0 0 0 24px;
		text-align : left;
		color : #000000;
	}
	.newsTitle a {
		width : 100px;
	}
	.newsTitle a strong {
		font-size : 14px;
	}
	.newsTitle a span {
		font-size : 12px;
	}
	.footwindow p  {
		vertical-align : top;
		padding-top : 50px;
	}
}
@media only screen and (max-width: 480px) {
	.footwindow p strong  {
		display : inline-block;
		text-align : center;
		width : 140px;
		padding : 26px 0;
		border : 1px solid #787878;
	}
	.footwindow span.inwin01  {
		padding-top : 4px;
		font-size : 14px;
	}
	.corpTitle  {
		margin : 10vw 0 9vw 0;
	}
	.corpTitle span {
		font-size : 3.4vw;
	}
	.corpTitle strong {
		font-size : 5vw;
	}
}
@media only screen and (max-width: 400px) {
	h2.wspace01s  {
		font-size : 20px;
	}
	h2.wspace01p  {
		font-size : 20px;
	}
}
@media only screen and (max-width: 364px) {
	.wspace07 td span {
		display : inline-block;
		margin-left : 28px;
	}
}
.privacyWrap  {
	padding : 16px 12px;
}
.privacyWrap h2 {
	color : #000000;
	margin-bottom : 12px;
}
.privacyWrap h4 {
	margin-top : 8px;
	margin-bottom : 4px;
}
.privacyWrap p strong {
	display : block;
	margin-top : 8px;
	margin-bottom : 4px;
}
.contWrap01  {
	display : block;
	position : relative;
	background : url(../img/about_back.jpg) no-repeat center center;
	width : 100%;
	height : 754px;
	background-size : cover;
}
.contWrap02  {
	display : block;
	position : relative;
	background : url(../img/recruit.jpg) no-repeat center center;
	width : 100%;
	height : 754px;
	background-size : cover;
}
.contWrap01 .contLeft  {
	position : absolute;
	top : 194px;
	left : 10%;
	width : 887px;
	padding : 32px 32px 24px 32px;
	box-sizing : border-box;
	background-color : #ffffff;
}
.contWrap01 .line  {
	display : inline-block;
	width : 277px;
	vertical-align : top;
}
.contWrap01 .line img {
	width : 277px;
}
.contWrap01 .contLeftInner {
	display : inline-block;
	width : 500px;
	padding-left : 4%;
	text-align : left;
	vertical-align : top;
}
.contWrap01 .contLeft h3 {
	text-align : left;
}
.contLeft h3 img {
	width : 100%;
	max-width : 299px;
}
.contWrap01 .contLeft p {
	text-align : left;
	padding : 60px 0 0 0;
	color : #000000;
	font-size : 14px;
	line-height : 33px;
	margin-bottom : 0px;
}
.contWrap01 .contLeft p strong {
	display : block;
	color : #025ea1;
	margin : 9px 0;
	font-size : 16px;
}
.contWrap01 .contRight  {
	position : absolute;
	top : 82px;
	right : 10%;
	width : 120px;
	height : 374px;
}
.contWrap02 .contLeft  {
	position: absolute;
	top: 194px;
	left: 10%;
	width: 50%;
	max-width: 700px;
	min-width: 455px;
	height: 494px;
	padding: 3.2vw;
	box-sizing: border-box;
	background-color: #ffffff;
}
.contWrap02 .contLeftInner {
	display : inline-block;
	width : 100%;
	text-align : left;
	vertical-align : top;
}
.contWrap02 .contLeft h3 {
	text-align : left;
}
.contWrap02 .contLeft p {
	text-align : left;
	padding : 36px 0 0 0;
	color : #000000;
	font-size : 14px;
	line-height : 24px;
	margin-bottom : 32px;
}
.contWrap02 .contLeft p strong {
	display : block;
	color : #025ea1;
	margin : 8px 0;
	font-size : 16px;
}
.contWrap02 .contLeftInner div {
	font-size : 20px;
	font-weight : bold;
	text-align : right;
}
.contWrap02 .contLeft div a {
	color : #025ea1;
}
.contWrap02 .contRight  {
	position : absolute;
	top : 82px;
	right : 10%;
	width : 120px;
	height : 374px;
}
.contWrap02 .contLeft .line  {
	text-align : right;
	margin : 0 0 16px 0;
}
.minimamWrap dl  {
	width : 100%;
	display : table;
	color : #000000;
	font-size : 14px;
}
.minimamWrap dt  {
	display : table-cell;
	width : 40%;
	max-width : 313px;
	vertical-align : top;
}
.minimamWrap dd  {
	display : table-cell;
	padding : 0 0 0 30px;
	width : calc(100% - 346px);
	vertical-align : top;
}
.minimamWrap dd div {
	font-size : 18px;
	line-height : 36px;
	color : #444444;
	margin : 10px 0;
}
.minimamWrap .tocomp  {
	display : block;
	width : 163px;
	padding : 15px 10px 15px 0;
	font-size : 16px;
	line-height : 1.0;
	color : #ffffff;
	text-decoration : none;
	text-align : center;
	background-color : #ff8b00;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .minimamWrap .tocomp { padding : 18px 10px 12px 0; }
}
@media only screen and (max-width: 530px) {
	.minimamWrap .tocomp  {
		padding : 9px 0;
		font-size : 13px;
	}
}
.newsInner  {
	width : 90%;
	margin : 20px auto;
}
.eveTitle h3  {
	background-color : #ff8b00;
	color : #ffffff;
	font-size : 14px;
	padding : 8px;
	line-height : 1.6;
}
.eveComm  {
	padding : 12px;
}
.outlineList dl  {
	width : 100%;
	color : #000000;
	font-size : 14px;
	border-bottom : 1px solid #717171
}
.outlineList dt  {
	display : inline-block;
	padding : 4px 20px;
	margin : 16px 0;
	width : calc(20% - 40px);
	vertical-align : top;
}
.outlineList dd  {
	display : inline-block;
	padding : 4px 20px;
	margin : 16px 0;
	width : calc(78% - 40px);
	border-left : 1px solid #717171;
	vertical-align : top;
}
.outlineList dd div {
	display : inline-block;
	width : 30%;
}
.outlineList dd p  {
	display : inline-block;
}
.outlineList dl.bdtop  {
	border-top : 1px solid #717171
	margin-top : 20px;
}
.mapArea  {
	padding : 12px;
	box-sizing : border-box;
}
.mapArea dl {
	width : 100%;
	max-width : 980px;
	margin : 50px auto 16px auto;
	box-sizing : border-box;
	font-size : 16px;
	color : #000000;
}
.mapArea dt {
	display : inline-block;
	width : 60px;
	vertical-align : top;
}
.mapArea dd {
	display : inline-block;
	width : calc(99% - 60px);
	vertical-align : top;
}
.mapArea dd span {
	display : inline-block;
}
.mapArea dd span.pdr {
	margin-right : 20px;
}
@media only screen and (max-width: 1400px) {
	.contWrap01 .contLeftInner {
		width : 65%;
	}
	.contWrap01 .contLeft  {
		position : absolute;
		top : 194px;
		left : 10%;
		width : 50%;
		max-width : 914px;
		min-width : 455px;
		height : 414px;
		padding : 20px;
		box-sizing : border-box;
		background-color : #ffffff;
	}
	.contWrap01 .contLeft p {
		text-align : left;
		padding : 24px 0 0 0;
		color : #000000;
		font-size : 14px;
		line-height : 22px;
		margin-bottom : 50px;
	}
	.contWrap01 .line  {
		display : inline-block;
		width : 30%;
		vertical-align : top;
	}
	.contWrap01 .line img {
		width : 100%;
		max-width : 277px;
	}
	.contWrap01 .contLeft p strong {
		margin : 6px 0;
	}
}
@media only screen and (max-width: 1150px) {
	.contWrap01 .contLeft  {
		left : 20px;
	}
	.contWrap01 .contRight  {
		top : 0px;
		right : 0;
	}
	.contWrap02 .contLeft  {
		left : 20px;
	}
	.contWrap02 .contRight  {
		top : 0px;
		right : 0;
	}
	.contWrap01 .contLeft p {
		margin-bottom : 0px;
	}
}
@media only screen and (max-width: 1000px) {
	.contWrap02 .contLeft p {
		text-align : left;
		padding : 24px 0 0 0;
		color : #000000;
		font-size : 14px;
		line-height : 22px;
		margin-bottom : 32px;
	}
}
@media only screen and (max-width: 800px) {
	.mapArea dl {
		margin : 40px auto 16px auto;
		font-size : 14px;
	}
	.contWrap02 .contLeftInner div {
		font-size : 16px;
	}
	.contWrap01 .line  {
		width : 0%;
	}
	.contWrap01 .line img {
		display : none;
	}
	.contWrap01 .contLeftInner {
		width : 100%;
		padding-left : 0%;
	}
	.minimamWrap dd div {
		font-size : 14px;
	}
	.minimamWrap dd  {
		padding : 0 0 0 20px;
	}
}
@media only screen and (max-width: 640px) {
	.contWrap01  {
		background : none no-repeat center center;
		height : auto;
	}
	.contWrap02  {
		background : none no-repeat center center;
		height : auto;
	}
	.contWrap01 .contLeft  {
		position : relative;
		top : 0;
		left : 0;
		width : 100%;
		min-width : 280px;
		height : auto;
		padding : 20px;
	}
	.contWrap01 .contRight  {
		position : absolute;
		top : 0px;
		right : 0;
		width : auto;
		height : 267px;
	}
	.contWrap01 .contRight img {
		height : 267px;
	}
	.contWrap02 .contLeft  {
		position : relative;
		top : 0;
		left : 0;
		width : 100%;
		min-width : 280px;
		height : auto;
		padding : 10px 20px;
	}
	.contWrap02 .contRight  {
		position : absolute;
		top : 0px;
		right : 0;
		width : auto;
		height : 267px;
	}
	.contWrap02 .contRight img {
		height : 267px;
	}
	.contWrap02 .contLeft h3 {
	    padding-top : 20px;
	}
	.minimamWrap dl  {
		font-size : 13px;
	}
	.minimamWrap dt  {
		display : inline-block;
		width : 98%;
		border-right : none;
		text-align : center;
		vertical-align: middle;
	}
	.minimamWrap dt img {
		width : 100%;
		height : 179px;
		object-fit : cover;
	}
	.minimamWrap dd  {
		width : 50%;
		padding : 0 0 0 4px;
	}
	.minimamWrap dd span {
		display : none;
	}
	.minimamWrap dd div {
		display : block;
		width : auto;
		line-height : 1.6;
	}
	.minimamWrap dd p  {
		display : inline-block;
	}
	.minimamWrap dd p img.space {
		width : 175px;
		height : 30px;
		object-fit : cover;
	}
	.outlineList dl  {
		width : 100%;
		color : #000000;
		font-size : 13px;
		border-bottom : 1px solid #717171;
		box-sizing : border-box;
	}
	.outlineList dt  {
		display : block;
		padding : 4px 10px;
		margin : 10px 0;
		width : 100%;
		border-bottom : 1px dotted #c1c1c1;
		box-sizing : border-box;
	}
	.outlineList dd  {
		display : block;
		padding : 4px 10px;
		margin : 10px 0;
		width : 100%;
		border-left : none;
		box-sizing : border-box;
	}
	.outlineList dd div {
		display : inline-block;
		width : 100%;
		box-sizing : border-box;
	}
	.outlineList dd p  {
		display : inline-block;
	}
	.outlineList dl.bdtop  {
		border-top : 1px solid #717171
		margin-top : 20px;
	}
	.mapArea {
		padding : 0;
	}
	.mapArea dl {
		margin : 20px auto 10px auto;
		font-size : 13px;
	}
	.mapArea dt {
		display : block;
		width : auto;
	}
	.mapArea dd {
		display : block;
		width : auto;
		padding-left : 16px;
	}
	.mapArea dd span {
		display : inline-block;
	}
	.mapArea dd span.pdr {
		margin-right : 0px;
	}
	#map1,#map2  {
		height : 440px !important;
	}
}
.movie  {
	width : 94%;
	padding : 0 2%;
	max-width : 770px;
	margin : 0 auto;
}

/*ギャラリー*/
.garellyImg  {
	width : 100%;
	height : 551px;
	object-fit : cover;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.workImg  {
	width : 100%;
	height : 471px;
	object-fit : cover;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
@media only screen and (max-width: 640px) {
	.garellyImg  {
		width : 100%;
		height : auto;
		object-fit : cover;
	}
}
#wrapFromInner  {
	width : 100%;
	margin : 0 auto;
	padding : 0 10px;
	box-sizing: border-box;
}
#wrapFromInner dl {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
#wrapFromInner dt  {
	color : #696969;
	font-weight : bold;
	font-size : 16px;
	margin-top : 24px;
	text-align : left;
}
#wrapFromInner dt span {
	display : inline-block;
	vertical-align ; middle;
	margin-left : 10px;
	color : #ffffff;
	background-color : #ff0000;
	font-size : 12px;
	line-height : 1.0;
	padding : 4px 8px;
	font-weight : normal;
	position : relative;
	top : -1px;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #wrapFromInner dt span { padding : 6px 8px 2px 8px; }
}
#wrapFromInner dd {
	padding: 2px 0;
	font-size : 16px;
	text-align : left;
}
.formTable option  {
	font-size : 16px;
	padding : 8px;
}
.formTable select  {
	font-size : 16px;
	padding : 8px;
}
.formTable label  {
	display : inline-block;
	border : 1px solid #d7d7d7;
	border-radius : 3px;
	font-size : 14px;
	color : #000000;
	padding : 6px 10px;
	margin-right : 4px;
	margin-top : 6px;
	width : 9em;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .formTable label  { padding : 8px 10px 4px 10px; }
}
.formTable label input  {
	display : inline-block;
	margin-right : 2px;
}
.formBtn  {
	margin-bottom : 80px;
}
.formTable input[type="text"]  {
	width : calc(100% - 24px);
	padding : 8px;
	font-size : 16px;
	border : 1px solid #dbdbdb;
}
.formTable textarea  {
	width : calc(100% - 24px);
	height : 120px;
	padding : 8px;
	font-size : 16px;
	line-height : 24px;
	border : 1px solid #dbdbdb;
}
.topComm  {
	display : table;
	color : #404040;
	font-size : 16px;
	line-height : 1.8;
	text-align : left;
	margin : 40px auto 60px auto;
}
.topComm span {
	color : #eda6bd;
	font-size : 18px;
}
.topComm a {
	color : #404040;
	font-weight : bold;
}
.topComm a:hover {
	color : #000000;
}
.pp-container  {
	margin : 60px 0 40px 0;
}
.pp-container a {
	display : block;
	width : 100%;
	text-align : center;
	font-size : 13px;
	font-weight : bold;
	color : #404040;
	background-color : #f1f1f1;
	border-radius : 3px;
	padding : 12px 0;
	box-sizing : border-box;
	border : 2px solid #f1f1f1;
	text-decoration : none;
	transition: all .3s;
}
.pp-container a:hover {
	border : 2px solid #787878;
	background-color : #ffffff;
}
@media only screen and (max-width: 640px) {
	#wrapFromInner dt  {
		font-size : 14px;
		margin-top : 20px;
	}
	#wrapFromInner dt span {
		font-size : 12px;
		padding : 4px 8px;
		top : -1px;
	}
	#wrapFromInner dd {
		padding: 2px 0;
		font-size : 14px;
	}
	.formTable option  {
		font-size : 14px;
		padding : 8px;
	}
	.formTable select  {
		font-size : 14px;
		padding : 8px;
	}
	.formBtn  {
		margin-bottom : 40px;
	}
	.formTable input[type="text"]  {
		width : calc(100% - 16px);
		padding : 8px;
		font-size : 14px;
	}
	.formTable textarea  {
		width : calc(100% - 16px);
		height : 100px;
		padding : 8px;
		font-size : 14px;
		line-height : 20px;
	}
	.topComm  {
		font-size : 13px;
		margin-bottom : 30px;
		margin-top : -20px;
	}
	.topComm span {
		font-size : 14px;
	}
}

.form-field:focus {
   background: #fff;
   color: #725129;
}

.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
	font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
   text-align:center;
}

.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
}

.submit-container {
   margin :24px 0 60px 0;
   text-align: center;
}

.submit-button {
	width : 256px;
	border : none;
	text-align :center;
	background-color : #ff8b00;
	color : #ffffff;
	padding : 16px 0;
	font-weight : bold;
	text-decoration : none;
	vertical-align : middle;
	cursor : pointer;
	border-radius : 3px;
	transition: all .3s;
}
#chachCopy {
	width : 90%;
	padding : 0 5%;
	max-width : 600px;
	color : #404040;
}
.thanks  {
	margin-top : 40px;
}
.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}
/* フッター包括---------------------------*/

.footer {
	padding-bottom : 20px;
	background-color : #000000;
	position : relative;
	z-index : 3;
}
.mgt0  {
	margin-top : 0 !important;
	padding : 0 !important;
}
.footerTable {
	width : 100%;
	margin : 0px auto 0px auto;
	padding : 10px 0;
	overflow : hidden;
	box-sizing: border-box;
}
.footlogo  {
	text-align : center;
	color : #646464;
	font-size : 10px;
	padding : 40px 0 30px 0;
}
.footMenu  {
	text-align : center;
}
.footMenu a {
	display : inline-block;
	margin : 0 12px;
	font-size : 16px;
	color : #ffffff;
	font-weight : bold;
	text-decoration : none;
}
.footMenu a:hover {
	color : #ffffaa;
}
.footAbout  {
	text-align : center;
	font-size : 13px;
	color : #ffffff;
	background-color : #023962;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	padding : 16px 0;
}
.footAbout a  {
	color : #ffffff;
}
.footMenuSub  {
	margin-top : 20px;
	text-align : center;
}
.footMenuSub a {
	font-size : 13px;
	color : #ffffff;
	text-decoration : none;
}
.footMenuSub a:hover {
	color : #ffffaa;
}
.copyright  {
	text-align : center;
	font-size : 10px;
	color : #000000;
	background-color : #ff8b00;
	padding : 10px 0 30px 0;
}
.wrapPageTop {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 4px;
    bottom: 67px;
	width : 67px;
	height : 67px;
	font-size : 0;
	line-height : 0;
	z-index : 99;
}
.wrapPageTop img {
    margin : 0;
}
.wrapContact {
    cursor: pointer;
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
	width : 279px;
	height : 69px;
	font-size : 0;
	line-height : 0;
	z-index : 999;
}
@media only screen and (max-width: 640px) {
	.footer {
		margin-top : 0px;
	}
	.footMenu a {
		margin : 0 6px;
		font-size : 12px;
	}
	.footMenuSub a {
		font-size : 12px;
	}
	.wrapContact {
		width : 100%;
	    margin-left: auto;
	    margin-right: auto;
	    position: relative;
		text-align : center;
		padding : 12px 0;
		background : #ffffff;
	}
	.footAbout  {
		padding : 16px 10px;
	}
	.wrapPageTop {
	    bottom: 40px;
	    right: 4px;
		width : 50px;
		height : 50px;
	}
	.wrapPageTop img {
	    margin : 0;
		width : 50px;
	}
}
.servWrap00  {
	width : 1060px;
	margin : 0 auto;
}