@charset "UTF-8";
/* CSS Document */
body{
	background: #fff;
}
.crumb_path_list_li {
  color: #000;
}
.page_nav {
  max-width: 1000px;
  margin: 0 auto;
}
.page_nav_li a {
  width: 100%;
  height: 60px;
  font-size: 15px;
  color: #000;
  line-height: 60px;
  display: block;	
}
.page_nav_list{
  text-align: center;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius: 0 0 24px 24px;	
}
.page_nav_li {
  width: calc(100% / 6);
  text-align: center;
  position: relative;
}
.page_nav_li:nth-child(1) {
  width: 204px;	
  background:url("/about/img/nav_torikumi.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0 0 0 24px;	 	
}
.page_nav_li:nth-child(1) a{
  color: #fff;	 	
}
.page_nav_li:nth-child(6) {
  border-radius: 0 0 24px 0;
}
.page_nav_li::before {
  content: "";
  width: 2px;
  height: 16px;
  background: #000;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  margin: auto;
}
.page_nav_li:first-child::before {
  display: none;
}
.page_nav_li:last-child::before {
  display: none;
}
.page_nav_li.active a {
  color: #fff;
}
.page_nav_li.active {
  background: #df0615;
  color: #fff;
  z-index: 1;
}
.page_nav_li.active:before {
	display:none;
}
#about_unagizaidan .page_nav_li:nth-child(4)::before {
  display: none;
}
#about_fairtrade .page_nav_li:nth-child(2)::before {
  display: none;
}
#about_dx .page_nav_li:nth-child(5)::before {
  display: none;
}
#about_kitchencar .page_nav_li:nth-child(3)::before {
  display: none;
}
#contents {
  width: 100%;	
  max-width: 960px;
  margin: 40px auto 0 auto;
}
#main_contents {
  width: 100%;
  margin: 0 auto;
}
.mmd_flow.clr {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  background-size: contain !important;
}
body.about #main_contents .about_inner .about_box .mc {
  width: 100% !important;
  display: flex;
align-items: flex-start;
justify-content: space-between;	
}
body.about #main_contents .about_inner .about_box_02 .mc {
  width: 100% !important;
  margin-top: 0 !important;
  display: flex;
  justify-content: space-between;
}
.lc {
  float: inherit !important;
}
.rc {
  float: inherit !important;
}
.center {
  text-align: center;
}
body.about #main_contents .sec_box_content .about_box .mc {
  width: 100%;
}
body.about #main_contents .sec_box_content .about_box .mc .lc {
  width: 100%;
}
#about_fairtrade .mc.clr {
  display: flex;
  justify-content: space-between;
}
.img_activity {
  text-align: center;
}
.b_flex {
  display: flex;
  justify-content: space-between;
}
#about_fairtrade .flex_r {
  width: 243px;
}
#about_fairtrade .flex_l {
  width: calc(100% - 283px);
}
.b_flex.unagi .flex_l {
  width: calc(100% - 283px);
}
.b_flex.unagi .flex_r {
  width: 243px;
}
.center img {
  height: auto;
}
.d_center{
	justify-content: center;
}
.content_center{
	align-items: center;
}
body#about_unagizaidan #sec_content01 .about_in {
  width: 100%;
  padding: 20px;
}
body#about_unagizaidan #sec_content01 .mc .lcrc {
  width: 100%;
  margin: 0 auto;
}
body#about_unagizaidan #sec_content01 .mc {
  width: 100%;
}
.br_sp{
  display: none;
}

@media screen and (max-width:1100px){
.crumb_path_wrap {
margin-top: 0;	
}
}

@media screen and (max-width:768px){
.b_flex {
  display: block;
}	
.flex_r {
  width: 100%;
  text-align: center;
}
.flex_l {
  width: 100%;
}
#about_fairtrade .flex_l {
  width: 100%;
}	
#about_fairtrade #sec_content01 .first_text.flex_r {
  margin: 0 auto;
    margin-top: 0px;
}
#about_fairtrade #sec_content01 .center.flex_r {
  margin: 21px auto 0 auto;
}	
#about_fairtrade #sec_content01 .img_right {
  float: inherit;
  text-align: center;	
	}
