@charset "UTF-8";

/*
* break point
* - 1280px
* - 768px
*/

/* ================================================================
main
================================================================ */
.page .main-content {
  padding: 0;
}
.main img {
  width: 100%;
  height: auto;
}
.disnon {
  display: none !important;
}
.noactive {
  opacity: .3;
  cursor: auto;
}
.img-width1006 {
  width: 1006px;
  margin: 0 auto;
}
.img-width764 {
  width: 764px;
  margin: 0 auto;
}
.img-width906 {
  width: 1000px;
  margin: 0 auto;
}
.img-width650 {
  width: 650px;
  margin: 0 auto;
}
.products-h3 {
  text-align: center;
  margin-bottom: 40px;
}
.products-h3 span {
  font-size: 1.8rem;
  line-height: 1.7;
}
.products-h3 .h-border {
  width: 200px;
  height: 2px;
  background-color: #d5d5d5;
  margin: 20px auto;
}
.products-h3 b {
  font-size: 2.5rem;
}
.products-h3 span em {
  font-weight: bold;
  font-style: normal;
  color: #68a836;
  font-size: 2.2rem;
}
.bread-list {
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  line-height: 40px;
}
.bread-list ul {
  width: 100%;
  margin: 0 auto;
  padding-left: 10px;
}
.bread-list ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  font-size: 1.2rem;
}
.bread-list ul li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -4px;
}
.bread-list ul li:last-child:after,
.bread-list ul li.bread-st:after,
.bread-list ul li.bread-stg:after,
.bread-list ul li.bread-s-st:after {
  display: none;
}
#product-main {
  background: #fff;
}
#product-main h2 {
  font-size: 3rem;
  font-weight: bold;
  margin: 60px 0;
}
#product-main .product-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 60px;
}
#product-main .product-menu > li {
  width: calc(100% / 4);
  padding: 0px 25px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-left: 2px solid #ddd;
  cursor: pointer;
}
#product-main .product-menu > li:last-child {
  border-right: 2px solid #ddd;
}
#product-main .product-menu > li a:hover {
  text-decoration: none;
}
#product-main .product-menu > li p {
  cursor: pointer;
  color: #1b2d5e;
}
#product-main .product-menu > li:hover p {
  background-color: #dd5e0f;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#product-main .product-menu > li.active p {
  background-color: #1b2d5e;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#product-main .products {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 60px;
}
#product-main #price-product {
  margin-top: 0;
  padding-top: 0;
}
.products > ul > li {
  margin-bottom: 30px;
  position: relative;
}
.products > ul > li:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../img/prev/product/arrow2.png)no-repeat 0 0;
  background-size: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
}
.products > ul > li:hover {
  text-decoration:none;
  opacity: .7;
}
.products > ul > li:hover:after {
  background: url(../../img/prev/product/arrow2_h.png)no-repeat 0 0;
  background-size: 16px;
}
.products > ul > li a {
  text-decoration:none;
}
.products > ul > li dl {
  display: table;
}
.products > ul > li dl dt {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}



