@charset "UTF-8";

/*================================================================
 site_default
================================================================*/
/* -------------------------------------------
 * initialize
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}

/* For Android */
body * {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, main {
  display: block;
}

sup {
  font-size: 10px;
  vertical-align: super;
}
sub {
  font-size: 10px;
}

div {
  line-height: 0;
}

ul li {
  list-style: none;
}

input, select {
  vertical-align: middle;
}

.hide {
  display: none;
}

body {
  font-family: YuGothic, Yu Gothic, "游ゴシック", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
}

img {
  -ms-interpolation-mode: bicubic;
}

a {
  text-decoration: none;
}

a:hover:not(.noOpacity) {
  opacity: 0.7;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.mincho {
  font-family: YuMincho, Yu Mincho, “游明朝”, serif;
}

.Khand {
  font-family: 'Khand', sans-serif;
  font-weight: 300;
}

.gotham {
  font-family: Gotham, sans-serif;
}

.bold {
  font-weight: bold;
}

.ind1 {
  text-indent: -1em;
  padding-left: 1em;
}
.ind3 {
  text-indent: -3em;
  padding-left: 3em;
}
.ind4 {
  text-indent: -4em;
  padding-left: 4em;
}

.wrap {
  margin: 0 auto;
  width: 1217px;
  position: relative;
}

.pc {
  display: inline-block !important;
}

.sp {
  display: none !important;
}

img.sp {
  margin: 0 auto;
}

.videoWrap { /*2022.04 add*/
  width:100%;
  padding-bottom: 56.25%;
  height:0px;
  position: relative;
}
.videoWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 769px) {
  a.tel {
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }

  .wrap {
    width: 94%;
  }

  sup, sub {
    font-size: 8px;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .wrap {
    width: 94%;
  }
}
/*================================================================
 common_style
================================================================*/
.modalOpen {
  overflow: hidden;
}

body.spMenuOpen {
  overflow: hidden;
}


@media screen and (min-width: 769px) {
  .siteHeader .naviScrollArea {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
  }
}
@media screen and (min-width: 769px) {
  .siteHeader .spLayer {
    display: none !important;
  }
}
.siteHeader .headNavi {
  float: left;
  padding-top: 8px;
}
.siteHeader .headNavi > ul > li {
  float: left;
  margin-right: 30px;
  font-size: 16px;
}
.siteHeader .headNavi > ul > li:last-child {
  margin-right: 0;
}
.siteHeader .headNavi > ul > li.current > a:after {
  left: 0;
  width: 100%;
}
.siteHeader .headNavi > ul > li > a {
  display: inline-block;
  position: relative;
  padding-bottom: 34px;
  color: #333333;
}
.siteHeader .headNavi > ul > li > a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 0;
  height: 3px;
  background: #0075c2;
  -webkit-transition-property: width, left;
  -ms-transition-property: width, left;
  -moz-transition-property: width, left;
  transition-property: width, left;
  -webkit-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.siteHeader .headNavi > ul > li > a:hover {
  opacity: 1;
}
.siteHeader .headNavi > ul > li > a:hover:after {
  left: 0;
  width: 100%;
}
.siteHeader .headNavi > ul > li .dropDown {
  display: none;
  box-sizing: border-box;
  position: absolute;
  top: 90px;
  left: 0;
  padding: 30px 0 40px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.siteHeader .headNavi > ul > li .dropDown > .wrap {
  box-sizing: border-box;
  padding: 0 30px;
}
.siteHeader .headNavi > ul > li .dropDown .textArea {
  float: left;
  width: 300px;
}
.siteHeader .headNavi > ul > li .dropDown .categoryName {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.siteHeader .headNavi > ul > li .dropDown .categoryName:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background: #fff;
}
.siteHeader .headNavi > ul > li .dropDown .listAll {
  line-height: 1;
}
.siteHeader .headNavi > ul > li .dropDown .listAll a {
  display: block;
  box-sizing: border-box;
  position: relative;
  padding: 14px 0 12px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
}
.siteHeader .headNavi > ul > li .dropDown .listAll a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.siteHeader .headNavi > ul > li .dropDown ul {
  float: right;
  margin-bottom: -30px;
  width: 890px;
}
.siteHeader .headNavi > ul > li .dropDown li {
  float: left;
  padding: 0 30px 30px 0;
  width: 200px;
}
.siteHeader .headNavi > ul > li .dropDown li:nth-child(4n) {
  padding-right: 0;
}
.siteHeader .headNavi > ul > li .dropDown li:nth-child(4n+1) {
  clear: both;
}
.siteHeader .headNavi > ul > li .dropDown li .pageName {
  display: block;
  position: relative;
  margin-top: 8px;
  line-height: 1.3;
  font-size: 16px;
  color: #fff;
}
.siteHeader .headNavi > ul > li .dropDown li a {
  display: block;
}



.siteFooter {
  position: relative;
  padding: 30px 0 20px;
  background: #0075c2;
  z-index: 6;
}
.siteFooter > .wrap {
  position: relative;
}
.siteFooter .contactList {
  /*margin-bottom: 40px;*/
  padding-bottom: 80px;
  border-bottom: 1px solid #117ec6;
}
.siteFooter .contactList li {
  box-sizing: border-box;
  float: left;
  width: 382px;
  height: 120px;
  background: #fff;
  border-right: 1px solid #0075c2;
}
.siteFooter .contactList li .roundness {
  display: inline-block !important;
  position: relative;
  width: 260px;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  line-height: 1;
  background: #ffba49;
  color: #fff;
}
.siteFooter .contactList li .roundness:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -72px;
  width: 48px;
  height: 48px;
  background: url("../img/common/icon_mail02.png") no-repeat;
  background-size: 100% auto;
}
.siteFooter .contactList li a {
  box-sizing: border-box;
  display: block;
  padding: 18px 0 0 100px;
  height: 100%;
}
.siteFooter .contactList li .lead {
  width: 260px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #111111;
}
.siteFooter .contactList li:first-child {
  padding: 10px;
  width: 453px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.siteFooter .contactList li:first-child p {
  box-sizing: border-box;
  padding: 20px 20px 0;
  height: 100%;
  line-height: 1.4;
  background: url("../img/common/foot_contact_bg.png") no-repeat center center;
}
.siteFooter .contactList li:nth-child(2) .roundness {
  line-height: 60px;
}
.siteFooter .contactList li:last-child {
  border-right: none;
}
.siteFooter .contactList li:last-child a {
  padding-top:30px;
}
.siteFooter .contactList li:last-child .lead {
  padding-bottom: 3px;
}
.siteFooter .contactList li:last-child .roundness {
  padding-bottom: 5px;
  height: auto;
  background: none;
}
.siteFooter .contactList li:last-child .roundness:before {
  top: -12px;
  width: 48px;
  height: 48px;
  background-image: url("../img/common/icon_tel.png");
}
.siteFooter .contactList li:last-child .businessHours {
  display: block;
  position: relative;
  padding: 5px 0;
  width: 260px;
  color: #111111;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #f4f4f4;
}
.siteFooter .contactList li:last-child .businessHours:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -75px;
  width: 14px;
  height: 14px;
  background: url("../img/common/icon_clock.svg") no-repeat;
  background-size: 100% auto;
}
.siteFooter .footNavi {
  margin-bottom: 20px;
  padding-bottom: 35px;
  border-bottom: 1px solid #117ec6;
}
.siteFooter .footNavi ul {
  margin-bottom: -25px;
}
.siteFooter .footNavi li {
  float: left;
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: bold;
  width: 243px;
}
.siteFooter .footNavi li:nth-child(6), .siteFooter .footNavi li:nth-child(9) {
  clear: both;
}
.siteFooter .footNavi li a {
  display: inline-block;
  position: relative;
  padding: 17px 0 0 2px;
  color: #fff;
}
.siteFooter .footNavi li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: #ffba49;
}
.siteFooter .otherLinks {
  float: right;
  padding-right: 30px;
}
.siteFooter .otherLinks li {
  float: left;
  position: relative;
  margin-right: 23px;
  padding-right: 25px;
}
.siteFooter .otherLinks li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 15px;
  background: #fff;
}
.siteFooter .otherLinks li:last-child {
  margin: 0;
  padding: 0;
}
.siteFooter .otherLinks li:last-child:after {
  display: none;
}
.siteFooter .otherLinks li a {
  display: inline-block;
  color: #fff;
}
.siteFooter .otherLinks li a:hover {
  opacity: 1;
  text-decoration: underline;
}
.siteFooter .companyInfo {
  position: absolute;
  top: 157px;
  left: 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.siteFooter .companyInfo .en {
  padding-right: 42px;
  font-size: 14px;
}
.siteFooter .companyInfo .address {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  font-weight: normal;
}
.siteFooter .companyInfo .address:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 10px;
  height: 16px;
  background: url("../img/common/icon_pin.svg") no-repeat;
}
.siteFooter .copyright {
  float: left;
  font-size: 12px;
  color: #fff;
}
.siteFooter .pageTop {
  position: fixed;
  right: 1%;
  bottom: 1%;
  text-align: center;
}
.siteFooter .pageTop a {
  box-sizing: border-box;
  display: block;
  padding: 18px 0 17px;
  width: 80px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.8);
}

