@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.6
Version: 2.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

@import url('./layout.css');

:root {


	/* Colors */
	     --global--color-black: #000;
	 --global--color-dark-gray: #28303d;
	      --global--color-gray: #39414d;
		 --global--color-singray: #808080;
	  --global--color-semigray: #d8d8d8;
	--global--color-light-gray: #b2b2b2;
	 --global--color-thin-gray: #f6f6f6;
	 --global--color-branch-gray: #6b6a6a;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #cc0000;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #ffffff;
	--global--color-green: #336633;
	--global--color-singreen: #006c3b;
	--global--color-lightgreen: #b6ec49;

	--global--light-green: rgba(51, 102, 51, .2);


	/* height */
	--global--header--height-pc: 9rem;
	--global--header--height-sp: 5.5rem;
}


html, body{
	overflow-x: hidden;
}

body.single{
	overflow-x: visible;
}

html, body, h1,h2,h3,h4,h5,h6,p,input,textarea,div,dl,dt,dd,p,table,tr,th,td,span,
.jpn{
	font-family: 'Noto Sans JP', sans-serif;
}


.eng{
	font-family: 'EB Garamond', serif;
}


.disnones{
	display: none !important;
}

.form-box,
.inner{
	max-width: 110rem;
	  padding: 0 1rem;
	   margin: 0 auto;
	 position: relative;
}
.inner__wider{
	max-width: 132rem;
	  padding: 0 1rem;
	   margin: 0 auto;
	 position: relative;
}


.title{
	      color: var(--global--color-green);
	font-weight: 700;
	  font-size: 5.6rem;
		line-height: 1.4;
}
.title span{
	font-size: 1.4rem;
}




main{
	padding-top: var(--global--header--height-pc);
}

section{
	position: relative;
}




/*--  Animation  ---------------------------------------------------------------------------------------------------------------------*/

.c-anim-load, .c-anim-load02, .c-anim-up, .c-anim-up01, .c-anim-up02, .c-anim-up03 {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
              opacity: 0;
    -webkit-transition: 0.7s ease;
            transition: 0.4s ease;
  }
  
  .move {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
              opacity: 1;
  }
  
  .anim-fadein1 {
      display: inline-block;
      text-align: left;
  }
  
  .anim-fadein1 p {
      display: inline-block;
      transform-origin: center center;
      transform: translateY(100%);
      overflow: hidden;
      font-size: 80px;
      padding: 5px 1px;
  }
  .anim-fadein1 p.text2{
      display: block;
  }
  
  .anim-fadein1 p span {
    transform-origin: center center;
        transform: translateY(100%);
          opacity: 0;
      line-height: 1;
  }
  
  .anim-fadein1-fadein1.active {
    opacity: 1;
  }
  
  .anim-fadein1.active p {
        transform: translateY(0%);
  }
  
  .anim-fadein1.active span {
    display: block;
        transform: translateY(0%);
    opacity: 1;
  }
  
  


header{
	        position: fixed;
	            left: 0;
			         top: 0;
			       width: 100%;
					 z-index: 1000;
		        height: var(--global--header--height-pc);
	background-color: var(--global--color-white);
}
header .header__inner{
	        padding: 0 0 0 3.5rem;
	        display: flex;
	justify-content: space-between;
}
header .header__inner .logo{
	        display: flex;
	justify-content: center;
    	align-items: center;
			      width: 14rem;
			     height: var(--global--header--height-pc);
}
header .header__inner .logo h1,
header .header__inner .logo img{
	width: 100%;
}


header.open{
	background: transparent;
}



header.open a.logo{
	opacity: 0;
	visibility: hidden;
}






.menu_icon{
	z-index: 1002 !important;
	padding: 0;
	height: var(--global--header--height-pc);
	background: var(--global--color-white);
}

.menu_icon .menu-trigger,
.menu_icon .menu-trigger span{ display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu_icon .menu-trigger{ position: relative; width: 55px; height: var(--global--header--height-pc); }

.menu_icon .menu-trigger span { position: absolute; left: calc(50% - 12px); width: 24px; height: 2px; background: #000000; }
.menu_icon .menu-trigger span:nth-of-type(1) { top: 40%; }
.menu_icon .menu-trigger span:nth-of-type(2) { top: 50%; }



.menu_icon .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-25deg);
	        transform: translateY(11px) rotate(-25deg);
}

.menu_icon .menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(-12px) rotate(25deg);
	        transform: translateY(-12px) rotate(25deg);
}

.menu_icon .menu-trigger strong{
	position: absolute;
  	   top: 60%;
	   width: 100%;
}
.menu_icon .menu-trigger strong::before{
content: "menu";
font-size: 1.2rem;
letter-spacing: 0;
display: block;
text-align: center;
color: #000000;
}

.menu_icon .menu-trigger.active span{ background-color: #000000; width: 24px; }
.menu_icon .menu-trigger.active span:nth-of-type(1) { top: 34%; }
.menu_icon .menu-trigger.active span:nth-of-type(2) { top: 60%; }
.menu_icon .menu-trigger.active strong::before{ content: "close"; }





.navigation{
	position: fixed; top: 0; left: 0; height: calc(100vh); background-color: #006c3b; display: none; z-index: 999; width: 100%; overflow-y: auto;
}
.navigation.open{ display: initial; }

.navigation .inner{
	      max-width: 80rem;
				   height: calc(100vh);
	        display: flex;
	justify-content: space-between;
	    align-items: center;
}
.navigation .logo{
	max-width: 16rem;
	    width: 100%;
}

.navigation a,
.navigation a:visited{
	color: var(--global--color-white);
}

.navigation .header__menu .header__menu__inbox{
	display: flex;
}
.navigation .header__menu .sns{
	display: flex;
	margin-top: 10rem;
}

.navigation *{
	color: var(--global--color-white);
}

.navigation .header__menu ul li:not(:last-child){
	margin-bottom: 2rem;
}
.navigation .header__menu ul li a::before{
	      content: "-";
	        color: var(--global--color-lightgreen);
	padding-right: .5rem;

}
.navigation .header__menu ul li a:hover{
	color: var(--global--color-lightgreen);
}
.navigation .header__menu ul:not(:last-child){
	margin-right: 4rem;
}




.navigation .navigation__inbox {
	width: 100%;
	display: flex;
	justify-content: space-between;
}


.navigation ol.sns{
	display: flex;
}
.navigation ol.sns li:not(:last-child){
	margin-right: 2rem;
}
.navigation ol.sns li a{
	display: block;
	width: 3rem;
}







.under .title span{
	display: block;
}










#sb_instagram .sbi_photo_wrap{
	border-radius: 1rem;
	overflow: hidden;
}














footer{
	background-color: var(--global--color-white);
	         padding: 5rem 0 2rem 0;
				border-top: var(--global--color-semigray) 1px solid;
				margin-top: 5.5rem;
}
footer .footer__inner{
	padding: 0 7.5rem;
}

footer .footer__upper{
	        display: flex;
	justify-content: space-between;
	  margin-bottom: 6rem;
}
footer .footer__upper *{
	font-size: 1.4rem;
}
footer .footer__upper .footer__menu{
	display: flex;
}
footer .footer__upper .footer__menu ul{
	margin-right: 3.5rem;
}
footer .footer__upper .footer__menu ul li{
	margin-bottom: 1.2rem;
}
footer .footer__upper .footer__menu ul li a::before{
	content: "-";
	  color: var(--global--color-green);
		padding-right: .5rem;
}
footer .footer__upper .footer__menu ul li a{
	display: block;
}
footer .footer__upper .footer__menu ul li a.link span{
	padding-right: 2rem;
	   background: url('./assets/images/common/icon__link.svg') no-repeat 98% 50% / auto 1.0rem;
}

