@charset "utf-8";
/*

天然青汁（つぶ） - 商品ページ

*/
.itemCont p,h2,h3,h4 {
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
}
.note {
text-align: right;
font-size: 14px;
color: #606060;
}
span.cl01 {
color: #3f8c3e;
}
span.cl02 {
color: #c2272d;
}

/* -------- メインビジュアル -------- */
.mainTitleWrap {
height: 700px;
padding-top: 76px;
padding-bottom: 0;
text-align: right;
background-image: url("../../../img/item/aojiru_tubu/main_bg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainTitleInner {
width: 920px;
margin: 0 auto;
}
.mainTitle {
display: inline-block;
margin-bottom: .6em;
padding-bottom: .2em;
font-size: 62px;
line-height: 1.2;
color: #643c32;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
border-bottom: solid 8px #643c32;
}
.mainTitle .small {
font-size: 42px;
}
.mainTitle_sub {
margin-bottom: 2.4em;
color: #275224;
font-size: 38px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.mainTitleInner {
width: 920px;
margin: 0 auto;
}
.pointList {
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: flex-end;
}
.pointList li {
width: 220px;
margin-right: 10px;
padding: 1em .2em;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 26px;
background-color: #EF830F;
border-radius: 14px;
box-sizing: border-box;
}
.leadTxt {
padding: .6em 0;
color: #ffffff;
font-size: 38px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
background-color: #92B84B;
}

/* -------- 01 -------- */
.contents_01 {
padding-bottom: 60px;
text-align: center;
color: #3F5737;
background-color: #EEEADB;
}
.contents_01 .contTitle {
display: inline-block;
border-bottom: solid 5px;
}
.contents_01_inner {
width: 820px;
margin: 0 auto;
padding-bottom: 34px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.contents_01_list {
width: 336px;
max-height: 216px;
padding: 54px 60px 38px 60px;
background-color: #3F5737;
border-radius: 6px;
}
.contents_01_list li {
position: relative;
margin-bottom: 18px;
padding-left: 46px;
text-align: left;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.contents_01_list li::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
width: 34px;
height: 26px;
background-image: url("../../../img/item/aojiru_tubu/icon_01.png");
background-size: contain;
background-repeat: no-repeat;
}
.contents_01 .imgBox {
width: 374px;
margin-right: 20px;
}
.contents_01 .imgBox img {
width: 100%;
height: auto;
}
.contents_01 .txt {
position: relative;
margin-bottom: 0;
padding-bottom: 78px;
text-align: center;
font-size: 38px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.contents_01 .txt::before {
position: absolute;
top: 78%;
left: 50%;
-webkit-transform: translateY(-70%) translateX(-50%);
transform: translateY(-70%) translateX(-50%);
content: "";
display: inline-block;
width: 54px;
height: 60px;
background-image: url(../../../img/item/aojiru_tubu/icon_02.png);
background-repeat: no-repeat;
background-size: contain;
}
.contents_01 .contTitle_sub {
color: #3F5737;
font-size: 38px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}

/* -------- 02 -------- */
.contents_02 {
position: relative;
background-image: url("../../../img/item/aojiru_tubu/img_04.png");
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
}
.contents_02_inner {
height: 830px;
}
.contents_02::before {
content: "";
display: inline-block;
width: 240px;
height: 104px;
position: absolute;
top: -30px;
right: 27%;
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
background-image: url(../../../img/item/aojiru_tubu/img_02.png);
background-size: contain;
background-repeat: no-repeat;
}
.contents_02 .contTitle_sub {
position: absolute;
top: 340px;
left: 80px;
color: #3f5737;
line-height: 1.3;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-size: 32px;
}
.contents_02 .contTitle_sub span {
color: #f6950a;
}

/* -------- 03 -------- */
.contents_03 {
position: relative;
padding-top: 60px;
}
.contents_03 .contTitle {
display: inline-block;
padding-top: 0;
text-align: left;
color: #643c32;
}
.contents_03 .contTitle::before {
content: "";
display: inline-block;
position: absolute;
top: 60px;
left: 10px;
background-image: url("../../../img/item/aojiru_tubu/title_icon.png");
background-size: contain;
background-repeat: no-repeat;
width: 130px;
height: 130px;
}
.contents_03 .contTitle .small {
color: #333333;
font-size: 40px;
}
.contents_03 {
text-align: center;
}
.contents_03_inner {
width: 920px;
margin: 0 auto;
margin-bottom: 46px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: left;
}
.contents_03 .contTitle_sub {
margin-bottom: .8em;
font-size: 26px;
font-weight: bold;
color: #3f8c3e;
}
.contents_03 .txt {
margin-bottom: 3.8em;
}
.contents_03 .fin {
font-size: 26px;
font-weight: bold;
color: #f05a24;
}
.contents_03 .txtBox {
flex: 5;
}
.contents_03 .imgBox {
flex: 4.2;
margin-left: 26px;
}
.contents_03 .imgBox img {
width: 100%;
height: auto;
}
.yellow_box {
position: absolute;
bottom: 540px;
right: 58px;
width: 250px;
padding: 16px;
border-radius: 10px;
line-height: 1.2;
text-align: left;
font-size: 14px;
color: #643c32;
background-color: #fdf69e;
box-sizing: border-box;
}

/* -------- 04 -------- */
.contents_04 {
text-align: center;
padding: 60px 0;
background-image: url("../../../img/item/aojiru_tubu/bg_01-03.jpg");
background-size: contain;
}
.contents_04 .contTitle {
display: inline-block;
padding-top: 0;
text-align: center;
color: #643c32;
border-bottom: solid 8px #c59b6d;
}
.contents_04_inner {
width: 920px;
margin: 0 auto;
padding: 50px;
background-color: #ffffff;
box-shadow: 0 0 5px rgba(76,56,52,.7);
box-sizing: border-box;
}
.contents_04 .contTitle_sub {
margin-bottom: 40px;
color: #c0272d;
font-size: 36px;
font-weight: bold;
background-color: #ece3e1;
}
.contents_04_list > div {
margin-bottom: 32px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
counter-increment: section;
text-align: left;
}
.contents_04_list > div:last-of-type {
margin-bottom: 0;
}
.contents_04_list > div:nth-of-type(2) {
flex-flow: row-reverse;
}
.contents_04_list > div .imgBox {
flex: 5;
}
.contents_04_list > div .txtBox {
flex: 5;
margin-left: 14px;
}
.contents_04_list > div:nth-of-type(2) .txtBox {
margin-right: 14px;
margin-left: 0;
}
.contents_04_list > div:nth-of-type(2) .txtBox .txt {
margin-bottom: 0;
}
.contents_04_list dt {
margin-bottom: 14px;
font-size: 28px;
font-weight: bold;
color: #643c32;
}
.contents_04_list dt::before {
content: "check" counter(section);
display: inline-block;
margin-right: 12px;
padding: .4em .5em .2em .5em;
font-size: 20px;
color: #ffffff;
background-color: #643c32;
}
/* -------- 05 -------- */
.contents_05 {
text-align: center;
color: #ffffff;
padding: 60px 0;
background-image: url("../../../img/item/aojiru_tubu/bg_02.jpg");
background-size: cover;
}
.contents_05 .contTitle {
font-size: 46px;
}
.contents_05_inner {
width: 820px;
margin: 0 auto;
}
.contents_05_list {
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
.contents_05_list li {
position: relative;
width: 380px;
padding: 26px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 60px;
text-align: left;
border: solid 2px #ffffff;
background-color: rgba(21,33,25,0.6);
box-sizing: border-box;
}
.contents_05_list li:nth-of-type(1),
.contents_05_list li:nth-of-type(3) {
margin-right: 60px;
}
.contents_05_list li::before {
content: "";
display: inline-block;
position: absolute;
}
.contents_05_list li:nth-of-type(1)::before {
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #ffff;
right: -62px;
top: 50%;
-webkit-transform: rotate(0deg) translateY(-50%) translateX(0);
transform: rotate(0deg) translateY(-50%) translateX(0);
}
.contents_05_list li:nth-of-type(2)::before {
border-top: 20px solid #ffffff;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
right: 37%;
bottom: -60px;
-webkit-transform: rotate(360deg) translateY(0) translateX(-50%);
transform: rotate(360deg) translateY(0) translateX(-50%);
}
.contents_05_list li:nth-of-type(4)::before {
border-top: 20px solid transparent;
border-right: 20px solid #ffffff;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
left: -60px;
top: 50%;
-webkit-transform: rotate(360deg) translateY(-50%) translateX(0);
transform: rotate(360deg) translateY(-50%) translateX(0);
}
.contents_05_list li .imgBox {
flex: 4.5;
margin-right: 15px;
}
.contents_05_list li .imgBox img {
width: 100%;
height: auto;
}
.contents_05_list li .txtBox {
flex: 7;
}
.contents_05_list li .title {
margin-bottom: .2em;
font-size: 22px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
/* --------voice -------- */
.voice .contTitle_wrap {
background-image: url("../../../img/item/aojiru_tubu/voice_01.jpg");
background-repeat: no-repeat;
}
.voice .contTitle_en {
background-color: #3f8c3e;
}

/* -------- faq よくある質問 -------- */
/* item_common 上書き */
.faqList > div.cl {
width: 100%;
}