@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700;900&display=swap');
/* 新潟県産大粒ごはん */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
    transition:0.5;
    transition-duration:0.3s;
}

body {
    position:relative;
    overflow-x:hidden;
}

#navHeader {
    margin-bottom:0 !important;
    z-index:100;
}

/* フッター調整 */
#footer {
    background-position: 0 77px;
    padding-top:60px;
}

.pc {}
.sp {display:none;}


/* common setting END */


/* PCレイアウト */
/*-------------------------------------------*/
#main {
    line-height:1.8;
    font-size:1.2em;
    color:#000000;
}
#main img {
    max-width:100%;
    height:auto;
}

/* anchor */
.anchor {
    width:100%;
    background-color:rgba(99,6,120,0.9);
    text-align:center;
    z-index:2;
}
#anchor1.anchor {
    position:absolute;
    left:0;
    bottom:0;
}
#anchor2.fixed.anchor {
    position:fixed;
    left:0;
    bottom:0;
}

.anchor ul {
    width:94%;
    max-width:950px;
    margin:0 auto;
    padding:1em 2%;
    text-align:center;
    font-family:'Noto Serif JP','游明朝','Yu Mincho',YuMincho,serif;
    font-size:1.0em;
    letter-spacing:-0.5em;
}
.anchor ul li {
    display:inline-block;
    margin-right:3em;
    letter-spacing:normal;
}
.anchor ul li:last-child {
    margin-right:0;
}
.anchor ul li a {
    font-weight:500;
    color:#ffffff;
}


/* section common */
section {
    overflow:hidden;
    position:relative;
    font-family:'Noto Serif JP','游明朝','Yu Mincho',YuMincho,serif;
}
section .inner {
    position:relative;
    width:94%;
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
    padding-left:50px;
    text-align:left;
}
section .inner h2 {
    margin-bottom:1em;
    line-height:1.6;
    font-size:2.0em;
    font-weight:900;
}
section .inner h3 {
    margin-bottom:0.25em;
    line-height:1.6;
    font-size:1.6em;
    font-weight:900;
}
section .inner p {
    margin-bottom:1.5em;
    line-height:2.2;
    font-size:1.3em;
    font-weight:500;
}

/* title */
section#title {
    height:850px;
    background-repeat:no-repeat;
    background-position:center top;
    background-image:url("../images/main01_2000.jpg");
}
section#title h1 {
    text-indent:-9999px;
}

/* section 01 */
section#sec01 {
    height:850px;
    background-repeat:no-repeat;
    background-position:center top;
    background-image:url("../images/sec01_2000.jpg");
}

section#sec02,
section#sec03,
section#sec04,
section#sec06,
section#sec07,
section#sec08 {
    background-position:center top;
    padding-top:40px;
}
section#sec02 .inner,
section#sec03 .inner,
section#sec04 .inner,
section#sec06 .inner,
section#sec07 .inner,
section#sec08 .inner {
    padding-left:50px;
}

/* section 02 */
section#sec02 {
    background-image:url("../images/sec02_bg.jpg");
}
section#sec02 p strong {
    color:#ff0000
}

/* section 03 */
section#sec03 {
    background-image:url("../images/sec03_bg.jpg");
}

section#sec02 .text,
section#sec03 .text {
    padding-bottom:32%;
}
section#sec02 .image,
section#sec03 .image {
    position:absolute;
    left:64%;
    bottom:0;
    width:865px;
}


/* section 04 */
section#sec04 {
    background-image:url("../images/sec04_bg.jpg");
    padding-bottom:100px;
}
section#sec04 ul.images {
    position:relative;
    letter-spacing:-0.5em;
}
section#sec04 ul.images li {
    display:inline-block;
    margin-right:20px;
    vertical-align:top;
    line-height:1.4;
    font-size:1.0em;
    font-weight:500;
    letter-spacing:normal;
}
section#sec04 ul.images li img.pc {
    display:inline-block;
    margin-bottom:0.5em;
}


/* section 05 */
section#sec05 .sec05a {
    padding:40px 50px 20px;
}
section#sec05 .sec05b {
    padding:20px 50px 40px;
}
section#sec05 .sec05a,
section#sec05 .sec05b {
    background-image:url("../images/sec05_bg1.jpg");
}
section#sec05 h2 {
    margin-bottom:0;
}
section#sec05 h3 {
    margin-bottom:1em;
    line-height:1.6;
    font-size:2.0em;
    font-weight:900;
}
section#sec05 .title {
    display:block;
    width:calc(26rem + 170px);
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url("../images/sec05_img.png");
    margin-top:-2.5em;
    margin-left:auto;
}
section#sec05 .title h4 {
    display:block;
    padding:2.25em 0 ;
    line-height:1.6;
    font-size:1.6em;
    font-weight:700;
}

