@charset "UTF-8";
/* CSS Document */

.body{
	margin: 0;
}

#hoge {
    width: 100%;
}

.headertable{
	width:100vw;
}

.topbanner{
	width:100vw;
	padding: 60px 0px 100px 0px;
}

.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 180px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.collection{
	padding: 50px 0px 50px 0px;
}

.slider{
	width:100vw;
}

.listview{
	padding: 60px 0px 100px 0px;
}

.kariter{
	padding: 60px 0px 100px 0px;
}

.kariterbanner{
	padding: 60px 0px 200px 0px;
}

.haikei{
	background-image: url("img/topbackgroundshita.png");
}

.onlineshoptitle{
	padding: 60px 0px 100px 0px;
}

.shouhinichiran{
	padding: 0px 0px 150px 0px;
}

.newstitle{
	padding: 200px 0px 100px 0px;
}

.newscate1{
	padding: 100px 0px 50px 0px;
}

.newscate2{
	padding: 0px 0px 150px 0px;
}

.backnumber{
	text-align: right;
}

.footer{
	background-color: dimgray;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

/*ここからblandページ*/
.blandmongon{
	margin: 100px 0px 100px 0px;
	font-size: 20px;
    font-family: cursive;
}

.topbannergazou{
	margin: 100px 0px 100px 0px;
}

.collectionbackground{
	background-image: url("img/blandhaikei.png");
	padding: 50px 0px 50px 0px;
}

.pdf{
	margin: 100px 0px 50px 0px;
}

.collectionset{
	margin: 100px 0px 100px 0px;
}

/*ここからcompanyページ*/

.company{
	margin: 200px 0px 100px 0px;
}

.kaishagaiyou{
	margin: 100px 0px 100px 0px;
}

.map{
	margin: 100px 0px 100px 0px;
}

/*ここからrecruitページ*/
.recruit{
	margin: 200px 0px 100px 0px;
}

.boshuunashi{
	margin: 100px 0px 500px 0px;
}

/*ここからnewsページ*/
.newsall{
	margin: 0px 0px 300px 0px;
}

/*ここからMAILフォーム*/
.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.map{
	margin: 60px 0px 100px 0px;
	font-family: 'Jomolhari', serif;
}

.kaisha{
	line-height: 80%;
}

.shamei{
	font-size: 140%;
}

.maptable{
	align:center;
	margin: 300px 0px 400px 0px;
}

/*ここから取引先様*/
.paternbottan2{
	margin: 200px 0px 100px 0px;
}

/*ここからカリテール*/
.kariterkanban{
	margin: 200px 0px 200px 0px;
}

.kariterplan{
	margin: 0px 0px 100px 0px;
}

.plan{
	margin: 0px 0px 100px 0px;
}

.kantanstep{
	margin: 150px 0px 100px 0px;
}

.rentalhakochira{
	margin: 150px 0px 200px 0px;
}

.konnnaokomari{
	margin: 150px 0px 200px 0px;
}

.kariterlink{
	margin: 150px 0px 200px 0px;
}

.mottomirubottan{
	margin: 150px 0px 200px 0px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.mottomirubottan:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.coorde{
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.coorde:hover{
  opacity: .5;
}

.categories{
	margin: 150px 0px 200px 0px;
	font-size: 20px;
}

.cate{
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.cate::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.cate:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}


/*mask*/

.shouhintable{
	margin: 250px 0px 250px 0px;
}

.maskspace{
	margin: 0px 0px 300px 0px;
}