#goform {
  position: fixed;
  right: 1%;
}

#goform div {
	width: 80px;
	box-sizing: border-box;
	border-radius: 1em;
	background-color: #29bf12;
	color: #fff;
  padding-top: 0.75em;
  padding-bottom: 2em;
	text-align: center;
}

#goform div {
  animation: anim-scale 4.5s ease-out infinite;
  transform-origin: 50% 50%;
}
@keyframes anim-scale {
  0% {transform: scale(0.98, 0.98)}
  7% {transform: scale(1.04, 1.04)}
  11% {transform: scale(1, 1)}
  15% {transform: scale(1.02, 1.02)}
  19% {transform: scale(1, 1)}
  100% {transform: scale(1, 1)}
}

#goform div span {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
  line-height: 1.3;
  font-weight: 600;
}

#goform div span span {
  font-size: 108%;
}

#goform div span::after {
	content: '▼';
	font-size: 125%;
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.3em;
	margin-top: 0.2em;
}

.allWrap {
  min-width: 1280px;
}

main {
  position: relative;
  padding-top: 90px;
  background: url("../img/common/main_bg.jpg") repeat left top;
}

@media screen and (min-width: 769px) {
  .telBtn a {
    display: inline-block;
    pointer-events: none;
  }
}

.indent {
  text-indent: 1em;
}


.pageTitle {
  padding-bottom: 40px;
}
.pageTitle h2 {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 52px;
  width: 877px;
  height: 250px;
  border-left: 10px solid #0075c2;
  vertical-align: middle;
  line-height: 1.7;
  font-size: 36px;
  background: url("../img/quality/quality01/pagetitle_img.jpg") no-repeat right center #fff;
  background-size: auto 100%;
}
.pageTitle h2 .small {
  padding-left: 5px;
  font-size: 16px;
}

.sectionTitle01 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #0075c2;
}
.sectionTitle01:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -65px;
  width: 130px;
  height: 1px;
  background: #c7c7c7;
}
.sectionTitle01 .en {
  display: block;
  padding-bottom: 12px;
  font-size: 36px;
  color: #0c090d;
}

.sectionTitle02 {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 8px 15px 6px;
  border-top: 2px solid #0075c2;
  border-bottom: 2px solid #0075c2;
  line-height: 1.5;
  font-size: 24px;
}

.sectionTitle03 {
  box-sizing: border-box;
  padding: 11px 18px 9px;
  border-left: 10px solid #0075c2;
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #0c090d;
}

.sectionTitle04 {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 60px;
  padding: 24px 50px 22px;
  border-left: 10px solid #0075c2;
  line-height: 1.5;
  font-size: 34px;
  font-weight: bold;
  background: #fff;
}
.sectionTitle04 img {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.sectionTitle05 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 30px;
  line-height: 1.7;
  text-align: center;
  font-size: 36px;
}
.sectionTitle05:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -65px;
  width: 130px;
  height: 1px;
  background: #c7c7c7;
}

.sectionTitle06 {
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0075c2;
  line-height: 1.5;
  font-size: 24px;
}
.sectionTitle07 {
  margin-bottom: 25px;
  padding: 11px 18px 10px;
  border-left: 10px solid #0075c2;
  line-height: 1.5;
  font-size: 20px;
}

.colorR {
  color: #c20000;
}

.formBtn {
  padding-top: 60px;
  text-align: center;
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
}
.formBtn a {
  display: inline-block;
  position: relative;
  padding: 12px 0 11px;
  width: 100%;
  max-width: 410px;
  border-radius: 25px;
  color: #fff;
  background: #ffba49;
}
.formBtn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/*================================================================
 lower_style
================================================================*/


.lower .mainVisual h1,
.lower .mainVisual .catch {
  width: 100%;
  text-align: center;
}
.lower .mainVisual h1 {
  padding-bottom: 25px;
  font-size: 18px;
  font-weight: normal;
}
.lower .mainVisual h1 span {
  display: block;
  padding-bottom: 10px;
  font-size: 48px;
}
.lower .mainVisual .catch {
  font-size: 16px;
}

.lower .breadcrumb {
  padding: 23px 0 21px;
  font-size: 14px;
  color: #fff;
  background: #0c090d;
}
.lower .breadcrumb a {
  color: #0075c2;
}
.lower .breadcrumb ul {
  box-sizing: border-box;
  padding: 0 10px;
}
.lower .breadcrumb ul li {
  float: left;
  position: relative;
  margin-right: 10px;
  padding-right: 22px;
}
.lower .breadcrumb ul li:after {
  content: "/";
  position: absolute;
  top: 0;
  right: 0;
}
.lower .breadcrumb ul li:last-child {
  margin: 0;
  padding: 0;
}
.lower .breadcrumb ul li:last-child:after {
  display: none;
}


.lower .sideMenu .categoryName {
  display: none;
}
@media screen and (min-width: 769px) {
  .lower .sideMenu ul {
    display: block !important;
  }
}




@media screen and (min-width: 769px) {
  .lower .sideMenu .sideSpLayer {
    display: none !important;
  }
}

.lower .sections {
  padding-bottom: 80px;
}
.lower .sections:last-of-type {
  padding: 0;
}