#about_fairtrade #sec_content01 {
  margin-top: 16px;
}	
#about_fairtrade #main_contents .sec_box_content ul.flimg li {
  width: 100% !important;
  float: none !important;
  margin: 0 auto 8px auto !important;	
}	
#about_fairtrade .about_box .clr.flimg {
  text-align: center;
  width: 100% !important;
  max-width: 506px !important;
}	
	
#contents {
  margin: 0 auto 0 auto;
	}
body.about #main_contents .about_inner .about_box .mc {
  display: block;
}	
body.about #main_contents .about_inner .about_box_02 .mc {
  display: block;
}	
body.about #main_contents .about_inner .about_box .lc {
  width: 100% !important;
}
body#about_safety #sec_content01 .mc .rc {
  width: 100% !important;
  text-align: center;
}	
body.about #main_contents .about_inner .about_box_02 .mc {
  width: 100% !important;
}	
body.about #main_contents .about_inner .about_box_02 .lc {
  width: 100% !important;
}	
#about_kitchencar .sec_article table.activity_info {
  width: 100% !important;
	}
.sec_activity {
  margin-bottom: 20px;
}
.crumb_path_wrap {
  margin-top: 0;
}	
.page_nav_list {
  box-shadow: none;
  border-radius: 0;
  flex-wrap: wrap;
}
.page_nav_li {
  width: calc((100% - 20px) / 3) !important;
  margin-bottom: 10px;
}
.page_nav_li:first-child::before {
  display: none;
}	
.page_nav_li:nth-child(1) a {
  border: none;
  border-radius: 50px;
}
.page_nav_li:nth-child(1) {
  border-radius: 50px;
}	
.page_nav_li a {
  height: 40px;
  line-height: 40px;
  border: solid 1px #df0615;
  border-radius: 50px;	
}
.page_nav_li::before {
  display: none;
}	
.page_nav_li.active {
  border-radius: 50px;
}
.page_nav {
  padding: 0 20px;
  margin-top: 40px;
}	
#about_kitchencar .sec_article .sec_main .box_summary p {
  padding-bottom: 180px;
  background-position: center bottom !important;
  padding-right: 0 !important;	
}	
#about_kitchencar .sec_article .sec_about .sec_about01 {
  background-size: 133px !important;
}	
#about_kitchencar .sec_article .sec_about .sec_about02 {
  background-size: 130px !important;
}
.b_flex.unagi .flex_l {
  width: 100%;
}
.b_flex.unagi .flex_r {
  width: 100%;
}
#about_unagizaidan .flex_l.center {
  margin-bottom: 16px;
}	
}

@media screen and (max-width:600px){
.page_nav_li {
  width: calc((100% - 10px) / 2) !important;
}
}
@media screen and (max-width:414px){
  .br_sp{
    display: block;
  }
}

