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


.mainImage{ margin:0; padding: 0; position: relative;}
.mainImage *{ margin:0; padding: 0;}
.mainImage .image img{ display:block;}
@media screen and ( min-width: 480px ) {
  .mainImage .text{ width:960px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 2.0em; color: #FFFFFF;}
}
@media screen and ( max-width: 480px ) {
  .mainImage .text{ margin: 1.0em 1.0em 1.0em 1.0em;}
  .mainImage .text p{ margin-top: 0.5em;}
}

.brandbook{ margin: 0; padding: 2.0rem 0;}
.brandbook *{ margin-top: 0;}
.brandbook figure{ display: block; width: 70%; margin: 0 auto;}
.brandbook figure img{ display: block; border: solid 1px #CCCCCC;}
.brandbook nav{ text-align: center;}
.brandbook nav a{  color: #333333; text-decoration: none; font-size: 116%;}
@media screen and ( max-width: 480px ) {
  .brandbook figure{ width: 100%;}
}

.movie{ margin: 0; padding: 2.0rem 0; background: url("../img/bg_mesh.png") repeat center center;}
.movie *{ margin-top: 0;}


.history{ margin: 0; background: #cce7fa url("../img/bg-bubble.png") repeat center center;}
.history .mb{ padding-top: 2.0em; padding-bottom: 2.0em;}
.history dl{}
.history dt{ margin: 0; padding: 0.5em 0 0.5em 0; color: #016ea0; float: left;}
.history dd{ margin: 0; padding: 0.5em 0 0.5em 182px; border-bottom: 1px dotted #cecece;}
@media screen and ( max-width: 480px ) {
  .history dt{ float: none;}
  .history dd{ padding: 0 0 0 0;}
}

.kodawari{ margin: 0;}
.kodawari .mb{ padding: 2.0rem 0;}
.kodawari strong{ background:#fcdede; color: #d70358; font-weight: normal; padding: 0.2em 0.5em;}
.kodawari em{ font-weight:normal; font-style: normal; border-bottom: solid 2px #A4C250; font-size: 100%;}
@media screen and ( max-width: 480px ) {
  .kodawari .mb{ padding: 2.0rem 1.0em;}
}

.kenkaBox{ background: #e5f5fc; padding: 1.0em 1.5em; border-radius: 0.7em;}
.kenkaBox *{ margin-top:0;}


.products{ background: url("../img/bg_mat.jpg") repeat center center;}
.products .mb{ padding-top: 2.0em; padding-bottom: 2.0em;}

.about{ margin: 0; background: url("../img/bg_mesh.png") repeat center center;}
.about .mb{ padding-top: 2.0em; padding-bottom: 2.0em;}
.about .mb *{ margin-top:0;}
.about .section-title{ color: #000000; font-weight: normal;}
.aboutWrapper{ margin: 0 auto; width:50%;}

@media screen and ( max-width: 480px ) {
  .aboutWrapper{ width:100%;}
}

.osite ul{ margin:0; display: flex; justify-content: center;}
.osite ul>*{ flex: 0 0 20%;}
@media screen and ( max-width: 480px ) {
  .osite ul{ flex-wrap: wrap;}
  .osite ul>*{ flex: 0 0 50%;}
  .osite ul>*:nth-child(1){ flex: 0 0 46%;}
  .osite ul>*:nth-child(2){ flex: 0 0 54%;}
  
}