.for-pc { display: none;}

/*------------------------
 Green Juice Header
------------------------*/
#green_juice_head {
    position: relative;
    top: -10px;
    padding: 0 5.33vw;
}
#green_juice_head .design-header { padding: 25px 0 0 0; margin: 0 0 10px; text-align: center; background: url("../head_bg.jpg") center top no-repeat; background-size: auto 85%;}
#green_juice_head ul { padding: 10px calc(16 / 375 * 100vw);}
#green_juice_head li { font-size: 10px;}

/*------------------------
 Green Juice
------------------------*/
#green_juice * { color: #37231b;}
#green_juice #sec01,
#green_juice #sec02,
#green_juice #sec03,
#green_juice #sec05 {
    margin: 0 5.33vw;
}
#green_juice .color { color: #1c750f; font-weight: bold;}
#green_juice .color-line { font-weight: bold; background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,249,95,1) 50%, rgba(255,249,95,1) 100%);}
#green_juice_wrap { margin: 0 calc(-20 / 375 * 100vw);}
#green_juice_wrap h1, 
#green_juice_wrap h2,
#green_juice_wrap h3 { padding: 0; margin: 0; border: none; text-align: center; background: none;}
/* 食べる青汁 */
#green_juice #sec01 h2 { position: relative; background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(28,117,15,1) 15%, rgba(28,117,15,1) 100%);}
#green_juice #sec01 h2 img { vertical-align: bottom;}
#green_juice #sec01 h2::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 20px 10px 0 10px; border-color: #1c750f transparent transparent transparent; display: block; position: absolute; left: calc(50% - 5px); bottom: -10px; z-index: 2;}
#green_juice #sec01 .main { text-align: center;} 
/* こんなお悩みにおすすめ */
#green_juice #sec02 { padding: 40px 0 0; text-align: center;}
#green_juice #sec02 h2 { padding: 0 calc(20 / 375 * 100vw); margin-bottom: 30px; text-align: center;}
#green_juice #sec02 .list { margin: 0; text-align: center;}
/* ご愛用者の声 */
#green_juice #sec03 { padding: 40px 15px; background: #f5f5f5;}
#green_juice #sec03 h2 { margin: 0 10px 30px; text-align: center;}
#green_juice #sec03 .voice-box { padding: 20px 10px; margin: 0 0 15px 0; border-radius: 10px; background: #fff; display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec03 .voice-box .person { width: 90px;}
#green_juice #sec03 .voice-box .prof   { margin-top: 5px; font-size: 13px; text-align: center; color: #37231b;}
#green_juice #sec03 .voice-box .desc   { width: calc(100% - 110px); font-size: 14px; font-weight: normal; line-height: 1.4; color: #37231b;}
/* Instagram投稿 */
#green_juice #sec04 { padding: 40px 10px; background: #fff;}
#green_juice #sec04 h2 { margin: 0 15% 20px; text-align: center;}
#green_juice #sec04 .hash-txt { margin-bottom: 10px; font-size: 12px; text-align: center; letter-spacing: 1px; color: #37231b;}
#green_juice #sec04 .instagram-list { margin: 0 auto;}
#green_juice #sec04 .insta-box { padding: 20px 10px; margin: 0 0 10px 0; border-radius: 10px; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec04 .insta-box .photo { width: 90px;}
#green_juice #sec04 .insta-box .name  { padding: 2px 0 2px 20px; margin: 0 0 5px 0; font-size: 12px; text-align: left; color: #37231b; background: url("../icon_instagram.png") left top no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px; word-break: break-all;}
#green_juice #sec04 .insta-box .desc  { width: calc(100% - 110px); font-size: 15px; line-height: 1.6; color: #37231b;}
#green_juice #sec04 .instagram-link   { margin: 20px 0 40px 0;}
#green_juice #sec04 .instagram-link a { width: 100%; height: 50px; border: #37231b 1px solid; margin: 0 auto; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 1.0; text-decoration: none;}
/* 選ばれる4つの理由 */
#green_juice #sec05 { background: url("../sec05_ttl_sp_bg.jpg") center top no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
#green_juice #sec05 h2.top { text-align: center; position: relative; z-index: 2;}
#green_juice #sec05 h2.top img { width: 100%; vertical-align: top;}
#green_juice #sec05 .child-box {
    margin: 0 0 40px;
    border-radius: 10px;
    background: #fcfaf2;
    position: relative;
    top: -20px;
}
#green_juice #sec05 .header { margin-bottom: 40px;}
#green_juice #sec05 .number { padding-top: 10px; text-align: center; position: relative; bottom: -10px; z-index: 2;}
#green_juice #sec05 .number img { width: 86px;}
#green_juice #sec05 .header .head-line { min-height: 120px; padding: 15px 22%; display: flex; justify-content: center; align-items: center; background: url(../sec05_ttl_bg.jpg) center top no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%;}
/* 選ばれる4つの理由 その1 */
#green_juice #sec05_01 .gensen-box + .gensen-box { margin: 40px auto 0;}
#green_juice #sec05_01 .gensen-box h3 { margin: 0 15px 20px;}
#green_juice #sec05_01 { padding: 0 0 20px 0;}
#green_juice #sec05_01 #gensen01 .f-box  { margin: 0 15px 40px;}
#green_juice #sec05_01 #gensen01 .image  { margin: 0 0 20px 0; text-align: center;}
#green_juice #sec05_01 #gensen01 .desc p { font-size: 15px; line-height: 1.6;}
#green_juice #sec05_01 #gensen01 .desc p.memo { margin-top: 15px; font-size: 12px;}
#green_juice #sec05_01 #gensen01 .graph  { margin: 0 15px; text-align: center;}
#green_juice #sec05_01 #gensen02 .visual { margin: 0 25px; text-align: center;}
#green_juice #sec05_01 #gensen03 .gensen-list { margin: 0 15px 30px;}
#green_juice #sec05_01 #gensen03 .gensen-list li { padding: 0; margin-bottom: 15px; text-align: center; overflow: hidden;}
#green_juice #sec05_01 #gensen03 li .txt { margin-top: 20px; font-size: 15px; line-height: 2.0;}
#green_juice #sec05_01 .message { margin: 0 15px 30px; text-align: center;}
#green_juice #sec05_01 .risou { margin: 0 15px 30px; border: #91b60f 2px solid; border-radius: 5px; text-align: center;}
#green_juice #sec05_01 .sub { margin: 0 15px 20px; text-align: center;}
#green_juice #sec05_01 .other-ttl { margin: 0 15px 20px; text-align: center;}
#green_juice #sec05_01 .other-list { margin: 0 15px; display: flex; justify-content: center; flex-wrap: wrap;}
#green_juice #sec05_01 .other-list li { width: 48%; margin: 0 1% 10px; text-align: center;}
/* 選ばれる4つの理由 その2 */
#green_juice #sec05_02 { padding: 0 0 20px 0;}
#green_juice #sec05_02 .sub { margin: 0 15px 30px; text-align: center;}
#green_juice #sec05_02 .message { margin: 0 15px 30px; font-size: 15px; line-height: 2.0; text-align: center;}
#green_juice #sec05_02 .person-list { margin: 0 15px 20px; display: flex; justify-content: center; flex-wrap: wrap;}
#green_juice #sec05_02 .person-list li { width: 31%; margin: 0 2% 20px 0; text-align: center;}
#green_juice #sec05_02 .person-list li:nth-child(3) { margin: 0 0 20px 0; text-align: center;}
#green_juice #sec05_02 .person-list .person { margin: 0 0 10px 0; text-align: center;}
#green_juice #sec05_02 .person-list p { font-size: 11px; text-align: center; line-height: 1.4;}
#green_juice #sec05_02 .kodawari      { margin: 0 15px;}
#green_juice #sec05_02 .kodawari .ttl { text-align: center;}
#green_juice #sec05_02 .kodawari-list { padding: 20px 0; border-radius: 10px; display: flex; justify-content: space-between;}
#green_juice #sec05_02 .kodawari-list li { width: 48.5%; text-align: center;}
#green_juice #sec05_02 .kodawari-list li p { padding: 15px 5% 0; font-size: 12px; line-height: 1.4; text-align: left;}
/* 選ばれる4つの理由 その3 */
#green_juice #sec05_03 .visual { text-align: center;}
#green_juice #sec05_03 .list-ttl { padding: 0 15px; position: relative; top: -20px; text-align: center;}
#green_juice #sec05_03 .point-list { padding: 0 15px 30px; margin: 0 auto;}
#green_juice #sec05_03 .point-list li { text-align: center;}
/* 選ばれる4つの理由 その4 */
#green_juice #sec05_04 { padding: 0 0 20px 0; margin: 0 10px 10px;}
#green_juice #sec05_04 .sub { margin: 0 15px 30px; text-align: center;}
#green_juice #sec05_04 .message { margin: 0 0 30px; font-size: 15px; letter-spacing: -0.1em; line-height: 2.0; text-align: center;}
#green_juice #sec05_04 .mark-detail { padding: 20px; margin: 0 15px; border-radius: 10px; background: #e4efbc; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
#green_juice #sec05_04 .mark-detail .name { width: 50%; padding: 0 20px 0 0; margin: 0 0 20px; text-align: center;}
#green_juice #sec05_04 .mark-detail .name img { max-width: 100%;}
#green_juice #sec05_04 .mark-detail .mark { width: 50%; padding: 0 0 0 20px; margin: 0 0 20px 0; border-left: #1c750f 2px dashed;}
#green_juice #sec05_04 .mark-detail .text { width: 100%; font-size: 14px; line-height: 1.6;}
/* 購入 */
#green_juice #sec06 {
    margin: 0 5.33vw 40px;
}
#green_juice #sec06 h2 { margin: 0 15px 10px; text-align: center;}
#green_juice #sec06 .normal-txt    { margin-bottom: 20px;}
#green_juice #sec06 .normal-box    { padding: 20px; margin-bottom: 30px; background: #f5f5f5;}
#green_juice #sec06 .normal-inner  { padding: 20px; background: #fff;}
#green_juice #sec06 .normal-box .price { margin: 0 auto 10px; text-align: center;}
#green_juice #sec06 .normal-box .price img { max-height: 28px;}
#green_juice #sec06 .normal-box .button { margin: 0 8%; text-align: center;}
#green_juice #sec06 .regular-box   { padding: 20px 5px; margin-bottom: 30px; background: #fcf0ef;}
#green_juice #sec06 .regular-inner { padding: 20px 15px; background: #fff;}
#green_juice #sec06 .regular-box h3 { margin: 0 5% 20px; text-align: center;}
#green_juice #sec06 .regular-box .regular-txt { margin-bottom: 15px;}
#green_juice #sec06 .regular-box li { padding: 20px 0; border-top: #e1e1e1 2px solid;}
#green_juice #sec06 .regular-box li .item-name { padding: 0 0 15px 0; text-align: center;}
#green_juice #sec06 .regular-box .box { display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec06 .regular-box .box .price { width: 46%; text-align: center;}
#green_juice #sec06 .regular-box .box .price img { max-height: 24px;}
#green_juice #sec06 .regular-box .box .button { width: 48%; text-align: center; overflow: hidden; background: #fd6380;}
#green_juice #sec06 .notice-list { margin: 0 calc(16 / 375 * 100vw);}
#green_juice #sec06 .notice-list li { margin: 0 0 5px; font-size: 12px;}