@charset "utf-8";
/* CSS Document */

/*  fonts
-------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');

body {
 font-family: "Kosugi Maru", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
body {
 font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Edge */
_:-ms-lang(x)::backdrop,
body {
 font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.f-maru {
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 300;
}

/*  common
-------------------------------------------- */
html {
 font-size: 62.5%;
}

ul {
 padding-left: 0;
 list-style: none;
}

ol,
ul,
dl {
 margin-top: 0;
 margin-bottom: 0;
}

.d-sp-block {
 display: none !important;
}

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

button:focus {
 outline: none;
}

h1 small,
h1 small.lead,
h2 small.lead,
h3 small.lead {
 display: block;
 font-size: 1.6rem;
 font-family: "Kosugi Maru", sans-serif;
 font-weight: 900;
}

h1 small {
 display: inline-block;
 font-size: 2.0rem;
 font-family: "Kosugi Maru", sans-serif;
 font-weight: 900;
}

h1 + .lead,
h2 + .lead,
h3 + .lead,
h3 + div > .lead {
 margin-top: 0.6rem;
 margin-bottom: 0.6rem;
}

:focus {
 outline: none !important;
}

.rounded .bgItem,
.rounded a,
.rounded img {
 border-radius: 1.8rem;
}

@media (max-width: 959px) {

 .rounded,
 .rounded a,
 .rounded img {
  border-radius: 0.9rem !important;
 }
}

@media (max-width: 959px) {

 body,
 p,
 li,
 li p {
  font-size: 1.6rem;
 }

 h1,
 .h1 {
  font-size: 2.8rem;
 }

 h2,
 .h2 {
  font-size: 2.8rem;
 }

 h3,
 .h3 {
  font-size: 2.4rem;
 }

 h4,
 .h4 {
  font-size: 1.4rem;
 }

 h5,
 .h5 {
  font-size: 1.2rem;
 }

 h6,
 .h6 {
  font-size: 1rem;
 }

 h1 small,
 h1 small.lead,
 h2 small.lead,
 h3 small.lead {
  font-size: 1.4rem;
 }

 h1 + .lead,
 h2 + .lead,
 h3 + .lead {
  font-size: 1.6rem;
 }

 .d-sp-block {
  display: block !important;
 }

 .d-pc-block {
  display: none !important;
 }
}

.flex-row,
.flex-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.flex-row {
 flex-direction: row;
}

.flex-column {
 flex-direction: column;
}

.flex-row li {
 margin: 6px;
}

.flex-column li {
 margin: 10px;
}

/* btn */
.btnArea-center {
 margin-top: 60px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-tablet {
 color: #fff;
}

.btn-text-white:hover {
 color: #fff;
}

.btn-arrow {
 position: relative;
 padding-right: 5.5rem;
}

.btn-arrow:after {
 position: absolute;
 content: "";
 top: 50%;
 right: 14px;
 margin-top: -6px;
 width: 10px;
 height: 10px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.text-link-primary.btn-arrow:after,
.btn-primary.btn-arrow:hover:after,
.btn-primary.btn-arrow:focus:after {
 border-top-color: #5189c0 !important;
 border-right-color: #5189c0 !important;
}

.text-link-secondary.btn-arrow:after,
.btn-secondary.btn-arrow:hover:after,
.btn-secondary.btn-arrow:focus:after {
 border-top-color: #f3a51d !important;
 border-right-color: #f3a51d !important;
}

.text-link-success.btn-arrow:after,
.btn-success.btn-arrow:hover:after,
.btn-success.btn-arrow:focus:after {
 border-top-color: #7dbd45 !important;
 border-right-color: #7dbd45 !important;
}

.text-link-info.btn-arrow:after,
.btn-info.btn-arrow:hover:after,
.btn-info.btn-arrow:focus:after {
 border-top-color: #49c6e0 !important;
 border-right-color: #49c6e0 !important;
}

.text-link-warning.btn-arrow:after,
.btn-warning.btn-arrow:hover:after,
.btn-warning.btn-arrow:focus:after {
 border-top-color: #bda46a !important;
 border-right-color: #bda46a !important;
}

.text-link-tablet.btn-arrow:after,
.btn-tablet.btn-arrow:hover:after,
.btn-tablet.btn-arrow:focus:after {
 border-top-color: #A4BD45 !important;
 border-right-color: #A4BD45 !important;
}

.text-link-danger.btn-arrow:after,
.btn-danger.btn-arrow:hover:after,
.btn-danger.btn-arrow:focus:after {
 border-top-color: #ef5858 !important;
 border-right-color: #ef5858 !important;
}

.text-link-light.btn-arrow:after,
.btn-light.btn-arrow:hover:after,
.btn-light.btn-arrow:focus:after {
 border-top-color: #dcdcdc !important;
 border-right-color: #dcdcdc !important;
}

.text-link-dark.btn-arrow:after,
.btn-dark.btn-arrow:hover:after,
.btn-dark.btn-arrow:focus:after {
 border-top-color: #343a40 !important;
 border-right-color: #343a40 !important;
}

.btn-tablet:before {
 background-image: url("/assets/img/mv/top/newtab.svg");
 background-repeat: no-repeat;
 background-position: center;
}

.slick-primary .bgItem,
.bg-light-primary {
 background-color: rgba(81, 137, 192, 0.1);
}

.slick-info .bgItem,
.bg-light-success {
 background-color: rgba(125, 189, 69, 0.1);
}

.slick-info .bgItem,
.bg-light-info {
 background-color: rgba(73, 198, 224, 0.1);
}

.slick-warning .bgItem,
.bg-light-warning {
 background-color: rgba(189, 164, 106, 0.1);
}

.slick-warning .bgItem,
.bg-light-warning {
 background-color: rgba(189, 164, 106, 0.1);
}

.slick-danger .bgItem,
.bg-light-danger {
 background-color: rgba(239, 88, 88, 0.1);
}

.bg-light-secondary {
 background-color: rgba(243, 165, 29, 0.1);
}

.slick-primary .bgItem,
.bg-half-primary {
 background-color: rgba(81, 137, 192, 0.4);
}

.slick-success .bgItem,
.bg-half-success {
 background-color: rgba(125, 189, 69, 0.4);
}

.slick-info .bgItem,
.bg-half-info {
 background-color: rgba(73, 198, 224, 0.4);
}

.slick-warning .bgItem,
.bg-half-warning {
 background-color: rgba(189, 164, 106, 0.4);
}

.slick-warning2 .bgItem,
.bg-half-warning2 {
 background-color: rgba(206, 205, 211, 0.4);
}

.slick-tablet .bgItem,
.bg-half-tablet {
 background-color: rgba(164, 189, 69, 0.4);
}

.slick-danger .bgItem,
.bg-half-danger {
 background-color: rgba(239, 88, 88, 0.4);
}

.bg-half-secondary {
 background-color: rgba(243, 165, 29, 0.4);
}

.slick-pink .bgItem,
.bg-half-pink {
 background-color: rgba(249, 239, 241, 1);
}

.bg-light-pink {
  background-color: rgba(249, 239, 241, 1);
}

.slick-pink2 .bgItem,
.bg-half-pink2 {
  background-color: rgba(239, 228, 231, 1);
}

.bg-light-pink2 {
  background-color: rgba(239, 228, 231, 1);
}

@media (min-width: 960px) {
 .btn-hover {
  position: relative;
  overflow: hidden;
 }

 .btn-hover:before {
  content: "";
  position: absolute;
  bottom: -120px;
  right: -40px;
  width: 0%;
  height: 0%;
  border-radius: 50%;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
 }

 .toolList .btn-hover:before {
  bottom: -80px;
  right: -40px;
 }

 .btn-hover span {
  position: relative;
 }

 .btn-hover:hover:before,
 .btn-hover:focus:before {
  width: 240px;
  height: 240px;
  opacity: 1;
 }

 .toolList .btn-hover:hover:before,
 .toolList .btn-hover:focus:before {
  width: 360px;
  height: 360px;
  opacity: 1;
 }

 .btnArea-center .btn-hover:hover:before,
 .btnArea-center .btn-hover:focus:before {
  width: 460px;
  height: 460px;
  opacity: 1;
 }
}

.bg-hover:hover,
.bg-hover:focus {
 animation: textcolor 3s;
}

.bg-hover-primary:hover,
.bg-hover-primary:focus {
 animation: textcolor-primary 3s;
}

.bg-hover-secondary:hover,
.bg-hover-secondary:focus {
 animation: textcolor-secondary 3s;
}

.bg-hover-success:hover,
.bg-hover-success:focus {
 animation: textcolor-success 3s;
}

.bg-hover-info:hover,
.bg-hover-info:focus {
 animation: textcolor-info 3s;
}

.bg-hover-warning:hover,
.bg-hover-warning:focus {
 animation: textcolor-warning 3s;
}

.bg-hover-tablet:hover,
.bg-hover-tablet:focus {
 animation: textcolor-tablet 3s;
}

.bg-hover-danger:hover,
.bg-hover-danger:focus {
 animation: textcolor-danger 3s;
}

.bg-hover-light:hover,
.bg-hover-light:focus {
 animation: textcolor-light 3s;
}

.bg-hover-dark:hover,
.bg-hover-dark:focus {
 animation: textcolor-dark 3s;
}

.bg-hover-pink:hover,
.bg-hover-pink:focus {
 animation: textcolor-pink 3s;
}

@keyframes textcolor {
 0% {
  color: inherit;
 }

 7% {
  color: #fff;
 }

 100% {
  color: #5189c0;
 }
}

@keyframes textcolor-primary {
 0% {
  color: inherit;
 }

 7% {
  color: #5189c0;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-secondary {
 0% {
  color: inherit;
 }

 7% {
  color: #f3a51d;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-success {
 0% {
  color: inherit;
 }

 7% {
  color: #7dbd45;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-info {
 0% {
  color: inherit;
 }

 7% {
  color: #49c6e0;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-warning {
 0% {
  color: inherit;
 }

 7% {
  color: #bda46a;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-tablet {
 0% {
  color: inherit;
 }

 7% {
  color: #A4BD45;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-danger {
 0% {
  color: inherit;
 }

 7% {
  color: #ef5858;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-light {
 0% {
  color: inherit;
 }

 7% {
  color: #dcdcdc;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-dark {
 0% {
  color: inherit;
 }

 7% {
  color: #343a40;
 }

 100% {
  color: #fff;
 }
}

@keyframes textcolor-pink {
 0% {
  color: inherit;
 }

 7% {
  color: #e02f76;
 }

 100% {
  color: #fff;
 }
}

/* fixed contents
---------------------------------- */
header.header {
 z-index: 10;
}

div.contents-wrapper {
 z-index: 0;
}

div.sub-contents-wrapper {
 z-index: 9;
}

div.main-contents-wrapper {
 z-index: 1;
}

@media (min-width: 960px) {
 header.header {
  display: none;
 }

 div.contents-wrapper {
  display: flex;
  align-items: stretch;
  background: #f7f7f7;
 }

 div.sub-contents-wrapper {
  margin-right: -250px;
  width: 250px;
  position: relative;
  background: #fff;
 }

 div.main-contents-wrapper {
  float: left;
  width: 100%;
  max-width: 1818px;
  position: relative;
  background: #fff;
 }

 div.main-contents,
 div.main-contents-header {
  margin-left: 250px;
  width: auto;
 }
}

div.sub-contents-wrapper {
 position: relative;
 -webkit-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.2);
 box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.2);
}

@media (max-width: 959px) {
 header.header {
  display: block;
  width: 100%;
  height: 49px;
  background: #fff;
 }

 #nav-toolList-toggler[aria-expanded^="true"],
 #nav-toolList-toggler[aria-expanded^="true"] + header.header {
  position: fixed;
 }

 header .container {
  padding-right: 0;
  padding-left: 0;
 }

 div.sub-contents {
  top: 49px !important;
  z-index: 11;
  background: #fff;
 }

 div.contents-wrapper.container {
  padding-left: 0;
  padding-right: 0;
 }
}

div.contents-wrapper {
 /zoom: 1;
}

div.contents-wrapper:after {
 content: '';
 display: block;
 clear: both;
}

/* LOAD
---------------------------------- */
#loadingWrap {
 background: #fff;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 99999;
 display: table;
 width: 100%;
 height: 100vh;
}

.loadingNone {
 animation: loadingAnime 1s forwards;
}

@keyframes loadingAnime {
 0% {
  opacity: 1;
 }

 80% {
  opacity: 0;
  display: none;
 }

 99% {
  width: 100%;
  height: 100vh;
 }

 100% {
  opacity: 0;
  display: none;
  width: 0%;
  height: 0vh;
 }
}

/*  ToolList
-------------------------------------------- */
.uniLogo {
 padding-top: 24px;
 padding-bottom: 20px;
 margin-left: -20px;
 text-align: center;
}

.uniLogo a {
 display: block;
}

.uniEnpitsuLogo {
 padding-top: 24px;
 text-align: center;
}

.toolList > ul > li,
.toolList > ul > li a {
 display: block;
 font-size: 1.5rem;
 font-weight: 700;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.toolList > ul > li a:hover {
 color: #fff;
}

.toolList > ul > li a {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 padding: 10px 24px;
}

.toolList > ul > li a .rex-icon {
 display: inline-block;
 margin-right: 22px;
 font-size: 3.2rem;
}

body.gripper-page .tl-gripper {
 pointer-events: none;
 color: #fff;
 background-color: #e02f76;
}

body.hittat-page .tl-hittat {
  pointer-events: none;
  color: #fff;
  background-color: #d7586c;
}

body.hahatoco-page .tl-hahatoco {
 pointer-events: none;
 color: #fff;
 background-color: #bda46a;
}

body.kyoushitsu-page .tl-kyoushitsu {
 pointer-events: none;
 color: #fff;
 background-color: #f3a51d;
}

body.nanoDia-page .tl-nano_dia {
 pointer-events: none;
 color: #fff;
 background-color: #5189c0;
}

body.redBule-page .tl-red_bule {
 pointer-events: none;
 color: #fff;
 background-color: #ef5858;
}

body.pallet-page .tl-pallet {
 pointer-events: none;
 color: #fff;
 background-color: #49c6e0;
}

body.hahatoco-page .tl-hahatoco {
 pointer-events: none;
 color: #fff;
 background-color: #bda46a;
}

body.yamagata-page .tl-yamagata {
 pointer-events: none;
 color: #fff;
 background-color: #7dbd45;
}

/* footer */
.main-contents-footer {
 padding: 16px 28px 28px !important;
}

.main-contents-footer .uniLogo {
 padding: 0 0 0 10px;
 margin-left: -10px;
}

.main-contents-footer .textCopyright {
 text-align: center;
 font-size: 1.1rem;
 color: #000;
}

@media (min-width: 960px) {
 #nav-toolList {
  display: block;
 }

 #nav-toolList-toggler {
  display: none;
 }

 .toolList {
  margin-top: 0px;
 }
}

@media (max-width: 959px) {
 .uniLogo {
  display: none;
 }

 .main-contents-footer .uniLogo {
  display: block;
 }

 .toolList {
  padding-top: 10px;
 }

 .headerLogo {
  padding-top: 8px;
  padding-left: 0;
 }

 /*
  #nav-toolList-toggler[aria-expanded*="false"] {position: absolute;}
  #nav-toolList-toggler[aria-expanded*="true"] {position: fixed;z-index: 1000; background: #fff;}
  */
 #nav-toolList-toggler[aria-expanded*="false"] #nav-toolList-toggler[aria-expanded*="false"] + header.header {
  position: static;
 }

 /*
  #nav-toolList-toggler[aria-expanded*="true"],
  #nav-toolList-toggler[aria-expanded*="true"] + header.header {position: fixed;background: #fff;}
*/
 #nav-toolList {
  background: #fff;
 }

 #nav-toolList-toggler {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  width: 54px;
  height: 48px;
  margin: 0;
  padding: 0;
  background-image: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
 }

 #nav-toolList-toggler .icon-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -14px;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  background-color: #e7122e;
 }

 #nav-toolList-toggler .icon-bar:first-child {
  display: none;
 }

 #nav-toolList-toggler .icon-bar:nth-child(2),
 #nav-toolList-toggler .icon-bar:nth-child(3) {
  position: absolute;
  width: 29px;
  transition: .3s;
 }

 #nav-toolList-toggler .icon-bar:nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
 }

 #nav-toolList-toggler .icon-bar:nth-child(3) {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
 }

 /* collapsed */
 #nav-toolList-toggler.collapsed .icon-bar {
  margin-top: 0;
  display: block;
  width: 24px;
  margin-left: -12px;
 }

 #nav-toolList-toggler.collapsed .icon-bar:nth-child(1) {
  top: 14px;
 }

 #nav-toolList-toggler.collapsed .icon-bar:nth-child(2) {
  top: 22px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
 }

 #nav-toolList-toggler.collapsed .icon-bar:nth-child(3) {
  top: 30px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
 }
}

