@charset "UTF-8";
/* Base
------------------------- */
main {
  display: block;
}

.main {
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
}

.main h1,
.main h2,
.main h3,
.main h4,
.main h5 {
  padding: 0 0 11px;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

.main p {
  padding: 0 0 11px;
  margin: 0;
  line-height: 1.6;
}

.main ul,
.main ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.main ul li,
.main ol li {
  padding: 0;
  margin: 0;
}

.main a {
  color: #444;
  text-decoration: none;
}

.main a:hover {
  color: #444;
  text-decoration: none;
}

.main img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.main table {
  border-collapse: collapse;
  border-spacing: 0;
}

.main address {
  font-style: normal;
}

.main hr {
  height: 0;
  border: none;
}

/*
* Layout System
-------------------------------------------------- */
.l-container {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.l-row {
  margin-right: -22px;
  box-sizing: border-box;
}

.l-row:before,
.l-row:after {
  content: "";
  display: table;
}

.l-row:after {
  clear: both;
}

.l-row-reverse .l-grid-pc-1of4,
.l-row-reverse .l-grid-pc-2of4,
.l-row-reverse .l-grid-pc-3of4,
.l-row-reverse .l-grid-pc-4of4 {
  float: right;
}

[class*="l-grid-"] {
  box-sizing: border-box;
}

.l-grid-pc-1of4,
.l-grid-pc-2of4,
.l-grid-pc-3of4,
.l-grid-pc-4of4 {
  padding-right: 22px;
  float: left;
}

.l-grid-pc-4of4 {
  width: 992px;
}

.l-grid-pc-3of4 {
  width: 744px;
}

.l-grid-pc-2of4 {
  width: 496px;
}

.l-grid-pc-1of4 {
  width: 248px;
}

.l-column-container {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.l-column-container:before,
.l-column-container:after {
  content: "";
  display: table;
}

.l-column-container:after {
  clear: both;
}

.l-column-container .l-column-main {
  width: 722px;
  float: right;
}

.l-column-container .l-column-main .l-container {
  width: 722px;
}

.l-column-container .l-column-main .l-grid-pc-4of4 {
  width: 744px;
}

.l-column-container .l-column-main .l-grid-pc-3of4 {
  width: 558px;
}

.l-column-container .l-column-main .l-grid-pc-2of4 {
  width: 372px;
}

.l-column-container .l-column-main .l-grid-pc-1of4 {
  width: 186px;
}

.l-column-container .l-column-side {
  width: 208px;
  float: left;
}

@media only screen and (max-width: 599px) {
  .l-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .l-column-container {
    width: 100%;
  }
  .l-column-container .l-column-main {
    width: 100%;
  }
  .l-column-container .l-column-main .l-container {
    width: 100%;
  }
  .l-column-container .l-column-main .l-grid-sp-4of4 {
    width: 100%;
  }
  .l-column-container .l-column-main .l-grid-sp-3of4 {
    width: 75%;
  }
  .l-column-container .l-column-main .l-grid-sp-2of4 {
    width: 50%;
  }
  .l-column-container .l-column-main .l-grid-sp-1of4 {
    width: 25%;
  }
  .l-column-container .l-column-side {
    display: none;
  }
  .l-row {
    margin-right: -14px;
  }
  .l-grid-sp-1of4,
  .l-grid-sp-2of4,
  .l-grid-sp-3of4,
  .l-grid-sp-4of4 {
    padding-right: 14px;
  }
  .l-grid-sp-4of4 {
    width: 100%;
  }
  .l-grid-sp-3of4 {
    width: 75%;
  }
  .l-grid-sp-2of4 {
    width: 50%;
  }
  .l-grid-sp-1of4 {
    width: 25%;
  }
}

/* Layout
------------------------- */
#wrapper {
  width: 100%;
  overflow: hidden;
}

header,
footer {
  margin-right: auto;
  margin-left: auto;
}

#main {
  width: 100%;
}

.main-index {
  padding-top: 15px;
}

.main .page-inner {
  width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .main .page-inner {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.main .index-contents {
  width: 100%;
  padding-bottom: 60px;
}

.main #index-contents-value {
  padding-top: 60px;
  background-color: #f2f2f2;
}

.main #index-contents-oled {
  padding-top: 60px;
}

@media only screen and (max-width: 599px) {
  .main .index-contents {
    width: 100%;
    padding-bottom: 30px;
  }
  .main #index-contents-value,
  .main #index-contents-oled {
    padding-top: 30px;
  }
}

.main .contents {
  width: 100%;
  padding-bottom: 80px;
}

@media only screen and (max-width: 599px) {
  .main .contents {
    padding-bottom: 40px;
  }
}

/* Module
------------------------- */
/* Table */
.main .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.main .table tr th,
.main .table tr td {
  padding: 12px 10px;
  border: 1px solid #d9d9d9;
  text-align: left;
}

.main .table tr th {
  background-color: #e9e9e9;
}

.main .table thead tr th {
  background-color: #e9e9e9;
}

.main .table tbody tr th {
  font-weight: normal;
  background-color: #f7f7f7;
}

.main .table .table-head {
  background-color: #f7f7f7;
}

.main .table .table-head-main {
  font-weight: bold;
}

.main .table--striped tr:nth-of-type(odd) {
  background-color: #eee;
}

.main .table--aligntop tr th,
.main .table--aligntop tr td {
  vertical-align: top;
}

.main .table-responsive {
  margin-bottom: 20px;
  min-height: .01%;
  overflow-x: auto;
  overflow-y: hidden;
}

.main .table-responsive .table {
  margin-bottom: 0;
}

.main .table-responsive .table td,
.main .table-responsive .table th {
  white-space: nowrap;
}

.main .table-outline {
  margin-bottom: 50px;
}

@media only screen and (max-width: 599px) {
  .main .table tr th,
  .main .table tr td {
    font-size: 14px;
  }
  .main .table .table-outline {
    margin-bottom: 25px;
  }
}

.main .tablelayout {
  display: table;
  width: 100%;
}

.main .tablelayout-cell {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .main .tablelayout,
  .main .tablelayout-cell {
    display: block;
  }
}

