@charset "UTF-8";
/* トップページ */

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

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

.top_bg {
    width: 100%;
    height: 200vw;
    background-image: url(../img/top_mv_cow_sp.png),url(../img/top_mv_bg_sp.jpg);
    background-repeat: no-repeat,no-repeat;
    background-size: 65vw,100vw;
    background-position: top 100vw center,top center;
    position: absolute;
}

.top_bg_data {
    width: 100%;
    height: 200vw;
    background-image: url(../img/top_mv_text_sp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top 60vw right;
    position: absolute;
}

.top_bg_icon {
    width: 100%;
    height: 150vw;
    background-image: url(../img/top_mv_icon.svg);
    background-repeat: no-repeat;
    background-size: 23%;
    background-position: bottom right 4vw;
    position: absolute;
}

#top #top_mv h2.title1 {
    font-size: 4.5vw;
    line-height: 1.4em;
    padding-top: 35vw;
    text-align: center;
}
#top #top_mv h2.title1 span {
    color: #00533F;
}
#top #top_mv h2.title2 {
    font-size: 8.5vw;
    line-height: 1.4em;
    padding-top: 1vw;
    text-align: center;
}

/* 検査 */
#top #top_mv .top_data {
    margin: 85vw auto auto auto;
    background-image: url(../img/top_read_pct.svg),url(../img/top_read_bg.png);
    background-repeat: no-repeat,repeat-x;
    background-size: 70%,auto;
    background-position: bottom right 5vw,bottom center;
}

#top #top_mv .top_data h3 {
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.4em;
}

#top #top_mv .top_data p {
    width: 85%;
    font-size: 14px;
    max-width: 730px;
    margin: 30px auto;
    padding-bottom: 35vw;
}


/* 斎藤先生 */

#top #top_mv dl {
    width: 85%;
    margin: 60px auto auto auto;
    background: url(../img/top_mv_doctor.jpg) no-repeat;
    background-size: 140px;
}

#top #top_mv dl dt {
    margin-left: 160px;
}
#top #top_mv dl  {
}

#top #top_mv dl dt {
    font-size: 12px;
    padding-top: 50px;
}
#top #top_mv dl dt span {
    font-size: 18px;
    font-weight: 700;
}
#top #top_mv dl dd {
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 70px;
}
#top #top_mv dl dd span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

#top #top_mv .more {
    width: 85%;
    text-align: right;
    font-weight: 700;
    margin: 10px auto 0;
}
#top #top_mv .more::after {
    content: "";
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #00533F;
    margin-left: 10px;
}

/* コンセプト */

#top #top_consept {
    text-align: center;
    background: url(../img/top_consept_bg_sp.jpg) no-repeat;
    background-size: 100%;
    background-position: center bottom;
    padding-bottom: 150px;
}

#top #top_consept h3 {
    color: #00533F;
    font-weight: 700;
    font-size: 18px;
    margin-top: 100px;
}

#top #top_consept h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.4em;
}

#top #top_consept p {
    padding: 50px 30px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

/* 漢方ハーブ和牛 */

#top #top_beef {
    padding-top: 150px;
    width: 85%;
    margin: auto;
}

#top #top_beef .top_beef_read h2 {
    color: #003143;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #D3D6DD;
    padding: 30px 0;
}
#top #top_beef .top_beef_read h2::before {
    content: "";
    display: inline-block;
    position:relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(../img/title_icon.svg) center no-repeat;
    background-size: 12px;
}

#top #top_beef .top_beef_read h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 50px;
}

#top #top_beef .top_beef_read p {
    font-size: 14px;
    margin-top: 30px;
}

#top #top_beef .top_beef_text {
}

#top #top_beef .top_beef_text p {
    font-size: 14px;
    line-height: 1.6em;
}

#top #top_beef .top_beef_text h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 30px;
}

#top #top_beef .top_beef_text img {
    width: 100%;
}

#top #top_beef .top_beef_text1 {
    margin-top: 50px;
}
#top #top_beef .top_beef_text1 p {
    margin-top: 30px;
}

#top #top_beef .top_beef_text2 {
    margin-top: 30px;
}
#top #top_beef .top_beef_text2 p {
    margin-top: 30px;
}
#top #top_beef .top_beef_text2 h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

#top #top_beef .top_beef_text3 {
    margin-top: 30px;
}
#top #top_beef .top_beef_text3 p {
    margin-top: 30px;
}
#top #top_beef .top_beef_text3 a {
    font-size: 15px;
    font-weight: 700;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #00533F;
    padding: 18px 0;
    border-radius: 6px;
    margin-top: 30px;
}

/* 漢方ハーブ和牛リンク */

#top #top_beef .top_beef_link {
    padding-top: 100px;
}

#top #top_beef .top_beef_link li {
    margin-bottom: 20px;
}

