/* CSS Document */
/* basecolor */
/* yellow */
/* base padding */
@media screen and (max-width: 768px) {
  .mv {
    width: 100%;
    height: calc(100vh - 88px);
    margin-top: 24px;
    margin-bottom: 38%;
    text-align: center; }

  /* mv slide */
  .item.slick-slide {
    width: 100%;
    height: 100vh;
    font-size: 0;
    display: block; }

  .slide1 {
    background: url("../img/inometop/mv/mv_sp02.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  .slide2 {
    background: url("../img/inometop/mv/mv_sp04.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  .slide3 {
    background: url("../img/inometop/mv/mv_sp05.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  .mvcnt {
    width: 100%; }

  #maincnt {
    margin-top: 12%; }

  .product-item:nth-child(1) {
    margin-bottom: 6.4%; }

  .product-item:nth-child(2) {
    margin-bottom: 6.4%; }

  .product-item:nth-child(3) {
    margin-bottom: 0%; }

  .product-item:nth-child(4) {
    margin-bottom: 0%; }

  #maincnttop .lbox {
    order: 2; }

  #maincnttop .lbox > ul:nth-child(2) {
    margin-bottom: 9.6%; }

  #maincnttop .lbox > ul li h3 {
    margin-bottom: 3.2%; }

  #maincnttop .rbox {
    order: 1;
    margin-bottom: 9.6%; }

  #maincntmid {
    box-sizing: border-box;
    display: flex; }

  #maincntmid .lbox {
    order: 1; }

  #maincntmid .rbox {
    order: 2; }

  #maincntmid .lbox h2 span {
    display: block; }

  #maincntmid .rbox div {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 6.4%;
    margin-top: 6.4%; }

  #maincntmid .rbox ul {
    width: 100%;
    margin-bottom: 9.6%;
    box-sizing: border-box; }

  #maincntmid .rbox ul li:nth-child(1) {
    width: 100%;
    margin: 0 auto 3.2%;
    border-radius: 15px;
    border: solid 1px #fff; }

  #maincntmid .rbox ul li:nth-child(1) img {
    width: 100%;
    text-align: center; }

  #maincntmid .rbox ul li:nth-child(2) {
    margin-bottom: 2.6%;
    font-size: 1.1em;
    line-height: 1.3em; }

  #maincntmid .rbox p {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3.2%;
    border: solid 1px #281407;
    line-height: 1em;
    padding: 16px 0;
    box-sizing: border-box; }

  #maincnt .maincntrayergray {
    padding: 16% 0;
    background: url("../img/inometop/ab_bg_02.png") #f2f0eb no-repeat;
    background-position: bottom center; }

  #maincntbtm {
    padding-top: 16%;
    box-sizing: border-box; }

  #maincntbtm h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 4.8%; }

  #maincntbtm h2 span {
    display: block;
    width: 100%; }

  #maincntbtm .lbox {
    width: 100% !important;
    margin-bottom: 9.6%; }

  #maincntbtm .rbox {
    width: 100% !important; }

  #maincntbtm ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 9.6%; }

  #maincntbtm ul:last-child {
    margin-bottom: 0 !important; }

  #maincntbtm ul li {
    width: 100% !important; }

  #maincntbtm ul li:nth-child(1) {
    width: 100%;
    text-align: center;
    margin: 0 auto 3.2%; }

  #maincntbtm ul li:nth-child(1) img {
    max-width: 40%; }

  #maincntbtm ul li:nth-child(2) {
    font-weight: bold;
    text-align: center; }

  #maincntbtm ul li:nth-child(3) {
    margin-top: 2.2%; }

  #maincnt .maincntrayergray2 {
    background: url("../img/inometop/ab_bg_01.png") #f2f0eb no-repeat;
    background-position: bottom center;
    padding: 16% 6.4%;
    box-sizing: border-box; }

  #maincntbrand {
    margin: 0 auto; }

  #maincntbrand .lbox {
    margin-bottom: 6.4%; }

  #maincntbrand .lbox p {
    width: 100%; }

  #maincntbrand h2 {
    color: #281407; }

  #maincntbrand ul {
    margin-bottom: 2.4%; }

  #maincntbrand ol {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }

  #maincntbrand ol li {
    width: 31.2%; }

  #maincntjp {
    padding-top: 16%; }

  .maincntjptop {
    width: 100%;
    height: 78vh;
    background: url("../img/inometop/mv/mv_sp07.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  #maincntjp h2 span {
    width: 100%;
    display: block;
    text-align: center; }

  .singlejpbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    font-size: 16px; }

  .singlejpbox ul {
    width: 100%;
    margin-bottom: 9.6%; }

  .singlejpbox ul:last-child {
    margin-bottom: 0; }

  .singlejpbox ul li:nth-child(1) {
    margin-bottom: 3.2%; }

  .singlejpbox ul li:nth-child(1) h3 {
    font-size: 1.2rem; }

  .singlejpbox ul li:nth-child(2) {
    margin-bottom: 3.2%; }

  .jpbtmol {
    margin-top: 6.4%;
    width: 100% !important; } }