/* icon */
.main .icon-pdf {
  display: inline-block;
  width: 17px;
  height: 19px;
  margin-left: 10px;
  /* background-image: url(/oled/img/icon_pdf_001.png); */
  background-repeat: no-repeat;
  background-size: 17px 19px;
  vertical-align: middle;
}

.main .icon-new {
  display: inline-block;
  width: 45px;
  height: 16px;
  margin-left: 10px;
  /* background-image: url(/oled/img/icon_new_001.png); */
  background-repeat: no-repeat;
  background-size: 45px 16px;
  vertical-align: middle;
}

.main .icon-article {
  display: inline-block;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #06c;
  background-color: #fff;
  border: 1px solid #06c;
}

.main .icon-arrow-right {
  position: relative;
  padding-right: .8em;
}

.main .icon-arrow-right:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Button */
.main .btn {
  display: inline-block;
  padding: 8px 20px;
  text-align: center;
  color: #fff;
  background-color: #06c;
  box-sizing: border-box;
}

/* Title */
.main .title {
  padding-bottom: 20px;
  font-size: 18px;
}

.globalNav {
  margin-right: auto;
  margin-left: auto;
}

.globalNav ul li ul {
  width: 200px;
  z-index: 99;
}

.globalNav ul li ul li a {
  border-top: 1px dotted #ccc;
  background: #f7f7f7;
  color: #333;
}

.globalNav ul li ul li a:link {
  color: #333;
}

.globalNav ul li ul li a:hover {
  background: #cae1f6;
  color: #075196;
}

body.index .globalNav-list-item-index > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.research .globalNav-list-item-research > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.products .globalNav-list-item-products > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.value .globalNav-list-item-value > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.labo .globalNav-list-item-labo > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.case .globalNav-list-item-case > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.faq .globalNav-list-item-faq > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.about .globalNav-list-item-about > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

body.contact .globalNav-list-item-contact > a {
  color: #fff;
  background: -webkit-linear-gradient(#007dff, #005ab8);
  background:         linear-gradient(#007dff, #005ab8);
}

@media only screen and (max-width: 599px) {
  .globalNav ul li a + ul {
    display: none !important;
  }
  body.index ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-index > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.research ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-research > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.products ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-products > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.value ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-value > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.labo ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-labo > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.case ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-case > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.faq ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-faq > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.about ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-about > a {
    color: #fff;
    background-color: #007cfd;
  }
  body.contact ul#toggleNavi li.menuBtn .globalNav ul .globalNav-list-item-contact > a {
    color: #fff;
    background-color: #007cfd;
  }
}

.breadcrumblist {
  padding: 35px 0 10px;
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  list-style: none;
}

.breadcrumblist > li {
  display: inline-block;
}

.breadcrumblist > li + li:before {
  content: ">\00a0";
  padding: 0 2px;
}

.breadcrumblist > li a {
  color: #06c;
  text-decoration: none;
}

.breadcrumblist > li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 599px) {
  .breadcrumb {
    display: none;
  }
}

.main .mainvisual {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px;
}

.main .mainvisual .slider a img {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .mainvisual .slider a:hover img {
  opacity: .5;
}

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

@media only screen and (max-width: 599px) {
  .main .mainvisual {
    width: 100%;
    margin-bottom: 30px;
  }
}

.main .page-heading {
  margin-bottom: 100px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.main #page-heading-research {
  background-image: url(/oled/research/img/bg_index_001.jpg);
}

.main #page-heading-products,
.main #page-heading-samplekit,
.main #page-heading-marguerite,
.main #page-heading-rainbowrose,
.main #page-heading-carnation,
.main #page-heading-lantana,
.main #page-heading-poppy {
  background-image: url(/oled/products/img/bg_index_001.jpg);
}

/* 
.main #page-heading-labo {
	background-image: url(/oled/oledlabo/img/bg_index_001.jpg);
}
*/

/*
.main #page-heading-challenges,
.main #page-heading-shiseido,
.main #page-heading-habataki,
.main #page-heading-irodori,
.main #page-heading-ibuki,
.main #page-heading-whisperwind,
.main #page-heading-damia,
.main #page-heading-rose,
.main #page-heading-lotus,
.main #page-heading-lightdrop,
.main #page-heading-swallowtail {
  background-image: url(/oled/oledlabo/ourchallenges/img/bg_index_001.jpg);
}
*/

/*
.main #page-heading-report {
  background-image: url(/oled/oledlabo/technology_report/img/bg_index_001.jpg);
}
*/

/*
.main #page-heading-case,
.main #page-heading-ashikaga,
.main #page-heading-tokinosumika,
.main #page-heading-huistenbosch,
.main #page-heading-myoko {
  background-image: url(/oled/user_case/img/bg_index_001.jpg);
}
*/

.main #page-heading-case {
  margin-bottom: 60px;
}

.main #page-heading-faq {
  background-image: url(/oled/faq/img/bg_index_001.jpg);
  margin-bottom: 60px;
}

.main #page-heading-about {
  background-image: url(/oled/about/img/bg_index_001.jpg);
}

.main #page-heading-value {
  /* background-image: url(/oled/value/img/bg_index_001.jpg); */
  margin-bottom: 60px;
}

/*
.main #page-heading-showroom {
  background-image: url(/oled/oledlabo/showroom/img/bg_index_001.jpg);
}
*/

.main .page-heading-inner {
  width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
}

.main .page-heading-title {
  padding: 65px 0;
  line-height: 1.5;
  font-size: 36px;
  font-weight: normal;
}

.main .page-heading-title-part01 {
  display: block;
  font-size: 30px;
}

.main .page-heading-title-part03 {
  font-size: 30px;
}

@media only screen and (max-width: 599px) {
  .main .page-heading-inner {
    width: 100%;
  }
  .main .page-heading {
    margin-bottom: 50px;
  }
  .main #page-heading-value {
    margin-bottom: 30px;
  }
  .main .page-heading-title {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 24px;
  }
  .main .page-heading-title-part01 {
    font-size: 20px;
  }
  .main .page-heading-title-part03 {
    font-size: 20px;
  }
}

