/*  RESET   */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Base format */
html {
	/*font-size: 62.5%;*/
	font-size: 17px;
	height: 100%;
}

body {
  font-size: 17px;
  color: #333;
  font-family:游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  height: 100%;
  line-height: 1.6;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  background:#FDF7EE;
}

::selection { background:#C6DAF2; }
::-moz-selection { background:#C6DAF2; }

p {
  margin-top: 0;
}

figure {
  margin: 0;
}

li {
  margin-bottom: .5em;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

/* img */
img {
  height: auto;
  vertical-align:bottom;
  max-width: 100%;
}

.object-fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

/* table */

table {
  width: 100%;
  border-collapse:collapse;
  border-top:#CCC 1px solid;
}

table th, table td {
	padding:20px 15px;
	border-bottom:#CCC 1px solid;
	text-align: left;
	vertical-align:top;
}

table th {
  font-weight:normal;
}

.table-type01 thead th {
	background:#DEEBEF;
	color:#245CA2;
	font-weight:bold;
}

.table-type01 th, .table-type01 td {
	border:#CCC 1px solid;
}
.table-type01 tr:nth-child(2n+2) td {
	background:#FFFCF3;
}
@media screen and (max-width: 768px) {
	.table-scroll {
		position: relative;
		overflow-x: auto;
		white-space: nowrap; 
	}
	table:not(.table-type01) th, table:not(.table-type01) td { 
		display:block;
	}
}

/* margin */
.m-0 { margin: 0;}
.mt-0 { margin-top: 0;}
.mb-0 {  margin-bottom: 0px;}
.mb-5 {  margin-bottom: 5px;}
.mb-10 { margin-bottom:10px;}
.mb-20 { margin-bottom:20px;}
.mb-30 { margin-bottom:30px;}
.mb-40 { margin-bottom:40px;}
.mb-50 { margin-bottom:50px;}
.mb-60 { margin-bottom:60px;}
.mb-70 { margin-bottom:70px;}
.mb-80 { margin-bottom:80px;}
.mb-90 { margin-bottom:90px;}
.mb-100 { margin-bottom:100px;}

@media screen and (min-width: 769px) {
	.col-1 { width: 8.33333%; }
	.col-2 { width: 16.66667%; }
	.col-3 { width: 25%; }
	.col-4 { width: 33.33333%; }
	.col-5 { width: 38%; }
	.col-6 { width: 48%; }
	.col-7 { width: 58.33333%; }
	.col-8 { width: 66.66667%; }
	.col-9 { width: 75%; }
	.col-10 { width: 83.33333%; }
	.col-11 { width: 91.66667%; }
	.col-12 { width: 100%; }
}

@media screen and (max-width: 768px) {
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 {  width: 50%;}
  .col-md-7 {  width: 58.33333%;  }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 {  width: 83.33333%; }
  .col-md-11 {  width: 90%; }
  .col-md-12 {  width: 100%; } 
}

/* status */
.right { text-align: right; }
.center { text-align: center; }

.inner, .content:not(#top) section {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.content:not(#top) {
	padding:150px 0;
}
.content#top {
	padding:100px 0;
}
@media screen and (min-width: 769px) {
	.overflow { overflow: hidden; }
	.fl-l { float: left; }
	.fl-r { float: right; }
	.content {
		position:relative;
	}
	.content:before, .content:after {
		content:"";
		height:100%;
		width:1px;
		/* background:#EEE4D3; */
		background: transparent;
		position:absolute;
		top:0;
		z-index:-2;
	}
	.content:before {
		left:20%;
	}
	.content:after {
		right:20%;
	}
}
@media screen and (max-width: 768px) {
	.fl-l { margin-bottom:20px; }
	.inner, .content:not(#top) section {
		width:90%;
	}
}

/* link */
a {
	color:#2C62A4;
	outline: none;
	-webkit-transition: all .3s;
	 transition: all .3s;
}
a:hover {
	text-decoration:none;
}
.opa:hover {
	opacity:0.8;
}

[class*="btn-type"] {
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
}
.btn-type01 {
	/* font-size:1.6rem; */
	font-size:1.2rem;
	text-align:center;
	background:#232323;
	color:#FFF;
	position:relative;
	padding:15px 0;
	width:280px;
}
.btn-type01:after {
	content:"\f0da";
	font-family:FontAwesome;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	line-height:0;
	height:0;
}
.btn-type01:hover {
	background:#363636;
}
.btn-type02 {
	font-size:1.6rem;
	width:100%;
	padding:15px 0;
	border:#245CA2 2px solid;
}
.btn-type02:hover {
	background:#245CA2;
	color:#FFF;
}

@media screen and (max-width: 768px) {
	.btn-type01 {
		width:100%;
	}
}

/* list */
ul.inline {
	letter-spacing:-.40em;
}
ul.inline li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}
ul.circle li {
	padding-left:18px;
	position:relative;
}
ul.circle li:before {
	content:"";
	width:5px;
	height:5px;
	background:#245CA2;
	position:absolute;
	top:8px;
	left:0;
	border-radius:100px;
}
/* page-ttl */
.page-ttl {
	background:#245CA2;
	position:relative;
}

.page-ttl h2 {
	font-size:3rem;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#FFF8E5;
	overflow: hidden;
}
.page-ttl h2 span {
	font-size:12rem;
	letter-spacing:0.08em;
	text-transform: uppercase;
	display:block;
	line-height:1;
}
@media screen and (min-width: 769px) {
	.page-ttl {
		height:350px;
	}
	.page-ttl .visual {
		position:absolute;
		top:0;
		right:0;
	}
	.page-ttl h2 {
		position:absolute;
		left:30px;
		bottom:-20px;
	}
}
@media screen and (max-width: 768px) {
	.page-ttl h2 {
		font-size:2rem;
		text-align:center;
		/* padding:20px 5%; */
		padding: 20px 10px;
	}
	.page-ttl h2 span {
		/* font-size:6rem; */
		font-size: 4rem;
		letter-spacing: 0;
	}
}

/* pan */
ul.pan {
	background:#FFF;
	text-align:right;
	padding:15px;
}
ul.pan li {
	margin-bottom:0;
}
ul.pan li  a {
	text-decoration:none;
	color:#333;
}
ul.pan li  a:hover {
	color:#245CA2;
}
ul.pan li:not(:last-child) {
	position:relative;
	padding-right:30px;
}
ul.pan li:not(:last-child):after {
	content:"\f0da";
	font-family:FontAwesome;
	font-size:1rem;
	color:#245CA2;
	position:absolute;
	right:15px;
	top:0;
	bottom:0;
	margin:auto;
	line-height:0;
	height:0;
	vertical-align:middle;
}
@media screen and (min-width: 769px) {
	ul.pan {
		min-width:370px;
		position:absolute;
		right:0;
		bottom:0;
	}
}
/* title*/
[class*="ttl-"] {
	font-weight:bold;
}
.ttl-type01 {
	/* font-size:3rem; */
	font-size:1.8rem;
	letter-spacing:0.2em;
	line-height:1.4;
	text-align:center;
	padding-top:40px;
	margin-bottom:50px;
	position:relative;
}
.ttl-type01 span {
	font-size:1.2rem;
	display:block;
}
.ttl-type01:before {
	content:"";
	width:40px;
	height:40px;
	background:url(img/common/icn_sheep@2x.png) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
.ttl-type02 {
	/* font-size:2rem; */
	font-size:1.6rem;
	letter-spacing:0.2em;
	padding-left:25px;
	position:relative;
	margin-bottom:45px;
}
.ttl-type02:before {
	content:"";
	width:12px;
	height:12px;
	border:#245CA2 2px solid;
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	border-radius:100px;
}
.ttl-type03 {
	/* font-size:1.6rem; */
	font-size:1.2rem;
	letter-spacing:0.2em;
	position:relative;
	padding-left:20px;
	margin-bottom:30px;
}
.ttl-type03:before {
	content:"";
	width:17px;
	height:16px;
	background:url(img/common/icn_circle@2x.png) no-repeat;
	background-size: contain;
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
}

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

                 header
				 
--------------------------------------- */
#header {
	height:100px;
	overflow:hidden;
	padding:0 50px;
}
#header .logo {
	float:left;
	line-height:100px;
}
#header .logo  img {
	vertical-align:middle;
}
/* nav */
ul.nav {
	float:right;
}
ul.nav li a {
	display:block;
	font-weight: bold; /**/
	vertical-align:middle;
	padding:0 30px;
	color:#333;
	text-decoration:none;
	position:relative;
}
ul.nav li a:before {
	content:"";
	width:0;
	height:1px;
	background:#245CA2;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
ul.nav li a:hover:before {
	width:100%;
}

@media screen and (min-width: 769px) {
	ul.nav li a {
		line-height:100px;
	}
}
@media screen and (max-width: 768px) {
	ul.nav {
		position:fixed;
		top:0;
		left:0;
		right:0;
		height:0;
		margin:auto;
		background:#245CA2;
		padding-top:80px;
		text-align:center;
		z-index:-1;
		display:none;
		-webkit-transition: all .3s;
  		transition: all .3s;
		z-index:100;
	}
	ul.nav.block {
		display:block;
		height:100%;	
	}
	ul.nav li {
		width:100%;
	}
	ul.nav .logo {
		display:none;
	}
	ul.nav li a {
		padding:15px 0;
		color:#FFF;
	}
}

/* navボタン */
	
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	float:right;
	position:fixed;
	width: 30px;
	height: 25px;
	z-index:101;
	top:18px;
	right:5%;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color:#245CA2;
}
.menu-trigger.active span {
	background:#FFF;
}