.lower .commonTable01 {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.lower .commonTable01 + .commonTable01 {
  margin-top: 20px;
}
.lower .commonTable01 th,
.lower .commonTable01 td {
  box-sizing: border-box;
  padding: 15px 20px;
  border: 1px solid #c4c4c4;
  line-height: 1.7;
  font-size: 16px;
}
.lower .commonTable01 th {
  width: 200px;
  font-weight: bold;
  background: #e7eff5;
}
.lower .commonTable01 .note {
  color: red;
  font-size: 80%;
}
.lower .commonTable01 td li {
  line-height: 1.7;
  font-size: 16px;
}
.lower .commonTable01 .tel {
  color: #101010;
}



.lower .inner .innerList {
  padding-bottom: 20px;
}
.lower .inner .innerList li {
  box-sizing: border-box;
  float: left;
  margin-right: 12px;
  padding: 30px 0;
  width: 195px;
  height: 90px;
  border: 1px solid #0075c2;
  text-align: center;
  line-height: 1.7;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 3px 3px 0 0 #cce3f3;
}
.lower .inner .innerList li:nth-child(4n) {
  margin: 0;
}
.lower .inner .innerList li.multiLine {
  padding: 14px 0;
}
.lower .inner .textList li {
  position: relative;
  padding: 0 0 5px 30px;
  line-height: 1.7;
  font-size: 16px;
}
.lower .inner .textList li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 7px;
  margin-top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #0075c2;
}










.red {
    color: #e01a4f;
}

.rsup {
    font-size: 40%;
}

/* naviArea */
.naviArea .contact p,
.naviArea .corporate p {
    color: #fff;
    margin-left: 0.5em;
}

.siteHeader {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px 0 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	z-index: 11;
}
.siteHeader .wrap {
    box-sizing: border-box;
    padding: 0 30px;
    padding-bottom: 10px;
    width: 1280px;
}

.siteHeader .siteTitle {
    float: left;
    display: flex;
}

.siteHeader .siteTitle img {
    width: 290px;
}

.siteHeader .siteSubtitle p {
	margin-top: 41px;
	margin-left: 15px;
	font-size: 17px;
}

.siteHeader .siteLogo {
	float: left;
	padding-left: 50px;
	margin-top: 38px;
}

.siteHeader .siteLogo img {
    width: 180px;
    height: 21px;
}


/* ヘッダーボタン */

.siteHeader .otherBtns {
    float: right;
    margin-top: 20px;
}
.siteHeader .otherBtns li {
    float: left;
}

.siteHeader .otherBtns .searchBtn,
.siteHeader .otherBtns .contact,
.siteHeader .otherBtns .corporate,
.siteHeader .otherBtnsSp.contact {
    line-height: 0;
}
.siteHeader .otherBtns .searchBtn a,
.siteHeader .otherBtns .contact a,
.siteHeader .otherBtns .corporate a,
.siteHeader .otherBtnsSp.contact a {
    display: block;
    padding: 10px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    background: #0075c2;
    -webkit-transition: border-radius 0.3s ease;
    -ms-transition: border-radius 0.3s ease;
    -moz-transition: border-radius 0.3s ease;
    transition: border-radius 0.3s ease;
    }

.siteHeader .otherBtns .searchBtn.open a {
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
}
.siteHeader .otherBtns .contact a {
    background: #ffba49;
}

.siteHeader .otherBtns .searchBtn a {
    background: #29bf12;
    pointer-events: none;
}
.siteHeader .otherBtns .searchBtn,
.siteHeader .otherBtns .corporate {
    margin-left: 10px;
    cursor: pointer;
}

.siteHeader .otherBtnsSp.contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	height: 50px;
	margin-right: 60px;
}

.siteHeader .otherBtnsSp.contact a {
    background: #ffba49;
}


.siteHeader .otherBtnsSp.contact a {
    display: inline-block;
    border-radius: 20px;
}

.siteHeader .otherBtnsSp.contact img {
    width: 20px;
    height: 20px;
}

/* テキスト検索 */

.siteHeader .searchArea {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -650px;
    padding: 0 20px;
    width: 1280px;
    text-align: right;
}
.siteHeader .searchArea:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 20px;
    width: 32px;
    height: 50px;
    background: #29bf12;
}
.siteHeader .searchArea form {
    position: relative;
    display: inline-block;
}
.siteHeader .searchArea input[type="text"] {
    box-sizing: border-box;
    padding: 0 1em 0 40px !important;
    width: 330px !important;
    height: 50px !important;
    border: 8px solid #29bf12 !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
    outline: none;
}
.siteHeader .searchArea input[type="image"] {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -12px;
}



/***** メイン *****/

main {
    padding-top: 0;
}

.contentWrap {
    position: relative;
    display: flex;
    padding-bottom: 100px;
}

/***** サイドメニュー *****/
.sideMenuArea {
    position: relative;
    width: 290px;
}

.sideMenu {
    position: relative;
	box-sizing: border-box;
	margin-top: 120px;
	left: 0;
	width: 100%;
    z-index: 5;
    background: url("../img/common/main_bg.jpg") repeat left top;
    transform: translate3d(0, 0 ,0)
}

.sideMenu li.sideMenuTitle {
	text-align: center;
	font-size: 110%;
	background: #0075c2;
	color: #fff;
	margin-bottom: 14px;
	margin-top: 0;
}

.sideMenu li.sideMenuTitle a {
	display: table-cell;
	height: 55px;
	vertical-align: middle;
	text-align: center;
	width: 290px;
	color: #fff;
}


.toggle label::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 24px;
	background: url("../img/common/sidemenu_arrow.svg") no-repeat;
	transition: 0.3s;
	width: 11px;
	height: 20px;
}

.toggle input.sideMenuLabel:checked + label::after {
    transform: rotate(90deg);
    transition: 0.3s;
}

.toggle input.sideMenuLabel:checked + label, .toggle input.sideMenuLabel.checked + label {
    /*width: 102%;*/
    /*font-size: 105%;*/
    color: #000;
    border-left: 14px solid #ffba49;
}

.toggle input.sideMenuLabel.checked + label {
    border-left: 14px solid #e01a4f;
    font-weight: 600;
}


.toggle input {
    display: none;
}

.sideMenu .sideMenuList {
    position: relative;
    box-sizing: border-box;
    display: block;
    min-height: 65px;
    color: #777;
}

.sideMenu .sideMenuList label, .sideMenu .sideMenuList a {
    display: table;
    height: 65px;
    width: 100%;
    border-left: 14px solid #0075c2;
    background: #fff;
    box-sizing: border-box;
    transition: 0.2s;

}


.sideMenu span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px 5px 20px;
    line-height: 1.2;
}

.sideMenu li a, .sideMenu li label {
    color: #777;
    font-size: 100%;
    transition: 0.2s;
}

.sideMenu li:not(:nth-child(1)) a:hover, .sideMenu li label:hover, .sideMenuLabel:checked + label + .menu2nd a:hover, .sideMenuLabel:checked + label + .menu2nd li.checked a {
    color: #000;
    opacity: 1;
    transition: 0.2s;
}

.sideMenu li:not(:nth-child(1)) a:hover, .sideMenu li label:hover {
    border-left: 14px solid #ffba49;
    
}

.sideMenuLabel:checked + label + .menu2nd a:hover, .sideMenuLabel.checked + label + .menu2nd a:hover, .sideMenuLabel:checked + label + .menu2nd li.checked a {
    border-left: 14px solid #ffba49;
}

