@media only screen and (max-width: 770px) {
 img {
  max-width: 100%;
 }
 div#header ul#header_menu_sp {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: #ffffff;
  position: absolute;
  z-index: 20000;
  font-size: 200%;
  line-height: 150%;
 }
 div#header ul#header_menu_sp li {
  text-align: center;
  border-bottom: 1px solid #007187;
  width: 100%;
 }
 div#header ul#header_menu_sp li a {
  display: block;
  width: 100%;
  padding: 50px 0;
  color: #000000;
  text-decoration: none;
 }
 div#header div.slid {
  overflow: hidden;
 }
 div#header div.slid img {
  width: 130%;
  max-width: 130%;
 }
 div#header ul.slider li {
  width: 100%;
  height: 508px;
  margin: 0;
  padding: 0;
 }
div#header ul.slider li#no1 {
 background: url("../images/top_new-sp.jpg") no-repeat;
}
 div#header div#header_contents {
  width: 100%;
 }
 div#header ul#header_menu {
  display: none;
 }
 div#main div.office {
  width: 90%;
 }
 div#main div.contact_mail {
  width: 90%;
 }
 div#main div#NEWS li {
  font-size: 130%;
  line-height: 150%;
 }
 div#main div.works img {
  width: 28%;
 }
 div#main div.culture img {
  margin: 70px 0 0 0;
 }
 div#main div.culture2 span {
  position: relative;
  overflow: hidden;
 }
 div#main div.culture2 img#btn1, div#main div.culture2 img#btn2, div#main div.culture2 img#btn3, div#main div.culture2 img#btn1-2, div#main div.culture2 img#btn2-2, div#main div.culture2 img#btn3-2 {
  width: 150%;
  max-width: 150%;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
 }
 div#main div.works_contents {
  width: 90%;
  margin: 50px auto 0 auto;
 }
 div#main div.works_contents img.L {
  float: none;
 }
 div#main div.works_contents img.R {
  float: none;
 }
 div#main div.works_contents img {
  margin: 0 auto 30px auto;
 }
 div#main div.works_contents img.TEXT {
  margin: 0 auto 100px auto;
 }
 div#main h3 {
  width: 100%;
  margin: 50px auto;
  padding: 5px 0;
 }
 div#main h3 img {
  width: 100%;
 }
 div#main ul.works_contents {
  width: 90%;
  margin: 20px auto 0 auto;
 }
 div#main ul.works_contents li:nth-child(1) {
  width: 100%;
  margin: 0 0 20px;
 }
 div#main ul.works_contents li:nth-child(1) figure img {
  width: 70%;
 }
 div#main ul.works_contents li:nth-child(1) figure figcaption {
  font-size: 200%;
 }
 div#main ul.works_contents li:nth-child(1) figure figcaption span {
  margin: 0 5px;
  display: inline-block;
  color: #00859b;
 }
 div#main ul.works_contents li:nth-child(1) p.tag span {
  min-width: 130px;
  margin: 0 0 15px 20px;
  padding: 15px 30px 20px;
  font-size: 200%;
 }
 div#main ul.works_contents li:nth-child(2) {
  width: 100%;
 }
 div#main ul.works_contents li:nth-child(2) dl dt {
  width: 15%;
  padding: 20px 0 10px;
 }
 div#main ul.works_contents li:nth-child(2) dl dt img {
  width: 60%;
 }
 div#main ul.works_contents li:nth-child(2) dl dd {
  width: 85%;
  padding: 30px 0 10px;
 }
 div#main ul.works_contents li:nth-child(2) dl dd h4 {
  font-size: 200%;
 }
 div#main ul.works_contents li:nth-child(2) dl dd p {
  font-size: 120%;
 }
 div#main div.sam {
  width: 90%;
 }
 div#main div.sam a {
  width: 47%;
  margin: 0 5% 25px 0;
 }
 div#main div.sam a:nth-of-type(even) {
  margin: 0 0 25px 0;
 }
 div#main div.special_yamamoto {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_ikeda {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_kawanishi {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_noda {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_matsumoto {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_nakamura {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_kawamura {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_higashi {
  background-size: 950px auto;
  height: 313px;
 }
 div#main div.special_bottom {
  background-size: 1000px auto;
  height: 319px;
 }
 div#tag {
  top: 100px;
 }
 div#tag img {
  height: auto;
 }
 #WORKS .bnr {
  padding: 25px;
  background: #fff;
  display: flex;
  justify-content: space-between;
 }
 #WORKS .bnr li {
  width: 100%;
  margin-bottom: 10px;
 }
 #WORKS .bnr li:last-child {
  margin-bottom: 0;
 }
 .pc {
  display: none !important;
 }
 .sp {
  display: block !important;
 }
 .sp_inline {
  display: inline !important;
 }
}