@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */

li.btn121 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn121 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu li.btn121 > a::after {

  display: none;

}







/* contents ---- */

#container {

  overflow: hidden; /* for IE11 */

}



#main_box .inner{ display:block; overflow:hidden;}





/* sustainability_quality_control ---- */



#main_box .subbox02 {

    margin-top: 20px;

    border: 5px solid #e6e2d9;

}



#main_box .subbox02 div.text p {

    padding-left: 15px;

    padding-right: 15px;

}







#main_box .subbox02 h6.ttl_d {

    height: 40px;

    border-bottom: 1px solid #e6e2d9;

}



#main_box .subbox02 h6.ttl_d {

    background-image: url(../images/img01_01.png);

	background-repeat: no-repeat;

    background-position: 15px 10px;

}





.box02 .box02_01 {

  position: relative;

  width: 100%;

  padding-top: 100%;

}

.box02 .box02_01 > ul {

  display: block;

  position: absolute;

  left: 50%;

  top: 52%;

  width: 33.3%;

  height: 33.3%;

  border-radius: 50%;

  border: 1px rgb(200,200,200) solid;

  transform: translate3d(-50%, -50%, 0);

}

.box02 .box02_01 > ul::before {

}

.box02 .box02_01 > ul::after {

  display: block;

  position: absolute;

  top: 40%;

  left: 50%;

  width: calc(170 / 230 * 100%);

  height: calc(52 / 230 * 100%);

  background-image: url(/common/images/logo_dydo.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  transform: translate3d(-50%, 0, 0);

  content: '';

}

.box02 .box02_01 > ul > li {

  position: absolute;

  width: 91%;

}

.box02 .box02_01 > ul > li::before {

  display: block;

  position: absolute;

  width: 17.5%;

  padding-top: 22%;

  background-image: url(../images/icon_img01_arrow.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  content: '';

}

.box02 .box02_01 > ul > li:nth-of-type(1)::before {

  bottom: 9%;

  right: -24%;

}

.box02 .box02_01 > ul > li:nth-of-type(2)::before {

  top: 104%;

  left: 32%;

  transform: rotate(72deg);

}

.box02 .box02_01 > ul > li:nth-of-type(3)::before {

  top: 58%;

  left: -21%;

  transform: rotate(145deg);

}

.box02 .box02_01 > ul > li:nth-of-type(4)::before {

  top: -10%;

  right: 80%;

  transform: rotate(216deg);

}

.box02 .box02_01 > ul > li:nth-of-type(5)::before {

  top: 6%;

  right: -9%;

  transform: rotate(288deg);

}

.box02 .box02_01 > ul > li:nth-of-type(1) {

  left: 50%;

  bottom: 105%;

  transform: translate3d(-50%, 0 ,0);

}

.box02 .box02_01 > ul > li:nth-of-type(2) {

  left: 108%;

  top: -40%;

}

html[lang="en"] .box02 .box02_01 > ul > li:nth-of-type(2) {

  top: -50%;

}

.box02 .box02_01 > ul > li:nth-of-type(3) {

  left: 60%;

  top: 76%;

}

.box02 .box02_01 > ul > li:nth-of-type(4) {

  right: 60%;

  top: 76%;

}

.box02 .box02_01 > ul > li:nth-of-type(5) {

  right: 108%;

  top: -40%;

}

html[lang="en"] .box02 .box02_01 > ul > li:nth-of-type(5) {

  top: -50%;

}

.box02 .box02_01 > ul > li > .image {

  position: relative;

  margin-right: auto;

  margin-bottom: 7px;

  margin-left: auto;

  padding-top: 50%;

}

.box02 .box02_01 > ul > li:nth-of-type(1) > .image {

  

}

.box02 .box02_01 > ul > li:nth-of-type(2) > .image {

  width: calc(144 / (794 / 3 * 0.91) * 100%);

}

.box02 .box02_01 > ul > li:nth-of-type(3) > .image {

  width: calc(165 / (794 / 3 * 0.91) * 100%);

}

.box02 .box02_01 > ul > li:nth-of-type(4) > .image {

  width: calc(170 / (794 / 3 * 0.91) * 100%);

}

.box02 .box02_01 > ul > li:nth-of-type(5) > .image {

  width: calc(137 / (794 / 3 * 0.91) * 100%);

}

.box02 .box02_01 > ul > li > .image::before {

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  transform: translate3d(-50%, 0, 0);

  content: '';

}

.box02 .box02_01 > ul > li:nth-of-type(1) > .image::before {

  background-image: url(../images/icon_img01.svg);

}

.box02 .box02_01 > ul > li:nth-of-type(2) > .image::before {

  height: calc(72 / 120 * 100%);

  background-image: url(../images/icon_img02.svg);

}

.box02 .box02_01 > ul > li:nth-of-type(3) > .image::before {

  height: calc(65 / 120 * 100%);

  background-image: url(../images/icon_img03.svg);

}

.box02 .box02_01 > ul > li:nth-of-type(4) > .image::before {

  height: calc(78 / 120 * 100%);

  background-image: url(../images/icon_img04.svg);

}

.box02 .box02_01 > ul > li:nth-of-type(5) > .image::before {

  height: calc(68 / 120 * 100%);

  background-image: url(../images/icon_img05.svg);

}

.box02 .box02_01 > ul > li > .title {

  display: block;

  position: relative;

  width: calc(200 / (794 / 3 * 0.91) * 100%);

  margin-right: auto;

  margin-left: auto;

  border: 1px rgb(179,179,179) solid;

  padding: 2px 0;

  text-align: center;

  font-weight: 700;

}

html[lang="en"] .box02 .box02_01 > ul > li > .title {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 48px;

  line-height: 1.2;

  padding: 2px 32px 2px 1px;

}

.box02 .box02_01 > ul > li > .title:hover {

  border-color: rgb(208,18,27);

  color: rgb(208,18,27);

}

.box02 .box02_01 > ul > li > .title::before{

  display: block;

  position: absolute;

  top: calc(50% - 5px);

  right: 14px;

  width: 14px;

  height: 14px;

  border-right: 1px rgb(130,130,130) solid;

  border-bottom: 1px rgb(130,130,130) solid;

  transform: rotate(45deg) translate3d(0, -50%, 0);

  content: '';

}

.box02 .box02_01 > ul > li > .title:hover::before {

  border-color: rgb(208,18,27);

}

.box02 .box02_01 > ul > li > .text {

  margin-top: 16px;

  line-height: 1.3;

}

.box02 .box02_01 > ul > li > .text > li {

  margin-top: 8px;

}

html[lang="en"] .box02 .box02_01 > ul > li > .text > li {

  margin-top: 4px;

}

@media screen and (max-width:1254px) {

  .box02 .box02_01 > ul > li > .text > li {

    font-size: calc(0.9009vw + 4.7027px);

  }

}

@media screen and (max-width:920px) {

  .box02 .box02_01 > ul > li > .text > li {

    font-size: calc(1.3158vw + 3.8947px);

  }

}

@media screen and (max-width:767px) {

  .box02 .box02_01 {

    position: relative;

    padding-top: 0;

    padding-bottom: 24px;

  }

  .box02 .box02_01 > ul {

    position: relative;

    left: auto;

    top: auto;

    width: auto;

    height: auto;

    border-radius: 0;

    border-style: none;

    transform: translate3d(0, 0,  0);

  }

  .box02 .box02_01 > ul::after {

    display: none;

  }

  .box02 .box02_01 > ul > li {

    position: relative;

    top: auto !important;

    right: auto !important;

    bottom: auto !important;

    left: auto !important;

    width: calc(100% - 24px);

    margin-right: auto;

    transform: translate3d(0, 0, 0) !important;

  }

  .box02 .box02_01 > ul > li::before {

    display: none;

  }

  .box02 .box02_01 > ul > li::after {

    position: absolute;

    top: calc(100% + 8px);

    left: 50%;

    width: 23px;

    height: 44px;

    background-image: url(../images/icon_img02_arrow.svg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    transform: translate3d(-50%, 0, 0);

    content: '';

  }

  .box02 .box02_01 > ul > li:last-of-type::after {

    left: calc(50% - 3px);

    height: 20px;

    width: 50%;

    border-left: 7px rgb(102,102,102) solid;

    border-bottom: 7px rgb(102,102,102) solid;

    background-image: none;

    transform: translate3d(0, 0, 0);

  }

  .box02 .box02_01 > ul > li > .text > li {

    font-size: 14px;

  }

  .box02 .box02_01::before {

    position: absolute;

    top: 64px;

    right: 0;

    width: 64px;

    height: calc(100% - 60px);

    border-top: 7px rgb(102,102,102) solid;

    border-right: 7px rgb(102,102,102) solid;

    border-bottom: 7px rgb(102,102,102) solid;

    content: '';

  }

  .box02 .box02_01::after {

    position: absolute;

    top: 45px;

    right: 48px;

    width: 23px;

    height: 45px;

    background-image: url(../images/icon_img02_arrow.svg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    transform: rotate(90deg);

    content: '';

  }

}











.sustainability_quality_control .box02 .img02 {

  position:relative;

  width: 100%;

  padding-top: calc(435 / 660 * 100%);

  background-image:url(../images/img02.png);

  background-repeat:no-repeat;

  background-size: contain;

}



.sustainability_quality_control .box02 .img02 a {

  display:block; 

  text-indent:-9999px; 

  overflow:hidden;

  position:absolute;

  width: calc(76 / 660 * 100%); 

  height: calc(76 / 435 * 100%);

  border-radius: 50%;

}



.sustainability_quality_control .box02  div.img02 a.btn01{

  top: calc(90 / 435 * 100%);

  left: calc(293 / 660 * 100%);

}

.sustainability_quality_control .box02  div.img02 a.btn02{

  top: calc(161 / 435 * 100%);

  left: calc(390 / 660 * 100%);

}

.sustainability_quality_control .box02  div.img02 a.btn03{

  top: calc(262 / 435 * 100%);

  left: calc(349 / 660 * 100%);

}

.sustainability_quality_control .box02  div.img02 a.btn04{

  top: calc(262 / 435 * 100%);

  left: calc(239 / 660 * 100%);

}

.sustainability_quality_control .box02  div.img02 a.btn05{

  top: calc(161 / 435 * 100%);

  left: calc(197 / 660 * 100%);

}



.sustainability_quality_control .box02  div.img02 a:hover{

  background-image:url(../images/img02_hover.png);

  background-repeat:no-repeat;

}

.sustainability_quality_control .box02  div.img02 a:hover.btn01{background-position: -293px   -90px;}

.sustainability_quality_control .box02  div.img02 a:hover.btn02{background-position: -390px  -161px;}

.sustainability_quality_control .box02  div.img02 a:hover.btn03{background-position: -349px  -262px;}

.sustainability_quality_control .box02  div.img02 a:hover.btn04{background-position: -239px  -262px;}

.sustainability_quality_control .box02  div.img02 a:hover.btn05{background-position: -197px  -161px;}



.sustainability_quality_control .box03 dl{ border: 1px solid #0068b6;}

.sustainability_quality_control .box03 dt{ padding:20px;}

.sustainability_quality_control .box03 dt.ttl_s3{

	font-size:20px;

    background-image: linear-gradient(to right, #0068b6, #0068b6 1px, transparent 1px, transparent 4px);

    background-size: 4px 1px;

    background-position: bottom;

    background-repeat: repeat-x;

}

.sustainability_quality_control .box03 dt p{ padding:0 10px;}

.sustainability_quality_control .box03 dt ul{ padding:0 10px; font-weight:bold;}





/*-- sustainability_quality_control --*/

.img_meeting .text01 {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  width: 100%;

  max-width: calc(100% - 152px);

  margin-right: auto;

  margin-left: auto;

  padding-top: 16px;

}

.img_meeting .text01 > li {

  display: flex;

  justify-content: center;

  align-items: center;

  width: calc(50% - 10px);

  height: 48px;

  border: 1px rgb(154,154,154) solid;

  padding-right: 12px;

  padding-left: 12px;

}

html[lang="en"] .img_meeting .text01 > li {

  height: 64px;

}

.img_meeting .text01 > li > span {

  display: block;

  position: relative;

  width: 100%;

  max-width: 200px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 16px;

  text-align: right;

}

html[lang="en"] .img_meeting .text01 > li > span {

  line-height: 1.2;

}

.img_meeting .text01 > li > span::before {

  display: block;

  position: absolute;

  left: 0;

  bottom: calc(50% - 17px);

  width: 63px;

  height: 68px;

  background-image: url(../images/icon_img05_01.svg);

  background-repeat: no-repeat;

  background-size: contain;

  content: '';

}

.img_meeting .text01 > li:last-child > span::before {

  background-image: url(../images/icon_img05_02.svg);

}

.img_meeting .text01 > li > span > span {

  display: block;

  position: relative;

}

html[lang="en"] .img_meeting .text01 > li > span > span {

  padding-left: 66px;

  text-align: center;

}

.img_meeting .img_meeting_box01 {

  position: relative;

}

.img_meeting .img_meeting_box01::after,

.img_meeting .text03::after {

  position: absolute;

  top: calc(100% + 12px);

  left: 50%;

  transform: translate3d(-50%, 0 , 0);

  width: 0;

  border-top: 26px rgb(154,154,154) solid;

  border-right: 29px transparent solid;

  border-left: 29px transparent solid;

  content: '';

}

.img_meeting .img_meeting_box01::after {

  top: calc(100% + 6px);

}

.img_meeting .text03 {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  position: relative;

  border: 2px rgb(204,204,204) solid;

  padding: 16px 10px 24px;

}

.img_meeting .text03 > li {

  position: relative;

  width: calc(50% - 28px);

}

.img_meeting .text03 > li:last-child {

  margin-left: auto; /* for IE11 */

}

.img_meeting .text03 > li > .title {

  font-weight: 700;

  line-height: 1.3;

}

.img_meeting .text03 > li > .text {

  margin-top: .5em;

  line-height: 1.5;

}

.img_meeting .text03 > li:first-of-type::before,

.img_meeting .text03 > li:first-of-type::after {

  display: block;

  position: absolute;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  content: '';

}

.img_meeting .text03 > li:first-of-type::before {

  left: 100%;

  width: 28px;

  height: 7px;

  background-color: rgb(154,154,154);

}

.img_meeting .text03 > li:first-of-type::after {

  left: calc(100% + 23px);

  width: 0;

  border-left: 18px rgb(154,154,154) solid;

  border-top: 11px transparent solid;

  border-bottom: 11px transparent solid;

}

.img_meeting .text04 {

  position: relative;

  padding-top: 120px;

}

.img_meeting .text04::before {

  position: absolute;

  left: 50%;

  top: 0;

  width: 178px;

  height: 119px;

  background-image: url(../images/icon_pkg.svg);

  background-repeat: no-repeat;

  background-size: contain;

  transform: translate3d(-50%, 0, 0);

  content: '';

}



@media screen and (max-width:767px) {

  .img_meeting .img_meeting_box01 {

    display: flex;

    align-items: center;

    margin-bottom: 48px;

    max-width: 320px;

    margin-right: auto;

    margin-left: auto;

  }

  .img_meeting .text01 {

    max-width: 100%;

    flex-wrap: wrap;

  }

  html[lang="en"] .img_meeting .text01 {

    padding-top: 0;

  }

  .img_meeting .text01 > li {

    width: 100%;

    height: 32px;

  }

  html[lang="en"] .img_meeting .text01 > li {

    height: 64px;

    padding-right: 4px;

    padding-left: 4px;

    line-height: 1.1;

  }

  .img_meeting .text01 > li:nth-of-type(2) {

    margin-top: 24px;

  }

  html[lang="en"] .img_meeting .text01 > li:nth-of-type(2) {

    margin-top: 8px;

  }

  .img_meeting .text01 > li > span {

    padding-right: 0;

  }

  .img_meeting .text01 > li > span::before {

    bottom: 6px;

    width: 32px;

    height: 34px;

  }

  html[lang="en"] .img_meeting .text01 > li > span::before {

    bottom: 50%;

    transform: translate3d(0, 50%, 0);

  }

  html[lang="en"] .img_meeting .text01 > li > span > span {

    padding-left: 35px;

    text-align: center;

  }

  .img_meeting .text02 {

    margin-top: 16px;

    padding-left: 12px;

    text-align: left;

    line-height: 1.5;

  }

  .img_meeting .text03 {

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 48px;

  }

  .img_meeting .text03 > li {

    width: 100%;

  }

  .img_meeting .text03 > li:first-of-type {

    margin-bottom: 48px;

    padding-bottom: 16px;

  }

  .img_meeting .text03 > li:first-of-type::before,

  .img_meeting .text03 > li:first-of-type::after {

    left: 50%;

    transform: translate3d(-50%, 0, 0);

  }

  .img_meeting .text03 > li:first-of-type::before {

    top: 100%;

    width: 7px;

    height: 28px;

  }

  .img_meeting .text03 > li:first-of-type::after {

    top: calc(100% + 23px);

    border-top: 18px rgb(154,154,154) solid;

    border-right: 11px transparent solid;

    border-left: 11px transparent solid;

    border-bottom-style: none;

  }

}













.sustainability_quality_control .box05 .img05_01 {

  width: 228px;

  height: 22px;

}

html[lang="en"] .sustainability_quality_control .box05 .img05_01 {

  width: 381px;

  height: 15px;

}

.sustainability_quality_control .box05 h6 {

  font-weight: 700;

  line-height: 1.4;

}

@media screen and (max-width:767px) {

  html[lang="en"] .sustainability_quality_control .box05 .img05_01 {

    width: 381px;

    height: 15px;

  }

}



.sustainability_quality_control .box05 .img05_02 {

  width: calc(174 / 660 * 100%);

  max-width: 174px;

}

.sustainability_quality_control .box05 .img05_03 {

  width: calc(313 / 660 * 100%);

  max-width: 313px;

}

.sustainability_quality_control .box05 .img05_04 {

  width: calc(173 / 660 * 100%);

  max-width: 173px;

}



.sustainability_quality_control .box06_01 {

  display: flex;

  justify-content: space-around;

}



.sustainability_quality_control .box06_01 > div {

  width: 100%;

}

.sustainability_quality_control .box06_01 > div > div {

  position: relative;

  text-align: center;

}

.sustainability_quality_control .box06_01 > div > .title {

  z-index: 120;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: 100px;

  height: 40px;

  margin-right: auto;

  font-weight: 700;

}

.sustainability_quality_control .box06_01 > .img06_01 > .title {

  background-color: rgb(61,51,51);

  color: rgb(255,255,255);

}

.sustainability_quality_control .box06_01 > .img06_02 > .title {

  background-color: rgb(204,204,204);

}

.sustainability_quality_control .box06_01 > div > .image {

  max-width: 300px;

    margin: 0 auto;

}

html[lang="en"] .sustainability_quality_control .box06_01 > div > .image {

  margin-top: 0;

}

.sustainability_quality_control .box06_01 > div > .text01 {

  padding-left: 15px;

  color: rgb(61,51,51);

  font-size: 87.5%;

  font-weight: 700;

  line-height: 1.5;

  margin-top: 6px;

}

.sustainability_quality_control .box06_01 > div > .text02 {

  color: rgb(61,51,51);

  font-size: 75%;

}

@media screen and (max-width:767px) {

  .sustainability_quality_control .box06_01 {

    flex-wrap: wrap;

  }

}







.sustainability_quality_control .box07 .img07 {

  width: 387px;

  margin-left: 30px;

}

.sustainability_quality_control .box07 .img07 > .title {

  background-color: rgb(102,102,102);

  color: rgb(255,255,255);

}

.sustainability_quality_control .box07 .img07 > ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  padding: 14px;

  background-color: rgb(244,244,244);

}

.sustainability_quality_control .box07 .img07 > ul > li:nth-child(1) {

  width: calc(90 / 359 * 100%);

}

.sustainability_quality_control .box07 .img07 > ul > li:nth-child(2) {

  width: calc(90 / 359 * 100%);

}

.sustainability_quality_control .box07 .img07 > ul > li:nth-child(3) {

  width: calc(160 / 359 * 100%);

}

.sustainability_quality_control .box07 .img07 > ul > li > span {

  display: block;

  font-size: 13px;

  text-align: center;

  background-color: rgb(255,255,255);

  line-height: 1.5;

}

@media screen and (max-width:767px) {

  .sustainability_quality_control .box07 .img07 {

    width: 100%;

    margin-left: 0;

  }

  .sustainability_quality_control .box06_01 > div {

    width: 100%;

  }

}





.flow_list {

  position: relative;

  width: 100%;

}

.flow_list > .flow_huki {

  position: relative;

  width: 220px;

  margin-right: auto;

  margin-left: auto;

  padding: 8px 8px 8px 64px;

  border: 1px rgb(204,204,204) solid;

  font-size: 14px;

  line-height: 1.3;

}

.flow_list > .flow_huki::before {

  display: block;

  position: absolute;

  top: 10px;

  left: 8px;

  width: 49px;

  height: 48px;

  background-image: url(../images/icon_img08.svg);

  background-repeat: no-repeat;

  background-size: contain;

  content: '';

}

.flow_list > .flow_huki::after {

  display: block;

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 14px;

  height: 14px;

  border-left: 1px rgb(204,204,204) solid;

  border-bottom: 1px rgb(204,204,204) solid;

  background-color: rgb(255,255,255);

  transform: translate3d(-50%,50%,0) rotate(-45deg);

  content: '';

}

.flow_list > .list_box {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  position: relative;

  z-index: 140;

  width: 100%;

  margin-top: 4px;

  padding: 0 calc(30 / 794 * 100%);

}

.flow_list > .list_box > li {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  position: relative;

  width: calc((100% - (60 / 794 * 100%)) / 3);

  height: 62px;

  max-width: 210px;

  border-width: 2px;

  border-style: solid;

  background-color: rgb(234,234,234);

  cursor: pointer;

}

.flow_list > .list_box > li._null {

  border-style: none;

  background-color: transparent !important;

}

.flow_list > .list_box > li > span {

  display: flex;

  flex-direction: column;

  position: relative;

  padding-right: 32px;

  line-height: 1.3;

}

.flow_list > .list_box > li > span::after {

  display: block;

  position: absolute;

  bottom: calc(50% - 11px);

  right: 3px;

  width: 14px;

  height: 14px;

  border-width: 1px;

  border-left-style: solid;

  border-bottom-style: solid;

  transform: translate3d(0,-50%,0) rotate(-45deg);

  content: '';

}

.flow_list > .list_box > li:hover {

  background-color: rgb(255,255,255);

}

.flow_list > .list_box > li._open {

  background-color: rgb(255,255,255);

  border-bottom-color: rgb(255,255,255) !important;

}

.flow_list > .list_item_box {

  position: relative;

  z-index: 100;

  margin-top: -2px;

  border-width: 2px;

  border-top-style: solid;

  padding: 0 calc(30 / 794 * 100%);

}

.flow_list > .list_item_box > ul {

  margin-top: 19px;

}

.flow_list > .list_item_box > ul > li > ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  padding: 8px 0;

  border-width: 2px;

  border-bottom-style: dashed;

}

.flow_list > .list_item_box > ul > li:first-of-type > ul {

  border-top-style: dashed;

}

.flow_list > .list_item_box > ul > li .title {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 20%;

  line-height: 1.3;

  text-align: center;

}

.flow_list > .list_item_box > ul > li .text {

  display: flex;

  align-items: center;

  width: calc(80% - 270px);

  padding: 0 6px 0 16px;

  line-height: 1.5;

}

.flow_list > .list_item_box > ul > li .image_box {

  display: flex;

  align-items: center;

  width: 270px;

}

.flow_list > .list_item_box > ul > li .image_box .img_txt {

  padding-top: 2px;

  padding-bottom: 2px;

  font-size: 12px;

  line-height: 1.3;

  text-align: center;

}

.flow_list > .list_item_box > ul > li .image_box ul.img_txt {

  display: flex;

}

.flow_list > .list_item_box > ul > li .image_box ul.img_txt._col3 > li {

  width: calc(100% / 3);

}

.flow_list > .list_item_box._close {

  display: none;

}

.flow_list > .list_item_box._open {

  display: block;

}





.flow_list li.flow_08_01 .image_box { width: 140px; }

.flow_list li.flow_08_03 .image_box { width: 177px; }

.flow_list li.flow_08_05 .image_box { width: 140px; }

.flow_list li.flow_08_06 .image_box { width: 140px; }

.flow_list li.flow_08_07 .image_box { width: 139px; }



.flow_list li.flow_09_01 .image_box { width: 115px; }

.flow_list li.flow_09_02 .image_box { width: 250px; }

.flow_list li.flow_09_03 .image_box { width: 115px; }

.flow_list li.flow_09_04 .image_box { width: 115px; }

.flow_list li.flow_09_05 .image_box { width: 135px; }

.flow_list li.flow_09_06 .image_box { width: 135px; }

.flow_list li.flow_09_08 .image_box { width: 135px; }



.flow_list li.flow_08_01::after,.flow_list li.flow_08_02::after,.flow_list li.flow_08_04::after,.flow_list li.flow_08_05::after,.flow_list li.flow_08_06::after {

    position: absolute;

  left: 50%;

  width: 0;

  border-top: 20px rgb(255,255,255) solid;

  border-bottom: 20px rgb(255,255,255) solid;

  border-left: 20px rgb(102,51,51) solid;

  transform: translate3d(0,-50%,0) rotate(90deg);

  content: '';

}

.flow_list li.flow_09_01::after,.flow_list li.flow_09_02::after,.flow_list li.flow_09_04::after,.flow_list li.flow_09_06::after,.flow_list li.flow_09_07::after {

    position: absolute;

  left: 50%;

  width: 0;

  border-top: 20px rgb(255,255,255) solid;

  border-bottom: 20px rgb(255,255,255) solid;

  border-left: 20px rgb(51,102,51) solid;

  transform: translate3d(0,-50%,0) rotate(90deg);

  content: '';

}



.flow_list._coffee > .list_box > li:first-child::before {

  display: block;

  position: absolute;

  top: 50%;

  left: calc(100% + 16px);

  width: 200%;

  height: 7px;

  background-color: rgb(154,154,154);

  transform: translate3d(0, -50%, 0);

  content: '';

}

.flow_list._coffee > .list_box > li:last-child::after {

  display: block;

  position: absolute;

  top: 50%;

  right: calc(100% + 2px);

  width: 0;

  border-top: 11px rgb(255,255,255) solid;

  border-bottom: 11px rgb(255,255,255) solid;

  border-right: 16px rgb(255,255,255) solid;

  border-left: 17px rgb(154,154,154) solid;

  transform: translate3d(0, -50%, 0);

  content: '';

}

.flow_list._coffee > .list_box > li {

  border-color: rgb(178,153,153);

  color: rgb(51,0,0);

}

html[lang="en"] .flow_list._coffee > .list_box > li {

  height: 80px;

}

.flow_list._coffee > .list_item_box {

  border-color: rgb(178,153,153);

}

.flow_list._coffee > .list_box > li > span::after {

  border-color: rgb(51,0,0);

}

.flow_list._coffee > .list_item_box > ul > li > ul {

  border-color: rgb(140,102,102);

}

.flow_list._coffee > .list_item_box > ul > li .title {

  background-color: rgb(232,217,217);

  color: rgb(51,0,0);

}





.flow_list._tea > .list_box > li {

  border-color: rgb(153,178,153);

  color: rgb(0,51,0);

}

.flow_list._tea > .list_item_box {

  border-color: rgb(153,178,153);

}

.flow_list._tea > .list_box > li > span::after {

  border-color: rgb(0,51,0);

}

.flow_list._tea > .list_item_box > ul > li > ul {

  border-color: rgb(102,140,102);

}

.flow_list._tea > .list_item_box > ul > li .title {

  background-color: rgb(217,232,217);

  color: rgb(0,51,0);

}



.flow_list._tea > .list_box > li::before {

  position: absolute;

  top: 50%;

  left: calc(100% + 8px);

  width: 15%;

  height: 7px;

  background-color: rgb(154,154,154);

  transform: translate3d(0, -50%, 0);

  content: '';

}

.flow_list._tea > .list_box > li:last-child::before {

  display: none;

}

.flow_list._tea > .list_box > li::after {

  position: absolute;

  top: 50%;

  left: -18px;

  width: 0;

  border-top: 11px rgb(255,255,255) solid;

  border-bottom: 11px rgb(255,255,255) solid;

  border-right: 5px rgb(255,255,255) solid;

  border-left: 11px rgb(154,154,154) solid;

  transform: translate3d(0, -50%, 0);

  content: '';

}

.flow_list._tea > .list_box > li:first-child::after {

  display: none;

}





.flow_list ._ibi {

  display: inline-block;

}





@media screen and (max-width:767px) {

  html[lang="en"] .flow_list > .flow_huki {

    font-size: 12px;

  }

  .flow_list > .list_box > li > span {

    padding-right: 16px;

  }

  html[lang="en"] .flow_list > .list_box > li > span {

    font-size: 11px;

    text-align: center;

  }

  .flow_list > .list_box > li > span::after {

    width: 10px;

    height: 10px;

  }

  html[lang="en"] .flow_list > .list_box > li > span::after {

    width: 8px;

    height: 8px;

  }

  .flow_list > .list_item_box > ul > li > ul {

    flex-wrap: wrap;

  }

  .flow_list > .list_item_box > ul > li .title {

    width: 100%;

    padding: 6px;

    margin-bottom: 8px;

  }

  .flow_list > .list_item_box > ul > li .text {

    width: 50%;

    padding: 6px;

  }

  .flow_list > .list_item_box > ul > li .image_box {

    width: 50%;

  }

  

  .flow_list > .list_item_box > ul > li.flow_08_02 .text {

    width: 100%;

  }

  .flow_list > .list_item_box > ul > li.flow_08_02 .image_box {

    width: 100%;

  }

  .flow_list > .list_item_box > ul > li.flow_08_02 .image_box > .image {

    margin-right: auto;

    margin-left: auto;

  }

  .flow_list > .list_item_box > ul > li.flow_09_02 .text {

    width: 100%;

  }

  .flow_list > .list_item_box > ul > li.flow_09_02 .image_box {

    width: 100%;

  }

  .flow_list > .list_item_box > ul > li.flow_09_02 .image_box > .image {

    margin-right: auto;

    margin-left: auto;

  }

    

.flow_list li.flow_08_01::after,.flow_list li.flow_08_02::after,.flow_list li.flow_08_04::after,.flow_list li.flow_08_05::after,.flow_list li.flow_08_06::after {

  border-top: 15px rgb(255,255,255) solid;

  border-bottom: 15px rgb(255,255,255) solid;

  border-left: 12px rgb(102,51,51) solid;

}

.flow_list li.flow_09_01::after,.flow_list li.flow_09_02::after,.flow_list li.flow_09_04::after,.flow_list li.flow_09_06::after,.flow_list li.flow_09_07::after {

  border-top: 15px rgb(255,255,255) solid;

  border-bottom: 15px rgb(255,255,255) solid;

  border-left: 12px rgb(51,102,51) solid;

}



  

  html[lang="en"] .flow_list._coffee > .list_box > li {

    height: 62px;

  }

  .flow_list._tea > .list_box > li::before {

    height: 5px;

  }

  .flow_list._tea > .list_box > li::after {

    left: -11px;

    border-top: 7px rgb(255,255,255) solid;

    border-bottom: 7px rgb(255,255,255) solid;

    border-right: 2px rgb(255,255,255) solid;

    border-left: 7px rgb(154,154,154) solid;

  }

}



























.sustainability_quality_control .box08_01 {

	width: 659px;

    height: 187px;

	position: relative;

}

.sustainability_quality_control .box09_01 {

	width: 659px;

    height: 120px;

	position: relative;

}

.sustainability_quality_control .box08_01_01 li {

  display: block;

	width: 190px;

	height: 80px;

	position: absolute;

	cursor: pointer;

    margin-top:85px; 

}



.sustainability_quality_control .box09_01_01 li {

  display: block;

	width: 190px;

	height: 80px;

	position: absolute;

	cursor: pointer;

}

.sustainability_quality_control .box08_01_01 li:hover,

.sustainability_quality_control .box09_01_01 li:hover {

	opacity: .7;

}

.sustainability_quality_control .box08_01_02 img,

.sustainability_quality_control .box09_01_02 img {

	display: none;

	position: absolute;

	bottom: 0;

}

.sustainability_quality_control .box08_01 {

	background: url(../images/materials/img08_bg00.png) no-repeat center 25px;

}

.sustainability_quality_control .box09_01 {

	background: url(../images/materials/img09_bg00.png) no-repeat center 30px;

}

.sustainability_quality_control .box08_01_01 .item01 {

	background: url(../images/materials/img08_btn01.png) no-repeat left top;

}

.sustainability_quality_control .box08_01_01 .item02 {

	background: url(../images/materials/img08_btn02.png) no-repeat left top;

	right: 0;

}

.sustainability_quality_control .box09_01_01 .item01 {

	background: url(../images/materials/img09_btn01.png?ud=170119) no-repeat left top;

}

.sustainability_quality_control .box09_01_01 .item02 {

	background: url(../images/materials/img09_btn02.png?ud=170119) no-repeat left top;

	left: 235px;

}

.sustainability_quality_control .box09_01_01 .item03 {

	background: url(../images/materials/img09_btn03.png?ud=170119) no-repeat left top;

	right: 0;

}

.sustainability_quality_control .box08_01_01 .item01.here {

	background-image: url(../images/materials/img08_btn01a.png);

}

.sustainability_quality_control .box08_01_01 .item02.here {

	background-image: url(../images/materials/img08_btn02a.png);

}

.sustainability_quality_control .box09_01_01 .item01.here {

	background-image: url(../images/materials/img09_btn01a.png?ud=170118);

}

.sustainability_quality_control .box09_01_01 .item02.here {

	background-image: url(../images/materials/img09_btn02a.png?ud=170118);

}

.sustainability_quality_control .box09_01_01 .item03.here {

	background-image: url(../images/materials/img09_btn03a.png?ud=170118);

}





.sustainability_quality_control .box10 .img10_01 {

  max-width: 660px;

}

.box10_01 > ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  position: relative;

  padding-bottom: 96px;

}

.box10_01 > ul::before {

  position: absolute;

  top: 84px;

  left: 72px;

  width: calc(100% - 168px);

  height: 12px;

  background: 

    linear-gradient(to right, rgb(1,173,255) 0%, rgb(195,236,255) 80%);

  content: '';

}

.box10_01 > ul::after {

  position: absolute;

  top: 76px;

  right: 72px;

  width: 0;

  border-top: 14px transparent solid;

  border-bottom: 14px transparent solid;

  border-left: 24px rgb(195,236,255) solid;

  content: '';

}

.box10_01 > ul > li {

  position: relative;

}

.box10_01 > ul > ._glb {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: 48px;

  height: 180px;

  border: 2px rgb(187,187,187) solid;

  background-color: rgb(255,255,255);

}

.box10_01 > ul > ._glb > span {

  width: 24px;

  line-height: 1;

}

.box10_01 > ul > li:nth-child(1),

.box10_01 > ul > li:nth-child(8) {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: 72px;

  height: 180px;

  font-size: 112.5%;

  font-weight: 700;

}

.box10_01 > ul > li:nth-child(1) {

  background-color: rgb(1,173,255);

  color: rgb(255,255,255);

}

.box10_01 > ul > li:nth-child(8) {

  background-color: rgb(195,236,255);

}

.box10_01 > ul > li:nth-child(1) > span {

  width: 24px;

  line-height: 1;

}

.box10_01 > ul > li:nth-child(8) > span {

  width: 24px;

  line-height: 1;

}

.box10_01 > ul > li:nth-child(6) {

  position: absolute;

  right: calc(((100% - (48px * 5) - (72px * 2)) / 4) + 72px + 48px);

  bottom: 40px;

  width: 144px;

  padding: 6px 0;

  background-color: rgb(243,152,1);

  color: rgb(255,255,255);

  transform: translate3d(50%, 0, 0);

}

.box10_01 > ul > li:nth-child(6)::before {

  display: block;

  position: absolute;

  bottom: 100%;

  left: calc(50% - 2px);

  width: 0;

  height: 96px;

  border: 2px rgb(243,152,1) dashed;

  content: '';

}

.box10_01 > ul > li:last-child {

  position: absolute;

  left: 0;

  top: calc(100% - 24px);

  width: 100%;

  border-top: 3px rgb(187,187,187) solid;

}

.box10_01 > ul > li:last-child::before,

.box10_01 > ul > li:last-child::after {

  display: block;

  position: absolute;

  bottom: 100%;

  width: 3px;

  height: 20px;

  background-color: rgb(187,187,187);

  content: '';

}

.box10_01 > ul > li:last-child::before {

  left: 0;

}

.box10_01 > ul > li:last-child::after {

  right: 0;

}

@media screen and (max-width:767px) {

  .box10_01 > ul::before {

    width: calc(100% - 82px);

    left: 36px;

  }

  .box10_01 > ul::after {

    right: 36px;

    border-width: 14px;

    border-left-width: 10px;

  }

  .box10_01 > ul > ._glb {

    width: 30px;

  }

  .box10_01 > ul > li:nth-child(1),

  .box10_01 > ul > li:nth-child(8) {

    width: 36px;

  }

  .box10_01 > ul > li:nth-child(6) {

    right: calc(((100% - (30px * 5) - (36px * 2)) / 4) + 36px + 30px);

    width: 100px;

  }

}





.box10_01_en > ul {

  position: relative;

  padding-right: 190px;

}

.box10_01_en > ul::before {

  position: absolute;

  top: 50px;

  left: calc(195 / 660 * 100%);

  width: 12px;

  height: calc(100% - 110px);

  background: 

    linear-gradient(to bottom, rgb(1,173,255) 0%, rgb(195,236,255) 80%);

  content: '';

}

.box10_01_en > ul::after {

  position: absolute;

  bottom: 50px;

  left: calc((195 / 660 * 100%) - 7px);

  width: 0;

  border-right: 14px transparent solid;

  border-left: 14px transparent solid;

  border-top: 24px rgb(195,236,255) solid;

  content: '';

}

.box10_01_en > ul > li {

  position: relative;

}

.box10_01_en > ul > ._glb {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: calc(390 / 470 * 100%);

  height: 50px;

  margin-bottom: 20px;

  border: 2px rgb(187,187,187) solid;

  background-color: rgb(255,255,255);

}

.box10_01_en > ul > ._glb > span {

}

.box10_01_en> ul > li:nth-child(1),

.box10_01_en > ul > li:nth-child(8) {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: calc(390 / 470 * 100%);

  height: 50px;

  font-size: 112.5%;

  font-weight: 700;

}

.box10_01_en > ul > li:nth-child(1) {

  margin-bottom: 20px;

  background-color: rgb(1,173,255);

  color: rgb(255,255,255);

}

.box10_01_en > ul > li:nth-child(7) {

  margin-bottom: 40px;

}

.box10_01_en > ul > li:nth-child(8) {

  background-color: rgb(195,236,255);

}

.box10_01_en > ul > li:nth-child(6) {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  z-index: 120;

  width: 186px;

  height: 50px;

  margin-bottom: 20px;

  margin-left: auto;

  background-color: rgb(243,152,1);

  color: rgb(255,255,255);

}

.box10_01_en > ul > li:nth-child(5)::after {

  display: block;

  position: absolute;

  z-index: 100;

  top: calc(100% + 45px);

  left: calc(50% + 12px);

  width: 50%;

  height: 1px;

  border-top: 2px rgb(243,152,1) dashed;

  content: '';

}

.box10_01_en > ul > li:last-child {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  right: 0;

  top: 0;

  width: 180px;

  height: 100%;

  border-left: 3px rgb(187,187,187) solid;

}

.box10_01_en > ul > li:last-child::before,

.box10_01_en > ul > li:last-child::after {

  display: block;

  position: absolute;

  right: 180px;

  width: 20px;

  height: 3px;

  background-color: rgb(187,187,187);

  content: '';

}

.box10_01_en > ul > li:last-child::before {

  top: 0;

}

.box10_01_en > ul > li:last-child::after {

  bottom: 0;

}



@media screen and (max-width:767px) {

  box10_01_en {

    max-width: 400px;

  }

  .box10_01_en > ul {

    padding-right: 72px;

  }

  .box10_01_en > ul::before {

    left: calc((100% - 72px) / 2 - 6px);

  }

  .box10_01_en > ul::after {

    left: calc((100% - 72px) / 2 - 14px);

  }

  .box10_01_en > ul > li {

    line-height: 1.3;

  }

  .box10_01_en > ul > ._glb {

    width: 100%;

  }

  .box10_01_en> ul > li:nth-child(1),

  .box10_01_en > ul > li:nth-child(8) {

    width: 100%;

  }

  .box10_01_en > ul > li:nth-child(5)::after {

    left: calc(50% + 6px);

    width: calc(50% - 10px);

  }

  .box10_01_en > ul > li:nth-child(6) {

    width: 80px;

    font-size: 13px;

  }

  .box10_01_en > ul > li:last-child {

    width: 66px;

    font-size: 11px;

  }

  .box10_01_en > ul > li:last-child::before,

  .box10_01_en > ul > li:last-child::after {

    right: 66px;

    width: 3px;

  }

}











.sustainability_quality_control .box11 .img11_01 {

  width: 299px;

  height: 18px;

}

.sustainability_quality_control .box11 .img11_02 {

  width: 230px;

  height: 18px;

}



.sustainability_quality_control .box11 .img11_06 {

  width: calc(140 / 660 * 100%);

  max-width: 140px;

}

.sustainability_quality_control .box11 .img11_07 {

  width: calc(238 / 660 * 100%);

  max-width: 238px;

}

.sustainability_quality_control .box11 .img11_08 {

  width: calc(282 / 660 * 100%);

  max-width: 282px;

}



.box11_factory {

  max-width: 640px;

  margin-right: auto;

  margin-left: auto;

}

.box11_factory .box11_factory_01 {

  position: relative;

  width: 100%;

  max-width: 500px;

  margin-right: auto;

  margin-left: auto;

  padding-top: 16px;

  padding-left: calc(230 / 640 * 100%);

  padding-bottom: 16px;

  border: 2px rgb(204,204,204) solid;

}

.box11_factory .box11_factory_01::before {

  position: absolute;

  top: calc(24 / 100 * 100%);

  left: calc(46 / 500 * 100%);

  width: calc(150 / 500 * 100%);

  height: calc(58 / 100 * 100%);

  background-image: url(/common/images/logo_dydo.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  content: '';

}

.box11_factory .box11_factory_01::after {

  position: absolute;

  top: 100%;

  left: 50%;

  width: 0;

  border-top: 24px rgb(154,154,154) solid;

  border-right: 24px transparent solid;

  border-left: 24px transparent solid;

  transform: translate3d(-50%, 0, 0);

  content: '';

}

.box11_factory .box11_factory_01 > li {

  line-height: 1.2;

}

.box11_factory .box11_factory_01 > li:nth-child(n+2) {

  margin-top: 1em;

}

.box11_factory .box11_factory_02 {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin-top: 30px;

}

.box11_factory .box11_factory_02 > li {

  width: calc((100% - 32px) / 3);

}

.box11_factory .box11_factory_02 > .item01 > span {

  display: block;

  padding-top: calc(47 / 165 * 100%);

  background-image: url(../images/icon_img10.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

}

.box11_factory .box11_factory_02 ._glb {

  display: block;

  margin-top: 10px;

  border: 1px rgb(154,154,154) solid;

}

@media screen and (max-width:767px) {

  .box11_factory .box11_factory_01 {

    padding-left: calc(230 / 640 * 100%);

  }

  .box11_factory .box11_factory_01::before {

    left: 5%;

  }

  .box11_factory .box11_factory_02 > li {

    width: calc((100% - 16px) / 3);

  }

  

  html[lang="en"] .box11_factory .box11_factory_02 {

    flex-wrap: wrap;

  }

  html[lang="en"] .box11_factory .box11_factory_02 > li {

    width: calc((100% - 16px) / 2);

  }

  html[lang="en"] .box11_factory .box11_factory_02 > .item01 {

    width: 100%;

  }

  html[lang="en"] .box11_factory .box11_factory_02 > .item01 > span {

    width: 150px;

    margin-right: auto;

    margin-left: auto;

    padding-top: 59px;

  }

  

  .box11_factory .box11_factory_02 ._glb {

    font-size: 12px;

  }

}

@media screen and (max-width:340px) {

  .box11_factory .box11_factory_02 ._glb {

    font-size: 11px;

  }

}









/*-- sustainability_quality_control --*/

.sustainability_quality_control .check_area {

  display: flex;

  justify-content: center;

  

  background-image:url(../images/process/ti_sub_quality_bg.gif);

  background-repeat:repeat-y;

  background-size: contain;

}

.sustainability_quality_control .check_area p.title {

  margin-bottom: 12px;

  font-weight: 700;

  line-height: 1.2;

}

.sustainability_quality_control .check_area p.comment {

  margin-bottom: 15px;

  padding: 0;

}

.sustainability_quality_control .check_area .check_left {

  width: 50%;

  padding-right: 20px;

}

.sustainability_quality_control .check_area .check_right {

  width: 50%;

  padding-left: 20px;

}

.sustainability_quality_control .check_area .check_left p {

}

.sustainability_quality_control .check_area .check_right p {

}

@media screen and (max-width:767px) {

  .sustainability_quality_control .check_area {

    flex-wrap: wrap;

    background-image: none;

  }

  .sustainability_quality_control .check_area .check_left,

  .sustainability_quality_control .check_area .check_right {

    width: 100%;

    padding: 0;

  }

  .sustainability_quality_control .check_area .check_right {

    margin-top: 15px;

  }

}

.box11 .img11_03 {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  justify-content: space-between;

  padding: calc(12 / 320 * 100%);

  background-color: rgb(244,244,244);

}

.box11 .img11_03 > li {

  width: calc(50% - (6 / 296 * 100%));

  margin-bottom: 12px;

}

.box11 .img11_03 > li:nth-child(n+3) {

  margin-bottom: 0;

}

.box11 .img11_03 > li > .image {

  padding-top: calc(81 / 142 * 100%);

  background-repeat: no-repeat;

  background-position: center top;

  background-size: contain;

}

.box11 .img11_03 > li > .image > .text {

  display: block;

  padding: 2px 0;

  font-size: 10px;

  line-height: 1.3;

  text-align: center;

  background-color: rgb(255,255,255);

}



.box11 .img11_04 {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  justify-content: space-between;

  padding: calc(12 / 320 * 100%);

  background-color: rgb(244,244,244);

}

.box11 .img11_04 > li {

  width: calc((100% / 3) - (4 / 296 * 100%));

  margin-bottom: 12px;

}

.box11 .img11_04 > li:nth-child(n+4) {

  width: calc(50% - (6 / 296 * 100%));

  margin-bottom: 0;

}

.box11 .img11_04 > li > .image {

  padding-top: calc(70 / 94 * 100%);

  background-repeat: no-repeat;

  background-position: center top;

  background-size: contain;

}

.box11 .img11_04 > li:nth-child(n+4) > .image {

  padding-top: calc(74 / 143 * 100%);

}

.box11 .img11_04 > li > .image > .text {

  display: block;

  padding: 2px 0;

  font-size: 10px;

  text-align: center;

  line-height: 1.3;

  background-color: rgb(255,255,255);

}







.sustainability_quality_control .box12 table{ width:100%;}

.sustainability_quality_control .box12 th,

.sustainability_quality_control .box12 td.st { text-align:center;}

.sustainability_quality_control .box12 th { background-color: #f4f4f4; }

.sustainability_quality_control .box12 td p { padding:0 1em;}

.sustainability_quality_control .box12 th,

.sustainability_quality_control .box12 td{ border:1px #ccc solid; padding:5px 0;}



.sustainability_quality_control .img13_01 {

  width: calc(300 / 660 * 100%);

  max-width: 300px;

  margin-left:10px;

}



.sustainability_quality_control .img14_01 {

  width: calc(300 / 660 * 100%);

  max-width: 300px;

  margin-left:10px;

}





.box08,

.box09,

.box11 {

  overflow: hidden;

}



@media screen and (max-width:767px) {

  .sustainability_quality_control .box06 .img06_01,

  .sustainability_quality_control .box06 .img06_02 {

  }

}