@charset "utf-8";



body{color:#000;display: block;	}

a {text-decoration: none;transition : all 0.3s ease 0s;}
a:hover {opacity: 0.6;text-decoration:none;}
a:active {}
a:visited {color: unset;}



#kv {
    background-image: url(../images/rice-center/kv.jpg);
    background-size: cover;
    background-position: 50% -23vw;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}

header {
    background-color: rgb(255 255 255 / 50%);
}


.rice-c{
max-width: 1000px;
margin: 0 auto;
padding: 0 15px 5em;
line-height: 2em;
}


#intro {
    margin-top: 30vw;
    background-color: #ffffff87;
    padding-top: 50px;
    margin-bottom: 100px;
}

#intro h2{
    font-size: 2.4em;
    text-align: center;
    margin-bottom: 1em;
    border-bottom: solid 1px #b6b6b6;
    max-width: 800px;
    margin: 0 auto 0.5em;
    padding-bottom: 0.5em;
 line-height: 1.2em;
}

#intro p{
text-align: center;
    font-size: 1.1em;
    font-feature-settings: "palt";
    letter-spacing: 3px;
    line-height: 2.3em;
}


#spec {
    background-color: rgb(255 100 0 / 10%);
    padding: 120px 0px 80px;
    margin-bottom: 100px;
}


#spec .rice-c{
display: flex;
    justify-content: space-evenly;
    align-items: center;
margin-bottom: 0;
}

#spec .rice-c h2{
font-size: 1.3em;
font-weight: bold;
}

#spec .rice-c p span{
display: table;
white-space: nowrap;
}

#spec .rice-c p span:last-child span{display:block;margin-left: 5.3em;}



#flow{
text-align: center;
}

#flow h2 {
    font-size: 2.4em;
    text-align: center;
    line-height: 1.2em;
    border-bottom: solid 1px #b6b6b6;
    max-width: 800px;
    margin: 0 auto 1em;
    padding-bottom: 0.5em;
}
#flow h2 span{white-space: nowrap;}
#flow h2 span:last-child{padding-left: 1em;}



.bnr_ricecenter { max-width: 830px; margin: 2em auto 5em auto; padding: 0 15px; }
.bnr_ricecenter .sponly { display: none; }

@media (max-width: 640px) {
.bnr_ricecenter { max-width: 530px; }
.bnr_ricecenter .pconly { display: none; }
.bnr_ricecenter .sponly { display: block; }
}





/*  ブラウザ幅 1200px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 1200px) {

#kv { background-size: 100% auto; background-position: 50% -22vw;}
#intro { margin-top: 40vw;}


}




/*  ブラウザ幅 820px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 820px) {
 #spec img{width: 60vw;}




}








/*  ブラウザ幅 720px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 720px) {

}









/*  ブラウザ幅 680px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 680px) {
#intro {margin-top: 60vw; background-color: #ffffff00;}
#kv { background-position: 50% -7vw;}
#spec .rice-c{display: block;}
#spec img {width: auto; margin: 0 auto 2em; display: table;}
#spec .rice-c h2 {text-align: center;}
#spec .rice-c p {text-align: center;}
#spec .rice-c p span{display: inline-block;padding: 0.5em;line-height: 1em;}
#spec .rice-c p span:last-child span{display:inline-block;margin-left: 0.5em;padding: 0;}






}










/*  ブラウザ幅 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 640px) {

header .content {
    margin-top: 0em;
    padding: 0 90px 0 15px;
}


.hamburger {
  display : block;
	}




}











/*  ブラウザ幅 480px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 480px) {
#intro h2 {font-size: 8.5vw;}
#intro p { font-size: 1em; letter-spacing: 1px;}

}




/*  ブラウザ幅 380px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (max-width: 380px) {



}