.products > ul > li dl dt img {
  width: 80%;
}
.products > ul > li dl dt .product-img-logo{
  width:260px;
      margin: 0 23px;
}
.products > ul > li dl dt p {
  width: 80%;
  margin: 0 auto;
  text-align: right;
  font-size: 1.2rem;
  color: #333;
}
.products > ul > li dl dd {
  width: 70%;
  display: table-cell;
  padding: 20px 100px 20px 20px;
  color: #555;
  letter-spacing: -.4em;
}
.products > ul > li dl dd p {
  margin-bottom: 20px;
  letter-spacing: 0;
}
.products > ul > li dl dd ul {
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: 0;
  width: 50%;
  text-align: left;
  padding-left: 1em;
  box-sizing: border-box;
  vertical-align: top;
}
.products > ul > li dl dd ul li:before {
  content: "・";
  margin-left: -1em;
}
.products > ul > li dl dd .list-text {
  display: block;
  width: 100%;
  padding-left: 0;
}
.products > ul > li dl dd .list-text li:before {
  display: none;
}
.bg-y {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#fffff5), to(#faebcd));
  background:-webkit-radial-gradient(center top, circle cover, #fffff5 0, #faebcd 100%);
  background:-moz-radial-gradient(center top, circle cover, #fffff5 0, #faebcd 100%);
  background:-o-radial-gradient(center top, circle cover, #fffff5 0, #faebcd 100%);
  background:radial-gradient(farthest-side circle at center top, #fffff5 0, #faebcd 100%);
}
.bg-light-y {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#fffdfa));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #fffdfa 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #fffdfa 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #fffdfa 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #fffdfa 100%);
}
.bg-y dt {
  border-top: 2px solid #f7b400;
}
.bg-b {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#faffff), to(#d7e6fa));
  background:-webkit-radial-gradient(center top, circle cover, #faffff 0, #d7e6fa 100%);
  background:-moz-radial-gradient(center top, circle cover, #faffff 0, #d7e6fa 100%);
  background:-o-radial-gradient(center top, circle cover, #faffff 0, #d7e6fa 100%);
  background:radial-gradient(farthest-side circle at center top, #faffff 0, #d7e6fa 100%);
}
.bg-light-b {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#f0f5ff));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #f0f5ff 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #f0f5ff 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #f0f5ff 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #f0f5ff 100%);
}
.bg-b dt {
  border-top: 2px solid #0d7dc1;
}
.bg-r {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#fffafa), to(#fae1e1));
  background:-webkit-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:-moz-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:-o-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:radial-gradient(farthest-side circle at center top, #fffafa 0, #fae1e1 100%);
}
.bg-light-r {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#fff5f5));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #fff5f5 100%);
}
.bg-r dt {
  border-top: 2px solid #b72022;
}
.bg-g {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#fafff5), to(#e1f0d7));
  background:-webkit-radial-gradient(center top, circle cover, #fafff5 0, #e1f0d7 100%);
  background:-moz-radial-gradient(center top, circle cover, #fafff5 0, #e1f0d7 100%);
  background:-o-radial-gradient(center top, circle cover, #fafff5 0, #e1f0d7 100%);
  background:radial-gradient(farthest-side circle at center top, #fafff5 0, #e1f0d7 100%);
}
.bg-light-g {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#f5faf5));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #f5faf5 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #f5faf5 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #f5faf5 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #f5faf5 100%);
}
.bg-g dt {
  border-top: 2px solid #6dbb58;
}
.bg-light-p {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#f5f0ff));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #f5f0ff 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #f5f0ff 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #f5f0ff 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #f5f0ff 100%);
}
.bg-gov {
  background: url(../../img/prev/product/gov.png) no-repeat 0 0;
  background-size: auto 160px;
}


.bg-mgs {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#fffafa), to(#fae1e1));
  background:-webkit-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:-moz-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:-o-radial-gradient(center top, circle cover, #fffafa 0, #fae1e1 100%);
  background:radial-gradient(farthest-side circle at center top, #fffafa 0, #fae1e1 100%);
}
.bg-light-mgs {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#fff5f5));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #fff5f5 100%);
}
.bg-mgs dt {
  border-top: 2px solid #E8322B;
}

.bg-es {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#fffafa), to(#fdfbcb));
  background:-webkit-radial-gradient(center top, circle cover, #fffafa 0, #fdfbcb 100%);
  background:-moz-radial-gradient(center top, circle cover, #fffafa 0, #fdfbcb 100%);
  background:-o-radial-gradient(center top, circle cover, #fffafa 0, #fdfbcb 100%);
  background:radial-gradient(farthest-side circle at center top, #fffafa 0, #fdfbcb 100%);
}
.bg-light-es {
  background:-webkit-gradient(radial, center top, 0, center top,100, from(#ffffff), to(#fff5f5));
  background:-webkit-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-moz-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:-o-radial-gradient(center top, circle cover, #ffffff 0, #fff5f5 100%);
  background:radial-gradient(farthest-side circle at center top, #ffffff 0, #fff5f5 100%);
}
.bg-es dt {
  border-top: 2px solid #F4EE22;
}

#product-main #price-product > div {
  margin-bottom: 40px;
}
#price-product h3 {
  height: 50px;
}
#price-product h3 img {
  height: 100%;
  width: auto;
}
#price-product h3 span {
  height: 50px;
  line-height: 50px;
  color: #555;
  padding-left: 20px;
}
#price-product td, #price-product th {
  border: 2px solid #fff;
  font-weight: normal;
  padding: 10px 0;
}
#price-product th span {
  display: block;
}
#price-product th .weight-l,
#price-product td .weight-l {
  font-size: 1.2rem;
}
#price-product table {
  text-align: center;
  width: 100%;
  margin-top: 10px;
  font-size: 1.4rem;
}
#price-product table tr:first-child th:first-child {
  width: 12%;
}
#price-product table td {
  background-color: #f5f5f5;
}
#price-product .price-cm table {
  border-top: 2px solid #f7b400;
}
#price-product .price-cm table th {
  background-color: #fae6b4;
}
/* no-scroll
--------------------------------------*/
#price-product .no-scroll {
  margin-top: 40px;
  padding-left: 20px;
  color: #555;
  font-size: 1.4rem;
  overflow: auto;
}
#price-product .no-scroll li {
  margin-bottom: 5px;
  padding-left: 1em;
}
#price-product .no-scroll li:before {
  content: "※";
  margin-left: -1em;
}

/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
#price-product .no-scroll {
  padding: 0;
  padding-right: 20px;
}

}

/* price-cm etc
--------------------------------------*/
#price-product .price-cm div li {
  margin-bottom: 5px;
  padding-left: 1em
}
#price-product .price-cm div li:before {
  content:"※";
  margin-left: -1em;
}
#price-product .price-cm div .listnone:before {
  display: none;
}
#price-product .price-cm div p {
  margin-bottom: 5px;
}
/*--------------------------------------*/
#price-product .price-mb table,
#price-product .price-mbΣ table {
  border-top: 2px solid #0d7dc1;
}
#price-product .price-mb table th,
#price-product .price-mbΣ table th {
  background-color: #dcebf5;
}
#price-product .price-mg table,
#price-product .price-mgs table {
  border-top: 2px solid #b72022;
}
#price-product .price-mg table th,
#price-product .price-mgs table th {
  background-color: #f5dcdc;
}
#price-product .price-mg div li {
  margin-bottom: 5px;
  padding-left: 1em
}
#price-product .price-mg div li:before {
  content:"※";
  margin-left: -1em;
}
#price-product .price-mg div .listnone:before {
  display: none;
}
#price-product .price-mg div p {
  margin-bottom: 5px;
}
#price-product .price-cmΣ {
  margin-top: 60px;
}
#price-product .price-cmΣ table,
#price-product .price-cmst table,
#price-product .price-cmΣst table,
#price-product .price-cmstg table {
  border-top: 2px solid #6dbb58;
}
#price-product .price-cmΣ table th,
#price-product .price-cmst table th,
#price-product .price-cmΣst table th,
#price-product .price-cmstg table th {
  background-color: #ebf5e6;
}
#price-product .price-cmΣ table tr:first-child th:first-child,
#price-product .price-mbΣ table tr:first-child th:first-child,
#price-product .price-mgs table tr:first-child th:first-child,
#price-product .price-cmΣst table tr:first-child th:first-child {
  width: 30%;
}
#price-product table tr .bd-t {
  border-top: 20px solid #fff;
}
#price-product .price-cmΣ table .txt-al-left,
#price-product .price-mbΣ table .txt-al-left,
#price-product .price-mgs table .txt-al-left,
#price-product .price-cmΣst .txt-al-left {
  padding-left: 20px;
}
.main {
  background: #fff;
}
.products-menus {
  width: 1060px;
  margin: 20px auto 40px;
}
.products-menus ul {
  width: 95%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.products-menus ul li {
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.products-menus ul li a {
  position: relative;
  color: #1b2d5e;
  margin-left: -22px;
}
.products-menus ul li a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../img/prev/product/arrow2d.png)no-repeat 0 0;
  background-size: 16px;
  position: absolute;
  top:5px;
  right:-22px;
}
.products-menus ul li a:hover:after {
  background: url(../../img/prev/product/arrow2d_h.png)no-repeat 0 0;
  background-size: 16px;
}
.hero {
  margin-bottom: 40px;
}
.contact-btn {
  width: 1060px;
  margin: 20px auto 40px;
}
.contact-btn > ul {
  letter-spacing: -.4em;
}
.contact-btn > ul > li {
  display: inline-block;
  width: 480px;
  letter-spacing: 0;
  text-align: center;
  margin: 0 25px 0 25px;
  height: 107px;
  vertical-align: top;
}
.contact-btn ul .contact-tel {
  border: 4px solid #dd5e0f;
}
.contact-btn ul .contact-tel ul {
  padding: 6px 0;
  color: #dd5e0f;
}
.contact-btn ul .contact-tel ul li {
  text-align: center;
  font-weight: bold;
}
.contact-btn ul .contact-tel ul li:first-child {
  font-size: 2rem;
  margin-bottom: 2px;
}
.contact-btn ul .contact-tel ul li:nth-child(2) {
  font-size: 1.4rem;
}
.contact-btn ul .contact-tel ul li:last-child {
  font-size: 2.6rem;
  letter-spacing: .1em;
}
.contact-btn ul .contact-tel ul li:last-child i {
  padding-right: 7px;
}
.etc-content {
  background-color: #f5f5f5;
  padding: 40px 0;
}
.main .customer-contents {
  margin-bottom: 40px;
}
.customer-contents > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.customer-contents > ul > li {
  width: calc(100% / 4);
  text-align: center;
  background-color: #fff;
  margin-right: 20px;
  padding: 30px 10px;
}
.customer-contents > ul > li:last-child {
  margin-right: 0;
}
.customer-contents > ul > li div img {
  width: 74px;
  margin: 0 auto 20px;
}
.customer-contents > ul > li div span {
  display: block;
  font-size: 1.4rem;
}
.customer-contents > ul > li div p {
  font-weight: bold;
  margin-bottom: 20px;
}
.customer-contents > ul > li div p:after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  margin: 0 auto;
  background-color: #d5d5d5;
  margin-top: 20px;
}
.customer-contents > ul > li div ul li {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: left;
}
.customer-contents .list-style-d li div ul li {
  padding-left: 1em;
}
.customer-contents .list-style-d li div ul li:before {
  content: "・";
  margin-left: -1em;
}
.main .relations {
  margin-bottom: 40px;
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #d5d5d5;
}
.main .relations > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}
.main .relations > ul > li {
  width: calc(100% / 5);
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  color: #1b2d5e;
}
.main .relations > ul > li a {
  font-size: 1.4rem;
  color: #1b2d5e;
  position: relative;
}
.main .relations > ul > li a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../img/prev/product/arrow2.png)no-repeat 0 0;
  background-size: 16px;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -8px;
}
.main .relations > ul > li a:hover {
  text-decoration:none;
  opacity: .7;
}
.main .relations > ul > li a:hover:after {
  background: url(../../img/prev/product/arrow2_h.png)no-repeat 0 0;
  background-size: 16px;
}
.main #content-bottom h4 {
  margin-bottom: 30px;
}
#content-bottom .product-detail-text {
  font-size: 1.4rem;
  color: #555;
  line-height: 2.5;
  width: 900px;
  margin: 0 auto 40px;
  text-align: left;
}
#content-bottom .product-service-title {
  text-align: left;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 40px 0;
  padding-left: 1em;
  line-height: 26px;
}
#content-bottom .product-service-title:before {
  content: "";
  display:block;
  width: 6px;
  height: 26px;
  background-color: #96c8e3;
  position: absolute;
  left: 5px;
  top: 0;
}
#content-bottom .product-service-title:after {
  content: "";
  display:block;
  width: 6px;
  height: 13px;
  background-color: #1b2d5e;
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 1;
}
#content-bottom ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#content-bottom ul li {
  width: calc(100% / 3);
  text-align: center;
  cursor: pointer;
  margin-right: 20px;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
  -moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}
#content-bottom ul li:last-child {
  margin-right: 0;
}
#content-bottom ul li a {
  text-decoration: none;
}
#content-bottom ul li:hover {
  opacity: .7;
}
#content-bottom ul li .product-img-area {
  height: 155px;
  display: table;
}
#content-bottom ul li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
  padding: 0px 30px;
}
#content-bottom ul li .product-img-area p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
}
#content-bottom ul li .product-txt-area {
  background-color: #5f6e78;
  color: #fff;
  padding: 15px;
  text-align: left;
}
#content-bottom {
  text-align: center;
}

#operat > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 80%;
  margin: 0 auto 40px;
}
#operat > ul > li {
  width: calc(100% / 3);
  padding: 0px 25px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}
#operat > ul > li p {
  cursor: pointer;
  background-color: #ebffe1;
  border-radius: 25px;
  line-height: 40px;
}
#operat > ul > li.active p {
  background-color: #68a836;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
}
#operat > ul > li:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 12px solid #68a836;
  position: absolute;
  top: 50%;
  right: 45px;
  margin-top: -5px;
  color: #fff;
}
#operat > ul > li.active:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: 50%;
  right: 45px;
  margin-top: -17px;
  color: #fff;
}
#operat > div {
  margin-bottom: 40px;
}
#operat > div dl {
  letter-spacing: -.4em;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#operat > div dl dt {
  width: 30%;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