/*  blankLink
-------------------------------------------- */
.blankLink,
.blankLink a {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
}

.blankLink li {
 margin-bottom: 40px;
}

.blankLink li a {
 background-color: #fff;
}

.blankLink li .text {
 display: inline-block;
 padding: 0 50px 0 20px;
 font-size: 2.0rem;
}

.blankLink li a.btn-arrow {
 padding-right: 0;
}

.blankLink li a.btn-arrow:after {
 top: 50%;
 right: 30px;
 margin-top: -9px;
 width: 18px;
 height: 18px;
 border-top: 2px solid #959595;
 border-right: 2px solid #959595;
}

.text-link-secondary:not(:disabled):not(.disabled):active,
.text-link-secondary:not(:disabled):not(.disabled).active {
 color: inherit;
 background-color: #fff;
 border-color: #fff;
}

.text-link-secondary:focus,
.text-link-secondary.focus {
 box-shadow: none;
}

@media (max-width: 1740px) {
 .col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
 }
}

@media (max-width: 764px) {
 .col-lg-6 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
 }
}

@media (min-width: 1440px) {
 .blankLink li {
  max-width: 582px;
 }
}

@media (max-width: 959px) {
 .blankLink li .img img {
  width: px;
  height: 582px;
 }
}

@media (max-width: 1408px) {
 .blankLink li {
  margin-bottom: 20px;
  max-width: 420px;
 }

 .blankLink li .text {
  display: inline-block;
  padding: 0 20px 0 16px;
  font-size: 1.8rem;
 }

 .blankLink li .img img {
  width: 70px;
  height: 70px;
 }

 .blankLink li a.btn-arrow:after {
  right: 16px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
 }
}

