#ajinomoto_tpl_global_header .ajinomoto_tpl_upper_block {
    margin-bottom: 10px;
    padding-top: 30px;
}
body .main .container a {
    color: #3251ad;
}
body .main a, body .p-breadcrumbs a{
    color: #3251ad;
}
.main, footer{
    background: #fff;
}
#contents_title {
    background: none;
    margin-bottom: -6px;
}
body {
    font-size: 110%;
}
body .main .container a:visited {
    color: #3251ad;
    text-decoration: none;
}
body .main .container a:hover{
    color: #3251ad;
    text-decoration: underline;
}
.img_block{
  display: inline-block;
}
.p-hero {
    margin-bottom: 40px;
}
#contents_title a, p-breadcrumbs a{
    color: #666;
}
#contents_title a, p-breadcrumbs a:visited {
    color: #666;
    text-decoration: none;
}
#contents_title a, p-breadcrumbs a:hover{
    color: #666;
    text-decoration: underline;
}
#contents_title {
    position: relative;
    z-index: 1;
    background: url(/shared_file/img/contents_title_bg.png) left bottom repeat-x;
}
#contents_title #topic_path{
    float: left;
    font-size: 60%;
}
#contents_title_inner{
   position: relative;
}
.cell{
    margin: 0 auto;
    position: relative;
    width: 900px;
}
.cell:after {
  content: "";
  display: block;
  clear: both;
    position: relative;
}
.en_link_btn{
    text-align: right;
    display: inline;
    position: relative;
    font-size: 12px;
    padding: 0px 0px 0px 15px;
    background: url(/company/jp/activity/common/img/icon_lang.png) no-repeat left center;
}

.p-breadcrumbs__item+.p-breadcrumbs__item.en_link_btn::before {
    content: none;
    margin: 0;
}


sub{
    font-size: 12px;
}

.esg_ir.p-list--circle{
    margin-bottom: 40px;
    display: block;
    margin-top: 40px;
}

ul.p-breadcrumbs__list li:last-of-type {
    margin-left: auto;
}

.row {
    margin: 0px -16px 40px;
}
.esg_top.row{
    margin-bottom: 0px;
}
.col-24.mt0{
    margin-top: 0px;
}
.c-text.mb0{
    margin-bottom: 0px;
}


#cf_block_13_cf_heading_txt.imgTitle,
.c-heading-04.imgTitle, #cf_block_6_cf_heading_txt.imgTitle, .c-heading-03.imgTitle{
    font-size: 20px;
}
.c-heading-04:not(.human_rights .c-heading-04){
    font-size: 20px;
}
.note{
    font-size: 12px;
}
.txt-justify{
  text-align: justify;
}
ul.note.numb_list li{
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.p-list--circle{
    width: 100%;
}
sup{
  font-size: 12px;
  vertical-align:text-top;
}
.c-button.no-public{
  border: 1px solid #ccc !important;
  pointer-events: none;
}
.c-button.no-public:hover{
  text-decoration: none !important;
  opacity: 1 !important;
}
body .main a.no-public, body .p-breadcrumbs a.no-public{
color: #ccc;
}
body .main .container a.no-public{
  color: #ccc;
}

body .main .container a.no-public:visited{
  color: #ccc;
}
body .main a.c-button.no-public:hover{
  text-decoration: none !important;
  opacity: 1 !important;
  cursor: default !important;
}
.c-link--blank::after {
  content: 'window open';
  width: 4.72222vw;
  height: 4.72222vw;
  vertical-align: baseline;
  background-image: url(/company/jp/activity/common/img/ico_blank.svg)
}
.c-link--pdf::after {
    content: 'PDF';
    width: 3.88889vw;
    height: 4.72222vw;
    vertical-align: middle;
    background-image: url(/company/jp/activity/common/img/ico_pdf.svg);
}
.p-list--scroll .p-list__item::before {
    background: url(/company/jp/activity/common/img/ico_scroll.svg) no-repeat 0 0;
    background-size: contain;
}
.c-link--pdf::after {
    width: 14px;
    height: 17px;
}
.c-link--blank::after {
    width: 17px;
    height: 17px;
}
.p-list--scroll .p-list__item::before {
    width: 15px;
    height: 15px;
    margin-right: 11px;
}
:root {
  --xxxxsmall: 50%;
  --xxxsmall: 67%;
  --xxsmall: 76%;
  --xsmall: 83%;
  --small: 90%;
  --regular: 100%;
  --large: 110%;
  --xlarge: 150%;
  --xxlarge: 180%;
  --xxxlarge: 200%;
  --xxxxlarge: 300%;
  
  --black: #333333;
  --white: #ffffff;
  
  --mat_01: #f4ac95;
  --mat_02: #0068b7;
  --mat_03: #5eb7e8;
  --mat_04: #ec6d56;
  }

  .mat_01{color: var(--mat_01);}
  .mat_02{color: var(--mat_02);}
  .mat_03{color: var(--mat_03);}
  .mat_04{color: var(--mat_04);}



/*
*****************************************************
200117追記
最新情報関連
*****************************************************
*/
/*トップページと一覧ページ*/
.news ul{
    width: 100%;
    margin-bottom: 20px;
}
.news ul li{
    padding: 20px 0;
    border-top: 1px solid #d7d7d7;
    display: flex;
}
.news ul li span{
    margin: 0 40px 0 0;
    width: 150px;
}
.news div{
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    display: block;
    text-align: center;
}
.news div a{
    display: inline-block;
    border: 1px solid #3251ad;
    border-radius: 10px;
    padding: 10px 60px;
    font-weight: bold;
}
/*記事ページ*/
#news .c-heading-01 p{
    font-size: 120%;
    margin-bottom: 20px;
}
#news .data{
    margin-bottom: 40px;
}
#news .data span{
    font-weight: bold;
}
/*
*****************************************************
200213追記
最新情報関連
*****************************************************
*/

