@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
padding-bottom: 0px;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
display: block;
}
body {
font-size: 15px;
line-height: 2.0;
font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body {
font-size: 3.5vw;
line-height: 1.8;
}
}
ol, ul {
list-style:none
}
table{
border-collapse: collapse;
border-spacing: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
a {  }
a:link {
color: #0066FF;
text-decoration: none;
}
a:visited {
color: #0066FF;
text-decoration: none;
}
a:hover, a:active {
color: #0066FF;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
a:hover, a:active {
text-decoration: none;
}
}

/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
.wrapper{
_zoom: 1;
overflow: hidden;
width: 100%;
margin: 0;
padding-top: 79px;
padding-bottom: 0px;
position: relative;
}
.wrapper.ofw{
overflow: hidden;
}
.wrapper.btm00{
margin-bottom: 0px;
}
/*@media screen and (max-width: 1180px) {
.wrapper{
padding-top: 130px;
}
}*/
@media screen and (max-width: 767px) {
.wrapper{
padding-top: 70px;
}
}

.contents{
_zoom: 1;
overflow: hidden;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.contents.ofw{
overflow: hidden;
}
.contents.btm00{
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.contents{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
}

.Box01{
/*_zoom: 1;
overflow: hidden;*/
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}

@media screen and (max-width: 767px) {
.Box01{
padding-top: 7%;
padding-bottom: 7%;
}
}

.Box01b{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.Box01b{
padding-top: 7%;
}
}

.row130 {
max-width: 1300px;
margin: 0 auto;
padding: 0 3%;
}
.row120 {
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;
}
.row110 {
max-width: 1100px;
margin: 0 auto;
padding: 0 3%;
}
.row1060 {
max-width: 1060px;
margin: 0 auto;
padding: 0 3%;
}
.row,.row00{
max-width: 1000px;
margin: 0 auto;
padding: 0 3%;
}
.row:after,.row00:after {
content: "";
display: block;
clear: both;
}
.row02,.row02in {
max-width: 900px;
margin: 0 auto;
padding: 0 3%;
}
.row800 {
max-width: 800px;
margin: 0 auto;
padding: 0 3%;
}
.row800in {
max-width: 800px;
margin: 0 auto;
padding: 0 3%;
}
.row720 {
max-width: 720px;
margin: 0 auto;
padding: 0 3%;
}
.row720in {
max-width: 720px;
margin: 0 auto;
padding: 0 3%;
}
.row700 {
max-width: 700px;
margin: 0 auto;
padding: 0 3%;
}
.row700in {
max-width: 700px;
margin: 0 auto;
padding: 0 3%;
}
.row480in {
max-width: 480px;
margin: 0 auto;
padding: 0 3%;
}
.row730 {
max-width: 730px;
margin: 0 auto;
padding: 0 3%;
}
.row740 {
max-width: 740px;
margin: 0 auto;
padding: 0 3%;
}
.row02:after {
content: "";
display: block;
clear: both;
}
.pc_only {
display: block;
}
.sp_only {
display: none;
}

@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.row,.row02,.row720,.row730,.row800,.row700,.row740,.row110,.row120,.row1060,.row130  {
padding: 0 5%;
}
.row00,.row720in,.row800in,.row480in,.row700in,.row02in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none;
}
.sp_only {
display: block;
}
}

.imgpc {
width: auto;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.imgfull img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.imgpc {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}



.copyR {
margin: 0;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 60px;
padding-left: 0px;
text-align: center;
width: 100%;
color: #FFFFFF;
background-color: #0A4D9B;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.copyR {
font-size: 3vw;
}
}


/*==================================================
/* ページの指定の高さを超えたら下から出現*/
/*===================================*/

/*リンクの形状*/
#page-top a{
display: flex;
justify-content: center;
align-items: center;
background-color: #205FA5;
border-radius: 5px;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 30px;
transition: all 0.3s;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
opacity: 0.5;
}

#page-top a:hover{
background-color: #013C7E;
}