.main .index-contents-title {
  position: relative;
  padding-bottom: 30px;
  margin: 0 0 60px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
}

.main .index-contents-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 70px;
  height: 1px;
  margin-left: -35px;
  background-color: #06c;
}

@media only screen and (max-width: 599px) {
  .main .index-contents-title {
    padding-bottom: 20px;
    margin: 0 0 30px;
    font-size: 24px;
  }
  .main .index-contents-title:after {
    width: 50px;
    margin-left: -25px;
  }
}

.main .value-topvisual {
  margin-bottom: 60px;
}

.main .value-topvisual-wrapper {
  width: 918px;
  margin: 0 auto;
}

.main .value-lead-area {
  padding-bottom: 80px;
}

.main .value-lead-area-title {
  padding-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #06c;
}

.main .value-contents-title {
  position: relative;
  padding-bottom: 30px;
  margin: 0 0 60px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.main .value-contents-title:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 1px;
  margin-left: -50px;
  background-color: #06c;
}

.main .value-contents-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 1px;
  background-color: #000;
}

.main .value-contents-main {
  padding-bottom: 80px;
}

.main .value-contents-sub {
  padding-bottom: 40px;
}

.main .value-contents-main-heading {
  font-size: 30px;
  font-weight: bold;
  color: #06c;
}

.main .value-contents-sub-heading {
  font-size: 26px;
  font-weight: bold;
  color: #06c;
}

.main .value-contents-heading-small {
  display: block;
  font-size: .7em;
  font-weight: normal;
  color: #898989;
}

.main .value-contents-img {
  display: block;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.main .value-contents-img--inline {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .main .value-topvisual {
    margin-bottom: 30px;
  }
  .main .value-topvisual-wrapper {
    width: 100%;
  }
  .main .value-lead-area {
    padding-bottom: 60px;
  }
  .main .value-lead-area-title {
    font-size: 24px;
  }
  .main .value-contents-title {
    padding-bottom: 20px;
    margin: 0 0 30px;
    font-size: 24px;
  }
  .main .value-contents-main {
    padding-bottom: 40px;
  }
  .main .value-contents-sub {
    padding-bottom: 20px;
  }
  .main .value-contents-main-heading {
    font-size: 24px;
  }
  .main .value-contents-sub-heading {
    font-size: 20px;
  }
  .main .value-contents-img {
    margin-bottom: 30px;
  }
  .main .value-contents-img--inline {
    margin-bottom: 30px;
  }
}

.main .contents-title {
  position: relative;
  padding-bottom: 30px;
  margin: 0 0 60px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.main .contents-title:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 1px;
  margin-left: -50px;
  background-color: #06c;
}

.main .contents-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 1px;
  background-color: #000;
}

@media only screen and (max-width: 599px) {
  .main .contents-title {
    padding-bottom: 20px;
    margin: 0 0 30px;
    font-size: 24px;
  }
}

.main .card-box {
  display: block;
  position: relative;
  padding: 10px 10px 3px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  box-sizing: border-box;
}

.main .card-box:hover .card-box-overlay {
  opacity: 1;
}