#operat > div dl dd {
  width: 70%;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#operat > div > p {
  padding-left: 105px;
  margin-bottom: 20px;
}

#operat > div dl dd .ie-support{
  position: absolute;
  right:0;
  top:0;
  width:214px;
  padding: 0;
}

#operat > div dl dd .ie-support::after{
  background: none;
}
#operat > div dl dd .pc-on{

}
#operat > div dl dd .sp-on{
  display: none;
}
@media screen and (max-width: 767px) {
  #operat > div dl dd .pc-on{
    display: none;
  }
  #operat > div dl dd .sp-on{
    display: block;
  }
  #operat > div dl dd .ie-support{
    position:relative;
    right:0;
    top:0;
    width:214px;
    padding: 0;
    margin:20px auto;
  }
}
/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
#operat > ul {
  width: 100%;
}
#operat > ul > li {
  padding: 0 5px;
  font-size: 1.4rem;
}
#operat > ul > li.active:after {
  right: 15px;
  border: 5px solid transparent;
  border-bottom: 7px solid #fff;
  margin-top: -8px;
}
#operat > ul > li:after {
  right: 15px;
  border: 5px solid transparent;
  border-top: 7px solid #68a836;
  margin-top: -3px;
}
#operat > div dl dt {
  width: 25%;
  margin-right: 5%;
}
}

#concept4,#cm-feature,#price-product,#operat,#cm-customer,#cm-relation,#content-bottom { /*cm*/
  margin-top: -100px;
  padding-top: 100px;
}
#point6,#mail-archive,#primary-function,#price-product,#operat,#mb-customer,#mb-relation,#content-bottom { /*mb*/
  margin-top: -100px;
  padding-top: 100px;
}
#concept4,#mg-feature,#price-product,#operat,#mg-customer,#mg-relation,#content-bottom { /*mg*/
  margin-top: -100px;
  padding-top: 100px;
}
#point3,#system,#primary,#price-product,#operat,#customer,#relation,#content-bottom { /*st*/
  margin-top: -100px;
  padding-top: 100px;
}
#point3,#system,#primary,#price-product,#operat,#customer,#relation,#content-bottom { /*stg*/
  margin-top: -100px;
  padding-top: 100px;
}
#point3,#feature,#system,#primary,#price-product,#operat,#customer,#relation,#content-bottom { /*Σst*/
  margin-top: -100px;
  padding-top: 100px;
}
#mail-sanitize,#point3,#feature,#customer,#content-bottom { /*概要*/
  margin-top: -100px;
  padding-top: 100px;
}











/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.page .main-content {
  padding: 0;
}
.main {
      padding: 0;
}
.bread-list {
  height: auto;
}
.img-width1006,
.img-width650,
.img-width906,
.img-width764 {
  width: 100%;
}

#product-main h2 {
  text-align: center;
  font-size: 2.4rem;
}
#product-main .product-menu {
  display: block;
  letter-spacing: -.4em;
  width: 320px;
  margin: 0 auto 40px;
  text-align: center;
}
#product-main .product-menu > li {
  width: 160px;
  display: inline-block;
  letter-spacing: 0;
  margin-bottom: 20px;
  border: none;
  padding: 0px 15px;
  position: relative;
}
#product-main .product-menu > li:before {
  content:"";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #d5d5d5;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
#product-main .product-menu > li:nth-child(even):after {
  content:"";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #d5d5d5;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
#product-main .product-menu > li:nth-child(3) {
  margin-bottom: 0;
}
#product-main .product-menu > li:last-child {
  border: none;
  margin-bottom: 0;
}
.products > ul > li:after {
  display:none;
}
.products > ul > li dl {
  width: 100%;
  position:relative;
}
.products > ul > li dl dt {
    width: 80%;
  display: block;
  border: none;
  padding-top: 20px;
  padding-left: 10%;
  position:relative;
}
.products > ul > li dl dt .product-img-logo{

      margin: 0;
}
.products > ul > li dl dt:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../img/prev/product/arrow2.png)no-repeat 0 0;
  background-size: 16px;
  position: absolute;
  right: -19%;
  top: 50%;
  margin-top: -8px;
}
.products > ul > li dl dt img {
  text-align: left;
  width: 100%;
}
.products > ul > li dl dt p {
  font-size: 1.4rem;
  width: 100%;
}
.products > ul > li dl dd {
  display: block;
  width: 100%;
  padding: 20px;
}
.products > ul > li dl dd ul {
  display: block;
  width: 100%;
}
.bg-y dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #f7b400;
  position: absolute;
  top: 0;
  left: 0;
}
.bg-b dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #0d7dc1;
  position: absolute;
  top: 0;
  left: 0;
}
.bg-r dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #b72022;
  position: absolute;
  top: 0;
  left: 0;
}
.bg-g dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #6dbb58;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-mgs dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #E8322B;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-es dl:before {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #F4EE22;
  position: absolute;
  top: 0;
  left: 0;
}




#product-main #price-product{
  display: block;
  padding: 0;
  padding-left: 20px;
}
#product-main #price-product > div > div{
  overflow-x: scroll;
  overflow-y: hidden;
}
#price-product h3 {
  height: auto;
}
#price-product h3 img {
    height: 50px;
}
#price-product h3 span {
  height: auto;
  line-height: 2;
  display: block;
  padding-left:0;
}
#price-product table {
  width: 800px;
}
.products-menus {
  width: 100%;
  margin-top: 0;
}
.products-menus ul {
  width: 100%;
  display: block;
  letter-spacing: -.4em;
}
.products-menus ul li {
  height: 50px;
  line-height: inherit;
  width: 50%;
  display: inline-block;
  letter-spacing: 0;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.products-menus ul li:nth-child(even) {
  border-right: none;
}
.products-menus ul li:last-child,
.products-menus ul li:nth-last-child(2) {
  border-bottom: 1px solid #d5d5d5;
}
.products-menus ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
}
.products-menus ul li a:after {
  display: block;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.contact-btn {
  width: 100%;
  padding: 0 20px;
}
.contact-btn > ul {
  width: 100%;
}
.contact-btn > ul > li {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  height: auto;
}
.contact-btn > ul > li:last-child {
  margin-bottom: 0;
}
.customer-contents > ul {
  display: block;
}
.customer-contents > ul > li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.customer-contents > ul > li:last-child {
  margin-bottom: 0;
}
.customer-contents > ul > li div p:after {
  width: 50%;
}
.main .relations > ul {
  display: block;
  width: 100%;
  letter-spacing: -.4em;
}
.main .relations > ul > li {
  display: inline-block;
  width: 50%;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.main .relations > ul > li a {
  display: block;
  text-align: left;
  padding-left: 10px;
}
.main .relations > ul > li a:after {
  right: 25px;
}
#content-bottom ul {
  display: block;
}
#content-bottom ul li {
  width: 100%;
  margin-bottom: 20px;
}
#content-bottom ul li .product-img-area {
  height: 200px;
}
#content-bottom .product-detail-text {
  text-align: left;
  width: 100%;
}


}

/*  @media screen 400px
--------------------------------------------------------*/
@media screen and (max-width: 400px) {
#product-main .product-menu {
  width: 300px;
}
.products > ul > li dl dt p {
  font-size: 1rem;
}
#product-main .product-menu > li {
  width: 150px;
}
#product-main .product-menu > li p {
  font-size: 1.2rem;
}
#price-product h3 img {
    height: 35px;
}
#price-product h3 span {
  font-size: 1.2rem;
}
}


/*cyberMail
----------------------------------------------*/
#cm-main .cm-bg-y {
  width: 100%;
  background-color: #fffadf;
  padding: 40px 0;
}
.cm-contents {
  width: 1060px;
  margin: 0 auto;
}
#cm-main #concept4,
#cm-main #cm-feature {
 margin-bottom: 40px;
}
#cm-main #concept4 > ul {
  letter-spacing: -.4em;
}
#cm-main #concept4 > ul > li {
  display: inline-block;
  width: 250px;
  text-align: center;
  border: 5px solid #f7b400;
  margin-right: 20px;
  letter-spacing: 0;
  vertical-align: top;
  padding: 20px 10px;
  height: 300px;
  position:relative;
}
#cm-main #concept4 > ul > li img {
  position: absolute;
  width: auto;
  height: 150px;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