/*
@media screen and (min-width: 960px) and (max-width: 1219px) {
  div.contents-wrapper.container {padding-left: 0;padding-right: 0;}
  div.sub-contents-wrapper{margin-right : -52px;width : 52px;}
  div.main-contents,
  div.main-contents-header {margin-left : 52px;}
  .toolList > ul >li a {padding: 10px 10px;}
  .toolList > ul >li a .text {display: none;}
}
*/
/*  slick
-------------------------------------------- */
.slick-flex .slick-slide {
 margin-left: 15px;
 margin-right: 15px;
}

.slick-flex .slick-track .slick-slide::last-child,
.slick-flex .slick-track .slick-slide::last-child .imgBox-lightbox {
 display: none !important;
 visibility: hidden !important;
}

@media (max-width: 959px) {
 .slick-flex .slick-slide {
  margin-left: 7px;
  margin-right: 7px;
 }

 .slick-flex .slick-slide img {
  width: 100%
 }
}

/* slick-flex-3set */
@media (min-width: 1200px) {
 .slick-flex-3set .slick-dots {
  visibility: hidden;
 }
}

@media (min-width: 1220px) {
 .slick-flex-3set {
  margin: 0 auto;
  width: 900px;
 }
}

/* slick-flex-4set */
@media (min-width: 1500px) {
 .slick-flex-4set .slick-dots {
  visibility: hidden;
 }
}

@media (min-width: 1550px) {
 .slick-flex-4set {
  margin: 0 auto;
  width: 1220px;
 }
}

@media (max-width: 1559px) {
 .slick-flex-4set {
  margin: 0 0 0 20px;
 }
}

@media (max-width: 959px) {
 .slick-flex-4set {
  margin: 0;
 }
}

/* slick-flex-5set */
@media (min-width: 1800px) {
 .slick-flex-5set .slick-dots {
  visibility: hidden;
 }
}

@media (min-width: 1840px) {
 .slick-flex-5set {
  margin: 0 auto;
  width: 1520px;
 }
}

@media (max-width: 1839px) {
 .slick-flex-5set {
  margin: 0 0 0 20px;
 }
}

@media (max-width: 959px) {
 .slick-flex-5set {
  margin: 0;
 }
}

/*  lightbox
-------------------------------------------- */
_:-ms-lang(x)::-ms-backdrop,
#lightbox {
 top: 50px !important;
}

.lightbox .lb-outerContainer,
.lightbox .lb-dataContainer {
 border-radius: 0;
 box-sizing: border-box;
}

.lightbox .lb-image {
 border-radius: 0 !important;
 border: none !important;
 vertical-align: bottom;
}

.lightbox .lb-outerContainer .lb-container {
 padding: 0 40px;
 background: #fff;
}

.lightbox .lb-dataContainer .lb-data {
 padding: 19px 40px;
 background: #fff;
}

.lightbox .lb-dataContainer .lb-data:after {
 content: "";
 display: table;
 clear: both;
}

