@charset "utf-8";

@media screen and (max-width: 768px) {

    /*-------------------------------------------
    メインビジュアル
    *-------------------------------------------*/

    body.page-front #mainvisualArea {
        background: url(../images/index/mainvisual.jpg) center bottom no-repeat;
        background-size: auto 100%;
        width: 100%;
        height: 130vw;
        padding-top: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mainvisualArea h2 {
        font-size: 2.1rem;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }


    /*-------------------------------------------
    バナー
    *-------------------------------------------*/

    #bannerArea {
        /* display: none; */
		height: 170px;
    }
    .bannerBox { 
    	width : 100%;
    	left: 0px;
   		margin-left: 0px;
    }

    .bannerArea2 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        margin: 10vw 0 0;
    }

    .bannerArea2 img {
        max-width: 100%;
        width: auto;
        display: block;
        margin-bottom: 5vw;
    }

    /*-------------------------------------------
    製品紹介
    *-------------------------------------------*/

    .productArea {
        background: #f7f7f7 url(../images/index/bg01.jpg) center bottom repeat-x;
        background-size: 200vw auto;
        padding: 13.33vw 0 ;
        position: relative;
    }

    .productArea .txt01 {
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        margin-bottom: 6.67vw;
    }

    .productArea ul li {
        width: 42.66vw;
        margin-top: 6.66vw;
    }

    .productArea ul li:nth-child(1),
    .productArea ul li:nth-child(2),
    .productArea ul li:nth-child(3),
    .productArea ul.list-4c li:nth-child(1),
    .productArea ul.list-4c li:nth-child(2),
    .productArea ul.list-4c li:nth-child(3){
        width: 42.66vw;
    }

    .productArea ul li a.img {
        background: #fff;
        box-shadow: 0 5px 10px #ddd;
        padding: 0;
        text-align: center;
        display: block;
        height: 27.33vw;
        overflow: hidden;
    }

    .productArea ul li img {
        width: auto;
        height: 27.33vw;
        box-shadow: none;	
    }

    .productArea ul li:nth-child(7) img {
        width: 100%;
        height: auto;
    }

    .productArea ul dt {
        font-size: 1.3rem;
        margin: 4vw 0;
    }

    .productArea ul li:nth-child(1) ul dt,
    .productArea ul li:nth-child(2) ul dt,
    .productArea ul li:nth-child(3) ul dt {
        font-size: 1.3rem;
        margin: 4vw 0;
    }

    .productArea ul dt a{
        text-decoration: none;
        font-weight: bold;
        background: url(../images/common/icon_arrow01@2x.png) left 0.15em no-repeat;
        background-size: 1.73vw auto;
        padding-left: 4vw;
        color: #333;
    }

    .productArea ul dd {
        font-size: 1.2rem;
        line-height: 1.4;
    }


    /*-------------------------------------------
    新着情報
    *-------------------------------------------*/

    .infoArea {
        padding: 13.33vw 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .infoArea ul {
        padding: 4vw 0 2.66vw;
        border-top: 1px solid #e6e6e6;
    }

    .infoArea li {
        margin-bottom: 4vw;
        padding: 0 4vw 4vw;
        border-bottom: 1px solid #e6e6e6;
    }

    .infoArea li .date {
        font-size: 1.2rem;
        display: inline-block;
        width: 24.66vw;
        vertical-align: top;
    }

    .infoArea li .cat {
        display: inline-block;
        width: 12vw;
        background: #d33737;
        text-align: center;
        color: #fff;
        padding: 0;
        vertical-align: top;
    }

    .infoArea li .explain {
        font-size: 1.2rem;
        margin-left: 0;
        width: 100%;
        display: inline-block;
    }

    .moreBtn a {
        width: 62.66vw;
        height: 12vw;
        font-size: 1.3rem;
        font-weight: bold;
        line-height: 12vw;
        border: 2px solid #d33737;
        text-decoration: none;
        color: #333;
        background: url(../images/common/icon_arrow02@2x.png) 86.78% center no-repeat;
        background-size: 1.6vw auto;
    }


    /*-------------------------------------------
    リンク
    *-------------------------------------------*/

    .linkArea {
        width: 100%;
        margin: 6.66vw 0 0;
    }

    .linkArea ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .linkArea ul li {
        width: 82vw;
        margin-bottom: 6.66vw;
    }

    .linkArea ul li a {
        display: block;
        height: 16vw;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        font-size: 1.3rem;
        line-height: 16vw;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        text-align: left;
        padding-left: 35.77%;
    }

    .linkArea ul li:nth-child(1) a {
        background: url(../images/common/icon04.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }

    .linkArea ul li:nth-child(2) a {
        background: url(../images/common/icon05.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }

    .linkArea ul li:nth-child(3) a {
        background: url(../images/common/icon06.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }

    /*-------------------------------------------
    リンク English
    *-------------------------------------------*/

    .linkArea_E {
        width: 100%;
        margin: 6.66vw 0 0;
    }

    .linkArea_E ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .linkArea_E ul li {
        width: 82vw;
        margin-bottom: 6.66vw;
    }

    .linkArea_E ul li a {
        display: block;
        height: 16vw;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        font-size: 1.3rem;
        line-height: 16vw;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        text-align: left;
        padding-left: 35.77%;
    }

    .linkArea_E ul li:nth-child(1) a {
        background: url(../images/common/icon07.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }

    .linkArea_E ul li:nth-child(2) a {
        background: url(../images/common/icon05.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }

    .linkArea_E ul li:nth-child(3) a {
        background: url(../images/common/icon06.png) 28.13% center no-repeat;
        background-size: 2.66vw auto;
    }














}