﻿.mv {
    max-width: 1000px;
    width: 100%;
    height: 100%;
    margin: 20px auto;
}
.mv-slide {
    max-width: 1000px;
    width: 100%;
    height: 429px;
    margin: 0 auto;
}
.mv-slide div {
    width: 100%;
}
.mv-slide a img {
    border-style: none;
}

.pankuzu {
  font-size: 1rem;
}
.pankuzu a {
  text-decoration: none;
}

.contents {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.top_midasi {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 10px 0;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.top_txt {
  width: 880px;
  margin: 0 auto 80px auto;
  font-size: 1rem;
  line-height: 1.6em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  text-align: justify;
  color: #666;
}
.top_work_tit {
  width: 180px;
  margin: 20px auto;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #808080;
  border-radius:25px;
  padding: 8px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.work_area {
  max-width: 960px;
  width: 100%;
  margin: 0 auto 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work_box {
  width: 220px;
  display: block;
  margin: 0 10px 30px;
}
.work_box a {
  text-decoration: none;
}
.work_box_tit {
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
.gas { background: #218e9d; }
.machinery { background: #ca5b95; }
.materials { background: #2a6daf; }
.food { background: #d75f40; }
.work_box_img {
  margin: 0 0 20px;
}
.work_box_txt {
  font-size: 1rem;
  color: #666;
  text-align: justify;
  padding: 0;
}
.work_box_txt p { font-size: 1.1rem; font-weight: bold; text-align: center; margin: 0; }
#gas { color: #218e9d; }
#machinery { color: #ca5b95; }
#materials { color: #2a6daf; }
#food { color: #d75f40; }


@media screen and (max-width: 998px){
.mv {
    max-width: 998px;
    width: 100%;
    margin: 0 auto;
}
.mv-slide {
    max-width: 998px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.mv-slide div {
    width:100%;
}
.top_txt {
  width: 90%;
  margin: 0 auto 80px auto;
  font-size: .9rem;
  line-height: 1.6em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.work_area {
  max-width: 998px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work_box {
  width: 46%;
  display: block;
  margin: 0 2% 30px;
}
}



@media screen and (max-width: 768px){
.mv {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
	padding: 0;
}
.mv-slide {
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
	padding: 0;
}
.mv-slide div {
    width:100%;
	margin: 0;
	padding: 0;
}

.top_txt {
  max-width: 768px;
  width: 90%;
  margin: 0 auto 80px auto;
  font-size: .9rem;
  line-height: 1.6em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.work_area {
  max-width: 768px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work_box {
  width: 100%;
  display: block;
  margin: 0 auto 70px;
  padding: 0;
}
}