@charset "utf-8";
html{font-size: 62.5%; }
main img,
main div img{ width:revert-layer; display: inline; }
.sp_only{ display: none;}
.breadcrumb-list ol{ margin-top: 2.667vw; }
#fv{ margin-top: -11vw; }
@media (min-width: 768px) {
	#fv{ margin-top: -4.5vw; }
	.breadcrumb-list ol{ margin-top: 0.5vw; }
}
@media (min-width: 1025px) {
	.breadcrumb-list ol{ margin-top: 0; }
	main{ padding-top: 140px; }
	#fv{ margin-top: -80px; }
}
/* #region PC ------------------------------------------------------------  */
#wrapper { position: relative;}

p.text { padding: 35px 0 75px; color: #fff; font-size: 20px; line-height: 44px;}

#firstview #header { padding: 0 25px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
#firstview h1{float: left;padding:15px 0;}
#firstview h1 a{display: block;}
#firstview h1 img { width: 210px; height: 70px;}

#entry { position: fixed; right: 0; top: 240px; z-index: 200;}
#entry img { margin: 0 0 7px; display: block;}

#nav { margin: 0 0 50px; border-right: 2px dotted #d8d8d8;}
#nav li { float: left; text-align: center; width: 270px; border-left: 2px dotted #d8d8d8; }
#nav li p { font-size: 20px; font-weight: bold;}
#nav li p span { font-family: 'VinylRegular'; font-weight: normal; display: block; font-size: 16px; color: #cecece; letter-spacing: 2px;}
#nav li a { display: block; padding: 10px 0;}

img.img { width: 100%; height: auto;}


/* ------------------------------------------------------------ welcome */
#welcome{ padding: 50px 0 60px; background: url(../../../img/lp-organic-nav/joining/bg_joining.jpg) center top/cover no-repeat; }
#welcome .bg{ padding: 0 0 60px; background: url(../../../img/lp-organic-nav/joining/bg_joining_02.png) center calc(100% - 300px)/90% no-repeat; }
#welcome h3{ width: 652px; margin: 0 auto; }
#welcome h3 img{ width: 100%; height: auto; }

#welcome ul{ display: flex; justify-content: space-between; margin: 0 auto; padding: 8vw 0 0; }
#welcome ul li{ position: relative; width: 48%; padding: 0 0 40px; z-index: 1; }
#welcome ul li:after{ position: absolute; content: ""; top: 12px; right: -12px; width: 100%; height: 150px; background-size: auto auto; border-radius: 20px; background-image: repeating-linear-gradient(120deg, transparent, transparent 5px, rgba(148, 146, 109, 1) 6px, rgba(148, 146, 109, 1) 5px ); z-index: -1; }
#welcome ul li img{ width: 100%; height: auto; }

#welcome .more{ width: 100%; }
#welcome .more img{ width: 100%; height: auto; position: relative; right: -30px;  }

#welcome .o_btn{ /* width: 950px; */ padding: 30px 0 0; /* margin: 0 auto; */ text-align: center; }
#welcome .o_btn a{ display: inline-block; width: 460px; filter: drop-shadow(0px 7px 0px rgba(0,0,0,0.1)); }
/* #welcome .o_btn a:first-of-type{ margin: 0 30px 0 0; } */
#welcome .o_btn a img{ width: 100%; height: auto; }


@media (max-width: 991.98px) {
	
	#welcome{ padding: 30px 0 40px; }
	#welcome .bg{ background: url(../../../img/lp-organic-nav/joining/bg_joining_02.png) center calc(100% - 300px)/100% no-repeat; }
	#welcome h3{ width: 70%; }
	
	#welcome ul{ width: 100%; padding: 50px 0 0; }
	#welcome ul li:after{ right: -6px; height: 12vw; }
	
}

@media (max-width: 640px) {
	#welcome{ padding: 20px 0 0; background: url(../../../img/lp-organic-nav/joining/bg_joining-sp.jpg) center top/cover no-repeat; }
	#welcome .bg{ padding: 0 0 50px; background: none; }
	#welcome h3{ width: 80%; }
	
	#welcome ul{ flex-direction: column; width: 95%; padding: 12vw 0 10vw; }
	#welcome ul li{ padding: 0 0 15px; width: 100%; }
	#welcome ul li:after{ top: 10px; right: -5px; height: 27vw; background-image: repeating-linear-gradient(120deg, transparent, transparent 4px, rgba(148, 146, 109, 1) 5px, rgba(148, 146, 109, 1) 3px ); }
	
	#welcome .more img{ right: 0; }
	
	#welcome .o_btn{ padding: 25px 0 0; width: 100%; }
	#welcome .o_btn img{ width: 80%; height: auto; margin: 0 auto; }
	#welcome .o_btn a{ width: 75%; }
	#welcome .o_btn a:first-of-type{ margin: 0 0 10px; }
	
}



/* --------------------------------------------------------------------- first */
#first { text-align: center; background: #adc965; padding: 115px 0 100px; position: relative;}
#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-organic-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#first::after{ position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-organic-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0; }

#first h3 { padding: 0 0 40px; position: relative;}
#first h4{ background: url(../../../img/lp-organic-nav/bg_02.png) center; padding: 30px 0; margin: 0 0 80px; }
#first p{ width: 935px; padding: 0 0 100px; margin: 0 auto; }
#first p img{ width: 100%; height: auto; }

#first article:nth-of-type(odd) .item{ float: right; margin: 98px 50px 80px 0; }
#first article:nth-of-type(odd) .box .img_box{ left: 0; }

#first article:nth-of-type(even) .item{ float: left; }
#first article:nth-of-type(even) .box .img_box{ right: 0; }
#first article:nth-of-type(even) .box .item{ padding: 60px 220px 60px 60px; }

#first .box{ position: relative; margin: 0 0 45px;}

#first .box .item{ width: 680px; box-sizing: border-box; -webkit-box-sizing: border-box; background: #f5e451; padding: 50px 60px 50px 280px; border-radius: 10px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position: relative;}

#first .box .img_box { width: 560px; height: 100%; position: absolute; /* top: 50%; transform: translate(0,-50%); */ z-index: 10;　}
#first .box .img_box img{ position: relative; top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); }

#first .box .item h5{ text-align: left; }
#first .box .item ul li p span { display: block; font-size: 18px; font-weight: bold;}

/* set02 */
#first #set02 .box .item h5{ position: relative; text-align: right; /* right: -80px; */ }


/* catalogset */
#first #catalogset{ overflow: hidden;  padding: 0px 0 120px; /* background: #cce38f; */ }
#first #catalogset .w_box{ padding: 20px 0 40px; margin: 20px auto 0; width: 980px; background: #fff; border-radius: 20px; }

#first #catalogset h3{ background: url(../../../img/lp-organic-nav/first/icn_peace.png) calc(50% - 400px) center/100px no-repeat, url(../../../img/lp-organic-nav/first/icn_peace.png) calc(50% + 400px) center/100px no-repeat; } 
#first #catalogset h4{ background: none; margin: 0 0 10px; }

/* #first #catalogset .slider_box{ margin: 0 110px; } */
#first #catalogset .slider_item{ padding: 0 70px 0 0; }
#first #catalogset .slider_item img{ width: 100%!important; height: auto!important; }



@media (max-width: 1200px) {
  #first .box{ margin: 0 3% 80px; }
  
  #first h3{ width: 600px; margin: 0 auto; }
  #first h3 img{ width: 100%; height: auto; }
  #first p{ width: 780px; padding: 0 5% 100px; }
  #first p img{ width: 100%; height: auto; }
	
  #first .box .item{ width: 55%; padding: 65px 5% 65px 140px; }
  #first .box .item img{ width: 100%; height: auto; }
  #first .box .img_box{ width: 480px; }
  #first .box .img_box img{ width: 100%; height: auto; }
  
  #first #set02 .box .item{ padding: 65px 150px 65px 50px; }
  #first #set02 .box .item h5{ left: 0; }
  
  #first #set03 .box .img_box{ width: 520px; }
  
  #first article:nth-of-type(odd) .item{ margin: 80px 0; }
  #first article:nth-of-type(even) .box .item{ padding: 65px 150px 65px 50px; }
  
  
  #first #catalogset h3{ padding: 0 20% 40px; background: url(../../../img/lp-organic-nav/first/icn_peace.png) calc(50% - 40%) center/10% no-repeat, url(../../../img/lp-organic-nav/first/icn_peace.png) calc(50% + 40%) center/10% no-repeat; }
  #first #catalogset h3 img{ width: 100%; height: auto; }
  
/*   #first #catalogset .slider_box{ margin: 0 40px; } */
  #first #catalogset .slider_item{ width: 37vw!important; padding: 0; }
  #first #catalogset .slider_item img{ width: 90%!important; }
  
}



@media (max-width: 900px) {
	#first h4{ margin: 0 0 30px; }

	#first .box{ margin: 0 13% 80px; }
	#first .box .item{ width: 57%; padding: 50px 5% 50px 100px; }
	
	#first .box .img_box,
	#first #set03 .box .img_box{ width: 300px; }
	#first #set02 .box .item{ padding: 65px 100px 65px 5%; }
  
	#first article:nth-of-type(odd) .item{ margin: 40px 0; }
	#first article:nth-of-type(even) .box .item{ padding: 65px 100px 65px 40px; }
	
	#first #catalogset h4{ width: 85%; margin: 0 auto 20px; }
	#first #catalogset h4 img{ width: 100%; height: auto; }
	
}



@media only screen and (max-width:755px){
	
	#first { padding: 40px 0; position: relative;}
	#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-organic-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#first::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-organic-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	
	#first h3 { width: 85%; padding: 0 0 20px; }
	#first h3 img { width:100%; height: auto;}
	#first p{ width: 90%; margin: 0 auto; padding: 0 0 30px; }
	#first p img{ width: 100%; height: auto; }
	
	#first h4{ margin: 0 0 30px; padding: 20px 0; background: url(../../../img/lp-organic-nav/bg_02.png) center/15px; }
	#first h4 img{ width: 80%; margin: 0 auto; height: auto; }
	
	#first p{ width: 90%; margin: 0 auto; padding: 0 0 30px; }
	#first p img{ width: 100%; height: auto; }
	
	#first article{ padding: 0 0 30px; }
	#first #set05{ padding: 0 0 50px; }
  
	#first article .first_menu{ width: 100%; }
	#first article .first_menu img{ width: 100%; height: auto; }
	
	/* catalogset */
	#first #catalogset{ padding: 40px 0 30px; overflow: hidden; }
	
	#first #catalogset .w_box{ padding: 20px; width: 100%; border-radius: 10px; box-sizing: border-box; }
	#first #catalogset .w_box img{ width: 100%; height: auto; }

	#first #catalogset h3{ padding: 0 10% 20px; background: none; }
	#first #catalogset h4{ padding: 0 0 5px; }
	
/* 	#first #catalogset .slider_box{ margin: 0 2%; } */
	#first #catalogset .slider_item{ width: 61vw!important; padding: 15px; }
	#first #catalogset .slider_item img{ width: 100%!important; height: auto!important; }
	
}


#footer { text-align: center; padding: 70px 0 25px;}
#footer p{font-size: 12px;font-weight: 500;margin-top: 15px;line-height: 2;}
#footer address { font-size: 12px; padding: 30px 0 0;}

.cta img  { width: 100%; height: auto; }
/* #endregion */



/* #region Mobile ------------------------------------------------------------  */
@media only screen and (max-width:640px){

#wrapper { position: relative;}

p.text { padding: 15px 0 35px; font-size: 14px; line-height: 30px;}

#firstview #header { width: 100%; padding: 10px 4%; top: 0; left: 0; box-sizing: border-box;}
#firstview #header a img { width: 120px; height: auto;}
#firstview h1 img { width: 100%; height: auto;}
#firstview #header.is-animation { background: #fff; z-index: 2; display: inline-block; *display: inline; *zoom: 1; transition: .5s; box-sizing: border-box; -webkit-box-sizing: border-box;}

#entry { position: fixed; right: 0; top: 145px; z-index: 2; width: 40px; height: auto;}
#entry img { width: 40px; height: auto;}

#nav { margin: 20px 0; border-right: none;}
#nav li { float: left; text-align: center; width: 50%; border-left: none; box-sizing: border-box; padding: 15px 0 15px;}
#nav li img { padding: 0 0 10px;}
#nav li:first-child { border-left: none; border-bottom: 2px dotted #d8d8d8;}
#nav li.point02 { border-bottom: 2px dotted #d8d8d8;}
#nav li.point02 a,
#nav li.point04 a { border-left: 2px dotted #d8d8d8;}
#nav li.point03 { border-left: none; }
#nav li p { font-size: 16px; font-weight: bold; line-height: 150%;}
#nav li p span { display: block; font-size: 14px; color: #cecece; letter-spacing: 2px; }
#nav li a { display: block; padding: 10px 0;}

img.img { width: 100%; height: auto;}

#footer { text-align: center; padding: 45px 0 55px; margin: 0 0 57px;}
#footer a img { width: 150px; height: auto;}
#footer address { font-size: 11px; padding: 25px 0 0;}

#f_btn { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200;}
#f_btn a { font-weight: bold; font-size: 12px; display: block; float: left; width: 50%; padding: 15px 0;}
#f_btn a.catalog { background: #fff100;}
#f_btn a.entry { background: #ff7c55; color: #fff;}
#f_btn a img { padding: 0 0 0 10px; vertical-align: top;}


}

/* #endregion */


/* #region Global */ 
  * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  body{min-width: auto;}
  .row:before, .row:after{display: table;content: " ";}
  .row:after{clear: both;}
  .container {padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;}
  .row {margin-right: -10px;margin-left: -10px;}
  .col-sm-6, .col-md-4, .col-md-6 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
  .d-none {display: none;}
  .d-inline-block {display: inline-block;}
  .d-block {display: block;}
  .media, .media-body {overflow: hidden;zoom: 1;}
  .media-body {width: 10000px;}
  .media-object {display: block;}
  .media-object.img-thumbnail {max-width: none;}
  .media-right {padding-left: 10px;}
  .media-left {padding-right: 10px;}
  .media-left, .media-right, .media-body {display: table-cell;vertical-align: top;}
  .img-fluid {max-width: 100%;height: auto; padding-top: 15px; }
  .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

  .btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;
    -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 0;padding: 14px 20px;
    font-size: 16px;line-height: 1.5;font-weight: 700;border-radius: 0;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;}
  
  .btn .text{position: relative;z-index: 2;font-size: 16px;line-height: 1.5;font-weight: 700;display: inline-block;}
  .btn svg{ vertical-align: -.357143em;margin-left: 4px;}
  .btn-block {display: block;width: 100%;}
  .btn-yellow {color: #000;background-color: #ffdf0b;}
  .btn-yellow::before{background-image:linear-gradient(to bottom right, transparent 50%, #ffd407 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-red {color: #fff!important;background-color: #d02d2d;}
  .btn-red::before{background-image:linear-gradient(to bottom right, transparent 50%, #c11e1e 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-green{background-color: #96c815;color: #fff!important;border-radius: 10px;}
  .btn-lg{padding:27px 40px;}
  .btn-lg, .btn-lg .text{font-size: 26px;line-height: 1.76924;}
  .btn-lg svg{vertical-align: -4px;}
  .btn-md{padding:20px 40px;}
  .btn-md, .btn-md .text{font-size: 20px;line-height: 2;}
  .btn-md svg{vertical-align: -4px;}
  .btn-green.btn-md{padding:10px 40px;}
  .btn-orange {color: #fff!important;background-color: #ef6016;}
  .btn-orange::before{background-image:linear-gradient(to bottom right, transparent 50%, #e83d0a 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-green2 {color: #fff!important;background-color: #1cb214;}
  .btn-green2::before{background-image:linear-gradient(to bottom right, transparent 50%, #129c0d 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-orange2{background-color: #ffa70d;color: #fff!important;}
  .btn-orange2 svg{vertical-align: -2px;}
  

  .mb-25px{margin-bottom: 25px;}

  #open_modal{float: right;display: block;background-color: #fff;padding:38.5px 30px;border:0;margin-right: -25px;transition: background-color .15s ease;}
  #open_modal .bar{background-color: #989797;width: 40px;height: 3px;display: block;transition: background-color .15s ease;}
  #open_modal .bar + .bar{margin-top: 7px;}
  #open_modal:hover .bar{background-color: #333;}

  .navigation-open{overflow: hidden;height: 100%;}
  .navigation-open #navigation{display: block;}
  #navigation{position: fixed;top:0;left:0;right:0;bottom:0;z-index: 1030;background-color: #fff;opacity: 0;display: none;transition: opacity .2s linear;}
  #navigation.show{opacity: 1;}
  .close_modal{float: right;border:0;background-color: #c9c9c9;padding:28px;z-index: 10;position: absolute;right:0;top:0;}
  .close_modal svg{display: block;}
  .navigation-bg{background: url(../../../img/lp-organic-nav/bg-menu.jpg) no-repeat center center;background-size: cover;position: absolute;left:41.25%;top:0;bottom:0;right:0;}
  .navigation-body{height: 100%;overflow: auto;}
  .navigation-body h3{padding:25px 0 0 25px;}
  .navigation-content{width: 41.25%;}
  .navigation-inner{max-width:480px;margin-left:auto;margin-right: auto;padding-top:25px;padding-bottom: 60px;}

  #main-menu a{font-size: 20px;font-weight: 700;border-bottom: 2px dotted rgb(201, 201, 201);display: block;padding:18px 0;}
  .menu-cvt{text-align: center;margin-top: 40px;}
  .menu-cvt img{margin-bottom: 25px;}
  .cvt-inner .btn-blue{ background: url(../../../img/lp-organic-nav/btn-blue.jpg) center/cover no-repeat; color: #fff; }
  .cvt-inner .btn-yellow{ background: url(../../../img/lp-organic-nav/btn-yellow.jpg) center/cover no-repeat; }
  .cvt-inner .btn-red{ background: url(../../../img/lp-organic-nav/btn-red.jpg) center/cover no-repeat; }
  
  .scroll-up{position: fixed;bottom:60px;right:20px;display: none;z-index: 1000;}
/* #endregion */

/* #region Page */
  #fv{background: url(../../../img/lp-organic-nav/bg-01.jpg) no-repeat center top;overflow: hidden;height: 960px;}
  .fv{ padding: 10px 0 20px 20px;}
  .fv-img{margin-left: -118px;margin-right: -10px; padding-top: 50px;}

  .ca{background: url(../../../img/lp-organic-nav/ca-bg.jpg) no-repeat center center;background-size: cover;padding:85px 0 55px;}
  .ca-inner{margin-left: -31px;margin-right: -31px;position: relative;}
  .ca-inner .btn{position: absolute;left:50%;bottom:75px;width: 51%;margin-left: -25.5%;}

  #organic{background:#f8edd9 url(../../../img/lp-organic-nav/organic-bg.jpg) no-repeat center top;padding-top: 100px;padding-bottom: 100px;}
  #organic h2{margin-bottom: 300px;}
  .question-card{background-color: #fff;border-radius: 20px;max-width: 324px;position: relative;padding:0 37px 25px;}
  .question-card h3{font-size: 28px;font-weight: 700;text-align: center;max-width: 250px;margin-left: auto;margin-right: auto;line-height: 1.4;}
  .question-number{width: 200px;height: 200px;position: absolute;top:-50px;left:50%;margin-left: -100px;}
  .question-card-body{position: relative;z-index: 1;text-align: center;padding-top: 55px;}
  .question-card-body img{display: block;margin-left: auto;margin-right: auto;}
  .question-card-heading{height: 130px;position: relative;width: 250px;display: table-cell;vertical-align: middle;}
  #organic .col-md-4:nth-of-type(2) .question-card{margin-left: auto;margin-right: auto;}
  #organic .col-md-4:nth-of-type(3) .question-card{margin-left: auto;}
  .question-card-heading::before, .question-card-heading::after, 
  .question-card-heading  h3::before, .question-card-heading h3::after,
  .media-top::before, .media-top::after, 
  .media-top .media::before, .media-top .media::after{position: absolute;content: '';width: 24px;height: 24px;border:3px dotted rgb(79, 180, 44);}
  .question-card-heading::before, .media-top::before{left:0;top:0;border-bottom: 0;border-right: 0;}
  .question-card-heading::after, .media-top::after{right:0;top:0;border-bottom: 0;border-left: 0;}
  .question-card-heading h3::before, .media-top .media::before{left:0;bottom:0;border-top: 0;border-right: 0;}
  .question-card-heading h3::after, .media-top .media::after{right:0;bottom:0;border-top: 0;border-left: 0;}
  .question-card-img{margin:25px 0;}
  .answer-card{border-radius: 30px;background-color: rgb(255, 255, 255);padding:85px;margin-top: 140px;position: relative;}
  .answer-card .number{position: absolute;right:85px;top:-70px;}
  .answer-card h3{font-size: 40px;font-weight: 700;line-height: 1.275;}
  .answer-card h4{font-size: 36px;font-weight: 700;color: #4fb42c;text-align: center;border:4px solid #4fb42c;line-height: 1.66667;border-radius: 80px;
    padding:8px 10px;margin-bottom: 50px;position: relative;}
  .answer-card h4::before, .answer-card h4::after{position: absolute;content: '';bottom:-4px;left:168px;width: 24px;height: 4px;background-color: #fff;}
  .answer-card h4::after{background-color: #4fb42c;transform: rotate(120deg);transform-origin: left bottom;bottom:0;border-radius: 4px;left:166px;}
  .media-top{max-width: 860px;margin-left: auto;margin-right: auto;position: relative;margin-bottom: 30px;}
  .media-top .media-body{vertical-align: bottom;}
  .media-middle{margin-bottom: 50px;}
  .media-middle .media-left{padding-right: 45px;}
  .media-middle .media-right{padding-left: 45px;}
  .media-middle p{font-size: 20px;line-height: 2;}
  .answer-heading-img{background-color: #ebfde5;text-align: center;padding-bottom: 9px;margin-bottom: 20px;}
  .answer-heading-img img{margin-top: -8px;}
  .testimonial{border:3px dotted #e2f1dd;padding:20px;}
  .testimonial h5{font-size: 16px;font-weight: 700;color: #4fb42c;margin-bottom: 8px;}
  .testimonial .txR{color: #4fb42c;margin-top: 8px;}
  
  #question1 .media-top{margin-top: -117px;}
  #question1 .media-top .media{max-width: 650px;margin-left: auto;margin-right: auto;}
  #question1 .media-top .media-left{padding-right: 50px;}
  #question1 .media-top .media-body h3{margin-bottom: 30px;}
  #question1 .media-top::before{top:105px;}
  #question1 .media-top::after{top:105px;}
  #question1 .media-top .media::before{bottom:20px;}
  #question1 .media-top .media::after{bottom:20px;}

  #question2 .answer-card .number{right:auto;left:85px}
  #question2 .media-top{margin-top: -105px;}
  #question2 .media-top .media{max-width: 820px;margin-left: auto;margin-right: auto;}
  #question2 .media-top .media-body{text-align: right;}
  #question2 .media-top .media-body h3{margin-bottom: 40px;}
  #question2 .media-top .media-right{padding-left: 0;}
  #question2 .media-top::before{top:105px;}
  #question2 .media-top::after{top:105px;}
  #question2 .answer-card h4::before{left:auto;right:168px;}
  #question2 .answer-card h4::after{left: auto;right:166px;transform: rotate(-120deg);transform-origin: right bottom;}
  
  #question3 .media-top{margin-top: -100px;}
  #question3 .media-top::before{top:105px;}
  #question3 .media-top::after{top:105px;}
  #question3 .media-top .media{max-width: 760px;margin-left: auto;margin-right: auto;}
  #question3 .media-top .media-body h3{margin-bottom: 40px;}

  #vegetable-producer{background: url(../../../img/lp-organic-nav/producer-bg.jpg) no-repeat center top;padding-top: 225px;padding-bottom: 100px;}
  #vegetable-producer h2{margin-bottom: 170px;}
  .producer-item{max-width: 930px;margin-left: auto;margin-right: auto;}
  .producer-item + .producer-item {margin-top: 80px;}
  .producer-item h3{font-size: 40px;font-weight: 700;border-radius: 12px;background-color: rgb(79, 180, 44);text-align: center;color: #fff;padding:6px 10px;margin-bottom: 20px;}
  .producer-item .media{margin-bottom: 30px;}
  .producer-item .media-right{padding-left: 20px;}
  .producer-item .media-body p:not(.by){font-size: 20px;margin-bottom: 40px;margin-top: 15px;}
  .producer-item .media-body .by strong{font-size: 28px;font-weight: 700;display: block;margin-top: 5px;line-height: 1.5;}
  .producer-item .box-green{background-color: #ebfde5;padding:20px 24px 24px;border-radius: 16px;}
  .producer-item .box-green h4{font-size: 24px;color: rgb(79, 180, 44);font-weight: 700;text-align: center;margin-bottom: 20px;}
  .producer-item .box-white{background-color: #fff;padding:24px;}
  .producer-item .box-white strong{display: block;color: rgb(79, 180, 44);font-weight: 700;margin-bottom: 10px;font-size: 16px;}
  .producer-item .box-white .txR{color: rgb(79, 180, 44); margin-top: 10px;font-size: 16px;}

  #vegetable-answer, #vegetable-for-children{background: url(../../../img/lp-organic-nav/vegetable-answer-bg.png) no-repeat; background-size: cover;padding:80px 0;}
  #vegetable-answer .box-white{border-radius: 16px;background-color: #fff;padding:85px;text-align: center;}
  #vegetable-answer .box-white h2{margin-bottom: 40px;}
  #vegetable-answer .box-white p{font-size: 20px;font-weight: 700;}
  
  .cvt{padding:50px 0;background: url(../../../img/lp-organic-nav/cvt-bg.jpg) no-repeat;background-size: cover;}
  .cvt-inner{background-color: #fff;max-width: 1100px;margin-left: auto;margin-right: auto;padding:30px 50px;text-align: center;}
  .cvt-inner .row{margin-top: 24px;}

  #weekly-lineup{background: url(../../../img/lp-organic-nav/weekly-lineup-bg.png) no-repeat center top;text-align: center;padding:130px 0 120px;}
  #weekly-lineup h2{margin-bottom: 50px;}
  .weekly-lineup-1{margin-bottom: 100px;}

  #vegetable-for-children h2{margin-bottom: 20px;}
  #vegetable-for-children p{font-size: 20px;padding-top: 30px;line-height: 2;}
 

  .balmuda-img{text-align: center;margin:20px 0;}
  .balmuda-img + p{font-size: 12px;}

  .deco-flag-left, .deco-flag-right{position: absolute;content: '';top:-35px;}
  .deco-flag-left{left:10px;}
  .deco-flag-right{right:10px;transform: rotateY(180deg);}

  .aichi{background: url(../../../img/lp-organic-nav/aichi-bg.jpg) no-repeat center center;background-size: cover;padding-top: 50px;padding-bottom: 200px;}
  .aichi-btn{max-width: 500px;margin-left: auto;margin-right: auto;}
  .aichi-btn .btn + .btn{margin-top: 20px;}
  
/* #endregion */

/* #region Media Queries */
@media (min-width: 576px) {
  .col-sm-6{float: left;width: 50%;}
  .col-sm-push-6 {left: 50%;}
  .col-sm-pull-6 {right: 50%;}
  .d-sm-none {display: none;}
  .d-sm-inline-block {display: inline-block;}
  .d-sm-block {display: block;}
  .media-sm, .media-sm-body {overflow: hidden;zoom: 1;}
  .media-sm-body {width: 10000px;}
  .media-sm-object {display: block;}
  .media-sm-object.img-thumbnail {max-width: none;}
  .media-sm-right {padding-left: 10px;}
  .media-sm-left {padding-right: 10px;}
  .media-sm-left, .media-sm-right, .media-sm-body {display: table-cell;vertical-align: top;}
}
@media (min-width: 768px) {
  .container {max-width: 720px;}
  .col-md-4, .col-md-6{float: left;}
  .col-md-4{width: 33.33333333%;;}
  .col-md-6{width: 50%;}
  .col-md-push-6 {left: 50%;}
  .col-md-pull-6 {right: 50%;}
  .d-md-none {display: none;}
  .d-md-inline-block {display: inline-block;}
  .d-md-block {display: block;}
  
}
@media (min-width: 992px) {
  .container {max-width: 960px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1120px;}
}

@media (min-width: 1601px) {
  #fv{background-size: cover;}
  .fv_organic{ padding: 90px 0 20px 20px;}
  #organic, #vegetable-producer{background-size: cover;background-position: 50% 10%;}
  #weekly-lineup{background-size: 100%;}
}

@media (max-width: 1199.98px) {
  .inner{width: 92%; max-width: 960px;}
  .fv-img{margin-left: -20px;}
  .navigation-content{width: 50%;}
  .navigation-bg{left:50%;}

  #fv{background-size: 110%;padding: 10px 0 20px 20px; height: 690px;}
  
  .answer-card h3{font-size: 36px;}
  .answer-card h4{font-size: 32px;}
  .media-middle p{font-size: 18px;}
  .answer-card{padding:85px 60px 60px;}

  .ca-inner .btn{bottom:55px;}
  .delicious-menu-item h4{white-space: normal;}
  
}
@media (max-width: 991.98px) {
  .navigation-body{overflow: hidden;}
  .navigation-content{width: 100%;height: 100%; overflow-y: scroll;}
  .navigation-inner{height: 100%;max-width: none;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding:0;}
  .menu-cvt{ -ms-flex: 1;flex: 1;padding-left: 50px;padding-right: 50px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;
    background: url(../../../img/lp-organic-nav/bg-menu.jpg) no-repeat center center;background-size: cover;}
  .menu-cvt-inner{background-color: #fff;padding:50px;width: 100%;}
  .navigation-inner ul{max-width: 480px;margin:120px auto 0;}
  .navigation-body h3{position: absolute;left:0;top:0;}
  .navigation-bg{display: none;}
  .btn-lg, .btn-lg .text{font-size: 18px;}
  .btn-lg{padding:20px 30px;}
  .btn-lg svg{width: 24px;height: 24px;}

  .ca-inner .btn{bottom:40px;}
  .inner{max-width: 92%;}
  #fv{height: 540px;}

  #organic{background-size: 1300px;padding-top: 90px;}
  #organic h2{margin-bottom: 230px;}
  .question-card{padding: 0 25px 25px;}
  .question-card h3{font-size: 18px;}

  .answer-card{padding:85px 40px 40px;margin-top: 100px;}
  .answer-card .number{width: 80px;right:40px;top:-40px;}
  .answer-card h3{font-size: 32px;}
  .answer-card h4{font-size: 26px;}
  .media-middle p{font-size: 16px;}
  .media-middle .media-object{width: 300px;}
  .media-middle .media-left{padding-right: 25px;}
  .media-middle .media-right{padding-left: 25px;}
  .media-bottom .media-object{width: 100px;}
  #question1 .media-top .media-left{padding-right: 30px;}
  #question2 .answer-card .number{left: 40px;}

  #vegetable-producer{background-size: 1000px;padding-top: 5px;}
  #vegetable-producer h2{margin-bottom: 120px;}
  .producer-item h3{font-size: 32px;}
  .producer-item .media-body p:not(.by){font-size: 16px;}
  .producer-item .media-body .by strong{font-size: 24px;}
  .producer-item .media-object{width: 300px;}

  #vegetable-answer .box-white{padding: 50px;}
  #vegetable-answer .box-white p{font-size: 15px;}
  #vegetable-for-children p{font-size: 16px;}

  
}


@media (max-width: 767.98px) {
  body{font-size: 14px; padding: 0;}
  .container{padding-left: 20px;padding-right: 20px;}
  .menu-cvt{padding-left: 20px;padding-right: 20px;}
  .menu-cvt-inner{padding:40px;}
  
  #open_modal{padding:25.5px 20px;margin-right: -20px;}
  #open_modal .bar{width: 30px;}
  #open_modal .bar + .bar{margin-top: 5px;}
  
  #firstview._no{ padding: 94px 0 0 0;}
  #firstview #header{padding:0 20px; background: #fff;}
  #firstview h1{padding: 10px 0;}
  #firstview #header a img, .navigation-content h3 img{width: 160px;height: auto;}
  
  .navigation-body h3{padding:10px 0 0 20px;}
  .navigation-inner ul{margin-top: 90px;}
  
  .close_modal{padding:20px;}
  .close_modal svg{width:30px;height: 30px;}

  #fv{background-image: url(../../../img/lp-organic-nav/bg-01-sp.jpg);background-size: 100%; height: auto;padding-bottom: 25px;}
  .fv-img{margin-left: 0;}

  .ca{background-image: url(../../../img/lp-organic-nav/ca-bg-sp.jpg);}
  .ca-inner{margin-left: -20px;margin-right: -20px;}
  .ca-inner .btn{width:80%;margin-left: -41%;bottom:120px;}

  .cvt{background-image: url(../../../img/lp-organic-nav/cvt-bg-sp.jpg);}
  .cvt .col-md-6 + .col-md-6{margin-top: 15px;}
  .cvt-inner .btn, .aichi-btn .btn{max-width: 360px;margin-left: auto;margin-right: auto;}
  .aichi{background-image: url(../../../img/lp-organic-nav/aichi-bg-sp.jpg);padding-top: 20vw;padding-bottom: 20vw;}

  #organic{background-image: url(../../../img/lp-organic-nav/organic-bg-sp.jpg);background-size: 100%;padding-top: 60px;}
  #organic h2{padding-left: 8%;padding-right: 8%;margin-bottom: 190px;}
  .question-card{max-width: none;margin:0 0 30px 6.66667vw!important;padding:30px;}
  .question-number{width: 22vw;height: 22vw;top:43%;left:-6.6667vw;margin-left: 0;margin-top: -11vw;}
  .question-card-heading{display: flex;width: auto;align-items: center;margin-left: 10vw;}
  .question-card h3{margin-left: 20px;text-align: left;font-size: 24px;}
  .question-card-img{position: absolute;width: 16vw;right:40px;top:50%;margin:0;transform: translateY(-50%);}
  .question-card-body{padding:0;}
  .question-card .btn{font-size: 0;padding:0;width:auto;position: absolute;top:50%;right:0;margin-top: -12px;background-color: transparent;}
  .question-card .btn svg{margin-left: 0;}
  .question-card .btn svg.d-none{display: none;}
  .answer-card{margin-top: 60px;padding:50px 40px 40px;}
  .answer-card .number{top:-35px}
  .answer-card h3 br{display: none;}
  .media-top::before, .media-top::after{top:0!important;}
  .media-top .media::before, .media-top .media::after{bottom:0!important}
  .media-top .media-left{padding-left: 20px;}
  .media-top .media-right{padding-right: 20px;}
  .media-top .media-object{max-height: 160px;width: auto;}
  .answer-card h4{padding-left: 18%;padding-right: 18%;border-radius: 20px;margin-bottom: 40px;}
  .media-middle{margin-bottom: 20px;display: flex;flex-wrap: wrap;}
  .media-middle .media-left, .media-middle .media-body, .media-middle .media-right{display: block;width: 100%;padding:0;}
  .media-middle .media-object{width: 100%;margin-bottom: 20px;}
  .media-middle .media-right{order:1;}
  .media-middle .media-body{order:2;}
  .media-bottom .media-right, .media-bottom .media-left{display: none;}
  .answer-heading-img{background-color: transparent;padding:0;}
  .testimonial{margin-bottom: 20px;}

  #question1 .media-top, #question2 .media-top, #question3 .media-top{margin-top: 0;}

  #vegetable-producer{background-image: url(../../../img/lp-organic-nav/producer-bg-sp.jpg);background-size: 100%;padding-top: 110px;}
  .producer-item h3{padding-left: 18%;padding-right: 18%;}
  .producer-item .media-body, .producer-item .media-left, .producer-item .media-right{display: block;width: 100%;padding:0;}
  .producer-item .media-object{width: 100%;margin-top: 20px;}
  .producer-item .box-white{margin-bottom: 20px;}
  .producer-item .box-green{padding-bottom: 4px;}
  .producer-item .media-body p:not(.by){margin-bottom: 20px;}

  #weekly-lineup{background-size: 100%;background-position: 50% -2%;padding: 80px 0;}

  #vegetable-for-children .col-md-6 img{width: 100%;margin-top: 20px;}

  .deco-flag-left{left:0;}
  .deco-flag-right{right:0;}

  #footer{margin-bottom: 0;}
  .scroll-up img{width: 60px;height: 60px;}

  #firstview #header.is-animation{z-index: 1050;}
}


@media (max-width: 575.98px) {
  .navigation-inner ul{margin-left: 20px;margin-right: 20px;}
  #main-menu a{font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
  .menu-cvt .col-sm-6:last-child{margin-top: 10px;}
  .menu-cvt-inner{padding:20px;}
 .ca-inner .btn{bottom: 14%;white-space: normal;padding-top: 10px;padding-bottom: 10px;}
  .btn-lg{padding: 15px 0;}
  .btn-lg, .btn-lg .text{font-size: 16px;}

  .cvt-inner{padding:20px;}
  .cvt-inner .col-md-4{ margin: 0 0 10px; }
  .btn-md{padding:12px 30px;}

.media-body p { letter-spacing: -1px; }


.sp_only{ display: block;}
.pc_only{ display: none;}

  .deco-flag-right, .deco-flag-left{width: 180px;height: auto;top:0;}

  #organic{padding-top: 10vw;}
  #organic h2{margin-bottom: 33vw;}
  .question-card-heading{margin-left: 4vw;height: 110px;}
  .question-card-img{right:25px;}
  .question-card h3{font-size: 19px;margin-left: 10px;}
  .answer-card{padding:50px 20px 20px;}
  .media-top .media-left{padding-left: 10px;}
  .answer-card h3{font-size: 24px;}
  .media-top .media-object{max-height: 130px;}
  .media-top .media-body{vertical-align: middle;}
  .answer-card h4{font-size: 20px;padding-left: 10%;padding-right: 10%;}

  #question1 .media-top .media-left{padding-right: 10px;}
  #question1 .media-top .media-body h3{margin-bottom: 0;}
  #organic{padding-bottom: 50px;}
  #vegetable-producer{padding-top: 70px;padding-bottom: 50px;}
  #vegetable-producer h2{margin-bottom: 80px;}

  .producer-item h3{font-size: 24px;padding-left: 10%;padding-right: 10%;margin-bottom: 10px;}
  .producer-item + .producer-item{margin-top: 40px;}

  #vegetable-answer, #vegetable-for-children, #weekly-lineup{padding:50px 0;}
  #vegetable-answer .box-white{padding:20px;}
  #weekly-lineup h2{margin-bottom: 30px;}
  .weekly-lineup-1{margin-bottom: 40px;}
  #vegetable-for-children p{padding-top: 0;}

  .btn-green.btn-md{padding-left: 20px;padding-right: 20px;font-size: 18px;}
  
  #question2 .media-top .media-body{text-align: left;}
  #question2 .media-top .media-body h3{ margin-bottom: 0; margin-left: 15px;}
  #question3 .media-top .media-body h3{ margin-bottom: 0;}
  
  /* f_btn */
  #f_btn { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200;}
  #f_btn a { font-weight: bold; font-size: 12px; display: block; float: left; width: 50%; padding: 15px 0;}
  #f_btn a.catalog { background: #fff100;}
  #f_btn a.entry { background: #ff7c55; color: #fff;}
  #f_btn a img { padding: 0 0 0 10px; vertical-align: top;}


}
/* #endregion */


/* ------------------------------------------------------------ cta_box */
#cta_box { background: url(../../../img/lp-organic-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 80px 0 65px;}
#cta_box h3 { padding: 0 0 25px;}
#cta_box a{ max-width: 460px; width: 44%; display: inline-block; padding: 0 0 20px; }
#cta_box a.left { margin: 0 38px 0 0;}
#cta_box a img{ width: 100%; height: auto; }


@media (max-width: 640px) {
	#cta_box { background: url(../../../img/lp-organic-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 25px 0 45px;}
	#cta_box h3 { padding: 0 0 15px;}
	#cta_box h3 img { width: 240px; height: auto;}
	#cta_box a { max-width: auto; width: 280px; margin: 0 auto; display: block; padding: 0; }
	#cta_box a.left { margin: 0 auto 15px;}
	#cta_box a img { width: 100%; height: auto;}
}