@charset "UTF-8";


#main img{
	width: 100%;
	height: auto;
}

/*====================ABOUT====================*/
#catch{
	margin: 5%;
	align-items: center;
	justify-content: center;
}

#catch h1{
	margin-bottom: 5%;
	padding: 0.3em 0.5em;
  color: #fff;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  background-image: -webkit-gradient(linear, left top, right top, from(#faccbc), to(#E3B07C));
  background-image: -webkit-linear-gradient(left, #faccbc 0%, #E3B07C 100%);
  background-image: linear-gradient(to right, #faccbc 0%, #E3B07C 100%);
}

.about{
  display:flex;
  flex-wrap:wrap; /*折り返し*/
  justify-content:space-between;/*両端揃え*/
	width: 100%;
}

.about-inner{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.about img{
	max-width: 800px;
	width: 100%;
	height: auto;
}

.syutyou{
	margin: 0.5% 0 0.5% 0;
	font-size: 24px;
	color: #D6883A;
}

/*====================日本市場におけるES商品の主な強み====================*/
.point,.number{
	color: #D6883A;
}

#tuyomi{
	margin: 5%;
}

.column{
  width:100%;
  display:flex;
  flex-wrap:wrap; /*折り返し*/
  justify-content:space-between;/*両端揃え*/
  text-align: center;
}

.column1{
  width:30%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  margin:0.5%;
  padding: 5%; 
	border: 2px solid #E3B07C;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

.column1 h2{
	margin: 3% 0 10% 0;
}

.column1 p{
	line-height:1.8;
}

.column1 img{
	width: 100%;
	height: auto;
	margin-top: 10%;
}

@media screen and (max-width: 786px) {
.column{
		display: block;
	}
	
	.column1{
		width: 100%;
		margin: 5% 0 5% 0;
	}
}


/*====================POINT====================*/
#point{
  display:flex;
  flex-wrap:wrap; /*折り返し*/
  justify-content:space-between;/*両端揃え*/
	margin: 5%;
    text-align: center;
}

.box30 {
	width: 45%;
    margin: 0.5%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background-color:#E3B07C;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
	margin: 3%;
}

@media screen and (max-width: 786px) {
#point{
		display: block;
	}
	
.box30{
		width: 100%;
		margin: 5% 0 5% 0;
	}
}



/*====================認証と特許====================*/
.tokkyo{
	margin: 5%;
	text-align: center;
}

.tokkyo h2{
	color: #D6883A;
}

.tokkyo-p{
	margin-top: 3%;
	line-height: 2.0
}

.tokkyo-img{
	margin-top: 5%;
}

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



/*====================オーナー様の声====================*/
.heading-16 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.heading-16::before,
.heading-16::after {
    width: 3px;
    height: 40px;
    background-color: #D6883A;
    content: '';
}
.heading-16::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}
.heading-16::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

.orner{
  display:flex;
  flex-wrap:wrap; /*折り返し*/
  justify-content:space-between;/*両端揃え*/
  text-align: center;
	margin: 5%;
}

/*ふわふわした囲み枠*/
.orner-inner {
	width: 32%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
   margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
   padding: 3%;   /* 内側余白 */
   background-color:#fff; /* 背景色 */
   box-shadow: 0 0 6px 1px #faccbc, 0 0 6px 1px #faccbc inset; /*ふわりとした影*/
   border-radius: 50%;
	align-items: center;
	justify-content: center;
}

/* pタグの余白 */
.orner-inner p {
   margin: 0;
}



/*====================注文フォーム・問い合わせ====================*/
#form{
	width: 100%;
	text-align: center;
}

a.btn_06 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 350px;
	margin: auto;
	padding: 2rem 4rem;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #D6883A;
	background: #E3B07C;
	color: #fff;
	font-size: 25px;
}
a.btn_06:hover {
	margin-top: 6px;
	border-bottom: 1px solid #D6883A;
	color: #fff;
}

.form-inner{
	margin-top: 3%;
	line-height: 2.0;
}

.form-inner p{
	font-size: 20px;
}