#cm-main #concept4 > ul > li div {
  position:relative;
  z-index: 1;
}
#cm-main #concept4 > ul > li:last-child {
  margin-right: 0;
}
#cm-main #concept4 > ul > li div p {
  font-size: 1.8rem;
  font-weight: bold;
}
#cm-main #concept4 > ul > li div p:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 20px auto;
}
#cm-main #concept4 > ul > li div ul {
  padding: 0 20px;
}
#cm-main #concept4 > ul > li div li {
  padding-left: 1em;
  text-align: left;
  font-size: 1.6rem;
  color: #555;
  margin-bottom: 3px;
  line-height: 1.7;
}
#cm-main #concept4 > ul > li div li:before {
  content: "・";
  margin-left: -1em;
}
#cm-main #cm-feature > div {
  padding: 40px 0;
}
#cm-main #cm-feature .cm-bg-y .cm-contents ul {
  margin-top: 20px;
  margin-left: 50px;
}
#cm-main #cm-feature .cm-bg-y .cm-contents ul li {
  padding-left: 1em;
}
#cm-main #cm-feature .cm-bg-y .cm-contents ul li:before{
  content: "・";
  margin-left: -1em;
}
#cm-main #price-product {
  margin-bottom: 40px;
}
#cm-main #cm-feature .function-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60%;
  margin: 0 auto 40px;
}
#cm-main #cm-feature .function-menu > li {
  width: calc(100% / 2);
  padding: 0px 25px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-left: 2px solid #ddd;
  cursor: pointer;
}
#cm-main #cm-feature .function-menu > li:last-child {
  border-right: 2px solid #ddd;
}
#cm-main #cm-feature .function-menu > li p {
  cursor: pointer;
  color: #1b2d5e;
}
#cm-main #cm-feature .function-menu > li:hover p {
  background-color: #dd5e0f;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#cm-main #cm-feature .function-menu > li.active p {
  background-color: #1b2d5e;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#cm-main #cm-feature .functions > ul {
  width: 100%;
  letter-spacing: -.4em;
}
#cm-main #cm-feature .functions > ul li {
  display: inline-block;
  width: 33.33333%;
  letter-spacing: 0;
  vertical-align: top;
  margin-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 1.4rem;
  padding-bottom: 10px;
  padding-left: 1em;
  color: #555;
}

#cm-main #operat > ul {
  width: 80%;
}
#cm-main #operat > ul > li {
  width: calc(100% / 3);
}
#cm-main #operat > ul > li p {
  background-color: #fffae1;
}
#cm-main #operat > ul > li.active p {
  background-color: #e1a005;
  color: #fff;
}
#cm-main #operat > ul > li:after {
  border-top: 12px solid #e1a005;
  color: #fff;
}
#cm-main #operat > ul > li.active:after {
  border-bottom: 12px solid #fff;
  color: #fff;
}
#cm-main #operat > div dl {
  border-bottom: 1px solid #d5d5d5;
}
#cm-main #content-bottom ul li .product-img-area {
  height: 155px;
  display: table;
  width: 100%;
}
#cm-main #content-bottom ul li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}
#cm-main #content-bottom ul li .bg-light-y p img {
  width: 254px;
}
#cm-main #content-bottom ul li .bg-light-y p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 254px;
  margin: 0 auto;
}
#cm-main #content-bottom ul li .bg-light-b p img {
  width: 284px;
}
#cm-main #content-bottom ul li .bg-light-b p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 284px;
  margin: 0 auto;
}
#cm-main #content-bottom ul li .bg-light-r p img {
  width: 255px;
}
#cm-main #content-bottom ul li .bg-light-r p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 255px;
  margin: 0 auto;
}
#cm-main #content-bottom ul li .bg-light-p p img {
  width: 280px;
}
#cm-main #content-bottom ul li .bg-light-p p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 280px;
  margin: 0 auto;
}






/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.cm-contents {
  width: 100%;
  padding: 0 20px;
}
#cm-main .products-menus ul li:last-child {
  width: 100%;
  display: block;
}
#cm-main .products-menus ul li:nth-last-child(2) {
  border-bottom: none;
}
#cm-main #concept4 > ul > li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
#cm-main #cm-feature > .cm-bg-y {
  padding: 40px 20px;
}
#cm-main #cm-feature > .cm-contents {
  padding: 40px 20px;
}
#cm-main #cm-feature > .cm-bg-y .cm-contents {
  padding: 0;
}
#cm-main #cm-feature .cm-bg-y .cm-contents ul {
  margin-left: 0;
}
#cm-main #cm-feature .function-menu {
  width: 100%;
}
#cm-main #cm-feature .functions > ul {
  width: 80%;
  margin: 0 auto;
}
#cm-main #cm-feature .functions > ul li {
  width: 100%;
  display: block;
}
.functions > div {
  width: 70%;
  margin: 60px auto 0;
}
.functions > div ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.functions > div ul li {
  border: 2px solid #1b2d5e;
  height: 30px;
  width: 30px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #1b2d5e;
}
.functions > div ul li.active {
  background-color: #1b2d5e;
  color: #fff;
}
#price-product {
  padding-right: 0;
  overflow: hidden;
}
#price-product > div > div {
  overflow: scroll;
  overflow-y: auto;
}
#price-product > div > div {
  overflow-x: auto;
}
#price-product > div > div::-webkit-scrollbar {
  height: 5px;
}
#price-product > div > div::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
#price-product > div > div::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
#cm-main #operat > ul {
  width: 100%;
  display: block;
}
#cm-main #operat > ul > li {
  width: 70%;
  margin:0 auto 20px;
}
#cm-main #operat > ul > li:after {
    border-top: 7px solid #e1a005;
}
#cm-main #operat > ul > li.active:after {
  border-bottom: 7px solid #fff;
}
#operat > ul > li:after {
    right: 25px;
}
#operat > ul > li.active:after {
  right: 25px;
  margin-top: -12px;
}
#cm-main #content-bottom ul li .bg-light-y p img {
  width: 100%;
}
#cm-main #content-bottom ul li .bg-light-y p span {
  width: auto;
}
#cm-main #content-bottom ul li .bg-light-b p img {
  width: 100%;
}
#cm-main #content-bottom ul li .bg-light-b p span {
  width: auto;
}
#cm-main #content-bottom ul li .bg-light-r p img {
  width: 100%;
}
#cm-main #content-bottom ul li .bg-light-r p span {
  width: auto;
}
#cm-main #content-bottom ul li .bg-light-p p img {
  width: 100%;
}
#cm-main #content-bottom ul li .bg-light-p p span {
  width: auto;
}






}
/*  @media screen 400px
--------------------------------------------------------*/
@media screen and (max-width: 400px) {
#cm-main #cm-feature .function-menu > li {
  padding: 0px 10px;
  font-size: 1.4rem;
}
.main .relations > ul > li a:after {
  right: 0px;
}
}

/*MailBase
----------------------------------------------*/
.mb-contents {
  width: 1060px;
  margin: 0 auto;
}
#mb-main .mb-bg-b {
  width: 100%;
  background-color: #f0faff;
  padding: 40px 0;
}
#mb-main .mb-bg-w {
  width: 100%;
  background-color: #fff;
  padding: 40px;
}
#mb-main #point6 > ul {
  letter-spacing: -.4em;
  width: 730px;
  margin: 0 auto;
}
#mb-main #point6 > ul > li {
  display: inline-block;
  width: 230px;
  text-align: center;
  cursor: pointer;
  border: 5px solid #69b4dc;
  margin-right: 20px;
  margin-bottom: 40px;
  letter-spacing: 0;
  vertical-align: top;
  padding: 20px 10px;
  height: 265px;
  position:relative;
}
#mb-main #point6 > ul > li img {
  position: absolute;
  width: auto;
  height: 150px;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
