@charset "UTF-8";
/* last date:2017/11/24 */
body {
  text-align: center;
  min-width: 994px;
}
.cfx::after {
  content: "";
  display: block;
  clear: both;
}

.header {
  background: url(/img/base/h_bg.gif) repeat-x 0 0;
}

.contents2nd .header {
  border-bottom: 2px solid #EBE7DE;
}

.headerIn {
  width: 970px;
  margin: 0 auto;
  padding: 24px 0 23px 0;
  text-align: left;
}
.headerIn h1 {
  float: left;
  padding-top: 4px;
}

.gnavi {
  float: right;
  padding-top: 2px;
}
.gnavi1:hover,
.gnavi2:hover,
.gnavi3:hover a,
.gnavi3:hover a span,
.gnavi1:hover > span,
.gnavi2:hover > span {
    color: #058ABE;
}
.maru{
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
}
.gnavi li.active,
.gnavi3.active a{
    background: #058ABE;
    color: white;
}
.gnavi li.active span {
    color: white;
}
.gnavi1,
.gnavi2, .gnavi3 {
    float: left;
    width: 180px;
    height: 34px;
    position: relative;
    margin: 0 auto;
    font-size: 15px;
    padding: 10px 5px 0px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    line-height: .94;
    border-left: 1px dotted;
}
.gnavi3{
    border-right: 1px dotted;
}
.gnavi3 a {
    text-decoration: none;
}

.gnavi1 span,.gnavi2 span, .gnavi3 span {
    font-size: 10px;
    font-weight: normal;
    color: #5f5f5f;
}



.gnavi3 a:hover {
  background-position: -360px -40px;
}

.gnavi11 span {
  background-position: -880px -40px;
}

.gnavi11 a:hover span {
  background-position: -935px -40px;
}

.gnavi12 span {
  background-position: -620px -360px;
}

.gnavi12 a:hover span {
  background-position: -675px -360px;
}

.gnavi13 span {
  background-position: -620px -400px;
}

.gnavi13 a:hover span {
  background-position: -675px -400px;
}

.gnavi14 span {
  background-position: -880px 0;
}

.gnavi14 a:hover span {
  background-position: -935px 0;
}

.gnaviWrap {
  display: none;
  position: absolute;
  top: 44px;
  padding-top: 10px;
  background: url(/img/base/h_arrow.gif) no-repeat center 1px;
  z-index: 50;
}
.gnaviWrap ul {
  padding: 3px 0 4px 0;
  background-color: #FFFFFF;
  border: 2px solid #0884B8;
  border-radius: 7px;
}
.gnaviWrap li {
  position: relative;
  width: 169px;
  text-align: left;
  margin: 10px 7px 0 13px;
  border-bottom: 1px dotted #c9c9c9;
}
.gnaviWrap .gnavi13,
.gnaviWrap .gnavi211 {
  border-bottom: none;
}
.gnaviWrap a {
  display: block;
  width: 108px;
  padding: 13px 0 21px 61px;
  font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
}
.gnaviWrap a:hover,
.gnaviWrap li:hover {
    opacity: 0.7;
}
.siteTop .sideWrap strong a img:hover {
    opacity: 0.7;
}
.gnaviWrap span {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 40px;
  background-repeat: no-repeat;
}

.gnavi1 .gnaviWrap {
  left: -9px;
  width: 200px;
}

.gnavi2 .gnaviWrap {
  left: -104px;
  width: 390px;
}
.gnavi2 .gnaviWrap li {
  float: left;
}


.breadcrumb {
  padding: 13px 0 0 7px;
}
.breadcrumb p {
  width: 960px;
  margin: 0 auto;
  font-size: 92%;
  text-align: left;
}

.contents2nd .contentsWrap {
  width: 960px;
  margin: 0 auto;
  padding-left: 10px;
  background: url(/img/base/r_bg.gif) repeat-y right 0;
  text-align: left;
}
.contents2nd .mainWrap {
  float: left;
  width: 730px;
  padding-top: 70px;
}
.contents2nd .sideWrap {
  float: right;
  width: 220px;
}

/* .ttlv1 {
  width: 680px;
  background: #2E8ABE;
  border-bottom: 1px solid #E1DBD0;
} */

.ttlv2 {
  width: 665px;
  padding: 9px 0 9px 10px;
  background-color: #F1EDE4;
  border-left: 5px solid #13B5BA;
  font-size: 123%;
  font-weight: bold;
}

.ttlv3 {
  width: 670px;
  margin-left: 10px;
  background: url(/img/base/ttlv3_btm.gif) no-repeat 0 bottom;
  background-color: #058ABE;
}
.ttlv3 h4 {
  padding: 9px 0 9px 14px;
  background: url(/img/base/ttlv3_top.gif) no-repeat 0 0;
  font-size: 123%;
  font-weight: bold;
  color: white;
}

.ttlv4 {
  margin: 0 0 11px 10px;
  padding: 1px 0 1px 10px;
  border-left: 3px solid #058ABE;
  font-size: 108%;
  font-weight: bold;
  color: #213D78;
}

.ttlv5 {
  width: 637px;
  margin-left: 11px;
  padding: 0 0 7px 3px;
  border-bottom: 2px solid #DDD3BD;
  font-size: 108%;
  font-weight: bold;
  color: #404040;
}
.ttlv5 span {
  padding-left: 10px;
  font-weight: normal;
  font-size: 85%;
}

.lnavi strong {
  display: block;
  padding: 18px 0 17px 17px;
  border-radius: 7px 7px 0 0;
  background-color: #058ABE;
  font-size: 108%;
  font-weight: bold;
  color: white;
}
.lnavi ul {
  padding-bottom: 9px;
}
.lnavi .activeTerm ul {
    padding-bottom: 0;
background-color: #E6F3F8;
}
.lnavi ul ul li {
  border-bottom: none;
}
.lnavi ul ul li a {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 5px 8px 42px;
  background-image: none;
}
.lnavi li {
  display: block;
  border-bottom: 1px dotted #E1E1E1;
}

.lnavi li:not(.lnavis01) {
    background-color: #FBF9F4;
}

.lnavi a {
  display: block;
  width: 188px;
  padding: 13px 0 12px 32px;
  background: url(/img/base/r_arrow.gif) no-repeat 16px 17px;
  font-size: 92%;
}
.activePage span a,
.activePage span a:hover,
.activeTerm span a,
.activeTerm span a:hover{
  background-image: url(/img/base/r_arrow_c.gif);
  background-color: #B8DBE5;
  font-weight: bold;
  color: #233D78;
}

.can18l .lnavi1 ul,
.pail .lnavi2 ul,
.drum .lnavi3 ul,
.mdrum .lnavi4 ul,
.can .lnavi5 ul,
.plastic .lnavi6 ul,
.glassbottle .lnavi7 ul,
.baginbox .lnavi8 ul,
.fiberdrum .lnavi9 ul,
.container .lnavi10 ul,
.largevessel .lnavi11 ul,
.packingcase .lnavi12 ul,
.capnozzle .lnavi13 ul,
.haikanshoriki .lnavi14 ul,
.stdrum .lnavi15 ul,
.palletcover .lnavi16 ul,
.labelprint .lnavi17 ul,
.mesh-pallet .lnavi18 ul{
  display: block;
}


.activeTerm .activeSingle a,
.activeTerm .activeSingle a:hover
{
  background-color: #FFFFFF;
  font-weight: bold;
  color: #223D78;
  text-decoration: none;
}
.lbnrWrap {
  padding-top: 2px;
}
.lbnrWrap li {
  margin: 10px 0 0 10px;
  background-color: #fff;
}

.lbnrWrap a {
    text-decoration: none;
}

.btn_08 {
    padding: 13px 10px 13px 14px;
    width: 95%;
    border-radius: 5px;
    border: solid 1px #bebbb4;
}

.btn_08.option01 .btn_ttl,
.btn_08.option02 .btn_ttl {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -2px;
    color: #000;
    padding-bottom: 3px;
}

.btn_08.option03 .btn_ttl {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    letter-spacing: -1px;
}

.btn_08.option03 {
    padding: 14px 10px 10px 10px;
    width: 178px;
}

.btn_08.option01 .btn_txt,
.btn_08.option02 .btn_txt {
    display: block;
    line-height: 1.4;
    font-size: 12px;
    color: #053d5e;
}

.btn_08.option01 .btn_ttl::before,
.btn_08.option02 .btn_ttl::before {
    content: "　";
    width: 13px;
    height: 17px;
    background: url(/img/base/arrow_orange_m.gif) no-repeat 1px 3px;
    margin-right: 2px;
    display: inline-block;
}

.btn_08.option03 .btn_txt {
    font-size: 12px;
    font-weight: normal;
    color: #000;
    margin-top: 5px;
    display: block;
    line-height: 1.4;
}

.lbnrWrap li:hover {
    opacity: 0.65;
}

.option01 {
    background: url(/img/base/btn_left.png) no-repeat,url(/img/base/beginner_mark.png) no-repeat 139px 17px;
}

.option02 {
    background: url(/img/base/btn_left.png) no-repeat,url(/img/base/youkimark.png) no-repeat 148px 14px;
}

.sideWrap ul img.contact_btn {
    padding: 8px 0 0 0;
    display: block;
}

.lbnrWrap li,
.lbnrWrap li a {
  width: 174px;
  height: auto;
}

/*.lbnrWrap a {
  display: block;
  text-indent: -10000px;
}
.lbnrWrap li,
.lbnrWrap li a {
  width: 200px;
  height: 80px;
  background-image: url(/img/base/all_1909.jpg);
  background-repeat: no-repeat;
}
.lbnrWrap .lbnr1,
.lbnrWrap .lbnr1 a {
  background-position: 0 -120px;
}
.lbnrWrap .lbnr1 a:hover {
  background-position: 0 -200px;
}
.lbnrWrap .lbnr2,
.lbnrWrap .lbnr2 a {
  background-position: -200px -120px;
}
.lbnrWrap .lbnr2 a:hover {
  background-position: -200px -200px;
}
.lbnrWrap .lbnr3,
.lbnrWrap .lbnr3 a {
  height: 150px;
  background-position: -400px -120px;
}
.lbnrWrap .lbnr3 a:hover {
  background-position: -600px -120px;
}*/

.contentsEnd {
  clear: both;
  width: 960px;
  height: 115px;
  margin: 0 auto 42px auto;
  background: url(/img/base/r_bg_btm.gif) no-repeat right bottom;
}

