@charset "utf-8";
@import  url("/common/css/import.css");
/*-------------------------------------------------------------
 共通　
-------------------------------------------------------------*/
/* w- */
.w25{width: 25.0rem!important;}
.mAutoL{margin-left: auto!important;}
.dsp-block{display: block!important;}
.sp-dsp-block{display: none!important;}
.sp-w50{}
.alitc{display: flex;align-items: center;}
.pT0{padding-top: 0!important;}
@media screen and (max-width:767px) {
	#sustainability{min-width: 320px;}
	.sp-wAuto{width: auto!important;}
	.sp-w100{width: 100%!important;}
	.sp-w30{width: 30%!important;}
	.sp-dsp-block{display: block!important;}
	.sp-w50{width: 50%;}
	.sp-dsp-none{display: none!important;}
}
#right_box .image_box_text.w80{width: 80%!important;}
#right_box .image_box_image.w20{width: 20%!important;}
@media screen and (max-width:767px) {
	#right_box .image_box_text,
	#right_box .image_box_text.w80{width: 100%!important;}
	#right_box .image_box_image.w20{width: 80%!important;}
}
/* history-list
-------------------------------------------------------------*/
.history-list{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	margin-top: 20px;
}
.history-list dt{width: 120px;}
.history-list dd{width: calc((100% - 140px));}

/* dBlockSp
-------------------------------------------------------------*/
	.dBlockSp{display: none;}
@media screen and (max-width:767px) {
	.dBlockSp{display: block;}
}

/* link
-------------------------------------------------------------*/
/* link base setting */
.list-link a,
.link-arrow,
.link-arrow a,
.link-ac{
	position: relative;
	padding-left: 2rem;
	text-decoration: underline!important;
}
.list-link a:hover,
.link-arrow:hover,
.link-arrow a:hover,
.link-ac:hover {
	text-decoration: none!important;	
}
.list-link {margin-top: 1rem;}

/* link-arw */
.link-arw:not(.list-link),
.list-link.link-arw a{
	line-height:1.5;
	display:inline-block;
	padding:1px 0 1rem 20px;
	position:relative;
}
.link-arw:not(.list-link)::before,
.list-link.link-arw a::before{
	content: "";
	color: #ff0000;
	display: block;
	position: absolute;
	left: 0;
	top: .5em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .7rem;
	height: .7rem;
	border-top: 2px solid;
	border-right: 2px solid;
}
/* list-flow */
.list-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -6rem;
}
.list-flow + .list-flow{margin-top: 0!important;}
.list-flow li{
	margin-left: 6rem;
}
/* icon-flow */
.icon-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 1rem;
	margin-left: -1rem;
}
.icon-flow li{
	width: 7.5rem;
	margin-left: 1rem;
}
/* link-btn */
.link-btn a{
	display: block;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 1.8rem;
	box-sizing: border-box;
	text-decoration: none!important;
	max-width: 40rem;
	background-color: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	transition: all 0.25s ease;
}
p+.link-btn{margin-top: 2rem;}
.link-btn+[class^="ttl-"]{margin-top: 6rem;}
.link-btn a:hover{box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);color: #ff0000;}

@media screen and (max-width:767px) {
	/* link-btn */
	.link-btn a{font-size: 1.6rem;}
	/* icon-flow */
	.icon-flow{flex-wrap: nowrap;}
	.icon-flow li{
		width: 6rem;
		margin-left: .8rem;
	}
}
/* figcaption
--------------------------------------------------------------*/
figure figcaption,
.figcaption{
	font-size:1.4rem;
	line-height:1.5;
	display:block;
	padding-top:.8em;
}

/* ttl
-------------------------------------------------------------*/
/* ttl- base setting */
[class^="ttl-"]+[class^="ttl-"]{margin-top:3rem;}
[class^="ttl-"]+p{margin-top: 2rem;}
[class^="ttl-"]+[class^="flex-col2-"],
[class^="ttl-"]+.flex,
[class^="ttl-"]+.materiality-list{margin-top: 2rem;}
[class^="ttl-"]+.flex-col2-v2{margin-top: 0;}

/* lead */
.lead{font-size: 1.8rem;}

/* ttl-h1 */
.ttl-h1{
	font-size: 3.6rem;
	line-height: 1.4;
}
.ttl-h1>span{
	font-size: 2.3rem;
	margin-left: .3em;
}