@media screen and (min-width: 769px) {
  .mv {
    width: 100%;
    margin-bottom: clamp(4.8%, 6.4%, 6.4%);
    height: 480px; }

  /* mv slide */
  .item.slick-slide {
    width: 100%;
    height: 480px;
    font-size: 0;
    display: block; }

  .slide1 {
    background: url("../img/inometop/mv/mv_pc02.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  .slide2 {
    background: url("../img/inometop/mv/mv_pc03.png") no-repeat;
    background-position: top center;
    background-size: cover; }

  .slide3 {
    display: none; }

  #maincnttop h3 {
    font-size: 1.15em !important; }

  #maincnttop ul {
    margin-bottom: 4.8%; }

  #maincntmid {
    max-width: 1238px;
    margin: 0 auto; }

  #maincntmid h2 span {
    display: block; }

  #maincntmid .rbox div {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 2.4%;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap; }

  #maincntmid .rbox ul {
    width: 47.6%;
    box-sizing: border-box; }

  #maincntmid .rbox ul li:nth-child(1) {
    margin-bottom: 1.6%; }

  #maincntmid .rbox ul li:nth-child(2) {
    margin-bottom: 1.6%;
    font-size: 1.1em; }

  #maincntmid .rbox p {
    width: 100%;
    font-size: 1.2em;
    margin-top: 2.4%;
    font-weight: bold;
    text-align: center; }

  #maincnt .maincntrayergray {
    padding: 6.4% 0;
    background: url("../img/inometop/ab_bg_02.png") #f2f0eb no-repeat;
    background-position: bottom center; }

  #maincntbtm {
    margin-top: clamp(4.8%, 6.4%, 6.4%); }

  #maincntbtm h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 4.8%; }

  #maincntbtm h2 span {
    display: block; }

  #maincntbtm .lbox {
    width: 43.6% !important; }

  #maincntbtm .rbox {
    width: 51.6% !important; }

  #maincntbtm ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4.8%; }

  #maincntbtm ul:last-child {
    margin-bottom: 0 !important; }

  #maincntbtm ul li {
    width: 88%; }

  #maincntbtm ul li span {
    display: block; }

  #maincntbtm ul li:nth-child(1) {
    width: 12% !important; }

  #maincntbtm ul li:nth-child(2) {
    font-size: 1.1rem;
    box-sizing: border-box;
    padding-left: 2.4%; }

  #maincntbtm ul li:nth-child(3) {
    margin-top: 2.4%; }

  #maincntbtm ul li:nth-child(n+3) {
    width: 100%; }

  #maincnt .maincntrayergray2 {
    background: url("../img/inometop/ab_bg_01.png") #f2f0eb no-repeat;
    background-position: bottom center;
    padding: 6.4% 0; }

  #maincntbrand {
    max-width: 1238px;
    margin: 0 auto; }

  #maincntbrand .lbox p {
    width: 80%; }

  #maincntbrand h2 {
    color: #281407; }

  #maincntbrand ul {
    margin-bottom: 2.4%; }

  #maincntbrand ol {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }

  #maincntbrand ol li {
    width: 31.2%; }

  #maincntjp {
    padding-top: clamp(4.8%, 6.4%, 6.4%); }

  .maincntjptop {
    display: none; }

  #maincntjp h2 span {
    display: block;
    text-align: center; }

  .singlejpbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    font-size: 16px;
    box-sizing: border-box; }

  .singlejpbox ul {
    width: 30%; }

  .singlejpbox ul li:nth-child(1) {
    margin-bottom: 3.2%; }

  .singlejpbox ul li:nth-child(1) h3 {
    font-size: 1.2rem;
    text-align: center; }

  .singlejpbox ul li:nth-child(2) {
    margin-bottom: 3.2%; }

  .jpbtmol {
    margin-top: 6.4%;
    width: 100% !important; } }
/* 1838px */
@media screen and (min-width: 1839px) {
  .mv {
    width: 100%;
    margin-bottom: 122px; }

  .mvcnt {
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    max-width: 1238px;
    margin: 0 auto; } }