@charset "utf-8";

h1{
	margin: 0;
}
/* header */
header{
	overflow: hidden;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

/* main */
main{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
main a {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0px 0 80px 0;
    width: 380px;
    box-sizing: border-box;
}
main .about{
	background: url(../images/bg_about.jpg) top center no-repeat;
	max-width:1920px;
	height: 700px;
}
main .about img {
    margin: 0 auto;
    display: block;
    width: 860px;
    padding: 80px 0;
}
.toya div:first-child {
    width: 100%;
   background: url(../images/top_02.jpg) top center no-repeat;
	height: 100px;
}
.toya div:first-child img {
    width: 392px;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 26px 0 13px 0;
}
.toya div:last-child{
	width: 100%;
   background: url(../images/top_04.jpg) top center no-repeat;
	height: 177px;
}
.toya div:last-child img{
	display: block;
	margin: 0 auto;
    padding-top: 40px;
}


.nobo div:first-child {
    width: 100%;
   background: url(../images/top_06.jpg) top center no-repeat;
	height: 100px;
}
.nobo div:first-child img {
    width: 260px;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 23px 0 13px 0;
}
.nobo div:last-child{
	width: 100%;
   background: url(../images/top_08.jpg) top center no-repeat;
	height: 180px;
}
.nobo div:last-child img{
	width: 380px;
	display: block;
	margin: 0 auto;
    padding-top: 40px;
}


.mili div:first-child {
    width: 100%;
   background: url(../images/top_11.jpg) top center no-repeat;
	height: 100px;
}
.mili div:first-child img {
    width: 340px;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 25px 0 13px 0;
}
.mili div:last-child{
	width: 100%;
   background: url(../images/top_13.jpg) top center no-repeat;
	height: 177px;
}
.mili div:last-child img{
	width: 380px;
	display: block;
	margin: 0 auto;
    padding-top: 40px;
}


footer {
    height: 45px;
    text-align: center;
    background-color: #2e1700;
    color: #fff;
}

.sp_show{
    display: none !important;
}
.sp_hide{
    display: block;
}

/*--------------------------------------------------------*/

@media only screen and (max-width: 768px) {
    .sp_show{
        display: block !important;
    }
    .sp_hide{
        display:none !important;
    }
    h1{
        margin: 0;
    }
    /* header */
    header{
        overflow: hidden;
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
    }

    /* main */
    main{
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    main a {
        display: block;
        margin: 0 auto 0 auto;
        padding: 0px 0 30px 0;
        width: 80%;
        box-sizing: border-box;
    }
    main .about{
        background:none;
        max-width:1920px;
        height: auto;
    }
    main .about img {
        margin: 0 auto;
        display: block;
        width: 100%;
        padding: 0px 0;
    }
    .toya div:first-child {
        width: 100%;
        border-top:solid #9A7A2D 4px; 
        background: url(../images/bg_sp_01.jpg) top center no-repeat;
        height: auto;
    }
    .toya div:first-child img {
        width: 61%;
        max-width: 392px;
        height: auto;
        margin: 0 auto;
        display: block;
        padding: 20px 0;
    }
    .toya div:last-child{
        width: 100%;
        background: url(../images/bg_sp_02.jpg) top center no-repeat;
        height: auto;
    }
    .toya div:last-child img{
        padding-top: 20px
    }


    .nobo div:first-child {
        width: 100%;
        border-top:solid #9A7A2D 4px; 
        background: url(../images/bg_sp_01.jpg) top center no-repeat;
        height: auto;
    }
    .nobo div:first-child img {
        width: 40%;
        max-width: 260px;
        height: auto;
        margin: 0 auto;
        display: block;
        padding: 20px 0;
    }
    .nobo div:last-child{
        width: 100%;
        background: url(../images/bg_sp_02.jpg) top center no-repeat;
        height: auto;
    }
    .nobo div:last-child img{
        padding-top: 20px
    }


    .mili div:first-child {
        width: 100%;
        border-top:solid #9A7A2D 4px; 
        background: url(../images/bg_sp_01.jpg) top center no-repeat;
        height: auto;
    }
    .mili div:first-child img {
        width: 50%;
        max-width: 340px;
        height: auto;
        margin: 0 auto;
        display: block;
        padding: 20px 0;
    }
    .mili div:last-child{
        width: 100%;
        background: url(../images/bg_sp_02.jpg) top center no-repeat;
        height: auto;
    }
    .mili div:last-child img{
        padding-top: 20px
    }


    footer {
        height: 45px;
        text-align: center;
        background-color: #2e1700;
        color: #fff;
    }
}