#mb-main #point6 > ul > li div {
  position:relative;
  z-index: 1;
}
#mb-main #point6 > ul > li ul li {
  padding-left: 1em;
}
#mb-main #point6 > ul > li ul li:before {
  content:"・";
  margin-left: -1em;
}
#mb-main #point6 > ul > li:nth-child(3n) {
  margin-right: 0;
}
#mb-main #point6 > ul > li div p {
  font-size: 1.8rem;
  font-weight: bold;
}
#mb-main #point6 > ul > li div p:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 20px auto;
}
#mb-main #point6 > ul > li div ul {
  padding: 0 20px;
}
#mb-main #point6 > ul > li div li {
  padding-left: 1em;
  text-align: left;
  font-size: 1.4rem;
  color: #555;
  margin-bottom: 3px;
  line-height: 1.7;
}
#mb-main #mail-archive .mb-contents > ul {
  width: 600px;
  margin: 0 auto;
  border: 2px solid #d5d5d5;
  padding: 40px;
}
#mb-main #mail-archive .mb-contents > ul li {
  margin-bottom: 20px;
}
#mb-main #mail-archive .mb-contents > ul li:last-child {
  margin-bottom: 0;
}
#mb-main #mail-archive .mb-contents > ul li .archive-no {
  color: #dd5e0f;
  font-weight: bold;
  padding-right: 10px;
  font-size: 1.8rem;
}
#mb-main #mail-archive .mb-contents > ul li .archive-list-etc {
  font-size: 1.8rem;
  color: #555;
  text-align: right;
  padding-left: 80px;
}
#mb-main #mail-archive > div {
  margin: 40px auto;
}
#mb-main #mail-archive .archive-label,
#mb-main #primary-function .archive-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 164px;
}
#mb-main .mb-bg-w ul {
  letter-spacing: -.4em;
}
#mb-main .mb-bg-w ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: 0;
  padding: 0 25px;
  vertical-align: top;
  margin-bottom: 40px;
}
#mb-main .mb-bg-w ul li:nth-child(n+3) {
  margin-bottom: 0;
}
#mb-main .mb-bg-w ul li > div {
  display: table;
}
#mb-main .mb-bg-w ul li > div div {
  display: table-cell;
}
#mb-main .mb-bg-w ul li > div div:first-child {
  width: 15%;
}
#mb-main .mb-bg-w ul li:nth-child(odd) > div div:first-child img {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  display: block;
}
#mb-main .mb-bg-w ul li > div div:last-child {
  vertical-align: top;
  padding-left: 7%;
  width: 85%;
}
#mb-main .mb-bg-w ul li > div div:last-child b {
  font-size: 2rem;
  color: #dd5e0f;
}
#mb-main .mb-bg-w ul li > div div:last-child p {
  color: #555;
  line-height: 1.8;
  margin-top: 10px;
  font-size: 1.6rem;
}
#mb-main .mail-a-con3 > div {
  width: 600px;
  margin: 0 auto;
  border: 2px solid #d5d5d5;
  padding: 40px;
}
#mb-main .mail-a-con3 > div b {
  font-size: 2rem;
  color: #dd5e0f;
  font-weight: bold;
}
#mb-main .mail-a-con3 > div b span {
  font-size: 2rem;
  color: #555;
  font-weight: normal;
}
#mb-main .mail-a-con3 > div ul {
  letter-spacing: -.4em;
  font-size: 1.2rem;
  margin-top: 20px;
}
#mb-main .mail-a-con3 > div ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: 0;
  margin-bottom: 5px;
  color: #555;
}
#mb-main .mail-a-con3 > div ul li:before {
  content:"・";
  color:#dd5e0f;
}
#mb-main #primary-function > div {
  margin-top: 40px;
  margin-bottom: 40px;
}
#mb-main .functions > ul {
  width: 100%;
  letter-spacing: -.4em;
}
#mb-main .functions > ul li {
  display: inline-block;
  width: 33.33333%;
  letter-spacing: 0;
  vertical-align: top;
  margin-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 1.4rem;
  padding-bottom: 10px;
  padding-left: 1em;
  color: #555;
}
#mb-main #price-product {
  margin-bottom: 40px;
}
#mb-main .etc-content .customer-contents {
  margin-bottom: 40px;
}
#mb-main #operat > ul {
  width: 100%;
  letter-spacing: -.4em;
  display:block;
}
#mb-main #operat > ul > li {
  display: inline-block;
  width: 31%;
  letter-spacing: 0;
  margin-left: 3%;
  margin-bottom: 20px;
}
#mb-main #operat > ul > li:first-child,
#mb-main #operat > ul > li:nth-child(4) {
  display: inline-block;
  width: 32%;
  letter-spacing: 0;
  margin-left: 0;
}
#mb-main #operat > ul > li:nth-child(4) p {
  text-indent: -1em;
}
#mb-main #operat > ul > li p {
  background-color: #ebf5fa;
}
#mb-main #operat > ul > li.active p {
  background-color: #69b4dc;
  color: #fff;
}
#mb-main #operat > ul > li:after {
  border-top: 12px solid #69b4dc;
  color: #fff;
}
#mb-main #operat > ul > li.active:after {
  border-bottom: 12px solid #fff;
  color: #fff;
}
#mb-main #operat > div dl {
  border-bottom: 1px solid #d5d5d5;
}
#mb-main #content-bottom ul li .product-img-area {
  height: 155px;
  display: table;
  width: 100%;
}
#mb-main #content-bottom ul li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}
#mb-main #content-bottom ul li .bg-light-y p img {
  width: 254px;
}
#mb-main #content-bottom ul li .bg-light-y p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 254px;
  margin: 0 auto;
}
#mb-main #content-bottom ul li .bg-light-b p img {
  width: 284px;
}
#mb-main #content-bottom ul li .bg-light-b p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 284px;
  margin: 0 auto;
}
#mb-main #content-bottom ul li .bg-light-r p img {
  width: 255px;
}
#mb-main #content-bottom ul li .bg-light-r p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 255px;
  margin: 0 auto;
}
#mb-main #content-bottom ul li .bg-light-p p img {
  width: 280px;
}
#mb-main #content-bottom ul li .bg-light-p p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 280px;
  margin: 0 auto;
}


/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.mb-contents {
  width: 100%;
  padding: 0 20px;
}
#mb-main #point6 > ul {
  width: 100%;
}
#mb-main #point6 > ul > li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
/*
#mb-main #mail-archive > div {
  padding-top: 60px;
}*/
#mb-main #mail-archive .archive-label,
#mb-main #primary-function .archive-label {
  top: -20px;
}
#mb-main #mail-archive .mb-contents > ul {
  width: 100%;
}
#mb-main #mail-archive > div.mail-a-con2,
#mb-main #mail-archive > div.mail-a-con4 {
  padding-top: 40px;
}
#mb-main #mail-archive > div.mail-a-con2 .mb-bg-w {
  padding: 20px;
}
#mb-main #mail-archive > div.mail-a-con2 .mb-bg-w {
  padding: 20px;
}
#mb-main #mail-archive > div.mail-a-con2 .mb-bg-w ul li {
  padding: 0 10px;
}
/*
#mb-main #mail-archive > div.mail-a-con2 .mb-contents,
#mb-main #mail-archive > div.mail-a-con4 .mb-contents {
  padding-top: 60px;
}*/
#mb-main .mb-bg-w ul li {
  display: block;
  width: 100%;
}
#mb-main .mb-bg-w ul li:nth-child(n+3) {
  margin-bottom: 40px;
}
#mb-main .mb-bg-w ul li:last-child {
  margin-bottom: 0;
}
/*#mb-main #primary-function > .mb-contents {
  padding-top: 50px;
}
#mb-main #primary-function > .mb-bg-b .mb-contents {
  padding-top: 50px;
}*/
#mb-main .mail-a-con3 > div ul li {
  display: block;
  width: 100%;
}
#mb-main .mail-a-con3 > div {
  padding: 20px;
}
#mb-main .functions > ul {
  width: 80%;
  margin: 0 auto;
}
#mb-main .functions > ul li {
  width: 100%;
  display: block;
}
#mb-main .mail-a-con3 > div {
    width: 100%;
}
#mb-main #mb-feature > .mb-bg-b {
  padding: 40px 20px;
}
#mb-main #mb-feature > .mb-contents {
  padding: 40px 20px;
}
#mb-main #mb-feature > .mb-bg-b .mb-contents {
  padding: 0;
}
#mb-main #mb-feature .mb-bg-b .mb-contents ul {
  margin-left: 0;
}
#mb-main #mb-feature .function-menu {
  width: 100%;
}
#mb-main #mb-feature .functions > ul {
  width: 80%;
  margin: 0 auto;
}
#mb-main #mb-feature .functions > ul li {
  width: 100%;
  display: block;
}
#mb-main .products-menus > ul li:nth-child(2) {
  position: relative;
  vertical-align: bottom;
}
#mb-main .products-menus > ul li:nth-child(2) a {
  line-height: inherit;
  position: absolute;
  width: 100%;
  height: 50px;
  right: 0;
}
#mb-main #primary-function > div {
  margin-top:0;
}
#mb-main #operat > ul {
  width: 100%;
  display: block;
}
#mb-main #operat > ul > li {
  width: 70%;
  margin:0 auto 20px;
  display: block;
}
#mb-main #operat > ul > li:first-child, #mb-main #operat > ul > li:nth-child(4) {
  display: block;
  width: 70%;
  margin: 0 auto 20px;
}
#mb-main #operat > ul > li:after {
    border-top: 7px solid #69b4dc;
}
#mb-main #operat > ul > li.active:after {
  border-bottom: 7px solid #fff;
}
#operat > ul > li:after {
    right: 25px;
}
#operat > ul > li.active:after {
  right: 25px;
  margin-top: -12px;
}
#mb-main #content-bottom ul li .bg-light-y p img {
  width: 100%;
}
#mb-main #content-bottom ul li .bg-light-y p span {
  width: auto;
}
#mb-main #content-bottom ul li .bg-light-b p img {
  width: 100%;
}
#mb-main #content-bottom ul li .bg-light-b p span {
  width: auto;
}
#mb-main #content-bottom ul li .bg-light-r p img {
  width: 100%;
}
#mb-main #content-bottom ul li .bg-light-r p span {
  width: auto;
}
#mb-main #content-bottom ul li .bg-light-p p img {
  width: 100%;
}
#mb-main #content-bottom ul li .bg-light-p p span {
  width: auto;
}




}