/*リンクを右下に固定*/
#page-top {
position: fixed;
right: 20px;
bottom:50px;
z-index: 1;
/*はじめは非表示*/
opacity: 0;
transform: translateY(200px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
from {
opacity: 0;
transform: translateY(200px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*　下に下がる動き　*/

#page-top.DownMove{
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 1;
transform: translateY(200px);
}
}





/*header*/
.lp_h {
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding-top: 15px;
padding-bottom: 10px;
background-color: #231716;
margin: 0;
text-align: center;
}
.lp_h h1.logo img {
height: 45px;
width: auto;
}
@media screen and (max-width: 767px) {
.lp_h {
width: 100%;
height: auto;
margin-top: 0px;
margin-left: 0%;
margin-right: 0%;
}
}



.lp_tl {
width: 100%;
padding-top: 35px;
padding-bottom: 35px;
margin: 0;
text-align: center;
background-image: url(../parts/lp_tbg.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
}
/*お問い合わせフォームはロゴ無し*/
.lp_c .lp_tl {
background-image: none;
}
.lp_c .lp_tl h1 strong {
color: #D41718;
}

.lp_tl h1 {
font-size: 35px;
font-weight: 900;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
}
.lp_tl h1 strong {
font-weight: 900;
font-size: 45px;
color: #6FB92C;
}
.h_inet .lp_tl h1 strong {
color: #48A2E2;
}
/*スマホ*/
.sphone .lp_tl h1 strong {
color: #EF9625;
}
/*カンロク*/
.krk .lp_tl h1 strong {
	color: #0375C2;
}
.krk .lp_tl h1 strong span {
	color: #FFFFFF;
	font-size: 38px;
	background-color: #0575C2;
	border-radius: 50%;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 0.1em;
	padding-top: 0.0.5em;
}
@media screen and (max-width: 767px) {
.lp_tl {
padding-top: 25px;
padding-bottom: 25px;
}
.lp_tl h1 {
font-size: 6.3vw;
}
.lp_tl h1 strong {
font-size: 7.3vw;
}
.krk .lp_tl h1 strong span {
font-size: 6.0vw;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 0.1em;
}
}






.bg_c01 {
background-color: #6EB92C;
}
.bg_c02 {
background-color: #EBF4E1;
}
.bg_c03 {
background-color: #48A2E2;
}
.bg_c04 {
background-color: #DEF0F9;
}
.bg_c05 {
background-color: #EF9625;
}
.bg_c06 {
background-color: #FDF3E6;
}
.bg_c08 {
background-color: #0575C2;
}


/*TV01*/
.g_tvs01 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 0px;
row-gap: 0px;
}
/*カンロク*/
.krk .g_tvs01 {
align-items: center;
background-color: #FFDC02;
}

.g_tvs01 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 30px;
background-color: #FFDC02;
}
.g_tvs01 .itemB {
/*grid-row: 1 / 2;
grid-column: 2 / 3;*/
padding: 30px;
background-color: #FFF;
display: flex;
align-items: center;
}
.g_tvs01 .itemC {
grid-row: 2 / 3;
grid-column: 1 / 3;
padding: 30px;
background-color: #F5F5F5;
}
.g_tvs01 figure {
width: 100%;
}
.g_tvs01 img {
width: 100%;
height: auto;
display: block;
}
.g_tvs01 p {
color: #3F3F3F;
padding-left:2em;
text-indent:-2em;
}
@media screen and (max-width: 767px) {
.g_tvs01 {
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.g_tvs01 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 2;
}
.g_tvs01 .itemB {
}
.g_tvs01 .itemC {
grid-row: 3 / 4;
grid-column: 1 / 2;
background-color: #FFF;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-top: 0px;
}
.g_tvs01 p {
font-size: 3vw;
}

}


