@charset "UTF-8";
@import url(/common/css/sanitize.css);
@import url(/common/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/**************************
ベース
***************************/
@import url("/common/css/jquery.mmenu.all.css");
body {
  font-family: 'Noto Sans Japanese', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

h2 {
  border-bottom: thin solid #065999;
  color: #065999;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 5px;
  padding-left: 5px;
}

h3 {
  font-weight: bold;
  font-size: 18px;
}

h3:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #065999;
  margin-right: 10px;
}

h4 {
  font-weight: bold;
  font-size: 18px;
  color: #065999;
}

/**************************
共通クラス
***************************/
.btn {
  background-color: #065999;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  display: block;
}

.btn2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn2 a {
  display: block;
  text-align: center;
  color: #065999;
  background-color: #e9e9e9;
  border: thin solid #065999;
  border-radius: 5px;
  width: 240px;
  padding: 15px 0;
  font-weight: bold;
}

.btn2 a:hover {
  opacity: 0.7;
}

.btn2 a:before {
  content: '\f1c1';
  font-family: fontAwesome;
  margin-right: 5px;
}

.btn:hover {
  background-color: #00a0e9;
  cursor: pointer;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml20 {
  margin-left: 20px;
}

.ml15 {
  margin-left: 15px;
}

.ml30 {
  margin-left: 30px;
}

.mr10 {
  margin-right: 10px;
}

.ml40 {
  margin-left: 40px;
}

.pd10 {
  padding: 10px !important;
}

.graybox {
  padding: 20px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.txtright {
  text-align: right;
}

ul.nodesign li {
  list-style-type: none;
  margin-bottom: 10px;
}

ul.list {
  margin-left: 0px;
}

ul.list li {
  list-style-type: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
}

ul.list li:before {
  content: '';
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: #065999;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: -10px;
  margin-right: 7px;
}

ol.decimallist li {
  margin-bottom: 10px;
}

ol.decimallist.firsthide li:first-child {
  visibility: hidden;
  height: 0;
}

ol.alphabetlist li {
  margin-bottom: 10px;
  list-style-type: upper-latin;
}

ol.decimallist-gray > li {
  list-style-type: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 40px;
  counter-increment: li;
}

ol.decimallist-gray > li:before {
  content: counter(li);
  padding: 5px;
  padding-top: 2px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  display: inline-block;
  background-color: #eee;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: 0px;
}

ol.kanjilist li {
  margin-bottom: 10px;
  list-style-type: cjk-ideographic;
}

ul.downloadlist li {
  border-bottom: thin solid #ccc;
  list-style-type: none;
}

ul.downloadlist li a {
  color: #000;
  font-weight: bold;
  display: block;
  padding: 10px 0;
}

ul.downloadlist li a:before {
  content: '\f1c1';
  font-family: fontAwesome;
  color: #065999;
  margin-right: 10px;
  font-size: 24px;
  display: inline-block;
}

ul.downloadlist li a span.filesize {
  font-weight: normal;
}

ul.downloadlist li a:hover {
  opacity: 0.7;
}

.small {
  font-size: 12px;
}

.check {
  color: #CC0033;
}

.check2 {
  color: #065999;
}

.bluebox {
  padding: 15px;
  border: 2px solid #065999;
  box-sizing: border-box;
  border-radius: 10px;
}

.bold {
  font-weight: bold;
}

.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.arrowlink {
  position: relative;
  padding-left: 10px;
}

.arrowlink:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.arrowlink a:hover {
  text-decoration: underline;
}

.spscrollmemo {
  display: none;
}

.zoommemo {
  display: block;
  color: #065999;
  margin-top: 5px;
}

.zoommemo:before {
  content: '\f196';
  font-family: fontAwesome;
  margin-right: 5px;
}

.zoommemo:hover {
  text-decoration: underline;
}

.zoommemo:hover:before {
  text-decoration: none;
}

/**************************
共通パーツ
***************************/
header {
  width: 980px;
  margin: 15px auto 0px auto;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .header_left img:hover {
  opacity: 0.7;
}

header .header_right ul {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

header .header_right ul li {
  margin-left: 10px;
  list-style-type: none;
}

header .header_right .h_contact a {
  text-align: center;
  color: #fff;
  display: block;
  padding: 3px 5px;
}

header .header_right .h_contact a:before {
  content: "\f003";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
}

header .header_right .h_search {
  text-align: center;
  color: #fff;
}

header .header_right .h_search:before {
  content: "\f002";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
}

header .header_right #englishsite a {
  color: #000;
}

header .header_right #englishsite a:hover {
  text-decoration: underline;
  color: #065999;
}

header .header_right #englishsite a:before {
  content: '';
  width: 1px;
  height: 30px;
  background-color: #eee;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

header .header_right #englishsite a:after {
  content: '';
  width: 1px;
  height: 30px;
  background-color: #eee;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

#searchbtn {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 125px;
  height: 38px;
  margin: 0;
  position: relative;
  margin-left: 10px;
}

#searchbtn #searchbox {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 0;
}

#searchbtn.active {
  width: 240px;
}

#searchbtn.active:before {
  display: none;
}

#searchbtn.active #searchtrigger {
  width: 0;
  display: none;
}

#searchbtn.active #searchbox {
  width: 200px;
  display: block;
  opacity: 1;
}

.gsc-control-cse {
  background-color: transparent !important;
  border: none !important;
  border-radius: 10px;
  padding: 0 !important;
}

#gsc-iw-id1 {
  padding: 5px 10px !important;
  height: 30px;
}

#gs_tti50 {
  padding: 0 !important;
}

#gsc-i-id1 {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

#gsc-i-id1 {
  padding: 0 !important;
}

#gsc-iw-id2 {
  height: 30px !important;
  background: none !important;
  border: thin solid #fff !important;
}

.gsst_a {
  padding-top: 5px !important;
}

.gsib_a {
  padding: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  padding: 13px 27px !important;
}

form.gsc-search-box {
  margin-bottom: 0 !important;
}

input.gsc-search-button {
  border: none !important;
  margin-top: 6px !important;
  padding: 5px 10px !important;
  width: 40px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  background: none !important;
  width: 35px !important;
  height: 25px !important;
}

input.gsc-input {
  margin-top: 1px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  background-position: 0px 5px !important;
  padding-top: 3px !important;
  padding-left: 3px !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

input.gsc-input::-webkit-input-placeholder {
  color: #ccc;
}

input.gsc-input:-ms-input-placeholder {
  color: #ccc;
}

input.gsc-input::-moz-placeholder {
  color: #ccc;
}

div.gs-title {
  text-align: left !important;
}

#gnavi {
  clear: both;
  position: relative;
  border-bottom: thin solid #eee;
}

#gnavi ul.header-nav-links {
  width: 980px;
  margin: 0 auto;
  text-align: right;
  padding: 20px 0;
}

#gnavi ul.header-nav-links li.header-nav-link {
  display: inline-block;
  margin-left: 25px;
}

#gnavi ul.header-nav-links li.header-nav-link span {
  font-size: 16px;
  position: relative;
}

#gnavi ul.header-nav-links li.header-nav-link span.show:after, #gnavi ul.header-nav-links li.header-nav-link span:hover:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #065999;
  display: block;
}

#gnavi ul.header-nav-links li.header-nav-link span.show:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #578db9;
  border-left: 15px solid transparent;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  margin: auto;
}

#gnavi ul.header-nav-links li.header-nav-link span.small {
  font-size: 12px;
  color: #fff;
}

#gnavi ul.header-nav-links li.header-nav-link span.small:hover {
  text-decoration: none;
}

#gnavi ul.header-nav-links li.header-nav-link span.small:hover:after {
  content: none;
}

#gnavi ul.header-nav-links li.header-nav-link > a {
  font-size: 16px;
}

#gnavi ul.header-nav-links li.header-nav-link a {
  color: #000;
  position: relative;
}

#gnavi ul.header-nav-links li.header-nav-link a:hover {
  cursor: pointer;
  color: #065999;
}