#top #top_beef .top_beef_link li img {
    width: 100%;
}

#top #top_beef .top_beef_link li.link1 {
    background: url(../img/top_meat_btn1_bg_sp.jpg) center no-repeat;
    background-size: cover;
    border-radius: 6px;
}

#top #top_beef .top_beef_link li.link2 {
    background: url(../img/top_meat_btn2_bg_sp.jpg) center no-repeat;
    background-size: cover;
    border-radius: 6px;
}

#top #top_beef .top_beef_link li.link3 {
    background: url(../img/top_meat_btn3_bg_sp.jpg) center no-repeat;
    background-size: cover;
    border-radius: 6px;
}

/* お客様の声 */

#top_voice {
    margin-top: 100px;
    padding: 100px 0;
    background-color: #EFEFEF;
}

#top_voice .top_voice_content {
    width: 85%;
    margin: auto;
}

#top_voice .top_voice_content h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #003143;
    margin-bottom: 30px;
}

#top_voice .top_voice_content .top_voice_box {
}

#top_voice .top_voice_content .top_voice_box dl {
    display: flex;
    flex-direction: column;
}

#top_voice .top_voice_content .top_voice_box dl dt {
    color: #003143; 
    margin-bottom: 10px;
    white-space: nowrap;
}
#top_voice .top_voice_content .top_voice_box dl dt::before {
    content: "";
    display: inline-block;
    height: 100px;
    width: 100px;
    background-size: 100px;
    margin-right: 10px;
    margin-top: -30px;
    position:relative;
    top:70px;
}
#top_voice .top_voice_content .top_voice_box dl dt.user1::before {
    background: url(../img/voice_icon1.svg) no-repeat;
}
#top_voice .top_voice_content .top_voice_box dl dt.user2::before {
    background: url(../img/voice_icon2.svg) no-repeat;
}
#top_voice .top_voice_content .top_voice_box dl dt.user3::before {
    background: url(../img/voice_icon3.svg) no-repeat;
}

#top_voice .top_voice_content .top_voice_box dl dd {
    background-color: #fff;
    border-radius: 10px;
    padding: 70px 40px 40px 40px;
    flex-grow: 1;
}

#top_voice .top_voice_content .more {
    text-align: right;
    font-weight: 700;
    margin-top: 20px;
}

#top_voice .top_voice_content .more::after {
    content: "";
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #00533F;
    margin-left: 10px;
}


/*お知らせ*/

#top_news {
    width: 85%;
    margin: auto;
}

#top_news h2 {
    margin-top: 100px;
    font-size: 30px;
    color: #003143;
    font-weight: 700;
}

#top_news .top_news_content {
    margin-top: 50px;
}

#top_news .top_news_content dl {
    border-bottom: 1px solid #003143;
    padding: 20px 0;
}

#top_news .top_news_content dl dt {
    color: #003143;
    margin-bottom: 10px;
}

#top_news  .more {
    text-align: right;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 100px;
}

#top_news  .more::after {
    content: "";
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #00533F;
    margin-left: 10px;
}


/* FOOD Chainについて */

#top_about {
    padding-top: 100px;
    padding-bottom: 100px;
    background: transparent linear-gradient(221deg, #003143 0%, #000A0D 100%) 0% 0% no-repeat padding-box;
}

#top_about .top_about_sp{
    background: url(../img/top_about_cow.png) no-repeat;
    background-size: 400px;
    background-position: right -150px top 40%;
}

#top_about .top_about_content {
    width: 85%;
    margin: auto;
}

#top_about .top_about_read h2 {
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #5B799F;
    padding-bottom: 30px;
}
#top_about .top_about_read h2::before {
    content: "";
    display: inline-block;
    position:relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(../img/title_icon.svg) center no-repeat;
    background-size: 12px;
}

#top_about .top_about_read {
}

#top_about .top_about_read h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 50px;
}

#top_about .top_about_read p {
    font-size: 14px;
    color: #fff;
    margin-top: 30px;
    padding-bottom: 100px;
}

#top_about .top_about_merit h2 {
    color: #00533F;
    font-weight: 700;
    margin-top: 100px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid #00533F;
}

#top_about .top_about_merit .top_about_text {
}

#top_about .top_about_merit .top_about_text dl {
    color: #fff;
    padding-bottom: 30px;
}

#top_about .top_about_merit .top_about_text dl.top_about_text_l {
    
}
#top_about .top_about_merit .top_about_text dl.top_about_text_r {
}

#top_about .top_about_merit .top_about_text dl dt {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 30px;
}

#top_about .top_about_merit .top_about_text dl dd {
    font-size: 14px;
    margin-top: 30px;
}

#top_about .top_about_btn a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #00533F;
    padding: 18px 0;
    border-radius: 6px;
}


}