.main a.card-box .card-box-imgwrapper img {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main a.card-box:hover .card-box-imgwrapper img {
  opacity: .5;
}

.main a.card-box--linkcolor:hover .card-box-body {
  color: #06c;
}

.main .card-box--white {
  background-color: #fff;
}

.main .card-box--middle {
  padding: 20px 20px 4px;
  margin-bottom: 60px;
}

.main .card-box--middle .card-box-imgwrapper {
  padding-bottom: 20px;
}

.main .card-box-imgwrapper {
  padding-bottom: 11px;
}

.main .card-box-body {
  text-align: center;
}

.main .card-box-body--textleft {
  text-align: left;
}

.main .card-box-body-icon {
  margin-bottom: 15px;
}

.main .card-box-body-title {
  font-size: 24px;
  font-weight: bold;
}

.main .card-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .card-box-overlay p {
  margin: 0;
  text-align: center;
  color: #fff;
}

.main .card-box-overlay-inner {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.main .card-box-overlay-body {
  display: table-cell;
  vertical-align: middle;
}

.main .card-box-overlay-title {
  padding-bottom: 15px;
  font-size: 18px;
}

.main .card-box-overlay-title span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

.main .card-box-overlay-text {
  padding-bottom: 0;
}

@media only screen and (max-width: 599px) {
  .main .card-box {
    margin-bottom: 14px;
  }
  .main .card-box--middle {
    padding: 15px 15px 4px;
    margin-bottom: 30px;
  }
  .main .card-box--middle .card-box-imgwrapper {
    padding-bottom: 15px;
  }
  .main .card-box-imgwrapper img {
    height: auto;
  }
  .main .card-box-body {
    font-size: 14px;
  }
  .main .card-box-body-title {
    font-size: 18px;
  }
  .main .card-box-overlay-title {
    font-size: 14px;
  }
  .main .card-box-overlay-text {
    font-size: 12px;
  }
}

.main .tabs {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 -2px;
}

.main .tabs > * {
  display: -webkit-box;
  display: flex;
  padding: 15px 20px;
  margin: 0 2px;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  color: #06c;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.main .tabs > *:not(.current) {
  cursor: pointer;
}

.main .tabs > *:not(.current):hover {
  text-decoration: underline;
}

.main .tabs > *.current {
  border-left: 1px solid #06c;
  border-top: 1px solid #06c;
  border-right: 1px solid #06c;
  background-color: #06c;
  color: #fff;
}

.main .tab-contents-container {
  padding-top: 30px;
  border-top: 2px solid #06c;
}

.main .tab-contents {
  display: none;
}

.main .tab-contents.current {
  display: block;
}

@media only screen and (max-width: 599px) {
  .main .tabs > * {
    /*width: 25%;*/
    padding: 10px;
    font-size: 12px;
    /*
        &:nth-of-type(1) {
          width: 25%;
        }
        &:nth-of-type(2) {
          width: 25%;
        }
        &:nth-of-type(3) {
          width: 25%;
        }
        &:nth-of-type(4) {
          width: 25%;
        }
        */
  }
}

.main .imgtext-img {
  padding-bottom: 30px;
}

.main .imgtext-img a img {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .imgtext-img a:hover img {
  opacity: .5;
}

.main .imgtext-text {
  display: block;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.main a.imgtext-text:hover .imgtext-text-title {
  color: rgba(68, 68, 68, .7);
}

.main .imgtext-text-title {
  padding-bottom: 30px;
  margin: 0;
  line-height: 1.2;
  font-size: 36px;
  font-weight: bold;
  -webkit-transition: color ease .3s;
          transition: color ease .3s;
}

.main .imgtext-text-title--only {
  padding-bottom: 0;
}

.main .imgtext-text-title-sub {
  display: block;
  padding-bottom: 5px;
  font-size: 18px;
}

.main .imgtext-text-title-main {
  display: block;
  padding-bottom: 5px;
}

.main .imgtext-text-lead {
  padding-bottom: 30px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  color: #06c;
}

.main .imgtext-up-arrow {
  padding-top: 90px;
  background: url(/oled/img/icon_arrow_down001.png) no-repeat top center;
}

@media only screen and (max-width: 599px) {
  .main .imgtext-text-title {
    font-size: 26px;
  }
  .main .imgtext-text-title--only {
    padding-bottom: 0;
  }
  .main .imgtext-text-lead {
    font-size: 24px;
  }
  .main .imgtext-up-arrow {
    padding-top: 80px;
  }
}

.main .img-box {
  display: block;
  padding: 40px 20px;
  margin-bottom: 60px;
  background-color: #fafafa;
  box-sizing: border-box;
  text-align: center;
}

.main .img-box--nobg {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

@media only screen and (max-width: 599px) {
  .main .img-box {
    padding: 20px 10px;
    margin-bottom: 30px;
  }
  .main .img-box--nobg {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.main .text-box {
  padding: 30px 30px 19px;
  margin-bottom: 50px;
  background-color: #fafafa;
  box-sizing: border-box;
}

.main .text-box--nobg {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

.main .text-box-item {
  margin-bottom: 20px;
}

.main .text-box-title {
  padding-bottom: 20px;
  font-size: 18px;
}

@media only screen and (max-width: 599px) {
  .main .text-box {
    padding: 20px 20px 9px;
    margin-bottom: 30px;
  }
  .main .text-box--nobg {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main .text-box-item {
    margin-bottom: 20px;
  }
}

.main .link-panel {
  display: table;
  table-layout: fixed;
}

.main .link-panel-img {
  display: table-cell;
  width: 485px;
}

.main .link-panel-img img {
  display: block;
  width: 100%;
}

.main .link-panel-body {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 485px;
  background-color: #fafafa;
}

.main .link-panel-body-inner {
  position: relative;
  width: 100%;
  padding: 20px 50px;
  box-sizing: border-box;
}

.main .link-panel-body-inner:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #adadad;
  border-right: 2px solid #adadad;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media only screen and (max-width: 599px) {
  .main .link-panel {
    display: block;
  }
  .main .link-panel-img {
    display: block;
    width: 100%;
  }
  .main .link-panel-body {
    display: block;
    width: 100%;
  }
  .main .link-panel-body-inner {
    padding: 20px 50px 20px 20px;
  }
}

.main .sepline {
  margin-top: 80px;
  margin-bottom: 80px;
  border-bottom: 1px dotted #ccc;
}

.main .sepline--products {
  margin-top: 60px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 599px) {
  .main .sepline {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .main .sepline--products {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.main .newslist {
  margin-bottom: 40px;
}

.main .index-news-area .newslist {
  margin-bottom: 0;
}

.main .newslist-item {
  border-bottom: 1px solid #e0e0e0;
}

.main .newslist-item:before,
.main .newslist-item:after {
  content: "";
  display: table;
}

.main .newslist-item:after {
  clear: both;
}

.main .newslist-item:first-child {
  border-top: 1px solid #e0e0e0;
}

.main .newslist-item:nth-child(odd) a {
  background-color: #f7f7f7;
}

.main .newslist-item a {
  position: relative;
  display: block;
  padding: 30px 40px 14px 20px;
  overflow: hidden;
  -webkit-transition: background-color .3s ease;
          transition: background-color .3s ease;
}

.main .newslist-item a:before,
.main .newslist-item a:after {
  content: "";
  display: table;
}

.main .newslist-item a:after {
  clear: both;
}

.main .newslist-item a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #adadad;
  border-right: 2px solid #adadad;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color .3s ease;
          transition: border-color .3s ease;
}

.main .newslist-item a:hover {
  background-color: #e8f0f7;
}

.main .newslist-item a:hover .newslist-item-body p,
.main .newslist-item a:hover .newslist-item-author {
  color: #06c;
}

.main .newslist-item a:hover:after {
  border-top: 2px solid #06c;
  border-right: 2px solid #06c;
}

.main .newslist-item-header {
  float: left;
  width: 160px;
}

.main .newslist-item-header-date {
  display: inline-block;
  font-weight: bold;
}

.main .newslist-item-body {
  margin-left: 180px;
}

.main .newslist-item-title {
  display: block;
}

.main .newslist-item-author {
  display: inline-block;
}

.main .newslist-item-body p {
  word-wrap: break-word;
  -webkit-transition: color .3s ease;
          transition: color .3s ease;
}

.main .newslist-img {
  margin-bottom: 40px;
}

.main .newslist-img-item {
  border-bottom: 1px solid #e0e0e0;
}

.main .newslist-img-item:before,
.main .newslist-img-item:after {
  content: "";
  display: table;
}

.main .newslist-img-item:after {
  clear: both;
}

.main .newslist-img-item:first-child {
  border-top: 1px solid #e0e0e0;
}

.main .newslist-img-item:nth-child(odd) a {
  background-color: #f7f7f7;
}

.main .newslist-img-item a {
  position: relative;
  display: block;
  padding: 30px 40px 30px 20px;
  overflow: hidden;
  -webkit-transition: background-color .3s ease;
          transition: background-color .3s ease;
}

.main .newslist-img-item a:before,
.main .newslist-img-item a:after {
  content: "";
  display: table;
}

.main .newslist-img-item a:after {
  clear: both;
}

.main .newslist-img-item a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #adadad;
  border-right: 2px solid #adadad;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color .3s ease;
          transition: border-color .3s ease;
}

.main .newslist-img-item a:hover {
  background-color: #e8f0f7;
}

.main .newslist-img-item a:hover .newslist-img-item-body p,
.main .newslist-img-item a:hover .newslist-img-item-author {
  color: #06c;
}

.main .newslist-img-item a:hover:after {
  border-top: 2px solid #06c;
  border-right: 2px solid #06c;
}

.main .newslist-img-item-header {
  float: none;
  width: 100%;
}

.main .newslist-img-item-header-imgwrapper {
  float: left;
  width: 170px;
}

.main .newslist-img-item-header-date {
  display: inline-block;
  float: none;
  width: initial;
}

.main .newslist-img-item-header-info {
  margin-left: 190px;
}

.main .newslist-img-item-header-icon {
  margin: 0 10px 10px 0;
}

.main .newslist-img-item-body {
  margin-left: 190px;
}

.main .newslist-img-item-footer {
  margin-left: 190px;
}

.main .newslist-pager {
  text-align: center;
}

.main .newslist-pager-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  line-height: 30px;
  color: #069;
  border: 1px solid #069;
}

.main .newslist-pager-item.current {
  color: #fff;
  background-color: #069;
}

.main a.newslist-pager-item {
  -webkit-transition: color .3s ease, background-color .3s ease;
          transition: color .3s ease, background-color .3s ease;
}

.main a.newslist-pager-item:hover {
  color: #fff;
  background-color: #069;
}

@media only screen and (max-width: 599px) {
  .main .index-news-area .newslist {
    margin-bottom: 0;
  }
  .main .index-news-area .newslist-item:nth-child(n+11) {
    display: none;
  }
  .main .newslist-item a {
    padding: 20px 40px 8px 15px;
  }
  .main .newslist-item-header {
    margin-bottom: 15px;
  }
  .main .newslist-item-header {
    width: 100%;
    float: none;
  }
  .main .newslist-item-header-date {
    width: 100%;
    margin-left: 0;
  }
  .main .newslist-item-body {
    margin-left: 0;
  }
  .main .newslist-item-title {
    margin-left: 0;
  }
  .main .newslist-img-item a {
    padding: 20px 15px;
  }
  .main .newslist-img-item a:after {
    display: none;
  }
  .main .newslist-img-item-header {
    display: table;
    width: 100%;
    margin-bottom: 15px;
  }
  .main .newslist-img-item-header-imgwrapper {
    float: none;
    display: table-cell;
    width: 40%;
  }
  .main .newslist-img-item-header-imgwrapper img {
    width: 100%;
  }
  .main .newslist-img-item-header-info {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    padding-left: 15px;
    margin-left: 0;
  }
  .main .newslist-img-item-header-date {
    display: block;
    width: initial;
    font-size: 14px;
  }
  .main .newslist-img-item-header-icon {
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 10px;
  }
  .main .newslist-img-item-body {
    margin-left: 0;
  }
  .main .newslist-img-item-footer {
    margin-left: 0;
  }
}

.main .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 50px;
  overflow: hidden;
}

.main .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .main .video-container {
    margin-bottom: 20px;
  }
}

.main .leadline-area {
  position: relative;
  padding-bottom: 100px;
}

.main .leadline-area:before {
  position: absolute;
  top: 30px;
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  background-color: #f7f7f7;
}

.main .leadline-area-inner {
  position: relative;
}

.main .leadline-area-body {
  line-height: 1.4;
  text-align: center;
}

.main .leadline-area-title {
  padding-bottom: 10px;
  font-size: 40px;
}

.main .leadline-area-text {
  font-size: 26px;
  font-weight: bold;
  color: #06c;
}

@media only screen and (max-width: 599px) {
  .main .leadline-area {
    padding-bottom: 50px;
  }
  .main .leadline-area:before {
    top: 20px;
    height: 70px;
  }
  .main .leadline-area-title {
    font-size: 26px;
  }
  .main .leadline-area-text {
    font-size: 20px;
  }
}

.main .lead-text-area {
  padding-bottom: 50px;
}

.main .lead-text-area-title {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #06c;
  padding-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .main .lead-text-area {
    padding-bottom: 40px;
  }
}

.main .contact-area {
  margin-bottom: 100px;
}

.main .contact-area-inner {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
}

.main .l-column-main .contact-area-inner {
  width: 100%;
}

.main .contact-box {
  padding: 40px 20px 34px;
  text-align: center;
  background-color: #f3f7fa;
  box-sizing: border-box;
}

.main .contact-text {
  padding-bottom: 20px;
}

.main .btn-contact {
  position: relative;
  width: 350px;
  padding: 12px 20px;
  font-size: 18px;
}

.main .btn-contact:hover {
  color: #fff;
}

.main .btn-contact span {
  position: relative;
  display: inline-block;
  padding-left: 44px;
  background-image: url(/oled/img/icon_mail_003.png);
  background-repeat: no-repeat;
  background-position: left center;
}

@media only screen and (max-width: 599px) {
  .main .contact-area {
    margin-bottom: 0;
  }
  .main .bottom-navi-area + .contact-area {
    margin-top: 0;
  }
  .main .contact-area-inner {
    width: 100%;
  }
  .main .btn-contact {
    max-width: 100%;
  }
}

.main .side-navi {
  margin-bottom: 50px;
}

.main .side-navi-title {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #444;
}

.main .side-navi-subtitle {
  padding: 20px 15px;
  font-size: 16px;
  font-weight: bold;
  background-color: #f7f7f7;
}

.main .side-navi-list li {
  border-bottom: 1px dotted #e0e0e0;
}

.main .side-navi-list li a {
  display: block;
  padding: 15px 20px;
  -webkit-transition: color .3s ease, background-color .3s ease;
          transition: color .3s ease, background-color .3s ease;
}

.main .side-navi-list li a:hover {
  color: #fff;
  background-color: #667f96;
}

.main .side-navi-list li.current a {
  color: #fff;
  background-color: #667f96;
}

.main .side-contactbtn {
  display: inline-block;
  width: 100%;
  padding: 15px 15px 15px 54px;
  margin-bottom: 20px;
  font-weight: bold;
  border: 2px solid #8ebae6;
  background-image: url(/oled/img/icon_mail_001.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  box-sizing: border-box;
  -webkit-transition: color .3s ease, background-color .3s ease;
          transition: color .3s ease, background-color .3s ease;
}

.main .side-contactbtn:hover {
  color: #fff;
  background-color: #8ebae6;
  background-image: url(/oled/img/icon_mail_002.png);
}

.main .side-bnr-item {
  display: block;
  margin-bottom: 10px;
}

.main .side-bnr-item-img {
  padding-bottom: 5px;
}

.main .bottom-navi-area {
  display: none;
}

@media only screen and (max-width: 599px) {
  .main .bottom-navi-area {
    display: block;
  }
  .main .bottom-navi-list li {
    padding-bottom: 0;
    border-bottom: 2px solid #e0e0e0;
  }
  .main .bottom-navi-list li:first-child {
    border-top: 2px solid #e0e0e0;
  }
  .main .bottom-navi-list li a {
    position: relative;
    display: block;
    padding: 20px 40px 20px 20px;
    font-size: 16px;
  }
  .main .bottom-navi-list li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 2px solid #06c;
    border-right: 2px solid #06c;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

.bottom-pagetop {
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: #a4c9eb;
  -webkit-transition: background-color .3s ease;
          transition: background-color .3s ease;
}

.bottom-pagetop:hover {
  background-color: rgba(164, 201, 235, .7);
}

@media only screen and (max-width: 599px) {
  .bottom-pagetop {
    padding: 15px 0;
  }
}

.footer-navi-area {
  padding-top: 50px;
  background-color: #f7f7f7;
}

.footer-navi-area-inner {
  width: 970px;
  margin: 0 auto;
}

.footer-navi {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.footer-navi:before,
.footer-navi:after {
  content: "";
  display: table;
}

.footer-navi:after {
  clear: both;
}

.footer-navi .footer-navi-column:last-child {
  padding-right: 0;
}

.footer-navi-column {
  width: 16.66666%;
  padding-right: 20px;
  float: left;
  box-sizing: border-box;
}

.footer-navi-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-navi-list > li {
  padding-bottom: 25px;
  line-height: 1;
}

.footer-navi-list > li > a {
  line-height: 1.5;
  font-weight: bold;
  font-size: 16px;
  color: #06c;
}

.footer-navi-list li a {
  line-height: 1.5;
  text-decoration: none;
}

.footer-navi-list li a:hover {
  text-decoration: underline;
}

.footer-navi-sublist {
  padding: 20px 0 0;
  margin: 0;
  list-style: none;
}

.footer-navi-sublist > li {
  padding-bottom: 20px;
}

.footer-navi-sublist > li a {
  font-size: 14px;
  color: #444;
}

.footer-social {
  padding: 20px 0;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
}

.footer-social-list {
  padding: 0;
  margin: 0;
}

.footer-social-list li {
  display: inline-block;
  padding: 0 10px;
}

.footer-social-list li a {
  display: block;
}

.footer-social-list li a img {
  vertical-align: bottom;
}

@media only screen and (max-width: 599px) {
  .footer-navi-area {
    padding-top: 0px;
  }
  .footer-navi-area-inner {
    width: 100%;
  }
  .footer-navi-column {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  .footer-navi-list > li {
    list-style: none;
    padding-bottom: 0;
    border-bottom: 2px solid #e0e0e0;
  }
  .footer-navi-list > li > a {
    padding: 20px 40px 20px 20px;
  }
  .footer-navi-list li a {
    position: relative;
    display: block;
    font-size: 16px;
  }
  .footer-navi-list li a[data-role="link"]:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 2px solid #06c;
    border-right: 2px solid #06c;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .footer-navi-list li a[data-role="trigger"]:before,
  .footer-navi-list li a[data-role="trigger"]:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 2px;
    background-color: #06c;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
  }
  .footer-navi-list li a[data-role="trigger"]:before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .footer-navi-list li a[data-role="trigger"]:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .footer-navi-list li a[data-role="trigger"].open:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .footer-navi-list li a:hover {
    text-decoration: none;
  }
  .footer-navi-sublist {
    display: none;
    padding-top: 0;
  }
  .footer-navi-sublist > li {
    padding-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .footer-navi-sublist > li:first-child {
    border-top: 2px solid #e0e0e0;
  }
  .footer-navi-sublist > li:last-child {
    border-bottom: 0;
  }
  .footer-navi-sublist > li > a {
    padding: 20px 40px;
    background-color: #ebebeb;
  }
  .footer-social {
    padding: 35px 0;
  }
}

.main .index-productinfo-box {
  display: block;
}

.main .index-productinfo-box:before,
.main .index-productinfo-box:after {
  content: "";
  display: table;
}

.main .index-productinfo-box:after {
  clear: both;
}

.main .index-productinfo-box-imgwrapper {
  float: left;
  width: 180px;
}

.main .index-productinfo-box-imgwrapper img {
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .index-productinfo-box-imgwrapper a:hover img {
  opacity: .5;
}

.main .index-productinfo-box-body {
  float: left;
  width: 294px;
  padding-left: 15px;
  box-sizing: border-box;
}

.main .index-productinfo-box-body p {
  padding-bottom: .5em;
}

.main .index-productinfo-box-lead {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #06c;
}

.main .index-productinfo-box-link {
  clear: both;
  position: relative;
  display: block;
  padding: 10px 30px 10px 10px;
  font-weight: bold;
  background-color: #f7f7f7;
  -webkit-transition: color .3s ease;
          transition: color .3s ease;
}

.main .index-productinfo-box-link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #adadad;
  border-right: 2px solid #adadad;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color .3s ease;
          transition: border-color .3s ease;
}

.main .index-productinfo-box-link:hover {
  color: #06c;
}

.main .index-productinfo-box-link:hover:after {
  border-color: #06c;
}

@media only screen and (max-width: 599px) {
  .main .index-productinfo-box {
    padding-bottom: 30px;
  }
  .main .index-productinfo-box-imgwrapper {
    width: 25%;
  }
  .main .index-productinfo-box-imgwrapper img {
    height: auto;
  }
  .main .index-productinfo-box-body {
    width: 75%;
  }
  .main .index-productinfo-box-lead {
    padding-top: 0;
  }
}

.main .index-value-box {
  position: relative;
  display: block;
}

.main .index-value-box img {
  display: block;
}

.main .index-value-box:hover .index-value-box-overlay {
  opacity: 1;
}

.main .index-value-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .index-value-box-overlay p {
  text-align: center;
  color: #fff;
}

.main .index-value-box-overlay-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.main .index-value-box-overlay-body {
  display: table;
  width: 100%;
  height: 100%;
  padding: 80px 30px;
  box-sizing: border-box;
}

.main .index-value-box-overlay-body-column {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  border-right: 1px solid #fff;
}

.main .index-value-box-overlay-body-column:last-child {
  border-right: 0;
}

.main .index-value-box-overlay-body-column--small {
  width: 20%;
  font-size: 14px;
}

.main .index-value-box-overlay-body-column--large {
  width: 30%;
  font-size: 16px;
  font-weight: bold;
}

.main .index-value-box-overlay-body-column--full {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  border-right: 0;
}

.main .index-value-box-overlay-text {
  position: absolute;
  bottom: 15px;
  left: 82%;
}

@media only screen and (max-width: 599px) {
  .main .index-value-box:hover .index-value-box-overlay {
    opacity: 0;
  }
}

.main .index-news-area {
  max-height: 300px;
  overflow-y: auto;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .main .index-news-area {
    max-height: none;
    overflow-y: scroll;
  }
}

.main .productlead-title {
  padding-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
  color: #06c;
}

.main .productlead-title sup {
  font-size: .6em;
}

.main .productlead-title--new {
  padding-top: 10px;
  padding-left: 100px;
  /* background: url(/oled/img/icon_new_002.png) no-repeat top left; */
}

@media only screen and (max-width: 599px) {
  .main .productlead-title {
    padding-top: 5px;
    font-size: 20px;
  }
  .main .productlead-title--new {
    padding-left: 60px;
    background-size: 50px 50px;
  }
  .main .productlead-attention {
    font-size: 14px;
  }
}

.main .showroominfo {
  margin-bottom: 50px;
}

.main .showroominfo-address {
  padding-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .main .showroominfo {
    margin-bottom: 30px;
  }
}

.main .faqlist {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.main .faqlist-q {
  position: relative;
  min-height: 120px;
  padding: 30px 100px 30px 100px;
  background: url(/oled/faq/img/icon_question_001.png) no-repeat left 30px;
  box-sizing: border-box;
  cursor: pointer;
}

.main .faqlist-q:nth-child(n+2) {
  border-top: 1px solid #d9d9d9;
}

.main .faqlist-q:before,
.main .faqlist-q:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 2px;
  background-color: #06c;
  -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition:         transform .3s ease;
          transition:         transform .3s ease, -webkit-transform .3s ease;
}

.main .faqlist-q:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.main .faqlist-q:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.main .faqlist-q.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main .faqlist-a {
  display: none;
  padding: 0px 30px 0px 120px;
  margin: 0 0 20px;
  background-image: url(/oled/faq/img/icon_answer_001.png);
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: 30px 30px;
}

.main .faqlist-a.open {
  display: block;
}

.main .faqlist-a-body {
  min-height: 120px;
  padding: 30px 0 19px;
  box-sizing: border-box;
}

.main .faqlist-a-body:before,
.main .faqlist-a-body:after {
  content: "";
  display: table;
}

.main .faqlist-a-body:after {
  clear: both;
}

.main .faqlist-a-body--img .faqlist-a-body-text {
  float: left;
  width: 580px;
}

.main .faqlist-a-body--img .faqlist-a-body-img {
  float: right;
  width: 220px;
}

@media only screen and (max-width: 599px) {
  .main .faqlist-q {
    padding: 30px 50px 30px 50px;
    background-size: 34px 34px;
  }
  .main .faqlist-a {
    padding: 0px 15px;
    background-position: 15px 15px;
    background-size: 34px 34px;
  }
  .main .faqlist-a-body {
    padding: 64px 0 15px;
  }
  .main .faqlist-a-body--img .faqlist-a-body-text {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .main .faqlist-a-body--img .faqlist-a-body-img {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
}

.main .historylist {
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 180px;
  border-bottom: 1px dotted #e0e0e0;
  background-repeat: no-repeat;
  background-position: top left;
}

.main .historylist--from1900 {
  min-height: 135px;
  background-image: url(/oled/about/img/bg_index_002.jpg);
}

.main .historylist--from2000 {
  min-height: 933px;
  background-image: url(/oled/about/img/bg_index_003.jpg);
}

.main .historylist--from2000 .historylist-item:nth-child(odd) {
  background-color: transparent;
}

.main .historylist--from2000 .historylist-item:nth-child(even) {
  background-color: #f7f7f7;
}

.main .historylist--from2010 {
  min-height: 1192px;
  background-image: url(/oled/about/img/bg_index_004.jpg);
}

.main .historylist--from2010 .historylist-item:nth-child(odd) {
  background-color: transparent;
}

.main .historylist--from2010 .historylist-item:nth-child(even) {
  background-color: #f7f7f7;
}

.main .historylist-item {
  padding: 30px 20px 19px 20px;
}

.main .historylist-item:before,
.main .historylist-item:after {
  content: "";
  display: table;
}

.main .historylist-item:after {
  clear: both;
}

.main .historylist-item:nth-child(odd) {
  background-color: #f7f7f7;
}

.main .historylist-item-header {
  float: left;
  width: 80px;
}

.main .historylist-item-header-title {
  font-weight: bold;
}

.main .historylist-item-body {
  margin-left: 100px;
}

.main .historylist-attention {
  padding-top: 1em;
}

@media only screen and (max-width: 599px) {
  .main .historylist {
    min-height: initial;
    padding-top: 70px;
    padding-left: 0;
    background-position: top center;
    background-size: 280px 50px;
  }
  .main .historylist--from1900 {
    background-image: url(/oled/about/img/bg_index_005.jpg);
  }
  .main .historylist--from2000 {
    background-image: url(/oled/about/img/bg_index_006.jpg);
  }
  .main .historylist--from2010 {
    background-image: url(/oled/about/img/bg_index_008.jpg);
  }
  .main .historylist-item {
    padding: 20px 20px 30px 15px;
  }
  .main .historylist-item-header {
    width: 100%;
    overflow: hidden;
  }
  .main .historylist-item-header:before,
  .main .historylist-item-header:after {
    content: "";
    display: table;
  }
  .main .historylist-item-header:after {
    clear: both;
  }
  .main .historylist-item-body {
    margin-left: 0;
  }
  .main .historylist-attention {
    padding-top: 1em;
  }
}

.main .btn-download {
  display: table-cell;
  width: 350px;
  height: 80px;
  padding: 15px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #06c;
  box-sizing: border-box;
  vertical-align: middle;
}

.main .btn-download:hover {
  color: #fff;
}

.main .btn-download-inner {
  position: relative;
  display: block;
}

.main .btn-download-inner:after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  /* content: url(/oled/img/icon_download_001.png); */
}

@media only screen and (max-width: 599px) {
  .main .btn-download {
    margin-bottom: 10px;
  }
}

.main .btn-tomap {
  width: 160px;
}

.main .btn-tomap:hover {
  color: #fff;
}

.main .btn-products-leading {
  position: relative;
  display: inline-block;
  width: 474px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px 20px 120px;
  font-size: 18px;
  color: #06c;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
}

.main .btn-products-leading:before {
  position: absolute;
  top: -10px;
  left: 15px;
  /* content: url(/oled/img/icon_new_002.png); */
}

.main a.btn-products-leading {
  -webkit-transition: color .3s ease, background-color .3s ease;
          transition: color .3s ease, background-color .3s ease;
}

.main a.btn-products-leading:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #06c;
  border-right: 2px solid #06c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.main a.btn-products-leading:hover {
  color: #fff;
  background-color: #06c;
}

/*
.main a.btn-products-leading:hover:before {
  content: url(/oled/img/icon_new_003.png);
}
*/

.main a.btn-products-leading:hover:after {
  border-color: #fff;
}

@media only screen and (max-width: 599px) {
  .main .btn-products-leading {
    width: 100%;
    padding: 20px 40px 20px 90px;
    font-size: 14px;
    color: #06c;
  }
  .main .btn-products-leading:before {
    /* content: url(/oled/img/icon_new_004.png); */
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -30px;
  }
}

/*
* Utilities
-------------------------------------------------- */
@media only screen and (min-width: 600px) {
  .hidden-sp {
    display: block !important;
  }
  .hidden-pc {
    display: none !important;
  }
  .visible-pc {
    display: block !important;
  }
}

@media only screen and (max-width: 599px) {
  .hidden-sp {
    display: none !important;
  }
  .hidden-pc {
    display: block !important;
  }
  .visible-pc {
    display: none !important;
  }
}

.main .padding-bottom0 {
  padding-bottom: 0 !important;
}

.main .margin-bottom0 {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 600px) {
  .main .pc-padding-bottom40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (max-width: 599px) {
  .main .sp-padding-bottom30 {
    padding-bottom: 30px !important;
  }
}

.main .brand-color {
  color: #06c;
}

.main .link-color {
  color: #06c;
}

.main .text-left {
  text-align: left;
}

.main .text-right {
  text-align: right;
}

.main .text-center {
  text-align: center !important;
}

.main .text-bold {
  font-weight: bold;
}

.main .text-hyphen {
  position: relative;
  padding-left: 1em;
}

.main .text-hyphen:before {
  display: block;
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.main .attention {
  position: relative;
  padding-left: 1em;
}

.main .attention:before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.main .attention-list li {
  position: relative;
  padding-left: 1em;
}

.main .attention-list li:before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.main .attention-num-list {
  counter-reset: counter;
}

.main .attention-num-list li {
  position: relative;
  padding-left: 2.2em;
  counter-increment: counter;
}

.main .attention-num-list li:before {
  display: block;
  content: "※" counter(counter);
  position: absolute;
  top: 0;
  left: 0;
}

.main .text-link-arrow-left {
  position: relative;
  padding-left: 1.2em;
}

.main .text-link-arrow-left:before {
  display: block;
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
}

.main .link-hover01 {
  color: #06c;
}

.main .link-hover01:hover {
  color: #06c;
  text-decoration: underline;
}

.main .link-hover02 {
  color: #06c;
  text-decoration: underline;
}

.main .link-hover02:hover {
  color: #06c;
  text-decoration: underline;
}


dl.notation dt {
    margin: 0;
    margin-right: -2em;
    padding: 0.2em 0;
    float: left;
    clear: both;
    display: inline;
    width: 2em;
}
dl.notation dd {
    margin-left: 0.8em;
    padding: 0.2em 15px 0.2em 10px;
}
dl.notation.wide dt {
    margin-right: 0;
    width: 3.8em;
    clear: left;
}
dl.notation.wide dd {
    margin-left: 3.8em;
    padding-left: 0;
}
.main .table tr td.left {
	border-right: none;
}
.main .table tr td.right {
	border-left: none;
}
.marginTop60{margin-top:60px!important;}

@media only screen and (min-width: 600px) {
  .hidden-lg {
    display: none !important;
  }
  .l-grid-pc-1of3 {
    width: 323px;
    padding: 20px 40px 100px 40px;
    float: left;
  }
  .l-grid-pc-1of3-722 {
    width: 240px;
    padding: 20px 40px 100px 40px;
    float: left;
  }
  .l-grid-pc-1of3-820 {
    width: 273px;
    padding: 10px 40px;
    float: left;
  }
  .l-marginTop105{margin-top:105px!important;}
}

@media only screen and (max-width: 599px) {
  .main .table-responsive {
    display: block;
  }
  .main .table-responsive.nowrap {
	white-space: nowrap;
  }  
  .main .table-responsive td img {
  	max-width: none;
  }
  .s-marginTop14{margin-top:14px!important;}
}