/* PC */
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .underlayermain {
    width: 100%;
    margin: 0 auto;
    background-color: #fafafa;
  }
  .underlayermain_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 100px 0;
  }
  /*-------------
company
-------------*/
  .companymenuback.clearfix {
    background-color: #f5f5f5;
    height: 150px;
  }
  ul.companymenu.clearfix {
    width: 825px;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.companymenu.clearfix li {
    float: left;
    padding: 0 0 0 60px;
  }
  ul.companymenu.clearfix li:first-child {
    padding: 0 0 0 0;
  }
  .companylist1 a {
    display: block;
    width: 60px;
    height: 50px;
  }
  .companylist2 a {
    display: block;
    width: 100px;
    height: 50px;
  }
  .companylist3 a {
    display: block;
    width: 80px;
    height: 50px;
  }
  .companylist4 a {
    display: block;
    width: 110px;
    height: 50px;
  }
  .companylist5 a {
    display: block;
    width: 50px;
    height: 50px;
  }
  .companylist6 a {
    display: block;
    width: 125px;
    height: 50px;
  }
  ul.companymenu.clearfix #nav21 {
    background: url(../images/company/menu1.png) no-repeat;
  }
  ul.companymenu.clearfix #nav22 {
    background: url(../images/company/menu2.png) no-repeat;
  }
  ul.companymenu.clearfix #nav23 {
    background: url(../images/company/menu3.png) no-repeat;
  }
  ul.companymenu.clearfix #nav24 {
    background: url(../images/company/menu4.png) no-repeat;
  }
  ul.companymenu.clearfix #nav24-2 {
    background: url(../images/company/menu6.png) no-repeat;
  }
  ul.companymenu.clearfix #nav25 {
    background: url(../images/company/menu5.png) no-repeat;
  }
  ul.companymenu.clearfix #nav21:hover {
    background: url(../images/company/menu1on.png) no-repeat;
  }
  ul.companymenu.clearfix #nav22:hover {
    background: url(../images/company/menu2on.png) no-repeat;
  }
  ul.companymenu.clearfix #nav23:hover {
    background: url(../images/company/menu3on.png) no-repeat;
  }
  ul.companymenu.clearfix #nav24:hover {
    background: url(../images/company/menu4on.png) no-repeat;
  }
  ul.companymenu.clearfix #nav24-2:hover {
    background: url(../images/company/menu6on.png) no-repeat;
  }
  ul.companymenu.clearfix #nav25:hover {
    background: url(../images/company/menu5on.png) no-repeat;
  }
  .companytop {
    margin: 60px 0 80px 0;
  }
  div#companytop1 {
    margin: 0 0 10px 0;
  }
  div#companytop2 {
    margin: 60px 0 0 0;
  }
  .companybox.clearfix {
    width: 620px;
    float: left;
    margin: 40px 0 70px 50px;
    padding: 0 40px 0 0;
  }
  .companybox2.clearfix {
    width: 1000px;
    margin: 40px 0 70px 0;
  }
  .companybox.clearfix p {
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
  }
  img.companyphoto.clearfix {
    margin: 30px 0 60px 0;
  }
  div#companytop3 {
    margin: 60px auto;
  }
  .companypolicy_box {
    width: 980px;
    height: auto;
    margin: 15px auto 50px auto;
    padding: 10px;
    background-color: #e5e5e5;
  }
  p.companytext {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    margin: 15px 0 15px 230px;
  }
  div#companytop4 {
    margin: 0 auto 0 auto;
    width: 202px;
  }
  div#companytop5 {
    margin: 0 auto 0 auto;
    width: 392px;
  }
  .sdgs {
    margin: 20px auto 0 auto;
  }
  table.companylist {
    border-collapse: collapse;
    width: 850px;
    margin: 20px auto 45px auto;
    line-height: 20px;
    color: #343434;
    font-size: 13px;
  }
  table.companylist th {
    text-align: justify;
    padding: 8px 0 8px 20px;
    border-bottom: solid 1px #d3d3d3;
    width: 160px;
    vertical-align: top;
  }
  table.companylist td {
    padding: 8px 0 8px 0;
    border-bottom: solid 1px #d3d3d3;
    font-weight: 600;
  }
  table.companylist td a {
    text-decoration: underline;
  }
  table.companylist td a:hover {
    opacity: 0.6;
  }
  table.companylist p, table.companylist dl {
    border-left: solid 3px #939393;
    padding: 3px 0 5px 15px;
  }
  table.companylist dt {
    width: 20%;
    float: left;
  }
  table.companylist dd {
    margin-left: 20%;
    padding-bottom: 5px;
  }
  table.companylist dd:after {
    content: '';
    display: block;
    clear: both;
  }
  p.lasttext {
    margin: 0 0 20px 0;
  }
  .companybox2 {
    background: url(../images/company/historybanner.png) no-repeat;
    width: 1000px;
    height: 300px;
    margin: 100px 0 0 0;
  }
  .companybox2 a {
    display: block;
    width: 190px;
    height: 30px;
  }
  .companybox2 #nav26 {
    background: url(../images/company/history_button.png) no-repeat;
  }
  .companybox2 #nav26:hover {
    background: url(../images/company/history_button_on.png) no-repeat;
  }
  .historybutton {
    padding: 200px 0 0 155px;
  }
  /*-------------
technology
-------------*/
  .technologymenuback.clearfix {
    background-color: #f5f5f5;
    height: 150px;
  }
  ul.technologymenu.clearfix {
    width: 700px;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.technologymenu.clearfix li {
    float: left;
    padding: 0 0 0 60px;
  }
  ul.technologymenu.clearfix li:first-child {
    padding: 0 0 0 0;
  }
  .technologylist1 a {
    display: block;
    width: 143px;
    height: 50px;
  }
  .technologylist2 a {
    display: block;
    width: 190px;
    height: 50px;
  }
  .technologylist3 a {
    display: block;
    width: 86px;
    height: 50px;
  }
  .technologylist4 a {
    display: block;
    width: 86px;
    height: 50px;
  }
  ul.technologymenu.clearfix #nav21 {
    background: url(../images/technology/menu1.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav22 {
    background: url(../images/technology/menu2.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav23 {
    background: url(../images/technology/menu3.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav24 {
    background: url(../images/technology/menu4.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav21:hover {
    background: url(../images/technology/menu1on.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav22:hover {
    background: url(../images/technology/menu2on.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav23:hover {
    background: url(../images/technology/menu3on.png) no-repeat;
  }
  ul.technologymenu.clearfix #nav24:hover {
    background: url(../images/technology/menu4on.png) no-repeat;
  }
  img.technologybanner {
    display: block;
    margin: 30px auto 0 auto;
  }
  img.technologybanner.sp {
    display: none;
  }
  p.technologytext {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 15px 0;
  }
  p.technologytext2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 25px 35px 15px 0;
  }
  p.technologytext3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 15px 0;
    text-align: center;
  }
  table.technology {
    border-collapse: collapse;
    /*width: 415px;*/
    width: 100%;
    margin: 26px 0 10px 0;
    line-height: 16px;
    table-layout: fixed;
  }
  table.technology th {
    background-color: #dfdfdf;
    text-align: justify;
    padding: 10px 10px 10px 14px;
    border: solid 1px #949494;
    width: 120px;
    vertical-align: top;
    font-size: 15px;
  }
  table.technology th.black {
    background-color: #333;
    color: #fff;
    text-align: justify;
    padding: 10px 10px 10px 14px;
    border: solid 1px #949494;
    width: 120px;
    vertical-align: top;
    font-size: 15px;
  }
  table.technology td {
    padding: 10px 10px 10px 13px;
    border: solid 1px #949494;
    font-weight: 600;
    font-size: 12px;
    width: 120px;
  }
  div#technologytop1 {
    margin: 60px auto 30px auto;
    width: 315px;
  }
  div#technologytop2 {
    margin: 60px auto 30px auto;
    width: 254px;
  }
  img.technologyphoto.clearfix {
    margin: 45px 0 0 0;
  }
  .technologybox.clearfix {
    width: 440px;
    float: right;
    margin: 100px 0 0 0;
  }
  p.technologytitle {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
  }
  .technologybutton {
    margin-left: auto;
    width: 273px;
    margin-top: 35px;
  }
  .technologybutton:hover {
    opacity: 0.8;
  }
  div#technologytop3 {
    margin: 80px auto 30px auto;
    width: 273px;
  }
  ul.technologylist.clearfix li {
    font-size: 15px;
    line-height: 20px;
    width: 300px;
    text-align: center;
    float: left;
    margin: 0 0 50px 50px;
  }
  ul.technologylist.clearfix li:first-child {
    margin: 0 0 50px 0;
  }
  ul.technologylist.clearfix li:nth-child(4) {
    margin: 0 0 50px 0;
  }
  ul.technologylist2.clearfix {
    margin: 30px 0 0 0;
  }
  ul.technologylist2.clearfix li {
    float: left;
    margin: 0 0 15px 20px;
  }
  ul.technologylist2.clearfix li:nth-child(4n+1) {
    margin: 0 0 15px 0;
  }
  div#technologytop4 {
    margin: 60px auto 30px auto;
    width: 299px;
  }
  .technologybox3.clearfix {
    float: left;
    width: 480px;
    margin: 45px 20px 0 0;
  }
  p.technologytitle3 {
    font-size: 30px;
    color: #343434;
    line-height: 22px;
  }
  img.technologyphoto2.clearfix {
    margin: 45px 0 0 0;
  }
  p.technologytext3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 40px 0 15px 0;
  }
  /*-------------
product
-------------*/
  .productmenuback.clearfix {
    background-color: #f5f5f5;
    height: 150px;
  }
  ul.productmenu.clearfix {
    width: 850px;
    margin: 0 auto;
    padding: 10px 0 0 0;
  }
  ul.productmenu.clearfix li {
    float: left;
    padding: 0 0 0 6px;
  }
  ul.productmenu.clearfix li:first-child {
    padding: 0 0 0 0;
  }
  ul.productmenu.clearfix a {
    display: block;
    width: 100px;
    height: 130px;
  }
  ul.productmenu.clearfix #nav21 {
    background: url(../images/product/menu1.png) no-repeat;
  }
  ul.productmenu.clearfix #nav22 {
    background: url(../images/product/menu2.png) no-repeat;
  }
  ul.productmenu.clearfix #nav23 {
    background: url(../images/product/menu3.png) no-repeat;
  }
  ul.productmenu.clearfix #nav24 {
    background: url(../images/product/menu4.png) no-repeat;
  }
  ul.productmenu.clearfix #nav25 {
    background: url(../images/product/menu5.png) no-repeat;
  }
  ul.productmenu.clearfix #nav26 {
    background: url(../images/product/menu6.png) no-repeat;
  }
  ul.productmenu.clearfix #nav27 {
    background: url(../images/product/menu7-2.png) no-repeat;
  }
  ul.productmenu.clearfix #nav29 {
    background: url(../images/product/menu9.png) no-repeat;
  }
  /*ul.productmenu.clearfix #nav28 {
  background: url(../images/product/menu8.png) no-repeat;
}*/
  ul.productmenu.clearfix #nav21:hover {
    background: url(../images/product/menu1on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav22:hover {
    background: url(../images/product/menu2on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav23:hover {
    background: url(../images/product/menu3on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav24:hover {
    background: url(../images/product/menu4on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav25:hover {
    background: url(../images/product/menu5on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav26:hover {
    background: url(../images/product/menu6on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav27:hover {
    background: url(../images/product/menu7-2on.png) no-repeat;
  }
  ul.productmenu.clearfix #nav29:hover {
    background: url("../images/product/menu9on.png") no-repeat;
  }
  /*ul.productmenu.clearfix #nav28:hover {
  background: url(../images/product/menu8on.png) no-repeat;
}*/
  div#producttop1 {
    background: url(../images/product/productphoto1.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 30px 0 30px 0;
  }
  div#producttop2 {
    background: url(../images/product/productphoto2.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop3 {
    background: url(../images/product/productphoto3.png) no-repeat;
    width: 1000px;
    height: 450px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop4 {
    background: url(../images/product/productphoto4.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop5 {
    background: url(../images/product/productphoto5.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop6 {
    background: url(../images/product/productphoto6.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop7 {
    background: url(../images/product/productphoto7.png) no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  div#producttop8 {
    background: url("../images/product/productphoto8.png") no-repeat;
    width: 1000px;
    height: 300px;
    background-color: #c9c9c9;
    margin: 0 0 30px 0;
  }
  p.producttext {
    color: #fafafa;
    font-size: 20px;
    font-weight: 600;
    width: 470px;
    padding: 15px 15px 0 15px;
    line-height: 30px;
    letter-spacing: 2px;
    float: left;
  }
  span.producttitle {
    font-size: 30px;
    line-height: 90px;
  }
  ul.productboxlist {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 0 0 550px;
  }
  ul.productboxlist li a {
    font-size: 20px;
  }
  ul.productboxlist li a:hover {
    text-decoration: underline;
  }
  p.producttext2 {
    width: 425px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    margin: -65px 0 0 550px;
  }
  /*-------------
cleaning
-------------*/
  .cleaningtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cleaningtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cleaningtext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 350px;
    margin: 3px auto 10px auto;
  }
  .cleaningtitlebox2.clearfix {
    width: 490px;
    margin: 25px auto 45px auto;
  }
  img.cleaningphoto.clearfix {
    float: left;
    margin: 0 10px 0 0;
  }
  ul.cleaningtoplist.clearfix {
    line-height: 20px;
    float: left;
    margin: 10px 0 0 0;
  }
  .cleaningtitlebox3.clearfix {
    width: 600px;
    margin: 25px auto 45px auto;
  }
  ul.cleaninglist.clearfix li {
    width: 180px;
    min-height: 250px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 0 45px 25px;
  }
  ul.cleaninglist.clearfix li:nth-child(5n+1) {
    margin: 0 0 45px 0;
  }
  ul.cleaninglist.clearfix li a {
    width: 180px;
    height: 180px;
    display: block;
    background-color: #000;
  }
  ul.cleaninglist.clearfix li a img {
    margin: 0 0 10px 0;
  }
  ul.cleaninglist.clearfix li a img:hover {
    opacity: 0.6;
  }
  p.cleaningtitle2 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 15px;
    margin: 0 0 25px 0;
  }
  p.cleaningtitle3 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  li#cleaninglistline {
    width: 210px;
  }
  /*-------------
welfare
-------------*/
  .welfaretitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.welfaretitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.welfaretext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 350px;
    margin: 3px auto 10px auto;
  }
  ul.welfarelist.clearfix {
    margin: 30px 0 0 0;
  }
  ul.welfarelist.clearfix li {
    width: 180px;
    min-height: 270px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 0 45px 25px;
  }
  ul.welfarelist.clearfix li:nth-child(5n+1) {
    margin: 0 0 45px 0;
  }
  ul.welfarelist.clearfix li a {
    width: 180px;
    height: 180px;
    display: block;
    background-color: #000;
  }
  ul.welfarelist.clearfix li a img {
    margin: 0 0 10px 0;
  }
  ul.welfarelist.clearfix li a img:hover {
    opacity: 0.6;
  }
  .welfarebutton {
    margin: 10px 0 0 0;
  }
  .welfarebutton a {
    display: block;
    width: 180px;
    height: 30px !important;
    background-color: transparent !important;
  }
  .welfarebutton .nav31 {
    background: url(../images/welfare/button1.png) no-repeat;
  }
  .welfarebutton .nav31:hover {
    background: url(../images/welfare/button1on.png) no-repeat;
  }
  .welfarebutton a.nav99 {
    background: url("../images/product/case_off.png") no-repeat;
  }
  .welfarebutton a.nav99:hover {
    background: url("../images/product/case_on.png") no-repeat;
  }
  /*-------------
sewing
-------------*/
  #sewing_logo {
    position: fixed;
    right: 30px;
    top: 7px;
  }
  .sewingtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.sewingtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.sewingtext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 500px;
    margin: 3px auto 10px auto;
  }
  ul.sewinglist.clearfix {
    margin: 30px 0 0 0;
  }
  ul.sewinglist.clearfix li {
    width: 180px;
    height: 250px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 0 45px 25px;
  }
  ul.sewinglist.clearfix li:first-child {
    margin-left: 0;
  }
  ul.sewinglist.clearfix li:nth-child(5n+1) {
    margin-left: 0;
  }
  ul.sewinglist.clearfix li:nth-child(-n+5) {}
  ul.sewinglist.clearfix li a {
    width: 180px;
    height: 180px;
    display: block;
    background-color: #000;
  }
  ul.sewinglist.clearfix li a img {
    margin: 0 0 10px 0;
  }
  ul.sewinglist.clearfix li a img:hover {
    opacity: 0.6;
  }
  .sewingbutton {
    margin: 10px 0 0 0;
  }
  .sewingbutton a {
    display: block;
    width: 180px;
    height: 30px !important;
    background-color: transparent !important;
  }
  .sewingbutton .nav31 {
    background: url(../images/sewing/button1.png) no-repeat;
  }
  .sewingbutton .nav31:hover {
    background: url(../images/sewing/button1on.png) no-repeat;
  }
  .sewingbutton a.nav99 {
    background: url("../images/product/case_off.png") no-repeat;
  }
  .sewingbutton a.nav99:hover {
    background: url("../images/product/case_on.png") no-repeat;
  }
  /*-------------
coin
-------------*/
  .cointitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cointitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cointext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 470px;
    margin: 3px auto 10px auto;
  }
  .cointitlebox2.clearfix {
    width: 675px;
    margin: 40px auto 45px auto;
  }
  img.coinphoto.clearfix {
    float: right;
  }
  p.cointext2.clearfix {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    height: 75px;
    padding: 55px 0 0 0;
  }
  .coinbutton a {
    display: block;
    width: 240px;
    height: 40px;
  }
  .coinbutton .nav31 {
    background: url(../images/coin/coinbutton1.png) no-repeat;
  }
  .coinbutton .nav31:hover {
    background: url(../images/coin/coinbutton1on.png) no-repeat;
  }
  ul.coinlist.clearfix {
    margin: 40px 0 0 0;
    width: 1000px;
  }
  ul.coinlist.clearfix li {
    float: left;
    text-align: center;
    width: 470px;
    margin: 0 0 30px 30px;
  }
  ul.coinlist.clearfix li:nth-child(odd) {
    margin: 0 0 30px 0;
  }
  table.cointable {
    border-collapse: collapse;
    float: left;
    width: 100%;
    margin: -8px 0 10px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.cointable td {
    background-color: #fff;
    padding: 10px 0 10px 13px;
    border: solid 1px #c6c6c6;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
  }
  /*-------------
press
-------------*/
  .presstitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.presstitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.presstext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 470px;
    margin: 3px auto 10px auto;
  }
  p.presstoptitle1 {
    font-size: 20px;
    font-weight: 900;
  }
  p.presstoptext1 {
    font-weight: 600;
    line-height: 21px;
    margin: 5px 0 25px 0;
  }
  table.presstable {
    border-collapse: separate;
    width: 100%;
    margin: 0 0 10px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.presstable th {
    background-color: #343434;
    color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    width: 250px;
  }
  table.presstable td {
    padding: 10px 0 10px 15px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
  }
  table.presstable2 {
    border-collapse: separate;
    float: left;
    width: 480px;
    margin: 25px 40px 10px 0;
    line-height: 20px;
  }
  table.presstable2 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    border: solid 1px #343434;
  }
  table.presstable2 td {
    padding: 10px 0 10px 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  table.presstable3 {
    border-collapse: separate;
    width: 480px;
    margin: 35px 0 60px 0;
    line-height: 20px;
  }
  table.presstable3 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    border: solid 1px #343434;
  }
  table.presstable3 td {
    padding: 10px 0 10px 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  ul.presslist.clearfix {
    margin: 30px 0 0 0;
  }
  ul.presslist.clearfix li {
    width: 180px;
    min-height: 250px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 0 45px 25px;
  }
  ul.presslist.clearfix li:nth-child(5n+1) {
    margin: 0 0 45px 0;
  }
  ul.presslist.clearfix li img {
    margin: 0 0 10px 0;
  }
  p.presstitle2 {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0 0;
  }
  table.presstable4 {
    border-collapse: collapse;
    width: 800px;
    margin: 0 0 60px 0;
    line-height: 20px;
    font-size: 12px;
  }
  table.presstable4 th {
    background-color: #d4d4d4;
    padding: 5px 0 5px 15px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
  }
  table.presstable4 td {
    padding: 5px 0 5px 15px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border: solid 1px #a0a0a0;
  }
  /*-------------
dryer
-------------*/
  .dryertitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.dryertitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.dryertext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 470px;
    margin: 3px auto 10px auto;
  }
  p.dryertoptitle1 {
    font-size: 20px;
    font-weight: 900;
  }
  p.dryertoptext1 {
    font-weight: 600;
    line-height: 21px;
    margin: 5px 0 25px 0;
  }
  table.dryertable {
    border-collapse: separate;
    width: 100%;
    margin: 0 0 10px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.dryertable th {
    background-color: #343434;
    color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    width: 250px;
  }
  table.dryertable td {
    padding: 10px 0 10px 15px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
  }
  ul.dryerlist.clearfix {
    margin: 30px 0 0 0;
  }
  ul.dryerlist.clearfix li {
    width: 180px;
    height: 265px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 0 45px 25px;
  }
  ul.dryerlist.clearfix li:nth-child(5n+1) {
    margin: 0 0 45px 0;
  }
  ul.dryerlist.clearfix li img {
    margin: 0 0 10px 0;
  }
  p.dryertitle2 {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0 0;
  }
  table.dryertable2 {
    border-collapse: collapse;
    width: 800px;
    margin: 0 0 60px 0;
    line-height: 20px;
    font-size: 12px;
  }
  table.dryertable2 th {
    background-color: #d4d4d4;
    padding: 5px 0 5px 15px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
  }
  table.dryertable2 td {
    padding: 5px 0 5px 15px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border: solid 1px #a0a0a0;
  }
  /*-------------
efty
-------------*/
  p.producteftytext {
    width: 425px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    margin: -30px 0 0 550px;
  }
  .eftytitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.eftytitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.eftytext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    width: 470px;
    margin: 3px auto 10px auto;
  }
  p.eftytoptitle1 {
    font-size: 20px;
    font-weight: 900;
  }
  .eftytitlebox_over {
    overflow: hidden;
    margin: 15px 0 0 0;
  }
  .eftybox_left.clearfix {
    width: 730px;
    float: left;
  }
  .efty {
    width: 100%;
    margin: 10px 0 25px 0;
    font-size: 12px;
  }
  .efty dt {
    background-color: #343434;
    color: #fafafa;
    padding: 3px 0 3px 10px;
    text-align: left;
    font-weight: 600;
  }
  .efty dd {
    padding: 7px 0 7px 10px;
    font-weight: 600;
    line-height: 20px;
  }
  .eftybox_right.clearfix {
    width: 200px;
    float: right;
    margin: 20px 30px 0 0;
  }
  ul.eftylist.clearfix {
    margin-bottom: 20px;
  }
  .eftylist.clearfix a {
    display: block;
    width: 200px;
    height: 33px;
  }
  .eftylist.clearfix .nav31 {
    background: url(../images/efty/eftybutton1.png) no-repeat;
    margin: 20px 0 10px 0;
  }
  .eftylist.clearfix .nav32 {
    background: url(../images/efty/eftybutton2.png) no-repeat;
    margin: 0 0 10px 0;
  }
  .eftylist.clearfix .nav_yt {
    background: url(../images/efty/eftybutton3.png) no-repeat;
    margin: 0 0 10px 0;
  }
  .eftylist.clearfix .nav_efty {
    background: url(../images/efty/eftybutton4.png) no-repeat;
  }
  .eftylist.clearfix .nav_karatto {
    background: url("../images/efty/karattobutton.png") no-repeat;
  }
  .eftylist.clearfix .nav31:hover {
    background: url(../images/efty/eftybutton1on.png) no-repeat;
  }
  .eftylist.clearfix .nav32:hover {
    background: url(../images/efty/eftybutton2on.png) no-repeat;
  }
  .eftylist.clearfix .nav_yt:hover {
    background: url(../images/efty/eftybutton3on.png) no-repeat;
  }
  .eftylist.clearfix .nav_efty:hover {
    background: url(../images/efty/eftybutton4on.png) no-repeat;
  }
  .eftylist.clearfix .nav_karatto:hover {
    background: url("../images/efty/karattobutton_on.png") no-repeat;
  }
  ul.eftyunderlist.clearfix {
    margin: 10px 0 55px 0;
  }
  ul.eftyunderlist.clearfix li {
    float: left;
    margin: 0 12px 0 12px;
  }
  ul.eftyunderlist.clearfix li a:hover {
    text-decoration: underline;
  }
  .eftytitlebox2 {
    width: 440px;
    margin: 25px auto 60px auto;
    text-align: center;
  }
  ul.eftylist2.clearfix li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .eftylist2.clearfix a {
    display: block;
    width: 200px;
    height: 33px;
  }
  .eftylist2.clearfix .nav31 {
    background: url(../images/efty/eftybutton1.png) no-repeat;
  }
  .eftylist2.clearfix .nav32 {
    background: url(../images/efty/eftybutton2.png) no-repeat;
  }
  .eftylist2.clearfix .nav31:hover {
    background: url(../images/efty/eftybutton1on.png) no-repeat;
  }
  .eftylist2.clearfix .nav32:hover {
    background: url(../images/efty/eftybutton2on.png) no-repeat;
  }
  li.eftylistlast {
    margin-top: 10px;
  }
  .eftytitlebox3 {
    width: 220px;
    text-align: center;
    float: left;
    margin: 0 0 25px 195px;
  }
  .eftytitlebox4 {
    width: 220px;
    text-align: center;
    float: left;
  }
  .eftytitlebox5 {
    width: 220px;
    margin: 25px auto 60px auto;
  }
  /*-------------
media
-------------*/
  .media {
    width: 100%;
    margin: 60px 0 0 0;
  }
  .media dt, .media dt a {
    background-color: #343434;
    color: #fafafa;
    padding: 3px 0 3px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    /*line-height: 25px;
	height: 25px;*/
    margin: 20px 0 10px 0;
  }
  .media dt a:hover {
    text-decoration: underline;
  }
  .media dd {
    padding: 7px 0 7px 0;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px;
  }
  dl.media dd a {
    text-decoration: underline;
    color: #1800ff;
  }
  /*-------------
recruit
-------------*/
  .recruitbox {
    background: url(../images/recruit/recruitback.png) no-repeat;
    width: 1000px;
    height: 300px;
    margin: 20px 0 0 0;
  }
  .recruitbox p {
    color: #fafafa;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    padding: 85px 0 0 30px;
    width: 450px;
  }
  .recruitsubbanner1 {
    width: 189px;
    margin: 50px auto 0 auto;
  }
  .recruitsubbanner2 {
    width: 211px;
    margin: 50px auto 0 auto;
  }
  .recruitsubbanner3 {
    width: 276px;
    margin: 50px auto 0 auto;
  }
  table.recruitlist {
    border-collapse: collapse;
    width: 850px;
    margin: 20px auto 80px auto;
    line-height: 20px;
    color: #343434;
    font-size: 13px;
  }
  table.recruitlist th {
    text-align: justify;
    padding: 8px 0 8px 30px;
    border-bottom: solid 1px #d3d3d3;
    width: 160px;
    vertical-align: top;
  }
  table.recruitlist td {
    padding: 8px 0 8px 0;
    border-bottom: solid 1px #d3d3d3;
    font-weight: 600;
    width: 660px;
  }
  table.recruitlist p {
    border-left: solid 3px #939393;
    padding: 3px 0 5px 30px;
  }
  p.recruittitle {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 15px;
    margin: 20px auto 15px auto;
    width: 835px;
  }
  /*-------------
link
-------------*/
  p.linktitle {
    font-size: 15px;
    background-color: #32302f;
    color: #fafafa;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin: 30px 0 20px 0;
  }
  ul.linklist1.clearfix {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
  }
  ul.linklist1.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist1.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist1.clearfix li a:hover {
    color: #1800ff;
  }
  ul.linklist2.clearfix {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    width: 400px;
    float: left;
    margin: 0 0 0 200px;
  }
  ul.linklist2.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist2.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist2.clearfix li a:hover {
    color: #1800ff;
  }
  ul.linklist3.clearfix li {
    margin: 0 0 25px 0;
  }
  ul.linklist3.clearfix li a:hover {
    opacity: 0.8;
  }
  /*-------------
dairiten
-------------*/
  p.dairitentext {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin: 20px 0 0 0;
  }
  p.dairitentel {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    letter-spacing: 0px;
    margin: 0 0 400px 0;
  }
  /*-------------
contact
-------------*/
  p.contacttext {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 20px 0 0 0;
  }
  #toiawase .form {
    clear: both;
  }
  #toiawase .form table {
    border-collapse: collapse;
    width: 850px;
    margin: 20px auto 0 auto;
    color: #343434;
    font-size: 13px;
  }
  #toiawase .form table th, #toiawase .form td {
    line-height: 25px;
    border-bottom: solid 1px #d3d3d3;
  }
  #toiawase .form table th {
    width: 150px;
    padding: 8px 0 8px 30px;
    text-align: left;
    vertical-align: top;
  }
  #toiawase .form td {
    padding: 5px 0 5px 0;
  }
  #toiawase .form table p {
    border-left: solid 3px #939393;
    padding: 3px 0 5px 30px;
  }
  #toiawase .form td input#comname, #toiawase .form td input#companyname, #toiawase .form td input#name, #toiawase .form td input#name2 {
    width: 400px;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
  }
  #toiawase .form td input#mail, #toiawase .form td input#adress {
    width: 480px;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
  }
  #toiawase .form td input#tel {
    width: 300px;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
  }
  #toiawase .form td textarea#comment {
    margin-top: 10px;
    width: 530px;
    height: 200px;
    background-color: #f1f1f1;
    border: none;
  }
  #toiawase .form #formEnd {
    text-align: center;
    margin: 5px 0 60px 0;
  }
  #toiawase .form #formEnd button {
    margin: 20px 3px 0;
    border: 0;
    background-color: #fafafa;
  }
  #formEnd button:hover {
    opacity: 0.7;
  }
  .mainte a {
    display: inline-block;
    width: 190px;
    height: 25px;
  }
  .mainte a.sp {
    display: none;
  }
  #nav12 {
    background: url("../images/contact/mail.png") no-repeat;
  }
  #nav12:hover {
    background: url("../images/contact/mail_on.png") no-repeat;
  }
  /*-------------
tsuyomi
-------------*/
  .tsuyomibox {
    width: 1000px;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/tsuyomi/tsuyomiphoto2.png) no-repeat;
  }
  .tsuyomibox p {
    width: 300px;
    height: auto;
    line-height: 1.6em;
    position: relative;
    top: 460px;
    left: 345px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
  }
  .strong {
    width: 800px;
    height: auto;
    margin: 20px auto;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #ccc;
  }
  .strong th, .strong td {
    padding: 5px;
    border: 1px solid #ccc;
  }
  /*-------------
history
-------------*/
  .history {
    width: 1000px;
    height: auto;
    margin: 70px auto 20px auto;
    padding: 0;
  }
  .history table {
    width: 1000px;
    height: auto;
    padding: 0;
    border-collapse: collapse;
  }
  .history table th {
    width: 150px;
    height: 60px;
    margin: 0;
    padding: 3px;
    text-align: center;
    border-bottom: 1px solid #999;
  }
  .history table th p {
    padding: 5px;
    background-color: #777;
    color: #fff;
  }
  .history table td.world {
    width: 430px;
    height: 60px;
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: right;
    border-bottom: 1px solid #999;
  }
  .history table td.itsumi {
    width: 430px;
    height: 60px;
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #999;
  }
  .history table td.photo {
    width: 290px;
    height: auto;
    margin: 0;
    padding: 0 !important;
    vertical-align: top;
    text-align: center;
  }
  /*-------------
award
-------------*/
  .award {
    width: 1000px;
    height: auto;
    margin: 70px auto 20px auto;
    padding: 0;
  }
  .award_box {
    width: 1000px;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 0;
  }
  .award_box .left {
    width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }
  .award_box .right {
    width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }
  .award_box .right_img1 {
    margin: 30px 0 0 0;
    text-align: center;
  }
  .award_box .right_img2 {
    margin: 80px 0 0 0;
    text-align: center;
  }
  .award_title {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 3px 0 3px 10px;
    background-color: #343434;
    color: #fff;
  }
  .award_title2 {
    margin: 10px 0;
    font-size: 20px;
  }
}
/* Tablet */
@media screen and (min-width: 481px) and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .underlayermain {
    width: 100%;
    margin: 0 auto;
    background-color: #fafafa;
  }
  .underlayermain_inner {
    width: 95%;
    margin: 0 auto;
    padding: 40px 0 100px 0;
  }
  /*-------------
company
-------------*/
  .companymenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.companymenu.clearfix {
    width: 95%;
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.companymenu.clearfix li {
    float: left;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 10px auto;
  }
  img.companybanner.sp {
    max-width: 484px;
    margin: 0 auto;
    display: block;
  }
  div#companytop1 {
    margin: 0 0 10px 0;
    width: 122px;
  }
  div#companytop2 {
    margin: 30px 0 0 0;
  }
  .companytop {
    margin: 30px 0 40px 0;
  }
  .companybox.clearfix {
    max-width: 620px;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .companybox2 {
    background: url(../images/company/historybanner.png) repeat-y;
    background-size: cover;
    width: 100%;
    height: auto;
    margin: 25px 0 0 0;
  }
  .historybutton.sp {
    padding: 125px 0 20px 0;
    width: 190px;
    margin: 0 auto;
  }
  .companybox.clearfix p {
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
  }
  img.companyphoto.clearfix {
    width: 237px;
    margin: 30px 0 0 0;
  }
  div#companytop3 {
    margin: 30px auto;
  }
  .companypolicy_box {
    width: 100%;
    height: auto;
    margin: 15px auto 50px auto;
    padding: 10px;
    background-color: #e5e5e5;
  }
  p.companytext {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    margin: 15px 0 15px 0;
  }
  div#companytop4 {
    margin: 0 auto 0 auto;
    width: 202px;
  }
  div#companytop5 {
    margin: 0 auto 0 auto;
    max-width: 392px;
  }
  .sdgs {
    margin: 20px auto 0 auto;
  }
  .companylist {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 40px auto;
  }
  .companylist dt {
    width: 100%;
    background-color: #d3d3d3;
    padding: 2px 0 2px 5px;
    text-align: left;
    font-weight: 500;
  }
  .companylist dd {
    width: 100%;
    padding: 5px 5px 10px;
    line-height: 18px;
  }
  .companylist dd a {
    text-decoration: underline;
  }
  img.company_map {
    display: block;
    max-width: 442px;
    margin: 0 0 5px 0;
  }
  img.company_kusatsuimg {
    display: block;
    max-width: 660px;
  }
  /*-------------
history
-------------*/
  img.historybanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .history {
    width: 100%;
    margin: 25px auto 20px auto;
    padding: 0;
  }
  .history table {
    width: 100%;
    max-width: 500px;
    height: auto;
    padding: 0;
    margin: 0 auto 20px auto;
    border-collapse: collapse;
  }
  .history table th {
    display: block;
    width: 100%;
    margin: 0;
    padding: 3px 0 0 0;
    text-align: center;
  }
  .history table th p {
    padding: 5px;
    background-color: #777;
    color: #fff;
  }
  .history table td {
    display: block;
    width: 100%;
    line-height: 19px;
    margin: 0 0 5px 0;
    padding: 5px 5px 10px 5px;
    border-bottom: 1px solid #999;
  }
  .history table td.photo {
    display: none;
  }
  td.banner img {
    width: 150px;
  }
  .award_bt {
    width: 150px;
    margin: 5px 0 0 auto;
  }
  .history ul {
    width: 100%;
    overflow: hidden;
  }
  .history ul li {
    max-width: 304px;
    margin: 0 0 15px 0;
  }
  .history ul li p {
    text-align: center;
  }
  /*-------------
award
-------------*/
  img.awardbanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .award {
    width: 100%;
    height: auto;
    margin: 25px auto 20px auto;
    padding: 0;
  }
  .award_box {
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 0;
  }
  .award_box .left {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .award_box .right {
    max-width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .award_box .right_img1 {
    width: 240px;
    margin: 30px 0 0 0;
  }
  .award_box .right_img2 {
    width: 352px;
    margin: 0;
  }
  .award_title {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 3px 0 3px 10px;
    background-color: #343434;
    color: #fff;
  }
  .award_title2 {
    margin: 0;
    font-size: 18px;
  }
  /*-------------
tsuyomi
-------------*/
  img.tsuyomibanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  img.technologybanner.pc {
    display: none;
  }
  img.technologybanner {
    display: block;
    max-width: 660px;
    margin: 30px auto 0 auto;
  }
  p.technologytext3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 5px 0 15px 0;
  }
  .tsuyomibox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
  .tsuyomibox p {
    width: 100%;
    height: auto;
    line-height: 1.6em;
    font-size: 13px;
    font-weight: 600;
  }
  .strong {
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #ccc;
  }
  .strong th {
    width: 60px;
    padding: 5px;
    border: 1px solid #ccc;
  }
  .strong td {
    padding: 5px;
    border: 1px solid #ccc;
  }
  /*-------------
technology
-------------*/
  .technologymenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.technologymenu.clearfix {
    width: 95%;
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.technologymenu.clearfix li {
    float: left;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 10px auto;
  }
  img.technologybanner2 {
    display: block;
    max-width: 500px;
    margin: 0 auto 0 auto;
  }
  img.technologybanner3 {
    display: block;
    width: 100%;
    margin: 30px auto 0 auto;
  }
  div#technologytop1 {
    display: block;
    margin: 25px auto 20px auto;
    max-width: 315px;
  }
  div#technologytop2 {
    display: block;
    margin: 60px auto 30px auto;
    max-width: 300px;
  }
  p.technologytext {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 15px 0;
  }
  p.technologytext2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 15px 0;
  }
  p.technologytext3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 15px 0;
    text-align: center;
  }
  .technologyscroll {
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 20px 0;
  }
  table.technology {
    border-collapse: collapse;
    /*width: 415px;*/
    width: 100%;
    margin: 15px 0 0 0;
    line-height: 12px;
    table-layout: fixed;
  }
  table.technology th {
    background-color: #dfdfdf;
    text-align: justify;
    padding: 8px;
    border: solid 1px #949494;
    vertical-align: top;
    font-size: 13px;
    width: 150px;
  }
  table.technology th.black {
    background-color: #333;
    color: #fff;
    text-align: justify;
    padding: 10px;
    border: solid 1px #949494;
    width: 80px;
    vertical-align: top;
    font-size: 13px;
  }
  table.technology td {
    padding: 8px;
    border: solid 1px #949494;
    font-weight: 600;
    font-size: 12px;
  }
  img.technologyphoto.clearfix {
    max-width: 499px;
    margin: 10px 0 0 0;
  }
  .technologybox.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
  }
  p.technologytitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }
  .technologybutton {
    width: 273px;
    margin-top: 25px;
  }
  div#technologytop3 {
    display: block;
    margin: 40px auto 20px auto;
    width: 273px;
  }
  ul.technologylist.clearfix {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  ul.technologylist.clearfix li {
    font-size: 12px;
    line-height: 20px;
    width: 46%;
    max-width: 300px;
    text-align: center;
    float: left;
    margin: 0 10px 30px 0;
  }
  ul.technologylist2.clearfix {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 30px auto 0 auto;
  }
  ul.technologylist2.clearfix li {
    float: left;
    width: 46%;
    max-width: 235px;
    margin: 0 10px 15px 0;
  }
  div#technologytop4 {
    display: block;
    margin: 40px auto 20px auto;
    width: 299px;
  }
  /*-------------
product
-------------*/
  .productmenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.productmenu.clearfix {
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.productmenu.clearfix li {
    float: left;
    width: 100px;
  }
  img.productbanner.sp {
    max-width: 500px;
    margin: 0 auto;
    display: block;
  }
  div#producttop7 {
    background: url(../images/product/productphoto7.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop1 {
    background: url(../images/product/productphoto1.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop2 {
    background: url(../images/product/productphoto2.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop3 {
    background: url(../images/product/productphoto3.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop4 {
    background: url(../images/product/productphoto4.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop5 {
    background: url(../images/product/productphoto5.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop6 {
    background: url(../images/product/productphoto6.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  div#producttop8 {
    background: url(../images/product/productphoto8.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 auto 30px auto;
  }
  p.producttext {
    max-width: 500px;
    color: #fafafa;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 10px 20px 10px;
    line-height: 25px;
    letter-spacing: 0px;
    float: none;
  }
  span.producttitle {
    font-size: 20px;
    line-height: 60px;
  }
  ul.productboxlist {
    width: 100%;
    max-width: 500px;
    min-height: 150px;
    background-color: #eee;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    padding: 10px 0 10px 10px;
  }
  ul.productboxlist li a {
    font-size: 15px;
    text-decoration: underline;
  }
  p.producttext2 {
    background-color: #eee;
    max-width: 500px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    margin: -100px 0 0 0;
    padding: 0 10px 10px 10px;
  }
  /*-------------
cleaning
-------------*/
  .cleaningtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cleaningtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cleaningtext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 350px;
    margin: 3px auto 10px auto;
  }
  .cleaningtitlebox2.clearfix {
    max-width: 490px;
    margin: 25px auto 30px auto;
  }
  img.cleaningphoto.clearfix {
    float: left;
    width: 164px;
    margin: 0 10px 0 0;
  }
  ul.cleaningtoplist.clearfix {
    line-height: 20px;
    float: left;
    margin: 10px 0 0 0;
  }
  .cleaningtitlebox3.clearfix {
    max-width: 600px;
    margin: 25px auto 30px auto;
  }
  ul.cleaninglist.clearfix {
    width: 100%;
    overflow: hidden;
  }
  ul.cleaninglist.clearfix li {
    width: 46%;
    max-width: 180px;
    height: 250px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 20px 0;
  }
  ul.cleaninglist.clearfix li a img {
    margin: 0 0 5px 0;
  }
  p.cleaningtitle2 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
  }
  p.cleaningtitle3 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /*-------------
welfare
-------------*/
  .welfaretitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.welfaretitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.welfaretext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 350px;
    margin: 3px auto 10px auto;
  }
  ul.welfarelist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
    overflow: hidden;
  }
  ul.welfarelist.clearfix li {
    width: 46%;
    max-width: 180px;
    min-height: 275px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  .welfarebutton {
    max-width: 180px;
    margin: 10px 0 0 0;
  }
  /*-------------
sewing
-------------*/
  #sewing_logo {
    display: none;
    position: fixed;
    right: 30px;
    top: 7px;
  }
  .sewingtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.sewingtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.sewingtext {
    background-color: #343434;
    line-height: 22px;
    height: auto;
    color: #fafafa;
    font-weight: 600;
    max-width: 500px;
    margin: 3px auto 10px auto;
  }
  ul.sewinglist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
    overflow: hidden;
  }
  ul.sewinglist.clearfix li {
    width: 46%;
    max-width: 180px;
    min-height: 300px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.sewinglist.clearfix img {
    margin: 0 0 5px 0;
  }
  ul.sewinglist.clearfix li a img {
    margin: 0 0 5px 0;
  }
  .sewingbutton {
    max-width: 180px;
    margin: 4px 0 0 0;
  }
  img.onlineshop {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  /*-------------
coin
-------------*/
  .cointitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cointitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cointext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 470px;
    margin: 3px auto 10px auto;
  }
  .cointitlebox2.clearfix {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px auto;
  }
  img.coinphoto.clearfix {
    width: 128px;
    float: left;
    margin: 0 10px 0 0;
  }
  p.cointext2.clearfix {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 50px 0 0 0;
    margin: 0 0 -50px 0;
  }
  .coinbutton {
    max-width: 240px;
    margin: 0 0 0 auto;
  }
  ul.coinlist.clearfix {
    margin: 40px 0 0 0;
    width: 100%;
  }
  ul.coinlist.clearfix li {
    float: none;
    text-align: center;
    max-width: 470px;
    margin: 0 auto 30px auto;
  }
  table.cointable {
    border-collapse: collapse;
    float: left;
    width: 100%;
    margin: -3px 0 20px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.cointable td {
    background-color: #fff;
    padding: 5px;
    border: solid 1px #c6c6c6;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
  }
  /*-------------
press
-------------*/
  .presstitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.presstitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.presstext {
    background-color: #343434;
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 500px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.presstoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: 0;
    margin: 0 auto 0 auto;
    max-width: 500px;
  }
  p.presstoptext1 {
    font-weight: 600;
    line-height: 19px;
    margin: 5px auto 10px auto;
    max-width: 500px;
  }
  table.presstable {
    border-collapse: separate;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px auto;
    line-height: 16px;
    font-size: 12px;
  }
  table.presstable th {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
  }
  table.presstable td {
    padding: 5px 5px 15px 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    display: block;
    width: 100%;
  }
  table.presstable2 {
    border-collapse: separate;
    float: none;
    max-width: 500px;
    margin: 0 auto 10px auto;
    line-height: 20px;
  }
  table.presstable2 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    border: solid 1px #343434;
  }
  table.presstable2 td {
    padding: 5px 0 0 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  table.presstable3 {
    border-collapse: separate;
    max-width: 500px;
    margin: 0 auto 10px auto;
    line-height: 20px;
  }
  table.presstable3 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    border: solid 1px #343434;
  }
  table.presstable3 td {
    padding: 5px 0 0 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  ul.presslist.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
    overflow: hidden;
  }
  ul.presslist.clearfix li {
    width: 46%;
    max-width: 180px;
    min-height: 245px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.presslist.clearfix li img {
    margin: 0 0 5px 0;
  }
  ul.presslist.clearfix li span {
    font-size: 10px;
    letter-spacing: -1px;
  }
  p.presstitle2 {
    font-size: 14px;
    font-weight: 600;
    max-width: 450px;
    margin: 0 auto 0 auto;
  }
  table.presstable4 {
    border-collapse: collapse;
    max-width: 800px;
    margin: 0 auto 0 auto;
    line-height: 19px;
    font-size: 12px;
  }
  table.presstable4 th {
    background-color: #d4d4d4;
    padding: 5px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  table.presstable4 td {
    padding: 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border-left: solid 1px #a0a0a0;
    border-right: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  td.presstable4_td {
    border-bottom: solid 1px #a0a0a0;
  }
  /*-------------
dryer
-------------*/
  .dryertitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.dryertitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.dryertext {
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 500px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.dryertoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: 0;
    margin: 0 auto 0 auto;
    max-width: 500px;
  }
  p.dryertoptext1 {
    font-weight: 600;
    line-height: 19px;
    margin: 5px auto 10px auto;
    max-width: 500px;
  }
  table.dryertable {
    border-collapse: separate;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px auto;
    line-height: 16px;
    font-size: 12px;
  }
  table.dryertable th {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
  }
  table.dryertable td {
    padding: 5px 5px 15px 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    display: block;
    width: 100%;
  }
  ul.dryerlist.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
    overflow: hidden;
  }
  ul.dryerlist.clearfix li {
    width: 46%;
    max-width: 160px;
    min-height: 220px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.dryerlist.clearfix li img {
    margin: 0 0 5px 0;
  }
  p.dryertitle2 {
    font-size: 14px;
    font-weight: 600;
    max-width: 450px;
    margin: 0 auto 0 auto;
  }
  table.dryertable2 {
    border-collapse: collapse;
    max-width: 800px;
    margin: 0 auto 0 auto;
    line-height: 19px;
    font-size: 12px;
  }
  table.dryertable2 th {
    background-color: #d4d4d4;
    padding: 5px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  table.dryertable2 td {
    padding: 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border-left: solid 1px #a0a0a0;
    border-right: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  td.dryertable2_td {
    border-bottom: solid 1px #a0a0a0;
  }
  /*-------------
efty
-------------*/
  p.producteftytext {
    width: 425px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    margin: -30px 0 0 550px;
  }
  .eftytitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.eftytitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.eftytext {
    background-color: #343434;
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 470px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.eftytoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: -1.8em;
    margin: 0 0 0 30px;
  }
  .eftytitlebox_over {
    width: 100%;
    overflow: hidden;
    margin: 15px 0 0 0;
  }
  .eftybox_left.clearfix {
    max-width: 730px;
    float: none;
    margin: 0 auto;
  }
  .efty {
    width: 100%;
    margin: 10px 0 10px 0;
    font-size: 12px;
  }
  .efty dt {
    background-color: #343434;
    color: #fafafa;
    padding: 3px 5px 3px 5px;
    text-align: left;
    font-weight: 600;
  }
  .efty dd {
    padding: 5px 0 5px 5px;
    font-weight: 600;
    line-height: 18px;
  }
  .eftybox_right.clearfix {
    width: 200px;
    float: none;
    margin: 20px auto 0 auto;
  }
  .eftybox_right.clearfix img {
    margin: 0 0 7px 0;
  }
  dd.efty_dd.sp {
    width: 200px;
    margin: 0 auto;
  }
  dd.efty_dd.sp img {
    margin: 0 0 8px 0;
  }
  ul.eftylist.clearfix {
    width: 200px;
    margin: 0 auto 20px auto;
  }
  ul.eftyunderlist.clearfix {
    margin: 10px 0 55px 0;
  }
  ul.eftyunderlist.clearfix li {
    float: left;
    margin: 0 12px 0 12px;
  }
  ul.eftyunderlist.clearfix li a:hover {
    text-decoration: underline;
  }
  .eftytitlebox2 {
    width: 440px;
    margin: 25px auto 60px auto;
    text-align: center;
  }
  ul.eftylist2.clearfix li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  li.eftylistlast {
    margin-top: 10px;
  }
  .eftytitlebox3 {
    width: 220px;
    text-align: center;
    float: left;
    margin: 0 0 25px 195px;
  }
  .eftytitlebox4 {
    width: 220px;
    text-align: center;
    float: left;
  }
  .eftytitlebox5 {
    width: 220px;
    margin: 25px auto 60px auto;
  }
  /*-------------
media
-------------*/
  img.mediabanner.sp {
    max-width: 500px;
    margin: 25px auto 0 auto;
    display: block;
  }
  img.worksbanner.sp {
    max-width: 600px;
    margin: 25px auto 0 auto;
    display: block;
  }
  .media {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .media dt {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0 0 0;
  }
  .media dt a {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 5px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0 0 0;
    text-decoration: underline;
  }
  .media dd {
    padding: 5px;
    font-weight: 600;
    line-height: 18px;
    font-size: 12px;
  }
  dl.media dd a {
    text-decoration: underline;
    color: #1800ff;
  }
  img.works_20240216, img.works_20240213, img.works_20240109, img.works_20231209, img.works_20231031_1, img.works_20231031_2, img.works_20231019, img.works_20231003, img.works_20230909, img.works_20230624_2, img.works_20230501_1, img.works_20230501_2, img.works_20230427, img.works_20221215, img.works_20221208, img.works_20221203, img.works_20221116, img.works_20221110, img.works_20220917, img.works_20220909, img.works_20220625, img.works_20211207, img.works_20230823, img.works_20230403, img.works_20230307, img.works_20221108, img.works_20220901, img.works_191129, img.works_191001 {
    max-width: 700px;
    margin: 10px 0 0 0;
  }
  img.works_20220725 {
    width: 250px;
    margin: 10px 0 0 0;
  }
  img.works_220307, img.works_211125, img.media_210121, img.works_201020_02, img.works_201020_01, img.media_200929-2, img.media_200929, img.media_181020_01, img.media_181020_02, img.works_20220521-2, img.works_20220521-3, img.works_20220516, img.works_20220307, img.works_20220315, img.works_20210518_01, img.works_20210518_02, img.works_202103, img.works_210303_01, img.works_210303_03, img.works_210114, img.works_201130, img.works_200929, img.works_200929-2, img.works_200903, img.works_190617, img.works_190521, img.works_190424, img.works_190314, img.works_190219_01, img.works_190219_02, img.works_190215_01 {
    max-width: 800px;
    margin: 10px 0 0 0;
  }
  img.works_20220122 {
    max-width: 535px;
    margin: 10px 0 0 0;
  }
  img.media_210925, img.media_202103, img.works_210925, img.works_210827 {
    max-width: 830px;
    margin: 10px 0 0 0;
  }
  img.media_210718, img.works_210718 {
    max-width: 545px;
    margin: 10px 0 0 0;
  }
  img.media_200420, img.media_200303, img.media_tsunagu {
    max-width: 1000px;
    margin: 10px 0 0 0;
  }
  img.media_190718_01 {
    max-width: 772px;
    margin: 10px 0 0 0;
  }
  img.media_190718_02 {
    max-width: 892px;
    margin: 10px 0 0 0;
  }
  img.media_90718_03 {
    max-width: 796px;
    margin: 10px 0 0 0;
  }
  img.media_181020_03 {
    max-width: 163px;
    margin: 10px 0 0 0;
  }
  img.media_181002 {
    max-width: 375px;
    margin: 10px 0 0 0;
  }
  img.media_180924_01, img.works_180607_01, img.works_180607_02, img.works_180607_03 {
    max-width: 598px;
    margin: 10px 0 0 0;
  }
  img.media_180924_02, img.works_180607_04, img.media_180522_03, img.media_180522_04, img.media_180522_02, img.works_181010 {
    max-width: 900px;
    margin: 10px 0 0 0;
  }
  img.works_6, img.media_5, img.media_8, img.media_14, img.media_15, img.media_16, img.media_17, img.media_18, img.media_19, img.works_fismalogo, img.works_4, img.works_3, img.media_3, img.media_7 {
    max-width: 200px;
    margin: 10px 0 0 0;
  }
  img.works_6-2, img.media_12, img.works_7, img.media_180125_01, img.media_180125_02, img.works_2, img.works_1, img.media_2, img.media_9, img.media_10, img.media_11 {
    max-width: 690px;
    margin: 10px 0 0 0;
  }
  img.media_4 {
    max-width: 500px;
    margin: 10px 0 0 0;
  }
  img.media_6, img.media_13 {
    max-width: 400px;
    margin: 10px 0 0 0;
  }
  img.media_20 {
    max-width: 210px;
    margin: 10px 0 0 0;
  }
  img.works_20230410, img.works_181203, img.works_5 {
    max-width: 600px;
    margin: 10px 0 0 0;
  }
  img.works_20220528, img.works_hcr_logo {
    max-width: 462px;
    margin: 10px 0 0 0;
  }
  img.works_210718-2 {
    max-width: 860px;
    margin: 10px 0 0 0;
  }
  img.works_fisma {
    max-width: 286px;
    margin: 10px 0 0 0;
  }
  img.top_instagram {
    max-width: 64px;
    margin: 10px 0 0 0;
  }
  img.works_onlinestore {
    max-width: 280px;
    margin: 10px 0 0 0;
  }
  img.works_CA-I034, img.works_CA-I042, img.works_CA-I043-BDD-100UV {
    max-width: 211px;
    margin: 10px 0 0 0;
  }
  img.works_mtech_logo {
    max-width: 421px;
    margin: 10px 0 0 0;
  }
  img.works_200106 {
    max-width: 660px;
    margin: 10px 0 0 0;
  }
  img.works_191028 {
    max-width: 448px;
    margin: 10px 0 0 0;
  }
  img.works_190826-2 {
    max-width: 471px;
    margin: 10px 0 0 0;
  }
  img.works_osms2019 {
    max-width: 96px;
    margin: 10px 0 0 0;
  }
  img.works_hcj2019_logo {
    max-width: 170px;
    margin: 10px 0 0 0;
  }
  img.works_181003-2 {
    max-width: 620px;
    margin: 10px 0 0 0;
  }
  img.works_180718 {
    max-width: 262px;
    margin: 10px 0 0 0;
  }
  img.media_1 {
    max-width: 300px;
    margin: 10px 0 0 0;
  }
  /*-------------
dairiten
-------------*/
  img.dairitenbanner.sp {
    max-width: 600px;
    margin: 20px auto 0 auto;
    display: block;
  }
  p.dairitentext {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin: 15px 0 0 0;
  }
  p.dairitentel {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    letter-spacing: 0px;
    margin: 0;
  }
  /*-------------
recruit
-------------*/
  img.recruitbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  .recruitbox {
    background: url(../images/recruit/recruitback.png) repeat-y;
    width: 100%;
    background-size: cover;
    height: auto;
    margin: 20px 0 0 0;
  }
  .recruitbox p {
    color: #fafafa;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    padding: 15px 10px;
  }
  .recruitsubbanner1 {
    width: 189px;
    margin: 40px auto 0 auto;
  }
  .recruitsubbanner2 {
    width: 211px;
    margin: 40px auto 0 auto;
  }
  .recruitsubbanner3 {
    width: 276px;
    margin: 40px auto 0 auto;
  }
  .recruitlist {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 40px auto;
  }
  .recruitlist dt {
    width: 100%;
    background-color: #d3d3d3;
    padding: 2px 0 2px 5px;
    text-align: left;
    font-weight: 500;
  }
  .recruitlist dd {
    width: 100%;
    padding: 5px 5px 10px;
    line-height: 18px;
  }
  p.recruittitle {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 15px;
    margin: 20px auto 15px auto;
    width: 835px;
  }
  /*-------------
link
-------------*/
  img.linkbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  p.linktitle {
    font-size: 15px;
    background-color: #32302f;
    color: #fafafa;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin: 20px 0 15px 0;
  }
  ul.linklist1.clearfix {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
  }
  ul.linklist1.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist1.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist2.clearfix {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
  ul.linklist2.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist2.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist2.clearfix li img {
    margin: 5px auto -10px auto;
    width: 210px;
    display: block;
  }
  ul.linklist3.clearfix li {
    margin: 0 0 25px 0;
  }
  /*-------------
contact
-------------*/
  img.contactbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  img.contactbanner_bt.sp {
    width: 204px;
    margin: 10px 0 0 auto;
  }
  p.contacttext {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0 0 0;
  }
  #toiawase .form {
    clear: both;
  }
  #toiawase .form table {
    border-collapse: collapse;
    width: 100%;
    margin: 20px auto 0 auto;
    color: #343434;
    font-size: 12px;
  }
  #toiawase .form table th, #toiawase .form td {
    line-height: 20px;
    border-bottom: solid 1px #d3d3d3;
  }
  #toiawase .form table th {
    width: 35%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
  }
  #toiawase .form td {
    padding: 5px;
  }
  #toiawase .form table p {
    border-left: solid 2px #939393;
    padding: 5px;
  }
  #toiawase .form td input#comname, #toiawase .form td input#companyname, #toiawase .form td input#name, #toiawase .form td input#name2 {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td input#mail, #toiawase .form td input#adress {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td input#tel {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td textarea#comment {
    /* margin-top: 5px; */
    padding: 5px 0 0 0;
    width: 100%;
    height: 200px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form #formEnd {
    text-align: center;
    margin: 5px 0 30px 0;
  }
  #toiawase .form #formEnd button {
    margin: 20px 3px 0;
    border: 0;
    background-color: #fafafa;
  }
  span.mainte img {
    display: block;
    width: 190px;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .underlayermain {
    width: 100%;
    margin: 0 auto;
    background-color: #fafafa;
  }
  .underlayermain_inner {
    width: 95%;
    margin: 0 auto;
    padding: 40px 0 50px 0;
  }
  /*-------------
company
-------------*/
  .companymenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.companymenu.clearfix {
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.companymenu.clearfix li {
    float: left;
    width: 100%;
    max-width: 500px;
    margin: 0 0 10px 0;
  }
  img.companybanner.sp {
    max-width: 484px;
    margin: 0 auto;
    display: block;
  }
  div#companytop1 {
    margin: 0 0 10px 0;
    width: 122px;
  }
  div#companytop2 {
    margin: 30px 0 0 0;
  }
  .companytop {
    margin: 30px 0 40px 0;
  }
  .companybox.clearfix {
    max-width: 620px;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .companybox2 {
    background: url(../images/company/historybanner.png) repeat-y;
    background-size: contain;
    width: 100%;
    height: auto;
    margin: 40px 0 0 0;
  }
  .historybutton.sp {
    padding: 70px 0 20px 0;
    width: 190px;
    margin: 0 auto;
  }
  .companybox.clearfix p {
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
  }
  img.companyphoto.clearfix {
    width: 237px;
    margin: 30px 0 0 0;
  }
  div#companytop3 {
    margin: 30px auto;
  }
  .companypolicy_box {
    width: 100%;
    height: auto;
    margin: 15px auto 50px auto;
    padding: 10px;
    background-color: #e5e5e5;
  }
  p.companytext {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    margin: 15px 0 15px 0;
  }
  div#companytop4 {
    margin: 0 auto 0 auto;
    width: 202px;
  }
  div#companytop5 {
    margin: 0 auto 0 auto;
    max-width: 392px;
  }
  .sdgs {
    margin: 20px auto 0 auto;
  }
  .companylist {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 40px auto;
  }
  .companylist dt {
    width: 100%;
    background-color: #d3d3d3;
    padding: 2px 0 2px 5px;
    text-align: left;
    font-weight: 500;
  }
  .companylist dd {
    width: 100%;
    padding: 5px 5px 10px;
    line-height: 18px;
  }
  .companylist dd a {
    text-decoration: underline;
  }
  img.company_map {
    display: block;
    max-width: 442px;
    margin: 0 0 5px 0;
  }
  img.company_kusatsuimg {
    display: block;
    max-width: 660px;
  }
  /*-------------
history
-------------*/
  img.historybanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .history {
    width: 100%;
    margin: 25px auto 20px auto;
    padding: 0;
  }
  .history table {
    width: 100%;
    height: auto;
    padding: 0;
    border-collapse: collapse;
  }
  .history table th {
    display: block;
    width: 100%;
    margin: 0;
    padding: 3px 0 0 0;
    text-align: center;
  }
  .history table th p {
    padding: 5px;
    background-color: #777;
    color: #fff;
  }
  .history table td {
    display: block;
    width: 100%;
    line-height: 19px;
    margin: 0 0 5px 0;
    padding: 5px 5px 10px 5px;
    border-bottom: 1px solid #999;
  }
  .history table td.photo {
    display: none;
  }
  td.banner img {
    width: 150px;
  }
  .award_bt {
    width: 150px;
    margin: 5px 0 0 auto;
  }
  .history ul {
    max-width: 304px;
    margin: 0 auto;
  }
  .history ul li {
    float: none;
    margin: 0 0 15px 0;
  }
  .history ul li p {
    text-align: center;
  }
  /*-------------
award
-------------*/
  img.awardbanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .award {
    width: 100%;
    height: auto;
    margin: 25px auto 20px auto;
    padding: 0;
  }
  .award_box {
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 0;
  }
  .award_box .left {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .award_box .right {
    max-width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .award_box .right_img1 {
    width: 240px;
    margin: 30px 0 0 0;
  }
  .award_box .right_img2 {
    max-width: 352px;
    margin: 0;
  }
  .award_title {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 3px 0 3px 10px;
    background-color: #343434;
    color: #fff;
  }
  .award_title2 {
    margin: 0;
    font-size: 18px;
  }
  /*-------------
tsuyomi
-------------*/
  img.tsuyomibanner.sp {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  img.technologybanner.pc {
    display: none;
  }
  img.technologybanner {
    display: block;
    max-width: 500px;
    margin: 30px auto 0 auto;
  }
  p.technologytext3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 5px 0 15px 0;
  }
  .tsuyomibox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
  .tsuyomibox p {
    width: 100%;
    height: auto;
    line-height: 1.6em;
    font-size: 13px;
    font-weight: 600;
  }
  .strong {
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #ccc;
  }
  .strong th {
    width: 60px;
    padding: 5px;
    border: 1px solid #ccc;
  }
  .strong td {
    padding: 5px;
    border: 1px solid #ccc;
  }
  /*-------------
technology
-------------*/
  .technologymenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.technologymenu.clearfix {
    width: 95%;
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.technologymenu.clearfix li {
    float: left;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 10px auto;
  }
  img.technologybanner2 {
    display: block;
    max-width: 500px;
    margin: 0 auto 0 auto;
  }
  img.technologybanner3 {
    display: block;
    width: 100%;
    margin: 30px auto 0 auto;
  }
  div#technologytop1 {
    display: block;
    margin: 25px auto 20px auto;
    max-width: 315px;
  }
  div#technologytop2 {
    display: block;
    margin: 60px auto 30px auto;
    max-width: 300px;
  }
  p.technologytext {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 15px 0;
  }
  p.technologytext2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 15px 0;
  }
  p.technologytext3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 15px 0;
    text-align: center;
  }
  .technologyscroll {
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 20px 0;
  }
  table.technology {
    border-collapse: collapse;
    /*width: 415px;*/
    width: 100%;
    margin: 15px 0 0 0;
    line-height: 12px;
    table-layout: fixed;
  }
  table.technology th {
    background-color: #dfdfdf;
    text-align: justify;
    padding: 8px;
    border: solid 1px #949494;
    vertical-align: top;
    font-size: 13px;
    width: 150px;
  }
  table.technology th.black {
    background-color: #333;
    color: #fff;
    text-align: justify;
    padding: 10px;
    border: solid 1px #949494;
    width: 80px;
    vertical-align: top;
    font-size: 13px;
  }
  table.technology td {
    padding: 8px;
    border: solid 1px #949494;
    font-weight: 600;
    font-size: 12px;
  }
  img.technologyphoto.clearfix {
    max-width: 499px;
    margin: 10px 0 0 0;
  }
  .technologybox.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
  }
  p.technologytitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }
  .technologybutton {
    width: 273px;
    margin-top: 15px;
  }
  div#technologytop3 {
    display: block;
    margin: 40px auto 20px auto;
    width: 273px;
  }
  ul.technologylist.clearfix {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
  }
  ul.technologylist.clearfix li {
    font-size: 12px;
    line-height: 20px;
    max-width: 300px;
    text-align: center;
    float: none;
    margin: 0 0 30px 0;
  }
  ul.technologylist2.clearfix {
    width: 100%;
    max-width: 235px;
    overflow: hidden;
    margin: 30px auto 0 auto;
  }
  ul.technologylist2.clearfix li {
    float: none;
    margin: 0 0 15px 0;
  }
  div#technologytop4 {
    display: block;
    margin: 40px auto 20px auto;
    width: 299px;
  }
  /*-------------
product
-------------*/
  .productmenuback.clearfix {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    height: auto;
  }
  ul.productmenu.clearfix {
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
  }
  ul.productmenu.clearfix li {
    float: left;
    width: 100px;
  }
  img.productbanner.sp {
    max-width: 500px;
    margin: 0 auto;
    display: block;
  }
  div#producttop7 {
    background: url(../images/product/productphoto7.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop1 {
    background: url(../images/product/productphoto1.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop2 {
    background: url(../images/product/productphoto2.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop3 {
    background: url(../images/product/productphoto3.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop4 {
    background: url(../images/product/productphoto4.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop5 {
    background: url(../images/product/productphoto5.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop6 {
    background: url(../images/product/productphoto6.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  div#producttop8 {
    background: url(../images/product/productphoto8.png) no-repeat;
    max-width: 500px;
    min-height: 200px;
    background-size: cover;
    height: auto;
    margin: 0 0 30px 0;
  }
  p.producttext {
    max-width: 500px;
    color: #fafafa;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 10px 20px 10px;
    line-height: 25px;
    letter-spacing: 0px;
    float: none;
  }
  span.producttitle {
    font-size: 20px;
    line-height: 60px;
  }
  ul.productboxlist {
    width: 100%;
    max-width: 500px;
    min-height: 150px;
    background-color: #eee;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    padding: 10px 0 10px 10px;
  }
  ul.productboxlist li a {
    font-size: 15px;
    text-decoration: underline;
  }
  p.producttext2 {
    background-color: #eee;
    max-width: 500px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    margin: -100px 0 0 0;
    padding: 0 10px 10px 10px;
  }
  /*-------------
cleaning
-------------*/
  .cleaningtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cleaningtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cleaningtext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 350px;
    margin: 3px auto 10px auto;
  }
  .cleaningtitlebox2.clearfix {
    max-width: 490px;
    margin: 25px auto 30px auto;
  }
  img.cleaningphoto.clearfix {
    float: left;
    width: 164px;
    margin: 0 10px 0 0;
  }
  ul.cleaningtoplist.clearfix {
    line-height: 20px;
    float: left;
    margin: 10px 0 0 0;
  }
  .cleaningtitlebox3.clearfix {
    max-width: 600px;
    margin: 25px auto 30px auto;
  }
  ul.cleaninglist.clearfix {
    width: 100%;
    overflow: hidden;
  }
  ul.cleaninglist.clearfix li {
    width: 46%;
    max-width: 160px;
    height: 200px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 20px 0;
  }
  ul.cleaninglist.clearfix li a img {
    margin: 0 0 5px 0;
  }
  p.cleaningtitle2 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
  }
  p.cleaningtitle3 {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /*-------------
welfare
-------------*/
  .welfaretitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.welfaretitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.welfaretext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 350px;
    margin: 3px auto 10px auto;
  }
  ul.welfarelist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
    overflow: hidden;
  }
  ul.welfarelist.clearfix li {
    width: 46%;
    max-width: 160px;
    min-height: 260px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  .welfarebutton {
    max-width: 180px;
    margin: 10px 0 0 0;
  }
  /*-------------
sewing
-------------*/
  #sewing_logo {
    display: none;
    position: fixed;
    right: 30px;
    top: 7px;
  }
  .sewingtitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.sewingtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.sewingtext {
    background-color: #343434;
    line-height: 22px;
    height: auto;
    color: #fafafa;
    font-weight: 600;
    max-width: 500px;
    margin: 3px auto 10px auto;
  }
  ul.sewinglist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
    overflow: hidden;
  }
  ul.sewinglist.clearfix li {
    width: 46%;
    max-width: 160px;
    min-height: 302px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.sewinglist.clearfix li a img {
    margin: 0 0 5px 0;
  }
  ul.sewinglist.clearfix li span {
    font-size: 11px;
    letter-spacing: -1px;
  }
  .sewingbutton {
    max-width: 180px;
    margin: 4px 0 0 0;
  }
  img.onlineshop {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  /*-------------
coin
-------------*/
  .cointitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.cointitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.cointext {
    background-color: #343434;
    line-height: 22px;
    height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 350px;
    margin: 3px auto 10px auto;
  }
  .cointitlebox2.clearfix {
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .cointitlebox2.clearfix .coinphoto_box {
    width: 40%;
    margin: 0 auto;
  }
  img.coinphoto.clearfix {
    width: 128px;
    float: none;
  }
  p.cointext2.clearfix {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
  }
  .coinbutton {
    max-width: 240px;
  }
  ul.coinlist.clearfix {
    margin: 40px 0 0 0;
    width: 100%;
  }
  ul.coinlist.clearfix li {
    float: none;
    text-align: center;
    max-width: 470px;
    margin: 0 0 30px 0;
  }
  table.cointable {
    border-collapse: collapse;
    float: left;
    width: 100%;
    margin: -3px 0 20px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.cointable td {
    background-color: #fff;
    padding: 5px;
    border: solid 1px #c6c6c6;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
  }
  /*-------------
press
-------------*/
  .presstitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.presstitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.presstext {
    background-color: #343434;
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 470px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.presstoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: -2em;
    margin: 0 0 0 30px;
  }
  p.presstoptext1 {
    font-weight: 600;
    line-height: 19px;
    margin: 5px 0 10px 0;
  }
  table.presstable {
    border-collapse: separate;
    width: 100%;
    max-width: 470px;
    margin: 0 0 20px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.presstable th {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
  }
  table.presstable td {
    padding: 5px 5px 15px 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    display: block;
    width: 100%;
  }
  table.presstable2 {
    border-collapse: separate;
    float: none;
    max-width: 480px;
    margin: 0 0 10px 0;
    line-height: 20px;
  }
  table.presstable2 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    border: solid 1px #343434;
  }
  table.presstable2 td {
    padding: 5px 0 0 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  table.presstable3 {
    border-collapse: separate;
    max-width: 480px;
    margin: 0 0 10px 0;
    line-height: 20px;
  }
  table.presstable3 th {
    background-color: #fafafa;
    padding: 10px 0 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    border: solid 1px #343434;
  }
  table.presstable3 td {
    padding: 5px 0 0 0;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    font-size: 12px;
  }
  ul.presslist.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
    overflow: hidden;
  }
  ul.presslist.clearfix li {
    width: 46%;
    max-width: 160px;
    min-height: 240px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.presslist.clearfix li img {
    margin: 0 0 5px 0;
  }
  ul.presslist.clearfix li span {
    font-size: 10px;
    letter-spacing: -1px;
  }
  p.presstitle2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }
  table.presstable4 {
    border-collapse: collapse;
    max-width: 800px;
    margin: 0 0 0 0;
    line-height: 19px;
    font-size: 12px;
  }
  table.presstable4 th {
    background-color: #d4d4d4;
    padding: 5px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  table.presstable4 td {
    padding: 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border-left: solid 1px #a0a0a0;
    border-right: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  td.presstable4_td {
    border-bottom: solid 1px #a0a0a0;
  }
  /*-------------
dryer
-------------*/
  .dryertitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.dryertitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.dryertext {
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 470px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.dryertoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: -2em;
    margin: 0 0 0 30px;
  }
  p.dryertoptext1 {
    font-weight: 600;
    line-height: 21px;
    margin: 5px 0 25px 0;
  }
  table.dryertable {
    border-collapse: separate;
    width: 100%;
    max-width: 470px;
    margin: 0 0 20px 0;
    line-height: 16px;
    font-size: 12px;
  }
  table.dryertable th {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
  }
  table.dryertable td {
    padding: 5px 5px 15px 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    display: block;
    width: 100%;
  }
  ul.dryerlist.clearfix {
    width: 100%;
    margin: 30px 0 0 0;
    overflow: hidden;
  }
  ul.dryerlist.clearfix li {
    width: 46%;
    max-width: 160px;
    min-height: 240px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    float: left;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
  }
  ul.dryerlist.clearfix li img {
    margin: 0 0 5px 0;
  }
  p.dryertitle2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }
  table.dryertable2 {
    border-collapse: collapse;
    max-width: 800px;
    margin: 0 0 0 0;
    line-height: 19px;
    font-size: 12px;
  }
  table.dryertable2 th {
    background-color: #d4d4d4;
    padding: 5px;
    font-weight: 600;
    text-align: left;
    border: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  table.dryertable2 td {
    padding: 5px;
    font-weight: 600;
    background-color: #fafafa;
    text-align: left;
    border-left: solid 1px #a0a0a0;
    border-right: solid 1px #a0a0a0;
    display: block;
    width: 100%;
  }
  td.dryertable2_td {
    border-bottom: solid 1px #a0a0a0;
  }
  /*-------------
efty
-------------*/
  p.producteftytext {
    width: 425px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    margin: -30px 0 0 550px;
  }
  .eftytitlebox {
    border-bottom: solid 1px #939393;
    text-align: center;
    margin: 40px 0 0 0;
  }
  p.eftytitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  p.eftytext {
    background-color: #343434;
    line-height: 22px;
    color: #fafafa;
    font-weight: 600;
    max-width: 470px;
    padding: 3px 3px;
    margin: 3px auto 10px auto;
  }
  p.eftytoptitle1 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    text-indent: -1.8em;
    margin: 0 0 0 30px;
  }
  .eftytitlebox_over {
    width: 100%;
    overflow: hidden;
    margin: 15px 0 0 0;
  }
  .eftybox_left.clearfix {
    max-width: 730px;
    float: none;
    margin: 0 auto;
  }
  .efty {
    width: 100%;
    margin: 10px 0 10px 0;
    font-size: 12px;
  }
  .efty dt {
    background-color: #343434;
    color: #fafafa;
    padding: 3px 5px 3px 5px;
    text-align: left;
    font-weight: 600;
  }
  .efty dd {
    padding: 5px 0 5px 5px;
    font-weight: 600;
    line-height: 18px;
  }
  .eftybox_right.clearfix {
    width: 200px;
    float: none;
    margin: 20px auto 0 auto;
  }
  .eftylist.clearfix a {
    display: block;
    width: 200px;
    height: 33px;
  }
  .eftylist.clearfix .nav31 {
    background: url(../images/efty/eftybutton1.png) no-repeat;
    margin: 20px 0 10px 0;
  }
  .eftylist.clearfix .nav32 {
    background: url(../images/efty/eftybutton2.png) no-repeat;
    margin: 0 0 10px 0;
  }
  .eftylist.clearfix .nav_yt {
    background: url(../images/efty/eftybutton3.png) no-repeat;
    margin: 0 0 10px 0;
  }
  .eftylist.clearfix .nav_efty {
    background: url(../images/efty/eftybutton4.png) no-repeat;
  }
  .eftylist.clearfix .nav_karatto {
    background: url("../images/efty/karattobutton.png") no-repeat;
  }
  .eftybox_right.clearfix img {
    margin: 0 0 7px 0;
  }
  dd.efty_dd.sp {
    width: 200px;
    margin: 0 auto;
  }
  dd.efty_dd.sp img {
    margin: 0 0 8px 0;
  }
  ul.eftylist.clearfix {
    width: 200px;
    margin: 0 auto 20px auto;
  }
  ul.eftylist.clearfix li {
    margin: 0 auto 10px auto;
  }
  ul.eftyunderlist.clearfix {
    margin: 10px 0 55px 0;
  }
  ul.eftyunderlist.clearfix li {
    float: left;
    margin: 0 12px 0 12px;
  }
  ul.eftyunderlist.clearfix li a:hover {
    text-decoration: underline;
  }
  .eftytitlebox2 {
    width: 440px;
    margin: 25px auto 60px auto;
    text-align: center;
  }
  ul.eftylist2.clearfix li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  li.eftylistlast {
    margin-top: 10px;
  }
  .eftytitlebox3 {
    width: 220px;
    text-align: center;
    float: left;
    margin: 0 0 25px 195px;
  }
  .eftytitlebox4 {
    width: 220px;
    text-align: center;
    float: left;
  }
  .eftytitlebox5 {
    width: 220px;
    margin: 25px auto 60px auto;
  }
  /*-------------
media
-------------*/
  img.mediabanner.sp {
    max-width: 500px;
    margin: 25px auto 0 auto;
    display: block;
  }
  img.worksbanner.sp {
    max-width: 600px;
    margin: 25px auto 0 auto;
    display: block;
  }
  .media {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .media dt {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0 0 0;
  }
  .media dt a {
    background-color: #343434;
    color: #fafafa;
    padding: 5px 0 5px 5px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0 0 0;
    text-decoration: underline;
  }
  .media dd {
    padding: 5px;
    font-weight: 600;
    line-height: 18px;
    font-size: 12px;
  }
  dl.media dd a {
    text-decoration: underline;
    color: #1800ff;
  }
  img.works_20240216, img.works_20240213, img.works_20240109, img.works_20231209, img.works_20231031_1, img.works_20231031_2, img.works_20231019, img.works_20231003, img.works_20230909, img.works_20230624_2, img.works_20230501_1, img.works_20230501_2, img.works_20230427, img.works_20221215, img.works_20221208, img.works_20221203, img.works_20221116, img.works_20221110, img.works_20220917, img.works_20220909, img.works_20220625, img.works_20211207, img.works_20230823, img.works_20230403, img.works_20230307, img.works_20221108, img.works_20220901, img.works_191129, img.works_191001 {
    max-width: 700px;
    margin: 10px 0 0 0;
  }
  img.works_20220725 {
    width: 250px;
    margin: 10px 0 0 0;
  }
  img.works_220307, img.works_211125, img.media_210121, img.works_201020_02, img.works_201020_01, img.media_200929-2, img.media_200929, img.media_181020_01, img.media_181020_02, img.works_20220521-2, img.works_20220521-3, img.works_20220516, img.works_20220307, img.works_20220315, img.works_20210518_01, img.works_20210518_02, img.works_202103, img.works_210303_01, img.works_210303_03, img.works_210114, img.works_201130, img.works_200929, img.works_200929-2, img.works_200903, img.works_190617, img.works_190521, img.works_190424, img.works_190314, img.works_190219_01, img.works_190219_02, img.works_190215_01 {
    max-width: 800px;
    margin: 10px 0 0 0;
  }
  img.works_20220122 {
    max-width: 535px;
    margin: 10px 0 0 0;
  }
  img.media_210925, img.media_202103, img.works_210925, img.works_210827 {
    max-width: 830px;
    margin: 10px 0 0 0;
  }
  img.media_210718, img.works_210718 {
    max-width: 545px;
    margin: 10px 0 0 0;
  }
  img.media_200420, img.media_200303, img.media_tsunagu {
    max-width: 1000px;
    margin: 10px 0 0 0;
  }
  img.media_190718_01 {
    max-width: 772px;
    margin: 10px 0 0 0;
  }
  img.media_190718_02 {
    max-width: 892px;
    margin: 10px 0 0 0;
  }
  img.media_90718_03 {
    max-width: 796px;
    margin: 10px 0 0 0;
  }
  img.media_181020_03 {
    max-width: 163px;
    margin: 10px 0 0 0;
  }
  img.media_181002 {
    max-width: 375px;
    margin: 10px 0 0 0;
  }
  img.media_180924_01, img.works_180607_01, img.works_180607_02, img.works_180607_03 {
    max-width: 598px;
    margin: 10px 0 0 0;
  }
  img.media_180924_02, img.works_180607_04, img.media_180522_03, img.media_180522_04, img.media_180522_02, img.works_181010 {
    max-width: 900px;
    margin: 10px 0 0 0;
  }
  img.works_6, img.media_5, img.media_8, img.media_14, img.media_15, img.media_16, img.media_17, img.media_18, img.media_19, img.works_fismalogo, img.works_4, img.works_3, img.media_3, img.media_7 {
    max-width: 200px;
    margin: 10px 0 0 0;
  }
  img.works_6-2, img.media_12, img.works_7, img.media_180125_01, img.media_180125_02, img.works_2, img.works_1, img.media_2, img.media_9, img.media_10, img.media_11 {
    max-width: 690px;
    margin: 10px 0 0 0;
  }
  img.media_4 {
    max-width: 500px;
    margin: 10px 0 0 0;
  }
  img.media_6, img.media_13 {
    max-width: 400px;
    margin: 10px 0 0 0;
  }
  img.media_20 {
    max-width: 210px;
    margin: 10px 0 0 0;
  }
  img.works_20230410, img.works_181203, img.works_5 {
    max-width: 600px;
    margin: 10px 0 0 0;
  }
  img.works_20220528, img.works_hcr_logo {
    max-width: 462px;
    margin: 10px 0 0 0;
  }
  img.works_210718-2 {
    max-width: 860px;
    margin: 10px 0 0 0;
  }
  img.works_fisma {
    max-width: 286px;
    margin: 10px 0 0 0;
  }
  img.top_instagram {
    max-width: 64px;
    margin: 10px 0 0 0;
  }
  img.works_onlinestore {
    max-width: 280px;
    margin: 10px 0 0 0;
  }
  img.works_CA-I034, img.works_CA-I042, img.works_CA-I043-BDD-100UV {
    max-width: 211px;
    margin: 10px 0 0 0;
  }
  img.works_mtech_logo {
    max-width: 421px;
    margin: 10px 0 0 0;
  }
  img.works_200106 {
    max-width: 660px;
    margin: 10px 0 0 0;
  }
  img.works_191028 {
    max-width: 448px;
    margin: 10px 0 0 0;
  }
  img.works_190826-2 {
    max-width: 471px;
    margin: 10px 0 0 0;
  }
  img.works_osms2019 {
    max-width: 96px;
    margin: 10px 0 0 0;
  }
  img.works_hcj2019_logo {
    max-width: 170px;
    margin: 10px 0 0 0;
  }
  img.works_181003-2 {
    max-width: 620px;
    margin: 10px 0 0 0;
  }
  img.works_180718 {
    max-width: 262px;
    margin: 10px 0 0 0;
  }
  img.media_1 {
    max-width: 300px;
    margin: 10px 0 0 0;
  }
  /*-------------
dairiten
-------------*/
  img.dairitenbanner.sp {
    max-width: 600px;
    margin: 20px auto 0 auto;
    display: block;
  }
  p.dairitentext {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin: 15px 0 0 0;
  }
  p.dairitentel {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    letter-spacing: 0px;
    margin: 0;
  }
  /*-------------
recruit
-------------*/
  img.recruitbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  .recruitbox {
    background: url(../images/recruit/recruitback.png) repeat-y;
    width: 100%;
    background-size: contain;
    height: auto;
    margin: 20px 0 0 0;
  }
  .recruitbox p {
    color: #fafafa;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    padding: 15px 10px;
  }
  .recruitsubbanner1 {
    width: 189px;
    margin: 40px auto 0 auto;
  }
  .recruitsubbanner2 {
    width: 211px;
    margin: 40px auto 0 auto;
  }
  .recruitsubbanner3 {
    width: 276px;
    margin: 40px auto 0 auto;
  }
  .recruitlist {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 40px auto;
  }
  .recruitlist dt {
    width: 100%;
    background-color: #d3d3d3;
    padding: 2px 0 2px 5px;
    text-align: left;
    font-weight: 500;
  }
  .recruitlist dd {
    width: 100%;
    padding: 5px 5px 10px;
    line-height: 18px;
  }
  p.recruittitle {
    color: #fafafa;
    background-color: #a0a0a0;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    padding: 0 0 0 15px;
    margin: 20px auto 15px auto;
    width: 835px;
  }
  /*-------------
link
-------------*/
  img.linkbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  p.linktitle {
    font-size: 15px;
    background-color: #32302f;
    color: #fafafa;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin: 20px 0 15px 0;
  }
  ul.linklist1.clearfix {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
  }
  ul.linklist1.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist1.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist2.clearfix {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
  ul.linklist2.clearfix li {
    margin: 0 0 20px 0;
  }
  ul.linklist2.clearfix li a {
    font-size: 15px;
    text-decoration: underline;
  }
  ul.linklist2.clearfix li img {
    margin: 5px auto -10px auto;
    width: 210px;
    display: block;
  }
  ul.linklist3.clearfix li {
    margin: 0 0 25px 0;
  }
  /*-------------
contact
-------------*/
  img.contactbanner.sp {
    max-width: 500px;
    margin: 20px auto 0 auto;
    display: block;
  }
  img.contactbanner_bt.sp {
    width: 204px;
    margin: 10px 0 0 auto;
  }
  p.contacttext {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0 0 0;
  }
  #toiawase .form {
    clear: both;
  }
  #toiawase .form table {
    border-collapse: collapse;
    width: 100%;
    margin: 20px auto 0 auto;
    color: #343434;
    font-size: 12px;
  }
  #toiawase .form table th, #toiawase .form td {
    line-height: 20px;
    border-bottom: solid 1px #d3d3d3;
  }
  #toiawase .form table th {
    width: 35%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
  }
  #toiawase .form td {
    padding: 5px;
  }
  #toiawase .form table p {
    border-left: solid 2px #939393;
    padding: 5px;
  }
  #toiawase .form td input#comname, #toiawase .form td input#companyname, #toiawase .form td input#name, #toiawase .form td input#name2 {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td input#mail, #toiawase .form td input#adress {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td input#tel {
    width: 100%;
    height: 25px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form td textarea#comment {
    /* margin-top: 5px; */
    padding: 5px 0 0 0;
    width: 100%;
    height: 200px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
  }
  #toiawase .form #formEnd {
    text-align: center;
    margin: 5px 0 30px 0;
  }
  #toiawase .form #formEnd button {
    margin: 20px 3px 0;
    border: 0;
    background-color: #fafafa;
  }
  span.mainte img {
    display: block;
    width: 190px;
  }
}