.sideMenuLabel:checked + label + .menu2nd li.checked a {
    border-left: 14px solid #e01a4f;
    font-weight: 600;
}

.toggle .menu2nd li {
    opacity: 0;
    display: block;
    box-sizing: border-box;
    height: 0;
    margin-left: 14px;
    transition: 0.3s;
}

.sideMenuLabel:checked + label + .menu2nd li {
    opacity: 1;
    height: 55px;
}

.toggle .menu2nd li a {
    opacity: 0;
    display: table;
    height: 0;
    background: #fff;
    transition: 0.3s;
}

.toggle .menu2nd li a {
    width: 276px;
    border-left: 14px solid #86bee2;
    transition: 0.2s;
}

.sideMenuLabel:checked + label + .menu2nd li a {
    opacity: 1;
    height: 55px;
}


.sideMenu > ul > li, .sideMenuLabel:checked + label + .menu2nd li {
    margin-top: 6px;
    font-size: 16px;
}

.sideMenuList img {
    width: 100%;
}




/***** コンテンツエリア *****/
.otherPageLink {
    margin-top: 20px;
}

.otherPageLink a {
    color: #0075c2;
}

.contents {
	width: 877px;
	padding: 120px 0 0px 50px;
}

.lower .mainVisual {
    box-sizing: border-box;
    position: relative;
}

#slide_img {
    height: 314px;
}

.lower .mainVisual img {
    width: 100%;
    object-fit: cover;
    height: 314px;
}

.lower .mainVisual img.ssindex {
  height: auto;
}

/***** トップページスライド *****/

/*スライド*/
#slide_area {
    position:relative;
}

#slide_img li {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

#slide_img li.active {
    position: relative;
    display: block;
}

/*ボタン*/
#slide_btn {
    display: flex;
    justify-content: space-between;
    margin: 0.5em auto 0 auto;
    width: 60px;
}

#slide_btn li {
    cursor: pointer;
    color: #a1cdf7;
    font-size: 14px;
}

#slide_btn li.activeBtn {
    color: #0075c2;
}

/*各テキストタイトル*/
#slide_img .title {
    color: #000;
    position: absolute;
}
#slide_img .title.printmove {
	font-family: "FOT-筑紫ゴシック Pr5 R";
	font-size: 39px;
	top: 91px;
	left: 81px;
	font-feature-settings: "palt";
	line-height: 0.8em;
}
#slide_img .title.printmove span {
	font-family: "FOT-筑紫ゴシック Pro B";
	font-size: 110px;
	color: #0075c2;
	letter-spacing: 2px;
}


#slide_img .title.newnormal {
	font-family: "FOT-筑紫A丸ゴシック Std B";
	top: 10%;
	left: 45%;
	line-height: 1.3;
	font-feature-settings: "palt";
	font-size: 45px;
	color: #1b3868;
	width: auto;
}
#slide_img .title.newnormal span {
	color: #00aac8;
	letter-spacing: 2px;
}

#slide_img .slideText.newnormal {
	font-family: "FOT-筑紫ゴシック Pr5 M";
	position: absolute;
	left: 46%;
	bottom: 10%;
	line-height: 1.2;
	font-size: 18px;
	color: #000;
}

#slide_img .title.touchcard {
	font-family: "FOT-ロダンNTLG Pro DB";
	top: 58%;
	left: auto;
	font-feature-settings: "palt";
	font-size: 67px;
	line-height: 1;
	right: 30px;
	text-align: right;
}
#slide_img .slideText.touchcard {
    font-family: "FOT-筑紫ゴシック Pr5 M";
    position: absolute;
	left: auto;
    bottom: 15%;
    right: 30px;
	font-size: 18px;
	color: #000;
}

#slide_img .title.dtpautomation {
	font-family: "FOT-筑紫ゴシック Pro B";
	font-size: 47px;
	text-align: left;
	text-shadow: 0px 1px 3px #333;
	color: #ffdcdc;
	line-height: 1.3;
	left: 5%;
	top: 17%;
}
#slide_img .title.dtpautomation span {
    font-family: 'FOT-筑紫ゴシック Pr5 D';
    color: #3c3c3c;
}
#slide_img .slideText.dtpautomation {
	font-family: "FOT-筑紫ゴシック Pr5 M";
	position: absolute;
	left: 5%;
	bottom: 15%;
	line-height: 1.2;
	font-size: 18px;
	color: #000;
}

#slide_img .title.tatamemask {
	font-size: 24px;
	top: 8%;
	font-family: "FOT-筑紫明朝 Pr6 R";
	width: 100%;
	text-align: center;
}
#slide_img .title.tatamemask span {
	display: inline;
	font-size: 100%;
	padding: 0;
	background: linear-gradient(transparent 80%, rgb(255, 244, 77) 80%);
}


#slide_img .title.bacterial {
  color: #000;
  font-feature-settings: "palt";
  font-size: 48px;
  text-shadow: 2px 2px 2px #fff;
  line-height: 1.3;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
  font-family: "FOT-筑紫A丸ゴシック Std B";
}

#slide_img .title.ecofriendly, #slide_img .title.wooden-novelty, #slide_img .title.mdf {
  color: #fff;
  font-feature-settings: "palt";
  font-size: 43px;
  text-align: center;
  text-shadow: 2px 2px 2px #000;
  line-height: 1.3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#slide_img .title.ecofriendly, #slide_img .title.mdf {
  font-family: "FOT-筑紫A丸ゴシック Std B";
}
#slide_img .title.wooden-novelty {
  font-family: "FOT-筑紫ゴシック Pr5 M";
}


#slide_img .title.equios-online {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.7em;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  margin-top: 10px;
  top: 45%;
  transform: translateY(-50%);
  left: 10%;
}
#slide_img .title.equios-online span {
  color: #175aab;
  font-size: 1.7em;
  display: block;
  text-shadow: none;
  font-weight: 500;
}

/***** トップページリード *****/
.topLead {
    width: 90%;
	margin-top: 40px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.topLead p {
	font-size: 23px;
    line-height: 1.7;
    text-align: center;
}

.topLead p:nth-child(n+2) {
    margin-top: 1em;
}

/***** トップページバナーエリア ****/

.grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.grid .grid_item {
	position: relative;
	width: 420px;
	margin-top: 40px;
	border-bottom: 1px dashed #0075c2;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.grid .grid_item.index_page {
  width: 100%;
  border-bottom: none;
}


.grid .grid_item .title {
	position: absolute;
	font-size: 25px;
	top: 36%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 1.2;
    width: 85%;
    color: #000;
}

.grid .grid_item .title:hover {
    opacity: 1;
}

.grid .grid_item a {
	display: block;
}

.grid .grid_item img {
    width: 100%;
}

.grid .grid_item p {
	margin: 0px 0 5px 1em;
	color: #666;
	font-size: 95%;
}

.grid .grid_item p::before {
	content: '\f301';
	font: normal 20px Genericons;
	position: relative;
	top: 5px;
	color: #0075c2;
}


/*バナーテキスト装飾*/

#grid00 {
  background-color: transparent;
}
#grid00 > div {
	line-height: 1;
	margin-bottom: 5px;
	font-size: 18px;
}
#grid00 > a {
  position: relative;
}
#grid00 img {
	box-sizing: border-box;
}
#grid00 .title {
	width: 100%;
	top: 50%;
	text-align: center;
	font-size: 35px;
	color: #000;
	font-family: "FOT-ロダンNTLG Pro DB";
  line-height: 1.5;
  text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