footer .footer__upper .footer__menu ol.sns li a{
	display: block;
	  width: 2.5rem;
}

footer .copyright{
	text-align: center;
}
footer .copyright small{
	      color: var(--global--color-light-gray);
	  font-size: 1.3rem;
	line-height: 1;
}
footer .footer__upper .company__info{
	        display: flex;
	 flex-direction: column;
	justify-content: space-between;
}

footer .footer__upper .company__info .logo{
	max-width: 20rem;
}
footer .footer__upper .company__info .logo img{
	width: 100%;
}
footer .footer__upper .company__info .info span::after{
	content: "｜";
	color: var(--global--color-green);
	padding-left: 1.0rem;
	margin-right: 1.0rem;
}





.contact__side{
	position: fixed;
	left: 1%;
	bottom: 1%;
	z-index: 10;
}
.contact__side p{
writing-mode: vertical-rl;
font-size: 2.2rem;
}
.contact__side  ul li{
	margin-top: 1rem;
}
.contact__side  ul li a{
	display: block;
	  width: 4rem;
}


section.main{
	margin-right: 5.5rem;
	position: relative;
}
section.main img{
	 width: 100%;
	height: auto;
}



section.main .news__top{
	        position: absolute;
	          bottom: 0;
	           right: 0;
	background-color: var(--global--color-white);
	         display: flex;
	       max-width: 48.5rem;
	   border-radius: 1rem 0 0 0;
}
section.main .news__top *{
	font-size: 1.4rem;
}
section.main .news__top p{
	        display: flex;
	    align-items: center;
	justify-content: center;
	          width: 8rem;
	          color: var(--global--color-green);
	   border-right: var(--global--color-semigray) 1px solid;
}
section.main .news__top dl{
	   padding: 2rem 3rem 2rem 2rem;
	background: url('./assets/images/common/icon__circle.svg') no-repeat 98% 50% / auto 1.5rem;
}
section.main .news__top dl dt{
	color: var(--global--color-light-gray);
}






section.plants{
	padding: 8.5rem 0 10rem 0;
}

section.plants .banner .inner{
	padding: 0;
}



section.banner-footer{
}

section.banner-footer .title{
	margin: 2.9rem auto 4rem;
	width: 32rem;

}
section.banner-footer .title img{
	width
}








section.concept{
	position: relative;
}
section.concept::before{
	         content: "";
	background-color: var(--global--color-thin-gray);
	     margin-left: 6rem;
			 margin-left: 3.15vw;
	           width: 100%;
	          height: 100%;
	        position: absolute;
}
section.concept .inner{
	padding: 9rem 0 15rem;
}
section.concept .concept__inbox{
	display: flex;
	justify-content: space-between;
	height: auto;
}
section.concept .concept__inbox .concept__inbox__left{
	width: calc(100% - 50rem);
}
section.concept .concept__inbox .concept__inbox__left h3{
	margin-bottom: 5rem;
}
section.concept .concept__inbox .concept__inbox__left h4{
	font-size: 2.8rem;
	margin-bottom: 1.5rem;
}

section.concept .concept__inbox .concept__inbox__left p{
	line-height: 2;
}

section.concept .concept__inbox .concept__inbox__left p:not(:last-child){
	margin-bottom: 3rem;
}
section.concept .concept__inbox .concept__inbox__right{
	width: 40rem;
	text-align: center;
}
section.concept .concept__inbox .concept__inbox__right p img{
	width: 100%;
}
.concept__img{
	margin-top: -10rem;
	position: relative;
}
.concept__img .ph{
	/*
	position: relative;
	 display: inline-block;
	 */
}
.concept__img .ph img{
	max-width: 125.8rem;
	width: 100%
}

section.concept .concept__inbox.concept__inbox01 img{
	max-width: 30rem;
}


section.abut__peace{
	padding: 9rem 0 8rem 0;
}
section.abut__peace .abut__peace__inbox{
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}
section.abut__peace .abut__peace__inbox__left{
	width: calc(100% - 45rem);
}
section.abut__peace .abut__peace__inbox__left h4{
	font-size: 2.8rem;
}
section.abut__peace .abut__peace__inbox__left{
	line-height: 2;
}

section.abut__peace .abut__peace__inbox__right{
	width: 40.3rem;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	margin-bottom: 5rem;
}
section.abut__peace .abut__peace__inbox .button:not(:last-child){
	margin-bottom: 1rem;
}
section.abut__peace .abut__peace__inbox .button{
	max-width: 27rem;
	width: 100%;
}
section.abut__peace .spathiphyllum{
	border: var(--global--color-black) 1px solid;
	border-radius: .5rem;
	padding: 2rem 2.5rem;
	display: flex;
}
section.abut__peace .spathiphyllum .titles{
	font-size: 2.2rem;
	width: 23rem;
	border-right: var(--global--color-black) 1px solid;
	margin-right: 4rem;
}
section.abut__peace .spathiphyllum .titles span{
	display: block;
	font-size: 1.2rem;
	color: var(--global--color-singray);
}
section.abut__peace .spathiphyllum dl{
	max-width: calc(100% - 27rem);
	display: flex;
}
section.abut__peace .spathiphyllum dl dt{
	width: calc(100% - 28rem);
	padding-right: 4rem;
	font-size: 1.4rem;
}
section.abut__peace .spathiphyllum dl dt span{
	font-size: 1.8rem;
	font-weight: 700;
	display: block;
	margin-bottom: 1rem;
}
section.abut__peace .spathiphyllum dl dd{
	max-width: 320px;
	width: 100%;
}








.button__viewmore a{
	color: var(--global--color-green);
	line-height: 1;
}
.button__viewmore a span{
	padding-right: 2.5rem;
	background: url('./assets/images/common/icon__circle.svg') no-repeat 100% 50% / auto 1.5rem;
}


.front section.news{
	background-color: var(--global--color-thin-gray);
}

section.news{
	padding: 15rem 0 0 0;
}
section.news .inner{
	display: flex;
	min-height: 20rem;
}
section.news .titles{
	width: 27rem;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
section.news .news__list{
	width: calc(100% - 27rem);
}
section.news .news__list a{
	display: block;
	border-bottom: var(--global--color-black) 1px solid;
	padding: 0 .5rem;
}
section.news .news__list a:first-child{
	border-top: var(--global--color-black) 1px solid;

}

section.news .news__list dl{
	display: flex;
	padding: 2rem 0;
}
section.news .news__list dl *{
	font-size: 1.4rem;
}
section.news .news__list dl dt{
	color: var(--global--color-light-gray);
	width: 10rem;
}
section.news .news__list dl dd{
	width: calc(100% - 10rem);
	padding-right: 2.5rem;
	background: url('./assets/images/common/icon__circle.svg') no-repeat 100% 50% / auto 1.5rem;
}









.button a{
	border: var(--global--color-green) 1px solid;
	border-radius: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5.5rem;
	color: var(--global--color-green);
	background: url('./assets/images/common/icon__arrow__r.svg') no-repeat 93% 50% / auto 1.5rem;
}
.button a:hover{
	border: var(--global--color-lightgreen) 1px solid;
	background: url('./assets/images/common/icon__arrow__r__hover.svg') var(--global--color-lightgreen) no-repeat 93% 50% / auto 1.5rem;
}
.button a span{
	padding-right: 7%;
}





section.instagram{
	padding: 13rem 0 8.5rem;
	background-color: var(--global--color-thin-gray);
}



section.instagram .button{
	max-width: 27rem;
	margin: 0 auto;
}





section.about{
	background-color: var(--global--color-thin-gray);
	     padding-top: 9rem;
			    position: relative;
}

section.about::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 47rem;
	background-color: var(--global--light-green);
}

section.about .ph{
	max-width: 70.5rem;
	width: 100%;
	position: relative;
	z-index: 1;
}