/*  @media screen 400px
--------------------------------------------------------*/
@media screen and (max-width: 400px) {
#mb-main #operat > ul > li {
  width: 100%;
}
#mb-main #operat > ul > li:first-child, #mb-main #operat > ul > li:nth-child(4) {
  width: 100%;
}
}


/*MailGates
----------------------------------------------*/
.mg-contents {
  width: 1060px;
  margin: 0 auto;
}
#mg-main .mg-bg-r {
  width: 100%;
  background-color: #faf0f0;
  padding: 40px 0;
}
#mg-main #concept4 {
    margin-bottom: 40px;
}
#mg-main #concept4 > ul {
  letter-spacing: -.4em;
}
#mg-main #concept4 > ul > li {
  display: inline-block;
  width: 250px;
  text-align: center;
  cursor: pointer;
  border: 5px solid #b72022;
  margin-right: 20px;
  letter-spacing: 0;
  vertical-align: top;
  padding: 20px 10px;
  height: 295px;
  position: relative;
}
#mg-main #concept4 > ul > li:last-child {
  margin-right: 0;
}
#mg-main #concept4 > ul > li img {
  position: absolute;
  width: auto;
  height: 150px;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
#mg-main #concept4 > ul > li div {
  position:relative;
  z-index: 1;
}
#mg-main #concept4 > ul > li div p {
  font-size: 1.8rem;
  font-weight: bold;
}
#mg-main #concept4 > ul > li div p:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 20px auto;
}
#mg-main #concept4 > ul > li div ul {
  padding: 0 20px;
}
#mg-main #concept4 > ul > li div li {
  padding-left: 1em;
  text-align: left;
  font-size: 1.5rem;
  color: #555;
  margin-bottom: 3px;
  line-height: 1.7;
}

#mg-main #concept4 > ul > li div  .fnt-13{
  font-size:1.2rem;
}
#mg-main #concept4 > ul > li div li:before {
  content: "・";
  margin-left: -1em;
}
#mg-main #mg-feature .realtime-text {
  color: #555;
  font-size: 1.4rem;
  margin: 30px 0 0 50px;
}
#mg-main #mg-feature .function-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60%;
  margin: 0 auto 40px;
}
#mg-main #mg-feature .function-menu > li {
  width: calc(100% / 2);
  padding: 0px 25px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-left: 2px solid #ddd;
  cursor: pointer;
}
#mg-main #mg-feature .function-menu > li:last-child {
  border-right: 2px solid #ddd;
}
#mg-main #mg-feature .function-menu > li p {
  cursor: pointer;
  color: #1b2d5e;
}
#mg-main #mg-feature .function-menu > li:hover p {
  background-color: #dd5e0f;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#mg-main #mg-feature .function-menu > li.active p {
  background-color: #1b2d5e;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#mg-main #mg-feature .functions > ul {
  width: 100%;
  letter-spacing: -.4em;
}
#mg-main #mg-feature .functions > ul > li {
  display: inline-block;
  width: 33.33333%;
  letter-spacing: 0;
  vertical-align: top;
  margin-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 1.4rem;
  padding-bottom: 10px;
  padding-left: 1em;
  color: #555;
}
#mg-main #price-product {
  margin-bottom: 40px;
}
#mg-main #mg-feature > div {
  margin: 40px auto;
}
#mg-main #operat > ul {
  width: 80%;
}
#mg-main #operat > ul > li {
  width: calc(100% / 3);
}
#mg-main #operat > ul > li p {
  background-color: #faebeb;
}
#mg-main #operat > ul > li.active p {
  background-color: #c35050;
  color: #fff;
}
#mg-main #operat > ul > li:after {
  border-top: 12px solid #c35050;
  color: #fff;
}
#mg-main #operat > ul > li.active:after {
  border-bottom: 12px solid #fff;
  color: #fff;
}
#mg-main #operat > div dl {
  border-bottom: 1px solid #d5d5d5;
}
#mg-main #content-bottom ul li .product-img-area {
  height: 155px;
  display: table;
  width: 100%;
}
#mg-main #content-bottom ul li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}
#mg-main #content-bottom ul li .bg-light-y p img {
  width: 254px;
}
#mg-main #content-bottom ul li .bg-light-y p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 254px;
  margin: 0 auto;
}
#mg-main #content-bottom ul li .bg-light-b p img {
  width: 284px;
}
#mg-main #content-bottom ul li .bg-light-b p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 284px;
  margin: 0 auto;
}
#mg-main #content-bottom ul li .bg-light-r p img {
  width: 255px;
}
#mg-main #content-bottom ul li .bg-light-r p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 255px;
  margin: 0 auto;
}
#mg-main #content-bottom ul li .bg-light-p p img {
  width: 280px;
}
#mg-main #content-bottom ul li .bg-light-p p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 280px;
  margin: 0 auto;
}




/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.mg-contents {
  width: 100%;
  padding: 0 20px;
}
#mg-main .products-menus ul li:nth-last-child(2) {
  border-bottom: none;
}
#mg-main #concept4 > ul {
  width: 100%;
}
#mg-main #concept4 > ul > li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
#mg-main #mail-archive > div {
  padding-top: 60px;
}
#mg-main #mail-archive .archive-label,
#mg-main #primary-function .archive-label {
  top: -20px;
}
#mg-main #mail-archive .mg-contents > ul {
  width: 100%;
}
#mg-main #mail-archive > div.mail-a-con2,
#mg-main #mail-archive > div.mail-a-con4 {
  padding-top: 40px;
}
#mg-main #mail-archive > div.mail-a-con2 .mg-bg-r {
  padding: 20px;
}
#mg-main #mail-archive > div.mail-a-con2 .mg-bg-r {
  padding: 20px;
}
#mg-main #mail-archive > div.mail-a-con2 .mg-bg-r ul li {
  padding: 0 10px;
}
#mg-main #mail-archive > div.mail-a-con2 .mg-contents,
#mg-main #mail-archive > div.mail-a-con4 .mg-contents {
  padding-top: 60px;
}
#mg-main .mg-bg-r ul li {
  display: block;
  width: 100%;
}
#mg-main .mg-bg-r ul li:nth-child(n+3) {
  margin-bottom: 40px;
}
#mg-main .mb-bg-r ul li:last-child {
  margin-bottom: 0;
}
#mg-main #primary-function > .mg-contents {
  padding-top: 50px;
}
#mg-main #primary-function > .mg-bg-r .mg-contents {
  padding-top: 50px;
}
#mg-main .mail-a-con3 > div ul li {
  display: block;
  width: 100%;
}
#mg-main .mail-a-con3 > div {
  padding: 20px;
}
#mg-main .functions > ul {
  width: 80%;
  margin: 0 auto;
}
#mg-main .functions > ul li {
  width: 100%;
  display: block;
}
#mg-main .mail-a-con3 > div {
    width: 100%;
}
#mg-main #mg-feature > .mg-bg-r {
  padding: 40px 20px;
}
#mg-main #mg-feature > .mg-contents {
  padding: 20px 20px;
}
#mg-main #mg-feature > div {
    margin: 20px auto;
}
#mg-main #mg-feature > .mg-bg-r .mg-contents {
  padding: 0;
}
#mg-main #mg-feature .mg-bg-r .mg-contents ul {
  margin-left: 0;
}
#mg-main #mg-feature .function-menu {
  width: 100%;
}
#mg-main #mg-feature .functions > ul {
  width: 80%;
  margin: 0 auto;
}
#mg-main #mg-feature .functions > ul li {
  width: 100%;
  display: block;
}
#mg-main .products-menus ul li:nth-child(4) {
  border-bottom: none;
}
#mg-main .products-menus ul li:last-child {
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
}
#mg-main #operat > ul {
  width: 100%;
  display: block;
}
#mg-main #operat > ul > li {
  width: 70%;
  margin:0 auto 20px;
}
#mg-main #operat > ul > li:after {
    border-top: 7px solid #c35050;
}
#mg-main #operat > ul > li.active:after {
  border-bottom: 7px solid #fff;
}
#operat > ul > li:after {
    right: 25px;
}
#operat > ul > li.active:after {
  right: 25px;
  margin-top: -12px;
}
#mg-main #content-bottom ul li .bg-light-y p img {
  width: 100%;
}
#mg-main #content-bottom ul li .bg-light-y p span {
  width: auto;
}
#mg-main #content-bottom ul li .bg-light-b p img {
  width: 100%;
}
#mg-main #content-bottom ul li .bg-light-b p span {
  width: auto;
}
#mg-main #content-bottom ul li .bg-light-r p img {
  width: 100%;
}
#mg-main #content-bottom ul li .bg-light-r p span {
  width: auto;
}
#mg-main #content-bottom ul li .bg-light-p p img {
  width: 100%;
}
#mg-main #content-bottom ul li .bg-light-p p span {
  width: auto;
}



}