/*TV02*/
.g_tvs02 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 0px;
row-gap: 0px;
background-color: #FFF;
border: 2px solid #6FB92C;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
align-items: center;
margin-bottom: 30px;
}
/*スマホ*/
.sphone .g_tvs02 {
border: 2px solid #EF9625;
}
.g_tvs02 .itemA {
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 20px;
}
.g_tvs02 .itemB {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.g_tvs02 figure {
width: 100%;
}
.g_tvs02 img {
width: 100%;
height: auto;
display: block;
}
.g_tvs02 h3 {
color: #3F3F3F;
font-size: 25px;
font-weight: bold;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
}
.g_tvs02 h3 strong {
color: #6FB92C;
font-size: 32px;
}
@media screen and (max-width: 767px) {
.g_tvs02 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 15px;
}
.g_tvs02 .itemA {
padding-top: 20px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.g_tvs02 .itemB {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 12px;
}
.g_tvs02 h3 {
font-size: 4.8vw;
line-height: 1.4em;
text-align: center;
}
.g_tvs02 h3 strong {
font-size: 6.8vw;
}
}


/*TV03*/
.g_tvs03 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 0px;
row-gap: 0px;
background-color: #FFF;
border: 2px solid #6FB92C;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
align-items: center;
}
/*net*/
.h_inet .g_tvs03 {
border: 2px solid #49A2E1;
}
/*スマホ*/
.sphone .g_tvs03 {
border: 2px solid #EF9625;
}
/*カンロク*/
.krk .g_tvs03 {
	border: 2px solid #0A4D97;
	padding-top: 20px;
	padding-bottom: 20px;
}
.g_tvs03 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 3;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.g_tvs03 .itemA p.kanyu {
	background-color: #49A2E1;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.g_tvs03 .itemB {
padding: 30px;
}
.g_tvs03 .itemC {
padding: 30px;
}
.g_tvs03 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.g_tvs03 .itemA figure {
width: 40%;
}
.g_tvs03 img {
width: 100%;
height: auto;
display: block;
}

.g_tvs03 .itemB {
	border-right: 2px dotted #0A4D97;
}
@media screen and (max-width: 767px) {
.g_tvs03 {
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.g_tvs03 .itemA p.kanyu {
font-size: 4.4vw;
	margin-bottom: 0px;
	line-height: 1.6em;
}
/*カンロク*/
.krk .g_tvs03 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.g_tvs03 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0px;
}
.g_tvs03 .itemA figure {
width: 100%;
}
.g_tvs03 .itemB {
}
/*カンロク*/
.krk .g_tvs03 .itemB {
	border-right: 0px dotted #0A4D97;
	border-bottom: 2px dotted #0A4D97;
		padding-left: 0px;
	padding-right: 0px;
}
.krk .g_tvs03 .itemC {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.g_tvs03 .itemC {
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-top: 0px;
}
}

/*net*/
.g_tvs03 .itemA h3 {
color: #3F3F3F;
font-size: 35px;
font-weight: bold;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
}
.g_tvs03 .itemA h3 strong {
color: #48A2E2;
font-size: 45px;
}
@media screen and (max-width: 767px) {
.g_tvs03 .itemA h3 {
font-size: 5.8vw;
}
.g_tvs03 .itemA h3 strong {
font-size: 8.0vw;
}
}

.g_tvs04 {
background-color: #FFF;
border: 2px solid #49A2E1;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
align-items: center;
padding-bottom: 30px;
margin-bottom: 30px;
}
.g_tvs04.h_tv {
border: 2px solid #6FB92C;
}
.g_tvs04 figure {
width: 100%;
}
.g_tvs04 img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.g_tvs04 {
margin-bottom: 15px;
}
}


/*LP Contact*/
.g_lpc {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 20px;
/*align-items: center;*/
}
.g_lpc .itemA {
grid-row: 1 / 4;
grid-column: 1 / 2;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #FFD228;
padding-bottom: 30px;
position: relative;
display:flex;
align-items:center;
justify-content:center;
}
.g_lpc .itemB {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #E14C12;
display: flex;
align-items: center;
padding-left: 20px;
position: relative;
color: #FFFFFF;
}
.g_lpc .itemC {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #FFF;
border: 2px solid #6FB92C;
display: flex;
align-items: center;
padding-left: 20px;
position: relative;
}
/*加入申込*/
.g_lpc .itemD {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #191A70;
	border: 2px solid #191A70;
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
	color: #FFFFFF;
}

