@charset "utf-8";



/*------------------------------------------



	MAIN SLIDE

	

-------------------------------------------*/



section.main-slide {

	height: 640px;

}



section.main-slide picture img {

	display: block;

	height: 640px;

	-o-object-fit: cover;

	   object-fit: cover;

	-o-object-position: center top;

	   object-position: center top;

	font-family: 'object-fit: cover;';

	width: 100%;

}



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

section.main-slide picture img {

	height: 650px;

}

}



/*------------------------------------------



	ABOUT

	

-------------------------------------------*/



section.about {

	padding: 6.5rem 0 7.5rem;

}



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

section.about {

	padding: 8.5rem 0;

}

}



/*------------------------------------------



	CONSULTING

	

-------------------------------------------*/



section.consult {

	background: url(../images/consult_bg.jpg) no-repeat;

	background-size: 100%;

	padding: 5.5rem 0 0;

}



section.consult ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	margin: 5.5rem auto 0;

	width: 96rem;

}



section.consult ul li {

	overflow: hidden;

	position: relative;

	width: 29.1rem;

}



section.consult ul li a {

	color: #fff;

	display: block;

}



section.consult li p {

	background: rgba(113,100,85,0.64);

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	font-size: 1.4rem;

	font-weight: 500;

	line-height: 1.4;

	height: 6.5rem;

	padding: 0 0 0 2rem;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	/*mix-blend-mode: multiply;*/

}



section.consult li p::before {

	background: url(../images/y_1.svg) no-repeat;

	background-size: 100%;

	content: "";

	height: 3rem;

	margin: auto;

	position: absolute;

	bottom: 0;

	right: 1.7rem;

	top: 0;

	width: 3rem;

}



section.consult li img {

	-webkit-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

}



section.consult li a:hover img {

	-webkit-transform: scale(1.1);

	    -ms-transform: scale(1.1);

	        transform: scale(1.1);

}



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

section.consult {

	background: url(../images/consult_bg.jpg) no-repeat;

	background-size: 100%;

	padding: 6.5rem 0 0;

}



section.consult ul {

	display: block;

	margin: 5rem auto 0;

	width: 29.5rem;

}



section.consult ul li {

	width: 100%;

}



section.consult ul li:not(:last-child) {

	margin: 0 0 3rem;

}

}



/*------------------------------------------



	PRODUCT

	

-------------------------------------------*/



section.product {

	padding: 12rem 0 18rem;

	position: relative;

}



section.product ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	margin: 4rem auto 0;

	width: 96rem;

}



section.product ul li {

	position: relative;

	width: 47rem;

}



section.product li a {

	display: block;

}



section.product li p {

	background: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	height: 5rem;

	position: absolute;

	bottom: 0;

	right: 0;

	width: 18rem;

}



section.product li p span {

	font-size: 1.4rem;

	font-weight: 500;

	padding: 0 2.4rem 0 0;

	position: relative;

}



section.product li p span::before {

	color: #3b3b3b;

	content: "\f105";

	font-weight: 900;

  font-family: "Font Awesome 5 Free";

	font-size: 1.6rem;

	margin: auto;

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	        transform: translateY(-50%);

	-webkit-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

}



section.product li a:hover p span::before {

	right: -1rem;

}



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

section.product {

	padding: 12rem 0 7.5rem;

}



section.product ul {

	display: block;

	width: 29.5rem;

}



section.product ul li {

	width: 100%;

}



section.product ul li:not(:last-child) {

	margin: 0 0 3rem;

}



section.product li p {

	background: rgba(32,25,44,0.64);

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	color: #fff;

	-webkit-box-pack: start;

	    -ms-flex-pack: start;

	        justify-content: flex-start;

	height: 4.9rem;

	padding: 0 0 0 1.8rem;

	width: 100%;

}



section.product li p::before {

	background: url(../images/y_1.svg) no-repeat;

	background-size: 100%;

	content: "";

	height: 3rem;

	margin: auto;

	position: absolute;

	bottom: 0;

	right: 1.7rem;

	top: 0;

	width: 3rem;

}



section.product ul li img {

	height: 25.4rem;

	-o-object-fit: cover;

	   object-fit: cover;

	-o-object-position: center top;

	   object-position: center top;

	font-family: 'object-fit: cover; object-position: center top;';

	width: 100%;

}

}



/*------------------------------------------



	INTRODUCTION

	

-------------------------------------------*/



section.introduct {

	background: #fcf6ef;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	    -ms-flex-direction: column;

	        flex-direction: column;

	height: 40rem;

	padding: 0 0 0 59.2%;

	position: relative;

}



section.introduct h2 {

	text-align: left;

}



section.introduct .sec-comment {

	text-align: left;

}



section.introduct .more-btn {

	margin: 4.5rem 0 0;

}



div.introduct-picts {

	position: absolute;

	left: 0;

	top: 0;

	width: 55.7%;

}



div.introduct-picts img {

	height: 40rem;

	-o-object-fit: cover;

	   object-fit: cover;

	-o-object-position: center top;

	   object-position: center top;

	font-family: 'object-fit: cover; object-position: center top;';

	width: 100%;

}



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

section.introduct {

	display: block;

	height: 100%;

	padding: 5.5rem 0 5rem;

}



section.introduct h2 {

	text-align: center;

}



section.introduct .sec-comment {

	text-align: center;

}



div.introduct-picts {

	margin: 0 0 3.5rem;

	position: static;

	width: 100%;

}



div.introduct-picts img {

	height: 100%;

}



section.introduct .more-btn {

	margin: 4.5rem auto 0;

}

}



/*------------------------------------------



	PICKUP

	

-------------------------------------------*/



section.pickup {

	padding: 12rem 0 0;

}



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

section.pickup {

	padding: 8.5rem 0 0;

}

}



/*------------------------------------------



	RECOMMENDATION

	

-------------------------------------------*/



.recommendation {

  margin-bottom: 10rem;

}



.recommendation ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-left: auto;

  margin-right: auto;

  width: 96rem;

}



.recommendation a {

  display: block;

}



.recommendation li {

  font-size: 1.4rem;

  width: 20.8rem;

}



.recommendation dl {

  font-size: 1.4rem;

}



.recommendation dt {

  line-height: 1.6;

  margin-bottom: 1.2rem;

  margin-top: 2rem;

}



.recommendation .more-btn {

  width: 24.3rem;

}



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

  .recommendation ul {

    gap: 4rem 0;

    width: 29.5rem;

  }



  .recommendation li {

    width: 48%;

  }



  .recommendation .more-btn {

    width: 29.5rem;

  }

}