#grid01 .title {
    font-family: "FOT-筑紫ゴシック Pro B";
	text-align: center;
    font-size: 23px;
    color: #fff;
    top: 34%;
}
#grid01 .title span {
    color: #8bff4a;
}


#grid02 .title span {
	font-family: "FOT-筑紫ゴシック Pro B";
	color: #0075c2;
	font-size: 53px;
	letter-spacing: 2px;
}


#grid02 .title {
	font-family: "FOT-筑紫ゴシック Pr5 R";
	top: 41%;
	left: 51.5%;
	line-height: 0.8;
	font-feature-settings: "palt";
	font-size: 19px;
}
#grid02 .title span {
	font-family: "FOT-筑紫ゴシック Pro B";
	color: #0075c2;
	font-size: 53px;
	letter-spacing: 2px;
}

.grid #grid03 .title {
	font-family: "FOT-ロダンNTLG Pro DB";
	top: 15%;
	left: auto;
	font-feature-settings: "palt";
	font-size: 50px;
	line-height: 1;
	right: 30px;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	text-align: right;
}

#grid07 .title {
	font-family: "FOT-ロダンNTLG Pro B";
	top: 40%;
	left: 51.5%;
	font-feature-settings: "palt";
	font-size: 40px;
	color: #fff;
	text-align: center;
	text-shadow: 3px 3px 4px #05526d;
}

#grid08 .title {
    font-family: "FOT-筑紫A丸ゴシック Std B";
    top: 10%;
    left: 45%;
    line-height: 1.3;
    font-feature-settings: "palt";
    font-size: 28px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    color: #1b3868;
    width: auto;
}
#grid08 .title span {
	color: #00aac8;
	letter-spacing: 2px;
}


#grid09 .title {
	font-family: "FOT-筑紫ゴシック Pr5 M";
	top: 46%;
	left: 51.5%;
	line-height: 1.2;
	font-feature-settings: "palt";
	font-size: 32px;
	width: 100%;
	text-align: center;
	color: #fff;
}
#grid09 .title span {
	color: #9BDEC9;
	font-size: 35px;
	letter-spacing: 2px;
}

#grid12 .title {
    font-family: 'FOT-筑紫ゴシック Pr5 D';
    font-size: 35px; text-align: left;
    text-shadow: 0px 1px 1px #333;
    top: 40%;
}
#grid12 .title span {
    color: #24a312;
}

#grid13 .title {
	font-family: "FOT-筑紫ゴシック Pro B";
	font-size: 31px;
	text-align: left;
	text-shadow: 0px 1px 3px #333;
  color: #ffdcdc;
  top: 38%;
}
#grid13 .title span {
    font-family: 'FOT-筑紫ゴシック Pr5 D';
    color: #3c3c3c;
}

#grid14 .title {
	font-family: "FOT-ロダンNTLG Pro DB";
	font-size: 20px;
	text-align: center;
	text-shadow: 2px 2px 5px #044170,2px 2px 5px #044170;
	color: #fff;
	line-height: 1.7;
}
#grid14 .title span {
  font-size: 40px;
  background: linear-gradient(transparent 60%, rgba(181,240,255,0.6) 60%);
  padding: 0 10px;
}

#grid15 .title {
	font-family: "FOT-筑紫ゴシック Pr5 M";
	font-size: 31px;
	text-align: left;
	text-shadow: 0px 1px 3px #fff;
	border-bottom: 2px solid #0075c2;
	padding-bottom: 4px;
	top: 44%;
}
#grid15 .title span {
  font-family: "FOT-筑紫ゴシック Pro B";
  color: #0075c2;
}

#grid16 .title {
	font-size: 12.5px;
	top: 9%;
	font-family: "FOT-筑紫明朝 Pr6 R";
	width: 100%;
	text-align: center;
}
#grid16 .title span {
	display: inline;
	font-size: 100%;
	padding: 0;
	background: linear-gradient(transparent 80%, rgb(255, 244, 77) 80%);
}

#grid21 .title {
	color: #000;
  font-feature-settings: "palt";
  font-size: 28px;
  text-shadow: 2px 2px 2px #fff;
  line-height: 1.3;
  top: 37%;
  transform: translate(-50%,-50%);
  font-family: "FOT-筑紫A丸ゴシック Std B";
}
#grid23 .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.7em;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  margin-top: 10px;
}
#grid23 .title span {
  color: #175aab;
  font-size: 1.7em;
  display: block;
  text-shadow: none;
  font-weight: 500;
}
#grid31 .title {
    font-family: "FOT-筑紫ゴシック Pr5 M";
    line-height: 1.2;
    font-feature-settings: "palt";
    font-size: 32px;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
#grid32 .title {
    font-family: "FOT-筑紫ゴシック Pr5 M";
    line-height: 1.2;
    font-feature-settings: "palt";
    font-size: 40px;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px #000;
}

.title .bacterial {
  color: rgba(39, 173, 166, 1)
}

.title .virus {
  color: rgba(232, 29, 79, 1)
}
#grid26 .title {
	color: #fff;
  font-feature-settings: "palt";
  font-size: 30px;
  text-align: center;
  text-shadow: 2px 2px 2px #666;
  top: 37%;;
  font-family: "FOT-筑紫A丸ゴシック Std B";
}

#grid27 .title {
	font-family: "FOT-筑紫ゴシック Pr5 M";
	line-height: 1.2;
	font-feature-settings: "palt";
	font-size: 32px;
	top: 45%;
	width: 100%;
	text-align: center;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

#grid29 .title {
	font-family: "FOT-筑紫A丸ゴシック Std B";
	line-height: 1.2;
	font-feature-settings: "palt";
	font-size: 32px;
	top: 45%;
	width: 100%;
	text-align: center;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

/* フッターバナーエリア */
.footerBannerArea {
    width: 100%;
    padding: 70px 0;
    background: url(./img/bnrarea01_bg.jpg) repeat top left;
}

.footerBannerArea ul {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1217px;
}

.footerBannerArea li {
    width: 290px;
    position: relative;

}

.footerBannerArea li:nth-child(n+2) {
    margin-left: 15px;
}

.footerBannerArea img {
    width: 100%;
}

.footerBannerArea span {
	position: absolute;
	top: -23px;
	left: 9px;
	font-size: 145%;
	color: #666;
}

.footerBannerArea span {
	position: absolute;
	font-size: 145%;
	color: #000;
	top: 50%;
	left: 30%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.footerBannerArea span.center {
	left: 50%;
	text-align: center;
	width: 100%;
	font-size: 200%;
	top: 40%;
}
.footerBannerArea span.centerSub {
	font-size: 100%;
	left: 50%;
	width: 100%;
	top: 65%;
	text-align: center;
}

/***** コンテンツページ *****/
#solution_lower .mainVisual {
    position: relative;
    width: 100%;
    text-align: center;
}

#solution_lower .mainVisual h2 {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
}

