@charset "utf-8";

/*Loding*/



p{font-size: 12px;}


h3{
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.6;
}


.ft18px{
	font-size: 18px;
}
.ft16px{
	font-size: 16px;
}
.ft15px{
	font-size: 15px;
}
.ft14px{
	font-size: 14px;
}
.ft13px{
	font-size: 13px;
}

.ft11px{
	font-size: 11px;
}



body.page-home .newsBanner {
	 position: absolute;
	 bottom:0px;
}



body.page-home .textArea{
	width: 100%;
	font-size: 12px;
	margin: 0;
	bottom:0px;
	left:0;
/*	align-items:center;*/
}

body.page-home .vh100 .textArea{
	height: 50%;
}

body.page-home .image-container{
	width: 100%;
	padding: 1em 30px;
}

body.page-home .textArea.green {
	background-color: #5E773B;
	color: #fff;
}
body.page-home .textArea.white {
	color: #333;
}

body.page-home .textArea.img-green {
	background: url("/sp/assets/img/common/bg_green.jpg") ;
	background-size: cover;
	color: #333;
}

body.page-home .image-container{
	padding: 1em 30px;
}

body.page-home .textArea h2{
	font-feature-settings: "palt";
	font-size: 17px;
	line-height: 2;
	margin-bottom: 0px;
	font-family: kinuta-mincho-stdn, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0.1em;
	font-feature-settings:"palt";
}
body.page-home .text-container h2.lang-eng{
	font-family: montserrat, sans-serif;
	font-weight: 200;
	font-style: normal;
	letter-spacing:0.02em;
	font-size: 16px;
	line-height: 1.85;
}

body.page-home .text-container{
	font-family: kinuta-mincho-stdn,sans-serif;
	font-weight: 300;
	font-style: normal;
	height: 76%;
	display: flex;
	align-items: center;
	padding: 2em 30px 1em 30px;
}


body.page-home .textArea .read-more{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 10%;
	margin: 0 auto 0;
	text-align: center;
}


h1{
	font-feature-settings: "palt";
	display: flex;
	align-items: center;
	justify-content:center;
	color: #5E773B;
	font-size: 40px;
	text-align: center;
}
h1.lang-eng{
	font-family: montserrat,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 25px;
	letter-spacing:0em;
	line-height: 1.5;
}

body.page-home .vh100 h1{
	margin: 0;
	height: 15%;
}

body.page-home .vh100 .images{
	height: 35%;
	margin: 0;
	padding: 0;
	margin-bottom: -1px;
}

body.page-home .images img{
	object-fit: cover;
	margin: 0;
	padding: 0;
	border: none;
}
body.child .images{
	margin-bottom: 30px;
}
body.child .images img{
	width: 100%;
	height: auto;
	min-height: 250px !important;
	object-fit: cover;
	margin-bottom: 30px;
}

/*:============Product==============*/
body.page-home #Product .textArea{
	display: block;
	padding: 20px 0 0;
	height: 58%;
}
body.page-home #Product .slider a{
	color: #fff !important;
}

body.page-home #Product .read-more{
	position: absolute;
	bottom:40px;
	left:0;
	width: 100%;
	text-align: center;
}

/*:============Gallery==============*/

body.page-home #Gallery .text-container{
	max-width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 11px;
	text-align: center;
	display: block;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

body.page-home #Gallery .inner{
	height: 50%;
	text-align: center;
}
body.page-home #Gallery .inner div{
	margin-top: 5px;
}
body.page-home #Gallery .inner.first{
	padding-top: 15px;
	padding-bottom: 5px;
}

body.page-home #Gallery .inner.second{
	padding-top: 5px;
	padding-bottom: 15px;
}
body.page-home #Gallery .inner img{
	object-fit: cover;
	width: auto;
}

/*:============Company==============*/
.photo_2{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}



.bottom-line{
	bottom:0;
	margin: 0;
	width: 100%;
	height: 37px;
	background-color: #5E773B;
}
.footer_copyright{
	font-family: kinuta-mincho-stdn, sans-serif;
	font-weight: 400;
	font-style: normal;
}


/*========Slider==========*/
.slider {
		width: 75%;
		height: auto;
		margin: 0 auto;
 } 
.regular .slick-slide {
} 
.slick-slide img {
	width: 100%;
	margin-bottom: 10px;
} 
.slick-prev:before,
.slick-next:before {
	color: black;
} 
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
} 
.slick-active {
	opacity: .5;
} 
    .slick-current {
      opacity: 1;
    } 
.slider {
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
.slider p{
	font-size: 11px;line-height: 1.3;
}

 .homeHero_copy{
	 position: absolute;
	 bottom:15%;
}



/*==========About page==========*/
body.page-home #AboutTop .images{
	height: 30%;
}

body.page-home #AboutTop h1{
	height: 10%;
}

body.page-home #AboutTop .textArea{
	height: 48%;
}
body.page-home #AboutTop .newsBanner{
	height: 10%;
	font-size: 15px;
}
body.page-home #AboutTop .homeHeroSpecial_onlineStore{
	color: #fff;
}


h1.circle{
	margin-top: 0px;
	height: 150px;
	background: url("/sp/assets/img/home/img_circle1533.png") 20px 10px no-repeat;
	background-size: auto 90%;
	margin-bottom: 0px;
}


.section{
	margin-bottom: 40px;
	margin-top: 0;
	padding: 0;
}
body.child .textArea{
	margin-bottom: 30px;
}
body.child .section :last-child{
	margin-bottom: 0px;
}

.photo_2, .flex{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.photo_2 .inner, .flex .inner{
	margin: 0 20px ;
	height: auto;
	width: 50%;
}
.photo_2 .inner.left, .flex .inner.left{
	margin: 0 10px 0 0 ;
}
.photo_2 .inner.right, .flex .inner.right{
	margin: 0 0 0 10px ;
}
.photo_2 .inner img, .flex .inner img{
	margin-bottom: 10px;
}

/*==========table===========*/
table.profile {
	background-color: #fff;
	width: 100%;
	border: none;
	font-size: 1.4rem;
}


table.profile th {
	font-weight: normal;
	border-collapse: collapse;
	line-height: 1.4;
	background-color: #cbd3bf;
	text-align: center;
	padding: 10px 0 8px;
	border: 1px solid #fff;
}

table.profile thead th.is-delete {
	width: 60px
}

table.profile thead th.is-item {
	width: 400px
}

table.profile td {
	line-height: 1.4;
	background-color: #fff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px 6px 8px;
}