@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@charset "Shift_JIS";
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
#contentArea{
    margin: 0 auto;
    width: 100%;
    font-size: 100%;
    line-height: 2.2rem;
    font-family: 'Roboto','Noto Sans Japanese';
    text-align:center;
}
#mainArea{
    margin: 0 auto;
    font-size: 100%;
    line-height: 2.2rem;
    font-family: 'Roboto','Noto Sans Japanese';
}
.mainTitle img{
    width:100VW !important;
}
.bannerArea{
   position:relative;
}
.mainLead{
    z-index: 100;
    position: absolute;
    margin: -34% auto 0;
    color: #ffffff;
    font-size: 1.5rem;
    text-align: center;
    right: 0px;
    left: 0px;
    width: 280px;
}
.mainLead div{ 
    font-size: 2.4rem;
    font-weight: bold;
    margin: 9% 0 0 0;
}
.mainLead div span{ 
    border-top: 1px solid;
    border-bottom: 1px solid;
    display: block;
    padding: 4% 0;
    margin: 8% 0;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.8;
}
.sectionTitle{
   padding: 15% 0 0 0;
   margin: -4% 0 0 0;
   z-index: 0;
   position:relative;
   display: inline-block;
}
.sectionTitle img{
}
.sectionLead{
    width: 320px;
    padding: 6% 3%;
    color: #ffffff;
    font-size: 1.6rem;
    z-index: 100;
    position: absolute;
    line-height: 1.8;
    
}
.sectionLead span{
    font-size: 3.5rem;
    display: block;
    margin: 0 0 2% 0;
}
.rightArea{
   margin: -35% 0 0 60%;
}
.leftArea{
    margin: -50% 0 0 12%;
}
.logo{
    margin: 0 0 5% 0;
}
.itemName span{
    font-size: 1.1rem;
    margin: 0;
    font-weight: normal;
    display:block;
}
.contentArea{
   width:1000px;
   text-align:center;
   margin: 0 auto;
}
.specArea{
   text-align:left;
}
.specName{
    font-size: 1.3rem;
    margin: 1% 0 2% 0;
    line-height: 1.8rem;
    font-family: 'Roboto','Noto Sans Japanese'
}

.fade-up {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.brandName{
    font-size: 1.8rem;
    font-family: 'Roboto','Noto Sans Japanese';
    margin-top: 2%;
}
.brandName span{
    display: block;
    margin: 0 0 0.5% 0;
}
.brandLogo{
    margin: 0 0 4% 0;
}
.itemArea{
    width:1000px;
    margin:0 auto;
}
.itemArea ul li figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itemArea ul li figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity:1 !imoportant;
}
.itemArea ul li{
    display: inline-block;
    margin: 0 1% 0 0;
}
.itemArea ul li:last-child{
    margin: 0;
}
.itemArea ul li figure {
width: 189px;
    height: 230px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
.subTitle{
    padding-top: 7%;
    margin: 0 auto;
}
.leadArea{
    width: 1000px;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 2.0;
    text-align: center;
    padding: 2% 0 0 0;
}
.leadArea div{
    margin: 5% 0;
}
#veiw1,view2,view3{
    margin-top: -100px;
    padding-top: 100px;
}