.pageTop {
  clear: both;
  border-top: 1px solid #D8D8D8;
}
.pageTop p {
  width: 970px;
}
.pageTop p {
  margin: 0 auto;
  text-align: right;
}
.pageTop span,
.pageTop a {
  display: block;
  width: 129px;
  height: 31px;
  background: url(/img/base/all_1909.jpg) no-repeat -541px 0;
}
.pageTop span {
  margin: 0 0 0 auto;
  text-align: left;
}
.pageTop a {
  display: block;
  text-indent: -10000px;
}
.pageTop a:hover {
  background-position: -670px 0;
}

.footer {
  padding: 26px 0 58px 0;
  background-color: #F7F3EE;
  border-top: 3px solid #1A538C;
}

.footerIn {
  width: 970px;
  margin: 0 auto;
  background: url(/img/base/f_bg.gif) repeat-y 308px 0;
  text-align: left;
}

.footer1 {
  float: left;
  width: 327px;
}
.footer1 strong {
  display: block;
  padding: 13px 0 0 3px;
  font-size: 100%;
  font-weight: bold;
  color: #616161;
}
.footer1 p {
  padding: 4px 0 14px 3px;
  font-size: 100%;
}

.footer2,
.footer3 {
  float: left;
}
.footer2 strong,
.footer3 strong {
  display: block;
  padding-top: 4px;
  font-size: 108%;
}
.footer2 ul,
.footer3 ul {
  padding-left: 6px;
}
.footer2 li,
.footer3 li {
  margin-top: 9px;
  padding-left: 14px;
  background: url(/img/base/f_arrow_s.gif) no-repeat 0 5px;
}
.footer2 a,
.footer3 a {
  font-size: 92%;
}

.footer2 {
  width: 145px;
}

.footer3 {
  width: 291px;
}
.footer3 li {
  float: left;
  width: 126px;
}

.footer4 {
  float: right;
  width: 187px;
  padding-top: 3px;
}
.footer4 li {
  margin-bottom: 13px;
  padding-left: 19px;
  background: url(/img/base/f_arrow_m.gif) no-repeat 0 2px;
}
.footer4 .footer43 {
  margin-bottom: 23px;
}
.footer4 a {
  font-size: 108%;
}

.copy {
  clear: both;
  padding: 17px 0 16px 0;
  background-color: #EDE7DE;
  font-size: 77%;
  color: #464646;
}

.backTop {
  width: 680px;
  text-align: center;
}
.backTop span {
  padding-left: 22px;
  background: url(/img/base/arrow_orange_m.gif) no-repeat 0 0;
}
.backTop a {
  font-size: 108%;
}

.siteTop .visualOut {
  background: url(/img/top/bg.jpg) repeat center 0;
}
.siteTop .visualWrap {
  position: relative;
  width: 994px;
  min-width: 994px;
  height: 280px;
  margin: 0 auto;
  background: url(/img/top/btn_171106.jpg) no-repeat 0 -760px;
  text-align: left;
  overflow: hidden;
}
.siteTop .visualWrap li {
  display: none;
  position: absolute;
  background-image: url(/img/top/main.png);
  background-repeat: no-repeat;
  text-indent: -10000px;
}
.siteTop .visualWrap li h1,
.siteTop .visualWrap li div,
.siteTop .visualWrap li p {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/img/top/btn_171106.jpg);
  background-repeat: no-repeat;
  text-indent: -10000px;
}
.siteTop .visualWrap .visual1-1 {
  top: 120px;
  left: 200px;
  width: 554px;
  height: 37px;
  background-position: 0 0;
}
.siteTop .visualWrap .visual1-1 div {
  width: 554px;
  height: 40px;
  background-position: -200px -880px;
}
.siteTop .visualWrap .visual2-1 {
  top: 91px;
  left: 252px;
  width: 487px;
  height: 36px;
  background-position: -100px -40px;
}
.siteTop .visualWrap .visual2-1 div {
  width: 487px;
  height: 39px;
  background-position: -252px -851px;
}
.siteTop .visualWrap .visual2-2 {
  top: 142px;
  left: 152px;
  width: 681px;
  height: 36px;
  background-position: 0 -92px;
}
.siteTop .visualWrap .visual2-2 div {
  width: 681px;
  height: 39px;
  background-position: -152px -902px;
}
.siteTop .visualWrap .visual3-1 {
  top: 126px;
  left: 209px;
  width: 330px;
  height: 28px;
  background-position: 0 -130px;
}
.siteTop .visualWrap .visual3-1 div {
  width: 330px;
  height: 31px;
  background-position: -209px -886px;
}
.siteTop .visualWrap .visual3-2 {
  top: 102px;
  left: 567px;
  width: 218px;
  height: 71px;
  background-position: 0 -280px;
}
.siteTop .visualWrap .visual3-2 div {
  width: 218px;
  height: 74px;
  background-position: -567px -862px;
}
.siteTop .visualWrap .visual4-1 {
  top: 126px;
  left: 198px;
  width: 341px;
  height: 28px;
  background-position: -335px -130px;
}
.siteTop .visualWrap .visual4-1 div {
  width: 341px;
  height: 31px;
  background-position: -198px -886px;
}
.siteTop .visualWrap .visual4-2 {
  top: 102px;
  left: 567px;
  width: 218px;
  height: 71px;
  background-position: -220px -280px;
}
.siteTop .visualWrap .visual4-2 div {
  width: 218px;
  height: 74px;
  background-position: -567px -862px;
}
.siteTop .visualWrap .visual5-1 {
  top: 126px;
  left: 210px;
  width: 329px;
  height: 28px;
  background-position: 0 -160px;
}
.siteTop .visualWrap .visual5-1 div {
  width: 329px;
  height: 31px;
  background-position: -210px -886px;
}
.siteTop .visualWrap .visual5-2 {
  top: 102px;
  left: 568px;
  width: 219px;
  height: 71px;
  background-position: -440px -280px;
}
.siteTop .visualWrap .visual5-2 div {
  width: 219px;
  height: 74px;
  background-position: -568px -862px;
}
.siteTop .visualWrap .visual6-1 {
  top: 44px;
  left: 525px;
  width: 187px;
  height: 189px;
  background-position: -682px 0;
}
.siteTop .visualWrap .visual6-1 p {
  top: 33px;
  left: 25px;
  width: 125px;
  height: 98px;
  background-position: -1005px -835px;
}
.siteTop .visualWrap .visual6-1 div {
  top: -2px;
  left: -2px;
  width: 178px;
  height: 179px;
  background: url(/img/top/main.png) no-repeat -682px -190px;
}
.siteTop .visualWrap .visual6-2 {
  top: -99px;
  left: 756px;
  width: 187px;
  height: 188px;
  background-position: -870px 0;
}
.siteTop .visualWrap .visual6-2 p {
  top: 42px;
  left: 26px;
  width: 119px;
  height: 102px;
  background-position: -1135px -835px;
}
.siteTop .visualWrap .visual6-2 div {
  top: -2px;
  left: -2px;
  width: 178px;
  height: 177px;
  background: url(/img/top/main.png) no-repeat -870px -190px;
}
.siteTop .visualWrap .visual6-3 {
  top: 209px;
  left: 743px;
  width: 187px;
  height: 188px;
  background-position: -1060px 0;
}
.siteTop .visualWrap .visual6-3 p {
  top: 23px;
  left: 29px;
  width: 120px;
  height: 100px;
  background-position: -1135px -940px;
}
.siteTop .visualWrap .visual6-3 div {
  top: -2px;
  left: -2px;
  width: 178px;
  height: 178px;
  background: url(/img/top/main.png) no-repeat -1060px -190px;
}
.siteTop .visualWrap .visual6 {
  top: 0;
  left: 515px;
  width: 479px;
  height: 280px;
  background-image: url(/img/top/btn_171106.jpg);
  background-position: -515px -760px;
}
.siteTop .visualWrap .visual6-4 {
  top: 58px;
  left: 128px;
  width: 399px;
  height: 88px;
  background-position: 0 -188px;
}
.siteTop .visualWrap .visual6-4 h1 {
  width: 399px;
  height: 88px;
  background-position: -128px -818px;
}
.siteTop .visualWrap .visual6-5 {
  top: 159px;
  left: 129px;
  width: 347px;
  height: 22px;
  background-position: -335px -160px;
}
.siteTop .visualWrap .visual6-5 div {
  width: 347px;
  height: 22px;
  background-position: -129px -919px;
}
.siteTop .visualWrap .visual6-6 {
  display: block;
  top: 0px;
  left: 0px;
  width: 994px;
  height: 280px;
  background-image: none;
}
.siteTop .visualWrap .visual6-6 div {
  width: 994px;
  height: 280px;
  background-image: none;
}
.siteTop .visualWrap .visual6-6 a {
  display: block;
  width: 994px;
  height: 280px;
}
.siteTop .visualWrap .visual6-6 span {
  display: none;
}
.siteTop .visual6-6 span,
.siteTop .jsOff span {
  position: absolute;
  top: 198px;
  left: 306px;
  display: block;
  text-indent: -10000px;
  width: 243px;
  height: 44px;
  background: url(/img/base/all_1909.jpg) no-repeat -541px -31px;
}
.siteTop .visual6-6 a:hover span,
.siteTop .jsOff a:hover span {
  background-position: -541px -75px;
}
.siteTop .contentsWrap {
  width: 994px;
  margin: 0 auto;
  padding: 28px 0 94px 0;
  text-align: left;
}
.siteTop .mainWrap {
  float: right;
  width: 630px;
}
.siteTop .mainWrap h2 {
  padding: 10px 0 7px 0;
}
.siteTop .pickupWrap {
  /* padding-bottom: 30px; */
  height: 222px;
  overflow-y: scroll;
}
.siteTop .pickupWrap li {
  padding: 14px 20px 0 20px;
}
.siteTop .pickupWrap img {
  float: left;
}
.siteTop .pickupWrap strong {
  display: block;
  margin-left: 142px;
  padding-top: 4px;
  font-size: 108%;
  font-weight: bold;
}
.siteTop .pickupWrap strong span {
  margin-right: 6px;
  color: #CC3300;
}
.siteTop .pickupWrap p {
  margin-left: 142px;
  padding-top: 6px;
  font-size: 108%;
  line-height: 1.5;
}
.siteTop .pickupWrap .btn {
  margin-left: 142px;
  padding-top: 4px;
  font-size: 92%;
}
.siteTop .pickupWrap .btn a {
  margin-left: 4px;
}
.siteTop .mainWrap h3,
.siteTop .mainWrap h3 a {
  width: 210px;
  height: 190px;
}
.siteTop .mainWrap h3 a:hover{
    opacity: 0.7;
}
.siteTop .mainWrap h3 {
  float: left;
}
.siteTop .mainWrap h3 a,
.siteTop .mainWrap h3 span {
  display: block;
  text-indent: 0;
}
.siteTop .products1,
.siteTop .products1 a {
  background-position: 0 0;
}
.siteTop .products1 a:hover {
  background-position: -630px 0;
}
.siteTop .products2,
.siteTop .products2 a {
  background-position: -210px 0;
}
.siteTop .products2 a:hover {
  background-position: -840px 0;
}
.siteTop .products3,
.siteTop .products3 a {
  background-position: -420px 0;
}
.siteTop .products3 a:hover {
  background-position: -1050px 0;
}
.siteTop .products4,
.siteTop .products4 a {
  background-position: 0 -190px;
}
.siteTop .products4 a:hover {
  background-position: -630px -190px;
}
.siteTop .products5,
.siteTop .products5 a {
  background-position: -210px -190px;
}
.siteTop .products5 a:hover {
  background-position: -840px -190px;
}
.siteTop .products6,
.siteTop .products6 a {
  background-position: -420px -190px;
}
.siteTop .products6 a:hover {
  background-position: -1050px -190px;
}
.siteTop .products7,
.siteTop .products7 a {
  background-position: 0 -380px;
}
.siteTop .products7 a:hover {
  background-position: -630px -380px;
}
.siteTop .products8,
.siteTop .products8 a {
  background-position: -210px -380px;
}
.siteTop .products8 a:hover {
  background-position: -840px -380px;
}
.siteTop .products9,
.siteTop .products9 a {
  background-position: -420px -380px;
}
.siteTop .products9 a:hover {
  background-position: -1050px -380px;
}
.siteTop .products10,
.siteTop .products10 a {
  background-position: 0 -570px;
}
.siteTop .products10 a:hover {
  background-position: -630px -570px;
}
.siteTop .products11,
.siteTop .products11 a {
  background-position: -210px -570px;
}
.siteTop .products11 a:hover {
  background-position: -840px -570px;
}
.siteTop .products12,
.siteTop .products12 a {
  background-position: -420px -570px;
}
.siteTop .products12 a:hover {
  background-position: -1050px -570px;
}
.siteTop .products13,
.siteTop .products13 a {
  background-position: 0 -1040px;
}
.siteTop .products13 a:hover {
  background-position: -420px -1040px;
}
.siteTop .products14,
.siteTop .products14 a {
  background-position: -210px -1040px;
}
.siteTop .products14 a:hover {
  background-position: -630px -1040px;
}
.siteTop .products15,
.siteTop .products15 a {
  background-position: 0px -1246px;
}
.siteTop .products15 a:hover {
  background-position: -630px -1246px;
}
.siteTop .products16,
.siteTop .products16 a {
  background-position: -210px -1246px;
}
.siteTop .products16 a:hover {
  background-position: -840px -1246px;
}
.siteTop .products17,
.siteTop .products17 a {
  background-position: -420px -1246px;
}
.siteTop .products17 a:hover {
  background-position: -1050px -1246px;
}
.siteTop .products18,
.siteTop .products18 a {
  background-position: -840px -1040px;
}
.siteTop .products18 a:hover {
  background-position: -1050px -1040px;
}
.siteTop .sideWrap {
  float: left;
  width: 326px;
}
.siteTop .sideWrap ul {
  padding-left: 6px;
}
.siteTop .sideWrap li {
  margin-top: 10px;
}
.siteTop .sideWrap li a {
  display: block;
  text-indent: -10000px;
}
.siteTop .sideWrap li,
.siteTop .sideWrap li a {
  width: 310px;
  height: 80px;
  background-image: url(/img/base/all_1909.jpg);
  background-repeat: no-repeat;
}
.siteTop .sideWrap .side1,
.siteTop .sideWrap .side1 a {
  background-position: 0 -320px;
}
.siteTop .sideWrap .side1 a:hover {
  background-position: -310px -320px;
}
.siteTop .sideWrap .side2,
.siteTop .sideWrap .side2 a {
  background-position: 0 -400px;
}
.siteTop .sideWrap .side2 a:hover {
  background-position: -310px -400px;
}
.siteTop .sideWrap .side3,
.siteTop .sideWrap .side3 a {
  height: 110px;
  background-position: 0 -480px;
}
.siteTop .sideWrap .side3 a:hover {
  background-position: -310px -480px;
}
.siteTop .sideWrap strong,
.siteTop .sideWrap strong a {
  display: block;
  width: 320px;
  height: 39px;
  background: url(/img/base/all_1909.jpg) no-repeat 0 -280px;
}
.siteTop .sideWrap strong {
  margin: 52px 0 0 6px;
  border-top: 2px solid #DDD3BD;
  border-bottom: 1px dotted #c9c9c9;
}
.siteTop .sideWrap strong a {
  display: block;
  text-indent: -10000px;
}
.siteTop .sideWrap strong a:hover {
  background-position: -320px -280px;
}
.siteTop .sideWrap table {
  margin-left: 6px;
  width: 320px;
}
.siteTop .sideWrap th {
  padding: 19px 0 16px 9px;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 92%;
  line-height: 1.4;
  font-weight: bold;
  color: #666666;
  vertical-align: top;
  padding-right: 10px;
}
.siteTop .sideWrap td {
  padding: 19px 0 16px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 92%;
  line-height: 1.4;
  color: #464646;
  vertical-align: top;
}
.siteTop .sideWrap td a {
  color: #464646;
}
.siteTop .sideWrap td a:hover {
  color: #7f7f7f;
}