#solution_lower .mainVisual h2 span {

    display: block;
    padding-bottom: 10px;
    font-size: 48px;
}

#solution_lower .mainVisual.printmove h2 {
	left: 30%;
	top: 58%;
}

#solution_lower .contents > h2 {
	box-sizing: border-box;
	padding-left: 52px;
	width: 100%;
	border-left: 10px solid #0075c2;
	vertical-align: middle;
	font-size: 30px;
	background: #fff;
	padding: 15px 0 15px 30px;
    margin: 30px 0 40px 0;
    line-height: 1.2;
}

#solution_lower .mainLead {
	font-size: 18px;
	line-height: 1.5;
	padding-bottom: 50px;
	text-align: justify;
}

.sectionText {
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 1em;
}

.sectionExplanation .sectionText:last-child {
    margin-bottom: 0;
}

.sectionImage01 {
	display: flex;
    align-items: end;
    justify-content: center;
    margin-bottom: 30px;
}

.sectionImage01 img {
    max-width: 32.2%;
    flex-shrink: 0;
}


.sectionImage01 img:nth-child(n+2) {
    margin-left: 15px;
}

.section01, .section02, .section03, .section04 {
    margin-bottom: 25px;
}
.section01 {
  margin-top: 30px;
}
.section02, .section03, .section04 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.section02 .sectionExplanation {
    order: 1;
    width: 55%;
}

.section03 .sectionExplanation {
  order: 1;
  width: 45%;
}

.section04 .sectionExplanation {
  order: 1;
  width: 35%;
}

.section02 .sectionImage02 {
  order: 2;
  width: 40%;
}

.section03 .sectionImage03 {
  order: 2;
  width: 50%;
}

.section04 .sectionImage04 {
  order: 2;
  width: 60%;
}

.section02 .sectionImage02 img, .section03 .sectionImage03 img, .section04 .sectionImage04 img {
	max-width: 100%;
}

.sections h4 {
    font-size: 18px;
    margin-bottom: 0.5em;
    margin-top: 25px;
    line-height: 1.2;
}

.sections h4.icon {
  display: flex;
  align-items: center;
}
.sections h4.icon::before {
  position: relative;
  content: "";
  display: inline-block;
  background-image: url(img/icon_option.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 55px;
  margin-right: 0.5em;
}


/***** クッションページ *****/

.pageLink {
    text-align: center;
}

.pageLink > div {
	position: relative;
    max-width: 550px;
    margin: 0 auto;
}


.pageLink img {
    width: 100%;
}

.pageLink p {
    margin-top: 0.5em;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
}

.pageLink > p {
    margin-bottom: 30px;
}

.pageLink a {
    color: #666;
}

.pageLink .title {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	font-size: 28px;
	font-weight: 600;
	color: #000;
}

/* カタログパッケージ */
.catalog_q {
  margin-bottom: 60px;
}

.catalog_q p {
  color: #0078c3;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 6px;
  margin-bottom: 25px;
}

.catalog_q li {
	font-size: 18px;
  letter-spacing: 3px;
  margin-top: 15px;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

.catalog_q li::before {
	content: "●";
	color: #0078c3;
	margin-right: 5px;
}

/* 販促活動トータルサポート */
.spTotal_lead {
  margin-bottom: 60px;
}

.spTotal_lead p {
  color: #0078c3;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 25px;
}

.spTotal_lead li {
	font-size: 18px;
  margin-top: 15px;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

.spTotal_lead li span {
  font-size: 22px;
  font-weight: 600;
  color: #0078c3;
}

.spTotal_lead li::before {
  content: "●";	
  font-size: 15px;
	margin-right: 5px;
}


/* GP認定工場で環境配慮の製造 */
.point h3 {
    float: left;
    position: relative;
    margin-top: 10px;
    width: 128px;
    height: 128px;
    border-radius: 64px;
    text-align: center;
    line-height: 128px;
    font-size: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    color: #fff;
    background: #e01a4f;
}
.point h3:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 1px solid #fff;
}
.point ul {
  float: right;
  width: 720px;
}
.point ul li {
  position: relative;
  padding: 0 0 10px 42px;
  line-height: 1.7;
  font-size: 24px;
  font-weight: bold;
}
.point ul li:last-child {
  padding-bottom: 0;
}
.point ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 24px;
  height: 22px;
  background: url("../img/common/icon_check.png") no-repeat;
}


/*** インデックスページ ***/
#search {
  margin-top: 20px;
  margin-bottom: 60px;
}

#search .title_area {
  display: flex;
}

#search h3.title  {
  line-height: 1;
  font-size: 22px;
  font-weight: 600;
  margin-right: 10px;
}

.title_area .arrow {
  display: flex;
}

#search .title_area .arrow span {
  position: relative;
  width: 20px;
}

#search .title_area .arrow span::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-top: 5px solid #0075c2;
	border-left: 5px solid #0075c2;
	transform: rotate(135deg);
}



#search .searchList {
	width: 100%;
	margin-top: 30px;
}

#search .searchList ul.flow {
	display: flex;
	justify-content: space-between;
  position: relative;
}

#search .searchList li {
	display: table;
  width: 100%;
  background-color: #0075c2;
  position: relative;
}

#search .searchList ul.flow > li:nth-child(3) {
  background-color: transparent;
}

#search .searchList ul.flow > li {
  width: 19%;
}

#search .searchList ul.flow2 {
  margin-top: 10px;
}
#search .searchList ul.flow2 > li {
  width: 59%;
}

#search .searchList ul.flow > li > ul > li:first-child {
  margin-bottom: 15px;
}

#search .searchList li a {
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	font-feature-settings: "palt";
	position: relative;
	text-align: center;
}

#search .searchList li:not(:first-child) a::before {
	content: '';
	position: absolute;
	top: 25px;
	left: -3px;
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#search .searchList ul.flow > li:nth-child(1) {
  background-color: #29bf12;
}
#search .searchList ul.flow > li:nth-child(2) {
  background-color: #29bf12;
}
#search .searchList ul.flow > li:nth-child(3) {
  background-color: #ffba49;
}
#search .searchList ul.flow > li:nth-child(4) {
  background-color: #e01a4f;
}
#search .searchList ul.flow > li:nth-child(5) {
  background-color: #0075c2;
}
#search .searchList ul.flow2 > li:nth-child(1) {
  background-color: #fff;
  border: 3px solid #29bf12;
  box-sizing: border-box;
}
#search .searchList ul.flow2 > li:nth-child(1) a {
  color: #29bf12;
}
#search .searchList ul.flow2 > li:nth-child(1) a::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 13.5%;
	width: 0;
	height: 0;
	border-top: 20px solid #29bf12;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#search .searchList ul.flow2 > li:nth-child(1) a::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 47%;
	width: 0;
	height: 0;
	border-top: 20px solid #29bf12;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#search .searchList ul.flow2 > li:nth-child(1) ::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 82%;
	width: 0;
	height: 0;
	border-top: 20px solid #29bf12;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


#search .searchList li a span {
	line-height: 1.3;
}

.index_list {
  margin-bottom: 40px;
}