section#sec05 dl {
    margin-bottom:1.5em;
    line-height:2.0;
}
section#sec05 dl dt,
section#sec05 dl dd {
    background-repeat:no-repeat;
    background-position:top left;
    padding-top:42px;
}
section#sec05 dl dt {
    margin-bottom:1.5em;
    font-size:1.3em;
    font-weight:900;
}
section#sec05 dl dd {
    font-size:1.2em;
    font-weight:500;
}
section#sec05 .sec05a dl dt {
    background-image:url("../images/sec05_q1.png");
}
section#sec05 .sec05a dl dd {
    background-image:url("../images/sec05_a1.png");
}
section#sec05 .sec05b dl dt {
    background-image:url("../images/sec05_q2.png");
}
section#sec05 .sec05b dl dd {
    background-image:url("../images/sec05_a2.png");
}


/* section 06 */
section#sec06 {
    background-image:url("../images/sec06_bg.jpg");
    padding-bottom:40px;
}

/* section 07 */
section#sec07 {
    background-image:url("../images/sec07_bg.jpg");
    padding-bottom:40px;
}

section#sec06 .text {
    margin-bottom:6em;
}
section#sec07 .text {
    margin-bottom:14em;
}
section#sec08 .text {
    margin-bottom:24em;
}
section#sec06 .image,
section#sec07 .image,
section#sec08 .image {
    position:absolute;
    left:56%;
    width:595px;
}
section#sec06 .image {
    top:14rem;
}
section#sec07 .image {
    top:11rem;
}
section#sec08 .image {
    top:10rem;
    width:402px;
}

/* section 08 */
section#sec08 {
    background-image:url("../images/sec08_bg.jpg");
    padding-bottom:60px;
}
section#sec08 .pc950 {display:none;}

/* section 09 */
section#sec09 {
    background-image:url("../images/sec09_bg.jpg");
    padding-top: 40px;
    padding-bottom:20px;
}
section#sec09 h3 {
    margin-bottom: 1.5em;
    font-size: 1.4em;
}
section#sec09 h4 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
    font-weight: 900;
}
section#sec09 .pro-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 850px;
    margin-right: 5%;
}
section#sec09 .pro-block {
    width:42.5%;
}
section#sec09 .pro-block .balloon {
    position: relative;
    background-color: #ffffff;
    padding: 6% 8%;
    border-radius: 36px;
    z-index:1;
}
section#sec09 .pro-block .balloon:after {
    position: absolute;
    right:7.5em;
    bottom:-1em;
    border-top: 0.5em solid #ffffff;
    border-right: 0.75em solid #ffffff;
    border-bottom: 0.5em solid transparent;
    border-left: 1em solid transparent;
    content:"";
}
section#sec09 .pro-block .photo {
    width: 130px;
    margin-top: -8px;
    margin-left: auto;
    margin-right: 20px;
}

/* section 10 */
section#sec10 {
    background-color:#514607;
    padding-top:0;
    padding-bottom:0;
}
/* section 11 */
section#sec11 {
    background-color:#dbff9e;
    padding-top:0;
    padding-bottom:0;
}

section#sec10 .inner,
section#sec11 .inner {
    display: flex;
    justify-content: center;
}
section#sec10 .image,
section#sec11 .image {
    max-width: 360px;
}
section#sec11 .text,
section#sec10 .text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width:49.5%;
    max-width: 420px;
    text-align:center;
}
section#sec10 .text > div,
section#sec11 .text > div {
    width: 100%;
}
section#sec10 .text h2,
section#sec11 .text h2 {
    margin-bottom: 0;
    font-size: 2.4em;
}
section#sec10 .text p,
section#sec11 .text p {
    margin-bottom: 0;
    font-size: 1.6em;
}

section#sec10 .text {
    color: #ffffff;
}
section#sec11 .text {
    color: #000000;
}
section#sec10 .text p a {
    color:#ffffff;
}
section#sec11 .text p a {
    color: #000000;
}


/* section bottom */
section#bottom {
    position:relative;
    height:850px;
    background-repeat:no-repeat;
    background-position:center top;
    background-image:url("../images/bottom_2000.jpg");
}
section#bottom .link {
    position:absolute;
    left:0;
    bottom:8%;
    width:100%;
    background-color:rgba(0,0,0,0.6);
    padding:0.5em 0;
    text-align:center;
    font-size:1.4em;
    font-weight:900;
}
section#bottom .link a {
    color:#ffffff
}