.about .mainWrap h3 {
  margin-top: 49px;
}
.about .mainWrap .floatImg {
  float: right;
  margin: 21px 70px 12px 0;
}
.about .mainWrap p {
  width: 430px;
  padding: 18px 0 0 22px;
  font-size: 108%;
  line-height: 1.6;
}
.about .mainWrap table {
  width: 640px;
  margin: 14px 0 0 21px;
}
.about .mainWrap th {
  padding: 14px 0 12px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.6;
  color: #344b7a;
  white-space: nowrap;
  vertical-align: top;
  width: 85px;
  padding-left: 11px;
}
.about .mainWrap .enkakuMonths {
  width: 40px;
  padding-left: 5px;
  font-weight: normal;
}
.about .mainWrap td {
  padding: 14px 0 12px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 108%;
  line-height: 1.6;
}
.about .mainWrap td table {
  width: auto;
  margin: 0;
}
.about .mainWrap td td {
  padding: 0 8px 0 0;
  border-bottom: none;
}

.access .mainWrap h3 {
  margin-top: 49px;
}
.access .mainWrap table {
  width: 360px;
  margin: 4px 0 0 20px;
}
.access .mainWrap th {
  padding: 14px 0 12px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.6;
  color: #344b7a;
  white-space: nowrap;
  vertical-align: top;
  width: 80px;
  padding-left: 12px;
}
.access .mainWrap td {
  padding: 14px 0 12px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 108%;
  line-height: 1.6;
}
.access .mapWrap {
  float: right;
  width: 260px;
  padding: 17px 70px 15px 0;
}
.access .mapWrap small {
  display: block;
  padding: 6px 0 2px 22px;
  background: url(/img/base/arrow_orange_m.gif) no-repeat 2px 7px;
}
.access .mapWrap small a {
  font-size: 92%;
}
.access .mapWrap .icnWw {
  margin-left: 3px;
  vertical-align: 1px;
}
.access .telTxt {
    text-decoration: underline;
}
.policy .mainWrap h3 {
  margin-top: 49px;
}
.policy .mainWrap .clearfix .floatImg {
  float: right;
  margin: 21px 70px 12px 0;
}
.policy .mainWrap .clearfix p {
  width: 430px;
}
.policy .mainWrap p {
  width: 640px;
  padding: 18px 0 0 22px;
  font-size: 108%;
  line-height: 1.6;
}

.recruitment .noneInfoWrap {
  padding: 47px 0 0 23px;
  font-size: 108%;
}

.products .aboutWrap {
  padding: 30px 0 0 10px;
}
.products .aboutWrap p {
  width: 610px;
  padding: 12px 0 0 23px;
  font-size: 108%;
  line-height: 1.6;
}
.products .aboutWrap p.attention {
  padding-left: 37px;
  font-size: 92%;
  text-indent: -12px;
}
.products .aboutWrap p sup {
  font-size: 70%;
  vertical-align: 4px;
}
.products .aboutWrap p .caption {
  display: block;
  padding-bottom: 3px;
  font-size: 85%;
  line-height: 1.4;
  font-weight: bold;
  color: #634638;
}
.products .aboutWrap ul {
  width: 606px;
  padding: 2px 0 0 23px;
}
.products .aboutWrap ul li {
  margin-top: 10px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 108%;
  line-height: 1.4;
  font-size: 108%;
}
.products1st .aboutWrap ul li>ul {
  width: 593px;
  padding-left: 0;
}
.products1st .aboutWrap ul li>ul>li {
  background-image: url(/img/base/listype2.gif);
  background-position: 0 7px;
}
.products .aboutWrap ol {
  width: 606px;
  margin-left: 23px;
  padding: 2px 0 0 23px;
}
.products .aboutWrap ol li {
  margin-top: 10px;
  font-size: 108%;
  line-height: 1.6;
  list-style-type: decimal;
}
.products .aboutWrap table {
  width: 670px;
  border-top: 1px solid #B4AC9E;
  border-left: 1px solid #B4AC9E;
  width: 614px;
  margin: 12px 0 0 21px;
}
.products1st .contentsWrap .mainWrap table.nonborder_table,
.products1st .contentsWrap .mainWrap table.nonborder_table th,
.products1st .contentsWrap .mainWrap table.nonborder_table td,
.products1st .contentsWrap .mainWrap table.nonborder_table thead,
.products1st .contentsWrap .mainWrap table.nonborder_table tbody{
    border: 0;
}
.products .aboutWrap table th {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
  font-weight: bold;
  color: #223D78;
  text-align: center;
  white-space: nowrap;
}
.products .aboutWrap table td {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
}
.products .aboutWrap table tbody th {
  padding: 7px 9px 6px 9px;
  font-weight: normal;
  color: #333333;
  text-align: left;
}
.products .aboutWrap table td {
  padding: 0 9px 6px 9px;
}
.products .aboutWrap table td p {
  width: auto;
  padding: 7px 0 0 0;
  font-size: 100%;
}
.products .aboutWrap table.wid200 {
  width: 205px;
}
.products .aboutWrap table caption {
  padding-bottom: 3px;
  font-size: 92%;
  line-height: 1.4;
  font-weight: bold;
  color: #634638;
}
.products .aboutWrap table thead th {
  padding: 7px 0;
  background-color: #F1EDE4;
}
.products .aboutWrap table thead th .small {
  font-size: 85%;
}
.products .aboutWrap table tbody th.center {
  text-align: center;
}
.products .aboutWrap table td strong {
  display: block;
  padding-top: 6px;
  font-weight: bold;
  color: #634638;
  line-height: 1.6;
}
.products .aboutWrap table td p.attention {
  font-size: 100%;
  padding-left: 14px;
}
.products .aboutWrap table td p strong {
  display: inline;
  padding-top: 0;
}
.products .aboutWrap table td.center {
  text-align: center;
}
.products .aboutWrap table td.padTop {
  padding-top: 10px;
}
.products .aboutWrap table td.vatop {
  vertical-align: top;
}
.products .aboutWrap table ul {
  width: auto;
  padding: 4px 0 0 0;
}
.products .aboutWrap table ul li {
  margin-top: 5px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 92%;
  line-height: 1.6;
  font-size: 100%;
}
.products .aboutWrap .can18ltable strong {
  display: block;
  font-weight: bold;
  padding-top: 7px;
}
.products .aboutWrap .can18ltable thead span {
  display: block;
  font-size: 85%;
  font-weight: normal;
}
.products .aboutWrap .can18ltable .can18lcntr {
  text-align: center;
}
.products .aboutWrap .can18ltable .can18lkei {
  white-space: nowrap;
  text-align: center;
}
.products .aboutWrap .digitalTable tbody th {
  background-color: #FBF9F6;
  color: #223D78;
  text-align: center;
}
.products .aboutWrap .digitalTable td {
  padding-top: 7px;
  text-align: center;
}
.products .aboutWrap table tbody .left {
  padding-right: 10px;
  padding-left: 19px;
  text-align: left;
}
.products .openTrigger {
  width: 618px;
  padding-left: 22px;
  background: url(/img/products/icn_plus.gif) no-repeat 3px 0;
  cursor: pointer;
}
.products .openTriggerOn {
  background-image: url(/img/products/icn_minus.gif);
  background-position: 3px 1px;
}
.products .openDetWrap {
  display: none;
}