#gnavi ul.header-nav-links li.header-nav-link:hover {
  cursor: pointer;
  color: #065999;
}

#gnavi ul.header-nav-links li.header-nav-link .pagetitle {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
}

#gnavi ul.header-nav-links li.header-nav-link .pagetitle:hover {
  cursor: default;
}

#gnavi ul.header-nav-links li.header-nav-link .header-inner-links {
  text-align: left;
}

#gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a {
  color: #fff;
}

.luminess #gnavi ul.header-nav-links li.header-nav-link:first-child > span,
.luminess-otherproducts #gnavi ul.header-nav-links li.header-nav-link:first-child > span,
.luminess-users #gnavi ul.header-nav-links li.header-nav-link:first-child > span,
.other-products #gnavi ul.header-nav-links li.header-nav-link:nth-child(2) > span,
.faq #gnavi ul.header-nav-links li.header-nav-link:nth-child(3) > span,
.company #gnavi ul.header-nav-links li.header-nav-link:nth-child(4) > span {
  color: #065999;
}

.luminess #gnavi ul.header-nav-links li.header-nav-link:first-child > span:after,
.luminess-otherproducts #gnavi ul.header-nav-links li.header-nav-link:first-child > span:after,
.luminess-users #gnavi ul.header-nav-links li.header-nav-link:first-child > span:after,
.other-products #gnavi ul.header-nav-links li.header-nav-link:nth-child(2) > span:after,
.faq #gnavi ul.header-nav-links li.header-nav-link:nth-child(3) > span:after,
.company #gnavi ul.header-nav-links li.header-nav-link:nth-child(4) > span:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #065999;
  display: block;
}

.luminess.index #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/index.html"],
.luminess.service #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/service.html"],
.luminess.spec #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/spec.html"],
.luminess.price #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/price.html"],
.luminess.wearing #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/wearing.html"],
.luminess.others #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess/others.html"],
.luminess-otherproducts.bweb #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess-otherproducts/bweb.html"],
.luminess-otherproducts.others #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess-otherproducts/others.html"],
.luminess-users.point #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess-users/point.html"],
.luminess-users.report #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess-users/report.html"],
.luminess-users.bodyparts #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/luminess-users/bodyparts.html"],
.other-products.inlight.index #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/inlight/index.html"],
.other-products.inlight.osl #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/inlight/osl.html"],
.other-products.inlight.reader #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/inlight/reader.html"],
.other-products.inlight.microstar #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/inlight/microstar.html"],
.other-products.software.index #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/software/"],
.other-products.software.easy #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/software/easy.html"],
.other-products.software.gate #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/software/gate.html"],
.other-products.software.rima #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/software/rima.html"],
.other-products.radiation-measure #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/other-products/radiation-measure.html"],
.company.message #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/company/message.html"],
.company.outline #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/company/outline.html"],
.company.map #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/company/map.html"],
.faq.index #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/index.html"],
.faq.unit #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/unit.html"],
.faq.type #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/type.html"],
.faq.exposure #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/exposure.html"],
.faq.radiation #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/radiation.html"],
.faq.protection #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/protection.html"],
.faq.industry #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/industry.html"],
.faq.agriculture #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/agriculture.html"],
.faq.examination #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/examination.html"],
.faq.cure #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/cure.html"],
.faq.research #gnavi ul.header-nav-links li.header-nav-link .header-inner-links li a[href="/faq/research.html"] {
  font-weight: bold;
  font-size: 114%;
}

#hamburger {
  display: none;
}

#mmenuBtn,
#closeBtn {
  display: none;
}

#spmenu {
  display: none;
}

.spbanner-content {
  display: none;
}

.header-inner-link-wrapper {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #578db9;
  z-index: 10;
  padding: 20px;
}

.header-inner-link-wrapper.show {
  display: block;
}

.inner-box {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

.inner-box .maintitle {
  font-size: 24px;
  margin-right: 60px;
  color: #fff;
  font-weight: 200;
}

.inner-box .gnavcol {
  float: left;
  margin-right: 22px;
}

.inner-box .pagetitle {
  margin-bottom: 10px;
}

.inner-box .header-inner-links .page_item {
  margin-bottom: 10px;
}

.inner-box .header-inner-links .page_item a {
  font-weight: 200;
}

.inner-box .header-inner-links .page_item a:hover {
  opacity: 0.7;
}

.inner-box .header-inner-links .page_item a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.inner-box .header-inner-links .page_item.parentitem {
  margin-left: 0px;
}

.inner-box .header-inner-links .page_item.parentitem a:before {
  border-left: 4px solid #fff;
}

.inner-box .header-inner-links .page_item.subitem {
  margin-left: 18px;
}

.inner-box .header-inner-links .page_item.subitem a:before {
  border-left: 4px solid rgba(255, 255, 255, 0.5);
}

main {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
}

#pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  padding: 10px;
  width: 60px;
  height: 60px;
  background-color: rgba(200, 200, 200, 0.7);
  border: thin solid #065999;
  border-radius: 100%;
}

#pagetop:hover {
  opacity: 0.5;
}

#pagetop a {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-top: 0px;
  color: #065999;
}

#pagetop a:hover {
  opacity: 0.5;
}

#pagetop.stop {
  position: relative;
  float: right;
  margin-top: -60px;
}

.breadcrumb {
  width: 100%;
  min-width: 980px;
  background-color: #eee;
}

.breadcrumb .breadcrumb-main {
  width: 980px;
  margin: 0 auto;
  padding: 6px 0;
}

.breadcrumb .breadcrumb-main ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}

.breadcrumb .breadcrumb-main ul li:after {
  content: '>';
  margin-left: 10px;
}

.breadcrumb .breadcrumb-main ul li:last-child:after {
  content: '';
}

.breadcrumb .breadcrumb-main ul li a {
  color: #069;
  text-decoration: underline;
  font-size: 13px;
}

section.pagetitle {
  width: 100%;
  min-width: 980px;
  border-bottom: thin solid #eee;
  margin-bottom: 40px;
  position: relative;
}

section.pagetitle .pagetitle-main {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
}

section.pagetitle .pagetitle-main h1.sub {
  font-size: 36px;
  font-weight: 200;
  padding: 0px 0;
  width: 980px;
  margin: 0 auto;
}

section.pagetitle .pagetitle-main h1 {
  font-size: 36px;
  font-weight: 500;
  padding: 20px 0;
  width: 980px;
  margin: 0 auto;
}

section.pagetitle .pagetitle-main.withimage {
  position: relative;
  height: 170px;
  overflow: hidden;
}

section.pagetitle .pagetitle-main.withimage .pagetitleh1 {
  width: 100%;
  min-width: 980px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 90px;
}

section.pagetitle .pagetitle-main.withimage p {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 2;
  width: 980px;
  margin: 0 auto;
}

section.pagetitle .pagetitle-main.withimage h1 {
  font-weight: 500;
  color: #fff;
  font-size: 32px;
  position: relative;
  z-index: 2;
  width: 980px;
  margin: 0 auto;
}

section.pagetitle .pagetitle-main.withimage h1:before {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
}

section.pagetitle .pagetitle-main.withimage h1.twoline {
  line-height: 32px;
  margin-top: 3px;
}

section.pagetitle .pagetitle-main.withimage h1.twoline:before {
  height: 60px;
}

section.pagetitle .pagetitle-main.withimage .borderbg {
  position: absolute;
  top: 0;
  left: 0px;
  right: 5%;
  z-index: 2;
  display: block;
  content: '';
  width: 980px;
  margin: 0 auto;
  height: 100%;
  opacity: 1;
}

section.pagetitle .pagetitle-main.withimage .borderbg .nanamebg {
  content: '';
  display: block;
  width: 60%;
  height: 100%;
  -webkit-transform: skew(-20deg, 0deg);
          transform: skew(-20deg, 0deg);
}

