@charset "UTF-8";

section#home {
    position: relative;
    margin: 0;
}

/* #home {
    width: 100%;
    height: 100%;
} */

#home>div {
    position: relative;
    padding-bottom: 80px;
}

#home div h1 {
    margin: 100px auto 0 auto;
    width: 190px;
    height: 31px;
}

#home div h1 img:first-child {
    margin: 0 0 10px 0;
}

#home div h1 img:last-child {
    margin: 0 0 10px 40px;
}

#home div p {
    margin: 0;
}

#home div p img {
	z-index: 700;
    width: 100%;
}


section#feasts {
    margin: 0 0 100px 0;
}


/* こしひかり */
section#feasts #koshihikari {
    position: relative;
    margin: 0;
    background-color: #eff2e6;
}

section#feasts #koshihikari p {
    margin: 0;
}

section#feasts #koshihikari div.left {
    width: 100%;
    margin: 0;
}

section#feasts #koshihikari div.left h2 {
    text-align: left;
    width: 70%;
    margin: 0 auto;
}

section#feasts #koshihikari div.left h2 img:first-child {
    margin: 40px 0 10px 0;
}

section#feasts #koshihikari div.left h2 img:last-child {
    margin: 0 0 40px 0;
}

section#feasts #koshihikari div.left p {
    margin: 0 35px;
    font-size: 1.2rem;
}

section#feasts #koshihikari div.left p:last-child {
    padding-bottom: 100px;
}

section#feasts #koshihikari div.right {
    width: 100%;
    margin: 0;
}

section#feasts #koshihikari div.right p {
    height: 100%;
}

section#feasts #koshihikari div.right img {
    width: 100%;
    margin: 0;
}

/* ひのひかり */
section#feasts #hinohikari {
    position: relative;
    margin: 0;
    background-color: #eff2e6;
    page-break-inside: avoid;
}

section#feasts #hinohikari p {
    margin: 0;
}

section#feasts #hinohikari div.left {
    width: 100%;
    margin: 0;
}

section#feasts #hinohikari div.left p {
    height: 100%;
}

section#feasts #hinohikari div.left img {
    width: 100%;
    margin: 0;
}

section#feasts #hinohikari div.right {
    width: 100%;
    margin: 0;
}

section#feasts #hinohikari div.right h2 {
    text-align: left;
    width: 70%;
    margin: 0 auto;
}

section#feasts #hinohikari div.right h2 img:first-child {
    margin: 40px 0 10px 0;
}

section#feasts #hinohikari div.right h2 img:last-child {
    margin: 0 0 40px 0;
}

section#feasts #hinohikari div.right p {
    margin: 0 35px;
    font-size: 1.2rem;
}

section#feasts #hinohikari div.right p:last-child {
    padding-bottom: 100px;
}


/* 会社概要*/
section#company {
    position: relative;
    margin: 0 0 60px 0;
    padding-top: 20px;
    page-break-inside: avoid;
}

section#company h1 {
    margin: 0 0 20px 0;
    text-align: center;
}

section#company #contents {
    margin: 0;
    background-color: #eff2e6;
}

section#company #contents>p {
    margin: 0;
}

section#company #contents>p>img {
    margin: 0;
    width: 100%;
}

section#company #company-detail {
    width: 100%;
    margin: 0;
    font-size: 1.1rem;
}

section#company #company-detail>ul {
    list-style-type: none;
    margin: 40px 0 0 28%;
}

section#company #company-detail>ul>li {
    margin-left: 3rem;
    /* margin-right: 20px; */
    text-indent: -3rem;
}

section#company #company-detail>ul>li:last-child {
    margin-top: 1rem;
    padding-bottom: 40px;
}

section#company #company-detail>ul>li>label {
    display: inline-block;
    margin: 0 0 0 0;
    width: 3rem;
}

section#company #company-detail>ul>li:nth-child(1)>label>span, 
section#company #company-detail>ul>li:nth-child(5)>label>span {
    letter-spacing: 2.2rem;
}

section#company #company-detail>ul>li:nth-child(2)>label>span, 
section#company #company-detail>ul>li:nth-child(3)>label>span, 
section#company #company-detail>ul>li:nth-child(4)>label>span {
    letter-spacing: 0.62rem;
}

section#company #company-detail>ul>li>ol {
    list-style-type: none;
    margin: 0 0 0 3rem;
}

section#company #company-detail>ul>li>span {
    white-space: nowrap;
}

section#company #map {
    width: 100%;
    margin: 0;
    background-color: #fff;
}

section#company #map>iframe {
    border: 1px solid #999;
    margin: 5px 0 0 1.5%;
}

section#company p {
    font-size: 0.75rem;
    margin: 0 5px 5px 10px;
}


br.sp410 {
    display: block;
}

br.sp860 {
    display: block;
}