/*------------------------------------------------------
top
------------------------------------------------------*/
.about_summary {
  max-width: 900px;
  margin: 120px auto 40px auto;
  background: #31baf8;
  position: relative;
  border-radius: 24px;
  padding: 50px 15% 16px 40px;
}
.about_summary_tilte {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.sukiya_img img {
  border-radius: 0 0 24px 0;
}
.sukiya_img {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0 0 24px 0;
}
.about_summary .lead {
  font-size: 18px;
  line-height: 1.6;
  z-index: 1;
  position: relative;	
}
.about_list {
max-width: 900px;
margin: 0 auto;	
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_list_li {
  position: relative;
  width: calc((100% - 40px)/2);
  margin-bottom: 30px;
}
.about_list_li .img {
  position: relative;
  z-index: 1;
  left: 0;
}
.about_list_content {
 min-height: 100px;
 display: flex;
 flex-wrap: wrap;
 border-radius: 100px 16px 16px 100px;
 padding: 20px 20px 20px 180px;
 position: absolute;
 top: 10px;
 bottom: 10px;
 margin: auto;	
}
.about_list_li:nth-child(1) .about_list_content {
  background: #d29f28;	
  background-image:url("../img/arrow_about01.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;	
}
.about_list_li:nth-child(2) .about_list_content {
  background: #249846;	
  background-image:url("../img/arrow_about02.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;	
}
.about_list_li:nth-child(3) .about_list_content {
  background: #f26b24;	
  background-image:url("../img/arrow_about03.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;
}
.about_list_li:nth-child(4) .about_list_content {
background: #00b4a7;
  background-image: url("../img/arrow_about06.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;
}
.about_list_li:nth-child(5) .about_list_content {
  background: #e91c2c;	
  background-image:url("../img/arrow_about05.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;	
}
/* うなぎ財団
.about_list_li:nth-child(6) .about_list_content {
  background: #007cba;
  background-image: url("../img/arrow_about04.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;
}
*/
.about_list_li:nth-child(6) .about_list_content {
  background: #f7c707;
  background-image: url("../img/arrow_about04.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;
}
.about_list_li:nth-child(7) .about_list_content {
  background: #f7c707;
  background-image: url("../img/arrow_about07.png");
  background-repeat: no-repeat;
  background-position: 98% 94%;
  background-size: 24px;
}
.about_list_li:nth-child(4) .about_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  width: 100%;
}
.about_list_li:nth-child(7) .about_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;	
  letter-spacing: 0;
  width: 100%;
}
.about_list_li .about_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.05em;
  width: 100%;
}
.about_list_li .txt {
  font-size: 15px;
  line-height: 1.6;
  width: 100%;
}
.about_list_li a{
	color: #fff;
}

.about_list_li:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.about_banner_list {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.about_banner_list {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.section_inner.w100 {
  background: #f2f2f2;
  padding: 32px 0;
  margin: 20px auto 0 auto;
}
.about_bnner_list_li {
  margin-right: 25px;
}
.about_bnner_list_li:last-child {
  margin-right: 0;
}
.about_bnner_list_li:hover {
  opacity: 0.7;
  transition: 0.5s;
}



@media screen and (max-width:1000px){
.section_inner {
  padding: 0 20px;
}
}

@media screen and (max-width:768px){
.crumb_path_wrap {
  margin-top: 0;
}	
.section_inner {
  padding: 0 20px;
}	
.about_summary_tilte {
  position: absolute;
  top: -16px;
	}
.about_summary img {
  width: 260px;
}	
.about_summary {
  margin: 60px auto 40px auto;
  border-radius: 16px;
  padding: 32px 40px 16px 40px;
}	
.about_summary .lead {
  font-size: 16px;
	}
.sukiya_img  {
  opacity: 0.4;
}	
.about_list {
  display: block;
	}
.about_list_li {
  width: 100%;
  margin-bottom: 30px;
}	
.about_list_li .img img {
  width: 140px;
  height: 140px;
}	
.about_list_content {
  padding: 10px 20px 10px 160px;
  width: 100%;	
}	
.about_list_li .about_title {
  font-size: 18px;
	}
.about_list_li .txt {
  font-size: 14px;
	}
.about_list_li .txt .sp_none {
  display: none;
	}
.section_inner.w100 {
  padding: 32px 20px;
  margin: 40px auto;
}	
#about_top .page_nav{
		display: none;
	}		
}


@media screen and (max-width: 414px){
.about_list_li .img img {
  width: 100px;
  height: 100px;
}
.about_list_content {
  padding: 10px 20px 10px 116px;
  top: 4px;
  bottom: 4px;
}
.about_list_li .img {
  left: 10px;
}
.about_list_content {
  min-height: 116px;
}
}

/*--------------------------------------------------------
下層ページのcss
--------------------------------------------------------*/
#main_contents .data_table_01 table {
  max-width: 738px;
  width: 100%;
}

#store .clr.flimg {
  display: flex;
  flex-wrap: wrap;
  max-width: 506px !important;
  width: 100% !important;
}
#store .clr.flimg li {
  float: none !important;	
  width: calc((100% - 14px)/2) !important;
}
#store .clr.flimg li:nth-child(2n){
  margin-right: 0 !important;		
}
#store .clr.flimg li img {
  max-width: 100%;
  height: auto;
}


#production .clr.flimg {
  display: flex;
  flex-wrap: wrap;
  max-width: 506px !important;
  width: 100% !important;
}
#production .clr.flimg li {
  float: none !important;	
  width: calc((100% - 14px)/2) !important;
}
#production .clr.flimg li:nth-child(2n){
  margin-right: 0 !important;		
}
#production .clr.flimg li img {
  max-width: 100%;
  height: auto;
}

.reception_time {
  text-indent: 0 !important;
}
.bullet_pdf {
  padding: 2px 20px 2px 0;
  background: url(/about/img/safety/bullet_pdf.gif) right 0.1em no-repeat;
}

.pagetop {
  display: none;
}