.lightbox .lb-outerContainer .lb-image {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.lightbox .lb-dataContainerHeader {
 position: relative;
 text-align: left;
}

.lightbox .lb-dataContainerHeader h4 {
 margin-bottom: 0;
 font-size: 2rem;
 line-height: 1.6;
 color: #393939;
 font-weight: 900;
}

.lightbox .lb-dataContainerHeader .caption {
 margin-bottom: 0;
 font-size: 1.4rem;
 line-height: 1.6;
 color: #393939;
 font-weight: 400;
}

.lightbox .lb-dataContainerHeader .num {
 font-size: 1.2rem;
 display: none;
}

.lightbox .lb-dataContainerHeader .lb-close {
 position: absolute;
 top: 14px;
 right: 10px;
 float: none;
}

.lightbox .lb-dataContainerFooter {
 padding-top: 0;
}

.lightbox .lb-dataContainerFooter .lb-data {
 padding-bottom: 19px;
 font-size: 1.4rem;
 color: #393939;
}

.lightbox .lb-dataContainerFooter .lb-data h4,
.lightbox .lb-dataContainerFooter .lb-data p {
 text-align: left;
}

.lightbox .lb-dataContainerFooter .lb-data h4 {
 font-weight: 700;
}

.lightbox .lb-dataContainerFooter .lb-data p {
 padding-top: 10px;
 line-height: 20px;
 font-size: 1.4rem;
}

.lightbox .lb-dataContainerFooter .lb-data small {
 margin-top: 6px;
 display: block;
 font-size: 1.2rem;
}

.itemLinkWrapper {
 position: relative;
}

.itemLinkWrapper .itemLink-block {
 position: absolute;
}

.lb-nav a.lb-prev {
 opacity: 0.75;
}

.lb-nav a.lb-next {
 opacity: 0.75;
}

@media (max-width: 959px) {
 .lightbox .lb-dataContainerFooter .lb-data {
  padding-top: 10px !important;
 }

 .lightbox .lb-dataContainerFooter .lb-data h4 {
  font-size: 1.6rem;
 }

 .lightbox .lb-dataContainerFooter .lb-data p {
  font-size: 1.4rem;
 }
}

@media (min-width: 960px) {
 .slick-flex .textBox-lightbox {
  width: 280px;
  margin-top: 15px;
 }
}

.slick-flex .textBox-lightbox {
 margin-top: 15px;
}

@media (min-width: 960px) and (min-height: 680px) {

 .lightbox .lb-dataContainer,
 .lightbox .lb-outerContainer,
 .lightbox .lb-container {
  width: 680px !important;
 }
}

@media (min-width: 960px) and (max-height: 679px) {
 #lightbox {
  margin-top: -70px !important;
 }

 .lightbox .lb-dataContainerHeader .lb-close {
  top: 34px !important;
  z-index: 11;
 }

 .lightbox .lb-dataContainerFooter .lb-data {
  padding-top: 10px !important;
 }
}

@media (max-height: 449px) {
 #lightbox {
  margin-top: -75px !important;
 }

 .lightbox .lb-dataContainerHeader .lb-close {
  top: 30px !important;
  z-index: 11;
 }

 .lightbox .lb-dataContainerFooter .lb-data {
  padding-top: 10px;
 }

 .lightbox .lb-dataContainerFooter .lb-data h4 {
  font-size: 1.6rem;
 }

 .lightbox .lb-dataContainerFooter .lb-data p {
  padding-top: 6px;
  font-size: 1.4rem;
 }

 .lightbox .lb-dataContainerFooter .lb-data {
  padding-top: 10px !important;
 }
}

ol.list-numCircle {
 padding: 0;
 margin: 10px 0 10px 26px;
 list-style-type: none;
}

ol.list-numCircle > li > span {
 margin-left: -26px;
 margin-right: 6px;
 display: inline-block;
 width: 20px;
 height: 20px;
 line-height: 20px;
 font-size: 16px;
 color: #fff;
 background-color: #f00;
 text-align: center;
 border-radius: 20px;
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
ol.list-numCircle > li > span {
 padding-top: 2px;
}

_:-ms-lang(x)::-ms-backdrop,
ol.list-numCircle > li > span {
 padding-top: 2px;
}

/* Edge */
_:-ms-lang(x)::backdrop,
ol.list-numCircle > li > span {
 padding-top: 1px;
}

_:-ms-lang(x)::backdrop,
ol.list-numCircle > li > span {
 padding-top: 1px;
}

.kyoushitsu-page .lightbox .lb-dataContainerFooter .lb-data {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

ol.list-numCircle,
ol.list-numCircle > li {
 text-align: left;
 line-height: 28px;
 font-size: 1.6rem;
}

ol.list-numCircle + p {
 padding-top: 0;
}

/*  tabs
-------------------------------------------- */
.nav-lineup {
 background: #fff;
 border-bottom: 1px solid #e5e5e5;
 border-top: 1px solid #e5e5e5;
 -webkit-overflow-scrolling: touch;
 overflow-x: auto;
}

.nav-lineup::-webkit-scrollbar {
 height: 5px;
}

.nav-lineup::-webkit-scrollbar-track {
 border-radius: 5px;
 background: #eee;
}

.nav-lineup::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #999;
}

.nav-lineup ul {
 display: table;
 padding-top: 20px;
 padding-bottom: 20px;
}

.nav-lineup ul li {
 display: table-cell;
 white-space: nowrap;
 vertical-align: middle;
 padding-left: 26px;
 position: relative;
}

.nav-lineup ul li > a {
 color: #999;
}

@media print,
screen and (min-width: 1024px) {
 .nav-lineup ul li a:before {
  transform: scaleX(1);
  transition: transform 0.3s ease;
 }

 .nav-lineup ul li a:hover:before {
  transform: scaleX(0);
 }
}

/* main-contents
-------------------------------------------- */
div.main-contents-wrapper {}

div.main-contents-header {}

div.main-contents-ttl h1,
div.main-contents-ttl h2,
div.main-contents-ttl .lead {
 text-align: center;
}

.main-contents-inner {
 padding: 50px 28px;
}

@media (max-width: 959px) {

 div.main-contents,
 div.main-contents-header {
  padding-left: 0;
  padding-right: 0;
 }

 div.main-contents-header h1 {
  padding: 0;
  text-align: left;
 }

 .main-contents-inner {
  padding: 30px 15px;
 }

 .main-contents-inner .sec-products .row {
  margin-left: 0;
  margin-right: 0;
 }

 .main-contents-inner .sec-products [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
 }
}

/* sec-main */
.sec-main {
 margin-bottom: 60px;
 background-color: #fff;
}

.sec-main-top {
 padding: 18px 32px 14px;
}

.sec-main-top.ttl-border {
 border-bottom: 1px solid #e6f9ff;
}

.sec-main-body {}

.list-enquetes .enquete {
 border-bottom: 1px solid #c9c9c9;
}

.list-enquetes .enquete a {
 position: relative;
 display: block;
 padding: 8px 32px 12px;
}

.list-enquetes .enquete .points-and-time,
.list-enquetes .enquete .points-and-time > [class*="enquete-"] {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
}

.list-enquetes .enquete .points-and-time {
 margin-top: 4px;
}

.list-enquetes .enquete .points-and-time span {
 display: inline-block;
}

.list-enquetes .enquete .points-and-time .rex-icon {
 margin-right: 6px;
 font-size: 3.2rem;
}

.list-enquetes .enquete .points-and-time .number {
 font-size: 1.8rem;
 font-weight: 700;
}

.list-enquetes .enquete .points-and-time .text {
 margin-left: 4px;
 font-size: 1.4rem;
}

.list-enquetes .enquete .points-and-time > div {
 margin-left: 26px;
}

@media (min-width: 960px) {
 .list-enquetes .enquete a .title {
  padding-right: 160px;
 }

 .list-enquetes .enquete a .enquete-id {
  position: absolute;
  top: 6px;
  right: 32px;
 }
}

@media (max-width: 959px) {
 .list-enquetes .enquete a {
  display: block;
  padding: 8px 14px 12px;
 }

 .list-enquetes .enquete a .detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
 }

 .list-enquetes .enquete .points-and-time .rex-icon {
  margin-right: 6px;
  font-size: 2.2rem;
 }

 .list-enquetes .enquete .points-and-time .number {
  font-size: 1.8rem;
  font-weight: 700;
 }

 .list-enquetes .enquete .points-and-time .text {
  margin-left: 4px;
  font-size: 1.4rem;
 }

 .list-enquetes .enquete .points-and-time > div {
  margin-left: 18px;
 }
}