section.about .about__inbox{
	position: relative;
	display: table;
	width: 70.5rem;
	margin-left: auto;
	margin-top: -40rem;
	padding: 3rem;
	padding-left: 150px;
	border-radius: 1rem;
	background-color: #ffffff;
}

section.about .about__inbox p{
	line-height: 2;
}




.lineup__slider{

	margin-left: calc( calc(100% - 110rem) / 2);
	padding-bottom: 2rem;
	position: relative;
}

.lineup__slider dl dt{
	aspect-ratio: 4 / 3;
}
.lineup__slider dl dt img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lineup__slider dl dt:hover img{
	opacity: .8;
}

.lineup__slider .slider .slick-slide{
	margin-left: 1.5rem;
}
.lineup .inner__title{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.lineup__slider .slick-slider{
	position: inherit !important;
}

.lineup__slider .slick-prev,
.lineup__slider .slick-next{
	background-color: #000;
}

.lineup__slider__auxiliary{
	        display: flex;
	    align-items: center;
	justify-content: space-between;
}
.lineup__slider__auxiliary .dots{
	width: calc(100% - 20rem);
}

.lineup__slider .slick-slide img{
	width: 100%;
}


.lineup__slider__auxiliary .slick-dots{
	position: relative;
	bottom: 0;
}

.lineup__slider__auxiliary .slick-dots li{
	margin: 0;
	width: 16.66666%;
}

.lineup__slider__auxiliary .slick-dots li button{
	width: 100%;
	padding: 0 !important;
	background: #ccc;
	height: .2rem;
}

.lineup__slider__auxiliary .slick-dots li button::before{
	display: none;
}


.lineup__slider__auxiliary .slick-dots li.slick-active button{
	background-color: #336633;
}

.lineup__slider__auxiliary ul.buttons{
	display: flex;
}
.lineup__slider__auxiliary ul.buttons li{
	    display: flex;
	      width: 2.2rem;
	align-items: center;
	   position: relative;
}
.lineup__slider__auxiliary ul.buttons li:not(:last-child){
	padding-right: 1.0rem;
	 margin-right: 1.0rem;
}
.lineup__slider__auxiliary ul.buttons li:not(:last-child)::after{
	         content: "";
	           width: 0.1rem;
	          height: 1.8rem;
	background-color: var(--global--color-light-gray);
	        position: absolute;
	           right: 0;
}
.lineup__slider__auxiliary__inbox{
	display: flex;
	width: 11rem;
}
.lineup__slider__auxiliary__inbox .slick-num{
	margin-left: 1rem;
}
.lineup__slider__auxiliary__inbox .slick-num *{
	color: var(--global--color-green);
}




.point{
	position: absolute;
	bottom: -12rem;
	right: -12rem;
	display: block;
	width: 19rem;
}


.point img {
  animation: rotate-anime 15s linear infinite;
}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}








section.way{
	padding: 10.5rem 0 9rem 0;
}
section.way .inner{
	display: flex;
}
section.way .way__inbox__left{
	margin-right: 8rem;
}
section.way .way__inbox__left h4{
	    font-size: 2.8rem;
	margin-bottom: 2rem;
}
section.way .way__inbox__left span{
	font-size: 1.2rem;
	    color: var(--global--color-green);
}
section.way .way__inbox__right{
	max-width: 36rem;
	    width: 100%;
}
section.way .way__inbox__right .ph{
	     overflow: hidden;
	border-radius: 1rem 1rem 0 0;
}
section.way .way__inbox__right .remarks{
	      margin-top: 1rem;
	background-color: var(--global--color-thin-gray);
	   border-radius: .5rem;
	         display: flex;
	          height: 5rem;
	 justify-content: center;
	     align-items: center;
}
section.way .way__inbox__right .remarks span{
	font-size: 1.4rem;
	display: flex;
	height: 5rem;
	justify-content: center;
	align-items: center;
	padding-left: 5rem;
	background: url('./assets/images/home/way__mark.svg') no-repeat 0 50% / auto 4rem;
}
section.way .way__inbox__right .point{
	margin-top: 1.5rem;
}
.way__img{
	position: relative;
	margin-bottom: 8.5rem;
}
.way__img img{
	max-width: 125.8rem;
	width: 100%
}



.way .points {
					margin: 1rem 0 0;
				padding: 1rem 0;
				position: relative;
			text-align: center;
					color: var(--global--color-green);
		font-weight: 700;
}

.way .points::before, .points::after {
	 content: '';
	   width: 15px;
	  height: 100%;
	position: absolute;
}

.way .points::before {
	  border-left: solid 3px var(--global--color-green);
	   border-top: solid 3px var(--global--color-green);
	border-bottom: solid 3px var(--global--color-green);
	          top: 0;
	         left: 0;
}

.way .points::after {
	 border-right: solid 3px var(--global--color-green);
	   border-top: solid 3px var(--global--color-green);
	border-bottom: solid 3px var(--global--color-green);
	          top: 0;
	        right: 0;
}














section.way .way__inbox__right ul{
	margin-top: 1.5rem;
}
section.way .way__inbox__right ul *{
	font-size: 1.4rem;
}
section.way .way__inbox__right ul li::before{
	content: "■";
	font-size: 1rem;
}

section.shop{
	background-color: var(--global--color-thin-gray);
	        padding: 8rem 0 14rem 0;
}
section.shop .shop__info{
	display: table;
	 margin: 0 auto;
}
section.shop .shop__info .ph{
	margin-bottom: 1.5rem;
}
section.shop .map{
	   margin-top: 2.5rem;
	border-radius: 1rem;
	     overflow: hidden;
}
section.shop .map iframe{
	width: 100%;
}

.address span{
	color: var(--global--color-green);
}
.address span::after{
	content: "｜";
	color: var(--global--color-green);
	padding-left: 1.0rem;
	margin-right: 1.0rem;
}




.banner .banner__menu ul{
	        display: flex;
	justify-content: space-between;
}
.banner .banner__menu ul li{
	width: 100%;
}
.banner .banner__menu ul li a{
	display: block;
}
.banner .banner__menu ul li a:hover img{
	opacity: .8;
}







.construction__box{
	text-align: center;
	padding: 10rem 0;
}



main.under{
	padding-top: var(--global--header--height-pc);
}


.branch ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.branch ul *{
	font-size: 1.2rem;
}
.branch ul li a{
	color: var(--global--color-branch-gray);
}
.branch ul li{
	color: var(--global--color-singreen);
}
.branch ul li:not(:last-child)::after{
	content: "＞";
	font-size: 1rem;
	padding: 0 .5rem;
}



main.under .title{
	font-size: 7rem;
	margin-top: 4rem;
	line-height: 1.2;
}





/* ==========================================================================================================================================================================

	お知らせ｜news

========================================================================================================================================================================== */
main.under section.news{
	margin-top: 4.5rem;
	margin-bottom: 7rem;
	padding-top: 0;
}
main.under section.news .news__list{
	width: 100%;
}
main.under section.news .news__list a:first-child {
	border-top: var(--global--color-semigray) 1px solid;
}
main.under section.news .news__list a {
	border-bottom: var(--global--color-semigray) 1px solid;
}