/* 949px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 949px) {

/* common setting */

img, object, embed, video {
    max-width:100%;
    height:auto;
}

#navHeader {
    height:20px;
}

.pagetop_sp {
    bottom:6%;
    z-index:9999;
} 
.pc {display:none;}
.pc950 {display:block;}

/* common setting END */


#anchor ul {
    font-size:1.6vw;
}

section .inner h2 {
    font-size:3.8vw;
}
section .inner h3 {
    font-size:3.0vw;
}
section .inner p {
    font-size:2.0vw;
}

/* title */
section#title {
    height:0;
    background-image:url("../images/main01_950.jpg");
    background-size:contain;
    padding-top:89.47%;
}

/* section 01 */
section#sec01 {
    height:0;
    background-image:url("../images/sec01_950.jpg");
    background-size:contain;
    padding-top:89.47%;
}

/* section 02 */
/* section 03 */
section#sec02 .text,
section#sec03 .text {
    padding-bottom:0;
}
section#sec02 .image,
section#sec03 .image {
    position:static;
    width:auto;
}


/* section 04 */
section#sec04 ul.images li {
    display:block;
    margin-right:0;
}
section#sec04 ul.images li:nth-child(1) {
    margin-bottom:60px;
}
section#sec04 ul.images li:nth-child(2) {
    position:absolute;
    top:90px;
    left:340px;
}

/* section 05 */
section#sec05 .title {
    width:calc(28rem + 170px);
}
section#sec05 dl dt {
    font-size:2.2vw;
}
section#sec05 dl dd {
    font-size:2.0vw;
}

/* section 06 */
/* section 07 */
/* section 08 */
section#sec06 .text,
section#sec07 .text,
section#sec08 .text {
    padding-right: 3%;
    margin-bottom:0;
}
section#sec06 .image,
section#sec07 .image,
section#sec08 .image {
    position:static;
    width:74%;
    margin-left:auto;
}

section#sec08 .pc {display:none;}
section#sec08 .pc950 {display:block;}
section#sec08 .image {
    width: 94%;
    max-width: 850px;
    margin-left:0;
    margin-right:auto;
}

/* section 09 */
section#sec09 h3 {
    font-size:2.6vw;
}
section#sec09 h4 {
    font-size:2.2vw;
}
section#sec09 .pro-block {
    width:47%;
}

/* section 10 */
/* section 11 */
section#sec10 .image,
section#sec11 .image {
    position: relative;
    width: 360px;
    min-height: 235px;
}
section#sec10 .image img,
section#sec11 .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: inherit;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
section#sec10 .text,
section#sec11 .text {
    padding: 0.5em;
}
section#sec10 .text h2,
section#sec11 .text h2 {
    margin-bottom: 0;
    font-size: 4.2vw;
}
section#sec10 .text h4,
section#sec11 .text h4 {
    font-size: 1.6vw;
}
section#sec10 .text p,
section#sec11 .text p {
    font-size: 2.4vw;
}



/* section bottom */
section#bottom {
    height:0;
    background-image:url("../images/bottom_950.jpg");
    background-size:contain;
    padding-top:89.47%;
}
section#bottom .link {
    bottom:10%;
    padding:0.25em;
    font-size:3.0vw;
}

}
/*-------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 768px) {

#main {
    line-height:1.8;
    font-size:1.1em;
}



}
/*-------------------------------------------*/
/* 768px以下 END */



/* 750px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 750px) {

.pc {display:none;}
.sp {display:block;}

.pagetop_sp {
    bottom: 4.75em;
}

/* common setting END */


.anchor ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width:94%;
    padding:0.5em 2%;
    text-align: center;
    font-size:4.2vw;
}
.anchor ul li {
    width: 9em;
    margin-right: 0;
    text-align: left;
}
.anchor ul li:nth-child(odd) {
    width: 10em;
    margin-right:1em;
}

section .inner {
    width:86%;
    padding-left:0;
}

/* title */
section#title {
    background-image:url("../images/main01_750.jpg");
    padding-top:149.333%;
}
/* section 01 */
section#sec01 {
    background-image:url("../images/sec01_750.jpg");
    padding-top:100%;
}

section#sec02 .inner,
section#sec03 .inner,
section#sec04 .inner,
section#sec05 .inner,
section#sec06 .inner,
section#sec07 .inner,
section#sec08 .inner {
    padding-left:0;
}