.list-enquetes .enquete .points-and-time > div:first-child {
 margin-left: 0;
}

/* .sec-products*/
.sec-products {
 padding-bottom: 80px;
}

.sec-products-text > h3 {
 margin-bottom: 2rem;
}

.sec-products-text > h3 small {
 font-size: 2.2rem;
 font-weight: bold;
}

.sec-products-text > h3 small.lead {
 display: block;
}

.sec-products-text > .btn-block {
 margin-top: 2rem;
}

.sec-products-text > h4 {
 margin-bottom: 2rem;
 font-weight: bold;
}

.sec-products-text > h4.blue {
 color: #83c0ea;
 margin-bottom: 1rem;
}

.sec-products-text > h4.orange {
 color: #f3992b;
 margin-top: 1rem;
 margin-bottom: 1rem;
}

/* mv-header-top */
.mv-header-top {
 position: relative;
 text-align: center;
 overflow: hidden;
}

.mv-header-top .mv-text {
 position: absolute;
 z-index: 6;
 top: 50%;
 left: 50%;
 margin-left: -18.339253996447603%;
 margin-top: 4.6%;
 width: 36.72291296625222%;
}

.mv-header-top .mv-logo {
 position: absolute;
 z-index: 6;
 top: 50%;
 left: 50%;
 margin-left: -16.03019538188277%;
 margin-top: -14.6%;
 width: 32.06039076376554%;
}

.mv-header-top .mv-text img,
.mv-header-top .mv-logo img,
.mv-header-top .mv-img img {
 width: 100%;
}

.mv-header-top .mv-img {
 position: absolute;
 z-index: 4;
 opacity: 0;
}

.mv-header-top picture.ani-thumb-top:before {
 z-index: 5;
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/top/mv_top_parts.gif');
 animation: 1s ease-in-out hand-bg forwards;
 transform: rotate(3deg) scale(1.1);
 animation-delay: 1.5s;
 opacity: 0;
}

.mv-header-top .mv-img.hand-01 {
 left: 0;
 top: 50%;
 margin-top: -3%;
 width: 21.092362344582593%;
}

.mv-header-top .mv-img.hand-02 {
 bottom: 0;
 left: 50%;
 width: 28.152753108348133%;
 margin-left: -11.6%;
}

.mv-header-top .mv-img.hand-03 {
 right: 0;
 top: 50%;
 margin-top: 2%;
 width: 27.44227353463588%;
}

.mv-header-top .mv-img.hand-04 {
 top: 0;
 left: 50%;
 margin-left: 20.8%;
 width: 27.66429840142096%;
}

.mv-header-top .mv-img.hand-05 {
 top: 0;
 left: 50%;
 margin-left: -47.6%;
 width: 27.397868561278866%;
}

@media (max-width: 959px) {
 .mv-header-top picture.ani-thumb-top:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/top_sp/mv_top_parts.gif');
 }

 .mv-header-top .mv-text {
  margin-left: -29.733333333333334%;
  margin-top: 8.2%;
  width: 59.46666666666667%;
 }

 .mv-header-top .mv-logo {
  margin-left: -21.6%;
  margin-top: -18.0%;
  width: 43.333333333333336%;
 }

 .mv-header-top .mv-img.hand-01 {
  left: 0;
  top: 50%;
  margin-top: -13%;
  width: 23.333333333333332%;
 }

 .mv-header-top .mv-img.hand-02 {
  bottom: 0;
  left: 50%;
  width: 38.13333333333333%;
  margin-left: -26.6%;
 }

 .mv-header-top .mv-img.hand-03 {
  right: 0;
  top: 50%;
  margin-top: 6%;
  width: 27.44227353463588%;
 }

 .mv-header-top .mv-img.hand-04 {
  top: 0;
  left: 50%;
  margin-left: 20.8%;
  width: 27.66429840142096%;
 }

 .mv-header-top .mv-img.hand-05 {
  top: 0;
  left: 50%;
  margin-left: -37.2%;
  width: 38.4%;
 }
}

.mv-header-top .mv-img.hand-01 {
 animation: 1s ease-in-out hand-01 forwards;
 transform: rotate(3deg) scale(1.2);
 animation-delay: 1s;
}

.mv-header-top .mv-img.hand-02 {
 animation: 1s ease-in-out hand-02 forwards;
 transform: rotate(3deg) scale(1.2);
 animation-delay: 1s;
}

.mv-header-top .mv-img.hand-03 {
 animation: 1s ease-in-out hand-03 forwards;
 transform: rotate(3deg) scale(1.2);
 animation-delay: 1s;
}

.mv-header-top .mv-img.hand-04 {
 animation: 1s ease-in-out hand-04 forwards;
 transform: rotate(3deg) scale(1.2);
 animation-delay: 1s;
}

.mv-header-top .mv-img.hand-05 {
 animation: 1s ease-in-out hand-05 forwards;
 transform: rotate(3deg) scale(1.2);
 animation-delay: 1s;
}

@keyframes hand-bg {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@keyframes hand-01 {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@keyframes hand-02 {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@keyframes hand-03 {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@keyframes hand-04 {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@keyframes hand-05 {
 100% {
  transform: rotate(0deg) scale(1);
  opacity: 1;
 }
}

@media (max-width: 959px) {
 .sec-products-text > h3 {
  margin-bottom: 1rem;
 }
}

/* picture.ani-thumb-box */
picture.ani-thumb-box {
 position: relative;
 display: block;
}

picture.ani-thumb-box img {
 position: relative;
 z-index: 1;
 width: 100%;
}

picture.ani-thumb-box:before {
 content: "";
 display: block;
 position: absolute;
 z-index: 2;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: contain;
}

@media (min-width: 960px) {
 picture.ani-thumb-palette:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/palette_2252.gif')
 }

 picture.ani-thumb-gripper:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/grip_2252.gif')
 }

 picture.ani-thumb-NanoDia:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/dia_2252.gif')
 }

 picture.ani-thumb-hahatoco:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hahatoco_2252.gif')
 }

 picture.ani-thumb-akaao:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/akaao_2252.gif')
 }

 picture.ani-thumb-kyoushitsu:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/kyoushitsu_2252.gif')
 }

 picture.ani-thumb-hittat:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hittat_2252.gif')
 }

 picture.ani-thumb-tonoiro:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/tonoiro_2252.gif')
 }
}

@media (max-width: 959px) {
 picture.ani-thumb-palette:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/palette_750600.gif')
 }

 picture.ani-thumb-gripper:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/grip_750600.gif')
 }

 picture.ani-thumb-NanoDia:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/dia_750600.gif')
 }

 picture.ani-thumb-hahatoco:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hahatoco_750600.gif')
 }

 picture.ani-thumb-akaao:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/akaao_750600.gif')
 }

 picture.ani-thumb-kyoushitsu:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/kyoushitsu_750600.gif')
 }

 picture.ani-thumb-hittat:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hittat_750600.gif')
 }

 picture.ani-thumb-tonoiro:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/tonoiro_750600.gif')
 }
}

.home-page picture.ani-thumb-palette:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/palette_750400.gif')
}

