@charset "UTF-8";

/* ==========================
  共通クラス等
========================== */
  main {
    display: block;
  }
section{ padding-top: 96px; margin-bottom: 96px;}
.moviearea{ padding-top: 0; margin-bottom: 0}
.slick-prev, .slick-next{ top:auto; bottom: 5px; background: url("../common/img/slkarw.svg") left top no-repeat; width: 12px; height: 24px; background-size: contain;}
.slick-prev{ transform: scale(-1, 1); left: 35%;}
.slick-next{ right: 35%;}
.slick-dots{ position: relative; bottom: 0; margin-top: 96px; margin-bottom: 96px;}
.slick-dots li{ width: 53px; height: auto; margin-left: 10px;}
.slick-dots li button{ width: 38px; height: 35px;}
.slick-dots li button:before{ background: url( "../common/img/dot0ff.png") center center no-repeat; background-size: cover;  width: 38px; height: 35px;}
.slick-dots li.slick-active button{ width: 53px; height: 45px; }
.slick-dots li.slick-active button:before{ background: url( "../common/img/doton.png") center center no-repeat; background-size: contain;  width: 53px; height: 45px; }
.slick-dots li.slick-active button:after{ content: ""; height: 2px; width: 100%; display: block; position: absolute; bottom: -10px; background:  #F29700; left: 0; }

.secTit{ text-align: center; margin-bottom: 64px;}
.secTit h2{ font-size: 5.6rem; margin-bottom: 4px; font-weight: 700; color: #E60012; margin-bottom: 20px;}
.secTit p{ font-size: 2.8rem; font-weight: 600;}

.boderCon{ border-top: 1px solid #E60012; line-height: 1; z-index: 0;}
.incontentW{ max-width: 986px;}
.news .mainTit .secTit p{ color: #000}

.business_products .lineupList li{ width: calc(33% - 12.5px);}
.business_products .secTit.businessTit h2{ color: #E06910}
.business_products  .lineupList a.btn{ border: 1px solid #E06910;
    color: #E06910;}
.business_products  .lineupList .listtit:before{ background: #E06910;}
.business_products  .lineupList li:hover a.btn {
    background: #E06910;
    border: 1px solid #E06910;
    color: #fff;
}
.business_products .lineupList li:hover {
    border: 1px solid #E06910;
}
.business_products .bgareaR{background: #E06910;}

.catalogImg{ max-width: 338px; margin: 0 auto;}
.recipProduct{ display: flex;  margin-top: 50px; align-items: center;}
.recipProduct .prdImgWrapp{ width: 50%;}
.recipProduct .prdImgWrapp .productimg{ max-width: 244px; margin: 0 auto;}
.recipProduct .podctListWrapp{ width: 50%; box-sizing: border-box; padding: 0 20px; text-align: center;}
 .recipProduct .pdctLinklist{ padding: 0 40px; padding-top: 20px;  }
.materialsTit{ font-size: 1.6rem; border-bottom: 1px solid #E60012; color: #E60012; padding-bottom: 10px;}
.materialsList{ padding-top: 20px; display: flex; flex-wrap: wrap; column-gap: 40px; width: 100%;}
.materialsList dl{ font-weight: 500; padding-bottom: 10px; width: calc(50% - 20px); box-sizing: border-box; border-left: 1px solid #E60012; padding-left: 20px;}
.materialsList dl{ display: flex; justify-content: space-between;}

.materialWrapp{}
.materials{ width:100%;}
.howmake{ font-weight: 500; }
 ol.howmake{ list-style-position: inside; line-height: 2;}
.recipdt{ margin-bottom: 0; padding-top: 1px;}

.recipesTexts {
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
	margin-top: 40px;
}

.recipesTexts span {
    width: calc(100% - 50px);
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
		display: -webkit-box;             
  -webkit-box-orient: vertical;      /* 垂直方向に配置 */
  overflow: hidden;                  /* 溢れた部分を隠す */
  text-overflow: ellipsis;           /* 溢れた部分に「...」を表示 */
  -webkit-line-clamp: 2;             /* 最大行数を2行に設定 */
	line-height: 1.5;

}

.recipesTexts :after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../common/img/arrow.svg) center center no-repeat;
    padding-left: 40px;
    background-size: contain;
    vertical-align: middle;
}

.ftlinks{ background:#F7F7F7; padding-bottom: 96px; margin-bottom: 0; }
.ftlinks .cpbannerslide li a:after{ display: none;}
.flsttsin.recipesList{ display: block;}

.ftsecondList{ max-width: 1048px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 40px ; border-radius: 60px;}

.ftsecondList .recipesList{ flex-wrap: wrap; margin-bottom: 0;}
.ftsecondList .recipesList li{ width: calc(33% - 16px); margin-bottom: 40px;}
.ftlinks .slick-dots{ margin-top: 56px;
    margin-bottom: 56px;}
.recipesList a:hover span{ text-decoration: underline;}
.recipesList li dd span {
		width: calc(100% - 56px); line-height: 1.5;}


.ftsecondList .linklist{ padding-top:20px; }
.recipesList .external dd span {
	width: calc(100% - 60px);}

.recipesList .external dd:after{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../common/img/external.svg") center center no-repeat;
    padding-left: 40px;
    background-size: contain;
    vertical-align: middle;
}

.specialList.brandList li {width: calc(33% - 20px);}
.characterlist li{ width: 530px; text-align: center;}
.characterlist li p img{ margin: 0 auto; text-align: center}
.characterlist dl{ margin-top: 53px; opacity: 0; transition: all .4s; position: relative;}
.characterlist dt{ font-size: 2.8rem; margin-bottom: 30px; color:#E60012 }
.characterlist dd{ font-size: 2.0rem; line-height: 1.5; }
.imgwrapp .onimg{ opacity: 0 !important;}
.character .innerW{ max-width: 1520px}
.imgwrapp{ position: relative; width: 100%; height: 340px;}
.imgwrapp .offimg,.imgwrapp .onimg{  position: absolute; top: 0; width: 100%; transition: all .4s;}
.slick-center .imgwrapp .offimg{ opacity: 0 !important;}
.slick-center .imgwrapp .onimg{ opacity: 1 !important;}
.characterlist .slick-center  dl{ opacity: 1 !important;}
.character .bgarea{ background: #fff; padding: 96px 0}
.character .slick-prev,.character  .slick-next{ bottom: auto; top: 30%; background: url("../common/img/arrowB.svg") left top no-repeat; width: 48px; height: 48px; background-size: contain}


.recreadTxt{ font-size: 2.0rem; line-height: 2; text-align: center; margin-bottom: 96px;}
.youtubeCon a:hover igg{ opacity: 0.6;}
.contact .categorylistIn dt img{height: auto;}

.secondmain .enmaintit {
    text-align: left;
   /* margin-top: -2px;
    margin-left: -2px;*/
}

.recipesList a:hover img {
    box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
transform: translate(-5px, -5px) !important; 
	transition: all .4s;
}

.onlineList img {    border-radius: 24px;}
.onlineList a:hover img {
    box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
   transform: translate(-5px, -5px) !important; 
    transition: all .4s;
}
.cstsvList img{ border-radius: 24px;}
.cstsvList a:hover img{  box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
   /* margin-left: -5px;
    margin-top: -5px;*/
	transform: translate(-5px, -5px) !important; 
    transition: all .4s;}
.navsns li a:hover img{ opacity: 0.6;}

.youtubeCon  img{ border-radius: 43px;}
.youtubeCon  a:hover img{  box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
  transform: translate(-5px, -5px) !important; 
    transition: all .4s;}

@media screen and (max-width:980px) {
section {
    padding-top: 60px;
    margin-bottom: 60px;
	}
	.secTit{ margin-bottom: 40px;}
	.secTit h2{ font-size: 3.6rem; margin-bottom: 10px;}
	.secTit p{ font-size: 2.0rem;}
	.slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 40px;
    margin-bottom: 40px;
}
}

/*product*/
.secondmain{ width: 100%; height: 500px; position: relative; padding-top: 0; margin-bottom: 0;}
.secondmain .enmaintit{ text-align: left;}
.mainimg{ object-fit: cover; width: 100%; height: 500px; position: absolute; object-position: center center;}
.cpmainTit{ padding-left: 50px;}
.mainTit{ color: #fff; text-align: center; position: relative; z-index: #fff; text-align: center;}
.secondmain h1{ font-size: 5.6rem; font-weight: 700; margin-bottom: 10px; position: relative; z-index: 2;}
.secondmain p{ font-size: 2.4rem; font-weight: 600;}
.bgareaR{ background:#E60012;border-radius: 40px; }
.bgarea{ background:#F7F7F7;border-radius: 40px; padding: 50px 0;}
.lineupList {display: flex; flex-wrap: wrap; ; gap: 20px;  justify-content: center; }
.lineupList li{ background: #fff; border-radius: 40px; box-sizing: border-box; padding: 35px; text-align: center; width: calc(50% - 10px); transition: all .4s; border: 1px solid #fff;}
.lineupList .listtit{ font-size: 2.0rem; line-height: 2; font-weight: 500; margin-bottom: 27px;}
.lineupList .listtit:before{ content: ""; display: block; width: 24px; height: 1px; background:#E60012;
	margin: 0 auto; margin-bottom: 27px; transition: all .4s;}

.lineupList a.btn{ background: #fff; border:1px solid #E60012; color: #E60012}
.lineupList li:hover{ border:1px solid #E60012;}
.lineupList li:hover a.btn{ background: #E60012; border:1px solid #E60012; color: #fff}
.lineupList li:hover .listtit:before{ width: 100%;}
.atdTxt{ font-size: 1.4rem; line-height: 1.5; padding: 10px 0; color: #fff;}
.centerbtn{ text-align: center;}

.pnavList{ text-align: center; margin-bottom: 95px;}
.pnavList li{ display: inline-block; padding: 0 10px}
.pnavList li a{ border: 1px solid #E60012; border-radius: 12px; padding: 17px 20px; text-align: center; color:#8C8C8C; display: block; min-width: 190px; box-sizing: border-box; display: block; font-size: 1.6rem; transition: all .4s; height: 50px; box-sizing: border-box;}
.pnavList li.active a{ background:#E60012; color:#fff; display: block;}
.pnavList li a:hover{ background:#E60012; color:#fff; display: block;}
.pnavList li.businesslink a{ border: 1px solid #E06910; }
.pnavList li.businesslink a:hover{ background:#E06910; color: #fff; }

.therdsection{ padding-top: 0;}

.businessListWrapp{ padding: 10px; box-sizing: border-box;}
.ctgtit{color: #E60012; text-align: center; font-size: 2.4rem; font-weight: 600; margin-bottom: 40px;}
.businessBrand .ctgtit{ color: #E06910;}

.businessList .lineupList{ flex-wrap: wrap; gap: 5px;}
.businessList .lineupList li{  width: calc(25% - 5px);}

.businessList .lineupList .listtit {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 15px;
	display: grid;
  place-items: center;
}
.businessList .lineupList .listtit:before{ display: none;}


.businessListdt:before {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background: #E60012;
    margin: 0 auto;
    margin-bottom: 27px;
	 transition: all .4s;
}
.businessListdt{ font-size: 1.4rem;}
.businessListdt .weight{ font-weight: 500; margin-bottom: 12px;  display: grid;
  place-items: center;}
.businessListdt .bldt{ font-weight: 600; text-align: left;}

.businessList .lineupList a:hover .listtit{ color:#E60012; }
.businessList .lineupList a:hover .businessListdt:before{ width: 100%;}
.businessList{ margin-bottom: 10px;}

.business_products .secTit.meintit h2{ color: #E06910}
.business_products .ctgtit{ color: #E06910}
.business_products.detail .lineupList li:hover{    border: 1px solid #fff;}
.business_products .pnavList li a{border: 1px solid #E06910;}
.business_products .pnavList li a:hover{    background:  #E06910;}
.business_products .pnavList li.active a{background: #E06910}


.business_products .pnavList li.productslink  a {
    border: 1px solid #E60012;
}

.business_products .pnavList li.productslink  a:hover {
    background:#E60012;
}


/*商品詳細*/

.productdetail .bgareaR{ border-radius: 0 0 60px 60px;}

.productdetail .pnav{ color: #fff;}
.productdetail .pnav a{ color: #fff;}
.productDtwrapp{ display: flex; column-gap: 40px;}
.productDt,.productmainimg{ width: 50%;}

.productDt h1{ font-size: 3.5rem; font-weight: 800; color:#E60012; line-height: 1.5; margin-bottom: 10px;}
.productmainimg li{ margin-bottom: 40px;}

.productDt .pdctchach{ font-size: 2.8rem;}
.titlechach{ margin-bottom: 40px; font-weight: 600;}
.pdctchachdtTxt{ font-size: 2.0rem; line-height: 2; margin-bottom: 40px;}
.quantity{ border-top: 1px solid #E60012;  border-bottom: 1px solid #E60012; padding: 20px; box-sizing: border-box;}
.quantity dl{ display: flex; justify-content: space-between;}
.pdctLinklist{ padding: 0 20px; padding-top: 40px;}
.pdctLinklist li{ margin-bottom: 20px;}

.contentTitactive{ font-size: 2.0rem; font-weight: 700; margin-bottom: 25px;}
.contentTitactive:before{ content:""; display: inline-block; width:24px; height: 26px; background-size: contain; margin-right: 14px; background: url("../common/img/contentTitimg.svg") left top no-repeat; background-size: contain; vertical-align: middle; line-height: 1;}



.movieWrapp{max-width: 594px; margin: 0 auto; border-radius: 12px; overflow: hidden;}
.movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
	
}

.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contenWrapp{ margin-bottom: 32px;}
.contenWrapp p{ line-height: 2;}

.contentTitactive .sabTit{ font-size: 1.4rem; font-weight: 500; margin-left: 20px;}

.component{ border: 1px solid #E60012; border-radius: 16px; display: flex; overflow: hidden; margin-bottom: 40px}
.component li{ width: 25%; text-align: center; border-right: 1px solid #E60012; box-sizing: border-box;}
.component li:last-child{border-right: none; }
.component li dt{ background:#F7F7F7; color: #E60012; padding: 15px 0;
  place-items: center; border-bottom: 1px solid #E60012;}
.component li dd{padding: 15px ;}

.componentTable {  margin-top: 40px;}
.componentTable table{ display: block;}
.componentTable table tbody{ border: 1px solid #E60012; border-radius: 16px; overflow: hidden; width: 100%;  display: flex;}
.componentTable table tr{ width: 25%; text-align: center; border-right: 1px solid #E60012; box-sizing: border-box;}
.componentTable table tr:last-child{border-right: none; }
.componentTable table tr td:nth-child(1){ background:#F7F7F7; color: #E60012; padding: 15px 0;
  place-items: center; border-bottom: 1px solid #E60012; display: block;}
.componentTable table tr td:nth-child(2){padding: 15px 0; display: block}



.productdetail .bgarea{ background: #fff;}
.allergenList { font-size: 0; letter-spacing: 0; }
/*.allergenList li{ width: 102px; height: 51px; display: inline-block; vertical-align: top; padding: 3.7px; margin-bottom: 1px;}*/
.allergenList li {
    width: 14.2%;
    height: 51px;
    display: inline-block;
    vertical-align: top;
    padding: 2px;
    /* margin-bottom: 1px; */
    box-sizing: border-box;
    margin-block: 2px;
}
.allergenList li span{ border: 1px solid #E60012; display: block; text-align: center; height: 50px; display: grid;
  place-items: center; font-size: 1.6rem; line-height: 1; border-radius: 3px;}
.allergenList li.on span{ background:#E60012; color: #fff; }


.nomaldot .slick-dots li button{ width: 8px; height: 8px;}
		.nomaldot .slick-dots li button:before{ width:8px; height: 8px; background:#E60012; opacity: 0.6; border-radius: 50%;}
	.nomaldot .slick-dots li.slick-active button:before{ width: 8px; height: 8px; background:#E60012; opacity: 1; }
	.nomaldot .slick-dots li{ width: 8px; margin-bottom: 20px;}
.nomaldot .slick-dots li.slick-active button:after{ display: none;}


/*レシピ*/
.NarrowTit{ font-size: 2.8rem; text-align: center; font-weight: 700; background:#E60012; padding: 10 60px; box-sizing: border-box; border-radius: 0 0 40px 40px; color: #fff; height: 64px;  display: grid;
  place-items: center; max-width: 465px; margin: 0 auto; letter-spacing: 0.7em;}
.recipeNarrow .serachWrapp h4{ margin-top: -20px}
.recipeNarrow .serachWrapp h4.fstTit{ margin-top: -33px}
.recipedetail{ padding-top: 80px;}

input[type=text] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.NarrowTit{ margin-bottom: 55px;}
.serachWrapp{ display: flex; align-items: center; margin-bottom: 30px;}
.serachWrapp h4{ width: 130px; color: #E60012;}
.serchCon{ width: calc(100% - 130px);}
.worfList{ padding-top: 10px;}
.worfList li{ display: inline-block; padding-right: 5px; cursor: pointer}
.worfList li:hover{ color: #E60012; text-decoration: underline;}

.serchCon input[type=text] { width: 100%; border: 1px solid #E60012; height: 50px; background: #F7F7F7; border-radius: 12px; box-sizing: border-box; padding: 10px; box-sizing: border-box; font-size: 1.4rem;}

.checkList .checkbox{ background:  #F7F7F7; width:calc( 25% - 10px); display: inline-block; height: 60px; border-radius: 12px;  box-sizing: border-box; padding:15px; margin-right: 5px; margin-bottom: 10px; vertical-align: middle; line-height: 1.9;}
.serchDeytail.srcno{ display: none; transition: all .4s; height: 0;}

.dtbtn {
    text-align: center;
    background: #fff;
    padding: 10px;
    position: relative;
    bottom: -25px;
    max-width: 240px;
    margin: 0 auto;
}
.dtbtn:after{ content: ""; display: inline-block; width: 13px; height: 13px; background: url("../common/img/mainas.svg") left center no-repeat; background-size: contain; margin-left: 20px;}
.dtBtnwrapp{ border-bottom: 1px solid #D9D9D9; }
.opentxt{ display: none;}
.closetxt{ display: none;}
.dtbtn.open:after{  background: url("../common/img/mainas.svg") left center no-repeat; background-size: contain; }

.dtbtn.close:after {background: url("../common/img/plus.svg") left center no-repeat; background-size: contain;}

.dtbtn.open .closetxt{ display: inline-block}
.dtbtn.close .opentxt{ display:inline-block}

.checkbox_icon {
    position: relative;
    width: 16px;
    height: 16px;
    appearance: none;
    background: #FFFFFF;
    border: solid 1px #E60012;
    border-radius: 2px;
    box-shadow: 0 0 0 0 transparent;
    transition-duration: 0.2s;
    transition-property: background-color, border, box-shadow, color;
	margin-right: 10px;
	top: -2px;
}
@media (forced-colors: active) {
    .checkbox_icon {
        transition: none;
        border-color: CanvasText;
    }
}
.checkbox_icon:checked {
    background: #E60012;
    border-color: #E60012;
}
@media (forced-colors: active) {
    .checkbox_icon:checked {
        background-color: Canvas;
        border-color: CanvasText;
    }
}
.checkbox_icon:hover:enabled {
}
@media (forced-colors: none) and (any-hover: hover) {
    .checkbox_icon:hover:enabled {
        border-color: #E60012;
        /*box-shadow: 0 0 0 4px #E60012;*/
    }
}
.checkbox_icon::before {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    mask-image: url("icon.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #FFFFFF;
    transition: opacity 0.2s;
}
@media (forced-colors: active) {
    .checkbox_icon::before {
        transition: none;
        background-color: CanvasText;
    }
}
.checkbox_icon:checked::before {
    opacity: 1;
}
.serchDeytail{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #D9D9D9;}



.c-button svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    width: 21px;
    height: 21px;
	margin-left:30px;

}

.btnserch{ background:#E60012; border: none; box-shadow: none; color: #fff; width: 384px; height: 60px; border-radius: 30px; font-size: 1.6rem; font-weight: 500; }

.is-disabled .btnserch{ background: #8C8C8C;}

.scBtn:not(.is-disabled) .btnserch:hover{ 
    color: #E60012;
    background: #fff; border: 1px solid #E60012}

.scBtn:not(.is-disabled) .btnserch:hover svg{ filter: invert(18%) sepia(65%) saturate(7283%) hue-rotate(343deg) brightness(83%) contrast(134%); }

.is-disabled:before{ content:"フリーワード、商品のいずれかを入力してください。"; display: block; font-size: 2.0rem; margin-bottom: 25px;}


.scBtn{ text-align: center; padding-top: 50px;}

.reciptit{ text-align: center}


.bgareaRecip {
    background: #F29700;
	padding-top: 126px;
	padding-bottom: 96px;
	position: relative;
	margin-top: 10px;
	font-weight: 600;
    
}
.bgareaRecip .bgarea{ background: #fff; }


.reciptit {
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -170px;
}

.todayTit{ font-size: 3.6rem; text-align: center; padding-top: 50px; margin-bottom: 20px;}
.recipnameTit{ font-size: 4.8rem; font-weight: 600; text-align: center; color:#E60012; margin-bottom: 50px; }
.recpiImg{ border-radius: 24px; margin-bottom: 30px; overflow: hidden;}
.recpiTxt{ font-size: 2.4rem;}

.point{ border: 1px solid #E60012; border-radius: 12px; box-sizing: border-box; padding: 30px; position: relative; margin-top: 50px;}
.point .pointtitIn{ position: absolute; top: -22px;  font-size: 1.6rem; color: #E60012; text-align: center; left: 0; width: 100%;}
.point .pointtitIn h4{background: #fff; text-align: center; padding: 10px 30px; display: inline-block;}
.point p{ font-size: 1.6rem; font-weight: 500; line-height: 2;} 

.recipeNarrow{ margin-bottom: 100px;}

.recipdt .pnav{ color: #fff;}
.recipdt  .pnav a {
    color: #fff;
}

.recipedetail section.recipdt{ padding-top: 0;}
.recipedetail .bgareaRecip{ padding-top: 0;}

.taglist{ margin-bottom: 40px;}
.taglist li a{color: #d9d9d9;}
.taglist li { display: inline-block; margin-right: 20px;}

.recipedetail .recipnameTit{ text-align: left;}
.recipedetail  .recipnameTit{ margin-bottom: 20px;}

.futurmainWrapp{ display: flex; }
.tablecontents h3{ font-size: 2.4rem;  margin-bottom: 30px;}
.tablecontents ol{ list-style-position: inside; font-weight: 500;}
.tablecontents ol li{ margin-bottom: 10px;}
.tablecontents{ width: 45%; box-sizing: border-box; padding:64px;}

.futuremain {
    width: 55%;
    height: 562px;
    position: relative;
    border-radius: 35px;
    object-fit: cover;
    overflow: hidden;
    margin-left: auto;
    margin: 10px;
   
}
.futuremain img{ width: 100%; height: 100%; position: absolute; object-position: center center; object-fit: cover;}
.tablecontentsPd.bgarea{ padding: 0;}

.ftcontentTit{ font-size: 2.8rem; font-weight: 700; margin-bottom: 20px; padding-top: 100px;  margin-top: -100px}
.ftcontentTit .ftcipcontentNam {
    background: url(../common/img/ftcontentTitimg.svg) left top no-repeat;
    width: 32px;
    height: 34px;
    padding: 5px;
    background-size: contain;
    color: #E06910;
    margin-right: 14px;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
}

.pdLinks.listcap .recipProduct .prdImgWrapp .productimg{width: 100%;}

.ftcontenWrapp p{ font-size: 1.6rem; line-height: 2;  font-weight: 500;}
.ftcontenWrapp{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #E06910;}
.ftconList{ display: flex; column-gap: 40px; margin-top: 24px;}
.ftconList li{ width: calc(33% - 30px); font-weight: 500;}

.businessList .ftcontenWrapp:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.futuremain{ order: 3;}

.newsCtg span.newCtg{ background: #E60012; color: #fff; margin-bottom: 10px; }

.yearNav{  width: 190px;  border: 1px solid #E06910; border-radius: 12px; background: #fff; overflow: hidden;}
.yesrBtn{height: 48px; width: 190px; text-align: center; color: #E06910;  padding-top: 16px; box-sizing: border-box;text-align: left;
    padding-left: 13px; }
.yesrBtn:after{ content: ""; display: inline-block; width: 10px; height: 10px; background: url("../common/img/arwbtn_org.svg") left center no-repeat; background-size: contain; margin-left: 80px;}

.open .yesrBtn:after{transform: scale(1, -1);}
.yearNav ul{ background: #fff; display: none;}
.yearNav ul li{}
.yearNav ul li a{ color: #E06910;  border-top: 1px solid #E06910; width: 100%; display: block; text-align: left; padding: 13px; box-sizing: border-box;}
.yearNav ul li a:hover{ background:#E06910; color: #fff; }

.yearNav.open ul{ display: block; width: 190px;  box-sizing: border-box;}
.panavWrappnews { position: relative;}
.panavWrappnews .pnavList{ text-align: left;}

.panavWrappnews .yearNav{ position: absolute; right: 0; top: 0; z-index: 5;}

.niwsctgday li{ display: inline-block; margin-right: 20px; color:#8C8C8C}

.newsDtTit{ font-size: 3.6rem; line-height: 1.5; font-weight: 700; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #E60012}
.niwsctgday{ margin-bottom: 10px;}
.newsDtWrapp{ line-height: 2;}

.newsdot{ color: #E60012;}
.newsDtWrapp p{ padding: 30px 0;}
.newsDtWrapp ul{ list-style: disc; list-style-position: inside;}
/*リクルート*/
.secTit h2.recTit{ font-size: 4.8rem; color: #000; line-height: 1.5;}
.recmainimgs{ position: relative; margin-bottom: 40px;}
.recmainimgs dl{ width: calc( 100% - 80px);
	position: absolute; left: 40px; bottom: 40px; color: #fff;
}
.recmainimgs dl dt{ font-size: 2.4rem; margin-bottom: 12px; font-weight: 600;}
.recmainimgs dl dd{ font-size: 1.4rem; line-height: 2;}

.recDitale{ border: 1px solid #E60012; border-radius: 12px; overflow: hidden;}
.recDitale dl{ display: flex; border-bottom: 1px solid #E60012;}
.recDitale dl:last-child{ border-bottom: none;}
.recDitale dt{ font-size: 2.0rem; font-weight: 600; background: #f7f7f7; padding: 20px; width: 13.3%; color: #E60012; border-right:1px solid #E60012; line-height: 2}
.recDitale dd{  padding: 20px; width: 75%; line-height: 2;}
.recDitale.close{ display: none}

.contactTit{ text-align: center; font-size: 2.0rem; font-weight: 600; padding-top: 40px; margin-bottom: 40px; color: #E60012;}

.contactAreaWrapp{ display: flex; column-gap: 20px;}
.contatcArea{ width: 50%; border: 1px solid #E60012; border-radius: 12px; padding: 40px; box-sizing: border-box; text-align: center;}
.contatcAreain h3{ font-size: 2.4rem; line-height: 1.5; font-weight: 600; }

.telcon:before{ content: ""; display: block;width: 28px; height: 1px; background: #E60012; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.telcon h5{ color: #E60012; font-size: 2.4rem;}
.telcon h5 a{color: #E60012;}
.telcon h5 span{font-size: 1.6rem;}
.telcon p{ font-size: 14px; padding-top: 20px;}
.contatcAreain h3{display: grid;
  place-items: center;}

.factWrapps{ display: flex; column-gap: 20px; margin-bottom: 40px;}
.factList{width:33%}
.facts{ border: 1px solid #E60012; border-radius: 12px; overflow: hidden; }
.facts h3{ background:#E60012; color: #fff; font-size: 2.0rem; text-align: center; padding: 20px;}
.facts li{ padding: 20px; border-bottom: 1px solid #E60012; line-height: 2;}
.facts li:last-child{ border-bottom: none;}
.recDtWrapp.close{ display: none;}


/*コンタクト*/
.contactCon .secTit{ margin-bottom: 0;}
.secTit h2.contactTit{ font-size: 3.6rem; color: #000; margin-bottom: 0;}
.contactContent{ margin-bottom: 96px;}
.contactContent .serchCon{ width: 100%; margin-top: 24px; position: relative;}
.contactContent .serchCon　input{ padding-right: 40px;}
.search_Btn{ background-color: transparent; border: none; position: absolute; right: 10px; top: 12px;}

.contctcon .categoryList li{ width: 33%; border:none; padding: 0; }
.contctcon .categoryList li:hover{ border:none}
.contctcon .categoryList li dd{ margin-top: 40px;}
.categoryList li dt{display: grid;
  place-items: center;}

.secTit p.sabtxt{ font-size: 2.4rem; padding-top: 20px;}

.contactatdTxt{ padding-top: 60px;}
.contactatdTxt h5{ color: #E60012; font-size: 2.0rem; line-height: 2; margin-bottom: 20px; text-align: center;}
.contactatdTxt p{ font-size: 1.4rem; line-height: 2;}

/*qa*/
.contactContent .redtxt{ padding-top: 20px;}
.qaLiat { margin-top: 20px;}
.qaLiat li{ border: 1px solid #E60012; border-radius: 12px; padding: 15px; margin-bottom: 20px;}
.qaLiat li h4{ color: #E60012; font-weight: 700; font-size: 20px; position: relative; padding-right: 20px}
.qaLiat li h4:after{ content: ""; display: block; width: 9px; height: 9px; background: url("../common/img/arrow_d.svg") left top no-repeat; background-size: contain; position: absolute; right: 20px; top: 50%;}
.qadt{ border-top: 1px solid #D9D9D9; padding-top: 16px; margin-top: 16px;}
.qadt h5{ font-weight: 700; margin-bottom: 10px;}
.secTit p.redtxt{color: #E60012;}
.qaimhcon{ display: flex; column-gap: 10px;}



/*.qaimhcon .qaTxt{ width: 85%;}*/
.qaimhcon .qaImg{ width: 15%;}

.qadt{ display: none;}
.open .qadt{ display: block;}
.qaLiat li.open h4:after{ transform: scale(1, -1);}
.list50 li{ width: calc(50% - 140px);  margin-bottom: 24px;}
.qadt dt{ font-size: 1.6rem; margin-bottom: 10px;}
.qadt dd{ font-size: 1.4rem;}
.qadt dl{ margin-bottom: 20px;}



.personalptxt{ text-align: center; margin-bottom: 64px;}
.personalptxt a{ color: #E60012;}


.privacycon{border: 1px solid #E60012; padding: 48px; box-sizing: border-box; border-radius: 12px; font-weight: 400;}
.privacycon li{ list-style-position: inside; margin-bottom: 50px;}

.siteMapList{ display: flex; flex-wrap: wrap; column-gap: 40px;}
.siteMapList li{ width: calc(50% - 20px);  margin-bottom: 32px;}

.siteMapList dt { border-top: 1px solid #E60012; color: #E60012; display: block; font-weight: 700; padding-top: 12px; box-sizing: border-box; position: relative;}
.siteMapList dt a{ color: #E60012; display: block; font-weight: 500; box-sizing: border-box; position: relative;}
.siteMapList dt a:before{ content: ""; display: block; width: 9px; height: 9px; background: url("../common/img/arrow.svg") left top no-repeat; background-size: contain; position: absolute; right: 10px; top: 10px;}

.siteMapList dd a.external:before{ content: ""; display: block; width: 9px; height: 9px; background: url("../common/img/externalr.svg") left top no-repeat; background-size: contain; position: absolute; right: 10px; top: 20px;}


.siteMapList dd a{ display: block; padding: 10px 0; position: relative;}
.siteMapList dd a:before{ content: ""; display: block; width: 9px; height: 9px; background: url("../common/img/arrow.svg") left top no-repeat; background-size: contain; position: absolute; right: 10px; top: 20px;}

.sablist.siteMapList dt a{ color: #000;}

.sitemapcon .blttut{ color:#E60012 ;  border-top: 1px solid #E60012; padding-bottom: 21px; padding-top: 21px; border-bottom: 1px solid #f7f7f7;}

.brand .bgarea{ background: #fff;}
.brand .businessList{ margin-bottom: 0;}
.brand .businessListWrapp{ border-radius: 40px 40px 0 0;}
.brand .businessBrand{ border-radius: 0 0 40px 40px; background: #E06910;}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 44px;
}
.pagination{ text-align: center; font-size: 2.4rem;}
.page-item{    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 45px;
    height: 45px;
    background: #fff;
    font-size: 2.4rem;
    color: #000;
    font-weight: 400;
    transition: all 0.15s linear;}
.page-item.prev{transform: scale(-1, 1) !important;}
.page-item.navi-active a{color: #E60012;}
.page-item.first,.page-item.last{display: none}
.lineupcontxt{ position: relative;}
.lineupcontxt:before{ content: ""; display: block; width: 213px; height: 155px; background: url("../img/about/item02.svg") left top  no-repeat; position: absolute; left: -40px; top: -140px;}

/*------------about----------*/

.aboutread{ padding: 0 40px;}
.aboutreadIn{ background: #f7f7f7; border-radius: 30px; padding: 36px; box-sizing: border-box;}
.readTits{ background: #fff;  border-radius: 30px; padding: 36px; font-size: 2.4rem; font-weight: 600; position: relative;}
.readTits:after{content: ""; display: block; width: 165px; height: 287px; position: absolute; right: -20px; top: -90px; background: url("../img/about/misoimg.svg") left top no-repeat;}
.readstxt{ font-size: 2.0rem; line-height: 2; margin-top: 27px; position: relative; padding-left: 60px; box-sizing: border-box;}
.readstxt:before{ content: ""; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 90px; background:#E60012 }
.readstxt{ font-weight: 600;}

.aboutcontxt{ text-align: center; font-size: 2.0rem; margin-bottom: 64px;}
.readstxt h3{ font-weight: 700;}
.lineupImg{ position: relative;}
.lineupImg:before{content: ""; display: block; width: 155px; height: 132px; position: absolute; right: -100px; bottom: -70px; background: url("../img/about/item03.svg") left top no-repeat;}
.workshopImg{ position: relative;}
.workshopImg:before{content: ""; display: block; width: 124px; height: 166px; position: absolute; left: -122px; bottom: 110px; background: url("../img/about/item04.svg") left top no-repeat;}
.workshopImg{ position: relative;}


.philosophy .secondmain{ height: 770px; display: block; }
.philosophy .mainimg{ height: 770px; }
/*.philosophy .secondmain p{ font-size: 5.6rem; line-height: 1.5; padding-top: 60px;}*/
.phpread{ background: #E60012; color: #fff; font-size: 2.4rem; line-height: 2; text-align: center; padding-bottom: 96px;}


.mvv .incontentW{ position: relative;}
.phimg_box{ position: absolute}
.phimgbox{ position: relative; width: 420px; height: 500px;}
.phimgbox .phimg{ position: absolute; left: 0; top: 0;}
.oneArea{ padding-top: 200px;}
.phtxtxs{ width: calc( 100% - 503px); margin-left: auto;  padding: 70px 0;}
.phtxtxs dt{ font-size: 3.6rem;  color: #E60012; font-weight: 600;  font-weight: 600;}
.phtxtxs dd{ color: #8C8C8C; font-size: 2.0rem; padding: 10px 0; font-weight: 600;}
.phtxtxs p{ font-size: 2.8rem; margin-top: 24px; font-weight: 500px;}

.nopd{ padding-top: 0;}
.phpread{ margin-bottom: 0;}
.fixed .twoArea{ opacity: 1}
.phtxtxs{ opacity: 0.4}
.oneArea .phtxtxs{ opacity: 1}
.fixed .oneArea .phtxtxs{ opacity: 0.4}
.fixed .twoArea .phtxtxs{ opacity: 1}
.two .twoArea .phtxtxs{ opacity: 0.4}
.two .theArea .phtxtxs{ opacity: 1}

.phimgbox .phimg{ top: 50%;}
.phtxteArea {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 1000px;*/
 
}

.phimg{ transition: all .8s;}
.phimg02.on-active{ opacity: 0 !important;}
.phimg03.on-active{ opacity: 0  !important;}

.fixed .phimg02.on-active{ opacity: 1 !important}
.fixed .phimg01.on-active{ opacity: 0 !important}
.two .phimg01.on-active{ opacity: 0 !important}
.two .phimg02.on-active{ opacity: 0 !important}
.two .phimg03.on-active{ opacity: 1 !important}
.the .phimg03.on-active{ opacity: 0 !important}

.prgImg {
    max-width: 298px;
    margin: 0 auto;
    margin-top: -30px;
    position: relative;
}
.prgImg:before{ content: ""; width: 150px; height: 132px; display: block; background:url("../img/philosophy/item1.svg") left top no-repeat; position: absolute; right: -84px; bottom: 0; background-size: contain;}
.message{ background: #E60012; padding-bottom: 96px;}
.mesTxt{ color: #fff; font-size: 2.4rem; line-height: 2; text-align: left}
.mesTxt h3{ font-size: 3.6rem; font-weight: 700;  text-align: left; margin-bottom: 55px; margin-top: 50px;}
.mesTxt h3 span{border-bottom: 5px solid #fff; padding-bottom: 10px;}
/*.mesTxt dl{ padding-top: 96px;}*/
.mesTxt dt{ font-weight: 600;}

.ptjh02Tit{ font-size:5.6rem; font-weight: 700; margin-bottom: 64px; }
.ptjh02Tit{ border-bottom: 5px solid #E60012; text-align: center; padding-bottom: 10px; color: #E60012;}
.phptxtxs{ font-size: 2.4rem; line-height: 2; padding-top: 64px;}
.prgWrapp{ display: flex; align-items: center; margin-top: 50px}

.phimg_box {
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
 
  top: 0;
  transition-duration: .6s;
}
.phimg_box.fixed {
  position: fixed;
  top: 50px;
  left: auto;
  z-index: +1;
}
.phimg_box.fixed.none {
  opacity: 0;
  z-index: -1;
}
.oneArea {
  display: flex;
  justify-content: center;
  align-items: center;
 /* height: 1000px;*/

}

.end_box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10px;
  padding: 20px;

  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

.otherBtn{ margin-bottom: 64px;}
.message{ position: relative; z-index: 10;}

/*company*/
.company .secondmain{ height: 534px;}
.company .mainimg{ height: 534px;}

.company .secondmain{ display: block; position: relative; z-index: 4;}
.cpmainTit dt{ font-size: 3.7rem; margin-bottom: 20px;}
.cpmainTit dd{ font-size: 2.0rem;}
.company .secTit{ margin-bottom: 0;}
.company .secTit p{font-size: 2.0rem; line-height: 2;}
.cptblewrapp{ padding-top: 64px;}
.cptblewrapp .recDitale{ width: 100%;}
.cptblewrapp .recDitale dt{ font-size: 1.6rem; width: 26%;}
.twocwrapp{ display: flex; align-items:flex-start; column-gap: 20px;}
.mapwrpps{ position: relative; padding-right: 140px;}
.mapwrpps a.btn{ width: 129px; position: absolute; right: 20px; top: 15px; line-height: 1; height: auto; box-sizing: border-box; min-width: inherit;}
.character { margin-top: 96px;}
.character .secTit{ padding: 32px 0;}
.character .secTit h2{ color: #fff;}
.character .secTit p{ color: #fff;}
.mapwrpps a.btn{ background: #fff; color:#E60012; border: 1px solid #E60012;}
.mapwrpps a.btn:hover{ background: #E60012; color: #fff}


.inovation .secondmain{ display: block; height: auto}
.inovslideWrapp{ padding: 0 40px; box-sizing: border-box; width: 100%; margin-top: -140px;}
.invslide { background: #2424B0; width: 100%; border-radius: 40px; overflow: hidden; padding: 60px 0;}
.invslide.sld02 { background: #E5669C; padding: 100px 0; }
.invslide.sld03 { background: #F29700; padding: 100px 0; }
.invslide li{ padding: 0 40px;}
.invslide li img{ width: 100%; height: auto; }

.linlothertxt .linklist{ padding-top: 0;}

.invslide li.slick-current+ li img{
   animation: korokoro 2.5s linear 0s 1;

}


#int01 .intconIn .ivImg:before {
	animation: jump2 4s cubic-bezier(.165, .84, .44, 1) infinite 0.2s;
}

#int04 .intconIn .ivImg:before{animation: areaJump 4s cubic-bezier(.165, .84, .44, 1) infinite 0.2s;}
#int05 .intconIn .ivImg:before{animation: shakeHand 3s linear infinite 0.2s;}

@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}




@keyframes advanced-bounce {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  25% {
    transform: translateY(-15px) scale(1.1) rotate(5deg);
  }
  50% {
    transform: translateY(-25px) scale(1.15) rotate(-3deg);
  }
  75% {
    transform: translateY(-10px) scale(0.95) rotate(2deg);
  }
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
}

.invTit{ font-size: 3.6rem; font-weight: 600; margin-bottom: 60px;}

.inovation .readstxt{ font-weight: 500;}
.inovation .readstxt:before {
    content: "";
    height: 44px;
}

.inovation .aboutread .secTit h2{ font-size: 2.8rem; margin-bottom: 10px;}
.inovation .aboutread .secTit p{ font-size: 2.4rem; margin-bottom: 10px;}
.inovation .aboutread .secTit{ margin-bottom: 36px;}


.iv01 .readTits:after {
    content: "";
    display: block;
    width: 182px;
    height: 85px;
    position: absolute;
    right: 50px;
    top: auto;
	background: url("../img/innovation/ca01.svg") left top no-repeat;
	bottom: 28px;
    
}

.iv02 .readTits:after {
    content: "";
    display: block;
    width: 182px;
    height: 143px;
    position: absolute;
    right: 50px;
    top: auto;
	bottom: -30px;
	background: url("../img/innovation/ca02.svg") left top no-repeat;
}

.iv03 .readTits:after {
    content: "";
    display: block;
    width: 182px;
    height: 157px;
    position: absolute;
    right: 50px;
    top: auto;
	bottom: 10px;
	background: url("../img/innovation/ca03.svg") left top no-repeat;
    
}

.invsamList{ display: flex; column-gap: 12px; width: 100%; flex-wrap: wrap; margin-top: 24px;}
.invsamList li{ width: calc( 50% - 6px); margin-bottom: 12px;}
.invsamList li .ivsams{ background: #f7f7f7; border-radius: 40px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; transition: all .4s;}
.invsamList li .ivsamImg{ width: 50%; transition: all .4s;}
.invsamList li h4{ width: 50%; font-size: 2.0rem; line-height: 1.5; color:#E60012; box-sizing: border-box; padding: 0 20px; text-align: left; transition: all .4s;}
.pt1 .innerW{ max-width: 1134px; margin: 0 auto; background: url("../img/innovation/bg_iv01.svg") left top no-repeat; background-size: 100%;}

.pt2 .innerW{ max-width: 1134px; margin: 0 auto; background: url("../img/innovation/bg_iv02.svg") left top no-repeat; background-size: 100%;}

.ivtxt h3{ font-size: 3.6rem; line-height: 1.5; font-weight: 700; margin-bottom: 20px; color:#E60012;}
.ivtxt p{ font-size: 1.6rem; font-weight: 500; line-height: 2;}

.intconIn{ position: relative;  padding: 60px 35px; }
.businessList .intconIn{ min-height: 470px;}

.intconIn .ivImg{ width: 26%; position: absolute; top: 30%; right: 3%;}
.intconIn .ivtxt{ width: 65%;}
.pt2 .intconIn .ivImg{ width: 26%; position: absolute; top: 213px; right: auto; left: 5%;}
.pt2 .intconIn .ivtxt{ width: 65%; margin-left: auto;}
.invsamList li{ position: relative; }

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

.invsamList li a:hover .ivsams{ background:#E60012;  }
.invsamList li  a:hover h4{color: #fff;}
	.invsamList li  a:hover .ivsamImg{ opacity: 0.5}
}

.invsamList li:nth-child(1):before{ content: ""; display: block; position: absolute; width: 69px; height: 102px; right: 0; top: -17px; background: url("../img/innovation/01/samch01.svg") left top no-repeat; z-index: 2;}
@media screen and (min-width:981px) {
.invsamList li:nth-child(1):hover:before{
animation: jump2 4s cubic-bezier(.165, .84, .44, 1) infinite 0.2s
}
}

@keyframes jump2 {
    0% {
        transform: translateY(0) scale(1)
    }

    5% {
        transform: translateY(0) scale(1.06,.9)
    }

    10% {
        transform: translateY(-15%) scaleY(1.04)
    }

    15% {
        transform: translateY(0) scale(1.06,.9)
    }

    20% {
        transform: translateY(-15%) scaleY(1.04)
    }

    25% {
        transform: translateY(0) scale(1.06,.94)
    }

    30% {
        transform: translateY(0) scale(1)
    }

    to {
        transform: translateY(0) scale(1)
    }
}
.invsamList li:nth-child(2){ z-index: 2;}
.invsamList li:nth-child(2):before{ content: ""; display: block; position: absolute; width: 69px; height: 103px; right: -40px; top: auto; bottom: 20px; background: url("../img/innovation/01/samch02.svg") left top no-repeat; z-index: 2; transition: all .4s; z-index: 0}

@media screen and (min-width:981px) {
.invsamList li:nth-child(2):hover:before{right: -63px; }
}

.invsamList li:nth-child(3):before{ content: ""; display: block; position: absolute; width: 89px; height: 86px; right: auto; left: 25px; top: auto; bottom: -40px; background: url("../img/innovation/01/samch03.svg") left top no-repeat; z-index: 2; transition: all .2s 0.1s;}
.invsamList li:nth-child(3){ overflow: hidden;}
/*.invsamList li:nth-child(3):hover{ overflow: visible;}*/
@media screen and (min-width:981px) {
.invsamList li:nth-child(3):hover:before{ bottom: -5px;}
}


.invsamList li:nth-child(4):before{ content: ""; display: block; position: absolute; width: 91px; height: 79px; right: auto; left: 40%; top: auto; top: 20px; background: url("../img/innovation/01/samch04.svg") left top no-repeat; z-index: 2;}
@media screen and (min-width:981px) {
.invsamList li:nth-child(4):hover:before{  animation: areaJump 4s cubic-bezier(.165, .84, .44, 1) infinite 0.2s;}
}
@keyframes areaJump {
    0% {
        transform: translateY(0) scale(1)
    }

    5% {
        transform: translateY(0) scale(1.06,.9)
    }

    10% {
        transform: translateY(-30%) scaleY(1.04)
    }

    20% {
        transform: translateY(-30%) scaleY(1.04)
    }

    25% {
        transform: translateY(0) scale(1.06,.94)
    }

    30% {
        transform: translateY(0) scale(1)
    }

    to {
        transform: translateY(0) scale(1)
    }
}


.invsamList li:nth-child(5):before{ content: ""; display: block; position: absolute; width: 75px; height: 63px; right: auto; right: -20px; top: auto; bottom: 20px; background: url("../img/innovation/01/samch05.svg") left top no-repeat; z-index: 2;}
@media screen and (min-width:981px) {
.invsamList li:nth-child(5):hover:before{ animation: shakeHand 3s 
linear infinite 0.2s;}
}
@keyframes shakeHand {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(0)
    }

    24% {
        transform: rotate(-6deg)
    }

    28% {
        transform: rotate(6deg)
    }

    32% {
        transform: rotate(-6deg)
    }

    36% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}


#int01 .intconIn .ivImg:before{ content: ""; display: block; position: absolute; width: 74px; height: 109px; right: -20px; top: 0;  background: url("../img/innovation/01/samch01.svg") left top no-repeat; z-index: 2;}

#int02 .intconIn .ivImg:before{ content: ""; display: block; position: absolute; width: 112px; height: 163px; left: -37px; top: -58px;  background: url("../img/innovation/01/ivcr02.svg") left top no-repeat; z-index: 2;}

#int03 .intconIn .ivImg:before{ content: ""; display: block; position: absolute; width: 109px; height: 148px; right: -72px; top: 66px;  background: url("../img/innovation/01/ivcr03.svg") left top no-repeat; z-index: 2; background-size: contain}

#int04 .intconIn .ivImg:before{ content: ""; display: block; position: absolute; width: 135px; height: 118px; left: -72px; top: -20px;  background: url("../img/innovation/01/ivcr04.svg") left top no-repeat; z-index: 2;}

#int05 .intconIn .ivImg:before{ content: ""; display: block; position: absolute; width: 136px; height: 116px; right: -72px; top: 3px;  background: url("../img/innovation/01/ivcr05.svg") left top no-repeat; z-index: 2;}


.centertxt{ text-align: center;}
.pdLinks { display: flex}
.pdLinks.cntersingle{ justify-content: center;}
.onlineList.centersingle{ justify-content: center;}
.pdLinks.listcap{ flex-wrap: wrap;}
.pdLinks .recipProduct .prdImgWrapp .productimg{
    width: auto;
}
.pdLinks.listcap .recipProduct{ width: 50%}
.pdLinks.listcap.recipProduct
.pdLinks.listcap .recipProduct .prdImgWrapp .productimg {
    width: auto;
}
.pdLinks .recipProduct {
    display: flex;
    align-items: center;
    margin-top: 50px;
	margin-top: 0;
	width: 50%
}

.pdLinks .recipProduct .podctListWrapp {width: 68%; padding: 0 5px}
.pdLinks .recipProduct .prdImgWrapp .productimg {
    max-width: 244px;
    margin: 0 auto;
    width: 50%;
}

.other .categoryList li{ width: 50%; border: none;}
.other .categoryList li:hover{ border: none;}



/*history*/
.histryyear{ position:absolute; left: 0; top:-2px; -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; left: 0; letter-spacing: -0.02em; line-height: 0.7}
.hstryWrapp{ position: relative; border-radius:0 0 40px 40px; overflow: hidden}
.lasthist { border-radius:0 0 40px 40px; overflow: hidden}
.hstryWrapp:after{content: ""; display: block; width: 100%; height: 190px; background: #E60012; margin-top: -60px;}
		.js-fix.is-fixed {
    position: fixed;
			top: 0;
			max-width: 130px;  
			
}
.histrwp{ position: relative; padding-top: 98px;
    margin-top: -98px; }
.histrwp section{padding: 170px 0; position: relative; margin-bottom: 0; }
		.histryList {
    width: 130px;
    position: absolute;
    vertical-align: top;
    padding-top: 130px;
    font-size: 0;
    letter-spacing: 0;
			right: 0;
			z-index: 20;
}

.histryList li {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 2.0rem;;
    width: 40%;
    width: 60px;
    cursor: pointer
}

.histryList li.active {
    color: #E60012;
	position: relative;
	
}
.histryList li.active span{border-bottom: 2px solid #E60012;}
.histryList li.active:before{ content: ""; display: block; width: 54px; height: 46px; background: url( "../img/history/cra.svg") left top no-repeat; position: absolute; left: -80px; top: -10px;}

.histryList {
    color: #D9D9D9;
}


.hstryWrapp {
    font-size: 0;
    letter-spacing: 0;
   
}

.histryyear {
    font-size: 16rem;;
    font-weight: bold;
    color: #E60012;
}
.hisconW{ max-width: 890px; margin: 0 auto}


.hisutryDetail h3{ font-size: 3.5rem; margin-bottom: 10px; color: #E60012; line-height: 1.4;}
.hisutryDetail h3 a{color: #E60012; text-decoration: underline;}
.hisutryDetail h3 a:hover{ text-decoration: none; opacity: 0.6;}
.hisutryDetail p{ font-size: 2.2rem;}
.orcon{ background: #F29700}
.orcon .hisutryDetail h3{ color: #fff;}
.hstImg{ max-width: 555px; margin-top: 40px}
.orcon .histryyear{ color: #fff;}
.grycon{ background: #F7F7F7}

.hisutryDetail {
    font-size: 16px;
}

.histrys dl { 
    vertical-align: top;
}

.HistryContent {
    position: relative;
}

.HistryContent:after {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: #E60012;
    position: absolute;
    top: 0;
    right: 180px;
}

/*sustainability*/
.sustainability .secondmain{ height: 534px;}
.sustainability .mainimg{ height: 534px;}

.sustainability .secondmain{ display: block; position: relative; z-index: 4;}
.cpmainTit{ text-align: left; margin-top: -60px}
.cpmainTit h1{ font-size: 5.6rem; margin-bottom: 20px; font-weight: 600; line-height: 1; }
.cpmainTit p{ font-size: 3.6rem; font-weight: 700;}
.company .secTit{ margin-bottom: 0;}
.company .secTit p{font-size: 2.0rem; line-height: 2;}
.stnread{ display: flex; justify-content: center; align-items: center; column-gap: 56px;}
.stnread .stntxt{ width: 60%;}
.stntxt dt{ font-size: 3.6rem; line-height: 1.5; margin-bottom: 40px; font-weight: 600;}
.stntxt dd{ font-size: 2.0rem; line-height: 2;}

.sustainability .bgareaR{ background: #F29700; padding: 10px; box-sizing: border-box}
.actList{ display: flex; justify-content: space-around; align-items: top; text-align: center}
.actList dt{ font-size: 24px; font-weight: 600; margin-bottom: 64px;}
.isTitWrapp{ display: flex;}
.issueTit{ color: #E60012; font-size: 3.6rem; vertical-align: top; margin-bottom: 64px;}
.issueTit span{font-size: 9.6rem; vertical-align: top; line-height: 1; padding-left: 10px;}
.isicon{ width: 74px;}
.istxts dl{ padding-top: 20px; margin-bottom: 50px;}
.istxts dt{ font-size: 2.8rem; font-weight: 600; color: #E06910;}
.istxts dd{ font-size: 3.5rem; font-weight: 600}
.istxts p{ font-size: 2.0rem; line-height: 2;}
.iconlist{ padding-top: 50px; font-size: 0; letter-spacing: 0;}
.iconlist li{ display: inline-block; margin-right: 10px;}
.istxts{ width: 45%; box-sizing: border-box; padding-right: 40px;}
.isImg{ width: 55%;}

.sustainability .bgarea{ background: #fff; padding: 80px 0;}
.ketactions{ padding-top: 90px;}
.ketactions .secTit h2{ color: #fff;}
.ketactions .secTit p{ color: #fff;}

.ketsctin{ background: #f7f7f7; border-radius: 40px; padding: 48px; box-sizing: border-box;}
.actincon{height: 580px; overflow-y: scroll; padding-right: 20px; box-sizing: border-box;}
.actincon{ font-size: 2.8rem;}
.actincon h3{color: #E60012; margin-bottom: 48px;}
.imgTxt{ display: flex; column-gap: 48px; }
.sctxt{ font-size: 2.0rem; line-height: 2; width: 50%;}
.acimg{ width: 50%;}
.acdt{ font-size: 1.6rem; padding-top: 48px;}
.acdt h4{color: #E60012;}
.acdt .block{ margin-bottom: 40px;}
.actslide .slick-prev,.actslide .slick-next{ bottom: auto; top: 50%; background: url("../common/img/arrowB.svg") left top no-repeat; width: 48px; height: 48px; background-size: contain; margin-top: -12.5px;}
.actslide .slick-prev {
    transform: scale(-1, 1);
    left: -30px;
}
.actslide .slick-next {
 
    right: -30px;
}

.sustainability .bgareaR{ margin-bottom: 40px;}
.imgTxt{ margin-bottom: 20px;}
.w100.sctxt{ width: 100%;}

.sctxt h4{ color: #E60012;}

.wrap-video {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.wrap-video iframe {
  width: 100%;
  height: 100%;
}
.taikenimg{ display: flex; column-gap: 28px; margin-bottom: 28px;}

.txt7 .acimg{ width: 50%;}
.txt7 .sctxt{ width: 50%}

.is-new .newsCtg::before {
  content: 'NEW';
  background: #E60012;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 18px;
  font-size: 1.4rem;
  padding: 5px 20px;
  display: inline-block;
  text-align: center;
  display: inline-block;
	width: 135px;
}
.lineupList .js-check-new{ position: relative}
.lineupList .is-new:before { content: ""; display: block; position: absolute; left: 10px; top: 10px; background: url( "../img/newicon.svg") left top no-repeat; width: 50px; height: 54px; background-size: contain;}
.prgWrapp .prgImg{ width: 195px;}

@media screen and (max-width: 1024px) {
  .oneArea .one_title {
    font-size: 18px;
  }
  .end_box {
    font-size: 18px;
  }
}

@media screen and (max-width:980px) {
	.hstryWrapp:after{ display: none}
.lineupList {display: block;  gap: 20px; }
	.lineupList li{  width: 100%; margin-bottom: 20px; }
	.businessList .lineupList li {
    width: 100%;
}
	.pnavWrapp{ width: calc(100% - 20px); overflow-x: scroll; box-sizing: border-box; margin-left:20px; margin-bottom: 95px;}
	.pnavWrapp::-webkit-scrollbar {
 /* background: #D9D9D9;*/
  width: 5px;
  height: 5px;
  border-radius: 20px;
}
.pnavWrapp::-webkit-scrollbar-thumb {
  background-color: #E60012;
  border-radius: 20px;
}
	.pnavList{ width: 980px; margin-bottom: 20px;}
	.slick-prev{ left: 20px;}
	.slick-next{ right: 20px;}
	
	/*商品詳細*/
	.productDtwrapp{ display: block;}
	.productDt, .productmainimg {
    width: 100%;
}
	.component{ display: block;}
	.component li{ width: 100%; border-right: none; border-bottom: 1px solid #E60012}
	.component li:last-child{ border-bottom: none;}
	.component li dl{ display: flex;}
	.component li dt{ width: 35%; border-bottom: none; border-right: 1px solid #E60012}
	.component li dd{ width: 60%;}
	
	
	.componentTable {  margin-top: 40px;}
	.componentTable table{ display: block;}
.componentTable table tbody{ border: 1px solid #E60012; border-radius: 16px; overflow: hidden; width: 100%; min-width: 100%; display: block;}
.componentTable table tr{ width: 100%; text-align: center; border-right:  none; box-sizing: border-box; display: block; display: flex; border-bottom: 1px solid #E60012}
.componentTable table tr:last-child{border-right: none; border-bottom: none;}
.componentTable table tr td:nth-child(1){ background:#F7F7F7; color: #E60012; padding: 15px 0;
  place-items: center; border-bottom: 1px solid #E60012; display: block;  width: 35%; border-bottom: none; border-right: 1px solid #E60012;}
.componentTable table tr td:nth-child(2){ width: 65%;}

	
	.allergenList li {
		width: 100px;}
	    .allergenList li {
        width: 33%;
    }
	
	.business_products .lineupList li {width: 100%;
}
	
	/*レシピ*/
	.serachWrapp{ display: block;}
	.serachWrapp h4 { width: 100%; text-align: center; margin-bottom: 20px;}
	.serchCon {width: 100%;}
	.checkList .checkbox{ width: 100%;}
	.scBtn {
    text-align: center;
    padding-top: 55px;
}
	
	.bgareaRecip > .innerW{ padding: 0 10px;}
	.bgarea{ border-radius: 30px;}
	
	.todayTit{ font-size: 1.8rem; padding-top: 10px;}
	.recipnameTit {font-size: 2.4rem; text-align: left; margin-bottom: 20px;}
	.recpiTxt{ font-size: 1.6rem;}
	
	.recipProduct{ display: block;}
	.btnserch {width: 100%;}
	/*.recipProduct .prdImgWrapp {width: 100%;}*/
	.recipProduct .podctListWrapp {width: 100%; padding: 0; padding-top: 18px;}
.recipProduct .pdctLinklist {
    padding: 0;
    padding-top: 20px;
}
	.materialWrapp { display: block;}
	.materials{ width: 100%; margin-bottom: 10px;}
	.ftsecondList{ padding: 20px; border-radius: 30px;}
	.ftsecondList .recipesList li{
    width: 100%;
    margin-bottom: 40px;
}
	
	.ftsecondList{ width: calc( 100% - 40px); margin-left: 20px;}
	.ftlinks .slick-dots {
    margin-top: 18px;
    margin-bottom: 18px;
}
	.specialList.brandList li {
    width: 100%;
}
	.ftsecondList .linklist {
    padding-top: 0;
}
	.futurmainWrapp{ display: block;}

	.futuremain {
    width: 100%;
    height: 236px;
		margin: 0; border-radius: 0;}
	.futuremain{ order: 1;}
	.tablecontentsPd.bgarea{ overflow: hidden;}
	.tablecontents {
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
}
	
	.ftcontentTit .ftcipcontentNam {
    width: 32px;
    height: 34px;
    padding: 5px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
	
	.ftconList {
    display: block;
    column-gap: 40px;
    margin-top: 24px;
}
	
	.ftconList li {
    width: 100%; margin-bottom: 40px;
}
	.ftconList li:last-child{ margin-bottom: 0;}

	.panavWrappnews .yearNav{ position: relative; right: 0; top: 0;}
	.panavWrappnews .pnavWrapp{ margin-bottom: 25px;}
	.yearNav{ width: 100%; display: block; margin-bottom: 25px;}
	.yesrBtn{ width: 100%;}
	
	.secTit h2.recTit{ font-size: 2.4rem;}
	
	.recmainimgs dl {
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    color: #000;
	}
	.recmainimgs p{width: calc(100% + 80px); margin-left: -40px; margin-bottom: 20px;}
	.recmainimgs{ margin-bottom: 20px;}
	.recDitale dt{ font-size: 1.6rem;}
	.factWrapps {
    display: block;
    margin-bottom: 20px;
}
	.factList{ width: 100%; margin-bottom: 20px;}
	.contactAreaWrapp{ display: block;}
	.contatcArea{ width: 100%; margin-bottom: 20px;}
	.secTit h2.contactTit{ font-size: 2.4rem;}
	.contctcon .categoryList li{ width: 100%;}
	.secTit p.sabtxt{ font-size: 1.6rem;}
	.contactatdTxt h5{ text-align: left;}
	
	.contctcon .categoryList li{ margin-bottom: 40px;}
	.list50 li {width: 100%; box-sizing: border-box;}
	.qaimhcon{ display: block;}
	.qaimhcon .qaTxt{ width: 100%; margin-bottom: 10px;}
	.qaimhcon .qaImg{ width: 100%;}
	
	.privacycon{ padding: 40px ; border-bottom: 1px solid #E60012; border-top:  1px solid #E60012;}
	.siteMapList {display: block;}
	.siteMapList li { width: 100%;}
	
	.ftinner{ padding: 0;}
/*	-----about-------*/
	.aboutread{ padding: 0 20px;}
	.aboutreadIn{ padding: 36px 20px;}
	.readTits{ padding: 38px 0; font-size: 1.6rem;}
	.readTits:after {
   
    width: 60px;
    height: 104px;
    position: absolute;
    right: -10px;
		top: auto;
    bottom: -50px;
    background: url(../img/about/misoimg.svg) left top no-repeat;
		background-size: contain;}
	.spnopad{ padding: 0;}
	.readstxt:before{ width: 6px;}
	.readstxt{ padding-left: 22px; font-size: 1.6rem;}
	.lineupcontxt:before {
    content: "";
    display: block;
    width: 113px;
    height: 82px;
    background: url(../img/about/item02.svg) left top no-repeat;
		background-size: contain;
    position: absolute;
    left: -30px;
    top: -100px;
}
	.lineupImg:before {
    content: "";
    display: block;
    width: 70px;
    height: 60px;
    position: absolute;
    right: 0;
    top: -40px;
    background: url(../img/about/item03.svg) left top no-repeat;
		background-size: contain;
}
	.aboutcontxt{ text-align: left; font-size: 1.6rem;}
	.workshopImg:before {
    content: "";
    display: block;
    width: 49px;
    height: 73px;
    position: absolute;
		left: auto;
		bottom: auto;
    right: -40px;
    top: -70px;
    background: url(../img/about/item04.svg) left top no-repeat;
		background-size: contain;
}
	
	.philosophy .secondmain{ height: 563px;}
	.philosophy .mainimg{ height: 563px;}
	
	.phimg_box{ display: none;}
	.phpread{ font-size: 1.6rem;}
	.oneArea {
    display: block;
    height: auto;
}
	.phtxteArea {
    display: block;
    height: auto;
}
	.phpread{ margin: 0; margin-bottom: 49px;}
	section.phpread{ padding-bottom: 60px; margin-bottom: 0;}
	.prgImg {
  
    margin-top: -150px;
    position: relative;
}
	.phtxtxs{ margin: 0 auto;}
	.htxtxs{ display: none;}
	.mvv{ padding-bottom: 150px;}
	.prgImg:before {
    width: 114px;
    height: 100px;
    right: -69px;
    bottom: 0;
    background-size: contain;
}
	.mesTxt h3{border-bottom: 5px solid #fff; font-size: 2.8rem;}
	.mesTxt h3 span {
    border-bottom: none;
    padding-bottom: 10px;
}
	.mesTxt{ font-size: 1.6rem; line-height: 2}
	.mesTxt{ padding-bottom: 40px;}
	.mesTxt dl {
    padding-top: 48px;
}
	.message{ padding-bottom: 40px; margin-bottom: 0;}
	.ptjh02Tit{ font-size: 2.8rem;}
	.ptjh02Tit{ margin-bottom: 48px;}
	.phptxtxs{ padding-top: 48px; font-size: 1.6rem;}
	.philosophy .secondmain p{ font-size: 4.8rem;}
	
	.twocwrapp{ display: block;}
	
	.company .recDitale dl{ display: block;}	
	.company .recDitale dt{ width: 100%;}
		.company .recDitale dd{ width: 100%; box-sizing: border-box;}
	.mapwrpps a.btn{ position: relative; right: auto; top: auto; display: block; margin-top: 10px;}
	.company .twocwrapp .recDitale{ margin-bottom: 20px;}
	.character .innerW{ padding: 0;}
	.characterlist dd{ text-align: left;}
	.character .bgarea{ padding: 40px 0;}
	.cptblewrapp {
    padding-top: 20px;
}
	

.inovslideWrapp {
    padding: 0 20px;
    margin-top: -60px;
}
	.invTit {
    font-size: 2.0rem;
}
	
	.iv01 .readTits:after {
    width: 74px;
    height: 35px;
    right: 50px;
		top: auto;
    bottom: 21px;
    background-size: contain;
}
	
	.iv02 .readTits:after {
    width: 94px;
    height: 68px;
    right: 30px;
    top: auto;
    background-size: contain;
    bottom: -20px;
}
	.iv03 .readTits:after {
    width: 83px;
    height: 73px;
    right: 10px;
    top: auto;
    background-size: contain;
    bottom: -30px;
}
	.invsamList {
		display: block;}
	.invsamList li {
    width: 100%;
    margin-bottom: 14px;
}
	.invsamList li h4{ font-size: 1.4rem;}
	.intconIn .ivtxt {
    width: 100%;
}
	.intconIn .ivImg {
    width: 66%;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
}
	.intconIn {
    position: relative;
    padding: 55px 0;
}
	.ivtxt h3 {
		font-size: 2.0rem;}
	.pt1 .innerW{background: url(../img/innovation/bg_iv01_sp.svg) center top / 140%  no-repeat; overflow: hidden}
	
		.pt2 .innerW{background: url(../img/innovation/bg_iv02_sp.svg) center top / 140%  no-repeat; overflow: hidden}

	.inovation{ padding: 10px 0;}
	.intconIn .ivImg{ margin-bottom: 16px;}
	.inovation .businessList{ padding-bottom: 0; padding-top: 0;}
	.pt2 .intconIn .ivtxt {
    width: 100%;
    margin-left: auto;
}
	.pt2 .intconIn .ivImg {
    width: 80%;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
		
}
	.pdLinks {
    display: block;
}
	.pdLinks .recipProduct{ margin-bottom: 40px}
	.other .categoryList li {
		width: 100%;
	padding: 0;}
 
	.invslide li.slick-center img{ animation: korokoro 2.5s linear 0s 1 ;}


#int01 .intconIn .ivImg:before {
    content: "";
    display: block;
    position: absolute;
    width: 47px;
    height: 174px;
	right: auto;
    left: -20px;
    top: 0;
    background: url(../img/innovation/01/samch01_sp.svg) left top no-repeat;
    z-index: 2;
	background-size: contain;
}
	
	#int02 .intconIn .ivImg:before {
    content: "";
    display: block;
    position: absolute;
    width: 62px;
    height: 189px;
    left: auto;
		right: -12px;
    top: 0;
    background: url(../img/innovation/01/ivcr02_sp.svg) left top no-repeat;
    z-index: 2;
		background-size: contain;
}
	
	#int03 .intconIn .ivImg:before {
    content: "";
    display: block;
    position: absolute;
    width: 73px;
    height: 86px;
		right: auto;
    left: -42px;
    bottom: 66px;
    background: url(../img/innovation/01/ivcr03_sp.svg) left top no-repeat;
    z-index: 2;
}
	#int04 .intconIn .ivImg:before {
    content: "";
    display: block;
    position: absolute;
    width: 87px;
    height: 76px;
    left: auto;
		right: -30px;
    top: 20px;
    background: url(../img/innovation/01/ivcr04_sp.svg) left top no-repeat;
    z-index: 2;
		background-size: contain;
}
	
	#int05 .intconIn .ivImg:before {
    content: "";
    display: block;
    position: absolute;
    width: 71px;
    height: 60px;
    right: -40px;
    top: 90px;
    background: url(../img/innovation/01/ivcr05_sp.svg) left top no-repeat;
    z-index: 2;
}
	.histryList ul{ display: none;}
	.HistryContent:after {right: 30px;}
	.histryyear{ font-size: 5.6rem;}
	.hisutryDetail h3{ font-size: 1.6rem;}
	.hisutryDetail p{ font-size: 1.2rem;}
	.histrwp section {
		padding: 50px 0;}
	.HistryContent .innerW { padding: 0px 70px}
	.histryList {width: 60px; top: 30%;}
	
	.stnread {
    display: block;
    column-gap: 0;
}
	
	.kldtbtns{ background: #E60012; color: #fff; padding: 20px;}
	.stnread .stntxt {width: 100%; font-size: 2.0rem;}
		.stntxt dt {width: 100%; font-size: 2.0rem; text-align: center;}
	.stnImg{ max-width: 147px; margin: 0 auto; padding-top: 24px; margin-bottom: 24px;}
	.actList {
    display: flex;
		flex-wrap: wrap;
    align-items: top;
	column-gap: normal 58px;
}
	.actList dt {
    font-size: 1.4rem;;
    font-weight: 600;
    margin-bottom: 24px;
		text-align: center;
}
	
	.actList dd{display: grid;
  place-items: center;}
	.actList li{ margin-bottom: 24px;}
	.actList li{ width:calc(50% - 58px);  box-sizing: border-box;}
	.actList li:nth-child(1) dt:before{ content: "01"; display: block; text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 24px; color: #E60012;}
	.actList li:nth-child(2) dt:before{ content: "02"; display: block; text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 24px; color: #E60012;}
		.actList li:nth-child(3) dt:before{ content: "03"; display: block; text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 24px; color: #E60012;}
		.actList li:nth-child(4) dt:before{ content: "04"; display: block; text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 24px; color: #E60012;}
	.isTitWrapp { display: block}
	.istxts {width: 100%; padding-right: 0;
}
	.issueTit {
    color: #E60012;
    font-size: 2.0rem;
    vertical-align: top;
    margin-bottom: 40px;
		text-align: center;
		line-height: 1;
}
	.issueTit span{font-size: 2.0rem; line-height:1;}
	.isicon{}
	.istxts dl{ text-align: center;}
	.istxts dt {
    font-size: 1.6rem;
}
		.istxts dd {
    font-size: 2.0rem;
}
	
	.isImg {
    width: 100%;
		margin-top: 20px;
		height: 165px;
		position: relative;
		overflow: hidden;
		border-radius: 40px;
}
	.isImg img{ position: absolute; object-fit: cover; width: 100%; height: 100%; object-position: center top;}
	.iconlist{ text-align: center;}
	.issueTit span.isicon{ width: 35px; display: inline-block; padding-right: 30px;}
	.sustainability .bgareaR .innerW{ padding: 20px 10px;}
	.actincon {
    height: auto;
    overflow-y: auto;
		padding-right: 20px; box-sizing: border-box;
}
	.imgTxt {
    display: block;
    column-gap: 0;
}
	.sctxt{ width: 100%;}
	.acimg {
    width: 100%;
}
	.actslide li { margin-bottom: 20px;}
	.stbtns{ background: #E60012;; color: #fff; text-align: center; font-size: 2.0rem; margin-top: 40px; padding: 20px; border-radius: 20px;}
		.txt7 .sctxt {
    width: 100%;
		margin-bottom: 20px
}
	.txt7 .acimg {
    width: 100%;
}
	
	.materialsList{ padding-top: 20px; display: block; flex-wrap: wrap; column-gap: 40px; width: 100%;}
.materialsList dl{ font-weight: 500; padding-bottom:  10px; width: 100%}
	
	.oneArea {
    padding-top: 0;
}

.fixed .twoArea{ opacity: 1}
.phtxtxs{ opacity: 1}
.oneArea .phtxtxs{ opacity: 1}
.fixed .oneArea .phtxtxs{ opacity: 1}
.fixed .twoArea .phtxtxs{ opacity: 1}
.two .twoArea .phtxtxs{ opacity: 1}
.two .theArea .phtxtxs{ opacity: 1}
	.phtxtxs {
    width: 100%;
    margin-left: auto;
    padding: 20px 0;
}
	.nopd {
    padding-top: 40px;
}
	
	.cpmainTit{ text-align: left; margin-top: -20px}
.cpmainTit h1{ font-size: 2.8rem; margin-bottom: 20px; font-weight: 600; line-height: 1; }
.cpmainTit p{ font-size: 2.0rem; font-weight: 700;}
	.cpmainTit{ padding: 0 20px;}
	
	.overList .brandylistIn .dfimg{ opacity: 0;}
	.recipeNarrow .serachWrapp h4{ margin-top: 0;}
	.recipeNarrow .serachWrapp h4.fstTit{ margin-top: 0;}
	.yearNav.open ul{ width: 100%;}
	.yesrBtn{ text-align: center;}
	.yearNav ul li a{ text-align: center;}
	.pdLinks.listcap .recipProduct{ width: 100%}
	.prgWrapp{flex-direction :column-reverse}
	.prgWrapp dl{ order: 1; width: 100%}
.prgWrapp .prgImg{ order: 2; width: 180px; margin: 0 auto;}
	
	
	.invsamList li .ivsamImg {
    width: 40.5%;
    transition: all .4s;
}
	.invsamList li h4 {
    width: calc(100% - 40.5%);
}
	.invsamList li h4 br{ display: none;}
	.invsamList li:nth-child(even) .ivsamImg { order: 2;}
	.invsamList li{ margin-bottom: 24px; }
	.invsamList li .ivsamss{border-radius: 20px;}
	
.invsamList li:nth-child(1):before {
        width: 35px;
        height: 55px;
        right: 0;
        top: auto;
        background-size: contain;
        bottom: -15px;
    }
	.invsamList li .ivsams {
    border-radius: 20px;
		
}
	.invsamList li:nth-child(2):before {
    width: 44px;
    height: 67px;
    right: 29%;
    top: auto;
    bottom: 10px;
    z-index: 2;
    transition: all .4s;
    z-index: 1;
    background-size: contain;
}
	
	.invsamList li:nth-child(3):before {
    width: 60px;
    height: 65px;
    right: auto;
    left: 14px;
    top: auto;
    bottom: -10px;
    z-index: 2;
    transition: all .2s 0.1s;
    background-size: contain;
}
	
	.invsamList li:nth-child(4):before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 42px;
    right: auto;
    left: 0%;
    top: auto;
    top: -10px;
    z-index: 2;
    background-size: contain;
}
	
	.invsamList li:nth-child(5):before {
    content: "";
    display: block;
    position: absolute;
    width: 45px;
    height: 38px;
    right: auto;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 2;
    background-size: contain;
}
	.intconIn .ivImg {
        width: 66%;
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto;
        max-width: 187px;
		margin-bottom: 16px;
    }
	.iinv02 #int02 .intconIn .ivImg:before {
        right: -25px;
        left: auto !important;
    }
	
	.iinv03
	    #int02 .intconIn .ivImg:before {
        content: "";
        display: block;
        position: absolute;
        width: 62px;
        height: 189px;
        left: auto;
        right: -28px;

        top: 0;
        background: url(../img/innovation/01/ivcr02_sp.svg) left top no-repeat;
        z-index: 2;
        background-size: contain;
    }
}


@media screen and (min-width:981px) {
.characterlist dl {
    margin-top: 53px;
    opacity: 0;
    transition: all .4s;
    position: relative;
    width: calc(100% + 400px);
    margin-left: -200px;
	}

	.ketactions .actslide li{ padding: 0 30px; box-sizing: border-box;}
	.other .slick-slider{ display: flex; column-gap: 40px; justify-content: center;}
}

.letterS{ letter-spacing: 0.05em}
.movieList .brandylistIn img { border-radius: 0;}
.secmvkist .brandylistIn img { border-radius: 0;}

.mapmodal .modalclose {
    position: absolute;
    right: -25px;
    top: -25px;
}

.youtubeContop{ margin-bottom: 96px;}

.mapmodal {
    max-width: inherit;
    margin: 0 auto;
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}
.videos {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
}

.videos iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalclose img{ width: 50px; height: 50px;}
@media screen and (max-width:980px) {
	.youtubeContop{ 
	margin-bottom: 40px;
	}
	.mesTxt h3 {padding-bottom: 20px;}
	/*.mesTxt p{ text-align: center;}*/
	.other .slick-slider li{ margin-bottom: 20px;}
}

.pdLinks .recipProduct .prdImgWrapp .productimg.w100 {
     max-width: inherit; 
    margin: 0 auto;
     width: 100%; 
}


.pbnoV1{  margin-bottom: 0;}
.ptnoV1{ padding-top: 0;}


.iinv02 .bgarea,.iinv03 .bgarea{ padding: 0}
.iinv02 .pt2 .innerW,.iinv02 .pt1 .innerW {
    background: url(../img/innovation/bg_iv04.svg) no-repeat;
	background-position: left bottom
	
}

.iinv03 .pt2 .innerW,.iinv03 .pt1 .innerW {
    background: url(../img/innovation/bg_iv03.svg)  no-repeat;
	background-position: left bottom
   
}

.onlineList img {
    border-radius: 24px;
}


.onlineList.aboutbanners img{ border-radius: 0;}
	.onlineList.aboutbanners li {
    width: auto;
}
.recipe .recipesList dt img {
    border-radius: 40px;
}
.objrecio{ position: relative;}
.objrecio:after{content: ""; display: block; width: 97px; height: 83px; background: url( "../img/recipe/obj.svg") left top no-repeat; background-size: contain; position: absolute; right: 40px; bottom: -20px;}
@media screen and (min-width:981px) {
	.onlineList.aboutbanners { justify-content: center;}
	.pt0s{ padding-top: 0;}
	.news .pnavList li{ min-width: 228px;}


}

@media screen and (max-width:980px) { 
	.onlineList.aboutbanners { text-align: center}
	.objrecio:after{content: ""; display: block; width: 81px; height: 69px; background: url( "../img/recipe/obj.svg") left top no-repeat; background-size: contain; position: absolute; right: 20px; bottom: -20px;}
	.mesTxt dt {
    font-weight: 600;
    text-align: center;
}
	.cstsvList img{ border-radius: 0;}
	.philosophy .mvv {
        padding-bottom: 0;
    }
	.phtxtxs p {
		font-size: 2.0rem;}
	    .mesTxt h3 {
 
        line-height: 1.4;
    }
	.brandList li img{ border-radius: 40px;}
	    main.inovation {
        padding: 70px 0;
    }
	main.inovation .invTit{ top:auto; margin-bottom: 20px;}
	
	main.inovation .pdLinks .recipProduct { width: 100%;}
	main.inovation .onlineList img{ border-radius: 40px;}
	.pnavList {
        width: 1070px;
        margin-bottom: 20px;
		text-align: left
    }
	.business_products .pnavList {
       width: 1500px;
        margin-bottom: 20px;
		text-align: left
    }        
	.productdetail .pnav{ display: none;}
	.recipProduct a.btn{min-width: 100%;}
/*	.invsamList li:nth-child(2):hover:before {
    right: auto;
}*/
	.invsamList{ margin-top: 24px;}
	
	.NarrowTit {
        font-size: 2.4rem;
       width: calc(100% + 40px);
        margin-left: -20px;
    }
	
	.recipe .recipProduct .prdImgWrapp{ width: 100%;}
	    section {
        padding-top: 60px;
        margin-bottom: 60px;
    }
	.home section.innovation{ padding-top: 30px;}
}

.ls02{ letter-spacing: 0.05em;}
.linklist.mt0{ padding-top: 0;}

.categoryList li:hover{box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
	transform: translate(-5px, -5px) !important;  transition: all .4s;}

	.inovation section.online {padding-top: 0;}

.ketactions .linklist {
    padding-top: 10px;
}



.contact .categoryList li:hover {
    box-shadow: none;
    transform: translate(0, 0) !important;
    transition: all .4s;
}

	.contenWrapp ol{ list-style: none; font-weight: 400;}
	.contenWrapp ol li:nth-child(1):before{ content: "①"; display: inline-block;}
	.contenWrapp ol li:nth-child(2):before{ content: "②"; display: inline-block;}
	.contenWrapp ol li:nth-child(3):before{ content: "③"; display: inline-block;}
	.contenWrapp ol li:nth-child(4):before{ content: "④"; display: inline-block;}
	.contenWrapp ol li:nth-child(5):before{ content: "⑤"; display: inline-block;}
	.contenWrapp ol li:nth-child(6):before{ content: "⑥"; display: inline-block;}
	.contenWrapp ol li:nth-child(7):before{ content: "⑦"; display: inline-block;}
	.contenWrapp ol li:nth-child(8):before{ content: "⑧"; display: inline-block;}
	.contenWrapp ol li:nth-child(9):before{ content: "⑨"; display: inline-block;}
	.contenWrapp ol li:nth-child(10):before{ content: "⑩"; display: inline-block;}
	.contenWrapp ol li:nth-child(11):before{ content: "⑪"; display: inline-block;}
	.contenWrapp ol li:nth-child(12):before{ content: "⑫"; display: inline-block;}
	.contenWrapp ol li:nth-child(13):before{ content: "⑬"; display: inline-block;}
	.contenWrapp ol li:nth-child(14):before{ content: "⑭"; display: inline-block;}
	.contenWrapp ol li:nth-child(15):before{ content: "⑮"; display: inline-block;}
	.contenWrapp ol li:nth-child(16):before{ content: "⑯"; display: inline-block;}
	.contenWrapp ol li:nth-child(17):before{ content: "⑰"; display: inline-block;}
	.contenWrapp ol li:nth-child(18):before{ content: "⑱"; display: inline-block;}
	.contenWrapp ol li:nth-child(19):before{ content: "⑲"; display: inline-block;}
	.contenWrapp ol li:nth-child(20):before{ content: "⑳"; display: inline-block;}



@media screen and (max-width:980px) { 
.bgareaRecip {
    background: #F29700;
	padding-top: 102px;}
	.reciptit {
    position: absolute;
		top: -125px;}
	
	.materialsList dl {
    box-sizing: border-box;
    border-left: none;
    padding-left: 0;
}
	.contenWrapp ol{ list-style-position: inside; font-weight: 500;}
	.recipedetail .recipdt .pnav {
    display: none;
}
	.recipedetail .bgareaRecip{ padding-top: 10px;}

}
@media screen and (max-width: 980px) {
	
	.actincon h3{ font-size: 2.0rem;; margin-bottom: 20px;}
	.sustainability .sctxt{ font-size: 1.4rem;}
	.ketsctin {
    background: #f7f7f7;
    border-radius: 20px;
		padding: 28px;}
	    .actList li {
        width: calc(50% - 48px);
        box-sizing: border-box;
    }
	.sustainability .bgarea {
    background: #fff;
    padding: 40px 0;
}
	.istxts dl{ margin-bottom: 20px;}
	.isTitWrapp{ padding: 0 20px;}
	.acdt h4{ margin-bottom: 20px;}
	.dtcon{ display: none;}
	.dtcon{ display: none;}
	.acdt.on { padding-bottom: 30px;}
	.acdt.on .dtcon{ display: block;}
	.ketsctin{ position: relative;}
	.sustainability .stbtns{ max-width: inherit;  width: 100%; position: absolute; bottom: 0; left: 0; box-sizing: border-box; border-radius: 0 0 20px 20px}
	.sustainability .dtbtn:after{filter: invert(100%);}
	.acimg{ padding-top: 20px;}
	.ketactions {
    padding-top: 20px;
}
	.sustainability .istxts p{ font-size: 1.4rem;}
	.issueTit { margin-bottom: 20px;}
	.isImg {
		height: 345px;}
	.taikenimg {
		display: block;}
	.islistnav{ display: flex !important; text-align: center;}
	.islistnav li{ text-align: center; color: #E60012; border-right: 1px solid #E60012; font-size: 3.6rem; background: #F7F7F7; flex: 1}
	.islistnav li.act{ background-color: transparent;}
	.islistnav li:last-child{ border-right: none;}
	.islistnav li a,.islistnav li span{padding: 20px;  color: #E60012; }
	.sustainability .bgareaR {
		padding: 1px 10px 10px 10px;}
	        .islistnav {
        display: flex !important;
        text-align: center;
        border-radius: 39px 37px 0 0;
        overflow: hidden;
        margin-bottom: 14px;
        width: calc(100% + 16px);
        margin-left: -8px;
        margin-top: 0;
    }
	
}
.qalistin{ line-height: 2; font-weight: 500;}
	.qaLiat li h4{ line-height: 1.5;}
.other .innovation{ background: #fff;
    padding-bottom: 0;}

@media screen and (max-width: 980px) {
	.bgareaRecip{ padding-bottom: 60px;}

.innerW {
    padding: 0px 20px;
}
	
	.bgarea .innerW {
    padding: 0px 30px;
}
	    .bgarea {
        padding: 30px 0 ;
    }
	
	
	.bgarea{ padding: 20px 0;}
	.productdetail .bgarea{ padding-top: 30px}
		.recipedetail .bgarea{ padding-top: 30px}
	
	
	.recipdt .secTit{ padding: 0 40px;}
/*	.news .pnavWrapp{ margin-left: 0;}*/
	   .news  .pnavList {
		   width: 640px;}
	.news .yesrBtn{ position: relative}
	
	.news  .yesrBtn:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../common/img/arwbtn_org.svg) left center no-repeat;
    background-size: contain;
    margin-left: 0;
    position: absolute;
    right: 20px;
    top: 21px;
}
	.contact .categorylistIn dt{ height: auto !important}
	.contact .linklist a{ width: 100%;}
	.contact .cstsvList li:last-child{ display: none}
	.privacycon {
        padding: 20px;
		border: none; border-radius: 0;
      
        border-top: 1px solid #E60012 ;
    }
	
	.inovation .aboutreadIn{ padding: 20px;}
	
}



@media screen and (min-width:981px) {
	.pnavList li a{    padding: 13px 20px;}
	.news .pnavList li a{   padding: 15px 20px; line-height: 1.2;}
	.iinv02 .pdLinks .recipProduct .prdImgWrapp .productimg.w100 {
    width: 120%;
    left: -10px;
    margin-left: -20px;
}
	.qadt img{ max-width: 300px !important;}
	
	.lineupList li:hover{ box-shadow: 10px 10px 0px 0px rgba(230, 0, 18, 1);
    transform: translate(-5px, -5px) !important;
    transition: all .4s;}
	.business_products .lineupList li:hover{ box-shadow: 10px 10px 0px 0px rgba(224, 105, 16, 1);}
	.business_products.detail .lineupList li:hover{ box-shadow:none;
    transform: translate( 0, 0) !important;
    transition: all .4s;}
	.futuremain {
    width: 80%;
	}
	.ftconList li a:hover{ text-decoration: underline;}
	.ftconList li a:hover{ opacity: 0.6}
	.recipe .ftsecondList .recipesList{ justify-content: flex-start}
	.recipe .ftsecondList .recipesList li{flex: auto; max-width: calc(33% - 16px);}
	
	
	
}

.misoexlinks{ padding-top: 0;}
.misoexlinks .onlineList{  justify-content: center;}
.misoexlinks .onlineList li{   width: auto;}
.misoexlinks .onlineList img{ border-radius: 0;}

@media screen and (max-width: 980px) {
    .iinv02 #int02 .intconIn .ivImg:before {
        right: -25px;
        left: auto;
    }
	.misoexlinks .onlineList{ text-align: center}
	.privacyCon .innerW{ padding: 0}
	.privacyCon .secTit{ padding-left: 20px; padding-right:20px; }
	.privacyCon .personalptxt{ padding-left: 20px; padding-right: 20px; margin-bottom: 40px;}
	
}

.qaimhcon{ display: block;}

.ftcontentTit#index-0 .ftcipcontentNam{ padding: 5px 6px 5px 4px;}
.ftconList li dt img{ border-radius: 24px; margin-bottom: 10px;}



.id01dtcon{ border: 1px solid #E60012; border-radius: 24px; padding: 80px; overflow: hidden;}

.titis03{ text-align: center; padding: 96px 0; border-top: 1px solid #E60012; margin-top: 96px;}
.titis03 h3{ font-size: 2.8rem; font-weight: 600; margin-bottom: 48px; color: #E60012;}
.titis03 p{ font-size: 20px; line-height: 2;}
.id01dtcon{ position: relative;}
.Is3decontent .dtbtn{ background:  #E60012; color: #fff; height: 50px; position: absolute; left: 0; bottom: 0; width: 100%; max-width: inherit; box-sizing: border-box;}
.Is3decontent .dtbtn.close:after{ background: url("../common/img/arrowh.svg") left center no-repeat; width: 14px; height: 14px; background-size: contain; display: inline-block;  transform: rotate(90deg);}

.id01dtcon .dtcon{ display: none;}
.id01dtcon.on .dtcon{ display: block;}
.id01dtcon {    padding: 25px;}
.id01dtcon.on{ padding: 80px}

.id01dtcon.on .dtbtn:after{ background: url("../common/img/arrowh.svg") left center no-repeat; width: 14px; height: 14px; background-size: contain; display: inline-block;  transform: rotate(-90deg);}



@media screen and (max-width: 980px) {
.titis03 {
	padding: 40px 0; margin-top: 40px;}
	.titis03 p{ font-size: 1.6rem}
	.titis03 h3{ font-size: 2.0rem;}
	.id01dtcon.on {
    padding:  20px;
		padding-bottom: 40px;
}
	
	.id01dtcon .stbtns {
         margin-top: 0; 
         padding: 10px; 
    }
	
	.sustainability .dtbtn:after {
		filter: none;}
	
	.sustainability .dtbtn.open:after {  background: url("../common/img/arrowh.svg") left center no-repeat; width: 14px; height: 14px; background-size: contain; display: inline-block;  transform: rotate(-90deg);}
	

	.sustainability .dtbtn.close:after{background: url("../common/img/arrowh.svg") left center no-repeat; width: 14px; height: 14px; background-size: contain; display: inline-block;  transform: rotate(90deg);}
	
	    .recmainimgs p {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 20px;
    }
	.recmainimgs p img{ border-radius: 0;}
	.overList .brandylistIn .dfimg{opacity: 0 !important}
	
   
}

.inovation .onlineList li a:hover img {
    opacity: 1 !important;
}


.inovation .overList a:hover .dfimg{ opacity: 0 !important;}

.inovation .invTit{position: relative;
}

@media screen and (max-width: 980px) {
    .iv01 .readTits:after {
        width: 74px;
        height: 35px;
        right: -10px;
        top: auto;
        bottom: -9px;
        background-size: contain;
    }
	
	    .iv02 .readTits:after {
        width: 94px;
        height: 68px;
        right: -20px;
        top: auto;
        background-size: contain;
        bottom: -30px;
    }
.iv03 .readTits:after {
        width: 83px;
        height: 73px;
        right: -8px;
        top: auto;
        background-size: contain;
        bottom: -20px;
    }
	
	    #int02 .intconIn .ivImg:before {
        content: "";
        display: block;
        position: absolute;
        width: 62px;
        height: 189px;
        left: auto;
        right: -39px;
        top: 0;
        background: url(../img/innovation/01/ivcr02_sp.svg) left top no-repeat;
        z-index: 0;
        background-size: contain;
    }
	
	#int02.pt2 .intconIn .ivImg img{ position: relative; z-index: 3;}
}

.privacycon #about_list dt{ font-weight: bold; margin-bottom: 20px; }
.privacycon #about_list dd{  margin-bottom: 40px; }
.privacycon #about_list dd li{ margin-bottom: 10px;}


@media screen and (max-width: 980px) {
	.about .businessListWrapp {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
	
	.innerW .spnopad{ padding: 0;}
	
	.ftsecondList {
        width: 100%;
        margin-left: 0;
    }
	.ftlinks .innerW {
        padding: 0;
    }
	.ftlinks{ padding-bottom: 30px;}
	.ftcontentTit{ text-align: center;}
	    .secTit h2 {
        line-height: 1;

	}
	
	    .recmainimgs {
        margin-bottom: -20px;
    }
	.recDtWrapp{ padding-top: 20px;}
	    .secTit p.sabtxt {
        line-height: 2;
    }
	.qaLiat li { padding: 20px;}
	.qaLiat li h4:after { right: 0;}
	.NarrowTit{ max-width: inherit;}

}




	.aboutread .aboutreadIn{ padding-top: 20px; padding-bottom: 20px;}
.characterlist .imgwrapp p{ max-width: 320px; max-height: 320px;}
.characterlist .imgwrapp{ max-width: 320px; margin: 0 auto;}
	.characterlist .imgwrapp img {margin: 0 auto;
    text-align: center;
    object-fit: contain;
    width: 330px;
    height: 321px;
		margin: 0 auto;
		object-fit: contain;}


@media screen and (max-width: 980px) {
    .invsamList {

        max-width: 320px;
        margin: 0 auto;
        margin-top: 24px;    }
	    .invsamList li .ivsamImg {
        width: 156px;
        transition: all .4s;
    }
	.invsamList li:nth-child(2):before {
       right: 31%;
    }
	
	.about .linklist { padding-top: 24px; padding-bottom: 10px;}
	.actincon{ padding-right: 0;}
	
	.contactContent {
    margin-bottom: 60px;
}

	
	.contctcon .categoryList li dd {
    margin-top: 0;
}
	
	.contact .secTit h2.contactTit{ padding-top: 0;}
	
 .ctgtit {
 
    margin-bottom: 20px;
    padding-top: 30px;
}
	
	    .pnavWrapp {

        margin-bottom: 40px;
    }
	
	    .character .innerW {
        padding: 0;
	
}
	
	.cstsv .cstsvList{ max-width: 310px; margin: 0 auto;}
	.cstsv .cstsvList li:first-child{ margin-bottom: 10px; }
	
	.slick-dots li.slick-active button:before {
    background: url(../common/img/doton.png) center center no-repeat;
    background-size: contain;
    width: 53px;
    height: 45px;
}
	.philosophy h1{ position: absolute; right: 0; top: 20px;}
	    .philosophy .secondmain p {
        text-align: center;
        position: relative;
        padding-top: 35vw;
    }
	
	.sustainability .stbtns{ font-size: 1.4rem;}
	    .isImg {
        height: auto;
    }
	    .isImg img {
        position: relative;
       object-fit: initial;
        width: 100%;
        height: auto;
        object-position: center top;
    }
	
	.issueTit{ font-weight: 700;}
	.issueTit span{ vertical-align: middle;display: inline-block;}
	.islistnav li a, .islistnav li span{ font-weight: 600;}
	.issueTit span.isicon{ padding-right: 10px;}
	.secTit p{ line-height: 1.5;}
 
}
	

@media screen and (min-width:981px) {
	.pnavList li { margin-bottom: 20px;}

	
	.phtxtxs {
    opacity: 1;
}
.phtxtxs {
    width: calc(100% - 503px);
    margin-left: auto;
    padding: 0 0 40px 0;
}
	.phtxtxs p{ margin-top: 0;
	
	}
	.oneArea {
    padding-top: 96px;
}
	.phtxts .phtxteArea:nth-child(2) .phtxtxs dt{ color: #F29700}
	.phtxts .phtxteArea:nth-child(3) .phtxtxs dt{ color: #E06910}
	
	main.inovation section.prodctLinks{ padding-top: 0;}
	
}


.privacycon #about_list dd dd th {
    width: 180px;
}

.privacycon #about_list dd dd th, #about_list dd dd td {
    padding: 8px 0 8px 0;
}

.privacycon a{ text-decoration: underline;}







/*-----------------------------------
スクロールバー管理
ーーーーーーーーーーーーーーーーーーー*/
.pnavWrapp .scroll__inner {
 /* background-color: #ffffff;*/
 
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.pnavWrapp .scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}
.pnavWrapp .simplebar-scrollbar::before {
    background: #E60012;
    border-radius: 10px;
    height: 5px !important;
    margin-left: 2px;
    margin-top: 0;
}
.pnavWrapp .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.pnavWrapp .simplebar-track {
    background: #D9D9D9;
    height: 6px !important;
    border-radius: 10px;
    width: calc(100% - 20px);
}




.sustainability .actincon {
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.sustainability .scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.sustainability .simplebar-scrollbar::before {
  background: #E60012;
  border-radius: 0;
  width: 5px;
  margin-left: 3px;
  margin-top: 2px;
}
.sustainability .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.sustainability .simplebar-track {
  background: #f7f7f7;
  width: 5px !important;
}

.sustainability .simplebar-scrollbar::before{margin-left: 0; background: #E60012; width: 100%;}


@media screen and (max-width: 980px) {
	.productdetail .slick-dots {
        position: relative;
        margin-top: 0;
 
    }

}
@media screen and (max-width:980px) and ( max-width:7000px) {
	.philosophy .secondmain p {padding-top: 28vw;
		position: absolute;
         padding-top: 28vw; 
        width: calc(100% - 20px);
	
	}}

@media screen and (max-width: 799px) {
	.philosophy .secondmain p  {
        position: relative;
        	position: absolute;
         padding-top: 35vw; 
        width: calc(100% - 20px);
    }

}