@media print, screen and (min-width:410px) {

    #home>div {
        padding-bottom: 40px;
    }
    
    #home div h1 {
        margin: 100px auto 0 auto;
        width: 301px;
        height: 31px;
    }

    #home div h1 img:first-child {
        margin: 0;
    }
    
    #home div h1 img:last-child {
        margin: 0;
    }
    

    section#feasts #koshihikari div.left h2 {
        text-align: center;
        width: auto;
        margin: 0;
    }
    
    section#feasts #koshihikari div.left h2 img:first-child {
        margin: 40px 0 40px 0;
    }
    
    section#feasts #koshihikari div.left h2 img:last-child {
        margin: 40px 0 40px 0;
    }

    section#feasts #hinohikari div.right h2 {
        text-align: center;
        width: auto;
        margin: 0;
    }
    
    section#feasts #hinohikari div.right h2 img:first-child {
        margin: 40px 0 40px 0;
    }
    
    section#feasts #hinohikari div.right h2 img:last-child {
        margin: 40px 0 40px 0;
    }


    br.sp410 {
        display: none;
    }
    
}


@media print, screen and (min-width:440px) {

    section#feasts #koshihikari div.left p {
        font-size: 1.0rem;
    }
    
    section#feasts #hinohikari div.right p {
        font-size: 1.0rem;
    }

    section#company #company-detail {
        font-size: 1.0rem;
    }
    
    section#company #company-detail>ul {
        margin: 40px 0 0 25%;
    }
    
    
    br.sp860 {
        display: none;
    }
    
}


@media print, screen and (min-width:720px) {

    /* こしひかり */
    section#feasts #koshihikari div.left {
        width: 50%;
        margin: 0;
        min-height: 490px;
    }
    
    section#feasts #koshihikari div.left h2 {
        text-align: center;
    }
    
    section#feasts #koshihikari div.left h2 img {
        margin: 90px 0 40px 0;
    }
    
    section#feasts #koshihikari div.left p {
        margin: 0 35px;
    }
    
    section#feasts #koshihikari div.left p:last-child {
        padding-bottom: 35px;
    }
    
    section#feasts #koshihikari div.right {
        width: 50%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    section#feasts #koshihikari div.right p {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    section#feasts #koshihikari div.right img {
        width: auto;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    /* ひのひかり */
    section#feasts #hinohikari div.left {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    section#feasts #hinohikari div.left p {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    section#feasts #hinohikari div.left img {
        width: auto;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    section#feasts #hinohikari div.right {
        width: 50%;
        margin: 0 0 0 50%;
        min-height: 490px;
    }
    
    section#feasts #hinohikari div.right h2 {
        text-align: center;
    }
    
    section#feasts #hinohikari div.right h2 img {
        margin: 90px 0 40px 0;
    }
    
    section#feasts #hinohikari div.right p {
        margin: 0 35px;
    }

    section#feasts #hinohikari div.right p:last-child {
        padding-bottom: 35px;
    }


    /* 会社概要*/
    section#company #company-detail {
        width: 50%;
        margin: 0;
        float: left;
    }
    
    section#company #company-detail>ul {
        list-style-type: none;
        margin: 60px 0 0 25%;
        /* margin: 60px auto 0 auto;
        width: 80%; */
    }
    
    section#company #company-detail>ul>li {
        margin-left: 3rem;
        text-indent: -3rem;
    }
    
    section#company #company-detail>ul>li:last-child {
        margin-top: 1rem;
    }
    
    section#company #company-detail>ul>li>label {
        display: inline-block;
        margin: 0 0 0 0;
        width: 3rem;
    }
    
    section#company #company-detail>ul>li:nth-child(1)>label>span, 
    section#company #company-detail>ul>li:nth-child(5)>label>span {
        letter-spacing: 2.2rem;
    }
    
    section#company #company-detail>ul>li:nth-child(2)>label>span, 
    section#company #company-detail>ul>li:nth-child(3)>label>span, 
    section#company #company-detail>ul>li:nth-child(4)>label>span {
        letter-spacing: 0.62rem;
    }
    
    section#company #company-detail>ul>li>ol {
        list-style-type: none;
        margin: 0 0 0 3rem;
    }
    
    section#company #map {
        width: 50%;
        margin: 0;
        float: right;
        background-color: #fff;
    }
    
    section#company #map>iframe {
        border: 1px solid #999;
        margin: 5px 5px 0 5px;
    }
    
    section#company p {
        font-size: 0.75rem;
        margin: 0 5px 5px 10px;
    }
    
    br.sp860 {
        display: block;
    }
    
}


@media print, screen and (min-width:860px) {

    br.sp860 {
        display: none;
    }

}


@media print, screen and (min-width:980px) {

    /* こしひかり */
    section#feasts #koshihikari div.left {
        position: absolute;
        top: 0;
        left: 0;
        min-height: auto;
    }
    
    section#feasts #koshihikari div.right {
        height: auto;
        margin: 0 0 0 50%;
        position: static;
        top: auto;
        right: auto;
    }
    
    section#feasts #koshihikari div.right p {
        position: static;
    }
    
    section#feasts #koshihikari div.right img {
        width: 100%;
        height: auto;
        position: static;
        top: auto;
        right: auto;
    }

    /* ひのひかり */
    section#feasts #hinohikari div.left {
        height: auto;
        margin: 0;
        position: static;
        top: auto;
        right: auto;
    }
    
    section#feasts #hinohikari div.left p {
        position: static;
    }
    
    section#feasts #hinohikari div.left img {
        width: 100%;
        height: auto;
        position: static;
        top: auto;
        right: auto;
    }

    section#feasts #hinohikari div.right {
        position: absolute;
        top: 0;
        left: 0;
        min-height: auto;
    }

}