/* ttl-h2 */
.ttl-h2{
	font-size: 2.8rem!important;
	color: #7b3d34;
	font-weight: bold;
	border-bottom: 4px solid #ddb476;
}
.related-area .ttl-h2{
	color: #333333;
	border-bottom: 1px solid #666666;
	font-weight: bold;
}
/* ttl-h3 */
.ttl-h3{
	font-size: 2.6rem;
	line-height: 1.2;
	padding-left: 1.2rem;
	font-weight: bold;
	margin-top:4rem;
	position: relative;
}
.ttl-h3::before{
	content: '';
	width: .6rem;
	background-color: #7b3d34;
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
}
/* ttl-h4 */
.ttl-h4{
	font-size: 2.2rem;
	font-weight: bold;
	color: #7b3d34;
	margin-top: 3rem;
}
.ttl-h4.inBox{
	font-size: 2.0rem;
	margin-top: 0;
}
.ttl-h4.inBox + .list-circle{margin-top: 1.8rem;}
p + .ttl-h4.inBox,
.list-circle + .ttl-h4.inBox{
	margin-top: 2.2rem;
	padding-top: 2.0rem;
	border-top: 1px dashed #666666;
}
/* ttl-h5 */
.ttl-h5{
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	margin-top: 3rem;
}
.ttl-h4+.ttl-h5{
	margin-top: 1.2rem;
}
.ttl-h5+.list-circle{margin-top: 1.0rem;}
.ttl-h5.inBox{
	font-size: 1.6rem;
	color: #7b3d34;
	line-height: 1.4;
}
/* fwBold */
.fwNormal{font-weight: normal!important;}
.fwBold{font-weight: bold!important;}

/* textBox */
.textBox p + p{margin-top: 2.0rem;}


@media screen and (max-width:767px) {
	/* ttl-h1 */
	.ttl-h1{}
	.ttl-h1>span{display: block;}
	/* ttl-h2 */
	.ttl-h2{
		font-size: 2.4rem!important;
		line-height: 1.4;
	}	
}

/* list-
-------------------------------------------------------------*/
[class^="list-"] [class^="list-"]{margin-top:0.6em;}

/* list-circle
-------------------------------------------------------------*/
.list-circle{
	line-height:1.4;
}
.list-circle>li{
	padding-left:1em;
	margin-top:0.6em;
	position:relative;
}
.list-circle>li::before{
	content:"";
	background: #9F5600;
	display:block;
	width:0.8em;
	height:0.8em;
	border-radius:100%;
	position:absolute;
	top:0.25em;
	left:0;
}
/* atn
--------------------------------------------------------------*/
.text-atn,
.text-atnNum{
	font-size:1.3rem;
	line-height:1.6;
	margin-top:2.0rem;
}
.text-atn:not(ul):not(ol),
.text-atn li{
	text-indent:-1em;
	margin-left:1em;
}
.text-atnNum:not(ul):not(ol),
.text-atnNum li{
	text-indent:-2em;
	margin-left:2em;
}

/* list-dot
-------------------------------------------------------------*/
.list-dot{
	line-height:1.4;
}
.list-dot>li{
	text-indent:0;
	padding-left:1em;
	margin-top:0.2em;
	position:relative;
}
.list-dot>li::before{
	content:"";
	background:#000;
	display:block;
	width:4px;
	height:4px;
	margin-top:-2px;
	border-radius:100%;
	position:absolute;
	top:0.8em;
	left:0.2em;
}


/* list-bracketsNumBold 
-------------------------------------------------------------*/
.list-bracketsNumBold{margin-left: -2.0em!important;}
.list-bracketsNumBold>li::before {
	width: 1.2em!important;
	font-size: 1.17em;
	color: #2f2f2f;
	font-family: Sawarabi Gothic;
	font-weight: normal;
	transform: rotate(0.001deg);
	margin-left: -1.4em!important;
}
.list-bracketsNumBold>li>h3{display: inline-block;margin-bottom: 5px;}