/*net*/
.h_inet .g_lpc .itemC {
border: 2px solid #49A2E1;
}
/*スマホ*/
.sphone .g_lpc .itemC {
border: 2px solid #EF9625;
}
/*もぎたて*/
.vBox .g_lpc .itemC {
border: 2px solid #E20012;
}

.g_lpc .itemA figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.g_lpc .itemB figure,.g_lpc .itemC figure,.g_lpc .itemD figure {
width: 15%;
margin-left: auto;
margin-right: auto;
}
.g_lpc img {
width: 100%;
height: auto;
display: block;
}
.g_lpc .itemB p,.g_lpc .itemC p,.g_lpc .itemD p {
width: 75%;
/*margin-left: 0px;
margin-right: auto;
text-align: center;*/
}
.g_lpc p {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6em;
}
.g_lpc a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
transition: all 0.3s;
}

.g_lpc .itemB span,.g_lpc .itemD span{
width: 13px;
height: 13px;
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
transform: rotate(135deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 38%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.g_lpc .itemC span{
width: 13px;
height: 13px;
border-top: 2px solid #6FB92C;
border-left: 2px solid #6FB92C;
transform: rotate(135deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 38%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

/*net*/
.h_inet .g_lpc .itemC span{
border-top: 2px solid #49A2E1;
border-left: 2px solid #49A2E1;
}
/*スマホ*/
.sphone .g_lpc .itemC span{
border-top: 2px solid #EF9625;
border-left: 2px solid #EF9625;
}
/*もぎたて*/
.vBox .g_lpc .itemC span{
border-top: 2px solid #E20012;
border-left: 2px solid #E20012;
}

.g_lpc .itemB:hover span,.g_lpc .itemC:hover span,.g_lpc .itemD:hover span {
right: 35px;
}
.g_lpc .itemA:hover {
}
.g_lpc .itemB:hover {
}
.g_lpc .itemC:hover {
}
@media screen and (max-width: 767px) {
.g_lpc {
display: grid;
row-gap: 15px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.g_lpc .itemA {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding-top: 30px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 30px;
}
.g_lpc .itemB {
padding-top: 20px;
padding-bottom: 20px;
}
.g_lpc .itemC {
padding-top: 20px;
padding-bottom: 20px;
}
.g_lpc .itemD {
padding-top: 20px;
padding-bottom: 20px;
}
.g_lpc .itemB span,.g_lpc .itemD span{
top: 36%;
right: 30px;
}
.g_lpc .itemC span{
right: 30px;
}
.g_lpc .itemB:hover span,.g_lpc .itemC:hover span,.g_lpc .itemD:hover span {
right: 25px;
}
.g_lpc .itemC span{
top: 36%;
}
.g_lpc p {
font-size: 3.8vw;
line-height: 1.6em;
}


/*.g_lpc .itemB figure,.g_lpc .itemC figure {
width: 15%;
}
.g_lpc .itemB p,.g_lpc .itemC p {
width: 85%;
text-align: center;
margin-left: 0px;
margin-right: auto;
}*/

}



/*LP Contact　カンロク*/
.g_lpc2 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 20px;
/*align-items: center;*/
}
.g_lpc2 .itemA {
grid-row: 1 / 3;
grid-column: 1 / 2;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #FFD228;
padding-bottom: 30px;
position: relative;
}
.g_lpc2 .itemB {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #E14C12;
display: flex;
align-items: center;
padding-left: 20px;
position: relative;
color: #FFFFFF;
}
.g_lpc2 .itemD {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #191A70;
	border: 2px solid #191A70;
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
	color: #FFFFFF;
}
.g_lpc2 .itemA figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.g_lpc2 .itemB figure,.g_lpc2 .itemD figure {
width: 15%;
margin-left: auto;
margin-right: auto;
}
.g_lpc2 img {
width: 100%;
height: auto;
display: block;
}
.g_lpc2 .itemB p,.g_lpc2 .itemD p {
width: 75%;
}
.g_lpc2 p {
font-weight: bold;
font-size: 18px;
line-height: 1.6em;
}
.g_lpc2 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
transition: all 0.3s;
}

.g_lpc2 .itemB span,.g_lpc2 .itemD span{
width: 13px;
height: 13px;
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
transform: rotate(135deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 38%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.g_lpc2 .itemB:hover span,.g_lpc2 .itemD:hover span {
right: 35px;
}
@media screen and (max-width: 767px) {
.g_lpc2 {
display: grid;
row-gap: 15px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.g_lpc2 .itemA {
padding-top: 30px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 30px;
}
.g_lpc2 .itemB,.g_lpc2 .itemD {
padding-top: 20px;
padding-bottom: 20px;
}
.g_lpc2 .itemB span.g_lpc2 .itemD span{
top: 36%;
right: 30px;
}
.g_lpc2 .itemB:hover span.g_lpc2 .itemD:hover span {
right: 25px;
}
.g_lpc2 p {
font-size: 3.8vw;
line-height: 1.6em;
}

}



/*遅延時間*/
.delay-time02{
animation-delay: 0.2s;
}
.delay-time04{
animation-delay: 0.4s;
}
.delay-time06{
animation-delay: 0.6s;
}




/*スマホ2*/
.g_sp2 {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
column-gap: 0px;
row-gap: 0px;
border: 2px solid #EF9625;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
align-items: center;
background-color: #FFF7C7;
margin-bottom: 30px;
}
.g_sp2 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 3;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: #FFF;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.g_sp2 .itemB {
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 0px;
}
.g_sp2 .itemC {
padding: 30px;
}
.g_sp2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.g_sp2 .itemA figure {
width: 50%;
}
.g_sp2 img {
width: 100%;
height: auto;
display: block;
}
.g_sp2 h2 {
color: #3F3F3F;
font-size: 25px;
font-weight: bold;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
padding-bottom: 15px;
}
.g_sp2 h2 strong {
color: #EF9625;
font-size: 32px;
}
.g_sp2 h3 {
color: #3F3F3F;
font-size: 25px;
font-weight: bold;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
}
.g_sp2 h3 strong {
color: #EF9625;
font-size: 32px;
}
@media screen and (max-width: 767px) {
.g_sp2 {
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 20px;
}
.g_sp2 .itemA {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}
.g_sp2 .itemA figure {
width: 100%;
}
.g_sp2 .itemB {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
}
.g_sp2 .itemC {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 30px;
padding-top: 0px;
}

.g_sp2 h2 {
font-size: 4.8vw;
line-height: 1.4em;
text-align: center;
}
.g_sp2 h2 strong {
font-size: 6.8vw;
}
.g_sp2 h3 {
font-size: 4.8vw;
line-height: 1.4em;
text-align: center;
}
.g_sp2 h3 strong {
font-size: 6.8vw;
}
}

/*スマホ3*/
.g_sp3 {
display: grid;
grid-template-rows: auto auto;
/*grid-template-columns: 5fr 0.5fr 5fr;*/
grid-template-columns: 1fr;
column-gap: 0px;
row-gap: 10px;
border: 2px solid #EF9625;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
align-items: center;
background-color: #FFF;
margin-bottom: 0px;
}
.g_sp3 .itemA {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.g_sp3 .itemB {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
.g_sp3 .itemC {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 30px;
padding-right: 0px;
}
.g_sp3 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.g_sp3 figure img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.g_sp3 {
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 0px;
row-gap: 0px;
}
.g_sp3 .itemA {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 20px;
	width: 100%;
}
.g_sp3 .itemB {
padding-left: 30px;
padding-right: 30px;
	width: 88%;
		margin-left: auto;
	margin-right: auto;
}
.g_sp3 .itemC {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 30px;
padding-top: 0px;
}
}


.g_sp3b {
	border: 2px solid #EF9625;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	align-items: center;
	background-color: #FFF;
	margin-bottom: 0px;
	padding-bottom: 30px;
	padding-top: 10px;
}
.g_sp3b img {
	width: 60%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
.g_sp3b img {
	width: 100%;
}
}



/*==================================================
ボンッ、ヒュッ
===================================*/

/* 拡大 */
.zoomIn{
animation-name:zoomInAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
from {
transform: scale(0.6);
opacity: 0;
}

to {
transform: scale(1);
opacity: 1;
}
}

/* 縮小 */
.zoomOut{
animation-name:zoomOutAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}

@keyframes zoomOutAnime{
from {
transform: scale(1.3);
opacity: 0;
}

to {
transform:scale(1);
opacity: 1;
}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.zoomInTrigger,
.zoomOutTrigger{
opacity: 0;
}


/*送信完了*/
.lp_c .Box01 {
text-align: center;
}
.lp_c .Box01 h2.c_title {
font-size: 30px;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.lp_c .Box01 h2.c_title {
font-size: 5.8vw;
}
.lp_c .Box01 p {
text-align: left;
}
}




/*もぎたて*/
.lp_tlv {
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
margin: 0;
text-align: center;
background-image: url(../parts/lp_mg01_bg.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
}
.vBox .lp_tlv h1 {
text-shadow: 0px 0px 10px #FFFFFF,
0px 0px 10px #FFFFFF,
0px 0px 10px #FFFFFF,
0px 0px 20px #FFFFFF,
0px 0px 20px #FFFFFF,
0px 0px 20px #FFFFFF,
0px 0px 30px #FFFFFF;
}

.lp_tlv h1 {
font-size: 32px;
font-weight: 900;
line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;
color: #3F3F3F;
}
.lp_tlv h1 strong {
font-weight: 900;
font-size: 45px;
}
.lp_tlv h1 span {
color: #E20012;
font-size: 35px;
/*z-index: 0;
position: relative;*/
}
@media screen and (max-width: 767px) {
.lp_tlv {
padding-top: 25px;
padding-bottom: 25px;
}
.lp_tlv h1 {
font-size: 6.0vw;
}
.lp_tlv h1 span {
font-size: 6.3vw;
}
.lp_tlv h1 strong {
font-size: 8.6vw;
}
}


.veg_tx_bg {
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.5);
padding: 15px;
background: #FFFEF3;
border-radius: 10px;
margin-top: 20px;
}

div.veg_dot {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
margin: 0;
background: #FFFEF3;
box-shadow: 0px 0px 0px 10px #FFFEF3;
border: dashed 2px #6A3906;
border-radius: 10px;
padding-bottom: 300px;
position: relative;
}
div.veg_dot figure.mg2 {
margin-right: auto;
margin-left: auto;
padding: 0;
width: 100%;
position: absolute;
right: -17px;
bottom: -17px;
}
div.veg_dot figure.mg2 img {
width: 100%;
height: auto;
display: block;
}
div.veg_tx {
padding-top: 50px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0px;
margin: 0;
}

div.veg_tx div {
padding: 0;
margin: 0;
}
div.veg_tx div {
padding-left: 0px;
padding-right: 0px;
background-image: url(../parts/lp_mg02_line.png);
}
div.veg_tx div p {
line-height: 81px;
margin: 0px;
padding: 0px;
font-size: 35px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
color: #3F3F3F;
text-align: center;
}
div.veg_tx div p strong {
font-size: 50px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
color: #E20112;
}
div.veg_tx div p span {
font-size: 35px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
color: #E20112;
}
.bg_c07 {
background-image: url(../parts/lp_mg_bg.jpg);
background-repeat: repeat;
}
@media screen and (max-width: 767px) {
.veg_tx_bg {
	padding: 10px;
}
div.veg_dot {
padding-top: 15px;
padding-right: 3.5%;
padding-left: 3.5%;
padding-bottom: 32%;
}
div.veg_tx {
padding: 0px 0px;
}
div.veg_tx div {
background-image: url(../parts/lp_mg02_line_sp.png);
}
div.veg_tx div p {
line-height: 61px;
font-size: 5.3vw;
}
div.veg_tx div p strong {
font-size: 6.0vw;
}
div.veg_tx div p span {
font-size: 5.3vw;
}
.bg_c07 {
background-image: url(../parts/lp_mg_bg_sp.jpg);
background-repeat: repeat;
}
}