@charset "UTF-8";

#main .contents{padding:80px 0 90px;}

#main .sustainability {margin:0 0 70px;}
#main .sustainability .sub_title{font-size:24px;line-height:1.6;font-weight:700;color:var(--main-color);text-align:left;margin:0 0 30px;}
#main .sustainability .tex{font-size:20px;line-height:1.6;text-align:left;margin:0 0 40px;}
#main .sustainability ol{text-align:left;}
#main .sustainability ol li{font-size:20px;line-height:1.6;margin:0 0 0 1em;list-style-type:decimal;}
#main .sustainability ol li:not(:last-child){margin:0 0 30px 1em;}
#main .sustainability .statement{font-size:20px;font-weight:700;margin:0 0 70px;}
#main .sustainability .statement a{color:var(--main-color);text-decoration:underline;}
@media screen and (min-width: 768px) {
  #main .sustainability .statement a:hover{text-decoration:none;}
}

#main .privacy{display:flex;}
#main .privacy li:first-child{width:150px;margin:0 100px 0 0;text-align:left;}
#main .privacy li img{height:auto;width:100%;}
#main .privacy li + li{flex:1;width:100%;}

#main .sdgs{display:flex;flex-wrap:wrap;margin:0 -20px;}
#main .sdgs li{text-align:left;width:calc(50% - 40px);margin:0 20px;}
#main .sdgs li .icon{font-size:1px;line-height:0;margin:0 0 10px}
#main .sdgs li .icon img{height:auto;width:98px;margin:0 20px 0 0;}
#main .sdgs li .tex{font-size:20px;line-height:1.6;}

@media (max-width: 1280px) {
  #main .contents{padding:6.25vw 0 7.031vw;}

  #main .sustainability{margin:0 0 6.25vw;}
  #main .sustainability .sub_title{font-size:1.87vw;margin:0 0 3.12vw;}
  #main .sustainability .tex{font-size:1.71vw;margin:0 0 3.12vw;}
  #main .sustainability ol li{font-size:1.71vw;}
  #main .sustainability ol li:not(:last-child){margin:0 0 3.12vw 1em;}
  #main .sustainability .statement{font-size:1.71vw;margin:0 0 6.25vw;}

  #main .privacy li:first-child{width:11.718vw;margin:0 7.812vw 0 0;}

  #main .sdgs{margin:0 -1.562vw;}
  #main .sdgs li{width:calc(50% - 3.125vw);margin:0 1.562vw;}
  #main .sdgs li .icon{margin:0 0 0.781vwx}
  #main .sdgs li .icon img{width:7.656vw;margin:0 1.562vw 0 0;}
  #main .sdgs li .tex{font-size:1.562vw;}
}

@media screen and (max-width: 767px) {
  #main .contents{padding:0 40px 15px;}

  #main .sustainability{margin:0 0 25px;}
  #main .sustainability .sub_title{font-size:14px;margin:0 0 20px;}
  #main .sustainability .tex{font-size:12px;margin:0 0 20px;}
  #main .sustainability ol li{font-size:12px;}
  #main .sustainability ol li:not(:last-child){margin:0 0 20px 1em;}
  #main .sustainability .statement{font-size:12px;margin: 0 0 9.30vw;}

  #main .privacy{display:block;}
  #main .privacy li:first-child{width:90px;margin:0 auto 15px;}
  #main .privacy li + li{width:auto;}

  #main .sdgs{display:block;margin:0;}
  #main .sdgs li{width:auto;margin:0;}
  #main .sdgs li:not(:last-child){margin:0 0 20px;}
  #main .sdgs li .icon{text-align:center;margin:0 0 10px}
  #main .sdgs li .icon img{width:60px;margin:0 5px;}
  #main .sdgs li .tex{font-size:12px;}
}