/* table-default 
-------------------------------------------------------------*/
.table-default{
	width:100%;
	border-collapse:collapse;
	border-top: 1px solid #ccc9c9;
	border-left: 1px solid #ccc9c9;
	border-right: 1px solid #ccc9c9;
}
.table-default th,
.table-default td{
	background-color:#fff;
	padding:10px;
	border-right:1px solid #ccc9c9;
	border-bottom:1px solid #ccc9c9;
	border-left:1px solid #ccc9c9;
}
.table-default .bdrT{border-top:1px solid #ccc9c9;}
.table-default .bdrR{border-right:1px solid #ccc9c9;}
.table-default .bdrB{border-bottom:1px solid #ccc9c9;}
.table-default .bdrL{border-left:1px solid #ccc9c9;}
.table-default th{font-weight:bold;}
.table-default th:first-child,
.table-default td:first-child{border-left:none;}
.table-default th:last-child,
.table-default td:last-child{border-right:none;}
.table-default thead th{
	text-align:center;
	font-weight:normal;
}
.table-default thead th,
.table-default .ttl{
	color: #333;
	background-color:#ddb476;
}
.table-default .bg,
.table-default .bg th,
.table-default .bg td{background-color:#f1eee9;}
.table-default th.w15{width: 15%;}
.table-default th.w20{width: 20%;}
/* sp-
--------------------------------------------------------------*/
.sp-table-scroll,.sp-table-block{}


@media screen and (max-width:767px) {
/* table-default
--------------------------------------------------------------*/
.table-default th,
.table-default td{padding:5px;}

/* sp-table-scroll 
--------------------------------------------------------------*/
.sp-table-scroll{
	overflow:auto;
	white-space:nowrap;
	table-layout:auto;
	-webkit-overflow-scrolling:touch;
	position:relative;
	z-index:2;
}
.sp-table-scroll>table{margin-bottom:5px;}
.sp-table-scroll .cellFix{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	left:0;
	z-index:1;
}
html:not(.win) .sp-table-scroll::-webkit-scrollbar{height:5px;}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-track{
	background:#e3e4e5;
	border-radius:10px;
}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-thumb{
	background:#84919d;
	border-radius:10px;
}
.sp-table-scroll .arwSc{
	background:url("../img/table-arw.png") no-repeat 0 0/auto 100px;
	width:100px;
	height:100px;
	margin:-50px 0 0 -50px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	transition:opacity 0.2s ease-out;
}
.sp-table-scroll.sc .arwSc{
	opacity:0.4;
	visibility:visible;
}
/* table-default */
.sp-table-scroll .table-default{
	border-collapse:separate;
	border-spacing:0;
}
.sp-table-scroll .table-default th,
.sp-table-scroll .table-default td{border-left:none;}

/* sp-table-block
--------------------------------------------------------------*/
.sp-table-block th,
.sp-table-block td{
	white-space:normal !important;
	display:block;
	width:auto !important;
	border-right:none !important;
	border-left:none !important;
}
}
/* toggle
--------------------------------------------------------------*/
/* toggle-set -*/
.toggle-set .toggle-btn,
.toggle-set .toggle-close{
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.toggle-set>.toggle-box{display:none;}
.toggle-set.open>.toggle-box{display:block;}

/* toggle-sp */
.toggle-sp .toggle-btn{cursor:auto;}
.toggle-sp .toggle-close{display:none;}
.toggle-sp>.toggle-box{display:block;}
.sp-noLink{}

/* delete JS Style */
@media only screen and (min-width:768px){
.toggle-sp>.toggle-box{display:block !important;}
}
/* box-toggle
--------------------------------------------------------------*/
.box-toggle{
	display: block;
	margin-top:1rem;
}
.box-toggle+.box-toggle{margin-top:-1px;}
.box-toggle .toggle-btn,
.box-toggle .toggle-close{transition:.3s;}
.box-toggle>.toggle-btn{
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1.8rem;
	box-sizing: border-box;
	text-decoration: none!important;
	background-color: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
	transition: all 0.25s ease;
	display:table;
	width:100%;
	position:relative;
}
.box-toggle:hover>.toggle-btn{
	box-shadow: 0px 0px 10px -6px rgb(0 0 0 / 60%);
  color: #ff0000;
}
.box-toggle>.toggle-btn.toggle-icon{
	padding: 0 1.8rem;
	margin-top: 2.0rem;
}
.box-toggle>.toggle-btn.toggle-noIcon{
	padding: 2.4rem 1.8rem;
	margin-top: 2.0rem;
}
.box-toggle>.toggle-btn.toggle-noIcon>span{font-size: 2.0rem;}
.box-toggle>.toggle-btn>span{
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	padding:0 4.0rem 0 0;
}
.box-toggle>.toggle-btn.toggle-icon>span{
	display: flex;
	align-items: center;
	font-size: 2.0rem;
}
.box-toggle>.toggle-btn>span>span{
	display: block;
	margin-right: 1.6rem;
}
.box-toggle>.toggle-btn>span>span>img{margin-top: .8rem;}
.box-toggle>.toggle-btn:after,
.box-toggle>.toggle-btn:before{
	content:"";
	background-color:#ff0000;
	display:block;
	width:1.8rem;
	height:2px;
	margin-top:-1px;
	position:absolute;
	top:50%;
	right:2.0rem;
	transition:all 0.3s ease;
}
.box-toggle>.toggle-btn:after{transform:rotate(90deg);}
.box-toggle.open>.toggle-btn:after{transform:rotate(0);}
.box-toggle>.toggle-box{display:none;}
.box-toggle.open>.toggle-box{
	display:block;
	padding:2.0rem 0;
}
.box-toggle .toggle-close,
.box-toggle.open .toggle-open{display: none!important;}
.box-toggle .toggle-open,
.box-toggle.open .toggle-close{display: block!important;}

/* color-box01
--------------------------------------------------------------*/
.color-box01{
	background-color: #f1eee9;
	border-radius: 20px;
	margin-top: 2.8rem;
	padding: 3.0rem;
	box-sizing: border-box;
}
/* color-box02 */
.color-box02{
	background-color: #e0f0e0;
	border-radius: 20px;
	margin-top: 6.0rem;
	padding: 3.0rem;
	box-sizing: border-box;
}
.color-box02 .ttl{
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 16px;
}

@media screen and (max-width:767px) {
	.color-box02{
		margin-top: 4.0rem;
		padding: 1.6rem;
	}
	.color-box02 .ttl{font-size: 2.0rem;}
}

/* flex
-------------------------------------------------------------*/
/* flex- base setting */
[class^="flex-col2-"]{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
[class^="flex-col2-"]+p{margin-top: 3.0rem;}
[class^="flex-col2-"]+[class^="ttl-h4"]{margin-top: 6.0rem;}
[class^="flex-col2-"]>*{
	-webkit-flex: 1 0 50%;
	flex: 1 0 50%;
	max-width: 50%;
}
[class^="flex-col2-"]>*>*{
	box-sizing: border-box;
}
[class^="flex-col2-"] .date{
	font-size: 1.9rem;
	font-weight: bold;
}
[class^="flex-col2-"] .num{font-size: 3.6rem;}
[class^="flex-col2-"] .num>.fontS{
	display: inline-block;
	font-size: 2.0rem;
	line-height: 1.2;
	color: #000;
}
[class^="flex-col2-"] .num>.fontM{
	display: inline-block;
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
}
[class^="flex-col2-"] .num>.fontL{
	font-size: 6.0rem;
	line-height: 1.2;
	font-weight: bold;
}
/* flex-col2-normal */
.flex-col2-normal{
	justify-content:flex-start;
}
.flex-col2-normal>*{
	box-sizing:border-box;
	margin-top:5.0rem;
	margin-left: 3.0rem;
	-webkit-flex: initial!important;
	flex: none!important;
	max-width: none!important;
}
.flex-col2-normal>*{width: calc((99.9999% - 3.0rem) / 2);}
.flex-col2-normal>*:nth-child(2n+1){margin-left:0;}
.flex-col2-normal>*:nth-child(-n+2){margin-top:0;}
.flex-col2-normal .color-box01{margin-top: 0;}
/* flex-col2-v1 */
.flex-col2-v1{
	margin-right: -.2rem;
	margin-left: -.2rem;
	margin-top: 1.8rem;
}
.flex-col2-v1>li{
	padding: 0 .2rem;
	text-align: center;
}
.flex-col2-v1>li>div{padding: 2rem 2rem 1rem;}
.flex-col2-v1 .goal{
	height: 100%;
	background: #e0f0e0;
	border-radius: 20px 0 0 20px;
}
.flex-col2-v1 .result{
	height: 100%;
	background: #f1eee9;
	border-radius: 0 20px 20px 0;
}
.flex-col2-v1 .ttl{
	color: #fff;
	font-weight: bold;
	width: 10rem;
	margin: 0 auto 1.4rem;
	padding: 2px 5px;
	box-sizing: border-box;
	border-radius:30px;
}
.flex-col2-v1 .goal .ttl{background: #006D2A;}
.flex-col2-v1 .result .ttl{background: #7b3d34;}
.flex-col2-v1 .goal .num{color: #333;}
.flex-col2-v1 .result .num{color: #333;}

.flex-col2-v1 .flex-ud-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: calc(100% - 3.3rem);
}
.flex-col2-v1 .text{
	text-align: left;
	text-indent: -0.4em;
}
/* flex-col2-v2 */
.flex-col2-v2{
	margin-right: -1.6rem;
	margin-left: -1.6rem;
}

.flex-col2-v2>li{
	padding: 0 1.6rem;
}
.flex-col2-v2>li>div{
	padding: 2rem;
	border-radius: 20px;
	border: 1px solid #ddb476;
	margin-top: 1.6rem;
	text-align: center;
}
.flex-col2-v2>li>.goal{
	background: #e0f0e0;
	border: none;
}
.flex-col2-v2.flex-ud-center>li>div{
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: calc(100% - 8rem);
}
.flex-col2-v2>li>div>.flex{justify-content: center;}
.flex-col2-v2>li>div>.flex>*{padding: 0 1rem;}
/* flex-col2-v3 */
.flex-col2-v3{
	margin-right: -1.6rem;
	margin-left: -1.6rem;
}
.flex-col2-v3>li{
	padding: 0 1.6rem;
	box-sizing: border-box;
}
.flex-col2-v3>li a{
	display: block;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	text-decoration: none!important;
	height: 100%;
	max-width: 40rem;
 	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,1);
	transition: all 0.25s ease;
}
.flex-col2-v3>li a:hover{box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.6);color: #ff0000;}
.flex-col2-v3>li a:hover img{opacity: 0.7;}
.flex-col2-v3>li a img{width: 100%;border-radius: 20px 20px 0 0;}   
.flex-col2-v3>li a>.text{
	padding: 1rem;
	box-sizing: border-box;
}
/* flex-col2-v4 */
.flex-col2-v4{
	justify-content:flex-start;
	margin-right: -1.6rem;
	margin-left: -1.6rem;
}
.flex-col2-v4>*{
	padding: 0 1.6rem;
}
.flex-col2-v4>*>*{
	height: 100%;
}
.flex-col2-v4>.icon-box{
	max-width: 32%;
	font-size: 2.1rem;
	line-height: 1.4;
}
.flex-col2-v4>.icon-box>div{
	text-align: center;
	background-color: #f1eee9;
	border-radius: 20px;
	padding: 1.4rem 1rem;
	box-sizing: border-box;
}
.flex-col2-v4>.text-list{max-width: 68%;}
.flex-col2-v4>.text-list>ul>li{

}
.flex-col2-v4>.text-list>ul>li a{
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	text-decoration: none!important;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	background-color: #ffffff;
	height: 6.8rem;
	padding: .8rem .5rem .6rem;
	box-sizing: border-box;
	border-radius: 30px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,1);
	transition: all 0.25s ease;
}
.flex-col2-v4>.text-list>ul>li+li{margin-top: 2rem;}
.flex-col2-v4>.icon-box>div>span{
	display: block;
	font-weight: bold;
	width: 100%;
}
.flex-col2-v4>.text-list>ul>li a:hover{box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.6);color: #ff0000}
/* flex-col3 */
.flex-col3{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	margin-top: 30px;
}
.flex-col3.marB{margin-bottom: 60px;}
.flex-col3>*{width: calc((100% - 40px) / 3)!important;}
.flex-col3 img{width: auto;}
/* flex-col4 */
.flex-col4{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}
.flex-col4>*{width: calc((100% - 60px) / 4)!important;}
.flex-col4 img{width: auto;}
/* flex-col5 */
.flex-col5{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}
.flex-col5>*{width: calc((100% - 40px) / 5)!important;}
.flex-col5 img{width: auto;}
/* flex-aItemC */
.flex-aItemC{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
}

/* community-col3 */
.community-col3{justify-content: center;margin-top: 1.0rem;}
.community-col3>div{
	margin: 0;
	padding: 0;
	width: calc((100% - 20px) / 3);
}
.community-col3 .scope{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.community-col3 .scope-num{
	font-size: 2.4rem;
	font-weight: bold;
}
.community-col3 .scope-num>span{font-size: 4.0rem;}

@media screen and (max-width:767px) {
.community-col3 .scope{	font-size: 1.6rem;}
.community-col3 .scope-num{font-size: 1.8rem;}
.community-col3 .scope-num>span{font-size: 3.0rem;}	
}

/* related-are */
.related-area{margin-top: 18.0rem!important;}

@media screen and (max-width:767px) {
	.related-area{margin-top: 8.0rem!important;}
}

/*materiality-list*/
.materiality-list>li+li{margin-top: 2rem;}
.materiality-list>li:first-child>.icon-box{color: #333;}
.materiality-list>li:nth-child(2)>.icon-box{color: #333;}
.materiality-list>li:nth-child(3)>.icon-box{color: #333;}
.materiality-list>li:nth-child(4)>.icon-box{color: #333;}

@media screen and (max-width:767px) {
	[class^="flex-col2-"]{
		display: block;
		margin-right: -.2rem;
		margin-left: -.2rem;
	}
	[class^="flex-col2-"]>*{
		max-width: 100%;
		min-height: inherit;
	}
	[class^="flex-col2-"]>*>*{
		box-sizing: border-box;
	}	
	.flex-col2-v1{
		margin-top: 1.8rem;
	}
	.flex-col2-v1 .goal{
		border-radius: 20px 20px 0 0;
		margin-bottom: 2px;
	}
	.flex-col2-v1 .result{border-radius: 0 0 20px 20px;}
	.flex-col2-v2>li,
	.flex-col2-v3>li,
	.flex-col2-v4>*{padding: 0;}
	.flex-col2-v3>li + li{margin-top: 1.8rem;}
	.flex-col2-v3>li a>.text{font-size: 1.8rem;}
	.flex-col2-v4>*>*{height: auto;}
	.flex-col2-v4>.icon-box{max-width: 100%;font-size: 2rem;}
	.flex-col2-v4>.icon-box>div{
		display: flex;
		align-items: center;
		margin-bottom: 1.6rem;
	}
	.flex-col2-v4>.text-list{max-width: 100%;}
	.flex-col2-v4>.text-list>ul>li a{
		font-size: 1.5rem;
		height: inherit;
		padding: 1.8rem .5rem 1.6rem;
	}
	.flex-col2-v4>.text-list>ul>li+li{margin-top: 1rem;}
	.flex-col2-v4>.icon-box>div>span:first-child{
		display: flex;
    align-items: center;
		width: 6rem;
		margin-right: 1rem;
	}
	.flex-col2-v4>.icon-box>div>span:last-child{text-align: left;}
	/* flex-col3 */
	.flex-col3{display: block;}
	.flex-col3>*{width: 100%;margin-bottom: 20px!important;}
	/* flex-col4 */
	.flex-col4{}
	.flex-col4>*{width: calc((100% - 20px) / 2)!important;margin-bottom: 20px;}
	/* flex-col5 */
	.flex-col5{}
	.flex-col5>*{width: calc((100% - 20px) / 2)!important;margin-bottom: 20px;}
}


/* トビラ共通 
-------------------------------------------------------------*/
.tobira_main{
	background-color: #f1eee9;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 30px;
	margin-bottom: 9rem;
}
.tobira_main.underlayer_main{
	border-radius:0;
	padding: 30px 0;
	background-color: transparent;
}
.tobira_main h1{
	font-size: 4.2rem;
	line-height: 1.4;
	font-weight: bold;
}
.tobira_main.underlayer_main h1{
	font-size: 3.6rem;
	font-weight: normal;
}
.tobira_main [class^="tobira_ttl"]{
	display: flex;
	align-items: center;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.4;
	padding-bottom: 1.5rem;
	margin-bottom: 3.5rem;
}
.tobira_main.underlayer_main [class^="tobira_ttl"]{
	font-size: 2.0rem;
	padding-bottom: 0;
	margin-bottom: 1rem;
}
.tobira_main [class^="tobira_ttl"]>span:first-child{line-height: 1;width: 60px;}
.tobira_main [class^="tobira_ttl"]>span:last-child{margin-left: .6em;line-height: 1.2;}
.tobira_main .tobira_ttl01{
	color: #333;
	border-bottom: 3px solid #7152a8;
}
.tobira_main .tobira_ttl02{
	color: #333;	
	border-bottom: 3px solid #1051a2;
}
.tobira_main .tobira_ttl03{
	color: #333;
	border-bottom: 3px solid #eb84a3;
}
.tobira_main .tobira_ttl04{
	color: #333;	
	border-bottom: 3px solid #068755;
}
.tobira_main .tobira_ttl05{
	color: #333;	
	border-bottom: 3px solid #995834;
}
.tobira_main.underlayer_main .tobira_ttl01,
.tobira_main.underlayer_main .tobira_ttl02,
.tobira_main.underlayer_main .tobira_ttl03,
.tobira_main.underlayer_main .tobira_ttl04,
.tobira_main.underlayer_main .tobira_ttl05{border-bottom: none;}
.tobira_main.tobira_main .tobira_related{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 4rem;
}


@media screen and (max-width:767px) {
	.tobira_main{
		margin: 0 -1.2rem;
		border-radius: 0;
		padding: 2.5rem 1.2rem;
	}
	.tobira_main.underlayer_main{
		padding: 2.5rem 1.2rem;
		margin: 0 -1.2rem;
	}
	.tobira_main [class^="tobira_ttl"]>span:first-child{width: 44px;}
	.tobira_main [class^="tobira_ttl"]>span:last-child{
		width: calc((100% - 44px - 0.6rem));
		font-size: 1.9rem;
	}
}



@media screen and (max-width: 1150px) and (min-width: 768px) {
    #side_navi .hasChild ul li a,
    #side_navi .hasChild dt {
        font-size: 1.35vw;
    }
}

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

.materiality-item .contents-list{
	margin: 35px 0 100px;;
}
.materiality-item .contents-list>.item{
	margin-top: 20px;
}
.materiality-item .contents-list>.item .link-btn a{
	position: relative;
	line-height: 1.4;
	font-weight: 700;
	max-width: inherit;
	width: 100%;
	min-height: 11rem;
	border-radius: 55px;
	padding-left: 13rem;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.materiality-item .contents-list>.item .link-btn a::after{
	content: '';
	background-size: 92px 92px;
	width: 92px;
	height: 92px;
	position: absolute;
	top: calc(50% - 46px);
	left: 7px;
	transition: all 0.25s ease;
}
.materiality-item .contents-list>.item:nth-child(1) .link-btn a::after{background-image: url("/sustainability/common/img/contents_icon01.png");}
.materiality-item .contents-list>.item:nth-child(2) .link-btn a::after{background-image: url("/sustainability/common/img/contents_icon02.png");}
.materiality-item .contents-list>.item:nth-child(3) .link-btn a::after{background-image: url("/sustainability/common/img/contents_icon05.png");}
.materiality-item .contents-list>.item:nth-child(4) .link-btn a::after{background-image: url("/sustainability/common/img/contents_icon03.png");}
.materiality-item .contents-list>.item:nth-child(5) .link-btn a::after{background-image: url("/sustainability/common/img/contents_icon04.png");}
.materiality-item .contents-list>.item:nth-child(1) .link-btn a:hover::after{background-image: url("/sustainability/common/img/contents_icon01_o.png");}
.materiality-item .contents-list>.item:nth-child(2) .link-btn a:hover::after{background-image: url("/sustainability/common/img/contents_icon02_o.png");}
.materiality-item .contents-list>.item:nth-child(3) .link-btn a:hover::after{background-image: url("/sustainability/common/img/contents_icon05_o.png");}
.materiality-item .contents-list>.item:nth-child(4) .link-btn a:hover::after{background-image: url("/sustainability/common/img/contents_icon03_o.png");}
.materiality-item .contents-list>.item:nth-child(5) .link-btn a:hover::after{background-image: url("/sustainability/common/img/contents_icon04_o.png");}
.materiality-item .contents-list>.item .link-btn a span{display: block;}

@media screen and (max-width:767px) {
.materiality-item .contents-list{
	display: block;
	width: 100%;
	margin: 35px 0 100px;;
}
.materiality-item .contents-list>.item{
	width: 100%;
	margin-top: 20px;
}
.materiality-item .contents-list>.item .link-btn a{
	min-height: 78px;
	line-height: 1.4;
	border-radius: 60px;
	padding:0 .5rem 0 95px;
}
.materiality-item .contents-list>.item .link-btn a::after{
	background-size: 70px 70px;
	width: 70px;
	height: 70px;
	top: calc(50% - 35px);
	left: 7px;
}	
}