.pager{
	margin-top: 4rem;
}
.pager .wp-pagenavi{
	display: flex;
	justify-content: center;
}
.pager .wp-pagenavi span,
.pager .wp-pagenavi a{
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	line-height: 1;
	justify-content: center;
	width: 3rem;
	height: 3.5rem;
	font-weight: 400;
	padding: 0;
}
.pager .wp-pagenavi *:not(:last-child){
	margin-right: .5rem;
}
.pager .wp-pagenavi a{
	border-color: var(--global--color-light-gray) 1px solid;
	color: var(--global--color-light-gray);
}
.pager .wp-pagenavi a:hover,
.pager .wp-pagenavi span{
	border: var(--global--color-singreen) 1px solid;
	background-color: var(--global--color-singreen);
	color: var(--global--color-white);
}
.pager .wp-pagenavi a.nextpostslink{
	border: none;
	text-indent: -9999px;
	background: url('./assets/images/news/arrow__r.svg') no-repeat 50% 50% / 2.1rem auto;
	margin-left: 1.5rem;
}
.pager .wp-pagenavi a.previouspostslink{
	border: none;
	text-indent: -9999px;
	background: url('./assets/images/news/arrow__l.svg') no-repeat 50% 50% / 2.1rem auto;
	margin-right: 1.5rem;
}








.article__box{
	position: relative;
	margin-top: 4.5rem;
}