.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 11px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
}

.menu-trigger:after {
	content:"";
	width:50px;
	height:50px;
	background:#C9AD74;
	position:absolute;
	top:0;
	bottom:0;
	left:-9px;
	margin:auto;
	z-index:-1;
	opacity:0;
	-webkit-transition: all .3s;
  transition: all .3s;
}
.menu-trigger.fixed:after {
	opacity:1;
}
	
@media screen and (min-width: 769px) {
	.menu-trigger {
		display:none;
	}
}

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

                 footer
				 
--------------------------------------- */
#footer {
	background:#245CA2;
	color:#FFF;
	padding-top:60px;
}
#footer p:not(.copy) {
	margin-bottom:10px;
}

.foot-logo {
	/* font-size:1.8rem; */
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.005em;
	padding-left:80px;
	position:relative;
	margin-bottom:5px;
}
.foot-logo:before {
	content:"";
	width:64px;
	height:64px;
	background:url(img/common/log_foot@2x.png) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:0;
}
.tel {
	/* font-size:2.6rem; */
	font-size:1.6rem;
	font-weight:bold;
}
.copy {
	letter-spacing:normal;
	text-align:center;
	font-size:1rem;
	padding:35px 0;
	margin-top:35px;
	border-top:rgba(255,255,255,0.2) 1px solid;
}