.products1st h2 {
  margin-bottom: 49px;
  padding-bottom: 1px;
}
.products1st .single h2{
    padding-bottom: 25px
}
.products1st .single h2.ttl01{
    padding-bottom: 0;
}
.products1st .strongpointWrap p,
.products1st .choosepointWrap p {
  width: 620px;
  margin-top: 10px;
  font-size: 108%;
  line-height: 1.6;
}
.products1st .strongpointWrap .attention,
.products1st .choosepointWrap .attention {
  width: 608px;
  margin-top: 5px;
  padding-left: 12px;
  font-size: 92%;
  line-height: 1.4;
  text-indent: -12px;
}
.products1st .strongpointWrap .mar6,
.products1st .choosepointWrap .mar6 {
  margin-top: -6px;
}
.products1st .strongpointWrap .pad6,
.products1st .choosepointWrap .pad6 {
  padding-bottom: 6px;
}
.products1st .strongpointWrap li,
.products1st .choosepointWrap li {
  width: 640px;
  margin-top: 10px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 108%;
  line-height: 1.4;
}
.products1st .strongpointWrap table,
.products1st .choosepointWrap table {
  width: 670px;
  border-top: 1px solid #B4AC9E;
  border-left: 1px solid #B4AC9E;
  width: 614px;
  margin: 13px 0 16px 0;
}
.products1st .strongpointWrap table th,
.products1st .choosepointWrap table th {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
  font-weight: bold;
  color: #223D78;
  text-align: center;
  white-space: nowrap;
}
.products1st .strongpointWrap table td,
.products1st .choosepointWrap table td {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
}
.products1st .strongpointWrap table tbody th,
.products1st .choosepointWrap table tbody th {
  padding: 7px 9px 6px 9px;
  font-weight: normal;
  color: #333333;
  text-align: left;
}
.products1st .strongpointWrap table td,
.products1st .choosepointWrap table td {
  padding: 0 9px 6px 9px;
}
.products1st .strongpointWrap table td p,
.products1st .choosepointWrap table td p {
  width: auto;
  padding: 7px 0 0 0;
  font-size: 100%;
}
.products1st .strongpointWrap table th,
.products1st .choosepointWrap table th {
  background-color: #FBF9F6;
  color: #223D78;
}
.products1st .strongpointWrap table p,
.products1st .choosepointWrap table p {
  margin-top: 0;
}
.products1st .strongpointWrap {
  padding: 9px 0 35px 19px;
}
.products1st .choosepointWrap {
  padding: 9px 0 74px 25px;
}
.products1st .choosepointWrap li ul {
  line-height: 0;
}
.products1st .choosepointWrap li ul li {
  background-image: url(/img/base/listype2.gif);
  background-position: 0 7px;
}
.products1st .choosepointWrap li ol {
  padding: 10px 0 12px 33px;
}
.products1st .choosepointWrap li ol li {
  width: 597px;
  margin-top: 2px;
  padding-left: 0;
  background-image: none;
  font-size: 100%;
  list-style-type: decimal;
}

.products1st .kindWrap {
  padding-bottom: 45px;
}
.products1st .proMenuWrap {
  padding-left: 88px;
}
.products1st .proMenuWrap h4 {
  width: 510px;
  padding-bottom: 13px;
  border-bottom: 2px dotted #C5B28C;
  text-align: center;
}
.products1st .proMenuWrap ul {
  padding-top: 12px;
}

.products1st .proMenuWrap li {
  margin-top: 10px;
  position: relative;
}


.products1st .proMenuWrap li a.noActive:hover,
.products1st .proMenuWrap li a.noActive:hover img{
    opacity: 0.8;
}
.products1st .proMenuWrap li a.active:hover{
    opacity: 1;
    color: black;
}
.products1st .proMenuWrap li a.active::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #5eacff;
    border-radius: 7px;
    opacity: 0.2;
}
.products1st .subImgWrap td {
  padding-left: 11px;
}
.products1st .subImgWrap td img{
  margin-bottom: 20px;
}
.products1st .subImgWrap th {
    padding: 5px 0 0 11px;
    font-size: 92%;
    font-weight: bold;
    color: #634638;
    line-height: 1.6;
    text-align: center;
    vertical-align: top;
}
.products1st .subImgWrap .noPadd th {
    padding: 0;
}
.can18l .choosepointWrap {
  padding-bottom: 24px;
}

.products1st .lnavi2 span a,
.products1st .lnavi2 span a:hover,
.products1st .lnavi3 span a,
.products1st .lnavi3 span a:hover {
  font-weight: normal;
}
.products1st h3 {
  margin: 5px 0 11px 0;
}
.products1st .tableType0Wrap {
  width: 670px;
  padding: 15px 0 5px 15px;
}
.products1st .tableType0Wrap th,
.products1st .tableType0Wrap td {
  padding: 5px 10px 0 0;
  font-size: 92%;
  vertical-align: top;
}
.products1st .tableType0Wrap th {
  line-height: 1.6;
  white-space: nowrap;
}
.products1st .tableType0Wrap td {
  line-height: 1.6;
}
.products1st .tableType0Wrap .attention {
  padding: 5px 0 0 12px;
  font-size: 92%;
  line-height: 1.4;
  text-indent: -12px;
}
.products1st .tableType1Wrap,
.products1st .tableType2Wrap,
.products1st .tableType3Wrap {
  padding-left: 10px;
}
.tableType1Wrap table,
.tableType2Wrap table,
.tableType3Wrap table {
  width: 670px;
  border-top: 1px solid #B4AC9E;
  border-left: 1px solid #B4AC9E;
}
.products1st .tableType1Wrap table th,
.products1st .tableType2Wrap table th,
.products1st .tableType3Wrap table th {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
  font-weight: bold;
  color: #223D78;
  text-align: center;
  white-space: nowrap;
}
.tableType1Wrap table td,
.tableType2Wrap table td,
.tableType3Wrap table td {
  border-right: 1px solid #B4AC9E;
  border-bottom: 1px solid #B4AC9E;
  font-size: 92%;
}