/*  @media screen 400px
--------------------------------------------------------*/
@media screen and (max-width: 400px) {
#mg-main #mg-feature .function-menu > li {
  padding: 0px 10px;
  font-size: 1.4rem;
}
}


/*cyberMailDR
----------------------------------------------*/
#dr-main .products-menus {
  width: 300px;
}
.dr-contents {
  width: 1060px;
  margin: 0 auto;
}
#dr-main .products-menus ul {
  display: block;
  text-align: center;
}
#dr-main .products-menus ul li {
  display: inline-block;
}
#dr-main .products-menus ul li:first-child {
  margin-right: 100px;
}
#dr-main .dr-bg-r {
  width: 100%;
  background-color: #faf0f0;
  padding: 40px 0;
}
#dr-main #dr-feature > div {
  padding: 40px 0;
}
#dr-main #dr-feature img {
  display: block;
}
#dr-main #dr-feature p {
  color: #555;
  width: 80%;
  margin: 30px auto 0;
}
#dr-main #content-bottom ul li .product-img-area {
  height: 155px;
  display: table;
  width: 100%;
}
#dr-main #content-bottom ul li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}
#dr-main #content-bottom ul li .bg-light-y p img {
  width: 254px;
}
#dr-main #content-bottom ul li .bg-light-y p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 254px;
  margin: 0 auto;
}
#dr-main #content-bottom ul li .bg-light-b p img {
  width: 284px;
}
#dr-main #content-bottom ul li .bg-light-b p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 284px;
  margin: 0 auto;
}
#dr-main #content-bottom ul li .bg-light-r p img {
  width: 255px;
}
#dr-main #content-bottom ul li .bg-light-r p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 255px;
  margin: 0 auto;
}
#dr-main #content-bottom ul li .bg-light-p p img {
  width: 280px;
}
#dr-main #content-bottom ul li .bg-light-p p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 280px;
  margin: 0 auto;
}



/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.dr-contents {
  width: 100%;
  padding: 0 20px;
}
#dr-main .products-menus {
  width: 100%;
}
#dr-main .products-menus ul li:first-child {
  margin-right: 0;
}
#dr-main #dr-feature {
  width: 100%;
  padding: 0 20px;
}
#dr-main #dr-feature img {
  width: 100%;
}
#dr-main #dr-feature p {
  width: 100%;
  margin: 20px auto;
}
#dr-main #content-bottom ul li .bg-light-y p img {
  width: 100%;
}
#dr-main #content-bottom ul li .bg-light-y p span {
  width: auto;
}
#dr-main #content-bottom ul li .bg-light-b p img {
  width: 100%;
}
#dr-main #content-bottom ul li .bg-light-b p span {
  width: auto;
}
#dr-main #content-bottom ul li .bg-light-r p img {
  width: 100%;
}
#dr-main #content-bottom ul li .bg-light-r p span {
  width: auto;
}
#dr-main #content-bottom ul li .bg-light-p p img {
  width: 100%;
}
#dr-main #content-bottom ul li .bg-light-p p span {
  width: auto;
}


}


/*sanitaize
----------------------------------------------*/
.st-contents {
  width: 1060px;
  margin: 0 auto;
}
#st-main .st-bg-g {
  width: 100%;
  background-color: #ebffe1;
  padding: 40px 0;
}
#st-main h2 {
  font-size: 3rem;
  font-weight: bold;
  margin: 60px auto;
  width: 1200px;
}
#st-main h2 span {
  font-size: 1.6rem;
  font-weight: normal;
}
#st-main h2 span i {
  font-weight: bold;
  color: #dd5e0f;
  font-style: normal;
}
#st-main .sanitize-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 60px;
}
#st-main .sanitize-menu > li {
  width: calc(100% / 3);
  padding: 0px 25px;
  text-align: center;
  border-left: 2px solid #ddd;
  cursor: pointer;
}
#st-main .sanitize-menu > li:last-child {
  border-right: 2px solid #ddd;
}
#st-main .sanitize-menu > li p {
  cursor: pointer;
  color: #1b2d5e;
  padding: 5px 0;
}
#st-main .sanitize-menu > li p span {
  font-size: 1.4rem;
  font-weight: normal;
}
#st-main .sanitize-menu > li a:hover {
  text-decoration: none;
}
#st-main .sanitize-menu > li:hover p {
  background-color: #dd5e0f;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#st-main .sanitize-menu > li.active p {
  background-color: #68a836;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
}
#st-main #point3 > ul {
  letter-spacing: -.4em;
  width: 730px;
  margin: 0 auto;
}
#st-main #point3 > ul > li {
  display: inline-block;
  width: 230px;
  text-align: center;
  cursor: pointer;
  border: 5px solid #69b95a;
  margin-right: 20px;
  margin-bottom: 40px;
  letter-spacing: 0;
  vertical-align: top;
  padding: 20px 10px;
  height: 240px;
  position:relative;
}
#st-main #point3 > ul > li img {
  position: absolute;
  width: auto;
  height: 150px;
  top: 50%;;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -75px;
  z-index: 0;
}
#st-main #point3 > ul > li div {
  position:relative;
  z-index: 1;
  display: table;
  width: 100%;
  height: 100%;
}
#st-main #point3 > ul > li ul li {
  padding-left: 1em;
}
#st-main #point3 > ul > li ul li:before {
  content:"・";
  margin-left: -1em;
}
#st-main #point3 > ul > li:nth-child(3n) {
  margin-right: 0;
}
#st-main #point3 > ul > li div p {
  font-size: 1.8rem;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
#st-main #point3 > ul > li div ul {
  padding: 0 20px;
}
#st-main #point3 > ul > li div li {
  padding-left: 1em;
  text-align: left;
  font-size: 1.4rem;
  color: #555;
  margin-bottom: 3px;
  line-height: 1.7;
}
#st-main #st-feature > div > div {
  padding: 40px 0;
}
#st-main #st-feature .st-contents > p {
  margin: 20px 40px;
  line-height: 1.7;
  color: #555;
}
#st-main #st-feature .st-contents > ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 40px;
}
#st-main #st-feature .st-contents > ul li {
  position: relative;
}
#st-main #st-feature .st-contents > ul li img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 80px;
}
#st-main #st-feature .st-contents > ul li p {
  position: relative;
  padding-top: 26px;
  margin-left: 70px;
  font-weight: bold;
}
/*
#st-main #price-product {
  margin: 40px auto;
}
#st-main #primary {
  margin: 40px 0 60px;
}*/
#st-main #primary ul {
  letter-spacing: -.4em;
  width: 100%;
}
#st-main #primary ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: 0;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 2.5em;
}
#st-main #primary ul li:before {
  content:"・";
  margin-left: -1em;
}
#st-main #operat > ul {
  width: 60%;
}
#st-main #operat > ul > li {
  width: calc(100% / 2);
}
#st-main #operat > ul > li:after {
  border-top: 12px solid #68a836;
  color: #fff;
}
#st-main #operat > ul > li.active:after {
  border-bottom: 12px solid #fff;
  color: #fff;
}
#st-main #operat > ul > li p {
  background-color: #ebffe1;
}
#st-main #operat > ul > li.active p {
  background-color: #68a836;
  color: #fff;
}
#st-main #operat > div dl {
  border-bottom: 1px solid #d5d5d5;
}
#st-main #operat > div dl dt {
  width: 30%;
}
#st-main #operat > div dl dd {
  width: 70%;
}
#st-main #content-bottom ul li .product-txt-area {
  height: 126px;
}/*
#st-main .cms-st > .st-contents {
  margin: 40px auto;
}*/
#st-main .cms-st > .st-contents h3 {
  margin-top: 40px;
}
#st-main .cms-st #system h3 {
  margin-top: 40px;
}
#st-main #operat h3 {
  margin-top: 40px;
}

