@charset "utf-8";

/* --- body直下 --- */
#BOSAIMAPBOARD-wide-page{
	overflow: hidden;
	position: relative;
	z-index: 100;
	line-height: 1.6;
	color: #222222;
	font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.Main_body{
	position: relative;
}
/* --- Parts --- */
.BOSAIMAPBOARD-CONTAINER img{
	max-width: 100%;
	height: auto;
}
.BOSAIMAPBOARD-CONTAINER .bgGray{
	background-color: #f1f4f5;
}
.BOSAIMAPBOARD-CONTAINER .bgWhite{
	background-color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER .bgGray section:nth-child(n+2) .contentsBase{
	padding-top: 0;
}
.BOSAIMAPBOARD-CONTAINER .bgBlue{
	background-color: #0965c1;
	border-top: 4px solid #0e0d6a;
	border-bottom: 4px solid #0e0d6a;
	color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER .contentsBase.contactWrap,
.BOSAIMAPBOARD-CONTAINER .contentsBase.initiativeWrap{
	text-align: center;
}
.BOSAIMAPBOARD-CONTAINER .text:not(:first-child){
	margin-top: 15px;
}
.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap{
	text-align: center;
}
.BOSAIMAPBOARD-CONTAINER .hLevel2{
	display: inline-block;
	position: relative;
	font-weight: bold;
}
.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap:not(.bdnone) .hLevel2{
	padding-bottom: 6px;
}
.BOSAIMAPBOARD-CONTAINER .hLevel3{
	text-align: center;
	font-weight: bold;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--mainVisual a{
	background-color: #fff;
	color: #222222;
	border: solid #0e0d6a 2px;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].bgW{
	margin: 60px auto 0;
	background-color: #ffffff;
	border-radius: 8px;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgw a{
	background-color: #fff;
	color: #222222;
	border: solid #0e0d6a 2px;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius{
	margin-top: 0;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a{
	position: relative;
	color: #222222;
	font-weight: normal;
	border: solid #222222 1px;
	border-radius: 50px;
	background-color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a img{
	position: absolute;
	top: 40%;
}
.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].blank a img{
	margin-left: 10px;
}
.BOSAIMAPBOARD-CONTAINER .noteList{
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
.BOSAIMAPBOARD-CONTAINER .noteList > li{
	position: relative;
	margin-top: 9px;
	padding-left: 28px;
	color: #222;
	line-height: 1.6;
	list-style: none;
	box-sizing: border-box;
}
.BOSAIMAPBOARD-CONTAINER .noteList > li:first-child{
	margin-top: 0;
}
.BOSAIMAPBOARD-CONTAINER .noteList__mark{
	position: absolute;
	top: 0;
	left: 0;
}
.BOSAIMAPBOARD-CONTAINER .orderList dt,
.BOSAIMAPBOARD-CONTAINER .orderList dd{
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .orderList dd.checkBox{
	position: relative;
	margin-top: 10px;
}
.BOSAIMAPBOARD-CONTAINER .orderList dt .orderList__mark{
	position: absolute;
	top: 0;
	left: 0;
}
/* --- BOSAIMAPBOARD-CONTAINER --- */
.BOSAIMAPBOARD-CONTAINER{
	background-color: #fff;
	overflow: hidden;
}
/* --- mainVisualWrap --- */
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap{
	background-image: url('/extlib/corporate/sustainability/regional-initiative/bosaimapboard/index/index_mainVisual_bg02.jpg'), linear-gradient(90deg, rgba(30,172,229,0.2) 0%, rgba(9,101,193,0.2) 100%);
	background-position: 50% bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap,
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsRWrap{
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL{
	position: relative;
	z-index: 1;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag{
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p{
	left: 0;
	background-color: #0e0d6a;
	color: #ffffff;
	font-weight: bold;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::before{
	content: '';
	position: absolute;
	top: 0;
	width: calc(100% + 10rem);
	height: 100%;
	background-color: #0e0d6a;
	z-index: -1;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::after{
	content: '';
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	background-color: #0e0d6a;
	transform: skewX(-25deg);
	z-index: -1;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual p.attention{
	display: inline-block;
	padding: 15px 60px;
	background-color: #0965c1;
	border-radius: 80px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual p.attention::after {
	/* content: ""; */
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 42%; */
	/* border-style: solid; */
	/* border-width: 25px 0 0 35px; */
	/* border-color: #0965c1 transparent transparent; */
	/* transform: skew(25deg) translate(-50%, 80%); */
	/* transform-origin: top; */
}

.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList{
	font-weight: bold;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li{
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li::before{
	content: '';
	position: absolute;
	left: 0;
	background-color: #0965c1;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList span{
	display: inline;
	position: relative;
	padding: 0 1px 0px;
	color: #0965c1;
	background: linear-gradient(transparent 76%, #ffd400 0%);
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual{
  display: inline-block;
  border-radius: 8px;
  max-width: 100%;
  text-align: center;
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a{
	/* display: inline-block; */
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 13, 0.4);
}
.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a img{
	margin-left: 10px;
}
/* --- anchorNaviList --- */
.BOSAIMAPBOARD-CONTAINER .anchorNavi{
	background-color: #0e0d6a;
}
.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList{
	display: flex;
}
.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li{
	position: relative;
}
.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li a{
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
/* --- bordWrap --- */
.BOSAIMAPBOARD-CONTAINER .bordWrap{
	background-color: #ffffff;
	border-radius: 20px;
}
.BOSAIMAPBOARD-CONTAINER .colItemFigure{
	text-align: center;
}
/* --- bordWrap usage --- */
.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap{
	display: flex;
	align-items: center;
	position: relative;
	background-color: #0965c1;
}
.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap h3{
	width: 65%;
	font-weight: bold;
	color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER .usage .colItem{
	border: 2px solid #0965c1;
	border-radius: 8px;
}
.BOSAIMAPBOARD-CONTAINER .usage .contents > .colItem span{
	font-weight: bold;
	color: #0965c1;
}
.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox{
	position: relative;
	background-color: #ebf6ff;
}
.BOSAIMAPBOARD-CONTAINER .bordWrap.about .aboutSpTxt {
	margin-top:20px;
}
/* --- questionWrap --- */
.BOSAIMAPBOARD-CONTAINER .questionWrap .hLevel2{
	color: #0965c1;
}
.BOSAIMAPBOARD-CONTAINER .accordionList li{
	margin-top: 30px;
}
.BOSAIMAPBOARD-CONTAINER .accordionList li:first-child{
	margin-top: 0;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt{
	display: block;
	position: relative;
	border-radius: 8px;
	margin-bottom: 0;
	background-color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt.open{
	border-radius: 8px 8px 0 0;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a{
	display: block;
	position: relative;
	color: #222222;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt.open a::before{
	background-color: #cccccc;
	content: '';
	position: absolute;
	right: 50%;
	bottom: 0;
	height: 1px;
	transform: translate(50%, 0);
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon{
	color: #0965c1;
	width: 24px;
	height: 24px;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon::before,
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon::after{
	content: "";
	position: absolute;
	top: 50%;
	background-color: #0965c1;
}
.BOSAIMAPBOARD-CONTAINER .icon::after{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a:hover{
	color: #222222;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dt.open a .icon::after{
	width: auto;
	height: auto;
	right: 0;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .qa{
	float: left;
	color: #0965c1;
	padding-right: 15px;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .content{
	overflow: hidden;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap dd{
	padding: 15px 20px 20px 58px;
	border-radius: 0 0 8px 8px;
	background-color: #ffffff;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .list-wrap{
	margin: 1em 0 0;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .unorder-list[data-col-pc]>li {margin-top: .6em;}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .unorder-list>li {
	padding-left: 1.25em;
	position: relative;
	list-style: none;
	margin-top: 10px;
}
.BOSAIMAPBOARD-CONTAINER .accordionWrap .unorder-list>li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	border-radius: 50%;
	background-color: #0965c1;
	content: "";
}

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px){
	.util-pc-hidden{
		display: none!important;
	}
	#BOSAIMAPBOARD-wide-page{
		font-size: 18px;
	}
	.TOPIC-PATH-INNER.BOSAIMAPBOARD-WIDE-BREADCRUMB{
		width: 1320px!important;
		padding: 0 30px;
		font-size: 13px;
	}
	
/* --- Parts --- */
	[data-col-pc="1"] > *{width: 100% !important;}
	[data-col-pc="2"] > *{ width: calc(((100% - (20px)) / 2)) !important; }
	[data-col-pc="3"] > *{ width: calc(((100% - (20px)) / 3)) !important; }
	[data-col-pc="4"] > *{ width: calc(((100% - (20px)) / 4)) !important; }
	[data-col-pc="5"] > *{ width: calc(((100% - (20px)) / 5)) !important; }
	[data-col-pc="6"] > *{ width: calc(((100% - (20px)) / 6)) !important; }
	.BOSAIMAPBOARD-CONTAINER .contentsBase{
		max-width: 1440px;
		padding: 80px 20px;
		margin: 0 auto;
	}
	.BOSAIMAPBOARD-CONTAINER .contentsBase.contactWrap{
		padding: 50px 20px 60px;
	}
	.BOSAIMAPBOARD-CONTAINER .contentsBase.bottomBtn{
		padding-top: 0;
	}
	.BOSAIMAPBOARD-CONTAINER .contents{
		max-width: 1200px;
		margin: 0 auto;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap{
		margin-bottom: 38px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2{
		font-size: 40px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel3{
		margin-bottom: 30px;
		font-size: 32px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap:not(.bdnone) .hLevel2::after{
		background-color: #0965c1;
		content: '';
		position: absolute;
		right: 50%;
		bottom: -6px;
		display: inline-block;
		width: calc(100% + 20px);
		height: 8px;
		transform: skewX(-50deg)translate(50%, 0);
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"]{
		max-width: 500px;
		margin: 38px auto 0;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"] a{
        display: block;
        padding: 36px 20px;
        background-color: #0965c1;
        text-align: center;
        color: #fff;
        font-weight: bold;
        border-radius: 8px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"] a.nobtn{display: inline; background-color: #FFFFFF; color: #0066aa; font-weight: normal; padding: 0;}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgw a{
		padding: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a{
		padding: 20px 60px 20px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a img{
		right: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"]:not(.buttonType--noLink) a:not(.demo):hover{
		opacity: .6;
		transition: .5s;
	}
	.BOSAIMAPBOARD-CONTAINER .buttonType--demo a.demo:hover{
		background-color: #0965c199;
		transition: .5s;
	}
	.BOSAIMAPBOARD-CONTAINER .noteList > li{
		font-size: 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dt,
	.BOSAIMAPBOARD-CONTAINER .orderList dd{
		padding-left: 35px;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dd.checkBox::before{
		position: absolute;
		content: "";
		width: 20px;
		height: 20px;
		top: 5px;
		left: 0;
		background-color: #0965c1;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dd.checkBox::after{
		position: absolute;
		content: '';
		width: 10px;
		height: 5px;
		top: 9px;
		left: 4px;
		border-left: 3px solid #ffffff;
		border-bottom: 3px solid #ffffff;
		transform: rotate(-45deg);
	}
/* --- mainVisualWrap --- */
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual{
		max-width: 1440px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;
		padding: 0 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap,
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsRWrap{
		position: relative;
		width: calc((100% - 75px) / 2);
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap{
		padding: 5rem 2rem 3rem;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap::before{
		content: '';
		position: absolute;
		width: calc(100% + 15rem);
		height: 100%;
		top: 0;
		bottom: 0;
		left: 55%;
		right: 0;
		background-color: #ffffff;
		transform: skewX(-25deg) translate(-50%, 0);
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL{
		max-width: 600px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag{
		position: relative;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p{
		position: absolute;
		top: -3rem;
		padding: 10px 20px;
		font-size: 26px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::before{
		left: -20rem;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::after{
		right: -20px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .serviceLogo{
		padding: 4rem 0 0 0;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList{
		margin-top: 40px;
		font-weight: bold;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li{
		/* padding-left: 25px; */
		margin-bottom: 10px;
		font-size: 24px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li::before{
		/* top: 20px; */
		/* width: 15px; */
		/* height: 15px; */
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList span{
		display: inline;
		position: relative;
		padding: 0 1px 0px;
		font-size: 30px;
		color: #0965c1;
		background: linear-gradient(transparent 76%, #ffd400 0%);
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual{
		margin-top: 30px;
		width: 70%;
		background-color: #fff;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a{
		padding: 22px;
		font-size: 20px;
		display: block;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a img{
		margin-left: 10px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .bgImage{
		width: 19%;
		position: absolute;
		bottom: -20px;
		right: -5rem;
	}
/* --- anchorNaviList --- */
	.BOSAIMAPBOARD-CONTAINER .anchorNaviWrap.fixed{
		position: fixed;
		width: 100%;
		z-index: 3;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNaviWrap.fixed{
		top: 0;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNaviList{
		max-width: 1440px;
		margin: 0 auto;
		justify-content: center;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li a{
		padding: 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li a:hover{
		opacity: 0.6;
		transition: .5s;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li:first-child::before{
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(-50%, -50%);
		width: 1px;
		height: calc(100% - 20px);
		background-color: #ffffff;
		content: "";
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li::after{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(-50%, -50%);
		width: 1px;
		height: calc(100% - 20px);
		background-color: #ffffff;
		content: "";
	}
/* --- bordWrap --- */
	.BOSAIMAPBOARD-CONTAINER .bordWrap{
		padding: 60px 2em 80px;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about{
		padding: 60px 2em 0;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox, .BOSAIMAPBOARD-CONTAINER .col3Box{
		display: flex;
		justify-content: space-between;
		margin-top: 48px;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox .colItem{
		width: calc((100% - (36px)) / 2);
	}
	.BOSAIMAPBOARD-CONTAINER .col3Box .colItem{
		width: calc((100% - (72px)) / 3);
	}
	.BOSAIMAPBOARD-CONTAINER .colBox .text:not(:first-child){
		margin-top: 36px;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox.colItem .text{
		width: 70%;
		margin-right: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox.colItem .colItemFigure{
		margin-top: 0;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .contents{
		position: relative;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .bgImage{
		width: 15%;
		position: absolute;
		bottom: -80px;
		right: 0;
		pointer-events: none;
	}
/* --- bordWrap usage --- */
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap{
		padding-bottom: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap h3{
		margin: 2rem 10px 0;
		font-size: 24px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubble span{
		position: relative;
		display: inline-block;
		margin-bottom: 16px;
		padding: 8px 30px 15px 18px;
		border-radius: 6px 0 50px;
		background-color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		color: #0965c1;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubble span::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		border-style: solid;
		border-width: 16px 0 0 16px;
		border-color: #ffffff transparent transparent;
		transform: skew(25deg) translate(-50%, 80%);
		transform-origin: top;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .contents > .colItem{
		margin-top: 40px;
		padding: 40px 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap{
		padding: 40px 20px 28px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox{
		margin-top: 40px;
		padding: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox:nth-of-type(n+2){
		margin-top: 60px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox:not(:last-of-type)::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		bottom: -40px;
		right: 50%;
		border-style: solid;
		border-color: #0965c1 transparent transparent transparent;
		border-width: 20px 20px 0px;
		transform: translate(50%, 0);
	}
	.BOSAIMAPBOARD-CONTAINER .usage .colItemFigure{
		margin-top: 24px;
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center {
		display: flex;
		justify-content: center;
		margin: 2em 0 0
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center>:first-child,.video-wrap--center>[class^=list-wrap]>:first-child,.video-wrap--center>section:first-child>:first-child {
		margin-top: 0!important
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center>:last-child {
		margin-bottom: 0!important;
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center__inner {
		width: 100%
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center__inner>:first-child,.video-wrap--center__inner>[class^=list-wrap]>:first-child,.video-wrap--center__inner>section:first-child>:first-child {
		margin-top: 0!important
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap--center__inner>:last-child {
		margin-bottom: 0!important
	}
	.BOSAIMAPBOARD-CONTAINER [data-size-pc="70per"] {
		width: 70%!important
	}
	.BOSAIMAPBOARD-CONTAINER .video-wrap__caption,.video-wrap__caption--center,.video-wrap__caption--right {
		font-size: 14px;
	}
	
/* --- questionWrap --- */
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a{
		padding: 20px 60px 15px 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a::before{
		width: calc(100% - 40px);
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon:before,
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon:after{
		width: 24px;
		height: 3px;
		right: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap .unorder-list>li:before {
        width: 10px;
        height: 10px;
	    top: .6em;
	}
/* --- index-case-study --- */
	.index-case-study{
		margin-top: 40px;
	}
	.index-case-study .index-case-study__carousel{
		margin-top: 36px;
		padding: 0 40px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list{
		position: relative;
		margin: 0 -13px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__item{
		padding: 0 13px;
		height: auto;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-track{
		display: flex;
	}
	
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-arrow{
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: 20px;
		height: 15px;
		margin-top: -12px;
		padding: 0;
		border: none;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic04_01.png') ,url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic04_02.png');
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		text-indent: -9999px;
		overflow: hidden;
		z-index: 1;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-arrow:hover{
		background-size: 0 0, contain;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-prev{
		left: -27px;
		transform: rotate(180deg);
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-next{
		right: -27px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__control{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots{
		display: flex;
		align-items: center;
		margin: 0 -9px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li{
		display: flex;
		padding: 0 9px;
		line-height: 1;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li > button{
		cursor: pointer;
		width: 8px;
		height: 8px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background-color: #dde0e7;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li > button:hover,
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li.slick-active > button{
		background-color: #1eace5;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch{
		display: flex;
		margin-left: 18px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause{
		cursor: pointer;
		position: relative;
		width: 10px;
		height: 14px;
		border: none;
		background: none;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::before,
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::after{
		content: "";
		position: absolute;
		top: 0;
		display: inline-block;
		width: 2px;
		height: 14px;
		background-color: #2b2b2b;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::before{
		left: 1px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::after{
		right: 1px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__play{
		cursor: pointer;
		position: relative;
		width: 10px;
		height: 14px;
		border: none;
		background: none;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__play::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #2b2b2b;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause:hover::before,
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause:hover::after{
		background-color: #1eace5;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__play:hover::before{
		border-color: transparent transparent transparent #1eace5;
	}
/* --- index-card --- */
	.index-card > [class*="__type"]{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		height: 100%;
		border: 1px solid #dde0e7;
		border-radius: 7px;
		background-color: #f1f2f6;
		overflow: hidden;
		z-index: 1;
		box-sizing: border-box;
	}
	.index-card .index-card__head{
		flex-shrink: 0;
		position: relative;
		width: 50%;
		overflow: hidden;
	}
	.index-card .index-card__body{
		width: 100%;
		padding: 19px 20px 20px;
		text-align: left;
	}
	.index-card .index-card__body >:first-child{
		margin-top: 0;
	}
	.index-card .index-card__image > img{
		width: 100%;
		transition: transform .6s;
	}
	.index-card > [class*="__type"]:hover .index-card__image > img{
		transform: scale(1.1);
	}
	.index-card .index-card__category{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: flex-end;
	}
	.index-card .index-card__category .index-card__category__icon{
		width: 50px;
		height: 50px;
		background-color: #44780c;
	}
	.index-card .index-card__category .index-card__category__icon > img{
		max-width: 100%;
	}
	.index-card .index-card__category .index-card__category__label{
		padding: 2px 10px;
		background-color: #44780c;
		color: #fff;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		text-align: center;
	}
	.index-card .index-card__property{
		margin-bottom: 10px;
	}
	.index-card .index-card__badge{
		display: inline-flex;
		justify-content: center;
		padding: 4px 10px;
		background-color: #0e0d6a;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
	}
	.index-card > [class*="__type"]:hover .index-card__badge{
		background-color: #1eace5;
	}
	.index-card .index-card__title{
		position: relative;
		display: inline-block;
		padding-right: 15px;
		color: #0066aa;
		font-size: 20px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		line-height: 1.4;
	}
	.index-card > [class*="__type"]:hover .index-card__title{
		color: #1eace5;
	}
	.index-card .index-card__type--blank .index-card__title::after{
		content: "";
		position: absolute;
		top: 10px;
		right: 0;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
	}
	.index-card .index-card__type--blank:hover .index-card__title::after{
		background-size: 0 0, contain;
	}
	.index-card .index-card__description{
		margin: 12px 0 0;
		color: #555566;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
/* --- bosaimapboard-guide --- */
	.bosaimapboard-guide{
		position: relative;
		width: 100%;
	}
	.bosaimapboard-pagetop{
		position: fixed;
		right: 60px;
		bottom: 34px;
		z-index: 1;
	}
	.bosaimapboard-pagetop.is-ride{
		-webkit-transform: translateY(-160%);
		position: absolute;
		top: 0;
		bottom: auto;
		transform: translateY(-160%);
	}
	.bosaimapboard-pagetop > a{
		display: block;
		position: relative;
		width: 58px;
		height: 58px;
		border: 1px solid #0e0d6a;
		border-radius: 50%;
		background-color: #0e0d6a;
		overflow: hidden;
		text-indent: -100vw;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
		white-space: nowrap;
	}
	.bosaimapboard-pagetop > a:hover{
		opacity: .5;
	}
	.bosaimapboard-pagetop > a::after{
		position: absolute;
		top: 50%;
		right: 13px;
		display: inline-block;
		width: 17px;
		height: 17px;
		margin: -4px 8px 0 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(-45deg);
		vertical-align: middle;
		content: "";
	}
}
/* ======================================================
 * SP
====================================================== */
@media print, screen and (max-width: 767px){
	.util-sp-hidden{
		display: none!important;
	}
	#BOSAIMAPBOARD-wide-page{
		font-size: 16px;
	}
/* --- Parts --- */
	.BOSAIMAPBOARD-CONTAINER .contentsBase{
		padding: 40px 20px 50px;
	}
	.BOSAIMAPBOARD-CONTAINER .contentsBase.contactWrap{
		padding: 30px 20px 50px;
	}
	.BOSAIMAPBOARD-CONTAINER .contentsBase.bottomBtn{
		padding: 0 20px 80px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap{
		margin-bottom: 28px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap.bdnone{
		margin-bottom: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2{
		font-size: 24px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel3{
		margin-bottom: 20px;
		font-size: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .hLevel2Wrap:not(.bdnone) .hLevel2::after{
		background-color: #0965c1;
		content: '';
		position: absolute;
		right: 50%;
		bottom: -6px;
		display: inline-block;
		width: calc(100% + 20px);
		height: 6px;
		transform: skewX(-50deg)translate(50%, 0);
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"]{
		width: 100%;
		margin-top: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"] a{
		display: block;
		padding: 15px 20px;
		background-color: #0965c1;
		text-align: center;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		position: relative;
	}
  .BOSAIMAPBOARD-CONTAINER .buttonType--demo a.demo{line-height: 3.4;/* padding-right: 4.5em; */}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"] a.nobtn{display: inline; background-color: #FFFFFF; color: #0066aa; font-weight: normal; padding: 0;}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a{
		padding: 15px 50px 15px 20px;
	}
	.BOSAIMAPBOARD-CONTAINER [class*="buttonType"].buttonType--bgwRadius a img{
		right: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dt,
	.BOSAIMAPBOARD-CONTAINER .orderList dd{
		padding-left: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dd.checkBox::before{
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		top: 5px;
		left: 0;
		background-color: #0965c1;
	}
	.BOSAIMAPBOARD-CONTAINER .orderList dd.checkBox::after{
		position: absolute;
		content: '';
		width: 8px;
		height: 3px;
		top: 9px;
		left: 3px;
		border-left: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		transform: rotate(-45deg);
	}
/* --- mainVisualWrap --- */
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap{
		position: relative;
		padding: 25px 20px 0;
		background-color: #ffffff;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsRWrap{
		padding: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsLWrap::before{
		content: "";
		position: absolute;
		width: calc(100% + 20px);
		top: 99%;
		left: 0;
		box-sizing: border-box;
		border-right: 100vw solid transparent;
		border-top: 40rem solid #fff;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p{
		position: relative;
		display: inline-block;
		padding: 10px 10px 10px 0;
		font-size: 18px;
		margin-right: 50px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::before{
		left: -20rem;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualTag p:not(.attention)::after{
		right: -15px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .serviceLogo{
		padding-top: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList{
		margin-top: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li{
		/* padding-left: 20px; */
		/* margin-bottom: 5px; */
		font-size: 14px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList span{
		font-size: 18px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsL .mainVisualList li::before{
		/* top: 12px; */
		/* width: 10px; */
		/* height: 10px; */
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsRWrap{
		display: flex;
		align-items: center;
		padding-top: 40px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .contentsRWrap .bgImage{
		width: 50%;
		text-align: center;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual p.attention{
		margin-top: 10px;
		padding: 10px 20px;
		color: #FFFFFF;
		font-size: 14px;
		text-align: center;
}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual{
		position: relative;
		padding-bottom: 40px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a{
		display: block;
		padding: 20px;
		font-size: 16px;
		margin: 0 20px;
		padding: 15px 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .mainVisualWrap .mainVisual .buttonType--mainVisual a img{
		width: 20px;
	}
/* --- anchorNaviList --- */
	.BOSAIMAPBOARD-CONTAINER .anchorNaviWrap.fixed{
		top: 13vw;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList{
		flex-wrap: wrap;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li{
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc((100% - 1px) / 2);
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li:nth-child(n+3){
		border-top: 1px solid #ffffff;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li:not(:nth-child(2n)){
		border-right: 1px solid #ffffff;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li:not(:nth-child(odd)):nth-last-child(2){
		margin-bottom: -1px;
		border-bottom: 1px solid #ffffff;
	}
	.BOSAIMAPBOARD-CONTAINER .anchorNavi .anchorNaviList li a{
		padding: 15px;
		font-size: 14px;
		text-align: center;
	}
	.BOSAIMAPBOARD-CONTAINER .noteList > li{
		font-size: 14px;
	}
/* --- bordWrap --- */
	.BOSAIMAPBOARD-CONTAINER .bordWrap{
		padding: 30px 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about{
		padding: 30px 15px 0;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox,
	.BOSAIMAPBOARD-CONTAINER .colBox .text:not(:first-child),
	.BOSAIMAPBOARD-CONTAINER .col3Box,
	.BOSAIMAPBOARD-CONTAINER .col3Box .text:not(:first-child){
		margin-top: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .colBox .colItem:not(:first-child),
	.BOSAIMAPBOARD-CONTAINER .col3Box .colItem:not(:first-child){
		margin-top: 30px;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .contents .buttonType--noLink{
		position: relative;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .bgImage{
		position: absolute;
		width: 4.5em;
		bottom: 0;
		right: 0;
		pointer-events: none;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .aboutSpTxt{
		margin: 20px auto 0;
		max-width: 350px;
	}
	.BOSAIMAPBOARD-CONTAINER .bordWrap.about .aboutSpTxt .hLevel3{
		text-align: left;
	}
/* --- bordWrap usage --- */
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap h3{
		margin: 0 10px 0;
		font-size: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubbleWrap h3{
		margin: 0 10px 0;
		font-size: 20px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubble{
		padding-bottom: 2px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubble span{
		position: relative;
		display: inline-block;
		margin-right: 16px;
		padding: 8px 5px 15px;
		border-radius: 6px 0 15px;
		background-color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5;
		color: #0965c1;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .speechBubble span::after{
		content: "";
		position: absolute;
		top: 60%;
		right: 2px;
		border-style: solid;
		border-width: 0 0 16px 16px;
		border-color: transparent transparent transparent #ffffff;
		transform: skew(0, -10deg) translate(100%, calc(-50% - 0.4px));
		transform-origin: left;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .contents > .colItem{
		margin-top: 30px;
		padding: 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap{
		padding: 20px 15px 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox{
		margin-top: 20px;
		padding: 12px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox:nth-of-type(n+2){
		margin-top: 40px;
	}
	.BOSAIMAPBOARD-CONTAINER .usage .caseWrap .caseBox:not(:last-of-type)::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		bottom: -25px;
		right: 50%;
		border-style: solid;
		border-color: #0965c1 transparent transparent transparent;
		border-width: 10px 10px 0px;
		transform: translate(50%, 0);
	}
	.BOSAIMAPBOARD-CONTAINER .usage .colItemFigure{
		margin-top: 15px;
	}
	.BOSAIMAPBOARD-CONTAINER [data-size-sp="70per"] {
		width: 100%!important
	}
	.BOSAIMAPBOARD-CONTAINER [data-size-sp="70per"]>* {
		width: 100%;
	}
	.BOSAIMAPBOARD-CONTAINER .video {
		height: auto;
		border: 1px solid #ddd
	}
	.video-wrap__caption,.video-wrap__caption--center,.video-wrap__caption--right {
		font-size: 12px;
	}
/* --- questionWrap --- */
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a{
		padding: 15px 50px 12px 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a::before{
		width: calc(100% - 30px);
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon:before,
	.BOSAIMAPBOARD-CONTAINER .accordionWrap dt a .icon:after{
		width: 15px;
		height: 2px;
		right: 15px;
	}
	.BOSAIMAPBOARD-CONTAINER .accordionWrap .unorder-list>li:before {
        width: 8px;
        height: 8px;
	    top: .6em;
	}
/* --- index-case-study --- */
	.index-case-study{
		margin-top: 20px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list{
		position: relative;
		margin: 0 -13px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__item{
		padding: 0 13px;
		height: auto;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__list .slick-track{
		display: flex;
	}
	
	.index-case-study .index-case-study__carousel .index-case-study__carousel__control{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		padding: 0 30px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__control .slick-arrow{
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: 20px;
		height: 15px;
		margin-top: -8px;
		padding: 0;
		border: none;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic04_01.png') ,url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic04_02.png');
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		text-indent: -9999px;
		overflow: hidden;
		z-index: 1;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__control .slick-prev{
		left: 0;
		transform: rotate(180deg);
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__control .slick-next{
		right: 0;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots{
		display: flex;
		align-items: center;
		margin: 0 -5px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li{
		display: flex;
		padding: 0 5px;
		line-height: 1;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li > button{
		cursor: pointer;
		width: 8px;
		height: 8px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background-color: #dde0e7;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__pager > .slick-dots > li.slick-active > button{
		background-color: #1eace5;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch{
		display: flex;
		margin-left: 11px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause{
		cursor: pointer;
		position: relative;
		width: 10px;
		height: 14px;
		border: none;
		background: none;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::before,
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::after{
		content: "";
		position: absolute;
		top: 0;
		display: inline-block;
		width: 2px;
		height: 14px;
		background-color: #2b2b2b;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::before{
		left: 1px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__pause::after{
		right: 1px;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__play{
		cursor: pointer;
		position: relative;
		width: 10px;
		height: 14px;
		border: none;
		background: none;
		text-indent: -9999px;
		overflow: hidden;
	}
	.index-case-study .index-case-study__carousel .index-case-study__carousel__switch .index-case-study__carousel__switch__play::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #2b2b2b;
	}
	/* --- bosaimapboard-guide --- */
	.bosaimapboard-guide{
		position: relative;
		width: 100%;
	}
	.bosaimapboard-pagetop{
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 1;
	}
	.bosaimapboard-pagetop.is-ride{
		-webkit-transform: translateY(-140%);
		position: absolute;
		top: 0;
		bottom: auto;
		transform: translateY(-140%);
	}
	.bosaimapboard-pagetop > a{
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		border: 1px solid #0e0d6a;
		border-radius: 50%;
		background-color: #0e0d6a;
		overflow: hidden;
		text-indent: -100vw;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
		white-space: nowrap;
	}
	.bosaimapboard-pagetop > a::after{
		position: absolute;
		top: 50%;
		right: 13px;
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: -2px 0px 0 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(-45deg);
		vertical-align: middle;
		content: "";
	}
}