.for-sp { display: none;}

/*------------------------
 Green Juice Header
------------------------*/
#green_juice_head {
    width: 1200px;
    margin: 0 auto;
    background: url("../head_bg.jpg") center top no-repeat;
}
#green_juice_head .design-header { padding: 45px 0 0 0; margin: 0 0 30px; text-align: center;}
#green_juice_head ul { width: 1200px; margin: 0 auto;}
#green_juice_head li { margin: 0 0 5px;}

/*------------------------
 Green Juice
------------------------*/
#green_juice * { color: #37231b;}
#green_juice a { transition: 0.3s;}
#green_juice a:hover { opacity: 0.7;}
#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((-100vw + 1220px) / 2);}
#green_juice_wrap h1, 
#green_juice_wrap h2,
#green_juice_wrap h3 { padding: 0; margin: 0; border: none; text-align: center;}

#green_juice #sec01,
#green_juice #sec02,
#green_juice #sec03,
#green_juice #sec05,
#green_juice #sec06 {
    width: 1200px;
    margin: 0 auto;
    padding-right: 41px;
}
/* 食べる青汁 */
#green_juice #sec01 h2 {
    position: relative;
    width: 100%;
    margin: 100px auto 0;
    border-radius: 16px;
    padding-top: 20px;
    background: rgba(28,117,15,1);
}
#green_juice #sec01 h2 img { vertical-align: bottom;}
#green_juice #sec01 h2::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 30px 0 30px; border-color: #1c750f transparent transparent transparent; display: block; position: absolute; left: calc(50% - 15px); bottom: -30px; z-index: 2;}
#green_juice #sec01 .main {
    text-align: center;
    display: flex;
    justify-content: center;
} 
#green_juice #sec01 .main img {
    display: block;
} 
/* こんなお悩みにおすすめ */
#green_juice #sec02 {
    padding: 90px 41px 80px 0;
    text-align: center;
}
#green_juice #sec02 h2 { margin-bottom: 40px;}
#green_juice #sec02 .list { margin-bottom: 40px;}
/* ご愛用者の声 */
#green_juice #sec03 .sec03-inner {
    width: 100%;
    margin: 0 auto;
    border-radius: 16px;
    padding: 80px 0 70px;
    background: #f5f5f5;
}
#green_juice #sec03 h2 { margin-bottom: 40px; text-align: center;}
#green_juice #sec03 .voice-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}
#green_juice #sec03 .voice-box { padding: 20px 60px; margin: 0 0 10px 0; border-radius: 10px; background: #fff; display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec03 .voice-box .person { width: 150px;}
#green_juice #sec03 .voice-box .prof   { font-size: 16px; text-align: center; color: #37231b;}
#green_juice #sec03 .voice-box .desc   { width: calc(100% - 200px); font-size: 18px; line-height: 2.0; color: #37231b;}
/* Instagram投稿 */
#green_juice #sec04 { padding: 80px 0 70px; background: #fff;}
#green_juice #sec04 h2 { margin-bottom: 20px; text-align: center;}
#green_juice #sec04 .hash-txt { margin-bottom: 40px; font-size: 18px; text-align: center; letter-spacing: 1px; color: #37231b;}
#green_juice #sec04 .instagram-list { width: 1200px; margin: 0 auto;}
#green_juice #sec04 .insta-box { padding: 20px 30px; margin: 0 0 20px 0; border-radius: 10px; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec04 .insta-box .photo { width: 220px;}
#green_juice #sec04 .insta-box .name  { padding: 2px 0; margin: 0 0 5px 0; font-size: 16px; text-align: center; color: #37231b; background: url("../icon_instagram.png") left center no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px;}
#green_juice #sec04 .insta-box .desc  { width: calc(100% - 250px); font-size: 18px; line-height: 2.0; color: #37231b;}
#green_juice #sec04 .instagram-link   { margin: 40px 0 60px 0;}
#green_juice #sec04 .instagram-link a { width: 360px; height: 76px; border: #37231b 1px solid; margin: 0 auto; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 1.0; text-decoration: none;}
/* 選ばれる4つの理由 */
#green_juice #sec05 h2.top {
    display: flex;
    justify-content: center;
}
#green_juice #sec05 h2.top img {
    display:block;
}
#green_juice #sec05 .child-box {
    width: 100%;
    margin: 0 auto 80px;
    background: #fcfaf2;
}
#green_juice #sec05 .header h2.head-line {
    display: flex;
    justify-content: center;
}
#green_juice #sec05 .header h2.head-line img {
    display: block;
}
/* 選ばれる4つの理由 その1 */
#green_juice #sec05_01 .gensen-box + .gensen-box { margin: 80px auto 0;}
#green_juice #sec05_01 .gensen-box h3 { margin: 0 0 60px 0;}
#green_juice #sec05_01 { padding: 0 0 60px 0;}
#green_juice #sec05_01 #gensen01 .f-box  { margin: 0 85px 80px; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
#green_juice #sec05_01 #gensen01 .image  { width: 45%;}
#green_juice #sec05_01 #gensen01 .desc   { width: 50%;}
#green_juice #sec05_01 #gensen01 .desc p { font-size: 20px; line-height: 2.0;}
#green_juice #sec05_01 #gensen01 .desc p.memo { margin-top: 15px; font-size: 14px;}
#green_juice #sec05_01 #gensen01 .graph  { text-align: center;}
#green_juice #sec05_01 #gensen02 .visual { text-align: center;}
#green_juice #sec05_01 #gensen03 .gensen-list { margin: 0 85px 60px;}
#green_juice #sec05_01 #gensen03 .gensen-list li { padding: 50px; margin-bottom: 15px; border-radius: 10px; overflow: hidden;}
#green_juice #sec05_01 #gensen03 .gensen-list .gensen01 { padding-right: 44%; background: #fff url("../sec05_01_gensen03_item01_bg.jpg") right center no-repeat;}
#green_juice #sec05_01 #gensen03 .gensen-list .gensen02 { padding-left: 46%; background: #fff url("../sec05_01_gensen03_item02_bg.jpg") left center no-repeat;}
#green_juice #sec05_01 #gensen03 .gensen-list .gensen03 { padding-right: 48%; background: #fff url("../sec05_01_gensen03_item03_bg.jpg") right center no-repeat;}
#green_juice #sec05_01 #gensen03 li .txt { margin-top: 20px; font-size: 20px; line-height: 2.0; letter-spacing: 0.1em;}
#green_juice #sec05_01 .message { margin: 0 0 60px 0; text-align: center;}
#green_juice #sec05_01 .risou { margin: 0 0 60px 0; text-align: center;}
#green_juice #sec05_01 .sub { margin: 0 0 60px 0; text-align: center;}
#green_juice #sec05_01 .other-ttl { margin: 0 0 40px 0; text-align: center;}
#green_juice #sec05_01 .other-list { margin: 0 100px; display: flex; justify-content: space-between;}
/* 選ばれる4つの理由 その2 */
#green_juice #sec05_02 { padding: 0 0 60px 0;}
#green_juice #sec05_02 .sub { margin: 0 0 40px 0; text-align: center;}
#green_juice #sec05_02 .message { margin: 0 0 50px 0; font-size: 20px; line-height: 2.0; text-align: center;}
#green_juice #sec05_02 .person-list { margin: 0 85px 40px; display: flex; justify-content: space-between;}
#green_juice #sec05_02 .person-list .person { text-align: center;}
#green_juice #sec05_02 .person-list p { text-align: center; line-height: 1.8;}
#green_juice #sec05_02 .kodawari      { margin: 0 85px;}
#green_juice #sec05_02 .kodawari .ttl { text-align: center; position: relative; bottom: -60px;}
#green_juice #sec05_02 .kodawari-list { padding: 80px 20px 60px 120px; border-radius: 10px; display: flex; justify-content: space-between; background: #fff;}
#green_juice #sec05_02 .kodawari-list li p { padding: 20px 20px 0 30px; font-size: 18px; line-height: 2.0;}
#green_juice #sec05_02 .kodawari-list li:nth-child(2) p { padding: 20px 110px 0 20px;}
/* 選ばれる4つの理由 その3 */
#green_juice #sec05 #sec05_03 .header { margin-bottom: 0;}
#green_juice #sec05_03 .visual { position: relative; top: -50px; text-align: center;}
#green_juice #sec05_03 .list-ttl { position: relative; top: -50px; text-align: center;}
#green_juice #sec05_03 .point-list { display: flex; justify-content: center; flex-wrap: wrap; position: relative; top: -30px;}
#green_juice #sec05_03 .point-list li { margin: 0 30px 30px; text-align: center;}
/* 選ばれる4つの理由 その4 */
#green_juice #sec05_04 { padding: 0 0 60px 0;}
#green_juice #sec05_04 .sub { margin: 0 0 50px 0; text-align: center;}
#green_juice #sec05_04 .message { margin: 0 0 50px 0; font-size: 20px; line-height: 2.0; text-align: center;}
#green_juice #sec05_04 .mark-detail { padding: 30px; margin: 0 85px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; background: #e4efbc;}
#green_juice #sec05_04 .mark-detail .name { width: 280px; padding: 25px 0; border-right: #1c750f 3px dotted;}
#green_juice #sec05_04 .mark-detail .mark { width: 155px;}
#green_juice #sec05_04 .mark-detail .text { width: calc(100% - 500px); line-height: 1.8;}
/* 購入 */
#green_juice #sec06 {
    margin: 0 auto 80px;
}
#green_juice #sec06 .box { display: flex; justify-content: space-between; align-items: center;}
#green_juice #sec06 .normal-txt    { margin-bottom: 20px;}
#green_juice #sec06 .normal-box    { padding: 35px; margin-bottom: 35px; background: #f5f5f5;}
#green_juice #sec06 .normal-inner  { padding: 35px 50px; background: #fff;}
#green_juice #sec06 .regular-box   { padding: 35px; margin-bottom: 40px; background: #fcf0ef;}
#green_juice #sec06 .regular-inner { padding: 35px 50px; background: #fff;}
#green_juice #sec06 .regular-box h3 { margin-bottom: 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;}
#green_juice #sec06 .notice-list li { margin: 0 0 5px;}