.products1st .tableType1Wrap table thead th,
.products1st .tableType2Wrap table thead th,
.products1st .tableType3Wrap table thead th {
  padding: 7px 0;
  background-color: #F1EDE4;
}
.products1st .tableType1Wrap tbody th {
  vertical-align: top;
}
.products1st .tableType1Wrap td {
  padding: 15px;
  vertical-align: top;
}
.products1st .tableType1Wrap p {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.6;
}
.products1st .tableType1Wrap .attention {
  padding-left: 14px;
  text-indent: -14px;
}
.products1st .tableType1Wrap ul {
  padding-bottom: 7px;
}
.products1st .tableType1Wrap li {
  margin-top: 7px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  line-height: 1.6;
}
.products1st .tableType1Wrap .aratamedo_option_table li:first-child{
    background: url();
}
.products1st .tableType1Wrap li sup {
  font-size: 77%;
  vertical-align: 3px;
}
.products1st .tableType2Wrap {
  padding-top: 25px;
}
.products1st .tableType2Wrap tbody th {
  padding: 5px 0 4px 0;
  background-color: #FBF9F6;
  font-weight: normal;
}
.products1st .tableType2Wrap td {
  padding: 5px 0 4px 0;
  text-align: center;
}
.products1st .tableType2Wrap td sup {
  font-size: 70%;
  vertical-align: 3px;
}
.products1st .tableType2Wrap .left {
  padding-right: 10px;
  padding-left: 19px;
  text-align: left;
}
.products1st .tableType2Wrap .attention {
  width: 653px;
  padding: 8px 0 0 17px;
  font-size: 92%;
  line-height: 1.4;
  text-indent: -12px;
}
.products1st .tableType3Wrap tbody th {
  vertical-align: top;
}
.products1st .tableType3Wrap td {
  padding: 10px;
  vertical-align: top;
}
.products1st .tableType3Wrap td.aratamedo_padding0{
    padding: 0;
}
.products1st .tableType3Wrap p {
  padding-top: 0px;
  padding-bottom: 7px;
  line-height: 1.6;
}
.products1st .tableType3Wrap .attention {
  padding-left: 14px;
  text-indent: -14px;
}
.products1st .tableType3Wrap ul {
  padding-bottom: 7px;
}
.products1st .tableType3Wrap li {
  margin-top: 7px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  line-height: 1.6;
}
.products1st .tableType3Wrap table {
    text-align: center;
}
.products1st .tableType2line2 .openDetWrap {
  padding: 20px 0 0 11px;
}
.products1st .tableType2line2 table {
  float: left;
  width: 315px;
  margin-right: 10px;
}
.products1st .tableType2line2 .attention {
  clear: both;
}
.products1st .tableType2line3 table {
  float: left;
  width: 215px;
  margin-right: 10px;
}
.products1st .tableType2line3 .attention {
  clear: both;
}
.products1st .subImgWrap {
  width: 640px;
  padding: 30px 0 0 21px;
}
.products1st .subImgWrap h4 {
  margin-left: 0;
}
.products1st .subImgWrap p {
  padding: 10px 3px 5px 3px;
  font-size: 108%;
  line-height: 1.6;
}
.products1st .subImgWrap p.attention {
  padding-left: 15px;
  font-size: 92%;
  text-indent: -12px;
}
.products1st .subImgWrap p.right {
  text-align: right;
}
.products1st .subImgWrap ul {
  padding: 2px 0 0 12px;
}
.products1st .subImgWrap li {
  margin-top: 10px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 108%;
  line-height: 1.4;
}
.products1st .subImgWrap table {
  margin: 10px auto 0 auto;
}
.products1st .subImgWrap th {
  padding: 5px 0 0 11px;
  font-size: 92%;
  font-weight: bold;
  color: #634638;
  line-height: 1.6;
  text-align: center;
  vertical-align: top;
}
.products1st .subImgWrap td {
  padding-left: 11px;
}
.products1st .subImgWrap td strong {
  font-weight: bold;
  color: #634638;
  line-height: 1.6;
}
.products1st .subImgWrap td p {
  font-size: 92%;
}
.products1st .subImgWrap td ul {
  padding: 0;
}
.products1st .subImgWrap td li {
  margin-top: 3px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 92%;
  line-height: 1.6;
}
.products1st .subImgWrap td.caption180 {
  vertical-align: top;
}
.products1st .subImgWrap td.caption180 p {
  width: 180px;
}
.products1st .subImgWrap td.caption200 {
  vertical-align: top;
}
.products1st .subImgWrap td.caption200 p {
  width: 200px;
}
.products1st .subImgWrap .flowWrap td {
  vertical-align: top;
}
.products1st .subImgWrap .flowWrap .flow1 {
  width: 170px;
}
.products1st .subImgWrap .flowWrap .flow2 {
  width: 220px;
}
.products1st .subImgWrap .flowWrap .flow3 {
  width: 120px;
}
.products1st .subImgWrap .flowWrap p {
  padding-left: 15px;
  text-indent: -12px;
}
.products1st .subImgWrap .imgCntr {
  padding-top: 10px;
  text-align: center;
}
.products1st .pad0 {
  padding-top: 0;
}
.products1st .pad3010 {
  padding-top: 30px;
  padding-left: 10px;
}
.products1st .pad3010 .tableType0Wrap {
  padding-top: 5px;
}
.products1st .proMenuWrap {
  padding-left: 58px;
}
.products1st .proMenuWrap h4 {
  width: 570px;
  padding: 100px 0 13px 0;
  border-bottom: 2px dotted #C5B28C;
  font-size: 123%;
  font-weight: bold;
  color: #4C4643;
  text-align: center;
}
.products1st .proMenuWrap ul {
  padding-top: 12px;
}
.proMenuWrap li,
.proMenuWrap li a {
    font-size: 16px;
    width: 280px;
    height: 60px;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -1px;
}
/*.proMenuWrap li a.cf.br {
    line-height: 30px;
    font-size: 14px;
}*/
.proMenuWrap li {
  float: left;
  margin: 10px 10px 0 0;
  background: url(/img/base/promenuBg.jpg) no-repeat;
  padding: 0 0 0 32px;
  border: solid 1px #bbbbbb;
  border-radius: 9px;
  height: 60px;
  position: relative;
}
.proMenuWrap li a{
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    padding: 0 65px 0 0;
}
.proMenuWrap li img {
    padding-top: 0;
    height: 58px;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 1px;
    position: absolute;
    right: 0;
}


.can .tableType2Wrap tbody th,
.can .tableType2Wrap tbody td {
  padding-right: 3px;
  padding-left: 3px;
}

.customer .welcomeWrap {
  width: 680px;
  padding-bottom: 51px;
}
.customer .welcomeWrap .floatImg {
  float: right;
  margin-top: 44px;
}
.customer .welcomeWrap p {
  width: 454px;
  padding: 2px 0 0 2px;
  font-size: 108%;
  line-height: 1.6;
}
.customer .welcomeWrap .attention {
  width: 440px;
  padding-left: 16px;
  color: #cc3300;
  text-indent: -14px;
}
.customer .catch {
  padding: 44px 0 16px 0;
}
.customer .strongpointWrap {
  width: 647px;
  padding: 0 0 91px 20px;
}
.customer .strongpointWrap h4 {
  padding-top: 35px;
  font-size: 18px;
  border-bottom: 2px dotted #c5b48d;
}
.customer .strongpointWrap h4 span {
    content: " ";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #058abe;
    display: block;
    float: left;
    margin: -2px 7px 0px 0;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.customer .strongpointWrap h4 p {
    display: block;
}
.customer .strongpointWrap p {
  padding: 11px 2px 12px 2px;
  font-size: 108%;
  line-height: 1.6;
}
.customer .flowWrap p {
  width: 669px;
  padding: 19px 0 0 2px;
  font-size: 108%;
  line-height: 1.6;
}
.customer .flowWrap ul {
  padding: 42px 0 0 78px;
}
.customer .flowWrap li {
  float: left;
  padding-right: 46px;
}
.customer .contactWrap {
  margin: 77px 0 0 29px;
  border-radius: 8px;
  background: url(/img/base/btn_left01.png) no-repeat;
  background-size: 7px 100%;
  background-color: #f1ede4;
  width: 620px;
  height: 110px;
}

.contactWrap p {
    padding: 20px 0 0 28px;
    font-size: 20px;
    display: inline-block;
    font-weight: bold;
}

.customer .contactWrap a {
  display: block;
  width: 620px;
  height: 110px;
  background-position: left;
}

.customer .contactWrap span {
    font-size: 13px;
    padding-top: 8px;
    line-height: 1.6;
    display: block;
    font-weight: normal;
}

.customer .contactWrap a {
  display: block;
  text-decoration: none;
}
.customer .contactWrap a:hover {
    opacity: 0.8;
}

.customer .contactWrap img.contact_btn {
    margin: 0 0 -1px 0;
}

.form .attention {
  font-size: 92%;
  font-weight: bold;
  color: #d83d64;
}
.form table {
  width: 640px;
  margin-left: 21px;
}
.form th {
  width: 133px;
  padding: 11px 0 11px 13px;
  background-color: #F6F3ED;
  border-bottom: 1px solid #c9c9c9;
  font-size: 108%;
  font-weight: bold;
  color: #344b7a;
  vertical-align: top;
}
.form th em {
  font-size: 85%;
  font-weight: bold;
  color: #d83d64;
}
.form td {
  padding: 17px 0 16px 21px;
  border-bottom: 1px solid #c9c9c9;
  vertical-align: top;
}
.form td input,
.form td textarea {
  font-size: 108%;
  padding: 4px;
}
.form .inputTd input {
  width: 446px;
}
.form .zipTd {
  padding-bottom: 7px;
}
.form .zipTd input {
  width: 96px;
}
.form .zipTd textarea {
  width: 96px;
  height: 14px;
}
.form .telTd input {
  width: 130px;
}
.form .areaTdS textarea {
  width: 446px;
  height: 38px;
}
.form .areaTdM textarea {
  width: 446px;
  height: 46px;
}
.form .areaTdL textarea {
  width: 446px;
  height: 152px;
}
.form .note {
  font-size: 92%;
  line-height: 1.6;
}
.form .padTop {
  padding-top: 7px;
}
.form .padBtm {
  padding-bottom: 5px;
}
.form .agreementWrap {
  width: 682px;
  padding-top: 41px;
}
.form .agreementWrap p {
  font-size: 108%;
  line-height: 1.6;
  text-align: center;
}
.form .privacyWrap {
  width: 541px;
  margin: 13px 0 0 41px;
  padding: 19px 17px 20px 38px;
  border: 2px solid #c9c9c9;
}
.form .privacyWrap strong {
  display: block;
  margin-left: -18px;
  padding-bottom: 2px;
  font-size: 100%;
  font-weight: bold;
}
.form .privacyWrap li {
  width: 529px;
  padding-top: 6px;
  list-style-type: decimal;
  font-size: 100%;
  line-height: 1.4;
}
.form .agreementCheck {
  width: 662px;
  padding: 20px 0 37px 0;
  font-size: 108%;
  font-weight: bold;
  color: #344b7a;
  text-align: center;
}
.form .submitBtn,
.form .backBtn {
  width: 662px;
  text-align: center;
}
.form .submitBtn .submit,
.form .submitBtn .back,
.form .backBtn .submit,
.form .backBtn .back {
  width: 244px;
  height: 44px;
  border: none;
  cursor: pointer;
}
.form .backBtn .submit,
.form .submitBtn .submit {
    background: url(/img/base/submitBtn.jpg);
}

.form .backBtn .submit:hover,
.form .submitBtn .submit:hover {
    opacity: 0.8;
}


.form .submitBtn .back,
.form .backBtn .back{
    background: url(/img/base/backBtn.jpg);
}
.form .submitBtn .hover button,
.form .backBtn .hover button {
  background-position: -620px -634px;
  cursor: pointer;
}
.form .wtn_copyright {
  display: none;
}

.manufacturer .welcomeWrap {
  padding: 44px 0 93px 0;
}
.manufacturer .welcomeWrap p {
  width: 675px;
  padding: 18px 0 44px 2px;
  font-size: 108%;
  line-height: 1.6;
}
.manufacturer .attention {
  padding: 24px 0 0 23px;
}
.manufacturer table {
  margin-top: 30px;
}

.contact .infoWrap {
  padding: 44px 0 50px 0;
}
.contact .infoWrap p {
  width: 680px;
  padding: 19px 0 24px 2px;
  font-size: 108%;
  line-height: 1.6;
}
.contact .exWrap {
  width: 628px;
  margin-left: 29px;
  background: url(/img/other/contact_bg_btm.gif) no-repeat 0 bottom;
}
.contact .exWrap div {
  padding: 18px 0 19px 28px;
  border: 5px solid #F1EDE4;
  border-radius: 8px;
}
.contact .exWrap .exLeft {
  float: left;
  width: 230px;
}
.contact .exWrap .exRight {
  float: right;
  width: 322px;
}
.contact .exWrap li {
  font-size: 108%;
  line-height: 1.6;
  color: #344b7a;
}
.contact .exWrap span {
  font-weight: bold;
}
.contact .telWrap {
  padding: 29px 0 60px 23px;
}
.contact .telWrap p {
  padding-top: 12px;
  font-size: 108%;
}
.contact .pcWrap {
  padding: 35px 0 0 23px;
}
.contact .pcWrap p {
  font-size: 108%;
}
.contact .pcWrap .attention {
  width: 610px;
  padding-left: 20px;
  text-indent: -20px;
  font-size: 92%;
  line-height: 1.6;
}
.contact h4 {
  margin: 38px 0 25px 21px;
}
.contact .addSameWrap {
  margin-bottom: 18px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #c9c9c9;
}
.contact .addSameWrap span {
  display: block;
  width: 130px;
  height: 38px;
  background: url(/img/base/same_btn.png) no-repeat;
  text-indent: -10000px;
}
.contact .addSameWrap .hover {
  opacity: 0.8;
  cursor: pointer;
}

.confirm .messageWrap {
  padding: 35px 0 35px 23px;
}
.confirm .messageWrap p {
  font-size: 108%;
  line-height: 1.6;
}
.confirm .error {
  color: #cc3300;
}
.confirm table {
  margin-top: 0;
}
.confirm td {
  font-size: 108%;
  line-height: 1.6;
}
.confirm .formBtnWrap {
  width: 683px;
  padding: 37px 0 15px 0;
  text-align: center;
}
.confirm .submitBtn {
  width: auto;
}
.confirm .backBtn {
  width: auto;
}
.confirm .backBtn button {
  background-position: -620px -680px;
}
.confirm .backBtn .hover button {
  background-position: -620px -724px;
}

.thanks .thanksWrap {
  padding: 37px 0 44px 23px;
}
.thanks .thanksWrap p {
  font-size: 108%;
  line-height: 1.6;
}

.news .mainWrap h3 {
  margin: 45px 0 13px 0;
}
.news .mainWrap table {
  width: 680px;
}
.news .mainWrap th {
  width: 98px;
  padding: 19px 0 16px 9px;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 92%;
  line-height: 1.4;
  font-weight: bold;
  color: #666666;
  vertical-align: top;
  padding-right: 20px;
}
.news .mainWrap td {
  padding: 19px 0 16px 0;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 92%;
  line-height: 1.4;
  color: #464646;
  vertical-align: top;
}
.news .mainWrap td a {
  color: #464646;
}
.news .mainWrap td a:hover {
  color: #7f7f7f;
}

.sorry404 .mainWrap p {
  padding: 46px 0 16px 23px;
  font-size: 138%;
  font-weight: bold;
}
.sorry404 .mainWrap ul {
  padding: 0 0 44px 37px;
}
.sorry404 .mainWrap li {
  margin-top: 13px;
  padding-left: 13px;
  background: url(/img/base/listype.gif) no-repeat 0 5px;
  font-size: 108%;
}

.aratamedo_palletcoverMenu {
  padding-left: 58px;
  margin-top: 40px;
  clear: both;

}
.aratamedo_palletcoverMenu h4 {
  width: 570px;
  padding: 100px 0 13px 0;
  border-bottom: 2px dotted #C5B28C;
  font-size: 123%;
  font-weight: bold;
  color: #4C4643;
  text-align: center;
}

.aratamedo_palletcoverMenu li a:hover::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #5eacff;
    border-radius: 15px;
    opacity: 0.2;
}
.aratamedo_palletcoverMenu ul {
  padding-top: 12px;
}
.aratamedo_palletcoverMenu li {
  background-repeat: no-repeat;
  border: 1px solid #bbb;
  border-radius: 15px;
  position: relative;
    background: url(/img/base/btn_left02.png) no-repeat,url(/img/base/palletcover.png) no-repeat 400px;
}
.aratamedo_palletcoverMenu li a {
    width: 100%
}
.aratamedo_palletcoverMenu li{
  width: 560px;
  height: auto;
}
.aratamedo_palletcoverMenu li {
  margin: 10px 5px 0 9px;
}
.aratamedo_palletcoverMenu li a {
  display: block;
  text-decoration: none;
  text-indent: 0;
  padding: 41px 0 41px 79px;
  font-size: 24px;
  font-weight: bold;
}
.aratamedo_palletcoverMenu li a img {
    padding: 7px;
}