section.pagetitle .pagetitle-main.withimage .borderbg .blue {
  background: #60b7e7;
  background: -webkit-linear-gradient(top, #60b7e7 0%, #a0d1f1 100%);
  background: linear-gradient(to bottom, #60b7e7 0%, #a0d1f1 100%);
}

section.pagetitle .pagetitle-main.withimage .borderbg .green {
  background: #6abd84;
  background: -webkit-linear-gradient(top, #6abd84 0%, #a4d3ad 100%);
  background: linear-gradient(to bottom, #6abd84 0%, #a4d3ad 100%);
}

section.pagetitle .pagetitle-main.withimage .borderbg .orange {
  background: #f5ae45;
  background: -webkit-linear-gradient(top, #f5ac40 0%, #f8c171 99%);
  background: linear-gradient(to bottom, #f5ac40 0%, #f8c171 99%);
}

section.pagetitle .pagetitle-main.withimage .imgbg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  display: block;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

section.pagetitle .pagetitle-main.withimage .imgbg.luminess {
  background-image: url("/common/images/hero/luminess-hero3.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.luminessother {
  background-image: url("/common/images/hero/otherbadges-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.luminessbweb {
  background-image: url("/common/images/hero/bweb-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.luminessotherproducts {
  background-image: url("/common/images/hero/luminess-relate-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.wearing {
  background-image: url("/common/images/hero/luminess-user-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.otherproducts {
  background-image: url("/common/images/hero/_PRI7358.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.faq {
  background-image: url("/common/images/hero/luminess-user-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.company {
  background-image: url("/common/images/hero/_PRI7220.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.download {
  background-image: url("/common/images/hero/download-hero.jpg");
}

section.pagetitle .pagetitle-main.withimage .imgbg.nlletter {
  background-image: url("/common/images/hero/nlletter-hero.jpg");
}

section.pagetitle.bg {
  background-size: cover;
  background-position: center;
  padding: 45px 0;
}

section.pagetitle.withimagebg:after {
  background-color: #fff;
  content: '';
  display: block;
  width: 48%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

section.pagetitle.withimagebg.green {
  background: #99cda4;
  background: -webkit-linear-gradient(45deg, #99cda4 0%, #4fa665 50%);
  background: linear-gradient(45deg, #99cda4 0%, #4fa665 50%);
}

section.pagetitle.withimagebg.blue {
  background: #a0d1f1;
  background: -webkit-linear-gradient(45deg, #a0d1f1 0%, #60b7e7 50%);
  background: linear-gradient(45deg, #a0d1f1 0%, #60b7e7 50%);
}

section.pagetitle.withimagebg.orange {
  background: #f5ae45;
  background: -webkit-linear-gradient(45deg, #f5ae45 0%, #f2932b 50%);
  background: linear-gradient(45deg, #f5ae45 0%, #f2932b 50%);
}

.content {
  width: 100%;
  min-width: 980px;
}

.content-main {
  width: 980px;
  margin: 0 auto;
}

.content-main.twocol {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content-main.twocol .content-main-main {
  width: 720px;
}

.content-main.twocol .content-main-side {
  width: 220px;
}

.content-main.onecol {
  width: 720px;
  margin: 0 auto;
}

.cv-form {
  border: thin solid #ccc;
  background-color: #eee;
  padding: 20px;
}

.cv-form .cv-form-title {
  font-size: 17px;
  color: #065999;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.cv-form .cv-form-message {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}

.cv-form .cv-button a {
  border-radius: 3px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ccc;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-weight: bold;
  color: #fff;
  background-color: #999;
  line-height: 20px;
  font-size: 14px;
}

.cv-form .cv-button a:hover {
  background-color: #ccc;
}

.cv-form .cv-button.newform a {
  background: #00c48c;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #00c48c 15%, #00ad7c 99%);
  background: linear-gradient(to bottom, #00c48c 15%, #00ad7c 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c48c', endColorstr='#00ad7c',GradientType=0 );
  /* IE6-9 */
}

.cv-form .cv-button.newform a:hover {
  background: #00c48c;
}

.cv-area {
  border: thin solid #ccc;
  background-color: #eee;
  padding: 30px;
  margin: 40px auto;
  box-sizing: border-box;
}

.cv-area .cv-area-title {
  font-size: 24px;
  color: #065999;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.cv-area .cv-area-message {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  text-align: center;
}

.cv-area .cv-btns {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.cv-area .cv-button {
  width: 300px;
}

.cv-area .cv-button a {
  border-radius: 3px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ccc;
  display: block;
  text-align: center;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  background-color: #999;
  line-height: 20px;
  font-size: 14px;
  width: 100%;
}

.cv-area .cv-button a:hover {
  background-color: #ccc;
}

.cv-area .cv-button.newform a {
  background: #00c48c;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #00c48c 15%, #00ad7c 99%);
  background: linear-gradient(to bottom, #00c48c 15%, #00ad7c 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c48c', endColorstr='#00ad7c',GradientType=0 );
  /* IE6-9 */
}

.cv-area .cv-button.newform a:hover {
  background: #00c48c;
}

.cv-area .cv-button.newform a:before {
  content: '\f044';
  margin-right: 10px;
  font-family: fontAwesome;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.cv-area .cv-button.askform a:before {
  content: '\f003';
  margin-right: 10px;
  font-family: fontAwesome;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

nav.sidenavi {
  margin-bottom: 20px;
}

nav.sidenavi ul li {
  margin-bottom: 2px;
}

nav.sidenavi ul li.sub {
  margin-left: 10px;
}

nav.sidenavi ul li a {
  color: #000;
  display: block;
  font-size: 12px;
  position: relative;
  padding: 5px 5px 5px 20px;
}

nav.sidenavi ul li a.current {
  background-color: #fafafa;
  color: #065999;
}

nav.sidenavi ul li a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

nav.sidenavi ul li a:hover {
  opacity: 0.7;
}

table.content-table {
  width: 100%;
}

table.content-table tr th, table.content-table tr td {
  padding: 10px;
  text-align: left;
  border: thin solid #ccc;
}

table.content-table tr th {
  font-weight: normal;
}

table.content-table tr td {
  font-size: 13px;
}

table.content-table thead th {
  background-color: #eee;
  text-align: center;
}

table.content-table tbody th {
  background-color: #ddd;
}

table.content-table p.tategaki {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  /* IE用 */
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  /* Chrome、Firefox用 */
  margin: 0 auto;
  white-space: nowrap;
  width: 1em;
  /* firefox対策 */
  line-height: 1em;
  /* firefox対策 */
  text-orientation: upright;
  height: 100px;
}

table.content-table .memo {
  word-wrap: break-word;
}

table.content-table.badgespec tr td:first-child {
  width: 80px;
}

table.content-table.pricetable tr th {
  text-align: left;
}

table.content-table.widthauto {
  width: auto;
}

table.content-table.bordertop {
  border-top: thin solid #eee;
}

table.content-table.smaller {
  font-size: 13px;
}

article.content-main p,
article.content-main-main p {
  font-size: 14px;
  line-height: 25px;
}

article.content-main .row,
article.content-main-main .row {
  margin-bottom: 60px;
}

article.content-main .row h2,
article.content-main-main .row h2 {
  margin-bottom: 20px;
}

article.content-main .row h3,
article.content-main-main .row h3 {
  margin-bottom: 10px;
}

article.content-main .row h4,
article.content-main-main .row h4 {
  margin-bottom: 10px;
}

article.content-main .pointlist,
article.content-main-main .pointlist {
  color: #065999;
  overflow: hidden;
}

article.content-main .pointlist dt, article.content-main .pointlist dd,
article.content-main-main .pointlist dt,
article.content-main-main .pointlist dd {
  margin-bottom: 20px;
}

article.content-main .pointlist dt,
article.content-main-main .pointlist dt {
  float: left;
  clear: left;
  background-color: #eee;
  padding: 5px 20px;
  border-radius: 20px;
  margin-right: 20px;
}

article.content-main .pointlist dt span,
article.content-main-main .pointlist dt span {
  font-weight: bold;
  margin-left: 5px;
}

article.content-main .pointlist dd,
article.content-main-main .pointlist dd {
  float: left;
  margin-top: 5px;
  width: 600px;
}

article.content-main .col,
article.content-main-main .col {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

article.content-main .col .col-left,
article.content-main-main .col .col-left {
  margin-right: 30px;
}

article.content-main .col.col-half div,
article.content-main-main .col.col-half div {
  width: 50%;
}

article.content-main .memo,
article.content-main-main .memo {
  display: block;
}

article.content-main .boxer-img,
article.content-main-main .boxer-img {
  border: thin solid #ccc;
  width: 200px;
  height: 150px;
  position: relative;
  display: block;
}

article.content-main .boxer-img img,
article.content-main-main .boxer-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 133px;
}

article.content-main .boxer-img:hover,
article.content-main-main .boxer-img:hover {
  opacity: 0.7;
}

article.content-main .border,
article.content-main-main .border {
  border: thin solid #ccc;
  padding: 20px;
  box-sizing: boder-box;
}

article.content-main .centerCol,
article.content-main-main .centerCol {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

article.content-main .next-link,
article.content-main-main .next-link {
  margin: 20px auto;
  border-top: thin solid #ccc;
  border-bottom: thin solid #ccc;
}

article.content-main .next-link p,
article.content-main-main .next-link p {
  text-align: right;
}

article.content-main .next-link p a,
article.content-main-main .next-link p a {
  display: inline-block;
  font-size: 16px;
  color: #065999;
  padding: 40px 0;
  font-weight: bold;
}

article.content-main .next-link p a.next:after,
article.content-main-main .next-link p a.next:after {
  content: '>';
  margin-left: 10px;
}

article.content-main .next-link p a.prev:before,
article.content-main-main .next-link p a.prev:before {
  content: '<';
  margin-right: 10px;
}

article.content-main .next-link p a:hover,
article.content-main-main .next-link p a:hover {
  opacity: 0.7;
}

article.content-main .next-link p a[href$=".pdf"]:before,
article.content-main-main .next-link p a[href$=".pdf"]:before {
  content: '\f1c1';
  font-family: fontAwesome;
  margin-right: 10px;
}

article.content-main .next-link.twolinks,
article.content-main-main .next-link.twolinks {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

article.content-main .next-link.center-link p,
article.content-main-main .next-link.center-link p {
  text-align: center;
}

article.content-main .next-link.left-link p,
article.content-main-main .next-link.left-link p {
  text-align: left;
}

.internal-page-link {
  margin-bottom: 20px;
}

.internal-page-link .internal-page-link-ul {
  padding: 10px;
  border: thin solid #ccc;
  box-sizing: border-box;
}

.internal-page-link .internal-page-link-ul li {
  display: inline-block;
  margin-right: 20px;
  line-height: 40px;
}

.internal-page-link .internal-page-link-ul li a {
  font-size: 13px;
  color: #065999;
}

.internal-page-link .internal-page-link-ul li a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid #065999;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 5px;
}

.internal-page-link .internal-page-link-ul li a:hover {
  opacity: 0.7;
}

footer {
  border-top: 2px solid #065999;
  width: 100%;
  min-width: 980px;
  background-color: #dddddd;
}

.foot {
  width: 980px;
  margin: 50px auto 0 auto;
  overflow: hidden;
}

.footbox {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
}

.footbox ul.footlinks li {
  list-style-type: none;
  margin-bottom: 5px;
  font-size: 13px;
}

.footbox ul.footlinks li a {
  color: #000;
}

.footbox ul.footlinks li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.footbox ul.footlinks li.footlinks_item a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.footbox ul.footlinks li.parentitem {
  margin-left: 3px;
}

.footbox ul.footlinks li.parentitem:last-child {
  margin-bottom: 15px;
}

.footbox ul.footlinks li.parentitem a:before {
  border-left: 4px solid #065999;
}

.footbox ul.footlinks li.subitem {
  margin-left: 28px;
}

.footbox ul.footlinks li.subitem a:before {
  border-left: 4px solid #33a1f6;
}

.footbox .footpagetitle {
  margin-bottom: 5px;
  font-weight: bold;
}

.footbox .footpagetitle a {
  color: #000;
}

.footbox .footpagetitle a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #065999;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.footbox .footpagetitle a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.footer_logo {
  clear: both;
  border-top: thin solid #ccc;
  padding-top: 20px;
  margin-top: 20px;
  overflow: hidden;
}

.footer_logo_left {
  float: left;
  width: 550px;
}

.footer_logo_left img {
  display: block;
  margin-bottom: 5px;
}

.footer_logo_left .info {
  font-size: 13px;
}

.footer_logo_left2 {
  float: left;
  width: 450px;
}

.footer_logo_left2 img {
  display: block;
  margin-bottom: 5px;
}

.footer_logo_left2 .info {
  font-size: 13px;
}

.footer_logo_right {
  float: right;
  width: 400px;
  margin-top: 10px;
}

.footer_logo_right ul {
  text-align: right;
}

.footer_logo_right ul li {
  display: inline-block;
  list-style-type: none;
  margin-left: 10px;
}

.footer_logo_right ul li a:hover {
  opacity: 0.7;
}

.footer_logo_right2 {
  float: right;
  width: 510px;
}

.footer_logo_right2 ul {
  text-align: right;
}

.footer_logo_right2 ul li {
  display: inline-block;
  list-style-type: none;
  margin-left: 10px;
}

.footer_logo_right2 ul li a:hover {
  opacity: 0.7;
}

.copyright {
  width: 100%;
  min-width: 980px;
  padding: 10px 0;
  background-color: #cccccc;
  color: #000;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
}

/**************************
個別ページ
***************************/
#slideshow {
  width: 100%;
  height: 100%;
}

.slide-wrap {
  position: relative;
}

.slide-wrap img {
  width: 100%;
  max-width: 1440px;
  display: block;
  margin: 0 auto;
}

#slideshow .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
  box-shadow: 1px 1px 1px #999;
}

#slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #065999;
  opacity: 1;
}

.slide-btns {
  text-align: left;
  width: 980px;
  margin: auto;
  position: absolute;
  top: 81%;
  left: 0;
  right: 0;
  z-index: 10;
}

.slide-btns li {
  display: inline-block;
  margin-right: 10px;
}

.slide-btns li a {
  display: block;
  background-color: #00a0e9;
  color: #fff;
  font-size: 13px;
  padding: 15px 20px;
  text-align: center;
}

.slide-btns li a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.slide-btns li a:hover {
  background-color: #065999;
}

.slide-btns li a.newformbtn {
  background-color: #009944;
}

.slide-btns li a.newformbtn:hover {
  background-color: #006644;
}

.bannerArea {
  width: 100%;
  min-width: 980px;
  background-color: #f9f9f9;
  margin: 20px 0;
  padding: 20px;
  position: relative;
}

.bannerArea .banners {
  width: 980px;
  margin: 0 auto;
}

.bannerArea .nextprev {
  width: 1100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bannerArea .swiper-slide {
  width: 230px;
}

.bannerArea .swiper-button-next {
  right: 0px !important;
}

.bannerArea .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.bannerArea .swiper-button-prev {
  left: 0px !important;
}

.bannerArea .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.bannerbox {
  border-top: 5px solid #065999;
  width: 210px;
}

.bannerbox img {
  border: thin solid #ccc;
  width: 100%;
  box-sizing: border-box;
}

.bannerbox .banner-content {
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}

.bannerbox .banner-content .banner-title {
  font-size: 16px;
  color: #065999;
  margin-bottom: 5px;
  font-weight: 600;
}

.bannerbox .banner-content .banner-outline {
  font-size: 13px;
  color: #000;
  padding-bottom: 40px;
}

.bannerbox .banner-content .gotoBtn {
  position: absolute;
  background-color: #065999;
  display: block;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 6px 10px;
}

.bannerbox:hover {
  opacity: 0.7;
}

.newshome {
  width: 980px;
  margin: 20px auto;
}

.newsrelease {
  margin-top: 20px;
}

.newsrelease tr td {
  padding: 0 10px 20px 0;
  vertical-align: top;
}

.newsrelease tr td .icon {
  color: #fff;
  border-radius: 5px;
  background-color: #ccc;
  padding: 5px 8px;
  font-size: 13px;
  text-align: center;
  display: block;
  width: 75px;
}

.newsrelease tr td .icon.nl {
  background-color: #e395a3;
}

.newsrelease tr td .icon.release {
  background-color: #66cccc;
}

.newsrelease tr td .icon.productnews {
  background-color: #3366cc;
}

.newsrelease tr td.date {
  padding-right: 20px;
  word-break: keep-all;
}

.newsrelease tr td.newslink {
  padding-left: 10px;
}

.newsrelease tr td.newslink a {
  color: #065999;
  text-decoration: underline;
  font-size: 16px;
}

.newsrelease tr td.newslink a:hover {
  text-decoration: none;
}

.archive {
  text-align: right;
}

.archive a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #065999;
  padding: 5px 14px;
}

.archive a:hover {
  background-color: #00a0e9;
}

.archive a:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.alertmessage {
  padding: 20px;
  border: thin solid #ccc;
  border-radius: 10px;
  width: 980px;
  margin: 50px auto;
}

.alertmessage p {
  position: relative;
  padding-left: 40px;
  margin: 0 auto;
  width: 650px;
}

.alertmessage p:before {
  content: '\f071';
  font-family: fontAwesome;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 30px;
}

.q_order .pagetitle,
.luminess-new .pagetitle {
  margin-bottom: 0;
}

.q_order main,
.luminess-new main {
  background: #d1ecf9;
}

.q_order main section.pagetitle,
.luminess-new main section.pagetitle {
  background-color: rgba(255, 255, 255, 0.7);
}

.q_order .content,
.luminess-new .content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.q_order .onecol,
.luminess-new .onecol {
  width: 980px;
  padding: 10px 20px;
  background-color: #fff;
  box-sizing: border-box;
}

.q_order .onecol article a,
.luminess-new .onecol article a {
  font-weight: bold;
  text-decoration: underline;
}

.form-box-info {
  width: 800px;
  margin: 40px auto;
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */
}

.form-box-info label {
  display: inline-block;
  margin: 0 10px;
}

.form-box-info input {
  text-align: left;
}

.form-box-info input:focus {
  outline: 2px solid #065999;
}

.form-box-info input[type="text"], .form-box-info input[type="tel"], .form-box-info input[type="email"], .form-box-info select {
  border: thin solid #ccc;
  padding: 5px;
  width: 400px;
  margin-bottom: 10px;
}

.form-box-info input[type="tel"] {
  width: 80px;
}

.form-box-info input.postal-code {
  width: auto;
}

.form-box-info input[type="tel"], .form-box-info input[type="email"], .form-box-info input.postal-code, .form-box-info input.businessnum {
  ime-mode: inactive;
}

.form-box-info textarea {
  border: thin solid #ccc;
  padding: 5px;
  width: 400px;
}

.form-box-info textarea:focus {
  outline: 2px solid #065999;
}

.form-box-info select {
  padding: 5px 10px;
}

.form-box-info input[type="submit"] {
  display: block;
  margin: 20px auto;
  color: #fff;
  width: 200px;
  padding: 15px 0;
  background-color: #065999;
  text-align: center;
}

.form-box-info input[type="submit"]:hover {
  background-color: #00a0e9;
  cursor: pointer;
}

.form-box-info input[type="submit"].backtosubmit {
  background-color: #999;
}

.form-box-info input[type="submit"].backtosubmit:hover {
  background-color: #aaa;
}

.form-box-info.submits {
  text-align: center;
}

.form-box-info.submits input[type="submit"] {
  display: inline-block;
  margin: 0 20px;
}

.form-box-info input[type="radio"] {
  margin-top: 20px;
}

.form-box-info input.postal {
  width: 100px;
}

.form-box-info input.internaltel {
  width: 100px;
}

.form-box-info table {
  width: 100%;
}

.form-box-info table tr th, .form-box-info table tr td {
  vertical-align: top;
  padding: 5px;
  text-align: left;
}

.form-box-info table tr th {
  width: 200px;
  font-weight: 400;
}

.form-box-info table tr th span {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
}

.form-box-info h2 {
  text-align: left;
}

.form-box-info .memo {
  display: block;
  font-size: 12px;
  color: #000;
}

.form-box-info .req {
  color: red;
}

.form-box-info .require {
  text-align: right;
}

.form-box-info .alert {
  display: block;
  font-size: 13px;
  color: red;
}

.form-box-info .rowcontrol {
  font-size: 12px;
  background-color: #666;
  color: #fff;
  padding: 3px;
  border-radius: 5px;
}

.form-box-info .rowcontrol:hover {
  cursor: pointer;
  background-color: #999;
}

.form-box-info :placeholder-shown {
  color: #aaa;
}

.form-box-info ::-webkit-input-placeholder {
  color: #aaa;
}

.form-box-info :-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-box-info ::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-box-info :-ms-input-placeholder {
  color: #aaa;
}

.form-box {
  position: relative;
  width: 800px;
  margin: 0 auto;
}

.pricelist {
  float: right;
  display: block;
  margin-top: 10px;
  padding: 5px;
  box-sizing: border-box;
  border: thin solid #065999;
  border-radius: 10px;
}

.pricelist a {
  color: #065999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pricelist i.fa-list-ul {
  font-size: 30px;
}

.pricelist span {
  font-size: 12px;
  line-height: 14px;
  margin-left: 10px;
}

.pricelist:hover {
  opacity: 0.7;
}

#form01 {
  clear: both;
}

.form-progress {
  width: 800px;
  margin: 0 auto;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  border-bottom: thin solid #eee;
  padding-bottom: 20px;
}

.form-progress p {
  font-size: 22px;
  color: #999;
}

.form-progress p span {
  display: block;
  font-size: 14px;
}

.form-progress p.current {
  color: #065999;
  font-weight: bold;
}

.form-progress p:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #999;
  border-bottom: 10px solid transparent;
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
}

.form-progress p:last-child:after {
  border: none;
  display: none;
}

#agrees {
  width: 500px;
  margin: 0 auto 40px auto;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#agrees input[type="button"], #agrees input[type="submit"] {
  width: 200px;
  border-radius: 3px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ccc;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-weight: bold;
  color: #fff;
  background-color: #999;
  line-height: 20px;
  font-size: 14px;
}

#agrees input[type="button"]:hover, #agrees input[type="submit"]:hover {
  background-color: #ccc;
  cursor: pointer;
}

#agrees input[type="button"]#agree, #agrees input[type="submit"]#agree {
  background: #00c48c;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #00c48c 15%, #00ad7c 99%);
  background: linear-gradient(to bottom, #00c48c 15%, #00ad7c 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c48c', endColorstr='#00ad7c',GradientType=0 );
  /* IE6-9 */
}

#agrees input[type="button"]#agree:hover, #agrees input[type="submit"]#agree:hover {
  background: #00c48c;
}

.startdate {
  margin-bottom: 20px;
}

.startdate select {
  width: 100px;
  margin-right: 10px;
  margin-left: 10px;
}

.selectedbadge {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
  padding: 20px;
  border: thin solid #ccc;
}

#math {
  width: 100%;
  box-sizing: border-box;
}

#math p {
  font-size: 16px;
  margin: 20px 0;
  padding: 20px;
  border: thin solid #ccc;
}

.userinfo {
  padding: 0px 0 10px 0px;
  border: thin solid #ccc;
  position: relative;
}

.userinfo .form-box-info-table {
  width: 95%;
}

.userinfo .form-box-info-table tr th {
  width: 100px;
}

.userinfo .form-box-info-table input[type="text"] {
  width: 150px;
  margin-right: 10px;
}

.userinfo .form-box-info-table input[type="radio"] {
  margin-top: 0;
}

.userinfo .form-box-info-table select {
  width: 150px;
}

.userinfo .form-box-info-table input[type="text"].bday {
  width: 70px;
  margin-left: 10px;
}

.userinfo .form-box-info-table input[type="text"].bday:first-child {
  margin-left: 0;
}

.userinfo .control {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  background-color: #eee;
  padding: 5px;
}

.userinfo .control ul {
  display: table;
  height: 100%;
}

.userinfo .control ul li {
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  color: #666;
}

.userinfo .control ul li i {
  margin: 10px 0;
  position: relative;
}

.userinfo .control ul li i:hover {
  color: #065999;
  cursor: pointer;
}

.userinfo .control ul li .tooltips {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 250px;
  font-size: 12px;
  color: #333;
  padding: 5px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 1px 1px 1px #999;
  border: thin solid #eee;
}

.printout {
  display: block;
  margin: 30px auto;
  width: 300px;
  color: #fff;
  padding: 15px 0;
  background-color: #66cccc;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
}

.printout i.fa-print {
  font-size: 30px;
  display: block;
}

.printout:hover {
  background-color: #006644;
  cursor: pointer;
}

.form-box-info .badgetype {
  overflow: hidden;
  vertical-align: middle;
}

.form-box-info .badgetype .badges {
  display: inline-block;
}

.form-box-info .badgetype .badges label {
  display: block;
}

#badgedesign {
  display: inline-block;
  float: right;
  margin: 20px auto 20px auto;
  margin-left: 80px;
  vertical-align: middle;
}

#badgedesign li {
  display: inline-block;
  list-style-type: none;
  border-right: thin solid #ccc;
  padding: 0 5px;
}

#badgedesign li:first-child {
  border-left: thin solid #ccc;
}

#badgedesign li a {
  color: #333;
  text-align: center;
  display: block;
  font-size: 12px;
}

#badgedesign li a:hover {
  cursor: pointer;
  opacity: 0.7;
}

#badgedesign li a img {
  width: 100px;
}

.usernumber {
  font-weight: bold;
  color: #fff;
  background-color: #065999;
  display: inline-block;
  padding: 10px;
}

.help {
  font-size: 16px;
  margin-bottom: 10px;
}

.help:hover {
  opacity: 0.7;
}

.flowbox {
  width: 480px;
  margin: 20px auto;
}

.flowtriangle {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 28px solid #cae5fe;
  border-left: 28px solid transparent;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}

.pagetitle-main h1 span.small {
  font-size: 20px;
}

.pagetitle.luminessrelate {
  background-image: url(/luminess-otherproducts/images/luminess-relate-hero.jpg);
}

.top-cvlinks {
  overflow: hidden;
  padding-bottom: 40px;
  background-color: #fafafa;
  width: 980px;
  margin: 0 auto;
}

.top-cvlinks .cornortop-links-box {
  float: left;
  width: 48%;
  border-top: 5px solid #065999;
  padding: 10px;
  background-color: #fff;
  margin: 10px;
  position: relative;
}

.top-cvlinks .cornortop-links-box:nth-child(odd) {
  margin-left: 0;
  clear: left;
  width: 480px;
}

.top-cvlinks .cornortop-links-box:nth-child(even) {
  margin-right: 0;
  width: 480px;
}

.top-cvlinks .cornortop-links-box a {
  color: #000;
  font-size: 14px;
}

.top-cvlinks .cornortop-links-box a .cornortop-links-box-title {
  color: #065999;
  font-weight: 600;
}

.top-cvlinks .cornortop-links-box a .cornortop-links-box-paragraph {
  margin: 5px 0 20px;
}

.top-cvlinks .cornortop-links-box a:hover {
  opacity: 0.7;
}

.top-cvlinks .cornortop-links-box .gotoBtn {
  position: absolute;
  background-color: #065999;
  display: block;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 6px 10px;
}

.top-cvlinks .cornortop-links-box.withimage .col-left {
  margin-right: 10px;
}

.top-cvlinks .cornortop-links-box.withimage img {
  width: 80px;
}

.top-cvlinks .cornortop-links-box:hover {
  background-color: #eee;
}


.cornortop-links {
  overflow: hidden;
  padding: 20px;
  background-color: #fafafa;
  width: 100%;
}

.cornortop-links .cornortop-links-box {
  float: left;
  width: 48%;
  border-top: 5px solid #065999;
  padding: 10px;
  background-color: #fff;
  margin: 10px;
  position: relative;
}

.cornortop-links .cornortop-links-box:nth-child(odd) {
  margin-left: 0;
  clear: left;
}

.cornortop-links .cornortop-links-box:nth-child(even) {
  margin-right: 0;
}

.cornortop-links .cornortop-links-box a {
  color: #000;
  font-size: 14px;
}

.cornortop-links .cornortop-links-box a .cornortop-links-box-title {
  color: #065999;
  font-weight: 600;
}

.cornortop-links .cornortop-links-box a .cornortop-links-box-paragraph {
  margin: 5px 0 20px;
}

.cornortop-links .cornortop-links-box a:hover {
  opacity: 0.7;
}

.cornortop-links .cornortop-links-box .gotoBtn {
  position: absolute;
  background-color: #065999;
  display: block;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 6px 10px;
}

.cornortop-links .cornortop-links-box.withimage .col-left {
  margin-right: 10px;
}

.cornortop-links .cornortop-links-box.withimage img {
  width: 80px;
}

.cornortop-links .cornortop-links-box:hover {
  background-color: #eee;
}

.easyspec {
  margin-bottom: 40px;
}

.easyspec tbody tr td {
  text-align: center;
}

.easyspec tbody tr td.nothing {
  border-right: thin solid #eee;
}

.ceoimg {
  float: left;
  margin-right: 15px;
}

.messagetitle {
  font-size: 28px;
  border-bottom: none;
  margin-bottom: 10px;
}

.sign {
  text-align: right;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Sawarabi Mincho";
  letter-spacing: 5px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.sign .ceoname {
  font-size: 20px;
}

.philosophy {
  margin: 40px auto 0px auto;
  padding: 20px 40px;
  border: thin solid #999;
  position: relative;
}

.philosophy .philosophy-title {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.philosophy .decimallist {
  text-align: center;
  display: block;
  width: 628px;
  margin: 20px auto;
}

.philosophy .decimallist li {
  text-align: left;
}

.philosophy .philosophylist li {
  padding-left: 0;
  margin-bottom: 5px;
}

.philosophy .philosophylist li:before {
  content: '';
  display: none;
}

.isoimg {
  width: 100%;
}

.externallink a {
  color: #065999;
  margin-top: 10px;
  font-weight: bold;
}

.externallink a:hover {
  text-decoration: underline;
}

table.company-outline-table tbody tr th {
  width: 120px;
}

.nltitle {
  font-size: 23px;
}

#backnumberBtn {
  width: 300px;
  display: block;
  margin: 20px auto;
  text-align: center;
  border: thin solid #ccc;
  padding: 10px;
}

#backnumberBtn:hover {
  cursor: pointer;
  opacity: 0.7;
}

#backnumbers {
  display: none;
}

.gallerylist {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gallerylist li {
  list-style-type: none;
  margin-bottom: 10px;
}

.gallerylist li a.boxer-img {
  width: 170px;
  height: 150px;
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
}

.gallerylist li a.boxer-img img {
  height: 100%;
}

.gallerylist:before {
  content: "";
  display: block;
  width: 170px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.gallerylist:after {
  content: "";
  display: block;
  width: 170px;
}

/*新規申込*/
.campaign .col-right img {
  width: 200px;
  border: thin solid #ccc;
}

.scrollbox {
  border: thin solid #ccc;
  padding: 20px;
  height: 300px;
  overflow-y: scroll;
}

.scrollbox .centertitle {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

.scrollbox ol {
  margin-left: 20px;
}

.scrollbox ol li {
  margin-bottom: 10px;
}

.scrollbox ol li > ol li {
  list-style-type: cjk-ideographic;
}

.form-box-agreement {
  text-align: center;
  margin: 20px auto;
}

.form-box-agreement label {
  display: inline-block;
  margin: 20px 10px;
}

.form-box-agreement label:hover {
  cursor: pointer;
}

.form-box-agreement input[type="submit"] {
  display: block;
/*  border-radius: 3px; */
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #065999;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-weight: bold;
  color: #fff;
  background-color: #065999;
  line-height: 20px;
  font-size: 14px;
  width: 200px;
  margin: 20px auto;
}

.form-box-agreement input[type="submit"]:hover {
  background-color: #00a0e9;
  cursor: pointer;
}

.formendbox {
  padding: 20px 0 40px 0;
}

/*サイトマップ*/
.sitemap {
  overflow: hidden;
}

.sitemap .sitemapbox {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

.sitemap .sitemapbox ul.sitemaplinks li {
  margin-left: 20px;
  margin-bottom: 5px;
}

.sitemap .sitemapbox:last-child {
  float: none;
  clear: left;
}

/*報告書*/
ul.reportlist li {
  list-style-type: none;
  margin-bottom: 5px;
}

.reportzoom {
  border: thin solid #ccc;
  padding: 5px;
  display: inline-block;
  margin: 10px 0 0 0;
}

.reportzoom:hover {
  opacity: 0.7;
}

/*入退*/
.gateimg {
  border: thin solid #ccc;
  padding: 5px;
}

/*一番最後にモバイル用cssを読み込む*/
@media only screen and (max-width: 768px) {
  header {
    position: fixed;
    height: 70px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #ccc;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  header .header_left {
    float: none;
    display: block;
    width: 75%;
  }
  header .header_left a img {
    width: 100%;
    max-width: 300px;
  }
  header .header_right {
    float: none;
    width: 50px;
    position: relative;
  }
  header .header_right ul {
    display: none;
  }
  #hamburger {
    display: block;
    width: 60px;
    padding: 0;
    overflow: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #065999;
    font-size: 11px;
    text-align: center;
  }
  #hamburger span {
    background: #065999;
    display: block;
    height: 3px;
    margin: 5px auto;
    width: 30px;
    position: relative;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: none 0.5s ease;
    transition: none 0.5s ease;
    -webkit-transition-property: top, left, opacity, -webkit-transform;
    transition-property: top, left, opacity, -webkit-transform;
    transition-property: transform, top, left, opacity;
    transition-property: transform, top, left, opacity, -webkit-transform;
  }
  #mm-blocker {
    background: rgba(255, 255, 255, 0.8);
  }
  #hamburgerClose {
    position: absolute;
    top: 6px;
    right: 0px;
    display: block;
    width: 60px;
    padding: 10px 6px;
    overflow: hidden;
    z-index: 100;
  }
  #hamburgerClose:hover {
    cursor: pointer;
  }
  #hamburgerClose span {
    background: #666;
    display: block;
    height: 3px;
    margin: 5px 10px;
    position: relative;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: none 0.5s ease;
    transition: none 0.5s ease;
    -webkit-transition-property: top, left, opacity, -webkit-transform;
    transition-property: top, left, opacity, -webkit-transform;
    transition-property: transform, top, left, opacity;
    transition-property: transform, top, left, opacity, -webkit-transform;
  }
  html.mm-opened #hamburgerClose span.top-bar {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 7px;
  }
  html.mm-opened #hamburgerClose span.middle-bar {
    opacity: 0;
    left: -40px;
  }
  html.mm-opened #hamburgerClose span.bottom-bar {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: -9px;
  }
  .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 0;
  }
  .mm-navbar {
    height: 60px;
  }
  .mm-title {
    padding: 20px 0;
  }
  .mm-btn {
    height: 60px;
  }
  #gnavi {
    display: none;
  }
  #mobilesearch {
    padding: 0 2%;
  }
  #mobilesearch .gsc-input {
    width: 100% !important;
    color: #000 !important;
  }
  #mobilesearch input.gsc-search-button {
    background: #ccc !important;
  }
  main {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 0;
    padding-top: 70px;
  }
  .bannerArea {
    padding: 3%;
    min-width: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  .bannerArea .nextprev {
    display: none;
  }
  .swiper-container-autoheight.banners .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .swiper-container-autoheight.banners .swiper-wrapper .swiper-slide a {
    display: block;
  }
  .bannerbox .banner-content {
    height: 200px;
  }
  .breadcrumb {
    display: none;
  }
  section.pagetitle {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.pagetitle.withimagebg:after {
    display: none;
  }
  section.pagetitle .pagetitle-main {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    text-align: center;
    position: relative;
    z-index: 1;
    border-top: thin solid #eee;
  }
  section.pagetitle .pagetitle-main h1 {
    color: #333;
    width: 100%;
    min-width: 100%;
  }
  section.pagetitle .pagetitle-main.withimage {
    position: relative;
    min-height: 180px;
    overflow: hidden;
  }
  section.pagetitle .pagetitle-main.withimage .pagetitleh1 {
    z-index: 100;
    width: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section.pagetitle .pagetitle-main.withimage h1 {
    width: 100%;
  }
  section.pagetitle .pagetitle-main.withimage p {
    width: 100%;
  }
  section.pagetitle .pagetitle-main.withimage img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: -1;
    opacity: 0.2;
  }
  section.pagetitle .pagetitle-main.withimage .borderbg {
    width: 100%;
  }
  section.pagetitle .pagetitle-main.withimage .borderbg .nanamebg {
    -webkit-transform: none;
            transform: none;
    width: 100%;
    opacity: 0.9;
  }
  section.pagetitle .pagetitle-main.withimage .imgbg {
    width: 100%;
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.luminess {
    background-image: url("/common/images/hero/luminess-hero3_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.luminessother {
    background-image: url("/common/images/hero/otherbadges-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.luminessbweb {
    background-image: url("/common/images/hero/bweb-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.luminessotherproducts {
    background-image: url("/common/images/hero/luminess-relate-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.wearing {
    background-image: url("/common/images/hero/luminess-user-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.otherproducts {
    background-image: url("/common/images/hero/_PRI7358_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.faq {
    background-image: url("/common/images/hero/luminess-user-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.company {
    background-image: url("/common/images/hero/_PRI7220_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.download {
    background-image: url("/common/images/hero/download-hero_s.jpg");
  }
  section.pagetitle .pagetitle-main.withimage .imgbg.nlletter {
    background-image: url("/common/images/hero/nlletter-hero_s.jpg");
  }
  section.pagetitle.bg {
    background-position: right;
    padding: 0;
    position: relative;
    padding: 10% 0;
  }
  section.pagetitle.bg .pagetitle-main {
    border-top: none;
  }
  section.pagetitle.bg:after {
    background: rgba(255, 255, 255, 0.7);
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .content {
    min-width: 100%;
  }
  .content-main {
    width: 100%;
  }
  .content-main.twocol {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-main.twocol .content-main-main {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .content-main.onecol {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  article.content-main-main img {
    max-width: 100%;
    height: auto;
  }
  article.content-main-main .col {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  article.content-main-main .col .col-left {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  article.content-main-main .col .col-right {
    margin-bottom: 10px;
    width: 100%;
  }
  article.content-main-main .col.col-half div {
    width: 100%;
  }
  article.content-main-main .pointlist dt {
    margin-bottom: 10px;
  }
  article.content-main-main .pointlist dd {
    width: 100%;
  }
  article.content-main-main .decimallist {
    margin-left: 10px;
  }
  article.content-main-main .luminessbadgedesign .col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  article.content-main-main .next-link.twolinks {
    display: block;
  }
  article.content-main-main .next-link.twolinks p a {
    width: 100%;
    text-align: center;
    padding: 3% 0 3%;
  }
  article.content-main-main .spscrollmemo {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 20px;
    color: #60b7e7;
  }
  .responsive-table {
    margin-top: 0;
    overflow-x: auto;
    width: 100%;
  }
  .responsive-table table {
    width: 980px;
    margin-top: 0;
  }
  .cv-area .cv-btns {
    display: block;
    margin: 0 auto;
  }
  .cv-area .cv-button {
    margin-bottom: 20px;
    width: 100%;
  }
  .content-main-side {
    display: none;
  }
  .content-main-side .cv-form {
    display: none;
  }
  #pagetop {
    display: none;
  }
  footer {
    min-width: 100%;
  }
  .foot {
    display: none;
  }
  .copyright {
    min-width: 100%;
  }
  .gsc-control-cse {
    border-radius: 0px;
    background-color: #fff !important;
  }
  .slide-btns {
    display: none;
  }
  .newshome {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .newsrelease tr td {
    padding: 10px 0;
  }
  .newsrelease tr td.date, .newsrelease tr td:nth-child(2) {
    display: inline-block;
  }
  .newsrelease tr td.newslink {
    display: block;
    padding: 10px 0 20px 0;
  }
  .newsrelease tr td.newslink a {
    word-break: break-all;
  }
  .spbanner-content {
    display: block;
    position: relative;
    margin-top: 10px;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .spbanner-content li {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .spbanner-content li a {
    font-size: 14px;
  }
  .alertmessage {
    width: 90%;
    box-sizing: border-box;
    padding: 3%;
  }
  .alertmessage p {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .alertmessage p:before {
    position: relative;
  }
  .flowbox {
    width: 100%;
  }
  table.company-outline-table tbody tr th, table.company-outline-table tbody tr td {
    display: block;
    width: 100%;
  }
  .q_order .onecol,
  .luminess-new .onecol {
    width: 100%;
    padding: 20px 3%;
  }
  .form-box {
    width: 100%;
  }
  .form-box img {
    width: 100%;
  }
  .form-box .row {
    width: 100%;
  }
  .form-box .submitdate {
    text-align: center;
    padding: 10px 0;
    border-top: thin solid #ccc;
    border-bottom: thin solid #ccc;
  }
  .form-box .submitdate h4.mt20 {
    margin-top: 0;
  }
  .form-box .pricelist {
    float: none;
    margin: 20px auto;
    width: 170px;
  }
  .form-progress {
    width: 100%;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    padding-bottom: 10px;
  }
  .form-progress p {
    font-size: 13px;
  }
  .form-progress p:after {
    display: none;
  }
  .form-box-info {
    width: 100%;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .form-box-info table tr th, .form-box-info table tr td {
    display: block;
    width: 100%;
  }
  .form-box-info table tr th input[type="text"],
  .form-box-info table tr th input[type="tel"],
  .form-box-info table tr th input[type="email"],
  .form-box-info table tr th select, .form-box-info table tr td input[type="text"],
  .form-box-info table tr td input[type="tel"],
  .form-box-info table tr td input[type="email"],
  .form-box-info table tr td select {
    width: 100%;
  }
  .form-box-info table tr th input[type="tel"],
  .form-box-info table tr th input.tel, .form-box-info table tr td input[type="tel"],
  .form-box-info table tr td input.tel {
    display: inline-block;
    width: 30%;
  }
  .form-box-info table tr th input[name="postal_code1"],
  .form-box-info table tr th input[name="postal_code2"], .form-box-info table tr td input[name="postal_code1"],
  .form-box-info table tr td input[name="postal_code2"] {
    display: inline-block;
    width: 30%;
  }
  .form-box-info table tr th #postcode1, .form-box-info table tr th #postcode2, .form-box-info table tr td #postcode1, .form-box-info table tr td #postcode2 {
    width: 30%;
  }
  .form-box-info input[type="button"].backtosubmit {
    margin-bottom: 20px;
  }
  .form-box-info textarea.comment {
    width: 100% !important;
  }
  .startdate {
    margin: 10px auto;
  }
  .startdate span.req:after {
    content: '\A';
    white-space: pre;
  }
  .startdate select {
    margin-left: 0;
  }
  .form-box-info .badgetype {
    overflow: hidden;
    vertical-align: middle;
  }
  .form-box-info .badgetype .badges {
    display: block;
    text-align: center;
  }
  .form-box-info .badgetype .badges label {
    display: inline-block;
    text-align: center;
  }
  #badgedesign {
    text-align: left;
    margin-left: 0;
    padding: 0;
    float: none;
    display: block;
  }
  #badgedesign li {
    display: block;
    margin-left: 0;
    border: none;
    border-bottom: thin solid #ccc;
    padding: 5px 0;
  }
  #badgedesign li:first-child {
    border: none;
    border-bottom: thin solid #ccc;
    border-top: thin solid #ccc;
  }
  #badgedesign li a {
    text-align: center;
  }
  .userinfo .form-box-info-table input[type="text"].bday {
    margin: 0;
  }
  .userinfo .form-box-info-table input[type="text"].bday:after {
    content: '\A';
    white-space: pre;
    display: block;
  }
  .userinfo .control ul li .tooltips {
    position: absolute;
    top: 10px;
    left: auto;
    right: 0;
    width: 250px;
    padding: 5px;
  }
  #math {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .printout {
    display: none;
  }
  .form-thanks {
    width: 100% !important;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
  }
  /*ホーム*/
  .leadmessage {
    top: 5%;
    width: 100%;
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    font-size: 0.7em;
    line-height: 1.5em;
    text-shadow: 1px 1px 3px #fff;
  }
  .leadmessage br {
    display: none;
  }
  /*ご挨拶*/
  .ceoimg {
    width: 70%;
    float: none;
    margin: 0;
    display: block;
    margin: 20px auto;
  }
  /*コーナートップ*/
  .cornortop-links .cornortop-links-box {
    width: 100%;
    margin: 10px 0;
    float: none;
  }
  /*Google Search*/
  .gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
    width: 90% !important;
    left: 5%;
  }
  /*といあわせ*/
  #agrees {
    width: 100%;
    display: block;
  }
  #agrees input[type="submit"], #agrees input[type="button"] {
    display: block;
    margin: 20px auto;
  }
  .form-box-info table {
    box-sizing: border-box;
  }
  .form-box-info textarea {
    width: 100%;
  }
  /*アクセス*/
  .company.map .content-main-main iframe {
    width: 100%;
  }
  /*料金*/
  .responsive-table .pricetable {
    width: 100%;
  }
  .responsive-table .pricetable tr th, .responsive-table .pricetable tr td {
    padding: 5px;
  }
}

/*印刷用*/
@media print {
  .user_entry_check header,
  .new_entry_confirm header,
  .new_entry_check header {
    display: none;
  }
  .user_entry_check #gnavi,
  .new_entry_confirm #gnavi,
  .new_entry_check #gnavi {
    display: none;
  }
  .user_entry_check main,
  .new_entry_confirm main,
  .new_entry_check main {
    width: 100%;
    min-width: 100%;
  }
  .user_entry_check .breadcrumb,
  .new_entry_confirm .breadcrumb,
  .new_entry_check .breadcrumb {
    display: none;
  }
  .user_entry_check section.pagetitle .pagetitle-main h1:after,
  .new_entry_confirm section.pagetitle .pagetitle-main h1:after,
  .new_entry_check section.pagetitle .pagetitle-main h1:after {
    content: '　お客様控え';
  }
  .user_entry_check .form-progress,
  .new_entry_confirm .form-progress,
  .new_entry_check .form-progress {
    display: none;
  }
  .user_entry_check .pricelist,
  .new_entry_confirm .pricelist,
  .new_entry_check .pricelist {
    display: none;
  }
  .user_entry_check footer,
  .new_entry_confirm footer,
  .new_entry_check footer {
    display: none;
  }
  .user_entry_check #pagetop,
  .new_entry_confirm #pagetop,
  .new_entry_check #pagetop {
    display: none;
  }
  .user_entry_check .form-box-info textarea.comment,
  .new_entry_confirm .form-box-info textarea.comment,
  .new_entry_check .form-box-info textarea.comment {
    display: none;
  }
  .user_entry_check .form-box-info .commentparagraph,
  .new_entry_confirm .form-box-info .commentparagraph,
  .new_entry_check .form-box-info .commentparagraph {
    display: none;
  }
}