/* section 04 */
section#sec04 ul.images li {
    width:50%;
    font-size:2.0vw;
}
section#sec04 ul.images li:nth-child(1) {
    margin-bottom:10%;
}
section#sec04 ul.images li:nth-child(2) {
    top:24%;
    left:inherit;
    right:-8%;
}
section#sec04 ul.images li img.sp {
    display:inline-block;
    margin-bottom:0.5em;
}
section#sec04 ul.images li img.pc {
    display:none;
}

/* section 05 */
section#sec05 .title {
    width:100%;
    max-width:82vw;
    background-size:contain;
    margin-top:0;
    margin-bottom:1.5em;
}
section#sec05 .title h4 {
    padding:1em 0;
    font-size:3.6vw;
}
section#sec05 .sec05a,
section#sec05 .sec05b {
    padding:8% 0;
}
section#sec05 dl dt,
section#sec05 dl dd {
    background-size:8%;
    padding-top:9%;
}
section#sec05 dl dt {
    font-size:1.1em;
}
section#sec05 dl dd {
    font-size:1.0em;
}

section#sec06 .text,
section#sec07 .text,
section#sec08 .text {
    padding-right: 0;
}
section#sec08 .image {
    margin-left: auto;
}
section#sec08 .pc950 {display:none;}

/* section 09 */
section#sec09 h3 {
    font-size:2.6vw;
}
section#sec09 h4 {
    font-size:2.2vw;
}
section#sec09 .pro-wrap {
    width:100%;
    margin-right: 0;
}
section#sec09 .pro-block {
    width:49%;
}
section#sec09 .pro-block .balloon {
    margin-right: 5%;
    font-size:2.2vw;
}
section#sec09 .pro-block .photo {
    width: 50%;
    right:0;
    margin-top: -4%;
    margin-right: 0;
}

/* section 10 */
/* section 11 */
section#sec10 .inner,
section#sec11 .inner {
    width:100%;
}
section#sec10 .image,
section#sec11 .image {
    width: 52%;
    min-height: 34vw;
}
section#sec10 .image img,
section#sec11 .image img {
    position: static;
}
section#sec10 .text h2,
section#sec11 .text h2 {
    font-size: 4.0vw;
}
section#sec10 .text h4,
section#sec11 .text h4 {
    font-size: 2.2vw;
}
section#sec10 .text p,
section#sec11 .text p {
    font-size: 2.6vw;
}




/* section bottom */
section#bottom {
    background-image:url("../images/bottom_sp.jpg");
    margin-bottom: 19.4vw;
    padding-top:149.333%;
}
section#bottom .link {
    bottom:6%;
    font-size:4.0vw;
}


}
/*-------------------------------------------*/
/* 750px以下 END */



/* 640px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 640px) {

/* common setting */

#navHeader {
    height:4.5em;
}

.pagetop_sp {z-index:9999;}


}
/*-------------------------------------------*/
/* 640px以下 END */



/* 430px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 430px) {

br.sp430 {
    display: none;
}

section .inner h2 {
    font-size:6.0vw;
}
section .inner h3 {
    font-size:5.2vw;
}
section .inner p {
    font-size:1.0em;
}


/* section 05 */
section#sec05 h3 {
    font-size:6.0vw;
}



/* section 09 */
section#sec09 h3 {
    font-size:1.2em;
}
section#sec09 h4 {
    font-size:1.1em;
}
section#sec09 .pro-wrap {
    display: block;
}
section#sec09 .pro-block {
    width:100%;
    margin-right: 0;
}
section#sec09 .pro-block .balloon {
    font-size:1.0em;
}
section#sec09 .pro-block .balloon:after {
    right:24%;
}
section#sec09 .pro-block .photo {
    width: 40%;
}

/* section 10 */
/* section 11 */
section#sec10 .inner,
section#sec11 .inner {
    display: block;
    width:100%;
}
section#sec10 .image,
section#sec11 .image {
    width: 100%;
    max-width: inherit;
    min-height: inherit;
}
#main section#sec10 .image img,
#main section#sec11 .image img {
    width: 100%;
}
section#sec10 .text,
section#sec11 .text {
    width: 100%;
    padding: 10% 0;
}
section#sec10 .text h2,
section#sec11 .text h2 {
    font-size: 4.4vw;
}
section#sec10 .text h4,
section#sec11 .text h4 {
    font-size: 4.0vw;
}
section#sec10 .text p,
section#sec11 .text p {
    font-size: 4.0vw;
}




}
/*-------------------------------------------*/
/* 430px以下 END */



/* 375px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 375px) {


}
/*-------------------------------------------*/
/* 375px以下 END */



/* 320px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 320px) {



}
/*-------------------------------------------*/
/* 320px以下 END */