#news.page .en_link_btn {
    display: none;
}

/*
*****************************************************
200814追記
リニューアル
*****************************************************
*/
.tab li span{
  color: #3251ad;
}
.tab li span:hover{
  text-decoration: underline;
}
.tab li.dont_publish p{
  color: #ccc;
}
.tab li.dont_publish p:hover{
  border-bottom: none;
  cursor: default;
}
.tab li.dont_publish span:hover{
  text-decoration: none;
}
.tab li.is-current span:hover{
  text-decoration: none;
}
.tab li.is-current span {
  border-bottom: 4px solid #666;
  cursor: auto;
  font-weight: bold;
  color: #000;
}
.tab li.dont_publish.is-current span{
  border-bottom: none;
  cursor: default;
}
.tab li.dont_publish.is-current span:hover{
  border-bottom: none;
  cursor: default;
}
.tab_cont > div {
  display: none;
}
.tab_cont > div.show {
  display: block;
}
.keywords a, .guideline a{
  width: 30%;
}
#consumer_oriented .keywords a{
    width: 23%;
  }
.keywords .c-button-wrap{
  justify-content: space-between;
}
.dont_publish{

}
.c-button.none{
  border: 1px solid #fff;
}
.p-list--circle .p-list__item.none::before {
    background-color: #fff;
}
.c-hr--black{
  border-top-color: #d7d7d7;
  display: block;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
}
.img_col{
  display: flex;
  justify-content: center;
}
.img_col.sdgs{
  justify-content: flex-start;
}
.img_col.sdgs img{
  margin-right: 10px;
  max-width: 80px !important;
}
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.kpi{
  display: flex;
  justify-content: space-between;
}
.kpi li{
  width: 47.76%;
}
.kpi h5{
  min-height: 3em;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: bold;
}
.kpi_h5{
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: bold;
}
.maru{
  width:20px;
  padding: 3px 0 0 0 ;
  display: inline-block;
  vertical-align: -2px;
}
.c-hr--black {
    border-top-color: #d7d7d7;
    display: block;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
}
.c-hr, .c-hr--black, .c-hr--white {
    margin: 40px auto;
}
sup {
vertical-align:text-top !important;
font-size:small !important;
margin: -8px 0 0 0;
    display: inline-block;
}
sub {
vertical-align:text-bottom !important;
font-size:small !important;
margin: 0 0 -3px 0 !important;
display: inline-block;
}
.c-button.no-public:disabled {
  opacity: 1;
}

.materiality_a a{
  width: 29%;
  font-size: 15px;
}
.c-button-wrap.materiality_a{
  justify-content: flex-start;
}

body .sasb-data-tbl table tbody td {
    font-size: 14px;
}
body .sasb-data-tbl table{
  margin-bottom: 10px !important;
}
/***************************************************/

@media screen and (min-width: 768px){
.p-breadcrumbs__list {
    box-sizing: border-box;
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;}
    .p-list--circle .p-list__item.none[class*="col"] {
      padding-left: 40px;
      text-indent: -43px;
    }
    .sp{display: none;}
    .c-button.no-public:hover{
      text-decoration: none !important;
      opacity: 1 !important;
    }

}



@media screen and (min-width: 768px) {
.c-button.no-public:hover {
text-decoration: none;
opacity: 1;
}
}
@media screen and (max-width: 767px){
    /*
    *****************************************************
    200117追記
    最新情報関連
    *****************************************************
    */
    .news ul li{
        display: block;
    }
    .news ul li span{
        display: block;
        margin: 0 0 10px 0;
    }
    .news div a{
        padding: 20px auto;
        width: 100%;
    }
    /*
    *****************************************************
    200814追記
    リニューアル
    *****************************************************
    */
    .pc{display: none;}
    .tab_item {
      width: 50%;
    }
    .kpi{
      display: block;
    }
    .kpi li{
      width: 100%;
      margin-bottom: 20px;
    }
    .kpi h5{
      min-height: auto;
    }
  
  
  #consumer_oriented .keywords a{
    width: 100%;
  }
}

@media screen and (max-width: 768px){
#consumer_oriented .c-button-wrap .c-button {
    margin-left: 0px;
    margin-right: 0px;
}