@media screen and (min-width: 769px) {
	#footer {
		letter-spacing:-.40em;
	}
	.foot-col {
		width: calc(100%/3);
		display:inline-block;
		letter-spacing:normal;
		vertical-align:top;
	}
}
@media screen and (max-width: 768px) {
	.foot-logo {
		margin-bottom:15px;
	}
}

/* sns-list */
ul.sns-list {
	padding-left:80px;
}
ul.sns-list li {
	margin-right:10px;
}
ul.sns-list li a{
	color:#38608B;
	background:#FFF;
	width:25px;
	height:25px;
	border-radius:100px;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
	display:block;
}
ul.sns-list li a:hover {
	background:rgba(255,255,255,0.8);
}
	
	

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

                   top
				 
--------------------------------------- */

/* main */
.main {
	position:relative;
	margin-bottom:120px;
}
.main:after {
	content:"";
	width:100%;
	height:60%;
	background:#245CA2;
	position:absolute;
	left:0;
	bottom:-10%;
	z-index:-1;
}
.main .visual {
	text-align:center;
	padding:0 50px;
	overflow:hidden;
}
.main .visual img {
	width:100%;
}
.main .inner {
	color:#FFF;
	font-size:3rem;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:2;
	position:absolute;
	left:10%;
	/* bottom:5%; */
	bottom: 20%;
}
@media screen and (max-width: 768px) {
	.main .visual {
		padding:0 5%;
	}
	.main .visual img {
		min-height:250px;
		object-fit: cover;
	}
	.main .inner {
		font-size:2.5rem;
		left:5%;
		/* bottom:0; */
		bottom: 10%;
		z-index:1;
	}	
	.main .inner h2 {
		padding:0 5%;
	}
}

