@charset "UTF-8";
/*汎用class*/
.u-TextSize{font-size:1rem;font-weight:350}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize{font-size:1.6vw}}@media screen and (max-width: 599px){.u-TextSize{font-size:3.6vw}}.u-TextSize--17{font-size:1.0625rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--17{font-size:1.7vw}}@media screen and (max-width: 599px){.u-TextSize--17{font-size:4.7vw}}.u-TextSize--18{font-size:1.125rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--18{font-size:1.8vw}}@media screen and (max-width: 599px){.u-TextSize--18{font-size:4.6vw}}.u-TextSize--19{font-size:1.1875rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--19{font-size:1.9vw}}@media screen and (max-width: 599px){.u-TextSize--19{font-size:4.8vw}}.u-TextSize--20{font-size:1.25rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--20{font-size:2vw}}@media screen and (max-width: 599px){.u-TextSize--20{font-size:5vw}}.u-TextSize--15{font-size:.9375rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--15{font-size:1.5vw}}@media screen and (max-width: 599px){.u-TextSize--15{font-size:4vw}}.u-TextSize--14{font-size:.875rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--14{font-size:1.4vw}}@media screen and (max-width: 599px){.u-TextSize--14{font-size:3.8vw}}.u-TextSize--13{font-size:.8125rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--13{font-size:1.3vw}}@media screen and (max-width: 599px){.u-TextSize--13{font-size:3.6vw}}.u-TextSize--12{font-size:.75rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--12{font-size:1.2vw}}@media screen and (max-width: 599px){.u-TextSize--12{font-size:3.45vw}}.u-TextSize--11{font-size:.6875rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--11{font-size:1.1vw}}@media screen and (max-width: 599px){.u-TextSize--11{font-size:3.35vw}}.u-TextSize--10{font-size:.625rem}@media screen and (min-width: 600px) and (max-width: 999px){.u-TextSize--10{font-size:1vw}}@media screen and (max-width: 599px){.u-TextSize--10{font-size:3.2vw}}
@media screen and (min-width: 600px){.u-sp_dispBlock,.u-sp_dispInBlock,.u-sp_dispInline,.u-sp_dispFlex{display:none !important}.u-pc_dispBlock{display:block}.u-pc_dispInBlock{display:inline-block}.u-pc_dispInline{display:inline}.u-pc_dispFlex{display:flex}}@media screen and (max-width: 599px){.u-pc_dispBlock,.u-pc_dispInBlock,.u-pc_dispInline,.u-pc_dispFlex{display:none !important}.u-sp_dispBlock{display:block}.u-sp_dispInBlock{display:inline-block}.u-sp_dispInline{display:inline}.u-sp_dispFlex{display:flex}}
.LpContentBg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7eee2+0,eee4d0+100 */
background: rgb(247,238,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,238,226,1) 0%, rgba(238,228,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(247,238,226,1) 0%,rgba(238,228,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(247,238,226,1) 0%,rgba(238,228,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eee2', endColorstr='#eee4d0',GradientType=0 ); /* IE6-9 */
padding: 6.6% 0
}
.LpContent__text{
font-size: 1rem;/*16*/
line-height: 1.85;
text-align: justify
}
.LpContentBg__text{font-size: 1.05rem/*16.8*/;line-height: 2.15}
.LpContentBg__text--01{
letter-spacing: 0.15rem;
text-align: center;
margin: 0 0 13.3%
}
.LpContent3Col{
display: flex;
justify-content: space-between;
width: 91%;
margin: 0 auto 30px
}
.LpContent3Col__item{
flex: 0 1 31.97802197802198%;
background: #fff;
border-radius: 50%;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4)
}
.LpContent3Col__itemInner{
width: 97.25085910652921%;
height: 97.25085910652921%;
margin: 1.374570446735395%;
border: #725b39 1px solid;
border-radius: 50%;
position: relative;
padding: 14.8% 11.9% 31.8%;
box-sizing: border-box
}
.LpContent3Col__itemInner--02{padding: 14.8% 11.9% 23.5%}
.LpContent3Col__itemInner--03{padding: 14.8% 11.9% 23.8%}
.LpContent3Col__balloon{
background: #aa8357;
position: absolute;
left: 20.4%;
top: -14%;
padding: 3.7% 7.4%;
border-radius: 5px;
font-size: 1.138125rem;/*18.21*/
text-align: center;
line-height: 1.35
}
.LpContent3Col__balloonIcon{
position: relative;
color: #fff;
z-index: 2
}
.LpContent3Col__balloonIcon::after{
color: #aa8357;
content:"";
position: absolute;
bottom: -35%;
left: 29%;
font-size: 1.25rem;/*20*/
z-index: 1;
border-top: 18px solid #aa8357;
border-left:transparent solid 20px;
border-right:transparent solid 20px
}
.LpContent3Col__balloonIcon--02::after{left: 23%}
.LpContent3Col__balloonIcon--03::after{left: 7%}
.LpContent3ColDefine__ttl{
font-size: 1.978125rem;/*31.65*/
text-align: center;
color: #725b39;
line-height: 1.25;
font-weight: 500;
margin: 0 0 3.5%
}
.LpContent3ColDefine__text{font-size: 0.9375rem/*15*/;line-height: 1.55}
.LpContent2Col{
padding: 4% 50.4% 4% 4%;
background: url(../img/product01/lp_bg_01_pc.png) right 100% no-repeat;
background-size: 47.4% auto;
margin: 0 0 4.6%
}
.LpContent2Col--02{
padding: 1.7% 4.2% 7% 46%;
background: url(../img/product01/lp_bg_02_pc.png) left 93% no-repeat;
background-size: 47.2% auto;
margin: 0 0 1.7%
}
.LpContentTags{
color: #fff;
display: flex;
flex-wrap: wrap
}
.LpContentTags__item{
flex: 0 1 32%;
color: #fff;
background: #aa8357;
border-radius: 5px;
margin: 0 2% 11px 0;
padding: 2.2% 0;
text-align: center;
font-size: 1.125rem/*18*/
}
.LpContentTags__item--22{letter-spacing: -0.05rem}
.LpContentTags__item:nth-child(3n+3){margin: 0 0 11px 0}
.p_page .LpContent .dListBtn{
max-width: 100%;
width: 41.3%;
font-size: 2.0625rem;/*33*/
background: #9fa0a0;
padding: 1.5% 2% 2.1% 3%;
box-sizing: border-box;
text-align: left;
border-radius: 5px;
position: relative
}
.p_page .LpContent .dListBtn::after{
content: "";
position: absolute;
background: url(../img/lp_common_icon_02_pc.svg) left top no-repeat;
background-size: 100% 100%;
width: 35px;
height: 35px;
right: 6.3%;
top: 50%;
margin: -20px 0 0
}
.p_page .LpContent .dListBtn.cl::after{transform: rotate(180deg)}
.p_page .LpContent .dListBlock{
width: 80%;
margin: 0 auto
}
.p_page .LpContentBg .dListItem{font-size: 0.8rem/*12.8*/}
.p_page .LpContentBg .dListBlock .cl{
max-width: 100%;
width: 51.3%;
font-size: 2.0625rem;/*33*/
background: #9fa0a0;
padding: 1.5% 2% 2.1% 3%;
box-sizing: border-box;
text-align: left;
border-radius: 5px;
position: relative;
text-align: center
}
.p_page .LpContentBg .dListBlock .cl::after{
content: "";
position: absolute;
background: url(../img/lp_common_icon_02_pc.svg) left top no-repeat;
background-size: 100% 100%;
width: 35px;
height: 35px;
right: 6.3%;
top: 50%;
margin: -20px 0 0;
transform: rotate(180deg)
}
/*グラフの部分*/
.LpCommonBox{margin: 11.8% 0 0}
.LpCommonBox__circle{
display: inline-block;
font-size: 1.524375rem;/*24.39*/
background: url(../img/lp_common_bg_01_pc.svg) left 50% no-repeat;
background-size: 100% 100%;
letter-spacing: -0.25rem;
padding: 4% 0.4% 3.9% 1.7%;
vertical-align: top;
text-align: center;
margin: -1.2% 0 0;
font-weight: 400
}
.LpCommonBox__ttl{
font-size:4.524375rem;/*72.39*/
padding: 0 0 0 5.5%;
letter-spacing: -0.2rem;
font-weight: 500;
margin: 0 0 3%
}
.LpCommonBox__ttlSize01{
font-size: 6.05rem/*96.8*/;
letter-spacing: -0.55rem
}
.LpCommonBox__ttlSize02{
font-size: 5.135rem/*82.16*/;
}
.LpCommonBox__ttlSize03{
font-size:4.524375rem/*72.39*/;
letter-spacing: -0.2rem
}
.LpCommon2ColBox{
width: 88%;
margin: 0 auto;
display: flex;
justify-content: space-between
}
.LpCommon2ColLeftBox{
flex: 0 1 30.1%;
position: relative
}
.LpCommon2ColRightBox{flex: 0 1 65.9%}
.LpCommon2ColRightBox--02{flex: 0 1 64.7%}
.LpCommonBalloon{
background: #fff100;
padding: 5.4% 9%;
font-size: 1.023125rem;/*16.37*/
position: relative;
margin: 0 0 2.8%
}
.LpCommonBalloon::after{
content: "";
width: 2px;
height: 18px;
border-top: 18px solid #fff100;
border-left: transparent solid 12px;
border-right: transparent solid 12px;
position: absolute;
bottom: -60%;
left: 43.7%
}
.LpCommonBalloon .orange{color: #f08300}
.LpCommonBalloon--02{
background: none;
border: 1px solid #f08300;
border-radius: 5px;
color: #f08300;
text-align: center;
font-size: 0.92rem;/*14.72*/
padding: 4% 1%;
line-height: 1.3
}
.LpCommonBalloon--02 span{
letter-spacing: -0.34rem;
color: #f08300
}
.LpCommonBalloon--02::before{
content: "";
width: 2px;
height: 0px;
border-bottom: 7px solid #EEE4D1;
border-left: transparent solid 4px;
border-right: transparent solid 4px;
position: absolute;
left: 73.7%;
top: -6.3%;
z-index: 1
}
.LpCommonBalloon--02::after{
content: "";
width: 2px;
height: 0px;
border-top: none;
border-bottom: 7px solid #f08300;
border-left: transparent solid 4px;
border-right: transparent solid 4px;
position: absolute;
bottom: auto;
left: 73.7%;
top: -9%
}
.LpCommonGraph {
background: url(../img/product01/lp_bg_10_pc.gif) left top no-repeat;
background-size: 100% 100%;
position: relative;
width: 100%;
height: 338px;
margin: 0 0 10%
}
.LpCommonGraph__item{position: absolute}
.LpCommonGraph__item--01,
.LpCommonGraph__item--02{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
z-index: 1
}
.LpCommonGraph__item--01{
background: #906f49;
width: 59px;
height: 131px;
left: -1%;
bottom: 0.8%;
font-size: 1.165625rem;/*18.65*/
box-sizing: border-box;
padding: 0% 8%;
text-align: center
}
.LpCommonGraph__item--02{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e65b02+3,ed8c23+90 */
background: rgb(230,91,2); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,91,2,1) 3%, rgba(237,140,35,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(230,91,2,1) 3%,rgba(237,140,35,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(230,91,2,1) 3%,rgba(237,140,35,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65b02', endColorstr='#ed8c23',GradientType=0 ); /* IE6-9 */
width: 83px;
height: 328px;
right: 29%;
bottom: 0;
font-size: 2.046875rem;/*32.75*/
font-weight: bold;
box-sizing: border-box;
padding: 32.7% 9%
}
@-moz-document url-prefix() {
	.LpCommonGraph__item--02 {
		right: 12%;/* FF huck*/
	}
}
@media all and (-ms-high-contrast:none){
	.LpCommonGraph__item--02 {
		right: 12%;/* FF huck*/
	}
}

.LpCommonGraph__item--03{
bottom: -5%;
z-index: 2;
width: 45.4%
}
.LpCommonGraph__item--04{
bottom: -4%;
right: 9%;
width: 38%;
z-index: 2
}
.LpCommonGraph__item--05{
left: -17%;
top: 5%;
z-index: 3;
width: 68.6%
}
.LpCommon2ColRightBox__ttl{
font-size: 2.875rem;/*43*/
font-weight: bold;
margin: 7.1% 0 6.2%;
letter-spacing: -0.25rem;
line-height: 1.1
}
.LpCommon2ColRightBox__ttl--02{margin: 6.1% 0 4.6%}
.LpCommon2ColRightBox__ttl .marker{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff100+50,fff100+89&0+50,1+51,1+89,0+90 */
background: -moz-linear-gradient(top, rgba(255,241,0,0) 50%, rgba(255,241,0,1) 51%, rgba(255,241,0,1) 89%, rgba(255,241,0,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,241,0,0) 50%,rgba(255,241,0,1) 51%,rgba(255,241,0,1) 89%,rgba(255,241,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,241,0,0) 50%,rgba(255,241,0,1) 51%,rgba(255,241,0,1) 89%,rgba(255,241,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff100', endColorstr='#00fff100',GradientType=0 ); /* IE6-9 */
letter-spacing: normal;
font-feature-settings:"palt";
line-height: 1.25
}
.LpCommon2ColRightBox__ttl .orange,
.LpCommon2ColRightBox__ttl .large{color: #f08300}
.LpCommon2ColRightBox__ttl .orange{font-size: 2.9375rem/*47*/}
.LpCommon2ColRightBox__ttl .large{font-size: 3.9375rem/*63*/}
.LpCommon2ColRightBox__text{line-height: 2}
.LpCommon2ColRightBox .right{text-align: right;margin: 4.4% 0 0}
.LpCommon2ColRightBox .right02{text-align: right;margin: 12.4% 0 0}
/*白井田七・有機玄米部分*/
.LpContentGreen__ttl{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#789161+0,36481a+100 */
background: rgb(120,145,97); /* Old browsers */
background: -moz-linear-gradient(left, rgba(120,145,97,1) 0%, rgba(54,72,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(120,145,97,1) 0%,rgba(54,72,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(120,145,97,1) 0%,rgba(54,72,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789161', endColorstr='#36481a',GradientType=1 ); /* IE6-9 */
text-align: center;
color: #fff;
font-size: 2.1875rem;/*35*/
padding: 4.4% 4.4% 4.4% 6.7%;
box-shadow: 0px 1px 6px 3px rgba(0,0,0,0.5)
}
.LpContentGreenBg{
background: url(../img/product01/lp_bg_07_02_pc.jpg)left top repeat;
background-size: 92px 83px;
}
.LpContentGreenBg__inner{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#789161+0,36481a+100 */
background: rgb(120,145,97); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(120,145,97,0.1) 0%, rgba(54,72,26,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(120,145,97,0.1) 0%,rgba(54,72,26,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(120,145,97,0.1) 0%,rgba(54,72,26,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789161', endColorstr='#36481a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.LpContentGreen__item{position: relative}
.LpContentGreen__item--01{
background:url(../img/product01/lp_bg_05_pc.png) -3% 90% no-repeat;
background-size: 44.8% auto;
padding: 12.4% 3% 8.7% 47.1%;
}
.LpContentGreen__item--02{margin: -3.8% 0 0}
.LpContentGreen__item--01 .icon{
position: absolute;
top: -15%;
right: 1%;
z-index: 5;
width: 22.3%;
}
.LpContentGreen__itemTtl--01 small,.LpContentGreen__itemTtl--01 .ls,.LpContentGreen__itemTtl,.LpContentGreen__itemtext,.LpContentGreen__itemTtl .text,.LpContentGreen__itemTtl .ruby{color: #fff}
.LpContentGreen__itemTtl{position: relative;font-size: 2.99rem/*47.84*/}
.LpContentGreen__itemTtl--01{line-height: 1.45;margin: 0 0 2.5%}
.LpContentGreen__itemTtl--01 small{font-size: 1.88rem/*30.08 */}
.LpContentGreen__itemTtl--01 .ls{letter-spacing: -0.2rem}
.LpContentGreen__itemTtl--02{text-align: center}
.LpContentGreen__itemTtl--02 .icon{display: inline-block}
.LpContentGreen__itemTtl .text,
.LpContentGreen__itemTtl .icon{display: inline-block;vertical-align: middle}
.LpContentGreen__itemTtl .icon{vertical-align: top;margin: 5.3% 0 0}
.LpContentGreen__itemTtl .text--01{margin: 0 3.5% 0 0}
.LpContentGreen__itemTtl .text--02{margin: 0 0 0 2.1%}
.LpContentGreen__itemTtl .text,
.LpContentGreen__itemTtl .ruby{font-size: 6.0725rem/*97.16*/}
.LpContentGreen__itemTtl .ruby{
font-size: 1.905rem;/*30.48*/
display: block;
text-align:center;
margin: 0 0 3%;
letter-spacing: 0.3rem
}
.LpContentGreen__itemtext{padding: 0 0 0 1%}
.LpContentGreen__bg{
padding: 8% 55% 26% 6.6%;
background: url(../img/product01/lp_bg_06_pc.png) 105% -2% no-repeat;
background-size: 53% auto
}
/*工場の部分*/
.LpContentWhite--Outer,
.LpContentWhite,
.LpContentWhiteList--Outer{position: relative}
.LpContentWhite--Outer::before{
content: "";
height: 0;
position: absolute;
top: -8.5%;
left: 0;
border-bottom: 164px solid #c8af93;
border-right: transparent solid 1000px
}
.LpContentWhite--Outer::after{
content: "";
height: 0;
position: absolute;
top: -8.5%;
left: 0;
border-bottom: 164px solid #fff;
border-left: transparent solid 1000px
}
.LpContentWhite--Outer .icon{
position: absolute;
top: -21%;
z-index: 1;
width: 39.9%;
left: -0.2%
}
.LpContentWhite{padding: 8.2% 7.6% 3.5%}
.LpContentWhite__ttl{
width: 92.5%;
margin: 0 auto 7.6%;
padding: 4.2% 0;
font-size: 2.631875rem;/*42*/
color:#aa8357;
border-top:#aa8357 2px solid;
border-bottom:#aa8357 2px solid;
text-align: center;
box-sizing: border-box;
font-weight: 500;
letter-spacing: 0.1rem
}
.LpContentWhiteList,
.LpContentWhiteLogo{
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.LpContentWhiteList__item{
flex: 0 1 47.52358490566038%;
margin: 0 0 42px
}
.LpContentWhiteList__item:nth-child(3),
.LpContentWhiteList__item:nth-child(4){
flex: 0 1 47.52358490566038%;
margin: 0
}
.LpContentWhiteList--Outer{margin: 0 0 5.4%}
.LpContentWhiteList--Outer .img01{
position: absolute;
right: -10%;
bottom: -24%;
width: 27%
}
.LpContentWhite__text{
text-align: center;
line-height: 1.7;
margin: 0 0 4.7%;
font-size: 1rem/*16*/
}
.LpContentWhiteLogo{
flex-wrap: nowrap;
width: 46%;
margin: 0 auto
}
.LpContentWhiteLogo__item{
flex: 0 1 46%;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
border-radius: 15px;
overflow: hidden
}
/*バナー部分*/
.LpBnr{position: relative}
.LpBnr__text{
position: absolute;
left: 12.3%;
top: 55.7%;
line-height: 1.75;
text-align: center
}
@media screen and (max-width: 999px) and (min-width: 600px) {
/*font-size -0.2*/
.LpContentBg__text,
.LpContent__text,
.LpContentWhite__text,
.LpBnr__text{font-size: 1.4vw}
.LpContent3Col__balloon{font-size: 1.62vw}
.LpContent3ColDefine__ttl{font-size: 2.965vw}
.LpContent3ColDefine__text{font-size: 1.3vw}
.LpContent3Col__balloonIcon::after{
font-size: 1.8vw;
border-top: 1.8vw solid #aa8357;
border-left: transparent solid 2vw;
border-right: transparent solid 2vw;
}
.LpContentTags__item{font-size: 1.6vw}
.p_page .LpContent .dListBtn{font-size: 3.1vw}
.p_page .LpContent .dListBtn::after,
.p_page .LpContentBg .dListBlock .cl::after{
width: 3.5vw;
height: 3.5vw;
right: 6.3%;
font-size: 1.4vw;
margin: -1.8vw 0 0
}
.LpCommonGraph{
height: 33.8vw;
}
.LpCommonBox__circle{font-size: 2.439vw}
.LpCommonBalloon{font-size: 1.637vw}
.LpCommonBalloon{padding: 5.4% 5%}
.LpCommonBalloon::after{
width: 0.2vw;
height: 1.6vw;
border-top: 1.6vw solid #fff100;
border-left: transparent solid 1vw;
border-right: transparent solid 1vw
}
.LpCommonGraph__item--01{
font-size: 1.665vw;
width: 5.9vw;
height: 13.1vw;
padding: 0% 9%
}
.LpCommonGraph__item--02{
width: 8.3vw;
height: 32.8vw;
font-size: 3.275vw;
font-size: 3.27173vw;
padding: 32.7% 10.3%
}
.LpContentWhite--Outer::before{
border-right: transparent solid 90vw;
border-bottom: 16.4vw solid #c8af93
}
.LpContentWhite--Outer::after{
border-left: transparent solid 90vw;
border-bottom: 16.4vw solid #fff
}
.LpCommonBalloon--02{font-size: 1.28vw}
.LpCommonBalloon--02::before {
width: 0;
border-bottom: 0.7vw solid #EEE4D1;
border-left: transparent solid 0.4vw;
border-right: transparent solid 0.4vw}
.LpCommonBalloon--02::after {
content: "";
width: 0;
height: 0;
border-top: none;
border-bottom: 0.7vw solid #f08300;
border-left: transparent solid 0.4vw;
border-right: transparent solid 0.4vw
}
.LpCommon2ColRightBox__ttl{font-size: 4.4vw}
.LpCommon2ColRightBox__ttl .orange {font-size: 4.5vw}
.LpCommon2ColRightBox__ttl .large {font-size: 6.1vw}
.LpContentGreen__ttl{font-size: 3.3vw}
.LpContentGreen__itemTtl{font-size: 4.384vw}
.LpContentGreen__itemTtl--01 small {font-size: 3vw}
.LpContentGreen__itemTtl .text--01 {margin: 0 1.5% 0 0}
.LpContentGreen__itemTtl .text{font-size: 8.516vw}
.LpContentGreen__itemTtl .ruby{font-size: 2.848vw}
.LpContentWhite--Outer .icon{top: -17%}
.LpContentWhite{padding: 11.2% 7.6% 3.5%}
.LpContentWhite__ttl{font-size: 3.85vw}
/*font-size -0.8*/
.LpCommonBox__ttlSize01{font-size: 8.88vw}
.LpCommonBox__ttlSize02{font-size: 7.416vw}
.LpCommonBox__ttlSize03{font-size: 6.639vw}
.LpContentGreen__itemTtl .icon {
vertical-align: top;
margin: 4.3% 0 0;
width: 8%
}
}
@media screen and (max-width: 599px) {
.LpContent--01{
overflow: hidden;
margin: 0  -2.6% !important}
.LpContent3Col{
display: block;
margin: 0 auto 9vw
}
.LpContent3Col__item,
.LpContent3Col__itemInner{
padding: 0;
border-radius: 0;
width: 100%;
height: auto;
margin: 0
}
.LpContent3Col__item{
padding: 1.5%;
box-sizing: border-box;
border-radius: 5px;
margin: 0 0 5%
}
.LpContent3Col__itemInner{
border: rgba(117,91,57,0.5) 1px solid;
border-radius: 5px
}
.LpContent3Col__balloonIcon::after{display: none}
.LpContent3Col__balloon {
background: #aa8357;
position: absolute;
left: -5%;
top: -11%;
border-radius: 50%;
font-size: 3vw;
line-height: 1.5;
width: 27.2%;
padding: 5.9% 0
}
.LpContent3ColDefine{
width: 94%;
margin: 0 auto;
padding: 0 0 3.5%
}
.LpContent3ColDefine__ttl{
margin: 0 0 3.5%;
padding: 5.7% 0 3.8% 8%;
font-size: 7.6vw;
border-bottom: 1px dashed #aa8357
}
.LpContent3ColDefine__text{font-size: 3.6vw}
.LpContent2Col{
padding: 0 5%;
background: none;
margin: 0 0 5.7%
}
.LpContentTags__item {
margin: 0 2% 2.7vw 0;
padding: 1.6% 0;
text-align: center;
font-size: 4.2vw
}
.LpContentTags__item:nth-child(3n+3) {margin: 0 0 2.7vw 0}
.LpContentTags__item--22 {
font-size: 3.5vw;
padding: 2% 0
}
.LpContent2Col--02{
background: url(../img/product01/lp_bg_02_sp.png) right bottom no-repeat;
background-size: 56% auto;
padding: 0 5% 25%;
margin: 0 0 8.7%
}
.LpContent__text{
font-size: 3.55vw;
line-height: 1.6
}
.p_page .LpContentBg .dListBlock .cl,
.p_page .LpContent .dListBtn{
width: 81.3%;
font-size: 6.95vw;
padding: 7.5% 2% 8.3% 3.8%;
position: relative;
}
.p_page .LpContentBg .dListBlock .cl{width: 100%}
.p_page .LpContent .dListBtn::after,
.p_page .LpContentBg .dListBlock .cl::after{
width: 8vw;
height: 8vw;
right: 5.7%;
top: 50%;
margin: -4.4vw 0 0
}
.LpCommonBox__circle{
background: none;
display: block
}
.LpCommonBox__ttl {
padding: 0 5%;
text-align: center;
margin: 0 0 6%
}
#warped {position: relative; display: block; width:100%; height:10.9vw;margin: 0 0 -2%;}
#warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%;
font-weight: 400;
font-size: 4.3vw
}
#warped span{font-size:38px;font-style:normal;line-height:0.65; white-space:pre; overflow:visible; padding:0px;}
#warped .w0 {-moz-transform: rotate(-7.18rad);-webkit-transform: rotate(-7.18rad);-o-transform:rotate(-7.18rad);-ms-transform: rotate(-7.18rad); transform: rotate(-7.18rad);left: 30.5vw;top: 5.6vw;}#warped .w1 {-moz-transform: rotate(-6.67rad);-webkit-transform: rotate(-6.67rad);-o-transform:rotate(-6.67rad);-ms-transform: rotate(-6.67rad); transform: rotate(-6.67rad);left: 34vw;top: 4vw;}#warped .w2 {-moz-transform: rotate(-6.47rad);-webkit-transform: rotate(-6.47rad);-o-transform:rotate(-6.47rad);-ms-transform: rotate(-6.47rad); transform: rotate(-6.47rad);left: 37.5vw;top: 3vw;}#warped .w3 {-moz-transform: rotate(-6.34rad);-webkit-transform: rotate(-6.34rad);-o-transform:rotate(-6.34rad);-ms-transform: rotate(-6.34rad); transform: rotate(-6.34rad);left: 41vw;top: 3vw;}#warped .w4 {-moz-transform: rotate(-6.24rad);-webkit-transform: rotate(-6.24rad);-o-transform:rotate(-6.24rad);-ms-transform: rotate(-6.24rad); transform: rotate(-6.24rad);left: 44.5vw;top: 3vw;}#warped .w5 {-moz-transform: rotate(-6.13rad);-webkit-transform: rotate(-6.13rad);-o-transform:rotate(-6.13rad);-ms-transform: rotate(-6.13rad); transform: rotate(-6.13rad);left: 48vw;top: 3vw;}#warped .w6 {-moz-transform: rotate(-5.98rad);-webkit-transform: rotate(-5.98rad);-o-transform:rotate(-5.98rad);-ms-transform: rotate(-5.98rad); transform: rotate(-5.98rad);left: 51.5vw;top: 4vw;}#warped .w7 {-moz-transform: rotate(-5.89rad);-webkit-transform: rotate(-5.89rad);-o-transform:rotate(-5.89rad);-ms-transform: rotate(-5.89rad); transform: rotate(-5.89rad);left: 55vw;top: 5.6vw;}

.LpCommonBox__ttlSize01{
font-size: 10vw;
letter-spacing: -0.1rem
}
.LpCommonBox__ttlSize02{font-size: 9.2vw}
.LpCommonBox__ttlSize03{
font-size: 8.2vw;
display: inline-block;
margin: 0 0 0 2%
}
.LpCommon2ColBox {
width: 90.9%;
display: block;
margin: 0 auto 5.8%
}
.LpCommonBalloon{
background: none;
text-align: center;
padding: 0;
font-size: 5.7vw;
margin: 0 0 4.8%
}
.LpCommonBalloon::after{display: none}
.LpCommon2ColLeftBox{
margin: 0 auto 9.4%;
width: 88%
}
.LpCommonGraph {
background: url(../img/product01/lp_bg_10_sp.gif) left top no-repeat;
background-size: 100% 100%;
height: 78.5vw
}
.LpCommonGraph__item--03{display: none}
.LpCommonGraph__item--01{
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
width: 23%;
height: 11vw;
left: 17.4%;
bottom: 0.4%;
padding: 5% 0;
font-size: 3vw
}
.LpCommonGraph__item--02{
width: 24%;
height: 100%;
font-size: 7.8vw;
right: auto;
padding: 28.7% 7%;
left: 52%;
}
.LpCommonGraph__item--04 {
bottom: -6%;
right: 4%;
width: 36%
}
.LpCommonGraph__item--05 {
left: 3%;
top: 25%;
z-index: 3;
width: 54.6%
}
.LpCommonBalloon--02{
position: absolute;
color: #000;
border: none;
top: 10.4%;
font-size: 2.8vw;
text-align: left;
left: 2%;
line-height: 1.85
}
.LpCommonBalloon--02 span{color: #000}
.LpCommon2ColRightBox__ttl {
margin: 10.4% 0 6.2%;
letter-spacing: -0.05rem;
font-size: 4.65vw
}
.LpCommon2ColRightBox__ttl .orange {font-size: 4.6vw}
.LpCommon2ColRightBox__ttl .large {font-size: 6.9vw}
.LpCommon2ColRightBox__ttl{margin: 10.4% 0 3.9%}
.LpCommon2ColRightBox .right{
margin: 3.4% 0 0;
font-size: 2.65vw
}
.LpContentBg{padding: 6.6% 0 11.2%}
.LpContentGreen__ttl{
font-size: 5.6vw;
padding: 5.4% 1.4% 6% 4.7%
}
.LpContentGreen__item--01 .icon {
position: absolute;
top: 50%;
right: 1%;
z-index: 5;
width: 22.3%;
}
.LpContentGreen__item--01{
padding: 3.3% 3% 38.7% 40.9%;
background-position: -114% 50%;
background-size: 70.2% auto;
}
.LpContentGreen__itemTtl--01{font-size: 5vw}
.LpContentGreen__itemTtl--01 small{font-size: 3.5vw}
.LpContentGreen__item--02 {margin: -32.2% 0 0}
.LpContentGreen__itemTtl .text, .LpContentGreen__itemTtl .ruby{font-size: 14vw}
.LpContentGreen__itemTtl--02 {
text-align: left;
padding: 0 0 0 5.4%
}
.LpContentGreen__itemTtl .ruby{font-size: 3.3vw}
.LpContentGreen__itemTtl .icon{
display: block;
width: 10%;
margin: 1.4% auto 1.2%;
padding: 0 8% 0 0
}
.LpContentGreen__item--01 .icon {
position: absolute;
top: 59%;
right: 9%;
z-index: 5;
width: 28.2%
}
.LpContentGreen__itemTtl .text--02 {margin: 0 0 0 31.7%}
.LpContentGreen__bg {
padding: 108% 30% 26% 4.6%;
background: url(../img/product01/lp_bg_06_pc.png) 404% 85.6% no-repeat;
background-size: 85% auto;
margin: -102% 0 0
}
.LpContentWhite--Outer::after {
top: -9.4%;
border-bottom: 17.6vw solid #fff;
border-left: transparent solid 100vw;
}
.LpContentWhite--Outer::before {
top: -9.4%;
border-bottom: 17.6vw solid #c8af93;
border-right: transparent solid 100vw
}
.LpContentWhite--Outer .icon {
top: -13%;
width: 38.9%
}
.LpContentWhite {padding: 4.7% 4.9% 11.5%}
.LpContentWhite__ttl{
font-size: 4.5vw;
width: 100%;
padding: 4.8% 0
}
.LpContentWhiteList{
width: 93.9%;
margin: 0 auto
}
.LpContentWhiteList--Outer .img01 {
right: -4.7%;
bottom: -6%;
width: 23%
}
.LpContentWhiteList--Outer {margin: 0 0 9.7%}
.LpContentWhite__text{
font-size: 3.55vw;
line-height: 1.65;
margin: 0 0 9.7%
}
.LpContentWhiteLogo{width: 90.5%}

.LpBnr__text {
left: 5.3%;
bottom: 4.8%;
line-height: 1.6;
text-align: justify;
font-size: 3.5vw;
width: 90%;
top: auto;
}
.LpCommonBalloon--02::before{
display: none;
}
.LpContentBg__text{
font-size: 3.4vw;
}
}
@-moz-document url-prefix() {
	@media screen and (max-width: 599px) {
		.LpCommonGraph__item--02 {
			left: 66%;/* FF huck*/
		}
	}
}
@media all and (-ms-high-contrast:none) and (max-width: 599px){
	.LpCommonGraph__item--02 {
		left: 66%  !important;/* IE huck*/
	}
}
@media screen and (max-width: 500px) {
#warped {margin: 0 0 -5%;}
}
@media screen and (max-width: 400px) {
#warped {margin: 0 0 -8%;}
}