.home-page picture.ani-thumb-palette:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/palette_750400.gif')
 }

.home-page picture.ani-thumb-gripper:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/grip_750400.gif')
}

.home-page picture.ani-thumb-NanoDia:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/dia_750400.gif')
}

.home-page picture.ani-thumb-hahatoco:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hahatoco_750400.gif')
}

.home-page picture.ani-thumb-akaao:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/akaao_750400.gif')
}

.home-page picture.ani-thumb-kyoushitsu:before {
 background-image: url('/special/gakuyou_enpitsu/assets/img/mv/kyoushitsu_750400.gif')
}

.home-page picture.ani-thumb-hittat:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/hittat_750400.gif')
 }

 .home-page picture.ani-thumb-tonoiro:before {
  background-image: url('/special/gakuyou_enpitsu/assets/img/mv/tonoiro_750400.gif')
 }

/* img-hover */
a.img-hover {
 display: block;
}

a.img-hover img {
 position: relative;
 z-index: 1;
 width: 100%;
 transform: translate(0, 0);
 transition: transform 0.35s cubic-bezier(0.1, 0.69, 0.33, 0.95);
}

@media (min-width: 960px) {

 a.img-hover:hover img,
 a.img-hover:hover picture:before {
  transform: translate(-15px, -15px);
 }
}

@media (max-width: 959px) {
 .main-contents-products {
  padding: 0;
 }

 .home-page .sec-products-photo,
 .home-page .sec-products-photo a,
 .home-page .sec-products-photo img {
  border-radius: 0 !important;
 }

 .sec-products {
  padding-bottom: 15px;
 }

 .sec-products-text {
  padding: 15px;
 }

 .sec-products-text > h3 {
  text-align: center;
 }

 .sec-products-text > h3 small {
  font-size: 1.6rem;
 }

 .sec-products-text > .btn-block {
  text-align: center;
 }
}

/* main-contents-specs */
@media (min-width: 960px) {
 .main-contents-specs {
  padding: 60px;
 }
}

.main-contents-specs .sec-products-specs + .sec-products-specs {
 margin-top: 40px;
}

.main-contents-specs .sec-products-photo img {
 width: 100%;
}

@media (max-width: 959px) {

 .main-contents-specs .sec-products-text,
 .main-contents-specs .sec-products-photo {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
 }

 .main-contents-specs .sec-products-text {
  padding-left: 0;
  padding-right: 0;
 }

 .main-contents-specs .sec-products-text > h3 {
  text-align: left;
 }
}

.sec-kyoushitsu-specs .col-lg-7 .sec-products-photo {
 max-width: 819px;
}

@media (max-width: 1400px) {

 .sec-kyoushitsu-specs .col-lg-7,
 .sec-kyoushitsu-specs .col-lg-5 {
  flex: 0 0 100%;
  max-width: 100%;
 }

 .sec-kyoushitsu-specs .col-lg-7 .sec-products-photo {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
 }

 .sec-kyoushitsu-specs .col-lg-5 .sec-products-text {
  padding-top: 15px;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
 }
}

/* sec-products-gallery */
.sec-products-gallery {
 padding-bottom: 50px;
}

.sec-products-gallery .slick-slide img {
 width: 280px;
}

@media (max-width: 959px) {
 .sec-products-gallery {
  padding-bottom: 20px;
 }

 .sec-products-gallery .slick-slide img {
  width: 100%;
 }
}

.sec-kyoushitsu-gallery .main-contents-specs {
 padding: 0;
}

.sec-kyoushitsu-gallery .sec-products-specs .col-photo {
 max-width: 400px;
 margin-left: auto;
 margin-right: auto;
}

.sec-kyoushitsu-gallery .sec-products-specs .col-text {
 max-width: 400px;
 margin-left: auto;
 margin-right: auto;
}

.sec-kyoushitsu-gallery .sec-products-text {
 margin-top: 20%;
}

.sec-kyoushitsu-gallery .main-contents-specs {
 width: 800px;
 margin-left: auto;
 margin-right: auto;
}

@media (max-width: 1154px) {
 .sec-kyoushitsu-gallery .main-contents-specs {
  padding: 30px;
 }

 .sec-kyoushitsu-gallery .main-contents-specs {
  width: 100%;
 }
}

@media (max-width: 959px) {
 .sec-kyoushitsu-gallery .main-contents-specs {
  padding-left: 30px;
  padding-right: 30px;
 }

 .sec-kyoushitsu-gallery .sec-products-text,
 .sec-kyoushitsu-gallery .list-numCircle {
  margin-top: 0;
 }

 .sec-kyoushitsu-gallery .sec-products-specs .col-photo {
  padding-left: 40px;
  padding-right: 40px;
 }

 .sec-kyoushitsu-gallery p + .list-numCircle {
  margin-top: 10px;
 }

 .sec-kyoushitsu-gallery .sec-products-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
 }

 .sec-kyoushitsu-gallery .sec-products-text .textBox-setbox {
  width: 280px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
 }
}

@media (max-width: 570px) {
 .sec-kyoushitsu-gallery .main-contents-specs {
  margin-left: auto;
  margin-right: auto;
 }
}

/* sec-products-lineup */
.sec-products-lineup {
 padding-bottom: 0;
}

.sec-products-lineup .main-contents-inner {
 padding-right: 0;
}

.sec-products-lineup h3 {
 display: none;
}