#st-main #content-bottom ul li .product-img-area.bg-gov p {
  color: #fff;
  padding: 0 11px;
}
#st-main #content-bottom ul li .product-img-area.bg-gov p img {
  width: 100px;
}
#st-main #content-bottom ul li .product-img-area.bg-gov p span {
  color: #fff;
  padding: 10px 0 0;
  font-size: 1.2rem;
}
#st-main #content-bottom ul li .product-img-area.bg-gov p em {
  font-style: normal;
  font-size: 2.6rem;
  font-weight: bold;
}
#st-main .archive-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 164px;
}
#st-main .sani-point3 h3 {
  margin-top: 40px;
}
#st-main #feature > .st-contents {
  margin: 40px auto;
}
#st-main .st-contents .sani-text {
  margin: 40px 0 40px 40px;
}
#st-main .st-contents .sani-text .text01 {
  color: #dd5e0f;
  margin-bottom: 10px;
}
#st-main .st-contents .sani-text .text02 {
  color: #555;
}
#st-main .st-contents .sanitize-list3 {
  width: 90%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 40px;
}
#st-main .st-contents .sanitize-list3 li {
  position: relative;
  height: 80px;
  width: 30%;
}
#st-main .st-contents .sanitize-list3 li img {
  width: 80px;
  position: absolute;
  z-index: 0;
}
#st-main .st-contents .sanitize-list3 li p {
  position: relative;
  padding-left: 70px;
  padding-top: 26px;
}
#st-main .margin-bottom-large {
  margin-bottom: 50px;
}
#primary .cm-st {
  margin-top: 40px;
}
#st-main #price-product h3 {
  margin-top: 40px;
}
.san-main .st-contents {
  position: relative;
}
#st-main #content-bottom .sst li .product-img-area {
  height: 155px;
  display: table;
  width: 100%;
}
#st-main #content-bottom .sst li .product-img-area p {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}
#st-main #content-bottom .sst li .product-img-area p img {
  width: 255px;
}
#st-main #content-bottom .sst li .product-img-area p span {
  text-align: right;
  display: block;
  color: #333;
  font-size: 1rem;
  width: 255px;
  margin: 0 auto;
}
/* needs area
---------------------------------------------------------*/
.needs_area {
  display: flex;
  justify-content: center;
  margin: 0 auto 60px;
  height: 250px;
}
.needs_area a {
  text-decoration: none;
}
.needs_area img:hover {
  opacity: .7;
}
.needs_area_left a .hidden-sp {
  width: 272px;
  height: 124px;
}
.needs_area_left {
  padding-top: 10px;
  height: 240px;
}
.needs_area_left h3 {
text-align: center;
padding: 20px 20px;
}
.l_border {
  width: 2px;
  height: 240px;
  background-color: #d5d5d5;
  margin: 10px 0 10px 20px;
}
.needs_area_right {
  padding: 20px;
  padding-top: 10px;
}
.needs_area_right h3 {
  padding: 20px 90px;
}
.needs_area_right a .hidden-sp {
  width: 272px;
  height: 124px;
}

/* agreement
---------------------------------------------------------*/
#kiyaku {
  width: 800px;
  margin: 40px auto;
}
#kiyaku h2 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 2rem;
}
#kiyaku p, #kiyaku li {
  font-size: 1.4rem;
  line-height: 1.5;
}
#kiyaku > ul {
  margin-top: 40px;
}
#kiyaku > ul > li {
  list-style: none;
  margin-bottom: 20px;
}
#kiyaku > ul > li h3 {
  margin-bottom: 5px;
  font-weight: bold;
}
#kiyaku > ul > li p {
  margin-top: 5px;
  padding-left: 1em;
}
#kiyaku > ul > li ol {
  padding-left: 2em;
}
#kiyaku > ul > li ol li {
  margin-bottom: 5px;
  list-style-type: decimal
}
#kiyaku > ul > li .number-c {
  padding-left: 3em;
  padding-top: 10px;
}
#kiyaku > ul > li .number-c li {
  list-style: none;
}
#kiyaku > ul > li .number-c li span {
  padding-right: 3px;
  margin-left: -1em;
}

/*  @media screen 767px
--------------------------------------------------------*/
@media screen and (max-width: 767px) {
.st-contents {
    width: 100%;
    padding: 0 20px;
}
.pdt80 {
  padding-top: 80px;
}
.spbr {
  display:block !important;
}
#st-main h2 {
  margin: 30px auto;
  text-align: center;
  width: 100%;
  padding: 0 20px;
}
#st-main h2 span {
  text-align: left;
}
#st-main .sanitize-menu {
  display: block;
  text-align: center;
  width: 100%;
}
#st-main .sanitize-menu > li {
  display: block;
  width: 280px;
  margin: 0 auto;
  padding: 0 10px;
  margin-bottom: 20px;
  border: none;
  position: relative;
}
#st-main .sanitize-menu > li:before {
  content:"";
  display: block;
  position:absolute;
  width:2px;
  height: 30px;
  background-color: #d5d5d5;
  left:0;
  top: 50%;
  margin-top: -15px;
}
#st-main .sanitize-menu > li:after {
  content:"";
  display: block;
  position:absolute;
  width:2px;
  height: 30px;
  background-color: #d5d5d5;
  right:0;
  top: 50%;
  margin-top: -15px;
}
#st-main .sanitize-menu > li:last-child {
    border-right: none;
}
.sani-menus ul li:last-child {
  width: 100%;
}
.sani-menus ul li:nth-last-child(2) {
  border-bottom: none;
}
#st-main .st-contents .sani-text {
  margin: 20px auto;
}
#st-main .st-contents .sanitize-list3 {
  width: 100%;
  display: block;
}
#st-main .st-contents .sanitize-list3 li {
  width: 100%;
  margin-bottom: 20px;
  height: 60px;
}
#st-main .st-contents .sanitize-list3 li:nth-child(2) {
  margin-bottom: 0;
}
#st-main .st-contents .sanitize-list3 li img {
  width: 60px;
}
#st-main .st-contents .sanitize-list3 li p {
  padding-left: 45px;
  padding-top: 16px;
}
#st-main #point3 > ul {
  width: 100%;
}
#st-main #point3 > ul > li {
  width: 100%;
  margin-bottom: 20px;
}
#st-main #primary ul li {
  display: block;
  width: 100%;
}

#st-main #operat > ul {
  width: 100%;
}
#st-main #operat > ul > li {
  padding: 0 5px;
  font-size: 1.4rem;
}
#st-main #operat > ul > li.active:after {
  right: 15px;
  border: 5px solid transparent;
  border-bottom: 7px solid #fff;
  margin-top: -8px;
}
#st-main #operat > ul > li:after {
  right: 15px;
  border: 5px solid transparent;
  border-top: 7px solid #68a836;
  margin-top: -3px;
}
#st-main #operat > div dl dt {
  width: 25%;
  margin-right: 5%;
}
.main #content-bottom h4 {
  text-align: left;
}
.bg-gov {
  width: 100%;
  background-size: 110% auto;
}
#st-main #content-bottom ul li .product-img-area.bg-gov p span {
  text-align: center;
}
#st-main #primary ul li {
  padding-left: 1em;
}
/*.sst-menus ul li:last-child {
  width: 100%;
}
.sst-menus ul li:nth-last-child(2) {
  border-bottom: none;
}*/
#st-main #price-product {
  margin: -100px auto 0;
}
#st-main #content-bottom .sst li .product-img-area p img {
  width: 100%;
}
#st-main #content-bottom .sst li .product-img-area p span {
  width: 100%;
}
#st-main #operat > ul > li {
    width: 80%;
}

.needs_area a {
  display: block;
  text-decoration: none;
}
.needs_area_left a .hidden-pc {
  width: 100%;
  height: auto;
}
.needs_area_right a .hidden-pc {
  width: 100%;
  height: auto;
}
.needs_area {
  height: auto;
  display: block;
  text-align: center;
}
.needs_area_right {
    padding: 20px;
    padding-top: 10px;
    display: initial;
}
.needs_area_left {
  display: inline-block;
}
.l_border{
  display: inline-block;
  width: 100px;
  height: 2px;
  margin: auto;
  margin-left: 20px;
}
#kiyaku {
  width: 100%;
  padding: 0 20px;
}
#operat > div > p {
  padding-left: 0;
}

}


/*  @media screen 400px
--------------------------------------------------------*/
@media screen and (max-width: 400px) {
.bg-gov {
  width: 100%;
  background-size: auto 105%;;
}
#operat > ul {
  width: 100%;
  display: block;
}
#operat > ul > li {
  display: block;
  width: 80%;
  margin: 0 auto 20px;
}



}