.index_area {
  /*padding-top: 83px;
  margin-top: -83px;*/
  background-image :

    repeating-linear-gradient(to bottom,
       transparent 12px,
       rgba(180,180,180, 0.20) 13px,  rgba(180,180,180, 0.20) 13px,
       transparent 14px,  transparent 25px, 
       rgba(180,180,180, 0.20) 26px,  rgba(180,180,180, 0.20) 26px,
       transparent 27px,  transparent 38px, 
       rgba(180,180,180, 0.20) 39px,  rgba(180,180,180, 0.20) 39px,
       transparent 40px,  transparent 51px, 
       rgba(180,180,180, 0.20) 52px,  rgba(180,180,180, 0.20) 52px,
       transparent 53px,  transparent 64px, 
       rgba(180,180,180, 0.20) 65px,  rgba(180,180,180, 0.20) 65px),

    repeating-linear-gradient(to right,
       transparent 12px,
       rgba(180,180,180, 0.20) 13px,  rgba(180,180,180, 0.20) 13px,
       transparent 14px,  transparent 25px, 
       rgba(180,180,180, 0.20) 26px,  rgba(180,180,180, 0.20) 26px,
       transparent 27px,  transparent 38px, 
       rgba(180,180,180, 0.20) 39px,  rgba(180,180,180, 0.20) 39px,
       transparent 40px,  transparent 51px, 
       rgba(180,180,180, 0.20) 52px,  rgba(180,180,180, 0.20) 52px,
       transparent 53px,  transparent 64px, 
       rgba(180,180,180, 0.20) 65px,  rgba(180,180,180, 0.20) 65px);
}

.index_area .title_area {
	display: flex;
	box-shadow: 1px 2px 4px #477aaa;
	margin-bottom: 6px;
	width: 100%;
}

.index_area .title_area div {
	line-height: 1.4;
}

.index_area .title_area .title {
	font-size: 19px;
	width: 250px;
	background-color: #0075c2;
	color: #fff;
	position: relative;
}

.index_area .title_area .title span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.index_area .title_area .explanation {
	padding: 15px 20px;
	background-color: #fff;
	color: #054b95;
	width: 627px;
	box-sizing: border-box;
}

.index_area .index1st label {
	display: table;
	height: 45px;
	width: 250px;
	background: #fff;
	box-sizing: border-box;
	transition: 0.2s;
  background-color: #d1e5fb;
  margin-bottom: 1px;
  box-shadow: 1px 2px 4px #477aaa;

}

.index_area .index1st li span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 15px;
}

.index_area .index1st > li > label span::before {
	content: "―";
	margin-right: 7px;
}

.index_area .index1st > li:last-child label {
  margin-bottom: 6px;
}

.indextoggle input {
  display: none;
}

.indextoggle label {
  cursor: pointer;
  position: relative;
}

.indextoggle label::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 13px;
	background: url("../img/common/index_list_arrow.svg") no-repeat;
	transition: 0.3s;
	width: 20px;
	height: 20px;
}

.indextoggle input.indexlabel:checked + label::after {
  transform: rotate(90deg);
  transition: 0.3s;
}

.index_area .index2nd {
	display: flex;
	flex-wrap: wrap;
	padding-left: 44px;
}

.index_area .index2nd li {
	opacity: 0;
	display: table;
	box-sizing: border-box;
	height: 0;
	width: 24%;
	transition: 0.3s;
  background-color: #fff;
  box-shadow: 1px 2px 4px #477aaa;

}
.index_area .index2nd li span {
  line-height: 0;
  font-feature-settings: "palt";
}

.index_area .indexlabel:checked + label + .index2nd {
	margin-top: 6px;
	margin-bottom: 6px;
}
.index_area .indexlabel:checked + label + .index2nd li {
	opacity: 1;
	height: 55px;
	margin-bottom: 6px;
	margin-left: 6px;
}
.index_area .indexlabel:checked + label + .index2nd li span {
	line-height: 1.2;
}

.index_area .link_area {
	display: flex;
	width: 100%;
}

.index_area .link_area .title {
	line-height: 1.2;
	font-size: 16px;
	width: 120px;
  text-align: center;
  /*background-color: #fdd2bd;*/
  background-color: #ffca72;
  position: relative;
}

.index_area .link_area .title span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.index_area .link_area .link {
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fdf3e3;
	width: 757px;
	line-height: 1.2;
}

.index_area .link_area .link a {
  color: #000;
  text-decoration: underline;
}

.index_area .link_area .link ul {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
}

.index_area .link_area .link ul li {
	line-height: 1.7;
}

.index_area .link_area .link ul li:nth-child(n+2)::before {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}

/***　官公庁向け　***/
.governmentLink {
  margin-top: 50px;
}

.governmentLinkList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.governmentLinkList li {
	position: relative;
	border-radius: 4px;
}

.governmentLinkList li a {
  color: #0075c2;
}

.governmentLinkList li span {
	padding: 15px 20px;
	display: block;
}

.governmentLinkList li:first-child {
  background-color: #ffba49;
  color: #fff;
}

.governmentLinkList li:nth-child(n+2) {
  border: 2px solid #0075c2;
  margin-left: 10px;
}

.governmentLinkList li:nth-child(n+2)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #0075c2;
  z-index: 8;
  -webkit-transition: border 0.1s ease;
  -ms-transition: border 0.1s ease;
  -moz-transition: border 0.1s ease;
  transition: border 0.1s ease;
}

.governmentLinkList li:nth-child(n+2):hover::before {
	border-bottom: 20px solid transparent;
	border-left: 20px solid #0075c2;
}

/*** たためマスク ***/
#solution_lower .mainVisual h2.tatame_title {
	font-size: 24px;
	top: 12%;
	font-family: "FOT-筑紫明朝 Pr6 R";
}

#solution_lower .mainVisual h2.tatame_title span {
	display: inline;
	font-size: 100%;
	padding: 0;
	background: linear-gradient(transparent 80%, rgb(255, 244, 77) 80%);
}

#solution_lower div.tatame {
  padding-top: 30px;
  padding-bottom: 20px;
}
#solution_lower div.tatame .mainLead {
  padding-bottom: 20px;
}

#solution_lower div.tatame .mainLead span {
	color: #0075c2;
	font-weight: 600;
}

.itemLineup {
  margin-top: 10px;
  margin-bottom: 30px;
}

.itemLineup ul {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.itemLineup ul li {
	width: 30%;
	margin-bottom: 25px;
}

.itemLineup ul li img {
  width: 100%;
}

.itemLineup ul li p {
	font-size: 16px;
	margin-top: 5px;
  line-height: 1.3;
  text-align: center;
}

.itemLineup ul li p span {
  font-size: 90%;
}

.tatame_mask .itemLineup {
  margin-top: 10px;
  margin-bottom: 30px;
}

.tatame_mask .itemLineup {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.tatame_mask .itemLineup dl {
	width: 32%;
  margin-bottom: 25px;
  position: relative;
}

.tatame_mask .itemLineup dl dt {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
  display: table;
  position: absolute;
  left: -5px;
  transform: rotate(-8deg);
  height: 3em;
	padding: 0.2em 0.8em calc(0.2em + 10px);
	border: 2px solid #000;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.5);
}

.tatame_mask .itemLineup dl dt span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
	
}

.tatame_mask .itemLineup dl dt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  border-top: 2px solid #000;
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0 0 10px 10px;
}

.tatame_mask .itemLineup dl dd img {
  width: 100%;
  border-radius: 50%;
  margin-top: 65px;
}