/* service */
#top .service {
	position:relative;
	overflow:hidden;
}
#top .service:before {
	content:"SERVICE";
	color:rgba(238,228,211,0.35);
	font-size:16rem;
	font-weight:bold;
	position:absolute;
	top:-30px;
	left:-40px;
	z-index: -10;
}
ul.service-list li a {
	text-decoration:none;
}
#top ul.service-list li figcaption{
	margin-top:-15px;
	font-weight:bold;
	color:#333;
	
}
#top ul.service-list li span {
	font-size:2rem;
	color:#363F87;
	display:block;
	margin-bottom:20px;
	padding:0 5px;
	position:relative;
}
#top ul.service-list li span:after {
	content:"";
	width:30px;
	height:2px;
	background:#363F87;
	position:absolute;
	left:0;
	bottom:0;
}

/* info */
.ttl-info {
	/* font-size:3rem; */
	font-size:1.6rem;
	letter-spacing:0.2em;
	padding-left:45px;
	position:relative;
}
.ttl-info:before {
	content:"";
	width:30px;
	height:31px;
	background:url(img/common/icn_sheep@2x.png) no-repeat;
	background-size: contain;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
ul.news-list li{
	border-bottom:#CCC 1px dotted;
}
ul.news-list li a {
	display:block;
	padding:15px 0;
	text-decoration:none;
	/* color:#245BA1; */
	color:#5679a3;
}

ul.news-list li span {
	font-size:1.2rem;
	color:#999;
	display:block;
}

/* search */
.search {
	background:#ECE3D7;
	padding:15px;
	border-radius:5px;
	text-align:center;
	box-sizing:border-box;
}
.ttl-search,ul.search-list {
	display:inline-block;
	vertical-align:middle;
}
.ttl-search {
	font-size:1.8rem;
	margin-right:20px

}

ul.search-list li{
	text-align:left;
	margin:0 10px;

}

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

               service
				 
--------------------------------------- */
.thought p {
	line-height:2;
	letter-spacing:0.1em;
	text-align:center;
}
/* service-list */
#service ul.service-list {
	padding:0 30px;
	justify-content: center;
	text-align:center;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#service ul.service-list li{
	width: calc((100% - 105px)/4);
	background:#FFF;
	margin-bottom:55px;
}

#service ul.service-list img {
	width:100%;
}
#service ul.service-list figcaption {
	padding:20px;
	color:#333;
}
#service ul.service-list h3 {
	/* font-size:1.6rem; */
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:10px;
}
#service ul.service-list p {
	text-align:left;
}

@media screen and (min-width: 769px) {
	#service ul.service-list li:not(:nth-child(4n+4)) {
		margin-right:35px;
	}
}
@media screen and (max-width: 1300px) {
	.br {
		display:block;
	}
}
@media screen and (max-width: 768px) {
	#service ul.service-list {
		padding:0 5%;
	}
	#service ul.service-list li{
		width:100%;
	}
}


/* デザインコンクリート */
ul.example li {
	margin-bottom:25px;
}
ul.example figcaption {
	margin-top:10px;
}

ul.example:not(.rehome) li {
	width: calc((100% - 100px)/3);
}

@media screen and (min-width: 769px) {
	ul.example.rehome li {
		margin-right:35px;
	}
	
	ul.example:not(.rehome) li:not(:nth-child(3n+3)) {
		margin-right:50px;
	}
}
@media screen and (max-width: 768px) {
	ul.example:not(.rehome) li {
		width:48%;
	}
	ul.example:not(.rehome) li:nth-child(2n+1) {
		margin-right:4%;
	}
}

/* 自動車補修事業者様向けサービス */
ul.item-list li{
	position:relative;
	margin-bottom:25px;
	width: calc((100% - 75px)/4);
}
ul.item-list li img {
	width:100%;
}
ul.item-list li figcaption {
	color:#FFF;
	padding:5px;
	position:absolute;
	bottom:0;
	left:0;
	width: calc(100% - 10px);
	background:rgba(0,0,0,0.6);
}