.sec-products-lineup .productsItem-wrapper {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.sec-products-lineup .productsItem {
 border-radius: 1.8rem;
 position: relative;
 margin-bottom: 28px;
 background: #fff;
}

/*
.sec-products-lineup #products-01 .productsItem {height: 428px;}
body.pallet-page .sec-products-lineup #products-01 .productsItem {height: 438px;}
body.redBule-page .sec-products-lineup #products-01 .productsItem {height: 408px;}
*/
.sec-products-lineup .productsItem:last-child {
 margin-left: 0;
}

.sec-products-lineup .productsItem .photo {
 position: relative;
 border-radius: 1.8rem 1.8rem 0 0;
 width: 100%;
 height: 318px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.sec-products-lineup .productsItem .photo img {
 position: relative;
 z-index: 2;
 height: 300px;
 margin-bottom: 12px;
}

.sec-products-lineup .productsItem .document {
 padding: 10px;
}

.sec-products-lineup .productsItem .document .hardness {
 padding: 1px 0 0 0;
 width: 29px;
 line-height: 16px;
 border-radius: .3rem;
 text-align: center;
 font-size: 1.2rem;
 color: #fff;
 font-weight: normal;
 font-family: "Arial", "sans-serif";
}

.sec-products-lineup .productsItem .document .name {
 margin-bottom: 6px;
 font-size: 1.4rem;
 line-height: 18px;
 font-weight: 700;
 color: #333;
 word-wrap: break-word;
 word-break: keep-all;
}

.sec-products-lineup .productsItem .document .name span {
 display: inline-block;
 margin-right: 0.8em;
}

.sec-products-lineup .productsItem .document .name span:last-child {
 margin-right: 0;
}

.sec-products-lineup .productsItem .document .price span {
 display: inline-block;
}

.sec-products-lineup .productsItem .document .price,
.sec-products-lineup .productsItem .document .priceNo {
 font-size: 1.4rem;
 line-height: 16px;
 color: #333;
}

.sec-products-lineup .productsItem .document .price {
 margin-bottom: 6px;
}

.sec-products-lineup .productsItem .document .price small,
.sec-products-lineup .productsItem .document .price span.basePrice,
.sec-products-lineup .productsItem .document .price span.zei {
 display: inline-block;
 margin-right: 4px;
 font-size: 1.0rem;
 line-height: 10px;
 color: #333;
}

.sec-products-lineup .productsItem .document .priceNo {
 display: flex;
 flex-direction: row;
 align-items: center;
 flex-wrap: wrap;
 font-size: 1.2rem;
}

.sec-products-lineup .productsItem .document .priceNo li {
 font-size: 1.2rem;
}

.sec-products-lineup .productsItem .document .priceNo li:after {
 content: "/";
 margin-left: 2px;
 margin-right: 2px;
 display: inline-block;
}

.sec-products-lineup .productsItem .document .priceNo li:last-child:after {
 display: none;
}

.sec-products-lineup .productsItem .badgeSet {
 position: absolute;
 left: 0;
 z-index: 3;
 bottom: 6px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 text-align: center;
 width: 100%;
}

.sec-products-lineup .productsItem .badgeSet span {
 position: relative;
 z-index: 1;
 display: block;
 margin: 10px 6px;
 width: 26px;
 height: 15.01px;
 line-height: 15px;
 color: #fff;
 text-align: center;
 font-size: 1.3rem;
 font-weight: 700;
 font-family: 'Roboto', sans-serif;
}

.sec-products-lineup .productsItem .badgeSet span:before,
.sec-products-lineup .productsItem .badgeSet span:after {
 position: absolute;
 z-index: -1;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.sec-products-lineup .productsItem .badgeSet span:before {
 transform: rotate(60deg);
}

.sec-products-lineup .productsItem .badgeSet span:after {
 transform: rotate(-60deg);
}

@media (max-width: 959px) {
 .sec-products-lineup .productsItem .document .name {
  font-size: 1.2rem;
  line-height: 16px;
 }

 .sec-products-lineup .productsItem .document .price span {
  font-size: 0.9rem;
 }

 .sec-products-lineup .productsItem .document .price,
 .sec-products-lineup .productsItem .document .priceNo,
 .sec-products-lineup .productsItem .document .priceNo li {
  font-size: 1.0rem !important;
  line-height: 12px;
 }

 .sec-products-lineup .productsItem .document .price .dozen {
  display: block;
 }

 .sec-products-lineup .productsItem .badgeSet span {
  margin: 6px 3px;
  width: 22px;
  height: 12.01px;
  line-height: 13px;
  font-size: 1.0rem;
 }
}

/* bg-light-info */
.sec-products-lineup.bg-light-info .productsItem .photo {
 background-color: rgba(73, 198, 224, 0.4);
}

.sec-products-lineup.bg-light-info .productsItem .document .hardness {
 background-color: #13b8db;
}

.sec-products-lineup.bg-light-info .productsItem .badgeSet span {
 background: #49c6e0;
}

.sec-products-lineup.bg-light-info .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-info .productsItem .badgeSet span:after {
 background: #49c6e0;
}

.sec-products-lineup.bg-light-info .productsItem .document .priceNo span {
 color: #13b8db;
}

.pallet-page .lb-data .lb-close:after,
.pallet-page .lb-data .lb-close:before {
 background-color: #49c6e0;
}

.pallet-page .lb-nav a:before {
 border-top-color: #49c6e0;
 border-right-color: #49c6e0;
}

/* bg-light-warning */
.sec-products-lineup.bg-light-warning .productsItem .photo {
 background-color: rgba(189, 164, 106, 0.2);
}

.sec-products-lineup.bg-light-warning .productsItem .document .hardness {
 background-color: #bda46a;
}

.sec-products-lineup.bg-light-warning .productsItem .badgeSet span {
 background: #bda46a;
}

.sec-products-lineup.bg-light-warning .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-warning .productsItem .badgeSet span:after {
 background: #bda46a;
}

.sec-products-lineup.bg-light-warning .productsItem .document .priceNo span {
 color: #bda46a;
}

.hahatoco-page .lb-data .lb-close:after,
.hahatoco-page .lb-data .lb-close:before {
 background-color: #bda46a;
}

.hahatoco-page .lb-nav a:before {
 border-top-color: #bda46a;
 border-right-color: #bda46a;
}

/* bg-light-success */
.sec-products-lineup.bg-light-success .productsItem .photo {
 background-color: rgba(125, 189, 69, 0.4);
}

.sec-products-lineup.bg-light-success .productsItem .document .hardness {
 background-color: #7dbd45;
}

.sec-products-lineup.bg-light-success .productsItem .badgeSet span {
 background: #7dbd45;
}

.sec-products-lineup.bg-light-success .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-success .productsItem .badgeSet span:after {
 background: #7dbd45;
}

.sec-products-lineup.bg-light-success .productsItem .document .priceNo span {
 color: #7dbd45;
}

.gripper-page .lb-data .lb-close:after,
.gripper-page .lb-data .lb-close:before {
 background-color: #e02f76;
}

.gripper-page .lb-nav a:before {
 border-top-color: #e02f76;
 border-right-color: #e02f76;
}

.hittat-page .lb-data .lb-close:after,
.hittat-page .lb-data .lb-close:before {
 background-color: #d7586c;
}

.hittat-page .lb-nav a:before {
 border-top-color: #d7586c;
 border-right-color: #d7586c;
}

/* bg-light-primary */
.sec-products-lineup.bg-light-primary .productsItem .photo {
 background-color: rgba(81, 137, 192, 0.4);
}

.sec-products-lineup.bg-light-primary .productsItem .document .hardness {
 background-color: #5189c0;
}

.sec-products-lineup.bg-light-primary .productsItem .badgeSet span {
 background: #5189c0;
}

.sec-products-lineup.bg-light-primary .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-primary .productsItem .badgeSet span:after {
 background: #5189c0;
}

.sec-products-lineup.bg-light-primary .productsItem .document .priceNo span {
 color: #5189c0;
}

.nanoDia-page .lb-data .lb-close:after,
.nanoDia-page .lb-data .lb-close:before {
 background-color: #5189c0;
}

.nanoDia-page .lb-nav a:before {
 border-top-color: #5189c0;
 border-right-color: #5189c0;
}

/* bg-light-danger */
.sec-products-lineup.bg-light-danger .productsItem .photo {
 background-color: rgba(239, 88, 88, 0.4);
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary .photo {
 background-color: rgba(81, 137, 192, 0.4);
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo {
 position: relative;
 background-color: transparent;
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo:before,
.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo:after {
 content: "";
 position: absolute;
 z-index: 0;
 width: 100%;
 height: 50%;
 left: 0;
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo:before {
 top: 0;
 background-color: rgba(239, 88, 88, 0.4);
 border-radius: 1.8rem 1.8rem 0 0;
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo:after {
 bottom: 0;
 width: 100%;
 background-color: rgba(81, 137, 192, 0.4);
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo.p70:before {
 height: 70%;
}

.sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo.p70:after {
 height: 30%;
}

@media (max-width: 959px) {
 .sec-products-lineup.bg-light-danger .productsItem.bg-half-primary-danger .photo:before {
  border-radius: 0.9rem 0.9rem 0 0;
 }
}

.sec-products-lineup.bg-light-danger .productsItem .document .hardness {
 background-color: #ef5858;
}

.sec-products-lineup.bg-light-danger .productsItem .badgeSet span {
 background: #ef5858;
}

.sec-products-lineup.bg-light-danger .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-danger .productsItem .badgeSet span:after {
 background: #ef5858;
}

.redBule-page .lb-data .lb-close:after,
.redBule-page .lb-data .lb-close:before {
 background-color: #ef5858;
}

.redBule-page .lb-nav a:before {
 border-top-color: #ef5858;
 border-right-color: #ef5858;
}

/* bg-light-secondary */
.kyoushitsu-page .lb-data .lb-close:after,
.kyoushitsu-page .lb-data .lb-close:before {
 background-color: #f3a51d;
}

.kyoushitsu-page .lb-nav a:before {
 border-top-color: #f3a51d;
 border-right-color: #f3a51d;
}

/* bg-light-pink */
.sec-products-lineup.bg-light-pink .productsItem .photo {
 background-color: #F5C9D2;
}

.sec-products-lineup.bg-light-pink .productsItem .document .hardness {
 background-color: #e02f76;
}

.sec-products-lineup.bg-light-pink .productsItem .badgeSet span {
 background: #e02f76;
}

.sec-products-lineup.bg-light-pink .productsItem .badgeSet span:before,
.sec-products-lineup.bg-light-pink .productsItem .badgeSet span:after {
 background: #e02f76;
}

.sec-products-lineup.bg-light-pink .productsItem .document .priceNo span {
 color: #e02f76;
}

/* bg-light-pink2 */
.sec-products-lineup.bg-light-pink2 .productsItem .photo {
  background-color: #EAC8CF;
 }

 .sec-products-lineup.bg-light-pink2 .productsItem .document .hardness {
  background-color: #d7586c;
 }

 .sec-products-lineup.bg-light-pink2 .productsItem .badgeSet span {
  background: #d7586c;
 }

 .sec-products-lineup.bg-light-pink2 .productsItem .badgeSet span:before,
 .sec-products-lineup.bg-light-pink2 .productsItem .badgeSet span:after {
  background: #d7586c;
 }

 .sec-products-lineup.bg-light-pink2 .productsItem .document .priceNo span {
  color: #d7586c;
 }

@media (min-width: 1043px) {
 .sec-products-lineup .productsItem {
  width: 227px;
  margin-right: 28px;
 }
}

@media (max-width: 1042px) {
 .sec-products-lineup .productsItem {
  width: 29.673202614379086%;
  margin-right: 3.6601307189542487%;
 }
}

@media (max-width: 959px) {
 .sec-products-lineup .main-contents-inner {
  padding-left: 28px;
 }
}

@media (max-width: 767px) {
 .sec-products-lineup .main-contents-inner {
  padding-left: 15px;
 }

 .sec-products-lineup .productsItem {
  border-radius: 0.9rem;
  width: calc(50% - 15px);
  margin-bottom: 15px;
  margin-right: 15px;
 }

 .sec-products-lineup .productsItem .photo {
  border-radius: 0.9rem 0.9rem 0 0;
  overflow: hidden;
 }

 .sec-products-lineup .productsItem .photo img {
  width: 100%;
  height: auto;
 }
}

.sec-products-lineup .productsItem .photo img.product_new {
 position: absolute !important;
 width: 50px;
 height: 50px;
 top: 10px;
 left: 10px;
}

/* yamagata */
.main-contents-specs .conditioned50 img {
 width: 50%;
 height: auto;
}

.main-contents-specs .conditioned60 img {
 width: 60%;
 height: auto;
}

.main-contents-specs .conditioned70 img {
 width: 70%;
 height: auto;
}

.main-contents-specs .conditioned80 img {
 width: 80%;
 height: auto;
}

.main-contents-specs .conditioned90 img {
 width: 90%;
 height: auto;
}

.main-contents-inner .inner-steps {
 margin-top: 60px;
 padding: 30px;
 background-color: #fff;
 border-radius: 15px;
}

.main-contents-inner .inner-steps .row:not(:first-child) {
 margin-top: 40px;
}

.main-contents-inner .inner-steps .row > div:not(:first-child) {
 margin-left: -3.5rem;
}

.main-contents-inner .know-pencil {
 margin-top: 60px;
}

.main-contents-inner .know-pencil .slick-warning .bgItem {
 background-color: transparent;
}

.main-contents-inner .know-pencil > div > a .text {
 font-size: 24px;
 padding: 30px;
}

.know-pencil img {
 width: 30%;
 height: auto;
}

.know-pencil .main-contents-inner {
 padding: 0;
}

.know-pencil a {
 display: flex;
 align-items: center;
}

.know-pencil .know-text {
 font-size: 2rem;
 line-height: 1rem;
}

.know-pencil h3 {
 margin-left: 35px;
 margin-top: -7px;
}

.know-pencil .blankLink li .img img {
 width: 120px;
 height: 120px;
}

@media (max-width: 1200px) {
 .know-pencil .blankLink li .img img {
  width: 80px;
  height: 80px;
 }

 .main-contents-inner .inner-steps .row > div:not(:first-child) {
  margin-left: 0;
 }

}

.know-pencil .btn-arrow:after {
 position: absolute;
 right: 2.6rem;
 border-top-color: #7dbd45 !important;
 border-right-color: #7dbd45 !important;
}

.know-pencil .btn-arrow:hover {
 color: #7dbd45 !important;
}

.know-pencil .blankLink li {
 max-width: 100%;
}

.inner-steps .prog {
 font-size: 3rem;
 width: 60px;
 height: 60px;
 background-color: #7dbd45;
 color: #fff;
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding: 1rem;
 margin-right: 2rem;
}

body.yamagata-page .sec-products-specs {
 margin-top: 45px;
}

@media (max-width: 767px) {
 .main-contents-inner .know-pencil {
  width: 100%;
 }

 .know-pencil .know-text {
  font-size: 1.8rem;
 }

 .know-pencil .btn-arrow:after {
  right: 28px;
 }

 .main-contents-specs .conditioned70 {
  text-align: center;
 }

 .main-contents-specs .conditioned90 {
  text-align: center;
 }

 .main-contents-inner .inner-steps .row > div:not(:first-child) {
  margin-left: 0;
  padding: 0;
 }

 .inner-steps .prog {
  margin-right: 1rem;
 }

 .inner-steps .prog {
  vertical-align: middle;
 }

 .sec-products-lineup .productsItem .photo img.product_new {
  width: 40px;
  height: 40px;
 }
}

.btn-tablet {
 width: 171px;
}

.newtab_svg {
 width: 18px;
 height: 18px;
 position: absolute;
 bottom: 9px;
 right: 13px;
}

.bg-hover-tablet .newtab_svg_bl {
 width: 14px;
 height: 14px;
 position: absolute;
 bottom: 15px;
 right: 10px;
 background-image: url(/special/gakuyou_enpitsu/assets/img/common/newtab_bl.svg);
 background-repeat: no-repeat;
 background-position: center;
}

.bg-hover-tablet:hover .newtab_svg_bl {
 width: 14px;
 height: 14px;
 position: absolute;
 bottom: 15px;
 right: 10px;
 transition-delay: .1s;
 background-image: url(/special/gakuyou_enpitsu/assets/img/common/newtab_wh.svg);
 background-repeat: no-repeat;
 background-position: center;
}

@media (max-width: 767px) {
 .newtab_svg {
  width: 18px;
  height: 18px;
  position: relative;
  bottom: 2px;
  right: -32px;
 }

 .btn-tablet {
  width: 171px;
  padding: 8px 0;
 }

 .newtab_svg_bl {
  width: 18px;
  height: 18px;
  position: relative;
  bottom: 0px;
  right: -6px;
 }

 .bg-hover-tablet .newtab_svg_bl {
  top: 24px;
  right: 150px;
 }
}