.aratamedo_palletcoverMenu li:hover{
  opacity: 0.8;
}
.aratamedo_labelprintMenu li a{
  margin-top: 10px;
  margin-bottom: 13px;
  padding-left: 19px;
  background: url(/img/base/f_arrow_m.gif) no-repeat 0 2px;
  display: inline-block;
}
.news001 .aratamedo_infoWrap {
  padding: 44px 0 50px 0;
}
.news001 .aratamedo_infoWrap p.aratamedo_text01 {
  width: 680px;
  padding: 19px 0 30px 2px;
  font-size: 108%;
  line-height: 1.6;
}
.news001 p.aratamedo_date{
  padding:10px 0 0 2px;
  color:#999;
}
.news001 .aratamedo_infoWrap p.aratamedo_img {
  text-align:center;
  width: 660px;
  padding-right:20px;
}
.plastic.item31 .tableType1Wrap th{
	vertical-align:middle;
}
.plastic.item31 .tableType3Wrap .ttlv4{
	margin: 0 0 11px 0;
}
.plastic.item31 .aboutWrap .ttlv4{
	margin: 0 0 11px 0;
}
.plastic.item31 .aboutWrap table,.plastic.item31 .aboutWrap table td{
	border:none;
}
.plastic.item31 .tableType3Wrap ul li{
	background:none;
	padding-left: 0;
}
.plastic.item31 .subImgWrap .ttlv4{
	margin: 0 0 11px 0;
}
.plastic.item31 .tableType3Wrap table td.aratamedo_padding0{
	padding:0;
}
.plastic.item31 .tableType3Wrap table.aratamedo_tableBoder{
	border-top:none;
    text-align: center;
}
.plastic.item31 .tableType3Wrap .aratamedo_tableMiddle{
	vertical-align:middle;
}
.tableType3Wrap .aratamedo_tableCenter li.aratamedo_item{
	text-align:center;
    background: url();
    width: 45%;
    float: left;
}
.plastic.item31 .tableType3Wrap .aratamedo_item{
    display: inline-block;
    line-height: 1.2;
}
.plastic.item31 .tableType2Wrap .aratamedo_tableColor{
	background:#FBF9F6;
}
.baginbox.item08 .flowWrap th{
	padding:5px 5px 0;
	width:220px;
}
.baginbox.item08 .flowWrap td{
	line-height:1.4;
	padding:5px 10px 15px;
	width:220px;
}
.about .aratamedo_logo {
	overflow:hidden;
}
.about .aratamedo_logo dl{
	float:left;
	padding: 20px 12px 0;
}
.about .aratamedo_logo dl:first-child{
	padding: 20px 12px 0 0;
}
.about .aratamedo_logo dl dd{
	text-align:center;
	padding:5px 0 0 0;
	font-size:92%;
}
.pail .aboutWrap ul li>ul>li {
    background-image: url(/img/base/listype2.gif);
    background-position: 0 7px;
}
.glassbottle .aboutWrap table.aratamedo_table,
.pail .aboutWrap table.aratamedo_table{
  width: 614px;
  table-layout: fixed;
}
.glassbottle .aboutWrap table.aratamedo_table tbody td,
.pail .aboutWrap table.aratamedo_table tbody td{
    padding: 10px;
    vertical-align: top;
}
.glassbottle .aboutWrap table.aratamedo_table tbody th img,
.pail .aboutWrap table.aratamedo_table tbody td img{
    display: block;
    margin: auto;
}
.pail .aratamedo_schedule table thead td{
  text-align: center;
}
.aratamedo_schedule thead tr:nth-of-type(even){
    text-align: center;
}
.pail table.aratamedo_option_table td ul li:first-child {
  background: none;
  padding-left: 0;
}
.aratamedo_center{
  text-align: center;
}
.aratamedo_mb30{
  margin-bottom: 30px;
}
.aratamedo_packingcase_table{
  margin-bottom: 40px;
}
.aratamedo_packingcase_table tbody td{
  vertical-align: top;
}
.aratamedo_packingcase_table tbody td b{
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 5px 0;
}
.products .aboutWrap .aratamedo_packingcase_table tbody th{
  padding: 0;
}
.products1st .subImgWrap .aratamedo_packingcase_table th{
  padding-left: 0;
}
.capnozzle .tableType2Wrap td.aratamedo_left{
  text-align: left;
  padding: 5px;
}
.mesh-pallet .subImgWrap table th,
.mesh-pallet .subImgWrap td{
  padding: 0;
  vertical-align: top;
}
.products .aboutWrap .aratamedo_kanshozai{
  margin-bottom: 30px;
}
.products .aboutWrap .aratamedo_kanshozai tbody td{
  vertical-align: top;
}
.products .aboutWrap .aratamedo_kanshozai tbody{
border-bottom: 1px solid #B4AC9E;
}
.products .aboutWrap .aratamedo_kanshozai tbody td{
  border-bottom:none;
  padding: 0 5px 6px 5px;
}
.products .aboutWrap .aratamedo_kanshozai tbody td p b{
  text-align: center;
  display: block;
}



    /* ここから千葉追記 */

.ytplayer {
    width: 500px;
    height: 300px;
}

.sp {
    display: none;
}

    /* .mainWrap */

.mainTtl {
    font-weight: bold;
    font-size: 14px;
    background-color: #f2eee7;
    border-radius: 10px;
    padding: 10px;
    width: 96%;
    margin: 0;
}


    /* .sideWrap */

.newsTxt {
    font-size: 14px;
    color: #333;
    display: block;
    text-indent: 0;
    border: none;
    text-decoration: none;
    font-weight: bold;
    padding: 11px;
    display: inline-block;
}

.newsBtn {
    display: inline-block;
    padding: 8px;
    float: right;
}

.siteTop .sideWrap strong,
.siteTop .sideWrap strong a {
  background: none;
  text-decoration: none;
  text-indent: 0;
  width: auto;
  height: auto;
}


