body{font-family: 'Noto Serif JP', serif;font-size: clamp(0.813rem, 0.633rem + 0.38vw, 0.938rem);font-weight:400; line-height:1.7; color:#1A1A1A; background:#f5ebd7; letter-spacing:1px;font-feature-settings: "palt";}
@media screen and (max-width: 768px) {
body{font-size:15px;line-height:1.6; letter-spacing:1px; }
}
.site_logo img{position:fixed; top:14px; left:20px; z-index:3}
.global_inner{max-width:1100px; margin:0 auto; position:relative;padding: 0 20px;}
h1,h2,h3,h4,h5,h6{line-height:1;font-family: 'Noto Serif JP', serif; font-weight:600;}
.head h1{font-weight:500;}
.copy{font-family: 'Noto Sans JP', sans-serif; font-size:clamp(1rem, 0.82rem + 0.38vw, 1.125rem);margin-bottom:30px;}



.text{letter-spacing:1px;}
img{width:100%; height:auto;}
a img{transition:0.4s all;}
a img{transition:0.4s all;}
a img:hover{transform: scale(1.10);transition:0.4s all; letter-spacing:2px;}
a img.no_zoom:hover{transform: scale(1.0);}

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


@media screen and (max-width: 768px) {
.global_inner{width:94%;padding: 0 3%; }
.copy{argin-bottom:20px;}
.box{flex-direction: column; }
}

/*====================
ハンバーガーメニュー
=====================*/
header{ position:fixed;width:100%; height:100px; z-index:3; top:0px;left:0;background:url(/wp-content/themes/kouso-life/assets/image/header.png) no-repeat;    background-size: cover; display:flex;justify-content: center;align-items: center; padding-bottom:25px;}
header .logo{ margin-left:50px; margin-right:50px;}
header .logo img{height:auto; width:135px;transition:0.4s all;}
header .logo img:hover{transform: scale(1.0); opacity:0.8;transition:0.4s all;}
header .logo h1{margin-bottom:0;}
header .ic_mail img{width:25px;}


nav {display: block;  position: fixed;  top: -50%;  left: 0%;  bottom: 0;  width: 400px;	background-color:#FFF;  	-webkit-overflow-scrolling: touch;  transition: all 0.5s;  z-index: 102;  opacity: 0;visibility: hidden;}
.open nav {left: 0%;  opacity: 1;  top:0;  width:25%; width: 400px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08); visibility:visible;}
nav .inner {	height: 100%;		width: 100%;overflow: auto; padding-top:80px;}
nav .inner .box{width: 100%;}
nav .inner .box .item{padding-left: 0px;width: 100%;}
nav .inner .box .item ul{margin-bottom:20px;width: 95%; }
nav .inner .box .item ul li{line-height: 1.3; font-size:16px; display: block;  overflow: hidden;   z-index:0;position: relative;    text-align: left;}
nav .inner .box .item ul li:last-child{border:none;}

nav .inner .box .item ul li:before{content:'';width: 12px;height: 0.5px;background-color: #000;display:  block;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
nav .inner .box .item ul li a{ display:block;padding-left:40px; padding-top:15px; padding-bottom:15px; color:#4a4a4a; 
position: relative;	overflow: hidden;    transition: ease .2s; border-bottom:solid 1px #4a4a4a; line-height:1.2;}
nav .inner .box .item ul li a span{position: relative;	z-index: 3;	}


nav .inner .box .item ul li a:hover{ transition: all 0.3s;color:#FFF;}
nav .inner .box .item ul li a:before { 	content: '';position: absolute;top: 0;left: 0;z-index: 2;background:#cfb382;width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);	transform-origin: right top; }

nav .inner .box .item ul li a:hover:before{	transform-origin:left top;	transform:scale(1, 1); z-index:-1;}

nav .inner .box .item ul li.title{font-size:15px;  }
nav .inner .box .item ul li.title span{display:block; margin-top:5px;letter-spacing:0px; font-size:22px; font-weight:bold; margin-bottom:5px; }
nav .inner .box .item ul li.title:before{content:none;}
nav .inner .box .item ul li.title a:after{font-size:14px; display:block; font-weight:normal;z-index: 3; padding-left:3px; position:relative;}
nav .inner .box .item ul li:last-child{margin-bottom:0px;}








/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;   height: 30px; width:40px; transition: all .5s;  cursor: pointer;  z-index: 103;position:relative;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {  display: block;  position: absolute;  left: 10px;  width: 25px;  height: 1.5px;  background-color: #FFF;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 10px;}
.toggle_btn span:nth-child(2) {  top: 15px;}
.toggle_btn span:nth-child(3) {  top: 20px;}
.open .toggle_btn span {  background-color: #FFF;}
.open .toggle_btn span:nth-child(1) {  transform: translateY(10px) rotate(-315deg);top: 4px;}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  transform: translateY(-10px) rotate(315deg);top: 24px;}


@media screen and (max-width: 768px) {
.open .toggle_btn{position:absolute; left:40px;}
.open .toggle_btn span{background-color:#000;}
}



/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }



/*====================
メインビジュアル
=====================*/
.kv{ position: relative;  width: 100%;background: url(/wp-content/themes/kouso-life/assets/image/kv.jpg) center / cover; overflow:hidden; padding-top:150px; padding-bottom:100px;}
.kv .global_inner{display:flex;flex-wrap: wrap;}
.kv .text{width:3%;}
.kv .animation{width:94%; position:relative;}
.kv .animation img{position:absolute;}
.kv .animation img:nth-child(1){width:13%; top:-4%; right:45%; animation: 0s linear infinite, rotate1 3s ease-in-out infinite alternate;}
/*.kv .animation img:nth-child(2){width:13%; top:13%; right:24%; animation: 0s linear infinite, rotate2 4s ease-in-out infinite alternate;}*/
/*.kv .animation img:nth-child(3){width:11%; top:20%; right:17%; animation: 0s linear infinite, rotate3 5s ease-in-out infinite alternate;}*/
.kv .animation img:nth-child(2){width:19%; top:15%; right:19%; animation: 0s linear infinite, rotate4 4s ease-in-out infinite alternate;}
.kv .animation img:nth-child(3){width:14%; top:44%; right:19%; animation: 0s linear infinite, rotate1 3.5s ease-in-out infinite alternate;}
.kv .animation img:nth-child(4){width:12%; top:66%; right:27%; animation: 0s linear infinite, rotate2 4s ease-in-out infinite alternate;}


/*.kv .animation img:nth-child(7){width:12%; top:82%; left:42%; animation: 0s linear infinite, rotate2 3s ease-in-out infinite alternate;}*/
.kv .animation img:nth-child(5){width:20%; top:82%; left:37%; animation: 0s linear infinite, rotate1 3.5s ease-in-out infinite alternate;}
.kv .animation img:nth-child(6){width:14%; top:64%; left:24%; animation: 1s linear infinite, rotate3 3s ease-in-out infinite alternate;}
.kv .animation img:nth-child(7){width:17%; top:41%; left:13%; animation: 0s linear infinite, rotate4 3s ease-in-out infinite alternate;}
.kv .animation img:nth-child(8){width:9%; top:19%; left:23%; animation: 0s linear infinite, rotate1 3.5s ease-in-out infinite alternate;}
.kv .animation img:nth-child(9){width:11%; top:10%; left:29%; animation: 0s linear infinite, rotate2 4s ease-in-out infinite alternate;}

.kv .animation img:nth-child(10){width:9%; top:25%; left: 50%;    transform: translateX(-50%);opacity: 0;animation: change-img-anim-first 15s infinite;animation-delay: 0s;}
.kv .animation img:nth-child(11){width:9%; top:25%; left: 50%;    transform: translateX(-50%);opacity: 0;animation: change-img-anim 15s infinite;animation-delay: 5s;}
.kv .animation img:nth-child(12){width:9%; top:25%; left: 50%;    transform: translateX(-50%);opacity: 0;animation: change-img-anim 15s infinite;animation-delay: 10s;}


.kv .copy{width:100%; text-align:center; margin-top:20px;}
.kv .copy img{width:80%;}

@keyframes rotate1 {
        from {
          transform: translateX(0px) rotate(-15deg);
        }

        to {
          transform: translateX(30px) rotate(0deg);
        }
      }

@keyframes rotate2 {
        from {
          transform: translateX(0px) rotate(-10deg);
        }

        to {
          transform: translateX(10px) rotate(0deg);
        }
      }

@keyframes rotate3 {
        from {
          transform: translateX(0px) rotate(-20deg);
        }

        to {
          transform: translateX(15px) rotate(0deg);
        }
      }
@keyframes rotate4 {
        from {
          transform: translateX(0px) rotate(-25deg);
        }

        to {
          transform: translateX(10px) rotate(0deg);
        }
      }

@keyframes change-img-anim-first {
	0%{ opacity: 1;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}


@media screen and (max-width: 768px) {
.kv{ padding-top:120px; padding-bottom:0px;}
}



/*====================
トップ：カード
=====================*/
.top_card{padding:100px 0; border-bottom:solid 1px #8c6239;}
.top_card .item{display:flex;justify-content: space-between;align-items: center; margin-bottom:100px;}
.top_card .item.reverse{flex-direction: row-reverse;}
.top_card .item:last-child{margin-bottom:0;}
.top_card .item .photo{width:47%;  }
.top_card .item .photo img{aspect-ratio:1;border-radius:25px; object-fit:cover;}
.top_card .item .text_area{width:47%;}
.top_card .item .text_area h3{ font-size:clamp(1.25rem, 0.081rem + 2.44vw, 2.063rem); margin-bottom:30px;}
.top_card .item .text_area .copy{}
.top_card .item .text_area .text{font-family: 'Noto Serif JP', serif; font-weight:500; font-size:clamp(0.813rem, 0.633rem + 0.38vw, 0.938rem);}
.top_card .item .text_area .viewmore{margin-left:-20%; margin-top:40px;position: relative;}
.top_card .item.reverse .text_area .viewmore{margin-left:0%; margin-right:-20%;}

@media screen and (max-width: 768px) {
.top_card{padding:40px 0;}
.top_card .item{flex-direction: column-reverse; margin-bottom:60px;}
.top_card .item .photo{width:100%; margin-top:20px;}
.top_card .item .photo img{aspect-ratio:16 / 9;}
.top_card .item .text_area{width:100%;}
.top_card .item .text_area h3{font-size:25px;}
.top_card .item.reverse{flex-direction: column-reverse;}
.top_card .item .viewmore{ margin-top:20px;width: 100%;}

}



/*====================
トップ：ラインアップ
=====================*/
.top_lineup{background: url(/wp-content/themes/kouso-life/assets/image/top_lineup.svg) no-repeat; background-size:900px; background-position:top 80px right 20%; position:relative; padding-top:100px; }
.top_lineup .viewmore{position:absolute; right:40px; top:0; width:20%;}
.top_lineup h2{font-size:clamp(5rem, 3.201rem + 3.75vw, 6.25rem); font-family: "Cormorant SC", serif; font-weight:600; letter-spacing:5px; margin-bottom:40px;}
.top_lineup .copy{margin-bottom:30px; font-size:18px;}
.top_lineup .text{font-size:15px;}
.top_lineup .box{display:flex;justify-content: space-between; margin-top:80px;border-bottom:solid 1px #8c6239;padding-bottom:100px;}
.top_lineup .box .item{width:20%; text-align:center;}
.top_lineup .box .item .photo{margin-bottom:40px;}
.top_lineup .box .item .name{border:solid 1px #000; padding:5px; line-height:1;font-family: 'Noto Sans JP', sans-serif;}


@media screen and (max-width: 768px) {
.top_lineup{background-size:100%; background-position:top 20px right 0%; position:relative; padding-top:40px; }
.top_lineup h2{font-size:40px;letter-spacing:5px; margin-bottom:20px;}
.top_lineup .viewmore{right:0; top:-20px;}
.top_lineup .copy{margin-bottom:20px; }
.top_lineup .box{flex-direction: row;flex-wrap: wrap; margin-top:40px;padding-bottom: 40px;}
.top_lineup .box .item{width:30%;}
.top_lineup .box .item .name{font-size:14px; line-height:1.5;}

}



/*====================
トップ：お客様の声・よくある質問
=====================*/
.top_voice{padding:100px 0; border-bottom:solid 1px #8c6239;}
.top_voice .item{width:40%; display:flex; flex-direction: column;}
.top_voice .item h2{font-size:clamp(1.25rem, 0.081rem + 2.44vw, 2.063rem); margin-bottom:30px;}
.top_voice .item .copy{font-size:18px;}
.top_voice .item .text{ margin-bottom:30px;}
.top_voice .item a{display:block; margin-top:auto;}
.top_voice .item a img{width:90%;}


@media screen and (max-width: 768px) {
.top_voice{padding:40px 0;}
.top_voice .item{width:100%; margin-bottom:60px;}
.top_voice .item h2{margin-bottom:20px; font-size:25px;}
.top_voice .item a{ text-align:center;}
.top_voice .item a img{width:60%; max-width:250px;}
.top_voice .item .text{margin-bottom:10px;}
}



/*====================
トップ：コラム
=====================*/
.top_column{padding:100px 0; border-bottom:solid 1px #8c6239;font-family: 'Noto Sans JP', sans-serif;}
.top_column h2{display:flex;align-items: center; font-size:18px; font-weight:normal;font-family: 'Noto Sans JP', sans-serif;}
.top_column h2 span{font-size:100px;font-family: "Cormorant SC", serif; font-weight:600; margin-right:60px;letter-spacing:15px;}
.top_column .swiper-wrapper{height:auto;}
.top_column .swiper{margin-top:60px; margin-bottom:120px;}
.top_column .swiper-slide .photo{border-radius:25px; overflow:hidden; margin-top:20px;}
.top_column .swiper-slide .photo img{}
.top_column .swiper-button-next, .top_column .swiper-button-prev{ top: 60% !important;}

@media screen and (max-width: 768px) {
.top_column{padding:40px 0;}
.top_column h2{flex-direction: column;}
.top_column h2 span{font-size:40px;letter-spacing:5px;margin-right:0px; margin-bottom:10px;}
.top_column .swiper{margin-top:40px;}
}

/*====================
トップ：ニュース
=====================*/
.top_news_list{ padding-top:40px; padding-bottom:80px; background:#FFF; border-radius:25px; margin-top:100px; position:relative;}
.top_news_list h2{ margin-top:20px; margin-left:-20px; background:#eacd89; color:#000; text-align:center; padding:20px 60px; width:fit-content; font-size:30px;}
.top_news_list .box{flex-direction: column;}
.top_news_list .box .item{width: 100%; padding:20px 40px 60px 40px;    font-weight: 500;}
.top_news_list .box .item dl{display:flex; border-bottom:solid 1px #eacd89; padding:20px;font-family: 'Noto Sans JP', sans-serif;}
.top_news_list .box .item dl dt{ width:200px;    font-weight: 500;}
.top_news_list .box .item dl dd{width:calc(100% - 150px);}
.top_news_list .box .viewmore{display:flex;align-items: center; line-height:1; margin-top:0; margin-left:auto; margin-right:0;}
.top_news_list .box .viewmore img{ width:100%;}
.top_news_list img.ic{position:absolute; right:30px; top:-20px; width:20%;}


@media screen and (max-width: 768px) {
.top_news_list{margin-top:40px; padding-top:20px;padding-bottom: 40px;}
.top_news_list h2{font-size:25px;}
.top_news_list .box .item{margin-left:0; border-left:none; padding-left:0;}

.top_news_list .box .viewmore{margin-top:20px;}
.top_news_list img.ic{width:40%; max-width:120px; right:0px;}
.top_news_list .box .item{padding:20px;}
.top_news_list .box .item dl{flex-direction: column;}
.top_news_list .box .item dl dt{ width:100%;}
.top_news_list .box .item dl dd{width:100%;}
}

/*==============================
F&E酵素とは？
==============================*/
.about .head{width:100%; height:1080px;}
.about .head img{ height:100%; object-fit:cover;}
.about .head .item{max-width:1100px; margin:0 auto; padding: 0 20px;position:absolute;width: 100%; left: 50%;transform: translateX(-50%);}
.about .head .item.item01{top:200px;}
.about .head .item.item02{top:620px;}
.about .head h1{ font-size: clamp(3.125rem, 1.3205rem + 3.7594vw, 4.375rem);}
.about .head h1 span{display:block; font-size:34px; margin-top:30px;}
.about .head .text{ line-height:2;}


.about .box{background: url(/wp-content/themes/kouso-life/assets/image/about_flower.jpg) no-repeat; padding:60px 0;}
.about .box .item{background-color:rgba(139,119,0,0.5); border-radius:25px; padding:0 30px 30px 30px; color:#FFF; margin-bottom:30px;}
.about .box .item h2{background: linear-gradient(0deg,rgba(170, 123, 0, 1) 0%, rgba(255, 185, 0, 1) 100%); width:fit-content; padding:20px; margin-bottom:20px;font-size: 18px;}
.about .box .item h3{font-size:21px; margin-bottom:10px;}
.about .box .item .text{padding:10px;}
.about .box .item dl{display:flex;align-items: center; border-bottom:solid 1px #FFF; padding-bottom:20px;padding-top:20px; padding-left:10px; padding-right:10px;}
.about .box .item dl dt{width:160px; font-weight:500; line-height:1;display:flex;align-items: center;}
.about .box .item dl dt span{margin-left:10px; text-align:center;width:50px;}
.about .box .item dl dt.point1 span img{ width:40px;}
.about .box .item dl dt.point2 span img{ width:50px;}
.about .box .item dl dt.point3 span img{ width:45px;}

.about .foot{margin-top:100px;}
.about .foot .box{ background:none; padding:0;}
.about .foot .box .item{background-color:unset; padding:0; margin-bottom:0px; overflow:hidden; width:30%; aspect-ratio:1;}


@media screen and (max-width: 768px) {
.about .head{width:100%;  height:1000px;background: #edb03d;}
.about .head h1{ font-size: 30px;}
.about .head h1 span{ font-size: 25px; line-height:1.5;}
.about .box .item{border-radius:15px; padding:0 15px 15px 15px; margin-bottom:20px;}

.about .head .item.item01{top:160px;}
.about .head .item.item02{top:540px;}
.about .head .text{line-height:1.5;}
.about .box{background-size:cover;}
.about .box .item h2{line-height:1.5; padding:15px;margin-left: auto;    margin-right: auto;}
.about .box .item dl{flex-direction: column;}
.about .box .item dl dt{width:120px; margin-bottom:20px;}
.about .box .item dl dt span{margin-left:5px; width:20px;}
.about .box .item dl dt.point1 span img{ width:25px;}
.about .box .item dl dt.point2 span img{ width:30px;}
.about .box .item dl dt.point3 span img{ width:25px;}
.about .box .item dl{padding:40px 0;}
.about .foot{margin-top:40px;}
.about .foot .box{flex-direction: row;}
}



/*==============================
F＆E酵素の効果・メリット
==============================*/

.merit .head{width:100%; height:100vh;min-height: 800px;}


.merit .head img{ height:100%; object-fit:cover;}
.merit .head .text_area{max-width:1100px; margin:0 auto; padding: 0 20px;position:absolute;width: 100%; top:20%;left: 50%;transform: translateX(-50%);}
.merit .head h1{ font-size: clamp(3.125rem, 1.3205rem + 3.7594vw, 4.375rem);line-height:1.2;}
.merit .head h1 span{display:block; font-size:34px; margin-top:30px;}
.merit .head .text{ line-height:2; margin-top:60px;}

.merit .support{background: url(/wp-content/themes/kouso-life/assets/image/merit_support.jpg) no-repeat; padding:60px 0;}
.merit .support .item{border-radius:25px;background-color:rgba(255,255,255,0.7); padding:40px; width:80%;}
.merit .support .item h2{border-bottom:solid 1px #000; padding-bottom:10px;font-size: clamp(1.625rem, 1.0156rem + 1.2678vw, 2.125rem); margin-bottom:20px;}
.merit .support .item .text{margin-bottom:40px;}
.merit .support .item .text:last-of-type{margin-bottom:0;}

.merit .customer_voice{padding-top:60px;}
.merit .customer_voice .box{align-items: center;}
.merit .customer_voice .box .photo{width:35%;}
.merit .customer_voice .box .text_area{width:65%;}
.merit .customer_voice .box .text_area h2{margin-left:60px; margin-bottom:30px;}
.merit .customer_voice .box .text_area h2 img{width:400px;}
.merit .customer_voice .box .text_area dl{display:flex;align-items: center;margin-bottom:40px;letter-spacing:0;}
.merit .customer_voice .box .text_area dl dt{border-radius:15px 0 0 15px; background:#c69c6d; padding:10px 15px;font-size: clamp(2.5rem, 1.3575rem + 2.3772vw, 3.4375rem); width:fit-content; margin-right:20px; color:#FFF; line-height:1; white-space:nowrap; font-weight:normal; }
.merit .customer_voice .box .text_area dl dt span{ font-size:15px;}
.merit .customer_voice .box .text_area dl dd{font-size: clamp(1.0625rem, 0.6817rem + 0.7924vw, 1.375rem);}

@media screen and (max-width: 768px) {
.merit .head h1{ font-size: 30px;}
.merit .head h1 span{ font-size: 25px; line-height:1.5;}
.merit .head .text_area{top:15%;}
.merit .head .text{margin-top:30px;}
.merit .support .item{width:100%;padding: 20px;}
.merit .support .item h2{ font-size: 25px; line-height:1.5;}
.merit .customer_voice .box{flex-direction: column-reverse;}
.merit .customer_voice .box .text_area{width:100%;}
.merit .customer_voice .box .photo{width:60%; max-width:300px;}
.merit .customer_voice .box .text_area dl{flex-direction: column;}
.merit .customer_voice .box .text_area h2{margin-left:0; margin-bottom:10px;}
.merit .customer_voice .box .text_area h2 img{width:100%;}
.merit .customer_voice .box .text_area dl dt{border-radius:15px; margin-right:0; margin-bottom:20px;padding: 10px 40px;}
}


/*==============================
私たちの工場と製造技術
==============================*/
.technology .head{width:100%; height:100vh;min-height: 600px;}
.technology .head img{ height:100%; object-fit:cover;}
.technology .head .text_area{max-width:1100px; margin:0 auto; padding: 0 20px;position:absolute;width: 100%; top:0%;left: 50%;transform: translateX(-50%); height:100vh;}
.technology .head h1{ text-align:right; padding-right:10%;}
.technology .head h1 img{height:80%; width:auto;}
.technology .head .text{ line-height:2; margin-top:10px; color:#FFF;font-size: clamp(0.8125rem, 0.6602rem + 0.317vw, 0.9375rem);}

.technology .item{margin-top:60px;}
.technology .item:first-of-type{margin-top:80px;}
.technology .item h2{font-size: clamp(1rem, 0.6192rem + 0.7924vw, 1.3125rem); font-weight:700; border-bottom:solid 1px #000; padding-bottom:15px; margin-bottom:20px; line-height:1.4;font-family: 'Noto Sans JP', sans-serif;}
.technology .item .photo{margin-top:40px; border-radius:25px; overflow:hidden;}


@media screen and (max-width: 768px) {
.technology .head{width:100%; height:auto;min-height: unset;}
.technology .head h1{ text-align:center; padding-right:0%;}
.technology .head h1 img{height:auto; width:80%;}
.technology .head .text{margin-top:40px;}
}


/*==============================
素材へのこだわり
==============================*/
.material .head{width:100%; height:100vh;}
.material .head img{ height:100%; object-fit:cover;}
.material .head h1{position:absolute; left:10%; top:20%; height:65%;}

.material .photo_image{margin-top:10px;}
.material .photo_image .item{width:33%;}

.material .point .box{flex-wrap: wrap;}
.material .point .box .item{width:46%; margin-top:80px;}
.material .point .box .item h2{font-size: clamp(1rem, 0.6192rem + 0.7924vw, 1.3125rem); font-weight:700; border-bottom:solid 1px #000; padding-bottom:15px; margin-bottom:20px; line-height:1.4;font-family: 'Noto Sans JP', sans-serif;}

@media screen and (max-width: 768px) {
.material .head h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:90%; height:auto;}
.material .head h1 img{height:auto; }
.material .photo_image .box{flex-direction: row;}
.material .point .box .item{width:100%; margin-top:60px;}
}



/*==============================
季節の酵素
==============================*/
.season .head{width:100%; height:100vh;min-height: 700px;}
.season .head img{ height:100%; object-fit:cover;}
.season .head .text_area{ position:absolute;width: 100%;top: 30%;color:#FFF;}
.season .head h1{max-width:1100px; margin:0 auto;font-size: clamp(3.125rem, 1.6016rem + 3.1696vw, 4.375rem); margin-bottom:30px;padding: 0 20px;}
.season .head .text{ line-height:2; font-size: clamp(0.8125rem, 0.6602rem + 0.317vw, 0.9375rem);background-color:rgba(0,0,0,0.3); padding:30px 0;}
.season .head .text .inner{max-width:1100px; margin:0 auto;padding: 0 20px;}
.season .head .text .inner .copy{font-size: clamp(1.625rem, 1.0156rem + 1.2678vw, 2.125rem);font-family: 'Noto Serif JP', serif; margin-bottom:20px; line-height:1;}

.season .season_products{margin-top:120px;}
.season .season_products .item{width:45%;}
.season .season_products .item h2{margin-bottom:60px;}
.season .season_products .item h3{font-size: clamp(2.5rem, 1.7383rem + 1.5848vw, 3.125rem);margin-bottom:60px;}
.season .season_products .item h4{font-size: clamp(1rem, 0.6192rem + 0.7924vw, 1.3125rem); font-weight:700; border-bottom:solid 1px #000; padding-bottom:15px; margin-bottom:20px; line-height:1.4;font-family: 'Noto Sans JP', sans-serif;}
.season .season_products .item h5{font-size:15px;font-family: 'Noto Sans JP', sans-serif; font-weight:700;}
.season .season_products .item h5:first-of-type{margin-top:40px;}
.season .season_products .item .photo{margin-bottom:60px;}
.season .foot{border-radius:25px; background:#8b6500; padding:40px; text-align:center; color:#FFF; line-height:2; margin-top:80px;}
.season .foot .copy{font-size: clamp(1rem, 0.6192rem + 0.7924vw, 1.3125rem);}

@media screen and (max-width: 768px) {
.season .head h1{font-size:30px; margin-left:5%;}
.season .head .text_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:100%;}
.season .head .text{padding:20px;}
.season .head .text .inner .copy{font-size:25px; line-height:1.2;}
.season .season_products{margin-top:0px;}
.season .season_products .item{width:100%; margin-top:60px;}
.season .season_products .item h3{margin-bottom:40px;}
.season .season_products .item h5{margin-top:20px;}
.season .foot{padding:20px;}
}



/*==============================
飲み方・続け方ガイド
==============================*/
.guide .head{width:100%; height:100vh;min-height: 700px;}
.guide .head img{ height:100%; object-fit:cover;}
.guide .head .text_area{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#FFF;text-align:center;}
.guide .head h1{font-size: clamp(3.125rem, 1.6016rem + 3.1696vw, 4.375rem); margin-bottom:40px; color:#000; }
.guide .head .text{ line-height:1.6;font-size: clamp(1.625rem, 1.0156rem + 1.2678vw, 2.125rem); background-color:rgba(211,183,132,0.8); padding:40px 50px; border-radius:25px;}
.guide .head .text .copy{margin-bottom:0px; line-height:1;font-size: clamp(1rem, 0.6192rem + 0.7924vw, 1.3125rem);  margin-top:30px;}

.guide .box{flex-direction: column; padding:60px 80px; position:relative; margin-top:100px;}
.guide .box:before,.guide .box:after{ content:"";background: url(/wp-content/themes/kouso-life/assets/image/guide_dot.png); background-repeat:repeat-y; position:absolute;top: 0;width: 23px;height: 100%;}
.guide .box:before{left:0;}
.guide .box:after{right:0;}
.guide .box .photo{text-align:center;}
.guide .box .photo img{width:auto; }
.guide .box .photo:last-of-type{margin-top:100px;}
.guide .box h2{font-size: clamp(1.625rem, 1.0918rem + 1.1094vw, 2.0625rem);border-bottom:solid 1px #bba275; padding-bottom:15px; margin-bottom:20px; margin-top:80px; font-weight:600;}
.guide .box h3{font-size:18px;font-family: 'Noto Sans JP', sans-serif; margin-top:40px; margin-bottom:10px;}


@media screen and (max-width: 768px) {
.guide .head {min-height: unset;}
.guide .head h1{font-size:30px;}
.guide .head .text{ font-size:25px; padding:15px;}
.guide .head .text_area{width: 90%;}
.guide .head .text .copy{line-height:1.5;}
.guide .box{padding:40px;}
.guide .box h2{font-size:20px; line-height:1.5;}
.guide .box h3{line-height:1.5;}
.guide .box .photo img{width:100%;}
}


/*==============================
商品ラインナップ
==============================*/
.products .head{display:flex;justify-content: space-between; align-items: center;margin-top:200px;}
.products .head .text_area{width:60%;}
.products .head .text_area h1{font-family: "Cormorant SC", serif; font-weight:500; font-size: clamp(5rem, 3.4766rem + 3.1696vw, 6.25rem); margin-bottom:30px; letter-spacing:15px;}
.products .head .photo{width:23%;}


.products .lineup{}
.products .lineup .item{background:#FFF; border-radius:0 30px 30px 0;display:flex;justify-content: space-between; margin-top:60px; }
.products .lineup .item .photo{width:30%;}
.products .lineup .item .text_area{width:70%;padding:30px 40px;}
.products .lineup .item .text_area .heading{display:flex; align-items: center;border-bottom:solid 1px #000; padding-bottom:15px; margin-bottom:10px}
.products .lineup .item .text_area .heading h2{ font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem); line-height:1.4;display:flex;align-items: center;}
.products .lineup .item .text_area .heading h2 span{font-size:12px; margin-right:10px;}

.products .lineup .item .text_area .heading .btn_group{display:flex; margin-left:auto;font-family: 'Noto Sans JP', sans-serif; }
.products .lineup .item .text_area .heading .btn_group .btn{background:#8b6500; border-radius:10px;  color:#FFF; margin-left:15px; line-height:1; min-width:100px; text-align:center;}
.products .lineup .item .text_area .heading .btn_group .btn a{display:flex; align-items: center;justify-content: center;padding:10px; }
.products .lineup .item .text_area .heading .btn_group .btn span{font-size:10px;}

.products .lineup .item .text_area h3{font-size:12px;font-family: 'Noto Sans JP', sans-serif; margin-bottom:10px;}
.products .lineup .item .text_area .text{font-size:12px;font-family: 'Noto Sans JP', sans-serif;}
.products .lineup .item .text_area .copy{font-family: 'Noto Serif JP', serif;}


@media screen and (max-width: 768px) {
.products .head{margin-top:150px;    align-items: self-start;}
.products .head .text_area{width:70%;}
.products .head .text_area h1{font-size:30px;}
.products .lineup .item{margin-top:40px;flex-direction: column;border-radius:25px;}
.products .lineup .item .text_area{width:100%;padding:20px;}
.products .lineup .item .photo{width:80%; text-align:center; margin-left:auto; margin-right:auto;}
.products .lineup .item .text_area .heading{flex-direction: column}
.products .lineup .item .text_area .heading .btn_group{margin-right:auto; margin-top:20px;}
}


/*==============================
お客様の声
==============================*/
.voice .head{display:flex;justify-content: space-between; align-items: center;margin-top:200px;}
.voice .head .text_area{width:60%;}
.voice .head .text_area h1{font-size: clamp(2.5rem, 1.8906rem + 1.2678vw, 3rem); margin-bottom:30px; }
.voice .head .photo{width:23%;}
.voice .box{background: url(/wp-content/themes/kouso-life/assets/image/voice.jpg);flex-direction: column; border-radius:25px; padding:60px; margin-top:60px;}
.voice .box .item{border-bottom:solid 1px #000; padding:30px 0;}
.voice .box .item:first-child{border-top:solid 1px #000;}
.voice .box .item .heading{display:flex; align-items: center; margin-bottom:30px;}
.voice .box .item .heading h2{ font-size:24px; line-height:1.5;}
.voice .box .item .heading .info{margin-right:40px; font-size:18px;}


@media screen and (max-width: 768px) {
.voice .head{margin-top:150px;    align-items: self-start;flex-direction: column;}
.voice .head .text_area{width:100%;}
.voice .head .text_area h1{font-size:30px;}
.voice .head .photo{width:15%; margin-left:auto; margin-right:auto; margin-top:20px;}
.voice .box{padding:40px 20px; margin-top:40px;}
.voice .box .item .heading{flex-direction: column;}
.voice .box .item .heading .info{margin-right:0px; margin-bottom:10px;}
}

/*==============================
よくある質問
==============================*/
.faq .head{display:flex;justify-content: space-between; align-items: center;margin-top:200px;}
.faq .head .text_area{width:60%;}
.faq .head .text_area h1{font-size: clamp(2.5rem, 1.8906rem + 1.2678vw, 3rem); margin-bottom:30px; }
.faq .head .photo{width:23%;}
.faq .box{background: url(/wp-content/themes/kouso-life/assets/image/faq.jpg);flex-direction: column; border-radius:25px; padding:60px; margin-top:60px;}
.faq .box .item{border-bottom:solid 1px #000; padding:40px 0;}
.faq .box .item:first-child{border-top:solid 1px #000;}
.faq .box .item h2{display:flex;align-items: center;font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem); margin-bottom:30px;}
.faq .box .item h2 img{width:50px; margin-right:30px;}

.faq .box .item .answer{display:flex;}
.faq .box .item .answer img{width:50px; margin-right:30px;}

@media screen and (max-width: 768px) {
.faq .head{margin-top:150px;    align-items: self-start;flex-direction: column;}
.faq .head .text_area{width:100%;}
.faq .head .text_area h1{font-size:30px;}
.faq .head .photo{width:15%; margin-left:auto; margin-right:auto; margin-top:20px;}
.faq .box{padding:40px 20px; margin-top:40px;}
.faq .box .item h2{line-height:1.5;}
}


/*==============================
コラム
==============================*/
.column .head{display:flex;justify-content: space-between; align-items: center;margin-top:200px;}
.column .head .text_area{width:60%;}
.column .head .text_area h1{font-family: "Cormorant SC", serif; font-weight:500; font-size: clamp(5rem, 3.4766rem + 3.1696vw, 6.25rem); margin-bottom:30px; letter-spacing:15px;}
.column .head .photo{width:23%;}
.column .box{margin-top:80px;flex-wrap: wrap;}
.column .box .item{width:22%;font-family: 'Noto Sans JP', sans-serif; margin-bottom:80px;}
.column .box .item .photo{border-radius:25px; overflow:hidden; margin-top:15px;}

.column.detail .box{margin-top:250px;}
.column.detail .box h1{font-size: clamp(1.75rem, 1.293rem + 0.9509vw, 2.125rem); margin-bottom:40px;}
.column.detail .box .text{margin-bottom:40px;font-family: 'Noto Sans JP', sans-serif; line-height:2;}
.column.detail .box .photo{border-radius:25px; overflow:hidden; margin-top:15px;}

@media screen and (max-width: 768px) {
.column .head{margin-top:150px;    align-items: self-start;flex-direction: column;}
.column .head .text_area{width:100%;}
.column .head .text_area h1{font-size:40px;}
.column .head .photo{width:35%; margin-left:auto; margin-right:auto; margin-top:20px;}
.column .box .item{width:100%;}

.column.detail .box{margin-top:150px;}
}



/*====================
下層：アコーディオン
=====================*/
.accordion-container{margin-top: 100px;}
.accordion-container .item{border-bottom:solid 2px #000; }
.accordion-container .item:first-child{border-top:solid 2px #000; }
.accordion-container .item h3.js-accordion-title{position:relative;transition:0.4s all;display:block;font-size:24px;color:#1d6aae; margin-bottom:0; padding:35px 70px 35px 0;}
.accordion-container .item h3.js-accordion-title:hover{cursor:pointer;}
.accordion-container .item h3.js-accordion-title::before{/* 閉じている時 */	content: "";position: absolute;background:url(/wp-content/themes/sekiyuyusou-recruit/assets/image/ic_arrow_down.svg) no-repeat; width: 34px;  height: 17px;  transition: all .5s;top: 40px; right:15px;}
.accordion-container .item h3.js-accordion-title.open{}
.accordion-container .item h3.js-accordion-title.open::before{/* 開いている時 */	content: "";	transition: all .3s ease-in-out;  transform: rotate(180deg);top: 40px; right:15px;}
.accordion-container .item .accordion-content{transition: max-height 0.3s ease; padding:0px 0 35px 0;}

.accordion-container table{margin-top:0;}
.accordion-container table tr:last-child th,.accordion-container  table tr:last-child td{border-bottom:none;}

@media screen and (max-width: 768px) {
.accordion-container{margin-top:50px;}
.accordion-container .item h3.js-accordion-title{font-size:20px; padding:35px 70px 35px 0; line-height:1.2;}

}
/*==========================
スワイパー
=========================*/
.swiper{}
.swiper img{ aspect-ratio:1;}


@media screen and (max-width: 768px) {
.swiper{height:300px; margin-top:50px;}
}


/*==========================
お問い合わせ
=========================*/
.contact{margin-top:200px;font-family: 'Noto Sans JP', sans-serif; }
.contact h1{font-size: clamp(2.5rem, 1.8906rem + 1.2678vw, 3rem); margin-bottom:30px; margin-bottom:60px;}
.contact .title{display:flex;align-items: center;margin-top:40px;}
.contact .title .must{border-radius:5px; text-align:center; padding:5px; margin-right:20px; font-size:14px; color:#FFF;}
.contact .title .must.on{background:#8c6239;}
.contact .title .must.off{background:#787878;}
.contact input[type="text"],.contact input[type="email"],.contact textarea{border:solid 1px #DDD; background:#FFF;border-radius:10px;  margin-top:10px; padding:7px 10px; width:100%; font-size:16px;}
.contact form{  }
.contact .formbtn{width:94px; height:94px; border-radius:50%; background:#8c6239; text-align:center; line-height:94px; color:#FFF; padding:0; margin-left:auto; margin-right:auto;display: block; margin-top:60px;}

.wpcf7-radio label{display:flex;align-items: center;}
.wpcf7-radio label:hover{cursor:pointer;}
.contact input[type="radio"]{scale: 1.5; margin-right:10px; margin-left:40px;}


@media screen and (max-width: 768px) {
.contact{padding-top:100px;margin-top:60px;}
.contact h1{ font-size:30px;}
.contact form{  padding:0; margin-top:40px; }
.contact img.bg1{display:none;}
.contact img.bg2{display:none;}
.contact .formbtn{margin-top:40px;}
.wpcf7-radio{display:flex;}
.contact input[type="radio"]{ margin-left:0px; margin-right:20px;}
.wpcf7-list-item{margin-left:10px; margin-top:15px;}
.contact .title{flex-wrap: wrap;}

}



/*=======  ニュース  =======*/
.news .head{ position:relative; margin-top:240px; margin-bottom:80px;}
.news .head h1{background:#eacd89;font-size: clamp(1.75rem, 1.293rem + 0.9509vw, 2.125rem); color:#000; padding:20px 80px; margin-right:100px;}
.news .head .photo{position:absolute; right:0; top:-70px;width:25%;}
.news .box{flex-direction: column;}
.news .box .item{width: 100%; }
.news .box .item dl{display:flex; border-bottom:solid 1px #eacd89; padding:20px;font-family: 'Noto Sans JP', sans-serif;    font-weight: 500;}
.news .box .item dl dt{ width:200px;    font-weight: 500;}
.news .box .item dl dd{width:calc(100% - 150px);}
.news .box .viewmore{display:flex;align-items: center; line-height:1; margin-top:0; margin-left:auto; margin-right:0;}
.news .box .viewmore img{ width:100%;}

.news.detail{}
.news.detail .box{margin-top:250px;}
.news.detail .box h1{font-size: clamp(1.75rem, 1.293rem + 0.9509vw, 2.125rem); margin-bottom:40px;font-family: 'Noto Sans JP', sans-serif; }
.news.detail .box .text{margin-bottom:40px;font-family: 'Noto Sans JP', sans-serif; line-height:2;}
.news.detail .box .photo{border-radius:25px; overflow:hidden; margin-top:15px;}




@media screen and (max-width: 768px) {
.news .head{ margin-top:200px; margin-bottom:40px;}
.news .head h1{padding:20px; margin-right:0px;}
.news .box .item dl{flex-direction: column;}
.news.detail .box{margin-top:150px;}
}


/*=======  ページャー  =======*/
.pagenation{display:flex;justify-content: center;margin-bottom:100px; margin-top:100px;}
.pagenation .item{width:10%; margin:20px 0px; text-align:center;}
.pagenation .item a{color:#000;}
.pagenation .item:last-child{text-align:right;}
.pagenation .item > div{display:flex; font-size:13px; margin-bottom:20px;}
.pagenation .item:last-child > div{flex-direction: row-reverse;}
.pagenation .item .date{ margin-bottom:0px;}
.pagenation .item .title{border-bottom:none; padding-bottom:0px;}
.pagenation .item .title a{color:#000; font-size:17px;}

.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '';  width: 20px;  height: 20px;  border-top: solid 2px #000;  border-right: solid 2px #000;  position: absolute;  left: 0px;  top: 1px;}

.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before {  transform: rotate(45deg);}

@media screen and (max-width: 768px) {
.page-detail .title{margin-bottom:40px;}
.pagenation{margin-bottom:40px;}
}





table {width:100%; margin-top:40px;}
table th, table td{padding:10px;border-top:solid 1px #000; line-height:1.8;}
table tr:last-child th, table tr:last-child td{border-bottom:solid 1px #000;}
table th{width:25%;  font-weight:normal;}
.img100{width:100%; height:auto;}


@media screen and (max-width: 768px) {
table td,table th{width:100%; display:block;}
table th{background:#f0f0f0;}
table tr:last-child th{border-bottom:none;}

}

/*==============================
部品
==============================*/
.link_top{font-size:18px; margin-top:60px; text-align:center;font-family: 'Noto Sans JP', sans-serif; font-weight:600;}

ul.circle{ margin-top:5px; }
ul.circle li{text-indent: -20px;padding: 0 0 0 20px;}
ul.circle li:before{content:"●"; margin-right:5px;}
ul.circle.brown{color:#8b6500;font-family: 'Noto Sans JP', sans-serif;font-weight: 500; margin-bottom:5px;}
span.big{font-size:110%; font-weight:bold;font-family: 'Noto Sans JP', sans-serif;}

.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.text_center{text-align:center;}

@media screen and (max-width: 768px) {
.mt60{margin-top:40px;}
.link_top{margin-top:40px; }
}
/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;left: calc(100vw - 100px); display:none; z-index:1;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: 20px;left:auto; right:25px; }
#page_top a{}
}



/*=======  サイトマップ  =======*/


/*=======  フッター  ====*/
footer{background: url(/wp-content/themes/kouso-life/assets/image/footer.png) no-repeat; background-position:left 30px; min-height:650px; margin-top:150px;font-family: 'Noto Sans JP', sans-serif; color:#FFF;}
footer a:hover{text-decoration:underline;}
footer img.text{z-index: -1;    position: relative;}
footer .inner{max-width:1300px; margin:0 auto; position:relative;padding: 0 20px;}
footer .inner .banner{margin-left:auto; min-width:300px; width:40%; margin-top:100px;margin-bottom:80px;}
footer .inner .banner ul li{margin-bottom:15px;}
footer .box{}
footer .box .name{font-size:120%; margin-bottom:20px;}
.copyright{text-align:center; font-size:20px;letter-spacing:1px; padding-top:60px; padding-bottom:60px;font-family: 'Noto Serif JP', serif;}

@media screen and (max-width: 768px) {
footer{margin-bottom:0px; text-align:center;margin-top: 100px; min-height:inherit; background-size:cover;}
footer .box{width:100%;flex-wrap: wrap;flex-direction: row;}
footer .box .address{width:100%;padding-right: 0px; }
footer .box .navi{width:90%; margin-left:auto; margin-right:auto; margin-top:40px;}
footer .box .navi ul{width:50%; padding-left:0; margin-right:0; text-align:center;}
footer .box .navi ul:first-child{border-left:none;}
footer .box .navi ul li{margin-bottom:10px;}
footer .btn_entry{width:150px; min-width:auto; margin-bottom:50px;}
footer .inner .banner{margin-left:auto; margin-right:auto; max-width:300px; width:100%; margin-top:100px;margin-bottom:60px;}
footer .box .item:nth-child(1){width:100%; margin-bottom:40px;}
footer .box .item:nth-child(2){width:100%;}
footer .box .item:nth-child(3){width:100%;}
footer .box .item:nth-child(4){width:100%;}



footer .box .navi ul:first-child{margin-right:0px;}
.copyright{ padding-top:20px; padding-bottom:20px;}
}




/*==============================
Youtube 埋め込み
==============================*/
.youtube{width: 100%;  aspect-ratio: 16 / 9; margin-top:100px;}
.youtube iframe {  width: 100%;  height: 100%;}

@media screen and (max-width: 1050px) {
.youtube{margin-top:50px;}
}




/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 1.0s ease 0.5s 1 normal backwards;}
.delay01{animation-delay: 0.1s !important;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/*=======  左からからフェードイン  =======*/
.fadein_from_left{opacity: 0;}
.fadein_from_left.isShow {  opacity: 1;animation:  fadein_from_left 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_left {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*=======  右からからフェードイン  =======*/
.fadein_from_right{opacity: 0;}
.fadein_from_right.isShow {   opacity: 1;animation:  fadein_from_right 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_right {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*=======  上からからフェードイン  =======*/
.fadein_from_top{opacity: 0;}
.fadein_from_top.isShow {   opacity: 1;animation:  fadein_from_top 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_top {
  0% {
    opacity: 0;
    transform: translateY(-500px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}