@charset "UTF-8";




.other_article_section ul{display:flex;flex-wrap:wrap;justify-content:space-around;}
.other_article_section ul li{width:320px;font-size: 1.5rem;}
.other_article_section ul li a{text-decoration:none;color:#333;}
.other_article_section ul li a p{padding:7px 8px 24px;}

/* PC */
@media print, screen and (min-width:768px){
	.ftAreaTop {text-align: center;border-bottom: 2px solid #e7e7e7; padding-top: 5rem;padding-bottom: 2rem;}
	.snsArea ul {height: 21px; text-align: center;overflow: hidden; margin: 0 auto; padding-left: 0;}
	.snsArea li { list-style: none;display: inline-block; margin: 0 5px;vertical-align: top;}
	.fb_iframe_widget{display: flex !important;}
}

/* SP */
@media screen and (max-width:767px){
	.ftAreaTop ul{display:flex;justify-content: space-around;padding-bottom: 2rem;}
}


#main2 { font-size: 1.87rem;}
body.fbback{background:#f0f2f5;}
.block_section{background:#fff;margin:2.5%;border-radius:12px;padding:15px 1em;}
.block_title{font-weight:bold;padding:2% 0;}
.block_text{padding:3px 14px;}
.block_date{font-size:1.5rem;font-weight:initial;display: inline-block;vertical-align: bottom;margin-left: 1rem;}
#read-more label{cursor: pointer;display: inline-block;}
#read-more input{display: none;}
#read-more input ~ span.more-open {display: none;}
#read-more input ~ div.block_text_more {display: inline; }
#read-more input:checked ~ span.more-open{display: none;}
#read-more input:checked ~ div.block_text_more{display: inline; }
@media print, screen and (max-width: 767px) {
	.block_text{padding:0;}
	#read-more input ~ span.more-open {display: inline;}
	#read-more input ~ div.block_text_more {display: none; }
	#read-more span.more-open {font-weight:bold;}

}


/* ---------------------------------------------------
 clearfix
--------------------------------------------------- */

body {color: #333;padding-top:65px; box-sizing:border-box; }



/* ----------------------------------------
 division line
---------------------------------------- */
.division-line { border-top: 1px solid #ccc; overflow: hidden; height: 0; }
.division-line hr { display: none; }
/* marker */
.marker_yellow{background:linear-gradient(transparent 60%, #ff6 60%);}
.marker_pink{background:linear-gradient(transparent 60%, #f6c 60%);}
.marker_blue{background:linear-gradient(transparent 60%, #6cf 60%);}

/* ----------------------------------------
list
---------------------------------------- */
ul.bullet > li { margin-left: 17px; list-style-type: disc; }
ul.notes > li, ul.marked > li { padding-left: 1.7em; position: relative; zoom: 1; }
ul.notes > li > span:first-child, ul.marked > li > span:first-child { position: absolute; top: 0; left: 0; zoom: 1; }

/* ----------------------------------------
heading
---------------------------------------- */

.pc_only { display: none; }
.font_l { font-size: 1.6rem; }
.pmb15 { margin-bottom: auto; }
.pmb30 { margin-bottom: auto; }
.smb15 { margin-bottom: 15px; }
.smb30 { margin-bottom: 30px; }

/*********************
TABLET & スマホメニュー 
*********************/
@media print, screen and (max-width: 767px) {
  body{ padding-top:57px; box-sizing:border-box; }
  #content { padding-bottom: 25px;  overflow: hidden;  width: 100%; }

  /* -----Column-KP記事本文------------ */
  .twoColumnArea.row-reverse {display: flex;flex-wrap: wrap-reverse;justify-content: center;}
  .twoColumnArea.row-reverse .imgArea {margin: 11px 0;}
  .wysiwygArea ul.links{-webkit-padding-start:20px;}




  .stop_scroll {height: 100%;overflow: hidden;position: relative; }

  .pc {display: none; }

  /* ----------return top-------- */
  #content2 .return-top {text-align: right; }
  #content2 .return-top a {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    padding-left: 17px;
    color: #c00;
    background: url(/common/module/return_top_bg01.png) no-repeat left center; }
}
@media print, screen and (max-width: 320px){
	body{ padding-top:52px;}
}

/* ----------------------------------------
link
---------------------------------------- */
.arrow-link { margin-top: .3em; background: url(/common/parts/arrow_01_right.png) no-repeat 0 0.4em; zoom: 1; }
.arrow-link a { text-decoration: underline; }
.arrow-link a:hover { text-decoration: none; }

/* ---------------------------------------------------
 wysiwyg
--------------------------------------------------- */
.wysiwyg p, .wysiwyg ul, .wysiwyg ol, .wysiwyg dl {margin-bottom: 0.8em; }
.wysiwyg ul li {margin-left: 2em; }
.wysiwyg table {width: 100%;table-layout: fixed; }
.wysiwyg table th, .wysiwyg table td {padding: 8px 10px;border: 1px solid #ccc; }
.wysiwyg table th {color: #000;background-color: #f3f3f3;vertical-align: middle; }
.wysiwyg table thead th {padding: 5px 10px;border-left: 1px solid #fff;background-color: #ccc;text-align: center; }
.wysiwyg table .arrow-link {background-position: 0 0.3em; }


/* ----------------------------------------
columns
---------------------------------------- */
.two-columns { margin-bottom: 35px; }
.two-columns:last-child { margin-bottom: 0; }
.two-columns .col { margin-left: 20px; float: left; width: 345px; }
.two-columns .col:first-child { margin-left: 0; }
.single-column .two-columns .col { width: 470px; }
.three-columns { margin-bottom: 35px; }
.three-columns:last-child { margin-bottom: 0; }
.three-columns .col { margin-left: 20px; float: left; width: 223px; }
.three-columns .col:first-child { margin-left: 0; margin-right: 1px; }
.threeWysiwygColumnArea{display: flex;flex-wrap: wrap;justify-content: center;gap: 2%;text-align: center;margin: 20px auto;max-width:1200px;}
.threeWysiwygColumnArea .col{margin:2% auto;}
.single-column .three-columns .col { width: 306px; }
.pub_pdf span.filesize { display: block; }
.pageLinkArea { overflow: hidden; zoom: 1; padding: 13px 13px 3px 13px; border: 2px solid #d8d8d8; }



/* ----------------------------------------
heading
---------------------------------------- */

.heading-sblog {position: relative;padding: 10px;/*margin-bottom: 10px;*/font-weight: 100;background: url(img/green_bg.jpg) no-repeat top/cover; }
.heading-sblog::before{content: '';position: absolute;left: 0;top: -2px;width: 100%;height: 2px;background: url(img/SDGsbar.jpg) top/cover;}
.heading-sblog .sblog-title{font-size:0.88em;text-shadow:2px 2px 3px #73dd88;line-height: 1.5;}
.heading-sblog p{font-size: 1.3em;margin-bottom: 8px;}
.heading-sblog .sub-title{font-size:0.85em;}
.heading-sblogbar{width:100%;height:2px;}
.section h2.heading-lv2 {margin: .5em -1em 1.5em; }
.section .content-box-container {margin-bottom: 16px; }


/* ----------------------------------------
icon
---------------------------------------- */
/*カテゴリの色設定*/
.c_gray {background: #726d6d;}
.c_darkgray {background: #353131;}
.c_pink {background: #f34f95;}
.c_orange {background: #ff8915;}
.c_yellow {background: #efd215;}
.c_blue {background: #2692fd;}
.c_purple {background: #6969fb;}
.c_green {background: #2ade15;}
.c_red {background: #ce0000;}
.c_all {background: #615959;}
.c_env {background: #22a448;}
.c_sus {background: #a7941c;}
.c_tec {background: #93348a;}
.c_act {background: #4c4d93;}
.icon.blank {display: inline-block;vertical-align: 0;margin-left:9px;width: 22px;height: 16px;background: url(img/icon_blank.png) no-repeat; }
.icon.pdf, .icon.excel {display: inline-block;vertical-align: -3px;margin: -2px 3px;position: relative;bottom: 1px;width: 16px;height: 16px; }
.icon.pdf { background: url(/common/parts/icon_pdf.png) no-repeat; }
.icon.excel { background: url(/common/parts/icon_excel.png) no-repeat; }
.news-list.cur {display: block; }

.news-container .listviewIR { display: none; }
.news-container .listviewIR dl {border-top: 1px solid #ccc;padding:10px; }
.news-container .listviewIR.cur, .news-container .listviewIR.picupNews { display: block; }


/*icon setting*/
.c_icon { border-radius: 7px; padding: 1px 10px; display:inline-block; font-size: 78.6%;color:#fff; min-width: 5em;text-align: center; }
.category-label .c_icon { padding: 4px 8px; }
.c_irInfo { border: 1px solid #72a4de; background: #ebf5ff; }
.c_event { border: 1px solid #956e99; background: #f5eef8; }
.c_newsLetter { border: 1px solid #72a4de; background: #ebf5ff; }
.c_info { border: 1px solid #8f8f8f; background: #f8f8f8; }
.c_csr { border: 1px solid #52b7b6; background: #ebfafd; }
.c_important { border: 1px solid #ef8f11; background: #fbf4ea; }
.c_products { border: 1px solid #ea8794; background: #fff0ee; }
.c_newsRelease { border: 1px solid #f18274; background: #ffebe2; }
.wysiwygArea {padding: 0; }
.wysiwygArea .D-link-button { max-width: 100%; }
.wysiwygArea .image-layout .links { padding-top: 17px; }
.wysiwygArea .links li { list-style: none; margin-left: 0px; padding: 0 0 0 9px; border-bottom: none; }
.filmography { clear: both; }
.two-columns p { margin: 0 auto; }
.t_r { text-align: right; }
.f_img { margin-bottom: 15px; }
.picupNews dl:nth-child(n + 4) { display: none; }

/* youtube埋め込み動画用2030517add */
#popmv{position:relative;text-align:center;height:315px;}
#popmv img{width:600px;}
.movie_back{padding: 8px;font-size: 1.8rem;cursor: pointer;}
.btn_back_img{width: 2rem;margin-right: 1rem;vertical-align: text-top;}

@media print, screen and (max-width: 767px) {
	#popmv{height: calc(100vw * 650 / 1200);}
	#popmv img{width:100%;}
	.movie_back{padding: 9px;font-size: 1.7rem;}
}
/*movie responsive modal end*/
/*********************
TABLET & PC ipad　mini 縦 サイドメニュー
*********************/
@media print, screen and (min-width: 768px) {
  .sp { display: none; }
  .ib { display: inline-block; }
  html { overflow-y: scroll; }
  input, textarea, select {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
  sub {
    vertical-align: text-bottom; }
  @-webkit-keyframes navlayer-fade {
    0% { z-index: 100; }
    99% { z-index: 100; }
    100% { z-index: -100; } }
  @keyframes navlayer-fade {
    0% { z-index: 100; }
    99% { z-index: 100; }
    100% { z-index: -100; } }
  /* ------general---- */
  html, body {width:100%; height: 100%;max-width: 1500px; margin: 0 auto; }
  #container-top { width: 100%; min-width: 960px; height: auto; min-height: 100%;margin: 0 auto; }
  #container {height: auto; margin: 0 auto; }
  /* ------ */
  #content { margin: 0 1%; padding-top: 3px; padding-bottom: 21px; }
  #content2{padding-top: 30px;}

  #breadcrumbs {padding:3px 20px;}
  #breadcrumbs li { margin-right: 5px; padding-left: 8px; }
  /* ---main------------------- */
  .single-column #main { float: none; width: 100%; }

  #extra { padding-top: 40px; clear: both; }
/* ---------section-PC------------- */
  .section {padding: 0 10%;}
  .section h2.heading-lv2 { margin: .5em 0em 1.5em; }
  .section.near02 { margin-bottom: 25px; }
  .section.near { margin-bottom: 30px; }
  .section.far { margin-bottom: 40px; }
  .section.far02 { margin-bottom: 45px; }
  .section:last-child { margin-bottom: 0; }
/* ---columns,section,indent----------------*/
  .in {padding-left: 10px; }
  .heading-lv2 {padding: 12px 3% 9px; font-size: 2.44rem; }
  .heading-lv2 p{margin: 10px 0; font-size: 2.78rem; }
  .heading-lv2.next-text {margin:10px 7%; }
  .single-column .heading-lv2 {background-position: 0 0; }
  .two-columns .heading-lv2 {background-position: -127px 0; }
  .single-column .two-columns .heading-lv2 {background-position: -174px 0; }
  .heading-lv3 {font-size: 1.98rem;margin-bottom: 15px;padding:10px 1% 8px 2%; }
  .heading-lv3::before {left: 0px; }
  .heading-lv3 > span {display: block;zoom: 1; }
  .heading-lv3.next-text {margin:20px 8%; }
  .heading-lv4 {font-size: 1.12em;margin-bottom: 15px;padding-bottom: 6px; }
  .heading-lv4.next-text {margin-bottom: 11px; }
  .heading-lv4 > span {display: block;zoom: 1; }
  .heading-lv5 {margin-bottom: 15px;padding-bottom: 4px;border-bottom: 1px solid #e5e5e5; }
  .heading-lv5.next-text {margin-bottom: 11px; }
  .heading-lv5 > span {padding-left: 10px;display: block;background: url(/common/module/heading_lv5_bg01.png) no-repeat 2px 0.5em;zoom: 1; }
  .heading-sblog {padding:1em 3em;}
  .heading-sblog .sblog-title{font-size:1.25em;line-height: 1.6;}
  .heading-sblog .sub-title{font-size:1.2em;}
  .heading-sblog p{font-size: 1.5em;}
/* -------------------------------paragraph------------------------------------- */
  div p.far { margin-bottom: 2em; }
  div p.mid { margin-bottom: 1em; }
  div p.near { margin-bottom: 0.5em; }
  p.xlarge { line-height: 1.7;  font-size: 2em; font-weight: bold; }
  p.large { line-height: 1.6;  font-size: 2.2rem;  font-weight: bold; }
  p.small { line-height: 1.5; font-size: 0.9rem; }
  p.lead { line-height: 1.5; font-weight: bold; }
  p.emphatic {  line-height: 1.5;  color: #c00; }
/* -------------------------------image---------------------------------- */
  .image-layout { zoom: 1; page-break-inside: avoid; }
  .image.left { margin-right: 15px; }
  .image.right { margin-left: 15px; }
  .image .caption { display: block; padding-top: 7px; line-height: 1.6; text-align: left; }
  .image-two-column .image { width: 345px; }
  .image-two-column .image.left { margin-right: 0; }
  .image-two-column .image.right { margin-left: 0; }
  .image-three-column .image { width: 223px; }
  .image-three-column .image.left { margin-right: 0; }
  .image-three-column .image.center {  margin: 0 21px 0 20px;  float: left; }
  .image-three-column .image.right { margin-left: 0; }
/* ------------return top----------------- */
  .page-description { margin-bottom: 25px; }

/* ------------------------------------------wysiwyg------------------------------------------ */
  li .wysiwyg, dd .wysiwyg, td .wysiwyg { font-size: 1em; }
  .wysiwyg ul li { margin-left: 17px; }
  .wysiwyg ol li { margin-left: 2.4em; }
  .wysiwyg table { width: auto; table-layout: auto; }
  .wysiwyg table th, .wysiwyg table td { padding: 9px 12px 8px; }
  .wysiwyg table thead th { border-top: none; border-left: none; text-align: left; }
  .wysiwygArea.center {text-align:center;margin-top: 10px;}
  .bold-text { font-weight: bold; }

  /* -------columns------------------- */
  .two-columns01 { margin-bottom: 0; }
  .two-columns01 p { margin: 0; padding: 0; margin-bottom: 30px; }
  .two-columns01:last-child { margin-bottom: 0; }
  .two-columns01 .col01 { margin-left: 20px; float: left; width: 345px; }
  .two-columns01 .col01:first-child { margin-left: 0; }
  .two-columns01 { width: 100%; }
  .two-columns01:after { content: ""; display: block; clear: both; }
  table.default thead th.w_line:first-child { border-left: 1px solid #FFF !important; }
  .twoColumnArea.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;margin-top:25px;}
  .twoColumnArea .col:nth-child(n+2) {margin-left: 20px; }
  .twoColumnArea .textArea{width:100%; }
  .twoColumnInBox {-webkit-box-flex: 1; -ms-flex: 1;flex: 1; }
  .twoColumnInBox img { text-align: center; }
  .twoColumnMargin{margin:3% 1%;}
  .smb15 { margin-bottom: auto; }
  .smb30 { margin-bottom: auto; }
  .pmb10 { margin-bottom: 10px; }
  .pmb15 { margin-bottom: 15px; }
  .pmb30 { margin-bottom: 30px; }
  .picupNews dl:nth-child(n + 4) { display: block; }
  .wysiwygArea { padding: 0 7%; }
  .article { margin-bottom: 30px; }
  .pc_mb30 { margin-bottom: 30px; }
  .banner { padding: 0px; }

  .listviewIR dl dd { background: #fff url(/common/parts/arrow_02_right.png) 0 0 no-repeat; }
  .c_icon {
    border-radius: 5px;
    padding: 0em 2px;
    display: inline-block;
    min-width: 10em;
    white-space: nowrap;
    margin-right: 10px; }
  .pc_only {display: block; }
  .sp_only {display: none !important; }
  .infoArea { margin: 0 0; }
  .pc_r20 {margin-right: 20px !important; }
  .cautionArea, .contactArea { margin: 0; margin-bottom: 30px; }
  .contactArea .inner td { vertical-align: middle; display: table-cell; width: auto; padding: 0; }
  .contactArea .inner .linkArea { width: auto; }
  .contactArea ul.information { display: flex; }
  .contactArea ul.information li { width: 49%; }
  .pub_pdf span.filesize { display: inline; }
  .listviewIR dl dd a:before {display: none;padding-left: 10px; }
  .cicon {display: none; }
  .listviewIR dl dt {float: left;clear: left;margin-top: 0px;margin-bottom: 0; }
  .listviewIR dl dd.title {background: url(/common/parts/arrow_02_right.png) left 10px no-repeat;padding-left: 20px;margin-top: 0.2em;overflow: hidden; }
}


/* Note: This file is compiled from I.less */
a:hover{opacity:0.8;}
.wrapRelatedBox{border: 1px solid #ccc;padding: 2%;border-radius: 6px;}
.I-article-head{display: flex;justify-content: space-between; margin-bottom: 30px;}
.date{ text-align: right;}
.I-common-section .wysiwyg { margin-bottom: 12px;}
.I-common-section .links { padding-bottom: 6px;}
.I-common-section .links li { margin-bottom: 0.4em;}
.I-image-list { margin-bottom: 40px;}
.I-image-list .image-layout { margin-bottom: 40px;}
.I-image-list .image-layout:last-child { margin-bottom: 0;}
.I-related-information .description { margin-bottom: 1em;}
.I-related-information .links { padding-bottom: 6px;}
.I-related-information .links li { margin-bottom: 0.4em;}
ul.links > .I-link-anchor {padding-left: 16px !important; background: url(../../common/parts/arrow_02_bottom.png) no-repeat left 0.25em;}
.I-end-text {margin-top: -17px; margin-bottom: 17px; text-align: right;}
.twoColumnArea .imgArea{text-align: center;min-width: 45%;}
.imgArea .caption{padding:0.5em;display: block; font-size: 0.8em;}
p.imgArea{text-align:center;}
.wysiwygArea ul.links{ display: block; list-style-type: disc;-webkit-padding-start: 0px;}
.wysiwygimageLayout.center{text-align: center;}
.contactArea .links{ margin: .5em;}
.materiarityArea{width:100%;}
.materiarityArea ul{display:flex;flex-flow: wrap; justify-content: space-around;}
.materiarityArea ul li{width:33%;list-style:none;text-align: center;margin: 10px 0;}
.materiarityArea ul li span{font-size: 1.1rem;}
.materiarityArea .m_icon{margin: 0 auto;text-align: center;}
.materiarityArea .m_icon_common{width:100%;}

@media print, screen and (max-width: 767px) {
	.wysiwygimageLayout{ margin-bottom: 30px;}
	.wysiwygimageLayout .col{ text-align: center;}
	.wysiwygArea .col{ margin-bottom: 30px;}
	.imgArea .caption{ text-align: center;}
	.wrapRelatedBox .imgArea{ margin:0 2%;}
	.materiarityArea ul li{width:77%;margin:10px 0;}
	.materiarityArea ul li span{font-size: 1.1rem;}
	.twoColumnArea .imgArea{width:100%;}

}

@media print, screen and (min-width: 768px) {
	.wrapRelatedBox .imgArea{ max-width: 50%;}
	.twoLinkButton{display: flex;}
	.twoLinkButton .col{ flex: 1;}
	.wysiwygArea .textArea{ flex: 1;}
	.wysiwygArea .row-reverse .imgArea{ padding-left: 20px; padding-right: 0;}
	.twoWysiwygColumnArea{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
	.twoWysiwygColumnArea .col{ max-width: 50%; flex: 1;text-align: center;}
	.twoWysiwygColumnArea .col:nth-child(n+2),.twoLinkButton .col:nth-child(n+2){margin-left:20px;}
}

/*サステナブログ一覧ページ用*/
.section.H1-news-list{background:#ece9c0;padding-top: 40px;}
.kp_list_all{display: flex; justify-content:start;flex-wrap: wrap;line-height: 1.4;gap:10%;}
.kp_list_all dl{margin-bottom:25px;background: #fff;}
.kp_list_all dd{width:320px;}
.kp_list_all img{width:100%;}
.kp_list_all a{color: initial;text-decoration: none;font-size: 0.8em;;}
.kp_list_all .news__c_icon{display: inline-block;width:120px;text-align:center;color:#fff;padding: 3px 0; margin-top: 9px;font-size: 0.8em;}
.kp_list_all time{vertical-align: bottom; margin: 0 10px;color: #777;}
.kp_list_all .wrap_list_title{padding:10px;}
@media print, screen and (max-width: 767px) {
	.kp_list_all{display: block;}
	.kp_list_all dd{width:100%;}

}
/*ギャラリー表示*/
.blockimg_slider{margin: 40px auto; width: 100%; display: flex; flex-wrap: wrap;justify-content: center;gap: 1%;}
.blockimg_slider img{margin:0 auto;max-width: 100%;height:auto;}

/*********************
RETINA (2x RESOLUTION DEVICES)
*********************/
/*********************
PRINT STYLESHEET
*********************/
@media print {
	html,body{ min-width: auto; }
	.single-column .main { width: auto; max-width:1200px;}
}