@media only screen and (max-width: 767px) {
    .body {
        min-width: 0;
    }
    .cf::after {
        height: 0;
        visibility: hidden;
        content: ".";
        display: block;
        clear: both;
    }

    .allWrap {
        overflow: hidden;
    }

    .siteTop .contentsWrap {
        width: 100%;
    }




    h2 img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .siteTop .contentsWrap {
        padding: 28px 0 30px 0;
        display: flex;
        flex-flow: row wrap;
    }

    /* .mainWrap */

    .siteTop .mainWrap {
        padding: 2%;
        width: 96%;
        overflow: hidden;
        order: 1;
    }

    .category {
        display: flex;
        flex-wrap: wrap;
    }

    .siteTop .mainWrap .category h3 {
    width: 50%;
    }

    .siteTop .mainWrap .category h3 a {
    width: 100%;
    }

    .mainWrap .clearfix {
        padding: 0 2%;
    }

    .mainTtl {
        width: 91%;
        margin: auto;
    }


    /* ピックアップ */

    .siteTop .pickupWrap {
        padding-bottom: 5px;
        height: 300px;
    }

    .siteTop .pickupWrap strong {
        padding-top: 0;
    }

    .siteTop .pickupWrap .btn {
        padding: 4px 0 13px;
    }


    /* .sideWrap */

    .siteTop .sideWrap {
        float: none;
        width: 95%;
        margin: 0 auto;
        order: 2;
    }

    .siteTop .sideWrap strong {
        margin: 40px auto 0;
        width: 95%;
    }

    .siteTop .sideWrap td {
        padding: 19px 10px 16px 0;
    }

    .siteTop .sideWrap table {
        width: 100%;
    }

    .newsTxt {
        font-size: 14px;
        color: #333;
        display: inline-block;
        text-indent: 0;
        border: none;
        text-decoration: none;
        font-weight: bold;
        padding: 11px;
    }

    .siteTop .sideWrap strong,
    .siteTop .sideWrap strong a {
      background: none;
      text-decoration: none;
      width: auto;
      height: auto;
    }

    .siteTop .sideWrap ul {
    padding-left: 0;
    width: 95%;
    margin: auto;
    }

    .sideWrap ul img {
        max-width: 100%;
        display: block;
        margin: auto;
    }

    .sideWrap ul img:hover {
        opacity: 0.8;
    }

    .siteTop .sideWrap li {
        margin: 10px auto;
    }

    .siteTop .sideWrap li a {
        text-indent: 0px;
    }

    .siteTop .sideWrap li,
    .siteTop .sideWrap li a {
        width: auto;
        height: auto;
        background: none;
    }

    .siteTop .mainWrap h3,
    .siteTop .mainWrap h3 a {
      width: auto;
      height: auto;
    }

    .siteTop .mainWrap h3 img {
        max-width: 100%;
        height: auto;
        margin: auto;
        display: block;
    }

    .siteTop .mainWrap h3 img:hover {
        opacity: 0.8;
    }

    .siteTop .mainWrap h3 a,
    .siteTop .mainWrap h3 span {
        text-indent: 0;
    }

    /* フッター */
    .footer2,
    .footer3,
    .footer4 {
        display: none;
    }

    .footer {
    padding: 26px 0;
    }

    .footerIn {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        background: none;
        text-align: center;
    }

    .footer1 {
        float: none;
        width: 95%;
        order: 2;
        margin: 0 auto;
    }

    .footer1 p {
        border-bottom: 1px solid #e1d7c9;
        margin-bottom: 16px;
    }

    .footer1 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .footer4 {
        float: none;
        width: 95%;
        order: 1;
        margin: 0 auto 20px;
    }

    .pageTop p {
        width: 100%;
    }

    /* ヘッダー */
    .headerIn {
        width: 100%;
    }

    .siteTop .visualOut {
        width: 100%;
    }

    body {
        width: 100%;
        min-width: 0px;
    }

    .sp {
        display: block;
    }

    .spHeader {
        width: 100%;
        height: 65px;
        padding: 0 0 0 2%;
        box-sizing: border-box;
        background: #fff;
        background: url(/img/base/h_bg.gif) repeat-x 0 0;
        background-position-y: 60px;
    }

    #service #container .mainImg,
    #work #container .mainImg,
    #voice #container .mainImg,
    #container .mainImg {
        padding: 30px 0;
        min-height: 0;
    }

    #confirm #main {
        padding-bottom: 30px;
    }

    .pc {
        display: none;
    }

    .headerLeft {
        float: left;
        display: inline-block;
        width: 130px;
        margin-top: 21px;
    }

    .headerLeft img {
        width: 100%;
    }

    .headerRight {
        float: right;
        display: inline-block;
        width: 58%;
        box-sizing: border-box;
        cursor: pointer;
    }

    #s ul li a:before {
        right: -20px;
    }

    #breadCrumbs ul li {
        margin-right: 25px;
    }

    .headerRight p {
        display: inline-block;
        float: right;
        padding-right: 0;
        font-size: 18px;
        line-height: 1.2;
    }

    .headerRight img {
        width: 60px;
        height: 60px;
        float: right;
    }

    ul.spMenu {
        display: none;
        float: left;
        position: absolute;
        z-index: 9999;
        width: 100%;
    }

    ul.spMenu li {
        top: 0;
        width: 100%;
        background: #fff;
        border-bottom: dotted 1px #000;
        list-style-type: none;
        box-sizing: border-box;
        text-align: center;
    }

    ul.spMenu li:not(.gnavi1):not(.gnavi2):not(.gnavi3) {
        background: #e6f3f8;
        color: #fff;
    }

    ul.spMenu li a {
        display: block;
        color: #464646;
        font-weight: normal;
        letter-spacing: 1px;
        font-size: 12px;
        box-sizing: border-box;
        text-decoration: none;
        padding: 8px;
    }

    .gnaviMenu1, .gnaviMenu2 {
        display: none;
    }

    .mainImg .heading01 img {
        width: auto;
        height: 30px;
    }

    ul.spMenu .gnavi1,
    ul.spMenu .gnavi2, ul.spMenu .gnavi3,
    ul.spMenu .gnavi3 a {
        float: none;
        width: 100%;
        height: 50px;
        position: relative;
        margin: 0 auto;
        font-size: 17px;
        padding: 5px;
        cursor: pointer;
        display: block;
    }
    .gnavi1 span,.gnavi2 span, .gnavi3 span{
        font-size: 11px;
    }
    ul.spMenu .gnavi3 a{
        padding: 0;
        text-decoration: underline;
    }
    ul.spMenu .gnavi1::after,
    ul.spMenu .gnavi2::after{
        content: '▼';
        display: inline-block;
        position: absolute;
        right: 15px;
        top:15px;
    }

    .gnavi1:hover,
    .gnavi2:hover,
    .gnavi3:hover {
        color:
    }

    .gnavi2 strong {
    }

    .gnavi3 a {
        display: block;
        margin: 0 auto;
    }

    .topMv img {
        width: 100%;
    }

    table img {
        max-width: 100%;
        height: auto;
    }

    .gnavi14 img,
    .gnavi11 img,
    .gnavi12 img {
        display: none;
    }
}

    /* 下層ページ共通 */