@media screen and (min-width: 769px) {
	ul.item-list li:not(:nth-child(4n+4)) {
		margin-right:25px;
	}
}
@media screen and (max-width: 768px) {
	ul.item-list li{
		width:48%;
	}
	ul.item-list li:nth-child(2n+1) {
		margin-right:4%;
	}
}

ul.flow-list {
	counter-reset: number 0;
}
ul.flow-list li {
	padding-left:75px;
	position:relative;
	overflow:hidden;
	padding-bottom:40px;
}
ul.flow-list li:before {
	content: counter(number) " ";
	counter-increment: number 1;
	font-size:2rem;
	font-weight:bold;
	color:#FFF;
	background:#2C62A4;
	width:50px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	border-radius:100px;
	position:absolute;
	top:0;
	left:0;
}
ul.flow-list li:not(:last-child):after {
	content:"";
	width:2px;
	height:calc(100% - 60px);
	background:#CCC;
	position:absolute;
	left:25px;
	bottom:5px;
}
	

ul.flow-list li .txt {
	float:left;
	max-width:580px;
}
ul.flow-list li h5 {
	font-size:1.6rem;
	font-weight:bold;
	color:#2C61A4;
	margin-bottom:10px;
}
ul.flow-list li .img {
	float:right;
}

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

                product
				 
--------------------------------------- */
/* tab */
ul.tab {
	text-align:center;
}
ul.tab li {
	width: calc((100% - 75px)/4);
	margin-bottom:15px;
}

ul.tab li:last-child {
	margin-right:0 !important;
}
ul.tab a{
	/* font-size:1.6rem; */
	font-size:1.2rem;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background:#245CA2;
	display:block;
	position:relative;
	padding:15px 0;
}
ul.tab a:hover {
	background:#1F4F89;
}
ul.tab a:after {
	content:"\f107";
	font-family:FontAwesome;
	position:absolute;
	right:15px;
	top:0;
	bottom:0;
	margin:auto;
	line-height:0;
	height:0;

}
@media screen and (min-width: 769px) {
	ul.tab li:not(:nth-child(4n+4)) {
		margin-right:25px;
	}
}
@media screen and (max-width: 768px) {
	ul.tab li {
		width:100%;
	}
}
/* product-list */
ul.product-list li{
	width: calc((100% - 100px)/3);
	margin-bottom:50px;
}

ul.product-list .ttl-type03,
ul.product-list img {
	margin-bottom:5px;
}
@media screen and (min-width: 769px) {
	ul.product-list li:not(:nth-child(3n+3)) {
		margin-right:50px;
	}
	ul.product-list img {
		width:300px;
		height:200px;
		object-fit: cover;
	}
}
@media screen and (max-width: 768px) {
	ul.product-list li{
		width:100%;
	}
	ul.product-list img {
		width:100%;
	}
}
.wq-Form .wq-Monitor>.wq--entries>.wq--entry>.wq-for-quantity>.wq--independentDisplay {
	display: none;
}
/* ---------------------------------------

                 company
				 
--------------------------------------- */
.g-map {
	margin-top:-30px;
}
/* ---------------------------------------

                 recruit
				 
--------------------------------------- */
.greeting {
	position:relative;
}
.greeting:before, .greeting:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:-1;
}