.tatame_mask .design ul {
  margin: 20px 0;
}

.tatame_mask .design li {
  font-size: 16px;
  line-height: 1.7;
}


.tatame_mask .commonTable01 td p {
  line-height: 1.7;
}

.sectionPrice {
	display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 10px;
}

.sectionPrice > div {
  width: 47%;
  text-align: center;
}

.sectionPrice div p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
	border-bottom: 2px solid #0075c2;
	padding-bottom: 3px;
}

.sectionPrice .priceList th {
  text-align: center;
}

.sectionPrice .priceList td {
	text-align: right;
}
.sectionPrice .priceList td:nth-child(1) {
	padding-right: 68px;
}
.sectionPrice .priceList td:nth-child(2) {
	padding-right: 75px;
}

/*** スマイルスタンド ***/
#solution_lower .mainLead.smilestand {
  font-weight: 600;
  font-size: 20px;
  line-height: 2 ;
}


.sectionPrice.smilestand {
	display: block;
}

.sectionPrice.smilestand > div {
  margin-left: auto;
  margin-right: auto;
}
.sectionText.smilestand {
  margin-left: 26%;
}

.itemLineup.smilestand ul {
  justify-content: space-around;
}

.itemLineup.smilestand ul li {
	width: 40%;
}

.itemLineup.smilestand p {
	text-align: center;
  font-size: 18px;
  line-height: 1.2;
	margin-bottom: 40px;
}

.sectionImage01.smilestand {
	flex-wrap: wrap;
}

.sectionImage01.smilestand img {
  max-width: 100%;
  margin-top: 30px;
}

.sectionPrice.smilestand .priceList td {
	text-align: center;
}
.sectionPrice.smilestand .priceList td:nth-child(1) {
	padding-right: 0;
}
.sectionPrice.smilestand .priceList td:nth-child(2) {
	padding-right: 0;
}

/*** 抗菌 ***/
#solution_lower .mainVisual.antibacterial h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #333;
}

.pageLink.antibacterial .title {
  color: #fff;
  text-shadow: 2px 2px 2px #333;
}

/* 工場見学のご案内 */
#solution_lower .mainVisual.factorytour h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #333;
}

/* デジタル印刷 */
#solution_lower .digital_head h3 {
  color: #0078C2;
  font-weight: 600;
  font-size: 3rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 2rem;
}

/* SDGs本 */
#solution_lower .mainVisual h2.sdgsbook {
  color: #fff;
  text-shadow: 0px 0px 10px #ffba49, 0px 0px 5px #ffba49, 0px 0px 5px #ffba49,0px 0px 10px #ffba49,0px 0px 10px #ffba49;
}
#sdgsbook_toContact {
  background-color: #ffba49;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 35px;
  padding: 8px;
  box-sizing: border-box;
}
#sdgsbook_toContact p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
#sdgsbook_toContact img {
  margin-left: 0.5em;
}

/* 環境配慮商品のご案内 */
.section02 .sectionImage02.logo {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section02 .sectionImage02.logo img {
  max-width: 160px;
  max-height: 140px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#solution_lower .ecoFriendlyColumn {
  margin-top: 20px;
  box-sizing: border-box;
  border: 2px solid #c6c6c6;
  border-radius: 10px;
  padding: 30px;
  background-color: #fff;
}

#solution_lower .ecoFriendlyColumn .ecoColumnWrap {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

#solution_lower .ecoColumnWrap .ecoTopicArea {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#solution_lower .ecoColumnWrap h4 {
  margin-top: 0;
  margin-bottom: 1em;
}
#solution_lower .ecoColumnWrap .ecoTopicArea li {
  font-size: 16px;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
}
#solution_lower .ecoColumnWrap .ecoTopicArea li:nth-child(n+2) {
  margin-top: 0.5em;
}
#solution_lower .ecoColumnWrap .ecoTopicArea li::before {
  content: "●";
  color: #0075c2;
  margin-right: 0.3em;
}
#solution_lower .ecoColumnWrap .sdgsLogoArea{
  display: flex;
  flex-flow: column;
  align-items: center;
}
#solution_lower .ecoColumnWrap .sdgsLogoArea img {
  max-width: 80px;
}
#solution_lower .ecoColumnWrap .sdgsLogoArea img:nth-child(n+2) {
  margin-left: 7px;
}
#solution_lower .ecoColumnWrap .arrow {
  width: 7%;
  margin-top: 50px;
}

/* オンラインセミナー */
.onlineseminar h2 {
  margin-top: 30px;
}
.onlineseminar .instructor {
  border: 1px solid #1283d6;
  margin-bottom: 60px;
}
.onlineseminar .instructor h4 {
  padding: 15px 20px 14px;
  font-size: 21px;
  color: #fff;
  background: #0c090d;
}
.onlineseminar .instructor .inner {
  position: relative;
  padding: 30px;
  min-height: 190px;
}
.onlineseminar .instructor .image {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 150px;
}
.onlineseminar .instructor .image img {
  max-width: 100%;
  height: auto;
}
.onlineseminar .instructor dl {
  box-sizing: border-box;
  padding-left: 180px;
  width: 100%;
}
.onlineseminar .instructor dt {
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
}
.onlineseminar .instructor dd {
  line-height: 1.7;
  font-size: 16px;
}
.onlineseminar .table01 {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}
.onlineseminar .table01 th {
  width: 260px;
  background: #e7eff5;
}
.onlineseminar .table01 th, .onlineseminar .table01 td {
  box-sizing: border-box;
  padding: 18px 20px;
  border: 1px solid #c4c4c4;
  line-height: 1.7;
  text-align: left;
}
.onlineseminar .table01 td ul li {
  padding-bottom: 5px;
  line-height: 1.7;
}
.onlineseminar ul.disc li {
  list-style: disc outside;
  margin-left: 1em;
}
.onlineseminar .toContact {
  background-color: #ffba49;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 30px;
}
.onlineseminar .toContact p {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.onlineseminar .toContact img {
  margin-left: 0.5em;
  width: 35px;
}




/*** lower 問い合わせリンク ***/

.contact_corppara {
  display: flex;
  justify-content: center;
}


.contact_corppara li {
  box-sizing: border-box;
  width: 382px;
  height: 140px;
  background: #fff;
}

.contact_corppara li .roundness {
  display: inline-block !important;
  position: relative;
  width: 260px;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  line-height: 1;
  background: #ffba49;
  color: #fff;
  line-height: 60px;
}

.contact_corppara li .roundness:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -72px;
  width: 48px;
  height: 48px;
  background: url("/static/img/common/icon_mail02.png") no-repeat;
  background-size: 100% auto;
}

.contact_corppara li a {
  box-sizing: border-box;
  display: block;
  padding: 18px 0 0 100px;
  height: 100%;
}

.contact_corppara li .lead {
  width: 260px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #111111;
}

/*** lower バナーエリア ***/
.bannerArea {
  margin-top: 60px;
  margin-bottom: 80px;
}

.bannerArea .service_menu {
text-align: center;
}

.bannerArea .service_menu .title {
font-size: 24px;
border-bottom: 2px solid #0075c2;
display: inline-block;
padding-bottom: 10px;
}

.grid_logo {
  margin: 25px auto 0 auto;
}