/* finance入れ子 */
.p-accordion__trigger, details{
  transition: .5s;
}
.p-accordion__item > .p-accordion__item{
  padding: 0px 0px 0 20px !important;
    width: 90%;
    position: relative;
    margin: 0 auto;
}
.p-accordion__item > .p-accordion__item > .p-accordion__trigger{
  padding-left:0px;
}
.no_brd{
  border-bottom:none !important;
}
.p-accordion__item div{
  padding: 0px 20px 10px 20px;
}
.p-accordion__item div p{
  margin-bottom:10px;
}

details[open] div, details[open] figure {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
details[open] > .p-accordion__trigger::before {
  opacity: 0;
}
.p-accordion__trigger::after {
    background-image: url(../img/ico_column.svg);
}
.p-accordion__trigger::before {
    background-image: url(../img/ico_vertical.svg);
}

.finance .c-table{
  overflow: auto;
}
.finance .c-table table {
  table-layout: fixed;
}
.finance .c-table table th, .finance .c-table table td{
  width:170px !important;
}
.finance .c-table th, .finance .c-table td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 2vw;
  font-size: 12px;
}
.finance .c-table table{
  width: auto;
}
}

@media only screen and (max-width: 767.98px){
.finance p, a.c-button, a.c-button--strong, .finance .c-table table{
  font-size:14px !important;
}
.finance .c-heading-03 {font-size:16px;}

}
.finance .c-button-wrap{
  display: flex;
    justify-content: space-between;
}
.finance .c-button-wrap .c-button{
  margin-left:0;
  width:48%;
}
.finance .c-button{
  margin-top:20px;
}
@media only screen and (max-width: 877px){
.finance .c-button-wrap{
  display: block;
}
.finance .c-button-wrap .c-button{
  width:100%;
} 
}
/* 
--------------------------
human_rights
--------------------------
*/
.human_rights > .p-list--scroll.p-list--inline >ul{
  margin-top:0;
}
.human_rights .row .col-24{margin-top:0;}
.img_brd{border: 1px solid #666666;}
.human_rights .col-12{margin-top:0;}
@media only screen and (max-width: 767.98px){
.mb10sp{margin-bottom:10px;}
}
.human_rights table ul, .human_rights table ol{margin-bottom:0;}
.human_rights table ul li:first-child, .human_rights table ol li:first-child{margin-top:0;}
body.human_rights .main .container a.c-button--strong{color:#fff;}
body.human_rights .main .container a.c-button--strong:hover{text-decoration:none;}
body.human_rights h6{display:block; margin-bottom:20px; font-weight:bold;}
.human_rights .p-list--scroll .p-list__item::before{display:none;}
.human_rights .p-list--scroll .p-list__item{padding:0; text-indent:0;}
.human_rights .p-list--scroll{padding:0;}
  .p-list--circle .p-list__item.dot_none::before {
    background-color: #fff;
}                                                    
/* 
--------------------------                                                      
materiality
--------------------------
*/
.materiality .p-box .c-heading-01__sub{
  font-weight: bold;
  color: #e60012;
}
.materiality .p-box .c-heading-05{
  color: #e60012;
}
.materiality .p-box .txt_b{
  font-weight: bold;
}
                                                      

/* 
--------------------------                                                      
guidline
--------------------------
*/

ul.link-list > li.link-list__type--blank{
  padding-left: 1em;
  display: inline-block;  
  position: relative;
}
ul.link-list > li.link-list__type--blank::before{
  content: "";
    display: inline-block;
    width: 7px !important;
    height: 10px !important;
    position: relative;
    top: -2px;
    background: url(/app-files/img/sprite/icon.svg#arrow-usage) no-repeat 0 0 !important;
    left: -10px;
}
/* 
--------------------------                                                      
ceo message 2023
--------------------------
*/
.ceo_message_2023 .box h4{
    font-weight: bold;
    font-size: 120%;
    margin-bottom:20px;
    color: #e60012;
}
.ceo_message_2023 .box h5{
    font-weight: bold;
    font-size: 110%;
    margin-bottom:20px;
}
 
.ceo_message_2023 .c-heading-01__lead{
    margin-bottom:20px;
}                   
.ceo_message_2023 .c-heading-01__lead.mb40{
    margin-bottom:40px;
}    
.ceo_message_2023 .summary h2{
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 40px;
    display: inline-block;
    border-bottom: 5px solid #e60012;
}
.ceo_message_2023 .summary ul li{
    list-style: decimal;
    margin-left: 1em;
    font-weight: bold;
                    line-height: 2em;
    font-size: 110%;
}
.ceo_message_2023 .summary ul li::marker {
    color: #e60012;
}
.w70{width: 70%;}
.button .button__type.arw{
    position:relative;
    padding-right:60px !important;
}
.button .button__type.arw::after{
	position: absolute;
    right: 10px;
    top: 40%;
    content: "";
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.button .button__type.arw:hover::after{
    border-top: 2px solid #e60012;
    border-right: 2px solid #e60012;
}