.greeting p {
	display:inline-block;
	text-shadow:0px 3px 1px #FFF8E6,0px 2px 1px #FFF8E6,1px 2px 1px #FFF8E6,2px 2px 1px #FFF8E6,2px 1px 1px #FFF8E6,2px 0px 1px #FFF8E6,3px 0px 1px #FFF8E6,2px -1px 1px #FFF8E6,2px -2px 1px #FFF8E6,2px -3px 1px #FFF8E6,1px -3px 1px #FFF8E6,0px -3px 1px #FFF8E6,-1px -3px 1px #FFF8E6,-2px -3px 1px #FFF8E6,-3px -3px 1px #FFF8E6,-3px -2px 1px #FFF8E6,-3px -1px 1px #FFF8E6,-3px 0px 1px #FFF8E6,-3px 1px 1px #FFF8E6,-3px 2px 1px #FFF8E6,-2px 2px 1px #FFF8E6,-1px 2px 1px 
}
@media screen and (min-width: 769px) {
	.greeting:before {
		width:411px;
		height:401px;
		background:url(img/recruit/pic_car@2x.png) no-repeat;
		background-size: contain;
		left:-2%;
	}
	.greeting:after {
		width:199px;
		height:300px;
		background:url(img/recruit/pic_brush@2x.png) no-repeat;
		background-size: contain;
		right:0;
	}
	.greeting p {
		max-width:620px;
	}

}
@media screen and (max-width: 768px) {
	.greeting {
		overflow:hidden;
	}
}

.ttl-catch {
	font-size:4rem;
	letter-spacing:0.2em;
	position:relative;
	margin-bottom:45px;
}
.ttl-catch:after {
	content:"Tell people the fun!";
	font-size:14rem;
	font-weight:bold;
	color:rgba(237,228,210,0.4);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	line-height:0;
	height:0;
	z-index:-2;
	white-space: nowrap;
}

.occupations .ttl-type03 {
	margin-bottom:0;
}

.occupations p:not(:last-child) {
	margin-bottom:15px;
}
/* ---------------------------------------

                 contact
				 
--------------------------------------- */
/* tel */
.tel-box {
	font-weight:bold;
	font-size:1.6rem;
	border:#245CA2 1px solid;
	padding:20px;
	max-width:758px;
	margin:0 auto 150px;
	text-align:center;
	box-sizing:border-box;
}
.tel-box .tel {
	font-size:5rem;
	color:#245CA2;
}
ul.fax {
	font-size:1.4rem;
	border-top:#CCC 1px solid;
	padding-top:20px;
	margin-top:10px;
}
ul.fax li {
	margin:0 10px;
}
@media screen and (max-width: 768px) {
	.tel-box .tel {
		/* font-size:4rem; */
		font-size: 2rem;
	}
}

/* form */
.form th {
	padding-left:70px;
	position:relative;
}
.form th span {
	/* font-size:1.2rem; */
	font-size:1rem;
	font-weight:bold;
	color:#FFF;
	background:#245CA2;
	position:absolute;
	left:10px;
	width:50px;
	padding:2px 0;
	text-align:center;
	border-radius:3px;
}
.form span.any {
	color:#245CA2;
	background:#CCE1EE;
}

[class*="input-"],textarea {
	font-family:游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	border:0;
	padding:10px;
	width: calc(100% - 20px);
	background:#FFF8E6;
	-webkit-transition: all .3s;
	transition: all .3s;
}
textarea {
	height:180px;
}
[class*="input-"]:focus,[class*="input-"]:hover,
textarea:focus ,textarea:hover  {
	background:#F5EED1;
}
@media screen and (min-width: 769px) {
	[class*="input-"],textarea {
		min-width:500px;
	}
}
@media screen and (max-width: 768px) {
	[class*="input-"],textarea {
		background:#F5EED1;
	}
}

.send {
	font-family:游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
}

.col-banner {
	text-align: center;
}
.col-banner a:hover {
	opacity: .6;
}
.col-banner-footer a:hover {
	opacity: .8;
}

.col-banner-footer {
    position: fixed;
    bottom: 1px;
    background-color: rgba(254, 254, 254, 0.2);
    width: 100%;
    min-height: 50px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
	visibility: hidden;
	opacity: 0;
	text-align: center;
}
.col-banner-footer.show {
	visibility: visible;
	opacity: 1;
	transition : all 500ms ease-in;
    transition-delay: .1s;
}
/* #footer {
    padding-bottom: 150px;
} */
@media screen and (max-width: 768px) {
	.main {
		margin-bottom: 60px;
	}
	/* #footer {
		padding-bottom: 100px;
	} */
}
#recruit th {
	width: 10%;		
}
@media screen and (max-width: 768px){
	#recruit th {
		min-width: 100%;		
	}
}

.form th {
	width: 10em;
}
@media screen and (max-width: 768px){
	.form th {
		width: 100%;
	}
}