@media only screen and (max-width: 767px) {
    .breadcrumb {
        width: 100%;
        padding: 10px 6px 0;
        box-sizing: border-box;
    }

    .breadcrumb p {
        width: 98%;
        line-height: 1.5;
        font-size: 12px;
    }

    .contents2nd .contentsWrap {
        width: 98%;
        padding: 0;
        background: none;
    }

    .contents2nd .mainWrap {
        width: 100%;
        padding-top: 30px;
    }

    .ttlv1 {
        width: auto;
    }

    .ttlv2 {
        width: auto;
    }

    .catch img {
        max-width: 100%;
        height: auto;
    }

    .contents2nd .sideWrap {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 0 0;
    }

    .lnavi a {
        width: auto;
    }

    .lbnrWrap li {
        width: 93%;
        box-sizing: border-box;
        margin: 10px auto;
    }

    .btn_08.option03 {
        width: 91%;
    }

    .lbnrWrap li:hover {
        opacity: 0.8;
    }

    .option01, .option02 {
        background: url(/img/base/btn_left.png) no-repeat;
        background-position: left;
    }

    .sideWrap ul img.contact_btn {
        margin: 0 auto 7px;
    }

    .contentsEnd {
        height: 0;
    }

    /* 経営方針ページ */

    .policy .mainWrap h3 {
        margin-top: 18px;
    }

    .policy .mainWrap p {
        width: auto;
        padding: 18px 2%;
    }

    .policy .mainWrap .clearfix p {
    width: auto;
    }

    .policy .mainWrap .clearfix .floatImg {
        margin: 21px 0 12px 10px;
    }

    /* お問い合わせ・お見積りページ */

    .contact .infoWrap p {
        width: 100%;
        box-sizing: border-box;
    }

    .contact .exWrap {
        width: 100%;
        margin: 0;
    }

    .contact .exWrap .exRight,
    .contact .exWrap .exLeft {
        float: none;
        width: 100%;
    }

    .telWrap img {
        width: 100%;
        height: auto;
    }

    .contact .telWrap {
        padding: 15px 8px;
    }

    .contact .pcWrap {
        padding: 15px 0;
    }

    .contact h4 {
        margin: auto;
    }

    .form .areaTdL textarea,
    .form .areaTdS textarea,
    .form .areaTdM textarea,
    .form .areaTdM textarea,
    .form .areaTdL textarea {
        width: 96%;
        margin: 8px auto;
        display: block;
        height: 80px;
        box-sizing: border-box;
    }

    .form .agreementWrap {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

    .form .privacyWrap {
        width: 100%;
        margin: 13px 0 0 0;
        box-sizing: border-box;
    }

    .form .privacyWrap li {
        width: auto;
    }

    .form .agreementCheck {
        width: 100%;
    }

    .form .submitBtn, .form .backBtn {
        width: 100%;
    }

    .form table {
        width: 100%;
        margin: 7px 0 25px;
    }

    .form tr {
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #c9c9c9;
        padding: 0 0 5px 0;
        display: block;
    }

    .form th {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .form td {
        display: block;
        padding: 0;
        border-bottom: none;
    }

    .form .inputTd input,
    .form .telTd input,
    .form .telTd input {
        width: 96%;
        margin: 8px auto;
        box-sizing: border-box;
        display: block;
    }

    .form .zipTd input {
        margin: 8px 0 0 0;
    }

    .contact .addSameWrap {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .contact .addSameWrap span {
        margin: 5px auto;
    }

    /* 会社概要ページ */

    .about .mainWrap table {
        width: 98%;
        margin: 0 auto;
    }

    /* アクセスページ */
    .access .mainWrap table {
        width: 98%;
        margin: 0 auto;
    }

    .access .mapWrap {
        float: none;
        padding: 20px 0 0 0;
        margin: 0 auto;
    }
    /* 初めてのお客様へページ */
    .customer .welcomeWrap {
        width: 98%;
        display: flex;
        flex-wrap:wrap;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .customer .catch {
        padding: 30px 0 16px 0;
    }

    .customer .welcomeWrap p {
        width: 100%;
        padding: 2px 0 0 2px;
        font-size: 108%;
        line-height: 1.6;
    }
    .customer .welcomeWrap .attention {
        width: 100%;
        padding-left: 0;
        text-indent: 0;
    }

    .customer .welcomeWrap .floatImg {
        order: 4;
        float: none;
        margin: 20px auto 0;
    }

    .customer .strongpointWrap {
        width: 98%;
        margin: 0 auto;
        padding: 0;
    }

    .flowWrap {
        width: 98%;
        margin: 0 auto;
    }

    .customer .flowWrap p {
        width: auto;
        padding: 19px 0 0 0;
    }

    .customer .flowWrap ul {
        padding: 34px 0 0 0;
    }

    .customer .flowWrap li {
        float: none;
        padding-right: 0;
        margin-bottom: 45px;
    }

    .customer .flowWrap li img {
        display: block;
        margin: 0 auto;
    }

    .customer .strongpointWrap h4 {
        padding: 17px 0 10px 0;
    }

    .customer .strongpointWrap h4 p {
        padding: 0;
    }

    .customer .contactWrap {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }
    .customer .contactWrap a {
        width: auto;
        height: auto;
    }

    .customer .contactWrap img.contact_btn {
        margin: 0 auto;
        padding: 14px;
        display: block;
    }

    .contactWrap p {
        padding: 20px 20px 0 28px;
    }
    /* 容器関連製品の業者様へページ */

    .manufacturer .welcomeWrap p {
        width: 100%;
    }

    img.flow {
        display: block;
        margin: 0 auto;
    }

    .flow:nth-of-type(1) {
        padding: 0 0 23px 31px;
    }

    /* 社章・ロゴページ */
    .news001 .aratamedo_infoWrap p.aratamedo_text01 {
        width: 100%;
    }

    .news001 .aratamedo_infoWrap p.aratamedo_img {
        width: 100%;
        padding: 0;
    }

    .news001 .aratamedo_infoWrap p.aratamedo_img img {
        max-width: 100%;
        height: auto;
    }

    .news001 .aratamedo_infoWrap {
        padding: 44px 0 0px 0;
    }

    /* 製品情報ページ */

    .products1st .tableType1Wrap, .products1st .tableType2Wrap, .products1st .tableType3Wrap {
        padding: 0 0 10px 0;
    }

    .products1st .tableType1Wrap table, .products1st .tableType3Wrap table {
        width: 100%;
    }

    .products1st h2 {
        margin-bottom: 11px;
        padding-bottom: 10px;
    }

    .products .aboutWrap {
        padding: 0;
    }

    .products .openTrigger {
        width: 100%;
        margin: 0 0 13px 0;
        box-sizing: border-box;
    }

    .products .aboutWrap p {
        width: 100%;
        padding: 12px 0;
    }

    .products .aboutWrap table:not(.digitalTable) {
        width: 100%;
    }

    .products .aboutWrap table {
        margin: 12px 0;
    }


    .products1st .proMenuWrap {
        padding: 25px 0 0 0;
    }

    .products1st .proMenuWrap h4 {
        width: 100%;
        padding: 0px 0 13px 0;
    }

    .proMenuWrap li {
        margin: 10px auto 0;
        float: none;
    }

    .aratamedo_palletcoverMenu {
        padding-left: 0;
    }

    .aratamedo_palletcoverMenu h4 {
        width: 100%;
        padding: 0 0 13px 0;
        font-size: 14px;
    }

    .aratamedo_palletcoverMenu h4 img {
        max-width: 100%;
        height: auto;
    }

    .aratamedo_palletcoverMenu li, .aratamedo_palletcoverMenu li a {
        width: 100%;
        font-size: 20px;
        box-sizing: border-box;
    }

    .aratamedo_palletcoverMenu li a {
        padding: 41px 0 41px 30px;
    }
    .aratamedo_palletcoverMenu li a img {
        padding: 6px;
    }

    .aratamedo_palletcoverMenu li {
        margin: auto;
    }

    .aratamedo_palletcoverMenu li {
        background: url(/img/base/btn_left02.png) no-repeat;
        max-width: 560px;
    }

    .products1st .tableType0Wrap {
        width: auto;
        padding: 15px 0 5px 0;
    }

    .products1st .strongpointWrap p, .products1st .choosepointWrap p {
        width: auto;
    }

    .products1st .strongpointWrap li, .products1st .choosepointWrap li {
        width: auto;
    }

    .products1st .choosepointWrap {
        padding: 9px 0 20px 4px;
    }

    .products .aboutWrap ul {
        width: auto;
        padding: 2px 0 12px 4px;
    }

    .ttlv5 {
        width: 100%;
        margin: 15px 0 0 0;
        box-sizing: border-box;
    }

    .products1st .strongpointWrap {
        padding: 1px 0 10px 4px;
    }

    .products1st .subImgWrap {
        padding: 30px 0 0 0;
        width: 100%;
        margin: 0 0 12px 0;
    }

    .products1st .subImgWrap .imgCntr img {
        max-width: 100%;
        height: auto;
    }

    .products1st .strongpointWrap table,
    .products1st .choosepointWrap table {
        width: 100%;
    }

    .products .aboutWrap p.attention,
    .products .aboutWrap table td p.attention,
    .products1st .tableType0Wrap .attention,
    .products1st .tableType1Wrap .attention,
    .products1st .tableType2Wrap .attention,
    .products1st .tableType3Wrap .attention,
    .products1st .tableType2line2 .attention,
    .products1st .tableType2line3 .attention,
    .products1st .subImgWrap p.attention,
    .customer .welcomeWrap .attention,
    .form .attention,
    .manufacturer .attention,
    .contact .pcWrap .attention,
    .products1st .strongpointWrap .attention,
    .products1st .choosepointWrap .attention {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        text-indent: 0;
    }

    .products1st .strongpointWrap li,
    .products1st .choosepointWrap li {
        padding: 0 13px;
    }

    .products1st .aboutWrap ul li>ul {
        width: 100%;
    }

    .aboutWrap img {
        max-width: 100%;
        height: auto;
    }

    .ScrollTable {
        display: block;
        overflow-x: scroll;
        box-sizing: border-box;
        position: relative;
    }

    .ScrollTable::-webkit-scrollbar {
        border-radius: 5px;
        margin: 4px 0 0 0;
        height: 5px;
        }/*バーの太さ*/

    .ScrollTable::-webkit-scrollbar-track {
        border-radius: 5px;
        margin: 4px 0 0 0;
        background:#ececec;
        }/*バーの背景色*/

    .ScrollTable::-webkit-scrollbar-thumb {
        border-radius: 5px;
        margin: 4px 0 0 0;
        background:#c6c6c6;
        }/*バーの色*/
    .mainWrap .ScrollTable table {
        margin: 0 0 30px 0;
    }
    .mainWrap .ScrollTable table::after{
        content: "上の表を左右にスクロールできます→";
        position: absolute;bottom: 5px;
        left: 30vw;
        font-weight: bold;
    }

    .noneScrollTable table,
    .aboutWrap .noneScrollTable table {
        width: 100%;
    }

    .products .aboutWrap table.can18ltable {
        margin: 12px 0;
    }

    .products1st .kindWrap {
        padding: 20px 0;
    }

    .products1st .subImgWrap td {
        padding: 0;
    }

    .products .aboutWrap ol {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    .products1st .tableType1Wrap tbody th {
        vertical-align: middle;
    }

    .subImgWrap img {
        max-width: 100%;
        height: auto;
    }

    .products1st .tableType2line2 table {
        float: none;
        width: 97%;
        margin: 0 0 10px 0;
    }

    .products1st .tableType2line3 table {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }

    iframe#ytplayer {
        max-width: 100%;
    }

    .products1st .tableType1Wrap p img {
        max-width: 100%;
        height: auto;
    }

}

/* 20210916追記 */
    .products1st .single .categoryTtl {
        padding: 5px 0 4px 0;
    }

    .products1st .categoryTtl {
        margin-bottom: 28px;
    }

    .categoryTtl {
        color: #fff;
        font-size: 17px;
        background-color: #F5F2EC;

    }

    .categoryTtl span {
        background-color: #2E8ABE;
        padding: 5px 10px 5px 10px;
    }

    .products1st h3.categorySubTtl {
        font-size: 35px;
    }


/* 商品ページ上部タイトルテキスト化 */
.font01{

}
.tagbox01{
    background: #f6f1ea;
    width: 680px;
    margin-bottom: 20px;
}
.tagbox01.type02{
    margin-bottom: 11px;
}
.tag01{
    background: #048bbb;
    font-size: 15px;
    padding: 4px 25px 3px;
    display: inline-block;
    text-align: center;
    color: white;
    position: relative;
}
.tag01::after {
    content: url(/img/products/after_ttl.png);
    position: absolute;
    right: -74px;
    bottom: -4px;
    z-index: 11;
}
.ttl01{
    font-size: 32px;
    font-weight: bold;
    width: 680px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-bottom: 25px!important;
    margin-bottom: 49px!important;
}
.ttl01.type02{
    font-size: 25px;
}
.subTtl{
    width: 680px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px;
}
.ttl01, .subTtl{
  font-family: fot-udmarugo-small-pr6n, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width:767px){
    .tagbox01{
        width: 100%;
        max-width: 680px;
        margin-bottom: 11px;
    }
    .tagbox01.type02{
        margin-bottom: 6px;
    }
    .tag01 {
        font-size: 12px;
        padding: 5.5px 10px;
    }
    .tag01::after {
        bottom: -3px;
    }
    .ttl01{
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 25px!important;
        width: 100%;
        max-width: 680px;
        margin-bottom: 11px!important;
    }
    .subTtl{
        width: 100%;
        font-size: 11px;
        max-width: 680px;
    }
    .ttl01.type02{
        font-size: 14px;
    }
    .products1st .single h2.ttl01 {
        padding-bottom: 20px;
    }
}