/*
.article__box::before{
	content: "";
	position: absolute;
	width: 100%;
	min-height: 40rem;
	background-color: var(--global--color-green);
}
*/
.article__box .news__article__title{
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: var(--global--color-green);
}
.article__box .news__article__title dl{
	margin-bottom: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.article__box .news__article__title dl dt{
	color: var(--global--color-white);
	font-size: 1.4rem;
}

.article__box .news__article__title dl dd span{
	font-size: 1.4rem;
	color: var(--global--color-green);
	background-color: var(--global--color-white);
	line-height: 1;
	padding: .5rem 3rem;
}

.article__box .news__article__title h2{
	font-size: 2.4rem;
	color: var(--global--color-white);
}


.article__box .article{
	background-color: var(--global--color-white);
	margin-top: 4rem;
	min-height: 30rem;
}


.article__box .buttons{
	margin-top: 5.5rem;
	padding-top: 4rem;
	border-top:  var(--global--color-semigray) 1px solid;
	display: flex;
	justify-content: center;
}

.article__box .buttons .button-list{
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12.5rem;
	height: 3.5rem;
	color: var(--global--color-white);
	background-color: var(--global--color-green);
	margin: 0 1.5rem;
}

.article__box .buttons a .p{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 3.5rem;
	text-indent: -9999px;
	background: url('./assets/images/news/arrow__l.svg') no-repeat 50% 50%;
}


.article__box .buttons a .n{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 3.5rem;
	text-indent: -9999px;
	background: url('./assets/images/news/arrow__r.svg') no-repeat 50% 50%;
}

.article__box .article figure{
	margin-bottom: 3rem;
}
.article__box .article p{
	font-size: 1.5rem;
}
.article__box .article h1{
	font-size: 2.4rem;
	color: var(--global--color-green);
	margin-bottom: 2rem;
}
.article__box .article h2{
	font-size: 1.8rem;
	border-left: var(--global--color-green) 5px solid;
	padding-left: 1.5rem;
	margin-bottom: 2rem;
}
.article__box .article ul{
	margin-bottom: 3rem;
}
.article__box .article ul li::before{
	content: "●";
	color: var(--global--color-green);
	padding-right: .5rem;
}
.article__box .article table{
	margin-bottom: 3rem;
}
.article__box .article table *{
	font-size: 1.5rem;
}

.article__box .article thead{
	border-bottom: none;
}
.article__box .article table th{
	border: none;
	background-color: #ececec;
	font-weight: 400;
}
.article__box .article table td{
	border: none;
	border-bottom: #ececec 2px solid;
}
.article__box .article .wp-block-quote{
	border: none;
	padding: 2.5rem 2rem;
	background-color: #ececec;
	border-radius: 1rem;
	margin-bottom: 3rem;
}
.article__box .article .wp-block-quote,
.article__box .article .wp-block-quote *{
	font-size: 1.5rem;
}
.article__box .article img{
	margin-bottom: 3rem;
}










.privacy-box{
	margin-top: 10rem;
	padding-bottom: 12rem;
}

.privacy-box .msg{
	font-size: 1.4rem;
}


.privacy-box h3{
	font-size: 2.0rem;
	border-left: var(--global--color-green) 5px solid;
	padding-left: 1.5rem;
	margin-bottom: 2rem;
	color: var(--global--color-green);
	margin-top: 3.0rem;
}
.privacy-box .text *{
	font-size: 1.4rem;
}

.privacy-box .text ul.dot li{
	list-style: inside;
	padding-left: 0.5rem;
	margin-left: 1.8rem;
	text-indent: -1.8rem;
}

.privacy-box .text ul.num li{
  list-style-type: decimal;
	margin-left: 1.8rem;
}

::marker{
	margin-right: 0;
}



.products .banner{
	padding-top: 5rem;
	margin-top: 5rem;
	border-top: #d8d8d8 1px solid;
}


.products .banner .banner__menu ul{
	justify-content: center;
}


.products .banner .banner__menu ul li:last-child{
	display: none;
}



.search__box{
	margin-bottom: 5rem;
	padding: 5rem 0;

}
.search__box .inner{

	position: relative;
}

.search__box .inner::before{
	z-index: -1;
	content: "";
	background-color: #f6f6f6;
	position: absolute;
	width: calc(100% + 500px);
	height: 100%;
	left: -500px;
}

.search__box ul{
	width: 100%;
	padding: 3rem 0;
}
.search__box ul li{
	display: flex;
}

.search__box ul li:first-child{
	border-bottom: #d8d8d8 1px solid;
}

.search__box ul li h4{
	font-size: 1.5rem;
	color: #6b6a6a;
	width: 15rem;
}

.search__box ul li ul{
	display: flex;
	flex-wrap: wrap;
	padding: 1.5rem 0;
}

.search__box ul li ul li{
	border-bottom: none !important;
	margin-top: 0 !important;
}


.search__box ul li ul *{ color: var(--global--color-branch-gray); }

.search__box ul li:last-child{
	display: flex;
	justify-content: center;
}


.search__box input[type=submit]{
	display: flex;
	width: 45rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: var(--global--color-white);
	background: url(./assets/images/contact/arrow_r.svg) no-repeat var(--global--color-green) 92% 50% / 1.2rem auto;
	transition: .5s all;
	border: none;
}
.search__box input[type=submit]:hover{
		color: var(--global--color-singreen);
		background: url(./assets/images/contact/arrow_r_hover.svg) no-repeat var(--global--color-lightgreen) 92% 50% / 1.2rem auto;
	}






/* ==========================================================================================================================================================================

	お問い合わせ　｜　Contact

========================================================================================================================================================================== */

.contact-box{ padding: 5rem 0 6.5rem 0; }
.contact-box .msg{ margin-bottom: 1.5rem; }

.contact-lines{ background-color: var(--global--color-thin-gray); padding: 3rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem; }

.contact-lines-inbox{ width: calc(100% - 12rem); }

.contact-lines-inbox h4{ color: var(--global--color-green); font-size: 2rem; }
.contact-lines-inbox h4 span{ font-size: 3.2rem; }

.contact-lines-inbox p{ font-size: 1.5rem; }
.contact-lines-inbox p span{ color: var(--global--color-green); }

.line-link{ display: block; width: 9rem; }
.line-link img{ width: 100%; }





.progressbar {
	position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 45rem;
	margin: 0 auto 4rem;
}
.progressbar li {
	position: relative;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	width: 33.333%;
	color: #333333;
	font-weight: bold;
	counter-increment: steps;
}
.progressbar li:before {
	display: block;
	width: 70px;
	height: 70px;
	margin: 7px auto 20px auto;
	content: '';
	line-height: 70px;
	font-size: 26px;
	text-align: center;
	border-radius: 50%;
	background-color: #F5F5F5;
}


.progressbar li:nth-child(1):before{
	content: "01";
}
.progressbar li:nth-child(2):before{
	content: "02";
}
.progressbar li:nth-child(3):before{
	content: "03";
}

.progressbar li:after {
	position: absolute;
	z-index: -1;
	top: 34px;
	left: -50%;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #F5F5F5;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active,
.progressbar li.complete{
}
.progressbar li.active:before,
.progressbar li.complete:before {
	background-color: #336633;
	color: #FFF;
}
.progressbar li.active:after,
.progressbar li.complete:after {
	background-color: #336633;
}





.form-box{
	border: var(--global--color-thin-gray) 1px solid;
	padding: 5rem 7rem 7rem;
}
.form-box .form dl{
	display: flex;
	margin-top: 2rem;
}
.form-box .form dl dt{
	width: 20rem;
	padding-right: 2rem;
	padding-top: 1rem;
	font-size: 1.5rem;
}
.form-box .form dl dt span{
	font-size: 1.2rem;
	color: var(--global--color-white);
	background-color: #a7272d;
	line-height: 1;
	margin-left: 1.5rem;
	padding: .2rem .8rem;
}
.form-box .form dl dd{
	width: calc(100% - 22rem);
}




.form-box textarea,
.form-box input[type="text"],
.form-box input[type="email"]{
	border: var(--global--color-semigray) 1px solid;
	border-radius: .5rem;
	width: 100%;
}


.mwform-radio-field label{
	display: inline-block;
	padding: 1rem 0;
}


.agreement-box{ margin-top: 5rem; padding-top: 3rem; border-top: var(--global--color-semigray) 1px solid; }
.agreement-box .tit{ font-size: 2rem; text-align: center; margin-bottom: 1.5rem; }
.agreement-box .txt{ border: var(--global--color-semigray) 1px solid; padding: 2rem 2.5rem; font-size: 1.4rem; }


.form-box .buttons{
	margin-top: 3rem;
	display: flex;
	justify-content: center;
}

.form-box .buttons a,
.form .buttons .n input{
	display: flex;
	width: 45rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: var(--global--color-white);
	border: var(--global--color-green) 2px solid;
	border-radius: 10rem;
	background: url('./assets/images/contact/arrow_r.svg') no-repeat var(--global--color-green) 92% 50% / 1.2rem auto;
}





.form-box-confirm .agreement-box{
	display: none;
}


.form .buttons .b input{
	display: flex;
	width: 45rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: var(--global--color-green);
	border: var(--global--color-green) 2px solid;
	border-radius: 10rem;
	background: url('./assets/images/contact/arrow_l.svg') no-repeat var(--global--color-white) 8% 50% / 1.2rem auto;
}

.form-box-confirm .buttons .b{
	margin-right: 1.5rem;
}

.form-box .msg{
	text-align: center;
	margin-bottom: 5rem;
}
.form-box .msg h3{
	margin-bottom: 3rem;
}

.form-box .msg p{
	text-align: left;
	display: inline-block;
}





.form-box .msg p.caution{
	margin-top: 3rem;
	color: var(--global--color-red);
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	サイトマップ

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.sitemap dl dd{
	width: 100% !important;
	margin: 0 2rem;

}




.products__slider .slick-prev,
.products__slider .slick-prev:hover{
	left: 0;
	width: 2.7rem;
	height: 2.7rem;
	background: url('./assets/images/products/arrow_r.svg') no-repeat;
	z-index: 100;
}

.products__slider .slick-prev::before{
	content: "";
}

.products__slider .slick-next,
.products__slider .slick-next:hover{
	width: 2.7rem;
	height: 2.7rem;
	background: url('./assets/images/products/arrow_l.svg') no-repeat;
	right: 0;
	z-index: 100;
}

.products__slider .slick-next::before{
	content: "";
}


.products__detail__box{
	margin-top: 4rem;
	margin-bottom: 9rem;
}
.products__detail__box h1{
	font-size: 3rem;
	margin-bottom: 1rem;
}


.products__detail__box .inner{
	display: flex;
	justify-content: space-between;
}


.products__detail__box .products__photo{
	max-width: 49.5rem;
}

.products__detail__box .products__information{
	max-width: 45.0rem;

}


.products__detail__box .products__information .buttons{
	margin-top: 2rem;
}
.products__detail__box .products__information .buttons a{
	display: flex;
	width: 45rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: var(--global--color-white);
	background: url(./assets/images/contact/arrow_r.svg) no-repeat var(--global--color-green) 92% 50% / 1.2rem auto;
}
.products__detail__box .products__information .buttons a:hover{
	color: var(--global--color-singreen);
	background: url(./assets/images/contact/arrow_r_hover.svg) no-repeat var(--global--color-lightgreen) 92% 50% / 1.2rem auto;
}


.products__detail__box .status{
	font-size: 2.4rem;
	margin-top: 4rem;
}
.products__detail__box .status.s{
	color: #d31c24;
}

.products__detail__box .msg{
	color: #4a4f54;
}


.categories{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.categories li{
	font-size: 1.2rem;
	background-color: #e2e8ec;
	color: var(--global--color-singray);
	line-height: 1;
	margin-right: 1rem;
	padding: .5rem 1rem;
	margin-bottom: 1rem;

}



.detail{
	margin-top: 2rem;
	border-top: var(--global--color-semigray) 1px solid;
	padding-top: 2.5rem;
}
.detail p{
	margin-bottom: 2.0rem;
}

.detail dl{
	width: 100%;
	display: flex;
	border-bottom: var(--global--color-semigray) 1px solid;
}
.detail dl *{
	font-size: 1.4rem;
}

.detail dl dt{
	color: var(--global--color-singray);
	padding: 1rem .5rem;
	width: 10rem;
}
.detail dl dd{
	padding: 1rem .5rem;
	width: calc(100% - 10rem);
}




.products__contact{
	background-color: var(--global--color-thin-gray);
	padding: 4rem 0;
}

.products__contact__inbox{
	background-color: var(--global--color-white);
	padding: 3rem 6rem;
}
.products__contact__inbox h4{
	text-align: center;
	font-size: 2.5rem;
	margin-bottom: 1rem;
}
.products__contact__inbox h4 span{
	display: block;
	font-size: 1.8rem;
	color: var(--global--color-singreen);
}
.products__contact__inbox p{
	font-size: 1.4rem;
	text-align: center;
}
.products__contact__inbox ul{
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}

.products__contact__inbox ul li a{



display: flex;
width: 45rem;
height: 6rem;
align-items: center;
justify-content: center;
font-size: 1.8rem;
color: var(--global--color-white);
border-radius: 10rem;
background: url(./assets/images/contact/arrow_r.svg) no-repeat var(--global--color-green) 92% 50% / 1.2rem auto;
}

.products__contact__inbox ul li a:hover{
	color: var(--global--color-singreen);
	background: url(./assets/images/contact/arrow_r_hover.svg) no-repeat var(--global--color-lightgreen) 92% 50% / 1.2rem auto;
	
}




.products__others .button{
	margin: 0 auto;
	max-width: 34rem;
}

.products__others h3{
	margin-bottom: 3rem;
}


.products__list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.products__list a{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.products__list a:nth-child(4n){
	margin-right: 0;
}
.products__list .thumnail-item{
	aspect-ratio: 4 / 3;
	width: 100%;
	margin-bottom: 1rem;
	position: relative;
}
.products__list .thumnail-item img{
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	object-fit: cover;
}
.products__list .thumnail-item:hover img{
	opacity: .8;
}


.products__article__categories{
	display: flex;
	flex-wrap: wrap;
}
.products__article__categories li{
	margin-right: .5rem;
	margin-bottom: .5rem;
	font-size: 1.2rem;
	color: #999999;
	border: #999999 1px solid;
	line-height: 1;
	padding: .5rem 1rem;
}
.products__list .tit{
	font-weight: 700;
}
.products__list .points span{
	font-size: 1.2rem;
}




.products .pager{
	padding: 0 2rem;
	margin: 2rem 0 5rem;
}


.products__text{
	margin-top: 3.5rem;
	color: #a7272d;
	font-size: 1.5rem;
}
.products__text a{
	text-decoration: underline;
	color: #336633;
}

.thumnail-item ul{
	position: absolute;
	top: 1rem;
	left: 1.2rem;
	font-size: 1.2rem;
	display: flex;
}
.thumnail-item ul li.s{
	font-size: 1.2rem;
	line-height: 1;
	padding: .3rem .8rem;
	color: var(--global--color-white);
	background-color: #a7272d;
}
.categories li.n,
.thumnail-item ul li.n{
	font-size: 1.2rem;
	line-height: 1;
	padding: .3rem .8rem;
	color: var(--global--color-green);
	background-color: var(--global--color-lightgreen)
}

.thumnail-item ul li:not(:last-child){
	margin-right: .2rem;
}








@media screen and (min-width: 1320px){
	.point{
		right: auto;
		left: 1190px;
	}
}

@media screen and (max-width: 1300px){
	.concept__img .ph,
	.concept__img .concept__slider{
		width: calc(100%) !important;
	}
}


@media screen and (min-width: 768px){

			.sp{ display: none !important; }

			.anchor{ position: absolute; margin-top: -9rem; padding-top: 9rem; }


			.read-more{
				display: none;
			}

			.lineup__slider .slick-initialized .slick-slide{
				padding: 0 1.5vw 0 0;
			}

			.lineup__slider .slick-slider .slick-list{
				padding: 0 5rem 0 0 !important;
			}

			section.concept .concept__inbox{
				height: auto !important;
				padding: 5rem 0 7.5rem;
			}

			.search__box form{
				display: inherit !important;
			}
}



@media screen and (max-width: 1320px) and (min-width: 768px){


			section.about .ph{
				width: 50%;
			}
			section.about .about__inbox{
				padding-left: 13vw;
				       width: 60%;
				  margin-top: -27.5vw;
			}

}


@media screen and (max-width: 1300px) and (min-width: 768px){


			.concept__img,
			.way__img{
				max-width: calc(100% - 1rem);
			}

			section.concept::before{
				margin-left: 0;
			}
			section.concept .inner{
				padding-left: 1rem;
				padding-right: 1rem;
			}
}



@media screen and (max-width: 1110px) and (min-width: 768px){

			section.news{
				padding-top: 7.5rem;
			}
			section.news .titles{
				
				width: 20rem;
			}
			section.news .news__list{
				width: calc(100% - 20rem);
			}

			footer .footer__upper .info span{
				display: block;
				margin-top: 3rem;
			}

}


@media screen and (max-width: 1050px) and (min-width: 768px){
	section.abut__peace .spathiphyllum dl{
		display: block;
	}
	section.abut__peace .spathiphyllum dl dt{
		width: 100%;
		padding: 0;
	}
	section.abut__peace .spathiphyllum dl dd{
		max-width: none;
		margin-top: 2rem;
		text-align: center;
	}

	section.concept .concept__inbox{
		padding: 2rem 0 4rem 0;
	}
	
	section.concept .concept__inbox .concept__inbox__right{
		max-width: 30rem;
	}
	section.concept .concept__inbox .concept__inbox__left{
		width: calc(100% - 35rem);
	}
}



@media screen and (max-width: 767px){


			.button a span{
				padding-right: 0;
			}

			section.banner-footer .title{
				max-width: 23rem;
				width: 100%;
				padding: 0 2rem;
				width: 100%;
			}


			.construction__box *{
				font-size: 1.4rem;
			}
			
			

			.menu_icon{
				z-index: 1000;
				padding: 0;
				height: var(--global--header--height-sp);
				background-color: var(--global--color-white);
			}

			.menu_icon .menu-trigger,
			.menu_icon .menu-trigger span{ display: inline-block; transition: all .4s; box-sizing: border-box; }
			.menu_icon .menu-trigger{ position: relative; width: 55px; height: var(--global--header--height-sp); }
			.menu_icon .menu-trigger span:nth-of-type(1) { top: 40%; }
			.menu_icon .menu-trigger span:nth-of-type(2) { top: 50%; }
			.menu_icon .menu-trigger strong{
						 top: 55%;
			}
			.menu_icon .menu-trigger.active span{ background-color: #000000; width: 24px; }
			.menu_icon .menu-trigger.active span:nth-of-type(1) { top: 22%; }
			.menu_icon .menu-trigger.active span:nth-of-type(2) { top: 63%; }
			.menu_icon .menu-trigger.active strong::before{ content: "close"; }



			.pc{ display: none !important; }

			.inner,
			.inner__wider{
				padding: 0 3rem;
			}


			main{
				padding-top: 0;
			}


			.navigation .logo{
				max-width: 8rem;
						width: 100%;
			}
			.navigation .inner{
				
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.navigation .header__menu .header__menu__inbox{
				display: block;
			}
			.navigation .header__menu .header__menu__inbox ul:not(:last-child){
				margin-bottom: 2rem;
				margin-right: 0;
			}
			.navigation ol.sns{
				margin-top: 5rem;
			}
			.navigation .navigation__inbox{
				justify-content: center;
			}
			.navigation .navigation__inbox .header__menu{
				margin-left: 3rem;
			}


			header{
					  height: var(--global--header--height-sp);
				background: transparent;
			}
			header .header__inner{
				padding: 0 0 0 1.5rem;
			}
			header .header__inner .logo{
				height: var(--global--header--height-sp);
			}

			.title{
				color: var(--global--color-green);
			font-weight: 700;
			font-size: 3.8rem;
			line-height: 1.4;
			}


			.button a span{
				font-size: 1.4rem;
			}

			footer{
				padding-top: 4rem;
				margin-top: 3.5rem
			}
			footer .footer__upper{
				margin-bottom: 3rem;
			}
			footer .footer__upper *{
				font-size: 1.2rem;
			}
			footer .footer__upper .company__info{
				margin-bottom: 2rem;
			}
			footer .footer__upper .company__info .logo{
						max-width: 17rem;
								width: 100%;
				margin-bottom: 1.5rem;
			}
			footer .footer__upper .company__info .info span::after{
				padding-left: .5rem;
				margin-right: .5rem;
			}
			footer .footer__upper .footer__menu ul{
				margin-right: 0;
							width: 50%;
			}
			footer ol.sns{
				margin-bottom: 3rem;
			}
			footer ol.sns li a{
				display: block;
					width: 2.5rem;
					margin: 0 auto;
			}
			footer .footer__inner{
				padding: 0 1rem;
			}

			footer .footer__upper{
				flex-direction: column;
			}




			section.main{
				margin: 0;
			}
			section.main .news__top{
				margin-left: 5rem;
				max-width: calc(100% - 5rem);
			}
			section.main .news__top *{
				font-size: 1.0rem;
			}
			section.main .news__top p{
				width: 5rem;
			}





			section.plants{
				padding: 4.5rem  0 3rem;
			}


			.concept__img{
				margin-top: 0;
				margin-right: 3rem;
				position: relative;
			}

			.concept__img::before{
				content: "";
				position: absolute;
				width: 100%;
				height: 50%;
				background-color: var(--global--color-thin-gray);
				left: 3rem;
			}

			.concept__img .ph{
				display: inherit;
			}
			.point {
					bottom: -7rem;
					right: -7rem;
					width: 14rem;
			}


			section.abut__peace{
				padding: 4.5rem 0 0 0;
			}
			section.abut__peace .abut__peace__inbox{
				display: block;
			}
			section.abut__peace .abut__peace__inbox__left{
				width: 100%;
				margin-bottom: 2.5rem;
			}
			section.abut__peace .abut__peace__inbox__left h4{
				font-size: 2rem;
			}
			section.abut__peace .abut__peace__inbox__left p{
				font-size: 1.4rem;
			}
			section.abut__peace .abut__peace__inbox__right{
				width: 100%;
				margin-bottom: 3.5rem;
			}
			section.abut__peace .abut__peace__inbox .button{
				max-width: inherit;
			}
			section.abut__peace .abut__peace__inbox{
				margin-bottom: 3.5rem;
			}


			section.abut__peace .spathiphyllum{
				display: block;
			}
			section.abut__peace .spathiphyllum .titles__sp{
				width: 100%;
				margin-right: 0;
				font-size: 1.8rem;
				text-align: center;
				border-right: none;
				background: url('./assets/images/common/icon__readmore__down.svg') no-repeat 100% 50% / auto 1.5rem;
				margin-bottom: 1rem;
			}
			section.abut__peace .spathiphyllum .titles__sp.active{
				background: url('./assets/images/common/icon__readmore__up.svg') no-repeat 100% 50% / auto 1.5rem;
			}
			
			section.abut__peace .spathiphyllum .titles__sp span{
				display: block;
				font-size: 1.2rem;
				color: var(--global--color-singray);
			}
			section.abut__peace .spathiphyllum dl{
				width: 100%;
				max-width: inherit;
				display: none;
				border-top: var(--global--color-black) 1px solid;
			}
			section.abut__peace .spathiphyllum dl dt{
				width: 100%;
				font-size: 1.2rem;
				padding: 0;
				margin-bottom: 2.0rem;
			}
			section.abut__peace .spathiphyllum dl dt span{
				font-size: 1.4rem;
				text-align: center;
				display: block;
				margin-top: 1.5rem;
			}
			section.abut__peace .spathiphyllum dl dd{
				max-width: inherit;
			}
			section.abut__peace .spathiphyllum dl dd img{
				width: 100%;
			}



			section.news .titles{
				display: flex;
				flex-direction: inherit;
				width: 100%;
				align-items: flex-end;
				margin-bottom: 1.5rem;
			}
			.button__viewmore a span{
				font-size: 1.2rem;
			}
			.button__viewmore a span{
				padding-right: 1.5rem;
				   background: url('./assets/images/common/icon__circle.svg') no-repeat 100% 50% / auto 0.6rem;
			}
			section.news .news__list{
				width: 100%;
			}
			section.news .news__list dl{
				display: block;
				padding: 1rem 0;
			}
			section.news .news__list dl dt{
				font-size: 1.2rem;
			}
			section.news .news__list dl dd{
				width: calc(100% - 2rem);
				font-size: 1.2rem;
			}

			section.news{
				padding-top: 5rem;
			}

			section.news .inner{
				display: block;
				min-height: inherit;
			}

			section.instagram{
				padding: 5rem 0 5rem 0;
			}

			.banner .banner__menu ul{
				flex-direction: column;
			}
			.banner .banner__menu ul li{
				width: 100%;
			}
			.banner .banner__menu ul li:not(:last-child){
				margin-bottom: 1.5rem;
			}
			.banner .banner__menu ul li a{
				display: block;
				text-align: center;
			}
			.banner .banner__menu ul li a img{
				width: 100%;
			}

			footer{
				padding-bottom: 5.5rem;
			}

			footer .copyright small{
				font-size: 1.2rem;
			}


			.lineup__slider .slick-slider{
				margin-bottom: 0 !important;
			}
			.lineup__slider{
				margin-left: inherit;
			}
			.lineup__slider .slick-slide{
				margin: 0 1rem;
			}

			section.concept::before{
				margin-left: 0;
			}
			section.concept .inner{
				padding: 3.5rem 3rem 4.5rem;
			}
			section.concept .concept__inbox{
				display: block;
			}
			section.concept .concept__inbox .concept__inbox__left{
				width: 100%;
			}
			section.concept .concept__inbox .concept__inbox__left .logos{
				   text-align: center;
				margin-bottom: 3.5rem;
			}

			section.concept .concept__inbox .concept__inbox__left .logos img{
				max-width: 50%;
				    width: 100%;
				min-width: 14rem;
			}
			section.concept .concept__inbox .concept__inbox__left h4{
				font-size: 2rem;
			}
			section.concept .concept__inbox .concept__inbox__left p{
				font-size: 1.4rem;
			}

			section.concept .concept__inbox .concept__inbox__right{
				display: none;
			}



			.lineup__slider__auxiliary{
				display: block;
			}
			.lineup__slider__auxiliary .dots{
				width: 100%;
			}
			.lineup__slider__auxiliary__inbox{
				justify-content: flex-end;
				width: 100%;

			}

			section.instagram .button{
				max-width: inherit;
			}


			section.lineup{
				padding: 4.5rem 0 0;
			}



			section.way{
				padding: 5.5rem 0 3.5rem 0;
			}


			section.way .inner{
				display: block;
			}
			section.way .way__img{
				margin-bottom: 4.5rem;
				 margin-right: 3rem;
			}
			section.way .way__inbox__left{
				 margin-right: 0;
				margin-bottom: 4rem;
			}
			section.way .way__inbox__left h4{
				font-size: 2rem;
			}
			section.way .way__inbox__left p{
				font-size: 1.4rem;
			}
			section.way .way__inbox__left p span{
				font-size: 1.2rem;
			}
			section.way .way__inbox__right .remarks span{
				   font-size: 1.2rem;
				padding-left: 4rem;
				  background: url(./assets/images/home/way__mark.svg) no-repeat 0 50% / auto 3rem;
			}
			section.way .points{
				font-size: 1.4rem;
				  padding: .5rem 0;
			}
			section.way .points::before,
			section.way .points::after{
				width: .8rem;
			}
			section.way .way__inbox__right ul *{
				font-size: 1.2rem;
			}
			section.way .way__inbox__right{
				max-width: inherit;
			}




			section.about{
				padding-top: 5.5rem;
			}
			section.about::before{
				height: 20.8rem;
			}
			section.about .ph{
				  max-width: inherit;
				      width: calc(100% + 3rem);
				margin-left: -3rem;
			}
			section.about .about__inbox{
				     width: auto;
				margin-top: 0;
				   padding: 3rem 2rem;
					 border-radius: 0 0 1rem 1rem;
			}
			section.about .about__inbox p{
				font-size: 1.4rem;
			}






			section.shop{
				padding: 4rem 0 7rem 0;
			}

			section.shop .shop__info .address *{
				font-size: 1.4rem;
			}
			section.shop .shop__info .address span{
				display: block;
				font-size: 1.6rem;
			}



			.contact__side {
				position: fixed;
				left: 0;
				bottom: 0;
				z-index: 10;
				height: 5.5rem;
				background: var(--global--color-green);
				width: 100%;
			}
			.contact__side ul{
				display: flex;
				flex-direction: row-reverse;
				width: 100%;
			}
			.contact__side ul li{
				width: 50%;
				margin: 0;
			}
			.contact__side ul li:not(:last-child){
				border-left: #005b3b 1px solid;
			}


			.contact__side ul li a {
				width: 100%;
				display: flex;
				font-size: 1.2rem;
				align-items: center;
				justify-content: center;
				height: 5.5rem;
			}
			.contact__side ul li a img{
				max-width: 1.5rem;
				width: 100%;
			}
			.contact__side ul li a span{
				font-size: 1.2rem;
				color: var(--global--color-white);
				padding-left: 1rem;
			}


			section.concept .concept__inbox{
				padding-bottom: 8rem;
			}

			section.concept .concept__inbox.concept__inbox__last{
				padding-bottom: 9.5rem;
			}


			.read-more{
				background: rgba(246, 246, 246, 0) linear-gradient(180deg, rgba(246, 246, 246, 0.8), var(--global--color-thin-gray)) repeat scroll 0 0;
				width: 100%;
				padding: 10rem 0 0;
				text-align: center;
				position: absolute;
				bottom: 0;
				left: 0;
				transition: all 0.5s ease-in;
					 padding: 5rem 2rem 2rem;
			}
			
			section.concept .concept__inbox__wrapper{
				overflow: hidden;
				height: 80rem;
			}
			
			
			.concept__inbox_wrapper.open .read-more{
				background: none;
				position: relative;
				padding: 2rem 0;
			}
			.read-more a:hover,
			.read-more a{
				cursor: pointer;
				padding: 5px 0;
				background: url(./assets/images/common/icon__readmore__down.svg) var(--global--color-thin-gray) no-repeat 93% 50% / auto 1.5rem;
			}



			.read-more span::after{
				content: 'Read more';
			}
			.concept__inbox_wrapper.open .read-more span::after{
				content: 'Close';
			}

			.concept__inbox_wrapper.open .read-more a:hover,
			.concept__inbox_wrapper.open .read-more a{
				background: url(./assets/images/common/icon__readmore__up.svg) var(--global--color-thin-gray) no-repeat 93% 50% / auto 1.5rem;
			}





			main.under{
				padding-top: var(--global--header--height-sp);
			}
			main.under .title{
				margin-top: 3rem;
				font-size: 3.8rem;
			}



			.article__box::before{
				min-height: 20rem;
			}
			.article__box .news__article__title{
				padding-top: 2.5rem;
			}
			.article__box .news__article__title dl{
				margin-bottom: .5rem;
			}
			.article__box .news__article__title dl dt,
			.article__box .news__article__title dl dd span{
				font-size: 1.1rem;
			}
			.article__box .news__article__title h2{
				font-size: 1.8rem;
			}

			.article__box .article{
				margin-top: 2rem;
			}


			.article__box .article p{ font-size: 1.4rem; }
			.article__box .article h1{ font-size: 1.8rem; }
			.article__box .article h2{ font-size: 1.6rem; }
			.article__box .article ul{ font-size: 1.4rem; }
			.article__box .article .wp-block-quote,
			.article__box .article .wp-block-quote *{ font-size: 1.4rem; }

			.article__box .buttons{ margin-top: 4rem; padding-top: 2.5rem; }


			.pager .wp-pagenavi a.nextpostslink{
				margin-left: .5rem;
			}
			.pager .wp-pagenavi a.previouspostslink{
				margin-right: .5rem;
			}
			


			.privacy-box{
				margin-top: 3rem;
				padding-bottom: 3rem;
			}
			.privacy-box .msg,
			.privacy-box .text ul.num li{
				font-size: 1.3rem;
			}
			.privacy-box h3{
				font-size: 1.6rem;
			}





			.menu_icon{
				box-shadow: -9px 1px 15px -5px #cccccc;
			}
			.menu__icon_active{
				box-shadow: none;
			}



			.line-link{
				width: calc(100% - 4rem);
				margin: 1rem 2rem 2rem;
			}
			.line-link a{
				font-size: 1.4rem;
			}


			.contact-box{
				padding-top: 3rem;
			}
			.contact-box .msg{
				font-size: 1.4rem;
			}
			.contact-lines{
				display: block;
				padding: 1rem;
			}
			.contact-lines-inbox{
				width: 100%;
			}
			.contact-lines-inbox h4 span{
				font-size: 2.2rem;
			}
			.contact-lines-inbox h4{
				font-size: 1.5rem;
			}
			.contact-lines-inbox p{
				font-size: 1.4rem;
			}




			.form-box{
				padding: 3rem 2rem;
			}

			.progressbar li:before{
				width: 56px;
				height: 56px;
				font-size: 2rem;
				line-height: 56px;
				margin: 7px auto 10px auto;

			}
			.progressbar li{
				font-size: 1.2rem;
			}
			.form-box .form dl{
				display: block;
				margin-top: .5rem;
			}
			.form-box .form dl dt{
				margin-bottom: .3rem;
			}
			.form-box .form dl dd{
				width: 100%;
			}

			.agreement-box{
				margin-top: 2rem;
				padding-top: 1.5rem;
			}
			.agreement-box .tit{
				font-size: 1.6rem;
			}
			.agreement-box .txt{
				font-size: 1.2rem;
			}

			.form-box .buttons{
				flex-direction: column-reverse;
			}
			.form-box .buttons li{
				width: 100%;
			}
			.form-box .buttons a,
			.form-box .buttons li input{
				width: 100% !important;
				font-size: 1.4rem !important;
			}
			.form-box .buttons li.b{
				margin-top: 1rem;
			}


			.search__box{ margin-bottom: 0; }

			.search__box form{ display: none; }

			.search__box ul{ padding-top: 0; }
			.search__box ul li{ display: block; }

			.search__box ul li h4{ margin: 0; }
			.search__box ul li ul{ padding-top: .5rem; }
			.search__box ul li:last-child{ margin-top: 1.5rem; }


			.search__tit{
				font-size: 1.4rem;
				color: var(--global--color-singreen);
				padding: 1.5rem 0;
				background: url('./assets/images/common/icon__readmore__down.svg') no-repeat 100% 50% / auto 1.5rem;
			}
			.search__tit span{
				padding-left: 2rem;
				background: url('./assets/images/common/icon__search.svg') no-repeat 0 50% / 1.5rem 1.5rem;
			}

			.search__tit.active{
				background: url('./assets/images/common/icon__readmore__up.svg') no-repeat 100% 50% / auto 1.5rem;
			}

			.products .banner{
				padding-top: 3rem;
				margin-top: 3rem;
			}

			/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

				サイトマップ

			:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

			.sitemap dl dd{
				width: calc(100% - 4rem) !important;
				margin: 0 1rem;
			}


			.products__detail__box .products__information .buttons a{
				font-size: 1.6rem;
				width: 100%;
			}
			.products__detail__box{
				margin-bottom: 4rem;
			}


			.detail{
				margin-top: 1rem;
				padding-top: 1.5rem;
			}
			.detail p{
				margin-bottom: .5rem;
			}

			.detail dl *{
				font-size: 1.2rem;
			}

			.products__detail__box h1{
				font-size: 2.2rem;
			}
			.products__detail__box .msg{
				font-size: 1.4rem;
			}
			.products__detail__box .status{
				font-size: 1.8rem;
				margin-top: 2rem;
			}


			.products__detail__box .inner{
				display: block;
				padding: 0;
			}

			.products__detail__box .products__information{
				padding: 0 2rem;
			}



			.products__list a{
				width: 49%;
			}

			.products__list a:nth-child(odd){
				margin-right: 2%;
			}

			.products__list a:nth-child(even){
				margin-right: 0;
			}

			.products__others .button{
				max-width: 100%;
				margin-top: 3rem;
			}




			.categories{
				margin-top: 2rem;
			}








			.products__contact .inner{
				padding: 0 2rem;
			}
			.products__contact__inbox{
				border-radius: .5rem;
				padding: 2rem 2.5rem;
			}
			.products__contact__inbox h4{
				font-size: 1.8rem;
			}
			.products__contact__inbox h4 span{
				font-size: 1.4rem;
			}
			.products__contact__inbox p{
				text-align: left;
			}
			.products__contact__inbox ul{
				display: block;
			}
			.products__contact__inbox ul li:not(:last-child){
				margin-bottom: 1rem;
			}
			.products__contact__inbox ul li a{
				width: 100%;
			}
			.products__contact__inbox ul li a span{
				font-size: 1.4rem;
			}





			.products__text{
				margin-top: 2rem;
				font-size: 1.2rem;
			}


}